:root{font-family:Inter,"Segoe UI",Arial,sans-serif;color:#f5f7f7;background:#07090a;font-synthesis:none;--bg:#07090a;--panel:#101315;--line:rgba(255,255,255,.1);--muted:#929b9f;--text:#f5f7f7;--coral:#ff6847;--coral-2:#ff9478;--ice:#78e9ff;--mx:50vw;--my:20vh}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;min-width:320px;overflow-x:hidden;background:radial-gradient(800px circle at var(--mx) var(--my),rgba(64,186,216,.09),transparent 48%),radial-gradient(700px circle at 14% 7%,rgba(255,104,71,.09),transparent 45%),var(--bg);color:var(--text)}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,black,transparent 80%)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::selection{background:var(--coral);color:#fff}.shell{width:min(100% - 64px,1536px);margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;height:82px;padding:0 max(32px,calc((100vw - 1536px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,9,10,.72);backdrop-filter:blur(24px) saturate(150%)}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(120,233,255,.42),transparent);transform:scaleX(.4);opacity:.5}.brand{display:flex;align-items:center;gap:14px;letter-spacing:.16em;font-size:14px;font-weight:800}.brand-mark{font-size:32px;letter-spacing:-.1em;font-weight:900;line-height:1}.brand-dot{color:var(--coral);text-shadow:0 0 22px rgba(255,104,71,.65)}.brand-word{padding-top:2px}.header-right{display:flex;align-items:center;gap:48px;color:#8e969a;font-size:13px}.header-right a{position:relative;color:#fff;font-size:14px;font-weight:700}.header-right a:after{content:"";position:absolute;left:0;right:0;bottom:-9px;height:1px;background:var(--coral);transform:scaleX(0);transform-origin:right;transition:transform .3s}.header-right a:hover:after{transform:scaleX(1);transform-origin:left}.header-right a span{margin-left:7px}
.intro{position:relative;min-height:520px;padding-top:78px;padding-bottom:78px;display:flex;flex-direction:column;justify-content:center}.intro:before,.intro:after{content:"";position:absolute;border-radius:50%;pointer-events:none}.intro:before{width:min(55vw,760px);aspect-ratio:1;right:-18%;top:-38%;background:radial-gradient(circle,rgba(120,233,255,.13),rgba(120,233,255,.025) 35%,transparent 68%);filter:blur(5px);animation:orb-drift 10s ease-in-out infinite alternate}.intro:after{width:clamp(180px,24vw,360px);aspect-ratio:1;right:9%;top:18%;border:1px solid rgba(255,255,255,.09);box-shadow:0 0 80px rgba(255,104,71,.04),inset 0 0 70px rgba(120,233,255,.035);animation:orbit 28s linear infinite}.intro-overline,.section-kicker,.detail-kicker{font-size:12px;font-weight:800;letter-spacing:.18em;color:#899296}.intro-overline{display:flex;align-items:center;gap:12px}.intro-overline .line{width:32px;height:2px;background:linear-gradient(90deg,var(--coral),var(--coral-2));box-shadow:0 0 18px rgba(255,104,71,.7)}.intro-grid{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:30px}.intro h1{max-width:1100px;font-size:clamp(56px,6vw,96px);letter-spacing:-.075em;line-height:.91;margin:31px 0 26px;font-weight:760;text-wrap:balance}.intro h1 em{display:block;font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(245,247,247,.43);background:linear-gradient(100deg,#6d7477,#f2f5f5 44%,#6d7477 70%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;animation:title-shine 8s ease-in-out infinite}.intro p{font-size:17px;color:#9ba3a7;margin:0;line-height:1.6}.intro-count{position:relative;display:flex;align-items:end;gap:18px;padding:0 5px 14px 0}.intro-count:before{content:"";position:absolute;width:110px;height:110px;left:12px;bottom:-14px;border-radius:50%;background:rgba(255,104,71,.16);filter:blur(38px)}.intro-count strong{position:relative;font-size:clamp(90px,9vw,150px);font-weight:250;letter-spacing:-.09em;line-height:.8;background:linear-gradient(140deg,#fff 20%,#818a8e 74%);background-clip:text;-webkit-background-clip:text;color:transparent}.intro-count span{font-size:13px;line-height:1.45;color:#858e92;text-transform:uppercase;letter-spacing:.11em}
.catalog{position:relative;border-top:1px solid var(--line);padding-top:48px;padding-bottom:110px}.catalog:before{content:"";position:absolute;top:-1px;left:0;width:240px;height:1px;background:linear-gradient(90deg,var(--coral),transparent);box-shadow:0 0 24px rgba(255,104,71,.55)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.section-heading h2,.description-section h2{font-size:clamp(32px,3vw,46px);letter-spacing:-.055em;line-height:1.08;margin:9px 0 0;font-weight:680}.section-heading>span,.section-heading>a{font-size:14px;color:#838c90}.section-heading>a{color:#f5f7f7;font-weight:700}
.filters{display:flex;align-items:center;gap:9px;overflow-x:auto;padding:2px 0 17px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filter{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#c8ced0;border-radius:99px;white-space:nowrap;padding:11px 17px;font-size:14px;font-weight:650;backdrop-filter:blur(12px);transition:transform .25s,border-color .25s,background .25s,box-shadow .25s}.filter span{color:#747d81;font-weight:500;margin-left:6px}.filter:hover{transform:translateY(-2px);border-color:rgba(120,233,255,.38);background:rgba(120,233,255,.06)}.filter.is-active{background:linear-gradient(135deg,#f3f6f7,#aeb7ba);border-color:transparent;color:#080a0b;box-shadow:0 10px 34px rgba(255,255,255,.1)}.filter.is-active span{color:#50575a}
.toolbar{display:flex;justify-content:space-between;gap:16px;margin:6px 0 30px;padding:0 18px;border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:16px;backdrop-filter:blur(16px)}.search{min-height:62px;display:flex;align-items:center;gap:12px;flex:1;max-width:560px}.search svg{width:20px;height:20px;fill:none;stroke:#7e898d;stroke-width:1.7}.search input{width:100%;border:0;outline:0;background:transparent;font-size:14px;color:#f5f7f7}.search input::placeholder{color:#727c80}.search kbd{font:12px inherit;color:#788186;border:1px solid var(--line);background:rgba(255,255,255,.035);border-radius:5px;padding:3px 7px}.sort-label{display:flex;align-items:center;gap:10px;font-size:13px;color:#7f898d}.sort-label select{border:0;background:#101315;color:#f1f4f4;padding:12px 30px 12px 8px;font-size:14px;outline:0;cursor:pointer;border-radius:8px;color-scheme:dark}
.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:42px 20px}.face-card{--rx:0deg;--ry:0deg;position:relative;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transform-style:preserve-3d;transition:transform .18s ease,opacity .55s ease,translate .55s ease;will-change:transform}.face-card.is-reveal{opacity:0;translate:0 28px}.face-card.is-visible{opacity:1;translate:0 0}.face-card[hidden]{display:none}.face-card:before{content:"";position:absolute;z-index:-1;inset:14px -2px 70px;border-radius:22px;background:radial-gradient(300px circle at var(--card-x,50%) var(--card-y,30%),rgba(120,233,255,.16),transparent 48%);opacity:0;filter:blur(18px);transition:opacity .35s}.face-card:hover:before{opacity:1}
.card-image{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1/1.08;background:radial-gradient(circle at 50% 42%,#20272a 0,#131719 38%,#0d1011 74%);border:1px solid rgba(255,255,255,.08);border-radius:19px;overflow:hidden;isolation:isolate;box-shadow:0 24px 60px rgba(0,0,0,.26);transition:border-color .35s,box-shadow .35s}.card-image:before{content:"";position:absolute;inset:-70%;background:conic-gradient(from 180deg,transparent,rgba(120,233,255,.1),transparent 18%,transparent 55%,rgba(255,104,71,.11),transparent 74%);animation:orbit 14s linear infinite}.card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(125deg,rgba(255,255,255,.11),transparent 24%,transparent 72%,rgba(255,255,255,.035));pointer-events:none}.face-card:hover .card-image{border-color:rgba(120,233,255,.29);box-shadow:0 28px 80px rgba(0,0,0,.48),0 0 0 1px rgba(120,233,255,.05)}.watch-visual{position:relative;z-index:1;display:block;width:76%;height:76%;transition:transform .6s cubic-bezier(.2,.7,.2,1),filter .6s}.watchface-art{width:100%;height:100%;object-fit:contain;opacity:0;filter:drop-shadow(0 24px 24px rgba(0,0,0,.52));transition:opacity .3s}.watchface-art.loaded{opacity:1}.watch-visual--gt,.watch-visual--watch{width:auto;height:96%;aspect-ratio:966/1043;isolation:isolate}.watch-visual--fit5{width:auto;height:96%;aspect-ratio:10/11;isolation:isolate}.watch-visual--band610{width:auto;height:96%;aspect-ratio:3/4;isolation:isolate}.watch-visual--gt .watchface-art{position:absolute;z-index:1;left:15.94%;top:18.50%;width:67.39%;height:auto;aspect-ratio:1;filter:none}.watch-visual--watch .watchface-art{position:absolute;z-index:1;left:19.15%;top:23.97%;width:56.73%;height:auto;aspect-ratio:1;filter:none}.watch-visual--fit5 .watchface-art{position:absolute;z-index:1;left:16.9%;top:14.82%;width:65.7%;height:70.09%;object-fit:fill;filter:none}.watch-visual--band610 .watchface-art{position:absolute;z-index:1;left:29.04%;top:25%;width:41.02%;height:50.10%;object-fit:cover;filter:none}.watch-frame{position:absolute;z-index:5;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:drop-shadow(0 26px 22px rgba(0,0,0,.58))}.face-card:hover .watch-visual{transform:translateY(-5px) scale(1.065);filter:drop-shadow(0 34px 30px rgba(0,0,0,.28))}.image-skeleton{position:absolute;z-index:3;inset:0;background:linear-gradient(100deg,#101315,#1b2123,#101315);background-size:200% 100%;animation:shimmer 1.4s infinite}.card-image:has(.watchface-art.loaded) .image-skeleton,.detail-hero-image:has(.watchface-art.loaded) .image-skeleton{display:none}.card-view{position:absolute;z-index:4;right:14px;bottom:14px;padding:10px 13px;background:rgba(245,247,247,.94);color:#0b0d0e;border-radius:8px;font-size:12px;font-weight:750;opacity:0;transform:translateY(9px);transition:.25s;box-shadow:0 12px 35px rgba(0,0,0,.28)}.card-image:hover .card-view{opacity:1;transform:none}
.card-copy{padding:17px 2px 0}.card-eyebrow{display:flex;justify-content:space-between;gap:5px;color:#798387;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.card-title{display:block;font-size:20px;font-weight:680;letter-spacing:-.03em;margin-top:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s}.card-title:hover{color:var(--ice)}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:13px;font-size:14px}.card-bottom strong{font-weight:650;color:#dce1e2}.card-bottom a{font-size:12px;font-weight:750;color:var(--coral-2);letter-spacing:.035em}.more-wrap{text-align:center;margin-top:64px}.load-more{position:relative;overflow:hidden;color:#f5f7f7;background:rgba(255,255,255,.035);border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:16px 30px;font-weight:700;font-size:14px;min-width:230px;transition:.25s}.load-more:before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(255,255,255,.11),transparent);transform:translateX(-100%);transition:transform .6s}.load-more:hover{border-color:rgba(120,233,255,.45);transform:translateY(-2px);box-shadow:0 15px 45px rgba(0,0,0,.3)}.load-more:hover:before{transform:translateX(100%)}.load-more span{padding-left:15px}.empty{padding:70px 10px;text-align:center;color:#7f898d}
.seo-copy{border-top:1px solid var(--line);padding:42px 0 70px}.seo-copy p{max-width:820px;margin:0;color:#727c80;font-size:14px;line-height:1.75}.site-footer{border-top:1px solid var(--line);padding:35px max(32px,calc((100vw - 1536px)/2));display:flex;justify-content:space-between;gap:20px;font-size:13px;color:#707a7e;background:rgba(0,0,0,.14)}.site-footer a{color:#eef1f2;font-weight:700}
.breadcrumbs{display:flex;align-items:center;gap:12px;padding:30px 0 43px;font-size:13px;color:#717b7f}.breadcrumbs a:hover{color:var(--ice)}.breadcrumbs span:last-child{color:#c8ced0}.detail-page{padding-bottom:110px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(46px,6.5vw,105px)}.detail-gallery{position:relative}.detail-gallery:before{content:"";position:absolute;z-index:-1;width:75%;height:75%;left:12%;top:9%;background:rgba(120,233,255,.12);filter:blur(85px);border-radius:50%}.detail-hero-image{position:relative;aspect-ratio:1/1.02;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 43%,#20272a,#121617 58%,#0c0e0f);border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.38)}.detail-hero-image:before{content:"";position:absolute;inset:-70%;background:conic-gradient(transparent,rgba(120,233,255,.11),transparent 24%,transparent 55%,rgba(255,104,71,.1),transparent 78%);animation:orbit 18s linear infinite}.detail-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.1),transparent 30%);pointer-events:none}.detail-hero-image .watch-visual{width:78%;height:78%}.detail-hero-image .watch-visual--gt,.detail-hero-image .watch-visual--watch,.detail-hero-image .watch-visual--fit5,.detail-hero-image .watch-visual--band610{width:auto;height:98%}.detail-hero-image .watchface-art{filter:drop-shadow(0 35px 32px rgba(0,0,0,.55))}.detail-hero-image .watch-visual--gt .watchface-art,.detail-hero-image .watch-visual--watch .watchface-art,.detail-hero-image .watch-visual--fit5 .watchface-art,.detail-hero-image .watch-visual--band610 .watchface-art{filter:none}.detail-hero-image:hover .watch-visual{transform:scale(1.035)}.thumbs{display:flex;gap:10px;margin-top:13px}.thumb{width:78px;height:78px;border:1px solid var(--line);border-radius:10px;background:#101415;padding:7px;transition:.25s}.thumb:hover{border-color:rgba(120,233,255,.36)}.thumb.is-active{border-color:var(--coral);box-shadow:0 0 0 1px rgba(255,104,71,.18),0 10px 30px rgba(255,104,71,.12)}.thumb .watch-visual{width:100%;height:100%}.thumb .watch-visual--gt,.thumb .watch-visual--watch,.thumb .watch-visual--fit5,.thumb .watch-visual--band610{width:auto;height:100%;margin:auto}.thumb .watch-frame{filter:drop-shadow(0 5px 4px rgba(0,0,0,.45))}
.detail-info{padding-top:25px}.detail-kicker{color:var(--coral-2)}.detail-info h1{font-size:clamp(44px,4.2vw,74px);letter-spacing:-.068em;line-height:.98;margin:23px 0 22px;text-wrap:balance}.detail-price{font-size:28px;letter-spacing:-.04em;font-weight:600}.detail-lede{font-size:17px;line-height:1.55;color:#919b9f;margin:34px 0 30px}.huawei-button{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(115deg,#f7f8f8,#bfc7ca);color:#090b0c;padding:19px 22px;font-weight:800;font-size:15px;max-width:440px;border-radius:12px;box-shadow:0 17px 50px rgba(255,255,255,.1);transition:transform .25s,box-shadow .25s}.huawei-button:hover{transform:translateY(-3px);box-shadow:0 23px 70px rgba(120,233,255,.14)}.huawei-button span{font-size:21px;font-weight:400}.purchase-note{font-size:12px;color:#727c80;margin:14px 0 40px}.back-to-catalog{display:inline-block;margin:0 0 25px;font-size:14px;font-weight:700;color:#ccd2d4}.back-to-catalog:hover{color:var(--ice)}.detail-rule{height:1px;background:var(--line)}.specs{margin:0}.specs>div{display:grid;grid-template-columns:150px 1fr;padding:18px 0;border-bottom:1px solid var(--line);gap:12px;font-size:14px}.specs dt{color:#707a7e}.specs dd{margin:0;line-height:1.45;color:#dce1e2}
.description-section{padding:105px 0 95px;display:grid;grid-template-columns:1fr 1.1fr;column-gap:50px;border-bottom:1px solid var(--line)}.description-section .section-kicker{grid-column:1/-1}.description-copy{grid-column:2;grid-row:2;color:#929c9f;font-size:16px;line-height:1.75;max-width:700px}.description-copy p{margin:0 0 10px}.similar-section{padding-top:78px}.similar-grid{margin-top:31px}
@keyframes shimmer{to{background-position:-200% 0}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes orb-drift{to{transform:translate(-9%,8%) scale(1.08)}}@keyframes title-shine{0%,100%{background-position:0 0}50%{background-position:100% 0}}
@media(max-width:1100px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.detail-grid{gap:42px}.detail-info h1{font-size:clamp(42px,5vw,62px)}}
@media(max-width:760px){.shell{width:min(100% - 36px,700px)}.site-header{height:68px;padding:0 18px}.brand{gap:10px;font-size:11px}.brand-mark{font-size:28px}.header-right span:first-child{display:none}.header-right{gap:0}.intro{min-height:440px;padding-top:50px;padding-bottom:52px}.intro h1{font-size:clamp(52px,11vw,76px);margin:25px 0 21px}.intro p{font-size:15px}.intro-count strong{font-size:78px}.intro-count span{font-size:11px}.catalog{padding-top:38px}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:31px 13px}.card-image .watch-visual:not(.watch-visual--gt):not(.watch-visual--watch):not(.watch-visual--fit5):not(.watch-visual--band610){width:84%;height:84%}.card-title{font-size:17px}.card-eyebrow{font-size:11px}.card-bottom{font-size:12px;align-items:flex-start;flex-direction:column;gap:8px}.card-bottom a{font-size:11px}.toolbar{flex-wrap:wrap;padding:0 14px}.search{max-width:none;width:100%;flex-basis:100%;min-height:55px}.sort-label{margin-left:auto;padding-bottom:12px}.detail-grid{grid-template-columns:1fr;gap:31px}.detail-info{padding-top:0}.detail-info h1{margin-top:16px}.detail-lede{margin:24px 0}.description-section{display:block;padding:74px 0}.description-section h2{margin-bottom:25px}.similar-section{padding-top:62px}.site-footer{padding:27px 18px;flex-wrap:wrap}.site-footer span:nth-child(2){order:3;width:100%}.breadcrumbs{padding:22px 0 27px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(max-width:430px){.intro{min-height:400px}.intro-grid{align-items:start}.intro-count{display:none}.intro h1{font-size:56px}.section-heading h2{font-size:32px}.section-heading>span{font-size:12px}.filters{margin-right:-18px}.filter{padding:10px 14px;font-size:13px}.card-grid{gap:28px 10px}.card-image{aspect-ratio:1/1.14;border-radius:14px}.card-eyebrow span:last-child{display:none}.card-title{font-size:15px}.card-bottom{margin-top:8px}.detail-hero-image{aspect-ratio:1/1.04;border-radius:18px}.thumb{width:64px;height:64px}.specs>div{grid-template-columns:110px 1fr}}
@media(max-width:360px){.card-grid{grid-template-columns:1fr}.card-image{aspect-ratio:1/1}.card-eyebrow span:last-child{display:inline}.card-bottom{flex-direction:row;align-items:center}.card-title{font-size:19px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.face-card{transform:none!important}.face-card.is-reveal{opacity:1;translate:none}}
/* FAST MINIMAL UI */
:root{--fast-panel:#101a22;--fast-panel-2:#121824;--fast-border:rgba(255,255,255,.12)}
html{scroll-behavior:auto}
body{background:linear-gradient(145deg,#07131b 0%,#0a1018 46%,#130d18 100%)}
body:before,.intro:before,.intro:after,.face-card:before,.card-image:before,.detail-hero-image:before{display:none!important}
*,*:before,*:after{animation:none!important}
.site-header{background:#081017;border-bottom-color:var(--fast-border);box-shadow:0 2px 12px rgba(0,0,0,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
.intro h1 em{background:none;color:#8e969c;-webkit-text-stroke:0}
.face-card{padding:10px 10px 15px;border:1px solid var(--fast-border);border-radius:20px;background:linear-gradient(145deg,var(--fast-panel),var(--fast-panel-2));box-shadow:0 8px 24px rgba(0,0,0,.20);transform:none!important;transform-style:flat;will-change:auto;transition:none}
.face-card:hover{border-color:rgba(120,233,255,.28);box-shadow:0 8px 24px rgba(0,0,0,.20)}
.card-image{transform:none!important;background:#0c141b;border-color:rgba(255,255,255,.09);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;transition:none}
.card-image:after{background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 30%);opacity:.65}
.card-copy{transform:none!important;padding-inline:3px}.watch-visual,.face-card:hover .watch-visual,.detail-hero-image:hover .watch-visual{transform:none;filter:none;transition:none}
.watch-frame{filter:none}.watchface-art{filter:none}.card-view{box-shadow:none}
.toolbar,.filter,.detail-hero-image,.thumb,.load-more{background:#101820;border-color:var(--fast-border);box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.filter{transition:none}.filter:hover{transform:none;background:#15222c}.filter.is-active{background:#edf2f4;color:#090c0e;box-shadow:none}
.detail-gallery:before{display:none}.detail-hero-image:after{background:linear-gradient(135deg,rgba(255,255,255,.045),transparent 28%)}
.huawei-button{background:#edf2f4;box-shadow:none;transition:none}.huawei-button:hover{transform:none;box-shadow:none}
.load-more{transition:none}.load-more:hover{transform:none;box-shadow:none}.load-more:before{display:none}
@media(max-width:760px){.face-card{padding:6px 6px 11px;border-radius:16px;box-shadow:none}.card-image{transform:none}.card-copy{transform:none}.site-header{box-shadow:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}
.landing-hero{padding:0 0 62px;border-bottom:1px solid var(--line)}.landing-hero .breadcrumbs{padding-bottom:48px}.landing-hero h1{max-width:1000px;margin:16px 0 22px;font-size:clamp(44px,5.5vw,82px);line-height:.98;letter-spacing:-.06em}.landing-hero p{max-width:820px;margin:0;color:#9aa3a7;font-size:17px;line-height:1.7}.landing-catalog{border-top:0}.landing-copy{padding:58px 0 90px;border-top:1px solid var(--line)}.landing-copy h2,.seo-copy h2{font-size:24px;margin:0 0 18px}.landing-copy p{max-width:900px;margin:0 0 42px;color:#929c9f;font-size:16px;line-height:1.75}.category-links{display:flex;flex-wrap:wrap;gap:10px}.category-links a{padding:10px 14px;border:1px solid var(--fast-border);border-radius:99px;background:#101820;color:#dce2e5;font-size:13px;font-weight:650}.category-links a:hover{border-color:rgba(120,233,255,.30)}.seo-copy .category-links{margin:0 0 28px}.description-copy .category-links{margin-top:24px}.landing-catalog .card-grid{margin-top:30px}
@media(max-width:760px){.landing-hero{padding-bottom:42px}.landing-hero .breadcrumbs{padding-bottom:32px}.landing-hero h1{font-size:36px;line-height:1.02}.landing-hero p{font-size:15px}.landing-copy{padding:42px 0 68px}.category-links{gap:8px}.category-links a{padding:9px 12px;font-size:12px}}

/* Raw Huawei previews: mask their original corner background inside existing frames. */
.watch-visual--gt .watchface-art--source,.watch-visual--watch .watchface-art--source{clip-path:circle(calc(50% - 3px) at 50% 50%)}
.watch-visual--fit5 .watchface-art--source,.watch-visual--band610 .watchface-art--source{border-radius:12%}
.watch-visual--plain .watchface-art--source{object-fit:contain}

/* Liquid glass visual language, adapted from the supplied reference. */
@font-face{font-family:Inter;src:url('/inter-latin.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0000-024F,U+1E00-1EFF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:Inter;src:url('/inter-cyrillic.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap;unicode-range:U+0400-052F,U+20BD}
:root{font-family:Inter,'Segoe UI',Arial,sans-serif;--bg:#080a0f;--panel:#14161d;--line:rgba(232,238,255,.14);--muted:#a6acba;--text:#f7f8fd;--coral:#ff925f;--coral-2:#ffc09a;--ice:#b0bcff;--fast-border:rgba(232,238,255,.15)}
body{background:radial-gradient(850px 560px at 88% 1%,rgba(100,102,153,.21),transparent 70%),radial-gradient(750px 540px at 4% 27%,rgba(38,76,107,.18),transparent 68%),linear-gradient(135deg,#090b10,#11121a 55%,#090b11);color:var(--text)}
.site-header{background:rgba(15,17,24,.88);border-bottom-color:rgba(255,255,255,.12);box-shadow:0 8px 30px rgba(0,0,0,.16);backdrop-filter:blur(14px) saturate(125%);-webkit-backdrop-filter:blur(14px) saturate(125%)}
.site-header:after{background:linear-gradient(90deg,transparent,rgba(255,255,255,.38),transparent)}
.brand{font-weight:800}.brand-dot{color:var(--coral);text-shadow:none}.header-right{color:#b0b4c0}
.intro h1{font-weight:760;letter-spacing:-.065em}.intro h1 em{color:#b3bbcb}.intro p,.landing-hero p{color:#b7bac7}
.intro-count strong{background:linear-gradient(155deg,#fff 8%,#aeb5c7 88%);background-clip:text;-webkit-background-clip:text}
.catalog{border-top-color:rgba(255,255,255,.12)}.catalog:before{background:linear-gradient(90deg,rgba(255,255,255,.5),transparent);box-shadow:none}
.filter,.category-links a{background:linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.18);color:#e0e2e9;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 18px rgba(0,0,0,.12)}
.filter span{color:#aeb2c0}.filter:hover,.category-links a:hover{transform:none;background:rgba(255,255,255,.13);border-color:rgba(255,255,255,.3)}
.filter.is-active{background:linear-gradient(140deg,#fff,#d7d8e3);color:#13151c;border-color:rgba(255,255,255,.7);box-shadow:inset 0 1px 1px #fff,0 7px 18px rgba(0,0,0,.2)}.filter.is-active span{color:#585c68}
.toolbar{background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border-color:rgba(255,255,255,.19);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 16px 35px rgba(0,0,0,.15);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.search input{color:#f5f6fb}.search input::placeholder{color:#a8aebc}.sort-label{color:#abb1bf}.sort-label select{background:#232632;color:#f6f7fb}
.face-card{background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.035) 48%,rgba(255,255,255,.075));border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 1px 0 0 rgba(255,255,255,.045),0 22px 44px rgba(0,0,0,.23);transition:background .18s,border-color .18s,box-shadow .18s}
.face-card:hover{background:linear-gradient(145deg,rgba(255,255,255,.15),rgba(255,255,255,.055) 48%,rgba(255,255,255,.1));border-color:rgba(255,255,255,.38);box-shadow:inset 0 1px 0 rgba(255,255,255,.26),0 24px 48px rgba(0,0,0,.26)}
.card-image{background:radial-gradient(circle at 50% 38%,#272a36,#12141d 65%,#0c0e15);border-color:rgba(255,255,255,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.card-image:after{background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 25%,transparent 72%,rgba(255,255,255,.035));opacity:1}
.card-eyebrow,.breadcrumbs,.specs dt{color:#a6a9b7}.card-title{font-weight:720}.card-bottom a,.section-kicker,.detail-kicker{color:#ffb68f}
.detail-hero-image{background:radial-gradient(circle at 50% 37%,#292d3a,#141720 67%,#0f1119);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 26px 60px rgba(0,0,0,.25)}
.detail-hero-image:after{background:linear-gradient(140deg,rgba(255,255,255,.08),transparent 31%,transparent 70%,rgba(255,255,255,.03))}
.thumb,.load-more{background:linear-gradient(140deg,rgba(255,255,255,.12),rgba(255,255,255,.04));border-color:rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.13)}
.huawei-button{background:linear-gradient(145deg,#fff,#dce0ea);color:#12151f;box-shadow:inset 0 1px 0 #fff,0 12px 25px rgba(0,0,0,.2)}
.seo-copy p,.landing-copy p,.description-copy,.detail-lede{color:#b4b9c6}
@media(max-width:760px){.site-header,.toolbar{backdrop-filter:none;-webkit-backdrop-filter:none}.face-card,.face-card:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.13);border-color:rgba(255,255,255,.16)}.card-image{box-shadow:none}}

/* A quiet white aurora behind the glass surfaces. Only one layer moves. */
body{position:relative;isolation:isolate}
body::before{content:"";display:block!important;position:fixed;inset:-18% -10%;z-index:0;pointer-events:none;opacity:1;background:radial-gradient(ellipse 34% 29% at 79% 19%,rgba(255,255,255,.19),transparent 75%),radial-gradient(ellipse 39% 31% at 10% 67%,rgba(239,244,255,.14),transparent 72%),radial-gradient(ellipse 25% 23% at 91% 91%,rgba(255,255,255,.10),transparent 76%);background-size:100% 100%;mask-image:none;transform:translate3d(0,0,0);animation:glass-aurora 24s ease-in-out infinite alternate!important}
body>main,body>.site-header,body>.site-footer{position:relative;z-index:1}
body>.site-header{position:sticky;z-index:50}
@keyframes glass-aurora{0%{transform:translate3d(-3%,-2%,0)}50%{transform:translate3d(3%,2%,0)}100%{transform:translate3d(-1%,4%,0)}}
@media(max-width:760px){body::before{position:absolute;inset:0;animation:none!important;background:radial-gradient(ellipse 70% 18% at 85% 9%,rgba(255,255,255,.1),transparent 75%),radial-gradient(ellipse 76% 20% at 5% 56%,rgba(239,244,255,.08),transparent 72%)}}
@media(prefers-reduced-motion:reduce){body::before{animation:none!important}}
body::after{content:"";position:fixed;inset:-12% -8%;z-index:0;pointer-events:none;background:radial-gradient(ellipse 28% 63% at 11% 0%,rgba(47,223,169,.25),transparent 72%),radial-gradient(ellipse 31% 69% at 42% -7%,rgba(63,165,226,.19),transparent 76%),radial-gradient(ellipse 30% 67% at 73% -3%,rgba(147,103,225,.19),transparent 75%),radial-gradient(ellipse 25% 66% at 101% 3%,rgba(60,218,172,.16),transparent 75%),linear-gradient(107deg,transparent 8%,rgba(68,217,182,.055) 27%,transparent 40%,rgba(104,133,231,.07) 52%,transparent 67%,rgba(135,100,222,.05) 79%,transparent 94%);opacity:1;transform:translate3d(0,0,0);animation:northern-lights 30s ease-in-out infinite alternate!important}
@keyframes northern-lights{0%{transform:translate3d(-2%,0,0)}50%{transform:translate3d(2%,3%,0)}100%{transform:translate3d(-1%,5%,0)}}
@media(max-width:760px){body::after{position:absolute;inset:0;background:radial-gradient(ellipse 68% 24% at 25% 1%,rgba(47,223,169,.13),transparent 72%),radial-gradient(ellipse 70% 25% at 86% 9%,rgba(136,103,225,.12),transparent 74%);animation:none!important}}
/* Softer contours and a warmer, brighter accent. */
:root{--coral:#ff6536;--coral-2:#ffad62}
body::after{filter:none;opacity:1}
.brand-dot{color:#ff7040;text-shadow:0 0 8px rgba(255,100,45,.72),0 0 24px rgba(255,81,27,.5)}
.intro-overline .line{background:linear-gradient(90deg,#ff4c21,#ffae56);box-shadow:0 0 12px rgba(255,95,37,.75)}
.section-kicker,.detail-kicker,.card-bottom a{color:#ff9b67;text-shadow:0 0 15px rgba(255,92,39,.34)}
.intro-count strong{background:linear-gradient(130deg,#fff2dd 0%,#ffb06b 35%,#ff6536 76%,#ffb88a 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 7px rgba(255,99,43,.20))}
.intro-count:before{background:rgba(255,96,38,.13);filter:blur(34px)}
.filter.is-active{background:linear-gradient(145deg,#fff6ee,#ffcfaf);box-shadow:inset 0 1px 1px #fff,0 6px 20px rgba(255,109,50,.22)}
@media(max-width:760px){body::after{filter:none;opacity:1}}
@media(prefers-reduced-motion:reduce){body::after{animation:none!important}}

/* Four compact watchfaces per row on phones. */
@media(max-width:760px){.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 7px}.face-card{padding:4px 4px 7px;border-radius:11px}.card-image{aspect-ratio:1/1.1;border-radius:8px}.card-copy{padding:5px 1px 0}.card-eyebrow{display:none}.card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;min-height:2.35em;font-size:11px;line-height:1.17}.card-bottom{display:block;margin-top:5px}.card-bottom strong{font-size:10px;white-space:nowrap}.card-bottom a{display:none}.card-view{display:none}}
@media(max-width:430px){.card-grid{gap:9px 5px}.face-card{padding:3px 3px 6px;border-radius:9px}.card-image{border-radius:6px}.card-title{font-size:10px}.card-bottom strong{font-size:9px}}
@media(max-width:350px){.intro-grid{grid-template-columns:minmax(0,1fr) 70px;gap:5px}.intro h1{font-size:25px}.intro h1 em{white-space:normal}.intro-count strong{font-size:45px}.intro-count span{font-size:8px}.card-grid{gap:7px 4px}.card-title{font-size:9px}.card-bottom strong{font-size:8px}}

/* Mobile composition follows the desktop hierarchy without shrinking cards. */
@media(max-width:760px){.intro{min-height:0;padding-top:58px;padding-bottom:62px}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:12px}.intro h1{font-size:clamp(32px,7.8vw,52px);line-height:.98;margin:25px 0 17px}.intro p{font-size:13px;line-height:1.5}.intro-count{display:flex;flex-direction:column;align-items:flex-start;gap:3px;padding:0;align-self:center}.intro-count strong{font-size:64px;line-height:.9}.intro-count span{font-size:10px;line-height:1.25}.section-heading{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:10px}.section-heading h2{font-size:clamp(24px,4.2vw,32px);white-space:nowrap}.section-heading>span{font-size:11px;white-space:nowrap}.toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px}.search{width:auto;min-width:0;min-height:56px;flex-basis:auto}.search input{min-width:0;font-size:12px}.search kbd{display:none}.sort-label{margin:0;padding:0;font-size:0}.sort-label select{max-width:122px;padding:10px 23px 10px 7px;font-size:12px}}
@media(max-width:430px){.intro{min-height:0}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:8px}.intro h1{font-size:clamp(27px,7.2vw,33px)}.intro h1 em{white-space:nowrap}.intro-count strong{font-size:55px}.intro-count span{font-size:9px}.section-heading h2{font-size:clamp(22px,6vw,26px)}.section-heading>span{font-size:10px}.sort-label select{max-width:115px;font-size:11px}}
@media(max-width:350px){.intro-grid{grid-template-columns:minmax(0,1fr) 86px}.intro h1{font-size:29px}.intro-count strong{font-size:52px}.section-heading h2{font-size:21px}.section-heading>span{font-size:9px}.sort-label select{max-width:104px;font-size:10px}}

/* Keep the same aurora and catalogue count on narrow screens. */
@media(max-width:760px){body::after{position:fixed;inset:-12% -28%;background:radial-gradient(ellipse 34% 57% at 17% 0%,rgba(47,223,169,.22),transparent 73%),radial-gradient(ellipse 38% 64% at 46% -5%,rgba(63,165,226,.17),transparent 75%),radial-gradient(ellipse 37% 62% at 82% 0%,rgba(147,103,225,.20),transparent 76%),linear-gradient(107deg,transparent 9%,rgba(68,217,182,.045) 28%,transparent 42%,rgba(104,133,231,.055) 54%,transparent 71%);animation:northern-lights 30s ease-in-out infinite alternate!important}}
@media(prefers-reduced-motion:reduce){body::after{animation:none!important}}
@media(max-width:350px){.intro-grid{grid-template-columns:minmax(0,1fr) 70px;gap:5px}.intro h1{font-size:25px}.intro h1 em{white-space:normal}.intro-count strong{font-size:45px}.intro-count span{font-size:8px}}

/* Keep phone catalogue cards readable in two columns. */
@media(max-width:760px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}.face-card{padding:8px 8px 11px;border-radius:16px}.card-image{aspect-ratio:1/1.12;border-radius:11px}.card-copy{padding:8px 2px 0}.card-title{font-size:15px;min-height:2.34em}.card-bottom{margin-top:8px}.card-bottom strong{font-size:13px}}
@media(max-width:430px){.card-grid{gap:18px 10px}.face-card{padding:7px 7px 10px;border-radius:14px}.card-image{border-radius:10px}.card-title{font-size:14px}.card-bottom strong{font-size:12px}}
@media(max-width:350px){.card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 8px}.card-title{font-size:13px}.card-bottom strong{font-size:11px}}