@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap";:root{color:#1d1d1a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#faf9f5;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Noto Sans SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#faf9f5;min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a{color:inherit}::selection{color:#1d1d1a;background:#deddd6}@keyframes mascot-direction-fade{0%{opacity:1}to{opacity:0}}@keyframes mascot-reaction-pop{0%{opacity:0;transform:translateY(5px)scale(.6)}45%{opacity:1;transform:translateY(-2px)scale(1.08)}to{opacity:0;transform:translateY(-10px)scale(.95)}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}[style*=mascot-direction-fade]{transition-duration:0s!important;animation-duration:0s!important}}.page-shell{color:#1d1d1a;-webkit-user-select:none;user-select:none;width:min(100%,910px);margin:0 auto;padding:76px 28px 36px}.intro{text-align:center;flex-direction:column;align-items:center;max-width:650px;margin:0 auto 112px;display:flex}.intro-mascot{margin:-20px 0 4px}.kicker,.section-count,.look-english,footer{color:#74736b;letter-spacing:.12em;font-size:11px;font-weight:700;line-height:1.4}.kicker{margin:0 0 11px}.intro h1,.section-heading h2,.selected-copy h2,.study-notes h2{color:#171714;letter-spacing:-.045em;margin:0;font-weight:650}.intro h1{font-size:clamp(35px,6.2vw,62px);line-height:1.06}.intro-copy{color:#66655e;max-width:560px;margin:20px 0 0;font-size:15px;line-height:1.75}.quiet-link{color:#1d1d1a;border-bottom:1px solid #1d1d1a;align-items:center;gap:8px;margin-top:26px;padding:9px 0;font-size:13px;font-weight:650;text-decoration:none;transition:color .16s,border-color .16s;display:inline-flex}.quiet-link:hover{color:#6d6b62;border-color:#8c8a80}.quiet-link span{font-size:16px;line-height:0}.interaction-note{color:#929087;margin:13px 0 0;font-size:12px}.collection{scroll-margin-top:28px}.section-heading{max-width:540px}.section-count{margin:0 0 8px}.section-heading h2,.selected-copy h2{font-size:clamp(27px,3.5vw,38px);line-height:1.12}.section-heading>p:last-child{color:#6d6b63;margin:13px 0 0;font-size:14px;line-height:1.65}.look-groups{gap:30px;margin-top:26px;display:grid}.look-group{border-top:1px solid #dfded7;padding-top:17px}.look-group:first-child{border-top:0;padding-top:0}.look-group-heading{align-items:baseline;gap:12px;margin-bottom:11px;display:flex}.look-group-heading .section-count{margin:0}.look-group-heading h3{color:#242420;letter-spacing:-.02em;margin:0;font-size:17px;font-weight:650}.look-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 8px;display:grid}.look-card{min-width:0;min-height:170px;color:inherit;cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;border-radius:15px;flex-direction:column;justify-content:flex-end;align-items:center;padding:7px 4px 9px;transition:background-color .18s,transform .18s;display:flex}.look-card:hover,.look-card:focus-visible{background:#f0efe9;outline:none}.look-card:focus-visible{box-shadow:0 0 0 2px #57564f}.look-card.is-selected{background:#e8e7e1}.look-card:active{transform:scale(.97)}.look-art{pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:flex-end;height:124px;margin-bottom:7px;display:flex}.look-name{color:#242420;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:650;line-height:1.4;display:block;overflow:hidden}.look-english{letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap;max-width:100%;margin-top:2px;font-size:8px;display:block;overflow:hidden}.selected-look{border-top:1px solid #dfded7;border-bottom:1px solid #dfded7;grid-template-columns:minmax(220px,.72fr) minmax(0,1fr);align-items:center;gap:52px;margin-top:84px;padding:48px 0 42px;display:grid}.selected-art{-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;min-height:258px;display:flex}.selected-copy>p:not(.section-count){color:#55544e;margin:16px 0 0;font-size:15px;line-height:1.7}.selected-copy .selected-detail{color:#828078;font-size:13px}.study-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:58px;display:grid}.study-notes article{min-width:0}.study-notes span{color:#8c8a80;letter-spacing:.1em;font-size:11px;font-weight:700}.study-notes h2{margin-top:12px;font-size:19px;line-height:1.2}.study-notes p{color:#747269;margin:10px 0 0;font-size:13px;line-height:1.7}footer{color:#9b998f;border-top:1px solid #dfded7;justify-content:space-between;gap:18px;margin-top:74px;padding-top:18px;font-size:9px;display:flex}@media (width<=740px){.page-shell{padding:48px 20px 30px}.intro{margin-bottom:76px}.look-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.selected-look{gap:28px}}@media (width<=560px){.intro-mascot{margin-top:-18px}.intro-copy{font-size:14px}.look-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 5px}.look-card{min-height:166px}.look-art{transform-origin:bottom;height:112px;margin-bottom:0;transform:scale(.9)}.selected-look{grid-template-columns:1fr;gap:22px;margin-top:62px;padding:36px 0}.selected-art{min-height:230px}.study-notes{grid-template-columns:1fr;gap:22px;margin-top:42px}footer{flex-direction:column;gap:6px;margin-top:50px}}@media (prefers-reduced-motion:reduce){.quiet-link,.look-card{transition:none}}