/* Menü, Motiv und Inhalt bilden eine gemeinsame Bildschirmfläche. */
.model-pending .hero-art img{transform:none!important;opacity:1!important}
.hero-room{position:absolute;inset:0;pointer-events:none}
.hero-room img{width:100%;height:100%;object-fit:cover;object-position:74% 82%}
.hero-scroll .hero-image-note{z-index:4}
@media(max-width:1000px){.hero-room{display:none}}
.vase-dust{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1;display:none}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){.dust-ready .vase-dust{display:block}.scroll-on .dust-ready .hero-art img{animation:none!important;transform:none!important;opacity:var(--vase-photo-opacity,1)}.scroll-on .dust-ready .hero-story-layer{z-index:2}}
.hero-story-layer,.hero-detail-float{display:none}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 .hero-scroll.scroll-on{height:300svh!important;min-height:1860px}
 .scroll-on .hero-copy{animation:none!important;opacity:var(--story-opening,1);transform:translateY(calc(-50% + var(--opening-y,0px)));margin-top:0!important}
 .scroll-on .hero-story-layer{display:block;position:absolute;z-index:2;left:var(--pad);top:48%;width:39%;max-width:610px;transform:translateY(-50%);pointer-events:none}
 .scroll-on .hero-story-layer h2{font-size:clamp(45px,min(5vw,8.5svh),83px);line-height:1.04;letter-spacing:-.045em;margin-bottom:24px}
 .scroll-on .hero-story-layer>p:not(.overline){max-width:365px;font-size:clamp(15px,1.1vw,19px);line-height:1.55}
 .scroll-on .hero-story-layer .button-gold{pointer-events:auto}
 .scroll-on .story-detail{opacity:var(--story-detail,0);transform:translateY(calc(-50% + var(--detail-y,32px)))}
 .scroll-on .story-product{opacity:var(--story-ending,0);transform:translateY(calc(-50% + var(--ending-y,38px)))}
 .scroll-on .hero-detail-float{display:block;position:absolute;z-index:2;left:41%;top:57%;width:clamp(180px,19vw,290px);margin:0;padding:9px;background:var(--paper);box-shadow:0 14px 45px #25201524;opacity:var(--story-detail,0);transform:translate(var(--detail-x,70px),var(--detail-y,32px)) rotate(var(--detail-turn,-5deg));pointer-events:none}
 .hero-detail-float img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
 .hero-detail-float figcaption{font-size:11px;color:var(--muted);padding:9px 4px 2px}
}
.uv-announcement .new-badge{display:inline-block;padding:4px 9px;margin-bottom:12px;background:#f1e4cd;color:#67491b;font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}
.company-grid .uv-announcement p{font-size:17px;margin-bottom:6px;color:var(--ink)}
.uv-announcement .text-link{font-size:13px}
.hero-scroll .brand-hero{height:100svh;min-height:620px;aspect-ratio:auto}
.hero-navigation{position:absolute;inset:0 0 auto;z-index:5;width:100%;max-width:none}
.hero-navigation .nav{background:transparent;border-bottom:1px solid #7c756a25}
.hero-navigation .nav nav a{color:#35312c}
.hero-scroll .hero-art{position:absolute;inset:0;aspect-ratio:auto}
.hero-scroll .hero-art img{object-fit:cover;object-position:74% 82%}
.hero-scroll .hero-copy{top:53%;width:42%;max-width:650px}
.hero-scroll .hero-copy h1{font-size:clamp(55px,min(6.2vw,10.5svh),108px)}
.hero-scroll .hero-image-note{top:auto;left:auto;right:30px;bottom:25px;text-align:right;font-size:10px;letter-spacing:.08em}
.hero-scroll .hero-scroll-cue{bottom:22px}
.region-section{background:#e3e6e3;color:#282e2b}
.region-section .overline,.region-intro h2 span{color:#526158}
.region-places article{border-color:#a5afa780}
.region-places .text-link{border-color:#7b8b80}
.region-places .text-link:hover{color:#344c3c}
@media(min-width:1001px) and (prefers-reduced-motion:no-preference){
 .hero-scroll.scroll-on{height:250svh;min-height:1550px}
 .scroll-on .brand-hero{position:sticky;top:0}
}
@media(max-width:1000px){
 .hero-scroll .brand-hero{height:100svh;min-height:760px;display:block;overflow:hidden}
 .hero-navigation .nav{gap:8px;padding:12px 0;min-height:0;flex-direction:column}
 .hero-navigation .brand img{width:96px;height:59px}
 .hero-navigation .nav nav{font-size:11px;gap:6px 16px;flex-wrap:wrap;justify-content:center}
 .hero-scroll .hero-art{inset:43% 0 0}
 .hero-scroll .hero-art img{object-position:87% center}
 .hero-scroll .hero-copy{position:absolute;left:var(--pad);top:145px;transform:none;width:calc(100% - 2 * var(--pad));padding:0;max-width:580px}
 .hero-scroll .hero-copy h1{font-size:clamp(37px,6vw,55px);margin-bottom:12px}
 .hero-scroll .hero-copy h1 br:nth-of-type(2){display:none}
 .hero-scroll .hero-copy .overline{font-size:9px;margin-bottom:12px}
 .hero-scroll .hero-copy>p:not(.overline){font-size:14px;line-height:1.4;max-width:360px;margin-bottom:14px}
 .hero-scroll .hero-copy .button-gold{min-height:42px;padding:10px 17px;font-size:12px}
 .hero-scroll .hero-image-note{bottom:16px;right:18px;font-size:9px;letter-spacing:.03em}
}
@media(prefers-reduced-motion:reduce){.hero-scroll{height:auto}.hero-scroll .brand-hero{position:relative}.hero-scroll .hero-art img{transform:none}}