*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;background:#fff4da;color:#301b16;font:17px/1.6 Arial,sans-serif}a{color:inherit}nav{display:flex;justify-content:space-between;align-items:center;padding:18px 5%;gap:20px}nav>div{display:flex;gap:25px}nav a{text-decoration:none;font-weight:700}.brand{display:inline-flex;flex-direction:column;text-align:center;line-height:.95;transform:rotate(-4deg);font-weight:1000;letter-spacing:-1.5px;text-decoration:none;border:2px solid #301b16;border-radius:50%;padding:13px 23px;background:#fff4da}.brand span{font-size:26px;color:#bd0955}.brand b{font-size:19px;margin-top:3px}.hero{display:grid;grid-template-columns:1fr 1fr;background:#ec1676;min-height:640px;border-block:2px solid #301b16}.hero-copy{padding:65px 9%;position:relative;z-index:1}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800}h1{font-size:clamp(58px,7.8vw,120px);line-height:.95;letter-spacing:-6px;margin:30px 0;color:#fff4da;text-shadow:3px 3px 0 #301b16}h1 em{color:#f9d229;font-style:normal}.intro{font-size:21px;max-width:400px;color:#301b16;font-weight:600}.button,.outline{display:inline-block;padding:15px 24px;border:2px solid #301b16;border-radius:999px;text-decoration:none;font-size:16px;font-weight:800;transition:transform .2s,box-shadow .2s}.button{background:#f9d229;color:#301b16;box-shadow:4px 4px 0 #301b16}.button:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 #301b16}.outline{background:transparent}a:focus-visible{outline:3px solid #301b16;outline-offset:6px}.soon{font-size:13px;margin-top:24px;font-weight:700}.hero-art{position:relative;min-width:0;overflow:hidden;background:#ed1677}.hero-person{width:100%;height:100%;object-fit:cover;object-position:center 25%;display:block}.hero-sticker{position:absolute;top:30px;right:25px;background:#f9d229;width:128px;height:128px;border-radius:50%;border:2px solid #301b16;display:flex;flex-direction:column;justify-content:center;text-align:center;font-size:23px;font-weight:900;line-height:1;transform:rotate(12deg)}.hero-sticker span{font-size:16px;margin-top:5px}.hero-pack{position:absolute;bottom:25px;left:22px;width:26%;aspect-ratio:1;object-fit:cover;border:6px solid #fff4da;transform:rotate(-8deg);box-shadow:4px 6px 0 #301b16}.ribbon{display:flex;justify-content:space-around;gap:22px;overflow:hidden;padding:18px 20px;background:#14b9ac;border-bottom:2px solid #301b16;font-weight:900;font-size:14px;white-space:nowrap}.ribbon span{color:#301b16}.people,.collection{padding:75px 5%}.section-head{margin-bottom:38px}h2{font-size:clamp(36px,5vw,70px);line-height:1.05;letter-spacing:-2.5px;margin:15px 0 25px}h2 em{font-style:normal;color:#b90951}.people-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start}figure{margin:0;border:2px solid #301b16;background:#fff4da;box-shadow:5px 5px 0 #301b16}figure:nth-child(1){transform:rotate(-2deg)}figure:nth-child(2){margin-top:40px;transform:rotate(2deg)}figure:nth-child(3){transform:rotate(-1deg)}figure img{width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;display:block}figcaption{font-size:17px;font-weight:800;padding:18px 16px}.image-note{font-size:12px;margin-top:30px;color:#665345}.collection{background:#f9d229;border-block:2px solid #301b16}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}article{background:#fff4da;border:2px solid #301b16;border-radius:16px;overflow:hidden;box-shadow:4px 4px 0 #301b16}article img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;display:block}.info{padding:24px}.num{font-size:13px;background:#14b9ac;padding:5px 9px;border-radius:50%;font-weight:700}h3{font-size:24px;line-height:1.15;margin:15px 0}article p{font-size:16px;min-height:52px}article a{font-size:14px;font-weight:700;text-underline-offset:5px}.ritual{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#14b9ac}.ritual>div{padding:65px 10%}.ritual img{width:100%;max-height:650px;object-fit:cover;display:block}.order{text-align:center;padding:80px 5%;background:#ec1676;border-block:2px solid #301b16}.order h2{color:#fff4da;font-size:clamp(42px,7vw,92px)}.order p{max-width:650px;margin:20px auto}.actions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;margin-top:32px}footer{padding:35px 5%;background:#fff4da}footer p{font-size:13px}footer .brand{margin-bottom:12px}[hidden]{display:none!important}@media(min-width:1400px){.hero-copy{padding-left:max(9%,calc((100vw - 1300px)/2))}}@media(max-width:800px){nav>div{gap:15px;font-size:13px}.hero{grid-template-columns:1fr}.hero-copy{padding:42px 6% 35px}h1{font-size:80px;letter-spacing:-4px}.hero-art{height:520px}.hero-person{object-position:center 34%}.hero-pack{width:130px}.hero-sticker{right:5%}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.people-grid{gap:14px}figcaption{font-size:14px;padding:14px 10px}.ritual>div{padding:35px 10%}.ritual h2{font-size:36px}.people,.collection{padding:55px 6%}.ribbon{justify-content:flex-start}}@media(max-width:500px){nav{padding:14px 5%}.brand{padding:11px 16px;letter-spacing:-1px}.brand span{font-size:22px}.brand b{font-size:15px}nav>div{max-width:150px;gap:4px;flex-direction:column;align-items:flex-end;font-size:12px}h1{font-size:clamp(58px,17vw,80px)}.intro{font-size:18px}.hero-art{height:420px}.hero-sticker{height:106px;width:106px;font-size:20px}.people-grid{grid-template-columns:1fr;gap:30px;padding-inline:8px}figure:nth-child(2){margin-top:0}.people-grid figure img{max-height:450px;object-position:center 32%}.grid,.ritual{grid-template-columns:1fr}.ritual>div{padding:45px 6%}.actions{flex-direction:column;align-items:stretch}.order{padding:55px 6%}h2{letter-spacing:-1.5px}figcaption{font-size:18px}.hero-pack{width:112px}.people .section-head br:last-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.outline{transition:none}}

