/* BAOLED OBSIDIAN GOLD 2.0 – site-wide visual layer */
:root{--bg:#080807;--panel:#19150f;--accent:#ddb976;--muted:#afa597;--gold:#ddb976;--gold2:#fff1c2}
body{background:#080807;color:#f7f1e6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:.008em}
header{background:#090907f2;border-bottom:1px solid #c8a46836;box-shadow:0 8px 40px #0007}.head{height:82px}
.logo{font-size:27px;letter-spacing:.14em}.logo span,.kicker{color:#e6be79}
nav a{color:#efe4ce;text-transform:uppercase;font-size:11px;letter-spacing:.1em}nav a:hover{color:#efd092}
.btn{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(105deg,#ab7d3e 0%,#ebc989 36%,#fff0be 50%,#c39754 78%,#916830 100%);color:#171109;border:1px solid #e2bd7c;border-radius:4px;padding:14px 23px;font-size:12px;font-weight:850;letter-spacing:.08em;box-shadow:0 8px 25px #97713825;transition:transform .2s,box-shadow .2s}
.btn:hover{filter:none;transform:translateY(-2px);box-shadow:0 10px 30px #b9975045}.btn.outline{background:#13100bbf;color:#f4dca6;border:1px solid #be9456;box-shadow:none}
.hero{min-height:720px;background:radial-gradient(ellipse at 75% 34%,#a3783455,transparent 43%),radial-gradient(ellipse at 95% 90%,#4c351b99,transparent 45%),#0a0907;overflow:hidden}
.hero:before{background:linear-gradient(90deg,#080807f7 0%,#080807db 50%,#08080773 100%)}
.hero:after{content:'BAOLED';position:absolute;right:-1%;bottom:-13%;font-weight:900;font-size:clamp(120px,19vw,370px);letter-spacing:-.1em;line-height:1;color:#dfbb7710;pointer-events:none}
.hero .wrap{z-index:1}.hero .kicker:before{content:'◆';margin-right:12px}.hero h1{font-size:clamp(43px,6.2vw,88px);letter-spacing:-.07em;max-width:940px;line-height:1.02;text-wrap:balance;font-weight:850}
.hero p{color:#d6caba;font-size:18px}.tags{margin-top:73px;padding-top:24px;border-top:1px solid #ba98583f;color:#e6cc96}
h2{font-weight:800;letter-spacing:-.05em}.section{padding:110px 0}.section .lead{color:#b5a994}
.service{background:linear-gradient(145deg,#211a11,#100f0d 70%);border:1px solid #a7814547;border-radius:6px;box-shadow:inset 0 1px #fff1cd0b;transition:transform .25s,border-color .25s}.service:hover{transform:translateY(-7px);border-color:#dbad67}.service .num,.service .symbol{color:#e8c480}.service h3{letter-spacing:-.02em}
.about{background:linear-gradient(145deg,#18140e,#0d0b09);border-color:#b5915940}.aboutimage{background:radial-gradient(circle,#705027,#100d09 65%);border:1px solid #ae83465e;border-radius:6px}.aboutimage strong{color:#f0cb8422}.features span:before{color:#eac581}
.project{background:#18130e;border:1px solid #b18b4b40;border-radius:6px}.project .placeholder{background:radial-gradient(circle,#574025,#0d0b09)}
.cta{background:radial-gradient(ellipse at 82% 47%,#a7814544,transparent 45%),#17120c;border-top:1px solid #ba955642;border-bottom:1px solid #ba955642}.ctarow h2{max-width:760px}
footer{background:#070706;border-top:1px solid #be9a6240}.footgrid a:hover{color:#ebca85}.copy{border-color:#b18c513e}
.social-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end;align-items:center}.instagram-btn,.email-btn{background:#15110d!important;color:#edd39c!important;border:1px solid #bc955e!important;box-shadow:none!important}.instagram-btn:hover,.email-btn:hover{background:#322614!important}
@media(max-width:850px){.social-actions{justify-content:flex-start;margin-top:22px}nav{background:#13100d}}
@media(max-width:580px){.social-actions{display:grid;grid-template-columns:1fr}.social-actions .btn{width:100%;margin:0;text-align:center}.hero{min-height:640px}}