:root{--blue:#0046d2;--yellow:#ffbe00;--sky:#e9f1ff;--ink:#172e50;--muted:#53647e;--line:#dbe5f5;font-family:"Helvetica Neue",Arial,"PingFang TC","Microsoft JhengHei",sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:auto;scroll-padding-top:30px}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}p{line-height:1.75}.wrap{width:min(1220px,calc(100% - 80px));margin-inline:auto}::selection{background:var(--yellow);color:var(--blue)}.skip{position:fixed;top:8px;left:8px;z-index:20;transform:translateY(-160%);padding:13px 18px;background:#fff;color:var(--blue)}.skip:focus{transform:none}.icon{width:24px;height:24px;flex:none}.header{height:72px;background:white;position:relative;z-index:5}.header-inner{height:100%;display:flex;align-items:center;gap:26px}.brand{display:inline-flex;align-items:center;flex:none;gap:20px;color:var(--blue)}.brand-logo{width:160px;height:40px;object-fit:contain}.brand-sub{font-size:20px;font-weight:600;letter-spacing:-.7px;line-height:1;padding-left:20px;border-left:1px solid #d8deeb}.desktop-nav{display:flex;align-items:center;gap:31px;margin-left:auto;white-space:nowrap;font-size:15px;font-weight:650;color:#102e55}.desktop-nav a{padding-block:14px}.desktop-nav a:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:12px 25px;font-size:16px;font-weight:700;line-height:1.3;white-space:nowrap;border-radius:40px;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(0)}.button-yellow{background:var(--yellow);color:#003da9}.button-yellow:hover{background:#ffca2e}.button-yellow .icon{filter:invert(19%) sepia(95%) saturate(2847%) hue-rotate(218deg) brightness(83%) contrast(103%)}.nav-shop{min-height:42px;padding:9px 18px;font-size:13px;gap:9px}.nav-shop .icon{height:19px;width:19px}.languages{display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:13px;font-weight:600;border-left:1px solid var(--line);padding-left:20px;color:#6d6d6d}.languages a{display:flex;align-items:center;justify-content:center;min-width:26px;min-height:44px}.languages a[aria-current]{color:var(--blue);font-weight:750}.languages a:hover{text-decoration:underline;text-underline-offset:5px}.mobile-menu{display:none}.hero{position:relative;isolation:isolate;height:clamp(470px,41.5vw,680px);overflow:hidden;background:#c0eafb}.hero-art{position:absolute;inset:0;z-index:-1}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-inner{position:relative;height:100%;width:min(1600px,100%);margin-inline:auto}.hero-copy{position:absolute;left:43%;top:12.5%;width:53%;color:var(--blue)}.hero-copy h1{font-size:clamp(45px,4.25vw,67px);font-weight:800;line-height:1.2;letter-spacing:-1.8px}.hero-copy h1 span{display:block}.hero-copy>p{font-size:18px;font-weight:550;color:#163b59;margin-top:20px;max-width:610px;line-height:1.65}.hero-cta{font-size:20px;min-height:60px;gap:25px;padding-inline:32px;margin-top:28px}.hero-cta .icon{width:29px;height:29px}.discover{padding-block:30px 12px;text-align:center}.discover>h2{font-size:33px;font-weight:750;line-height:1.4;letter-spacing:-.7px;color:var(--blue)}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:3px}.category{display:flex;flex-direction:column;align-items:center;min-width:0;padding:0 0 8px}.category>img{width:91%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .25s}.category:hover>img{transform:translateY(-5px)}.category h3{font-size:21px;line-height:1.5;color:var(--blue);font-weight:750;position:relative;padding-bottom:12px}.category h3::after{content:"";display:block;width:32px;height:3px;background:var(--yellow);position:absolute;bottom:0;left:calc(50% - 16px)}.category:hover h3{color:#002f96}.shop-directory{margin-top:8px}.text-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;color:var(--blue);font-size:13px;font-weight:600}.text-link .icon{width:18px;height:18px;filter:invert(19%) sepia(95%) saturate(2847%) hue-rotate(218deg) brightness(83%) contrast(103%)}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.services{background:var(--blue);color:white;padding-block:34px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.service{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:64px;padding-inline:16px 25px;border-right:1px solid #ffffff4a}.service:last-child{border-right:0}.service h2{font-size:19px;line-height:1.4;font-weight:650}.service p{font-size:12px;color:#e9f1ff;margin-top:8px;line-height:1.6}.service>.icon{filter:invert(1);width:23px;height:23px;transition:transform .2s}.service:hover>.icon{transform:translateX(4px)}.service:focus-visible{outline-color:var(--yellow)}.partners{display:grid;grid-template-columns:1.07fr 1fr;gap:70px;align-items:center;padding-block:64px}.partner-art{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:8px}.partner-copy h2{font-size:34px;line-height:1.45;font-weight:750;letter-spacing:-.6px;color:var(--blue)}.partner-copy h2 span{display:block}.partner-copy>p{font-size:15px;color:var(--muted);margin-top:16px;max-width:420px;line-height:1.85}.partner-copy>.button{margin-top:24px;font-size:15px;min-height:50px;padding-inline:26px}.footer{border-top:1px solid var(--line);padding-block:32px 24px}.footer-inner{display:grid;grid-template-columns:1fr auto;align-items:start;gap:20px}.footer .brand{gap:13px}.footer .brand-logo{width:122px;height:31px}.footer .brand-sub{font-size:15px;padding-left:13px}.footer-brand>p{font-size:11px;color:var(--muted);letter-spacing:.5px;margin-top:12px}.footer-links{display:flex;gap:24px;align-items:center}.footer-links .text-link{font-size:12px;min-height:34px;color:var(--muted)}.footer-links .icon{display:none}.footer small{grid-column:1/-1;font-size:10px;color:#65738a;margin-top:5px}html[lang=en] .hero-copy h1{font-size:clamp(48px,4.7vw,73px);line-height:1.1;letter-spacing:-2.4px}html[lang=en] .hero-copy>p{font-size:17px;max-width:560px}html[lang=en] .hero-cta{font-size:18px}html[lang=en] .category h3{font-size:20px}html[lang=en] .partner-copy h2{line-height:1.2}html[lang=en] .service p{font-size:12px}
@media(min-width:1700px){.hero-copy{left:44%;top:13%}.hero-inner{width:100%;max-width:1780px}}
@media(max-width:1200px){.wrap{width:calc(100% - 64px)}.header-inner{gap:20px}.brand{gap:15px}.brand-logo{width:138px;height:35px}.brand-sub{font-size:17px;padding-left:15px}.desktop-nav{gap:22px;font-size:14px}.languages{padding-left:15px}.nav-shop{font-size:12px;padding-inline:14px}.hero-copy{top:12%;left:42%;width:55%}.hero-copy>p{font-size:16px}.hero-cta{font-size:18px;min-height:54px;margin-top:22px}.hero-copy h1{letter-spacing:-1px}.discover>h2{font-size:30px}.category h3{font-size:19px}.partners{gap:45px;padding-block:52px}.partner-copy h2{font-size:30px}.service{padding-inline:5px 16px}.service h2{font-size:17px}.service p{font-size:11px}.service-grid{gap:20px}}
@media(max-width:1023px){.nav-shop{display:none}.desktop-nav{margin-left:auto}.hero{height:470px}.hero-copy{left:40%;width:57%;top:14%}.hero-copy h1{font-size:43px}.hero-copy>p{font-size:14px;max-width:420px}.hero-cta{font-size:16px;min-height:49px;padding-inline:25px}.hero-cta .icon{width:24px;height:24px}.category-grid{gap:15px}.category h3{font-size:17px}.discover>h2{font-size:29px}.service-grid{gap:10px}.service h2{font-size:16px}.service p{font-size:11px}.service>.icon{width:19px;height:19px}.partners{gap:30px}.partner-copy h2{font-size:27px}.partner-copy>p{font-size:13px;margin-top:13px}.partner-copy>.button{margin-top:18px;font-size:13px}.footer-links{gap:16px}html[lang=en] .hero-copy h1{font-size:49px}html[lang=en] .hero-copy>p{font-size:15px}html[lang=en] .category h3{font-size:16px}html[lang=en] .service p{font-size:11px}}
@media(max-width:767px){:root{scroll-padding-top:22px}.wrap{width:calc(100% - 40px)}.header{height:64px}.header-inner{gap:8px}.brand{gap:10px}.brand-logo{width:104px;height:28px}.brand-sub{padding-left:10px;font-size:14px;letter-spacing:-.5px}.desktop-nav{display:none}.languages{margin-left:auto;border:0;padding:0;gap:6px;font-size:11px}.mobile-menu{display:block;position:static}.mobile-menu>summary{display:flex;align-items:center;justify-content:center;width:36px;height:44px;cursor:pointer;list-style:none}.mobile-menu>summary::-webkit-details-marker{display:none}.mobile-menu>summary img{width:22px;height:22px;filter:invert(19%) sepia(95%) saturate(2847%) hue-rotate(218deg) brightness(83%) contrast(103%)}.mobile-menu[open]::before{content:"";position:fixed;inset:64px 0 0;background:#102e5533;z-index:1;pointer-events:none}.mobile-menu>nav{position:absolute;z-index:2;top:64px;left:0;right:0;background:white;display:flex;flex-direction:column;align-items:stretch;gap:3px;padding:15px 24px 22px;box-shadow:0 8px 18px #17355914}.mobile-menu>nav>a:not(.button){padding:13px 2px;min-height:48px;font-size:16px;color:var(--blue)}.mobile-menu>nav>.button{margin-top:5px;align-self:flex-start;font-size:14px}.hero{height:650px}.hero-art img{object-fit:cover;object-position:center bottom}.hero-inner{width:100%}.hero-copy{left:0;top:35px;width:100%;padding-inline:24px;text-align:center}.hero-copy h1{font-size:40px;line-height:1.24;letter-spacing:-1.2px}.hero-copy>p{font-size:14px;line-height:1.7;max-width:325px;margin:17px auto 0;font-weight:500}.hero-cta{font-size:16px;min-height:52px;padding-inline:25px;gap:21px;margin-top:21px}.hero-cta .icon{width:23px;height:23px}.discover{padding-block:30px 20px}.discover>h2{font-size:24px;letter-spacing:-.5px;line-height:1.5}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 14px;margin-top:17px}.category{padding-bottom:6px}.category h3{font-size:17px;padding-bottom:10px}.category h3::after{width:25px;left:calc(50% - 12.5px);height:3px}.category>img{aspect-ratio:4/3}.shop-directory{margin-top:10px}.shop-directory .text-link{font-size:12px}.services{padding-block:12px}.service-grid{grid-template-columns:1fr;gap:0}.service{padding:18px 1px;border-right:0;border-bottom:1px solid #ffffff40;min-height:91px;gap:20px}.service:last-child{border-bottom:0}.service h2{font-size:17px}.service p{font-size:12px;margin-top:5px;line-height:1.65}.service>.icon{width:23px;height:23px;margin-right:3px}.partners{grid-template-columns:1fr;gap:25px;padding-block:35px 40px}.partner-art{border-radius:5px}.partner-copy h2{font-size:29px;line-height:1.4;letter-spacing:-.4px}.partner-copy>p{font-size:14px;max-width:100%;margin-top:13px}.partner-copy>.button{font-size:14px;min-height:49px;margin-top:20px}.footer{padding-block:26px 22px}.footer-inner{grid-template-columns:1fr;gap:19px}.footer .brand-logo{width:113px;height:28px}.footer .brand-sub{font-size:14px}.footer-brand>p{margin-top:9px;font-size:10px}.footer-links{gap:22px;flex-wrap:wrap}.footer-links .text-link{font-size:11px;min-height:36px}.footer small{margin-top:0;font-size:10px}html[lang=en] .hero-copy h1{font-size:43px;line-height:1.12;letter-spacing:-1.8px}html[lang=en] .hero-copy>p{font-size:14px;max-width:325px;margin-top:17px}html[lang=en] .hero-cta{font-size:15px}html[lang=en] .discover>h2{font-size:24px}html[lang=en] .category h3{font-size:16px}html[lang=en] .service p{font-size:12px}html[lang=en] .partner-copy h2{font-size:30px;line-height:1.18}}
@media(max-width:374px){.wrap{width:calc(100% - 32px)}.header-inner{width:calc(100% - 24px);gap:6px}.brand{gap:6px}.brand-logo{width:90px;height:24px}.brand-sub{font-size:12px;padding-left:6px}.languages{font-size:10px;gap:5px}.mobile-menu>summary{width:29px}.hero{height:615px}.hero-copy{top:34px;padding-inline:16px}.hero-copy h1{font-size:34px}.hero-copy>p{font-size:13px;max-width:285px}.hero-cta{font-size:14px;min-height:49px;margin-top:19px}.discover>h2{font-size:21px}.category h3{font-size:16px}.partner-copy h2{font-size:27px}html[lang=en] .hero-copy h1{font-size:38px}html[lang=en] .hero-copy>p{font-size:13px}html[lang=en] .discover>h2{font-size:22px}html[lang=en] .category h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Compact phone composition: the shopping categories arrive in the first screen. */
@media(max-width:767px){
  .hero{height:clamp(400px,58svh,460px)}
  .hero-art img{object-position:center center}
  .hero-inner{display:flex;align-items:center;justify-content:center;padding-bottom:56px}
  .hero-copy{position:relative;left:auto;top:auto;display:flex;flex-direction:column;align-items:center;padding-inline:22px}
  .hero-copy h1{font-size:35px;line-height:1.22;letter-spacing:-1px}
  .hero-copy>p{font-size:13px;line-height:1.65;max-width:305px;margin-top:13px}
  .hero-cta{font-size:14px;min-height:46px;margin-top:16px;padding:10px 23px;gap:18px}
  .hero-cta .icon{width:21px;height:21px}
  .discover{padding-top:24px}
  html[lang=en] .hero-copy h1{font-size:37px;line-height:1.1;letter-spacing:-1.4px}
  html[lang=en] .hero-copy>p{font-size:13px;max-width:305px;margin-top:13px}
  html[lang=en] .hero-cta{font-size:14px}
}
@media(max-width:374px){
  .hero{height:clamp(400px,58svh,435px)}
  .hero-copy{top:auto;padding-inline:16px}
  .hero-copy h1{font-size:31px}
  .hero-copy>p{font-size:12px;max-width:272px}
  html[lang=en] .hero-copy h1{font-size:33px}
  html[lang=en] .hero-copy>p{font-size:12px;max-width:272px}
}
@media(max-height:600px) and (min-width:768px) and (max-width:1023px){
  .hero{height:340px}.hero-copy{top:28px}.hero-copy h1{font-size:34px}
  .hero-copy>p{font-size:13px;margin-top:12px}.hero-cta{min-height:44px;font-size:14px;margin-top:15px}
  html[lang=en] .hero-copy h1{font-size:38px}html[lang=en] .hero-copy>p{font-size:13px}
}

/* Motion enhances hierarchy; all content remains visible without JavaScript. */
.motion-enabled .hero-copy>h1{animation:hero-copy-in .65s ease-out .04s both}
.motion-enabled .hero-copy>p{animation:hero-copy-in .65s ease-out .13s both}
.motion-enabled .hero-copy>.button{animation:hero-copy-in .65s ease-out .22s both}
.motion-enabled .hero-art img{animation:hero-scene-in 1.25s ease-out both;transform-origin:50% 60%}
.motion-enabled .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}
.motion-enabled .reveal.is-visible{opacity:1;transform:translateY(0)}
.motion-enabled .reveal:focus-within{opacity:1;transform:none;transition:none}
.motion-enabled .mobile-menu[open]>nav{animation:menu-in .2s ease-out both}
.button{position:relative;overflow:hidden;isolation:isolate}
.button:active{transform:scale(.97)}
.category:active>img{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){
  .button-yellow::after{content:"";position:absolute;z-index:-1;top:-20%;left:-65%;width:45%;height:140%;background:linear-gradient(110deg,transparent,#ffffff70,transparent);transform:skewX(-18deg);transition:left .5s ease;pointer-events:none}
  .button-yellow:hover::after{left:125%}
  .category:hover>img{transform:translateY(-6px) scale(1.025)}
  .partner-art{transition:filter .35s ease}.partner-art:hover{filter:brightness(1.035)}
}
@keyframes hero-copy-in{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}
@keyframes hero-scene-in{from{transform:scale(1.025)}to{transform:scale(1)}}
@keyframes menu-in{from{opacity:0;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:reduce){
  .motion-enabled .reveal{opacity:1!important;transform:none!important}
  .hero-copy>*,.hero-art img,.mobile-menu>nav{animation:none!important;translate:none!important}
  .button-yellow::after{display:none}
}

/* Enhanced atmosphere and interaction, independent of the centered copy layout. */
.fx-enabled{scroll-padding-top:88px}
.fx-enabled .header{position:sticky;top:0;background:#fffffff5;transition:box-shadow .3s ease,background .3s ease}
.fx-enabled .header.is-scrolled{background:#fffffff0;box-shadow:0 5px 24px #003ba91a;backdrop-filter:blur(12px)}
.reading-progress{position:fixed;inset:0 0 auto;height:3px;z-index:40;pointer-events:none;background:linear-gradient(90deg,#0046d2 65%,#ffbe00);transform:scaleX(var(--page-progress,0));transform-origin:left}
.fx-enabled .hero-art{inset:-12px;translate:var(--scene-x,0px) var(--scene-y,0px);will-change:translate}
.fx-enabled .hero-inner{z-index:2}
.hero-atmosphere{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.hero-atmosphere canvas{width:100%;height:100%;display:block}
.fx-enabled.motion-enabled .hero-copy>h1{animation:none}
.fx-enabled .hero-copy h1 span{animation:headline-rise .8s cubic-bezier(.2,.7,.2,1) .1s both}
.fx-enabled .hero-copy h1 span:nth-child(2){animation-delay:.25s}
.fx-enabled.motion-enabled .hero-copy>.hero-cta{animation:hero-copy-in .65s ease-out .22s both,cta-breathe 4.5s ease-in-out 1.2s infinite}
.fx-enabled .hero:not(.fx-scene-visible) .hero-cta,.fx-paused .hero-cta{animation-play-state:paused!important}
.fx-enabled .category{position:relative;isolation:isolate;perspective:800px}
.fx-enabled .category::before{content:"";position:absolute;inset:5px -6px 24px;z-index:-1;border-radius:18px;background:radial-gradient(circle at var(--spot-x,50%) var(--spot-y,50%),#ffbe0033,transparent 65%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.fx-enabled .category>img{animation:product-drift 5.5s ease-in-out infinite;animation-delay:var(--float-delay,0s);animation-play-state:paused}
.fx-enabled .category.fx-in-view>img{animation-play-state:running}
.fx-paused .category>img{animation-play-state:paused!important}
.fx-enabled .category h3::after{transition:width .3s ease,left .3s ease}
.fx-enabled .service .icon{transition:transform .35s cubic-bezier(.2,.8,.2,1)}
.fx-enabled .button .icon{transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.fx-ripple{position:absolute;z-index:-1;border-radius:50%;background:#ffffff85;pointer-events:none;animation:button-ripple .65s ease-out both}
html:not(.fx-enabled) .hero-atmosphere,html:not(.fx-enabled) .reading-progress{display:none}
@media(hover:hover) and (pointer:fine){
  .fx-enabled .category:hover::before{opacity:1}
  .fx-enabled .category:hover>img{transform:translateY(-7px) scale(1.045) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg))}
  .fx-enabled .category:hover h3::after{width:60px;left:calc(50% - 30px)}
  .fx-enabled .button:hover .icon{transform:translateX(5px)}
  .fx-enabled .service:hover .icon{transform:translateX(7px)}
}
@keyframes headline-rise{from{opacity:0;transform:translateY(18px) rotateX(12deg);filter:blur(2px)}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0)}}
@keyframes product-drift{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes button-ripple{from{transform:translate(-50%,-50%) scale(0);opacity:.8}to{transform:translate(-50%,-50%) scale(1);opacity:0}}
@keyframes cta-breathe{0%,100%{box-shadow:0 0 0 0 #ffbe0000}50%{box-shadow:0 0 0 7px #ffbe0024,0 4px 18px #ffbe0020}}
@media(max-width:767px){
  .fx-enabled{scroll-padding-top:78px}
  .fx-enabled .category>img{animation-duration:6.5s}
  @keyframes product-drift{0%,100%{translate:0 0}50%{translate:0 -3px}}
}
@media(prefers-reduced-motion:reduce){
  .reading-progress,.hero-atmosphere,.fx-ripple{display:none!important}
  .hero-art{translate:none!important;will-change:auto!important}
  .hero-copy h1 span,.category>img{animation:none!important;translate:none!important;filter:none!important}
  .category::before{display:none}
}

/* One rounded type family for the complete shopping label. */
@font-face{font-family:"YAICHI Button";src:url("/assets/fonts/nunito-variable.ttf") format("truetype");font-style:normal;font-weight:200 1000;font-display:swap}
.hero-copy>.hero-cta.button-mall{
  width:304px;min-width:0;min-height:44px;max-width:100%;padding:0;gap:0;
  margin-top:10px;border:0;border-radius:0;background:transparent;box-shadow:none;
  overflow:visible;line-height:0;transition:transform .25s ease,filter .25s ease;
}
.button-mall .cta-art{position:relative;z-index:0;display:block;width:100%;height:auto;pointer-events:none}
.button-mall .cta-label{position:absolute;left:22%;right:19%;top:46%;transform:translateY(-50%);display:block;text-align:center;color:#0046d2;font-family:"YAICHI Button","Arial Rounded MT Bold","PingFang TC",sans-serif;font-size:17px;font-weight:800;letter-spacing:.35px;word-spacing:1px;line-height:1.2;pointer-events:none}
.button-mall .cta-direction{position:absolute;right:7%;top:46%;transform:translateY(-50%);pointer-events:none}
.hero-copy>.hero-cta.button-mall .cta-direction .icon{width:18px;height:18px;filter:invert(19%) sepia(95%) saturate(2847%) hue-rotate(218deg) brightness(83%) contrast(103%)}
.fx-enabled.motion-enabled .hero-copy>.hero-cta.button-mall{animation:hero-copy-in .65s ease-out .22s both,ticket-breathe 5.5s ease-in-out 1.3s infinite}
.hero-copy>.hero-cta.button-mall:active{transform:translateY(1px) scale(.975)}
.button-mall .fx-ripple{z-index:1;background:#ffffff70;clip-path:inset(16% 0 17% round 12px)}
@media(hover:hover) and (pointer:fine){
  .hero-copy>.hero-cta.button-mall:hover{transform:translateY(-3px) rotate(-.8deg);filter:brightness(1.045)}
}
@keyframes ticket-breathe{0%,100%{filter:drop-shadow(0 3px 5px #70570016)}50%{filter:drop-shadow(0 6px 9px #70570030)}}
@media(max-width:767px){
  .hero-copy>.hero-cta.button-mall{width:280px;margin-top:4px}
  .button-mall .cta-label{font-size:15px;letter-spacing:.2px;word-spacing:1px}
  .hero-copy>.hero-cta.button-mall .cta-direction .icon{width:16px;height:16px}
}
@media(max-width:374px){
  .hero-copy>.hero-cta.button-mall{width:264px}
}
@media(prefers-reduced-motion:reduce){.hero-copy>.hero-cta.button-mall{animation:none!important}}

/* Align the uppercase descriptor optically with the official logo lettering. */
.brand{gap:16px}
.brand-sub{display:flex;align-items:center;min-height:28px;padding-left:16px;font-family:"YAICHI Button","Helvetica Neue",Arial,sans-serif;font-size:17px;font-weight:800;letter-spacing:.8px;line-height:1;white-space:nowrap}
.brand-sub>span{display:block;transform:translateY(3px)}
.footer .brand{gap:12px}
.footer .brand-sub{min-height:23px;padding-left:12px;font-size:13px;letter-spacing:.6px}
@media(min-width:768px) and (max-width:1200px){
  .header .brand{gap:13px}
  .header .brand-sub{padding-left:13px;font-size:14px;letter-spacing:.6px;min-height:25px}
}
@media(max-width:767px){
  .header-inner{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px}
  .header .brand{gap:10px}
  .header .brand-sub{min-height:22px;padding-left:10px;font-size:11.5px;letter-spacing:.55px}
  .header .languages{margin-left:0;gap:4px;line-height:1}
  .header .languages a{min-width:24px}
  .header .mobile-menu>summary{width:32px}
  .footer .brand-sub{font-size:12px;letter-spacing:.6px;min-height:22px}
}
@media(max-width:374px){
  .header-inner{gap:8px}
  .header .brand{gap:6px}
  .header .brand-logo{width:84px;height:24px}
  .header .brand-sub{min-height:20px;padding-left:7px;font-size:10px;letter-spacing:.15px}
  .header .languages a{min-width:22px}
  .header .mobile-menu>summary{width:30px}
}