/* Existing JMJ palette and typography, with two equal entrances. */
/* R5: client request 14.10.2026, distinct themed backgrounds and inset frames. */
.home-page{--paper:#e4dfcc;--white:#f2eddf;--muted:#3f5147}
body:has(.branch-intro){--paper:#dde5d5;--white:#edf1e7;--muted:#3f5147}
.stick-page:has(.stick-gallery){--paper:#ead7bf;--white:#f4e7d6;--muted:#3f5147}
.home-page .home-intro,
body:has(.branch-intro) .branch-intro,
.stick-page:has(.stick-gallery) .service-hero{
 position:relative;
 background-position:center;
 background-size:cover;
 box-shadow:inset 0 0 0 1px #193d3638;
 outline:1px solid #193d3638;
 outline-offset:-12px;
}
.home-page .home-intro{
 background-image:linear-gradient(110deg,#e4dfcceb,#e4dfcceb),url('assets/bau-buero-1600.webp');
 margin-bottom:28px;
}
body:has(.branch-intro) .branch-intro{
 background-image:linear-gradient(90deg,#dde5d5eb,#dde5d5eb),url('assets/bau-wohnzimmer-vorher-1600.webp');
 background-position:center 55%;
}
.stick-page:has(.stick-gallery) .service-hero{
 background-image:linear-gradient(90deg,#ead7bfeb,#ead7bfeb),url('assets/stick-maschine-1600.webp');
}
.home-page .home-card{border-color:#82947d;box-shadow:0 6px 18px #193d3610}
.home-page .top-bau .home-card-copy{background:#dde5d5}
.home-page .top-stick .home-card-copy{background:#ead7bf}
.home-page .top-bau .branch-tab{background:#cbd8be}
.home-page .top-stick .branch-tab{background:#dcc3a4}
body:has(.branch-intro) .project-gallery{background:#cad7bf}
.stick-page:has(.stick-gallery) .project-gallery{background:#dcc3a4}
.stick-page:has(.stick-gallery) .stick-section{background:#e2cdb1}
body:has(.branch-intro) .project-gallery,
.stick-page:has(.stick-gallery) .project-gallery,
.stick-page:has(.stick-gallery) .stick-section{
 box-shadow:inset 0 0 0 1px #193d3638;
 outline:1px solid #193d3638;
 outline-offset:-12px;
}
.home-page .contact{background:#d6d9c3}
body:has(.branch-intro) .contact{background:#cedbc4}
.stick-page:has(.stick-gallery) .contact{background:#e2cdb1}
body:has(.branch-intro) .card-number{color:#52614e}
.home-intro{padding-block:32px 36px;text-align:center}
.home-intro .eyebrow{margin-bottom:12px}
.home-intro h1{font-size:clamp(2.1rem,4vw,3.5rem);line-height:1.15}
.home-intro>p:last-child{margin-top:16px}
.home-branches{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;padding-bottom:54px}
.home-card{display:flex;flex-direction:column;background:var(--white);border:1px solid var(--line);min-width:0}
.branch-tab{display:flex;justify-content:space-between;align-items:center;padding:15px 26px;background:#e6ebdf;font-size:22px;font-weight:bold;text-decoration:none;border-bottom:1px solid var(--line)}
.top-stick .branch-tab{background:#e5dbca}
.branch-tab:hover{background:var(--accent)}
.home-card>img{width:100%;height:300px;object-fit:cover}
.top-stick>img{object-position:center 45%}
.home-card-copy{padding:28px;display:flex;flex-direction:column;flex:1}
.home-card h2{font-size:44px}
.home-card .branch-tagline{font:italic 21px/1.4 Georgia,serif;margin:12px 0 20px}
.home-card-copy>p:not(.branch-tagline){font-size:16px;line-height:1.7;margin:0 0 24px}
.home-card h3{font-size:19px;margin-top:auto}
.home-card ul{padding:0;list-style:none;margin:15px 0 25px;font-size:16px}
.home-card li{position:relative;padding-left:23px;margin-bottom:5px}
.home-card li::before{content:'✓';position:absolute;left:0;color:var(--ink)}
.home-card .button{align-self:flex-start}
.home-page .contact{padding-block:54px}
.home-page .contact-grid{grid-template-columns:1.15fr .85fr;gap:54px;align-items:start}
.home-page .contact-grid>div:first-child{grid-column:2;grid-row:1}
.home-page .contact-form{grid-column:1;grid-row:1}
.home-page .contact h2{font-size:40px}
.contact-form #contact-hint{margin-bottom:20px}
.branch-intro{padding-block:42px}
.branch-intro h1{margin-bottom:24px}
.branch-intro .lead{margin-bottom:16px}
.project-gallery{background:var(--white)}
.project-gallery h2{font-size:clamp(2.3rem,4vw,3.8rem);margin-bottom:22px}
.project-pair{margin-top:42px}
.project-pair h3{margin-bottom:18px}
.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.project-photo{min-width:0;background:var(--paper);border:1px solid var(--line)}
.project-photo a{display:block}
.project-photo img{width:100%;height:400px;object-fit:contain;background:#e6e7df}
.project-photo figcaption{padding:12px 18px;font-size:14px;font-weight:bold}
.stick-gallery{margin-top:32px;grid-template-columns:repeat(3,minmax(0,1fr))}
.stick-gallery img{height:360px}
.quantity-copy{max-width:760px;margin-top:36px}
.quantity-copy h3{margin-bottom:16px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1000px){.home-card>img{height:260px}.home-card-copy{padding:23px}.home-page .contact-grid{gap:30px}.project-photo img{height:320px}.stick-gallery{grid-template-columns:1fr 1fr}}
@media(max-width:760px){
 .home-intro{padding-block:22px 28px}
 .home-branches{grid-template-columns:1fr;gap:26px;padding-bottom:36px}
 .home-card>img{height:auto;aspect-ratio:4/3}
 .home-card-copy{padding:24px}
 .home-card h2{font-size:38px}
 .home-page .contact-grid{grid-template-columns:1fr}
 .home-page .contact-grid>div:first-child{grid-column:1;grid-row:2}
 .home-page .contact-form{grid-column:1;grid-row:1}
 .photo-grid,.stick-gallery{grid-template-columns:1fr;gap:16px}
 .project-photo img,.stick-gallery img{height:auto;max-height:520px;object-fit:contain}
 .branch-intro{padding-block:30px}
 .home-page .contact{padding-block:36px}
}