.icon{flex:none;block-size:1.1em;inline-size:1.1em}.eyebrow{border:2px solid var(--ink);background:var(--surface);box-shadow:0 2px 0 var(--ink);color:var(--accent-ink);letter-spacing:.01em;border-radius:999px;align-self:start;align-items:center;gap:.45rem;padding-block:.3rem;padding-inline:.85rem;font-size:.92rem;font-weight:850;display:inline-flex;rotate:-2deg}.sticker{inline-size:var(--size,3.25rem);block-size:var(--size,3.25rem);border:3px solid var(--surface);background:var(--tone);color:var(--surface);box-shadow:0 0 0 2px color-mix(in oklch, var(--ink) 85%, transparent), 0 8px 18px -6px var(--shadow);rotate:var(--tilt,-10deg);pointer-events:none;border-radius:50%;flex:none;place-items:center;display:inline-grid}.sticker .icon{block-size:56%;inline-size:56%}.t-pink{--tone:var(--t-pink)}.t-sky{--tone:var(--t-sky)}.t-mint{--tone:var(--t-mint)}.t-butter{--tone:var(--t-butter)}.t-lilac{--tone:var(--t-lilac)}.t-peach{--tone:var(--t-peach)}.float{z-index:3;position:absolute}@media (prefers-reduced-motion:no-preference){.float{animation:4.6s ease-in-out infinite alternate bob}.f-2{animation-duration:5.4s;animation-delay:-1.8s}.f-3{animation-duration:3.9s;animation-delay:-.9s}}@keyframes bob{0%{translate:0 4px;rotate:calc(var(--tilt,-10deg) - 6deg)}to{translate:0 -8px;rotate:calc(var(--tilt,-10deg) + 6deg)}}@keyframes morph{0%{border-radius:42% 58% 63% 37%/41% 44% 56% 59%;rotate:0deg}to{border-radius:61% 39% 38% 62%/55% 61% 39% 45%;rotate:25deg}}.scallop{--sc:14px;mask:radial-gradient(circle at 50% 100%, oklch(0% 0 none) calc(var(--sc) - .5px), transparent var(--sc)) 0 0 / calc(var(--sc) * 2) var(--sc) repeat-x, linear-gradient(oklch(0% 0 none) 0 0) 0 var(--sc) / 100% calc(100% - 2 * var(--sc)) no-repeat, radial-gradient(circle at 50% 0, oklch(0% 0 none) calc(var(--sc) - .5px), transparent var(--sc)) 0 100% / calc(var(--sc) * 2) var(--sc) repeat-x}.section{padding-block:clamp(5rem,3rem + 7vw,9rem)}.section-head{flex-direction:column;gap:.75rem;max-inline-size:44rem;margin-block-end:clamp(2rem,1rem + 3vw,3.5rem);display:flex}.print{border-radius:var(--r-print);background:var(--print);box-shadow:0 0 0 1.5px color-mix(in oklch, var(--ink) 14%, transparent), 0 14px 34px var(--shadow);--tape:var(--t-pink);margin:0;padding:5% 5% 0;position:relative}.print:before{content:"";z-index:1;aspect-ratio:4;background:repeating-linear-gradient(-45deg, color-mix(in oklch, var(--tape) 72%, transparent) 0 7px, color-mix(in oklch, var(--tape) 52%, transparent) 7px 14px);clip-path:polygon(3% 0,97% 0,100% 20%,97% 40%,100% 60%,97% 80%,100% 100%,3% 100%,0 80%,3% 60%,0 40%,3% 20%,0 0);inline-size:44%;position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% -55%;rotate:-5deg}:nth-child(3n+2)>.print{--tape:var(--t-sky)}:nth-child(3n+3)>.print{--tape:var(--t-butter)}.print img{aspect-ratio:2/3;object-fit:cover;border-radius:2px;inline-size:100%}.print figcaption{color:var(--print-ink);letter-spacing:-.01em;font-variant-numeric:tabular-nums;text-align:center;white-space:nowrap;padding-block:.55em .7em;font-size:clamp(.72rem,.6rem + .4vw,.95rem);font-weight:800;line-height:1.2}.age{display:inline-flex}.age-vis{flex-wrap:wrap;align-items:baseline;column-gap:.32em;display:inline-flex}.age-part{white-space:nowrap;align-items:baseline;gap:.18em;display:inline-flex}.age-part[hidden]{display:none}.age-num,number-flow{font-variant-numeric:tabular-nums}.hero{padding-block:clamp(1.5rem,.5rem + 3vw,3rem) clamp(3rem,1rem + 5vw,5rem);position:relative;overflow:clip}.hero-grid{align-items:center;gap:clamp(2.25rem,1rem + 4vw,4rem);display:grid}.hero-copy{flex-direction:column;align-items:start;gap:1.35rem;display:flex}.chip-dot{background:var(--accent);block-size:.55rem;inline-size:.55rem;box-shadow:0 0 0 4px color-mix(in oklch, var(--accent) 25%, transparent);border-radius:50%}@media (prefers-reduced-motion:no-preference){.chip-dot{animation:hop 1.4s var(--ease-out) infinite}}@keyframes hop{0%,60%,to{translate:0;scale:1}30%{translate:0 -5px;scale:1.15}}.hero h1{max-inline-size:11ch;line-height:1.06}.hl{color:var(--accent-ink);text-decoration:underline wavy var(--accent);text-underline-offset:.18em;text-decoration-skip-ink:none;text-decoration-thickness:.065em}.actions{flex-wrap:wrap;gap:.75rem;margin-block-start:.4rem;display:flex}@media (width>=960px){.hero-grid{min-block-size:calc(100svh - var(--header) - 6rem);grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr)}}.player{isolation:isolate;place-items:center;display:grid;position:relative}.player-glow{z-index:-1;background:radial-gradient(circle at 28% 30%, var(--pink), transparent 55%), radial-gradient(circle at 75% 72%, var(--butter), transparent 55%), var(--peach);pointer-events:none;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;block-size:30rem;inline-size:30rem;position:absolute}@media (prefers-reduced-motion:no-preference){.player-glow{animation:9s ease-in-out infinite alternate morph}}.hero-s1{--size:4.4rem;--tilt:-14deg;inset-block-start:8%;inset-inline-start:6%}.hero-s2{--size:3.6rem;--tilt:12deg;inset-block-start:2%;inset-inline-end:12%}.hero-s3{--size:3.2rem;--tilt:8deg;inset-block-start:46%;inset-inline-start:0}.hero-s4{--size:5rem;--tilt:-8deg;inset-block-end:18%;inset-inline-end:2%}.hero-s5{--size:3.8rem;--tilt:16deg;inset-block-end:4%;inset-inline-start:10%}@media (width<=959px){.hero-s1,.hero-s3,.hero-s5{--size:2.75rem;inset-inline-start:max(0px,50% - 11.5rem)}.hero-s2,.hero-s4{--size:2.75rem;inset-inline-end:max(0px,50% - 11.5rem)}.hero-s1{inset-block-start:20%}.hero-s2{inset-block-start:8%}.hero-s4{inset-block-end:30%}}.ribbon-wrap{padding-block:1.75rem;overflow:clip}.ribbon{border-block:2.5px solid var(--ink);background:var(--accent);inline-size:110%;color:var(--ink);margin-inline:-5%;overflow:clip;rotate:-2deg}.ribbon-track{inline-size:max-content;display:flex}.ribbon-set{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:1.1rem;padding-block:.7rem;padding-inline-end:1.1rem;font-size:clamp(1.05rem,.95rem + .5vw,1.4rem);font-weight:900;display:flex}.ribbon-set .icon{block-size:1.15em;inline-size:1.15em;color:var(--surface)}@media (prefers-reduced-motion:no-preference){.ribbon-track{animation:38s linear infinite marquee}}@keyframes marquee{to{translate:-50%}}.phone{aspect-ratio:9/19;background:var(--bezel);block-size:min(70svh,640px);min-block-size:30rem;max-inline-size:100%;box-shadow:0 0 0 7px var(--t-peach), 0 0 0 9.5px var(--ink), 0 9px 0 9.5px var(--ink), 0 40px 70px -14px var(--shadow);border-radius:54px;padding:9px;rotate:2.5deg}.screen{background:var(--bezel);block-size:100%;color:var(--on-photo);border-radius:45px;position:relative;overflow:clip}.slides,.slide{margin:0;position:absolute;inset:0}.slide{opacity:0}.slide[data-active]{opacity:1}.slide picture{block-size:100%}.slide img{object-fit:cover;block-size:100%;inline-size:100%}@media (prefers-reduced-motion:no-preference){.slide{transition:opacity .7s var(--ease-out)}.slide[data-active] img{animation:4.2s linear both kb}.slide[style*="--kb: 1"] img{animation-name:kb-left}.slide[style*="--kb: 2"] img{animation-name:kb-up}.slide[style*="--kb: 3"] img{animation-name:kb-right}[data-story-player][data-paused] .slide img{animation-play-state:paused}}@keyframes kb{0%{translate:0 1.5%;scale:1.02}to{translate:0 -1.5%;scale:1.12}}@keyframes kb-left{0%{translate:2%;scale:1.12}to{translate:-2%;scale:1.04}}@keyframes kb-up{0%{translate:0 -2%;scale:1.06}to{translate:0 2%;scale:1.14}}@keyframes kb-right{0%{translate:-2% 1%;scale:1.04}to{translate:2% -1%;scale:1.13}}.player-top{z-index:2;background:linear-gradient(to bottom, color-mix(in oklch, var(--scrim) 70%, transparent), transparent);pointer-events:none;padding-block:2.6rem 2.2rem;padding-inline:1.1rem;position:absolute;inset-block-start:0;inset-inline:0}.bars{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.bar{background:color-mix(in oklch, var(--on-photo) 35%, transparent);border-radius:3px;block-size:3px;overflow:clip}.bar i{background:var(--on-photo);transform-origin:0;block-size:100%;display:block;scale:0 1}.bar[data-state=done] i,.bar[data-state=current] i{scale:1}@media (prefers-reduced-motion:no-preference){[data-story-player][data-playing] .bar[data-state=current] i{animation:3.2s linear both fill}[data-story-player][data-paused] .bar[data-state] i{animation-play-state:paused}}@keyframes fill{0%{scale:0 1}to{scale:1}}.player-title{letter-spacing:-.02em;text-shadow:0 1px 8px var(--scrim);margin-block-start:.8rem;font-size:1rem;font-weight:850}.player-next{z-index:1;cursor:pointer;background:0 0;border:0;inline-size:60%;padding:0;position:absolute;inset-block:0;inset-inline-end:0}.player-next:active{scale:1}.player-next:focus-visible{outline-color:var(--on-photo);outline-offset:-6px;border-radius:0 45px 45px 0}.player-bottom{z-index:2;background:linear-gradient(to top, var(--scrim), color-mix(in oklch, var(--scrim) 55%, transparent) 55%, transparent);pointer-events:none;justify-content:space-between;align-items:end;gap:1rem;padding-block:4.5rem 1.6rem;padding-inline:1.3rem 1.1rem;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.player-caption{flex-direction:column;gap:.1rem;display:flex}.player-name{opacity:.9;font-size:.95rem;font-weight:800}.player-age{letter-spacing:-.03em;font-size:clamp(1.35rem,1.1rem + .6vw,1.6rem);font-weight:900;line-height:1.1}.player-btn{background:color-mix(in oklch, var(--on-photo) 22%, transparent);backdrop-filter:blur(12px);block-size:2.75rem;inline-size:2.75rem;color:var(--on-photo);cursor:pointer;pointer-events:auto;border:0;border-radius:50%;flex:none;place-items:center;padding:0;display:grid}.player-btn .icon{block-size:1.15rem;inline-size:1.15rem}.player-btn .i-play,.player-btn[aria-pressed=true] .i-pause{display:none}.player-btn[aria-pressed=true] .i-play{display:block}.player-btn:focus-visible{outline-color:var(--on-photo)}@media (hover:hover) and (pointer:fine){.player-btn:hover{background:color-mix(in oklch, var(--on-photo) 34%, transparent)}}@media (width<=959px){.phone{block-size:34rem;min-block-size:0}.player-glow{block-size:23rem;inline-size:23rem}}.grow{position:relative}.grow-stage{overflow:clip}.grow-grid{grid-template-areas:"copy""age""table""line";gap:1.25rem 3rem;padding-block:clamp(3rem,2rem + 4vw,6rem);display:grid}.grow-copy{flex-direction:column;grid-area:copy;gap:.75rem;display:flex}.grow-lead{max-inline-size:30rem;color:var(--muted)}.grow-age{font-variant-numeric:tabular-nums;flex-direction:column;grid-area:age;gap:.2rem;display:flex}.grow-age-label{color:var(--muted);align-items:center;gap:.6rem;font-size:clamp(1rem,.9rem + .5vw,1.35rem);font-weight:800;display:inline-flex}.grow-cake{--size:2.4rem;--tilt:10deg}.grow-age .age-part{column-gap:.12em}.grow-age .age-vis{flex-direction:column;align-items:start;row-gap:0}.grow-age .age-num{letter-spacing:-.06em;text-shadow:.045em .05em 0 var(--t-butter);font-size:clamp(3.6rem,19vw,10rem);font-weight:900;line-height:.92}.grow-age number-flow{letter-spacing:-.04em;text-shadow:.045em .05em 0 var(--t-butter);--number-flow-mask-height:.18em;font-size:clamp(3.6rem,19vw,10rem);font-weight:900;line-height:.92}.grow-age .age-unit{color:var(--accent-ink);letter-spacing:-.03em;font-size:clamp(1.5rem,1rem + 2.4vw,3rem);font-weight:850}.grow-table{grid-area:table;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;display:grid;position:relative}.grow-slot{rotate:calc(var(--r) * .35)}.grow-line{--t:1;flex-direction:column;grid-area:line;gap:.55rem;display:flex}.grow-track{background:var(--surface);block-size:10px;box-shadow:0 0 0 2px var(--ink);border-radius:10px;position:relative;container-type:inline-size}.grow-fill{border-radius:inherit;background:repeating-linear-gradient(-45deg, var(--accent) 0 8px, var(--t-peach) 8px 16px);transform-origin:0;scale:var(--t) 1;position:absolute;inset:0}.grow-dot{background:var(--surface);block-size:14px;inline-size:14px;box-shadow:0 0 0 2px var(--ink);translate:calc(var(--at) * 100cqi - 50%) -50%;border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:0}.grow-dot[data-on]{background:var(--t-butter)}.grow-marker{block-size:38px;inline-size:38px;color:var(--t-pink);filter:drop-shadow(0 0 .5px var(--ink)) drop-shadow(0 3px 0 var(--ink));translate:calc(var(--t) * 100cqi - 50%) -55%;position:absolute;inset-block-start:50%;inset-inline-start:0}.grow-marker .icon{block-size:100%;inline-size:100%}.grow-years{block-size:1.3rem;color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:800;position:relative;container-type:inline-size}.grow-years span{translate:calc(var(--at) * 100cqi - 50%) 0;position:absolute;inset-inline-start:0}@media (width>=720px){.grow-table{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width>=960px){.grow-grid{grid-template:"copy table""age table"1fr"line line"/minmax(0,5fr) minmax(0,6fr)}.grow-age{align-self:end}.grow-age .age-num,.grow-age number-flow{font-size:clamp(5rem,14vw,12.5rem)}.grow-age .age-unit{font-size:clamp(2rem,1rem + 2.6vw,3.6rem)}}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.grow{block-size:440svh}.grow-stage{block-size:100svh;position:sticky;inset-block-start:0}.grow-grid{block-size:100%;padding-block:calc(var(--header) + 1rem) 1.5rem;grid-template-rows:auto auto minmax(0,1fr) auto;gap:.9rem 3rem}.grow-table{min-block-size:0;display:block;container-type:size}.grow-slot{z-index:var(--z);inline-size:min(40cqi,52cqb);translate:calc(-50% + var(--x)) calc(-50% + var(--y));rotate:var(--r);position:absolute;inset-block-start:50%;inset-inline-start:50%}.grow-card{will-change:transform}@media (width>=960px){.grow-grid{padding-block:calc(var(--header) + 2rem) 2rem;grid-template-rows:auto minmax(0,1fr) auto}}@media (width<=719px){.grow-lead{font-size:.98rem}.grow-copy h2{font-size:1.85rem}}}.how{background:var(--mint)}.whois{border:2.5px solid var(--ink);border-radius:var(--r-panel);background:var(--surface);box-shadow:0 7px 0 var(--ink);gap:1.25rem;padding:clamp(.75rem,.4rem + 1vw,1.25rem);display:grid}.mosaic{border-radius:calc(var(--r-panel) - 10px);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:6px;display:grid;position:relative;overflow:clip}.tile{aspect-ratio:2/3;background:var(--line);margin:0;position:relative;overflow:clip;container-type:size}.tile.wide{aspect-ratio:auto;grid-column:span 2}.tile picture,.tile img{block-size:100%;inline-size:100%}.tile img{object-fit:cover}.faces{inline-size:max(100cqi, calc(100cqb * var(--ar)));aspect-ratio:var(--ar);pointer-events:none;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.ring{inline-size:var(--w);block-size:var(--h);box-shadow:0 0 0 2px var(--on-photo), 0 0 12px color-mix(in oklch, var(--scrim) 60%, transparent);opacity:0;border-radius:50%;position:absolute;inset-block-start:var(--y);inset-inline-start:var(--x);scale:1.6}.tag{border:2px solid var(--ink);background:var(--accent);color:var(--ink);white-space:nowrap;opacity:0;border-radius:999px;padding-block:.12rem;padding-inline:.55rem;font-size:.75rem;font-weight:900;position:absolute;inset-block-start:calc(100% + 6px);inset-inline-start:50%;translate:-50%}.tag:before{content:"";border-inline-start:2px solid var(--ink);border-block-start:2px solid var(--ink);background:var(--accent);block-size:7px;inline-size:7px;position:absolute;inset-block-start:0;inset-inline-start:50%;translate:-50% -65%;rotate:45deg}.scan{background:linear-gradient(to right, transparent, color-mix(in oklch, var(--glow) 35%, transparent), transparent);opacity:0;pointer-events:none;inline-size:30%;position:absolute;inset-block:0;inset-inline-start:0}.ask{flex-direction:column;justify-content:center;gap:1.1rem;padding:clamp(1rem,.6rem + 1vw,1.5rem);display:flex}.ask-card,.ask-result{border:2.5px solid var(--ink);background:var(--butter);box-shadow:0 5px 0 var(--ink);border-radius:24px;flex-direction:column;align-items:start;gap:.9rem;padding:1.25rem;display:flex}.ask-face{block-size:4.5rem;inline-size:4.5rem;box-shadow:0 0 0 3px var(--surface), 0 0 0 5.5px var(--accent), 0 0 0 8px var(--ink);border-radius:50%;display:block;position:relative;overflow:clip}.ask-face img{inline-size:var(--crop-w);max-inline-size:none;position:absolute;inset-block-start:var(--crop-y);inset-inline-start:var(--crop-x)}.ask-title{letter-spacing:-.03em;font-size:1.5rem;font-weight:850}.ask-actions{flex-wrap:wrap;gap:.5rem;display:flex}.ask-status{color:var(--muted);max-inline-size:30rem;font-weight:650}.ask-result{display:none}.fan{block-size:9.5rem;inline-size:100%;position:relative}.fan-card{background:var(--print);inline-size:6rem;box-shadow:0 0 0 1.5px color-mix(in oklch, var(--ink) 30%, transparent), 0 8px 20px var(--shadow);border-radius:5px;padding:4px 4px 14px;position:absolute;inset-block-start:.5rem;inset-inline-start:calc(50% - 3rem)}.fan-card img{aspect-ratio:3/4;object-fit:cover;inline-size:100%}@media (scripting:enabled){.whois[data-phase=idle] .ask-card,.whois[data-phase=scan] .ask-card{visibility:hidden;opacity:0;translate:0 12px}}.whois:not([data-phase=idle]) .ring{opacity:1;scale:1}.whois[data-phase=ask] .ring[data-target]{box-shadow:0 0 0 3px var(--accent), 0 0 22px var(--glow)}.whois[data-phase=found] .ask-card,.whois[data-phase=skip] .ask-card{display:none}.whois[data-phase=found] .ask-result,.whois[data-phase=skip] .ask-result{display:flex}.whois[data-phase=skip] .fan{display:none}.whois[data-phase=found] .tile[data-match] .ring[data-match]{box-shadow:0 0 0 3px var(--accent), 0 0 18px var(--glow)}.whois[data-phase=found] .tile[data-match] .ring[data-match] .tag{opacity:1}.whois[data-phase=found] .tile:not([data-match]){opacity:.28;filter:grayscale()}.whois[data-phase=skip] .ring{opacity:.45}@media (prefers-reduced-motion:no-preference){.ring{transition:opacity .42s var(--ease-out) calc(var(--i) * 55ms), scale .52s var(--ease-out) calc(var(--i) * 55ms), box-shadow .3s var(--ease-out)}.tag{transition:opacity .3s var(--ease-out) .2s}.tile{transition:opacity .5s var(--ease-out), filter .5s var(--ease-out)}.ask-card{transition:opacity .42s var(--ease-out), translate .52s cubic-bezier(.34, 1.56, .64, 1), visibility 0s linear}.whois[data-phase=scan] .scan{animation:sweep 1.3s var(--ease-out) both}.whois[data-phase=ask] .ring[data-target]{animation:pulse 1.6s var(--ease-out) infinite}}.confetti{z-index:70;pointer-events:none;position:fixed;inset-block-start:0;inset-inline-start:0}.confetti-bit{border:1.5px solid var(--ink);border-radius:3px;block-size:13px;inline-size:10px;position:absolute;inset-block-start:0;inset-inline-start:0}@keyframes sweep{0%{opacity:1;translate:-100%}85%{opacity:1}to{opacity:0;translate:340%}}@keyframes pulse{50%{scale:1.08}}@media (width>=900px){.whois{grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);align-items:center}.mosaic{grid-template-columns:repeat(4,minmax(0,1fr))}.whois{align-items:start}.ask{position:sticky;inset-block-start:calc(var(--header) + 1.5rem)}}.steps{gap:2rem;margin-block:clamp(3rem,2rem + 3vw,4.5rem) 0;padding:0;list-style:none;display:grid}.steps li{border:2.5px solid var(--ink);background:color-mix(in oklch, var(--tone) 20%, var(--surface));box-shadow:0 5px 0 var(--ink);border-radius:24px;grid-template-columns:auto 1fr;align-items:baseline;gap:.3rem .85rem;padding-block:1.5rem 1.4rem;padding-inline:1.25rem 1.5rem;display:grid;position:relative;rotate:-1deg}.steps li:nth-child(2){rotate:1.2deg}.steps li:nth-child(3){rotate:-.6deg}.step-sticker{--size:3rem;--tilt:12deg;position:absolute;inset-block-start:-1.3rem;inset-inline-end:1.1rem}.steps h3{letter-spacing:-.02em;font-size:1.2rem}.steps p{color:var(--muted);grid-column:2}.step-n{border:2px solid var(--ink);background:var(--tone);block-size:2.1rem;inline-size:2.1rem;color:var(--ink);border-radius:50%;place-items:center;font-size:1rem;font-weight:900;display:inline-grid}@media (width>=900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.75rem}}@media (hover:hover) and (pointer:fine){.steps li:hover,.facts>div:hover{box-shadow:0 9px 0 var(--ink);translate:0 -4px;rotate:0deg}}@media (prefers-reduced-motion:no-preference){.steps li,.facts>div{transition:rotate .3s var(--ease-bounce), translate .3s var(--ease-bounce), box-shadow .3s var(--ease-out)}}.stories{padding-block:clamp(4rem,2rem + 5vw,7rem);position:relative}.stories-head{flex-direction:column;gap:.75rem;margin-block-end:clamp(2rem,1rem + 3vw,3rem);display:flex}.stories-viewport{overflow:clip}.stories-track{inline-size:min(100% - 2 * var(--gutter), var(--page));flex-direction:column;gap:1.5rem;margin-inline:auto;padding-block:.25rem .75rem;display:flex}.panel{border:2.5px solid var(--ink);border-radius:var(--r-panel);background:var(--butter);box-shadow:0 7px 0 var(--ink);align-items:center;gap:1.5rem;padding:clamp(1.25rem,.8rem + 2vw,2.75rem);display:grid;position:relative;overflow:clip}.panel-replay{background:var(--peach)}.panel-stayed{background:var(--lilac)}.panel-camera{background:var(--sky)}.panel-copy{flex-direction:column;gap:.6rem;max-inline-size:22rem;display:flex;position:relative}.panel-sticker{--size:3rem;--tilt:14deg;position:absolute;inset-block-start:-.35rem;inset-inline-start:3.5rem}.panel-copy h3{letter-spacing:-.04em;font-size:clamp(1.8rem,1.3rem + 1.6vw,2.8rem)}.panel-copy p:last-child{color:var(--muted);font-size:1.08rem}.panel-num{border:2px solid var(--ink);background:var(--surface);block-size:2.75rem;inline-size:2.75rem;color:var(--accent-ink);font-variant-numeric:tabular-nums;border-radius:50%;align-self:start;place-items:center;font-weight:900;display:inline-grid;rotate:-8deg}@media (width>=720px){.panel{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}}.flip{flex-direction:column;align-items:center;gap:1.25rem;display:flex}.flip-print{inline-size:min(100%,17rem);rotate:-2deg}.flip-stack{display:grid;position:relative}.flip-page{visibility:hidden;grid-area:1/1}.flip-page[data-active]{visibility:visible}.flip-scrub{flex-direction:column;gap:.4rem;inline-size:min(100%,22rem);display:flex}.flip-ends{color:var(--muted);justify-content:space-between;font-size:.85rem;font-weight:800;display:flex}.flip input[type=range]{appearance:none;cursor:grab;background:0 0;block-size:2.75rem;inline-size:100%;margin:0}.flip input[type=range]::-webkit-slider-runnable-track{background:radial-gradient(circle, var(--muted) 1.5px, transparent 2px) 0 50% / calc((100% - 28px) / 7) 100% repeat-x content-box, var(--surface);block-size:10px;box-shadow:0 0 0 2px var(--ink);border-radius:10px;padding-inline:14px}.flip input[type=range]::-moz-range-track{background:var(--surface);block-size:10px;box-shadow:0 0 0 2px var(--ink);border-radius:10px}.flip input[type=range]::-webkit-slider-thumb{border:2.5px solid var(--ink);background:var(--accent);block-size:30px;inline-size:30px;box-shadow:0 3px 0 var(--ink);appearance:none;border-radius:50%;margin-block-start:-10px}.flip input[type=range]::-moz-range-thumb{border:2.5px solid var(--ink);background:var(--accent);block-size:24px;inline-size:24px;box-shadow:0 3px 0 var(--ink);border-radius:50%}.flip input[type=range]:active{cursor:grabbing}.compare{aspect-ratio:2/3;border:2.5px solid var(--ink);inline-size:min(100%,24rem);box-shadow:0 6px 0 var(--ink);--pos:50%;--at:calc(22px + (100% - 44px) * var(--p,.5));border-radius:20px;justify-self:center;position:relative;overflow:clip}.compare picture,.cmp-img{object-fit:cover;block-size:100%;inline-size:100%;position:absolute;inset:0}.cmp-then{clip-path:inset(0 calc(100% - var(--at)) 0 0);position:absolute;inset:0}.cmp-label{border:2px solid var(--ink);background:var(--butter);color:var(--ink);pointer-events:none;border-radius:999px;padding-block:.2rem;padding-inline:.7rem;font-size:.85rem;font-weight:900;position:absolute;inset-block-start:.9rem}.cmp-label-then{inset-inline-start:.9rem;rotate:-4deg}.cmp-label-now{background:var(--mint);inset-inline-end:.9rem;rotate:4deg}.cmp-handle{background:var(--on-photo);inline-size:3px;box-shadow:0 0 12px var(--scrim);pointer-events:none;position:absolute;inset-block:0;inset-inline-start:var(--at);translate:-50%}.cmp-knob{border:2.5px solid var(--ink);background:var(--accent);block-size:44px;inline-size:44px;color:var(--ink);box-shadow:0 3px 0 var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:50%;inset-inline-start:50%;translate:-50% -50%}.cmp-knob .icon{block-size:1.2rem;inline-size:1.2rem}.compare:has(input:focus-visible) .cmp-knob{outline:2.5px solid var(--accent);outline-offset:3px}.compare input[type=range]{opacity:0;appearance:none;cursor:ew-resize;block-size:100%;inline-size:100%;margin:0;position:absolute;inset:0}.compare input[type=range]::-webkit-slider-thumb{appearance:none;block-size:100cqb;inline-size:44px}.chapters{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"titles photos""tabs photos";align-items:center;gap:1rem 1.5rem;display:grid}.ch-titles{grid-area:titles;display:grid}.ch-title{opacity:0;flex-direction:column;grid-area:1/1;gap:.2rem;display:flex;translate:0 10px}.ch-title[data-active]{opacity:1;translate:0}.ch-num{color:var(--accent-ink);font-weight:850}.ch-name{letter-spacing:-.05em;font-size:clamp(2rem,1.2rem + 3vw,3.6rem);font-weight:900;line-height:.98}.ch-photos{grid-area:photos;justify-items:center;display:grid}.ch-photo{opacity:0;grid-area:1/1;inline-size:min(100%,15rem);rotate:3deg}.ch-photo[data-active]{opacity:1;rotate:-2deg}.ch-tabs{grid-area:tabs;gap:.5rem;display:flex}.ch-tab{border:2px solid var(--ink);background:var(--surface);block-size:2.75rem;inline-size:2.75rem;box-shadow:0 3px 0 var(--ink);cursor:pointer;border-radius:50%;font-weight:900}.ch-tab[aria-pressed=true]{background:var(--accent);color:var(--ink)}.ch-tab:active{box-shadow:0 1px 0 var(--ink);translate:0 2px;scale:1}@media (hover:hover) and (pointer:fine){.ch-tab:hover:not([aria-pressed=true]){background:var(--butter)}}@media (prefers-reduced-motion:no-preference){.ch-title,.ch-photo{transition:opacity .6s var(--ease-out), translate .6s var(--ease-out), rotate .7s var(--ease-out)}}.camera{border:2.5px solid var(--ink);box-shadow:0 6px 0 var(--ink);border-radius:20px;position:relative;overflow:clip}.camera-img{aspect-ratio:3/2;object-fit:cover;inline-size:100%}.credit{border:2px solid var(--ink);background:var(--surface);box-shadow:0 3px 0 var(--ink);border-radius:18px;align-items:center;gap:.75rem;padding-block:.6rem;padding-inline:.6rem 1rem;display:flex;position:absolute;inset-block-end:.9rem;inset-inline-start:.9rem;rotate:-2deg}.credit-thumbs{display:flex}.credit-thumbs img{object-fit:cover;border:2px solid var(--surface);border-radius:8px;block-size:2.4rem;inline-size:2.4rem}.credit-thumbs picture+picture{margin-inline-start:-.7rem}.credit-name{letter-spacing:-.02em;font-weight:850}@media (scripting:enabled) and (prefers-reduced-motion:no-preference){.credit:not([data-in]){opacity:0;translate:0 40%}.credit{transition:opacity .5s var(--ease-out), translate .7s cubic-bezier(.34, 1.4, .64, 1)}}@media (width>=1024px) and (scripting:enabled) and (prefers-reduced-motion:no-preference){.stories{block-size:calc(100svh + var(--pan,2400px));padding-block:0}.stories-stage{block-size:100svh;padding-block:calc(var(--header) + 1rem) 2rem;flex-direction:column;justify-content:center;display:flex;position:sticky;inset-block-start:0;overflow:clip}.stories-track{inline-size:max-content;padding-inline:max(var(--gutter), (100vw - var(--page)) / 2);will-change:transform;flex-direction:row;gap:2rem;margin-inline:0}.panel{block-size:min(66svh,600px);inline-size:min(68vw,940px)}.compare{block-size:min(56svh,520px);inline-size:auto}.flip-print{inline-size:min(100%,15.5rem)}.ch-photo{inline-size:min(100%,14rem)}.camera-img{aspect-ratio:auto;block-size:min(48svh,440px)}}.privacy{--dim:oklch(56% .06 250);background:var(--sky);clip-path:inset(0);padding-block:clamp(5rem,3rem + 7vw,9rem);position:relative}.privacy-s1{--size:4rem;--tilt:-8deg;inset-block-start:3rem;inset-inline-end:6%}.privacy-s2{--size:3.2rem;--tilt:14deg;inset-block-start:7.5rem;inset-inline-end:16%}.privacy-s3{--size:3rem;--tilt:-14deg;inset-block-end:3.5rem;inset-inline-end:8%}@media (width<=719px){.privacy-s2,.privacy-s3{display:none}.privacy-s1{--size:3.2rem;inset-block-start:2.25rem}}.privacy-inner{flex-direction:column;align-items:start;gap:clamp(1.5rem,1rem + 2vw,2.5rem);display:flex}.privacy .eyebrow{color:var(--accent-ink)}.privacy h2{max-inline-size:16ch}.kinetic{letter-spacing:-.055em;font-size:clamp(2.6rem,1rem + 6.4vw,6.6rem);font-weight:900;line-height:.98}.kinetic-vis{flex-wrap:wrap;column-gap:.24em;display:flex}.kw{color:var(--dim)}.kw-dot{color:var(--accent-ink)}.kw[data-lit],.privacy:not([data-ready]) .kw{color:var(--ink)}@media (prefers-reduced-motion:no-preference){.kw{transition:color .35s var(--ease-out)}}.facts{gap:1.25rem 1.5rem;inline-size:100%;margin-block:1rem 0;display:grid}.facts>div{border:2.5px solid var(--ink);background:var(--surface);box-shadow:0 4px 0 var(--ink);border-radius:22px;padding-block:1.1rem 1.2rem;padding-inline:1.25rem}.facts>div:nth-child(odd){rotate:-.7deg}.facts>div:nth-child(2n){rotate:.8deg}.facts dt{letter-spacing:-.02em;align-items:center;gap:.55rem;font-size:1.15rem;font-weight:850;display:flex}.facts dt:before{content:"";border:2px solid var(--ink);background:var(--t-pink);border-radius:50%;flex:none;block-size:.8rem;inline-size:.8rem}.facts>div:nth-child(5n+2) dt:before{background:var(--t-butter)}.facts>div:nth-child(5n+3) dt:before{background:var(--t-mint)}.facts>div:nth-child(5n+4) dt:before{background:var(--t-sky)}.facts>div:nth-child(5n+5) dt:before{background:var(--t-lilac)}.facts dd{color:var(--muted);max-inline-size:34rem;margin-block:.3rem 0;margin-inline:0}@media (width>=720px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.notify{padding-block:clamp(5rem,3rem + 7vw,9rem);overflow:clip}.notify-inner{text-align:center;flex-direction:column;align-items:center;gap:1.25rem;display:flex}.notify-inner .lead{max-inline-size:34rem}.notify-inner>*{position:relative}.notify-icon{isolation:isolate;place-items:center;margin-block-end:1rem;display:grid;position:relative}.notify-icon img{border:5px solid var(--surface);block-size:168px;inline-size:168px;box-shadow:0 0 0 2.5px var(--ink), 0 8px 0 2.5px var(--ink);border-radius:24%;rotate:-6deg}.notify-glow{z-index:-1;background:radial-gradient(circle at 30% 30%, var(--pink), transparent 60%), var(--butter);pointer-events:none;border-radius:42% 58% 63% 37%/41% 44% 56% 59%;block-size:17rem;inline-size:17rem;position:absolute}@media (prefers-reduced-motion:no-preference){.notify-glow{animation:8s ease-in-out infinite alternate morph}}.o-1{--size:3.2rem;--tilt:-14deg;inset-block-start:-.5rem;inset-inline-start:-2.5rem}.o-2{--size:2.8rem;--tilt:12deg;inset-block-start:-1.5rem;inset-inline-end:-2rem}.o-3{--size:2.6rem;--tilt:10deg;inset-block-end:0;inset-inline-start:-3rem}.o-4{--size:3.4rem;--tilt:-6deg;inset-block-end:-.5rem;inset-inline-end:-2.75rem}.notify-alt{color:var(--muted);font-size:.98rem}