.iv-hero{position:relative;margin-top:calc((var(--r-nav-h) + 1px) * -1);min-height:max(760px,100vh);display:flex;align-items:center;background:var(--slate-900);color:#fff;overflow:hidden;isolation:isolate}body:has(.r-topbar) .iv-hero{min-height:max(760px,calc(100vh - 41px))}.iv-hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(38% 52% at 74% 50%,color-mix(in oklab,var(--core-500) 30%,transparent),transparent 72%),radial-gradient(30% 40% at 88% 78%,color-mix(in oklab,var(--portal-500) 30%,transparent),transparent 72%),radial-gradient(30% 40% at 6% 0%,color-mix(in oklab,var(--portal-500) 16%,transparent),transparent 70%),var(--slate-900)}.iv-hero-bg:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.1) 1px,transparent 1.2px);background-size:24px 24px;-webkit-mask-image:radial-gradient(52% 64% at 74% 50%,#000,transparent 78%);mask-image:radial-gradient(52% 64% at 74% 50%,#000,transparent 78%)}.iv-hero-in{width:100%;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:var(--space-16);align-items:center;padding-top:calc(var(--r-nav-h) + 48px);padding-bottom:72px}.iv-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-6)}.iv-eyebrow{display:inline-flex;align-items:center;gap:var(--space-3);font-family:var(--font-mono);font-size:var(--text-2xs);font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#ffffffc7}.iv-h1{margin:0;font-weight:500;font-size:clamp(44px,5.8vw,92px);letter-spacing:-.045em;line-height:1;color:#fff;text-wrap:balance}.iv-h1 em{font-style:normal;background:linear-gradient(95deg,var(--portal-200),var(--portal-400));-webkit-background-clip:text;background-clip:text;color:transparent}.iv-lede{margin:0;font-size:var(--text-lg);line-height:1.6;color:#ffffffd6;max-width:46ch;text-wrap:pretty}.iv-acts{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-2)}.iv-hero .lui-btn-secondary{background:#fff;border-color:#fff;color:var(--fg-1)}.iv-hero .lui-btn-secondary:hover{background:#ffffffe0;border-color:#ffffffe0;color:var(--fg-1)}.iv-sound{all:unset;cursor:pointer;display:inline-flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:#ffffffdb;border-radius:var(--radius-pill)}.iv-sound b{display:block;font-weight:600;color:#fff}.iv-sound small{font-size:var(--text-xs);color:#ffffff9e}.iv-sound-ic{width:40px;height:40px;flex:none;border-radius:var(--radius-pill);display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);background:#ffffff1a;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background var(--duration-base) var(--ease-out)}.iv-sound-ic i{font-size:var(--text-sm);color:#fff}.iv-sound:hover .iv-sound-ic{background:#ffffff38}.iv-sound:hover b{text-decoration:underline;text-underline-offset:.2em}.iv-sound:focus-visible{box-shadow:0 0 0 3px #ffffff80}.iv-reel-wrap{position:relative;display:flex;justify-content:flex-end}.iv-halo{position:absolute;inset:-12% -10% -12% 0;z-index:0;pointer-events:none;border-radius:50%;background:radial-gradient(closest-side,color-mix(in oklab,var(--core-400) 38%,transparent),color-mix(in oklab,var(--portal-400) 16%,transparent) 55%,transparent);filter:blur(30px)}.iv-reel{position:relative;z-index:1;margin:0;width:100%;max-width:min(640px,calc(100vh - 220px));aspect-ratio:1/1;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #ffffff2e,0 0 0 11px #141a24b8,0 0 0 12px #ffffff1f,0 40px 120px -24px color-mix(in oklab,var(--core-500) 60%,transparent),0 30px 80px #00000073}.iv-reel picture,.iv-poster,.iv-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.iv-video{opacity:0;transition:opacity .6s var(--ease-out);background:transparent}.iv-reel.is-playing .iv-video{opacity:1}.iv-pause{all:unset;cursor:pointer;position:absolute;right:14px;bottom:14px;z-index:2;width:36px;height:36px;border-radius:var(--radius-pill);display:grid;place-items:center;background:#11161c8c;color:#fff;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:.75;transition:opacity var(--duration-base) var(--ease-out)}.iv-pause[hidden]{display:none}.iv-pause:hover,.iv-pause:focus-visible{opacity:1}.iv-pause:focus-visible{box-shadow:0 0 0 3px #fff9}.iv-pause i{font-size:12px}.iv-reel.is-sound .iv-pause{display:none}@keyframes iv-glow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:none}}.iv-halo{animation:iv-glow 1.8s cubic-bezier(.16,1,.3,1) .1s both}@media (max-width:900px){.iv-hero{min-height:0;align-items:flex-start}.iv-hero-bg{background:radial-gradient(70% 40% at 50% 26%,color-mix(in oklab,var(--core-500) 30%,transparent),transparent 72%),radial-gradient(50% 30% at 80% 40%,color-mix(in oklab,var(--portal-500) 26%,transparent),transparent 72%),var(--slate-900)}.iv-hero-bg:after{-webkit-mask-image:radial-gradient(70% 40% at 50% 26%,#000,transparent 78%);mask-image:radial-gradient(70% 40% at 50% 26%,#000,transparent 78%)}.iv-hero-in{grid-template-columns:1fr;gap:var(--space-10);padding-top:calc(var(--r-nav-h) + 20px);padding-bottom:64px}.iv-reel-wrap{order:-1;justify-content:center}.iv-reel{max-width:min(calc(100% - 24px),520px)}.iv-h1{font-size:clamp(40px,10.5vw,64px)}}@media (max-width:700px){.iv-reel{aspect-ratio:4/5;max-width:min(calc(100% - 24px),49.6svh);border-radius:18px}.iv-reel.is-sound{aspect-ratio:1/1}}.iv-screen{margin:var(--space-16) 0 0;perspective:1800px}.iv-screen-frame{position:relative;border-radius:20px;overflow:hidden;background:#fff;border:1px solid var(--r-rule);box-shadow:0 2px 6px #11161c0a,0 40px 90px -30px #11161c47;transform-origin:50% 0;transform:rotateX(calc((1 - var(--t,1)) * 16deg)) scale(calc(.9 + var(--t,1) * .1))}.iv-screen-frame img{width:100%;height:auto;transform-origin:59% 45%;transform:scale(calc(1 + (1 - var(--t,1)) * .42))}.iv-cap{display:flex;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;margin-top:var(--space-4)}.iv-flow{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:var(--space-16);margin-top:var(--space-16)}.iv-steps{position:relative;list-style:none;margin:0;padding:0 0 0 var(--space-8)}.iv-steps:before,.iv-steps:after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;border-radius:2px}.iv-steps:before{background:var(--r-rule)}.iv-steps:after{background:var(--product-500);transform-origin:0 0;transform:scaleY(var(--t,1))}.iv-step{min-height:62vh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-3)}.iv-step:first-child{min-height:48vh;justify-content:flex-start;padding-top:var(--space-16)}.iv-step:last-child{min-height:96vh}.iv-step .n{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--product-600)}.iv-step h3{margin:0;font-size:var(--text-2xl);font-weight:500;letter-spacing:-.02em;line-height:1.2;color:var(--fg-1)}.iv-step p{margin:0;font-size:var(--text-md);line-height:1.6;color:var(--fg-2);max-width:38ch}.iv-step-fig{display:none}.iv-js .iv-step{opacity:.32;transition:opacity .5s var(--ease-out)}.iv-js .iv-step.on{opacity:1}.iv-stage-col{position:relative}.iv-stage{position:sticky;top:calc(var(--r-nav-h) + 32px);height:min(calc(100vh - var(--r-nav-h) - 64px),860px);max-width:100%;aspect-ratio:1472/1658;margin-left:auto;border-radius:24px;overflow:hidden;background:#fff;border:1px solid var(--r-rule);box-shadow:0 2px 6px #11161c0a,0 40px 90px -30px #11161c4d}.iv-shot{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.05) translateY(14px);transition:opacity .6s var(--ease-out),transform 2.4s cubic-bezier(.16,1,.3,1)}.iv-shot.on{opacity:1;transform:none}@media (max-width:980px){.iv-flow{grid-template-columns:1fr;gap:0;margin-top:var(--space-10)}.iv-stage-col{display:none}.iv-steps{padding-left:0}.iv-steps:before,.iv-steps:after{display:none}.iv-step,.iv-step:first-child,.iv-step:last-child{min-height:0;padding:var(--space-8) 0;border-top:1px solid var(--r-rule)}.iv-js .iv-step{opacity:1}.iv-step-fig{display:block;margin:var(--space-4) 0 0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid var(--r-rule);box-shadow:0 24px 60px -30px #11161c4d}.iv-step-fig img{width:100%;height:auto}.iv-flow.iv-swipe .iv-steps{display:flex;gap:var(--space-3);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;margin:0 calc(var(--r-gutter) * -1);padding:var(--space-2) var(--r-gutter) var(--space-4);scroll-padding:0 var(--r-gutter)}.iv-flow.iv-swipe .iv-steps::-webkit-scrollbar{display:none}.iv-flow.iv-swipe .iv-step{flex:0 0 min(86%,440px);scroll-snap-align:start;border-top:0;padding:0;opacity:.45;scale:.95;transition:opacity .5s var(--ease-out),scale .7s cubic-bezier(.16,1,.3,1)}.iv-flow.iv-swipe .iv-step.on{opacity:1;scale:1}.iv-dots{display:flex;justify-content:center;gap:6px;margin-top:var(--space-2)}.iv-dots button{all:unset;cursor:pointer;position:relative;width:8px;height:8px;border-radius:8px;background:var(--r-rule);overflow:hidden;transition:width .4s var(--ease-out)}.iv-dots button[aria-current=true]{width:28px;background:color-mix(in oklab,var(--product-500) 25%,transparent)}.iv-dots button i{position:absolute;inset:0;background:var(--product-500);transform:scaleX(0);transform-origin:left}.iv-dots button:focus-visible{box-shadow:0 0 0 3px color-mix(in oklab,var(--product-500) 40%,transparent)}}.iv-deck{position:relative;margin-top:var(--space-16);aspect-ratio:1184/760}.iv-card{position:absolute;height:auto;filter:drop-shadow(0 30px 50px rgba(0,0,0,.5));will-change:transform}.iv-card.c1{left:0;top:0;width:58%;transform:translateY(calc((1 - var(--t,1)) * 60px));opacity:calc(.2 + var(--t,1) * .8)}.iv-card.c2{right:0;top:17%;width:52%;transform:translateY(calc((1 - var(--t,1)) * 180px)) rotate(calc((1 - var(--t,1)) * 3deg));opacity:clamp(0,calc(var(--t,1) * 1.6 - .3),1)}.iv-card.c3{left:26%;top:63%;width:54%;transform:translateY(calc((1 - var(--t,1)) * 300px)) rotate(calc((1 - var(--t,1)) * -3deg));opacity:clamp(0,calc(var(--t,1) * 1.8 - .6),1)}.iv-order{margin:var(--space-12) 0 0;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.02em;color:var(--slate-300)}.iv-order:before{content:"";display:inline-block;width:18px;height:1px;background:var(--slate-400);vertical-align:4px;margin-right:var(--space-3)}.r-ink .r-after{color:var(--slate-400)}@media (max-width:900px){.iv-deck{aspect-ratio:auto;display:flex;flex-direction:column;gap:var(--space-5);margin-top:var(--space-10)}.iv-card,.iv-card.c1,.iv-card.c2,.iv-card.c3{position:static;width:100%;transform:none;opacity:1}}.iv-words{margin:0;font-weight:500;font-size:clamp(46px,7.4vw,120px);letter-spacing:-.04em;line-height:1;color:var(--r-ink);text-wrap:balance}.iv-words span{display:inline-block;opacity:clamp(.12,calc(var(--t,1) * 7 - var(--i)),1)}.iv-words em{font-style:normal;font-weight:inherit;color:var(--product-600)}.iv-ticks{margin-top:var(--space-16)}.iv-help{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:var(--space-10);align-items:start;margin-top:var(--space-16)}.iv-help .r-stage>img{display:block}.iv-help .iv-late{margin-top:var(--space-20);transform:translateY(calc((1 - var(--t,1)) * 140px))}@media (max-width:900px){.iv-help{grid-template-columns:1fr}.iv-help .iv-late{margin-top:0;transform:none}}.iv-wall{display:flex;flex-direction:column;gap:var(--space-6);margin-top:var(--space-16);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent);mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.iv-row{display:flex;justify-content:center;gap:var(--space-10);margin:0;padding:0;list-style:none;white-space:nowrap;transform:translate(calc((var(--t,.5) - .5) * var(--dir,1) * 26vw))}.iv-row li{display:inline-flex;align-items:center;gap:var(--space-4);font-size:clamp(22px,2.7vw,42px);font-weight:300;letter-spacing:-.025em;color:var(--fg-1)}.iv-row li:before{content:"";flex:none;width:8px;height:8px;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--core-400),var(--portal-400))}.iv-row.soft li{font-size:clamp(18px,1.9vw,30px);color:var(--fg-3)}.iv-at{color:var(--product-600);font-weight:400}.iv-wall-note{margin-top:var(--space-10)}@media (prefers-reduced-motion:reduce){.iv-halo{animation:none}.iv-shot{transition:opacity .2s linear;transform:none}.iv-video{transition:none}}@media print{.iv-hero{min-height:0;margin-top:0}.iv-stage-col{display:none}.iv-step-fig{display:block}}
