/* 에이스홈픽스 데크 수리 — '공원 데크길 목재 안내판'. 휴대폰 먼저, 숨은 조작 없음. 제목 제주돌담체, 본문 시스템 고딕. */
@import url('https://cdn.jsdelivr.net/gh/fonts-archive/JejuDoldam/JejuDoldam.css');
:root{
 --mist:#eef1ea;--mist2:#e2e8dc;--paper:#fffdf6;--cream:#f7ecd3;--carve:#f5e6c4;
 --cedar:#4a2a1a;--cedar2:#6b3d24;--cedar3:#8a5534;
 --plank:#c79662;--plank2:#b8864f;--gap:#5a3a22;--newwood:#e7c28a;--grey:#8e8a80;
 --moss:#35602f;--moss2:#2a4d25;--amber:#e8a23a;--amber2:#c9831c;--lawn:#56793a;--lawn2:#4b6c31;--stone:#d9d6cf;
 --ink:#1e241d;--sub:#4c5448;--line:#cfd6c7;--red:#b3261e;
 --hd:'Jeju Doldam',-apple-system,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;
 --tx:-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic','Noto Sans KR',sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:12px}
body{margin:0;background:var(--mist);color:var(--ink);font:16px/1.7 var(--tx);word-break:keep-all;overflow-wrap:anywhere;padding-bottom:78px}
img{max-width:100%;height:auto;display:block}
a{color:var(--cedar2)}
h1,h2,h3{font-family:var(--hd);font-weight:normal;line-height:1.3;margin:0 0 .5em;letter-spacing:0}
h2{font-size:1.6rem;color:var(--cedar)}
h3{font-size:1.2rem;color:var(--cedar)}
p{margin:0 0 .8em}
.skip{position:absolute;left:-999px;top:0;background:var(--amber);color:#111;padding:8px 12px;z-index:50}
.skip:focus{left:8px}

/* ── 머리: 새김 안내판 + 이정표 메뉴 ── */
.hd{background:var(--mist2);border-bottom:1px solid var(--line)}
.hd-in{max-width:1080px;margin:0 auto;padding:10px 16px 8px}
.brand{position:relative;display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--carve);
 background:linear-gradient(180deg,var(--cedar2),var(--cedar));border-radius:8px;padding:9px 26px 9px 12px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.25)}
