/* Valley Outdoor demo, Option C "Riverbank Crew". Tokens first. */
:root{
  --lime:#b6e966;          /* straight from the logo highlight */
  --lime-deep:#9fd94a;
  --ever:#173d2c;          /* evergreen, logo green taken deep */
  --ever-2:#1f4f39;
  --ever-3:#2a6149;
  --stone:#f2efe6;         /* limestone */
  --stone-2:#e0d9c6;
  --ink:#10251b;
  --ink-2:#34473d;
  --muted:#56675d;
  --sky:#2f6f9e;           /* logo blue, AA */
  --on-ever:#eef3ea;
  --on-ever-muted:#bfd0c3;
  --border:#d3ccb9;
  --focus:#2f6f9e;
  --tag-bg:#fff1b8;--tag-fg:#5b4500;
  --display:"Bricolage Grotesque", "Arial Narrow", system-ui, sans-serif;
  --body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --step--1:clamp(0.875rem,0.85rem + 0.1vw,0.94rem);
  --step-0:clamp(1rem,0.94rem + 0.3vw,1.125rem);
  --step-1:clamp(1.2rem,1.1rem + 0.5vw,1.45rem);
  --step-2:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);
  --step-3:clamp(2rem,1.4rem + 3vw,3.6rem);
  --step-4:clamp(2.6rem,1.4rem + 5.6vw,5.8rem);
  --s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--s7:48px;--s8:64px;--s9:96px;
  --section:clamp(64px,8vw,128px);
  --r:8px;
  --header-h:72px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--header-h) + 16px)}
body{margin:0;background:var(--stone);color:var(--ink);font-family:var(--body);font-size:var(--step-0);line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--ever-3);text-underline-offset:3px}
a:hover{color:var(--ever)}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px;border-radius:4px}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-0.02em;line-height:1.02;margin:0 0 var(--s4)}
h1{font-size:var(--step-4);font-weight:800}
h2{font-size:var(--step-3);font-weight:800}
h3{font-size:var(--step-1);line-height:1.2}
p{margin:0 0 var(--s4);max-width:65ch}
.shell{max-width:1320px;margin-inline:auto;padding-inline:clamp(16px,5vw,64px)}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:12px 16px;z-index:100}
.skip:focus{left:8px}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.confirm{display:inline-block;font-family:var(--body);font-size:0.75rem;font-weight:700;background:var(--tag-bg);color:var(--tag-fg);padding:2px 8px;border-radius:4px;vertical-align:middle;line-height:1.5;letter-spacing:0}
.label{font-family:var(--display);font-weight:700;font-size:0.95rem;letter-spacing:0.06em;text-transform:uppercase;color:var(--ever-3);margin:0 0 var(--s4);display:inline-flex;gap:10px;align-items:center}
.label::before{content:"";width:22px;height:4px;background:var(--lime-deep);border-radius:2px}
.label .no{display:none}
.dark .label{color:var(--lime)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:12px 26px;border-radius:var(--r);font-family:var(--display);font-weight:700;font-size:1.05rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:background-color .2s ease-out,transform .15s ease-out}
.btn-primary{background:var(--lime);color:var(--ink);border-color:var(--lime)}
.btn-primary:hover{background:var(--lime-deep);border-color:var(--lime-deep);color:var(--ink)}
.btn-primary:active{transform:translateY(1px)}
.btn[disabled]{opacity:.5;cursor:not-allowed}
.btn-primary::after{content:"\2192";font-weight:400}
.textlink{font-weight:700;color:var(--ink);text-decoration:underline;text-decoration-color:var(--lime-deep);text-decoration-thickness:3px}
.textlink:hover{color:var(--ever-3)}
.dark .textlink{color:var(--on-ever)}

