@font-face{font-family:'Secular One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/secular-one-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Secular One';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/secular-one-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/assistant-400-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/assistant-400-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/assistant-700-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/assistant-700-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Assistant';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/assistant-800-hebrew.woff2) format('woff2');unicode-range:U+0307-0308, U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F}
@font-face{font-family:'Assistant';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/assistant-800-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
:root{--g:#00653A;--g2:#2DBE6C;--k:#111;--w:#fff;--r:#D0201A;--f:#F2B705;--pad:20px;--max:1280px}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
body{font-family:'Assistant',system-ui,sans-serif;font-size:18px;line-height:1.55;color:var(--k);background:var(--w);overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
:focus-visible{outline:4px solid var(--f);outline-offset:3px}
.skip{position:absolute;inset-inline-start:8px;top:-60px;background:var(--k);color:#fff;padding:10px 14px;z-index:9;text-decoration:none}
.skip:focus{top:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
h1,h2,h3,.btn,.logo,.sign,.num,summary,.ex,.st,.et{font-family:'Secular One','Assistant',sans-serif;font-weight:400}
section,.top,.fin{padding-inline:var(--pad);max-width:var(--max);margin-inline:auto}
/* logo: green road-sign plate */
.logo{display:inline-flex;align-items:center;gap:8px;background:var(--g);color:#fff;padding:6px 14px 6px 12px;border-radius:7px;box-shadow:inset 0 0 0 2px var(--g),inset 0 0 0 4px #fff;font-size:24px;line-height:1.2;text-decoration:none}
.logo .peak{width:26px;height:26px}
.home{text-decoration:none}
.top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:14px}
.top nav{display:none}
.top nav a{text-decoration:none;font-weight:700;margin-inline:14px}
.top nav a:hover{text-decoration:underline;text-decoration-thickness:3px}
.btn{display:inline-flex;align-items:center;gap:14px;background:var(--k);color:#fff;text-decoration:none;padding:10px 16px;font-size:19px;line-height:1.1;border:3px solid var(--k)}
.btn:hover{background:var(--g);border-color:var(--g)}
.btn.big{font-size:clamp(22px,6vw,30px);padding:16px 22px}
.btn .arr,.sign .arr,.endsign .arr,.work .arr{width:1.4em;height:1em;flex:none}
/* hero */
.hero{padding-top:20px;padding-bottom:36px;display:grid;gap:28px}
h1{font-size:clamp(62px,18.5vw,210px);line-height:.92;letter-spacing:-.01em}
h1 span{display:block}
.g{color:var(--g)}
.lead{font-size:clamp(19px,4.8vw,24px);max-width:34ch;margin-bottom:20px}
.phone{margin-top:12px;font-weight:700}
.phone a{text-decoration-thickness:2px}
.sign{background:var(--g);color:#fff;border-radius:12px;box-shadow:inset 0 0 0 4px var(--g),inset 0 0 0 7px #fff;padding:10px 20px}
.sign-row{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;padding:14px 4px;font-size:clamp(19px,5vw,28px);line-height:1.2}
.sign-row+.sign-row{border-top:3px solid rgba(255,255,255,.85)}
.sign-row .k{font-family:'Assistant';font-weight:700}
.sign-row .v{white-space:nowrap}
.curb{height:22px;background:repeating-linear-gradient(90deg,var(--r) 0 64px,#fff 64px 128px);border-block:3px solid var(--k)}
/* why */
.why{padding-block:56px 40px}
.why h2{font-size:clamp(40px,10.5vw,112px);line-height:1;margin-bottom:22px}
.why h2 .g{display:block}
.why p{font-size:clamp(19px,4.6vw,24px);max-width:46ch}
.sec{font-size:clamp(34px,8.5vw,72px);line-height:1.05;margin-bottom:22px}
/* includes: exit plates */
.inc{padding-block:40px}
.exits{list-style:none;display:grid;gap:0}
.exits li{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;border-top:4px solid var(--k);padding:18px 0}
.ex{background:var(--k);color:#fff;font-size:22px;padding:4px 10px;min-width:56px;text-align:center;border-radius:4px}
.exits h3{font-size:clamp(23px,5.6vw,30px);line-height:1.15;margin-bottom:4px}
/* route: asphalt road */
.route{padding-block:40px}
.stops{list-style:none;position:relative;padding-inline-start:64px}
.stops::before{content:"";position:absolute;inset-block:0;inset-inline-start:0;width:40px;background:#2b2b2b repeating-linear-gradient(180deg,transparent 0 18px,#fff 18px 40px) center/4px 100% no-repeat;border-radius:4px}
.stops li{position:relative;padding-bottom:30px}
.st{position:absolute;inset-inline-start:-64px;top:-2px;width:40px;height:40px;border-radius:50%;background:var(--g);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:inset 0 0 0 3px #fff,0 0 0 2px var(--g)}
.stops h3{font-size:clamp(24px,6vw,34px);line-height:1.15;margin-bottom:4px}
/* works */
.works{padding-block:48px}
.works-head p{font-size:20px;margin-top:-10px;margin-bottom:22px}
.grid{list-style:none;display:grid;gap:14px;grid-template-columns:1fr 1fr}
@media (max-width:599px){.work{border-width:3px}.work img{border-bottom-width:3px}.wl{font-size:15px;padding:8px;gap:6px;align-items:flex-start}.wl .arr{display:none}.wn{font-size:17px}.wt b{display:block}}
.work{display:block;text-decoration:none;border:4px solid var(--k);background:#fff}
.work img{aspect-ratio:16/10;object-fit:cover;object-fit:cover;object-position:top;width:100%;border-bottom:4px solid var(--k)}
.wl{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--g);color:#fff;font-size:19px;line-height:1.25}
.wn{font-family:'Secular One';font-size:22px;opacity:.85}
.wt{flex:1}
.work:hover .wl{background:var(--k)}
/* price */
.price{background:var(--k);color:#fff;max-width:none;padding-block:56px 64px;text-align:center}
.price>*{max-width:760px;margin-inline:auto}
.num{display:flex;justify-content:center;align-items:flex-start;gap:6px;font-size:clamp(150px,46vw,380px);line-height:.85;margin-bottom:8px}
.num .c{font-size:.35em;color:var(--g2);margin-top:.18em}
.once{font-family:'Secular One';font-size:clamp(24px,6vw,36px);margin-bottom:28px}
.plist{list-style:none;text-align:start;border-top:3px solid #fff;margin-bottom:22px}
.plist li{display:flex;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid #555;font-size:19px}
.plist b{white-space:nowrap;color:var(--g2)}
.cmp{color:#cfcfcf;font-size:17px;margin-bottom:28px}
.btn.inv{background:#fff;color:var(--k);border-color:#fff}
.btn.inv:hover{background:var(--g2);border-color:var(--g2)}
/* faq */
.faq{padding-block:56px}
.faq details{border-top:4px solid var(--k)}
.faq details:last-child{border-bottom:4px solid var(--k)}
.faq summary{cursor:pointer;list-style:none;font-size:clamp(21px,5.2vw,28px);padding:16px 0;display:flex;justify-content:space-between;gap:14px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-size:1.2em;line-height:1}
.faq details[open] summary::after{content:"−"}
.faq p{padding:0 0 18px;max-width:60ch}
/* end */
.end{padding-block:16px 56px}
.endsign{display:grid;grid-template-columns:1fr auto;align-items:center;gap:6px 18px;background:var(--g);color:#fff;text-decoration:none;border-radius:14px;box-shadow:inset 0 0 0 5px var(--g),inset 0 0 0 9px #fff;padding:30px 28px}
.et{font-size:clamp(34px,8.5vw,84px);line-height:1}
.es{grid-row:2;font-size:clamp(18px,4.4vw,24px);font-weight:700}
.endsign .arr{grid-row:1/3;grid-column:2;width:clamp(54px,12vw,120px);height:auto}
.endsign:hover{background:var(--k);box-shadow:inset 0 0 0 5px var(--k),inset 0 0 0 9px #fff}
.foot{padding-bottom:28px}
.fin{padding-top:26px;display:grid;gap:14px}
.fin p{font-size:16px}
.fin .logo{justify-self:start}
.grid li{display:flex}.work{display:flex;flex-direction:column;width:100%}.wl{flex:1}
.note{font-weight:700}
@media (min-width:600px){.grid{grid-template-columns:1fr 1fr}.exits{grid-template-columns:1fr 1fr;column-gap:40px}}
@media (min-width:1000px){
:root{--pad:48px}
.top nav{display:flex}
.hero{grid-template-columns:1.3fr 1fr;align-items:end;padding-top:40px;column-gap:56px}
h1{font-size:clamp(90px,10.4vw,176px)}h1 span{white-space:nowrap}
.hero-side{padding-bottom:18px}
.sign{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);padding:14px 10px}
.sign-row{padding:10px 22px}
.sign-row+.sign-row{border-top:0;border-inline-start:3px solid rgba(255,255,255,.85)}
.why{display:grid;grid-template-columns:1.3fr 1fr;gap:56px;align-items:end;padding-block:96px 72px}
.why h2{margin:0;font-size:clamp(56px,6.2vw,96px)}
.exits{grid-template-columns:repeat(3,1fr)}
.stops{padding-inline-start:0;padding-top:76px;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.stops::before{inset-inline:0;inset-block:0 auto;height:40px;width:auto;background:#2b2b2b repeating-linear-gradient(270deg,transparent 0 22px,#fff 22px 52px) center/100% 4px no-repeat}
.st{inset-inline-start:0;top:-76px}
.grid{grid-template-columns:repeat(4,1fr)}.wl{font-size:17px}
.works-head{display:flex;justify-content:space-between;align-items:baseline;gap:30px}
.faq{display:grid;grid-template-columns:1fr 2fr;column-gap:56px;align-items:start}
.faq .sec{grid-row:1/20}
}
