/* 2026: BRUSHED METAL EDITION — actual champagne/antique metallic gold; pure black base. */
:root{--bg:#050505;--bg2:#080808;--bg3:#100e0b;--ink:#f5f0e7;--text:#c8c1b6;--muted:#9b9183;--line:rgba(184,145,84,.27);--lime:#b99862;--soft:#0b0a09;--deep:#050505;--gold:#b99862;--gold-glow:#ecd6ae;--gold-dim:#806039;--metal:linear-gradient(115deg,#6f4c22 0%,#b98e4d 18%,#edd4a3 37%,#a87f46 53%,#d7b982 68%,#76562d 87%,#c4a472 100%);--metal-text:linear-gradient(100deg,#8d6532 0%,#f0ddb5 24%,#c19b61 48%,#f6e5c2 62%,#906b38 100%)}
body{background:#050505;color:var(--ink)}.topbar{background:rgba(5,5,5,.91);border-color:rgba(205,169,105,.2)}
.navigation a{color:#d1c7b6!important}.navigation a:hover,.navigation a.active{color:#e7c996!important}
.section-side,.hero-kicker,.art-note,.hero-foot,.hero-foot span{color:#b9aa94!important}
.hero{background:radial-gradient(ellipse 42% 50% at 82% 45%,rgba(118,85,43,.23),transparent 72%),#050505}
.hero:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:repeating-linear-gradient(90deg,transparent 0 111px,rgba(175,137,73,.09) 112px,transparent 113px)}
.hero-description,.section-lead,.role-card p,.metric-label,.metric-foot,.impact-extra>div,.timeline-body p,.about-item p,.contact-bottom p{color:#c8c0b3!important}
.hero-path{color:#c0a378!important;border-color:#866b454f}
.hero h1{position:relative;text-shadow:0 7px 38px rgba(0,0,0,.56)}
.hero h1 .hero-last{background:var(--metal-text);-webkit-background-clip:text;background-clip:text;color:transparent!important;background-size:210% 100%;animation:foiltype 11s ease-in-out infinite alternate}
.hero-last .punctuation{color:#ddc294!important;-webkit-text-fill-color:#ddc294}
@keyframes foiltype{0%,24%{background-position:0% 50%}75%,100%{background-position:100% 50%}}
.hero-rule{height:2px;width:135px;background:var(--metal)}
.hero-tagline em,.section-heading span,.manifesto-accent,.contact h2 em{background:var(--metal-text);background-size:180% 100%;-webkit-background-clip:text;background-clip:text;color:transparent!important}
.brandmark{background:var(--metal)!important;color:#100e0b!important;box-shadow:inset 0 1px #ffedc3a6,0 8px 25px #ad84411e}
.header-cta,.btn-primary,.founder-strip,.role-button[aria-selected="true"],.explorer-tab[aria-selected="true"],.toast{background:var(--metal)!important;color:#16100a!important;border-color:rgba(228,195,143,.72)!important}
.btn-primary:hover,.header-cta:hover{background:linear-gradient(110deg,#c4a36b,#f0dcb3,#b89150)!important}
.btn-ghost{border-color:#765d388a;color:#eadfcf}
.art-frame{background:radial-gradient(ellipse at var(--lightx,50%) var(--lighty,50%),#65462245 0%,transparent 40%),radial-gradient(ellipse at 50% 52%,#201a12 0%,#0a0908 55%,#050505 85%);border-color:#94724780;box-shadow:inset 0 0 70px #b48b3720,0 45px 90px #0009;cursor:crosshair}
.art-frame:before{border-color:#bc95532f}.art-frame:after{opacity:.24}.art-glyph span,.art-glyph span+span{background:var(--metal-text);background-size:210% 110%;background-clip:text;-webkit-background-clip:text;color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none;filter:drop-shadow(0 15px 22px #8a663e22)}
.art-glyph span+span{opacity:1!important}.orbit-one{border-color:#9d7a4e59}.orbit-two{border-color:#ddbf8c70}.orbit-three{border-color:#9874483d}.frame-top,.frame-bottom{color:#c3ad8d!important}.art-cross{color:#dfc18e!important}
.art-rotate{position:absolute;bottom:73px;left:50%;transform:translateX(-50%);z-index:9;white-space:nowrap;display:flex;align-items:center;gap:13px;background:#0d0c0ac7;border:1px solid #b9986268;color:#e3c38d;padding:9px 17px;cursor:pointer;font-size:20px;transition:box-shadow .25s,background .25s}
.art-rotate small{font-size:9px;font-weight:800;letter-spacing:.18em}.art-rotate:hover{background:#302414;box-shadow:0 0 30px #ab833f37}.art-frame[data-foil="1"] .art-glyph{transform:skew(6deg) rotate(-5deg) scale(1.13)}.art-frame[data-foil="2"] .art-glyph{transform:skew(-10deg) rotate(6deg) scale(.91)}.art-frame[data-foil="1"] .orbit-one{border-style:solid}.art-glyph{transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.statement,.journey,.expertise,.more,.contact,.explorer{background:#050505!important;color:var(--ink)!important}
.more .section-heading span{color:transparent!important}.more .section-label,.more .section-side{color:#bdb09a!important}.about-item h3{color:#f4eee3!important}.more .section-lead{color:#c7bdb0!important}
.manifesto{background:radial-gradient(ellipse at 70% 35%,#5f45201e,transparent 70%),#0b0a09!important;color:#f0eadd!important}.manifesto:after{color:#b89a6321!important}.manifesto-kicker,.manifesto-mark{color:#b9a98b!important}
.metric{background:linear-gradient(165deg,#13100c,#050505)!important;border-color:#7d5e3480!important}.metric:hover{background:linear-gradient(165deg,#251b0e,#0b0908)!important}.metric-number,.evidence-value,.mini-number,.chart-number:last-child,.challenge-stat strong{background:var(--metal-text);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.metric-foot{border-color:var(--line)!important}.metric-spark i,.metric-spark.gradient i{background:var(--metal)!important}
.role-button{color:#e0d5c6!important;border-color:#75603c85!important}.role-button[aria-selected="true"]{color:#0c0b09!important}.role-card{background:radial-gradient(ellipse at 80% 0,#5a411f26,transparent 65%),#100e0b!important;border-color:#8c6d3d63}.role-evidence{background:#070707}
.timeline-time{color:#c4b099!important}.timeline-position{color:#c4a36c!important}.tags span{color:#b9ad9a!important;border-color:#6e573982!important;background:#100e0a!important}.timeline-expand{color:#d4b582!important;border-color:#755a357c}.timeline-item:hover{background:#19130d!important}
.quote-author,.cap-no,.cap-arrow,.section-index{color:#b99a6c!important}.capability h3{color:#f1ebdf}.belt-scroll span:hover{background:var(--metal)!important;color:#15100a!important}
.contact{background:radial-gradient(ellipse 60% 70% at 92% 57%,#684c2530,transparent),#050505!important}.contact h2 em{color:transparent!important}.footer{background:#050505;color:#b3a592}.contact-mail{border-color:#a788557a}.copy-email,.share-button{color:#d2b47f!important}
.quick-open{background:#090807ed;color:#d2b384}.quick-open:hover{background:var(--metal)!important;color:#12100d!important}.quick-option:hover{background:#3a2d1c66!important}.live-dot{background:#b89a64!important;box-shadow:0 0 0 6px #c1a0681a!important}
.explorer-narrative{background:radial-gradient(ellipse at 0 0,#70552e21,transparent 70%),#0c0b09!important}.explorer-chart{background:repeating-linear-gradient(to top,transparent 0,transparent 62px,#b794580d 63px,#b794580d 64px),#070707!important}.chart-fill{background:var(--metal)!important}.chart-number{color:#efdfc4!important}.explorer-tab[aria-selected=true] b{color:#120d06!important}.challenge-button[aria-selected=true]{background:#231b10!important}.challenge-answer{background:linear-gradient(120deg,#15120c,#070707)!important}
/* Cinematic section transition: side rule, editorial numbering, tangible material. */
.section{border-bottom:1px solid #7e633a30;position:relative}.section:after{content:"";position:absolute;bottom:0;left:7%;width:20%;height:1px;background:linear-gradient(90deg,transparent,#b492607a,transparent);pointer-events:none}.section-top{margin-bottom:58px}.section-index{font-family:Georgia,'Times New Roman',serif;font-size:17px!important;font-weight:500}.section-heading{letter-spacing:-.066em}.section-top .section-label{color:#c9baa4}.cursor-glow{background:radial-gradient(circle,#aa824c12,transparent 70%)!important}
/* interactive connection signal canvas */
.signal{background:radial-gradient(ellipse 50% 52% at 43% 70%,#261b0d32,transparent 75%),#050505}.signal-intro,.studio-header{display:grid;grid-template-columns:1.35fr .65fr;gap:45px;align-items:end;margin-bottom:48px}.signal-intro .section-lead,.studio-header .section-lead{justify-self:end}.signal-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(270px,.7fr);border:1px solid #8c704785;min-height:565px;background:#0b0907}.signal-board{height:565px;position:relative;overflow:hidden;touch-action:none;background:radial-gradient(circle at 49% 49%,#40301834,transparent 48%),#070706;isolation:isolate}.signal-grid{position:absolute;inset:0;opacity:.25;pointer-events:none;background-image:linear-gradient(#85653b3a 1px,transparent 1px),linear-gradient(90deg,#85653b3a 1px,transparent 1px);background-size:51px 51px;mask-image:radial-gradient(circle,#000 25%,transparent 82%)}.signal-orbit{pointer-events:none;position:absolute;left:19%;top:11%;width:62%;aspect-ratio:1;border:1px solid #9a774d35;border-radius:50%;animation:orbit 38s linear infinite}.signal-orbit-two{left:29%;top:22%;width:42%;border-style:dashed;animation-direction:reverse;animation-duration:54s}.signal-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none;z-index:1}.signal-lines path{stroke:#ad8d5b6e;stroke-width:1.3;fill:none;transition:stroke .2s,stroke-width .2s}.signal-lines path.edge-active{stroke:#ecd2a8;stroke-width:2;filter:drop-shadow(0 0 5px #ba945d88)}.signal-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:112px;height:112px;border:1px solid #d4b481a6;border-radius:50%;z-index:3;background:radial-gradient(circle,#3e2d16,#100d09 64%,#070707);box-shadow:0 0 0 16px #a8843d0c,0 0 65px #96723c25;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.signal-center span{font:italic 700 40px Georgia,serif;letter-spacing:-.12em;background:var(--metal-text);background-clip:text;-webkit-background-clip:text;color:transparent}.signal-center small{font-size:8px;letter-spacing:.16em;color:#beab8c}.signal-node{--x:var(--nx);--y:var(--ny);position:absolute;left:calc(var(--x)*1%);top:calc(var(--y)*1%);transform:translate(-50%,-50%);z-index:5;min-width:105px;min-height:58px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:3px;padding:11px 15px;background:#12100ecf;border:1px solid #6e573b;color:#e2d4bc;cursor:grab;touch-action:none;user-select:none;font:800 12px var(--head);box-shadow:0 10px 22px #0007;transition:background .18s,border-color .18s,box-shadow .18s}.signal-node .node-serial{font-size:9px;color:#b69d78;letter-spacing:.17em}.signal-node:focus-visible,.signal-node:hover,.signal-node.active{border-color:#e5c791;color:#f9ebd3;background:#302312;box-shadow:inset 0 1px #ddbc8752,0 0 27px #b38e5636}.signal-node.dragging{cursor:grabbing;transition:none;z-index:9}.signal-board-hint{position:absolute;left:22px;bottom:18px;z-index:2;color:#a9977d;font:700 9px var(--head);letter-spacing:.12em;pointer-events:none}.hint-dot{color:#dcc497;font-size:17px;margin-right:6px}.signal-info{min-width:0;border-left:1px solid #8c70475e;padding:38px clamp(23px,3vw,47px);display:flex;flex-direction:column;background:radial-gradient(ellipse at 80% 20%,#6e50231f,transparent 60%),#0b0a08}.signal-info-top{display:flex;justify-content:space-between;gap:12px;color:#a5947b;font:700 9px var(--head);letter-spacing:.12em}.signal-status{color:#c9ac7e}.signal-status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#dec79b}.signal-emblem{font:400 126px/.95 Georgia,serif;color:#bda07118;margin:23px 0 8px;font-style:italic}.signal-info-kicker{color:#c9a779;font:700 10px var(--head);letter-spacing:.16em}.signal-info h3{font:600 clamp(29px,3vw,42px)/1.08 Georgia,serif;letter-spacing:-.03em;margin:13px 0 19px}.signal-info p{color:#c4bbaa;line-height:1.76;font-size:14px;margin:0}.signal-proof{border-top:1px solid var(--line);margin-top:auto;padding-top:20px;display:grid;grid-template-columns:1fr auto;gap:3px 15px;align-items:end}.signal-proof span{font:800 10px var(--head);letter-spacing:.12em;color:#b1a085}.signal-proof strong{grid-row:span 2;grid-column:2;font:600 49px Georgia,serif;color:#d9ba86}.signal-proof p{font-size:12px}.text-action{color:#cdb38b;text-align:left;padding:15px 0 0;margin-top:18px;background:none;border:0;cursor:pointer;font:800 10px var(--head);letter-spacing:.08em}.text-action:hover{color:#f3deb5}
/* draggable before-after art direction */
.explorer-stage{grid-template-columns:.8fr 1.2fr}.reveal-lab{grid-column:1/-1;border-top:1px solid #95784a5a;padding:22px clamp(24px,5vw,53px) 27px;background:#0b0a09}.reveal-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#c0a77f;font:800 10px var(--head);letter-spacing:.12em;margin-bottom:16px}.reveal-heading span:last-child{font-size:10px;color:#a09079}.reveal-visual{height:133px;position:relative;overflow:hidden;background:repeating-linear-gradient(90deg,#0c0b09 0,#0c0b09 42px,#18130e 43px);border:1px solid #876c455b}.reveal-before,.reveal-after{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:18px}.reveal-before{background:linear-gradient(100deg,#11100e,#17140f);color:#beb19a}.reveal-after{background:var(--metal);color:#100e0b;clip-path:inset(0 0 0 var(--reveal));justify-content:center}.reveal-visual strong{font:800 clamp(52px,6vw,85px)/1 var(--head);letter-spacing:-.09em}.reveal-visual small{font:800 11px var(--head);letter-spacing:.12em}.reveal-line{position:absolute;z-index:3;left:var(--reveal);top:0;bottom:0;width:2px;background:#f6e3c4;transform:translateX(-1px);pointer-events:none}.reveal-line span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:grid;place-items:center;background:#080706;border:1px solid #f0d5aa;border-radius:50%;width:44px;height:44px;color:#f0d5aa;font-size:20px;box-shadow:0 8px 20px #0007}.reveal-lab input[type=range]{width:100%;margin:14px 0 0;accent-color:#bd9960;cursor:ew-resize;display:block}.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}
/* Decision studio — analog control surface */
.studio{background:radial-gradient(ellipse at 70% 55%,#5e42171c,transparent 70%),#050505}.studio-header{margin-bottom:55px}.studio-interface{border:1px solid #80643e83;display:grid;grid-template-columns:270px minmax(0,1fr);min-height:510px;background:#0c0a08;box-shadow:0 30px 90px #0006}.studio-sidebar{background:radial-gradient(ellipse at 10% 90%,#513c1f3a,transparent 70%),#0d0b08;border-right:1px solid #82643a73;display:flex;flex-direction:column;padding:32px 0 28px}.studio-vertical{font:700 9px var(--head);letter-spacing:.16em;color:#b49972;padding:0 28px 25px}.studio-scenario-list{display:grid;gap:0}.scenario-choice{display:grid;grid-template-columns:1fr auto;gap:5px;text-align:left;align-items:center;padding:25px 28px;border:0;border-top:1px solid #8d6e4045;background:transparent;color:#e8dcca;cursor:pointer;transition:background .22s}.scenario-choice:last-child{border-bottom:1px solid #8d6e4045}.scenario-choice small{grid-column:1/-1;color:#ae9670;font:800 9px var(--head);letter-spacing:.16em}.scenario-choice span{font:700 16px var(--head);line-height:1.3}.scenario-choice b{font-size:15px;color:#c3a174}.scenario-choice:hover,.scenario-choice.selected{background:linear-gradient(90deg,#3525128a,#120f0b)}.scenario-choice.selected{box-shadow:inset 3px 0 #c5a26b}.studio-progress{padding:24px 28px 0;margin-top:auto;color:#b89a6e;font:800 10px var(--head);letter-spacing:.14em}.studio-progress-line{height:2px;background:#3f3326;margin-top:12px}.studio-progress-line i{display:block;height:100%;width:33%;background:var(--metal);transition:width .5s}.studio-main{padding:clamp(28px,4.5vw,61px);display:flex;flex-direction:column;position:relative;overflow:hidden}.studio-main:before{position:absolute;content:'?';font:italic 350px Georgia,serif;color:#b9945b09;top:-75px;right:-12px;pointer-events:none}.studio-meta{display:flex;justify-content:space-between;gap:20px;color:#b89b6e;font:800 10px var(--head);letter-spacing:.13em}.studio-type{color:#938470}.studio-main h3{font:600 clamp(34px,3.8vw,55px)/1.08 Georgia,serif;letter-spacing:-.04em;margin:30px 0 14px;max-width:760px}.studio-context{font-size:15px;color:#c5bbaa;max-width:665px;line-height:1.7}.studio-decisions{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin:35px 0 28px}.decision-option{border:1px solid #795c3680;background:linear-gradient(120deg,#15120e,#0d0b08);display:grid;grid-template-columns:45px 1fr 20px;align-items:center;gap:12px;text-align:left;min-height:100px;padding:20px;color:#eadfcb;cursor:pointer;transition:transform .23s,border-color .23s,background .23s}.decision-option:hover,.decision-option.active{transform:translateY(-3px);border-color:#dcba82;background:linear-gradient(130deg,#332515,#16110b)}.decision-option:disabled{opacity:.6;cursor:default;transform:none}.decision-option.active:disabled{opacity:1}.decision-letter{font:italic 40px Georgia,serif;color:#c4a375}.decision-option strong{font:700 15px var(--head)}.decision-arrow{color:#d7b580}.studio-answer{margin-bottom:25px;padding:23px 26px;border-left:2px solid #c7a571;background:linear-gradient(100deg,#35230e63,transparent 80%);animation:studioAppear .5s both}.studio-answer[hidden]{display:none}.studio-answer-label{font:800 10px var(--head);color:#d2b386;letter-spacing:.15em}.studio-answer h4{font:600 25px Georgia,serif;margin:12px 0 9px}.studio-answer p{font-size:14px;color:#c5bbaa;line-height:1.7;margin:0}.studio-evidence{display:flex;align-items:center;gap:14px;margin-top:17px;padding-top:14px;border-top:1px solid #8f73485e;flex-wrap:wrap}.studio-evidence span{font:800 9px var(--head);letter-spacing:.12em;color:#b99d75}.studio-evidence strong{font:700 13px var(--head);color:#e3c596}.studio-controls{display:flex;gap:23px;align-items:center;flex-wrap:wrap;margin-top:auto}.studio-next,.studio-restart{cursor:pointer;border:0;background:transparent;color:#d9bc8b;font:800 10px var(--head);letter-spacing:.12em;padding:11px 0}.studio-next span:last-child{margin-left:15px}.studio-next:hover,.studio-restart:hover{color:#f9e6c5}.studio-footnote{font-size:11px;color:#a89984;margin-top:18px;letter-spacing:.01em}@keyframes studioAppear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/* active chapter side rail */
.chapter-rail{position:fixed;right:21px;top:46%;z-index:70;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%)}.chapter-rail a{display:flex;align-items:center;justify-content:center;color:#8d816c;font-size:8px;font-weight:800;letter-spacing:.04em;border:1px solid #94734163;background:#090807c9;width:31px;height:31px;transition:background .2s,color .2s,border-color .2s}.chapter-rail a:hover,.chapter-rail a.active{background:var(--metal);color:#0d0b08;border-color:#d7be94}
@media(max-width:1170px){.chapter-rail{display:none}.signal-layout{grid-template-columns:1.2fr .8fr}.signal-center{width:96px;height:96px}.signal-node{min-width:92px;font-size:11px;padding:9px}}
@media(max-width:900px){.signal-layout{grid-template-columns:1fr}.signal-info{border-left:0;border-top:1px solid #82673e70;padding:31px}.signal-board{height:460px}.signal-info .signal-emblem{display:none}.signal-proof{margin-top:24px}.signal-intro,.studio-header{grid-template-columns:1fr;gap:18px}.signal-intro .section-lead,.studio-header .section-lead{justify-self:start}.studio-interface{grid-template-columns:1fr}.studio-sidebar{border-right:0;border-bottom:1px solid #82643a70;padding:15px 0}.studio-vertical{display:none}.studio-scenario-list{display:flex;flex-wrap:nowrap;overflow-x:auto}.scenario-choice{min-width:165px;flex:1;border-top:0;border-right:1px solid #8d6e4045;padding:17px}.studio-progress{display:none}}
@media(max-width:780px){.navigation{background:#080807!important}.hero{background:#050505}.hero h1 .hero-last{font-size:.94em}.signal-board{height:405px}.signal-center{height:79px;width:79px}.signal-center span{font-size:30px}.signal-node{min-width:79px;min-height:49px;font-size:10px;padding:7px 6px}.signal-node .node-serial{font-size:7px}.signal-board-hint{font-size:8px;bottom:9px;left:10px}.studio-decisions{grid-template-columns:1fr}.studio-main{padding:28px 21px}.studio-meta{font-size:9px}.studio-type{display:none}.decision-option{min-height:79px}.reveal-visual{height:112px}}
@media(max-width:460px){.signal-board{height:345px}.signal-node{min-width:75px;font-size:9px}.signal-center{height:69px;width:69px}.signal-center span{font-size:26px}.art-rotate{bottom:62px;padding:7px 12px}.art-rotate small{font-size:8px}.reveal-visual strong{font-size:56px}.reveal-before,.reveal-after{gap:11px}.reveal-lab{padding:20px}.studio-scenario-list{scroll-snap-type:x mandatory}.scenario-choice{scroll-snap-align:start}.section-heading{font-size:clamp(34px,10vw,48px)}}
@media(prefers-reduced-motion:reduce){.signal-orbit,.hero h1 .hero-last{animation:none!important}.studio-answer{animation:none!important}}
@media(max-width:780px){.signal-board{touch-action:pan-y}}
/* Mobile intrinsic-size containment: keep decision cards and copy inside the viewport. */
.studio-interface,.studio-main,.studio-content,.studio-decisions,.decision-option,.studio-answer,.signal-layout,.signal-info{min-width:0;max-width:100%}
.studio-main h3,.studio-main p,.studio-answer h4,.decision-option strong{overflow-wrap:anywhere}
@media(max-width:900px){.studio-interface{grid-template-columns:minmax(0,1fr)}.studio-main{width:100%}.studio-decisions{grid-template-columns:minmax(0,1fr)}.studio-scenario-list{max-width:100%;min-width:0;overflow-x:auto}.scenario-choice{min-width:166px}}