@font-face{font-family:Raleway;src:url('assets/raleway.woff2') format('woff2');font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#0d1119;color:#f1f1ed;font-family:Arial,sans-serif;line-height:1.65}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #e5c784;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:24px 48px;position:relative;z-index:3;gap:28px;background:linear-gradient(#0d1119e0,#0d111950)}.wordmark{font-size:12px;letter-spacing:.18em;line-height:1.5}.wordmark strong{display:block;font-size:19px;letter-spacing:.1em}.wordmark span{color:#e2c485}nav{display:flex;gap:34px;font-size:13px;color:#bdc1c9}nav a:hover,.quiet:hover{color:#e7c988}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dec389b0;padding:13px 25px;border-radius:7px;background:linear-gradient(155deg,#f0dba6,#c9a765 70%,#a98747);box-shadow:inset 0 1px 0 #fff8,0 7px 28px #0003;color:#16181d;font-size:13px;font-weight:700;transition:transform .2s,filter .2s}.button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button.small{padding:9px 18px;font-size:12px}.quiet{font-size:13px;border-bottom:1px solid #656260;padding:8px 0;color:#dddcd6}.eyebrow{color:#d8bd85;letter-spacing:.17em;font-size:10px;font-weight:bold;margin:0 0 23px}.hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px;min-height:660px;padding-top:65px;padding-bottom:115px;position:relative}.hero:before{content:'';position:absolute;z-index:-1;left:-20vw;top:-100px;width:110vw;height:900px;background:radial-gradient(ellipse at 70% 36%,#85613620,transparent 55%),radial-gradient(ellipse at 10% 30%,#1e405032,transparent 58%);pointer-events:none}h1,h2,h3{font-family:Raleway,Arial,sans-serif;line-height:1.12;font-weight:500;margin:0}h1{font-size:clamp(40px,4.3vw,68px);letter-spacing:-.055em}em{font-style:normal;color:#dfc38a}h2{font-size:clamp(30px,3.4vw,47px);letter-spacing:-.045em}h3{font-size:23px;letter-spacing:-.025em}.lead{font-size:16px;line-height:1.8;color:#c0c4cd;max-width:510px;margin:25px 0}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.byline{margin-top:27px;font-size:11px;color:#858d9d}.hero-art{position:relative;padding:0 0 100px;transform:perspective(1400px) rotateY(-7deg) rotateX(3deg)}.browser{overflow:hidden;border:1px solid #aeb7c12b;background:#141c28;border-radius:9px;box-shadow:0 30px 80px #0006}.chrome{height:29px;display:flex;align-items:center;gap:4px;padding:0 10px;background:#20242b;color:#b7b9bd}.chrome i{width:5px;height:5px;background:#777b81;border-radius:50%}.chrome span{font-size:7px;margin:auto}.browser img{display:block;width:100%;aspect-ratio:1.44;object-fit:cover;object-position:top}.floating{position:absolute;width:62%;right:-10px;bottom:0;transform:rotate(3deg)}.art-caption{position:absolute;bottom:-32px;left:0;font-size:9px;letter-spacing:.07em;color:#959ba5}.work-section{padding-top:50px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:55px;margin-bottom:46px}.section-heading>p{width:360px;max-width:100%;font-size:13px;color:#a7aeba;margin:0}.featured{display:grid;grid-template-columns:1.18fr 1fr;background:linear-gradient(120deg,#1c2531bb,#1a202a80);border:1px solid #ffffff12;border-radius:14px;overflow:hidden;margin-bottom:48px}.image-button{display:block;padding:0;border:0;background:transparent;width:100%;text-align:left;position:relative;overflow:hidden}.featured-image{background:#202937;min-height:470px;padding:54px 25px 0}.featured-image img{width:100%;display:block;align-self:end;box-shadow:0 0 40px #0005;border-radius:7px 7px 0 0}.image-caption{position:absolute;top:21px;left:26px;font-size:9px;letter-spacing:.16em;color:#d1bd93}.featured-copy{padding:46px 38px}.status{display:inline-block;color:#d4bb88;font-size:9px;font-weight:bold;letter-spacing:.13em}.featured-copy h3{font-size:34px;margin:19px 0}.featured-copy>p{font-size:14px;color:#b8bec8}.featured-copy dl{font-size:12px;margin:25px 0}.featured-copy dt{color:#efeee8;font-weight:bold;margin-top:16px}.featured-copy dd{margin:6px 0;color:#a2aab9}.filter-bar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 26px}.filter{border:1px solid #ffffff20;border-radius:25px;padding:8px 17px;color:#aeb6c4;background:#ffffff03;font-size:11px}.filter.active{background:#d9bf8b15;border-color:#d9bf8b88;color:#e2c995}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:37px 30px}.project{min-width:0}.project[hidden]{display:none}.project .image-button{border-radius:9px;border:1px solid #ffffff1c;background:#20242b}.project img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top;transition:transform .4s}.project .image-button:hover img{transform:scale(1.025)}.project-info{padding:19px 2px 0}.project h3{margin:9px 0 12px}.project p{font-size:13px;color:#9fa8b8;margin:0 0 16px;max-width:500px}.detail-button{border:0;border-bottom:1px solid #8f815f66;color:#e1cc9e;background:none;padding:0 0 5px;font-size:12px}.project-note{font-size:11px;color:#8c95a4;margin:34px 0 0;max-width:800px}.approach{padding:90px 0 100px;background:linear-gradient(#0d1119,#17202b 48%,#111923);position:relative}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;margin-top:58px}.steps article{border-top:1px solid #ffffff20;padding-top:23px}.steps span{font-size:11px;color:#d7bd87}.steps h3{font-size:20px;margin:24px 0 15px}.steps p{color:#a7afbd;font-size:13px}.systems{padding-top:100px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.systems>div>p:not(.eyebrow){font-size:14px;color:#a8b0be}.system-list article{padding:24px 0;border-bottom:1px solid #ffffff15}.system-list article:first-child{padding-top:0}.system-list h3{font-size:21px;margin-bottom:10px}.system-list p{color:#9fa9b8;font-size:13px;margin-bottom:0}.tools{padding-bottom:65px}.tool-groups{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:35px;padding-top:17px;border-top:1px solid #ffffff18}.tool-groups h3{font-size:17px}.tool-groups p{font-size:12px;color:#aab2bf;line-height:1.9}.archive-index{padding-bottom:70px}.archive-index details{border:1px solid #ffffff17;padding:20px 24px;border-radius:8px}.archive-index summary{font-size:13px;color:#cfc4ab;cursor:pointer}.archive-index p{color:#9da7b6;font-size:12px;max-width:900px}.contact{padding:80px 0 65px;background:radial-gradient(ellipse at 65% 90%,#8d653128,transparent 65%),linear-gradient(#0d1119,#171b23)}.contact p:not(.eyebrow){font-size:14px;color:#adb5c1;max-width:590px;margin:25px 0}.contact .contact-details{font-size:12px!important;line-height:2}.contact a:hover{color:#e3c78e}footer{display:flex;justify-content:space-between;gap:20px;padding-top:28px;padding-bottom:28px;border-top:1px solid #ffffff10;font-size:10px;color:#818c9d}dialog{width:min(1000px,calc(100% - 30px));max-height:90vh;background:#151d29;color:#eef0f0;border:1px solid #b3bdcc44;padding:0;border-radius:12px;box-shadow:0 30px 150px #0008}dialog::backdrop{background:#070b13dc;backdrop-filter:blur(8px)}.close{position:sticky;top:15px;float:right;margin:15px 15px -48px 0;z-index:2;background:#101720ed;color:#eee;border:1px solid #ffffff50;border-radius:5px;padding:7px 16px;font-size:12px}.dialog-image{width:100%;max-height:480px;object-fit:cover;object-position:top;display:block}.dialog-copy{padding:35px 44px}.dialog-copy h2{margin:13px 0 24px}.dialog-copy p{font-size:14px;color:#b2bbc8}.dialog-copy h3{font-size:17px;margin:25px 0 10px}.dialog-copy ul{font-size:13px;color:#b6becc;padding-left:20px}.dialog-copy li{padding-bottom:7px}.dialog-copy .small-note{font-size:11px;color:#929dab;margin-top:25px}.skip{position:absolute;top:-100px;left:20px;background:#e0c58c;color:#111;padding:10px;z-index:20}.skip:focus{top:10px}
@media(min-width:1500px){.hero-art{margin-left:20px}}@media(max-width:1050px){.wrap{width:calc(100% - 56px)}header{padding:20px 28px}.hero{gap:30px;min-height:610px}.hero-art{transform:none}.featured{grid-template-columns:1fr 1fr}.featured-copy{padding:33px 25px}.featured-image{min-height:400px}.systems{gap:55px}.hero h1{font-size:47px}.intro .lead{font-size:14px}.chrome span{font-size:6px}}
@media(max-width:760px){header{padding:20px 22px;gap:14px}nav{display:none}.wrap{width:calc(100% - 44px)}.wordmark{font-size:9px}.wordmark strong{font-size:16px}.button.small{padding:8px 12px}.hero{display:block;padding-top:42px;padding-bottom:70px;min-height:0}.hero h1{font-size:clamp(40px,9vw,57px)}.hero-art{margin-top:55px;margin-right:8px;padding-bottom:75px}.hero-art .floating{right:-8px;width:58%}.eyebrow{font-size:9px;letter-spacing:.12em}.hero .eyebrow{max-width:320px}.intro .lead{font-size:15px;max-width:530px}.art-caption{font-size:8px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{width:auto;margin-top:23px}.work-section{padding-top:25px;padding-bottom:55px}.featured{display:block}.featured-image{min-height:0;padding:48px 18px 0;max-height:350px}.featured-copy{padding:29px 23px 34px}.featured-copy h3{font-size:29px}.featured-copy .actions{gap:17px}.project-grid{grid-template-columns:1fr;gap:35px}.filter-bar{gap:7px}.filter{font-size:10px;padding:8px 12px}.project h3{font-size:25px}.steps{grid-template-columns:1fr;gap:22px;margin-top:35px}.steps h3{margin-top:15px}.approach{padding:65px 0}.systems{grid-template-columns:1fr;gap:32px;padding-top:65px;padding-bottom:50px}.tools{padding-bottom:40px}.tool-groups{grid-template-columns:1fr;gap:20px}.tool-groups p{margin-bottom:0}.archive-index{padding-bottom:45px}.contact{padding-top:60px}.contact h2{font-size:35px}.contact .actions{gap:21px}footer{flex-wrap:wrap;font-size:9px}.dialog-copy{padding:28px 23px}.dialog-image{max-height:310px}.project-note{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}