:root{--bg:#070707;--panel:#0e0e0e;--line:#26272a;--text:#f2f2f3;--muted:#9a9da3;--gold:#c4c7cd;--gold2:#ffffff;--serif:"Cormorant Garamond","Playfair Display",Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font:300 16px/1.8 "Inter",system-ui,-apple-system,Segoe UI,sans-serif;letter-spacing:.01em;-webkit-font-smoothing:antialiased}
::selection{background:var(--gold);color:#000}
a{color:var(--gold);text-decoration:none;transition:color .3s}a:hover{color:var(--gold2)}
h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.15;margin:0 0 .5em;letter-spacing:.02em}
.wrap{max-width:1140px;margin:0 auto;padding:0 24px}
.topbar{background:#000;border-bottom:1px solid var(--line);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.topbar .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px 20px;padding:10px 24px}
header.nav{position:sticky;top:0;z-index:10;background:rgba(7,7,7,.88);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
header.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:84px}
.logo{font-family:var(--serif);font-size:1.45rem;font-weight:500;color:var(--text);letter-spacing:.28em}
.logo span{color:var(--gold)}
nav ul{list-style:none;display:flex;gap:38px;margin:0;padding:0}
nav a{color:var(--text);font-size:.74rem;letter-spacing:.2em;text-transform:uppercase;padding:8px 0;border-bottom:1px solid transparent;transition:all .3s}
nav a:hover,nav a.active{border-color:var(--gold);color:var(--gold2)}
.menu-btn{display:none;background:none;border:1px solid var(--line);color:var(--gold);padding:8px 12px;border-radius:0;font-size:1rem}
.hero{padding:190px 0 170px;text-align:center;background:radial-gradient(ellipse at 50% -10%,rgba(220,224,232,.12) 0,transparent 55%),linear-gradient(180deg,#0b0b0c,#070707);border-bottom:1px solid var(--line);position:relative}
.hero::after{content:"";display:block;width:1px;height:70px;background:linear-gradient(var(--gold),transparent);position:absolute;left:50%;bottom:0}
.hero h1{font-size:clamp(2rem,4.5vw,3.4rem);font-weight:400;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4em}
.hero p.lead{max-width:600px;margin:0 auto 22px;color:var(--muted);font-size:1.02rem}
.hero em{display:block;color:var(--gold2);font-family:var(--serif);font-style:italic;font-size:1.65rem;margin-bottom:48px}
.btn{display:inline-block;background:var(--gold);color:#070707;padding:16px 38px;border-radius:0;border:1px solid var(--gold);cursor:pointer;font:500 .74rem/1 "Inter",sans-serif;letter-spacing:.24em;text-transform:uppercase;transition:all .35s}
.btn:hover{background:transparent;color:var(--gold2)}
.btn.ghost{background:none;color:var(--gold);margin-left:14px}
.btn.ghost:hover{background:var(--gold);color:#070707}
section{padding:110px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:28px}
.card{background:linear-gradient(180deg,#121213,var(--panel));border:1px solid var(--line);border-radius:0;padding:44px 34px;position:relative;transition:border-color .4s,transform .4s}
.card::before{content:"";position:absolute;top:0;left:34px;width:36px;height:1px;background:var(--gold)}
.card:hover{border-color:var(--gold);transform:translateY(-4px)}
.card h3{color:var(--gold2);font-size:1.6rem;font-weight:500}.card p{color:var(--muted);margin:0;font-size:.95rem}
.page-title{padding:100px 0 30px;text-align:center}
.page-title h1{font-size:clamp(2.2rem,5vw,3.6rem);font-weight:400;letter-spacing:.14em;text-transform:uppercase}
.page-title h1::after{content:"";display:block;width:50px;height:1px;background:var(--gold);margin:26px auto 0}
.page-title p{color:var(--muted);max-width:620px;margin:26px auto 0}
.car{padding:0;overflow:hidden}.car::before{display:none}
.car .ph{aspect-ratio:16/10;background:radial-gradient(ellipse at 50% 40%,#2a2c30,#0c0c0d 75%);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.car .ph img{width:100%;height:100%;object-fit:contain;padding:14px;transition:transform .6s}
.car:hover .ph img{transform:scale(1.05)}
.car .body{padding:24px 28px;text-align:center}.car h3{margin:0;font-size:1.4rem;letter-spacing:.08em}
details{background:var(--panel);border:1px solid var(--line);border-radius:0;margin-bottom:14px;padding:0 30px;transition:border-color .3s}
details[open],details:hover{border-color:var(--gold)}
summary{cursor:pointer;padding:24px 0;font-family:var(--serif);font-size:1.3rem;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:20px}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";color:var(--gold);font-size:1.6rem;line-height:1}details[open] summary::after{content:"\2013"}
details p{margin:0 0 26px;color:var(--muted);font-size:.95rem}
form{display:grid;gap:22px;max-width:640px;margin:0 auto}
.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}
label{display:grid;gap:8px;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
input,select,textarea{background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--text);padding:12px 2px;border-radius:0;font:300 1rem "Inter",sans-serif;letter-spacing:.01em;text-transform:none;transition:border-color .3s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold)}
.contact-list{text-align:center;font-family:var(--serif);font-size:1.5rem;line-height:2.3}
.contact-list b{display:block;color:var(--gold);font:400 .7rem/1 "Inter",sans-serif;letter-spacing:.24em;text-transform:uppercase;margin:22px 0 6px}
.note{text-align:center;color:var(--muted);font-size:.9rem;margin-top:18px}
footer{border-top:1px solid var(--line);padding:50px 0;text-align:center;color:var(--muted);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;background:#000}
@media(max-width:760px){
 .menu-btn{display:block}
 header.nav .wrap{height:70px}.logo{font-size:1.05rem;letter-spacing:.18em}
 nav{position:absolute;top:70px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);display:none}
 nav.open{display:block}nav ul{flex-direction:column;gap:0;padding:8px 24px}nav li a{display:block;padding:16px 0}
 .hero{padding:110px 0 100px}section{padding:70px 0}
 .row{grid-template-columns:1fr}.btn.ghost{margin:14px 0 0}
}