:root,:root[data-scheme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-0:#f1f2f5;--bg-2:#f9fafb;--bg-3:#fff;--hover:#eff1f4;--line:#14161c17;--line-strong:#14161c2e;--text:#15161a;--muted:#5d616a;--coral:#ff4d2e;--coral-hover:#ff6a4f;--coral-ink:#1c0d09;--coral-soft:#ff4d2e1f;--ink-on-text:#fff;--stage-bg:radial-gradient(120% 90% at 72% 8%, #fffffff2, transparent 58%), linear-gradient(180deg, #eef0f3, #dfe2e7);--stage-shadow:#14182047;--tile-shadow:0 0 0 1px #14182009, 0 1px 2px #1418200a, 0 12px 32px #1418200f;--rim-top:inset 0 1px 0 #fffffff2;--glow-1:#ff805c2b;--glow-2:#a393f52b;--glow-3:#34b3b51f;--glow-4:#ffc94d21;--glow-5:#f7a1bf24;--glass-fill:#ffffff61;--glass-fill-strong:#ffffff9e;--glass-spec:#fffffff2;--glass-shadow:0 1px 1px #1418200d, 0 10px 28px #1418201f;--glass-rim:inset 1.5px 1.5px 0 -.5px #fff, inset -1.5px -1.5px 0 -.5px #ffffffb3, inset 0 0 0 .5px #ffffff8c, inset 0 -10px 18px -14px #14182038, inset 0 10px 18px -12px #ffffffd9;--glass-sheen:linear-gradient(180deg, #ffffff6b, #fff0 48%);--giant-face:#f7f8fa;--ex-1:#d9dce2;--ex-2:#c9cdd4;--ex-3:#b8bcc5;--ex-shadow:#1418202e;--grain-opacity:.035}:root[data-scheme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-0:#18191e;--bg-2:#202227;--bg-3:#2a2d34;--hover:#30343c;--line:#ece9e21a;--line-strong:#ece9e238;--text:#ece9e2;--muted:#9a9ca4;--coral:#ff5a3d;--coral-hover:#ff7258;--coral-ink:#1c0f0b;--coral-soft:#ff5a3d24;--ink-on-text:#16171b;--stage-bg:radial-gradient(120% 90% at 72% 8%, #ece9e214, transparent 60%), linear-gradient(180deg, #202228, #1a1c20);--stage-shadow:#0009;--tile-shadow:inset 0 0 0 1px var(--line);--rim-top:inset 0 1px 0 #ffffff0f;--glow-1:#ff6e4817;--glow-2:#9682ff1a;--glow-3:#34b3b512;--glow-4:#ffbe460d;--glow-5:#f082b412;--glass-fill:#22242b66;--glass-fill-strong:#282b32b8;--glass-spec:#ffffff6b;--glass-shadow:0 12px 34px #0006;--glass-rim:inset 1.5px 1.5px 0 -.5px #ffffff57, inset -1.5px -1.5px 0 -.5px #ffffff1f, inset 0 0 0 .5px #ffffff1a, inset 0 -10px 18px -14px #00000080, inset 0 10px 18px -12px #ffffff1a;--glass-sheen:linear-gradient(180deg, #ffffff1a, #fff0 48%);--giant-face:#25282e;--ex-1:#1b1d22;--ex-2:#141519;--ex-3:#0e0f12;--ex-shadow:#00000080;--grain-opacity:.05}:root{--hub:#2a9c9f;--ada:#3e8e68;--walk:#e58f6b;--walk-accent:#d4577a;--font:"Geologica", "Manrope", "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;--font-label:var(--font);--fs-xs:.8125rem;--fs-s:.9375rem;--fs-m:1.0625rem;--fs-l:1.3125rem;--fs-xl:clamp(1.625rem, 1.2rem + 1.6vw, 2.375rem);--fs-2xl:clamp(2.375rem, 1.4rem + 4vw, 4.75rem);--fs-wm:clamp(4.25rem, 1.2rem + 13vw, 13.5rem);--gutter:clamp(16px, 3.2vw, 64px);--maxw:none;--r-stage:34px;--r-tile:22px;--r-s:12px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--header-h:84px}*,:before,:after{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:var(--fs-m);font-variation-settings:"wght" 380;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color .5s var(--ease-out), color .5s var(--ease-out);margin:0;line-height:1.55;overflow-x:hidden}h1,h2,h3,h4,p,ul,ol,figure{margin:0}ul,ol{padding:0;list-style:none}h1,h2,h3,h4{text-wrap:balance;letter-spacing:-.02em;font-weight:600;line-height:1.05}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,canvas,svg{max-width:100%}::selection{background:var(--pc);color:var(--coral-ink)}:focus-visible{outline:2px solid var(--pc);outline-offset:3px;border-radius:6px}.label-text{font-family:var(--font-label);font-variation-settings:"wght" 460;font-variant-numeric:tabular-nums;letter-spacing:.02em}.kicker{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;margin-bottom:14px;font-size:.75rem;display:flex}.kicker:before{content:"";background:var(--pc);border-radius:2px;width:8px;height:8px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.skip{z-index:100;background:var(--coral);color:var(--coral-ink);transition:top .2s var(--ease-out);border-radius:999px;padding:10px 16px;font-weight:600;position:fixed;top:-80px;left:16px}.skip:focus{top:calc(12px + env(safe-area-inset-top,0px))}.grain{z-index:90;pointer-events:none;opacity:var(--grain-opacity);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;top:0;bottom:0;left:0;right:0}.backdrop{z-index:-2;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.backdrop i{width:var(--gs);aspect-ratio:1;background:radial-gradient(closest-side, var(--gc), transparent);animation:drift var(--gt) steps(var(--gn)) infinite alternate;will-change:transform;border-radius:50%;position:absolute}.backdrop i:first-child{--gs:64vmax;--gc:var(--glow-1);--gt:46s;--gn:460;--dx:-5vmax;--dy:4vmax;top:-28vmax;right:-24vmax}.backdrop i:nth-child(2){--gs:68vmax;--gc:var(--glow-2);--gt:52s;--gn:520;--dx:5vmax;--dy:-4vmax;animation-delay:-14s;bottom:-32vmax;left:-28vmax}.backdrop i:nth-child(3){--gs:44vmax;--gc:var(--glow-3);--gt:38s;--gn:380;--dx:4vmax;--dy:6vmax;animation-delay:-22s;top:16%;left:-20vmax}.backdrop i:nth-child(4){--gs:46vmax;--gc:var(--glow-4);--gt:44s;--gn:440;--dx:-4vmax;--dy:-5vmax;animation-delay:-8s;bottom:-20vmax;right:-18vmax}.backdrop i:nth-child(5){--gs:38vmax;--gc:var(--glow-5);--gt:34s;--gn:340;--dx:6vmax;--dy:3vmax;animation-delay:-18s;top:-24vmax;left:34%}@keyframes drift{0%{transform:translate(0,0)scale(1)}to{transform:translate3d(var(--dx), var(--dy), 0) scale(1.08)}}@media print{.backdrop{display:none}}.wrap{width:100%;max-width:var(--maxw);padding-inline:var(--gutter);margin-inline-start:auto;margin-inline-end:auto}.glass{isolation:isolate;box-shadow:var(--glass-shadow);position:relative}.glass:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:var(--glass-sheen), var(--glass-fill);-webkit-backdrop-filter:var(--lg,blur(14px) saturate(1.8));backdrop-filter:var(--lg,blur(14px) saturate(1.8));box-shadow:var(--glass-rim);transition:background-color .35s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0}.glass *{--lg:initial}.pane~.glass:not(:-webkit-any(.nav__lens,.subnav__lens)):before,.pane~* .glass:before{-webkit-backdrop-filter:none;backdrop-filter:none}.pane~.glass:not(:is(.nav__lens,.subnav__lens)):before,.pane~* .glass:before{-webkit-backdrop-filter:none;backdrop-filter:none}.glass:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(240px circle at var(--px,70vw) var(--py,0px), var(--glass-spec), transparent 62%);opacity:.8;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask:linear-gradient(#000,#0000 70%);mask:linear-gradient(#000,#0000 70%)}.pane{z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.btn{--bg-btn:var(--bg-3);background:var(--bg-btn);min-height:48px;color:var(--text);font-size:var(--fs-s);font-variation-settings:"wght" 560;white-space:nowrap;transition:background-color .3s var(--ease-out), color .3s var(--ease-out), transform .3s var(--ease-out);border-radius:999px;align-items:center;gap:10px;padding:12px 22px;display:inline-flex}@media (hover:hover) and (pointer:fine){.btn{will-change:transform}}.btn:hover{--bg-btn:var(--hover)}.btn--coral{--bg-btn:var(--coral);isolation:isolate;color:var(--coral-ink);background:linear-gradient(180deg, #ffffff6b 0%, #ffffff1a 48%, #fff0 52%), radial-gradient(120% 90% at 50% 125%, #ffd6c4b3, transparent 60%), var(--bg-btn);box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 1px #ffffff38, inset 0 -3px 8px #961e0a47, 0 10px 24px var(--coral-soft), 0 2px 4px #961e0a2e;position:relative;overflow:hidden}.btn--coral:hover{--bg-btn:var(--coral-hover)}.btn--coral:after{content:"";z-index:-1;border-radius:inherit;pointer-events:none;transition:background-position .9s var(--ease-out);background:linear-gradient(110deg,#0000 30%,#ffffff80 45%,#0000 60%) -150% 0/250% 100% no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}.btn--coral:hover:after{background-position:150% 0}.btn--ghost{--bg-btn:transparent;box-shadow:inset 0 0 0 1px var(--line-strong)}.btn--ghost.glass{--bg-btn:transparent;box-shadow:var(--glass-shadow)}.btn--ghost.glass:hover{--bg-btn:transparent;--glass-fill:var(--glass-fill-strong)}.btn--ghost:hover{--bg-btn:var(--glass-fill-strong)}.btn--small{min-height:38px;font-size:var(--fs-xs);padding:8px 16px}.btn svg{flex:none;width:16px;height:16px}.btn--small svg{width:13px;height:13px}.arrow{width:.72em;height:.72em;color:var(--coral);transition:transform .35s var(--ease-out);flex:none;display:inline-block}.topbar{top:calc(env(safe-area-inset-top,0px) + 12px);z-index:50;pointer-events:none;position:sticky}.topbar__inner{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;height:60px;display:grid}.topbar__inner>*{pointer-events:auto}.logo{letter-spacing:-.04em;font-variation-settings:"wght" 720, "SHRP" 0;height:52px;transition:font-variation-settings .4s var(--ease-out);border-radius:999px;align-items:center;padding:0 20px 0 16px;font-size:1.6rem;line-height:1;display:inline-flex}.logo:hover{font-variation-settings:"wght" 860, "SHRP" 100}.dot{color:var(--coral)}.nav{isolation:isolate;border-radius:999px;justify-self:center;gap:2px;padding:6px;display:flex;position:relative}.nav a{color:var(--muted);font-size:var(--fs-s);font-variation-settings:"wght" 480;transition:color .3s var(--ease-out), font-variation-settings .3s;border-radius:999px;padding:10px 18px;position:relative}.nav a:hover{color:var(--text)}.nav a[aria-current=page]{color:var(--text);font-variation-settings:"wght" 640}.nav__lens,.subnav__lens{pointer-events:none;--glass-fill:#ffffff29;width:0;height:calc(100% - 12px);transition:transform .6s var(--ease-spring), width .6s var(--ease-spring);border-radius:999px;position:absolute;top:6px;left:0}.topbar__side{align-items:center;gap:10px;display:flex}.icon-btn{width:52px;height:52px;color:var(--text);transition:transform .4s var(--ease-out);border-radius:50%;place-items:center;display:grid}.icon-btn:hover{transform:scale(1.05)}.icon-btn svg{width:20px;height:20px;transition:transform .6s var(--ease-spring), opacity .3s;grid-area:1/1}:root[data-scheme=dark] .icon-sun,:root:not([data-scheme=dark]) .icon-moon{opacity:0;transform:rotate(-90deg)scale(.4)}.burger{display:none}.burger span{background:var(--text);width:18px;height:2px;transition:transform .35s var(--ease-out);border-radius:2px;grid-area:1/1;display:block}.burger span:first-child{transform:translateY(-3.5px)}.burger span:last-child{transform:translateY(3.5px)}.burger[aria-expanded=true] span:first-child{transform:rotate(45deg)}.burger[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.mobile-menu{z-index:45;padding:calc(var(--header-h) + 24px + env(safe-area-inset-top,0px)) var(--gutter) calc(32px + env(safe-area-inset-bottom,0px));background:var(--bg);flex-direction:column;justify-content:space-between;gap:32px;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.mobile-menu nav{gap:4px;display:grid}.mobile-menu nav a{letter-spacing:-.03em;font-variation-settings:"wght" 620;font-size:clamp(2.25rem,10vw,3.5rem);line-height:1.1}.mobile-menu nav a[aria-current=page]{color:var(--coral)}.mobile-menu__foot{color:var(--muted);gap:14px;display:grid}.view{padding-block-start:clamp(20px,3vw,44px);padding-block-end:clamp(56px,7vw,104px)}.view:focus{outline:none}.js .view{display:none}.js[data-view=home] #home,.js[data-view=projects] #projects,.js[data-view=studio] #studio{display:block}.view__head{grid-template-columns:minmax(0,1fr) minmax(0,28rem);align-items:end;gap:24px 48px;margin-bottom:clamp(28px,4vw,56px);display:grid}.view__title{font-size:var(--fs-2xl);font-variation-settings:"wght" 640;letter-spacing:-.035em}.view__title:after,.tools__title:after{content:".";color:var(--coral)}.chapter__title:after{content:".";color:var(--coral);margin-left:-14px}.emboss{color:var(--giant-face);font-variation-settings:"wght" 800;letter-spacing:-.05em;text-shadow:0 .006em 0 var(--ex-1), 0 .012em 0 var(--ex-1), 0 .018em 0 var(--ex-1), 0 .024em 0 var(--ex-2), 0 .03em 0 var(--ex-2), 0 .036em 0 var(--ex-2), 0 .042em 0 var(--ex-3), 0 .048em 0 var(--ex-3), 0 .054em 0 var(--ex-3), 0 .12em .08em var(--ex-shadow);font-weight:800}.emboss .dot{color:var(--coral);text-shadow:0 .006em #e2432a,0 .012em #d63d25,0 .018em #c93721,0 .024em #bb321d,0 .03em #ad2d1a,0 .036em #9e2816,0 .042em #902413,0 .048em #822010,0 .054em #741c0e,0 .12em .08em #ff4d2e4d}.band{grid-template-columns:auto minmax(0,1fr);align-items:end;gap:clamp(14px,2vw,28px);margin:clamp(48px,7vw,104px) 0 clamp(14px,2vw,24px);display:grid}.band__word{white-space:nowrap;font-size:clamp(3.2rem,1.4rem + 7vw,8.5rem);line-height:.8}.band__rule{background:linear-gradient(var(--line-strong), var(--line-strong)) 0 100% / 100% 1px no-repeat, repeating-linear-gradient(90deg, var(--line-strong) 0 1px, transparent 1px 24px) 0 0 / 100% 6px no-repeat;height:9px;margin-bottom:.9em}.split .w{vertical-align:top;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.split .w>span{display:inline-block}.tile{border-radius:var(--r-tile);background:var(--bg-2);box-shadow:var(--tile-shadow);min-width:0;padding:clamp(18px,2vw,26px)}.tile__label{color:var(--muted);font-size:var(--fs-s)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:stretch;gap:clamp(20px,3vw,40px);display:grid}.hero__text{flex-direction:column;justify-content:space-between;gap:24px;padding-block-start:clamp(8px,1.6vw,20px);padding-block-end:clamp(8px,1.6vw,20px);display:flex}.wordmark{font-size:var(--fs-wm);letter-spacing:-.055em;white-space:nowrap;-webkit-user-select:none;user-select:none;margin-left:-.04em;font-weight:400;line-height:.82}.wordmark .ch{font-variation-settings:"wght" var(--w,640), "SHRP" var(--s,0);transition:font-variation-settings .5s var(--ease-out);display:inline-block}.stage{border-radius:var(--r-stage);background:var(--stage-bg);min-height:480px;box-shadow:var(--tile-shadow);isolation:isolate;transition:background .5s var(--ease-out);position:relative;overflow:hidden}.stage__canvas-slot{position:absolute;top:0;bottom:84px;left:0;right:0}.orb{touch-action:pan-y;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.orb-fallback{aspect-ratio:1;background:radial-gradient(circle at 35% 30%, #ffc2b5 0%, var(--coral) 40%, #8f2414 100%);border-radius:50%;width:min(46%,60vw);height:auto;margin:auto;display:none;position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset -18px -24px 60px #00000059}.no-webgl .orb{display:none}.no-webgl .orb-fallback{display:block}.stage__shadow{background:radial-gradient(closest-side, var(--stage-shadow), transparent);filter:blur(4px);z-index:-1;border-radius:50%;width:42%;height:26px;position:absolute;bottom:104px;left:50%;transform:translate(-50%)}.marks{pointer-events:none;position:absolute;top:16px;bottom:100px;left:16px;right:16px}.marks i{border-color:var(--line-strong);border-style:solid;border-width:0;width:12px;height:12px;position:absolute}.marks i:first-child{border-top-width:1px;border-left-width:1px;top:0;left:0}.marks i:nth-child(2){border-top-width:1px;border-right-width:1px;top:0;right:0}.marks i:nth-child(3){border-bottom-width:1px;border-left-width:1px;bottom:0;left:0}.marks i:nth-child(4){border-bottom-width:1px;border-right-width:1px;bottom:0;right:0}.stage__visit{background:var(--text);width:48px;height:48px;color:var(--ink-on-text);transition:transform .4s var(--ease-out), background-color .3s;border-radius:50%;place-items:center;display:grid}.stage__visit:hover{background:var(--coral);color:var(--coral-ink);transform:rotate(45deg)}.stage__visit svg{width:18px;height:18px}.showcase{perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,.7fr);gap:12px;margin-top:12px;display:grid}.thumb{border-radius:var(--r-tile);background:var(--bg-2);min-height:184px;box-shadow:var(--tile-shadow);text-align:left;transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease-out), background-color .3s, box-shadow .3s;will-change:transform;grid-template-rows:1fr auto;gap:12px;padding:12px;display:grid;position:relative}.thumb.is-tilting{transition:transform .12s linear}.thumb.is-active{background:var(--bg-3);box-shadow:0 0 0 1.5px var(--pc), var(--tile-shadow)}.thumb__select{z-index:1;border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0}.thumb:not(.thumb--yours) :-webkit-any(.thumb__mock,.thumb__meta){pointer-events:none}.thumb:not(.thumb--yours) :is(.thumb__mock,.thumb__meta){pointer-events:none}.thumb__mock{border-radius:12px;min-height:96px;position:relative;overflow:hidden;transform:translateZ(24px)}.thumb__idx{color:#15161a;--glass-fill:#ffffff59;border-radius:8px;padding:3px 8px;font-size:.6875rem;position:absolute;bottom:8px;left:8px}.thumb__meta{gap:6px;min-width:0;padding-inline-start:4px;padding-inline-end:4px;display:grid;transform:translateZ(14px)}.thumb__line{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.thumb__name{font-variation-settings:"wght" 620;letter-spacing:-.01em}.thumb__kind{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap;font-size:.6875rem}.thumb__desc{color:var(--muted);font-size:var(--fs-xs);line-height:1.4}.thumb__stack{flex-wrap:wrap;gap:4px;display:flex}.thumb__stack i{color:var(--text);background:var(--hover);box-shadow:inset 0 0 0 1px var(--line);border-radius:6px;padding:2px 7px;font-size:.6875rem;font-style:normal}.thumb__glare{z-index:3;border-radius:inherit;pointer-events:none;background:radial-gradient(420px circle at var(--gx,50%) var(--gy,0%), #ffffff59, transparent 45%);opacity:0;mix-blend-mode:soft-light;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.is-tilting>.thumb__glare{opacity:1}.thumb__progress{border-radius:2px;height:2px;position:absolute;top:6px;left:18px;right:18px;overflow:hidden}.thumb__progress i{transform-origin:0;background:var(--pc);width:100%;height:100%;display:block;transform:scaleX(0)}.thumb--yours{background:var(--bg-2);padding:0;display:block;overflow:hidden}.yours__blobs{border-radius:inherit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.yours__blobs i{aspect-ratio:1;filter:blur(2px);border-radius:50%;width:70%;animation:9s steps(135,end) infinite alternate blob;position:absolute}.yours__blobs i:first-child{background:radial-gradient(circle at 40% 40%, #ff8a6e, var(--coral) 60%, #d63a1f);top:-18%;left:-12%}.yours__blobs i:nth-child(2){background:radial-gradient(circle at 40% 40%, #7fd3d3, var(--hub));width:62%;animation-duration:11s;animation-timing-function:steps(165,end);animation-delay:-3s;top:22%;right:-20%}.yours__blobs i:nth-child(3){background:radial-gradient(circle at 40% 40%, #ffd8b8, var(--walk));width:58%;animation-duration:13s;animation-timing-function:steps(195,end);animation-delay:-6s;bottom:-34%;left:18%}.yours__pane{z-index:2;color:var(--text);--glass-fill:#ffffff47;border-radius:16px;align-content:space-between;gap:6px;padding:14px;display:grid;position:absolute;top:10px;bottom:10px;left:10px;right:10px;transform:translateZ(24px)}:root[data-scheme=dark] .yours__pane{--glass-fill:#16171b59}.yours__idx{color:var(--muted);font-size:.6875rem}.yours__title{font-size:var(--fs-l);font-variation-settings:"wght" 620;letter-spacing:-.02em;margin-top:auto}.thumb--yours .thumb__desc{color:var(--text);opacity:.78}.thumb--yours .plus{background:var(--text);width:40px;height:40px;color:var(--ink-on-text);transition:rotate .5s var(--ease-out), background-color .3s;border-radius:50%;place-items:center;display:grid}.thumb--yours:hover .plus{background:var(--coral);color:var(--coral-ink);rotate:90deg}.tools{border-radius:var(--r-stage);background:var(--bg-2);box-shadow:var(--tile-shadow);margin-top:clamp(40px,6vw,88px);padding:clamp(22px,3vw,40px);overflow:hidden}.tools__head{grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:end;gap:12px 40px;margin-bottom:clamp(12px,2vw,24px);display:grid}.tools__title{font-size:var(--fs-xl);font-variation-settings:"wght" 620;letter-spacing:-.03em}.tools__body{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(16px,3vw,48px);display:grid}.iso{--iso-scale:1.2;perspective:1600px;place-items:center;height:540px;display:grid;position:relative}.iso__scene{width:230px;height:230px;scale:var(--iso-scale) var(--iso-scale) var(--iso-scale);transform-style:preserve-3d;transform:translateY(56px) rotateX(calc(58deg + var(--ty,0deg))) rotateZ(calc(-42deg + var(--tz,0deg)));transition:transform .6s var(--ease-out);animation:isoFloat 7s var(--ease-in-out) infinite;position:relative}@keyframes isoFloat{0%,to{translate:0;rotate:0deg}50%{translate:0 -10px;rotate:1.2deg}}.iso__slab{--lift:0px;--gap:52px;transform-style:preserve-3d;transform:translateZ(calc((3 - var(--i)) * var(--gap) + var(--lift)));background:radial-gradient(circle at 50% 50%, #ffffffbf, #fff0 22%), linear-gradient(135deg, #ffffff9e 0%, #ffffff1f 42%, #ffffff0a 60%, #ffffff4d 100%), rgba(var(--slab-rgb), .42);box-shadow:inset 0 0 0 1px #ffffffd9, inset 3px 3px 0 #ffffff59, inset -3px -3px 10px rgba(var(--slab-rgb), .35), 1px 1px 0 rgba(var(--slab-rgb), .3), 2px 2px 0 rgba(var(--slab-rgb), .28), 3px 3px 0 rgba(var(--slab-rgb), .26), 4px 4px 0 rgba(var(--slab-rgb), .24), 5px 5px 0 rgba(var(--slab-rgb), .22), 6px 6px 0 rgba(var(--slab-rgb), .2), 7px 7px 0 rgba(var(--slab-rgb), .18), 8px 8px 0 rgba(var(--slab-rgb), .16), 9px 9px 0 #ffffff8c, 24px 24px 40px rgba(var(--slab-rgb), .16), 24px 24px 40px #1418201a;transition:transform .7s var(--ease-spring), opacity .4s, filter .4s;cursor:pointer;border-radius:30px;position:absolute;top:0;bottom:0;left:0;right:0}.iso__slab:before{content:"";opacity:.55;background-image:linear-gradient(#ffffff4d 1px,#0000 1px),linear-gradient(90deg,#ffffff4d 1px,#0000 1px);background-size:22px 22px;border-radius:20px;position:absolute;top:14px;bottom:14px;left:14px;right:14px}.iso__slab:after{content:"";border-radius:inherit;mix-blend-mode:soft-light;pointer-events:none;animation:slabGlare 7s var(--ease-in-out) infinite;animation-delay:calc(var(--i) * -1.4s);background:linear-gradient(115deg,#0000 38%,#ffffffb3 47%,#ffffff26 53%,#0000 60%) 0 0/260% 100% no-repeat;position:absolute;top:0;bottom:0;left:0;right:0}@keyframes slabGlare{0%,20%{background-position:110% 0}70%,to{background-position:-10% 0}}.iso__slab[data-layer=front]{--slab-rgb:255, 90, 61}.iso__slab[data-layer=back]{--slab-rgb:42, 156, 159}.iso__slab[data-layer=data]{--slab-rgb:74, 155, 116}.iso__slab[data-layer=ops]{--slab-rgb:96, 104, 122}.iso__label{color:#fff;font-variation-settings:"wght" 700;letter-spacing:-.01em;text-shadow:0 1px 2px #00000059, 0 0 12px rgba(var(--slab-rgb), .9);align-items:baseline;gap:8px;font-size:.95rem;transition:opacity .3s;display:flex;position:absolute;bottom:14px;left:18px}.iso__label i{opacity:.8;font-size:.6875rem;font-style:normal}.iso__block{left:var(--bx);top:var(--by);color:#15161a;width:72px;height:46px;font-family:var(--font-label);box-shadow:inset 0 0 0 1px #fffffff2, 1px 1px 0 #ffffff80, 2px 2px 0 #fff6, 3px 3px 0 #ffffff4d, 4px 4px 0 rgba(var(--slab-rgb), .35), 6px 8px 12px #1418201f;transition:transform .6s var(--ease-spring), opacity .3s;background:linear-gradient(135deg,#ffffffeb,#ffffff8c);border-radius:12px;place-items:center;font-size:.6875rem;font-weight:600;display:grid;position:absolute;transform:translateZ(10px)}.iso__block--db{border-radius:50%;width:52px;height:52px}.iso__slab.is-above{--lift:var(--above-lift,120px);opacity:.18}.iso__slab.is-above>*{opacity:0}.iso__slab.is-active{--lift:28px}.iso__slab.is-below{filter:saturate(.35)brightness(1.04)}.iso__slab.is-below .iso__label{opacity:.55}.iso__slab.is-active .iso__block{transform:translateZ(26px)}.iso__slab.is-active .iso__block:nth-child(3){transition-delay:60ms}.iso__slab.is-active .iso__block:nth-child(4){transition-delay:.12s}.iso__hud{z-index:2;--glass-fill:#ffffff3d;border-radius:18px;gap:2px;min-width:150px;padding:10px 16px 12px;display:grid;position:absolute;top:64%;left:56%}:root[data-scheme=dark] .iso__hud{--glass-fill:#16171b4d}.iso__hud-idx{color:var(--pc);font-size:.6875rem}.iso__hud-name{font-size:var(--fs-l);font-variation-settings:"wght" 640;letter-spacing:-.02em}.iso__beam{transform-origin:50% 0;background:linear-gradient(180deg, transparent, var(--coral) 20%, var(--coral) 80%, transparent);opacity:.5;width:2px;height:230px;margin-left:-1px;position:absolute;top:50%;left:50%;transform:rotateX(-90deg)}.iso__packet{background:radial-gradient(circle at 35% 30%, #ffd3c9, var(--coral) 55%, #b1301a);width:16px;height:16px;animation:packet 3.2s var(--ease-in-out) infinite;border-radius:50%;margin:-8px 0 0 -8px;position:absolute;top:50%;left:50%;box-shadow:0 0 18px 4px #ff4d2e73}.iso__packet--back{background:radial-gradient(circle at 35% 30%,#fff,#d7dae0 60%,#9aa0aa);animation-name:packet-back;animation-delay:1.6s;box-shadow:0 0 14px 3px #ffffff80}.tools__panel{gap:18px;min-width:0;display:grid}.layer-tabs{border-radius:999px;flex-wrap:wrap;gap:4px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:5px;display:flex}.layer-tabs button{color:var(--muted);font-size:var(--fs-s);border-radius:999px;align-items:baseline;gap:6px;padding:9px 16px;transition:color .3s,background-color .3s;display:inline-flex}.layer-tabs button i{opacity:.7;font-size:.625rem;font-style:normal}.layer-tabs button:hover{color:var(--text)}.layer-tabs button[aria-selected=true]{background:var(--text);color:var(--ink-on-text)}.layer-tabs button[aria-selected=true] i{color:var(--pc);opacity:1}.layer-panel{--layer:var(--pc);gap:16px;display:grid}.layer-panel[data-layer-panel=back]{--layer:#2a9c9f}.layer-panel[data-layer-panel=data]{--layer:#3e8e68}.layer-panel[data-layer-panel=ops]{--layer:#6b7280}.js .layer-panel:not(.is-active){display:none}.toolgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.layer-panel{isolation:isolate;position:relative}.layer-panel:before{content:"";z-index:-1;background:radial-gradient(38% 55% at 18% 35%, color-mix(in srgb, var(--layer) 60%, transparent), transparent 70%), radial-gradient(34% 50% at 82% 65%, #ffc94d80, transparent 70%), radial-gradient(30% 45% at 55% 18%, #a393f573, transparent 70%), radial-gradient(28% 40% at 40% 90%, #34b3b566, transparent 70%);filter:blur(26px);pointer-events:none;border-radius:40%;animation:16s steps(320,end) infinite alternate blobDrift;position:absolute;top:18%;bottom:0;left:4%;right:4%}@keyframes blobDrift{0%{transform:translate(-3%,2%)rotate(0)scale(1)}to{transform:translate(3%,-3%)rotate(8deg)scale(1.08)}}.tool{--lift:0px;-webkit-backdrop-filter:blur(16px)saturate(1.7);backdrop-filter:blur(16px)saturate(1.7);box-shadow:inset 0 0 0 1px #fffc, inset 0 1px 0 #fff, inset 0 -2px 0 #ffffff59, 0 4px 0 -1px color-mix(in srgb, var(--layer) 22%, transparent), 0 14px 28px #1418201a;transform:perspective(700px) translateY(var(--lift)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .5s var(--ease-out), box-shadow .3s;background:linear-gradient(140deg,#ffffffb8,#ffffff4d);border-radius:16px;grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:14px;padding:10px 14px 10px 10px;display:grid;position:relative}.tool.is-tilting{transition:transform .12s linear,box-shadow .3s}.tool:hover{--lift:-3px}.tool:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(160px circle at var(--gx,30%) var(--gy,0%), #ffffffb3, transparent 60%);mix-blend-mode:soft-light;opacity:0;transition:opacity .4s;position:absolute;top:0;bottom:0;left:0;right:0}.tool.is-tilting:after{opacity:1}:root[data-scheme=dark] .tool{box-shadow:inset 0 0 0 1px #ffffff1a, inset 0 1px 0 #ffffff2e, 0 4px 0 -1px color-mix(in srgb, var(--layer) 35%, transparent), 0 14px 28px #00000059;background:linear-gradient(140deg,#3a3d469e,#1e20266b)}@media (prefers-reduced-motion:reduce){.layer-panel:before{animation:none}}.tool__sym{box-sizing:border-box;color:#1d1f246b;fill-opacity:.9;background:radial-gradient(circle at 30% 18%, #fffffff2, #fff0 45%), linear-gradient(150deg, #ffffffbf, color-mix(in srgb, var(--layer) 22%, transparent));width:48px;height:48px;box-shadow:inset 0 0 0 1px #ffffffd9, inset 0 -3px 6px color-mix(in srgb, var(--layer) 25%, transparent), 0 3px 0 -1px color-mix(in srgb, var(--layer) 35%, transparent), 0 8px 16px #14182024;transform:rotate(var(--tilt,-4deg));transition:transform .6s var(--ease-spring);border-radius:14px;padding:6px;overflow:visible}:root[data-scheme=dark] .tool__sym{color:#ffffff59;background:radial-gradient(circle at 30% 18%, #ffffff59, #fff0 45%), linear-gradient(150deg, #ffffff24, color-mix(in srgb, var(--layer) 22%, transparent));box-shadow:inset 0 0 0 1px #ffffff2e, inset 0 -3px 6px #00000040, 0 3px 0 -1px color-mix(in srgb, var(--layer) 45%, transparent), 0 8px 16px #0006}.tool:nth-child(4n+2) .tool__sym{--tilt:3deg}.tool:nth-child(4n+3) .tool__sym{--tilt:-2deg}.tool:nth-child(4n) .tool__sym{--tilt:5deg}.tool:hover .tool__sym{transform:translateY(-2px)rotate(0)scale(1.1)}.tool b{font-variation-settings:"wght" 620;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:400;line-height:1.2;overflow:hidden}.tool>span:last-child{color:var(--muted);font-size:var(--fs-xs);line-height:1.3}.pill{background:var(--bg-2);box-shadow:var(--tile-shadow);letter-spacing:-.02em;font-variation-settings:"wght" 500;white-space:nowrap;transition:background-color .35s var(--ease-out), color .35s var(--ease-out);border-radius:999px;align-items:center;gap:12px;padding:16px 26px;font-size:clamp(1.125rem,.9rem + .9vw,1.625rem);display:inline-flex}.pill:hover{background:var(--text);color:var(--ink-on-text)}.pill:hover .arrow{transform:translate(2px,-2px)rotate(45deg)}.projects{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,48px);display:grid}.plist{gap:14px;display:grid}.project{isolation:isolate;border-radius:var(--r-tile);padding:0 clamp(14px,2vw,24px) clamp(18px,2vw,26px);position:relative}.project>.pane{transition:box-shadow .4s var(--ease-out)}.plist{counter-reset:project}.project{counter-increment:project}.project:after{content:counter(project, decimal-leading-zero);z-index:-1;pointer-events:none;color:var(--giant-face);font-variation-settings:"wght" 800;letter-spacing:-.05em;text-shadow:0 .006em 0 var(--ex-1), 0 .012em 0 var(--ex-1), 0 .018em 0 var(--ex-1), 0 .024em 0 var(--ex-2), 0 .03em 0 var(--ex-2), 0 .036em 0 var(--ex-2), 0 .042em 0 var(--ex-3), 0 .048em 0 var(--ex-3), 0 .054em 0 var(--ex-3), 0 .12em .08em var(--ex-shadow);font-size:clamp(3.6rem,2rem + 3.4vw,6.2rem);font-weight:800;line-height:.8;position:absolute;bottom:clamp(10px,1.4vw,18px);right:clamp(16px,2vw,26px)}.project.is-hot>.pane{box-shadow:var(--glass-shadow), 0 0 0 1px color-mix(in srgb, var(--pc) 35%, transparent)}.project__row{text-align:left;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"kind arrow""name arrow""tagline arrow";column-gap:20px;width:100%;padding:clamp(20px,2.6vw,34px) 4px 14px;display:grid;position:relative}.project__kind{color:var(--muted);font-size:var(--fs-s);grid-area:kind;align-items:baseline;gap:12px;display:flex}.project__name{letter-spacing:-.045em;font-variation-settings:"wght" 560, "SHRP" 0;transition:font-variation-settings .6s var(--ease-out), color .4s;grid-area:name;padding-block-start:4px;padding-block-end:8px;font-size:clamp(2rem,1.3rem + 2.4vw,3.6rem);line-height:1}.project__go{width:46px;height:46px;transition:transform .5s var(--ease-out);border-radius:50%;grid-area:arrow;align-self:center;place-items:center;display:grid}.project__go svg{width:18px;height:18px}.project.is-hot .project__name{font-variation-settings:"wght" 680, "SHRP" 60}.project__row:hover .project__name{font-variation-settings:"wght" 820, "SHRP" 100}.project__row:focus-visible .project__name{font-variation-settings:"wght" 820, "SHRP" 100}.project.is-hot .project__go{--glass-fill:color-mix(in srgb, var(--pc) 22%, var(--glass-fill-strong));transform:rotate(45deg)}.project__row:hover .project__go{--glass-fill:var(--pc);color:var(--coral-ink);transform:rotate(45deg)}.project__links{flex-wrap:wrap;gap:8px;padding-inline-start:4px;padding-inline-end:4px;display:flex}.project__body{gap:10px;padding:4px 4px 18px;display:grid}.project__story{max-width:62ch;font-size:var(--fs-s);color:var(--muted);line-height:1.55}.project__story:first-child{color:var(--text)}.project__body .pd__stack{margin-top:6px}.project__media{display:none}.project__more{gap:18px;padding:16px 4px 8px;display:grid}.js .plist .project__more{display:none}.project__more.is-sheet{padding:0}.projects__aside{top:calc(var(--header-h) + 16px);position:sticky}.projects__aside .stage{aspect-ratio:1/1.14;min-height:0}.projects__aside .stage__canvas-slot{top:0;bottom:240px;left:0;right:0}.projects__aside .stage__shadow{bottom:258px}.aside-mock{border-radius:18px;height:222px;position:absolute;bottom:18px;left:18px;right:18px;overflow:hidden;box-shadow:0 0 0 1px #1418200f,0 18px 40px -14px #14182066}.aside-mock .mock{opacity:0;transition:opacity .45s var(--ease-out)}.aside-mock .mock.is-on{opacity:1}.pd__stack{flex-wrap:wrap;gap:8px;display:flex}.pd__stack li{box-shadow:inset 0 0 0 1px var(--line-strong);font-size:var(--fs-s);color:var(--muted);border-radius:999px;padding:6px 12px}.pd__links{flex-wrap:wrap;gap:10px;display:flex}.sheet{width:min(1080px, calc(100% - 2 * var(--gutter)));background:var(--bg-2);max-height:calc(100% - 48px);color:var(--text);box-shadow:0 -20px 80px #0000004d, inset 0 0 0 1px var(--line);border:0;border-radius:30px 30px 0 0;margin:auto auto 0;padding:0;overflow:hidden}.sheet::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0a0c80}.sheet__scroll{overscroll-behavior:contain;max-height:calc(100vh - 48px);overflow-y:auto}.sheet__hero{height:clamp(180px,30vw,300px);position:relative}.sheet__close{z-index:2;color:#15161a;--glass-fill:#ffffff73;width:48px;height:48px;transition:transform .4s var(--ease-out);border-radius:50%;place-items:center;display:grid;position:absolute;top:16px;right:16px}.sheet__close:hover{transform:rotate(90deg)}.sheet__close svg{width:18px;height:18px}.sheet__content{padding:clamp(22px,3.2vw,44px);padding-bottom:calc(clamp(22px, 3.2vw, 44px) + env(safe-area-inset-bottom,0px));gap:22px;display:grid}.sheet__title{font-size:var(--fs-2xl);font-variation-settings:"wght" 640;letter-spacing:-.04em}.sheet__kind{color:var(--muted)}.sheet__next{border-radius:var(--r-tile);background:var(--bg-3);text-align:left;transition:background-color .35s var(--ease-out);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 16px;margin-top:8px;padding:22px;display:grid}.sheet__next:hover{background:var(--hover)}.sheet__next-label{color:var(--muted);font-size:var(--fs-s)}.sheet__next-name{font-size:var(--fs-xl);font-variation-settings:"wght" 620;letter-spacing:-.03em;grid-row:2}.sheet__next svg{width:28px;height:28px;color:var(--pc);transition:transform .4s var(--ease-out);grid-area:1/2/3}.sheet__next:hover svg{transform:rotate(45deg)}.subnav{top:calc(env(safe-area-inset-top,0px) + var(--header-h) + 4px);z-index:20;isolation:isolate;border-radius:999px;gap:2px;width:-moz-fit-content;width:fit-content;max-width:100%;padding:6px;display:flex;position:sticky}.subnav button{color:var(--muted);font-size:var(--fs-s);transition:color .3s var(--ease-out);border-radius:999px;flex:none;padding:9px clamp(10px,3vw,16px)}.subnav button:hover,.subnav button[aria-current=true]{color:var(--text)}.subnav button[aria-current=true]{font-variation-settings:"wght" 620}.chapter{scroll-margin-top:calc(var(--header-h) + 72px);padding-top:clamp(40px,6vw,80px)}.chapter__head{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,26rem);align-items:end;gap:12px 40px;margin-bottom:clamp(20px,3vw,36px);padding-bottom:18px;display:grid}.chapter__title{font-size:var(--fs-xl);font-variation-settings:"wght" 620;letter-spacing:-.03em;align-items:baseline;gap:14px;display:flex}.chapter__num{color:var(--coral);letter-spacing:0;font-size:.8125rem;font-weight:500;transform:translateY(-.5em)}.services{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:clamp(20px,3vw,44px);display:grid}.svc-pills{flex-wrap:wrap;gap:10px;display:flex}.svc-pills .pill{box-shadow:var(--glass-shadow);background:0 0}.svc-pills .pill:hover,.svc-pills .pill[aria-selected=true]{--glass-fill:var(--text);color:var(--ink-on-text);background:0 0}.svc-pills .pill[aria-selected=true] .arrow{color:var(--coral);transform:rotate(45deg)}.svc-stage{perspective:1200px}.svc-panel{border-radius:var(--r-tile);padding:clamp(22px,2.6vw,34px);position:relative}.svc{gap:16px;display:grid}.js .svc:not(.is-active){display:none}.svc+.svc{margin-top:32px}.js .svc+.svc{margin-top:0}.svc__idx{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:10px;font-size:.75rem;display:flex}.svc__idx:before{content:"";background:var(--coral);border-radius:2px;width:8px;height:8px}.svc__idx i{opacity:.55;font-style:normal}.svc__title{font-size:var(--fs-xl);font-variation-settings:"wght" 600;letter-spacing:-.03em;max-width:14ch}.svc__text{color:var(--muted);max-width:48ch}.svc__stack li{color:var(--text);background:color-mix(in srgb, var(--bg-3) 75%, transparent);box-shadow:var(--rim-top), inset 0 0 0 1px var(--line), 0 2px 6px #1418200d;transition:transform .45s var(--ease-spring);align-items:center;gap:8px;padding:5px 13px 5px 6px;display:inline-flex}.svc__stack li:hover{transform:translateY(-2px)}.svc__stack li:not(:has(.svc__ico)){min-height:36px;padding-left:13px}.svc__ico{color:#1d1f246b;fill-opacity:.9;flex:none;width:26px;height:26px;overflow:visible}:root[data-scheme=dark] .svc__ico{color:#ffffff59}.svc__big{font-variation-settings:"wght" 800;letter-spacing:-.05em;pointer-events:none;color:#0000;background:linear-gradient(115deg,#0000 38%,#fffffff2 47%,#0000 56%) 0 0/250% 100% no-repeat,linear-gradient(#fff 0%,#eef0f4 36%,#d3d7df 58%,#f3f4f7 100%);-webkit-text-stroke:1px #14161c12;filter:drop-shadow(0 -1px #fff)drop-shadow(0 1px #d2d6dd)drop-shadow(0 1px #c5cad2)drop-shadow(0 1px #b9bec7)drop-shadow(0 14px 16px #14182029);animation:glassText 6s var(--ease-in-out) infinite;-webkit-background-clip:text;background-clip:text;font-size:clamp(5rem,3.4rem + 3vw,7.25rem);line-height:1;position:absolute;top:clamp(10px,1.4vw,18px);right:clamp(18px,2vw,28px)}.svc__big:after{content:".";color:var(--coral);-webkit-text-stroke:0}:root[data-scheme=dark] .svc__big{background:linear-gradient(115deg,#0000 38%,#ffffff80 47%,#0000 56%) 0 0/250% 100% no-repeat,linear-gradient(#50545e 0%,#363940 45%,#26292f 60%,#3c3f47 100%);-webkit-text-stroke:1px #ffffff1f;filter:drop-shadow(0 -1px #ffffff29)drop-shadow(0 1px #15161a)drop-shadow(0 1px #111215)drop-shadow(0 14px 16px #00000073);-webkit-background-clip:text;background-clip:text}@keyframes glassText{0%,25%{background-position:120% 0,0 0}75%,to{background-position:-20% 0,0 0}}.svc__foot{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-top:8px;display:flex}.svc__scene{background:radial-gradient(circle, color-mix(in srgb, var(--text) 13%, transparent) .8px, transparent 1.3px) 0 0 / 10px 10px, linear-gradient(180deg, color-mix(in srgb, var(--bg-3) 70%, transparent), color-mix(in srgb, var(--bg) 50%, transparent));max-width:340px;box-shadow:var(--rim-top), inset 0 0 0 1px var(--line), inset 0 -16px 24px -20px #14182040;border-radius:18px;flex:250px;margin:0;padding:10px}.svc__scene svg{width:100%;height:auto;display:block;overflow:visible}.svc__cta svg{transition:transform .45s var(--ease-spring)}.svc__cta:hover svg{transform:rotate(45deg)}.sc-frame{fill:var(--bg-3);stroke:var(--line-strong)}.sc-hair{fill:none;stroke:var(--line-strong)}.sc-dot{fill:color-mix(in srgb, var(--text) 16%, transparent)}.sc-soft{fill:color-mix(in srgb, var(--text) 7%, transparent)}.sc-line{fill:none;stroke:color-mix(in srgb, var(--text) 20%, transparent);stroke-width:4px;stroke-linecap:round}.sc-line--lg{stroke-width:7px;stroke:color-mix(in srgb, var(--text) 72%, transparent)}.sc-line--thin{stroke-width:2.6px}.sc-line--on{stroke:color-mix(in srgb, var(--coral) 65%, var(--text))}.sc-accent{fill:var(--coral)}.sc-out{fill:color-mix(in srgb, var(--coral) 20%, transparent)}.sc-card{fill:color-mix(in srgb, var(--coral) 12%, var(--bg-3))}.sc-bar{fill:color-mix(in srgb, var(--text) 12%, transparent);transform-box:fill-box;transform-origin:50% 100%}.sc-bar--hot{fill:var(--coral)}.sc-sun{fill:color-mix(in srgb, var(--coral) 65%, #ffc94d)}.sc-hill{fill:color-mix(in srgb, var(--text) 14%, transparent)}.sc-flow{fill:none;stroke:var(--coral);stroke-width:1.8px;stroke-linecap:round;stroke-dasharray:4 5}.sc-flow-head{fill:none;stroke:var(--coral);stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}.sc-pointer{transform:translate(46px,66px)}.sc-cursor{fill:var(--text);stroke:var(--bg-3);stroke-width:1.2px;stroke-linejoin:round}.sc-okpill{fill:color-mix(in srgb, #3fbf7f 14%, var(--bg-3));stroke:#3fbf7f73}.sc-ok{fill:#3fbf7f}.sc-tick{fill:#3fbf7f94}.sc-tick--warn{fill:#ffb547}.sc-pulse{fill:none;stroke:var(--coral);stroke-width:2.2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1}@media (prefers-reduced-motion:no-preference){.sc-bar{animation:scGrow 3.2s var(--ease-in-out) infinite alternate}.sc-bar:nth-child(2){animation-delay:-.5s}.sc-bar:nth-child(3){animation-delay:-1.1s}.sc-bar:nth-child(4){animation-delay:-1.6s}.sc-bar:nth-child(5){animation-delay:-2.2s}.sc-bar:nth-child(6){animation-delay:-2.7s}.sc-bar:nth-child(7){animation-delay:-.8s}.sc-scroll{animation:scScroll 7s var(--ease-in-out) infinite}.sc-msg{animation:scPop 6s var(--ease-out) infinite both}.sc-msg:nth-of-type(2){animation-delay:.7s}.sc-msg:nth-of-type(3){animation-delay:1.4s}.sc-typing{animation:scType 1.2s var(--ease-in-out) infinite}.sc-typing:nth-of-type(2){animation-delay:.15s}.sc-typing:nth-of-type(3){animation-delay:.3s}.sc-note{animation:scNote 5s var(--ease-out) infinite}.sc-flow{animation:1.1s linear infinite scDash}.sc-pointer{animation:scPoint 5.5s var(--ease-in-out) infinite}.sc-ok{animation:2s step-end infinite blink}.sc-pulse{animation:scDraw 3.6s var(--ease-in-out) infinite}}@keyframes scGrow{0%{transform:scaleY(.55)}to{transform:scaleY(1)}}@keyframes scScroll{0%,30%{transform:translateY(0)}50%,80%{transform:translateY(-72px)}to{transform:translateY(0)}}@keyframes scPop{0%,6%{opacity:0;transform:translateY(6px)}14%,86%{opacity:1;transform:none}94%,to{opacity:0;transform:none}}@keyframes scType{0%,to{opacity:.3;transform:none}50%{opacity:1;transform:translateY(-1.5px)}}@keyframes scNote{0%,10%{opacity:0;transform:translate(18px)}22%,80%{opacity:1;transform:none}92%,to{opacity:0;transform:none}}@keyframes scDash{to{stroke-dashoffset:-9px}}@keyframes scPoint{0%,8%{transform:translate(104px,30px)}32%{transform:translate(46px,66px)}38%{transform:translate(46px,66px)scale(.82)}44%{transform:translate(46px,66px)scale(1)}76%,86%{transform:translate(190px,34px)}to{transform:translate(104px,30px)}}@keyframes scDraw{0%{stroke-dashoffset:1px;opacity:1}55%,82%{stroke-dashoffset:0;opacity:1}to{stroke-dashoffset:0;opacity:0}}.steps-wrap{perspective:1200px;position:relative}.steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;display:grid;position:relative}.steps__line{background:var(--line);height:2px;position:absolute;top:46px;left:28px;right:0;overflow:hidden}.steps__line i{background:var(--coral);transform-origin:0;height:100%;display:block}.step{isolation:isolate;border-radius:var(--r-tile);background:radial-gradient(220px circle at var(--gx,20%) var(--gy,0%), color-mix(in srgb, var(--bg-3) 80%, transparent), transparent 70%);transition:transform .5s var(--ease-out), box-shadow .4s var(--ease-out);grid-template-rows:auto auto auto 1fr auto;align-content:stretch;gap:14px;padding:18px 18px 16px;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.step{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg))}}.step.is-tilting{transition:transform .12s linear, box-shadow .4s var(--ease-out)}.step:hover{box-shadow:0 20px 36px -20px #ff4d2e66}.step__top{justify-content:space-between;align-items:center;gap:12px;display:flex}.step__num{isolation:isolate;background:radial-gradient(circle at 32% 26%, #fffffff2 0 9%, #ffffff4d 24%, transparent 46%), linear-gradient(160deg, color-mix(in srgb, #fff 60%, var(--bg-3)), var(--bg-3));width:56px;height:56px;box-shadow:inset 0 0 0 1px #ffffffb3, inset 0 -6px 12px #1418201a, 0 0 0 6px var(--bg-2), 0 0 0 7px var(--line), 0 8px 18px #14182014;font-variation-settings:"wght" 600;font-variant-numeric:tabular-nums;transition:color .35s var(--ease-out), box-shadow .35s var(--ease-out);border-radius:50%;flex:none;place-items:center;display:grid;position:relative}:root[data-scheme=dark] .step__num,:root[data-scheme=dark] .fbrand__mark{background:radial-gradient(circle at 32% 26%,#ffffff61 0 8%,#ffffff14 24%,#0000 46%),linear-gradient(160deg,#3b3f48,#25282e)}.step__num:before{content:"";z-index:-1;border-radius:inherit;background:radial-gradient(circle at 32% 26%, #ffffffe6 0 9%, #ffffff40 24%, transparent 46%), radial-gradient(circle at 60% 80%, #ffb4a3, var(--coral) 55%, #c4351d);opacity:0;transition:opacity .35s var(--ease-out);position:absolute;top:0;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #ffffff59,inset 0 -6px 12px #7814054d}.step:first-child .step__num,.step:hover .step__num{color:var(--coral-ink);box-shadow:0 0 0 6px var(--bg-2), 0 0 0 7px color-mix(in srgb, var(--coral) 35%, transparent), 0 10px 22px var(--coral-soft)}.step:first-child .step__num:before,.step:hover .step__num:before{opacity:1}.step__icon{width:40px;height:40px;color:var(--muted);transition:color .3s, transform .5s var(--ease-spring);border-radius:13px;flex:none;place-items:center;display:grid}.step__icon svg{width:20px;height:20px}.step:hover .step__icon{color:var(--coral);transform:rotate(-8deg)}.step__title{font-size:var(--fs-l);font-variation-settings:"wght" 600;letter-spacing:-.02em}.step__text{color:var(--muted);font-size:var(--fs-s);max-width:30ch}.step__meter{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.step__meter i{background:var(--line-strong);border-radius:4px;height:4px}.step:first-child .step__meter i:nth-child(-n+1),.step:nth-child(2) .step__meter i:nth-child(-n+2),.step:nth-child(3) .step__meter i:nth-child(-n+3),.step:nth-child(4) .step__meter i{background:linear-gradient(90deg, #ff9a7e, var(--coral))}.step:not(:last-child):after{content:"";background:var(--bg-3) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M7.6 5.6 11 9l-3.4 3.4' fill='none' stroke='%23ff4d2e' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;width:18px;height:18px;box-shadow:var(--rim-top), 0 0 0 1px var(--line), 0 4px 10px #1418201f;transition:transform .5s var(--ease-spring), opacity .3s;border-radius:50%;position:absolute;top:37px;right:-18px}.step:first-child:after{transition-delay:.55s}.step:nth-child(2):after{transition-delay:.95s}.step:nth-child(3):after{transition-delay:1.35s}@media (prefers-reduced-motion:no-preference){.js .steps-wrap:not(.is-shown) .step:after{opacity:0;transition-delay:0s;transform:scale(.2)}}.contact{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:12px;display:grid}.contact .tile{isolation:isolate;box-shadow:none;background:0 0;position:relative}.contact__mail{flex-direction:column;gap:20px;display:flex;position:relative;overflow:hidden}.contact__head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.contact__head .tile__label{align-items:center;gap:10px;display:flex}.contact__ico{width:34px;height:34px;color:var(--coral);border-radius:11px;place-items:center;display:grid}.contact__ico svg{width:18px;height:18px}.contact__clock{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;box-shadow:inset 0 0 0 1px var(--line);border-radius:999px;align-items:center;gap:8px;padding:6px 12px;font-size:.75rem;display:inline-flex}.contact__clock:before{content:"";background:var(--coral);border-radius:50%;width:6px;height:6px;animation:2s step-end infinite blink}.contact__clock time{color:var(--text)}.bigmail{letter-spacing:-.04em;font-variation-settings:"wght" 560;overflow-wrap:anywhere;text-align:left;background:linear-gradient(var(--coral), var(--coral)) 0 100% / 0 2px no-repeat;width:-moz-fit-content;width:fit-content;max-width:100%;transition:background-size .6s var(--ease-out), color .3s;padding-bottom:6px;font-size:clamp(1.75rem,.8rem + 3.4vw,3.5rem);line-height:1.05;display:block}.bigmail:hover{background-size:100% 2px}.mail-at{color:var(--coral);transition:transform .6s var(--ease-spring);display:inline-block}.bigmail:hover .mail-at,.footer__mail:hover .mail-at{transform:rotate(-16deg)scale(1.08)}.contact__actions{flex-wrap:wrap;gap:10px;display:flex}.btn.is-copied svg{animation:pop .5s var(--ease-spring)}@keyframes pop{0%{transform:scale(.4)}to{transform:none}}.envelope{aspect-ratio:1.55;pointer-events:none;width:min(100%,380px);margin:auto;position:relative}.envelope>span{border-radius:18px;position:absolute}.envelope__back{background:linear-gradient(180deg, color-mix(in srgb, var(--text) 14%, var(--bg-2)), color-mix(in srgb, var(--text) 7%, var(--bg-2)));box-shadow:inset 0 0 0 1px var(--line), inset 0 14px 24px -14px #1418204d;top:30%;bottom:0;left:0;right:0}.envelope__back:before{content:"";background:color-mix(in srgb, var(--text) 14%, var(--bg-2));clip-path:polygon(0 100%,50% 0,100% 100%);height:52%;position:absolute;bottom:calc(100% - 1px);left:0;right:0}.envelope__letter{background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line), 0 12px 26px #1418201f;transition:translate .7s var(--ease-spring);align-content:start;gap:9px;padding:18px 20px;display:grid;top:4%;bottom:8%;left:9%;right:9%}.envelope>.envelope__letter{border-radius:12px}.envelope__letter i{background:var(--line-strong);border-radius:5px;height:5px;display:block}.envelope__letter i:first-child{background:var(--coral);width:46%}.envelope__letter i:nth-child(2){width:84%}.envelope__letter i:nth-child(3){width:68%}.envelope__letter b{border:1.5px dashed color-mix(in srgb, var(--coral) 60%, transparent);color:var(--coral);font-variation-settings:"wght" 700;letter-spacing:-.02em;border-radius:6px;padding:5px 7px 4px;font-size:.75rem;font-weight:400;position:absolute;top:12px;right:14px;transform:rotate(6deg)}.contact__mail:hover .envelope__letter{translate:0 -16%}.envelope__front{clip-path:polygon(0 0,50% 54%,100% 0,100% 100%,0 100%);-webkit-backdrop-filter:blur(10px)saturate(1.6);backdrop-filter:blur(10px)saturate(1.6);background:linear-gradient(to top right,#0000 calc(50% - 1px),#fffffff2 50%,#0000 calc(50% + 1.5px)) 0 0/50% 54% no-repeat,linear-gradient(to top left,#0000 calc(50% - 1px),#fffffff2 50%,#0000 calc(50% + 1.5px)) 100% 0/50% 54% no-repeat,linear-gradient(#ffffff6b,#d6dbe480);top:30%;bottom:0;left:0;right:0;box-shadow:inset 0 0 0 1px #ffffff8c,inset 0 -18px 28px -20px #14182040}:root[data-scheme=dark] .envelope__front{background:linear-gradient(to top right,#0000 calc(50% - 1px),#ffffff47 50%,#0000 calc(50% + 1.5px)) 0 0/50% 54% no-repeat,linear-gradient(to top left,#0000 calc(50% - 1px),#ffffff47 50%,#0000 calc(50% + 1.5px)) 100% 0/50% 54% no-repeat,linear-gradient(#ffffff1a,#ffffff0a);box-shadow:inset 0 0 0 1px #ffffff1a,inset 0 -18px 28px -20px #00000080}@media (prefers-reduced-motion:no-preference){.envelope__letter{animation:float 5s var(--ease-in-out) infinite}}.brief{gap:16px;display:grid}.brief__head{gap:12px;display:grid}.brief__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.brief__row .kicker{margin:0}.brief__count{color:var(--muted);font-size:.75rem}.brief__count b{color:var(--text);font-variation-settings:"wght" 640;font-weight:400}.brief__progress{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:4px;height:4px;display:block;overflow:hidden;box-shadow:inset 0 1px 2px #1418201f}.brief__progress i{border-radius:inherit;background:linear-gradient(90deg, #ffb09a, var(--coral));height:100%;transform:scaleX(var(--done,0));transform-origin:0;transition:transform .6s var(--ease-out);display:block}.brief__note{color:var(--muted);font-size:var(--fs-xs);align-items:flex-start;gap:8px;line-height:1.45;display:flex}.brief__note svg{width:14px;height:14px;color:var(--coral);flex:none;margin-top:2px}.field{gap:8px;display:grid}.field label,.field legend{color:var(--muted);font-size:var(--fs-s);align-items:center;gap:8px;padding:0;transition:color .25s;display:flex}.field__n{letter-spacing:.04em;box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:6px;padding:2px 6px;font-size:.6875rem;transition:color .25s,background-color .25s,box-shadow .25s}.field.is-ok .field__n{color:var(--coral);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--coral) 55%, transparent)}.field:focus-within>label,.field:focus-within>legend{color:var(--text)}.field:focus-within .field__n{color:var(--coral-ink);background:var(--coral);box-shadow:none}.field__box{position:relative}.field input,.field textarea{border-radius:var(--r-s);background:linear-gradient(180deg, var(--bg-3), color-mix(in srgb, var(--bg-3) 94%, var(--bg)));width:100%;color:var(--text);font:inherit;box-shadow:inset 0 0 0 1px var(--line), inset 0 2px 4px #1418200a;transition:box-shadow .3s var(--ease-out);border:0;padding:14px 46px 14px 16px}.field input:hover,.field textarea:hover{box-shadow:inset 0 0 0 1px var(--line-strong), inset 0 2px 4px #1418200a}.field textarea{resize:vertical;min-height:120px;padding-bottom:32px}.field input:focus,.field textarea:focus{box-shadow:inset 0 0 0 1.5px var(--coral), 0 0 0 4px var(--coral-soft);outline:none}.field [aria-invalid=true],.field [aria-invalid=true]:hover{box-shadow:inset 0 0 0 1.5px #e5533b,0 0 0 4px #e5533b1f}.field[data-field=contact] input{padding-right:136px}.field__ok{color:#fff;background:radial-gradient(circle at 35% 28%, #ffb4a3, var(--coral) 60%, #c4351d);width:22px;height:22px;box-shadow:inset 0 1px 0 #fff9, 0 3px 8px var(--coral-soft);opacity:0;transition:opacity .25s, transform .45s var(--ease-spring);pointer-events:none;border-radius:50%;margin-top:-11px;padding:4px;position:absolute;top:50%;right:14px;transform:scale(.4)}.field[data-field=text] .field__ok{margin-top:0;top:14px}.field.is-ok .field__ok{opacity:1;transform:none}.field__kind{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;box-shadow:inset 0 0 0 1px var(--line-strong);opacity:0;pointer-events:none;border-radius:999px;padding:3px 9px;font-size:.6875rem;transition:opacity .25s;position:absolute;top:50%;right:46px;transform:translateY(-50%)}.field__kind:not(:empty){opacity:1}.field__count{color:var(--muted);pointer-events:none;font-size:.6875rem;position:absolute;bottom:10px;right:24px}.field__count b{color:var(--text);font-weight:400}.field__error{color:#c8391f;font-size:var(--fs-xs);min-height:1.2em}:root[data-scheme=dark] .field__error{color:#ff8f7a}fieldset.field{border:0;min-width:0;margin:0;padding:0}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{position:relative}.chip input{opacity:0;cursor:pointer;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.chip span{background:color-mix(in srgb, var(--bg-3) 65%, transparent);box-shadow:var(--rim-top), inset 0 0 0 1px var(--line-strong);font-size:var(--fs-s);transition:background-color .25s, color .25s, box-shadow .25s, transform .35s var(--ease-spring);border-radius:999px;align-items:center;gap:8px;padding:9px 15px 9px 11px;display:inline-flex}.chip__dot{width:12px;height:12px;box-shadow:inset 0 0 0 1.5px var(--line-strong);border-radius:50%;flex:none;transition:box-shadow .25s;position:relative}.chip__dot:after{content:"";background:var(--coral);transition:transform .35s var(--ease-spring);border-radius:50%;position:absolute;top:3px;bottom:3px;left:3px;right:3px;transform:scale(0)}.chip:hover span{box-shadow:var(--rim-top), inset 0 0 0 1px color-mix(in srgb, var(--text) 45%, transparent)}.chip:active span{transform:scale(.96)}.chip input:checked+span{background:var(--text);color:var(--ink-on-text);box-shadow:0 6px 16px #14182029}.chip input:checked+span .chip__dot{box-shadow:inset 0 0 0 1.5px var(--coral)}.chip input:checked+span .chip__dot:after{transform:scale(1)}.chip input:focus-visible+span{outline:2px solid var(--coral);outline-offset:2px}.chip.is-picked span{animation:chipPick .9s var(--ease-out) .55s}@keyframes chipPick{0%{box-shadow:0 0 #ff4d2e8c}to{box-shadow:0 0 0 14px #ff4d2e00}}.brief__submit{justify-content:space-between}.brief__submit svg{transition:transform .45s var(--ease-spring)}.brief__submit:hover svg{transform:rotate(45deg)}.brief.is-ready .brief__submit{box-shadow:inset 0 1px 0 #ffffffb3, inset 0 0 0 1px #ffffff38, inset 0 -3px 8px #961e0a47, 0 0 0 5px var(--coral-soft), 0 12px 28px #ff4d2e47}.letter{border-radius:var(--r-s);background:var(--bg-3);box-shadow:inset 0 0 0 1px var(--line), 0 10px 24px #1418200f;gap:14px;padding:24px 18px 18px;display:grid;position:relative;overflow:hidden}.letter:before{content:"";background:repeating-linear-gradient(-45deg, var(--coral) 0 10px, transparent 10px 20px, #8f7df0 20px 30px, transparent 30px 40px);opacity:.85;height:5px;position:absolute;top:0;left:0;right:0}.letter pre{white-space:pre-wrap;font:inherit;font-size:var(--fs-s);color:var(--muted);max-height:220px;margin:0;overflow:auto}.letter__title{font-size:var(--fs-m);font-variation-settings:"wght" 600;letter-spacing:0}.footer{border-radius:var(--r-stage) var(--r-stage) 0 0;background:radial-gradient(60% 50% at 0% 0%, color-mix(in srgb, var(--bg-3) 90%, transparent), transparent 70%), var(--bg-2);box-shadow:var(--rim-top), var(--tile-shadow);padding-bottom:env(safe-area-inset-bottom,0px);margin-top:12px;position:relative;overflow:hidden}.footer__top{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr) minmax(0,1fr);gap:32px;padding-block-start:clamp(36px,5vw,64px);padding-block-end:30px;display:grid}.footer__col{align-content:start;gap:10px;display:grid}.footer__col h2,.footer__k{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin-bottom:6px;font-size:.75rem;font-weight:400;line-height:1.2;display:flex}.footer__col h2:before,.footer__k:before{content:"";background:var(--coral);border-radius:2px;width:6px;height:6px}.footer__col a{width:-moz-fit-content;width:fit-content;transition:color .25s}.footer__col a:hover{color:var(--coral)}.footer__link{align-items:center;gap:10px;display:inline-flex}.footer__link .label-text{color:var(--muted);font-size:.6875rem;transition:color .25s}.footer__link svg{opacity:0;width:12px;height:12px;transition:opacity .25s, transform .45s var(--ease-spring);transform:translate(-6px,3px)}.footer__link:hover .label-text{color:var(--coral)}.footer__link:hover svg{opacity:1;transform:none}.footer__link:focus-visible svg{opacity:1;transform:none}.footer__mail{font-size:var(--fs-l);font-variation-settings:"wght" 560;letter-spacing:-.02em;overflow-wrap:anywhere;background:linear-gradient(var(--coral), var(--coral)) 0 100% / 0 1.5px no-repeat;transition:background-size .6s var(--ease-out), color .25s;padding-bottom:3px}.footer__col a.footer__mail:hover{color:var(--text);background-size:100% 1.5px}.footer__copy{width:-moz-fit-content;width:fit-content}.fbrand{align-items:center;gap:24px;display:flex}.fbrand__mark{background:radial-gradient(circle at 32% 24%, #fffffff2 0 8%, #ffffff4d 22%, transparent 44%), linear-gradient(160deg, color-mix(in srgb, #fff 60%, var(--bg-3)), var(--bg-3));width:96px;height:96px;box-shadow:inset 0 0 0 1px #ffffffb3, inset 0 -8px 16px #1418201a, 0 0 0 7px var(--bg-2), 0 0 0 8px var(--line), 0 14px 30px #1418201a;border-radius:50%;flex:none;position:relative}.fbrand__mark:before{content:"";background:radial-gradient(circle at 34% 28%, #fff 0 12%, #ffffff40 28%, transparent 50%), radial-gradient(circle at 60% 78%, #ffc2b4, var(--coral) 55%, #b8321c);width:19px;height:19px;transition:transform .6s var(--ease-spring);border-radius:50%;margin-left:-9.5px;position:absolute;top:24px;left:50%;box-shadow:inset 0 -2px 4px #78140559,0 4px 10px #ff4d2e59}.fbrand__mark:after{content:"";background:var(--text);border-radius:4px;width:13px;height:25px;margin-left:-6.5px;position:absolute;top:47px;left:50%}.fbrand:hover .fbrand__mark:before{transform:translateY(-5px)}.fbrand__text{justify-items:start;gap:10px;min-width:0;display:grid}.fbrand__text .footer__k{margin-bottom:0}.fbrand__lead{max-width:26ch;font-size:var(--fs-l);letter-spacing:-.015em;font-variation-settings:"wght" 460;line-height:1.3}.fbrand__cta{margin-top:4px}.path{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;padding-block-start:38px;padding-block-end:30px;display:grid}.path__y{letter-spacing:-.05em;font-variation-settings:"wght" 300;font-variant-numeric:tabular-nums;font-size:clamp(2rem,1.2rem + 3vw,4rem);line-height:1;position:relative}.path__y:before{color:var(--muted);font-variation-settings:"wght" 500;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;font-size:.625rem;position:absolute;bottom:calc(100% + 8px);left:0}.path__y:first-child:before{content:"старт"}.path__y:last-child:before{content:"финиш";left:auto;right:0}.path__track{background:color-mix(in srgb, var(--text) 7%, transparent);border-radius:6px;height:6px;position:relative;box-shadow:inset 0 1px 2px #14182024,0 1px #fffc}:root[data-scheme=dark] .path__track{box-shadow:inset 0 1px 2px #00000080,0 1px #ffffff0a}.path__ticks{background:repeating-linear-gradient(90deg, var(--line-strong) 0 1px, transparent 1px 25%);position:absolute;top:-7px;bottom:-7px;left:0;right:0;-webkit-mask:linear-gradient(#000 0 4px,#0000 4px calc(100% - 4px),#000 calc(100% - 4px));mask:linear-gradient(#000 0 4px,#0000 4px calc(100% - 4px),#000 calc(100% - 4px))}.path__fill{width:var(--progress,12.5%);transition:width 1.1s var(--ease-in-out);border-radius:inherit;background:linear-gradient(90deg, #ffb09a, var(--coral));position:absolute;top:0;bottom:0;left:0;overflow:hidden;box-shadow:0 0 12px #ff4d2e59}.path.is-reset .path__fill,.path.is-reset .path__now{transition:none}.path__fill:after{content:"";width:40%;animation:fillSheen 4s var(--ease-in-out) infinite;background:linear-gradient(90deg,#0000,#ffffffbf,#0000);position:absolute;top:0;bottom:0;left:0;transform:translate(-105%)}@keyframes fillSheen{0%{transform:translate(-105%)}60%,to{transform:translate(255%)}}.path__now{top:50%;left:var(--progress,12.5%);width:22px;height:22px;transition:left 1.1s var(--ease-in-out);background:radial-gradient(circle at 34% 28%, #fff 0 12%, #ffffff40 28%, transparent 50%), radial-gradient(circle at 60% 78%, #ffc2b4, var(--coral) 55%, #b8321c);box-shadow:inset 0 -2px 4px #78140559, inset 0 1px 2px #fffc, 0 4px 10px #ff4d2e59, 0 0 0 6px var(--coral-soft);border-radius:50%;position:absolute;transform:translate(-50%,-50%)}.path__now:after{content:attr(data-label);color:var(--text);background:var(--bg-3);box-shadow:var(--rim-top), 0 0 0 1px var(--line), 0 4px 10px #14182014;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;border-radius:999px;padding:3px 9px;font-size:.625rem;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.path[data-stage="0"] .path__now:after{left:-6px;transform:none}.path[data-stage="3"] .path__now:after{left:auto;right:-6px;transform:none}.path__now:before{content:"";border:1px solid var(--coral);animation:ping 2.4s var(--ease-out) infinite;border-radius:50%;position:absolute;top:-6px;bottom:-6px;left:-6px;right:-6px}.footer__bottom{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;padding-block-start:18px;padding-block-end:18px;font-size:.75rem;display:flex}.footer__up{color:var(--text);box-shadow:inset 0 0 0 1px var(--line-strong);border-radius:999px;align-items:center;gap:10px;padding:5px 5px 5px 14px;transition:background-color .25s,box-shadow .25s;display:inline-flex}.footer__up:hover{background:var(--bg-3);box-shadow:var(--rim-top), inset 0 0 0 1px var(--line), 0 6px 16px #14182014}.footer__up-ico{color:#fff;background:radial-gradient(circle at 35% 28%, #ffb4a3, var(--coral) 60%, #c4351d);width:26px;height:26px;box-shadow:inset 0 1px 0 #fff9, 0 4px 10px var(--coral-soft);border-radius:50%;place-items:center;display:grid}.footer__up-ico svg{width:13px;height:13px;transition:transform .45s var(--ease-spring)}.footer__up:hover .footer__up-ico svg{transform:translateY(-2px)}.giant{padding:.05em var(--gutter) 0;perspective:1100px;-webkit-user-select:none;user-select:none;margin-bottom:-.1em;font-size:clamp(5rem,1rem + 20vw,20rem);line-height:.8}.giant__text{color:var(--giant-face);letter-spacing:-.06em;font-variation-settings:"wght" 800;white-space:nowrap;transform:rotateX(var(--rx,16deg)) rotateY(var(--ry,0deg));transform-origin:50% 100%;transition:transform .8s var(--ease-out);text-shadow:0 .006em 0 var(--ex-1), 0 .012em 0 var(--ex-1), 0 .018em 0 var(--ex-1), 0 .024em 0 var(--ex-2), 0 .03em 0 var(--ex-2), 0 .036em 0 var(--ex-2), 0 .042em 0 var(--ex-3), 0 .048em 0 var(--ex-3), 0 .054em 0 var(--ex-3), 0 .12em .08em var(--ex-shadow);display:inline-block}.giant__text .dot{color:var(--coral);text-shadow:0 .006em #e2432a,0 .012em #d63d25,0 .018em #c93721,0 .024em #bb321d,0 .03em #ad2d1a,0 .036em #9e2816,0 .042em #902413,0 .048em #822010,0 .054em #741c0e,0 .12em .08em #ff4d2e4d}.giant.is-tilting .giant__text{transition:transform .15s linear}.wipe{z-index:80;background:var(--coral);clip-path:circle(0);pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.has-cursor,.has-cursor *{cursor:none!important}.has-cursor :-webkit-any(input:not([type=radio]):not([type=checkbox]),textarea,select){cursor:text!important}.has-cursor :is(input:not([type=radio]):not([type=checkbox]),textarea,select){cursor:text!important}.cursor{z-index:95;pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0}.cursor:not(.is-on)>*{opacity:0!important}.cursor__dot,.cursor__ring{will-change:transform;position:absolute;top:0;left:0}.cursor__dot{background:var(--coral);width:8px;height:8px;transition:opacity .25s, width .3s var(--ease-out), height .3s var(--ease-out), margin .3s var(--ease-out);border-radius:50%;margin:-4px 0 0 -4px}.cursor__ring{--glass-fill:#ffffff0f;width:44px;height:44px;transition:opacity .3s, box-shadow .35s var(--ease-out);border-radius:999px}.cursor__badge{width:100px;height:100px;color:var(--coral-ink);opacity:0;transition:opacity .2s var(--ease-out), transform .55s var(--ease-spring);margin:-50px 0 0 -50px;position:absolute;top:50%;left:50%;transform:scale(.4)rotate(-50deg)}.cursor__face{position:absolute;top:0;bottom:0;left:0;right:0}.cursor__orbit{width:100%;height:100%;animation:11s linear infinite paused orbit;position:absolute;top:0;bottom:0;left:0;right:0;overflow:visible}.cursor__orbit text{fill:currentColor;font-family:var(--font);font-variation-settings:"wght" 660;font-size:9.5px}.cursor__icon{width:26px;height:26px;margin:-13px 0 0 -13px;position:absolute;top:50%;left:50%}.cursor[data-mode=snap] .cursor__dot{width:4px;height:4px;margin:-2px 0 0 -2px}.cursor[data-mode=label] .cursor__ring{--glass-fill:color-mix(in srgb, var(--pc) 86%, transparent);--glass-sheen:radial-gradient(58% 44% at 34% 24%, #ffffff9e, #fff0 70%), radial-gradient(80% 50% at 55% 108%, #ffd6c4bf, #ffd6c400 70%);--glass-rim:inset 0 1.5px 0 #ffffffb3, inset 0 0 0 1px #ffffff47, inset 0 -10px 18px -8px #961e0a6b;box-shadow:0 16px 34px color-mix(in srgb, var(--pc) 30%, transparent), 0 3px 8px #961e0a38}:root[data-scheme=dark] .cursor[data-mode=label] .cursor__ring{--glass-fill:color-mix(in srgb, var(--pc) 90%, transparent)}.cursor[data-mode=label] .cursor__badge{opacity:1;transform:none}.cursor[data-mode=label] .cursor__orbit{animation-play-state:running}.cursor[data-mode=label] .cursor__dot,.cursor[data-mode=text] .cursor__ring,.cursor[data-mode=text] .cursor__dot{opacity:0}.cursor.is-down .cursor__dot{width:12px;height:12px;margin:-6px 0 0 -6px}@keyframes orbit{to{transform:rotate(360deg)}}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:96;--glass-fill:var(--glass-fill-strong);color:var(--text);font-size:var(--fs-s);font-variation-settings:"wght" 540;visibility:hidden;transition:transform .5s var(--ease-spring), visibility 0s linear .5s;pointer-events:none;border-radius:999px;padding:12px 20px;position:fixed;transform:translate(-50%,calc(100% + 40px))}.toast.is-on{visibility:visible;transition:transform .5s var(--ease-spring), visibility 0s;transform:translate(-50%)}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){mix-blend-mode:normal;animation:none}@keyframes blink{50%{opacity:.2}}@keyframes blob{0%{transform:translate(0)scale(1)}50%{transform:translate(14%,10%)scale(1.12)}to{transform:translate(-8%,16%)scale(.92)}}@keyframes float{0%,to{transform:translate(0,0)}50%{transform:translateY(-10px)}}@keyframes packet{0%{opacity:0;transform:translateZ(210px)}12%{opacity:1}50%{opacity:1;transform:translate(0,0)}60%,to{opacity:0;transform:translateZ(-20px)}}@keyframes packet-back{0%{opacity:0;transform:translateZ(-20px)}12%{opacity:1}50%{opacity:1;transform:translateZ(210px)}60%,to{opacity:0;transform:translateZ(230px)}}@keyframes ping{0%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(2.2)}}@media (max-width:1180px){.tools__body{grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){:root{--header-h:76px}.nav,.topbar__cta{display:none}.burger{display:grid}.topbar__inner{grid-template-columns:1fr auto}.logo{justify-self:start}.hero,.projects,.services,.contact,.view__head,.tools__head,.chapter__head{grid-template-columns:minmax(0,1fr)}.stage{aspect-ratio:1;min-height:0}.showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.projects__aside{display:none}.plist{gap:18px}.project{padding-top:clamp(12px,2vw,18px)}.project__media{isolation:isolate;aspect-ratio:16/11;border-radius:calc(var(--r-tile) - 6px);background:var(--stage-bg);width:100%;max-height:62svh;display:block;position:relative;overflow:hidden;box-shadow:0 0 0 1px #1418200f,0 14px 32px -16px #14182059}.project__media .stage__canvas-slot{top:0;bottom:0;left:0;right:0}.project__media .mock{transition:opacity .6s var(--ease-out)}.project.is-hot .project__media .mock{opacity:0}.no-webgl .project.is-hot .project__media .mock{opacity:1}.steps{grid-template-columns:repeat(2,minmax(0,1fr))}.steps__line,.step:not(:last-child):after{display:none}.footer__top{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.footer__brand{grid-column:1/-1}}@media (max-width:620px){.logo{height:46px;font-size:1.4rem}.icon-btn{width:46px;height:46px}.thumb{min-height:160px}.thumb__meta{flex-direction:column;gap:0}.toolgrid{grid-template-columns:minmax(0,1fr)}.iso{--iso-scale:1.08;height:390px}.iso__scene{width:190px;height:190px}.iso__slab{--gap:42px;--above-lift:64px}.layer-tabs{grid-template-columns:repeat(4,auto);gap:2px;display:grid}.layer-tabs button{padding:8px 11px;font-size:.8125rem}.layer-tabs button i{display:none}.iso__block{width:58px;height:38px}.iso__block--db{width:44px;height:44px}.steps,.footer__top{grid-template-columns:minmax(0,1fr)}.path{grid-template-columns:minmax(0,1fr);gap:26px}.path__track{order:2}.path__y:last-child{order:3;justify-self:end;margin-top:36px}.svc__big{font-size:3.5rem}.thumb__line{flex-wrap:wrap;row-gap:0}.thumb__desc{display:none}.iso__hud{min-width:0;padding:8px 12px 10px}.iso__hud-name{font-size:var(--fs-m)}.svc__scene{max-width:none}.field[data-field=contact] input{padding-right:46px}.field__kind{display:none}.envelope{width:min(100%,280px)}.fbrand{gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.path__now:before{animation:none}.iso__packet{display:none}.iso__scene,.iso__slab:after,.svc__big,.yours__blobs i,.contact__clock:before,.path__fill:after,.backdrop i{animation:none}*,:before,:after{transition-duration:.01ms!important}}.solid-glass .glass:before{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-3)}.solid-glass .glass:after{display:none}.solid-glass .cursor[data-mode=label] .cursor__ring:before{background:var(--pc)}.solid-glass .svc-pills .pill:-webkit-any(:hover,[aria-selected=true]):before{background:var(--text)}.solid-glass .svc-pills .pill:is(:hover,[aria-selected=true]):before{background:var(--text)}.solid-glass .project__row:hover .project__go:before{background:var(--pc)}.solid-glass .envelope__front{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-3)}.solid-glass :-webkit-any(.nav__lens,.subnav__lens){z-index:-1}.solid-glass :is(.nav__lens,.subnav__lens){z-index:-1}.solid-glass :-webkit-any(.nav__lens,.subnav__lens):before{background:var(--hover);box-shadow:inset 0 0 0 1px var(--line)}.solid-glass :is(.nav__lens,.subnav__lens):before{background:var(--hover);box-shadow:inset 0 0 0 1px var(--line)}.solid-glass .cursor:not([data-mode=label]) .cursor__ring:before{box-shadow:inset 0 0 0 1.5px var(--line-strong);background:0 0}:root{--shaw:#e0a030;--shaw-red:#d8342a;--serif:"Playfair Display", Georgia, "Times New Roman", serif}.fx-splash{display:none}html.fx-intro{overflow:hidden}html.fx-intro .fx-splash{z-index:9999;color:#ece9e2;clip-path:inset(0);transition:clip-path 1s var(--ease-in-out);background:#121316;place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}html.fx-intro .fx-splash.is-out{clip-path:inset(0 0 100%)}.fx-splash__mark{font-variation-settings:"wght" 640;letter-spacing:-.05em;font-size:clamp(64px,14vw,200px);line-height:.9;display:flex}.fx-splash__mark span{padding:0 .01em .08em;display:block;overflow:hidden}.fx-splash__mark i{animation:fxRise .9s var(--ease-out) forwards;animation-delay:calc(.12s + var(--i) * 70ms);font-style:normal;display:block;transform:translateY(105%)rotate(6deg)}.fx-splash__mark .dot i{color:var(--coral);animation:fxPop .7s var(--ease-spring) .62s forwards;transform:scale(0)}.fx-splash__bar{background:var(--coral);transform-origin:0;height:3px;transform:scaleX(var(--p,0));position:absolute;bottom:0;left:0;right:0}@keyframes fxRise{to{transform:none}}@keyframes fxPop{to{transform:none}}.fx-progress{z-index:200;background:var(--pc);transform-origin:0;height:2px;transform:scaleX(var(--p,0));pointer-events:none;position:fixed;top:0;left:0;right:0}.fx-marquee{border-block:1px solid var(--line);-webkit-user-select:none;user-select:none;margin:clamp(48px,7vw,96px) 0 0;padding:10px 0;overflow:hidden}.fx-marquee__row{white-space:nowrap;will-change:transform;width:max-content;display:flex}.fx-marquee__row span{font-variation-settings:"wght" 800;text-transform:uppercase;letter-spacing:-.035em;padding-right:.35em;font-size:clamp(40px,7.5vw,116px);line-height:1.02}.fx-marquee__row span:nth-child(2n){color:#0000;-webkit-text-stroke:1.2px var(--text);font-family:var(--serif);text-transform:none;font-variation-settings:normal;font-style:italic;font-weight:400}.fx-marquee__row span b{color:var(--pc);font-weight:inherit}.project[data-project] .project__name{transition:transform .6s var(--ease-out), letter-spacing .6s var(--ease-out), color .4s;transform-origin:0 70%}.project[data-project=hub] .project__name{font-family:var(--font-label);letter-spacing:-.06em;font-weight:500}.project[data-project=hub].is-hot .project__name{color:var(--hub)}.project[data-project=hub] .project__row:hover .project__name{letter-spacing:-.01em;color:var(--hub)}.project[data-project=ada] .project__name{font-family:var(--serif);letter-spacing:-.01em;font-style:italic;font-weight:400}.project[data-project=ada].is-hot .project__name{color:var(--ada)}.project[data-project=ada] .project__row:hover .project__name{color:var(--ada);transform:skew(-6deg)translate(6px)}.project[data-project=walk] .project__name{text-transform:uppercase;letter-spacing:.06em;font-family:Georgia,serif;position:relative}:is(.project[data-project=walk].is-hot,.project[data-project=walk] .project__row:hover) .project__name{color:#d4577a}.project[data-project=walk] .project__name:after{content:"";transform-origin:0;height:2px;transition:transform .9s var(--ease-out);background:repeating-linear-gradient(90deg,currentColor 0 8px,#0000 8px 14px);position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.project[data-project=walk] .project__row:hover .project__name:after{transform:none}.project[data-project=shaw] .project__name{font-variation-settings:"wght" 900;text-transform:uppercase;letter-spacing:-.04em}:is(.project[data-project=shaw].is-hot,.project[data-project=shaw] .project__row:hover) .project__name{color:#0000;background:linear-gradient(100deg, var(--shaw-red), var(--shaw) 45%, #ffd36b 60%, var(--shaw-red)) 0 0 / 250% 100%;-webkit-background-clip:text;background-clip:text}.project[data-project=shaw] .project__row:hover .project__name{animation:1.6s linear infinite fxHeat;transform:rotate(-2deg)}@keyframes fxHeat{to{background-position:-250% 0}}html.fx-ready .fx-in{opacity:0;transition:opacity .9s var(--ease-out), translate 1s var(--ease-out);transition-delay:calc(var(--k,0) * 60ms);translate:0 26px}html.fx-ready .fx-in.is-in{opacity:1;translate:none}html.fx-ready .fx-marquee.fx-in{filter:blur(6px);transition-property:opacity,translate,filter;transition-duration:.9s,1s,.9s}html.fx-ready .fx-marquee.fx-in.is-in{filter:none}@keyframes fxSpin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){html.fx-intro .fx-splash{display:none}html.fx-intro{overflow:auto}html.fx-ready .fx-in,html.fx-ready .fx-marquee.fx-in{opacity:1;filter:none;translate:none}}.view--home .hero{grid-template:"mark stage""deco stage"minmax(0,1fr)"info stage"/minmax(0,1fr) minmax(0,1.08fr);gap:32px clamp(24px,3.4vw,56px);min-height:calc(100svh - 128px);display:grid}.view--home .hero__text{z-index:3;grid-area:mark;padding:0;display:block;position:relative}.view--home .wordmark{--wm-fit:1;margin:0 0 0 -.045em;font-size:11vw;line-height:.8}#stage-home{grid-area:stage;min-height:460px}#stage-home .stage__canvas-slot{top:0;bottom:0;left:0;right:0}#stage-home .marks{top:18px;bottom:18px;left:18px;right:18px}.hero__info{max-width:36rem;transition:opacity .6s var(--ease-out), visibility 0s;grid-area:info;align-self:end;gap:18px;display:grid}.hero__info[data-empty]{opacity:0;visibility:hidden;transition:opacity .4s var(--ease-out), visibility 0s linear .4s}.hero__kind{min-height:1.4em;color:var(--muted);font-size:var(--fs-s);align-items:baseline;gap:12px;display:flex}.hero__idx{color:var(--pc);font-size:.75rem}.hero__name{letter-spacing:-.035em;font-variation-settings:"wght" 620;text-wrap:balance;font-size:clamp(2.4rem,1.2rem + 3vw,4.05rem);line-height:1.02;display:block}.hero__desc{max-width:34rem;min-height:4.5em;color:var(--muted);font-size:var(--fs-m);text-wrap:pretty;line-height:1.5}.hero__facts{border-top:1px solid var(--line);margin:4px 0 0}.hero__facts>div{border-bottom:1px solid var(--line);grid-template-columns:7.5rem minmax(0,1fr);align-items:baseline;gap:12px;padding:11px 0;display:grid}.hero__fact-k{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.6875rem}.hero__fact-v{font-size:var(--fs-s);font-variation-settings:"wght" 520;margin:0}.hero__fact-k,.hero__fact-v{display:block}.hero__links{align-items:center;gap:10px;margin-top:4px;display:flex}.glass-field{z-index:-1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;bottom:0;left:0;right:0}@media print{.glass-field{display:none}}.hero__deco{grid-area:deco;min-height:0}.view__head>div:first-child{align-items:center;gap:clamp(6px,1.4vw,18px);display:flex}.title-deco{aspect-ratio:1;flex:none;width:clamp(92px,10vw,150px);margin-block-start:-28px;margin-block-end:-28px}.showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(16px,2vw,28px)}.thumb{border-radius:calc(var(--r-tile) + 4px);gap:16px;min-height:0;padding:14px}.thumb__mock{border-radius:16px;height:clamp(210px,20vw,300px);min-height:0}.thumb__meta{gap:10px;padding:2px 6px 6px}.thumb__name{font-size:var(--fs-xl);letter-spacing:-.03em;line-height:1.1}.thumb__kind{font-size:.75rem}.thumb__desc{max-width:48ch;font-size:var(--fs-s);line-height:1.45;display:block}.thumb__stack{gap:6px}.thumb__stack i{border-radius:8px;padding:3px 9px;font-size:.75rem}.thumb__idx{padding:4px 10px;font-size:.8125rem;bottom:12px;left:12px}.thumb__progress{top:7px;left:26px;right:26px}.thumb{--acc:var(--coral);transition:transform .5s var(--ease-out), background-color .3s, box-shadow .4s var(--ease-out)}.thumb:not(.thumb--yours):hover{box-shadow:0 0 0 1.5px color-mix(in srgb, var(--acc) 45%, transparent), var(--tile-shadow), 0 28px 56px -32px color-mix(in srgb, var(--acc) 75%, transparent)}.thumb.is-active:not(.thumb--yours):hover{box-shadow:0 0 0 1.5px var(--pc), var(--tile-shadow), 0 28px 56px -32px color-mix(in srgb, var(--acc) 75%, transparent)}.thumb__mock .mock{transition:transform .9s var(--ease-out)}.thumb:hover .thumb__mock .mock{transform:scale(1.035)}.thumb__kind{align-items:center;gap:7px;display:inline-flex}.thumb__kind:before{content:"";background:var(--acc);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 18%, transparent);border-radius:50%;flex:none}.thumb:not(.thumb--yours) .thumb__stack{align-content:center;min-height:38px;padding-right:176px}.thumb__actions{z-index:2;gap:8px;display:flex;position:absolute;bottom:20px;right:20px;transform:translateZ(30px)}.thumb__go{--bg-btn:var(--text);color:var(--ink-on-text)}.thumb__go:hover{--bg-btn:var(--acc);color:#fff}.thumb__go svg{width:13px;height:13px}.thumb--yours{grid-column:1/-1;min-height:clamp(130px,11vw,160px)}.thumb--yours .yours__blobs i{width:36%}.thumb--yours .yours__blobs i:nth-child(2){width:30%}.thumb--yours .yours__blobs i:nth-child(3){width:32%;bottom:-80%;left:40%}.thumb--yours .yours__pane{justify-content:space-between;align-items:center;gap:20px;padding:16px clamp(18px,2.4vw,32px);display:flex}.yours__text{gap:2px;display:grid}.thumb--yours .yours__title{font-size:var(--fs-xl);letter-spacing:-.03em;margin:0}.yours__desc{color:var(--text);opacity:.75;font-size:var(--fs-s)}.thumb--yours .plus{flex:none;width:56px;height:56px}.thumb--yours .plus svg{width:22px;height:22px}@media (max-width:960px){.thumb__mock{height:clamp(170px,26vw,240px)}.thumb__name{font-size:var(--fs-l)}}@media (max-width:620px){.showcase{grid-template-columns:minmax(0,1fr)}.thumb__mock{height:200px}.thumb__desc{display:block}.yours__desc{display:none}}.footer__brand:empty{min-height:1px}.thumb__mock,.aside-mock,.project__media,.sheet__hero{container-type:size}.mock{font-size:10px;text-align:left;letter-spacing:0;font-size:min(2.5cqw,5cqh);line-height:1.25;position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.mock :-webkit-any(span,b,i,em){font-style:normal;font-weight:inherit;display:block}.mock :is(span,b,i,em){font-style:normal;font-weight:inherit;display:block}.mock svg{display:block;overflow:visible}.m-stage{width:40em;height:20em;position:absolute;top:50%;left:50%;translate:-50% -50%}.mock b:empty{border-radius:.2em;height:.35em}.mock--hub{color:#173b3d;background:radial-gradient(circle,#173b3d1f .07em,#0000 .09em) 0 0/1.2em 1.2em,radial-gradient(60% 90% at 88% 0,#bfe2df,#0000 70%),linear-gradient(160deg,#eff6f5,#d4e7e5)}.mock--hub .m-win{background:#fff;border-radius:.9em;width:28.6em;height:19.6em;position:absolute;top:1.4em;left:1.4em;overflow:hidden;box-shadow:0 0 0 1px #173b3d14,0 1.2em 2.4em -.8em #173b3d59}.mock--hub .m-winbar{background:#f3f8f8;border-bottom:1px solid #173b3d14;align-items:center;gap:.35em;height:1.6em;padding:0 .8em;display:flex}.mock--hub .m-winbar>i{background:#d6e2e1;border-radius:50%;width:.45em;height:.45em}.mock--hub .m-url{color:#5c7677;background:#e6efee;border-radius:1em;margin-inline-start:auto;margin-inline-end:auto;padding:.25em 1.2em;font-size:.5em}.mock--hub .m-app{grid-template-columns:6.8em minmax(0,1fr);height:calc(100% - 1.6em);display:grid}.mock--hub .m-side{color:#cfe7e5;background:#123f41;align-content:start;gap:.2em;padding:.8em .5em;display:grid}.mock--hub .m-brand{color:#fff;font-variation-settings:"wght" 700;align-items:center;gap:.45em;margin:0 0 .9em .3em;font-size:.6em;display:flex}.mock--hub .m-brand i{background:linear-gradient(135deg,#6fd6d4,#2a9c9f);border-radius:.4em;width:1.5em;height:1.5em}.mock--hub .m-nav{border-radius:.6em;align-items:center;gap:.6em;padding:.55em .7em;font-size:.52em;display:flex}.mock--hub .m-nav i{opacity:.7;border:1.5px solid;border-radius:.25em;width:.8em;height:.8em}.mock--hub .m-nav.is-on{color:#fff;background:#6fd6d42e}.mock--hub .m-nav.is-on i{opacity:1;background:#6fd6d4;border-color:#6fd6d4}.mock--hub .m-main{padding:.9em 1em}.mock--hub .m-top{justify-content:space-between;align-items:center;gap:.8em;display:flex}.mock--hub .m-h{letter-spacing:-.02em;font-variation-settings:"wght" 700;font-size:.92em;line-height:1.1}.mock--hub .m-add{color:#fff;font-variation-settings:"wght" 600;background:#123f41;border-radius:2em;flex:none;padding:.55em 1em;font-size:.48em}.mock--hub .m-search{color:#7d9495;background:#f1f6f6;border-radius:.9em;align-items:center;gap:.7em;height:2.7em;margin-top:1.2em;padding:0 1em;font-size:.52em;display:flex}.mock--hub .m-search i{border:1.5px solid;border-radius:50%;width:.9em;height:.9em}.mock--hub .m-filters{gap:.3em;margin:.6em 0 .7em;display:flex}.mock--hub .m-filters i{border-radius:2em;padding:.35em .9em;font-size:.46em;box-shadow:inset 0 0 0 1px #173b3d29}.mock--hub .m-filters .is-on{color:#fff;box-shadow:none;background:#123f41}.mock--hub .m-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.55em;display:grid}.mock--hub .m-card{background:#fff;border-radius:.7em;gap:.45em;padding:.6em;display:grid;box-shadow:0 0 0 1px #173b3d1a,0 .3em .8em -.3em #173b3d33}.mock--hub .m-badge{color:#1f7b7e;font-variation-settings:"wght" 600;background:#e3f3f2;border-radius:2em;justify-self:start;padding:.3em .8em;font-size:.42em}.mock--hub .m-badge--part{color:#a36d0c;background:#fff2d9}.mock--hub .m-badge--live{color:#2b8150;background:#e2f5e8}.mock--hub .m-card b:empty{background:#173b3d24}.mock--hub .m-card b:first-of-type{background:#173b3d57;width:90%}.mock--hub .m-card b:last-of-type{width:60%}.mock--hub .m-team{padding-left:.3em;display:flex}.mock--hub .m-team i{background:linear-gradient(135deg,#ffb7a2,#ff6b4a);border:.12em solid #fff;border-radius:50%;width:1.1em;height:1.1em;margin-left:-.3em}.mock--hub .m-team i:nth-child(2){background:linear-gradient(135deg,#b6e7e5,#2a9c9f)}.mock--hub .m-team i:nth-child(3){background:linear-gradient(135deg,#d9d0fb,#8f7ae6)}.mock--hub .m-team i:nth-child(4){background:linear-gradient(135deg,#ffe2a6,#e0a030)}.mock--hub .m-go{color:#fff;text-align:center;font-variation-settings:"wght" 600;background:#2a9c9f;border-radius:2em;padding:.5em 0;font-size:.42em}.mock--hub .m-crew,.mock--hub .m-toast{background:#fff;border-radius:.8em;position:absolute;box-shadow:0 0 0 1px #173b3d14,0 .9em 1.8em -.7em #173b3d66}.mock--hub .m-crew{gap:.5em;width:7.6em;padding:.8em;display:grid;top:2.2em;left:31.2em}.mock--hub .m-k{color:#5c7677;text-transform:uppercase;letter-spacing:.08em;font-size:.44em}.mock--hub .m-crew .m-team i{width:1.6em;height:1.6em}.mock--hub .m-crew .m-free{color:#2a9c9f;background:#fff;border-style:dashed;place-items:center;font-size:.6em;line-height:1;display:grid;box-shadow:inset 0 0 0 1px #2a9c9f}.mock--hub .m-note{color:#1f7b7e;font-variation-settings:"wght" 600;font-size:.5em}.mock--hub .m-toast{align-items:center;gap:.6em;width:12.4em;padding:.7em .8em;display:flex;top:9.6em;left:25.2em}.mock--hub .m-ava{background:linear-gradient(135deg,#d9d0fb,#8f7ae6);border-radius:50%;flex:none;width:2em;height:2em;box-shadow:0 0 0 .2em #e9e4fd}.mock--hub .m-tt{color:#5c7677;font-size:.5em;line-height:1.35}.mock--hub .m-tt b{color:#173b3d;font-variation-settings:"wght" 700;font-size:1.15em}.mock--hub .m-lock{color:#e3f3f2;background:#123f41;border-radius:2em;align-items:center;gap:.6em;padding:.7em 1.2em;font-size:.5em;display:flex;position:absolute;top:76%;left:76%;box-shadow:0 .8em 1.6em -.6em #123f4199}.mock--hub .m-lock svg{color:#6fd6d4;width:1.3em;height:1.3em}.mock--ada{color:#eef3ee;background:repeating-linear-gradient(#0000 0 1.6em,#ffffff09 1.6em calc(1.6em + 1px)),radial-gradient(70% 100% at 18% 0,#36594c,#0000 62%),linear-gradient(165deg,#1f342d,#111b18)}.mock--ada .m-book{color:#22302b;background:#f5f1e7;border-radius:.9em;width:25em;height:19em;position:absolute;top:1.6em;left:1.4em;overflow:visible;box-shadow:0 1.4em 2.6em -.9em #0009}.mock--ada .m-bookbar{border-bottom:1px solid #22302b1f;justify-content:space-between;align-items:center;gap:.6em;padding:.8em 1em .7em;display:flex}.mock--ada .m-unit{font-variation-settings:"wght" 700;letter-spacing:.02em;align-items:center;gap:.6em;font-size:.56em;display:flex}.mock--ada .m-unit:before{content:"";background:#3e8e68;border-radius:.2em;width:.8em;height:.8em}.mock--ada .m-tabs{gap:.2em;display:flex}.mock--ada .m-tabs i{color:#6b7a73;border-radius:2em;padding:.3em .7em;font-size:.44em}.mock--ada .m-tabs .is-on{color:#fff;background:#3e8e68}.mock--ada .m-cols{grid-template-columns:1.15fr 1fr;gap:1.2em;padding:1em 1.1em;display:grid}.mock--ada .m-en .m-p{font-family:var(--serif);color:#1b2521;font-size:.86em;line-height:1.35}.mock--ada .m-en mark{color:inherit;background:#3e8e6833;border-radius:.2em;padding:0 .15em;box-shadow:inset 0 -.12em #3e8e68}.mock--ada .m-ru{border-left:1px solid #22302b1f;padding-left:1em}.mock--ada .m-ru .m-p{color:#5d6b65;font-size:.6em;line-height:1.45}.mock--ada .m-cols b:empty{background:#22302b1f;margin-top:.6em}.mock--ada .m-cols b:nth-of-type(2n){width:82%}.mock--ada .m-cols b:nth-of-type(3n){width:64%}.mock--ada .m-word{color:#eef3ee;background:#1d2b26;border-radius:.7em;width:8.6em;padding:.7em .8em;position:absolute;top:7em;left:7.6em;box-shadow:0 1em 1.8em -.6em #0000008c}.mock--ada .m-word:before{content:"";background:inherit;width:.8em;height:.8em;position:absolute;top:-.35em;left:1.2em;transform:rotate(45deg)}.mock--ada .m-w{font-family:var(--serif);font-size:.8em}.mock--ada .m-ipa{opacity:.65;letter-spacing:.04em;margin-top:.2em;font-size:.44em}.mock--ada .m-tr{color:#9fe0bd;font-variation-settings:"wght" 600;margin-top:.35em;font-size:.6em}.mock--ada .m-quiz{background:linear-gradient(160deg,#ffffff1f,#ffffff0a);border-radius:.9em;width:11em;padding:.9em;position:absolute;top:2.4em;left:27.6em;box-shadow:inset 0 0 0 1px #ffffff24,0 1em 2em -.8em #0009}.mock--ada .m-qhead{color:#9fe0bd;text-transform:uppercase;letter-spacing:.1em;justify-content:space-between;font-size:.46em;display:flex}.mock--ada .m-qhead span{color:#eef3ee;opacity:.6}.mock--ada .m-q{font-family:var(--serif);margin:.7em 0 .9em;font-size:.66em;line-height:1.3}.mock--ada .m-opt{border-radius:.7em;align-items:center;gap:.7em;margin-top:.45em;padding:.55em .8em;font-size:.52em;display:flex;box-shadow:inset 0 0 0 1px #ffffff2e}.mock--ada .m-opt:before{content:"";border-radius:50%;width:.8em;height:.8em;box-shadow:inset 0 0 0 1.5px #ffffff73}.mock--ada .m-opt.is-ok{box-shadow:none;background:#3e8e68}.mock--ada .m-opt.is-ok:before{background:#fff;box-shadow:inset 0 0 0 .22em #3e8e68,0 0 0 1px #fff}.mock--ada .m-prog{background:#ffffff24;border-radius:1em;height:.3em;margin-top:.9em}.mock--ada .m-prog i{border-radius:inherit;background:#9fe0bd;width:70%;height:100%}.mock--ada .m-level{color:#9fe0bd;width:2.8em;height:2.8em;font-family:var(--serif);border-radius:50%;place-items:center;font-size:1em;font-style:italic;display:grid;position:absolute;top:15.2em;left:34.6em;box-shadow:inset 0 0 0 1px #9fe0bd80}.mock--walk{color:#3a2626;background:#f6ebe1}.mock--walk .m-map{width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.m-park{fill:#d6e8c9}.m-river{fill:none;stroke:#cfe1ea;stroke-width:16px;stroke-linecap:round}.m-street{fill:none;stroke:#fffaf5;stroke-width:5px}.m-lane{fill:none;stroke:#fffaf5cc;stroke-width:2px}.mock--walk .m-title{color:#d4577a;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 0 .3em #f6ebe1,0 0 .6em #f6ebe1;font-family:Georgia,Times New Roman,serif;font-size:1.25em;line-height:1;position:absolute;top:6.5%;left:4%}.mock--walk .m-route{width:24em;height:14em;position:absolute;top:5em;left:1em}.m-route__halo{fill:none;stroke:#fffaf5;stroke-width:8px;stroke-linecap:round}.m-route__line{fill:none;stroke:#d4577a;stroke-width:3px;stroke-linecap:round;stroke-dasharray:.1 7}.m-route__pin circle{fill:#d4577a;stroke:#fff;stroke-width:3px}.m-route__pin text{fill:#fff;font:700 10px var(--font);text-anchor:middle}.m-route__tag{fill:#6b4545;font:600 9px var(--font);paint-order:stroke;stroke:#fffaf5;stroke-width:4px;stroke-linejoin:round}.mock--walk .m-phone,.mock--shaw .m-phone{border-radius:1.4em;width:11.8em;height:20em;position:absolute;top:1.2em;left:26.8em;overflow:hidden}.mock--walk .m-phone{background:#f1e7df;box-shadow:0 0 0 .3em #2a1f1f,0 1.4em 2.6em -1em #78322880}.mock--walk .m-chat-head,.mock--shaw .m-chat-head{background:#ffffffd9;align-items:center;gap:.5em;padding:.7em .7em .55em;display:flex}.mock--walk .m-ava,.mock--shaw .m-ava{color:#fff;font-variation-settings:"wght" 700;border-radius:50%;flex:none;place-items:center;width:1.7em;height:1.7em;font-size:.8em;display:grid}.mock--walk .m-ava{background:linear-gradient(135deg,#f08aa6,#d4577a)}.mock--walk .m-who,.mock--shaw .m-who{color:#9a7b7b;font-size:.44em;line-height:1.3}.mock--walk .m-who b,.mock--shaw .m-who b{color:#2a1f1f;font-variation-settings:"wght" 700;font-size:1.25em}.mock--walk .m-msg,.mock--shaw .m-msg{background:#fff;border-radius:.9em .9em .9em .25em;margin:.8em 1.6em .6em .6em;padding:.6em .8em;font-size:.52em;line-height:1.35;box-shadow:0 1px 1px #0000000f}.mock--walk .m-stops{background:#fff;border-radius:.8em;margin:0 .6em;padding:.2em .6em}.mock--walk .m-stop{align-items:center;gap:.7em;padding:.6em 0;font-size:.5em;display:flex}.mock--walk .m-stop+.m-stop{border-top:1px dashed #3a262626}.mock--walk .m-stop i{color:#fff;font-variation-settings:"wght" 700;background:#d4577a;border-radius:50%;flex:none;place-items:center;width:1.7em;height:1.7em;font-size:.85em;display:grid}.mock--walk .m-stop em{color:#9a7b7b;font-variant-numeric:tabular-nums;margin-left:auto}.mock--walk .m-btn{color:#fff;text-align:center;font-variation-settings:"wght" 700;background:linear-gradient(90deg,#e59b6f,#d4577a);border-radius:2em;margin:.7em .6em;padding:.7em;font-size:.5em}.mock--shaw{color:#ffe9c7;background:linear-gradient(160deg,#2b1b13,#130b08)}.mock--shaw .m-rays{aspect-ratio:1;background:repeating-conic-gradient(#e0a03033 0deg 8deg,#0000 8deg 20deg);border-radius:50%;width:90%;animation:60s linear infinite fxSpin;position:absolute;top:-80%;left:-30%;-webkit-mask-image:radial-gradient(closest-side,#000 40%,#0000);mask-image:radial-gradient(closest-side,#000 40%,#0000)}.mock--shaw .m-title{color:var(--shaw);letter-spacing:-.035em;text-transform:uppercase;font-variation-settings:"wght" 900;font-size:2.3em;line-height:.9;position:absolute;top:6%;left:4%}.mock--shaw .m-title em{color:#ffe9c7;font-family:var(--serif);letter-spacing:0;text-transform:none;font-variation-settings:normal;margin-top:.3em;font-size:.42em;font-style:italic}.mock--shaw .m-steps{gap:.35em;display:flex;position:absolute;top:7.1em;left:1.6em}.mock--shaw .m-steps i{letter-spacing:.1em;text-transform:uppercase;border-radius:2em;padding:.4em .9em;font-size:.46em;box-shadow:inset 0 0 0 1px #ffe9c74d}.mock--shaw .m-steps i:last-child{background:var(--shaw);color:#2b1b13;box-shadow:none}.mock--shaw .m-roll{width:19em;height:9.5em;position:absolute;top:8.4em;left:1.4em}.m-roll__shadow{fill:#00000073}.m-roll__lavash{fill:#e8b061}.m-roll__lavash-low{fill:#c9853f;opacity:.6}.m-roll__lavash-hi{fill:#fbe0ae;opacity:.75}.m-roll__grill{fill:none;stroke:#8a4a20;stroke-width:5px;stroke-linecap:round;opacity:.35}.m-roll__rim{fill:#d5904a}.m-roll__inside{fill:#6d3317}.m-roll__leaf{fill:#6fab44}.m-roll__vein{fill:none;stroke:#a6d97a;stroke-width:1.6px;stroke-linecap:round}.m-roll__meat{fill:#8e4b2a}.m-roll__meat--light{fill:#a85c33}.m-roll__meat--dark{fill:#74381a}.m-roll__tomato{fill:#e53d2e}.m-roll__tomato-in{fill:#ff7a5c}.m-roll__onion{fill:none;stroke:#c98fd6;stroke-width:2.4px}.m-roll__sauce{fill:#fff7ea}.m-roll__paper{fill:#fbf3e4}.m-roll__paper-low{fill:#e4d5ba}.m-roll__paper-hi{fill:#fff;opacity:.7}.m-roll__stripe{fill:#d8342a}.m-roll__crease{fill:none;stroke:#50321414;stroke-width:2px;stroke-linecap:round}.mock--shaw .m-stamp{background:radial-gradient(circle at 35% 30%, #ff6a5a, var(--shaw-red) 60%, #a51f17);color:#fff;font-variation-settings:"wght" 800;border-radius:50%;place-items:center;width:3.2em;height:3.2em;font-size:1em;display:grid;position:absolute;top:1.6em;left:18.4em;rotate:-10deg;box-shadow:0 0 0 .3em #d8342a40,0 .6em 1em -.3em #0009}.mock--shaw .m-phone{color:#2a1a12;background:#fbf1e2;box-shadow:0 0 0 .3em #0b0706,0 1.4em 2.6em -1em #000000b3}.mock--shaw .m-ava{background:radial-gradient(circle at 35% 30%, #ff6a5a, var(--shaw-red));font-size:.6em}.mock--shaw .m-who{color:#b0482c}.mock--shaw .m-item{background:#fff;border-radius:.7em;align-items:center;gap:.5em;margin:0 .6em .35em;padding:.4em .5em;display:flex}.mock--shaw .m-item b{font-variation-settings:"wght" 650;flex:1;font-size:.52em}.mock--shaw .m-pic{background:radial-gradient(circle at 40% 40%,#e53d2e 0 18%,#0000 20%),radial-gradient(circle at 62% 60%,#6fab44 0 20%,#0000 22%),radial-gradient(circle,#a8592f 0 50%,#e8b56d 54%);border-radius:50%;flex:none;width:1.8em;height:1.8em}.mock--shaw .m-pic--cheese{background:radial-gradient(circle at 42% 40%,#ffd65a 0 26%,#0000 28%),radial-gradient(circle at 64% 62%,#ffe9a6 0 18%,#0000 20%),radial-gradient(circle,#a8592f 0 50%,#e8b56d 54%)}.mock--shaw .m-pic--hot{background:radial-gradient(circle at 40% 42%,#ff3a1d 0 22%,#0000 24%),radial-gradient(circle at 64% 58%,#c9180c 0 18%,#0000 20%),radial-gradient(circle,#8e3d20 0 50%,#e8b56d 54%)}.mock--shaw .m-count{white-space:nowrap;border-radius:2em;padding:.3em .7em;font-size:.46em;box-shadow:inset 0 0 0 1px #2a1a1233}.mock--shaw .m-add{background:var(--shaw);font-variation-settings:"wght" 700;border-radius:2em;padding:.35em .7em;font-size:.44em}.mock--shaw .m-cart{color:#ffe9c7;background:#2a1a12;border-radius:2em;justify-content:space-between;align-items:center;margin:.7em .6em;padding:.4em .4em .4em .9em;display:flex}.mock--shaw .m-cart span{font-size:.5em}.mock--shaw .m-cart b{background:var(--shaw-red);color:#fff;font-variation-settings:"wght" 700;border-radius:2em;padding:.5em .9em;font-size:.46em}@media (prefers-reduced-motion:reduce){.mock--shaw .m-rays{animation:none}}.giant{font-size:max(5rem, calc((100vw - 2 * var(--gutter)) / 2.75));perspective:3.4em}.svc-pills{flex-flow:column}.svc-pills .pill{justify-content:space-between}@media (min-width:961px){.services{align-items:stretch}.svc-pills{justify-content:space-between}.svc-stage,.svc-panel{height:100%}.svc-panel{flex-direction:column;display:flex}.svc.is-active{flex:1;grid-template-rows:auto auto auto 1fr}.svc.is-active .svc__foot{align-self:end}}.nav__lens,.subnav__lens,.cursor__ring{--lg:saturate(1.5)}@media (max-width:960px){.topbar:before{content:"";left:0;right:0;top:calc(-12px - env(safe-area-inset-top,0px));height:calc(100% + 40px + env(safe-area-inset-top,0px));z-index:-1;pointer-events:none;background:linear-gradient(180deg, var(--bg) 50%, color-mix(in srgb, var(--bg) 0%, transparent));position:absolute}}@media (max-width:620px){.toolgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool{grid-template-columns:minmax(0,1fr);justify-items:start;row-gap:8px;padding:12px}.tool__sym{width:40px;height:40px;padding:5px}.tool b{white-space:normal;font-size:var(--fs-s)}.path{grid-template-columns:minmax(0,1fr) auto;gap:24px 12px;padding-block-start:36px;padding-block-end:48px}.path__track{order:0;grid-area:2/1/auto/-1}.path__y{font-size:2.5rem}.path__y:last-child{order:0;justify-self:end;margin-top:0}}@media (max-width:960px){.view--home>.wrap{flex-direction:column;display:flex}.view--home .hero{display:contents}.view--home .hero__text{order:0}.view--home .wordmark{--wm-fit:.72}.hero__deco,.hero__info{display:none}#stage-home{aspect-ratio:auto;order:1;height:clamp(260px,46svh,560px);min-height:0;margin-top:18px}:is(.view--home .showcase,.svc-pills){margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);overscroll-behavior-x:contain;scroll-padding-inline:var(--gutter);scrollbar-width:none;position:relative;overflow-x:auto}:is(.view--home .showcase,.svc-pills)::-webkit-scrollbar{display:none}.view--home .showcase{scroll-snap-type:x mandatory;perspective:none;order:2;gap:12px;margin-top:10px;padding-block-start:4px;padding-block-end:14px;display:flex}.view--home .showcase>.thumb{scroll-snap-align:start;flex:0 0 min(86%,440px)}.view--home .tools{order:3}}@media (max-width:620px){.view--home .showcase .thumb__mock{display:none}#stage-home{aspect-ratio:1/.74;height:auto}.view--home .showcase>.thumb{gap:10px;padding:16px 14px 14px}.view--home .showcase .thumb__meta{gap:8px;padding:0 4px}.view--home .showcase .thumb__name{font-size:var(--fs-l)}.view--home .showcase .thumb__desc{font-size:var(--fs-xs);-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.view--home .thumb:not(.thumb--yours) .thumb__stack{min-height:0;padding-right:0}.view--home .thumb__actions{justify-content:flex-end;position:relative;bottom:auto;right:auto}.view--home .showcase .yours__desc{display:block}}:root{--pm:15%;--pc:var(--coral);--pbg:var(--bg-0);--bg:color-mix(in oklab, var(--bg-0), var(--pbg) var(--pm))}:root[data-portal=hub]{--pc:#22898c;--pbg:#cde8e9}:root[data-portal=ada]{--pc:var(--ada);--pbg:#dce9dc}:root[data-portal=walk]{--pc:var(--walk-accent);--pbg:#f7dce3}:root[data-portal=shaw]{--pc:#c47f0e;--pbg:#f6e4c2}:root[data-scheme=dark][data-portal=hub]{--pc:#4fc0c2;--pbg:#0e3a3c}:root[data-scheme=dark][data-portal=ada]{--pc:#6cc497;--pbg:#143322}:root[data-scheme=dark][data-portal=walk]{--pc:#f0839f;--pbg:#3d1824}:root[data-scheme=dark][data-portal=shaw]{--pc:#f2b64a;--pbg:#3a2a10}body{transition:none}:root[data-portal-shift] body{transition:background-color .9s var(--ease-in-out)}:is(.voice,.thumb.is-active .thumb__name){transition:font-variation-settings .8s var(--ease-out), letter-spacing .8s var(--ease-out)}:root[data-portal=hub] :is(.voice,.thumb.is-active .thumb__name){font-variation-settings:"wght" 560, "SHRP" 100;letter-spacing:-.055em}:root[data-portal=ada] :is(.voice,.thumb.is-active .thumb__name){font-family:var(--serif);font-variation-settings:normal;letter-spacing:-.015em;font-style:italic;font-weight:400}:root[data-portal=walk] :is(.voice,.thumb.is-active .thumb__name){font-variation-settings:normal;text-transform:uppercase;letter-spacing:.03em;font-family:Georgia,Times New Roman,serif;font-weight:400}:root[data-portal=shaw] :is(.voice,.thumb.is-active .thumb__name){font-variation-settings:"wght" 900, "slnt" -9;text-transform:uppercase;letter-spacing:-.045em}:root[data-portal=hub] :-webkit-any(.label-text,.gloss){letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}:root[data-portal=hub] :is(.label-text,.gloss){letter-spacing:0;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.gloss{color:var(--pc);font-family:var(--font-label);font-size:var(--fs-xs);font-variation-settings:"wght" 480;letter-spacing:.02em;text-transform:none;opacity:0;transition:opacity .5s var(--ease-out), transform .6s var(--ease-out);margin-top:.55em;font-style:normal;font-weight:400;line-height:1.3;display:block;transform:translateY(6px)}.gloss:empty{display:none}.gloss.is-on{opacity:1;transform:none}:root[data-portal=ada] .gloss{font-family:var(--serif);font-style:italic;font-size:var(--fs-s);letter-spacing:0}:root[data-portal=walk] .gloss{text-transform:uppercase;letter-spacing:.1em;font-size:.6875rem}:root[data-portal=shaw] .gloss{text-transform:uppercase;font-variation-settings:"wght" 800}.sheet__share{justify-self:start}.sheet__share svg{width:15px;height:15px}.portal-ring{z-index:80;pointer-events:none;opacity:0;width:100px;height:100px;fill:color-mix(in srgb, var(--pc) 8%, transparent);stroke:var(--pc);stroke-width:2px;margin:-50px 0 0 -50px;position:fixed;top:0;left:0;overflow:visible}.portal-ring circle{vector-effect:non-scaling-stroke}@media (prefers-reduced-motion:reduce){.portal-ring{display:none}}@media print{.portal-ring{display:none}}[data-offscreen] *,[data-offscreen] :before,[data-offscreen] :after{animation-play-state:paused!important}.perf-1 .iso__slab:after,.perf-1 .svc__big,.perf-1 .path__fill:after{animation:none}.perf-1 .layer-panel:before{filter:blur(20px);animation:none}.perf-1 .backdrop i{will-change:auto;animation:none}.perf-1 .envelope__letter{animation:none}.perf-1 .fx-in:-webkit-any(.chapter,.project){opacity:1;transition:none;translate:none}.perf-1 .fx-in:is(.chapter,.project){opacity:1;transition:none;translate:none}.perf-2 .yours__blobs i,.perf-2 .iso__scene,.perf-2 .path__now:before{animation:none!important}.perf-2 .tool{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--bg-3)}.perf-2 .layer-panel:before,.perf-3 .grain{display:none}.svc__cases{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.svc__cases>.label-text{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-right:4px;font-size:.6875rem}.svc__case{isolation:isolate;font-size:var(--fs-s);font-variation-settings:"wght" 520;transition:transform .4s var(--ease-spring);border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 10px;display:inline-flex;position:relative}.svc__case>.pane{transition:box-shadow .3s var(--ease-out)}.svc__case:before{content:"";background:var(--acc);width:9px;height:9px;box-shadow:0 0 0 3px color-mix(in srgb, var(--acc) 20%, transparent);border-radius:50%}.svc__case svg{width:13px;height:13px;transition:transform .4s var(--ease-spring)}.svc__case:hover{transform:translateY(-1px)}.svc__case:hover>.pane{box-shadow:var(--glass-shadow), 0 0 0 1.5px var(--acc), 0 8px 18px -10px var(--acc)}.svc__case:hover svg{transform:rotate(45deg)}.step__text{line-height:1.45}.step__out{border-top:1px dashed var(--line-strong);font-size:var(--fs-s);font-variation-settings:"wght" 560;gap:2px;margin-top:auto;padding-top:10px;display:grid}.step__out .label-text{color:var(--coral);text-transform:uppercase;letter-spacing:.06em;font-size:.6875rem}@media (max-width:960px){.svc-pills{flex-direction:row;gap:8px;padding-block-start:4px;padding-block-end:10px}.svc-pills .pill{font-size:var(--fs-m);flex:none;padding:11px 18px}.svc-pills .pill .arrow{display:none}}@media (max-width:620px){.step{grid-template-rows:none;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;padding:14px 16px}.step>*{grid-column:2}.step>.pane{grid-column:auto}.step__top{grid-area:1/1/span 5;align-self:start}.step__num{width:44px;height:44px}.step__icon{display:none}.step__meter{margin-top:4px}}