:root{--sakura:var(--color-sakura);--sakura-hot:var(--color-focus);--ink:var(--color-ink);--paper:var(--color-on-dark)}@font-face{font-family:Satoshi Variable;src:url(/fonts/Satoshi-Variable.ttf)format("truetype");font-style:normal;font-weight:300 900;font-display:swap}*{box-sizing:border-box}html,body{background:var(--color-dark-deep);min-height:100%;color:var(--color-on-dark);font-family:var(--font-body);margin:0;overflow:clip auto}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}button:focus-visible{outline:3px solid var(--color-focus);outline-offset:4px}.dl{font-family:var(--font-outlier);letter-spacing:.04em;font-weight:500}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.experience{position:fixed;inset:0}.experience__canvas{filter:blur();transition:transform .62s cubic-bezier(.22, .8, .24, 1), filter .62s var(--ease-out);inset:0;transform:scale(1);position:absolute!important}.experience__transition{z-index:28;background:radial-gradient(circle at 50% 42%, color-mix(in oklch, var(--color-dark-deep) 20%, transparent), transparent 46%), color-mix(in oklch, var(--color-dark-deep) 92%, transparent);opacity:0;pointer-events:none;transition:opacity .26s cubic-bezier(.22,.8,.24,1);position:absolute;inset:0}.experience[data-navigation-state=leaving] .experience__canvas,.experience[data-navigation-state=returning] .experience__canvas{filter:blur(5px);transform:scale(1.045)}.experience[data-navigation-state=leaving] .experience__transition,.experience[data-navigation-state=returning] .experience__transition{opacity:1}.experience[data-navigation-state=arriving] .experience__transition{opacity:.26;transition-duration:.62s}.pill{align-items:center;gap:var(--space-2);border:2px solid color-mix(in oklch, var(--color-on-dark) 92%, transparent);padding:var(--space-3) var(--space-5);color:var(--color-on-dark);letter-spacing:.06em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:background .22s var(--ease-out), color .22s var(--ease-out), border-color .22s var(--ease-out), transform .22s var(--ease-out);border-radius:999px;font-size:.82rem;display:inline-flex}button.pill:hover{background:var(--sakura);border-color:var(--sakura);color:var(--color-dark);transform:translateY(-2px)}.pill--static{pointer-events:none}.pill--solid{background:color-mix(in oklch, var(--color-dark-deep) 82%, transparent);border-color:color-mix(in oklch, var(--color-dark-deep) 82%, transparent)}.pill__emoji{font-size:1.05em}@property --loader-progress{syntax:"<angle>";inherits:true;initial-value:0deg}.preloader{z-index:90;background:radial-gradient(circle at 50% 42%, color-mix(in oklch, var(--color-sakura) 52%, transparent), transparent 28%), radial-gradient(circle at 14% 8%, color-mix(in oklch, var(--color-sakura) 12%, transparent), transparent 34%), linear-gradient(145deg, var(--color-dark) 0%, var(--color-dark) 52%, var(--color-dark-deep) 100%);isolation:isolate;opacity:1;contain:layout paint style;will-change:opacity, transform;transition:opacity .36s var(--ease-out), transform .36s var(--ease-out);position:fixed;inset:0;overflow:hidden;transform:translateZ(0)}.preloader:before{z-index:0;background-image:radial-gradient(color-mix(in oklch, var(--color-on-dark) 12%, transparent) .55px, transparent .65px);content:"";opacity:.14;pointer-events:none;background-size:5px 5px;position:absolute;inset:0}.preloader:after{z-index:1;aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklch, var(--color-sakura) 8%, transparent), transparent 64%);content:"";pointer-events:none;border-radius:50%;width:min(74vw,720px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preloader--leaving{opacity:0;pointer-events:none;transform:scale(1.018)}.preloader--leaving .preloader__progress{transform:translate(-50%,-50%)scale(1.035)}.preloader__atmosphere{z-index:2;pointer-events:none;position:absolute;inset:0}.preloader__atmosphere span{background:color-mix(in oklch, var(--color-sakura) 52%, transparent);opacity:.42;backface-visibility:hidden;will-change:transform, opacity;border-radius:80% 18% 72% 24%;width:13px;height:7px;animation:8.5s linear infinite loader-petal-drift;position:absolute;top:-8%;left:12%;transform:rotate(28deg)}.preloader__atmosphere span:nth-child(2){width:8px;height:5px;animation-duration:10.8s;animation-delay:-5.3s;left:27%}.preloader__atmosphere span:nth-child(3){width:16px;height:8px;animation-duration:12.4s;animation-delay:-8.1s;left:39%}.preloader__atmosphere span:nth-child(4){width:7px;height:4px;animation-duration:9.7s;animation-delay:-2.7s;left:54%}.preloader__atmosphere span:nth-child(5){width:11px;height:6px;animation-duration:11.3s;animation-delay:-6.4s;left:67%}.preloader__atmosphere span:nth-child(6){width:15px;height:8px;animation-duration:13.1s;animation-delay:-9.2s;left:82%}.preloader__atmosphere span:nth-child(7){width:8px;height:5px;animation-duration:10.2s;animation-delay:-4.6s;left:92%}.preloader__atmosphere span:nth-child(8){width:9px;height:5px;animation-duration:12.8s;animation-delay:-10.1s;left:4%}.preloader__atmosphere span:nth-child(9){width:14px;height:7px;animation-duration:11.8s;animation-delay:-1.8s;left:20%}.preloader__atmosphere span:nth-child(10){width:10px;height:5px;animation-duration:13.6s;animation-delay:-7.5s;left:46%}.preloader__atmosphere span:nth-child(11){width:7px;height:4px;animation-duration:9.4s;animation-delay:-3.9s;left:61%}.preloader__atmosphere span:nth-child(12){width:13px;height:7px;animation-duration:14.2s;animation-delay:-11.2s;left:74%}.preloader__atmosphere span:nth-child(13){width:9px;height:5px;animation-duration:10.6s;animation-delay:-6.9s;left:87%}.preloader__atmosphere span:nth-child(14){width:7px;height:4px;animation-duration:12.1s;animation-delay:-4.2s;left:34%}.preloader__progress{z-index:3;aspect-ratio:1;width:clamp(300px,34vw,410px);color:var(--color-sakura-soft);backface-visibility:hidden;will-change:transform;place-items:center;transition:transform .65s cubic-bezier(.2,.8,.2,1);display:grid;position:absolute;top:calc(50% - 30px);left:50%;transform:translate(-50%,-50%)}.preloader__progress-ring{z-index:1;border:1px solid color-mix(in oklch, var(--color-sakura) 12%, transparent);width:78%;height:78%;color:var(--color-sakura);transform-origin:50%;transition:--loader-progress .26s cubic-bezier(.22, .72, .28, 1), color .32s var(--ease-out), opacity .42s var(--ease-out), transform .65s cubic-bezier(.2, .8, .2, 1);border-radius:50%;position:absolute;inset:11%}.preloader__progress-ring:after{border-radius:inherit;background:conic-gradient(from -90deg, currentColor 0deg var(--loader-progress), transparent var(--loader-progress) 360deg);content:"";-webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 1.4px), var(--color-dark-deep) 0);mask:radial-gradient(farthest-side, transparent calc(100% - 1.4px), var(--color-dark-deep) 0);position:absolute;inset:-1px}.preloader[data-loader-state=scene] .preloader__progress-ring{color:var(--color-sakura)}.preloader[data-loader-state=finishing] .preloader__progress-ring{color:var(--color-sakura);transition:--loader-progress .48s cubic-bezier(.18, .82, .24, 1), color .32s var(--ease-out), opacity .42s var(--ease-out), transform .65s cubic-bezier(.2, .8, .2, 1)}.preloader[data-loader-state=opening] .preloader__progress-ring{opacity:.82;color:var(--color-sakura);transform:scale(1.018)}.preloader__mark{z-index:2;background:radial-gradient(circle at 50% 46%, color-mix(in oklch, var(--color-sakura) 7.0%, transparent), transparent 62%);border-radius:50%;place-items:center;display:grid;position:absolute;inset:11%}.preloader__tree{transform-origin:50% 72%;backface-visibility:hidden;will-change:transform;width:82%;overflow:visible}.preloader[data-motion=on] .preloader__tree{animation:loader-tree-breathe 4.8s var(--ease-in-out) infinite alternate}.preloader__branches path{fill:none;stroke:var(--color-blush);stroke-dasharray:1;stroke-linecap:round;stroke-linejoin:round;stroke-width:3px;transition:stroke-dashoffset .18s var(--ease-out)}.preloader__blossom{transform-box:fill-box;transform-origin:50%;transition:opacity .22s var(--ease-out)}.preloader__blossom ellipse,.preloader__blossom:nth-child(3n) ellipse{fill:var(--color-sakura)}.preloader__blossom circle{fill:var(--color-amber)}.preloader__copy{gap:12px;width:min(78vw,330px);display:grid;position:absolute;top:calc(100% + 26px);left:50%;transform:translate(-50%)}.preloader__brand{letter-spacing:-.035em;text-align:center;font-size:clamp(1.35rem,2vw,1.72rem);line-height:1}.preloader__status{color:color-mix(in oklch, var(--color-sakura) 56.0%, transparent);font-family:var(--font-body);letter-spacing:.11em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:20px;font-size:.68rem;font-weight:500;display:flex}.preloader[data-loader-state=finishing] .preloader__status,.preloader[data-loader-state=opening] .preloader__status{justify-content:center}.preloader__status>span:last-child{font-variant-numeric:tabular-nums;text-align:right;min-width:4ch}@keyframes loader-tree-breathe{0%{transform:rotate(-.6deg)scale(.992)}to{transform:rotate(.7deg)scale(1.008)}}@keyframes loader-petal-drift{0%{opacity:0;transform:translate(-2vw,-8vh)rotate(18deg)}14%{opacity:.46}82%{opacity:.32}to{opacity:0;transform:translate(9vw,116vh)rotate(310deg)}}@media (max-width:560px){.preloader:after{width:118vw}.preloader__progress{width:min(84vw,340px);top:calc(50% - 28px)}.preloader__copy{top:calc(100% + 22px)}}@media (prefers-reduced-motion:reduce){.preloader__atmosphere span,.preloader__tree,.preloader__progress-ring,.preloader__branches path,.preloader__blossom{transition:none;animation:none}}html:lang(zh-CN){--font-body:var(--font-cjk-sc);--font-display:var(--font-cjk-sc)}html:lang(zh-HK){--font-body:var(--font-cjk-hk);--font-display:var(--font-cjk-hk)}.language-selector{min-width:0;min-height:44px;padding-inline:var(--space-3);border:1px solid var(--line-dark);border-radius:var(--radius-pill);background:var(--surface-dark);color:var(--color-on-dark);cursor:pointer;outline-offset:2px;transition:background-color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);outline:2px solid #0000;flex:none;align-items:center;display:inline-flex;position:relative}.language-selector select{appearance:auto;width:3.25rem;min-height:42px;color:inherit;cursor:inherit;font:inherit;font-size:var(--text-caption);background:0 0;border:0;outline:0;padding:0;font-weight:700}.language-selector:focus-within,.language-selector.is-focus{outline-color:var(--color-focus)}.language-selector:active,.language-selector.is-active{transform:translateY(1px)}.language-selector.is-loading{opacity:.55;cursor:not-allowed;filter:saturate(.35)}.language-selector:has(select:disabled){opacity:.55;cursor:not-allowed;filter:saturate(.35)}.language-selector.is-error{border-color:var(--color-error)}.language-selector[data-state=success],.language-selector.is-success{border-style:solid}.scroll-portfolio[data-scene-mode=morning][data-header-solid=false] .language-selector--header{border-color:color-mix(in oklch, var(--color-ink) 22%, transparent);background:color-mix(in oklch, var(--color-paper-raised) 58%, transparent);color:var(--color-ink)}.inner-header{grid-template-columns:auto minmax(0,1fr) auto}.language-selector--inner{border-color:var(--line-light);background:var(--color-paper-raised);color:var(--color-ink)}.language-selector--demo{border-color:var(--line-light);background:var(--color-paper-raised);min-height:36px;color:var(--color-ink)}.language-selector--demo select{min-height:34px;font-size:var(--text-caption)}@media (hover:hover) and (pointer:fine){.language-selector:hover,.language-selector.is-hover{border-color:var(--color-sakura);background:var(--surface-dark-hover);color:var(--color-sakura)}.language-selector--inner:hover,.language-selector--demo:hover{background:var(--color-paper-deep);color:var(--color-ink)}}@media (max-width:620px){.language-selector{padding-inline:var(--space-2)}.language-selector select{width:3.1rem}.inner-header__nav a:not(:last-child){display:none}}@media (prefers-reduced-motion:reduce){.language-selector{transition:none}}.performance-overlay{z-index:30;border:1px solid color-mix(in oklch, var(--color-on-dark) 18%, transparent);background:color-mix(in oklch, var(--color-dark-deep) 78%, transparent);width:184px;color:color-mix(in oklch, var(--color-on-dark) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:none;border-radius:10px;padding:12px;font:11px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;top:18px;left:18px}.performance-overlay>span{color:color-mix(in oklch, var(--color-on-dark) 58.0%, transparent);letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px;font-size:10px;display:block}.performance-overlay dl{gap:4px;margin:0;display:grid}.performance-overlay dl div{justify-content:space-between;gap:12px;display:flex}.performance-overlay dt,.performance-overlay dd{margin:0}.performance-overlay dd{font-variant-numeric:tabular-nums}.scene-note{z-index:25;bottom:max(28px, env(safe-area-inset-bottom));border:1px solid color-mix(in oklch, var(--color-on-dark) 42%, transparent);max-width:min(80vw,360px);color:var(--color-on-dark);background:color-mix(in oklch, var(--color-dark-deep) 62%, transparent);box-shadow:0 12px 30px color-mix(in oklch, var(--color-dark-deep) 18%, transparent);letter-spacing:.06em;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:fade-up .22s var(--ease-out) both;pointer-events:none;border-radius:999px;padding:12px 16px;font-size:.68rem;position:absolute;left:50%;transform:translate(-50%)}.section-drawer{z-index:30;background:color-mix(in oklch, var(--color-dark-deep) 24%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);place-items:center;padding:clamp(76px,11vh,120px) clamp(20px,5vw,72px) clamp(72px,12vh,132px);animation:.62s cubic-bezier(.22,.8,.24,1) both drawer-arrive;display:grid;position:absolute;inset:0}.section-drawer__panel{border:1px solid color-mix(in oklch, var(--color-on-dark) 56.0%, transparent);background:linear-gradient(135deg, color-mix(in oklch, var(--color-dark-deep) 94%, transparent), color-mix(in oklch, var(--color-dark-deep) 90%, transparent));width:min(100%,1060px);max-height:100%;box-shadow:0 24px 90px color-mix(in oklch, var(--color-dark-deep) 40%, transparent);scrollbar-width:thin;border-radius:24px;padding:clamp(24px,4vw,48px);overflow:auto}.section-drawer__header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.section-drawer__header h2{max-width:700px;margin:8px 0 0;font-size:clamp(1.6rem,3.5vw,3.2rem);font-weight:400;line-height:1.06}.section-drawer__close{border:1px solid color-mix(in oklch, var(--color-on-dark) 50%, transparent);width:42px;height:42px;transition:background .18s var(--ease-out), transform .18s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid}.section-drawer__close:hover{background:color-mix(in oklch, var(--color-sakura) 22%, transparent);transform:rotate(8deg)}.section-drawer__grid{gap:12px;display:grid}.section-drawer__grid--work{grid-template-columns:repeat(3,minmax(0,1fr))}.section-drawer__grid--capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.drawer-card{border:1px solid color-mix(in oklch, var(--color-on-dark) 22%, transparent);background:color-mix(in oklch, var(--color-on-dark) 7.0%, transparent);border-radius:16px;min-width:0;padding:20px}.drawer-card__index,.drawer-card__meta,.drawer-card strong,.drawer-process>article>span{color:var(--sakura);letter-spacing:.1em;font-size:.62rem}.drawer-card__index{margin-bottom:36px;font-size:1.5rem}.drawer-card__meta,.drawer-card p,.drawer-process p,.drawer-contact p{color:color-mix(in oklch, var(--color-on-dark) 72%, transparent);margin:0;font-size:.76rem;line-height:1.6}.drawer-card h3,.drawer-process h3{margin:8px 0 12px;font-size:1.1rem;font-weight:500}.drawer-card strong{margin:20px 0 12px;font-weight:500;display:block}.drawer-card__tags,.drawer-contact__socials{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.drawer-card__tags span{border:1px solid color-mix(in oklch, var(--color-on-dark) 22%, transparent);color:color-mix(in oklch, var(--color-on-dark) 68%, transparent);border-radius:999px;padding:4px 8px;font-size:.6rem}.drawer-card__icon{width:38px;height:38px;color:var(--sakura);background:color-mix(in oklch, var(--color-sakura) 12%, transparent);border-radius:10px;place-items:center;display:grid}.drawer-process{gap:0;margin-top:40px;display:grid}.drawer-process__intro{letter-spacing:.08em;color:var(--sakura)!important;margin-bottom:4px!important;font-size:.68rem!important}.drawer-process article{border-top:1px solid color-mix(in oklch, var(--color-on-dark) 20%, transparent);grid-template-columns:56px 1fr;gap:20px;padding:20px 0;display:grid}.drawer-process article:last-child{border-bottom:1px solid color-mix(in oklch, var(--color-on-dark) 20%, transparent)}.drawer-process h3{margin-top:0}.drawer-contact{max-width:640px}.drawer-contact__email,.drawer-contact__socials a{color:var(--color-on-dark);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.drawer-contact__email{border:1px solid color-mix(in oklch, var(--color-on-dark) 50%, transparent);background:color-mix(in oklch, var(--color-sakura) 13%, transparent);border-radius:999px;margin-top:28px;padding:12px 16px;font-size:.78rem}.drawer-contact__socials a{color:color-mix(in oklch, var(--color-on-dark) 72%, transparent);margin-right:20px;padding:8px 0;font-size:.7rem}.drawer-contact__email:hover,.drawer-contact__socials a:hover{color:var(--sakura)}.drawer-about{gap:20px;max-width:720px;display:grid}.drawer-about p{color:color-mix(in oklch, var(--color-on-dark) 80%, transparent);margin:0;font-size:clamp(1rem,1.8vw,1.35rem);line-height:1.55}@keyframes drawer-fade{0%{opacity:0}to{opacity:1}}@keyframes drawer-arrive{0%{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}.chrome{z-index:20;opacity:0;transition:opacity 1.6s var(--ease-out) .9s;pointer-events:none;position:absolute;inset:0}.chrome--visible{opacity:1}.chrome--visible>*{pointer-events:auto}.chrome__brand{top:max(14px, env(safe-area-inset-top));left:max(22px, env(safe-area-inset-left));color:color-mix(in oklch, var(--color-dark-deep) 76%, transparent);letter-spacing:.015em;text-shadow:0 1px 0 color-mix(in oklch, var(--color-sakura) 18%, transparent);pointer-events:auto;margin:0;font-size:clamp(2.25rem,5vw,4.7rem);font-weight:400;line-height:.85;text-decoration:none;display:block;position:absolute}.chrome__message{bottom:clamp(108px,14vh,154px);left:max(24px, env(safe-area-inset-left));width:min(38vw,470px);color:var(--color-on-dark);text-shadow:0 2px 20px color-mix(in oklch, var(--color-dark-deep) 24%, transparent);position:absolute}.chrome__eyebrow{color:color-mix(in oklch, var(--color-on-dark) 82%, transparent);letter-spacing:.09em;margin:0 0 12px;font-size:.68rem;line-height:1.4}.chrome__message h1{letter-spacing:-.035em;max-width:460px;margin:0;font-size:clamp(2rem,4.2vw,4.4rem);font-weight:400;line-height:.98}.chrome__intro{max-width:390px;color:color-mix(in oklch, var(--color-on-dark) 84%, transparent);font-family:var(--font-body);margin:20px 0 0;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.45}.chrome__actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.chrome__action{border:1px solid color-mix(in oklch, var(--color-on-dark) 68%, transparent);color:var(--color-on-dark);background:color-mix(in oklch, var(--color-dark-deep) 18%, transparent);font-family:var(--font-body);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:12px;font-size:.78rem;text-decoration:none;display:inline-flex}.chrome__action:hover,.chrome__action:focus-visible{color:var(--color-dark);background:var(--color-on-dark);outline:none;transform:translateY(-2px)}.chrome__action--primary{color:var(--color-dark);background:var(--sakura);border-color:var(--sakura)}.chrome__menu-button{top:max(24px, env(safe-area-inset-top));right:max(24px, env(safe-area-inset-right));align-items:center;gap:var(--space-2);justify-content:center;min-width:108px;display:inline-flex;position:absolute}.chrome__menu-panel{top:calc(max(24px, env(safe-area-inset-top)) + 54px);right:max(24px, env(safe-area-inset-right));border:1px solid color-mix(in oklch, var(--color-on-dark) 48%, transparent);background:color-mix(in oklch, var(--color-dark-deep) 82%, transparent);min-width:190px;box-shadow:0 18px 50px color-mix(in oklch, var(--color-dark-deep) 20%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);animation:fade-up .22s var(--ease-out) both;border-radius:14px;gap:4px;padding:12px;display:grid;position:absolute}.chrome__menu-panel a,.chrome__menu-panel button{width:100%;color:var(--color-on-dark);letter-spacing:.08em;text-align:left;border-radius:8px;padding:12px;font-size:.76rem;text-decoration:none;display:block}.chrome__menu-panel a:hover,.chrome__menu-panel button:hover,.chrome__menu-panel a:focus-visible{background:color-mix(in oklch, var(--color-sakura) 22%, transparent);outline:none}.chrome__morning{bottom:max(26px, env(safe-area-inset-bottom));left:max(24px, env(safe-area-inset-left));position:absolute}.chrome__evening{right:max(24px, env(safe-area-inset-right));bottom:max(26px, env(safe-area-inset-bottom));position:absolute}.chrome__morning.is-active,.chrome__evening.is-active{background:var(--color-dark-deep);border-color:var(--color-dark-deep);color:var(--color-on-dark)}.chrome__hold{bottom:max(24px, env(safe-area-inset-bottom));background:var(--sakura);width:23px;height:56px;box-shadow:0 5px 18px color-mix(in oklch, var(--color-dark-deep) 20%, transparent);touch-action:none;transition:transform .2s var(--ease-out), background .2s var(--ease-out);border-radius:999px;place-items:center;display:grid;position:absolute;left:50%;transform:translate(-50%)}.chrome__hold:hover{background:var(--color-on-dark);transform:translate(-50%)scale(1.1)}.chrome__hold:focus-visible{outline-color:var(--color-dark)}.chrome__hold-dot{background:var(--color-dark);border-radius:50%;width:7px;height:7px}.chrome__hold:disabled{opacity:.46;cursor:default}.chrome__hold:disabled:hover{transform:translate(-50%)}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes rec-blink{0%,to{opacity:1}50%{opacity:.15}}@media (max-width:640px){.chrome__brand{font-size:clamp(2rem,10vw,3rem)}.chrome__message{width:min(78vw,360px);bottom:116px;left:18px}.chrome__message h1{font-size:clamp(1.8rem,8.8vw,2.8rem)}.chrome__intro{margin-top:12px;font-size:.8rem}.chrome__actions{margin-top:16px}.chrome__action{padding:8px 12px;font-size:.7rem}.chrome__menu-button{min-width:96px;top:18px;right:18px}.chrome__menu-panel{top:70px;right:18px}.section-drawer{padding:76px 16px 72px}.section-drawer__panel{border-radius:18px}.section-drawer__grid--work,.section-drawer__grid--capabilities{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}.experience__canvas,.experience__transition{transition:none}}:is(html:has(.scroll-portfolio),body:has(.scroll-portfolio)){height:auto;min-height:100%;overflow:clip auto}body:has(.scroll-portfolio){background:var(--color-paper)}.scroll-portfolio{--scroll-ink:var(--color-ink);--scroll-muted:var(--color-ink-soft);--scroll-paper:var(--color-paper);--scroll-paper-deep:var(--color-paper-deep);--scroll-line:var(--line-light);--scroll-accent:var(--color-accent);--scroll-dark:var(--color-dark);--scroll-sakura:var(--color-sakura);color:var(--scroll-ink);background:var(--scroll-paper);font-family:var(--font-body);position:relative}.scroll-portfolio h1,.scroll-portfolio h2,.scroll-portfolio h3,.scroll-portfolio p,.scroll-portfolio ul{margin-top:0}.scroll-portfolio h1,.scroll-portfolio h2,.scroll-portfolio h3,.scroll-header,.section-kicker,.eyebrow,.button,.scroll-hero__meta,.site-footer__brand{font-family:var(--font-display);font-weight:600}.scroll-portfolio h1,.scroll-portfolio h2,.scroll-portfolio h3{text-wrap:balance}.scroll-portfolio .section-kicker,.scroll-portfolio .eyebrow{font-family:var(--font-body);text-transform:uppercase;font-weight:600}.scroll-portfolio .button,.scroll-portfolio .scroll-hero__meta{font-family:var(--font-body)}.skip-link{z-index:100;background:var(--color-on-dark);color:var(--scroll-ink);font-family:var(--font-body);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-out), transform .16s var(--ease-out);border-radius:999px;padding:12px 16px;font-size:.85rem;font-weight:700;text-decoration:none;position:fixed;top:10px;left:12px;transform:translateY(-150%)}.skip-link:focus{opacity:1;outline:3px solid var(--scroll-sakura);outline-offset:2px;pointer-events:auto;transform:translateY(0)}.scroll-header{z-index:70;color:var(--color-on-dark);mix-blend-mode:normal;opacity:0;pointer-events:none;text-shadow:0 2px 16px color-mix(in oklch, var(--color-dark-deep) 72%, transparent);transition:opacity .7s var(--ease-out) .18s, transform .85s cubic-bezier(.18, .82, .22, 1) .18s;justify-content:space-between;align-items:center;gap:28px;padding:20px clamp(20px,4vw,64px);display:flex;position:fixed;top:0;left:0;right:0;transform:translateY(-10px)}.scroll-portfolio[data-scene-opening=true] .scroll-header{opacity:1;transform:translateY(0)}.scroll-header:before{z-index:-1;-webkit-backdrop-filter:blur();backdrop-filter:blur();content:"";pointer-events:none;transition:background .32s var(--ease-out), border-color .32s var(--ease-out), box-shadow .32s var(--ease-out), backdrop-filter .32s var(--ease-out);background:0 0;border-bottom:1px solid #0000;position:absolute;inset:0;box-shadow:0 12px 30px #0000}.scroll-portfolio[data-scene-mode=morning][data-header-solid=false] .scroll-header__nav a{color:var(--color-ink);opacity:.92;text-shadow:0 1px 12px color-mix(in oklch, var(--color-on-dark) 72%, transparent);font-weight:700}.scroll-portfolio[data-scene-mode=morning][data-header-solid=false] .scroll-header__theme,.scroll-portfolio[data-scene-mode=morning][data-header-solid=false] .scroll-header__menu{border-color:color-mix(in oklch, var(--color-dark-deep) 34%, transparent);background:color-mix(in oklch, var(--color-on-dark) 32%, transparent);color:var(--color-ink);text-shadow:none}.scroll-portfolio[data-header-solid=true] .scroll-header:before{border-color:color-mix(in oklch, var(--color-on-dark) 12%, transparent);background:color-mix(in oklch, var(--color-dark-deep) 96%, transparent);box-shadow:0 12px 30px color-mix(in oklch, var(--color-dark-deep) 18%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.scroll-header a,.scroll-header button{pointer-events:auto}.scroll-header__brand{color:inherit;letter-spacing:-.04em;transition:color .18s var(--ease-out), transform .18s var(--ease-out);align-items:center;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1;text-decoration:none;display:inline-flex}.scroll-header__brand-short{display:none}.scroll-header__brand:hover,.scroll-header__brand:focus-visible{color:var(--sakura);outline:none;transform:translateY(-1px)}.scroll-header__nav{align-items:center;gap:clamp(16px,2.6vw,40px);margin-left:auto;display:flex}.scroll-header__nav a,.scroll-header__theme,.scroll-header__menu{color:inherit;letter-spacing:.045em;font-size:.76rem;text-decoration:none}.scroll-header__nav a{opacity:.8;transition:opacity .18s var(--ease-out), color .18s var(--ease-out), background .18s var(--ease-out), border-color .18s var(--ease-out), transform .18s var(--ease-out);border:1px solid #0000;border-radius:999px;padding:8px 12px}.scroll-header__nav a:hover,.scroll-header__nav a:focus-visible{border-color:color-mix(in oklch, var(--color-on-dark) 48%, transparent);background:color-mix(in oklch, var(--color-on-dark) 12%, transparent);opacity:1;outline:none;transform:translateY(-2px)}.scroll-header__actions{align-items:center;gap:12px;display:flex}.scroll-header__theme,.scroll-header__menu{border:1px solid color-mix(in oklch, var(--color-on-dark) 42%, transparent);background:color-mix(in oklch, var(--color-dark-deep) 18%, transparent);min-height:36px;color:inherit;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);transition:border-color .18s var(--ease-out), background .18s var(--ease-out), color .18s var(--ease-out), transform .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:8px 12px;text-decoration:none;display:inline-flex}.scroll-header__theme:hover,.scroll-header__menu:hover,.scroll-header__theme:focus-visible,.scroll-header__menu:focus-visible{border-color:var(--color-on-dark);background:var(--color-on-dark);color:var(--color-ink);box-shadow:0 8px 24px color-mix(in oklch, var(--color-dark-deep) 18%, transparent);outline:none;transform:translateY(-2px)}.scroll-header__menu{display:none}.scroll-header__mobile{border:1px solid color-mix(in oklch, var(--color-on-dark) 36%, transparent);background:color-mix(in oklch, var(--color-dark-deep) 88%, transparent);min-width:190px;box-shadow:0 18px 45px color-mix(in oklch, var(--color-dark-deep) 30%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);pointer-events:auto;border-radius:16px;gap:4px;padding:12px;display:grid;position:absolute;top:75px;right:clamp(18px,4vw,64px)}.scroll-header__mobile a{color:var(--color-on-dark);justify-content:space-between;align-items:center;padding:12px;font-size:.76rem;text-decoration:none;display:flex}.scroll-header__mobile a:hover,.scroll-header__mobile a:focus-visible{background:color-mix(in oklch, var(--color-sakura) 16%, transparent);border-radius:9px;outline:none}.scroll-hero{isolation:isolate;min-height:100svh;color:var(--color-on-dark);background:var(--color-dark-deep);position:relative;overflow:hidden}.scene-water-transition{--transition-water:var(--color-water-morning);--transition-reflection:var(--color-water-reflection-morning);--transition-glint:var(--color-water-glint-morning);isolation:isolate;background:var(--color-dark);height:clamp(170px,20vw,260px);position:relative;overflow:hidden}.scroll-portfolio[data-scene-mode=evening] .scene-water-transition{--transition-water:var(--color-water-evening);--transition-reflection:var(--color-water-reflection-evening);--transition-glint:var(--color-water-glint-evening)}.scene-water-transition:before{z-index:0;background:radial-gradient(ellipse at 52% -12%, color-mix(in oklch, var(--transition-reflection) 14%, transparent), transparent 35%), linear-gradient(180deg, color-mix(in oklch, var(--transition-water) 76%, transparent), color-mix(in oklch, var(--color-dark-deep) 92%, transparent) 48%, var(--color-dark) 92%);content:"";position:absolute;inset:0}.scene-water-transition:after{z-index:5;background:linear-gradient(180deg, transparent, var(--color-dark) 88%);content:"";pointer-events:none;height:42%;position:absolute;bottom:0;left:0;right:0}.scene-water-transition__wash{z-index:1;background:radial-gradient(ellipse at 53% -4%, color-mix(in oklch, var(--transition-reflection) 25%, transparent), transparent 24%), linear-gradient(180deg, color-mix(in oklch, var(--transition-water) 96%, transparent), color-mix(in oklch, var(--transition-water) 56%, transparent) 62%, color-mix(in oklch, var(--color-dark-deep) 16%, transparent));opacity:.98;transform-origin:top;height:82%;transition:opacity 1.2s var(--ease-out), transform 1.5s cubic-bezier(.16, .78, .2, 1);filter:drop-shadow(0 12px 22px color-mix(in oklch, var(--color-dark-deep) 22%, transparent));border-radius:0 0 48% 52%/0 0 22% 24%;position:absolute;top:-8%;left:-7%;right:-7%;overflow:hidden;transform:translateY(0)scaleX(1.05)scaleY(1)}.scene-water-transition[data-active=true] .scene-water-transition__wash{opacity:.82;transform:translateY(-24%)scaleX(1)scaleY(.84)}.scene-water-transition__wash:after{background:linear-gradient(90deg, transparent, color-mix(in oklch, var(--transition-glint) 14%, transparent), color-mix(in oklch, var(--transition-reflection) 24%, transparent) 52%, color-mix(in oklch, var(--transition-glint) 12%, transparent), transparent);content:"";opacity:.7;filter:blur(.6px);height:1px;position:absolute;bottom:1px;left:3%;right:3%}.scene-water-transition__current{background:repeating-radial-gradient(ellipse at 50% 0, transparent 0 17px, color-mix(in oklch, var(--transition-glint) 3.5%, transparent) 18px, transparent 20px 36px), repeating-linear-gradient(96deg, transparent 0 8%, color-mix(in oklch, var(--transition-reflection) 2.5%, transparent) 8.5%, transparent 9.5% 17%);opacity:.72;animation:water-transition-current 7s var(--ease-in-out) infinite alternate;background-size:125% 90px,130% 100%;position:absolute;inset:-15% -5%;transform:translate(-3%)}.scene-water-transition__shimmer{z-index:2;background:repeating-linear-gradient(90deg, transparent 0 8%, color-mix(in oklch, var(--transition-reflection) 7%, transparent) 10%, transparent 13% 21%), linear-gradient(180deg, color-mix(in oklch, var(--transition-reflection) 20%, transparent), transparent 84%);opacity:.24;width:min(28vw,390px);height:82%;transition:opacity 1.1s var(--ease-out), transform 1.5s cubic-bezier(.2, .76, .22, 1);-webkit-mask-image:linear-gradient(180deg, var(--color-dark-deep), transparent 92%);mask-image:linear-gradient(180deg, var(--color-dark-deep), transparent 92%);filter:blur(4px);position:absolute;top:-18%;left:52%;transform:translate(-50%)scaleX(.74)}.scene-water-transition[data-active=true] .scene-water-transition__shimmer{opacity:.48;transform:translate(-50%)scaleX(1)}.scene-water-transition__ripples{z-index:3;perspective:500px;pointer-events:none;position:absolute;inset:0}.scene-water-transition__ripples span{border-top:1px solid color-mix(in oklch, var(--transition-glint) 15%, transparent);opacity:0;width:min(74vw,980px);height:clamp(18px,2.4vw,32px);animation:water-transition-ripple 4.2s var(--ease-out) infinite;border-radius:50%;animation-play-state:paused;position:absolute;top:34%;left:52%;transform:translate(-50%,-50%)rotateX(66deg)scale(.28)}.scene-water-transition[data-active=true] .scene-water-transition__ripples span{animation-play-state:running}.scene-water-transition__ripples span:nth-child(2){animation-delay:.9s}.scene-water-transition__ripples span:nth-child(3){animation-delay:1.8s}.scene-water-transition__ripples span:nth-child(4){animation-delay:2.7s}@keyframes water-transition-current{0%{opacity:.52;transform:translate(-3%)translateY(0)}to{opacity:.82;transform:translate(3%)translateY(3%)}}@keyframes water-transition-ripple{0%{opacity:0;transform:translate(-50%,-50%)rotateX(66deg)scale(.28)}24%{opacity:.7}to{opacity:0;transform:translate(-50%,-50%)rotateX(66deg)scale(1.08)}}.scroll-hero__canvas,.scroll-hero__canvas>div,.scroll-hero__canvas canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.scroll-hero__canvas{z-index:-3;filter:blur();opacity:.78;transition:transform 1.5s cubic-bezier(.16, .82, .22, 1), opacity 1.2s var(--ease-out);transform:scale(1.018)translateY(0)}.scroll-portfolio[data-scene-opening=true] .scroll-hero__canvas{opacity:1;transform:scale(1)translateY(0)}.scroll-hero__veil{z-index:-2;background:linear-gradient(90deg, color-mix(in oklch, var(--color-dark-deep) 72%, transparent), transparent 56%), linear-gradient(0deg, color-mix(in oklch, var(--color-dark-deep) 58.0%, transparent), transparent 45%);opacity:1;pointer-events:none;transition:opacity .9s var(--ease-out), background .9s var(--ease-out);position:absolute;inset:0}.scroll-hero__reveal{z-index:4;visibility:visible;background:radial-gradient(circle at 50% 42%, color-mix(in oklch, var(--color-sakura) 52%, transparent), transparent 28%), radial-gradient(circle at 14% 8%, color-mix(in oklch, var(--color-sakura) 12%, transparent), transparent 34%), linear-gradient(145deg, var(--color-dark) 0%, var(--color-dark) 52%, var(--color-dark-deep) 100%);opacity:1;pointer-events:none;transform-origin:50%;transition:opacity 1.2s cubic-bezier(.2,.72,.24,1),transform 1.5s cubic-bezier(.16,.82,.22,1),visibility 0s linear 1.5s;position:absolute;inset:0;transform:scale(1)}.scroll-hero__reveal:after{aspect-ratio:1;background:radial-gradient(circle, color-mix(in oklch, var(--color-sakura) 12%, transparent), transparent 66%);content:"";opacity:.7;width:min(78vw,760px);transition:opacity 1s var(--ease-out), transform 1.5s cubic-bezier(.16, .82, .22, 1);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.72)}.scroll-portfolio[data-scene-opening=true] .scroll-hero__reveal{visibility:hidden;opacity:0;transform:scale(1.045)}.scroll-portfolio[data-scene-opening=true] .scroll-hero__reveal:after{opacity:0;transform:translate(-50%,-50%)scale(1.35)}.scroll-hero__copy{width:min(360px,100% - 44px);transition:opacity .7s var(--ease-out), transform .7s var(--ease-out);position:absolute;top:clamp(128px,14vh + 24px,180px);left:clamp(22px,8vw,132px)}.scroll-hero__stacked{color:color-mix(in oklch, var(--color-on-dark) 72%, transparent);letter-spacing:-.055em;text-shadow:0 3px 24px color-mix(in oklch, var(--color-dark-deep) 28.0%, transparent);gap:0;margin:0;font-size:clamp(1.5rem,3.2vw,3rem);font-weight:500;line-height:.84;display:grid}.scroll-hero__stacked>.scroll-hero__word{opacity:0;filter:blur(8px);outline:none;width:fit-content;max-width:100%;display:block;position:relative;transform:translate(-22px,18px)rotate(2deg)}.scroll-hero__word>span{z-index:1;display:inline-block;position:relative}.scroll-portfolio[data-scene-ready=true] .scroll-hero__stacked>.scroll-hero__word{animation:none}.scroll-portfolio[data-scene-entered=true] .scroll-hero__stacked>.scroll-hero__word{animation:.7s cubic-bezier(.2,.86,.25,1) forwards hero-word-arrive}@keyframes hero-word-arrive{0%{opacity:0;transform:translateY(var(--space-2))}to{opacity:1;transform:none}}.contact-world__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:28px;display:flex}.button{border:1px solid color-mix(in oklch, var(--color-on-dark) 70%, transparent);min-height:44px;color:var(--color-on-dark);letter-spacing:.03em;transition:transform .18s var(--ease-out), background .18s var(--ease-out), color .18s var(--ease-out);border-radius:999px;align-items:center;gap:8px;padding:12px 16px;font-size:.8rem;text-decoration:none;display:inline-flex}.button:hover,.button:focus-visible{background:var(--color-on-dark);color:var(--color-ink);outline:none;transform:translateY(-2px)}.button--primary{border-color:var(--sakura);background:var(--sakura);color:var(--color-ink)}.button--ghost{background:color-mix(in oklch, var(--color-dark-deep) 20%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.button--light{border-color:var(--color-sakura);background:var(--color-sakura);color:var(--color-ink)}.section-panel{max-width:1440px;margin:0 auto;padding:clamp(92px,12vw,180px) clamp(24px,7vw,112px);position:relative}.section-panel:before{border-top:1px solid var(--scroll-line);content:"";position:absolute;top:0;left:clamp(22px,7vw,112px);right:clamp(22px,7vw,112px)}.section-kicker{color:var(--scroll-accent);letter-spacing:.11em;text-transform:uppercase;margin-bottom:16px;font-size:.74rem}.section-heading{max-width:900px}.section-heading h2{letter-spacing:-.055em;max-width:850px;margin-bottom:0;font-size:clamp(2.2rem,4.25vw,4.5rem);line-height:.98}.section-heading--split{grid-template-columns:minmax(0,1.3fr) minmax(250px,.7fr);align-items:end;gap:clamp(32px,8vw,152px);display:grid}.section-heading--split>p,.section-lede{max-width:480px;color:var(--scroll-muted);margin-bottom:0;font-size:1rem;line-height:1.65}.offer-intro{background:var(--scroll-dark);max-width:none;min-height:100svh;color:var(--color-on-dark);align-items:center;padding-top:clamp(76px,9vw,132px);padding-bottom:clamp(76px,9vw,132px);display:grid}.offer-intro:before{display:none}.offer-intro__inner{grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);align-items:end;gap:clamp(44px,9vw,152px);max-width:1216px;margin:0 auto;display:grid}.offer-intro h2{letter-spacing:-.06em;max-width:820px;margin-bottom:0;font-size:clamp(2.55rem,5.2vw,5.7rem);line-height:.96}.offer-intro__copy{gap:12px;display:grid}.offer-intro__copy p{max-width:58ch;color:color-mix(in oklch, var(--color-on-dark) 72%, transparent);margin:0;font-size:1.02rem;line-height:1.6}.offer-intro__copy p+p{color:color-mix(in oklch, var(--color-on-dark) 60%, transparent)}.example{background:var(--scroll-paper);max-width:none;scroll-margin-top:84px;overflow:hidden}.example__heading{grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr);align-items:end;gap:clamp(44px,9vw,152px);max-width:1216px;margin:0 auto;display:grid}.example__heading h2{letter-spacing:-.06em;max-width:760px;margin-bottom:0;font-size:clamp(2.5rem,5vw,5.25rem);line-height:.96}.example__heading>p{max-width:58ch;color:var(--scroll-muted);margin:0;font-size:1rem;line-height:1.65}.example-showcase{max-width:1216px;margin:clamp(56px,8vw,96px) auto 0;padding-right:clamp(72px,8vw,120px);position:relative}.example-site__header{justify-content:space-between;align-items:center;gap:24px;padding-bottom:24px;display:flex}.example-site__header strong{color:var(--color-ink);font-family:var(--font-outlier);letter-spacing:.01em;font-size:1rem;font-weight:600}.example-site__nav{color:var(--color-ink-soft);gap:20px;font-size:.7rem;display:flex}.example-site__hero{background:radial-gradient(circle at 82% 24%, color-mix(in oklch, var(--color-sakura) 48%, transparent), transparent 22%), radial-gradient(circle at 72% 48%, color-mix(in oklch, var(--color-sakura) 13%, transparent), transparent 28%), linear-gradient(135deg, var(--color-accent-strong) 0%, var(--color-accent-strong) 52%, var(--color-accent) 100%);min-height:300px;color:var(--color-paper-raised);border-radius:13px;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:32px;padding:clamp(32px,5vw,68px);display:grid}.example-site__hero p{color:var(--color-sakura);letter-spacing:.09em;text-transform:uppercase;margin-bottom:12px;font-size:.69rem;font-weight:700}.example-site__hero h3{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,4.4rem);line-height:.92}.example-site__stamp{aspect-ratio:1;border:1px solid color-mix(in oklch, var(--color-on-dark) 62%, transparent);text-align:center;border-radius:50%;place-content:center;width:112px;display:grid;transform:rotate(5deg)}.example-site__stamp span{text-transform:uppercase;font-size:.63rem}.example-site__stamp strong{margin-top:4px;font-size:1.45rem}.example-site__content{grid-template-columns:minmax(0,1.45fr) minmax(190px,.55fr);gap:16px;margin-top:16px;display:grid}.example-menu,.example-visit{border:1px solid color-mix(in oklch, var(--color-ink) 14.0%, transparent);background:var(--color-on-dark);border-radius:12px}.example-menu{padding:clamp(20px,3vw,36px)}.example-menu__heading{border-bottom:1px solid color-mix(in oklch, var(--color-ink) 14.0%, transparent);justify-content:space-between;align-items:end;gap:24px;padding-bottom:20px;display:flex}.example-menu__heading span,.example-visit>span{color:var(--color-accent);letter-spacing:.08em;text-transform:uppercase;font-size:.65rem;font-weight:700}.example-menu__heading h4{color:var(--color-ink);margin:4px 0 0;font-size:1.1rem}.example-menu__heading small{color:var(--color-ink-soft);font-size:.68rem}.example-menu__items{display:grid}.example-menu__item{border-bottom:1px solid color-mix(in oklch, var(--color-ink) 10%, transparent);justify-content:space-between;gap:20px;padding:16px 0;display:flex}.example-menu__item:last-child{border-bottom:0;padding-bottom:0}.example-menu__item>div{gap:4px;display:grid}.example-menu__item strong,.example-menu__item b{color:var(--color-ink);font-size:.78rem}.example-menu__item span{color:var(--color-ink-soft);font-size:.68rem;line-height:1.45}.example-visit{background:var(--color-paper-deep);flex-direction:column;gap:16px;padding:clamp(20px,3vw,32px);display:flex}.example-visit div,.example-visit__link{color:var(--color-ink-soft);align-items:center;gap:8px;font-size:.72rem;line-height:1.4;display:flex}.example-visit__link{width:fit-content;color:var(--color-accent-strong);margin-top:auto;font-weight:700;text-decoration:none}.quote{background:var(--scroll-dark);max-width:none;color:var(--color-on-dark);padding-top:clamp(64px,7vw,100px)}.quote:before{border-color:color-mix(in oklch, var(--color-on-dark) 12%, transparent)}.quote__inner{max-width:1180px}.quote__stat{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(28px,5vw,76px);display:grid}.quote__stat strong{color:var(--scroll-sakura);font-family:var(--font-outlier);letter-spacing:-.09em;font-size:clamp(6rem,14vw,13rem);font-weight:400;line-height:.78}.quote__stat blockquote{max-width:760px;font-family:var(--font-body);letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,3.4vw,3.8rem);font-weight:600;line-height:1.04}.quote .section-kicker{color:var(--scroll-sakura)}.quote__source{color:color-mix(in oklch, var(--color-on-dark) 70%, transparent);transition:color .18s var(--ease-out);align-items:center;gap:8px;margin-top:40px;font-size:.8rem;text-decoration:none;display:inline-flex}.quote__source:hover{color:var(--color-on-dark)}.about{background:var(--scroll-paper)}.capability-grid{border-top:1px solid var(--scroll-line);border-bottom:1px solid var(--scroll-line);grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-top:clamp(56px,8vw,100px);display:grid}.capability-card{border-right:1px solid var(--scroll-line);min-height:235px;padding:28px 24px 28px 0}.capability-card:last-child{border-right:0;padding-right:0}.capability-card__icon{border:1px solid color-mix(in oklch, var(--color-sakura) 38%, transparent);width:40px;height:40px;color:var(--color-accent);border-radius:50%;place-items:center;margin-bottom:40px;display:grid}.capability-card h3,.service-card h3,.project-card h3{letter-spacing:-.04em;margin-bottom:12px;font-size:1.3rem;font-weight:500}.capability-card p,.service-card p,.project-card p,.process-list p{color:var(--scroll-muted);font-size:.88rem;line-height:1.55}.proof-strip{border-top:1px solid var(--scroll-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:60px;padding-top:24px;display:grid}.proof-strip div{gap:8px;display:grid}.proof-strip strong{color:var(--color-accent);font-family:var(--font-outlier);letter-spacing:-.055em;font-size:clamp(1.85rem,3vw,2.8rem);font-weight:400;line-height:1}.proof-strip span,.about__availability{color:var(--scroll-muted);font-size:.78rem;line-height:1.5}.proof-strip a{width:fit-content;color:var(--color-accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in oklch, var(--color-sakura) 35%, transparent);text-decoration-color:color-mix(in oklch, var(--color-sakura) 35%, transparent);text-underline-offset:3px;align-items:center;gap:4px;margin-top:4px;font-size:.68rem;line-height:1.4;display:inline-flex}.proof-strip a:hover{color:var(--color-accent-strong);text-decoration-color:currentColor}.about__availability{margin:28px 0 0}.process{background:var(--scroll-paper-deep)}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:clamp(56px,8vw,100px);display:grid}.service-card{border:1px solid color-mix(in oklch, var(--color-ink) 18%, transparent);background:var(--color-paper-raised);min-height:610px;box-shadow:0 18px 50px color-mix(in oklch, var(--color-dark-deep) 6%, transparent);border-radius:18px;flex-direction:column;padding:clamp(24px,3vw,36px);display:flex}.service-card__topline{justify-content:space-between;align-items:flex-start;gap:20px;min-height:30px;margin-bottom:56px;display:flex}.service-card__number{color:var(--color-ink-soft);font-family:var(--font-outlier);font-size:1.45rem}.service-card__badge{border:1px solid color-mix(in oklch, var(--color-ink) 20%, transparent);color:var(--color-ink-soft);text-align:right;border-radius:999px;padding:8px 12px;font-size:.72rem;font-weight:600}.service-card p{max-width:51ch;min-height:72px;font-size:.95rem;line-height:1.6}.service-card__price{border-top:1px solid color-mix(in oklch, var(--color-ink) 20%, transparent);border-bottom:1px solid color-mix(in oklch, var(--color-ink) 20%, transparent);grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:clamp(20px,3vw,36px);margin-top:16px;padding:20px 0;display:grid}.service-card__setup,.service-card__monthly{gap:4px;display:grid}.service-card__setup strong{color:var(--scroll-ink);font-family:var(--font-body);letter-spacing:-.07em;font-size:clamp(2.25rem,4vw,3.35rem);font-weight:600;line-height:1}.service-card__price span{color:var(--color-ink-soft);letter-spacing:.02em;font-size:.7rem}.service-card__monthly{border-left:1px solid color-mix(in oklch, var(--color-ink) 15%, transparent);text-align:right;justify-items:end;padding-left:clamp(20px,2.5vw,32px)}.service-card__monthly strong{color:var(--scroll-ink);letter-spacing:-.02em;font-size:.95rem;font-weight:650;line-height:1.2}.service-card ul{gap:12px;margin:24px 0 0;padding:0;list-style:none;display:grid}.service-card li{color:var(--color-ink-soft);font-size:.86rem;line-height:1.45}.service-card li:before{color:var(--scroll-accent);content:"↳";margin-right:8px}.service-card .service-card__note{min-height:0;color:var(--color-ink-soft);margin:auto 0 0;padding-top:24px;font-size:.78rem;line-height:1.5}.service-card__cta{width:fit-content;min-height:42px;color:var(--scroll-ink);align-items:center;gap:8px;margin-top:16px;padding:12px 0;font-size:.85rem;font-weight:600;text-decoration:none;display:inline-flex}.service-card__cta:hover,.service-card__cta:focus-visible{color:var(--color-accent);outline:none}.process-heading{max-width:650px;margin-top:clamp(80px,11vw,140px);scroll-margin-top:112px}.process-heading h3{letter-spacing:-.05em;margin-bottom:0;font-size:clamp(1.9rem,3.6vw,3.5rem);font-weight:600;line-height:1.02}.process-list{border-top:1px solid var(--scroll-line);grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:clamp(44px,6vw,76px);display:grid}.process-list article{border-right:1px solid var(--scroll-line);min-height:210px;padding:24px 24px 0 0}.process-list article:not(:first-child){padding-left:24px}.process-list article:last-child{border-right:0}.process-list article>span{color:var(--scroll-accent);font-family:var(--font-outlier);font-size:.78rem}.process-list h3{margin:48px 0 8px;font-size:1.12rem;font-weight:650}.process-list p{color:var(--scroll-muted);font-size:.95rem;line-height:1.6}.contact{background:var(--scroll-dark);max-width:none;color:var(--color-on-dark);grid-template-columns:minmax(0,.9fr) minmax(390px,.78fr);align-items:start;gap:clamp(48px,9vw,140px);scroll-margin-top:88px;display:grid}.contact:before{border-color:color-mix(in oklch, var(--color-on-dark) 12%, transparent)}.contact .section-kicker{color:var(--scroll-sakura)}.contact__heading h2{letter-spacing:-.06em;max-width:780px;margin-bottom:0;font-size:clamp(2.5rem,5vw,5.6rem);line-height:.97}.contact__heading>p:last-child{max-width:62ch;color:color-mix(in oklch, var(--color-on-dark) 72%, transparent);margin:24px 0 0;font-size:1rem;line-height:1.6}.contact__body{gap:24px;display:grid}.contact-form{border:1px solid color-mix(in oklch, var(--color-on-dark) 15%, transparent);background:color-mix(in oklch, var(--color-on-dark) 5.5%, transparent);border-radius:18px;gap:20px;padding:clamp(24px,3vw,32px);display:grid}.contact-form__field{gap:8px;display:grid}.contact-form__field label{color:color-mix(in oklch, var(--color-on-dark) 82%, transparent);font-size:.78rem;font-weight:600}.contact-form__field label span{color:color-mix(in oklch, var(--color-on-dark) 50%, transparent);font-weight:400}.contact-form__field input,.contact-form__field textarea{border:1px solid color-mix(in oklch, var(--color-on-dark) 20%, transparent);background:color-mix(in oklch, var(--color-on-dark) 7.0%, transparent);width:100%;min-height:48px;color:var(--color-on-dark);font:400 1rem/1.45 var(--font-body);resize:vertical;transition:border-color .18s var(--ease-out), background .18s var(--ease-out), box-shadow .18s var(--ease-out);border-radius:10px;padding:12px 16px}.contact-form__field input:focus,.contact-form__field textarea:focus{border-color:var(--scroll-sakura);background:color-mix(in oklch, var(--color-on-dark) 10%, transparent);box-shadow:0 0 0 3px color-mix(in oklch, var(--color-sakura) 14.0%, transparent);outline:none}.contact-form__actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:4px;display:flex}.contact__direct>span{color:color-mix(in oklch, var(--color-on-dark) 64%, transparent);font-size:.76rem;line-height:1.5}.contact__direct{flex-wrap:wrap;gap:8px 16px;padding:0 4px;display:flex}.contact__direct a{color:var(--color-on-dark);-webkit-text-decoration-color:color-mix(in oklch, var(--color-on-dark) 40%, transparent);text-decoration-color:color-mix(in oklch, var(--color-on-dark) 40%, transparent);text-underline-offset:3px;font-size:.8rem;font-weight:600}.contact__direct a:hover,.contact__direct a:focus-visible{color:var(--scroll-sakura);outline:none}.work{background:var(--color-paper-deep)}.work .section-lede{margin-top:28px}.project-grid{gap:16px;margin-top:clamp(56px,8vw,100px);display:grid}.project-card{border-top:1px solid var(--scroll-line);grid-template-columns:minmax(220px,.68fr) minmax(0,1.32fr);min-height:300px;display:grid}.project-card:last-child{border-bottom:1px solid var(--scroll-line)}.project-card__visual{background:radial-gradient(circle at 72% 28%, color-mix(in oklch, var(--color-on-dark) 72%, transparent), transparent 7%), linear-gradient(135deg, var(--color-cyan-deep), var(--color-cyan) 52%, var(--color-blush));border-radius:12px;min-height:280px;margin:16px 28px 16px 0;position:relative;overflow:hidden}.project-card[data-accent=rose] .project-card__visual{background:linear-gradient(135deg, var(--color-accent-strong), var(--color-blush) 53%, var(--color-paper-deep))}.project-card[data-accent=lime] .project-card__visual{background:linear-gradient(135deg, var(--color-lime-deep), var(--color-lime) 48%, var(--color-amber))}.project-card__visual:after{border:1px solid color-mix(in oklch, var(--color-on-dark) 46%, transparent);box-shadow:0 0 0 18px color-mix(in oklch, var(--color-on-dark) 5%, transparent), 0 0 80px color-mix(in oklch, var(--color-on-dark) 18%, transparent);content:"";border-radius:50%;position:absolute;inset:18% 13%;transform:rotate(-18deg)scaleY(.58)}.project-card__visual span{z-index:1;color:color-mix(in oklch, var(--color-on-dark) 86%, transparent);font-family:var(--font-outlier);font-size:.78rem;position:absolute;top:16px;left:18px}.project-card__body{grid-template-columns:minmax(0,1fr) minmax(180px,.72fr);align-content:center;gap:24px;padding:32px 0;display:grid}.project-card__body>p{grid-area:1/2/span 2;align-self:center;margin:0}.project-card__body>strong{color:var(--color-accent);align-self:end;font-size:.78rem;font-weight:500}.project-card__body>a{width:fit-content;color:var(--scroll-ink);font-family:var(--font-body);grid-column:1/-1;align-items:center;gap:8px;font-size:.72rem;font-weight:600;text-decoration:none;display:inline-flex}.project-card__body>a:hover,.project-card__body>a:focus-visible{color:var(--color-accent);outline:none}.project-card__body>div:first-child p{color:var(--scroll-muted);margin-bottom:12px;font-size:.7rem}.project-card__body h3{margin:0;font-size:clamp(1.35rem,2.4vw,2.25rem);line-height:1.02}.tag-list{flex-wrap:wrap;grid-column:1;gap:4px;display:flex}.tag-list span{border:1px solid var(--scroll-line);color:var(--scroll-muted);border-radius:999px;padding:4px 8px;font-size:.63rem}.faq{background:var(--color-paper-deep)}.faq-list{border-top:1px solid var(--scroll-line);max-width:900px;margin-top:64px}.faq-list details{border-bottom:1px solid var(--scroll-line)}.faq-list summary{cursor:pointer;font-family:var(--font-body);justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-size:clamp(1rem,1.8vw,1.35rem);font-weight:600;list-style:none;display:flex}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{color:var(--color-accent);content:"+";font-size:1.6rem;font-weight:300}.faq-list details[open] summary:after{content:"−"}.faq-list details p{max-width:75ch;color:var(--scroll-muted);margin:0 60px 24px 0;font-size:.9rem;line-height:1.6}.contact-world{background:var(--color-dark-deep);height:230vh;color:var(--color-on-dark);position:relative}.contact-world__sticky{z-index:50;opacity:0;visibility:hidden;pointer-events:none;height:100svh;transition:opacity .32s var(--ease-out), visibility .32s var(--ease-out);position:fixed;inset:0;overflow:hidden}.contact-world__sticky.is-active{opacity:1;visibility:visible}.contact-world__scene,.contact-world__scene>div,.contact-world__scene canvas{inset:0;width:100%!important;height:100%!important;position:absolute!important}.contact-world__scene{z-index:0}.contact-world__copy{z-index:1;isolation:isolate;width:min(530px,100% - 44px);text-shadow:0 2px 20px color-mix(in oklch, var(--color-dark-deep) 35%, transparent);position:absolute;bottom:clamp(70px,14vh,150px);right:clamp(22px,8vw,132px)}.contact-world__copy:before{z-index:-1;background:radial-gradient(ellipse at center, color-mix(in oklch, var(--color-dark-deep) 82%, transparent), transparent 72%);content:"";pointer-events:none;position:absolute;inset:-52px -88px -44px}.contact-world__copy .section-kicker{color:var(--color-success)}.contact-world__copy h2{letter-spacing:-.075em;margin-bottom:20px;font-size:clamp(2.2rem,4.2vw,4.6rem);line-height:.98}.contact-world__copy>p:not(.section-kicker){max-width:57ch;color:color-mix(in oklch, var(--color-on-dark) 76%, transparent);margin-bottom:0;font-size:1rem;line-height:1.55}.contact-world__actions span{color:color-mix(in oklch, var(--color-on-dark) 62%, transparent);font-size:.73rem}.contact-world__details{color:color-mix(in oklch, var(--color-on-dark) 55.0%, transparent);letter-spacing:.04em;flex-wrap:wrap;gap:12px 24px;margin-top:24px;font-size:.68rem;display:flex}.contact-world__progress{z-index:2;background:color-mix(in oklch, var(--color-on-dark) 20%, transparent);height:1px;position:absolute;bottom:29px;left:clamp(22px,4vw,64px);right:clamp(22px,4vw,64px)}.contact-world__progress span{background:var(--color-success);transform-origin:0;width:100%;height:100%;display:block}.site-footer{border-top:1px solid color-mix(in oklch, var(--color-on-dark) 10%, transparent);background:var(--color-dark-deep);color:color-mix(in oklch, var(--color-on-dark) 74%, transparent);padding:clamp(60px,7vw,92px) clamp(24px,7vw,112px) 32px}.site-footer__main{grid-template-columns:minmax(260px,1.4fr) minmax(140px,.55fr) minmax(230px,.8fr);align-items:start;gap:clamp(44px,8vw,132px);max-width:1216px;margin:0 auto;display:grid}.site-footer__brand{color:var(--color-on-dark);letter-spacing:-.035em;font-size:clamp(1.65rem,2.4vw,2.25rem);line-height:1;text-decoration:none}.site-footer__intro p{max-width:45ch;color:color-mix(in oklch, var(--color-on-dark) 66%, transparent);margin:16px 0 0;font-size:.9rem;line-height:1.55}.site-footer__nav,.site-footer__contact{justify-items:start;gap:12px;display:grid}.site-footer__nav>span,.site-footer__contact>span{color:var(--scroll-sakura);letter-spacing:.11em;text-transform:uppercase;margin-bottom:4px;font-size:.7rem;font-weight:600}.site-footer__nav a,.site-footer__contact a,.site-footer__back{color:color-mix(in oklch, var(--color-on-dark) 80%, transparent);font-size:.82rem;text-decoration:none}.site-footer small{color:color-mix(in oklch, var(--color-on-dark) 64%, transparent);margin:0;font-size:.75rem}.site-footer__bottom{border-top:1px solid color-mix(in oklch, var(--color-on-dark) 10%, transparent);justify-content:space-between;align-items:center;gap:24px;max-width:1216px;margin:clamp(52px,7vw,84px) auto 0;padding-top:24px;display:flex}.site-footer__back{align-items:center;gap:8px;display:inline-flex}.site-footer__brand:hover,.site-footer__brand:focus-visible,.site-footer__nav a:hover,.site-footer__nav a:focus-visible,.site-footer__contact a:hover,.site-footer__contact a:focus-visible,.site-footer__back:hover,.site-footer__back:focus-visible{color:var(--scroll-sakura);outline:none}.scroll-portfolio .preloader{z-index:80}@media (max-width:900px){.scroll-header__nav,.scroll-header__theme{display:none}.scroll-header__menu{display:inline-flex}.section-heading--split,.offer-intro__inner,.contact,.capability-grid,.service-grid,.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.capability-card:nth-child(2){border-right:0}.capability-card:nth-child(n+3){border-top:1px solid var(--scroll-line)}.process-list article:nth-child(2){border-right:0}.process-list article:nth-child(n+3){border-top:1px solid var(--scroll-line)}.process-list article:nth-child(3){padding-left:0}.process-list article:nth-child(4){padding-left:24px}.project-card__body{grid-template-columns:1fr}.project-card__body>p{grid-area:auto/1}.tag-list{grid-column:1}.site-footer__main{grid-template-columns:1fr 1fr}.site-footer__intro{grid-column:1/-1}.example__heading{gap:40px}.example-showcase{padding-right:72px}.contact{grid-template-columns:1fr}}@media (max-width:620px){.scroll-header{padding:16px 20px}.scroll-hero__copy{top:116px}.section-panel{padding:76px 20px}.scene-water-transition{height:110px}.section-panel:before{left:20px;right:20px}.section-heading--split,.offer-intro__inner,.contact,.capability-grid,.service-grid,.process-list,.proof-strip,.example__heading{grid-template-columns:1fr}.section-heading--split{gap:28px}.offer-intro__inner,.contact{gap:40px}.offer-intro h2,.example__heading h2,.contact__heading h2{letter-spacing:-.045em}.example-showcase{padding-right:0}.example-site__nav{display:none}.example-site__hero{grid-template-columns:1fr;min-height:230px;padding:28px 24px}.example-site__stamp{display:none}.example-site__content{grid-template-columns:1fr}.example-menu__heading{flex-direction:column;align-items:start;gap:8px}.example-menu__item span{font-size:.75rem}.quote__stat{grid-template-columns:1fr;gap:32px}.quote__stat strong{font-size:clamp(5.5rem,31vw,9rem)}.capability-card,.capability-card:nth-child(n+3),.capability-card:nth-child(2){border-top:1px solid var(--scroll-line);border-right:0;min-height:0;padding:24px 0}.capability-card:first-child{border-top:0}.capability-card__icon{margin-bottom:24px}.service-card{min-height:0}.service-card__topline{margin-bottom:44px}.service-card__price{grid-template-columns:1fr}.service-card__setup strong{font-size:clamp(2.2rem,12vw,3rem)}.service-card__monthly{border-top:1px solid color-mix(in oklch, var(--color-ink) 12%, transparent);text-align:left;border-left:0;justify-items:start;padding:16px 0 0}.process-list article,.process-list article:not(:first-child),.process-list article:nth-child(3),.process-list article:nth-child(4){border-right:0;border-top:1px solid var(--scroll-line);min-height:0;padding:20px 0}.process-list article:first-child{border-top:0}.process-list h3{margin-top:24px}.contact-form{padding:20px}.project-card{grid-template-columns:1fr}.project-card__visual{min-height:210px;margin-right:0}.project-card__body{padding:20px 0 28px}.contact-world__copy{width:auto;bottom:70px;left:20px;right:20px}.contact-world__copy h2{font-size:clamp(2.35rem,10.5vw,4rem)}.contact-world__copy>p:not(.section-kicker){font-size:.86rem}.site-footer{padding:60px 20px 28px}.site-footer__main{grid-template-columns:1fr;gap:40px}.site-footer__intro{grid-column:auto}.site-footer__bottom{flex-direction:column;align-items:flex-start;margin-top:52px}}@media (max-width:360px){.scroll-header__brand-full{display:none}.scroll-header__brand-short{display:inline}}@media (prefers-reduced-motion:reduce){.scroll-header,.scroll-hero__canvas,.scroll-hero__reveal,.scroll-hero__reveal:after{transition:none}.scroll-hero__stacked>.scroll-hero__word{opacity:1;filter:none;transform:none;animation:none!important}}.scroll-portfolio h1,.scroll-portfolio h2,.scroll-portfolio h3{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-style:normal}.scroll-portfolio :is(a,button):focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}.scroll-portfolio :is(a,button):active{transform:translateY(1px)}.scroll-portfolio button:disabled{opacity:.52;cursor:not-allowed;filter:saturate(.25)}.scroll-header{top:var(--space-4);width:min(calc(100% - (var(--space-4) * 2)), 720px);color:var(--color-on-dark);text-shadow:none;padding:0;left:50%;right:auto;transform:translate(-50%,-10px)}.scroll-portfolio[data-scene-opening=true] .scroll-header{transform:translate(-50%)}.scroll-header:before{display:none}.scroll-header__pill{align-items:center;gap:var(--space-3);width:100%;min-width:0;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-4);border:1px solid var(--line-dark);border-radius:var(--radius-pill);background:color-mix(in oklch, var(--color-dark) 88%, transparent);box-shadow:0 12px 36px var(--color-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;transition:background var(--duration-medium) var(--ease-out), border-color var(--duration-medium) var(--ease-out), box-shadow var(--duration-medium) var(--ease-out);display:flex;position:relative}.scroll-portfolio[data-scene-mode=morning][data-header-solid=false] .scroll-header__pill{border-color:color-mix(in oklch, var(--color-ink) 18%, transparent);background:color-mix(in oklch, var(--color-paper) 78%, transparent);box-shadow:0 12px 36px color-mix(in oklch, var(--color-ink) 16%, transparent)}.scroll-portfolio[data-header-solid=true] .scroll-header__pill{border-color:var(--line-dark);background:color-mix(in oklch, var(--color-dark) 94%, transparent)}.scroll-header__brand{color:inherit;font-family:var(--font-display);white-space:nowrap;flex:none;font-size:clamp(1.05rem,2vw,1.3rem)}.scroll-header__nav{gap:var(--space-1);min-width:0}.scroll-header__nav a,.scroll-header__theme,.scroll-header__menu{border-radius:var(--radius-pill);min-height:42px;font-family:var(--font-body);white-space:nowrap}.scroll-header__nav a{padding:var(--space-2) var(--space-3);align-items:center;display:inline-flex}.scroll-header__theme,.scroll-header__menu{border-color:var(--line-dark);background:var(--surface-dark)}.scroll-portfolio[data-scene-mode=morning][data-header-solid=false] :is(.scroll-header__brand,.scroll-header__nav a){color:var(--color-ink);text-shadow:none}.scroll-portfolio[data-scene-mode=morning][data-header-solid=false] :is(.scroll-header__theme,.scroll-header__menu){border-color:color-mix(in oklch, var(--color-ink) 22%, transparent);background:color-mix(in oklch, var(--color-paper-raised) 58%, transparent);color:var(--color-ink)}.scroll-header__nav a:active,.scroll-header__brand:active,.scroll-header__theme:active,.scroll-header__menu:active{transform:translateY(1px)}.scroll-header__theme:disabled,.scroll-header__menu:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.25)}.scroll-header__mobile{top:calc(100% + var(--space-2));min-width:0;padding:var(--space-2);border-color:var(--line-dark);border-radius:var(--radius-panel);background:color-mix(in oklch, var(--color-dark) 96%, transparent);box-shadow:0 18px 45px var(--color-shadow);left:0;right:0}.scroll-header__mobile a{min-height:44px;color:var(--color-on-dark);white-space:nowrap}@media (hover:hover){.scroll-header__brand:hover,.scroll-header__nav a:hover,.scroll-header__theme:hover,.scroll-header__menu:hover{border-color:var(--color-sakura);background:var(--surface-dark-hover);color:var(--color-sakura)}}.scroll-hero__stacked{color:color-mix(in oklch, var(--color-on-dark) 72%, transparent);font-family:var(--font-display)}.scroll-hero__stacked>.scroll-hero__word:nth-child(2){color:color-mix(in oklch, var(--color-on-dark) 86%, transparent)}.scroll-hero__stacked>.scroll-hero__word:nth-child(3){color:var(--color-sakura)}.scroll-hero__word:before,.scroll-hero__word:after{display:none}.scroll-hero__word>span,.scroll-hero__word:hover>span,.scroll-hero__word:focus-visible>span{color:inherit;letter-spacing:inherit;text-shadow:inherit;-webkit-text-fill-color:currentColor;background:0 0;transition:none;animation:none;transform:none}.offer-intro,.quote,.contact{color:var(--color-on-dark)}.offer-intro__copy p,.contact__heading>p:last-child{color:color-mix(in oklch, var(--color-on-dark) 72%, transparent)}.offer-intro__copy p+p,.quote__source,.contact__direct>span{color:color-mix(in oklch, var(--color-on-dark) 64%, transparent)}.example-showcase{padding-right:0}.example-site{padding:clamp(var(--space-4), 3vw, var(--space-7));border:1px solid var(--line-light);border-radius:var(--radius-panel);background:var(--color-paper-raised);box-shadow:0 28px 72px color-mix(in oklch, var(--color-ink) 13%, transparent);overflow:hidden}.example-showcase figcaption{max-width:66ch;margin-top:var(--space-4);color:var(--color-ink-soft);font-family:var(--font-body);font-size:.78rem;line-height:1.55}.quote__stat strong{font-family:var(--font-outlier)}.example-site__header strong,.service-card__number,.process-list article>span{font-family:var(--font-display)}.example-site__header strong,.example-menu__heading h4,.example-menu__item strong,.example-menu__item b{color:var(--color-ink)}.example-site__nav,.example-menu__heading small,.example-menu__item span,.example-visit div,.service-card__number,.service-card__badge,.service-card__price span,.service-card li,.service-card .service-card__note{color:var(--color-ink-soft)}.example-site__hero{background:radial-gradient(circle at 82% 24%, color-mix(in oklch, var(--color-sakura) 48%, transparent), transparent 22%), linear-gradient(135deg, var(--color-dark) 0%, var(--color-accent-strong) 58%, var(--color-accent) 100%);color:var(--color-accent-ink)}.example-site__hero p{color:var(--color-sakura)}.example-site__stamp{border-color:color-mix(in oklch, var(--color-on-dark) 62%, transparent)}.example-menu,.example-visit,.service-card{border-color:var(--line-light);background:var(--color-paper-raised)}.example-menu__heading,.example-menu__item,.service-card__badge,.service-card__price,.service-card__monthly{border-color:var(--line-light)}.example-menu__heading span,.example-visit>span,.example-visit__link{color:var(--color-accent)}.example-visit,.process{background:var(--color-paper-deep)}.quote:before,.contact:before{border-color:var(--line-dark)}.quote__stat strong{color:var(--color-sakura)}.quote__stat blockquote,.service-card__setup strong{font-family:var(--font-display);font-style:normal}.service-card{box-shadow:0 18px 50px color-mix(in oklch, var(--color-ink) 6%, transparent)}.service-card[data-featured=true]{border-color:color-mix(in oklch, var(--color-accent) 52%, transparent);box-shadow:0 24px 58px color-mix(in oklch, var(--color-accent) 10%, transparent)}.service-card[data-accent=rose]{background:var(--color-sakura-soft)}.service-card__setup strong,.service-card__cta{color:var(--color-ink)}.contact-form{border-color:var(--line-dark);background:var(--surface-dark)}.contact-form__field label{color:color-mix(in oklch, var(--color-on-dark) 84%, transparent)}.contact-form__field label span,.contact-form__helper{color:color-mix(in oklch, var(--color-on-dark) 58%, transparent)}.contact-form__helper{min-height:1lh;font-size:.72rem;line-height:1.25}.contact-form__field input,.contact-form__field textarea{border-color:color-mix(in oklch, var(--color-on-dark) 22%, transparent);background:var(--surface-dark);color:var(--color-on-dark);font:400 1rem/1.45 var(--font-body);outline-offset:1px;outline:2px solid #0000}.contact-form__field input::placeholder,.contact-form__field textarea::placeholder{color:color-mix(in oklch, var(--color-on-dark) 48%, transparent)}@media (hover:hover){.contact-form__field input:hover,.contact-form__field textarea:hover{border-color:color-mix(in oklch, var(--color-sakura) 58%, transparent);background:var(--surface-dark-hover)}}.contact-form__field input:focus,.contact-form__field textarea:focus,.contact-form__field input:focus-visible,.contact-form__field textarea:focus-visible{border-color:var(--color-focus);background:var(--surface-dark-hover);outline:2px solid var(--color-focus);outline-offset:1px;box-shadow:none}.contact-form__field input:active,.contact-form__field textarea:active{border-color:var(--color-sakura)}.contact-form__field input:disabled,.contact-form__field textarea:disabled{opacity:.5;cursor:not-allowed;filter:saturate(.2)}.contact-form__field input[aria-invalid=true],.contact-form__field textarea[aria-invalid=true]{border-color:var(--color-error)}.contact-form[data-state=error] .contact-form__status{color:var(--color-error)}.contact-form__field:has([aria-invalid=true]) .contact-form__helper{color:var(--color-error)}.contact-form__field :is(input,textarea):user-valid:not(:placeholder-shown){border-color:var(--color-success)}.contact-form__status{min-height:1.4em;color:color-mix(in oklch, var(--color-on-dark) 62%, transparent);margin:0;font-size:.74rem;line-height:1.4}.button--light{border-color:var(--color-sakura);background:var(--color-sakura);color:var(--color-ink);font-family:var(--font-body);white-space:nowrap}.button--light:active{transform:translateY(1px)}.button--light:disabled,.button--light[data-state=loading]{opacity:.52;cursor:wait;filter:saturate(.25);transform:none}.button--light[data-state=error]{border-color:var(--color-error)}.button--light[data-state=success]{border-color:var(--color-success);background:var(--color-success)}.contact__direct a,.site-footer__brand{color:var(--color-on-dark)}.contact__direct a{-webkit-text-decoration-color:color-mix(in oklch, var(--color-on-dark) 40%, transparent);text-decoration-color:color-mix(in oklch, var(--color-on-dark) 40%, transparent)}.site-footer{border-color:color-mix(in oklch, var(--color-on-dark) 10%, transparent);background:var(--color-dark-deep);color:color-mix(in oklch, var(--color-on-dark) 74%, transparent)}.site-footer__intro p,.site-footer small{color:color-mix(in oklch, var(--color-on-dark) 64%, transparent)}.site-footer__nav a,.site-footer__contact a,.site-footer__back{color:color-mix(in oklch, var(--color-on-dark) 80%, transparent);white-space:nowrap}.site-footer__bottom{border-color:color-mix(in oklch, var(--color-on-dark) 10%, transparent)}@media (max-width:900px){.scroll-header{width:min(calc(100% - (var(--space-4) * 2)), 560px)}.example-showcase{padding-right:0}}@media (max-width:620px){.scroll-header{top:var(--space-3);width:calc(100% - (var(--space-3) * 2));padding:0}.example-site{padding:var(--space-4)}.example-site__hero,.example-site__content{grid-template-columns:minmax(0,1fr)}.contact-form__actions,.contact-form__actions .button{width:100%}.contact-form__actions .button{justify-content:center}}@media (prefers-reduced-motion:reduce){.scroll-header,.scroll-header__pill,.scene-water-transition__wash,.scene-water-transition__shimmer,.scroll-hero__word>span{transition:none!important}.scene-water-transition__current,.scene-water-transition__ripples span{animation:none!important}.scene-water-transition__wash,.scene-water-transition[data-active=true] .scene-water-transition__wash{opacity:.88;transform:none}.scene-water-transition__shimmer,.scene-water-transition[data-active=true] .scene-water-transition__shimmer{opacity:.32;transform:translate(-50%)}.scene-water-transition__ripples{display:none}}.scroll-header,.scroll-header__brand,.scroll-hero__stacked{font-family:var(--font-body)}.scroll-portfolio :is(h2,h3){letter-spacing:-.025em;font-weight:700}.offer-intro{min-height:auto;padding-top:clamp(var(--space-8), 10vw, var(--space-10));padding-bottom:clamp(var(--space-8), 10vw, var(--space-10))}.offer-intro__inner{grid-template-columns:minmax(0,1.25fr) minmax(18rem,.75fr);align-items:center}.offer-intro h2{max-width:12ch;font-family:var(--font-outlier);font-size:var(--text-heading);letter-spacing:-.035em;font-weight:500;line-height:1.02}.offer-intro__details{gap:var(--space-6);display:grid}.offer-intro__copy{gap:var(--space-4)}.offer-intro__copy p{font-size:var(--text-lede);line-height:1.65}.offer-intro__actions{gap:var(--space-4) var(--space-5);flex-wrap:wrap;align-items:center;display:flex}.offer-intro__actions .button{align-items:center;gap:var(--space-2);min-height:46px;display:inline-flex}.offer-intro__text-link{color:color-mix(in oklch, var(--color-on-dark) 76%, transparent);font-size:var(--text-caption);-webkit-text-decoration-color:color-mix(in oklch, var(--color-sakura) 50%, transparent);text-decoration-color:color-mix(in oklch, var(--color-sakura) 50%, transparent);text-underline-offset:var(--space-2);white-space:nowrap;transition:color var(--dur-short) var(--ease-out);font-weight:650}.offer-intro__text-link:hover,.offer-intro__text-link:focus-visible{color:var(--color-sakura)}.example{padding-top:clamp(var(--space-8), 10vw, var(--space-10));padding-bottom:clamp(var(--space-8), 10vw, var(--space-10))}.example__heading h2{max-width:15ch;font-size:var(--text-heading);letter-spacing:-.035em;line-height:1.02}.example__heading>p{font-size:var(--text-lede);line-height:1.65}.example-showcase__image-link{border:1px solid var(--line-light);background:var(--color-dark-deep);display:block;overflow:hidden}.example-showcase__image-link img{width:100%;height:auto;transition:opacity var(--dur-short) var(--ease-out);display:block}.example-showcase__image-link:hover img,.example-showcase__image-link:focus-visible img{opacity:.9}.example-showcase figcaption{justify-content:space-between;align-items:center;gap:var(--space-4);max-width:none;font-size:var(--text-caption);display:flex}.example-showcase figcaption a{align-items:center;gap:var(--space-2);min-height:44px;color:var(--color-accent-strong);white-space:nowrap;font-weight:700;text-decoration:none;display:inline-flex}.example-showcase figcaption a:hover,.example-showcase figcaption a:focus-visible{color:var(--color-accent)}.business-fit{gap:clamp(var(--space-7), 9vw, var(--space-10));max-width:none;padding-top:clamp(var(--space-8), 10vw, var(--space-10));padding-bottom:clamp(var(--space-8), 10vw, var(--space-10));background:var(--color-dark);color:var(--color-on-dark);grid-template-columns:minmax(0,.9fr) minmax(20rem,.7fr);align-items:end;display:grid}.business-fit:before{border-color:var(--line-dark)}.business-fit__heading>p{margin-bottom:var(--space-5);color:var(--color-sakura);font-size:var(--text-body)}.business-fit__heading h2{max-width:13ch;font-size:var(--text-heading);letter-spacing:-.035em;margin-bottom:0;line-height:1.02}.business-fit__body{gap:var(--space-6);display:grid}.business-fit__body ul{border-top:1px solid var(--line-dark);margin-bottom:0;padding:0;list-style:none}.business-fit__body li{padding:var(--space-4) 0;border-bottom:1px solid var(--line-dark);color:color-mix(in oklch, var(--color-on-dark) 88%, transparent);font-size:var(--text-lede);line-height:1.35}.business-fit__body>p{max-width:52ch;color:color-mix(in oklch, var(--color-on-dark) 66%, transparent);font-size:var(--text-body);margin-bottom:0;line-height:1.65}.process{max-width:none;padding-top:clamp(var(--space-8), 10vw, var(--space-10));padding-bottom:clamp(var(--space-8), 10vw, var(--space-10));scroll-margin-top:calc(var(--space-8) + var(--space-4))}.process-heading{max-width:58rem;margin-top:0}.process-heading h2{max-width:14ch;margin-bottom:var(--space-5);font-size:var(--text-heading);letter-spacing:-.035em;line-height:1.02}.process-heading>p,.service-offer__intro>p{max-width:54ch;color:var(--color-ink-soft);font-size:var(--text-lede);margin-bottom:0;line-height:1.65}.process-list{margin-top:clamp(var(--space-7), 7vw, var(--space-8));border-top:1px solid var(--line-light);grid-template-columns:minmax(0,1fr);display:grid}.process-list article,.process-list article:not(:first-child),.process-list article:last-child{gap:var(--space-5);min-height:0;padding:var(--space-6) 0;border-top:0;border-right:0;border-bottom:1px solid var(--line-light);grid-template-columns:3rem minmax(12rem,.62fr) minmax(0,1fr);align-items:start;display:grid}.process-list article>span{color:var(--color-accent);font-family:var(--font-body);font-size:var(--text-caption);font-variant-numeric:tabular-nums}.process-list h3{font-size:var(--text-subheading);margin:0;font-weight:700;line-height:1.14}.process-list p{max-width:54ch;font-size:var(--text-body);margin-bottom:0;line-height:1.65}.service-offer{gap:clamp(var(--space-7), 8vw, var(--space-10));margin-top:clamp(var(--space-9), 12vw, var(--space-11));padding-top:clamp(var(--space-7), 7vw, var(--space-8));border-top:1px solid var(--line-light);scroll-margin-top:calc(var(--space-8) + var(--space-4));grid-template-columns:minmax(16rem,.72fr) minmax(22rem,1.08fr);align-items:start;display:grid}.service-offer__intro h2{max-width:10ch;margin-bottom:var(--space-5);font-size:var(--text-heading);letter-spacing:-.035em;line-height:1.02}.service-card{min-height:0;padding:clamp(var(--space-5), 4vw, var(--space-7));box-shadow:none;border-radius:0}.service-card__topline{min-height:0;margin-bottom:var(--space-7);justify-content:flex-start}.service-card__badge{padding:var(--space-2) var(--space-3);font-size:var(--text-caption);text-align:left}.service-card h3{font-size:var(--text-subheading);font-weight:700}.service-card p{min-height:0;font-size:var(--text-body)}.service-card__price{font-variant-numeric:tabular-nums}.service-card__price span,.service-card li,.service-card .service-card__note,.service-card__cta{font-size:var(--text-caption)}.service-card__setup strong{font-family:var(--font-body)}.service-card__cta{white-space:nowrap;min-height:44px}.contact{padding-top:clamp(var(--space-8), 10vw, var(--space-10));padding-bottom:clamp(var(--space-8), 10vw, var(--space-10))}.contact__heading h2{font-size:var(--text-heading);letter-spacing:-.035em;line-height:1.02}.contact__heading>p:last-child{font-size:var(--text-lede);line-height:1.65}.contact-form{border-radius:0}.contact-form__field label,.contact-form__helper,.contact-form__status,.contact__direct>span,.contact__direct a{font-size:var(--text-caption)}.contact-form__field input,.contact-form__field textarea{border-radius:var(--radius-control);transition:border-color var(--dur-short) var(--ease-out), background var(--dur-short) var(--ease-out)}.site-footer{padding-top:clamp(var(--space-8), 10vw, var(--space-10))}.site-footer__statement{gap:var(--space-7);grid-template-columns:minmax(0,1.2fr) auto;align-items:end;max-width:1216px;margin:0 auto;display:grid}.site-footer__statement p{max-width:16ch;color:var(--color-on-dark);font-family:var(--font-outlier);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.3rem,5.8vw,5.5rem);font-weight:500;line-height:1.02}.site-footer__statement a{align-items:center;gap:var(--space-2);min-height:46px;padding-bottom:var(--space-2);border-bottom:1px solid var(--color-sakura);color:var(--color-sakura);font-size:var(--text-body);white-space:nowrap;font-weight:700;text-decoration:none;display:inline-flex}.site-footer__statement a:hover,.site-footer__statement a:focus-visible{color:var(--color-on-dark)}.site-footer__meta{gap:var(--space-5);max-width:1216px;margin:clamp(var(--space-8), 10vw, var(--space-10)) auto 0;padding-top:var(--space-5);border-top:1px solid var(--line-dark);font-size:var(--text-caption);grid-template-columns:auto minmax(12rem,1fr) auto auto;align-items:center;display:grid}.site-footer__meta .site-footer__brand{font-family:var(--font-body);font-size:var(--text-body);letter-spacing:0;font-weight:700}.site-footer__meta>span,.site-footer__meta>a:not(.site-footer__brand),.site-footer__meta small{color:color-mix(in oklch, var(--color-on-dark) 66%, transparent);font-size:var(--text-caption)}.site-footer__meta>a{-webkit-text-decoration-color:color-mix(in oklch, var(--color-on-dark) 34%, transparent);text-decoration-color:color-mix(in oklch, var(--color-on-dark) 34%, transparent);text-underline-offset:var(--space-1);white-space:nowrap}.site-footer__meta>a:hover,.site-footer__meta>a:focus-visible{color:var(--color-sakura)}@media (max-width:900px){.offer-intro__inner,.business-fit,.service-offer{grid-template-columns:minmax(0,1fr)}.business-fit__body{max-width:38rem}.service-offer{gap:var(--space-7)}.contact{grid-template-columns:minmax(0,1fr)}.contact__body{max-width:44rem}.site-footer__meta{grid-template-columns:minmax(0,1fr) auto}}@media (max-width:620px){.offer-intro__inner,.business-fit,.service-offer,.contact{gap:var(--space-7)}.offer-intro__actions{flex-direction:column;align-items:stretch}.offer-intro__actions .button,.offer-intro__text-link{text-align:center;justify-content:center;width:100%}.example__heading{gap:var(--space-6)}.example-showcase figcaption{flex-direction:column;align-items:flex-start}.process-list article,.process-list article:not(:first-child),.process-list article:last-child{gap:var(--space-4);grid-template-columns:2.25rem minmax(0,1fr)}.process-list article>p{grid-column:2}.service-card__topline{margin-bottom:var(--space-6)}.service-card__price,.site-footer__statement{grid-template-columns:minmax(0,1fr)}.site-footer__statement a{width:fit-content}.site-footer__meta{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.example-showcase__image-link img,.offer-intro__text-link,.contact-form__field input,.contact-form__field textarea{transition:none}}.scroll-portfolio :is(h1,h2,h3){overflow-wrap:anywhere;min-width:0;font-style:normal}.scroll-hero__canvas{background:var(--color-dark-deep)}.scroll-hero__poster{z-index:-1;object-fit:cover;object-position:center;opacity:1;transition:opacity var(--dur-long) var(--ease-in)}.scroll-hero__canvas canvas{z-index:1;opacity:0;transition:opacity var(--dur-long) var(--ease-out)}.scroll-portfolio[data-scene-ready=true] .scroll-hero__poster{opacity:0}.scroll-portfolio[data-scene-ready=true] .scroll-hero__canvas canvas{opacity:1}.scroll-hero__copy{width:min(31rem,100% - 2.75rem);top:clamp(7.5rem,14svh,10rem)}.scroll-hero__stacked{font-size:clamp(2rem,4vw,3.8rem);line-height:.9}.scroll-portfolio[data-scene-entered=true] .scroll-hero__stacked>.scroll-hero__word{animation:hero-word-arrive var(--dur-short) var(--ease-out) forwards;filter:none}.scroll-portfolio[data-scene-entered=true] .scroll-hero__stacked>.scroll-hero__word:nth-child(2){animation-delay:60ms}.scroll-portfolio[data-scene-entered=true] .scroll-hero__stacked>.scroll-hero__word:nth-child(3){animation-delay:.12s}.scroll-hero__details{gap:var(--space-5);max-width:29rem;margin-top:var(--space-6);opacity:0;transform:translateY(var(--space-2));display:grid}.scroll-portfolio[data-scene-entered=true] .scroll-hero__details{opacity:1;transition:opacity var(--dur-short) var(--ease-out) .12s, transform var(--dur-short) var(--ease-out) .12s;transform:none}.scroll-hero__details p{max-width:45ch;color:color-mix(in oklch, var(--color-on-dark) 84%, transparent);font-size:var(--text-lede);text-shadow:0 2px 20px var(--color-shadow);margin:0;line-height:1.55}.scroll-hero__actions{gap:var(--space-3) var(--space-5);flex-wrap:wrap;display:flex}.scroll-hero__actions a{min-height:44px;padding-block:var(--space-2);border-bottom:1px solid color-mix(in oklch, var(--color-on-dark) 54%, transparent);color:var(--color-on-dark);font-size:var(--text-caption);white-space:nowrap;align-items:center;font-weight:700;text-decoration:none;display:inline-flex}.scroll-hero__actions a:first-child{border-color:var(--color-sakura);color:var(--color-sakura)}@media (hover:hover){.scroll-hero__actions a:hover{color:var(--color-sakura);transform:translateY(-1px)}}.clients{gap:clamp(var(--space-7), 8vw, var(--space-10));padding-top:clamp(var(--space-8), 9vw, var(--space-10));padding-bottom:clamp(var(--space-8), 11vw, var(--space-11));background:var(--color-paper-raised);scroll-margin-top:calc(var(--space-8) + var(--space-4));grid-template-columns:minmax(16rem,.72fr) minmax(22rem,1.28fr);align-items:start;display:grid}.clients__heading h2,.faq__heading h2{max-width:13ch;margin-bottom:var(--space-5);font-size:var(--text-heading);line-height:1.02}.clients__heading p,.faq__heading p{max-width:55ch;color:var(--color-ink-soft);font-size:var(--text-lede);margin:0;line-height:1.65}.clients__list{border-top:1px solid var(--line-light)}.clients__list>a{gap:var(--space-5);min-height:8.5rem;padding-block:var(--space-5);border-bottom:1px solid var(--line-light);color:var(--color-ink);grid-template-columns:2.5rem minmax(0,1fr) auto;align-items:center;text-decoration:none;display:grid}.clients__list>a>span:first-child{padding-top:var(--space-1);color:var(--color-accent);font-size:var(--text-caption);font-variant-numeric:tabular-nums;align-self:start}.clients__list>a>div{gap:var(--space-2);display:grid}.clients__list strong{font-family:var(--font-display);font-size:var(--text-subheading);line-height:1.1}.clients__list small{color:var(--color-ink-soft);font-size:var(--text-caption)}.clients__visit{align-items:center;gap:var(--space-2);color:var(--color-accent-strong);font-size:var(--text-caption);white-space:nowrap;font-weight:700;display:inline-flex}@media (hover:hover){.clients__list>a:hover .clients__visit{color:var(--color-accent);transform:translateY(-1px)}}.faq{gap:clamp(var(--space-7), 8vw, var(--space-10));padding-top:clamp(var(--space-8), 10vw, var(--space-10));padding-bottom:clamp(var(--space-8), 10vw, var(--space-10));background:var(--color-paper-deep);grid-template-columns:minmax(16rem,.72fr) minmax(22rem,1.28fr);align-items:start;display:grid}.faq-list{max-width:none;margin-top:0}.faq-list summary{min-height:4.5rem;padding-block:var(--space-5)}.faq-list summary:focus-visible{border-radius:var(--radius-control);outline:3px solid var(--color-focus);outline-offset:var(--space-1)}.faq-list details p{font-size:var(--text-body);margin-inline-end:var(--space-7)}.contact-form__honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.contact-form__fallback{align-items:center;gap:var(--space-2);width:fit-content;min-height:44px;color:var(--color-sakura);font-size:var(--text-caption);-webkit-text-decoration-color:color-mix(in oklch, var(--color-sakura) 52%, transparent);text-decoration-color:color-mix(in oklch, var(--color-sakura) 52%, transparent);text-underline-offset:var(--space-1);white-space:nowrap;font-weight:700;display:inline-flex}.contact-form[data-state=success] .contact-form__status{color:var(--color-success)}.contact-success-dialog{border:1px solid color-mix(in oklch, var(--color-accent) 22%, transparent);border-radius:var(--radius-panel);background:var(--color-paper-raised);width:min(100vw - 2rem,30rem);color:var(--color-ink);box-shadow:0 28px 80px var(--color-shadow);padding:0}.contact-success-dialog::backdrop{background:color-mix(in oklch, var(--color-dark-deep) 70%, transparent);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.contact-success-dialog__body{justify-items:center;gap:var(--space-4);padding:clamp(var(--space-6), 7vw, var(--space-7));text-align:center;display:grid}.contact-success-dialog__icon{color:var(--color-accent)}.contact-success-dialog h2{font-family:var(--font-display);font-size:var(--text-subheading);letter-spacing:-.025em;margin:0}.contact-success-dialog p{max-width:32ch;color:var(--color-ink-soft);font-size:var(--text-body);margin:0;line-height:1.6}.contact-success-dialog__action{margin-top:var(--space-2);justify-content:center}@media (max-width:900px){.clients,.faq{grid-template-columns:minmax(0,1fr)}.scroll-header__theme{display:inline-flex}}@media (max-width:620px){.scroll-header__theme{width:38px;min-height:38px;padding:0}.scroll-header__theme span{display:none}.scroll-hero__copy{top:7rem;left:var(--space-5);width:calc(100% - var(--space-6))}.scroll-hero__stacked{font-size:clamp(2.15rem,12vw,3.15rem)}.scroll-hero__details{max-width:min(23rem,92%);margin-top:var(--space-5)}.scroll-hero__details p{font-size:var(--text-body)}.scroll-hero__actions{align-items:flex-start;gap:var(--space-2);flex-direction:column}.clients,.faq{gap:var(--space-7)}.clients__list>a{gap:var(--space-3);grid-template-columns:2rem minmax(0,1fr);min-height:7.5rem}.clients__visit{grid-column:2}.faq-list details p{margin-inline-end:0}}@media (prefers-reduced-motion:reduce){.scroll-hero__poster,.scroll-hero__canvas canvas,.scroll-hero__details,.scroll-hero__actions a,.clients__visit{transition:none}.scroll-portfolio[data-scene-entered=true] .scroll-hero__stacked>.scroll-hero__word{opacity:1;animation:none;transform:none}}.section-drawer__grid--clients{grid-template-columns:repeat(2,minmax(0,1fr))}.section-drawer__grid--services{grid-template-columns:minmax(0,1fr)}.drawer-card--client,.drawer-card--service{gap:var(--space-4);color:var(--color-on-dark);text-decoration:none;display:grid}.drawer-card--client>span,.drawer-card--service>span{color:var(--color-sakura);font-size:var(--text-caption)}.drawer-card--client strong{align-items:center;gap:var(--space-2);color:var(--color-sakura);display:inline-flex}.drawer-card--service>strong{color:var(--color-sakura);font-variant-numeric:tabular-nums}.drawer-card--service>a{width:fit-content;color:var(--color-on-dark);text-underline-offset:var(--space-1)}@media (max-width:620px){.section-drawer__grid--clients{grid-template-columns:minmax(0,1fr)}}.scroll-hero{min-height:100svh}.scroll-header__demo{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border:1px solid var(--color-sakura);border-radius:var(--radius-pill);background:var(--color-sakura);color:var(--color-ink);font-family:var(--font-body);font-size:var(--text-caption);white-space:nowrap;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);flex:none;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.scroll-header__demo:active{transform:translateY(1px)}.scroll-hero__modes{z-index:4;right:clamp(var(--space-4), 4vw, var(--space-7));bottom:max(var(--space-5), env(safe-area-inset-bottom));align-items:center;gap:var(--space-1);padding:var(--space-1);border:1px solid color-mix(in oklch, var(--color-on-dark) 28%, transparent);border-radius:var(--radius-pill);background:color-mix(in oklch, var(--color-dark-deep) 54%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:1;visibility:visible;transition:opacity var(--dur-short) var(--ease-in), transform var(--dur-short) var(--ease-in);display:inline-flex;position:absolute}.scroll-portfolio[data-scene-away=true] .scroll-hero__modes{opacity:0;pointer-events:none;transform:translateY(var(--space-2));visibility:hidden}.scroll-hero__modes button{align-items:center;gap:var(--space-2);min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);color:color-mix(in oklch, var(--color-on-dark) 76%, transparent);font-size:var(--text-caption);white-space:nowrap;transition:background var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-micro) var(--ease-out);border:1px solid #0000;line-height:1;display:inline-flex}.scroll-hero__modes button[aria-pressed=true]{border-color:color-mix(in oklch, var(--color-on-dark) 22%, transparent);background:var(--color-on-dark);color:var(--color-ink)}.scroll-hero__modes button:active{transform:translateY(1px)}.offer-intro__actions{justify-content:flex-start}.example__heading{display:block}.example__heading h2{max-width:none;margin:0}.example-showcase{margin-top:clamp(var(--space-6), 6vw, var(--space-8))}.example-showcase__image-link{position:relative}.example-showcase__open{right:var(--space-5);bottom:var(--space-5);align-items:center;gap:var(--space-2);min-height:46px;padding:var(--space-3) var(--space-5);border:1px solid var(--line-dark);border-radius:var(--radius-pill);background:var(--color-on-dark);color:var(--color-ink);font-size:var(--text-caption);white-space:nowrap;transition:transform var(--dur-micro) var(--ease-out);font-weight:700;line-height:1;display:inline-flex;position:absolute}.example-showcase__image-link:active .example-showcase__open{transform:translateY(1px)}@media (hover:hover) and (pointer:fine){.scroll-header__demo:hover{border-color:var(--color-on-dark);background:var(--color-on-dark);color:var(--color-ink);transform:translateY(-1px)}.scroll-hero__modes button:not([aria-pressed=true]):hover{background:var(--surface-dark-hover);color:var(--color-on-dark)}.example-showcase__image-link:hover .example-showcase__open{transform:translateY(-1px)}}@media (max-width:900px){.scroll-header__demo{margin-inline-start:auto}}@media (max-width:620px){.scroll-header__pill{gap:var(--space-2);padding-inline-start:var(--space-3)}.scroll-header__demo{min-height:44px;padding-inline:var(--space-3)}.scroll-hero__modes{right:var(--space-3);bottom:max(var(--space-4), env(safe-area-inset-bottom))}.scroll-hero__modes button{min-height:44px;padding-inline:var(--space-3)}.example-showcase__open{right:var(--space-3);bottom:var(--space-3);min-height:44px;padding:var(--space-2) var(--space-4)}}@media (prefers-reduced-motion:reduce){.scroll-header__demo,.scroll-hero__modes,.scroll-hero__modes button,.example-showcase__open{transition:none}}.offer-intro h2{max-width:12ch}.decision-proof{max-width:none;padding-top:clamp(var(--space-8), 10vw, var(--space-10));padding-bottom:clamp(var(--space-8), 10vw, var(--space-10));background:var(--color-dark);color:var(--color-on-dark)}.decision-proof:before{border-color:var(--line-dark)}.decision-proof__heading{gap:clamp(var(--space-7), 8vw, var(--space-10));grid-template-columns:minmax(0,1.05fr) minmax(18rem,.65fr);align-items:end;display:grid}.decision-proof__heading h2{max-width:12ch;font-size:var(--text-heading);letter-spacing:-.035em;margin:0;line-height:1.02}.decision-proof__heading p{max-width:52ch;color:color-mix(in oklch, var(--color-on-dark) 72%, transparent);font-size:var(--text-lede);margin:0;line-height:1.65}.decision-proof__stats{margin-top:clamp(var(--space-7), 8vw, var(--space-9));border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.decision-proof__stat{align-content:start;gap:var(--space-4);min-width:0;padding:var(--space-6) var(--space-6) var(--space-5) 0;display:grid}.decision-proof__stat+.decision-proof__stat{border-inline-start:1px solid var(--line-dark);padding-inline-start:var(--space-6)}.decision-proof__stat strong{color:var(--color-sakura);font-family:var(--font-display);font-variant-numeric:tabular-nums;letter-spacing:-.05em;font-size:clamp(2.5rem,5vw,5rem);font-weight:700;line-height:.96}.decision-proof__stat p{max-width:48ch;color:color-mix(in oklch, var(--color-on-dark) 86%, transparent);font-size:var(--text-body);margin:0;line-height:1.55}.decision-proof__stat a{align-items:center;gap:var(--space-2);width:fit-content;min-height:44px;color:color-mix(in oklch, var(--color-on-dark) 66%, transparent);font-size:var(--text-caption);-webkit-text-decoration-color:color-mix(in oklch, var(--color-sakura) 44%, transparent);text-decoration-color:color-mix(in oklch, var(--color-sakura) 44%, transparent);text-underline-offset:var(--space-1);white-space:nowrap;transition:color var(--dur-short) var(--ease-out);line-height:1;display:inline-flex}.decision-proof__stat a:active{color:var(--color-on-dark)}.site-footer__statement p{max-width:13ch}@media (hover:hover) and (pointer:fine){.decision-proof__stat a:hover{color:var(--color-sakura)}}@media (max-width:900px){.decision-proof__heading{grid-template-columns:minmax(0,1fr)}}@media (max-width:620px){.decision-proof__heading{gap:var(--space-6)}.decision-proof__stats{grid-template-columns:minmax(0,1fr)}.decision-proof__stat,.decision-proof__stat+.decision-proof__stat{padding:var(--space-6) 0;border-inline-start:0}.decision-proof__stat+.decision-proof__stat{border-top:1px solid var(--line-dark)}}@media (prefers-reduced-motion:reduce){.decision-proof__stat a{transition:none}}.service-offer--single>.service-card{grid-column:2}.site-footer__statement--simple{grid-template-columns:minmax(0,1fr)}@media (max-width:900px){.service-offer--single>.service-card{grid-column:1}}.service-card__actions{gap:var(--space-3) var(--space-5);margin-top:var(--space-5);flex-wrap:wrap;display:flex}.service-card__actions .service-card__cta{margin-top:0}.service-card__actions .service-card__cta+.service-card__cta{color:var(--color-accent)}.contact-form__status a{color:inherit;text-underline-offset:var(--space-1);white-space:nowrap}.site-footer__legal{align-items:center;gap:var(--space-4);display:flex}.site-footer__legal a{color:color-mix(in oklch, var(--color-on-dark) 66%, transparent);font-size:var(--text-caption);-webkit-text-decoration-color:color-mix(in oklch, var(--color-on-dark) 34%, transparent);text-decoration-color:color-mix(in oklch, var(--color-on-dark) 34%, transparent);text-underline-offset:var(--space-1);white-space:nowrap}.site-footer__legal a:focus-visible{color:var(--color-sakura)}.site-footer__meta{grid-template-columns:auto minmax(12rem,1fr) auto}.inner-page{background:var(--color-paper);min-height:100svh;color:var(--color-ink);font-family:var(--font-body)}.inner-page :is(h1,h2,h3,p,ul){margin-top:0}.inner-page :is(h1,h2,h3){overflow-wrap:anywhere;text-wrap:balance;min-width:0;margin-bottom:0;font-style:normal}.inner-page a:focus-visible,.inner-page button:focus-visible{outline:3px solid var(--color-focus);outline-offset:var(--space-1)}.inner-page .button{white-space:nowrap}.inner-page .button:active{transform:translateY(1px)}.inner-page .button:focus-visible{background:var(--color-accent-strong);color:var(--color-accent-ink)}.inner-header{gap:var(--space-5);max-width:90rem;padding:var(--space-5) clamp(var(--space-5), 5vw, var(--space-8));grid-template-columns:auto minmax(0,1fr);align-items:center;margin:0 auto;display:grid}.inner-header__brand{color:var(--color-ink);font-size:var(--text-lede);letter-spacing:-.03em;white-space:nowrap;font-weight:800;text-decoration:none}.inner-header__nav{justify-content:flex-end;gap:clamp(var(--space-3), 2vw, var(--space-5));align-items:center;display:flex}.inner-header__nav a{align-items:center;gap:var(--space-1);min-height:44px;color:var(--color-ink-soft);font-size:var(--text-caption);white-space:nowrap;font-weight:650;text-decoration:none;display:inline-flex}.inner-header__nav a[aria-current=page]{color:var(--color-ink);text-decoration:underline;-webkit-text-decoration-color:var(--color-accent);text-decoration-color:var(--color-accent);text-underline-offset:var(--space-2);text-decoration-thickness:2px}.inner-letter-hero{gap:var(--space-5);max-width:82rem;min-height:clamp(36rem,76svh,52rem);padding:clamp(var(--space-7), 7vw, var(--space-9)) clamp(var(--space-5), 6vw, var(--space-9)) clamp(var(--space-9), 11vw, var(--space-11));grid-template-columns:repeat(12,minmax(0,1fr));align-content:center;margin:0 auto;display:grid}.inner-letter-hero__salutation{margin-bottom:var(--space-5);color:var(--color-accent);font-size:var(--text-body);grid-column:1/-1;font-weight:700}.inner-letter-hero h1{color:var(--color-ink);font-family:var(--font-outlier);letter-spacing:-.045em;grid-column:1/span 8;font-size:clamp(3rem,7vw,5.5rem);font-weight:500;line-height:1.01}.inner-letter-hero__lede{gap:var(--space-4);margin-top:var(--space-7);grid-column:6/-1;display:grid}.inner-letter-hero__lede p{max-width:48ch;color:var(--color-ink-soft);font-size:clamp(var(--text-lede), 2vw, var(--text-subheading));margin-bottom:0;line-height:1.5}.about-story{gap:clamp(var(--space-7), 10vw, var(--space-10));max-width:82rem;padding:clamp(var(--space-8), 10vw, var(--space-10)) clamp(var(--space-5), 6vw, var(--space-9)) clamp(var(--space-9), 12vw, var(--space-11));border-top:1px solid var(--line-light);grid-template-columns:minmax(16rem,.74fr) minmax(0,1fr);margin:0 auto;display:grid}.about-story h2,.about-actions h2,.about-close h2,.privacy-document h1,.privacy-document h2{font-family:var(--font-display);letter-spacing:-.04em;font-weight:750;line-height:1.05}.about-story h2{max-width:9ch;font-size:var(--text-heading)}.about-story>div{gap:var(--space-5);align-content:start;display:grid}.about-story p{max-width:61ch;color:var(--color-ink-soft);font-size:var(--text-lede);margin-bottom:0;line-height:1.65}.about-actions{gap:clamp(var(--space-7), 9vw, var(--space-10));max-width:none;padding:clamp(var(--space-8), 10vw, var(--space-10)) max(clamp(var(--space-5), 6vw, var(--space-9)), calc((100% - 82rem) / 2));background:var(--color-dark);color:var(--color-on-dark);grid-template-columns:minmax(16rem,.7fr) minmax(0,1.3fr);display:grid}.about-actions h2{max-width:11ch;font-size:var(--text-heading)}.about-actions ul{border-top:1px solid var(--line-dark);margin-bottom:0;padding:0;list-style:none}.about-actions li{gap:var(--space-5);padding:var(--space-5) 0;border-bottom:1px solid var(--line-dark);grid-template-columns:minmax(11rem,.68fr) minmax(0,1fr);display:grid}.about-actions strong{color:var(--color-on-dark);font-size:var(--text-body)}.about-actions span{color:color-mix(in oklch, var(--color-on-dark) 72%, transparent);font-size:var(--text-body);line-height:1.55}.about-close{gap:var(--space-5) clamp(var(--space-7), 9vw, var(--space-10));max-width:82rem;padding:clamp(var(--space-9), 12vw, var(--space-11)) clamp(var(--space-5), 6vw, var(--space-9));grid-template-columns:minmax(0,1fr) minmax(18rem,.7fr);align-items:start;margin:0 auto;display:grid}.about-close h2{max-width:10ch;font-size:var(--text-heading);grid-row:1/span 2}.about-close p{max-width:48ch;color:var(--color-ink-soft);font-size:var(--text-lede);margin-bottom:0;line-height:1.65}.about-close .button{width:fit-content}.inner-footer{max-width:90rem;margin:0 auto}.inner-footer--letter{gap:var(--space-7);padding:clamp(var(--space-8), 10vw, var(--space-10)) clamp(var(--space-5), 5vw, var(--space-8)) var(--space-7);border-top:1px solid var(--line-light);grid-template-columns:minmax(0,1fr) auto;align-items:end;display:grid}.inner-footer--letter p{gap:var(--space-2);color:var(--color-ink-soft);font-size:var(--text-body);margin-bottom:0;display:grid}.inner-footer--letter strong{color:var(--color-ink);font-family:var(--font-outlier);letter-spacing:-.04em;font-size:clamp(2.5rem,6vw,5.25rem);font-weight:500;line-height:1}.inner-footer--letter span{font-size:var(--text-caption)}.inner-footer--letter nav{justify-content:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.inner-footer--letter nav a,.inner-footer--document a{color:var(--color-ink-soft);font-size:var(--text-caption);text-underline-offset:var(--space-1);white-space:nowrap}.privacy-document{max-width:82rem;padding:clamp(var(--space-7), 7vw, var(--space-9)) clamp(var(--space-5), 6vw, var(--space-9)) clamp(var(--space-9), 12vw, var(--space-11));margin:0 auto}.privacy-document__hero{gap:var(--space-5);padding-bottom:clamp(var(--space-8), 9vw, var(--space-10));grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.privacy-document__hero>p{margin-bottom:var(--space-5);color:var(--color-ink-soft);font-size:var(--text-caption);font-variant-numeric:tabular-nums;grid-column:1/-1}.privacy-document h1{max-width:11ch;font-size:var(--text-display);grid-column:1/span 8}.privacy-document__hero>div{gap:var(--space-4);margin-top:var(--space-7);grid-column:7/-1;display:grid}.privacy-document__hero>div p{color:var(--color-ink-soft);font-size:var(--text-lede);margin-bottom:0;line-height:1.6}.privacy-document__body{border-top:1px solid var(--line-light);max-width:60rem;margin-inline-start:auto}.privacy-document__body section{gap:var(--space-6);padding:var(--space-7) 0;border-bottom:1px solid var(--line-light);grid-template-columns:minmax(13rem,.6fr) minmax(0,1fr);display:grid}.privacy-document__body h2{max-width:14ch;font-size:var(--text-subheading)}.privacy-document__body section>:not(h2){grid-column:2}.privacy-document__body p,.privacy-document__body li{max-width:66ch;color:var(--color-ink-soft);font-size:var(--text-body);line-height:1.65}.privacy-document__body p{margin-bottom:var(--space-4)}.privacy-document__body p:last-child{margin-bottom:0}.privacy-document__body ul{gap:var(--space-2);margin-bottom:var(--space-5);padding-inline-start:var(--space-5);display:grid}.privacy-document__body a{color:var(--color-accent-strong);text-underline-offset:var(--space-1);white-space:nowrap;text-decoration-thickness:1px;display:inline-block}.privacy-document__objection{background:var(--color-paper-deep);box-shadow:0 0 0 var(--space-5) var(--color-paper-deep)}.privacy-document__objection h2,.privacy-document__objection p{color:var(--color-ink)}.inner-footer--document{gap:var(--space-3) var(--space-5);padding:var(--space-7) clamp(var(--space-5), 5vw, var(--space-8));border-top:1px solid var(--line-light);color:var(--color-ink-soft);flex-wrap:wrap;align-items:center;display:flex}.inner-footer--document>:first-child{margin-inline-end:auto}@media (hover:hover) and (pointer:fine){.inner-header__nav a:hover,.inner-footer a:hover{color:var(--color-accent-strong)}.inner-page .button:hover{background:var(--color-accent-strong);color:var(--color-accent-ink);transform:translateY(-1px)}.site-footer__legal a:hover{color:var(--color-sakura)}}@media (max-width:900px){.site-footer__meta{grid-template-columns:minmax(0,1fr) auto}.inner-letter-hero h1{grid-column:1/span 10}.inner-letter-hero__lede{grid-column:4/-1}.about-story,.about-actions,.about-close{grid-template-columns:minmax(0,1fr)}.about-story h2,.about-actions h2,.about-close h2{max-width:12ch}.about-close h2{grid-row:auto}.privacy-document__hero h1{grid-column:1/span 10}.privacy-document__hero>div{grid-column:4/-1}}@media (max-width:620px){.about-actions li,.privacy-document__body section,.site-footer__meta{grid-template-columns:minmax(0,1fr)}.site-footer__legal{align-items:flex-start}.inner-header{gap:var(--space-3);padding-inline:var(--space-4)}.inner-header__nav{gap:var(--space-2)}.inner-header__nav a{font-size:var(--text-caption)}.inner-header__nav a:last-child svg{display:none}.inner-letter-hero{gap:var(--space-4);min-height:clamp(32rem,72svh,42rem);padding-inline:var(--space-5);grid-template-columns:minmax(0,1fr)}.inner-letter-hero__salutation,.inner-letter-hero h1,.inner-letter-hero__lede{grid-column:1}.inner-letter-hero__lede{margin-top:var(--space-6)}.about-story,.about-actions,.about-close,.privacy-document{padding-inline:var(--space-5)}.inner-footer--letter{grid-template-columns:minmax(0,1fr);align-items:start}.inner-footer--letter nav{justify-content:flex-start}.privacy-document__hero{grid-template-columns:minmax(0,1fr)}.privacy-document__hero h1,.privacy-document__hero>p,.privacy-document__hero>div{grid-column:1}.privacy-document__hero>div{margin-top:var(--space-5)}.privacy-document__body section>:not(h2){grid-column:1}.privacy-document__objection{box-shadow:0 0 0 var(--space-4) var(--color-paper-deep)}.inner-footer--document{flex-direction:column;align-items:flex-start}.inner-footer--document>:first-child{margin-inline-end:0}}@media (prefers-reduced-motion:reduce){.inner-page .button{transition:none}}.scroll-portfolio .offer-intro{padding-top:clamp(var(--space-8), 9vw, var(--space-10));padding-bottom:clamp(var(--space-9), 12vw, var(--space-11))}.scroll-portfolio .example{padding-top:clamp(var(--space-9), 11vw, var(--space-10));padding-bottom:clamp(var(--space-10), 14vw, var(--space-11))}.scroll-portfolio .decision-proof{padding-top:clamp(var(--space-8), 8vw, var(--space-9));padding-bottom:clamp(var(--space-9), 9vw, var(--space-10))}.scroll-portfolio .process{padding-top:clamp(var(--space-10), 13vw, var(--space-11));padding-bottom:clamp(var(--space-8), 9vw, var(--space-9))}.scroll-portfolio .contact{padding-top:clamp(var(--space-9), 11vw, var(--space-10));padding-bottom:clamp(var(--space-10), 13vw, var(--space-11))}.example-showcase__image-link{isolation:isolate}.example-showcase__image{z-index:1;transform-origin:50%;display:block;position:relative}.example-showcase__curtain{z-index:2;background:var(--color-dark);box-shadow:inset -2px 0 0 var(--color-sakura);pointer-events:none;transform-origin:100%;display:block;position:absolute;inset:0}.example-showcase__open{z-index:3}.decision-proof__stats{border-top:0;position:relative}.decision-proof__rule{background:var(--line-dark);pointer-events:none;transform-origin:0;height:1px;position:absolute;top:0;left:0;right:0}.process-list{border-top:0;position:relative}.process-list__track,.process-list__progress{z-index:1;top:0;bottom:0;left:var(--space-1);pointer-events:none;transform-origin:top;width:1px;position:absolute}.process-list__track{background:var(--line-light)}.process-list__progress{background:var(--color-accent)}.process-list article{padding-inline-start:var(--space-6);position:relative}.process-list article:before{z-index:2;top:calc(var(--space-6) + var(--space-1));width:var(--space-3);height:var(--space-3);border:1px solid var(--color-accent);border-radius:var(--radius-pill);background:var(--color-paper-deep);content:"";position:absolute;left:0}.service-offer--single>.service-card{column-gap:clamp(var(--space-7), 8vw, var(--space-10));row-gap:var(--space-4);grid-column:1;grid-template-columns:minmax(16rem,.72fr) minmax(22rem,1.28fr);grid-template-areas:"badge price""title price""copy list""actions list";align-items:start;display:grid}.service-offer--single .service-card>h3{grid-area:title;margin:0}.service-offer--single .service-card__price{grid-area:price;margin:0}.service-offer--single .service-card>ul{grid-area:list;margin:0}@media (max-width:900px){.service-offer--single>.service-card{row-gap:var(--space-5);grid-template-columns:minmax(0,1fr);grid-template-areas:"badge""title""copy""price""list""actions"}.service-offer--single .service-card__topline,.service-offer--single .service-card__actions{margin:0}}@media (max-width:620px){.process-list article,.process-list article:not(:first-child),.process-list article:last-child{padding-inline-start:var(--space-6)}.process-list article:before{top:calc(var(--space-6) + var(--space-1))}.service-offer--single>.service-card{padding:var(--space-6) var(--space-5)}}@media (prefers-reduced-motion:reduce){.example-showcase__curtain{display:none}.example-showcase__image,.decision-proof__rule,.process-list__progress{opacity:1!important;transform:none!important}}.process-list__progress{display:none}.process-list__track{left:var(--space-1)}.process-list article:before{top:calc(var(--space-6) + var(--space-1));width:var(--space-2);height:var(--space-2)}.process-list article:after{z-index:1;top:calc(var(--space-6) + var(--space-2));bottom:0;left:var(--space-1);background:var(--color-accent);content:"";pointer-events:none;transform-origin:top;width:1px;transition:transform .3s var(--ease-in-out);position:absolute;transform:scaleY(0)}.process-list article[data-step-state=current]:before,.process-list article[data-step-state=complete]:before{border-color:var(--color-accent);background:var(--color-accent)}.process-list article[data-step-state=current]:after,.process-list article[data-step-state=complete]:after{transform:scaleY(1)}.process-list article{transition:border-bottom-color .3s var(--ease-in-out)}.process-list article[data-step-state=current],.process-list article[data-step-state=complete]{border-bottom-color:var(--color-accent)}.service-offer--single{margin-top:clamp(var(--space-9), 12vw, var(--space-11));grid-template-columns:minmax(16rem,.72fr) minmax(22rem,1.08fr)}.service-offer--single>.service-card{grid-column:2;grid-template-columns:none;grid-template-areas:none;align-items:stretch;gap:normal;display:flex}.service-offer--single .service-card__topline{margin-bottom:var(--space-7);grid-area:auto}.service-offer--single .service-card>h3{margin:0 0 var(--space-3);grid-area:auto}.service-offer--single .service-card>p{grid-area:auto;max-width:51ch;margin:0}.service-offer--single .service-card__price{margin-top:var(--space-4);grid-area:auto}.service-offer--single .service-card>ul{margin-top:var(--space-6);grid-area:auto}.service-offer--single .service-card__actions{margin-top:var(--space-5);grid-area:auto;align-self:stretch}@media (max-width:900px){.service-offer--single{grid-template-columns:minmax(0,1fr)}.service-offer--single>.service-card{grid-column:1}}@media (prefers-reduced-motion:reduce){.process-list article{transition:none}.process-list article:after{transition:none;transform:scaleY(1)}}.process-list__track,.process-list article:after{left:calc(var(--space-1) - var(--space-4))}.process-list article:before{left:calc(0rem - var(--space-4))}.example__heading{align-items:center;gap:clamp(var(--space-4), 4vw, var(--space-7));display:flex}.example__heading h2{flex:none}.example-demo-swift{width:min(20rem,42vw);height:auto;color:var(--color-accent);display:block;overflow:visible}.example-demo-swift__bird{fill:currentColor;transform-box:fill-box;transform-origin:50%}@media (max-width:620px){.example__heading{gap:var(--space-4)}.example-demo-swift{width:min(11rem,44vw)}}@media (prefers-reduced-motion:reduce){[data-motion-primitive=chapter-arrival]{opacity:1!important;transform:none!important}}