:root{--ink:#19141f;--paper:#e7dded;--purple:#b4a0d7;--cream:#ebe8d6;--lime:#ccedb6;--line:rgba(25,20,31,.22);font-family:'urw-din',Arial,sans-serif;color:var(--ink);background:var(--ink);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}body{margin:0}button,a,input{ -webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #799d48;outline-offset:5px}button{border:0;background:none}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2{font-family:'espiritu',Georgia,serif;font-weight:400;letter-spacing:-.055em}em{font-weight:400}header{height:82px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;background:#14121b;color:var(--cream);position:relative;z-index:5;border-bottom:1px solid #ffffff24}.wordmark{font:bold italic 42px Georgia,serif;letter-spacing:-3px;position:relative}.wordmark span{font:10px Arial;position:absolute;top:8px;right:-12px;letter-spacing:0}nav{display:flex;gap:38px;font-size:14px}nav a{border-bottom:1px solid transparent;padding:8px 0}nav a:hover{border-color:currentColor}.bag-open{display:flex;gap:10px;font-size:14px;align-items:center}.bag-open span{border:1px solid #ffffff55;display:grid;place-items:center;width:25px;height:25px;border-radius:50%}.hero{min-height:760px;height:calc(100svh - 82px);max-height:1050px;position:relative;overflow:hidden;background:#b6a8ca;color:#1a1623;transition:background 1.2s,color 1.2s}.hero-noise{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 34%,#e3d8e9 0,transparent 57%),linear-gradient(115deg,#ada0c4,#d9c9de 58%,#8679a3);opacity:1;transition:opacity 1.2s}.hero-topline{position:relative;margin:0 4.3%;padding-top:28px;display:flex;justify-content:space-between;font-size:12px;letter-spacing:.17em}.hero-title{position:absolute;top:16%;left:8%;z-index:2}.eyebrow{font-size:12px;line-height:1.6;letter-spacing:.17em;text-transform:uppercase;font-weight:500}.hero-title :is(h1,h2){font-size:clamp(100px,10.6vw,172px);line-height:.86;margin:28px 0 26px}.hero-title :is(h1,h2) em{padding-left:68px;line-height:1.12}.intro{font-size:17px;line-height:1.5;margin-left:8px;margin-bottom:27px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:14px 25px;font-size:14px;font-weight:500;border:1px solid transparent;transition:background .2s,color .2s,transform .2s}.primary{background:var(--cream);color:#19141f}.primary:hover{background:#d4e9ba;transform:translateY(-2px)}.dark{background:#201a28;color:#f0e9ef}.dark:hover{background:#463655}.hero-product{position:absolute;left:43%;top:6%;width:51%;height:86%;z-index:3;pointer-events:none;transform:none;transition:transform 1s}.hero-product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.hero-product.cutout img{mix-blend-mode:normal;filter:drop-shadow(24px 30px 28px #22182645)}.hero-side{position:absolute;right:2.5%;top:41%;writing-mode:vertical-rl;font-size:11px;letter-spacing:.23em}.hero-bottom{position:absolute;bottom:28px;left:4.3%;right:4.3%;display:flex;justify-content:space-between;align-items:center;z-index:4}.scroll-hint{font-size:12px;border-bottom:1px solid currentColor;padding-bottom:6px}.light-switch{display:flex;align-items:center;gap:12px;font-size:14px;background:#f0e8f330;padding:9px 17px 9px 10px;border-radius:30px;border:1px solid #40314660;backdrop-filter:blur(10px)}.switch-track{width:44px;height:26px;border-radius:20px;background:#322637;display:block;padding:4px}.switch-track span{display:block;width:18px;height:18px;background:var(--cream);border-radius:50%;transition:transform .4s}.hero-index{font-size:12px;letter-spacing:.1em}.night .hero{background:#101015;color:#e5e7d5}.night .hero-noise{opacity:.3;background-image:linear-gradient(#13101966,#10101522),url('assets/atmosphere.webp');background-position:center;background-size:cover}.night .hero-product{transform:none}.night .hero-product img{filter:drop-shadow(0 0 20px #c8f2b824)}.night .switch-track{background:#a5c787}.night .switch-track span{transform:translateX(18px);background:#151b10}.night .light-switch{border-color:#d4e7b76e}.story{background:#16131c;color:var(--cream);padding:105px 8% 0;text-align:center}.story h2{font-size:clamp(45px,5.6vw,82px);line-height:1.08;margin:24px 0 26px}.story h2 em{color:var(--purple)}.story>p:not(.eyebrow){max-width:515px;margin:0 auto;font-size:16px;color:#bdb7c4;line-height:1.8}.story-line{border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;display:flex;justify-content:space-around;gap:25px;padding:28px 0;margin-top:76px;font-size:11px;letter-spacing:.17em}.product{background:var(--paper);padding:100px 6.5%;display:grid;grid-template-columns:1.05fr 1fr;gap:8%;align-items:start}.gallery{min-width:0}.gallery-top{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:20px}.gallery-main{width:100%;position:relative;padding:0;background:#f3f0f5;overflow:hidden}.gallery-main img{width:100%;mix-blend-mode:multiply;transition:transform .6s}.gallery-main:hover img{transform:scale(1.06)}.gallery-main>span{position:absolute;bottom:20px;left:20px;background:#ffffffc9;padding:10px 14px;font-size:12px}.thumbnails{display:flex;gap:10px;margin-top:16px}.thumbnails button{width:73px;padding:3px;border:1px solid transparent}.thumbnails button[aria-pressed=true]{border-color:#352842}.thumbnails img{width:100%;height:auto}.product-info{padding-top:2px}.product-info h2{font-size:clamp(45px,4.9vw,72px);line-height:1.05;margin:20px 0 22px}.product-sub{display:flex;justify-content:space-between;font-size:14px;border-bottom:1px solid var(--line);padding-bottom:22px}.product-copy{font-size:16px;line-height:1.75;margin:25px 0;color:#574b61}fieldset{border:0;padding:0;margin:0 0 22px}legend{font-size:14px;margin-bottom:12px}.sizes{display:flex;gap:10px}.size{border:1px solid var(--line);padding:14px 16px;text-align:left;flex:1}.size.active{border-color:var(--ink);background:#d2c3df}.size strong{display:block;font-size:20px;font-weight:500;margin-bottom:6px}.size span{font-size:12px}.purchase-row{display:flex;gap:10px}.quantity{border:1px solid var(--line);display:flex;align-items:center}.quantity button{width:38px;min-height:50px;font-size:22px}.quantity output{min-width:24px;text-align:center}.purchase-row>.button{flex:1}.charm-note{font-size:13px;text-align:center;padding:18px 0 26px}details{border-top:1px solid var(--line);padding:19px 0;font-size:14px}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between}summary::after{content:'+';font-size:19px}details[open] summary::after{content:'−'}details ul{padding-left:18px;color:#574b61;line-height:1.9;margin-bottom:0}details p{line-height:1.7;color:#574b61;margin-top:15px}.collection{background:#bbb0cf;padding:95px 8% 100px}.collection>h2{font-size:clamp(60px,7vw,110px);line-height:.97;margin:22px 0 25px}.collection>p:not(.eyebrow){font-size:16px}.collection-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:45px}.collection article button{padding:0;width:100%;text-align:left}.collection-image{overflow:hidden;background:#dfd6e8}.collection-image img{width:100%;mix-blend-mode:multiply;transition:transform .65s}.collection article button:hover img{transform:scale(1.045)}.collection-caption{position:relative;border-top:1px solid #201a283d;padding:20px 40px 0 0}.collection-caption h3{font-size:19px;font-weight:500;margin-bottom:8px}.collection-caption>span{font-size:13px}.collection-caption .plus{position:absolute;right:0;top:20px;font-size:28px;font-weight:400}.closing{background:#17131e;color:var(--cream);text-align:center;padding:85px 20px 80px}.closing h2{font-size:clamp(75px,12vw,178px);line-height:.9;margin:30px 0 38px}.closing h2 em{color:var(--purple)}.closing>p:last-child{font-size:10px;letter-spacing:.25em;margin-top:60px}footer{background:#17131e;border-top:1px solid #ffffff25;color:#b9afc1;padding:30px 5%;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:25px}footer .wordmark{color:var(--cream);font-size:34px}dialog{border:0;padding:28px;background:var(--paper);color:var(--ink);max-height:92svh;overflow:auto}dialog::backdrop{background:#14101dc2;backdrop-filter:blur(8px)}.dialog-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.dialog-top button,.photo-dialog>button{font-size:30px;width:44px;height:44px}.bag-dialog{margin:0 0 0 auto;height:100svh;max-height:100svh;width:min(480px,100%);padding:30px}.bag-dialog h2{font-size:53px;line-height:1.05;margin-bottom:30px}.preview-note{font-size:13px;line-height:1.7;color:#665973;margin:25px 0}.bag-dialog>.button{width:100%}.bag-item{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:20px;align-items:center}.bag-item img{width:80px;mix-blend-mode:multiply}.bag-item h3{font-size:16px;font-weight:500}.bag-item p{font-size:13px;line-height:1.7;margin:7px 0}.bag-item button{padding:0;text-decoration:underline;font-size:12px}.photo-dialog{padding:0;max-width:min(850px,95vw);background:#fff}.photo-dialog>button{position:absolute;right:8px;top:8px;background:#eee8eddb;z-index:1}.photo-dialog img{max-height:86svh;object-fit:contain}.collection-dialog{max-width:480px}.collection-dialog img{max-height:330px;margin:0 auto;mix-blend-mode:multiply}.collection-dialog h2{font-size:37px;line-height:1.15;margin:20px 0}.collection-dialog>p{font-size:15px;line-height:1.7}.collection-dialog .button{width:100%}.sr-only,.skip{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip:focus{clip:auto;z-index:100;width:auto;height:auto;padding:15px;background:white;color:black}.empty-bag{font-size:16px;padding:35px 0}
@media(min-width:1600px){.hero-title{left:12%}.hero-product{left:45%;width:45%}}@media(max-width:950px){.hero-title{left:5%}.hero-title :is(h1,h2){font-size:12vw}.hero-product{left:40%;width:59%}.product{gap:5%;padding:70px 5%}.story-line{font-size:10px}.product-info h2{font-size:49px}.size{padding:13px 10px}}@media(max-width:650px){header{height:66px;padding:0 6%}.wordmark{font-size:35px}nav{gap:18px;font-size:12px}nav a:first-child{display:none}.hero{height:940px;min-height:0;max-height:none}.hero-topline{margin:0 6%;padding-top:24px;font-size:9px;letter-spacing:.15em}.hero-title{top:78px;left:7%;width:87%}.hero-title>.eyebrow{font-size:10px}.hero-title :is(h1,h2){font-size:clamp(85px,21vw,132px);margin-top:21px;line-height:.85}.hero-title :is(h1,h2) em{padding-left:28%}.intro{font-size:15px;position:absolute;top:475px;left:0;margin:0}.hero-title>.button{position:absolute;top:555px;left:0;min-height:48px}.hero-product{top:29%;left:22%;width:79%;height:41%;transform:none}.hero-product img{object-position:center}.hero-side{display:none}.hero-bottom{bottom:34px;left:7%;right:7%;flex-wrap:wrap;gap:28px}.light-switch{order:-1;margin:0 auto 14px;min-width:210px;justify-content:center}.scroll-hint{font-size:11px}.hero-index{font-size:10px}.story{padding:70px 7% 0}.story h2{font-size:43px}.story>p:not(.eyebrow){font-size:15px}.story-line{flex-direction:column;gap:17px;padding:25px;margin-top:45px;font-size:10px}.product{display:flex;flex-direction:column;padding:55px 6%;gap:43px}.gallery,.product-info{width:100%}.gallery-top .eyebrow{font-size:10px}.product-info h2{font-size:57px}.product-copy{font-size:16px}.size span{font-size:12px}.collection{padding:65px 6%}.collection>h2{font-size:78px}.collection-grid{grid-template-columns:1fr;gap:40px}.closing{padding:65px 15px}.closing h2{font-size:23vw}.closing>.eyebrow{font-size:10px}footer{flex-wrap:wrap;justify-content:flex-start;padding:25px 7%;gap:20px}footer span:last-child{width:100%;font-size:11px}.bag-dialog{padding:24px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
/* The reveal stays within the first desktop viewport. */
@media(min-width:651px){.hero{min-height:638px}.hero-title{top:14%}.hero-title :is(h1,h2){font-size:clamp(95px,10.2vw,164px);margin-top:22px;margin-bottom:20px}.hero-product{top:4%;height:85%}.hero-title .intro{font-size:16px;margin-bottom:24px}}
.night .hero-product{mix-blend-mode:screen}.night .hero-product img{filter:none}.closing{background-image:linear-gradient(#17131e55,#17131e44),url('assets/atmosphere.webp');background-size:cover;background-position:center}

/* Interactive Witching Hour product chapter. */
h1,h2{letter-spacing:-.025em;line-height:1.03}h2 em{font-style:normal}.interactive-hero{height:calc(100svh - 82px);min-height:760px;max-height:1050px;background:#c4b8d8;color:#1d1725;--dim:0}.interactive-hero .hero-noise{background:radial-gradient(ellipse at 50% 40%,#e3daeb,transparent 60%),linear-gradient(115deg,#b1a0c9,#d2c6e0 55%,#aa96c4);opacity:1}.night-scene{position:absolute;inset:0;background:linear-gradient(#0d0914aa,#151021aa),url('assets/atmosphere.webp') center/cover;opacity:var(--dim);pointer-events:none}.interactive-hero .hero-title{top:15%;left:5%;width:33%}.interactive-hero .hero-title :is(h1,h2){font-size:clamp(80px,8.6vw,138px);line-height:1;margin:23px 0 24px}.interactive-hero .intro{font-size:18px;line-height:1.45;margin:0 0 26px}.interactive-hero .hero-product{left:28%;top:6%;width:45%;height:71%;transform:none;z-index:2;pointer-events:none;isolation:auto;transition:transform .6s}.interactive-hero .hero-product img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:none;transition:opacity .12s}.interactive-hero .hero-product .day-product{mix-blend-mode:multiply;opacity:calc(1 - var(--dim))}.interactive-hero .hero-product .glow-product{mix-blend-mode:screen;opacity:var(--dim)}.interactive-hero .hero-topline{font-size:11px}.secret-menu{position:absolute;right:4%;top:22%;width:23%;z-index:4}.secret-menu>.eyebrow{margin-bottom:22px;opacity:.6}.secret{display:block;text-align:left;position:relative;padding:17px 8px 18px 35px;width:100%;border-top:1px solid currentColor}.secret>span{position:absolute;top:21px;left:0;font-size:11px;opacity:.65}.secret strong{display:block;font-size:19px;font-weight:500;line-height:1.3}.secret small{display:block;font-size:13px;line-height:1.4;opacity:.7;margin-top:6px}.secret:hover{background:#ffffff18}.secret[aria-pressed=true] strong{color:#d3edab}.reveal-controls{position:absolute;bottom:26px;left:31%;width:38%;z-index:5;text-align:center}.side-pills{display:flex;justify-content:center;gap:6px;margin-bottom:23px}.side-pills button{font-size:12px;padding:9px 16px;border:1px solid currentColor;border-radius:2px}.side-pills button[aria-pressed=true]{background:#22192b;color:#ece7d7;border-color:#22192b}.dimmer{background:#191121e8;border:1px solid #ffffff30;color:#eae5db;padding:17px 23px 13px;border-radius:8px;box-shadow:0 10px 40px #13051a22}.dimmer-label{display:flex;justify-content:space-between;gap:15px;font-size:14px;margin-bottom:15px}.dimmer-label output{color:#cdeb9e}.dimmer input{display:block;width:100%;height:18px;cursor:ew-resize;accent-color:#c4e9a0;appearance:none;background:transparent;margin:0}.dimmer input::-webkit-slider-runnable-track{height:3px;background:linear-gradient(90deg,#b69eca,#cffea5)}.dimmer input::-webkit-slider-thumb{appearance:none;width:25px;height:25px;margin-top:-11px;border:5px solid #e5f4c7;background:#232222;border-radius:50%;box-shadow:0 0 18px #d2eeb351}.dimmer input::-moz-range-track{height:3px;background:#b4c59e}.dimmer input::-moz-range-thumb{width:20px;height:20px;border:4px solid #e5f4c7;background:#232222;border-radius:50%}.dimmer-ends{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;margin-top:9px;opacity:.7}.reveal-caption{font-size:11px;margin-top:12px;opacity:.6}.charm-hotspot{position:absolute;left:64%;top:28%;z-index:5;pointer-events:auto;display:flex;align-items:center;gap:8px;transform:rotate(6deg);opacity:calc(1 - var(--dim))}.charm-hotspot>span:first-child{display:grid;place-items:center;width:30px;height:30px;border:1px solid #f0e8d0;border-radius:50%;background:#231b2b;color:#f0e8d0;font-size:20px;box-shadow:0 0 0 6px #ece4d42d}.hotspot-label{display:none;font-size:11px;background:#22192be0;color:#ece7d7;padding:8px;width:128px;text-align:left}.charm-hotspot:hover .hotspot-label,.charm-hotspot:focus-visible .hotspot-label{display:block}.interactive-hero.moon-side .charm-hotspot{left:32%;top:28%}.interactive-hero.is-dark{color:#ede8d9}.interactive-hero.is-dark .side-pills button[aria-pressed=true]{background:#d0ecab;color:#1c2514;border-color:#d0ecab}.hero-product.turning{transform:none}.secrets-story{padding:95px 6%;background:#181120;color:#eae4dc;display:grid;grid-template-columns:.8fr 1.3fr;gap:7%;align-items:center}.story-heading h2{font-size:clamp(45px,4.5vw,74px);margin:25px 0}.story-heading h2 span{color:#bca3d8}.story-heading>p:last-child{font-size:17px;line-height:1.8;color:#b9b0c3;max-width:380px}.side-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.specimen{padding:16px 15px 22px;text-align:center;background:#d2c3e4;color:#241a2c;border:1px solid #e6ddec;transform:rotate(-4deg);transition:transform .35s}.specimen:nth-child(2){transform:rotate(4deg);margin-top:65px;background:#ece4d2}.specimen:hover{transform:rotate(0) translateY(-10px)}.specimen img{mix-blend-mode:multiply;width:100%}.specimen span{display:block;font-size:10px;letter-spacing:.12em;margin:10px 0}.specimen strong{font-size:17px;line-height:1.3;font-weight:500;display:block}.specimen small{display:block;font-size:12px;margin-top:18px;text-decoration:underline}.charm-story{background:#23172f;color:#ece5d8;display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:95px 12%;align-items:center;overflow:hidden}.charm-copy h2{font-size:clamp(48px,5vw,80px);margin:24px 0}.charm-copy h2 span{color:#c0a3dc}.charm-copy p:not(.eyebrow){font-size:17px;line-height:1.8;max-width:450px}.charm-copy .charm-included{color:#c9dda9;margin:22px 0}.charm-card-wrap{text-align:center}.tarot-card{display:block;perspective:1300px;width:100%;max-width:320px;height:460px;padding:0;margin:0 auto;transform:rotate(-7deg)}.tarot-inner{position:relative;display:block;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.22,.61,.36,1)}.tarot-card[aria-pressed=true] .tarot-inner{transform:rotateY(180deg)}.tarot-face{backface-visibility:hidden;position:absolute;inset:0;border:1px solid #d9c8a6;outline:1px solid #d9c8a64d;outline-offset:9px;padding:30px 15px;display:flex;align-items:center;flex-direction:column;justify-content:space-between;background:#15101c;color:#e1d3b9}.tarot-cover strong{font:65px/1.03 'espiritu',Georgia,serif}.card-symbol{font-size:86px;line-height:1;color:#d1b974}.tarot-face .eyebrow{font-size:11px}.card-action{font-size:10px;letter-spacing:.15em}.tarot-back{transform:rotateY(180deg);padding:0;overflow:hidden;background:#d9ccb5}.tarot-back .card-action{position:absolute;bottom:0;left:0;right:0;padding:18px;background:#23172f;color:#e6dcbf}.charm-crop{position:relative;height:380px;width:100%;overflow:hidden;background:#201825}.charm-crop img{position:absolute;width:1400px;max-width:none;height:auto;left:50%;top:0;transform:translate(-905px,-170px)}.tarot-back .charm-crop{height:100%}.tap-note{display:block;font-size:12px;color:#c0b3ce;margin:35px 0 0}.charm-dialog{max-width:490px;width:90vw}.charm-dialog h2{font-size:39px;margin:20px 0}.charm-dialog>p{font-size:16px;line-height:1.6}.charm-dialog>.button{width:100%;margin-top:25px}.product-info h2{font-size:54px;line-height:1.1}.product{padding-top:90px}.collection>h2{font-size:70px;line-height:1.08}.closing h2{font-size:clamp(65px,10vw,140px);line-height:1.1}.bag-dialog h2{font-size:49px}.closing .eyebrow{color:#c2aad8}
@media(min-width:1450px){.interactive-hero .hero-title{left:6%;width:32%}.interactive-hero .hero-product{left:28%;width:47%}.secret-menu{right:5%;width:21%}}
@media(max-width:1050px) and (min-width:651px){.interactive-hero{min-height:780px}.interactive-hero .hero-title{left:4%;width:36%;top:14%}.interactive-hero .hero-title :is(h1,h2){font-size:10vw}.interactive-hero .hero-product{left:33%;width:50%;top:4%;height:62%}.secret-menu{right:5%;width:48%;top:auto;bottom:225px;display:flex;gap:12px}.secret-menu>.eyebrow{display:none}.secret{padding:15px 0 12px;width:33%}.secret>span{display:none}.secret strong{font-size:15px}.secret small{font-size:11px}.reveal-controls{left:28%;width:48%}.charm-story{padding:80px 7%;gap:8%}.tarot-card{height:400px;max-width:280px}}
@media(max-width:650px){.interactive-hero{height:auto;min-height:1060px;max-height:none}.interactive-hero .hero-topline{font-size:8px;gap:16px}.interactive-hero .hero-topline span:last-child{max-width:150px;text-align:right}.interactive-hero .hero-title{left:7%;top:86px;width:86%;text-align:center}.interactive-hero .hero-title>.eyebrow{font-size:9px}.interactive-hero .hero-title :is(h1,h2){font-size:76px;line-height:1;margin:20px 0 0}.interactive-hero .hero-title :is(h1,h2) br{display:none}.interactive-hero .intro{display:none}.interactive-hero .hero-title>.button{position:static;margin-top:16px;min-height:42px;padding:10px 18px;font-size:13px}.interactive-hero .hero-product{left:6%;width:89%;top:264px;height:380px}.reveal-controls{left:7%;width:86%;bottom:auto;top:655px}.side-pills{margin-bottom:20px}.side-pills button{font-size:12px;flex:1}.dimmer{padding:17px 18px 15px}.dimmer-label{font-size:13px}.reveal-caption{font-size:11px}.secret-menu{left:7%;right:7%;width:auto;top:873px;display:flex;gap:12px}.secret-menu>.eyebrow{display:none}.secret{width:33%;padding:15px 0}.secret>span{position:static;display:block;margin-bottom:8px}.secret strong{font-size:16px;line-height:1.2}.secret small{font-size:11px;margin-top:10px}.hotspot-label{display:none!important}.charm-hotspot{left:65%;top:26%}.secrets-story{padding:65px 7%;display:block}.story-heading h2{font-size:53px}.story-heading>p:last-child{font-size:16px}.side-cards{margin-top:35px;gap:16px}.specimen{padding:12px 10px 20px}.specimen strong{font-size:14px}.specimen span{font-size:9px}.specimen small{font-size:10px}.specimen:nth-child(2){margin-top:30px}.charm-story{padding:65px 8%;display:flex;flex-direction:column;gap:45px}.charm-card-wrap{width:100%}.tarot-card{max-width:255px;height:370px}.tarot-cover strong{font-size:51px}.card-symbol{font-size:63px}.charm-copy h2{font-size:55px}.charm-copy p:not(.eyebrow){font-size:16px}.charm-story .charm-crop img{width:1150px;transform:translate(-744px,-130px)}.product-info h2{font-size:47px}.collection>h2{font-size:53px}.closing h2{font-size:70px}.bag-dialog h2{font-size:40px}}
/* Blend source photography directly with the scene, preserving original artwork. */
.interactive-hero .hero-product{display:contents}.interactive-hero .hero-product img{inset:auto;left:30%;top:7%;width:44%;height:65%;transform:none;z-index:2;pointer-events:none}.interactive-hero .charm-hotspot{left:59%;top:29%;transform:none}.interactive-hero.moon-side .charm-hotspot{left:46%;top:29%}.interactive-hero .hero-title{z-index:3}
@media(min-width:1051px){.interactive-hero{min-height:650px}.interactive-hero .hero-title :is(h1,h2){font-size:8.3vw}.reveal-controls{bottom:23px}.interactive-hero .hero-title{top:14%}.secret-menu{top:21%}.side-pills{margin-bottom:13px}.dimmer{padding:13px 20px 12px}.dimmer-label{margin-bottom:13px}.reveal-caption{margin-top:9px}}
@media(max-width:1050px) and (min-width:651px){.interactive-hero .hero-product img{left:35%;width:48%;height:57%;top:7%}.interactive-hero .charm-hotspot{left:67%;top:28%}.interactive-hero.moon-side .charm-hotspot{left:51%;top:28%}}
@media(max-width:650px){.interactive-hero .hero-product img{left:6%;width:89%;top:264px;height:380px}.interactive-hero .charm-hotspot{left:67%;top:370px}.interactive-hero.moon-side .charm-hotspot{left:38%;top:370px}.interactive-hero .hero-title :is(h1,h2){font-size:76px}.interactive-hero .hero-title{z-index:3}}

.charm-pair{display:flex;width:100%;height:380px;align-items:center;justify-content:center;gap:24px;padding:30px;background:#211628}.charm-pair img{position:static;max-width:39%;width:auto;height:250px;object-fit:contain;filter:drop-shadow(6px 12px 12px #0006)}.charm-pair img:first-child{transform:rotate(-9deg)}.charm-pair img:last-child{transform:rotate(10deg)}.tarot-back .charm-pair{height:100%;padding-bottom:60px}.tarot-back .charm-pair img{max-width:40%;height:240px}.charm-dialog .charm-pair{height:350px}.charm-dialog .charm-pair img{height:270px}
.interactive-hero{transition:none}.interactive-hero .hero-product img{mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}
@media(min-width:1051px){.interactive-hero .hero-title :is(h1,h2){font-size:6.9vw}.interactive-hero .hero-title{top:17%}.interactive-hero .hero-title .eyebrow{font-size:10px}.interactive-hero .hero-title .intro{font-size:17px}}
main{overflow-x:clip}
@media(max-width:650px){.interactive-hero .hero-title{top:67px}.interactive-hero .hero-title :is(h1,h2){font-size:64px;line-height:.98;margin-top:15px}.interactive-hero .hero-title :is(h1,h2) br{display:block}.interactive-hero .hero-product img{top:302px;height:315px}.interactive-hero .charm-hotspot{top:390px}.interactive-hero.moon-side .charm-hotspot{top:390px}.reveal-controls{top:630px}.secret-menu{top:850px}.interactive-hero{min-height:1030px}.story-heading h2{font-size:48px}}

/* Mobile is the primary product experience. Grid flow keeps the glow within reach. */
.mobile-shop-button{display:none}
.side-pills button{min-height:44px;min-width:88px;font-size:14px}
.charm-hotspot>span:first-child{width:44px;height:44px}
@media(max-width:650px){
header{height:60px;padding:0 20px}
nav{font-size:14px}
nav a,.bag-open{min-height:44px;display:flex;align-items:center}
.interactive-hero{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto auto;height:auto;min-height:0;max-height:none;padding:20px 20px 24px;gap:8px;overflow:hidden}
.interactive-hero .hero-topline{grid-area:1/1;position:relative;margin:0;padding:0;justify-content:center;font-size:11px;line-height:1.5}
.interactive-hero .hero-topline span:last-child{display:none}
.interactive-hero .hero-title{grid-area:2/1;position:relative;left:auto;top:auto;width:100%;text-align:center;margin-top:5px}
.interactive-hero .hero-title>.eyebrow{display:none}
.interactive-hero .hero-title :is(h1,h2){font-size:clamp(34px,11vw,52px);line-height:1.08;margin:0;letter-spacing:-.025em}
.interactive-hero .hero-title :is(h1,h2) br{display:none}
.interactive-hero .hero-title>.button,.interactive-hero .intro{display:none}
.interactive-hero .hero-product{display:contents;transform:none}
.interactive-hero .hero-product img{grid-area:3/1;position:relative;inset:auto;align-self:center;justify-self:center;width:100%;height:clamp(240px,40svh,340px);max-width:420px;transform:none;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.interactive-hero .charm-hotspot,.interactive-hero.moon-side .charm-hotspot{grid-area:3/1;position:relative;inset:auto;align-self:start;justify-self:center;margin:clamp(72px,12svh,102px) 0 0 53%;transform:none}
.interactive-hero.moon-side .charm-hotspot{margin-left:-48%}
.reveal-controls{grid-area:4/1;position:relative;inset:auto;width:100%;margin-top:0}
.side-pills{gap:8px;margin:0 0 10px}
.side-pills button{flex:1;min-height:48px;font-size:15px;padding:10px 18px}
.dimmer{padding:14px 16px 12px;box-shadow:none}
.dimmer-label{font-size:14px;line-height:1.4;margin:0;gap:12px;align-items:center;text-align:left}
.dimmer-label label{max-width:70%}
.dimmer-label output{white-space:nowrap;font-size:13px}
.dimmer input{height:44px;touch-action:pan-y}
.dimmer input::-webkit-slider-thumb{width:30px;height:30px;margin-top:-14px}
.dimmer input::-moz-range-thumb{width:24px;height:24px}
.dimmer-ends{font-size:10px;margin-top:0}
.reveal-caption{display:none}
.mobile-shop-button{display:flex;width:100%;min-height:50px;margin-top:12px;font-size:16px}
.secret-menu{grid-area:5/1;position:relative;inset:auto;width:100%;display:flex;gap:12px;margin-top:18px}
.secret{width:33.333%;min-height:70px;padding:13px 0 0;text-align:left}
.secret>span{font-size:10px;margin-bottom:6px}
.secret strong{font-size:15px;line-height:1.25}
.secret small{display:none}
.secrets-story,.charm-story{padding:52px 24px}
.side-cards{gap:12px;align-items:start}
.specimen,.specimen:nth-child(2){transform:none;margin-top:0;padding:10px 10px 18px}
.specimen span{font-size:10px;line-height:1.5;letter-spacing:.06em}
.specimen small{font-size:13px;line-height:1.4}
.story-heading h2,.charm-copy h2{font-size:clamp(40px,12vw,52px)}
.tap-note{font-size:14px}
.button{min-height:50px;font-size:16px}
.quantity button{min-width:44px;min-height:50px}
.thumbnails button{min-width:60px;min-height:60px}
summary{min-height:48px;font-size:16px}
dialog{max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain}
.dialog-top button,.photo-dialog>button{min-width:44px;min-height:44px}
}

/* A photo-led lookbook with a native, touch-scrollable mobile rail. */
.lookbook{background:#c9b8dc;color:#221729;padding:65px 6% 60px;overflow:hidden}
.lookbook-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}
.lookbook-heading h2{font-size:clamp(42px,5vw,76px);line-height:1.03;letter-spacing:-.025em;margin:15px 0 0;max-width:650px}
.lookbook-heading>p{font-size:16px;line-height:1.6;max-width:255px}
.lookbook-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0;overscroll-behavior-x:contain;scrollbar-width:none;padding:0 0 8px}
.lookbook-rail::-webkit-scrollbar{display:none}
.lookbook-frame{flex:0 0 calc((100% - 44px)/3);min-width:0;margin:0;scroll-snap-align:start}
.lookbook-photo{width:100%;display:block;padding:0;position:relative;background:#211729;overflow:hidden;aspect-ratio:3/4}
.lookbook-photo img{width:100%;height:100%;object-fit:cover;object-position:var(--photo-position,center);transition:transform .5s}
.lookbook-photo:hover img{transform:scale(1.025)}
.lookbook-zoom{position:absolute;bottom:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;background:#1c1426d9;color:#f1ebdf;border:1px solid #efe2cd55;font-size:25px}
.lookbook-frame figcaption{display:flex;align-items:baseline;gap:14px;font-size:16px;line-height:1.4;padding:16px 0 0}
.lookbook-frame figcaption>span{font-size:11px;letter-spacing:.13em;opacity:.7}
.lookbook-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:18px;border-top:1px solid #35234440}
.lookbook-hint{font-size:14px;line-height:1.5;opacity:.8}
.lookbook-controls{display:flex;gap:10px;align-items:center}
.lookbook-controls button{display:grid;place-items:center;border:1px solid currentColor;width:44px;height:44px;font-size:22px;line-height:1}
.lookbook-controls button:disabled{opacity:.3;cursor:default}
.lookbook-controls output{min-width:50px;text-align:center;font-size:13px;letter-spacing:.06em}
.lookbook:not(.is-scrollable) .lookbook-controls{display:none}
@media(max-width:650px){
.lookbook{padding:48px 0 35px}
.lookbook-heading{display:block;margin:0 24px 24px}
.lookbook-heading h2{font-size:clamp(40px,12vw,52px);max-width:340px}
.lookbook-heading>p{font-size:16px;max-width:310px;margin-top:20px}
.lookbook-rail{gap:14px;padding:0 24px 8px;scroll-padding-left:24px}
.lookbook-frame{flex:0 0 86%}
.lookbook-photo{aspect-ratio:3/4}
.lookbook-frame figcaption{font-size:16px;padding-top:14px}
.lookbook-footer{margin:24px 24px 0;padding-top:16px;gap:14px}
.lookbook-hint{font-size:13px;max-width:140px}
.lookbook-controls{gap:6px}
}

/* Product first; preserve photo proportions in every presentation. */
.product{position:relative;padding-top:48px;row-gap:0;column-gap:7%}
.product-heading{grid-column:2;grid-row:1;align-self:start}
.product-heading h1{font-size:clamp(42px,4.8vw,70px);line-height:1.04;margin:15px 0 22px;overflow-wrap:anywhere}
.product>.gallery{grid-column:1;grid-row:1 / span 2}
.product>.product-info{grid-column:2;grid-row:2;padding-top:24px}
.gallery-main{aspect-ratio:1/1;display:grid;place-items:center}
.gallery-main img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.thumbnails button{aspect-ratio:1/1}
.thumbnails img{width:100%;height:100%;object-fit:contain}
.collection-image{aspect-ratio:1/1;display:grid;place-items:center}
.collection-image img{width:100%;height:100%;object-fit:contain}
.specimen img{height:auto}
.product-copy{margin:6px 0 22px}
.discovery-details{background:#21172d;color:#ede7da;border:0;padding:0}
.discovery-details>summary{min-height:64px;padding:20px 6%;font-size:16px;border-top:1px solid #ffffff24;border-bottom:1px solid #ffffff24;gap:20px;align-items:center}
.discovery-details>summary:hover{background:#ffffff08}
.discovery-details p{color:inherit}
.discovery-details .secrets-story{margin:0}
.discovery-details .charm-story{margin:0}
@media(max-width:650px){
.product{display:flex;flex-direction:column;padding:24px 20px 36px;gap:18px}
.product-heading{width:100%}
.product-heading>.eyebrow{font-size:10px}
.product-heading h1{font-size:clamp(35px,10.6vw,46px);line-height:1.06;margin:8px 0 12px}
.product-sub{font-size:14px;padding-bottom:14px}
.product>.gallery{width:100%}
.gallery-top{display:none}
.gallery-main{height:clamp(220px,30svh,285px);aspect-ratio:auto}
.gallery-main>span{left:10px;bottom:10px;padding:7px 10px;font-size:11px}
.thumbnails{margin-top:10px;gap:8px}
.thumbnails button{width:52px;min-width:52px;min-height:52px;padding:2px}
.product>.product-info{width:100%;padding-top:0}
.product-info fieldset{margin-bottom:14px}
.product-info legend{margin-bottom:8px;font-size:14px}
.product-info .size{padding:10px 12px}
.product-info .size strong{font-size:18px;margin-bottom:3px}
.product-info .size span{font-size:12px}
.charm-note{font-size:13px;line-height:1.5;padding:12px 0 16px}
.product-copy{font-size:15px;line-height:1.65;margin:0 0 20px}
.product-info details{padding:10px 0}
.discovery-details>summary{padding:18px 24px;line-height:1.4}
}

/* Review refinements: true image color and an open, playful glow control. */
.gallery-main>span.gallery-zoom{left:auto;right:12px;bottom:12px;display:grid;place-items:center;width:44px;height:44px;padding:11px;background:#ffffffde;border-radius:50%}
.gallery-zoom svg{width:22px;height:22px}
.product-sub{justify-content:flex-start;font-size:21px;font-weight:500}
.gallery-main img,.collection-image img,.specimen img,.bag-item img,.collection-dialog img{mix-blend-mode:normal;filter:none}
.interactive-hero{background:#fafafa}
.interactive-hero .hero-noise{background:#fafafa}
.interactive-hero .hero-product .day-product,.interactive-hero .hero-product .glow-product{mix-blend-mode:normal;filter:none}
.interactive-hero .hero-title{top:12%}
.interactive-hero .hero-product{top:3%}
.interactive-hero .secret-menu{top:18%}
.reveal-controls{bottom:34px}
.dimmer{background:none;color:inherit;border:0;border-radius:0;padding:0 8px;box-shadow:none}
.dimmer-label{display:flex;flex-direction:column;align-items:center;gap:9px;margin-bottom:22px}
.dimmer-label label{font-family:'espiritu',Georgia,serif;font-size:30px;line-height:1.1;letter-spacing:-.02em}
.dimmer-label output{font-size:13px;letter-spacing:.04em;color:inherit;opacity:.75}
.dimmer input{height:32px;min-height:32px;touch-action:pan-y}
.dimmer input::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(90deg,#786186,#b6d783)}
.dimmer input::-webkit-slider-thumb{width:34px;height:34px;margin-top:-15px;border:2px solid #33213f;background:radial-gradient(circle at 69% 35%,#fafafa 0 35%,transparent 37%),#33213f;box-shadow:0 0 0 5px #978ba320}
.dimmer input::-moz-range-track{height:5px;border-radius:8px;background:linear-gradient(90deg,#786186,#b6d783)}
.dimmer input::-moz-range-thumb{width:30px;height:30px;border:2px solid #33213f;background:radial-gradient(circle at 69% 35%,#fafafa 0 35%,transparent 37%),#33213f;box-shadow:0 0 0 5px #978ba320}
.dimmer-ends{font-size:11px;margin-top:8px;letter-spacing:.13em;opacity:.75}
.interactive-hero.is-dark .dimmer input::-webkit-slider-thumb{border-color:#d4efae;background:radial-gradient(circle at 69% 35%,#18101e 0 35%,transparent 37%),#d4efae;box-shadow:0 0 22px #cdf9a75c}
.interactive-hero.is-dark .dimmer input::-moz-range-thumb{border-color:#d4efae;background:radial-gradient(circle at 69% 35%,#18101e 0 35%,transparent 37%),#d4efae;box-shadow:0 0 22px #cdf9a75c}
.side-pills{margin-bottom:25px}
.lookbook-heading{grid-template-columns:1fr}
.lookbook-footer{justify-content:flex-end;padding-top:14px;margin-top:8px;border:0}
.collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.collection>h2{font-size:clamp(46px,6.5vw,96px);max-width:950px;line-height:1.02}
.collection-caption h3{font-size:20px;line-height:1.2}
.closing{padding-bottom:76px}
@media(max-width:650px){
.interactive-hero .hero-title{position:relative;top:auto;left:auto;width:100%}
.interactive-hero .hero-product{top:auto}
.interactive-hero .secret-menu{top:auto}
.dimmer-label label{font-size:27px}
.reveal-controls{bottom:auto}
.gallery-main>span.gallery-zoom{right:8px;bottom:8px}
.product-sub{font-size:20px}
.collection-grid{grid-template-columns:1fr;gap:36px}
.collection>h2{font-size:clamp(45px,12.8vw,65px)}
.lookbook-heading{margin-bottom:25px}
.closing{padding-bottom:58px}
}
/* Swig storefront shell; Shopify retains its own native header and footer. */
.store-announcement{background:#e9edb2;text-align:center;color:#24180f;font:500 12px/1.4 'Poppins',sans-serif;padding:10px 16px}
.store-header{height:106px;padding:12px 4.5%;background:#f6e4e4;color:#673a24;border:0;display:grid;grid-template-columns:1fr auto 1fr;position:relative;z-index:10}
.store-logo{width:130px;display:block}
.store-logo img{width:100%;height:65px;object-fit:contain}
.store-icon{width:44px;height:44px;padding:10px;display:flex;align-items:center;justify-content:center;position:relative}
.store-icon svg{width:24px;height:24px;flex-shrink:0}
.store-actions{display:flex;justify-content:flex-end;align-items:center;gap:8px}
.store-header .bag-open span{position:absolute;top:0;right:0;font:11px 'Poppins',sans-serif;border:0;background:#e5edb5;color:#49291b;width:17px;height:17px;border-radius:50%}
.store-menu{margin:0;top:0;left:0;width:100%;max-width:none;height:100svh;max-height:100svh;background:#fff;color:#26201d;padding:65px 24px 35px;font-family:'Poppins',sans-serif;text-align:center}
.store-menu::backdrop{background:#ffffff}
.store-menu-close{position:absolute;left:24px;top:12px;width:44px;height:44px;font-size:38px;line-height:1}
.store-menu nav{display:flex;flex-direction:column;gap:4px;font-size:19px;font-weight:600;align-items:center}
.store-menu nav a{display:block;padding:10px 20px;border:0}
.store-menu nav .store-join{background:#cf2431;color:white;border-radius:30px;padding:12px 32px;margin:14px 0 20px}
.store-footer{display:flex;flex-direction:column;align-items:center;text-align:center;background:#f6e4e4;color:#29211e;padding:55px 5% 35px;font-family:'Poppins',sans-serif;border:0;gap:25px}
.store-footer nav{display:flex;justify-content:center;flex-wrap:wrap;gap:14px 28px;font-size:13px;font-weight:500}
.store-footer nav a{padding:6px 0;display:block}
.store-footer .app-prompt{font-size:13px;font-weight:600;letter-spacing:.02em;margin-top:10px}
.app-badges{display:flex;justify-content:center;gap:14px;margin:5px auto 8px;flex-wrap:wrap;font-family:'Poppins',sans-serif}
.app-badges>a{display:flex;align-items:center;gap:8px;background:#fff;color:#191512;border:1px solid #483328;border-radius:5px;padding:7px 13px;text-align:left;font-size:17px;line-height:1.2}
.app-badges img{width:26px;height:29px;object-fit:contain}
.app-badges small{display:block;font-size:9px;margin-bottom:2px}
.store-social{display:flex;justify-content:center;gap:20px;flex-wrap:wrap;font-size:12px;font-weight:500;margin:12px 0}
.store-social a{text-decoration:underline;text-underline-offset:3px;min-height:34px;display:flex;align-items:center}
.store-footer .copyright{font-size:11px;line-height:1.9;margin-top:2px}
@media(max-width:650px){
.store-header{height:76px;padding:8px 12px;grid-template-columns:1fr auto 1fr}
.store-logo{width:93px}
.store-logo img{height:54px}
.store-actions{gap:0}
.store-actions .store-account{display:none}
.store-icon{width:39px;min-width:39px;height:44px;padding:9px}
.store-announcement{font-size:10px;padding:8px 10px}
.store-footer{padding:40px 20px 30px;gap:22px}
.store-footer nav{flex-direction:column;gap:4px;font-size:14px}
.store-footer nav a{min-height:38px;padding:9px}
.store-menu nav a:first-child{display:block}
.store-footer .app-prompt{font-size:12px;max-width:260px;line-height:1.7}
}

.collection article>a{display:block;width:100%}
@media(max-width:650px){
.interactive-hero{grid-template-rows:auto auto auto auto;padding-top:28px}
.interactive-hero .hero-title{grid-area:1/1}
.interactive-hero .hero-title>.eyebrow{display:block;font-size:10px;margin-bottom:12px;letter-spacing:.1em}
.interactive-hero .hero-product img{grid-area:2/1}
.interactive-hero .charm-hotspot,.interactive-hero.moon-side .charm-hotspot{grid-area:2/1}
.interactive-hero .reveal-controls{grid-area:3/1}
.interactive-hero .secret-menu{grid-area:4/1}
.dimmer-label label{max-width:100%;text-align:center}
}

/* Spellbound review: compact product details and a clear moon control. */
.product-heading h1{margin:10px 0 10px;font-size:clamp(40px,4.5vw,64px);line-height:1.02;overflow-wrap:normal}
.product-sub{border:0;padding:0;line-height:1.2}
.product>.product-info{padding-top:18px}
.product-copy{font-size:16px}
.interactive-hero{background:#bdabd2}
.interactive-hero .hero-noise{background:radial-gradient(ellipse at 50% 35%,#fafafa 0%,#e8dfed 32%,#c5b4d8 70%,#b6a0ca 100%)}
.interactive-hero .hero-product img{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent);mix-blend-mode:normal;filter:none}
.dimmer input{height:52px;min-height:52px}
.dimmer input::-webkit-slider-thumb{appearance:none;width:44px;height:44px;margin-top:-20px;border:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2221%22%20fill%3D%22%2324192f%22%20stroke%3D%22%23eee8d8%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M28%208a14%2014%200%201%200%208%2022A13%2013%200%200%201%2028%208Z%22%20fill%3D%22%23e5efc2%22%2F%3E%3Cpath%20d%3D%22m32%2012%201.2%203.8L37%2017l-3.8%201.2L32%2022l-1.2-3.8L27%2017l3.8-1.2Z%22%20fill%3D%22%23e5efc2%22%2F%3E%3C%2Fsvg%3E") center/44px 44px no-repeat;box-shadow:0 3px 9px #20152835;border-radius:50%}
.dimmer input::-moz-range-thumb{width:44px;height:44px;border:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2221%22%20fill%3D%22%2324192f%22%20stroke%3D%22%23eee8d8%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M28%208a14%2014%200%201%200%208%2022A13%2013%200%200%201%2028%208Z%22%20fill%3D%22%23e5efc2%22%2F%3E%3Cpath%20d%3D%22m32%2012%201.2%203.8L37%2017l-3.8%201.2L32%2022l-1.2-3.8L27%2017l3.8-1.2Z%22%20fill%3D%22%23e5efc2%22%2F%3E%3C%2Fsvg%3E") center/44px 44px no-repeat;box-shadow:0 3px 9px #20152835;border-radius:50%}
.interactive-hero.is-dark .dimmer input::-webkit-slider-thumb{border:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2221%22%20fill%3D%22%2324192f%22%20stroke%3D%22%23eee8d8%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M28%208a14%2014%200%201%200%208%2022A13%2013%200%200%201%2028%208Z%22%20fill%3D%22%23e5efc2%22%2F%3E%3Cpath%20d%3D%22m32%2012%201.2%203.8L37%2017l-3.8%201.2L32%2022l-1.2-3.8L27%2017l3.8-1.2Z%22%20fill%3D%22%23e5efc2%22%2F%3E%3C%2Fsvg%3E") center/44px 44px no-repeat;box-shadow:0 0 20px #d4efae60}
.interactive-hero.is-dark .dimmer input::-moz-range-thumb{border:0;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2044%2044%22%3E%3Ccircle%20cx%3D%2222%22%20cy%3D%2222%22%20r%3D%2221%22%20fill%3D%22%2324192f%22%20stroke%3D%22%23eee8d8%22%20stroke-width%3D%222%22%2F%3E%3Cpath%20d%3D%22M28%208a14%2014%200%201%200%208%2022A13%2013%200%200%201%2028%208Z%22%20fill%3D%22%23e5efc2%22%2F%3E%3Cpath%20d%3D%22m32%2012%201.2%203.8L37%2017l-3.8%201.2L32%2022l-1.2-3.8L27%2017l3.8-1.2Z%22%20fill%3D%22%23e5efc2%22%2F%3E%3C%2Fsvg%3E") center/44px 44px no-repeat;box-shadow:0 0 20px #d4efae60}
.dimmer input:focus-visible{outline:2px solid currentColor;outline-offset:5px;border-radius:10px}
.dimmer-ends{font-size:12px;margin-top:2px}
.dimmer-label{margin-bottom:10px}
@media(min-width:651px){
.interactive-hero{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.4fr) minmax(0,.85fr);grid-template-rows:auto auto;align-items:center;height:auto;min-height:0;max-height:none;padding:42px 4% 40px;gap:20px 24px}
.interactive-hero .hero-title{grid-area:1/1;position:relative;inset:auto;width:auto;align-self:center}
.interactive-hero .hero-title h2{font-size:clamp(60px,6.9vw,105px);margin:22px 0}
.interactive-hero .hero-title .eyebrow{font-size:11px}
.interactive-hero .hero-product img{grid-area:1/2;position:relative;inset:auto;width:100%;height:clamp(360px,42vw,520px);align-self:center;justify-self:center}
.interactive-hero .charm-hotspot,.interactive-hero.moon-side .charm-hotspot{grid-area:1/2;position:relative;inset:auto;align-self:start;justify-self:end;margin:28% 12% 0 0}
.interactive-hero.moon-side .charm-hotspot{justify-self:start;margin-left:13%;margin-right:0}
.interactive-hero .secret-menu{grid-area:1/3;position:relative;inset:auto;width:100%;display:block}
.secret-menu>.eyebrow{display:block}
.secret{width:100%;padding:18px 0 18px 28px}
.secret>span{display:block;position:absolute;left:0;top:23px}
.secret strong{font-size:18px}.secret small{font-size:13px}
.interactive-hero .reveal-controls{grid-area:2/2;position:relative;inset:auto;width:100%;max-width:480px;justify-self:center}
.dimmer-label label{font-size:clamp(26px,2.4vw,34px)}
}
@media(min-width:651px) and (max-width:1050px){
.interactive-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-rows:auto auto auto;padding:35px 5%;gap:20px 24px}
.interactive-hero .hero-title h2{font-size:clamp(58px,8vw,82px)}
.interactive-hero .hero-product img{height:390px}
.interactive-hero .reveal-controls{grid-area:2/2}
.interactive-hero .secret-menu{grid-area:3/1/4/3;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:8px}
.secret-menu>.eyebrow{display:none}
.secret{padding:15px 0}.secret>span{display:none}.secret strong{font-size:17px}
}
@media(max-width:650px){
.product{gap:14px;padding-top:22px}
.product-heading h1{font-size:clamp(35px,10vw,44px);margin:7px 0 8px;max-width:340px}
.product>.product-info{padding-top:0}
.interactive-hero .hero-noise{background:radial-gradient(ellipse at 50% 35%,#fafafa 0%,#e8dfed 25%,#c5b4d8 58%,#b6a0ca 100%)}
.interactive-hero .hero-product img{mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}
.dimmer-label label{font-size:28px}
.dimmer-ends{font-size:11px}
}

/* Collection launch colors applied to the familiar Swig storefront shell. */
.store-announcement{background:#bba4d7;color:#21172d;font-family:'urw-din',Arial,sans-serif;font-size:13px;letter-spacing:.06em;display:flex;justify-content:center;align-items:center;gap:18px;padding:9px 14px}
.store-announcement span{font-size:19px;line-height:1}
.store-header{background:#21172d;color:#ece5d6;border-bottom:1px solid #d2bceb2e;height:90px}
.store-logo img{filter:brightness(0) saturate(100%) invert(94%) sepia(9%) saturate(501%) hue-rotate(347deg) brightness(99%) contrast(88%)}
.store-header .bag-open span{background:#d8eab6;color:#21172d;font-family:'urw-din',Arial,sans-serif}
.store-menu{background:#e7dded;color:#21172d;font-family:'urw-din',Arial,sans-serif}
.store-menu::backdrop{background:#21172d}
.store-menu nav .store-join{background:#21172d;color:#ece5d6;border-radius:0}
.store-footer{background:#21172d;color:#e9deef;border-top:1px solid #d2bceb33;font-family:'urw-din',Arial,sans-serif}
.store-footer nav{font-size:15px;font-weight:400}
.store-footer .app-prompt{color:#d8eab6;font-size:14px;font-weight:500}
.store-social{font-size:14px}
.store-footer .copyright{font-size:12px;color:#c8b9d2}
@media(max-width:650px){
.store-header{height:72px}
.store-announcement{font-size:11px;gap:12px;padding:8px 10px}
.store-footer nav{font-size:15px}
.store-footer .app-prompt{font-size:14px}
}

/* Generated alpha only: source product pixels and artwork are unchanged. */
.interactive-hero .hero-noise{background:radial-gradient(ellipse at 50% 35%,#ded1ea 0%,#c5b4d8 62%,#b6a0ca 100%)}
.interactive-hero .hero-product .day-product{mask-image:url('assets/moth-mask.png');mask-size:contain;mask-position:center;mask-repeat:no-repeat;mask-mode:alpha}
.interactive-hero.moon-side .hero-product .day-product{mask-image:url('assets/moon-mask.png')}

/* Keep price and size selection together at every viewport. */
.product{grid-template-rows:min-content 1fr;align-content:start}
.product-heading h1{margin-bottom:0}
.product>.product-info{padding-top:12px}
.product-info>.product-sub{margin:0 0 10px;padding:0}
.gallery-picture{display:contents}
@media(max-width:650px){
.product{gap:12px}
.product>.product-info{padding-top:0}
.product-info>.product-sub{margin-bottom:10px}
}