/* ===== v2 — inner pages: motion, depth, premium detail ===== */
:root{--ease:cubic-bezier(.2,.7,.1,1)}
html{scroll-behavior:smooth}
.arr{display:inline-block;width:20px;height:1px;background:currentColor;position:relative;vertical-align:middle;transition:width .4s var(--ease)}
.arr::after{content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.live{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(198,161,91,.18);margin-right:10px;animation:pulse 2.4s infinite;vertical-align:middle}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(198,161,91,.55)}70%{box-shadow:0 0 0 10px rgba(198,161,91,0)}100%{box-shadow:0 0 0 0 rgba(198,161,91,0)}}
.glass{background:rgba(11,21,36,.55);backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(227,207,160,.22);box-shadow:0 30px 60px -30px rgba(0,0,0,.85),inset 0 1px 0 rgba(255,255,255,.06)}
.glass .k{font-size:10.5px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold)}
.link-arrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);display:inline-flex;gap:14px;align-items:center}
.link-arrow:hover .arr{width:34px}

/* reveal system */
.rv{opacity:0;transform:translateY(34px);transition:opacity 1s var(--ease),transform 1.1s var(--ease),filter 1s var(--ease);filter:blur(4px)}
.rv.in{opacity:1;transform:none;filter:none}
.rv.mid{opacity:.5;transform:translateY(22px);filter:blur(1.5px)}
.rv[data-d="1"]{transition-delay:.08s}.rv[data-d="2"]{transition-delay:.16s}.rv[data-d="3"]{transition-delay:.24s}.rv[data-d="4"]{transition-delay:.32s}.rv[data-d="5"]{transition-delay:.4s}

/* nav: dropdown + sticky solid */
.menu{align-items:center}
.menu .dd{position:relative}
.menu .dd>a{display:inline-flex;align-items:center;gap:8px}
.caret{width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg) translateY(-2px);opacity:.7;transition:transform .3s}
.mega{position:absolute;left:50%;top:100%;padding-top:26px;transform:translate(-50%,10px);opacity:0;pointer-events:none;transition:all .35s var(--ease);z-index:40}
.dd:hover .mega,.dd.is-hover .mega{opacity:1;transform:translate(-50%,0);pointer-events:auto}
.dd:hover .caret,.dd.is-hover .caret{transform:rotate(-135deg)}
.mega-in{width:440px;background:rgba(9,16,28,.96);backdrop-filter:blur(18px);border:1px solid rgba(227,207,160,.2);padding:18px;box-shadow:0 40px 80px -30px #000;text-transform:none;letter-spacing:0}
.mega-head{display:flex;justify-content:space-between;align-items:center;padding:4px 10px 14px;border-bottom:1px solid var(--hair);margin-bottom:8px}
.mega-head a{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2)}
.mega-in>a{display:flex;gap:16px;align-items:center;padding:12px 10px;transition:background .3s}
.mega-in>a:hover,.mega-in>a.is-hover{background:rgba(198,161,91,.08)}
.mega-in>a::after{display:none}
.mega .mi{width:40px;height:40px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);flex:none}
.mega .mi svg{width:20px;height:20px}
.mega b{display:block;font-family:var(--serif);font-size:20px;font-weight:500;color:var(--ivory);letter-spacing:0}
.mega small{display:block;font-size:12.5px;color:var(--muted);letter-spacing:.02em}
.nav.solid{position:sticky;top:0;background:rgba(7,13,23,.72);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px);transition:all .4s;z-index:50}
.nav.solid .wrap{transition:height .4s}
.nav.solid.scrolled .wrap{height:72px}
.nav.solid.scrolled{background:rgba(7,13,23,.88);border-bottom-color:rgba(198,161,91,.18)}
.nav-cta{transition:all .4s}.nav-cta:hover{background:var(--gold);color:var(--navy)}
body.inner{background:var(--ink)}

/* aurora + grain */
.aurora{position:absolute;inset:0;overflow:hidden;z-index:0;pointer-events:none}
.aurora span{position:absolute;border-radius:50%;filter:blur(80px);opacity:.75;mix-blend-mode:screen}
.aurora span:nth-child(1){width:720px;height:520px;left:52%;top:-180px;background:radial-gradient(circle,rgba(46,82,138,.85),transparent 65%);animation:drift1 18s ease-in-out infinite alternate}
.aurora span:nth-child(2){width:560px;height:460px;left:-140px;top:30%;background:radial-gradient(circle,rgba(198,161,91,.30),transparent 65%);animation:drift2 22s ease-in-out infinite alternate}
.aurora span:nth-child(3){width:520px;height:420px;left:30%;top:40%;background:radial-gradient(circle,rgba(227,207,160,.16),transparent 65%);animation:drift3 26s ease-in-out infinite alternate}
.aurora.soft span{opacity:.55}
@keyframes drift1{0%{transform:translate(0,0) scale(1)}100%{transform:translate(-220px,120px) scale(1.25)}}
@keyframes drift2{0%{transform:translate(0,0) scale(1)}100%{transform:translate(260px,-90px) scale(1.15)}}
@keyframes drift3{0%{transform:translate(0,0)}100%{transform:translate(-160px,-120px) scale(1.3)}}
.grain{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:.07;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}

.crumbs{font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted-2);margin-bottom:34px;display:flex;gap:12px;align-items:center}
.crumbs.center{justify-content:center}
.crumbs a{color:var(--muted)}.crumbs a:hover{color:var(--gold-2)}.crumbs i{font-style:normal;color:rgba(198,161,91,.5)}.crumbs span{color:var(--gold-2)}

/* generic page hero */
.phero{position:relative;overflow:hidden;padding:120px 0 120px;background:linear-gradient(180deg,#081120,#0B1524 70%,#0B1524)}
.phero .wrap{z-index:3}
.phero h1{font-size:96px;line-height:.96;margin-top:28px;max-width:1000px}
.phero .lead{max-width:640px;margin-top:30px}
.phero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,rgba(198,161,91,.5),transparent)}

/* art covers */
.art{position:relative;width:100%;height:100%;overflow:hidden;background:#0B1524}
.art svg{position:absolute;inset:0;width:100%;height:100%;transition:transform 1.4s var(--ease)}
.art-label{position:absolute;left:24px;bottom:20px;font-family:var(--serif);font-style:italic;font-size:22px;color:var(--gold-2);z-index:2}
.art-drift{animation:artdrift 14s ease-in-out infinite alternate}
@keyframes artdrift{to{transform:translate(-30px,10px)}}
.art-spin{animation:artspin 60s linear infinite}
@keyframes artspin{to{transform:rotate(360deg)}}
.art-glow{animation:glowp 7s ease-in-out infinite alternate}
@keyframes glowp{to{opacity:.55}}

/* post cards */
.pgrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.pcard{position:relative;background:#0F1D31;border:1px solid var(--hair);transition:transform .6s var(--ease),box-shadow .6s,border-color .6s,opacity .6s}
.pcard>a{display:flex;flex-direction:column;height:100%}
.pcover{height:240px;position:relative;overflow:hidden}
.pcover::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,13,23,.55))}
.pbody{padding:30px 30px 30px;display:flex;flex-direction:column;flex:1}
.pcat{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:500}
.pcard h3{font-size:28px;margin-top:14px;line-height:1.14}
.pcard p{color:var(--muted);font-size:15px;margin-top:14px;font-weight:300}
.pmeta{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;border-top:1px solid var(--hair);font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted-2)}
.pbody .pmeta{margin-top:26px}
.pread{color:var(--gold-2);display:flex;gap:12px;align-items:center}
.pcard::before{content:"";position:absolute;left:0;top:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2),transparent);z-index:3;transition:width .7s var(--ease)}
.pcard:hover,.pcard.is-hover{transform:translateY(-10px);border-color:rgba(198,161,91,.35);box-shadow:0 50px 80px -40px rgba(0,0,0,.9),0 0 0 1px rgba(198,161,91,.12)}
.pcard:hover::before,.pcard.is-hover::before{width:100%}
.pcard:hover .art svg,.pcard.is-hover .art svg{transform:scale(1.08)}
.pcard:hover .arr,.pcard.is-hover .arr{width:34px}
.pcard.hide{display:none}

