/* NUMINOVA ADVISORY : SITE CHROME · advisory-site.css
   Shared page components for all Advisory pages.
   Load order: colors_and_type.css → advisory.css → advisory-site.css */
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--ad-font-body);background:var(--ad-ground);color:var(--ad-ink)}
a{color:var(--ad-gold-text);text-decoration:none}a:hover{color:var(--ad-gold-deep)}
.wrap{max-width:1200px;margin:0 auto;padding:0 48px}
.sec{padding:110px 0}
.sec-head{display:flex;flex-direction:column;gap:20px;max-width:660px;margin-bottom:60px}
.sec-num{font-family:var(--ad-font-mono);font-size:11px;letter-spacing:.2em;color:var(--ad-cap)}
/* nav */
.nav{position:sticky;top:0;z-index:50;background:rgba(7,11,17,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--ad-line-dk)}
.nav-in{max-width:1200px;margin:0 auto;padding:22px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.nav-links{display:flex;gap:clamp(18px,2.4vw,34px);font-size:14px;font-weight:500;flex-wrap:wrap;justify-content:center}
.nav-links a{color:var(--ad-mut-dk)}.nav-links a:hover{color:var(--ad-gold-soft)}
.nav-links a.on{color:var(--ad-gold-soft)}
.nav-cta{font-size:13.5px;font-weight:400;color:#fff;border:1px solid var(--ad-gold);border-radius:3px;padding:10px 20px;background:var(--ad-gold);cursor:pointer;transition:background 260ms,border-color 260ms}
.nav-cta:hover{background:var(--ad-gold-deep);border-color:var(--ad-gold-deep)}
/* hero + full-bleed image sections */
.hero{min-height:calc(100svh - 70px);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;text-align:left;gap:26px;padding:120px 48px;max-width:1200px;margin:0 auto}
.bg-hero{position:relative;isolation:isolate}
.bg-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.bg-hero .veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(7,11,17,.88) 0%,rgba(7,11,17,.62) 42%,rgba(7,11,17,.5) 68%,rgba(7,11,17,.82) 100%)}
/* page header (sub-pages) */
.page-head{padding:96px 0 84px}
.page-head .wrap{display:flex;flex-direction:column;gap:22px;align-items:flex-start}
.page-head h1{font-size:clamp(38px,4.6vw,54px)}
/* gold strip */
.strip{display:flex;justify-content:center;flex-wrap:wrap;border-bottom:1px solid var(--ad-gold-line-lt);color:var(--ad-gold-text)}
.strip span{font-family:var(--ad-font-mono);font-size:11.5px;letter-spacing:.22em;text-transform:uppercase;padding:20px 34px}
.strip span+span{border-left:1px solid var(--ad-gold-line-lt)}
/* pinned reveal panes */
.pin-wrap{view-timeline:--pin block;height:220vh}
.pin-wrap>.pinned{position:sticky;top:0;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.statement{align-items:center;text-align:center;gap:30px;padding:60px 48px}
#reality{gap:44px}
#reality h2{font-size:clamp(38px,4.6vw,56px)}
.statement h2{font-family:var(--ad-font-display);font-weight:500;font-size:clamp(44px,5.6vw,72px);line-height:1.1;letter-spacing:-.005em;color:var(--ad-ink);max-width:900px;text-wrap:balance;margin:0}
@supports (animation-timeline: view()) {
.pin-wrap .st-a{animation:stmt-in both;animation-timeline:--pin;animation-range:cover 27% cover 32%}
.pin-wrap .st-b{animation:stmt-in both;animation-timeline:--pin;animation-range:cover 39% cover 45%}
.pin-wrap .st-c{animation:stmt-in both;animation-timeline:--pin;animation-range:cover 51% cover 57%}
.pin-wrap .st-d{animation:stmt-in both;animation-timeline:--pin;animation-range:cover 62% cover 68%}
}
@keyframes stmt-in{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion: reduce){.pin-wrap .st-a,.pin-wrap .st-b,.pin-wrap .st-c,.pin-wrap .st-d{animation:none}}
/* approach asymmetric */
.approach-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:start}
.approach-grid .sec-head{margin-bottom:0}
.postures{display:flex;flex-direction:column}
.posture{display:grid;grid-template-columns:48px 1fr;gap:6px 20px;border-top:1px solid var(--ad-line);padding:28px 0}
.posture .sec-num{grid-row:1/3;font-size:13px}
.posture h3{font-family:var(--ad-font-display);font-weight:500;font-size:27px;color:var(--ad-ink)}
.posture .ad-body{grid-column:2}
/* faces */
.faces{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--ad-line);border:1px solid var(--ad-line)}
.face{background:var(--ad-ground);padding:40px 36px 44px;display:flex;flex-direction:column;gap:14px}
.face .fl{font-family:var(--ad-font-mono);font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--ad-gold-text)}
.face h3{font-family:var(--ad-font-display);font-weight:500;font-size:26px;line-height:1.2;color:var(--ad-ink)}
.face .need{font-size:13.5px;color:var(--ad-cap);border-top:1px solid var(--ad-line);padding-top:16px;margin-top:auto}
/* cards (+ dark variant) */
.cards{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--ad-line);border:1px solid var(--ad-line)}
.card{background:var(--ad-ground);padding:42px 38px 46px;display:flex;flex-direction:column;gap:16px}
.card h3{font-family:var(--ad-font-display);font-weight:500;font-size:27px;line-height:1.2;color:var(--ad-ink)}
.ad-dark .cards{background:rgba(190,154,78,.28);border-color:rgba(190,154,78,.28)}
.ad-dark .card{background:rgba(7,11,17,.68);backdrop-filter:blur(4px)}
.ad-dark .card h3{color:var(--ad-text-dk)}
.ad-dark .card .sec-num{color:var(--ad-gold-soft)}
.model{display:flex;gap:56px;margin-top:56px;border:1px solid var(--ad-gold-line-lt);border-radius:4px;padding:36px 42px;background:var(--ad-ground)}
.model div{flex:1;display:flex;flex-direction:column;gap:10px}
.model h4{font-family:var(--ad-font-body);font-weight:600;font-size:15px;color:var(--ad-ink)}
.ad-dark .model{background:rgba(7,11,17,.68);backdrop-filter:blur(4px);border-color:var(--ad-gold-line)}
.ad-dark .model h4{color:var(--ad-text-dk)}
.ad-dark .model .sec-num{color:var(--ad-gold-soft)}
/* offer index */
.index{display:grid;grid-template-columns:1fr 1fr;gap:0 72px}
.ix{display:flex;align-items:baseline;gap:22px;border-bottom:1px solid var(--ad-line);padding:26px 0}
.ix .n{font-family:var(--ad-font-mono);font-size:12px;color:var(--ad-gold-text);flex:none}
.ix h3{font-family:var(--ad-font-display);font-weight:500;font-size:24px;color:var(--ad-ink);flex:1}
.ix p{font-size:14px;color:var(--ad-cap);max-width:230px;text-align:right}
/* offer detail blocks (Solutions page) */
.offer{display:grid;grid-template-columns:1fr 1.4fr;gap:64px;border-top:1px solid var(--ad-line);padding:56px 0}
.offer .o-name{display:flex;flex-direction:column;gap:12px}
.offer h3{font-family:var(--ad-font-display);font-weight:500;font-size:32px;color:var(--ad-ink)}
.offer .o-for{font-family:var(--ad-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ad-gold-text)}
.offer ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-top:18px}
.offer ul li{font-size:15px;line-height:1.6;color:var(--ad-mut);padding-left:20px;position:relative}
.offer ul li::before{content:"";position:absolute;left:0;top:.62em;width:8px;height:1.5px;background:var(--ad-gold)}
/* five services list (home) */
.svc{display:grid;grid-template-columns:64px 1fr 1.3fr;gap:18px 48px;align-items:start;border-top:1px solid var(--ad-line);padding:44px 0;transition:background 260ms}
.svc:last-child{border-bottom:1px solid var(--ad-line)}
.svc .n{font-family:var(--ad-font-mono);font-size:12px;letter-spacing:.16em;color:var(--ad-gold-text);padding-top:10px}
.svc h3{font-family:var(--ad-font-display);font-weight:500;font-size:clamp(28px,2.6vw,36px);line-height:1.15;color:var(--ad-ink);transition:color 260ms}
.svc:hover h3{color:var(--ad-gold-deep)}
.svc .svc-body{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.svc .svc-body p{font-size:17px;line-height:1.65;color:var(--ad-mut)}
.svc .go{font-size:14px;font-weight:500;color:var(--ad-gold-text);border-bottom:1px solid var(--ad-gold-line-lt);padding-bottom:2px;white-space:nowrap}
/* fee table */
.fee{width:100%;border-collapse:collapse;margin-top:8px}
.fee th{font-family:var(--ad-font-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ad-cap);text-align:left;font-weight:500;padding:12px 24px 12px 0;border-bottom:1px solid var(--ad-line)}
.fee td{font-size:15px;line-height:1.5;color:var(--ad-mut);padding:16px 24px 16px 0;border-bottom:1px solid var(--ad-line);vertical-align:top}
.fee td:first-child{font-weight:600;color:var(--ad-ink)}
/* email capture */
.capture{display:flex;gap:12px;flex-wrap:wrap}
.capture input{font-family:var(--ad-font-body);font-size:14.5px;color:var(--ad-text-dk);background:rgba(7,11,17,.5);border:1px solid var(--ad-line-dk);border-radius:3px;padding:14px 18px;min-width:280px;outline:none}
.capture input::placeholder{color:rgba(242,238,228,.45)}
.capture input:focus{border-color:var(--ad-gold-line)}
/* founder block */
.founder-grid{display:grid;grid-template-columns:260px 1fr;gap:64px;align-items:start}
.founder-grid image-slot{display:block;width:260px;height:330px;border:1px solid var(--ad-line)}
.pull-quote{font-family:var(--ad-font-display);font-style:italic;font-weight:500;font-size:27px;line-height:1.35;color:var(--ad-ink);max-width:620px}
/* partners list */
.plist{display:grid;grid-template-columns:1fr 1fr;gap:0 80px;max-width:900px}
.plist span{font-family:var(--ad-font-display);font-weight:500;font-size:23px;color:var(--ad-ink);border-bottom:1px solid var(--ad-line);padding:18px 2px}
/* insights */
.ins{display:grid;grid-template-columns:1fr 1fr 1fr;gap:56px}
.in-item{display:flex;flex-direction:column;gap:14px;border-top:1px solid var(--ad-gold-line-lt);padding-top:24px}
.in-item .m{font-family:var(--ad-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ad-gold-text)}
.in-item h3{font-family:var(--ad-font-display);font-weight:500;font-size:26px;line-height:1.22;color:var(--ad-ink)}
/* principals */
.people{display:grid;grid-template-columns:1fr 1fr;gap:56px;max-width:900px}
.person{display:flex;gap:28px;align-items:flex-start}
.person image-slot{display:block;width:150px;height:190px;flex:none;border:1px solid var(--ad-line)}
.person h3{font-family:var(--ad-font-display);font-weight:500;font-size:25px;color:var(--ad-ink)}
.person .role{font-family:var(--ad-font-mono);font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ad-gold-text);margin:6px 0 12px}
/* image interstitial */
.interstitial{display:block;position:relative;border-top:1px solid var(--ad-gold-line-lt);border-bottom:1px solid var(--ad-gold-line-lt)}
.interstitial img{display:block;width:100%;height:58vh;object-fit:cover}
/* contact band + footer */
.band-cta{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px;padding:110px 48px}
.foot{border-top:1px solid var(--ad-gold-line);padding:56px 0 48px}
.foot-in{max-width:1200px;margin:0 auto;padding:0 48px;display:flex;justify-content:space-between;align-items:flex-start;gap:40px}
.foot-col{display:flex;flex-direction:column;gap:10px;font-size:13.5px}
.foot-col span{color:rgba(242,238,228,.4)}
.foot-col a{color:var(--ad-mut-dk)}.foot-col a:hover{color:var(--ad-gold-soft)}
.foot-base{max-width:1200px;margin:40px auto 0;padding:26px 48px 0;border-top:1px solid var(--ad-line-dk);display:flex;justify-content:space-between;font-size:12.5px;color:rgba(242,238,228,.4)}
.band-band{background:var(--ad-band)}
@media (max-width:1020px){.nav-links{display:none}}
@media (max-width:900px){.cards,.ins,.index,.people,.faces,.approach-grid,.plist,.offer,.founder-grid{grid-template-columns:1fr}.svc{grid-template-columns:1fr;gap:10px}.model{flex-direction:column;gap:28px}.ix p{display:none}}