@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=DM+Sans:wght@300;400;500;600&display=swap');
:root{--black:#080205;--wine:#280711;--red:#b30c3d;--pink:#ff456f;--gold:#e8c99c;--cream:#fff0e6;--muted:#d0b4b6}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0;background:var(--black);color:var(--cream);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.05;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.header{height:76px;position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid #ffffff22;background:linear-gradient(#080205cc,transparent)}.logo{display:flex;align-items:center;gap:10px;font:500 26px 'Cormorant Garamond';white-space:nowrap}.mark{width:40px;height:40px;border:1px solid var(--pink);border-radius:50%;display:grid;place-items:center;color:var(--pink);font:italic 27px 'Cormorant Garamond';box-shadow:0 0 18px #f32a5c33}.pink{color:var(--pink)}.logo small{display:block;font:8px 'DM Sans';letter-spacing:2.5px;color:#d7bfc0}.header nav{display:flex;gap:clamp(8px,1.3vw,22px)}.header nav a{font-size:10px;color:#f6e8e4;transition:.25s}.header nav a:hover{color:#ff6d8d;text-shadow:0 0 12px #ff426f}.tools{display:flex;gap:12px;align-items:center}.tools button,.tools select{border:0;background:transparent;color:#f8e9e6;font-size:10px;cursor:pointer}.tools select option{background:#180710;color:#fff}.menu{font-size:21px!important}
.hero{height:100svh;min-height:680px;position:relative;display:flex;align-items:center;overflow:hidden;background:#12040a}.hero-bg{position:absolute;inset:0;background:url('assets/hero-clean.jpg') center 34%/cover no-repeat;animation:breath 20s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080205 0%,#080205ed 20%,#08020562 43%,transparent 75%),linear-gradient(0deg,#080205 0%,transparent 25%,#08020540 100%)}.hero-copy{position:relative;z-index:2;margin-left:4vw;margin-top:50px;max-width:440px}.eyebrow{font-size:9px;letter-spacing:3px;color:#ff7995;font-weight:600}.hero h2{font:400 clamp(58px,6.5vw,92px)/.86 'Cormorant Garamond';margin:22px 0;letter-spacing:-2px}.hero h2 i,.heading i,.module-head h2 i,.story-copy h2 i,.closing h2 i,.age-box h2 i{color:#ff527c;font-weight:400}.hero-tags{font-size:13px;color:#f4deda}.hero-tags b{color:#ff527c;margin:0 5px}.cta{display:inline-flex;align-items:center;gap:28px;margin-top:23px;padding:15px 25px;border:1px solid #ff426f;border-radius:40px;color:white;background:#a70c3738;box-shadow:0 0 25px #ff174c55,inset 0 0 15px #ff174c22;font-size:10px;letter-spacing:1.2px;transition:.3s;cursor:pointer}.cta:hover{transform:translateY(-3px);box-shadow:0 0 38px #ff174c99}.cta span{font-size:18px;color:#ff9ab1}.micro{font-size:8px;letter-spacing:2px;color:#c5a9ac;margin-top:17px}.hero-scroll{position:absolute;bottom:27px;left:4vw;font-size:8px;letter-spacing:2px;color:#d8c0c2}.hero-scroll span{color:var(--pink);font-size:16px;margin-left:10px}.hero-count{position:absolute;right:4vw;bottom:35px;writing-mode:vertical-rl;font-size:8px;letter-spacing:2px;color:#d8b9bd}
.explore{padding:85px 2.5vw 70px;background:linear-gradient(#0b0307,#1a060e)}.heading,.module-head{text-align:center;margin:0 auto 38px;max-width:720px}.heading h2,.module-head h2,.story-copy h2,.closing h2{font:400 clamp(43px,5vw,68px)/.95 'Cormorant Garamond';margin:14px 0}.module-head>p:not(.eyebrow){font-size:13px;line-height:1.8;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.card{height:235px;position:relative;overflow:hidden;border:1px solid #b9435b77;border-radius:10px;background:#210812}.card img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;transition:transform .9s,filter .5s}.card:hover img{transform:scale(1.1);filter:saturate(1.2)}.veil{position:absolute;inset:0;background:linear-gradient(0deg,#080205f2,transparent 75%)}.card-text{position:absolute;left:14px;bottom:15px;display:flex;flex-direction:column;gap:5px}.card-text small{font-size:7px;letter-spacing:1.8px;color:#ff90a6}.card-text strong{font:500 23px 'Cormorant Garamond'}.card-text em{font-style:normal;font-size:9px;color:#eed2d1}.arrow{position:absolute;right:12px;bottom:14px;width:27px;height:27px;border:1px solid #ff7995;border-radius:50%;display:grid;place-items:center;color:#ff9bb0}
.module-section{padding:85px 7vw;background:linear-gradient(180deg,#10040a,#17050c)}.module-section.dark{background:linear-gradient(180deg,#0b0307,#1d0711)}.module-head{margin-bottom:42px}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.story-card{border:1px solid #9c344d66;background:#180710;overflow:hidden}.story-card img{width:100%;height:210px;object-fit:cover;display:block}.story-card>div{padding:22px}.story-card small{font-size:8px;letter-spacing:2px;color:#ff819c}.story-card h3,.knowledge-grid h3,.fantasy-grid h3,.wellness-grid h3,.position-list h3{font:500 25px 'Cormorant Garamond';margin:12px 0}.story-card p,.knowledge-grid p,.fantasy-grid p,.wellness-grid p,.position-list p{font-size:12px;line-height:1.85;color:var(--muted)}.read{border:0;border-bottom:1px solid #ff557a;background:none;color:#ff8ca5;padding:8px 0;font-size:10px;cursor:pointer;margin-top:7px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.knowledge-grid article,.fantasy-grid article,.wellness-grid article{padding:28px;border:1px solid #ffffff1c;background:linear-gradient(145deg,#ffffff0a,#ffffff02)}.knowledge-grid article>span{color:#ff7896;font-size:10px;letter-spacing:2px}.knowledge-grid h3{font-size:26px}.position-list{max-width:950px;margin:auto}.position-list article{display:grid;grid-template-columns:55px 1fr 40px;align-items:center;gap:20px;padding:18px 10px;border-bottom:1px solid #ffffff20}.position-list article>b{font:30px 'Cormorant Garamond';color:#ff7896}.position-list h3{margin:0}.position-list p{margin:6px 0}.position-list article>span{font-size:24px;color:#ff7896}.safety-note{max-width:950px;margin:22px auto 0;padding:16px;border-left:2px solid #ff527c;color:#d4b7ba;font-size:11px;line-height:1.8;background:#ff426f0a}.fantasy-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.fantasy-icon{font-size:32px;color:#ff7192}.fantasy-grid h3{font-size:24px}.wellness-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.wellness-grid h3{font-size:26px}.story{min-height:520px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:80px 9vw;background:#10040a}.story-photo{height:390px;background:url('assets/fantasies.jpg') center/cover;border:1px solid #9f3b4b66;box-shadow:0 30px 90px #0008;transform:rotate(-1.5deg)}.story-copy{max-width:480px}.story-copy p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted)}.closing{text-align:center;padding:105px 20px;background:radial-gradient(ellipse at center,#3b0c1b,#080205 70%)}.closing>p:not(.eyebrow){color:var(--muted);font-size:12px}
footer{display:flex;align-items:center;justify-content:space-between;padding:26px 4vw;color:#c6aaae;font-size:10px}footer>div{display:flex;gap:22px}
.age{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:20px;background:#050205ed;backdrop-filter:blur(18px);transition:.6s}.age.hide{opacity:0;visibility:hidden}.age-box{width:min(420px,100%);padding:42px 32px;text-align:center;border:1px solid #f04b744f;background:linear-gradient(145deg,#350b1b,#100308);box-shadow:0 20px 90px #000}.age-box .mark{margin:0 auto 20px}.age-box h2{font:47px/.9 'Cormorant Garamond';margin:20px}.age-box p:not(.eyebrow){font-size:12px;line-height:1.8;color:var(--muted)}.under{display:block;margin:15px auto 18px;background:none;border:0;color:#b99fa4;text-decoration:underline;font-size:10px;cursor:pointer}.age-box small{font-size:9px;color:#987b83}
.modal{position:fixed;inset:0;z-index:80;background:#050205eF;display:none;place-items:center;padding:20px}.modal.open{display:grid}.modal-box{max-width:650px;max-height:85vh;overflow:auto;padding:40px;background:#1b0710;border:1px solid #e34c704f;position:relative}.modal-close{position:absolute;right:18px;top:12px;background:none;border:0;color:#fff;font-size:28px;cursor:pointer}.modal-box h2{font:38px 'Cormorant Garamond'}.modal-box p{font-size:13px;line-height:2;color:#ddc3c6}
.intro{position:fixed;inset:0;z-index:100;background:#020102;display:grid;place-items:center;overflow:hidden;transition:opacity .9s,visibility .9s}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.intro-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,#3c0718,#020102 68%)}.mouth-frame{position:absolute;width:min(66vw,1000px);height:min(47vw,600px);overflow:hidden;border-radius:48%/50%;box-shadow:0 0 100px #ff174c55;transition:width 2.6s cubic-bezier(.65,0,.2,1),height 2.6s,border-radius 2.6s,transform 2.6s}.mouth-frame img{width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.02);transition:transform 2.6s}.intro.kiss .mouth-frame{animation:kissImpact .65s ease-in-out}.kiss-stamp{position:absolute;z-index:4;width:190px;opacity:0;transform:scale(.1) rotate(-12deg);filter:drop-shadow(0 0 20px #ff184e);transition:opacity .3s,transform .55s}.intro.kiss .kiss-stamp{opacity:.95;transform:scale(1) rotate(-12deg)}.intro.zoom .mouth-frame{width:190vw;height:190vh;border-radius:0;transform:scale(1.5)}.intro.zoom .mouth-frame img{transform:scale(1.8)}.intro-label{position:absolute;z-index:5;bottom:8%;text-align:center;transition:opacity .5s}.intro-label>span{font-size:9px;letter-spacing:4px;color:#ff9bb0}.intro-label h1{font:400 clamp(32px,4vw,55px) 'Cormorant Garamond';letter-spacing:3px}.intro-label h1 i{color:#ff527c}.intro-label p,.intro-label small{display:block;font-size:10px;color:#d9b8c0;letter-spacing:1px}.intro-label button{margin:12px 0;padding:13px 25px;border:1px solid #ff557e;border-radius:30px;background:#a00c3244;color:white;letter-spacing:1.5px;font-size:9px;cursor:pointer;box-shadow:0 0 25px #f21d4c55}.intro-label button b{margin-left:16px}.intro.zoom .intro-label{opacity:0}.skip{position:absolute;right:4vw;bottom:25px;z-index:8;border:0;background:none;color:#efd0d5;font-size:9px;letter-spacing:2px;cursor:pointer}.progress{position:absolute;bottom:0;width:100%;height:2px;background:#ffffff20}.progress span{display:block;height:100%;width:0;background:#ff426f}.intro.run .progress span{animation:progress 4s linear forwards}
@keyframes breath{from{transform:scale(1.02)}to{transform:scale(1.1)}}@keyframes progress{to{width:100%}}@keyframes kissImpact{0%{transform:scale(1)}35%{transform:scale(1.08)}60%{transform:scale(.98)}100%{transform:scale(1)}}
@media(max-width:1100px){.header nav{gap:8px}.header nav a{font-size:9px}.cards{grid-template-columns:repeat(3,1fr)}.card{height:220px}.fantasy-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.header{height:65px;padding:0 4vw}.header nav{display:none}.logo{font-size:22px}.tools{gap:8px}.tools #sound{display:none}.hero{min-height:660px;align-items:flex-end;padding-bottom:125px}.hero-bg{background-position:58% center}.hero-shade{background:linear-gradient(90deg,#080205df,#08020566),linear-gradient(0deg,#080205,transparent 60%)}.hero-copy{margin:0 7vw}.hero h2{font-size:64px}.cards{grid-template-columns:repeat(2,1fr);gap:8px}.card{height:200px}.card-text{left:10px;bottom:12px}.card-text strong{font-size:20px}.card-text em{font-size:8px}.explore,.module-section{padding:65px 5vw}.story{grid-template-columns:1fr;padding:65px 7vw;gap:30px}.story-photo{height:280px}.story-grid,.knowledge-grid,.wellness-grid{grid-template-columns:1fr}.fantasy-grid{grid-template-columns:1fr 1fr}.position-list article{grid-template-columns:32px 1fr 25px;gap:10px}.position-list h3{font-size:22px}.position-list p{font-size:11px}.module-head h2{font-size:48px}footer{gap:15px;flex-wrap:wrap}.mouth-frame{width:92vw;height:65vw}.intro-label{bottom:13%}.kiss-stamp{width:130px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* V5 refinements: one category grid, distinct editorial art and scroll-reveal silhouette */
.scroll-figure{position:fixed;z-index:0;pointer-events:none;right:-7vw;top:8vh;width:min(52vw,760px);height:90vh;background:url('assets/scroll-silhouette.svg') center/contain no-repeat;opacity:0;transform:translateY(9vh) scale(.94);filter:drop-shadow(0 0 70px #d51d5033);transition:opacity .25s linear;mask-image:linear-gradient(to bottom,transparent 0%,#000 18%,#000 78%,transparent 100%)}
body>*:not(.scroll-figure):not(.grain){position:relative}
.art-gallery{padding:70px 7vw 85px;background:linear-gradient(180deg,#0c0308,#1b0610)}
.art-gallery-grid{display:grid;grid-template-columns:1.1fr .9fr 1fr;gap:15px}
.art-tile{margin:0;min-height:330px;position:relative;overflow:hidden;border:1px solid #a43a5366;background-color:#1b0610}
.art-tile:before{content:"";position:absolute;inset:0;transition:transform 1s}
.art-tile:hover:before{transform:scale(1.08)}
.art-one:before{background:radial-gradient(ellipse at 50% 35%,#d68a87 0 7%,transparent 8%),radial-gradient(ellipse at 48% 43%,#a51c42 0 18%,transparent 19%),linear-gradient(135deg,#10040a,#6c102d 50%,#17040b)}
.art-two:before{background:url('assets/scroll-silhouette.svg') center 35%/cover no-repeat,linear-gradient(145deg,#3a0a1a,#090206)}
.art-three:before{background:radial-gradient(ellipse at 60% 38%,#d99582 0 9%,transparent 10%),radial-gradient(ellipse at 42% 45%,#773044 0 22%,transparent 23%),linear-gradient(120deg,#0b0308,#74132e,#16050c)}
.art-tile:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#080205e8)}
.art-tile figcaption{position:absolute;z-index:1;left:22px;bottom:22px;display:flex;flex-direction:column;gap:7px}
.art-tile small{font-size:8px;letter-spacing:2px;color:#ff8ca5}
.art-tile strong{font:30px 'Cormorant Garamond';color:#fff0e6}
.cards{position:relative}
.card{isolation:isolate}
.card img{filter:saturate(.88) contrast(1.05)}
.card:hover img{filter:saturate(1.15) contrast(1.06)}
.explore .cards{margin-top:8px}
@media(max-width:720px){.scroll-figure{right:-28vw;width:90vw;opacity:0!important}.art-gallery-grid{grid-template-columns:1fr}.art-tile{min-height:260px}}