:root{--gutter:clamp(1.5rem,3vw,3.5rem);--max:1460px}
.cinematic-hero{position:relative;background:#0b0d0e;color:#fff;border-bottom:1px solid #263331}
.cinematic-frame{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(540px,43vw,680px);background:linear-gradient(90deg,#291d15 0%,#101b1c 43%,#0a1521 100%)}
.cinematic-frame::before{content:'';position:absolute;z-index:0;inset:-18% 25% -20%;background:radial-gradient(ellipse at 50% 48%,rgba(240,233,205,.16),rgba(38,80,79,.11) 34%,transparent 68%);filter:blur(10px)}
.cinematic-frame::after{content:'';position:absolute;z-index:3;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,8,.04) 0%,rgba(5,8,9,.68) 38%,rgba(5,8,9,.78) 50%,rgba(5,8,9,.64) 62%,rgba(5,7,8,.08) 100%),linear-gradient(180deg,rgba(4,6,7,.08),rgba(4,6,7,.04) 55%,rgba(4,6,7,.38))}
.cinematic-world{position:absolute;z-index:1;top:0;bottom:0;width:42%;overflow:hidden}
.cinematic-world::after{content:'';position:absolute;inset:0;pointer-events:none}
.cinematic-world--clear{left:0;background:radial-gradient(circle at 22% 18%,rgba(231,178,115,.28),transparent 38%),linear-gradient(135deg,#4a2f1d 0%,#251b16 58%,#0d1516 100%)}
.cinematic-world--clear::after{background:linear-gradient(90deg,rgba(236,188,128,.06),transparent 62%),repeating-linear-gradient(105deg,rgba(255,255,255,.015) 0 1px,transparent 1px 9px)}
.cinematic-world--via{right:0;background:radial-gradient(circle at 75% 12%,rgba(59,120,171,.22),transparent 38%),linear-gradient(225deg,#102b3a 0%,#0c1824 58%,#10191a 100%)}
.cinematic-world--via::after{background:linear-gradient(270deg,rgba(95,154,194,.07),transparent 68%),repeating-linear-gradient(75deg,rgba(255,255,255,.012) 0 1px,transparent 1px 10px)}
.hero-clear-preview{position:absolute;left:clamp(22px,4vw,74px);bottom:-18px;width:min(30vw,430px);aspect-ratio:368/352;overflow:hidden;border-radius:24px;background:#fff;transform:rotate(-4deg);box-shadow:0 36px 80px rgba(0,0,0,.42),0 0 0 1px rgba(255,255,255,.16)}
.hero-clear-preview img{position:absolute;width:556.521739%;max-width:none;height:auto;left:-18.206522%;top:-63.920455%;pointer-events:none}
.hero-via-preview{position:absolute;right:clamp(22px,3.7vw,70px);bottom:54px;width:min(34vw,520px);padding:25px 27px 24px;border:1px solid rgba(118,158,203,.26);border-radius:14px;background:rgba(5,12,24,.94);transform:rotate(2.6deg);box-shadow:0 38px 90px rgba(0,0,0,.46);font-family:'Segoe UI',Geist,sans-serif;color:#eef5ff}
.hero-via-top{display:flex;justify-content:space-between;gap:18px;align-items:center;padding-bottom:18px;border-bottom:1px solid #263449;color:#8392a9;font-size:.7rem}
.hero-via-wordmark{font-size:1.12rem;font-weight:600;letter-spacing:-.04em;color:#f4f7fc}.hero-via-wordmark span{color:#3386ff}
.hero-via-preview>p{margin-top:22px;color:#7f9fce;font-size:.7rem;line-height:1.4;text-transform:uppercase;letter-spacing:.08em}
.hero-via-preview>strong{display:block;margin-top:8px;font-size:clamp(1.35rem,2vw,1.8rem);font-weight:500;letter-spacing:-.035em}
.hero-via-preview>small{display:block;margin-top:13px;max-width:390px;color:#b7c3d5;font-size:.85rem;line-height:1.55}
.hero-via-facts{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:17px;border-top:1px solid #263449}.hero-via-facts span{font-size:.7rem;line-height:1.35;color:#aec1dd;border:1px solid #2e4059;border-radius:999px;padding:6px 9px}
.cinematic-center{position:absolute;z-index:1;inset:0;display:grid;place-items:center;pointer-events:none}.cinematic-center::before{content:'';position:absolute;width:36%;height:150%;top:-25%;left:32%;background:linear-gradient(102deg,transparent 24%,rgba(242,235,212,.065) 48%,transparent 72%);transform:skewX(-8deg)}
.cinematic-center img{width:min(23vw,330px);height:auto;opacity:.055;filter:drop-shadow(0 0 26px rgba(255,255,255,.14))}
.cinematic-copy{position:relative;z-index:4;min-height:clamp(540px,43vw,680px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:70px}
.cinematic-copy .eyebrow{color:#c8d8d5}.cinematic-copy h1{margin-top:24px;max-width:930px;font-size:clamp(3.35rem,6.25vw,6.3rem);line-height:1.01;letter-spacing:-.058em;text-wrap:balance}.cinematic-copy h1 span{color:#d8e7e3}.cinematic-copy .hero-description{max-width:620px;margin-top:28px;color:#d3dcda;font-size:1.125rem;line-height:1.6}.cinematic-copy .text-link{margin-top:30px;color:#fff;border-color:rgba(255,255,255,.65);gap:40px}.cinematic-copy .text-link:hover{border-color:#fff}
.product-figure figcaption{justify-content:flex-start}
@media(min-width:1500px){.cinematic-frame,.cinematic-copy{min-height:680px}.hero-clear-preview{bottom:-28px}.hero-via-preview{bottom:62px}}
@media(max-width:1150px){.cinematic-frame,.cinematic-copy{min-height:600px}.hero-clear-preview{width:35vw;left:22px}.hero-via-preview{width:39vw;right:20px;padding:22px}.cinematic-frame::after{background:linear-gradient(90deg,rgba(5,7,8,.13),rgba(5,8,9,.76) 34%,rgba(5,8,9,.82) 50%,rgba(5,8,9,.74) 66%,rgba(5,7,8,.13)),linear-gradient(180deg,rgba(4,6,7,.08),rgba(4,6,7,.08) 55%,rgba(4,6,7,.4))}.cinematic-copy h1{font-size:clamp(3.25rem,7.1vw,5.25rem);max-width:800px}.cinematic-copy .hero-description{max-width:570px}}
@media(max-width:900px){.cinematic-frame,.cinematic-copy{min-height:590px}.cinematic-world{width:50%;opacity:.9}.hero-clear-preview{width:42vw;bottom:-30px;left:-22px}.hero-via-preview{width:46vw;right:-30px;bottom:48px}.cinematic-frame::after{background:linear-gradient(90deg,rgba(5,8,9,.4),rgba(5,8,9,.82) 31%,rgba(5,8,9,.86) 50%,rgba(5,8,9,.81) 69%,rgba(5,8,9,.42)),linear-gradient(180deg,rgba(4,6,7,.08),rgba(4,6,7,.12) 60%,rgba(4,6,7,.45))}.cinematic-copy{padding-block:64px}.cinematic-copy h1{font-size:clamp(3.1rem,8.6vw,4.7rem);max-width:700px}.cinematic-copy .hero-description{font-size:1.0625rem;max-width:520px}.cinematic-center img{width:260px}}
@media(max-width:640px){:root{--gutter:1.5rem;--max:1460px}.cinematic-frame,.cinematic-copy{min-height:535px}.cinematic-world{width:54%}.hero-clear-preview,.hero-via-preview{display:none}.cinematic-world--clear{background:radial-gradient(circle at 18% 28%,rgba(231,178,115,.24),transparent 42%),linear-gradient(135deg,#422d20,#172021 86%)}.cinematic-world--via{background:radial-gradient(circle at 80% 22%,rgba(65,123,171,.23),transparent 42%),linear-gradient(225deg,#102b3a,#10191a 82%)}.cinematic-frame::after{background:linear-gradient(90deg,rgba(5,8,9,.28),rgba(5,8,9,.72) 28%,rgba(5,8,9,.78) 50%,rgba(5,8,9,.7) 72%,rgba(5,8,9,.3)),linear-gradient(180deg,rgba(4,6,7,.08),rgba(4,6,7,.12) 60%,rgba(4,6,7,.5))}.cinematic-copy{align-items:flex-start;text-align:left;padding-block:58px}.cinematic-copy .eyebrow{font-size:.75rem}.cinematic-copy h1{margin-top:22px;font-size:clamp(2.75rem,12.2vw,3.65rem);line-height:1.03;max-width:520px}.cinematic-copy h1 br{display:none}.cinematic-copy h1 span{display:block;margin-top:5px}.cinematic-copy .hero-description{font-size:1.02rem;line-height:1.62;max-width:440px;margin-top:24px}.cinematic-copy .text-link{font-size:.9375rem;margin-top:25px;gap:30px}.cinematic-center{place-items:end center;padding-bottom:28px}.cinematic-center img{width:180px;opacity:.045}}
@media(prefers-reduced-motion:no-preference){.cinematic-copy .eyebrow,.cinematic-copy h1,.cinematic-copy .hero-description,.cinematic-copy .text-link{animation:cinematic-arrive .7s both}.cinematic-copy h1{animation-delay:.06s}.cinematic-copy .hero-description{animation-delay:.13s}.cinematic-copy .text-link{animation-delay:.2s}@keyframes cinematic-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}}
@media print{.cinematic-hero{background:white;color:var(--ink)}.cinematic-world,.cinematic-center{display:none}.cinematic-frame,.cinematic-copy{min-height:0;background:white}.cinematic-copy{align-items:flex-start;text-align:left;padding-block:30px}.cinematic-copy .eyebrow,.cinematic-copy h1,.cinematic-copy h1 span,.cinematic-copy .hero-description,.cinematic-copy .text-link{color:var(--ink)}}