@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#182440;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f5f2ec;font-family:DM Sans,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}::selection{color:#182440;background:#d7e0ee}:root{--navy:#102044;--ink:#182440;--cream:#f5f2ec;--paper:#fffdf9;--muted:#6c7384;--gold:#f8ca6e}.site-shell{overflow:clip}.topbar{background:var(--navy);color:#fff;border-bottom:1px solid #ffffff21;align-items:center;gap:48px;height:84px;padding:0 clamp(24px,5vw,88px);display:flex}.brand{flex-shrink:0;align-items:center;gap:13px;text-decoration:none;display:inline-flex}.brand-mark{width:42px;height:42px;color:var(--navy);background:var(--gold);letter-spacing:-.12em;border-radius:11px;place-items:center;padding-right:3px;font-size:16px;font-weight:800;display:grid}.brand-mark span{color:#d67b46;padding:0 1px}.brand-name{letter-spacing:-.04em;white-space:nowrap;font-size:18px;font-weight:800}.brand-name span{color:#d8e1f1;margin-left:5px;font-weight:500}.main-nav{align-items:center;gap:clamp(20px,3.3vw,52px);margin:0 auto;display:flex}.main-nav a{color:#cbd4e5;white-space:nowrap;font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}.main-nav a:hover,.main-nav a:focus-visible{color:var(--gold)}.topbar-tag{color:#b9c4d7;letter-spacing:.16em;white-space:nowrap;font-size:10px}.hero{color:#fff;background:radial-gradient(circle at 74% 43%,#304f87 0,#1b3768 24%,#142951 52%,#102044 76%);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;min-height:674px;padding:42px clamp(24px,8vw,136px) 84px;display:grid;position:relative}.hero:before{content:"";opacity:.26;pointer-events:none;background-image:linear-gradient(115deg,#0000 0 48%,#f8ca6e1f 48.2% 48.4%,#0000 48.6%),radial-gradient(circle at 12% 35%,#ffffff14 1px,#0000 1.5px);background-size:auto,42px 42px;position:absolute;inset:0}.hero-glow{filter:blur(5px);pointer-events:none;border-radius:50%;position:absolute}.hero-glow-one{background:#6399e11a;width:340px;height:340px;top:10%;right:15%}.hero-glow-two{background:#ffd1750d;width:210px;height:210px;bottom:12%;right:3%}.hero-content,.hero-visual{z-index:1;position:relative}.hero-content{max-width:620px;padding-top:22px}.eyebrow,.section-index{letter-spacing:.22em;font-size:11px;font-weight:700}.eyebrow{color:var(--gold);align-items:center;gap:14px;margin-bottom:32px;display:flex}.eyebrow-line{background:var(--gold);width:30px;height:1px;display:block}.hero-kicker{color:#ccd9ed;letter-spacing:.08em;margin:0 0 13px;font-size:15px}.hero h1,.section-heading h2,.spotlight h2,.story h2,.closing h2{letter-spacing:-.06em;margin:0;font-family:Noto Sans SC,Microsoft YaHei,sans-serif;font-weight:800;line-height:1.16}.hero h1{font-size:clamp(50px,5.1vw,82px)}.hero h1 em{color:var(--gold);font-style:normal}.hero-copy{color:#cad5e6;max-width:495px;margin:26px 0 35px;font-size:15px;line-height:2}.hero-actions{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.primary-button{background:var(--gold);color:#172a4b;border-radius:5px;align-items:center;gap:32px;min-height:51px;padding:0 20px;font-size:13px;font-weight:800;text-decoration:none;transition:transform .2s,background .2s;display:inline-flex;box-shadow:0 11px 25px #050a1e21}.primary-button:hover{background:#ffdc90;transform:translateY(-3px)}.primary-button span{font-size:20px;font-weight:400}.hero-hint{color:#aebed4;align-items:center;gap:9px;font-size:12px;display:inline-flex}.hint-dot{background:var(--gold);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 5px #f8ca6e1f}.hero-visual{justify-content:center;align-items:center;height:520px;display:flex}.hero-ring{pointer-events:none;border-radius:50%;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.hero-ring-outer{border:1px solid #fff3;width:min(34vw,480px);height:min(34vw,480px);box-shadow:0 0 0 32px #ffffff04}.hero-ring-inner{background:radial-gradient(circle,#5f8ac545,#0000 68%);border:1px dashed #f8ca6e42;width:min(29vw,414px);height:min(29vw,414px)}.hero-mascot-frame{z-index:2;filter:drop-shadow(0 25px 25px #03091a45);place-items:center;width:420px;height:420px;display:grid;position:relative;transform:translateY(10px)}.hero-mascot:focus-visible{border-radius:18px;outline:2px solid var(--gold)!important;outline-offset:7px!important}.orbit-star{z-index:3;color:var(--gold);position:absolute}.orbit-star-one{font-size:42px;top:10%;right:7%}.orbit-star-two{color:#c4d6fa;font-size:21px;bottom:23%;left:8%}.hero-vertical-label{writing-mode:vertical-rl;color:#adc3e1;letter-spacing:.22em;font-size:10px;position:absolute;top:50%;right:-25px;transform:translateY(-50%)}.hero-visual-caption{color:#aec0dc;letter-spacing:.15em;justify-content:space-between;width:85%;font-size:9px;display:flex;position:absolute;bottom:7px}.hero-bottom{color:#98afcf;letter-spacing:.14em;align-items:center;gap:15px;font-size:10px;display:flex;position:absolute;bottom:23px;left:clamp(24px,8vw,136px)}.scroll-line{background:#879fbd;width:60px;height:1px}.intro-strip{color:#4d6080;letter-spacing:.05em;background:#e9eef3;justify-content:center;align-items:center;gap:clamp(15px,3vw,55px);min-height:74px;padding:16px 24px;font-size:12px;font-weight:700;display:flex}.intro-strip i{color:#9cabc1;font-style:normal}.section-wrap{padding-left:clamp(24px,8vw,136px);padding-right:clamp(24px,8vw,136px)}.wardrobe{padding-top:109px;padding-bottom:104px}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:43px;display:flex}.section-index{color:#6784a6;margin:0 0 20px}.section-heading h2,.spotlight h2,.story h2{color:var(--ink);font-size:clamp(35px,3.1vw,52px)}.section-heading h2 em,.spotlight h2 em,.story h2 em{color:#5c79a4;font-style:normal}.section-description{width:min(355px,35%);color:var(--muted);margin:0 0 4px;font-size:14px;line-height:1.9}.filter-row{align-items:center;gap:8px;margin-bottom:27px;display:flex}.filter-chip{color:#5e6c7f;cursor:pointer;background:0 0;border:1px solid #d8dce2;border-radius:100px;padding:9px 18px;font-size:12px;font-weight:700;transition:all .2s}.filter-chip:hover{border-color:#8294b0}.filter-chip.active{color:#fff;border-color:var(--navy);background:var(--navy)}.result-count{color:#8d9aab;letter-spacing:.17em;margin-left:auto;font-size:10px;font-weight:700}.look-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;display:grid}.look-card{background:var(--paper);text-align:left;min-width:0;color:var(--ink);cursor:pointer;border:1px solid #e6e7e8;border-radius:11px;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;overflow:hidden}.look-card:hover{transform:translateY(-5px);box-shadow:0 18px 28px #15254614}.look-card.selected{border-color:var(--look-accent);box-shadow:0 0 0 2px var(--look-accent), 0 16px 30px #1525461a}.look-card:focus-visible,.filter-chip:focus-visible,.spotlight-controls button:focus-visible{outline-offset:3px;outline:3px solid #e3b457}.look-card-art{background:radial-gradient(circle at 50% 45%, color-mix(in srgb, var(--card-accent) 22%, white), #e9edf1 76%);height:clamp(195px,18vw,265px);display:block;position:relative;overflow:hidden}.look-card-art:after{content:"";pointer-events:none;border:1px solid #ffffff8c;border-radius:50%;position:absolute;inset:18px}.look-card-sprite{-webkit-user-select:none;user-select:none;pointer-events:none;background-position:50% 0;background-repeat:no-repeat;background-size:300% 300%;width:min(100%,260px);height:100%;display:block;position:absolute;left:50%;transform:translate(-50%)}.look-card-number{z-index:2;color:#71819b;font-size:11px;font-weight:700;position:absolute;top:17px;left:18px}.look-card-version{z-index:2;color:#5c6d84;letter-spacing:.08em;background:#ffffffb8;border-radius:4px;padding:4px 7px;font-size:9px;position:absolute;top:16px;right:17px}.look-card-meta{flex-direction:column;min-height:132px;padding:19px 19px 21px;display:flex}.look-card-category{color:#8392a6;letter-spacing:.12em;font-size:9px;font-weight:700}.look-card-title{color:#1a2a48;letter-spacing:-.03em;justify-content:space-between;align-items:center;margin-top:10px;font-size:18px;font-weight:800;display:flex}.look-card-title span{color:#8b9cb0;font-size:15px;font-weight:400}.look-card-description{color:#7c8799;margin-top:7px;font-size:11px;line-height:1.6}.spotlight{background:#e9edf3;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(45px,8vw,140px);min-height:480px;padding-top:70px;padding-bottom:88px;display:grid}.spotlight-art{background:radial-gradient(circle at 48% 45%, color-mix(in srgb, var(--spotlight-accent) 25%, white), #cbd8e9 78%);border-radius:13px;place-items:center;height:385px;display:grid;position:relative;overflow:hidden}.spotlight-art:before{content:"";aspect-ratio:1;border:1px solid #fffc;border-radius:50%;width:72%;position:absolute}.spotlight-sprite{z-index:2;-webkit-user-select:none;user-select:none;background-position:50% 0;background-repeat:no-repeat;background-size:300% 300%;width:360px;height:360px;position:relative}.spotlight-small-label{color:#466188;letter-spacing:.15em;font-size:10px;font-weight:700;position:absolute;top:25px;left:27px}.spotlight-outline{color:#ffffff2e;letter-spacing:-.1em;font-size:155px;font-weight:800;line-height:1;position:absolute;bottom:-31px;right:19px}.spotlight-copy{max-width:500px}.spotlight-copy>p:not(.section-index){color:#64748a;margin:20px 0 0;font-size:14px;line-height:1.9}.spotlight-copy>p+p{margin-top:4px!important}.spotlight-controls{align-items:center;gap:18px;margin-top:35px;display:inline-flex}.spotlight-controls button{color:#425d81;cursor:pointer;background:0 0;border:1px solid #aab8c9;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;transition:background .2s;display:grid}.spotlight-controls button:hover{background:#fff}.spotlight-controls span{color:#7b8ba1;letter-spacing:.12em;font-size:11px;font-weight:700}.story{padding-top:117px;padding-bottom:127px}.story-heading{max-width:560px;margin-bottom:48px}.story-heading>p:last-child{max-width:475px;color:var(--muted);margin:22px 0 0;font-size:14px;line-height:1.9}.detail-grid{grid-template-columns:repeat(3,1fr);gap:19px;display:grid}.detail-grid article{background:#fffefa;border:1px solid #e5e7e9;border-radius:9px;min-height:270px;padding:29px 27px;position:relative}.detail-number{color:#9babbd;letter-spacing:.14em;font-size:10px;font-weight:700}.detail-icon{color:#6f8aad;height:38px;margin:24px 0 10px;font-size:34px;line-height:1;display:block}.detail-grid h3{color:#253655;letter-spacing:-.02em;margin:0 0 10px;font-size:18px}.detail-grid p{color:#748093;margin:0;font-size:13px;line-height:1.85}.closing{color:#fff;text-align:center;background:#183462;flex-direction:column;justify-content:center;align-items:center;min-height:450px;padding:80px 24px;display:flex;position:relative}.closing:before{content:"";pointer-events:none;background:radial-gradient(circle at 50% 90%,#5b84bd59,#0000 49%);position:absolute;inset:0}.closing>*{position:relative}.closing-star{color:var(--gold);margin-bottom:18px;font-size:30px;line-height:1}.closing .section-index{color:#e9c985;margin-bottom:18px}.closing h2{font-size:clamp(31px,3vw,48px)}.closing h2 em{color:var(--gold);font-style:normal}.closing>p:not(.section-index){color:#c3d0e2;max-width:620px;margin:24px 0 0;font-size:12px;line-height:1.9}.closing a{color:#fff;border:1px solid #ffffff7a;border-radius:5px;justify-content:center;align-items:center;margin-top:28px;padding:11px 23px;font-size:12px;text-decoration:none;display:inline-flex}.closing a:hover{background:#ffffff1a}.footer{color:#a7b5cb;letter-spacing:.06em;background:#102044;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:20px clamp(24px,8vw,136px);font-size:10px;display:flex}@media (width<=1150px){.topbar{gap:25px}.topbar-tag{display:none}.look-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero{padding-left:6vw;padding-right:6vw}.hero-ring-outer{width:430px;height:430px}.hero-ring-inner{width:380px;height:380px}.hero-vertical-label{right:-10px}}@media (width<=800px){.topbar{justify-content:space-between;height:72px;padding:0 22px}.main-nav{gap:18px;margin:0}.main-nav a{font-size:11px}.hero{grid-template-columns:1fr;min-height:0;padding:65px 24px 74px}.hero-content{text-align:center;max-width:650px;margin:auto}.eyebrow,.hero-actions{justify-content:center}.hero-copy{margin-left:auto;margin-right:auto}.hero-visual{height:420px;margin-top:12px}.hero-ring-outer{width:390px;height:390px}.hero-ring-inner{width:340px;height:340px}.hero-mascot-frame,.hero-mascot{width:360px!important;height:360px!important}.hero-visual-caption{bottom:0}.hero-vertical-label{right:8%}.hero-bottom{bottom:21px;left:24px}.intro-strip{flex-wrap:wrap;gap:12px}.section-heading{align-items:flex-start}.look-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.spotlight{gap:32px}.spotlight-art{height:320px}.spotlight-sprite{width:310px;height:310px}}@media (width<=600px){.brand-name{font-size:15px}.main-nav a:not(:first-child){display:none}.hero{padding-top:54px}.hero h1{font-size:48px}.hero-copy{font-size:13px}.hero-actions{gap:18px}.hero-visual{height:350px}.hero-ring-outer{width:320px;height:320px}.hero-ring-inner{width:280px;height:280px}.hero-mascot-frame,.hero-mascot{width:300px!important;height:300px!important}.hero-vertical-label,.hero-visual-caption{display:none}.orbit-star-one{top:3%;right:5%}.intro-strip{justify-content:center;padding:18px 30px}.intro-strip span{font-size:10px}.intro-strip i:nth-of-type(2){display:none}.wardrobe{padding-top:77px;padding-bottom:80px}.section-heading{flex-direction:column;gap:16px;margin-bottom:28px}.section-description{width:100%}.filter-row{padding-bottom:5px;overflow-x:auto}.filter-chip{flex-shrink:0;padding:9px 15px}.result-count{display:none}.look-grid{gap:11px}.look-card-art{height:175px}.look-card-art:after{inset:13px}.look-card-sprite{width:180px}.look-card-meta{min-height:131px;padding:14px 12px 16px}.look-card-title{font-size:15px}.look-card-description{font-size:10px}.spotlight{grid-template-columns:1fr;gap:35px;padding-top:62px;padding-bottom:68px}.spotlight-art{height:310px}.spotlight-sprite{width:300px;height:300px}.story{padding-top:83px;padding-bottom:86px}.detail-grid{grid-template-columns:1fr;gap:11px}.detail-grid article{min-height:0;padding:24px}.detail-icon{margin:16px 0 7px}.closing{min-height:390px}.footer{flex-direction:column;justify-content:center;align-items:flex-start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}