/* strip */
.strip{padding:130px 0;background:linear-gradient(180deg,#0B1524,#0D192B);position:relative}
.strip-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:60px}
.strip-head h2{margin-top:20px}
.strip-light{background:var(--ivory)}
.strip-light h2{color:#0B1524}.strip-light h2 em.gold{color:#9A7A3C}.strip-light .eyebrow{color:#9A7A3C}.strip-light .link-arrow{color:#0B1524}
.strip-light .pcard{background:#fff;border-color:rgba(11,21,36,.08)}
.strip-light .pcard h3{color:#0B1524}.strip-light .pcard p{color:#5A6372}.strip-light .pcat{color:#9A7A3C}
.strip-light .pmeta{border-color:rgba(11,21,36,.08);color:#7A8392}.strip-light .pread{color:#0B1524}
.strip-light .pcard:hover,.strip-light .pcard.is-hover{box-shadow:0 50px 80px -40px rgba(11,21,36,.5)}

/* CTA band v2 */
.cta2{position:relative;overflow:hidden;padding:150px 0;text-align:center;background:linear-gradient(180deg,#0B1524,#070D17)}
.cta2 .wrap{z-index:3}
.cta2 h2{font-size:74px;max-width:960px;margin:28px auto 0}
.cta2 .lead{max-width:600px;margin:28px auto 0}
.cta2 .hero-ctas{justify-content:center}
.cta2-rings i{position:absolute;left:50%;top:50%;border:1px solid rgba(198,161,91,.14);border-radius:50%;transform:translate(-50%,-50%);animation:ringp 6s ease-out infinite}
.cta2-rings i:nth-child(1){width:600px;height:600px}
.cta2-rings i:nth-child(2){width:900px;height:900px;animation-delay:-2s}
.cta2-rings i:nth-child(3){width:1200px;height:1200px;animation-delay:-4s}
@keyframes ringp{0%{transform:translate(-50%,-50%) scale(.85);opacity:0}30%{opacity:1}100%{transform:translate(-50%,-50%) scale(1.15);opacity:0}}
.cta2-in{position:relative}

/* newsletter */
.nl{padding:110px 0;background:var(--ink)}
.nl-in{display:grid;grid-template-columns:260px 1fr 460px;gap:56px;align-items:center;border:1px solid rgba(198,161,91,.22);padding:46px;background:linear-gradient(120deg,rgba(15,29,49,.9),rgba(11,21,36,.6));position:relative;overflow:hidden}
.nl-in::before{content:"";position:absolute;right:-120px;top:-160px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(198,161,91,.18),transparent 65%)}
.nl-art{height:200px;position:relative}
.nl-copy h3{font-size:38px;margin-top:18px}
.nl-copy p{color:var(--muted);margin-top:14px;font-weight:300}
.nl-form{display:flex;flex-wrap:wrap;gap:14px;position:relative}
.nl-form .fl{flex:1 1 100%}
.nl-form small{color:var(--muted-2);font-size:12px;align-self:center}

/* floating label fields */
.fl{position:relative;display:block}
.fl input,.fl textarea{width:100%;background:rgba(255,255,255,.02);border:0;border-bottom:1px solid rgba(255,255,255,.18);color:var(--ivory);font:inherit;font-size:16px;padding:26px 0 12px;outline:0;transition:border-color .4s;resize:none}
.fl span{position:absolute;left:0;top:24px;color:var(--muted);font-size:15px;transition:all .35s var(--ease);pointer-events:none}
.fl::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width .6s var(--ease)}
.fl input:focus~span,.fl input:not(:placeholder-shown)~span,.fl textarea:focus~span,.fl.focus span{top:4px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
.fl:focus-within::after,.fl.focus::after{width:100%}

/* ===== ABOUT ===== */
.ahero{position:relative;overflow:hidden;background:linear-gradient(180deg,#081120,#0B1524);padding:70px 0 0}
.ahero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;min-height:680px;z-index:3}
.ahero h1{font-size:86px;line-height:.97;margin-top:26px}
.ahero .lead{max-width:540px;margin-top:28px}
.ahero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.ahero-tags span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#B8C0CC;border:1px solid var(--hair);padding:9px 14px;background:rgba(255,255,255,.02)}
.ahero-visual{position:relative;height:640px}
.arch{position:absolute;right:60px;top:0;width:420px;height:600px;border-radius:210px 210px 0 0;overflow:hidden;z-index:2;box-shadow:0 60px 100px -40px #000}
.arch img{width:100%;height:100%;object-fit:cover;object-position:50% 0%}
.arch::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,36,.25),transparent 30%,transparent 62%,rgba(7,13,23,.85)),linear-gradient(90deg,rgba(11,21,36,.35),transparent 45%)}
.arch-frame{position:absolute;right:28px;top:-28px;width:420px;height:600px;border-radius:210px 210px 0 0;border:1px solid rgba(198,161,91,.5);z-index:1}
.badge-rot{position:absolute;left:40px;top:40px;width:160px;height:160px;z-index:4;display:grid;place-items:center}
.badge-rot svg{position:absolute;inset:0;width:100%;height:100%;animation:artspin 22s linear infinite}
.badge-rot text{font-size:13.5px;letter-spacing:.34em;fill:var(--gold-2);font-family:var(--sans)}
.badge-rot span{width:70px;height:70px;border-radius:50%;border:1px solid var(--gold);display:grid;place-items:center;font-family:var(--serif);font-size:26px;color:var(--gold-2);background:rgba(7,13,23,.6);backdrop-filter:blur(6px)}
.gcard{position:absolute;left:0;bottom:70px;width:300px;padding:22px 24px;z-index:5}
.gcard p{font-family:var(--serif);font-size:23px;line-height:1.25;color:var(--ivory);margin-top:10px;font-style:italic}
.marquee{position:relative;z-index:3;border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);overflow:hidden;padding:24px 0;margin-top:60px;background:rgba(7,13,23,.5);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
.mq-track{display:flex;gap:38px;white-space:nowrap;width:max-content;animation:mq 40s linear infinite;align-items:center}
.mq-track span{font-family:var(--serif);font-size:34px;color:var(--ivory);font-style:italic}
.mq-track span:nth-of-type(even){color:transparent;-webkit-text-stroke:1px rgba(227,207,160,.7);font-style:normal}
.mq-track i{color:var(--gold);font-style:normal;font-size:16px}
@keyframes mq{to{transform:translateX(-33.333%)}}

.story{padding:160px 0 150px;background:#0B1524;position:relative;overflow:hidden}
.story-grid{display:grid;grid-template-columns:5fr 6fr;gap:110px;align-items:center}
.layers{position:relative;height:760px}
.ly-photo{position:absolute;left:60px;top:40px;width:400px;height:640px;overflow:hidden;z-index:2;box-shadow:0 60px 90px -40px #000}
.ly-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.ly-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,21,36,.55),rgba(11,21,36,.15) 35%,rgba(11,21,36,.1) 60%,rgba(7,13,23,.9)),linear-gradient(90deg,rgba(11,21,36,.45),transparent 60%),linear-gradient(0deg,rgba(15,29,49,.35),rgba(15,29,49,.35))}
.ly-frame{position:absolute;left:20px;top:0;width:400px;height:640px;border:1px solid rgba(198,161,91,.45);z-index:1}
.ly-mono{position:absolute;left:-30px;bottom:-30px;font-family:var(--serif);font-size:330px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(198,161,91,.22);z-index:0}
.ly-quote{position:absolute;right:-30px;bottom:30px;width:300px;padding:26px 28px;z-index:3}
.ly-quote p{font-family:var(--serif);font-style:italic;font-size:24px;line-height:1.25;color:var(--ivory);margin-top:14px}
.ly-dot{position:absolute;right:40px;top:90px;width:12px;height:12px;border-radius:50%;background:var(--gold);box-shadow:0 0 30px 8px rgba(198,161,91,.45);z-index:3}

.journey{padding:150px 0;background:linear-gradient(180deg,#0D192B,#0B1524);position:relative;overflow:hidden}
.tl{position:relative;max-width:1080px;margin:20px auto 0;padding:20px 0}
.tl-rail{position:absolute;left:50%;top:0;bottom:0;width:1px;background:rgba(255,255,255,.1);transform:translateX(-50%)}
.tl-fill{position:absolute;left:0;top:0;width:1px;height:0;background:linear-gradient(180deg,rgba(198,161,91,.2),var(--gold) 30%,var(--gold-2));box-shadow:0 0 14px rgba(198,161,91,.6)}
.tl-tip{position:absolute;left:50%;bottom:-6px;width:12px;height:12px;border-radius:50%;background:var(--gold-2);transform:translateX(-50%);box-shadow:0 0 0 6px rgba(198,161,91,.2),0 0 30px 6px rgba(227,207,160,.6)}
.tl-item{position:relative;width:50%;padding:22px 70px}
.tl-item.L{text-align:right}
.tl-item.R{margin-left:50%}
.tl-item+.tl-item{margin-top:-40px}
.tl-node{position:absolute;top:50px;width:15px;height:15px;border:1px solid rgba(198,161,91,.5);background:#0B1524;transform:rotate(45deg);transition:all .6s}
.tl-item.L .tl-node{right:-8px}.tl-item.R .tl-node{left:-7px}
.tl-item.passed .tl-node{background:var(--gold);border-color:var(--gold-2);box-shadow:0 0 18px 3px rgba(198,161,91,.55)}
.tl-card{padding:28px 32px;border:1px solid var(--hair);background:linear-gradient(160deg,rgba(22,38,61,.7),rgba(11,21,36,.4));transition:all .6s var(--ease);position:relative}
.tl-item.passed .tl-card{border-color:rgba(198,161,91,.28)}
.tl-card:hover,.tl-card.is-hover{border-color:var(--gold);transform:translateY(-6px);box-shadow:0 40px 60px -35px #000,0 0 0 1px rgba(198,161,91,.15);background:linear-gradient(160deg,rgba(198,161,91,.12),rgba(11,21,36,.5))}
.tl-year{font-family:var(--serif);font-size:40px;color:var(--gold-2);line-height:1}
.tl-year span{font-family:var(--sans);font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);border:1px dashed rgba(198,161,91,.55);padding:3px 7px;vertical-align:middle;margin-left:8px}
.tl-card h4{font-size:26px;margin-top:14px}
.tl-card p{color:var(--muted);font-weight:300;margin-top:8px;font-size:15px}
.tl-now .tl-card{background:linear-gradient(160deg,rgba(198,161,91,.16),rgba(11,21,36,.4));border-color:rgba(198,161,91,.4)}

.principles{padding:150px 0;background:var(--ink);position:relative;overflow:hidden}
.pvs{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--hair)}
.pv{position:relative;padding:44px 34px 50px;border-left:1px solid var(--hair);overflow:hidden;transition:background .6s}
.pv:first-child{border-left:0}
.pv-num{position:absolute;right:22px;top:14px;font-family:var(--serif);font-size:90px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(198,161,91,.25);transition:all .6s}
.pv-icon{position:relative;width:80px;height:80px;display:grid;place-items:center;color:var(--gold)}
.pv-ring{position:absolute;inset:0;width:80px;height:80px;transform:rotate(-90deg)}
.pv-ring circle{fill:none;stroke:var(--gold);stroke-width:1;stroke-dasharray:240;stroke-dashoffset:240;transition:stroke-dashoffset 1.6s var(--ease) .3s}
.pv.in .pv-ring circle{stroke-dashoffset:60}
.pv h4{font-size:30px;margin:30px 0 14px}
.pv p{color:var(--muted);font-weight:300;font-size:15.5px}
.pv-line{position:absolute;left:0;bottom:0;height:2px;width:0;background:linear-gradient(90deg,var(--gold),transparent);transition:width .8s var(--ease)}
.pv:hover,.pv.is-hover{background:radial-gradient(400px 300px at 30% 0%,rgba(198,161,91,.14),transparent 70%)}
.pv:hover .pv-line,.pv.is-hover .pv-line{width:100%}
.pv:hover .pv-ring circle,.pv.is-hover .pv-ring circle{stroke-dashoffset:0}
.pv:hover .pv-num,.pv.is-hover .pv-num{-webkit-text-stroke-color:var(--gold);transform:translateY(-6px)}

/* ===== EXPERTISE ===== */
.phero-x{padding-bottom:90px}
.xtabs{display:flex;gap:0;margin-top:60px;border:1px solid var(--hair);width:max-content;background:rgba(7,13,23,.4);backdrop-filter:blur(8px)}
.xtabs a{padding:18px 26px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#B8C0CC;border-left:1px solid var(--hair);display:flex;gap:12px;align-items:center;transition:all .4s;position:relative}
.xtabs a:first-child{border-left:0}
.xtabs a span{font-family:var(--serif);font-size:16px;color:var(--gold);letter-spacing:0}
.xtabs a.on{background:linear-gradient(180deg,rgba(198,161,91,.18),rgba(198,161,91,.05));color:var(--ivory)}
.xtabs a.on::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--gold)}
.xsec{padding:90px 0 120px;background:#0B1524}
.xpanels{display:flex;gap:14px;height:620px}
.xpanel{position:relative;flex:1;min-width:0;overflow:hidden;border:1px solid var(--hair);transition:flex .9s var(--ease),border-color .6s;background:#0D192B;cursor:pointer}
.xpanel.active{flex:2.3;border-color:rgba(198,161,91,.55)}
.xp-art{position:absolute;inset:0;opacity:.35;transition:opacity .8s}
.xp-art .art{background:transparent}
.xpanel::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(13,25,43,.2),rgba(13,25,43,.92) 62%);pointer-events:none}
.xpanel.active .xp-art{opacity:1}
.xpanel.active::after{background:linear-gradient(180deg,rgba(7,13,23,0) 0%,rgba(7,13,23,.55) 45%,rgba(7,13,23,.96) 75%)}
.xp-in{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:space-between;padding:36px 34px}
.xp-top{display:flex;justify-content:space-between;align-items:flex-start}
.xp-num{font-family:var(--serif);font-size:64px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(227,207,160,.55)}
.xp-icon{width:60px;height:60px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);transition:all .5s;background:rgba(7,13,23,.4)}
.xpanel h3{font-size:34px;line-height:1.08}
.xpanel p{color:#B4BDCA;font-weight:300;font-size:15.5px;margin-top:16px;line-height:1.7}
.xpanel ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px;max-height:0;opacity:0;overflow:hidden;transition:all .7s var(--ease)}
.xpanel li{list-style:none;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-2);border:1px solid rgba(198,161,91,.35);padding:8px 12px;background:rgba(7,13,23,.5)}
.xp-more{margin-top:26px;font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);display:flex;gap:12px;align-items:center}
.xpanel.active h3{font-size:46px}
.xpanel.active ul{max-height:120px;opacity:1}
.xpanel.active .xp-icon{background:var(--gold);color:var(--navy);border-color:var(--gold);box-shadow:0 0 40px -6px rgba(198,161,91,.7)}
.xpanel.active .xp-num{-webkit-text-stroke-color:var(--gold-2)}
.xpanel::before{content:"";position:absolute;left:0;top:0;height:2px;width:0;z-index:3;background:linear-gradient(90deg,var(--gold),var(--gold-2),transparent);transition:width .8s var(--ease)}
.xpanel.active::before,.xpanel:hover::before,.xpanel.is-hover::before{width:100%}
.xpanel:hover,.xpanel.is-hover{border-color:rgba(198,161,91,.4)}
.xpanel:hover .xp-icon,.xpanel.is-hover .xp-icon{border-color:var(--gold);background:rgba(198,161,91,.12)}
.xpanel:hover .xp-art,.xpanel.is-hover .xp-art{opacity:.6}
.xpanel:hover .arr,.xpanel.is-hover .arr,.xpanel.active .arr{width:36px}
.xhint{margin-top:28px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted-2);display:flex;gap:14px;align-items:center}
.connect{padding:150px 0;background:linear-gradient(180deg,#0D192B,#0B1524);position:relative;overflow:hidden}
.connect-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}
.ctabs{margin-top:40px;border-top:1px solid var(--hair)}
.ctab{width:100%;display:flex;gap:22px;align-items:flex-start;text-align:left;background:none;border:0;border-bottom:1px solid var(--hair);padding:24px 8px;color:inherit;font:inherit;cursor:pointer;position:relative;transition:background .4s}
.ct-ic{width:48px;height:48px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);flex:none;transition:all .4s}
.ctab b{display:block;font-family:var(--serif);font-size:26px;font-weight:500;color:var(--ivory)}
.ctab small{display:block;color:var(--muted);font-size:15px;font-weight:300;margin-top:4px;max-height:0;opacity:0;overflow:hidden;transition:all .6s}
.ct-bar{position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--gold);transition:width 1.2s var(--ease)}
.ctab.active{background:linear-gradient(90deg,rgba(198,161,91,.08),transparent)}
.ctab.active small{max-height:80px;opacity:1}
.ctab.active .ct-bar{width:100%}
.ctab.active .ct-ic{background:var(--gold);color:var(--navy)}
.orbit2{position:relative;height:560px}
.o-core{position:absolute;left:50%;top:50%;width:200px;height:200px;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(198,161,91,.6);display:grid;place-content:center;text-align:center;background:radial-gradient(circle,#13243C,#0B1524);box-shadow:0 0 80px -10px rgba(198,161,91,.35);z-index:2}
.o-core b{font-family:var(--serif);font-weight:500;font-size:34px;line-height:1.05;color:var(--ivory);margin-top:8px;display:block}
.o-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(198,161,91,.22);border-radius:50%;transform:translate(-50%,-50%);animation:orb 30s linear infinite}
.o-ring.r1{width:300px;height:300px;animation-duration:18s}
.o-ring.r2{width:420px;height:420px;animation-duration:28s;animation-direction:reverse;border-style:dashed}
.o-ring.r3{width:540px;height:540px;animation-duration:40s}
@keyframes orb{to{transform:translate(-50%,-50%) rotate(360deg)}}
.o-dot{position:absolute;left:50%;top:-5px;width:10px;height:10px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 20px 6px rgba(198,161,91,.55);margin-left:-5px}
.o-lab{position:absolute;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#C9CED7;background:#0D192B;padding:7px 14px;border:1px solid var(--hair);z-index:3}
.o-lab.l1{left:50%;top:0;transform:translateX(-50%)}.o-lab.l2{right:-10px;top:48%}.o-lab.l3{left:50%;bottom:0;transform:translateX(-50%);color:var(--gold-2);border-color:rgba(198,161,91,.4)}.o-lab.l4{left:-10px;top:48%}

/* ===== SUB-PAGE ===== */
.shero{position:relative;overflow:hidden;background:radial-gradient(900px 600px at 75% 30%,rgba(36,62,104,.5),transparent 70%),linear-gradient(180deg,#070D17,#0B1524);padding:90px 0 0}
.particles{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.shero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center;min-height:600px;z-index:3}
.shero h1{font-size:88px;line-height:.97;margin-top:26px}
.shero .lead{max-width:560px;margin-top:28px}
.sh-visual{position:relative;height:540px}
.sh-orb{position:absolute;left:50%;top:50%;width:300px;height:300px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;color:var(--gold-2);background:radial-gradient(circle at 35% 30%,rgba(227,207,160,.22),rgba(15,29,49,.6) 60%);border:1px solid rgba(198,161,91,.45);box-shadow:0 0 120px -20px rgba(198,161,91,.45),inset 0 0 60px rgba(198,161,91,.12)}
.sh-orb::before,.sh-orb::after{content:"";position:absolute;inset:-40px;border-radius:50%;border:1px dashed rgba(198,161,91,.3);animation:artspin 30s linear infinite}
.sh-orb::after{inset:-90px;border-style:solid;border-color:rgba(198,161,91,.12);animation-direction:reverse}
.sh-orb svg{width:90px;height:90px;stroke-width:.7}
.sh-ui{position:absolute;right:-10px;bottom:40px;width:320px;padding:22px 24px;z-index:3;animation:floaty 7s ease-in-out infinite}
.sh-rows{margin:16px 0 14px;display:grid;gap:9px}
.sh-rows div{height:6px;background:rgba(255,255,255,.06);position:relative;overflow:hidden}
.sh-rows i{position:absolute;left:0;top:0;bottom:0;width:var(--w);background:linear-gradient(90deg,var(--gold),var(--gold-2));animation:grow 3s var(--ease) infinite alternate}
@keyframes grow{from{width:12%}to{width:var(--w)}}
.sh-ui p{font-family:var(--serif);font-size:21px;color:var(--ivory);line-height:1.25;font-style:italic}
.sh-ui small{display:block;margin-top:12px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}
.sh-chip{position:absolute;padding:12px 18px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);z-index:3;animation:floaty 6s ease-in-out infinite}
.sh-chip.c1{left:0;top:70px}.sh-chip.c2{right:30px;top:20px;animation-delay:-3s}
@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-14px)}}
.subnav{position:relative;z-index:3;border-top:1px solid var(--hair);margin-top:70px;background:rgba(7,13,23,.55);backdrop-filter:blur(10px)}
.subnav .wrap{display:flex;align-items:center;gap:0;height:70px}
.subnav span{font-size:10.5px;letter-spacing:.3em;text-transform:uppercase;color:var(--muted-2);margin-right:30px}
.subnav a{height:100%;display:flex;align-items:center;padding:0 24px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#B8C0CC;border-left:1px solid var(--hair);position:relative;transition:color .3s}
.subnav a:hover{color:var(--ivory)}
.subnav a.on{color:var(--gold-2);background:rgba(198,161,91,.07)}
.subnav a.on::after{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:var(--gold)}

.process{padding:150px 0 140px;background:#0B1524;position:relative;overflow:hidden}
.pflow{position:relative;display:grid;grid-template-columns:repeat(5,1fr);gap:24px;margin-top:20px}
.pf-line{position:absolute;left:10%;right:10%;top:36px;width:80%;height:20px;z-index:0}
.pf-line line{stroke-width:1.2;vector-effect:non-scaling-stroke}
.pf-line .base{stroke:rgba(255,255,255,.1)}
.pf-line .flow{stroke:rgba(227,207,160,.55);stroke-dasharray:4 10;animation:dash 1.6s linear infinite}
.pf-line .done{stroke:var(--gold);stroke-width:2;stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 2.2s var(--ease) .4s;filter:drop-shadow(0 0 6px rgba(198,161,91,.7))}
.pflow.in .pf-line .done{stroke-dashoffset:500}
@keyframes dash{to{stroke-dashoffset:-28}}
.pstep{position:relative;z-index:1;text-align:center;padding:0 6px}
.ps-node{position:relative;width:90px;height:90px;margin:0 auto;border-radius:50%;display:grid;place-items:center;background:#0D192B;border:1px solid rgba(198,161,91,.3);transition:all .6s}
.ps-node span{font-family:var(--serif);font-size:30px;color:var(--gold-2)}
.ps-node svg{position:absolute;inset:-1px;width:92px;height:92px;transform:rotate(-90deg)}
.ps-node circle{fill:none;stroke:var(--gold);stroke-width:1.5;stroke-dasharray:264;stroke-dashoffset:264;transition:stroke-dashoffset 1.4s var(--ease) .5s}
.pstep.in .ps-node circle{stroke-dashoffset:200}
.pstep:nth-child(-n+3).in .ps-node circle{stroke-dashoffset:0}
.pstep.active .ps-node{background:radial-gradient(circle,rgba(198,161,91,.35),#13243C);border-color:var(--gold);box-shadow:0 0 0 10px rgba(198,161,91,.08),0 0 60px -6px rgba(198,161,91,.7);transform:scale(1.08)}
.pstep.active .ps-node::after{content:"";position:absolute;inset:-10px;border-radius:50%;border:1px solid rgba(198,161,91,.5);animation:ripple 2.4s ease-out infinite}
@keyframes ripple{0%{transform:scale(.9);opacity:1}100%{transform:scale(1.5);opacity:0}}
.pstep h4{font-size:30px;margin-top:30px}
.pstep p{color:var(--muted);font-weight:300;font-size:15px;margin-top:10px;max-width:220px;margin-left:auto;margin-right:auto}
.pstep.active h4{color:var(--gold-2)}

.helps{padding:140px 0;background:linear-gradient(180deg,#0D192B,#0B1524)}
.hgrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--hair);border-left:1px solid var(--hair)}
.help{position:relative;padding:44px 38px 40px;border-right:1px solid var(--hair);border-bottom:1px solid var(--hair);overflow:hidden;transition:background .6s}
.help::before{content:"";position:absolute;inset:0;background:radial-gradient(360px 260px at var(--mx,30%) var(--my,0%),rgba(198,161,91,.16),transparent 70%);opacity:0;transition:opacity .5s}
.help:hover::before,.help.is-hover::before{opacity:1}
.help-ic{width:58px;height:58px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);transition:all .5s;position:relative}
.help h4{font-size:28px;margin-top:30px;position:relative}
.help p{color:var(--muted);font-weight:300;font-size:15.5px;margin-top:12px;position:relative}
.help-more{display:flex;gap:12px;align-items:center;margin-top:26px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold-2);opacity:0;transform:translateX(-10px);transition:all .5s;position:relative}
.help:hover .help-ic,.help.is-hover .help-ic{background:var(--gold);color:var(--navy);border-color:var(--gold);transform:rotate(-6deg)}
.help:hover .help-more,.help.is-hover .help-more{opacity:1;transform:none}
.help:hover,.help.is-hover{background:rgba(198,161,91,.03)}
.help.is-hover{box-shadow:inset 0 2px 0 var(--gold)}

.ctrs{padding:110px 0;background:var(--ink);position:relative;overflow:hidden}
.ctrs::before{content:"";position:absolute;left:50%;top:50%;width:1100px;height:300px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(198,161,91,.1),transparent 70%)}
.ctr-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);position:relative}
.ctr{padding:44px 34px;border-left:1px solid var(--hair)}
.ctr:first-child{border-left:0}
.ctr-n{font-family:var(--serif);font-size:72px;line-height:1;color:var(--gold-2);display:flex;align-items:flex-start;font-variant-numeric:lining-nums}
.odo{display:inline-flex;height:1em;overflow:hidden}
.odo .col{display:flex;flex-direction:column;transition:transform 2.2s var(--ease)}
.odo .col span{height:1em;line-height:1em}
.ctr-l{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:16px}
.ctr-bar{height:2px;background:rgba(255,255,255,.07);margin-top:22px;position:relative;overflow:hidden}
.ctr-bar i{position:absolute;left:0;top:0;bottom:0;width:0;background:linear-gradient(90deg,var(--gold),var(--gold-2));transition:width 2s var(--ease) .4s}
.ctr.in .ctr-bar i{width:var(--w)}
.ctr-note{margin-top:22px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted-2)}

