/* Requested refinements only: drops, product prototype, and the real team roster.
   Existing hero, palette, typefaces, navigation, story, and footer stay in styles.css. */
.toast:not(.visible){visibility:hidden;pointer-events:none}
.universe-editorial.universe-text-only{display:block}
.drop-campaign{border:0;background:none;box-shadow:none;transform:rotate(3deg);height:600px}
.campaign-placeholder{height:100%;position:relative;overflow:hidden;border:1px solid #f5eedf8c;background:#25261f;display:flex;align-items:center;justify-content:center;flex-direction:column}
.campaign-placeholder:before,.campaign-placeholder:after{content:'';position:absolute;inset:18px;border:1px solid #f5eedf30;pointer-events:none}.campaign-placeholder:after{inset:36px;border-color:#f5eedf15}
.campaign-meta{position:absolute;top:25px;left:25px;font-size:.7rem;letter-spacing:.12em;color:#f5eedfab}.campaign-wordmark{font-size:clamp(4rem,8vw,8rem);color:#f5eedf15;transform:rotate(-90deg);position:absolute;right:-24%;top:43%;pointer-events:none}
.campaign-sign{font-size:12rem;color:var(--pink);line-height:1;font-variant-emoji:text;opacity:.8}.campaign-placeholder-label{font-size:.78rem;line-height:1.7;letter-spacing:.12em;text-align:center;border-top:1px solid #f5eedf50;padding-top:25px;margin-top:25px;position:relative;z-index:1}
.drop-campaign .drop-sticker{top:64%;left:-32px}.drop-campaign .photo-caption{bottom:25px;left:25px}.editorial-products{display:flex;gap:4%;align-items:center;position:relative;padding:15px 0 60px;margin-top:60px;overflow:visible}
.editorial-product{flex:0 0 34%;width:34%;position:relative;transform:rotate(-4deg);z-index:1}.editorial-product:nth-child(2){flex-basis:26%;width:26%;margin-top:140px;transform:rotate(6deg);z-index:3}.editorial-product:nth-child(3){flex-basis:30%;width:30%;margin-top:-40px;transform:rotate(-2deg);z-index:2}
.editorial-product:hover{z-index:4}.product-placeholder{height:410px;position:relative;background:#f5eedf08;border:1px solid #f5eedf65;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:transform .3s,background .3s;overflow:hidden}
.editorial-product:nth-child(2) .product-placeholder{height:295px;background:#ff8ab80c}.editorial-product:nth-child(3) .product-placeholder{height:345px;background:#c9bee708}.editorial-product:hover .product-placeholder{transform:translateY(-10px);background:#f5eedf10}.placeholder-type{position:absolute;left:20px;top:18px;text-transform:uppercase;font-size:.7rem;letter-spacing:.1em;color:#f5eedfa8}
.placeholder-corner{position:absolute;inset:15px;border:1px dashed #f5eedf24}.placeholder-wordmark{font-size:clamp(2.8rem,4vw,5.5rem);color:#f5eedf28}.placeholder-label{font-size:.67rem;text-align:center;line-height:1.8;letter-spacing:.1em;margin-top:25px;color:#f5eedfc9}.placeholder-mark{position:absolute;right:18px;bottom:12px;font-size:2.7rem;color:var(--pink)}
.product-details{transform:rotate(0);padding-top:22px!important}.editorial-product>.product-editorial-note{position:absolute;right:0;top:-25px;font-size:1.7rem!important;color:var(--pink);transform:rotate(3deg);background:var(--ink);padding:4px 10px!important;max-width:100%;line-height:1.05}
.editorial-products .product-details i{font-style:normal}.dialog-product-placeholder{height:300px;margin-bottom:25px;background:var(--ink);color:var(--cream)}
.product-placeholder.has-product-photo{border:0;background:transparent}.product-placeholder.has-product-photo img{width:100%;height:100%;object-fit:contain;display:block}.campaign-placeholder.has-campaign-photo>img{width:100%;height:100%;object-fit:cover;display:block}.campaign-placeholder.has-campaign-photo:before,.campaign-placeholder.has-campaign-photo:after{display:none}
.drink-visual{width:380px;height:500px;max-width:100%;filter:none;transform:none;clip-path:none;perspective:1000px;overflow:visible;cursor:grab;user-select:none;touch-action:pan-y}.drink-visual:hover{transform:none}.drink-visual.dragging{cursor:grabbing}.drink-visual:before{content:'';position:absolute;bottom:45px;left:20%;width:60%;height:25px;background:#17181325;filter:blur(13px);border-radius:50%;pointer-events:none}.cup-host{width:100%;height:100%;position:relative;perspective:1000px}.cup-canvas{width:100%;height:100%;display:block;pointer-events:none}.cup-prototype{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.59rem;letter-spacing:.09em;color:#171813aa;pointer-events:none}
.drink-visual.changing{animation:none}.drink-stage.mood-changing .drink-note{animation:moodNote .82s var(--ease)}@keyframes moodNote{0%,100%{transform:rotate(7deg)}50%{transform:rotate(4deg) translateY(-5px)}}
.drink-stage.mood-changing .drink-description{animation:moodText .82s ease}@keyframes moodText{0%,100%{opacity:1}42%{opacity:.4}65%{opacity:1}}
.drink-arrow{width:42px;height:42px;font-size:1.5rem;background:#f5eedf6b}.drink-arrow:disabled{cursor:default;opacity:.55}.swipe-hint{font-size:.64rem}
.cup-fallback-object{position:absolute;width:58%;height:65%;left:21%;top:15%;background:linear-gradient(90deg,#ffffff80,transparent 14%,transparent 84%,#ffffff88);border:2px solid #f5eedfc0;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);border-radius:10px 10px 25px 25px;transform-style:preserve-3d}
.fallback-liquid{position:absolute;inset:16% 2% 2%;background:var(--liquid-color);box-shadow:inset 12px 0 22px #ffffff40,inset -12px 0 15px #17181328}.fallback-lid{position:absolute;top:0;left:0;width:100%;height:18px;border:2px solid #fff8;border-radius:50%;background:#f5eedf50;z-index:2}.fallback-logo{position:absolute;top:47%;left:0;width:100%;text-align:center;font:900 2.5rem Arial;letter-spacing:-.1em;z-index:2}.fallback-logo small{display:block;font-size:.6rem;letter-spacing:.18em;margin-top:8px}
.staff-team{gap:4%;align-items:start;padding-top:15px}.staff-team .staff-profile{position:relative;width:auto;background:none;min-width:0}.staff-team .staff-profile:nth-child(2){margin-top:65px;transform:rotate(2deg)}.staff-team .staff-profile:nth-child(3){transform:rotate(-2deg)}
.staff-portrait{position:relative;height:390px}.staff-portrait>img{width:100%;height:100%;object-fit:cover;display:block}.staff-photo-placeholder{height:100%;border:1px solid #17181366;position:relative;overflow:hidden;background:var(--green)}.staff-photo-placeholder:before{content:'';position:absolute;inset:15px;border:1px dashed #17181345}
.staff-pink .staff-photo-placeholder{background:var(--pink)}.staff-lavender .staff-photo-placeholder{background:var(--lavender)}.staff-shoot{position:absolute;top:25px;left:25px;font-size:.68rem!important;line-height:1.7;letter-spacing:.08em;z-index:1}.staff-scene{position:absolute;bottom:65px;left:25px;right:25px;max-width:190px;font-family:var(--display);font-size:1.18rem!important;line-height:1.2;letter-spacing:-.03em!important;z-index:1}.staff-placeholder-star{position:absolute;right:12%;top:26%;font-size:9rem!important;opacity:.16;line-height:1}
.staff-role-sticker{position:absolute;bottom:-12px;right:-12px;background:var(--cream);padding:15px 20px;font-family:Caveat,cursive;font-size:1.7rem!important;line-height:1.1;letter-spacing:0!important;transform:rotate(-6deg);border:1px solid #17181355;max-width:84%;box-shadow:3px 3px 0 #17181325}
.staff-team .staff-details{border:0!important;padding-top:22px!important;margin-top:0!important}.staff-details h4{font-size:clamp(2.2rem,4vw,4rem);font-family:var(--display);letter-spacing:-.055em;margin:10px 0 0;line-height:1}.staff-role{font-size:.82rem!important;margin-top:10px!important}.staff-note{background:#fff9;border:1px solid #17181335;transform:rotate(-3deg);padding:16px 18px;margin:25px 15px 0 0;min-height:118px}.staff-note .staff-sign{font-size:.72rem!important;letter-spacing:0!important;font-weight:600}.staff-note .handwriting{font-size:1.65rem!important;margin-top:13px;line-height:1.1}.staff-team .staff-profile:hover .staff-portrait{transform:translateY(-5px);transition:transform .3s}
@media(max-width:1050px){.drop-campaign{height:510px}.editorial-products{gap:5%;padding-bottom:35px}.product-placeholder{height:330px}.editorial-product:nth-child(2) .product-placeholder{height:240px}.editorial-product:nth-child(3) .product-placeholder{height:275px}.drink-visual{grid-column:2;grid-row:1;width:320px;height:480px}.drink-visual:before{bottom:46px}.drink-stage{min-height:660px}.drink-note{bottom:15px}.staff-portrait{height:340px}.staff-role-sticker{font-size:1.45rem!important;padding:13px}.staff-scene{font-size:1.05rem!important;left:20px}.staff-shoot{left:20px}.staff-placeholder-star{font-size:7rem!important}}
@media(max-width:700px){.drop-campaign{width:89%;height:450px;margin:40px auto 30px}.campaign-meta{font-size:.6rem;top:22px;left:20px}.campaign-wordmark{font-size:5rem;right:-32%}.campaign-sign{font-size:9rem}.campaign-placeholder-label{font-size:.64rem;padding-top:18px;margin-top:18px}.drop-campaign .drop-sticker{left:-22px;top:68%;font-size:.8rem}.drop-campaign .photo-caption{bottom:20px;left:20px;font-size:.6rem}
.editorial-products{display:grid;grid-template-columns:1fr 1fr;column-gap:16px;row-gap:40px;margin:30px 0 0;padding:15px 0 30px;overflow:visible}.editorial-product{width:100%;transform:rotate(-3deg);margin:0;min-width:0}.editorial-product:nth-child(1){grid-column:1/-1;width:76%;justify-self:start}.editorial-product:nth-child(2){width:100%;margin-top:18px;transform:rotate(5deg);align-self:end}.editorial-product:nth-child(3){width:100%;margin-top:-32px;transform:rotate(-4deg);align-self:start}.product-placeholder{height:330px}.editorial-product:nth-child(2) .product-placeholder{height:220px}.editorial-product:nth-child(3) .product-placeholder{height:260px}.placeholder-wordmark{font-size:2.4rem}.editorial-product:first-child .placeholder-wordmark{font-size:3.6rem}.placeholder-type{left:13px;font-size:.6rem}.placeholder-label{font-size:.56rem;letter-spacing:.07em}.placeholder-corner{inset:10px}.placeholder-mark{right:12px;font-size:2rem}.product-editorial-note{font-size:1.3rem!important;right:-5px;top:-21px;max-width:100%}.editorial-product .product-details b{font-size:.82rem;line-height:1.35;padding-right:16px}.editorial-product .product-details small{font-size:.66rem;line-height:1.5}.editorial-product .product-details i{font-size:1.25rem}.dialog-product-placeholder{height:280px}
.drink-stage{min-height:800px}.drink-visual{width:330px;height:440px;margin:15px auto 0;left:0;max-width:110%;margin-left:-3%}.cup-prototype{font-size:.53rem;bottom:8px}.drink-visual:before{bottom:47px}.drink-arrow{width:38px;height:38px;top:36%;font-size:1.3rem}.drink-note{bottom:35px}.drink-description .outline-button{width:98px;font-size:.55rem}.swipe-hint{font-size:.56rem}
.staff-team{display:flex;gap:26px;padding:20px 10px 15px 4px;margin-right:-6vw;overflow-x:auto;scroll-snap-type:x mandatory;align-items:start}.staff-team .staff-profile{flex:0 0 76vw;scroll-snap-align:start}.staff-team .staff-profile:nth-child(2){margin-top:25px;transform:rotate(1deg)}.staff-team .staff-profile:nth-child(3){transform:rotate(-1deg)}.staff-portrait{height:355px}.staff-details h4{font-size:3.2rem}.staff-role-sticker{font-size:1.6rem!important}.staff-note{margin-right:5px}.staff-heading h3{font-size:2.3rem;line-height:1.1;max-width:320px}.staff-heading>p{margin-top:18px}}
@media(max-width:360px){.drink-visual{width:300px;height:420px}.drink-description h3{font-size:2rem}.drink-description .outline-button{width:85px}.anonymous{font-size:.57rem}.staff-team .staff-profile{flex-basis:78vw}}
@media(prefers-reduced-motion:reduce){.drink-stage.mood-changing .drink-note,.drink-stage.mood-changing .drink-description{animation:none}.staff-team .staff-profile:hover .staff-portrait{transform:none}.editorial-product:hover .product-placeholder{transform:none}}
