
.acc-ring{--abt-brand-blue:#144270;--abt-brand-grey:#b1b1b1;--abt-brand-aqua:#7ca7ad;--abt-brand-teal:#009490;--abt-brand-ocean:#00698f;--abt-font-brand:'Noto Sans HK','PingFang HK','Microsoft JhengHei',sans-serif;--bg:#f0f4f3;--ease:cubic-bezier(.16,1,.3,1)}.acc-ring *{box-sizing:border-box}.acc-ring{margin:0;color:var(--abt-brand-blue);background:var(--bg);font:14px/1.6 var(--abt-font-brand);-webkit-font-smoothing:antialiased}.acc-ring button,.acc-ring a{-webkit-tap-highlight-color:transparent}.acc-ring button{font:inherit;color:inherit;cursor:pointer;background:none;border:0}.acc-ring a{color:inherit;text-decoration:none}.acc-ring button:focus-visible,.acc-ring a:focus-visible{outline:2px solid var(--abt-brand-ocean);outline-offset:5px}.acc-ring header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;border-bottom:1px solid #14427020}.acc-ring header img{width:88px;height:auto}.acc-ring nav{display:flex;gap:32px;align-items:center}.acc-ring nav a{font-size:13px}.acc-ring .nav-right{display:flex;gap:24px;font-size:12px}.acc-ring .pill{border:1px dashed var(--abt-brand-blue);border-radius:999px;padding:9px 19px;display:inline-flex;align-items:center;justify-content:center;min-height:42px;background:#fff9}.acc-ring .pill:hover,.acc-ring .pill[aria-pressed=true]{color:white;background:var(--abt-brand-blue);border-style:solid}.acc-ring .preview{font-size:11px;letter-spacing:.08em;color:#496375}.acc-ring .hero{min-height:720px;height:calc(100svh - 92px);max-height:1000px;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 350px}.acc-ring .showcase{position:relative;min-width:0;overflow:hidden;touch-action:pan-y}.acc-ring .topline{position:absolute;top:25px;left:40px;right:32px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em;z-index:4}.acc-ring .season{font-size:11px;writing-mode:vertical-rl;position:absolute;left:28px;top:43%;letter-spacing:.16em}.acc-ring .stage{position:absolute;inset:65px 35px 120px;outline:0}.acc-ring .ellipse{position:absolute;border:1px dashed #14427045;left:50%;top:50%;transform:translate(-50%,-50%);width:75%;height:62%;border-radius:50%;pointer-events:none}.acc-ring .center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;pointer-events:none;z-index:2}.acc-ring .center small{font-size:10px;letter-spacing:.21em}.acc-ring .center h2{font-size:clamp(26px,3.1vw,47px);font-weight:500;line-height:1.4;margin:13px 0 8px;letter-spacing:-.02em}.acc-ring .center h2 span{color:var(--abt-brand-teal)}.acc-ring .center p{font-size:11px;color:#4c6575;margin:0}.acc-ring .product{position:absolute;left:0;top:0;width:196px;height:201px;transform-origin:center;display:flex;align-items:center;justify-content:center;border-radius:12px;padding:8px;will-change:transform;transition:box-shadow .25s}.acc-ring .product img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;pointer-events:none;user-select:none}.acc-ring .product:after{content:attr(data-num);font-size:9px;position:absolute;bottom:0;left:50%;transform:translateX(-50%);color:#446174}.acc-ring .product:hover{box-shadow:0 0 0 1px #14427035}.acc-ring .product[aria-pressed=true]:after{background:var(--abt-brand-blue);color:white;border-radius:50%;width:22px;height:22px;line-height:22px}.acc-ring .controls{position:absolute;bottom:30px;left:40px;right:35px;z-index:5}.acc-ring .dock{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #14427030;padding-top:17px}.acc-ring .now small{font-size:10px;letter-spacing:.12em;color:#4d6877}.acc-ring .now strong{display:block;font-size:16px;font-weight:500;margin-top:3px}.acc-ring .arrows{display:flex;align-items:center;gap:10px}.acc-ring .arrow{width:42px;height:42px;border:1px dashed #14427080;border-radius:50%;font-size:19px}.acc-ring .arrow:hover{background:#fff}.acc-ring .hint{font-size:10px;color:#4c6575;margin:12px 0 0;display:flex;justify-content:space-between}.acc-ring .switch{display:flex;gap:3px;border:1px dashed #14427080;border-radius:999px;padding:3px}.acc-ring .switch button{font-size:11px;padding:6px 12px;border-radius:999px}.acc-ring .switch [aria-pressed=true]{color:white;background:var(--abt-brand-blue)}.acc-ring .detail{margin:26px 25px 28px 0;background:white;position:relative;align-self:stretch;padding:30px 27px;display:flex;flex-direction:column;border-top:4px solid var(--abt-brand-blue);box-shadow:0 10px 35px #14427006;overflow:hidden}.acc-ring .detail:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:10px;background:radial-gradient(circle,var(--bg) 4px,transparent 4.5px) 0 0/16px 10px}.acc-ring .detail-top{display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;border-bottom:1px dashed #14427050;padding-bottom:17px}.acc-ring .detail .eyebrow{color:var(--abt-brand-ocean);font-size:11px;margin-top:31px}.acc-ring .detail h3{font-weight:500;font-size:29px;line-height:1.45;margin:8px 0 12px;letter-spacing:-.03em}.acc-ring .detail .name{font-size:14px;line-height:1.6;margin:0}.acc-ring .detail .desc{font-size:12px;color:#526675;line-height:1.9;margin:18px 0}.acc-ring .detail-image{height:160px;min-height:90px;display:flex;justify-content:center;margin:8px 0}.acc-ring .detail-image img{width:150px;height:100%;object-fit:contain}.acc-ring .pricing{margin-top:auto;border-top:1px dashed #14427050;padding-top:18px}.acc-ring .price-row{display:flex;justify-content:space-between;align-items:center}.acc-ring .price-row small{font-size:11px}.acc-ring .price{font-size:29px;letter-spacing:-.03em}.acc-ring .price span{font-size:13px;margin-right:5px}.acc-ring .past{font-size:10px;display:flex;justify-content:space-between;gap:8px;margin-top:13px;color:#586b75}.acc-ring .past s{text-decoration-thickness:1px}.acc-ring .ended{font-size:9px;border:1px solid #ccd6d9;padding:1px 5px;white-space:nowrap}.acc-ring .cta{margin-top:24px;display:flex;align-items:center;justify-content:space-between;background:var(--abt-brand-blue);color:white;padding:14px 18px;font-size:13px}.acc-ring .cta:hover{background:var(--abt-brand-ocean)}.acc-ring .footnote{font-size:9px;color:#637680;margin:12px 0 0}.acc-ring .below{display:flex;align-items:center;justify-content:space-between;padding:26px 40px;border-top:1px solid #14427020;background:white;gap:20px}.acc-ring .below small{font-size:10px;letter-spacing:.12em}.acc-ring .below p{margin:3px 0 0;font-size:16px}.acc-ring .below a{font-size:12px}.acc-ring .grid .ellipse,.acc-ring .grid .center{display:none}.acc-ring .grid .product:after{bottom:-12px}.acc-ring .grid .stage{bottom:140px}.acc-ring .grid .product{transition:transform .6s var(--ease)}.acc-ring .grid .product img{padding:10px}.acc-ring .grid .product[aria-pressed=true]{outline:1px dashed #14427080;background:#fff8}
@media(min-width:1500px){.acc-ring .hero{grid-template-columns:minmax(0,1fr) 390px}.acc-ring .detail{padding:34px}.acc-ring .detail h3{font-size:34px}.acc-ring .detail-image{height:180px}}
@media(max-width:1000px){.acc-ring header{padding:0 24px}.acc-ring nav{gap:18px}.acc-ring .hero{grid-template-columns:minmax(0,1fr) 300px}.acc-ring .detail{margin-right:18px;padding:24px 20px}.acc-ring .detail h3{font-size:25px}.acc-ring .product{width:167px;height:172px}.acc-ring .center h2{font-size:29px}.acc-ring .topline{left:24px;right:22px}.acc-ring .stage{inset:65px 12px 120px}.acc-ring .controls{left:24px;right:22px}.acc-ring .season{left:12px}.acc-ring .detail-image{height:160px}}
@media(max-width:767px){.acc-ring header{height:76px;padding:0 20px}.acc-ring header img{width:74px}.acc-ring nav{display:none}.acc-ring .nav-right{gap:16px}.acc-ring .hero{height:auto;max-height:none;min-height:0;display:block}.acc-ring .showcase{height:610px}.acc-ring .stage{inset:60px 10px 120px}.acc-ring .product{width:142px;height:148px}.acc-ring .topline{font-size:9px;top:20px;left:20px;right:20px}.acc-ring .center h2{font-size:28px}.acc-ring .center p{font-size:10px}.acc-ring .center small{font-size:9px}.acc-ring .season{display:none}.acc-ring .controls{left:20px;right:20px;bottom:22px}.acc-ring .now strong{font-size:14px}.acc-ring .hint{font-size:9px}.acc-ring .detail{margin:0 20px 28px;padding:26px;min-height:540px}.acc-ring .detail .eyebrow{margin-top:20px}.acc-ring .detail h3{font-size:29px}.acc-ring .detail-image{height:160px}.acc-ring .detail .desc{margin:12px 0}.acc-ring .below{padding:24px 20px;align-items:flex-start}.acc-ring .below p{font-size:13px}.acc-ring .below a{white-space:nowrap;font-size:11px}.acc-ring .preview{font-size:10px}}
@media(prefers-reduced-motion:reduce){.acc-ring *,.acc-ring *:before,.acc-ring *:after{transition:none!important;animation:none!important}.acc-ring .product{will-change:auto}}
.acc-ring .product-art{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:1;pointer-events:none}.acc-ring .product .product-art img,.acc-ring .detail-image .product-art img{position:absolute;left:0;top:0;width:200%;height:200%;max-width:none;object-fit:fill;mix-blend-mode:normal;padding:0}.acc-ring .detail-image .product-art{width:160px;height:160px}.acc-ring .past[hidden]{display:none}.acc-ring .grid .product img{padding:0}
.acc-ring{display:block;isolation:isolate}.acc-ring .center h2{max-width:none;text-transform:none}.acc-ring .detail h3{text-transform:none;max-width:none}.acc-ring .product{margin:0}.acc-ring .price b{font:inherit}.acc-ring .hero{margin:0}.acc-ring .center h2{line-height:1.4}.acc-ring .detail h3{line-height:1.45}
.acc-ring .compare-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#526675;margin-bottom:2px}.acc-ring .offer-list{margin-top:10px;border-top:1px dashed #14427030;padding-top:6px}.acc-ring .offer-list:empty{display:none}.acc-ring .offer-row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:3px 0;font-size:13px}.acc-ring .offer-row strong{font-weight:500}.acc-ring .bundle-note{font-size:10px;color:#526675;margin:5px 0 0}.acc-ring [hidden]{display:none!important}@media(min-width:768px){.acc-ring .hero{min-height:900px}}
.acc-ring .detail-image .product-art{width:auto;height:100%;aspect-ratio:1;flex-shrink:0}
.acc-ring .ellipse{border:0;border-radius:0;overflow:visible}.acc-ring .ellipse ellipse{fill:none;stroke:#14427045;stroke-width:1;stroke-dasharray:4 7;animation:acc-ring-dash-flow 12s linear infinite}.acc-ring .ring-caption{display:flex;align-items:center;gap:12px}.acc-ring .ellipse-control{display:inline-flex;align-items:center;gap:5px;font-size:10px;letter-spacing:0;cursor:pointer;padding:5px 8px;border:1px dashed #14427065;border-radius:999px;min-height:32px}.acc-ring .ellipse-pause{width:12px;height:12px;margin:0;accent-color:#144270}.acc-ring .ellipse-control:focus-within{outline:2px solid #00698f;outline-offset:3px}.acc-ring:has(.ellipse-pause:checked) .ellipse ellipse{animation-play-state:paused}@keyframes acc-ring-dash-flow{from{stroke-dashoffset:0}to{stroke-dashoffset:-132}}@media(prefers-reduced-motion:reduce){.acc-ring .ellipse ellipse{animation:none!important}.acc-ring .ellipse-control{display:none}}@media(max-width:767px){.acc-ring .ring-caption{gap:7px}.acc-ring .ellipse-control{font-size:9px;padding:5px 6px}}

.acc-ring .globe-backdrop{position:absolute;inset:40px -18px 70px;z-index:0;pointer-events:none;overflow:hidden;mix-blend-mode:multiply;opacity:var(--globe-opacity,.55);-webkit-mask-image:radial-gradient(ellipse at 50% 53%,#000 26%,rgba(0,0,0,.85) 52%,transparent 78%);mask-image:radial-gradient(ellipse at 50% 53%,#000 26%,rgba(0,0,0,.85) 52%,transparent 78%)}.acc-ring .globe-media{position:absolute;inset:0;background:#fff}.acc-ring .globe-poster,.acc-ring .globe-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block;pointer-events:none}.acc-ring .globe-poster{z-index:0}.acc-ring .globe-video{z-index:1;opacity:0;transition:opacity .9s linear}.acc-ring .globe-video.is-active{opacity:1}.acc-ring.is-globe-static .globe-video{display:none}.acc-ring .stage{z-index:1}.acc-ring .season{z-index:2}.acc-ring .globe-ln,.acc-ring .globe-ln-i{display:block}.acc-ring .center h2 .globe-ln:first-child .globe-ln-i{color:#144270}.acc-ring .center h2 .globe-ln:nth-child(2) .globe-ln-i{color:#009490}.acc-ring.is-globe-armed .globe-ln{overflow:hidden;padding-top:.22em;margin-top:-.22em}.acc-ring.is-globe-armed .globe-ln-i{transform:translateY(110%);will-change:transform}.acc-ring.is-globe-armed .globe-intro{opacity:0;will-change:transform,opacity}.acc-ring.is-globe-go .globe-ln-i{animation:acc-globe-line-rise 1.05s cubic-bezier(.16,1,.3,1) both}.acc-ring.is-globe-go .globe-ln:first-child .globe-ln-i{animation-delay:.12s}.acc-ring.is-globe-go .globe-ln:nth-child(2) .globe-ln-i{animation-delay:.22s}.acc-ring.is-globe-go .globe-intro{animation:acc-globe-sub-in .85s cubic-bezier(.16,1,.3,1) .58s both}.acc-ring.is-globe-idle .ellipse ellipse{animation-play-state:paused}@keyframes acc-globe-line-rise{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes acc-globe-sub-in{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes acc-globe-sub-flat{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media(max-width:767px){.acc-ring .globe-backdrop{inset:50px -90px 80px;opacity:calc(var(--globe-opacity,.55) * .78)}.acc-ring.is-globe-go .globe-ln-i{animation-duration:.92s}.acc-ring.is-globe-go .globe-intro{animation-name:acc-globe-sub-flat}}@media(prefers-reduced-motion:reduce){.acc-ring .globe-video{display:none}.acc-ring.is-globe-armed .globe-ln{overflow:visible;padding-top:0;margin-top:0}.acc-ring.is-globe-armed .globe-ln-i{transform:none}.acc-ring.is-globe-armed .globe-intro{opacity:1;transform:none;filter:none}}

.acc-ring .center{top:18%}.acc-ring.has-flat-orbit .product{pointer-events:none}.acc-ring.has-flat-orbit .product:hover{box-shadow:none}.acc-ring .product-hit{position:absolute;display:block;pointer-events:auto;border-radius:5px}.acc-ring.has-flat-orbit .product:focus-visible{outline:none}.acc-ring.has-flat-orbit .product:focus-visible .product-hit{outline:2px solid #00698f;outline-offset:4px}.acc-ring .product:after{pointer-events:none}.acc-ring .ellipse .orbit-dash{fill:none;stroke-linecap:round;animation:acc-tapered-chase 14s linear infinite}@keyframes acc-tapered-chase{from{stroke-dashoffset:var(--dash-phase,0px)}to{stroke-dashoffset:calc(var(--dash-phase,0px) - 1000px)}}@media(max-width:767px){.acc-ring .center{top:19%}}@media(prefers-reduced-motion:reduce){.acc-ring .ellipse .orbit-dash{animation:none!important}}
.acc-ring.has-flat-orbit .grid .product{transition:box-shadow .25s}

.acc-ring .center{top:48%}
