/* ============================================================
   OPEN TABS — SHARED SITE STYLES
   Direction B palette ("The Unfolding"): deep-green canvas,
   cream type, gold accents. Playfair Display + Poppins.
   Linked by every page. Edit global styles HERE.
   ============================================================ */
:root{
  --slate:#F1EAD9; --slate-2:#0C2521;
  --ink-deep:#06150F;
  --green:#143C34; --green-2:#0F332D; --green-deep:#0C2521;
  --green-lt:#c6934e;
  --cream:#F1EAD9; --cream-2:#0C2521; --white:#0E2A24;
  --mauve:#B7AE99; --mauve-2:#DCD2BC; --mauve-tint:#102E28;
  --gold:#c6934e; --gold-deep:#a87a3e;
  --page:#081C18;
  --ink:#F1EAD9;
  --ink-72:#DCD2BC;
  --ink-55:#B7AE99;
  --ink-40:rgba(241,234,217,.42);
  --rule:rgba(241,234,217,.15);
  --rule-soft:rgba(241,234,217,.08);
  --od-cream:#F1EAD9;
  --od-cream-72:rgba(241,234,217,.72);
  --od-cream-55:rgba(241,234,217,.55);
  --od-rule:rgba(241,234,217,.18);
  --od-rule-soft:rgba(241,234,217,.10);
  --divide:rgba(241,234,217,.15);
  --serif:'Playfair Display', Georgia, serif;
  --sans:'Poppins', system-ui, sans-serif;
  --ease:cubic-bezier(.19,1,.22,1);
  --maxw:1600px;
  --gutter:80px;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;background:var(--page);}
body{background:var(--page);color:var(--ink);font-family:var(--sans);font-weight:300;line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
.wrap{width:min(var(--maxw), 100% - (var(--gutter) * 2));margin-inline:auto;}
.narrow{max-width:720px;}
a{color:inherit;}

/* ===== SHARED TYPE ===== */
.label{font-family:var(--sans);font-weight:400;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);display:flex;align-items:center;gap:18px;}
.label::before{content:"";flex:none;width:52px;height:1px;background:currentColor;opacity:.55;}
.label.center{display:block;text-align:center;white-space:nowrap;}
.label.center::before{width:54px;display:block;margin:0 auto 24px;opacity:.85;}
.label.bare::before{display:none;}

h2.anchor{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.6vw,56px);line-height:1.1;letter-spacing:0;color:var(--slate);}
h2.anchor em{font-style:italic;color:var(--green);}
p.body{font-size:16px;color:var(--ink-72);line-height:1.75;max-width:60ch;}
p.body b{color:var(--slate);font-weight:500;}

/* ===== BUTTONS ===== */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-weight:400;font-size:13px;letter-spacing:.1em;text-transform:uppercase;padding:16px 30px;border-radius:2px;cursor:pointer;text-decoration:none;transition:all .35s var(--ease);border:1.5px solid transparent;}
.btn .ar{transition:transform .3s;}
.btn:hover .ar{transform:translateX(5px);}
.btn-green{background:var(--green);color:var(--cream);border-color:var(--green);}
.btn-green:hover{background:var(--green-deep);border-color:var(--green-deep);transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(31,79,68,.55);}
.btn-cream{background:var(--cream);color:var(--green);border-color:var(--cream);}
.btn-cream:hover{background:#fff;border-color:#fff;transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(0,0,0,.4);}
.btn-gold{background:var(--gold);color:var(--ink-deep);border-color:var(--gold);}
.btn-gold:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:var(--cream);transform:translateY(-2px);box-shadow:0 16px 30px -16px rgba(198,147,78,.6);}
.btn-outline-green{background:transparent;color:var(--green);border-color:var(--green);}
.btn-outline-green:hover{background:var(--green);color:var(--cream);}
.btn-outline-cream{background:transparent;color:var(--cream);border-color:var(--od-rule);}
.btn-outline-cream:hover{background:var(--cream);color:var(--green);border-color:var(--cream);transform:translateY(-2px);}

section{position:relative;}
.divide-top{border-top:1px solid var(--divide);}
.sec{padding:120px 0;}

/* ===== PHOTO PLACEHOLDERS ===== */
.photo{position:relative;overflow:hidden;background:#e7dccb;border:1px solid var(--rule);}
.photo::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg, rgba(38,39,36,.035) 0 14px, transparent 14px 28px);}
.photo::after{content:"";position:absolute;width:44%;max-width:230px;aspect-ratio:1;left:50%;top:50%;transform:translate(-50%,-50%);background:url("assets/flower-green.svg") center/contain no-repeat;opacity:.16;}
.photo .cap{position:absolute;left:16px;bottom:14px;z-index:2;font-family:ui-monospace,Menlo,monospace;font-size:11px;letter-spacing:.01em;color:var(--ink-55);background:rgba(247,242,234,.85);padding:6px 12px;border-radius:2px;}
.photo.deep{background:var(--green-2);border-color:transparent;}
.photo.deep::before{background:repeating-linear-gradient(45deg, rgba(247,242,234,.03) 0 14px, transparent 14px 28px);}
.photo.deep::after{background:url("assets/flower-cream.svg") center/contain no-repeat;opacity:.14;}
.photo.deep .cap{color:var(--od-cream-55);background:rgba(22,58,49,.7);}

