@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--bg:#080d11;--ice:#adc5d0;--white:#edf1f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--ice);outline-offset:5px}.skip{position:absolute;left:-9999px;top:10px;z-index:50}.skip:focus{left:15px}.masthead{position:absolute;inset:0 0 auto;z-index:9;min-height:72px;padding:18px clamp(22px,4.2vw,85px);display:flex;justify-content:space-between;align-items:center;gap:24px;background:#080d11b0;border-bottom:1px solid #d5e4eb20;backdrop-filter:blur(10px)}.wordmark{font-family:Manrope,Arial,sans-serif;font-size:clamp(17px,1.5vw,26px);font-weight:700;letter-spacing:.22em;white-space:nowrap}.wordmark span{color:var(--ice)}.masthead nav{display:flex;gap:clamp(15px,2.5vw,48px)}.masthead nav a,.preview-access{font-size:11px;letter-spacing:.18em;font-weight:700;white-space:nowrap}.masthead nav a:hover,.preview-access:hover{color:var(--ice)}.preview-access{display:flex;gap:12px;align-items:center}.cinema{position:relative;min-height:770px;height:100svh;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 70% 30%,#28353c,#070b0e 75%)}.cinema-visual{position:absolute;inset:0 0 0 40%;background-image:url('../img/prelaunch-cinema.jpg');background-position:100% center;background-size:auto 100%;background-repeat:no-repeat;z-index:-3}.cinema-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#050a0dfc 0%,#060c0ff2 22%,#080d11c9 40%,#0a10144d 61%,transparent 85%),linear-gradient(0deg,#05090bd9,transparent 26%)}.cinema-content{padding:clamp(115px,13vh,155px) clamp(24px,4.2vw,90px) 140px;max-width:1000px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.monogram{width:clamp(135px,16vw,245px);height:auto;object-fit:contain;filter:drop-shadow(0 0 32px #9cc3d32a);margin-bottom:clamp(14px,3vh,30px)}.eyebrow,.overline,.section-no{font-size:11px;letter-spacing:.35em;color:var(--ice);font-weight:700}.eyebrow{margin:0 0 15px}.cinema h1,.manifesto h2,.section-heading h2,.philosophie h2,.closing h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;line-height:1.04}.cinema h1{font-size:clamp(45px,5.1vw,94px);white-space:nowrap;margin:0 0 3px}.subtitle{font-family:Georgia,serif;font-size:clamp(26px,3.2vw,57px);color:#a5bcc7;margin:0 0 22px;line-height:1.16}.hero-copy{font-size:clamp(14px,1.1vw,18px);line-height:1.6;letter-spacing:.04em;color:#d4dce0;margin:0 0 26px}.actions{display:flex;gap:18px;flex-wrap:wrap}.actions a{display:flex;align-items:center;justify-content:space-between;gap:55px;min-width:188px;padding:16px 19px;font-size:11px;font-weight:700;letter-spacing:.18em;border-radius:2px;transition:transform .2s,background .2s}.actions a:hover{transform:translateY(-3px)}.actions .outline{border:1px solid #b2c6d0a8}.actions .filled{background:#a4bcc8;color:#101a20}.actions span{font-size:22px;font-weight:400}.hero-rail{position:absolute;bottom:36px;left:clamp(24px,4.2vw,90px);right:clamp(24px,4.2vw,90px);display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.hero-rail span{border-top:1px solid #d3e3e55b;padding-top:15px;font-size:11px;letter-spacing:.2em;font-weight:700}.manifesto,.philosophie{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:clamp(85px,11vw,170px) clamp(24px,8vw,160px)}.manifesto{background:#e4e9e8;color:#111c22}.manifesto .section-no{color:#657b83}.manifesto h2,.philosophie h2{font-size:clamp(51px,6.5vw,115px);margin:0 0 30px}.manifesto h2 em,.section-heading h2 em,.closing h2 em{font-weight:400;color:#839ca7}.manifesto p:not(.overline){font-size:clamp(17px,1.6vw,23px);max-width:650px;line-height:1.6;color:#4a5a61}.manifesto .overline{color:#687e88}.duftwelten{padding:100px clamp(20px,5vw,90px);background:#0c1418}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:55px}.section-heading h2{font-size:clamp(48px,6vw,100px);margin:0}.section-heading p{color:#a8b8c0}.duft-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.duft-card{position:relative;min-height:650px;overflow:hidden;background:#18242b;isolation:isolate}.duft-bg{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform 1.2s}.duft-card:hover .duft-bg{transform:scale(1.05)}.vive .duft-bg{background-image:url('../img/hero-vive.jpg')}.traffic .duft-bg{background-image:url('../img/hero-traffic.jpg')}.duft-card:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#05090bf0 0%,#05090b18 70%)}.duft-info{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(26px,4vw,65px)}.duft-info>span,.duft-info small{font-size:11px;letter-spacing:.22em}.duft-info h3{font-size:clamp(75px,8vw,140px);font-family:Manrope,Arial,sans-serif;letter-spacing:-.09em;margin:15px 0}.duft-info p{font-size:18px;color:#d7e0e3}.duft-info small{border-top:1px solid #ffffff65;padding-top:18px;margin-top:24px}.philosophie{background:#111e24}.philosophie h2{margin-top:20px}.philosophie p{letter-spacing:.18em;font-size:12px;color:#a4bdc9}.closing{padding:100px 24px 140px;text-align:center;background:radial-gradient(circle at 50% 10%,#22333b,#090e11 65%)}.closing img{width:150px;height:auto;opacity:.85}.closing h2{font-size:clamp(58px,7vw,115px);margin:25px 0}.closing p:last-child{color:#b8c8cf;font-size:17px}footer{display:flex;justify-content:space-between;flex-wrap:wrap;gap:18px;padding:26px clamp(24px,5vw,90px);background:#06090b;border-top:1px solid #d7e3e520;color:#93a9b2;font-size:10px;letter-spacing:.16em}
@media(max-width:1000px){.masthead nav{display:none}.cinema-visual{left:25%;opacity:.7}.cinema h1{white-space:normal}.cinema-content{max-width:800px}.manifesto,.philosophie,.section-heading{grid-template-columns:1fr;gap:20px}}
@media(max-width:650px){.masthead{padding:18px 22px}.preview-access span{display:none}.cinema{min-height:700px;height:100svh}.cinema-visual{inset:0;background-size:auto 90%;background-position:65% top;opacity:.46}.cinema-shade{background:linear-gradient(90deg,#05090bf0,#05090b82),linear-gradient(0deg,#05090bf7,transparent 70%)}.cinema-content{padding:100px 22px 135px}.monogram{width:160px;margin-bottom:12px}.cinema h1{font-size:clamp(45px,10vw,66px)}.subtitle{font-size:clamp(27px,7vw,43px)}.hero-rail{left:22px;right:22px;gap:10px}.hero-rail span{font-size:8px}.actions a{min-width:0;gap:16px;padding:13px 15px}.duft-grid{grid-template-columns:1fr}.duft-card{min-height:520px}.manifesto,.philosophie{padding:85px 22px}.duftwelten{padding:85px 14px}.section-heading{padding:0 8px}.duft-info h3{font-size:75px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V0.13.60 — Cinematic Motion; accessibility-first, prelaunch only */
.cinema{--pointer-x:0;--pointer-y:0}
.monogram{width:clamp(195px,20.5vw,335px);max-height:33vh;margin-bottom:clamp(8px,1.5vh,18px);transform-origin:50% 52%;animation:monogram-arrive 1.5s cubic-bezier(.16,1,.3,1) both,monogram-float 7s ease-in-out 1.5s infinite;filter:drop-shadow(0 0 26px #a7c9db42) drop-shadow(0 18px 30px #02070a88);will-change:transform}
.cinema-visual{transform:scale(1.045) translate3d(calc(var(--pointer-x)*-8px),calc(var(--pointer-y)*-5px),0);transition:transform 1.1s ease-out;animation:cinema-arrive 1.8s ease-out both}
.cinema-glow{position:absolute;inset:-15%;pointer-events:none;z-index:-1;background:radial-gradient(circle at calc(73% + var(--pointer-x)*3%) calc(48% + var(--pointer-y)*3%),#b9e4f012,transparent 35%);animation:glow-breathe 8s ease-in-out infinite}
.cinema-content .eyebrow{animation:content-arrive .85s .2s both}.cinema-content h1{animation:content-arrive .9s .35s both}.cinema-content .subtitle{animation:content-arrive .9s .5s both}.cinema-content .hero-copy{animation:content-arrive .9s .65s both}.cinema-content .actions{animation:content-arrive .9s .8s both}
.masthead{animation:header-arrive .9s ease-out both}.hero-rail{animation:content-arrive .9s 1s both}
.reveal{opacity:0;transform:translateY(32px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}
.duft-card:nth-child(2).reveal{transition-delay:.12s}.duft-bg{transition:transform 1.6s cubic-bezier(.2,.7,.2,1),filter 1.3s}.duft-card:hover .duft-bg{transform:scale(1.065);filter:brightness(1.12)}
@keyframes monogram-arrive{from{opacity:0;transform:translateY(20px) scale(.88);filter:blur(7px)}to{opacity:1;transform:translateY(0) scale(1);filter:drop-shadow(0 0 26px #a7c9db42) drop-shadow(0 18px 30px #02070a88)}}
@keyframes monogram-float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@keyframes cinema-arrive{from{opacity:.4;filter:brightness(.65)}to{opacity:1;filter:brightness(1)}}
@keyframes glow-breathe{0%,100%{opacity:.6}50%{opacity:1}}
@keyframes content-arrive{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}
@keyframes header-arrive{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.monogram{width:clamp(165px,43vw,225px);max-height:24vh;margin-bottom:8px}.cinema-visual{transform:none;transition:none}.cinema-content{padding-top:112px}}
@media(prefers-reduced-motion:reduce){.monogram,.cinema-visual,.cinema-glow,.cinema-content .eyebrow,.cinema-content h1,.cinema-content .subtitle,.cinema-content .hero-copy,.cinema-content .actions,.masthead,.hero-rail{animation:none!important;transform:none!important}.reveal{opacity:1!important;transform:none!important;transition:none!important}.duft-bg{transition:none!important}}

/* V0.13.61: Monogramm groesser und Philosophie klarer */
@media(min-width:651px){.cinema .monogram{width:clamp(235px,25vw,420px);max-height:39vh;margin-bottom:clamp(4px,1vh,12px)}}
@media(max-width:650px){.cinema .monogram{width:clamp(185px,49vw,260px);max-height:27vh}}
.philosophie .philosophie-copy{font-size:clamp(16px,1.35vw,21px);line-height:1.65;max-width:660px;color:#b9c9d1;margin-top:24px;letter-spacing:normal}


/* V0.13.62 — nahtloser Bilduebergang statt harter vertikaler Kante.
   Die Bilddatei bleibt unveraendert; kein Eingriff in Shop/Checkout. */
@media (min-width: 651px) {
  .cinema .cinema-visual {
    inset: 0 0 0 13%;
    background-size: cover;
    background-position: 60% center;
    -webkit-mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.08) 13%, rgba(0,0,0,.55) 30%, #000 51%);
    mask-image: linear-gradient(to right, transparent 0%, rgba(0,0,0,.08) 13%, rgba(0,0,0,.55) 30%, #000 51%);
  }
  .cinema .cinema-shade {
    background: linear-gradient(90deg, #050a0df5 0%, #050a0de8 18%, #050a0da3 38%, #050a0d2b 64%, transparent 85%),
                linear-gradient(0deg, #05090be0, transparent 27%);
  }
}
@media (max-width: 650px) {
  .cinema .cinema-visual {
    inset: 0;
    -webkit-mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
    mask-image: linear-gradient(to bottom, #000 0%, #000 55%, transparent 100%);
  }
}


/* V0.14.07: Eigenstaendige mobile Bildkomposition fuer die Prelaunch-Buehne.
   Das Motiv wird nicht mehr auf 90% der gesamten hohen Hero-Flaeche vergroessert. */
@media (max-width:650px) {
  .cinema { background:#060d12; }
  .cinema .cinema-visual {
    inset:82px 0 auto 0;
    height:clamp(370px,57svh,560px);
    background-image:url('../img/prelaunch-cinema.jpg');
    background-repeat:no-repeat;
    background-size:auto 100%;
    background-position:34% center;
    opacity:.82;
    -webkit-mask-image:linear-gradient(to bottom, #000 0%, #000 54%, rgba(0,0,0,.75) 74%, transparent 100%);
    mask-image:linear-gradient(to bottom, #000 0%, #000 54%, rgba(0,0,0,.75) 74%, transparent 100%);
    transform:none!important;
    animation:none!important;
  }
  .cinema .cinema-shade {
    background:linear-gradient(to bottom,rgba(5,10,13,.12) 0%,rgba(5,10,13,.20) 25%,rgba(5,10,13,.65) 49%,#050a0d 82%),linear-gradient(90deg,rgba(5,10,13,.35),transparent 78%);
  }
  .cinema .cinema-content { position:relative;z-index:1; }
}
@media (max-width:380px) {
  .cinema .cinema-visual { background-position:39% center; }
}

/* 0.14.09: editorial fragrance card links */
.duft-card-link{position:absolute;inset:0;display:block;color:inherit}.duft-card-link:focus-visible{outline:3px solid #adc5d0;outline-offset:-6px}


/* ANTISSIMO 0.14.13 | public preview: remove residual warm chrome and sections */
:root{--steel:#a9c5d5;--line:rgba(169,197,213,.22)}
body{background:#080e13!important;color:#e8eef2}
body .masthead{background:#080e13!important;border-bottom:1px solid rgba(169,197,213,.2)!important}
body .masthead :is(a,span){color:#d3e1e9}
body .duftwelten{background:#101a21!important;color:#e6eef3!important}
body .duftwelten :is(.section-heading,.duft-grid,.duft-card){border-color:rgba(169,197,213,.2)!important}
body .duftwelten .section-no,body .duftwelten .section-heading p{color:#a9c5d5!important}
body footer{background:#080e13!important;border-top:1px solid rgba(169,197,213,.2)!important;color:#b4cbd8!important}
body footer a{color:#c5dbe7!important}

/* V0.14.17 – öffentlich erreichbare Rechtstexte */
.prelaunch-legal{display:flex;gap:22px;flex-wrap:wrap}.prelaunch-legal a{color:#b4cbd8;text-decoration:none}.prelaunch-legal a:hover{text-decoration:underline}