:root{--ink:#0b0c0d;--panel:#151719;--gold:#c9a557;--gold2:#e4c87c;--muted:#a5a6a8;--line:rgba(255,255,255,.14)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:#f7f5ef;font:16px/1.65 Manrope,Arial,sans-serif}
a{color:inherit;text-decoration:none}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
.topbar{border-bottom:1px solid var(--line);background:#0b0c0d}
.topbar-in{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.logo{display:block;width:190px;height:auto}
.back{border:1px solid var(--gold);padding:11px 18px;color:var(--gold2);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;transition:background .2s,color .2s}
.back:hover,.back:focus-visible{background:var(--gold);color:#111;outline:none}
.hero{min-height:520px;display:flex;align-items:flex-end;position:relative;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 77% 30%,rgba(201,165,87,.18),transparent 30%),linear-gradient(135deg,#1b1e20,#090a0b 66%)}
.hero:after{content:"BRUDA";position:absolute;right:-2vw;bottom:-5vw;color:rgba(255,255,255,.025);font:600 18vw/1 Manrope,sans-serif;letter-spacing:.08em}
.hero-content{position:relative;z-index:1;padding:110px 0 86px;max-width:840px}
.eyebrow{display:flex;align-items:center;gap:12px;color:var(--gold2);font-size:.73rem;letter-spacing:.24em;text-transform:uppercase}
.eyebrow:before{content:"";width:46px;height:1px;background:var(--gold)}
h1{font:500 clamp(3.6rem,8vw,7.4rem)/.95 'Playfair Display',serif;letter-spacing:-.04em;margin:22px 0 24px}
.lead{max-width:730px;color:#c3c4c3;font-size:1.08rem;margin:0}
.content{padding:96px 0 118px}
.intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;margin-bottom:58px;align-items:start}
h2{font:500 clamp(2.3rem,4.5vw,4rem)/1.05 'Playfair Display',serif;margin:8px 0 0}
.intro p{color:#aeb0b1;margin:0;max-width:650px}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#343638;border:1px solid #343638}
.cards-four{grid-template-columns:repeat(4,1fr)}
.card{min-height:260px;background:var(--panel);padding:34px;display:flex;flex-direction:column}
.card-no{color:var(--gold);font-size:.7rem;letter-spacing:.18em;text-transform:uppercase}
.card h3{font:500 1.9rem/1.12 'Playfair Display',serif;margin:34px 0 12px}
.card p{color:#a9abad;font-size:.9rem;margin:auto 0 0}
.single{grid-template-columns:1fr}
.single .card{min-height:230px}
.cta{padding:110px 0;text-align:center;border-top:1px solid var(--line);background:#111315}
.cta h2{margin:0 auto 18px;max-width:760px}
.cta p{color:#a9abad;margin:0 auto 30px;max-width:620px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 26px;background:var(--gold);color:#111;font-weight:600;font-size:.84rem;letter-spacing:.05em}
.footer{border-top:1px solid var(--line);padding:34px 0;color:#898b8c}
.footer-in{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;font-size:.75rem}
.footer-note{width:100%;padding-top:18px;border-top:1px solid var(--line);font-size:.7rem;line-height:1.5;color:#737576}
@media(max-width:980px){.cards-four{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.topbar-in{min-height:94px}.logo{width:160px}.hero{min-height:460px}.hero-content{padding:80px 0 68px}.intro{grid-template-columns:1fr;gap:26px}.cards,.cards-four{grid-template-columns:1fr}.card{min-height:220px}.content{padding:72px 0 88px}}
@media(max-width:480px){.wrap{width:min(100% - 28px,1180px)}.topbar-in{align-items:center}.logo{width:135px}.back{padding:8px 11px;font-size:.67rem}.hero{min-height:420px}.lead{font-size:1rem}.content{padding-top:64px}}