/* Match the other project covers: a gentle native landing, then free scrolling. */
html { scroll-snap-type:y proximity; scroll-behavior:smooth; }
.safeway-site-header,
.safeway-cover { scroll-snap-align:start; scroll-snap-stop:normal; }
.safeway-site-header { position:relative; height:calc(172px * var(--scale)); overflow:hidden; background:#fff; }
.safeway-site-header > .canvas { height:172px; }
.safeway-cover {
  position:relative; width:100%; height:min(58.541667vw,100svh);
  overflow:hidden; background:#000; color:#fff; container-type:size;
}
.safeway-cover-scene { position:absolute; inset:0; }
.safeway-cover-scene img { display:block; width:100%; height:100%; object-fit:contain; object-position:right center; }
.safeway-cover :where(h1,p) { position:absolute; left:6.805556%; margin:0; }
.safeway-cover-title {
  top:49.822064%; width:30.902778%; font-size:min(5.555556cqw,9.489917cqh);
  font-weight:600; line-height:1.21;
}
.safeway-cover-description {
  top:74.021352%; font-size:min(1.25cqw,2.135231cqh);
  font-weight:600; line-height:1.21; white-space:nowrap;
}
.safeway-cover-meta {
  top:77.698695%; font-size:min(1.111111cqw,1.897983cqh);
  font-weight:400; line-height:1.21; white-space:pre;
}
.safeway-cover-demo {
  position:absolute; left:6.805556%; top:83.5%; display:inline-flex;
  align-items:center; justify-content:center; gap:10px; min-height:40px;
  padding:9px 14px; border:1px solid rgba(255,255,255,.65); border-radius:6px;
  background:rgba(0,0,0,.3); color:#fff; font:500 13px/1.2 Inter,Arial,sans-serif;
  text-decoration:none; white-space:nowrap;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease;
}
.safeway-cover-demo svg { width:15px; height:15px; flex:none; }
.safeway-cover-demo:hover { background:#fff; color:#111; border-color:#fff; }
.safeway-cover-demo:focus-visible { outline:2px solid #fff; outline-offset:4px; }
/* Keep the new tap target clear of the existing cover text on narrow screens. */
@media(max-width:600px) and (orientation:portrait) { .safeway-cover { min-height:300px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-snap-type:none; scroll-behavior:auto; } }