/* header */
.site-header{position:sticky;top:0;z-index:50;background:var(--stone);border-bottom:1px solid var(--border)}
.site-header .shell{display:flex;align-items:center;gap:var(--s5);min-height:var(--header-h)}
.brand img{height:50px;width:auto}
.nav{display:none;margin-left:auto}
.nav ul{list-style:none;margin:0;padding:0;display:flex;gap:var(--s5)}
.nav a{color:var(--ink);text-decoration:none;font-weight:600;font-size:0.95rem;padding:12px 0;display:inline-block;border-bottom:3px solid transparent}
.nav a:hover,.nav a[aria-current="page"]{border-bottom-color:var(--lime-deep)}
.header-call{margin-left:auto;display:flex;align-items:center;gap:var(--s4)}
.phone{font-family:var(--display);font-weight:800;font-size:1.1rem;color:var(--ink);text-decoration:none;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center}
.phone:hover{color:var(--ever-3)}
.header-call .btn{display:none;min-height:44px;padding:8px 18px;font-size:0.95rem}
.header-call .btn::after{display:none}
.menu-toggle{min-width:48px;min-height:48px;border:2px solid var(--ink);background:transparent;border-radius:var(--r);font:700 0.95rem var(--display);color:var(--ink);cursor:pointer;padding:0 12px}
.menu-toggle:hover{background:var(--ink);color:var(--stone)}
.mobile-nav{display:none;background:var(--ever);}
.mobile-nav.open{display:block}
.mobile-nav ul{list-style:none;margin:0;padding:var(--s3) 0}
.mobile-nav a{display:block;padding:14px 0;color:var(--on-ever);text-decoration:none;font-family:var(--display);font-size:1.4rem;font-weight:700;border-bottom:1px solid var(--ever-3)}
.mobile-nav .btn{margin:var(--s5) 0;width:100%}
.mobile-nav :focus-visible{outline-color:var(--lime)}
@media (min-width:1080px){.nav{display:block}.menu-toggle,.mobile-nav{display:none!important}.header-call{margin-left:var(--s5)}.header-call .btn{display:inline-flex}}

