/* otherhalf-sub.css — internal pages, restyled to match the home (otherhalf-home.css).
   Loads AFTER otherhalf-home.css, which supplies the palette tokens, header, footer,
   .wrap, .pill, .mono-link, ::selection, etc. This file only styles page-body content. */

/* kill the old grain/dark theme so pages sit on paper like the home */
.grain{display:none!important}
body.internal-page,body.blog-index,body.resources-page{background-color:#FFFAF2;color:var(--ink);font-family:var(--sans)}
main{display:block}
*{font-style:normal!important}

/* text-selection rule: yellow backgrounds get a blue highlight with white text */
.section.yellow ::selection,.oh-close-sub ::selection{background:var(--blue);color:#fff}
.section.yellow ::-moz-selection,.oh-close-sub ::-moz-selection{background:var(--blue);color:#fff}

/* ---------- section colour rhythm (like the home) ---------- */
.section.tint{background:var(--tint)}
.section.yellow{background:var(--yellow)}
.section.pink{background:var(--pink)}
.section.paper{background:var(--paper)}
.section.blue{background:var(--blue);color:#fff}
.section.blue .eyebrow,.section.blue .side-note{color:#fff}
.section.blue .prose p,.section.blue .section-head p{color:rgba(255,255,255,.85)}
.section.blue .prose strong,.section.blue .prose h2,.section.blue h2{color:#fff}
.section.ink{background:var(--ink);color:#fff}
.section.ink .eyebrow,.section.ink .side-note{color:var(--yellow)}
.section.ink .prose p,.section.ink .section-head p{color:rgba(255,255,255,.82)}
.section.ink .prose h2,.section.ink h2,.section.ink .prose strong{color:#fff}
.section.blue .btn{background:#fff;color:var(--blue);border-color:#fff}
.section.blue .btn:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.section.blue .btn-out{color:#fff;border-color:rgba(255,255,255,.6)}
.section.blue .btn-out:hover{background:#fff;color:var(--blue);border-color:#fff}
.section.blue .prose a:not(.btn){color:#fff}

/* ---------- two-column hero with image (like the home hero) ---------- */
.sub-hero{background:var(--blue);color:#fff}
.sub-hero .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.sub-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(22.95px,4.25vw,61.2px);align-items:center;min-height:clamp(321.3px,51vh,489.6px)}
.sub-hero-copy{padding:clamp(30.6px,5.1vw,61.2px) 0}
.sub-hero-copy .mono{color:#fff;opacity:.85;display:block;margin-bottom:13.77px}
.sub-hero-copy h1{font-family:var(--sans);font-weight:500;font-size:clamp(26.01px,3.74vw,50.49px);line-height:1;letter-spacing:-.04em;margin:0;max-width:16ch}
.sub-hero-copy p{font-size:clamp(13.005px,1.19vw,16.83px);line-height:1.45;color:rgba(255,255,255,.9);max-width:46ch;margin:18.36px 0 0}
.sub-hero-copy .cta{margin-top:22.95px}
.sub-hero-copy .btn{background:#fff;color:var(--blue);border-color:#fff}
.sub-hero-copy .btn:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.sub-hero-copy .btn-out{color:#fff;border-color:rgba(255,255,255,.7)}
.sub-hero-copy .btn-out:hover{background:#fff;color:var(--blue);border-color:#fff}
.sub-hero-img{align-self:stretch;min-height:100%;overflow:hidden}
.sub-hero-img img{width:100%;height:100%;min-height:clamp(244.8px,51vh,489.6px);object-fit:cover;display:block}
@media(max-width:860px){
  .sub-hero-grid{grid-template-columns:1fr;gap:0;min-height:0}
  .sub-hero-copy{padding:clamp(26.01px,6.8vw,41.31px) 0 0}
  .sub-hero-img img{min-height:47.6vh;margin-top:clamp(21.42px,5.1vw,33.66px)}
}

/* ---------- section rhythm (match the home: generous, even padding) ---------- */
.section{padding:clamp(48.96px,7.65vw,108.63px) 0}
.page-hero,.blog-hero{padding:clamp(48.96px,7.65vw,114.75px) 0 clamp(22.95px,3.4vw,42.84px)}

/* full-bleed image beside text — image touches the section edge, section height = content */
.flush-sec{overflow:hidden;padding:0!important}
.flush{display:grid;grid-template-columns:1.04fr .96fr;align-items:stretch;gap:clamp(25.2px,4vw,57.6px)}
.flush .copy{padding:clamp(36px,5.5vw,72px) 0 clamp(36px,5.5vw,72px) var(--pad);max-width:56ch}
.flush-img{align-self:stretch;overflow:hidden}
.flush-img img{width:100%;height:100%;object-fit:cover;display:block;min-height:clamp(252px,38vw,432px)}
.flush.reverse .copy{padding-left:0;padding-right:var(--pad)}
.flush.reverse .flush-img{order:-1}
@media(max-width:860px){.flush{grid-template-columns:1fr;gap:0}.flush .copy,.flush.reverse .copy{padding:clamp(25.2px,7vw,39.6px) var(--pad) 0}.flush-img img{min-height:60vw}}

/* text + image split, like the home's two-column blocks */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(26.01px,4.25vw,67.32px);align-items:center}
.split .prose{max-width:52ch}
.split-img{border-radius:6.12px;overflow:hidden;background:var(--tint);aspect-ratio:4/5}
.split-img img{width:100%;height:100%;object-fit:cover;display:block}
.split.reverse .split-img{order:-1}
@media(max-width:860px){.split{grid-template-columns:1fr;gap:24.48px}.split.reverse .split-img{order:0}}
.page-hero .wrap,.blog-hero .wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.page-hero h1,.blog-hero h1{font-family:var(--sans);font-weight:500;font-size:clamp(29.07px,5.1vw,70.38px);line-height:.98;letter-spacing:-.045em;max-width:18ch;margin:10.71px 0 0}
.page-hero p,.blog-hero p{font-size:clamp(13.005px,1.275vw,16.83px);color:var(--ink-soft);max-width:52ch;margin-top:16.83px;line-height:1.5}

/* eyebrows / small labels */
.eyebrow,.side-note,.faq-category-label,.kick{font-family:var(--sans);font-size:9.18px;font-weight:600;letter-spacing:0.117em;text-transform:uppercase;color:var(--blue)}

/* ---------- two-column content grid ---------- */
.content-grid{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(21.42px,4.25vw,68.85px);align-items:start}
.content-grid .side-note{padding-top:6.12px}
.prose{max-width:70ch}
.prose h2,.section-head h2,h2.display,.display{font-family:var(--sans);font-weight:500;font-size:clamp(22.95px,3.74vw,50.49px);line-height:1;letter-spacing:-.04em;margin:0 0 16.83px}
.prose h3{font-size:clamp(15.3px,1.7vw,21.42px);font-weight:600;letter-spacing:-.01em;margin:22.95px 0 7.65px}
.prose p{font-size:clamp(12.24px,1.062vw,14.535px);line-height:1.55;color:var(--ink-soft);margin:0 0 13.77px}
.prose p.lead{font-size:clamp(15.3px,1.7vw,22.95px);line-height:1.35;color:var(--ink)}
.prose strong{color:var(--ink);font-weight:600}
.prose a:not(.btn){color:var(--ink);text-decoration:underline;text-underline-offset:2.7px}
.prose a:not(.btn):hover{color:var(--blue)}
.content-photo{margin:22.95px 0 0;border-radius:6.12px;overflow:hidden;background:var(--tint)}
.content-photo img{width:100%;display:block}

/* section head (label + heading/intro) */
.section-head{display:grid;grid-template-columns:minmax(0,.32fr) minmax(0,1fr);gap:clamp(21.42px,4.25vw,68.85px);align-items:start;margin-bottom:clamp(22.95px,3.4vw,45.9px)}
.section-head>div>p,.section-head p{font-size:clamp(13.005px,1.19vw,16.065px);color:var(--ink-soft);line-height:1.5;margin-top:12.24px;max-width:52ch}

/* ---------- callouts ---------- */
.callout{background:var(--tint);border-radius:7.65px;padding:clamp(18.36px,2.55vw,30.6px);margin-top:22.95px}
.callout h2,.callout h3{margin-top:0;font-weight:500}
.callout p{color:var(--ink-soft)}
.callout.coral{background:var(--yellow)}
.callout.coral p{color:var(--ink)}

/* ---------- price / offer cards ---------- */
.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13.77px;align-items:stretch}
.price-card{background:#fff;border:0.9px solid var(--line);border-radius:9.18px;padding:clamp(19.89px,2.55vw,32.13px);display:flex;flex-direction:column}
.price-card .eyebrow{margin-bottom:10.71px}
.price-card h3{font-size:clamp(16.83px,1.87vw,22.95px);font-weight:500;letter-spacing:-.01em;margin:0 0 9.18px}
.price-card .amount{font-size:clamp(26.01px,3.4vw,42.84px);font-weight:500;letter-spacing:-.03em;line-height:1;margin:0 0 12.24px;color:var(--blue)}
.price-card p{font-size:11.475px;line-height:1.5;color:var(--ink-soft);margin:0 0 13.77px}
.price-card .btn{margin-top:auto;align-self:flex-start}
.price-card.featured{background:var(--blue);border-color:var(--blue);color:#fff}
.price-card.featured .eyebrow{color:#fff}
.price-card.featured .amount{color:#fff}
.price-card.featured p{color:rgba(255,255,255,.85)}
.price-card.featured .btn{background:#fff;color:var(--blue);border-color:#fff}
.price-card.featured .btn:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.access-note{max-width:min(684px,74%);margin:clamp(21.42px,2.89vw,35.19px) auto 0;background:var(--yellow);border-radius:10.71px;padding:clamp(18.36px,2.55vw,29.07px);font-size:12.24px;line-height:1.6;text-align:center}
.access-note strong{display:block;font-size:clamp(14.535px,1.53vw,18.36px);font-weight:600;margin-bottom:6.12px}
.access-note a{color:var(--ink);text-decoration:underline;text-underline-offset:2.7px}
@media(max-width:700px){.access-note{max-width:100%}}

/* ---------- offer accordion ---------- */
.offer-list{margin-top:7.65px;border-top:0.9px solid var(--line)}
.offer-row{border-bottom:0.9px solid var(--line)}
.offer-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:15.3px;background:none;border:0;cursor:pointer;padding:15.3px 0;font-family:var(--sans);font-size:clamp(12.24px,1.275vw,16.065px);font-weight:500;color:var(--ink);text-align:left}
.offer-toggle:hover{color:var(--blue)}
.offer-body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.offer-row.open .offer-body{max-height:306px}
.offer-body>div{padding:0 0 16.83px}
.offer-body p{font-size:11.475px;line-height:1.55;color:var(--ink-soft)}

/* ---------- method strip ---------- */
.method-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10.71px}
.method-step{background:var(--tint);border-radius:7.65px;padding:clamp(15.3px,1.7vw,22.95px)}
.method-step b{display:block;font-size:clamp(22.95px,2.55vw,35.19px);font-weight:500;color:var(--blue);line-height:1;margin-bottom:9.18px}
.method-step h3{font-size:clamp(13.005px,1.275vw,16.83px);font-weight:600;margin:0 0 6.12px}
.method-step p{font-size:10.71px;line-height:1.45;color:var(--ink-soft);margin:0}

/* ---------- stats ---------- */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:13.77px}
.stat{background:var(--tint);border-radius:9.18px;padding:clamp(19.89px,2.55vw,33.66px)}
.stat.big{background:var(--blue);color:#fff}
.stat strong{display:block;font-size:clamp(42.84px,6.8vw,91.8px);font-weight:500;letter-spacing:-.05em;line-height:.85;margin-bottom:10.71px}
.stat p{font-size:11.475px;line-height:1.45;color:var(--ink-soft);margin:0}
.stat.big p{color:rgba(255,255,255,.9)}

/* ---------- buttons ---------- */
.btn,.btn-fill,.btn-out{display:inline-flex;align-items:center;gap:6.12px;font-family:var(--sans);font-size:9.18px;font-weight:600;letter-spacing:0.099em;text-transform:uppercase;padding:10.71px 19.89px;border-radius:76.5px;border:0.9px solid var(--blue);background:var(--blue);color:#fff;transition:.18s;cursor:pointer}
.btn:hover,.btn-fill:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.btn.dark{background:var(--ink);border-color:var(--ink)}
.btn.dark:hover{background:var(--yellow);color:var(--ink);border-color:var(--yellow)}
.btn-out{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn-out:hover{background:var(--ink);color:#fff}
.cta{display:flex;gap:10.71px;flex-wrap:wrap;margin-top:19.89px}

/* ---------- blog index ---------- */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13.77px}
.blog-card{display:flex;flex-direction:column;background:#fff;border:0.9px solid var(--line);border-radius:9.18px;overflow:hidden;transition:.18s}
.blog-card:hover{border-color:var(--blue)}
.blog-card .blog-art{aspect-ratio:16/10;background:var(--blue);color:#fff;display:flex;align-items:flex-end;padding:15.3px;font-family:var(--sans);font-weight:500;font-size:clamp(13.77px,1.36vw,18.36px);letter-spacing:-.01em}
.blog-card.featured{grid-column:span 2}
.blog-card.featured .blog-art{background:var(--ink)}
.blog-copy{padding:16.83px 18.36px 19.89px}
.blog-meta{font-size:8.415px;letter-spacing:0.09em;text-transform:uppercase;color:var(--blue);margin:0 0 9.18px}
.blog-card h2{font-family:var(--sans);font-weight:500;font-size:clamp(14.535px,1.445vw,19.125px);line-height:1.12;letter-spacing:-.02em;margin:0 0 9.18px}
.blog-card p{font-size:10.71px;line-height:1.5;color:var(--ink-soft);margin:0}

/* ---------- resources list ---------- */
.rescat{max-width:var(--wrap);margin:clamp(30.6px,3.825vw,50.49px) auto 0;padding:0 var(--pad)}
.rhead{display:flex;align-items:baseline;gap:10.71px;flex-wrap:wrap;margin:0 0 15.3px;padding-bottom:10.71px;border-bottom:0.9px solid var(--line)}
.rhead h3{font-family:var(--sans);font-weight:600;font-size:clamp(15.3px,1.87vw,22.95px);letter-spacing:-.02em;margin:0}
.rhead .note{color:var(--ink-soft)}
.reslist{display:grid;grid-template-columns:repeat(3,1fr);gap:9.18px}
.resitem{display:flex;flex-direction:column;align-items:flex-start;gap:4.59px;padding:13.77px 15.3px;background:#fff;border:0.9px solid var(--line);border-radius:10.71px;min-height:74.97px;transition:.16s}
a.resitem{cursor:pointer}
a.resitem:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 10.8px 27px rgba(8,19,33,.07)}
.resitem b{display:block;font-weight:600;color:var(--ink);font-size:11.475px;line-height:1.25}
.resitem>span{display:block;color:var(--ink-soft);font-size:9.945px;line-height:1.45}
.resitem .tag{margin-top:auto;font-size:7.65px;font-weight:600;letter-spacing:0.063em;text-transform:uppercase;color:var(--blue);background:var(--tint);padding:3.06px 7.65px;border-radius:76.5px;line-height:1.3}
@media(max-width:900px){.reslist{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.reslist{grid-template-columns:1fr}}

/* ---------- faq ---------- */
.faq-category{margin-top:clamp(22.95px,3.4vw,41.31px)}
.faq-q{width:100%;text-align:left;background:none;border:0;border-bottom:0.9px solid var(--line);padding:15.3px 0;font-family:var(--sans);font-size:clamp(12.24px,1.19vw,15.3px);font-weight:500;color:var(--ink);cursor:pointer}
.faq-q:hover{color:var(--blue)}

/* ---------- big centred text hero ---------- */
.center-hero{padding:clamp(55.08px,9.35vw,128.52px) 0 clamp(38.25px,5.95vw,79.56px);text-align:center}
.center-hero .mono{color:var(--blue);display:block;margin-bottom:16.83px}
.center-hero h1{font-family:var(--sans);font-weight:500;font-size:clamp(24.48px,4.08vw,56.61px);line-height:1.05;letter-spacing:-.04em;margin:0 auto}
.center-hero h1 .ln{white-space:nowrap}
.center-hero p{font-size:clamp(13.77px,1.317vw,17.595px);color:var(--ink-soft);max-width:50ch;margin:21.42px auto 0;line-height:1.5}
.center-hero .cta{justify-content:center;margin-top:26.01px}
@media(max-width:600px){.center-hero h1 .ln{white-space:normal}.center-hero h1{font-size:clamp(21.42px,6.8vw,30.6px)}}

/* ---------- centred section head ---------- */
.section-head.center{display:block;text-align:center;margin-bottom:clamp(22.95px,3.4vw,41.31px)}
.section-head.center>div{max-width:none}
.section-head.center p{margin-left:auto;margin-right:auto}

/* ---------- sound-familiar split (text left, tags right) ---------- */
.tagsplit{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(22.95px,4.25vw,61.2px);align-items:start}
.tagsplit .copy h2{font-size:clamp(18.36px,2.38vw,30.6px);font-weight:500;letter-spacing:-.025em;line-height:1.05;margin:10.71px 0 0}
.tagsplit .copy p{font-size:clamp(11.475px,1.02vw,13.77px);line-height:1.5;color:var(--ink);margin:13.77px 0 0;max-width:40ch}
@media(max-width:820px){.tagsplit{grid-template-columns:1fr;gap:19.89px}}

/* ---------- sound-familiar: flush image left, text + tags right ---------- */
.familiar-sec{background:var(--yellow);overflow:hidden}
.familiar-sec ::selection{background:var(--blue);color:#fff}
.familiar-sec ::-moz-selection{background:var(--blue);color:#fff}
.familiar{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:clamp(21.42px,3.4vw,50.49px)}
.familiar-img{align-self:stretch}
.familiar-img img{width:100%;height:100%;object-fit:cover;min-height:clamp(275.4px,39.1vw,459px);display:block}
.familiar .content{padding:clamp(30.6px,5.1vw,67.32px) var(--pad) clamp(30.6px,5.1vw,67.32px) 0}
.familiar .content .eyebrow{display:block;margin-bottom:9.18px}
.familiar .content h2{font-size:clamp(19.89px,2.55vw,33.66px);font-weight:500;letter-spacing:-.03em;line-height:1.05;margin:0}
.familiar .content>p{font-size:clamp(12.24px,1.105vw,14.535px);line-height:1.5;color:var(--ink);margin:12.24px 0 19.89px;max-width:46ch}
@media(max-width:820px){.familiar{grid-template-columns:1fr}.familiar-img img{min-height:47.6vw}.familiar .content{padding:clamp(21.42px,5.95vw,33.66px) var(--pad)}}

/* ---------- the arc: sticky title + stacking step cards (CRAFT) ---------- */
.arc-card .letter{font-size:clamp(22.95px,2.55vw,35.19px);font-weight:500;color:var(--blue);line-height:1;margin-bottom:4.59px}
.arc{display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(22.95px,4.25vw,61.2px);align-items:start}
.arc-head{position:sticky;top:91.8px}
.arc-head h2{font-size:clamp(22.95px,3.4vw,44.37px);font-weight:500;letter-spacing:-.035em;line-height:1;margin:10.71px 0 0}
.arc-head p{font-size:clamp(11.475px,1.02vw,13.77px);color:var(--ink-soft);line-height:1.5;margin:13.77px 0 0;max-width:34ch}
.arc-steps{display:flex;flex-direction:column;gap:13.77px}
.arc-sec{background:var(--tint)}
.arc-card{position:sticky;top:91.8px;background:#fff;border:0.9px solid var(--line);border-radius:12.24px;padding:clamp(18.36px,2.38vw,30.6px);box-shadow:0 -2px 27px rgba(8,19,33,.08)}
.arc-card:nth-child(1){top:85.68px}
.arc-card:nth-child(2){top:96.39px}
.arc-card:nth-child(3){top:107.1px}
.arc-card:nth-child(4){top:117.81px}
.arc-card:nth-child(5){top:128.52px}
.arc-card:nth-child(6){top:139.23px}
.arc-card .n{font-size:9.18px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--blue)}
.arc-card h3{font-size:clamp(15.3px,1.7vw,21.42px);font-weight:500;letter-spacing:-.01em;margin:7.65px 0 0}
.arc-card p{font-size:11.475px;line-height:1.55;color:var(--ink-soft);margin:9.18px 0 0;max-width:52ch}
.arc-card .q{margin:10.71px 0 0;font-size:10.71px;line-height:1.5;color:var(--ink)}
.arc-card .q b{color:var(--blue);font-weight:600}
@media(max-width:820px){
  .arc{grid-template-columns:1fr;gap:18.36px}
  .arc-head{position:static}
  .arc-card{position:static}
}

/* ---------- compact band (e.g. sound-familiar tags) ---------- */
.section.compact{padding:clamp(26.01px,4.25vw,45.9px) 0}
.tagline-head{margin-bottom:15.3px}
.tagline-head .eyebrow{display:block;margin-bottom:7.65px}
.tagline-head h2{font-size:clamp(15.3px,1.87vw,22.95px);font-weight:500;letter-spacing:-.02em;margin:0;max-width:26ch}
.section.compact .oh-block-tags span{padding:5.355px 8.415px;font-size:clamp(9.18px,0.807vw,10.71px)}

/* ---------- journey steps ---------- */
.journey{display:grid;grid-template-columns:repeat(4,1fr);gap:12.24px}
.journey .step{background:#fff;border-radius:9.18px;padding:clamp(16.83px,2.04vw,24.48px);display:flex;flex-direction:column;gap:9.18px}
.journey .step .n{font-size:9.18px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--blue)}
.journey .step h3{font-size:clamp(13.77px,1.36vw,17.595px);font-weight:500;letter-spacing:-.01em;margin:0}
.journey .step p{font-size:10.71px;line-height:1.5;color:var(--ink-soft);margin:0}
@media(max-width:900px){.journey{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.journey{grid-template-columns:1fr}}

/* ---------- support / value trio ---------- */
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:13.77px}
.trio.two{grid-template-columns:1fr 1fr;max-width:900px;margin:0 auto}
.trio .card{background:#fff;border:0.9px solid var(--line);border-radius:10.71px;padding:clamp(19.89px,2.55vw,32.13px);display:flex;flex-direction:column;gap:9.18px}
.trio .card h3{font-size:clamp(16.83px,1.87vw,22.95px);font-weight:600;letter-spacing:-.015em;margin:0;color:var(--ink)}
.trio .card p{font-size:11.475px;line-height:1.5;color:var(--ink-soft);margin:0}
.trio .card.hl{background:var(--blue);border-color:var(--blue)}
.trio .card.hl h3{color:#fff}
.trio .card.hl p{color:rgba(255,255,255,.9)}
@media(max-width:820px){.trio,.trio.two{grid-template-columns:1fr}}

/* stronger "what you leave with" cards */
.leave .card{align-items:flex-start}
.leave .card .n{width:30.6px;height:26.01px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font-size:11.475px;font-weight:600}
.leave .card h3{font-size:clamp(18.36px,2.21vw,26.01px)}

/* ---------- faq accordion ---------- */
.faq-list{max-width:792px;margin:0 auto;border-top:0.9px solid var(--line)}
.faq-item{border-bottom:0.9px solid var(--line)}
.faq-item .faq-q{width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:16.83px 0;font-family:var(--sans);font-size:clamp(13.005px,1.36vw,16.83px);font-weight:500;color:var(--ink);display:flex;justify-content:space-between;gap:15.3px;align-items:center}
.faq-item .faq-q::after{content:"+";font-size:18.36px;color:var(--blue);line-height:1}
.faq-item.open .faq-q::after{content:"–"}
.faq-item .faq-q:hover{color:var(--blue)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:244.8px}
.faq-a p{padding:0 0 16.83px;font-size:11.475px;line-height:1.55;color:var(--ink-soft);margin:0;max-width:74ch}

/* ---------- 7+1 map hero-lead ---------- */
.blockmap-sec{padding-top:clamp(43.2px,6.5vw,93.6px)}
.blockmap-head{margin:0 0 clamp(25.2px,3.6vw,46.8px);max-width:64ch}
.blockmap-head .mono{color:var(--blue);display:block;margin-bottom:11.7px}
.blockmap-head h1{font-family:var(--sans);font-weight:500;font-size:clamp(36px,6vw,82.8px);line-height:.94;letter-spacing:-.045em;margin:0}
.blockmap-head p{font-size:clamp(14.4px,1.35vw,18.9px);color:var(--ink-soft);line-height:1.5;margin:16.2px 0 0;max-width:62ch}
.blockmap.big a{min-height:clamp(171px,19vw,252px);padding:clamp(21.6px,2.4vw,30.6px)}
.blockmap.big h3{font-size:clamp(19.8px,2.1vw,27.9px)}
.blockmap.big .sci{font-size:10.8px}
.blockmap.big p{font-size:13.5px}
.blockmap.big .arr{font-size:21.6px}

/* ---------- 7+1 block map grid ---------- */
.blockmap{display:grid;grid-template-columns:repeat(4,1fr);gap:10.71px}
.blockmap a{display:flex;flex-direction:column;gap:6.12px;background:#fff;border:0.9px solid var(--line);border-radius:12.24px;padding:clamp(15.3px,1.7vw,22.95px);transition:.16s;min-height:160.65px}
.blockmap a:hover{border-color:var(--blue);transform:translateY(-3px);box-shadow:0 12.6px 36px rgba(8,19,33,.08)}
.blockmap .sci{font-size:8.415px;letter-spacing:0.108em;text-transform:uppercase;color:var(--blue)}
.blockmap h3{font-size:clamp(13.77px,1.36vw,17.595px);font-weight:600;letter-spacing:-.015em;margin:1.53px 0 0;color:var(--ink)}
.blockmap p{font-size:10.71px;line-height:1.45;color:var(--ink-soft);margin:0}
.blockmap .arr{margin-top:auto;color:var(--blue);font-size:15.3px;line-height:1}
.blockmap a.plus1{background:var(--ink);border-color:var(--ink)}
.blockmap a.plus1 .sci{color:var(--yellow)}
.blockmap a.plus1 h3{color:#fff}
.blockmap a.plus1 p{color:rgba(255,255,255,.82)}
.blockmap a.plus1 .arr{color:var(--yellow)}
@media(max-width:900px){.blockmap{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.blockmap{grid-template-columns:1fr}}

/* closing CTA band (like home .oh-close) */
.oh-close-sub{background:var(--yellow);text-align:center;padding:clamp(48.96px,8.5vw,114.75px) 0}
.oh-close-sub h2{font-family:var(--sans);font-weight:500;font-size:clamp(29.07px,5.95vw,84.15px);line-height:.9;letter-spacing:-.05em;max-width:16ch;margin:0 auto}
.oh-close-sub .cta{justify-content:center;margin-top:clamp(21.42px,3.4vw,36.72px)}

/* ---------- resources page ---------- */
.resources-page main>section,.blog-index main>section{padding-left:0;padding-right:0}
.panel{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.phero{margin:clamp(18.36px,2.55vw,33.66px) auto 0}
.panel.p-blue{background:var(--blue);color:#fff;border-radius:12.24px;padding:clamp(30.6px,5.1vw,61.2px)}
.phero .kick{color:#fff}
.disp{font-family:var(--sans);font-weight:500;font-size:clamp(22.95px,3.74vw,48.96px);letter-spacing:-.04em;line-height:1;margin:10.71px 0 0}
.phero p{color:rgba(255,255,255,.9);max-width:62ch;margin:13.77px 0 0;font-size:clamp(12.24px,1.105vw,15.3px);line-height:1.5}
.rescat{max-width:var(--wrap);margin-left:auto;margin-right:auto;padding:0 var(--pad)}

/* ---------- factors: fixed vs movable columns + pull quote ---------- */
.pullquote{font-family:var(--sans);font-weight:500;font-size:clamp(18.9px,2.5vw,32.4px);line-height:1.2;letter-spacing:-.02em;max-width:26ch;margin:0 0 clamp(25.2px,3.6vw,45px);color:var(--ink)}
.pullquote cite{display:block;font-size:11.25px;font-weight:600;letter-spacing:0.063em;text-transform:uppercase;color:var(--blue);margin-top:13.5px}
.terrain-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16.2px,2.6vw,30.6px)}
.tcol{display:flex;flex-direction:column;gap:10.8px}
.tcol>.eyebrow{margin-bottom:4.5px}
.tcard{background:#fff;border:0.9px solid var(--line);border-radius:12.6px;padding:clamp(18px,2.2vw,27px)}
.tcol.movable .tcard{background:var(--blue);border-color:var(--blue)}
.tcol.movable .tcard h3{color:#fff}
.tcol.movable .tcard p{color:rgba(255,255,255,.9)}
.tcard h3{font-size:clamp(16.2px,1.7vw,21.6px);font-weight:600;margin:0 0 6.3px;color:var(--ink)}
.tcard p{font-size:12.6px;line-height:1.5;color:var(--ink-soft);margin:0}
@media(max-width:760px){.terrain-cols{grid-template-columns:1fr}}

/* credentials chips */
.creds{display:flex;flex-wrap:wrap;gap:7.65px;margin:15.3px 0 18.36px}
.creds span{font-size:9.18px;letter-spacing:0.045em;text-transform:uppercase;padding:6.12px 10.71px;border:0.9px solid var(--blue);border-radius:76.5px;color:var(--blue)}

/* misc */
.note{font-size:9.945px;color:var(--ink-soft)}
.statement{font-family:var(--sans);font-weight:500;font-size:clamp(22.95px,3.74vw,50.49px);line-height:1.02;letter-spacing:-.03em}
.reveal{opacity:1!important;transform:none!important}

/* ---------- responsive ---------- */
@media(max-width:900px){
  .content-grid,.section-head{grid-template-columns:1fr}
  .price-grid,.stats{grid-template-columns:1fr}
  .method-strip{grid-template-columns:1fr 1fr}
  .blog-grid{grid-template-columns:1fr 1fr}
  .blog-card.featured{grid-column:span 2}
}
@media(max-width:600px){
  .method-strip,.blog-grid{grid-template-columns:1fr}
  .blog-card.featured{grid-column:span 1}
  .resitem{flex-direction:column;gap:4.59px}
}

/* ---------- references appendix ---------- */
.ref-note{max-width:738px;margin:0 0 clamp(19.8px,3vw,32.4px);font-size:clamp(12.6px,1.1vw,14.4px);line-height:1.6;color:var(--ink-soft)}
ol.refs{max-width:810px;margin:0;padding:0;list-style:none;counter-reset:ref}
ol.refs li{counter-increment:ref;position:relative;padding:11.7px 0 11.7px 37.8px;border-top:0.9px solid var(--line);font-size:12.15px;line-height:1.55;color:var(--ink-soft)}
ol.refs li::before{content:counter(ref);position:absolute;left:0;top:11.7px;font-size:9.9px;font-weight:600;color:var(--blue);letter-spacing:0.036em}
ol.refs li b{color:var(--ink);font-weight:600}
sup.cite{font-size:0.558em;font-weight:600;color:var(--blue);vertical-align:super;margin-left:0.9px}
.section.blue sup.cite{color:#fff}

/* ---------- references slide-in panel ---------- */
.refbar-wrap{border-top:0.9px solid var(--line)}
.refbar{display:flex;align-items:center;gap:9px;width:100%;max-width:var(--wrap);margin:0 auto;padding:16.2px var(--pad);background:none;border:0;cursor:pointer;font-family:var(--sans);font-size:11.7px;font-weight:600;letter-spacing:0.072em;text-transform:uppercase;color:var(--ink);text-align:left}
.refbar:hover{color:var(--blue)}
.refbar .arr{margin-left:auto;transition:transform .25s ease}
.refscrim{position:fixed;inset:0;background:rgba(8,19,33,.5);opacity:0;visibility:hidden;transition:opacity .3s ease;z-index:60}
.refscrim.open{opacity:1;visibility:visible}
.refpanel{position:fixed;top:0;right:0;height:100%;width:min(46%,468px);background:var(--ink);color:#fff;transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.1,1);z-index:61;overflow-y:auto;box-shadow:-24px 0 54px rgba(0,0,0,.3)}
.refpanel.open{transform:translateX(0)}
.refpanel-inner{padding:clamp(25.2px,4vw,46.8px)}
.refpanel h3{font-family:var(--sans);font-weight:500;font-size:clamp(19.8px,2.4vw,28.8px);letter-spacing:-.02em;margin:0 0 5.4px;color:#fff}
.refpanel .refpanel-note{font-size:12.15px;line-height:1.6;color:rgba(255,255,255,.7);margin:0 0 23.4px;max-width:42ch}
.refpanel-close{position:absolute;top:18px;right:19.8px;background:none;border:0;color:rgba(255,255,255,.75);font-family:var(--sans);font-size:10.8px;font-weight:600;letter-spacing:0.072em;text-transform:uppercase;cursor:pointer}
.refpanel-close:hover{color:var(--yellow)}
.refpanel ol.refs{max-width:none}
.refpanel ol.refs li{border-top:0.9px solid rgba(255,255,255,.14);color:rgba(255,255,255,.72);padding-left:39.6px}
.refpanel ol.refs li::before{color:var(--yellow)}
.refpanel ol.refs li b{color:#fff}
@media(max-width:860px){.refpanel{width:88%}}

/* CRAFT deep step list */
.craft-list{display:grid;gap:0;margin-top:5.4px}
.craft-list .cstep{display:grid;grid-template-columns:auto 1fr;gap:clamp(14.4px,3vw,39.6px);padding:clamp(21.6px,3vw,37.8px) 0;border-top:0.9px solid var(--line)}
.craft-list .cstep .cletter{font-family:var(--sans);font-weight:600;font-size:clamp(28.8px,4vw,52.2px);line-height:1;color:var(--blue)}
.craft-list .cstep h3{font-size:clamp(16.2px,1.7vw,22.5px);font-weight:600;margin:0 0 9px;letter-spacing:-.01em;color:var(--ink)}
.craft-list .cstep p{max-width:64ch;margin:0 0 10.8px;color:var(--ink-soft);font-size:clamp(12.6px,1.05vw,14.85px);line-height:1.6}
.craft-list .cstep .clink{display:inline-block;font-family:var(--sans);font-size:11.25px;font-weight:600;letter-spacing:0.018em;color:var(--blue);text-decoration:none;border-bottom:0.9px solid currentColor;padding-bottom:0.9px}
.craft-list .cstep .clink:hover{color:var(--ink)}
@media(max-width:640px){.craft-list .cstep{grid-template-columns:1fr;gap:7.2px}}

/* evidence stat cards */
.statnum{font-family:var(--sans);font-weight:600;font-size:clamp(30.6px,4.5vw,54px);line-height:1;letter-spacing:-.03em;color:var(--blue);margin:0 0 5.4px}
.section.blue .statnum{color:#fff}
.card .statsrc{display:block;margin-top:10.8px;font-size:10.35px;line-height:1.45;color:var(--ink-soft)}
.section.blue .card .statsrc{color:rgba(255,255,255,.7)}

/* factors: coloured terrain columns (left blue / right yellow) */
.terrain-cols .tcol{border-radius:14.4px;padding:clamp(18px,2.4vw,28.8px);background:var(--blue)}
.terrain-cols .tcol.movable{background:var(--yellow)}
.terrain-cols .tcol>.eyebrow{color:#fff}
.terrain-cols .tcol.movable>.eyebrow{color:var(--ink)}
.terrain-cols .tcol .tcard{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}
.terrain-cols .tcol .tcard h3{color:#fff}
.terrain-cols .tcol .tcard p{color:rgba(255,255,255,.85)}
.terrain-cols .tcol.movable .tcard{background:rgba(255,255,255,.6);border-color:rgba(0,0,0,.08)}
.terrain-cols .tcol.movable .tcard h3{color:var(--ink)}
.terrain-cols .tcol.movable .tcard p{color:var(--ink-soft)}

/* 7+1 expanded block doors */
.doors{display:grid;gap:clamp(12.6px,1.6vw,18px)}
.door{background:#fff;border:0.9px solid var(--line);border-radius:14.4px;padding:clamp(21.6px,3vw,37.8px)}
.door.trap{background:var(--ink);color:#fff;border-color:var(--ink)}
.door-top{display:flex;flex-wrap:wrap;align-items:baseline;gap:5.4px 12.6px;margin-bottom:12.6px}
.door .sci{width:100%;font-family:var(--sans);font-size:9.9px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--blue)}
.door.trap .sci{color:var(--yellow)}
.door h3{font-size:clamp(19.8px,2.4vw,30.6px);font-weight:600;letter-spacing:-.02em;margin:0;color:inherit}
.door .sub{font-size:clamp(13.5px,1.4vw,17.1px);color:var(--ink-soft)}
.door.trap .sub{color:rgba(255,255,255,.75)}
.door .desc{max-width:68ch;margin:0 0 19.8px;color:var(--ink-soft);font-size:clamp(12.6px,1.05vw,14.85px);line-height:1.6}
.door.trap .desc{color:rgba(255,255,255,.82)}
.door-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(14.4px,2.4vw,32.4px)}
.door-grid h4{font-family:var(--sans);font-size:9.45px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--blue);margin:0 0 9.9px}
.door.trap .door-grid h4{color:var(--yellow)}
.door-chips{display:flex;flex-wrap:wrap;gap:6.3px}
.door-chips span{font-size:11.7px;padding:5.4px 9.9px;border:0.9px solid var(--line);border-radius:899.1px;color:var(--ink);line-height:1.2}
.door.trap .door-chips span{border-color:rgba(255,255,255,.25);color:#fff}
.door-under{font-size:13.05px;line-height:1.6;color:var(--ink-soft);margin:0}
.door.trap .door-under{color:rgba(255,255,255,.82)}
.door-under b{color:var(--ink);font-weight:600}
.door.trap .door-under b{color:#fff}
@media(max-width:720px){.door-grid{grid-template-columns:1fr;gap:16.2px}}

/* contact form */
.cform{display:grid;gap:13.5px;max-width:504px}
.cform label{display:grid;gap:5.4px;font-family:var(--sans);font-size:10.35px;font-weight:600;letter-spacing:0.045em;text-transform:uppercase;color:var(--ink-soft)}
.cform input,.cform select,.cform textarea{font-family:var(--sans);font-size:13.5px;padding:11.7px 12.6px;border:0.9px solid var(--line);border-radius:9px;background:#fff;color:var(--ink);width:100%}
.cform textarea{min-height:135px;resize:vertical}
.cform input:focus,.cform select:focus,.cform textarea:focus{outline:none;border-color:var(--blue)}
.cform .row2{display:grid;grid-template-columns:1fr 1fr;gap:13.5px}
@media(max-width:560px){.cform .row2{grid-template-columns:1fr}}
.cform button{justify-self:start;margin-top:3.6px;border:0;cursor:pointer}
.contact-side{border-left:0.9px solid var(--line);padding-left:clamp(19.8px,3vw,46.8px)}
@media(max-width:860px){.contact-side{border-left:0;padding-left:0;border-top:0.9px solid var(--line);padding-top:25.2px}}
.mail-big{display:inline-block;font-family:var(--sans);font-weight:600;font-size:clamp(16.2px,2vw,23.4px);letter-spacing:-.01em;color:var(--blue);text-decoration:none;border-bottom:1.8px solid currentColor;padding-bottom:1.8px}
.mail-big:hover{color:var(--ink)}

/* ---------- FAQ redesign ---------- */
.faq-hero{background:var(--yellow)}
.faq-hero h1{color:var(--ink)}
.faq-hero p{color:var(--ink)}
.faqx{display:grid;grid-template-columns:minmax(0,.26fr) minmax(0,1fr);gap:clamp(25.2px,5vw,75.6px);align-items:start}
.faqx-nav{position:sticky;top:88.2px;display:flex;flex-direction:column;gap:1.8px}
.faqx-nav .lbl{font-family:var(--sans);font-size:9.45px;font-weight:600;letter-spacing:0.117em;text-transform:uppercase;color:var(--blue);margin-bottom:9px}
.faqx-nav a{font-family:var(--sans);font-size:12.15px;font-weight:500;color:var(--ink-soft);text-decoration:none;padding:6.3px 0;border-bottom:0.9px solid var(--line)}
.faqx-nav a:hover{color:var(--blue)}
.faqx-cat{scroll-margin-top:93.6px}
.faqx-cat+.faqx-cat{margin-top:clamp(36px,5vw,68.4px)}
.faqx-cat-head{display:flex;align-items:baseline;gap:12.6px;margin-bottom:3.6px}
.faqx-cat-head .n{font-family:var(--sans);font-size:11.7px;font-weight:600;color:var(--blue)}
.faqx-cat-head h2{font-family:var(--sans);font-weight:500;font-size:clamp(18.9px,2.6vw,29.7px);letter-spacing:-.02em;margin:0;color:var(--ink)}
.faqx .offer-list{margin-top:5.4px;border-top:0}
.faqx .offer-row{border-bottom:0.9px solid var(--line)}
.faqx .offer-toggle{padding:19.8px 0;font-size:clamp(13.95px,1.5vw,18px);font-weight:500;gap:21.6px;align-items:center}
.faqx .offer-toggle .pm{flex:none;width:27px;height:27px;border:0.9px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:15.3px;line-height:1;color:var(--blue);transition:transform .3s ease,background .2s,color .2s}
.faqx .offer-toggle:hover .pm{border-color:var(--blue)}
.faqx .offer-row.open .offer-toggle .pm{transform:rotate(45deg);background:var(--blue);color:#fff;border-color:var(--blue)}
.faqx .offer-row.open .offer-body{max-height:414px}
.faqx .offer-body>div{padding:0 clamp(0px,4vw,48.6px) 23.4px 0}
.faqx .offer-body p{font-size:13.5px;line-height:1.6;max-width:66ch;color:var(--ink-soft)}
@media(max-width:860px){.faqx{grid-template-columns:1fr}.faqx-nav{display:none}}

/* blog index tweaks */
.blog-hero.yellow{background:var(--yellow);padding-bottom:clamp(41.4px,6.5vw,93.6px)}
.blog-hero.yellow .eyebrow{color:var(--ink)}
.blog-hero.yellow h1,.blog-hero.yellow p{color:var(--ink)}
.blog-list{padding-bottom:clamp(54px,8vw,111.6px)}
.blog-card.is-hidden{display:none}
.blog-more{display:flex;justify-content:center;padding:30.6px 0 3.6px}

/* CRAFT page: bigger step letters + roomier cards */
.method-page .arc-card{padding:clamp(21.6px,2.8vw,36px)}
.method-page .arc-card .letter{font-size:clamp(41.4px,5.5vw,75.6px);font-weight:600;letter-spacing:-.03em;margin-bottom:1.8px}
.method-page .arc-card h3{font-size:clamp(18px,2vw,25.2px);font-weight:600;margin-top:1.8px}
.method-page .arc-card p{font-size:clamp(12.15px,1.05vw,14.4px);line-height:1.6}
.method-page .arc-card .clink{margin-top:12.6px}
.craft-close{max-width:60ch}
.craft-close h2{font-family:var(--sans);font-weight:500;font-size:clamp(23.4px,3.4vw,45px);letter-spacing:-.035em;line-height:1;margin:0 0 14.4px}
.craft-close p{color:rgba(255,255,255,.85);font-size:clamp(13.5px,1.2vw,16.2px);line-height:1.55;margin:0 0 19.8px;max-width:58ch}

/* ---------- 7+1 editorial block table ---------- */
.blocktable{margin-top:9px;border-top:1.8px solid var(--ink)}
.brow{position:relative;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);gap:clamp(18px,4vw,54px);padding:clamp(27px,4vw,52.2px) 0;border-bottom:0.9px solid var(--line);transition:background .25s ease}
.brow:hover{background:linear-gradient(90deg,rgba(0,111,218,.05),transparent 70%)}
.brow-idx{font-family:var(--sans);font-size:10.8px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--blue)}
.brow h3{font-family:var(--sans);font-weight:500;font-size:clamp(25.2px,3.8vw,46.8px);letter-spacing:-.035em;line-height:.98;margin:10.8px 0 0;color:var(--ink);transition:color .2s}
.brow:hover h3{color:var(--blue)}
.brow .sub{display:block;margin-top:11.7px;font-size:clamp(13.5px,1.4vw,17.1px);color:var(--ink-soft);max-width:32ch}
.brow .desc{margin:14.4px 0 0;font-size:13.05px;line-height:1.6;color:var(--ink-soft);max-width:44ch}
.brow-right{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16.2px,2.4vw,36px);padding-top:5.4px}
.brow-right h4{font-family:var(--sans);font-size:9.45px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--blue);margin:0 0 10.8px}
.bchips{display:flex;flex-wrap:wrap;gap:6.3px}
.bchips span{font-size:11.25px;padding:5.4px 9.9px;border:0.9px solid var(--line);border-radius:899.1px;color:var(--ink);line-height:1.2}
.bunder{margin:0;font-size:12.6px;line-height:1.6;color:var(--ink-soft)}
.bunder b{color:var(--ink);font-weight:600}
.brow.trap{background:var(--ink);color:#fff;border-radius:16.2px;border-bottom:0;padding:clamp(25.2px,3.5vw,48.6px);margin-top:18px}
.brow.trap:hover{background:var(--ink)}
.brow.trap .brow-idx,.brow.trap .brow-right h4{color:var(--yellow)}
.brow.trap h3{color:#fff}
.brow.trap:hover h3{color:var(--yellow)}
.brow.trap .sub,.brow.trap .desc,.brow.trap .bunder{color:rgba(255,255,255,.82)}
.brow.trap .bunder b{color:#fff}
.brow.trap .bchips span{border-color:rgba(255,255,255,.28);color:#fff}
@media(max-width:820px){.brow{grid-template-columns:1fr;gap:19.8px}}
@media(max-width:520px){.brow-right{grid-template-columns:1fr}}

/* centered pull quote band */
.quote-center{max-width:828px;margin:0 auto;text-align:center}
.quote-center blockquote{font-family:var(--sans);font-weight:500;font-size:clamp(20.7px,3.4vw,39.6px);line-height:1.18;letter-spacing:-.025em;color:var(--ink);margin:0}
.quote-center cite{display:block;margin-top:19.8px;font-style:normal;font-size:11.25px;font-weight:600;letter-spacing:0.09em;text-transform:uppercase;color:var(--blue)}

/* contact consent checkbox */
.cform-consent{display:flex;gap:9px;align-items:flex-start;font-size:11.25px;line-height:1.5;color:var(--ink-soft);text-transform:none;letter-spacing:0;font-weight:400}
.cform-consent input{width:14.4px;height:14.4px;margin-top:1.8px;flex:none;accent-color:var(--blue)}
.cform-consent a{color:var(--blue)}

/* taller subpage sections + more breathing room */
.section{padding:clamp(66.6px,10vw,144px) 0}
.section-head{margin-bottom:clamp(30.6px,4.4vw,59.4px)}
.page-hero,.blog-hero{padding:clamp(66.6px,10vw,135px) 0 clamp(27px,4vw,50.4px)}

/* references bar → blue on all pages */
.refbar-wrap{background:var(--blue);border-top:0}
.refbar{color:#fff}
.refbar:hover{color:var(--yellow)}

/* stacked section head (eyebrow / title / body in one left column) */
.section-head.stack{display:block}
.section-head.stack .eyebrow{display:block;margin-bottom:12.6px}
.section-head.stack>div:last-child{max-width:none}
.section-head.stack h2{max-width:20ch}
.section-head.stack p{max-width:66ch;margin-top:14.4px}

/* quote on ink background */
.section.ink .quote-center blockquote{color:#fff}
.section.ink .quote-center cite{color:var(--yellow)}

/* evidence: wider 'research we draw on' text column */
.evidence-page .flush{grid-template-columns:1.28fr .72fr}
.evidence-page .flush .copy{max-width:74ch}

/* CRAFT closing centered */
.craft-close{max-width:66ch;margin:0 auto;text-align:center}
.craft-close p{margin-left:auto;margin-right:auto}
.craft-close .cta{justify-content:center}
/* CRAFT step links as pill buttons with more top space */
.method-page .arc-card .clink{margin-top:19.8px;padding:9.9px 18px;border:0.9px solid var(--blue);border-bottom:0.9px solid var(--blue);border-radius:899.1px;transition:background .2s,color .2s}
.method-page .arc-card .clink:hover{background:var(--blue);color:#fff}

/* ---------- 7+1 editorial rows (white list) ---------- */
.blocks-rows{background:#fff;border:0.9px solid var(--line);border-radius:16.2px;overflow:hidden;margin-top:9px}
.brow2{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(16.2px,3vw,46.8px);width:100%;text-align:left;background:none;border:0;border-top:0.9px solid var(--line);cursor:pointer;padding:clamp(14.4px,1.8vw,23.4px) clamp(16.2px,2.4vw,36px);transition:background .2s}
.brow2:first-child{border-top:0}
.brow2:hover{background:var(--yellow)}
.brow2-img{width:clamp(75.6px,9vw,124.2px);aspect-ratio:4/3;border-radius:9px;overflow:hidden;background:var(--tint);flex:none}
.brow2-img img{width:100%;height:100%;object-fit:cover;display:block}
.brow2-name .sci{display:block;font-family:var(--sans);font-size:9.45px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--blue);margin-bottom:6.3px}
.brow2-name h3{font-family:var(--serif);font-weight:500;font-size:clamp(23.4px,3.4vw,46.8px);line-height:1;letter-spacing:-.02em;color:var(--ink);margin:0}
.brow2-tags{list-style:none;margin:0;padding:0;display:grid;gap:6.3px;min-width:clamp(171px,16vw,216px)}
.brow2-tags li{font-family:var(--sans);font-size:9.9px;font-weight:500;letter-spacing:0.045em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.brow2-tags li::before{content:"→ ";color:var(--blue)}
.brow2-arr{font-size:clamp(18px,2vw,27px);color:var(--ink);flex:none;transition:transform .2s}
.brow2:hover .brow2-arr{transform:translateX(4.5px)}
.brow2.trap{background:var(--ink)}
.brow2.trap .brow2-name h3{color:#fff}
.brow2.trap .brow2-name .sci{color:var(--yellow)}
.brow2.trap .brow2-tags li{color:rgba(255,255,255,.72)}
.brow2.trap .brow2-tags li::before{color:var(--yellow)}
.brow2.trap .brow2-arr{color:#fff}
.brow2.trap:hover{background:#0d1c30}
@media(max-width:860px){.brow2{grid-template-columns:auto 1fr auto;gap:14.4px}.brow2-tags{display:none}}
/* block detail panel content (reuses .refpanel dark slide-in) */
.bd-sci{display:block;font-family:var(--sans);font-size:9.9px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--yellow);margin-bottom:9px}
.refpanel .bd-lead{font-size:13.95px;line-height:1.6;color:rgba(255,255,255,.85);margin:0 0 18px}
.refpanel h4{font-family:var(--sans);font-size:9.45px;font-weight:600;letter-spacing:0.108em;text-transform:uppercase;color:var(--yellow);margin:21.6px 0 9.9px}
.refpanel .bd-list{list-style:none;margin:0;padding:0;display:grid;gap:8.1px}
.refpanel .bd-list li{font-size:12.6px;color:rgba(255,255,255,.82);padding-left:18px;position:relative;line-height:1.4}
.refpanel .bd-list li::before{content:"→";position:absolute;left:0;color:var(--yellow)}
.refpanel .bd-under{font-size:13.05px;line-height:1.6;color:rgba(255,255,255,.82);margin:0}
.refpanel .bd-under b{color:#fff;font-weight:600}
.bd-src{display:none}

/* 7+1 rows: taller portrait image, bigger name + subtitle, tighter hero */
.brow2{gap:clamp(18px,3.2vw,50.4px);padding:clamp(16.2px,2vw,27px) clamp(16.2px,2.4vw,36px)}
.brow2-img{width:clamp(86.4px,10.5vw,142.2px);aspect-ratio:3/4}
.brow2-name .sci{font-size:clamp(9.9px,1vw,12.6px);margin-bottom:8.1px}
.brow2-name h3{font-size:clamp(27px,4.4vw,59.4px);line-height:.98}
.brow2-tags li{font-size:clamp(9.45px,0.8vw,10.8px)}
.blocks-page .center-hero{padding-bottom:clamp(27px,4vw,54px)}

/* final-v3: Manrope + squared corners across all subpages */
:root{--sans:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;--serif:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif}
body.internal-page,body.blog-index,body.resources-page,body.internal-page *,body.blog-index *,body.resources-page *{font-family:'Manrope',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;font-weight:500!important}
.card,.price-card,.tcard,.split-img,.flush-img,.content-photo,.blog-card,.blog-art,.refpanel,.brow2-img,.brow2,.door,.arc-card,.callout,.faq-item,.statnum,.terrain-cols .tcol,.method-strip .method-step,.cform input,.cform textarea,.cform select,.blocks-rows,.oh-close-sub{border-radius:0!important}
