/* Slate Verona Roofing - "Standing seam". Flat pans, thin raised ribs, forest green on zinc paper, copper for small touches. */
@font-face{font-family:"Hedvig Letters Serif";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/hedvig-400.woff2) format("woff2")}
@font-face{font-family:Figtree;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/figtree-400.woff2) format("woff2")}
@font-face{font-family:Figtree;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/figtree-600.woff2) format("woff2")}
@font-face{font-family:Figtree;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/figtree-700.woff2) format("woff2")}

:root{
  --paper:#eef2ee;--lichen:#e1e8e2;--card:#fafcfa;--ink:#14221b;--ink2:#3d4d44;
  --green:#1c5a3b;--green-d:#134430;--forest:#0e2b1f;--forest2:#153a2a;
  --cream:#f3eedf;--sage:#c9d6cc;--gold:#e8b06b;--gold-h:#f2c58b;--copper:#b4713a;--copper-t:#86461a;
  --line:rgba(20,34,27,.16);--rib:rgba(20,34,27,.3);--line-d:rgba(243,238,223,.2);--rib-d:rgba(243,238,223,.32);
  --f-d:"Hedvig Letters Serif",Georgia,"Times New Roman",serif;
  --f-b:Figtree,system-ui,"Segoe UI",Roboto,Arial,sans-serif;
  --gut:24px;--max:1200px;
  --seam-h:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'%3E%3Cpath d='M0 11H44L48 3H58L62 11H120' fill='none' stroke='%2314221b' stroke-opacity='.42' stroke-width='1.4'/%3E%3C/svg%3E");
  --seam-hd:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='14' viewBox='0 0 120 14'%3E%3Cpath d='M0 11H44L48 3H58L62 11H120' fill='none' stroke='%23f3eedf' stroke-opacity='.4' stroke-width='1.4'/%3E%3C/svg%3E");
  --seam-3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='12' viewBox='0 0 40 12'%3E%3Cpath d='M0 10H8L11 2H16L19 10H24L27 2H32L35 10H40' fill='none' stroke='%23b4713a' stroke-width='1.7'/%3E%3C/svg%3E");
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:16px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 17px/1.65 var(--f-b);font-synthesis:none;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
img,svg{display:block;max-width:100%}
img{height:auto}
a{color:var(--green);text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--green-d)}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--copper);outline-offset:3px}
.sv-skip{position:absolute;left:-999px;top:8px;z-index:100;background:var(--forest);color:var(--cream);padding:10px 16px;border-radius:4px}
.sv-skip:focus{left:8px;color:var(--cream)}
.sv-wrap{max-width:var(--max);margin-inline:auto;padding-inline:var(--gut)}
.sv-cover{width:100%;height:100%;object-fit:cover}
figure{margin:0}

/* ---- type */
.sv-h1,.sv-h2,.sv-h3{font-family:var(--f-d);font-weight:400;margin:0 0 .5em;text-wrap:balance}
.sv-h1{font-size:clamp(40px,5.2vw,68px);line-height:1.04;letter-spacing:-.012em}
.sv-h2{font-size:clamp(30px,3.5vw,46px);line-height:1.1;letter-spacing:-.008em}
.sv-h3{font-size:clamp(23px,2.2vw,29px);line-height:1.2}
.sv-h1 em,.sv-h2 em{font-style:normal;color:var(--green)}
.sv-h1-home em{display:block}
.sv-lede{font-size:clamp(18px,1.6vw,21px);line-height:1.6;color:var(--ink2);max-width:36em}
.sv-kicker{display:flex;align-items:center;gap:12px;margin:0 0 20px;font:600 13px/1.3 var(--f-b);letter-spacing:.13em;text-transform:uppercase;color:var(--copper-t)}
.sv-s3{flex:none;width:40px;height:12px;background:var(--seam-3) no-repeat center}
.sv-dark .sv-kicker{color:var(--gold)}

/* ---- dark bands: forest with faint standing-seam ribs */
.sv-dark{background-color:var(--forest);color:var(--cream);background-image:repeating-linear-gradient(90deg,transparent 0 94px,rgba(243,238,223,.07) 94px 95px,rgba(0,0,0,.22) 95px 96px)}
.sv-dark a:not(.sv-call):not(.sv-btn){color:var(--gold)}
.sv-dark a:not(.sv-call):not(.sv-btn):hover{color:var(--gold-h)}
.sv-dark .sv-h1 em,.sv-dark .sv-h2 em{color:var(--gold)}
.sv-dark .sv-lede{color:var(--sage)}

/* ---- buttons */
.sv-call{--cb:var(--green);--cbh:var(--green-d);--cbt:#fff;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 26px;
  background:var(--cb);color:var(--cbt);border-radius:5px;font:700 17px/1 var(--f-b);text-decoration:none;white-space:nowrap;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22);transition:background-color .2s}