.reveal-up{opacity:0;transform:translateY(28px);transition:opacity 1s ease,transform 1.1s var(--ease);}
.reveal-up.in{opacity:1;transform:none;}

/* ===== TOP NAV (over green hero / pagehead) ===== */
nav.top{position:absolute;top:0;left:0;right:0;z-index:40;}
nav.top .nv{max-width:var(--maxw);margin:0 auto;padding:30px 60px;display:flex;align-items:center;justify-content:space-between;}
.logo{font-family:var(--serif);color:var(--cream);display:flex;flex-direction:column;line-height:1;white-space:nowrap;text-decoration:none;}
.logo .lk{font-size:25px;font-weight:400;letter-spacing:.01em;}
.logo .lk em{font-style:italic;font-weight:400;color:var(--gold);}
.logo .lt{font-family:var(--sans);font-weight:300;font-size:8px;letter-spacing:.22em;text-transform:uppercase;color:var(--mauve);margin-top:6px;}
nav.top .links{display:flex;gap:28px;align-items:center;}
nav.top .links a{font-size:13px;color:var(--od-cream-72);text-decoration:none;transition:.25s;font-weight:300;position:relative;}
nav.top .links a:hover{color:var(--gold);}
nav.top .links a.current{color:var(--cream);}
nav.top .links a.current::after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:1px;background:var(--gold);}
nav.top .nav-cta{font-family:var(--sans);font-size:11px;font-weight:400;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--green);background:var(--cream);padding:13px 22px;border-radius:2px;text-decoration:none;transition:.3s;border:1.5px solid var(--cream);}
nav.top .nav-cta:hover{background:transparent;color:var(--cream);}
@media(max-width:1080px){nav.top .links{display:none;}}

/* ===== UNIVERSAL STICKY HEADER (injected by chrome.js) ===== */
.site-header{position:sticky;top:0;z-index:100;margin-bottom:-100px;transition:background .4s var(--ease),box-shadow .4s var(--ease);}
.sh-in{width:min(var(--maxw), 100% - (var(--gutter) * 2));margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 0;transition:padding .35s var(--ease);}
.site-header.scrolled{background:var(--green-deep);box-shadow:0 12px 30px -22px rgba(0,0,0,.8);border-bottom:1px solid var(--od-rule-soft);}
.site-header.scrolled .sh-in{padding:11px 0;}
.sh-logo{display:block;flex:none;line-height:0;}
.sh-logo img{width:auto;display:block;transition:height .35s var(--ease);}
.sh-logo .logo-full{height:56px;}
.sh-logo .logo-mark{height:40px;display:none;}
.site-header.scrolled .sh-logo .logo-full{display:none;}
.site-header.scrolled .sh-logo .logo-mark{display:block;}

.sh-nav{display:flex;align-items:center;gap:36px;}
.sh-nav a,.sh-nav .navdrop-t{font-family:var(--sans);font-weight:300;font-size:15px;letter-spacing:.01em;color:var(--od-cream-72);text-decoration:none;transition:color .25s;background:none;border:none;cursor:pointer;padding:0;line-height:1;}
.sh-nav > a{position:relative;}
.sh-nav > a:hover,.sh-nav .navdrop:hover .navdrop-t,.sh-nav .navdrop:focus-within .navdrop-t{color:var(--gold);}
.sh-nav > a.current,.sh-nav .navdrop-t.current{color:var(--cream);}
.sh-nav > a.current::after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:1px;background:var(--gold);}

/* dropdown (no caret) */
.sh-nav .navdrop{position:relative;}
.sh-nav .navdrop-menu{position:absolute;top:calc(100% + 18px);left:50%;transform:translateX(-50%) translateY(6px);min-width:240px;background:var(--ink-deep);border:1px solid var(--od-rule);border-radius:3px;padding:8px;box-shadow:0 26px 54px -26px rgba(0,0,0,.75);opacity:0;visibility:hidden;transition:opacity .26s var(--ease),transform .26s var(--ease);}
.sh-nav .navdrop-menu::before{content:"";position:absolute;top:-18px;left:0;right:0;height:18px;}
.sh-nav .navdrop:hover .navdrop-menu,.sh-nav .navdrop:focus-within .navdrop-menu,.sh-nav .navdrop-menu.open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.sh-nav .navdrop-menu a{display:block;font-size:14.5px;color:var(--od-cream-72);padding:13px 16px;border-radius:2px;transition:.2s;white-space:nowrap;}
.sh-nav .navdrop-menu a:hover{background:var(--green);color:var(--cream);padding-left:20px;}
.sh-nav .navdrop-menu a em{font-style:italic;color:var(--gold);}

