@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500&family=Italiana&display=swap');
:root{--ink:#171612;--paper:#eee9df;--sand:#d5c6af;--line:rgba(23,22,18,.2);--pad:clamp(22px,5vw,76px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-weight:300}.nav{height:84px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{font:400 22px/1 'DM Sans';letter-spacing:.22em;text-decoration:none;color:inherit}.navlinks{display:flex;gap:clamp(18px,3vw,44px)}.navlinks a,.back{color:inherit;text-decoration:none;font-size:13px;letter-spacing:.08em}.hero{min-height:calc(100vh - 84px);display:grid;grid-template-columns:.95fr 1.05fr;gap:6vw;padding:var(--pad);padding-top:clamp(60px,10vw,140px)}.hero-copy{align-self:center}.eyebrow{display:block;font-size:11px;letter-spacing:.19em;text-transform:uppercase;margin-bottom:26px}.hero h1,.project-head h1{font:400 clamp(64px,9vw,148px)/.82 'Italiana',serif;letter-spacing:-.035em;margin:0}.hero h1 em{font-weight:400;color:#8b7557}.hero p{max-width:570px;margin-top:48px;font-size:17px;line-height:1.7}.hero-image{margin:0;align-self:stretch;min-height:620px;position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image figcaption{position:absolute;bottom:0;left:0;background:var(--paper);padding:14px 18px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.projects{padding:clamp(90px,12vw,170px) var(--pad)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:55px}.section-head h2,.about h2,.contact h2{font:400 clamp(52px,7vw,104px)/.9 'Italiana',serif;margin:0}.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tabs button{border:1px solid var(--line);background:transparent;border-radius:50px;padding:12px 18px;font:inherit;font-size:12px;cursor:pointer}.tabs i{font-style:normal;opacity:.55;margin-left:5px}.tabs button.active{background:var(--ink);color:var(--paper)}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 28px}.card{color:inherit;text-decoration:none}.card figure{margin:0;aspect-ratio:4/3;overflow:hidden;position:relative;background:#d8d1c5}.card img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.card:hover img{transform:scale(1.025)}.card figure span{position:absolute;right:12px;bottom:12px;background:rgba(238,233,223,.9);padding:8px 10px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.card-meta{display:flex;justify-content:space-between;align-items:start;padding-top:17px;border-top:1px solid var(--line);margin-top:12px}.card h3{font:400 clamp(24px,2.5vw,38px)/1.05 'Italiana',serif;margin:0 0 7px}.card p{margin:0;font-size:11px;letter-spacing:.12em;text-transform:uppercase}.card b{font-size:25px;font-weight:300}.about,.contact{padding:clamp(100px,13vw,180px) var(--pad);border-top:1px solid var(--line)}.about>div{display:grid;grid-template-columns:1fr 1fr;gap:6vw}.about p,.contact p{font-size:18px;line-height:1.7;max-width:670px}.contact{background:var(--ink);color:var(--paper)}footer{padding:42px var(--pad);display:flex;justify-content:space-between;font-size:11px;line-height:1.7;letter-spacing:.08em;text-transform:uppercase}.project{padding:0 var(--pad)}.project-head{padding:clamp(60px,10vw,140px) 0 70px}.project-head .back{display:inline-block;margin-bottom:90px}.project-head h1{font-size:clamp(58px,9vw,140px);max-width:1200px}.project-facts{display:flex;gap:30px;margin-top:46px;padding-top:18px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.13em;text-transform:uppercase}.gallery{columns:2;column-gap:18px}.gallery-item{display:block;width:100%;border:0;padding:0;margin:0 0 18px;background:#d8d1c5;cursor:zoom-in;break-inside:avoid}.gallery-item img{display:block;width:100%;height:auto}.next-project{margin:clamp(90px,12vw,170px) 0;display:grid;grid-template-columns:1fr auto;align-items:end;color:inherit;text-decoration:none;border-top:1px solid var(--line);padding-top:24px}.next-project span{grid-column:1/-1}.next-project strong{font:400 clamp(40px,6vw,86px)/1 'Italiana',serif}.next-project b{font-size:50px;font-weight:300}dialog.lightbox{position:fixed;inset:0;width:100vw;height:100vh;max-width:none;max-height:none;border:0;background:rgba(10,10,9,.96);padding:40px;color:white}dialog::backdrop{background:#111}.lightbox img{width:100%;height:100%;object-fit:contain}.lightbox button{position:absolute;border:0;background:rgba(255,255,255,.1);color:white;width:48px;height:48px;border-radius:50%;font-size:22px;cursor:pointer}.close{top:22px;right:22px}.prev{left:22px;top:50%}.next{right:22px;top:50%}.counter{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);font-size:12px;letter-spacing:.15em}.card[hidden]{display:none}@media(max-width:760px){.nav{height:70px}.navlinks{gap:14px}.navlinks a{font-size:11px}.hero{grid-template-columns:1fr;padding-top:70px}.hero-image{min-height:58vh}.section-head{align-items:start;flex-direction:column}.tabs{justify-content:flex-start}.project-grid{grid-template-columns:1fr;gap:48px}.about>div{grid-template-columns:1fr}.gallery{columns:1}.project-head .back{margin-bottom:60px}footer{gap:30px;flex-direction:column}}