.sv-call:hover,.sv-call:focus-visible{background:var(--cbh);color:var(--cbt)}
.sv-call:visited{color:var(--cbt)}
.sv-dark .sv-call,.sv-callbar .sv-call{--cb:var(--gold);--cbh:var(--gold-h);--cbt:var(--forest)}
.sv-ic{width:1.15em;height:1.15em;fill:currentColor;flex:none}
.sv-call-lg{min-height:60px;padding:0 34px;font-size:19px}
.sv-btn{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;border:1.5px solid currentColor;border-radius:5px;font:600 16px/1 var(--f-b);text-decoration:none;color:var(--green)}
.sv-btn:hover{background:var(--green);border-color:var(--green);color:#fff}
.sv-dark .sv-btn{color:var(--cream)}
.sv-dark .sv-btn:hover{background:var(--cream);border-color:var(--cream);color:var(--forest)}

/* ---- header */
.sv-top{position:relative;z-index:30;background:var(--paper)}
.sv-top-in{max-width:var(--max);margin:0 auto;padding:14px var(--gut);min-height:78px;display:flex;align-items:center;gap:20px}
.sv-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.sv-brand:hover{color:var(--ink)}
.sv-mark{width:46px;height:46px;color:var(--green);flex:none}
.sv-brand-t{display:flex;flex-direction:column;gap:5px}
.sv-brand-n{font:400 25px/1 var(--f-d);letter-spacing:-.005em}
.sv-brand-s{font:600 11px/1 var(--f-b);letter-spacing:.15em;text-transform:uppercase;color:var(--ink2)}
.sv-top-r{margin-left:auto;display:flex;align-items:center;gap:12px}
.sv-call-top{min-height:46px;padding:0 20px;font-size:16px}
.sv-seamrule{height:14px;background:var(--seam-h) repeat-x 0 100%;margin-top:-1px}
.sv-seamrule-d{background-image:var(--seam-hd)}
.sv-menu summary{list-style:none;cursor:pointer}
.sv-menu summary::-webkit-details-marker{display:none}
.sv-menubtn{display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:0 18px;border:1.5px solid var(--ink);border-radius:5px;font:600 15px/1 var(--f-b);color:var(--ink);background:transparent}
.sv-menubtn:hover{background:var(--ink);color:var(--paper)}
.sv-menu-ic{display:grid;gap:4px;width:18px}
.sv-menu-ic i{display:block;height:2px;background:currentColor;border-radius:1px}
.sv-menu[open] .sv-menubtn{background:var(--ink);color:var(--paper)}
.sv-menu-panel{position:absolute;left:0;right:0;top:100%;z-index:50;background:var(--forest);color:var(--cream);padding:34px 0 40px;max-height:calc(100vh - 90px);overflow:auto;box-shadow:0 24px 40px rgba(14,43,31,.32);border-top:3px solid var(--copper)}
.sv-menu-grid{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:40px}
.sv-menu-h{margin:0 0 10px;font:400 24px/1.2 var(--f-d)}
.sv-menu-h2{margin-top:26px;font:600 12px/1.2 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--sage)}
.sv-menu-panel a{display:block;padding:6px 0;color:var(--cream);text-decoration:none;font-size:16px}
.sv-menu-panel a:hover{color:var(--gold)}
.sv-menu-h a{display:inline;padding:0}

/* ---- home hero */
.sv-hero{background:var(--paper);overflow:hidden}
.sv-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(400px,42%);padding-left:max(var(--gut),calc((100% - var(--max))/2 + var(--gut)))}
.sv-hero-copy{align-self:center;padding:56px 56px 64px 0}
.sv-h1-home{margin-bottom:.45em}
.sv-hero-copy .sv-lede{margin-bottom:1.6em}
.sv-hero-act{display:flex;flex-wrap:wrap;gap:14px;margin:0 0 22px}
.sv-hero-read{margin:0;font-weight:600}
.sv-hero-read a{display:inline-block;padding:6px 0;text-decoration:none;border-bottom:1.5px solid var(--copper)}
.sv-hero-read a::after{content:" \2192"}
.sv-hero-fig{position:relative;aspect-ratio:5/6;overflow:hidden;background:var(--lichen)}
.sv-hero-fig::after{content:"";position:absolute;left:22px;top:0;bottom:0;width:6px;border-left:1.5px solid rgba(243,238,223,.8);border-right:1.5px solid rgba(243,238,223,.8);pointer-events:none}
.sv-drawer{background:var(--green);color:#fff;padding:14px 30px 16px 34px}
.sv-drawer ul{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}
.sv-drawer a{display:flex;justify-content:space-between;align-items:center;min-height:46px;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.22);color:#fff;text-decoration:none;font:600 16px/1.25 var(--f-b)}
.sv-drawer a::after{content:"\2192";color:var(--gold);margin-left:10px}
.sv-drawer a:hover{color:var(--gold-h)}
.sv-drawer li:nth-last-child(-n+2) a{border-bottom:0}
.sv-scope{background:var(--lichen);border-bottom:1px solid var(--line)}
.sv-scope ul{display:grid;grid-template-columns:repeat(4,1fr) 1.7fr}
.sv-scope li{position:relative;padding:24px 26px;font:400 20px/1.25 var(--f-d)}
.sv-scope li+li::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:6px;border-left:1.5px solid var(--rib);border-right:1.5px solid var(--rib)}
.sv-scope li:first-child{padding-left:0}
.sv-scope-wide{color:var(--green)}