/* burger + mobile drawer */
.sh-burger{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:11px 8px;}
.sh-burger span{display:block;height:1.5px;background:var(--cream);border-radius:2px;transition:transform .3s var(--ease),opacity .25s var(--ease);}
.sh-burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg);}
.sh-burger.open span:nth-child(2){opacity:0;}
.sh-burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg);}
.sh-drawer{display:none;}

@media(max-width:900px){
  .sh-nav{display:none;}
  .sh-burger{display:flex;}
  .site-header.menu-open{background:var(--green-deep);}
  .sh-drawer{display:block;position:absolute;left:0;right:0;top:100%;background:var(--green-deep);border-top:1px solid var(--od-rule-soft);max-height:0;overflow:hidden;transition:max-height .4s var(--ease);}
  .sh-drawer.open{max-height:560px;border-bottom:1px solid var(--od-rule-soft);}
  .sh-drawer-in{padding:8px 0 26px;width:min(var(--maxw),100% - 52px);margin-inline:auto;display:flex;flex-direction:column;}
  .sh-drawer a{font-family:var(--serif);font-size:23px;color:var(--cream);text-decoration:none;padding:15px 0;border-bottom:1px solid var(--od-rule-soft);}
  .sh-drawer .shd-h{font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);padding:20px 0 2px;}
  .sh-drawer a.shd-sub{font-size:19px;padding-left:18px;color:var(--od-cream-72);border-bottom:none;padding-top:10px;padding-bottom:10px;}
}

/* ===== NAV DROPDOWN (Services) ===== */
nav.top .navdrop{position:relative;}
nav.top .navdrop-t{font-family:var(--sans);font-weight:300;font-size:13px;color:var(--od-cream-72);background:none;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:7px;padding:0;transition:.25s;letter-spacing:0;}
nav.top .navdrop-t .caret{font-size:9px;line-height:1;transition:transform .3s var(--ease);color:var(--gold);}
nav.top .navdrop:hover .navdrop-t,nav.top .navdrop:focus-within .navdrop-t,nav.top .navdrop-t.current{color:var(--cream);}
nav.top .navdrop:hover .navdrop-t .caret,nav.top .navdrop:focus-within .navdrop-t .caret,nav.top .navdrop-t[aria-expanded="true"] .caret{transform:rotate(180deg);}
nav.top .navdrop-menu{position:absolute;top:calc(100% + 16px);left:50%;transform:translateX(-50%) translateY(6px);min-width:236px;background:var(--ink-deep);border:1px solid var(--od-rule);border-radius:3px;padding:8px;box-shadow:0 24px 50px -24px rgba(0,0,0,.7);opacity:0;visibility:hidden;transition:opacity .28s var(--ease),transform .28s var(--ease);z-index:50;}
nav.top .navdrop-menu::before{content:"";position:absolute;top:-16px;left:0;right:0;height:16px;}
nav.top .navdrop:hover .navdrop-menu,nav.top .navdrop:focus-within .navdrop-menu,nav.top .navdrop-menu.open{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
nav.top .navdrop-menu a{display:block;font-size:13.5px;color:var(--od-cream-72);text-decoration:none;padding:13px 16px;border-radius:2px;transition:.2s;white-space:nowrap;font-weight:300;}
nav.top .navdrop-menu a:hover{background:var(--green);color:var(--cream);padding-left:20px;}
nav.top .navdrop-menu a em{font-style:italic;color:var(--gold);}
nav.top .navdrop-menu a .nd-sub{display:block;font-size:11px;color:var(--mauve);margin-top:2px;letter-spacing:.02em;}

/* ===== PAGE HEADER BAND (interior pages) ===== */
.pagehead{background:var(--green);padding:172px 0 92px;position:relative;overflow:hidden;}
.pagehead .heroline{width:0;height:1px;background:var(--gold);margin-bottom:26px;animation:lineGrow 1.1s var(--ease) .2s forwards;}
@keyframes lineGrow{to{width:64px;}}
.pagehead .label.bare{color:var(--mauve);}
.pagehead h1{font-family:var(--serif);font-weight:400;font-size:clamp(40px,6vw,78px);line-height:1.02;color:var(--cream);max-width:16ch;margin-top:22px;}
.pagehead h1 em{font-style:italic;color:var(--gold);}
.pagehead .ph-sub{font-size:17px;color:var(--od-cream-72);max-width:48ch;line-height:1.75;margin-top:24px;font-weight:300;}
.pagehead .ph-floral{position:absolute;right:-60px;bottom:-80px;width:min(40vw,440px);aspect-ratio:1;background:url("assets/flower-gold.svg") center/contain no-repeat;opacity:.10;pointer-events:none;}
@media(max-width:880px){.pagehead{padding:150px 0 70px;}}

/* ===== FOOTER (universal) ===== */
footer{background:var(--green-deep);padding:84px 0 54px;}
.site-footer{--gold:#c6934e;}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;align-items:start;}
.foot-logo-img{display:block;height:70px;width:auto;}
.foot-logo .lk{font-family:var(--serif);font-size:34px;font-weight:400;color:var(--cream);line-height:1;}
.foot-logo .lk em{font-style:italic;color:var(--gold);}
.foot-logo .lt{font-family:var(--sans);font-weight:300;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--mauve);margin-top:9px;}
.foot-quote{margin-top:38px;font-family:var(--sans);font-weight:300;font-size:16px;line-height:1.75;color:var(--od-cream-72);max-width:46ch;}
.foot-quote em{font-style:italic;color:var(--gold);font-weight:400;}
.foot-explore{justify-self:end;text-align:left;}
.foot-explore .eh{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--gold);margin-bottom:22px;}
.foot-explore a{display:block;font-size:16px;color:var(--od-cream-72);text-decoration:none;margin-bottom:14px;transition:.25s;font-weight:300;}
.foot-explore a:hover{color:var(--gold);}
.foot-signup{justify-self:end;width:100%;max-width:300px;}
.foot-signup .eh{font-family:var(--serif);font-style:italic;font-size:26px;color:var(--gold);margin-bottom:22px;}
.foot-form{display:flex;flex-direction:column;gap:10px;}
.foot-form input{width:100%;background:transparent;border:1px solid var(--od-rule);border-radius:3px;padding:13px 15px;font-family:var(--sans);font-weight:300;font-size:15px;color:var(--cream);transition:border-color .3s var(--ease);}
.foot-form input::placeholder{color:var(--od-cream-55);}
.foot-form input:focus{outline:none;border-color:var(--gold);}
.foot-sub-btn{margin-top:4px;background:transparent;border:1px solid var(--gold);border-radius:3px;color:var(--gold);font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:13px 18px;cursor:pointer;transition:.3s var(--ease);}
.foot-sub-btn:hover{background:var(--gold);color:var(--green-deep);}
.foot-form-done{display:none;font-family:var(--serif);font-style:italic;font-size:16px;color:var(--cream);line-height:1.5;}
.foot-rule{height:1px;background:var(--od-rule);margin:54px 0 28px;}
.foot-bot{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;}
.foot-bot .cr{font-size:13px;color:var(--mauve);}
.foot-bot .legal{font-size:13px;color:var(--od-cream-72);}
.foot-bot .legal a{text-decoration:none;color:var(--od-cream-72);}
.foot-bot .legal a:hover{color:var(--gold);}
@media(max-width:980px) and (min-width:761px){.foot-top{grid-template-columns:1fr 1fr;gap:44px;}}
@media(max-width:760px){.foot-top{grid-template-columns:1fr;gap:36px;}.foot-explore,.foot-signup{justify-self:start;}.foot-signup{max-width:380px;}}

