/* Watercolour homepage hero — two original shopfront illustrations. */
#hyRoot .heroB.hero-watercolour::before{display:none}
#hyRoot .hero-watercolour .heroB-in{
  max-width:1920px;min-height:620px;padding:66px 18px 74px;
  grid-template-columns:minmax(0,1fr) minmax(0,560px) minmax(0,1fr);
  gap:16px;align-items:center;isolation:isolate;
}
#hyRoot .hero-watercolour .heroB-copy{grid-column:2;grid-row:1;z-index:2;text-align:center;min-width:0}
.hw-brand{width:64px;margin:0 auto 27px;animation:hw-brand-arrive 1.25s cubic-bezier(.16,1,.3,1) both}
#hyRoot .hw-brand-logo{display:block;width:100%;height:auto;filter:brightness(0) invert(1) sepia(.12)}
@keyframes hw-brand-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
#hyRoot .hero-watercolour .hy-typehead{font-size:52px;line-height:1.3;margin:0 auto 26px;max-width:100%;font-weight:500}
#hyRoot .hero-watercolour .heroB-copy>p:not(.hy-typehead){font-size:16px;line-height:1.95;margin:0 auto;max-width:530px;color:rgba(255,255,255,.92);text-wrap:pretty}
#hyRoot .hero-watercolour .heroB-cta{justify-content:center;gap:10px;margin-top:30px}
#hyRoot .hero-watercolour .heroB-btn{padding:13px 19px;font-size:14px;min-height:48px;justify-content:center}
#hyRoot .hero-watercolour .heroB-btn:focus-visible{outline:2px solid #fff;outline-offset:5px}
#hyRoot .hero-watercolour .heroB-btn.light{box-shadow:0 5px 20px #63191420}
.hw-centre{position:relative;grid-row:1;margin:44px 0 0;min-width:0;align-self:center;--hw-x:0px;--hw-y:0px;--hw-scroll:0px}
.hw-centre--elite{grid-column:1;--hw-enter:-36px}
.hw-centre--main{grid-column:3;--hw-enter:36px}
.hw-painting{position:relative;transform:translate3d(var(--hw-x),calc(var(--hw-y) + var(--hw-scroll)),0);will-change:transform}
.hw-entrance{animation:hw-arrive 1.8s cubic-bezier(.16,1,.3,1) both}
.hw-centre--main .hw-entrance{animation-delay:.15s}
#hyRoot .hw-art{display:block;width:100%;max-width:none;height:auto;user-select:none;pointer-events:none;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 9%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 13%,#000 85%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 88%,transparent),linear-gradient(180deg,transparent,#000 13%,#000 85%,transparent);
  mask-composite:intersect;
}
.hw-centre figcaption{position:relative;margin-top:3px;text-align:center;font-family:'Noto Serif TC',serif;font-size:13px;letter-spacing:.13em;color:rgba(255,255,255,.8)}
.hw-centre figcaption .en{font-size:11px;letter-spacing:.05em}
.hero-watercolour .heroB-marq{z-index:3}
.hero-watercolour .heroB-marq-in>span:nth-of-type(3n+2),
.hero-watercolour .heroB-marq-in>span:nth-of-type(3n+2) span{
  color:#fff;-webkit-text-fill-color:#fff;-webkit-text-stroke:1px var(--accent);
}
@keyframes hw-arrive{from{opacity:0;transform:translate3d(var(--hw-enter),24px,0) scale(.94)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@media(min-width:1600px){
  .hw-brand{width:72px;margin-bottom:30px}
  #hyRoot .hero-watercolour .heroB-in{min-height:670px;gap:26px;padding-inline:32px;grid-template-columns:minmax(0,1fr) minmax(0,610px) minmax(0,1fr)}
  #hyRoot .hero-watercolour .heroB-copy>p:not(.hy-typehead){font-size:17px;max-width:580px}
  #hyRoot .hero-watercolour .hy-typehead{font-size:58px}
  .hw-centre{margin-top:50px}
}
@media(max-width:1180px){
  #hyRoot .hero-watercolour .heroB-in{grid-template-columns:1fr 1fr;gap:12px 24px;min-height:0;padding:46px 32px 30px}
  #hyRoot .hero-watercolour .heroB-copy{grid-column:1/-1;grid-row:1;width:min(100%,660px);margin:0 auto}
  #hyRoot .hero-watercolour .heroB-copy>p:not(.hy-typehead){max-width:640px}
  #hyRoot .hero-watercolour .hy-typehead{margin-bottom:20px;font-size:48px}
  .hw-centre{grid-row:2;margin-top:6px;width:100%;max-width:420px;justify-self:center}
  .hw-centre--main{grid-column:2}
}
@media(max-width:600px){
  .hw-brand{width:48px;margin-bottom:22px}
  #hyRoot .hero-watercolour .heroB-in{padding:34px 18px 24px;gap:12px 8px}
  #hyRoot .hero-watercolour .hy-typehead{font-size:36px;margin-bottom:18px}
  #hyRoot .hero-watercolour .heroB-copy>p:not(.hy-typehead){font-size:14px;line-height:1.95;text-align:justify;text-align-last:center}
  #hyRoot[data-langroot="en"] .hero-watercolour .heroB-copy>p:not(.hy-typehead){text-align:center}
  #hyRoot .hero-watercolour .heroB-cta{gap:8px;margin-top:24px}
  #hyRoot .hero-watercolour .heroB-btn{font-size:13px;padding:11px 14px;min-height:44px}
  .hw-centre{margin-top:6px}
  .hw-centre figcaption{font-size:11px;letter-spacing:.04em;margin-top:0}
  .hw-centre figcaption .en{font-size:9px;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){
  .hw-brand{animation:none}
  .hw-entrance{animation:none!important}
  .hw-painting{transform:none!important;will-change:auto}
  .hero-watercolour [data-reveal]{opacity:1;transform:none;transition:none}
  .hero-watercolour .hy-cursor{animation:none}
}