/* ============================================
   Crown Holdings Realty — "Sacred Vistas" Design System
   Ported from Stitch export. Tokens match DESIGN.md exactly.
   Scoped under .chr-landing.

   CASCADE CONVENTION: GeneratePress (parent theme) loads its own
   button/a :hover/:focus/:active rules AFTER this file, at specificity
   that beats a plain class selector -- every custom :hover/:focus/:active
   color/background override in this file MUST use !important or GP's
   dark button fill / near-black link color will silently win.
   ============================================ */

.chr-landing{
  /* Core palette — exact values from DESIGN.md */
  --forest-deep:#0b2b22;      /* primary-container — main dark bg, nav, cards */
  --forest:#00150e;           /* primary — deepest near-black, used sparingly */
  --forest-light:#123a2d;     /* tint of primary-container for hover/panel variation */
  --secondary:#006a65;        /* peacock teal — status text, occasional accents */
  --gold:#c9a44c;             /* exact accent from Stitch */
  --gold-bright:#dab662;
  --ivory:#fef9ee;            /* background */
  --ivory-dim:#f2ede2;        /* surface-container */
  --surface-low:#f8f3e8;      /* surface-container-low */
  --cream-text:#f5efe0;
  --muted:#a8b5ae;            /* muted text on dark */
  --line:rgba(201,164,76,0.3);
  --ink:#1d1c15;              /* on-surface */
  --ink-variant:#414845;      /* on-surface-variant */
  --outline-variant:#c1c8c4;
  --shadow-tint:11,43,34;

  font-family:'Manrope',sans-serif;
  background:var(--ivory);
  color:var(--ink);
  font-weight:400;
  line-height:1.6;
  overflow-x:hidden;
}
.chr-landing *{box-sizing:border-box;}
.chr-landing h1,.chr-landing h2,.chr-landing h3,.chr-landing .serif{font-family:'Playfair Display',serif;font-weight:500;}
.chr-landing .eyebrow{
  font-size:0.72rem;letter-spacing:0.28em;text-transform:uppercase;
  color:var(--gold);font-weight:600;display:flex;align-items:center;gap:10px;
  margin-bottom:14px;
}
.chr-landing .eyebrow::before{content:"";width:22px;height:1px;background:var(--gold);display:inline-block;}
.chr-landing .wrap{max-width:1280px;margin:0 auto;padding:0 20px;}
@media(min-width:768px){.chr-landing .wrap{padding:0 64px;}}
.chr-landing a{text-decoration:none !important;color:inherit;}
.chr-landing ul{list-style:none;margin:0;padding:0;}
.chr-landing .chr-feather{display:inline-flex;flex-shrink:0;}
.chr-landing .chr-feather svg{display:block;width:100%;height:100%;}

/* Tactile feedback */
.chr-landing button, .chr-landing .chr-btn-gold, .chr-landing .chr-btn-ghost{
  transition:transform .15s ease, box-shadow .2s ease, background .2s ease;
}
.chr-landing button:active, .chr-landing a.chr-btn-gold:active{transform:translateY(1px) scale(0.98);}

/* Scroll-reveal */
.chr-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease, transform .6s ease;}
.chr-reveal.chr-in{opacity:1;transform:translateY(0);}
@media (prefers-reduced-motion: reduce){.chr-reveal{opacity:1;transform:none;transition:none;}}