/* ===== TABS (shared) ===== */
.tabs{display:inline-flex;gap:0;border:1px solid var(--rule);border-radius:2px;padding:5px;background:var(--white);}
.tab{font-family:var(--sans);font-weight:400;font-size:13px;letter-spacing:.04em;color:var(--ink-72);background:none;border:none;cursor:pointer;padding:12px 28px;border-radius:1px;transition:.3s;}
.tab[aria-selected="true"]{background:var(--green);color:var(--cream);}
.tabpanel{display:none;}
.tabpanel.active{display:block;}

/* ===== PHASE / FEATURE CARDS (dome-on-hover) ===== */
.pcard{position:relative;border:1px solid var(--rule);border-radius:2px;padding:40px 28px 36px;min-height:340px;display:flex;flex-direction:column;overflow:hidden;background:var(--white);transition:background .55s var(--ease),border-radius .55s var(--ease),box-shadow .4s var(--ease),border-color .4s var(--ease),transform .4s var(--ease);}
.pcard::after{content:"";position:absolute;top:26px;right:24px;width:60px;height:60px;background:url("assets/flower-cream.svg") center/contain no-repeat;opacity:.10;transition:opacity .4s var(--ease),background-image .4s var(--ease);}
.pcard:hover{background:var(--green);border-color:var(--green);border-radius:140px 140px 2px 2px;transform:translateY(-4px);box-shadow:0 22px 44px -30px rgba(38,39,36,.3);}
.pcard:hover::after{background:url("assets/flower-gold.svg") center/contain no-repeat;opacity:.55;}
.pcard .pn{font-family:var(--serif);font-size:60px;line-height:1;color:var(--slate);transition:color .55s var(--ease);}
.pcard:hover .pn{color:var(--gold);}
.pcard .pbody{margin-top:auto;}
.pcard h4{font-family:var(--serif);font-weight:400;font-size:26px;color:var(--slate);margin:0 0 12px;transition:color .55s var(--ease);}
.pcard:hover h4{color:var(--cream);}
.pcard p{font-size:13.5px;color:var(--ink-72);line-height:1.6;transition:color .55s var(--ease);}
.pcard:hover p{color:var(--od-cream-72);}

