:root { --navy:#0b2032; --navy-deep:#081827; --navy-muted:#123049; --navy-light:#173750; --gold:#c6a169; --gold-bright:#e3c58b; --gold-muted:#9f8154; --ivory:#f5f1e8; --white:#fffdf9; --ink:#12283a; --muted:#526170; --line:#d9d4c9; --serif:'Playfair Display', Georgia, serif; --sans:'DM Sans','Manrope',Arial,sans-serif; }
*, *::before, *::after { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:100px; }
body { margin:0; background:var(--white); color:var(--ink); font:400 16px/1.65 var(--sans); -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
a:focus-visible, button:focus-visible { outline:3px solid #f1c876; outline-offset:4px; }
button { font:inherit; }
.container { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.skip-link { position:fixed; z-index:999; top:-60px; left:12px; color:#111; background:white; padding:10px 18px; }
.skip-link:focus { top:12px; }
.site-header { position:sticky; top:0; z-index:100; background:rgba(8,24,39,.975); border-bottom:1px solid rgba(198,161,105,.25); backdrop-filter:blur(18px); }
.header-inner { min-height:91px; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.brand-link { width:256px; flex:none; margin-left:-6px; }
.brand-link img { width:100%; height:auto; mix-blend-mode:screen; }
.desktop-nav { display:flex; align-items:center; gap:30px; margin-left:auto; }
.desktop-nav a, .footer-links a { color:#d7dedf; font-size:12px; font-weight:600; letter-spacing:.075em; transition:color .2s ease; }
.desktop-nav a:hover, .footer-links a:hover { color:var(--gold-bright); }
.button { display:inline-flex; align-items:center; justify-content:center; gap:32px; border:1px solid transparent; min-height:54px; padding:15px 24px; font-size:12px; font-weight:700; letter-spacing:.07em; line-height:1.3; transition:transform .2s,background .2s,border-color .2s,color .2s; }
.button:hover { transform:translateY(-2px); }
.button span { font-size:17px; font-weight:400; }
.button-small { min-height:42px; padding:10px 15px; gap:15px; font-size:10px; white-space:nowrap; }
.button-outline { color:var(--gold-bright); border-color:rgba(198,161,105,.65); }
.button-outline:hover { background:rgba(198,161,105,.1); }
.button-gold { background:var(--gold); color:#091d2d; }
.button-gold:hover { background:#dfbd83; }
.menu-toggle { display:none; }
.hero { isolation:isolate; position:relative; overflow:hidden; background:radial-gradient(ellipse at 63% 43%,#16364c 0%,transparent 50%),linear-gradient(118deg,#091b2c 0%,#0b2134 58%,#061827 100%); color:var(--ivory); }
.hero::before { content:""; position:absolute; inset:0; pointer-events:none; opacity:.21; background-image:linear-gradient(rgba(222,200,150,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(222,200,150,.12) 1px,transparent 1px); background-size:104px 104px; mask-image:linear-gradient(100deg,transparent 25%,#000 95%); }
.hero-glow { position:absolute; z-index:-1; height:790px; width:790px; left:-490px; top:-345px; border:1px solid rgba(215,172,96,.19); border-radius:50%; box-shadow:0 0 0 105px rgba(207,171,107,.018),0 0 0 210px rgba(207,171,107,.012); }
.hero-layout { display:grid; grid-template-columns:1.09fr .91fr; align-items:center; gap:65px; min-height:643px; padding-top:58px; padding-bottom:76px; }
.hero-content { position:relative; z-index:3; max-width:650px; padding-top:10px; }
.eyebrow { display:flex; align-items:center; gap:16px; margin:0 0 25px; color:#927545; font:700 11px/1.5 var(--sans); letter-spacing:.18em; }
.eyebrow-light { color:var(--gold-bright); }
.eyebrow-line { width:42px; height:1px; background:var(--gold); flex:none; }
.hero h1 { font:500 clamp(60px,5.25vw,94px)/1.12 var(--serif); letter-spacing:-.052em; margin:0; color:var(--ivory); }
.hero h1 em, h2 em { font-weight:400; }
.hero h1 em { color:var(--gold-bright); }
.period { color:var(--ivory); }
.hero-description { max-width:520px; margin:31px 0 33px; color:#b9c4cc; font-size:16px; line-height:1.95; }
.hero-actions { display:flex; align-items:center; gap:30px; flex-wrap:wrap; }
.text-link { display:inline-flex; align-items:center; gap:16px; color:var(--ink); font-size:12px; font-weight:700; letter-spacing:.055em; border-bottom:1px solid var(--gold); padding:10px 0; transition:gap .2s,color .2s; }
.text-link:hover { gap:23px; color:#8b693d; }
.text-link span { font-size:18px; font-weight:400; }
.text-link-light { color:var(--ivory); }
.text-link-light:hover { color:var(--gold-bright); }
.hero-footnote { margin-top:53px; color:#c4ced2; font-size:10px; font-weight:600; letter-spacing:.18em; }
.tiny-gold-diamond { display:inline-block; width:6px; height:6px; background:var(--gold); transform:rotate(45deg); margin-right:14px; vertical-align:middle; }
.gold-dot { color:var(--gold); padding:0 8px; }
.hero-art { position:relative; align-self:stretch; display:flex; flex-direction:column; justify-content:space-between; min-height:500px; border:1px solid rgba(211,184,125,.27); background:linear-gradient(145deg,rgba(17,47,68,.54),rgba(8,26,42,.35)); box-shadow:0 30px 80px rgba(2,11,20,.24); overflow:hidden; }
.hero-art::before { content:""; pointer-events:none; position:absolute; inset:15px; border:1px solid rgba(213,184,121,.085); }
.hero-art::after { content:""; pointer-events:none; position:absolute; inset:0; background-image:radial-gradient(rgba(240,216,168,.18) .6px,transparent .7px); background-size:13px 13px; opacity:.26; }
.art-corner { position:absolute; height:35px; width:35px; z-index:3; }
.art-corner-tl { top:-1px; left:-1px; border-top:2px solid var(--gold); border-left:2px solid var(--gold); }
.art-corner-br { bottom:-1px; right:-1px; border-bottom:2px solid var(--gold); border-right:2px solid var(--gold); }
.diagram-topline,.diagram-bottomline { display:flex; align-items:center; justify-content:space-between; padding:34px 38px; color:#9facb3; font-size:9px; letter-spacing:.18em; font-weight:700; z-index:4; }
.diagram-topline span:last-child { color:var(--gold); }
.diagram-bottomline { border-top:1px solid rgba(198,161,105,.17); }
.diagram-arrow { color:var(--gold-bright); font-size:17px; }
.orbit-visual { position:relative; height:345px; width:100%; flex:1; display:grid; place-items:center; z-index:2; }
.orbit { border-radius:50%; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); border:1px solid rgba(198,161,105,.24); }
.orbit-one { width:210px; height:210px; border-color:rgba(211,178,109,.66); box-shadow:inset 0 0 60px rgba(198,161,105,.035); }
.orbit-two { width:315px; height:315px; border-color:rgba(198,161,105,.29); }
.orbit-three { width:430px; height:430px; border-style:dashed; border-color:rgba(198,161,105,.13); }
.orbit-axis { position:absolute; background:rgba(198,161,105,.15); height:1px; width:100%; left:0; top:50%; }
.orbit-axis-b { transform:rotate(90deg); }
.orbit-center { height:152px; width:152px; display:grid; place-items:center; border:1px solid rgba(218,183,117,.36); border-radius:50%; background:radial-gradient(circle,#16364c 0%,#0d263a 65%,rgba(11,32,50,.4) 100%); box-shadow:0 0 0 8px rgba(198,161,105,.04),0 0 55px rgba(211,173,110,.06); z-index:2; }
.orbit-kk { color:var(--gold-bright); font:400 74px/.9 Georgia,serif; letter-spacing:-.23em; padding-right:14px; text-shadow:1px 1px 0 #967243,0 2px 16px rgba(247,197,113,.15); }
.orbit-kk span { font-style:italic; }
.orbit-node { position:absolute; height:10px; width:10px; border-radius:50%; background:var(--gold-bright); box-shadow:0 0 0 6px rgba(198,161,105,.12); z-index:4; }
.node-one { top:21%; left:31%; }.node-two { top:42%; right:17%; }.node-three { bottom:18%; left:33%; }
.orbit-label { position:absolute; z-index:3; font-size:10px; font-weight:700; letter-spacing:.13em; color:#ddd8c8; }
.orbit-label small { color:var(--gold); margin-right:8px; font-size:10px; }
.orbit-label-one { top:17%; left:6%; }.orbit-label-two { top:35%; right:4%; }.orbit-label-three { bottom:13%; left:6%; }
.hero-bottom { position:relative; border-top:1px solid rgba(199,173,121,.14); background:rgba(3,13,22,.18); }
.hero-bottom .container { display:flex; justify-content:space-between; gap:25px; padding:20px 0; color:#8d9fa9; font-size:9px; font-weight:700; letter-spacing:.18em; }
.section-pad { padding-block:115px; }
h2 { margin:0; color:var(--navy); font:500 clamp(37px,3.25vw,60px)/1.26 var(--serif); letter-spacing:-.048em; }
h2 em { color:#9a7748; }
.section-marker { display:flex; gap:14px; align-items:center; padding-top:15px; align-self:start; color:#9c814f; white-space:nowrap; font-size:10px; font-weight:700; letter-spacing:.18em; }
.section-number { color:var(--navy); }
.marker-rule { width:40px; height:1px; background:var(--gold); }
.intro-section { background:var(--ivory); }
.intro-grid { display:grid; grid-template-columns:240px 1fr; gap:60px; }
.intro-main h2 { font-size:clamp(35px,3.7vw,61px); }
.intro-copy-grid { display:grid; grid-template-columns:1fr 1fr; gap:50px; margin-top:38px; }
.intro-copy-grid p { margin:0; font-size:15px; line-height:1.95; color:#56616b; }
.services-section { background:#fffdf9; }
.section-top { display:flex; align-items:end; justify-content:space-between; gap:55px; margin-bottom:50px; }
.inline-rule { display:inline-block; height:1px; width:28px; background:var(--gold); }
.section-aside { max-width:340px; margin:0 0 7px; font-size:14px; line-height:1.9; color:var(--muted); }
.service-grid { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid #ddd6ca; border-bottom:1px solid #ddd6ca; }
.service-card { padding:30px 26px 36px; min-height:425px; border-left:1px solid #ddd6ca; background:white; transition:background .2s,transform .2s; }
.service-card:first-child { border-left:0; }
.service-card:hover { background:#f8f5ed; transform:translateY(-4px); }
.service-head { display:flex; align-items:start; justify-content:space-between; gap:8px; margin-bottom:32px; }
.service-index { color:#9a7848; font-size:10px; font-weight:700; letter-spacing:.12em; }
.service-symbol { color:#ac8650; font:400 27px/1 var(--serif); }
.service-card h3 { font:500 clamp(23px,1.8vw,28px)/1.35 var(--serif); margin:0 0 18px; letter-spacing:-.03em; }
.service-card p { font-size:13px; line-height:1.75; color:#596774; margin:0 0 22px; }
.service-card ul { padding-left:14px; margin:0; color:#3d5261; font-size:12px; line-height:2.1; }
.service-card li::marker { color:var(--gold); }
.services-closer { display:flex; justify-content:space-between; align-items:center; gap:30px; margin-top:35px; }
.services-closer p { margin:0; color:#56616b; font-size:14px; }
.services-closer p strong { color:var(--ink); }
.approach-section { background:linear-gradient(117deg,#0e2c43,#071b2b); color:var(--white); }
.approach-layout { display:grid; grid-template-columns:1fr 1fr; gap:12%; }
.approach-lead { padding-top:20px; }
.approach-lead h2 { color:var(--ivory); }
.approach-lead h2 em { color:var(--gold-bright); }
.approach-lead>p:not(.eyebrow) { max-width:450px; color:#bcc9d1; line-height:1.9; margin:30px 0 25px; }
.approach-steps { border-top:1px solid rgba(198,161,105,.38); }
.approach-step { display:grid; grid-template-columns:60px 1fr; gap:15px; padding:22px 0; border-bottom:1px solid rgba(198,161,105,.25); }
.approach-step>span { font:500 14px var(--serif); color:var(--gold-bright); padding-top:4px; }
.approach-step h3 { margin:0 0 5px; font:500 23px var(--serif); }
.approach-step p { margin:0; font-size:13px; line-height:1.7; color:#adbdc6; }
.audience-section { background:var(--ivory); }
.audience-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.audience-card { padding:34px 35px 40px; background:#fffefa; min-height:326px; display:flex; flex-direction:column; border-top:2px solid var(--gold); }
.audience-numeral { color:var(--gold-muted); font:500 16px var(--serif); margin-bottom:28px; }
.audience-card h3 { font:500 27px/1.4 var(--serif); margin:0 0 15px; }
.audience-card p { margin:0; font-size:13px; line-height:1.85; color:#65707a; }
.audience-line { margin-top:auto; width:37px; height:1px; background:var(--gold); transform:translateY(20px); }
.about-section { background:#fffdfa; }
.about-layout { display:grid; grid-template-columns:.83fr 1.17fr; gap:10%; align-items:center; }
.about-visual { min-height:510px; padding:27px; background:repeating-linear-gradient(45deg,transparent,transparent 80px,rgba(212,176,112,.04) 80px,rgba(212,176,112,.04) 81px),linear-gradient(139deg,#14344b 0%,#081b2c 100%); }
.about-frame { position:relative; display:flex; flex-direction:column; justify-content:center; align-items:center; height:100%; min-height:456px; border:1px solid rgba(210,176,115,.48); }
.about-frame::before,.about-frame::after { content:""; position:absolute; left:50%; width:1px; height:70px; background:linear-gradient(transparent,var(--gold)); }
.about-frame::before { top:0; }.about-frame::after { bottom:0; height:22px; transform:rotate(180deg); }
.about-large-kk { margin-top:-16px; padding-right:32px; font:400 clamp(140px,14vw,200px)/1 Georgia,serif; letter-spacing:-.24em; color:#ebcf98; text-shadow:1px 2px 0 #b2884d,2px 3px 1px #6c502b,0 10px 25px rgba(0,0,0,.45); }
.about-large-kk span { font-style:italic; }
.about-visual-caption { position:absolute; bottom:36px; color:#dbd3be; font-size:9px; letter-spacing:.18em; }
.about-visual-caption span { margin:0 6px; color:var(--gold); }
.about-content h2 { font-size:clamp(35px,3.2vw,54px); margin-bottom:26px; }
.about-content>p:not(.eyebrow) { max-width:580px; font-size:14px; line-height:1.95; color:#5c6772; margin:0 0 18px; }
.about-content p strong { color:var(--navy); }
.founder-card { display:flex; justify-content:space-between; align-items:center; max-width:540px; padding:25px 0 21px; margin-top:25px; border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.founder-card>div { display:flex; flex-direction:column; gap:3px; }
.founder-name { font:600 14px var(--serif); letter-spacing:.12em; }
.founder-role { font-size:9px; font-weight:700; letter-spacing:.19em; color:#987747; }
.founder-monogram { font:italic 27px var(--serif); color:#b18f57; }
.about-content .credentials-note { margin-top:19px!important; font-size:11px!important; font-style:italic; color:#7a858b!important; }
.contact-section { background:radial-gradient(ellipse at 80% 20%,#17374d 0,transparent 40%),#0b2133; }
.contact-layout { display:grid; grid-template-columns:1.04fr .96fr; gap:10%; align-items:center; }
.contact-section h2 { color:var(--ivory); }
.contact-section h2 em { color:var(--gold-bright); }
.contact-layout>div>p:not(.eyebrow) { color:#b9c5ce; max-width:510px; font-size:14px; line-height:1.95; margin-top:30px; }
.contact-panel { border-top:2px solid var(--gold); padding:34px 35px 38px; background:rgba(246,241,229,.055); }
.contact-panel-label { display:block; color:var(--gold-bright); font-size:10px; font-weight:700; letter-spacing:.18em; }
.contact-email { display:flex; justify-content:space-between; align-items:center; gap:15px; color:var(--ivory); font:400 clamp(20px,2.5vw,31px)/1.3 var(--serif); padding:23px 0 16px; border-bottom:1px solid rgba(198,161,105,.32); overflow-wrap:anywhere; }
.contact-email span { color:var(--gold-bright); font:400 23px var(--sans); }
.contact-panel p { color:#b8c5ce; line-height:1.9; font-size:13px; margin:18px 0 25px; }
.contact-button { width:100%; }
.site-footer { background:#071827; border-top:1px solid rgba(198,161,105,.28); color:#b8c5ce; }
.footer-top { display:flex; justify-content:space-between; padding:61px 0 50px; gap:35px; }
.footer-brand { display:block; max-width:285px; margin-left:-6px; }
.footer-brand img { width:100%; height:auto; mix-blend-mode:screen; }
.footer-tagline { margin:5px 0 0 15px; color:var(--gold-bright); font:italic 18px var(--serif); }
.footer-links { display:flex; flex-wrap:wrap; align-items:center; gap:24px; }
.footer-bottom { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:25px 0; border-top:1px solid rgba(198,161,105,.18); color:#8fa1aa; font-size:10px; letter-spacing:.065em; }
.footer-bottom span b { color:var(--gold); margin:0 7px; }
.footer-bottom>a:hover { color:var(--gold-bright); }
.privacy-page { background:var(--ivory); min-height:65vh; }
.privacy-inner { max-width:810px; padding-top:98px; padding-bottom:105px; }
.privacy-inner h1 { font:500 clamp(48px,5vw,74px)/1.2 var(--serif); margin:0 0 22px; }
.privacy-inner h2 { font-size:27px; margin:34px 0 13px; }
.privacy-inner p { color:#4f5f69; }
@media (max-width:1180px) { .container { width:min(100% - 70px,1120px); }.brand-link { width:215px; }.desktop-nav { gap:21px; }.header-cta { display:none; }.hero-layout { gap:36px; }.hero h1 { font-size:clamp(62px,6.1vw,83px); }.service-card { padding-inline:18px; } }
@media (max-width:900px) { .container { width:calc(100% - 52px); }.site-header .header-inner { min-height:77px; }.brand-link { width:231px; }.desktop-nav { display:none; }.menu-toggle { display:flex; flex-direction:column; justify-content:center; gap:6px; width:42px; height:42px; border:1px solid rgba(198,161,105,.55); border-radius:0; background:transparent; padding:10px; }.menu-toggle span { height:1px; background:var(--gold-bright); width:100%; transition:transform .2s,opacity .2s; }.menu-toggle[aria-expanded=true] span:first-child { transform:translateY(7px) rotate(45deg); }.menu-toggle[aria-expanded=true] span:nth-child(2) { opacity:0; }.menu-toggle[aria-expanded=true] span:last-child { transform:translateY(-7px) rotate(-45deg); }.mobile-nav:not([hidden]) { display:flex; flex-direction:column; padding:7px 26px 24px; gap:0; border-top:1px solid rgba(198,161,105,.2); background:#0b2032; }.mobile-nav a { font-size:13px; color:#fff8ea; padding:15px 0; border-bottom:1px solid rgba(198,161,105,.17); }.mobile-nav a:last-child { color:var(--gold-bright); }.hero-layout { grid-template-columns:1fr; padding-top:65px; padding-bottom:64px; gap:52px; }.hero-content { max-width:700px; }.hero-art { min-height:455px; max-width:660px; width:100%; margin:auto; }.hero-description { max-width:600px; }.hero-bottom .container { flex-wrap:wrap; }.intro-grid { grid-template-columns:1fr; gap:30px; }.section-pad { padding-block:85px; }.service-grid { grid-template-columns:repeat(2,1fr); }.service-card:nth-child(3) { border-left:0; border-top:1px solid var(--line); }.service-card:nth-child(4) { border-top:1px solid var(--line); }.service-card { min-height:365px; }.approach-layout,.about-layout,.contact-layout { gap:55px; }.about-visual { min-height:440px; padding:20px; }.about-frame { min-height:400px; }.about-large-kk { font-size:130px; }.footer-top { align-items:start; }.footer-links { max-width:340px; } }
@media (max-width:650px) { html { scroll-padding-top:82px; }.container { width:calc(100% - 38px); }.brand-link { width:208px; }.hero-layout { padding-top:66px; padding-bottom:40px; gap:39px; }.hero h1 { font-size:clamp(49px,10.5vw,67px); }.eyebrow { font-size:9px; letter-spacing:.12em; gap:10px; }.eyebrow-line { width:23px; }.hero-description { margin:25px 0 27px; font-size:14px; line-height:1.85; }.hero-actions { flex-direction:column; align-items:flex-start; gap:14px; }.hero-footnote { margin-top:34px; font-size:8px; letter-spacing:.09em; }.gold-dot { padding:0 3px; }.hero-art { min-height:375px; }.diagram-topline,.diagram-bottomline { padding:23px 21px; font-size:8px; }.orbit-visual { min-height:280px; overflow:hidden; }.orbit-one { width:160px; height:160px; }.orbit-two { width:245px; height:245px; }.orbit-three { width:350px; height:350px; }.orbit-center { width:123px; height:123px; }.orbit-kk { font-size:61px; }.orbit-label { font-size:8px; }.orbit-label small { font-size:8px; margin-right:4px; }.orbit-label-one { top:11%; left:6%; }.orbit-label-two { right:5%; top:35%; }.orbit-label-three { left:5%; bottom:11%; }.hero-bottom .container { padding:15px 0; font-size:8px; gap:15px; }.section-pad { padding-block:65px; } h2 { font-size:clamp(33px,8vw,46px); }.intro-main h2 { font-size:clamp(33px,8vw,46px); }.intro-copy-grid { grid-template-columns:1fr; gap:16px; margin-top:26px; }.section-top { align-items:flex-start; flex-direction:column; gap:16px; margin-bottom:30px; }.section-aside { max-width:100%; }.service-grid { grid-template-columns:1fr; }.service-card { border-left:0; border-top:1px solid var(--line); min-height:0; padding:26px 20px; }.service-card:first-child { border-top:0; }.service-card h3 { font-size:26px; }.service-head { margin-bottom:15px; }.services-closer { align-items:flex-start; flex-direction:column; gap:10px; }.approach-layout,.contact-layout,.about-layout { grid-template-columns:1fr; gap:35px; }.approach-lead { padding-top:0; }.approach-step { grid-template-columns:45px 1fr; }.audience-grid { grid-template-columns:1fr; }.audience-card { min-height:270px; }.about-visual { min-height:335px; padding:17px; }.about-frame { min-height:301px; }.about-large-kk { font-size:130px; }.contact-panel { padding:28px 23px; }.contact-email { font-size:23px; }.footer-top { flex-direction:column; padding-block:45px 30px; }.footer-links { gap:16px 20px; }.footer-bottom { flex-direction:column; align-items:flex-start; gap:12px; padding:21px 0; }.privacy-inner { padding-block:65px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *, *::before, *::after { transition-duration:.01ms!important; animation-duration:.01ms!important; } }

.orbit-kk-image { width:118px; height:auto; }
.about-kk-image { width:min(79%,270px); height:auto; margin-top:-20px; filter:drop-shadow(0 8px 18px rgba(1,9,16,.35)); }

/* V2 visual refinements — same unchanged navy, gold & ivory palette. */
.brand-link,.footer-brand { width:auto; max-width:none; margin-left:0; display:inline-flex; align-items:center; gap:12px; flex-shrink:0; white-space:nowrap; }
.brand-mark { display:block; flex:0 0 51px; height:45px; }
.brand-mark img { width:100%; height:100%; object-fit:contain; mix-blend-mode:normal; }
.brand-divider { display:block; width:1px; height:42px; flex:none; background:var(--gold); }
.brand-type { display:flex; flex-direction:column; justify-content:center; min-width:0; }
.brand-type strong { font:500 24px/1.1 var(--serif); letter-spacing:.012em; color:var(--ivory); }
.brand-type small { margin-top:4px; font:600 8px/1.2 var(--sans); letter-spacing:.085em; color:var(--ivory); }
.brand-type small b { color:var(--gold); padding:0 2px; }
.footer-brand .brand-mark { flex-basis:60px; height:52px; }
.footer-brand .brand-type strong { font-size:26px; }
.footer-brand .brand-type small { font-size:8px; }
.pathway-visual { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; flex:1; width:100%; min-height:350px; padding:0 4px; }
.pathway-visual img { display:block; height:auto; width:100%; max-width:620px; }
.about-kk-image { width:min(88%,320px); height:auto; margin-top:-26px; filter:drop-shadow(0 7px 14px rgba(1,9,16,.28)); }
@media (max-width:1180px){.brand-mark {flex-basis:46px;height:41px;}.brand-type strong{font-size:21px;}.brand-type small{font-size:7px;}.brand-link{width:auto;}}
@media (max-width:900px){.brand-link{width:auto;}.pathway-visual{min-height:380px;}.footer-brand { max-width:100%; }}
@media (max-width:650px){.brand-link{width:auto;gap:8px;}.brand-mark{flex-basis:43px;height:38px;}.brand-divider{height:35px;}.brand-type strong{font-size:18px;}.brand-type small{font-size:6px;letter-spacing:.038em;}.pathway-visual{min-height:285px;padding:0;}.about-kk-image{width:min(88%,290px);}}
@media (max-width:380px){.brand-mark{flex-basis:37px;}.brand-type strong{font-size:16px;}.brand-type small{font-size:5.5px;}}

/* V2 visual refinements — same unchanged navy, gold & ivory palette. */
.brand-link,.footer-brand { width:auto; max-width:none; margin-left:0; display:inline-flex; align-items:center; gap:12px; flex-shrink:0; white-space:nowrap; }
.brand-mark { display:block; flex:0 0 51px; height:45px; }
.brand-mark img { width:100%; height:100%; object-fit:contain; mix-blend-mode:normal; }
.brand-divider { display:block; width:1px; height:42px; flex:none; background:var(--gold); }
.brand-type { display:flex; flex-direction:column; justify-content:center; min-width:0; }
.brand-type strong { font:500 24px/1.1 var(--serif); letter-spacing:.012em; color:var(--ivory); }
.brand-type small { margin-top:4px; font:600 8px/1.2 var(--sans); letter-spacing:.085em; color:var(--ivory); }
.brand-type small b { color:var(--gold); padding:0 2px; }
.footer-brand .brand-mark { flex-basis:60px; height:52px; }
.footer-brand .brand-type strong { font-size:26px; }
.footer-brand .brand-type small { font-size:8px; }
.pathway-visual { position:relative; z-index:2; display:flex; align-items:center; justify-content:center; flex:1; width:100%; min-height:350px; padding:0 4px; }
.pathway-visual img { display:block; height:auto; width:100%; max-width:620px; }
.about-kk-image { width:min(88%,320px); height:auto; margin-top:-26px; filter:drop-shadow(0 7px 14px rgba(1,9,16,.28)); }
@media (max-width:1180px){.brand-mark {flex-basis:46px;height:41px;}.brand-type strong{font-size:21px;}.brand-type small{font-size:7px;}.brand-link{width:auto;}}
@media (max-width:900px){.brand-link{width:auto;}.pathway-visual{min-height:380px;}.footer-brand { max-width:100%; }}
@media (max-width:650px){.brand-link{width:auto;gap:8px;}.brand-mark{flex-basis:43px;height:38px;}.brand-divider{height:35px;}.brand-type strong{font-size:18px;}.brand-type small{font-size:6px;letter-spacing:.038em;}.pathway-visual{min-height:285px;padding:0;}.about-kk-image{width:min(88%,290px);}}
@media (max-width:380px){.brand-mark{flex-basis:37px;}.brand-type strong{font-size:16px;}.brand-type small{font-size:5.5px;}}
/* Keep new illustration inside the original hero proportions on every viewport. */
.pathway-visual { height:380px; min-height:0; overflow:hidden; }
.pathway-visual img { width:100%; height:100%; max-width:100%; object-fit:contain; }
@media (max-width:900px) { .pathway-visual { height:365px; min-height:0; } }
@media (max-width:650px) { .pathway-visual { height:300px; min-height:0; } }

/* V3: display the supplied gold PNG logo at its native aspect ratio in every logo location. */
.brand-mark img, .about-kk-image { image-rendering:auto; mix-blend-mode:normal; }

/* V3 About: approved tagline and factual security statement. */
.about-security { max-width:580px; margin-top:26px; padding-top:22px; border-top:1px solid var(--line); }
.about-security h3 { margin:0 0 10px; color:var(--navy); font:500 23px/1.35 var(--serif); }
.about-security p { margin:0; color:#5c6772; font-size:14px; line-height:1.95; }

/* Approved four-pillar homepage graphic; preserve its original proportions and colors. */
.hero-art.hero-art-services { min-height:0; align-self:center; display:block; padding:0; border:0; background:none; box-shadow:none; overflow:visible; }
.hero-art.hero-art-services::before,.hero-art.hero-art-services::after { display:none; }
.services-hero-image { display:block; width:100%; height:auto; }



/* Give the approved graphic more of the desktop hero width. */
@media (min-width:901px) { .hero-layout { grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:36px; } }
.hero-art.hero-art-services { max-width:none; }

/* Approved engagement message in the homepage banner. */
.hero-engagement-banner .container { justify-content:center; padding-block:25px; text-align:center; }
.hero-engagement-banner p { margin:0; color:var(--ivory); font-family:var(--sans); font-size:16px; font-weight:400; line-height:1.65; letter-spacing:.025em; text-wrap:balance; }
.hero-engagement-banner p span { color:var(--gold-bright); }
@media (max-width:650px) { .hero-engagement-banner .container { padding-block:21px; } .hero-engagement-banner p { font-size:14px; } .hero-engagement-banner p span { display:inline-block; } }

/* Consistent gold outline icons for the four service pillars. */
.service-symbol { display:inline-flex; flex:0 0 28px; width:28px; height:28px; align-items:center; justify-content:center; color:#ac8650; }
.service-icon { display:block; width:28px; height:28px; }

/* Approach principles: understated gold markers instead of sequence numbers. */
.approach-step { grid-template-columns:18px minmax(0,1fr); gap:18px; }
.approach-step > .approach-marker { display:block; width:6px; height:6px; padding:0; margin-top:10px; background:var(--gold-bright); transform:rotate(45deg); }

/* Expanded founder background, education and approved security statement. */
.about-layout { align-items:start; }
.about-visual { align-self:start; }
.about-education,.about-founder-story { margin-top:28px; }
.about-education h3,.about-founder-story h3 { margin:0 0 15px; color:var(--navy); font:500 23px/1.35 var(--serif); }
.about-education ul { list-style:none; margin:0; padding:0; }
.about-education li { margin-bottom:17px; color:#5c6772; font-size:13px; line-height:1.75; }
.about-education strong { display:block; font-weight:600; color:var(--navy); }
.about-education li span { display:block; }
.about-founder-story blockquote { margin:0; padding-left:20px; border-left:2px solid var(--gold); color:#5c6772; font:italic 17px/1.85 var(--serif); }
.about-security-wide { margin-top:45px; }
.about-security-wide .about-security { max-width:none; margin-top:0; padding-top:28px; }
.about-security-wide .about-security p { max-width:1000px; }

.services-engagement-note { max-width:850px; margin:0 0 28px; color:var(--muted); font-size:14px; line-height:1.85; }

/* V5: supporting copy beneath section headings and aligned founder portrait. */
.services-section .section-top,.audience-top { margin-bottom:24px; }
.audience-introduction { margin:0 0 32px; color:var(--muted); font-size:14px; line-height:1.9; }
.about-layout { column-gap:8%; row-gap:38px; }
.about-layout > .about-visual { grid-column:1; grid-row:1; width:100%; }
.about-layout > .about-content:not(.about-founder-details) { grid-column:2; grid-row:1; }
.about-portrait { grid-column:1; grid-row:2; margin:0; width:100%; align-self:start; padding:10px; border:1px solid var(--gold); background:var(--ivory); }
.about-portrait img { display:block; width:100%; height:auto; }
.about-founder-details { grid-column:2; grid-row:2; }
.about-founder-details .founder-card { margin-top:0; padding-top:0; border-top:0; }
@media (max-width:650px) {
  .about-layout > .about-visual,.about-layout > .about-content:not(.about-founder-details),.about-portrait,.about-founder-details { grid-column:1; grid-row:auto; }
  .about-layout > .about-visual { order:0; }
  .about-layout > .about-content:not(.about-founder-details) { order:1; }
  .about-portrait { order:2; max-width:420px; justify-self:center; }
  .about-founder-details { order:3; }
}