/* Just As It Was v9.5 — targeted parity corrections from supplied reference crops.
   Scope: permanent clay AS in the wordmark; Home locations panel; Home team CTA;
   Home pricing typography/colour/table treatment. */

/* Wordmark: AS is clay in every state — paper, transparent hero, sticky/scrolled. */
body.jaiw-reference-mode .wordmark-copy strong em,
body.jaiw-reference-mode .site-header.header-over-hero .wordmark-copy strong em,
body.jaiw-reference-mode .site-header.header-over-hero.is-scrolled .wordmark-copy strong em{
  color:#b97054!important;
  -webkit-text-fill-color:#b97054!important;
}

/* WordPress' generic anchor rule is more specific than .button-dark in the older sheet.
   Pin interactive dark buttons to the reference white-on-green treatment. */
body.jaiw-reference-mode a.button-dark,
body.jaiw-reference-mode a.header-cta{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
}

@media (min-width:1101px){
  /* 06 / LOCATIONS — reference is a framed mist-to-blush panel with three equal cards. */
  body.jaiw-reference-home .places-section{
    background:linear-gradient(135deg,#e4ece6 0%,#f8f8f3 54%,#eddcd3 100%)!important;
    border:1px solid rgba(38,48,41,.14)!important;
    padding:clamp(84px,4.15vw,160px) clamp(48px,3.05vw,118px) clamp(92px,4.5vw,172px)!important;
  }
  body.jaiw-reference-home .places-section>.section-heading{
    align-items:start!important;
    padding-bottom:clamp(46px,2.45vw,94px)!important;
    margin-bottom:clamp(70px,3.55vw,136px)!important;
    border-bottom:1px solid rgba(38,48,41,.16)!important;
  }
  body.jaiw-reference-home .place-cards{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:clamp(12px,.8vw,30px)!important;
    align-items:stretch!important;
  }
  body.jaiw-reference-home .place-card{
    min-height:0!important;
    aspect-ratio:.961/1!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
    justify-content:flex-end!important;
  }
  body.jaiw-reference-home .place-card>img{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
  }
  body.jaiw-reference-home .place-card:has(img)::after{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    background:linear-gradient(0deg,rgba(27,42,33,.72) 0%,rgba(27,42,33,.18) 43%,rgba(27,42,33,.03) 72%)!important;
  }
  body.jaiw-reference-home a.place-card:has(img){
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.jaiw-reference-home .place-card>span{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    padding:clamp(24px,1.25vw,48px) clamp(20px,1.05vw,40px)!important;
  }
  body.jaiw-reference-home .place-card>span strong{
    display:block!important;
    color:inherit!important;
    -webkit-text-fill-color:currentColor!important;
    font-family:var(--serif)!important;
    font-weight:400!important;
    line-height:.98!important;
    letter-spacing:-.025em!important;
  }
  body.jaiw-reference-home .place-card>span small{
    display:block!important;
    color:inherit!important;
    -webkit-text-fill-color:currentColor!important;
    margin-top:clamp(8px,.42vw,16px)!important;
    font-family:var(--sans)!important;
    font-weight:600!important;
    line-height:1.3!important;
    letter-spacing:.07em!important;
    text-transform:uppercase!important;
  }
  body.jaiw-reference-home .place-card:not(:has(img)){
    background:#55745e!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.jaiw-reference-home .place-card:not(:has(img)) .place-card-placeholder{
    background:linear-gradient(145deg,#4d7057 0%,#617866 100%)!important;
  }
  body.jaiw-reference-home .place-card-placeholder b{
    color:rgba(225,235,226,.30)!important;
    -webkit-text-fill-color:rgba(225,235,226,.30)!important;
  }

  /* Behind the work — exact white CTA text on the lighter reference green. */
  body.jaiw-reference-home .home-team-mini{
    background:#f1e7bd!important;
  }
  body.jaiw-reference-home .home-team-mini a.button-dark{
    background:#4e7658!important;
    border-color:#4e7658!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }

  /* 07 / PRICING — colour and typographic hierarchy from the approved Sites crop. */
  body.jaiw-reference-home .pricing-overview{
    color:#2a332d!important;
  }
  /* The Sites cards occupy a narrower pair than v9.4; centring the 80% pair also
     restores the larger breathing room between the intro and the package tables. */
  body.jaiw-reference-home .service-price-grid{
    width:80%!important;
    justify-self:center!important;
  }
  body.jaiw-reference-home .pricing-overview-actions{
    width:80%!important;
    justify-self:center!important;
  }
  body.jaiw-reference-home .pricing-clarity{
    background:#dfe9df!important;
    border-left:4px solid #4e7658!important;
    color:#2a332d!important;
  }
  body.jaiw-reference-home .service-price-card{
    background:#fefcf7!important;
    border-color:rgba(42,51,45,.18)!important;
    color:#2a332d!important;
  }
  body.jaiw-reference-home .service-price-card>header h3{
    line-height:.96!important;
  }
  body.jaiw-reference-home .service-price-card>header p{
    line-height:1.48!important;
  }
  body.jaiw-reference-home .service-only{
    background:#dfe9df!important;
    color:#31543e!important;
    -webkit-text-fill-color:#31543e!important;
  }
  body.jaiw-reference-home .service-price-card>header h3,
  body.jaiw-reference-home .compact-pricing-label h4,
  body.jaiw-reference-home .compact-rate-grid strong,
  body.jaiw-reference-home .compact-full-story h4,
  body.jaiw-reference-home .compact-full-price b,
  body.jaiw-reference-home .compact-addons h4{
    font-family:var(--serif)!important;
    font-weight:400!important;
    letter-spacing:-.025em!important;
  }
  body.jaiw-reference-home .service-price-card>header small{
    display:block!important;
    margin-top:clamp(13px,.65vw,25px)!important;
    color:#31543e!important;
    -webkit-text-fill-color:#31543e!important;
    font-family:var(--sans)!important;
    font-weight:700!important;
    line-height:1.25!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
  }
  body.jaiw-reference-home .compact-rate-grid>div{
    border-color:rgba(42,51,45,.16)!important;
    background:#fefcf7!important;
  }
  body.jaiw-reference-home .compact-rate-grid>div>span{
    font-family:var(--sans)!important;
    font-weight:500!important;
    letter-spacing:.035em!important;
    text-transform:uppercase!important;
  }
  body.jaiw-reference-home .compact-rate-grid .better-full-story{
    background:#dfe9d8!important;
  }
  body.jaiw-reference-home .compact-full-story{
    background:#4e7558!important;
    color:#fff!important;
  }
  body.jaiw-reference-home .compact-full-story>span{
    display:inline-block!important;
    width:auto!important;
    border:1px solid rgba(255,255,255,.46)!important;
    padding:clamp(5px,.28vw,11px) clamp(8px,.42vw,16px)!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.jaiw-reference-home .compact-full-story h4,
  body.jaiw-reference-home .compact-full-story strong,
  body.jaiw-reference-home .compact-full-story p,
  body.jaiw-reference-home .compact-full-story b,
  body.jaiw-reference-home .compact-full-story del{
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
  body.jaiw-reference-home .compact-addons{
    border-top-color:rgba(42,51,45,.18)!important;
  }
  body.jaiw-reference-home .compact-addons h4{
    display:flex!important;
    align-items:baseline!important;
    justify-content:space-between!important;
    gap:18px!important;
    font-size:clamp(18px,1.05vw,28px)!important;
    text-transform:none!important;
    line-height:1!important;
  }
  body.jaiw-reference-home .compact-addons h4>span{
    margin-left:auto!important;
    font-family:var(--sans)!important;
    font-weight:600!important;
    line-height:1.2!important;
    letter-spacing:.09em!important;
    text-transform:uppercase!important;
    white-space:nowrap!important;
  }
  body.jaiw-reference-home .compact-addons ul{
    gap:0!important;
    border-top:1px solid rgba(42,51,45,.15)!important;
    border-left:1px solid rgba(42,51,45,.15)!important;
  }
  body.jaiw-reference-home .compact-addons li{
    margin:0!important;
    min-height:40px!important;
    align-items:center!important;
    padding:9px 10px!important;
    border-right:1px solid rgba(42,51,45,.15)!important;
    border-bottom:1px solid rgba(42,51,45,.15)!important;
    font-size:9px!important;
  }
  body.jaiw-reference-home .compact-addons li strong{
    font:400 15px/1 var(--serif)!important;
    letter-spacing:-.015em!important;
    white-space:nowrap!important;
  }
  body.jaiw-reference-home .pricing-overview-actions a.button-dark{
    background:#4e7658!important;
    border-color:#4e7658!important;
    color:#fff!important;
    -webkit-text-fill-color:#fff!important;
  }
}

/* 4K: v9.4 over-scaled the pricing intro, hourly prices and green package block.
   Keep package titles/body copy at their existing reference size; reduce only the elements
   that are visibly larger than the supplied Sites crop. */
@media (min-width:2200px){
  body.jaiw-reference-home .pricing-overview-intro h2{
    font-size:clamp(58px,2.38vw,92px)!important;
    line-height:.95!important;
  }
  body.jaiw-reference-home .compact-rate-grid strong{
    font-size:clamp(18px,.63vw,24px)!important;
  }
  body.jaiw-reference-home .compact-rate-grid>div{
    min-height:clamp(66px,2.55vw,98px)!important;
    padding:clamp(10px,.42vw,16px)!important;
  }
  body.jaiw-reference-home .compact-full-story{
    padding:clamp(20px,.88vw,34px)!important;
  }
  body.jaiw-reference-home .compact-full-story h4{
    font-size:clamp(32px,1.38vw,53px)!important;
  }
  body.jaiw-reference-home .compact-full-price b{
    font-size:clamp(34px,1.45vw,56px)!important;
  }
  body.jaiw-reference-home .compact-addons h4{
    font-size:clamp(20px,.78vw,30px)!important;
  }
  body.jaiw-reference-home .compact-addons h4>span{
    font-size:clamp(7px,.24vw,9px)!important;
  }
  body.jaiw-reference-home .compact-addons li{
    min-height:clamp(36px,1.25vw,48px)!important;
    padding:clamp(7px,.28vw,11px) clamp(8px,.32vw,12px)!important;
    font-size:clamp(8px,.26vw,10px)!important;
  }
  body.jaiw-reference-home .compact-addons li strong{
    font-size:clamp(13px,.42vw,16px)!important;
  }
}

@media (max-width:1100px){
  /* Preserve the permanent clay AS and correct dark-button contrast on mobile too. */
  body.jaiw-reference-mode .wordmark-copy strong em{color:#b97054!important;-webkit-text-fill-color:#b97054!important}
  body.jaiw-reference-mode a.button-dark{color:#fff!important;-webkit-text-fill-color:#fff!important}

  body.jaiw-reference-home .places-section{
    background:linear-gradient(135deg,#e4ece6 0%,#f8f8f3 55%,#eddcd3 100%)!important;
    border:1px solid rgba(38,48,41,.14)!important;
    padding:58px 22px 64px!important;
  }
  body.jaiw-reference-home .places-section>.section-heading{
    padding-bottom:34px!important;
    margin-bottom:42px!important;
    border-bottom:1px solid rgba(38,48,41,.16)!important;
  }
  body.jaiw-reference-home .place-card{min-height:0!important;aspect-ratio:.96/1!important}
  body.jaiw-reference-home a.place-card:has(img){color:#fff!important;-webkit-text-fill-color:#fff!important}
  body.jaiw-reference-home .home-team-mini a.button-dark{background:#4e7658!important;border-color:#4e7658!important;color:#fff!important;-webkit-text-fill-color:#fff!important}
  body.jaiw-reference-home .service-price-grid,body.jaiw-reference-home .pricing-overview-actions{width:100%!important}
  body.jaiw-reference-home .pricing-clarity{background:#dfe9df!important;border-left:4px solid #4e7658!important}
  body.jaiw-reference-home .compact-full-story{background:#4e7558!important}
}