/* ===== DARK-THEME PHOTO PLATES ===== */
.photo{background:#0E2823;border-color:rgba(203,161,92,.20);}
.photo::before{background:repeating-linear-gradient(45deg, rgba(203,161,92,.06) 0 12px, transparent 12px 24px);}
.photo::after{background:url("assets/flower-cream.svg") center/contain no-repeat;opacity:.12;}
.photo .cap{color:var(--od-cream-55);background:rgba(6,21,15,.72);}

/* green text-accents lifted for dark canvas */
h2.anchor em,.pullquote em,.how-head h2 em,.faq-aside h2 em{color:var(--green-lt);}

/* ===== SECTION HEAD (shared) ===== */
.how-head{text-align:center;max-width:680px;margin:0 auto;}
.how-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(32px,4.4vw,54px);color:var(--slate);}
.how-head h2 em{font-style:italic;color:var(--green-lt);}
.how-head p{font-size:15.5px;color:var(--ink-72);max-width:46ch;margin:18px auto 0;line-height:1.7;}

/* ===== DEFINITION CALLOUT (green) ===== */
.defblock{border-radius:2px;background:var(--green);padding:clamp(44px,5vw,64px) 48px;max-width:940px;margin:0 auto;text-align:center;}
.defblock .dtag{display:inline-block;border:1px solid var(--od-rule);border-radius:40px;padding:10px 24px;font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mauve);margin-bottom:30px;}
.defblock .dstmt{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.3vw,40px);line-height:1.28;color:var(--cream);}
.defblock .dstmt b{color:var(--gold);font-weight:400;font-style:italic;}

/* ===== PHASE / STEP GRID ===== */
.phasecards{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;}
.phasecards.three{grid-template-columns:repeat(3,1fr);}
@media(max-width:880px){.phasecards,.phasecards.three{grid-template-columns:1fr 1fr;}}
@media(max-width:520px){.phasecards,.phasecards.three{grid-template-columns:1fr;}}

/* ===== INVESTMENT FOCAL (green) ===== */
.invest-focal{max-width:640px;margin:0 auto;text-align:center;border-radius:2px;padding:60px 56px;background:var(--green);}
.invest-focal .ttag{font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--mauve);}
.invest-focal .price{font-family:var(--serif);font-size:clamp(56px,8vw,84px);color:var(--gold);line-height:1;margin:18px 0 6px;font-weight:400;}
.invest-focal .price small{font-size:22px;color:var(--od-cream-72);}
.invest-focal .desc{font-size:15px;color:var(--od-cream-72);max-width:42ch;margin:0 auto 30px;line-height:1.7;}
.invest-focal .meta{margin-top:18px;font-size:12.5px;color:var(--mauve);}

/* ===== FAQ / ACCORDION (shared) ===== */
.faq .qa,.acc .qa{border-top:1px solid var(--rule);}
.faq .qa:last-child,.acc .qa:last-child{border-bottom:1px solid var(--rule);}
.faq .q,.acc .q{width:100%;background:none;border:none;cursor:pointer;text-align:left;padding:26px 50px 26px 0;position:relative;font-family:var(--serif);font-weight:400;font-size:24px;color:var(--slate);line-height:1.3;}
.faq .q .pm,.acc .q .pm{position:absolute;right:2px;top:30px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:18px;transition:.3s;}
.faq .qa.open .q .pm,.acc .qa.open .q .pm{transform:rotate(45deg);}
.faq .a,.acc .a{max-height:0;overflow:hidden;transition:max-height .5s cubic-bezier(.4,0,.2,1);}
.faq .qa.open .a,.acc .qa.open .a{max-height:680px;}
.faq .a p,.acc .a p{font-size:14.5px;color:var(--ink-72);line-height:1.8;padding:0 40px 28px 0;}

/* ===== WRAP / RESPONSIVE ===== */
@media(max-width:880px){.wrap{width:min(var(--maxw),100% - 52px);}nav.top .nv{padding:24px 26px;}.sec{padding:84px 0;}}
@media(prefers-reduced-motion:reduce){.reveal-up{opacity:1;transform:none;}.pagehead .heroline{animation:none;width:64px;}}

/* ============================================================
   REFLECTIONS — shared blog styles (home index + post template
   + brand audio player). Used by reflections.html and every
   reflection-*.html post so they all stay formatted the same.
   ============================================================ */

