@font-face{font-family:Barlow;src:url(assets/barlow-700.ttf) format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:DM;src:url(assets/dm-400.ttf) format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DM;src:url(assets/dm-600.ttf) format('truetype');font-weight:600 800;font-display:swap}
:root{--ink:#22251f;--muted:#676b60;--paper:#f1f0e8;--accent:#d6ef45;--line:#c9cbbf;--display:Barlow,'Arial Narrow',Impact,sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:DM,Arial,sans-serif;font-size:15px;line-height:1.65}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;border:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #617600;outline-offset:5px}.systems :focus-visible{outline-color:var(--accent)}img{max-width:100%;display:block}h1,h2,h3,h4,p{margin:0}em{font-style:normal}button{touch-action:manipulation}::selection{background:var(--accent);color:var(--ink)}.wrap{max-width:1440px;margin:auto;padding-left:64px;padding-right:64px}.eyebrow{font-family:var(--mono);font-size:11px;line-height:1.5;letter-spacing:.5px;font-weight:400}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;padding:12px 20px;background:var(--accent)}.skip-link:focus{top:15px}.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;background:var(--accent);z-index:50;width:100%;transform:scaleX(0);transform-origin:left;animation:reading linear;animation-timeline:scroll()}@keyframes reading{to{transform:scaleX(1)}}
.nav{height:98px;margin:0;padding:0 64px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line);background:rgba(241,240,232,.97);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:18px;font-family:var(--mono);font-size:11px;font-weight:700;line-height:1.5;letter-spacing:.5px}.brand small{display:block;font-size:8px;font-weight:400;letter-spacing:1px}.monogram{font-family:var(--display);font-size:42px;letter-spacing:-2px;line-height:1;display:inline-flex;align-items:flex-start;gap:4px}.monogram span{font-family:Arial,sans-serif;font-size:26px;color:var(--ink);background:var(--accent);padding:0 4px;line-height:1.1;letter-spacing:-1px}.nav nav{display:flex;gap:32px;font-size:12px}.nav nav a{padding:8px 0}.nav nav a>span{font-family:var(--mono);font-size:10px;color:var(--muted);margin-right:8px}.nav nav a:hover{box-shadow:0 2px 0 var(--ink)}.nav-contact{font-size:12px;border:1px solid var(--ink);padding:10px 14px;display:flex;gap:30px;align-items:center}.nav-contact>span{font-size:20px;line-height:1}.nav-contact:hover{background:var(--accent)}
.hero{display:grid;grid-template-columns:1.12fr 1fr;column-gap:60px;position:relative;padding-top:32px;padding-bottom:0}.hero-top{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-bottom:35px}.hero-top .eyebrow:before{content:'';display:inline-block;width:7px;height:7px;background:var(--ink);margin-right:10px}.edition{font-family:var(--mono);font-size:10px;color:var(--muted)}h1{font-family:var(--display);font-size:clamp(82px,8.25vw,119px);font-weight:700;letter-spacing:-1.9px;line-height:.86;margin:0 0 24px;text-transform:uppercase}.headline-bottom{display:inline-block;margin-top:15px}h1 em{display:inline-block;background:var(--accent);padding:0 9px 8px 3px;margin-top:4px}.lead{max-width:385px;font-size:14px;line-height:1.8;margin-top:24px}.hero-actions{display:flex;align-items:center;gap:25px;margin:25px 0 0}.button{display:inline-flex;gap:40px;align-items:center;padding:14px 17px;font-size:12px;line-height:1.5}.button>span{font-size:22px;line-height:1}.dark{background:var(--ink);color:var(--paper)}.dark:hover{background:#3f4930}.text-link{font-size:12px;border-bottom:1px solid var(--line);padding-bottom:4px}.text-link span{margin-left:12px}.text-link:hover{border-color:var(--ink)}.hero-visual{position:relative;align-self:start;margin-top:1px;margin-bottom:32px;padding:35px 0 0 26px}.hero-visual:before{content:'+';position:absolute;left:-6px;top:4px;font-family:var(--mono);font-size:24px}.portrait-frame{border:1px solid var(--ink);transform:rotate(2deg);background:var(--ink)}.image-label{font-family:var(--mono);display:flex;justify-content:space-between;gap:15px;font-size:10px;padding:10px 12px;background:var(--accent);color:var(--ink)}.portrait{width:100%;height:420px;object-fit:cover;object-position:65% 40%;filter:grayscale(100%)}.photo-caption{color:var(--paper);font-family:var(--mono);display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.4;letter-spacing:.2px;padding:12px}.hero-stamp{position:absolute;z-index:2;right:-20px;top:0;width:108px;height:108px;border-radius:50%;background:var(--accent);color:var(--ink);font-family:var(--mono);font-size:11px;line-height:1.2;display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(13deg);border:1px solid var(--ink)}.hero-stamp span{font-family:Arial,sans-serif;font-size:29px;line-height:1;margin-top:2px}.mini-photo{position:relative;margin:-63px 0 0 -45px;width:57%;border:6px solid var(--paper);transform:rotate(-5deg);box-shadow:0 1px 0 var(--ink);background:var(--ink)}.mini-photo img{width:100%;height:145px;object-fit:cover;filter:saturate(.65)}.mini-photo span{display:block;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:8px;padding:9px 8px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:40px;padding:21px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.location{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:10px;color:var(--ink)}.location>span{width:6px;height:6px;background:#687a28;border-radius:50%}.hero-bottom>a{font-family:var(--mono);font-size:10px;color:var(--ink)}.hero-bottom>a>span{font-family:Arial,sans-serif;font-size:19px;margin-left:18px}
.cred-strip{background:var(--ink);color:var(--paper)}.strip-inner{display:flex;justify-content:space-between;align-items:center;gap:18px;padding-top:23px;padding-bottom:23px}.strip-index{font-family:var(--mono);font-size:9px;color:var(--accent);max-width:95px;line-height:1.4}.strip-inner p{font-family:var(--display);font-size:25px;text-transform:uppercase;line-height:1}.strip-inner b{font-weight:400;color:var(--accent)}.section{padding-top:100px;padding-bottom:100px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}h2{font-family:var(--display);font-size:clamp(52px,5.5vw,76px);line-height:.98;letter-spacing:-.8px;font-weight:700}h2 em{color:var(--muted)}.section-head h2{margin-top:24px}.section-description{max-width:300px;font-size:13px;line-height:1.9;color:var(--muted)}.filters{display:flex;gap:12px;flex-wrap:wrap;padding:0 0 20px;margin:40px 0 0;border-bottom:1px solid var(--ink)}.filter{border:1px solid var(--line);background:transparent;padding:8px 14px;font-size:11px;border-radius:0;color:var(--muted);min-height:40px}.filter.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filter:hover{border-color:var(--ink)}.filter sup{font-size:9px;margin-left:8px;color:var(--accent)}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 38px;counter-reset:project}.project{position:relative;background:transparent;display:grid;grid-template-columns:42px 1fr;text-align:left;align-content:start;gap:20px 0;padding:28px 0 32px;border-bottom:1px solid var(--ink);min-width:0}.project[hidden]{display:none}.project-index{font-family:var(--display);font-size:26px;line-height:1;color:var(--muted);grid-column:1;grid-row:1;z-index:1}.project-image{position:relative;overflow:hidden;width:100%;height:260px;grid-column:2;grid-row:1;background:#e0e1d7}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s;filter:saturate(.65)}.project-image.drawing{background:#e1e3d8;padding:25px;background-image:linear-gradient(#c8cabb50 1px,transparent 1px),linear-gradient(90deg,#c8cabb50 1px,transparent 1px);background-size:22px 22px}.project-image.drawing img{object-fit:contain;background:white;filter:grayscale(1);mix-blend-mode:multiply}.project:hover .project-image img{transform:scale(1.035)}.image-tag{position:absolute;top:12px;left:12px;font-family:var(--mono);font-size:9px;line-height:1.3;padding:7px 9px;background:var(--paper);color:var(--ink)}.project-arrow{position:absolute;bottom:0;right:0;width:45px;height:45px;display:grid;place-items:center;background:var(--accent);font-family:Arial,sans-serif;font-size:28px;transition:background .2s}.project:hover .project-arrow{background:white}.project-info{grid-column:2;min-width:0}.project-meta{font-family:var(--mono);font-size:10px;color:var(--muted);line-height:1.7}.project h3{font-family:var(--display);font-weight:700;line-height:1.05;font-size:34px;letter-spacing:-.2px;margin:9px 0 13px}.project-info>p:not(.project-meta){font-size:13px;color:var(--muted);line-height:1.8;max-width:430px}.project-stat{display:flex;align-items:center;gap:18px;margin-top:20px;border-top:1px solid var(--line);padding-top:14px}.project-stat strong{font-family:var(--display);font-size:38px;font-weight:700;line-height:1.1;white-space:nowrap}.project-stat>span{font-size:11px;line-height:1.4;max-width:120px}.inline-detail{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid var(--line);margin-top:20px;padding-top:14px;font-family:var(--mono);font-size:11px}.inline-detail>span{font-size:10px}.project-featured{grid-column:1/-1;grid-template-columns:42px 1.5fr 1fr;align-items:center;gap:0 25px;padding:30px 0}.project-featured .project-index{align-self:start}.project-featured .project-image{height:350px}.project-featured .project-info{grid-column:3;grid-row:1;padding-left:8px}.project-featured h3{font-size:46px;margin:18px 0}.project-featured .project-stat{display:block}.project-featured .project-stat strong{font-size:50px;display:block;margin-bottom:5px}.project-featured .project-stat>span{max-width:none;font-family:var(--mono);font-size:10px}.source-note{font-size:11px;color:var(--muted);line-height:1.8;max-width:750px;margin-top:27px}
.systems{background:#222820;color:var(--paper);position:relative;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:45px 45px}.systems .eyebrow{color:var(--accent)}.systems h2 em{color:var(--accent)}.systems .section-description{color:#bfc5b8}.system-tabs{display:flex;gap:0;margin:45px 0 38px;border-bottom:1px solid #6a7164}.system-tab{background:transparent;color:#a4ae9a;display:flex;gap:18px;align-items:center;flex:1;text-align:left;padding:18px 20px;font-family:var(--mono);font-size:11px;min-width:0}.system-tab>span{flex:1;font-family:var(--display);font-size:32px;line-height:1.1}.system-tab.active{background:var(--accent);color:var(--ink)}.system-panel{display:grid;grid-template-columns:1fr 1fr;gap:70px}.system-panel[hidden]{display:none}.status-pill{display:inline-block;font-family:var(--mono);font-size:9px;letter-spacing:.5px;border-bottom:1px solid #6a7164;padding-bottom:8px;color:#c7d2b9}.system-copy h3{font-family:var(--display);font-size:48px;line-height:1.05;font-weight:700;margin:22px 0}.system-copy>p{font-size:14px;line-height:1.9;color:#bfc5b8;max-width:480px}.system-copy dl{display:grid;grid-template-columns:120px 1fr;gap:16px 20px;font-size:12px;border-top:1px solid #596050;padding-top:24px;margin-top:30px}.system-copy dt{font-family:var(--mono);font-size:10px;color:#a4ae9a}.system-copy dd{margin:0}.workflow,.blackbox-board{padding:25px 28px;border:1px solid #69715f;background:#ffffff04}.workflow .eyebrow,.blackbox-board .eyebrow{font-size:10px}.workflow ol{list-style:none;padding:0;margin:20px 0}.workflow li{display:flex;align-items:center;gap:21px;padding:18px 0;border-top:1px solid #596050;position:relative}.workflow li>span{font-family:var(--display);font-size:35px;line-height:1;color:var(--accent)}.workflow h4,.blackbox-board h4{font-weight:600;font-size:14px;line-height:1.4}.workflow li p{font-size:11px;color:#aeb7a4;margin-top:6px}.workflow li b{margin-left:auto;font-size:20px;font-weight:400;color:var(--accent)}.workflow-note{font-size:10px!important;line-height:1.8;color:#aeb7a4!important}.blackbox-board>div{padding:23px 0;border-bottom:1px solid #596050}.blackbox-board>div>span{float:right;color:var(--accent);font-family:var(--display);font-size:30px}.blackbox-board p{font-size:12px;color:#bfc5b8;margin-top:7px;max-width:85%}.blackbox-board>a{display:flex;justify-content:space-between;margin:24px 0;background:var(--accent);color:var(--ink);padding:12px 16px;font-size:12px}.blackbox-board .workflow-note{max-width:none}
.about{display:grid;grid-template-columns:1.2fr 1fr;gap:85px}.about h2{margin-top:24px}.about-text{margin-top:25px;max-width:510px;font-size:14px;line-height:1.9;color:var(--muted)}.education{margin-top:35px}.education article{border-top:1px solid var(--line);padding:20px 0;position:relative}.education article>span{font-family:var(--mono);font-size:10px;color:var(--muted)}.education h3{font-family:var(--display);font-size:30px;font-weight:700;line-height:1.1;margin:10px 0}.education p{font-size:13px}.education small{font-family:var(--mono);font-size:11px;color:var(--muted)}.tools{border-top:1px solid var(--line);padding-top:18px}.tools>span{font-family:var(--mono);font-size:10px;color:var(--muted)}.tools p{font-size:13px;margin-top:10px}.tools b{font-weight:400;margin:0 8px;color:#8c9680}.credential-aside{padding:26px;border:1px solid var(--line);align-self:start;margin-top:41px;position:relative;background:#e5e6dc}.credential-heading{display:flex;justify-content:space-between;font-family:var(--mono);font-size:10px;gap:20px}.credential-heading>span:last-child{font-size:20px}.certificate{background:transparent;padding:0;width:100%;margin-top:22px;text-align:left}.certificate img{width:100%;height:210px;object-fit:contain;background:#fff;border:1px solid var(--line);filter:grayscale(.5)}.certificate>span{display:flex;justify-content:space-between;font-size:10px;gap:12px;padding:11px 0 0}.certificate b{font-weight:400}.certificate:hover b{text-decoration:underline}
.contact{background:var(--accent);border-top:1px solid var(--ink);padding:55px 0 0}.contact h2{font-size:clamp(110px,16vw,220px);line-height:.8;letter-spacing:-4px;margin-top:45px;position:relative}.contact h2 em{color:var(--ink)}.contact-arrow{position:absolute;right:20px;top:0;font-family:Arial,sans-serif;font-size:clamp(100px,18vw,250px);font-weight:400;line-height:1}.contact>.wrap>p:not(.eyebrow){font-size:14px;max-width:390px;line-height:1.8;margin-top:35px}.contact-actions{display:flex;gap:28px;align-items:center;margin-top:30px}.contact-actions>a{font-size:clamp(20px,2.7vw,36px);letter-spacing:-1px;line-height:1.5;border-bottom:1px solid var(--ink);padding-bottom:6px}.contact-actions>a>span{margin-left:25px}.contact-actions button{background:transparent;border:1px solid #869728;padding:10px 15px;font-size:11px;white-space:nowrap}.contact-actions button:hover{background:var(--ink);color:var(--accent)}.copy-status{min-height:22px;margin-top:8px!important;font-size:11px!important}.contact-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:25px;border-top:1px solid #9aaf2c;padding:20px 0;font-family:var(--mono);font-size:10px}.contact-bottom>a:hover{text-decoration:underline}.footer{display:flex;gap:28px;align-items:center;padding-top:28px;padding-bottom:28px}.footer .monogram{font-size:34px}.footer .monogram span{font-size:22px}.footer p{font-size:11px;color:var(--muted)}.footer small{font-family:var(--mono);font-size:9px;margin-left:auto}
dialog{padding:0;border:1px solid var(--ink);max-width:880px;width:calc(100% - 32px);max-height:90vh;background:var(--paper);color:var(--ink);overscroll-behavior:contain}dialog::backdrop{background:#151b12db;backdrop-filter:blur(5px)}.dialog-close{position:sticky;top:15px;float:right;margin:15px 15px 0 0;z-index:2;background:var(--accent);width:42px;height:42px;font-size:28px;line-height:1;border:1px solid var(--ink)}.dialog-cover{width:100%;height:330px;object-fit:contain;background:#dde0d4;padding:20px}.dialog-copy{padding:35px 40px}.dialog-copy h2{font-size:48px;line-height:1;margin:18px 0}.dialog-copy .summary{font-size:14px;line-height:1.8;color:var(--muted);margin:20px 0}.dialog-facts{display:flex;gap:30px;flex-wrap:wrap;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:20px 0;margin:25px 0}.dialog-facts>div{flex:1;min-width:120px}.dialog-facts dt{font-family:var(--mono);font-size:10px;text-transform:uppercase;color:var(--muted)}.dialog-facts dd{margin:8px 0 0;font-size:13px}.dialog-copy h3{font-family:var(--mono);font-size:11px;text-transform:uppercase;margin:28px 0 10px}.dialog-copy ul{font-size:14px;line-height:1.9;padding-left:18px}.dialog-copy .note{border-top:1px solid var(--line);padding-top:18px;margin-top:25px;font-size:11px;color:var(--muted);line-height:1.8}body.modal-open{overflow:hidden}
.project.project-wide{grid-column:1/-1;grid-template-columns:42px 1fr 1fr;column-gap:25px;align-items:center}.project.project-wide .project-image{grid-column:3;grid-row:1;height:260px}.project.project-wide .project-info{grid-column:2;grid-row:1;padding-right:20px}.project.project-wide .project-index{align-self:start}
@media(min-width:1550px){.nav{padding-left:calc((100vw - 1312px)/2);padding-right:calc((100vw - 1312px)/2)}}
@media(max-width:1100px){.wrap{padding-left:36px;padding-right:36px}.nav{padding:0 36px}.nav nav{gap:20px}.hero{column-gap:35px}h1{font-size:9.3vw}.hero-visual{padding-left:15px}.portrait{height:360px}.hero-stamp{right:-9px;width:90px;height:90px;font-size:9px}.mini-photo{margin-left:-15px;width:65%}.mini-photo img{height:115px}.hero-actions{gap:18px}.button{gap:20px}.project-featured{grid-template-columns:30px 1.1fr 1fr;gap:0 18px}.project-featured .project-image{height:320px}.project-featured h3{font-size:37px}.project-featured .project-stat strong{font-size:42px}.project-image{height:220px}.project-grid{column-gap:25px}.project{grid-template-columns:32px 1fr}.system-panel{gap:35px}.about{gap:45px}.system-copy h3{font-size:42px}}
@media(max-width:760px){html{scroll-padding-top:86px}.wrap{padding-left:24px;padding-right:24px}.nav{height:78px;padding:0 24px;gap:15px}.brand{font-size:9px;gap:11px}.brand small{font-size:6px;letter-spacing:.4px}.monogram{font-size:35px}.monogram span{font-size:21px}.nav nav{display:none}.nav-contact{font-size:10px;gap:15px;padding:9px 10px}.hero{grid-template-columns:1fr 1fr;column-gap:15px;padding-top:22px}.hero-top{padding-bottom:25px}.hero-top .eyebrow{font-size:9px;max-width:210px}.hero-top .eyebrow:before{display:none}.edition{font-size:8px;white-space:nowrap}.hero-copy{grid-column:1/-1}h1{font-size:clamp(82px,18vw,130px);line-height:.88;letter-spacing:-1.4px;position:relative;z-index:1}.headline-bottom{margin-top:8px}.lead{font-size:14px;max-width:450px;margin-top:26px}.hero-actions{margin-top:22px;gap:22px;flex-wrap:wrap}.button{padding:14px 16px;font-size:11px;gap:30px}.text-link{font-size:11px}.hero-visual{grid-column:1/-1;max-width:500px;width:100%;margin:42px auto 12px;padding:8px 13px 0 20px}.portrait{height:370px;object-position:65% 40%}.portrait-frame{transform:rotate(1.5deg)}.hero-stamp{right:0;top:-13px;width:95px;height:95px;font-size:10px}.image-label{font-size:9px}.photo-caption{font-size:8px}.mini-photo{margin-top:-65px;margin-left:-20px;width:57%}.mini-photo img{height:125px}.mini-photo span{font-size:7px;padding:8px 5px}.hero-bottom{margin-top:24px;display:grid;grid-template-columns:1fr auto;gap:8px 12px;padding:18px 0;font-size:10px}.hero-bottom>.location{font-size:9px}.hero-bottom>p:nth-child(2){grid-column:1;grid-row:2}.hero-bottom>a{grid-column:2;grid-row:1/3;font-size:0}.hero-bottom>a>span{font-size:26px;margin:0}.strip-inner{flex-wrap:wrap;justify-content:flex-start;gap:13px 17px;padding-top:22px;padding-bottom:22px}.strip-index{min-width:100%;max-width:none;font-size:9px;margin-bottom:3px}.strip-inner p{font-size:22px}.strip-inner b:nth-of-type(2){display:none}.section{padding-top:65px;padding-bottom:65px}.section-head{display:block}.section-head h2{margin-top:20px}h2{font-size:clamp(45px,9.5vw,65px);letter-spacing:-.5px}.section-description{max-width:440px;font-size:13px;margin-top:24px}.filters{gap:8px;margin-top:28px;padding-bottom:20px}.filter{font-size:10px;padding:8px 11px}.project-grid{display:block}.project,.project-featured{display:grid;grid-template-columns:32px 1fr;gap:17px 0;padding:25px 0 28px}.project-image,.project-featured .project-image{height:260px}.project-featured .project-info{grid-column:2;grid-row:auto;padding:0}.project-info{grid-column:2}.project-featured h3,.project h3{font-size:34px;margin:12px 0}.project-featured .project-stat{display:flex}.project-featured .project-stat strong{font-size:36px;margin:0}.project-featured .project-stat>span{font-size:10px;max-width:115px}.project-image.drawing{padding:22px}.project-meta{font-size:9px}.image-tag{font-size:8px;max-width:calc(100% - 24px)}.project-info>p:not(.project-meta){font-size:12px}.inline-detail{font-size:10px}.inline-detail>span{font-size:9px}.source-note{font-size:10px;margin-top:24px}.system-tabs{margin:30px 0;gap:0}.system-tab{padding:16px 12px;gap:10px;font-size:9px}.system-tab>span{font-size:24px}.system-panel{grid-template-columns:1fr;gap:30px}.system-copy h3{font-size:41px}.system-copy>p{font-size:13px}.system-copy dl{grid-template-columns:100px 1fr;font-size:11px;gap:15px}.system-copy dt{font-size:9px}.workflow,.blackbox-board{padding:22px}.workflow li{gap:18px}.workflow h4{font-size:13px}.workflow li p{font-size:10px}.about{grid-template-columns:1fr;gap:0}.about-text{font-size:13px}.credential-aside{margin-top:32px;padding:22px}.certificate img{height:210px}.contact{padding-top:40px}.contact h2{font-size:32vw;letter-spacing:-2px;margin-top:35px;line-height:.83}.contact-arrow{right:0;top:0;font-size:27vw}.contact>.wrap>p:not(.eyebrow){font-size:13px;max-width:300px;margin-top:27px}.contact-actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:25px}.contact-actions>a{font-size:clamp(18px,4.9vw,29px);letter-spacing:-.6px;white-space:nowrap}.contact-actions>a>span{margin-left:7px}.contact-actions button{font-size:10px}.contact-bottom{font-size:9px;flex-wrap:wrap;gap:14px}.footer{gap:17px;flex-wrap:wrap;padding-top:24px;padding-bottom:24px}.footer p{font-size:10px;max-width:210px}.footer small{margin-left:auto;font-size:8px}.dialog-copy{padding:25px}.dialog-copy h2{font-size:37px}.dialog-cover{height:240px;padding:15px}.dialog-copy .summary,.dialog-copy ul{font-size:13px}.dialog-facts{gap:20px}.dialog-facts>div{min-width:100px}.dialog-close{width:38px;height:38px}}
@media(max-width:370px){.wrap{padding-left:20px;padding-right:20px}.nav{padding:0 20px}.brand{gap:8px;font-size:8px}.brand small{font-size:5px}.nav-contact{gap:10px;font-size:9px}.hero-top .eyebrow{font-size:8px;max-width:180px}.edition{font-size:7px}.portrait{height:330px}.project-image,.project-featured .project-image{height:225px}.project-featured .project-stat{gap:12px}.project-featured .project-stat strong{font-size:31px}.project-featured .project-stat>span{font-size:9px}.system-tab>span{font-size:22px}.system-tab{gap:7px;padding:14px 10px}.footer small{margin-left:0}}
@media(max-width:760px){.project.project-wide{grid-template-columns:32px 1fr;gap:17px 0}.project.project-wide .project-image{grid-column:2;grid-row:1;height:260px}.project.project-wide .project-info{grid-column:2;grid-row:auto;padding-right:0}}
@media(max-width:370px){.project.project-wide .project-image{height:225px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-image img,.project-arrow{transition:none}.reading-progress{animation:none;display:none}}

/* CMS content keeps its layout when titles and project counts change. */
.hero-copy,.hero-top>*:first-child,.section-head>div,.system-panel>*{min-width:0}
h1,h2,h3,.headline-bottom,h1 em,.project-info,.project-stat,.inline-detail,.system-copy dd,.system-tab>span,.hero-bottom>p,.education,.about-text{overflow-wrap:anywhere}
.headline-bottom,h1 em{max-width:100%}.brand{min-width:0}.brand>span:last-child{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brand small{overflow:hidden;text-overflow:ellipsis}.brand>span:last-child,.location,.photo-caption>span:first-child,.contact-bottom>span{text-transform:uppercase}.strip-inner{flex-wrap:wrap}.strip-inner p{overflow-wrap:anywhere;max-width:100%}.system-tabs{flex-wrap:wrap}.system-tab{flex:1 1 45%}.project-stat strong{white-space:normal}.project-empty{padding:35px 0;color:var(--muted)}.media-placeholder{height:100%;display:flex;align-items:center;padding:35px;font-family:var(--display);font-size:clamp(44px,5vw,75px);line-height:.9;color:#747e63}.owner-cms-link{font-family:var(--mono);font-size:10px;text-decoration:underline;text-underline-offset:4px}.owner-cms-link[hidden]{display:none}.draft-preview-banner{background:#d6ef45;color:#22251f;border-bottom:1px solid #22251f;display:flex;gap:10px 25px;align-items:center;flex-wrap:wrap;padding:14px 30px;font:11px/1.6 Arial,sans-serif}.draft-preview-banner strong{font-family:var(--mono);letter-spacing:.6px}.draft-preview-banner>span{flex:1 1 240px}.draft-preview-banner a{text-decoration:underline;text-underline-offset:3px}.draft-badge{display:inline-block;background:var(--accent);color:var(--ink);border:1px solid var(--ink);padding:2px 5px;font:9px/1.5 var(--mono);vertical-align:middle}.dialog-copy h2,.dialog-copy>p,.dialog-facts dd{overflow-wrap:anywhere;white-space:pre-line}.contact-actions>a{overflow-wrap:anywhere;white-space:normal;min-width:0}.contact-actions{flex-wrap:wrap}.contact h2{overflow-wrap:anywhere}
@media(max-width:760px){.brand>span:last-child{max-width:calc(100vw - 205px)}.hero-top{align-items:flex-start}.edition{max-width:120px;white-space:normal;text-align:right}.draft-preview-banner{padding:12px 22px}.media-placeholder{font-size:54px;padding:28px}.contact-actions>a{max-width:100%}.contact h2{padding-right:0}.system-tab>span{min-width:0}}

.portrait-placeholder{display:grid;place-items:center;background:#dfe3d4;color:var(--ink);font-family:var(--display);font-size:clamp(130px,20vw,260px);line-height:1;filter:none}

/* The masthead carries the portfolio's industrial / editorial identity. */
html{scroll-padding-top:132px}
.nav{height:116px;padding:0 max(36px,calc((100vw - 1312px)/2));display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:28px;background:var(--ink);color:var(--paper);border-top:3px solid var(--accent);border-bottom:1px solid #41463a;box-shadow:0 6px 20px #22251f0d}
.nav .brand{gap:16px;justify-self:start;min-width:0;max-width:100%}
.nav .monogram{width:72px;height:64px;flex:none;display:flex;align-items:center;justify-content:center;gap:3px;background:var(--accent);color:var(--ink);font-size:52px;letter-spacing:-3px;position:relative;padding-right:13px;transition:background .2s}
.nav .monogram span{position:absolute;top:5px;right:6px;padding:0;background:transparent;font-size:21px;line-height:1;letter-spacing:0;transition:transform .2s}
.nav .brand>span.brand-copy{display:block;min-width:0;max-width:245px;white-space:normal;line-height:1}
.nav .brand-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:700 32px/1.1 var(--display);letter-spacing:.3px}
.nav .brand-copy small{font:11px/1.5 var(--mono);letter-spacing:.8px;margin-top:7px;color:#bdc3b3;text-transform:uppercase}
.nav .brand:hover .monogram{background:#e4ff59}
.nav .brand:hover .monogram span{transform:translate(2px,-2px)}
.nav nav{display:flex;align-items:stretch;gap:0;align-self:stretch;padding:19px 0}
.nav nav a{position:relative;display:flex;flex-direction:column;justify-content:center;gap:4px;min-width:92px;padding:0 18px;border-left:1px solid #ffffff25;transition:background .2s,color .2s}
.nav nav a:last-child{border-right:1px solid #ffffff25}
.nav nav a>.nav-index{margin:0;font:11px/1.2 var(--mono);letter-spacing:1px;color:#a4af91}
.nav nav a>.nav-label{margin:0;font:400 17px/1.4 DM,Arial,sans-serif;color:var(--paper)}
.nav nav a:after{content:'';position:absolute;left:18px;right:18px;bottom:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .2s}
.nav nav a:hover,.nav nav a[aria-current="location"]{background:#ffffff08;box-shadow:none}
.nav nav a:hover>.nav-label,.nav nav a[aria-current="location"]>.nav-label,.nav nav a[aria-current="location"]>.nav-index{color:var(--accent)}
.nav nav a:hover:after,.nav nav a[aria-current="location"]:after{transform:scaleX(1)}
.nav .nav-contact{justify-self:end;display:flex;align-items:center;gap:18px;padding:6px 6px 6px 19px;min-height:56px;border:1px solid var(--accent);background:var(--accent);color:var(--ink);font-size:15px;font-weight:600;white-space:nowrap;transition:background .2s,border-color .2s}
.nav-contact .nav-contact-label{font-size:15px;line-height:1.4}
.nav-contact .nav-contact-arrow{display:grid;place-items:center;width:40px;height:40px;background:var(--ink);color:var(--accent);font:27px/1 Arial,sans-serif;transition:color .2s,background .2s}
.nav .nav-contact:hover{background:var(--paper);border-color:var(--paper)}
.nav .nav-contact:hover .nav-contact-arrow{color:var(--paper)}
.nav a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
.nav .nav-contact:focus-visible{outline-color:var(--paper)}
@media(max-width:1200px) and (min-width:1001px){.nav{gap:22px;padding:0 28px;grid-template-columns:minmax(0,1fr) auto auto}.nav .monogram{width:62px;height:58px;font-size:46px}.nav .brand{gap:12px}.nav .brand-copy strong{font-size:30px}.nav nav a{min-width:82px;padding:0 14px}.nav nav a:after{left:14px;right:14px}.nav .nav-contact{gap:13px;padding-left:15px}}
@media(max-width:1000px){html{scroll-padding-top:156px}.nav{height:140px;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:84px 52px;gap:0 20px;padding:0 24px}.nav .brand{gap:13px}.nav .monogram{width:58px;height:54px;font-size:44px;padding-right:9px;letter-spacing:-2px}.nav .monogram span{font-size:18px;top:4px;right:4px}.nav .brand>span.brand-copy{max-width:100%}.nav .brand-copy strong{font-size:28px}.nav .brand-copy small{font-size:10px;letter-spacing:.7px;margin-top:5px}.nav .nav-contact{min-height:48px;padding:5px 5px 5px 15px;gap:13px}.nav-contact .nav-contact-label{font-size:14px}.nav-contact .nav-contact-arrow{width:36px;height:36px;font-size:25px}.nav nav{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:0;margin:0 -24px;border-top:1px solid #ffffff25}.nav nav a{min-width:0;flex-direction:row;align-items:center;gap:9px;padding:0 12px;border:0;border-right:1px solid #ffffff25}.nav nav a:last-child{border-right:0}.nav nav a>.nav-index{font-size:10px}.nav nav a>.nav-label{font-size:15px}.nav nav a:after{left:0;right:0;height:3px}}
@media(max-width:600px){.nav .brand-copy strong{font-size:26px}.nav .brand-copy small{font-size:9px;letter-spacing:.5px}}
@media(max-width:480px){html{scroll-padding-top:152px}.nav{height:136px;grid-template-rows:80px 52px;padding:0 18px;gap:0 12px}.nav nav{margin:0 -18px}.nav .brand{gap:10px}.nav .monogram{width:48px;height:49px;font-size:38px}.nav .brand-copy strong{font-size:24px}.nav .brand-copy small{font-size:9px;letter-spacing:0}.nav .nav-contact{min-height:44px;padding:4px 4px 4px 10px;gap:8px}.nav-contact .nav-contact-label{font-size:13px}.nav-contact .nav-contact-arrow{width:32px;height:34px;font-size:24px}.nav nav a{gap:5px;padding:0 5px}.nav nav a>.nav-index{font-size:9px;letter-spacing:.4px}.nav nav a>.nav-label{font-size:14px}}
@media(max-width:420px){.nav .nav-contact{gap:0;padding:4px;min-width:44px}.nav-contact .nav-contact-label{display:none}.nav-contact .nav-contact-arrow{width:34px}}
@media(max-width:360px){.nav .monogram{width:45px;height:46px;font-size:36px}}
@media(prefers-reduced-motion:reduce){.nav .monogram,.nav .monogram span,.nav nav a,.nav nav a:after,.nav .nav-contact,.nav-contact .nav-contact-arrow{transition:none}}