.how-page{--how-gold: var(--color-accent-ink);--how-muted: var(--color-muted-foreground);--how-ground: var(--color-background);--how-panel: var(--color-surface);--how-panel-2: var(--color-surface-2);max-width:1180px;margin:auto;padding:0 36px;color:var(--color-foreground)}.how-page button,.how-page a,.how-page summary{-webkit-tap-highlight-color:transparent}.how-page :is(button,a,input,summary):focus-visible{outline:2px solid var(--how-gold);outline-offset:5px}.how-page h1,.how-page h2,.how-page h3,.how-page p{margin:0}.how-page h2{font-size:clamp(30px,3.8vw,48px);line-height:1.12;letter-spacing:-1.8px;font-weight:600}.how-page em{font-style:normal;color:var(--how-gold)}.how-eyebrow{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:2px;font-weight:600;color:var(--how-gold)}.how-eyebrow>i{width:5px;height:5px;border-radius:50%;background:currentColor}.how-primary{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--color-foreground);color:var(--color-surface-2);padding:14px 22px;border-radius:7px;min-height:48px;font-size:13px;font-weight:600;transition:background .2s,transform .2s}.how-primary:hover{background:var(--how-gold);transform:translateY(-2px)}.how-watch{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;font-size:13px;color:var(--color-muted-foreground)}.how-watch:hover{color:var(--how-gold)}.how-hero{text-align:center;padding:54px 0 36px}.how-hero>.how-eyebrow{justify-content:center}.how-hero h1{font-size:clamp(40px,5.6vw,70px);font-weight:600;line-height:1.1;letter-spacing:-3.4px;margin:17px 0}.how-hero>p{color:var(--how-muted);font-size:16px}.how-hero-actions{display:flex;justify-content:center;align-items:center;gap:25px;margin-top:25px}.how-mobile-break{display:none}.visual-story{scroll-margin-top:95px;border:1px solid var(--color-hairline);border-radius:14px;overflow:hidden;background:var(--color-surface);box-shadow:0 28px 90px #0004}.story-topline{display:flex;justify-content:space-between;align-items:center;padding:20px 26px;border-bottom:1px solid var(--color-raise);font-size:10px;letter-spacing:1.5px;color:var(--color-muted-foreground)}.story-topline>span{display:flex;align-items:center;gap:9px}.story-topline>span:first-child svg{color:var(--how-gold)}.story-topline>span:last-child{letter-spacing:0;color:var(--how-muted)}.story-topline i{width:3px;height:3px;background:var(--color-faint);border-radius:50%}.story-stage{height:470px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 50% 75%,color-mix(in srgb,var(--color-surface) 40%,transparent),transparent 66%)}.story-aura{position:absolute;width:440px;height:300px;left:50%;top:55%;transform:translate(-50%,-50%);border-radius:50%;background:color-mix(in srgb,var(--color-accent-ink) 13%,transparent);filter:blur(70px);animation:story-breathe 5s ease-in-out infinite}.story-heading{position:absolute;top:24px;left:20px;right:20px;text-align:center;z-index:5}.story-heading>span{font-size:9px;color:var(--how-gold);letter-spacing:2px}.story-heading h2{font-size:clamp(22px,2.6vw,32px);letter-spacing:-1px;margin-top:8px;animation:story-title .55s ease both}.story-source{position:absolute;left:50%;top:54%;width:51%;aspect-ratio:16/9;transform:translate(-50%,-50%);border-radius:7px;box-shadow:0 25px 65px #0008;transition:all .9s cubic-bezier(.22,1,.36,1);z-index:2}.story-source video{width:100%;height:100%;object-fit:cover;object-position:var(--subject-position);border-radius:inherit}.story-source-tag{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:7px;background:color-mix(in srgb,var(--how-ground) 65%,transparent);color:var(--color-foreground);padding:7px 10px;border-radius:4px;font-size:9px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.story-upload-badge{position:absolute;left:50%;bottom:-22px;transform:translate(-50%);display:flex;align-items:center;gap:13px;white-space:nowrap;background:var(--color-surface-2);border:1px solid var(--color-hairline);padding:16px 20px;border-radius:8px;font-size:12px;box-shadow:0 10px 25px #0006;transition:opacity .3s}.story-upload-badge svg:first-child{color:var(--how-gold)}.story-upload-badge svg:last-child{color:var(--color-sage)}.story-upload-badge:after{content:"";position:absolute;bottom:0;left:0;height:2px;background:var(--how-gold);animation:story-upload 4.5s linear both;border-radius:2px}.story-focus-corners{position:absolute;top:6%;right:6%;bottom:6%;left:6%;opacity:0;transition:opacity .4s}.story-focus-corners i{position:absolute;width:20px;height:20px;border-color:var(--how-gold);border-style:solid}.story-focus-corners i:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}.story-focus-corners i:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}.story-focus-corners i:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px}.story-focus-corners i:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0}.story-listening,.story-discoveries,.story-reframe-label,.story-caption-art,.story-final-fan,.story-destinations{opacity:0;visibility:hidden;transition:opacity .65s,transform .8s cubic-bezier(.22,1,.36,1),visibility .65s}.story-listening{position:absolute;left:63%;top:35%;display:flex;flex-direction:column;gap:5px;font-size:36px;font-weight:600;letter-spacing:-1.5px;transform:translateY(20px)}.story-listening>span:last-of-type{color:var(--how-gold)}.story-speech-pills{display:flex;align-items:center;gap:5px;height:30px;margin-top:20px}.story-speech-pills i{width:5px;height:14px;border-radius:4px;background:var(--how-gold);animation:story-speak .9s ease-in-out infinite alternate}.story-speech-pills i:nth-child(2n){height:28px;animation-delay:-.3s}.story-speech-pills i:nth-child(3n){height:21px;animation-delay:-.6s}.story-wave{position:absolute;bottom:34px;left:15%;width:70%;height:37px;display:flex;align-items:center;gap:4px;opacity:.25;transition:opacity .5s}.story-wave>i{flex:1;min-width:2px;height:var(--wave-height);border-radius:3px;background:var(--color-accent-ink);animation:story-speak 1.3s ease-in-out infinite alternate}.story-wave>span{position:absolute;inset:-8px auto -8px 0;width:2px;background:var(--how-gold);box-shadow:0 0 18px color-mix(in srgb,var(--color-accent-ink) 50%,transparent);opacity:0;animation:story-scan 4.5s linear infinite}.story-discoveries{position:absolute;top:110px;right:15%;bottom:54px;left:15%;display:flex;justify-content:center;align-items:center;gap:28px;z-index:3;transform:translateY(35px)}.story-discovery{position:relative;width:166px;aspect-ratio:9/16;border-radius:6px;overflow:hidden;transform:rotate(calc((var(--card-index) - 1) * 6deg));box-shadow:0 20px 35px #0007}.story-discovery img{width:100%;height:100%;object-fit:contain}.story-discovery>span{position:absolute;top:9px;left:8px;display:flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--color-surface) 87%,transparent);padding:6px 8px;border-radius:4px;font-size:9px;color:var(--how-gold)}.story-discovery p{position:absolute;bottom:0;left:0;right:0;font-size:11px;line-height:1.4;padding:32px 11px 13px;background:linear-gradient(transparent,#000e)}.story-output{position:absolute;top:108px;left:50%;height:303px;aspect-ratio:9/16;transform:translate(-50%) scale(.92);opacity:0;visibility:hidden;border-radius:5px;overflow:hidden;z-index:4;box-shadow:0 20px 50px #0008;transition:all .8s cubic-bezier(.22,1,.36,1)}.story-output video{width:100%;height:100%;object-fit:contain;background:var(--how-ground)}.story-output-tag{position:absolute;top:9px;left:50%;transform:translate(-50%);white-space:nowrap;display:flex;gap:5px;align-items:center;background:color-mix(in srgb,var(--color-surface) 85%,transparent);border:1px solid var(--color-hairline);border-radius:4px;font-size:8px;padding:6px 8px;color:var(--color-sage-soft)}.story-reframe-label{position:absolute;left:65%;top:51%;max-width:170px;display:flex;flex-direction:column;gap:14px;color:var(--how-gold);font-size:22px;line-height:1.2;letter-spacing:-.5px}.story-caption-art{position:absolute;left:54%;top:35%;transform:translateY(15px)}.story-caption-art>span{font-size:9px;letter-spacing:2px;color:var(--how-muted)}.story-caption-art p{font-size:clamp(24px,3.4vw,42px);line-height:1.25;letter-spacing:-1.5px;font-weight:600;margin:13px 0 25px}.story-caption-art em{display:inline-block;background:var(--how-gold);padding:0 7px;color:var(--color-surface-2);transform:rotate(-2deg)}.story-caption-art>div{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--how-muted)}.story-caption-glyph{font-size:17px;letter-spacing:-1px;border:1px solid var(--color-hairline-strong);border-radius:5px;padding:4px 7px;color:var(--color-foreground)}.story-final-fan{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.story-final-fan>div{position:absolute;top:129px;height:265px;aspect-ratio:9/16;overflow:hidden;border-radius:5px;box-shadow:0 20px 35px #0008;transition:transform .9s cubic-bezier(.22,1,.36,1),left .9s,right .9s}.story-final-fan img{width:100%;height:100%;object-fit:contain}.story-fan-left{left:calc(50% - 80px);transform:rotate(-11deg)}.story-fan-right{right:calc(50% - 80px);transform:rotate(11deg)}.story-final-fan span{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:center;gap:6px;align-items:center;background:color-mix(in srgb,var(--color-surface) 87%,transparent);font-size:9px;padding:10px}.story-destinations{position:absolute;bottom:20px;left:0;right:0;display:flex;justify-content:center;gap:27px;font-size:10px;color:var(--color-muted-foreground);transform:translateY(12px)}.story-destinations span{display:flex;align-items:center;gap:7px}.story-destinations svg{color:var(--how-gold)}.visual-story:not([data-scene="0"]) .story-upload-badge{opacity:0;visibility:hidden}.visual-story[data-scene="1"] .story-source{left:33%;width:43%}.visual-story[data-scene="1"] .story-listening{opacity:1;visibility:visible;transform:none}.visual-story[data-scene="1"] .story-wave{opacity:.7}.visual-story[data-scene="1"] .story-wave>span{opacity:1}.visual-story[data-scene="2"] .story-source{opacity:.08;transform:translate(-50%,-50%) scale(.8)}.visual-story[data-scene="2"] .story-discoveries{opacity:1;visibility:visible;transform:none}.visual-story:is([data-scene="3"],[data-scene="4"],[data-scene="5"]) .story-source{width:170px;aspect-ratio:9/16;opacity:0}.visual-story:is([data-scene="3"],[data-scene="4"],[data-scene="5"]) .story-output{opacity:1;visibility:visible;transform:translate(-50%) scale(1)}.visual-story[data-scene="3"] .story-focus-corners{opacity:1}.visual-story[data-scene="3"] .story-reframe-label{opacity:1;visibility:visible}.visual-story[data-scene="4"] .story-output{left:34%}.visual-story[data-scene="4"] .story-caption-art,.visual-story[data-scene="5"] .story-final-fan,.visual-story[data-scene="5"] .story-destinations{opacity:1;visibility:visible;transform:none}.visual-story[data-scene="5"] .story-fan-left{left:calc(50% - 249px)}.visual-story[data-scene="5"] .story-fan-right{right:calc(50% - 249px)}.visual-story:is([data-scene="3"],[data-scene="4"],[data-scene="5"]) .story-wave{opacity:0}.visual-story[data-playing=false] :is(.story-aura,.story-wave>i,.story-wave>span,.story-speech-pills>i),.visual-story[data-playing=false] .story-upload-badge:after{animation-play-state:paused!important}.story-controls{display:flex;align-items:center;gap:22px;padding:14px 24px 8px;border-top:1px solid var(--color-raise)}.story-control{height:44px;width:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--color-hairline);border-radius:50%;color:var(--color-foreground);transition:background .2s}.story-control:hover{background:var(--color-hairline)}.story-chapters{display:flex;gap:10px;flex:1;min-width:0}.story-chapters>button{flex:1;min-width:0;text-align:left;min-height:44px;display:flex;flex-direction:column;justify-content:center;gap:9px;color:var(--color-faint)}.story-chapters>button[aria-current]{color:var(--how-gold)}.story-chapters>button[aria-current] .story-chapter-track{background:color-mix(in srgb,var(--color-accent-ink) 31%,transparent)}.story-chapter-track{height:2px;width:100%;background:var(--color-hairline-strong);display:block}.story-chapter-track>i{display:block;height:100%;background:var(--how-gold);transition:width .1s linear}.story-chapter-name{font-size:9px;white-space:nowrap}.story-footnote{text-align:center!important;font-size:9px;color:var(--color-faint);padding:4px 16px 16px!important}.story-media-error{position:absolute;z-index:10;bottom:4px;left:10px;right:10px;background:var(--color-surface-2);padding:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:11px}.story-media-error button{text-decoration:underline;min-height:44px;color:var(--how-gold)}.how-perspective{display:grid;grid-template-columns:.85fr 1.15fr;align-items:center;gap:60px;padding:100px 30px}.how-perspective h2{margin:18px 0 23px}.how-perspective p{font-size:15px;color:var(--how-muted);line-height:1.9;margin-bottom:20px}.reframe-canvas{height:320px;display:grid;place-items:center;position:relative;isolation:isolate;overflow:hidden}.reframe-image{width:95%;height:auto;aspect-ratio:16/9;position:relative;border-radius:5px;overflow:hidden;box-shadow:0 20px 45px #0008;transition:width .8s cubic-bezier(.22,1,.36,1),aspect-ratio .8s}.reframe-image img{height:100%;width:100%;object-fit:contain;background:var(--how-panel)}.reframe-image span{position:absolute;bottom:10px;left:50%;transform:translate(-50%);white-space:nowrap;font-size:9px;background:color-mix(in srgb,var(--color-surface) 73%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:6px 12px;border-radius:4px}.reframe-visual[data-portrait=true] .reframe-image{width:169px;aspect-ratio:9/16}.reframe-orbit{position:absolute;z-index:-1;width:300px;height:300px;border:1px solid color-mix(in srgb,var(--color-accent-ink) 11%,transparent);border-radius:50%;box-shadow:0 0 0 35px color-mix(in srgb,var(--color-accent-ink) 3%,transparent),0 0 0 70px color-mix(in srgb,var(--color-accent-ink) 3%,transparent)}.reframe-toggle{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:12px}.reframe-toggle>svg{color:var(--color-faint)}.reframe-toggle button{font-size:12px;color:var(--color-muted-foreground);min-height:44px;padding:0 19px;border:1px solid transparent;border-radius:30px}.reframe-toggle button[aria-pressed=true]{background:color-mix(in srgb,var(--color-accent-ink) 6%,transparent);border-color:color-mix(in srgb,var(--color-accent-ink) 25%,transparent);color:var(--how-gold)}.how-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:30px}.how-section-heading h2{font-size:36px;margin-top:15px;letter-spacing:-1.3px}.how-section-heading>p{color:var(--color-muted-foreground);font-size:12px;line-height:1.8;text-align:right}.how-section-heading>p>span{color:var(--how-muted)}.how-finished{padding:20px 65px 90px;scroll-margin-top:110px}.story-clips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.story-clip-preview{aspect-ratio:9/16;position:relative;border-radius:5px;overflow:hidden;background:var(--color-surface)}.story-clip-preview>button{height:100%;width:100%;display:block;position:relative}.story-clip-preview img,.story-clip-preview video{width:100%;height:100%;object-fit:contain}.story-clip-preview>button>span{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--color-surface) 55%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--color-hairline-strong);transition:background .2s,scale .2s}.story-clip-preview>button:hover>span{background:color-mix(in srgb,var(--color-accent-ink) 85%,transparent);scale:1.06}.story-clip-preview .story-clip-retry{position:absolute;height:44px;top:50%;background:color-mix(in srgb,var(--color-surface) 93%,transparent);color:var(--how-gold)}.story-clip-caption{display:flex;gap:10px;align-items:flex-start;margin-top:16px}.story-clip-caption>span{color:var(--how-gold);font-size:9px;margin-top:4px}.story-clip-caption h3{font-weight:500;font-size:12px;line-height:1.5;flex:1}.story-clip-caption>a{min-width:44px;min-height:44px;display:grid;place-items:center;color:var(--how-muted);margin-top:-10px;margin-right:-10px}.story-clip-caption>a:hover{color:var(--how-gold)}.how-time-section{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:75px 35px;border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}.how-time-illustration h2{font-size:36px;letter-spacing:-1px;margin:18px 0}.how-time-number{display:flex;gap:17px;align-items:center;margin:24px 0}.how-time-number strong{font-size:76px;font-weight:500;line-height:1;letter-spacing:-5px;color:var(--how-gold)}.how-time-number>span{font-size:12px;line-height:1.6;color:var(--how-muted)}.how-time-comparison>div{display:flex;justify-content:space-between;font-size:10px;color:var(--how-muted)}.how-time-comparison b{font-weight:400;color:var(--color-foreground)}.how-time-comparison>i{display:block;height:6px;background:var(--color-border);margin:9px 0 20px;border-radius:3px;transition:width .3s}.how-time-comparison>i:last-child{background:var(--how-gold)}.how-time-details{font-size:11px;color:var(--how-muted)}.how-time-details summary{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:44px}.how-time-details label{display:grid;grid-template-columns:1fr auto;margin:16px 0;gap:12px}.how-time-details input{grid-column:1/-1;width:100%;accent-color:var(--how-gold);min-height:24px}.how-time-details p{line-height:1.7;font-size:10px}.how-moment-art{display:flex;flex-direction:column;justify-content:center;position:relative;isolation:isolate;padding:30px 0;overflow:hidden}.how-moment-art>span{font-size:clamp(26px,3.4vw,43px);font-weight:500;letter-spacing:-1.5px;line-height:1.4}.how-moment-art>span:nth-of-type(-n+2){color:var(--color-faint);text-decoration:line-through;text-decoration-thickness:1px;text-decoration-color:var(--color-accent-ink)}.how-moment-art>span:last-of-type{margin-top:5px}.how-moment-ring{position:absolute;z-index:-1;width:350px;height:350px;left:5%;top:50%;transform:translateY(-50%);border-radius:50%;border:1px solid color-mix(in srgb,var(--color-accent-ink) 9%,transparent);background:radial-gradient(circle,color-mix(in srgb,var(--color-accent-ink) 3%,transparent),transparent 65%);box-shadow:0 0 0 35px color-mix(in srgb,var(--color-accent-ink) 3%,transparent)}.how-moment-signature{font-size:8px;letter-spacing:1.5px;color:var(--color-muted-foreground);margin-top:30px}.how-faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;padding:90px 30px}.how-faq h2{font-size:32px;letter-spacing:-1px;margin:16px 0}.how-faq details{border-bottom:1px solid var(--color-hairline)}.how-faq summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:66px;font-size:13px}.how-faq summary svg{flex-shrink:0;color:var(--how-muted);transition:transform .2s}.how-faq details[open] summary svg,.how-time-details[open] summary svg{transform:rotate(180deg)}.how-faq details p{color:var(--how-muted);font-size:12px;line-height:1.8;padding:0 28px 22px 0}.how-page summary{list-style:none}.how-page summary::-webkit-details-marker{display:none}.how-final-cta{text-align:center;padding:75px 20px 100px;background:radial-gradient(ellipse at 50% 70%,color-mix(in srgb,var(--color-accent-ink) 4%,transparent),transparent 65%)}.how-final-cta .how-eyebrow{justify-content:center}.how-final-cta h2{font-size:clamp(38px,5vw,62px);margin:23px 0 30px;letter-spacing:-2px}@keyframes story-breathe{50%{transform:translate(-50%,-50%) scale(1.2);opacity:.6}}@keyframes story-title{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes story-speak{to{transform:scaleY(.45)}}@keyframes story-upload{0%{width:0}to{width:100%}}@keyframes story-scan{to{left:100%}}@media(min-width:1500px){.how-page{max-width:1250px}.story-stage{height:500px}.story-output{height:325px}.story-final-fan>div{height:285px}.story-discovery{width:180px}}@media(max-width:900px){.how-page{padding:0 24px}.story-chapter-name{font-size:8px}.story-controls{gap:12px;padding-inline:16px}.story-chapters{gap:8px}.how-perspective{gap:30px;padding:70px 0}.how-finished{padding:10px 20px 70px}.how-section-heading h2{font-size:30px}.how-time-section{gap:45px;padding:60px 0}.how-faq{padding:70px 0;gap:35px}.story-listening{font-size:28px}.story-discoveries{inset-inline:10%}}@media(max-width:640px){.how-page{padding:0 16px}.how-hero{padding:36px 0 28px}.how-hero h1{font-size:44px;letter-spacing:-2px}.how-hero>p{font-size:13px;max-width:260px;margin:auto;line-height:1.7}.how-mobile-break{display:block}.how-eyebrow{font-size:8px;letter-spacing:1.4px}.how-hero-actions{gap:15px;flex-direction:column;margin-top:20px}.how-primary{padding:13px 21px}.how-watch{font-size:12px}.how-hero-actions .how-watch{min-height:32px}.story-topline{padding:14px;font-size:8px;letter-spacing:1px}.story-topline>span:last-child{font-size:8px;gap:4px}.story-topline>span:first-child{gap:5px}.story-topline svg{width:11px}.story-stage{height:416px}.story-heading{top:20px;left:18px;right:18px}.story-heading h2{font-size:23px;max-width:280px;margin:9px auto 0;letter-spacing:-.7px;line-height:1.2}.story-heading>span{font-size:8px}.story-source{width:86%;top:52%}.story-source-tag{font-size:8px;padding:5px 7px;left:7px;top:7px}.story-upload-badge{font-size:10px;padding:13px;gap:10px}.story-upload-badge svg{width:14px}.story-wave{left:9%;width:82%;bottom:39px;gap:3px;height:30px}.visual-story[data-scene="1"] .story-source{left:37%;width:58%;top:52%}.story-listening{left:69%;top:41%;font-size:17px;letter-spacing:-.7px;gap:7px}.story-speech-pills{gap:3px;margin-top:7px}.story-speech-pills i{width:3px}.story-discoveries{top:125px;right:15px;bottom:65px;left:15px;gap:9px}.story-discovery{width:30%;aspect-ratio:9/17}.story-discovery>span{font-size:7px;padding:4px;left:3px;top:6px;gap:2px}.story-discovery>span svg{width:9px}.story-discovery p{font-size:8px;padding:20px 6px 8px}.story-output{height:256px;top:115px}.story-reframe-label{left:76%;max-width:65px;font-size:13px;top:48%;letter-spacing:0;gap:8px}.story-reframe-label svg{width:16px}.visual-story[data-scene="3"] .story-output{left:46%}.visual-story[data-scene="4"] .story-output{left:26%;height:237px;top:128px}.story-caption-art{left:51%;right:10px;top:42%}.story-caption-art>span{font-size:7px;letter-spacing:1px}.story-caption-art p{font-size:23px;letter-spacing:-.8px;line-height:1.35;margin:10px 0 18px}.story-caption-art em{padding:0 3px}.story-caption-art>div{font-size:8px;gap:5px;line-height:1.4}.story-caption-glyph{font-size:14px;padding:2px 5px}.story-final-fan>div{top:145px;height:205px}.visual-story[data-scene="5"] .story-fan-left{left:calc(50% - 152px)}.visual-story[data-scene="5"] .story-fan-right{right:calc(50% - 152px)}.story-final-fan span{font-size:7px;padding:7px 3px;gap:3px}.story-destinations{bottom:17px;gap:17px;font-size:8px}.story-destinations span{gap:5px}.story-destinations svg{width:12px}.story-controls{gap:10px;padding:9px 12px 3px}.story-chapters{gap:6px}.story-chapter-name{display:none}.story-chapters>button{min-width:10px;justify-content:center}.story-chapter-track{height:3px}.story-control{width:44px;height:44px}.story-footnote{font-size:8px;padding:6px 10px 12px!important}.how-perspective{grid-template-columns:1fr;padding:65px 8px 45px;gap:20px}.how-perspective h2{font-size:39px;margin:16px 0}.how-perspective p{font-size:13px;margin-bottom:10px}.reframe-canvas{height:295px}.reframe-image{width:100%}.reframe-visual[data-portrait=true] .reframe-image{width:158px}.how-finished{padding:35px 0 60px}.how-section-heading{display:block;margin-bottom:25px}.how-section-heading h2{font-size:30px;max-width:260px;line-height:1.15}.how-section-heading>p{text-align:left;margin-top:15px;font-size:11px}.how-section-heading>p br{display:none}.how-section-heading>p span{margin-left:7px}.story-clips{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:62%;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 0 14px;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar) var(--color-surface-2)}.story-clips>article{scroll-snap-align:start}.story-clip-caption{gap:4px;flex-wrap:wrap;margin-top:11px}.story-clip-caption>span{display:none}.story-clip-caption h3{font-size:12px;line-height:1.5;flex-basis:100%}.story-clip-caption>a{margin:0;justify-content:start}.story-clip-caption>a svg{width:15px}.story-clip-preview>button>span{width:44px;height:44px}.story-clip-preview>button>span svg{width:15px}.how-time-section{grid-template-columns:1fr;padding:50px 8px;gap:45px}.how-time-illustration h2{font-size:34px}.how-moment-art{min-height:250px;padding-left:15px}.how-moment-art>span{font-size:38px}.how-moment-ring{width:250px;height:250px;left:12%}.how-faq{grid-template-columns:1fr;gap:15px;padding:60px 8px 30px}.how-faq h2{font-size:30px}.how-faq summary{font-size:12px;min-height:64px}.how-final-cta{padding:60px 0 75px}.how-final-cta h2{font-size:40px}.story-media-error{font-size:9px;bottom:0;gap:6px}.story-media-error button{flex-shrink:0}}@media(prefers-reduced-motion:reduce){.how-page *,.how-page *:before,.how-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.visual-story .story-stage{perspective:1000px}.story-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:-1}.story-grid-floor{position:absolute;top:58%;right:-30%;bottom:-55%;left:-30%;background-image:linear-gradient(color-mix(in srgb,var(--color-accent-ink) 6%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--color-accent-ink) 6%,transparent) 1px,transparent 1px);background-size:55px 55px;transform:rotateX(65deg);-webkit-mask-image:radial-gradient(ellipse,var(--color-background),transparent 65%);mask-image:radial-gradient(ellipse,var(--color-background),transparent 65%);opacity:.55}.story-flow-lines{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.22}.story-flow-lines path{fill:none;stroke:var(--color-accent-ink);stroke-width:.7;stroke-dasharray:170 1200;stroke-dashoffset:600;animation:story-current 7s linear infinite}.story-flow-lines path:nth-child(2){animation-delay:-3.5s;opacity:.5}.story-orbit{position:absolute;left:50%;top:55%;width:510px;height:300px;border:1px solid color-mix(in srgb,var(--color-accent-ink) 19%,transparent);border-radius:50%;opacity:0;transform:translate(-50%,-50%) scale(var(--orbit-scale));transition:transform 50ms linear,opacity 50ms linear}.story-orbit-two{width:650px;height:375px;border-color:color-mix(in srgb,var(--color-accent-ink) 9%,transparent)}.visual-story[data-scene="5"] .story-orbit{opacity:var(--orbit-opacity)}.visual-story[data-scene="0"] .story-source{opacity:var(--arrival-opacity);transform:translate(-50%,calc(-50% + var(--arrival-y))) rotate(var(--arrival-turn)) scale(var(--arrival-scale));transition:transform 50ms linear,opacity 50ms linear}.visual-story .story-upload-badge:after{animation:none;width:var(--upload-progress);transition:width 50ms linear}.visual-story .story-upload-badge{overflow:hidden}.visual-story .story-upload-badge>svg:last-child{background:#b9cc9817;border-radius:50%;padding:2px;box-sizing:content-box}.story-scanlight{position:absolute;top:0;bottom:0;left:var(--scan-position);width:2px;background:var(--color-accent-ink);box-shadow:-12px 0 35px 10px color-mix(in srgb,var(--color-accent-ink) 19%,transparent);opacity:0;transition:left 50ms linear}.visual-story[data-scene="1"] .story-scanlight{opacity:.8}.visual-story .story-listening>span{transition:transform 50ms linear,opacity 50ms linear}.visual-story .story-wave>span{animation:none;left:var(--scan-position);transition:left 50ms linear}.story-filmstrip{position:absolute;left:-80px;right:-220px;top:48%;display:flex;gap:9px;padding:9px 0;border-top:1px dashed color-mix(in srgb,var(--color-accent-ink) 17%,transparent);border-bottom:1px dashed color-mix(in srgb,var(--color-accent-ink) 17%,transparent);transform:translate(var(--strip-travel)) rotate(-5deg);opacity:0;visibility:hidden;transition:transform 50ms linear,opacity .4s,visibility .4s}.story-filmstrip>img{width:125px;height:71px;object-fit:cover;opacity:.3;filter:saturate(.3);flex-shrink:0}.story-filmstrip>span{position:absolute;top:0;bottom:0;width:2px;left:50%;background:var(--color-accent-ink);box-shadow:0 0 30px 12px color-mix(in srgb,var(--color-accent-ink) 13%,transparent)}.visual-story[data-scene="2"] .story-filmstrip{opacity:.8;visibility:visible}.visual-story[data-scene="2"] .story-discovery{opacity:var(--card-opacity);transform:translateY(var(--card-y)) rotate(var(--card-turn)) scale(var(--card-scale));transition:transform 50ms linear,opacity 50ms linear}.visual-story[data-scene="2"] .story-discovery:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid color-mix(in srgb,var(--color-accent-ink) 26%,transparent);border-radius:inherit;pointer-events:none}.visual-story[data-scene="2"] .story-source{opacity:0}.visual-story[data-scene="3"] .story-reframe-label{opacity:var(--portrait-presence);transition:opacity 50ms linear}.visual-story[data-scene="3"] .story-source{overflow:hidden;width:51%;aspect-ratio:16/9;left:50%;opacity:var(--source-presence);transform:translate(-50%,-50%);transition:opacity 50ms linear}.visual-story[data-scene="3"] .story-focus-corners{inset:auto;top:2%;bottom:2%;left:var(--crop-center);width:var(--crop-width);transform:translate(-50%);opacity:var(--crop-opacity);box-shadow:0 0 0 700px color-mix(in srgb,var(--color-background) 50%,transparent);transition:width 50ms linear,opacity 50ms linear}.visual-story[data-scene="3"] .story-source-tag{opacity:var(--source-presence)}.visual-story[data-scene="3"] .story-output{opacity:var(--portrait-presence);transform:translate(-50%) scale(var(--portrait-scale));transition:opacity 50ms linear,transform 50ms linear}.story-format-pair{position:absolute;bottom:22px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:18px;opacity:0;visibility:hidden;color:var(--color-muted-foreground);font-size:11px;font-variant-numeric:tabular-nums}.story-format-pair>span{border:1px solid var(--color-hairline);padding:6px 12px;border-radius:4px}.story-format-pair>span:last-child{border-color:color-mix(in srgb,var(--color-accent-ink) 31%,transparent);color:var(--how-gold)}.visual-story[data-scene="3"] .story-format-pair{opacity:1;visibility:visible}.visual-story .story-kinetic-quote{overflow:visible}.story-quote-line{display:block;line-height:1.5}.story-quote-line>span{display:inline-block;white-space:pre;transform-origin:50% 100%;transition:opacity 50ms linear,transform 50ms linear}.story-quote-line.is-emphasis{color:var(--color-on-accent)}.story-quote-line.is-emphasis>span{background:var(--how-gold);padding:0 3px;margin-top:3px;box-shadow:0 8px 22px color-mix(in srgb,var(--color-accent-ink) 8%,transparent)}.visual-story[data-scene="5"] .story-fan-left{left:calc(50% - 80px - 169px * var(--fan-spread));transform:translateY(var(--fan-y)) rotate(calc(-11deg * var(--fan-spread))) scale(var(--fan-scale))}.visual-story[data-scene="5"] .story-fan-right{right:calc(50% - 80px - 169px * var(--fan-spread));transform:translateY(var(--fan-y)) rotate(calc(11deg * var(--fan-spread))) scale(var(--fan-scale))}.visual-story[data-scene="5"] .story-final-fan>div{transition:transform 50ms linear,left 50ms linear,right 50ms linear}.visual-story[data-scene="5"] .story-destinations{opacity:var(--finish-opacity);transform:translateY(var(--finish-y));transition:opacity 50ms linear,transform 50ms linear}.story-finish-stamp{position:absolute;right:9%;top:49%;display:flex;align-items:center;gap:9px;max-width:110px;color:var(--color-accent-ink);font-size:11px;line-height:1.5;opacity:0;visibility:hidden}.story-finish-stamp>svg{flex-shrink:0;color:var(--color-sage);border:1px solid #c1d29f44;border-radius:50%;padding:5px;box-sizing:content-box}.visual-story[data-scene="5"] .story-finish-stamp{opacity:var(--finish-opacity);visibility:visible;transform:translateY(var(--finish-y));transition:opacity 50ms linear,transform 50ms linear}.visual-story[data-playing=false] .story-flow-lines path{animation-play-state:paused}.reframe-image .reframe-landscape{transition:opacity .5s ease .1s}.reframe-image .reframe-portrait{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease .25s}.reframe-visual[data-portrait=true] .reframe-portrait{opacity:1}.reframe-visual[data-portrait=true] .reframe-landscape{opacity:0}.reframe-guide{position:absolute;inset:5% auto;left:calc(var(--crop-center) - 16%);width:32%;border:1px solid color-mix(in srgb,var(--color-accent-ink) 38%,transparent);border-radius:3px;opacity:.7;transition:inset .8s cubic-bezier(.22,1,.36,1),opacity .5s;box-shadow:0 0 0 400px color-mix(in srgb,var(--color-background) 6%,transparent)}.reframe-visual[data-portrait=true] .reframe-guide{top:0;right:0;bottom:0;left:0;width:100%;opacity:0}@keyframes story-current{to{stroke-dashoffset:-770}}@media(max-width:900px){.story-finish-stamp{display:none}}@media(max-width:640px){.visual-story[data-scene="3"] .story-source{width:86%;left:50%}.visual-story[data-scene="3"] .story-output{left:50%}.story-filmstrip{left:-120px;top:49%}.story-filmstrip>img{width:90px;height:51px}.story-format-pair{bottom:14px;gap:12px;font-size:9px}.story-format-pair>span{padding:4px 9px}.story-format-pair>svg{width:14px}.story-quote-line{line-height:1.6}.story-quote-line>span{font-size:21px;letter-spacing:-.7px}.story-quote-line.is-emphasis>span{padding:0 2px}.visual-story[data-scene="5"] .story-fan-left{left:calc(50% - 58px - 94px * var(--fan-spread))}.visual-story[data-scene="5"] .story-fan-right{right:calc(50% - 58px - 94px * var(--fan-spread))}.story-finish-stamp{display:none}.story-orbit-one{width:310px;height:255px}.story-orbit-two{width:400px;height:330px}.story-grid-floor{background-size:35px 35px}}@media(prefers-reduced-motion:reduce){.how-page .story-flow-lines path{animation:none}.how-page .story-atmosphere{display:none}.how-page .story-quote-line>span{opacity:1!important;transform:none!important}.how-page .story-discovery{opacity:1!important;transform:rotate(calc((var(--card-index) - 1) * 6deg))!important}.how-page .story-source,.how-page .reframe-image img{transition:none!important}}