/* ---- Brand audio player (reusable: .rfa) ---------------- */
.rfa{display:flex;align-items:center;gap:clamp(18px,2vw,26px);background:var(--green);border:1px solid var(--od-rule);border-radius:7px;padding:clamp(18px,2vw,24px) clamp(20px,2.2vw,28px);transition:border-color .35s var(--ease);}
.rfa:hover{border-color:rgba(198,147,78,.4);}
.rfa-play{flex:none;width:58px;height:58px;border-radius:50%;border:none;cursor:pointer;background:var(--gold);color:var(--ink-deep);display:grid;place-items:center;transition:transform .3s var(--ease),background .3s var(--ease);}
.rfa-play:hover{background:var(--gold-deep);transform:scale(1.06);}
.rfa-play svg{width:18px;height:18px;display:block;}
.rfa-play .ic-pause{display:none;}
.rfa.playing .rfa-play .ic-play{display:none;}
.rfa.playing .rfa-play .ic-pause{display:block;}
.rfa-main{flex:1;min-width:0;}
.rfa-label{font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);}
.rfa-title{font-family:var(--serif);font-size:clamp(17px,1.6vw,20px);color:var(--cream);margin:4px 0 12px;line-height:1.2;}
.rfa-track{height:4px;background:var(--od-rule);border-radius:4px;position:relative;cursor:pointer;}
.rfa-fill{position:absolute;left:0;top:0;bottom:0;width:0;background:var(--gold);border-radius:4px;}
.rfa-dot{position:absolute;top:50%;width:13px;height:13px;border-radius:50%;background:var(--gold);transform:translate(-50%,-50%);left:0;opacity:0;transition:opacity .2s;box-shadow:0 0 0 4px rgba(198,147,78,.18);}
.rfa:hover .rfa-dot,.rfa.playing .rfa-dot{opacity:1;}
.rfa-time{margin-top:11px;display:flex;justify-content:space-between;font-family:ui-monospace,Menlo,monospace;font-size:11.5px;letter-spacing:.02em;color:var(--mauve);}
@media(max-width:560px){.rfa{gap:16px;padding:18px;}.rfa-play{width:50px;height:50px;}}

/* ---- Reflections home (index) --------------------------- */
.refl-head{background:var(--green);padding:168px 0 84px;position:relative;overflow:hidden;}
.refl-head .ph-floral{position:absolute;right:-60px;bottom:-90px;width:min(40vw,440px);aspect-ratio:1;background:url("assets/flower-gold.svg") center/contain no-repeat;opacity:.10;pointer-events:none;}
.refl-head .heroline{width:0;height:1px;background:var(--gold);margin-bottom:26px;animation:lineGrow 1.1s var(--ease) .2s forwards;}
.refl-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(44px,6.4vw,80px);line-height:1.0;color:var(--cream);margin-top:22px;}
.refl-head h1 em{font-style:italic;color:var(--gold);}
.refl-head .refl-sub{font-size:17px;color:var(--cream);max-width:52ch;line-height:1.78;margin-top:24px;font-weight:400;}
.refl-body-inset{margin-top:36px;border-top:1px solid rgba(247,242,234,.15);padding-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:24px 48px;max-width:90ch;}
.refl-head .refl-body{font-size:14px;color:var(--od-cream-55,rgba(247,242,234,.55));line-height:1.85;font-weight:300;margin:0;}
@media(max-width:600px){.refl-body-inset{grid-template-columns:1fr;}}

/* featured post */
.refl-feat{margin-top:clamp(56px,7vw,92px);}
.refl-feat-card{display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:var(--green);border:1px solid var(--rule);border-radius:4px;overflow:hidden;text-decoration:none;transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);}
.refl-feat-card:hover{border-color:var(--gold);transform:translateY(-4px);box-shadow:0 26px 54px -34px rgba(0,0,0,.7);}
.refl-feat-media{position:relative;min-height:380px;overflow:hidden;}
.refl-feat-media image-slot,.refl-feat-media .photo{width:100%;height:100%;}
.refl-feat-media .refl-audiopill{position:absolute;left:18px;bottom:18px;z-index:3;}
.refl-feat-body{padding:clamp(38px,3.6vw,56px);display:flex;flex-direction:column;}
.refl-feat-body .refl-cat{font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:12px;}
.refl-feat-body h2{font-family:var(--serif);font-weight:400;font-size:clamp(28px,3.2vw,44px);line-height:1.08;color:var(--cream);margin-top:20px;}
.refl-feat-body h2 em{font-style:italic;color:var(--gold);}
.refl-feat-body p{font-size:16px;color:var(--od-cream-72);line-height:1.74;margin-top:18px;max-width:46ch;font-weight:300;}
.refl-feat-body .refl-meta{margin-top:auto;padding-top:30px;display:flex;align-items:center;gap:12px;font-family:ui-monospace,monospace;font-size:12px;color:var(--mauve);}
.refl-feat-body .refl-pull,.refl-feat-pull{font-family:var(--serif);font-style:italic;font-size:clamp(16px,1.4vw,19px);color:var(--od-cream-72);line-height:1.65;margin-top:24px;flex:1;}
.refl-feat-body .refl-readmore{margin-top:28px;font-family:var(--sans);font-weight:400;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold);display:inline-flex;align-items:center;gap:10px;}
.refl-feat-card:hover .refl-readmore .ar{transform:translateX(5px);}
.refl-readmore .ar{transition:transform .3s var(--ease);}
@media(max-width:820px){.refl-feat-card{grid-template-columns:1fr;}.refl-feat-media{min-height:280px;order:-1;}}