/* ---- service pairs */
.sv-pairs{padding:104px 0 80px}
.sv-sec-head{max-width:760px;margin-bottom:56px}
.sv-pair{margin-top:68px}
.sv-pair-q{display:flex;align-items:baseline;gap:18px;margin:0 0 26px;font:400 22px/1.2 var(--f-d);color:var(--ink2);border-bottom:1px solid var(--line);padding-bottom:16px}
.sv-pair-n{font:400 58px/.8 var(--f-d);color:var(--copper)}
.sv-pair-row{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr)}
.sv-pan-drop{padding-top:44px}
.sv-seamv{position:relative;display:flex;justify-content:center;align-items:center}
.sv-seamv::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:7px;margin-left:-3.5px;border-left:1.5px solid var(--rib);border-right:1.5px solid var(--rib)}
.sv-seamv span{position:relative;width:46px;height:46px;border-radius:50%;background:var(--paper);border:1.5px solid var(--rib);display:grid;place-items:center;font:400 19px/1 var(--f-d);color:var(--copper-t)}
.sv-pan-pic{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--lichen)}
.sv-pan-pic img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.sv-pan:hover .sv-pan-pic img{transform:scale(1.035)}
.sv-pan-in{padding:22px 2px 0}
.sv-pan-name{margin:0 0 .35em;font:400 31px/1.12 var(--f-d)}
.sv-pan-name a{color:var(--ink);text-decoration:none;background:linear-gradient(var(--copper),var(--copper)) 0 100%/0 2px no-repeat;transition:background-size .3s}
.sv-pan-name a:hover{background-size:100% 2px;color:var(--ink)}
.sv-pan-d,.sv-pan-eye{margin:0;color:var(--ink2);font-size:16.5px}
.sv-pan-eye{font-weight:600;color:var(--green);margin-bottom:.6em}
.sv-pan-sy{margin:0 0 .4em}
.sv-pan-sy li{position:relative;padding:4px 0 4px 22px;color:var(--ink2);font-size:16px}
.sv-pan-sy li::before{content:"";position:absolute;left:0;top:.95em;width:10px;height:2px;background:var(--copper)}
.sv-pan-go{display:none}
.sv-pairs-hub{padding-top:72px}
.sv-pairs-hub .sv-pair:first-child{margin-top:0}

/* ---- about, roll, gather, season, quick answers */
.sv-about{padding:96px 0}
.sv-about-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:76px;align-items:center}
.sv-about-fig{position:relative;aspect-ratio:4/3;overflow:hidden;box-shadow:12px 12px 0 var(--forest2)}
.sv-about-copy p{color:var(--sage);font-size:18px;max-width:34em}
.sv-about-copy .sv-h2{color:var(--cream)}
.sv-roll{padding:92px 0;background:var(--lichen)}
.sv-roll-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px}
.sv-roll-head .sv-h2{margin:0;max-width:14em}
.sv-roll-list{display:grid;grid-template-columns:repeat(3,1fr)}
.sv-roll-list li{position:relative;padding:0 36px 0 34px}
.sv-roll-list li:first-child{padding-left:0}
.sv-roll-list li+li::before{content:"";position:absolute;left:0;top:0;bottom:0;width:6px;border-left:1.5px solid var(--rib);border-right:1.5px solid var(--rib)}
.sv-roll-n{display:block;margin-bottom:14px;font:400 52px/1 var(--f-d);color:var(--copper)}
.sv-roll-list p{font-size:17px;color:var(--ink2)}
.sv-gather{padding:96px 0}
.sv-gather-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:80px;align-items:start}
.sv-gather-copy p{color:var(--ink2)}
.sv-gather-list{display:grid;gap:0}
.sv-gather-list li{display:grid;grid-template-columns:76px 1fr;align-items:baseline;padding:22px 0;border-top:1px solid var(--line)}
.sv-gather-list li:last-child{border-bottom:1px solid var(--line)}
.sv-gather-n{font:400 56px/1 var(--f-d);color:var(--copper)}
.sv-gather-list p{margin:0;font-size:19px;line-height:1.5}
.sv-season{padding:96px 0}
.sv-season-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:72px;align-items:start}
.sv-season-copy p{color:var(--sage)}
.sv-cal{width:100%;border-collapse:collapse}
.sv-cal thead th{padding:0 0 14px;text-align:left;font:600 12px/1 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--gold);border-bottom:1.5px solid var(--rib-d)}
.sv-cal tbody th{width:30%;padding:20px 24px 20px 0;text-align:left;vertical-align:top;font:400 24px/1.2 var(--f-d);color:var(--cream);border-bottom:1px solid var(--line-d)}
.sv-cal td{padding:20px 0;vertical-align:top;color:var(--sage);border-bottom:1px solid var(--line-d);font-size:16.5px}
.sv-quick{padding:96px 0 88px;background:var(--lichen)}
.sv-qa-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(310px,1fr));gap:24px}
.sv-qa{position:relative;padding:34px 30px 22px;background:var(--card);border-top:3px solid var(--green)}
.sv-qa::before{content:"";position:absolute;left:30px;top:-3px;width:48px;height:3px;background:var(--copper)}
.sv-qa-q{margin:0 0 .6em;font:700 19px/1.3 var(--f-b);color:var(--ink)}
.sv-qa p:last-child{margin:0;font-size:16.5px;color:var(--ink2)}
.sv-srcsec{padding:56px 0 72px}