/* ---------- HEADER (Glassmorphism per DESIGN.md) ---------- */
.chr-header{
  position:sticky;top:0;z-index:200;
  background:rgba(254,249,238,0.96);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border-bottom:1px solid var(--line);
  box-shadow:0 2px 20px rgba(11,43,34,0.06);
}
.chr-header-inner{max-width:1280px;margin:0 auto;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;}
@media(min-width:768px){.chr-header-inner{padding:16px 64px;}}
.chr-brand{display:flex;align-items:center;gap:12px;}
.chr-crown-mark{width:36px;height:36px;border:1.5px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);flex-shrink:0;padding:8px;background:rgba(201,164,76,0.08);}
.chr-brand-text .chr-name{font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:600;color:var(--forest-deep);letter-spacing:0.01em;line-height:1.1;}
.chr-brand-text .chr-sub{font-size:0.62rem;letter-spacing:0.16em;color:var(--ink-variant);text-transform:uppercase;}
.chr-brand-logo{display:flex;align-items:center;}
.chr-brand-logo img{max-height:46px;width:auto;display:block;}
.chr-brand-text-logo{border-left:1px solid var(--line);padding-left:14px;}
.chr-nav{display:flex;gap:26px;}
.chr-nav a{font-size:0.82rem;color:var(--ink-variant) !important;transition:color .3s;}
.chr-nav a:hover{color:var(--gold) !important;}
.chr-header-cta{display:flex;align-items:center;gap:16px;}
.chr-btn-gold{
  background:var(--gold);color:var(--forest-deep);padding:12px 26px;font-size:0.72rem;letter-spacing:0.14em;
  text-transform:uppercase;font-weight:600;border-radius:0.5rem;border:1px solid transparent;cursor:pointer;
  display:inline-flex;align-items:center;gap:8px;
}
.chr-btn-gold:hover, .chr-btn-gold:focus, .chr-btn-gold:active{background:var(--forest-deep) !important;color:var(--gold) !important;border-color:var(--gold);}
.chr-call-link{display:inline-flex;align-items:center;color:var(--forest-deep) !important;}
@media(max-width:900px){.chr-nav{display:none;}}

