:root{--bg:#f4f0e6;--paper:#fbf9f3;--ink:#26231d;--soft:#5e584b;--stone:#d8d2c3;--line:#c9c2b0;--brand:#2f5d34;--brand-d:#244a29;--wood:#6b5744;--s:8px}
*{box-sizing:border-box}
[hidden]{display:none !important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:18px/1.55 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
img{max-width:100%;height:auto;display:block}
a{color:var(--brand-d)}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #b5731f;outline-offset:2px}
.wrap{max-width:1100px;margin:0 auto;padding:0 calc(var(--s)*2.5)}
header.top{padding:calc(var(--s)*2) 0;border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font:700 22px Georgia,"Times New Roman",serif;color:var(--ink);text-decoration:none}
.brand svg{width:30px;height:30px}
.top a.link{font-size:16px;min-height:44px;display:inline-flex;align-items:center}
h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15;margin:0 0 16px}
h1{font-size:clamp(34px,7vw,56px);letter-spacing:-.01em}
h2{font-size:clamp(26px,4.5vw,36px)}
h3{font-size:22px}
section{padding:calc(var(--s)*7) 0}
.hero{padding:calc(var(--s)*5) 0 calc(var(--s)*7)}
.hero .wrap{display:grid;gap:40px;grid-template-columns:1.15fr .85fr;align-items:start}
.lead{font-size:21px;color:var(--soft);max-width:34em}
.card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:calc(var(--s)*3)}
form{display:grid;gap:16px}
label{display:grid;gap:6px;font-weight:600;font-size:17px}
label small{font-weight:400;color:var(--soft);font-size:15px}
input[type=text],input[type=email],input[type=url]{font:inherit;min-height:52px;padding:10px 14px;border:2px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);width:100%}
input[aria-invalid=true]{border-color:#a3321f}
.err{color:#8c2a19;font-weight:400;font-size:15px;min-height:0}
.hp{position:absolute;left:-9999px;height:0;overflow:hidden}
.btn{font-family:inherit;font-weight:700;font-size:18px;line-height:1.2;min-height:56px;padding:14px 20px;border-radius:8px;border:2px solid var(--brand);cursor:pointer;text-align:center;text-decoration:none;display:flex;align-items:center;justify-content:center}
.btn.a{background:var(--brand);color:#fff;font-size:21px;min-height:64px}
.btn.a:hover{background:var(--brand-d)}
.btn.b{background:transparent;color:var(--soft);border-color:var(--line);font-weight:600;font-size:16px;min-height:48px}
.btn[aria-busy=true]{opacity:.7;cursor:progress}
.fine{font-size:15px;color:var(--soft);margin:0}
.ok{background:#e8efdf;border:1px solid #9fb88b;border-radius:8px;padding:16px}
.proof{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;align-items:center}
.proof .shot{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--paper)}
.proof .shot span{display:block;padding:10px 16px;font-size:15px;color:var(--soft)}
.steps{counter-reset:s;list-style:none;margin:0;padding:0;display:grid;gap:0;max-width:760px}
.steps li{counter-increment:s;padding:24px 0 24px 72px;position:relative;border-top:1px solid var(--line)}
.steps li:before{content:counter(s);position:absolute;left:0;top:20px;width:48px;height:48px;border-radius:50%;background:var(--wood);color:#fff;font:700 24px/48px Georgia,serif;text-align:center}
.steps strong{display:block;font-size:22px;font-family:Georgia,serif}
.cols{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.cols ul{padding-left:20px;margin:0}
.cols li{margin-bottom:8px}
.band{background:var(--stone)}
details{border-top:1px solid var(--line);padding:4px 0}
details:last-of-type{border-bottom:1px solid var(--line)}
summary{cursor:pointer;font-weight:600;min-height:44px;padding:10px 0;font-size:19px}
details p{margin:0 0 16px;max-width:42em}
footer{padding:40px 0;border-top:1px solid var(--line);font-size:16px;color:var(--soft)}
footer .wrap{display:flex;flex-wrap:wrap;gap:12px 28px}
footer a{min-height:44px;display:inline-flex;align-items:center}
.ref-hero img{width:100%;max-height:520px;object-fit:cover;border-radius:12px}
.ref-hero figcaption,.gal figcaption{font-size:15px;color:var(--soft);padding-top:8px}
.facts{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:24px;display:grid;gap:8px}
.facts dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:8px 20px}
.facts dt{font-weight:700}.facts dd{margin:0}
.refgrid{display:grid;grid-template-columns:1.6fr 1fr;gap:40px;align-items:start}
.gal{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.gal figure{margin:0}.gal img{border-radius:8px;width:100%;aspect-ratio:3/2;object-fit:cover}
.posts{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:20px;align-items:start}
.post{background:var(--paper);border:1px solid var(--line);border-radius:12px;overflow:hidden}
.post img{aspect-ratio:4/3;object-fit:cover;width:100%}
.post div{padding:16px}
.post .tag{font-size:14px;font-weight:700;color:var(--wood);text-transform:uppercase;letter-spacing:.04em}
.post p{margin:8px 0 0;font-size:17px}
.sample-bar{background:var(--wood);color:#fff;font-size:16px;padding:10px 0}
.sample-bar a{color:#fff}
@media(max-width:820px){
 body{font-size:18px}
 .gal figure{margin:0 0 16px}
 .hero .wrap,.proof,.cols,.refgrid,.posts,.gal{grid-template-columns:1fr}
 section{padding:48px 0}
 .steps li{padding-left:64px}
}
@media(prefers-reduced-motion:reduce){*{transition:none !important;scroll-behavior:auto !important}}

.miniproof{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:center;margin-top:24px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none}
.miniproof img{border-radius:8px;aspect-ratio:4/3;object-fit:cover;width:100%}
.miniproof strong{display:block;font-size:20px;text-decoration:underline;font-family:Georgia,serif}
.miniproof span{font-size:16px;color:var(--soft)}
.about{display:flex;gap:24px;align-items:flex-start;max-width:44em}
.about img{width:128px;height:128px;border-radius:50%;flex:none}
@media(max-width:480px){.about{flex-direction:column}.miniproof{grid-template-columns:110px 1fr}}