:root{--ink:#171717;--paper:#f3f0ea;--sand:#ddd5c8;--line:rgba(23,23,23,.2);--cream:#f9f7f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;z-index:10;padding:10px;background:white}.site-header{height:92px;padding:20px 5.5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:2}.wordmark{font-size:12px;font-weight:800;letter-spacing:.08em;line-height:.85}.wordmark span{font-family:'Playfair Display',serif;font-weight:600;letter-spacing:0;font-size:16px}.site-header nav{display:flex;gap:26px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.site-header nav a:hover{opacity:.55}.menu-button{display:none}.section{padding:110px 5.5vw}.hero{min-height:720px;padding-top:148px;display:flex;flex-direction:column;position:relative;overflow:hidden}.eyebrow,.section-label{font-family:'DM Mono',monospace;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.eyebrow{display:flex;align-items:center;gap:9px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#be5b3e}.hero-kicker{margin:78px 0 12px;font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.hero h1,.portfolio-heading h2,.connect h2{font-family:'Playfair Display',Georgia,serif;font-size:clamp(68px,11vw,168px);font-weight:600;line-height:.8;letter-spacing:-.075em;margin:0;position:relative;z-index:1}.hero h1 em,.portfolio-heading em,.connect em{font-weight:600}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:auto;position:relative;z-index:1}.hero-bottom p{max-width:300px;line-height:1.6;font-size:14px}.round-link{display:flex;gap:17px;align-items:center;font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.round-link span{border:1px solid var(--ink);border-radius:100%;display:grid;place-items:center;width:48px;height:48px;font-size:20px}.hero-mark{position:absolute;right:-1vw;bottom:-9vw;font-family:'Playfair Display',serif;font-size:min(52vw,670px);line-height:.75;letter-spacing:-.16em;color:#ded9d0;pointer-events:none}.section-dark{background:var(--ink);color:var(--cream)}.section-label{opacity:.65}.about{display:grid;grid-template-columns:26% 1fr;min-height:510px}.about-content{max-width:770px}.display-copy{font-family:'Playfair Display',serif;font-size:clamp(36px,5.1vw,72px);letter-spacing:-.055em;line-height:1.03;margin:0}.body-copy{max-width:420px;margin:42px 0 0;line-height:1.65;font-size:14px;color:#cfcbc4}.profiles{padding-bottom:80px}.profile-list{margin-top:82px;border-top:1px solid var(--line)}.profile-card{min-height:150px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:15% 1fr auto;align-items:center;transition:padding .25s,background .25s}.profile-card:hover{background:#e9e4db;padding-left:15px}.profile-index,.profile-handle{font-family:'DM Mono',monospace;font-size:11px}.profile-name{font-family:'Playfair Display',serif;font-size:clamp(32px,4vw,56px);display:block;letter-spacing:-.05em}.profile-handle{display:block;margin-top:7px}.arrow{font-size:31px}.section-sand{background:var(--sand)}.portfolio-heading{display:flex;justify-content:space-between;align-items:end;margin:76px 0}.portfolio-heading h2{font-size:clamp(54px,8vw,116px)}.portfolio-heading p{max-width:235px;line-height:1.55;font-size:13px}.portfolio-grid{display:grid;grid-template-columns:1.3fr 1fr .8fr;gap:16px}.tile{height:390px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.07em}.tile p{font-family:'Playfair Display',serif;font-size:29px;line-height:.9;text-transform:none;letter-spacing:-.05em;margin:0}.tile-one{background:#b7a79a}.tile-two{background:#938c83;color:#fff;margin-top:68px}.tile-three{background:#bfc7bd}.connect{min-height:630px;display:grid;grid-template-columns:26% 1fr}.connect-content{align-self:end}.connect h2{font-size:clamp(62px,10vw,144px)}.connect p{color:#cfcbc4;max-width:360px;line-height:1.6;margin:32px 0}.button-light{display:inline-flex;gap:32px;align-items:center;border:1px solid #f9f7f2;padding:15px 18px;font-family:'DM Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;transition:.2s}.button-light:hover{background:#f9f7f2;color:#171717}footer{background:var(--ink);color:#cfcbc4;border-top:1px solid #5a5957;padding:22px 5.5vw;display:flex;justify-content:space-between;font-family:'DM Mono',monospace;text-transform:uppercase;font-size:9px;letter-spacing:.07em}footer a:hover{color:white}@media(max-width:650px){.site-header{height:76px;padding:17px 6vw}.site-header nav{position:absolute;top:76px;left:0;right:0;background:var(--paper);padding:20px 6vw;display:none;flex-direction:column;gap:18px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.menu-button{display:flex;border:0;background:none;align-items:center;gap:8px;font:700 10px Manrope;letter-spacing:.12em}.menu-button span{width:15px;height:1px;background:var(--ink);display:block}.hero{min-height:640px;padding:117px 6vw 42px}.hero-kicker{margin-top:75px}.hero-bottom{align-items:flex-start;gap:23px}.hero-bottom p{font-size:12px;margin:0}.round-link{flex-direction:column-reverse;gap:8px;white-space:nowrap}.hero-mark{font-size:75vw;right:3vw;bottom:0}.section{padding:75px 6vw}.about,.connect{display:block;min-height:unset}.about-content{margin-top:56px}.display-copy{font-size:39px}.profile-list{margin-top:55px}.profile-card{min-height:124px;grid-template-columns:18% 1fr auto}.portfolio-heading{display:block;margin:55px 0}.portfolio-heading p{margin-top:28px}.portfolio-grid{grid-template-columns:1fr 1fr;gap:10px}.tile{height:250px}.tile-two{margin-top:42px}.tile-three{display:none}.connect-content{margin-top:90px}.connect h2{font-size:66px}.connect p{margin:25px 0}.section-dark{padding-bottom:83px}footer{padding:19px 6vw;gap:12px;flex-wrap:wrap;font-size:8px}footer span:nth-child(2){display:none}}
