@import "https://fonts.googleapis.com/css2?family=Gloock&family=Spline+Sans:wght@400;500;600;700&display=swap";
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-primary:#f5f7fb;--bg-secondary:#fcfdff;--text-primary:#111320;--text-secondary:#4b5568;--border-color:#11132029;--accent-color:#1664ff;--accent-warm:#1664ff;--accent-rose:#1664ff;--accent-cool:#2c3d77;--surface-elevated:#ffffffd1;--surface-muted:#1113200a;--ink-rgb:17,19,32;--accent-rgb:22,100,255;--glow:#1664ff33;--shadow:0 24px 68px #1116221a;--radius:18px;--radius-lg:28px;--warning:#af6700;--error:#cb3c49;--font-display:"Gloock",serif;--font-body:"Spline Sans",sans-serif;--max-width:1180px}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-primary:#0d121d;--bg-secondary:#0f1522;--text-primary:#edf1ff;--text-secondary:#a3afc5;--border-color:#dde5fc33;--accent-color:#5f95ff;--accent-warm:#5f95ff;--accent-rose:#5f95ff;--accent-cool:#b6cbff;--surface-elevated:#131a28db;--surface-muted:#edf1ff0f;--ink-rgb:237,241,255;--accent-rgb:95,149,255;--glow:#5f95ff5c;--shadow:0 30px 74px #00000080;--warning:#ffb84a;--error:#ff7d87}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:0}.body-root{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-body);letter-spacing:.01em;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;line-height:1.75;position:relative}::selection{color:var(--text-primary);background:#c36c3d59}.fx-bg{z-index:0;pointer-events:none;background:radial-gradient(1100px 700px at 8% -10%,#c36c3d2e,#0000 60%),radial-gradient(900px 600px at 105% 10%,#2c5b6329,#0000 60%),radial-gradient(800px 500px at 50% 120%,#8ca39b33,#0000 60%),linear-gradient(#f6f2ea 0%,#f1ece3 100%);position:fixed;inset:0}.fx-bg:before{content:"";opacity:.35;mix-blend-mode:multiply;background-image:radial-gradient(#1e1a1714 1px,#0000 1px),radial-gradient(#1e1a170d 1px,#0000 1px);background-position:0 0,2px 1px;background-size:4px 4px,6px 6px;position:absolute;inset:0}.fx-bg:after{content:"";opacity:.25;background:repeating-linear-gradient(90deg,#1e1a170a 0 1px,#0000 1px 32px),repeating-linear-gradient(0deg,#1e1a170d 0 1px,#0000 1px 24px);position:absolute;inset:0}.orb{opacity:.35;z-index:0;pointer-events:none;mix-blend-mode:multiply;border-radius:999px;animation:18s ease-in-out infinite drift;position:fixed}.orb-1{background:radial-gradient(circle at 30% 30%,#c36c3d59,#0000 70%);width:220px;height:220px;top:18%;left:6%}.orb-2{background:radial-gradient(circle at 40% 40%,#2c5b634d,#0000 70%);width:260px;height:260px;animation-delay:-7s;top:60%;right:8%}.orb-3{background:radial-gradient(circle at 40% 40%,#8ca39b66,#0000 70%);width:180px;height:180px;animation-delay:-13s;bottom:6%;left:36%}@keyframes drift{0%{transform:translate(0,0)scale(1)}50%{transform:translate(16px,-20px)scale(1.06)}to{transform:translate(0,0)scale(1)}}.cursor-trail{pointer-events:none;z-index:3;mix-blend-mode:multiply;background:#c36c3d38;border:1px solid #c36c3d59;border-radius:50%;width:12px;height:12px;position:fixed;top:0;left:0;transform:translate(-100px,-100px);box-shadow:0 0 10px #c36c3d33}a{color:inherit;border-bottom:1px solid #0000;text-decoration:none;transition:color .2s,border-color .2s}a:hover{color:var(--accent-color);border-bottom-color:var(--accent-color)}img,svg{max-width:100%;display:block}.layout-container{z-index:1;grid-template-columns:minmax(240px,320px) minmax(0,1fr);gap:3rem;min-height:100vh;padding:3.25rem 4.5rem 4.5rem;display:grid;position:relative}.sidebar{border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;height:fit-content;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffb3;flex-direction:column;align-self:start;gap:2rem;padding:2.2rem 2rem;display:flex;position:sticky;top:2.5rem}.brand{font-family:var(--font-display);letter-spacing:.04em;text-transform:uppercase;color:var(--text-primary);font-size:1.4rem}.brand-sub{color:var(--text-secondary);max-width:200px;margin-top:.6rem;font-size:.85rem}.sidebar-meta{color:var(--text-secondary);gap:.4rem;margin-top:.8rem;font-size:.78rem;display:grid}.sidebar-badges{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.nav-section{flex-direction:column;gap:.6rem;display:flex}.nav-header{text-transform:uppercase;letter-spacing:.28em;color:var(--accent-cool);margin-bottom:.4rem;font-size:.7rem}.nav-link{letter-spacing:.2em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:.5rem;padding:.25rem 0;font-size:.72rem;display:inline-flex}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--accent-color);border-bottom-color:#0000}.sidebar-hint{color:var(--text-secondary);border-top:1px dashed var(--border-color);align-items:center;gap:.4rem;padding-top:1rem;font-size:.7rem;display:flex}.sidebar-hint kbd{font-family:var(--font-body);border:1px solid var(--border-color);background:#ffffffb3;border-radius:6px;padding:.1rem .35rem;font-size:.7rem}.content{max-width:var(--max-width);width:100%;padding:.5rem 0 4rem}.site-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);margin-top:4rem;padding-top:2rem;font-size:.85rem}.scroll-rail{z-index:2;text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);flex-direction:column;gap:.6rem;font-size:.7rem;display:flex;position:fixed;top:180px;right:3rem}.scroll-rail__title{color:var(--accent-cool);letter-spacing:.28em;margin-bottom:.4rem;font-size:.65rem}.scroll-rail__item{opacity:.7;align-items:center;gap:.5rem;transition:opacity .2s,color .2s;display:inline-flex}.scroll-rail__item:hover{opacity:1;color:var(--text-primary)}.scroll-rail__dot{background:#c36c3d33;border:1px solid #c36c3d66;border-radius:999px;width:8px;height:8px}.scroll-rail__item.is-active{opacity:1;color:var(--text-primary)}.section-container{gap:4rem;padding-bottom:2rem;display:grid}.section-block{padding-bottom:2rem;position:relative}.section-block:after{content:"";background:linear-gradient(90deg,#0000,#1e1a1733,#0000);height:1px;position:absolute;bottom:0;left:0;right:0}h1,h2,h3{font-family:var(--font-display);color:var(--text-primary);margin:0 0 1.4rem;font-weight:400}h1{font-size:clamp(2.2rem,1.5rem + 3vw,4.1rem);line-height:1.05}h2{font-size:clamp(1.5rem,1.1rem + 1.4vw,2.2rem);line-height:1.2}h3{font-family:var(--font-body);text-transform:uppercase;letter-spacing:.22em;color:var(--accent-cool);font-size:.85rem}.typewriter{white-space:normal;max-width:100%;display:inline;position:relative}.typewriter-caret{border-left:2px solid #c36c3de6;width:.6ch;margin-left:.12ch;animation:.8s step-end infinite caret;display:inline-block;transform:translateY(2px)}@keyframes caret{0%,to{opacity:0}50%{opacity:1}}.hero{border-radius:var(--radius-lg);border:1px solid var(--border-color);box-shadow:var(--shadow);background:#ffffffb8;padding:clamp(2.2rem,3vw,3.5rem);position:relative;overflow:hidden}.hero:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(135deg,#c36c3d24,#0000 55%);position:absolute;inset:0}.hero>*{z-index:1;position:relative}.hero-map{opacity:.2;z-index:0;filter:drop-shadow(0 0 18px #c36c3d26);width:48%;height:48%;position:absolute;top:-12%;right:-6%}.hero-map__lines line{stroke:#2c5b6359;stroke-width:.6px;animation:6s ease-in-out infinite trace}.hero-map__nodes circle{fill:#c36c3dbf;animation:2.8s ease-in-out infinite pulse}.hero-map__nodes circle:nth-child(2){animation-delay:.3s}.hero-map__nodes circle:nth-child(3){animation-delay:.6s}.hero-map__nodes circle:nth-child(4){animation-delay:.9s}.hero-map__nodes circle:nth-child(5){animation-delay:1.2s}.hero-map__nodes circle:nth-child(6){animation-delay:1.5s}.hero-map__nodes circle:nth-child(7){animation-delay:1.8s}@keyframes trace{0%,to{stroke-opacity:.2}50%{stroke-opacity:.9}}@keyframes pulse{0%,to{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}.hero-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start;gap:2.8rem;display:grid}.hero-intro{flex-direction:column;gap:1.2rem;display:flex}.hero-eyebrow{text-transform:uppercase;letter-spacing:.32em;color:var(--accent-cool);font-size:.7rem}.hero-sub{max-width:620px;color:var(--text-secondary);font-size:1.05rem}.hero-actions{flex-wrap:wrap;gap:.6rem;margin-top:.4rem;display:flex}.hero-chip{border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.16em;color:var(--text-secondary);background:#fffc;border-radius:999px;padding:.35rem .75rem;font-size:.72rem}.hero-cta{flex-wrap:wrap;gap:.8rem;margin-top:.8rem;display:flex}.atelier-stack{gap:1rem;display:grid}.atelier-card{border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);background:#ffffffd9;padding:1.4rem 1.4rem 1.2rem;position:relative}.atelier-card:after{content:"";border-radius:calc(var(--radius) - 2px);pointer-events:none;border:1px dashed #1e1a172e;position:absolute;inset:1px}.atelier-index{font-family:var(--font-display);color:var(--accent-color);font-size:1.4rem;position:absolute;top:.9rem;right:1rem}.atelier-title{font-family:var(--font-display);margin-bottom:.4rem;font-size:1.2rem}.hero-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;margin-top:1.6rem;display:grid}.stat-card{border-radius:var(--radius);border:1px solid var(--border-color);box-shadow:var(--shadow);background:#ffffffbf;padding:.9rem 1rem}.stat-label{text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);font-size:.65rem}.stat-value{color:var(--accent-cool);font-size:1.4rem;font-family:var(--font-display);margin-top:.4rem}.split{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;gap:2.5rem;display:grid}.panel{border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);background:#ffffffd1;padding:1.6rem}.panel-title{text-transform:uppercase;color:var(--accent-cool);letter-spacing:.28em;margin-bottom:.8rem;font-size:.75rem}.mono-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.mono-list li{color:var(--text-secondary);padding-left:1rem;position:relative}.mono-list li:before{content:"-";color:var(--accent-color);position:absolute;left:0}.cta-link{border:1px solid var(--border-color);text-transform:uppercase;letter-spacing:.2em;background:#ffffffe6;border-radius:999px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.7rem;transition:border-color .2s,box-shadow .2s,transform .2s;display:inline-flex}.cta-link:hover{border-color:#c36c3d99;transform:translateY(-2px);box-shadow:0 12px 26px #1e1a171f}.text-sec{color:var(--text-secondary)}.mt-2{margin-top:1rem}.mb-2{margin-bottom:1rem}.border-box{border-radius:var(--radius);box-shadow:var(--shadow);background:#fff8eccc;border:1px solid #a26a2f73;margin:1.2rem 0;padding:1.2rem}.flex-row{flex-wrap:wrap;align-items:baseline;gap:1rem;display:flex}.projects-grid{perspective:1200px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.8rem;display:grid}.project-card{border:1px solid var(--border-color);border-radius:var(--radius);box-shadow:var(--shadow);clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,0 100%);background:#ffffffe0;padding:1.5rem;transition:box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.project-card:before{content:"";opacity:0;pointer-events:none;background:linear-gradient(140deg,#c36c3d1f,#0000 60%);transition:opacity .3s;position:absolute;inset:0}.project-card:hover:before{opacity:1}.project-tag{text-transform:uppercase;letter-spacing:.18em;color:var(--accent-color);background:#ffffffbf;border:1px solid #c36c3d73;border-radius:999px;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.65rem;display:inline-flex}.project-meta{flex-wrap:wrap;gap:.5rem;display:flex}.hover-underline{border-bottom:1px dashed #0000}.hover-underline:hover{border-bottom-color:var(--accent-color)}.case-study-section{border-radius:var(--radius);background:#ffffffb3;border:1px dashed #1e1a174d;padding:1.4rem 1.6rem}.mermaid-frame{box-shadow:var(--shadow);background:#ffffffe6;border:1px solid #2c5b6366;border-radius:14px;margin-bottom:1rem;overflow:hidden}.mermaid-frame__bar{text-transform:uppercase;letter-spacing:.24em;color:var(--accent-cool);background:#2c5b6314;border-bottom:1px solid #2c5b6333;justify-content:space-between;align-items:center;padding:.6rem 1rem;font-size:.65rem;display:flex}.mermaid-frame__title{align-items:center;gap:.5rem;display:flex}.mermaid-frame__leds{gap:.4rem;display:inline-flex}.mermaid-frame__leds span{background:#2c5b63b3;border-radius:50%;width:8px;height:8px;animation:1.6s ease-in-out infinite blink;box-shadow:0 0 10px #2c5b6359}.mermaid-frame__leds span:nth-child(2){animation-delay:.4s}.mermaid-frame__leds span:nth-child(3){animation-delay:.8s}.mermaid-container{text-align:center;background:#ffffffe6;border-top:1px solid #2c5b6314;justify-content:center;align-items:center;min-height:140px;padding:1rem;display:flex;position:relative;overflow-x:auto}.mermaid-container:after{content:"";opacity:.2;pointer-events:none;background:linear-gradient(120deg,#0000,#c36c3d1f,#0000);animation:8s ease-in-out infinite sweep;position:absolute;inset:0}.mermaid-loading{font-family:var(--font-body);color:var(--text-secondary);font-size:.8rem}@keyframes sweep{0%{transform:translate(-120%)}50%{transform:translate(0%)}to{transform:translate(120%)}}@keyframes blink{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}}button,input,textarea{font-family:inherit}button{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffffe6;border-radius:10px;transition:transform .2s,box-shadow .2s,border-color .2s}button:hover{border-color:#c36c3d99;transform:translateY(-2px);box-shadow:0 12px 24px #1e1a171f}.primary-btn{text-transform:uppercase;letter-spacing:.18em}input,textarea{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffffe6;border-radius:10px;padding:.8rem}.contact-form{flex-direction:column;gap:1.5rem;max-width:640px;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-label{text-transform:uppercase;letter-spacing:.16em;font-size:.9rem;font-weight:600}.form-input{width:100%}textarea.form-input{resize:vertical;min-height:160px}.form-status{border-radius:12px;margin-top:1rem;padding:1rem;font-size:.9rem}.form-status.is-success{color:var(--accent-cool);background:#2c5b6314;border:1px solid #2c5b6380}.form-status.is-error{color:var(--error);background:#b44c3e14;border:1px solid #b44c3e80}.mobile-toggle{background:var(--surface-elevated);border:1px solid rgba(var(--accent-rgb),.5);color:var(--text-primary);box-shadow:0 12px 22px rgba(var(--ink-rgb),.2);text-transform:uppercase;letter-spacing:.16em;border-radius:999px;justify-content:center;align-items:center;padding:.58rem .98rem;font-size:.68rem;font-weight:700;display:none}.mobile-controls{display:none}.mobile-toggle:hover{box-shadow:0 14px 24px rgba(var(--ink-rgb),.24)}.mobile-toggle:focus-visible{outline:2px solid rgba(var(--accent-rgb),.72);outline-offset:2px}.mobile-overlay{display:none}.slide-send{border:1px solid var(--border-color);-webkit-user-select:none;user-select:none;background:#ffffffd9;border-radius:999px;align-items:center;height:56px;padding:4px;display:flex;position:relative;overflow:hidden}.slide-send.is-disabled{opacity:.6;cursor:not-allowed}.slide-send__track{background:linear-gradient(135deg,#c36c3d40,#2c5b6333);border-radius:999px;transition:width .2s;position:absolute;inset:4px auto 4px 4px}.slide-send__trail{width:calc(8px + (var(--slide-progress,0)*100%));max-width:calc(100% - 12px);opacity:calc(.2 + (var(--slide-progress,0)*.5));pointer-events:none;background:linear-gradient(90deg,#c36c3d59,#0000);border-radius:999px;position:absolute;inset:6px auto 6px 6px}.slide-send__text{color:var(--text-secondary);letter-spacing:.2em;text-transform:uppercase;pointer-events:none;justify-content:center;align-items:center;gap:.4rem;font-size:.8rem;display:flex;position:absolute;inset:0}.slide-send__thumb{z-index:1;cursor:grab;background:#fffffff2;border:1px solid #c36c3d66;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .25s ease-out;display:flex;position:relative}.slide-send__thumb-core{background:#ffffffe6;border-radius:50%;justify-content:center;align-items:center;width:34px;height:34px;transition:transform .2s;display:flex}.slide-send__thumb.is-dragging{cursor:grabbing;box-shadow:0 0 18px #c36c3d59}.slide-send__thumb svg{color:var(--text-secondary);transition:color .2s,transform .2s}.slide-send__burst{opacity:0;pointer-events:none;background:radial-gradient(circle,#c36c3d8c,#0000 65%);position:absolute;inset:-30% 20%;transform:scale(.6)}.slide-send.is-complete .slide-send__burst{animation:.6s ease-out burst}.slide-send.is-complete .slide-send__thumb{animation:.5s ease-out glow-pulse;box-shadow:0 0 22px #c36c3d73}.slide-send.is-complete .slide-send__thumb-core{animation:.35s ease-out bounce}.slide-send.is-complete .slide-send__track{animation:.6s ease-out shimmer}.slide-send__status{text-align:center;color:var(--accent-color);letter-spacing:.2em;font-size:.75rem;position:absolute;bottom:-1.5rem;left:0;right:0}@keyframes burst{0%{opacity:0;transform:scale(.6)}50%{opacity:.7;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}@keyframes glow-pulse{0%{box-shadow:0 0 12px #c36c3d40}50%{box-shadow:0 0 28px #c36c3d8c}to{box-shadow:0 0 18px #c36c3d66}}@keyframes bounce{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}@keyframes shimmer{0%{filter:brightness()}50%{filter:brightness(1.2)}to{filter:brightness()}}.command-overlay{z-index:9999;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#1e1a1733;justify-content:center;padding-top:5rem;display:flex;position:fixed;inset:0}.command-modal{border:1px solid var(--border-color);width:520px;max-width:92%;height:fit-content;max-height:420px;box-shadow:var(--shadow);background:#fffffff0;border-radius:16px;flex-direction:column;display:flex}.command-header{border-bottom:1px solid var(--border-color);align-items:center;gap:.5rem;padding:1rem;display:flex}.command-input{color:var(--text-primary);font-family:var(--font-body);background:0 0;border:none;outline:none;flex:1;font-size:1rem}.command-hint{border:1px solid var(--border-color);color:var(--text-secondary);border-radius:6px;padding:.1rem .3rem;font-size:.7rem}.command-list{padding:.5rem 0;overflow-y:auto}.command-item{cursor:pointer;border-left:2px solid #0000;justify-content:space-between;align-items:center;padding:.75rem 1rem;transition:background .15s,border-color .15s;display:flex}.command-item.is-active{border-left-color:var(--accent-color);background:#c36c3d1f}.command-path{color:var(--text-secondary);font-size:.7rem;font-family:var(--font-body)}.command-empty{color:var(--text-secondary);text-align:center;padding:1rem}.command-footer{border-top:1px solid var(--border-color);color:var(--text-secondary);text-align:right;padding:.5rem .8rem;font-size:.7rem}@media (max-width:1200px){.layout-container{padding:3rem 3rem 4rem}.scroll-rail{right:1.5rem}}@media (max-width:1024px){.layout-container{grid-template-columns:minmax(220px,260px) minmax(0,1fr);padding:2.5rem}.scroll-rail,.cursor-trail,.hero-map{display:none}.hero-layout{grid-template-columns:1fr}}@media (max-width:820px){.layout-container{grid-template-columns:1fr;padding:1.5rem;display:block}.mobile-controls{top:max(.8rem,env(safe-area-inset-top));z-index:120;align-items:center;gap:.55rem;display:inline-flex;position:fixed;right:.9rem}.mobile-toggle,.theme-toggle--mobile{display:inline-flex}.theme-toggle--sidebar{display:none}.sidebar{z-index:50;border-radius:0;width:82%;max-width:320px;height:100vh;padding-top:5rem;transition:transform .3s ease-in-out;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar.open{transform:translate(0)}.content{margin-left:0;padding:.5rem 0 3rem}.section-block:after{bottom:0}.project-card{box-shadow:none}.mobile-overlay{z-index:40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1e1a1740;display:block;position:fixed;inset:0}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.cursor-trail{display:none}.typewriter{animation:none}.typewriter-caret{display:none}}@media print{.sidebar,.mobile-toggle,.scroll-rail,.fx-bg,.orb{display:none}.layout-container{padding:0;display:block}.content{max-width:100%;margin:0;padding:0}.body-root{color:#000;background:#fff}*{border-color:#ddd!important}a{color:#000;text-decoration:underline}}::selection{background:rgba(var(--accent-rgb),.24);color:var(--text-primary)}.body-root{background-color:var(--bg-primary);color:var(--text-primary)}.fx-bg{background:radial-gradient(980px 520px at -12% -10%,rgba(var(--accent-rgb),.18),transparent 62%),radial-gradient(900px 560px at 112% 4%,rgba(var(--ink-rgb),.08),transparent 68%),linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)100%)}[data-theme=dark] .fx-bg{background:radial-gradient(980px 620px at -12% -10%,rgba(var(--accent-rgb),.2),transparent 65%),radial-gradient(840px 520px at 112% 2%,rgba(var(--accent-rgb),.11),transparent 72%),linear-gradient(180deg,var(--bg-secondary)0%,var(--bg-primary)100%)}.fx-bg:before{background-image:radial-gradient(rgba(var(--ink-rgb),.28)1px,transparent 1px),radial-gradient(rgba(var(--ink-rgb),.22)1px,transparent 1px);opacity:.12}.fx-bg:after{background:repeating-linear-gradient(90deg,rgba(var(--ink-rgb),.08)0px,rgba(var(--ink-rgb),.08)1px,transparent 1px,transparent 36px),repeating-linear-gradient(0deg,rgba(var(--ink-rgb),.05)0px,rgba(var(--ink-rgb),.05)1px,transparent 1px,transparent 28px);opacity:.1}.orb{mix-blend-mode:screen;opacity:.25}.orb-1{background:radial-gradient(circle at 32% 32%,rgba(var(--accent-rgb),.42),transparent 70%)}.orb-2{background:radial-gradient(circle at 40% 40%,rgba(var(--accent-rgb),.26),transparent 72%)}.orb-3{background:radial-gradient(circle at 40% 40%,rgba(var(--ink-rgb),.2),transparent 70%)}.cursor-trail{background:rgba(var(--accent-rgb),.22);border:1px solid rgba(var(--accent-rgb),.48);box-shadow:0 0 12px rgba(var(--accent-rgb),.34);mix-blend-mode:normal}.layout-container{gap:3.8rem;padding:3.4rem 4.8rem 4.8rem}.sidebar{background:var(--surface-elevated);border:1px solid var(--border-color);box-shadow:var(--shadow)}.brand{letter-spacing:.02em;text-transform:none;font-size:1.48rem}.brand-sub{color:var(--text-secondary);font-size:.88rem}.sidebar-meta{font-size:.76rem}.nav-header,.scroll-rail__title,.panel-title{color:var(--accent-color)}.nav-link{letter-spacing:.18em;font-size:.73rem}.nav-link.active{color:var(--accent-color)}.sidebar-hint{border-top:1px dashed rgba(var(--ink-rgb),.18)}.sidebar-hint kbd{background:var(--surface-muted)}.theme-toggle{border:1px solid var(--border-color);background:var(--surface-muted);width:100%;color:var(--text-primary);text-align:left;border-radius:14px;align-items:center;gap:.75rem;padding:.65rem .8rem;display:inline-flex}.theme-toggle--sidebar{margin-top:.15rem}.theme-toggle--mobile{display:none}.theme-toggle.is-compact{border-radius:999px;justify-content:center;gap:0;width:42px;min-width:42px;height:42px;padding:0}.theme-toggle.is-compact .theme-toggle__icon{border-radius:999px;width:26px;height:26px}.theme-toggle:hover{border-color:rgba(var(--accent-rgb),.52);box-shadow:0 16px 34px rgba(var(--accent-rgb),.16)}.theme-toggle__icon{background:rgba(var(--accent-rgb),.16);width:30px;height:30px;color:var(--accent-color);border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.theme-toggle__copy{align-items:baseline;gap:.5rem;display:inline-flex}.theme-toggle__label{text-transform:uppercase;letter-spacing:.18em;color:var(--text-secondary);font-size:.62rem}.theme-toggle__value{font-size:.84rem;font-weight:600}.content{max-width:var(--max-width)}.site-footer{border-top:1px solid rgba(var(--ink-rgb),.18)}.scroll-rail{letter-spacing:.2em;font-size:.66rem}.scroll-rail__dot{border-color:rgba(var(--accent-rgb),.4);background:rgba(var(--accent-rgb),.18)}.scroll-rail__item.is-active .scroll-rail__dot{background:rgba(var(--accent-rgb),.8);box-shadow:0 0 12px rgba(var(--accent-rgb),.4)}.section-container{gap:5.8rem}.section-block{padding-bottom:2.6rem}.section-block:after{background:linear-gradient(90deg,transparent,rgba(var(--ink-rgb),.28),transparent)}h1,h2{letter-spacing:-.01em}h1{font-size:clamp(2.8rem,1.8rem + 4vw,5.3rem)}h2{font-size:clamp(1.8rem,1.2rem + 1.9vw,3.05rem)}h3{color:var(--accent-color)}.hero{border-radius:calc(var(--radius-lg) + 4px);border:1px solid var(--border-color);background:var(--surface-elevated);box-shadow:var(--shadow);padding:clamp(2.4rem,3vw,4rem)}.hero:before{background:linear-gradient(132deg,rgba(var(--accent-rgb),.16),transparent 52%)}.hero-map{opacity:.3;filter:drop-shadow(0 0 26px rgba(var(--accent-rgb),.2));top:-8%;right:-4%}.hero-map__lines line{stroke:rgba(var(--ink-rgb),.36)}.hero-map__nodes circle{fill:rgba(var(--accent-rgb),.8)}.hero-layout{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:3.1rem}.hero-intro{gap:1.45rem}.hero-eyebrow{color:var(--accent-color);letter-spacing:.28em;font-size:.68rem}.hero-title{margin-bottom:.45rem;font-size:clamp(3.2rem,2.2rem + 4vw,6rem)}.hero-sub{max-width:62ch;color:var(--text-secondary);font-size:1.08rem;line-height:1.92}.hero-actions{gap:.55rem}.hero-chip{background:rgba(var(--ink-rgb),.02);border-color:rgba(var(--ink-rgb),.22)}.chip-accent{color:var(--accent-color);border-color:rgba(var(--accent-rgb),.56);box-shadow:0 0 20px rgba(var(--accent-rgb),.18)}.hero-cta{margin-top:.3rem}.cta-link{letter-spacing:.18em;background:rgba(var(--ink-rgb),.02);border:1px solid rgba(var(--ink-rgb),.2);border-radius:12px;padding:.62rem 1.08rem;font-size:.68rem}.cta-link:hover{border-color:rgba(var(--accent-rgb),.62);box-shadow:0 15px 30px rgba(var(--accent-rgb),.17)}.hero-grid{grid-template-columns:repeat(3,minmax(140px,1fr));gap:.9rem}.stat-card{border:1px solid rgba(var(--ink-rgb),.18);background:rgba(var(--ink-rgb),.02);box-shadow:none;border-radius:14px}.stat-label{color:var(--text-secondary)}.stat-value{color:var(--accent-color)}.atelier-stack{gap:1.15rem}.atelier-card{border:1px solid rgba(var(--ink-rgb),.16);background:rgba(var(--ink-rgb),.015);box-shadow:none;border-radius:14px;padding:1.4rem 1.25rem 1.24rem}.atelier-card:after{border-color:rgba(var(--ink-rgb),.14)}.atelier-index{color:rgba(var(--accent-rgb),.28);font-size:2rem;top:.72rem;right:.95rem}.atelier-title{margin-bottom:.35rem;font-size:1.28rem}.text-sec{color:var(--text-secondary);line-height:1.82}.split{grid-template-columns:minmax(0,1.18fr) minmax(0,.82fr);gap:2.8rem}.panel{border:1px solid rgba(var(--ink-rgb),.18);background:var(--surface-elevated);box-shadow:none}.panel-ruled{background-image:repeating-linear-gradient(to bottom,rgba(var(--ink-rgb),.05),rgba(var(--ink-rgb),.05)1px,transparent 1px,transparent 28px)}.mono-list li:before{color:var(--accent-color)}.project-card{background:var(--surface-elevated);box-shadow:0 18px 40px rgba(var(--ink-rgb),.08)}.project-card:before{background:linear-gradient(140deg,rgba(var(--accent-rgb),.16),transparent 60%)}.project-card:hover{border-color:rgba(var(--accent-rgb),.46);box-shadow:0 26px 60px rgba(var(--ink-rgb),.16)}.project-tag{border-color:rgba(var(--accent-rgb),.45);color:var(--accent-color);background:rgba(var(--accent-rgb),.09)}.case-study-section{border-color:rgba(var(--ink-rgb),.3);background:var(--surface-elevated)}.border-box{border:1px solid rgba(var(--accent-rgb),.4);background:linear-gradient(150deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.04));box-shadow:none}.decision-list{gap:.95rem;margin:0;padding:0;list-style:none;display:grid}.decision-item{border-left:2px solid rgba(var(--accent-rgb),.44);margin:0;padding-left:.95rem}.decision-label{color:var(--text-primary)}.challenge-list{gap:.7rem;display:grid}.challenge-item{flex-wrap:wrap;align-items:baseline;gap:.45rem;display:flex}.challenge-flag{color:var(--warning);text-transform:uppercase;letter-spacing:.12em;white-space:nowrap;font-size:.72rem;font-weight:700}.mermaid-frame{border-color:rgba(var(--accent-rgb),.34);background:var(--surface-elevated)}.mermaid-frame__bar{border-bottom:1px solid rgba(var(--ink-rgb),.2);background:rgba(var(--accent-rgb),.12);color:var(--accent-color)}.mermaid-frame__leds span{background:rgba(var(--accent-rgb),.78);box-shadow:0 0 10px rgba(var(--accent-rgb),.34)}.mermaid-container{background:var(--surface-elevated);border-top:1px solid rgba(var(--ink-rgb),.09);justify-content:flex-start;min-height:210px;padding:1rem 1rem 1.15rem}.mermaid-container:after{background:linear-gradient(120deg,transparent,rgba(var(--accent-rgb),.16),transparent);opacity:.06}.mermaid-diagram{width:100%;min-width:760px;margin:0 auto}.mermaid-diagram>svg{width:100%!important;max-width:none!important;height:auto!important}.mermaid-diagram text,.mermaid-diagram .label{font-family:var(--font-body)!important}.mermaid-diagram .edgePath path,.mermaid-diagram .flowchart-link{stroke-width:1.9px!important}.mermaid-diagram .node rect,.mermaid-diagram .node polygon,.mermaid-diagram .node circle,.mermaid-diagram .node path{stroke-width:1.75px!important}.mermaid-diagram .messageLine0,.mermaid-diagram .messageLine1,.mermaid-diagram .actor-line{stroke-width:1.7px!important}button,input,textarea{color:var(--text-primary)}button{background:var(--surface-elevated)}button:hover{border-color:rgba(var(--accent-rgb),.58);box-shadow:0 12px 30px rgba(var(--accent-rgb),.18)}input,textarea{border-color:rgba(var(--ink-rgb),.2);background:rgba(var(--ink-rgb),.02)}input:focus,textarea:focus{border-color:rgba(var(--accent-rgb),.62);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.18);outline:none}.form-status.is-success{color:var(--accent-color);border:1px solid rgba(var(--accent-rgb),.48);background:rgba(var(--accent-rgb),.12)}.slide-send{background:rgba(var(--ink-rgb),.02)}.slide-send__track{background:linear-gradient(140deg,rgba(var(--accent-rgb),.28),rgba(var(--accent-rgb),.16))}.slide-send__trail{background:linear-gradient(90deg,rgba(var(--accent-rgb),.5),transparent)}.slide-send__thumb{background:var(--surface-elevated);border-color:rgba(var(--accent-rgb),.45)}.slide-send__thumb svg.is-active{color:var(--accent-color)}.slide-send__burst{background:radial-gradient(circle,rgba(var(--accent-rgb),.6),transparent 65%)}.slide-send__status{color:var(--accent-color)}.command-overlay{background:rgba(var(--ink-rgb),.22)}.command-modal{background:var(--surface-elevated)}.command-item.is-active{background:rgba(var(--accent-rgb),.14);border-left-color:var(--accent-color)}.kinetic-home{gap:6rem}.kinetic-hero{overflow:visible}.kinetic-grid{align-items:stretch}.kinetic-primary{padding-left:0;position:relative}.section-no{font-family:var(--font-display);color:rgba(var(--accent-rgb),.28);letter-spacing:-.05em;pointer-events:none;-webkit-user-select:none;user-select:none;margin-bottom:.2rem;font-size:clamp(4rem,10vw,6.4rem);line-height:.72;display:block;position:static}.kinetic-secondary{align-content:start}.kinetic-callout{padding-top:1.7rem}.kinetic-callout:nth-child(2n){transform:translate(12px)}.kinetic-section{grid-template-columns:minmax(86px,132px) minmax(0,1.18fr) minmax(0,.82fr);align-items:start;gap:2.7rem;display:grid}.kinetic-section--reverse .kinetic-section-main{order:3}.kinetic-section--reverse .kinetic-panel{order:2}.kinetic-section-no{font-family:var(--font-display);letter-spacing:-.05em;color:rgba(var(--accent-rgb),.24);-webkit-user-select:none;user-select:none;font-size:clamp(4rem,12vw,7rem);line-height:.82}.kinetic-section-main{max-width:62ch}.kinetic-panel{align-self:start}.philosophy-section{border-bottom:1px solid rgba(var(--ink-rgb),.16);padding-bottom:1.2rem}.route-skeleton{gap:2.4rem;padding-bottom:2.4rem;display:grid}.skeleton-block{border:1px solid rgba(var(--ink-rgb),.14);border-radius:calc(var(--radius-lg) + 2px);background:var(--surface-elevated);gap:1.5rem;padding:2rem 2.2rem;display:grid;position:relative;overflow:hidden}.skeleton-block:after{content:"";background:linear-gradient(100deg,transparent 10%,rgba(var(--accent-rgb),.13),transparent 30%);pointer-events:none;animation:2.4s ease-in-out infinite skeleton-wave;position:absolute;inset:0;transform:translate(-120%)}.skeleton-hero{grid-template-columns:minmax(82px,120px) minmax(0,1fr);align-items:start}.skeleton-grid{grid-template-columns:minmax(82px,120px) minmax(0,1fr) minmax(0,1fr);align-items:start}.skeleton-number{font-family:var(--font-display);color:rgba(var(--accent-rgb),.26);font-size:clamp(3.6rem,8vw,5.8rem);line-height:.86}.skeleton-stack{gap:.75rem;display:grid}.skeleton-card{border:1px solid rgba(var(--ink-rgb),.14);border-radius:var(--radius);background:rgba(var(--ink-rgb),.02);gap:.75rem;padding:1.2rem;display:grid}.skeleton-line,.skeleton-chip{background:linear-gradient(90deg,rgba(var(--ink-rgb),.1),rgba(var(--ink-rgb),.18),rgba(var(--ink-rgb),.1));background-size:220% 100%;border-radius:999px;height:11px;animation:1.8s linear infinite skeleton-pulse;display:inline-block}.skeleton-chip{border-radius:12px;height:30px}.skeleton-actions{gap:.7rem;margin-top:.2rem;display:flex}.w-18{width:18%}.w-20{width:20%}.w-24{width:24%}.w-28{width:28%}.w-46{width:46%}.w-48{width:48%}.w-66{width:66%}.w-68{width:68%}.w-70{width:70%}.w-72{width:72%}.w-78{width:78%}.w-80{width:80%}.w-84{width:84%}.w-85{width:85%}.w-88{width:88%}.w-90{width:90%}.w-92{width:92%}.w-95{width:95%}@keyframes skeleton-wave{0%{transform:translate(-120%)}50%{transform:translate(-10%)}to{transform:translate(120%)}}@keyframes skeleton-pulse{0%{background-position:100% 0}to{background-position:-100% 0}}@media (max-width:1200px){.layout-container{padding:3rem 3rem 4.4rem}.kinetic-section{grid-template-columns:minmax(62px,92px) minmax(0,1fr) minmax(0,1fr);gap:2rem}.section-no{font-size:clamp(4rem,13vw,7rem)}.skeleton-grid{grid-template-columns:minmax(60px,90px) minmax(0,1fr) minmax(0,1fr)}}@media (max-width:1024px){.hero-layout,.split{grid-template-columns:1fr}.hero-grid{grid-template-columns:repeat(2,minmax(140px,1fr))}.section-no{margin-bottom:.1rem;font-size:clamp(3.2rem,12vw,5rem)}.kinetic-callout:nth-child(2n){transform:none}.kinetic-section,.kinetic-section--reverse{grid-template-columns:minmax(64px,90px) minmax(0,1fr)}.kinetic-section--reverse .kinetic-section-main,.kinetic-section--reverse .kinetic-panel{order:initial}.kinetic-panel{grid-column:2}.skeleton-grid{grid-template-columns:minmax(56px,82px) minmax(0,1fr)}.skeleton-card{grid-column:2}.mermaid-diagram{min-width:680px}}@media (max-width:820px){.layout-container{padding:1.4rem}.sidebar{background:var(--bg-secondary)}.hero{padding:1.7rem 1.25rem}.hero-title{font-size:clamp(2.4rem,10vw,3.9rem)}.hero-grid{grid-template-columns:1fr}.section-no{margin-bottom:.35rem;font-size:clamp(3rem,23vw,4.8rem)}.kinetic-section,.kinetic-section--reverse{grid-template-columns:1fr;gap:1.6rem}.kinetic-section-no{font-size:clamp(3.2rem,24vw,5.2rem)}.kinetic-panel,.skeleton-card{grid-column:auto}.skeleton-block,.skeleton-hero,.skeleton-grid{grid-template-columns:1fr;padding:1.4rem 1.2rem}.theme-toggle__copy{gap:.35rem}.theme-toggle--mobile{display:inline-flex}.system-detail .case-study-section{padding:1rem}.decision-item{padding-left:.8rem}.mermaid-container{min-height:180px;padding:.75rem .75rem .95rem}.mermaid-diagram{min-width:540px}}@media (max-width:560px){.challenge-item{gap:.35rem}.challenge-flag{letter-spacing:.1em;font-size:.68rem}.mermaid-diagram{min-width:500px}}