@media(max-width:760px){
 html{scroll-padding-top:85px}
 .topline{display:none}
 .header-inner{height:74px;padding-inline:5%;gap:10px}
 .header-inner>.logo{width:116px;height:72px}
 .header-inner>.logo img{width:120px;height:120px;left:-5px;top:-23px}
 .header-order{font-size:12px;min-height:44px;padding:12px 15px;gap:12px}
 .nav-toggle{width:44px;height:44px;border-color:#fdefd84d;font-size:24px}
 .mobile-nav a{font-family:Barlow,Impact,sans-serif;font-size:27px;text-transform:uppercase;min-height:60px}
 .hero,.hero-inner{min-height:0}
 .hero-inner{display:block;padding:25px 5% 70px}
 .hero-copy{display:flex;flex-direction:column;max-width:none}
 .hero .kicker{font-size:12px;letter-spacing:.65px;margin-bottom:15px;line-height:1.6;color:var(--cream)}
 .hero h1{font-size:clamp(79px,24vw,150px);line-height:.8;letter-spacing:-2px;margin-bottom:0}
 .hero h1 .tiny-word{font-size:12px;line-height:1.5;letter-spacing:1.8px;margin-bottom:13px}
 .hero h1 .orange{margin-left:13%;font-style:italic}
 .hero-art{top:138px;bottom:auto;right:-9%;width:118%;height:385px;object-position:100% 100%}
 .hero:before{background:linear-gradient(180deg,#000 0%,#000 20%,#0000 35%,#0000 62%,#000 77%)}
 .hero-description{margin-top:285px;max-width:none;font-size:16px;line-height:1.65;font-weight:500}
 .hero-description strong{font-size:17px;font-weight:850;color:var(--cream)}
 .hero-actions{margin-top:18px;gap:10px;display:grid;grid-template-columns:1fr}
 .hero-actions .btn{font-size:14px;min-height:56px;padding:16px 19px;letter-spacing:.65px;font-weight:900}
 .hero-actions .secondary{font-size:13px;min-height:50px;padding:14px 18px;background:#080808;border-color:#fdefd86b}
 .hero-meta{padding:12px 5%;font-size:12px;line-height:1.5;letter-spacing:.35px}
 .intro{padding:44px 5% 28px;gap:22px}
 .intro h2{font-size:clamp(67px,19vw,100px);letter-spacing:-1.5px;margin-top:15px}
 .intro h2 .outline{color:var(--orange);-webkit-text-stroke:0;font-style:italic}
 .intro-copy p{font-size:16px;line-height:1.75}
 .intro-copy .text-link{font-weight:900;border-bottom:2px solid var(--orange);font-size:13px}
 .category-grid{padding-inline:4%;gap:22px;padding-bottom:48px}
 .category-card,.category-card:nth-child(2),.category-card:nth-child(3){min-height:0;display:flex;flex-direction:column;border:1px solid #fdefd82a;border-radius:4px;background:#141311}
 .category-card .card-photo{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.25;object-fit:cover;z-index:0}
 .category-card:after{display:none}
 .category-top{top:14px;left:14px;right:14px;z-index:1}
 .category-index{font-size:12px;letter-spacing:.5px;font-weight:800}
 .category-arrow{width:44px;height:44px;background:var(--orange);font-size:28px}
 .category-caption{position:relative;inset:auto;min-height:0;padding:21px 21px 24px;background:#141311;border-top:3px solid var(--orange)}
 .category-caption h3{font-size:48px;letter-spacing:-.5px;line-height:.95;margin-bottom:12px}
 .category-caption p{font-size:15px;line-height:1.65;max-width:none;color:var(--cream)}
 .range-note{padding:20px 2% 0;gap:18px}.range-note p{font-size:15px;font-weight:650}
 .range-note nav{gap:10px;display:grid;grid-template-columns:1fr 1fr;width:100%}
 .range-note nav a{font-size:13px;font-weight:800;padding:15px 12px;border:1px solid #fdefd840;line-height:1.5}
 .flavour-section{padding-block:45px}
 .flavour-section>.wrap{padding-inline:5%}
 .flavour-top{gap:23px;margin-bottom:25px}
 .flavour-top h2{font-size:clamp(65px,18vw,100px);line-height:.87;letter-spacing:-1.8px}
 .flavour-top h2 span{font-style:italic}
 .flavour-intro-actions p{font-size:16px;line-height:1.75}
 .flavour-explore{font-size:13px;font-weight:900;min-height:62px}
 .flavour-feature{margin-inline:-5.56%;border-block:1px solid #111}
 .flavour-photo{height:auto;aspect-ratio:1.25}
 .flavour-details{padding:25px 5% 30px;gap:24px}
 .flavour-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .flavour-tabs button{font-size:12px;line-height:1.5;font-weight:850;min-height:54px;padding:9px 6px}
 .flavour-name{font-size:clamp(66px,18vw,100px);line-height:.88;margin:27px 0 20px}
 .flavour-detail-copy{font-size:16px;max-width:none}.flavour-category{font-weight:750}
 .flavour-details>.btn{font-size:13px;min-height:56px;font-weight:900}
 .sharing{padding-block:46px 50px}.sharing-grid{padding-inline:5%;gap:38px}
 .sharing-photo{margin-inline:-5.56%}.sharing-photo img{aspect-ratio:1.12}
 .sharing-photo .label{font-size:23px;left:5%;bottom:-17px;padding:13px 17px;max-width:90%;line-height:1.15}
 .sharing-copy h2,.story-copy h2{font-size:clamp(67px,18.5vw,100px);letter-spacing:-1.4px}
 .sharing-copy h2 span{font-style:italic}.sharing-copy>p{font-size:16px;line-height:1.8}
 .sharing-copy>.btn{width:100%;justify-content:space-between;min-height:56px}
 .story-photo{height:410px}.story-copy{padding:42px 5%}.story-copy>p{font-size:16px}
 .location{padding-block:45px}.location-grid{padding-inline:5%;gap:32px}
 .location-card{padding:26px}.location-card h2{font-size:clamp(76px,23vw,112px);font-style:italic}
 .location-copy h3{font-size:50px;letter-spacing:-.8px}.location-copy .btn{font-size:14px;min-height:56px}
 .questions{padding-inline:5%;padding-bottom:45px}.questions h2{font-size:68px}
 .faq-list summary{font-size:16px;font-weight:800;padding-block:23px}
 .closing{padding-block:38px}.closing .wrap{padding-inline:5%}.closing h2{font-size:clamp(76px,23vw,110px);font-style:italic;line-height:.87}
 .closing .btn{font-size:13px;min-height:56px;font-weight:900}
 .mobile-order{padding:10px 5% calc(10px + env(safe-area-inset-bottom));background:#080808;border-top:1px solid #e2933266;gap:14px}
 .mobile-order>span{font-size:12px;line-height:1.5;font-weight:650;max-width:115px;color:var(--cream)}
 .mobile-order .btn{font-size:13px;letter-spacing:.4px;font-weight:900;padding:15px;min-height:52px}
 .site-footer{padding-bottom:calc(115px + env(safe-area-inset-bottom))}
 .flavour-dialog{padding:25px 20px;max-height:calc(100dvh - 32px)}
 .dialog-head h2{font-size:56px}.all-flavour-list li{font-size:28px}
}
@media(max-width:360px){
 .header-inner>.logo{width:96px}.header-inner>.logo img{width:102px;height:102px;top:-14px;left:-5px}
 .header-order{padding-inline:12px}.header-order .arr{display:none}
 .hero h1{font-size:clamp(74px,24vw,87px)}.hero h1 .tiny-word{font-size:12px;letter-spacing:1px}
 .hero-art{top:145px;height:355px;right:-10%;width:120%}.hero-description{margin-top:260px}
 .hero-description strong{font-size:16px}.hero-actions .btn{font-size:13px}.hero-actions .secondary{font-size:12px}
 .category-caption h3{font-size:43px}.category-index{font-size:12px;padding:9px}
 .flavour-tabs button{font-size:12px}.flavour-details{padding-inline:5%}
 .mobile-order{gap:10px;padding-inline:4%}.mobile-order>span{max-width:106px;font-size:12px}.mobile-order .btn{font-size:12px;letter-spacing:0;padding:13px 11px}
}
@media(prefers-reduced-motion:no-preference){
 @keyframes ribbon-enter{from{transform:translateX(24px);opacity:.45}to{transform:translateX(0);opacity:1}}
}
@media(max-width:760px){}
@media(max-width:360px){.hero-description{margin-top:285px}.flavour-top h2{font-size:clamp(53px,17.6vw,63px)}}
.flavour-explore{gap:16px}@media(max-width:360px){.flavour-explore{font-size:12px}}