.svc-line{transform-origin:0}.svc-root[data-phase=waiting] .svc-line{transform:scaleX(0)}.svc-root[data-phase=seen] .svc-line{transition:transform 1.2s var(--ease-expo) calc(var(--r) * .15s)}.svc-root[data-phase=waiting] .svc-name{transform:translateY(105%)}.svc-root[data-phase=seen] .svc-name{transition:transform 1.1s var(--ease-expo) calc(.15s + var(--r) * .15s), translate .6s var(--ease-expo)}.svc-root[data-phase=waiting] .svc-in{opacity:0;transform:translateY(1rem)}.svc-root[data-phase=seen] .svc-in{transition:opacity .8s ease calc(.35s + var(--r) * .15s), transform 1s var(--ease-expo) calc(.35s + var(--r) * .15s)}.svc-mask{margin-bottom:-.12em;padding-bottom:.12em;overflow:hidden}.svc-name{transition:translate .6s var(--ease-expo);display:block}.svc-row:hover .svc-name,.svc-row:focus-visible .svc-name{translate:.75rem}.svc-arrow{border:1px solid var(--border-strong);width:2.75rem;height:2.75rem;transition:background-color .4s ease, border-color .4s ease, color .4s ease, rotate .5s var(--ease-expo);border-radius:9999px;place-items:center;display:grid}.svc-row:hover .svc-arrow,.svc-row:focus-visible .svc-arrow{background:var(--color-terracotta-deep);border-color:var(--color-terracotta-deep);color:var(--color-soft-white);rotate:-45deg}.svc-cursor{z-index:20;aspect-ratio:4/5;pointer-events:none;width:15rem;translate:calc(var(--x,0) * 1px + 1.5rem) calc(var(--y,0) * 1px - 50%);rotate:calc(var(--tilt,0) * 1deg);opacity:0;transition:opacity .35s ease, scale .5s var(--ease-expo);position:absolute;top:0;left:0;scale:.6}.svc-cursor[data-visible=true]{opacity:1;scale:1}.svc-cursor-card{opacity:0;border-radius:1.25rem;transition:opacity .35s;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px #24232040;container-type:inline-size}.svc-cursor-card[data-active=true]{opacity:1}.svc-thumb{border-radius:.9rem;overflow:hidden;container-type:inline-size}@media (prefers-reduced-motion:reduce){.svc-name,.svc-arrow{transition:none}}
.why-word{vertical-align:top;margin-bottom:-.12em;padding-bottom:.12em;display:inline-block;overflow:hidden}.why-word>span{display:inline-block}.why-root[data-phase=waiting] .why-word>span{transform:translateY(110%)}.why-root[data-phase=seen] .why-word>span{transition:transform 1.1s var(--ease-expo) calc(var(--i) * 45ms)}.why-root[data-phase=waiting] .why-in{opacity:0;transform:translateY(1.5rem)}.why-root[data-phase=seen] .why-in{transition:opacity .8s ease var(--d,0s), transform 1s var(--ease-expo) var(--d,0s)}.why-root[data-phase=waiting] .why-viewfinder{opacity:0;transform:scale(.96)}.why-root[data-phase=seen] .why-viewfinder{transition:opacity 1s ease .25s, transform 1.4s var(--ease-expo) .25s}.why-viewfinder{aspect-ratio:4/3;background:radial-gradient(ellipse at 50% 45%, #ffffff0f, transparent 65%), var(--color-camera-ground);border-radius:1.4rem;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #f7f3ec14;container-type:inline-size}.why-grid{pointer-events:none;background:linear-gradient(90deg,#0000 calc(33.33% - .5px),#f7f3ec12 0 calc(33.33% + .5px),#0000 0 calc(66.66% - .5px),#f7f3ec12 0 calc(66.66% + .5px),#0000 0),linear-gradient(#0000 calc(33.33% - .5px),#f7f3ec12 0 calc(33.33% + .5px),#0000 0 calc(66.66% - .5px),#f7f3ec12 0 calc(66.66% + .5px),#0000 0);position:absolute;inset:0}.why-corners{pointer-events:none;animation:why-af .7s var(--ease-expo);position:absolute;inset:5%}.why-corner{border:0 solid #f7f3ecbf;width:7cqw;height:7cqw;position:absolute}.why-corner:first-child{border-top-width:2px;border-left-width:2px;top:0;left:0}.why-corner:nth-child(2){border-top-width:2px;border-right-width:2px;top:0;right:0}.why-corner:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:0;left:0}.why-corner:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:0;right:0}@keyframes why-af{0%{opacity:.4;transform:scale(1.06)}60%{opacity:1;transform:scale(.985)}to{transform:none}}.why-hud{pointer-events:none;font-family:var(--font-mono);letter-spacing:.12em;color:#f7f3ecb3;flex-direction:column;justify-content:space-between;font-size:clamp(.6rem,2.2cqw,.8rem);display:flex;position:absolute;inset:7% 8%}.why-rec:before{content:"";background:var(--color-shutter);border-radius:9999px;width:.55em;height:.55em;margin-right:.5em;animation:1.4s step-end infinite why-blink;display:inline-block}@keyframes why-blink{50%{opacity:0}}.why-scene{color:var(--color-soft-white);opacity:0;filter:blur(4px);transition:opacity .5s ease, transform .8s var(--ease-expo), filter .5s ease;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:scale(1.04)}.why-scene[data-active=true]{opacity:1;filter:none;transform:none}.why-label{letter-spacing:.2em;text-transform:uppercase;color:#f7f3ec99;font-size:clamp(.6rem,2.3cqw,.75rem)}.why-count{font-size:15cqw;font-weight:700;line-height:1}.why-count small{font-family:var(--font-mono);letter-spacing:.12em;color:#f7f3ec99;font-size:3cqw;font-weight:400}.why-frames{grid-template-columns:repeat(10,1fr);gap:1cqw;width:58cqw;margin-top:3cqw;display:grid}.why-frames>span{aspect-ratio:2/3;border:1px solid #f7f3ec4d;border-radius:2px}.why-frames>span:nth-child(-n+6){background:var(--color-terracotta-light);border-color:var(--color-terracotta-light)}.why-scene[data-active=true] .why-frames>span:nth-child(-n+6){animation:why-pop .5s var(--ease-expo) calc(.2s + var(--n) * .12s) both}.why-phone{aspect-ratio:9/16;border:2px solid #f7f3ec99;border-radius:3cqw;place-items:center;width:22cqw;display:grid;position:relative}.why-qr{aspect-ratio:1;background:repeating-conic-gradient(var(--color-soft-white) 0 25%, transparent 0 50%) 0 0 / 2.6cqw 2.6cqw;opacity:.85;width:13cqw}.why-scanline{background:var(--color-terracotta-light);height:2px;position:absolute;top:30%;left:12%;right:12%;box-shadow:0 0 12px 2px #d98b7499}.why-scene[data-active=true] .why-scanline{animation:1.6s ease-in-out infinite alternate why-scan}@keyframes why-scan{0%{top:30%}to{top:68%}}.why-gallery{grid-template-columns:repeat(3,1fr);gap:1.2cqw;width:32cqw;display:grid;position:relative}.why-gallery>span{aspect-ratio:2/3;background:linear-gradient(135deg, var(--color-sand), #878b87 55%, #424a4c);border-radius:1cqw}.why-gallery>span:nth-child(3n+2){background:linear-gradient(135deg, #e5dfd5, var(--color-sand), #aaa094)}.why-gallery>span:nth-child(4n){background:linear-gradient(135deg, #424a4c, #2c302f, var(--color-camera-ground))}.why-gallery>span:last-child{box-shadow:0 0 0 2px var(--color-terracotta-light)}.why-scene[data-active=true] .why-gallery>span{animation:why-pop .5s var(--ease-expo) calc(.15s + var(--n) * .1s) both}.why-badge{background:var(--color-terracotta-light);color:var(--color-charcoal);white-space:nowrap;border-radius:9999px;padding:.6cqw 1.6cqw;font-size:clamp(.6rem,2.2cqw,.75rem);font-weight:700;position:absolute;bottom:-3cqw;right:-4cqw}.why-scene[data-active=true] .why-badge{animation:why-pop .6s var(--ease-expo) 1.2s both}.why-frame{aspect-ratio:9/16;background:var(--color-warm-ivory);width:24cqw;padding:1.2cqw;rotate:-3deg;box-shadow:0 2cqw 5cqw #00000059}.why-frame>span{aspect-ratio:2/3;background:linear-gradient(135deg, var(--color-sand), #878b87 55%, #424a4c);display:block}.why-scene[data-active=true] .why-frame{animation:3.6s ease-in-out infinite why-theme}@keyframes why-theme{0%,28%{background:var(--color-warm-ivory)}33%,61%{background:var(--color-terracotta)}66%,94%{background:var(--color-deep-charcoal);box-shadow:0 0 0 1px #f7f3ec4d,0 2cqw 5cqw #00000059}to{background:var(--color-warm-ivory)}}.why-themes{display:grid}.why-themes>span{opacity:0;grid-area:1/1}.why-themes>span:first-child{opacity:1}.why-scene[data-active=true] .why-themes>span{animation:3.6s ease-in-out infinite why-third}.why-scene[data-active=true] .why-themes>span:nth-child(2){animation-delay:-2.4s}.why-scene[data-active=true] .why-themes>span:nth-child(3){animation-delay:-1.2s}@keyframes why-third{0%,28%{opacity:1}33%,95%{opacity:0}to{opacity:1}}@keyframes why-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:none}}.why-desc{transition:grid-template-rows .6s var(--ease-expo);grid-template-rows:0fr;display:grid}.why-tab[aria-selected=true] .why-desc{grid-template-rows:1fr}.why-progress{transform-origin:0;transform:scaleX(0)}.why-root[data-auto=true] .why-tab[aria-selected=true] .why-progress{animation:5s linear forwards why-fill}.why-root[data-running=false] .why-progress{animation-play-state:paused}@keyframes why-fill{to{transform:none}}@media (prefers-reduced-motion:reduce){.why-corners,.why-rec:before,.why-scene,.why-scene *,.why-desc{transition:none!important;animation:none!important}}
.rev-book{perspective:2400px;position:relative}.rev-spread{scroll-snap-type:x mandatory;scrollbar-width:none;gap:1rem;margin-inline:-1.5rem;padding:.5rem 1.5rem 2.5rem;display:flex;overflow-x:auto}.rev-spread::-webkit-scrollbar{display:none}.rev-page{scroll-snap-align:center;min-width:0;color:var(--color-charcoal);background:repeating-linear-gradient(#0000 0 calc(2rem - 1px),#b8ada029 calc(2rem - 1px) 2rem) 0 4.5rem/100% calc(100% - 7rem) no-repeat,#fffdf9;border-radius:1.25rem;flex-direction:column;flex:0 0 88%;padding:2rem 1.75rem 1.75rem;display:flex;position:relative;box-shadow:0 24px 50px #2423201a}@media (min-width:64rem){.rev-spread{border-radius:1.5rem;grid-template-columns:1fr 1fr;gap:0;margin:0;padding:0;display:grid;overflow:visible;box-shadow:0 40px 90px #24232024}.rev-page{min-height:34rem;box-shadow:none;padding:3rem 3.5rem 2.5rem}.rev-left{transform-origin:100%;border-radius:1.5rem 0 0 1.5rem}.rev-right{transform-origin:0;border-radius:0 1.5rem 1.5rem 0}.rev-left:after,.rev-right:before{content:"";pointer-events:none;width:3.5rem;position:absolute;top:0;bottom:0}.rev-left:after{background:linear-gradient(270deg,#2423201f,#0000);right:0}.rev-right:before{background:linear-gradient(90deg,#24232017,#0000);left:0}}.rev-ribbon{z-index:2;background:var(--color-terracotta);clip-path:polygon(0 0,100% 0,100% 100%,50% 84%,0 100%);transform-origin:top;width:1.4rem;height:8.5rem;position:absolute;top:-.6rem;right:42%;box-shadow:0 6px 12px #24232033}.rev-stamp{aspect-ratio:1;border:2px solid var(--color-terracotta-deep);outline:1px solid var(--color-terracotta-deep);outline-offset:3px;width:6.5rem;color:var(--color-terracotta-deep);text-align:center;mix-blend-mode:multiply;border-radius:9999px;place-items:center;display:grid;rotate:-12deg}.rev-sign path{fill:none;stroke:var(--color-charcoal);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:0}@media (hover:hover){.rev-entry:hover .rev-sign path{animation:1.4s ease-in-out rev-redraw}}@keyframes rev-redraw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.rev-root[data-phase=waiting] .rev-ink{opacity:0;filter:blur(8px)}.rev-root[data-phase=seen] .rev-ink{transition:opacity 1.2s ease var(--d,0s), filter 1.2s ease var(--d,0s)}.rev-root[data-phase=waiting] .rev-sign path{stroke-dashoffset:1px}.rev-root[data-phase=seen] .rev-sign path{transition:stroke-dashoffset 1.6s ease-in-out var(--d,0s)}.rev-root[data-phase=waiting] .rev-stamp{opacity:0;rotate:-40deg;scale:1.8}.rev-root[data-phase=seen] .rev-stamp{transition:opacity .2s ease var(--d,0s), scale .55s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s), rotate .55s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s)}.rev-root[data-phase=waiting] .rev-ribbon{transform:scaleY(0)}.rev-root[data-phase=seen] .rev-ribbon{transition:transform .9s var(--ease-expo) 1.3s}.rev-root[data-phase=waiting] .rev-page{opacity:0;transform:translateY(2rem)}.rev-root[data-phase=seen] .rev-page{transition:opacity .8s ease, transform 1.1s var(--ease-expo)}@media (min-width:64rem){.rev-root[data-phase=waiting] .rev-left{transform:rotateY(75deg)}.rev-root[data-phase=waiting] .rev-right{transform:rotateY(-75deg)}.rev-root[data-phase=seen] .rev-page{transition:opacity .7s ease, transform 1.6s var(--ease-expo)}}@media (prefers-reduced-motion:reduce){.rev-entry:hover .rev-sign path{animation:none}}