:root{--bg:#09090b;--surface:#111114;--text:#f5f5f4;--muted:#a1a1aa;--red:#e11d2e;--yellow:#facc15;--line:rgba(255,255,255,.12);--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f1ea;color:#18181b;font-family:Inter,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.topbar{height:78px;padding:0 max(24px,calc((100vw - var(--max))/2));display:flex;align-items:center;gap:40px;position:absolute;z-index:20;width:100%;color:white}.brand{text-decoration:none;color:#fff;font:700 22px Space Grotesk}.brand span{color:var(--yellow)}.brand b{font-weight:700}.topbar nav{display:flex;gap:28px;margin-left:auto}.topbar nav a,.top-cta{color:#d4d4d8;text-decoration:none;font-size:13px;font-weight:600}.topbar nav a:hover{color:white}.top-cta{border:1px solid var(--line);padding:11px 16px;color:#fff}.menu-toggle{display:none}.section-pad{padding:125px max(24px,calc((100vw - var(--max))/2))}.hero{min-height:870px;background:radial-gradient(circle at 77% 42%,rgba(225,29,46,.12),transparent 28%),linear-gradient(125deg,#08080a 0%,#111114 48%,#08080a 100%);color:white;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;position:relative;padding-top:120px;padding-bottom:70px}.hero:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,var(--yellow),var(--red),transparent);opacity:.7}.hero-copy{z-index:2}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.19em;font-size:11px;font-weight:700;color:#6b6b74;margin:0 0 24px}.eyebrow span{width:34px;height:2px;background:linear-gradient(90deg,var(--red),var(--yellow))}.eyebrow.light{color:#b7b7bf}.hero h1,.section-heading h2,.manifest h2,.next-card h2,footer h2{font-family:Space Grotesk,sans-serif;letter-spacing:-.045em}.hero h1{font-size:clamp(48px,5.2vw,80px);line-height:.98;margin:0;max-width:780px}.hero h1 em{font-style:normal;color:var(--yellow)}.hero-lead{font-size:18px;line-height:1.75;color:#b8b8c0;max-width:680px;margin:34px 0}.hero-actions,.footer-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;text-decoration:none;font-size:13px;font-weight:800;letter-spacing:.02em;transition:.25s}.btn.primary{background:var(--yellow);color:#111}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(250,204,21,.2)}.btn.ghost{border:1px solid rgba(255,255,255,.18);color:#fff}.btn.ghost:hover{border-color:#fff}.hero-signature{margin-top:44px;display:flex;flex-direction:column;gap:5px}.hero-signature strong{font-size:14px}.hero-signature span{font-size:12px;color:#85858e}.portrait-stage{height:650px;position:relative;display:flex;align-items:flex-end;justify-content:center;isolation:isolate}.portrait-stage img{height:610px;width:auto;position:relative;z-index:3;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(255,255,255,.7));transform:translateY(14px);transition:transform .18s ease-out}.light-field{position:absolute;inset:0;z-index:0;overflow:visible}.light-field b{position:absolute;right:-8%;top:10%;font:800 clamp(75px,9vw,145px) Space Grotesk;color:rgba(255,255,255,.035);letter-spacing:-.09em}.glow{position:absolute;border-radius:50%;filter:blur(55px);animation:pulse 6s ease-in-out infinite}.glow.red{width:310px;height:310px;background:rgba(225,29,46,.52);right:5%;bottom:14%}.glow.yellow{width:260px;height:260px;background:rgba(250,204,21,.37);left:7%;top:25%;animation-delay:-2s}.glow.white{width:155px;height:155px;background:rgba(255,255,255,.19);right:17%;top:19%;animation-delay:-4s}.orbit{position:absolute;border-radius:50%;left:50%;top:52%;transform:translate(-50%,-50%);animation:spin 18s linear infinite}.o1{width:420px;height:420px;border:1px solid rgba(250,204,21,.52);box-shadow:0 0 28px rgba(250,204,21,.1)}.o2{width:335px;height:335px;border:1px dashed rgba(225,29,46,.55);animation-direction:reverse;animation-duration:13s}.line{position:absolute;left:50%;top:50%;border-radius:50%;filter:drop-shadow(0 0 8px currentColor);animation:float 7s ease-in-out infinite}.l1{width:520px;height:270px;border-top:2px solid var(--yellow);border-right:1px solid rgba(255,255,255,.55);transform:translate(-50%,-50%) rotate(-12deg);color:rgba(250,204,21,.35)}.l2{width:450px;height:310px;border-top:2px solid var(--red);transform:translate(-46%,-42%) rotate(17deg);color:rgba(225,29,46,.35);animation-delay:-2.4s}.particles{position:absolute;inset:9%;background-image:radial-gradient(circle,var(--yellow) 0 1.4px,transparent 2px),radial-gradient(circle,var(--red) 0 1.2px,transparent 1.9px),radial-gradient(circle,#fff 0 1px,transparent 1.7px);background-size:91px 91px,127px 127px,151px 151px;background-position:5px 18px,45px 26px,15px 66px;opacity:.75;animation:particles 16s linear infinite}.status-card{position:absolute;z-index:5;right:0;bottom:48px;background:rgba(12,12,15,.65);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(15px);padding:13px 16px;display:flex;gap:10px;align-items:center}.status-dot{width:8px;height:8px;background:var(--yellow);border-radius:50%;box-shadow:0 0 0 5px rgba(250,204,21,.12);animation:pulseDot 2s infinite}.status-card small,.status-card strong{display:block}.status-card small{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:#92929b}.status-card strong{font-size:11px;margin-top:3px}.scroll-cue{position:absolute;bottom:26px;left:max(24px,calc((100vw - var(--max))/2));font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#676770;display:flex;align-items:center;gap:12px}.scroll-cue span{height:1px;width:62px;background:#4a4a50}.metric-strip{background:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:28px max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid #ddd9d1}.metric-strip article{padding:7px 32px;border-right:1px solid #ddd9d1}.metric-strip article:first-child{padding-left:0}.metric-strip article:last-child{border:0}.metric-strip strong{font:700 30px Space Grotesk}.metric-strip strong:after{content:"+";color:var(--red)}.metric-strip span{display:block;font-size:11px;color:#71717a;margin-top:4px}.section-heading{max-width:860px}.section-heading h2,.manifest h2,.next-card h2,footer h2{font-size:clamp(38px,5vw,68px);line-height:1.04;margin:0}.section-heading>p:last-child{font-size:18px;line-height:1.75;color:#696970;max-width:760px;margin-top:26px}.story{background:#f4f1ea}.story-grid{display:grid;grid-template-columns:70px 1.3fr .7fr;gap:50px;margin-top:70px}.story-rail{display:flex;flex-direction:column;align-items:center;color:#999;font:700 11px Space Grotesk}.story-rail i{width:1px;height:95px;background:linear-gradient(#c9c5bd,var(--red),#c9c5bd);margin:11px 0}.story-copy{font-size:16px;line-height:1.9;color:#4b4b53}.story-copy .lead{font-size:22px;line-height:1.55;color:#18181b;margin-top:0}.story-copy blockquote{font:600 28px/1.3 Space Grotesk;margin:45px 0;padding:4px 0 4px 28px;border-left:4px solid var(--yellow);color:#18181b}.story-card{background:#101013;color:white;padding:38px;align-self:start;position:sticky;top:110px;border-top:4px solid var(--red)}.story-card small{color:var(--yellow);text-transform:uppercase;letter-spacing:.18em;font-size:9px}.story-card strong{display:block;font:600 28px/1.25 Space Grotesk;margin:24px 0}.story-card p{color:#a5a5ad;line-height:1.7;font-size:13px}.manifest{background:#101013;color:white}.manifest-intro{max-width:900px}.manifest-intro>p:last-child{font-size:20px;line-height:1.7;color:#adadb6;max-width:730px}.beliefs{display:grid;grid-template-columns:repeat(4,1fr);margin-top:72px;border-top:1px solid var(--line);border-left:1px solid var(--line)}.beliefs article{padding:35px 28px 42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:270px}.beliefs article:hover{background:rgba(255,255,255,.025)}.beliefs span{font:700 11px Space Grotesk;color:var(--yellow)}.beliefs h3{font:600 23px Space Grotesk;margin:45px 0 16px}.beliefs p{font-size:13px;line-height:1.7;color:#9c9ca5}.scale{background:#fff}.dashboard{display:grid;grid-template-columns:1.25fr repeat(2,.75fr);gap:14px;margin-top:65px}.dashboard article{background:#f0ede6;padding:30px;border:1px solid #e1ddd5}.dash-main{grid-row:span 2;background:#111114!important;color:white!important;min-height:410px;position:relative;overflow:hidden}.dashboard small{text-transform:uppercase;letter-spacing:.16em;color:#777780;font-size:9px}.dashboard strong{display:block;font:700 46px Space Grotesk;margin:18px 0 10px}.dash-main strong{font-size:90px;color:var(--yellow)}.dashboard p{font-size:12px;line-height:1.7;color:#686870;max-width:360px}.dash-main p{color:#acacb4;font-size:14px}.bars{position:absolute;bottom:0;right:0;left:0;height:120px;display:flex;align-items:flex-end;gap:9px;padding:0 30px}.bars i{height:var(--v);flex:1;background:linear-gradient(var(--yellow),var(--red));opacity:.7;transform-origin:bottom;animation:barIn 1.1s both}.process{background:#f4f1ea}.process-line{display:grid;grid-template-columns:repeat(6,1fr);margin-top:70px;position:relative}.process-line:before{content:"";position:absolute;top:22px;left:3%;right:3%;height:1px;background:#cbc7bf}.process-line article{position:relative;padding:0 18px}.process-line article:first-child{padding-left:0}.process-line span{position:relative;z-index:2;width:45px;height:45px;border-radius:50%;background:#101013;color:white;display:grid;place-items:center;font:700 10px Space Grotesk;border:5px solid #f4f1ea}.process-line article:nth-child(4) span,.process-line article:nth-child(5) span,.process-line article:nth-child(6) span{background:var(--red)}.process-line h3{font:600 17px Space Grotesk;margin-top:30px}.process-line p{font-size:12px;line-height:1.65;color:#74747c}.next-stage{background:#f4f1ea;padding-top:20px}.next-card{background:linear-gradient(120deg,#111114,#1a1713);color:white;padding:70px;position:relative;overflow:hidden}.next-card:after{content:"02";position:absolute;right:30px;bottom:-35px;font:800 210px Space Grotesk;color:rgba(255,255,255,.025)}.next-card p:not(.eyebrow){color:#aaaab3;font-size:17px;line-height:1.7;max-width:850px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.tags span{border:1px solid var(--line);padding:9px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.12em}footer{background:#08080a;color:white;padding:100px max(24px,calc((100vw - var(--max))/2)) 35px;display:grid;grid-template-columns:1fr auto;gap:55px;align-items:end}footer h2{max-width:850px}.btn.ghost.light{color:#fff}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:25px;margin-top:35px;color:#696970;font-size:10px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@keyframes pulse{50%{transform:scale(1.08);opacity:.65}}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes float{50%{margin-top:12px;opacity:.7}}@keyframes particles{to{background-position:96px 109px,172px 153px,166px 217px}}@keyframes pulseDot{50%{box-shadow:0 0 0 9px rgba(250,204,21,0)}}@keyframes barIn{from{transform:scaleY(0)}}@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:auto;padding-top:145px}.portrait-stage{height:590px}.portrait-stage img{height:560px}.story-grid{grid-template-columns:45px 1fr}.story-card{grid-column:2;position:static}.beliefs{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(3,1fr);gap:40px 0}.process-line:before{display:none}.dashboard{grid-template-columns:1fr 1fr}.dash-main{grid-row:auto;grid-column:1/-1}.topbar nav{display:none}.menu-toggle{display:block;margin-left:auto;background:none;border:1px solid var(--line);color:white;padding:10px 13px}.topbar nav.open{display:flex;position:fixed;inset:78px 0 0;background:#0a0a0c;flex-direction:column;align-items:center;justify-content:center;gap:30px}.topbar nav.open a{font-size:24px}.top-cta{display:none}}@media(max-width:700px){.section-pad{padding:88px 20px}.topbar{padding:0 20px}.hero h1{font-size:46px}.hero-lead{font-size:16px}.portrait-stage{height:470px}.portrait-stage img{height:455px}.o1{width:330px;height:330px}.o2{width:270px;height:270px}.l1{width:390px}.l2{width:350px}.status-card{right:0;bottom:20px}.metric-strip{grid-template-columns:1fr 1fr;padding:24px 20px}.metric-strip article{padding:15px 10px;border-bottom:1px solid #ddd9d1}.story-grid{grid-template-columns:1fr;gap:25px}.story-rail{display:none}.story-card{grid-column:auto}.beliefs{grid-template-columns:1fr}.dashboard{grid-template-columns:1fr}.dash-main{grid-column:auto}.dash-main strong{font-size:68px}.process-line{grid-template-columns:1fr 1fr}.next-card{padding:42px 26px}footer{grid-template-columns:1fr;padding:75px 20px 30px}.footer-actions{justify-content:flex-start}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.glow,.orbit,.line,.particles,.status-dot,.bars i{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* ===== ETAP 2: PROJECT LIBRARY & CASE STUDIES ===== */
.projects{background:#fff}
.project-filters{display:flex;gap:8px;flex-wrap:wrap;margin:42px 0 34px}
.project-filter{appearance:none;border:1px solid #d8d4cc;background:#f5f2ec;color:#47474f;padding:11px 15px;font:600 10px Space Grotesk;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;transition:.25s}
.project-filter:hover,.project-filter.active{background:#111114;color:#fff;border-color:#111114}
.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.project-card{display:grid;grid-template-columns:.92fr 1.08fr;background:#f3f0e9;border:1px solid #e0dcd4;min-height:350px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease,opacity .3s ease}
.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 55px rgba(20,20,23,.10)}
.project-card.project-featured{grid-column:1/-1;grid-template-columns:1.15fr .85fr;min-height:430px}
.project-card.is-hidden{display:none}
.project-visual{position:relative;min-height:100%;overflow:hidden;background:#111114;color:#fff;isolation:isolate}
.project-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 35%,rgba(255,255,255,.035));pointer-events:none}
.visual-label{position:absolute;left:22px;top:20px;z-index:5;font:700 9px Space Grotesk;letter-spacing:.18em;color:rgba(255,255,255,.62)}
.project-content{padding:34px;display:flex;flex-direction:column}
.project-meta{display:flex;align-items:center;gap:12px}
.project-meta span{font:700 11px Space Grotesk;color:var(--red)}
.project-meta small{font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:#777780}
.project-content h3{font:650 27px/1.1 Space Grotesk;margin:30px 0 15px}
.project-content p{font-size:13px;line-height:1.75;color:#64646c;margin:0}
.project-content ul{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0;margin:24px 0 0;list-style:none}
.project-content li{font-size:10px;line-height:1.45;padding:10px;border-left:2px solid var(--yellow);background:#ebe7df}
.project-open{border:0;background:transparent;padding:0;margin:auto 0 0;text-align:left;font:700 10px Space Grotesk;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;color:#17171b}
.project-open span{color:var(--red);font-size:17px;margin-left:7px;transition:transform .2s;display:inline-block}
.project-open:hover span{transform:translate(3px,-3px)}
.ui-window{position:absolute;width:66%;height:57%;left:50%;top:53%;transform:translate(-50%,-50%);border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.05);backdrop-filter:blur(4px);padding:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ui-window:before{content:"";position:absolute;left:0;right:0;top:0;height:8px;background:var(--yellow)}
.ui-window i{height:52px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
.ui-window b{height:7px;background:rgba(255,255,255,.15);align-self:end}
.visual-panel{background:radial-gradient(circle at 70% 35%,rgba(220,38,38,.42),transparent 35%),#101013}
.visual-b2b{background:radial-gradient(circle at 45% 55%,rgba(250,204,21,.20),transparent 33%),#101013}
.network{position:absolute;inset:22%;border:1px solid rgba(250,204,21,.38);border-radius:50%;animation:networkSpin 18s linear infinite}
.network:before,.network:after{content:"";position:absolute;inset:20%;border:1px solid rgba(255,255,255,.14);border-radius:50%}
.network:after{inset:39%;background:var(--yellow);box-shadow:0 0 30px rgba(250,204,21,.5)}
.network i{position:absolute;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 16px rgba(255,255,255,.7)}
.network i:nth-child(1){left:3%;top:46%}.network i:nth-child(2){right:8%;top:19%;background:var(--red)}.network i:nth-child(3){right:3%;bottom:25%}.network i:nth-child(4){left:20%;top:8%;background:var(--yellow)}.network i:nth-child(5){left:26%;bottom:4%;background:var(--red)}
.visual-tv{background:linear-gradient(145deg,#0d0d10,#211010)}
.play-symbol{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:85px;height:85px;border:1px solid rgba(255,255,255,.25);border-radius:50%;display:grid;place-items:center;padding-left:5px;color:var(--yellow);font-size:25px;box-shadow:0 0 0 18px rgba(220,38,38,.07),0 0 45px rgba(220,38,38,.25)}
.media-lines{position:absolute;left:18%;right:18%;bottom:18%;display:flex;gap:8px;align-items:end;height:50px}
.media-lines i{flex:1;background:linear-gradient(var(--yellow),var(--red));height:var(--h)}
.media-lines i:nth-child(1){--h:34%}.media-lines i:nth-child(2){--h:92%}.media-lines i:nth-child(3){--h:61%}
.visual-academy{background:radial-gradient(circle at center,rgba(220,38,38,.2),transparent 46%),#101013}
.academy-rings i{position:absolute;border:1px solid rgba(250,204,21,.45);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}
.academy-rings i:nth-child(1){width:205px;height:205px}.academy-rings i:nth-child(2){width:145px;height:145px;border-color:rgba(255,255,255,.2)}.academy-rings i:nth-child(3){width:90px;height:90px;background:rgba(220,38,38,.15)}
.visual-academy b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:700 25px Space Grotesk;color:var(--yellow)}
.visual-crm{background:linear-gradient(150deg,#0e0e11,#17140c)}
.phone-ui{position:absolute;left:50%;top:53%;transform:translate(-50%,-50%) rotate(5deg);width:116px;height:220px;border:4px solid #e8e8eb;border-radius:19px;padding:28px 13px 14px;background:#141418;box-shadow:24px 23px 0 rgba(220,38,38,.28)}
.phone-ui i{position:absolute;width:37px;height:5px;background:#55555d;border-radius:5px;left:50%;top:11px;transform:translateX(-50%)}
.phone-ui b{display:block;height:31px;margin-bottom:11px;background:rgba(255,255,255,.08);border-left:3px solid var(--yellow)}
.visual-loyalty{background:radial-gradient(circle at 60% 45%,rgba(250,204,21,.22),transparent 37%),#111114}
.loyalty-card{position:absolute;left:50%;top:52%;transform:translate(-50%,-50%) rotate(-7deg);width:230px;height:135px;padding:22px;background:linear-gradient(135deg,#202026,#0b0b0d);border:1px solid rgba(255,255,255,.22);box-shadow:20px 25px 45px rgba(0,0,0,.35)}
.loyalty-card b{font:700 20px Space Grotesk;color:var(--yellow)}.loyalty-card i{display:block;width:34px;height:24px;margin:22px 0 12px;border-radius:4px;background:linear-gradient(135deg,#e7c45d,#8f6c09)}.loyalty-card span{font:600 9px Space Grotesk;letter-spacing:.18em;color:#aaa}
.visual-leads{background:linear-gradient(145deg,#111114,#1f0d0d)}
.lead-flow{position:absolute;inset:24% 16%}
.lead-flow:before,.lead-flow:after{content:"";position:absolute;left:8%;right:8%;height:1px;background:linear-gradient(90deg,var(--yellow),#fff,var(--red));top:50%}
.lead-flow i{position:absolute;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#16161a;top:50%;transform:translateY(-50%)}
.lead-flow i:nth-child(1){left:0}.lead-flow i:nth-child(2){left:43%;background:var(--yellow)}.lead-flow i:nth-child(3){right:0;background:var(--red)}
.lead-flow b{position:absolute;right:3%;top:15%;font:700 27px Space Grotesk;color:rgba(255,255,255,.08)}
.case-dialog{width:min(1120px,calc(100% - 32px));max-height:92vh;border:0;padding:0;background:#f4f1ea;color:#17171b;box-shadow:0 35px 100px rgba(0,0,0,.5)}
.case-dialog::backdrop{background:rgba(5,5,7,.82);backdrop-filter:blur(8px)}
.case-dialog[open]{animation:dialogIn .3s ease-out}
.case-dialog-inner{padding:60px;overflow:auto;max-height:92vh}
.case-close{position:absolute;z-index:5;right:18px;top:14px;width:38px;height:38px;border:1px solid #d4d0c8;background:transparent;font-size:25px;cursor:pointer}
.case-header{display:grid;grid-template-columns:1fr auto;gap:40px;margin:32px 0 55px;padding-bottom:40px;border-bottom:1px solid #d4d0c8}
.case-header small{text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:var(--red)}
.case-header h2{font:650 clamp(36px,5vw,67px)/1 Space Grotesk;margin:13px 0 21px;max-width:800px}
.case-header p{max-width:780px;color:#66666e;line-height:1.75;font-size:15px}
.case-index{font:700 90px Space Grotesk;color:#dedad2;line-height:.8}
.case-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#d7d3cb;border:1px solid #d7d3cb}
.case-columns article{background:#f4f1ea;padding:30px;min-height:230px}
.case-columns span{font:700 10px Space Grotesk;color:var(--red)}
.case-columns h3{font:600 21px Space Grotesk;margin:26px 0 13px}
.case-columns p{font-size:13px;line-height:1.75;color:#65656d}
.case-deliverables{margin-top:42px}
.case-deliverables>small{text-transform:uppercase;letter-spacing:.15em;font-size:9px;color:#73737b}
.case-deliverables div{display:flex;flex-wrap:wrap;gap:8px;margin-top:15px}
.case-deliverables span{padding:10px 13px;background:#111114;color:#fff;font:600 9px Space Grotesk;text-transform:uppercase;letter-spacing:.1em}
@keyframes networkSpin{to{transform:rotate(360deg)}}
@keyframes dialogIn{from{opacity:0;transform:translateY(22px) scale(.985)}}
@media(max-width:1050px){
  .projects-grid{grid-template-columns:1fr}
  .project-card,.project-card.project-featured{grid-column:auto}
}
@media(max-width:700px){
  .project-card,.project-card.project-featured{grid-template-columns:1fr}
  .project-visual{min-height:260px}
  .project-content{padding:27px 23px}
  .project-content ul{grid-template-columns:1fr}
  .case-dialog-inner{padding:52px 22px 30px}
  .case-header{grid-template-columns:1fr;margin-bottom:30px}
  .case-index{font-size:58px}
  .case-columns{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.network{animation:none}}


/* ===== v7.3: AI LAB ===== */
.ai-lab{background:#101013;color:#fff;position:relative;overflow:hidden}
.ai-lab:before{content:"AI";position:absolute;right:-35px;top:0;font:700 330px/.8 Space Grotesk;color:rgba(255,255,255,.018);pointer-events:none}
.ai-lab .section-heading h2{color:#fff}
.ai-lab .section-heading>p:last-child{color:#96969f}
.ai-console{margin-top:48px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.025);box-shadow:0 35px 100px rgba(0,0,0,.25)}
.ai-console-top{display:flex;justify-content:space-between;gap:20px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.12);font:600 9px Space Grotesk;letter-spacing:.14em;color:#8e8e98}
.ai-status{display:flex;align-items:center;gap:10px}.ai-status i{width:7px;height:7px;border-radius:50%;background:var(--yellow);box-shadow:0 0 14px var(--yellow);animation:statusPulse 1.8s infinite}
.ai-mode strong{color:#fff}
.ai-layout{display:grid;grid-template-columns:310px 1fr;min-height:480px}
.ai-menu{border-right:1px solid rgba(255,255,255,.12);padding:16px}
.ai-tab{display:flex;width:100%;align-items:center;gap:18px;padding:18px 15px;border:0;border-bottom:1px solid rgba(255,255,255,.07);background:transparent;color:#8f8f98;font:600 11px Space Grotesk;text-align:left;cursor:pointer;transition:.25s}
.ai-tab span{color:#56565f;font-size:9px}.ai-tab:hover,.ai-tab.active{background:rgba(255,255,255,.055);color:#fff}.ai-tab.active span{color:var(--yellow)}
.ai-display{padding:54px;position:relative;background:radial-gradient(circle at 85% 10%,rgba(220,38,38,.16),transparent 33%)}
.ai-display-head{display:flex;justify-content:space-between;gap:20px;font:600 9px Space Grotesk;letter-spacing:.13em;color:#777782}
.ai-display-head small{color:var(--yellow)}
.ai-display h3{font:650 clamp(34px,5vw,67px)/1 Space Grotesk;margin:65px 0 22px;max-width:720px}
.ai-display>p{font-size:14px;line-height:1.8;color:#aaaab3;max-width:750px}
.ai-output{display:flex;flex-wrap:wrap;gap:7px;margin:32px 0}
.ai-output span{padding:9px 11px;border:1px solid rgba(255,255,255,.13);font:600 9px Space Grotesk;text-transform:uppercase;letter-spacing:.08em;color:#d0d0d5}
.ai-principle{display:grid;grid-template-columns:auto 1fr;gap:12px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1);font-size:12px}.ai-principle b{color:var(--red)}.ai-principle p{color:#9c9ca5}
.ai-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:24px;background:rgba(255,255,255,.1)}
.ai-card{background:#101013;padding:30px;min-height:230px}.ai-card>span{font:700 10px Space Grotesk;color:var(--yellow)}.ai-card h3{font:600 20px Space Grotesk;margin:35px 0 14px}.ai-card p{font-size:12px;line-height:1.75;color:#8d8d96}
@keyframes statusPulse{50%{opacity:.4;transform:scale(.75)}}

/* ===== v7.3: COMPETENCE MAP ===== */
.competence-section{background:#ece8e0}
.competence-workspace{display:grid;grid-template-columns:minmax(500px,1.3fr) minmax(320px,.7fr);margin-top:50px;background:#111114;min-height:650px}
.competence-map{position:relative;min-height:650px;overflow:hidden;background:radial-gradient(circle at center,rgba(220,38,38,.13),transparent 31%),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:auto,42px 42px,42px 42px}
.competence-lines{position:absolute;inset:0;width:100%;height:100%}.competence-lines line{stroke:rgba(255,255,255,.15);stroke-width:1;stroke-dasharray:5 7}
.skill-node{position:absolute;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:#17171b;color:#c8c8ce;font:600 11px Space Grotesk;cursor:pointer;box-shadow:0 14px 35px rgba(0,0,0,.25);transition:.3s;z-index:2}
.skill-node:hover,.skill-node.active{border-color:var(--yellow);color:#fff;box-shadow:0 0 0 7px rgba(250,204,21,.07),0 16px 40px rgba(0,0,0,.35)}
.node-center{left:50%;top:50%;width:165px;height:165px;background:var(--red);border-color:rgba(255,255,255,.3)}.node-center small{display:block;font-size:8px;letter-spacing:.15em;color:#ffd7d7;margin-bottom:8px}.node-center strong{font:650 18px/1.05 Space Grotesk}
.node-1{left:50%;top:11%}.node-2{left:81%;top:20%}.node-3{left:89%;top:50%}.node-4{left:79%;top:81%}.node-5{left:50%;top:90%}.node-6{left:20%;top:81%}.node-7{left:11%;top:50%}.node-8{left:20%;top:20%}
.competence-panel{padding:52px 45px;background:#f4f1ea;color:#17171b;display:flex;flex-direction:column}
.competence-panel>small{font:700 9px Space Grotesk;letter-spacing:.15em;color:var(--red)}
.skill-number{font:700 82px/.9 Space Grotesk;color:#dfdbd3;margin:45px 0 12px}
.competence-panel h3{font:650 34px/1.05 Space Grotesk;margin:0 0 20px}
.competence-panel>p{font-size:13px;line-height:1.8;color:#65656e}
.skill-meter{height:3px;background:#ddd8cf;margin:30px 0}.skill-meter i{display:block;width:92%;height:100%;background:linear-gradient(90deg,var(--red),var(--yellow));transition:width .45s ease}
.skill-projects{margin-top:5px}.skill-projects>small{text-transform:uppercase;letter-spacing:.13em;font-size:8px;color:#777780}.skill-projects div{display:flex;flex-wrap:wrap;gap:6px;margin-top:13px}.skill-projects span{padding:8px 10px;background:#e7e2d9;font:600 8px Space Grotesk;text-transform:uppercase;letter-spacing:.08em}
.skill-link{margin-top:auto;padding-top:30px;font:700 10px Space Grotesk;text-transform:uppercase;letter-spacing:.1em;color:#17171b}
@media(max-width:1000px){
  .ai-layout{grid-template-columns:1fr}.ai-menu{border-right:0;border-bottom:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:repeat(3,1fr)}.ai-tab{min-height:65px}
  .ai-cards{grid-template-columns:repeat(2,1fr)}
  .competence-workspace{grid-template-columns:1fr}.competence-map{min-height:620px}
}
@media(max-width:700px){
  .ai-menu{grid-template-columns:1fr 1fr}.ai-display{padding:35px 22px}.ai-display h3{margin-top:45px}.ai-display-head{display:block}.ai-display-head span{display:block;margin-top:8px}
  .ai-cards{grid-template-columns:1fr}.ai-card{min-height:auto}
  .competence-map{min-height:560px}.skill-node{width:77px;height:77px;font-size:9px}.node-center{width:125px;height:125px}.node-center strong{font-size:15px}
  .node-1{top:10%}.node-2{left:81%;top:21%}.node-3{left:87%}.node-4{left:79%;top:80%}.node-5{top:90%}.node-6{left:21%;top:80%}.node-7{left:13%}.node-8{left:19%;top:21%}
  .competence-panel{padding:38px 24px}.skill-number{font-size:60px}
}
@media(prefers-reduced-motion:reduce){.ai-status i{animation:none}}


/* ===== v7.4: DECISION ENGINE ===== */
.decision-section{background:#f4f1ea}
.decision-engine{margin-top:48px;background:#111114;color:#fff}
.decision-track{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid rgba(255,255,255,.12)}
.decision-step{position:relative;min-height:112px;padding:20px 12px;border:0;border-right:1px solid rgba(255,255,255,.1);background:transparent;color:#7f7f89;cursor:pointer;text-align:left;transition:.25s}
.decision-step:last-child{border-right:0}.decision-step span{display:block;font:700 9px Space Grotesk;color:#565660;margin-bottom:28px}.decision-step strong{font:600 11px Space Grotesk;text-transform:uppercase;letter-spacing:.08em}
.decision-step:after{content:"";position:absolute;left:0;right:100%;bottom:-1px;height:3px;background:var(--yellow);transition:.3s}
.decision-step:hover,.decision-step.active{color:#fff;background:rgba(255,255,255,.035)}.decision-step.active span{color:var(--yellow)}.decision-step.active:after{right:0}
.decision-display{display:grid;grid-template-columns:260px 1fr;min-height:500px}
.decision-number{display:grid;place-items:center;font:700 150px Space Grotesk;color:rgba(255,255,255,.055);border-right:1px solid rgba(255,255,255,.1);background:radial-gradient(circle at center,rgba(220,38,38,.16),transparent 48%)}
.decision-copy{padding:60px}.decision-copy>small{font:700 9px Space Grotesk;letter-spacing:.16em;color:var(--yellow)}.decision-copy h3{font:650 clamp(36px,5vw,66px)/1 Space Grotesk;margin:40px 0 22px}.decision-copy>p{max-width:790px;font-size:14px;line-height:1.8;color:#aaaab3}
.decision-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.1);margin:36px 0}.decision-grid div{background:#151519;padding:24px}.decision-grid small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#72727c;margin-bottom:12px}.decision-grid strong{font:600 15px/1.4 Space Grotesk}
.decision-tools{display:flex;flex-wrap:wrap;gap:7px}.decision-tools span{padding:9px 11px;border:1px solid rgba(255,255,255,.14);font:600 8px Space Grotesk;text-transform:uppercase;letter-spacing:.1em}

/* ===== v7.4: INSIGHTS ===== */
.insights-section{background:#ece8e0}
.insight-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:42px 0 28px}.insight-filters{display:flex;flex-wrap:wrap;gap:7px}.insight-filter{border:1px solid #d5d0c7;background:transparent;padding:10px 13px;font:600 9px Space Grotesk;text-transform:uppercase;letter-spacing:.1em;cursor:pointer}.insight-filter.active,.insight-filter:hover{background:#111114;color:#fff;border-color:#111114}.insight-count{font-size:10px;color:#777780}.insight-count b{color:var(--red);font:700 15px Space Grotesk}
.insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.insight-card{min-height:325px;background:#f7f4ee;border:1px solid #ded9d0;padding:28px;display:flex;flex-direction:column;transition:.3s}.insight-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(20,20,23,.1)}.insight-card.insight-featured{grid-column:span 2;background:#111114;color:#fff}
.insight-card.is-hidden{display:none}.insight-top{display:flex;justify-content:space-between;gap:15px}.insight-top span{font:700 9px Space Grotesk;color:var(--red);letter-spacing:.12em}.insight-featured .insight-top span{color:var(--yellow)}.insight-top small{font-size:8px;color:#86868e;letter-spacing:.1em}.insight-card h3{font:650 25px/1.12 Space Grotesk;margin:45px 0 17px}.insight-featured h3{font-size:38px;max-width:760px}.insight-card p{font-size:12px;line-height:1.75;color:#686870}.insight-featured p{color:#a3a3ac;max-width:700px}.insight-open{margin-top:auto;border:0;background:transparent;padding:24px 0 0;text-align:left;font:700 9px Space Grotesk;text-transform:uppercase;letter-spacing:.11em;cursor:pointer;color:inherit}
.insight-dialog{width:min(940px,calc(100% - 30px));max-height:92vh;border:0;padding:0;background:#f4f1ea}.insight-dialog::backdrop{background:rgba(5,5,7,.84);backdrop-filter:blur(8px)}.insight-dialog-inner{padding:65px;max-height:92vh;overflow:auto}.insight-close{position:absolute;right:17px;top:15px;width:38px;height:38px;border:1px solid #d5d0c7;background:transparent;font-size:25px;cursor:pointer}.insight-dialog-inner>small{display:block;margin-top:35px;font:700 9px Space Grotesk;letter-spacing:.13em;color:var(--red)}.insight-dialog h2{font:650 clamp(38px,6vw,70px)/1 Space Grotesk;margin:16px 0 28px}.insight-lead{font-size:17px;line-height:1.7;color:#55555e;border-bottom:1px solid #d7d2c9;padding-bottom:35px}.insight-body{display:grid;gap:20px;margin:35px 0}.insight-body p{font-size:14px;line-height:1.85;color:#62626a}.insight-takeaway{padding:28px;background:#111114;color:#fff}.insight-takeaway small{display:block;color:var(--yellow);font-size:8px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:13px}.insight-takeaway strong{font:600 20px/1.4 Space Grotesk}

/* ===== v7.4: MEDIA ===== */
.media-section{background:#101013;color:#fff}
.media-section .section-heading h2{color:#fff}.media-section .section-heading>p:last-child{color:#9999a2}
.media-dashboard{margin-top:48px}.media-hero{display:grid;grid-template-columns:1.15fr .85fr;min-height:500px;border:1px solid rgba(255,255,255,.12)}
.media-hero-visual{position:relative;overflow:hidden;background:radial-gradient(circle at 55% 45%,rgba(220,38,38,.34),transparent 34%),linear-gradient(135deg,#0d0d10,#21100f)}.media-kicker{position:absolute;left:24px;top:22px;font:700 9px Space Grotesk;letter-spacing:.16em;color:#8d8d97}.media-play{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:105px;height:105px;border-radius:50%;display:grid;place-items:center;padding-left:7px;border:1px solid rgba(255,255,255,.28);font-size:29px;color:var(--yellow);box-shadow:0 0 0 20px rgba(255,255,255,.025),0 0 65px rgba(220,38,38,.28)}
.media-wave{position:absolute;left:12%;right:12%;bottom:17%;height:70px;display:flex;gap:7px;align-items:center}.media-wave i{flex:1;height:var(--h);background:linear-gradient(var(--yellow),var(--red));animation:waveMove 1.6s ease-in-out infinite alternate}.media-wave i:nth-child(1){--h:20%}.media-wave i:nth-child(2){--h:55%;animation-delay:.1s}.media-wave i:nth-child(3){--h:90%;animation-delay:.2s}.media-wave i:nth-child(4){--h:45%;animation-delay:.3s}.media-wave i:nth-child(5){--h:75%;animation-delay:.15s}.media-wave i:nth-child(6){--h:35%;animation-delay:.25s}.media-wave i:nth-child(7){--h:60%;animation-delay:.05s}
.media-hero-copy{padding:55px;background:#16161a}.media-hero-copy>small{font:700 8px Space Grotesk;letter-spacing:.14em;color:var(--yellow)}.media-hero-copy h3{font:650 40px/1.05 Space Grotesk;margin:40px 0 22px}.media-hero-copy p{font-size:13px;line-height:1.8;color:#9c9ca5}.media-stats{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.1);margin-top:38px}.media-stats span{background:#16161a;padding:20px;font-size:9px;text-transform:uppercase;letter-spacing:.09em;color:#8c8c95}.media-stats b{display:block;font:700 25px Space Grotesk;color:#fff;margin-bottom:7px}
.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:1px;background:rgba(255,255,255,.1)}.media-tile{background:#101013;padding:28px;min-height:260px}.media-tile>span{font:700 10px Space Grotesk;color:var(--red)}.media-tile small{display:block;margin:32px 0 14px;font:700 8px Space Grotesk;color:#696973;letter-spacing:.13em}.media-tile h3{font:600 21px/1.15 Space Grotesk;margin:0 0 14px}.media-tile p{font-size:11px;line-height:1.7;color:#888891}
@keyframes waveMove{to{height:calc(var(--h) * .55)}}

/* ===== v7.4: TIMELINE ===== */
.timeline-section{background:#f4f1ea}
.career-timeline{display:grid;grid-template-columns:360px 1fr;margin-top:48px;background:#111114;color:#fff;min-height:520px}.timeline-nav{border-right:1px solid rgba(255,255,255,.12);padding:14px}.timeline-point{display:grid;grid-template-columns:34px 1fr;column-gap:14px;width:100%;padding:22px 16px;border:0;border-bottom:1px solid rgba(255,255,255,.08);background:transparent;color:#8b8b94;text-align:left;cursor:pointer;transition:.25s}.timeline-point span{grid-row:1/3;font:700 9px Space Grotesk;color:#55555e}.timeline-point b{font:600 12px Space Grotesk}.timeline-point small{font-size:8px;margin-top:6px;text-transform:uppercase;letter-spacing:.12em;color:#5f5f68}.timeline-point:hover,.timeline-point.active{background:rgba(255,255,255,.055);color:#fff}.timeline-point.active span{color:var(--yellow)}
.timeline-display{padding:60px;background:radial-gradient(circle at 85% 18%,rgba(220,38,38,.15),transparent 33%)}.timeline-display>small{font:700 9px Space Grotesk;letter-spacing:.14em;color:var(--yellow)}.timeline-display h3{font:650 clamp(36px,5vw,66px)/1 Space Grotesk;margin:60px 0 24px}.timeline-display p{max-width:760px;font-size:14px;line-height:1.8;color:#a3a3ac}.timeline-lessons{display:flex;flex-wrap:wrap;gap:7px;margin-top:35px}.timeline-lessons span{padding:9px 11px;border:1px solid rgba(255,255,255,.14);font:600 8px Space Grotesk;text-transform:uppercase;letter-spacing:.1em}

@media(max-width:1050px){
  .decision-track{grid-template-columns:repeat(4,1fr)}.decision-step:nth-child(4){border-right:0}.decision-display{grid-template-columns:180px 1fr}.decision-number{font-size:100px}
  .insights-grid{grid-template-columns:repeat(2,1fr)}.insight-card.insight-featured{grid-column:span 2}
  .media-hero{grid-template-columns:1fr}.media-hero-visual{min-height:430px}.media-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .decision-track{grid-template-columns:repeat(2,1fr)}.decision-step{min-height:90px}.decision-display{grid-template-columns:1fr}.decision-number{min-height:150px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1)}.decision-copy{padding:38px 23px}.decision-grid{grid-template-columns:1fr}
  .insight-controls{align-items:flex-start;flex-direction:column}.insights-grid{grid-template-columns:1fr}.insight-card.insight-featured{grid-column:auto}.insight-featured h3{font-size:29px}.insight-dialog-inner{padding:55px 23px 30px}
  .media-hero-copy{padding:38px 24px}.media-hero-copy h3{font-size:31px}.media-stats{grid-template-columns:1fr}.media-grid{grid-template-columns:1fr}
  .career-timeline{grid-template-columns:1fr}.timeline-nav{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.timeline-display{padding:42px 24px}.timeline-display h3{margin-top:45px}
}
@media(prefers-reduced-motion:reduce){.media-wave i{animation:none}}

/* ===== MB.ONE v8.0 — PRODUCTION LAYER ===== */
:root{scroll-behavior:smooth}
html{scroll-padding-top:88px}
body{overflow-x:hidden}
.skip-link{position:fixed;z-index:9999;left:16px;top:12px;transform:translateY(-160%);padding:12px 16px;background:#fff;color:#111114;font:700 11px Space Grotesk;text-transform:uppercase;letter-spacing:.08em;box-shadow:0 10px 30px rgba(0,0,0,.28);transition:transform .2s}
.skip-link:focus{transform:translateY(0)}
.page-progress{position:fixed;z-index:1200;left:0;right:0;top:0;height:3px;pointer-events:none}
.page-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--red),var(--yellow));will-change:width}
.topbar{transition:background .25s,box-shadow .25s,border-color .25s}
.topbar.is-scrolled{background:rgba(9,9,11,.93);box-shadow:0 12px 35px rgba(0,0,0,.2);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
#main-nav a{position:relative}
#main-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--yellow);transition:right .2s}
#main-nav a:hover:after,#main-nav a.is-active:after{right:0}
#main-nav a.is-active{color:#fff}
button,a{touch-action:manipulation}
a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}
dialog:focus-visible{outline:0}
.final-statement{background:#111114;color:#fff}
.final-statement-inner{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:start;padding:70px;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 85% 15%,rgba(220,38,38,.17),transparent 33%)}
.final-statement h2{font:650 clamp(40px,6vw,78px)/.98 Space Grotesk;margin:35px 0 0;max-width:850px}
.release-copy>p{font-size:14px;line-height:1.85;color:#aaaab3;margin:0 0 38px}
.release-meta{display:grid;gap:1px;background:rgba(255,255,255,.1)}
.release-meta span{display:block;background:#16161a;padding:20px}
.release-meta small{display:block;font-size:8px;text-transform:uppercase;letter-spacing:.13em;color:#686872;margin-bottom:8px}
.release-meta strong{font:600 12px Space Grotesk}
.footer-contact{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:28px;font-size:11px;color:#96969f}
.footer-contact a{color:#fff;text-decoration:none}
.footer-contact a:hover{text-decoration:underline}
.noscript{position:fixed;z-index:9999;left:16px;right:16px;bottom:16px;padding:14px;background:#facc15;color:#111114;font:600 12px/1.5 Inter}
img{max-width:100%;height:auto}
[hidden]{display:none!important}
@media(max-width:900px){.final-statement-inner{grid-template-columns:1fr;gap:35px;padding:45px 30px}}
@media(max-width:620px){html{scroll-padding-top:72px}.final-statement-inner{padding:36px 22px}.footer-actions{align-items:stretch}.footer-actions .btn{text-align:center}}
@media print{.topbar,.page-progress,.noise,.scroll-cue,.footer-actions,.project-filters,.insight-controls{display:none!important}body{background:#fff!important;color:#000!important}section,article{break-inside:avoid}}


/* ==========================================================
   MB.ONE — EXECUTIVE BLUE THEME
   Jasna, nowoczesna i przejrzysta wersja portfolio
   ========================================================== */

:root{
  --red:#2563eb;
  --yellow:#0ea5a4;
  --ink:#172033;
  --muted:#667085;
  --paper:#f7f9fc;
  --surface:#ffffff;
  --surface-soft:#eef3f7;
  --line:#dce3eb;
  --navy:#172033;
  --blue:#2563eb;
  --blue-dark:#1d4ed8;
  --teal:#0ea5a4;
  --shadow-soft:0 18px 45px rgba(23,32,51,.08);
  --shadow-card:0 12px 32px rgba(23,32,51,.07);
}

html{background:var(--paper)}
body.theme-executive-blue{
  background:var(--paper);
  color:var(--ink);
}
body.theme-executive-blue .noise{
  opacity:.025;
  mix-blend-mode:multiply;
}
body.theme-executive-blue .page-progress i{
  background:linear-gradient(90deg,var(--blue),var(--teal));
}

/* Header */
body.theme-executive-blue .topbar{
  background:rgba(247,249,252,.88);
  border-color:rgba(23,32,51,.08);
  color:var(--ink);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.theme-executive-blue .topbar.is-scrolled{
  background:rgba(255,255,255,.94);
  box-shadow:0 10px 35px rgba(23,32,51,.08);
}
body.theme-executive-blue .brand,
body.theme-executive-blue #main-nav a,
body.theme-executive-blue .menu-toggle{
  color:var(--ink);
}
body.theme-executive-blue #main-nav a.is-active{
  color:var(--blue);
}
body.theme-executive-blue #main-nav a:after{
  background:linear-gradient(90deg,var(--blue),var(--teal));
}
body.theme-executive-blue .top-cta{
  background:var(--blue);
  color:#fff;
  border-color:var(--blue);
}
body.theme-executive-blue .top-cta:hover{
  background:var(--blue-dark);
  border-color:var(--blue-dark);
}

/* Global typography and controls */
body.theme-executive-blue .eyebrow{
  color:var(--blue);
}
body.theme-executive-blue .eyebrow span{
  background:var(--teal);
}
body.theme-executive-blue .eyebrow.light{
  color:var(--blue);
}
body.theme-executive-blue .btn.primary{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}
body.theme-executive-blue .btn.primary:hover{
  background:var(--blue-dark);
  border-color:var(--blue-dark);
}
body.theme-executive-blue .btn.ghost,
body.theme-executive-blue .btn.ghost.light{
  border-color:var(--line);
  color:var(--ink);
  background:#fff;
}
body.theme-executive-blue .btn.ghost:hover,
body.theme-executive-blue .btn.ghost.light:hover{
  border-color:var(--blue);
  color:var(--blue);
}

/* Hero */
body.theme-executive-blue .hero{
  background:
    radial-gradient(circle at 78% 24%,rgba(37,99,235,.13),transparent 34%),
    radial-gradient(circle at 65% 72%,rgba(14,165,164,.09),transparent 28%),
    linear-gradient(180deg,#fbfcfe 0%,#f3f7fb 100%);
  color:var(--ink);
}
body.theme-executive-blue .hero h1,
body.theme-executive-blue .hero .hero-title,
body.theme-executive-blue .hero-copy h1{
  color:var(--navy);
}
body.theme-executive-blue .hero-copy p,
body.theme-executive-blue .hero .lead{
  color:var(--muted);
}
body.theme-executive-blue .hero-visual:before,
body.theme-executive-blue .hero-visual:after{
  background:linear-gradient(135deg,rgba(37,99,235,.18),rgba(14,165,164,.10));
}
body.theme-executive-blue .portrait-wrap{
  background:linear-gradient(180deg,#ffffff,#edf4fb);
  border:1px solid rgba(37,99,235,.12);
  box-shadow:0 28px 70px rgba(23,32,51,.12);
}
body.theme-executive-blue .floating-card,
body.theme-executive-blue .hero-card{
  background:rgba(255,255,255,.92);
  color:var(--ink);
  border:1px solid rgba(23,32,51,.08);
  box-shadow:var(--shadow-card);
}
body.theme-executive-blue .floating-card small,
body.theme-executive-blue .hero-card small{
  color:var(--blue);
}
body.theme-executive-blue .scroll-cue{
  color:var(--muted);
}

/* General sections */
body.theme-executive-blue .section-pad{
  color:var(--ink);
}
body.theme-executive-blue .section-heading h2{
  color:var(--navy);
}
body.theme-executive-blue .section-heading>p:last-child{
  color:var(--muted);
}
body.theme-executive-blue .story,
body.theme-executive-blue .projects,
body.theme-executive-blue .competence-section,
body.theme-executive-blue .insights-section,
body.theme-executive-blue .timeline-section,
body.theme-executive-blue .manifest,
body.theme-executive-blue .process,
body.theme-executive-blue .numbers{
  background:var(--paper);
  color:var(--ink);
}
body.theme-executive-blue .story:nth-of-type(even),
body.theme-executive-blue .projects:nth-of-type(even),
body.theme-executive-blue .manifest,
body.theme-executive-blue .numbers{
  background:var(--surface-soft);
}

/* Cards and surfaces */
body.theme-executive-blue .story-card,
body.theme-executive-blue .project-card,
body.theme-executive-blue .metric-card,
body.theme-executive-blue .process-card,
body.theme-executive-blue .ai-card,
body.theme-executive-blue .insight-card,
body.theme-executive-blue .media-tile,
body.theme-executive-blue .next-card{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:var(--shadow-card);
}
body.theme-executive-blue .story-card:hover,
body.theme-executive-blue .project-card:hover,
body.theme-executive-blue .insight-card:hover{
  transform:translateY(-5px);
  box-shadow:0 22px 55px rgba(23,32,51,.11);
  border-color:rgba(37,99,235,.24);
}
body.theme-executive-blue .project-card p,
body.theme-executive-blue .metric-card p,
body.theme-executive-blue .process-card p,
body.theme-executive-blue .insight-card p,
body.theme-executive-blue .ai-card p{
  color:var(--muted);
}
body.theme-executive-blue .project-card .tag,
body.theme-executive-blue .tags span,
body.theme-executive-blue .skill-projects span,
body.theme-executive-blue .decision-tools span,
body.theme-executive-blue .timeline-lessons span{
  background:#edf4ff;
  color:var(--blue);
  border-color:#d9e7ff;
}

/* Filters */
body.theme-executive-blue .project-filter,
body.theme-executive-blue .insight-filter{
  background:#fff;
  color:var(--ink);
  border-color:var(--line);
}
body.theme-executive-blue .project-filter:hover,
body.theme-executive-blue .project-filter.active,
body.theme-executive-blue .insight-filter:hover,
body.theme-executive-blue .insight-filter.active{
  background:var(--blue);
  border-color:var(--blue);
  color:#fff;
}

/* Dialogs */
body.theme-executive-blue dialog,
body.theme-executive-blue .project-dialog,
body.theme-executive-blue .insight-dialog{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 30px 90px rgba(23,32,51,.18);
}
body.theme-executive-blue dialog::backdrop{
  background:rgba(23,32,51,.38);
  backdrop-filter:blur(8px);
}
body.theme-executive-blue .project-close,
body.theme-executive-blue .insight-close{
  color:var(--ink);
  border-color:var(--line);
}
body.theme-executive-blue .insight-lead,
body.theme-executive-blue .insight-body p{
  color:var(--muted);
}
body.theme-executive-blue .insight-takeaway{
  background:#edf4ff;
  color:var(--ink);
}
body.theme-executive-blue .insight-takeaway small{
  color:var(--blue);
}

/* AI Lab */
body.theme-executive-blue .ai-lab{
  background:linear-gradient(180deg,#f3f7fb 0%,#edf4f8 100%);
  color:var(--ink);
}
body.theme-executive-blue .ai-lab:before{
  color:rgba(37,99,235,.035);
}
body.theme-executive-blue .ai-lab .section-heading h2{
  color:var(--navy);
}
body.theme-executive-blue .ai-lab .section-heading>p:last-child{
  color:var(--muted);
}
body.theme-executive-blue .ai-console{
  background:#fff;
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}
body.theme-executive-blue .ai-console-top{
  border-color:var(--line);
  color:var(--muted);
}
body.theme-executive-blue .ai-status i{
  background:var(--teal);
  box-shadow:0 0 14px rgba(14,165,164,.4);
}
body.theme-executive-blue .ai-menu{
  border-color:var(--line);
}
body.theme-executive-blue .ai-tab{
  color:var(--muted);
  border-color:#edf1f5;
}
body.theme-executive-blue .ai-tab:hover,
body.theme-executive-blue .ai-tab.active{
  background:#edf4ff;
  color:var(--blue);
}
body.theme-executive-blue .ai-tab.active span{
  color:var(--teal);
}
body.theme-executive-blue .ai-display{
  background:radial-gradient(circle at 85% 10%,rgba(37,99,235,.08),transparent 33%);
}
body.theme-executive-blue .ai-display-head,
body.theme-executive-blue .ai-display>p,
body.theme-executive-blue .ai-principle p{
  color:var(--muted);
}
body.theme-executive-blue .ai-display h3{
  color:var(--navy);
}
body.theme-executive-blue .ai-output span{
  background:#f7f9fc;
  color:var(--blue);
  border-color:#dfe7f1;
}
body.theme-executive-blue .ai-principle{
  border-color:var(--line);
}
body.theme-executive-blue .ai-principle b{
  color:var(--teal);
}
body.theme-executive-blue .ai-cards{
  background:transparent;
  gap:14px;
}

/* Competence Map */
body.theme-executive-blue .competence-section{
  background:#fbfcfe;
}
body.theme-executive-blue .competence-workspace{
  background:#fff;
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
body.theme-executive-blue .competence-map{
  background:
    radial-gradient(circle at center,rgba(37,99,235,.11),transparent 31%),
    linear-gradient(rgba(37,99,235,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(37,99,235,.035) 1px,transparent 1px),
    #f8fbff;
  background-size:auto,42px 42px,42px 42px;
}
body.theme-executive-blue .competence-lines line{
  stroke:rgba(37,99,235,.22);
}
body.theme-executive-blue .skill-node{
  background:#fff;
  color:var(--ink);
  border-color:#cfd9e6;
  box-shadow:0 12px 28px rgba(23,32,51,.08);
}
body.theme-executive-blue .skill-node:hover,
body.theme-executive-blue .skill-node.active{
  border-color:var(--blue);
  color:var(--blue);
  box-shadow:0 0 0 7px rgba(37,99,235,.08),0 16px 40px rgba(23,32,51,.12);
}
body.theme-executive-blue .node-center{
  background:linear-gradient(135deg,var(--navy),#243b63);
  color:#fff;
  border-color:transparent;
}
body.theme-executive-blue .node-center small{
  color:#c8d6ea;
}
body.theme-executive-blue .competence-panel{
  background:#fff;
  color:var(--ink);
}
body.theme-executive-blue .competence-panel>small{
  color:var(--blue);
}
body.theme-executive-blue .skill-number{
  color:#dce6f3;
}
body.theme-executive-blue .competence-panel>p{
  color:var(--muted);
}
body.theme-executive-blue .skill-meter{
  background:#e5ebf2;
}
body.theme-executive-blue .skill-meter i{
  background:linear-gradient(90deg,var(--blue),var(--teal));
}

/* Decision Engine */
body.theme-executive-blue .decision-section{
  background:var(--paper);
}
body.theme-executive-blue .decision-engine{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
body.theme-executive-blue .decision-track{
  border-color:var(--line);
}
body.theme-executive-blue .decision-step{
  color:var(--muted);
  border-color:var(--line);
}
body.theme-executive-blue .decision-step:hover,
body.theme-executive-blue .decision-step.active{
  background:#edf4ff;
  color:var(--blue);
}
body.theme-executive-blue .decision-step span,
body.theme-executive-blue .decision-step.active span{
  color:var(--teal);
}
body.theme-executive-blue .decision-step:after{
  background:linear-gradient(90deg,var(--blue),var(--teal));
}
body.theme-executive-blue .decision-number{
  color:rgba(37,99,235,.09);
  border-color:var(--line);
  background:radial-gradient(circle at center,rgba(37,99,235,.08),transparent 48%);
}
body.theme-executive-blue .decision-copy>small{
  color:var(--blue);
}
body.theme-executive-blue .decision-copy h3{
  color:var(--navy);
}
body.theme-executive-blue .decision-copy>p{
  color:var(--muted);
}
body.theme-executive-blue .decision-grid{
  background:var(--line);
}
body.theme-executive-blue .decision-grid div{
  background:#f9fbfd;
}
body.theme-executive-blue .decision-grid small{
  color:#8390a2;
}
body.theme-executive-blue .decision-tools span{
  background:#edf4ff;
  border-color:#d9e7ff;
}

/* Insights */
body.theme-executive-blue .insights-section{
  background:#eef3f7;
}
body.theme-executive-blue .insight-card.insight-featured{
  background:linear-gradient(135deg,#1f3b68,#2563eb);
  color:#fff;
  border-color:transparent;
}
body.theme-executive-blue .insight-featured p{
  color:#d9e4f4;
}
body.theme-executive-blue .insight-featured .insight-top span{
  color:#8fe0dc;
}
body.theme-executive-blue .insight-top span{
  color:var(--blue);
}
body.theme-executive-blue .insight-count b{
  color:var(--blue);
}

/* Media Center */
body.theme-executive-blue .media-section{
  background:#f8fbff;
  color:var(--ink);
}
body.theme-executive-blue .media-section .section-heading h2{
  color:var(--navy);
}
body.theme-executive-blue .media-section .section-heading>p:last-child{
  color:var(--muted);
}
body.theme-executive-blue .media-hero{
  border-color:var(--line);
  background:#fff;
  box-shadow:var(--shadow-soft);
}
body.theme-executive-blue .media-hero-visual{
  background:
    radial-gradient(circle at 55% 45%,rgba(37,99,235,.28),transparent 34%),
    linear-gradient(135deg,#1f3b68,#3b82f6);
}
body.theme-executive-blue .media-play{
  border-color:rgba(255,255,255,.5);
  color:#fff;
  box-shadow:0 0 0 20px rgba(255,255,255,.07),0 0 65px rgba(37,99,235,.35);
}
body.theme-executive-blue .media-wave i{
  background:linear-gradient(#8fe0dc,#ffffff);
}
body.theme-executive-blue .media-hero-copy{
  background:#fff;
}
body.theme-executive-blue .media-hero-copy>small{
  color:var(--blue);
}
body.theme-executive-blue .media-hero-copy h3{
  color:var(--navy);
}
body.theme-executive-blue .media-hero-copy p,
body.theme-executive-blue .media-tile p{
  color:var(--muted);
}
body.theme-executive-blue .media-stats{
  background:var(--line);
}
body.theme-executive-blue .media-stats span{
  background:#f8fbff;
  color:var(--muted);
}
body.theme-executive-blue .media-stats b{
  color:var(--navy);
}
body.theme-executive-blue .media-grid{
  background:transparent;
  gap:14px;
}
body.theme-executive-blue .media-tile{
  background:#fff;
  border:1px solid var(--line);
}
body.theme-executive-blue .media-tile>span{
  color:var(--blue);
}
body.theme-executive-blue .media-tile small{
  color:#8a97a8;
}

/* Timeline */
body.theme-executive-blue .timeline-section{
  background:#fff;
}
body.theme-executive-blue .career-timeline{
  background:#f8fbff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
body.theme-executive-blue .timeline-nav{
  border-color:var(--line);
}
body.theme-executive-blue .timeline-point{
  color:var(--muted);
  border-color:var(--line);
}
body.theme-executive-blue .timeline-point:hover,
body.theme-executive-blue .timeline-point.active{
  background:#edf4ff;
  color:var(--blue);
}
body.theme-executive-blue .timeline-point.active span{
  color:var(--teal);
}
body.theme-executive-blue .timeline-display{
  background:radial-gradient(circle at 85% 18%,rgba(37,99,235,.08),transparent 33%);
}
body.theme-executive-blue .timeline-display>small{
  color:var(--blue);
}
body.theme-executive-blue .timeline-display h3{
  color:var(--navy);
}
body.theme-executive-blue .timeline-display p{
  color:var(--muted);
}

/* Manifest, dashboard, process */
body.theme-executive-blue .manifest-card,
body.theme-executive-blue .dashboard,
body.theme-executive-blue .process-grid{
  background:#fff;
  color:var(--ink);
  border:1px solid var(--line);
  box-shadow:var(--shadow-soft);
}
body.theme-executive-blue .dashboard-number,
body.theme-executive-blue .metric-number{
  color:var(--blue);
}
body.theme-executive-blue .process-index{
  color:var(--teal);
}

/* Final statement */
body.theme-executive-blue .final-statement{
  background:linear-gradient(180deg,#eef3f7 0%,#f8fbff 100%);
  color:var(--ink);
}
body.theme-executive-blue .final-statement-inner{
  background:#fff;
  border-color:var(--line);
  box-shadow:var(--shadow-soft);
}
body.theme-executive-blue .final-statement h2{
  color:var(--navy);
}
body.theme-executive-blue .release-copy>p{
  color:var(--muted);
}
body.theme-executive-blue .release-meta{
  background:var(--line);
}
body.theme-executive-blue .release-meta span{
  background:#f8fbff;
}
body.theme-executive-blue .release-meta small{
  color:#7c899a;
}
body.theme-executive-blue .release-meta strong{
  color:var(--ink);
}

/* Footer */
body.theme-executive-blue footer,
body.theme-executive-blue .footer{
  background:var(--navy);
  color:#fff;
}
body.theme-executive-blue footer .eyebrow,
body.theme-executive-blue .footer .eyebrow{
  color:#8fe0dc;
}
body.theme-executive-blue .footer-contact{
  color:#b7c2d1;
}
body.theme-executive-blue .footer-contact a{
  color:#fff;
}

/* Mobile nav */
@media(max-width:900px){
  body.theme-executive-blue #main-nav{
    background:rgba(255,255,255,.98);
    border-color:var(--line);
    box-shadow:0 20px 50px rgba(23,32,51,.12);
  }
  body.theme-executive-blue #main-nav a{
    color:var(--ink);
  }
}

@media(prefers-reduced-motion:reduce){
  body.theme-executive-blue *{
    scroll-behavior:auto!important;
  }
}


/* ==========================================================
   MB.ONE v9 — STUDIO REDESIGN
   Apple × Stripe × industrial corporate clarity
   ========================================================== */

:root{
  --studio-red:#d92d2d;
  --studio-red-dark:#b91f1f;
  --studio-ink:#17191d;
  --studio-ink-2:#20242a;
  --studio-charcoal:#292d34;
  --studio-paper:#f5f6f8;
  --studio-white:#ffffff;
  --studio-soft:#eceff3;
  --studio-line:#d9dee5;
  --studio-muted:#697386;
  --studio-muted-dark:#aab1bd;
  --studio-shadow:0 22px 60px rgba(20,24,32,.10);
  --studio-shadow-dark:0 30px 80px rgba(0,0,0,.28);
}

html{background:var(--studio-paper)}
body.theme-studio-redesign{
  background:var(--studio-paper);
  color:var(--studio-ink);
}
body.theme-studio-redesign .noise{
  opacity:.022;
  mix-blend-mode:multiply;
}
body.theme-studio-redesign .page-progress i{
  background:var(--studio-red);
}
body.theme-studio-redesign ::selection{
  background:rgba(217,45,45,.18);
  color:var(--studio-ink);
}

/* ===== HEADER ===== */
body.theme-studio-redesign .topbar{
  background:rgba(255,255,255,.96);
  color:var(--studio-ink);
  border-color:rgba(23,25,29,.09);
  box-shadow:0 1px 0 rgba(23,25,29,.05);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.theme-studio-redesign .topbar.is-scrolled{
  background:rgba(255,255,255,.98);
  box-shadow:0 12px 40px rgba(20,24,32,.09);
}
body.theme-studio-redesign .brand,
body.theme-studio-redesign #main-nav a,
body.theme-studio-redesign .menu-toggle{
  color:var(--studio-ink);
}
body.theme-studio-redesign .brand span{
  background:var(--studio-ink);
  color:#fff;
  border-left:4px solid var(--studio-red);
  padding:8px 9px;
}
body.theme-studio-redesign .brand b{
  color:var(--studio-red);
}
body.theme-studio-redesign #main-nav a:after{
  background:var(--studio-red);
}
body.theme-studio-redesign #main-nav a.is-active{
  color:var(--studio-red);
}
body.theme-studio-redesign .top-cta{
  background:var(--studio-red);
  border-color:var(--studio-red);
  color:#fff;
}
body.theme-studio-redesign .top-cta:hover{
  background:var(--studio-red-dark);
  border-color:var(--studio-red-dark);
}

/* ===== GLOBAL ===== */
body.theme-studio-redesign .eyebrow,
body.theme-studio-redesign .eyebrow.light{
  color:var(--studio-red);
}
body.theme-studio-redesign .eyebrow span,
body.theme-studio-redesign .eyebrow.light span{
  background:var(--studio-red);
}
body.theme-studio-redesign .section-heading h2{
  color:var(--studio-ink);
}
body.theme-studio-redesign .section-heading>p:last-child{
  color:var(--studio-muted);
}
body.theme-studio-redesign .btn.primary{
  background:var(--studio-red);
  color:#fff;
  border-color:var(--studio-red);
}
body.theme-studio-redesign .btn.primary:hover{
  background:var(--studio-red-dark);
  border-color:var(--studio-red-dark);
}
body.theme-studio-redesign .btn.ghost,
body.theme-studio-redesign .btn.ghost.light{
  background:transparent;
  color:inherit;
  border-color:currentColor;
}
body.theme-studio-redesign .project-filter.active,
body.theme-studio-redesign .project-filter:hover,
body.theme-studio-redesign .insight-filter.active,
body.theme-studio-redesign .insight-filter:hover{
  background:var(--studio-ink);
  border-color:var(--studio-ink);
  color:#fff;
}

/* ===== HERO: DARK, PREMIUM, HIGH-CONTRAST ===== */
body.theme-studio-redesign .hero{
  min-height:calc(100vh - 76px);
  background:
    radial-gradient(circle at 78% 25%,rgba(217,45,45,.23),transparent 31%),
    radial-gradient(circle at 72% 82%,rgba(255,255,255,.06),transparent 25%),
    linear-gradient(135deg,#141619 0%,#1b1e23 55%,#24282f 100%);
  color:#fff;
  border-bottom:1px solid #30343b;
}
body.theme-studio-redesign .hero:before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background-image:radial-gradient(rgba(255,255,255,.10) 1px,transparent 1px);
  background-size:18px 18px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.45),transparent 78%);
  opacity:.25;
}
body.theme-studio-redesign .hero-copy{
  position:relative;
  z-index:2;
}
body.theme-studio-redesign .hero h1,
body.theme-studio-redesign .hero-copy h1{
  color:#fff;
  letter-spacing:-.055em;
}
body.theme-studio-redesign .hero h1 em{
  color:var(--studio-red);
}
body.theme-studio-redesign .hero-lead{
  color:#c6cbd4;
}
body.theme-studio-redesign .hero-signature{
  color:#fff;
  border-color:rgba(255,255,255,.16);
}
body.theme-studio-redesign .hero-signature span{
  color:#9da5b1;
}
body.theme-studio-redesign .hero .btn.ghost{
  color:#fff;
  border-color:#696f79;
}
body.theme-studio-redesign .hero .btn.ghost:hover{
  background:#fff;
  color:var(--studio-ink);
  border-color:#fff;
}
body.theme-studio-redesign .portrait-stage{
  filter:none;
}
body.theme-studio-redesign .portrait-stage img{
  filter:drop-shadow(0 34px 60px rgba(0,0,0,.45));
}
body.theme-studio-redesign .light-field{
  background:
    radial-gradient(circle at 50% 45%,rgba(217,45,45,.22),transparent 37%),
    linear-gradient(180deg,rgba(255,255,255,.05),transparent);
  border:1px solid rgba(255,255,255,.09);
}
body.theme-studio-redesign .light-field .glow.red{
  background:rgba(217,45,45,.32);
}
body.theme-studio-redesign .light-field .glow.yellow{
  background:rgba(255,255,255,.10);
}
body.theme-studio-redesign .light-field b{
  color:rgba(255,255,255,.05);
}
body.theme-studio-redesign .status-card{
  background:rgba(19,21,25,.92);
  color:#fff;
  border:1px solid rgba(255,255,255,.15);
  box-shadow:var(--studio-shadow-dark);
}
body.theme-studio-redesign .status-card small{
  color:#999faa;
}
body.theme-studio-redesign .status-dot{
  background:var(--studio-red);
  box-shadow:0 0 0 7px rgba(217,45,45,.14);
}
body.theme-studio-redesign .scroll-cue{
  color:#9da5b1;
}

/* ===== METRICS: DARK CONTINUATION ===== */
body.theme-studio-redesign .metric-strip{
  background:#101216;
  color:#fff;
  border-color:#30343b;
}
body.theme-studio-redesign .metric-strip article{
  border-color:#30343b;
}
body.theme-studio-redesign .metric-strip strong{
  color:#fff;
}
body.theme-studio-redesign .metric-strip article:first-child strong,
body.theme-studio-redesign .metric-strip article:last-child strong{
  color:var(--studio-red);
}
body.theme-studio-redesign .metric-strip span{
  color:#929aa6;
}

/* ===== STORY: CLEAN EDITORIAL ===== */
body.theme-studio-redesign .story{
  background:#fff;
  color:var(--studio-ink);
}
body.theme-studio-redesign .story-copy p{
  color:#5d6675;
}
body.theme-studio-redesign .story-copy .lead,
body.theme-studio-redesign .story-copy blockquote{
  color:var(--studio-ink);
}
body.theme-studio-redesign .story-copy blockquote{
  border-color:var(--studio-red);
  background:#f7f7f8;
}
body.theme-studio-redesign .story-rail span{
  color:var(--studio-red);
}
body.theme-studio-redesign .story-rail i{
  background:var(--studio-line);
}
body.theme-studio-redesign .story-card{
  background:var(--studio-ink);
  color:#fff;
  border:0;
  box-shadow:var(--studio-shadow-dark);
}
body.theme-studio-redesign .story-card small{
  color:var(--studio-red);
}
body.theme-studio-redesign .story-card p{
  color:#afb5bf;
}

/* ===== PROJECTS: LIGHT INDUSTRIAL CARDS ===== */
body.theme-studio-redesign .projects{
  background:var(--studio-soft);
}
body.theme-studio-redesign .project-filter{
  background:#fff;
  color:var(--studio-ink);
  border-color:#cfd5dd;
}
body.theme-studio-redesign .project-card{
  background:#fff;
  color:var(--studio-ink);
  border:1px solid #d8dde4;
  box-shadow:0 12px 35px rgba(20,24,32,.07);
}
body.theme-studio-redesign .project-card:hover{
  border-color:#bbbfc6;
  box-shadow:0 24px 60px rgba(20,24,32,.12);
}
body.theme-studio-redesign .project-featured{
  border-top:4px solid var(--studio-red);
}
body.theme-studio-redesign .project-card p,
body.theme-studio-redesign .project-card li{
  color:#626c7a;
}
body.theme-studio-redesign .project-meta span,
body.theme-studio-redesign .project-open,
body.theme-studio-redesign .visual-label{
  color:var(--studio-red);
}
body.theme-studio-redesign .project-visual{
  background:#1c1f24;
  border-bottom:1px solid #32363e;
}
body.theme-studio-redesign .visual-panel,
body.theme-studio-redesign .visual-b2b,
body.theme-studio-redesign .visual-tv,
body.theme-studio-redesign .visual-academy,
body.theme-studio-redesign .visual-crm,
body.theme-studio-redesign .visual-loyalty,
body.theme-studio-redesign .visual-leads{
  background:
    radial-gradient(circle at 70% 28%,rgba(217,45,45,.20),transparent 28%),
    linear-gradient(135deg,#17191d,#2a2e35);
}
body.theme-studio-redesign .project-dialog,
body.theme-studio-redesign .insight-dialog{
  background:#fff;
  color:var(--studio-ink);
}
body.theme-studio-redesign dialog::backdrop{
  background:rgba(14,16,19,.76);
}

/* ===== AI LAB: LIGHT CONTROL ROOM ===== */
body.theme-studio-redesign .ai-lab{
  background:#f7f8fa;
  color:var(--studio-ink);
}
body.theme-studio-redesign .ai-lab .section-heading h2{
  color:var(--studio-ink);
}
body.theme-studio-redesign .ai-lab .section-heading>p:last-child{
  color:var(--studio-muted);
}
body.theme-studio-redesign .ai-console{
  background:#fff;
  border:1px solid #cfd5dd;
  box-shadow:var(--studio-shadow);
}
body.theme-studio-redesign .ai-console-top{
  color:#687284;
  border-color:#d9dee5;
  background:#fbfbfc;
}
body.theme-studio-redesign .ai-status i{
  background:var(--studio-red);
  box-shadow:0 0 12px rgba(217,45,45,.35);
}
body.theme-studio-redesign .ai-menu{
  background:#f4f5f7;
  border-color:#d9dee5;
}
body.theme-studio-redesign .ai-tab{
  color:#596475;
  border-color:#dfe3e8;
}
body.theme-studio-redesign .ai-tab:hover,
body.theme-studio-redesign .ai-tab.active{
  background:#fff;
  color:var(--studio-ink);
  box-shadow:inset 4px 0 0 var(--studio-red);
}
body.theme-studio-redesign .ai-tab.active span{
  color:var(--studio-red);
}
body.theme-studio-redesign .ai-display{
  background:
    radial-gradient(circle at 88% 10%,rgba(217,45,45,.07),transparent 31%),
    #fff;
}
body.theme-studio-redesign .ai-display h3{
  color:var(--studio-ink);
}
body.theme-studio-redesign .ai-display-head,
body.theme-studio-redesign .ai-display>p,
body.theme-studio-redesign .ai-principle p{
  color:#687284;
}
body.theme-studio-redesign .ai-output span{
  background:#f4f5f7;
  color:#4f5968;
  border-color:#d5dae1;
}
body.theme-studio-redesign .ai-principle{
  border-color:#d9dee5;
}
body.theme-studio-redesign .ai-principle b{
  color:var(--studio-red);
}
body.theme-studio-redesign .ai-cards{
  gap:18px;
  background:transparent;
}
body.theme-studio-redesign .ai-card{
  background:#fff;
  color:var(--studio-ink);
  border:1px solid #d9dee5;
  box-shadow:0 10px 30px rgba(20,24,32,.06);
}
body.theme-studio-redesign .ai-card>span{
  color:var(--studio-red);
}
body.theme-studio-redesign .ai-card p{
  color:#667080;
}

/* ===== COMPETENCE MAP: DARK SIGNATURE BLOCK ===== */
body.theme-studio-redesign .competence-section{
  background:#17191d;
  color:#fff;
}
body.theme-studio-redesign .competence-section .section-heading h2{
  color:#fff;
}
body.theme-studio-redesign .competence-section .section-heading>p:last-child{
  color:#aab1bd;
}
body.theme-studio-redesign .competence-workspace{
  background:#202329;
  border:1px solid #343941;
  box-shadow:var(--studio-shadow-dark);
}
body.theme-studio-redesign .competence-map{
  background:
    radial-gradient(circle at center,rgba(217,45,45,.18),transparent 29%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),
    #181a1f;
  background-size:auto,42px 42px,42px 42px;
}
body.theme-studio-redesign .competence-lines line{
  stroke:rgba(255,255,255,.14);
}
body.theme-studio-redesign .skill-node{
  background:#25282f;
  color:#e7e9ed;
  border-color:#4b505a;
  box-shadow:0 14px 32px rgba(0,0,0,.24);
}
body.theme-studio-redesign .skill-node:hover,
body.theme-studio-redesign .skill-node.active{
  background:#fff;
  color:var(--studio-ink);
  border-color:#fff;
  box-shadow:0 0 0 7px rgba(217,45,45,.18),0 20px 50px rgba(0,0,0,.34);
}
body.theme-studio-redesign .node-center{
  background:var(--studio-red);
  color:#fff;
  border-color:var(--studio-red);
}
body.theme-studio-redesign .node-center small{
  color:#ffe2e2;
}
body.theme-studio-redesign .competence-panel{
  background:#202329;
  color:#fff;
  border-left:1px solid #343941;
}
body.theme-studio-redesign .competence-panel>small{
  color:var(--studio-red);
}
body.theme-studio-redesign .competence-panel>p{
  color:#aab1bd;
}
body.theme-studio-redesign .skill-number{
  color:rgba(255,255,255,.07);
}
body.theme-studio-redesign .skill-meter{
  background:#343941;
}
body.theme-studio-redesign .skill-meter i{
  background:var(--studio-red);
}
body.theme-studio-redesign .skill-projects span{
  background:#2a2e35;
  color:#d7dbe1;
  border-color:#41464f;
}

/* ===== DECISION ENGINE: LIGHT WITH CLEAR DEPTH ===== */
body.theme-studio-redesign .decision-section{
  background:#eceff3;
}
body.theme-studio-redesign .decision-engine{
  background:#fff;
  color:var(--studio-ink);
  border:1px solid #cfd5dd;
  box-shadow:var(--studio-shadow);
}
body.theme-studio-redesign .decision-track{
  background:#f4f5f7;
  border-color:#cfd5dd;
}
body.theme-studio-redesign .decision-step{
  color:#6a7484;
  border-color:#cfd5dd;
}
body.theme-studio-redesign .decision-step:hover,
body.theme-studio-redesign .decision-step.active{
  background:#fff;
  color:var(--studio-ink);
}
body.theme-studio-redesign .decision-step.active{
  box-shadow:inset 0 -4px 0 var(--studio-red);
}
body.theme-studio-redesign .decision-step:after{
  display:none;
}
body.theme-studio-redesign .decision-step span,
body.theme-studio-redesign .decision-step.active span{
  color:var(--studio-red);
}
body.theme-studio-redesign .decision-display{
  background:#fff;
}
body.theme-studio-redesign .decision-number{
  color:rgba(23,25,29,.06);
  background:#f4f5f7;
  border-color:#cfd5dd;
}
body.theme-studio-redesign .decision-copy>small{
  color:var(--studio-red);
}
body.theme-studio-redesign .decision-copy h3{
  color:var(--studio-ink);
}
body.theme-studio-redesign .decision-copy>p{
  color:#606a79;
}
body.theme-studio-redesign .decision-grid{
  background:#d5dae1;
}
body.theme-studio-redesign .decision-grid div{
  background:#f7f8fa;
}
body.theme-studio-redesign .decision-tools span{
  background:#fff;
  color:#565f6d;
  border-color:#cfd5dd;
}

/* ===== INSIGHTS: WHITE + ONE STRONG DARK FEATURE ===== */
body.theme-studio-redesign .insights-section{
  background:#fff;
}
body.theme-studio-redesign .insight-filter{
  background:#fff;
  color:var(--studio-ink);
  border-color:#cfd5dd;
}
body.theme-studio-redesign .insight-card{
  background:#f7f8fa;
  color:var(--studio-ink);
  border:1px solid #d9dee5;
  box-shadow:none;
}
body.theme-studio-redesign .insight-card:hover{
  border-color:#babfc7;
  box-shadow:0 18px 45px rgba(20,24,32,.09);
}
body.theme-studio-redesign .insight-card.insight-featured{
  background:linear-gradient(135deg,#17191d,#282c33);
  color:#fff;
  border-top:4px solid var(--studio-red);
}
body.theme-studio-redesign .insight-card p{
  color:#657080;
}
body.theme-studio-redesign .insight-featured p{
  color:#afb6c0;
}
body.theme-studio-redesign .insight-top span,
body.theme-studio-redesign .insight-featured .insight-top span,
body.theme-studio-redesign .insight-count b{
  color:var(--studio-red);
}
body.theme-studio-redesign .insight-takeaway{
  background:#17191d;
  color:#fff;
}
body.theme-studio-redesign .insight-takeaway small{
  color:var(--studio-red);
}

/* ===== MEDIA: DARK, CINEMATIC ===== */
body.theme-studio-redesign .media-section{
  background:#15171b;
  color:#fff;
}
body.theme-studio-redesign .media-section .section-heading h2{
  color:#fff;
}
body.theme-studio-redesign .media-section .section-heading>p:last-child{
  color:#aab1bd;
}
body.theme-studio-redesign .media-hero{
  background:#202329;
  border:1px solid #343941;
  box-shadow:var(--studio-shadow-dark);
}
body.theme-studio-redesign .media-hero-visual{
  background:
    radial-gradient(circle at 55% 45%,rgba(217,45,45,.36),transparent 34%),
    linear-gradient(135deg,#111317,#2b2f36);
}
body.theme-studio-redesign .media-play{
  color:#fff;
  border-color:rgba(255,255,255,.46);
  box-shadow:0 0 0 20px rgba(255,255,255,.045),0 0 75px rgba(217,45,45,.35);
}
body.theme-studio-redesign .media-wave i{
  background:linear-gradient(#fff,var(--studio-red));
}
body.theme-studio-redesign .media-hero-copy{
  background:#202329;
}
body.theme-studio-redesign .media-hero-copy>small{
  color:var(--studio-red);
}
body.theme-studio-redesign .media-hero-copy h3{
  color:#fff;
}
body.theme-studio-redesign .media-hero-copy p{
  color:#aab1bd;
}
body.theme-studio-redesign .media-stats{
  background:#383d45;
}
body.theme-studio-redesign .media-stats span{
  background:#202329;
  color:#929aa6;
}
body.theme-studio-redesign .media-stats b{
  color:#fff;
}
body.theme-studio-redesign .media-grid{
  background:transparent;
  gap:14px;
}
body.theme-studio-redesign .media-tile{
  background:#202329;
  color:#fff;
  border:1px solid #343941;
  box-shadow:none;
}
body.theme-studio-redesign .media-tile>span{
  color:var(--studio-red);
}
body.theme-studio-redesign .media-tile small{
  color:#7f8792;
}
body.theme-studio-redesign .media-tile p{
  color:#aab1bd;
}

/* ===== TIMELINE: CRISP LIGHT ===== */
body.theme-studio-redesign .timeline-section{
  background:#f2f3f5;
}
body.theme-studio-redesign .career-timeline{
  background:#fff;
  color:var(--studio-ink);
  border:1px solid #cfd5dd;
  box-shadow:var(--studio-shadow);
}
body.theme-studio-redesign .timeline-nav{
  background:#f4f5f7;
  border-color:#cfd5dd;
}
body.theme-studio-redesign .timeline-point{
  color:#606a79;
  border-color:#d9dee5;
}
body.theme-studio-redesign .timeline-point:hover,
body.theme-studio-redesign .timeline-point.active{
  background:#fff;
  color:var(--studio-ink);
  box-shadow:inset 4px 0 0 var(--studio-red);
}
body.theme-studio-redesign .timeline-point.active span{
  color:var(--studio-red);
}
body.theme-studio-redesign .timeline-display{
  background:
    radial-gradient(circle at 86% 14%,rgba(217,45,45,.06),transparent 29%),
    #fff;
}
body.theme-studio-redesign .timeline-display>small{
  color:var(--studio-red);
}
body.theme-studio-redesign .timeline-display h3{
  color:var(--studio-ink);
}
body.theme-studio-redesign .timeline-display p{
  color:#657080;
}
body.theme-studio-redesign .timeline-lessons span{
  background:#f4f5f7;
  color:#555e6c;
  border-color:#d5dae1;
}

/* ===== MANIFEST: DARK BAND ===== */
body.theme-studio-redesign .manifest{
  background:#17191d;
  color:#fff;
}
body.theme-studio-redesign .manifest h2{
  color:#fff;
}
body.theme-studio-redesign .manifest-intro>p:last-child{
  color:#aab1bd;
}
body.theme-studio-redesign .beliefs{
  border-color:#343941;
}
body.theme-studio-redesign .beliefs article{
  border-color:#343941;
  background:#1d2025;
}
body.theme-studio-redesign .beliefs article span{
  color:var(--studio-red);
}
body.theme-studio-redesign .beliefs article h3{
  color:#fff;
}
body.theme-studio-redesign .beliefs article p{
  color:#aab1bd;
}

/* ===== SCALE: WHITE DASHBOARD ===== */
body.theme-studio-redesign .scale{
  background:#fff;
}
body.theme-studio-redesign .dashboard{
  background:#d9dee5;
  gap:1px;
  border:1px solid #d9dee5;
  box-shadow:var(--studio-shadow);
}
body.theme-studio-redesign .dash-main,
body.theme-studio-redesign .dash-card{
  background:#f7f8fa;
  color:var(--studio-ink);
}
body.theme-studio-redesign .dash-main{
  background:#17191d;
  color:#fff;
}
body.theme-studio-redesign .dash-main p{
  color:#adb4bf;
}
body.theme-studio-redesign .dash-main small,
body.theme-studio-redesign .dash-card small{
  color:var(--studio-red);
}
body.theme-studio-redesign .dash-card p{
  color:#697386;
}
body.theme-studio-redesign .bars i{
  background:var(--studio-red);
}

/* ===== PROCESS: SOFT GRAY ===== */
body.theme-studio-redesign .process{
  background:#eceff3;
}
body.theme-studio-redesign .process-line{
  background:#cfd5dd;
  gap:1px;
  border:1px solid #cfd5dd;
}
body.theme-studio-redesign .process-line article{
  background:#fff;
  color:var(--studio-ink);
}
body.theme-studio-redesign .process-line article span{
  color:var(--studio-red);
}
body.theme-studio-redesign .process-line article p{
  color:#697386;
}

/* ===== FINAL STATEMENT ===== */
body.theme-studio-redesign .final-statement{
  background:#fff;
  color:var(--studio-ink);
}
body.theme-studio-redesign .final-statement-inner{
  background:
    linear-gradient(90deg,rgba(217,45,45,.05),transparent 40%),
    #f7f8fa;
  border:1px solid #d9dee5;
  border-left:5px solid var(--studio-red);
  box-shadow:var(--studio-shadow);
}
body.theme-studio-redesign .final-statement h2{
  color:var(--studio-ink);
}
body.theme-studio-redesign .release-copy>p{
  color:#657080;
}
body.theme-studio-redesign .release-meta{
  background:#d9dee5;
}
body.theme-studio-redesign .release-meta span{
  background:#fff;
}
body.theme-studio-redesign .release-meta small{
  color:#7c8593;
}
body.theme-studio-redesign .release-meta strong{
  color:var(--studio-ink);
}

/* ===== FOOTER ===== */
body.theme-studio-redesign footer{
  background:#0f1114;
  color:#fff;
  border-top:4px solid var(--studio-red);
}
body.theme-studio-redesign footer h2{
  color:#fff;
}
body.theme-studio-redesign .footer-contact{
  color:#aab1bd;
}
body.theme-studio-redesign .footer-contact a{
  color:#fff;
}
body.theme-studio-redesign footer .btn.ghost.light{
  color:#fff;
  border-color:#5a606a;
}
body.theme-studio-redesign footer .btn.ghost.light:hover{
  background:#fff;
  color:var(--studio-ink);
  border-color:#fff;
}

/* ===== MOBILE ===== */
@media(max-width:900px){
  body.theme-studio-redesign #main-nav{
    background:#fff;
    border:1px solid #d9dee5;
    box-shadow:0 24px 60px rgba(20,24,32,.15);
  }
  body.theme-studio-redesign #main-nav a{
    color:var(--studio-ink);
  }
}
@media(max-width:760px){
  body.theme-studio-redesign .hero{
    min-height:auto;
  }
  body.theme-studio-redesign .decision-track{
    background:#f4f5f7;
  }
  body.theme-studio-redesign .decision-number{
    background:#f4f5f7;
  }
}
