/* Mobile and tablet only: retain the approved desktop campaign at >= 1200px. */
.purchase-map-visual{position:relative}.purchase-map-intro{z-index:3}
@media(max-width:1199px){
 .site-header{min-height:78px;gap:20px}.brand img{width:150px}
 .menu-toggle{display:block;min-height:44px;min-width:64px;padding:7px 13px;border:1px solid #8395a366;border-radius:3px;background:#0c1721;font-size:.9375rem}
 .site-header nav{display:none}.site-header nav.is-open{display:flex;position:absolute;top:100%;left:0;right:0;z-index:10;max-height:calc(100dvh - 78px);overflow-y:auto;background:#0a141ff7;backdrop-filter:blur(16px);padding:16px var(--gutter) 25px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid #c5ab7677;box-shadow:0 22px 32px #0006}
 .site-header nav a{min-height:46px;padding:10px 8px;font-size:1rem;border-bottom:1px solid #8d9ead22}.site-header nav a[aria-current]{background:#c5ab7612;box-shadow:none;color:var(--gold)}.site-header .language{border-left:0;padding-left:8px}
}
@media(min-width:761px) and (max-width:1000px){
 .page-products .product-detail{grid-template-columns:1fr 1fr;gap:22px}.page-products .detail-image{height:420px}.page-products .product-detail h2{font-size:38px}
 .page-care .editorial{grid-template-columns:150px minmax(0,1fr);gap:32px}.page-care .care-row h2{font-size:30px}
 .page-about .about-layout{gap:30px}.page-about .about-art{height:580px}
 .location-identity{flex-wrap:wrap;gap:6px}.location-content{padding:22px}
 .map-label small{display:none}.map-label strong{font-size:.95rem}.map-taiwan strong{font-size:.9rem}.map-taiwan>span{white-space:normal;max-width:110px}
}
@media(max-width:760px){
 :root{--gutter:clamp(20px,5vw,32px)}html{scroll-padding-top:20px}body{font-size:16px}h1,h2,h3{overflow-wrap:break-word}
 .site-header .brand img{width:145px}.actions{gap:16px 22px}.text-link{min-height:44px}
 /* Give Slix his own breathing room above the headline instead of behind the text. */
 .hero{min-height:0;padding-top:clamp(265px,79vw,420px);background-position:center top}
 .hero .hero-image{top:0;bottom:auto;right:0;width:100%;height:clamp(335px,98vw,510px);opacity:.95;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 90%,transparent)}
 .hero-image img{object-fit:cover;object-position:50% 0%;height:100%;width:100%}
 .hero .hero-image:after{background:linear-gradient(0deg,#070c12,transparent 55%)}
 .hero:before{background:linear-gradient(0deg,#070c12 0%,#070c1266 45%,transparent 85%)}
 .hero .hero-copy{padding-top:0;padding-bottom:90px}.hero h1{font-size:clamp(32px,8.4vw,43px);margin:18px 0;line-height:1.42}.hero .kicker{font-size:.75rem;letter-spacing:.1em}.hero .lead{font-size:1rem;max-width:100%;line-height:1.9}.hero .actions{margin-top:24px}.hero .button{padding-inline:16px}.hero .text-link{gap:14px}
 .hero-baseline{bottom:22px;gap:10px;flex-wrap:wrap;font-size:.75rem;letter-spacing:.08em}
 .collection-strip>a,.collection-strip>a+a{padding:17px 0;gap:18px}.collection-strip small{font-size:.8125rem}
 .section-intro h2{font-size:30px}.section-intro>p{font-size:.9375rem;margin-top:20px}.scene-collection>.section-intro{margin-bottom:12px}
 /* Both capacities occupy exactly the same image stage. Full labels remain unmirrored. */
 .product-scene{display:block;padding:0 0 42px;min-height:0}.product-scene .scene-art,.product-scene.scene-reverse .scene-art,.product-scene.green .scene-art{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1.28;display:block;z-index:0;mask-image:linear-gradient(transparent,#000 8%,#000 85%,transparent)}
 .product-scene .scene-travel,.product-scene.scene-reverse .scene-travel,.product-scene.green .scene-travel{position:absolute;inset:0 0 auto;width:100%;aspect-ratio:1.28}
 .product-scene .scene-art img{display:block;width:100%;height:100%;max-width:100%;object-fit:cover;object-position:78% center;mask-image:none}
 .product-scene.scene-reverse .scene-art img{object-position:60% center}
 .product-scene.green .scene-art img{object-position:70% center}
 .product-scene .scene-layout{position:relative;z-index:2}.product-scene .scene-copy,.product-scene.scene-reverse .scene-copy,.product-scene.green .scene-copy{width:100%;max-width:none;margin:0;padding:0}
 .scene-copy h3{font-size:40px;margin-top:9px}.scene-line{font-size:21px;margin-top:18px}.scene-description{max-width:none;font-size:1rem}.scene-english{font-size:.9375rem}
 .capacity-picker{margin-top:20px;gap:12px}.capacity-picker button{min-width:106px;min-height:46px}.capacity-summary{gap:14px}.scene-actions{gap:10px}.scene-actions .scene-cta{flex:1;min-height:48px;gap:10px;padding-inline:12px;font-size:.875rem}
 .product-scene .scene-product-link,.product-scene.scene-reverse .scene-product-link,.product-scene.green .scene-product-link,.product-scene.green[data-display-size="100"] .scene-product-link{inset:0 10% auto 15%;height:68vw;max-height:none;align-items:flex-end;justify-content:flex-end;z-index:1}.scene-product-link>span{font-size:.8125rem}
 body:not(.page-index) .page-mast{padding-block:40px 36px}body:not(.page-index) .page-mast h1{font-size:32px;margin-block:17px;line-height:1.55}body:not(.page-index) .page-mast .lead{font-size:1rem}body:not(.page-index) .page-mast .kicker{font-size:.75rem;letter-spacing:.1em}body:not(.page-index) .page-mast .kicker:before{width:24px;margin-right:10px}
 .page-products .product-detail{display:block;padding:10px var(--gutter) 40px}.page-products .detail-image{position:relative;top:0;height:auto;max-height:none;aspect-ratio:1.22;margin-inline:calc(-1 * var(--gutter));width:calc(100% + var(--gutter)*2)}.page-products .detail-image img{object-position:78% center}.page-products .blue .detail-image img{object-position:60% center}.detail-capacity{bottom:25px}.page-products .product-detail h2{font-size:38px}.page-products .product-detail h3{font-size:23px}.product-facts{grid-template-columns:60px minmax(0,1fr);gap:12px}.page-products .product-details>.note{max-width:none;margin-inline:var(--gutter)}
 .page-care .editorial{display:block;padding-top:12px}.page-care .care-row{gap:14px;padding-block:28px 34px}.page-care .care-row>.step{font-size:1.3rem;flex:none;padding-top:4px}.page-care .care-row>div{min-width:0}.page-care .care-row h2{font-size:28px}.page-care .care-row:before{inset:0}.note{padding:22px 20px;margin-top:26px}
 .page-faq .faq-list{padding-bottom:60px}.page-faq details{padding-block:20px}.page-faq summary{gap:12px;padding-inline:0;font-size:1.0625rem}.page-faq summary>span,.page-faq summary>b{flex:none}.page-faq details>p{margin:18px 0 6px 28px;line-height:1.95}
 .page-about .about-layout{display:block;padding-top:0;padding-bottom:60px}.page-about .about-art{height:auto;aspect-ratio:.9;max-height:520px;margin-inline:calc(-1 * var(--gutter))}.page-about .about-layout h2{font-size:31px;line-height:1.55}.page-about .about-layout h3{font-size:22px}
 .regions.location-grid{grid-template-columns:minmax(0,1fr);gap:25px}.location-content{min-height:0;padding:24px 20px 30px}.location-heading{flex-wrap:wrap;gap:8px}.location-identity{flex-wrap:wrap;gap:8px 16px;min-height:0}.location-identity>span{flex-basis:100%}.location-card[data-location="taichung"] .location-logo{width:min(205px,100%)}.location-card[data-location="bangkok"] .location-logo{width:min(224px,100%)}.page-contact .regions h3{font-size:34px}.location-links{flex-wrap:wrap}.location-links a{min-height:44px}.contact-body{padding-bottom:55px}.page-contact .order-panel{gap:24px;margin-top:32px;padding-top:32px}.order-panel h2{font-size:30px}
 /* Keep geographic hit targets aligned; move the long introduction outside the image. */
 .purchase-map{padding-bottom:25px}.purchase-map-intro{position:static;max-width:100%;margin-bottom:20px}.purchase-map-intro .kicker{font-size:.75rem}.purchase-map-intro h2{font-size:23px;margin:8px 0}.purchase-map-intro>p:last-child{display:none}.purchase-map-image{width:100%}
 .map-taiwan{left:auto;right:0;top:2%;padding:4px 0;max-width:78px;min-height:44px}.map-taiwan strong{font-size:.875rem}.map-taiwan>span{font-size:.6875rem;max-width:78px}.map-label strong{font-size:.875rem}.map-label{padding:4px 7px}.map-city-taichung .map-label{top:70%;right:calc(100% - 8px)}.map-city-hong-kong .map-label{top:100%;right:calc(100% - 6px)}.purchase-map-caption{font-size:.75rem;padding-top:12px;gap:8px}
 .site-footer{gap:14px 24px}.site-footer .footer-brand{flex-basis:100%}.site-footer p{flex-basis:100%}.site-footer>a{min-height:44px;display:inline-flex;align-items:center}
}
@media(prefers-reduced-motion:reduce){.news-cover img{transition:none}.news-cover:hover img{transform:none}}