/* small audio pill (cards) */
.refl-audiopill{display:inline-flex;align-items:center;gap:9px;background:rgba(6,21,15,.78);backdrop-filter:blur(4px);border:1px solid rgba(198,147,78,.5);border-radius:40px;padding:8px 16px 8px 11px;font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.06em;color:var(--cream);}
.refl-audiopill svg{width:13px;height:13px;color:var(--gold);flex:none;}

/* post grid */
.refl-grid-sec{padding:clamp(72px,9vw,120px) 0;}
.refl-grid-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;flex-wrap:wrap;}
.refl-grid-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,38px);color:var(--slate);}
.refl-grid-head h2 em{font-style:italic;color:var(--green-lt);}
.refl-filters{display:flex;gap:10px;flex-wrap:wrap;}
.refl-chip{font-family:var(--sans);font-weight:400;font-size:12px;letter-spacing:.04em;color:var(--ink-72);background:transparent;border:1px solid var(--rule);border-radius:40px;padding:9px 18px;cursor:pointer;transition:.3s var(--ease);}
.refl-chip:hover{border-color:var(--gold);color:var(--cream);}
.refl-chip.active{background:var(--green);border-color:var(--green);color:var(--cream);}
.refl-grid{margin-top:clamp(34px,4vw,52px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.2vw,30px);}
.refl-card{display:flex;flex-direction:column;background:var(--green);border:1px solid var(--rule);border-radius:4px;overflow:hidden;text-decoration:none;transition:border-color .4s var(--ease),transform .4s var(--ease),box-shadow .4s var(--ease);}
.refl-card:hover{border-color:var(--gold);transform:translateY(-5px);box-shadow:0 24px 48px -32px rgba(0,0,0,.7);}
.refl-card-media{position:relative;height:204px;overflow:hidden;}
.refl-card-media image-slot,.refl-card-media .photo{width:100%;height:100%;}
.refl-card-media .refl-audiopill{position:absolute;left:14px;bottom:14px;z-index:3;}
.refl-card-body{padding:clamp(24px,1.8vw,30px);display:flex;flex-direction:column;flex:1;}
.refl-card-body .refl-cat{font-family:var(--sans);font-weight:400;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.refl-card-body h3{font-family:var(--serif);font-weight:400;font-size:clamp(21px,1.7vw,25px);line-height:1.18;color:var(--cream);margin-top:13px;}
.refl-card-body p{font-size:14.5px;color:var(--od-cream-72);line-height:1.62;margin-top:13px;font-weight:300;}
.refl-card-body .refl-meta{margin-top:auto;padding-top:22px;font-family:ui-monospace,monospace;font-size:11.5px;color:var(--mauve);display:flex;gap:10px;}
@media(max-width:920px){.refl-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:600px){.refl-grid{grid-template-columns:1fr;}}

/* ---- Post template (reflection-*.html) ------------------ */
.post-head{background:var(--green);padding:160px 0 64px;position:relative;overflow:hidden;}
.post-head .ph-floral{position:absolute;right:-60px;bottom:-90px;width:min(40vw,440px);aspect-ratio:1;background:url("assets/flower-gold.svg") center/contain no-repeat;opacity:.10;pointer-events:none;}
.post-head .crumb{display:inline-flex;align-items:center;gap:10px;font-family:var(--sans);font-weight:300;font-size:13px;color:var(--od-cream-72);text-decoration:none;margin-bottom:26px;transition:.25s;}
.post-head .crumb:hover{color:var(--gold);}
.post-head .crumb .ar{transition:transform .3s var(--ease);}
.post-head .crumb:hover .ar{transform:translateX(-4px);}
.post-head .p-cat{display:inline-flex;align-items:center;gap:12px;font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.post-head h1{font-family:var(--serif);font-weight:400;font-size:clamp(36px,5.4vw,68px);line-height:1.04;color:var(--cream);max-width:18ch;margin:18px 0 0;}
.post-head h1 em{font-style:italic;color:var(--gold);}
.post-head .p-meta{margin-top:26px;display:flex;flex-wrap:wrap;align-items:center;gap:14px;font-family:ui-monospace,monospace;font-size:12px;color:var(--mauve);}

.lead-plate{height:clamp(300px,46vh,520px);border-radius:3px;margin-top:-30px;position:relative;z-index:2;overflow:hidden;}
.lead-plate image-slot{width:100%;height:100%;}

/* audio sits right under the lead image */
.post-audio{max-width:680px;margin:38px auto 0;}

.article{max-width:680px;margin:52px auto 0;}
.article p{font-size:17.5px;color:var(--ink-72);line-height:1.85;margin-bottom:26px;}
.article p:first-of-type::first-letter{font-family:var(--serif);font-size:64px;line-height:.8;float:left;color:var(--green-lt);padding:6px 14px 0 0;}
.article p b{color:var(--slate);font-weight:500;}
.article p a{color:var(--gold);text-decoration:none;border-bottom:1px solid var(--mauve);}
.article p a:hover{color:var(--cream);border-color:var(--cream);}
.article h2{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,36px);color:var(--slate);line-height:1.2;margin:46px 0 20px;}
.article h2 em{font-style:italic;color:var(--green-lt);}
.article blockquote{margin:40px 0;padding-left:28px;border-left:2px solid var(--gold);font-family:var(--serif);font-style:italic;font-size:clamp(22px,2.8vw,30px);line-height:1.35;color:var(--green-lt);}
.article hr{border:none;height:1px;background:var(--rule);margin:48px 0;}
.article .pullquote{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3.4vw,40px);line-height:1.18;color:var(--slate);text-align:center;max-width:18ch;margin:54px auto;}
.article .pullquote em{font-style:italic;color:var(--green-lt);}

