/* Meritas Real Estate Advisory — site styles
Concept: a private-bank reading room. Navy and ivory grounds, brass used sparingly as hairlines and accents,
large serif statements with generous air, photography in a handful of deliberate places.
The brand is one committed light look (navy, brass, ivory), so colors are set explicitly rather than themed. */
:root{
--navy:#0B1D2A; --navy-2:#102738; --navy-3:#17334A;
--brass:#B38A57; --brass-lt:#CDA878; --brass-deep:#86663B;
--ivory:#F4EFE6; --paper:#FAF7F1; --white:#FFFFFF;
--charcoal:#26343E; --cream:#F3EEE4;
--muted:#5A6670; --muted-dk:#A3B2BD; --soft-dk:#C9D2D8;
--line:#DDD3C3; --line-dk:#22394B;
--display:"Cormorant Garamond", Georgia, "Times New Roman", serif;
--body:"Hanken Grotesk", "Helvetica Neue", Arial, sans-serif;
--wrap:1200px; --gutter:clamp(18px,4.5vw,48px);
--hdr:84px;
--sec:clamp(88px,10.5vw,160px);
--sec-sm:clamp(64px,7vw,104px);
color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--hdr) + 72px)}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
body{margin:0;background:var(--ivory);color:var(--charcoal);font-family:var(--body);font-size:17.5px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
p{margin:0}
ul,ol{margin:0;padding:0}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;z-index:100;background:var(--brass);color:var(--navy);padding:10px 16px;font-weight:600;text-decoration:none}
.skip:focus{left:16px}
.vh{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* ---------- type ---------- */
h1,h2,h3,h4{font-family:var(--display);font-weight:500;margin:0;text-wrap:balance;letter-spacing:-.003em;color:var(--navy)}
h2{font-size:clamp(34px,4.3vw,58px);line-height:1.06}
h3{font-size:clamp(23px,2.1vw,28px);line-height:1.18}
.eyebrow{font-family:var(--body);font-size:11.5px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--brass-deep);margin:0;line-height:1.5}
.lede{font-size:clamp(18px,1.55vw,20.5px);line-height:1.62;max-width:58ch}
.muted{color:var(--muted)}
.serif{font-family:var(--display)}
.rule{display:block;width:56px;height:1px;background:var(--brass);border:0;margin:0}
/* ---------- layout ---------- */
.band{padding-inline:var(--gutter)}
.wrap{max-width:var(--wrap);margin:0 auto}
.wrap-narrow{max-width:820px;margin:0 auto}
.sec{padding-block:var(--sec)}
.sec-sm{padding-block:var(--sec-sm)}
.navy{background:var(--navy);color:var(--cream)}
.navy h1,.navy h2,.navy h3{color:var(--cream)}
.navy .eyebrow{color:var(--brass)}
.navy .lede{color:var(--soft-dk)}
.navy .muted{color:var(--muted-dk)}
.ivory{background:var(--ivory)}
.paper{background:var(--paper)}
.rule-top{border-top:1px solid var(--line)}
.stack{display:flex;flex-direction:column;gap:20px}
.stack-sm{display:flex;flex-direction:column;gap:10px}
.stack-lg{display:flex;flex-direction:column;gap:clamp(40px,5vw,64px)}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:clamp(36px,7vw,112px);align-items:start}
.split>*{min-width:0}
.sec-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(28px,6vw,96px);align-items:end}
.sec-head>*{min-width:0}
@media (max-width:880px){.split,.sec-head{grid-template-columns:1fr}}
/* ---------- buttons & links ---------- */
.btn{display:inline-flex;align-items:center;gap:10px;font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;color:var(--navy);background:var(--brass);padding:17px 28px;border-radius:1px;border:1px solid var(--brass);transition:background .25s,border-color .25s,color .25s;cursor:pointer}
.btn:hover{background:var(--brass-lt);border-color:var(--brass-lt)}
.btn.ghost{background:transparent;color:var(--cream);border-color:rgba(243,238,228,.32)}
.btn.ghost:hover{border-color:var(--brass);color:var(--brass-lt)}
.btn.dark{background:var(--navy);border-color:var(--navy);color:var(--cream)}
.btn.dark:hover{background:var(--navy-3);border-color:var(--navy-3)}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.more{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--brass-deep);padding-bottom:4px;border-bottom:1px solid currentColor;align-self:flex-start;transition:color .2s,gap .25s}
.more::after{content:"→";letter-spacing:0;font-size:14px}
.more:hover{color:var(--navy);gap:14px}
.navy .more{color:var(--brass)}
.navy .more:hover{color:var(--cream)}
/* ---------- header ---------- */
.hdr{padding-inline:var(--gutter);position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:var(--navy);border-bottom:1px solid var(--line-dk)}
.hdr .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--hdr)}
.brand{display:block;flex:none;width:200px}
.brand img{width:200px}
.nav{display:flex;align-items:center;gap:2px;list-style:none}
.nav>li{position:relative}
.nav-top{display:inline-flex;align-items:center;gap:7px;font:inherit;font-size:12px;font-weight:500;letter-spacing:.17em;text-transform:uppercase;color:var(--cream);background:none;border:0;padding:12px 12px;cursor:pointer;text-decoration:none;border-bottom:1px solid transparent;white-space:nowrap}
.nav-top:hover,.nav-top[aria-expanded="true"]{color:var(--brass-lt)}
.nav-top.on{color:var(--brass-lt);border-bottom-color:var(--brass)}
.nav-split{display:inline-flex;align-items:center}
.nav-split .nav-top:first-child{padding-right:4px}
.nav-split button.nav-top{padding:12px 9px 12px 7px;min-width:28px;min-height:28px;justify-content:center}
.caret{width:7px;height:7px;border-right:1.3px solid currentColor;border-bottom:1.3px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.nav-top[aria-expanded="true"] .caret{transform:translateY(1px) rotate(-135deg)}
.nav-cta{margin-left:14px;padding:12px 20px;border:1px solid var(--brass);color:var(--brass-lt)}
.nav-cta:hover{background:var(--brass);color:var(--navy)}
.dd{position:absolute;top:calc(100% + 12px);left:0;min-width:240px;background:var(--paper);border-top:2px solid var(--brass);box-shadow:0 22px 44px rgba(11,29,42,.28);padding:8px;list-style:none;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .18s,transform .18s,visibility .18s}
.dd::before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.dd.open{opacity:1;visibility:visible;transform:none}
.dd a{display:block;text-decoration:none;padding:12px 14px;color:var(--navy);font-family:var(--display);font-size:20px;line-height:1.2}
.dd a:hover,.dd a:focus-visible{background:var(--ivory)}
.dd a.cur{color:var(--brass-deep)}
.burger{display:none;background:none;border:1px solid var(--line-dk);border-radius:1px;width:46px;height:42px;cursor:pointer;position:relative;flex:none}
.burger span{position:absolute;left:12px;right:12px;height:1.5px;background:var(--cream);transition:transform .2s,opacity .2s}
.burger span:nth-child(1){top:14px}.burger span:nth-child(2){top:20px}.burger span:nth-child(3){top:26px}
.burger[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}
.burger[aria-expanded="true"] span:nth-child(2){opacity:0}
.burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
.mnav{display:none}
@media (max-width:1240px){
.nav{display:none}
.burger{display:block}
.mnav{display:block;position:fixed;left:0;right:0;top:calc(var(--hdr) + env(safe-area-inset-top,0px));bottom:0;background:var(--navy);overflow-y:auto;padding:12px var(--gutter) calc(40px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line-dk)}
.mnav[hidden]{display:none!important}
.mnav>ul{list-style:none;max-width:560px;margin:0 auto}
.mnav>ul>li{border-bottom:1px solid var(--line-dk)}
.m-top{display:flex;width:100%;align-items:center;justify-content:space-between;font-family:var(--display);font-size:29px;font-weight:500;color:var(--cream);background:none;border:0;padding:16px 2px;text-decoration:none;cursor:pointer;text-align:left}
.m-row{display:flex;align-items:center;justify-content:space-between}
.m-row .m-top{width:auto}
.m-row button{background:none;border:1px solid var(--line-dk);color:var(--cream);width:44px;height:44px;display:grid;place-items:center;cursor:pointer}
.m-row button[aria-expanded="true"] .caret{transform:translateY(2px) rotate(-135deg)}
.m-sub{list-style:none;padding:0 0 14px 2px}
.m-sub a{display:block;padding:9px 0;color:var(--muted-dk);text-decoration:none;font-size:16px}
.m-sub a:hover,.m-sub a.cur{color:var(--brass-lt)}
.m-contact{margin-top:28px;display:flex;flex-direction:column;gap:6px;max-width:560px;margin-inline:auto;color:var(--muted-dk);font-size:15px}
.m-contact .btn{margin-top:14px;justify-content:center}
body.menu-open{overflow:hidden}
}
/* ---------- photographs ---------- */
.ph{position:relative;margin:0;overflow:hidden;background:var(--navy-2)}
.ph img{width:100%;height:100%;object-fit:cover}
.ph-frame{position:relative}
.ph-frame .ph::after{content:"";position:absolute;inset:clamp(10px,1.2vw,16px);border:1px solid rgba(205,168,120,.85);pointer-events:none;z-index:1}
.ph-45{aspect-ratio:4/5}
.bleed{height:clamp(300px,40vw,640px)}
.bleed img{object-position:50% 60%}
/* ---------- hero (home) ---------- */
.hero{padding-block:clamp(56px,7vw,104px) clamp(72px,9vw,136px);overflow:hidden}
.hero .wrap{display:grid;grid-template-columns:minmax(0,1.62fr) minmax(0,.72fr);gap:clamp(40px,5vw,80px);align-items:center}
.hero h1{font-size:clamp(46px,5.9vw,78px);line-height:1;margin-top:28px;letter-spacing:-.012em}
.hero h1 span{display:block}
.hero h1 .why{color:var(--brass);font-style:italic}
.hero .lede{margin-top:34px;max-width:40ch;font-size:clamp(18px,1.5vw,21px)}
.hero .btns{margin-top:42px}
.hero .ph-frame{max-width:400px;justify-self:end;width:100%;isolation:isolate}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes fade{from{opacity:0}to{opacity:1}}
.hero h1 span{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.hero h1 span:nth-child(2){animation-delay:.12s}
.hero h1 span:nth-child(3){animation-delay:.24s}
.hero .lede,.hero .btns,.hero .talk{animation:fade 1s .45s both}
.hero .ph-frame{animation:fade 1.2s .2s both}
@media (max-width:880px){
.hero .wrap{grid-template-columns:1fr}
.hero .ph-frame{justify-self:start;max-width:none}
.hero .ph-45{aspect-ratio:3/2}
}
/* ---------- two paths ---------- */
.paths{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.path{display:flex;flex-direction:column;gap:18px;padding:clamp(40px,5vw,72px) clamp(0px,4vw,64px) clamp(40px,5vw,72px) 0;text-decoration:none;position:relative;transition:background .3s}
.path+.path{border-left:1px solid var(--line);padding-left:clamp(28px,4vw,64px);padding-right:0}
.path h2{font-size:clamp(36px,4vw,56px)}
.path p.lede{max-width:34ch;color:var(--charcoal)}
.path .who{font-size:15px;color:var(--muted)}
.path .more{margin-top:10px}
.path:hover h2{color:var(--brass-deep)}
.path:hover .more{gap:14px}
@media (max-width:820px){.paths{grid-template-columns:1fr}.path,.path+.path{padding:40px 0;border-left:0}.path+.path{border-top:1px solid var(--line)}}
/* ---------- statement + differentiators ---------- */
.statement{font-family:var(--display);font-weight:500;font-size:clamp(40px,6vw,88px);line-height:1;letter-spacing:-.01em;color:var(--navy);max-width:16ch}
.statement em{color:var(--brass-deep)}
.statement span,.statement em{display:block}
.navy .statement{color:var(--cream)}
.navy .statement em{color:var(--brass)}
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,56px)}
.trio>*{border-top:1px solid var(--brass);padding-top:22px;min-width:0}
.trio p.big{font-family:var(--display);font-size:clamp(23px,2.1vw,29px);line-height:1.22;color:var(--navy)}
.navy .trio p.big{color:var(--cream)}
.trio h3{font-size:clamp(23px,2.1vw,28px)}
.trio p{font-size:16px;color:var(--muted);margin-top:10px}
.navy .trio p:not(.big){color:var(--soft-dk)}
.quad{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:980px){.quad{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.trio{grid-template-columns:1fr;gap:28px}}
@media (max-width:560px){.quad{grid-template-columns:1fr}}
/* ---------- pillars (what we oversee) ---------- */
.pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,4vw,72px)}
.pillar{min-width:0}
.pillar .eyebrow{padding-bottom:16px;border-bottom:1px solid var(--line-dk);margin-bottom:6px}
.ivory .pillar .eyebrow,.paper .pillar .eyebrow{border-bottom-color:var(--line)}
.pillar ul{list-style:none}
.pillar li{padding-block:18px;border-bottom:1px solid var(--line-dk)}
.ivory .pillar li,.paper .pillar li{border-bottom-color:var(--line)}
.pillar li b{display:block;font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dk);margin-bottom:6px}
.ivory .pillar li b,.paper .pillar li b{color:var(--muted)}
.pillar li q{display:block;font-family:var(--display);font-style:italic;font-size:clamp(22px,2vw,27px);line-height:1.22;color:var(--cream);quotes:"\201C" "\201D"}
.ivory .pillar li q,.paper .pillar li q{color:var(--navy)}
.pillar li span{display:block;font-size:15px;color:var(--soft-dk);margin-top:8px;line-height:1.55}
.ivory .pillar li span,.paper .pillar li span{color:var(--muted)}
@media (max-width:880px){.pillars{grid-template-columns:1fr}}
/* ---------- founder ---------- */
.founder{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:start}
.founder figure{margin:0}
.founder figure img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.9)}
.founder figcaption{margin-top:14px;font-size:13px;letter-spacing:.06em;color:var(--muted)}
.founder h2{font-size:clamp(36px,4vw,54px)}
.founder .role{font-size:14px;letter-spacing:.04em;color:var(--brass-deep);margin-top:10px}
.founder .bio{display:flex;flex-direction:column;gap:16px;max-width:62ch;margin-top:26px}
.advantage{margin-top:34px;padding-left:22px;border-left:1px solid var(--brass);font-family:var(--display);font-style:italic;font-size:clamp(22px,2vw,27px);line-height:1.3;color:var(--navy);max-width:36ch}
@media (max-width:760px){.founder{grid-template-columns:1fr}.founder figure{max-width:220px}}
/* ---------- interior page hero ---------- */
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;list-style:none;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted-dk)}
.crumbs a{text-decoration:none;color:var(--muted-dk)}
.crumbs a:hover{color:var(--brass-lt)}
.crumbs li+li::before{content:"/";margin-right:10px;color:var(--line-dk)}
.phero{padding-block:clamp(44px,6vw,80px) clamp(64px,8vw,120px);overflow:hidden}
.phero .wrap{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:clamp(40px,6vw,96px);align-items:center}
.phero .wrap.one{grid-template-columns:1fr}
.phero .wrap>*{min-width:0}
.phero h1{font-size:clamp(46px,6.2vw,92px);line-height:1;margin-top:30px;letter-spacing:-.01em}
.phero .says{font-family:var(--display);font-style:italic;font-size:clamp(25px,2.6vw,34px);color:var(--brass);margin-top:16px;line-height:1.2}
.phero .lede{margin-top:26px;max-width:52ch}
.phero .btns{margin-top:38px}
.phero .ph-frame{max-width:420px;justify-self:end;width:100%;isolation:isolate}
@media (max-width:880px){.phero .wrap{grid-template-columns:1fr}.phero .ph-frame{justify-self:start;max-width:none}.phero .ph-45{aspect-ratio:3/2}}
/* ---------- service levels (rows, not cards) ---------- */
.levels{border-top:1px solid var(--navy)}
.level{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);gap:clamp(28px,6vw,96px);padding-block:clamp(44px,5vw,72px);border-bottom:1px solid var(--line);scroll-margin-top:calc(var(--hdr) + 32px)}
.level>*{min-width:0}
.level .meta{font-size:11.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brass-deep)}
.level h3{font-size:clamp(34px,3.6vw,48px);margin-top:12px;line-height:1.04}
.level .says{font-family:var(--display);font-style:italic;font-size:clamp(21px,1.9vw,25px);color:var(--brass-deep);margin-top:12px;line-height:1.25}
.level .body{display:flex;flex-direction:column;gap:18px}
.level .best{font-size:15px;color:var(--muted)}
.level .best b{color:var(--navy);font-weight:600}
@media (max-width:820px){.level{grid-template-columns:1fr;gap:20px}}
/* checks: refined list with hexagon markers */
.checks{list-style:none;display:flex;flex-direction:column}
.checks li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding-block:12px;border-top:1px solid var(--line)}
.checks li:last-child{border-bottom:1px solid var(--line)}
.checks li::before{content:"";width:12px;height:14px;margin-top:6px;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.navy .checks li{border-color:var(--line-dk)}
.navy .checks li::before{background-image:url("data:image/svg+xml;utf8,")}
/* roles */
.roles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line)}
.roles>div{padding:28px 24px 8px 0;min-width:0}
.roles>div+div{padding-left:24px;border-left:1px solid var(--line)}
.roles .eyebrow{color:var(--muted)}
.roles h3{font-size:clamp(24px,2.3vw,30px);margin-top:10px}
.roles p{font-size:15.5px;color:var(--muted);margin-top:10px}
.roles .us h3{color:var(--brass-deep)}
@media (max-width:980px){.roles{grid-template-columns:1fr 1fr}.roles>div:nth-child(3){padding-left:0;border-left:0}.roles>div:nth-child(n+3){border-top:1px solid var(--line)}}
@media (max-width:560px){.roles{grid-template-columns:1fr}.roles>div,.roles>div+div{padding:24px 0;border-left:0}.roles>div+div{border-top:1px solid var(--line)}}
/* questions band (operator) */
.questions{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(32px,5vw,80px)}
.questions li{font-family:var(--display);font-size:clamp(24px,2.4vw,33px);line-height:1.2;color:var(--cream);padding-block:26px;border-top:1px solid var(--line-dk)}
.questions li em{color:var(--brass);font-style:italic}
@media (max-width:820px){.questions{grid-template-columns:1fr}}
/* impact areas */
.impact{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 clamp(28px,4vw,64px)}
.impact>div{padding-block:30px;border-top:1px solid var(--line);min-width:0}
.impact h3{font-size:clamp(23px,2.1vw,28px)}
.impact p{font-size:16px;color:var(--muted);margin-top:10px;max-width:38ch}
.impact a{color:var(--navy);text-decoration-color:var(--brass);text-underline-offset:3px}
@media (max-width:980px){.impact{grid-template-columns:1fr 1fr}}
@media (max-width:620px){.impact{grid-template-columns:1fr}}
/* engagement modes: a scale of involvement */
.modes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,56px);position:relative}
.mode{min-width:0;padding-top:30px;position:relative}
.mode::before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--brass)}
.mode .dots{position:absolute;top:-4px;left:0;display:flex;gap:6px}
.mode .dots i{width:9px;height:9px;border-radius:50%;background:var(--brass);display:block}
.mode .dots i.o{background:var(--paper);border:1px solid var(--brass)}
.navy .mode .dots i.o{background:var(--navy)}
.mode .eyebrow{color:var(--muted)}
.navy .mode .eyebrow{color:var(--muted-dk)}
.mode h3{font-size:clamp(28px,2.8vw,38px);margin-top:10px}
.mode p{margin-top:12px;font-size:16px;color:var(--muted)}
.navy .mode p{color:var(--soft-dk)}
@media (max-width:820px){.modes{grid-template-columns:1fr;gap:40px}}
/* phases (a true sequence) */
.phases{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));counter-reset:ph;border-top:1px solid var(--line)}
.phases li{counter-increment:ph;padding:28px 24px 0 0;min-width:0}
.phases li+li{padding-left:24px;border-left:1px solid var(--line)}
.phases li::before{content:counter(ph,decimal-leading-zero);display:block;font-family:var(--display);font-size:17px;color:var(--brass-deep);letter-spacing:.06em}
.phases h3{font-size:clamp(23px,2.1vw,28px);margin-top:8px}
.phases p{font-size:15.5px;color:var(--muted);margin-top:10px}
@media (max-width:980px){.phases{grid-template-columns:1fr 1fr}.phases li:nth-child(3){padding-left:0;border-left:0}.phases li:nth-child(n+3){border-top:1px solid var(--line);margin-top:24px}}
@media (max-width:560px){.phases{grid-template-columns:1fr}.phases li,.phases li+li{padding:24px 0;border-left:0;margin-top:0}.phases li+li{border-top:1px solid var(--line)}}
/* method (navy) */
.method{list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line-dk);counter-reset:m}
.method li{counter-increment:m;padding:28px 20px 4px 0;min-width:0}
.method li+li{padding-left:20px;border-left:1px solid var(--line-dk)}
.method li::before{content:counter(m,decimal-leading-zero);display:block;font-family:var(--display);font-size:16px;color:var(--brass);letter-spacing:.06em}
.method h3{font-size:clamp(25px,2.4vw,32px);margin-top:6px}
.method p{font-size:15px;color:var(--soft-dk);margin-top:10px;line-height:1.55}
@media (max-width:980px){.method{grid-template-columns:1fr}.method li,.method li+li{padding:22px 0;border-left:0;border-bottom:1px solid var(--line-dk);display:grid;grid-template-columns:72px minmax(0,1fr);gap:4px 20px}.method li::before{grid-row:span 2}.method h3{margin-top:0}.method p{margin-top:0}}
/* report outline (PA) */
.report{background:var(--white);border:1px solid var(--line);padding:clamp(26px,3.6vw,48px)}
.report-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--navy)}
.report-h h3{font-size:27px}
.report-h span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.toc{list-style:none;counter-reset:s}
.toc li{counter-increment:s;display:grid;grid-template-columns:44px minmax(0,1fr);gap:8px;padding-block:14px;border-bottom:1px dotted var(--line)}
.toc li:last-child{border-bottom:0}
.toc li::before{content:counter(s,decimal-leading-zero);font-family:var(--display);font-size:18px;color:var(--brass-deep)}
.toc b{display:block;color:var(--navy);font-weight:600;font-size:15.5px}
.toc span{display:block;font-size:14.5px;color:var(--muted);line-height:1.5;margin-top:2px}
.note{font-size:15px;color:var(--muted);max-width:80ch}
.note b{color:var(--navy);font-weight:600}
.navy .note{color:var(--muted-dk)}
.navy .note b{color:var(--cream)}
.note-box{border:1px solid var(--line);background:var(--paper);padding:22px 24px;font-size:15px;color:var(--charcoal)}
.note-box b{color:var(--navy)}
.confid{display:flex;gap:14px;align-items:flex-start;font-size:15px;color:var(--soft-dk)}
.confid::before{content:"";flex:none;width:14px;height:16px;margin-top:4px;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
/* FAQ */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:center;padding-block:22px;cursor:pointer;font-family:var(--display);font-size:clamp(21px,2vw,25px);color:var(--navy);line-height:1.25}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font-family:var(--body);font-size:22px;color:var(--brass-deep);flex:none;transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{padding:0 0 24px;max-width:68ch;color:var(--charcoal);display:flex;flex-direction:column;gap:12px}
/* insight teaser + listing */
.teaser{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(28px,6vw,96px);align-items:end;text-decoration:none;padding-block:clamp(36px,4vw,56px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.teaser h3{font-size:clamp(30px,3.2vw,44px);line-height:1.08}
.teaser:hover h3{color:var(--brass-deep)}
.teaser .by{font-size:13px;color:var(--muted);letter-spacing:.04em}
@media (max-width:820px){.teaser{grid-template-columns:1fr}}
.cat{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-deep)}
.posts{list-style:none;border-top:1px solid var(--navy)}
.posts li{border-bottom:1px solid var(--line)}
.posts a{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr) auto;gap:24px;align-items:baseline;padding-block:32px;text-decoration:none}
.posts h2{font-size:clamp(26px,2.8vw,38px);line-height:1.12}
.posts p{font-size:16px;color:var(--muted);margin-top:10px;max-width:60ch}
.posts .meta{font-size:13px;color:var(--muted);white-space:nowrap}
.posts a:hover h2{color:var(--brass-deep)}
@media (max-width:820px){.posts a{grid-template-columns:1fr;gap:10px}}
/* closing CTA */
.cta .wrap{display:grid;grid-template-columns:minmax(0,1.4fr) auto;gap:40px;align-items:end}
.cta h2{font-size:clamp(38px,5vw,70px);line-height:1.02}
.cta .lede{margin-top:20px}
.cta .reach{display:flex;flex-direction:column;gap:6px;margin-top:26px;font-size:15px;color:var(--muted-dk)}
.cta .reach a{color:var(--cream);text-decoration:none;border-bottom:1px solid var(--line-dk);align-self:flex-start}
.cta .reach a:hover{border-bottom-color:var(--brass)}
@media (max-width:760px){.cta .wrap{grid-template-columns:1fr;align-items:start}}
/* ---------- article ---------- */
.ahero{padding-block:clamp(44px,6vw,80px)}
.ahero h1{font-size:clamp(38px,4.6vw,64px);line-height:1.06;margin-top:28px;max-width:24ch}
.ahero .lede{margin-top:24px;max-width:58ch}
.byline{display:flex;align-items:center;gap:14px;margin-top:34px;font-size:14px;color:var(--muted-dk)}
.byline img{width:48px;height:48px;border-radius:50%;border:1px solid var(--brass);object-fit:cover}
.byline b{display:block;color:var(--cream);font-weight:500}
.article-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:clamp(32px,6vw,96px);align-items:start}
.article-grid>*{min-width:0}
.prose{max-width:68ch;font-size:18px;line-height:1.75;color:var(--charcoal)}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(28px,3.2vw,38px);margin-top:2em;line-height:1.12}
.prose h3{font-size:24px;margin-top:1.6em}
.prose h2+*,.prose h3+*{margin-top:.6em}
.prose ul,.prose ol{padding-left:1.3em}
.prose li+li{margin-top:.45em}
.prose li::marker{color:var(--brass-deep)}
.prose strong{color:var(--navy);font-weight:600}
.prose a{color:var(--navy);text-decoration-color:var(--brass);text-underline-offset:3px}
.prose a:hover{color:var(--brass-deep)}
.prose blockquote{margin:1.6em 0;padding:4px 0 4px 24px;border-left:1px solid var(--brass);font-family:var(--display);font-style:italic;font-size:25px;line-height:1.35;color:var(--navy)}
.prose .tw{overflow-x:auto;margin-top:1.4em}
.prose table{width:100%;border-collapse:collapse;font-size:15.5px;line-height:1.5;min-width:520px}
.prose th{text-align:left;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:600;padding:10px 14px 10px 0;border-bottom:1px solid var(--navy)}
.prose td{padding:12px 14px 12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.prose td:first-child{color:var(--navy);font-weight:600}
.legal h2{font-size:clamp(24px,2.6vw,30px)}
.keypoints{background:var(--white);border:1px solid var(--line);border-top:2px solid var(--brass);padding:24px 26px}
.keypoints .eyebrow{margin-bottom:12px}
.keypoints ul{padding-left:1.1em;font-size:16.5px;line-height:1.6}
.keypoints li+li{margin-top:.5em}
.aside{position:sticky;top:calc(var(--hdr) + 32px);display:flex;flex-direction:column;gap:28px}
.aside nav ol{list-style:none;border-left:1px solid var(--line)}
.aside nav a{display:block;padding:7px 0 7px 16px;margin-left:-1px;border-left:1px solid transparent;font-size:14px;line-height:1.4;color:var(--muted);text-decoration:none}
.aside nav a:hover{color:var(--navy)}
.aside nav a.on{color:var(--navy);border-left-color:var(--brass)}
.aside-cta{background:var(--navy);color:var(--cream);padding:24px;display:flex;flex-direction:column;gap:12px}
.aside-cta h3{font-size:22px;color:var(--cream)}
.aside-cta p{font-size:14.5px;color:var(--soft-dk);line-height:1.55}
.aside-cta .more{color:var(--brass)}
.aside-cta .more:hover{color:var(--cream)}
.author{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:start;border-top:1px solid var(--navy);padding-top:28px}
.author img{width:88px;height:88px;border-radius:50%;border:1px solid var(--brass);object-fit:cover}
.author h3{font-size:24px}
.author p{font-size:15px;color:var(--muted);margin-top:8px}
.disclaim{font-size:13.5px;color:var(--muted);line-height:1.6}
@media (max-width:980px){.article-grid{grid-template-columns:1fr}.aside{position:static}.aside nav{display:none}}
/* ---------- contact ---------- */
.form{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.form .full{grid-column:1/-1}
.field{display:flex;flex-direction:column;gap:8px;min-width:0}
.field label{font-size:11px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.field label .req{font-weight:500;letter-spacing:.06em;text-transform:none;color:var(--muted)}
.field input,.field select,.field textarea{font:inherit;font-size:16px;color:var(--navy);background:var(--white);border:1px solid var(--line);border-radius:1px;padding:14px;width:100%}
.field textarea{min-height:150px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brass-deep);box-shadow:0 0 0 3px rgba(179,138,87,.2)}
.field[hidden]{display:none!important}
.hp{position:absolute;left:-9999px}
.form-note{font-size:13.5px;color:var(--muted)}
.form-ok{border:1px solid var(--brass-deep);background:var(--paper);padding:20px 22px}
.form-ok b{color:var(--navy)}
@media (max-width:640px){.form{grid-template-columns:1fr}}
.lines{border-top:1px solid var(--line)}
.line{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:18px;border-bottom:1px solid var(--line)}
.line .k{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.line a,.line .v{font-family:var(--display);font-size:25px;color:var(--navy);text-decoration:none;word-break:break-word}
.line a:hover{color:var(--brass-deep)}
.copy{font:inherit;font-size:11px;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:transparent;color:var(--brass-deep);border:1px solid var(--line);padding:7px 11px;flex:none}
.copy:hover{border-color:var(--brass-deep)}
/* ---------- footer ---------- */
.ftr{background:var(--paper);border-top:1px solid var(--line);padding-block:64px 36px}
.ftr-grid{display:grid;grid-template-columns:minmax(0,1.6fr) repeat(2,minmax(0,.8fr)) minmax(0,1fr);gap:36px}
.ftr-grid>*{min-width:0}
.ftr img{width:200px}
.ftr .tag{margin-top:20px;font-family:var(--display);font-style:italic;font-size:21px;line-height:1.3;color:var(--navy)}
.ftr .tag span{display:block}
.ftr .ftr-h{font-family:var(--body);font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:14px}
.ftr ul{list-style:none;display:flex;flex-direction:column;gap:8px;font-size:14.5px}
.ftr ul a{text-decoration:none;color:var(--charcoal)}
.ftr ul a:hover{color:var(--brass-deep)}
.ftr .reach{font-size:14.5px;line-height:1.9}
.ftr .reach a{text-decoration:none}
.ftr .reach a:hover{color:var(--brass-deep)}
.ftr-legal{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:14px 28px;font-size:13px;color:var(--charcoal);line-height:1.6}
.ftr .ftr-links{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;gap:4px 22px;font-size:13px}
.ftr .ftr-links a{color:var(--navy);text-decoration:underline;text-decoration-color:var(--brass);text-underline-offset:3px;display:inline-block;padding-block:3px}
.ftr .ftr-links a:hover{color:var(--brass-deep)}
.ftr-disc{margin-top:16px;font-size:12.5px;color:var(--muted);line-height:1.6;max-width:110ch}
@media (max-width:900px){.ftr-grid{grid-template-columns:1fr 1fr}.ftr-grid>:first-child{grid-column:1/-1}}
/* preview ribbon (review build only) */
.pv{background:var(--brass);color:var(--navy);font-size:12px;letter-spacing:.06em;text-align:center;padding:7px var(--gutter);line-height:1.4}
.kicker{display:flex;flex-wrap:wrap;column-gap:14px;row-gap:6px}
.kicker i{font-style:normal;opacity:.7}
@media (max-width:560px){.kicker{flex-direction:column}.kicker i{display:none}}
.receive{margin-top:clamp(40px,5vw,64px);padding-top:clamp(32px,4vw,48px);border-top:1px solid var(--line)}
.h-sm{font-size:clamp(26px,2.6vw,34px);line-height:1.12}
h2 .ln{display:block}
h2 em{color:var(--brass-deep)}
.navy h2 em{color:var(--brass)}
.fig-note{margin-top:14px;font-size:13px;color:var(--muted)}
.away{margin-top:14px;padding-top:24px;border-top:1px solid var(--line)}
/* ==========================================================================
v2 — attention where it matters: reveals, tiers, icon panels, rails
========================================================================== */
:root{--sand:#ECE3D2;--ease-out:cubic-bezier(.19,1,.22,1);--ease-io:cubic-bezier(.65,0,.35,1)}
.white{background:var(--white)}
/* Reveals run only when JavaScript is on and the visitor allows motion. */
@media (prefers-reduced-motion:no-preference){
/* lines rise from behind a clip, one after another */
.js [data-reveal="lines"] .ln{overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
.js [data-reveal="lines"] .ln>span{display:block;transform:translateY(112%);transition:transform 1.15s var(--ease-out);transition-delay:calc(var(--i,0) * 150ms)}
.js [data-reveal="lines"].in .ln>span{transform:none}
.js [data-reveal="lines"] .rule{transform:scaleX(0);transition:transform 1s var(--ease-io) .75s}
.js [data-reveal="lines"].in .rule{transform:none}
/* list items arrive in sequence, each with a brass hairline drawing across */
.js [data-reveal="stagger"]>*{opacity:0;transform:translateY(16px);transition:opacity .9s ease,transform 1s var(--ease-out);transition-delay:calc(var(--i,0) * 110ms)}
.js [data-reveal="stagger"].in>*{opacity:1;transform:none}
.js [data-reveal="stagger"]>*::after{transform:scaleX(0);transition:transform 1.1s var(--ease-io);transition-delay:calc(var(--i,0) * 110ms + 150ms)}
.js [data-reveal="stagger"].in>*::after{transform:none}
/* words settle in, like ink */
.js [data-reveal="words"] .w{opacity:0;filter:blur(6px);transition:opacity 1s ease,filter 1.1s ease;transition-delay:calc(var(--i,0) * 45ms)}
.js [data-reveal="words"].in .w{opacity:1;filter:none}
/* a rail draws, then its nodes light in order */
.js [data-reveal="draw"]::before,.js [data-reveal="draw"] .tier-rail::before{transform:scaleX(0);transition:transform 1.6s var(--ease-io) .1s}
.js [data-reveal="draw"].in::before,.js [data-reveal="draw"].in .tier-rail::before{transform:none}
.js [data-reveal="draw"] .node{opacity:0;transform:scale(.4);transition:opacity .5s ease,transform .7s var(--ease-out);transition-delay:calc(.25s + var(--i,0) * 300ms)}
.js [data-reveal="draw"].in .node{opacity:1;transform:none}
.js [data-reveal="draw"] .step{opacity:0;transform:translateY(12px);transition:opacity .8s ease,transform .9s var(--ease-out);transition-delay:calc(.35s + var(--i,0) * 300ms)}
.js [data-reveal="draw"].in .step{opacity:1;transform:none}
}
.rule{display:block;width:clamp(72px,8vw,120px);height:2px;background:var(--brass);margin-top:.42em;transform-origin:left}
.statement .rule{margin-top:28px}
.w{display:inline-block}
/* Hexagon nodes */
.node{display:grid;place-items:center;width:34px;height:38px;flex:none;font-family:var(--display);font-size:17px;line-height:1;color:var(--navy);
background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.node.o{color:var(--brass);background-image:url("data:image/svg+xml;utf8,")}
/* ---- Timeline: a sequence on a drawn brass rail (Approach method, consulting phases) ---- */
.timeline{list-style:none;display:grid;grid-template-columns:repeat(var(--n,5),minmax(0,1fr));gap:clamp(20px,2.6vw,40px);position:relative;padding-top:0}
.timeline::before{content:"";position:absolute;left:0;right:0;top:19px;height:1px;background:var(--brass);transform-origin:left;opacity:.9}
.timeline li{position:relative;min-width:0}
.timeline .node{position:relative;z-index:1;margin-bottom:26px}
.timeline h3{font-size:clamp(25px,2.4vw,32px)}
.timeline p{font-size:15.5px;line-height:1.55;margin-top:10px;color:var(--muted)}
.navy .timeline p{color:var(--soft-dk)}
.ivory .timeline .node.o,.paper .timeline .node.o{background-image:url("data:image/svg+xml;utf8,");color:var(--brass-deep)}
@media (max-width:900px){
.timeline{grid-template-columns:1fr;gap:30px;padding-left:58px}
.timeline::before{left:17px;right:auto;top:6px;bottom:6px;width:1px;height:auto;transform-origin:top}
.js .timeline[data-reveal="draw"]::before{transform:scaleY(0)}
.js .timeline[data-reveal="draw"].in::before{transform:none}
.timeline .node{position:absolute;left:-58px;top:0;margin:0}
}
/* ---- Three levels: deepening involvement, white to sand to navy ---- */
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);position:relative}
.tier-rail{grid-column:1/-1;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);position:relative;margin-bottom:clamp(14px,2vw,26px)}
.tier-rail::before{content:"";position:absolute;left:17px;right:0;top:19px;height:1px;background:var(--brass);transform-origin:left}
.tier-rail li{display:flex;align-items:center;gap:16px;position:relative;z-index:1;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-deep)}
.tier-rail li span:not(.node){background:var(--paper);padding-right:14px}
.tier{position:relative;display:flex;flex-direction:column;gap:14px;padding:clamp(30px,3vw,46px) clamp(26px,2.6vw,40px) clamp(32px,3vw,44px);min-width:0;
transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}
.tier:hover{transform:translateY(-6px);box-shadow:0 34px 60px -28px rgba(11,29,42,.42)}
.tier-1{background:var(--white);box-shadow:inset 0 0 0 1px #E8DFCF}
.tier-1:hover{box-shadow:inset 0 0 0 1px #E8DFCF,0 34px 60px -28px rgba(11,29,42,.32)}
.tier-2{background:var(--sand)}
.tier-3{background:var(--navy);color:var(--cream)}
.tier .meter{display:flex;gap:6px}
.tier .meter i{width:13px;height:15px;display:block;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.tier .meter i.f{background-image:url("data:image/svg+xml;utf8,")}
.tier-3 .meter i{background-image:url("data:image/svg+xml;utf8,")}
.tier-3 .meter i.f{background-image:url("data:image/svg+xml;utf8,")}
.tier .meta{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:8px}
.tier h3{font-size:clamp(30px,2.8vw,40px);line-height:1.05}
.tier .says{font-family:var(--display);font-style:italic;font-size:clamp(21px,1.9vw,25px);line-height:1.25;color:var(--brass-deep)}
.tier>p:not(.meta):not(.says):not(.best){font-size:16px;color:var(--charcoal)}
.tier .checks{margin-top:6px}
.tier .checks li{font-size:15.5px;padding-block:10px}
.tier-2 .checks li{border-color:#D9CCB4}
.tier .best{font-size:14.5px;color:var(--muted);margin-top:auto;padding-top:10px}
.tier .best b{color:var(--navy);font-weight:600}
.tier .more{margin-top:auto}
.tier-3 h3{color:var(--cream)}
.tier-3 .says{color:var(--brass-lt)}
.tier-3 .meta{color:var(--muted-dk)}
.tier-3>p:not(.meta):not(.says):not(.best){color:var(--soft-dk)}
.tier-3 .checks li{border-color:var(--line-dk);color:var(--cream)}
.tier-3 .checks li::before{background-image:url("data:image/svg+xml;utf8,")}
.tier-3 .best{color:var(--muted-dk)}
.tier-3 .best b{color:var(--cream)}
@media (max-width:980px){
.tiers{grid-template-columns:1fr}
.tier-rail{display:none}
.tier:hover{transform:none}
}
/* ---- Icon panels: white panels on ivory, the hexagon turns on hover ---- */
.ipanels{display:grid;grid-template-columns:repeat(var(--cols,3),minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.ipanel{background:var(--white);padding:clamp(28px,2.6vw,38px) clamp(24px,2.4vw,34px) clamp(30px,2.8vw,40px);min-width:0;position:relative;
transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}
.ipanel::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:var(--brass);transform:scaleX(.18);transform-origin:left;transition:transform .7s var(--ease-io)}
.ipanel:hover{transform:translateY(-4px);box-shadow:0 30px 50px -30px rgba(11,29,42,.38)}
.ipanel:hover::before{transform:none}
.ipanel h3{font-size:clamp(23px,2vw,27px);margin-top:22px}
.ipanel p{font-size:15.5px;line-height:1.58;color:var(--muted);margin-top:10px}
.hx{width:64px;height:64px;display:block;overflow:visible}
.hx-o{fill:none;stroke:var(--brass);stroke-width:1.1;transform-box:fill-box;transform-origin:center;transition:transform .9s var(--ease-out),fill .5s ease}
.hx-i{fill:none;stroke:var(--brass-deep);stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.ipanel:hover .hx-o{transform:rotate(30deg);fill:rgba(179,138,87,.12)}
@media (max-width:1020px){.ipanels{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.ipanels{grid-template-columns:1fr}.ipanel:hover{transform:none}}
/* ---- Pillars: the benefit leads each group ---- */
.pillar .benefit{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(28px,2.7vw,38px);line-height:1.08;color:var(--brass);padding:10px 0 20px;border-bottom:1px solid var(--line-dk)}
.ivory .pillar .benefit,.paper .pillar .benefit{color:var(--brass-deep);border-bottom-color:var(--line)}
.pillar .eyebrow{padding-bottom:0;border-bottom:0;margin-bottom:0}
/* ---- Questions list: the hairline draws as each question arrives ---- */
.questions li{position:relative}
.questions li::after{content:"";position:absolute;left:0;top:-1px;height:1px;width:100%;background:var(--brass);transform-origin:left}
@media (prefers-reduced-motion:reduce){.questions li::after{display:none}}
.questions:not([data-reveal]) li::after{display:none}
/* ---- Tinted photographs behind navy sections ---- */
.has-bg{position:relative;isolation:isolate;overflow:hidden}
.bg{position:absolute;inset:0;z-index:-1;background:var(--navy)}
.bg picture{display:block;width:100%;height:100%}
.bg img{width:100%;height:100%;object-fit:cover;opacity:.2}
.bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,29,42,.6) 0%,rgba(11,29,42,.15) 62%,rgba(11,29,42,.35) 100%)}
.has-bg .eyebrow,.has-bg .statement em,.has-bg h2 em,.has-bg .questions li em{color:var(--brass-lt)}
.has-bg .rule{background:var(--brass-lt)}
.bleed-band{padding-inline:0;background:var(--navy)}
.statement .w{display:inline-block}
/* engagement modes: hexagon meter instead of dots */
.mode .dots{top:-7px;gap:5px}
.mode .dots i{width:12px;height:14px;border-radius:0;border:0;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.mode .dots i.o{border:0;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.tier-2 .says{color:#6E5230}
/* ==========================================================================
v3 — home hero: path chooser and proof bar
========================================================================== */
.hero{padding-bottom:0}
.hero .wrap{grid-template-columns:minmax(0,1.25fr) minmax(0,.95fr);align-items:center}
.hero .bg img{opacity:.16;-webkit-mask-image:linear-gradient(90deg,transparent 25%,#000 80%);mask-image:linear-gradient(90deg,transparent 25%,#000 80%)}
.hero .lede{max-width:44ch;color:var(--soft-dk)}
.hero .talk{margin-top:26px;font-size:15px;color:var(--muted-dk)}
.hero .talk a{color:var(--cream);text-decoration:none;border-bottom:1px solid var(--line-dk);transition:border-color .2s}
.hero .talk a:hover{border-bottom-color:var(--brass)}
.routes{display:flex;flex-direction:column;gap:14px;animation:fade 1.1s .6s both}
.routes .choose{font-family:var(--display);font-style:italic;font-size:clamp(22px,1.9vw,26px);color:var(--brass-lt);margin-bottom:4px}
@property --a{syntax:"";inherits:false;initial-value:0deg}
@keyframes trace{to{--a:360deg}}
.route{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:8px;padding:clamp(22px,2.2vw,30px) clamp(22px,2.4vw,32px);text-decoration:none;color:var(--cream);
background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));border:1px solid rgba(179,138,87,.32);
box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:transform .6s var(--ease-out),background .4s,border-color .4s,box-shadow .6s var(--ease-out)}
.route::before{content:"";position:absolute;inset:-1px;padding:1px;pointer-events:none;
background:conic-gradient(from var(--a),transparent 0deg 290deg,rgba(205,168,120,.95) 335deg,transparent 360deg);
-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0);
animation:trace 11s linear infinite}
.route+.route::before{animation-delay:-5.5s}
.route:hover,.route:focus-visible{transform:translateY(-4px);background:linear-gradient(180deg,rgba(205,168,120,.12),rgba(205,168,120,.04));border-color:var(--brass);
box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 0 1px rgba(205,168,120,.25),0 30px 60px -28px rgba(0,0,0,.75)}
.route-who{font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-lt)}
.route-name{font-family:var(--display);font-size:clamp(28px,2.6vw,36px);line-height:1.05;color:var(--cream)}
.route-what{font-size:15.5px;line-height:1.55;color:var(--soft-dk);max-width:46ch}
.route-go{display:inline-flex;align-items:center;gap:10px;margin-top:6px;font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-lt);transition:gap .3s}
.route-go::after{content:"→";letter-spacing:0;font-size:15px}
.route:hover .route-go{gap:16px;color:var(--cream)}
.proof{margin-top:clamp(56px,6vw,88px);border-top:1px solid var(--line-dk);padding-block:clamp(22px,2.4vw,30px) clamp(26px,2.6vw,34px)}
.hero .wrap.proof{display:block}
.proof ul{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.proof li{display:flex;align-items:baseline;gap:12px;min-width:0;animation:fade 1s both;animation-delay:calc(.8s + var(--i,0) * .15s)}
.proof li:nth-child(2){--i:1}.proof li:nth-child(3){--i:2}.proof li:nth-child(4){--i:3}
.proof b{font-family:var(--display);font-weight:500;font-size:clamp(30px,2.8vw,40px);line-height:1;color:var(--brass-lt);white-space:nowrap}
.proof span{font-size:13px;line-height:1.35;color:var(--muted-dk)}
.proof-note{margin-top:14px;font-size:12.5px;color:var(--muted-dk)}
a.ipanel{text-decoration:none;color:inherit;display:flex;flex-direction:column}
a.ipanel .more{margin-top:auto;padding-top:22px}
a.ipanel p{margin-bottom:6px}
@media (max-width:980px){.proof ul{grid-template-columns:1fr 1fr;row-gap:22px}}
@media (max-width:880px){.hero .wrap{grid-template-columns:1fr}.routes{margin-top:8px}.hero .bg img{-webkit-mask-image:none;mask-image:none;opacity:.12}}
@media (max-width:480px){.proof li{flex-direction:column;gap:4px}}
/* Visitors who ask for reduced motion still get gentle fades: no movement, no looping. */
@media (prefers-reduced-motion:reduce){
.hero h1 span,.hero .lede,.hero .talk,.routes,.proof li{animation:fade 1.1s both!important}
.hero h1 span:nth-child(2){animation-delay:.15s!important}.hero h1 span:nth-child(3){animation-delay:.3s!important}
.hero .lede,.hero .talk{animation-delay:.45s!important}.routes{animation-delay:.6s!important}
.proof li{animation-delay:calc(.8s + var(--i,0) * .15s)!important}
.route::before{animation:none!important;opacity:0}
.js [data-reveal="lines"] .ln>span,.js [data-reveal="stagger"]>*,.js [data-reveal="words"] .w,.js [data-reveal="draw"] .node,.js [data-reveal="draw"] .step{opacity:0;transition:opacity 1.2s ease!important}
.js [data-reveal="lines"] .ln>span{transition-delay:calc(var(--i,0) * 200ms)!important}
.js [data-reveal="stagger"]>*{transition-delay:calc(var(--i,0) * 110ms)!important}
.js [data-reveal="words"] .w{transition-delay:calc(var(--i,0) * 35ms)!important}
.js [data-reveal="draw"] .node,.js [data-reveal="draw"] .step{transition-delay:calc(.2s + var(--i,0) * 250ms)!important}
.js [data-reveal].in .ln>span,.js [data-reveal="stagger"].in>*,.js [data-reveal="words"].in .w,.js [data-reveal="draw"].in .node,.js [data-reveal="draw"].in .step{opacity:1}
}
.hero{padding-top:clamp(48px,5.5vw,76px)}
.hero .wrap{grid-template-columns:minmax(0,1.35fr) minmax(0,.9fr);gap:clamp(36px,4.5vw,72px)}
.hero h1{font-size:clamp(42px,4.9vw,68px);margin-top:24px}
.hero .lede{margin-top:28px}
.route{gap:6px;padding:22px 26px 22px}
.route-name{font-size:clamp(26px,2.2vw,32px)}
.route-go{margin-top:4px}
.proof{margin-top:clamp(44px,5vw,64px)}
.proof b,.proof-figs{font-variant-numeric:lining-nums;font-feature-settings:'lnum' 1}
/* warm the hero photograph toward the brass palette, with a low amber glow behind the path cards */
.hero .bg img{opacity:.2;filter:sepia(.55) saturate(1.6) hue-rotate(-12deg) brightness(1.08)}
.hero .bg::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(60% 70% at 78% 45%,rgba(205,150,80,.16),transparent 70%)}
.proof ul{grid-template-columns:repeat(5,minmax(0,1fr))}
.proof li{flex-direction:column;align-items:flex-start;gap:6px}
.proof li:nth-child(5){--i:4}
@media (max-width:980px){.proof ul{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.proof ul{grid-template-columns:1fr 1fr}}
@media (max-width:880px){.hero .wrap{grid-template-columns:1fr}.routes{margin-top:8px}}
.hero .talk{margin-top:34px;font-size:inherit;color:inherit}
.hero .talk-q{font-family:var(--display);font-style:italic;font-size:clamp(23px,2vw,28px);line-height:1.2;color:var(--brass-lt)}
.hero .talk-a{margin-top:8px;font-size:clamp(17px,1.4vw,19px);color:var(--soft-dk)}
.hero .talk-a a{color:var(--cream);text-decoration:none;border-bottom:1px solid rgba(205,168,120,.55);padding-bottom:1px;transition:border-color .2s,color .2s}
.hero .talk-a a:hover{color:var(--brass-lt);border-bottom-color:var(--brass-lt)}
.proof-note a{color:var(--cream);text-decoration:none;border-bottom:1px solid rgba(205,168,120,.55);transition:color .2s,border-color .2s}
.proof-note a:hover{color:var(--brass-lt);border-bottom-color:var(--brass-lt)}
.hero .talk-a a{overflow-wrap:anywhere}
/* ==========================================================================
v4 — say it, then stop talking: three lanes, pull quotes, call-outs
========================================================================== */
/* Cormorant's old-style "1" reads as a Roman numeral; lining figures everywhere. */
html{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
/* nav: a menu label that only opens its list */
.nav>li>button.nav-top{padding:12px 12px}
@media (max-width:1240px){
.m-top.m-only{width:100%;font:inherit;font-family:var(--display);font-size:29px;font-weight:500}
.m-only .caret{width:9px;height:9px;margin-right:16px}
.m-only[aria-expanded="true"] .caret{transform:translateY(2px) rotate(-135deg)}
}
/* home hero: three routes */
.routes{gap:11px}
.route{padding:18px 24px 19px;gap:5px}
.route-name{font-size:clamp(24px,2vw,29px);text-wrap:balance}
.route-name i{font-style:normal;color:var(--brass);margin:0 .08em}
.route-what{font-size:15px;line-height:1.5}
.route:nth-of-type(2)::before{animation-delay:-3.7s}
.route:nth-of-type(3)::before{animation-delay:-7.4s}
.route-go{margin-top:2px}
/* proof bar: one centered call-out, grouped tight */
.proof{text-align:center}
.proof ul{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
.proof li{flex:none;align-items:center;text-align:center;padding:0 clamp(18px,2.3vw,34px);position:relative}
.proof li+li::before{content:"";position:absolute;left:0;top:8%;bottom:8%;width:1px;background:rgba(179,138,87,.38)}
.proof-note{text-align:center}
@media (max-width:760px){
.proof ul{display:grid;grid-template-columns:1fr 1fr;row-gap:24px}
.proof li{padding:0 10px}
.proof li+li::before{display:none}
.proof li:nth-child(5){grid-column:1/-1}
}
/* home: the line that speaks to all three seats */
.unify{display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px;max-width:920px;margin:clamp(12px,3vw,40px) auto 0}
.unify::before{content:"";width:1px;height:clamp(40px,5vw,64px);background:var(--brass)}
.unify-line{font-family:var(--display);font-weight:500;font-size:clamp(30px,3.7vw,52px);line-height:1.12;letter-spacing:-.008em;color:var(--navy);text-wrap:balance}
.unify-line em{color:var(--brass-deep)}
.unify-sub{font-size:clamp(16px,1.3vw,18px);color:var(--muted);max-width:58ch}
/* service heroes over a full-bleed photograph */
.phero.photo{padding-block:clamp(64px,8vw,128px) clamp(76px,9vw,140px)}
.phero.photo .wrap.one>div{max-width:780px}
.phero.photo .bg img{opacity:.62;-webkit-mask-image:linear-gradient(90deg,transparent 12%,#000 70%);mask-image:linear-gradient(90deg,transparent 12%,#000 70%)}
.phero.photo .bg::after{background:linear-gradient(90deg,rgba(11,29,42,.9) 0%,rgba(11,29,42,.55) 48%,rgba(11,29,42,.12) 100%)}
.phero h1.svc{font-size:clamp(44px,5.4vw,80px);line-height:1.02;max-width:15ch}
.phero h1.svc em{display:block;color:var(--brass-lt);font-style:italic}
.phero.photo .lede{color:var(--soft-dk)}
@media (max-width:880px){.phero.photo .bg img{-webkit-mask-image:none;mask-image:none;opacity:.32}.phero.photo .bg::after{background:rgba(11,29,42,.55)}}
@media (prefers-reduced-motion:no-preference){
.phero.photo .bg img{animation:drift 26s ease-out both}
@keyframes drift{from{transform:scale(1.07)}to{transform:scale(1)}}
.phero h1.svc,.phero.photo .says,.phero.photo .lede,.phero.photo .btns{animation:rise .9s cubic-bezier(.2,.7,.2,1) both}
.phero.photo .says{animation-delay:.12s}.phero.photo .lede{animation-delay:.24s}.phero.photo .btns{animation-delay:.36s}
}
/* a statement given the whole section */
.statement.center{margin:0 auto;text-align:center;max-width:none}
.statement.center .rule{margin:30px auto 0;transform-origin:center}
/* the founder's operating record */
.exec{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);gap:clamp(36px,7vw,112px);align-items:start}
.exec>*{min-width:0}
.exec h2{font-size:clamp(36px,4.2vw,58px)}
.exec .more{margin-top:10px}
.exec-body{gap:18px}
.exec-lede{font-family:var(--display);font-size:clamp(23px,2.2vw,30px);line-height:1.3;color:var(--navy)}
.exec-lede b{font-weight:600}
.figs{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--navy);border-bottom:1px solid var(--line);margin-top:12px}
.figs li{padding:22px 14px 20px 0;display:flex;flex-direction:column;gap:6px;min-width:0}
.figs li+li{padding-left:18px;border-left:1px solid var(--line)}
.figs b{font-family:var(--display);font-weight:500;font-size:clamp(34px,3.3vw,48px);line-height:1;color:var(--brass-deep);white-space:nowrap}
.figs span{font-size:13px;line-height:1.35;color:var(--muted)}
@media (max-width:880px){.exec{grid-template-columns:1fr}}
@media (max-width:560px){.figs{grid-template-columns:1fr 1fr}.figs li:nth-child(3){padding-left:0;border-left:0}.figs li:nth-child(n+3){border-top:1px solid var(--line)}}
/* pull quotes: a signature line with room around it */
.quote-band{padding-block:clamp(84px,10vw,156px)}
.pull{margin:0 auto;max-width:1000px;text-align:center;display:flex;flex-direction:column;align-items:center}
.pull-mark{display:block;font-family:var(--display);font-size:clamp(96px,10vw,150px);line-height:1;height:.46em;color:var(--brass);margin-bottom:6px}
.pull blockquote{margin:0}
.pull blockquote p{font-family:var(--display);font-weight:500;font-size:clamp(32px,4.4vw,62px);line-height:1.12;letter-spacing:-.01em;color:var(--navy);text-wrap:balance}
.pull blockquote em{color:var(--brass-deep);font-style:italic}
.pull .rule{margin:36px auto 0;transform-origin:center}
.pull figcaption{margin-top:22px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--navy)}
.pull figcaption span{display:block;margin-top:6px;font-size:14px;font-weight:500;letter-spacing:.04em;text-transform:none;color:var(--muted)}
.pull.sm blockquote p{font-size:clamp(30px,3.4vw,46px)}
.navy .pull blockquote p{color:var(--cream)}
.navy .pull blockquote em{color:var(--brass-lt)}
.navy .pull figcaption{color:var(--cream)}
.navy .pull figcaption span{color:var(--muted-dk)}
@media (prefers-reduced-motion:no-preference){
.js [data-reveal="pull"] .pull-mark{opacity:0;transform:scale(.55) translateY(14px);transition:opacity .9s ease,transform 1.3s var(--ease-out)}
.js [data-reveal="pull"].in .pull-mark{opacity:1;transform:none}
.js [data-reveal="pull"] .w{opacity:0;filter:blur(6px);transition:opacity 1s ease,filter 1.1s ease;transition-delay:calc(.3s + var(--i,0) * 42ms)}
.js [data-reveal="pull"].in .w{opacity:1;filter:none}
.js [data-reveal="pull"] .rule{transform:scaleX(0);transition:transform 1.1s var(--ease-io) 1.1s}
.js [data-reveal="pull"].in .rule{transform:none}
.js [data-reveal="pull"] figcaption{opacity:0;transition:opacity 1s ease 1.5s}
.js [data-reveal="pull"].in figcaption{opacity:1}
.js [data-reveal="rise"]{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform 1.1s var(--ease-out)}
.js [data-reveal="rise"].in{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){
.js [data-reveal="pull"] .pull-mark,.js [data-reveal="pull"] .w,.js [data-reveal="pull"] figcaption,.js [data-reveal="rise"]{opacity:0;transition:opacity 1.2s ease!important}
.js [data-reveal="pull"] .w{transition-delay:calc(var(--i,0) * 30ms)!important}
.js [data-reveal="pull"].in .pull-mark,.js [data-reveal="pull"].in .w,.js [data-reveal="pull"].in figcaption,.js [data-reveal="rise"].in{opacity:1}
}
/* ---- articles: contents up front, then the reading ---- */
.art-lead{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(14px,1.6vw,22px);margin-bottom:clamp(48px,5.5vw,80px)}
.art-lead>*{min-width:0}
.art-lead .keypoints{align-self:start}
.toc-card{background:var(--navy);color:var(--cream);padding:clamp(26px,2.6vw,36px) clamp(24px,2.6vw,36px) clamp(18px,2vw,26px)}
.toc-card .eyebrow{color:var(--brass)}
.toc-card .read{margin-top:6px;font-size:13.5px;color:var(--muted-dk)}
.toc-card ol{list-style:none;counter-reset:t;margin-top:18px}
.toc-card li{counter-increment:t;border-top:1px solid var(--line-dk)}
.toc-card a{display:grid;grid-template-columns:36px minmax(0,1fr) 16px;align-items:baseline;gap:6px;padding:12px 0;text-decoration:none;font-family:var(--display);font-size:clamp(19px,1.55vw,22px);line-height:1.25;color:var(--cream);transition:color .2s}
.toc-card a::before{content:counter(t,decimal-leading-zero);font-family:var(--body);font-size:12px;font-weight:600;letter-spacing:.1em;color:var(--brass)}
.toc-card a::after{content:"\2192";font-family:var(--body);font-size:14px;color:var(--brass-lt);opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s}
.toc-card a:hover,.toc-card a:focus-visible{color:var(--brass-lt)}
.toc-card a:hover::after,.toc-card a:focus-visible::after{opacity:1;transform:none}
.art-lead .keypoints{padding:clamp(26px,2.6vw,36px)}
.keypoints ul{list-style:none;padding-left:0;font-size:16.5px}
.keypoints li{position:relative;padding-left:26px}
.keypoints li+li{margin-top:.75em}
.keypoints li::before,.prose ul>li::before{content:"";position:absolute;left:1px;top:.42em;width:12px;height:14px;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
@media (max-width:980px){.art-lead{grid-template-columns:1fr}}
.article-grid .aside{gap:20px}
/* prose: bullets with hexagon markers, sections marked with a brass rule */
.prose ul{list-style:none;padding-left:0}
.prose ul>li{position:relative;padding-left:28px}
.prose ul>li+li{margin-top:.75em}
.prose h2{position:relative;padding-top:28px;margin-top:2.3em}
.prose h2::before{content:"";position:absolute;left:0;top:0;width:56px;height:2px;background:var(--brass)}
.prose>h2:first-child{margin-top:0}
.prose p.lead{font-family:var(--display);font-size:clamp(25px,2.4vw,32px);line-height:1.24;color:var(--navy)}
.prose p.lead strong{font-weight:600}
/* call-out boxes (Markdown "!!!" blocks) */
.prose .admonition{margin:2.2em 0;padding:clamp(24px,2.8vw,36px) clamp(24px,3vw,40px);position:relative}
.prose .admonition>*+*{margin-top:.8em}
.prose .admonition-title{display:flex;align-items:center;gap:12px;font-family:var(--body);font-size:11.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brass-deep);line-height:1.4}
.prose .admonition-title::before{content:"";flex:none;width:15px;height:17px;background:url("data:image/svg+xml;utf8,") center/contain no-repeat}
.prose .admonition p:not(.admonition-title){font-family:var(--display);font-size:clamp(22px,2vw,27px);line-height:1.3;color:var(--navy)}
.prose .admonition p:not(.admonition-title) strong{font-weight:600}
.prose .admonition.tip{background:var(--sand)}
.prose .admonition.tip .admonition-title{color:#6E5230}
.prose .admonition.note{background:var(--white);box-shadow:inset 2px 0 0 var(--brass)}
.prose .admonition.check{background:var(--white);border-top:2px solid var(--brass)}
.prose .admonition.check ul>li{font-size:17px;line-height:1.55;padding-block:12px;margin:0;border-top:1px solid var(--line)}
.prose .admonition.check ul>li::before{top:1.15em}
.prose .admonition.warning{background:var(--navy);color:var(--cream)}
.prose .admonition.warning .admonition-title{color:var(--brass-lt)}
.prose .admonition.warning ul{margin-top:1em}
.prose .admonition.warning ul>li{font-family:var(--display);font-size:clamp(21px,1.9vw,25px);line-height:1.28;color:var(--cream);padding-block:13px;margin:0;border-top:1px solid var(--line-dk)}
.prose .admonition.warning ul>li::before{top:1.05em;background-image:url("data:image/svg+xml;utf8,")}
.prose .admonition.warning p:not(.admonition-title){color:var(--brass-lt);font-style:italic}
.prose .admonition.warning strong{color:var(--cream)}
/* prose pull quote */
.prose blockquote{margin:2.4em 0;padding:clamp(26px,3vw,40px) 0;border:0;border-top:1px solid var(--brass);border-bottom:1px solid var(--brass);font-family:var(--display);font-style:normal;font-size:clamp(27px,3vw,38px);line-height:1.2;color:var(--navy);text-align:center}
.prose blockquote p{text-wrap:balance}
.prose blockquote em{color:var(--brass-deep)}
.art-close{margin-top:clamp(40px,5vw,64px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--line)}
/* a big figure, set apart (Owner Advisory value illustration) */
.bigfig{display:flex;flex-direction:column;gap:10px;padding:clamp(28px,3vw,40px);border:1px solid rgba(179,138,87,.45);background:rgba(255,255,255,.03)}
.bigfig .eyebrow{color:var(--brass)}
.bigfig b{font-family:var(--display);font-weight:500;font-size:clamp(64px,8vw,112px);line-height:.95;color:var(--brass-lt);letter-spacing:-.01em}
.bigfig .what{font-family:var(--display);font-size:clamp(22px,2vw,27px);line-height:1.25;color:var(--cream)}
.bigfig .note{margin-top:6px}
.art-lead .keypoints ul{font-family:var(--display);font-size:clamp(19px,1.5vw,21px);line-height:1.36;color:var(--navy)}
.art-lead .keypoints li::before{top:.38em}
.art-lead .keypoints li+li{margin-top:.85em}
.phero h1.svc{max-width:none;font-size:clamp(44px,5vw,76px)}
.pull blockquote p{font-size:clamp(34px,4.9vw,72px)}
.pull.sm blockquote p{font-size:clamp(30px,3.4vw,46px)}
.route{container-type:inline-size}
@container (max-width:440px){.route-name i{display:none}.route-name .rk{display:block}}
.dd{min-width:290px}
/* ==========================================================================
v5 — landing hero with the mark, three owner paths, path pages, About
========================================================================== */
:root{--assess:#B38A57;--monitor:#26343E;--lead:#0B1D2A;
--hexf:url("data:image/svg+xml;utf8,");
--hexo:url("data:image/svg+xml;utf8,")}
/* involvement marker */
.inv{display:inline-flex;gap:4px;align-items:center;--c:var(--brass-deep)}
.inv i{display:block;width:12px;height:14px;background:var(--c);-webkit-mask:var(--hexo) center/contain no-repeat;mask:var(--hexo) center/contain no-repeat}
.inv i.f{-webkit-mask-image:var(--hexf);mask-image:var(--hexf)}
.inv-assess{--c:var(--assess)}.inv-monitor{--c:var(--monitor)}.inv-lead{--c:var(--lead)}
.navy .inv,.price-band .inv{--c:var(--brass-lt)}
/* ---- landing hero: the mark ---- */
.lhero{position:relative;overflow:hidden;isolation:isolate;padding-block:clamp(52px,6.5vw,92px) clamp(48px,6vw,80px);text-align:center}
.lhero-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;
background:radial-gradient(38% 46% at 50% 30%,rgba(205,150,80,.17),transparent 72%),radial-gradient(120% 70% at 50% 120%,rgba(23,51,74,.9),transparent 60%)}
.lhero-in{display:flex;flex-direction:column;align-items:center}
.lmark{--lw:clamp(190px,18vw,262px);margin:0;display:flex;flex-direction:column;align-items:center;line-height:0}
.lmark-sym{position:relative;display:block;width:var(--lw)}
.lmark-rings{width:100%;height:auto;display:block}
.lmark-hex{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.lmark-hex polygon{fill:none;stroke-linejoin:miter}
.hx-line{stroke:var(--brass);stroke-width:3.6}
.hx-glow{stroke:#F2CF92;stroke-width:12;stroke-dasharray:9 91;opacity:0}
.hx-spark{stroke:#FFF3DA;stroke-width:4.2;stroke-dasharray:6 94;stroke-linecap:round;opacity:0}
.lmark-word{width:var(--lw);height:auto;margin-top:calc(var(--lw) * .07)}
.lkick{justify-content:center;margin-top:24px;color:var(--brass-lt)!important}
@keyframes hxdraw{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
@keyframes hxlap{0%{stroke-dashoffset:0;opacity:0}6%{opacity:1}88%{opacity:1}100%{stroke-dashoffset:-100;opacity:0}}
@keyframes ringsin{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}
.hx-line{stroke-dasharray:100;animation:hxdraw 1.7s cubic-bezier(.65,0,.35,1) .15s both}
.hx-glow,.hx-spark{animation:hxlap 2.8s cubic-bezier(.45,.05,.55,.95) 1.75s 1 both}
.lmark-rings{animation:ringsin 1.2s cubic-bezier(.2,.7,.2,1) .7s both}
.lmark-word{animation:rise 1s cubic-bezier(.2,.7,.2,1) 1.15s both}
.lkick{animation:fade 1s 1.45s both}
.hstats{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;margin-top:clamp(36px,4.5vw,56px);padding-top:clamp(26px,3vw,34px);border-top:1px solid rgba(179,138,87,.28)}
.hstats li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:0 clamp(16px,2.4vw,38px);position:relative;animation:rise .9s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(1.7s + var(--i,0) * .13s)}
.hstats li+li::before{content:"";position:absolute;left:0;top:10%;bottom:10%;width:1px;background:rgba(179,138,87,.35)}
.hstats li:nth-child(2){--i:1}.hstats li:nth-child(3){--i:2}.hstats li:nth-child(4){--i:3}.hstats li:nth-child(5){--i:4}
.hstats b{font-family:var(--display);font-weight:500;font-size:clamp(40px,4.3vw,62px);line-height:1;color:var(--brass-lt);white-space:nowrap}
.hstats span{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-dk)}
.lhero-cta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:18px 30px;margin-top:clamp(34px,4vw,50px);animation:fade 1s 2.35s both}
.founder-chip{display:inline-flex;align-items:center;gap:14px;text-decoration:none;text-align:left;color:var(--cream)}
.founder-chip img{width:56px;height:56px;border-radius:50%;object-fit:cover;box-shadow:0 0 0 1px var(--brass),0 0 0 5px rgba(179,138,87,.14)}
.founder-chip b{display:block;font-family:var(--display);font-weight:500;font-size:23px;line-height:1.1;transition:color .2s}
.founder-chip span span{display:block;font-size:13px;color:var(--muted-dk);margin-top:3px}
.founder-chip:hover b{color:var(--brass-lt)}
.lhero .proof-note{margin-top:24px;font-size:12.5px;color:var(--muted-dk);animation:fade 1s 2.5s both}
@media (max-width:760px){
.hstats{display:grid;grid-template-columns:1fr 1fr;row-gap:26px;width:100%}
.hstats li{padding:0 8px}.hstats li+li::before{display:none}
.hstats li:nth-child(5){grid-column:1/-1}
.hstats span{font-size:11px;letter-spacing:.12em}
}
@media (prefers-reduced-motion:reduce){
.hx-glow,.hx-spark{display:none}
.lmark-rings,.lmark-word,.lkick,.hstats li,.lhero-cta,.lhero .proof-note{animation:fade 1.1s both!important}
.lmark-word{animation-delay:.2s!important}.lkick{animation-delay:.35s!important}
.hstats li{animation-delay:calc(.5s + var(--i,0) * .12s)!important}
.lhero-cta,.lhero .proof-note{animation-delay:1.1s!important}
}
/* ---- home: the brand line, then three paths ---- */
.brand-line{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.brand-line .statement{font-size:clamp(42px,6.2vw,92px)}
.brand-sub{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:52ch}
.paths-head{text-align:center;display:flex;flex-direction:column;align-items:center;gap:12px;margin-top:clamp(20px,4vw,48px)}
.paths-head h2{font-size:clamp(34px,3.8vw,52px)}
.ppaths{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.ppath{position:relative;isolation:isolate;display:flex;align-items:flex-end;min-height:clamp(380px,36vw,520px);overflow:hidden;text-decoration:none;color:var(--cream);background:var(--navy)}
.ppath-ph{position:absolute;inset:0;z-index:-2;margin:0}
.ppath-ph img{transition:transform 1.4s var(--ease-out)}
.ppath::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,29,42,.18) 0%,rgba(11,29,42,.55) 42%,rgba(11,29,42,.94) 78%)}
.ppath::after{content:"";position:absolute;inset:12px;border:1px solid rgba(205,168,120,0);transition:border-color .5s,inset .6s var(--ease-out);pointer-events:none}
.ppath:hover .ppath-ph img,.ppath:focus-visible .ppath-ph img{transform:scale(1.06)}
.ppath:hover::after,.ppath:focus-visible::after{border-color:rgba(205,168,120,.75);inset:14px}
.ppath-txt{display:flex;flex-direction:column;gap:8px;padding:clamp(24px,2.4vw,34px)}
.ppath-name{font-family:var(--display);font-size:clamp(27px,2.4vw,34px);line-height:1.08;color:var(--cream)}
.ppath-name .rk{display:block;font-style:italic;color:var(--brass-lt)}
.ppath-what{font-size:15.5px;line-height:1.5;color:var(--soft-dk)}
.ppath .route-go{margin-top:8px}
.ppath:hover .route-go{gap:16px;color:var(--cream)}
@media (max-width:900px){.ppaths{grid-template-columns:1fr}.ppath{min-height:340px}}
/* ---- owner overview ---- */
.says.tri span{display:block}
.says.tri span:nth-child(2){color:var(--cream)}
.matters{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,96px);align-items:center}
.matters>*{min-width:0}
.matters .statement{font-size:clamp(42px,5.4vw,80px)}
.value{gap:18px}
.value-h{font-family:var(--display);color:var(--navy)}
.value-h em{color:var(--brass-deep)}
.bigfig.light{background:var(--paper);border:1px solid var(--line);border-top:2px solid var(--brass)}
.bigfig.light .eyebrow{color:var(--brass-deep)}
.bigfig.light b{color:var(--brass-deep)}
.bigfig.light .what{color:var(--navy)}
.gaps{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,2.6vw,40px);border-top:1px solid var(--line);padding-top:26px}
.gaps li{font-size:15.5px;line-height:1.55;color:var(--muted)}
.gaps b{display:block;font-family:var(--display);font-weight:500;font-size:clamp(21px,1.8vw,24px);line-height:1.2;color:var(--navy);margin-bottom:8px}
@media (max-width:980px){.matters{grid-template-columns:1fr}.gaps{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.gaps{grid-template-columns:1fr}}
.pcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.pcard{display:flex;flex-direction:column;background:var(--white);text-decoration:none;color:inherit;box-shadow:0 1px 0 var(--line);transition:transform .6s var(--ease-out),box-shadow .6s var(--ease-out)}
.pcard:hover,.pcard:focus-visible{transform:translateY(-6px);box-shadow:0 34px 60px -30px rgba(11,29,42,.4)}
.pcard-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:15px clamp(22px,2.4vw,32px);font-size:11.5px;font-weight:600;letter-spacing:.22em;text-transform:uppercase}
.pcard-assess .pcard-top{background:var(--assess);color:var(--navy)}
.pcard-assess .pcard-top .inv{--c:var(--navy)}
.pcard-monitor .pcard-top{background:var(--monitor);color:var(--cream)}
.pcard-lead .pcard-top{background:var(--lead);color:var(--cream)}
.pcard-monitor .pcard-top .inv,.pcard-lead .pcard-top .inv{--c:var(--brass-lt)}
.pcard-body{display:flex;flex-direction:column;gap:12px;padding:clamp(24px,2.6vw,36px) clamp(22px,2.4vw,32px) clamp(26px,2.6vw,34px);flex:1}
.pcard .meta{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.pcard h3{font-size:clamp(30px,2.7vw,38px);line-height:1.04}
.pcard .says{font-family:var(--display);font-style:italic;font-size:clamp(20px,1.7vw,23px);line-height:1.25;color:var(--brass-deep)}
.pcard .checks li{font-size:15px;padding-block:10px}
.pcard .from{margin-top:auto;padding-top:14px;font-size:14px;color:var(--muted)}
.pcard .from b{font-family:var(--display);font-weight:500;font-size:28px;color:var(--navy);margin-right:4px}
.pcard .more{margin-top:6px}
.pcard:hover .more{gap:14px;color:var(--navy)}
.fees{display:flex;flex-direction:column;gap:10px;text-align:center;align-items:center}
.fees-line{font-family:var(--display);font-size:clamp(22px,2.1vw,28px);line-height:1.3;color:var(--navy);max-width:44ch}
@media (max-width:980px){.pcards{grid-template-columns:1fr}.pcard:hover{transform:none}}
.choose2{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,20px)}
.choose2>div{background:var(--white);padding:clamp(26px,2.8vw,38px);display:flex;flex-direction:column;gap:12px;box-shadow:inset 0 2px 0 var(--brass)}
.choose2 h3{font-size:clamp(26px,2.4vw,32px)}
.choose2 p{color:var(--muted);font-size:16px}
.choose2 .more{margin-top:auto}
@media (max-width:760px){.choose2{grid-template-columns:1fr}}
.sample-band{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(36px,6vw,96px);align-items:center}
.sample-stack{position:relative;display:block;height:clamp(300px,30vw,420px)}
.sample-stack img{position:absolute;width:62%;height:auto;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);transition:transform .8s var(--ease-out)}
.sample-stack .s2{left:30%;top:8%;transform:rotate(5deg)}
.sample-stack .s1{left:4%;top:0;transform:rotate(-3deg)}
.sample-band:hover .s1{transform:rotate(-5deg) translateX(-8px)}
.sample-band:hover .s2{transform:rotate(7deg) translateX(8px)}
@media (max-width:880px){.sample-band{grid-template-columns:1fr}.sample-stack{height:300px;max-width:420px}}
/* ---- path pages ---- */
.path-tag{display:flex;align-items:center;gap:14px;margin-top:26px;font-size:12px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--brass-lt)}
.path-tag .inv i{width:15px;height:17px}
.path-hero h1{margin-top:14px}
.glance{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.4vw,20px)}
.glance li{background:var(--white);padding:clamp(22px,2.4vw,30px);display:flex;flex-direction:column;gap:10px;box-shadow:inset 0 3px 0 var(--c,var(--brass))}
.glance-assess{--c:var(--assess)}.glance-monitor{--c:var(--monitor)}.glance-lead{--c:var(--lead)}
.glance li p:not(.eyebrow){font-family:var(--display);font-size:clamp(20px,1.8vw,24px);line-height:1.28;color:var(--navy)}
.glance-for{margin-top:22px;font-size:16px;color:var(--muted);max-width:80ch}
.glance-for b{color:var(--navy);font-weight:600;margin-right:6px}
@media (max-width:820px){.glance{grid-template-columns:1fr}}
.timeline .when{font-size:11.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-deep);margin-bottom:6px}
.timeline h3{font-size:clamp(22px,2vw,27px)}
.tl-monitor .node{filter:saturate(.2) brightness(.7)}
.cadence{display:grid;gap:clamp(12px,1.4vw,20px);grid-template-columns:repeat(2,minmax(0,1fr))}
.cad-5,.cad-6{grid-template-columns:repeat(3,minmax(0,1fr))}
.cad{background:var(--white);padding:clamp(24px,2.6vw,34px);min-width:0}
.cad h3{font-size:clamp(22px,2vw,27px);margin-bottom:12px}
.cad .checks li{font-size:15.5px;padding-block:11px}
@media (max-width:980px){.cad-5,.cad-6{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.cadence,.cad-5,.cad-6{grid-template-columns:1fr}}
.sample-thumb{display:flex;flex-direction:column;gap:18px;text-decoration:none;max-width:320px}
.sample-thumb img{box-shadow:0 26px 50px -24px rgba(11,29,42,.55);transition:transform .7s var(--ease-out)}
.sample-thumb:hover img{transform:translateY(-6px) rotate(-1deg)}
.whodoes{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,1.4vw,20px)}
.whodoes>div{padding:clamp(24px,2.6vw,36px);background:var(--paper);min-width:0}
.whodoes>div.us{background:var(--navy);color:var(--cream)}
.whodoes h3{margin-bottom:12px}
.whodoes .us h3{color:var(--brass-lt)}
.whodoes .us .checks li{border-color:var(--line-dk);color:var(--cream)}
.whodoes .us .checks li::before{background-image:url("data:image/svg+xml;utf8,")}
@media (max-width:760px){.whodoes{grid-template-columns:1fr}}
.needs{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,96px)}
.needs>*{min-width:0}
.needs .checks{margin-top:8px}
.dashes{list-style:none;display:flex;flex-direction:column;margin-top:4px}
.dashes li{position:relative;padding:11px 0 11px 26px;border-top:1px solid var(--line);font-size:15.5px;color:var(--charcoal)}
.dashes li:last-child{border-bottom:1px solid var(--line)}
.dashes li::before{content:"";position:absolute;left:2px;top:22px;width:12px;height:1px;background:var(--brass-deep)}
@media (max-width:820px){.needs{grid-template-columns:1fr}}
.price-in{display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.price-fig{display:flex;flex-direction:column;gap:10px}
.price-fig b{font-family:var(--display);font-weight:500;font-size:clamp(46px,5vw,72px);line-height:.95;color:var(--brass-lt);white-space:nowrap}
.price-fig span{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-dk)}
.price-line{font-family:var(--display);font-size:clamp(21px,1.9vw,26px);line-height:1.3;color:var(--cream)}
.price-up{font-size:15px;color:var(--soft-dk)}
.price-up b{color:var(--brass-lt);font-weight:600}
@media (max-width:760px){.price-in{grid-template-columns:1fr}}
.path-links{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:10px}
.path-links a{display:inline-flex;align-items:center;gap:12px;text-decoration:none;font-size:14px;font-weight:600;letter-spacing:.06em;color:var(--navy)}
.path-links a:hover span{color:var(--brass-deep)}
/* ---- sample report ---- */
.sample-get{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(32px,5vw,80px);align-items:start}
.sample-get>*{min-width:0}
.sample-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.sample-pages picture img{box-shadow:0 24px 48px -26px rgba(11,29,42,.55)}
.sample-inside{grid-column:1/-1;margin-top:14px}
.form-card{background:var(--white);padding:clamp(26px,3vw,40px);border-top:2px solid var(--brass)}
.form-card .form{grid-template-columns:1fr}
.field.check{flex-direction:row;align-items:flex-start;gap:12px}
.field.check input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--brass-deep)}
.field.check label{font-size:14.5px;font-weight:400;letter-spacing:0;text-transform:none;color:var(--charcoal)}
@media (max-width:900px){.sample-get{grid-template-columns:1fr}}
/* ---- approach and about heroes ---- */
.approach-h span,.approach-h em{display:block}
.approach-h em{color:var(--brass-lt)}
.about-hero .wrap{grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr)}
.about-hero .ph-frame.portrait{max-width:360px;justify-self:end;width:100%}
.about-hero .bg img{-webkit-mask-image:linear-gradient(90deg,transparent 5%,#000 60%);mask-image:linear-gradient(90deg,transparent 5%,#000 60%)}
@media (max-width:880px){.about-hero .ph-frame.portrait{justify-self:start;max-width:260px}}
.origin{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(32px,6vw,96px);align-items:center}
.origin>*{min-width:0}
.origin-fig{display:flex;flex-direction:column;align-items:center;justify-content:center;aspect-ratio:1;max-width:320px;width:100%;justify-self:center;border:1px solid rgba(205,168,120,.45);border-radius:50%;background:radial-gradient(circle at 50% 40%,rgba(205,150,80,.14),transparent 70%)}
.origin-fig b{font-family:var(--display);font-weight:500;font-size:clamp(84px,9vw,136px);line-height:1;color:var(--brass-lt)}
.origin-fig span{font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--muted-dk);margin-top:6px}
.origin-end{font-family:var(--display);font-size:clamp(22px,2vw,27px);line-height:1.3;color:var(--cream)}
.origin-end em{color:var(--brass-lt)}
@media (max-width:820px){.origin{grid-template-columns:1fr}.origin-fig{max-width:220px}}
.hx-glow{stroke-width:18;stroke-dasharray:14 86}
.hx-spark{stroke-width:5;stroke-dasharray:9 91}
@media (min-width:981px){
.cad-5{grid-template-columns:repeat(6,minmax(0,1fr))}
.cad-5 .cad{grid-column:span 2}
.cad-5 .cad:nth-child(n+4){grid-column:span 3}
}
.soft-panels .ipanel{background:var(--paper)}
@media (max-width:880px){.about-hero .wrap{grid-template-columns:1fr}.about-hero .ph-frame.portrait{max-width:220px}}
/* paint the mark early (helps load metrics), keep the light lap as the moment */
.lmark picture{display:block;line-height:0}
.lmark-rings{animation-delay:.1s}
.lmark-word{animation-delay:.45s}
.lkick{animation-delay:.8s}
.hstats li{animation-delay:calc(1.2s + var(--i,0) * .13s)}
.lhero-cta{animation-delay:1.9s}.lhero .proof-note{animation-delay:2.05s}
/* ===== v6 (Oct 21): calmer landing hero, titled path cards ===== */
/* hero: the mark without the glow or the light lap */
.lhero{background:var(--navy)}
.xp{margin-top:clamp(40px,5vw,62px);padding-top:clamp(28px,3vw,38px);border-top:1px solid rgba(179,138,87,.28);width:min(100%,1100px);font-family:var(--display);font-weight:500;font-size:clamp(26px,2.4vw,34px);line-height:1.1;color:var(--cream);animation:fade 1s .95s both}
.hstats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,1100px);margin-top:clamp(22px,2.4vw,30px);padding-top:0;border-top:0}
.hstats li{padding:0 clamp(6px,1.3vw,22px)}
.hstats b{font-size:clamp(34px,3.7vw,58px)}
.hstats span{font-size:11.5px;letter-spacing:.14em;line-height:1.45;text-align:center;text-wrap:balance;max-width:16ch}
.lhero-cta{flex-direction:column;flex-wrap:nowrap;gap:22px}
.founder-stack{display:flex;flex-direction:column;align-items:center;gap:4px;text-decoration:none;color:var(--cream)}
.founder-stack img{width:84px;height:84px;border-radius:50%;object-fit:cover;margin-bottom:12px;box-shadow:0 0 0 1px var(--brass),0 0 0 6px rgba(179,138,87,.14)}
.founder-stack b{font-family:var(--display);font-weight:500;font-size:26px;line-height:1.1;transition:color .2s}
.founder-stack span{font-size:13px;color:var(--muted-dk)}
.founder-stack:hover b,.founder-stack:focus-visible b{color:var(--brass-lt)}
@media (max-width:760px){
.hstats{grid-template-columns:1fr 1fr;row-gap:26px}
.hstats li:nth-child(5){grid-column:1/-1}
}
@media (prefers-reduced-motion:reduce){.xp{animation:fade 1.1s .4s both!important}}
/* paths: one clear header, titles top-aligned, detail below the photo */
.paths-h{text-align:center;font-family:var(--display);font-weight:500;font-size:clamp(34px,3.8vw,54px);line-height:1.05;color:var(--navy);margin-top:clamp(20px,4vw,48px)}
.paths-h span,.paths-h em{display:inline}
.paths-h em{color:var(--brass-deep)}
.ppaths{align-items:stretch}
.ppath{display:flex;flex-direction:column;align-items:stretch;gap:18px;min-height:0;overflow:visible;background:none;color:inherit;text-decoration:none}
.ppath::before,.ppath::after{content:none}
.ppath-box{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:clamp(340px,30vw,440px);padding:clamp(22px,2.2vw,30px);overflow:hidden;background:var(--navy);color:var(--cream)}
.ppath-box::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,29,42,.9) 0%,rgba(11,29,42,.5) 34%,rgba(11,29,42,.18) 58%,rgba(11,29,42,.82) 100%)}
.ppath-box::after{content:"";position:absolute;inset:12px;border:1px solid rgba(205,168,120,0);transition:border-color .5s,inset .6s var(--ease-out);pointer-events:none}
.ppath:hover .ppath-box::after,.ppath:focus-visible .ppath-box::after{border-color:rgba(205,168,120,.75);inset:14px}
.ppath-top{display:flex;flex-direction:column;gap:10px}
.ppath-name{font-size:clamp(26px,2.4vw,35px);line-height:1.05;white-space:nowrap}
.ppath .route-go{margin-top:0}
.ppath-what{font-size:16px;line-height:1.55;color:var(--muted);padding-inline:2px}
.ppath-what b{color:var(--brass-deep);font-weight:600}
.ppath:hover .ppath-what{color:var(--charcoal)}
@media (max-width:900px){.ppath-box{min-height:300px}.ppath-name{white-space:normal}}
.xp em{font-style:italic;color:var(--brass-lt)}
@media (max-width:560px){.xp span,.xp em{display:block}}
/* ===== v7 (Oct 21): dusk horizon under the mark; refined menus ===== */
.lhero-scape{position:absolute;inset:0;z-index:-1;pointer-events:none;
-webkit-mask-image:linear-gradient(180deg,transparent 0%,transparent 30%,rgba(0,0,0,.55) 62%,#000 100%);
mask-image:linear-gradient(180deg,transparent 0%,transparent 30%,rgba(0,0,0,.55) 62%,#000 100%);
animation:fade 1.8s .2s both}
.lhero-scape picture,.lhero-scape img{display:block;width:100%;height:100%}
.lhero-scape img{object-fit:cover;object-position:50% 78%;opacity:.6}
@media (max-width:760px){.lhero-scape img{object-position:46% 82%}}
/* menus: ivory card, gold hover, arrow, staggered entrance */
.dd{min-width:0;width:max-content;max-width:min(440px,92vw);top:calc(100% + 16px);padding:14px 10px 10px;background:var(--paper);border:1px solid rgba(179,138,87,.38);border-top:1px solid rgba(179,138,87,.38);box-shadow:0 28px 64px rgba(11,29,42,.32),0 2px 6px rgba(11,29,42,.08);transform:translateY(-8px);transition:opacity .28s ease,transform .4s var(--ease-out),visibility 0s linear .4s}
.dd.open{transform:none;transition:opacity .28s ease,transform .4s var(--ease-out),visibility 0s}
.dd::before{top:-18px;height:18px}
.dd::after{content:"";position:absolute;top:-6px;left:30px;width:10px;height:10px;background:var(--paper);border-left:1px solid rgba(179,138,87,.38);border-top:1px solid rgba(179,138,87,.38);transform:rotate(45deg)}
.dd-eb{font:600 11px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--brass-deep);padding:6px 16px 14px;margin:0 6px 6px;border-bottom:1px solid var(--line)}
.dd li:not(.dd-eb){opacity:0;transform:translateY(5px);transition:opacity .3s ease,transform .4s var(--ease-out)}
.dd.open li:not(.dd-eb){opacity:1;transform:none;transition-delay:calc(var(--i,0) * 40ms + 60ms)}
.dd a{position:relative;display:grid;grid-template-columns:20px auto;column-gap:14px;align-items:start;padding:12px 46px 12px 14px;font-size:21px;line-height:1.2;color:var(--navy);transition:background .25s}
.dd-hx{grid-row:1 / span 2;width:16px;height:18px;margin-top:4px;fill:transparent;stroke:var(--brass);stroke-width:1.4;transition:fill .3s}
.dd-t{grid-column:2;white-space:nowrap;transition:color .25s}
.dd-d{grid-column:2;display:block;margin-top:5px;font:400 12.5px/1.4 var(--body);letter-spacing:.01em;color:var(--muted)}
.dd a::after{content:"\2192";position:absolute;right:16px;top:50%;transform:translate(-8px,-50%);opacity:0;font:400 15px/1 var(--body);color:var(--brass-deep);transition:opacity .25s,transform .35s var(--ease-out)}
.dd a:hover,.dd a:focus-visible{background:var(--ivory)}
.dd a:hover .dd-t,.dd a:focus-visible .dd-t{color:var(--brass-deep)}
.dd a:hover .dd-hx,.dd a:focus-visible .dd-hx{fill:var(--brass)}
.dd a:hover::after,.dd a:focus-visible::after{opacity:1;transform:translate(0,-50%)}
.dd a.cur .dd-t{color:var(--brass-deep)}
.dd a.cur .dd-hx{fill:var(--brass)}
@media (prefers-reduced-motion:reduce){
.dd,.dd.open,.dd li:not(.dd-eb),.dd.open li:not(.dd-eb){transform:none!important;transition:opacity .2s!important;transition-delay:0s!important}
.dd a::after{transition:opacity .2s}
.lhero-scape{animation:fade 1s both}
}
/* sample report teaser gallery (Oct 21) */
.sample-gallery{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,44px) clamp(18px,2.4vw,36px)}
.sample-gallery li{display:flex;flex-direction:column;gap:16px;min-width:0}
.sample-gallery img{display:block;width:100%;height:auto;box-shadow:0 26px 50px -24px rgba(11,29,42,.5);transition:transform .7s var(--ease-out)}
.sample-gallery li:hover img{transform:translateY(-5px)}
.sample-gallery p{display:flex;flex-direction:column;gap:4px}
.sample-gallery b{font-family:var(--display);font-weight:500;font-size:clamp(20px,1.7vw,24px);line-height:1.15;color:var(--navy)}
.sample-gallery span{font-size:14.5px;color:var(--muted)}
@media (max-width:700px){.sample-gallery{grid-template-columns:1fr 1fr}}
@media (prefers-reduced-motion:reduce){.sample-gallery li:hover img{transform:none}}
.sample-get>.sample-inside{grid-column:auto;margin-top:0}
/* the outline trace and the count-up play for everyone: no movement across the screen */
@media (prefers-reduced-motion:reduce){
.hx-line{stroke-dasharray:100;stroke-dashoffset:100;animation:hxdraw 1.7s cubic-bezier(.65,0,.35,1) .15s both!important}
}