@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&display=swap');
:root{--red:#b7473b;--paper:#f2eee7;--ink:#231f1d;--muted:#766f68;--line:#d6cec5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,a{font:inherit;cursor:pointer;color:inherit}a{text-decoration:none}.nav{height:74px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:5;background:#f2eee7ed;backdrop-filter:blur(10px)}.brand{font-size:12px;font-weight:700;letter-spacing:.12em}.brand small{display:block;font:9px 'DM Mono';color:var(--muted);margin-top:5px}.nav nav{display:flex;gap:28px;font:10px 'DM Mono';text-transform:uppercase}.nav #language{background:none;border:1px solid var(--ink);border-radius:30px;padding:8px 14px;font-size:11px}.hero{min-height:83vh;padding:8vh 8vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw}.kicker{font:10px 'DM Mono';letter-spacing:.13em;color:var(--red)}.hero h1{font-size:clamp(48px,7.2vw,100px);letter-spacing:-.075em;line-height:.92;margin:24px 0}.lead{font-size:15px;line-height:1.75;color:var(--muted);max-width:470px}.under{display:inline-block;font:10px 'DM Mono';margin-top:28px;padding-bottom:8px;border-bottom:1px solid}.hero-image{overflow:hidden;box-shadow:0 20px 50px #34251b14}.hero-image img{width:100%;display:block;transition:transform .6s}.hero-image:hover img{transform:scale(1.02)}.path{background:var(--red);color:#f7f0e8;padding:8vh 8vw;display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.light{color:#f2c7bb}.path h2,.behind h2{font-size:clamp(48px,7vw,90px);line-height:.85;letter-spacing:-.07em;margin:18px 0}.path>div>p:not(.kicker){font-size:13px;opacity:.8}.path-options{display:grid;gap:32px}.option-group>span{font-size:26px;display:inline-block;margin-right:14px}.option-group label{font-size:13px}.pills{display:flex;flex-wrap:wrap;gap:9px;margin:16px 0 0 40px}.pills button{border:1px solid #f7e9df9c;border-radius:50px;padding:10px 14px;background:transparent;color:#f7f0e8;font:10px 'DM Mono';transition:.25s}.pills button:hover,.pills button.active{background:#f7f0e8;color:var(--red);transform:translateY(-2px)}.work{padding:9vh 8vw}.section-title{margin-bottom:7vh}.section-title h2{font-size:clamp(35px,5vw,64px);letter-spacing:-.065em;margin:16px 0}.section-title>p:last-child{font-size:13px;color:var(--muted)}.city-group{margin:6vh 0}.city-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:12px;color:var(--red);font:700 14px 'DM Mono';letter-spacing:.12em}.city-heading span{font-size:10px;color:var(--muted);font-weight:400}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:22px}.project{padding:0;border:0;background:none;text-align:left;min-width:0;animation:rise .45s both}.project:hover{transform:translateY(-5px)}.project .visual{overflow:hidden;background:#e1d9d0;aspect-ratio:4/3}.project img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s}.project:hover img{transform:scale(1.045)}.meta{display:flex;justify-content:space-between;gap:10px;margin-top:12px}.title{font-weight:700;font-size:14px;line-height:1.35}.year{font:10px 'DM Mono';color:var(--muted);white-space:nowrap}.role{font:9px 'DM Mono';color:var(--red);margin-top:7px;text-transform:uppercase}.behind{background:var(--red);padding:8vh 8vw;color:#f7f0e8}.behind-title{text-align:center}.behind-title small{font:9px 'DM Mono';display:block;opacity:.75}.behind-images{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:40px}.behind-images img{width:100%;display:block;transition:transform .4s}.behind-images img:hover{transform:translateY(-4px)}.expertise{padding:8vh 8vw}.exp-row{display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:20px;padding:28px 0;border-bottom:1px solid var(--line)}.exp-row h3{font-size:clamp(25px,3.4vw,45px);letter-spacing:-.05em;color:var(--red);margin:0}.exp-row p{font-size:12px;color:var(--muted)}.exp-row button{background:none;border:0;border-bottom:1px solid;padding:0 0 7px;font:10px 'DM Mono';white-space:nowrap}footer{background:var(--red);color:#f7f0e8;padding:8vh 8vw;display:grid;grid-template-columns:1fr auto;align-items:end;gap:20px}footer h2{font-size:clamp(55px,9vw,110px);letter-spacing:-.08em;margin:20px 0 0}footer>a{font:11px 'DM Mono';border-bottom:1px solid;padding-bottom:8px}footer small{grid-column:1/-1;font:9px 'DM Mono';opacity:.65;margin-top:35px}dialog{width:min(900px,92vw);max-height:90vh;border:0;padding:0;background:var(--paper);box-shadow:0 30px 90px #0004;overflow:auto}dialog::backdrop{background:#211a18c7;backdrop-filter:blur(5px)}.close{position:sticky;top:0;float:right;z-index:2;width:43px;height:43px;border:0;background:var(--red);color:white;font-size:28px}.detail-body{padding:5vw}.detail-body .kicker{margin-top:0}.detail-body h2{font-size:clamp(32px,5vw,62px);line-height:1;letter-spacing:-.06em;margin:15px 0}.detail-body p{max-width:650px;line-height:1.75;font-size:14px;color:var(--muted)}.metric{color:var(--red)!important;font:12px 'DM Mono';margin:22px 0}.pdf-preview{width:100%;display:block;margin-top:25px}.project-nav{display:flex;gap:12px;margin-top:25px}.project-nav a{font:10px 'DM Mono';border-bottom:1px solid;padding-bottom:7px}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.nav{height:64px;padding:0 5vw}.nav nav{gap:12px;font-size:9px}.nav nav a:nth-child(1){display:none}.hero{grid-template-columns:1fr;padding:8vh 7vw;gap:35px}.hero-image{max-width:600px}.path{grid-template-columns:1fr;padding:7vh 7vw;gap:30px}.work,.expertise{padding:7vh 7vw}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.behind{padding:7vh 7vw}.behind-images{grid-template-columns:1fr 1fr}.behind-images img:last-child{display:none}.exp-row{grid-template-columns:1fr auto;gap:8px}.exp-row p{grid-column:1}.exp-row button{grid-column:2;grid-row:1/3}footer{padding:7vh 7vw}.detail-body{padding:7vw}}@media(max-width:430px){.cards{grid-template-columns:1fr}.pills{margin-left:0}.nav nav a:nth-child(2){display:none}}