@font-face{font-family:manrope;src:url(../media/manrope_latin_wght_normal-s.p.1p_a2k8qd5zhp.woff2)format("woff2");font-display:swap}@font-face{font-family:manrope Fallback;src:local(Arial);ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.0%;size-adjust:100.14%}.manrope_4185a597-module__A7_iTW__className{font-family:manrope,manrope Fallback}.manrope_4185a597-module__A7_iTW__variable{--font-manrope:"manrope", "manrope Fallback"}
@layer reset{*,:before,:after{box-sizing:border-box}*{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}img,canvas{display:block}}@layer base{:root{--paper:#fffdfd;--paper-card:#ffffffe0;--buttercream:#f9edf2;--ink:#111013;--ink-soft:#30282d;--muted:#65545e;--muted-light:#947f89;--blue:#ad2e65;--blue-deep:#30282d;--powder:#f7d4e2;--powder-light:#fce9f1;--butter:#f9e4ec;--golden:#f7d4e2;--blush:#f7c5d9;--rose:#cf5e8f;--lavender:#e9bed0;--lavender-light:#fce9f1;--pink-strong:#ad2e65;--palette-slate:#111013;--palette-candy:#f7c5d9;--palette-atoll:#30282d;--palette-midnight:#111013;--palette-mauve:#493540;--palette-lilac:#e9bed0;--palette-sky:#f7d4e2;--palette-abyss:#111013;--navbar-top:18px;--navbar-height:52px;--navbar-total:calc(var(--navbar-top) + var(--navbar-height));--navbar-gap:28px;--navbar-clearance:calc(var(--navbar-total) + var(--navbar-gap));--line:#3221281f;--line-subtle:#3221280f;--gutter:clamp(24px, 4.6vw, 80px);--ease:cubic-bezier(.22, 1, .36, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--radius-sm:8px;--radius:16px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 2px 8px -2px #0202020d, 0 1px 3px 0 #02020208;--shadow-md:0 14px 28px -8px #02020214, 0 4px 12px -2px #0202020a;--shadow-lg:0 28px 56px -14px #0202021f, 0 8px 24px -4px #0202020d;--shadow-glow-blue:0 0 28px -4px #ddbac98c;--shadow-glow-butter:0 0 24px -4px #ddbac973;--shadow-glow-rose:0 0 24px -4px #32212859;--shadow-glow-lavender:0 0 24px -4px #ddbac980}[data-theme=night]{--paper:#111013;--paper-card:#2d232ad1;--buttercream:#1f1519;--ink:#fffafc;--ink-soft:#f5d4e1;--muted:#ddbac9bf;--muted-light:#ddbac973;--line:#ddbac929;--line-subtle:#ddbac914;--blue:#f2a9c7;--pink-strong:#f2a9c7;--shadow-sm:0 2px 8px -2px #00000080, 0 1px 3px 0 #0000004d;--shadow-md:0 14px 28px -8px #000000a6, 0 4px 12px -2px #00000073;--shadow-lg:0 28px 56px -14px #000000d9, 0 8px 24px -4px #0000008c;--shadow-glow-blue:0 0 32px -4px #ddbac999;--shadow-glow-butter:0 0 30px -4px #ddbac980;--shadow-glow-rose:0 0 30px -4px #322128b3;--shadow-glow-lavender:0 0 30px -4px #ddbac999}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--navbar-total) + 16px);background:var(--paper);transition:background-color .45s var(--ease), color .45s var(--ease)}.page-section,section[id],main[id]{scroll-margin-top:calc(var(--navbar-total) + 16px)}body{color:var(--ink);background-color:var(--paper);font-family:var(--font-manrope), -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;-webkit-font-smoothing:antialiased;transition:background-color .45s var(--ease), color .45s var(--ease);background-image:radial-gradient(65% 45% at 85% 4%,#ddbac947 0%,#0000 70%),radial-gradient(55% 40% at 12% 16%,#ddbac92e 0%,#0000 65%),radial-gradient(60% 45%,#3221280a 0%,#0000 70%),radial-gradient(70% 50% at 92% 92%,#ddbac938 0%,#0000 70%);background-attachment:fixed;font-size:16px;line-height:1.6;overflow-x:hidden}[data-theme=night] body{background-color:var(--paper);background-image:radial-gradient(65% 45% at 85% 4%,#ddbac924 0%,#0000 70%),radial-gradient(55% 40% at 12% 16%,#32212873 0%,#0000 65%),radial-gradient(60% 45%,#32212899 0%,#0000 70%),radial-gradient(70% 50% at 92% 92%,#ddbac91f 0%,#0000 70%)}::selection{background:var(--palette-candy);color:var(--palette-slate)}h1,h2,h3,h4{letter-spacing:-.035em;text-wrap:balance;color:var(--ink);transition:color .35s var(--ease);font-weight:550;line-height:1.08}h2{font-size:clamp(40px,5vw,72px)}p{text-wrap:pretty}button{cursor:pointer;background:0 0;border:none}button:disabled{cursor:wait;opacity:.65}a,button{touch-action:manipulation}:focus-visible{outline:2px solid var(--blue);outline-offset:4px}section:focus{outline:none}.skip-link{z-index:1000;background:var(--palette-sky);color:var(--palette-abyss);border-radius:var(--radius-full);box-shadow:var(--shadow-md);transition:transform .3s var(--ease);padding:12px 22px;font-weight:650;position:fixed;top:14px;left:20px;transform:translateY(-180%)}.skip-link:focus{transform:translateY(0)}}@layer components{.site-header-wrapper{z-index:100;width:100%;padding:var(--navbar-top) var(--gutter) 0;pointer-events:none;transition:padding .3s var(--ease);position:fixed;top:0;left:0;right:0}.site-header-ref{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1560px;margin:0 auto;display:flex}.header-left-spacer{pointer-events:none;flex:1 1 0;min-width:140px}.floating-nav-pill{pointer-events:auto;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(28px)saturate(190%);background:linear-gradient(135deg,#ffffffa6 0%,#e2cad852 50%,#ffffff94 100%);border:1px solid #ffffffd9;flex-shrink:0;align-items:center;gap:16px;height:52px;padding:5px 6px;transition:all .35s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 14px 34px -4px #2a131d1f,0 4px 12px -2px #2a131d0d,inset 0 1px 1.5px #fffffff2,inset 0 -1px 1px #c493a759}[data-theme=night] .floating-nav-pill{-webkit-backdrop-filter:blur(28px)saturate(200%);background:linear-gradient(135deg,#3f1728d9 0%,#2a131db8 50%,#3f1728cc 100%);border:1px solid #c493a73d;box-shadow:0 18px 44px -8px #000000bf,0 6px 16px -3px #00000080,inset 0 1px 1px #fff3,inset 0 0 20px #c493a714}.nav-avatar-ring{cursor:pointer;border:1.5px solid #ffffffe6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),box-shadow .25s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001f}.nav-avatar-ring:hover{transform:scale(1.06);box-shadow:0 3px 12px #ddbac98c}.nav-avatar-ring:active{transform:scale(.96)}.nav-avatar-ring:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.nav-avatar-img{object-fit:cover;object-position:center 20%;width:100%;height:100%;display:block}.nav-pill-links{align-items:center;gap:18px;padding:0 4px;display:flex}.nav-pill-link{color:#fffffff2;text-shadow:0 1px 3px #00000038;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);position:relative}.nav-pill-link:hover{color:#fff;text-shadow:0 1px 8px #fff9;transform:translateY(-1px)}[data-theme=night] .nav-pill-link{color:#ffffffe0}[data-theme=night] .nav-pill-link:hover{color:#fff}.nav-cta-pill{border-radius:var(--radius-full);color:#fff;white-space:nowrap;background:#111013;flex-shrink:0;align-items:center;gap:8px;height:42px;padding:0 20px;font-size:13px;font-weight:700;text-decoration:none;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 14px -2px #0202024d}.cta-envelope-icon{stroke-width:2.2px;color:#f3b7d0;flex-shrink:0}.nav-cta-pill:hover{color:#fff;background:#282126;transform:translateY(-1.5px)scale(1.02);box-shadow:0 8px 22px -3px #ddbac973}.nav-cta-pill:active{transform:translateY(0)scale(.98)}[data-theme=night] .nav-cta-pill{color:#111013;background:#f3b7d0;box-shadow:0 4px 14px -2px #00000080}[data-theme=night] .cta-envelope-icon{color:#111013}[data-theme=night] .nav-cta-pill:hover{color:#111013;background:#fff;box-shadow:0 8px 22px -3px #ddbac98c}.header-circle-controls{pointer-events:auto;flex:1 1 0;justify-content:flex-end;align-items:center;gap:10px;min-width:140px;display:flex}.header-circle-btn{cursor:pointer;color:#282126;background:#fff;border:1px solid #ffffffd9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:all .25s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 4px 14px -2px #02020214,inset 0 1px 1px #fffffff2}.header-circle-btn:hover{background:#fffafc;transform:translateY(-2px);box-shadow:0 8px 20px -3px #ddbac973}.header-circle-btn:active{transform:scale(.95)}[data-theme=night] .header-circle-btn{-webkit-backdrop-filter:blur(20px);color:#fffafc;background:#322128d9;border-color:#ddbac93d;box-shadow:0 6px 18px -3px #00000080,inset 0 1px 1px #fff3}[data-theme=night] .header-circle-btn:hover{background:#322128f2;border-color:#ddbac973}.sound-toggle.active{color:#111013;background:#ddbac947;border-color:#f3b7d0;box-shadow:0 0 14px #ddbac980}[data-theme=night] .sound-toggle.active{color:#f3b7d0;background:#ddbac93d;border-color:#f3b7d0;box-shadow:0 0 16px #ddbac98c}.lang-toggle-btn{letter-spacing:.06em;font-size:11.5px;font-weight:700;font-family:var(--font-manrope), sans-serif;color:var(--ink)}.lang-toggle-btn .lang-text-pill{background:var(--line-subtle);border:1px solid var(--line);border-radius:6px;padding:3px 6px;transition:all .2s cubic-bezier(.16,1,.3,1)}.lang-toggle-btn:hover .lang-text-pill{color:#111013;background:#f3b7d0;border-color:#f3b7d0}[data-theme=night] .lang-toggle-btn{color:#fffafc}[data-theme=night] .lang-toggle-btn .lang-text-pill{color:#f3b7d0;background:#ddbac91f;border-color:#ddbac933}[data-theme=night] .lang-toggle-btn:hover .lang-text-pill{color:#111013;background:#f3b7d0}@media (max-width:960px){.header-left-spacer{display:none}.header-circle-controls{min-width:unset;flex:none}}@media (max-width:760px){.site-header-wrapper{padding:10px 12px 0}.floating-nav-pill{gap:12px;height:48px;padding:4px 5px}.nav-avatar-ring{width:38px;height:38px}.nav-pill-links{gap:14px}.nav-pill-link{font-size:12.5px}.nav-cta-pill{height:38px;padding:0 14px;font-size:12px}.header-circle-btn{width:38px;height:38px}}@media (max-width:540px){.nav-pill-links a:nth-child(3){display:none}.floating-nav-pill{gap:8px}.nav-pill-links{gap:10px}.nav-cta-pill span{display:none}.nav-cta-pill{padding:0 12px}}.hero-section{width:100%;padding-top:0;position:relative;overflow:hidden}.hero-backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-backdrop-img{object-fit:cover;object-position:center top;opacity:.88;filter:saturate(110%);transition:opacity .45s var(--ease), filter .45s var(--ease)}.hero-backdrop-overlay{background:linear-gradient(180deg, #02020226 0%, #02020205 30%, #f8f5f680 75%, var(--paper) 100%);transition:background .45s var(--ease);position:absolute;inset:0}[data-theme=night] .hero-backdrop-img{opacity:.75;filter:brightness(.85)contrast(110%)}[data-theme=night] .hero-backdrop-overlay{background:linear-gradient(180deg, #02020259 0%, #0202021a 35%, #020202a6 75%, var(--paper) 100%)}.hero{z-index:1;max-width:1440px;min-height:auto;padding:var(--navbar-clearance) var(--gutter) 40px;text-align:center;flex-direction:column;align-items:center;gap:36px;margin:0 auto;display:flex;position:relative}.hero-intro{z-index:2;text-align:center;pointer-events:none;flex-direction:column;align-items:center;width:100%;max-width:960px;margin:0 auto;padding-top:14px;display:flex;position:relative}.hero-intro a,.hero-intro button{pointer-events:auto}.hero-badge{background:var(--paper-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius-full);letter-spacing:.01em;color:var(--muted);box-shadow:var(--shadow-sm);align-items:center;gap:9px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.hero-badge .badge-dot{background:#f3b7d0;border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite pulseGlow;box-shadow:0 0 10px #f3b7d0}@keyframes pulseGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.85)}}.hero h1{letter-spacing:-.025em;color:var(--ink);text-align:center;font-size:clamp(34px,5.2vw,68px);font-weight:450;line-height:1.1}.hero-description{color:var(--muted);text-align:center;max-width:620px;margin-top:14px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.75}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:30px;display:flex}.button{border-radius:var(--radius-full);white-space:nowrap;min-height:50px;transition:all .35s var(--ease);border:0;justify-content:center;align-items:center;gap:16px;padding:0 26px;font-size:13px;font-weight:650;display:inline-flex;position:relative;overflow:hidden}.button svg{transition:transform .35s var(--ease)}.button:hover svg{transform:translate(2px,-2px)}.button-ink{color:#fff;box-shadow:var(--shadow-md);background:#111013;border:1px solid #ffffff24}[data-theme=night] .button-ink{color:#111013;background:#f3b7d0;border-color:#f3b7d0}.button-ink:hover{border-color:var(--blue);box-shadow:var(--shadow-glow-blue);background:#282126;transform:translateY(-2px)}[data-theme=night] .button-ink:hover{box-shadow:var(--shadow-glow-blue);color:#111013;background:#fff;border-color:#fff}.button-ink:active{transform:translateY(0)scale(.98)}.button-butter{color:#f3b7d0;box-shadow:var(--shadow-sm);background:#282126}.button-butter:hover{transform:translateY(-2px);box-shadow:0 0 20px #ddbac966}.button-secondary{background:var(--paper-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);color:var(--ink);box-shadow:var(--shadow-sm)}.button-secondary:hover{background:var(--paper);border-color:var(--blue);color:var(--blue);transform:translateY(-1.5px)}.city-world{width:100%;max-width:1200px;margin:0 auto;padding-top:0;position:relative}.city-topline{color:var(--muted);justify-content:space-between;align-items:center;gap:12px;padding:0 4px 12px;font-size:11px;font-weight:600;display:flex}.location-symbol{color:var(--blue);margin-right:8px;font-weight:700}.city-coordinate{letter-spacing:.04em;color:var(--muted-light);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10px}.city-stage{aspect-ratio:16/9;isolation:isolate;border-radius:var(--radius-lg);border:1px solid var(--line);width:100%;min-height:380px;max-height:580px;box-shadow:var(--shadow-md);transition:background .45s var(--ease), border-color .45s var(--ease);background:radial-gradient(circle at 60% 40%,#ddbac947 0%,#ddbac91a 60%,#f8f5f6d9 100%);position:relative;overflow:hidden}[data-theme=night] .city-stage{background:radial-gradient(circle at 60% 40%,#322128d9 0%,#020202fa 100%);border-color:#ddbac933}.city-poster{object-fit:cover;transition:opacity .55s var(--ease), transform .6s var(--ease)}.hidden-poster{opacity:0;pointer-events:none;transform:scale(.98)}.city-canvas{z-index:1;inset:0;position:absolute!important}.city-canvas canvas{touch-action:pan-y}.is-live>.city-landmark{display:none}.city-landmark{z-index:3;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute}.city-landmark.studio{top:38%;left:18%}.city-landmark.shelf{top:24%;left:36%}.city-landmark.gallery{top:16%;left:58%}.city-landmark.pier{top:62%;left:66%}.landmark-label{border-radius:var(--radius-full);background:var(--paper-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);min-height:38px;color:var(--ink);pointer-events:auto;transition:all .3s var(--ease);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;font-size:11px;font-weight:700;display:inline-flex;box-shadow:0 8px 24px -4px #2a131d1a}[data-theme=night] .landmark-label{color:#fbf8f9;background:#3f1728eb;border-color:#c493a738;box-shadow:0 8px 24px -4px #0000008c}.landmark-label:hover,.landmark-label.active{box-shadow:var(--shadow-lg);transform:translateY(-3px)scale(1.04)}.landmark-label.active{border-color:var(--blue)}.landmark-dot{border-radius:50%;width:8px;height:8px;display:inline-block}.landmark-dot.pink,.landmark-dot.blue{background:#f3b7d0;box-shadow:0 0 10px #f3b7d0}.landmark-dot.lavender{background:#282126;box-shadow:0 0 10px #32212899}.landmark-dot.yellow{background:#f3b7d0;box-shadow:0 0 10px #f3b7d0}.landmark-stem{background:linear-gradient(#7a516273 0%,#0000 100%);width:1px;height:24px}.city-bottomline{z-index:4;justify-content:space-between;align-items:center;gap:16px;padding:14px 4px 0;display:flex;position:relative}.city-hint{color:var(--muted);font-size:11px;font-weight:550}.city-control-group{align-items:center;gap:10px;margin-left:auto;display:flex}.city-control{background:var(--paper-card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:var(--radius-full);min-height:42px;color:var(--ink);white-space:nowrap;transition:all .3s var(--ease);box-shadow:var(--shadow-sm);align-items:center;gap:8px;padding:0 16px;font-size:11px;font-weight:650;display:inline-flex}.city-control:hover{background:var(--paper);border-color:var(--blue);color:var(--blue);box-shadow:var(--shadow-glow-blue);transform:translateY(-1.5px)}.hero-caption{border-bottom:1px solid var(--line);width:100%;max-width:1200px;color:var(--muted);justify-content:flex-end;align-items:flex-end;margin:16px auto 0;padding:0 4px 28px;font-size:12px;line-height:1.6;display:flex}.hero-caption a{min-height:44px;color:var(--ink);transition:color .25s var(--ease), gap .25s var(--ease);align-items:center;gap:16px;font-weight:650;display:inline-flex}.hero-caption a:hover{color:var(--blue);gap:20px}.page-section{max-width:1440px;padding:110px var(--gutter);margin:0 auto;position:relative}.work-section{overflow-x:hidden;width:100vw!important;max-width:100vw!important;padding-left:0!important;padding-right:0!important}.work-section .section-heading{max-width:1440px;padding-left:var(--gutter);padding-right:var(--gutter);margin-bottom:32px;margin-left:auto;margin-right:auto}.work-section .content-note{max-width:1440px;padding-left:var(--gutter);padding-right:var(--gutter);margin-left:auto;margin-right:auto}.work-section-wave{z-index:10;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 26' width='64' height='26'%3E%3Cpath d='M0,26 L0,0 C11.5,0 20.5,18 32,18 C43.5,18 52.5,0 64,0 L64,26 Z' fill='%23020202'/%3E%3C/svg%3E");background-position:bottom;background-repeat:repeat-x;background-size:64px 26px;width:100%;height:26px;margin-top:12px;margin-bottom:-1px;position:relative}[data-theme=night] .work-section-wave{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 26' width='64' height='26'%3E%3Cpath d='M0,26 L0,0 C11.5,0 20.5,18 32,18 C43.5,18 52.5,0 64,0 L64,26 Z' fill='%23020202'/%3E%3Cpath d='M0,0 C11.5,0 20.5,18 32,18 C43.5,18 52.5,0 64,0' fill='none' stroke='%23B2D5E5' stroke-opacity='0.4' stroke-width='1.2'/%3E%3C/svg%3E")}.section-heading{margin-bottom:50px}.section-heading h2{letter-spacing:-.04em;font-size:clamp(42px,5vw,68px)}.section-heading p{color:var(--muted);max-width:520px;margin-top:14px;font-size:15px}.title-count{color:var(--blue);vertical-align:top;letter-spacing:-.02em;margin-left:16px;padding-top:8px;font-size:14px;font-weight:700;display:inline-block}.projects-grid{grid-template-columns:1.25fr 1fr;gap:60px 36px;display:grid}.project:first-child{grid-column:1/-1;width:82%}.project:nth-child(2){grid-column:1;width:100%}.project:nth-child(3){grid-column:2;margin-top:110px}.project-art{aspect-ratio:1.45;border-radius:var(--radius-lg);background:var(--powder);border:1px solid var(--line);box-shadow:var(--shadow-md);transition:box-shadow .4s var(--ease), transform .4s var(--ease);display:block;position:relative;overflow:hidden}.project:first-child .project-art{aspect-ratio:1.82}.project-art:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.project-art img{object-fit:cover;transition:transform .8s var(--ease)}.project-art:hover img{transform:scale(1.035)}.project-headline{letter-spacing:-.04em;color:#282126;z-index:2;font-size:clamp(28px,3.4vw,50px);font-weight:550;line-height:1.1;position:absolute;top:10%;left:8%}.project-headline>span{display:block}.project-arrow{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:50px;height:50px;box-shadow:var(--shadow-sm);color:#282126;transition:all .35s var(--ease);z-index:2;background:#f8f4f6f2;border:1px solid #fffc;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:24px;right:24px}.project-art:hover .project-arrow{background:var(--blue);color:var(--ink);box-shadow:var(--shadow-glow-blue);transform:rotate(12deg)scale(1.08)}.project-pink .project-art,.case-art.project-pink{background:linear-gradient(135deg,#fffafc,#f3b7d0)}.project-lavender .project-art,.case-art.project-lavender{background:linear-gradient(135deg,#fffafc,#282126)}.project-blue .project-art,.case-art.project-blue{background:linear-gradient(135deg,#fffafc,#f3b7d0)}.project-butter .project-art,.case-art.project-butter{background:linear-gradient(135deg,#f3b7d0,#282126)}.project-navy .project-art,.case-art.project-navy{background:linear-gradient(135deg,#111013,#282126)}.fanned-showcase-wrapper{width:100vw;max-width:100vw;margin:10px 0 30px;position:relative;overflow:hidden}.fanned-deck-stage{perspective:1600px;justify-content:center;align-items:center;width:100%;height:clamp(660px,80vh,880px);margin-bottom:30px;display:flex;position:relative;overflow:visible}.fanned-card-slot{cursor:pointer;transform-origin:50% 88%;will-change:transform, filter, opacity;width:clamp(340px,27vw,450px);height:clamp(470px,37vw,620px);transition:transform .6s cubic-bezier(.19,1,.22,1),filter .45s,opacity .45s,box-shadow .5s;position:absolute}.fanned-card-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.fanned-card-inner{border:1px solid var(--line);background:var(--paper-card);border-radius:22px;width:100%;height:100%;transition:all .45s cubic-bezier(.19,1,.22,1);position:relative;overflow:hidden;box-shadow:0 20px 50px -12px #2a131d2e,inset 0 0 0 1px #fff9}.fanned-card-slot.is-active .fanned-card-inner{border-color:var(--blue);box-shadow:0 38px 80px -14px #2a131d59, 0 0 32px #c493a780, 0 0 0 1.5px var(--blue) inset}[data-theme=night] .fanned-card-inner{box-shadow:0 24px 60px -12px #000000b3,inset 0 0 0 1px #ffffff1f}[data-theme=night] .fanned-card-slot.is-active .fanned-card-inner{box-shadow:0 42px 90px -14px #000000d9, 0 0 36px #c493a78c, 0 0 0 1.5px var(--blue) inset}.fanned-card-media{object-fit:cover;transition:transform .75s cubic-bezier(.19,1,.22,1)}.fanned-card-slot:hover .fanned-card-media{transform:scale(1.035)}.fanned-card-glass{pointer-events:none;z-index:2;background:linear-gradient(#2a131d0a 0%,#2a131d24 50%,#2a131dc7 100%);position:absolute;inset:0}.fanned-card-topbar{z-index:3;justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:18px;left:18px;right:18px}.card-chip{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(16px);padding:6px 13px;font-size:10.5px;font-weight:700}.card-category{color:#111013;background:#fffffff0;border:1px solid #fffc;box-shadow:0 4px 14px #02020214}[data-theme=night] .card-category{color:#fffafc;background:#322128e6;border-color:#ddbac93d}.card-live{color:#111013;background:#f3b7d0;border:1px solid #32212833;align-items:center;gap:5px;display:inline-flex;box-shadow:0 0 14px #ddbac98c}[data-theme=night] .card-live{color:#f3b7d0;background:#ddbac933;border-color:#f3b7d0}.live-pulsar{background:#111013;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite pulseGlow;box-shadow:0 0 8px #111013}[data-theme=night] .live-pulsar{background:#f3b7d0;box-shadow:0 0 8px #f3b7d0}.fanned-card-bottombar{z-index:3;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.card-titles .card-tagline{text-transform:uppercase;letter-spacing:.05em;color:#ffffffd1;text-shadow:0 1px 4px #0006;font-size:11px;font-weight:600;display:block}.card-titles .card-name{letter-spacing:-.025em;color:#fff;text-shadow:0 2px 8px #0009;margin-top:4px;font-size:21px;font-weight:800;line-height:1.22}.card-arrow-circle{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#111013;width:44px;height:44px;transition:all .35s var(--ease);background:#fffffff0;border-radius:50%;flex-shrink:0;place-items:center;display:grid;box-shadow:0 8px 20px #00000040}.fanned-card-slot:hover .card-arrow-circle{background:var(--blue);color:#111013;transform:rotate(15deg)scale(1.12);box-shadow:0 0 22px #ddbac9a6}.fanned-spotlight-bar{max-width:1200px;width:calc(100% - (var(--gutter) * 2));background:var(--paper-card);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--line);box-shadow:var(--shadow-sm);transition:all .35s var(--ease);border-radius:24px;justify-content:space-between;align-items:center;gap:28px;margin:0 auto;padding:24px 32px;display:flex}.spotlight-left{align-items:center;gap:24px;max-width:620px;display:flex}.spotlight-index{font-size:26px;font-weight:800;font-family:var(--font-display);color:var(--blue);letter-spacing:-.04em;flex-shrink:0}.spotlight-info h4{letter-spacing:-.02em;color:var(--ink);font-size:19px;font-weight:750}.spotlight-info p{color:var(--muted);margin-top:4px;font-size:13.5px;line-height:1.5}.spotlight-right{flex-shrink:0;align-items:center;gap:18px;display:flex}.spotlight-tags{flex-wrap:wrap;gap:8px;display:flex}.spotlight-tag{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--muted);padding:4px 11px;font-size:11px;font-weight:600}.spotlight-actions{align-items:center;gap:10px;display:flex}.spotlight-btn{border-radius:var(--radius-full);min-height:38px;padding:8px 18px;font-size:13px}.fanned-mobile-track{scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;padding:10px 4px 20px;display:none;overflow-x:auto}.fanned-mobile-track::-webkit-scrollbar{display:none}.fanned-mobile-card{scroll-snap-align:center;border-radius:24px;flex:0 0 290px;height:400px;position:relative}.fanned-mobile-link{width:100%;height:100%;color:inherit;text-decoration:none;display:block}.fanned-mobile-dots{justify-content:center;gap:8px;margin:12px 0 24px;display:none}.fanned-dot{background:var(--line);cursor:pointer;border:none;border-radius:50%;width:8px;height:8px;transition:all .25s}.fanned-dot.is-active{background:var(--blue);width:24px;box-shadow:var(--shadow-glow-blue);border-radius:100px}@media (max-width:1100px){.fanned-deck-stage{display:none}.fanned-mobile-track,.fanned-mobile-dots{display:flex}.fanned-spotlight-bar{flex-direction:column;align-items:flex-start;gap:18px;padding:20px}.spotlight-right{flex-wrap:wrap;justify-content:space-between;width:100%}}.project-info{justify-content:space-between;align-items:baseline;gap:16px;margin-top:20px;display:flex}.project-info h3{letter-spacing:-.025em;font-size:20px}.project-info h3 a{transition:color .25s var(--ease)}.project-info h3 a:hover{color:var(--blue)}.project-info span{color:var(--muted);background:var(--paper-card);border-radius:var(--radius-full);border:1px solid var(--line-subtle);padding:3px 10px;font-size:12px;font-weight:600}.content-note{color:var(--muted-light);letter-spacing:.01em;margin-top:40px;font-size:12px}.services-section{padding-top:80px;padding-bottom:60px}.services-grid{grid-template-columns:repeat(3,1fr);gap:28px;margin-top:40px;display:grid}.service-card{background:var(--paper-card);border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(24px)saturate(180%);transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);border-radius:28px;flex-direction:column;padding:40px 32px;display:flex;position:relative;overflow:hidden}.service-card:hover{box-shadow:var(--shadow-lg);border-color:#ddbac973;transform:translateY(-6px)}.service-card-highlight{background:linear-gradient(180deg, var(--paper-card) 0%, #ddbac914 100%);border-color:#ddbac980}[data-theme=night] .service-card-highlight{background:linear-gradient(#32212866 0%,#020202cc 100%);border-color:#ddbac959}.service-card-top{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.service-num{color:var(--blue);letter-spacing:.04em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13px;font-weight:750}.service-badge{border-radius:var(--radius-full);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);border:1px solid var(--line);background:#32212814;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;display:inline-flex}.badge-ai{color:#111013;background:#ddbac947;border-color:#ddbac999}[data-theme=night] .badge-ai{color:#f3b7d0;background:#ddbac933;border-color:#ddbac973}.service-card h3{letter-spacing:-.025em;color:var(--ink);margin-bottom:12px;font-size:clamp(21px,2vw,25px);font-weight:750;line-height:1.25}.service-desc{color:var(--muted);margin-bottom:24px;font-size:14px;line-height:1.65}.service-deliverables{border-top:1px solid var(--line-subtle);margin-bottom:28px;padding-top:20px}.service-deliverables h4{text-transform:uppercase;letter-spacing:.05em;color:var(--ink);margin-bottom:12px;font-size:11.5px;font-weight:750}.service-deliverables ul{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.service-deliverables li{color:var(--muted);padding-left:18px;font-size:13px;line-height:1.55;position:relative}.service-deliverables li:before{content:"—";color:var(--blue);font-weight:700;position:absolute;left:0}.service-card-footer{border-top:1px solid var(--line-subtle);margin-top:auto;padding-top:16px}.service-timeline{color:var(--muted);letter-spacing:.02em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;display:inline-block}.services-engagement-bar{background:var(--paper-card);border:1px solid var(--line);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(20px);border-radius:24px;justify-content:space-between;align-items:center;gap:24px;margin-top:36px;padding:24px 36px;display:flex}.engagement-bar-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.engagement-bar-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11.5px;font-weight:750}.engagement-bar-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}.resume-section{padding-top:70px;padding-bottom:70px}.resume-card{background:var(--paper-card);border:1px solid var(--line);box-shadow:var(--shadow-md);-webkit-backdrop-filter:blur(24px)saturate(180%);transition:border-color .35s var(--ease);border-radius:32px;flex-direction:column;gap:40px;padding:48px 44px;display:flex}.resume-card:hover{border-color:#ddbac973}.resume-header{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:flex-start;gap:32px;padding-bottom:32px;display:flex}.resume-status-pill{border-radius:var(--radius-full);color:var(--ink);letter-spacing:.05em;text-transform:uppercase;background:#ddbac940;border:1px solid #ddbac980;align-items:center;gap:8px;margin-bottom:14px;padding:6px 14px;font-size:11px;font-weight:700;display:inline-flex}[data-theme=night] .resume-status-pill{color:#f3b7d0;background:#ddbac926;border-color:#ddbac959}.resume-profile-brief h3{letter-spacing:-.03em;color:var(--ink);margin-bottom:8px;font-size:clamp(24px,2.5vw,32px);font-weight:800;line-height:1.25}.resume-provenance{color:var(--muted);max-width:640px;font-size:14.5px;line-height:1.6}.resume-primary-cta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:8px;display:flex}.resume-download-btn{min-height:52px;padding:0 32px;font-size:14px;box-shadow:0 8px 24px -4px #02020259}.resume-download-hint{color:var(--muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px}.resume-roles-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.resume-role-col{border:1px solid var(--line-subtle);transition:transform .3s var(--ease), border-color .3s var(--ease);background:#32212808;border-radius:20px;flex-direction:column;gap:12px;padding:28px 24px;display:flex}[data-theme=night] .resume-role-col{background:#32212859}.resume-role-col:hover{border-color:#ddbac966;transform:translateY(-3px)}.role-col-badge{color:var(--blue);letter-spacing:.05em;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;font-weight:700}.role-badge-ai{color:#f3b7d0}.resume-role-col h4{color:var(--ink);letter-spacing:-.02em;font-size:17px;font-weight:750;line-height:1.3}.resume-role-col p{color:var(--muted);margin-bottom:8px;font-size:13px;line-height:1.6}.role-stack-tags{flex-wrap:wrap;gap:6px;margin-top:auto;display:flex}.role-stack-tags span{background:var(--paper);border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:4px 9px;font-size:11px;font-weight:600}.resume-footer{border-top:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:24px;padding-top:28px;display:flex}.resume-setup{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.setup-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:11.5px;font-weight:750}.resume-footer-actions{flex-shrink:0;align-items:center;gap:12px;display:flex}@media (max-width:1024px){.services-grid{grid-template-columns:1fr;gap:24px}.resume-roles-grid{grid-template-columns:1fr;gap:18px}.resume-header{flex-direction:column;align-items:flex-start;gap:20px}.resume-primary-cta{align-items:flex-start;width:100%}.resume-download-btn{width:100%}.services-engagement-bar{flex-direction:column;align-items:flex-start;gap:20px}.engagement-bar-actions{width:100%}.engagement-bar-actions .button{flex:1}.resume-footer{flex-direction:column;align-items:flex-start;gap:20px}.resume-footer-actions{width:100%}.resume-footer-actions .button{flex:1}}.about-section{width:100%;padding-top:90px}.about-grid{grid-template-columns:minmax(320px,420px) 1fr;align-items:start;gap:clamp(40px,5.5vw,84px);width:100%;display:grid}.about-card-wrapper{position:sticky;top:96px}.about-profile-card{background:var(--paper-card);-webkit-backdrop-filter:blur(24px)saturate(180%);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);transition:transform .4s var(--ease), box-shadow .4s var(--ease), border-color .4s var(--ease);position:relative;overflow:hidden}.about-profile-card:hover{border-color:#ddbac973;transform:translateY(-4px);box-shadow:0 32px 64px -16px #0202022e,0 0 30px -4px #ddbac940}[data-theme=night] .about-profile-card:hover{border-color:#ddbac973;box-shadow:0 32px 64px -16px #000c,0 0 32px -4px #ddbac959}.about-card-badge{z-index:4;-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-full);color:#fffafc;letter-spacing:.02em;background:#020202c7;border:1px solid #ddbac959;align-items:center;gap:8px;padding:6px 14px;font-size:11px;font-weight:650;display:inline-flex;position:absolute;top:18px;left:18px;box-shadow:0 4px 12px #0000004d}.about-card-badge .badge-dot{background:#f3b7d0;border-radius:50%;width:7px;height:7px;animation:2.5s ease-in-out infinite pulseGlow;box-shadow:0 0 8px #f3b7d0}.about-card-photo-wrap{aspect-ratio:.82;background:#282126;width:100%;position:relative;overflow:hidden}.about-card-photo{object-fit:cover;object-position:center 20%;width:100%;height:100%;transition:transform .65s var(--ease-out)}.about-profile-card:hover .about-card-photo{transform:scale(1.03)}.about-sticky-note{z-index:3;color:#111013;letter-spacing:-.01em;transition:transform .3s var(--ease);background:#fffafc;border-top:2px solid #e99fbecc;border-radius:4px;padding:8px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:700;line-height:1.35;position:absolute;bottom:18px;right:18px;transform:rotate(3deg);box-shadow:0 8px 20px -4px #00000059,0 2px 6px #00000026}.about-profile-card:hover .about-sticky-note{transform:rotate(0)scale(1.05)}.about-card-footer{background:var(--paper-card);border-top:1px solid var(--line);flex-direction:column;gap:16px;padding:22px 24px;display:flex}.about-card-meta{flex-direction:column;gap:4px;display:flex}.about-card-name{letter-spacing:-.02em;color:var(--ink);font-size:16px;font-weight:750}.about-card-loc{color:var(--muted);font-size:12px;font-weight:550}.about-card-status{color:var(--muted);border-radius:var(--radius-full);background:#ddbac91f;border:1px solid #ddbac940;align-items:center;gap:8px;width:fit-content;padding:6px 12px;font-size:11.5px;font-weight:600;display:inline-flex}.status-indicator{background:#bb3974;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 8px #bb3974}.about-card-btn{justify-content:center;gap:10px;width:100%;min-height:46px}.section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--blue);margin-bottom:24px;font-size:12px;font-weight:700}.about-content-wrapper{flex-direction:column;display:flex}.about-content{max-width:640px;padding-top:28px}.about-content p{color:var(--muted);margin-bottom:20px;font-size:15.5px;line-height:1.8}.about-content .about-lead{letter-spacing:-.02em;color:var(--ink);margin-bottom:24px;font-size:22px;font-weight:550;line-height:1.5}.about-highlights{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0 28px;padding:22px 0;display:grid}.highlight-item{flex-direction:column;gap:6px;display:flex}.highlight-num{color:var(--blue);letter-spacing:.05em;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:10.5px;font-weight:700}.highlight-title{color:var(--ink);letter-spacing:-.01em;font-size:13.5px;font-weight:700}.highlight-desc{color:var(--muted);font-size:12px;line-height:1.55}.about-actions{flex-wrap:wrap;align-items:center;gap:20px;margin-top:12px;display:flex}.text-link{min-height:44px;color:var(--ink);transition:color .25s var(--ease), gap .25s var(--ease);align-items:center;gap:16px;font-size:13px;font-weight:650;display:inline-flex}.text-link:hover{color:var(--blue);gap:22px}.skills-section{grid-template-columns:1fr 1.15fr;gap:70px;padding-top:60px;padding-bottom:130px;display:grid}.skills-section h2{font-size:clamp(42px,4.8vw,66px)}.capability{border-top:1px solid var(--line);transition:border-color .3s var(--ease);padding:32px 0}.capability:first-child{border:0;padding-top:8px}.capability:hover{border-color:var(--blue)}.capability h3{letter-spacing:-.025em;margin-bottom:12px;font-size:24px}.capability p{color:var(--muted);max-width:460px;font-size:14px}.skill-tags{flex-wrap:wrap;gap:8px 12px;margin-top:18px;padding:0;font-size:11px;list-style:none;display:flex}.skill-tags li{background:var(--paper-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);border-radius:var(--radius-full);color:var(--muted);transition:all .25s var(--ease);padding:4px 13px;font-weight:600}.skill-tags li:hover{background:var(--paper);border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.contact-section{padding:120px var(--gutter) 95px;border-top:1px solid var(--line);transition:background .45s var(--ease);background:linear-gradient(135deg,#fffafc 0%,#f9edf2 50%,#f3b7d0 100%);position:relative;overflow:hidden}[data-theme=night] .contact-section{background:linear-gradient(135deg,#111013 0%,#282126 50%,#111013 100%);border-color:#ddbac929}.contact-inner{z-index:2;max-width:1290px;margin:0 auto;position:relative}.contact-inner>p:first-child{color:var(--blue);letter-spacing:.05em;text-transform:uppercase;margin-bottom:24px;font-size:14px;font-weight:700}.contact-section h2{letter-spacing:-.04em;font-size:clamp(56px,7.8vw,108px);line-height:1.05}.contact-section h2 span{background:linear-gradient(135deg,#282126 0%,#f3b7d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}[data-theme=night] .contact-section h2 span{background:linear-gradient(135deg,#fff 0%,#f3b7d0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.contact-section .button{margin-top:40px}.contact-pending{color:var(--muted);margin-top:34px;font-size:14px}.contact-orbit{pointer-events:none;border:1px solid #c493a766;border-radius:50%;width:52vw;height:52vw;position:absolute;top:-4vw;right:-15vw}[data-theme=night] .contact-orbit{border-color:#c493a74d}.contact-orbit:after{content:"";border:1px solid #c18db459;border-radius:50%;position:absolute;inset:14%}[data-theme=night] .contact-orbit:after{border-color:#c18db440}.contact-orbit:before{content:"";border:1px dashed #e2cad873;border-radius:50%;position:absolute;inset:32%}[data-theme=night] .contact-orbit:before{border-color:#e2cad840}.social-links{flex-wrap:wrap;gap:28px;margin-top:40px;display:flex}.social-links:empty{display:none}.social-links a{min-height:44px;color:var(--ink);transition:color .25s var(--ease);align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.social-links a:hover{color:var(--blue)}.site-footer{max-width:1600px;padding:40px var(--gutter);border-top:1px solid var(--line-subtle);justify-content:space-between;align-items:center;gap:25px;margin:0 auto;display:flex}.site-footer p,.site-footer>a:last-child{color:var(--muted);font-size:11px;font-weight:550}.site-footer>a:last-child{min-height:44px;transition:color .25s var(--ease);align-items:center;display:flex}.site-footer>a:last-child:hover{color:var(--ink)}.case-page{max-width:1440px;padding:var(--navbar-clearance) var(--gutter) 110px;margin:0 auto}.case-header{margin:48px 0 44px}.case-header>p:first-child{color:var(--blue);letter-spacing:.05em;text-transform:uppercase;margin-bottom:18px;font-size:13px;font-weight:700}.case-header h1{letter-spacing:-.04em;font-size:clamp(46px,6vw,84px)}.case-description{max-width:780px;color:var(--muted);margin-top:26px;font-size:20px;line-height:1.65}.case-art{aspect-ratio:1.85;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--line);position:relative;overflow:hidden}.case-art img{object-fit:cover}.interactive-browser-wrapper{width:100%;margin-bottom:24px}.interactive-browser-wrapper.is-fullscreen{z-index:1000}@media (max-width:760px){.browser-chrome-bar .device-switcher{display:none!important}}.case-overview{grid-template-columns:1fr 1fr .8fr;gap:48px;margin-top:80px;display:grid}.case-overview h2{margin-bottom:20px;font-size:30px}.case-overview p{color:var(--muted);font-size:15px;line-height:1.75}.case-overview .section-label{margin-bottom:10px;font-size:11px}.case-overview aside>p:nth-child(3){margin-top:28px}.case-note{background:var(--paper-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-lg);border:1px solid var(--line);box-shadow:var(--shadow-sm);margin:70px 0;padding:44px}.case-note h2{margin-bottom:16px;font-size:34px}.case-note p{max-width:740px;color:var(--muted);font-size:15px;line-height:1.75}.case-bottom{justify-content:space-between;align-items:center;gap:25px;display:flex}.not-found{min-height:100svh;padding:var(--navbar-clearance) var(--gutter) var(--gutter);flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;display:flex}.not-found h1{font-size:clamp(48px,7vw,92px)}@media (prefers-reduced-motion:no-preference){.hero-intro{animation:heroEntrance .95s var(--ease) both}.city-world{animation:heroEntrance 1.15s var(--ease) both}@keyframes heroEntrance{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}}}@layer responsive{@media (min-width:1600px){.hero{min-height:auto}.hero-intro{padding-top:18px}}@media (max-width:1100px){.hero{padding-top:var(--navbar-clearance);gap:32px;min-height:auto}.hero-intro{padding-top:0}.hero h1{font-size:clamp(32px,4.8vw,56px)}.hero-description{font-size:15px}.city-world{width:100%;margin:0 auto;padding-top:0}.city-coordinate{display:none}.city-stage{aspect-ratio:16/10}.city-topline{padding:0 4px 10px}.city-bottomline{padding:12px 4px 0}.city-hint{max-width:180px}.skills-section{gap:40px}.project-info{flex-direction:column;align-items:flex-start;gap:8px}}@media (max-width:760px){:root{--navbar-top:10px;--navbar-height:48px;--navbar-gap:18px}.site-header-wrapper{padding:var(--navbar-top) 12px 0}.hero{padding-top:var(--navbar-clearance);flex-direction:column;gap:24px;padding-bottom:0;display:flex}.hero-intro{text-align:center;align-items:center;width:100%;padding-top:0}.hero h1,.hero-proximity-headline{margin-bottom:16px;font-size:clamp(23px,6.4vw,36px);line-height:1.16}.hero-description{margin-top:14px;font-size:14px}.hero-actions{justify-content:center;margin-top:24px}.city-world{width:100%;margin:16px auto 0;padding:0}.city-topline{padding:0 4px 8px;font-size:10px}.city-coordinate{font-size:8px;display:inline}.city-stage{aspect-ratio:16/11;border-radius:var(--radius)}.city-bottomline{margin-top:10px;padding:0 4px}.city-hint{max-width:160px;font-size:10px}.city-control{min-height:42px;padding:0 12px;font-size:10px}.landmark-label{min-height:38px;padding:0 10px;font-size:9px}.hero-caption{margin-top:24px;padding-bottom:20px;font-size:11px}.page-section{padding:70px var(--gutter)}.section-heading{margin-bottom:32px}.section-heading h2{font-size:40px}.projects-grid{flex-direction:column;gap:36px;display:flex}.project:nth-child(n){width:100%;margin:0}.project:nth-child(n) .project-art{aspect-ratio:1.25}.project-headline{font-size:32px}.project-info{flex-direction:row;align-items:baseline}.project-info h3{font-size:17px}.about-section{padding-top:40px}.about-grid{grid-template-columns:1fr;gap:36px}.about-card-wrapper{width:100%;max-width:440px;margin:0 auto;position:static}.about-section h2{font-size:38px}.about-content{padding:0}.about-content .about-lead{font-size:18px}.about-highlights{grid-template-columns:1fr;gap:16px;margin:24px 0}.skills-section{flex-direction:column;gap:32px;padding-top:20px;padding-bottom:60px;display:flex}.skills-section h2{font-size:40px}.contact-section{padding:70px var(--gutter)}.contact-section h2{font-size:clamp(46px,12vw,80px)}.contact-orbit{width:90vw;height:90vw;top:30px;right:-55vw}.site-footer{flex-wrap:wrap;gap:14px 20px;padding-top:28px;padding-bottom:28px}.site-footer p{order:3;width:100%}.case-page{padding-top:20px}.case-header{margin-top:28px}.case-header h1{font-size:44px}.case-description{font-size:16px}.case-art{aspect-ratio:1.25}.case-overview{grid-template-columns:1fr;gap:28px;margin-top:36px}.case-note{margin:36px 0;padding:26px}.case-bottom{flex-direction:column;align-items:flex-start;gap:18px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}}.hero-pink-atmosphere{pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-pink-atmosphere:before,.hero-pink-atmosphere:after{content:"";opacity:.22;background-image:radial-gradient(circle,#e579b0 1.15px,#0000 1.6px);background-size:19px 19px;width:min(46vw,650px);height:440px;animation:22s ease-in-out infinite alternate hero-pink-drift;position:absolute;-webkit-mask-image:radial-gradient(#000 0%,#0000 72%);mask-image:radial-gradient(#000 0%,#0000 72%)}.hero-pink-atmosphere:before{top:185px;left:-8%}.hero-pink-atmosphere:after{opacity:.16;background-size:24px 24px;animation-direction:alternate-reverse;animation-delay:-9s;top:22px;right:-12%}[data-theme=night] .hero-pink-atmosphere:before,[data-theme=night] .hero-pink-atmosphere:after{opacity:.12}.hero-section[data-motion=off] .hero-pink-atmosphere:before,.hero-section[data-motion=off] .hero-pink-atmosphere:after{animation-play-state:paused}@keyframes hero-pink-drift{0%{transform:translate(-10px)}to{transform:translate(18px,-16px)}}.button-ink,.button-secondary,.nav-cta-pill{isolation:isolate;transition:color .28s cubic-bezier(.22,1,.36,1);overflow:hidden}.button-ink:before,.button-secondary:before,.nav-cta-pill:before{content:"";z-index:-1;border-radius:inherit;background:var(--button-slide);pointer-events:none;transition:transform .28s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:translateY(102%)}.button-ink:hover:before,.button-secondary:hover:before,.nav-cta-pill:hover:before,.button-ink:focus-visible:before,.button-secondary:focus-visible:before,.nav-cta-pill:focus-visible:before{transform:translate(0,0)}.button-ink{--button-slide:#efc3d4}.button-secondary{--button-slide:#f7cbdc}.nav-cta-pill{--button-slide:#efc3d4;position:relative}.button-ink:hover,.button-ink:focus-visible{box-shadow:var(--shadow-md);color:#282126;background:#111013;border-color:#ffffff24;transform:none}.button-secondary:hover,.button-secondary:focus-visible{background:var(--paper-card);border-color:var(--line);box-shadow:var(--shadow-sm);color:#282126;transform:none}.nav-cta-pill:hover,.nav-cta-pill:focus-visible{color:#282126;background:#111013;transform:none;box-shadow:0 4px 14px -2px #0202024d}.button-ink:active,.button-secondary:active,.nav-cta-pill:active{transform:none}.nav-cta-pill:hover .cta-envelope-icon,.nav-cta-pill:focus-visible .cta-envelope-icon{color:#282126}[data-theme=night] .button-ink,[data-theme=night] .nav-cta-pill{--button-slide:#f7cbdc}[data-theme=night] .button-ink:hover,[data-theme=night] .button-ink:focus-visible,[data-theme=night] .nav-cta-pill:hover,[data-theme=night] .nav-cta-pill:focus-visible{box-shadow:var(--shadow-md);color:#282126;background:#f3b7d0;border-color:#f3b7d0}[data-theme=night] .nav-cta-pill:hover .cta-envelope-icon,[data-theme=night] .nav-cta-pill:focus-visible .cta-envelope-icon{color:#282126}@media (max-width:760px){.hero-pink-atmosphere:before{opacity:.12;width:70vw;height:260px;top:120px;left:-25%}.hero-pink-atmosphere:after{display:none}}@media (prefers-reduced-motion:reduce){.hero-pink-atmosphere:before,.hero-pink-atmosphere:after{animation:none}.button-ink:before,.button-secondary:before,.nav-cta-pill:before{transition:none}}.work-fan{--unfold:1;color:#fff;background:#111013 url(/images/work-bg.png) top/cover no-repeat;width:100%;padding:32px 0 52px;position:relative;overflow:clip}[data-theme=night] .work-fan{color:#fff;background:#111013 url(/images/work-bg.png) top/cover no-repeat}.work-fan-meta{color:#fffffff2;letter-spacing:.05em;text-transform:uppercase;text-shadow:0 1px 4px #0009;justify-content:space-between;gap:20px;padding:0 5%;font-size:12px;font-weight:650;display:flex}.work-fan-stage{perspective:1600px;height:clamp(560px,53vw,850px);margin-top:40px;position:relative}.work-fan-slot{aspect-ratio:.69;transform-origin:50% 95%;width:clamp(230px,25vw,420px);transform:translate3d(calc(var(--offset) * (5vw + var(--unfold) * 11vw) + var(--push) * 3vw),calc(var(--arc) * var(--unfold) * 32px + (1 - var(--unfold)) * 100px),0) rotate(calc(var(--offset) * var(--unfold) * 15deg));margin-left:clamp(-210px,-12.5vw,-115px);transition:transform .65s cubic-bezier(.16,1,.3,1);position:absolute;top:50px;left:50%}.work-poster{color:#111013;height:100%;transform:rotateY(var(--tilt,0deg));background:#282126;border:1px solid #ddbac938;border-radius:16px;flex-direction:column;text-decoration:none;transition:transform .65s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:flex;overflow:hidden;box-shadow:0 24px 40px -20px #02020273}.is-selected .work-poster{transform:translateY(-40px) rotate(calc(var(--offset) * -15deg)) rotateY(var(--tilt,0deg)) scale(1.035);box-shadow:0 40px 60px -24px #0202028c}.work-poster:focus-visible{outline-offset:6px;outline:3px solid #f3b7d0}.work-poster-header{justify-content:space-between;gap:10px;padding:24px 22px;font-size:10px;display:flex}.work-poster-art{flex:1;padding:8px 24px;position:relative;overflow:hidden}.poster-statement{z-index:2;white-space:pre-line;letter-spacing:-.04em;font-size:clamp(32px,3.65vw,60px);font-weight:600;line-height:1.04;position:relative}.work-poster-footer{z-index:2;justify-content:space-between;align-items:center;gap:12px;padding:22px;display:flex;position:relative}.work-poster-footer h3{max-width:220px;margin:0;font-size:clamp(17px,1.5vw,24px);line-height:1.15}.poster-open{border:1px solid;border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.poster-sculpture{aspect-ratio:1;width:85%;position:absolute;bottom:-5%;left:20%;transform:rotate(-25deg)}.poster-sculpture i{border:28px solid #f3b7d0;border-radius:50%;display:block;position:absolute;inset:10%;box-shadow:12px 18px 25px #02020233,inset 10px 10px 15px #02020226}.poster-sculpture i:nth-child(2){border-color:#282126;inset:25%;transform:translate(-30%,-15%)}.poster-sculpture i:nth-child(3){border:15px solid #111013;inset:40%;transform:translate(80%,30%)}.poster-websites{color:#111013;background:#f3b7d0}.poster-websites .poster-sculpture{bottom:6%;transform:rotate(-15deg)}.poster-websites .poster-sculpture i{background:#fff;border:0;border-radius:10px;inset:10% 5% 25%}.poster-websites .poster-sculpture i:nth-child(2){background:#111013;transform:translate(10%,20%)}.poster-websites .poster-sculpture i:nth-child(3){background:#282126;transform:translate(20%,40%)}.poster-site-list,.poster-studio-note{z-index:3;font-size:11px;position:absolute;bottom:7px}.poster-studio{color:#fff;background:#111013}.poster-studio .poster-sculpture{bottom:5%;left:30%}.poster-studio .poster-sculpture i{border-width:38px;border-color:#f3b7d0;border-radius:45% 55% 35% 65%}.poster-studio .poster-sculpture i:nth-child(2){border-color:#282126}.poster-studio .poster-sculpture i:nth-child(3){border-width:18px;border-color:#f3b7d0}.poster-spatial{color:#f3b7d0;background:#282126}.poster-spatial .poster-sculpture{transform:rotate(35deg)}.poster-spatial .poster-sculpture i{border-color:#f3b7d0;border-radius:10px}.poster-products{color:#fffafc;background:#111013}.poster-products .poster-sculpture i{box-shadow:none;border-width:2px;border-color:#f3b7d0}.poster-automation{color:#fffafc;background:#282126}.poster-automation .poster-sculpture i{border-width:3px;border-color:#f3b7d0}.work-category-links{z-index:5;flex-wrap:wrap;justify-content:center;gap:12px 20px;padding:26px 5% 0;display:flex;position:relative}.work-category-links a{color:#111013;-webkit-backdrop-filter:blur(12px);transition:all .28s var(--ease);background:#ffffffe6;border:1px solid #ddbac973;border-radius:9999px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:650;text-decoration:none;display:flex;box-shadow:0 4px 14px #0202021f}.work-category-links small{opacity:.8;background:#32212814;border-radius:6px;padding:2px 7px;font-size:10px;font-weight:600}.work-category-links a:hover{color:#fff;background:#111013;border-color:#111013;transform:translateY(-2px);box-shadow:0 8px 24px #02020238}[data-theme=night] .work-category-links a{color:#fff;background:#322128e0;border-color:#ddbac94d}[data-theme=night] .work-category-links a:hover{color:#111013;background:#f3b7d0;border-color:#f3b7d0}@media (max-width:760px){.work-fan-meta{font-size:10px}.work-fan-meta span:last-child{display:none}.work-fan-stage{scroll-snap-type:x mandatory;gap:20px;height:auto;margin-top:15px;padding:20px 24px 45px;display:flex;overflow-x:auto}.work-fan-slot{scroll-snap-align:center;flex-shrink:0;width:76vw;max-width:340px;margin:0;position:relative;top:auto;left:auto;transform:none}.work-poster,.is-selected .work-poster{transform:none}.poster-statement{font-size:46px}.work-category-links{justify-content:flex-start}.work-poster-footer h3{font-size:22px}}@media (prefers-reduced-motion:reduce){.work-fan-slot,.work-poster{transition:none}.work-poster,.is-selected .work-poster{transform:none}}.work-poster-footer h3{color:inherit}.shelf-page{min-height:100vh;padding-top:var(--navbar-clearance);padding-bottom:clamp(60px,8vw,120px);position:relative}.shelf-container{max-width:1180px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.shelf-topbar{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;margin-bottom:clamp(32px,5vw,48px);padding-bottom:16px;display:flex}.shelf-back-nav{color:var(--muted);border-radius:var(--radius-full);border:1px solid var(--line);background:var(--paper-card);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.shelf-back-nav:hover{color:var(--ink);background:var(--buttercream);border-color:#f3b7d0;transform:translate(-2px)}.shelf-count-total{font-size:12px;font-family:var(--font-manrope), monospace;color:var(--muted);letter-spacing:.04em}.shelf-hero{max-width:820px;margin-bottom:clamp(48px,6vw,64px)}.shelf-pill-badge{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius-full);align-items:center;gap:8px;margin-bottom:24px;padding:6px 14px;font-size:11px;font-weight:600;display:inline-flex}.shelf-title{letter-spacing:-.04em;color:var(--ink);margin-bottom:18px;font-size:clamp(42px,7vw,76px);font-weight:600;line-height:1.02}.shelf-subtitle{color:var(--muted);max-width:620px;font-size:clamp(17px,2.2vw,22px);font-weight:400;line-height:1.5}.shelf-categories-section{margin-bottom:clamp(48px,7vw,72px)}.shelf-categories-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.shelf-category-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);text-align:left;cursor:pointer;flex-direction:column;justify-content:space-between;min-height:156px;padding:24px 20px;transition:border-color .2s cubic-bezier(.16,1,.3,1),background-color .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:flex}.shelf-category-card:hover{background:var(--buttercream);border-color:#f3b7d0;transform:translateY(-2px)}.shelf-category-card.is-active{background:var(--buttercream);box-shadow:0 0 0 1.5px #f3b7d0, var(--shadow-sm);border-color:#f3b7d0}[data-theme=night] .shelf-category-card.is-active{background:#322128f2;border-color:#f3b7d0;box-shadow:0 0 0 1.5px #f3b7d0,0 8px 24px -6px #0009}.shelf-cat-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.shelf-cat-name{color:var(--ink);letter-spacing:-.015em;font-size:18px;font-weight:600}.shelf-cat-count{font-size:11.5px;font-family:var(--font-manrope), monospace;border-radius:var(--radius-full);background:var(--line-subtle);border:1px solid var(--line);color:var(--muted);padding:3px 8px;font-weight:600}.shelf-cat-desc{color:var(--muted);flex-grow:1;margin-bottom:16px;font-size:13px;line-height:1.45}.shelf-cat-status{color:var(--ink-soft);align-items:center;gap:6px;font-size:12px;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.shelf-category-card:hover .shelf-cat-status{color:var(--ink);transform:translate(3px)}.shelf-section{margin-bottom:clamp(48px,7vw,72px)}.shelf-section-header{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:28px;padding-bottom:16px;display:flex}.shelf-header-titles .section-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);margin-bottom:6px;font-size:11px;font-weight:600;display:block}.shelf-section-header h2{letter-spacing:-.025em;color:var(--ink);font-size:clamp(24px,3.2vw,32px);font-weight:600}.shelf-header-note{color:var(--muted);max-width:360px;font-size:13px;line-height:1.45}.shelf-filter-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shelf-filter-pill{border-radius:var(--radius-full);border:1px solid var(--line);background:var(--paper-card);color:var(--muted);cursor:pointer;padding:6px 14px;font-size:12.5px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1)}.shelf-filter-pill:hover{color:var(--ink);background:var(--buttercream);border-color:#f3b7d0}.shelf-filter-pill.is-active{color:#fff;background:#111013;border-color:#111013}[data-theme=night] .shelf-filter-pill.is-active{color:#111013;background:#f3b7d0;border-color:#f3b7d0}.shelf-resource-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.shelf-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);flex-direction:column;justify-content:space-between;min-height:200px;padding:24px;transition:border-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),transform .2s cubic-bezier(.16,1,.3,1);display:flex}.shelf-card:hover{border-color:#f3b7d0;transform:translateY(-2px);box-shadow:0 8px 24px -10px #00000014}[data-theme=night] .shelf-card:hover{border-color:#f3b7d0;box-shadow:0 10px 28px -8px #0009}.shelf-card.is-featured{background:linear-gradient(180deg, var(--paper-card) 0%, var(--buttercream) 100%);border-color:#ddbac973}[data-theme=night] .shelf-card.is-featured{background:linear-gradient(#322128cc 0%,#1f1519e6 100%);border-color:#ddbac952}.shelf-card-top{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.shelf-card-cat{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:11px;font-weight:600}.shelf-card-tags{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.shelf-tag{background:var(--line-subtle);border:1px solid var(--line);color:var(--muted);border-radius:4px;padding:2px 7px;font-size:10.5px;font-weight:500}.shelf-card-title{letter-spacing:-.015em;color:var(--ink);margin-bottom:10px;font-size:17px;font-weight:600;line-height:1.35}.shelf-card-desc{color:var(--muted);flex-grow:1;margin-bottom:20px;font-size:13.5px;line-height:1.5}.shelf-card-footer{border-top:1px solid var(--line-subtle);justify-content:flex-end;align-items:center;margin-top:auto;padding-top:14px;display:flex}.shelf-card-action{color:var(--ink);border-radius:var(--radius-full);background:var(--line-subtle);border:1px solid var(--line);align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:600;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.shelf-card-action:hover{color:#111013;background:#f3b7d0;border-color:#f3b7d0;transform:translateY(-1px)}[data-theme=night] .shelf-card-action:hover{color:#111013;background:#f3b7d0;border-color:#f3b7d0}@media (max-width:1080px){.shelf-categories-grid,.shelf-resource-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:680px){.shelf-page{padding-top:var(--navbar-clearance);padding-bottom:64px}.shelf-categories-grid,.shelf-resource-grid{grid-template-columns:1fr}.shelf-section-header{flex-direction:column;align-items:flex-start}.shelf-filter-pills{width:100%;padding-bottom:4px;overflow-x:auto}}.liquid-morph-filter-svg{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.liquid-morph-container{-webkit-user-select:text;user-select:text;color:var(--ink);display:block;position:relative}.liquid-morph-stage{will-change:filter;grid-template-areas:"morph-layer";place-items:center start;transition:filter .15s;display:inline-grid;position:relative}.liquid-morph-ghost{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;white-space:normal;line-height:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;grid-area:morph-layer}.liquid-morph-phrase{color:var(--ink);line-height:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;will-change:filter, opacity;grid-area:morph-layer;transform:translateZ(0)}[data-theme=night] .liquid-morph-phrase{color:#fffafc}.hero-liquid-title{letter-spacing:-.04em;color:var(--ink);max-width:560px;margin:20px 0 28px;font-size:clamp(44px,5.4vw,76px);font-weight:600;line-height:1.08}[data-theme=night] .hero-liquid-title{color:#fbf8f9}.shelf-editorial-quote{letter-spacing:-.025em;color:var(--ink);max-width:680px;margin-top:24px;font-size:clamp(22px,3.4vw,32px);font-weight:500;line-height:1.3}[data-theme=night] .shelf-editorial-quote{color:#fffafc}@media (prefers-reduced-motion:reduce){.liquid-morph-stage{filter:none!important}.liquid-morph-phrase{filter:none!important;transition:opacity .4s!important}}.shelf-guides-section{margin-bottom:clamp(48px,7vw,72px)}.shelf-articles-grid{grid-template-columns:1fr;gap:24px;display:grid}.shelf-guides-hint{border-radius:var(--radius);border:1px dashed var(--line);background:var(--paper-card);text-align:center;color:var(--muted);grid-column:1/-1;padding:24px;font-size:14px}.shelf-article-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(24px,3.5vw,36px);transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.shelf-article-card:before{content:"";opacity:0;background:#f3b7d0;width:4px;height:100%;transition:opacity .25s;position:absolute;top:0;left:0}.shelf-article-card:hover{background:var(--buttercream);border-color:#f3b7d0;transform:translateY(-2px);box-shadow:0 12px 32px -12px #3221281f}.shelf-article-card:hover:before{opacity:1}[data-theme=night] .shelf-article-card{background:#322128a6;border-color:#ffffff1a}[data-theme=night] .shelf-article-card:hover{background:#322128f2;border-color:#f3b7d0;box-shadow:0 16px 40px -12px #000000a6}.article-card-main-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.article-card-meta{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;display:flex}.article-badge-cat{text-transform:uppercase;letter-spacing:.1em;border-radius:var(--radius-full);color:#111013;background:#f3b7d0;align-items:center;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.article-meta-bullet{color:var(--muted-light);font-weight:700}.article-meta-time,.article-meta-date{font-size:12.5px;font-family:var(--font-manrope), sans-serif;color:var(--muted)}.article-card-title{letter-spacing:-.03em;color:var(--ink);margin-bottom:8px;font-size:clamp(22px,3vw,32px);font-weight:600;line-height:1.2;transition:color .2s}[data-theme=night] .article-card-title{color:#fffafc}.article-card-subtitle{color:var(--muted);margin-bottom:16px;font-size:clamp(15px,1.8vw,17px);font-weight:400;line-height:1.45}.article-card-desc{color:var(--ink-soft);max-width:820px;margin-bottom:20px;font-size:14.5px;line-height:1.6}[data-theme=night] .article-card-desc{color:#dfc9d2}.article-card-tags{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:24px;display:flex}.article-tag-chip{font-size:11.5px;font-family:var(--font-manrope), monospace;border-radius:var(--radius-full);background:var(--line-subtle);border:1px solid var(--line);color:var(--muted);padding:3px 9px}[data-theme=night] .article-tag-chip{color:#947f89;background:#ffffff0d;border-color:#ffffff1a}.article-card-footer{border-top:1px solid var(--line-subtle);justify-content:flex-end;align-items:center;margin-top:auto;padding-top:16px;display:flex}.article-action-prompt{color:var(--ink);align-items:center;gap:6px;font-size:13.5px;font-weight:600;transition:transform .2s cubic-bezier(.16,1,.3,1),color .2s;display:inline-flex}.shelf-article-card:hover .article-action-prompt{color:#111013;transform:translate(4px)}[data-theme=night] .article-action-prompt{color:#f3b7d0}.article-page-wrapper{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}.article-topbar{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;margin-bottom:clamp(36px,5vw,56px);padding-bottom:18px;display:flex}.article-back-nav{color:var(--muted);border-radius:var(--radius-full);border:1px solid var(--line);background:var(--paper-card);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.article-back-nav:hover{color:var(--ink);background:var(--buttercream);border-color:#f3b7d0;transform:translate(-2px)}[data-theme=night] .article-back-nav{color:#947f89;background:#322128cc;border-color:#ffffff1f}[data-theme=night] .article-back-nav:hover{color:#fffafc;background:#322128;border-color:#f3b7d0}.article-breadcrumb-slug{font-size:12px;font-family:var(--font-manrope), monospace;color:var(--muted-light);letter-spacing:.04em}.article-top-nav{border-bottom:1px solid var(--line-subtle);justify-content:space-between;align-items:center;margin-bottom:clamp(36px,5vw,56px);padding-bottom:18px;display:flex}.article-back-link{color:var(--muted);border-radius:var(--radius-full);border:1px solid var(--line);background:var(--paper-card);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.article-back-link:hover{color:var(--ink);background:var(--buttercream);border-color:#f3b7d0;transform:translate(-2px)}[data-theme=night] .article-back-link{color:#947f89;background:#322128cc;border-color:#ffffff1f}[data-theme=night] .article-back-link:hover{color:#fffafc;background:#322128;border-color:#f3b7d0}.article-reading-badge{font-size:12px;font-family:var(--font-manrope), monospace;color:var(--muted);letter-spacing:.04em}.article-hero-header{max-width:860px;margin-bottom:clamp(48px,6vw,72px)}.article-meta-row{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.article-category-badge{text-transform:uppercase;letter-spacing:.12em;border-radius:var(--radius-full);color:#111013;background:#f3b7d0;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.article-tags-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.article-meta-tag{font-size:11px;font-family:var(--font-manrope), monospace;border-radius:var(--radius-full);background:var(--line-subtle);border:1px solid var(--line);color:var(--muted);padding:2px 8px}[data-theme=night] .article-meta-tag{color:#947f89;background:#ffffff0d;border-color:#ffffff1a}.article-main-title{letter-spacing:-.04em;color:var(--ink);margin-bottom:18px;font-size:clamp(38px,5.5vw,68px);font-weight:600;line-height:1.05}[data-theme=night] .article-main-title{color:#fbf8f9}.article-lead-subtitle{color:var(--muted);margin-bottom:24px;font-size:clamp(18px,2.3vw,24px);font-weight:400;line-height:1.45}.article-editorial-shell{grid-template-columns:260px 1fr;align-items:start;gap:clamp(32px,5vw,64px);display:grid}@media (max-width:960px){.article-editorial-shell{grid-template-columns:1fr}}.article-sidebar{top:calc(var(--navbar-clearance) + 16px);max-height:calc(100vh - var(--navbar-clearance) - 40px);position:sticky;overflow-y:auto}@media (max-width:960px){.article-sidebar{max-height:none;margin-bottom:36px;position:static}}.article-sticky-toc{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 16px}[data-theme=night] .article-sticky-toc{background:#322128b3;border-color:#ffffff1a}.toc-header-label{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);border-bottom:1px solid var(--line-subtle);margin-bottom:12px;padding-bottom:8px;font-size:11px;font-weight:700;display:block}.toc-nav-list{flex-direction:column;gap:4px;display:flex}.toc-nav-item{color:var(--muted);border-radius:6px;align-items:baseline;gap:10px;padding:6px 10px;font-size:12.5px;line-height:1.4;text-decoration:none;transition:all .15s;display:flex}.toc-nav-item:hover{color:var(--ink);background:var(--buttercream)}.toc-nav-item:active,.toc-nav-item.is-active{color:var(--ink);background:var(--buttercream);border-left:2px solid #f3b7d0;font-weight:600}[data-theme=night] .toc-nav-item:hover{color:#fffafc;background:#ffffff0f}[data-theme=night] .toc-nav-item.is-active{color:#fffafc;background:#ddbac91f;border-left-color:#f3b7d0}.toc-item-number{font-family:var(--font-manrope), monospace;color:var(--muted-light);flex-shrink:0;font-size:11px;font-weight:700}.toc-item-text{flex-grow:1}.article-body-column{min-width:0;max-width:820px}.article-content-section{position:relative}.article-intro-section{border-bottom:1px solid var(--line);margin-bottom:clamp(48px,6vw,64px);padding-bottom:clamp(36px,5vw,48px)}.article-prose{color:var(--ink-soft);font-size:16px;line-height:1.75}[data-theme=night] .article-prose{color:#ead5df}.article-prose p{margin-bottom:18px}.lead-paragraph{color:var(--ink);font-size:clamp(18px,2.2vw,21px);font-weight:400;line-height:1.6;margin-bottom:22px!important}[data-theme=night] .lead-paragraph{color:#fbf8f9}.shared-stack-pills{flex-wrap:wrap;gap:10px;margin:20px 0 24px;display:flex}.stack-pill{color:var(--ink);background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius-full);align-items:center;gap:8px;padding:6px 14px;font-size:13px;font-weight:500;display:inline-flex}[data-theme=night] .stack-pill{color:#fffafc;background:#322128d9;border-color:#ffffff1f}.pill-dot{background:#f3b7d0;border-radius:50%;width:6px;height:6px}.article-steps-container{flex-direction:column;display:flex}.article-step-block{scroll-margin-top:calc(var(--navbar-clearance) + 24px);margin-bottom:clamp(56px,7vw,84px);position:relative}.step-badge-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.step-number-chip{font-family:var(--font-manrope), monospace;letter-spacing:.08em;color:#111013;border-radius:var(--radius-full);background:#f3b7d0;align-items:center;padding:3px 10px;font-size:11px;font-weight:800;display:inline-flex}.step-subtitle-meta{color:var(--muted);font-size:12.5px;font-family:var(--font-manrope), sans-serif}.step-headline{letter-spacing:-.03em;color:var(--ink);margin-bottom:18px;font-size:clamp(24px,3.2vw,34px);font-weight:600;line-height:1.2}[data-theme=night] .step-headline{color:#fbf8f9}.article-callout{border-radius:var(--radius);border:1px solid var(--line);background:var(--paper-card);margin:24px 0;padding:20px 24px}.article-callout.callout-important{background:#ddbac91f;border-color:#ddbac973}.article-callout.callout-tip{background:#b48f9e1a;border-color:#b48f9e59}.article-callout.callout-note{background:var(--paper-card);border-color:var(--line)}[data-theme=night] .article-callout{background:#322128b3;border-color:#ffffff1a}[data-theme=night] .article-callout.callout-important{background:#ddbac914;border-color:#ddbac94d}.callout-header{align-items:center;gap:8px;margin-bottom:8px;display:flex}.callout-icon{font-size:14px}.callout-header strong{text-transform:uppercase;letter-spacing:.08em;color:var(--ink);font-size:13px;font-weight:700}[data-theme=night] .callout-header strong{color:#fffafc}.callout-body{color:var(--ink-soft);font-size:14.5px;line-height:1.6;margin:0!important}[data-theme=night] .callout-body{color:#dfc9d2}.article-code-block{border-radius:var(--radius);background:#171316;border:1px solid #ffffff1a;margin:24px 0;overflow:hidden;box-shadow:0 8px 24px -6px #0006}.code-block-header{background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.code-block-lang{font-family:var(--font-manrope), monospace;text-transform:uppercase;letter-spacing:.1em;color:#947f89;font-size:11.5px;font-weight:600}.code-copy-btn{color:#f3b7d0;cursor:pointer;background:#ddbac91a;border:1px solid #ddbac940;border-radius:6px;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.code-copy-btn:hover{color:#fff;background:#ddbac933;border-color:#f3b7d0}.code-block-pre{color:#f8edf1;margin:0;padding:18px 20px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:13.5px;line-height:1.65;overflow-x:auto}.code-block-pre code{font-family:inherit}.article-checklist-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);margin:24px 0;padding:24px}[data-theme=night] .article-checklist-card{background:#322128b3;border-color:#ffffff1a}.checklist-heading{color:var(--ink);align-items:center;gap:8px;margin-bottom:16px;font-size:15px;font-weight:600;display:flex}[data-theme=night] .checklist-heading{color:#fffafc}.checklist-items{flex-direction:column;gap:14px;display:flex;margin:0!important;padding:0!important;list-style:none!important}.checklist-row{align-items:flex-start;gap:12px;display:flex}.check-box{color:#111013;background:#f3b7d0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-top:2px;font-size:11px;font-weight:800;display:inline-flex}.check-text strong{color:var(--ink);margin-bottom:2px;font-size:14.5px;display:block}[data-theme=night] .check-text strong{color:#fffafc}.check-detail{color:var(--muted);font-size:13.5px;line-height:1.45}.article-dialogue-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);margin:24px 0;padding:24px}[data-theme=night] .article-dialogue-card{background:#322128b3;border-color:#ffffff1a}.article-dialogue-card .dialogue-title{color:var(--ink);margin-bottom:16px;font-size:15px;font-weight:600}[data-theme=night] .article-dialogue-card .dialogue-title{color:#fffafc}.dialogue-lines{flex-direction:column;gap:12px;display:flex}.dialogue-item{border-radius:10px;flex-direction:column;gap:4px;max-width:88%;padding:12px 16px;display:flex}.dialogue-item.speaker-customer,.dialogue-item.speaker-caller,.dialogue-item[class*=speaker-]{background:var(--buttercream);border:1px solid var(--line);align-self:flex-start}.dialogue-item.speaker-agent,.dialogue-item.speaker-ai-voice-agent,.dialogue-item.speaker-ai-agent{background:#ddbac933;border:1px solid #ddbac973;align-self:flex-end}[data-theme=night] .dialogue-item.speaker-customer,[data-theme=night] .dialogue-item.speaker-caller,[data-theme=night] .dialogue-item[class*=speaker-]{background:#ffffff0d;border-color:#ffffff1a}[data-theme=night] .dialogue-item.speaker-agent,[data-theme=night] .dialogue-item.speaker-ai-voice-agent,[data-theme=night] .dialogue-item.speaker-ai-agent{background:#ddbac91f;border-color:#ddbac94d}.speaker-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:800}.speaker-text{color:var(--ink);font-size:14px;line-height:1.5}[data-theme=night] .speaker-text{color:#fffafc}.article-diagram-wrapper{border-radius:var(--radius);border:1px solid var(--line);background:var(--paper-card);margin:28px 0;padding:24px;overflow:hidden}[data-theme=night] .article-diagram-wrapper{background:#32212899;border-color:#ffffff1a}.diagram-card{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.diagram-tier{justify-content:center;width:100%;display:flex}.diagram-box{background:var(--paper);border:1px solid var(--line);border-radius:10px;align-items:center;gap:14px;padding:14px 18px;transition:all .2s;display:flex}[data-theme=night] .diagram-box{background:#1a1115d9;border-color:#ffffff1a}.diagram-box.box-highlight{background:#ddbac91a;border-color:#ddbac9b3;width:100%;max-width:580px}.diagram-box.box-core{background:#ddbac926;border:1.5px solid #f3b7d0;width:100%;max-width:580px;box-shadow:0 4px 18px -4px #ddbac940}.box-icon{flex-shrink:0;font-size:24px}.box-content{flex-direction:column;gap:2px;display:flex}.box-tag{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);font-size:10px;font-weight:700}.box-title{color:var(--ink);font-size:14px;font-weight:600}[data-theme=night] .box-title{color:#fffafc}.box-desc{color:var(--muted);font-size:12px;margin:0!important}.diagram-connector-single{color:var(--muted);align-items:center;gap:8px;font-size:11.5px;display:flex}.diagram-connector-split{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:580px;display:grid}.connector-branch{color:var(--muted);justify-content:center;align-items:center;gap:6px;font-size:11.5px;display:flex}.tier-bottom-grid{grid-template-columns:1fr 1fr;gap:16px;width:100%;max-width:580px;display:grid}@media (max-width:560px){.tier-bottom-grid,.diagram-connector-split{grid-template-columns:1fr}}.box-leaf{width:100%}.box-label-muted{color:var(--muted);font-size:10.5px}.box-tech-label{font-size:11px;font-family:var(--font-manrope), monospace;color:var(--muted);margin:0!important}.diagram-card-compact{gap:14px}.codex-flow-grid{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;width:100%;display:grid}@media (max-width:820px){.codex-flow-grid{grid-template-columns:1fr;gap:16px}.flow-arrow-cell{flex-direction:row!important}}.flow-step-box{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:16px 14px}[data-theme=night] .flow-step-box{background:#1a1115d9;border-color:#ffffff1a}.flow-step-highlight{background:#ddbac91f;border-color:#f3b7d0}.flow-badge{text-transform:uppercase;letter-spacing:.08em;background:var(--line-subtle);color:var(--muted);border-radius:4px;margin-bottom:8px;padding:2px 7px;font-size:9.5px;font-weight:700;display:inline-block}.flow-badge-active{color:#111013;background:#f3b7d0}.flow-header{color:var(--ink);align-items:center;gap:8px;margin-bottom:6px;font-size:14px;font-weight:600;display:flex}[data-theme=night] .flow-header{color:#fffafc}.flow-text{color:var(--muted);font-size:12px;line-height:1.45;margin:0!important}.flow-arrow-cell{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.flow-arrow-text{text-transform:uppercase;letter-spacing:.06em;font-size:10px;font-weight:600}.diagram-footer-note{color:var(--ink);background:#ddbac926;border:1px solid #ddbac959;border-radius:8px;align-items:center;gap:10px;width:100%;padding:12px 16px;font-size:12.5px;line-height:1.45;display:flex}[data-theme=night] .diagram-footer-note{color:#fffafc}.final-arch-layout{grid-template-columns:180px 1.4fr 1.2fr;align-items:center;gap:20px;width:100%;display:grid}@media (max-width:860px){.final-arch-layout{grid-template-columns:1fr;gap:24px}}.final-arch-col{flex-direction:column;gap:10px;display:flex}.arch-subheading{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);text-align:center;margin-bottom:6px;font-size:10.5px;font-weight:700}.arch-node-box{background:var(--paper);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}[data-theme=night] .arch-node-box{background:#1a1115d9;border-color:#ffffff1a}.arch-node-box strong{color:var(--ink);font-size:13px;display:block}[data-theme=night] .arch-node-box strong{color:#fffafc}.arch-node-box small{color:var(--muted);font-size:11px;display:block}.arch-convergence-arrows{color:var(--muted);justify-content:center;gap:16px;font-size:16px;display:flex}.arch-core-hub{text-align:center;background:#ddbac924;border:1.5px solid #f3b7d0;border-radius:12px;padding:22px 18px}[data-theme=night] .arch-core-hub{background:#ddbac914}.hub-badge{text-transform:uppercase;letter-spacing:.1em;color:#111013;border-radius:var(--radius-full);background:#f3b7d0;margin-bottom:8px;padding:2px 8px;font-size:9.5px;font-weight:700;display:inline-block}.hub-title strong{color:var(--ink);font-size:15px}[data-theme=night] .hub-title strong{color:#fffafc}.hub-desc{color:var(--muted);font-size:12px;line-height:1.45;margin:8px 0 14px!important}.hub-specs{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.hub-specs span{font-size:11px;font-family:var(--font-manrope), monospace;border-radius:var(--radius-full);background:var(--paper-card);border:1px solid var(--line);color:var(--ink);padding:2px 8px}[data-theme=night] .hub-specs span{color:#fffafc;background:#322128e6;border-color:#ffffff26}.targets-stack{flex-direction:column;gap:8px;display:flex}.target-chip{background:var(--paper);border:1px solid var(--line);border-radius:8px;align-items:center;gap:10px;padding:8px 12px;display:flex}[data-theme=night] .target-chip{background:#1a1115d9;border-color:#ffffff1a}.chip-info strong{color:var(--ink);font-size:12.5px;display:block}[data-theme=night] .chip-info strong{color:#fffafc}.chip-info small{color:var(--muted);font-size:10.5px;display:block}.chip-indicator{color:#65545e;margin-left:auto;font-size:11px;font-weight:700}.final-architecture-section{border-top:1px solid var(--line);margin-top:clamp(48px,6vw,64px);padding-top:36px}.section-badge,.video-badge{text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}.section-title,.video-walkthrough-section h2{letter-spacing:-.025em;color:var(--ink);margin-bottom:8px;font-size:clamp(22px,2.8vw,30px);font-weight:600}[data-theme=night] .section-title,[data-theme=night] .video-walkthrough-section h2{color:#fffafc}.section-subtitle,.video-walkthrough-section p{color:var(--muted);font-size:15px;line-height:1.5}.video-walkthrough-section{border-top:1px solid var(--line);margin:clamp(48px,6vw,64px) 0;padding-top:36px}.video-header{margin-bottom:20px}.video-container-responsive{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);background:#000;width:100%;position:relative;overflow:hidden;box-shadow:0 16px 40px -12px #00000040}.youtube-player-iframe{border:0;width:100%;height:100%;position:absolute;top:0;left:0}.article-navigation-footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:clamp(56px,7vw,84px);padding-top:clamp(36px,5vw,48px);display:flex}.nav-back-button{border-radius:var(--radius-full);background:var(--ink);color:#fff;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-back-button:hover{background:#282126;transform:translateY(-1px)}[data-theme=night] .nav-back-button{color:#111013;background:#f3b7d0}[data-theme=night] .nav-back-button:hover{background:#fae2ec}.nav-top-button{border-radius:var(--radius-full);background:var(--paper-card);border:1px solid var(--line);color:var(--muted);cursor:pointer;align-items:center;gap:6px;padding:10px 18px;font-size:13.5px;font-weight:500;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex}.nav-top-button:hover{color:var(--ink);background:var(--buttercream);border-color:#f3b7d0}[data-theme=night] .nav-top-button{color:#947f89;background:#322128cc;border-color:#ffffff1f}.article-finish-cta{border-top:1px solid var(--line);margin-top:clamp(48px,6vw,72px);padding-top:36px}.finish-cta-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;max-width:680px;margin:0 auto;padding:clamp(28px,4vw,44px)}[data-theme=night] .finish-cta-card{background:#322128b3;border-color:#ffffff1a}.finish-cta-card h3{letter-spacing:-.025em;color:var(--ink);margin-bottom:12px;font-size:clamp(22px,2.6vw,28px);font-weight:600}[data-theme=night] .finish-cta-card h3{color:#fbf8f9}.finish-cta-card p{color:var(--muted);margin-bottom:24px;font-size:15px;line-height:1.6}.bga-wrapper{background:linear-gradient(40deg, var(--gradient-background-start,#fff), var(--gradient-background-end,#fff));position:relative;overflow:hidden}.hero-bg-gradient-anim{z-index:0;pointer-events:auto;width:100%!important;height:100%!important;position:absolute!important;inset:0!important}.gradients-container{filter:url(#blurMe)blur(40px);width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.animate-first{animation:30s infinite moveVertical}.animate-second{animation:20s infinite reverse moveInCircle}.animate-third{animation:40s linear infinite moveInCircle}.animate-fourth{animation:40s infinite moveHorizontal}.animate-fifth{animation:20s infinite moveInCircle}@keyframes moveHorizontal{0%{transform:translate(-50%)translateY(-10%)}50%{transform:translate(50%)translateY(10%)}to{transform:translate(-50%)translateY(-10%)}}@keyframes moveInCircle{0%{transform:rotate(0)}50%{transform:rotate(180deg)}to{transform:rotate(360deg)}}@keyframes moveVertical{0%{transform:translateY(-50%)}50%{transform:translateY(50%)}to{transform:translateY(-50%)}}.bga-circle-1{background:radial-gradient(circle at center, rgb(var(--first-color)) 0, rgba(var(--first-color), 0) 50%) no-repeat;mix-blend-mode:var(--blending-value);width:var(--size);height:var(--size);top:calc(50% - var(--size) / 2);left:calc(50% - var(--size) / 2);transform-origin:50%;opacity:1;animation:30s infinite moveVertical;position:absolute}.bga-circle-2{background:radial-gradient(circle at center, rgba(var(--second-color), .8) 0, rgba(var(--second-color), 0) 50%) no-repeat;mix-blend-mode:var(--blending-value);width:var(--size);height:var(--size);top:calc(50% - var(--size) / 2);left:calc(50% - var(--size) / 2);transform-origin:calc(50% - 400px);opacity:1;animation:20s infinite reverse moveInCircle;position:absolute}.bga-circle-3{background:radial-gradient(circle at center, rgba(var(--third-color), .8) 0, rgba(var(--third-color), 0) 50%) no-repeat;mix-blend-mode:var(--blending-value);width:var(--size);height:var(--size);top:calc(50% - var(--size) / 2);left:calc(50% - var(--size) / 2);transform-origin:calc(50% + 400px);opacity:1;animation:40s linear infinite moveInCircle;position:absolute}.bga-circle-4{background:radial-gradient(circle at center, rgba(var(--fourth-color), .8) 0, rgba(var(--fourth-color), 0) 50%) no-repeat;mix-blend-mode:var(--blending-value);width:var(--size);height:var(--size);top:calc(50% - var(--size) / 2);left:calc(50% - var(--size) / 2);transform-origin:calc(50% - 200px);opacity:.7;animation:40s infinite moveHorizontal;position:absolute}.bga-circle-5{background:radial-gradient(circle at center, rgba(var(--fifth-color), .8) 0, rgba(var(--fifth-color), 0) 50%) no-repeat;mix-blend-mode:var(--blending-value);width:var(--size);height:var(--size);top:calc(50% - var(--size) / 2);left:calc(50% - var(--size) / 2);transform-origin:calc(50% - 800px) calc(50% + 800px);opacity:1;animation:20s infinite moveInCircle;position:absolute}.bga-pointer{background:radial-gradient(circle at center, rgba(var(--pointer-color), .8) 0, rgba(var(--pointer-color), 0) 50%) no-repeat;mix-blend-mode:var(--blending-value);opacity:.7;width:100%;height:100%;position:absolute;top:-50%;left:-50%}.variable-text-proximity-inline{pointer-events:auto;cursor:default;text-align:center;display:block;position:relative}.hero-proximity-headline{letter-spacing:-.02em;color:var(--ink);text-align:center;width:100%;max-width:960px;margin-bottom:20px;margin-left:auto;margin-right:auto;font-size:clamp(34px,4.6vw,68px);font-weight:350;line-height:1.12}[data-theme=night] .hero-proximity-headline{color:#fbf8f9}.hero-headline-studiostrand{z-index:2;text-align:center;width:100%;max-width:980px;margin-bottom:24px;margin-left:auto;margin-right:auto;position:relative}.headline-stack{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.headline-unit{flex-direction:column;align-items:center;display:flex;position:relative}.headline-normal{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);transition:color .3s var(--ease), opacity .3s var(--ease);margin-bottom:2px;padding-left:.28em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(14px,1.45vw,18px);font-weight:700;line-height:1.2}[data-theme=night] .headline-normal{color:#f3b7d0;opacity:.92}.headline-big{letter-spacing:-.05em;text-transform:uppercase;color:var(--ink);transition:color .3s var(--ease), transform .25s var(--ease);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(48px,6.2vw,88px);font-weight:900;line-height:.98;display:inline-block}[data-theme=night] .headline-big{color:#fbf8f9}.headline-bold{letter-spacing:-.05em;text-transform:uppercase;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(48px,6.2vw,88px);font-weight:900;line-height:.98;display:inline-block}[data-theme=night] .headline-bold{color:#fbf8f9}.headline-tiny{letter-spacing:.28em;text-transform:uppercase;color:var(--muted);margin-bottom:2px;padding-left:.28em;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(14px,1.45vw,18px);font-weight:700;line-height:1.2}[data-theme=night] .headline-tiny{color:#f3b7d0}@media (max-width:760px){.headline-stack{gap:12px}.headline-normal,.headline-tiny{letter-spacing:.22em;margin-bottom:2px;padding-left:.22em;font-size:13px}.headline-big,.headline-bold{letter-spacing:-.04em;font-size:clamp(36px,10.5vw,54px);line-height:1}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero-ambient-glow{pointer-events:none;z-index:0;filter:blur(55px);width:100%;max-width:1200px;height:650px;transition:opacity .45s var(--ease);background:radial-gradient(65% 55% at 50% 32%,#e7d6dd66 0%,#f2e5ea33 40%,#f6f0f20d 65%,#0000 80%);position:absolute;top:0;left:50%;transform:translate(-50%)}[data-theme=night] .hero-ambient-glow{filter:blur(65px);background:radial-gradient(65% 55% at 50% 32%,#a66d8529 0%,#8e586e14 40%,#713e5305 65%,#0000 80%)}.hero-headline-editorial{letter-spacing:-.035em;color:var(--ink);text-align:center;pointer-events:auto;cursor:default;max-width:920px;transition:color .3s var(--ease);flex-direction:column;align-items:center;margin:0 auto;font-family:Roboto Flex,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(48px,6.2vw,84px);font-weight:400;line-height:1.07;display:flex}.hero-headline-editorial *{pointer-events:auto}[data-theme=night] .hero-headline-editorial{color:#fbf8f9}.hero-editorial-line{pointer-events:auto;display:block}.hero-editorial-subtitle{letter-spacing:-.01em;color:var(--muted);text-align:center;max-width:580px;transition:color .3s var(--ease);margin:24px auto 0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:clamp(16px,1.35vw,19px);font-weight:400;line-height:1.55}[data-theme=night] .hero-editorial-subtitle{color:#fbf8f9b8}@media (max-width:760px){.hero-ambient-glow{filter:blur(40px);background:radial-gradient(80% 60% at 50% 25%,#e7d6dd66 0%,#f2e5ea33 40%,#0000 75%);height:450px}.hero-headline-editorial{letter-spacing:-.035em;font-size:clamp(34px,8.8vw,46px);line-height:1.08}.hero-editorial-subtitle{max-width:320px;margin-top:16px;font-size:15px;line-height:1.5}}.articles-page-shell{flex-direction:column;min-height:100vh;display:flex}.articles-page-main{padding-top:calc(var(--navbar-total) + 36px);background:linear-gradient(180deg, #171116 0, #432431 260px, #bb6289 600px, #f8dce8 940px, var(--paper) 1180px);flex:1;padding-bottom:140px}[data-theme=night] .articles-page-main{background:linear-gradient(180deg, #100d10 0, #2d1c25 300px, #543042 620px, var(--paper) 1160px)}.articles-page-container{max-width:1280px;padding:0 var(--gutter);margin:0 auto}.articles-topbar{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.articles-back-link{color:var(--muted);transition:color .2s var(--ease), transform .2s var(--ease);align-items:center;gap:8px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.articles-back-link:hover{color:var(--ink);transform:translate(-3px)}.articles-count-chip{color:var(--muted);background:var(--line-subtle);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-flex}.articles-hero-header{text-align:center;flex-direction:column;align-items:center;margin-bottom:38px;display:flex}.articles-topbar .articles-back-link,.articles-topbar .articles-count-chip{color:#ffffffe0}.articles-topbar .articles-back-link:hover{color:#fff}.articles-topbar .articles-count-chip{background:#ffffff1f}.articles-pill-badge{border-radius:var(--radius-full);letter-spacing:-.01em;color:var(--ink-soft);background:#ddbac938;border:1px solid #ddbac973;align-items:center;gap:8px;margin-bottom:20px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-flex}.articles-hero-header .articles-pill-badge{color:#fff;background:#ffffff1f;border-color:#ffffff47}[data-theme=night] .articles-pill-badge{color:var(--palette-candy);background:#322128a6;border-color:#ddbac940}.articles-hero-title{letter-spacing:-.035em;color:#fff;max-width:900px;margin:0 auto 18px;font-size:clamp(38px,5.2vw,68px);font-weight:600;line-height:1.08}.articles-hero-subtitle{color:#ffffffd1;max-width:680px;margin-inline:auto;font-size:clamp(16px,1.35vw,19px);line-height:1.58}.articles-section{margin-bottom:72px}.articles-section-header{margin-bottom:28px}.articles-featured-section .articles-section-header{text-align:center}.articles-featured-section .section-label,.articles-featured-section .articles-section-title{color:#fff}.articles-section-title{letter-spacing:-.025em;color:var(--ink);margin-top:6px;font-size:clamp(24px,2.6vw,36px);font-weight:600}.featured-articles-grid{grid-template-columns:repeat(2,1fr);gap:32px;display:grid}.featured-article-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .45s var(--ease), border-color .45s var(--ease), box-shadow .45s var(--ease);flex-direction:column;display:flex;overflow:hidden}.featured-article-card:hover{box-shadow:var(--shadow-md), var(--shadow-glow-blue);border-color:#ddbac9a6;transform:translateY(-6px)}.featured-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.featured-img-wrap{aspect-ratio:16/10;background:var(--buttercream);width:100%;position:relative;overflow:hidden}.featured-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.featured-article-card:hover .featured-cover-img{transform:scale(1.04)}.featured-floating-tags{z-index:2;gap:8px;display:flex;position:absolute;top:16px;left:16px}.featured-tag-badge{letter-spacing:.05em;text-transform:uppercase;border-radius:var(--radius-full);color:#282126;-webkit-backdrop-filter:blur(14px);background:#ffffffe0;padding:5px 12px;font-size:11px;font-weight:700;display:inline-block;box-shadow:0 4px 12px #0000001f}[data-theme=night] .featured-tag-badge{color:#fbf8f9;background:#020202d1;border:1px solid #ffffff26}.featured-tag-sub-badge{border-radius:var(--radius-full);color:#111013;-webkit-backdrop-filter:blur(12px);background:#ddbac9d9;padding:5px 12px;font-size:11px;font-weight:600;display:inline-block}.featured-card-body{flex-direction:column;flex:1;justify-content:space-between;padding:28px;display:flex}.featured-title-wrap{margin-bottom:24px}.featured-card-title{letter-spacing:-.025em;color:var(--ink);transition:color .3s var(--ease);margin-bottom:12px;font-size:clamp(20px,1.6vw,25px);font-weight:600;line-height:1.25}.featured-article-card:hover .featured-card-title{color:var(--ink-soft)}[data-theme=night] .featured-article-card:hover .featured-card-title{color:var(--palette-candy)}.featured-card-excerpt{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.featured-card-footer{border-top:1px solid var(--line-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:20px;display:flex}.featured-author-lockup{align-items:center;gap:12px;display:flex}.featured-author-avatar-wrap{border:1px solid var(--line);background:var(--buttercream);border-radius:50%;flex-shrink:0;width:38px;height:38px;overflow:hidden}.featured-author-avatar{object-fit:cover;width:100%;height:100%}.featured-author-details{flex-direction:column;display:flex}.featured-author-name{color:var(--ink);font-size:14px;font-weight:600}.featured-author-role{color:var(--muted);font-size:12px}.featured-read-time{color:var(--muted);align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex}.featured-clock-icon{opacity:.75}.articles-grid-section-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:32px;display:flex}.articles-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.articles-filter-pill{border-radius:var(--radius-full);color:var(--muted);background:var(--paper-card);border:1px solid var(--line);cursor:pointer;transition:all .25s var(--ease);align-items:center;gap:8px;padding:6px 16px;font-size:13px;font-weight:550;display:inline-flex}.articles-filter-pill:hover{color:var(--ink);background:var(--paper);border-color:#ddbac9b3}.articles-filter-pill.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:var(--shadow-sm)}[data-theme=night] .articles-filter-pill.is-active{background:var(--palette-candy);color:var(--palette-slate);border-color:var(--palette-candy);box-shadow:0 0 16px #ddbac973}.articles-filter-count{opacity:.75;background:#80808026;border-radius:9999px;justify-content:center;align-items:center;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex}.articles-filter-pill.is-active .articles-filter-count{background:#fff3}[data-theme=night] .articles-filter-pill.is-active .articles-filter-count{background:#00000026}.articles-cards-grid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.grid-article-card{background:var(--paper-card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .4s var(--ease), border-color .4s var(--ease), box-shadow .4s var(--ease);flex-direction:column;display:flex;overflow:hidden}.grid-article-card:hover{box-shadow:var(--shadow-md), 0 0 20px -4px #ddbac966;border-color:#ddbac9a6;transform:translateY(-5px)}.grid-card-link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.grid-img-wrap{aspect-ratio:16/10;background:var(--buttercream);width:100%;position:relative;overflow:hidden}.grid-cover-img{object-fit:cover;width:100%;height:100%;transition:transform .5s var(--ease)}.grid-article-card:hover .grid-cover-img{transform:scale(1.05)}.grid-category-pill{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-full);color:#282126;-webkit-backdrop-filter:blur(10px);background:#ffffffe6;padding:4px 10px;font-size:11px;font-weight:700;position:absolute;top:12px;left:12px;box-shadow:0 2px 8px #0000001a}[data-theme=night] .grid-category-pill{color:#fbf8f9;background:#020202d9;border:1px solid #ffffff1f}.grid-card-body{flex-direction:column;flex:1;padding:22px;display:flex}.grid-meta-line{color:var(--muted);align-items:center;gap:8px;margin-bottom:10px;font-size:12px;display:flex}.grid-meta-divider{opacity:.5}.grid-meta-read-time{align-items:center;gap:4px;display:inline-flex}.inline-clock-icon{opacity:.7}.grid-card-title{letter-spacing:-.02em;color:var(--ink);transition:color .3s var(--ease);margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.35}.grid-article-card:hover .grid-card-title{color:var(--ink-soft)}[data-theme=night] .grid-article-card:hover .grid-card-title{color:var(--palette-candy)}.grid-card-excerpt{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:20px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.grid-card-footer{border-top:1px solid var(--line-subtle);justify-content:space-between;align-items:center;margin-top:auto;padding-top:16px;display:flex}.grid-author-lockup{align-items:center;gap:8px;display:flex}.grid-author-avatar{object-fit:cover;border:1px solid var(--line);border-radius:50%}.grid-author-name{color:var(--ink);font-size:13px;font-weight:550}.grid-read-more-arrow{color:var(--muted);transition:transform .25s var(--ease), color .25s var(--ease);font-size:16px}.grid-article-card:hover .grid-read-more-arrow{color:var(--ink);transform:translate(2px,-2px)}.articles-empty-state{text-align:center;color:var(--muted);background:var(--paper-card);border:1px dashed var(--line);border-radius:var(--radius);padding:60px 24px}[data-theme=day] .nav-pill-link{color:#282126;text-shadow:none}[data-theme=day] .nav-pill-link:hover{color:#111013;text-shadow:none}.articles-bottom-bar-wrapper{z-index:95;pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed;bottom:24px;left:0;right:0}.articles-bottom-bar{pointer-events:auto;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(28px)saturate(190%);max-width:95vw;transition:all .3s var(--ease);background:#ffffffeb;border:1px solid #3221281f;align-items:center;padding:6px 8px;display:inline-flex;box-shadow:0 16px 36px -6px #02020224,0 4px 14px #0202020d}[data-theme=night] .articles-bottom-bar{background:#1b1115eb;border:1px solid #ddbac938;box-shadow:0 18px 44px -8px #000000d9,0 0 24px #ddbac91f}.articles-bottom-scroll-track{scrollbar-width:none;-webkit-overflow-scrolling:touch;align-items:center;gap:5px;padding:2px 4px;display:flex;overflow-x:auto}.articles-bottom-scroll-track::-webkit-scrollbar{display:none}.articles-bottom-pill{border-radius:var(--radius-full);color:#282126;cursor:pointer;white-space:nowrap;transition:all .22s var(--ease);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:600;display:inline-flex}.articles-bottom-pill:hover{color:#111013;background:#ddbac940}[data-theme=night] .articles-bottom-pill{color:#f8f5f6d9}[data-theme=night] .articles-bottom-pill:hover{color:#fff;background:#ddbac926}.articles-bottom-pill.is-active{color:#fff;background:#111013;box-shadow:0 2px 8px #0000002e}[data-theme=night] .articles-bottom-pill.is-active{background:var(--palette-candy);color:var(--palette-slate);box-shadow:0 0 18px #ddbac980}.bottom-pill-dot{opacity:.65;background:currentColor;border-radius:50%;width:5px;height:5px}.bottom-pill-label{letter-spacing:-.01em}.bottom-pill-badge{opacity:.85;background:#8080802e;border-radius:9999px;padding:1px 5px;font-size:10px;font-weight:700}.articles-bottom-pill.is-active .bottom-pill-badge{background:#ffffff40}[data-theme=night] .articles-bottom-pill.is-active .bottom-pill-badge{background:#0003}.articles-page-shell .site-footer{padding-bottom:96px}.article-detail-page-main{padding-top:calc(var(--navbar-total) + 36px);flex:1;padding-bottom:100px}.article-detail-container{max-width:860px;padding:0 var(--gutter);margin:0 auto}.article-detail-nav{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.article-detail-back{color:var(--muted);transition:color .2s var(--ease), transform .2s var(--ease);align-items:center;gap:8px;font-size:14px;font-weight:550;text-decoration:none;display:inline-flex}.article-detail-back:hover{color:var(--ink);transform:translate(-3px)}.article-detail-cat-pill{text-transform:uppercase;letter-spacing:.05em;border-radius:var(--radius-full);color:var(--ink);background:#ddbac940;border:1px solid #ddbac973;padding:4px 12px;font-size:12px;font-weight:700}.article-detail-header{margin-bottom:40px}.article-detail-title{letter-spacing:-.03em;color:var(--ink);margin-bottom:20px;font-size:clamp(32px,4vw,54px);font-weight:600;line-height:1.15}.article-detail-excerpt{color:var(--muted);margin-bottom:32px;font-size:clamp(17px,1.4vw,21px);line-height:1.55}.article-detail-meta{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding-bottom:28px;display:flex}.article-detail-author{align-items:center;gap:12px;display:flex}.article-detail-avatar{object-fit:cover;border:1px solid var(--line);border-radius:50%}.article-detail-author-info{flex-direction:column;display:flex}.article-detail-author-name{color:var(--ink);font-size:15px;font-weight:600}.article-detail-author-role{color:var(--muted);font-size:13px}.article-detail-date-time{color:var(--muted);align-items:center;gap:8px;font-size:14px;display:inline-flex}.article-detail-clock{align-items:center;gap:4px;display:inline-flex}.article-detail-hero-media{aspect-ratio:16/9;border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow-md);border:1px solid var(--line);margin-bottom:48px;overflow:hidden}.article-detail-cover{object-fit:cover;width:100%;height:100%}.article-detail-content{color:var(--ink);font-size:17px;line-height:1.8}.article-detail-paragraph{margin-bottom:28px}.article-detail-callout{background:var(--paper-card);border-left:3px solid var(--blue);border-radius:0 var(--radius) var(--radius) 0;box-shadow:var(--shadow-sm);margin:40px 0;padding:24px 28px}.callout-tag{text-transform:uppercase;letter-spacing:.06em;color:var(--blue-deep);margin-bottom:8px;font-size:11px;font-weight:700;display:inline-block}[data-theme=night] .callout-tag{color:var(--palette-candy)}.article-detail-tags{border-top:1px solid var(--line-subtle);flex-wrap:wrap;gap:8px;margin-top:40px;padding-top:24px;display:flex}.article-detail-tag-chip{color:var(--muted);background:var(--line-subtle);border-radius:var(--radius-full);padding:4px 12px;font-size:13px;font-weight:550}.article-detail-footer{border-top:1px solid var(--line);margin-top:60px;padding-top:32px}.article-detail-return-btn{border-radius:var(--radius-full);background:var(--paper-card);border:1px solid var(--line);color:var(--ink);transition:all .25s var(--ease);align-items:center;gap:8px;padding:10px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.article-detail-return-btn:hover{background:var(--ink);color:var(--paper);transform:translate(-4px)}[data-theme=night] .article-detail-return-btn:hover{background:var(--palette-candy);color:var(--palette-slate)}@media (max-width:1024px){.articles-cards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.featured-articles-grid{grid-template-columns:1fr;gap:24px}.articles-cards-grid{grid-template-columns:1fr;gap:20px}.articles-hero-header{margin-bottom:40px}.articles-bottom-bar-wrapper{padding:0 8px;bottom:16px}.articles-bottom-pill{padding:6px 11px;font-size:12px}}.about-card-wrapper{isolation:isolate}.about-frame-lines{z-index:5;pointer-events:none;position:absolute;inset:0}.about-frame-line{background:#db88ab8c;display:block;position:absolute}.about-frame-line-left,.about-frame-line-right{width:1px;top:-38px;bottom:-38px;-webkit-mask-image:linear-gradient(#0000,#000 16% 84%,#0000);mask-image:linear-gradient(#0000,#000 16% 84%,#0000)}.about-frame-line-left{left:0}.about-frame-line-right{right:0}.about-frame-line-top,.about-frame-line-bottom{height:1px;left:-38px;right:-38px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000);mask-image:linear-gradient(90deg,#0000,#000 16% 84%,#0000)}.about-frame-line-top{top:0}.about-frame-line-bottom{bottom:0}.about-profile-card:hover{transform:none}@media (max-width:760px){.about-card-wrapper{position:relative}.about-frame-line-left,.about-frame-line-right{top:-14px;bottom:-14px}.about-frame-line-top,.about-frame-line-bottom{left:-14px;right:-14px}}.nav-pill-link-window{display:block;position:relative;overflow:hidden}.nav-pill-link-copy{transition:transform .32s cubic-bezier(.22,1,.36,1);display:block}.nav-pill-link-copy-next{width:100%;position:absolute;top:100%;left:0}.nav-pill-link:hover,.nav-pill-link:focus-visible{transform:none}.nav-pill-link:hover .nav-pill-link-copy,.nav-pill-link:focus-visible .nav-pill-link-copy{transform:translateY(-100%)}@media (prefers-reduced-motion:reduce){.nav-pill-link-copy{transition:none}}[data-theme=day] .hero-section{background:#f4f4f5}[data-theme=day] .work-section{background:#fff}.hero-pixel-field{z-index:0;pointer-events:none;background-color:#f4f4f5;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect x='2' y='1' width='1.2' height='3.2' fill='%23aeb0b4' opacity='.76'/%3E%3C/svg%3E");background-repeat:repeat;position:absolute;inset:0;overflow:hidden}.hero-pixel-field-canvas{z-index:2;pointer-events:none;display:block;position:absolute;inset:0}[data-theme=night] .hero-pixel-field{background-color:#191619;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='6' viewBox='0 0 6 6'%3E%3Crect x='2' y='1' width='1.2' height='3.2' fill='%23635b61' opacity='.62'/%3E%3C/svg%3E")}@media (max-width:760px){.hero-pixel-field{background-size:8px 8px}}.featured-cover-img,.grid-cover-img,.article-detail-cover{filter:none}