/* ---------- HERO ---------- */
.chr-hero{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;padding-top:96px;overflow:hidden;}
.chr-hero-bg{position:absolute;inset:0;z-index:0;}
.chr-hero-bg img{width:100%;height:100%;object-fit:cover;}
.chr-hero-bg::after{content:"";position:absolute;inset:0;background:linear-gradient(to right, rgba(11,43,34,0.9) 0%, rgba(11,43,34,0.4) 100%);}
.chr-hero-grid{position:relative;z-index:2;width:100%;max-width:1280px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr;gap:24px;align-items:center;}
@media(min-width:768px){.chr-hero-grid{padding:0 64px;}}
@media(min-width:1024px){.chr-hero-grid{grid-template-columns:repeat(12,1fr);}}
.chr-hero-copy{color:#fff;}
@media(min-width:1024px){.chr-hero-copy{grid-column:span 7;}}
.chr-hero-tagline{display:inline-flex;align-items:center;gap:8px;margin-bottom:24px;color:var(--gold);font-size:0.72rem;letter-spacing:0.16em;text-transform:uppercase;font-weight:600;}
.chr-hero h1{font-size:clamp(2.4rem,5.5vw,4rem);line-height:1.1;font-weight:600;letter-spacing:-0.01em;color:#fff;max-width:640px;}
.chr-hero-sub{font-size:1.1rem;line-height:1.7;color:rgba(255,255,255,0.9);max-width:520px;margin:24px 0 40px;}
.chr-hero-actions{display:flex;gap:16px;flex-wrap:wrap;}
.chr-btn-ghost{
  border:1px solid var(--gold);color:var(--gold);padding:14px 28px;
  font-size:0.72rem;letter-spacing:0.14em;text-transform:uppercase;border-radius:0.5rem;font-weight:600;
  background:transparent;cursor:pointer;display:inline-flex;align-items:center;gap:8px;
}
.chr-btn-ghost:hover, .chr-btn-ghost:focus, .chr-btn-ghost:active{background:rgba(201,164,76,0.1) !important;color:var(--gold) !important;}

/* Glass enquiry panel — overlapping asymmetric layout per DESIGN.md */
.chr-hero-panel{grid-column:9 / span 4;margin-top:0;align-self:start;}
@media(max-width:1023px){.chr-hero-panel{grid-column:1/-1;margin-top:24px;}}
.chr-glass-panel{
  background:rgba(254,249,238,0.85);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid var(--line);border-radius:1rem;padding:32px;
  box-shadow:0 25px 60px rgba(var(--shadow-tint),0.35);position:relative;overflow:hidden;
}
.chr-glass-panel h3{color:var(--forest-deep);font-size:1.5rem;margin-bottom:8px;}
.chr-glass-panel p.chr-desc{color:var(--ink-variant);font-size:0.86rem;margin-bottom:24px;line-height:1.5;}
.chr-field{margin-bottom:20px;}
.chr-field label{font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--ink-variant);margin-bottom:6px;display:block;}
.chr-field input, .chr-field select{
  width:100%;background:transparent;border:none;border-bottom:1px solid var(--outline-variant);
  color:var(--ink);padding:11px 24px 11px 2px;font-family:'Manrope',sans-serif;font-size:0.88rem;
  min-width:0;box-sizing:border-box;
}
.chr-field select{
  appearance:none;-webkit-appearance:none;-moz-appearance:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23414845'%3E%3Cpath d='M5.5 7.5l4.5 4.5 4.5-4.5' stroke='%23414845' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 2px center;background-size:14px;
}
.chr-modal .chr-field select{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5.5 7.5l4.5 4.5 4.5-4.5' stroke='%23ffffff' stroke-opacity='0.5' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.chr-field input::placeholder{color:#8a9088;}
.chr-field input:focus, .chr-field select:focus{outline:none;border-color:var(--gold);}
.chr-glass-panel .chr-btn-gold{width:100%;justify-content:center;padding:15px;font-size:0.76rem;margin-top:10px;background:var(--forest-deep);color:var(--gold);border:1px solid var(--gold);}
.chr-glass-panel .chr-btn-gold:hover, .chr-glass-panel .chr-btn-gold:focus, .chr-glass-panel .chr-btn-gold:active{background:var(--gold) !important;color:var(--forest-deep) !important;}

/* ---------- MODAL (reuses glass panel language) ---------- */
.chr-modal-overlay{position:fixed;inset:0;background:rgba(11,43,34,0.72);backdrop-filter:blur(6px);z-index:500;display:none;align-items:center;justify-content:center;padding:20px;}
.chr-modal-overlay.active{display:flex;animation:chrFadeIn .25s ease;}
@keyframes chrFadeIn{from{opacity:0;}to{opacity:1;}}
.chr-modal{
  background:var(--forest-deep);border:1px solid var(--line);border-radius:1rem;max-width:460px;width:100%;padding:40px 34px;
  position:relative;box-shadow:0 30px 80px rgba(0,0,0,0.5);
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a44c' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  animation:chrModalIn .2s ease-out;
}
@keyframes chrModalIn{from{transform:scale(0.97) translateY(6px);}to{transform:scale(1) translateY(0);}}
.chr-modal-close{position:absolute;top:16px;right:16px;width:32px;height:32px;padding:0 !important;border-radius:50%;border:1px solid var(--line);background:transparent;color:rgba(255,255,255,0.6);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;}
.chr-modal-close:hover, .chr-modal-close:focus, .chr-modal-close:active{color:var(--gold) !important;border-color:var(--gold);background:transparent !important;}
.chr-modal-crown{width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);margin:0 auto 16px;padding:12px;}
.chr-modal .eyebrow{justify-content:center;}
.chr-modal .eyebrow::before{display:none;}
.chr-modal h3{color:#fff;text-align:center;font-size:1.7rem;margin-bottom:8px;}
.chr-modal p.chr-desc{text-align:center;color:rgba(255,255,255,0.65);font-size:0.86rem;margin-bottom:24px;}
.chr-modal .chr-field label{color:rgba(255,255,255,0.55);}
.chr-modal .chr-field input, .chr-modal .chr-field select{
  background:rgba(255,255,255,0.07);border:1px solid rgba(255,255,255,0.16);color:#fff;border-radius:0.5rem;padding:12px 14px;
}
.chr-modal .chr-field input::placeholder{color:rgba(255,255,255,0.35);}
.chr-modal .chr-field input:focus, .chr-modal .chr-field select:focus{border-color:var(--gold);background:rgba(255,255,255,0.11);}
.chr-modal .chr-btn-gold{width:100%;justify-content:center;padding:14px;margin-top:8px;}
.chr-trust-row{display:flex;justify-content:space-between;gap:8px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);}
.chr-trust-row div{flex:1;text-align:center;font-size:0.62rem;color:rgba(255,255,255,0.55);}
.chr-response-note{text-align:center;font-size:0.72rem;color:var(--gold);margin-top:14px;font-weight:600;}
.chr-privacy-note{text-align:center;font-size:0.66rem;color:rgba(255,255,255,0.4);margin-top:6px;}

/* ---------- TRUST STRIP ---------- */
.chr-trust-strip{background:var(--forest-deep);padding:48px 0;border-bottom:1px solid var(--line);}
.chr-trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;text-align:center;}
@media(min-width:768px){.chr-trust-grid{grid-template-columns:repeat(4,1fr);}}
.chr-trust-item{padding:0 16px;border-left:1px solid var(--line);}
.chr-trust-item:first-child{border-left:none;}
.chr-trust-item .chr-num{font-family:'Playfair Display',serif;font-size:1.7rem;color:var(--gold);margin-bottom:6px;font-weight:600;}
.chr-trust-item .chr-lbl{font-size:0.68rem;letter-spacing:0.12em;text-transform:uppercase;color:rgba(255,255,255,0.65);}

