/* Black and graphite surfaces; champagne remains the action and focus color. */
:root{--bg:#050505;--ink:#f5f5f2;--muted:#aaa9a6}
body{background:#050505}
.hero{background:radial-gradient(ellipse 55% 65% at 78% 64%,rgba(255,255,255,.035),transparent 72%),linear-gradient(110deg,#050505,#0a0a0a 72%,#111)}
.hero:after{background:linear-gradient(transparent,#050505)}
.mobile-menu:not([hidden]){background:#0b0b0b}

.benefits{background:linear-gradient(180deg,#050505,#0b0b0b 45%,#050505)}
.benefits:before{background:radial-gradient(ellipse,rgba(255,255,255,.045),transparent 68%)}
.benefit-card{background:linear-gradient(135deg,#151515,#0c0c0c)}
.benefit-card:hover{background:linear-gradient(135deg,#1b1b1b,#101010)}
.benefits-showcase:before{background:radial-gradient(ellipse,rgba(255,255,255,.055),transparent 65%)}
.benefit-icon,.strip-item>span{background:radial-gradient(circle at 32% 20%,rgba(230,190,120,.1),rgba(230,190,120,.025) 58%,rgba(8,8,8,.6))}

.portfolio{background:#050505}
.portfolio-project:nth-child(even){background:linear-gradient(90deg,transparent,rgba(255,255,255,.025),transparent)}
.project-shot{background:linear-gradient(135deg,#1a1a1a,#080808)}
.portfolio-closing{background:linear-gradient(135deg,#141414,#080808)}

.process{background:radial-gradient(circle at 50% 100%,rgba(255,255,255,.035),transparent 50%),#050505}
.process-point{background:#101010}
.process-cta{background:linear-gradient(135deg,#151515,#090909)}

.presence{background:radial-gradient(circle at 50% 35%,rgba(255,255,255,.035),transparent 45%),#050505}
.presence-fragment{background:#101010}
.presence-organized{background:linear-gradient(140deg,#191919,#0b0b0b);box-shadow:0 0 55px rgba(255,255,255,.025)}
.fragment-social,.fragment-chat{background:linear-gradient(145deg,#202020,#101010)}
.fragment-profile span{background:linear-gradient(135deg,#444,#1a1a1a)}
.fragment-profile i{background:#555}
.fragment-stories span{background:linear-gradient(135deg,#494949,#1d1d1d)}
.fragment-posts span,.fragment-posts span:nth-child(2n){background:linear-gradient(135deg,#303030,#777 55%,#1b1b1b)}
.fragment-chat>span,.fragment-chat>span:nth-child(3),.fragment-chat>span:last-child{background:#303030}
.presence-site{background:#121212;color:#f5f5f2;border-color:rgba(230,190,120,.2)}
.presence-site-nav{background:#1b1b1b;border-bottom-color:#353535}
.presence-site-nav>span{color:#c4c4c4}
.presence-site-nav strong span{color:#e6be78}
.presence-site-nav b,.presence-site-button{background:#e6be78;color:#101010}
.presence-site-hero{background:linear-gradient(110deg,#222,#111)}
.presence-site-copy small{color:#e6be78}
.presence-site-copy p{color:#b8b8b8}
.presence-site-art{background:radial-gradient(circle at 65% 40%,#b4a389,#545454 65%,#171717)}
.presence-site-links{background:#343434}
.presence-site-links span{background:#1c1c1c;color:#e6be78}
.presence-cta{background:linear-gradient(135deg,#151515,#080808)}

.faq{background:radial-gradient(circle at 15% 40%,rgba(255,255,255,.03),transparent 40%),radial-gradient(circle at 90% 70%,rgba(230,190,120,.025),transparent 35%),#050505}
.final-cta{background:radial-gradient(circle at 75% 50%,rgba(255,255,255,.035),transparent 42%),radial-gradient(circle at 55% 80%,rgba(230,190,120,.03),transparent 35%),linear-gradient(180deg,#050505,#0b0b0b 55%,#030303)}
.final-cta:after{background:linear-gradient(transparent,#030303)}
.final-cta-visual:before{background:radial-gradient(circle,rgba(255,255,255,.04),rgba(230,190,120,.035) 40%,transparent 70%)}
.site-footer{background:#030303}
.primary-cta,.benefits-cta,.closing-cta,.process-cta-action a,.faq-cta,.final-cta-button{color:#080808}
.header-cta:hover,.project-link:hover,.presence-cta-action a:hover,.footer-contact>a:hover{color:#080808}
