@font-face{font-family:"Fira Sans Extra Condensed";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/fira-xc-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Fira Sans Extra Condensed";font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/fira-xc-800.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/bvp-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/bvp-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/bvp-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Be Vietnam Pro";font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/bvp-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
/* Buckeye Built Property Services
   Palette: logo measured red #a91f1c, grass #288926, pill green #214c21, ring gold #bb9a4c.
   Brief hexes #909078 #787860 #607860 (our preview's theme) run the pewter + sage layer: kickers, hairlines, the sage band, the map. */
:root{
  --ink:#0f1510; --deep:#13261a; --moss:#1b3522; --green-d:#214c21; --green:#288926; --lawn-l:#62ad43; --lawn-d:#3f8a2d;
  --red:#b3201c; --red-d:#8f1714; --red-hi:#e03a31; --red-xl:#ff7a6e;
  --gold:#bb9a4c; --gold-l:#e2c98a; --pewter:#909078; --pewter-d:#787860; --sage:#607860; --sage-d:#4f6650;
  --paper:#f4f3ec; --stone:#e7e6da; --white:#fff; --text:#1b221b; --mute:#565c50; --line:#cfcdbf; --fog:#d8ddd2;
  --silver:linear-gradient(180deg,#fff 0%,#dfe1e0 38%,#8e9291 52%,#eceeed 66%,#b9bcbb 100%);
  --display:"Fira Sans Extra Condensed","Arial Narrow",Impact,sans-serif; --body:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;
  --gut:max(clamp(18px,5vw,44px),env(safe-area-inset-left,0px),env(safe-area-inset-right,0px)); --max:1240px; --hdr-h:68px;
  --sec:clamp(54px,10vw,124px); --ease:cubic-bezier(.2,.7,.2,1);
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(179,32,28,.16);scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr-h) + 12px);scroll-padding-bottom:76px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--paper);color:var(--text);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
body.no-scroll{overflow:hidden}
h1,h2,h3,p,figure,blockquote,dl,dd,ol,ul{margin:0}
:where(ul,ol)[role="list"]{margin:0;padding:0;list-style:none}
img,video,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit}
[hidden]{display:none!important}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:where(a,button,span,p,li,summary,div) > svg:where(:not([width])){width:1.15em;height:1.15em;flex:none}
:focus-visible{outline:3px solid var(--gold-l);outline-offset:3px;border-radius:3px}
.tone-paper :focus-visible,.tone-stone :focus-visible,.est-card :focus-visible{outline-color:var(--green-d)}
a,button,summary,input,select,textarea{touch-action:manipulation}
.tel{white-space:nowrap}
.wrap{width:100%;max-width:calc(var(--max) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut)}
.skip-link{position:absolute;left:12px;top:-70px;z-index:90;background:var(--white);color:var(--ink);padding:10px 16px;border-radius:6px;font-weight:600}
.skip-link:focus{top:10px}
.sec{padding-block:var(--sec);position:relative}

