/* diNatalie Startseite: Aufbau der ZABANA Landingpage V2 */
body.home-v2 .hero{min-height:calc(100vh - 82px);display:grid;grid-template-columns:minmax(340px,.75fr) 1.25fr;position:relative;background:linear-gradient(110deg,#f5e7e3 0 41%,#e7d7d2 41% 100%)}
body.home-v2 .hero-copy{padding:clamp(60px,9vw,140px) var(--pad);align-self:center;z-index:2}
body.home-v2 .eyebrow.centered{text-align:center}
body.home-v2 .lead{max-width:560px;line-height:1.75;font-size:14px}
body.home-v2 .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
body.home-v2 .btn{min-height:48px;padding:0 24px;display:inline-flex;align-items:center;justify-content:space-between;gap:28px;text-transform:uppercase;letter-spacing:.12em;font-size:9px;transition:.35s}
body.home-v2 .btn-line{border:1px solid #8d8580}
body.home-v2 .placeholder{position:relative;overflow:hidden;background:linear-gradient(135deg,#ead9d4,#f5eeeb 48%,#dbc4bd);isolation:isolate}
body.home-v2 .placeholder:before{content:"";position:absolute;inset:-40%;background:linear-gradient(100deg,transparent 40%,rgba(255,255,255,.42) 50%,transparent 60%);transform:translateX(-45%);animation:homeShimmer 8s ease-in-out infinite}
body.home-v2 .placeholder:after{content:attr(data-label);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:9px;letter-spacing:.2em;text-transform:uppercase;text-align:center;white-space:nowrap;color:#746964;border:1px solid rgba(116,105,100,.35);padding:10px 14px;background:rgba(255,255,255,.25);backdrop-filter:blur(4px)}
@keyframes homeShimmer{0%,70%,100%{transform:translateX(-55%)}85%{transform:translateX(55%)}}
body.home-v2 .media-16-9{aspect-ratio:16/9} body.home-v2 .media-4-5{aspect-ratio:4/5} body.home-v2 .media-3-4{aspect-ratio:3/4} body.home-v2 .media-3-2{aspect-ratio:3/2}
body.home-v2 .hero-media{aspect-ratio:auto;min-height:100%;background:linear-gradient(140deg,#d9c0b9,#efe1dd 60%,#c9aea6)}
body.home-v2 .hero-media:after{color:#fff;border-color:rgba(255,255,255,.5)}
body.home-v2 .hero-index{position:absolute;right:28px;bottom:24px;font-size:9px;letter-spacing:.2em;color:#fff}
body.home-v2 .script-note{font-family:var(--serif);font-size:28px;font-style:italic;color:#9e756c;transform:rotate(-7deg)}
body.home-v2 .hero-note{position:absolute;right:3vw;bottom:8vh;color:white;font-size:32px}
body.home-v2 .section-pad{padding:clamp(80px,10vw,150px) var(--pad)}
body.home-v2 .manifesto{max-width:1120px;margin:auto;text-align:center}
body.home-v2 .manifesto h2{max-width:850px;margin:0 auto 30px}
body.home-v2 .manifesto-text{max-width:840px;margin:auto;line-height:1.9;color:#5f5956}
body.home-v2 .signature-line{margin:50px auto 0;display:flex;align-items:center;gap:20px;justify-content:center}
body.home-v2 .signature-line span{width:80px;height:1px;background:var(--line)}
body.home-v2 .signature-line b{font-weight:400;font-size:8px;letter-spacing:.28em;text-transform:uppercase}
body.home-v2 .collections{background:#fff}
body.home-v2 .section-head{display:grid;grid-template-columns:1fr minmax(260px,440px);gap:50px;align-items:end;margin-bottom:48px}
body.home-v2 .section-head h2{margin-bottom:0}
body.home-v2 .section-head>p{line-height:1.8;color:var(--muted);font-size:13px}
body.home-v2 .horizontal-track,body.home-v2 .process-track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,31vw);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:8px;cursor:grab}
body.home-v2 .horizontal-track::-webkit-scrollbar,body.home-v2 .process-track::-webkit-scrollbar{display:none}
body.home-v2 .collection-card{scroll-snap-align:start}
body.home-v2 .collection-card .placeholder{transition:.6s}
body.home-v2 .collection-card:hover .placeholder{transform:scale(.985)}
body.home-v2 .collection-card p{font-size:9px;letter-spacing:.18em;text-transform:uppercase;margin:18px 0 5px}
body.home-v2 .collection-card h3{font-size:30px;margin:0}
body.home-v2 .track-link-wrap{display:block}
body.home-v2 .editorial-split{min-height:850px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(350px,.7fr);gap:clamp(50px,10vw,150px);align-items:center;position:relative;background:linear-gradient(100deg,var(--mist),#fff)}
body.home-v2 .editorial-image{max-width:600px;width:100%;justify-self:end}
body.home-v2 .editorial-copy{max-width:620px}
body.home-v2 .editorial-copy p{line-height:1.9;color:#5f5956}
body.home-v2 .editorial-copy h2{font-size:clamp(46px,5vw,76px)}
body.home-v2 .text-link{display:inline-block;border:0;border-bottom:1px solid #9d9691;background:none;padding:13px 0;text-transform:uppercase;letter-spacing:.15em;font-size:9px}
body.home-v2 .text-link span{margin-left:25px}
body.home-v2 .floating-word{position:absolute;right:-.05em;bottom:-.18em;font-family:var(--serif);font-size:clamp(120px,20vw,330px);color:rgba(215,181,173,.10);pointer-events:none}
body.home-v2 .product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
body.home-v2 .product-card .placeholder{transition:.45s}
body.home-v2 .product-card:hover .placeholder{transform:translateY(-5px)}
body.home-v2 .product-card h3{font-size:24px;margin:16px 0 3px}
body.home-v2 .product-card p{font-size:11px;color:var(--muted);margin-bottom:8px}
body.home-v2 .product-card strong{font-size:11px;font-weight:400}
body.home-v2 .boutique-cta{margin-top:70px;padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.4fr auto;gap:40px;align-items:center}
body.home-v2 .boutique-cta h3{font-size:32px;margin-bottom:5px}
body.home-v2 .boutique-cta p{font-size:12px;color:var(--muted);margin:0}
body.home-v2 .quote-band{min-height:70vh;background:#1f1d1c;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:80px 20px;position:relative;overflow:hidden}
body.home-v2 .quote-band:before{content:"♡";position:absolute;font-family:var(--serif);font-size:40vw;color:rgba(255,255,255,.018);line-height:1}
body.home-v2 .quote-band p{font-family:var(--serif);font-size:clamp(55px,8vw,125px);line-height:.85;margin-bottom:40px;z-index:1}
body.home-v2 .quote-band span{font-size:9px;letter-spacing:.3em;text-transform:uppercase}
body.home-v2 .atelier{background:#f4efec}
body.home-v2 .atelier-intro{max-width:850px;margin-bottom:60px}
body.home-v2 .atelier-intro p:last-child{max-width:650px;line-height:1.8}
body.home-v2 .process-track{grid-auto-columns:minmax(320px,38vw)}
body.home-v2 .process-card{scroll-snap-align:start}
body.home-v2 .process-card>span{display:inline-block;margin-top:18px;font-family:var(--serif);font-size:14px}
body.home-v2 .process-card h3{font-size:32px;margin:5px 0}
body.home-v2 .process-card p{max-width:360px;font-size:12px;line-height:1.7;color:var(--muted)}
body.home-v2 .film-strip{min-height:72vh;display:grid;grid-template-columns:.75fr 1.25fr;background:#282321;color:#fff}
body.home-v2 .film-copy{padding:clamp(60px,8vw,130px) var(--pad);align-self:center}
body.home-v2 .film-copy h2{font-size:clamp(50px,6vw,88px)}
body.home-v2 .film-copy>p{line-height:1.8;color:#d7ceca}
body.home-v2 .film-placeholder{min-height:500px;background:linear-gradient(135deg,#4a3d38,#aa8e84)}
body.home-v2 .film-placeholder:after{color:#fff;border-color:#fff}
body.home-v2 .play{border:0;background:none;color:#fff;padding:0;margin-top:25px;display:flex;align-items:center;gap:14px;letter-spacing:.15em;text-transform:uppercase;font-size:9px}
body.home-v2 .about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,140px);align-items:center}
body.home-v2 .about-copy{max-width:650px}
body.home-v2 .about-copy p{line-height:1.9;color:#5e5855}
body.home-v2 .about-copy .large-copy{font-family:var(--serif);font-size:28px;line-height:1.35;color:var(--ink)}
body.home-v2 .about-copy .script-note{display:block;margin-top:45px}
body.home-v2 .about-media{position:relative;padding-right:8vw}
body.home-v2 .small-detail{aspect-ratio:1;position:absolute;width:38%;right:0;bottom:-8%;border:10px solid var(--paper)}
body.home-v2 .journal{background:#fff}
body.home-v2 .journal-grid{display:grid;grid-template-columns:1.4fr .7fr .7fr;gap:24px;align-items:start}
body.home-v2 .journal-feature h3,body.home-v2 .journal-small h3,body.home-v2 .tip-card h3{font-size:32px}
body.home-v2 .journal-feature>p:not(.eyebrow),body.home-v2 .journal-small>p:not(.eyebrow),body.home-v2 .tip-card p{font-size:12px;line-height:1.8;color:var(--muted)}
body.home-v2 .journal-feature .eyebrow,body.home-v2 .journal-small .eyebrow{margin-top:22px}
body.home-v2 .tip-card{background:var(--mist);padding:45px 32px;margin-top:8vw;min-height:340px;display:flex;flex-direction:column;justify-content:center}
body.home-v2 .tip-no{font-size:9px;letter-spacing:.25em}
body.home-v2 .tip-card h3{margin:35px 0 15px}
body.home-v2 .inspiration{overflow:hidden}
body.home-v2 .marquee{display:flex;width:max-content;font-family:var(--serif);font-size:clamp(45px,6vw,92px);font-style:italic;color:#d2b4ad;margin-bottom:60px;animation:homeMarquee 32s linear infinite}
body.home-v2 .marquee div{white-space:nowrap}
@keyframes homeMarquee{to{transform:translateX(-50%)}}
body.home-v2 .masonry{display:grid;grid-template-columns:1fr .8fr 1.1fr 1.3fr .9fr;gap:14px;align-items:center}
body.home-v2 .masonry .tall{aspect-ratio:3/4}
body.home-v2 .masonry .square{aspect-ratio:1}
body.home-v2 .masonry .wide{aspect-ratio:3/2}
body.home-v2 .masonry blockquote{font-family:var(--serif);font-size:clamp(26px,3vw,48px);font-style:italic;text-align:center;margin:0;padding:30px}
body.home-v2 .masonry blockquote span{display:block;color:var(--rose);margin-top:20px}
body.home-v2 .contact{text-align:center;background:linear-gradient(135deg,#ecd9d4,#f8f2ef)}
body.home-v2 .contact>p{max-width:560px;margin-left:auto;margin-right:auto;line-height:1.8}

@media(max-width:900px){
 body.home-v2 .hero{grid-template-columns:1fr;min-height:auto}
 body.home-v2 .hero-copy{padding-top:80px;padding-bottom:70px}
 body.home-v2 .hero-media{min-height:62vh}
 body.home-v2 .hero-note{display:none}
 body.home-v2 .section-head,body.home-v2 .editorial-split,body.home-v2 .about,body.home-v2 .film-strip{grid-template-columns:1fr}
 body.home-v2 .editorial-image{max-width:none}
 body.home-v2 .product-grid{grid-template-columns:repeat(2,1fr)}
 body.home-v2 .boutique-cta{grid-template-columns:1fr}
 body.home-v2 .journal-grid{grid-template-columns:1fr 1fr}
 body.home-v2 .journal-feature{grid-column:1/-1}
 body.home-v2 .masonry{grid-template-columns:1fr 1fr}
 body.home-v2 .masonry blockquote{grid-column:1/-1}
 body.home-v2 .about-media{padding-right:12vw}
 body.home-v2 .film-placeholder{min-height:56vw}
}
@media(max-width:560px){
 body.home-v2 h1{font-size:52px}
 body.home-v2 .section-pad{padding:72px 20px}
 body.home-v2 .hero-copy{padding:70px 20px 55px}
 body.home-v2 .horizontal-track,body.home-v2 .process-track{grid-auto-columns:82vw}
 body.home-v2 .section-head{grid-template-columns:1fr;gap:10px}
 body.home-v2 .product-grid{grid-template-columns:1fr 1fr;gap:9px}
 body.home-v2 .product-card h3{font-size:20px}
 body.home-v2 .product-card p{font-size:9px}
 body.home-v2 .boutique-cta .script-note{font-size:23px}
 body.home-v2 .editorial-split{padding-left:20px;padding-right:20px}
 body.home-v2 .journal-grid{grid-template-columns:1fr}
 body.home-v2 .journal-feature{grid-column:auto}
 body.home-v2 .masonry{grid-template-columns:1fr 1fr}
 body.home-v2 .placeholder:after{font-size:7px;padding:8px}
 body.home-v2 .quote-band{min-height:55vh}
}


/* V8 — V2 Startseiten-Typografie */
body.home-v2{
  font-family:var(--sans);
  font-weight:300;
}
body.home-v2 .eyebrow{
  font-size:10px;
  letter-spacing:.36em;
}
body.home-v2 h1{
  font-size:clamp(54px,6vw,102px);
  line-height:.84;
  letter-spacing:-.035em;
}
body.home-v2 h2{
  font-size:clamp(42px,4.6vw,76px);
  line-height:.98;
  letter-spacing:-.025em;
}
body.home-v2 .script-note{
  font-family:var(--serif);
  font-size:28px;
  font-style:italic;
}
body.home-v2 .collection-card h3{font-size:30px}
body.home-v2 .editorial-copy h2{font-size:clamp(46px,5vw,76px)}
body.home-v2 .product-card h3{font-size:24px}
body.home-v2 .boutique-cta h3{font-size:32px}
body.home-v2 .process-card h3{font-size:32px}
body.home-v2 .film-copy h2{font-size:clamp(50px,6vw,88px)}
body.home-v2 .about-copy .large-copy{
  font-family:var(--serif);
  font-size:28px;
  font-weight:400;
}
body.home-v2 .journal-feature h3,
body.home-v2 .journal-small h3,
body.home-v2 .tip-card h3{font-size:32px}
body.home-v2 .marquee{
  font-family:var(--serif);
  font-size:clamp(45px,6vw,92px);
}
body.home-v2 .masonry blockquote{
  font-family:var(--serif);
  font-size:clamp(26px,3vw,48px);
}
@media(max-width:560px){
  body.home-v2 h1{font-size:52px}
  body.home-v2 .product-card h3{font-size:20px}
  body.home-v2 .boutique-cta .script-note{font-size:23px}
}