.pack-pattern{height:12px;background:repeating-linear-gradient(90deg,#ec1676 0 20px,#f9d229 20px 40px,#14b9ac 40px 60px,#fff4da 60px 65px)}

.pack-pattern{height:12px;background:repeating-linear-gradient(90deg,#ec1676 0 20px,#f9d229 20px 40px,#14b9ac 40px 60px,#fff4da 60px 65px)}

.hero-pack{height:auto}

.cart-section{padding:65px 6%;background:#fff4da;border-top:2px solid #301b16}.cart-section>p{max-width:720px}.add-cart{background:#14b9ac;border:2px solid #301b16;padding:12px 16px;border-radius:24px;font:700 14px Arial;cursor:pointer}.add-cart:focus-visible,.qty-button:focus-visible{outline:3px solid #b90951;outline-offset:4px}#cart-count{background:#f9d229;border-radius:50%;padding:3px 7px}.cart-row{display:flex;justify-content:space-between;gap:15px;align-items:center;max-width:720px;border-bottom:1px solid #ad9b82;padding:16px 0}.cart-controls{display:flex;gap:12px;align-items:center}.qty-button{width:38px;height:38px;background:#f9d229;border:1px solid #301b16;border-radius:50%;font-size:21px;cursor:pointer}#cart-status{min-height:26px;font-weight:bold}#cart-total{font-weight:800}.cart-section .button{margin:15px 0}@media(max-width:500px){.cart-row{font-size:14px}.cart-controls{gap:8px}}

/* Reversible scroll journey. The original product photograph stays intact. */
.zoom-journey{height:280svh;background:#ed1676;position:relative}
.zoom-stage{--scale:1;--turn:-12deg;--copy:1;--veil:0;--finish:0;position:sticky;top:0;height:100svh;min-height:550px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 50% 65%,#ff87b5,#ec1676 65%);perspective:1000px}
.zoom-heading{position:absolute;top:5%;left:7%;z-index:3;opacity:var(--copy);pointer-events:none}
.zoom-heading h2{font-size:clamp(60px,8vw,125px);line-height:.88;letter-spacing:-.065em;color:#fff4da;margin:20px 0}.zoom-heading h2 em{color:#f9d229}.zoom-heading p:last-child{font-weight:700}
.zoom-world{position:absolute;inset:0;transform:scale(var(--scale)) rotate(var(--turn));transform-origin:58% 62%;will-change:transform;transform-style:preserve-3d}
.zoom-product{position:absolute;width:min(34vw,440px);height:auto;left:58%;top:62%;transform:translate(-50%,-50%) rotateY(-12deg);border-radius:22px;box-shadow:25px 35px 55px #5d083a66;border:8px solid #fff4da}
.zoom-orbit{position:absolute;border:35px solid #f9d229;border-radius:50%;width:440px;height:440px;left:55%;top:47%;transform:translate(-50%,-50%) rotateX(58deg) rotateY(15deg);box-shadow:inset 8px 9px 0 #b78913,12px 12px 0 #b78913}.orbit-two{border-color:#14b9ac;width:230px;height:230px;left:24%;top:73%;transform:rotateY(48deg);box-shadow:inset 8px 9px 0 #087e76,12px 12px 0 #087e76}
.zoom-tile{position:absolute;width:110px;height:110px;background:#fff4da;box-shadow:15px 15px 0 #d6b993;transform:rotateX(30deg) rotateY(-25deg) rotateZ(30deg);left:83%;top:24%;border-radius:16px}.tile-two{width:65px;height:65px;left:12%;top:43%;background:#f9d229;box-shadow:12px 12px 0 #bd8f14}
.zoom-stage:after{content:'';position:absolute;inset:0;background:#14b9ac;opacity:var(--veil);z-index:4;pointer-events:none}.zoom-end{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:5;opacity:var(--finish);pointer-events:none;text-align:center}.zoom-end h2{font-size:clamp(65px,10vw,140px);line-height:.95;margin:10px;color:#301b16}
.zoom-footer{position:absolute;bottom:30px;left:6%;right:6%;display:flex;justify-content:space-between;gap:15px;align-items:center;z-index:6;font-size:13px;font-weight:800}.zoom-footer a{background:#fff4da;border:1px solid #301b16;padding:12px 18px;border-radius:30px;text-decoration:none}.zoom-progress{position:absolute;bottom:0;height:5px;left:0;right:0;background:#301b1622;z-index:6}.zoom-progress span{display:block;height:100%;background:#301b16;transform:scaleX(var(--progress,0));transform-origin:left}
@media(max-width:600px){.zoom-journey{height:240svh}.zoom-stage{min-height:520px}.zoom-heading{top:5%;left:6%;right:6%}.zoom-heading h2{font-size:clamp(54px,15vw,85px)}.zoom-heading .eyebrow{font-size:10px;letter-spacing:1.5px}.zoom-product{width:65vw;max-width:300px;border-width:5px}.zoom-world{transform-origin:52% 62%}.zoom-product{left:52%;top:62%}.orbit-one{width:320px;height:320px;left:60%;top:60%;border-width:24px}.orbit-two{width:130px;height:130px;left:-8%;top:73%;border-width:22px}.tile-one{width:65px;height:65px;left:83%;top:35%}.tile-two{left:9%;top:48%;width:40px;height:40px}.zoom-footer{bottom:22px;font-size:11px}.zoom-footer a{padding:12px}.zoom-end h2{font-size:20vw}}
@media(prefers-reduced-motion:reduce){.zoom-journey{height:auto}.zoom-stage{position:relative;height:90svh}.zoom-world{will-change:auto}.zoom-progress{display:none}}