:root{--paper:#f3f0e8;--ink:#171613;--muted:#777269;--line:#d4cfc4;--dark:#171716;--max:1200px;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
    *{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}
    a{color:inherit} img{display:block;width:100%;height:100%;object-fit:cover}
    .shell{max-width:var(--max);margin:auto;padding:0 36px}
    header{position:sticky;top:0;z-index:10;background:rgba(243,240,232,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
    .head{height:72px;display:grid;grid-template-columns:1fr auto auto;gap:38px;align-items:center}
    .brand{display:block;width:184px;height:34px;text-decoration:none;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center;mix-blend-mode:multiply}.nav{display:flex;justify-content:flex-end;gap:34px;font-size:12px;letter-spacing:.12em}.nav a{text-decoration:none}.nav a:hover,.nav a[aria-current="page"]{border-bottom:1px solid currentColor}.langs{justify-self:end;text-align:right;font-size:11px;letter-spacing:.1em;color:var(--muted);white-space:nowrap}.langs a{display:inline-block;color:inherit;text-decoration:none;padding:10px 4px;cursor:pointer;position:relative;z-index:12}.langs a.is-active{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
    .workbar{border-bottom:1px solid var(--line);font-size:12px;letter-spacing:.08em;color:var(--muted)}.workbar .shell{min-height:42px;display:flex;align-items:center;justify-content:space-between}.workbar strong{color:var(--ink);font-weight:400}
    main{min-height:80vh}.page{display:block}
    .hero{padding:78px 0 70px}.eyebrow{font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:34px}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:76px;align-items:end}.hero h1{font:400 clamp(56px,8vw,104px)/.94 var(--serif);letter-spacing:-.055em;margin:0}.lead{font:400 30px/1.12 var(--serif);letter-spacing:-.025em;margin:0 0 24px}.intro{max-width:580px;margin:0}
    .hero-image{height:58vh;min-height:480px;max-height:700px;margin-bottom:92px}.hero-image img{object-position:center 58%}
    .section{border-top:1px solid var(--line);padding:74px 0 88px}.section-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:76px}.section h2{font:400 clamp(36px,5vw,64px)/1.03 var(--serif);letter-spacing:-.04em;margin:0}.section-copy{max-width:660px}.section-copy p:first-child{margin-top:0}.fact-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:54px}.fact{padding:20px 18px 12px 0;border-right:1px solid var(--line);min-height:150px}.fact+.fact{padding-left:18px}.fact:last-child{border-right:0}.fact small{display:block;color:var(--muted);letter-spacing:.1em;margin-bottom:18px}.fact strong{font:400 22px/1.2 var(--serif)}
    .quote{background:var(--dark);color:var(--paper);padding:96px 0}.quote blockquote{max-width:960px;margin:0;font:400 clamp(40px,6vw,78px)/1.04 var(--serif);letter-spacing:-.04em}
    .cluster{padding:80px 0 100px}.cluster-top{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.cluster h2{font:400 46px/1 var(--serif);margin:0}.cluster-top p{max-width:460px;margin:0;color:var(--muted)}
    .cards{border-top:1px solid var(--line)}.card{display:grid;grid-template-columns:70px 1fr auto;gap:24px;align-items:center;padding:23px 0;border-bottom:1px solid var(--line);text-decoration:none}.card-num{color:var(--muted);font-size:12px;letter-spacing:.1em}.card-title{font:400 28px/1.1 var(--serif)}.card-arrow{font-size:22px;transition:transform .2s}.card:hover .card-arrow{transform:translateX(8px)}
    .detail-hero{padding:72px 0 64px}.detail-hero h1{font:400 clamp(52px,7vw,88px)/.96 var(--serif);letter-spacing:-.05em;margin:0 0 42px;max-width:1000px}.detail-intro{display:grid;grid-template-columns:1fr 1fr;gap:76px}.detail-intro .lead{margin:0}.detail-image{height:620px;margin-bottom:88px}.detail-image img{object-position:center}.back{display:inline-block;margin-top:34px;font-size:13px;text-decoration:none;border-bottom:1px solid currentColor}
    .contact{border-top:1px solid var(--line);padding:76px 0 100px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:76px}.contact h2{font:400 52px/1 var(--serif);margin:0}.contact a{font:400 26px var(--serif);text-underline-offset:7px}
    .home-hero{display:grid;grid-template-columns:.88fr 1.12fr;min-height:680px;border-bottom:1px solid var(--line)}.home-copy{display:flex;flex-direction:column;justify-content:center;padding:84px 70px 76px max(36px,calc((100vw - var(--max))/2 + 36px))}.home-copy .eyebrow{margin-bottom:46px}.home-copy h1{font:400 clamp(56px,6vw,82px)/.94 var(--serif);letter-spacing:-.055em;margin:0 0 38px;max-width:660px}.home-copy>p{max-width:530px;margin:0;font-size:17px}.home-actions{display:flex;gap:30px;margin-top:38px}.text-link{font-size:13px;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:4px}.home-media{min-height:680px}.home-media img{object-position:center 57%}.material-preview{padding:92px 0 110px}.preview-head{display:grid;grid-template-columns:.78fr 1.22fr;gap:76px;align-items:end;margin-bottom:38px}.preview-head h2{font:400 clamp(44px,5vw,66px)/1 var(--serif);letter-spacing:-.04em;margin:0}.preview-head p{max-width:590px;margin:0}.sample-grid{display:grid;grid-template-columns:1.05fr .95fr 1.05fr;gap:10px;height:480px}.sample-grid a{position:relative;overflow:hidden}.sample-grid a:nth-child(2){margin-top:66px}.sample-grid img{transition:transform .6s ease}.sample-grid a:hover img{transform:scale(1.025)}.sample-caption{position:absolute;left:18px;bottom:15px;background:var(--paper);padding:7px 10px;font-size:11px;letter-spacing:.11em}.makro-preview{padding:80px 0 96px;border-bottom:1px solid var(--line)}.makro-preview-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(32px,6vw,88px);align-items:center}.makro-preview-figure{margin:0}.makro-preview-figure img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;object-position:center 54%}.makro-preview-figure figcaption{margin-top:12px;font-size:11px;line-height:1.5;color:var(--muted)}.makro-preview-copy .eyebrow{margin-bottom:26px}.makro-preview-copy h2{font:400 clamp(42px,5vw,66px)/.98 var(--serif);letter-spacing:-.045em;margin:0 0 24px}.makro-preview-copy p{max-width:480px;margin:0;font-size:17px}.makro-preview-copy .home-actions{margin-top:30px}.home-principle{padding:90px 0;border-top:1px solid var(--line)}.home-principle-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:76px}.home-principle h2{font:400 clamp(40px,5vw,62px)/1.03 var(--serif);letter-spacing:-.04em;margin:0}.home-principle-copy{max-width:660px;font-size:19px}.home-principle-copy p:first-child{margin-top:0}.index-intro{padding:86px 0 70px;display:grid;grid-template-columns:.72fr 1.28fr;gap:76px}.index-intro h1{font:400 clamp(50px,7vw,86px)/.96 var(--serif);letter-spacing:-.05em;margin:0}.index-intro p{font:400 27px/1.2 var(--serif);margin:0;max-width:680px}.material-list{border-top:1px solid var(--line);margin-bottom:110px}.material-row{display:grid;grid-template-columns:72px 1fr 1fr auto;gap:24px;align-items:center;min-height:108px;border-bottom:1px solid var(--line);text-decoration:none}.material-row .name{font:400 34px/1 var(--serif)}.material-row .desc{color:var(--muted);max-width:440px}.material-row.is-muted{color:var(--muted);pointer-events:none}.studio-hero{padding:88px 0 94px}.studio-hero h1{font:400 clamp(50px,7vw,88px)/.98 var(--serif);letter-spacing:-.05em;max-width:960px;margin:0}.studio-portrait{height:min(72vh,760px);min-height:520px;overflow:hidden}.studio-portrait img{object-position:center center}.studio-story{border-top:1px solid var(--line);padding:74px 0 100px;display:grid;grid-template-columns:.7fr 1.3fr;gap:76px}.studio-story h2{font:400 42px/1.05 var(--serif);margin:0}.studio-copy{font-size:19px;max-width:720px}.studio-copy p:first-child{margin-top:0}.signature{margin-top:46px;font:400 30px/1.15 var(--serif)}.signature small{display:block;font:12px/1.5 var(--sans);letter-spacing:.1em;color:var(--muted);margin-top:8px}.contact-page{min-height:calc(100vh - 142px);display:grid;align-items:center;padding:90px 0}.contact-page h1{font:400 clamp(54px,8vw,104px)/.94 var(--serif);letter-spacing:-.055em;margin:0 0 56px}.contact-lines{display:grid;grid-template-columns:1fr 1fr;gap:76px;border-top:1px solid var(--line);padding-top:28px}.contact-lines p{margin:0}.contact-lines a{font:400 clamp(24px,3vw,38px)/1.2 var(--serif);text-underline-offset:8px}
    .bath-hero{padding:86px 0 72px}.bath-hero h1{font:400 clamp(60px,9vw,112px)/.9 var(--serif);letter-spacing:-.06em;margin:0 0 52px}.bath-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:76px;align-items:start}.bath-intro .lead{font-size:36px}.bath-intro p{margin-top:0}.bath-image{height:min(78vh,820px);min-height:560px;margin-bottom:92px}.bath-image img{object-position:center 54%}.application-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px 18px;margin-top:62px}.application-media{height:430px;margin-bottom:22px;overflow:hidden}.application-media img{transition:transform .7s ease}.application:hover img{transform:scale(1.02)}.application small{display:block;color:var(--muted);letter-spacing:.12em;margin-bottom:12px}.application h3{font:400 34px/1 var(--serif);margin:0 0 14px}.application p{margin:0;max-width:530px}.partner{border-top:1px solid var(--line);padding:82px 0 96px}.partner-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:76px}.partner h2{font:400 clamp(46px,6vw,72px)/.95 var(--serif);letter-spacing:-.045em;margin:0}.partner-copy{max-width:680px;font-size:19px}.partner-copy p:first-child{margin-top:0}.process{padding:76px 0 100px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:48px}.process-step{padding:22px 22px 14px 0;min-height:210px;border-right:1px solid var(--line)}.process-step+.process-step{padding-left:22px}.process-step:last-child{border-right:0}.process-step small{display:block;color:var(--muted);letter-spacing:.1em;margin-bottom:34px}.process-step h3{font:400 25px/1.05 var(--serif);margin:0 0 14px}.process-step p{font-size:14px;margin:0}
    footer{border-top:1px solid var(--line);padding:28px 0 42px;color:var(--muted);font-size:12px;letter-spacing:.08em}.foot{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.foot-note{flex-basis:100%;max-width:920px;letter-spacing:.02em;line-height:1.5}
    @media(max-width:1100px) and (min-width:821px){.head{grid-template-columns:1fr auto auto;gap:24px}.brand{width:174px}.nav{gap:26px}}
    @media(max-width:820px){.shell{padding:0 22px}.head{height:auto;min-height:84px;grid-template-columns:1fr auto;gap:0}.brand{width:168px;height:31px}.nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:20px;padding:0 0 18px;overflow:auto}.langs{grid-column:2;grid-row:1}.hero{padding:54px 0}.hero-grid,.section-grid,.detail-intro,.contact-grid,.index-intro,.studio-story,.contact-lines,.preview-head,.home-principle-grid{grid-template-columns:1fr;gap:32px}.home-hero{grid-template-columns:1fr;min-height:0}.home-copy{padding:58px 22px 62px}.home-copy .eyebrow{margin-bottom:30px}.home-copy h1{font-size:52px;margin-bottom:28px}.home-media{min-height:0;height:62vh}.home-actions{gap:22px;flex-wrap:wrap}.makro-preview{padding:58px 0 68px}.makro-preview-grid{grid-template-columns:1fr;gap:28px}.makro-preview-copy .eyebrow{margin-bottom:18px}.makro-preview-copy h2{font-size:42px}.material-preview{padding:62px 0 76px}.sample-grid{grid-template-columns:1fr 1fr;height:520px}.sample-grid a:nth-child(2){margin-top:44px}.sample-grid a:nth-child(3){display:none}.home-principle{padding:62px 0}.index-intro{padding:54px 0}.material-row{grid-template-columns:42px 1fr auto;padding:22px 0}.material-row .name{font-size:27px}.material-row .desc{grid-column:2/-1;grid-row:2}.material-row>span:last-child{grid-column:3;grid-row:1;text-align:right}.studio-hero{padding:58px 0 68px}.studio-portrait{height:62vh;min-height:430px}.studio-portrait img{object-position:72% 12%}.studio-story{padding:52px 0 74px}.contact-page{padding:64px 0}.hero h1{font-size:58px}.hero-image,.detail-image{height:56vh;min-height:390px;margin-bottom:58px}.section{padding:52px 0 66px}.fact-grid{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.fact:nth-child(n+3){border-top:1px solid var(--line)}.quote{padding:68px 0}.cluster-top{display:block}.cluster-top p{margin-top:20px}.card{grid-template-columns:42px 1fr auto}.card-title{font-size:23px}.foot{display:block}.foot span{display:block}.foot span+span{margin-top:8px}}
    @media(max-width:820px){.studio-portrait img{object-position:72% center}.bath-intro,.partner-grid{grid-template-columns:1fr;gap:32px}.bath-hero{padding:58px 0 54px}.bath-hero h1{font-size:50px;margin-bottom:34px;overflow-wrap:anywhere}.bath-intro .lead{font-size:30px}.bath-image{height:62vh;min-height:430px;margin-bottom:62px}.application-grid{grid-template-columns:1fr;gap:46px}.application-media{height:54vh;min-height:390px}.partner{padding:58px 0 70px}.process{padding:58px 0 76px}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(2){border-right:0}.process-step:nth-child(n+3){border-top:1px solid var(--line)}}
    /* Preserve the complete portrait at every viewport width. */
    .studio-portrait{height:auto;min-height:0;max-width:1200px;margin:0 auto 56px;overflow:visible}
    .studio-portrait img{width:100%;height:auto;object-fit:contain;object-position:center;aspect-ratio:1086/815}
    .makro-feature{margin-top:0;margin-bottom:0}.makro-feature>img{display:block;width:100%;max-height:850px;object-fit:contain;background:#e9e6df}.makro-feature figcaption{font-size:12px;color:#766d60;line-height:1.5;margin-top:12px}.makro-explain .application-media{aspect-ratio:720/460;background:#e9e6df}.makro-explain .application-media img{object-fit:contain;width:100%;height:100%}.makro-explain ol{list-style:none;padding:0;counter-reset:explain;margin:24px 0}.makro-explain li{counter-increment:explain;display:grid;grid-template-columns:24px 1fr;column-gap:12px;border-top:1px solid #d6d0c5;padding:12px 0;font-size:14px;line-height:1.55}.makro-explain li:before{content:counter(explain,decimal-leading-zero);grid-row:span 2;color:#917255;font-size:11px;padding-top:3px}.makro-explain li strong{font-weight:500}.makro-explain li span{grid-column:2;color:#766d60}.makro-explain .source-note{font-size:11px;line-height:1.5;color:#766d60}.makro-catalogues{margin-top:52px;padding-top:28px;border-top:1px solid #d6d0c5;max-width:800px}.makro-catalogues p{font-size:14px;line-height:1.7;color:#766d60}.makro-catalogues a{margin:12px 24px 0 0;display:inline-block}
    .makro-explain{grid-template-columns:repeat(2,minmax(0,1fr))}.makro-explain .application{min-width:0}.makro-explain .application-media{height:auto;min-height:0}.makro-explain .application:hover img{transform:none}.makro-feature>img{height:auto}.page[data-route="makro"]>.section{padding-left:36px;padding-right:36px}.concrete-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:54px}.concrete-fact{padding:20px 18px 12px 0;border-right:1px solid var(--line);min-height:150px}.concrete-fact+.concrete-fact{padding-left:18px}.concrete-fact:last-child{border-right:0}.concrete-fact small{display:block;color:var(--muted);letter-spacing:.1em;margin-bottom:18px}.concrete-fact strong{font:400 22px/1.2 var(--serif)}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:62px;border-top:1px solid var(--line)}.audience{padding:22px 18px 0 0;border-right:1px solid var(--line);min-height:220px}.audience+.audience{padding-left:18px}.audience:last-child{border-right:0}.audience small{display:block;color:var(--muted);letter-spacing:.1em;margin-bottom:30px}.audience h3{font:400 30px/1.05 var(--serif);margin:0 0 14px}.audience p{margin:0;max-width:360px}.faq-section{padding:76px 0 100px;border-top:1px solid var(--line)}.faq-list{border-top:1px solid var(--line);margin-top:44px;max-width:920px}.faq-item{border-bottom:1px solid var(--line);padding:0}.faq-item summary{cursor:pointer;list-style:none;padding:22px 42px 22px 0;position:relative;font:400 26px/1.2 var(--serif)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:4px;top:20px;font:400 24px/1 var(--sans);color:var(--muted)}.faq-item[open] summary:after{content:'−'}.faq-item p{max-width:760px;margin:0 42px 24px 0;color:var(--muted);font-size:16px}.concrete-source{max-width:760px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:13px}.concrete-source a{display:inline-block;margin:12px 22px 0 0}.page[data-route="concrete-solution"] .bath-intro{grid-template-columns:.9fr 1.1fr}@media(max-width:820px){.makro-explain{grid-template-columns:minmax(0,1fr)}.page[data-route="makro"]>.section{padding-left:22px;padding-right:22px}.concrete-facts{grid-template-columns:1fr 1fr}.concrete-fact:nth-child(2){border-right:0}.concrete-fact:nth-child(n+3){border-top:1px solid var(--line)}.concrete-fact:nth-child(3){padding-left:0}.concrete-fact:nth-child(4){padding-left:18px}.audience-grid{grid-template-columns:1fr;gap:0}.audience{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:22px 0 28px}.audience+.audience{padding-left:0}.audience:last-child{border-bottom:0}.faq-section{padding:56px 0 76px}.faq-item summary{font-size:22px}}
    .concrete-visual{margin-bottom:0}.concrete-visual>img{display:block;width:100%;height:620px;object-fit:cover;object-position:center 58%;background:#e9e6df}.concrete-visual figcaption{font-size:12px;color:#766d60;line-height:1.5;margin-top:12px}.concrete-image-section{padding-top:76px}.concrete-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:62px}.concrete-gallery .application-media{height:360px}.concrete-gallery .application p{color:var(--muted);font-size:14px}@media(max-width:820px){.concrete-visual>img{height:58vh;min-height:390px}.concrete-image-section{padding-top:52px}.concrete-gallery{grid-template-columns:1fr;gap:46px}.concrete-gallery .application-media{height:54vh;min-height:390px}}
    .venezia-visual{margin-bottom:0}.venezia-visual>img{display:block;width:100%;height:620px;object-fit:cover;object-position:center;background:#e9e6df}.venezia-visual figcaption{font-size:12px;color:#766d60;line-height:1.5;margin-top:12px}.venezia-origin{border-top:1px solid var(--line);padding:26px 0 0;margin-top:48px;color:var(--muted);font-size:14px;max-width:700px}.venezia-origin strong{display:block;color:var(--ink);font:400 24px/1.15 var(--serif);margin-bottom:10px}.venezia-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:62px;border-top:1px solid var(--line)}.venezia-line{padding:22px 18px 0 0;border-right:1px solid var(--line);min-height:240px}.venezia-line+.venezia-line{padding-left:18px}.venezia-line:last-child{border-right:0}.venezia-line small{display:block;color:var(--muted);letter-spacing:.1em;margin-bottom:30px}.venezia-line h3{font:400 30px/1.05 var(--serif);margin:0 0 14px}.venezia-line p{margin:0;max-width:360px}.venezia-proof{background:var(--dark);color:var(--paper);padding:76px 0}.venezia-proof blockquote{max-width:960px;margin:0 0 28px;font:400 clamp(40px,6vw,78px)/1.04 var(--serif);letter-spacing:-.04em}.venezia-proof p{font-size:18px;max-width:760px;margin:0}.venezia-proof p+p{margin-top:18px;color:#c7c1b8}.atelier-cta{border-top:1px solid var(--line);padding:76px 0 98px}.atelier-cta h2{font:400 clamp(44px,6vw,72px)/.98 var(--serif);letter-spacing:-.045em;margin:0}.atelier-cta .section-copy{font-size:19px}@media(max-width:820px){.venezia-lines{grid-template-columns:1fr;gap:0}.venezia-line{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:22px 0 28px}.venezia-line+.venezia-line{padding-left:0}.venezia-line:last-child{border-bottom:0}.venezia-visual>img{height:58vh;min-height:390px}.venezia-proof{padding:58px 0}.atelier-cta{padding:58px 0 76px}}
    .venezia-visual{width:100%;max-width:none;margin:0 0 88px;padding:0}.venezia-visual>img{height:min(58vw,720px);min-height:420px}.venezia-visual figcaption{max-width:1200px;margin:12px auto 0;padding:0 36px}@media(max-width:820px){.venezia-visual{margin-bottom:58px}.venezia-visual>img{height:58vh;min-height:390px}.venezia-visual figcaption{padding:0 22px}}
    .concrete-contact,.project-contact{border-top:1px solid var(--line);padding:76px 0 96px}.concrete-form{border-top:1px solid var(--line);margin-top:34px;padding-top:10px;max-width:720px}.concrete-form label{display:block;font-size:12px;letter-spacing:.1em;text-transform:uppercase;padding:18px 0;border-bottom:1px solid var(--line)}.concrete-form input,.concrete-form select,.concrete-form textarea{display:block;width:100%;margin-top:10px;border:0;border-bottom:1px solid var(--ink);background:transparent;color:var(--ink);font:400 19px/1.35 var(--sans);padding:8px 0 10px;border-radius:0;outline:none}.concrete-form textarea{resize:vertical;min-height:90px}.form-row-two{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-check{display:flex!important;gap:10px;align-items:flex-start;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;color:var(--muted)}.form-check input{display:block;width:auto;margin:2px 0 0;accent-color:var(--ink)}.form-submit{margin-top:24px;border:0;border-bottom:1px solid currentColor;background:none;color:var(--ink);font:400 15px/1.2 var(--sans);padding:0 0 6px;cursor:pointer}.form-submit:hover{opacity:.62}.form-submit:disabled{opacity:.5;cursor:wait}.form-status[data-state="error"]{color:#9b3026}.concrete-form :focus-visible{outline:2px solid var(--ink);outline-offset:4px}.form-note,.form-status{color:var(--muted);font-size:13px;margin:22px 0 0}.form-status{min-height:1.3em;color:var(--ink)}@media(max-width:820px){.form-row-two{grid-template-columns:1fr;gap:0}.concrete-contact,.project-contact{padding:58px 0 76px}}
    /* Mobile gutters remain intact when sections set their vertical padding. */
    @media(max-width:820px){
      .shell{width:100%;padding-left:22px;padding-right:22px}
      .preview-head,.hero-grid,.section-grid,.detail-intro,.contact-grid,.home-principle-grid{grid-template-columns:minmax(0,1fr)}
      .preview-head>*{min-width:0;overflow-wrap:break-word}
      .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));height:420px;gap:10px}
      .sample-grid a{min-width:0}
      .sample-caption{left:10px;right:10px;bottom:12px;padding:8px;font-size:12px;letter-spacing:.06em;overflow-wrap:break-word}
      .material-preview .home-actions{flex-direction:column;align-items:flex-start;gap:18px}
      .material-preview .text-link{font-size:14px;max-width:100%;white-space:normal}
      .card{grid-template-columns:28px minmax(0,1fr) auto;gap:12px}
      .card-title{min-width:0;overflow-wrap:break-word}
      .card-arrow{font-size:16px}
      .card[href="#materialien"] .card-arrow{grid-column:2;justify-self:start;font-size:12px;color:var(--muted)}
    }
    /* Homepage terrazzo gallery: consistent proportions and a calmer edge. */
    .material-preview{padding-left:clamp(32px,4vw,64px);padding-right:clamp(32px,4vw,64px)}
    .material-preview .sample-grid{height:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
    .material-preview .sample-grid a{aspect-ratio:4/3;min-width:0;margin-top:0!important}
    .material-preview .sample-grid img{width:100%;height:100%;object-fit:cover;object-position:center}
    .material-preview .sample-caption{left:14px;right:auto;bottom:14px}
    @media(max-width:820px){
      .material-preview{padding-left:32px;padding-right:32px}
      .material-preview .sample-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
      .material-preview .sample-grid a{aspect-ratio:4/3}
      .material-preview .sample-grid a:nth-child(3){display:none}
    }
    /* HDsurface product pages: restrained image-led presentation with visible source credit. */
     .hdsurface-opening-media{margin-top:0;margin-bottom:76px}
     .hdsurface-opening-media img{width:100%;height:min(58vw,700px);min-height:420px;object-fit:cover;object-position:center 50%;background:#e8e5dd}
     .hdsurface-opening-media figcaption{padding-top:12px;color:var(--muted);font-size:12px;line-height:1.45}
     .hdsurface-feature{display:grid;grid-template-columns:1.18fr .82fr;gap:42px;align-items:end;margin:18px 0 0}
     .hdsurface-feature--text{display:block;max-width:none}
    .hdsurface-feature--text .hdsurface-brief{max-width:760px}
    .hdsurface-feature-media{margin:0;min-width:0}
    .hdsurface-feature-media img{width:100%;height:clamp(420px,52vw,680px);object-fit:cover;object-position:center}
    .hdsurface-feature-media figcaption{padding-top:12px;color:var(--muted);font-size:12px;line-height:1.45}
    .hdsurface-brief{border-top:1px solid var(--line);padding-top:24px;margin-bottom:18px}
    .hdsurface-brief h2{font:400 clamp(34px,4vw,54px)/1.02 var(--serif);letter-spacing:-.04em;margin:0 0 22px}
    .hdsurface-brief p{max-width:430px}
    .hdsurface-credit{font-size:12px;color:var(--muted);max-width:520px;margin:44px 0 0}
     .hdsurface-doc-links{display:flex;flex-wrap:wrap;gap:14px 28px;margin-top:22px;align-items:center}.hdsurface-credit{margin:24px 0 0;color:var(--muted);font-size:12px;line-height:1.55;max-width:760px}
    .hdsurface-partner-note{border-top:1px solid var(--line);padding-top:18px;margin-top:30px;font-size:14px;line-height:1.45}
    .hdsurface-partner-note strong{display:block;font:400 25px/1.08 var(--serif);margin-bottom:9px}
     .hdsurface-cta-links{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:22px}
    .hdsurface-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:58px}
    .hdsurface-card{min-width:0;border-top:1px solid var(--line);padding-top:14px}
    .hdsurface-card.is-priority{border-top:2px solid var(--ink);padding-top:13px}
    .hdsurface-card-media{height:320px;overflow:hidden;margin-bottom:18px;background:#e8e5dd}
    .hdsurface-card-media img{width:100%;height:100%;object-fit:cover;object-position:center}
    .hdsurface-card small{display:block;color:var(--muted);letter-spacing:.1em;margin-bottom:16px}
    .hdsurface-card h3{font:400 30px/1.02 var(--serif);margin:0 0 14px}
    .hdsurface-card p{margin:0;color:var(--muted);font-size:15px;line-height:1.45}
    .hdsurface-card .hdsurface-spec{margin-top:16px;padding-top:14px;border-top:1px solid var(--line);color:var(--ink);font-size:13px}
    .hdsurface-standards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:58px;border-top:1px solid var(--line)}
    .hdsurface-standard{padding:20px 18px 0 0;border-right:1px solid var(--line);min-height:170px}
    .hdsurface-standard+.hdsurface-standard{padding-left:18px}
    .hdsurface-standard:last-child{border-right:0}
    .hdsurface-standard small{display:block;color:var(--muted);letter-spacing:.1em;margin-bottom:22px}
    .hdsurface-standard strong{font:400 24px/1.12 var(--serif)}
    .page[data-route="hdsurface"] .back{margin-top:34px}
     @media(max-width:820px){.hdsurface-opening-media{margin-bottom:58px}.hdsurface-opening-media img{height:58vh;min-height:380px}.hdsurface-feature{grid-template-columns:1fr;gap:28px}.hdsurface-feature-media img{height:58vh;min-height:380px}.hdsurface-grid{grid-template-columns:1fr;gap:34px}.hdsurface-card-media{height:58vh;min-height:330px}.hdsurface-standards{grid-template-columns:1fr;gap:0}.hdsurface-standard{border-right:0;border-bottom:1px solid var(--line);min-height:0;padding:20px 0 28px}.hdsurface-standard+.hdsurface-standard{padding-left:0}.hdsurface-standard:last-child{border-bottom:0}}
    /* Homepage hero: compact first viewport while keeping the image-led entry. */
    .hero h1,.detail-hero h1,.bath-hero h1,.home-copy h1,.section h2,.home-principle h2{ text-wrap:balance }
    .home-hero{min-height:560px}
    .home-media{height:560px;min-height:0;overflow:hidden}
    @media(min-width:821px){.home-hero{grid-template-columns:1fr 1fr}.home-copy h1{font-size:clamp(48px,5vw,72px);max-width:620px}.detail-hero h1,.bath-hero h1{font-size:clamp(48px,5.2vw,82px);max-width:1180px}.home-media{margin-top:86px}}
    @media(max-width:820px){.home-media{height:48vh;min-height:340px}}
    .home-media{position:relative;background:#171613}
    .home-slider{position:relative;width:100%;height:100%;overflow:hidden}
    .home-slide{position:absolute;inset:0;opacity:0;pointer-events:none;transition:opacity .7s ease}
    .home-slide.is-active{opacity:1;pointer-events:auto}
    .home-slide img{width:100%;height:100%;object-fit:cover;object-position:center}
    .home-slide::after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(180deg,transparent,rgba(23,22,19,.82))}
    .home-slide-copy{position:absolute;z-index:1;left:24px;right:24px;bottom:24px;color:#fff;max-width:500px}
    .home-slide-copy small{display:block;font-size:11px;letter-spacing:.12em;margin-bottom:12px}
    .home-slide-copy h2{font:400 clamp(24px,3vw,42px)/.98 var(--serif);margin:0 0 10px;letter-spacing:-.03em}
    .home-slide-copy p{margin:0 0 18px;max-width:420px;color:rgba(255,255,255,.84);font-size:14px;line-height:1.4}
    .home-slide-copy .text-link{color:#fff;border-bottom-color:rgba(255,255,255,.72)}
    .home-slide-controls{position:absolute;z-index:2;right:24px;bottom:24px;display:flex;gap:8px;align-items:center}
    .home-slide-controls button{width:30px;height:30px;border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(23,22,19,.28);color:#fff;display:grid;place-items:center;padding:0;font:inherit;cursor:pointer}
    .home-slide-controls button:hover,.home-slide-controls button:focus-visible{background:#fff;color:#171613;outline:none}
    .home-slide-controls .home-slide-dot{width:8px;height:8px;border:0;background:rgba(255,255,255,.52);font-size:0}
    .home-slide-controls .home-slide-dot.is-active{background:#fff;transform:scale(1.25)}
    @media(max-width:820px){.home-slide-copy{left:18px;right:18px;bottom:18px;padding-right:74px}.home-slide-copy p{font-size:13px}.home-slide-controls{right:18px;bottom:18px}}
    @media(prefers-reduced-motion:reduce){.home-slide{transition:none}}
    .stone-hero{padding:82px 0 78px;border-bottom:1px solid var(--line)}.stone-hero h1{font:400 clamp(54px,7vw,96px)/.94 var(--serif);letter-spacing:-.055em;margin:0;max-width:1080px}.stone-intro{display:grid;grid-template-columns:.72fr 1.28fr;gap:76px;margin-top:46px}.stone-intro .lead{font-size:32px;max-width:470px}.stone-intro p{max-width:700px}.stone-note{color:var(--muted);font-size:13px;border-top:1px solid var(--line);padding-top:18px;margin-top:34px}.stone-catalogue{padding-top:0}.stone-toolbar{display:flex;gap:10px;flex-wrap:wrap;padding:22px 0;border-bottom:1px solid var(--line)}.stone-filter{appearance:none;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit;font-size:12px;padding:9px 14px;cursor:pointer}.stone-filter:hover,.stone-filter:focus-visible{border-color:var(--ink);outline:none}.stone-filter.is-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.stone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 18px;padding:34px 0 96px}.stone-card{border-top:1px solid var(--line);padding-top:10px;min-width:0}.stone-swatch{height:270px;position:relative;overflow:hidden;background:#c6c1b6}.stone-swatch img{width:100%;height:100%;display:block;object-fit:cover}.stone-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.12),transparent 42%,rgba(20,18,14,.1));mix-blend-mode:soft-light;pointer-events:none}.stone-swatch small{position:absolute;z-index:1;left:14px;bottom:12px;color:#fff;text-shadow:0 1px 5px rgba(0,0,0,.5);font-size:10px;letter-spacing:.11em}.stone-swatch-placeholder{display:grid;place-items:center;background:#e8e4dc!important}.stone-swatch-placeholder:after{display:none}.stone-swatch-placeholder small{position:static;color:var(--muted);text-shadow:none;font-size:11px}.stone-card h2{font:400 30px/1.05 var(--serif);margin:18px 0 8px}.stone-card .stone-origin{color:var(--muted);font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin:0 0 18px}.stone-card p{margin:0 0 16px;max-width:360px}.stone-meta{border-top:1px solid var(--line);padding-top:12px;margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:10px 18px;color:var(--muted);font-size:12px}.stone-meta strong{display:block;color:var(--ink);font-weight:400;margin-top:2px}.stone-card .text-link{display:inline-block;margin-top:20px}.stone-protocol{border-top:1px solid var(--line);padding:72px 0 104px;display:grid;grid-template-columns:.72fr 1.28fr;gap:76px}.stone-protocol h2{font:400 clamp(42px,5vw,68px)/1 var(--serif);letter-spacing:-.04em;margin:0}.stone-protocol p{max-width:700px}.stone-protocol .text-link{display:inline-block;margin-top:18px}@media(max-width:820px){.stone-intro,.stone-protocol{grid-template-columns:1fr;gap:30px}.stone-hero{padding:58px 0 54px}.stone-intro{margin-top:32px}.stone-grid{grid-template-columns:1fr 1fr;gap:32px 14px;padding-bottom:72px}.stone-swatch{height:220px}}@media(max-width:560px){.stone-grid{grid-template-columns:1fr}.stone-swatch{height:260px}}
    /* Naturstein · editorial layout pass */
    .page[data-route="naturstein"] .stone-hero,
    .page[data-route="naturstein"] .stone-catalogue,
    .page[data-route="naturstein"] .stone-protocol{width:100%;max-width:var(--max);margin-left:auto;margin-right:auto;padding-left:36px;padding-right:36px}
    .page[data-route="naturstein"] .stone-hero{padding-top:96px;padding-bottom:88px}
    .page[data-route="naturstein"] .stone-hero h1{max-width:900px}
    .page[data-route="naturstein"] .stone-intro{grid-template-columns:.78fr 1.22fr;gap:92px;margin-top:52px}
    .page[data-route="naturstein"] .stone-toolbar{justify-content:flex-end;margin-bottom:42px;padding:0 0 18px}
    .page[data-route="naturstein"] .stone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:72px 24px;padding:0 0 112px}
    .page[data-route="naturstein"] .stone-card{padding-top:16px}
    .page[data-route="naturstein"] .stone-card .stone-swatch{height:auto;aspect-ratio:1/1}
    .page[data-route="naturstein"] .stone-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:56px;align-items:end}
    .page[data-route="naturstein"] .stone-card:first-child .stone-card-copy{min-width:0}
    .page[data-route="naturstein"] .stone-card:first-child h2{font-size:46px;margin-top:0}
    .page[data-route="naturstein"] .stone-card:nth-child(n+2) h2{font-size:36px}
    .page[data-route="naturstein"] .stone-card .stone-origin{margin-bottom:20px}
    .page[data-route="naturstein"] .stone-protocol{padding-top:84px}
    @media(max-width:820px){
      .page[data-route="naturstein"] .stone-hero,
      .page[data-route="naturstein"] .stone-catalogue,
      .page[data-route="naturstein"] .stone-protocol{padding-left:22px;padding-right:22px}
      .page[data-route="naturstein"] .stone-hero{padding-top:62px;padding-bottom:64px}
      .page[data-route="naturstein"] .stone-intro{grid-template-columns:1fr;gap:30px;margin-top:34px}
      .page[data-route="naturstein"] .stone-toolbar{justify-content:flex-start;margin-bottom:32px;overflow:auto;flex-wrap:nowrap}
      .page[data-route="naturstein"] .stone-grid{grid-template-columns:1fr;gap:52px;padding-bottom:76px}
      .page[data-route="naturstein"] .stone-card:first-child{display:block}
      .page[data-route="naturstein"] .stone-card:first-child h2{font-size:36px;margin-top:18px}
      .page[data-route="naturstein"] .stone-card:nth-child(n+2) h2{font-size:32px}
      .page[data-route="naturstein"] .stone-card .stone-swatch{aspect-ratio:1/1}
      .page[data-route="naturstein"] .stone-protocol{padding-top:58px}
    }
  \n/* Einheitliche Seitenränder, ruhigere Bildmaße und klarere Zeilenabstände */
:root { --page-gutter:clamp(24px,4vw,56px); }
.page .shell { padding-left:var(--page-gutter);padding-right:var(--page-gutter); }
.page[data-route="naturstein"] .stone-hero,
.page[data-route="naturstein"] .stone-catalogue,
.page[data-route="naturstein"] .stone-protocol { padding-left:var(--page-gutter);padding-right:var(--page-gutter); }

.page[data-route="home"] .home-hero { grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);min-height:clamp(390px,52vh,500px); }
.page[data-route="home"] .home-copy { padding-top:clamp(42px,5vh,64px);padding-right:var(--page-gutter);padding-bottom:clamp(42px,5vh,64px);padding-left:max(var(--page-gutter),calc((100vw - var(--max))/2 + var(--page-gutter))); }
.page[data-route="home"] .home-copy .eyebrow { margin-bottom:28px; }
.page[data-route="home"] .home-copy h1 { max-width:620px;font-size:clamp(44px,5vw,68px);margin-bottom:26px; }
.page[data-route="home"] .home-media { height:auto;min-height:0;margin-top:0;position:relative; }
.page[data-route="home"] .home-slide-copy { left:20px;right:20px;bottom:20px;padding-right:148px; }
.page[data-route="home"] .home-slide-controls { right:20px;bottom:20px;z-index:3; }
.page[data-route="home"] .home-slide-controls .home-slide-dot { width:10px;height:10px; }

.page[data-route="studio"] .studio-portrait { width:calc(100% - var(--page-gutter) - var(--page-gutter));max-width:680px;height:auto;min-height:0;margin:0 auto clamp(44px,6vw,64px);overflow:visible; }
.page[data-route="studio"] .studio-portrait img { display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;object-position:center; }

.page[data-route="materialien"] .materials-feature { margin:0 auto clamp(48px,7vw,80px);padding-top:0; }
.materials-feature-media { height:clamp(220px,30vw,360px);overflow:hidden;background:var(--line); }
.materials-feature-media img { display:block;width:100%;height:100%;object-fit:cover;object-position:center; }
.materials-feature figcaption { margin-top:12px;color:var(--muted);font-size:12px;line-height:1.45;letter-spacing:.02em; }
.page[data-route="materialien"] .material-row { grid-template-columns:56px minmax(0,.95fr) minmax(0,1.05fr) auto;gap:20px;min-height:124px;padding:16px 0; }
.page[data-route="materialien"] .material-row .name { font-size:clamp(25px,2.6vw,32px);line-height:1.08; }
.page[data-route="materialien"] .material-row .desc { font-size:14px;line-height:1.5; }

.page .hero-image,
.page .detail-image,
.page .bath-image,
.page .concrete-visual>img,
.page .venezia-visual>img,
.page .hdsurface-opening-media img,
.page .hdsurface-feature-media img { height:clamp(320px,42vw,540px);min-height:0;max-height:540px; }
.page .hdsurface-card-media { height:clamp(250px,28vw,340px);min-height:0; }
.page .concrete-gallery .application-media { height:clamp(260px,30vw,360px);min-height:0; }
.page .makro-feature>img { max-height:540px; }

@media (min-width:821px) and (max-width:1100px) {
  .page[data-route="materialien"] .material-row { grid-template-columns:48px minmax(0,.95fr) minmax(0,1.05fr) auto;gap:16px;min-height:124px; }
  .page[data-route="materialien"] .material-row .name { font-size:26px; }
}
@media (max-width:820px) {
  .page[data-route="home"] .home-hero { grid-template-columns:1fr;min-height:0; }
  .page[data-route="home"] .home-copy { padding:42px var(--page-gutter); }
  .page[data-route="home"] .home-copy .eyebrow { margin-bottom:22px; }
  .page[data-route="home"] .home-copy h1 { font-size:clamp(42px,10.2vw,56px);margin-bottom:20px; }
  .page[data-route="home"] .home-media { height:clamp(300px,88vw,400px);min-height:0; }
  .page[data-route="home"] .home-slide-copy { left:18px;right:18px;bottom:18px;padding-right:148px; }
  .page[data-route="home"] .home-slide-controls { right:18px;bottom:18px; }
  .page[data-route="studio"] .studio-portrait { width:calc(100% - var(--page-gutter) - var(--page-gutter)); }
  .page[data-route="materialien"] .material-row { grid-template-columns:36px minmax(0,1fr) auto;gap:8px 14px;min-height:156px;padding:18px 0;align-items:start; }
  .page[data-route="materialien"] .material-row .name { grid-column:2;grid-row:1;font-size:clamp(22px,6vw,26px);line-height:1.08; }
  .page[data-route="materialien"] .material-row .desc { grid-column:2/-1;grid-row:2;max-width:none;font-size:13px;line-height:1.45; }
  .page[data-route="materialien"] .material-row>span:last-child { grid-column:3;grid-row:1;text-align:right; }
  .page .hero-image,
  .page .detail-image,
  .page .bath-image,
  .page .concrete-visual>img,
  .page .venezia-visual>img,
  .page .hdsurface-opening-media img,
  .page .hdsurface-feature-media img { height:clamp(250px,70vw,420px);min-height:0;max-height:420px; }
  .page .hdsurface-card-media { height:clamp(220px,64vw,320px);min-height:0; }
  .page .concrete-gallery .application-media { height:clamp(220px,64vw,340px);min-height:0; }
  .page .makro-feature>img { max-height:420px; }
}

/* Gemeinsame Bildkante und mehr Weißraum */
.page[data-route] > .shell {
  width:100%;
  max-width:var(--max);
  margin-left:auto;
  margin-right:auto;
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
}
.page[data-route="home"] .home-hero {
  width:100%;
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--page-gutter);
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(24px,3vw,40px);
  min-height:clamp(420px,50vh,520px);
}
.page[data-route="home"] .home-copy {
  padding:clamp(32px,4vw,50px) 0;
}
.page[data-route="home"] .home-copy h1 {
  font-size:clamp(42px,4.5vw,62px);
  margin-bottom:24px;
}
.page[data-route="home"] .home-media {
  height:auto;
  min-height:0;
  margin:0;
  overflow:hidden;
}
.page[data-route="home"] .home-slider {
  height:100%;
}
.page[data-route="home"] .home-slide-controls {
  right:20px;
  bottom:20px;
}
.page[data-route="home"] .home-slide-copy {
  left:20px;
  right:20px;
  bottom:20px;
  padding-right:148px;
}

.page[data-route="studio"] .studio-portrait {
  width:calc(100% - var(--page-gutter) - var(--page-gutter));
  max-width:680px;
  height:auto;
  min-height:0;
  margin-top:8px;
  margin-left:max(var(--page-gutter),calc(50vw - 600px + var(--page-gutter)));
  margin-right:auto;
  margin-bottom:clamp(44px,6vw,64px);
  overflow:visible;
}
.page[data-route="studio"] .studio-portrait img {
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}

.page[data-route="interni"] .venezia-visual {
  width:100%;
  max-width:var(--max);
  box-sizing:border-box;
  margin:0 auto clamp(52px,7vw,80px);
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
}
.page[data-route="interni"] .venezia-visual>img {
  display:block;
  width:100%;
  max-width:960px;
  height:clamp(320px,40vw,520px);
  max-height:520px;
  object-fit:cover;
  object-position:center;
}

.page[data-route="badarchitektur"] .bath-hero,
.page[data-route="makro"] .bath-hero {
  padding-top:clamp(64px,7vw,88px);
  padding-bottom:clamp(48px,5vw,68px);
}
.page[data-route="badarchitektur"] .bath-intro,
.page[data-route="makro"] .bath-intro {
  max-width:1000px;
  column-gap:clamp(32px,5vw,64px);
}
.page[data-route="badarchitektur"] .makro-feature {
  margin:0 auto clamp(56px,7vw,84px);
}
.page[data-route="badarchitektur"] .makro-feature>img {
  display:block;
  width:100%;
  height:clamp(320px,40vw,520px);
  max-height:520px;
  object-fit:cover;
  object-position:center 56%;
  background:transparent;
}
.page[data-route="badarchitektur"] .makro-feature figcaption,
.page[data-route="makro"] .makro-feature figcaption {
  margin-top:14px;
  color:var(--muted);
  font-size:12px;
  line-height:1.5;
}
.page[data-route="badarchitektur"] .application-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(36px,5vw,56px) 24px;
  margin-top:clamp(40px,5vw,62px);
}
.page[data-route="badarchitektur"] .application-media {
  height:auto;
  aspect-ratio:4/3;
  margin-bottom:18px;
  overflow:hidden;
}
.page[data-route="badarchitektur"] .application-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.page[data-route="makro"] > .section {
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
}
.page[data-route="makro"] .makro-feature {
  margin:0 auto clamp(52px,6vw,76px);
}
.page[data-route="makro"] .makro-feature>img {
  display:block;
  width:auto;
  max-width:100%;
  height:auto;
  max-height:560px;
  object-fit:contain;
  object-position:left center;
  background:transparent;
}
.page[data-route="makro"] .makro-explain {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px;
  margin-top:clamp(36px,5vw,56px);
}
.page[data-route="makro"] .makro-explain .application {
  min-width:0;
  border-top:1px solid var(--line);
  padding-top:18px;
}
.page[data-route="makro"] .makro-explain .application-media {
  aspect-ratio:720/460;
  background:#efede7;
}
.page[data-route="makro"] .makro-explain .application-media img {
  object-fit:contain;
  padding:18px;
}

@media (max-width:820px) {
  .page[data-route="home"] .home-hero {
    grid-template-columns:1fr;
    gap:0;
    min-height:0;
  }
  .page[data-route="home"] .home-copy {
    padding:34px 0;
  }
  .page[data-route="home"] .home-media {
    height:clamp(280px,75vw,380px);
    min-height:0;
  }
  .page[data-route="home"] .home-slide-copy {
    left:16px;
    right:16px;
    bottom:16px;
    padding-right:142px;
  }
  .page[data-route="home"] .home-slide-controls {
    right:16px;
    bottom:16px;
  }
  .page[data-route="badarchitektur"] .application-grid {
    grid-template-columns:1fr;
    gap:36px;
  }
  .page[data-route="badarchitektur"] .makro-feature>img {
    height:clamp(250px,68vw,420px);
    max-height:420px;
  }
  .page[data-route="interni"] .venezia-visual>img {
    height:clamp(250px,68vw,420px);
    max-height:420px;
  }
  .page[data-route="makro"] .makro-explain {
    grid-template-columns:1fr;
    gap:22px;
  }
  .page[data-route="makro"] .makro-feature>img {
    max-height:480px;
  }
}

/* Studio portrait follows the same left text rail, with more breathing room */
.page[data-route="studio"] .studio-hero {
  padding-bottom:clamp(40px,5vw,60px);
}
.page[data-route="studio"] > .studio-portrait {
  width:100%;
  max-width:var(--max);
  height:auto;
  min-height:0;
  margin:0 auto clamp(44px,6vw,64px);
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
  overflow:visible;
}
.page[data-route="studio"] > .studio-portrait img {
  width:100%;
  max-width:680px;
  height:auto;
  margin:0;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:left center;
}

/* Mehr Luft um das Startseitenmotiv */
.page[data-route="home"] .home-hero {
  padding:clamp(22px,2.5vw,32px) var(--page-gutter);
}

/* Porträt und Studio-Text als zusammengehöriger, links ausgerichteter Block */
.page[data-route="studio"] .studio-hero {
  padding-bottom:clamp(34px,4vw,52px);
}
.page[data-route="studio"] .studio-profile {
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(32px,5vw,64px);
  align-items:center;
  border-top:0;
  padding-top:0;
  padding-bottom:clamp(72px,9vw,104px);
}
.page[data-route="studio"] .studio-profile .studio-portrait {
  width:100%;
  max-width:560px;
  height:auto;
  margin:0;
  padding:0;
  overflow:hidden;
}
.page[data-route="studio"] .studio-profile .studio-portrait img {
  display:block;
  width:100%;
  max-width:none;
  height:auto;
  aspect-ratio:4/3;
  object-fit:cover;
  object-position:center;
}
.page[data-route="studio"] .studio-story-content {
  max-width:600px;
  border-top:1px solid var(--line);
  padding-top:24px;
}
.page[data-route="studio"] .studio-story-content h2 {
  font:400 clamp(34px,4vw,52px)/1.02 var(--serif);
  letter-spacing:-.04em;
  margin:0 0 20px;
}
.page[data-route="studio"] .studio-story-content .studio-copy {
  max-width:none;
  font-size:17px;
}
@media (max-width:820px) {
  .page[data-route="home"] .home-hero {
    padding:22px var(--page-gutter);
  }
  .page[data-route="studio"] .studio-profile {
    grid-template-columns:1fr;
    gap:32px;
  }
  .page[data-route="studio"] .studio-profile .studio-portrait {
    max-width:520px;
  }
}


/* Startbild mit festem Seitenraster und Abstand zu Kopf- und Schlusslinie */
.page[data-route="home"] .home-hero {
  display:block;
  width:100%;
  max-width:none;
  min-height:0;
  margin:0;
  padding:0;
  border-bottom:1px solid var(--line);
  box-sizing:border-box;
}
.page[data-route="home"] .home-hero-inner {
  display:grid;
  width:100%;
  max-width:var(--max);
  min-height:clamp(420px,48vh,500px);
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:clamp(24px,3vw,40px);
  margin:0 auto;
  padding:clamp(30px,3.2vw,40px) var(--page-gutter);
  box-sizing:border-box;
}
.page[data-route="home"] .home-copy {
  min-width:0;
  margin:0;
  padding:0;
}
.page[data-route="home"] .home-media {
  min-width:0;
  height:auto;
  min-height:0;
  margin:0;
  overflow:hidden;
}
.page[data-route="home"] .home-slider { height:100%; }
.page[data-route="studio"] .studio-profile { align-items:start; }

@media (max-width:820px) {
  .page[data-route="home"] .home-hero-inner {
    min-height:0;
    grid-template-columns:1fr;
    gap:20px;
    padding:26px var(--page-gutter) 28px;
  }
  .page[data-route="home"] .home-copy { padding:0; }
  .page[data-route="home"] .home-media {
    height:clamp(280px,75vw,380px);
    min-height:0;
  }
  .page[data-route="studio"] .studio-profile { align-items:start; }
}

  

/* Static multi-page architecture */
article.page{display:block}
html{scroll-padding-top:84px}