@font-face{font-family:Manrope;src:url('../../assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
@font-face{font-family:Anton;src:url('../../assets/Anton-Regular.ttf') format('truetype');font-display:swap}
:root{--ink:#272d23;--paper:#efeee7;--olive:#485238;--yellow:#d1bd62;--plum:#834959;--line:#c9c9bd;--muted:#656b5e;--pad:clamp(24px,5.5vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,'Microsoft YaHei','PingFang SC',sans-serif;font-size:15px;line-height:1.75}img{display:block;width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait}a:hover{opacity:.72}button:hover{filter:brightness(.95)}:focus-visible{outline:3px solid #a54b70;outline-offset:5px}button{border:0}figure,h1,h2,h3,p,ol,dl{margin:0}p{max-width:46em}h2{font-size:clamp(30px,3.45vw,58px);font-weight:600;line-height:1.35;letter-spacing:-.035em}h3{font-size:clamp(24px,2vw,32px);line-height:1.45;font-weight:600}button,a{touch-action:manipulation}.mono,.section-meta,.review,.micro,.detail-tag,figcaption,.fine-pair,footer{font-size:11px;letter-spacing:.06em}.skip{position:fixed;top:-80px;z-index:50;background:var(--yellow);padding:15px}.skip:focus{top:0}.review{background:var(--ink);color:#dddccc;display:flex;justify-content:space-between;padding:7px var(--pad);font-size:10px}header{position:sticky;top:0;z-index:20;height:76px;display:flex;align-items:center;justify-content:space-between;background:var(--paper);border-bottom:1px solid var(--line);padding:0 var(--pad);gap:28px}.brand{font-size:27px;font-weight:800;letter-spacing:-1.4px}.brand span{color:var(--plum)}header nav{display:flex;gap:32px;font-size:12px}header .lang{font-size:12px;white-space:nowrap}
.hero{background:#c5c8b9;padding:26px var(--pad) 30px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;border-bottom:1px solid #8f9684;padding-bottom:16px}.hero-title{display:grid;grid-template-columns:1.4fr 1fr;gap:7%;align-items:center;padding-top:28px}.hero h1{font-family:Anton,sans-serif;font-size:clamp(90px,13vw,205px);font-weight:400;line-height:.94;letter-spacing:-.025em}.hero h1 span{display:block;color:#657052}.hero-intro{max-width:360px;justify-self:end;padding-top:20px}.series-name{font-size:23px;font-weight:600;margin-bottom:14px}.hero-intro>p:not(.series-name){font-size:13px;line-height:1.9}.jump{display:flex;justify-content:space-between;align-items:center;margin-top:25px;border-bottom:1px solid #68735a;padding:8px 0;font-size:12px}.jump span{font-size:26px}.hero-art{position:relative;margin:-90px auto 0;max-width:1060px;padding:0 38px;pointer-events:none}.hero-art img{position:relative;filter:drop-shadow(0 24px 18px #2632222b)}.hero-art:before{content:'';position:absolute;inset:24% 0 0;background:linear-gradient(90deg,transparent 49.9%,#8b947950 50%,transparent 50.1%),linear-gradient(transparent 49.8%,#8b947950 50%,transparent 50.2%);border-bottom:1px solid #929b83}.cross{position:absolute;font:24px monospace;color:#667457}.c1{top:35%;left:5px}.c2{bottom:10%;right:5px}.vertical{position:absolute;writing-mode:vertical-rl;right:-15px;top:34%;font-size:9px}.hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:30px;padding-top:18px;border-top:1px solid #959d89}.hero-bottom h2{font-size:clamp(22px,2.3vw,36px)}.hero-bottom .mono{font-size:10px}.ticker{display:flex;justify-content:space-between;gap:22px;padding:15px var(--pad);font-size:10px;letter-spacing:.1em;background:var(--ink);color:#d9dccd}.seam{color:var(--yellow);letter-spacing:3px}.section{padding:76px var(--pad) 88px}.section-meta{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:13px;margin-bottom:50px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:13%;align-items:start}.lead{font-size:17px;line-height:2}.muted{color:var(--muted);font-size:12px;margin-top:24px}.palette{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:25px;padding:0;margin:54px 0}.palette li{display:flex;align-items:center;gap:12px;font-size:11px}.palette i{display:block;width:42px;height:42px;background:var(--swatch)}.statement{position:relative;border:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 1fr;padding:36px;align-items:start;overflow:hidden}.statement p{font-family:Anton,sans-serif;font-size:clamp(60px,8.8vw,138px);line-height:1;letter-spacing:-.03em}.statement em{font-style:normal;color:#727d58}.statement-index{font-family:Anton;font-size:clamp(75px,13vw,180px);line-height:1;color:#b8beaa;justify-self:end;align-self:end}.statement>.mono{writing-mode:vertical-rl;font-size:10px}.collection{background:#dfe1d6}.collection .section-meta{border-color:#b6bdab}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:60px;margin-bottom:42px}.section-heading h2{flex:1}.section-heading>p{font-size:13px;max-width:340px;flex:1;padding-top:8px}.collection-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:40px}.switch{display:flex;border:1px solid #969f88;padding:4px;gap:3px}.switch button{background:transparent;font-size:12px;padding:10px 24px}.switch button[aria-pressed=true]{background:var(--ink);color:#f2f2e9}.zoom-button{background:transparent;font-size:11px;border-bottom:1px solid currentColor;padding:7px 0}.collection-image{margin-top:20px}.collection-image img{max-width:1250px;margin:auto}.collection-image figcaption{display:flex;justify-content:space-between;padding:20px 0;border-bottom:1px solid #b6bdab}.fine-pair{display:flex;gap:50px;justify-content:space-between;color:#565e4d;margin-top:20px;font-size:11px}.fine-pair p{max-width:43%;line-height:1.8}.details{padding-bottom:80px}.detail-row{display:grid;grid-template-columns:1.6fr 1fr;gap:8%;align-items:center;margin-top:45px}.photo{position:relative}.photo img{width:100%;aspect-ratio:14/9;object-fit:cover}.photo-code{position:absolute;bottom:14px;left:18px;color:#fff;background:#272d23;padding:4px 9px}.detail-number{font-family:Anton;font-size:60px;color:#9da68b;line-height:1;display:block;margin-bottom:32px}.detail-copy p{font-size:13px;line-height:1.9;margin-top:20px}.detail-tag{display:block;border-top:1px solid var(--line);padding-top:18px;margin-top:32px;font-size:9px}.reversed{grid-template-columns:1fr 1.6fr;margin-top:78px}.reversed .photo{order:2}.reversed .detail-copy{order:1}.pc-section{background:#37312f;color:#f0eae0;display:grid;grid-template-columns:1fr 1.2fr}.pc-copy{padding:70px 5vw 40px var(--pad)}.pc-copy h2{margin:30px 0;font-size:clamp(30px,3.2vw,52px)}.pc-copy>p:not(.micro){font-size:13px;color:#d3c7c4;max-width:390px}.pc-copy .micro{color:#cbb7ba;font-size:10px;margin-top:25px}.pc-sign{font-family:Anton;font-size:105px;line-height:1.3;color:#b86c87;display:flex;justify-content:space-between;max-width:350px;margin-top:30px}.pc-sign>span{font-family:Manrope;font-weight:300}.pc-photo{display:flex;align-items:center;overflow:hidden;background:#92968e}.pc-photo img{height:100%;object-fit:cover;object-position:55% center}.deskmat{background:#272e23;color:#e6e8db}.deskmat .section-meta{border-color:#626d54}.deskmat .section-heading p{color:#bfc6b3}.deskmat figure{padding-top:10px}.deskmat figure img{box-shadow:0 20px 32px #0e150b40}.deskmat figcaption{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px;color:#c4cbb9}.packaging{background:#e8e8df}.packaging figure{background:#fff}.packaging figure img{max-width:1300px;margin:auto}.packaging figcaption{background:#e8e8df;padding-top:20px;color:#666e5b}.info-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:12%}.info-grid p{font-size:13px;color:var(--muted);margin-top:25px;max-width:340px}.info-grid dl>div{display:grid;grid-template-columns:1fr 1.7fr;gap:20px;border-bottom:1px solid var(--line);padding:18px 0;font-size:12px}.info-grid dl>div:first-child{padding-top:0}.info-grid dd{margin:0}.info-grid dt{color:var(--muted)}.closing{padding:65px var(--pad) 0;background:#465136;color:#eef0df;overflow:hidden}.closing h2{font-size:clamp(40px,5.5vw,80px);margin:34px 0}.closing-links{display:flex;justify-content:space-between;border-top:1px solid #9ba48b;padding-top:20px;font-size:12px}.closing-word{font-family:Anton;font-size:clamp(50px,12.6vw,220px);line-height:1.25;letter-spacing:-.02em;color:#aab496;white-space:nowrap;margin-top:38px}footer{background:#272d23;color:#b8beac;display:flex;justify-content:space-between;gap:25px;padding:26px var(--pad);font-size:10px}dialog{width:min(96vw,1600px);max-width:none;max-height:95vh;border:0;background:#e1e3d8;padding:50px 24px 24px;color:var(--ink)}dialog::backdrop{background:#111a12cf}dialog>img{width:100%;height:auto}dialog form{position:sticky;top:0;display:flex;justify-content:flex-end;margin-top:-35px;margin-bottom:15px}.dialog-close{padding:8px 15px;background:var(--ink);color:white;font-size:12px}.dialog-close span{margin-left:8px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1700px){main,header,.review,footer{max-width:1920px;margin-inline:auto}.hero-art{max-width:1250px}.hero-title{grid-template-columns:1.6fr 1fr}.hero-art{margin-top:-110px}}
@media(max-width:1050px){header nav{gap:18px;font-size:11px}.hero-art{margin-top:-32px}.hero-title{grid-template-columns:1.3fr 1fr;gap:30px}.hero h1{font-size:14vw}.hero-intro{padding-top:0}.hero-intro p:not(.series-name){font-size:12px}.hero-bottom{align-items:start;flex-direction:column;gap:8px}.section-heading{gap:35px}.section-heading>p{max-width:300px}.pc-copy{padding-block:45px}.detail-row{gap:6%}.detail-number{font-size:48px;margin-bottom:22px}}
@media(max-width:720px){html{scroll-padding-top:76px}.review{font-size:9px;padding-block:6px}header{height:64px;gap:14px}.brand{font-size:24px}header nav{display:none}.hero{padding-top:22px}.hero-top{font-size:8px;gap:12px}.hero-top span:last-child{font-size:7px}.hero-title{display:block;padding-top:30px;position:relative}.hero h1{font-size:22vw;line-height:.96}.hero h1 span{display:inline;margin-left:12px;font-size:13vw}.hero-intro{margin-top:26px;max-width:100%;display:grid;grid-template-columns:1fr 1.6fr;gap:14px;align-items:start}.hero-intro .series-name{font-size:18px}.hero-intro p:not(.series-name){font-size:11px;line-height:1.8}.jump{grid-column:1/-1;margin:0;font-size:11px;padding:4px 0}.jump span{font-size:20px}.hero-art{padding:0;margin:20px -10px 20px}.vertical{display:none}.cross{font-size:16px}.hero-bottom h2{font-size:25px}.hero-bottom .mono{font-size:9px}.ticker{font-size:8px;padding-block:12px;gap:12px}.ticker span:nth-child(3),.ticker .seam{display:none}.section{padding:47px var(--pad) 52px}.section-meta{margin-bottom:32px;font-size:9px}.section-meta>span:last-child{font-size:8px}.intro-grid{grid-template-columns:1fr;gap:25px}.lead{font-size:14px;line-height:1.9}.muted{font-size:11px;margin-top:15px}.palette{grid-template-columns:1fr 1fr;gap:20px;margin-block:32px}.palette i{width:30px;height:30px}.palette li{font-size:10px}.statement{padding:22px 18px;grid-template-columns:.4fr 2fr .8fr;gap:8px}.statement p{font-size:15vw}.statement-index{font-size:21vw}.statement>.mono{font-size:8px}.section-heading{display:block;margin-bottom:28px}.section-heading>p{max-width:none;margin-top:22px;font-size:12px;padding:0}.collection-toolbar{margin-top:30px;gap:10px}.switch{padding:3px}.switch button{padding:9px 13px;font-size:10px}.zoom-button{font-size:10px}.collection-image{margin-inline:-8px}.collection-image figcaption{font-size:8px;margin-inline:8px;gap:15px;padding-top:15px}.fine-pair{display:block;margin-top:15px}.fine-pair p{max-width:none;font-size:10px;margin-top:10px}.detail-row,.reversed{display:flex;flex-direction:column;align-items:stretch;gap:25px;margin-top:32px}.reversed{margin-top:42px}.reversed .photo,.reversed .detail-copy{order:initial}.detail-copy{position:relative;padding-left:48px}.detail-number{position:absolute;left:0;top:4px;font-size:30px}.detail-copy h3{font-size:22px}.detail-copy p{font-size:12px;margin-top:12px}.detail-tag{margin-top:18px;padding-top:12px;font-size:8px}.pc-section{display:flex;flex-direction:column}.pc-copy{padding:40px var(--pad) 30px}.pc-copy h2{margin-block:25px;font-size:35px}.pc-copy>p:not(.micro){font-size:12px}.pc-sign{font-size:62px;margin-top:20px;max-width:none}.pc-photo img{height:auto;aspect-ratio:1.6;object-fit:cover}.deskmat figcaption{font-size:9px}.packaging figure{margin-inline:-12px}.packaging figcaption{padding-inline:12px;font-size:10px}.info-grid{display:block}.info-grid p{font-size:12px;max-width:none;margin:18px 0 32px}.info-grid dl>div{font-size:11px;grid-template-columns:1fr 1.8fr;gap:14px;padding:16px 0}.closing{padding-top:40px}.closing h2{font-size:39px;margin-block:25px}.closing>.mono{font-size:9px}.closing-links{font-size:11px}.closing-word{font-size:12vw;margin-top:35px}footer{display:block;padding-block:20px;font-size:9px}footer span{display:block}footer span+span{margin-top:8px}dialog{padding-inline:10px}.dialog-close{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.layouts{background:#dfe1d6}.layouts .section-meta{border-color:#b6bdab}.layout-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;margin:35px 0}.layout-toolbar .switch{flex-wrap:wrap}.layout-toolbar .switch button{font-size:11px;padding:9px 18px}.layout-row{display:grid;grid-template-columns:110px minmax(0,1fr);gap:28px;border-top:1px solid #b6bdab;padding:30px 0}.layout-label h3{font:40px/1.2 Anton,sans-serif}.layout-label p{font-size:10px;margin:12px 0;color:#56624a}.layout-label .mono{font-size:9px}.layout-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:start}.layout-card[hidden]{display:none}.layout-card{min-width:0}.layout-image-button{background:transparent;padding:0;display:block;width:100%;transition:background .2s}.layout-image-button:hover{background:#cbd1c0;filter:none}.layout-image-button img{aspect-ratio:2;object-fit:contain}.layout-card figcaption{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #b6bdab;padding-top:9px;font-size:10px}.layout-card .zoom-button{font-size:9px;border:0;padding:4px 0}.layout-note{font-size:11px;line-height:1.8;color:#606855;margin-top:26px;max-width:850px}.layouts[data-filtered=true] .layout-cards{grid-template-columns:minmax(0,1fr);max-width:1000px}.layouts[data-filtered=true] .layout-label{padding-top:20px}.packaging-v2{background:#e8e8df}.packaging-v2 figure{background:transparent}.packaging-v2 .package-main img{max-width:none;aspect-ratio:1.6;object-fit:contain}.package-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;margin-top:35px;align-items:start}.packaging-v2 figcaption{font-size:10px;padding-top:14px;background:transparent}.package-open{padding-top:20px}.packaging-v2 .package-detail img{aspect-ratio:26/22;object-fit:contain}
@media(max-width:1050px){.layout-row{grid-template-columns:85px minmax(0,1fr);gap:20px}.layout-cards{gap:12px}.layout-label h3{font-size:32px}.layout-toolbar{gap:16px}.package-grid{grid-template-columns:1fr 1fr;gap:20px}}
@media(max-width:720px){.layout-toolbar{display:block;margin:25px 0}.layout-toolbar .switch{display:flex;width:100%;justify-content:space-between}.layout-toolbar .switch button{font-size:9px;padding:9px 10px}.layout-toolbar>span{display:block;font-size:9px;margin-top:12px}.layout-row{display:block;padding:24px 0}.layout-label{display:flex;align-items:center;gap:16px;margin-bottom:20px}.layout-label h3{font-size:30px}.layout-label p{font-size:9px;margin:0;flex:1}.layout-label .mono{font-size:9px}.layout-cards{grid-template-columns:1fr;gap:25px}.layout-card figcaption{font-size:10px;padding-top:5px}.layout-card .zoom-button{font-size:10px}.layout-note{font-size:10px;margin-top:16px}.layouts[data-filtered=true] .layout-label{padding-top:0}.package-grid{display:block;margin-top:28px}.package-open{padding-top:0}.package-detail{margin-top:28px}.packaging-v2 figure{margin-inline:0}.packaging-v2 figcaption{font-size:10px;padding-inline:0}.packaging-v2 .layout-note{margin-top:26px}}