/* ---- notes (sources as side notes) */
.sv-notes{font-size:14.5px;line-height:1.5;color:var(--ink2);padding:20px 22px;background:var(--card);border-left:3px solid var(--copper)}
.sv-notes-h{margin:0 0 .7em;font:600 12px/1.3 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--copper-t)}
.sv-notes ul{display:grid;gap:9px}
.sv-notes li{padding-left:0}
.sv-notes a{overflow-wrap:anywhere}
.sv-notes-d{margin:.9em 0 0;font-size:13.5px;color:var(--ink2)}
.sv-notes-flat ul{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:10px 36px}
.sv-notes-flat{background:transparent;padding:0 0 0 22px}

/* ---- inner banner */
.sv-ban{position:relative;overflow:hidden}
.sv-ban-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,40%);padding-left:max(var(--gut),calc((100% - var(--max))/2 + var(--gut)))}
.sv-ban-copy{align-self:center;padding:30px 56px 52px 0}
.sv-ban-fig{position:relative;min-height:380px}
.sv-ban-fig .sv-cover{position:absolute;inset:0}
.sv-ban-fig::after{content:"";position:absolute;left:0;top:0;bottom:0;width:8px;border-left:1.5px solid var(--rib-d);border-right:1.5px solid var(--rib-d)}
.sv-h1-ban{font-size:clamp(34px,4.1vw,54px);color:var(--cream);max-width:15em}
.sv-ban-lede p{font-size:clamp(17px,1.4vw,19.5px);line-height:1.6;color:var(--sage);max-width:34em;margin-bottom:.8em}
.sv-ban-act{margin:26px 0 0}
.sv-crumbs{margin:0 0 24px;font-size:14px}
.sv-crumbs ol{display:flex;flex-wrap:wrap;gap:4px 0}
.sv-crumbs li{display:flex;align-items:center}
.sv-crumbs li+li::before{content:"/";margin:0 10px;color:var(--rib-d)}
.sv-crumbs a{color:var(--sage);text-decoration:none;padding:4px 0}
.sv-crumbs a:hover{color:var(--gold)}
.sv-crumbs [aria-current]{color:var(--cream)}
.sv-rail{border-top:1px solid var(--line-d);background:rgba(0,0,0,.18)}
.sv-rail ul{max-width:var(--max);margin:0 auto;padding:0 var(--gut);display:flex;flex-wrap:wrap}
.sv-rail li{position:relative;padding-right:30px}
.sv-rail li+li{padding-left:30px}
.sv-rail li+li::before{content:"";position:absolute;left:0;top:50%;height:16px;width:6px;margin-top:-8px;border-left:1.5px solid var(--rib-d);border-right:1.5px solid var(--rib-d)}
.sv-rail a{display:block;padding:16px 0;font:600 14.5px/1.2 var(--f-b);letter-spacing:.02em;text-decoration:none}
.sv-ban-plain-in{padding-top:30px;padding-bottom:48px}
.sv-ban-plain .sv-h1-ban{max-width:18em}

