/* Clearwater Joinery Limited */
/* Montserrat (c) 2024 The Montserrat Project Authors. SIL Open Font License 1.1. */
@font-face{font-family:bz-montser;font-style:normal;font-weight:900;font-display:swap;
 src:url(data:font/woff2;base64,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) format("woff2")}
*,*::before,*::after{box-sizing:border-box}
:root{
 --acc:hsl(105 59% 31%);
 --acc-d:hsl(105 59% 22%);
 --acc-t:hsl(105 39% 95%);
 --ink:hsl(105 16% 13%);
 --mut:hsl(105 10% 40%);
 --line:hsl(105 14% 87%);
 --bg:#fff; --soft:hsl(105 13% 97%);
 --max:1229px; --r:0px;
}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);
 font:17px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
img,svg{max-width:100%}
a{color:var(--acc-d)}
h1,h2,h3{font-family:bz-montser,Arial,sans-serif;font-weight:900;
 letter-spacing:-0.03em;line-height:1.1;margin:0 0 .5em}
h1{font-size:clamp(31px,3.4vw + 16px,50px)}
h2{font-size:clamp(25px,1.9vw + 15px,34px)}
h3{font-size:19px;letter-spacing:-0.01em}
p{margin:0 0 1em}
.wrap{width:100%;max-width:var(--max);margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px}
.skip:focus{left:12px;top:12px;z-index:9;background:var(--acc);color:#fff;padding:8px 14px}
:focus-visible{outline:2px solid var(--acc);outline-offset:2px}

/* служебная полоса */
.bar{background:var(--ink);color:#fff;font-size:13.5px}
.bar .wrap{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}
.bar a{color:#fff;text-decoration:none;margin-left:18px}
.bar a:hover{text-decoration:underline}
@media (max-width:720px){.bar .wrap>span:first-child{display:none}}

/* шапка */
.top{border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff;z-index:5}
.top .wrap{display:flex;align-items:center;gap:22px;padding-top:14px;padding-bottom:14px}
.logo{display:flex;align-items:center;gap:11px;text-decoration:none;color:inherit}
.logo b{display:block;font-family:bz-montser,Arial,sans-serif;font-size:18.5px;letter-spacing:-0.03em}
.logo em{display:block;font-style:normal;font-size:12px;color:var(--mut)}
.top nav{margin-left:auto;display:flex;gap:22px;font-size:15.5px}
.top nav a{color:var(--ink);text-decoration:none;padding:6px 0;border-bottom:2px solid transparent}
.top nav a:hover{border-bottom-color:var(--line)}
.top nav a[aria-current]{border-bottom-color:var(--acc)}
@media (max-width:860px){.top nav{display:none}.top .wrap{gap:12px}}

.btn{display:inline-block;background:var(--acc);color:#fff;text-decoration:none;
 padding:13px 22px;border-radius:var(--r);font-weight:600;font-size:15.5px}
.btn:hover{background:var(--acc-d)}
.btn-o{background:none;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line)}
.btn-o:hover{background:var(--soft)}
.btn-s{padding:9px 16px;font-size:14.5px;margin-left:auto}
@media (min-width:861px){.btn-s{margin-left:0}}

section{padding:clamp(42px,5vw,72px) 0}
.soft{background:var(--soft)}
.lead{font-size:19px;color:var(--mut);max-width:62ch}
.eyebrow{font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc-d);
 margin:0 0 10px;font-weight:600}

/* первый экран */
.hero{border-bottom:1px solid var(--line)}
.hero .wrap{display:grid;gap:34px;grid-template-columns:1fr;align-items:center}
@media (min-width:900px){.hero .wrap{grid-template-columns:1.15fr .85fr;gap:54px}}
.hero p.lead{margin-bottom:26px}
.hero .cta{display:flex;flex-wrap:wrap;gap:12px}
.card-call{background:var(--soft);border:1px solid var(--line);border-radius:var(--r);padding:24px}
.card-call h3{margin-bottom:14px}
.card-call dl{display:grid;grid-template-columns:auto 1fr;gap:7px 16px;margin:0;font-size:15.5px}
.card-call dt{color:var(--mut)}
.card-call dd{margin:0}

.grid{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:640px){.grid{grid-template-columns:1fr 1fr}}
@media (min-width:980px){.grid-3{grid-template-columns:1fr 1fr 1fr}}
.item{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:#fff}
.item h3{margin-bottom:8px}
.item p{margin:0;color:var(--mut);font-size:15.5px}
.num{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;
 background:var(--acc-t);color:var(--acc-d);font-weight:700;font-size:14px;margin-bottom:12px}

.quotes{display:grid;gap:20px;grid-template-columns:1fr}
@media (min-width:860px){.quotes{grid-template-columns:1fr 1fr}}
blockquote{margin:0;background:#fff;border:1px solid var(--line);border-left:3px solid var(--acc);
 border-radius:var(--r);padding:22px}
blockquote p{font-size:17px}
blockquote cite{font-style:normal;font-size:14.5px;color:var(--mut)}
blockquote cite b{display:block;color:var(--ink)}

.facts{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
 border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:26px 0}
.facts b{display:block;font-family:bz-montser,Arial,sans-serif;font-size:31px;letter-spacing:-0.03em}
.facts span{font-size:14.5px;color:var(--mut)}

details{border-bottom:1px solid var(--line);padding:15px 0}
details summary{cursor:pointer;font-weight:600;font-size:17px}
details p{margin:10px 0 0;color:var(--mut)}

.cols{display:grid;gap:34px;grid-template-columns:1fr}
@media (min-width:900px){.cols{grid-template-columns:1.2fr .8fr;gap:54px}}
table.hours{border-collapse:collapse;width:100%;font-size:15.5px}
table.hours th,table.hours td{text-align:left;padding:9px 0;border-bottom:1px solid var(--line)}
table.hours th{font-weight:500;color:var(--mut)}

/* схема проезда: нарисована стилями, никаких внешних карт */
.map{height:230px;border:1px solid var(--line);border-radius:var(--r);position:relative;overflow:hidden;
 background:
  repeating-linear-gradient(0deg,var(--soft) 0 23px,transparent 23px 24px),
  repeating-linear-gradient(90deg,var(--soft) 0 23px,transparent 23px 24px),#fff}
.map::before{content:"";position:absolute;inset:0;
 background:
  linear-gradient(104deg,transparent 46%,var(--line) 46% 49%,transparent 49%),
  linear-gradient(18deg,transparent 58%,var(--line) 58% 60%,transparent 60%)}
.map b{position:absolute;left:50%;top:50%;translate:-50% -100%;display:grid;place-items:center;
 width:22px;height:22px;border-radius:50% 50% 50% 0;rotate:-45deg;background:var(--acc)}
.map span{position:absolute;left:50%;top:calc(50% + 12px);translate:-50% 0;background:#fff;
 border:1px solid var(--line);border-radius:3px;padding:3px 9px;font-size:13px;white-space:nowrap}

.team{display:grid;gap:18px;grid-template-columns:1fr}
@media (min-width:700px){.team{grid-template-columns:repeat(3,1fr)}}
.team div{text-align:left}
.team i{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;
 background:var(--acc-t);color:var(--acc-d);font-style:normal;font-weight:700;margin-bottom:11px}
.team b{display:block}
.team span{color:var(--mut);font-size:14.5px}

footer{background:var(--ink);color:hsl(105 10% 78%);margin-top:10px}
footer a{color:#fff;text-decoration:none}
footer a:hover{text-decoration:underline}
.foot{display:grid;gap:26px;grid-template-columns:1fr;padding-top:44px;padding-bottom:30px}
@media (min-width:760px){.foot{grid-template-columns:1.4fr 1fr 1fr 1fr}}
.foot b{display:block;color:#fff;margin-bottom:10px;font-size:15px}
.foot p,.foot address{margin:0;font-style:normal;font-size:14.5px;line-height:1.75}
.legal{border-top:1px solid hsl(105 12% 26%);padding-top:16px;padding-bottom:26px;font-size:13px}
.legal p{margin:0 0 4px}
.prose{max-width:70ch}
.prose h2{margin-top:1.6em}