/* tones */
.tone-paper{background:var(--paper)}
.tone-stone{background:var(--stone)}
.tone-deep{background:linear-gradient(90deg,rgba(255,255,255,.028) 0 50%,transparent 50% 100%) 0 0/128px 100%,var(--deep);color:var(--fog)}
.tone-sage{background:linear-gradient(90deg,rgba(255,255,255,.05) 0 50%,transparent 50% 100%) 0 0/128px 100%,var(--sage-d);color:#f2f3ec}

/* type */
.dh{font:800 clamp(2.75rem,13.6vw,5.4rem)/.96 var(--display);letter-spacing:-.005em;text-transform:uppercase;color:var(--ink);text-wrap:balance}
.dh em{font-style:normal;color:var(--red);display:inline}
.tone-deep .dh{color:#fff}
.tone-deep .dh em{color:var(--lawn-l)}
.tone-sage .dh{color:#fff}
.tone-sage .dh em{color:#f1dfae}
.kick{font:600 .78rem/1.3 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--sage);margin-bottom:12px}
.tone-paper .kick,.tone-stone .kick{color:#465a46}
.tone-deep .kick{color:var(--pewter)}
.tone-sage .kick{color:#fff}
.para p{margin:0 0 .55em;color:inherit}
.para p:last-child{margin-bottom:0}
.tone-paper .para,.tone-stone .para{color:#2e352d}
.lede{font-size:1.05rem}
.sec-head{margin-bottom:clamp(32px,6vw,56px)}
.sec-head .dh{margin-bottom:14px}
.sec-head .lede{margin-top:6px;max-width:58ch}
.sec-head.duo{display:grid;gap:14px;grid-template-columns:minmax(0,1fr)}
.sec-head.duo .lede{margin-top:0}
.more{display:inline-flex;align-items:center;gap:.5em;font-weight:600;font-size:.95rem;text-decoration:none;color:var(--red)}
.more svg{transition:transform .25s var(--ease)}
a:hover > .more svg,.more:hover svg{transform:translateX(4px)}
.more-b{color:var(--red);margin-top:18px;min-height:44px}
.more-w{color:#fff;margin-top:18px;min-height:44px}
.fig-note{font-size:.8rem;color:var(--mute);margin-top:10px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.55em;min-height:54px;padding:12px 24px;background:var(--red);color:#fff;font:800 1.32rem/1 var(--display);letter-spacing:.025em;text-transform:uppercase;text-decoration:none;border:2px solid var(--red);border-radius:4px;transition:background-color .2s,border-color .2s,transform .2s var(--ease),box-shadow .2s;touch-action:manipulation}
.btn:hover{background:var(--red-d);border-color:var(--red-d);transform:translateY(-2px);box-shadow:0 10px 24px -12px rgba(0,0,0,.55)}
.btn:active{transform:none}
.btn .tel{font:inherit}
.btn-line{background:transparent;color:#fff;border-color:rgba(255,255,255,.75)}
.btn-line:hover{background:#fff;color:var(--ink);border-color:#fff}
.btn-full{width:100%}
.cta-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.cta-row .btn{flex:1 1 auto;min-width:min(220px,100%)}

/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:50;height:calc(var(--hdr-h) + env(safe-area-inset-top,0px));padding-top:env(safe-area-inset-top,0px);transition:background-color .25s,transform .28s var(--ease),box-shadow .25s}
.hdr-in{height:var(--hdr-h);display:flex;align-items:center;gap:12px;max-width:calc(var(--max) + var(--gut)*2);margin-inline:auto;padding-inline:var(--gut);color:#fff}
.hdr.solid,body:not(.pg-home) .hdr{background:rgba(15,21,16,.94);box-shadow:0 1px 0 rgba(255,255,255,.08)}
.hdr.tuck{transform:translateY(-102%)}
.hdr.tuck:focus-within{transform:none}
.hdr-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;min-width:0}
.hdr-badge{width:54px;height:auto;flex:none;transition:opacity .25s}
.hdr-logo{transition:opacity .25s}
.pg-home .hdr:not(.past) .hdr-logo{opacity:0;pointer-events:none}
.brand-word{font:800 1.42rem/.95 var(--display);letter-spacing:.01em;text-transform:uppercase;white-space:nowrap}
.brand-word small{display:block;font:500 .62rem/1.2 var(--body);letter-spacing:.14em;color:var(--fog);margin-top:3px}
.bw-1{color:var(--red-xl)}
.bw-2{color:#e6e8e7}
.hdr-nav{display:none}
.hdr-call{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:4px;background:var(--red);color:#fff;flex:none}
.hdr-call .tel{display:none}
.burger{display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#fff;flex:none}
.burger svg{width:26px;height:26px}
.drawer{position:fixed;inset:0;z-index:60;background:var(--ink);color:#fff;padding:calc(env(safe-area-inset-top,0px) + 12px) var(--gut) 28px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:22px}
.drawer-top{display:flex;align-items:center;justify-content:space-between;min-height:48px}
.drawer-x{width:44px;height:44px;display:flex;align-items:center;justify-content:center}
.drawer-x svg{width:26px;height:26px}
.drawer nav{display:grid;gap:2px}
.drawer nav a{font:800 2.2rem/1.2 var(--display);text-transform:uppercase;text-decoration:none;padding:6px 0}
.drawer-sub{display:grid;gap:2px;border-top:1px solid rgba(255,255,255,.14);padding-top:16px}
.drawer-sub .kick{color:var(--pewter)}
.drawer-sub a{color:var(--fog);text-decoration:none;padding:9px 0;font-size:1.02rem}

/* hero */
.hero{position:relative;isolation:isolate;min-height:max(640px,100svh);display:flex;flex-direction:column;color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0;z-index:-1}
.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:100% 30%}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(15,21,16,.5) 0,rgba(15,21,16,.06) 24%,rgba(15,21,16,.14) 31%,rgba(15,21,16,.76) 41%,rgba(15,21,16,.9) 56%,rgba(15,21,16,.92) 100%)}
.hero-in{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:18px;padding:calc(env(safe-area-inset-top,0px) + 62px) var(--gut) 84px;text-align:center}
.hero-logo{width:clamp(150px,41vw,176px);height:auto;filter:drop-shadow(0 6px 20px rgba(0,0,0,.42))}
.hero-copy{width:100%;max-width:920px;margin-inline:auto}
.pill{display:inline-flex;align-items:center;font:600 .74rem/1 var(--body);letter-spacing:.15em;text-transform:uppercase;padding:9px 14px;border:1px solid rgba(255,255,255,.5);border-radius:99px;background:rgba(15,21,16,.42);margin-bottom:14px}
.hero h1{margin:0}
.h1-small{display:block;font:500 .98rem/1.35 var(--body);margin-bottom:8px;color:#f1f2ec}
.h1-big{display:block;font:800 clamp(2.7rem,14.3vw,8.2rem)/.92 var(--display);text-transform:uppercase;letter-spacing:-.005em;text-shadow:0 2px 22px rgba(0,0,0,.4)}
.h1-big .ln{display:block;white-space:nowrap}
.h1-big em{font-style:normal}
.wd-red{color:#ff4d42}
.wd-silver{background:var(--silver);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 2px 10px rgba(0,0,0,.35))}
.hero-sub{max-width:44ch;margin:14px auto 20px;font-size:1.04rem;color:#f4f5ef}
.trust{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center;margin-top:16px;font-size:.86rem;color:#f0f1eb}
.trust li{display:inline-flex;align-items:center;gap:.4em}
.trust i{font-style:normal;color:var(--gold-l);margin-inline:.2em}
.ic-star{color:var(--gold-l)}
.motion-btn{position:absolute;right:max(14px,env(safe-area-inset-right,0px));bottom:14px;width:44px;height:44px;border-radius:50%;background:rgba(15,21,16,.62);color:#fff;display:flex;align-items:center;justify-content:center;z-index:3;border:1px solid rgba(255,255,255,.35)}
.motion-btn svg{width:16px;height:16px}
.motion-btn .ic-play{display:none}
.motion-off .motion-btn .ic-play{display:block}
.motion-off .motion-btn .ic-pause{display:none}
@media (prefers-reduced-motion:reduce){.hero-media video{display:none}}

/* motto */
.motto{background:var(--ink);color:#fff;border-bottom:4px solid var(--red)}
.motto-in{display:grid;gap:6px;padding-block:22px;text-align:center}
.motto-line{font:800 clamp(1.7rem,7.4vw,3rem)/1.04 var(--display);text-transform:uppercase;letter-spacing:.01em}
.motto-line span{display:inline-block;margin-inline:.16em}
.motto-line span:nth-child(2){color:var(--gold-l)}
.motto-note{font-size:.84rem;color:var(--pewter)}

/* photo frames */
.ph{position:relative;display:block;overflow:hidden;background:var(--stone)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph.r-32{aspect-ratio:3/2}.ph.r-43{aspect-ratio:4/3}.ph.r-54{aspect-ratio:5/4}.ph.r-45{aspect-ratio:4/5}.ph.r-11{aspect-ratio:1/1}
.ph-tag{position:absolute;left:8px;bottom:8px;background:rgba(15,21,16,.78);color:#fff;font-size:.68rem;padding:3px 7px;border-radius:3px;letter-spacing:.04em}

/* services board */
.svc-board{display:grid;gap:clamp(16px,3vw,28px);grid-template-columns:minmax(0,1fr)}
.svc-lead{display:block;text-decoration:none;position:relative;background:var(--deep);color:#fff;overflow:hidden}
.svc-lead .ph{aspect-ratio:5/4}
.svc-lead img{transition:transform .9s var(--ease)}
.svc-lead:hover img{transform:scale(1.04)}
.svc-lead-t{padding:20px}
.svc-lead h3{font:800 2.4rem/1 var(--display);text-transform:uppercase;margin-bottom:6px}
.svc-lead p{color:var(--fog);margin-bottom:12px}
.svc-lead .more{color:#fff}
.svc-rows{display:grid;gap:0}
.svc-rows li{border-top:1px solid var(--line)}
.svc-rows li:last-child{border-bottom:1px solid var(--line)}
.svc-row{display:grid;grid-template-columns:96px minmax(0,1fr) 22px;gap:14px;align-items:center;padding:14px 0;text-decoration:none}
.svc-row h3{font:800 1.56rem/1.02 var(--display);text-transform:uppercase;color:var(--ink);margin-bottom:3px}
.svc-row p{font-size:.92rem;line-height:1.4;color:var(--mute)}
.svc-row > svg{color:var(--red);transition:transform .25s var(--ease)}
.svc-row:hover > svg{transform:translateX(4px)}

/* talk */
.talk-grid{display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:minmax(0,1fr)}
.talk .dh{margin-bottom:18px}
.say-list{display:grid;gap:12px;margin-top:22px}
.say-list li{border-left:3px solid var(--red);padding-left:14px;display:grid;gap:1px}
.say-list q{font:800 1.5rem/1.12 var(--display);color:var(--ink);text-transform:uppercase;quotes:"\201C" "\201D"}
.say-list span{font-size:.8rem;color:var(--mute)}

/* signature */
.sg-sec{overflow:clip}
.sg-head .dh{max-width:12em}
.sg-quote{font-size:.88rem;color:var(--pewter);margin-bottom:12px}
.sg-quote span{display:block;font:800 1.5rem/1.1 var(--display);text-transform:uppercase;color:var(--gold-l);margin-bottom:2px}
.sg-grid{display:block}
.sg-fig{position:sticky;top:calc(var(--hdr-h) + 6px);z-index:4;background:var(--deep);padding-bottom:8px;margin-inline:calc(var(--gut)*-1);padding-inline:var(--gut);transition:top .28s var(--ease)}
.hdr.tuck:not(:focus-within) ~ main .sg-fig{top:8px}
.sg-scene{border-radius:6px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(0,0,0,.8)}
.sg{width:100%;height:auto;display:block}
.sg-read{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:10px;align-items:center;margin-top:8px;font-size:.84rem;color:#fff}
.sg-num{color:var(--pewter);font-weight:600}
.sg-lab{font-weight:600}
.sg-bar{grid-column:1/-1;display:block;height:3px;background:rgba(255,255,255,.14);margin-top:6px;overflow:hidden}
.sg-bar i{display:block;height:100%;background:var(--red-hi);transform:scaleX(.17);transform-origin:0 50%;transition:transform .4s var(--ease)}
.sg-steps{display:grid;gap:clamp(30px,6vh,56px);padding-top:26px;padding-bottom:12px}
.sg-step .ph.r-32{aspect-ratio:16/9}
.sg-step{opacity:.42;transition:opacity .35s}
.sg-step.on{opacity:1}
.sg-step h3{font:800 clamp(2rem,9vw,3rem)/1 var(--display);text-transform:uppercase;color:#fff;margin-bottom:8px}
.sg-step .para{margin-bottom:14px}
.sg-cap{font-size:.78rem;color:var(--pewter);margin-top:8px}
.sg-final{padding-bottom:6px}
.sg-ctl{margin-top:14px}
.sg-ctl-l{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pewter);margin-bottom:6px;font-weight:600}
.seg{display:flex;gap:6px;flex-wrap:wrap}
.seg-b{flex:1 1 auto;min-height:46px;padding:8px 14px;border:1.5px solid rgba(255,255,255,.4);border-radius:4px;color:#fff;font:800 1.14rem/1 var(--display);text-transform:uppercase;letter-spacing:.03em;transition:background-color .2s,color .2s,border-color .2s}
.seg-b:hover{border-color:#fff}
.seg-b[aria-pressed="true"]{background:#fff;color:var(--ink);border-color:#fff}
#sgAsk{margin-top:18px}
.sg-note{font-size:.78rem;color:var(--pewter);margin-top:10px;line-height:1.45}
/* drawing */
.sg-scene{--a:#67b246;--b:#3f8a2d}
.sg-scene.porch{--a:#3f8a2d;--b:#67b246}
.st-a{fill:var(--a);transition:fill .7s}
.st-b{fill:var(--b);transition:fill .7s}
.sg-pat{transition:opacity .5s}
.pat-diag,.pat-check{opacity:0}
.sg-scene.pat-diag .pat-straight,.sg-scene.pat-check .pat-straight{opacity:0}
.sg-scene.pat-diag g.pat-diag{opacity:1}
.sg-scene.pat-check g.pat-check{opacity:1}
.sg-shrubs circle{fill:#2d6a2c;stroke:#1f4e20;stroke-width:2}
.sg-hosta circle{fill:#a7cf73}
.sg-tufts{transition:opacity .6s}
.sg-scene.s4 .sg-tufts{opacity:0}
.sg-edge{fill:none;stroke:#fff;stroke-width:2.4;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.2s linear;opacity:.92}
.sg-scene.s4 .sg-edge{stroke-dashoffset:0}
.sg-clips{opacity:0;transition:opacity .4s}
.sg-scene.s3 .sg-clips{opacity:1}
.clip{fill:#4a8f32;transition:opacity .35s;transition-delay:var(--d)}
.sg-scene.s5 .clip{opacity:0}
.sg-mower{transition:opacity .4s}
.sg-scene.s4 .sg-mower{opacity:0}
.sg-trim-g,.sg-blow-g{opacity:0}
.sg-scene.at4 .sg-trim-g{opacity:1;animation:sgTrim 2.2s linear 1 both}
.sg-scene.at5 .sg-blow-g{opacity:1;animation:sgBlow 2s linear 1 both}
@keyframes sgTrim{0%{transform:translate(0,508px)}60%{transform:translate(585px,508px)}85%{transform:translate(585px,200px)}100%{transform:translate(330px,200px)}}
@keyframes sgBlow{0%{transform:translate(0,519px);opacity:1}45%{transform:translate(580px,519px);opacity:1}46%{transform:translate(330px,186px);opacity:1}75%{transform:translate(590px,186px);opacity:1}100%{transform:translate(600px,500px) rotate(90deg);opacity:0}}
.sg-lens{opacity:0;transition:opacity .4s;pointer-events:none}
.sg-scene.at2 .sg-lens,.sg-scene.at6 .sg-lens{opacity:1}
.sg-scene.at6:not(.pat-straight) .sg-lens{opacity:0}
.bl-a{fill:#7ac35a}
.bl-b{fill:#347c28}
.lens-t{font:800 22px var(--display);letter-spacing:.04em;fill:#10200f}
.bl-a,.bl-b{transition:fill .6s}
.sg-scene.porch .bl-a{fill:#347c28}
.sg-scene.porch .bl-b{fill:#7ac35a}
.t-porch{display:none}
.sg-scene.porch .t-porch{display:block}
.sg-scene.porch .t-street{display:none}
.sg-eye{transition:transform .9s var(--ease)}
.sg-scene.porch .sg-eye{transform:translate(0,-450px)}
@media (prefers-reduced-motion:reduce){.sg-trim-g,.sg-blow-g{display:none}.sg-edge,.clip,.st-a,.st-b{transition:none}}

/* reels */
.reels{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(208px,62vw);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding-inline:var(--gut);margin-inline:calc(var(--gut)*-1);padding-bottom:6px;scrollbar-width:none}
.reels::-webkit-scrollbar{display:none}
.reel-card{scroll-snap-align:start}
.reel-frame{aspect-ratio:9/16;background:var(--ink);overflow:hidden;border-radius:6px}
.reel-v{width:100%;height:100%;object-fit:cover}
.reel-card h3{font:800 1.5rem/1.1 var(--display);text-transform:uppercase;margin-top:10px;color:var(--ink)}
.reel-card p{font-size:.9rem;color:var(--mute)}

/* moment */
/* pass 1 ("can't really see the image"): headline sits up in the trees, shading fades out before the stripes */
.moment{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(420px,70vw,680px);display:flex;align-items:flex-start;color:#fff}
.moment-media{position:absolute;inset:0;z-index:-2}
.moment-media img{width:100%;height:100%;object-fit:cover;object-position:50% 60%}
@media (max-width:759px){.moment{min-height:560px}.moment-media img{object-position:76% 50%}}
@media (min-width:760px) and (max-width:959px){.moment{min-height:800px}}
.kb .moment-media img{animation:kenburns 26s ease-in-out infinite alternate}
.motion-off .kb .moment-media img{animation-play-state:paused}
@keyframes kenburns{from{transform:scale(1) translate3d(0,0,0)}to{transform:scale(1.09) translate3d(-1.4%,-1.2%,0)}}
@media (prefers-reduced-motion:reduce){.kb .moment-media img{animation:none}}
.moment-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,21,16,.8) 0%,rgba(15,21,16,.55) 32%,rgba(15,21,16,0) 54%)}
@media (min-width:760px){.moment-scrim{background:linear-gradient(180deg,rgba(15,21,16,.82) 0%,rgba(15,21,16,.66) 40%,rgba(15,21,16,0) 58%)}}
.moment-in{padding-block:48px 0}
.moment-line{font:800 clamp(2.5rem,11vw,5.4rem)/.96 var(--display);text-transform:uppercase;max-width:15em;text-shadow:0 2px 18px rgba(0,0,0,.45)}
.moment-line em{font-style:normal;color:#f1dfae}
.moment-sub{font-size:.88rem;margin-top:8px;color:#f0f1eb;text-shadow:0 1px 10px rgba(0,0,0,.6)}

/* pairs */
.pair{display:grid;gap:clamp(26px,5vw,64px);grid-template-columns:minmax(0,1fr)}
.sv-copy .dh{margin-bottom:16px}
.beds-photos{position:relative;padding-bottom:18%}
.beds-a{width:100%}
.beds-b{position:absolute;right:0;bottom:0;width:56%;border:6px solid var(--paper)}

/* base */
.base-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.base-copy .dh{margin-bottom:16px}
.base-fig{margin:0}
.base-fig figcaption{font-size:.84rem;margin-top:8px;color:#eef0e6}
.base-2{width:72%;justify-self:end}

/* gallery */
.gal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.gal-t{margin:0;position:relative;overflow:hidden;background:var(--stone)}
.gal-t.t-wide,.gal-t:last-child{grid-column:1/-1}
.gal-t:last-child .gal-btn{aspect-ratio:16/10}
.gal-btn{display:block;width:100%;aspect-ratio:1/1;cursor:zoom-in;position:relative;overflow:hidden}
.t-wide .gal-btn{aspect-ratio:16/10}
.gal-btn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s var(--ease)}
.gal-btn:hover img{transform:scale(1.05)}
.gal-t figcaption{position:absolute;left:0;right:0;bottom:0;padding:7px 9px;font-size:.74rem;line-height:1.25;color:#fff;background:rgba(15,21,16,.84);pointer-events:none}
.photo-box{border:0;padding:0;background:transparent;max-width:min(94vw,1400px);max-height:92vh;overscroll-behavior:contain}
.photo-box::backdrop{background:rgba(10,14,10,.9)}
.photo-box img{max-width:100%;max-height:92vh;object-fit:contain}
.box-x{position:absolute;top:8px;right:8px;width:44px;height:44px;border-radius:50%;background:rgba(15,21,16,.8);color:#fff;display:flex;align-items:center;justify-content:center}

/* seasons */
.seasons{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,68vw);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding-inline:var(--gut);margin-inline:calc(var(--gut)*-1);padding-bottom:6px;scrollbar-width:none}
.seasons::-webkit-scrollbar{display:none}
.season{scroll-snap-align:start}
.season a{display:block;text-decoration:none;color:inherit}
.season h3{font:800 2rem/1 var(--display);text-transform:uppercase;color:#fff;margin:12px 0 4px}
.season p{font-size:.92rem;line-height:1.45;color:var(--fog)}
.season img{transition:transform .8s var(--ease)}
.season a:hover img{transform:scale(1.04)}

/* reviews */
.rev-sec{padding-bottom:calc(var(--sec) - 6px)}
.rev-side{display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.rail-btns{display:none;gap:8px}
.rail-btns button{width:46px;height:46px;border:1.5px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .2s,color .2s}
.rail-btns button:hover{background:var(--ink);color:#fff}
.rail-btns button:first-child svg{transform:rotate(180deg)}
ul.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(84vw,380px);gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--gut),calc((var(--vw,100vw) - var(--max))/2));padding-inline:max(var(--gut),calc((var(--vw,100vw) - var(--max))/2));padding-bottom:10px;scrollbar-width:none}
ul.rail::-webkit-scrollbar{display:none}
.rv-card{scroll-snap-align:start;display:flex}
.rv-card figure{display:flex;flex-direction:column;background:var(--paper);padding:22px;gap:12px;width:100%;border-top:4px solid var(--red)}
.rv-card blockquote{flex:1;font-size:1rem;line-height:1.55;color:var(--text)}
.rv-card figcaption{display:grid;font-size:.88rem}
.rv-card figcaption strong{text-transform:capitalize}
.rv-card figcaption span{color:var(--mute);font-size:.78rem}
.stars{display:flex;gap:2px;color:var(--gold)}
.stars svg{width:18px;height:18px}

/* area */
.area-grid{display:grid;gap:clamp(26px,5vw,56px);grid-template-columns:minmax(0,1fr)}
.area-copy .dh{margin-bottom:16px}
.area-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px;margin-top:20px}
.area-list a{display:flex;align-items:center;gap:9px;padding:9px 0;text-decoration:none;font-weight:500;font-size:.96rem;min-height:44px}
.area-n{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--red);color:#fff;font-size:.72rem;font-weight:700;flex:none}
.area-list a:hover span:last-child{text-decoration:underline}
.area-fig{margin:0}
.am-desk{display:none}
.area-svg{width:100%;height:auto;border-radius:6px}
.area-svg a{cursor:pointer}
.area-svg a:hover circle{fill:var(--red-hi)}
.area-fig figcaption{font-size:.8rem;color:var(--mute);margin-top:8px}
.am-t{font:800 24px var(--display);fill:#fff;letter-spacing:.015em;paint-order:stroke;stroke:rgba(15,21,16,.5);stroke-width:3px}
.am-n{font:700 12px var(--body);fill:#fff}
.am-x{font:600 17px var(--body);fill:#eef0e6}
.am-lake,.am-river{font:600 15px var(--body);fill:#c8ddd6;letter-spacing:.05em}

/* FAQ */
.faq-grid{display:grid;gap:10px;grid-template-columns:minmax(0,1fr)}
.faq{border-top:1px solid #b9b8aa}
.faq:last-child{border-bottom:1px solid #b9b8aa}
.faq summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:16px 0;font-weight:600;font-size:1.03rem;list-style:none;min-height:54px}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover span{color:var(--red)}
.faq-ic{width:20px;height:20px;color:var(--red);flex:none;transition:transform .25s var(--ease)}
.faq[open] .faq-ic{transform:rotate(45deg)}
.faq .para{padding-bottom:18px;color:#2e352d}

/* estimate */
.est{color:#fff;overflow:hidden;isolation:isolate;padding-block:clamp(64px,10vw,110px)}
.est-bg{position:absolute;inset:0;z-index:-2}
.est-bg img{width:100%;height:100%;object-fit:cover}
.est::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,21,16,.8),rgba(15,21,16,.92))}
.est-grid{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}
.est .dh{color:#fff;margin-bottom:14px}
.est .dh em{color:#ff5c50}
.est .kick{color:var(--gold-l)}
.est-copy .para{color:#f1f2ec}
.est-phone{margin:14px 0 2px}
.est-tel{font:800 clamp(2.5rem,12vw,3.8rem)/1 var(--display);color:#fff;text-decoration:none}
.est-hours{font-size:.86rem;color:#e6e8df}
.est-card{background:var(--paper);color:var(--text);padding:clamp(18px,4vw,30px);border-top:5px solid var(--red)}
.lead-form{display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}
.fld label{display:block;font-size:.84rem;font-weight:600;margin-bottom:4px;color:var(--text)}
.opt{font-weight:400;color:var(--mute)}
.fld input,.fld select,.fld textarea{width:100%;min-height:48px;padding:11px 12px;border:1.5px solid #a8a79a;border-radius:4px;background-color:#fff;color:var(--text);font:400 16px/1.35 var(--body);transition:border-color .2s,box-shadow .2s}
.fld textarea{resize:vertical;min-height:92px}
.fld input:focus,.fld select:focus,.fld textarea:focus{border-color:var(--green-d);outline:0;box-shadow:0 0 0 3px rgba(40,137,38,.26)}
.fld [aria-invalid="true"]{border-color:var(--red)}
.fld-err{color:var(--red-d);font-size:.84rem;margin-top:4px}
.trap-field{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.lead-form button[type=submit]{white-space:normal}
.form-note{padding:12px 14px;border-radius:4px;font-size:.95rem}
.form-note.ok{background:#dcefd3;color:#16351a}
.form-note.bad{background:#f8dcd9;color:#6d1410}
.fine{font-size:.86rem;color:var(--mute)}
.fine a{color:var(--red-d);font-weight:600}

/* inner hero */
.phero{position:relative;isolation:isolate;background:var(--ink);color:#fff;padding:0 0 40px;overflow:hidden}
.phero-media{position:relative;height:clamp(230px,62vw,330px);margin-top:calc(var(--hdr-h) + env(safe-area-inset-top,0px));overflow:hidden}
.phero-media img{width:100%;height:100%;object-fit:cover}
.phero-media::after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(180deg,rgba(15,21,16,0),var(--ink))}
.phero-scrim{display:none}
.phero-in{padding-top:16px;position:relative}
.crumbs{margin-bottom:12px;font-size:.8rem;color:#eef0e8;width:fit-content}
.crumbs ol{display:flex;flex-wrap:wrap;gap:4px 8px}
.crumbs li + li::before{content:"/";margin-right:8px;color:var(--pewter)}
.crumbs a{color:inherit}
.phero h1{margin:0}
.phero .h1-small{font-size:.96rem;width:fit-content}
.phero .h1-big{font-size:clamp(3rem,15.4vw,6.4rem);text-shadow:none}
.phero .h1-big em{color:#ff5c50;display:block}
.phero-sub{margin:12px 0 18px;font-size:1.02rem;max-width:58ch;color:#f1f2ec}
.phero .cta-row{justify-content:flex-start}
.credit{font-size:.72rem;color:var(--fog);margin-top:12px;width:fit-content}

/* includes */
.inc-list{display:grid;gap:0;grid-template-columns:minmax(0,1fr)}
.inc-list li{display:grid;grid-template-columns:62px minmax(0,1fr);gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.16)}
.inc-n{font:800 2.5rem/1 var(--display);color:transparent;-webkit-text-stroke:1.5px var(--pewter)}
.inc-list h3,.here-list h3{font:800 1.7rem/1.04 var(--display);text-transform:uppercase;color:#fff;margin-bottom:4px}
.inc-list p,.here-list p{color:var(--fog);font-size:.98rem}
.inc-list p + p{margin-top:.4em}
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(210px,66vw);gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding-inline:var(--gut);margin-inline:calc(var(--gut)*-1);padding-bottom:6px;scrollbar-width:none}
.strip::-webkit-scrollbar{display:none}
.strip li{scroll-snap-align:start}
.strip p{font-size:.86rem;color:var(--mute);margin-top:8px}
.strip-sec{padding-block:clamp(40px,7vw,80px)}

.how-grid{display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}
.how-list{display:grid;gap:18px}
.how-list li{display:grid;grid-template-columns:50px minmax(0,1fr);gap:12px;align-items:start}
.how-n{display:flex;align-items:center;justify-content:center;width:50px;height:50px;background:var(--red);color:#fff;font:800 1.7rem/1 var(--display);border-radius:4px}
.how-list h3{font:800 1.6rem/1.05 var(--display);text-transform:uppercase;color:var(--ink);margin-bottom:3px}
.how-list p{font-size:.98rem;color:#2e352d}

.local-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1fr)}
.local-para{font-size:1.02rem}
.chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.chip-grid a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:50px;padding:10px 12px;background:var(--white);border:1px solid var(--line);text-decoration:none;font-weight:600;font-size:.94rem;transition:border-color .2s,color .2s}
.chip-grid a:hover{border-color:var(--red);color:var(--red)}
.chip-grid svg{color:var(--red);width:16px;height:16px}
.rel-list{display:grid}
.rel-list li{border-top:1px solid var(--line)}
.rel-list li:last-child{border-bottom:1px solid var(--line)}
.rel-list a{display:grid;grid-template-columns:minmax(0,1fr) 22px;gap:2px 14px;padding:14px 0;text-decoration:none;align-items:center}
.rel-n{font:800 1.6rem/1.05 var(--display);text-transform:uppercase;color:var(--ink)}
.rel-d{grid-column:1;font-size:.9rem;color:var(--mute)}
.rel-list svg{grid-column:2;grid-row:1/3;color:var(--red)}

/* town */
.here-list{display:grid}
.here-list a{display:grid;grid-template-columns:62px minmax(0,1fr) 22px;gap:12px;padding:18px 0;border-top:1px solid rgba(255,255,255,.16);text-decoration:none;align-items:start;color:inherit}
.here-list a > svg{color:#fff;margin-top:6px;transition:transform .25s var(--ease)}
.here-list a:hover > svg{transform:translateX(4px)}
.town-area-grid{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
.town-area-grid .dh{margin-bottom:16px}
.town-fact{display:grid;background:var(--deep);color:#fff;padding:8px 18px;align-self:start}
.town-fact > div{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.14)}
.town-fact > div:last-child{border-bottom:0}
.town-fact dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pewter);font-weight:600;margin-bottom:2px}
.town-fact dd{font-size:1rem}
.tf-tel{font:800 2rem/1 var(--display);color:#fff;text-decoration:none}

/* hubs */
.hub-list{display:grid;gap:26px;grid-template-columns:minmax(0,1fr)}
.hub-card{display:block;text-decoration:none}
.hub-card h2{font:800 2.3rem/1.02 var(--display);text-transform:uppercase;color:var(--ink);margin:12px 0 4px}
.hub-card p{color:var(--mute)}
.hub-card img{transition:transform .8s var(--ease)}
.hub-card:hover img{transform:scale(1.04)}
.hub-t .more{margin-top:6px}
.town-rows{display:grid}
.town-row a{display:grid;grid-template-columns:50px minmax(0,1fr) 22px;gap:12px;padding:16px 0;border-top:1px solid #b9b8aa;text-decoration:none;align-items:start}
.town-row:last-child a{border-bottom:1px solid #b9b8aa}
.town-row .inc-n{-webkit-text-stroke-color:var(--sage)}
.town-row h3{font:800 1.8rem/1 var(--display);text-transform:uppercase;color:var(--ink);margin-bottom:3px}
.town-row p{font-size:.94rem;color:#2e352d}
.town-row svg{color:var(--red);margin-top:6px}
.inc-3 li{grid-template-columns:62px minmax(0,1fr)}

/* contact */
.contact-grid{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
.contact-copy .dh{margin-bottom:14px}
.contact-list{display:grid;gap:12px;margin-top:20px}
.contact-list dt{font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sage);font-weight:600;margin-bottom:2px}
.ct-tel{font:800 2.5rem/1 var(--display);text-decoration:none;color:var(--ink)}
.ct-mail{overflow-wrap:anywhere}
.est-card-paper{background:#fff;box-shadow:0 18px 40px -26px rgba(0,0,0,.5)}
.map-box{height:clamp(320px,62vw,560px);background:var(--stone)}
.map-box iframe{width:100%;height:100%;border:0;display:block}
.nf{min-height:70vh;padding-top:calc(var(--hdr-h) + 60px)}
.nf .para{margin:14px 0 22px}
.nf .cta-row{justify-content:flex-start}

/* footer + action bar */
.ftr{background:var(--ink);color:var(--fog);padding:clamp(44px,8vw,76px) 0 calc(86px + env(safe-area-inset-bottom,0px))}
.ftr-grid{display:grid;gap:28px;grid-template-columns:minmax(0,1fr)}
.ftr-logo{width:128px;height:auto;margin-bottom:12px}
.nap{font-size:.96rem;line-height:1.7}
.nap strong{color:#fff}
.ftr-tel{font:800 1.8rem/1.2 var(--display);color:#fff;text-decoration:none}
.ftr-mail{overflow-wrap:anywhere;color:var(--fog)}
.ftr-hours{font-size:.88rem;margin-top:8px;color:#bfc4b8}
.ftr-col h2{font:600 .76rem/1 var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--pewter);margin-bottom:10px}
.ftr-col a{display:inline-block;padding:6px 0;text-decoration:none;font-size:.94rem;color:var(--fog)}
.ftr-col a:hover{color:#fff;text-decoration:underline}
.ftr-towns{columns:2;column-gap:14px}
.ftr-note{margin-top:30px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);display:grid;gap:6px;font-size:.78rem;color:#aab0a2}
.actbar{position:fixed;inset:auto 0 0;z-index:40;display:grid;grid-template-columns:1fr 1fr 1.5fr;background:var(--ink);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -6px 22px rgba(0,0,0,.28)}
.actbar a{display:flex;align-items:center;justify-content:center;gap:.45em;min-height:58px;color:#fff;text-decoration:none;font:800 1.18rem/1 var(--display);text-transform:uppercase;letter-spacing:.03em}
.act-call{background:var(--deep)}
.act-text{background:var(--moss);border-left:1px solid rgba(255,255,255,.1)}
.act-est{background:var(--red)}

/* reveal */
.js .rv{opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.js .rv.rv-on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.js .rv{opacity:1;transform:none;transition:none}}

/* phones: keep the home page to a sensible length */
@media (max-width:759px){
  .sg-step:nth-child(3) .ph,.sg-step:nth-child(3) .sg-cap,.sg-step:nth-child(5) .ph,.sg-step:nth-child(5) .sg-cap{display:none}
  .sg-cap{margin-top:6px}
  .talk-photo .ph{aspect-ratio:1/1}
  .say-list li:nth-child(3){display:none}
}
/* >= 420 */
@media (min-width:420px){.h1-small{font-size:1.04rem}}

/* >= 760 */
@media (min-width:760px){
  :root{--hdr-h:76px}
  .hdr-badge{width:62px}
  .brand-word{font-size:1.6rem}
  .hero-in{justify-content:flex-start;padding-bottom:72px;gap:clamp(10px,2.4vh,28px)}
  .hero-media img,.hero-media video{object-position:60% 30%}
  .hero-logo{width:clamp(150px,22svh,230px)}
  .hero-copy{margin-top:auto;margin-bottom:auto}
  .hero-scrim{background:radial-gradient(90% 75% at 50% 58%,rgba(15,21,16,.72) 0,rgba(15,21,16,.5) 55%,rgba(15,21,16,.36) 100%),linear-gradient(180deg,rgba(15,21,16,.5),rgba(15,21,16,.15) 30%,rgba(15,21,16,.65))}
  .h1-big{font-size:clamp(4.4rem,min(10.4vw,14.5svh),8.6rem)}
  .h1-big .ln{display:inline}
  .hero .h1-big .ln{display:block;white-space:nowrap}
  .cta-row .btn{flex:0 1 auto;min-width:240px}
  .svc-lead .ph{aspect-ratio:16/10}
  .reels{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0;gap:20px}
  .seasons{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0}
  .strip{grid-auto-flow:row;grid-auto-columns:auto;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;overflow:visible;margin-inline:0;padding-inline:0;gap:16px}
  .gal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
  .gal-t:last-child{grid-column:auto}
.gal-t:last-child .gal-btn{aspect-ratio:1/1}
.gal-t.t-wide{grid-column:span 2;grid-row:span 2}
  .gal-t.t-wide .gal-btn{aspect-ratio:auto;height:100%}
  .gal-t.t-tall{grid-row:span 2}
  .gal-t.t-tall .gal-btn{aspect-ratio:auto;height:100%}
  .chip-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .area-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .rail-btns{display:flex}
  .am-desk{display:block}
  .am-phone{display:none}
  .rev-side{flex-direction:row;align-items:center;justify-content:flex-end;gap:18px}
  .rev-side .more{margin-top:0}
  .ftr-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ftr-brand{grid-column:1/-1;display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:24px;align-items:start;justify-content:start}
  .ftr-logo{margin:0}
  .ftr-hours{margin-top:0}
  .est-grid,.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:44px;align-items:center}
  .lead-form{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fld-w,.lead-form .btn,.form-note,.fine{grid-column:1/-1}
  .phero{min-height:clamp(480px,64vh,660px);padding:0;display:flex;flex-direction:column;justify-content:flex-end}
  .phero-media{position:absolute;inset:0;height:auto;margin:0;z-index:-1}
  .phero-media::after{display:none}
  .phero-scrim{display:block;position:absolute;inset:0;background:linear-gradient(0deg,rgba(15,21,16,.92) 0,rgba(15,21,16,.84) 66%,rgba(15,21,16,.66) 100%)}
  .phero-in{padding-top:calc(var(--hdr-h) + 40px);padding-bottom:clamp(36px,6vw,64px)}
  .inc-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
  .inc-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .here-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
  .hub-list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .town-rows{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:36px}
  .town-rows .town-row:nth-last-child(2) a{border-bottom:1px solid #b9b8aa}
  .how-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:26px}
  .how-list li{grid-template-columns:minmax(0,1fr)}
  .local-para p{margin-bottom:.7em}
  .motto-in{grid-template-columns:auto auto;justify-content:center;align-items:center;gap:26px;text-align:left}
  .moment-in{padding-top:64px}
}
/* tablet only */
@media (min-width:760px) and (max-width:959px){
  .dh{font-size:clamp(3.2rem,8.4vw,4.6rem)}
  .talk-photo .ph,.sv-photo .ph{aspect-ratio:16/10}
  .sg-steps{gap:48px}
  .sg-step .ph.r-32{aspect-ratio:2/1}
  .sg-fig{max-width:560px;margin-inline:auto;background:transparent}
}
/* >= 960 */
@media (min-width:960px){
  .sec-head.duo{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:end;gap:40px}
  .dh{font-size:clamp(3.6rem,5.6vw,5.4rem)}
  .svc-board{grid-template-columns:minmax(0,1.04fr) minmax(0,1fr);align-items:stretch}
  .svc-lead{display:flex;flex-direction:column}
  .svc-lead .ph{flex:1;aspect-ratio:auto;min-height:360px}
  .svc-lead .ph img{position:absolute;inset:0}
  .svc-row{grid-template-columns:128px minmax(0,1fr) 22px;gap:20px;padding:16px 0}
  .talk-grid{grid-template-columns:minmax(0,.86fr) minmax(0,1fr);align-items:center}
  .say-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}
  .sg-grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,.84fr);gap:clamp(36px,5vw,72px);align-items:start}
  .sg-fig{top:calc(var(--hdr-h) + 16px);margin-inline:0;padding-inline:0;background:transparent;padding-bottom:0}
  .hdr.tuck:not(:focus-within) ~ main .sg-fig{top:16px}
  .sg-steps{gap:22vh;padding-top:4vh;padding-bottom:12vh}
  .sg-final{padding-bottom:0}
  .pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
  .pair-beds{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}
  .base-grid{grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr) minmax(0,.72fr);align-items:end;gap:28px}
  .base-2{width:100%;justify-self:auto}
  .area-grid{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center}
  .faq-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px}
  .how-grid{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:48px;align-items:start}
  .how-list{grid-template-columns:minmax(0,1fr)}
  .how-list li{grid-template-columns:54px minmax(0,1fr)}
  .local-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:start}
  .town-area-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:56px}
  .chip-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
  .phero-scrim{background:linear-gradient(90deg,rgba(15,21,16,.92) 0,rgba(15,21,16,.8) 46%,rgba(15,21,16,.16) 84%),linear-gradient(0deg,rgba(15,21,16,.5),rgba(15,21,16,0) 40%)}
  .phero .h1-big{font-size:clamp(4.2rem,6.2vw,6.4rem)}
  .ftr-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr) minmax(0,1fr) minmax(0,.7fr)}
  .ftr-brand{grid-column:auto;display:block}
  .ftr-logo{margin-bottom:12px}
  .ftr-hours{margin-top:8px}
}
/* >= 1100: full nav, no action bar */
@media (min-width:1100px){
  .hdr-nav{display:flex;gap:26px;margin-right:18px}
  .hdr-nav a{text-decoration:none;font-weight:500;font-size:.95rem;color:#fff;padding:8px 0;border-bottom:2px solid transparent;transition:border-color .2s}
  .hdr-nav a:hover,.hdr-nav a[aria-current="page"]{border-bottom-color:var(--red-hi)}
  .burger{display:none}
  .hdr-call{width:auto;padding:0 16px;gap:.5em;font:800 1.24rem/1 var(--display);letter-spacing:.02em;text-decoration:none;min-height:46px}
  .hdr-call .tel{display:inline}
  .actbar{display:none}
  html{scroll-padding-bottom:0}
  .ftr{padding-bottom:40px}
}