/* ---- content sheet */
.sv-sheet{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:72px;padding-top:72px;padding-bottom:88px;align-items:start}
.sv-flow{min-width:0}
.sv-flow p{max-width:40em}
.sv-side{display:grid;gap:28px;position:sticky;top:24px}
.sv-notes-side{position:sticky;top:24px}
.sv-side .sv-notes-side{position:static}
.sv-blk{margin:0 0 76px}
.sv-blk>.sv-h2{margin-bottom:.55em}
.sv-cost>p:first-of-type,.sv-tx>p:first-of-type{font-size:19.5px;line-height:1.6;color:var(--ink)}
.sv-stop{padding:32px 34px 28px;background:var(--card);border:1px solid var(--line);border-left:7px solid var(--copper)}
.sv-stop-h{margin:0 0 18px}
.sv-stop ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 36px}
.sv-stop li{position:relative;padding-left:22px;font-size:16.5px;line-height:1.5}
.sv-stop li::before{content:"";position:absolute;left:0;top:.62em;width:9px;height:9px;background:var(--copper);transform:rotate(45deg)}
.sv-ror{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:44px;align-items:start}
.sv-partner{background:var(--card);border-top:3px solid var(--green)}
.sv-partner-pic{display:block;aspect-ratio:4/3;overflow:hidden}
.sv-partner-name{margin:0;padding:16px 18px 18px;font:400 23px/1.2 var(--f-d)}
.sv-partner-name a{color:var(--ink);text-decoration:none}
.sv-partner-name a::after{content:" \2192";color:var(--copper)}
.sv-explain{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:44px;align-items:center}
.sv-explain-fig,.sv-homes-fig{position:relative;aspect-ratio:4/3;overflow:hidden;box-shadow:10px 10px 0 var(--lichen)}
.sv-steps{counter-reset:none;display:grid;gap:0;position:relative}
.sv-steps li{position:relative;display:grid;grid-template-columns:58px 1fr;gap:0 22px;padding:0 0 28px}
.sv-steps li::before{content:"";position:absolute;left:28px;top:56px;bottom:0;width:6px;border-left:1.5px solid var(--rib);border-right:1.5px solid var(--rib)}
.sv-steps li:last-child{padding-bottom:0}
.sv-steps li:last-child::before{display:none}
.sv-step-n,.sv-tip-n{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--green);color:#fff;font:400 26px/1 var(--f-d)}
.sv-steps p,.sv-tips p{margin:0;padding-top:13px;font-size:17.5px;line-height:1.55;max-width:36em}
.sv-step-act{padding-top:14px!important}
.sv-parts{padding:40px 40px 18px;background:var(--lichen);background-image:var(--seam-h);background-repeat:repeat-x;background-position:0 0}
.sv-sign-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}
.sv-sign-list li{position:relative;padding:20px 0 20px 40px;border-top:1px solid var(--line);font-size:17px;line-height:1.5}
.sv-sign-list li::before{content:"";position:absolute;left:4px;top:25px;width:17px;height:9px;border-left:2.5px solid var(--green);border-bottom:2.5px solid var(--green);transform:rotate(-45deg)}
.sv-folder{position:relative;margin-top:96px;padding:40px 36px 20px;background:var(--card);border:1.5px solid var(--rib)}
.sv-folder-tab{position:absolute;left:28px;top:-15px;margin:0;padding:6px 16px;background:var(--copper-t);color:#fff;font:600 12.5px/1.2 var(--f-b);letter-spacing:.12em;text-transform:uppercase}

/* ---- call band */
.sv-cta{padding:72px 0}
.sv-cta-in{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:48px;align-items:center}
.sv-cta-h{margin:0 0 12px;font:400 clamp(30px,3.4vw,44px)/1.1 var(--f-d);color:var(--cream)}
.sv-cta-t{margin:0;max-width:40em;color:var(--sage);font-size:18px}
.sv-cta-act{margin:0}

/* ---- towns */
.sv-weather{background:var(--lichen);border-bottom:1px solid var(--line)}
.sv-weather-in{display:grid;grid-template-columns:230px minmax(0,1fr);gap:48px;padding-top:48px;padding-bottom:48px;align-items:start}
.sv-weather-h{margin:0;font:400 30px/1.15 var(--f-d);color:var(--green)}
.sv-weather-t{margin:0;font:400 clamp(21px,2vw,26px)/1.45 var(--f-d);max-width:30em}
.sv-tips ol{display:grid;gap:22px}
.sv-tips li{display:grid;grid-template-columns:58px 1fr;gap:0 22px}
.sv-tip-last .sv-tip-n{background:var(--copper-t)}
.sv-tip-act{padding-top:14px!important}
.sv-homes{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:44px;align-items:center}
.sv-tx-water-and-soil .sv-wide-fig{margin-top:28px;aspect-ratio:21/9;overflow:hidden}
.sv-faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.sv-faq-c{padding:26px 24px 12px;background:var(--card);border-top:3px solid var(--green)}
.sv-faq-q{margin:0 0 .6em;font:400 22px/1.25 var(--f-d)}
.sv-faq-c p{font-size:16px;color:var(--ink2)}
.sv-more li{padding:2px 0}
.sv-more a{display:inline-block;padding:5px 0}

/* ---- guides */
.sv-read{counter-reset:none}
.sv-gs{display:grid;grid-template-columns:86px minmax(0,1fr);gap:0 20px;margin:0 0 56px;padding-top:34px;border-top:1px solid var(--line)}
.sv-gs-n{font:400 60px/.9 var(--f-d);color:var(--copper)}
.sv-gs-h{font-size:clamp(26px,2.6vw,34px);margin-bottom:.6em}
.sv-gx{margin:0 0 64px;padding:34px 36px 30px;background:var(--card);border-top:3px solid var(--green)}
.sv-gx-h{margin-bottom:22px}
.sv-gx-steps ol{display:grid;gap:14px}
.sv-gx-steps li{display:grid;grid-template-columns:44px 1fr;align-items:start}
.sv-gx-n{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--green);color:var(--green);font:400 18px/1 var(--f-d)}
.sv-gx-steps p{margin:0;padding-top:3px;line-height:1.5}
.sv-gx-qa dl{margin:0}
.sv-gx-qa dl>div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:6px 28px;padding:15px 0;border-top:1px solid var(--line)}
.sv-gx-qa dt{font-weight:700}
.sv-gx-qa dd{margin:0;color:var(--ink2)}
.sv-scroll{overflow-x:auto}
.sv-months{width:100%;border-collapse:collapse;font-size:16px}
.sv-months th,.sv-months td{padding:12px 14px 12px 0;text-align:left;border-top:1px solid var(--line);vertical-align:top}
.sv-months thead th{border-top:0;border-bottom:1.5px solid var(--rib);font:600 12px/1.3 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--copper-t)}
.sv-months tbody th{font:400 20px/1.3 var(--f-d)}
.sv-gs-end{margin-bottom:24px}
.sv-more-pics{padding-bottom:88px}
.sv-more-pics ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:14px}
.sv-more-pic{display:block;aspect-ratio:16/9;overflow:hidden}
.sv-more-t{display:inline-block;padding:10px 0;font:400 25px/1.2 var(--f-d);text-decoration:none;color:var(--ink)}
.sv-ghub{padding:80px 0 88px}
.sv-gh-list{display:grid;gap:56px}
.sv-gh{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center}
.sv-gh:nth-child(even) .sv-gh-pic{order:2}
.sv-gh-pic{display:block;aspect-ratio:16/10;overflow:hidden}
.sv-gh-n{display:block;margin-bottom:10px;font:400 52px/1 var(--f-d);color:var(--copper)}
.sv-gh-t{margin:0 0 .5em;font:400 clamp(26px,2.6vw,34px)/1.15 var(--f-d)}
.sv-gh-t a{color:var(--ink);text-decoration:none}

