.jar-page{min-height:100vh;background:#09090d;color:#e9e0da;position:relative;overflow:hidden;font-family:var(--font-geist-sans),Arial,sans-serif}.jar-stars{position:absolute;inset:0;background:radial-gradient(circle at 70% 28%,#b37b6617 0 1px,transparent 2px),radial-gradient(circle at 22% 70%,#e8c8a912 0 1px,transparent 2px),radial-gradient(ellipse at 72% 45%,#8f4f3f12,transparent 50%),linear-gradient(130deg,#0c0b11,#09090d 55%,#150c12);background-size:190px 170px,250px 220px,100% 100%,100% 100%}.jar-page header{position:relative;z-index:1;height:68px;padding:0 5vw;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #b88c7a2e;color:#9c8d8a;font-size:11px;letter-spacing:.18em;text-transform:uppercase}.jar-page header a{color:#dbcac2;text-decoration:none}.jar-workspace{position:relative;z-index:1;max-width:1560px;margin:auto;padding:64px 4vw;display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,2.2fr);gap:34px}.jar-intro{padding-top:25px}.jar-kicker{font-size:10px;letter-spacing:.25em;text-transform:uppercase;color:#dc9d87}.jar-intro h1{font:400 clamp(44px,4.5vw,68px)/.95 Georgia,serif;margin:22px 0 30px;letter-spacing:-.04em}.jar-finish h1 em,.jar-intro h1 em{font-style:normal;color:#cf9b8b}.jar-intro>p:not(.jar-kicker){max-width:300px;line-height:1.8;color:#ab9b9a;font-size:14px}.jar-steps{display:grid;gap:14px;margin-top:55px}.jar-steps span{display:flex;align-items:center;gap:12px;color:#6f6567;font-size:12px}.jar-steps span.active{color:#dfc9c1}.jar-steps i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #59464a;border-radius:50%;font-style:normal;font-size:10px}.jar-steps span.active i{border-color:#d39480;color:#e8b7a5;background:#d3948018}.jar-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:30px;min-width:0}.jar-visual{min-height:520px;position:relative;display:flex;align-items:center;justify-content:center}.jar-visual-inner{position:relative;isolation:isolate;flex:none;width:440px;aspect-ratio:1209/1301;max-width:calc(100% + 50px)}.jar-visual-inner:before{content:"";position:absolute;z-index:0;left:17%;right:15%;top:33%;bottom:8%;border-radius:50%;background:radial-gradient(ellipse at 50% 54%,#33262a9c 0,#1b151a7a 48%,#0b0a0e24 76%,transparent 92%);filter:blur(3px);pointer-events:none}.jar-photoreal{z-index:2;object-fit:contain;opacity:.72;filter:drop-shadow(0 14px 18px #0008);pointer-events:none}.jar-contact-shadow{position:absolute;left:15%;right:14%;bottom:5%;height:6%;border-radius:50%;background:#000b;filter:blur(12px);z-index:0}.jar-contents{position:absolute;z-index:1;left:24.5%;right:23%;top:40%;bottom:13.3%;overflow:hidden;border-radius:24% 24% 20% 20%/9% 9% 10% 10%;pointer-events:none;background:radial-gradient(ellipse at 50% 100%,#7b3c2d24 0 26%,transparent 68%),linear-gradient(180deg,transparent 20%,#2b131b12);box-shadow:inset 0 -10px 15px #1a090d33}.jar-material-layer{position:absolute;left:-5%;width:110%;height:58%;display:block;transition:bottom .45s ease;animation:jar-material-fall .8s cubic-bezier(.2,.7,.35,1) both;transform-origin:50% 95%}.jar-material-layer img{object-fit:contain;object-position:center bottom;filter:brightness(.9) saturate(.88) drop-shadow(0 5px 3px #150707aa);transform-origin:center bottom}.jar-material-layer:after{content:"";position:absolute;left:18%;right:18%;bottom:3%;height:10%;border-radius:50%;background:#1b090b66;filter:blur(7px);z-index:-1}.jar-layer-sugar-crystals{height:42%;left:8%;width:84%;bottom:-2%!important;z-index:4!important}.jar-layer-sugar-crystals img{filter:brightness(.85) saturate(.7) drop-shadow(0 3px 2px #3c2b21bb);transform:scale(.76) rotate(-3deg)}.jar-layer-rose-petals{height:42%;left:-8%;width:80%;bottom:-1%!important;z-index:5!important}.jar-layer-rose-petals img{transform:scale(.56) rotate(-8deg)}.jar-layer-cinnamon-bundle{height:48%;left:18%;width:92%;bottom:25%!important;z-index:3!important}.jar-layer-cinnamon-bundle img{transform:scale(.62) rotate(-9deg)}.jar-layer-lavender{height:64%;left:-4%;width:78%;bottom:25%!important;z-index:2!important}.jar-layer-lavender img{transform:scale(.47) rotate(-18deg)}.jar-layer-rosemary{height:58%;left:27%;width:78%;bottom:24%!important;z-index:2!important}.jar-layer-rosemary img{transform:scale(.45) rotate(17deg)}.jar-layer-chamomile{height:43%;left:29%;width:73%;bottom:2%!important;z-index:6!important}.jar-layer-chamomile img{transform:scale(.55) rotate(4deg)}.jar-glass-glint{position:absolute;z-index:3;left:25%;right:24%;top:36%;bottom:15%;border-radius:18%;pointer-events:none;background:linear-gradient(106deg,transparent 12%,#ffe9bb0b 23%,transparent 32%,transparent 78%,#fff1d910 93%,transparent)}.jar-selection-badge{position:absolute;z-index:4;bottom:-13px;left:50%;transform:translateX(-50%);width:max-content;max-width:310px;padding:9px 14px;color:#cfad99;font-size:11px;letter-spacing:.09em;white-space:nowrap;border-bottom:1px solid #c8897b44}@keyframes jar-material-fall{0%{opacity:0;transform:translateY(-70px)}22%{opacity:1}75%{transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.jar-panel{max-width:520px}.jar-panel h2{font:400 clamp(27px,3vw,42px)/1.2 Georgia,serif;margin:13px 0 20px;color:#f0e5e0}.jar-panel>p:not(.jar-kicker):not(.jar-selected){color:#a99a99;line-height:1.8;font-size:14px}.jar-panel textarea{width:100%;height:145px;background:#140f14;border:1px solid #76545a;color:#f0e5e0;padding:15px;resize:none;font:15px/1.7 inherit;outline:0}.jar-panel textarea:focus{border-color:#d59582;box-shadow:0 0 0 2px #d595821c}.jar-panel small{color:#837476;font-size:11px}.jar-materials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:28px}.jar-materials button{position:relative;min-height:215px;text-align:left;background:linear-gradient(160deg,#23191b,#110d12);border:1px solid #58404788;border-radius:4px;color:#d8c4bc;padding:8px 10px 15px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:border-color .2s,background .2s,transform .2s;min-width:0}.jar-materials button:hover{border-color:#cd9b82;transform:translateY(-3px);background:linear-gradient(160deg,#322124,#171017)}.jar-materials button:focus-visible{outline:2px solid #f0c4a1;outline-offset:4px}.jar-materials button.selected{border-color:#d59582;background:linear-gradient(160deg,#3b252a,#21141b);box-shadow:inset 0 1px #e0ad8c44}.jar-materials .jar-material-preview{position:relative;display:block;width:100%;height:108px;border-bottom:1px solid #b88c7a22}.jar-material-preview img{object-fit:contain;filter:drop-shadow(0 7px 5px #0008);transition:transform .25s}.jar-materials button:hover img{transform:scale(1.08)}.jar-materials .jar-material-name{display:flex;align-items:flex-start;flex-wrap:wrap;gap:5px 8px;justify-content:space-between;font-size:15px;line-height:1.4}.jar-materials .jar-material-action{font-size:10px;color:#d7a38e;white-space:nowrap;padding-top:3px}.jar-materials small{font-size:11px;line-height:1.7;color:#a8938e}.jar-selected{font-size:12px;color:#d6a08f!important;margin:14px 0}.jar-seal{border:1px solid #624249;border-left:3px solid #d78f7f;background:#26171e;padding:18px 20px;margin:24px 0}.jar-seal span{color:#dc9b88;font-size:11px;letter-spacing:.15em}.jar-seal p{color:#ddc1ba!important;font-size:15px!important;margin-bottom:0}.jar-primary{margin-top:25px;background:#d59582;color:#1c0e11;border:0;padding:14px 22px;font-weight:700;letter-spacing:.08em;cursor:pointer}.jar-primary:hover{background:#efb09c}.jar-primary:disabled{opacity:.35;cursor:not-allowed}.jar-primary b{margin-left:28px}.jar-note{font-size:10px!important;color:#716568!important;margin-top:34px}.jar-finish{position:relative;z-index:1;max-width:650px;margin:0 auto;padding:12vh 30px 80px;text-align:center}.jar-finish-art{height:500px;position:relative;display:flex;justify-content:center;align-items:center}.jar-finish h1{font:400 clamp(42px,6vw,68px)/1.05 Georgia,serif;margin:20px 0}.jar-finish>p:not(.jar-kicker){color:#b7a4a0;font-size:14px}.jar-finish-actions{display:flex;justify-content:center;gap:13px;margin-top:34px}.jar-finish-actions a,.jar-finish-actions button{border:1px solid #9b665b;background:transparent;padding:12px 18px;color:#e2c4bc;text-decoration:none;cursor:pointer}.jar-finish-actions a:hover,.jar-finish-actions button:hover{background:#3a2026}.jar-finish>small{display:block;margin-top:40px;color:#75676b;line-height:1.7}@media(max-width:1100px){.jar-workspace{grid-template-columns:1fr;gap:24px;padding-top:34px}.jar-intro{padding-top:0;display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.jar-intro h1{font-size:42px;margin:10px 0}.jar-intro h1 br{display:none}.jar-intro .jar-kicker{grid-column:1/-1}.jar-intro>p:not(.jar-kicker){max-width:400px;align-self:center}.jar-steps{grid-column:1/-1;display:flex;flex-wrap:wrap;margin-top:15px;gap:12px 22px}.jar-stage{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px}.jar-panel{max-width:none}}@media(max-width:600px){.jar-workspace{padding:30px 18px 88px;gap:12px}.jar-intro{display:block}.jar-intro h1{font-size:40px}.jar-intro>p:not(.jar-kicker){font-size:12px}.jar-steps{gap:10px 15px}.jar-steps span{font-size:10px}.jar-stage{grid-template-columns:1fr;gap:20px}.jar-visual{min-height:350px}.jar-visual-inner{width:290px;max-width:100%}.jar-materials{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jar-materials button{min-height:182px;padding:6px 8px 12px}.jar-materials .jar-material-preview{height:78px}.jar-materials .jar-material-name{font-size:13px}.jar-materials small{font-size:10px}.jar-panel h2{font-size:28px}.jar-page header{padding:0 16px;font-size:9px}.jar-finish-art{height:380px}}@media(prefers-reduced-motion:reduce){.jar-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.jar-contents-composite:before{height:34%!important}.jar-botanical-blend{z-index:1;object-fit:contain;object-position:center bottom;filter:saturate(.86) brightness(.9) drop-shadow(0 5px 4px #120709aa);transform:scale(1.16) translateY(3%)}.jar-layer-jasmine{height:47%;left:18%;width:80%;bottom:3%!important;z-index:6!important}.jar-layer-jasmine img{transform:scale(.58) rotate(-4deg);filter:brightness(.94) saturate(.86) drop-shadow(0 4px 3px #16090aaa)}.jar-layer-mint{height:55%;left:-8%;width:84%;bottom:18%!important;z-index:3!important}.jar-layer-mint img{transform:scale(.5) rotate(-12deg);filter:brightness(.82) saturate(.78) drop-shadow(0 5px 3px #07130daa)}.jar-layer-bay-leaf{height:56%;left:9%;width:92%;bottom:27%!important;z-index:2!important}.jar-layer-bay-leaf img{transform:scale(.52) rotate(12deg);filter:brightness(.63) saturate(.68) drop-shadow(0 4px 3px #120b05aa);mix-blend-mode:multiply}.jar-contents{background:radial-gradient(ellipse at 50% 55%,#604348ba 0,#3b2931a0 56%,#21182055 79%,transparent 100%);box-shadow:none;mask-image:radial-gradient(ellipse 84% 76% at 50% 58%,#000 0,#000b 68%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 84% 76% at 50% 58%,#000 0,#000b 68%,transparent 100%)}