/* Warm architectural palette, shared by public pages and workspaces. */
:root{color-scheme:dark;--paper:#0c0c0b;--ink:#edeae2;--green:#edbd68;--line:#303029;--muted:#a7a69d;--sand:#edbd68;--gold:#edbd68;--surface:#151513}
html{scroll-behavior:smooth;scroll-padding-top:100px}body{font-weight:350;background:var(--paper);color:var(--ink)}a:hover{color:var(--gold)}::selection{background:#edbd68;color:#17140f}h1,h2,h3{font-weight:400}h1{letter-spacing:-1.8px}h2{letter-spacing:-1.3px}a,button,input,textarea,select{transition:color .2s,background-color .2s,border-color .2s,box-shadow .2s}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.top{position:sticky;top:0;z-index:30;max-width:none;padding:22px max(32px,calc((100vw - 1284px)/2));background:rgba(12,12,11,.94);backdrop-filter:blur(16px);border-color:#ffffff12}.brand{font-size:34px;font-weight:500;gap:10px}.brand-dot{color:var(--gold)}.brand>span:last-child{font-size:17px;font-weight:450;letter-spacing:1px}.brand small{font-size:9px;color:var(--muted)}.top nav{gap:28px}.top nav a{position:relative}.top nav a:after{content:'';position:absolute;bottom:-7px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}.top nav a:hover:after{width:100%}.menu-toggle{display:none}main{padding-bottom:35px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2.5px;font-weight:450}.button{background:var(--gold);border-color:var(--gold);color:#18150f;border-radius:0;font-size:12px;letter-spacing:1px;min-height:47px;font-weight:550}.button:hover{background:#ffda91;border-color:#ffda91;color:#18150f;box-shadow:0 5px 24px #edbd6815}.button span{display:inline-block;transition:transform .3s}.button:hover span{transform:translate(3px,-3px)}.button.secondary{color:var(--ink);border-color:#555247;background:transparent}.button.secondary:hover{border-color:var(--gold);color:var(--gold)}.quiet-link{font-size:12px;letter-spacing:1.2px;border-bottom:1px solid #67604f;padding:10px 0;display:inline-block}.panel,.form-card,.metrics>a,.calendar{background:var(--surface);border-color:var(--line);border-radius:2px}.metrics>a:hover{border-color:#8e764c;background:#1c1b16}.metrics .danger{background:#251b18}.metrics .danger strong,.red,.errorlist{color:#f29b87}.metrics strong{font-weight:400}.ticket-row{border-color:var(--line)}.tags span{background:#242217;color:#e7c791;border-radius:3px}.notice{background:#282315;border-color:#756139;color:#f2dab0}.message.internal{background:#242117;border-radius:0}.calendar-block{background:#262319;color:#eee7d8;border-color:var(--gold);border-radius:0}input,textarea,select{background:#10100f;color:var(--ink);border-color:#4b4941;border-radius:2px}input:focus,textarea:focus,select:focus{border-color:var(--gold)}input[type=checkbox]{accent-color:var(--gold)}input[type=file]::file-selector-button{background:#302d23;color:var(--ink);border:0;padding:7px;margin-right:10px}label{font-weight:400}th{color:#b8b3a7}.work-nav{gap:24px;padding-top:24px}.work-nav a[aria-current=page]{color:var(--gold);border-color:var(--gold);font-weight:500}.work-nav a{position:relative}.panel a:not(.button):not(.ticket-row){color:#e7c791}.form-card{max-width:680px}.form-card h1{line-height:1.25}.prose pre,.prose code{background:#22211b}.prose pre{padding:20px;overflow:auto}.prose table{display:block;overflow:auto}details{margin:20px 0}details>summary{list-style:none}details>summary::-webkit-details-marker{display:none}details[open]>summary{margin-bottom:20px}footer{padding-top:35px;padding-bottom:35px;letter-spacing:.5px}.text-button:hover{color:var(--gold)}.panel,.metrics>a{transition:border-color .25s,background-color .25s}.page-heading{padding-top:52px;margin-bottom:36px}
/* Public homepage */
.landing main{max-width:none;padding:0}.landing .top{background:rgba(12,12,11,.8)}.landing main>section:not(.studio-hero){max-width:1284px;margin-left:auto;margin-right:auto}.studio-hero{min-height:calc(100svh - 83px);max-height:none;position:relative;display:grid;grid-template-columns:1.6fr 1fr;align-content:end;gap:30px;padding:300px max(32px,calc((100vw - 1284px)/2)) 0;overflow:hidden;isolation:isolate}.system-art{position:absolute;inset:-70px -20px 40px 27%;z-index:-1;opacity:.75;pointer-events:none;transition:opacity .25s;mask-image:linear-gradient(to bottom,#000 70%,transparent)}.system-art svg{width:100%;height:100%;max-height:850px;filter:drop-shadow(0 0 16px #d69b3e28)}.art-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 55% 45%,#d3a44b15,transparent 65%)}.art-caption{position:absolute;right:16%;bottom:12%;font:9px monospace;letter-spacing:3px;color:#a08961}.orbits{transform-origin:400px 330px;animation:orbit 80s linear infinite}.nodes{animation:glimmer 5s ease-in-out infinite}.circuit{stroke-dasharray:1100;animation:circuit 6s ease-out both}.hero-copy{position:relative;z-index:1}.hero-copy .eyebrow{max-width:450px;line-height:1.9}.hero-copy h1{font-size:clamp(52px,6.5vw,90px);line-height:1.05;letter-spacing:-4px;margin:26px 0 45px;font-weight:300}.hero-copy em,.final-cta em{font-style:normal;color:var(--gold)}.hero-copy h1,.hero-copy .eyebrow,.hero-intro{animation:arrive 1.1s cubic-bezier(.2,.7,.2,1) both}.hero-intro{align-self:end;padding-bottom:52px;max-width:375px;justify-self:end;animation-delay:.15s}.hero-intro p{color:#bbb8ad;font-size:16px;line-height:1.9}.hero-intro .actions{gap:22px;margin-top:30px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:25px 0;gap:20px}.scroll-cue{font-size:9px;letter-spacing:2px;color:var(--muted)}.scroll-cue span{margin-left:20px;display:inline-block;animation:float 3s ease-in-out infinite}.light-control{display:flex;align-items:center;gap:20px}.light-control label{font:9px monospace;letter-spacing:2px;margin:0;color:var(--muted)}.light-control input{width:130px;height:20px;padding:0;accent-color:var(--gold);cursor:pointer}.light-control output{font:11px monospace;color:var(--gold);width:32px}.intro-section{display:grid;grid-template-columns:1fr 2fr;gap:50px;padding:125px 0;border-bottom:1px solid var(--line)}.landing h2{font-size:clamp(34px,4vw,54px);line-height:1.15;font-weight:300;letter-spacing:-1.8px}.subtle{color:#96968d}.intro-section>div>p{max-width:600px;color:var(--muted);line-height:1.9;font-size:17px;margin:30px 0}.principles{display:flex;gap:26px;flex-wrap:wrap;margin-top:35px;font-size:12px}.principles span:before{content:'+';color:var(--gold);margin-right:12px}.expertise-section{padding:95px 0 40px}.expertise-section .section-heading{border:0;padding:0}.services{gap:24px;margin-top:48px}.service-card{display:block;min-width:0}.service-art{height:280px;background:radial-gradient(ellipse at 50% 70%,#40321c55,transparent 70%),#10100e;border:1px solid #26251f;display:flex;align-items:center;justify-content:center;gap:20px;color:var(--gold);overflow:hidden;transition:background-color .5s,border-color .5s}.service-card:hover .service-art{background-color:#1b1811;border-color:#816c45}.service-art>span,.service-art>i{transition:transform .6s}.service-card:hover .service-art>span{transform:scale(1.12)}.art-code span{font:100px Georgia,serif;font-weight:100;color:#a78a50}.art-code i{font-size:40px;font-style:normal;font-weight:200}.art-support{position:relative}.art-support div{position:absolute;width:145px;height:145px;border:1px solid #ab885455;border-radius:50%;box-shadow:0 0 0 24px #ab885408,0 0 0 48px #ab885404}.art-support span{font-size:100px;font-weight:200}.art-links span{border:1px solid #8d723e;padding:12px;font:28px monospace}.art-links i{height:1px;width:65px;background:var(--gold);box-shadow:0 0 18px #eab867}.service-caption{display:flex;justify-content:space-between;margin-top:24px;color:var(--gold)}.service-card h3{font-size:24px;font-weight:350;margin:15px 0 12px}.service-card p{color:var(--muted);font-size:14px;max-width:350px}.process-section{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:100px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.process-section>div>p.muted{max-width:430px;margin:30px 0}.process-list{padding:0;list-style:none;margin:0}.process-list li{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.process-list li:first-child{padding-top:0}.process-list li>span{font:12px monospace;color:var(--gold);padding-top:5px}.process-list h3{margin-bottom:10px}.process-list p{color:var(--muted);font-size:14px;margin-bottom:0}.knowledge-teaser{padding:100px 0}.final-cta{padding:90px 0 110px;border-top:1px solid var(--line);position:relative}.final-cta h2{font-size:clamp(38px,5.2vw,72px);margin:25px 0 35px}.reveal{opacity:1;transform:none}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal.is-visible{opacity:1;transform:none}@keyframes arrive{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes glimmer{50%{opacity:.45}}@keyframes float{50%{transform:translateY(5px)}}@keyframes circuit{from{stroke-dashoffset:1100}to{stroke-dashoffset:0}}
@media(min-width:701px){.landing main>section:not(.studio-hero){width:calc(100% - 96px)}}
@media(max-width:1000px){.studio-hero{padding-top:250px;grid-template-columns:1.5fr 1fr}.hero-copy h1{font-size:62px;letter-spacing:-2.8px}.hero-intro{padding-bottom:45px}.system-art{left:15%}.process-section{gap:45px}.service-art{height:220px}.art-links{gap:10px}.art-links i{width:35px}}
@media(max-width:700px){.top{padding:18px 20px;flex-wrap:wrap;gap:18px}.brand{font-size:30px}.brand>span:last-child{font-size:15px}.menu-toggle{display:flex;gap:12px;align-items:center;background:none;border:1px solid var(--line);color:var(--ink);padding:7px 12px;font-size:12px;cursor:pointer}.top nav{display:flex;flex-basis:100%;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:16px}.top nav>a:first-child{display:block}.js-menu .top nav{display:none}.js-menu .top nav.is-open{display:flex}.studio-hero{min-height:0;padding:240px 20px 0;display:block}.system-art{inset:-70px -80px auto -60px;height:550px;mask-image:linear-gradient(#000 60%,transparent)}.art-caption{display:none}.hero-copy h1{font-size:clamp(44px,10.6vw,66px);letter-spacing:-2.4px;margin-bottom:24px}.hero-copy .eyebrow{font-size:9px;max-width:270px}.hero-intro{max-width:100%;padding-bottom:32px}.hero-intro p{font-size:15px;max-width:430px}.hero-bottom{flex-direction:column;align-items:flex-start;padding:20px 0;gap:22px}.light-control{width:100%;gap:12px;justify-content:space-between}.light-control label{letter-spacing:1px}.light-control input{flex:1;max-width:170px}.landing main>section:not(.studio-hero){margin-left:20px;margin-right:20px}.intro-section{grid-template-columns:1fr;gap:15px;padding:65px 0}.landing h2{font-size:36px}.intro-section>div>p{font-size:15px}.principles{gap:14px;font-size:11px}.expertise-section{padding:65px 0 0}.services{gap:35px}.service-art{height:240px}.process-section{grid-template-columns:1fr;padding:65px 0;gap:45px}.knowledge-teaser{padding:65px 0}.final-cta{padding:65px 0 80px}.final-cta h2{font-size:39px}.work-nav{flex-wrap:nowrap;overflow:auto;white-space:nowrap;padding-bottom:16px;gap:22px}.page-heading h1{overflow-wrap:anywhere}.panel{min-width:0}dl{grid-template-columns:1fr 1fr;gap:10px}dd{overflow-wrap:anywhere}.actions .button{min-width:0}.search{flex-wrap:wrap}.record-search input,.record-search select{min-width:0;width:100%;flex-basis:100%}.two-col{gap:18px}.tags{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal{opacity:1;transform:none}}

.system-art{mask-image:linear-gradient(to bottom,#000 40%,#0009 62%,transparent 88%)}.hero-intro{position:relative;z-index:1}.hero-intro p{text-shadow:0 1px 12px #0c0c0b,0 1px 4px #0c0c0b}.art-caption{display:none}@media(max-width:700px){.system-art{mask-image:linear-gradient(#000 40%,transparent 82%)}}

.work-nav>a:first-child{display:block}.work-nav{scrollbar-width:thin;scrollbar-color:#5a513e transparent}.motion-paused .orbits,.motion-paused .nodes,.motion-paused .scroll-cue span{animation-play-state:paused}.motion-toggle{font-size:10px;letter-spacing:.4px}.hero-bottom{flex-wrap:wrap}