/* Editorial still lifes: retain original cup, props and a small contact surface. */
.menu-section .product>img{filter:none;object-fit:contain;transform:none;transition:none}
.menu-section .product>img[src$="/coldbrew.webp"]{-webkit-mask-image:url('masks/coldbrew-editorial.svg');mask-image:url('masks/coldbrew-editorial.svg')}
.menu-section .product>img[src$="/matcha-v2.webp"]{-webkit-mask-image:url('masks/matcha-v2-editorial.svg');mask-image:url('masks/matcha-v2-editorial.svg')}
.menu-section .product>img[src$="/aren.webp"]{-webkit-mask-image:url('masks/aren-editorial.svg');mask-image:url('masks/aren-editorial.svg')}
.menu-section .product>img[src$="/osmanthus.webp"]{-webkit-mask-image:url('masks/osmanthus-editorial.svg');mask-image:url('masks/osmanthus-editorial.svg')}
.menu-section .product>img[src$="/oolong.webp"]{-webkit-mask-image:url('masks/oolong-editorial.svg');mask-image:url('masks/oolong-editorial.svg')}
/* One scene, one existing scroll timeline. The original vehicle remains sharp. */
#tentang .story-type{min-height:690px;padding:0 0 180px 20px;justify-content:flex-start;overflow:hidden;isolation:isolate;border:0}
#tentang .story-type>.about-context{left:-82%;bottom:-105px;width:190%;height:auto;max-height:none;max-width:none;z-index:0;-webkit-mask-image:url('masks/story-vehicle.svg');mask-image:url('masks/story-vehicle.svg');-webkit-mask-size:100% 100%;mask-size:100% 100%;transform:translate3d(var(--story-travel,0px),var(--story-rise,0px),0);will-change:transform}
#tentang .story-type>.story-word{position:relative;z-index:1;mix-blend-mode:difference;color:#f1ede6;line-height:1.02}
#tentang .story-type>.story-word:nth-of-type(2){font-style:italic;letter-spacing:-4px;padding:7px 0 13px}
#tentang .story-type>.story-word:nth-of-type(3){letter-spacing:-5px}
/* Capacity selection, generous artwork on the left and a quiet list on the right. */
.menu-section .menu-extras{grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:80px;align-items:start}
.menu-section .menu-extras>div:first-child p{max-width:400px}
.cup-preview{margin-top:26px;max-width:430px;min-height:430px;position:relative;color:var(--ink)}
.cup-preview-panel[hidden]{display:none}
.cup-preview-panel:not([hidden]){display:flex;flex-direction:column;align-items:center;animation:cup-reveal .26s ease-out both}
.cup-large-illustration{display:block;width:min(100%,360px);height:330px;overflow:visible}
.cup-preview-caption{display:flex;align-items:baseline;gap:26px}
.cup-preview-caption strong{font-family:var(--serif);font-size:48px;line-height:1;letter-spacing:-1px;font-weight:400}
.cup-preview-caption strong small{font-family:var(--sans);font-size:15px;letter-spacing:0}
.cup-preview-caption>span{font-size:13px;color:var(--menu-copy)}
.menu-section .cup-preview-panel>p{font-size:12px;font-style:italic;margin:12px 0 0;text-align:center;color:var(--menu-copy)}
.menu-section .cup-sizes{margin-top:18px;gap:2px}
.menu-section button.cup-size-row{width:100%;text-align:left;font:inherit;color:inherit;background:transparent;border:0;border-radius:4px;cursor:pointer;padding:17px 12px;min-height:108px;transition:background-color .22s ease;position:relative}
.menu-section button.cup-size-row:hover,.menu-section button.cup-size-row:active{background:color-mix(in srgb,currentColor 6%,transparent)}
.menu-section button.cup-size-row[aria-pressed="true"]{background:color-mix(in srgb,currentColor 4%,transparent)}
.menu-section button.cup-size-row:focus-visible{outline:2px solid currentColor;outline-offset:3px}
.menu-section button.cup-size-row .cup-size-icon{color:currentColor;width:42px;height:54px}
.menu-section button.cup-size-row[aria-pressed="true"]:after{content:'';position:absolute;left:0;top:35%;height:30%;width:2px;background:currentColor;opacity:.7}
.menu-section .cup-guide{margin-left:90px}
@keyframes cup-reveal{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
/* A clear business closing, keeping all established destinations and the shared canvas. */
.site-footer{padding:70px 0 28px;background:transparent}
.site-footer .footer-top{grid-template-columns:minmax(0,1.5fr) minmax(160px,.65fr) minmax(190px,.8fr);gap:70px;align-items:start}
.site-footer .footer-brand>p{font-size:clamp(32px,3.4vw,46px);font-style:normal;line-height:1.12;letter-spacing:-1.1px;margin:0 0 24px;max-width:390px}
.site-footer .footer-brand .footer-address{max-width:400px;font-size:12px;line-height:1.85;margin:0;color:var(--muted)}
.site-footer .footer-column{padding:3px 0 0;gap:0}
.site-footer .footer-column>.eyebrow{font-size:10px;letter-spacing:1.8px;margin-bottom:14px;color:var(--ink)}
.site-footer .footer-column>a{display:inline-flex;align-items:center;min-height:44px;font-size:13px;line-height:1.5;max-width:100%;color:var(--muted);transition:color .2s ease;text-decoration:none}
.site-footer .footer-column>a:hover{color:var(--ink)}
.site-footer a:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:2px}
.site-footer .footer-bottom{grid-template-columns:1fr minmax(280px,1.4fr) auto;gap:35px;margin-top:46px;padding-top:22px;font-size:11px;line-height:1.75;align-items:start}
.site-footer .footer-bottom>a{min-height:44px;display:inline-flex;align-items:flex-start;font-size:12px}
@media(max-width:1100px){.menu-section .menu-extras{gap:48px}.site-footer .footer-top{gap:35px;grid-template-columns:1.2fr .7fr .9fr}#tentang .story-type{min-height:630px}}
@media(max-width:800px){#tentang .story-type{display:flex;flex-direction:row;align-content:flex-start;gap:0 15px;min-height:480px;padding:15px 0 300px;font-size:clamp(62px,10vw,88px)}#tentang .story-type>.story-word:nth-of-type(2){padding:0;letter-spacing:-2.5px}#tentang .story-type>.story-word:nth-of-type(3){letter-spacing:-3px}#tentang .story-type>.about-context{left:-68%;bottom:-85px;width:170%;max-height:none}.menu-section .menu-extras{grid-template-columns:1fr;gap:35px}.cup-preview{min-height:390px;max-width:380px;margin:12px auto 0}.cup-large-illustration{height:290px}.menu-section .size-block{max-width:none}.menu-section .cup-sizes{display:grid;grid-template-columns:1fr 1fr;gap:10px}.menu-section button.cup-size-row{grid-template-columns:38px 1fr;gap:8px;padding:14px 10px;min-height:138px}.menu-section .cup-size-row>i{grid-column:2}.menu-section .cup-size-copy b{font-size:25px}.menu-section button.cup-size-row .cup-size-icon{width:34px;height:44px}.menu-section .cup-use{font-size:11px}.menu-section .cup-guide{margin-left:10px}.site-footer{padding-top:48px}.site-footer .footer-top{grid-template-columns:1fr 1fr;gap:35px 25px}.site-footer .footer-brand{grid-column:1/-1}.site-footer .footer-brand>p{font-size:36px}.site-footer .footer-bottom{grid-template-columns:1fr auto;gap:16px}.site-footer .footer-bottom>span:nth-child(2){grid-column:1/-1;grid-row:2}.site-footer .footer-column>a{font-size:12px}.site-footer .footer-brand .footer-address{font-size:12px}}
@media(max-width:480px){#tentang .story-type{min-height:390px;padding-bottom:260px;font-size:61px;gap:0 9px}#tentang .story-type>.about-context{bottom:-65px}.cup-preview{min-height:350px}.cup-large-illustration{height:260px}.cup-preview-caption strong{font-size:42px}.site-footer .footer-bottom{font-size:10px;gap:14px}.site-footer .footer-bottom>a{font-size:11px}}
@media(prefers-reduced-motion:reduce){#tentang .story-type>.about-context{transform:none;will-change:auto}.cup-preview-panel:not([hidden]){animation:none}.menu-section button.cup-size-row,.site-footer a{transition:none}}
/* Keep the capacity choices vertically ordered on compact screens as well. */
@media(max-width:800px){.menu-section .cup-sizes{display:flex;flex-direction:column;gap:2px}.menu-section button.cup-size-row{grid-template-columns:50px minmax(0,1fr) auto;min-height:100px;padding:14px 10px;gap:12px}.menu-section .cup-size-row>i{grid-column:auto}.menu-section .cup-use{font-size:12px}.menu-section .cup-guide{margin-left:72px}}
.menu-section .size-block>.cup-selector-help{font-size:12px;line-height:1.6;color:var(--menu-copy);margin:10px 0 0}