/* One photo-led visual language, from the cinematic opening to every detail page. */
body{background:#090c10}
.homepage-content .signature-route-nav{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px max(24px,calc((100% - 1228px)/2));border-bottom:1px solid var(--brand-line);background:var(--brand-deepest);position:relative;z-index:2}
.signature-route-nav>span{font-size:10px;color:var(--brand-muted);text-transform:uppercase;letter-spacing:.13em}
.signature-route-nav>div{display:flex;gap:28px;align-items:center}
.signature-route-nav a{display:flex;align-items:center;min-height:44px;font-size:12px;color:var(--brand-silver);white-space:nowrap}
.signature-route-nav a:hover{color:var(--brand-white);text-decoration:underline;text-decoration-color:var(--brand-red);text-underline-offset:7px}
.homepage-content .hp-intro.signature-intro{position:relative;width:100%;isolation:isolate;overflow:hidden;min-height:740px;padding:100px max(28px,calc((100% - 1228px)/2)) 0;display:grid;grid-template-columns:1fr;gap:28px;background:var(--brand-deepest)}
.signature-intro-photo{position:absolute;inset:0 0 0 auto;width:70%;height:100%;z-index:-2;object-fit:cover;object-position:center}
.signature-intro:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080d14 1%,#080d14ee 25%,#080d1470 58%,#080d1420),linear-gradient(0deg,#080d14 0%,transparent 55%)}
.signature-intro .hp-intro-heading{max-width:760px}
.signature-intro .hp-intro-heading h2{font-size:clamp(48px,6.8vw,104px);line-height:.96;letter-spacing:-.055em;text-transform:uppercase}
.signature-intro .hp-intro-story{padding-top:0;max-width:440px}
.signature-intro .hp-intro-story>p{font-size:15px;line-height:1.85}
.signature-intro-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:27px}
.signature-intro-actions .hp-button{min-height:48px;font-size:13px}
.signature-intro .hp-assurances{position:relative;margin-top:35px;padding-block:25px;gap:20px}
.signature-intro .signature-photo-note{font-size:10px;color:var(--brand-muted);margin-top:24px}
.homepage-content .hp-review-proof{margin-top:0;padding-block:30px}
.homepage-content .hp-heading-row h2,.homepage-content .hp-results h2{font-size:clamp(38px,4.8vw,74px)}
.homepage-content .hp-service-panel{border:1px solid var(--brand-line);border-radius:6px;box-shadow:0 30px 70px #0003}
.homepage-content .hp-service-photo{height:380px}
.homepage-content .hp-service-details{padding:32px}
.homepage-content .hp-service-details>p{font-size:14px}
.homepage-content .hp-service-details ul{font-size:13px;gap:12px 24px}
.homepage-content .hp-service-details>.hp-button{min-height:48px;font-size:13px}
.homepage-content .hp-own-work-grid{gap:24px;grid-template-columns:1.35fr 1fr 1fr;align-items:start}
.homepage-content .hp-own-work-grid>figure:nth-child(2){padding-top:65px}
.homepage-content .hp-own-work-grid>figure:nth-child(3){padding-top:125px}
.homepage-content .hp-own-work figure img{border-radius:4px}
.homepage-content .hp-about{border-block:1px solid var(--brand-line)}
.homepage-content .hp-about-copy{background:linear-gradient(140deg,var(--brand-navy),var(--brand-deepest))}
.homepage-content .hp-subscription{background:linear-gradient(90deg,#080d14f5,#080d14dc),url('/assets/eigen-bmw-520-na.webp') center/cover no-repeat;border-block:1px solid var(--brand-line)}
.homepage-content .hp-subscription-tool{background:#11253bec;border-radius:6px;box-shadow:0 30px 70px #0004;border-top:2px solid var(--brand-red)}
.homepage-content .hp-process-list>li{border-top:2px solid var(--brand-red)}
.homepage-content .hp-contact{background:linear-gradient(90deg,#070b12f5,#070b12c7 55%,#070b1266),url('/assets/eigen-golf-voorkant-na.webp') center/cover no-repeat;min-height:520px;display:flex;align-items:center}
.homepage-content .hp-contact .hp-button{min-height:50px;font-size:13px}
.homepage-content .hp-footer{background:#07090d}
.inner-page .wp-content .hero{border-bottom:1px solid var(--brand-line)}
.inner-page .wp-content .eyebrow,.inner-page .wp-content .seo-eyebrow{letter-spacing:.12em;text-transform:uppercase}
.inner-page .wp-content .hero-inner .button,.inner-page .wp-content .seo-button{min-height:48px}
@media(max-width:900px){
 .signature-route-nav>span{display:none}
 .homepage-content .signature-route-nav{padding:10px 24px}
 .signature-route-nav>div{width:100%;justify-content:space-between;gap:16px;overflow:auto}
 .homepage-content .hp-intro.signature-intro{padding:70px 28px 0;min-height:780px}
 .signature-intro-photo{width:100%;object-position:65% center}
 .signature-intro:after{background:linear-gradient(90deg,#080d14eb,#080d1470),linear-gradient(0deg,#080d14 0%,#080d1466 65%,#080d1422)}
 .signature-intro .hp-intro-heading h2{font-size:clamp(48px,8vw,72px)}
 .signature-intro .hp-assurances{flex-wrap:wrap;justify-content:flex-start;column-gap:28px}
 .homepage-content .hp-service-photo{height:320px}
 .homepage-content .hp-own-work-grid{gap:16px}
 .homepage-content .hp-own-work-grid>figure:nth-child(2),.homepage-content .hp-own-work-grid>figure:nth-child(3){padding-top:0}
}
@media(max-width:600px){
 .homepage-content .signature-route-nav{padding:9px 20px}
 .signature-route-nav a{font-size:11px}
 .homepage-content .hp-intro.signature-intro{padding:60px 22px 0;min-height:820px;gap:24px}
 .signature-intro-photo{height:58%;top:auto;bottom:auto;inset:0 0 auto;width:100%;object-position:60% 50%;opacity:.8}
 .signature-intro:after{background:linear-gradient(0deg,#080d14 40%,#080d14a8 75%,#080d1444)}
 .signature-intro .hp-intro-heading h2{font-size:clamp(45px,12.5vw,68px)}
 .signature-intro .hp-intro-story{max-width:100%;padding-top:80px}
 .signature-intro .hp-assurances{margin-top:0;gap:13px;flex-direction:column;align-items:flex-start;font-size:12px}
 .signature-intro-actions .hp-button{flex:1;justify-content:space-between;padding:15px;font-size:12px;gap:15px}
 .homepage-content .hp-service-photo{height:280px}
 .homepage-content .hp-service-details{padding:24px}
 .homepage-content .hp-service-details ul{grid-template-columns:1fr}
 .homepage-content .hp-own-work-grid{grid-template-columns:1fr 1fr}
 .homepage-content .hp-own-work-grid>figure:first-child{grid-column:1/-1}
 .homepage-content .hp-contact{min-height:580px;background-position:60% center}
}