/* ===== INSIGHTS ===== */
.phero-i{padding-bottom:110px}
.feat{background:#0B1524;padding:0 0 110px;position:relative}
.feat .wrap{margin-top:-30px}
.feat-card{display:grid;grid-template-columns:1.25fr 1fr;border:1px solid rgba(198,161,91,.25);background:#0F1D31;position:relative;transition:all .6s var(--ease);overflow:hidden}
.feat-art{position:relative;min-height:500px}
.feat-badge{position:absolute;left:28px;top:28px;font-size:11px;letter-spacing:.26em;text-transform:uppercase;color:var(--navy);background:var(--gold);padding:9px 16px;z-index:2}
.feat-body{padding:56px 54px;display:flex;flex-direction:column;justify-content:center}
.feat-body h2{font-size:48px;line-height:1.05;margin-top:18px}
.feat-body p{color:#B4BDCA;font-weight:300;margin-top:20px;font-size:16.5px}
.feat-by{display:flex;gap:14px;align-items:center;margin:30px 0 34px}
.feat-by img{width:46px;height:46px;border-radius:50%;object-fit:cover;border:1px solid var(--gold)}
.feat-by b{display:block;font-weight:500;color:var(--ivory);font-size:14px}
.feat-by small{color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.feat-body .btn{align-self:flex-start}
.feat-card:hover,.feat-card.is-hover{border-color:var(--gold);box-shadow:0 60px 100px -50px #000,0 0 0 1px rgba(198,161,91,.2)}
.feat-card:hover .art svg,.feat-card.is-hover .art svg{transform:scale(1.06)}
.library{background:var(--ivory);padding:110px 0 120px;color:#1B1F26}
.filters{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:16px;background:#fff;border:1px solid rgba(11,21,36,.08);box-shadow:0 30px 60px -45px rgba(11,21,36,.5);position:sticky;top:84px;z-index:10}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{font:inherit;font-size:12px;letter-spacing:.12em;text-transform:uppercase;padding:12px 18px;border:1px solid rgba(11,21,36,.14);background:transparent;color:#3A4250;cursor:pointer;transition:all .35s;border-radius:40px;display:inline-flex;gap:8px;align-items:center}
.chip:hover{border-color:#C6A15B;color:#0B1524}
.chip.active{background:#0B1524;color:var(--gold-2);border-color:#0B1524;box-shadow:0 10px 24px -12px rgba(11,21,36,.8)}
.chip .cnt{font-size:10px;opacity:.6}
.isearch{display:flex;align-items:center;gap:12px;border:1px solid rgba(11,21,36,.14);padding:0 14px;height:46px;width:320px;border-radius:40px;transition:all .4s;color:#7A8392}
.isearch:focus-within,.isearch.focus{border-color:#C6A15B;box-shadow:0 0 0 4px rgba(198,161,91,.15);color:#0B1524}
.isearch input{flex:1;border:0;outline:0;background:none;font:inherit;font-size:14.5px;color:#0B1524}
.isearch kbd{font:inherit;font-size:11px;border:1px solid rgba(11,21,36,.18);padding:1px 7px;border-radius:4px;color:#7A8392}
.lib-meta{display:flex;justify-content:space-between;margin:34px 4px 30px;font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:#7A8392}
.lib-meta b{color:#0B1524}
.library .pcard{background:#fff;border-color:rgba(11,21,36,.08)}
.library .pcard h3{color:#0B1524}.library .pcard p{color:#5A6372}.library .pcat{color:#9A7A3C}
.library .pmeta{border-color:rgba(11,21,36,.08);color:#7A8392}.library .pread{color:#0B1524}
.library .pcard:hover,.library .pcard.is-hover{box-shadow:0 50px 80px -40px rgba(11,21,36,.5)}
.roundup{background:linear-gradient(160deg,#0F1D31,#070D17)!important;border-color:rgba(198,161,91,.4)!important;overflow:hidden}
.roundup::after{content:"";position:absolute;right:-90px;top:-90px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(198,161,91,.28),transparent 70%)}
.ru-head{padding:34px 32px 24px;border-bottom:1px solid var(--hair);position:relative;z-index:1}
.ru-badge{font-size:10.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold)}
.roundup h3{color:var(--ivory)!important;font-size:38px!important;margin-top:16px}
.ru-issue{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-top:12px}
.ru-list{padding:10px 32px;position:relative;z-index:1}
.ru-list li{list-style:none;display:flex;gap:16px;padding:14px 0;border-bottom:1px solid var(--hair);color:#D5D9E0;font-size:15px;line-height:1.45}
.ru-list li:last-child{border-bottom:0}
.ru-list span{font-family:var(--serif);color:var(--gold-2);font-size:18px;line-height:1.2}
.ru-meta{margin:0 32px 28px!important;border-color:var(--hair)!important}
.roundup .pread{color:var(--gold-2)!important}
.lib-more{margin-top:60px}
.btn-ghost-dark{border:1px solid rgba(11,21,36,.25);color:#0B1524;background:none;font-family:inherit;cursor:pointer}
.btn-ghost-dark:hover{border-color:#C6A15B}

/* ===== ARTICLE ===== */
.readbar{position:fixed;left:0;right:0;top:0;height:3px;z-index:100;background:rgba(255,255,255,.06)}
.readbar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#A9843F,var(--gold),var(--gold-2));box-shadow:0 0 12px rgba(227,207,160,.8);position:relative}
.readbar i::after{content:"";position:absolute;right:-4px;top:-3px;width:9px;height:9px;border-radius:50%;background:var(--gold-2);box-shadow:0 0 14px 3px rgba(227,207,160,.8)}
.ahd{position:relative;overflow:hidden;padding:90px 0 80px;text-align:center;background:linear-gradient(180deg,#081120,#0B1524)}
.ahd .wrap{z-index:3}
.ahd h1{font-size:76px;max-width:1040px;margin:30px auto 0;line-height:1.02}
.ahd .dek{font-family:var(--serif);font-style:italic;font-size:26px;color:#C3CAD5;max-width:760px;margin:28px auto 0;line-height:1.4}
.acover{position:relative;height:460px;max-width:1360px;margin:0 auto;z-index:2}
.acover .art{height:100%}
.acover-cap{position:absolute;left:56px;bottom:44px;font-family:var(--serif);font-size:34px;color:var(--ivory);z-index:2}
.acover-cap em{color:var(--gold-2)}
.abody{background:var(--ivory);color:#2A2F38;padding:100px 0 120px;margin-top:-1px}
.agrid{display:grid;grid-template-columns:120px minmax(0,720px) 260px;gap:70px;justify-content:center;max-width:1360px;margin:0 auto;padding:0 40px}
.stick{position:sticky;top:120px}
.a-left,.a-right{align-self:stretch}
.al-lab{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#7A8392}
.share2{display:flex;flex-direction:column;gap:12px;margin-top:18px}
.share2 a{width:46px;height:46px;border:1px solid rgba(11,21,36,.16);border-radius:50%;display:grid;place-items:center;color:#0B1524;transition:all .4s var(--ease);background:#fff}
.share2 svg{width:16px;height:16px;fill:currentColor}
.share2 a:last-child svg{fill:none}
.share2 a:hover,.share2 a.is-hover{background:#0B1524;color:var(--gold-2);border-color:#0B1524;transform:translateX(4px);box-shadow:0 14px 30px -12px rgba(11,21,36,.6)}
.toc2{margin-top:18px;border-left:1px solid rgba(11,21,36,.12)}
.toc2 li{list-style:none}
.toc2 a{display:block;padding:11px 0 11px 20px;font-size:14.5px;color:#6A7382;position:relative;transition:all .4s;line-height:1.4}
.toc2 a::before{content:"";position:absolute;left:-1px;top:0;bottom:0;width:2px;background:#C6A15B;transform:scaleY(0);transition:transform .4s var(--ease)}
.toc2 a.on{color:#0B1524;font-weight:500;background:linear-gradient(90deg,rgba(198,161,91,.12),transparent)}
.toc2 a.on::before{transform:none}
.toc2 a.done{color:#9A7A3C}
.toc-prog{margin-top:26px;display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:#0B1524;color:var(--muted);font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.toc-prog b{font-family:var(--serif);font-size:24px;color:var(--gold-2);letter-spacing:0;font-weight:500}
.article h2{scroll-margin-top:120px}
.takeaways{margin:44px 0 20px;padding:34px 38px;background:#fff;border:1px solid rgba(198,161,91,.4);position:relative;box-shadow:0 30px 60px -45px rgba(11,21,36,.5)}
.takeaways::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#C6A15B,#E3CFA0)}
.tk-head{display:flex;gap:14px;align-items:center}
.tk-ic{width:40px;height:40px;border-radius:50%;background:#0B1524;color:var(--gold-2);display:grid;place-items:center}
.tk-ic svg{width:20px;height:20px}
.takeaways .eyebrow{color:#9A7A3C}
.takeaways .eyebrow::before{display:none}
.takeaways ol{margin-top:18px;counter-reset:k;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}
.takeaways li{list-style:none;counter-increment:k;font-size:16.5px;line-height:1.5;color:#2F3540;padding-left:38px;position:relative}
.takeaways li::before{content:"0" counter(k);position:absolute;left:0;top:-1px;font-family:var(--serif);font-size:20px;color:#9A7A3C}
.pull{margin:60px -60px;padding:56px 70px;background:#0B1524;position:relative;overflow:hidden}
.pull::after{content:"";position:absolute;right:-100px;bottom:-140px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(198,161,91,.3);box-shadow:0 0 0 40px rgba(198,161,91,.04),0 0 0 80px rgba(198,161,91,.03)}
.pq-mark{position:absolute;left:40px;top:-10px;font-family:var(--serif);font-size:200px;line-height:1;color:rgba(198,161,91,.25)}
.pull blockquote{position:relative;font-family:var(--serif);font-size:44px;line-height:1.18;color:var(--ivory);font-style:normal;border:0;padding:0;margin:0}
.pull blockquote em{color:var(--gold-2)}
.pull figcaption{margin-top:24px;font-size:11.5px;letter-spacing:.26em;text-transform:uppercase;color:var(--gold);display:flex;gap:14px;align-items:center}
.pull figcaption::before{content:"";width:36px;height:1px;background:var(--gold)}
.tags{display:flex;gap:10px;margin-top:40px}
.tags span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;border:1px solid rgba(11,21,36,.16);padding:8px 14px;border-radius:30px;color:#3A4250}
.author2{display:grid;grid-template-columns:170px 1fr;gap:36px;margin-top:56px;padding:36px;background:#0B1524;color:var(--text);position:relative;overflow:hidden}
.author2::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(circle,rgba(198,161,91,.22),transparent 70%)}
.au-photo{width:170px;height:210px;overflow:hidden;border:1px solid rgba(198,161,91,.4)}
.au-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.author2 h4{font-size:34px;margin-top:10px;color:var(--ivory)}
.author2 p{color:#B4BDCA!important;font-size:16px!important;margin:12px 0 0!important;line-height:1.7!important}
.au-links{display:flex;justify-content:space-between;align-items:center;margin-top:20px;position:relative;z-index:1}
.au-links .socials{margin-top:0}
.au-links .socials a{width:38px;height:38px}
.rel{padding-top:110px}

/* ===== CONTACT ===== */
.chero{position:relative;overflow:hidden;background:linear-gradient(180deg,#081120,#0B1524);padding:80px 0 130px}
.chero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;z-index:3}
.chero h1{font-size:82px;line-height:.98;margin-top:26px}
.chero .lead{margin-top:26px;max-width:500px}
.c-person{display:flex;gap:18px;align-items:center;padding:18px;margin-top:40px;max-width:460px}
.c-person img{width:72px;height:72px;object-fit:cover;object-position:50% 12%;border-radius:50%;border:1px solid var(--gold)}
.c-person b{font-family:var(--serif);font-size:24px;font-weight:500;color:var(--ivory);display:block}
.c-person small{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
.c-status{display:block;margin-top:6px;font-size:13px;color:#C3CAD5}
.c-list{margin-top:34px;border-top:1px solid var(--hair);max-width:460px}
.c-list li{list-style:none;display:flex;gap:18px;align-items:center;padding:16px 0;border-bottom:1px solid var(--hair);color:var(--ivory);font-size:15.5px}
.c-list small{display:block;font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-bottom:2px}
.c-ic{width:44px;height:44px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold);flex:none}
.book{position:relative;margin-top:20px}
.book-glow{position:absolute;inset:-40px;background:radial-gradient(closest-side,rgba(198,161,91,.22),transparent);filter:blur(30px);animation:breathe 7s ease-in-out infinite}
.book-frame{position:relative;background:#F4EFE6;border:1px solid rgba(198,161,91,.5);box-shadow:0 60px 120px -40px #000,0 0 0 8px rgba(198,161,91,.06);color:#1B1F26;overflow:hidden}
.book-frame::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 40%,rgba(255,255,255,.5) 50%,transparent 60%);transform:translateX(-100%);animation:shine 6s ease-in-out infinite;z-index:5}
@keyframes shine{0%,60%{transform:translateX(-100%)}100%{transform:translateX(100%)}}
.book-top{display:flex;align-items:center;gap:18px;padding:14px 20px;background:#0B1524;color:var(--ivory);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase}
.book-top .ph{margin-left:auto}
.dots{display:flex;gap:6px}.dots i{width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.18)}.dots i:first-child{background:var(--gold)}
.book-in{display:grid;grid-template-columns:230px 1fr}
.book-side{padding:30px 26px;border-right:1px solid rgba(11,21,36,.1)}
.book-side img{width:56px;height:56px;border-radius:50%;object-fit:cover}
.book-side small{display:block;margin-top:14px;font-size:12px;color:#7A8392}
.book-side h4{color:#0B1524;font-size:28px;margin-top:4px}
.book-side ul{margin-top:18px}
.book-side li{list-style:none;display:flex;gap:10px;align-items:center;font-size:13.5px;color:#3A4250;margin-bottom:10px}
.book-side li svg{width:18px;height:18px;color:#9A7A3C}
.book-side p{font-size:13.5px;color:#5A6372;margin-top:14px;line-height:1.6}
.book-cal{padding:26px 28px 28px}
.cal-h{display:flex;justify-content:space-between;align-items:center}
.cal-h b{font-family:var(--serif);font-size:23px;font-weight:500;color:#0B1524}
.cal-h span{display:flex;gap:14px;align-items:center;font-size:13px;color:#3A4250}
.cal-h i{font-style:normal;width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:rgba(198,161,91,.15);color:#9A7A3C}
.cal-w,.cal-d{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;gap:6px}
.cal-w{margin-top:20px;font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:#7A8392}
.cal-d{margin-top:10px}
.cal-d span{height:38px;display:grid;place-items:center;font-size:13.5px;color:#9AA1AC;border-radius:50%}
.cal-d span.av{color:#0B1524;font-weight:600;background:rgba(198,161,91,.16);cursor:pointer;transition:all .3s}
.cal-d span.av:hover{background:rgba(198,161,91,.35)}
.cal-d span.sel{background:#0B1524;color:var(--gold-2);font-weight:600;box-shadow:0 0 0 4px rgba(198,161,91,.3)}
.slots{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid rgba(11,21,36,.1)}
.slots small{width:100%;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#7A8392;margin-bottom:4px}
.slots span{padding:9px 14px;border:1px solid rgba(11,21,36,.18);font-size:13px;color:#0B1524;border-radius:3px}
.slots span.on{background:linear-gradient(135deg,#D8B874,#C6A15B);border-color:#C6A15B;font-weight:600}
.book-foot{padding:12px 20px;border-top:1px dashed rgba(198,161,91,.6);font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#9A7A3C;text-align:center;background:rgba(198,161,91,.06)}
.cform-sec{padding:140px 0;background:linear-gradient(180deg,#0D192B,#0B1524);position:relative}
.cform-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px;align-items:start}
.cform-grid h2{margin-top:22px;font-size:54px}
.expect{margin-top:44px;border-top:1px solid var(--hair)}
.ex{display:flex;gap:22px;padding:22px 0;border-bottom:1px solid var(--hair)}
.ex span{font-family:var(--serif);font-size:30px;color:var(--gold-2);line-height:1}
.ex b{display:block;font-family:var(--serif);font-size:23px;font-weight:500;color:var(--ivory)}
.ex small{color:var(--muted);font-size:14.5px}
.cform{padding:46px 48px;border:1px solid rgba(198,161,91,.25);background:linear-gradient(160deg,rgba(22,38,61,.6),rgba(11,21,36,.4));position:relative}
.cform::before{content:"";position:absolute;left:0;top:0;height:2px;width:100%;background:linear-gradient(90deg,var(--gold),transparent)}
.topics small{font-size:10.5px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}
.topics div{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.cform .chip{border-color:rgba(255,255,255,.16);color:#C9CED7}
.cform .chip:hover{border-color:var(--gold);color:var(--ivory)}
.cform .chip.active{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:22px}
.fl.ta{margin-top:22px}
.fsub{display:flex;justify-content:space-between;align-items:center;margin-top:34px}
.fsub small{font-size:12px;color:var(--muted-2)}
.cform .btn{border:0;cursor:pointer;font-family:inherit}

/* ===== MOBILE ===== */
@media (max-width:760px){
  .phero{padding:70px 0 80px}.phero h1,.ahero h1,.shero h1,.chero h1{font-size:50px}
  .ahero{padding-top:40px}.ahero-grid,.shero-grid,.chero-grid,.story-grid,.connect-grid,.cform-grid{grid-template-columns:1fr;gap:40px;min-height:0}
  .ahero-visual{height:470px;margin:0 -4px}
  .arch{right:auto;left:calc(50% - 150px);width:300px;height:430px;top:20px}
  .arch-frame{width:300px;height:430px;right:auto;left:calc(50% - 130px);top:0}
  .badge-rot{left:0;top:0;width:118px;height:118px}.badge-rot text{font-size:12px}.badge-rot span{width:52px;height:52px;font-size:20px}
  .gcard{left:0;bottom:0;width:240px;padding:16px 18px}.gcard p{font-size:19px}
  .ahero-tags{margin-top:26px}
  .marquee{margin-top:30px}.mq-track span{font-size:24px}
  .story{padding:90px 0}.layers{height:520px}.ly-photo{left:20px;width:280px;height:440px}.ly-frame{left:0;width:280px;height:440px}.ly-quote{right:0;width:220px}.ly-mono{font-size:200px}
  .tl-rail{left:14px}.tl-item,.tl-item.R{width:100%;margin-left:0;padding:14px 0 14px 44px;text-align:left}.tl-item+.tl-item{margin-top:0}
  .tl-item.L .tl-node,.tl-item.R .tl-node{left:7px;right:auto}
  .pvs,.pgrid3,.hgrid,.ctr-row{grid-template-columns:1fr}.pv{border-left:0;border-top:1px solid var(--hair)}
  .xpanels{flex-direction:column;height:auto}.xpanel{min-height:200px}.xpanel.active{min-height:440px}
  .xtabs{width:100%;flex-wrap:wrap}.xtabs a{flex:1 1 50%;padding:14px}
  .sh-visual{height:380px}.sh-orb{width:200px;height:200px}.sh-ui{right:0;width:260px;bottom:0}
  .subnav{display:none}.pflow{grid-template-columns:1fr;gap:40px}.pf-line{display:none}
  .ctr-n{font-size:56px}.ctr{border-left:0;border-top:1px solid var(--hair)}
  .strip-head{flex-direction:column;align-items:flex-start;gap:20px}
  .nl-in{grid-template-columns:1fr;padding:30px}.nl-art{height:140px}
  .feat-card{grid-template-columns:1fr}.feat-art{min-height:240px}.feat-body{padding:32px 26px}.feat-body h2{font-size:34px}
  .filters{flex-direction:column;align-items:stretch;position:relative;top:0}.isearch{width:100%}
  .chips{flex-wrap:nowrap;overflow:auto}
  .agrid{grid-template-columns:1fr;gap:30px;padding:0 24px}.a-left,.a-right{display:none}.pull{margin:40px 0;padding:40px 28px}.pull blockquote{font-size:32px}
  .takeaways ol{grid-template-columns:1fr}.author2{grid-template-columns:1fr}
  .ahd h1{font-size:44px}.acover{height:260px}
  .book-in{grid-template-columns:1fr}.book-side{border-right:0;border-bottom:1px solid rgba(11,21,36,.1)}
  .frow{grid-template-columns:1fr}.cform{padding:30px 24px}
  .cta2 h2{font-size:42px}.cta2{padding:96px 0}
  .mega{display:none}
}

/* ===== v2 refinements (review pass 1) ===== */
.btn{white-space:nowrap}
.nav.solid.scrolled{background:rgba(7,13,23,.97)}
.nav .readbar{position:absolute;left:0;right:0;top:auto;bottom:-1px;height:3px;background:rgba(255,255,255,.05)}
.mega-in>a:hover,.mega-in>a.is-hover{background:linear-gradient(90deg,rgba(198,161,91,.16),rgba(198,161,91,0));box-shadow:inset 2px 0 0 var(--gold)}
.mega-in>a.is-hover .mi{background:var(--gold);color:var(--navy);border-color:var(--gold)}
/* about hero compact so marquee sits on the first screen */
.ahero{padding-top:34px}
.ahero-grid{min-height:610px}
.ahero h1{font-size:82px}
.ahero-visual{height:600px}
.arch{height:560px;top:10px}.arch-frame{height:560px;top:-16px}
.gcard{bottom:40px}
.marquee{margin-top:26px;padding:20px 0}
.badge-rot{left:20px;top:10px}
.badge-rot text{font-size:12.5px;letter-spacing:.2em}
/* story */
.story{padding:120px 0 120px}
.layers{height:700px}
.ly-photo{height:620px;width:410px}
.ly-frame{height:620px;width:410px}
.ly-photo::after{background:linear-gradient(180deg,rgba(7,13,23,.55),rgba(7,13,23,0) 26%,rgba(7,13,23,0) 58%,rgba(7,13,23,.92)),linear-gradient(90deg,rgba(11,21,36,.5),transparent 35%,transparent 75%,rgba(11,21,36,.35))}
.ly-photo img{filter:none}
.ly-quote{bottom:-10px;right:-50px}
.journey{padding:120px 0 130px}
.tl-rail{width:2px}.tl-fill{width:2px}
.principles{padding:120px 0 120px}
.strip{padding:110px 0}
.strip-head{margin-bottom:50px}
/* expertise hero visual + panels */
.phero-x .wrap,.phero-i .wrap{min-height:560px}
.phero-x h1,.phero-i h1{max-width:700px;font-size:88px}
.phero-x .lead,.phero-i .lead{max-width:560px}
.xorbit{position:absolute;right:0;top:50%;transform:translateY(-50%) scale(.82);transform-origin:right center;width:560px}
.xorbit .orbit2{height:560px}
.xtabs a{padding:16px 20px}
.xp-in{padding:30px 28px}
.xpanel:not(.active) h3{font-size:28px}
.xpanel:not(.active) p{font-size:14.5px}
.xpanel.active{flex:2}
.xp-num{font-size:56px}
.xp-icon{width:54px;height:54px}
/* connect photo */
.cphoto{position:relative;height:600px}
.cp-img{position:absolute;right:20px;top:30px;width:470px;height:540px;overflow:hidden;box-shadow:0 60px 90px -40px #000}
.cp-img img{width:100%;height:100%;object-fit:cover;object-position:50% 10%}
.cp-img::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,13,23,.2),transparent 40%,rgba(7,13,23,.85)),linear-gradient(90deg,rgba(11,21,36,.45),transparent 50%)}
.cp-frame{position:absolute;right:-6px;top:0;width:470px;height:540px;border:1px solid rgba(198,161,91,.45)}
.cp-chip{position:absolute;left:0;bottom:60px;padding:20px 24px;width:300px;z-index:3}
.cp-chip p{font-family:var(--serif);font-size:22px;color:var(--ivory);margin-top:8px}
/* sub-page hero */
.shero-grid{min-height:560px}
.subnav{margin-top:40px}
.sh-ui{right:-20px;bottom:-10px}
.sh-orb{top:44%}
.shero .hero-ctas .btn{padding:18px 26px}
.process{padding:120px 0 120px}
.helps{padding:110px 0 120px}
.help{padding:38px 36px 34px}
.ctrs{padding:90px 0}
/* insights hero stack */
.istack{position:absolute;right:0;top:50%;width:520px;height:440px;transform:translateY(-50%)}
.ist{position:absolute;width:330px;height:220px;border:1px solid rgba(227,207,160,.25);box-shadow:0 40px 70px -30px #000;overflow:hidden}
.ist .art-label{font-size:20px}
.ist.s0{left:0;top:10px;transform:rotate(-7deg);opacity:.8}
.ist.s1{right:0;top:60px;transform:rotate(5deg);opacity:.9}
.ist.s2{left:90px;top:190px;transform:rotate(-1deg);border-color:rgba(198,161,91,.6);animation:floaty 7s ease-in-out infinite}
.ist-chip{position:absolute;right:10px;bottom:0;padding:13px 18px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-2);animation:floaty 6s ease-in-out infinite -2s}
.filters{gap:20px}
.chip{padding:11px 15px;font-size:11.5px;letter-spacing:.1em}
.chips{flex-wrap:nowrap}
.isearch{width:250px;flex:none}
.nl-in{grid-template-columns:200px 1fr 420px;gap:48px}
.nl-copy h3{font-size:34px}
/* article */
.abody{padding-bottom:90px}
.rel{padding-top:20px}
.takeaways li::before{border:0;transform:none;width:auto;height:auto;left:0;top:-1px}
.pull{padding-top:76px}
.pq-mark{top:-34px;left:34px;font-size:180px}
/* contact */
.cal-h b,.cal-h span{white-space:nowrap}
.cal-h b{font-size:21px}
.cform-sec{padding:110px 0 120px}

@media (max-width:760px){
  .ahero-visual{order:-1;height:400px}
  .ahero-copy{order:0}
  .ahero h1{font-size:46px}
  .arch{width:270px;height:370px;left:calc(50% - 115px);top:24px}.arch-frame{width:270px;height:370px;left:calc(50% - 145px);top:6px}
  .gcard{bottom:0;left:0}
  .badge-rot{left:auto;right:0;top:0}
  .ahero .crumbs{display:none}
  .shero{padding-top:40px}.shero .crumbs{display:none}.shero h1{font-size:46px}
  .shero-grid{gap:10px}
  .xorbit,.istack{display:none}
  .phero-x .wrap,.phero-i .wrap{min-height:0}
  .cphoto{height:440px}.cp-img,.cp-frame{width:300px;height:380px}
  .nl-in{grid-template-columns:1fr}
  .chips{flex-wrap:wrap}
}
@media (max-width:760px){ .sh-visual{order:-1;height:300px;margin-bottom:10px} .sh-orb{width:170px;height:170px;top:50%} .sh-orb svg{width:56px;height:56px} .sh-ui{width:230px;padding:14px 16px;bottom:-6px;right:0} .sh-ui p{font-size:17px} .sh-chip.c1{top:20px} .sh-chip.c2{top:auto;bottom:40px;left:0;right:auto;display:none} }
/* review pass 2 */
.ly-mono{left:auto;right:-70px;bottom:auto;top:-70px;font-size:260px;-webkit-text-stroke-color:rgba(198,161,91,.3)}
.isearch input{min-width:0;width:100%}
.nav .readbar{height:4px}
.ctr{position:relative;transition:background .5s}
.ctr::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:linear-gradient(90deg,var(--gold),transparent);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.ctr:hover,.ctr.is-hover{background:radial-gradient(300px 200px at 30% 0%,rgba(198,161,91,.12),transparent 70%)}
.ctr:hover::before,.ctr.is-hover::before{transform:none}
.ctr-bar{height:3px}
.ctr-bar i{background:linear-gradient(90deg,#A9843F,#C6A15B 60%,#E3CFA0);box-shadow:0 0 10px rgba(198,161,91,.6)}
.ctr-row::after{content:"";position:absolute;top:0;bottom:0;width:30%;left:-30%;background:linear-gradient(100deg,transparent,rgba(227,207,160,.07),transparent);animation:rowsheen 7s ease-in-out infinite;pointer-events:none}
.ctr-row{overflow:hidden}
@keyframes rowsheen{0%{left:-30%}60%,100%{left:110%}}
@media (max-width:760px){ .sh-orb{left:30%} .sh-ui{width:215px;bottom:-4px} .sh-ui small{display:none} .sh-ui .k{font-size:9.5px;letter-spacing:.18em} }
.nl{background:radial-gradient(700px 300px at 85% 30%,rgba(36,62,104,.45),transparent 70%),radial-gradient(500px 260px at 10% 90%,rgba(198,161,91,.10),transparent 70%),var(--ink);padding:130px 0}
.nl-in{box-shadow:0 60px 100px -50px #000,inset 0 1px 0 rgba(227,207,160,.12)}
.nl-art{height:220px;border:1px solid rgba(198,161,91,.3)}