/* ---------- SECTIONS ---------- */
.chr-landing section{padding:80px 0;}
@media(min-width:768px){.chr-landing section{padding:120px 0;}}
.chr-section-head{max-width:640px;margin-bottom:44px;}
.chr-section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.chr-section-head h2{font-size:clamp(1.9rem,3.2vw,2.5rem);color:var(--forest-deep);}
.chr-on-dark .chr-section-head h2{color:var(--gold);}
.chr-section-head p{color:var(--ink-variant);margin-top:14px;font-size:1rem;line-height:1.6;}
.chr-on-dark .chr-section-head p{color:rgba(255,255,255,0.8);}
.chr-on-dark{background:var(--forest-deep);color:#fff;}

/* Vision — image + copy split */
.chr-vision-grid{display:grid;grid-template-columns:1fr;gap:48px;align-items:center;}
@media(min-width:1024px){.chr-vision-grid{grid-template-columns:1fr 1fr;gap:64px;}}
.chr-vision-img{height:420px;border-radius:1rem;overflow:hidden;}
@media(min-width:768px){.chr-vision-img{height:600px;}}
.chr-vision-img img{width:100%;height:100%;object-fit:cover;}
.chr-vision-grid p{color:var(--ink-variant);margin-bottom:20px;font-size:1.05rem;line-height:1.8;}

/* Why Vrindavan — mor pankh pattern section */
.chr-mor-pankh{
  background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23c9a44c' fill-opacity='0.06'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.chr-why-grid{display:grid;grid-template-columns:1fr;gap:32px;}
@media(min-width:640px){.chr-why-grid{grid-template-columns:1fr 1fr;}}
@media(min-width:1024px){.chr-why-grid{grid-template-columns:repeat(4,1fr);}}
.chr-why-card{cursor:default;}
.chr-why-img{height:16rem;border-radius:1rem;overflow:hidden;position:relative;margin-bottom:22px;}
.chr-why-img img{width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.chr-why-card:hover .chr-why-img img{transform:scale(1.08);}
.chr-why-img::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(11,43,34,0.2), rgba(11,43,34,0.8));}
.chr-why-num{position:absolute;top:14px;left:14px;z-index:2;font-family:'Playfair Display',serif;font-size:1.6rem;color:var(--gold);opacity:0.6;}
.chr-why-card h3{font-size:1.3rem;color:var(--gold);margin-bottom:10px;}
.chr-why-card p{font-size:0.9rem;color:rgba(255,255,255,0.72);line-height:1.6;}

/* Story pull-quote — full-bleed cinematic */
.chr-story{position:relative;padding:110px 0;display:flex;align-items:center;justify-content:center;text-align:center;}
.chr-story-bg{position:absolute;inset:0;z-index:0;}
.chr-story-bg img{width:100%;height:100%;object-fit:cover;}
.chr-story-bg::after{content:"";position:absolute;inset:0;background:rgba(11,43,34,0.82);backdrop-filter:blur(2px);}
.chr-story-inner{position:relative;z-index:2;max-width:720px;padding:0 20px;margin:0 auto;color:#fff;}
.chr-story-inner .chr-feather{color:var(--gold);width:34px;height:34px;margin:0 auto 22px;}
.chr-story-inner h2{color:var(--gold);font-size:clamp(1.8rem,3.4vw,2.4rem);margin-bottom:26px;}
.chr-story-inner p{font-size:1.1rem;line-height:1.8;color:rgba(255,255,255,0.92);}

/* Plot Offerings — 3-tier pricing */
.chr-pricing-grid{display:grid;grid-template-columns:1fr;gap:28px;}
@media(min-width:768px){.chr-pricing-grid{grid-template-columns:repeat(3,1fr);}}
.chr-tier{border:1px solid var(--line);border-radius:1rem;padding:32px;background:#fff;position:relative;overflow:hidden;}
.chr-tier.chr-tier-featured{border-color:var(--gold);background:var(--forest-deep);color:#fff;box-shadow:0 25px 50px rgba(var(--shadow-tint),0.3);}
@media(min-width:768px){.chr-tier.chr-tier-featured{transform:translateY(-16px);}}
.chr-tier-badge{position:absolute;top:16px;right:16px;background:var(--gold);color:var(--forest-deep);font-size:0.6rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:700;padding:4px 10px;border-radius:0.5rem;}
.chr-tier h3{font-size:1.4rem;margin-bottom:6px;}
.chr-tier.chr-tier-featured h3{color:var(--gold);}
.chr-tier .chr-tier-tag{font-size:0.85rem;color:var(--ink-variant);padding-bottom:16px;margin-bottom:20px;border-bottom:1px solid var(--line);}
.chr-tier.chr-tier-featured .chr-tier-tag{color:rgba(255,255,255,0.7);}
.chr-tier-row{display:flex;justify-content:space-between;font-size:0.92rem;margin-bottom:14px;}
.chr-tier-row span:first-child{color:var(--ink-variant);}
.chr-tier.chr-tier-featured .chr-tier-row span:first-child{color:rgba(255,255,255,0.7);}
.chr-tier .chr-status{color:var(--secondary);font-weight:600;}
.chr-tier.chr-tier-featured .chr-status{color:var(--gold);}
.chr-tier-cta{width:100%;border:1px solid var(--forest-deep);color:var(--forest-deep);background:transparent;padding:13px;font-size:0.72rem;letter-spacing:0.1em;text-transform:uppercase;border-radius:0.5rem;font-weight:600;margin-top:8px;}
.chr-tier-cta:hover, .chr-tier-cta:focus, .chr-tier-cta:active{background:var(--forest-deep) !important;color:#fff !important;}
.chr-tier.chr-tier-featured .chr-tier-cta{background:var(--gold);color:var(--forest-deep);border-color:var(--gold);}
.chr-tier.chr-tier-featured .chr-tier-cta:hover, .chr-tier.chr-tier-featured .chr-tier-cta:focus, .chr-tier.chr-tier-featured .chr-tier-cta:active{background:#fff !important;color:var(--forest-deep) !important;}

/* Masterplan / location placeholder blocks */
.chr-plan-frame{background:#fff;padding:16px;border-radius:1rem;border:1px solid var(--line);box-shadow:0 20px 50px rgba(var(--shadow-tint),0.15);max-width:900px;margin:0 auto 40px;}
.chr-plan-inner{aspect-ratio:16/9;background:var(--ivory-dim);border-radius:0.75rem;display:flex;align-items:center;justify-content:center;text-align:center;}
.chr-plan-inner .chr-feather{color:var(--gold);width:44px;height:44px;margin:0 auto 14px;}
.chr-plan-inner p{font-family:'Playfair Display',serif;color:var(--forest-deep);font-size:1.1rem;}
.chr-plan-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}

/* Amenities — mixed asymmetric grid */
.chr-amenity-mixed{display:grid;grid-template-columns:1fr;gap:16px;}
@media(min-width:768px){.chr-amenity-mixed{grid-template-columns:repeat(2,1fr);}}
@media(min-width:1024px){.chr-amenity-mixed{grid-template-columns:repeat(3,1fr);}}
.chr-am-card{position:relative;height:20rem;border-radius:1rem;overflow:hidden;}
.chr-am-card.chr-am-wide{grid-column:span 1;}
@media(min-width:1024px){.chr-am-card.chr-am-wide{grid-column:span 2;}}
.chr-am-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s;}
.chr-am-card:hover img{transform:scale(1.06);}
.chr-am-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom, rgba(11,43,34,0.15), rgba(11,43,34,0.75));}
.chr-am-label{position:absolute;bottom:22px;left:22px;z-index:2;}
.chr-am-label .chr-t{font-family:'Playfair Display',serif;color:#fff;font-size:1.25rem;margin-bottom:2px;}
.chr-am-label .chr-s{font-size:0.66rem;letter-spacing:0.12em;text-transform:uppercase;color:var(--gold);}

/* Architecture styles grid */
.chr-arch-grid{display:grid;grid-template-columns:1fr;gap:32px;text-align:left;}
@media(min-width:768px){.chr-arch-grid{grid-template-columns:repeat(3,1fr);}}
.chr-arch-img{aspect-ratio:4/3;border-radius:1rem;overflow:hidden;margin-bottom:16px;}
.chr-arch-img img{width:100%;height:100%;object-fit:cover;transition:transform .5s;}
.chr-arch-card:hover .chr-arch-img img{transform:scale(1.05);}
.chr-arch-card h4{font-size:1.25rem;color:var(--forest-deep);margin-bottom:8px;}
.chr-arch-card p{font-size:0.9rem;color:var(--ink-variant);line-height:1.6;}

/* Brand statement — full bleed dark, peacock circle motif */
.chr-brand-statement{position:relative;padding:110px 0;text-align:center;overflow:hidden;}
.chr-brand-motif{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0.05;pointer-events:none;}
.chr-brand-motif svg{width:600px;height:600px;color:var(--gold);}
.chr-brand-statement h2{position:relative;z-index:2;font-size:clamp(2rem,4.5vw,3.2rem);color:#fff;max-width:820px;margin:0 auto;line-height:1.25;}
.chr-brand-statement h2 em{color:var(--gold);font-style:italic;font-weight:400;}

/* Location list */
.chr-loc-item{display:flex;align-items:flex-start;gap:16px;border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:24px;}
.chr-loc-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0;}
.chr-loc-ic{background:rgba(11,43,34,0.06);color:var(--gold);width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.chr-loc-item h4{font-size:1.2rem;color:var(--forest-deep);margin-bottom:2px;}
.chr-loc-item p{font-size:0.92rem;color:var(--ink-variant);}

/* Pricing table (indicative price list + FAQ, kept from earlier build) */
.chr-landing table.chr-price-table{width:100%;border-collapse:collapse;background:#fff;border-radius:0.75rem;overflow:hidden;box-shadow:0 2px 30px rgba(11,43,34,0.07);}
.chr-landing table.chr-price-table th{background:var(--forest-deep);color:var(--gold);text-align:left;padding:16px 22px;font-size:0.68rem;letter-spacing:0.1em;text-transform:uppercase;font-weight:600;}
.chr-landing table.chr-price-table td{padding:18px 22px;border-bottom:1px solid var(--line);font-size:0.95rem;color:var(--ink-variant);}
.chr-landing table.chr-price-table tr:last-child td{border-bottom:none;}
.chr-price-table .chr-cta-cell a{color:var(--forest-deep);border:1px solid var(--forest-deep);padding:8px 16px;font-size:0.72rem;letter-spacing:0.08em;text-transform:uppercase;border-radius:0.5rem;}
.chr-price-table .chr-cta-cell a:hover{background:var(--forest-deep);color:#fff;}

/* FAQ */
.chr-faq-item{border-bottom:1px solid rgba(201,164,76,0.4);background:#fff;margin-bottom:2px;border-radius:0.5rem;}
.chr-faq-q{display:flex;justify-content:space-between;align-items:center;width:100%;padding:22px 22px;cursor:pointer;font-family:'Playfair Display',serif;font-size:1.15rem;color:var(--forest-deep);font-weight:500;background:transparent;border:none;text-align:left;}
.chr-faq-q:hover, .chr-faq-q:focus, .chr-faq-q:active{background:transparent !important;color:var(--forest-deep) !important;}
.chr-faq-q .chr-plus{color:var(--gold);font-size:1.6rem;font-weight:300;transition:transform .25s;flex-shrink:0;margin-left:20px;line-height:1;}
.chr-faq-item.open{box-shadow:0 4px 20px rgba(11,43,34,0.08);}
.chr-faq-item.open .chr-faq-q{color:var(--forest-deep);border-bottom:1px solid var(--line);}
.chr-faq-item.open .chr-plus{transform:rotate(45deg);color:var(--forest-deep);}
.chr-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.chr-faq-item.open .chr-faq-a{max-height:260px;}
.chr-faq-a p{padding:18px 22px 22px;color:var(--ink-variant);font-size:0.95rem;line-height:1.7;max-width:680px;margin:0;}

/* Footer */
.chr-footer{background:var(--forest-deep);color:rgba(255,255,255,0.7);padding:80px 0 30px;}
.chr-footer-grid{display:grid;grid-template-columns:1fr;gap:40px;border-bottom:1px solid var(--line);padding-bottom:40px;margin-bottom:24px;}
@media(min-width:768px){.chr-footer-grid{grid-template-columns:2fr 1fr 1fr;gap:50px;}}
.chr-footer h4{color:var(--gold);font-size:0.7rem;letter-spacing:0.14em;text-transform:uppercase;margin-bottom:16px;font-weight:600;}
.chr-footer p, .chr-footer li{font-size:0.85rem;line-height:1.7;}
.chr-footer a{color:rgba(255,255,255,0.85) !important;}
.chr-footer a:hover, .chr-footer a:focus, .chr-footer a:active{color:var(--gold) !important;}
.chr-legal-text{font-size:0.72rem;line-height:1.7;color:rgba(255,255,255,0.4);max-width:1280px;}

/* Sticky mobile CTA */
.chr-mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:190;background:var(--forest-deep);border-top:1px solid var(--line);display:none;padding:12px 16px;gap:10px;}
@media(max-width:760px){.chr-mobile-cta{display:flex;}.chr-header-cta .chr-btn-gold{display:none;}}
.chr-mobile-cta a{flex:1;text-align:center;padding:13px;font-size:0.76rem;letter-spacing:0.05em;text-transform:uppercase;border-radius:0.5rem;font-weight:600;}
.chr-mobile-cta .chr-call{border:1px solid var(--gold);color:var(--gold);}
.chr-mobile-cta .chr-enquire{background:var(--gold);color:var(--forest-deep);}

/* ---------- BLOG POST / ARTICLE (reused from prior build, retokenized) ---------- */
.chr-article-hero{background:var(--forest-deep);padding:70px 0 50px;}
.chr-article-hero .eyebrow{justify-content:flex-start;}
.chr-article-hero h1{color:#fff;font-size:clamp(2.1rem,4vw,3rem);max-width:820px;line-height:1.2;}
.chr-article-meta{display:flex;gap:20px;margin-top:22px;color:rgba(255,255,255,0.6);font-size:0.82rem;flex-wrap:wrap;}
.chr-article-feature-img{width:100%;max-height:460px;object-fit:cover;border-radius:1rem;margin:-40px auto 0;display:block;max-width:1280px;box-shadow:0 20px 50px rgba(11,43,34,0.3);}
.chr-article-layout{max-width:1080px;margin:60px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr;gap:40px;align-items:start;}
@media(min-width:960px){.chr-article-layout{grid-template-columns:1fr 300px;}}
.chr-article-body{max-width:740px;margin:0;padding:0;color:var(--ink-variant);font-size:1.05rem;line-height:1.85;}
.chr-article-sidebar{position:static;}
@media(min-width:960px){.chr-article-sidebar{position:sticky;top:110px;}}
.chr-sidebar-card{background:var(--forest-deep);border-radius:1rem;padding:28px 24px;text-align:center;box-shadow:0 20px 50px rgba(11,43,34,0.15);}
.chr-sidebar-icon{width:38px;height:38px;border-radius:50%;background:rgba(201,164,76,0.12);border:1px solid var(--gold);color:var(--gold);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.chr-sidebar-card h4{font-family:'Playfair Display',serif;color:#fff;font-size:1.2rem;margin-bottom:6px;}
.chr-sidebar-card p{color:rgba(255,255,255,0.65);font-size:0.85rem;margin-bottom:18px;line-height:1.5;}
.chr-sidebar-call{display:block;text-align:center;margin-top:14px;color:var(--gold) !important;font-size:0.85rem;font-weight:600;}
.chr-article-body h2{font-family:'Playfair Display',serif;font-size:1.9rem;color:var(--forest-deep);margin:44px 0 16px;}
.chr-article-body h3{font-family:'Playfair Display',serif;font-size:1.4rem;color:var(--forest-deep);margin:32px 0 12px;}
.chr-article-body p{margin-bottom:20px;}
.chr-article-body ul, .chr-article-body ol{margin:0 0 20px 22px;}
.chr-article-body li{margin-bottom:8px;}
.chr-article-body a{color:var(--forest-deep) !important;text-decoration:underline !important;text-decoration-color:var(--gold);text-underline-offset:3px;}
.chr-inline-cta{background:var(--forest-deep);border-radius:1rem;padding:34px 32px;margin:44px 0;text-align:center;color:#fff;}
.chr-inline-cta .eyebrow{justify-content:center;}
.chr-inline-cta h3{font-family:'Playfair Display',serif;font-size:1.5rem;margin-bottom:8px;color:var(--gold);}
.chr-inline-cta p{color:rgba(255,255,255,0.7);font-size:0.9rem;margin-bottom:20px;}
.chr-related{max-width:1280px;margin:70px auto 0;padding:50px 20px 0;border-top:1px solid var(--line);}
.chr-related h3{font-family:'Playfair Display',serif;font-size:1.6rem;margin-bottom:24px;color:var(--forest-deep);}
.chr-related-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;justify-content:start;}
.chr-related-card{max-width:400px;background:#fff;border-radius:0.75rem;overflow:hidden;box-shadow:0 2px 20px rgba(11,43,34,0.07);}
.chr-related-card img{width:100%;height:150px;object-fit:cover;}
.chr-related-card .chr-rc-body{padding:16px 18px;}
.chr-related-card .chr-rc-body a{font-family:'Playfair Display',serif;font-size:1.1rem;color:var(--forest-deep) !important;line-height:1.3;}
@media(max-width:760px){.chr-related-grid{grid-template-columns:1fr;}.chr-article-feature-img{margin-top:0;border-radius:0;}}

.admin-bar .chr-header{top:32px;}
@media screen and (max-width: 782px){.admin-bar .chr-header{top:46px;}}

/* ---------- ACCESSIBILITY: visible keyboard focus ---------- */
/* Applies only for keyboard navigation (:focus-visible) so mouse/touch clicks keep the existing subtle styling. */
.chr-landing a:focus-visible,
.chr-landing button:focus-visible,
.chr-landing input:focus-visible,
.chr-landing select:focus-visible,
.chr-landing textarea:focus-visible,
.chr-landing [tabindex]:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:2px;
}
.chr-field input:focus-visible, .chr-field select:focus-visible{
  outline:2px solid var(--gold-bright);
  outline-offset:1px;
}