.post-cta{max-width:680px;margin:64px auto 0;background:var(--green);border-radius:2px;padding:48px 50px;text-align:center;}
.post-cta h3{font-family:var(--serif);font-weight:400;font-size:clamp(24px,3vw,32px);color:var(--cream);max-width:24ch;margin:0 auto 10px;}
.post-cta h3 em{font-style:italic;color:var(--gold);}
.post-cta p{font-size:14.5px;color:var(--od-cream-72);max-width:40ch;margin:0 auto 26px;line-height:1.7;}

.author{max-width:680px;margin:64px auto 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:40px 0;display:flex;gap:28px;align-items:center;}
.author .a-plate{flex:none;width:96px;height:96px;border-radius:50%;background:#0E2823 center/cover no-repeat;}
.author .a-k{font-family:var(--sans);font-weight:400;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);margin-bottom:8px;}
.author h4{font-family:var(--serif);font-weight:400;font-size:24px;color:var(--slate);margin-bottom:8px;}
.author p{font-size:14px;color:var(--ink-72);line-height:1.65;}
@media(max-width:560px){.author{flex-direction:column;text-align:center;}}

.related{margin-top:96px;}
.rel-grid{margin-top:34px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px;}
.rel{border:1px solid var(--rule);border-radius:2px;background:var(--green);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;transition:border-color .4s var(--ease),transform .4s var(--ease);}
.rel:hover{border-color:var(--gold);transform:translateY(-4px);}
.rel .rel-plate{height:150px;}
.rel .rel-body{padding:24px;}
.rel .rel-cat{font-family:var(--sans);font-weight:400;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold);}
.rel h4{font-family:var(--serif);font-weight:400;font-size:20px;line-height:1.22;color:var(--cream);margin-top:12px;}
@media(max-width:760px){.rel-grid{grid-template-columns:1fr;}}

/* ---- Dynamic card images (CMS-driven <img> fills like image-slot) ---- */
.refl-feat-media img,.refl-card-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}
.rel .rel-plate{position:relative;overflow:hidden;}
.rel .rel-plate img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;}

/* ---- Blog comments ---- */
.post-comments{max-width:680px;margin:64px auto 0;padding-bottom:80px;}
.comments-heading{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,36px);color:var(--slate);margin-bottom:32px;line-height:1.2;}
.comments-heading em{font-style:italic;color:var(--green-lt);}
.comment-form{display:flex;flex-direction:column;gap:16px;}
.cf-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.comment-form input,.comment-form textarea{font-family:var(--sans);font-size:15px;font-weight:300;color:var(--slate);background:var(--white);border:1px solid var(--rule);border-radius:2px;padding:14px 18px;width:100%;box-sizing:border-box;transition:border-color .25s;outline:none;}
.comment-form input:focus,.comment-form textarea:focus{border-color:var(--gold);}
.comment-form textarea{min-height:140px;resize:vertical;}
.comment-form .btn{align-self:flex-start;margin-top:8px;}
@media(max-width:560px){.cf-row{grid-template-columns:1fr;}}

/* Comment thank-you */
.comment-thanks{font-family:var(--sans);font-weight:300;font-size:17px;line-height:1.85;color:var(--od-cream-72,rgba(247,242,234,.72));text-align:center;padding:2rem 0;}

/* Approved comments display */
.comments-subhead{font-family:var(--serif);font-weight:400;font-size:1.35rem;color:var(--cream);margin:48px 0 24px;padding-top:40px;border-top:1px solid var(--rule);}
.comment-item{padding:20px 0;border-bottom:1px solid var(--rule);}
.comment-item:last-child{border-bottom:none;}
.comment-meta{display:flex;align-items:baseline;gap:12px;margin-bottom:8px;}
.comment-author{font-family:var(--sans);font-weight:500;font-size:15px;color:var(--cream);}
.comment-date{font-family:var(--sans);font-weight:300;font-size:13px;color:var(--od-cream-55,rgba(247,242,234,.55));}
.comment-body{font-family:var(--sans);font-weight:300;font-size:15px;line-height:1.7;color:var(--od-cream-72,rgba(247,242,234,.72));margin:0;}