:root { color-scheme:dark; --page:#040404; --panel:#111; --line:rgb(255 255 255 / .12); --muted:rgb(245 243 239 / .62); --gold:#d2b06f; --gutter:clamp(22px,6.2vw,112px); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:90px; }
body.sites-page { margin:0; color:#f4f1eb; background:var(--page); font-family:'Scope One',serif; -webkit-font-smoothing:antialiased; }
.sites-page a { color:inherit; }
.service-header { position:absolute; z-index:10; inset:0 0 auto; height:76px; padding:0 var(--gutter); display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid rgb(255 255 255 / .12); font:500 9px/1 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.14em; }
.service-brand { justify-self:start; text-decoration:none; font:600 13px/1 'Kumbh Sans',sans-serif; letter-spacing:.03em; }
.service-brand span { margin-left:2px; font-size:.56em; vertical-align:super; }
.service-header nav { display:flex; gap:clamp(18px,3vw,48px); }
.service-header nav a,.service-header__cta { text-decoration:none; color:rgb(244 241 235 / .72); transition:color .25s ease; }
.service-header nav a:hover,.service-header__cta:hover { color:var(--gold); }
.service-header__cta { justify-self:end; display:flex; gap:17px; align-items:center; padding:13px 16px; border:1px solid var(--line); border-radius:2px; color:#f4f1eb!important; }
.service-header__cta span { color:var(--gold); font-size:15px; }
.sites-hero { min-height:min(900px,100svh); min-height:max(720px,100svh); position:relative; isolation:isolate; display:grid; grid-template-columns:minmax(0,1.02fr) minmax(400px,.98fr); align-items:center; gap:3vw; padding:120px var(--gutter) 92px; overflow:hidden; background:radial-gradient(ellipse at 72% 46%,rgb(255 255 255 / .045),transparent 46%),linear-gradient(180deg,#101010,#040404 88%); }
.sites-hero::after { content:""; position:absolute; z-index:-1; left:0; right:0; bottom:0; height:150px; background:linear-gradient(transparent,var(--page)); }
.sites-hero__backdrop { position:absolute; z-index:-1; width:min(55vw,760px); aspect-ratio:1; right:15%; top:48%; transform:translate(50%,-50%); pointer-events:none; }
.sites-hero__orbit { position:absolute; inset:8%; border:1px solid rgb(210 176 111 / .18); border-radius:50%; transform:rotate(-24deg) scaleY(.42); box-shadow:0 0 50px rgb(255 255 255 / .035),inset 0 0 28px rgb(210 176 111 / .035); }
.sites-hero__orbit--two { inset:18%; transform:rotate(30deg) scaleY(.65); border-color:rgb(255 255 255 / .1); }
.sites-hero__core { position:absolute; width:18%; aspect-ratio:1; left:50%; top:50%; border-radius:50%; transform:translate(-50%,-50%); background:radial-gradient(circle at 38% 34%,rgb(241 218 170 / .8),rgb(210 176 111 / .5) 8%,rgb(210 176 111 / .12) 22%,rgb(7 7 7 / .1) 68%); filter:blur(2px); box-shadow:0 0 48px rgb(210 176 111 / .16); }
.sites-hero__copy { position:relative; z-index:1; max-width:660px; }
.eyebrow { display:flex; align-items:center; gap:10px; color:rgb(244 241 235 / .58); font:500 9px/1.5 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.2em; text-transform:uppercase; }
.eyebrow i { width:4px; height:4px; border-radius:50%; background:var(--gold); box-shadow:0 0 10px rgb(210 176 111 / .65); }
.sites-hero h1 { margin:clamp(32px,5vh,62px) 0 24px; font:500 clamp(54px,7.2vw,112px)/.92 'Kumbh Sans',sans-serif; letter-spacing:-.075em; }
.sites-hero h1 em,.section h2 em { color:var(--gold); font-style:normal; }
.sites-hero__intro { max-width:520px; color:var(--muted); font:400 clamp(16px,1.35vw,20px)/1.75 'Scope One',serif; }
.sites-hero__actions { display:flex; align-items:center; flex-wrap:wrap; gap:24px; margin-top:38px; }
.button { display:inline-flex; min-height:49px; align-items:center; justify-content:center; gap:26px; padding:0 18px; border:1px solid transparent; border-radius:3px; text-decoration:none; font:500 9px/1 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.12em; transition:transform .3s ease,background .3s ease,border-color .3s ease; }
.button:hover { transform:translateY(-2px); }
.button--light { color:#0b0c0e!important; background:#e8e4db; }
.button--light:hover { background:#fff; }
.button span { color:#7e6331; font-size:16px; }
.text-link { display:inline-flex; align-items:center; gap:12px; text-decoration:none; color:rgb(244 241 235 / .7)!important; font:500 9px/1 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.12em; }
.text-link span { color:var(--gold); font-size:15px; }
.sites-hero__note { display:flex; gap:12px; margin-top:clamp(45px,9vh,100px); color:rgb(244 241 235 / .46); font:500 8px/1.5 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.15em; }
.sites-hero__note span { color:var(--gold); }
.sites-hero__visual { position:relative; z-index:1; width:100%; max-width:760px; justify-self:end; padding:3.5%; }
.interface-window { position:relative; padding:14px; border:1px solid rgb(255 255 255 / .2); border-radius:8px; background:linear-gradient(145deg,rgb(37 40 45 / .88),rgb(14 15 17 / .94) 44%,rgb(20 24 31 / .9)); box-shadow:0 25px 100px rgb(0 0 0 / .54),inset 0 1px 0 rgb(255 255 255 / .13); transform:perspective(1200px) rotateY(-8deg) rotateX(2deg); }
.interface-window__top,.interface-window__footer { display:flex; align-items:center; justify-content:space-between; color:rgb(244 241 235 / .44); font:500 7px/1.4 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.14em; }
.window-mark { display:flex; align-items:center; gap:7px; }
.window-mark i { width:4px; height:4px; border-radius:50%; background:var(--gold); }
.interface-window__canvas { min-height:clamp(280px,34vw,470px); position:relative; isolation:isolate; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; margin:14px 0; padding:clamp(28px,5vw,68px); overflow:hidden; background:radial-gradient(ellipse at 68% 42%,rgb(255 255 255 / .06),transparent 48%),linear-gradient(130deg,#161616,#080808 70%); }
.interface-window__canvas::before { content:""; position:absolute; z-index:-1; inset:0; background:linear-gradient(120deg,transparent 12%,rgb(210 176 111 / .07) 48%,transparent 82%); }
.interface-window__rings { position:absolute; z-index:-1; width:75%; aspect-ratio:1; right:-5%; top:50%; border:1px solid rgb(210 176 111 / .28); border-radius:50%; transform:translateY(-50%) scaleY(.46) rotate(-28deg); box-shadow:0 0 0 28px rgb(210 176 111 / .018),0 0 0 58px rgb(255 255 255 / .018),0 0 55px rgb(210 176 111 / .08); }
.canvas-label,.canvas-caption,.canvas-action { color:rgb(244 241 235 / .54); font:500 8px/1.5 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.17em; }
.interface-window__canvas strong { margin:20px 0; font:500 clamp(38px,6vw,82px)/.9 'Kumbh Sans',sans-serif; letter-spacing:-.07em; }
.canvas-caption { font-family:'Scope One',serif; font-size:13px; letter-spacing:0; }
.canvas-action { display:inline-flex; gap:20px; align-items:center; margin-top:28px; padding:12px 0; border-bottom:1px solid rgb(210 176 111 / .5); color:#eee9df; }
.canvas-action b { color:var(--gold); font-size:14px; }
.interface-window__footer { padding:2px 3px; }
.visual-stamp { position:absolute; right:-2%; bottom:7%; display:flex; gap:8px; align-items:center; padding:11px 13px; border:1px solid rgb(255 255 255 / .16); background:rgb(9 10 12 / .72); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); color:rgb(244 241 235 / .72); font:500 7px/1.5 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.13em; }
.visual-stamp img { width:42px; height:42px; }
.sites-hero__index { position:absolute; right:var(--gutter); bottom:30px; left:var(--gutter); display:flex; justify-content:space-between; color:rgb(244 241 235 / .42); font:500 8px/1.5 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.14em; }
.sites-hero__index b { margin-left:8px; color:var(--gold); font-size:14px; }
.section { padding:clamp(90px,13vw,180px) var(--gutter); }
.problems { background:linear-gradient(180deg,#0b0c0e,#090a0c); }
.section-kicker { display:flex; justify-content:space-between; gap:20px; color:rgb(244 241 235 / .45); font:500 8px/1.5 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.16em; }
.section-heading { max-width:780px; margin:clamp(46px,8vw,100px) auto clamp(55px,8vw,98px); text-align:center; }
.section-heading--split { display:grid; grid-template-columns:1fr .75fr; gap:7vw; align-items:end; max-width:1160px; text-align:left; }
.section h2,.sites-cta h2 { margin:0; font:500 clamp(42px,6.4vw,92px)/.98 'Kumbh Sans',sans-serif; letter-spacing:-.065em; }
.section-heading p,.approach-intro p,.questions-layout>div>p { margin:0; color:var(--muted); font:400 16px/1.8 'Scope One',serif; }
.signal-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-top:1px solid var(--line); border-left:1px solid var(--line); }
.signal-card { min-height:270px; position:relative; padding:24px clamp(18px,2.3vw,34px); border-right:1px solid var(--line); border-bottom:1px solid var(--line); background:linear-gradient(145deg,rgb(255 255 255 / .025),transparent 62%); transition:background .35s ease,transform .35s ease; }
.signal-card:hover { transform:translateY(-4px); background:linear-gradient(145deg,rgb(210 176 111 / .08),transparent 68%); }
.signal-card__index { color:rgb(244 241 235 / .42); font:500 8px/1 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.13em; }
.signal-card__symbol { display:block; margin:42px 0 22px; color:var(--gold); font:300 36px/1 'Kumbh Sans',sans-serif; }
.signal-card h3,.approach-list h3,.process-track h3 { margin:0; font:500 19px/1.25 'Kumbh Sans',sans-serif; letter-spacing:-.025em; }
.signal-card p,.approach-list p,.process-track p { margin:11px 0 0; color:var(--muted); font:400 14px/1.7 'Scope One',serif; }
.approach { background:#0e0f11; }
.approach-intro { display:grid; grid-template-columns:1fr .65fr; align-items:end; gap:9vw; margin:clamp(48px,8vw,100px) 0 70px; }
.approach-list { border-top:1px solid var(--line); }
.approach-list article { display:grid; grid-template-columns:60px minmax(0,1fr) 30px; align-items:center; gap:22px; padding:28px 8px; border-bottom:1px solid var(--line); transition:padding .3s ease,background .3s ease; }
.approach-list article:hover { padding-inline:16px; background:linear-gradient(90deg,rgb(255 255 255 / .035),transparent); }
.approach-list article>span { align-self:start; padding-top:4px; color:var(--gold); font:500 9px/1 'Encode Sans Semi Expanded',sans-serif; }
.approach-list p { margin-top:7px; }
.approach-list article>i { justify-self:end; color:var(--gold); font:normal 18px/1 'Scope One',serif; }
.process { background:linear-gradient(180deg,#0b0c0e,#08090b); }
.process .section-heading { margin-left:0; text-align:left; }
.process .section-heading p { margin-top:22px; }
.process-track { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; padding:0; margin:0; list-style:none; }
.process-track li { position:relative; padding:0 22px 0 0; }
.process-track__number { color:var(--gold); font:500 9px/1 'Encode Sans Semi Expanded',sans-serif; }
.process-track li>i { display:block; height:1px; margin:17px 0 24px; background:linear-gradient(90deg,var(--gold),rgb(255 255 255 / .12)); }
.process-track li>i::before { content:""; display:block; width:5px; height:5px; border-radius:50%; transform:translateY(-2px); background:var(--gold); box-shadow:0 0 11px rgb(210 176 111 / .55); }
.outcomes { position:relative; overflow:hidden; background:linear-gradient(120deg,#0c0d10,#08090b 68%); }
.outcomes__orb { position:absolute; right:13%; top:18%; width:clamp(130px,19vw,270px); opacity:.32; pointer-events:none; }
.outcomes__orb img { width:100%; height:auto; filter:drop-shadow(0 0 40px rgb(61 120 199 / .14)); }
.outcomes h2 { position:relative; max-width:900px; margin:clamp(60px,10vw,130px) 0 75px; }
.outcome-points { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; max-width:1100px; }
.outcome-points p { margin:0; padding-top:16px; border-top:1px solid var(--line); color:rgb(244 241 235 / .76); font:400 14px/1.7 'Scope One',serif; }
.outcome-points b { display:block; margin-bottom:17px; color:var(--gold); font:500 9px/1 'Encode Sans Semi Expanded',sans-serif; }
.questions { background:#0c0d0f; }
.questions-layout { display:grid; grid-template-columns:.7fr 1.3fr; gap:9vw; margin-top:clamp(50px,8vw,100px); }
.questions-layout>div>p { margin-top:22px; }
.questions-list details { border-top:1px solid var(--line); }
.questions-list details:last-child { border-bottom:1px solid var(--line); }
.questions-list summary { min-height:72px; display:grid; grid-template-columns:42px minmax(0,1fr) 20px; align-items:center; gap:12px; cursor:pointer; list-style:none; color:#f4f1eb; font:400 16px/1.4 'Kumbh Sans',sans-serif; text-transform:uppercase; }
.questions-list summary::-webkit-details-marker { display:none; }
.questions-list summary>span { color:var(--gold); font:500 9px/1 'Encode Sans Semi Expanded',sans-serif; }
.questions-list summary>i { justify-self:end; color:var(--gold); font:normal 17px/1 'Kumbh Sans',sans-serif; transition:transform .25s ease; }
.questions-list details[open] summary>i { transform:rotate(45deg); }
.questions-list details>p { max-width:58ch; margin:0 28px 24px 54px; color:var(--muted); font:400 14px/1.75 'Scope One',serif; }
.sites-cta { padding:clamp(90px,13vw,170px) var(--gutter); display:flex; flex-direction:column; align-items:flex-start; background:radial-gradient(ellipse at 85% 50%,rgb(61 120 199 / .13),transparent 38%),linear-gradient(120deg,#111214,#08090b 72%); }
.sites-cta h2 { margin:42px 0 36px; }
.sites-cta .button { margin-bottom:28px; }
.back-link { color:rgb(244 241 235 / .52)!important; font:500 8px/1.5 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.15em; text-decoration:none; }
.back-link:hover { color:var(--gold)!important; }
.service-footer { min-height:82px; padding:20px var(--gutter); display:flex; justify-content:space-between; align-items:center; gap:20px; border-top:1px solid var(--line); color:rgb(244 241 235 / .42); font:500 8px/1.5 'Encode Sans Semi Expanded',sans-serif; letter-spacing:.12em; }
.service-footer a { color:inherit; text-decoration:none; }
.service-footer a:first-child { color:#f4f1eb; font-family:'Kumbh Sans',sans-serif; font-size:10px; }
.service-footer sup { font-size:.6em; }
@media(max-width:900px) {
 .sites-hero { grid-template-columns:1fr 1fr; gap:10px; }
 .sites-hero h1 { font-size:clamp(52px,8.2vw,80px); }
 .signal-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .signal-card { min-height:235px; }
 .section-heading--split,.approach-intro { grid-template-columns:1fr .8fr; gap:5vw; }
}
@media(max-width:650px) {
 html { scroll-padding-top:72px; }
 .service-header { height:64px; grid-template-columns:1fr auto; }
 .service-header nav { display:none; }
 .service-header__cta { padding:11px 12px; font-size:8px; }
 .sites-hero { min-height:100svh; grid-template-columns:1fr; align-content:center; gap:38px; padding-top:108px; padding-bottom:92px; }
 .sites-hero__backdrop { width:100vw; right:0; top:33%; transform:translate(24%,-50%); }
 .sites-hero h1 { margin-top:28px; font-size:clamp(52px,14vw,84px); }
 .sites-hero__intro { max-width:34em; font-size:16px; }
 .sites-hero__actions { gap:17px; margin-top:26px; }
 .sites-hero__note { margin-top:32px; font-size:7px; }
 .sites-hero__visual { width:96%; justify-self:center; padding:0 8px 12px 0; }
 .interface-window { padding:9px; transform:perspective(900px) rotateY(-4deg); }
 .interface-window__canvas { min-height:250px; padding:24px; }
 .interface-window__canvas strong { font-size:clamp(40px,12vw,66px); }
 .visual-stamp { right:-3%; bottom:1%; }
 .visual-stamp img { width:34px; height:34px; }
 .sites-hero__index { bottom:20px; font-size:7px; }
 .section { padding-block:82px; }
 .section-kicker { font-size:7px; letter-spacing:.1em; }
 .section-kicker span:last-child { text-align:right; }
 .section-heading { margin:44px auto 48px; }
 .section-heading--split,.approach-intro,.questions-layout { grid-template-columns:1fr; gap:22px; }
 .section h2,.sites-cta h2 { font-size:clamp(42px,12vw,68px); }
 .section-heading p,.approach-intro p { max-width:40em; font-size:15px; }
 .signal-grid { grid-template-columns:1fr 1fr; }
 .signal-card { min-height:230px; padding:18px 14px; }
 .signal-card__symbol { margin:32px 0 20px; }
 .signal-card h3 { font-size:16px; }
 .signal-card p { font-size:13px; }
 .approach-intro { margin:48px 0 38px; }
 .approach-list article { grid-template-columns:32px minmax(0,1fr) 18px; gap:10px; padding:22px 2px; }
 .approach-list h3 { font-size:17px; }
 .approach-list p { font-size:13px; }
 .process .section-heading { margin-left:0; }
 .process-track { grid-template-columns:1fr 1fr; row-gap:36px; }
 .process-track li { padding-right:16px; }
 .process-track h3 { font-size:17px; }
 .process-track p { font-size:13px; }
 .outcomes__orb { top:16%; right:2%; width:32vw; opacity:.22; }
 .outcomes h2 { margin:54px 0 50px; }
 .outcome-points { grid-template-columns:1fr; gap:18px; }
 .outcome-points p { display:grid; grid-template-columns:32px 1fr; gap:10px; padding-top:12px; }
 .outcome-points b { margin:0; padding-top:3px; }
 .questions-layout { margin-top:46px; }
 .questions-list summary { min-height:68px; grid-template-columns:30px minmax(0,1fr) 18px; gap:8px; font-size:14px; }
 .questions-list details>p { margin-left:38px; font-size:13px; }
 .sites-cta h2 { margin:34px 0 30px; }
 .service-footer { flex-wrap:wrap; justify-content:space-between; font-size:7px; }
 .service-footer span { order:3; width:100%; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; animation-duration:.01ms!important; animation-iteration-count:1!important; } }

/* Keep this detail page on the same visual system as the FÓVEA home page. */
.sites-page h1,.sites-page h2,.sites-page h3 { font-family:'Kumbh Sans',sans-serif; font-weight:600; text-transform:uppercase; }
.service-header { position:fixed; height:56px; background:rgb(4 4 4 / .9); -webkit-backdrop-filter:blur(20px) saturate(120%); backdrop-filter:blur(20px) saturate(120%); }
.service-header nav { font-family:'Kumbh Sans',sans-serif; font-weight:200; }
.service-header__cta,.button,.text-link,.back-link { font-family:'Kumbh Sans',sans-serif; }
.service-footer { background:#040404; }