#double-story{--cobalt:var(--color-cobalt);--grape:var(--color-grape);--bubblegum:var(--color-bubblegum);--sky:var(--color-sky);--tangerine:var(--color-tangerine);--lime:var(--color-lime);--lime-edge:var(--color-lime-edge);--white:var(--color-white);--len-scale:1;--ds-max:1300px;--gutter:max(min(6vw, 78px), 24px);--blueprint:0;isolation:isolate;background:var(--ground);color:var(--ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;position:relative;overflow-x:clip}#double-story *,#double-story :before,#double-story :after{box-sizing:border-box}#double-story .stage{contain:strict;height:100svh;position:sticky;top:0;overflow:hidden}#double-story .stage>*{width:100%;height:100%;position:absolute;inset:0}#double-story .poster{object-fit:contain;transition:opacity .4s var(--ease-brand);pointer-events:none}#double-story .gl{opacity:0;transition:opacity .4s var(--ease-brand);display:block}#double-story.gl-ready .gl{opacity:1}#double-story.gl-ready .poster{opacity:0}#double-story .lines,#double-story .overlay{pointer-events:none;overflow:visible}#double-story .chapters{max-width:var(--ds-max);margin-inline:auto;pointer-events:none;z-index:2;margin-top:-100svh;position:relative}#double-story .chapter{--tail:100svh;height:calc(var(--len) * 1vh * var(--len-scale) + 100vh);height:calc(var(--len) * 1svh * var(--len-scale) + var(--tail));margin-bottom:calc(-1 * var(--tail));position:relative}#double-story .chapter:last-child{--tail:0svh;height:max(100svh, calc(var(--len) * 1svh * var(--len-scale)))}#double-story .copy{width:min(480px,38vw);height:100svh;margin-left:var(--gutter);pointer-events:none;flex-direction:column;justify-content:center;gap:clamp(22px,3.4svh,36px);display:flex;position:sticky;top:0}#double-story .copy>*{pointer-events:auto}#double-story .chapter[data-stage=left] .copy{margin-left:auto;margin-right:var(--gutter)}#double-story .eyebrow{width:fit-content;font:400 12px/1.4 var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:0 0 18px;display:flex}#double-story .sq{border-radius:var(--radius-square);flex:none;width:10px;height:10px;display:inline-block}#double-story .sq.live{background:var(--lime);box-shadow:0 0 0 1px var(--lime-edge)}#double-story .title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-hero);letter-spacing:-.035em;color:var(--ink);text-wrap:balance;margin:0;line-height:1}#double-story .title em{font-family:var(--font-human);letter-spacing:-.03em;color:var(--accent);font-style:italic;font-weight:400}#double-story .title .w{vertical-align:baseline;clip-path:inset(-.1em -.1em -.16em -.02em);display:inline-block}#double-story .title .wi{will-change:transform;display:inline-block}#double-story .body{font-size:var(--fs-lede);color:var(--muted);text-wrap:pretty;margin:20px 0 0;line-height:1.55}#double-story .demo{width:100%;max-width:400px;position:relative}@media (aspect-ratio>=801/1000){#double-story .chapter[data-stage=center] .copy{text-align:center;justify-content:flex-end;width:min(820px,90vw);margin-inline:auto;padding-bottom:clamp(36px,7svh,84px)}#double-story .chapter[data-stage=center] .eyebrow{margin-inline:auto;margin-bottom:14px}#double-story .chapter[data-stage=center] .title{font-size:var(--fs-h2)}}#double-story .chapter[data-ch=exploded]{--tail:calc(100svh + 70svh * var(--len-scale))}@media (aspect-ratio>=801/1000){#double-story .chapter[data-ch=exploded] .copy{justify-content:flex-start;padding-top:clamp(92px,12svh,132px);padding-bottom:0}}#double-story .skip{z-index:5;border-radius:var(--radius-full);font:500 12px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--btn-fg);background:var(--btn-bg);opacity:0;pointer-events:none;padding:8px 14px;text-decoration:none;position:absolute;top:12px;left:12px;transform:translateY(-200%)}#double-story .skip:focus-visible{opacity:1;pointer-events:auto;outline:2px solid var(--accent);outline-offset:2px;transform:none}@media (aspect-ratio<=4/5){#double-story{--len-scale:.8}#double-story .copy,#double-story .chapter[data-stage=left] .copy{text-align:center;justify-content:space-between;width:calc(100% - 32px);margin-inline:auto;padding:clamp(72px,9.5svh,96px) 0 clamp(16px,50svh - 390px,96px)}#double-story .eyebrow{margin-inline:auto;margin-bottom:12px}#double-story .title{font-size:clamp(30px,8.4vw,40px)}#double-story .demo{text-align:left;margin-inline:auto}#double-story .body{margin-top:12px}}#double-story[data-mode=static] .stage{contain:none;height:min(62svh,620px);position:relative}#double-story[data-mode=static] .stage>:not(.poster){display:none}#double-story[data-mode=static] .poster{opacity:1}#double-story[data-mode=static] .chapters{margin-top:0;padding:clamp(24px,4vw,56px) 0 clamp(72px,9vw,128px)}#double-story[data-mode=static] .chapter{height:auto;margin-bottom:0}#double-story[data-mode=static] .chapter:empty{display:none}#double-story[data-mode=static] .chapter[data-stage] .copy{text-align:center;width:min(760px,100% - 32px);height:auto;margin:0 auto 48px;padding:0;display:block;position:static}#double-story[data-mode=static] .demo{display:none}#double-story[data-mode=static] .eyebrow{margin-inline:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}#double-story .paper{background:var(--ground)}#double-story .paper:before{content:"";opacity:var(--blueprint);background-image:repeating-linear-gradient(0deg, color-mix(in srgb, var(--ink) 7%, transparent) 0 1px, transparent 1px 120px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--ink) 7%, transparent) 0 1px, transparent 1px 120px), repeating-linear-gradient(0deg, color-mix(in srgb, var(--ink) 3.5%, transparent) 0 1px, transparent 1px 24px), repeating-linear-gradient(90deg, color-mix(in srgb, var(--ink) 3.5%, transparent) 0 1px, transparent 1px 24px);background-position:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(80% 75% at 50% 52%,#000 40%,#0000 100%);mask-image:radial-gradient(80% 75% at 50% 52%,#000 40%,#0000 100%)}#double-story .blueprint-frame{--inset:clamp(14px, 1.8vw, 26px);opacity:var(--blueprint);pointer-events:none}#double-story .mark{border:5px solid #0000;width:0;height:0;position:absolute}#double-story .mark.t{top:var(--inset);border-top-color:color-mix(in srgb, var(--ink) 25%, transparent);margin-left:-5px;left:50%}#double-story .mark.b{bottom:var(--inset);border-bottom-color:color-mix(in srgb, var(--ink) 25%, transparent);margin-left:-5px;left:50%}#double-story .mark.l{left:var(--inset);border-left-color:color-mix(in srgb, var(--ink) 25%, transparent);margin-top:-5px;top:50%}#double-story .mark.r{right:var(--inset);border-right-color:color-mix(in srgb, var(--ink) 25%, transparent);margin-top:-5px;top:50%}#double-story .overlay>div{visibility:hidden;position:absolute;inset:0}#double-story .overlay>div>*{will-change:transform, opacity;position:absolute;top:0;left:0}#double-story .ov-callout{white-space:nowrap;font-family:var(--font-mono);text-transform:uppercase}#double-story .ov-callout b{letter-spacing:.08em;height:16px;color:var(--ink);align-items:center;gap:9px;margin-bottom:14px;font-size:13px;font-weight:500;line-height:16px;display:flex}#double-story .ov-callout span{letter-spacing:.04em;color:var(--muted);font-size:12px;line-height:15px;display:block}#double-story .ov-callout.is-right{text-align:right}#double-story .ov-callout.is-right b{justify-content:flex-end}@media (aspect-ratio<=3/2){#double-story .ov-callout span{display:none}#double-story .ov-callout b{border-radius:var(--radius-6);background:var(--ground);height:auto;margin:0 0 4px;padding:4px 7px}}#double-story .lines .ov-leader{fill:none;stroke:var(--ink);stroke-opacity:.35;stroke-width:1px}#double-story .lines .ov-dot{fill:var(--ink);stroke:var(--ground);stroke-width:2px;paint-order:stroke}#double-story .ov-card{--cap:var(--cobalt);--cap-s:var(--cobalt-s);border-radius:var(--radius-22);background:var(--paper);width:320px;font:400 var(--fs-sm)/1.5 var(--font-sans);color:var(--ink);flex-direction:column;gap:12px;padding:24px;display:flex}#double-story .ov-card.is-knowledge{--cap:var(--grape);--cap-s:var(--grape-s)}#double-story .ov-card.is-personality{--cap:var(--bubblegum);--cap-s:var(--bub-s)}#double-story .ov-card.is-voice{--cap:var(--sky);--cap-s:var(--sky-s)}#double-story .ov-card.is-channels{--cap:var(--cobalt);--cap-s:var(--cobalt-s)}#double-story .ov-card.is-actions{--cap:var(--tangerine);--cap-s:var(--tang-s)}#double-story .ov-head{align-items:center;gap:10px;display:flex}#double-story .ov-head b{font:700 var(--fs-card)/1.1 var(--font-display);letter-spacing:-.02em;color:var(--ink)}#double-story .ov-tile{border-radius:var(--radius-8);background:var(--cap);flex:none;place-items:center;width:32px;height:32px;display:grid;color:var(--white)!important}#double-story .ov-tile svg{width:17px;height:17px}#double-story .ov-status{border-radius:var(--radius-6);background:var(--chip);font:400 10px/1 var(--font-pixel);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);align-items:center;gap:6px;margin-left:auto;padding:4px 7px;display:inline-flex}#double-story .ov-status .sq{width:8px;height:8px}#double-story .ov-sub{font:500 var(--fs-2xs)/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0}#double-story .ov-pills{flex-wrap:wrap;gap:6px;display:flex}#double-story .ov-pill{border-radius:var(--radius-full);background:var(--cap-s);font:500 var(--fs-sm)/1.2 var(--font-sans);color:var(--ink);visibility:hidden;padding:6px 12px}#double-story .ov-ticks,#double-story .ov-actions,#double-story .ov-channels{gap:6px;margin:0;padding:0;list-style:none;display:grid}#double-story .ov-ticks li{color:var(--muted);transition:color .35s var(--ease-brand);align-items:center;gap:10px;display:flex}#double-story .ov-ticks li.is-done{color:var(--ink)}#double-story .ov-box{background:var(--chip);width:18px;height:18px;transition:background-color .35s var(--ease-brand);border-radius:5px;flex:none;place-items:center;display:grid}#double-story .ov-box .ov-check{opacity:0;transition:opacity .35s var(--ease-brand);display:grid;color:var(--white)!important}#double-story .ov-box svg{width:12px;height:12px}#double-story li.is-done .ov-box{background:var(--cap)}#double-story li.is-done .ov-box .ov-check{opacity:1}#double-story .ov-wave{border-radius:var(--radius-14);background:var(--cap-s);align-items:center;gap:3px;height:40px;padding:0 8px;display:flex}#double-story .ov-wave-a{height:28px;transition:transform .28s var(--ease-brand);flex:1;align-items:center;gap:3px;display:flex;transform:scaleY(.38)}#double-story .ov-wave.is-talking .ov-wave-a{transform:none}#double-story .ov-wave i{background:var(--cap);transform-origin:50%;height:100%;transform:scaleY(var(--lo));animation:ov-eq var(--d) var(--dl) ease-in-out infinite alternate;will-change:transform;border-radius:3px;flex:1}@keyframes ov-eq{0%{transform:scaleY(var(--lo))}to{transform:scaleY(var(--hi))}}@media (prefers-reduced-motion:reduce){#double-story .ov-wave i{animation:none}}#double-story .ov-bubble{border-radius:var(--radius-14);background:var(--chip);min-height:38px;font-size:var(--fs-sm);margin:0;padding:10px 14px;line-height:1.5}#double-story .ov-channels li{border-radius:var(--radius-14);background:var(--chip);color:var(--muted);transition:color .35s var(--ease-brand);align-items:center;gap:10px;padding:6px 8px;display:flex}#double-story .ov-channels li.is-on{color:var(--ink)}#double-story .ov-channels .ov-txt{flex:1;font-weight:500}#double-story .ov-channels .ov-status{color:var(--faint);background:0 0;padding:0}#double-story .ov-channels .ov-status .sq{background:var(--faint);transition:background-color .35s var(--ease-brand)}#double-story .ov-channels li.is-on .ov-status{color:var(--ink)}#double-story .ov-channels li.is-on .ov-status .sq{background:var(--lime);box-shadow:0 0 0 1px var(--lime-edge)}#double-story .ov-count{align-items:baseline;gap:10px;margin:0;display:flex}#double-story .ov-count b{font:700 44px/1 var(--font-display);letter-spacing:-.035em;color:var(--ink)}#double-story .ov-count span{font:500 var(--fs-2xs)/1.2 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}#double-story .ov-bar{border-radius:var(--radius-full);background:var(--cap-s);height:6px;overflow:hidden}#double-story .ov-bar i{background:var(--cap);transform-origin:0;height:100%;display:block;transform:scaleX(0)}#double-story .ov-srcs{border-top:1px solid var(--line);align-items:center;gap:6px;margin-top:0;padding-top:12px;display:flex}#double-story .ov-src{border-radius:var(--radius-14);background:var(--chip);width:34px;height:34px;transition:background-color .35s var(--ease-brand);flex:none;place-items:center;display:grid}#double-story .ov-src.is-on{background:var(--cap-s)}#double-story .ov-src-i{place-items:center;width:20px;height:20px;display:grid}#double-story .ov-src-i img{object-fit:contain;width:20px;height:20px}#double-story .ov-more{font:600 var(--fs-sm)/1 var(--font-sans);color:var(--accent);white-space:nowrap;margin-left:auto;padding-left:6px}#double-story .ov-doc{border-radius:var(--radius-14);background:var(--paper);transform-origin:20px 20px;align-items:center;gap:10px;width:236px;padding:10px 12px;display:flex}#double-story .ov-doc-t{min-width:0;display:grid}#double-story .ov-doc-t b{font:600 13px/1.25 var(--font-sans);color:var(--ink);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#double-story .ov-doc-t small{font:400 10px/1.3 var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}#double-story .ov-actions li{border-radius:var(--radius-14);background:var(--chip);align-items:center;gap:10px;padding:6px 8px;display:flex}#double-story .ov-actions .ov-txt{flex:1;min-width:0}#double-story .ov-app{background:var(--color-white);width:26px;height:26px;color:var(--color-ink-fixed);border-radius:8px;flex:none;place-items:center;display:grid}#double-story .ov-app img{object-fit:contain;width:18px;height:18px}#double-story .ov-pop .ov-app{border-radius:var(--radius-icon);width:44px;height:44px}#double-story .ov-pop .ov-app img{width:28px;height:28px}#double-story .demo .ov-card{visibility:hidden;width:100%}@media (aspect-ratio<=4/5){#double-story .ov-card{width:min(340px,100vw - 32px)}#double-story .demo .ov-card{width:100%}#double-story .ov-srcs{gap:4px}#double-story .ov-src{width:30px;height:30px}#double-story .ov-src-i,#double-story .ov-src-i img{width:18px;height:18px}#double-story .ov-more{font-size:var(--fs-2xs)}#double-story .ov-doc{width:200px}}