@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Noto+Sans+TC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;500&display=swap";.page-lookbook{--lk-ink: #1A1A1A;--lk-ink-2: #4A4A4A;--lk-ink-3: #8A8A8A;--lk-ink-4: #BFBFBF;--lk-line: #E6E6E6;--lk-line-soft: #F0F0F0;--lk-paper: #FFFFFF;--lk-paper-soft: #F6F6F4;--lk-paper-warm: #F2F1ED;--lk-night: #0E0E10;--lk-blue: #227BA6;--lk-blue-deep: #1A6188;--lk-font-tc: "Noto Sans TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;--lk-font-en: "Bebas Neue","Helvetica Neue",Arial,sans-serif;--lk-font-mono: "JetBrains Mono",ui-monospace,monospace;background:var(--lk-paper);color:var(--lk-ink);font-family:var(--lk-font-tc);font-weight:300;-webkit-font-smoothing:antialiased;overflow-x:hidden}.page-lookbook *{box-sizing:border-box;margin:0;padding:0}.page-lookbook a{color:inherit;text-decoration:none}.page-lookbook img{display:block;max-width:100%}.page-lookbook ::selection{background:var(--lk-blue);color:#fff}.page-lookbook .wrap{max-width:1240px;margin:0 auto;padding:0 64px;width:100%}.page-lookbook .img-ph{background:repeating-linear-gradient(-45deg,var(--lk-paper-warm),var(--lk-paper-warm) 4px,var(--lk-paper-soft) 4px,var(--lk-paper-soft) 20px);position:relative;overflow:hidden}.page-lookbook .img-ph-case{background:repeating-linear-gradient(-45deg,#e8edf0,#e8edf0 4px,#dce5ea 4px 20px);position:relative;overflow:hidden}.page-lookbook .img-ph .ph-lbl,.page-lookbook .img-ph-case .ph-lbl{position:absolute;bottom:12px;left:12px;font-family:var(--lk-font-mono);font-size:10px;letter-spacing:.18em;color:var(--lk-ink-3);background:#f6f6f4e6;padding:3px 8px}.page-lookbook .mast{background:var(--lk-paper-warm);padding:60px 0 64px;border-bottom:1px solid var(--lk-line)}.page-lookbook .mast-inner{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:end}.page-lookbook .mast-eyebrow{font-family:var(--lk-font-en);font-size:12px;letter-spacing:.28em;color:var(--lk-blue);display:block;margin-bottom:18px}.page-lookbook .mast h1{font-family:var(--lk-font-tc);font-weight:900;font-size:clamp(52px,7.2vw,112px);line-height:.96;color:var(--lk-ink);letter-spacing:.06em}.page-lookbook .mast .sub{font-size:16px;line-height:1.9;color:var(--lk-ink-2);padding-bottom:4px;font-weight:300;max-width:360px;text-wrap:pretty}.page-lookbook .mast-stats{display:flex;gap:40px;margin-top:44px;padding-top:28px;border-top:1px solid var(--lk-line)}.page-lookbook .mast-stat .n{font-family:var(--lk-font-en);font-size:30px;color:var(--lk-blue);line-height:1}.page-lookbook .mast-stat .l{font-family:var(--lk-font-en);font-size:10px;letter-spacing:.22em;color:var(--lk-ink-3);margin-top:7px}.page-lookbook .filter-bar{border-bottom:1px solid var(--lk-line);background:var(--lk-paper);position:sticky;top:64px;z-index:40}.page-lookbook .filter-row{display:flex;align-items:center;overflow-x:auto;scrollbar-width:none}.page-lookbook .filter-row::-webkit-scrollbar{display:none}.page-lookbook .filter-btn{font-family:var(--lk-font-en);font-size:11px;letter-spacing:.22em;color:var(--lk-ink-3);padding:18px 24px;border:none;background:transparent;cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .15s}.page-lookbook .filter-btn:hover{color:var(--lk-ink)}.page-lookbook .filter-btn.active{color:var(--lk-blue);border-bottom-color:var(--lk-blue)}.page-lookbook .looks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--lk-line)}.page-lookbook .look-feat{grid-column:span 2}.page-lookbook .look-card{background:var(--lk-paper);display:flex;flex-direction:column;transition:background .2s}.page-lookbook .look-card:hover{background:var(--lk-paper-soft)}.page-lookbook .look-img{width:100%}.page-lookbook .look-feat .look-img{aspect-ratio:4/3}.page-lookbook .look-sm .look-img{aspect-ratio:3/4}.page-lookbook .look-body{padding:22px 26px 28px;flex:1;display:flex;flex-direction:column;gap:12px}.page-lookbook .look-feat .look-body{padding:28px 32px 36px;gap:16px}.page-lookbook .look-top{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;flex-wrap:wrap}.page-lookbook .look-num{font-family:var(--lk-font-en);font-size:10px;letter-spacing:.22em;color:var(--lk-ink-4)}.page-lookbook .look-badge{font-family:var(--lk-font-en);font-size:10px;letter-spacing:.18em;padding:4px 10px;display:inline-block;white-space:nowrap}.page-lookbook .badge-usual{background:var(--lk-blue);color:#fff}.page-lookbook .badge-case{background:var(--lk-paper-warm);color:var(--lk-ink-2);border:1px solid var(--lk-line)}.page-lookbook .look-keys{display:flex;flex-wrap:wrap;gap:5px}.page-lookbook .key{font-family:var(--lk-font-en);font-size:10px;letter-spacing:.14em;color:var(--lk-ink-3);padding:3px 9px;border:1px solid var(--lk-line-soft)}.page-lookbook .look-title{font-family:var(--lk-font-tc);font-weight:900;font-size:20px;letter-spacing:.04em;line-height:1.4;color:var(--lk-ink)}.page-lookbook .look-feat .look-title{font-size:24px}.page-lookbook .look-desc{font-size:14px;line-height:1.85;color:var(--lk-ink-2);font-weight:300;text-wrap:pretty}.page-lookbook .look-sm .look-desc{display:none}.page-lookbook .look-items{margin-top:auto;padding-top:14px;border-top:1px solid var(--lk-line-soft);display:flex;flex-direction:column;gap:9px}.page-lookbook .look-item{display:grid;grid-template-columns:36px 1fr;gap:10px;align-items:baseline}.page-lookbook .item-lbl{font-family:var(--lk-font-mono);font-size:9px;letter-spacing:.14em;color:var(--lk-ink-3)}.page-lookbook .item-val{font-size:13px;color:var(--lk-ink-2);font-weight:300}.page-lookbook .look-sm .item-val{font-size:12px}.page-lookbook .look-occ{font-family:var(--lk-font-en);font-size:10px;letter-spacing:.2em;color:var(--lk-blue);margin-top:4px}@media(max-width:880px){.page-lookbook .wrap{padding:0 20px}.page-lookbook .mast{padding:40px 0}.page-lookbook .mast-inner{grid-template-columns:1fr;gap:16px}.page-lookbook .mast h1{font-size:clamp(52px,16vw,96px)}.page-lookbook .filter-bar{top:56px}.page-lookbook .looks-grid{grid-template-columns:1fr}.page-lookbook .look-feat{grid-column:span 1}.page-lookbook .look-feat .look-img{aspect-ratio:3/4}.page-lookbook .look-body{padding:16px 16px 20px}.page-lookbook .look-feat .look-body{padding:20px 18px 24px}.page-lookbook .look-title{font-size:18px}.page-lookbook .look-feat .look-title{font-size:20px}.page-lookbook .look-sm .look-desc{display:block}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/page-lookbook.css.map */