:root{--ink:#030303;--coal:#0c1218;--panel:#111820;--panel-soft:#171b1d;--gold:#dfb23e;--gold-deep:#bb8f22;--cream:#f4f1e8;--mist:#c9ccd0}
    *{box-sizing:border-box}
    body{margin:0;background:var(--ink);color:var(--cream);font-family:Poppins,Montserrat,Avenir Next,Helvetica Neue,Arial,sans-serif;letter-spacing:0}
    a{color:inherit;text-decoration:none}
    img,video{display:block;max-width:100%}
    .wrap{width:min(1160px,calc(100% - 48px));margin:auto}
    .wide{width:min(1320px,calc(100% - 48px));margin:auto}
    header{background:#030303;border-bottom:1px solid rgba(244,241,232,.1)}
    .nav{min-height:132px;display:flex;align-items:center;justify-content:center;gap:44px;flex-wrap:wrap;padding:20px 0}
    .nav img{height:88px;width:auto}
    .nav-links{display:flex;align-items:center;justify-content:center;gap:34px;flex-wrap:wrap}
    .nav a:not(.logo){font-size:.78rem;font-weight:800;text-transform:uppercase;color:rgba(244,241,232,.8)}
    .nav a.active,.gold{color:var(--gold)}
    .hero video,.hero img{width:100%;height:560px;object-fit:cover;border-top:1px solid rgba(244,241,232,.18);border-bottom:1px solid rgba(244,241,232,.18)}
    .section{background:var(--coal);padding:78px 0}
    .section.alt{background:var(--ink)}
    .intro{text-align:center;max-width:840px;margin:0 auto 50px}
    .script{font-size:2.25rem;font-family:Brush Script MT,Segoe Script,cursive;color:var(--gold);margin:0 0 8px}
    h1,h2,h3,p{margin-top:0}
    .intro h1,.intro h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1;margin:0 0 20px;font-weight:950}
    .copy{font-size:1.08rem;line-height:1.9;color:var(--mist)}
    .split{display:grid;grid-template-columns:1.05fr .95fr;gap:22px;align-items:stretch}
    .split>img{width:100%;height:100%;min-height:520px;object-fit:cover}
    .panel{background:#030303;padding:56px;display:grid;align-content:center;min-height:520px}
    .panel h2{font-size:clamp(2.5rem,5.6vw,5rem);line-height:.95;margin:.2em 0;font-weight:950}
    .panel p{font-size:1.05rem;line-height:1.9;color:var(--mist)}
    .btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
    .btn{border:0;background:var(--gold);color:white;font-weight:900;padding:15px 24px;text-transform:uppercase;letter-spacing:.04em;cursor:pointer}
    .btn.out{background:transparent;color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}
    .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
    .card{background:var(--panel);min-height:320px;display:grid;align-content:end;position:relative;overflow:hidden}
    .card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.64;transition:transform .35s ease}
    .card:hover img{transform:scale(1.04)}
    .card div{position:relative;padding:26px;background:linear-gradient(180deg,transparent,rgba(0,0,0,.62))}
    .card h3{font-size:1.6rem;margin:0 0 8px;text-transform:uppercase}
    .card p{margin:0;color:rgba(244,241,232,.88);line-height:1.6}
    .service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
    .service{background:var(--panel);padding:34px;min-height:250px}
    .service span{color:var(--gold);font-weight:950;font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}
    .service h3{font-size:1.65rem;margin:18px 0 14px;text-transform:uppercase}
    .service p{line-height:1.75;color:var(--mist);margin:0}
    .contact{display:grid;grid-template-columns:1fr .86fr;gap:22px;align-items:stretch}
    .details{background:var(--panel-soft);padding:34px}
    .details p{border-bottom:1px solid rgba(244,241,232,.24);padding:18px 0;margin:0;font-weight:800;color:var(--cream)}
    .details p:first-child{padding-top:0}
    .details p:last-child{border-bottom:0;padding-bottom:0}
    .contact img{width:100%;height:100%;min-height:330px;object-fit:cover}
    .form-card{background:#080808;padding:38px}
    .form-card form{display:grid;gap:18px}
    .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
    input,textarea{width:100%;border:1px solid rgba(223,178,62,.65);background:transparent;color:var(--cream);padding:15px 16px;font:inherit;outline:none}
    textarea{min-height:150px;resize:vertical}
    input::placeholder,textarea::placeholder{color:rgba(244,241,232,.58)}
    input:focus,textarea:focus{box-shadow:0 0 0 2px rgba(223,178,62,.28)}
    .footer{background:var(--gold);color:#030303;text-align:center;padding:28px;font-weight:800}
    .socials{display:flex;justify-content:center;gap:12px;margin-bottom:16px}
    .socials a{width:42px;height:42px;border-radius:999px;background:#030303;color:var(--gold);display:grid;place-items:center;transition:background .2s ease,color .2s ease}
    .socials a:hover{background:var(--panel);color:var(--cream)}
    .socials svg{width:21px;height:21px;fill:currentColor}
    @media(max-width:900px){.split,.contact{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.nav{gap:22px}.nav-links{gap:20px}.hero video,.hero img{height:390px}.panel{padding:34px;min-height:auto}.split>img{min-height:360px}.form-grid{grid-template-columns:1fr}}
    @media(max-width:560px){.wrap,.wide{width:min(100% - 32px,1160px)}.grid{grid-template-columns:1fr}.hero video,.hero img{height:320px}.nav img{height:76px}.nav a:not(.logo){font-size:.72rem}.section{padding:58px 0}}