.brand::before,.brand::after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;
 background:radial-gradient(circle at 35% 35%,#d9cbb0,#8c7a5c)}
.brand::before{left:auto;right:10px}
.brand::after{display:none}
.brand svg{width:40px;height:40px;flex:none}
.l-bg{fill:#2f1a10}.l-old{fill:#8a6a4f}.l-new{fill:var(--newwood)}.l-sc{fill:#2f1a10}
.brand-t{display:flex;align-items:center;flex-wrap:wrap;gap:4px 10px;min-width:0}
.brand-t b{font-family:var(--hd);font-weight:normal;font-size:1.45rem;line-height:1.1;white-space:nowrap}
.mark{font-style:normal;font-weight:800;font-size:.95rem;color:#2a1a0e;background:var(--amber);padding:2px 10px;border-radius:3px;
 box-shadow:inset 0 -2px 0 var(--amber2);white-space:nowrap}
.posts{max-width:1080px;margin:0 auto;padding:0 16px 10px}
.posts ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.posts a{display:flex;align-items:center;gap:6px;min-height:44px;padding:6px 22px 6px 10px;text-decoration:none;color:var(--cedar);font-weight:800;font-size:.98rem;
 background:linear-gradient(180deg,#dcb07a,#c9965c);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
.posts a:hover,.posts a:focus-visible{background:linear-gradient(180deg,#e9c08c,#d6a468)}
.posts svg{width:18px;height:18px;flex:none;fill:none;stroke:var(--cedar);stroke-width:2.2}
.po-t{line-height:1.25}

/* ── 공통 틀 ── */
.sec{max-width:1080px;margin:0 auto;padding:30px 16px}
.wrap{max-width:1080px;margin:0 auto;padding:0 16px}
.wrap .sec{padding-left:0;padding-right:0}
.kick{display:inline-block;margin:0 0 6px;font-size:.85rem;font-weight:800;color:var(--moss);letter-spacing:.02em}
.kick::before{content:"";display:inline-block;width:14px;height:8px;margin-right:6px;vertical-align:1px;background:linear-gradient(90deg,var(--amber) 55%,#fff 55%);border:1px solid var(--amber2)}
.sub{color:var(--sub)}
.answer{background:var(--paper);border-left:6px solid var(--moss);padding:12px 14px;border-radius:0 6px 6px 0}
.more{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:10px 16px;border-radius:6px;background:var(--cedar);color:var(--carve);
 font-weight:800;text-decoration:none}
.more::after{content:"→"}
.upd{font-size:.82rem;color:var(--sub);margin:6px 0 0}

/* ── 새김 안내판(제목) ── */
.carve{position:relative;background:linear-gradient(180deg,var(--cedar2),var(--cedar));color:var(--carve);border-radius:10px;padding:16px 18px 18px;
 box-shadow:0 4px 0 #2e190f,inset 0 1px 0 rgba(255,255,255,.12)}
.carve::before,.carve::after{content:"";position:absolute;top:10px;width:8px;height:8px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#e4d6bb,#8c7a5c)}
.carve::before{left:10px}.carve::after{right:10px}
.carve .tag{display:inline-block;margin:0 0 8px;padding:2px 10px;font-size:.82rem;font-weight:800;background:var(--amber);color:#2a1a0e;border-radius:3px}
.carve h1{color:var(--carve);font-size:1.7rem;margin:0}
.carve-hero h1{font-size:1.2rem;line-height:1.35}
.h-main{display:block;font-size:2.6rem;line-height:1.1;margin-bottom:6px;color:#ffe7b3}
.h-sub{display:block}
.slip{position:relative;background:var(--paper);border-radius:4px;padding:14px 16px;margin:14px 6px 0;box-shadow:0 2px 0 var(--line);
 border-top:10px solid var(--newwood)}
.slip .lead{margin:0}
.slip b{background:linear-gradient(transparent 62%,#f3d49a 62%)}

/* ── 첫 화면: 데크판 바탕 ── */
.walk{background:
 repeating-linear-gradient(180deg,var(--plank) 0 44px,var(--plank2) 44px 46px,var(--gap) 46px 50px);border-bottom:6px solid var(--gap)}
.walk-in{max-width:1080px;margin:0 auto;padding:18px 16px 22px}
.hero-duo{display:block;text-decoration:none;margin-top:16px}
.hd-t{display:inline-block;background:var(--cedar);color:var(--carve);font-weight:800;font-size:.9rem;padding:4px 10px;border-radius:4px 4px 0 0}
.more-lead{background:rgba(255,253,246,.94);padding:12px 14px;border-radius:6px;margin:14px 0 0;font-size:.95rem}

/* ── 전후 사진: 피스 박은 두 판 ── */
.duo{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.bd{position:relative;margin:0;background:var(--cedar);padding:5px;border-radius:4px}
.bd::before,.bd::after{content:"";position:absolute;top:9px;width:6px;height:6px;border-radius:50%;background:#cfc2a6;z-index:2;box-shadow:0 0 0 1px rgba(0,0,0,.35)}
.bd::before{left:9px}.bd::after{right:9px}
.bd img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:2px}
.duo.big .bd img{aspect-ratio:4/5}
.lb{position:absolute;left:5px;bottom:5px;padding:3px 10px;font-weight:800;font-size:.9rem;border-radius:0 4px 0 0}
.b-old .lb{background:var(--grey);color:#fff}
.b-new .lb{background:var(--newwood);color:#2a1a0e}
.b-mid .lb{background:var(--amber);color:#2a1a0e}

/* ── 버튼 ── */
.cta{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0 0}
.cta a{flex:1 1 140px;min-height:52px;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:8px;
 font-weight:800;font-size:1.05rem;text-decoration:none;text-align:center}
.b-sms{background:var(--moss);color:#fff;box-shadow:0 3px 0 var(--moss2)}
.b-call{background:var(--amber);color:#2a1a0e;box-shadow:0 3px 0 var(--amber2);white-space:nowrap}

/* ── 상태 바로가기: 판 줄 ── */
.planks{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:5px}
.pl{position:relative;display:flex;align-items:center;gap:10px;padding:12px 38px 12px 30px;text-decoration:none;color:var(--ink);border-radius:3px;
 background:linear-gradient(180deg,#ecd3a9,#dfbd89);box-shadow:0 3px 0 var(--gap)}
.pl::before,.pl::after{content:"";position:absolute;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:#6d5439}
.pl::before{left:11px}.pl::after{right:11px}
.pl-t{display:flex;flex-direction:column;min-width:0;flex:1}
.pl-t b{font-size:1.05rem;color:var(--cedar)}
.pl-t small{font-size:.86rem;color:#5c4631}
.chev{position:absolute;right:24px;top:50%;width:10px;height:10px;margin-top:-5px;border-right:3px solid var(--cedar);border-bottom:3px solid var(--cedar);transform:rotate(-45deg)}

/* ── 사례 카드: 네 모서리 피스 ── */
.cards{display:grid;gap:16px;margin-top:14px}
.cc{position:relative;display:block;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:10px;
 box-shadow:0 3px 0 var(--line)}
.cc-b{display:block;padding:10px 4px 2px}
.kind{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:800;color:var(--moss2)}
.kind i{width:10px;height:18px;flex:none;background:linear-gradient(180deg,var(--amber) 50%,#fff 50%);border:1px solid var(--amber2)}
.cc-t{display:block;font-family:var(--hd);font-weight:normal;font-size:1.22rem;line-height:1.35;color:var(--cedar);margin:6px 0 8px}
.row{display:flex;gap:8px;font-size:.93rem;padding:5px 0;border-top:1px dashed var(--line)}
.row b{flex:none;color:var(--cedar2);min-width:4.2em}
.cc:hover,.cc:focus-visible{border-color:var(--cedar3)}

/* ── 서비스 카드: 기둥 + 사진 + 번호 표지 ── */
.svs{display:grid;gap:12px;margin-top:14px}
.sv{display:flex;align-items:stretch;min-height:124px;text-decoration:none;color:var(--ink);background:var(--paper);border-left:10px solid var(--cedar);
 border-radius:4px;box-shadow:0 3px 0 var(--line);overflow:hidden}
.sv-img{flex:0 0 36%;max-width:180px}
.sv-img img{width:100%;height:100%;object-fit:cover}
.sv-t{display:flex;flex-direction:column;gap:4px;padding:12px 12px;min-width:0}
.sv-k{display:flex;align-items:center;gap:8px;font-size:.85rem;font-weight:800;color:var(--moss2)}
.sv-k i{display:inline-grid;place-items:center;width:28px;height:28px;flex:none;border-radius:50%;background:var(--amber);color:#2a1a0e;font-style:normal;font-weight:900;
 box-shadow:inset 0 -2px 0 var(--amber2)}
.sv strong{font-family:var(--hd);font-weight:normal;font-size:1.3rem;line-height:1.3;color:var(--cedar)}
.sv-w{font-size:.9rem;color:var(--sub)}

/* ── 질문 카드: 탐방로 표식 배지 ── */
.qs{display:grid;gap:14px;margin-top:14px}
.q{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:16px}
.blaze{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:.85rem;font-weight:800;color:var(--moss2)}
.blaze i{width:22px;height:12px;flex:none;background:linear-gradient(180deg,#fff 45%,var(--amber) 45%);border:1px solid var(--amber2)}
.q h3{font-size:1.2rem}
.q-a{font-weight:700;padding:8px 10px;background:#f4ead4;border-radius:4px}
.q-m{color:var(--sub);font-size:.95rem}
.q-l{font-weight:800}
.q-l::after{content:" →"}

/* ── 작업 순서: 세로 데크길 ── */
.steps{list-style:none;margin:16px 0 0;padding:0;position:relative}
.steps>li{position:relative;display:flex;gap:12px;padding:0 0 18px}
.steps>li::before{content:"";position:absolute;left:13px;top:30px;bottom:0;width:12px;
 background:repeating-linear-gradient(180deg,var(--plank) 0 10px,var(--gap) 10px 12px)}
.steps>li:last-child::before{display:none}
.mk{position:relative;z-index:1;flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--cedar);color:var(--carve);
 font-weight:900;box-shadow:0 0 0 3px var(--mist),inset 0 -3px 0 #2e190f}
.stp-b{flex:1;min-width:0;background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px}
.stage{display:inline-block;margin:0 0 8px;font-size:.82rem;font-weight:800;color:#2a1a0e;background:var(--newwood);padding:1px 8px;border-radius:3px}
.stp-b figure{margin:0 0 10px}
.stp-b img{width:100%;max-height:420px;object-fit:cover;border-radius:4px}
.stp-b h3{font-size:1.1rem;margin-bottom:4px}
.stp-b p:last-child{margin:0}

/* ── 문의: 지붕 달린 안내 게시판 ── */
.kiosk{max-width:1080px;margin:20px auto;padding:0 16px}
.kiosk-in{position:relative;background:var(--cedar);color:var(--carve);border-radius:0 0 10px 10px;padding:22px 16px 20px;margin-top:28px}
.kiosk-in::before{content:"";position:absolute;left:-10px;right:-10px;top:-26px;height:28px;background:var(--cedar2);
 clip-path:polygon(4% 100%,50% 0,96% 100%)}
.kiosk-k{display:inline-block;margin:0 0 8px;padding:2px 10px;background:var(--amber);color:#2a1a0e;font-weight:800;font-size:.85rem;border-radius:3px}
.kiosk h2{color:#ffe7b3}
.kiosk-lead{color:var(--carve)}
.paper{position:relative;background:var(--paper);color:var(--ink);border-radius:3px;padding:18px 14px 12px;margin:12px 0 8px;box-shadow:0 3px 0 #2e190f}
.paper::before,.paper::after{content:"";position:absolute;top:6px;width:10px;height:10px;border-radius:50%;background:var(--red);box-shadow:0 1px 0 rgba(0,0,0,.3)}
.paper::before{left:10px}.paper::after{right:10px}
.paper-h{font-weight:800;color:var(--moss2);margin:0 0 6px}
.paper-b{list-style:none;margin:0;padding:0}
.paper-b li{display:flex;gap:8px;padding:6px 0;border-bottom:1px dashed var(--line)}
.paper-b li:last-child{border-bottom:0}
.no{flex:none;display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mist2);font-size:.8rem;font-weight:800;color:var(--cedar)}
.tx{min-width:0}
.paper-n{font-size:.9rem;color:var(--carve)}
.kiosk-h{color:#ffe7b3;margin-top:14px}
.shots{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.shots li{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.08);border-radius:6px;padding:10px}
.shots svg{width:42px;height:42px;flex:none}
.s-ln{fill:none;stroke:var(--carve);stroke-width:2.5}
.s-mk{fill:none;stroke:var(--amber);stroke-width:3}
.shots b{display:block;color:#ffe7b3}
.shots span{font-size:.93rem;min-width:0}

/* ── 질문 답변 ── */
.qa details{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--plank);border-radius:4px;margin:0 0 8px}
.qa summary{list-style:none;cursor:pointer;display:flex;gap:10px;align-items:center;padding:12px 14px;font-weight:700}
.qa summary::-webkit-details-marker{display:none}
.qa summary span{flex:1;min-width:0}
.pm{position:relative;flex:none;width:22px;height:22px;border-radius:50%;background:var(--cedar)}
.pm::before,.pm::after{content:"";position:absolute;left:6px;right:6px;top:10px;height:2px;background:var(--carve)}
.pm::after{transform:rotate(90deg)}
details[open] .pm::after{display:none}
.qa details p{padding:0 14px 12px;margin:0}

/* ── 지역: 잔디 위 디딤돌 ── */
.area{max-width:none;background:repeating-linear-gradient(90deg,var(--lawn) 0 26px,var(--lawn2) 26px 52px);color:#fff;padding-bottom:36px}
.area>*{max-width:1048px;margin-left:auto;margin-right:auto}
.area .kick{color:#e9f3d8}
.area h2{color:#fff}
.area .sub{color:#eef5e2}
.area-red{background:#fff;border-radius:6px;padding:10px 12px}
.area-red strong{color:var(--red)}
.zones{display:grid;gap:16px;margin-top:16px}
.zone h3{display:flex;align-items:baseline;gap:8px;color:var(--carve);background:var(--cedar);padding:8px 12px;border-radius:4px;margin:0 0 10px}
.zone h3 small{font-family:var(--tx);font-size:.85rem;color:var(--amber)}
.zone ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:7px}
.zone a{display:inline-block;padding:6px 12px;background:var(--stone);color:#262a24;text-decoration:none;font-size:.93rem;font-weight:700;
 border-radius:46% 54% 50% 50% / 58% 48% 52% 42%;box-shadow:0 2px 0 rgba(0,0,0,.28)}
.zone a:hover,.zone a:focus-visible{background:#fff}

/* ── 하위 페이지 머리 ── */
.ph{background:repeating-linear-gradient(180deg,var(--plank) 0 44px,var(--plank2) 44px 46px,var(--gap) 46px 50px);border-bottom:6px solid var(--gap)}
.ph-in{max-width:1080px;margin:0 auto;padding:12px 16px 20px}
.crumb{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:.85rem;margin:0 0 10px;background:rgba(255,253,246,.9);padding:4px 10px;border-radius:4px;width:fit-content;max-width:100%}
.crumb a{color:var(--cedar)}
.pts{margin:16px 0 0;padding:0;list-style:none;counter-reset:p;display:grid;gap:6px}
.pts li{counter-increment:p;display:flex;gap:10px;align-items:flex-start;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:8px 10px}
.pts li::before{content:counter(p);flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--amber);font-weight:900;font-size:.85rem;color:#2a1a0e}
.wrap>.duo{margin-top:18px}
.toc{background:var(--paper);border:1px solid var(--line);border-top:6px solid var(--cedar);border-radius:4px;padding:12px 14px;margin-top:18px}
.toc p{font-weight:800;color:var(--cedar);margin:0 0 6px}
.toc ol{margin:0;padding-left:1.3em}
.toc li{padding:2px 0}
.facts{display:grid;gap:10px}
.facts>div{background:var(--paper);border:1px solid var(--line);border-left:6px solid var(--moss);border-radius:4px;padding:12px}
.facts h3{font-size:1.1rem;margin-bottom:4px}
.facts p{margin:0}
.cmp{display:grid;gap:10px}
.cmp-r{background:var(--paper);border:1px solid var(--line);border-radius:6px;padding:12px;border-top:6px solid var(--newwood)}
.cmp-r strong{display:block;font-family:var(--hd);font-weight:normal;font-size:1.2rem;color:var(--cedar);margin-bottom:6px}
.cmp-r p{margin:0 0 4px;display:flex;gap:8px}
.cmp-r p b{flex:none;min-width:4.6em;color:var(--moss2)}
.chk{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.chk li{display:flex;flex-direction:column;background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:10px 12px 10px 38px;position:relative}
.chk li::before{content:"";position:absolute;left:12px;top:15px;width:14px;height:8px;border-left:3px solid var(--moss);border-bottom:3px solid var(--moss);transform:rotate(-45deg)}
.chk b{color:var(--cedar)}
.sum{margin:0;display:grid;gap:0;background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.sum>div{display:flex;gap:10px;padding:10px 12px;border-top:1px dashed var(--line)}
.sum>div:first-child{border-top:0}
.sum dt{flex:none;min-width:5.4em;font-weight:800;color:var(--cedar)}
.sum dd{margin:0;min-width:0}
.sum ul{margin:0;padding-left:1.1em}
.links h2{margin-top:10px}
.rl{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.rl a{display:inline-block;padding:5px 12px;background:var(--stone);border-radius:46% 54% 50% 50% / 58% 48% 52% 42%;color:#262a24;text-decoration:none;font-weight:700;font-size:.92rem}
.flow{margin:0;padding-left:1.4em}
.flow li{padding:4px 0}
.ex{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ex figure{margin:0;background:var(--paper);border:1px solid var(--line);border-radius:6px;overflow:hidden}
.ex img{width:100%;aspect-ratio:1;object-fit:cover}
.ex figcaption{padding:8px 10px;font-size:.9rem}
.ex figcaption b{display:block;color:var(--cedar)}
.tip{background:#f4ead4;border-radius:4px;padding:10px 12px;margin-top:10px}
.why-pick{background:var(--paper);border-left:6px solid var(--amber);padding:10px 12px;border-radius:0 4px 4px 0}
.warn{margin:0;padding:0;list-style:none;display:grid;gap:6px}
.warn li{background:var(--paper);border:1px solid var(--line);border-radius:4px;padding:8px 12px 8px 30px;position:relative}
.warn li::before{content:"!";position:absolute;left:10px;top:8px;font-weight:900;color:var(--amber2)}
.local p{background:var(--paper);border-radius:4px;padding:10px 12px}
.rqs{display:grid;gap:10px;margin-bottom:22px}
.rq{display:flex;gap:10px;text-decoration:none;color:var(--ink);background:var(--paper);border:1px solid var(--line);border-left:8px solid var(--plank);border-radius:4px;overflow:hidden}
.rq-img{flex:0 0 30%;max-width:150px}
.rq-img img{width:100%;height:100%;object-fit:cover}
.rq-t{display:flex;flex-direction:column;gap:3px;padding:10px 10px 10px 0;min-width:0;font-size:.93rem}
.rq-t strong{color:var(--cedar);font-size:1rem}
.rq-t em{font-style:normal;font-size:.82rem;color:var(--moss2);font-weight:700}

/* ── 하단 고정 ── */
.dock{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;gap:6px;padding:8px;background:var(--cedar);border-top:4px solid var(--plank);transition:transform .2s}
.dock a{flex:1;min-height:50px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-weight:800;text-decoration:none;font-size:1.02rem;text-align:center}
.dk-call{background:var(--amber);color:#2a1a0e;white-space:nowrap}
.dk-sms{background:var(--moss);color:#fff}
.dock.hide{transform:translateY(110%);visibility:hidden}

/* ── 넓은 화면 ── */
@media (min-width:720px){
 body{padding-bottom:0}
 .dock{display:none}
 .posts ul{grid-template-columns:repeat(4,1fr)}
 .brand{display:inline-flex}
 .h-main{font-size:3.4rem}
 .carve-hero h1{font-size:1.5rem}
 .cards{grid-template-columns:1fr 1fr}
 .qs{grid-template-columns:1fr 1fr}
 .planks{grid-template-columns:1fr 1fr}
 .zones{grid-template-columns:1fr 1fr}
 .facts{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
 .cmp{grid-template-columns:repeat(3,1fr)}
 .walk-in,.ph-in{padding-top:26px}
 .hero-duo .duo{max-width:760px}
 .wrap>.duo{max-width:760px}
}
@media (min-width:1000px){
 .cards{grid-template-columns:repeat(3,1fr)}
 .svs{grid-template-columns:repeat(3,1fr)}
 .sv{flex-direction:column}
 .sv-img{flex:none;max-width:none;height:170px}
 .zones{grid-template-columns:1fr 1fr 1fr}
}
@media (max-width:370px){
 .brand-t b{font-size:1.25rem}
 .brand{padding-right:22px;gap:8px}
 .brand svg{width:34px;height:34px}
 .h-main{font-size:2.2rem}
 .posts a{font-size:.9rem;padding-left:8px}
 .posts svg{display:none}
 .sv-img{flex-basis:32%}
 .sv strong{font-size:1.15rem}
 .row b{min-width:3.8em}
}