/* Targeted refinements. Collection, process and final CTA layouts unchanged. */
.header{background:linear-gradient(#000f,#000b,transparent);border-bottom-color:#ffffff18}
.hero{background:#000;min-height:820px;height:100svh;max-height:1150px;padding-top:150px;isolation:isolate}
.hero-media{inset:0;width:100%;height:100%;background:#000;z-index:0}
.hero-media img{width:100%;height:100%;object-fit:contain;object-position:center;opacity:1;transform:scale(var(--hero-scale,1));transition:transform 1.5s ease,object-position 1.5s ease;animation:otc-cinema 18s ease-in-out infinite alternate}
.hero-media:after{background:linear-gradient(90deg,#000d 0%,#0008 25%,#0001 58%,transparent 80%),linear-gradient(180deg,#000d,transparent 24%,transparent 65%,#000e);pointer-events:none}
.hero-content{width:48%;max-width:690px;text-shadow:0 2px 28px #0008}
.hero h1 span{color:#dedede}.hero-description{color:#eee}.hero-content .button{text-shadow:none}
.hero-bottom{z-index:2}.hero-caption,.scroll-link{color:#ddd}
.brand-logo,.login-logo{background:transparent}
.model-change:focus-visible{outline-color:#111}
@keyframes otc-cinema{from{transform:scale(var(--hero-scale,1)) translateY(0)}to{transform:scale(calc(var(--hero-scale,1) + .025)) translateY(-5px)}}
@media(max-width:760px){.hero{height:100svh;min-height:800px;padding:140px 6% 135px;align-items:flex-end}.hero-media{inset:0;width:100%;height:100%}.hero-media img{object-position:center 32%;object-fit:contain}.hero-media:after{background:linear-gradient(180deg,#0009,transparent 20%,transparent 35%,#0009 56%,#000 88%)}.hero-content{width:100%;max-width:530px}.hero h1{font-size:clamp(52px,13vw,70px)}.hero-description{font-size:16px;margin-top:18px}.hero-buttons{margin-top:22px}.hero-bottom{bottom:24px}.hero .eyebrow{font-size:10px}.header{background:linear-gradient(#000,transparent)}}
@media(prefers-reduced-motion:reduce){.hero-media img{animation:none;transition:none;transform:none}}