@font-face{font-family:'Seto';src:url("assets/fonts/seto.woff2") format('woff2');font-display:swap;}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Iansui','Noto Sans TC',sans-serif;color:#4A2A1C;background:#FBF4EA;-webkit-font-smoothing:antialiased;line-height:1.75;overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
#wwcNav.solid{background:rgba(251,244,234,.93);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 2px 0 rgba(74,42,28,.07)}
#wwcMenuGrid[data-cat="sweet"] .wwc-card:not([data-cat="sweet"]),
#wwcMenuGrid[data-cat="savory"] .wwc-card:not([data-cat="savory"]),
#wwcMenuGrid[data-cat="combo"] .wwc-card:not([data-cat="combo"]){display:none}
@keyframes wwcMarq{to{transform:translateX(-50%)}}
@keyframes wwcFloat{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-16px) rotate(-1deg)}}
@keyframes wwcSlowSpin{to{transform:rotate(360deg)}}
@keyframes wwcTwinkle{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes wwcBob{0%,100%{transform:translateY(0) rotate(8deg)}50%{transform:translateY(-7px) rotate(8deg)}}
#wwcPreloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#FBF4EA;transition:opacity .55s ease,visibility .55s ease}
#wwcPreloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
#wwcPreloader img{width:clamp(104px,18vw,156px);height:clamp(104px,18vw,156px);border-radius:50%;border:3px solid #4A2A1C;box-shadow:0 18px 34px -24px rgba(74,42,28,.7);animation:wwcSlowSpin 14s linear infinite}
.wwc-uber-logo{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.01em;line-height:1;white-space:nowrap}
.wwc-paw{display:inline-block;position:relative;width:.95em;height:.85em;margin:0 .42em;vertical-align:-.08em;opacity:.64}
.wwc-paw::before{content:"";position:absolute;left:.31em;top:.38em;width:.38em;height:.32em;background:#FBF4EA;border-radius:52% 52% 46% 46%;transform:rotate(-8deg)}
.wwc-paw::after{content:"";position:absolute;left:.12em;top:.08em;width:.17em;height:.17em;background:#FBF4EA;border-radius:50%;box-shadow:.23em -.06em 0 #FBF4EA,.46em 0 0 #FBF4EA,.65em .15em 0 #FBF4EA}
body :where(p,a,button,span,small):not(h1 *):not(h2 *):not(h3 *):not(h4 *){font-size:calc(1em + 2px)!important}
.wwc-mini-badge{font-size:10px!important}
.wwc-mini-badge-md{font-size:12px!important}
.wwc-mini-badge-lg{font-size:14px!important}
[style*="border:2.5px solid #4A2A1C"]:not([style*="overflow:hidden"]):not([style*="background:#4A2A1C"]),
[style*="border:2px solid #4A2A1C"]:not([style*="overflow:hidden"]):not([style*="background:#4A2A1C"]){border-color:rgba(74,42,28,.36)!important}
[style*="border:2px dashed #B58A5E"]{border-color:rgba(181,138,94,.58)!important}
#menu,#secret,#tea,#visit{border-top:1px solid rgba(74,42,28,.08)}
.wwc-tea-art{position:relative;display:grid;place-items:center;isolation:isolate}
.wwc-tea-art::before{content:"";position:absolute;width:min(74%,360px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(226,135,59,.34),rgba(226,135,59,.12) 45%,rgba(226,135,59,0) 72%);filter:blur(18px);transform:translate(12%,-2%);z-index:-1}
.wwc-tea-art img{transform:translateX(7%) rotate(1.5deg)}
.wwc-seo-copy{margin-top:22px;color:#8E674F;font-size:14px;line-height:1.85;max-width:900px}
.wwc-seo-copy b{font-family:'Baloo 2','Noto Sans TC',sans-serif;color:#C96A24;font-size:13px;letter-spacing:.12em;text-transform:uppercase}
.wwc-card:hover{transform:translateY(-6px) rotate(-1.2deg)}
.wwc-feat:hover img{transform:scale(1.06)}
.wwc-cta:hover{transform:translateY(-3px)}
@media (min-width:901px){
  header#top{min-height:760px;display:flex;align-items:center}
}
@media (max-width:900px){
  .wwc-desknav{display:none!important}
  .wwc-burger{display:flex!important}
  .wwc-hero-grid{grid-template-columns:1fr!important;text-align:center}
  .wwc-hero-grid .wwc-chips,.wwc-hero-grid .wwc-herocta{justify-content:center}
  .wwc-2col{grid-template-columns:1fr!important}
  .wwc-visit{grid-template-columns:1fr!important}
}
@media (max-width:760px){
  body :where(p,a,button,span,small):not(h1 *):not(h2 *):not(h3 *):not(h4 *){font-size:calc(1em + 1px)!important}
  header#top{padding-top:96px!important;padding-bottom:38px!important}
  .wwc-hero-grid{gap:34px!important}
  .wwc-hero-grid .wwc-chips > span{flex:1 1 180px;justify-content:center}
  .wwc-hero-grid .wwc-herocta > a{flex:1 1 220px;justify-content:center}
  .wwc-feat-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
  .wwc-press-grid{grid-template-columns:1fr!important}
  .wwc-visit-mini-grid{grid-template-columns:1fr!important}
  .wwc-tea-combo{align-items:flex-start!important}
  .wwc-press-title{font-size:clamp(26px,8vw,42px)!important;white-space:normal!important}
  #wwcMenuGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .wwc-card{padding-left:10px!important;padding-right:10px!important}
}
@media (max-width:560px){
  .wwc-navline{display:none!important}
  .wwc-feat-grid{grid-template-columns:1fr 1fr!important}
  .wwc-press-grid{grid-template-columns:1fr!important}
  #menu,#tea,#visit{padding-top:56px!important;padding-bottom:56px!important}
  .wwc-feat-grid{gap:12px!important;margin:28px 0 38px!important}
  .wwc-tea-art img{width:min(78%,330px)!important;transform:translateX(0) rotate(1deg)}
}
@media (max-width:420px){
  .wwc-feat-grid,#wwcMenuGrid{grid-template-columns:1fr!important}
  .wwc-hero-grid .wwc-chips > span,.wwc-hero-grid .wwc-herocta > a{flex-basis:100%}
  .wwc-tea-art img{width:min(86%,290px)!important}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important}}