/* ---- rules + extra pages */
.sv-clauses{padding-top:24px;padding-bottom:24px}
.sv-cl{display:grid;grid-template-columns:76px minmax(0,1fr) 300px;gap:0 44px;padding:46px 0;border-top:1px solid var(--line)}
.sv-cl:first-child{border-top:0}
.sv-cl-n{font:400 46px/1 var(--f-d);color:var(--copper)}
.sv-cl-h{margin-bottom:.6em}
.sv-cl-b p{max-width:38em}
.sv-notes-cl{align-self:start;font-size:14px}
.sv-offices{padding:56px 0 64px;background:var(--lichen)}
.sv-offtab{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5;background:var(--card)}
.sv-offtab th,.sv-offtab td{padding:16px 18px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.sv-offtab thead th{background:var(--forest);color:var(--cream);font:600 12.5px/1.3 var(--f-b);letter-spacing:.1em;text-transform:uppercase;border-bottom:0}
.sv-offtab tbody th{font:400 22px/1.2 var(--f-d)}

/* ---- contact, privacy, 404 */
.sv-contact{padding:72px 0 88px}
.sv-contact-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:48px;align-items:stretch}
.sv-contact-card{padding:36px 34px 18px;background:var(--card);border-top:3px solid var(--green)}
.sv-addr{margin:0 0 22px;font-style:normal;font-size:19px;line-height:1.55}
.sv-maplink{display:inline-block;padding:6px 0;font-weight:600}
.sv-map{min-height:380px;background:var(--lichen)}
.sv-map iframe{display:block;width:100%;height:100%;min-height:380px;border:0}
.sv-contact-lists{display:grid;grid-template-columns:1fr 2fr;gap:48px;margin-top:64px}
.sv-plain li{padding:2px 0}
.sv-plain a{display:inline-block;padding:5px 0;font-size:17px}
.sv-plain-2{columns:2;column-gap:36px}
.sv-pvsec{padding:64px 0 88px}
.sv-pv-grid{display:grid;grid-template-columns:290px minmax(0,1fr);gap:72px;align-items:start}
.sv-pv-idx{position:sticky;top:24px;font-size:15px}
.sv-pv-idx ol{display:grid;gap:2px;counter-reset:pv}
.sv-pv-idx li{counter-increment:pv}
.sv-pv-idx a{display:flex;gap:10px;padding:7px 0;text-decoration:none;color:var(--ink2)}
.sv-pv-idx a::before{content:counter(pv,decimal-leading-zero);font:400 15px/1.5 var(--f-d);color:var(--copper-t);min-width:22px}
.sv-pv-idx a:hover{color:var(--green)}
.sv-pv{display:grid;grid-template-columns:70px minmax(0,1fr);gap:0 14px;padding:34px 0;border-top:1px solid var(--line)}
.sv-pv:first-child{border-top:0;padding-top:0}
.sv-pv-n{font:400 40px/1 var(--f-d);color:var(--copper)}
.sv-pv p{max-width:40em}
.sv-lost-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,38%);padding-left:max(var(--gut),calc((100% - var(--max))/2 + var(--gut)));min-height:460px}
.sv-lost-copy{align-self:center;padding:56px 56px 56px 0}
.sv-lost-links{display:flex;flex-wrap:wrap;gap:6px 24px;margin:22px 0 26px}
.sv-lost-links a{padding:8px 0;font-weight:600}

