/* ---- media layout (v2) ---- */
.hero{position:relative;min-height:min(88vh,820px);display:flex;align-items:center;background:var(--ink)}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:30% center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,rgba(20,17,44,.92) 0%,rgba(20,17,44,.78) 38%,rgba(20,17,44,.25) 70%,rgba(20,17,44,.1) 100%),linear-gradient(0deg,rgba(20,17,44,.6),transparent 40%)}
.hero .wrap{position:relative;z-index:1;display:block;padding-top:72px;padding-bottom:96px;width:100%}
.hero-text{max-width:620px}
.hero .lead{color:#E4E0F2}
.scroll-cue{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:var(--gold-l);font-size:30px;text-decoration:none;z-index:1;animation:bob 2.4s ease-in-out infinite}
@keyframes bob{50%{transform:translate(-50%,6px)}}
@media (max-width:860px){.hero-shade{background:linear-gradient(0deg,rgba(20,17,44,.95) 0%,rgba(20,17,44,.75) 55%,rgba(20,17,44,.35) 100%)}.hero{align-items:flex-end;min-height:92vh}.hero-bg{object-position:20% center}}

.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr;gap:32px}}
.media video,.media img{width:100%;border-radius:26px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 24px 60px rgba(30,27,58,.22)}
.dark .media img{box-shadow:0 24px 60px rgba(0,0,0,.45);border:1px solid rgba(233,194,122,.35)}
.points{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:18px}
.points li{display:flex;gap:14px;align-items:flex-start}
.points .ic{flex:none;width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:var(--cream);color:var(--pome);font-size:20px}
.dark .points .ic{background:rgba(233,194,122,.16);color:var(--gold-l)}
.points h3{font-size:20px;margin:0 0 4px}
.points p{margin:0;color:var(--muted)}
.dark .points p{color:#C9C4E0}

.how{margin-top:40px;grid-template-columns:.8fr 1.2fr}
@media (max-width:900px){.how{grid-template-columns:1fr}}
.how .portrait{position:relative;justify-self:center;width:min(360px,100%)}
.how .portrait video{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:28px;border:3px solid rgba(200,144,46,.55);box-shadow:0 30px 60px rgba(30,27,58,.25);display:block}
.how .steps{grid-template-columns:repeat(2,1fr);margin:0}
@media (max-width:560px){.how .steps{grid-template-columns:1fr}}

.quote-band{background-size:cover;background-position:center;color:#fff;padding:120px 0}
.quote-band .sub,.quote-band cite{color:#DAD6EC}

.js .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
.js .reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}.scroll-cue{animation:none}}