/* 01 Design tokens */
:root{--ink:#242B30;--cobalt:#4D607D;--clay:#9A6757;--teal:#55716D;--walnut:#7E6455;--aubergine:#6C5E70;--moss:#6D7961;--brass:#A48758;--graphite:#393E41;--slate:#787D7F;--mist:#E5E8E8;--cobalt-wash:#E3E6ED;--clay-wash:#EEE1DC;--teal-wash:#E2E8E6;--walnut-wash:#EAE3DE;--aubergine-wash:#E9E4EA;--moss-wash:#E6E9E2;--paper:#F4F0E8;--clear:#FBFAF7;--white:#fff;--font-editorial:Georgia,Cambria,"Times New Roman",Times,serif;--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono",monospace;--container:1200px;--header:76px;--radius:3px;--border:1px solid rgba(36,43,48,.2);--shadow:0 12px 35px rgba(36,43,48,.08);--transition:220ms ease}
/* 02 Reset */ *,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}img{max-width:100%;display:block}button,input{font:inherit}a{color:inherit}ul{padding-left:1.1rem}
/* 03 Base */ body{background:var(--paper);color:var(--graphite);font-family:var(--font-sans);font-size:16px;line-height:1.65;overflow-x:hidden}section{padding:clamp(4rem,8vw,7rem) 0;scroll-margin-top:calc(var(--header) + 18px)}.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}.paper{background:var(--clear)}
/* 04 Accessibility */ .skip-link{position:fixed;z-index:1000;left:1rem;top:-5rem;background:var(--white);color:var(--ink);padding:.75rem 1rem}.skip-link:focus{top:1rem}:focus-visible{outline:3px solid var(--brass);outline-offset:3px}
/* 05 Typography */ h1,h2,h3{font-family:var(--font-editorial);color:var(--ink);font-weight:400;line-height:1.08;margin:0 0 1rem}h1{font-size:clamp(2.7rem,5.2vw,5.5rem);letter-spacing:-.045em}h2{font-size:clamp(2rem,3.8vw,3.6rem);letter-spacing:-.035em}h3{font-size:clamp(1.35rem,2vw,1.75rem)}p{margin:.5rem 0 1.25rem}.eyebrow,.interface span,.louver b,.louver small,.tags,.note summary span{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;font-style:normal}.eyebrow{color:var(--cobalt);font-weight:700}.lead{font-size:1.15rem;max-width:58ch}.section-head{max-width:850px;margin-bottom:3rem}.section-head>p:not(.eyebrow){color:var(--slate)}
/* 06 Layout */ .actions{display:flex;gap:.75rem;flex-wrap:wrap;margin:2rem 0}.button{display:inline-flex;min-height:46px;align-items:center;justify-content:center;padding:.7rem 1rem;border:1px solid var(--ink);text-decoration:none;font-weight:700}.button.primary{background:var(--ink);color:var(--white)}.button.secondary{background:transparent}.button:hover{transform:translateY(-2px)}
/* 07 Header */ .site-header{height:var(--header);position:sticky;top:0;z-index:100;background:rgba(251,250,247,.97);border-bottom:var(--border)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:2rem}.brand{width:280px}.site-header nav{display:flex;align-items:center;gap:1.1rem}.site-header nav a{font-size:.76rem;text-decoration:none;white-space:nowrap}.nav-cta{border-left:1px solid var(--brass);padding-left:1rem;font-weight:700}.menu-toggle{display:none;background:none;border:0;padding:.6rem}.menu-toggle span{display:block;width:24px;height:2px;background:var(--ink);margin:5px}
/* 08 Hero */ .hero{min-height:calc(100vh - var(--header));display:grid;align-items:center}.hero-grid{display:grid;grid-template-columns:45fr 55fr;gap:clamp(2rem,6vw,7rem);align-items:center}.hero h1 em{color:var(--cobalt);font-style:normal}.micro{font-family:var(--font-mono);font-size:.72rem;color:var(--slate);border-top:var(--border);padding-top:1rem}.hero-visual{min-height:570px;position:relative;padding:3rem 0}.hero-visual>p{position:absolute;bottom:0;right:0;max-width:48ch;font-size:.82rem;color:var(--slate)}
/* 09 Strategy Louvers */ .louver{position:absolute;width:70%;color:var(--cobalt)}.louver i,.cta-louvers i{display:block;height:10px;background:currentColor;margin:12px 0}.louver i:nth-of-type(1){width:88%;margin-left:8%}.louver i:nth-of-type(2){width:62%}.louver i:nth-of-type(3){width:44%;margin-left:28%}.louver i:nth-of-type(4){width:73%;margin-left:15%}.louver i:nth-of-type(3)::after{content:"";display:block;background:var(--paper);width:16px;height:10px;margin-left:44%}.louver small{display:block;color:var(--slate);margin-left:15%}.l1{top:5%;left:2%}.l2{top:26%;left:25%;color:var(--clay)}.l3{top:49%;left:6%;color:var(--walnut)}.l4{top:69%;left:27%;color:var(--aubergine)}
/* 10 Alignment Pegs */ .peg{position:absolute;width:4px;height:55px;background:var(--ink)}.peg::before{content:"";position:absolute;width:18px;height:4px;background:var(--ink)}.peg::after{content:"";position:absolute;width:11px;height:11px;border:2px solid var(--brass);border-radius:50%;bottom:-15px;left:-4px}.p1{top:12%;right:8%}.p2{top:43%;left:15%}.p3{top:66%;right:3%}.peg-mark{display:inline-block;width:20px;height:28px;border-left:3px solid var(--brass);border-top:3px solid var(--ink);position:relative}.peg-mark::after{content:"";position:absolute;width:6px;height:6px;background:var(--clay);right:0;bottom:0}
/* 11 Executive Strip */ .executive-strip{background:var(--ink);color:var(--mist);padding:3.5rem 0}.executive-strip .eyebrow{color:#c6b489}.strip-lead{max-width:78ch;font-family:var(--font-editorial);font-size:1.4rem}.statements{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:2rem}.statements strong{border-top:1px solid var(--brass);padding-top:.8rem;font-family:var(--font-editorial);font-size:1.2rem}
/* 12 Portfolio Lenses */ .lenses{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#cdd0ce;border:var(--border)}.lens{padding:2rem;background:var(--clear);display:flex;flex-direction:column}.lens>span,.reset-grid b,.principles b{font-family:var(--font-mono);color:var(--brass)}.lens ul{columns:1;list-style:square}.lens small{border-top:1px solid currentColor;padding-top:1rem;margin-top:auto}.lens.cobalt{border-top:6px solid var(--cobalt)}.lens.walnut{border-top:6px solid var(--walnut)}.lens.clay{border-top:6px solid var(--clay)}.lens.aubergine{border-top:6px solid var(--aubergine)}
/* 13 Strategic Interfaces */ .interfaces{display:grid;gap:1rem}.interface{display:grid;grid-template-columns:1.15fr 1fr .75fr;gap:clamp(1.5rem,4vw,5rem);padding:2rem 0;border-top:1px solid var(--ink)}.interface:nth-child(2){margin-left:7%}.interface:nth-child(3){margin-right:7%}.question{font-family:var(--font-editorial);font-size:1.25rem}.interface small{border-left:2px solid var(--brass);padding-left:1rem}
/* 14 Horizon Reset */ .reset-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.reset-grid article{position:relative;padding:1.5rem;border-top:8px solid var(--cobalt);background:var(--cobalt-wash);grid-column:span 4}.reset-grid article:nth-child(even){background:var(--teal-wash);border-color:var(--teal)}.reset-grid article:nth-child(4),.reset-grid article:nth-child(7){grid-column:span 6}.reset-grid article::after{content:"";position:absolute;width:9px;height:9px;border:2px solid var(--brass);border-radius:50%;right:1rem;top:-9px}
/* 15 Professional Checklist */ .checklist{margin-top:4rem;padding:clamp(2rem,5vw,4rem);background:var(--ink);color:var(--mist);display:grid;grid-template-columns:1fr 2fr;gap:3rem}.checklist h2{color:var(--white)}.checklist ul{columns:2;column-gap:2rem;margin:0}.checklist li{break-inside:avoid;margin-bottom:.6rem}
/* 16 Reference Profiles */ .profiles{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.profile{padding:2rem;background:var(--white);border-top:5px solid var(--cobalt);box-shadow:var(--shadow);display:flex;flex-direction:column}.profile:nth-child(even){margin-top:2rem}.profile.p-finance{border-color:var(--walnut);background:var(--walnut-wash)}.profile.p-affairs,.profile.p-governance{border-color:var(--aubergine);background:var(--aubergine-wash)}.profile.p-change{border-color:var(--moss);background:var(--moss-wash)}.profile.p-market{border-color:var(--clay);background:var(--clay-wash)}.avatar{width:54px;height:54px;display:grid;place-items:center;border:1px solid currentColor;font-family:var(--font-editorial);font-size:1.3rem;margin-bottom:1rem}.profile .tags{color:var(--slate);margin-top:auto}.email{overflow-wrap:anywhere;margin:.5rem 0}.copy-email{align-self:flex-start;border:1px solid var(--ink);background:transparent;padding:.5rem .75rem;margin:.5rem 0 1rem;cursor:pointer}.profile small{border-top:var(--border);padding-top:1rem}
/* 17 Independence Note */ .independence{margin-top:4rem;padding:2.5rem;border-left:6px solid var(--brass);background:var(--mist);columns:2;column-gap:3rem}.independence h2,.independence .eyebrow{column-span:all}.independence p{break-inside:avoid}
/* 18 Portfolio Renewal Notes */ .notes{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.note{background:var(--clear);border:var(--border)}.note details{padding:1.5rem}.note summary{cursor:pointer;list-style:none}.note summary::-webkit-details-marker{display:none}.note summary::after{content:"+";font-size:1.5rem}.note details[open] summary::after{content:"−"}.note summary h3{margin-top:.75rem}.note details>p{border-top:var(--border);padding-top:1rem}.note small{font-family:var(--font-mono);color:var(--slate)}
/* 19 Search */ .search{display:grid;grid-template-columns:1fr auto;align-items:end;gap:.75rem;margin-bottom:2rem}.search label{grid-column:1/-1;font-weight:700}.search>div{display:flex}.search input{width:min(100%,700px);padding:.85rem;border:1px solid var(--slate);background:var(--white)}.search button{border:1px solid var(--ink);background:var(--ink);color:var(--white);padding:.7rem 1rem}.search p{margin:0;font-family:var(--font-mono)}#no-results{padding:2rem;border:1px solid var(--clay);background:var(--clay-wash)}
/* 20 About */ .about-grid{display:grid;grid-template-columns:1fr 1fr;gap:5rem}.principles{border-left:1px solid var(--brass);padding-left:2rem}.principles article{padding-bottom:1rem;margin-bottom:1rem;border-bottom:var(--border)}
/* 21 Principles */ .principles h3{display:inline;margin-left:1rem;text-transform:uppercase;font-size:1.15rem}
/* 22 Final CTA */ .final-cta{background:var(--cobalt);color:var(--white)}.final-cta h2,.final-cta .eyebrow{color:var(--white)}.cta-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:center}.cta-louvers{position:relative;color:var(--white);padding:2rem}.cta-louvers span{font-family:var(--font-mono);font-size:.7rem}.cta-louvers i{height:7px;width:70%}.cta-louvers i:nth-of-type(even){margin-left:20%;width:55%}.cta-louvers b{display:grid;place-items:center;width:110px;height:110px;border:1px solid var(--brass);border-radius:50%;margin:1rem auto;font-family:var(--font-mono);font-size:.75rem}.button.light{background:var(--white);color:var(--ink)}.button.outline{border-color:var(--white);color:var(--white)}
/* 23 Footer */ footer{background:var(--ink);color:var(--mist);padding:4rem 0 2rem}.footer-grid{display:grid;grid-template-columns:2fr 1fr;gap:2rem}.footer-grid h2{color:var(--white);font-size:1.7rem;margin-top:1rem}.footer-grid nav{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.footer-grid nav a{text-decoration:none}.footer-top{justify-self:end}#back-to-top{position:fixed;right:1rem;bottom:1rem;background:var(--ink);color:var(--white);border:1px solid var(--white);padding:.7rem;z-index:80;opacity:0;pointer-events:none;transition:opacity var(--transition)}#back-to-top.visible{opacity:1;pointer-events:auto}
/* 24 Reveal */ .js-enabled .reveal{opacity:0;transform:translateY(16px);transition:opacity 600ms ease,transform 600ms ease}.js-enabled .reveal.is-visible{opacity:1;transform:none}
/* 25 Responsive */ @media(max-width:1050px){.site-header nav{display:none;position:absolute;top:var(--header);left:0;right:0;padding:1.5rem 20px;background:var(--clear);border-bottom:var(--border);flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu-toggle{display:block}.hero-grid{grid-template-columns:1fr}.hero-visual{min-height:530px}.lenses{grid-template-columns:repeat(2,1fr)}.profiles{grid-template-columns:repeat(2,1fr)}.profile:nth-child(even){margin-top:0}.statements{grid-template-columns:repeat(2,1fr)}}
@media(max-width:767px){.container{width:min(calc(100% - 28px),var(--container))}.brand{width:220px}.hero{min-height:auto}.hero-grid,.cta-grid,.about-grid,.checklist{grid-template-columns:1fr}.hero-visual{min-height:470px}.louver{width:82%}.l2,.l4{left:17%}.interface{grid-template-columns:1fr;gap:.5rem}.interface:nth-child(2),.interface:nth-child(3){margin:0}.reset-grid{display:block}.reset-grid article{margin-bottom:1rem}.checklist ul{columns:1}.profiles,.notes,.lenses{grid-template-columns:1fr}.independence{columns:1;padding:1.5rem}.search{grid-template-columns:1fr}.search>div{flex-direction:column}.search input{width:100%}.statements{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-top{justify-self:start}#back-to-top{font-size:.78rem}.cta-louvers{max-width:350px}.final-cta{padding-bottom:6rem}}
@media(max-width:360px){h1{font-size:2.35rem}.brand{width:190px}.hero-visual{min-height:430px}.louver small{font-size:.57rem}.profile,.lens{padding:1.25rem}.actions .button{width:100%}}
/* 26 Reduced Motion */ @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}.js-enabled .reveal{opacity:1;transform:none}}