/* A black glass vault: cold neutral fog with light reserved for actions. */
:root {--ink:#050505;--surface:#131313;--text:#f1f2ef;--muted:#a8aaa6;--hairline:#ffffff1c;}
body {background:var(--ink);}
.mobile-site {background:transparent;}
.atmosphere {position:fixed;inset:0 auto 0 50%;transform:translateX(-50%);width:min(100%,480px);pointer-events:none;overflow:hidden;background:radial-gradient(ellipse at 10% 25%,#151515,transparent 58%),linear-gradient(#050505,#0b0b0b 55%,#050505);}
.atmosphere:before {content:'';position:absolute;inset:0;opacity:.09;background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(black,transparent 78%);}
.fog {position:absolute;inset:-18%;filter:blur(45px);opacity:.24;background:radial-gradient(ellipse at 15% 12%,#ffffff23,transparent 38%),radial-gradient(ellipse at 92% 56%,#ffffff14,transparent 31%),radial-gradient(ellipse at 20% 92%,#ffffff18,transparent 34%);animation:fog-drift 28s ease-in-out infinite alternate;}
@keyframes fog-drift {from {transform:translate3d(-2%,-2%,0) scale(1);} to {transform:translate3d(5%,4%,0) scale(1.08);}}
.topbar {border-bottom:1px solid #ffffff10;margin:0 16px;padding-inline:4px;}
.brand span {font-size:14px;letter-spacing:.15px;}
.brand-logo {filter:invert(1);}
.eyebrow {color:var(--muted);}
.section h2,.profile-copy h3 {color:var(--text);}
.circle-button {background:linear-gradient(145deg,#ffffff0b,#ffffff03);border-color:#ffffff25;color:#e5e5e5;box-shadow:inset 0 1px #ffffff12;backdrop-filter:blur(14px);}
.creative-tile {padding:0;border:1px solid #ffffff2c;box-shadow:inset 0 1px #ffffff18,0 5px 20px #0005;text-align:left;}
.creative-tile img {opacity:.84;}
.creative-tile:after {background:linear-gradient(155deg,#ffffff08,transparent 48%),linear-gradient(transparent 27%,#030303ee);}
.creative-tile .icon {color:#f2f2f2;}
.hero,.work-card {border:1px solid #ffffff38;box-shadow:0 12px 40px #0008;}
.hero-video {filter:saturate(.55) contrast(1.04);}
.hero-shade {background:linear-gradient(180deg,#00000010 20%,#00000033 42%,#030303f5 100%);}
.hero h1 {text-shadow:0 2px 16px #0008;}
.glass-tag {border-color:#ffffff36;background:linear-gradient(120deg,#ffffff13,#ffffff07);box-shadow:inset 0 1px #ffffff22;color:#ededed;}
.capability-captions {border-bottom:1px solid #ffffff12;padding-bottom:28px;margin-inline:16px;padding-inline:8px;}
.capability-captions span {color:#e3e3e3;}
.section-number,.service-index {color:#8a8a8a;}
.work-card:after {background:linear-gradient(transparent 56%,#030303e6);}
.play-circle {background:linear-gradient(145deg,#ffffff22,#ffffff0c);border-color:#ffffff55;color:#f0f0f0;box-shadow:inset 0 1px #ffffff30;}
.gallery-dots span {background:#353535;}
.services-list {border:1px solid var(--hairline);border-radius:24px;overflow:hidden;background:linear-gradient(145deg,#151515b8,#090909cc);backdrop-filter:blur(16px);}
.service:last-child {border-bottom:0;}
.service summary {padding-inline:14px;}
.service-body {padding-inline:45px 22px;}
.service[open] {background:linear-gradient(120deg,#ffffff02,#f9ff3f04);}
.text-button {background:#ffffff06;border-color:#f9ff3f35;color:#fff1c0;}
.profile-card,.campaign-card,.growth-grid article,.contact-section {border-color:#ffffff21;box-shadow:inset 0 1px #ffffff0c,0 12px 28px #0006;backdrop-filter:blur(20px);}
.profile-card {background:linear-gradient(150deg,#161616c9,#090909e8);}
.profile-cover img {filter:saturate(.7);}
.profile-cover:after {background:linear-gradient(transparent,#0c0c0c);}
.profile-avatar {background:#111;border-color:#f9ff3f6b;box-shadow:0 0 26px #f9ff3f24;}
.campaign-card {background:linear-gradient(125deg,#181818b8,#0c0c0ce0);}
.campaign-card .glass-tag {border-color:#ffffff26;}
.campaign-card p,.growth-grid p {color:var(--muted);}
.roadmap span {background:#ffffff05;border-color:#ffffff1f;color:#e0e0e0;}
.growth-grid article,.growth-grid article:nth-child(2),.growth-grid article:nth-child(3),.growth-grid article:nth-child(4) {background:linear-gradient(145deg,#171717cb,#0a0a0ae0);}
.contact-section {background:#111111b8;}
.contact-glow {background:radial-gradient(ellipse at 100% 100%,#ffffff07,transparent 75%),radial-gradient(ellipse at 10% 5%,#ffffff06,transparent 60%);}
.footer-links p,.footer-contact>p:first-child {color:#909090;}
.legal a {color:#aaa;}
.bottom-nav {background:linear-gradient(120deg,#ffffff0e,#0d0d0dec 45%,#ffffff0a);border-color:#ffffff38;box-shadow:0 8px 30px #000a,inset 0 1px #ffffff25;}
.nav-item {color:#d1d1d1;}
dialog {background:linear-gradient(135deg,#181818f5,#0a0a0afa);border-color:#ffffff30;box-shadow:inset 0 1px #fff2;}
dialog::backdrop {background:#000b;backdrop-filter:blur(10px) saturate(.6);}
.sheet-handle {background:#ffffff4d;}
.contact-option {background:linear-gradient(130deg,#ffffff09,#ffffff03);border-color:#ffffff21;}
.video-dialog {background:#050505;}
@media(min-width:600px) {body {background:#020202;}}
@media(max-width:350px) {.topbar {padding-inline:0;} .service-body {padding-left:42px;}}
@media(prefers-reduced-motion:reduce) {.fog {animation:none;}}