:root{--ink:#29221d;--paper:#f4eee4;--rust:#9b4937;--line:rgba(41,34,29,.18)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;object-fit:contain}
.top{display:flex;justify-content:space-between;align-items:center;padding:26px 4vw;border-bottom:1px solid var(--line)}
.brand{font-family:"Italiana",serif;font-size:1.25rem;line-height:1.05}
.top nav{display:flex;gap:30px;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}
.top nav a{padding:5px 0;border-bottom:1px solid transparent}
.top nav a:hover,.top nav a:focus-visible,.top nav a[aria-current="page"]{border-color:currentColor}
.project-back{display:inline-flex;align-items:center;margin:26px 4vw 0;padding:11px 20px;border:1px solid rgba(41,34,29,.28);border-radius:999px;background:rgba(255,255,255,.22);text-transform:uppercase;letter-spacing:.13em;font-size:.72rem;transition:background .25s,color .25s,border-color .25s,transform .25s}
.project-back:hover,.project-back:focus-visible{background:var(--rust);border-color:var(--rust);color:#fff;transform:translateY(-1px)}
.hero{padding:8vw 4vw 5vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:6vw;align-items:end}
.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:.74rem;color:var(--rust)}
h1{font-family:"Italiana",serif;font-weight:400;font-size:clamp(4rem,9vw,9rem);line-height:.85;letter-spacing:-.03em;margin:18px 0 0}
.intro{font-size:1.08rem;font-weight:300;max-width:470px;margin:0}
.gallery{padding:0 4vw 8vw;display:grid;grid-template-columns:1.45fr .85fr;gap:2.3vw;align-items:start}
.gallery img,.gallery .small,.gallery .full{height:auto;max-height:none;min-height:0;object-fit:contain}
.gallery .small{margin-top:0}
.gallery .full{grid-column:1/-1}
.gallery .feature{grid-column:1/-1;max-width:min(760px,72vh);justify-self:center}
.gallery.tomasa-gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5vw}
.gallery.tomasa-gallery img{width:100%;height:auto}
.gallery.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5vw}
.gallery.project-grid img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.gallery.project-grid.bartola-grid img{aspect-ratio:9/16}
.next{background:#29221d;color:#f4eee4;padding:7vw 4vw;display:flex;justify-content:space-between;align-items:end}
.next span{text-transform:uppercase;letter-spacing:.14em;font-size:.74rem}
.next strong{font-family:"Italiana",serif;font-size:clamp(2.5rem,5vw,5rem);font-weight:400}
.next:hover strong{color:#d7a18d}
@media(max-width:900px) and (min-width:721px){.gallery.tomasa-gallery,.gallery.project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2vw}}
@media(max-width:720px){.top{padding:20px;align-items:flex-start}.top nav{gap:12px;flex-wrap:wrap;justify-content:flex-end;max-width:160px;font-size:.63rem}.project-back{margin:20px 20px 0}.hero{padding:55px 20px 40px;grid-template-columns:1fr}.gallery,.gallery.tomasa-gallery,.gallery.project-grid{padding:0 20px 70px;grid-template-columns:1fr;gap:20px}.gallery img,.gallery .small,.gallery .full,.gallery .feature{grid-column:auto;width:100%;max-width:none;height:auto;min-height:0;margin:0}.next{padding:65px 20px;display:grid;gap:16px}}