/* hero: solid evergreen panel + bright photo */
.hero-c{display:grid;background:var(--ever);color:var(--on-ever)}
.hero-c .panel-text{padding:clamp(32px,5vw,72px) clamp(16px,5vw,64px) clamp(32px,4vw,56px);display:flex;flex-direction:column;justify-content:center}
.hero-c h1{color:#fff;max-width:13ch}
.hero-c h1 em{font-style:normal;color:var(--lime)}
.hero-c .lede{font-size:var(--step-1);line-height:1.5;color:var(--on-ever);max-width:38ch}
.hero-c .hero-actions{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s5);align-items:center;margin-top:var(--s4)}
.hero-c .hero-actions .phone-lg{color:#fff;font-family:var(--display);font-weight:700;font-size:1.2rem;text-decoration:none;border-bottom:3px solid var(--lime)}
.hero-c figure{margin:0;position:relative;min-height:320px}
.hero-c figure img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.hero-c figcaption{position:absolute;left:16px;bottom:16px;background:var(--stone);color:var(--ink);font-size:0.85rem;font-weight:600;padding:6px 12px;border-radius:4px}
.hero-c :focus-visible{outline-color:var(--lime)}
@media (min-width:960px){.hero-c{grid-template-columns:5fr 6fr;min-height:min(78vh,760px)}}
.facts-bar{background:var(--lime)}
.facts-bar ul{list-style:none;margin:0 auto;padding-block:var(--s4);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:var(--s3) var(--s5)}
.facts-bar li{font-weight:600;color:var(--ink);font-size:0.95rem}
.facts-bar b{font-family:var(--display);font-size:1.25rem;display:block;line-height:1.2}

/* sections */
.section{padding-block:var(--section)}
.section-alt{background:var(--stone-2)}
.dark{background:var(--ever);color:var(--on-ever)}
.dark h2,.dark h3{color:#fff}
.dark p{color:var(--on-ever)}
.dark a{color:var(--lime)}
.dark :focus-visible{outline-color:var(--lime)}
.section-head{display:grid;gap:var(--s4);margin-bottom:var(--s7)}
.section-head p{font-size:var(--step-1);color:var(--ink-2);line-height:1.5}
.dark .section-head p{color:var(--on-ever)}
@media (min-width:900px){.section-head{grid-template-columns:1.1fr 1fr;align-items:end;gap:var(--s7)}}

/* service tiles */
.tiles{display:grid;gap:var(--s4);grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.tile{position:relative;display:flex;flex-direction:column;background:#fff;border-radius:var(--r);overflow:hidden;text-decoration:none;color:var(--ink);border:1px solid var(--border);transition:transform .2s ease-out,box-shadow .2s ease-out}
.tile:hover{transform:translateY(-3px);box-shadow:0 2px 4px rgba(16,37,27,.06),0 12px 28px rgba(16,37,27,.12);color:var(--ink)}
.tile img{width:100%;aspect-ratio:4/3;object-fit:cover}
.tile .body{padding:var(--s5)}
.tile h3{font-size:var(--step-2)}
.tile p{color:var(--ink-2);font-size:0.98rem}
.tile .go{font-family:var(--display);font-weight:700;border-bottom:3px solid var(--lime-deep)}
.tile ul{list-style:none;padding:0;margin:0 0 var(--s4);font-size:0.9rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:4px 14px}

/* crew / fleet mosaic */
.mosaic{display:grid;gap:var(--s3);grid-template-columns:repeat(2,1fr)}
.mosaic figure{margin:0;position:relative;overflow:hidden;border-radius:var(--r)}
.mosaic img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.mosaic figcaption{position:absolute;left:10px;bottom:10px;background:rgba(16,37,27,.86);color:#fff;font-size:0.8rem;font-weight:600;padding:4px 10px;border-radius:4px}
.mosaic .big{grid-column:1/-1}
.mosaic .big img{aspect-ratio:16/9}
@media (min-width:900px){.mosaic{grid-template-columns:repeat(4,1fr)}.mosaic .big{grid-column:span 2;grid-row:span 2}.mosaic .big img{aspect-ratio:auto;height:100%}}

/* timeline */
.years{list-style:none;margin:var(--s7) 0 0;padding:0;display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));border-top:2px solid var(--ever-3)}
.years li{padding-top:var(--s5);position:relative}
.years li::before{content:"";position:absolute;top:-9px;left:0;width:16px;height:16px;border-radius:50%;background:var(--lime);border:3px solid var(--ever)}
.years b{display:block;font-family:var(--display);font-weight:800;font-size:var(--step-3);color:var(--lime);line-height:1}
.years span{color:var(--on-ever);font-size:0.98rem}
.owner-c{display:grid;gap:var(--s7)}
@media (min-width:900px){.owner-c{grid-template-columns:1fr 1fr;align-items:center}}
.owner-c figure{margin:0}
.owner-c img{width:100%;border-radius:var(--r);aspect-ratio:3/2;object-fit:cover}
.owner-c figcaption{color:var(--on-ever-muted);font-size:0.85rem;margin-top:8px}

/* story strip */
.strip{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,340px);gap:var(--s4);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:var(--s4);overscroll-behavior-x:contain}
.strip figure{margin:0;scroll-snap-align:start}
.strip img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.strip figcaption{font-weight:600;margin-top:8px;font-size:0.95rem}
.strip figcaption b{font-family:var(--display);color:var(--ever-3);margin-right:6px}
.strip:focus-visible{outline:3px solid var(--focus)}

/* proof */
.proof{display:grid;gap:var(--s4)}
@media (min-width:900px){.proof{grid-template-columns:repeat(3,1fr)}}
.quote{margin:0;background:#fff;border-radius:var(--r);padding:var(--s6);border-top:6px solid var(--lime);display:flex;flex-direction:column;justify-content:space-between}
.quote p{font-family:var(--display);font-weight:600;font-size:var(--step-1);line-height:1.35;color:var(--ink)}
.quote footer{font-size:0.88rem;color:var(--muted)}
.proof-box{background:#fff;border-radius:var(--r);padding:var(--s6)}
.score{display:flex;flex-wrap:wrap;gap:var(--s5) var(--s7);margin-top:var(--s6);align-items:baseline}
.score strong{font-family:var(--display);font-weight:800;font-size:var(--step-3);line-height:1}

/* towns */
.towns{display:grid;gap:var(--s7)}
.town-list{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:2px solid var(--ink)}
.town-list li{display:grid;grid-template-columns:1fr;padding:var(--s4) 0;border-bottom:1px solid var(--border)}
.town-list b{font-family:var(--display);font-size:var(--step-2);font-weight:800;line-height:1.1}
.town-list span{color:var(--muted);font-size:0.95rem}
.map{width:100%;aspect-ratio:4/3;border:0;border-radius:var(--r);background:var(--stone-2)}
@media (min-width:900px){.towns{grid-template-columns:5fr 7fr;align-items:start}}

/* faq */
.faq{border-top:2px solid var(--ink);max-width:900px}
.faq details{border-bottom:1px solid var(--border)}
.faq summary{cursor:pointer;list-style:none;padding:var(--s5) 48px var(--s5) 0;position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{display:inline;margin:0}
.faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);width:32px;height:32px;display:grid;place-items:center;background:var(--lime);border-radius:50%;font-weight:700;font-size:1.3rem;color:var(--ink)}
.faq details[open] summary::after{content:"\2212"}
.faq .answer{padding-bottom:var(--s5)}
.updated{font-size:0.88rem;color:var(--muted)}

/* cta */
.cta-band{background:var(--ever);color:var(--on-ever);padding-block:var(--section);position:relative;overflow:hidden}
.cta-grid{display:grid;gap:var(--s6);align-items:end}
@media (min-width:900px){.cta-grid{grid-template-columns:3fr 2fr}}
.cta-band h2{color:#fff;max-width:16ch}
.cta-band p{color:var(--on-ever)}
.cta-band a.phone-lg{color:#fff;font-family:var(--display);font-weight:800;font-size:var(--step-2);text-decoration:none;border-bottom:4px solid var(--lime)}
.cta-band :focus-visible{outline-color:var(--lime)}

/* inner pages */
.crumbs{font-size:var(--step--1);color:var(--muted);padding-top:var(--s5)}
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:var(--s2);padding:0;margin:0}
.crumbs li+li::before{content:"/";margin-right:var(--s2)}
.crumbs a{color:var(--muted)}
.page-hero{padding-block:var(--s5) var(--section)}
.page-hero h1{font-size:var(--step-3)}
.hero-grid{display:grid;gap:var(--s6)}
@media (min-width:900px){.hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:var(--s7)}}
.hero-figure{margin:0}
.hero-figure img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r)}
.hero-actions{display:flex;flex-wrap:wrap;gap:var(--s4) var(--s5);align-items:center;margin-top:var(--s5)}
figcaption{font-size:0.88rem;color:var(--muted);margin-top:6px}
.answer-first{font-size:var(--step-1);line-height:1.55;color:var(--ink-2);max-width:60ch;padding:var(--s5);background:#fff;border-left:6px solid var(--lime);border-radius:0 var(--r) var(--r) 0}
.types{display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr))}
.types figure{margin:0;background:#fff;border-radius:var(--r);overflow:hidden;border:1px solid var(--border)}
.types img{width:100%;aspect-ratio:4/3;object-fit:cover}
.types figcaption,.types h3,.types p{padding-inline:var(--s4)}
.types p{padding-bottom:var(--s4)}
.types article{background:#fff;border:1px solid var(--border);border-radius:var(--r);padding:var(--s5);scroll-margin-top:calc(var(--header-h) + 16px)}
.types article h3,.types article p{padding-inline:0}
.types article h3{font-size:var(--step-2);margin-top:0}
.types h3{margin-top:var(--s3);margin-bottom:var(--s2)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--s5);grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));counter-reset:step}
.steps li{counter-increment:step}
.steps img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--r);margin-bottom:var(--s4)}
.steps h3::before{content:"0" counter(step);display:block;font-size:var(--step-2);color:var(--ever-3);font-weight:800}
.split{display:grid;gap:var(--s7)}
.split figure{margin:0}
.split img{width:100%;border-radius:var(--r);aspect-ratio:3/4;object-fit:cover}
@media (min-width:900px){.split{grid-template-columns:1fr 1fr;align-items:center}}
.split .quote{margin-top:var(--s5)}
.proof > div:first-child{display:contents}

