/* Shared green theme + compact phone layout for inner pages (matches the new home page) */
:root{--clay:#2F5233; --clay-soft:#DDE5D5; --bg:#F1F5EC; --sage-soft:#EEF2E8;}
body{background:var(--bg);}
.sec-head h1,.sec-head h2,.contact h1,.ab-hero h1,.ab-sec h2,.ab-cta h2{font-family:'Bricolage Grotesque','Google Sans Flex',sans-serif; font-weight:800; letter-spacing:-.02em;}
.blob{background:#9EAB93 !important; opacity:.22 !important;}
.sec-head .mono{color:#2F5233;}
.btn-primary,.a-modal .btn-primary{background:#2F5233;}
.btn-primary:hover{background:#16241A;}
.filter-tab.active,.filter-tab[aria-selected="true"]{background:#2F5233; color:#fff; border-color:#2F5233;}
.a-card{border-radius:22px;}
.a-card .a-meta-pill.price{background:#FFFDF8; color:#2F5233;}
.a-card .a-tap-hint,.a-card .a-tap-hint svg{color:#2F5233; stroke:#2F5233;}
footer{background:#16241A;}
@media (max-width:760px){
  .sec{padding:84px 0 38px;}
  .sec-head{margin-bottom:18px; gap:10px;}
  .sec-head h1,.sec-head h2{font-size:1.9rem; max-width:none; line-height:1.05;}
  .sec-head p{font-size:.92rem; line-height:1.5; max-width:none;}
  .contact{padding:18px 16px !important; gap:14px !important;}
  .contact h1{font-size:1.8rem; line-height:1.05;}
  .contact .field input,.contact .field select,.contact .field textarea{padding:11px 12px; font-size:.95rem;}
  .contact .field textarea{min-height:84px;}
  .contact .row2{gap:10px;}
  .activity-grid{gap:10px;}
  .a-card{border-radius:16px;}
  .photo-step{padding:12px 0;}
  .faq-q{padding:14px 16px; font-size:.9rem;}
  .ab-sec{padding:34px 0;}
  .ab-hero{padding:92px 0 28px;}
  .ab-hero h1{font-size:2.3rem;}
  footer{padding-top:30px;}
  .foot-top,.foot-cols{gap:18px;}
  .activity-grid{grid-template-columns:minmax(0,1fr) !important;}
  .activity-grid .a-card{flex-direction:row; align-items:stretch; min-height:0;}
  .activity-grid .a-card img.a-bg-photo{position:static; width:108px; flex:0 0 108px; height:auto; min-height:108px; aspect-ratio:auto; animation:none;}
  .activity-grid .a-glass{position:static; flex:1 1 auto; min-width:0; padding:11px 13px; gap:3px;}
  .activity-grid .a-glass h3{font-size:1.02rem; margin:0; line-height:1.2;}
  .activity-grid .a-glass p{font-size:.8rem; line-height:1.35; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}
  .activity-grid .a-cat-tag{display:none;}
  .activity-grid .a-tap-hint{display:none;}
  .activity-grid .a-meta-pill:not(.price){display:none;}
}

/* ===== POPUP REDESIGN B: polaroid on green ===== */
.a-modal-overlay{background:rgba(15,26,18,.62);}
.a-modal{display:grid !important; grid-template-columns:43% minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; grid-template-areas:"media body" "media act";
  height:auto !important; min-height:440px; max-height:88vh; max-width:860px; background:#2F5233 !important; color:#FFFDF8; border-radius:26px; box-shadow:0 40px 90px -30px rgba(0,0,0,.7);}
.a-modal-media{position:relative !important; inset:auto !important; grid-area:media; min-height:420px; background:#BDC8BA; display:flex; align-items:center; justify-content:center; overflow:hidden;}
.a-modal-media{flex-direction:column;}
.a-modal-media::after{content:"see you out there"; position:relative; display:block; width:100%; margin-top:-46px; line-height:1.2; text-align:center; font-family:'Caveat','Segoe Script',cursive; font-size:1.6rem; color:#3C4A38; transform:rotate(-4deg); pointer-events:none;}
.a-modal-media img{position:relative !important; inset:auto !important; width:min(66%,250px) !important; height:auto !important; aspect-ratio:4/4.8; object-fit:cover; box-sizing:border-box;
  border:10px solid #FFFDF8; border-bottom:60px solid #FFFDF8; transform:rotate(-4deg); box-shadow:0 22px 36px -14px rgba(22,36,26,.55); margin:0; flex:none;}
.a-modal-scrim{display:none;}
.a-modal-close{top:14px; right:14px; background:#FFFDF8; border:0; box-shadow:0 4px 14px rgba(0,0,0,.25); z-index:5;}
.a-modal-close:hover{background:#fff;}
.a-modal-close svg{stroke:#16241A;}
.a-modal-body{grid-area:body; max-height:none !important; padding:34px 34px 6px !important; background:none !important; position:relative;}
.a-modal-cat{display:block; font-family:'Caveat','Segoe Script',cursive !important; font-size:1.6rem !important; font-weight:600; text-transform:none !important; letter-spacing:0 !important; color:#CDD8C5 !important; background:none; padding:0; margin:0 !important; line-height:1.1;}
.a-modal-body h3{font-family:'Bricolage Grotesque','Google Sans Flex',sans-serif; font-size:2.6rem !important; font-weight:800 !important; letter-spacing:-.03em; line-height:1 !important; color:#FFFDF8 !important; margin:2px 0 4px !important; padding-right:96px;}
.a-modal-meta{margin:6px 0 14px !important; gap:0 !important; padding-right:96px;}
.a-modal-meta span{background:none !important; border:0 !important; padding:0 !important; color:#CDD8C5 !important; font-size:.9rem !important; text-transform:none !important; font-weight:500;}
.a-modal-meta span + span::before{content:"·"; margin:0 .5em;}
.a-modal-meta span.price{position:absolute; right:30px; top:52px; width:94px; height:94px; box-sizing:border-box; border:2px dashed #FFFDF8 !important; border-radius:50%;
  display:flex; align-items:center; justify-content:center; text-align:center; background:#FFFDF8 !important; color:#2F5233 !important; font-weight:800; font-size:.8rem !important; line-height:1.15; transform:rotate(8deg); padding:8px !important;}
.a-modal-meta span.price::before{content:none !important;}
.a-modal-body p{color:#EEF2E8 !important; font-weight:400 !important; line-height:1.62; font-size:1rem; max-width:none;}
.a-modal-contact{grid-area:act; background:none !important; border-top:0 !important; margin:0 34px; padding:18px 0 28px !important;}
.a-modal-contact .btn-primary{background:#FFFDF8; color:#16241A; border-radius:999px; padding:14px 26px; font-weight:700;}
.a-modal-contact .btn-primary:hover{background:#fff;}
.a-modal-contact-note{color:#CDD8C5 !important; font-size:.82rem; flex:1 1 160px;}
@media (max-width:760px){
  .a-modal-overlay{padding:0; align-items:flex-end;}
  .a-modal{grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto; grid-template-areas:"media" "body" "act";
    max-width:none; width:100%; max-height:92vh; min-height:0; border-radius:24px 24px 0 0; height:auto !important;}
  .a-modal-media{min-height:0; height:230px;}
  .a-modal-media::after{margin-top:-30px; font-size:1.2rem;}
  .a-modal-media img{width:auto !important; height:182px !important; aspect-ratio:4/4.6; border-width:7px; border-bottom-width:34px;}
  .a-modal-body{padding:16px 20px 4px !important; overflow-y:auto;}
  .a-modal-cat{font-size:1.35rem !important;}
  .a-modal-body h3{font-size:2rem !important; padding-right:76px;}
  .a-modal-meta{padding-right:76px;}
  .a-modal-meta span.price{right:18px; top:18px; width:74px; height:74px; font-size:.68rem !important;}
  .a-modal-body p{font-size:.93rem;}
  .a-modal-contact{margin:0 20px; padding:14px 0 calc(18px + env(safe-area-inset-bottom)) !important; gap:10px;}
  .a-modal-contact .btn-primary{flex:1 1 100%; text-align:center;}
  .a-modal-contact-note{display:none;}
}

/* ===== UNIFIED LOOK: lower sections match the new design ===== */
.sec-head h1,.sec-head h2,.contact h1,.contact h2{font-family:'Bricolage Grotesque','Google Sans Flex',sans-serif; font-weight:800; letter-spacing:-.025em; line-height:1.02;}
.sec-head h1,.sec-head h2{font-size:clamp(2.2rem,4.4vw,3.6rem); max-width:14ch; color:#16241A;}
.contact{background:#2F5233; border-radius:26px;}
.contact h1,.contact h2{font-size:clamp(2rem,3.8vw,3rem); max-width:12ch; color:#FFFDF8;}
.contact p{color:#DDE5D5; font-weight:400;}
.field input,.field select,.field textarea{background:rgba(255,255,255,.1); border-color:rgba(255,255,255,.22);}
.submit-btn{background:#FFFDF8; color:#16241A; font-weight:700;}
.submit-btn:hover{background:#fff;}
.photo-step h3{font-family:'Bricolage Grotesque','Google Sans Flex',sans-serif; font-weight:800; font-size:1.25rem; letter-spacing:-.01em; color:#16241A;}
.photo-step{border-radius:14px;}
.photo-dot{border-color:#2F5233;}
.faq-item{border-radius:16px;}
.faq-q{font-weight:700;}
@media (max-width:760px){
  .sec-head h1,.sec-head h2{font-size:1.9rem; max-width:none;}
  .contact h1,.contact h2{font-size:1.8rem; max-width:none;}
}