/* Isolated local trial. The approved bottle introduction keeps its own files. */
#intro.floral{--ivory:#fff0e3;--rose:#dba88b;background:transparent}
#intro.floral .entry-curtain{background:#3c2c25}
#intro.floral .studio{position:absolute;inset:0;background:#705649 url('assets/floral-studio.webp') center/cover no-repeat;opacity:var(--backdrop,1)}
#intro.floral .scene{inset:0;z-index:1;pointer-events:none}
#intro.floral .scene img{position:absolute;left:66%;top:50%;width:auto;height:100%;max-width:none;transform:translate(-50%,-50%);object-fit:contain;filter:none;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent),linear-gradient(transparent,#000 2.5%,#000 94%,transparent);mask-composite:intersect}
#intro.floral #backplate{z-index:2;opacity:0}
#intro.floral #glass{z-index:4}
#intro.floral .intro-header{z-index:5;padding:32px 5.5%;color:#fff1e4}
#intro.floral .signature{font-style:normal;color:#ffeddf;font-size:42px;text-shadow:0 2px 20px #2b180f55}
#intro.floral .signature small{font-size:8px;letter-spacing:2.4px;color:#ffe9da}
#intro.floral .intro-header button{background:#37271e4d;border-color:#eed4c482;backdrop-filter:blur(12px);font-size:11px;min-height:42px;color:#fff2e8}
#intro.floral .intro-copy{left:7%;top:48%;max-width:44%;z-index:5;text-shadow:0 3px 35px #2d1b13aa}
#intro.floral .intro-copy .eyebrow{font-size:9px;letter-spacing:3px;color:#ffe0cc}
#intro.floral .intro-copy h2{font-size:clamp(48px,6vw,96px);line-height:1.05;font-weight:400;letter-spacing:-2px;margin:0 0 22px;color:#fff0e4;text-wrap:balance}
#intro.floral .welcome-note{font-size:clamp(15px,1.5vw,20px);line-height:1.5;letter-spacing:.3px;color:#ffe3cf;margin:0 0 30px}
#intro.floral .intro-copy h2 em{color:#f2c5a7}
#intro.floral .enter{background:#37251d66;border:1px solid #ffe2cd88;border-radius:50px;padding:10px 23px 10px 10px;backdrop-filter:blur(15px);font-size:13px;text-shadow:none;transition:background .2s,transform .2s;min-height:68px}
#intro.floral .enter:hover{background:#513529aa;transform:translateY(-2px)}
#intro.floral .enter:disabled{cursor:progress}
#intro.floral .enter-circle{background:#edd1bb;color:#563825;width:46px;height:46px;border:0}
#intro.floral .enter small{color:#f5d3bb;font-size:7px;letter-spacing:2px}
#intro.floral .intro-footer{bottom:28px;z-index:5;color:#f5dbca;letter-spacing:2.6px}
#intro.floral .bottle-hit{z-index:3}
#intro.floral.opening .scene{opacity:0}
#intro.floral.opening #backplate{opacity:var(--portrait,1)}
#intro.floral .intro-copy,#intro.floral .intro-header,#intro.floral .intro-footer{opacity:var(--copy-opacity,1)}
#intro.floral.gentle{opacity:0;transition:opacity .3s ease}
#entry-review.floral-review{border-radius:40px;background:#35261ee8;color:#f8e4d4;border-color:#ad887159;bottom:16px;box-shadow:0 8px 32px #20100733;backdrop-filter:blur(15px);font-size:10px}
#entry-review.floral-review button{border-radius:18px;background:#f0d4bf;color:#533923}
#entry-review.floral-review select{color:#f8e4d4;border-radius:10px}
#entry-review.floral-review option{color:#33241a;background:#f2ddce}
#entry-review.floral-review input{accent-color:#dda781}
#intro.floral :focus-visible{outline:2px solid #fff3db;outline-offset:5px}
@media(max-width:700px){
 #intro.floral .intro-header{padding:22px 6%}
 #intro.floral .signature{font-size:31px;gap:12px}
 #intro.floral .signature small{font-size:6px;letter-spacing:2px}
 #intro.floral .intro-header button{font-size:9px;padding:8px 12px}
 #intro.floral .scene img{left:50%;top:0;height:calc(100% - 170px);width:auto;transform:translateX(-50%)}
 #intro.floral .intro-copy{left:6%;right:6%;bottom:7%;top:auto;max-width:none;transform:none;text-align:center}
 #intro.floral .intro-copy h2{font-size:clamp(25px,6.5vw,34px);letter-spacing:-.7px;line-height:1.15;margin:0 0 9px}
 #intro.floral .intro-copy h2 br{display:none}
 #intro.floral .welcome-note{font-size:14px;margin:0 0 17px}
 #intro.floral .enter{margin:auto;background:#3e2b22bc;border-color:#ffe4d2b0;padding:9px 25px 9px 9px;min-height:62px;font-size:13px;gap:15px;box-shadow:0 6px 30px #35221744}
 #intro.floral .enter-circle{width:44px;height:44px}
 #intro.floral .enter small{font-size:6px;letter-spacing:2.4px}
 #intro.floral .intro-footer{display:none}
 #intro.floral .intro-footer span:first-child{display:none}
 #entry-review.floral-review{bottom:12px;gap:8px;max-width:95%;padding:7px 12px}
}
@media(max-height:580px) and (min-width:701px){#intro.floral .intro-copy h2{font-size:55px;margin:15px 0 25px}#intro.floral .intro-header{padding-top:18px}#intro.floral .intro-footer{bottom:20px}}