:root{--bg:#f4eadf;--surface:#fbf6f0;--border:#e5d6c6;--text:#2b1d16;--muted:#6e625a;--accent:#b24a27;--on-accent:#fff;--olive:#9a9a6b;--on-olive:#2b1d16;--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--radius-card:18px;--radius-tile:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--nav-h:72px;--gutter:clamp(16px, 4vw, 40px);--z-backdrop:0;--z-canvas:1;--z-content:3;--z-nav:50;--z-skip:100;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#1a120e;--surface:#251a14;--border:#3a2a21;--text:#f4eadf;--muted:#bcaa9c;--accent:#d9673f;--on-accent:#1a120e;--on-olive:#1a120e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--bg:#1a120e;--surface:#251a14;--border:#3a2a21;--text:#f4eadf;--muted:#bcaa9c;--accent:#d9673f;--on-accent:#1a120e;--on-olive:#1a120e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.theme-dark,:root[data-theme=dark] .theme-light{display:none}:root[data-theme=dark] .theme-dark{display:inline-block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-light{display:none}:root:not([data-theme=light]) .theme-dark{display:inline-block}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav-h);scrollbar-gutter:stable}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--border);background-clip:padding-box;border:1px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background-color:var(--muted);border-width:0}::-webkit-scrollbar-corner{background:0 0}@supports not selector(::-webkit-scrollbar){html{scrollbar-width:thin;scrollbar-color:var(--border) transparent}}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:1.0625rem;line-height:1.6;transition:background-color .4s,color .4s;overflow-x:clip}img{max-width:100%;display:block}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.02em;font-variation-settings:"opsz" 96;margin:0;font-weight:560}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit}em{color:var(--accent);font-style:italic;font-weight:500}main:focus{outline:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:6px}.container{width:100%;max-width:calc(1200px + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}.skip-link{z-index:var(--z-skip);background:var(--text);color:var(--bg);border-radius:999px;padding:10px 18px;font-weight:500;text-decoration:none;transition:transform .2s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:none}.btn{white-space:nowrap;min-height:48px;font:500 1rem/1 var(--font-body);letter-spacing:-.005em;cursor:pointer;transition:background-color .25s ease, color .25s ease, transform .2s var(--ease-out);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:0 26px;text-decoration:none;display:inline-flex}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--on-accent)}.btn-primary:hover{background:color-mix(in srgb, var(--accent) 88%, var(--text))}.btn-sm{min-height:40px;padding:0 18px;font-size:.9375rem}.btn-label{pointer-events:none;display:inline-block}.text-link{padding:12px 2px;font-weight:500;text-decoration:none;position:relative}.text-link:after{content:"";transform-origin:0;height:1px;transition:transform .45s var(--ease-out);background:currentColor;position:absolute;bottom:8px;left:2px;right:2px;transform:scaleX(.35)}.text-link:hover:after{transform:scaleX(1)}.text-link span{transition:transform .3s var(--ease-out);display:inline-block}.text-link:hover span{transform:translate(4px)}.nav{z-index:var(--z-nav);pointer-events:none;padding-inline:12px;position:fixed;inset:0 0 auto}.nav-inner{pointer-events:auto;z-index:2;height:var(--nav-h);max-width:calc(1200px + var(--gutter) * 2);padding-inline:calc(var(--gutter) - 12px);background-color:#0000;border:1px solid #0000;border-radius:999px;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;margin:0 auto;transition:background-color .35s,border-color .35s,box-shadow .35s;display:grid;position:relative}.nav.is-compact .nav-inner{background-color:color-mix(in srgb, var(--surface) 96%, transparent);border-color:var(--border);box-shadow:inset 0 1px #ffffff8c}:root[data-theme=dark] .nav.is-compact .nav-inner{box-shadow:inset 0 1px #f4eadf0f}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .nav.is-compact .nav-inner{box-shadow:inset 0 1px #f4eadf0f}}.brand{border-radius:8px;justify-self:start;align-items:center;height:32px;text-decoration:none;display:inline-flex}.brand-clip{width:129px;height:28px;display:block;overflow:hidden}.brand-img{width:129px;max-width:none;height:28px}.brand-text{font:600 1.6rem/1 var(--font-display);letter-spacing:-.02em;display:none}.brand.is-fallback .brand-clip{display:none}.brand.is-fallback .brand-text{display:inline}.nav-links{justify-self:center;gap:30px;display:flex;position:relative}.nav-links a{font:500 .90625rem/1 var(--font-body);letter-spacing:.035em;color:var(--muted);padding:8px 0;text-decoration:none;transition:color .2s;position:relative}.nav-links a:after{content:"";transform-origin:0;height:1px;transition:transform .35s var(--ease-out);background:currentColor;position:absolute;bottom:2px;left:0;right:0;transform:scaleX(0)}.nav-links a:hover{color:var(--text)}.nav-links a:hover:after{transform:scaleX(1)}.nav-links a.is-active{color:var(--text)}.nav-indicator{background:var(--accent);opacity:0;pointer-events:none;border-radius:2px;width:0;height:2px;position:absolute;bottom:-2px;left:0}.nav-actions{justify-self:end;align-items:center;gap:12px;display:flex}.nav a:focus-visible,.nav button:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:999px}.kiln{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:999px;place-items:center;padding:0;display:inline-grid;position:relative}.kiln-track{--kiln-w:60px;--kiln-h:34px;--kiln-knob:26px;--kiln-pad:3px;width:var(--kiln-w);height:var(--kiln-h);background:var(--bg);border:1px solid var(--border);border-radius:999px;transition:background-color .25s,border-color .25s;display:block;position:relative}.kiln:hover .kiln-track{border-color:var(--muted)}.kiln-knob{top:var(--kiln-pad);left:var(--kiln-pad);width:var(--kiln-knob);height:var(--kiln-knob);background:var(--text);will-change:transform;border-radius:46% 54% 52% 48%/56% 44%;transition:background-color .3s 80ms;position:absolute}.kiln-glyph{fill:#f4eadf;width:100%;height:100%;transition:opacity .25s .1s;position:absolute;inset:0}.kiln-moon{opacity:0;transform:rotate(180deg)}.kiln[aria-checked=true] .kiln-knob{background:var(--accent)}.kiln[aria-checked=true] .kiln-sun{opacity:0}.kiln[aria-checked=true] .kiln-moon{opacity:1}.kiln[aria-checked=true] .kiln-knob{transform:translateX(calc(var(--kiln-w) - var(--kiln-knob) - var(--kiln-pad) * 2 - 2px)) rotate(180deg)}@media (max-width:960px){.kiln-track{--kiln-w:50px;--kiln-h:28px;--kiln-knob:22px;--kiln-pad:2px}}.kiln:after{content:attr(data-hint);white-space:nowrap;pointer-events:none;font:500 .75rem/1 var(--font-body);letter-spacing:.02em;background:var(--text);color:var(--bg);opacity:0;transition:opacity .2s ease, translate .25s var(--ease-out);border-radius:999px;padding:6px 10px;position:absolute;top:calc(100% + 10px);left:50%;translate:-50% -4px}.kiln:hover:after,.kiln:focus-visible:after{opacity:1;translate:-50%}.mobile-foot .kiln:after{top:auto;bottom:calc(100% + 10px)}html.theme-fade,html.theme-fade *,html.theme-fade :before,html.theme-fade :after{transition:background-color .25s,color .25s,border-color .25s,fill .25s!important}.menu-btn{border:1px solid var(--border);height:40px;color:var(--text);font:500 .9375rem/1 var(--font-body);letter-spacing:.02em;cursor:pointer;background:0 0;border-radius:999px;padding:0 18px;display:none}.mobile-menu{pointer-events:auto;z-index:1;background:var(--bg);padding:calc(var(--nav-h) + 40px) 28px 36px;flex-direction:column;justify-content:space-between;display:flex;position:fixed;inset:0}.mobile-menu[hidden]{display:none}.mobile-links{gap:6px;display:grid}.mobile-links a{font:500 clamp(2.4rem, 11vw, 3.25rem)/1.15 var(--font-display);letter-spacing:-.02em;color:var(--text);font-variation-settings:"opsz" 144;padding:6px 0;text-decoration:none}.mobile-links a:active{color:var(--accent)}.mobile-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;padding-top:24px;display:flex}@media (max-width:960px){.nav-inner{grid-template-columns:1fr auto}.nav-links{display:none}.menu-btn{align-items:center;display:inline-flex}.nav-actions .nav-cta,.nav-actions .kiln{display:none}}.hero{min-height:100svh;align-items:center;min-height:100dvh;display:flex;position:relative}.scene{z-index:var(--z-canvas);pointer-events:none;position:fixed;inset:0}.scene.is-static{position:absolute}.section>.container,.contact>.container,.process-pin,.process-head{z-index:var(--z-content);position:relative}.section,.process,.contact{position:relative}.has-fallback .scene.is-static{display:none}.hero-fallback{z-index:var(--z-canvas);aspect-ratio:2048/1143;width:min(62vw,1100px);height:auto;position:absolute;top:50%;right:0;translate:0 -50%;-webkit-mask-image:radial-gradient(closest-side,#000 62%,#0000 100%);mask-image:radial-gradient(closest-side,#000 62%,#0000 100%)}@media (max-width:767px){.hero-fallback{width:120vw;top:24%;right:-10vw}}.parallax{pointer-events:none;z-index:var(--z-backdrop);position:absolute;inset:0;overflow:clip;-webkit-mask-image:linear-gradient(#0000 0,#000 140px calc(100% - 140px),#0000 100%);mask-image:linear-gradient(#0000 0,#000 140px calc(100% - 140px),#0000 100%)}.parallax-layer{z-index:var(--z-backdrop);object-fit:cover;will-change:transform;width:100%;height:100vh;margin-top:-50vh;position:absolute;top:50%;left:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%)}.backdrop{z-index:var(--z-backdrop);pointer-events:none;position:fixed;inset:0}.backdrop-layer{--in:0;--out:0;visibility:hidden;-webkit-mask-image:linear-gradient(to top, #000 calc(var(--in) * 140% - 40%), transparent calc(var(--in) * 140%)), linear-gradient(to top, transparent calc(var(--out) * 140% - 40%), #000 calc(var(--out) * 140%));-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(to top, #000 calc(var(--in) * 140% - 40%), transparent calc(var(--in) * 140%)), linear-gradient(to top, transparent calc(var(--out) * 140% - 40%), #000 calc(var(--out) * 140%));mask-image:linear-gradient(to top, #000 calc(var(--in) * 140% - 40%), transparent calc(var(--in) * 140%)), linear-gradient(to top, transparent calc(var(--out) * 140% - 40%), #000 calc(var(--out) * 140%));position:absolute;inset:0;overflow:hidden;-webkit-mask-composite:source-in;mask-composite:intersect}.backdrop-img{object-fit:cover;will-change:transform;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.backdrop{display:none}}.parallax-midground{object-fit:contain;width:72%;left:auto;right:-12%}@media (max-width:767px){.parallax-midground{display:none}.parallax-layer{height:80vh;margin-top:-40vh}}.scene canvas{display:block;width:100%!important;height:100%!important}.hero-content{z-index:var(--z-content);padding-top:calc(var(--nav-h) + 24px);padding-bottom:48px;position:relative}.hero-title{letter-spacing:-.035em;font-variation-settings:"opsz" 144;max-width:9.5ch;padding-bottom:.08em;font-size:clamp(3rem,8.4vw,7.25rem);font-weight:560;line-height:1.02}.hero-title em{font-weight:500}.hero-sub{max-width:34ch;color:var(--muted);margin-top:28px;font-size:clamp(1.0625rem,1.4vw,1.25rem);line-height:1.5}.hero-ctas{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:36px;display:flex}@media (max-width:767px){.hero{align-items:flex-end}.hero-content{padding-top:52vh;padding-bottom:56px}}.w{vertical-align:top;margin-bottom:-.14em;margin-right:-.04em;padding-bottom:.14em;padding-right:.04em;display:inline-block;overflow:hidden}.wi{will-change:transform;display:inline-block}html.can-animate [data-split],html.can-animate [data-hero-fade]{visibility:hidden}html.can-animate [data-split].is-split{visibility:visible}.section{padding-block:clamp(64px,9vw,128px)}.section-title{max-width:18ch;padding-bottom:.06em;font-size:clamp(2.25rem,4.6vw,3.75rem);line-height:1.06}.section-note{max-width:52ch;color:var(--muted);margin-top:18px}.services-grid{grid-template-columns:repeat(12,1fr);gap:20px;margin-top:56px;display:grid}.service-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-card);min-height:260px;transition:top .45s var(--ease-out), border-color .3s ease, background-color .4s ease;flex-direction:column;grid-column:span 6;gap:14px;padding:clamp(24px,3vw,36px);display:flex}.service-card>*{transition:opacity .2s}:is(.services-grid:has(.service-card:hover) .service-card:not(:hover)>*,.services-grid:has(.service-card:focus-within) .service-card:not(:focus-within)>*){opacity:.55}.service-card:first-child,.service-card:nth-child(4){grid-column:span 7}.service-card:nth-child(2),.service-card:nth-child(3){grid-column:span 5}.service-card{position:relative;top:0}.service-card:hover{border-color:var(--muted);top:-4px}.service-card h3{font-size:clamp(1.5rem,2.2vw,1.875rem);line-height:1.15}.service-card p{color:var(--muted);max-width:42ch}.tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:12px;display:flex}.tags li{background:var(--olive);color:var(--on-olive);border-radius:999px;padding:5px 12px;font-size:.8125rem;font-weight:500}@media (max-width:767px){.services-grid{grid-template-columns:1fr;margin-top:40px}.service-card,.service-card:nth-child(n){grid-column:auto;min-height:0}}.work-grid{grid-template-columns:1fr 1fr;align-items:start;gap:56px 28px;margin-top:56px;display:grid}.work-tile:first-child{grid-column:1/-1}.work-tile:first-child .work-art{aspect-ratio:16/9}.work-tile:nth-child(3){margin-top:96px}.work-tile{display:block}@property --hover{syntax:"<number>";inherits:true;initial-value:0}.work-art{border-radius:var(--radius-tile);aspect-ratio:2048/1529;background:var(--surface);border:1px solid var(--border);--explode:0;--hover:0;transition:--hover .6s var(--ease-out), background-color .4s ease;position:relative;overflow:hidden}.cover{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.cover-exploded{opacity:max(var(--explode), var(--hover))}.work-art.is-wiping .cover-exploded{opacity:1;clip-path:inset(0 0 0 var(--wipe,50%))}.wipe-line{top:0;bottom:0;left:var(--wipe,50%);z-index:2;background:var(--border);opacity:0;pointer-events:none;width:1px;margin-left:-.5px;transition:opacity .2s;position:absolute}.wipe-handle{background:var(--surface);border:1px solid var(--border);border-radius:999px;width:30px;height:16px;position:absolute;top:50%;left:50%;translate:-50% -50%}.work-art.is-wiping .wipe-line{opacity:1}.work-tile{cursor:pointer;border-radius:var(--radius-tile)}.work-tile:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.work-art{transform-style:preserve-3d}.work-meta{flex-direction:column;gap:6px;padding:18px 4px 0;display:flex}.work-meta h3{font-size:1.375rem;line-height:1.2}.work-meta p{color:var(--muted);max-width:52ch}.work-meta .work-outcome{color:var(--text);font-size:.9375rem;font-weight:500}@media (max-width:767px){.work-grid{grid-template-columns:1fr;gap:48px;margin-top:40px}.work-tile:nth-child(3){margin-top:0}.work-tile:first-child .work-art{aspect-ratio:2048/1529}}.process{padding-top:clamp(64px,9vw,128px)}.process-pin{padding-bottom:clamp(64px,8vw,120px)}.process-track{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.process-viewport{margin-top:56px}.step{border-radius:var(--radius-card);border:1px solid var(--border);background:var(--surface);flex-direction:column;gap:12px;padding:32px;transition:background-color .4s;display:flex}.step-num{font:500 clamp(3rem, 5vw, 4.5rem)/1 var(--font-display);letter-spacing:-.04em;color:var(--muted);font-variation-settings:"opsz" 144}.step h3{margin-top:24px;font-size:1.75rem}.step-meta{color:var(--muted);font-size:.875rem;font-weight:500}.step p:last-child{color:var(--muted)}.process-progress{height:24px;margin-top:36px;display:none}.process-path{width:100%;height:100%;display:block;overflow:visible}.process-path path{fill:none;stroke-width:1.5px;vector-effect:non-scaling-stroke;stroke-linecap:round}.process-path .track{stroke:var(--border)}.process-path .draw{stroke:var(--accent)}.process-vline{display:none}@media (max-width:1023px){.process-viewport{position:relative}.process-vline{top:0;bottom:0;left:max(6px, calc(var(--gutter) / 2 - 1px));background:var(--border);border-radius:2px;width:2px;display:block;position:absolute;overflow:hidden}.process-vline span{background:var(--accent);transform-origin:50% 0;width:100%;height:100%;display:block;transform:scaleY(0)}.process-viewport .process-track{padding-inline:var(--gutter);max-width:calc(1200px + var(--gutter) * 2);margin-inline:auto}.process-track{grid-template-columns:1fr 1fr}}@media (max-width:639px){.process-track{grid-template-columns:1fr}}@media (min-width:1024px){.process.is-horizontal .process-pin{min-height:100vh;padding-block:calc(var(--nav-h) + 16px) 48px;flex-direction:column;justify-content:center;display:flex}.process.is-horizontal{padding-top:0}.process.is-horizontal .process-viewport{margin-top:48px;overflow:hidden}.process.is-horizontal .process-track{width:max-content;padding-left:max(var(--gutter), calc((100vw - 1200px) / 2));padding-right:max(var(--gutter), calc((100vw - 1200px) / 2));gap:24px;display:flex}.process.is-horizontal .step{width:min(46vw,500px);min-height:400px;padding:40px}.process.is-horizontal .step p:last-child{margin-top:auto;font-size:1.0625rem}.process.is-horizontal .process-progress{display:block}.process:not(.is-horizontal) .process-viewport{max-width:calc(1200px + var(--gutter) * 2);padding-inline:var(--gutter);margin-inline:auto}}.about-grid{grid-template-columns:5fr 6fr;align-items:start;gap:clamp(40px,7vw,112px);display:grid}.about-copy p{color:var(--muted);max-width:46ch;margin-top:24px;font-size:1.125rem}.about-copy p:first-of-type{color:var(--text)}.facts{border-top:1px solid var(--border);gap:14px;max-width:46ch;margin-top:36px;padding-top:28px;display:grid}.facts li{color:var(--text);padding-left:22px;font-size:1.0625rem;position:relative}.facts li:before{content:"";background:var(--olive);border-radius:50%;width:8px;height:8px;position:absolute;top:.62em;left:0}.people{gap:16px;padding-top:8px;display:grid}.person{border:1px solid var(--border);border-radius:var(--radius-card);background:var(--surface);grid-template-columns:76px 1fr;align-items:start;gap:22px;padding:26px 26px 26px 30px;transition:background-color .4s;display:grid;position:relative}.person:before{content:"";background:var(--accent);border-radius:2px;width:2px;position:absolute;top:24px;bottom:24px;left:0}.person h3{font-size:1.5rem;line-height:1.2}.person p{color:var(--muted);max-width:46ch;margin-top:6px;font-size:.9875rem}.person .tags{margin-top:14px;padding-top:0}.avatar{width:76px;height:76px;font:600 1.25rem/1 var(--font-display);letter-spacing:.01em;border-radius:50%;place-items:center;display:grid}.avatar-olive{background:var(--olive);color:var(--on-olive)}.avatar-accent{background:var(--accent);color:var(--on-accent)}.avatar-ink{background:var(--text);color:var(--bg)}@media (max-width:860px){.about-grid{grid-template-columns:1fr}}@media (max-width:420px){.person{grid-template-columns:56px 1fr;gap:16px;padding:20px 20px 20px 24px}.avatar{width:56px;height:56px;font-size:1.0625rem}}.contact{padding-top:clamp(96px,14vw,200px);padding-bottom:32px}.contact-title{letter-spacing:-.035em;font-variation-settings:"opsz" 144;max-width:12ch;padding-bottom:.08em;font-size:clamp(2.75rem,7.6vw,6.5rem);line-height:1.04}.contact-email{font:500 clamp(1.5rem, 3.6vw, 2.75rem)/1.2 var(--font-display);letter-spacing:-.02em;overflow-wrap:anywhere;border-bottom:2px solid var(--accent);margin-top:40px;padding-bottom:6px;text-decoration:none;transition:color .25s;display:inline-block}.contact-email:hover{color:var(--accent)}.contact-loc{color:var(--muted);margin-top:20px}.footer-bar{flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:clamp(96px,12vw,180px);padding-top:24px;display:flex}.footer-mark{width:28px;height:28px;display:inline-flex}.footer-links{flex-wrap:wrap;gap:8px 24px;display:flex}.footer-links a{color:var(--muted);font-size:.9375rem;text-decoration:none}.footer-links a:hover{color:var(--text)}.footer-copy{color:var(--muted);margin-left:auto;font-size:.875rem}@media (max-width:640px){.footer-copy{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.service-card:hover{top:0}}.work-panel{z-index:80;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.work-panel[hidden]{display:none}.work-panel-backdrop{background:color-mix(in srgb, var(--bg) 86%, transparent);position:absolute;inset:0}.work-panel-card{overscroll-behavior:contain;background:var(--surface);border:1px solid var(--border);border-radius:20px;grid-template-columns:1.35fr 1fr;align-items:start;gap:32px;width:min(1040px,100%);max-height:calc(100dvh - 48px);padding:20px;display:grid;position:relative;overflow:auto}.work-panel-card:focus{outline:none}.work-panel-media{will-change:transform}.work-panel-body{padding:18px 12px 12px 0}.work-panel-body h3{font-size:clamp(1.75rem,3vw,2.25rem)}.work-panel-result{color:var(--muted);margin-top:12px}.work-panel-body .work-outcome{margin-top:10px;font-weight:500}.work-panel-body h4{font:600 .8125rem/1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:28px 0 12px}.work-panel-did{gap:10px;display:grid}.work-panel-did li{padding-left:20px;position:relative}.work-panel-did li:before{content:"";background:var(--olive);border-radius:50%;width:7px;height:7px;position:absolute;top:.6em;left:0}.work-panel-close{z-index:3;border:1px solid var(--border);background:var(--surface);height:36px;color:var(--text);font:500 .875rem/1 var(--font-body);cursor:pointer;border-radius:999px;padding:0 16px;position:absolute;top:14px;right:14px}.work-panel-close:hover{border-color:var(--muted)}@media (max-width:860px){.work-panel{align-items:end;padding:12px}.work-panel-card{grid-template-columns:1fr;gap:16px;max-height:calc(100dvh - 24px);padding:12px}.work-panel-body{padding:4px 8px 12px}}.avatar-tip{z-index:90;pointer-events:none;max-width:240px;font:400 .75rem/1.45 var(--font-body);color:var(--text);background:var(--surface);border:1px solid var(--border);opacity:0;border-radius:10px;padding:8px 12px;transition:opacity .15s;position:fixed;top:0;left:0}.avatar-tip.is-on{opacity:1}.hero-title em .w{white-space:nowrap;text-align:left}.flip-box{position:relative}.flip-box .wi,.flip-box .wi-next{will-change:transform, opacity;backface-visibility:hidden}.flip-box .wi-next{position:absolute;top:0;left:0}.hero-line{white-space:nowrap}.preloader{display:none}html.preloading .preloader{z-index:4;background:var(--bg);display:block;position:fixed;inset:0}html.preloading .scene{z-index:5}.nav{transition:opacity .6s}html.preloading .nav{opacity:0}html.can-grab-pebble,html.can-grab-pebble *{cursor:grab!important}html.is-dragging-pebble,html.is-dragging-pebble *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.scribble{white-space:nowrap;position:relative}.scribble-svg{pointer-events:none;width:102%;height:.55em;position:absolute;bottom:-.42em;left:-1%;overflow:visible}.scribble-svg path{fill:none;stroke:var(--accent);stroke-width:2px;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
