@import url("https://fonts.googleapis.com/css2?family=DM+Mono&family=Noto+Sans+SC:wght@400;600;700;800;900&family=Playfair+Display:ital,wght@0,700;1,700&display=swap");:root{--n:#121824;--b:#4563ff;--a:#ffb24b;--p:#fcf8f0;--w:#fffefb;--g:#d9dde6;--m:#697284}*{box-sizing:border-box}body{margin:0;background:var(--p);color:var(--n);font-family:"Noto Sans SC",sans-serif}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}.top{max-width:1380px;margin:auto;height:34px;padding:9px 28px;border-bottom:1px solid var(--g);font:11px "DM Mono";color:var(--m)}.top a{float:right;color:var(--b)}header{max-width:1380px;margin:auto;height:94px;display:flex;align-items:center;padding:0 28px;gap:27px;border-bottom:2px solid var(--n);background:var(--w)}.mark{display:flex;gap:8px;align-items:center;font-weight:900;font-size:14px;line-height:1.1}.mark b,footer>div>b{background:var(--n);color:var(--a);border-radius:50%;width:38px;height:38px;display:grid;place-items:center;font:22px "DM Mono"}.mark span{white-space:nowrap}header nav{display:flex;flex:1;justify-content:center;gap:3px}.nav-entry{}header nav a{font-size:11px;text-align:center;color:#576074;padding:7px 5px;white-space:nowrap}header nav a i{display:block;font-style:normal;font-size:17px;line-height:17px}header nav a.on,header nav a:hover{color:var(--b)}.go{border-left:1px solid var(--g);padding-left:17px;font-size:11px;line-height:1.1}.go b{font-size:21px;color:var(--b)}main{max-width:1320px;margin:auto}.entry{display:grid;grid-template-columns:.25fr 1.4fr .65fr;min-height:420px;border-bottom:1px solid var(--n)}.entry-number{font:italic 90px "Playfair Display";padding:32px 20px;background:var(--a)}.entry-copy{padding:47px 46px;display:flex;flex-direction:column;justify-content:center;background:var(--w)}.entry-copy>span,.radar-copy span,.curtain-left span,.stream header span,.poster-copy span,.dial-copy span,.notebook header span,.channel-start span,.article header>span,.more>span,.mail span{font:12px "DM Mono";letter-spacing:.1em}.entry-copy h1{font-size:48px;line-height:1.1;margin:15px 0}.entry-copy h1 a{border-bottom:5px solid var(--b)}.entry-copy p{max-width:650px;line-height:1.9;font-size:16px;margin:0}.entry-copy>div{display:flex;gap:10px;margin-top:25px}.entry-copy>div a{padding:11px 15px;border:1px solid var(--n);font-size:13px;font-weight:800}.entry-copy>div a:first-child{background:var(--n);color:white}.entry-compass{background:var(--n);position:relative;display:grid;place-items:center;color:var(--a);overflow:hidden}.entry-compass>b{font:800 32px/1 "DM Mono";z-index:1}.entry-compass i{position:absolute;width:250px;height:250px;border:1px solid #55647d;border-radius:50%}.entry-compass i:nth-of-type(2){width:340px;height:90px;transform:rotate(40deg)}.entry-compass em{position:absolute;bottom:30px;font:12px "DM Mono";font-style:normal}.route-line{display:flex;align-items:center;gap:30px;padding:16px 0;border-bottom:1px solid var(--n);font-size:13px}.route-line span{font-weight:900;color:var(--b)}.route-line a{text-decoration:underline;text-underline-offset:4px}.radar{display:grid;grid-template-columns:.82fr 1.6fr;margin-top:78px;border-top:3px solid var(--b);background:var(--w)}.radar-copy{padding:32px;background:#dce5ff}.radar h2,.stream h2,.poster-copy h2,.dial-copy h2,.notebook h2,.channel-tail h2{font-size:30px;line-height:1.35;margin:8px 0}.radar p{line-height:1.8;font-size:14px}.radio{display:grid;grid-template-columns:1fr 1fr}.radio a{display:grid;grid-template-columns:42px 1fr 70px;gap:10px;align-items:center;border-left:1px solid var(--g);border-bottom:1px solid var(--g);padding:22px}.radio i{font:18px "DM Mono";font-style:normal;color:var(--b)}.radio b{font-size:16px}.radio span{font-size:11px;color:var(--m)}.curtain{display:grid;grid-template-columns:.8fr 1.2fr .25fr;min-height:430px;margin-top:78px;background:var(--n);color:white}.curtain-left{padding:35px;display:flex;flex-direction:column;justify-content:center}.curtain-left h2{font-size:30px;line-height:1.4;margin:12px 0}.curtain-left p{font-size:14px;line-height:1.8;color:#cbd3e3}.curtain-left a{border-bottom:1px solid var(--a);padding-bottom:5px;color:var(--a);font-size:13px;align-self:start}.curtain-image{position:relative;overflow:hidden}.curtain-image img{height:100%;filter:brightness(.72)}.curtain-image i{position:absolute;right:20px;top:20px;background:var(--a);color:var(--n);font-style:normal;font-size:30px;padding:9px}.curtain-label{background:var(--a);color:var(--n);padding:25px 12px;writing-mode:vertical-rl;display:flex;align-items:center;gap:12px}.curtain-label b{font-size:20px}.curtain-label span{font-size:11px}.stream{margin-top:78px}.stream header,.poster-copy{display:flex;justify-content:space-between;align-items:end;padding-bottom:22px;border-bottom:2px solid var(--n)}.stream header a{font-size:13px;font-weight:800}.stream>div{display:flex;overflow:hidden}.stream>div a{flex:1;min-height:160px;border-right:1px solid var(--n);padding:19px;display:flex;flex-direction:column;background:var(--w)}.stream>div a:nth-child(2){background:var(--a)}.stream>div a:nth-child(4){background:var(--b);color:white}.stream span{font-size:11px;color:var(--b)}.stream>div a:nth-child(4) span{color:var(--a)}.stream b{font-size:18px;line-height:1.45;margin-top:13px}.stream em{font-style:normal;font-size:12px;margin-top:auto}.posters{margin-top:78px}.poster-copy{display:flex}.poster-copy a{font-size:13px;font-weight:800}.poster-view{display:grid;grid-template-columns:1.25fr .8fr .8fr}.poster-view>a{position:relative;height:355px;overflow:hidden;background:var(--n)}.poster-view>a img{height:100%;filter:brightness(.64)}.poster-view>a div{position:absolute;bottom:0;padding:19px;color:white}.poster-view span{font-size:11px;color:var(--a)}.poster-view b{display:block;font-size:18px;line-height:1.4;margin-top:5px}.dial{display:grid;grid-template-columns:.9fr 1.1fr;margin-top:78px;background:#e8e7e1;min-height:370px}.dial-wheel{position:relative;display:grid;place-items:center;background:var(--b);overflow:hidden}.dial-wheel>b{z-index:2;width:128px;height:128px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--a);font-size:22px}.dial-wheel i{position:absolute;border:1px solid #b8c5ff;border-radius:50%;width:280px;height:280px}.dial-wheel i:nth-of-type(2){width:380px;height:120px;transform:rotate(-35deg)}.dial-wheel i:nth-of-type(3){width:115px;height:390px;transform:rotate(35deg)}.dial-copy{padding:36px}.dial-copy nav{margin-top:20px}.dial-copy nav a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid #babcc2;font-weight:800}.dial-copy nav em{font:14px "DM Mono";font-style:normal;color:var(--b)}.notebook{margin-top:78px}.notebook header{display:block;height:auto;padding:0 0 20px;background:none;border-bottom:2px solid var(--n)}.notebook>div{display:grid;grid-template-columns:repeat(3,1fr)}.notebook article{min-height:195px;padding:22px 18px;border-right:1px solid var(--g);border-bottom:1px solid var(--g);display:flex;gap:13px;background:var(--w)}.notebook article:nth-child(3n){border-right:0}.notebook i{font:18px "DM Mono";font-style:normal;color:var(--b)}.notebook span{font-size:11px;color:var(--m)}.notebook h3{font-size:17px;line-height:1.4;margin:6px 0}.notebook p{font-size:12px;line-height:1.65;margin:0;color:var(--m)}.notebook article>a{font-size:11px;color:var(--b);align-self:end}.finish{display:grid;grid-template-columns:110px 1fr 180px;gap:20px;align-items:center;background:var(--a);padding:30px;margin:78px 0}.finish>b{font:72px "Playfair Display"}.finish p{font:24px/1.6 "Playfair Display","Noto Sans SC";margin:0}.finish a{background:var(--n);color:white;text-align:center;padding:13px;font-size:13px;font-weight:800}.mail{max-width:1320px;margin:0 auto 40px;padding:30px 34px;background:var(--n);color:white;display:flex;justify-content:space-between;align-items:center;border-top:5px solid var(--a)}.mail h2{font-size:24px;margin:7px 0}.mail span{color:var(--a)}.mail form{display:flex}.mail input{width:230px;border:0;padding:14px;font-family:inherit}.mail button{background:var(--b);border:0;color:white;font-weight:800;padding:0 17px;font-family:inherit}footer{background:var(--n);color:#b7c2d7;padding:40px max(20px,calc((100% - 1320px)/2));display:grid;grid-template-columns:1fr 2fr;gap:24px;font-size:13px}footer>div{display:flex;align-items:center;gap:8px;color:white}footer em{font-size:11px;color:var(--a);font-style:normal}footer nav{display:flex;flex-wrap:wrap;gap:10px 19px}footer p{grid-column:1/-1;border-top:1px solid #3e4a60;padding-top:17px;margin:0}.channel-start{min-height:270px;margin-top:30px;padding:38px 48px;background:var(--a);position:relative;overflow:hidden}.channel-start h1{font-size:48px;margin:14px 0}.channel-start p{max-width:600px}.channel-start>b{position:absolute;right:50px;top:40px;font:100px "Playfair Display";color:#b86e2f}.channel-track{margin:24px 0 75px;display:grid;grid-template-columns:1fr 1fr}.channel-track>a{display:grid;grid-template-columns:42px 150px 1fr 20px;gap:15px;align-items:center;border-bottom:1px solid var(--g);padding:18px;background:var(--w)}.channel-track i{font:17px "DM Mono";font-style:normal;color:var(--b)}.channel-track img{height:100px}.channel-track span{font-size:11px;color:var(--b)}.channel-track h2{font-size:18px;margin:5px 0}.channel-track p{font-size:12px;color:var(--m);margin:0}.channel-track em{font-style:normal;color:var(--b)}.channel-tail{border-top:2px solid var(--n);padding:23px 0 78px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;align-items:center}.channel-tail h2{margin:6px 0}.channel-tail>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--g);padding:12px 0;font-size:14px}.channel-tail em{font-style:normal;color:var(--b)}.article{max-width:850px;margin:62px auto}.article header{text-align:center}.article h1{font-size:40px;line-height:1.35;margin:15px 0}.article header>p{font-size:17px;line-height:1.85;color:var(--m);max-width:680px;margin:auto}.article header>div{margin:25px 0 33px;font-size:12px;color:var(--m)}.article figure{margin:0}.article figure img{height:425px}.article figcaption{font-size:11px;color:var(--m);margin-top:8px}.article section{max-width:700px;margin:40px auto;font-size:17px;line-height:2.1}.article section p{margin:0 0 24px}.article blockquote{margin:40px 0;padding:4px 24px;border-left:5px solid var(--b);font:25px/1.6 "Playfair Display","Noto Sans SC"}.more{max-width:980px;margin:0 auto 78px;border-top:2px solid var(--n);padding-top:20px}.more h2{font-size:27px;margin:8px 0 16px}.more>a{display:flex;justify-content:space-between;border-bottom:1px solid var(--g);padding:17px 0}.more em{font-style:normal;color:var(--b)}@media(max-width:900px){header{padding:0 18px}.go{display:none}header nav{justify-content:start;overflow:auto}.radar,.dial{grid-template-columns:1fr}.posters{ }.mail{margin:0 18px 35px}.channel-track{grid-template-columns:1fr}.notebook article:nth-child(3n){border-right:1px solid var(--g)}}@media(max-width:600px){.top{padding:9px 14px}header{height:76px;padding:0 14px;gap:11px}.mark span{font-size:11px}header nav a{min-width:53px;font-size:10px}.entry{display:block}.entry-number{height:72px;font-size:50px;padding:9px 20px}.entry-copy{padding:28px 23px}.entry-copy h1{font-size:36px}.entry-compass{height:210px}.route-line{overflow:auto;white-space:nowrap;padding:14px;gap:18px}.radar{margin-top:50px}.radio{grid-template-columns:1fr}.curtain{display:block;margin-top:50px}.curtain-left{min-height:260px}.curtain-image{height:270px}.curtain-label{writing-mode:horizontal-tb;display:flex;justify-content:space-between}.stream{margin-top:50px}.stream header,.poster-copy{display:block}.stream header a,.poster-copy a{display:block;margin-top:12px}.stream>div{display:block}.stream>div a{min-height:135px;border-bottom:1px solid var(--n)}.posters{margin-top:50px}.poster-view{grid-template-columns:1fr}.poster-view>a{height:270px}.dial{margin-top:50px}.dial-wheel{min-height:270px}.notebook{margin-top:50px}.notebook>div{grid-template-columns:1fr}.notebook article{border-right:0!important;min-height:165px}.finish{display:block;margin:50px 0}.finish>b{font-size:52px}.finish p{font-size:20px;margin:8px 0}.finish a{display:inline-block;margin-top:15px}.mail{display:block;margin:0 14px 28px;padding:24px}.mail form{margin-top:17px}.mail input{width:100%}footer{grid-template-columns:1fr;padding:30px 18px}.channel-start{padding:28px;margin-top:20px;min-height:210px}.channel-start h1{font-size:38px}.channel-start>b{font-size:65px;right:25px;top:45px}.channel-track{margin-bottom:50px}.channel-track>a{grid-template-columns:32px 90px 1fr 14px;gap:9px}.channel-track img{height:85px}.channel-track p{display:none}.channel-tail{display:block;padding-bottom:50px}.channel-tail>a{margin-top:12px}.article{margin:40px auto}.article h1{font-size:29px}.article figure img{height:250px}.article section{font-size:16px}.article blockquote{font-size:21px;margin:30px 0}}