*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#faf9f6;color:#202121;font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}header,main,footer{width:min(1320px,90%);margin:auto}header{padding:32px 0;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d4d3cf;gap:20px}.brand{font-size:21px;letter-spacing:4px}a{color:inherit;text-decoration:none}nav{display:flex;gap:36px}nav a{font-size:12px;letter-spacing:1.5px;padding:10px 0;border-bottom:1px solid transparent}nav a.active{border-color:#222}button{font:inherit;cursor:pointer}.menu{display:none;background:none;border:0;font-size:24px}main{min-height:72vh;padding:58px 0 72px}h1{font-size:clamp(44px,6.5vw,86px);line-height:1.05;font-weight:400;letter-spacing:-2px;margin:0 0 18px}h2{font-size:26px;font-weight:400}p{line-height:1.75;color:#666;white-space:pre-line}.role{font-size:20px;letter-spacing:4px;margin:0}.location{margin:10px 0 54px;font-size:16px;letter-spacing:1px}.label{font-size:11px;letter-spacing:2px;color:#666;text-transform:uppercase}.section-label{display:flex;align-items:center;gap:20px;margin:25px 0 18px}.section-label:after{content:'';height:1px;background:#d4d3cf;flex:1}.media{background:#111;aspect-ratio:16/9;position:relative;overflow:hidden}.media video,.media iframe{width:100%;height:100%;border:0;display:block;object-fit:contain}.empty{display:grid;place-content:center;text-align:center;height:100%;color:#eee;background:#252a2a}.empty p{color:#aaa}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:42px 26px;margin-top:38px}.tile img{width:100%;aspect-ratio:2;object-fit:cover;display:block}.tile .blank{aspect-ratio:2;background:#deddd8;display:grid;place-items:center}.caption{display:flex;justify-content:space-between;gap:12px;margin-top:16px}.caption h2{font-size:19px;margin:0}.caption span{font-size:12px;color:#777}.crumb{font-size:11px;letter-spacing:2px;margin-bottom:28px;color:#777}.project-intro{max-width:720px;margin-bottom:36px}.compare{position:relative;aspect-ratio:2;background:#181818;overflow:hidden;--position:50%}.compare img{position:absolute;width:100%;height:100%;object-fit:contain;inset:0}.compare .before{clip-path:inset(0 calc(100% - var(--position)) 0 0);background:#181818}.divider{position:absolute;left:var(--position);top:0;bottom:0;width:2px;background:white;pointer-events:none}.divider span{position:absolute;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:#fff;color:#222;display:grid;place-items:center}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0;touch-action:pan-y}.compare:focus-within{outline:3px solid #a48b64;outline-offset:3px}.tag{position:absolute;bottom:14px;color:#fff;background:#0009;padding:7px 10px;font-size:10px;letter-spacing:2px;pointer-events:none}.tag.right{right:12px}.tag.left{left:12px}.shot{margin:38px 0 60px}.shot h2{font-size:18px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin:70px 0}.contact-grid h2{font-size:32px;letter-spacing:1px}.contact-link{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ccc;padding:25px 0;gap:20px;overflow-wrap:anywhere}.contact-link small{display:block;color:#777;margin-top:8px}.skills{max-width:620px;margin-top:45px}.skill{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid #deddd8;gap:18px}.stars{color:#9d8051;letter-spacing:4px;white-space:nowrap}.back{display:inline-block;border-bottom:1px solid #222;padding:12px 0}.muted{color:#888}footer{border-top:1px solid #d4d3cf;padding:25px 0 36px;display:flex;justify-content:space-between;gap:18px;font-size:10px;letter-spacing:1.6px}a:focus-visible,button:focus-visible{outline:2px solid #9d8051;outline-offset:5px}@media(max-width:680px){header{padding:23px 0;flex-wrap:wrap}.brand{font-size:17px;letter-spacing:2px}.menu{display:block}nav{display:none;width:100%;justify-content:space-between;gap:12px}nav.open{display:flex}main{padding:40px 0 55px}h1{font-size:52px;letter-spacing:-1.5px}.role{font-size:15px;letter-spacing:2px}.location{font-size:13px;margin-bottom:35px}.grid,.contact-grid{grid-template-columns:1fr}.contact-grid{gap:35px;margin:40px 0}.grid{gap:30px}.contact-link{min-height:80px}.compare{aspect-ratio:2}.tag{font-size:8px;padding:5px;bottom:8px}.stars{letter-spacing:2px;font-size:14px}footer{font-size:9px;letter-spacing:1px}.shot{margin-bottom:40px}}