/* testimonials.html only. Header/nav/footer markup now matches the
   shared structure in base.css; this file only adds the sticky-header
   behaviour and the review-page-specific sections (hero, intro band,
   review grid, pullquote, CTA). */

header{position:sticky;top:0;background:rgba(238,230,215,.94);backdrop-filter:blur(8px);z-index:10}

.hero{max-width:1240px;margin:auto;padding:105px 6vw 90px;position:relative;text-align:center}
.hero-s{position:absolute;right:3%;top:30px;width:300px;opacity:.14;transform:rotate(7deg);filter:saturate(.7);z-index:-1}
.kicker{font:500 11px "DM Mono",monospace;letter-spacing:.30em;color:var(--accent);text-transform:uppercase}
.hero h1{font:600 clamp(64px,10vw,145px)/.78 "Cormorant Garamond",serif;color:var(--accent);margin:30px 0 22px;letter-spacing:-.045em}
.script{font:400 clamp(27px,4vw,48px)/1.1 "Nothing You Could Do",cursive;transform:rotate(-2deg);display:block}
.lede{max-width:680px;margin:28px auto 0;font-size:20px;line-height:1.6}
.hero-rule{margin:55px auto 0;max-width:900px;border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:center;gap:70px}
.stat strong{font:600 28px "Cormorant Garamond",serif;color:var(--accent);display:block}
.stat span{font:500 9px "DM Mono",monospace;letter-spacing:.15em;text-transform:uppercase}

.intro{background:var(--accent);color:#f5ede0;padding:85px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}
.intro h2{font:600 clamp(48px,6vw,82px)/.88 "Cormorant Garamond",serif;margin:0}
.intro p{font-size:19px;line-height:1.65;margin:0;max-width:580px}

.section{max-width:1280px;margin:auto;padding:100px 5vw}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:42px}
.eyebrow{font:500 10px "DM Mono",monospace;letter-spacing:.25em;color:var(--accent);text-transform:uppercase}
.section h2{font:600 clamp(46px,6vw,80px)/.9 "Cormorant Garamond",serif;color:var(--accent);margin:12px 0 0}
.section-head p{max-width:390px;line-height:1.6;color:var(--muted)}

.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.review-card{background:#f7f0e4;border:1px solid rgba(38,30,27,.15);padding:30px;position:relative;box-shadow:0 12px 30px rgba(44,34,24,.06);min-height:365px}
.review-card:nth-child(3n){transform:rotate(-.35deg)}
.review-card:nth-child(3n+2){transform:rotate(.35deg)}
.review-card.feature{padding:38px;background:#f9f2e7}
.review-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:15px}
.stars{color:#17385d;letter-spacing:3px;font-size:17px}
.date{font:400 10px "DM Mono",monospace;color:var(--muted)}
.review-meta{display:flex;gap:13px;align-items:center;margin:23px 0}
.avatar{width:40px;height:40px;border-radius:50%;background:#ead1d2;display:grid;place-items:center;color:var(--accent);font:600 18px "Cormorant Garamond",serif}
.review-meta strong{display:block;font:600 21px "Cormorant Garamond",serif}
.review-meta small{display:block;font:11px "DM Mono",monospace;color:var(--muted);margin-top:3px}
blockquote{font:500 27px/1.2 "Cormorant Garamond",serif;margin:20px 0;color:#302824}
.editorial-note{font-size:14px;line-height:1.55;color:var(--muted);max-width:560px}
.tour-tag{display:inline-block;margin-top:15px;padding:8px 10px;border:1px solid var(--line);font:500 9px "DM Mono",monospace;letter-spacing:.09em;text-transform:uppercase}
.source-toggle{display:block;margin-top:18px;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--accent)}
.source-image-wrap{display:none;margin-top:18px;border-top:1px solid var(--line);padding-top:18px}
.source-image-wrap:target{display:block}
.source-image-wrap img{width:100%;height:auto;display:block}
.source-image-wrap .close-source{display:inline-block;margin-top:12px;font:500 10px "DM Mono",monospace;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}

.review-wall{columns:2;column-gap:22px}
.review-wall figure{margin:0 0 22px;break-inside:avoid;background:#f7f0e4;border:1px solid rgba(38,30,27,.15);padding:14px;box-shadow:0 12px 30px rgba(44,34,24,.06)}
.review-wall img{width:100%;height:auto;display:block}

.pullquote{background:var(--green);color:#f4eddf;padding:90px 9vw;text-align:center;position:relative;overflow:hidden}
.pullquote .seal{position:absolute;width:360px;right:-60px;top:-55px;opacity:.13}
.pullquote blockquote{max-width:900px;margin:auto;color:#f4eddf;font-size:clamp(34px,5vw,64px);font-style:italic}
.pullquote p{font:500 10px "DM Mono",monospace;letter-spacing:.22em;text-transform:uppercase;margin-top:30px}

.cta-section{max-width:1000px;margin:0 auto;padding:100px 5vw;text-align:center}
.cta-section h2{font:600 clamp(50px,7vw,92px)/.9 "Cormorant Garamond",serif;color:var(--accent);margin:0}
.cta-section .script{margin:25px 0 35px}
.btn{display:inline-block;background:var(--accent);color:#fff;padding:15px 26px;font:500 11px "DM Mono",monospace;letter-spacing:.08em;text-transform:uppercase}

@media(max-width:850px){
  .hero{padding-top:75px}
  .hero-s{width:220px;right:-30px;top:40px}
  .hero-rule{gap:25px}
  .intro{grid-template-columns:1fr;gap:30px}
  .grid{grid-template-columns:1fr}
  .review-wall{columns:1}
  .section-head{display:block}
  .section-head p{margin-top:22px}
}
@media(max-width:520px){
  .hero h1{font-size:67px}
  .hero-rule{display:grid;grid-template-columns:1fr 1fr}
  .review-card,.review-card.feature{padding:24px}
  blockquote{font-size:24px}
}