/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer base{a,button,summary,label,[role=button]{transition-property:color,background-color,border-color,box-shadow,opacity,fill,stroke,text-decoration-color,translate,scale,rotate;transition-duration:.25s;transition-timing-function:var(--ease-soft)}::selection{background:var(--color-primary);color:var(--color-ink)}}.site-logo{color:var(--color-ink)}.site-header[data-start=dark]:not([data-scrolled]) .site-logo,.site-logo.is-dark,[data-tone=dark] .site-logo{color:#fff}.site-logo .logo-on-dark{display:none}.site-header[data-start=dark]:not([data-scrolled]) .site-logo .logo-on-dark,.site-logo.is-dark .logo-on-dark,[data-tone=dark] .site-logo .logo-on-dark{display:block}.site-header[data-start=dark]:not([data-scrolled]) .site-logo .logo-on-light,.site-logo.is-dark .logo-on-light,[data-tone=dark] .site-logo .logo-on-light{display:none}.logo-tag{background:var(--color-secondary);color:var(--color-ink);rotate:-4deg}.btn-pop{isolation:isolate;background:var(--color-primary);color:var(--color-ink);box-shadow:0 3px 0 var(--color-ink-deep), 0 16px 30px -14px var(--color-primary);position:relative;overflow:hidden}.btn-pop:before{content:"";z-index:-1;background:var(--color-secondary);transition:transform .5s var(--ease-expo), border-radius .5s var(--ease-expo);border-radius:40% 40% 0 0;position:absolute;inset:0;transform:translateY(101%)}.btn-pop:hover:before{border-radius:0;transform:translateY(0)}.btn-pop:hover{translate:0 -2px}.btn-pop:active{box-shadow:0 1px 0 var(--color-ink-deep);translate:0 1px}.btn-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #fff6}.btn-ghost:hover{color:var(--color-ink);background:#fff}.btn-ink{background:var(--color-ink);color:#fff}.btn-ink:hover{background:var(--color-teal-deep)}.link-under{transition:background-size .4s var(--ease-expo), color .25s var(--ease-soft);background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 2px;padding-bottom:2px}.link-under:hover{background-size:100% 2px}.site-header{color:var(--color-text);transition:background-color .3s var(--ease-soft), color .3s var(--ease-soft), translate .4s var(--ease-expo)}.site-header[data-start=dark]:not([data-scrolled]){color:#fff}.site-header[data-scrolled]{background-color:#f4f2eed6}@supports (color:color-mix(in lab, red, red)){.site-header[data-scrolled]{background-color:color-mix(in oklab, var(--color-page) 84%, transparent)}}.site-header[data-scrolled]{-webkit-backdrop-filter:blur(16px)saturate(1.4);box-shadow:0 1px 0 var(--color-line)}.site-header[data-hidden]{translate:0 -100%}.nav-link:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.nav-link:hover{background:color-mix(in oklab, currentColor 10%, transparent)}}.nav-link[aria-current]{box-shadow:inset 0 -2px 0 var(--color-secondary);border-radius:0}.scroll-progress{z-index:60;background:linear-gradient(90deg, var(--color-primary), var(--color-sun), var(--color-secondary));transform-origin:0;height:3px;transform:scaleX(var(--progress,0));pointer-events:none;position:fixed;inset:0 0 auto}@media (prefers-reduced-motion:no-preference){.site-drawer .drawer-panel{animation:drawer-in .5s var(--ease-expo)}.site-drawer .drawer-item{animation:rise .6s var(--ease-expo) both;animation-delay:calc(.12s + var(--i,0) * 50ms)}@keyframes drawer-in{0%{translate:100%}}}@keyframes rise{0%{opacity:0;translate:0 24px}}.lang-switch{background:currentColor}@supports (color:color-mix(in lab, red, red)){.lang-switch{background:color-mix(in oklab, currentColor 10%, transparent)}}.lang-pill{background:var(--color-primary);transition:translate .45s var(--ease-spring), width .45s var(--ease-spring)}.lang-option{transition:color .25s var(--ease-soft);position:relative}.lang-option[aria-current]{color:var(--color-ink)}.lang-switch:has(.lang-option:not([aria-current]):hover) .lang-pill{width:calc(70% - .25rem)}.lang-switch:has(.lang-option:not([aria-current]):hover) .lang-option[aria-current]{color:inherit}.lang-panel{visibility:hidden;opacity:0;transform-origin:100% 0;filter:blur(6px);transition:opacity .22s var(--ease-soft), translate .45s var(--ease-expo), scale .45s var(--ease-expo), filter .3s var(--ease-soft), visibility 0s linear .3s;translate:0 -6px;scale:.96}.lang-item{opacity:0;transition:opacity .3s var(--ease-soft), translate .5s var(--ease-expo), background-color .2s var(--ease-soft);transition-delay:calc(var(--i,0) * 45ms);translate:10px}.lang-menu:hover .lang-panel,.lang-menu:focus-within .lang-panel,.lang-menu[data-open] .lang-panel{visibility:visible;opacity:1;filter:blur();transition-delay:0s;translate:0;scale:1}.lang-menu:hover .lang-item,.lang-menu:focus-within .lang-item,.lang-menu[data-open] .lang-item{opacity:1;translate:0}.lang-item:hover{background-color:var(--color-page)}.lang-code{background-color:var(--color-page);transition:scale .3s var(--ease-expo), background-color .2s var(--ease-soft)}.lang-item:hover .lang-code{scale:1.08}.lang-item[aria-current] .lang-code{background-color:var(--color-ink);color:var(--color-primary)}.lang-chevron{transition:rotate .4s var(--ease-expo)}.lang-menu:hover .lang-chevron,.lang-menu:focus-within .lang-chevron,.lang-menu[data-open] .lang-chevron{rotate:180deg}@media (prefers-reduced-motion:reduce){.lang-panel,.lang-item,.lang-chevron,.lang-code{filter:none;transition:none}}.sticker{font-family:var(--font-head);color:var(--color-ink);background:var(--color-primary);box-shadow:var(--shadow-sticker);border:2px solid var(--color-ink);white-space:nowrap;border-radius:999px;align-items:center;gap:.35rem;padding:.45rem 1rem;font-weight:800;display:inline-flex}.sticker-wrap{white-space:normal;border-radius:1.25rem}.sticker-sun,.sticker[data-tone=sun]{background:var(--color-sun)}.sticker-lilac,.sticker[data-tone=lilac]{background:var(--color-lilac)}.sticker-coral,.sticker[data-tone=secondary]{background:var(--color-secondary)}.sticker[data-tone=mint]{background:var(--color-mint)}[data-drag]{rotate:var(--r,0deg);translate:var(--dx,0px) var(--dy,0px);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;transition:scale .3s var(--ease-spring), rotate .4s var(--ease-spring), translate .6s var(--ease-spring)}[data-drag][data-dragging]{cursor:grabbing;scale:1.08;rotate:calc(var(--r,0deg) * -.5);transition:scale .3s var(--ease-spring), rotate .4s var(--ease-spring);z-index:30}@media (prefers-reduced-motion:no-preference){.scroll-cue-line{transform-origin:top;animation:cue 2.2s var(--ease-soft) infinite}@keyframes cue{0%{opacity:1;scale:1 0}60%{opacity:1;scale:1}to{opacity:0;scale:1}}@keyframes spin{to{rotate:360deg}}}.hero-video{opacity:.6}.hero-shade{background:radial-gradient(60% 55% at 50% 52%, #1d1555c7, #1d15554d 100%), linear-gradient(180deg, #1d15558c, transparent 30%, transparent 70%, var(--color-ink) 100%)}@supports (color:color-mix(in lab, red, red)){.hero-shade{background:radial-gradient(60% 55% at 50% 52%, color-mix(in srgb, var(--color-text) 78%, transparent), color-mix(in srgb, var(--color-text) 30%, transparent) 100%), linear-gradient(180deg, color-mix(in srgb, var(--color-text) 55%, transparent), transparent 30%, transparent 70%, var(--color-ink) 100%)}}.sketch-grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(75% 70% at 50% 40%,#000,#0000);mask-image:radial-gradient(75% 70% at 50% 40%,#000,#0000)}@media (prefers-reduced-motion:no-preference){.ink-word{-webkit-text-stroke:.025em currentColor;-webkit-text-fill-color:transparent;animation:ink-in .7s var(--ease-out-soft) both, ink-fill 1.1s var(--ease-expo) both;animation-delay:calc(var(--d,0) * .14s), calc(.7s + var(--d,0) * .16s);background-image:linear-gradient(90deg,currentColor 50%,#0000 50%);background-position:100% 0;background-size:205% 100%;-webkit-background-clip:text;background-clip:text;margin:-.12em -.08em;padding:.12em .08em}@keyframes ink-in{0%{opacity:0;filter:blur(6px);translate:0 .25em}}@keyframes ink-fill{to{-webkit-text-stroke-color:transparent;background-position:0 0}}.stamp-bg{animation:stamp .7s var(--ease-spring) both;animation-delay:1.5s}@keyframes stamp{0%{opacity:0;rotate:-8deg;scale:1.6}60%{opacity:1}to{opacity:1;rotate:-2deg;scale:1}}.scribble path{stroke-dasharray:1;stroke-dashoffset:1px;animation:draw 1.2s var(--ease-expo) 1.3s forwards}@keyframes draw{to{stroke-dashoffset:0}}.hero-rise{animation:rise 1s var(--ease-expo) both;animation-delay:calc(.4s + var(--d,0) * .2s)}html[data-motion=off] .ink-word,html[data-motion=off] .stamp-bg,html[data-motion=off] .scribble path{animation-duration:1ms;animation-delay:0s}}.stamp-bg{rotate:-2deg}.sketch-word{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M2 14 C 40 4, 80 18, 120 9 S 180 6, 198 12' fill='none' stroke='%2300b5bd' stroke-width='5' stroke-linecap='round'/%3E%3C/svg%3E");background-position:0 92%;background-repeat:no-repeat;background-size:100% .28em;padding-bottom:.08em}.marquee{display:flex;overflow:hidden}.marquee-track{flex-shrink:0;align-items:center;gap:1.75rem;padding-right:1.75rem;display:flex}@media (prefers-reduced-motion:no-preference){.marquee-track{animation:34s linear infinite marquee}.marquee-reverse .marquee-track{animation-duration:42s;animation-direction:reverse}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes marquee{to{translate:-100%}}[data-reveal=wait]{opacity:0;translate:0 40px}[data-reveal=in]{opacity:1;transition:opacity .8s var(--ease-out-soft), translate 1s var(--ease-expo);transition-delay:calc(var(--i,0) * 90ms);translate:0}}.words [data-word]{opacity:calc(.14 + var(--w,1) * .86);transition:opacity .2s linear}.media-pill{vertical-align:-.04em;background:var(--color-ink);border-radius:999px;width:1.9em;height:.82em;margin-inline:.06em;display:inline-block;overflow:hidden;rotate:-3deg}.media-pill:nth-of-type(2){rotate:3deg}.media-pill video{object-fit:cover;width:100%;height:100%}.stat-cell{transition:background-color .3s var(--ease-soft)}.stat-cell:hover{background:var(--color-mint)}[data-tone=primary]{--tone:var(--color-primary)}[data-tone=lilac]{--tone:var(--color-lilac)}[data-tone=sun]{--tone:var(--color-sun)}[data-tone=secondary]{--tone:var(--color-secondary)}[data-tone=mint]{--tone:var(--color-mint)}.tone-dot{background:var(--tone,var(--color-primary))}.draw-path{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--draw,1))}.step-num{-webkit-text-stroke:1.5px var(--color-ink);color:#0000;transition:color .4s var(--ease-soft)}.step-card:hover .step-num{color:var(--color-primary)}.artboard .ab{border:2px dashed #1d155559;border-radius:.5rem;position:absolute}@supports (color:color-mix(in lab, red, red)){.artboard .ab{border:2px dashed color-mix(in oklab, var(--color-ink) 35%, transparent)}}.artboard .ab{transition:background-color .6s var(--ease-soft), border-color .6s var(--ease-soft), translate .6s var(--ease-spring);background:0 0}.ab-bar{height:9%;inset:8% 8% auto}.ab-title{width:52%;height:11%;top:25%;left:8%}.ab-line-1{width:44%;height:5%;top:41%;left:8%}.ab-line-2{width:36%;height:5%;top:50%;left:8%}.ab-circle{aspect-ratio:1;border-radius:999px;width:30%;top:26%;right:9%}.ab-box{width:84%;height:18%;bottom:9%;left:8%}.ab-btn{border-radius:999px;width:26%;height:9%;top:61%;left:8%}.artboard[data-state=sketch]{background-image:radial-gradient(#1d15552e 1px,#0000 1px)}@supports (color:color-mix(in lab, red, red)){.artboard[data-state=sketch]{background-image:radial-gradient(color-mix(in oklab, var(--color-ink) 18%, transparent) 1px, transparent 1px)}}.artboard[data-state=sketch]{background-size:14px 14px}.artboard[data-state=half] .ab-title,.artboard[data-state=half] .ab-circle{background:var(--color-mint);border-style:solid;border-color:var(--color-ink)}.artboard[data-state=half] .ab-bar{border-style:solid;border-color:var(--color-ink)}.artboard[data-state=solid] .ab{border:0}.artboard[data-state=solid] .ab-bar,.artboard[data-state=solid] .ab-title{background:var(--color-ink)}.artboard[data-state=solid] .ab-line-1,.artboard[data-state=solid] .ab-line-2{background:#c7c5d5}@supports (color:color-mix(in lab, red, red)){.artboard[data-state=solid] .ab-line-1,.artboard[data-state=solid] .ab-line-2{background:color-mix(in oklab, var(--color-ink) 25%, white)}}.artboard[data-state=solid] .ab-circle{background:var(--color-primary)}.artboard[data-state=solid] .ab-box{background:var(--color-sun)}.artboard[data-state=solid] .ab-btn{background:var(--color-secondary)}.step-card:hover .ab-circle{translate:0 -6px}.step-card:hover .ab-btn{translate:4px}.quote-card{background:var(--tone,var(--color-primary));color:var(--color-ink);rotate:var(--r,0deg);transition:rotate .5s var(--ease-spring), translate .5s var(--ease-spring), box-shadow .4s var(--ease-soft)}.quote-card:hover{box-shadow:var(--shadow-lift);translate:0 -6px;rotate:0deg}.faq-icon{transition:rotate .5s var(--ease-spring), background-color .3s var(--ease-soft)}.faq-item[open] .faq-icon{background:var(--color-primary);rotate:45deg}.faq-item summary:hover .faq-icon{background:var(--color-mint)}@media (prefers-reduced-motion:no-preference){.faq-item[open] .faq-answer{animation:rise .5s var(--ease-expo)}}.footer-glow{background:radial-gradient(50% 60% at 85% 10%,#00b5bd40,#0000 70%),radial-gradient(40% 50% at 0 100%,#b9a4ff2e,#0000 70%)}@supports (color:color-mix(in lab, red, red)){.footer-glow{background:radial-gradient(50% 60% at 85% 10%, color-mix(in srgb, var(--color-primary) 25%, transparent), transparent 70%), radial-gradient(40% 50% at 0% 100%, #b9a4ff2e, transparent 70%)}}.door{transition:translate .5s var(--ease-spring)}.door:hover{translate:0 -4px}.door-teal{background:var(--color-primary);color:var(--color-ink)}.door-ghost{color:#fff;box-shadow:inset 0 0 0 1.5px #ffffff40}.door-fill{background:var(--color-secondary);transition:transform .6s var(--ease-expo), border-radius .6s var(--ease-expo);border-radius:50% 50% 0 0;transform:translateY(101%)}.door:hover .door-fill{border-radius:0;transform:translateY(0)}.door:hover{color:var(--color-ink)}.door-arrow{background:var(--color-ink);color:var(--color-primary);transition:rotate .6s var(--ease-spring)}.door-ghost .door-arrow{background:var(--color-primary);color:var(--color-ink)}.door:hover .door-arrow{background:var(--color-ink);color:var(--color-secondary);rotate:45deg}.door-text{opacity:.75}.social-chip:hover{color:var(--color-ink);background:#fff;border-color:#fff}.cursor-dot{z-index:80;background:var(--color-primary);width:6rem;height:6rem;color:var(--color-ink);font-family:var(--font-head);pointer-events:none;transition:scale .4s var(--ease-spring);border-radius:999px;place-items:center;font-size:.9rem;font-weight:800;display:grid;position:fixed;top:-3rem;left:-3rem;scale:0}.cursor-dot[data-visible]{scale:1}html[data-motion=off] .marquee-track,html[data-motion=off] .scroll-cue-line{animation-play-state:paused}.video-dialog[open]{animation:rise .5s var(--ease-expo)}.piwu-credit{display:none}body>p:has(>a[href="https://piwu.tr"]):not(.piwu-credit){display:none!important}.chapter-num{background:var(--color-ink);color:var(--color-primary)}.chapter-label{color:var(--color-teal-deep)}.chapter-mark.is-dark .chapter-num{background:var(--color-primary);color:var(--color-ink)}.chapter-mark.is-dark .chapter-label{color:var(--color-primary)}.chapter-nav{opacity:0;pointer-events:none;transition:opacity .4s var(--ease-soft), translate .5s var(--ease-expo);translate:1rem -50%}.chapter-nav[data-visible]{opacity:1;pointer-events:auto;translate:0 -50%}.chapter-dot{position:relative}.chapter-dot-num{color:#1d15558c}@supports (color:color-mix(in lab, red, red)){.chapter-dot-num{color:color-mix(in oklab, var(--color-ink) 55%, transparent)}}.chapter-dot-num{transition:background-color .3s var(--ease-soft), color .3s var(--ease-soft), scale .4s var(--ease-spring)}.chapter-dot:hover .chapter-dot-num{color:var(--color-ink);background:var(--color-page)}.chapter-dot[aria-current] .chapter-dot-num{background:var(--color-primary);color:var(--color-ink);scale:1.08}.chapter-dot-label{opacity:0;transition:opacity .25s var(--ease-soft), translate .4s var(--ease-expo);translate:6px}.chapter-dot:hover .chapter-dot-label,.chapter-dot:focus-visible .chapter-dot-label{opacity:1;translate:0}.chip span{background:var(--color-page);min-height:2.75rem;box-shadow:inset 0 0 0 1px var(--color-line);transition:background-color .25s var(--ease-soft), color .25s var(--ease-soft);border-radius:999px;align-items:center;gap:.4rem;padding:0 1.1rem;font-size:.875rem;font-weight:700;display:inline-flex}.chip-block span{text-align:center;justify-content:center;width:100%;display:flex}.chip input:checked+span{background:var(--color-ink);color:#fff;box-shadow:none}.chip input:focus-visible+span{outline:3px solid var(--color-text);outline-offset:3px}.field{position:relative}.field input,.field textarea{background:var(--color-page);width:100%;box-shadow:inset 0 0 0 1px var(--color-line);resize:vertical;transition:box-shadow .25s var(--ease-soft), background-color .25s var(--ease-soft);border-radius:1rem;outline:none;padding:1.55rem 1.1rem .6rem;font-weight:600}.field input:focus,.field textarea:focus{box-shadow:inset 0 0 0 2px var(--color-primary);background:#fff}.field label{color:#1d1555b3;font-size:.9375rem;font-weight:600;position:absolute;top:1.05rem;left:1.1rem}@supports (color:color-mix(in lab, red, red)){.field label{color:color-mix(in oklab, var(--color-text) 70%, transparent)}}.field label{pointer-events:none;transform-origin:0 0;transition:translate .25s var(--ease-expo), scale .25s var(--ease-expo), color .25s}.field input:focus+label,.field input:not(:placeholder-shown)+label,.field textarea:focus+label,.field textarea:not(:placeholder-shown)+label{color:var(--color-teal-deep);translate:0 -.6rem;scale:.78}.pick-card{transition:box-shadow .25s var(--ease-soft), background-color .25s var(--ease-soft), translate .4s var(--ease-spring)}.pick:hover .pick-card{translate:0 -2px}.pick input:checked+.pick-card{box-shadow:inset 0 0 0 2px var(--color-ink), var(--shadow-card);background:#fff}.pick input:focus-visible+.pick-card{outline:3px solid var(--color-text);outline-offset:3px}.pick-check{opacity:0;transition:opacity .25s var(--ease-soft), scale .4s var(--ease-spring);scale:.5}.pick input:checked~.pick-check{opacity:1;scale:1}[data-brief-ready] .brief-panel:not([data-active]){display:none}[data-brief-ready] .brief-panel+.brief-panel{margin-top:0}[data-brief-sent] [data-brief-chrome],[data-brief-sent] .brief-panel{display:none}.brief-bar{transition:scale .6s var(--ease-expo);scale:0 1}.brief-step[data-done] .brief-bar,.brief-step[aria-current=step] .brief-bar{scale:1}.brief-dot{background:var(--color-line);color:var(--color-text)}.brief-step[aria-current=step] .brief-dot,.brief-step[data-done] .brief-dot{background:var(--color-ink);color:#fff}.brief-dialog{background:0 0;border:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;padding:0;overflow:visible}.brief-dialog::backdrop{background:color-mix(in srgb, color-mix(in srgb, var(--color-text), black 36%) 70%, transparent)}@supports (color:color-mix(in lab, red, red)){.brief-dialog::backdrop{background:color-mix(in srgb, var(--color-ink-deep) 70%, transparent)}}.brief-dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brief-sheet{height:100%}html:has(.brief-dialog[open]){overflow:hidden}@media (width>=40rem){.brief-dialog{width:min(66rem,100vw - 3rem);height:min(48rem,100dvh - 3rem);max-height:calc(100dvh - 3rem);margin:auto}.brief-sheet{height:min(48rem,100dvh - 3rem);box-shadow:var(--shadow-float);border-radius:2rem;overflow:hidden}}@media (prefers-reduced-motion:no-preference){[data-brief-ready] .brief-panel[data-active]{animation:rise .6s var(--ease-expo) both}.brief-dialog[open] .brief-sheet{animation:sheet-up .6s var(--ease-expo)}.brief-dialog[open]::backdrop{animation:.3s ease-out fade-in}.brief-done:not(.hidden) .done-burst{animation:burst .9s var(--ease-spring) both}@keyframes sheet-up{0%{translate:0 100%}}@keyframes fade-in{0%{opacity:0}}@keyframes burst{0%{scale:0}60%{scale:1.15}}@media (width>=40rem){.brief-dialog[open] .brief-sheet{animation-name:sheet-pop}@keyframes sheet-pop{0%{opacity:0;translate:0 24px;scale:.94}}}}.contact-card{transition:background-color .3s var(--ease-soft), translate .5s var(--ease-spring);background:#ffffff0a}.contact-card:hover{background:#ffffff1a;translate:0 -3px}.contact-form [data-brief-scroll]{overflow:visible}@media (width>=64rem){.contact-form [data-brief-scroll]{min-height:34rem}}.door-card{background:var(--tone,var(--color-primary));color:var(--color-ink);transition:translate .5s var(--ease-spring), rotate .5s var(--ease-spring)}.door-card:nth-child(odd){rotate:-1.2deg}.door-card:nth-child(2n){rotate:1.2deg}.door-card:hover{translate:0 -4px;rotate:0deg}@media (prefers-reduced-motion:no-preference){.doors[data-reveal=in] .door-card{animation:door-in .9s var(--ease-expo) both;animation-delay:calc(var(--k) * 90ms)}.doors[data-reveal=in] .door-card:first-child{--from:-40px -30px}.doors[data-reveal=in] .door-card:nth-child(2){--from:40px -30px}.doors[data-reveal=in] .door-card:nth-child(3){--from:-40px 30px}.doors[data-reveal=in] .door-card:nth-child(4){--from:40px 30px}.doors[data-reveal=in] .doors-seal{animation:seal-in .7s var(--ease-spring) .6s both}@keyframes door-in{0%{opacity:0;translate:var(--from,0 30px)}}@keyframes seal-in{0%{opacity:0;rotate:-10deg;scale:1.6}}}.flow-media{opacity:0;transition:opacity .7s var(--ease-soft)}.flow-media[data-active]{opacity:1}.stage-shade{background:linear-gradient(90deg, color-mix(in srgb, color-mix(in srgb, var(--color-text), black 36%) 88%, transparent), color-mix(in srgb, color-mix(in srgb, var(--color-text), black 36%) 45%, transparent) 55%, color-mix(in srgb, color-mix(in srgb, var(--color-text), black 36%) 60%, transparent))}@supports (color:color-mix(in lab, red, red)){.stage-shade{background:linear-gradient(90deg, color-mix(in srgb, var(--color-ink-deep) 88%, transparent), color-mix(in srgb, var(--color-ink-deep) 45%, transparent) 55%, color-mix(in srgb, var(--color-ink-deep) 60%, transparent))}}.stage-step{transition:box-shadow .4s var(--ease-soft), opacity .5s var(--ease-soft), scale .6s var(--ease-expo), filter .5s var(--ease-soft)}.stage-step[data-active]{box-shadow:inset 0 0 0 1.5px var(--color-primary), var(--shadow-float)}@media (width>=64rem){.stage-step{background:var(--color-ink);top:20svh}.stage-step:has(~.stage-step[data-active]){opacity:0;filter:blur(4px);scale:.92}}.grid-img{transition:scale .9s var(--ease-expo)}.strip a:hover .grid-img{scale:1.06}.strip{scrollbar-width:none}.strip::-webkit-scrollbar{display:none}.work-arrow{opacity:0;transition:scale .5s var(--ease-spring), opacity .3s var(--ease-soft), rotate .5s var(--ease-spring);scale:.85}.work-card:hover .work-arrow,.work-card:focus-visible .work-arrow{opacity:1;rotate:45deg;scale:1}.cat-chip{box-shadow:inset 0 0 0 1.5px var(--color-line);transition:background-color .25s var(--ease-soft), color .25s var(--ease-soft)}.cat-chip:hover{background:var(--color-mint)}.cat-chip[aria-current]{background:var(--color-ink);color:#fff;box-shadow:none}.story-step{counter-increment:story}.story-step-num:before{content:"0" counter(story)}.story-steps{counter-reset:story}.sub-card{transition:translate .5s var(--ease-spring), box-shadow .4s var(--ease-soft)}.sub-card:hover{box-shadow:var(--shadow-lift);translate:0 -4px}.prose-piwu{color:#1d1555d9;font-size:1.125rem;line-height:1.75}@supports (color:color-mix(in lab, red, red)){.prose-piwu{color:color-mix(in oklab, var(--color-text) 85%, transparent)}}.prose-piwu>*+*{margin-top:1.25em}.prose-piwu h2{font-family:var(--font-head);letter-spacing:-.02em;color:var(--color-text);margin-top:2em;font-size:1.75rem;font-weight:800;line-height:1.15}.prose-piwu h3{font-family:var(--font-head);color:var(--color-text);margin-top:1.6em;font-size:1.35rem;font-weight:800}.prose-piwu ul{padding:0;list-style:none}.prose-piwu ul>li{padding-left:1.6em;position:relative}.prose-piwu ul>li+li{margin-top:.5em}.prose-piwu ul>li:before{content:"";background:var(--color-primary);border-radius:999px;width:.55em;height:.55em;position:absolute;top:.7em;left:.2em}.prose-piwu blockquote{border-radius:var(--radius-card);background:var(--color-mint);font-family:var(--font-head);color:var(--color-ink);margin-top:2em;padding:1.5rem 1.75rem;font-size:1.35rem;font-weight:700;line-height:1.35}.prose-piwu a{color:var(--color-teal-deep);text-underline-offset:4px;font-weight:700;text-decoration:underline}.prose-piwu strong{color:var(--color-text)}.concept-word{-webkit-text-stroke:2px var(--color-ink);color:#0000;transition:color .6s var(--ease-soft)}.concept-word:hover{color:var(--color-ink)}div:has(>.concept-word){grid-template-columns:minmax(0,1fr);align-items:start;gap:1.5rem;container-type:inline-size}div:has(>.concept-word)>.concept-word{white-space:nowrap;font-size:min(12rem,16cqi)}div:has(>.concept-word)>.concept-word+div{max-width:48rem;padding-bottom:0}.paper{background-color:#efe9df;background-image:radial-gradient(#1d155524 1px,#0000 1px)}@supports (color:color-mix(in lab, red, red)){.paper{background-image:radial-gradient(color-mix(in oklab, var(--color-ink) 14%, transparent) 1px, transparent 1px)}}.paper{background-size:18px 18px}.taped:before,.taped:after{content:"";background:#ffecaabf;width:5.5rem;height:1.6rem;position:absolute;box-shadow:0 1px 2px #00000014}.taped:before{top:-.7rem;left:8%;rotate:-6deg}.taped:after{top:-.7rem;right:8%;rotate:5deg}.device-browser{box-shadow:var(--shadow-float), 0 0 0 1px #ffffff14;background:#fff;border-radius:1.25rem;overflow:hidden}.device-light{box-shadow:var(--shadow-lift), 0 0 0 1px var(--color-line)}.device-bar{background:#f2f1f5;align-items:center;gap:.5rem;height:2.4rem;padding-inline:1rem;display:flex}.device-bar i{background:#d7d4df;border-radius:999px;width:.7rem;height:.7rem}.device-bar span{color:#1d155599;background:#e6e4ec;border-radius:999px;flex:1;max-width:22rem;margin-left:1rem;padding:.15rem .9rem;font-size:.75rem;font-weight:600}@supports (color:color-mix(in lab, red, red)){.device-bar span{color:color-mix(in oklab, var(--color-ink) 60%, transparent)}}.device-phone{border:.6rem solid var(--color-ink-deep);background:var(--color-ink-deep);box-shadow:var(--shadow-float);border-radius:2.6rem;overflow:hidden}.swatch-chip{transition:translate .5s var(--ease-spring)}.swatch:hover .swatch-chip{translate:0 -6px}.p-mark path{stroke-width:4px}.page-art-badge{rotate:var(--r,0deg)}@media (prefers-reduced-motion:no-preference){.page-art-orbit{animation:40s linear infinite spin}.page-art-badge{animation:art-float 5s var(--ease-soft) infinite alternate;animation-delay:var(--d,0s)}.p-mark path{stroke-dasharray:1;stroke-dashoffset:1px;fill-opacity:0;animation:draw 1.6s var(--ease-out-soft) .3s forwards, p-fill .8s var(--ease-soft) 1.5s forwards}@keyframes art-float{to{translate:0 -10px}}@keyframes p-fill{to{fill-opacity:1}}}html[data-motion=off] .page-art-orbit,html[data-motion=off] .page-art-badge{animation:none}@keyframes spin{to{transform:rotate(360deg)}}