@font-face{font-family:'Cormorant';src:url('assets/cormorant.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Cormorant';src:url('assets/cormorant-italic.ttf') format('truetype');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Jost';src:url('assets/jost.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Jost';src:url('assets/jost-medium.ttf') format('truetype');font-weight:500 800;font-display:swap}
:root{--body:'Jost',sans-serif;--display:'Cormorant',Georgia,serif;--cream:#f2f0e9;--ink:#25392f;--red:#9d674d}
html{scroll-snap-type:y proximity}h1,h2,h3{font-weight:400;letter-spacing:-.035em}em,.serif{font-family:var(--display)}h2{font-size:clamp(50px,5.4vw,87px)}.assortment h2{font-size:clamp(45px,4.6vw,76px)}.category{font-size:clamp(28px,3vw,44px)}.step h3{font-size:29px}.category-caption h3{font-size:32px}.order{background:var(--ink);border-radius:0;letter-spacing:.2px}.order:hover{background:#405244}.header nav a{font-size:13px;letter-spacing:.2px}.eyebrow{font-weight:400;letter-spacing:2px}.footer-wordmark{font-family:var(--display);font-weight:400;letter-spacing:-.07em}.header{height:94px}.header.scrolled{background:rgba(242,240,233,.93)}.header.dark{background:rgba(37,57,47,.95)}.header.dark .order{background:#e9e8df;color:var(--ink)}.header.dark .order:hover{background:#fff}.category-feature{transition:opacity .4s}.final-copy .zip-form input{font-family:var(--display);font-size:34px}
/* The mask uses the actual Durst wordmark, preserving its letter shapes. */
.preloader{position:fixed;inset:0;z-index:100;background:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;visibility:hidden;opacity:0;pointer-events:none;transition:opacity .7s ease,visibility .7s}.loading .preloader{visibility:visible;opacity:1;pointer-events:auto}.water-logo{position:relative;width:clamp(200px,25vw,350px);aspect-ratio:2.25}.water-logo>img{width:100%;height:100%;object-fit:contain;filter:grayscale(1);opacity:.09}.logo-mask{position:absolute;inset:0;mask:url('assets/durst-logo.png') center/contain no-repeat;-webkit-mask:url('assets/durst-logo.png') center/contain no-repeat;overflow:hidden}.water-level{position:absolute;inset:0;transform:translateY(105%)}.loading .water-level{animation:fill-water 2.15s cubic-bezier(.25,.25,.35,1) forwards}.water-level svg{width:200%;height:130%;overflow:visible;animation:wave-travel 1.7s linear infinite;position:absolute;left:0;top:0}.wave-back{fill:#80938b;transform:translateY(-8px)}.wave-front{fill:#294f46;opacity:.9}.water-bubble{position:absolute;bottom:0;border:1px solid #f1f6eb99;width:6px;height:6px;border-radius:50%;animation:rise 1.4s ease-in infinite;opacity:0}.b1{left:30%;animation-delay:.3s}.b2{left:58%;animation-delay:.7s;width:4px;height:4px}.b3{left:73%;animation-delay:1s}.preloader>p{font-size:9px;letter-spacing:3px;margin-top:32px}.loader-caption{font-family:var(--display);font-style:italic;font-size:20px;color:#7f877b;margin-top:14px}.loading .header{opacity:0}.header{transition:background .4s,color .4s,opacity .7s}.loading{overflow:hidden}.loading .map-hero-copy>*{opacity:0;transform:translateY(18px)}.map-hero-copy>*{transition:opacity .9s ease,transform 1s var(--ease)}.map-hero-copy>:nth-child(2){transition-delay:.12s}.map-hero-copy>:nth-child(3){transition-delay:.25s}.map-hero-copy>:nth-child(4){transition-delay:.35s}.map-hero-copy>:nth-child(5){transition-delay:.45s}
/* A native sticky chapter provides continuous zoom before section scrolling resumes. */
.hero-chapter{height:230svh;overflow:visible;position:relative;background:var(--cream)}.hero-stage{height:100svh;min-height:700px;position:sticky;top:0;overflow:hidden;isolation:isolate}.map-atmosphere{position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 68% 45%,#dbe0d16b,transparent 48%),linear-gradient(115deg,#f6f3ed,#eeeee5)}.map-atmosphere:after{content:'';position:absolute;inset:0;opacity:.17;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.2' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.map-hero-copy{position:absolute;left:6.8%;top:50%;transform:translateY(-49%);width:42%;z-index:3;will-change:opacity,transform}.map-hero-copy h1{font-size:clamp(80px,8.6vw,147px);letter-spacing:-.047em;line-height:.86;margin:28px 0 30px}.map-hero-copy h1 em{color:#75816a}.map-hero-copy .intro{font-size:14px;line-height:1.7;max-width:355px;margin-bottom:27px}.map-hero-copy .order{font-size:13px;padding:18px 22px;gap:40px}.map-hero-copy .micro{font-size:10px;color:#7b8073;margin-top:18px}.map-stage{position:absolute;left:42%;top:88px;bottom:86px;right:5%;z-index:1}.map-stage svg{width:100%;height:100%;overflow:visible}.map-coordinate{position:absolute;top:8%;right:1%;font-size:8px;letter-spacing:2px;line-height:1.8;color:#707b69;z-index:2;pointer-events:none}.map-coordinate span{font-size:7px;letter-spacing:1px}.map-compass{position:absolute;right:2%;top:30%;display:flex;flex-direction:column;align-items:center;color:#73816a;font-size:8px;gap:8px}.map-compass i{font-size:30px;font-style:normal;font-weight:400}#map-camera{will-change:transform}.lands{filter:url(#map-shadow)}.land{fill:#e0e3d6;stroke:#f9f8f3;stroke-width:1.7;vector-effect:non-scaling-stroke;cursor:pointer;opacity:0;transform:translateY(12px);transform-box:fill-box;transform-origin:center;outline:none;transition:fill .35s,stroke .3s,filter .3s}.land.served{fill:#a9b6a0}.site-ready .land{animation:land-in .85s var(--ease) calc(.45s + var(--i)*.07s) forwards}.land:hover,.land:focus,.land.selected{fill:#c19b77;stroke:#fff;filter:brightness(1.03)}.land:focus-visible{stroke:#25392f;stroke-width:2.5}.routes,.cities{pointer-events:none}.route-base{fill:none;stroke:#97745a;stroke-width:.9;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:1;opacity:.55}.site-ready .route-base{animation:route-draw 1.6s var(--ease) calc(1.75s + var(--i)*.12s) forwards}.route-light{fill:none;stroke:#fef8d8;stroke-width:2.1;vector-effect:non-scaling-stroke;stroke-dasharray:.025 .975;stroke-dashoffset:1;opacity:0}.site-ready .route-light{animation:route-flow 3.8s linear calc(3.1s + var(--i)*.31s) infinite}.route.highlight .route-base{stroke:#80442a;stroke-width:2;opacity:1}.city{opacity:0}.city circle{fill:#faf7ec;stroke:#725e42;stroke-width:1;vector-effect:non-scaling-stroke}.site-ready .city{animation:land-in .5s ease calc(2.6s + var(--i)*.12s) forwards}.city-label{font-family:var(--body);font-size:10px;fill:#4b5a49;paint-order:stroke;stroke:#f1f0e7;stroke-width:2.7;stroke-linejoin:round}.city[data-city="DE-SN"]:last-child .city-label{transform:translateY(3px)}#hq-pin{cursor:pointer;opacity:0;outline:none}.site-ready #hq-pin{animation:pin-in .6s ease 1.5s forwards}.hq-outer{fill:#e9e4d4;stroke:#98724f;stroke-width:1}.hq-dot{fill:#8c5236}.hq-pulse{fill:none;stroke:#a98258;stroke-width:.7;transform-origin:0 0;animation:hq-pulse 3s ease-out infinite}#hq-pin:focus-visible .hq-outer{stroke:#25392f;stroke-width:3}.hq-label rect{fill:#25392f;opacity:.97}.hq-label text{fill:#f5f1e6;font-family:var(--body);font-size:8px;letter-spacing:.4px}.hq-label .hq-sub{font-size:5.6px;fill:#c3cbb8;letter-spacing:.55px}.map-info{position:absolute;z-index:5;right:5.2%;bottom:114px;width:260px;padding:18px 20px;background:#faf8f1eb;border:1px solid #bbc3af80;box-shadow:0 15px 40px #34423008;backdrop-filter:blur(12px);transition:opacity .35s,transform .35s}.map-info-top{display:flex;justify-content:space-between;gap:12px;font-size:7px;letter-spacing:1.4px;color:#6b7762;line-height:1.6}.map-info-mark{font-size:15px}.map-info h3{font-size:31px;line-height:1;letter-spacing:-.025em;margin:12px 0}.map-info p{font-size:11px;line-height:1.6;color:#66715e}.map-info #region-cities{margin-top:10px;font-size:10px;line-height:1.55;color:#394b38}.region-check{margin-top:14px;border-top:1px solid #b7c0ab66;padding:12px 0 0;background:transparent;width:100%;display:flex;justify-content:space-between;font-size:10px}.map-bottom{position:absolute;bottom:68px;left:48%;right:5%;z-index:4;display:flex;flex-direction:column;gap:9px}.map-legend{display:flex;gap:20px;font-size:8px;color:#58664e}.map-legend span{display:flex;align-items:center;gap:7px}.map-legend i{width:7px;height:7px;background:#e0e3d6;border:1px solid #b0baa3}.map-legend .legend-active{background:#a9b6a0;border-color:#8f9e84}.map-note{font-size:7px;line-height:1.5;color:#7b8271}.hero-scroll{position:absolute;left:6.8%;bottom:28px;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:1.5px;z-index:5}.hero-scroll .circle{width:35px;height:35px;font-size:17px}.zoom-track{width:75px;height:1px;background:#a1ad9566;margin-left:10px}.zoom-track i{display:block;width:100%;height:1px;background:#59684d;transform:scaleX(var(--zoom-progress,0));transform-origin:left}.map-source{position:absolute;bottom:28px;right:5%;font-size:7px;color:#737e68;z-index:4}.map-source a:hover{text-decoration:underline}.headquarters-copy{position:absolute;left:6.8%;top:50%;transform:translateY(-40%);width:38%;z-index:3;opacity:0;pointer-events:none}.headquarters-copy h2{font-size:clamp(62px,6.3vw,106px);line-height:.93;margin:25px 0}.headquarters-copy h2 em{color:#75816a}.headquarters-copy>p:not(.eyebrow){font-size:15px;line-height:1.7}.headquarters-copy address{font-size:12px;font-style:normal;line-height:1.8;color:#78806e;margin:25px 0}.headquarters-copy>a{font-size:10px;display:inline-block;padding:10px 0;border-bottom:1px solid #a2ae94}.site-ready .map-info{animation:info-in .8s var(--ease) 2.5s both}.loading .map-info,.loading .map-bottom,.loading .hero-scroll,.loading .map-source,.loading .map-coordinate,.loading .map-compass{opacity:0}
@keyframes fill-water{0%{transform:translateY(105%)}75%{transform:translateY(12%)}100%{transform:translateY(-17%)}}@keyframes wave-travel{to{transform:translateX(-50%)}}@keyframes rise{0%{transform:translateY(0);opacity:0}40%{opacity:.65}100%{transform:translateY(-110px);opacity:0}}@keyframes land-in{to{opacity:1;transform:translateY(0)}}@keyframes route-draw{to{stroke-dashoffset:0}}@keyframes route-flow{0%{opacity:0;stroke-dashoffset:1}10%,85%{opacity:1}100%{opacity:0;stroke-dashoffset:0}}@keyframes hq-pulse{0%{transform:scale(.55);opacity:.7}100%{transform:scale(2.3);opacity:0}}@keyframes info-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.map-stage{left:39%;right:8%;top:95px;bottom:75px}.map-info{right:7%;bottom:140px;width:300px;padding:23px}.map-info h3{font-size:36px}.map-info p{font-size:13px}.map-info #region-cities{font-size:12px}.map-hero-copy .intro{font-size:16px}}
@media(max-width:1100px){.map-hero-copy{left:6%;width:45%}.map-hero-copy h1{font-size:clamp(78px,10vw,110px)}.map-stage{left:39%;right:2%;top:105px;bottom:180px}.map-coordinate{right:3%;top:2%}.map-info{bottom:110px;right:5%;width:240px}.map-hero-copy .intro{font-size:12px;max-width:270px}.map-bottom{left:48%;bottom:58px}.map-hero-copy .order{gap:20px;font-size:12px}.headquarters-copy{width:40%}.headquarters-copy h2{font-size:70px}.map-note{font-size:6.5px}.map-legend{font-size:7px;gap:10px}.header{height:85px}}
@media(max-width:760px){.header{height:76px}.hero-chapter{height:215svh}.hero-stage{height:100svh;min-height:800px}.map-hero-copy{left:7%;top:105px;transform:none;width:88%}.map-hero-copy .eyebrow{font-size:7px}.map-hero-copy h1{font-size:68px;line-height:.85;margin:20px 0 17px}.map-hero-copy .intro{font-size:11px;max-width:280px;line-height:1.6}.map-hero-copy .order{padding:12px 17px;font-size:10px;gap:25px}.map-hero-copy .micro{display:none}.map-hero-copy .intro{margin-bottom:15px}.map-stage{left:14%;right:0;top:325px;bottom:95px}.map-coordinate{top:15px;left:0;right:auto;font-size:6px}.map-coordinate span{font-size:5px}.map-compass{right:7%;top:24px}.map-info{left:6%;right:auto;bottom:110px;width:160px;padding:12px;background:#faf8f1f2}.map-info h3{font-size:24px;margin:8px 0}.map-info p{font-size:9px;line-height:1.45}.map-info #region-cities{font-size:8px;margin-top:7px}.map-info-top{font-size:6px;letter-spacing:.7px}.region-check{font-size:8px;line-height:1.5;margin-top:8px;padding-top:8px;min-height:30px}.map-bottom{left:7%;right:7%;bottom:62px;gap:5px}.map-legend{font-size:6.5px}.map-note{font-size:6px}.hero-scroll{left:7%;bottom:17px;gap:8px;font-size:6px;letter-spacing:.9px}.hero-scroll .circle{width:27px;height:27px;font-size:14px}.zoom-track{width:30px;margin-left:0}.map-source{font-size:5.5px;bottom:19px;right:5%;max-width:110px;text-align:right}.headquarters-copy{top:108px;left:7%;width:88%;transform:none}.headquarters-copy h2{font-size:61px;margin:18px 0}.headquarters-copy>p:not(.eyebrow){font-size:11px}.headquarters-copy address{font-size:10px;margin:15px 0}.headquarters-copy>a{font-size:9px}.headquarters-copy .eyebrow{font-size:7px}.local h2{font-size:54px}.assortment h2,h2{font-size:50px}.step h3{font-size:27px}.step>p{font-size:12px}.city-label{font-size:11px}.land{stroke-width:1.2}.header .order.small{font-size:9px}.category-caption h3{font-size:29px}}
@media(max-height:760px) and (min-width:761px){.hero-stage{min-height:620px}.map-hero-copy h1{font-size:90px}.map-hero-copy{top:51%}.map-hero-copy .intro{margin-bottom:17px}.map-stage{top:78px;bottom:76px}.map-info{bottom:100px;width:220px}.map-info h3{font-size:26px}.map-info p{font-size:10px}.map-hero-copy .order{padding:15px 20px}}
@media(prefers-reduced-motion:reduce){.preloader{display:none}.loading{overflow:auto}.loading .header{opacity:1}.loading .map-hero-copy>*{opacity:1;transform:none}.hero-chapter{height:auto}.hero-stage{position:relative}.land,.city{opacity:1;transform:none}#hq-pin{opacity:1}.route-base{stroke-dashoffset:0}.route-light,.hq-pulse{display:none}.map-info{opacity:1}.headquarters-copy{display:none}.zoom-track{display:none}.hero-scroll>span:nth-child(2){font-size:0}.hero-scroll>span:nth-child(2):after{content:'WEITER ZUM SORTIMENT';font-size:8px}}

@keyframes pin-in{to{opacity:1}}
.map-info{visibility:hidden;opacity:0;pointer-events:none}.site-ready .map-info{animation:none}.map-info.has-selection{visibility:visible;opacity:1;pointer-events:auto}.map-info.north-card{top:115px;bottom:auto}.map-info:not(.has-selection){display:none}
@media(max-width:760px){.map-info.north-card{top:auto;bottom:110px}}

.map-stage{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 94%,transparent)}
@media(max-width:760px){.map-stage{top:415px;left:8%;right:3%;bottom:95px}.map-coordinate{display:none}.map-compass{top:8px;right:2%}.map-hero-copy h1{font-size:64px}.map-info{bottom:115px}.map-info.north-card{bottom:115px}}

/* Performance: keep scroll work on composited layers and pause decorative motion while the camera moves. */
.map-atmosphere:after{display:none}
.map-stage{mask-image:none;-webkit-mask-image:none;contain:layout paint;transform:translateZ(0)}
.map-stage:after{content:'';position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,var(--cream),transparent 5%,transparent 95%,var(--cream))}
#map-camera{backface-visibility:hidden}
.portal-ready{scroll-snap-type:none}
.portal-ready .map-journey{position:relative;display:flow-root}
.portal-ready .map-journey:after{content:'';display:block;height:270svh}
.portal-ready .hero-chapter{height:370svh}
.portal-ready .hero-stage{height:100svh;min-height:0}
.portal-ready .assortment{position:sticky;top:0;margin-top:-370svh;z-index:8;will-change:clip-path;visibility:hidden}
.portal-ready .assortment .reveal{opacity:var(--portal-content,0);transform:translateY(calc((1 - var(--portal-content,0))*22px));transition:none}
.portal-dark .header{background:rgba(37,57,47,.95);color:var(--cream)}
.portal-dark .header .brand img{filter:brightness(0) invert(1)}
.portal-dark .header .order{background:var(--cream);color:var(--ink)}
.portal-light .header{background:rgba(242,240,233,.93);color:var(--ink)}
.portal-light .header .brand img{filter:brightness(0)}
.portal-light .header .order{background:var(--ink);color:var(--cream)}
@media(prefers-reduced-motion:reduce){.portal-ready .map-journey:after{display:none}.portal-ready .hero-chapter{height:auto}.portal-ready .hero-stage{height:100svh;min-height:800px}.portal-ready .assortment{position:relative;margin-top:0;visibility:visible;will-change:auto}}
.lands{filter:none}
.map-info{backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(250,248,241,.97)}
.header.scrolled{backdrop-filter:none;-webkit-backdrop-filter:none}
.map-scrolling .route-light,.map-scrolling .hq-pulse{animation-play-state:paused}
@media(max-width:760px){.route-light{display:none}.hq-pulse{animation-duration:4.5s}}
.hq-focus-label{position:absolute;left:50%;top:50%;z-index:5;display:flex;align-items:center;gap:12px;opacity:0;pointer-events:none;transform:translate(-10px,-50%)}
.hq-focus-label i{display:block;width:34px;height:1px;background:#9d674d}
.hq-focus-label span{display:flex;flex-direction:column;padding:10px 13px;background:#25392f;color:#f2f0e9;font-size:8px;letter-spacing:.8px;line-height:1.2;white-space:nowrap}
.hq-focus-label small{margin-top:5px;color:#bfc8b8;font-size:5.5px;letter-spacing:.7px}
@media(max-width:760px){.hq-focus-label{left:50%;top:50%;gap:7px}.hq-focus-label i{width:20px}.hq-focus-label span{font-size:6px;padding:8px 9px}.hq-focus-label small{font-size:4.5px}}

/* Let the liquid surface linger visibly across the widest part of the wordmark. */
.water-logo{width:min(580px,70vw);height:min(258px,31.11vw);flex:none;overflow:hidden}
.water-logo>img{position:absolute;inset:0;object-fit:cover;transform:scale(1.35);opacity:.15}
.logo-mask{mask-size:135% auto;-webkit-mask-size:135% auto}
.loading .water-level{animation:fill-water-readable 3.8s linear forwards}
.site-ready .water-level{transform:translateY(-20%)}
.water-level svg{animation-duration:2.4s}
.wave-back{fill:#79ada1;transform:translateY(-12px)}
.wave-front{fill:#234c42;opacity:.92}
.water-bubble{width:9px;height:9px;border-width:2px;animation-duration:2s}
@keyframes fill-water-readable{0%{transform:translateY(80%)}18%{transform:translateY(57%)}40%{transform:translateY(35%)}65%{transform:translateY(20%)}82%{transform:translateY(3%)}100%{transform:translateY(-20%)}}
.map-info{width:320px;padding:22px 24px;max-height:calc(100svh - 150px);overflow:auto}
.map-info-top{font-size:10px;letter-spacing:1px}
.map-info h3{font-size:36px;line-height:1.08;overflow-wrap:anywhere}
.map-info p{font-size:14px;line-height:1.65;color:#4c5b45}
.map-info #region-cities{font-size:13px;line-height:1.6}
.region-check{font-size:13px;min-height:44px;align-items:center}
@media(max-width:760px){.water-logo{width:82vw;height:36.44vw}.map-info{width:min(290px,88vw);padding:17px 19px;max-height:45svh}.map-info h3{font-size:30px}.map-info p{font-size:13px}.map-info #region-cities,.region-check{font-size:12px}.map-info-top{font-size:9px}}