.sensory-hero{--mood:#f2e3cf;--accent:#946047;max-width:1600px;margin:auto;min-height:640px;display:grid;grid-template-columns:1fr 1.05fr;padding:45px max(28px,calc((100vw - 1320px)/2));gap:24px;background:radial-gradient(ellipse at 76% 48%,var(--mood),transparent 63%),#fcf8f3;transition:background .6s;color:#185650;overflow:hidden;isolation:isolate}
.sensory-hero[data-temperature=cold]{--mood:#d7e8e1;--accent:#507d78}.sensory-copy{padding:28px 0;align-self:center;z-index:2}.sensory-kicker{font:600 12px/1.6 'Cormorant Garamond',serif;letter-spacing:.17em;margin:0 0 25px}.sensory-kicker span{display:inline-block;font:400 11px/1.6 'Noto Sans TC',sans-serif;letter-spacing:.08em;margin-left:20px;color:#6a7c70}.sensory-copy h1{font-size:clamp(52px,5.4vw,80px);font-weight:600;line-height:1.18;letter-spacing:-.055em;margin:0}.serif-accent{font-family:'Songti TC','Noto Serif TC',serif;font-weight:400;color:var(--accent)}.sensory-intro{font-size:15px;line-height:1.9;margin:23px 0;color:#617164}.temperature-switch{display:inline-flex;gap:4px;padding:4px;background:#ffffff8c;border:1px solid #29564c22;border-radius:40px}.temperature-switch button{display:flex;align-items:center;gap:10px;min-height:44px;padding:9px 20px;border:0;border-radius:30px;background:transparent;color:#586e63;font:500 13px 'Noto Sans TC',sans-serif;cursor:pointer;transition:background .3s,color .3s}.temperature-switch button[aria-pressed=true]{color:#fffaf3;background:#205b50;box-shadow:0 3px 8px #205b5012}.temperature-switch button span{font-size:18px}.temperature-story{min-height:75px;margin-top:18px}.temperature-story b{font-size:16px;font-weight:500;color:var(--accent)}.temperature-story p{font-size:13px;color:#63766c;margin:7px 0 0;line-height:1.7}.sensory-actions{display:flex;align-items:center;gap:24px;margin-top:18px}.sensory-actions .button{gap:32px}.sensory-footnote{font-size:11px;letter-spacing:.06em;color:#798276;margin:22px 0 0}
.sensory-art{position:relative;margin:0;display:grid;place-items:center;min-width:0;min-height:540px;align-self:stretch}.temperature-word{position:absolute;top:0;left:4%;font:italic 500 clamp(90px,11vw,165px)/1 'Cormorant Garamond',serif;color:var(--accent);opacity:.17;letter-spacing:-.06em;user-select:none}.sensory-orbit{position:absolute;inset:25% -4% 18%;border:1px solid #9b80612e;border-radius:50%;transform:rotate(-15deg)}.sensory-tart{position:relative;width:100%;height:470px;object-fit:contain;filter:drop-shadow(0 25px 20px #664b3121);transform:rotate(-9deg) translateY(5px);transition:transform 1s cubic-bezier(.16,1,.3,1),filter .8s;z-index:1}.sensory-hero[data-temperature=cold] .sensory-tart{transform:rotate(5deg) translateY(-8px);filter:drop-shadow(0 28px 25px #32665525)}.sensory-art figcaption{position:absolute;bottom:8px;left:12%;right:5%;display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;border-top:1px solid #52746636;padding-top:15px}.sensory-art-number{font:500 12px 'Cormorant Garamond',serif;letter-spacing:.15em;color:#6f8174}.sensory-art figcaption b{font-size:18px;font-weight:500}.sensory-art figcaption small{grid-column:1/-1;font-size:10px;text-align:right;color:#78867b}.steam{position:absolute;z-index:2;top:16%;left:25%;width:42%;height:100px;opacity:.65;transition:opacity .4s}.steam i{position:absolute;left:20%;width:28px;height:90px;border-left:2px solid #ffffffb0;border-radius:50%;filter:blur(3px);animation:steam-rise 4s ease-in-out infinite}.steam i:nth-child(2){left:50%;animation-delay:1.3s}.steam i:nth-child(3){left:80%;animation-delay:2.6s}.sensory-hero[data-temperature=cold] .steam{opacity:0}@keyframes steam-rise{0%{transform:translateY(15px) scale(.8);opacity:0}40%{opacity:.7}100%{transform:translateY(-28px) scale(1.2);opacity:0}}
.shop-shortcuts{margin-top:0}.intro-band{padding-block:42px}.flavours{padding-bottom:65px}.product-card{display:flex!important;flex-direction:column}.product-card[hidden]{display:none!important}.product-card>div:not(.flavour-actions){flex:1}.product-card .flavour-actions{display:flex;align-items:center;justify-content:space-between;padding:0 0 18px;min-height:0;gap:12px}.flavour-actions button{border:0;background:transparent;color:#225e54;font:500 12px 'Noto Sans TC',sans-serif;cursor:pointer;min-height:44px;padding:8px 0}.flavour-actions button:last-child{width:42px;border:1px solid #b9cbbd;border-radius:50%;font-size:21px;background:#ecf0e6;flex-shrink:0}.flavour-actions button:hover{color:#9d6547}.flavour-actions button:last-child:hover{background:#dce6d9}
.box-builder{padding:85px max(26px,calc((100vw - 1240px)/2));background:#e8eee5;scroll-margin-top:84px}.box-heading{display:grid;grid-template-columns:1fr 1fr;gap:10px 50px;margin-bottom:40px}.box-heading .eyebrow{grid-column:1/-1;margin:0}.box-heading h2{font-size:clamp(38px,4vw,58px);font-weight:600;line-height:1.2;letter-spacing:-.05em;margin:5px 0 0}.box-heading h2 span{color:#789080;font-family:'Songti TC',serif;font-weight:400}.box-heading>p:last-child{font-size:14px;line-height:1.9;align-self:end;color:#667a69;margin:0 0 5px}.box-workspace{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:start}.box-display{min-width:0}.box-lid{background:#fbf7ef;border:1px solid #cec9b9;padding:30px 20px 24px;text-align:center;box-shadow:inset 0 -8px 12px #bba47a0b;position:relative}.box-lid:after{content:'';position:absolute;inset:9px;border:1px solid #cab89466;pointer-events:none}.box-lid>span{font:600 19px 'Cormorant Garamond',serif;letter-spacing:.22em;display:block}.box-lid b{font:400 14px 'Songti TC',serif;display:block;margin:12px 0 9px;letter-spacing:.1em}.box-lid small{font-size:9px;letter-spacing:.1em;color:#9b987f}.box-tray{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;background:#d8cdb7;padding:19px;border:1px solid #bbae90;box-shadow:0 16px 20px #6b715210,inset 0 2px 4px #b0a08340}.box-slot{position:relative;aspect-ratio:1;min-width:0;display:grid;place-items:center;background:radial-gradient(ellipse,#fbf6e8,#e4d9c2 75%);border:1px solid #b8a789;border-radius:50%;overflow:hidden}.box-slot.empty{border:1px dashed #b5a47f;background:#ede5d4}.box-slot.empty span{font:italic 500 35px 'Cormorant Garamond',serif;color:#b4a282}.box-slot img{width:100%;height:100%;object-fit:cover;animation:box-drop .35s ease-out}.box-slot .slot-label{position:absolute;bottom:0;left:0;right:0;background:#fbf9efed;color:#2e6153;text-align:center;font-size:10px;padding:6px 2px}.box-slot button{position:absolute;right:5px;top:5px;border:0;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;background:#fffdf4f2;color:#37544a;font-size:19px;cursor:pointer}.box-under{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.box-under>span{font:500 14px 'Noto Sans TC',sans-serif;font-variant-numeric:tabular-nums}.box-under button{color:#5d7667;font:400 12px 'Noto Sans TC',sans-serif;min-height:40px;background:none;border:0;border-bottom:1px solid #93a78e;cursor:pointer}.box-under button:disabled{opacity:.45;cursor:default}.box-note{font-size:11px;line-height:1.9;color:#7b816d;margin:14px 0 0}.picker-heading{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:0 0 15px;font-size:18px;font-weight:500}.picker-heading span{font-size:11px;color:#728774;font-weight:400}.box-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}.box-choice{display:grid;grid-template-columns:51px 1fr auto;align-items:center;gap:10px;text-align:left;padding:9px;border:1px solid #bccdb788;border-radius:4px;background:#fafcf5;color:#315e50;font:500 13px 'Noto Sans TC',sans-serif;cursor:pointer;min-width:0;transition:background .2s,transform .2s}.box-choice img{width:51px;height:51px;object-fit:cover;border-radius:50%}.box-choice b{font-size:18px;font-weight:400}.box-choice:hover{background:white;transform:translateY(-2px)}.box-choice:active{transform:scale(.98)}.box-choice[aria-disabled=true]{opacity:.65}.box-feedback{min-height:42px;margin:17px 0 12px;color:#4e7261;font-size:13px;line-height:1.7}.box-next{display:grid;gap:10px;justify-items:start}.box-next>.button{width:100%;justify-content:space-between}.box-next a[aria-disabled=true]{opacity:.45;cursor:not-allowed}.box-next .arrow-link{font-size:12px}.box-storage{font-size:11px;color:#788671;margin-top:18px}.anatomy-pick{display:table;margin-top:20px;font-size:12px}.box-dock{position:fixed;bottom:20px;left:22px;z-index:44;display:flex;align-items:center;gap:24px;padding:13px 18px;background:#fffdf4;border:1px solid #b9cdbb;border-radius:5px;box-shadow:0 4px 24px #173e3514;color:#2d5f50;text-decoration:none;font-size:13px}.box-dock[hidden]{display:none}.box-dock b{font-weight:500}.box-dock span{font-size:11px;color:#6f8877}
.flavour-dialog{width:min(850px,calc(100vw - 40px));max-height:90dvh;overflow:auto;background:#fffaf2;color:#215d50;padding:55px 32px 32px;border:0;border-radius:5px}.flavour-dialog::backdrop{background:#1a332f99;backdrop-filter:blur(5px)}.flavour-dialog-close{position:absolute;right:15px;top:10px;min-height:40px;border:0;background:transparent;color:#215d50;padding:9px 12px;font:400 13px 'Noto Sans TC',sans-serif;cursor:pointer}.flavour-dialog-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.detail-image{display:block;width:100%;height:auto;aspect-ratio:6/5;object-fit:contain;background:#eee5d4}.flavour-dialog-copy h2{font:600 38px/1.2 'Noto Sans TC',sans-serif;margin:0 0 18px;letter-spacing:-.04em}.detail-description{font-size:15px;line-height:1.9;color:#537663}.detail-price{font-size:13px}.detail-note{font-size:11px;line-height:1.8;color:#77806d;margin:18px 0}.flavour-dialog-copy .button{border:0;font-family:inherit;cursor:pointer;width:100%;font-size:12px}.detail-feedback{font-size:12px;line-height:1.7;min-height:20px}.saved-box-summary{border-bottom:1px solid #b7cbb688;margin-bottom:25px;padding-bottom:25px}.saved-box-summary[hidden]{display:none}.saved-box-items{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.saved-box-item{display:flex;align-items:center;gap:8px;padding:7px 12px 7px 7px;background:#eaf0e5;border-radius:4px;font-size:12px}.saved-box-item img{width:38px;height:38px;object-fit:cover;border-radius:50%}.saved-box-note{font-size:12px;line-height:1.8;color:#687d6b}.form-clear-box{margin:10px 15px;border:0;border-bottom:1px solid #8ca082;background:none;color:#586d5d;font:400 12px 'Noto Sans TC',sans-serif;min-height:36px;cursor:pointer}@keyframes box-drop{from{transform:translateY(-12px) scale(.8);opacity:.3}to{transform:none;opacity:1}}
@media(min-width:1600px){.sensory-hero{padding-inline:100px}}@media(max-width:1050px){.sensory-hero{min-height:580px;padding:30px;gap:8px}.sensory-copy h1{font-size:59px}.sensory-kicker span{display:block;margin:7px 0 0}.sensory-art{min-height:500px}.sensory-tart{height:420px}.box-workspace{gap:25px}.box-choice{grid-template-columns:38px 1fr auto;gap:6px;font-size:12px;padding:7px}.box-choice img{width:38px;height:38px}.sensory-actions{gap:16px}.sensory-actions .button{gap:16px;font-size:12px}.box-tray{padding:15px;gap:8px}}
@media(max-width:720px){.sensory-hero{display:grid;grid-template-columns:1fr;padding:28px 22px 26px;min-height:0;gap:6px}.sensory-copy{padding:0}.sensory-kicker{font-size:10px;margin-bottom:18px;display:flex;justify-content:space-between;align-items:center}.sensory-kicker span{display:inline;font-size:9px;margin:0;letter-spacing:0}.sensory-copy h1{font-size:clamp(44px,12vw,58px);line-height:1.14}.sensory-intro{font-size:13px;margin:16px 0;line-height:1.8}.temperature-switch button{min-height:42px;padding:8px 18px;font-size:12px}.temperature-story{min-height:61px;margin-top:14px}.temperature-story b{font-size:14px}.temperature-story p{font-size:12px;margin-top:5px}.sensory-actions{margin-top:10px;gap:20px}.sensory-actions .button{min-height:45px;font-size:12px;gap:17px;padding:12px 14px}.sensory-actions .arrow-link{font-size:12px}.sensory-footnote{display:none}.sensory-art{min-height:0;height:300px;margin-top:2px}.temperature-word{font-size:104px;top:0;left:3%}.sensory-tart{height:255px;width:90%;margin-top:-15px}.sensory-art figcaption{bottom:0;left:0;right:0;padding-top:10px}.sensory-art figcaption b{font-size:15px}.sensory-art figcaption small{font-size:9px}.sensory-art-number{font-size:10px}.steam{height:60px;top:13%;left:26%}.steam i{height:60px}.sensory-orbit{inset:20% 3% 20%}.shop-shortcuts{margin-top:12px}.intro-band{padding-block:30px}.box-builder{padding:55px 22px;scroll-margin-top:78px}.box-heading{display:block;margin-bottom:25px}.box-heading h2{font-size:36px;margin:15px 0}.box-heading>p:last-child{font-size:13px}.box-workspace{grid-template-columns:1fr;gap:26px}.box-lid{padding:23px 15px 20px}.box-lid span{font-size:18px}.box-lid b{font-size:12px}.box-tray{gap:10px;padding:14px}.box-slot .slot-label{font-size:9px;padding:5px 2px}.box-slot button{width:32px;height:32px;top:2px;right:2px}.box-choice{grid-template-columns:40px 1fr auto;padding:8px;gap:8px;font-size:12px}.box-choice img{width:40px;height:40px}.picker-heading{font-size:17px}.box-note{font-size:10px}.box-feedback{font-size:12px;min-height:35px}.box-storage{font-size:10px}.box-next>.button{font-size:13px}.flavour-dialog{width:calc(100vw - 20px);max-height:88dvh;margin:auto auto 10px;padding:48px 20px 22px;border-radius:12px 12px 4px 4px}.flavour-dialog-layout{grid-template-columns:1fr;gap:22px}.detail-image{max-height:215px}.flavour-dialog-copy .eyebrow{margin-bottom:12px}.flavour-dialog-copy h2{font-size:29px;margin-bottom:14px}.detail-description{font-size:14px;margin:0}.detail-note{margin:13px 0;font-size:11px}.detail-price{margin:10px 0}.product-card .flavour-actions{padding:0 0 14px;gap:4px}.flavour-actions button{font-size:11px}.flavour-actions button:last-child{width:36px;min-height:36px;font-size:20px}.box-dock{left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));justify-content:space-between;gap:10px;padding:14px;font-size:12px}.has-box .contact-bot{bottom:78px}.box-dock[hidden]~.contact-bot{bottom:12px}.saved-box-item{font-size:11px;padding-right:9px}.saved-box-item img{width:30px;height:30px}.saved-box-items{gap:7px}.box-under>span{font-size:12px}}
@media(max-width:360px){.sensory-kicker span{display:none}.sensory-copy h1{font-size:43px}.sensory-actions{gap:14px}.box-builder{padding-inline:16px}.box-choice{gap:5px;grid-template-columns:31px 1fr auto;font-size:11px}.box-choice img{width:31px;height:31px}.box-tray{padding:10px;gap:7px}}
.box-slot button{top:8%;right:8%;z-index:2;box-shadow:0 1px 6px #294d3422}.box-dock:focus-visible{outline:3px solid #b98546}.sensory-hero .button:focus-visible,.box-choice:focus-visible{outline:3px solid #a36743;outline-offset:4px}.form-clear-box{width:auto!important}
@media(prefers-reduced-motion:reduce){.sensory-hero *,.box-builder *{animation:none!important;transition:none!important}.steam{display:none}}
@media(max-width:720px){.building-box .contact-bot{visibility:hidden;pointer-events:none}}