:root{--forest:#152a1f;--ink:#171d18;--sage:#aebe9e;--cream:#f8f7f1;--tint:#eeefe7;--line:#c9cec2;--pad:clamp(22px,5.2vw,86px);font-family:Bahnschrift,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream);line-height:1.55}
*{box-sizing:border-box}body,figure,h1,h2,h3,p{margin:0}html{scroll-behavior:smooth;scroll-padding-top:20px}a{color:inherit}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}img{display:block;max-width:100%}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #a06519;outline-offset:4px}.skip{position:absolute;left:8px;top:-80px;background:white;padding:10px;z-index:5}.skip:focus{top:5px}
.wrap,.bar{max-width:1540px;margin:auto;padding-inline:var(--pad)}header,.dark,footer,.hero{background:var(--forest);color:var(--cream)}header{border-bottom:1px solid #ffffff31}.bar,.brand,nav,.actions,.over,.social,.legal{display:flex;align-items:center}.bar{min-height:86px;gap:24px;justify-content:space-between}.brand{text-decoration:none;gap:11px;white-space:nowrap}.brand img{object-fit:contain}.brand span{font-size:20px;letter-spacing:.035em;font-weight:750;line-height:1.2}.brand small{display:block;font-size:8px;letter-spacing:.16em;font-weight:500;margin-top:4px}nav{gap:clamp(11px,1.5vw,26px)}nav a,.foot a{text-decoration:none}nav a{font-size:14px}nav a:hover,.foot a:hover{text-decoration:underline;text-underline-offset:5px}.menu{display:none}.btn,.textbtn,.over,.cover figcaption span{font-size:11px;letter-spacing:.1em;font-weight:bold;text-transform:uppercase}.btn{background:var(--sage);color:var(--forest);padding:16px 21px;border:1px solid transparent;border-radius:3px;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:10px}.btn:hover{background:#c5d3b7}.compact{padding:12px 16px}
.hero{display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:clamp(52px,7vw,115px) 3vw clamp(52px,7vw,115px) max(var(--pad),calc((100vw - 1370px)/2));align-self:center}.over{gap:11px;color:#435441;letter-spacing:.16em;margin-bottom:22px}.over i{height:1px;width:30px;background:currentColor}.hero .over,.dark .over{color:#b4c39f}h1,h2,h3,.lead{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.07}h1{font-size:clamp(42px,4.85vw,88px);letter-spacing:-.052em}h2{font-size:clamp(37px,3.9vw,68px);letter-spacing:-.048em}h3,.lead{font-size:clamp(23px,2vw,32px);letter-spacing:-.028em}em{color:#496348;font-weight:normal}.hero em,.dark em{color:#b5c69e}.hero-copy>p:not(.over){max-width:47ch;color:#d4dacf;margin:22px 0 28px}.actions{gap:24px;flex-wrap:wrap}.textbtn{text-decoration:none;border-bottom:1px solid;padding-block:7px}.cover{position:relative;min-height:440px}.cover img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 52%}.cover figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 25px 20px;background:linear-gradient(transparent,#101710c9);color:white;font-family:Georgia,serif;font-size:20px}.cover figcaption span{display:block;font:10px Bahnschrift,Arial,sans-serif;letter-spacing:.15em;margin-bottom:4px}
.ribbon{display:grid;grid-template-columns:repeat(4,1fr);background:#dee4d3;padding:18px var(--pad);text-align:center;gap:10px}.ribbon span{border-right:1px solid #aeb8a6;font-size:15px}.ribbon span:last-child{border:0}.ribbon b,.service small{color:#52654d;font-size:11px;letter-spacing:.07em;margin-right:12px}.section{padding-block:clamp(56px,7vw,108px)}.duo,.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,120px)}p:not(.over){max-width:65ch}p+p,h2+p,h3+p{margin-top:15px}.tint{background:var(--tint)}.service-layout{grid-template-columns:.8fr 1.2fr;margin-top:40px;align-items:stretch}.service-layout>img{width:100%;height:100%;max-height:570px;object-fit:cover}.service{border-top:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:baseline}.service p{margin-top:6px;color:#4d584e}.service a{font-size:22px;min-width:35px;text-align:center;text-decoration:none}.comparison{margin-top:38px}.comparison h3{margin-bottom:12px}.pair,.gallery,.fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.photo{display:block;position:relative;overflow:hidden;background:#d1d5ca}.photo img{width:100%;aspect-ratio:1.45;object-fit:cover;transition:transform .3s}.photo:hover img{transform:scale(1.025)}.photo span{position:absolute;right:10px;bottom:10px;padding:3px 9px;background:#152a1fe6;color:white}.pair figcaption,.gallery figcaption{font-size:14px;padding-top:7px}.gallery{grid-template-columns:repeat(3,1fr);margin:18px 0}.more{margin-top:28px}.three,.foot{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.three{margin-top:35px}.three>div{border-top:1px solid #657365;padding-top:24px}.three p,.foot p{color:#d4dbd0}.duo .textbtn{display:inline-block;margin-top:16px}ol{padding-left:24px}li{padding:10px}li p{margin-top:4px}summary{padding:17px 30px 17px 0;list-style:none;position:relative;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:5px}details[open]>summary:after{content:'−'}details{border-bottom:1px solid var(--line)}details p{padding-bottom:20px}
.darkbtn{background:var(--forest);color:white}.darkbtn:hover{background:#35513d}#contact .darkbtn{margin-top:18px}hr{border:0;border-top:1px solid var(--line);margin:30px 0}.social{gap:8px;margin-top:12px;width:fit-content;text-underline-offset:4px}form{background:white;padding:clamp(20px,3vw,44px);border:1px solid var(--line);border-radius:4px}form p,form small{font-size:13px}form label{display:block;margin-top:13px;font-size:14px;font-weight:600}form label[hidden]{display:none}input,select,textarea{width:100%;margin-top:5px;padding:10px 12px;border:1px solid #a5b0a4;border-radius:3px;color:var(--ink);background:white}textarea{resize:vertical}form .btn{width:100%}form small{display:block;text-align:center;margin-top:10px}#status:empty{display:none}footer{padding-top:52px}.foot{grid-template-columns:1.2fr .7fr 1fr 1.1fr;gap:22px}.foot>div>a:not(.brand):not(.social){display:block;margin-top:6px}.foot b{display:block;color:#bfceb1;margin-bottom:10px}.foot{font-size:14px}.legal{gap:18px;padding-block:20px;margin-top:32px;border-top:1px solid #49604e;font-size:12px}.legal span{margin-right:auto}.policy{max-width:900px}.policy h2{font-size:30px;margin-top:35px}.policy .textbtn{display:inline-block;margin-top:34px}dialog{background:var(--cream);border:none;padding:15px;max-width:94vw;max-height:95vh}dialog::backdrop{background:#09100ce6}dialog button{float:right;background:var(--forest);color:white;border:0;padding:8px 14px;margin-bottom:8px}dialog img{clear:both;margin:auto;max-width:86vw;max-height:70vh;object-fit:contain}dialog p{padding:7px}
@media(max-width:1050px){.bar{flex-wrap:wrap;gap:10px;padding-block:12px}.menu{display:block;background:transparent;border:1px solid #859480;color:white;padding:9px 14px;border-radius:3px;margin-left:auto}nav{display:none;width:100%;order:4;flex-wrap:wrap;padding:12px 0}nav.open{display:flex}.foot{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.hero,.duo,.service-layout{grid-template-columns:1fr}.hero-copy{padding:44px var(--pad) 38px}.cover{min-height:320px}.cover img{object-position:50% 49%}.ribbon{grid-template-columns:1fr 1fr;text-align:left}.ribbon span:nth-child(2){border:0}.service-layout>img{max-height:300px}.three{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.bar{min-height:64px}.bar .compact{display:none}.brand img{width:42px;height:42px}.fields{gap:0;grid-template-columns:1fr}.legal{flex-wrap:wrap}.pair .photo img{aspect-ratio:.83}.pair{gap:8px}.foot{grid-template-columns:1fr 1fr}.foot>div:last-child{grid-column:1/-1}.service small{margin:0}.duo{gap:30px}.actions{gap:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand scale and rounded surfaces */
:root {
  font-size: 18px;
  --edge: clamp(12px, 2.2vw, 36px);
  --radius: clamp(20px, 2vw, 32px);
}
header {background: var(--cream); color: var(--forest); border: 0;}
.bar {max-width: 1640px; min-height: 100px; gap: 16px; padding-inline: clamp(16px, 3.4vw, 64px);}
.brand {gap: 12px;}
.brand img {width: 76px; height: 76px;}
.brand span {font: 800 clamp(22px, 2.05vw, 32px)/1 "Segoe UI", Arial, sans-serif; letter-spacing: -.05em;}
.brand small {font: 650 10px/1.4 "Segoe UI", Arial, sans-serif; letter-spacing: .13em;}
nav {gap: clamp(12px, 1.2vw, 24px);}
nav a {font-size: 16px;}
.utility {background: var(--forest); color: #ecf1e7; padding: 6px clamp(16px, 3.4vw, 64px); display: flex; justify-content: space-between; gap: 12px; font-size: 14px;}
.utility a {color: inherit; text-decoration: none;}
.utility a:hover {text-decoration: underline;}
.btn, .textbtn {font-size: 15px; letter-spacing: .015em; text-transform: none;}
.btn, .menu, .photo span, dialog button {border-radius: 100px;}
.compact {background: var(--forest); color: white; padding: 13px 22px;}
.compact:hover {background: #365641;}
.menu {color: var(--forest);}
.over {font-size: 13px;}
.hero {
  position: relative; isolation: isolate; overflow: hidden;
  display: flex; align-items: center;
  margin: 0 var(--edge); border-radius: var(--radius);
  min-height: clamp(530px, 42vw, 710px);
}
.hero-copy {position: relative; z-index: 1; padding: clamp(54px, 5vw, 84px) var(--pad); width: 100%; pointer-events: none;}
.hero-copy a {pointer-events: auto;}
.cover {position: absolute; inset: 0; min-height: 0;}
.cover img {width: 100%; height: 100%; object-fit: cover; object-position: 50% 59%;}
.cover::after {content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, #0a1811ed 0%, #102118dc 22%, #14261c9c 47%, #152a1f13 77%), linear-gradient(0deg, #0e181144, transparent 28%);}
.cover figcaption {z-index: 1; bottom: 24px; left: auto; right: 24px; padding: 10px 17px; border: 1px solid #ffffff5c; border-radius: 16px; background: #102318c9; font: 500 16px/1.35 "Segoe UI",sans-serif;}
.cover figcaption span {font-size: 11px; color: #d2dfc7;}
.hero h1 {font: 720 clamp(46px, 5.55vw, 94px)/.98 "Segoe UI", Arial, sans-serif; letter-spacing: -.06em;}
.hero h1 em {font: italic 500 1.02em/1.05 Georgia, serif; letter-spacing: -.045em; color: #d6e6c5;}
.hero .over {color: #edf3e6;}
.hero-copy > p:not(.over) {color: #f4f5ee; font-size: clamp(18px, 1.3vw, 22px); max-width: 42ch; line-height: 1.5;}
.hero .btn {background: #d2e2bc; padding: 15px 24px;}
.hero .btn:hover {background: #e6f0d8;}
.hero .textbtn {padding: 14px 20px; border: 1px solid #ffffff87; border-radius: 100px; color: white; background: #17271ec7;}
.ribbon {margin: 16px var(--edge) 0; padding: 20px clamp(12px, 2vw, 32px); background: #e8ece0; border-radius: 22px; gap: 0;}
.ribbon span {display: flex; justify-content: center; align-items: center; gap: 10px; padding: 4px 8px; font-size: clamp(16px, 1.3vw, 21px); line-height: 1.25;}
.ribbon svg {width: 26px; height: 26px; color: #39563d; flex-shrink: 0;}
.service-layout > img, .photo, form, dialog {border-radius: var(--radius);}
.service a {display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #dce4d4;}
.pair figcaption, .gallery figcaption, .foot {font-size: 16px;}
.three > div {background: #203b2d; border: 1px solid #3a5545; border-radius: 20px; padding: 25px;}
form {box-shadow: 0 12px 40px #152a1f0c;}
form label, form p, form small {font-size: 16px;}
input, select, textarea {font-size: 17px; border-radius: 12px;}
.foot .brand img {width: 82px; height: 82px;}
.legal {font-size: 14px;}
@media (max-width: 1120px) and (min-width: 1051px) {
  .bar {flex-wrap: wrap; padding-block: 10px;}
  .menu {display: block; margin-left: auto; border: 1px solid #80927e; background: transparent; padding: 8px 18px;}
  nav {display: none; width: 100%; order: 4; padding: 10px 0;}
  nav.open {display: flex;}
}
@media (max-width: 720px) {
  .bar {min-height: 80px;}
  .brand img {width: 60px; height: 60px;}
  .utility {font-size: 13px;}
  .hero {align-items: end; min-height: 590px;}
  .hero-copy {align-self: end; padding: 160px clamp(18px, 5vw, 36px) 35px;}
  .hero h1 {font-size: clamp(37px, 9vw, 59px);}
  .cover img {object-position: 62% 50%;}
  .cover::after {background: linear-gradient(0deg, #08180ff7 2%, #102218ec 36%, #14251ba8 65%, #12221a19 94%);}
  .cover figcaption {top: 14px; bottom: auto; right: 14px; font-size: 14px;}
  .actions {gap: 10px;}
  .hero .btn, .hero .textbtn {padding: 12px 16px;}
  .ribbon {padding: 10px 6px; row-gap: 10px;}
  .ribbon span {justify-content: flex-start; font-size: 15px; gap: 6px;}
  .ribbon svg {width: 19px; height: 19px;}
  .foot > div:first-child {grid-column: 1/-1;}
}