:root{--ink:#071426;--navy:#0c2039;--navy2:#103c5d;--gold:#c89532;--gold2:#e2bd68;--paper:#f4f6f8;--muted:#617083;--line:#dce2e9;--white:#fff;--shadow:0 24px 70px rgba(7,20,38,.14)}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font:16px/1.65 "DM Sans",sans-serif;color:var(--ink);background:#fff}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1180px,calc(100% - 40px));margin:auto}
h1,h2,h3,h4{font-family:Manrope,sans-serif;line-height:1.1}
p{margin-top:0}
.top{background:var(--navy);color:#cbd5e1;font-size:13px}
.topin{min-height:36px;display:flex;align-items:center;justify-content:space-between}
.top strong{color:#fff}
.nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}
.navin{height:82px;display:flex;align-items:center;justify-content:space-between}
.logo{width:150px;height:68px;object-fit:contain}
.links{display:flex;align-items:center;gap:22px;font-weight:700;font-size:14px}
.links a:hover,.links a[aria-current=page]{color:var(--gold)}
.navphone{white-space:nowrap}
.navbtn{background:var(--ink);color:#fff!important;padding:11px 18px;border-radius:9px}
.pageHero{position:relative;overflow:hidden;background:linear-gradient(115deg,var(--ink),#0b2745 70%,var(--navy2));color:#fff;padding:88px 0}
.pageHero:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,transparent 0 34px,rgba(255,255,255,.018) 34px 35px)}
.pageHero .wrap{position:relative;z-index:1}
.crumbs{color:#aebccc;font-size:14px;margin-bottom:24px}
.crumbs a{color:var(--gold2)}
.eyebrow{display:flex;align-items:center;gap:10px;color:var(--gold2);font-weight:800;font-size:12px;letter-spacing:.17em;text-transform:uppercase}
.eyebrow:before{content:"";width:32px;height:2px;background:var(--gold)}
h1{font-size:clamp(42px,6vw,70px);letter-spacing:-.05em;margin:18px 0 20px;max-width:900px}
.pageLead{font-size:19px;color:#c6d1df;max-width:760px;margin:0}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 21px;border-radius:9px;font-weight:800;border:1px solid transparent;cursor:pointer;font:800 15px Manrope,sans-serif}
.btnGold{background:var(--gold2);color:var(--ink)}
.btnNavy{background:var(--ink);color:#fff}
.btnGhost{border-color:#65758b;color:#fff}
.section{padding:82px 0}
.sectionPaper{background:var(--paper)}
.sectionDark{background:var(--ink);color:#fff}
.sectionHead{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:34px}
.sectionHead h2{font-size:clamp(32px,4vw,48px);letter-spacing:-.04em;margin:10px 0 0}
.sectionHead p{color:var(--muted);max-width:520px;margin:0}
.sectionDark .sectionHead p{color:#b8c6d6}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:27px}
.card h2,.card h3{margin:14px 0 9px}
.card p{color:var(--muted);margin-bottom:14px}
.card ul{padding-left:20px;color:var(--muted)}
.card li{margin:7px 0}
.tag{display:inline-flex;background:#f5ead0;color:#785714;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:800}
.textLink{color:#12395a;font-weight:800}
.serviceList{display:grid;gap:18px}
.serviceRow{display:grid;grid-template-columns:240px 1fr auto;align-items:center;gap:28px;padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}
.serviceRow h2{font-size:23px;margin:8px 0 0}
.serviceRow p{color:var(--muted);margin:0}
.facts{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}
.fact{padding:24px;border-right:1px solid var(--line)}
.fact:last-child{border:0}
.fact b{display:block;font-family:Manrope}
.fact span{color:var(--muted);font-size:14px}
.photoGrid{display:grid;grid-template-columns:1.2fr .8fr .8fr;grid-auto-rows:260px;gap:14px}
.photoGrid figure{margin:0;position:relative;overflow:hidden;border-radius:16px;background:#14263c}
.photoGrid figure:first-child{grid-row:span 2}
.photoGrid img{width:100%;height:100%;object-fit:cover}
.photoGrid figcaption{position:absolute;left:12px;bottom:12px;background:rgba(7,20,38,.9);color:#fff;padding:8px 12px;border-radius:8px;font-size:13px;font-weight:800}
.filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:24px}
.filter{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:99px;padding:9px 15px;font-weight:800;cursor:pointer}
.filter.active{background:var(--ink);color:#fff;border-color:var(--ink)}
.projectGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}
.project{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden}
.project summary{cursor:pointer;list-style:none}
.project summary::-webkit-details-marker{display:none}
.project img{width:100%;height:260px;object-fit:cover}
.projectTitle{padding:19px}
.projectTitle h2{font-size:21px;margin:9px 0 4px}
.projectTitle span{color:var(--muted);font-size:14px}
.projectBody{padding:0 19px 21px;color:var(--muted)}
.projectBody b{color:var(--ink)}
.aboutGrid{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:start}
.aboutCopy h2{font-size:clamp(32px,4vw,48px);margin:10px 0 20px}
.aboutCopy p{color:var(--muted)}
.points{display:grid;gap:12px;margin-top:24px}
.point{border-left:3px solid var(--gold);padding:7px 0 7px 15px}
.point b{display:block}
.point span{color:var(--muted);font-size:14px}
.quoteLayout{display:grid;grid-template-columns:.72fr 1.28fr;gap:55px;align-items:start}
.quoteHelp{position:sticky;top:125px}
.quoteHelp h2{font-size:38px;margin:12px 0 18px}
.quoteHelp p{color:var(--muted)}
form{background:#fff;border:1px solid var(--line);border-radius:18px;padding:30px;box-shadow:var(--shadow)}
.formGrid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.field.full{grid-column:1/-1}
label{display:block;font-weight:800;font-size:14px;margin-bottom:7px}
input,select,textarea{width:100%;border:1px solid #cbd5df;border-radius:9px;padding:13px 14px;background:#fff;color:var(--ink);font:16px "DM Sans",sans-serif}
textarea{min-height:120px;resize:vertical}
input:focus,select:focus,textarea:focus{outline:3px solid rgba(200,149,50,.22);border-color:var(--gold)}
.upload{border:2px dashed #b9c4d0;border-radius:12px;padding:20px;background:var(--paper)}
.formNote{font-size:13px;color:var(--muted);margin:14px 0 0}
.contactChoices{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.contactChoices a{font-weight:800;color:#12395a}
.success{display:none;margin-top:14px;padding:13px;border-radius:9px;background:#edf3f8;color:var(--navy)}
footer{background:var(--ink);color:#aebccc;padding:55px 0 90px}
.footGrid{display:grid;grid-template-columns:1.1fr .8fr .9fr;gap:46px}
.footerLogo{width:200px}
.footGrid h4{color:#fff;font-size:13px;letter-spacing:.13em;text-transform:uppercase}
.footGrid a{display:block;margin:8px 0}
.contactPhone b{display:block;color:#fff;font:800 18px Manrope}
.contactPhone small{display:block}
.copy{border-top:1px solid #243248;margin-top:40px;padding-top:20px;display:flex;justify-content:space-between;font-size:13px}
.mobile{display:none}

@media(max-width:900px){.links a:not(.navbtn){display:none}
.grid,.projectGrid{grid-template-columns:1fr 1fr}
.serviceRow{grid-template-columns:1fr}
.facts{grid-template-columns:1fr 1fr}
.photoGrid{grid-template-columns:1fr 1fr}
.photoGrid figure:first-child{grid-row:span 1;grid-column:span 2;height:440px}
.aboutGrid,.quoteLayout{grid-template-columns:1fr}
.quoteHelp{position:static}
.footGrid{grid-template-columns:1fr;gap:22px}
}

@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}
.topin{justify-content:center}
.topin span:last-child{display:none}
.navin{height:70px}
.logo{width:116px;height:55px}
.pageHero{padding:62px 0}
.grid,.projectGrid,.facts,.formGrid{grid-template-columns:1fr}
.fact{border-right:0;border-bottom:1px solid var(--line)}
.serviceRow{padding:21px}
.section{padding:64px 0}
.sectionHead{display:block}
.sectionHead p{margin-top:14px}
.photoGrid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}
.photoGrid figure,.photoGrid figure:first-child{flex:0 0 86%;height:410px;grid-column:auto;scroll-snap-align:start}
.project img{height:230px}
form{padding:20px}
.field.full{grid-column:auto}
.copy{display:block}
.mobile{position:fixed;z-index:40;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;background:#fff;padding:9px 12px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px rgba(7,20,38,.15);gap:8px}
.mobile a{display:flex;justify-content:center;padding:12px;border-radius:8px;font-weight:800}
.mobile a:first-child{background:var(--gold2)}
.mobile a:last-child{background:var(--ink);color:#fff}
}


/* Searchable pricing catalog */
.priceNotice{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:34px}
.priceNotice>div{background:var(--navy);color:#e5edf6;border-radius:14px;padding:22px;border-left:4px solid var(--gold)}
.priceNotice b{display:block;color:#fff;font:800 18px Manrope;margin-bottom:6px}
.priceNotice span{display:block;color:#d7e1ec}
.catalogTools{position:sticky;top:94px;z-index:10;background:rgba(244,246,248,.97);backdrop-filter:blur(12px);padding:16px 0 18px;margin-bottom:26px;border-bottom:1px solid var(--line)}
.catalogTools label{font:800 15px Manrope}
.catalogTools input{max-width:680px;margin:7px 0 12px}
.priceFilters{display:flex;flex-wrap:wrap;gap:8px}
.priceFilter{border:1px solid #b9c5d2;background:#fff;color:var(--navy);border-radius:99px;padding:8px 13px;font-weight:800;cursor:pointer}
.priceFilter.active{background:var(--navy);border-color:var(--navy);color:#fff}
.serviceCount{font-size:13px;color:var(--muted);margin:9px 0 0}
.priceCatalog{display:grid;gap:30px}
.priceGroup{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}
.priceGroupHead{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,390px);align-items:center;gap:28px;border-bottom:1px solid var(--line);padding-bottom:22px;margin-bottom:20px}
.priceGroupHead h2{font-size:clamp(27px,3vw,36px);margin:9px 0 7px;color:var(--navy)}
.priceGroupHead p{color:var(--muted);margin:0}
.priceGroupMedia{position:relative;margin:0;aspect-ratio:16/9;overflow:hidden;border-radius:14px;background:var(--navy);box-shadow:0 10px 24px rgba(7,20,38,.14)}
.priceGroupMedia img{display:block;width:100%;height:100%;object-fit:cover}
.mediaBadge{position:absolute;right:10px;bottom:10px;padding:7px 10px;border-radius:99px;font:800 11px Manrope;letter-spacing:.04em}
.mediaBadge.real{background:var(--navy);color:#fff}
.mediaBadge.illustrative{background:var(--gold2);color:var(--navy)}
.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.priceItem{position:relative;border:1px solid var(--line);border-radius:12px;padding:19px;background:#fff;min-height:155px}
.priceItem.extra{border-color:#d5b15f;background:#fffaf0}
.priceItem.extra:after{content:"PRIMEHAUS EXTRA";position:absolute;top:12px;right:12px;color:#76530e;font-size:9px;font-weight:800;letter-spacing:.08em}
.priceItem h3{font-size:17px;margin:0 0 8px;padding-right:42px;color:var(--navy)}
.priceItem p{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 28px}
.priceItem b{position:absolute;left:19px;bottom:16px;color:#8a6419;font:800 15px Manrope}
.priceItem[hidden],.priceGroup[hidden]{display:none}
.noResults{text-align:center;padding:55px;background:#fff;border-radius:16px;border:1px solid var(--line)}
.noResults p{color:var(--muted)}
.socialLinks{display:flex;gap:8px;flex-wrap:wrap}
.socialLinks a{display:inline-flex!important;border:1px solid #52647a;border-radius:99px;padding:7px 12px;margin:0!important;color:#fff!important}
.footGrid p strong{color:#fff}

@media(max-width:900px){.priceGrid{grid-template-columns:1fr 1fr}
.priceGroupHead{grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:20px}
.catalogTools{top:79px}
.links a[href="/pricing/"]{display:none}
}

@media(max-width:560px){.priceNotice,.priceGrid{grid-template-columns:1fr}
.priceGroupHead{grid-template-columns:1fr;gap:18px}
.priceGroupMedia{width:100%}
.catalogTools{top:68px}
.priceGroup{padding:20px}
.priceItem{min-height:145px}
.priceFilters{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px}
.priceFilter{white-space:nowrap}
.pageHero h1{font-size:42px}
}


/* Put real prices in the first viewport of the pricing page. */
.heroPrices{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;max-width:900px;margin-top:28px}
.heroPrice{display:flex;flex-direction:column;gap:2px;padding:14px 16px;border:1px solid rgba(226,189,104,.55);border-radius:11px;background:rgba(12,32,57,.72)}
.heroPrice span{color:#e5edf6;font-size:13px}
.heroPrice b{color:var(--gold2);font:800 20px Manrope}
.pricingHero .actions{margin-top:18px}

@media(max-width:700px){.heroPrices{grid-template-columns:1fr 1fr}
.heroPrice{padding:12px}
.heroPrice b{font-size:18px}
}


/* High-contrast rules for every navy surface. */
.top{color:#e3eaf2}

.pageHero h1,.pageHero h2,.pageHero h3,.pageHero h4,
.sectionDark .sectionHead h2,.sectionDark>.wrap>h2,.sectionDark>.wrap>h3{color:#fff}

.pageHero .btnGhost,.btnNavy,.filter.active,.mobile a:last-child{color:#fff!important}

.sectionDark .sectionHead p,.sectionDark>.wrap>p{color:#d4deea}

.photoGrid figcaption{color:#fff}


/* Centre the brand at the top of the footer and keep footer copy readable. */
footer{color:#dbe4ee}

.footGrid{grid-template-columns:1fr 1fr}

.footGrid>div:first-child{grid-column:1/-1;text-align:center}

.footGrid>div:first-child p{max-width:680px;margin:14px auto 0;color:#dbe4ee}

.footerLogo{margin:0 auto}

.footGrid a,.contactPhone small,.copy{color:#dbe4ee}

.footGrid a:hover,.footGrid a:focus-visible{color:var(--gold2)}

@media(max-width:900px){.footGrid{grid-template-columns:1fr}
.footGrid>div:first-child{grid-column:auto}
.footGrid>div:not(:first-child){text-align:center}
}