:root {
    --db-black: #080706;
    --db-charcoal: #15120f;
    --db-gold: #e86436;
    --db-gold-dark: #c84b21;
    --db-white: #ffffff;
    --db-soft: #f5f3ee;
    --db-text: #242424;
    --db-muted: #707070;
    --db-border: #e6e1d8;
    --db-radius: 8px;
    --db-shadow: 0 18px 50px rgba(0, 0, 0, 0.09);
}

/* Reference-inspired premium homepage */
.home-premium { overflow: hidden; background: #080706; color: #fff; }
.hp-kicker { margin: 0 0 18px; color: var(--db-gold); font-size: 12px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }
.hp-hero { position: relative; min-height: 810px; display: flex; align-items: center; isolation: isolate; background: #070605 var(--hp-hero-image) center/cover no-repeat; }
.hp-hero::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(5,4,3,.97) 0%,rgba(5,4,3,.78) 39%,rgba(5,4,3,.12) 73%,rgba(5,4,3,.45) 100%); }
.hp-hero-inner { padding: 130px 0 155px; }
.hp-hero-copy { width: min(690px, 60%); }
.hp-hero h1 { max-width: 680px; margin-bottom: 25px; font-size: clamp(58px,7.2vw,112px); font-weight: 800; letter-spacing: -.065em; line-height: .88; text-transform: uppercase; }
.hp-hero h1 span { display: block; color: var(--db-gold); }
.hp-hero-text { max-width: 560px; color: rgba(255,255,255,.66); font-size: 17px; }
.hp-actions { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 34px; }
.hp-button { display: inline-flex; min-height: 52px; padding: 15px 25px; align-items: center; justify-content: center; border: 1px solid rgba(255,255,255,.25); color: #fff; font-size: 12px; font-weight: 800; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; transition: .25s ease; }
.hp-button-primary { border-color: var(--db-gold); background: var(--db-gold); }
.hp-button:hover { transform: translateY(-2px); border-color: #fff; background: #fff; color: #080706; }
.hp-scroll-cue { position: absolute; bottom: 36px; left: 50%; color: rgba(255,255,255,.48); font-size: 10px; letter-spacing: .18em; text-transform: uppercase; transform: translateX(-50%); }
.hp-scroll-cue::after { content: ''; display: block; width: 1px; height: 25px; margin: 10px auto 0; background: var(--db-gold); }

.hp-benefits { position: relative; z-index: 2; border-top: 1px solid rgba(255,255,255,.09); border-bottom: 1px solid rgba(255,255,255,.09); background: #0d0b09; }
.hp-benefits-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); }
.hp-benefit { min-height: 150px; display: flex; gap: 17px; align-items: center; padding: 28px 22px; border-right: 1px solid rgba(255,255,255,.08); }
.hp-benefit:last-child { border-right: 0; }
.hp-benefit-icon { min-width: 38px; color: var(--db-gold); font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.hp-benefit h2 { margin-bottom: 7px; font-size: 14px; letter-spacing: .02em; text-transform: uppercase; }
.hp-benefit p { margin: 0; color: rgba(255,255,255,.45); font-size: 11px; line-height: 1.5; }

.hp-technology { padding: 130px 0; background: radial-gradient(circle at 36% 45%,#24150d 0,#0a0807 38%,#080706 70%); }
.hp-section-heading { max-width: 720px; margin-bottom: 60px; }
.hp-heading-center { margin-inline: auto; text-align: center; }
.hp-section-heading h2 { margin-bottom: 20px; font-size: clamp(42px,5.5vw,76px); letter-spacing: -.045em; text-transform: uppercase; }
.hp-section-heading > p:last-child { color: rgba(255,255,255,.55); }
.hp-tech-layout { display: grid; grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr); gap: 70px; align-items: center; }
.hp-tech-visual { position: relative; }
.hp-tech-visual::after { content: ''; position: absolute; right: 12%; bottom: 1%; left: 12%; height: 20%; background: var(--db-gold); filter: blur(70px); opacity: .22; }
.hp-tech-visual img { position: relative; z-index: 1; width: 100%; }
.hp-layer-list { border-top: 1px solid rgba(255,255,255,.11); }
.hp-layer-item { display: grid; grid-template-columns: 46px 1fr; gap: 18px; padding: 24px 0; border-bottom: 1px solid rgba(255,255,255,.11); }
.hp-layer-item > span { color: var(--db-gold); font-size: 12px; font-weight: 800; }
.hp-layer-item h3 { margin-bottom: 7px; font-size: 18px; text-transform: uppercase; }
.hp-layer-item p { margin: 0; color: rgba(255,255,255,.46); font-size: 13px; }

.hp-performance { padding: 125px 0; background: #f3f0eb; color: #15110e; }
.hp-performance .hp-section-heading > p:last-child { color: #6e655e; }
.hp-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 2px; background: #25201d; }
.hp-feature-card { position: relative; min-height: 410px; overflow: hidden; }
.hp-feature-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 24%,rgba(6,5,4,.9) 100%); }
.hp-feature-card img { width: 100%; height: 100%; min-height: 410px; object-fit: cover; transition: transform .55s ease; }
.hp-feature-card:hover img { transform: scale(1.045); }
.hp-feature-overlay { position: absolute; right: 0; bottom: 0; left: 0; z-index: 1; padding: 32px; color: #fff; }
.hp-feature-overlay > span { color: var(--db-gold); font-size: 11px; font-weight: 800; }
.hp-feature-overlay h3 { margin: 8px 0; font-size: 20px; text-transform: uppercase; }
.hp-feature-overlay p { max-width: 310px; margin: 0; color: rgba(255,255,255,.63); font-size: 13px; }

.hp-trust { padding: 64px 0; border-bottom: 1px solid rgba(255,255,255,.1); background: #0c0a08; }
.hp-trust-heading { color: rgba(255,255,255,.45); font-size: 11px; letter-spacing: .17em; text-align: center; text-transform: uppercase; }
.hp-trust-row { display: grid; grid-template-columns: repeat(4,1fr) 1.2fr; margin-top: 35px; align-items: center; }
.hp-trust-mark,.hp-rating { min-height: 72px; display: flex; flex-direction: column; justify-content: center; padding: 0 25px; border-right: 1px solid rgba(255,255,255,.1); }
.hp-trust-mark strong { font-size: 18px; letter-spacing: .05em; text-transform: uppercase; }
.hp-trust-mark span,.hp-rating small { color: rgba(255,255,255,.42); font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
.hp-rating { border: 0; text-align: center; }
.hp-rating strong { font-size: 26px; }
.hp-stars { color: var(--db-gold); font-size: 12px; letter-spacing: .2em; }

.hp-final-cta { position: relative; min-height: 760px; display: flex; flex-direction: column; justify-content: center; isolation: isolate; background: #080706 var(--hp-cta-image) center/cover no-repeat; }
.hp-final-cta::before { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg,rgba(7,6,5,.15),rgba(7,6,5,.3) 48%,rgba(7,6,5,.95) 73%); }
.hp-final-inner { display: flex; justify-content: flex-end; padding: 120px 0 170px; }
.hp-final-copy { width: min(520px,47%); }
.hp-final-copy h2 { font-size: clamp(45px,5.5vw,77px); letter-spacing: -.055em; line-height: .95; text-transform: uppercase; }
.hp-final-copy h2 span { color: var(--db-gold); }
.hp-final-copy > p:not(.hp-kicker) { color: rgba(255,255,255,.58); }
.hp-final-copy .hp-button { margin-top: 18px; }
.hp-final-notes { position: absolute; right: 0; bottom: 0; left: 0; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid rgba(255,255,255,.13); }
.hp-final-notes span { padding: 25px; color: rgba(255,255,255,.5); font-size: 10px; letter-spacing: .14em; text-align: center; text-transform: uppercase; }

@media (max-width: 1050px) {
    .hp-benefits-grid { grid-template-columns: repeat(2,1fr); }
    .hp-benefit { border-bottom: 1px solid rgba(255,255,255,.08); }
    .hp-tech-layout { grid-template-columns: 1fr; gap: 35px; }
    .hp-feature-grid { grid-template-columns: repeat(2,1fr); }
    .hp-trust-row { grid-template-columns: repeat(2,1fr); gap: 25px 0; }
}

@media (max-width: 700px) {
    .hp-hero { min-height: 720px; background-position: 62% center; }
    .hp-hero::before { background: linear-gradient(90deg,rgba(5,4,3,.95),rgba(5,4,3,.62)); }
    .hp-hero-copy { width: 100%; }
    .hp-hero h1 { font-size: clamp(50px,18vw,76px); }
    .hp-benefits-grid,.hp-feature-grid { grid-template-columns: 1fr; }
    .hp-technology,.hp-performance { padding: 85px 0; }
    .hp-tech-visual { margin-inline: -30px; }
    .hp-section-heading h2 { font-size: 42px; }
    .hp-feature-card,.hp-feature-card img { min-height: 380px; }
    .hp-trust-row { grid-template-columns: 1fr 1fr; }
    .hp-trust-mark,.hp-rating { padding: 0 12px; }
    .hp-final-cta { min-height: 720px; background-position: 33% center; }
    .hp-final-cta::before { background: rgba(7,6,5,.68); }
    .hp-final-inner { justify-content: flex-start; padding: 100px 0 190px; }
    .hp-final-copy { width: 100%; }
    .hp-final-notes span { padding: 18px 8px; font-size: 8px; }
}

*, *::before, *::after { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body { min-height: 100vh; margin: 0; display: flex; flex-direction: column; background: var(--db-white); color: var(--db-text); font-family: Arial, Helvetica, sans-serif; font-size: 16px; line-height: 1.7; }
.site-main { width: 100%; flex: 1 0 auto; }
img { display: block; max-width: 100%; height: auto; }
a { color: inherit; }
h1, h2, h3, h4 { margin: 0 0 18px; color: inherit; font-weight: 700; line-height: 1.15; }
h1 { font-size: clamp(42px, 7vw, 82px); }
h2 { font-size: clamp(30px, 4vw, 52px); }
h3 { font-size: 22px; }
p { margin: 0 0 18px; }
.site-container { width: min(1200px, calc(100% - 40px)); margin-inline: auto; }
.narrow-content { max-width: 820px; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; top: -100px; left: 20px; z-index: 9999; padding: 10px 16px; background: #fff; color: #111; }
.skip-link:focus { top: 20px; }

.site-header { position: relative; z-index: 1000; width: 100%; background: var(--db-black); border-bottom: 1px solid rgba(255,255,255,.12); }
.header-inner { min-height: 78px; display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.site-branding { flex-shrink: 0; }
.custom-logo { width: auto; max-width: 170px; max-height: 54px; object-fit: contain; }
.site-title { color: #fff; font-size: 21px; font-weight: 700; text-decoration: none; }
.primary-navigation { margin-left: auto; }
.primary-menu { display: flex; align-items: center; gap: 28px; margin: 0; padding: 0; list-style: none; }
.primary-menu a { position: relative; display: block; padding: 26px 0; color: #fff; font-size: 14px; font-weight: 600; text-decoration: none; }
.primary-menu a::after { content: ''; position: absolute; right: 0; bottom: 20px; left: 0; width: 0; height: 2px; margin: auto; background: var(--db-gold); transition: width .25s ease; }
.primary-menu a:hover, .primary-menu .current-menu-item > a { color: var(--db-gold); }
.primary-menu a:hover::after, .primary-menu .current-menu-item > a::after { width: 100%; }
.menu-toggle { display: none; width: 43px; height: 43px; padding: 10px; border: 1px solid rgba(255,255,255,.25); background: transparent; }
.menu-toggle span:not(.screen-reader-text) { display: block; width: 100%; height: 2px; margin: 5px 0; background: #fff; }

.button { display: inline-flex; min-height: 48px; padding: 12px 24px; align-items: center; justify-content: center; border: 1px solid var(--db-gold); border-radius: 4px; background: var(--db-gold); color: #111; font-size: 14px; font-weight: 700; line-height: 1.2; text-decoration: none; transition: .25s ease; }
.button:hover { background: var(--db-gold-dark); border-color: var(--db-gold-dark); transform: translateY(-2px); }
.button-small { min-height: 42px; padding: 10px 19px; }
.text-link { display: inline-block; color: #fff; font-weight: 700; text-decoration: none; border-bottom: 1px solid var(--db-gold); }
.text-link.dark { color: var(--db-black); }
.button-row { display: flex; align-items: center; flex-wrap: wrap; gap: 24px; margin-top: 30px; }

.hero-section { min-height: 720px; display: flex; align-items: center; background: linear-gradient(120deg,#090909,#252525); background-size: cover; background-position: center; color: #fff; }
.hero-content { padding-block: 110px; }
.hero-content > * { max-width: 780px; }
.hero-content p:not(.eyebrow) { max-width: 650px; color: rgba(255,255,255,.76); font-size: 19px; }
.eyebrow { margin-bottom: 16px; color: var(--db-gold); font-size: 13px; font-weight: 700; letter-spacing: .15em; text-transform: uppercase; }
.page-hero { min-height: 430px; display: flex; align-items: center; background: linear-gradient(120deg,#0a0a0a,#252525); background-size: cover; background-position: center; color: #fff; }
.page-hero .site-container { padding-block: 80px; }
.page-hero h1 { max-width: 850px; font-size: clamp(40px, 6vw, 70px); }
.page-hero p:not(.eyebrow) { max-width: 650px; color: rgba(255,255,255,.72); font-size: 18px; }

.section { padding: 100px 0; }
.section-light { background: #fff; }
.section-soft { background: var(--db-soft); }
.section-dark { background: var(--db-black); color: #fff; }
.section-heading { max-width: 720px; margin-bottom: 45px; }
.split-layout { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; align-items: center; }
.image-frame { min-height: 460px; overflow: hidden; border-radius: var(--db-radius); background: #e9e5dc; box-shadow: var(--db-shadow); }
.image-frame img { width: 100%; height: 100%; min-height: 460px; object-fit: cover; }
.image-placeholder { min-height: 320px; display: grid; place-items: center; padding: 30px; background: #e9e5dc; color: #777; text-align: center; }

.card-grid { display: grid; gap: 28px; }
.card-grid-3 { grid-template-columns: repeat(3, minmax(0,1fr)); }
.service-card, .info-card, .post-card { overflow: hidden; border-radius: var(--db-radius); background: var(--db-charcoal); border: 1px solid rgba(255,255,255,.1); }
.service-card img, .post-card > a img { width: 100%; height: 260px; object-fit: cover; }
.card-content, .info-card { padding: 30px; }
.card-number { display: block; margin-bottom: 18px; color: var(--db-gold); font-size: 13px; font-weight: 700; letter-spacing: .1em; }
.service-card p { color: rgba(255,255,255,.65); }
.light-card, .info-card, .post-card { background: #fff; color: var(--db-text); border-color: var(--db-border); box-shadow: 0 12px 32px rgba(0,0,0,.06); }
.light-card p, .post-card p { color: var(--db-muted); }
.info-card { min-height: 240px; }

.cta-section { padding: 75px 0; background: var(--db-gold); color: #111; }
.cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.cta-section .eyebrow { color: rgba(0,0,0,.65); }
.cta-section h2 { max-width: 760px; margin-bottom: 0; }
.cta-section .button { background: #111; border-color: #111; color: #fff; }

.gallery-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.gallery-grid figure { position: relative; min-height: 330px; margin: 0; overflow: hidden; border-radius: var(--db-radius); background: #ddd; }
.gallery-grid img { width: 100%; height: 330px; object-fit: cover; transition: transform .4s ease; }
.gallery-grid figure:hover img { transform: scale(1.04); }
.gallery-grid figcaption { position: absolute; right: 0; bottom: 0; left: 0; padding: 35px 20px 18px; background: linear-gradient(transparent,rgba(0,0,0,.82)); color: #fff; }
.gallery-placeholder { min-height: 330px; border-radius: var(--db-radius); }

.contact-grid { display: grid; grid-template-columns: .9fr 1.1fr; gap: 70px; align-items: start; }
.contact-list { margin-top: 35px; }
.contact-list p { display: grid; grid-template-columns: 150px 1fr; gap: 20px; padding: 16px 0; border-bottom: 1px solid var(--db-border); }
.contact-list a { text-decoration: none; }
.contact-form-box { padding: 42px; border-radius: var(--db-radius); background: var(--db-soft); }
.map-section iframe { display: block; width: 100%; height: 460px; border: 0; }

.posts-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 30px; }
.post-card h2 { font-size: 24px; }
.post-card h2 a { text-decoration: none; }
.post-meta { color: var(--db-gold) !important; font-size: 13px; font-weight: 700; }
.single-featured { margin-bottom: 35px; }
.single-featured img { border-radius: var(--db-radius); }
.entry-content > * { max-width: 100%; }
.error-page { min-height: 70vh; display: grid; align-items: center; padding: 90px 0; background: var(--db-black); color: #fff; text-align: center; }
.error-page p { color: rgba(255,255,255,.7); }

.site-footer { flex-shrink: 0; margin-top: auto; background: var(--db-black); color: #bbb; border-top: 1px solid rgba(214,166,41,.3); }
.footer-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1.2fr; gap: 48px; padding: 68px 0 50px; }
.footer-column h2, .footer-column h3 { color: #fff; }
.footer-column h3 { position: relative; padding-bottom: 12px; font-size: 18px; }
.footer-column h3::after { content: ''; position: absolute; bottom: 0; left: 0; width: 38px; height: 2px; background: var(--db-gold); }
.footer-menu, .footer-services { margin: 0; padding: 0; list-style: none; }
.footer-menu li, .footer-services li { margin-bottom: 10px; }
.footer-menu a, .footer-contact a { color: #bbb; text-decoration: none; }
.footer-menu a:hover, .footer-contact a:hover { color: var(--db-gold); }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.1); }
.footer-bottom p { margin: 0; padding: 19px 0; color: #888; font-size: 14px; text-align: center; }

@media (max-width: 980px) {
    .menu-toggle { display: block; margin-left: auto; }
    .header-cta { display: none; }
    .primary-navigation { position: absolute; top: 100%; right: 0; left: 0; display: none; margin: 0; padding: 12px 20px 24px; background: var(--db-black); }
    .primary-navigation.is-open { display: block; }
    .primary-menu { display: block; }
    .primary-menu a { padding: 12px 0; border-bottom: 1px solid rgba(255,255,255,.08); }
    .primary-menu a::after { display: none; }
    .split-layout, .contact-grid { grid-template-columns: 1fr; gap: 45px; }
    .card-grid-3, .gallery-grid, .posts-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .footer-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 600px) {
    .site-container { width: min(100% - 30px,1200px); }
    .header-inner { min-height: 70px; }
    .custom-logo { max-width: 138px; max-height: 48px; }
    .hero-section { min-height: 610px; }
    .hero-content { padding-block: 80px; }
    .hero-content p:not(.eyebrow), .page-hero p:not(.eyebrow) { font-size: 16px; }
    .page-hero { min-height: 360px; }
    .section { padding: 70px 0; }
    .card-grid-3, .gallery-grid, .posts-grid, .footer-grid { grid-template-columns: 1fr; }
    .image-frame, .image-frame img { min-height: 340px; }
    .cta-inner { display: block; }
    .cta-inner .button { margin-top: 25px; }
    .contact-list p { grid-template-columns: 1fr; gap: 4px; }
    .contact-form-box { padding: 28px 22px; }
    .footer-grid { gap: 34px; padding: 50px 0 38px; }
}