@import url('local-fonts.css');
:root{--cream:#fff8ed;--ink:#243c50;--blue:#92b3cf;--peach:#f2bfa8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #bd633f;outline-offset:6px}header{position:fixed;z-index:20;left:0;top:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:25px 40px;pointer-events:none}header>*{pointer-events:auto}.wordmark{font-family:Georgia,serif;font-size:42px;letter-spacing:-2px}.wordmark span{display:block;font-family:'DM Sans',sans-serif;font-size:9px;letter-spacing:1.5px;margin-top:3px}#menuButton{border:1px solid #243c5040;background:var(--cream);border-radius:50%;width:76px;height:76px;font-size:12px}#menuButton span{display:block;font-size:22px}nav{position:fixed;z-index:19;right:30px;top:112px;padding:35px;background:var(--cream);box-shadow:0 20px 70px #243c5020}nav a{display:block;margin:20px 0;font-size:22px}section{position:relative}.intro{height:100svh;min-height:650px;overflow:hidden}.intro-art{width:100%;height:100%;object-fit:cover}#paint{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;transition:opacity .7s}.intro-bottom{position:absolute;bottom:35px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:14px}.intro-bottom>span{background:var(--cream);padding:10px 14px;border-radius:20px}#discover,.again{border:0;background:var(--ink);color:var(--cream);padding:17px 25px;border-radius:40px;font-size:14px}#resetPaint{position:absolute;right:40px;bottom:100px;border:0;background:var(--cream);padding:10px 15px;border-radius:25px;font-size:11px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}h2{font-family:'Italiana',Georgia,serif;font-weight:400;font-size:clamp(58px,8vw,120px);letter-spacing:-.045em;line-height:.98;margin:25px 0}h2 em{font-weight:400}.eyebrow{font-size:12px;letter-spacing:2.5px}.world{height:160vh}.world-stage{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;display:grid;place-items:center;text-align:center}.world-stage>img{position:absolute;width:100%;height:100%;object-fit:cover;transform:scale(var(--world-scale,1.08))}.world-copy{position:relative;margin-bottom:80px;text-shadow:0 2px 30px #fff8ed}.world-copy p{font-size:18px;line-height:1.7}.vertical{position:absolute;right:25px;writing-mode:vertical-rl;font-size:11px;letter-spacing:3px}.collection{height:180vh;background:var(--peach)}.collection-stage{position:sticky;top:0;height:100svh;min-height:740px;text-align:center;padding:125px 30px 30px;overflow:hidden}.collection h2{font-size:clamp(54px,6.4vw,90px);margin:12px 0;position:relative;z-index:2}.products{height:48vh;max-height:470px;display:flex;justify-content:center;align-items:center;gap:7vw;margin-top:-10px}.product{margin:0;width:23%;position:relative;transform:translateY(var(--product-y,0px))}.float{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 25px 15px #243c5025)}.product img{display:block;object-fit:contain;width:100%;height:34vh;max-height:330px}.airless img{clip-path:inset(2.5% 26.7% 2.1% 26.7% round 12%);transform:scale(1.12)}.sachet img{clip-path:inset(6.5% 6% 6.5% 6%);transform:rotate(-10deg)}.softpack img{transform:rotate(9deg)}.sachet .float{animation-delay:-2s}.softpack .float{animation-delay:-4s}.product figcaption{font-size:12px;letter-spacing:1.5px;margin-top:20px}.product figcaption span{display:block;font-size:13px;letter-spacing:0;margin-top:8px}.development{font-size:12px;line-height:1.7;opacity:.75}.opening{height:240vh;background:#87a9c5}.opening-stage{position:sticky;top:0;height:100svh;min-height:650px;display:flex;align-items:center;padding:8vw;overflow:hidden}.opening-copy{width:55%;z-index:3}.opening-copy h2{font-size:clamp(55px,7vw,100px)}.opening-copy p{font-size:18px;line-height:1.7}.packet{position:relative;width:min(30vw,360px);aspect-ratio:2/3;transform:rotate(calc(-8deg + var(--open,0)*8deg))}.packet img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.packet-body{clip-path:inset(18% 6% 6.5% 6%);z-index:2}.packet-top{clip-path:inset(6.5% 6% 82% 6%);transform:translate(calc(var(--open,0)*65px),calc(var(--open,0)*-180px)) rotate(calc(var(--open,0)*24deg));opacity:calc(1 - var(--open,0)*.7);z-index:3}.tissue{position:absolute;left:14%;top:26%;width:72%;height:60%;border-radius:5px;background:repeating-linear-gradient(0deg,#f9f8f0 0px,#fff 2px,#f4f2e9 4px);box-shadow:inset -20px 0 30px #ddd8cb55,0 0 18px #243c5020;transform:translateY(calc(var(--open,0)*-65%)) rotate(calc(var(--open,0)*-5deg));z-index:1}.opening-note{position:absolute;bottom:30px;left:8vw;font-size:11px;letter-spacing:2px}.ritual{padding:140px 8vw 100px;text-align:center}.ritual h2{font-size:clamp(50px,7vw,100px)}.ritual-details{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:55px;text-align:left;margin:65px auto 35px;max-width:1100px}.ritual-details p{font-size:17px;line-height:1.7;margin:0}.ritual-details h3{font-weight:500;font-size:18px;margin:0 0 12px}.again{display:inline-block;margin-top:35px}footer{background:var(--ink);color:var(--cream);padding:65px 8vw;display:flex;justify-content:space-between;align-items:center;gap:25px}footer>span{font-family:Georgia,serif;font-size:65px}footer p,footer a{font-size:11px;letter-spacing:1.5px}@keyframes float{0%,100%{transform:translateY(-12px) rotate(-2deg)}50%{transform:translateY(12px) rotate(2deg)}}@media(max-width:700px){header{padding:20px}.wordmark{font-size:31px}.wordmark span{font-size:7px}#menuButton{height:60px;width:60px}.intro{min-height:600px}.intro-art{object-position:49% center}.intro-bottom{left:20px;right:20px;bottom:25px;align-items:flex-start;flex-direction:column;gap:10px}.intro-bottom>span{font-size:12px}#resetPaint{right:20px;bottom:25px;font-size:9px}.world-copy{padding:0 25px}.vertical{right:8px;font-size:9px}.collection-stage{padding:120px 12px 25px;min-height:700px}.products{gap:0;height:43vh;margin-top:20px}.product{width:33.33%}.product img{height:26vh}.product figcaption{font-size:10px;letter-spacing:.5px}.product figcaption span{font-size:11px;padding:0 5px}.opening-stage{flex-direction:column;justify-content:center;padding:100px 25px 55px;gap:45px}.opening-copy{width:100%;text-align:center}.opening-copy h2{font-size:54px;margin:12px 0}.opening-copy p{font-size:15px}.packet{width:170px}.opening-note{font-size:9px;bottom:18px}.ritual{padding:100px 25px 65px}.ritual-details{grid-template-columns:1fr;gap:30px;margin-top:40px}footer{flex-direction:column;text-align:center}footer>span{font-size:55px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.float{animation:none!important}.world,.collection,.opening{height:auto}.world-stage,.collection-stage,.opening-stage{position:relative}.tissue{transform:translateY(-40%)}.packet-top{opacity:0}}
/* One continuous sachet between the collection and opening scene. */
.sachet .float{animation:none;filter:drop-shadow(0 25px 15px #243c5025)}
.sachet img{width:auto;max-width:100%;margin:auto;aspect-ratio:2/3}
.packet-traveller{position:fixed!important;z-index:8;pointer-events:none;margin:0;transform-origin:center;filter:drop-shadow(0 22px 20px #243c5020)}
.packet-top{transform-origin:75% 18%;transform:translate(calc(var(--tear,0)*80px),calc(var(--tear,0)*-150px)) rotate(calc(var(--tear,0)*32deg));opacity:calc(1 - var(--tear,0)*.25)}
.tissue{transform:translateY(calc(var(--cloth,0)*-68%)) rotate(calc(var(--cloth,0)*-5deg));box-shadow:inset -20px 0 30px #ddd8cb55,0 8px 18px #243c5030}
.packet:after{content:'';position:absolute;left:7%;right:7%;top:18%;height:5px;border-radius:50%;background:#263d50;opacity:calc(var(--tear,0)*.55);filter:blur(2px);z-index:4}
@media(prefers-reduced-motion:reduce){.packet-traveller{display:none!important}.packet-top{opacity:0}.tissue{transform:translateY(-40%)}}
/* Brand signature and a more expressive world. */
.wordmark{display:block;width:154px;padding:8px 12px;background:#39566ddd;border:1px solid #d4bd9244;border-radius:12px;box-shadow:0 5px 25px #213b5012;backdrop-filter:blur(12px)}
.wordmark img{display:block;width:100%;height:auto}
.softpack img{transform:rotate(6deg) scale(1.32)}
.world-stage>img{transform:scale(var(--world-scale,1.12)) translate3d(calc(var(--mx,0)*-14px),calc(var(--wy,0)*-25px),0);will-change:transform}
.world-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#fff8ed88 0%,#fff8ed30 35%,transparent 64%),linear-gradient(125deg,#648fb830,transparent 40%,#efc8a930);mix-blend-mode:soft-light}
.world-copy{z-index:3;text-shadow:0 2px 35px #fff8ed;transform:translateY(calc(var(--wy,0)*-16px))}
.world-lotus{position:absolute;width:clamp(240px,33vw,510px);aspect-ratio:1.75;overflow:hidden;pointer-events:none;filter:drop-shadow(0 20px 16px #27455c25);z-index:2}
.world-lotus img{position:absolute;width:180%;max-width:none;left:-40%;top:-9%;height:auto}
.lotus-left{left:-9%;bottom:10%;transform:translate3d(calc(var(--mx,0)*22px),calc(var(--wy,0)*-95px),0) rotate(calc(-23deg + var(--wy,0)*12deg))}
.lotus-right{right:-9%;top:12%;width:clamp(200px,27vw,390px);transform:translate3d(calc(var(--mx,0)*-32px),calc(var(--wy,0)*70px),0) rotate(calc(23deg - var(--wy,0)*15deg))}
@media(max-width:700px){.wordmark{width:105px;padding:5px 8px;border-radius:9px}.softpack img{transform:rotate(6deg) scale(1.14)}.lotus-left{width:240px;left:-125px;bottom:6%}.lotus-right{width:220px;right:-115px;top:14%}.world-copy{padding:0 30px}.world-copy h2{font-size:clamp(49px,13vw,70px)}}
@media(prefers-reduced-motion:reduce){.world-stage>img,.world-copy,.world-lotus{transform:none!important}}
/* A quiet wordmark in navigation; the full emblem lives in the footer. */
header .wordmark{width:auto;padding:0;background:none;border:0;border-radius:0;box-shadow:none;backdrop-filter:none;color:var(--ink)}
header .wordmark .brand-word{display:block;font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:40px;line-height:1;letter-spacing:-1.8px;margin:0}
header.on-dark .wordmark{color:var(--cream)}
.footer-brand{display:block;width:240px;max-width:65vw;height:auto;object-fit:contain}
@media(max-width:700px){header .wordmark .brand-word{font-size:31px;letter-spacing:-1.3px}.footer-brand{width:220px}}
.product-discover{display:block;position:relative}.discover-label{display:inline-block;border-bottom:1px solid currentColor;font-size:12px;padding:5px 0;margin-top:12px;opacity:.75;transition:opacity .2s}.product-discover:hover .discover-label,.product-discover:focus-visible .discover-label{opacity:1}.product-discover:focus-visible{outline-offset:10px}
/* Quiet editorial close, with one clear next step. */
.closing{background:#b8cbd8;padding:115px 8vw 0;text-align:center;color:#243c50}
.closing-inner{max-width:1000px;margin:0 auto;padding-bottom:95px}
.closing h2{font-size:clamp(58px,8.6vw,124px);line-height:1.03;letter-spacing:-.045em;margin:30px 0}
.closing p{font-size:18px;line-height:1.8;margin:0 auto 30px}
.closing-link{display:inline-flex;align-items:center;gap:34px;padding:12px 0;border-bottom:1px solid #243c5070;font-size:15px}
.closing-link span{transition:transform .2s}.closing-link:hover span{transform:translate(3px,-3px)}
.closing-quality{border-top:1px solid #243c5030;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:27px 0;font-size:13px}
.origin-inline{display:inline-flex;align-items:center;gap:12px}.german-flag{display:inline-block;width:24px;height:16px;border-radius:1px;background:linear-gradient(#171717 0 33.333%,#d5222a 33.333% 66.666%,#efc33b 66.666% 100%)}
.closing-quality>a{display:inline-flex;gap:18px;align-items:center}
footer.home-footer{display:block;background:#243c50;padding:65px 8vw 28px;text-align:center}
.footer-emblem{display:block;width:200px;margin:0 auto 50px}.footer-emblem img{display:block;width:100%;height:auto}
.footer-bottom{border-top:1px solid #d4bd9250;padding-top:25px;display:flex;justify-content:space-between;align-items:center;gap:25px}
.home-footer .footer-bottom p{margin:0;font-size:10px;letter-spacing:1.7px}
.home-footer nav{position:static;display:flex;flex-wrap:wrap;justify-content:center;gap:28px;padding:0;background:none;box-shadow:none;z-index:auto}
.home-footer nav a{display:inline;margin:0;font-size:13px;letter-spacing:0}
@media(max-width:700px){.closing{padding:80px 25px 0}.closing-inner{padding-bottom:65px}.closing h2{font-size:clamp(42px,11.8vw,72px);margin:25px 0}.closing p{font-size:16px}.closing-quality{flex-direction:column;gap:17px;padding:25px 0}.footer-bottom{flex-direction:column;gap:22px}.footer-emblem{width:170px;margin-bottom:40px}footer.home-footer{padding:45px 25px 28px}.home-footer nav{gap:24px}}
@media(prefers-reduced-motion:reduce){.closing-link span{transition:none}}
/* Product captions stay readable alongside the oversized artwork. */
.product figcaption{font-size:19px;font-weight:500;letter-spacing:1.5px;line-height:1.4;margin-top:24px}
.product figcaption span{font-size:16px;font-weight:400;line-height:1.5;letter-spacing:0;margin-top:10px}
.product .discover-label{font-size:15px;margin-top:14px}
@media(max-width:700px){.product figcaption{font-size:clamp(12px,3.25vw,16px);letter-spacing:.35px;margin-top:20px}.product figcaption span{font-size:13px;line-height:1.45;padding:0 4px;margin-top:8px}.product .discover-label{font-size:13px;margin-top:12px}}
/* Soft nonwoven tissue: irregular edge, fine fibres and broad folded highlights. */
.tissue{border-radius:38% 12% 8% 6% / 5% 4% 3% 4%;clip-path:polygon(0 3%,9% 1.4%,19% 2.2%,29% .6%,39% 1.8%,50% 0,61% 1.6%,72% .5%,83% 2%,94% 1.2%,100% 3.5%,98% 100%,2% 100%);background:linear-gradient(102deg,transparent 17%,#c5cbd03b 24%,#ffffffb8 29%,transparent 36%,transparent 59%,#b8c4cc40 65%,#fff 70%,transparent 78%),linear-gradient(173deg,#ffffff 0%,#f8faf9 34%,#dfe5e53d 49%,#fff 54%,#f0f3f1 100%);box-shadow:inset 9px 0 14px #a9b9c12b,inset -12px 0 18px #a9b9c133,0 8px 18px #243c5030;overflow:hidden}
.tissue::before{content:"";position:absolute;inset:0;opacity:.2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.64 .32' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%2389989d' filter='url(%23f)' opacity='.55' d='M0 0h160v160H0z'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.tissue::after{content:"";position:absolute;left:3%;right:3%;top:3%;height:14%;border-radius:50% 35% 0 0;border-top:1px solid #ffffffd9;background:linear-gradient(176deg,#fff9,transparent 62%);box-shadow:0 -2px 3px #aebec326;transform:rotate(-2deg)}

/* Matte cream packaging wordmark in the footer. */
footer .footer-brand,footer .footer-emblem img{filter:url(#brand-matte);opacity:1}footer .footer-brand{width:220px}footer .footer-emblem{width:200px}.brand-filters{position:absolute;pointer-events:none;overflow:hidden}

/* Compact horizontal signature from the supplied pitch deck. */
.pitch-wordmark{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:29px;line-height:1;letter-spacing:-1px}.pitch-wordmark>span{display:inline;font:inherit;letter-spacing:inherit;margin:0}.pitch-wordmark>img{display:block;width:.94em;height:.94em;object-fit:contain;filter:none!important;transform:translateY(1px)}header .wordmark .pitch-wordmark{font-size:32px;color:var(--cream);text-shadow:0 1px 8px #243c5033}footer .pitch-wordmark{font-size:27px;color:var(--cream)}footer .footer-emblem{width:auto;display:inline-flex;margin-bottom:35px}footer .footer-emblem .pitch-wordmark img{width:.94em;height:.94em}footer.home-footer{padding-top:42px}.pitch-wordmark{filter:none!important}@media(max-width:700px){header .wordmark .pitch-wordmark{font-size:26px}footer .pitch-wordmark{font-size:25px}}
body.detail-page header .wordmark .pitch-wordmark,body.about-page header .wordmark .pitch-wordmark{color:var(--ink);text-shadow:none}header.on-dark .wordmark .pitch-wordmark{color:var(--cream)}
@font-face{font-family:'Luvina Pitch';src:url('assets/pitch-cormorant.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}.pitch-wordmark{font-family:'Luvina Pitch',Georgia,serif;letter-spacing:0}
.pitch-wordmark{font-family:"Luvina Pitch",Georgia,serif;letter-spacing:0}body.detail-page header .wordmark .pitch-wordmark{color:var(--ink);text-shadow:none}header.on-dark .wordmark .pitch-wordmark{color:var(--cream)}
header .wordmark .pitch-wordmark{display:inline-flex;align-items:center;font-family:"Luvina Pitch",Georgia,serif;line-height:1;letter-spacing:0;margin:0}header .wordmark .pitch-wordmark>span{display:inline;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;margin:0}
header .wordmark .pitch-wordmark{color:var(--ink);text-shadow:none}header.on-dark .wordmark .pitch-wordmark{color:var(--cream)}