/* Nikita Fedorov — independent static site. No frameworks, no external fonts. */
:root{
  --navy:#051b2b;--navy2:#031421;--navy3:#0a2638;--gold:#c89b49;--gold2:#e0b869;
  --paper:#fbfbf8;--warm:#f1eee7;--ink:#071b29;--muted:#58656d;--line:rgba(5,27,43,.14);
  --white:#fff;--soft:#c8d1d7;--radius:0px;--shadow:0 28px 70px rgba(2,18,29,.12);
  --wrap:min(1240px,calc(100% - 96px));
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:17px;line-height:1.58;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:520;line-height:1.03;letter-spacing:-.04em}h1{font-size:clamp(46px,5.6vw,78px);max-width:980px}h2{font-size:clamp(36px,4.1vw,58px)}h3{font-size:clamp(23px,2.2vw,31px)}p{margin-bottom:1em}.wrap{width:var(--wrap);margin-inline:auto}.section{padding:104px 0}.section-sm{padding:72px 0}.dark{background:var(--navy);color:#fff}.warm{background:var(--warm)}.eyebrow{margin:0 0 22px;color:#916a2c;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.dark .eyebrow,.hero .eyebrow{color:var(--gold2)}.lead{max-width:760px;font-size:clamp(20px,2.05vw,28px);line-height:1.42;letter-spacing:-.02em}.muted{color:var(--muted)}.dark .muted{color:#b7c3cb}.gold{color:var(--gold2)}.rule{border-top:1px solid var(--line)}.dark .rule{border-color:rgba(255,255,255,.14)}.skip{position:fixed;left:16px;top:-100px;z-index:5000;background:#fff;padding:12px 16px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* header */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(5,27,43,.97);color:#fff;border-bottom:1px solid rgba(255,255,255,.11);backdrop-filter:blur(14px)}.nav-row{height:92px;display:flex;align-items:center;gap:30px}.brand{margin-right:auto;display:block;font-size:22px;letter-spacing:-.035em;line-height:1.05}.brand span{display:block;margin-top:5px;color:#aebbc4;font-size:11px;line-height:1.25;letter-spacing:.02em}.nav-main{display:flex;align-items:center;gap:28px;font-size:14px}.nav-main>a,.nav-drop>button{padding:10px 0;color:#e7ecef;background:none;border:0;cursor:pointer}.nav-main>a:hover,.nav-drop>button:hover{color:var(--gold2)}.nav-drop{position:relative}.nav-menu{position:absolute;top:46px;right:0;width:330px;padding:12px;background:#092437;border:1px solid rgba(255,255,255,.15);box-shadow:0 24px 60px rgba(0,0,0,.25);display:none}.nav-drop:hover .nav-menu,.nav-drop:focus-within .nav-menu{display:block}.nav-menu a{display:block;padding:13px 14px;border-bottom:1px solid rgba(255,255,255,.08);color:#dce4e8}.nav-menu a:last-child{border:0}.nav-menu a:hover{background:rgba(255,255,255,.05);color:var(--gold2)}.header-cta{padding:11px 0;border-bottom:1px solid var(--gold);font-size:13px;white-space:nowrap}.menu-toggle{display:none;margin-left:10px;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;cursor:pointer}.mobile-panel{display:none;background:#071f31;border-top:1px solid rgba(255,255,255,.12)}.mobile-panel a{display:block;padding:14px 24px;color:#dce4e8;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}.mobile-panel.is-open{display:block}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:28px;min-height:56px;padding:15px 24px;background:var(--gold);color:var(--navy)!important;border:1px solid var(--gold);font-weight:700;font-size:14px;transition:.2s}.btn:hover{transform:translateY(-2px);background:var(--gold2)}.btn-outline{background:transparent;color:inherit!important;border-color:rgba(255,255,255,.35)}.btn-outline:hover{border-color:var(--gold);color:var(--gold2)!important;background:transparent}.text-link{display:inline-block;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:14px}.text-link:hover{color:var(--gold)}

/* hero */
.hero{position:relative;isolation:isolate;overflow:hidden;min-height:680px;background:var(--navy);color:#fff}.hero-media{position:absolute;z-index:-2;inset:0 0 0 36%;overflow:hidden}.hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,var(--navy) 8%,rgba(5,27,43,.99) 33%,rgba(5,27,43,.72) 57%,rgba(5,27,43,.12) 85%),linear-gradient(0deg,rgba(5,27,43,.58),transparent 40%)}.hero-inner{padding:88px 0 80px}.hero h1{max-width:880px}.hero h1 em{font-style:normal;color:var(--gold2)}.hero .lead{max-width:650px;color:#e5eaed}.hero-copy{max-width:610px;color:#b8c5cd}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:32px}.hero-note{margin:16px 0 0;color:#94a6b2;font-size:12px}.hero-note a{text-decoration:underline;text-underline-offset:3px}.hero-compact{min-height:560px}.hero-compact .hero-inner{padding:72px 0}.hero-compact h1{font-size:clamp(43px,5vw,70px)}

/* facts */
.fact-strip{background:var(--navy);color:#fff;border-top:1px solid rgba(255,255,255,.12)}.facts{display:grid;grid-template-columns:repeat(3,1fr);padding:28px 0}.fact{padding-right:28px;border-right:1px solid rgba(255,255,255,.16)}.fact:last-child{border:0;padding-left:28px}.fact:nth-child(2){padding-left:28px}.fact strong{display:block;color:var(--gold2);font-size:25px;font-weight:550;letter-spacing:-.025em}.fact span{display:block;margin-top:4px;color:#bdc8cf;font-size:13px}

/* cards */
.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px}.section-head>p{max-width:410px;margin-bottom:4px;color:var(--muted);font-size:15px}.dark .section-head>p{color:#aab9c3}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}.card{padding:28px;border:1px solid var(--line);background:rgba(255,255,255,.34)}.dark .card{border-color:rgba(255,255,255,.15);background:rgba(255,255,255,.035)}.card .kicker{display:block;margin-bottom:30px;color:#9b742f;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.dark .card .kicker{color:var(--gold2)}.card p{color:var(--muted);font-size:15.5px}.dark .card p{color:#b4c1c9}.card .arrow{display:block;margin-top:28px;color:#9a702c;font-size:22px}.dark .card .arrow{color:var(--gold2)}.cards-4{grid-template-columns:repeat(4,1fr)}.card-link{transition:.2s}.card-link:hover{transform:translateY(-5px);border-color:rgba(200,155,73,.65);box-shadow:var(--shadow)}

/* issue list */
.issues{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:52px}.issue{padding-top:20px;border-top:1px solid #cbb27f}.issue .num{color:#956d31;font-size:12px;letter-spacing:.12em}.issue h3{margin:24px 0 15px}.issue p{color:var(--muted);font-size:16px}.focus{margin-top:24px;padding-top:17px;border-top:1px solid var(--line);font-size:14px}.focus strong{display:block;margin-bottom:7px;color:#967037;font-size:11px;letter-spacing:.12em;text-transform:uppercase}

/* systemic visual */
.system-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:72px;align-items:center}.system-copy .lead{font-size:22px}.system-visual{position:relative;min-height:570px;border:1px solid rgba(255,255,255,.14);background:radial-gradient(circle at center,rgba(200,155,73,.11),transparent 48%),rgba(255,255,255,.025);overflow:hidden}.system-visual:before,.system-visual:after{content:"";position:absolute;left:50%;top:50%;border:1px solid rgba(200,155,73,.28);border-radius:50%;transform:translate(-50%,-50%)}.system-visual:before{width:360px;height:360px}.system-visual:after{width:470px;height:470px;border-style:dashed}.system-center{position:absolute;left:50%;top:50%;width:190px;height:190px;transform:translate(-50%,-50%);border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;padding:25px;text-align:center;background:var(--navy);color:#fff;font-size:22px;line-height:1.2;z-index:3}.node{position:absolute;width:155px;padding:14px;border-top:1px solid var(--gold);color:#fff;background:rgba(5,27,43,.75);font-size:14px;z-index:4}.node small{display:block;margin-top:5px;color:#95a6b1;font-size:11px}.n1{left:7%;top:12%}.n2{right:7%;top:12%}.n3{right:3%;top:44%}.n4{right:9%;bottom:9%}.n5{left:9%;bottom:9%}.n6{left:3%;top:44%}.system-caption{margin-top:24px;color:#aebcc5;font-size:14px}.system-mobile-list{display:none}

/* two-col */
.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.photo-frame{position:relative;min-height:520px;background:var(--navy3);overflow:hidden}.photo-frame img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.photo-frame:after{content:"";position:absolute;inset:0;border:1px solid rgba(200,155,73,.32);margin:18px;pointer-events:none}.bio-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}.bio-stat{padding:18px 0;border-top:1px solid var(--line)}.bio-stat strong{display:block;color:#9a732f;font-size:27px}.bio-stat span{font-size:12px;color:var(--muted)}

/* logos */
.logo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:36px}.logo-box{min-height:118px;display:flex;align-items:center;justify-content:center;padding:18px;background:#fff;border:1px solid var(--line)}.logo-box img{max-width:78%;max-height:65px;object-fit:contain;filter:grayscale(1);opacity:.8}.logo-box span{font-weight:650;text-align:center}

/* process / results */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:50px}.step{padding-top:20px;border-top:1px solid var(--line)}.dark .step{border-color:rgba(255,255,255,.18)}.step>span{color:#9a732f;font-size:13px}.dark .step>span{color:var(--gold2)}.step h3{margin:18px 0 11px;font-size:24px}.step p{color:var(--muted);font-size:15px}.dark .step p{color:#afbdc6}.check-list{list-style:none;margin:30px 0 0;padding:0}.check-list li{position:relative;padding:18px 0 18px 34px;border-bottom:1px solid var(--line)}.dark .check-list li{border-color:rgba(255,255,255,.15)}.check-list li:before{content:"✓";position:absolute;left:0;top:18px;color:var(--gold);font-weight:700}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.tag{padding:8px 11px;border:1px solid var(--line);font-size:12px;color:var(--muted)}.dark .tag{color:#bdc7cd;border-color:rgba(255,255,255,.15)}

/* related */
.related{padding:84px 0;background:var(--navy2);color:#fff}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.related-card{padding:22px;border:1px solid rgba(255,255,255,.15)}.related-card small{color:var(--gold2)}.related-card h3{margin:16px 0 12px;font-size:24px}.related-card p{color:#aebcc5;font-size:14px}.related-card:hover{border-color:var(--gold)}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{position:relative;cursor:pointer;list-style:none;padding:22px 42px 22px 0;font-size:19px;font-weight:600}summary::-webkit-details-marker{display:none}summary:after{content:"+";position:absolute;right:0;top:20px;color:var(--gold);font-size:24px}details[open] summary:after{content:"−"}details p{padding:0 35px 22px 0;color:var(--muted);font-size:15.5px}

/* contact */
.contact{padding:94px 0;background:var(--navy);color:#fff}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact h2{max-width:590px}.contact-copy{max-width:520px;color:#b5c2ca}.contact-direct{display:grid;gap:8px;margin-top:30px}.contact-direct a{font-size:20px}.contact-direct small{color:#8fa2af}.form{padding:30px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.035)}.field{display:grid;gap:7px;margin-bottom:16px}.field label{color:#c8d2d8;font-size:12px}.field input,.field textarea{width:100%;padding:14px 15px;border:1px solid rgba(255,255,255,.2);background:#061f31;color:#fff;outline:none}.field input:focus,.field textarea:focus{border-color:var(--gold)}.field textarea{min-height:110px;resize:vertical}.consent{display:flex;gap:10px;align-items:flex-start;color:#9eb0bb;font-size:11px}.consent input{margin-top:4px}.consent a{text-decoration:underline}.form-status{min-height:24px;margin-top:12px;color:#c8d4da;font-size:12px}.hp{position:absolute;left:-5000px}

/* footer */
.footer{padding:52px 0 24px;background:var(--navy2);color:#aab7c0;border-top:1px solid rgba(255,255,255,.1);font-size:13px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:50px;padding-bottom:35px}.footer strong{display:block;color:#fff;font-size:21px;font-weight:540}.footer .role{margin-top:8px;color:#8296a3}.footer-title{display:block;margin-bottom:12px;color:var(--gold2);font-size:11px;letter-spacing:.12em;text-transform:uppercase}.footer a{display:block;margin:7px 0}.footer a:hover{color:var(--gold2)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:18px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#728793}

/* project page */
.manifest{font-size:clamp(30px,3.8vw,54px);line-height:1.12;max-width:1000px}.principles{counter-reset:p}.principle{display:grid;grid-template-columns:70px 1fr;gap:22px;padding:28px 0;border-bottom:1px solid var(--line)}.principle:before{counter-increment:p;content:"0" counter(p);color:#987136;font-size:13px}.principle h3{margin:0 0 9px;font-size:25px}.principle p{margin:0;color:var(--muted)}

/* policy */
.legal{max-width:900px}.legal h1{font-size:48px}.legal h2{margin-top:44px;font-size:28px}.legal p,.legal li{font-size:15px;line-height:1.7;color:#3e4d57}.legal ul{padding-left:20px}

@media(max-width:1050px){:root{--wrap:min(1240px,calc(100% - 56px))}.nav-main{gap:16px}.cards-4{grid-template-columns:1fr 1fr}.system-grid,.split,.contact-grid,.faq-grid{gap:44px}.hero-media{inset:0 0 0 28%}}
@media(max-width:780px){:root{--wrap:calc(100% - 36px)}html{scroll-padding-top:78px}.section{padding:68px 0}.section-sm{padding:50px 0}.nav-row{height:76px}.brand{font-size:19px}.brand span{max-width:190px;font-size:9.5px}.nav-main,.header-cta{display:none}.menu-toggle{display:block}.hero{min-height:0}.hero-media{inset:auto 0 0;height:285px}.hero:after{background:linear-gradient(180deg,var(--navy) 0,var(--navy) 56%,rgba(5,27,43,.88) 73%,rgba(5,27,43,.18) 100%)}.hero-inner{padding:54px 0 235px}.hero-compact .hero-inner{padding:48px 0 215px}.hero h1{font-size:clamp(41px,11vw,58px)}.hero .lead{font-size:19px}.hero-copy{font-size:14.5px}.hero-actions{align-items:flex-start;flex-direction:column}.facts{grid-template-columns:1fr 1fr 1fr;gap:10px}.fact,.fact:nth-child(2),.fact:last-child{padding:0 10px 0 0}.fact strong{font-size:19px}.fact span{font-size:10px;line-height:1.35}.section-head{display:block}.section-head>p{margin-top:20px}.issues,.cards,.cards-4,.steps,.related-grid,.logo-strip{grid-template-columns:1fr}.cards-4{gap:14px}.system-grid,.split,.contact-grid,.faq-grid{grid-template-columns:1fr}.system-visual{display:none}.system-mobile-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.system-mobile-list div{padding:15px;border:1px solid rgba(255,255,255,.15)}.system-mobile-list strong{display:block;color:#fff;font-size:14px}.system-mobile-list span{font-size:11px;color:#93a6b2}.photo-frame{min-height:420px}.bio-list{grid-template-columns:1fr 1fr}.steps{gap:28px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{flex-direction:column}.principle{grid-template-columns:44px 1fr}.legal h1{font-size:39px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn,.card-link{transition:none}}

/* === Home page refinement V2 === */
.brand-name{display:block;color:var(--gold2);font-weight:700}
.brand-sub{display:block;margin-top:5px;color:#aebbc4;font-size:11px;line-height:1.25;letter-spacing:.02em}
.site-header{transition:background .25s ease,border-color .25s ease,box-shadow .25s ease}
.site-header.is-scrolled{background:rgba(5,27,43,.78);border-bottom-color:rgba(255,255,255,.08);box-shadow:0 14px 38px rgba(0,0,0,.16)}
.header-cta{padding:11px 0;border-bottom:1px solid var(--gold);font-size:13px;white-space:nowrap;color:#fff}
.header-cta:hover{color:var(--gold2)}

.home-page .hero{min-height:720px}
.home-page .hero-media{inset:0 0 0 41%}
.home-page .hero-media img{object-position:center top}
.home-page .hero:after{background:linear-gradient(90deg,var(--navy) 5%,rgba(5,27,43,.98) 31%,rgba(5,27,43,.78) 56%,rgba(5,27,43,.12) 84%),linear-gradient(0deg,rgba(5,27,43,.58),transparent 44%)}
.home-page .hero-inner{padding:112px 0 96px}
.home-page .hero h1{max-width:760px;font-size:clamp(56px,6.1vw,88px)}
.home-page .hero-copy{max-width:720px;font-size:clamp(19px,1.95vw,28px);line-height:1.5;color:#d9e2e8}
.home-page .hero-copy-strong{max-width:680px}
.home-page .hero-note{max-width:560px}

.facts-animated .fact strong{font-size:31px}
.facts-animated .fact span{font-size:14px}
.counter{display:inline-block;min-width:1.3ch}

.logo-marquee-section{padding:28px 0 34px;background:#f3f1eb;border-bottom:1px solid var(--line);overflow:hidden}
.logo-intro{display:flex;justify-content:space-between;gap:36px;align-items:end;padding-bottom:18px}
.logo-intro .eyebrow{margin-bottom:0}
.logo-intro p:last-child{max-width:620px;margin:0;color:var(--muted);font-size:14px}
.logo-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,black 8%,black 92%,transparent)}
.logo-track{display:flex;align-items:center;gap:18px;width:max-content;animation:marquee 34s linear infinite}
.logo-marquee:hover .logo-track{animation-play-state:paused}
.logo-mark{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:220px;height:118px;padding:18px;background:#fff;border:1px solid rgba(5,27,43,.1)}
.logo-mark img{max-width:170px;max-height:70px;object-fit:contain;filter:grayscale(1) contrast(1.02);opacity:.76;transition:filter .25s ease,opacity .25s ease,transform .25s ease}
.logo-mark:hover img{filter:grayscale(0);opacity:1;transform:scale(1.02)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}

.home-page .section-head-home .eyebrow{font-size:14px}
.home-page #details .section-head h2{font-size:clamp(32px,3vw,44px)}
.home-page #details .section-head>p{font-size:16px;max-width:470px}
.home-page .issues{gap:38px}
.home-page .issue .num{display:block;color:#8d672d;font-size:14px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.home-page .issue h3{font-size:clamp(26px,2vw,34px)}
.home-page .issue p{font-size:17px;line-height:1.65}
.home-page .focus{font-size:14.5px}

.home-page .system-copy .lead{font-size:clamp(22px,2vw,29px);line-height:1.46}
.home-page .system-copy .muted{font-size:16.5px;line-height:1.68}
.home-page .system-caption{font-size:14.5px;line-height:1.6}

.secondary-formats{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px}
.mini-card{display:block;padding:22px 24px;border:1px solid var(--line);background:#fff;transition:.2s}
.mini-card span{display:block;margin-bottom:10px;color:#9b742f;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.mini-card strong{display:block;font-size:23px;line-height:1.2;font-weight:520;letter-spacing:-.03em}
.mini-card:hover{transform:translateY(-4px);border-color:rgba(200,155,73,.55);box-shadow:var(--shadow)}

.home-page .bio-stat span{font-size:13px;line-height:1.4}

.contact-socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.social-link{display:inline-flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);transition:.2s}
.social-link svg{width:18px;height:18px;fill:var(--gold2);flex:0 0 auto}
.social-link span{font-size:13px;color:#dbe3e8}
.social-link:hover{transform:translateY(-2px);border-color:rgba(224,184,105,.55);background:rgba(255,255,255,.08)}
.form{padding:34px}

@media(max-width:1050px){
  .logo-intro{display:block}
  .logo-intro p:last-child{margin-top:10px}
  .home-page .hero-media{inset:0 0 0 32%}
}
@media(max-width:780px){
  .home-page .hero-media{inset:auto 0 0;height:290px}
  .home-page .hero-inner{padding:54px 0 248px}
  .home-page .hero h1{font-size:clamp(44px,10.8vw,62px)}
  .home-page .hero-copy{font-size:16px;line-height:1.56}
  .logo-marquee-section{padding:24px 0}
  .logo-track{gap:12px;animation-duration:26s}
  .logo-mark{width:170px;height:92px;padding:14px}
  .logo-mark img{max-width:130px;max-height:52px}
  .secondary-formats{grid-template-columns:1fr}
  .contact-socials{gap:10px}
  .social-link{padding:10px 12px}
  .social-link span{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
  .logo-track{animation:none}
  .site-header{transition:none}
  .logo-mark img,.social-link{transition:none}
}

/* === Home page refinement V3 === */
.brand{font-size:22px;letter-spacing:-.035em;line-height:1.05}
.brand-name{display:block;font-size:22px;font-weight:600;color:var(--gold2)}
.brand-sub{display:block;margin-top:5px;color:#aebbc4;font-size:11px;line-height:1.25;letter-spacing:.02em}

.nav-menu{width:360px}

.home-page .hero-media{inset:0 0 0 44%}
.home-page .hero-media img{object-position:center 18%}

.facts{grid-template-columns:repeat(3,1fr);padding:28px 0}
.fact{padding-right:28px;border-right:1px solid rgba(255,255,255,.16)}
.fact:nth-child(2){padding-left:28px}
.fact:last-child{border-right:0;padding-left:28px}
.fact strong{display:block;color:var(--gold2);font-size:25px;font-weight:550;letter-spacing:-.025em;white-space:nowrap;line-height:1.15}
.fact span{display:block;margin-top:4px;color:#bdc8cf;font-size:13px}
.counter-inline{display:inline;min-width:auto}
.reveal-up{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s ease}
.reveal-up.is-visible{opacity:1;transform:none}

.logo-marquee-section{padding:20px 0 32px}
.logo-intro{padding-bottom:14px}
.logo-mark{width:208px;height:108px}
.logo-mark img{max-width:164px;max-height:64px}

.home-page .issue .num{font-size:16px;line-height:1.4}

@media(max-width:1050px){
  .home-page .hero-media{inset:0 0 0 36%}
}
@media(max-width:780px){
  .brand-name{font-size:19px}
  .brand-sub{max-width:190px;font-size:9.5px}
  .facts{gap:10px}
  .fact,.fact:nth-child(2),.fact:last-child{padding:0 10px 0 0}
  .fact strong{font-size:19px;white-space:normal}
  .fact span{font-size:10px;line-height:1.35}
  .home-page .hero-media{inset:auto 0 0;height:290px}
  .logo-mark{width:170px;height:92px}
}

/* === Home page V4: first-screen polish after live preview === */
.brand .brand-name{
  display:block;
  margin:0;
  color:var(--gold2);
  font-size:22px;
  font-weight:600;
  line-height:1.05;
  letter-spacing:-.035em;
}
.brand .brand-sub{
  display:block;
  margin-top:5px;
  color:#aebbc4;
  font-size:11px;
  line-height:1.25;
  letter-spacing:.02em;
}

.home-page .hero{min-height:650px}
.home-page .hero-inner{padding:82px 0 68px}
.home-page .hero-media{inset:0 0 0 48%}
.home-page .hero-media img{object-position:42% 20%}
.home-page .hero:after{
  background:
    linear-gradient(90deg,var(--navy) 4%,rgba(5,27,43,.98) 29%,rgba(5,27,43,.82) 47%,rgba(5,27,43,.38) 64%,rgba(5,27,43,.08) 86%),
    linear-gradient(0deg,rgba(5,27,43,.43),transparent 43%);
}
.home-page .hero h1{
  max-width:820px;
  font-size:clamp(52px,5vw,74px);
  line-height:1.06;
}
.home-page .hero-copy{max-width:690px}

.fact strong .counter-inline{
  display:inline;
  margin:0;
  color:inherit;
  font-size:inherit;
  line-height:inherit;
}

@media(max-width:1050px){
  .home-page .hero-media{inset:0 0 0 40%}
  .home-page .hero h1{font-size:clamp(48px,6vw,68px)}
}
@media(max-width:780px){
  .brand .brand-name{font-size:19px}
  .brand .brand-sub{max-width:190px;font-size:9.5px}
  .home-page .hero{min-height:0}
  .home-page .hero-inner{padding:54px 0 244px}
  .home-page .hero-media{inset:auto 0 0;height:290px}
  .home-page .hero-media img{object-position:center 18%}
  .home-page .hero h1{font-size:clamp(42px,10.6vw,58px);line-height:1.04}
}

/* === Logo marquee refinement V4.2 === */
.logo-marquee{padding:6px 0}
.logo-track{gap:42px;animation-duration:30s}
.logo-mark{width:auto;height:112px;padding:0;background:transparent !important;border:0 !important;box-shadow:none !important}
.logo-mark img{display:block;height:84px;width:auto;max-width:none;max-height:none;filter:grayscale(1) brightness(.8) contrast(1.05);opacity:.9;transition:filter .22s ease,opacity .22s ease,transform .22s ease}
.logo-mark:hover img{filter:grayscale(0);opacity:1;transform:scale(1.03)}
@media(max-width:780px){
  .logo-track{gap:26px;animation-duration:24s}
  .logo-mark{height:82px}
  .logo-mark img{height:58px}
}

/* === Typography unification V4.3 === */
.home-page .eyebrow,
.home-page .card .kicker,
.home-page .issue .num,
.home-page .focus strong{
  font-weight:700;
  letter-spacing:.16em;
  text-transform:uppercase;
}

.home-page .eyebrow{
  margin:0 0 22px;
  font-size:14px;
  line-height:1.25;
  color:#9b742f;
}
.home-page .dark .eyebrow,
.home-page .hero .eyebrow{color:var(--gold2)}

.home-page .section-head h2,
.home-page .system-copy h2,
.home-page #about-short h2,
.home-page #projects h2,
.home-page .contact h2{
  font-size:clamp(34px,3.3vw,56px);
  line-height:1.04;
  letter-spacing:-.045em;
  margin:0;
}

.home-page .section-head > p,
.home-page .system-copy .muted,
.home-page #about-short .muted,
.home-page .contact-copy,
.home-page #projects .section-head > p,
.home-page .logo-intro p:last-child{
  font-size:18px;
  line-height:1.62;
  letter-spacing:-.012em;
}

.home-page #details .section-head > p,
.home-page #projects .section-head > p,
.home-page .contact-copy{max-width:540px}
.home-page .system-copy .muted{max-width:760px}
.home-page #about-short .lead,
.home-page .system-copy .lead{
  font-size:clamp(20px,1.8vw,27px);
  line-height:1.48;
  letter-spacing:-.02em;
}

.home-page .issue .num,
.home-page .card .kicker{
  font-size:15px;
  line-height:1.35;
}
.home-page .issue h3,
.home-page .card h3,
.home-page .mini-card strong{
  font-size:clamp(26px,2.05vw,36px);
  line-height:1.08;
  letter-spacing:-.04em;
}
.home-page .issue p,
.home-page .card p,
.home-page .mini-card span,
.home-page .bio-stat span{
  font-size:17px;
  line-height:1.62;
}
.home-page .focus{font-size:15px;line-height:1.58}

@media(max-width:780px){
  .home-page .eyebrow{font-size:12px;margin-bottom:16px}
  .home-page .section-head h2,
  .home-page .system-copy h2,
  .home-page #about-short h2,
  .home-page #projects h2,
  .home-page .contact h2{font-size:clamp(32px,9vw,44px)}
  .home-page .section-head > p,
  .home-page .system-copy .muted,
  .home-page #about-short .muted,
  .home-page .contact-copy,
  .home-page #projects .section-head > p,
  .home-page .logo-intro p:last-child,
  .home-page .issue p,
  .home-page .card p,
  .home-page .mini-card span,
  .home-page .bio-stat span{font-size:16px}
  .home-page .issue .num,
  .home-page .card .kicker{font-size:13px}
  .home-page .issue h3,
  .home-page .card h3,
  .home-page .mini-card strong{font-size:clamp(24px,7.2vw,31px)}
}

/* === Premium visual pass V4.4 === */
.home-page .section{padding:118px 0}
.home-page .section-head{align-items:flex-end;gap:90px;margin-bottom:8px}
.home-page .section-head>div{max-width:720px}
.home-page .section-head>p{margin:0 0 4px}

/* Details: editorial, airy, without card-box look */
.home-page #details{background:linear-gradient(180deg,#fbfbf8 0%,#f8f7f2 100%)}
.home-page #details .issues{margin-top:64px;gap:46px}
.home-page #details .issue{position:relative;padding:26px 4px 0;border-top:1px solid rgba(165,120,47,.55)}
.home-page #details .issue:before{content:"";position:absolute;top:-1px;left:0;width:72px;height:2px;background:var(--gold)}
.home-page #details .issue h3{margin:28px 0 18px;max-width:410px}
.home-page #details .issue p{max-width:430px;color:#53616a}
.home-page #details .focus{margin-top:28px;padding-top:18px;border-top:1px solid rgba(5,27,43,.10);color:#33434d}

/* Approach: one strong dark editorial statement + clearer system diagram */
.home-page #approach{position:relative;overflow:hidden}
.home-page #approach:before{content:"";position:absolute;width:640px;height:640px;right:-220px;top:-210px;border:1px solid rgba(224,184,105,.08);border-radius:50%;box-shadow:0 0 0 95px rgba(224,184,105,.025),0 0 0 190px rgba(224,184,105,.018);pointer-events:none}
.home-page #approach .system-grid{grid-template-columns:.9fr 1.1fr;gap:96px}
.home-page #approach .system-copy h2{max-width:680px}
.home-page #approach .system-copy .lead{margin-top:30px;color:#eef2f4}
.home-page #approach .system-copy .muted{max-width:680px}
.home-page #approach .system-visual{min-height:610px;border-color:rgba(224,184,105,.22);background:radial-gradient(circle at center,rgba(200,155,73,.15),rgba(255,255,255,.015) 52%,transparent 72%)}
.home-page #approach .system-center{width:205px;height:205px;border-color:var(--gold2);box-shadow:0 0 45px rgba(200,155,73,.11);font-size:24px}
.home-page #approach .node{width:170px;padding:15px 14px;border-top-color:rgba(224,184,105,.8);background:rgba(3,20,33,.82);backdrop-filter:blur(8px)}
.home-page #approach .node small{font-size:11.5px;line-height:1.35}
.home-page #approach .system-caption{max-width:620px;margin:24px auto 0;text-align:center;color:#aab8c1}

/* Formats: 2x2 premium product cards instead of a crowded 4-column row */
.home-page #formats{background:#fbfbf8}
.home-page #formats> .wrap > h2{max-width:760px}
.home-page #formats .cards-4{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:56px}
.home-page #formats .card{position:relative;min-height:330px;padding:36px 38px 34px;background:#fff;border:1px solid rgba(5,27,43,.12);overflow:hidden}
.home-page #formats .card:after{content:"";position:absolute;right:-65px;bottom:-65px;width:150px;height:150px;border:1px solid rgba(200,155,73,.16);border-radius:50%;transition:.25s}
.home-page #formats .card:hover:after{transform:scale(1.15);border-color:rgba(200,155,73,.35)}
.home-page #formats .card .kicker{margin-bottom:42px;color:#936b2d}
.home-page #formats .card h3{max-width:510px;margin-bottom:20px}
.home-page #formats .card p{max-width:530px;color:#55636c}
.home-page #formats .card .arrow{position:absolute;left:38px;bottom:30px;margin:0}
.home-page #formats .secondary-formats{gap:22px;margin-top:22px}
.home-page #formats .mini-card{padding:26px 30px;background:#f2efe8;border-color:transparent}
.home-page #formats .mini-card:hover{background:#fff;border-color:rgba(200,155,73,.4)}

/* About: stronger portrait / text balance */
.home-page #about-short{background:#f0ede6}
.home-page #about-short .split{grid-template-columns:.92fr 1.08fr;gap:96px}
.home-page #about-short .photo-frame{min-height:600px;box-shadow:0 30px 70px rgba(3,20,33,.12)}
.home-page #about-short .photo-frame:after{margin:22px;border-color:rgba(224,184,105,.45)}
.home-page #about-short .photo-frame img{object-position:center 16%}
.home-page #about-short .lead{margin-top:30px;max-width:680px}
.home-page #about-short .muted{max-width:680px}
.home-page #about-short .bio-list{gap:24px;margin:40px 0 36px}
.home-page #about-short .bio-stat{padding-top:20px;border-top-color:rgba(5,27,43,.18)}
.home-page #about-short .bio-stat strong{font-size:31px;color:#956e32}

/* Projects: two primary propositions + one quiet principle card */
.home-page #projects .cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:58px}
.home-page #projects .card{min-height:300px;padding:34px 36px;border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.028)}
.home-page #projects .card:nth-child(3){grid-column:1/-1;min-height:auto;display:grid;grid-template-columns:180px 1fr;column-gap:48px;align-items:start;background:transparent;border-left:0;border-right:0;border-bottom:0;padding:30px 0 0}
.home-page #projects .card:nth-child(3) .kicker{margin:4px 0 0}
.home-page #projects .card:nth-child(3) h3{margin:0 0 10px}
.home-page #projects .card:nth-child(3) p{max-width:820px;margin-bottom:0}

/* Contact: calmer, more premium closing frame */
.home-page .contact{padding:112px 0;background:linear-gradient(135deg,#041927 0%,#062235 100%)}
.home-page .contact-grid{grid-template-columns:.92fr 1.08fr;gap:100px;align-items:start}
.home-page .contact h2{max-width:650px}
.home-page .contact-copy{margin-top:28px;color:#bdc8cf}
.home-page .contact-direct{margin-top:34px;gap:10px}
.home-page .contact-direct>a:first-child{font-size:26px;color:#fff}
.home-page .contact-direct>a:nth-child(2){font-size:17px;color:#c1ccd2}
.home-page .form{padding:38px 40px;border-color:rgba(224,184,105,.22);background:rgba(255,255,255,.025);box-shadow:0 30px 70px rgba(0,0,0,.12)}
.home-page .field{margin-bottom:20px}
.home-page .field label{font-size:12px;letter-spacing:.05em;text-transform:uppercase;color:#aebdc6}
.home-page .field input{min-height:54px;background:rgba(3,20,33,.55);border-color:rgba(255,255,255,.16)}
.home-page .form .btn{width:100%;margin-top:24px !important}

/* Subtle section rhythm */
.home-page #formats .eyebrow,
.home-page #about-short .eyebrow,
.home-page #projects .eyebrow,
.home-page .contact .eyebrow{margin-bottom:20px}

@media(max-width:1050px){
  .home-page #approach .system-grid,
  .home-page #about-short .split,
  .home-page .contact-grid{gap:56px}
  .home-page #formats .card{min-height:350px}
}

@media(max-width:780px){
  .home-page .section{padding:76px 0}
  .home-page .section-head{display:block;margin-bottom:0}
  .home-page #details .issues{margin-top:46px;gap:38px}
  .home-page #approach .system-grid{grid-template-columns:1fr}
  .home-page #formats .cards-4{grid-template-columns:1fr;gap:14px;margin-top:38px}
  .home-page #formats .card{min-height:auto;padding:28px 26px 72px}
  .home-page #formats .card .kicker{margin-bottom:28px}
  .home-page #formats .card .arrow{left:26px;bottom:24px}
  .home-page #about-short .split{grid-template-columns:1fr;gap:46px}
  .home-page #about-short .photo-frame{min-height:460px}
  .home-page #projects .cards{grid-template-columns:1fr;gap:14px;margin-top:40px}
  .home-page #projects .card:nth-child(3){grid-column:auto;display:block;padding:26px;border:1px solid rgba(255,255,255,.14)}
  .home-page #projects .card:nth-child(3) .kicker{margin-bottom:18px}
  .home-page .contact{padding:78px 0}
  .home-page .contact-grid{grid-template-columns:1fr;gap:44px}
  .home-page .form{padding:28px 24px}
}

/* === Recognizable situations V4.5 === */
.home-page #details .issue-intro,
.home-page #details .issue-label,
.home-page #details .issue-summary{
  max-width:430px;
  font-size:16.5px;
  line-height:1.58;
  color:#53616a;
}
.home-page #details .issue-intro{margin-bottom:12px}
.home-page #details .issue-label{margin:12px 0 8px;color:#33434d;font-weight:600}
.home-page #details .issue-list{
  list-style:none;
  margin:0 0 20px;
  padding:0;
  max-width:440px;
}
.home-page #details .issue-list li{
  position:relative;
  padding:0 0 9px 20px;
  color:#53616a;
  font-size:16px;
  line-height:1.52;
}
.home-page #details .issue-list li:before{
  content:"";
  position:absolute;
  left:1px;
  top:.72em;
  width:5px;
  height:5px;
  border-radius:50%;
  background:var(--gold);
}
.home-page #details .issue-summary{
  margin:18px 0 0;
  color:#263945;
}
.home-page #details .issue-summary strong{font-weight:650;color:var(--ink)}
.home-page #details .focus{margin-top:24px}

@media(max-width:780px){
  .home-page #details .issue-intro,
  .home-page #details .issue-label,
  .home-page #details .issue-summary,
  .home-page #details .issue-list li{font-size:15.5px}
}

/* === Body copy unification V4.7 === */
.home-page{
  --copy-size:17px;
  --copy-line:1.62;
}
.home-page #details .section-head>p,
.home-page #details .issue-intro,
.home-page #details .issue-list li,
.home-page #details .focus,
.home-page #approach .system-copy .muted,
.home-page #approach .system-caption,
.home-page #formats .card p,
.home-page #about-short .muted,
.home-page #projects .section-head>p,
.home-page #projects .card p,
.home-page .contact-copy{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:var(--copy-size);
  line-height:var(--copy-line);
  font-weight:400;
  letter-spacing:0;
}
.home-page #details .issue-list-no-intro{margin-top:2px}
.home-page #details .issue-list{margin-bottom:24px}
.home-page #details .focus{color:#33434d}
.home-page #details .focus strong{
  font-size:11px;
  line-height:1.35;
  letter-spacing:.16em;
}

@media(max-width:780px){
  .home-page{--copy-size:16px;--copy-line:1.6}
}


/* === Approach-only readability patch V4.9 === */
.home-page #approach .system-copy .lead{
  max-width:740px;
  font-size:clamp(21px,1.85vw,27px);
  line-height:1.55;
}
.home-page #approach .system-visual{
  min-height:630px;
}
.home-page #approach .system-center{
  width:220px;
  height:220px;
  padding:28px;
  font-size:25px;
  line-height:1.22;
}
.home-page #approach .node{
  width:190px;
  padding:18px 16px;
  font-size:16px;
  font-weight:600;
  line-height:1.25;
}
.home-page #approach .node small{
  margin-top:7px;
  font-size:13px;
  line-height:1.42;
  font-weight:400;
  color:#b8c5cc;
}
.home-page #approach .n1{left:5%;top:9%}
.home-page #approach .n2{right:5%;top:9%}
.home-page #approach .n3{right:1%;top:42%}
.home-page #approach .n4{right:6%;bottom:7%}
.home-page #approach .n5{left:6%;bottom:7%;width:210px}
.home-page #approach .n6{left:1%;top:42%}
.home-page #approach .system-caption{
  max-width:690px;
  font-size:15px;
  line-height:1.6;
}
@media(max-width:1100px) and (min-width:781px){
  .home-page #approach .system-grid{gap:56px}
  .home-page #approach .node{width:172px;font-size:15px;padding:15px 13px}
  .home-page #approach .node small{font-size:12px}
  .home-page #approach .n5{width:190px}
  .home-page #approach .system-center{width:200px;height:200px;font-size:23px}
}


/* === Approach-only text refinement V4.10 === */
.home-page #approach .system-copy .lead{
  max-width:760px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  font-size:var(--copy-size);
  line-height:var(--copy-line);
  font-weight:400;
  letter-spacing:0;
  color:#eef2f4;
}


/* === Footer current architecture V4.11 === */
.home-page .footer-current{padding:68px 0 26px;background:#031421;color:#9dafba;border-top:1px solid rgba(224,184,105,.18)}
.home-page .footer-grid-current{grid-template-columns:1.45fr 1.15fr 1fr .85fr;gap:56px;padding-bottom:48px}
.home-page .footer-brand{display:inline-block;margin:0 0 9px;color:var(--gold2);font-size:24px;font-weight:650;letter-spacing:-.03em}
.home-page .footer-current .role{max-width:300px;margin:0;color:#c1cbd1;font-size:14px;line-height:1.5}
.home-page .footer-positioning{max-width:330px;margin:24px 0 26px;color:#7f929e;font-size:14px;line-height:1.65}
.home-page .footer-phone{display:inline-block!important;margin:0!important;padding-bottom:5px;border-bottom:1px solid rgba(224,184,105,.7);color:#fff!important;font-size:19px!important;letter-spacing:-.015em}
.home-page .footer-phone:hover{color:var(--gold2)!important}
.home-page .footer-column{min-width:0}
.home-page .footer-current .footer-title{display:block;margin:1px 0 18px;color:var(--gold2);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.home-page .footer-current .footer-title-secondary{margin-top:30px}
.home-page .footer-current .footer-column a{display:block;margin:0 0 11px;color:#aebbc4;font-size:13.5px;line-height:1.45;transition:color .18s ease}
.home-page .footer-current .footer-column a:hover{color:#fff}
.home-page .footer-contacts a:first-of-type{color:#dce3e7}
.home-page .footer-bottom-current{align-items:center;padding-top:22px;border-top-color:rgba(255,255,255,.09);color:#667b88;font-size:11px}
.home-page .footer-bottom-current a{color:#7f929e}
.home-page .footer-bottom-current a:hover{color:var(--gold2)}
@media(max-width:1050px){
  .home-page .footer-grid-current{grid-template-columns:1.35fr 1fr 1fr;gap:44px}
  .home-page .footer-contacts{grid-column:2/4}
}
@media(max-width:780px){
  .home-page .footer-current{padding:52px 0 22px}
  .home-page .footer-grid-current{grid-template-columns:1fr;gap:34px;padding-bottom:36px}
  .home-page .footer-contacts{grid-column:auto}
  .home-page .footer-positioning{max-width:100%;margin:18px 0 22px}
  .home-page .footer-bottom-current{gap:10px}
}


/* === Global link behavior + floating back-to-top V4.12 === */
.back-to-top{
  position:fixed;
  right:26px;
  bottom:26px;
  z-index:1250;
  display:inline-flex;
  align-items:center;
  gap:9px;
  min-height:48px;
  padding:10px 16px 10px 13px;
  border:1px solid rgba(224,184,105,.52);
  background:rgba(5,27,43,.86);
  color:#fff;
  box-shadow:0 16px 38px rgba(2,18,29,.2);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(22px);
  transition:opacity .28s ease,transform .28s ease,visibility .28s ease,background .2s ease,border-color .2s ease;
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.back-to-top:hover{
  background:rgba(8,38,57,.97);
  border-color:var(--gold2);
}
.back-to-top-arrow{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  color:var(--gold2);
  font-size:21px;
  line-height:1;
  transition:transform .2s ease;
}
.back-to-top:hover .back-to-top-arrow{transform:translateY(-3px)}
.back-to-top-label{
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
@media(max-width:780px){
  .back-to-top{
    right:16px;
    bottom:16px;
    width:48px;
    height:48px;
    min-height:48px;
    padding:0;
    justify-content:center;
    border-radius:50%;
  }
  .back-to-top-label{display:none}
  .back-to-top-arrow{font-size:22px}
}
@media(prefers-reduced-motion:reduce){
  .back-to-top{transition:none}
  .back-to-top:hover .back-to-top-arrow{transform:none}
}

/* === Premium motion system V4.13 === */
:root{
  --motion-duration:720ms;
  --motion-fast:520ms;
  --motion-distance:24px;
  --motion-ease:cubic-bezier(.22,.61,.36,1);
}

/* Generic scroll reveal. Activated only when JS confirms motion is allowed. */
html.motion-enabled .motion-reveal{
  opacity:0;
  transform:translate3d(0,var(--motion-distance),0);
  transition:
    opacity var(--motion-duration) var(--motion-ease),
    transform var(--motion-duration) var(--motion-ease);
  transition-delay:var(--motion-delay,0ms);
  will-change:opacity,transform;
}
html.motion-enabled .motion-reveal.motion-left{transform:translate3d(-22px,0,0)}
html.motion-enabled .motion-reveal.motion-right{transform:translate3d(22px,0,0)}
html.motion-enabled .motion-reveal.motion-scale{transform:translate3d(0,12px,0) scale(.975)}
html.motion-enabled .motion-reveal.motion-in{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
}

/* First screen: quiet sequential entrance. */
html.motion-enabled .home-page .hero .eyebrow,
html.motion-enabled .home-page .hero h1,
html.motion-enabled .home-page .hero .hero-copy,
html.motion-enabled .home-page .hero .hero-actions,
html.motion-enabled .home-page .hero .hero-note{
  opacity:0;
  transform:translate3d(0,20px,0);
}
html.motion-enabled .home-page.motion-started .hero .eyebrow,
html.motion-enabled .home-page.motion-started .hero h1,
html.motion-enabled .home-page.motion-started .hero .hero-copy,
html.motion-enabled .home-page.motion-started .hero .hero-actions,
html.motion-enabled .home-page.motion-started .hero .hero-note{
  opacity:1;
  transform:none;
  transition:opacity 760ms var(--motion-ease),transform 760ms var(--motion-ease);
}
html.motion-enabled .home-page.motion-started .hero .eyebrow{transition-delay:60ms}
html.motion-enabled .home-page.motion-started .hero h1{transition-delay:150ms}
html.motion-enabled .home-page.motion-started .hero .hero-copy{transition-delay:260ms}
html.motion-enabled .home-page.motion-started .hero .hero-actions{transition-delay:360ms}
html.motion-enabled .home-page.motion-started .hero .hero-note{transition-delay:450ms}
html.motion-enabled .home-page .hero-media img{
  transform:scale(1.035);
  opacity:.92;
  transition:transform 1500ms var(--motion-ease),opacity 1100ms ease;
}
html.motion-enabled .home-page.motion-started .hero-media img{transform:scale(1);opacity:1}

/* Facts already count up; add a restrained staggered reveal. */
html.motion-enabled .facts .reveal-up{
  opacity:0;
  transform:translate3d(0,18px,0);
  transition:opacity 620ms var(--motion-ease),transform 620ms var(--motion-ease);
}
html.motion-enabled .facts .reveal-up.is-visible{opacity:1;transform:none}
html.motion-enabled .facts .reveal-up:nth-child(2){transition-delay:100ms}
html.motion-enabled .facts .reveal-up:nth-child(3){transition-delay:200ms}

/* Details: the gold line draws in as each scenario appears. */
html.motion-enabled #details .issue:before{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 760ms var(--motion-ease) calc(var(--motion-delay,0ms) + 120ms);
}
html.motion-enabled #details .issue.motion-in:before{transform:scaleX(1)}

/* System diagram: center first, then six contours around it. */
html.motion-enabled #approach .system-visual .system-center,
html.motion-enabled #approach .system-visual .node{
  opacity:0;
  transition:opacity 620ms var(--motion-ease),transform 620ms var(--motion-ease);
}
html.motion-enabled #approach .system-visual .system-center{
  transform:translate(-50%,-50%) scale(.90);
}
html.motion-enabled #approach .system-visual .node{transform:translate3d(0,12px,0)}
html.motion-enabled #approach.motion-diagram-in .system-center{
  opacity:1;
  transform:translate(-50%,-50%) scale(1);
}
html.motion-enabled #approach.motion-diagram-in .node{opacity:1;transform:none}
html.motion-enabled #approach.motion-diagram-in .n1{transition-delay:150ms}
html.motion-enabled #approach.motion-diagram-in .n2{transition-delay:240ms}
html.motion-enabled #approach.motion-diagram-in .n3{transition-delay:330ms}
html.motion-enabled #approach.motion-diagram-in .n4{transition-delay:420ms}
html.motion-enabled #approach.motion-diagram-in .n5{transition-delay:510ms}
html.motion-enabled #approach.motion-diagram-in .n6{transition-delay:600ms}
html.motion-enabled #approach .system-visual:before,
html.motion-enabled #approach .system-visual:after{
  opacity:.15;
  transition:opacity 1000ms ease 120ms;
}
html.motion-enabled #approach.motion-diagram-in .system-visual:before,
html.motion-enabled #approach.motion-diagram-in .system-visual:after{opacity:1}

/* Premium hover language on cards: no bounce, only lift and arrow travel. */
.home-page .card-link,
.home-page .mini-card,
.home-page .related-card{
  transition:transform .32s var(--motion-ease),border-color .32s ease,box-shadow .32s ease,background .32s ease;
}
.home-page .card-link .arrow,
.home-page .related-card .arrow{
  display:inline-block;
  transition:transform .28s var(--motion-ease),color .28s ease;
}
.home-page .card-link:hover .arrow,
.home-page .related-card:hover .arrow{transform:translate3d(5px,-5px,0)}

/* About portrait gets a subtle editorial zoom, not a slide-show effect. */
html.motion-enabled #about-short .photo-frame.motion-reveal img{
  transform:scale(1.035);
  transition:transform 1100ms var(--motion-ease);
}
html.motion-enabled #about-short .photo-frame.motion-in img{transform:scale(1)}

/* Contact social buttons cascade gently. */
html.motion-enabled .contact-socials .social-link{
  opacity:0;
  transform:translate3d(0,10px,0);
  transition:opacity 480ms var(--motion-ease),transform 480ms var(--motion-ease),border-color .2s ease,background .2s ease;
}
html.motion-enabled .contact-socials.motion-in .social-link{opacity:1;transform:none}
html.motion-enabled .contact-socials.motion-in .social-link:nth-child(1){transition-delay:40ms}
html.motion-enabled .contact-socials.motion-in .social-link:nth-child(2){transition-delay:90ms}
html.motion-enabled .contact-socials.motion-in .social-link:nth-child(3){transition-delay:140ms}
html.motion-enabled .contact-socials.motion-in .social-link:nth-child(4){transition-delay:190ms}
html.motion-enabled .contact-socials.motion-in .social-link:nth-child(5){transition-delay:240ms}
html.motion-enabled .contact-socials.motion-in .social-link:nth-child(6){transition-delay:290ms}

/* Keep motion light on small screens. */
@media(max-width:780px){
  :root{--motion-duration:620ms;--motion-distance:18px}
  html.motion-enabled .motion-reveal.motion-left,
  html.motion-enabled .motion-reveal.motion-right{transform:translate3d(0,18px,0)}
  html.motion-enabled #approach .system-mobile-list > div{
    transition:transform .22s ease,border-color .22s ease,background .22s ease;
  }
  html.motion-enabled #approach .system-mobile-list > div:active{transform:scale(.985)}
}

/* Accessibility: all decorative motion disappears when the OS asks for it. */
@media(prefers-reduced-motion:reduce){
  html.motion-enabled .motion-reveal,
  html.motion-enabled .home-page .hero .eyebrow,
  html.motion-enabled .home-page .hero h1,
  html.motion-enabled .home-page .hero .hero-copy,
  html.motion-enabled .home-page .hero .hero-actions,
  html.motion-enabled .home-page .hero .hero-note,
  html.motion-enabled .home-page .hero-media img,
  html.motion-enabled .facts .reveal-up,
  html.motion-enabled #approach .system-visual .system-center,
  html.motion-enabled #approach .system-visual .node,
  html.motion-enabled .contact-socials .social-link{
    opacity:1!important;
    transform:none!important;
    transition:none!important;
    animation:none!important;
  }
  html.motion-enabled #approach .system-visual .system-center{transform:translate(-50%,-50%)!important}
  html.motion-enabled #details .issue:before{transform:scaleX(1)!important;transition:none!important}
  .logo-track{animation:none!important}
}

/* === Mobile adaptation V4.14 === */
@media(max-width:780px){
  /* 1. Hero portrait: keep the face bright and let the dark gradient live only behind the copy. */
  .home-page .hero-inner{padding-bottom:292px}
  .home-page .hero-media{inset:auto 0 0;height:326px}
  .home-page .hero-media img{
    object-position:center 14%;
    filter:brightness(1.11) contrast(1.015) saturate(1.02);
  }
  .home-page .hero:after{
    background:linear-gradient(
      180deg,
      var(--navy) 0%,
      var(--navy) 53%,
      rgba(5,27,43,.96) 58%,
      rgba(5,27,43,.62) 63%,
      rgba(5,27,43,.16) 69%,
      rgba(5,27,43,0) 77%
    );
  }

  /* 2. On touch screens a sticky :hover must never pause the logo marquee. */
  .logo-marquee:hover .logo-track,
  .logo-marquee:active .logo-track{animation-play-state:running!important}

  /* 3. Keep the real circular system map on mobile instead of the fallback card grid. */
  .home-page #approach .system-mobile-list{display:none!important}
  .home-page #approach .system-visual{
    display:block!important;
    width:100%;
    min-height:468px;
    margin-top:12px;
    overflow:hidden;
    border-color:rgba(224,184,105,.20);
    background:radial-gradient(circle at center,rgba(200,155,73,.14),rgba(255,255,255,.012) 54%,transparent 76%);
  }
  .home-page #approach .system-visual:before{
    width:252px;
    height:252px;
  }
  .home-page #approach .system-visual:after{
    width:330px;
    height:330px;
  }
  .home-page #approach .system-center{
    width:132px;
    height:132px;
    padding:14px;
    font-size:16px;
    line-height:1.18;
  }
  .home-page #approach .node,
  .home-page #approach .n5{
    width:116px;
    padding:10px 9px 9px;
    font-size:12px;
    line-height:1.15;
    background:rgba(3,20,33,.88);
    backdrop-filter:blur(6px);
    -webkit-backdrop-filter:blur(6px);
  }
  .home-page #approach .node small{
    margin-top:5px;
    font-size:9.3px;
    line-height:1.28;
    color:#b5c1c8;
  }
  .home-page #approach .n1{left:2.5%;top:7%}
  .home-page #approach .n2{right:2.5%;top:7%}
  .home-page #approach .n3{right:0;top:41%}
  .home-page #approach .n4{right:3%;bottom:7%}
  .home-page #approach .n5{left:3%;bottom:7%;width:126px}
  .home-page #approach .n6{left:0;top:41%}

  /* 4. About stats: keep all three metrics on one row. */
  .home-page #about-short .bio-list{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px;
    margin:30px 0 32px;
  }
  .home-page #about-short .bio-stat{
    min-width:0;
    padding:14px 3px 0;
  }
  .home-page #about-short .bio-stat strong{
    font-size:23px;
    line-height:1;
    white-space:nowrap;
  }
  .home-page #about-short .bio-stat span{
    margin-top:7px;
    font-size:10.5px;
    line-height:1.28;
  }
}

@media(max-width:380px){
  .home-page #approach .system-visual{min-height:446px}
  .home-page #approach .system-visual:before{width:232px;height:232px}
  .home-page #approach .system-visual:after{width:300px;height:300px}
  .home-page #approach .system-center{width:122px;height:122px;font-size:15px}
  .home-page #approach .node,
  .home-page #approach .n5{width:108px;padding:9px 8px;font-size:11px}
  .home-page #approach .node small{font-size:8.7px}
  .home-page #approach .n5{width:118px}
  .home-page #about-short .bio-stat strong{font-size:21px}
  .home-page #about-short .bio-stat span{font-size:9.8px}
}

@media (hover:none), (pointer:coarse){
  .logo-marquee:hover .logo-track,
  .logo-marquee:active .logo-track{animation-play-state:running!important}
}