.studio-hero{display:block;height:auto;min-height:0;max-height:none;padding:42px 0 30px;background:#141a15;color:#f5f1df;--flavor-glow:240,178,69}.studio-heading{text-align:center;padding:0 22px;position:relative;z-index:2}.studio-heading .eyebrow{font-size:10px;letter-spacing:3px;color:#c6bd95;margin-bottom:16px}.studio-heading h1{font-size:clamp(29px,3.5vw,53px);letter-spacing:-1.5px;margin:0 0 15px}.studio-heading>p:last-child{font-size:12px;color:#b3b6a7;line-height:1.8;margin:0}.studio{height:480px;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;isolation:isolate;margin-top:9px;outline-offset:-8px}.studio.is-dragging{cursor:grabbing}.ceiling-light{position:absolute;z-index:-1;top:10px;left:50%;transform:translateX(-50%);width:170px;height:5px;border-radius:50%;background:#fff7d8;box-shadow:0 0 15px 4px #fff0bb77,0 8px 28px #ffefae88}.light-beam{position:absolute;z-index:-2;top:11px;bottom:15px;left:50%;width:720px;transform:translateX(-50%);background:linear-gradient(#fff4c811,#fff4c801 65%),radial-gradient(ellipse at 50% 100%,rgba(var(--flavor-glow),.19),transparent 65%);clip-path:polygon(40% 0,60% 0,100% 100%,0 100%);transition:background .6s}.floor-light{position:absolute;z-index:-1;bottom:-25px;left:-15%;right:-15%;height:180px;background:radial-gradient(ellipse at 50% 50%,rgba(var(--flavor-glow),.22),#ffffff08 40%,transparent 68%);border-radius:50%;transform:perspective(400px) rotateX(35deg);transition:background .6s}.flavor-track{position:absolute;inset:0;pointer-events:none}.flavor-bottle{position:absolute;bottom:28px;left:50%;height:425px;width:142px;margin-left:-71px;border:0;padding:0;background:none;transform-origin:50% 100%;transition:transform .6s cubic-bezier(.22,.8,.25,1),filter .6s,opacity .6s;will-change:transform;pointer-events:auto;cursor:pointer;-webkit-user-drag:none}.flavor-bottle img{display:block;height:100%;width:100%;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.flavor-bottle::after{content:"";position:absolute;bottom:10px;left:12%;right:12%;height:8px;background:#0008;filter:blur(9px);border-radius:50%;z-index:-1}.studio.is-dragging .flavor-bottle{transition:none}.selected-hotspots{position:absolute;height:425px;width:142px;left:50%;bottom:28px;transform:translateX(-50%);pointer-events:none;z-index:10;transition:opacity .2s}.selected-hotspots .hotspot{pointer-events:auto;width:26px;height:26px;font-size:19px;box-shadow:0 0 0 5px #fff1;background:#fff8dfeb}.selected-hotspots .cap{top:9%;right:-11%}.selected-hotspots .label{top:53%;right:-14%}.selected-hotspots .volume{top:86%;left:-8%}.studio.is-dragging .selected-hotspots{opacity:0;pointer-events:none}.studio.is-dragging .selected-hotspots .hotspot{pointer-events:none}.carousel-arrow{position:absolute;top:48%;z-index:12;background:#fff1;color:#edead6;border:1px solid #fff2;width:44px;height:44px;border-radius:50%;font-size:19px;backdrop-filter:blur(9px)}.carousel-arrow:hover{background:#fff3}.prev{left:5%}.next{right:5%}.studio-caption{position:absolute;left:5%;bottom:16px;font-size:8px;letter-spacing:2px;color:#929b85}.drag-hint{position:absolute;right:5%;bottom:16px;font-size:9px;letter-spacing:1px;color:#abb19d}.flavor-info{text-align:center;padding:4px 18px 0;min-height:132px}.flavor-info>span{font-size:9px;letter-spacing:2px;color:#c2b78a}.flavor-info h2{font-size:26px;letter-spacing:0;margin:12px 0 9px;font-weight:500}.flavor-info p{font-size:11px;color:#acb29e;margin:0;line-height:1.8}.flavor-info .text-button{color:#e0cf92;padding:12px 0 8px;font-size:11px}.flavor-tabs{display:flex;justify-content:center;gap:10px;padding:10px 18px;flex-wrap:wrap}.flavor-tab{font-size:11px;border:1px solid #ffffff20;background:transparent;color:#afb7a2;border-radius:24px;padding:10px 17px;display:flex;align-items:center;gap:8px;transition:background .25s}.flavor-tab[aria-pressed="true"]{color:#fcf7e6;background:#ffffff15;border-color:#d4c59599}.flavor-tab i{width:7px;height:7px;background:var(--swatch);border-radius:50%;display:inline-block}.concept-note{max-width:750px;margin:15px auto 0;padding:0 24px;text-align:center;font-size:9px;line-height:1.9;color:#828b78}.continue-link{display:block;text-align:center;margin-top:22px;font-size:10px;color:#bdc3af}.detail-photo:has(img[src*="flavor-"]){background:radial-gradient(ellipse,#f4db9b55,#eeeee4)}.detail-photo img[src*="flavor-"]{object-fit:contain}@media(min-width:1500px){.studio{height:535px}.flavor-bottle,.selected-hotspots{height:475px;width:158px}.flavor-bottle{margin-left:-79px}}@media(max-width:700px){.studio-hero{padding-top:32px}.studio-heading h1{font-size:29px}.studio-heading>p:last-child{font-size:10px}.studio{height:405px;margin-top:12px}.flavor-bottle,.selected-hotspots{height:355px;width:118px;bottom:22px}.flavor-bottle{margin-left:-59px}.light-beam{width:500px}.ceiling-light{width:110px}.carousel-arrow{width:33px;height:33px;font-size:15px;top:48%}.prev{left:3%}.next{right:3%}.studio-caption{font-size:6px;letter-spacing:1px;left:4%;bottom:7px}.drag-hint{font-size:8px;right:4%;bottom:7px}.flavor-info{padding-top:13px}.flavor-info h2{font-size:22px}.flavor-tabs{gap:7px;max-width:410px;margin:auto}.flavor-tab{font-size:10px;padding:9px 12px}.concept-note{font-size:8px;max-width:400px}.selected-hotspots .hotspot{width:23px;height:23px;font-size:17px}.studio-heading .eyebrow{font-size:8px}.flavor-info p{font-size:10px}}@media(prefers-reduced-motion:reduce){.flavor-bottle{transition:none}}