:root{--bg:#F6F1E9;--side:#EFE8DB;--ink:#26302B;--pri:#1F4D3A;--muted:#6B6A62;--line:#D8D0C2;--acc:#B8492F;--w:272px}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Poppins',system-ui,sans-serif;font-weight:300;font-size:17px;line-height:1.75;background:var(--bg);color:var(--ink)}
h1,h2,h3{font-family:'Lora',Georgia,serif;font-weight:500;color:var(--pri);line-height:1.12}
em{font-style:italic;color:var(--acc)}
a{color:inherit}
.vh{position:absolute;opacity:0;pointer-events:none}
.side{position:fixed;left:0;top:0;bottom:0;width:var(--w);background:var(--side);border-right:1px solid var(--line);padding:38px 30px 28px;display:flex;flex-direction:column;overflow:auto}
.brand{text-decoration:none;display:flex;align-items:center;gap:14px;font-family:'Lora',serif;font-weight:500;font-size:20px;color:var(--pri);line-height:1.2}
.brand small{display:block;font-family:'Poppins',sans-serif;font-weight:400;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px}
.mark{flex:none}
.hb{display:none}
.side nav{margin-top:44px;display:flex;flex-direction:column}
.side nav a{text-decoration:none;color:var(--muted);font-size:15.5px;padding:9px 0 9px 16px;border-left:2px solid transparent;margin-left:-16px}
.side nav a:hover{color:var(--pri)}
.side nav a.on{color:var(--pri);font-weight:500;border-left-color:var(--acc)}
.quick{margin-top:auto;padding-top:30px;font-size:14px;color:var(--muted);line-height:1.6}
.quick a{display:block;text-decoration:none;color:var(--pri);font-weight:500}
.quick a.w{border-bottom:1px solid var(--pri);display:inline-block;margin-bottom:8px}
.quick small{display:block;margin-top:14px;font-size:12px}
main{margin-left:var(--w);padding:70px 60px 40px;min-height:100vh;display:flex;flex-direction:column}
.in{max-width:760px;width:100%}
.eyebrow{font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
h1{font-size:clamp(33px,4.8vw,54px);letter-spacing:-.01em;margin-bottom:26px}
h2{font-size:clamp(25px,3.2vw,32px);margin:56px 0 18px}
h3.sm{font-size:20px;margin:30px 0 8px}
p+p{margin-top:16px}
.lead{font-size:19px;max-width:32em}
.hero{display:grid;grid-template-columns:1fr 170px;gap:44px;align-items:start}
.hero h1{font-size:clamp(34px,4.8vw,56px);margin-bottom:28px}
.arch{width:170px;margin-top:6px}
.links{margin-top:34px;display:flex;gap:30px;flex-wrap:wrap}
.lnk{font-weight:500;font-size:16px;color:var(--pri);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.lnk:hover{color:var(--acc)}
.tease{margin-top:66px}
.tease a{display:grid;grid-template-columns:230px 1fr 30px;gap:18px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;align-items:baseline}
.tease a:first-child{border-top:1px solid var(--line)}
.tease b{font-family:'Lora',serif;font-weight:500;font-size:21px;color:var(--pri)}
.tease span{color:var(--muted);font-size:15.5px}
.tease i{font-style:normal;color:var(--acc)}
.tease a:hover b{color:var(--acc)}
.quote{font-family:'Lora',serif;font-style:italic;font-size:21px;color:var(--pri);margin-top:56px;max-width:30em;line-height:1.5}
.aside{margin-top:26px;padding-left:18px;border-left:2px solid var(--acc);color:var(--muted);font-size:15.5px;max-width:34em}
.row{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:14px 0;border-bottom:1px solid var(--line)}
.row:first-of-type{border-top:1px solid var(--line)}
.yr{color:var(--muted);font-size:15px}
.srv{display:grid;grid-template-columns:230px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}
.srv:first-of-type{border-top:1px solid var(--line)}
.srv b{font-family:'Lora',serif;font-weight:500;font-size:20px;color:var(--pri)}
.cols{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:8px}
.cols b{display:block;font-family:'Lora',serif;font-weight:500;font-size:21px;color:var(--pri);margin:4px 0 6px}
.cols span{font-size:13px;letter-spacing:.14em;color:var(--acc);font-weight:500}
.steps{counter-reset:s;list-style:none}
.steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;padding:12px 0;border-bottom:1px solid var(--line)}
.steps li:before{content:'0' counter(s);font-family:'Lora',serif;color:var(--acc);font-size:18px}
.steps li:first-child{border-top:1px solid var(--line)}
.price{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:16px 0;border-bottom:1px solid var(--line);max-width:520px}
.price:first-of-type{border-top:1px solid var(--line)}
.price b{font-family:'Lora',serif;font-weight:500;font-size:30px;color:var(--pri)}
.price small{color:var(--muted);font-size:14px;font-family:'Poppins',sans-serif}
.note{margin-top:14px;color:var(--muted);font-size:15.5px}
details{border-bottom:1px solid var(--line);padding:14px 0}
details:first-of-type{border-top:1px solid var(--line)}
summary{cursor:pointer;font-weight:400;color:var(--pri)}
details p{margin-top:8px;font-size:16px}
a.big{font-family:'Lora',serif;font-weight:500;font-size:clamp(26px,4vw,38px);color:var(--pri);text-decoration:none;display:block;line-height:1.35}
a.big:hover{color:var(--acc)}
footer{margin-top:auto;padding-top:60px;font-size:13.5px;color:var(--muted)}
@media(max-width:1100px){.hero{grid-template-columns:1fr}.arch{width:110px;order:-1;margin:0 0 6px}}
@media(max-width:860px){
 .side{position:static;width:auto;border-right:0;border-bottom:1px solid var(--line);padding:22px 22px 18px;overflow:visible;display:block}
 .top{display:flex;justify-content:space-between;align-items:center}
 .hb{display:inline-block;font-size:14px;font-weight:500;color:var(--pri);border-bottom:1px solid var(--pri);cursor:pointer}
 .side nav,.quick{display:none}
 #m:checked ~ nav{display:flex;margin-top:24px}
 #m:checked ~ .quick{display:block;margin-top:18px;padding-top:0}
 main{margin-left:0;padding:42px 22px 30px;min-height:0}
 .tease a{grid-template-columns:1fr 24px}.tease a span{grid-column:1/2;grid-row:2}
 .row{grid-template-columns:96px 1fr;gap:12px}
 .cols{grid-template-columns:1fr;gap:22px}
 .srv{grid-template-columns:1fr;gap:4px}
}

@view-transition{navigation:auto}
.strip{display:flex;align-items:center;justify-content:space-between;text-decoration:none;position:fixed;z-index:30;transition:width .25s ease,background .25s ease}
.strip span{font-weight:500;font-size:12.5px;letter-spacing:.2em;text-transform:uppercase;white-space:nowrap}
.strip i{font-style:normal;font-size:16px}
.strip:focus-visible{outline:3px solid #F0B79C;outline-offset:-3px}
@media(min-width:861px){.strip{top:0;bottom:0;flex-direction:column;padding:28px 0}.strip span{writing-mode:vertical-rl}}
@media(max-width:860px){.strip{left:0;right:0;bottom:0;height:46px;flex-direction:row;padding:0 22px}main{padding-bottom:76px!important}}

.strip{background:#16365F;color:#E8F1FA}
.strip:hover{background:#2468A8}
@media(min-width:861px){.strip{right:0;width:56px}.strip:hover{width:84px}main{margin-right:56px}}
