/* The local guide uses the same considered rhythm, palette and type scale as the home page. */
body[data-page="guide"]{background:var(--wc-paper,#f8f1e6);color:var(--wc-ink,#302c42)}
body[data-page="guide"] main{overflow:hidden}

.guide-hero{min-height:min(62vw,650px);display:flex;align-items:flex-end;padding:clamp(104px,13vw,170px) 0 clamp(72px,8vw,112px);background-image:linear-gradient(90deg,rgba(32,28,40,.89) 0%,rgba(32,28,40,.64) 48%,rgba(32,28,40,.24) 100%),url('https://commons.wikimedia.org/wiki/Special:FilePath/Ch%C3%A2teau_Laurens_-_Agde.JPG');background-position:center 52%}
.guide-hero .wrap{width:min(1180px,calc(100% - 48px))}
.guide-hero h1{max-width:11ch;margin:0 0 20px;font-size:clamp(3.15rem,6.8vw,6.7rem)}
.guide-hero p:not(.eyebrow){max-width:34rem;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.55}
.guide-hero .eyebrow{color:#f6dfb1;margin-bottom:16px}

.guide-tiles{padding:64px 0 78px;gap:12px}
.guide-tile{min-height:300px;padding:28px;border:1px solid rgba(255,255,255,.28);transition:transform .25s ease,filter .25s ease}
.guide-tile:hover{transform:translateY(-4px);filter:saturate(1.08)}
.guide-tile strong{font-size:clamp(2rem,2.8vw,2.75rem)}
.guide-tile small{font-size:.86rem}
.guide-tile span{color:#f6dfb1}

.season{padding:88px 0 94px;gap:clamp(46px,9vw,120px)}
.season h2,.eats h2,.split-interest h2,.essentials h2{max-width:12ch}
.season-list{max-width:650px}
.season-list article{padding:22px 0}
.season-list strong{font-size:1.55rem}
.season-list p{font-size:1rem;line-height:1.55}
.shoulder .shoulder-layout{padding:88px 0}
.shoulder-layout figure{height:440px;border:1px solid var(--wc-line,#cdbb9e);box-shadow:0 20px 45px rgba(48,44,66,.12)}
.shoulder-layout figcaption{padding:9px 12px;background:var(--wc-ink,#302c42);color:#fff8ee;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem}
.shoulder-copy>p:not(.eyebrow){font-size:1.06rem}

.eats{padding:90px 0;gap:clamp(42px,7vw,96px)}
.section-image{position:relative;top:auto;height:420px;border:1px solid var(--wc-line,#cdbb9e);box-shadow:0 20px 45px rgba(48,44,66,.1)}
.section-image img{display:block}
.eats-intro{font-size:1.08rem;line-height:1.58}
.restaurant-grid{margin-top:30px}
.restaurant-grid a{min-height:135px;padding:24px 24px 24px 0}
.restaurant-grid strong{font-size:1.55rem}
.restaurant-grid a:hover{background:rgba(234,219,197,.42)}

.interest-section{padding:90px 0;background:#e8d8be}
.split-interest{gap:clamp(46px,9vw,120px)}
.split-interest img{height:430px;border:1px solid var(--wc-line,#cdbb9e);box-shadow:0 20px 45px rgba(48,44,66,.1)}
.interest-links a,.shoulder-links a{font-size:.86rem}
.essentials{padding:92px 0;gap:clamp(46px,9vw,120px)}
.essentials-grid article{padding:22px 0}
.essentials-grid strong{font-size:1.48rem}
.essentials-grid p{font-size:1rem;line-height:1.5}

.guide-expanded{padding:90px 0;background:#f1e2cb}
.guide-expanded>.wrap>h2{max-width:14ch;font-size:clamp(3rem,5vw,5.25rem);letter-spacing:-.055em}
.guide-expanded .guide-discoveries-grid{margin-top:28px}
.guide-expanded article{min-height:240px;padding:30px}
.guide-expanded article h3{font-size:clamp(1.55rem,2.2vw,2.35rem)}
.guide-close{padding:100px 0;background:linear-gradient(135deg,#5e4e71,#776589)}
.guide-close h2{max-width:15ch;font-size:clamp(3rem,5vw,5.25rem)}
.guide-close .booking-platforms{margin:30px auto 0}

html[data-theme="dark"] body[data-page="guide"],html[data-theme="dark"] .guide-tiles,html[data-theme="dark"] .eats,html[data-theme="dark"] .essentials{background:#1b1820;color:#fff8ee}
html[data-theme="dark"] .season:not(.shoulder){background:#26202c}
html[data-theme="dark"] .season-list,html[data-theme="dark"] .season-list article,html[data-theme="dark"] .restaurant-grid,html[data-theme="dark"] .restaurant-grid a,html[data-theme="dark"] .essentials-grid article{border-color:#645a6a}
html[data-theme="dark"] .restaurant-grid a,html[data-theme="dark"] .interest-section a,html[data-theme="dark"] .shoulder-links a{color:#fff8ee}
html[data-theme="dark"] .restaurant-grid a:hover{background:#302a38}
html[data-theme="dark"] .interest-section{background:#2d2632;color:#fff8ee}
html[data-theme="dark"] .guide-expanded{background:#211b27!important;color:#fff8ee!important}
html[data-theme="dark"] .guide-expanded article,html[data-theme="dark"] .guide-expanded .guide-discoveries-grid{border-color:#645a6a!important}
html[data-theme="dark"] .shoulder{background:#3a3142;color:#fff8ee}

@media(max-width:780px){
  .guide-hero{min-height:490px;padding:118px 0 68px;background-position:57% center}
  .guide-hero .wrap{width:min(100% - 40px,1180px)}
  .guide-hero h1{max-width:10ch}
  .guide-tiles{padding:42px 0 58px;gap:10px}
  .guide-tile{min-height:205px;padding:21px}
  .season,.eats,.interest-section,.essentials,.guide-expanded{padding:60px 0}
  .season{gap:34px}
  .shoulder .shoulder-layout{width:min(100% - 40px,1180px);padding:60px 0}
  .shoulder-layout figure,.section-image,.split-interest img{height:300px}
  .section-image{position:static}
  .eats,.split-interest,.essentials{gap:32px}
  .restaurant-grid a{min-height:0;padding:18px 0}
  .guide-expanded article{min-height:0;padding:22px}
  .guide-close{padding:72px 0}
}