/* contact */
.contact-grid{display:grid;gap:var(--s8)}
@media (min-width:960px){.contact-grid{grid-template-columns:7fr 5fr}}
.form{display:grid;gap:var(--s5);max-width:640px;background:#fff;padding:clamp(16px,3vw,32px);border-radius:var(--r);border-top:6px solid var(--lime)}
.field{display:grid;gap:var(--s2)}
.field label{font-weight:700;font-size:0.95rem}
.field .opt{font-weight:500;color:var(--muted)}
.field input,.field select,.field textarea{font:inherit;font-size:1rem;min-height:48px;padding:10px 14px;border:2px solid #b8b09b;border-radius:6px;background:var(--stone);color:var(--ink);width:100%}
.field textarea{min-height:140px;resize:vertical}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink)}
.field [aria-invalid="true"]{border-color:#b3261e}
.error{color:#b3261e;font-size:var(--step--1);font-weight:700;margin:0}
.form-note{font-size:var(--step--1);color:var(--muted)}
.form-status{font-weight:700;color:var(--ever-3)}
.nap{font-style:normal;line-height:1.8}

/* footer */
.site-footer{background:var(--ink);color:var(--on-ever-muted);padding-block:var(--s8) var(--s6);font-size:var(--step--1)}
.site-footer a{color:var(--on-ever)}
.site-footer a:hover{color:var(--lime)}
.site-footer :focus-visible{outline-color:var(--lime)}
.foot-grid{display:grid;gap:var(--s6);grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr))}
.site-footer h2{font-family:var(--display);font-size:1rem;font-weight:700;color:var(--lime);margin-bottom:var(--s3);letter-spacing:0}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:var(--s2)}
.foot-logo{background:var(--stone);display:inline-block;padding:10px 14px;border-radius:var(--r);margin-bottom:var(--s4)}
.foot-logo img{height:40px;width:auto}
.foot-base{margin-top:var(--s7);padding-top:var(--s5);border-top:1px solid #2c4337;display:flex;flex-wrap:wrap;gap:var(--s4);justify-content:space-between}

@keyframes rise{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0% entry 35%}}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* mobile call bar */
.callbar{position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:var(--ever);box-shadow:0 -4px 16px rgba(16,37,27,.18)}
.callbar a{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:var(--r);font-family:var(--display);font-weight:700;text-decoration:none;font-size:1rem}
.callbar a:first-child{background:transparent;color:#fff;border:2px solid var(--on-ever-muted)}
.callbar a:last-child{background:var(--lime);color:var(--ink)}
.callbar :focus-visible{outline-color:var(--lime)}
body{padding-bottom:72px}
@media (min-width:768px){.callbar{display:none}body{padding-bottom:0}}
.next-steps{list-style:none;padding:0;margin:24px 0 0;display:grid;gap:12px;counter-reset:ns}
.next-steps li{counter-increment:ns;display:flex;gap:12px;align-items:baseline;font-weight:600}
.next-steps li::before{content:counter(ns);flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--lime);font-family:var(--display);font-weight:800;color:var(--ink)}
.owner-notes{margin-top:32px;background:var(--tag-bg);color:var(--tag-fg);border-radius:var(--r);padding:12px 16px;font-size:0.9rem}
.owner-notes summary{cursor:pointer;font-weight:700;min-height:44px;display:flex;align-items:center}