/* ---- footer */
.sv-foot-call{padding:60px 0 54px}
.sv-foot-call-in{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:22px 40px}
.sv-foot-line{margin:0;font:400 clamp(28px,3.2vw,42px)/1.15 var(--f-d);color:var(--cream)}
.sv-foot-grid{display:grid;grid-template-columns:1.05fr 1.5fr 1.1fr;gap:56px;padding-top:56px;padding-bottom:56px}
.sv-foot-mid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.sv-foot-h{margin:0 0 14px;font:600 12px/1.3 var(--f-b);letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.sv-foot li a{display:inline-block;padding:5px 0;color:var(--cream);text-decoration:none;font-size:16px}
.sv-foot li a:hover{color:var(--gold)}
.sv-foot address{margin:0 0 10px;font-style:normal;color:var(--sage);line-height:1.6}
.sv-foot-tag{margin:18px 0 26px;color:var(--sage);font-size:15.5px;max-width:24em}
.sv-brand-foot{color:var(--cream)}
.sv-brand-foot:hover{color:var(--cream)}
.sv-brand-foot .sv-mark{color:var(--gold)}
.sv-foot-base{border-top:1px solid var(--line-d);background:rgba(0,0,0,.2)}
.sv-foot-base-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 28px;padding-top:18px;padding-bottom:18px;font-size:14.5px;color:var(--sage)}
.sv-foot-base p{margin:0}
.sv-foot-base a{display:inline-block;padding:6px 0;margin-left:22px}
.sv-foot-base a:first-child{margin-left:0}

/* ---- phone call bar (hidden on desktop) */
.sv-callbar{display:none}

/* ---- tablet */
@media (max-width:1080px){
  .sv-menu-grid{grid-template-columns:1fr 1fr}
  .sv-hero-grid,.sv-ban-grid,.sv-lost-grid{grid-template-columns:minmax(0,1fr) minmax(300px,40%)}
  .sv-pair-row{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr)}
  .sv-pan-name{font-size:27px}
  .sv-sheet{grid-template-columns:minmax(0,1fr);gap:40px}
  .sv-side,.sv-notes-side{position:static}
  .sv-cl{grid-template-columns:64px minmax(0,1fr);gap:0 28px}
  .sv-cl .sv-notes-cl{grid-column:2;margin-top:18px}
  .sv-about-grid,.sv-gather-grid,.sv-season-grid{gap:48px}
  .sv-foot-grid{grid-template-columns:1fr 1fr}
  .sv-foot-id{grid-column:1/-1}
  .sv-faq-grid{grid-template-columns:1fr 1fr}
  .sv-pv-grid{grid-template-columns:1fr;gap:28px}
  .sv-pv-idx{position:static}
}

