@font-face{font-family:Archivo;src:url('../../fonts/archivo-var.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:Charis;src:url('../../fonts/charis-sil-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#0c0d0c;--paper:#f3f0e9;--gold:#d6b779;--muted:#5b5953;--rule:#d6d0c5;--gut:clamp(22px,3.6vw,64px);font-family:Archivo,Arial,sans-serif;background:var(--ink);color:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}html{scroll-padding-top:24px;scrollbar-color:#847252 var(--ink)}::selection{background:var(--gold);color:var(--ink)}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid #ac8027;outline-offset:6px}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3{line-height:1.1;text-wrap:balance}h2,h3{font-family:Charis,Georgia,serif;font-weight:400;letter-spacing:-.035em}em{font-style:normal}svg{display:block}.shell{padding-left:var(--gut);padding-right:var(--gut)}.skip{position:absolute;top:12px;left:-9999px;z-index:5;padding:10px 18px;background:var(--gold);color:var(--ink)}.skip:focus{left:20px}.arrow{width:22px;height:16px;fill:none;stroke:currentColor;stroke-width:1.2;flex:none}
.opening{background-color:#090a09;background-image:linear-gradient(90deg,#090a09 0%,#090a09ee 29%,#090a0960 48%,transparent 64%),url('assets/circuit.webp');background-size:cover;background-position:center,right center}.site-header{position:relative;background:#090a09e8}.header-row{height:102px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:18px;text-decoration:none}.brand svg{width:45px;height:57px;fill:var(--gold)}.brand span{font-family:Charis,Georgia,serif;font-size:15px;line-height:1.4;letter-spacing:.2em;text-transform:uppercase;max-width:180px;padding-left:17px;border-left:1px solid #82775d}nav{display:flex;align-items:center;gap:34px;font-size:13px}nav a{text-decoration:none;padding:10px 0}nav .nav-contact{border:1px solid #a58a52;display:flex;align-items:center;gap:20px;padding:11px 22px;background:#0b0c0bcc}nav .arrow{width:17px}nav a:hover{color:var(--gold)}
.hero{padding-top:48px;padding-bottom:0}.hero-content{max-width:640px;padding-bottom:65px}h1{font-size:clamp(64px,7.4vw,108px);font-weight:650;line-height:.97;letter-spacing:-.04em}.hero-aside{margin-top:30px;max-width:500px}.hero-aside>p:first-child{font-family:Charis,Georgia,serif;font-size:clamp(24px,2.65vw,37px);line-height:1.15;letter-spacing:-.025em}.hero-description{font-size:16px;line-height:1.6;margin-top:24px;max-width:36ch;color:#e3dfd5}.text-link{display:inline-flex;align-items:center;gap:28px;padding:14px 22px;margin-top:30px;background:var(--gold);color:#17130c;text-decoration:none;font-size:14px;font-weight:500}.text-link:hover{background:#ebd4a3}.hero-index{display:flex;align-items:center;gap:0;border-top:1px solid #9b927466;margin-left:calc(-1 * var(--gut));margin-right:calc(-1 * var(--gut));padding:16px var(--gut);background:#080908ba}.hero-index a{font-family:Charis,Georgia,serif;font-size:14px;text-decoration:none;padding:0 42px;border-left:1px solid #78715f}.hero-index a:first-child{padding-left:0;border:0}.hero-index a:hover{color:var(--gold)}
.work{background:var(--paper);color:var(--ink);padding-top:64px;padding-bottom:36px;color-scheme:light}.section-top{display:grid;grid-template-columns:1.4fr 1fr;gap:8%;align-items:center;margin-bottom:48px}.section-top h2{font-size:clamp(38px,4.8vw,68px);line-height:1.04;max-width:none}.section-top>p{font-size:15px;line-height:1.6;max-width:39ch;margin-left:auto;color:#49463f}.services{display:grid;grid-template-columns:1fr 1fr}.service{display:grid;grid-template-columns:1.18fr 1fr;grid-template-rows:auto 1fr;gap:18px 25px;padding:28px 28px 28px 0;border-bottom:1px solid var(--rule);min-width:0;align-items:start}.service:nth-child(even){border-left:1px solid var(--rule);padding-left:28px;padding-right:0}.service:nth-child(-n+2){padding-top:0}.service:nth-child(n+3){border-bottom:0}.service-art{position:relative;grid-row:1 / span 2;align-self:stretch;min-height:310px;overflow:hidden;background:#ded9ce}.service-art img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.service-art figcaption{position:absolute;bottom:10px;left:10px;color:#fff;background:#111b;padding:3px 7px;font:11px/1.5 Archivo,Arial,sans-serif}.service-main h3{font-size:clamp(25px,2.6vw,36px);margin:2px 0 20px}.service-main>p{font-size:14px;line-height:1.6;color:var(--muted);max-width:28ch}.service-side{align-self:end;min-width:0}.price{font-family:Charis,Georgia,serif;font-size:clamp(23px,2.4vw,33px);line-height:1.25;letter-spacing:-.035em;font-variant-numeric:tabular-nums;white-space:nowrap}.price small{font-family:Archivo,Arial,sans-serif;font-size:12px;letter-spacing:0}.price small:last-child{display:block;margin-top:5px;color:var(--muted)}.running{font-size:12px;color:var(--muted);margin-top:8px;line-height:1.45}.scope{margin-top:17px;font-size:12px;color:#555047}.scope summary{display:flex;align-items:center;justify-content:space-between;gap:5px;cursor:pointer;list-style:none;min-height:36px;border-top:1px solid #c6bdac;padding:8px 0;color:#413b30}.scope summary::-webkit-details-marker{display:none}.scope summary:after{content:'+';font:20px/1 Archivo,Arial,sans-serif}.scope[open] summary:after{content:'−'}.scope ul{padding-left:16px;margin:5px 0 0}.scope li+li{margin-top:7px}.basis{border-top:1px solid var(--rule);padding-top:24px;margin-top:4px;font-size:14px;color:#49463f;display:flex;justify-content:space-between;gap:20px}.basis br{display:none}.basis em{color:#6a5d44}
.standards{padding-top:54px;padding-bottom:54px;background:#10110f url('assets/slate.webp') center 35%/cover;background-blend-mode:multiply;border-top:1px solid #39382e;border-bottom:1px solid #39382e}.standard-list{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.standard-list article{padding:0 38px;border-left:1px solid #635d4d}.standard-list article:first-child{padding-left:0;border:0}.standard-list article:last-child{padding-right:0}.standard-list h3{font-size:clamp(24px,2.5vw,34px);margin-bottom:16px}.standard-list p{font-size:13px;line-height:1.65;color:#d3cec2;max-width:40ch}
.contact{position:relative;min-height:410px;padding-top:65px;padding-bottom:70px;background-color:#090a09;background-image:linear-gradient(90deg,#090a09 0%,#090a09d9 32%,#090a0933 65%,transparent),url('assets/slate.webp');background-position:center,right 40%;background-size:cover}.contact>div,.contact>a{position:relative;max-width:75%}.contact h2{font-size:clamp(40px,5.6vw,78px);line-height:1.05}.contact p{font-size:14px;line-height:1.6;color:#d6d0c4;margin-top:22px}.contact>a{display:inline-flex;align-items:center;gap:28px;margin-top:26px;padding-bottom:12px;border-bottom:1px solid var(--gold);font-family:Charis,Georgia,serif;font-size:clamp(18px,2.3vw,31px);text-decoration:none}.contact>a:hover{color:var(--gold)}.contact svg{width:25px;height:15px;flex:none}.contact svg path{fill:none;stroke:currentColor;stroke-width:1.2}footer{padding-top:24px;padding-bottom:24px;display:flex;justify-content:space-between;align-items:center;gap:24px;background:#090a09;font-size:12px;color:#c5bfae;border-top:1px solid #29291f}footer p:first-child{letter-spacing:.09em;text-transform:uppercase}footer a{text-decoration:none}
@media(min-width:1600px){.shell{padding-left:max(var(--gut),calc((100vw - 1480px)/2));padding-right:max(var(--gut),calc((100vw - 1480px)/2))}.hero-index{margin-left:0;margin-right:0;padding-left:0;padding-right:0}.hero-content{padding-bottom:90px}.hero{padding-top:70px}}
@media(max-width:1100px){.service{gap:16px;padding-right:20px;grid-template-columns:1fr 1fr}.service:nth-child(even){padding-left:20px}.service-art{min-height:315px}.service-main>p{font-size:13px}.service-main h3{font-size:28px}.hero-content{max-width:55%}.hero h1{font-size:clamp(64px,8vw,96px)}.hero-description{max-width:30ch}.standard-list article{padding-left:25px;padding-right:25px}.standard-list h3{font-size:27px}}
@media(max-width:800px){.header-row{height:90px}.brand span{font-size:12px;max-width:150px}.brand svg{width:35px}nav{gap:20px}nav a:nth-child(2){display:none}.hero-content{max-width:65%}.hero h1{font-size:72px}.hero-aside>p:first-child{font-size:29px}.opening{background-position:center,58% center}.services{grid-template-columns:1fr}.service,.service:nth-child(even){padding:28px 0;border-left:0;border-bottom:1px solid var(--rule);gap:28px;grid-template-columns:1fr 1fr}.service:first-child{padding-top:0}.service-art{min-height:330px}.service-main h3{font-size:34px}.service-main>p{font-size:15px;max-width:32ch}.price{font-size:32px}.scope{font-size:13px}.service:nth-child(n+3){border-bottom:1px solid var(--rule)}.section-top{grid-template-columns:1fr;gap:20px}.section-top>p{margin:0;max-width:50ch}.section-top h2{font-size:48px;max-width:none}.basis{border:0;display:block}.basis em{display:block;margin-top:5px}.standard-list{grid-template-columns:1fr;gap:25px}.standard-list article,.standard-list article:first-child,.standard-list article:last-child{border:0;padding:0 0 25px;border-bottom:1px solid #635d4d;display:grid;grid-template-columns:1fr 1.3fr;gap:25px}.standard-list article:last-child{border:0;padding-bottom:0}.standard-list h3{margin:0}.contact>div,.contact>a{max-width:90%}.contact h2{max-width:12ch}.hero-index a{padding:0 26px}}
@media(max-width:520px){.header-row{height:88px;gap:10px}.brand{gap:8px}.brand span{font-size:11px;max-width:126px;letter-spacing:.14em;padding-left:10px}.brand svg{width:32px;height:43px}nav{gap:12px;font-size:12px}nav .nav-contact{padding:9px 12px}nav .arrow{display:none}nav a:first-child{display:none}.opening{background-size:auto,auto 100%;background-position:center,57% center;background-image:linear-gradient(90deg,#090a09f2 0%,#090a09df 78%,#090a0980),url('assets/circuit.webp')}.hero{padding-top:35px}.hero-content{max-width:none;padding-bottom:45px}.hero h1{font-size:clamp(54px,13.6vw,72px);max-width:none}.hero-aside{margin-top:25px}.hero-aside>p:first-child{font-size:27px;max-width:20ch}.hero-description{font-size:14px;max-width:29ch}.text-link{font-size:14px;margin-top:25px}.hero-index{display:grid;grid-template-columns:1fr 1fr;gap:13px 0;padding-top:18px;padding-bottom:18px}.hero-index a{font-size:13px;padding:0 20px}.hero-index a:nth-child(3){padding-left:0;border-left:0}.work{padding-top:42px;padding-bottom:28px}.section-top{margin-bottom:30px}.section-top h2{font-size:40px;max-width:14ch}.section-top>p{font-size:14px}.service,.service:nth-child(even){grid-template-columns:1fr;gap:22px;padding:30px 0}.service-art{grid-row:auto;min-height:0;aspect-ratio:1.22}.service-art img{object-position:center}.service-main h3{font-size:34px;margin-bottom:12px}.service-main>p{max-width:44ch}.service-side{display:grid;grid-template-columns:1fr;gap:0}.price{font-size:31px}.scope{margin-top:18px}.scope summary{padding:12px 0}.running{font-size:13px;max-width:none}.standards{padding-top:38px;padding-bottom:38px}.standard-list article,.standard-list article:first-child,.standard-list article:last-child{display:block}.standard-list h3{font-size:28px;margin-bottom:12px}.standard-list p{font-size:14px}.contact{padding-top:45px;padding-bottom:50px;min-height:370px;background-position:center,60% center}.contact h2{font-size:43px}.contact>div,.contact>a{max-width:100%}.contact>a{font-size:clamp(16px,4.5vw,23px);gap:12px}.contact p{font-size:14px;max-width:25ch}.contact svg{width:20px}footer{flex-wrap:wrap;gap:14px;font-size:11px}footer p:nth-child(2){order:3;flex-basis:100%}footer a{margin-left:auto}}

#software .service-art{background:#0b0c0a}
@media(min-width:1101px){.section-top h2{font-size:clamp(48px,4.2vw,64px);white-space:nowrap}}
/* The brand introduction is the page's only motion. */
.header-contact{border:1px solid #a58a52;padding:10px 24px;font-size:13px;text-decoration:none;background:#090a09}
.header-contact:hover{color:var(--gold)}
.scope h4{font-size:12px;font-weight:500;color:#413b30;border-top:1px solid #c6bdac;padding-top:13px;margin-bottom:8px}
.scope ul{margin:0;padding-left:16px}
#intro{display:none;position:fixed;inset:0;z-index:100;pointer-events:none}
.intro-pending #intro{display:block}
.intro-pending .brand svg{visibility:hidden}
.intro-veil{position:absolute;inset:0;background:#090a09}
.intro-mark{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform}
.intro-mark svg{display:block;width:100%;height:100%}
#b-trace{fill:none;stroke:var(--gold);stroke-width:6;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.intro-pending #intro{display:none}.intro-pending .brand svg{visibility:visible}}

/* Service copy stays separate from the illustrated art. */
.service-main>p+p{margin-top:14px}

/* The final sections each have a different reading rhythm. */
.process{background:var(--paper);color:var(--ink);color-scheme:light;border-top:1px solid var(--rule);padding-top:92px;padding-bottom:96px}
.process-heading{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:end;padding-bottom:60px}
.process h2,.ownership h2,.questions h2{font-size:clamp(42px,4.5vw,68px);line-height:1.03}
.process-heading p{max-width:36ch;font-size:20px;line-height:1.5;color:#49463f}
.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;counter-reset:step;padding:0;margin:0;border-top:1px solid #aea79a}
.process-list li{counter-increment:step;min-width:0;padding:28px 25px 0;border-right:1px solid var(--rule)}
.process-list li:first-child{padding-left:0}
.process-list li:last-child{border-right:0;padding-right:0}
.process-list li:before{content:counter(step) '.';display:block;margin-bottom:28px;font:16px/1.2 Charis,Georgia,serif;color:#7e632d}
.process-list h3{font-size:clamp(25px,2.3vw,34px);margin-bottom:12px}
.process-list p{font-size:15px;line-height:1.65;color:var(--muted)}
.ownership{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;background:#e8dfcf;color:var(--ink);color-scheme:light;padding-top:82px;padding-bottom:86px}
.ownership h2{max-width:none}
.ownership p{font:clamp(20px,1.8vw,26px)/1.45 Charis,Georgia,serif;letter-spacing:-.02em;max-width:36ch}
.questions{background:#10110f;border-top:1px solid #39382e;border-bottom:1px solid #39382e;padding-top:90px;padding-bottom:92px}
.questions-heading{margin-bottom:52px}
.question-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(45px,8vw,145px)}
.question-list article{border-top:1px solid #635d4d;padding:26px 0 34px}
.question-list h3{font-size:clamp(25px,2.15vw,32px);margin-bottom:12px}
.question-list p{font-size:15px;line-height:1.65;max-width:56ch;color:#d3cec2}
.question-contact{display:inline-flex;gap:20px;margin-top:26px;padding:8px 0;color:var(--gold);font-size:15px}
.question-contact:hover{color:var(--paper)}
@media(max-width:1000px){.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}.process-list li{padding:28px 25px 30px;border-bottom:1px solid var(--rule)}.process-list li:nth-child(odd){padding-left:0}.process-list li:nth-child(even){border-right:0}.process-list li:nth-last-child(-n+2){border-bottom:0}.process-list li:before{margin-bottom:20px}}
@media(max-width:800px){.process,.questions{padding-top:65px;padding-bottom:70px}.process-heading{gap:35px;padding-bottom:42px}.process-heading p{font-size:17px}.ownership{padding-top:65px;padding-bottom:68px}.question-list{column-gap:35px}.questions-heading{margin-bottom:38px}}
@media(max-width:600px){.process-heading,.ownership,.question-list{grid-template-columns:1fr}.process-heading{gap:22px}.process h2,.ownership h2,.questions h2{font-size:clamp(38px,10vw,50px)}.process-list{grid-template-columns:1fr}.process-list li,.process-list li:nth-child(odd),.process-list li:last-child{border-right:0;border-bottom:1px solid var(--rule);padding:22px 0}.process-list li:last-child{border-bottom:0;padding-bottom:0}.process-list li:before{margin-bottom:12px}.process-list h3{font-size:29px}.ownership{gap:23px}.ownership p{font-size:22px;max-width:38ch}.questions-heading{margin-bottom:25px}.question-list article{padding:22px 0 26px}.question-list h3{font-size:28px}.question-contact{margin-top:18px}}

/* Artwork keeps its own proportions as service descriptions grow. */
.service-art{align-self:start;min-height:0;aspect-ratio:1}
.service-art img{object-fit:contain}