@font-face{font-family:Manrope;src:url('fonts/Manrope-variable.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Barlow;src:url('fonts/BarlowCondensed-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--paper:oklch(96.5% .004 110);--ink:oklch(22% .008 210);--muted:oklch(44% .009 210);--line:oklch(78% .006 210);--white:oklch(99% .002 110);--pad:clamp(24px,4.5vw,88px);--display:Barlow,'Arial Narrow',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:115px}body{margin:0;background:var(--paper);color:var(--ink);font:400 1.125rem/1.55 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button,a,input,summary{touch-action:manipulation}button{border:0}img{display:block;max-width:100%;height:auto}p{margin:0 0 24px;max-width:65ch}h1,h2,h3{margin:0;font-weight:600;line-height:1;letter-spacing:-.015em}h1,h2{font-family:var(--display)}h2{font-size:clamp(3rem,5.4vw,6rem)}h3{font-size:1.5rem;line-height:1.3}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #487a84;outline-offset:6px}[hidden]{display:none!important}.section{padding-inline:var(--pad)}.skip{position:fixed;left:24px;top:-100px;z-index:100;background:var(--ink);color:var(--white);padding:16px}.skip:focus{top:10px}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px var(--pad);background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}.wordmark{font-size:1.25rem;letter-spacing:.13em;font-weight:800;line-height:1.2;display:inline-block}.wordmark span{display:block;font-size:.9rem;letter-spacing:.36em;font-weight:500;margin-top:5px}.site-header nav{display:flex;gap:32px;align-items:center;font-size:1rem}.site-header nav a{padding-block:12px}.site-header nav a:hover{text-decoration:underline;text-underline-offset:6px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:var(--white);padding:18px 24px;font-size:1rem;font-weight:600;min-height:56px;transition:background .2s}.button:hover{background:oklch(36% .02 210)}.button span{font-size:1.5rem;line-height:1}.button.light{color:var(--ink);background:var(--white)}.button.light:hover{background:var(--paper)}.menu-toggle{display:none}.text-link{display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid currentColor;padding:10px 0;font-size:1rem;font-weight:600}.text-link span{font-size:1.4rem}.text-link:hover{color:var(--muted)}
.hero{padding-top:32px;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px;font-size:1rem}.hero-topline p{margin:0}.hero-topline a{display:flex;gap:24px;padding:8px 0}.hero h1{font-size:clamp(5rem,11.6vw,11.5rem);line-height:.89;letter-spacing:-.025em;position:relative;z-index:2}.hero h1 span{display:block}.hero h1 span+span{margin-left:23%;margin-top:10px}.hero-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;margin:36px 0 0}.hero-intro p{font-size:1.125rem;margin:0}.hero-object{position:relative;margin:12px -1.5vw -40px;isolation:isolate}.hero-object>img{width:100%;mix-blend-mode:multiply;aspect-ratio:2.55;object-fit:cover}.object-label{position:absolute;top:8%;display:flex;flex-direction:column;align-items:start;gap:10px;font-size:1rem;font-weight:600}.object-label span{background:var(--paper);padding:4px 9px}.object-label i{height:68px;width:1px;background:var(--ink);margin-left:9px;position:relative}.object-label i:after{content:'';position:absolute;bottom:0;left:-3px;width:7px;height:7px;background:var(--ink)}.label-deck{left:18%}.label-basin{left:67%;top:23%}.hero-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;padding:26px 0 48px}.hero-bottom p{margin:0;font-size:1rem}.round-link{width:60px;height:60px;border:1px solid var(--ink);display:grid;place-items:center;border-radius:50%}.round-link:hover{background:var(--ink);color:var(--white)}
.material{padding-top:110px;padding-bottom:100px;background:var(--white)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px}.section-heading p{font-size:1.125rem;margin:0;max-width:380px}.material-tabs{display:flex;gap:36px;margin:48px 0 0;border-bottom:1px solid var(--line)}.material-tabs button{display:flex;align-items:center;gap:12px;background:none;padding:16px 0 20px;border-bottom:3px solid transparent;min-height:56px;font-weight:600}.material-tabs button[aria-pressed=true]{border-bottom-color:var(--ink)}.material-tabs button:hover{color:var(--muted)}.swatch{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background-size:150px}.charcoal{background-image:url('images/studio-dark-768.webp');background-position:35% 50%}.chalk{background-image:url('images/studio-light-768.webp');background-position:35% 50%}.mineral{background-image:url('images/studio-mineral-768.webp');background-position:35% 50%}.material-stage{position:relative;background:var(--paper);margin-top:24px;touch-action:pan-y}.material-slide img{width:100%;aspect-ratio:2.2;object-fit:cover;mix-blend-mode:multiply}.material-slide:not([hidden]){animation:arrive .45s ease-out}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:56px;height:56px;display:grid;place-items:center;background:var(--white);border-radius:50%;border:1px solid var(--line)}.slider-arrow:hover{background:var(--ink);color:var(--white)}.previous{left:24px}.next{right:24px}.material-caption{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:30px}.material-caption p{margin:10px 0 0;font-size:1rem;color:var(--muted)}#material-count{font-variant-numeric:tabular-nums;font-size:1rem}.material-caption .text-link{margin-left:auto}
.detail{padding-block:100px;background:var(--ink);color:var(--paper)}.detail-top{display:grid;grid-template-columns:1fr 2fr;gap:40px;align-items:start}.detail-top>p{font-size:1rem;margin-top:10px;max-width:190px}.detail-top h2{font-size:clamp(3rem,4.7vw,5.5rem)}.detail-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;margin-top:70px;align-items:center}.detail-picture{aspect-ratio:1.25;overflow:hidden;position:relative;background:#aeb1b2}.detail-picture img{width:100%;height:100%;object-fit:cover;transform:scale(1.55);transform-origin:30% 50%;transition:transform .6s ease,transform-origin .6s ease}.detail-picture[data-view="1"] img{transform:scale(2.3);transform-origin:83% 60%}.detail-picture[data-view="2"] img{transform:scale(1.03);transform-origin:50% 50%}.detail-cross{position:absolute;left:49%;top:48%;width:40px;height:40px;border:1px solid var(--white);border-radius:50%;display:grid;place-items:center;font-size:1.4rem;color:var(--white);background:#2228}.detail-option{border-top:1px solid #778080}.detail-option button{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:24px;background:none;color:inherit;padding:24px 0;font-family:var(--display);font-size:2rem}.detail-sign{font-family:Manrope;font-size:1.5rem}.detail-option p{color:oklch(86% .005 210);font-size:1.0625rem;margin:0 0 24px;max-width:40ch}.detail-options>.text-link{margin-top:30px}
.room{position:relative;min-height:650px;display:flex;align-items:end;padding:70px var(--pad);isolation:isolate;color:var(--white)}.room>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.room:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101817b3,transparent 85%);z-index:-1}.room-text{width:100%;display:flex;justify-content:space-between;align-items:end;gap:32px}.room-text p{font-family:var(--display);font-size:clamp(3rem,5vw,6rem);line-height:1;margin:0}.planning{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;gap:8%}.planning-heading>p{font-size:1rem}.planning h2{font-size:clamp(5rem,9vw,10rem);line-height:.9}.planning-content{padding-top:65px}.planning-content>p{font-size:1.3rem;max-width:35ch;margin-bottom:36px}.planning-steps{display:flex;flex-wrap:wrap;gap:16px 24px;border-top:1px solid var(--line);margin-top:56px;padding-top:24px;font-size:1rem}.site-footer{border-top:1px solid var(--line);padding-block:48px 24px}.footer-main{display:flex;align-items:start;justify-content:space-between;gap:40px}.footer-main nav{display:flex;gap:32px;font-size:1rem}.footer-main nav a{padding-block:12px}.footer-main>p{font-size:1.25rem;line-height:1.4}.footer-bottom{margin-top:60px;display:flex;justify-content:space-between;gap:40px;font-size:.875rem;color:var(--muted)}.footer-bottom details{max-width:520px}.footer-bottom summary{cursor:pointer;min-height:44px}.footer-bottom p{margin-top:20px}.standard-page{padding-block:100px;min-height:60vh}.standard-page h1{font-size:clamp(4rem,6vw,7rem);margin-bottom:30px}
@keyframes arrive{from{opacity:.35;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}

@media(max-width:1100px){.site-header{gap:18px}.site-header nav{gap:20px}.header-plan{gap:16px;padding:15px}.wordmark{font-size:1rem}.wordmark span{font-size:.75rem}.hero h1{font-size:11.5vw}.detail-layout{gap:5%}.footer-main nav{flex-direction:column;gap:0}}
@media(max-width:959px){.site-header{flex-wrap:wrap;padding-block:20px}.menu-toggle{display:flex;gap:10px;align-items:center;background:none;min-height:48px;margin-left:auto}.site-header nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:24px var(--pad);flex-direction:column;align-items:stretch;gap:8px}.site-header nav.is-open{display:flex}.section-heading{align-items:start;gap:32px}.section-heading p{max-width:280px}.detail-top{grid-template-columns:1fr}.detail-top>p{max-width:none;margin:0}.detail-layout{grid-template-columns:1fr 1fr}.material-caption{flex-wrap:wrap}.material-caption .text-link{margin-left:0}.room{min-height:520px}.room-text{align-items:start;flex-direction:column}.footer-bottom{flex-direction:column;gap:10px}}
@media(max-width:640px){body{font-size:1rem}.site-header{gap:10px}.wordmark{font-size:.95rem}.wordmark span{font-size:.7rem}.header-plan{order:3;flex-basis:100%;padding:12px 18px;min-height:48px}.hero{padding-top:24px}.hero-topline{margin-bottom:30px;font-size:.875rem}.hero-topline a{display:none}.hero h1{font-size:clamp(3.4rem,11.3vw,5.5rem);line-height:.95}.hero h1 span+span{margin-left:6%;margin-top:6px}.hero-intro{display:block;margin-top:28px}.hero-intro p{font-size:1rem}.hero-intro .text-link{margin-top:12px}.hero-object{margin:32px -24px 0}.hero-object>img{aspect-ratio:1.65;object-fit:cover}.object-label{font-size:.875rem;top:1%;gap:0}.object-label i{height:35px}.label-deck{left:12%}.label-basin{left:62%;top:12%}.hero-bottom{padding:8px 0 32px}.hero-bottom p{font-size:.875rem}.round-link{width:48px;height:48px}.material{padding-block:64px}.section-heading{display:block}.section-heading p{font-size:1rem;margin-top:24px;max-width:35ch}h2{font-size:3rem}.material-tabs{gap:24px;margin-top:24px}.material-tabs button{font-size:.875rem;gap:8px}.swatch{width:22px;height:22px}.material-stage{margin-inline:-24px}.material-slide img{aspect-ratio:1.45}.slider-arrow{width:44px;height:44px;top:auto;bottom:12px;transform:none}.previous{left:16px}.next{right:16px}.material-caption{gap:16px;margin-top:24px}.material-caption>div{flex-basis:calc(100% - 65px)}.material-caption h3{font-size:1.25rem}.material-caption p{font-size:.9375rem}#material-count{font-size:.875rem}.detail{padding-block:64px}.detail-top{gap:24px}.detail-top h2{font-size:2.9rem}.detail-layout{grid-template-columns:1fr;gap:36px;margin-top:36px}.detail-option button{font-size:1.75rem;min-height:75px}.detail-option p{font-size:1rem}.room{min-height:480px;padding-block:36px}.room>img{object-position:65% center}.room-text p{font-size:3rem}.planning{padding-block:64px;grid-template-columns:1fr;gap:36px}.planning h2{font-size:5.5rem}.planning-content{padding:0}.planning-content>p{font-size:1.125rem}.planning-steps{margin-top:36px;gap:12px 20px}.footer-main{flex-wrap:wrap;gap:24px}.footer-main nav{flex-basis:50%}.footer-main>p{display:none}.footer-bottom{margin-top:36px}.footer-bottom details{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Freigestelltes Produkt mit vollständig sichtbarer Kontur. */
.hero-object>img{aspect-ratio:2.15;mix-blend-mode:normal}.hero-object{margin-bottom:-20px}.label-deck{top:5%}.label-basin{top:17%}
@media(max-width:640px){.hero-object>img{aspect-ratio:1.65}.hero-object{margin-bottom:0}.label-deck{top:1%}.label-basin{top:12%}}

/* Verfeinerung nach Nutzerreferenz, 31.10.2026. */
:root{--display:Manrope,Arial,sans-serif}
h1,h2{font-weight:400;letter-spacing:-.045em;line-height:1.12}
.site-header{padding-block:20px}
.wordmark{font-size:1.1rem;font-weight:600;letter-spacing:.16em;white-space:nowrap}
.wordmark span{display:inline;font:inherit;letter-spacing:inherit;margin:0 0 0 .5em}
.hero{padding-top:58px}
.hero h1{font-size:clamp(2.75rem,4.7vw,5.5rem);font-weight:400;line-height:1.13;letter-spacing:-.045em}
.hero h1 span+span{margin:0}
.hero-intro{justify-content:flex-start;align-items:center;gap:44px;margin-top:30px;padding-bottom:26px;border-bottom:1px solid var(--line)}
.hero-intro p{font-size:1.125rem;line-height:1.6;max-width:52ch;margin:0}
.hero-intro .button{flex-shrink:0}
.hero-object{margin-top:32px}
.object-label{font-size:1rem;gap:0;font-weight:600}
.object-label span{background:var(--ink);color:var(--white);padding:12px 18px;min-height:48px;box-shadow:0 3px 12px #1720201a}
.object-label:hover span{background:oklch(36% .02 210)}
.object-label i{background:var(--ink);box-shadow:1px 0 0 var(--white);margin-left:18px}
.object-label i:after{outline:2px solid var(--white)}
.section-heading h2{font-size:clamp(2.5rem,4.2vw,4.75rem)}
.detail-top h2{font-size:clamp(2.25rem,3.6vw,4rem)}
.detail-option button{font-size:1.4rem;font-weight:500;line-height:1.35}
.room-text p{font-size:clamp(2.5rem,4.2vw,4.75rem);letter-spacing:-.04em;line-height:1.15}
.planning h2{font-size:clamp(3.5rem,6vw,6.75rem);line-height:1.05}
@media(max-width:1100px){.site-header nav{gap:16px}.site-header{gap:16px}.wordmark{font-size:1rem;letter-spacing:.1em}}
@media(max-width:959px){.hero-intro{align-items:start;gap:24px;flex-direction:column}.hero{padding-top:40px}}
@media(max-width:640px){.wordmark{font-size:.875rem;letter-spacing:.1em}.site-header{padding-block:18px}.hero{padding-top:32px}.hero h1{font-size:clamp(2rem,7.4vw,3rem);letter-spacing:-.045em}.hero h1 span+span{margin-top:8px}.hero-intro{display:flex;margin-top:24px;padding-bottom:24px;gap:20px}.hero-intro p{font-size:1rem}.hero-intro .button{font-size:1rem}.hero-object{margin-top:32px}.object-label{font-size:.875rem}.object-label span{padding:10px 12px;min-height:44px}.label-deck{left:3%;top:0}.label-basin{left:auto;right:3%;top:20%}.object-label i{height:25px}.detail-option button{font-size:1.2rem}.room-text p{font-size:2.4rem}.planning h2{font-size:3.8rem}.footer-main nav{flex-basis:100%}}

.hero h1 > span:first-child{font-weight:700}

/* Einheitliche Überschriften und direkt bedienbare Produktdetails. */
h1,h2{font-weight:300}h1>span:first-child,h2 strong{font-weight:700}h2 strong,h2>span{display:block}h2>span{font-weight:300}
.hero{overflow:visible;padding-bottom:0}.hero-object{overflow:hidden;isolation:isolate;margin-bottom:0;min-height:260px}
.hero-object>img{aspect-ratio:auto;height:auto;object-fit:contain;transition:transform .65s cubic-bezier(.2,.7,.2,1);mask-image:linear-gradient(to bottom,black 82%,transparent 99%);transform-origin:50% 50%}
.hero-object[data-zoomed="deck"]>img{transform:scale(1.65);transform-origin:20% 35%}.hero-object[data-zoomed="basin"]>img{transform:scale(1.65);transform-origin:78% 45%}
.object-label{border:0;background:none;padding:0;text-align:left}.object-label span{background:oklch(91% .022 170);color:var(--ink);border:1px solid oklch(66% .025 170);box-shadow:none;display:flex;align-items:center;gap:18px}.object-label:hover span{background:oklch(85% .03 170)}.object-label b{font-size:1.5rem;font-weight:300}.object-label i{background:var(--ink)}.label-deck{top:14%}.label-basin{top:27%}
.hero-object[data-zoomed] .object-label{visibility:hidden}.hero-insight{position:absolute;bottom:9%;left:3%;width:min(440px,90%);background:var(--paper);padding:24px;border:1px solid var(--line)}.hero-insight p{font-size:1rem;margin:12px 0 0}.zoom-close{background:none;padding:0 0 16px;margin-bottom:18px;border-bottom:1px solid var(--line);width:100%;text-align:left;display:flex;justify-content:space-between;font-size:1rem;min-height:44px}
.made{padding-block:100px;background:var(--white)}.made-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:8%;align-items:start}.made h2{font-size:clamp(2rem,3.4vw,4rem)}.made-heading>p{max-width:43ch;margin-top:8px;font-size:1.125rem}.made-body{margin-top:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5%}.made-body article{border-top:1px solid var(--line);padding-top:24px}.made h3{font-size:1.35rem;line-height:1.4;margin-bottom:24px}.made-body p{font-size:1rem;line-height:1.7}
@media(max-width:959px){.made-heading{grid-template-columns:1fr;gap:24px}.made-body{grid-template-columns:1fr;gap:24px}.made-body p{max-width:65ch}}
@media(max-width:640px){.hero-object>img{aspect-ratio:auto}.hero-object{margin-top:12px;min-height:310px}.label-deck{top:7%;left:3%}.label-basin{top:24%;right:3%}.object-label span{padding:8px 10px;gap:10px}.hero-insight{position:relative;left:0;bottom:auto;width:calc(100% - 48px);margin:-25px 24px 32px;padding:20px}.hero-object[data-zoomed]>img{transform:scale(1.4)}.made{padding-block:64px}.made-body{margin-top:32px}}

.hero-insight{top:24px;bottom:auto}.hero-object>img{max-height:680px;object-fit:contain}.hero-object:not([data-zoomed])>img{mask-image:linear-gradient(to bottom,black 82%,transparent 99%)}
@media(max-width:640px){.hero-insight{top:auto;bottom:auto}.hero-object>img{max-height:none}}

/* Neutrale Produktmarkierungen; kompakter mobiler Header. */
.object-label span{background:var(--white);color:var(--ink);border-color:oklch(73% .004 210);box-shadow:0 2px 8px #1720200d}
.object-label:hover span{background:oklch(94% .003 210)}
@media(max-width:959px){.site-header .header-plan{display:none}}

/* Bebilderte Planungsstrecke statt gleichförmigem Textblock. */
.planning-story{padding-block:100px 80px;background:var(--white)}
.story-heading{display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:end;margin-bottom:60px}.story-heading h2{font-size:clamp(2.3rem,4.2vw,4.8rem)}.story-heading>p{max-width:31ch;margin:0;font-size:1.2rem;line-height:1.6}
.story-space{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.story-room-image{align-self:stretch;min-height:560px}.story-room-image img{height:100%;width:100%;object-fit:cover;object-position:58% center}.planning-story h3{font-size:clamp(1.75rem,2.5vw,2.8rem);font-weight:500;letter-spacing:-.035em;line-height:1.2;margin-bottom:26px}.planning-story p{font-size:1.0625rem;line-height:1.75;max-width:49ch}.story-space-copy{padding-block:36px}.story-question{border-top:1px solid var(--line);padding-top:24px;margin-top:28px}.story-question h4{font-size:1.2rem;line-height:1.4;font-weight:700;margin:0 0 12px}.story-question p{margin-bottom:8px}
.story-material{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center;margin-top:96px}.story-material-image img{width:100%;aspect-ratio:1.3;object-fit:cover}.story-material-copy{padding-left:8%}.story-handoff{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;border-top:1px solid var(--line);margin-top:72px;padding-top:36px}.story-handoff h3{font-size:1.65rem}.story-handoff p{margin:0;max-width:58ch}
@media(max-width:959px){.story-heading{grid-template-columns:1fr;gap:24px}.story-heading>p{max-width:45ch}.story-space{gap:5%;grid-template-columns:1fr 1fr}.story-room-image{min-height:520px}.story-material{gap:5%;grid-template-columns:1fr 1fr}.story-material-copy{padding:0}.story-material-image img{aspect-ratio:.85}.planning-story .text-link{gap:12px}}
@media(max-width:640px){.planning-story{padding-block:64px}.story-heading{margin-bottom:32px}.story-heading h2{font-size:2.15rem}.story-heading>p{font-size:1.0625rem}.story-space,.story-material,.story-handoff{grid-template-columns:1fr;gap:28px}.story-room-image{min-height:0}.story-room-image img{aspect-ratio:1.05;height:auto}.story-space-copy{padding:0}.planning-story h3{font-size:1.85rem;margin-bottom:20px}.planning-story p{font-size:1rem}.story-material{margin-top:52px}.story-material-image{grid-row:1}.story-material-image img{aspect-ratio:1.3}.story-handoff{margin-top:48px;padding-top:28px;gap:0}.story-handoff h3{font-size:1.5rem}.planning-story .text-link{font-size:.9375rem}}

.planning-steps>span{display:inline-flex;align-items:center;gap:10px}.planning-steps svg{display:block;flex:0 0 24px}

/* Dunkler Footer im bestehenden Graphitton. */
.site-footer{background:var(--ink);color:var(--paper);border-top-color:oklch(39% .008 210)}
.site-footer .footer-bottom{color:oklch(82% .005 210)}
.site-footer a:hover{color:var(--white);text-decoration:underline;text-underline-offset:5px}
.site-footer a:focus-visible,.site-footer summary:focus-visible{outline-color:var(--paper)}
.site-footer summary:hover{color:var(--white)}

/* Markierungen relativ zur tatsächlichen Produktbreite positionieren. */
.hero-object{max-width:1020px;margin-inline:auto}.label-deck{left:22%;top:14%}.label-basin{left:67%;top:27%}.hero-insight .text-link{font-size:.9375rem;margin-top:8px}
@media(max-width:640px){.hero-object{margin-inline:-24px}.label-deck{left:3%;top:4%}.label-basin{left:auto;right:3%;top:28%}.object-label span{font-size:.8125rem;gap:8px}}

/* Produktbühne über die gesamte Breite des Einstiegs. */
.hero-object{max-width:none;width:auto;margin-inline:calc(-1 * var(--pad))}
.hero-object>img{width:100%;max-height:none;height:auto}
.hero-insight{left:var(--pad)}
@media(max-width:640px){.hero-insight{left:0}}

/* Gesamtansicht begrenzt; ausschließlich Zoom randfüllend. */
.hero-object{max-width:1020px;margin-inline:auto}
.hero-object[data-zoomed]{max-width:none;margin-inline:calc(-1 * var(--pad))}
.hero-insight{left:var(--pad)}
@media(max-width:640px){.hero-object{margin-inline:-24px}.hero-insight{left:0}}

/* Eigenständige Raumszene und Makroaufnahme, 31.10.2026. */
.material-slide img{aspect-ratio:1.8;object-position:center;mix-blend-mode:normal}
.detail-picture img{transform:scale(1);transform-origin:35% 50%}
.detail-picture[data-view="1"] img{transform:scale(1.15);transform-origin:30% 50%}
.detail-picture[data-view="2"] img{transform:scale(1);transform-origin:50% 50%}
@media(max-width:640px){.material-slide img{aspect-ratio:1.3}}

/* Größere Gesamtansicht mit vier kompakten Entwurfspunkten. */
.hero-object{max-width:1180px;margin-top:18px}
.object-label span{padding:7px 12px;gap:12px;min-height:44px;font-size:.9375rem;font-weight:500}
.object-label b{font-size:1.25rem}
.label-deck{left:22%;top:13%}.label-basin{left:66%;top:25%}
.label-edge{left:75%;top:73%;flex-direction:column-reverse}
.label-surface{left:25%;top:59%;flex-direction:column-reverse}
.label-edge i,.label-surface i{height:32px;position:relative}
.label-edge i:after,.label-surface i:after{top:0;bottom:auto}
.hero-object[data-zoomed="edge"]>img{transform:scale(1.75);transform-origin:87% 65%}
.hero-object[data-zoomed="surface"]>img{transform:scale(1.75);transform-origin:35% 50%}
@media(max-width:640px){
.hero-object{margin-top:16px;padding-bottom:36px}
.object-label span{font-size:.75rem;gap:6px;padding:5px 8px;min-height:44px}
.label-deck{left:3%;top:0}.label-basin{left:auto;right:3%;top:23%}
.label-surface{left:5%;top:56%}.label-edge{left:auto;right:4%;top:69%}
.label-edge i,.label-surface i{height:20px}
.hero-object[data-zoomed="edge"]>img,.hero-object[data-zoomed="surface"]>img{transform:scale(1.4)}
}
.label-surface{top:52%}.label-edge{top:71%}.label-edge i{margin-left:85%}@media(max-width:640px){.label-surface{top:56%}.label-edge{top:69%}}