/* ---- phone */
@media (max-width:820px){
  :root{--gut:18px}
  body{font-size:16.5px;padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}
  .sv-top-in{min-height:66px;padding-top:10px;padding-bottom:10px;gap:12px}
  .sv-mark{width:40px;height:40px}
  .sv-brand-n{font-size:21px}
  .sv-brand-s{font-size:10px;letter-spacing:.12em}
  .sv-call-top{display:none}
  .sv-menu-grid{grid-template-columns:1fr;gap:26px}
  .sv-menu-panel{padding:24px 0 30px;max-height:calc(100vh - 70px)}
  .sv-hero-grid,.sv-ban-grid,.sv-lost-grid{grid-template-columns:minmax(0,1fr);padding-left:0}
  .sv-hero-copy{padding:36px var(--gut) 34px}
  .sv-hero-fig{aspect-ratio:4/3.4}
  .sv-hero-fig::after{left:16px}
  .sv-drawer{padding:8px var(--gut) 10px}
  .sv-drawer ul{grid-template-columns:1fr 1fr;column-gap:20px}
  .sv-drawer a{font-size:15px;min-height:48px}
  .sv-scope ul{grid-template-columns:1fr 1fr}
  .sv-scope li{padding:16px 14px;font-size:17px}
  .sv-scope li:nth-child(odd){padding-left:0}
  .sv-scope li:nth-child(odd)::before{display:none}
  .sv-scope li:nth-child(n+3){border-top:1px solid var(--line)}
  .sv-scope-wide{grid-column:1/-1;padding-left:0!important}
  .sv-scope-wide::before{display:none}
  .sv-pairs{padding:64px 0 40px}
  .sv-sec-head{margin-bottom:36px}
  .sv-pair{margin-top:46px}
  .sv-pair-row{grid-template-columns:minmax(0,1fr);gap:0}
  .sv-pan-drop{padding-top:0}
  .sv-seamv{height:84px}
  .sv-seamv::before{top:0;bottom:0}
  .sv-pan-name{font-size:27px}
  .sv-about,.sv-gather,.sv-season,.sv-quick{padding:60px 0}
  .sv-roll{padding:60px 0}
  .sv-about-grid,.sv-gather-grid,.sv-season-grid,.sv-contact-grid,.sv-contact-lists,.sv-gh,.sv-explain,.sv-homes,.sv-ror{grid-template-columns:minmax(0,1fr);gap:32px}
  .sv-about-fig,.sv-explain-fig,.sv-homes-fig{box-shadow:8px 8px 0 var(--forest2)}
  .sv-explain-fig,.sv-homes-fig{box-shadow:8px 8px 0 var(--lichen)}
  .sv-roll-head{flex-direction:column;align-items:flex-start;gap:20px}
  .sv-roll-list{grid-template-columns:1fr}
  .sv-roll-list li,.sv-roll-list li:first-child{padding:26px 0 8px}
  .sv-roll-list li+li{border-top:1.5px solid var(--rib)}
  .sv-roll-list li+li::before{display:none}
  .sv-gather-list li{grid-template-columns:58px 1fr}
  .sv-gather-n{font-size:46px}
  .sv-cal thead{display:none}
  .sv-cal tbody th,.sv-cal td{display:block;width:100%}
  .sv-cal tbody th{padding:18px 0 4px;border-bottom:0}
  .sv-cal td{padding:0 0 18px}
  .sv-ban-copy{padding:22px var(--gut) 34px}
  .sv-ban-fig{min-height:0;aspect-ratio:16/10}
  .sv-ban-fig::after{display:none}
  .sv-rail{display:none}
  .sv-h1-ban{font-size:clamp(32px,9vw,42px)}
  .sv-sheet{padding-top:44px;padding-bottom:56px}
  .sv-blk{margin-bottom:56px}
  .sv-stop{padding:24px 20px 20px}
  .sv-stop ul,.sv-sign-list{grid-template-columns:1fr}
  .sv-partner{max-width:340px}
  .sv-steps li,.sv-tips li{grid-template-columns:48px 1fr;gap:0 16px}
  .sv-step-n,.sv-tip-n{width:48px;height:48px;font-size:22px}
  .sv-steps li::before{left:23px;top:46px}
  .sv-parts{padding:30px 20px 8px}
  .sv-folder{padding:34px 20px 12px;margin-top:70px}
  .sv-cta{padding:52px 0}
  .sv-cta-in{grid-template-columns:1fr;gap:26px}
  .sv-weather-in{grid-template-columns:1fr;gap:14px;padding-top:34px;padding-bottom:34px}
  .sv-faq-grid{grid-template-columns:1fr}
  .sv-gs{grid-template-columns:56px minmax(0,1fr);gap:0 12px}
  .sv-gs-n{font-size:44px}
  .sv-gx{padding:26px 18px 20px}
  .sv-gx-qa dl>div{grid-template-columns:1fr}
  .sv-months thead{display:none}
  .sv-months,.sv-months tbody,.sv-months tr,.sv-months th,.sv-months td{display:block;width:100%}
  .sv-months tr{padding:12px 0;border-top:1px solid var(--line)}
  .sv-months th,.sv-months td{border:0;padding:2px 0}
  .sv-months td::before{content:attr(data-l) ": ";font-weight:600;color:var(--ink2)}
  .sv-more-pics ul{grid-template-columns:1fr}
  .sv-ghub{padding:48px 0 56px}
  .sv-cl{grid-template-columns:1fr;gap:0;padding:34px 0}
  .sv-cl-n{display:block;margin-bottom:8px}
  .sv-cl .sv-notes-cl{grid-column:1}
  .sv-offtab thead{display:none}
  .sv-offtab,.sv-offtab tbody,.sv-offtab tr,.sv-offtab th,.sv-offtab td{display:block;width:100%}
  .sv-offtab tr{margin-bottom:16px;border:1px solid var(--line);background:var(--card)}
  .sv-offtab th,.sv-offtab td{border:0;padding:8px 16px}
  .sv-offtab td::before{content:attr(data-l);display:block;font:600 11.5px/1.3 var(--f-b);letter-spacing:.1em;text-transform:uppercase;color:var(--copper-t)}
  .sv-offtab tbody th{padding-top:16px;background:var(--forest);color:var(--cream)}
  .sv-contact{padding:44px 0 56px}
  .sv-contact-card{padding:26px 20px 10px}
  .sv-map,.sv-map iframe{min-height:300px}
  .sv-plain-2{columns:1}
  .sv-pv{grid-template-columns:48px minmax(0,1fr);gap:0 10px}
  .sv-pv-n{font-size:30px}
  .sv-lost-copy{padding:32px var(--gut) 34px}
  .sv-lost-grid .sv-ban-fig{aspect-ratio:16/10}
  .sv-foot-call{padding:44px 0 40px}
  .sv-foot-grid{grid-template-columns:1fr;gap:34px;padding-top:44px;padding-bottom:36px}
  .sv-foot-mid{grid-template-columns:1fr 1fr;gap:24px}
  .sv-callbar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px var(--gut) calc(10px + env(safe-area-inset-bottom,0px));background:var(--forest);border-top:2px solid var(--copper)}
  .sv-callbar .sv-call{display:flex;width:100%;min-height:54px;font-size:18px}
}
@media (max-width:420px){
  .sv-brand-s{display:none}
  .sv-hero-act .sv-call,.sv-hero-act .sv-btn{width:100%;justify-content:center}
  .sv-foot-mid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
