@import url("base.css");
:root{--bg:#fbf4e8;--ink:#39251e;--muted:#675044;--panel:#fffaf1;--line:#ceb8a7;--focus:#a1452e;--button:#8b3625;--button-ink:#fff9ef;--button-hover:#6d281b;--heading:Georgia,"Times New Roman",serif;--body-font:system-ui,sans-serif;color-scheme:light}
.mast{min-height:76px;border-bottom:1px solid var(--line)}
.brand{color:#793525;font:700 1.85rem/1 var(--heading);letter-spacing:-.08em;gap:8px}
.brand small{font:800 .53rem/1 system-ui;letter-spacing:.15em;align-self:end;margin-bottom:.4em}
nav{font-size:.88rem;font-weight:650}
.nav-cta{border:1px solid #a36652;border-radius:100px;padding:9px 16px;color:#793525}
.button,.filters button{border-radius:100px}
h1,h2,h3{font-family:var(--heading);font-weight:400;letter-spacing:-.055em;line-height:1.02}
h1 em,h2 em{font-weight:400;color:#94432e}
.hero{display:grid;grid-template-columns:.88fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;padding:clamp(40px,5vw,72px) 0 clamp(40px,5vw,72px)}
.hero h1{font-size:clamp(3.55rem,6.6vw,7rem);margin:18px 0 20px}
.hero .eyebrow,.section .eyebrow,.first .eyebrow{color:#8b3625}
.hero-copy>p:not(.eyebrow){max-width:37ch;color:var(--muted);font-size:1.05rem;margin-bottom:23px}
.hero-frame img{height:clamp(360px,43vw,550px);object-fit:cover;object-position:54% center;border-radius:49% 49% 13px 13px / 32% 32% 13px 13px}
.hero-frame figcaption{display:flex;justify-content:space-between;gap:12px;font-size:.63rem;color:#6f493b;letter-spacing:.15em;font-weight:800;border-bottom:1px solid var(--line);padding:11px 1px}
.intro-band{background:#ecdbca;border-block:1px solid #dec5b0}
.intro-grid{display:grid;grid-template-columns:1fr 2.2fr;gap:22px;align-items:center;padding-block:clamp(26px,4.5vw,60px)}
.intro-grid .eyebrow{color:#713727}
.intro-grid p{font:400 clamp(1.48rem,3.1vw,3.2rem)/1.15 var(--heading);letter-spacing:-.034em}
.intro-grid em{color:#8b3625}
.section h2,.first h2,.contact h2{font-size:clamp(2.95rem,6.25vw,6rem)}
.gallery{display:grid;grid-template-columns:1.18fr 1fr;gap:14px 26px;align-items:start}
.gallery article{display:grid;grid-template-columns:1fr 1fr;gap:17px;align-items:center;padding-bottom:14px;border-bottom:1px solid var(--line)}
.gallery article:first-child{grid-row:span 2;display:block}
.gallery article:first-child img{aspect-ratio:1.65}
.gallery article:first-child>div{padding-top:12px}
.gallery img{aspect-ratio:1.35;object-fit:cover;border-radius:10px}
.gallery h3{font-size:clamp(1.65rem,3.2vw,3.1rem);margin:4px 0 6px}
.gallery article>div>p:last-child{color:var(--muted);font-size:.95rem}
.first{background:#ead8c6;border-block:1px solid #dec5b0;padding-block:clamp(45px,7vw,88px)}
.first-grid{align-items:center}
.first img{height:clamp(310px,43vw,555px);object-fit:cover;border-radius:120px 12px 12px 12px}
.first h2{margin:9px 0 20px}
.first details{border-color:#be9f89}
.contact-grid{align-items:center;border:1px solid var(--line);border-radius:18px;padding:clamp(22px,5vw,66px);background:#f3e2d2}
.contact-card,.cookie-panel{border-radius:14px}
.footer{background:#f3e4d7}
@media(max-width:850px){.gallery{gap:14px}.gallery article{gap:10px}.gallery article h3{font-size:1.6rem}}
@media(max-width:660px){
 .mast{min-height:67px}.brand{font-size:1.58rem;gap:5px}.brand img{height:31px}.nav-cta{font-size:.73rem;min-height:39px;padding:8px 10px}
 .hero,.intro-grid,.gallery{grid-template-columns:1fr}.hero{gap:28px}.hero h1{font-size:clamp(3.1rem,12vw,5.3rem)}.hero-frame img{height:clamp(265px,75vw,430px)}
 .gallery article,.gallery article:first-child{display:block;grid-row:auto}.gallery article img,.gallery article:first-child img{aspect-ratio:1.62}.gallery article>div{padding-top:10px}
 .first img{height:clamp(230px,65vw,380px);border-radius:75px 10px 10px 10px}
}