/* round 1 polish */
h1,h2{text-wrap:balance}
.cta-band h2{max-width:20ch}
h2 + .proof{margin-top:var(--s6)}
@media (min-width:960px){.brand img{height:60px}}
@media (max-width:699px){
  .tiles{grid-template-columns:1fr 1fr;gap:12px}
  .tile img{aspect-ratio:1/1}
  .tile .body{padding:12px}
  .tile h3{font-size:1.15rem}
  .tile ul{display:none}
  .years{border-top:0;border-left:2px solid var(--lime);padding-left:16px;gap:20px}
  .years li{padding-top:0}
  .years li::before{top:6px;left:-26px}
}
.types figure{display:flex;flex-direction:column}
.types figure img{order:0}.types figure h3{order:1}.types figure p{order:2}.types figure figcaption{order:3;padding-bottom:var(--s4);margin-top:0}
.answer-first{background:transparent;padding:0 0 0 var(--s5);border-left:4px solid var(--lime-deep);border-radius:0}
@media (min-width:900px){.page-hero .hero-figure img{aspect-ratio:4/5;min-height:440px;max-height:620px}}
.map{filter:saturate(.7) sepia(.12);border:1px solid var(--border)}
@media (min-width:900px){.gallery-6{grid-template-columns:repeat(3,1fr)}.gallery-4{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.gallery-4{grid-template-columns:repeat(4,1fr)}}
@media (min-width:1100px){.strip{grid-auto-flow:row;grid-template-columns:repeat(5,1fr);overflow:visible}}
.swipe-hint{font-weight:700;font-size:0.9rem;color:var(--ever-3);margin-bottom:12px}
.swipe-hint::after{content:" 92"}
@media (min-width:1100px){.swipe-hint{display:none}}
.form-trust{margin:24px 0 0;padding:16px 20px;background:#fff;border-radius:var(--r);border-left:6px solid var(--lime)}
.form-trust p{margin:0 0 6px;font-family:var(--display);font-weight:600}
.form-trust footer{font-size:0.88rem;color:var(--muted)}

/* round 2 polish */
.section-alt{border-top:1px solid var(--border)}
.brand img{margin-block:10px}
.types:not([class*="gallery-"]) figcaption{display:none}
@media (min-width:900px){
  .types.feature{grid-template-columns:repeat(3,1fr)}
  .types.feature figure:first-child{grid-column:span 2}
  .types.feature figure:first-child img{aspect-ratio:16/9}
}
@media (min-width:1100px){
  .section:has(> .shell > .faq) > .shell{display:grid;grid-template-columns:5fr 7fr;column-gap:64px;align-items:start}
  .section:has(> .shell > .faq) > .shell > :not(.faq){grid-column:1}
  .section:has(> .shell > .faq) > .shell > .faq{grid-column:2;grid-row:1 / span 5}
  .section:has(> .shell > .faq) > .shell > h2{position:sticky;top:calc(var(--header-h) + 24px)}
  .strip{grid-template-columns:2fr 1fr 1fr 1fr 2fr}
  .strip img{height:100%;aspect-ratio:auto;min-height:220px;max-height:260px}
}
.seasons b{font-size:var(--step-2)}