/* Client-selected full-screen scene. Protect the copy while keeping the products clear. */
body[data-page="home"] .site-header{background:transparent}
.home-overlay{--gutter:32px;position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:minmax(0,1000px);grid-template-rows:minmax(0,1fr) auto;justify-content:center;row-gap:36px;min-height:max(640px,100svh);margin-top:-72px;padding:calc(72px + clamp(28px,5vh,64px)) var(--gutter) clamp(28px,4.5vh,48px);background:#0b0b0b}
.home-overlay-image{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:64% 50%}
.home-overlay::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(11,11,11,.88) 0%,rgba(11,11,11,.82) 44%,rgba(11,11,11,.72) 55%,rgba(11,11,11,.18) 67%,rgba(11,11,11,0) 78%),linear-gradient(0deg,rgba(11,11,11,.76) 0%,rgba(11,11,11,0) 27%),linear-gradient(180deg,rgba(11,11,11,.7) 0%,rgba(11,11,11,0) 18%)}
.home-overlay-copy{align-self:center;max-width:620px}
.home-overlay h1{font-size:clamp(44px,min(5vw,8vh),88px);font-weight:560;font-variation-settings:'wdth' 112;line-height:.98;letter-spacing:-.035em;color:#f1f1ed}
.home-overlay h1>span{display:block}
.home-overlay-since{font-weight:300;color:#cfd0cb}
.home-overlay-copy>p{font-size:16px;line-height:1.6;color:#cfd0cb;max-width:44ch;margin-top:26px}
.home-overlay-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:30px}
.home-overlay-actions .button{font-size:13px;min-height:48px;padding:14px 24px;gap:18px}
.home-overlay-actions .button:not(.outline){background:#c81731;color:#fff}
.home-overlay-actions .button:not(.outline):hover{background:#a40d23}
.home-overlay-actions .button.outline{box-shadow:inset 0 0 0 1px rgba(241,241,237,.5)}
.home-overlay-actions .button.outline:hover{background:rgba(241,241,237,.1)}
.home-overlay-ranges{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.home-overlay-ranges a{display:inline-flex;align-items:center;min-height:34px;padding:0 14px;border:1px solid rgba(241,241,237,.26);border-radius:999px;font-size:12px;color:#d9dad5;background:rgba(11,11,11,.35);transition:border-color .2s,color .2s}
.home-overlay-ranges a:hover{border-color:#f1f1ed;color:#fff}
.home-overlay-facts{display:flex;flex-wrap:wrap;gap:20px clamp(40px,6vw,96px);margin:0;padding-top:22px;border-top:1px solid rgba(241,241,237,.18)}
.home-overlay-facts>div{display:grid;gap:8px}
.home-overlay-facts dt{font-family:Archivo,sans-serif;font-size:clamp(32px,2.6vw,44px);font-weight:560;font-variation-settings:'wdth' 112;line-height:1;letter-spacing:-.03em;color:#f1f1ed}
.home-overlay-facts dd{margin:0;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#a9aaa6}
@media(min-width:1800px) and (min-aspect-ratio:1/1){
  .home-overlay h1{font-size:clamp(44px,min(5vw,8vh),104px)}
  .home-overlay-copy{max-width:760px}
  .home-overlay-copy>p{font-size:18px}
  .home-overlay-actions .button{font-size:15px;min-height:54px;padding-inline:28px}
  .home-overlay-ranges a{min-height:40px;padding:0 17px;font-size:14px}
  .home-overlay-facts dd{font-size:12px}
}
@media(max-width:800px){
  .home-overlay{--gutter:24px}
}
@media(max-width:800px),(max-aspect-ratio:1/1){
  .home-overlay{min-height:max(680px,100svh);row-gap:28px}
  .home-overlay-image{object-position:70% 50%}
  .home-overlay::before{background:linear-gradient(180deg,rgba(11,11,11,.62) 0%,rgba(11,11,11,.18) 20%,rgba(11,11,11,.5) 40%,rgba(11,11,11,.93) 62%,#0b0b0b 100%)}
  .home-overlay-copy{align-self:end}
}
@media(max-width:600px){
  .home-overlay{--gutter:20px;margin-top:-64px;padding:calc(64px + 24px) var(--gutter) 28px;row-gap:24px}
  .home-overlay h1{font-size:clamp(38px,11.4vw,52px)}
  .home-overlay-copy>p{font-size:15px;margin-top:18px}
  .home-overlay-actions{margin-top:22px}
  .home-overlay-actions .button{font-size:12px;min-height:44px;padding:12px 18px}
  .home-overlay-ranges{margin-top:18px;gap:6px}
  .home-overlay-ranges a{min-height:32px;padding:0 12px;font-size:11px}
  .home-overlay-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding-top:16px}
  .home-overlay-facts dt{font-size:26px}
  .home-overlay-facts dd{font-size:10px;letter-spacing:.08em}
}
@media(prefers-reduced-motion:no-preference){
  .home-overlay-image{animation:home-overlay-settle 2.6s cubic-bezier(.33,1,.68,1) both}
  .home-overlay-copy>*{animation:home-overlay-rise .9s var(--ease) both}
  .home-overlay-copy>:nth-child(2){animation-delay:.08s}
  .home-overlay-copy>:nth-child(3){animation-delay:.14s}
  .home-overlay-copy>:nth-child(4){animation-delay:.2s}
}
@keyframes home-overlay-settle{from{transform:scale(1.08)}}
@keyframes home-overlay-rise{from{opacity:0;transform:translateY(.28em)}}

/* The full and detail views share one reserved frame, so switching cannot move later content. */
body[data-page="home"] .studio-detail-figure,
body[data-page="home"] .studio-detail-figure.is-original,
body[data-page="home"] .studio-detail-figure:not(.is-original){aspect-ratio:16/9;background:#151615}
body[data-page="home"] .studio-detail-figure img{object-fit:contain;object-position:center}
