*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fbf7ec;color:#171717;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.72}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.wrap{width:min(1380px,calc(100% - 52px));margin:auto}:root{--ink:#171717;--cream:#fbf7ec;--yellow:#ffd83d;--coral:#ff6257;--violet:#7058f5;--mint:#c9f2dc;--sky:#dcefff;--line:#cfc9ba}.eyebrow{font:900 11px/1 Arial;letter-spacing:.2em;text-transform:uppercase}.ticker{height:34px;background:var(--ink);color:white;overflow:hidden}.ticker .wrap{height:100%;display:flex;align-items:center;justify-content:space-between;font:800 10px Arial;letter-spacing:.15em}.ticker b{color:var(--yellow)}header{height:82px;background:rgba(251,247,236,.96);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:50;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;gap:26px}.logo{display:flex;align-items:center;gap:12px;margin-right:auto}.logo-mark{width:58px;height:49px;background:var(--yellow);border:2px solid var(--ink);display:grid;place-items:center;font:1000 25px/1 Arial;box-shadow:5px 5px 0 var(--coral)}.logo b{font:1000 21px/1 Arial,"Microsoft YaHei"}.logo small{display:block;font:800 8px Arial;letter-spacing:.16em;margin-top:4px;color:#655f55}.navlinks{display:flex;gap:22px;font-size:13px;font-weight:900}.navlinks a{padding:28px 0;position:relative}.navlinks a:after{content:"";position:absolute;left:0;bottom:20px;width:0;height:4px;background:var(--violet);transition:.2s}.navlinks a:hover:after{width:100%}.menu{display:none;border:2px solid var(--ink);background:var(--yellow);padding:9px 12px;font-weight:1000}.mobile{display:none}.hero{display:grid;grid-template-columns:1.05fr .95fr;min-height:760px;border-bottom:2px solid var(--ink)}.hero-copy{background:var(--yellow);padding:92px max(42px,calc((100vw - 1380px)/2));padding-right:76px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.hero-copy:after{content:"17";position:absolute;right:-16px;bottom:-52px;font:1000 290px/.8 Arial;color:rgba(255,255,255,.35);letter-spacing:-.12em}.hero-copy>*{position:relative;z-index:2}.hero h1{font:1000 clamp(64px,7vw,116px)/.86 Arial,"Microsoft YaHei";letter-spacing:-.08em;margin:24px 0 26px;max-width:760px}.hero h1 em{font-style:normal;display:block;color:var(--violet);letter-spacing:-.06em}.hero p{font-size:18px;font-weight:700;max-width:680px}.actions{display:flex;gap:13px;flex-wrap:wrap;margin-top:31px}.btn{min-height:52px;padding:0 23px;display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border:2px solid var(--ink);font-weight:1000;box-shadow:5px 5px 0 var(--coral);transition:.2s}.btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 var(--coral)}.btn.alt{background:transparent;color:var(--ink);box-shadow:none}.hero-art{background:url('/assets/hero.webp') center/cover;position:relative;min-height:760px}.hero-card{position:absolute;left:36px;right:36px;bottom:34px;background:rgba(251,247,236,.94);border:2px solid var(--ink);padding:24px;display:grid;grid-template-columns:75px 1fr;gap:18px;align-items:center}.play{width:68px;height:68px;border-radius:50%;background:var(--coral);border:2px solid var(--ink);display:grid;place-items:center;font:1000 22px Arial}.hero-card b{display:block;font-size:20px}.hero-card small{font-weight:700;color:#5d5b56}.playlist{background:var(--cream);border-bottom:2px solid var(--ink)}.playlist .wrap{display:grid;grid-template-columns:repeat(5,1fr)}.playlist span{padding:26px 20px;border-left:1px solid var(--line);font-size:13px;font-weight:900}.playlist b{display:block;color:var(--violet);font:1000 11px Arial;margin-bottom:6px}.section{padding:108px 0}.white{background:#fff}.mint{background:var(--mint)}.violet{background:var(--violet);color:white}.heading{display:grid;grid-template-columns:1.1fr .9fr;gap:90px;align-items:end;margin-bottom:54px}.heading h2,.pagehead h1{font:1000 clamp(46px,5vw,76px)/.95 Arial,"Microsoft YaHei";letter-spacing:-.055em;margin:14px 0 0}.heading h2{font-size:48px}.heading p{margin:0;font-size:17px;font-weight:650;color:#5f5b53}.violet .heading p{color:#e2dcff}.rooms{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.room{min-height:290px;padding:29px;border:2px solid var(--ink);background:var(--cream);position:relative;overflow:hidden;transition:.2s}.room:nth-child(2n){background:var(--sky)}.room:nth-child(3n){background:#fff}.room:hover{transform:translateY(-5px);box-shadow:7px 7px 0 var(--coral)}.room .n{font:1000 11px Arial;color:var(--violet);letter-spacing:.16em}.room h3{font:1000 25px/1.12 Arial,"Microsoft YaHei";margin:31px 0 13px}.room p{color:#625f59;font-size:14px}.room .arrow{position:absolute;right:21px;bottom:18px;font:1000 28px Arial}.room:after{content:"";position:absolute;width:65px;height:65px;right:-22px;top:-22px;border:15px solid var(--yellow);border-radius:50%}.editorial{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.cover{min-height:650px;background:url('/assets/storyboard.webp') center/cover;border:2px solid var(--ink);position:relative;display:flex;align-items:end}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(23,23,23,.88),transparent 65%)}.cover-copy{position:relative;z-index:2;color:white;padding:38px;max-width:800px}.cover h3{font:1000 38px/1.05 Arial,"Microsoft YaHei";letter-spacing:-.03em;margin:14px 0}.cover p{color:#ece9e2}.storylist{border:2px solid var(--ink);display:flex;flex-direction:column;background:white}.story{flex:1;padding:22px 24px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:center}.story:last-child{border-bottom:0}.story:hover{background:var(--yellow)}.story .date{font:1000 11px Arial;color:var(--violet)}.story .date strong{font-size:28px;display:block;color:var(--coral)}.label{font:1000 10px Arial;letter-spacing:.13em;color:var(--violet)}.story h3{font:1000 17px/1.3 Arial,"Microsoft YaHei";margin:6px 0}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid var(--ink)}.step{padding:34px 27px;min-height:270px;border-right:2px solid var(--ink);position:relative}.step:last-child{border-right:0}.step b{font:1000 58px/1 Arial;color:var(--yellow);-webkit-text-stroke:2px var(--ink)}.step h3{font:1000 21px Arial,"Microsoft YaHei"}.step p{color:#5e5a52}.workshop{display:grid;grid-template-columns:1fr 1fr;min-height:690px}.workshop-img{background:url('/assets/workshop.webp') center/cover}.workshop-copy{background:var(--coral);padding:90px clamp(38px,7vw,118px);display:flex;flex-direction:column;justify-content:center}.workshop-copy h2{font:1000 clamp(48px,5vw,76px)/.94 Arial,"Microsoft YaHei";letter-spacing:-.06em;margin:20px 0}.workshop-copy p{font-weight:700}.checks{margin:25px 0}.check{padding:16px 0;border-top:2px solid rgba(23,23,23,.4);display:grid;grid-template-columns:38px 1fr;gap:12px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);border:2px solid white}.metric{padding:39px 25px;border-right:1px solid rgba(255,255,255,.45)}.metric strong{display:block;font:1000 66px/1 Arial;color:var(--yellow)}.pagehead{background:var(--violet);color:white;padding:92px 0 70px;border-bottom:8px solid var(--yellow);position:relative;overflow:hidden}.pagehead:after{content:"17";position:absolute;right:2vw;bottom:-80px;font:1000 250px/.8 Arial;color:rgba(255,255,255,.12)}.pagehead p{font-size:18px;max-width:850px;color:#e4e0ff}.crumb{font:1000 10px Arial;letter-spacing:.2em;color:var(--yellow)}.article{width:min(900px,calc(100% - 38px));margin:72px auto 110px}.article .lead{font:900 21px/1.75 Arial,"Microsoft YaHei"}.article h2{font:1000 33px/1.18 Arial,"Microsoft YaHei";margin-top:46px;letter-spacing:-.03em}.article p{font-size:17px;color:#44413c}.article-visual{margin:38px 0;border:2px solid var(--ink);padding:10px;background:white;box-shadow:8px 8px 0 var(--yellow)}.article-visual img{width:100%;height:auto}.article-visual figcaption{font-size:12px;color:#6b675f;padding:11px 4px 2px}.byline{display:flex;gap:17px;flex-wrap:wrap;font-size:12px;font-weight:800;color:#6a655e;border-bottom:2px solid var(--ink);padding-bottom:17px}.ordered{background:var(--mint);border:2px solid var(--ink);padding:27px 28px 27px 52px}.source,.notice{background:#fff;border:2px solid var(--ink);padding:22px;margin-top:38px;font-size:13px;box-shadow:6px 6px 0 var(--yellow)}.source a{font-weight:900;color:var(--violet)}.archive{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.archive a{padding:24px;background:white;border:2px solid var(--ink);display:flex;flex-direction:column;gap:8px}.archive a:hover{box-shadow:6px 6px 0 var(--coral)}.archive b{font:1000 18px/1.35 Arial,"Microsoft YaHei"}.archive small{color:#6d6962}.pagination{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:38px}.pagination a,.pagination span{width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--ink);background:white;font-weight:900}.pagination .on{background:var(--yellow)}footer{background:var(--ink);color:white}.foot{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:55px;padding:72px 0}.foot .logo b,.foot .logo small{color:white}.foot p{color:#aaa59c}.foot h4{color:var(--yellow)}.foot a{display:block;margin:9px 0;font-size:13px}.copy{border-top:1px solid #4a4741;padding:22px 0;color:#8e8a83;font-size:11px}
@media(max-width:980px){.navlinks{display:none}.menu{display:block}.mobile.open{display:flex;position:fixed;z-index:49;top:116px;left:0;right:0;background:var(--cream);padding:24px;flex-direction:column;gap:16px;border-bottom:4px solid var(--violet)}.hero,.heading,.editorial,.workshop{grid-template-columns:1fr}.hero-copy{padding:80px 38px}.hero-art{min-height:620px}.rooms{grid-template-columns:repeat(2,1fr)}.playlist .wrap{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.step:nth-child(2){border-right:0}.step:nth-child(-n+2){border-bottom:2px solid var(--ink)}.metrics{grid-template-columns:repeat(2,1fr)}.foot{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ticker{display:none}.wrap{width:min(100% - 28px,1380px)}header,.nav{height:74px}.mobile.open{top:74px}.logo-mark{width:48px;height:43px;font-size:21px}.logo b{font-size:18px}.logo small{font-size:7px}.hero-copy{padding:66px 20px}.hero h1{font-size:61px}.hero p{font-size:15px}.hero-art{min-height:490px}.hero-card{left:14px;right:14px;bottom:14px;padding:17px;grid-template-columns:55px 1fr}.play{width:52px;height:52px}.hero-card b{font-size:16px}.playlist .wrap,.rooms,.steps,.archive,.metrics{grid-template-columns:1fr}.playlist span{border-bottom:1px solid var(--line)}.section{padding:74px 0}.heading{gap:24px}.heading h2,.pagehead h1{font-size:43px}.room{min-height:245px}.cover{min-height:480px}.cover-copy{padding:24px}.cover h3{font-size:29px}.story{grid-template-columns:48px 1fr;padding:17px}.story h3{font-size:15px}.step{border-right:0;border-bottom:2px solid var(--ink)!important}.step:last-child{border-bottom:0!important}.workshop-img{min-height:390px}.workshop-copy{padding:65px 26px}.metric{border-bottom:1px solid white}.metric strong{font-size:56px}.article{width:min(100% - 28px,900px)}.article h2{font-size:28px}.foot{grid-template-columns:1fr;gap:27px}}