:root{--paper:#f7f7f2;--ink:#1d1e1b;--line:#d7d7d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid;outline-offset:6px}.skip{position:absolute;top:-100px;background:white;padding:16px;z-index:20}.skip:focus{top:10px}header{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;height:96px;padding:0 4%;background:rgba(247,247,242,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.wordmark{font-size:23px;letter-spacing:-1.3px;font-weight:600;white-space:nowrap}.wordmark span{font-family:Georgia,serif;font-style:italic;font-weight:400}.wordmark .brand-dot{font:10px Arial;vertical-align:top;margin-left:5px}nav{display:flex;gap:36px;font-size:12px}nav a{padding:12px 0}nav sup{font-size:8px;margin-left:4px}nav a:hover{opacity:.5}.hero{padding:42px 4% 48px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;font-size:10px;line-height:1.8}.hero>.eyebrow{display:flex;justify-content:space-between}h1,h2,p{margin:0}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(64px,8.9vw,148px);font-weight:400;line-height:1.03;letter-spacing:-.065em;margin:70px 0 48px}h1 em{font-weight:400;color:#777970}.hero-bottom{display:flex;justify-content:space-between;align-items:end;font-size:12px;line-height:1.6}.hero-note{text-align:right;color:#74766e}.circle-link{display:grid;place-items:center;width:52px;height:52px;border:1px solid #aaa;border-radius:50%;font-size:24px;transition:background .4s,color .4s,transform .4s}.circle-link:hover{background:var(--ink);color:white;transform:translateY(4px)}.work{padding:32px 4% 90px}.section-top{border-top:1px solid var(--ink);padding:25px 0 35px;display:flex;align-items:center;justify-content:space-between}h2{font:400 28px Georgia,serif;letter-spacing:-1px}.section-top h2 span{font:10px Arial;margin-left:14px;letter-spacing:0;color:#777}.filters{display:flex;gap:6px}.filters button{border:0;background:none;padding:10px 16px;border-radius:30px;font-size:11px;transition:background .35s,color .35s}.filters button[aria-pressed=true]{background:var(--ink);color:white}.filters button:hover{background:#deded7}.filters button[aria-pressed=true]:hover{background:#444}.grid{display:grid;grid-template-columns:1fr 1fr;gap:64px 30px;align-items:start}.project{display:block;text-align:left;border:0;padding:0;background:none;min-width:0;animation:enter .55s ease both}.project:nth-child(even){margin-top:85px}.project[hidden]{display:none}.picture{display:block;overflow:hidden;position:relative;background:#deded7;aspect-ratio:4/3}.picture img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:transform 1s cubic-bezier(.2,.65,.3,1),filter 1s}.project:hover img{transform:scale(1.035);filter:grayscale(1) contrast(1.06)}.explore{position:absolute;right:20px;bottom:20px;padding:12px 18px;background:var(--paper);border-radius:30px;font-size:11px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}.project:hover .explore,.project:focus-visible .explore{opacity:1;transform:none}.card-meta{display:flex;justify-content:space-between;padding-top:19px}.project-name{display:block;font:26px Georgia,serif;letter-spacing:-.6px}.category{display:block;margin-top:9px;color:#777;font-size:10px}.index{font-size:11px;padding-top:5px}.studio{margin:0 4%;border-top:1px solid var(--ink);padding:35px 0 100px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.studio>.eyebrow{grid-column:1/-1}.studio h2{font-size:clamp(38px,4.5vw,70px);line-height:1.08;letter-spacing:-2.5px}.studio>div{max-width:400px;justify-self:end;font-size:15px;line-height:1.8}.studio>div p+p{margin-top:20px}.small{font-size:10px;color:#76786f;line-height:1.7}.studio .small{display:block;margin-top:35px}.contact{background:#1e201c;color:#f5f5ed;padding:48px 4% 22px}.contact-title{display:flex;justify-content:space-between;align-items:center;font:clamp(40px,7.7vw,120px) Georgia,serif;letter-spacing:-.055em;padding:42px 0 70px;border-bottom:1px solid #4b4d45}.contact-title span{font-family:Arial;font-size:.7em;transition:transform .4s}.contact-title:hover span{transform:translate(7px,-7px)}.contact-grid{display:grid;grid-template-columns:1.4fr 1fr 1.3fr .7fr;gap:30px;padding:45px 0 70px;font-size:11px;line-height:1.9}.contact-grid h3{font-size:9px;text-transform:uppercase;letter-spacing:1px;font-weight:400;color:#a6a89d;margin:0 0 18px}.contact-grid p{color:#a6a89d}.contact-grid a:hover{text-decoration:underline}footer{display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#a6a89d;border-top:1px solid #4b4d45;padding-top:20px}dialog{border:0;background:var(--paper);color:var(--ink);width:min(1200px,94vw);max-height:92dvh;padding:60px 30px 30px;overflow:auto}dialog::backdrop{background:rgba(17,20,17,.8);backdrop-filter:blur(8px)}#close-modal{position:absolute;right:25px;top:18px;border:0;background:none;padding:8px;font-size:12px}.modal-layout{display:grid;grid-template-columns:1.4fr 1fr;gap:35px;align-items:center}#modal-image{width:100%;filter:grayscale(1)}.modal-copy h2{font-size:42px;margin:12px 0 20px}.modal-copy>p:not(.eyebrow){font-size:13px;line-height:1.7}dl{display:grid;grid-template-columns:80px 1fr;font-size:11px;line-height:1.6;margin:28px 0;gap:15px;border-top:1px solid var(--line);padding-top:20px}dt{color:#777}dd{margin:0}.modal-nav{display:flex;justify-content:space-between;align-items:center;margin-top:30px;font-size:10px;border-top:1px solid var(--line);padding-top:20px}.modal-nav button{background:none;border:0;padding:8px 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}@keyframes enter{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media(max-width:700px){header{height:76px;padding:0 6%}.wordmark{font-size:18px}nav{gap:18px;font-size:10px}nav a:nth-child(2){display:none}nav sup{display:none}.hero{padding:28px 6% 40px}.hero>.eyebrow{font-size:8px}.hero>.eyebrow span{display:none}h1{font-size:clamp(46px,10.6vw,74px);margin:58px 0 45px}.hero-bottom{font-size:10px}.hero-note{display:none}.circle-link{width:42px;height:42px}.work{padding:12px 6% 55px}.section-top{align-items:start;flex-direction:column;gap:22px;padding-bottom:25px}.section-top h2{font-size:25px}.filters{gap:0;justify-content:space-between;width:100%}.filters button{padding:10px 12px;font-size:10px}.grid{grid-template-columns:1fr;gap:35px}.project:nth-child(even){margin-top:0}.project-name{font-size:25px}.explore{display:none}.studio{margin:0 6%;grid-template-columns:1fr;padding:28px 0 55px;gap:28px}.studio>div{justify-self:start;font-size:13px}.studio>.eyebrow{grid-column:auto}.studio h2{font-size:42px}.contact{padding:32px 6% 22px}.contact-title{padding:30px 0 45px}.contact-grid{grid-template-columns:1fr 1fr;gap:32px 20px;padding:35px 0 40px;font-size:10px;overflow-wrap:anywhere}.contact-grid>.wordmark{grid-column:1/-1}footer{flex-wrap:wrap;font-size:8px}footer span:nth-child(2){order:3;width:100%}.modal-layout{grid-template-columns:1fr;gap:20px}dialog{padding:55px 18px 20px}.modal-copy h2{font-size:32px}.modal-copy>p:not(.eyebrow){font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}