@font-face{font-family:Anton;src:url('../Anton-Regular.ttf');font-display:swap}@font-face{font-family:Manrope;src:url('../Manrope.ttf');font-display:swap;font-weight:200 800}
:root{--paper:#e7e8e3;--ink:#090e16;--blue:#315cff;--pink:#fc69ba;--line:#ffffff26;color-scheme:dark;font-family:Manrope,'Microsoft YaHei',sans-serif;background:var(--ink);color:var(--paper)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:70px}body{margin:0}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}figure,p,h1,h2{margin:0}img{max-width:100%;display:block}button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:4px}header{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 3vw;border-bottom:1px solid var(--line);gap:24px}.brand{font-weight:800;font-size:24px;letter-spacing:-1.5px}.brand span{color:var(--pink)}header nav{display:flex;gap:32px;font-size:12px}header nav a{opacity:.5}header nav a[aria-current]{opacity:1}.lang{font-size:12px}.skip{position:fixed;top:-80px;z-index:20;background:var(--blue);padding:12px}.skip:focus{top:8px}.hero{position:relative;max-width:1800px;margin:auto}.hero-heading{padding:38px 4vw 0;position:relative;z-index:2;pointer-events:none}.hero-heading>p{font-size:10px;letter-spacing:.15em;display:flex;justify-content:space-between}.hero h1{font-family:Anton,sans-serif;font-weight:400;font-size:clamp(80px,14.2vw,210px);line-height:.86;letter-spacing:-.025em;margin-top:38px}.hero h1 br{display:none}.hero h1 span{display:block;color:var(--paper)}.hero-sub{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-top:22px}.hero-sub h2{font-size:26px;letter-spacing:.04em}.hero-sub p{font-size:13px;color:#b3bac7;max-width:260px;line-height:1.8}.hero-image{width:min(100%,1250px);margin:-10px auto 0}.photo{display:block;padding:0;background:transparent;position:relative;width:100%;text-align:left;overflow:hidden}.photo img{width:100%;height:auto}.zoom{position:absolute;bottom:20px;right:20px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #ffffff80;background:#080e1690;color:white;opacity:0;transition:opacity .2s}.photo:hover .zoom,.photo:focus-visible .zoom{opacity:1}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 4vw;padding:26px 0 38px;font-size:10px;letter-spacing:.09em}.hero-foot img{background:var(--paper);padding:5px;width:130px;height:auto}.hero-foot a{font-size:12px}.chapters{position:sticky;top:0;z-index:5;background:#090e16ec;backdrop-filter:blur(16px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:19px 4vw;display:flex;justify-content:center;gap:6vw;font-size:12px}.chapters a:hover{color:var(--pink)}.chapter{padding:100px 4vw 0;max-width:1800px;margin:auto;position:relative}.chapter-heading{display:grid;grid-template-columns:1fr 1fr;gap:24px 7vw;margin-bottom:40px}.eyebrow{font-size:10px;letter-spacing:.16em;line-height:1.5}.chapter-heading>.eyebrow{grid-column:1/-1;color:#a3adbd;display:flex;align-items:center;gap:14px}.chapter-heading>.eyebrow:before{content:'';width:18px;height:3px;background:var(--blue)}h2{font-size:clamp(30px,4.1vw,64px);font-weight:700;line-height:1.12;letter-spacing:-.045em}.description{font-size:14px;color:#aeb6c3;line-height:1.9;max-width:440px;align-self:end}.chapter-image{max-width:1280px;margin:auto}.collection .chapter-image{max-width:1400px}.detail-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-pair figure:nth-child(2){margin-top:100px}.detail-pair figcaption{font-size:10px;padding:16px 0;color:#a3adbd;letter-spacing:.12em}.floating{display:grid;grid-template-columns:.7fr 1.3fr;align-items:center;gap:5vw;padding-top:130px}.floating .chapter-heading{display:block;margin:0}.floating h2{margin:28px 0;max-width:420px}.floating .chapter-image{width:100%}.floating .description{max-width:330px}.perspective{padding-top:130px}.perspective .chapter-image{max-width:1200px}.layouts{padding-bottom:90px}.layouts .chapter-image{max-width:1100px}.caption{font-size:11px;line-height:1.8;color:#8d9aad;max-width:1100px;margin:16px auto 0}.deskmat{background:var(--paper);color:var(--ink);max-width:none;padding-bottom:80px}.deskmat .chapter-heading{max-width:1440px;margin:0 auto 40px}.deskmat .description,.deskmat .eyebrow{color:#59626f}.deskmat .chapter-image{max-width:1250px}.set .chapter-image{max-width:1100px}.packaging{padding-bottom:110px}.packaging .chapter-image{max-width:1250px}.notes{padding:64px 8vw;background:#111925;display:grid;grid-template-columns:1fr 1.2fr;gap:25px 8vw}.notes>.eyebrow{grid-column:1/-1;color:#95a2b6}.notes h2{font-size:32px}.notes dl{margin:0}.notes dl>div{display:grid;grid-template-columns:1fr 2fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.8}.notes dt{color:#95a2b6}.notes dd{margin:0}.closing{background:var(--blue);padding:60px 4vw 70px}.closing>p{font-size:10px;letter-spacing:.13em}.closing h2{font-size:clamp(38px,7.7vw,125px);margin:40px 0;letter-spacing:-.06em}.closing a{font-size:12px}footer{padding:26px 4vw;font-size:10px;color:#929ead;display:flex;justify-content:space-between;gap:20px}#viewer{padding:0;border:1px solid #364053;background:#090e16;color:var(--paper);width:96vw;max-width:1600px;height:94dvh;max-height:94dvh}#viewer::backdrop{background:#000e;backdrop-filter:blur(10px)}.viewer-bar{height:64px;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 24px}.viewer-bar p{font-size:12px}.close{background:#24304a;padding:8px 16px;white-space:nowrap}#viewer-image{width:100%;height:calc(100% - 64px);object-fit:contain}.edition-intro{padding:60px 5vw}.edition-intro h1{font-size:clamp(36px,6vw,90px);letter-spacing:-.04em;margin:20px 0}.edition-intro>p:last-child{color:#9faabd;font-size:14px}.poster{width:min(100%,1080px);margin:40px auto;position:relative;aspect-ratio:1;overflow:hidden;background:#111925}.poster>.photo{height:100%}.poster>.photo img{width:100%;height:100%;object-fit:contain}.poster-copy{pointer-events:none;position:absolute;inset:auto 0 0;padding:10% 5% 6%;background:linear-gradient(transparent,#050b15ee);color:white}.poster-copy h2{font-size:clamp(26px,4.6vw,62px);margin:16px 0 12px;max-width:85%}.poster-copy>p:last-child{font-size:clamp(11px,1.4vw,16px);line-height:1.8;max-width:75%}.poster-brand{position:absolute;top:3%;right:3%;font-size:10px;letter-spacing:.1em;color:white;text-shadow:0 1px 5px black;pointer-events:none}.poster.hero-poster .poster-copy{inset:0 0 auto;padding:4% 5% 12%;background:linear-gradient(#050b15c9,transparent)}.hero-poster h2{font-family:Anton;font-weight:400;line-height:.93;font-size:clamp(50px,8vw,110px)}.poster.floating{display:block;padding:0}.poster.floating .photo img{object-fit:cover}.poster.details{padding:0}.poster.deskmat{padding:0;color:white}.poster.collection .poster-copy,.poster.layouts .poster-copy,.poster.set .poster-copy,.poster.packaging .poster-copy{padding:3% 5%;background:#070e19e8}.poster.collection>.photo,.poster.layouts>.photo,.poster.set>.photo,.poster.packaging>.photo{height:83%}.poster.collection .photo img,.poster.layouts .photo img,.poster.set .photo img,.poster.packaging .photo img{object-fit:contain}.poster .eyebrow{font-size:clamp(8px,1vw,10px)}
@media(min-width:1000px){.hero-heading{position:absolute;left:0;top:0;width:100%;padding-top:26px}.hero h1{font-size:clamp(90px,10vw,150px);margin-top:25px;line-height:.9}.hero h1 br{display:block}.hero h1 span{display:inline}.hero-sub{max-width:600px;margin-top:18px}.hero-sub h2{font-size:20px}.hero-sub p{font-size:11px;max-width:250px}.hero-image{width:100%;max-width:1500px}.hero-heading>p{padding-bottom:0}.hero-image .photo{cursor:zoom-in}.hero h1{max-width:900px}.hero-foot{margin-top:0}}
@media(max-width:720px){header{height:60px;padding:0 18px;gap:14px}.brand{font-size:19px}header nav{gap:12px;font-size:10px}.lang{font-size:11px}.hero-heading{padding:26px 20px 0}.hero-heading>p{font-size:8px;letter-spacing:.08em}.hero h1{font-size:19vw;margin-top:24px}.hero-sub{display:block}.hero-sub h2{font-size:20px}.hero-sub p{font-size:12px;max-width:none;margin-top:12px}.hero-image{margin:14px 0 0}.hero-foot{margin:0 20px;padding:20px 0}.hero-foot>span{display:none}.hero-foot img{width:105px}.chapters{padding:16px 18px;gap:24px;font-size:11px;justify-content:space-between;overflow:auto;white-space:nowrap}.chapter{padding:56px 20px 0}.chapter-heading{grid-template-columns:1fr;gap:18px;margin-bottom:26px}.chapter-heading>.eyebrow{font-size:9px}.chapter h2{font-size:34px}.description{font-size:13px;max-width:100%}.chapter-image{margin:0 -20px}.detail-pair{gap:8px}.detail-pair figure:nth-child(2){margin-top:45px}.detail-pair figcaption{font-size:8px;padding:12px 10px}.floating{display:block;padding-top:65px}.floating .chapter-heading{margin-bottom:28px}.floating h2{margin:20px 0}.floating .chapter-image{width:auto}.floating .description{max-width:none}.layouts{padding-bottom:50px}.caption{font-size:10px}.deskmat{padding-bottom:45px}.deskmat .chapter-heading{margin-bottom:26px}.packaging{padding-bottom:55px}.notes{display:block;padding:38px 24px}.notes h2{font-size:28px;margin:22px 0}.notes dl>div{font-size:11px;gap:18px}.closing{padding:40px 24px}.closing h2{font-size:38px;line-height:1.2}footer{font-size:8px;padding:22px}.zoom{opacity:1;width:25px;height:25px;bottom:12px;right:12px}.poster{margin:22px auto}.poster-copy h2{font-size:27px;margin:10px 0}.poster-copy>p:last-child{max-width:95%;font-size:11px;line-height:1.6}.poster-brand{font-size:7px}.poster .eyebrow{font-size:7px}.poster.hero-poster h2{font-size:15vw}.poster.collection>.photo,.poster.layouts>.photo,.poster.set>.photo,.poster.packaging>.photo{height:76%}.poster.collection .poster-copy,.poster.layouts .poster-copy,.poster.set .poster-copy,.poster.packaging .poster-copy{padding:3% 4%}.edition-intro{padding:36px 20px}#viewer{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.viewer-bar{padding:12px}.viewer-bar p{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.concept{padding:100px 6vw;background:var(--paper);color:var(--ink);display:grid;grid-template-columns:1.1fr 1fr;gap:8vw}.concept-intro h2{font-size:clamp(32px,3.7vw,58px);line-height:1.25;margin:28px 0}.concept-lead{font-size:15px;line-height:2;color:#47515f;max-width:590px}.concept-principles article{padding:22px 0;border-top:1px solid #17233430}.concept-principles h3{font-size:20px;line-height:1.5;margin:12px 0}.concept-principles article>p:last-child{font-size:13px;line-height:1.9;color:#47515f}.concept .eyebrow{color:#324a7b}.concept-poster .poster-copy{background:linear-gradient(transparent,#050b15 30%);padding-top:14%}.concept-poster .poster-copy>p:last-child{max-width:100%}.concept-poster h2{max-width:100%}
@media(max-width:720px){.concept{padding:50px 24px;grid-template-columns:1fr;gap:30px}.concept-intro h2{font-size:32px;margin:22px 0}.concept-lead{font-size:13px}.concept-principles h3{font-size:19px}.concept-principles article{padding:20px 0}.concept-poster .poster-copy h2{font-size:24px}.concept-poster .poster-copy>p:last-child{font-size:11px}}
@media(min-width:1000px){.hero-image{height:calc(100svh - 72px);min-height:660px;max-height:1100px}.hero-image>.photo{height:100%}.hero-image .photo img{height:100%;width:100%;object-fit:contain}.hero h1{font-size:clamp(86px,8vw,120px)}.hero-sub{display:block}.hero-sub p{margin-top:10px;max-width:230px}}