:root{--ink:#203b30;--lime:#cbd8a8;--paper:#f5f5ef;--muted:#647168}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper)}.logo{font-size:35px;font-weight:800;letter-spacing:-2px}.logo span{font-size:20px;margin-left:5px;color:#8eab65}nav{display:flex;gap:32px;font-size:14px}.navcta{border-bottom:1px solid var(--ink);font-size:14px;padding:8px 0}.navcta span{margin-left:24px}.hero{margin:0 20px;height:650px;position:relative;overflow:hidden;color:white}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center 55%}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,30,24,.77),rgba(12,30,24,.12) 85%)}.hero-copy{position:absolute;top:13%;left:5%;max-width:700px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 26px}h1,h2,h3,p{margin-top:0}h1{font-size:76px;line-height:1.05;font-weight:500;letter-spacing:-3px;margin-bottom:25px}h2{font-size:49px;line-height:1.12;letter-spacing:-2px;font-weight:500;margin-bottom:25px}h3{font-size:23px;line-height:1.25;letter-spacing:-.5px}.hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7}.actions{display:flex;gap:12px;margin-top:35px}.button{display:inline-flex;justify-content:space-between;gap:28px;align-items:center;padding:15px 23px;font-size:14px;border:0;cursor:pointer}.light{background:var(--paper);color:var(--ink)}.outline{border:1px solid #ffffff80;color:white}.dark{background:var(--ink);color:white}.hero-bottom{position:absolute;bottom:25px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px}.trust{padding:25px 6%;display:flex;justify-content:space-between;border-bottom:1px solid #d4d9cf;font-size:12px}.trust span:before{content:'✓';margin-right:12px;color:#7a9356}section:not(.hero){padding:90px 6%}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px}.intro-grid>div{max-width:520px}p{color:inherit}.lead{font-size:22px;line-height:1.5}.textlink{display:inline-block;font-size:13px;border-bottom:1px solid #9bad96;padding-bottom:5px;margin-top:8px;margin-right:20px}.system-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:45px}.system-strip>div{border-top:1px solid #c5cec0;padding-top:20px}.system-strip b{font-size:12px;color:#768769}.system-strip h3{margin:15px 0 10px}.system-strip p{font-size:14px;color:var(--muted)}.homes{background:#e9ecdf}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px}.section-head>p{font-size:15px;max-width:350px;color:var(--muted);margin-bottom:28px}.filters{display:flex;gap:10px;margin-bottom:30px}.filters button{background:none;border:1px solid #bec8b5;border-radius:25px;padding:8px 20px;font-size:13px;cursor:pointer}.filters .active{background:var(--ink);color:white;border-color:var(--ink)}.house-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.house img{width:100%;height:265px;object-fit:cover;display:block}.house .info{padding:24px 0;border-bottom:1px solid #bdc6b5}.tag{font-size:10px;letter-spacing:1.5px;text-transform:uppercase}.house h3{font-size:28px;margin:10px 0}.house .specs{display:flex;gap:20px;font-size:12px;color:var(--muted);margin-bottom:20px}.house button{padding:0;background:none;border:0;color:var(--ink);cursor:pointer;text-align:left}.house button span{margin-left:25px}.fine{font-size:11px;line-height:1.7;color:var(--muted);margin-top:25px;max-width:950px}.business{background:var(--ink);color:var(--paper)}.business-top{display:grid;grid-template-columns:1.2fr 1fr;gap:100px}.business .lead{max-width:600px;font-size:19px;color:#c7d0c5}.business h2{font-size:60px}.panel-feature{background:#dfe5d5;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px;min-height:360px;color:var(--ink)}.panel-feature img{width:100%;height:270px;object-fit:contain;mix-blend-mode:multiply}.panel-feature span{font-size:11px;letter-spacing:1px}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:65px}.services article{border-top:1px solid #65776a;padding-top:20px}.services span{font-size:10px;letter-spacing:1px;color:#c4d4af}.services h3{margin:18px 0 12px}.services p{font-size:14px;color:#bfccbf}.element-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.element{border:1px solid #d5dbce;background:#fafbf6}.element img{height:205px;width:100%;object-fit:contain;padding:25px;background:#e9eddf;mix-blend-mode:multiply}.element .info{padding:24px}.element h3{font-size:21px;margin:8px 0 13px}.element p{font-size:13px;color:var(--muted);min-height:42px}.element .sizes{font-size:12px;border-top:1px solid #d5dbce;padding-top:12px}.element a{font-size:12px;text-decoration:underline}.technical{margin-top:60px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}th,td{border-bottom:1px solid #ccd5c7;padding:17px}thead{background:#e5eadd}tbody th{font-weight:400}.process{background:#e5eadd}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px}.steps span{font-size:32px;color:#7f946b}.steps h3{font-size:20px;margin-top:20px}.steps p{font-size:14px;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.email{font-size:26px;border-bottom:1px solid #a9b99c;display:inline-block;margin-top:20px}form label{display:block;font-size:12px;margin-bottom:20px}input,textarea,select{display:block;width:100%;border:0;border-bottom:1px solid #a7b49b;border-radius:0;padding:12px 0;background:transparent;color:var(--ink)}.formrow{display:grid;grid-template-columns:1fr 1fr;gap:24px}footer{border-top:1px solid #cbd3c2;padding:35px 6%;display:flex;flex-wrap:wrap;align-items:center;gap:30px}footer p{font-size:12px;margin:0}footer>div{margin-left:auto;display:flex;gap:20px;font-size:11px}footer button{background:none;border:0;padding:0;color:inherit;font-size:11px;cursor:pointer}footer small{font-size:10px;width:100%;color:var(--muted)}dialog{border:0;background:var(--paper);color:var(--ink);max-width:760px;width:90%;padding:40px;max-height:90vh;overflow:auto}dialog::backdrop{background:#0b211cb3}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:23px;cursor:pointer}dialog img{width:100%;max-height:320px;object-fit:cover}dialog h2{font-size:35px;margin:20px 0}dialog li{font-size:15px}[hidden]{display:none!important}a:hover,button:hover{opacity:.8}@media(min-width:1600px){main,header,footer{max-width:1600px;margin:auto}}@media(max-width:900px){nav{gap:16px}h1{font-size:58px}.hero{height:600px}.intro-grid,.business-top,.contact{gap:40px}.house-grid,.element-grid{grid-template-columns:repeat(2,1fr)}.services{gap:20px}.steps{grid-template-columns:repeat(2,1fr)}.trust{flex-wrap:wrap;gap:15px}h2{font-size:40px}}@media(max-width:600px){header{height:75px;padding:0 6%}.logo{font-size:29px}nav{display:none}.navcta{font-size:11px}.hero{margin:0 10px;height:620px}.hero-copy{left:7%;right:7%;top:12%}h1{font-size:51px;letter-spacing:-2px}.hero-copy>p:not(.eyebrow){font-size:16px}.actions{flex-direction:column;align-items:start}.hero>img{object-position:65%}.shade{background:linear-gradient(90deg,#102c23db,#102c2338)}.hero-bottom{font-size:10px}.trust{font-size:10px;gap:12px}.trust span{width:45%}section:not(.hero){padding:60px 7%}.intro-grid,.business-top,.contact{grid-template-columns:1fr;gap:25px}.section-head{display:block}.section-head>p{margin-bottom:20px}.system-strip,.services{grid-template-columns:1fr;gap:18px}.house-grid,.element-grid{grid-template-columns:1fr}.house img{height:260px}.business h2{font-size:47px}.panel-feature{min-height:280px}.panel-feature img{height:210px}.services{margin-top:35px}.steps{gap:20px}.steps h3{font-size:18px}.filters{gap:6px}.filters button{padding:7px 12px;font-size:11px}.formrow{grid-template-columns:1fr;gap:0}footer>div{margin-left:0;flex-wrap:wrap}dialog{padding:30px 22px}.email{font-size:23px}}

.house-price{margin:0 0 18px}.house-price strong{display:block;font-size:25px;font-weight:500;letter-spacing:-.5px}.house-price small{font-size:11px;color:var(--muted)}

.house-gallery #gallery-main{width:100%;height:390px;max-height:none;object-fit:contain;background:#e9ecdf}.house-gallery #gallery-caption{font-size:12px;color:var(--muted);margin:10px 0}.gallery-thumbs{display:flex;gap:10px;overflow-x:auto;padding:5px 2px 15px}.gallery-thumbs button{flex:0 0 105px;padding:3px;background:transparent;border:2px solid transparent;cursor:pointer}.gallery-thumbs button[aria-pressed="true"]{border-color:var(--ink)}.gallery-thumbs img{width:95px;height:70px;object-fit:cover;display:block}.house-gallery+h2{margin-top:25px}#dialog-content>h3{margin-top:28px;font-size:22px}@media(max-width:600px){.house-gallery #gallery-main{height:240px}.gallery-thumbs button{flex-basis:85px}.gallery-thumbs img{width:75px;height:55px}}

.panel-details{background:none;border:0;border-bottom:1px solid #9bad96;color:var(--ink);cursor:pointer;padding:0 0 5px}.panel-detail-image{object-fit:contain!important;background:#e9ecdf;height:250px}

.legal-page{max-width:960px;margin:0 auto;padding:70px 6%;overflow-wrap:anywhere}.legal-page h1{font-size:48px;letter-spacing:-2px}.legal-page h2{font-size:27px;letter-spacing:-.5px}.legal-page h3{font-size:20px}.legal-page p,.legal-page li{font-size:15px}.legal-page section{padding:28px 0!important;border-top:1px solid #d5dbce}.legal-page a{text-decoration:underline}.legal-nav{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0;font-size:13px}.legal-callout{padding:22px;background:#e5eadd;margin-top:25px}.legal-page .fine{font-size:12px}.legal-intro{font-size:18px!important}@media(max-width:600px){.legal-page{padding:45px 7%}.legal-page h1{font-size:36px}.legal-nav{display:flex}.legal-page h2{font-size:24px}}

.gateway-intro{padding:55px 6% 35px!important}.gateway-intro h1{font-size:60px;margin-bottom:18px}.gateway-intro>p:last-child{color:var(--muted)}.audience-choices{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 20px}.audience-choice{position:relative;min-height:515px;overflow:hidden;color:var(--paper);display:block}.private-choice>img{position:absolute;width:100%;height:100%;object-fit:cover}.choice-shade{position:absolute;inset:0;background:linear-gradient(0deg,#132d26ed,#132d2630)}.choice-copy{position:absolute;left:7%;right:6%;bottom:40px}.choice-copy h2{font-size:43px;margin-bottom:18px}.choice-copy .eyebrow{margin-bottom:17px}.choice-copy p{font-size:15px}.business-choice{background:var(--ink)}.choice-panel{position:absolute;right:-4%;top:-20px;width:60%;height:240px;opacity:.5;transform:rotate(-10deg)}.choice-panel img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}.gateway-note{display:flex;justify-content:space-around;gap:20px;padding:28px 6%;font-size:12px;color:var(--muted)}.audience-choices a:hover{opacity:1}.audience-choice:hover .button{background:var(--lime)}.audience-intro{padding:75px 6%!important}.audience-intro h1{font-size:65px}.audience-intro .lead{max-width:750px}.audience-hero{height:580px}.audience-switch{border-bottom:1px solid #9bad96}.gateway footer{margin-top:30px}@media(max-width:900px){.audience-choices{gap:14px}.choice-copy h2{font-size:34px}.choice-copy p{font-size:13px}.choice-copy .button{font-size:12px;padding:14px}.audience-choice{min-height:470px}}@media(max-width:600px){.gateway-intro{padding:35px 7% 25px!important}.gateway-intro h1{font-size:43px}.audience-choices{grid-template-columns:1fr;padding:0 12px;gap:16px}.audience-choice{min-height:405px}.choice-copy{bottom:28px}.choice-copy h2{font-size:36px}.choice-copy p{font-size:14px}.gateway-note{flex-direction:column;gap:8px;padding-left:7%}.audience-intro h1{font-size:45px}.audience-intro{padding:50px 7%!important}.audience-hero{height:550px}.audience-private header,.audience-business header{height:auto;min-height:80px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.audience-private header nav,.audience-business header nav{display:flex;order:3;width:100%;gap:18px;font-size:11px;flex-wrap:wrap}.audience-private header .navcta,.audience-business header .navcta{font-size:11px}}

.gallery-open{position:relative;display:block;width:100%;border:0;padding:0;background:#e9ecdf;color:var(--ink);cursor:zoom-in}.gallery-open>span{position:absolute;right:12px;bottom:12px;padding:7px 12px;background:var(--paper);font-size:12px}.gallery-open:hover{opacity:1}.image-viewer{position:fixed;inset:0;width:96vw;max-width:1600px;height:94dvh;max-height:96dvh;margin:auto;padding:0;overflow:hidden;background:#14241e;color:#fff;border:1px solid #6b7a70}.image-viewer[open]{display:flex;flex-direction:column}.image-viewer::backdrop{background:#07120df0}.viewer-toolbar{display:flex;align-items:center;gap:8px;padding:12px;flex-wrap:wrap;background:#203b30}.viewer-toolbar button{background:#eff2e9;border:0;color:#203b30;padding:8px 13px;min-width:40px;cursor:pointer}.viewer-toolbar button:disabled{opacity:.45;cursor:default}.viewer-toolbar #viewer-title{flex:1;font-size:13px;min-width:100px}.viewer-help{font-size:11px;margin:8px 15px;color:#c5d1c7}.viewer-stage{flex:1;min-height:0;overflow:auto;touch-action:auto;cursor:grab;padding:15px;overscroll-behavior:contain}.viewer-stage.dragging{cursor:grabbing;user-select:none}.viewer-stage img{display:block;max-width:none;max-height:none;object-fit:fill;margin:auto;user-select:none}.viewer-status{height:24px;flex-shrink:0;margin:8px 15px;font-size:12px;color:#c5d1c7}@media(max-width:600px){.image-viewer{width:100vw;height:100dvh;max-height:100dvh;border:0}.viewer-toolbar{gap:6px;padding:9px}.viewer-toolbar #viewer-title{order:2;width:100%;font-size:12px}.viewer-toolbar button{padding:8px 12px}.viewer-help{font-size:10px}}

.build-options{background:#e5eadd}.build-lead{font-size:21px;max-width:920px;line-height:1.6}.build-paths{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin:38px 0 60px}.build-paths article{background:var(--paper);padding:30px}.build-paths span{font-size:10px;letter-spacing:1px}.build-paths h3{margin-top:20px;font-size:25px}.build-paths p{font-size:14px;color:var(--muted);margin-bottom:0}.build-combination{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;border-top:1px solid #bac7ae;padding-top:45px}.build-combination>div>h3{font-size:31px;line-height:1.2}.build-combination>div>p:not(.eyebrow){font-size:15px;max-width:360px}.build-trades article{display:flex;gap:24px;padding:20px 0;border-bottom:1px solid #becab3}.build-trades article:first-child{padding-top:0}.build-trades article>span{font-size:13px;color:#6c825d}.build-trades h3{font-size:22px;margin-bottom:8px}.build-trades p{font-size:14px;margin-bottom:0;color:var(--muted)}.build-example{margin-top:45px;padding:32px;background:var(--ink);color:var(--paper)}.build-example .eyebrow{color:var(--lime);margin-bottom:15px}.build-example>p:not(.eyebrow){font-size:21px;max-width:900px}.build-example strong{font-size:15px;font-weight:500}@media(max-width:900px){.build-paths{gap:16px}.build-paths article{padding:22px}.build-combination{gap:35px}}@media(max-width:600px){.build-lead{font-size:18px}.build-paths{grid-template-columns:1fr;gap:14px;margin-bottom:40px}.build-combination{grid-template-columns:1fr;gap:35px}.build-example{padding:25px}.build-example>p:not(.eyebrow){font-size:18px}}

#haeufige-fragen details{max-width:950px;border-bottom:1px solid #b8c5b0;padding:20px 0}#haeufige-fragen summary{cursor:pointer;font-size:20px;font-weight:500}#haeufige-fragen details p{max-width:850px;margin:16px 0 0;line-height:1.7}

.house .card-image,.element .card-image{display:block;width:100%;padding:0;margin:0;border:0;background:transparent;cursor:pointer;text-align:inherit;border-radius:0;overflow:hidden}.card-image img{display:block;transition:transform .2s ease}.card-image:hover img{transform:scale(1.025)}.card-image:focus-visible{outline:3px solid #48683f;outline-offset:3px}

.gallery-open,.viewer-stage{touch-action:pan-y pinch-zoom}.gallery-open img{user-select:none;-webkit-user-drag:none}

/* Touch-friendly mobile layout */
.mobile-project{display:none}.swipe-hint{font-size:12px;color:var(--muted);margin:0 0 10px}body:has(dialog[open]){overflow:hidden}
@media(max-width:600px){
 html{scroll-padding-top:135px}body{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}body.gateway,body:has(.legal-page){padding-bottom:0}
 header{position:sticky;top:0;z-index:20;border-bottom:1px solid #d5dbce;background:var(--paper);padding-left:20px;padding-right:20px}
 .audience-private header,.audience-business header{padding:8px 20px 0;min-height:64px;gap:4px}
 header .logo{display:inline-flex;align-items:center;min-height:48px}.audience-private header .navcta,.audience-business header .navcta{font-size:13px;min-height:44px;display:flex;align-items:center}
 .audience-private header nav,.audience-business header nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:18px;font-size:13px;scrollbar-width:none;padding:0 0 4px}.audience-private nav a,.audience-business nav a{display:flex;align-items:center;min-height:44px;white-space:nowrap;flex-shrink:0}nav::-webkit-scrollbar{display:none}
 h1{font-size:clamp(35px,10vw,46px)}h2{font-size:clamp(29px,8vw,38px)}.business h2{font-size:38px}.audience-intro h1{font-size:clamp(35px,10vw,45px)}section:not(.hero){padding:44px 20px}.hero-copy{left:20px;right:20px}.hero{margin:0;height:500px}.hero-copy .button{max-width:100%;gap:16px}.hero-copy>p:not(.eyebrow){font-size:16px}
 .button{min-height:48px;font-size:15px;padding:13px 18px}.actions{align-items:stretch}.filters{overflow-x:auto;flex-wrap:nowrap;padding:2px 0 8px;gap:8px}.filters button{min-height:44px;white-space:nowrap;font-size:13px;padding:9px 16px;flex-shrink:0}.house .specs{flex-wrap:wrap;gap:6px 18px;font-size:14px}.house .info>button,.element .info>button{min-height:48px;font-size:15px}.tag{font-size:11px}.house-price small{font-size:13px}.fine{font-size:12px}.element p{font-size:15px}.element .sizes{font-size:14px}.element .info{padding:20px}.house-grid,.element-grid{gap:30px}
 input,select,textarea{font-size:16px;min-height:48px;padding:12px 4px}form label{font-size:14px}textarea{min-height:140px}form .button{width:100%}.email{font-size:clamp(20px,6vw,25px);overflow-wrap:anywhere}.contact{gap:24px}.build-lead{font-size:17px}.build-paths p,.build-trades p{font-size:15px}
 .mobile-project{position:fixed;bottom:0;left:0;right:0;z-index:25;display:flex;align-items:center;justify-content:space-between;min-height:64px;padding:14px 22px calc(14px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--paper);font-size:16px;box-shadow:0 -2px 12px #203b3020}body:has(dialog[open]) .mobile-project{display:none}
 dialog:not(.image-viewer){width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0;inset:0;padding:calc(64px + env(safe-area-inset-top,0px)) 20px calc(28px + env(safe-area-inset-bottom,0px));overscroll-behavior:contain}dialog:not(.image-viewer) .close{position:fixed;top:calc(8px + env(safe-area-inset-top,0px));right:12px;width:48px;height:48px;z-index:3;background:var(--paper);border:1px solid #c5cec0;border-radius:50%;display:grid;place-items:center;line-height:1}dialog h2{font-size:30px}dialog p,dialog li{font-size:16px;line-height:1.65}.house-gallery #gallery-main{height:clamp(210px,36svh,330px)}.house-gallery #gallery-caption{font-size:14px}.gallery-thumbs{gap:8px;scroll-snap-type:x proximity}.gallery-thumbs button{scroll-snap-align:start;flex-basis:88px;min-height:64px}.gallery-thumbs img{width:78px;height:58px}dialog .swipe-hint{font-size:12px}.gallery-open>span{font-size:13px;padding:8px 12px;right:8px;bottom:8px}
 .image-viewer{height:100dvh;max-height:100dvh}.viewer-toolbar{padding:calc(8px + env(safe-area-inset-top,0px)) 8px 8px;gap:6px}.viewer-toolbar button{min-width:44px;min-height:44px;padding:8px 12px;line-height:1}.viewer-toolbar #viewer-title{order:2;width:100%;font-size:14px;padding:4px}.viewer-help{font-size:12px;line-height:1.5;padding:8px 12px;margin:0}.viewer-stage{min-height:0;overscroll-behavior:contain}.viewer-status{font-size:13px;padding-bottom:calc(10px + env(safe-area-inset-bottom,0px))}
 .gateway-intro{padding:24px 20px!important}.gateway-intro h1{font-size:38px}.gateway-intro .eyebrow{margin-bottom:16px}.audience-choices{padding:0 12px;gap:12px}.audience-choice{min-height:330px}.choice-copy{left:20px;right:20px;bottom:22px}.choice-copy h2{font-size:32px}.choice-copy .button{font-size:14px}.gateway-note{padding:20px;font-size:13px}.gateway header .navcta{font-size:13px;min-height:44px;display:flex;align-items:center}footer{padding:28px 20px;gap:14px}footer>div{gap:10px 22px}footer>div a{min-height:44px;display:flex;align-items:center;font-size:13px}footer small{font-size:12px}.steps{grid-template-columns:1fr 1fr}.steps p{font-size:15px}.table-wrap{border:1px solid #ccd5c7}.table-wrap table{min-width:520px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

@media(max-width:600px){.audience-private main{display:flex;flex-direction:column}.audience-private main>section{order:3}.audience-private main>.hero{order:0}.audience-private main>#privatkunden{order:1}.audience-private main>#ausbaustufen{order:2}}

/* Photo grid inspired by the manufacturer's house galleries */
#details{max-width:1120px}.reference-gallery>h2{text-align:center;font-size:42px;margin:8px 0 14px}.reference-gallery>p{text-align:center;color:var(--muted);margin-bottom:32px}.photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}.photo-tile{display:block;width:100%;padding:0;border:0;border-radius:16px;overflow:hidden;background:#e9ecdf;color:var(--ink);cursor:zoom-in;text-align:left}.photo-tile img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;transition:transform .2s ease}.photo-tile>span{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;background:#edf0e5}.photo-tile:focus-visible{outline:3px solid #48683f;outline-offset:4px}.photo-tile:hover{opacity:1}.photo-tile:hover img{transform:scale(1.015)}.reference-gallery+h2{margin-top:42px}
@media(max-width:600px){.photo-grid{grid-template-columns:1fr;gap:20px}.reference-gallery>h2{font-size:32px}.reference-gallery>p{font-size:15px;margin-bottom:24px}.photo-tile{border-radius:14px}.photo-tile>span{font-size:14px;min-height:44px}}