:root{--ink:#20221f;--muted:#73766e;--line:#dedfd8;--acid:#e9ff70;--paper:#fafbf6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #7850d7;outline-offset:4px}button{transition:background .2s,transform .2s}button:hover{transform:translateY(-2px)}header{height:100px;max-width:1440px;margin:auto;padding:0 56px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{font-size:32px;font-weight:900;letter-spacing:-2px}.brand>span{font-size:15px;vertical-align:top;letter-spacing:0}.brand small{font-size:12px;display:block;letter-spacing:2px;font-weight:500}nav{display:flex;align-items:center;gap:34px;font-size:14px}nav a span{font-size:12px;color:#777;margin-left:5px}.plain{background:none;border:0}.nav-cta{background:var(--ink);border:0;color:white;padding:12px 22px;border-radius:30px}main{max-width:1440px;margin:auto;padding:0 56px}.intro{padding:55px 0 43px;display:flex;align-items:end;justify-content:space-between;gap:30px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px}h1{font-size:clamp(34px,4vw,58px);line-height:1.3;letter-spacing:-2px;margin:18px 0 0;font-weight:900}h1 span{color:#7f8375}.intro-copy{padding-bottom:5px;min-width:280px}.intro-copy p{font-size:16px;line-height:1.9;margin:0 0 18px}.primary{background:var(--acid);border:1px solid #d9eb65;border-radius:8px;padding:15px 23px;font-weight:700;display:flex;gap:48px}.intro-copy small{display:block;color:var(--muted);font-size:12px;margin-top:12px}.showcase{position:relative;border-radius:20px;overflow:hidden;min-height:510px;background:#e9ecdf;display:grid;grid-template-columns:30% 53% 17%;border:1px solid #e0e3d8}.spot-copy{padding:35px 0 30px 35px;z-index:1}.serial{font-size:12px;letter-spacing:1px;color:#777e70;margin-bottom:33px}.pill{display:inline-flex;border:1px solid #adb39e;border-radius:20px;padding:5px 11px;font-size:12px}.spot-copy h2{font-size:54px;margin:14px 0;line-height:1.2;letter-spacing:-2px}.quote{font-size:16px;line-height:1.9;min-height:60px;max-width:280px}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{font-size:12px;padding:4px 9px;background:#ffffff80;border-radius:4px}.dark-btn{background:var(--ink);border:0;border-radius:7px;color:white;padding:13px 20px;font-size:14px;margin-top:25px;display:inline-flex;gap:30px}.pager{display:flex;gap:14px;align-items:center;margin-top:31px;font-size:12px}.pager button{width:35px;height:35px;border:1px solid #bdc4b2;border-radius:50%;background:transparent}.spot-art{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;overflow:hidden}.backword{position:absolute;font-weight:900;font-size:135px;letter-spacing:-10px;color:#c5ceb3;transform:rotate(-90deg);left:-85px;opacity:.4}.spot-art img{width:100%;height:490px;object-fit:contain;position:relative;mix-blend-mode:multiply}.art-caption{position:absolute;bottom:21px;font-size:10px;letter-spacing:2px;color:#78816c}.spot-side{display:flex;flex-direction:column;justify-content:space-between;padding:35px 25px 30px 10px}.spot-side>span:first-child{font-size:11px;letter-spacing:1px;line-height:1.7}.mini-row{display:flex;align-items:center;gap:10px;font-size:12px;margin:14px 0}.mini-row b{width:12px}.mini-bar{height:4px;flex:1;background:#cbd2bf}.mini-bar i{display:block;background:#424d34;height:100%}.edition{font-size:65px;line-height:.9;font-weight:800;letter-spacing:-4px}.edition small{display:block;font-size:10px;letter-spacing:2px;margin-top:12px;font-weight:400}.atlas{padding:66px 0}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:30px;margin:12px 0 0;letter-spacing:-1px}.count{font-size:13px;color:var(--muted)}.count b{color:var(--ink);font-size:20px;margin:0 5px}.filters{display:flex;gap:10px;margin:28px 0;flex-wrap:wrap}.filters button{background:transparent;border:1px solid var(--line);border-radius:25px;padding:11px 18px;font-size:14px}.filters button span{font-size:11px;opacity:.5;margin-left:14px}.filters button.active{background:var(--ink);border-color:var(--ink);color:white}.grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.card{text-align:left;padding:0;border:1px solid #e1e3dc;border-radius:13px;overflow:hidden;background:white;color:var(--ink);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #20221f12}.card-art{position:relative;background:var(--tint);aspect-ratio:1/1.05}.card-art img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.card-id{position:absolute;top:15px;left:15px;font-size:11px;letter-spacing:1px;color:#65685f}.card-arrow{position:absolute;right:13px;bottom:12px;background:#ffffffb5;border-radius:50%;width:30px;height:30px;display:grid;place-items:center}.card-info{padding:17px 18px 20px}.card-info small{color:var(--muted);font-size:11px;letter-spacing:1px}.card-info h3{font-size:21px;margin:7px 0}.card-info p{font-size:13px;color:#71756a;line-height:1.7;margin:0;min-height:44px}.manifesto{border-top:1px solid var(--line);padding:60px 0 65px;position:relative}.manifesto>span{font-size:12px;letter-spacing:2px;color:#73776b}.manifesto h2{font-size:38px;line-height:1.5;margin:20px 0}.manifesto p{position:absolute;right:20px;top:80px;font-size:16px;line-height:2;color:#74796b}footer{max-width:1328px;margin:auto;border-top:1px solid var(--line);padding:30px 0 40px;display:flex;align-items:center;gap:30px;flex-wrap:wrap}footer p{font-size:13px}footer>small{font-size:12px;color:#7a7d74;width:100%}dialog{border:0;border-radius:20px;padding:0;max-width:950px;width:calc(100% - 40px);max-height:90vh;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#17201199;backdrop-filter:blur(6px)}.close{position:absolute;right:16px;top:13px;border:1px solid #cdd0c5;border-radius:50%;width:36px;height:36px;background:#ffffffd9;font-size:25px;z-index:3}.detail-layout{display:grid;grid-template-columns:45% 55%}.detail-art{background:var(--tint);display:flex;align-items:center;justify-content:center}.detail-art img{width:100%;mix-blend-mode:multiply}.detail-body{padding:48px 38px 35px}.detail-body h2{font-size:40px;margin:10px 0}.detail-body blockquote{margin:15px 0;font-size:18px;line-height:1.8}.detail-body .desc{font-size:14px;color:#72776b;line-height:1.9}.detail-dims{margin:23px 0}.dimension{display:grid;grid-template-columns:80px 1fr 42px;gap:12px;align-items:center;font-size:12px;margin:13px 0}.track{height:5px;background:#e2e5da;border-radius:6px}.track i{height:100%;display:block;background:#7b8c50;border-radius:6px}.model-content{padding:45px}.model-content h2{font-size:35px}.model-row{display:grid;grid-template-columns:42px 120px 1fr;gap:15px;padding:19px 0;border-top:1px solid var(--line);font-size:14px;align-items:center}.model-row>b{font-size:30px}.model-row span{line-height:1.8}.note{font-size:12px;color:#85897d;line-height:1.9}.quiz-body{padding:50px;min-height:450px}.quiz-body h2{font-size:30px;line-height:1.6;margin:25px 0}.quiz-progress{height:5px;background:#e4e8da;margin-top:20px}.quiz-progress i{height:100%;display:block;background:#9db937;transition:width .3s}.answers{display:grid;gap:12px}.answers button{text-align:left;background:white;border:1px solid #d9ddce;border-radius:10px;padding:20px;font-size:16px}.answers button:hover{background:#e9ff70}.quiz-back{border:0;background:none;margin-top:20px;font-size:14px;color:#777}.result-intro{background:var(--acid);padding:25px 35px;font-size:14px}.result-actions{display:flex;gap:12px;flex-wrap:wrap}.result-actions button{margin-top:5px}.draft-note{font-size:11px;color:#7e8276;margin-top:12px}@media(min-width:1600px){.spot-art img{height:520px}}@media(max-width:1000px){header{padding:0 28px}main{padding:0 28px}.showcase{grid-template-columns:38% 62%}.spot-side{display:none}.spot-copy h2{font-size:44px}.grid{grid-template-columns:repeat(3,minmax(0,1fr))}.spot-art img{height:470px}footer{margin:0 28px}.intro-copy{min-width:245px}}@media(max-width:680px){header{height:80px;padding:0 20px}.brand{font-size:26px}.brand small{font-size:10px}nav{gap:14px;font-size:12px}nav .plain{display:none}.nav-cta{padding:9px 13px}main{padding:0 18px}.intro{padding:32px 0 26px;display:block}.eyebrow{font-size:10px;letter-spacing:1.5px}h1{font-size:37px;letter-spacing:-1.5px}.intro-copy{margin-top:20px}.intro-copy p{font-size:14px}.intro-copy small{font-size:11px}.primary{width:100%;justify-content:space-between}.showcase{display:flex;flex-direction:column;min-height:0}.spot-art{order:0;height:320px;background:#e9ecdf}.spot-art img{height:330px;width:100%}.backword{transform:none;left:15px;font-size:95px;top:25px}.art-caption{bottom:10px;font-size:8px}.spot-copy{order:1;padding:22px}.serial{margin-bottom:14px}.spot-copy h2{font-size:36px}.quote{min-height:0;max-width:none;font-size:15px;margin:14px 0}.pager{position:absolute;bottom:23px;right:22px;gap:10px}.dark-btn{margin-top:20px;gap:16px}.spot-copy .dark-btn{font-size:12px;padding:13px}.atlas{padding:38px 0}.section-head h2{font-size:24px}.count{display:none}.filters{gap:7px;margin:22px 0}.filters button{font-size:12px;padding:9px 13px}.filters button span{display:none}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-info{padding:12px}.card-info h3{font-size:18px}.card-info small{font-size:9px;letter-spacing:0}.card-info p{font-size:12px;min-height:40px}.card-id{font-size:9px;top:10px;left:10px}.manifesto{padding:35px 0}.manifesto h2{font-size:29px}.manifesto p{position:static;font-size:14px}footer{margin:0 18px;gap:10px}footer p{font-size:12px}dialog{width:calc(100% - 24px);max-height:92vh}.detail-layout{display:block}.detail-art{height:280px}.detail-art img{width:280px;height:280px;object-fit:contain}.detail-body{padding:25px}.detail-body h2{font-size:32px}.model-content{padding:40px 24px}.model-content h2{font-size:27px}.model-row{grid-template-columns:25px 80px 1fr;gap:9px;font-size:12px}.model-row>b{font-size:23px}.quiz-body{padding:44px 24px 30px}.quiz-body h2{font-size:24px}.answers button{font-size:14px}.result-intro{padding:25px}.pager span{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}