.content-page { margin: 0; background: #100d0e; color: #f4efe7; }
.content-header { min-height: 86px; display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 0 clamp(20px,6vw,90px); border-bottom: 1px solid rgba(197,163,107,.35); }
.content-header .brand { width: 180px; height: 75px; }
.content-header .brand img { width: 100%; height: 100%; object-fit: contain; object-position: center; background: transparent; }
.content-header nav { display: flex; align-items: center; gap: 20px; }
.content-header a { color: #e7d8c1; font-size: 12px; }
.content-header select { border: 1px solid rgba(197,163,107,.45); background: transparent; color: #e7d8c1; padding: 8px; }
.content-header option { color: #100d0e; }
.content-hero { min-height: 78vh; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; }
.content-hero-copy { padding: clamp(70px,9vw,145px) clamp(25px,8vw,120px); display: flex; flex-direction: column; justify-content: center; position: relative; overflow: hidden; }
.content-hero-copy::before { content:""; position:absolute; inset:0; opacity:.13; background:repeating-linear-gradient(45deg,transparent 0 18px,#c5a36b 19px 20px); mask-image:linear-gradient(to left,transparent,#000); }
.content-kicker { color: #c5a36b; font-size: 11px; position: relative; }
.content-hero h1 { margin: 20px 0; max-width: 700px; font: 400 clamp(52px,7vw,104px)/.98 var(--display); position: relative; }
.content-hero p { max-width: 700px; color: #b9ada3; font-size: 15px; line-height: 2.2; position: relative; }
.content-hero-image { min-height: 600px; position: relative; }
.content-hero-image img { width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.06); }
.content-hero-image::after { content:"";position:absolute;inset:0;border:1px solid rgba(197,163,107,.3);box-shadow:inset 0 0 120px rgba(0,0,0,.35); }
.content-values { display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(197,163,107,.25);border-block:1px solid rgba(197,163,107,.25); }
.content-values article { min-height:220px;padding:45px;background:#161213; }
.content-values span { color:#c5a36b;font:400 40px var(--display); }
.content-values h2 { font:400 25px var(--display); }.content-values p {color:#887f79;line-height:1.9;font-size:12px;}
.content-footer { padding:50px;text-align:center;color:#766d67;font-size:10px; }
@media(max-width:760px){.content-header nav a:not(:first-child){display:none}.content-hero{grid-template-columns:1fr}.content-hero-image{min-height:430px;order:-1}.content-hero-copy{padding:60px 22px}.content-values{grid-template-columns:1fr}.content-header .brand{width:120px}}