@import url('typography.css');
html{scroll-behavior:smooth}body{font-family:var(--sans)}a,button{transition:background .18s,color .18s,box-shadow .18s,transform .18s}a:hover,button:hover{filter:brightness(1.06)}.primary:hover,.secondary:hover{transform:translateY(-2px)}.primary:active,.secondary:active{transform:translateY(0)}.edition-bar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 32px;background:#12161b;color:#e1e5ec;font:12px var(--sans);border-bottom:1px solid #ffffff1f}.edition-bar .back{white-space:nowrap;color:#bec7d3}.edition-bar nav{flex:0 1 auto;display:flex;gap:8px;flex-wrap:wrap}.edition-bar nav a{border:1px solid #ffffff26;padding:6px 14px;border-radius:99px}.edition-bar nav a[aria-current=page]{background:#f5f0e9;color:#24262a;border-color:#f5f0e9}.edition-bar>span{font:10px monospace;letter-spacing:2px;color:#96a1af;white-space:nowrap}.paper{margin:0 auto;padding-top:24px;padding-bottom:42px}.layout{height:1320px}.hero{height:320px;padding:32px;isolation:isolate}.hero-copy{position:relative;z-index:2;width:66%;height:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding-bottom:24px}.hero-copy .kicker{font-size:11px;letter-spacing:1.4px}.hero h1{font-size:42px;line-height:1.35;margin:14px 0 12px}.hero-copy p{font-size:13px;max-width:430px;line-height:1.7;margin-bottom:14px}.hero-art{position:absolute;inset:0;z-index:-1}.hero-art img{height:100%;width:100%;object-fit:cover;display:block}.hero-seal{position:absolute;right:30px;top:25px;z-index:3;font-size:17px;font-weight:bold;line-height:1.3;padding:12px;text-align:center}.hero-bottom{display:flex;justify-content:space-between;align-items:center;position:absolute;bottom:16px;left:32px;right:32px;padding-top:10px;border-top:1px solid currentColor;font-size:9px;letter-spacing:2px;opacity:.8}.about{height:480px}.notice{height:260px}.dept{height:236px;display:flex}.featured{height:520px}.social{min-height:0}.study{min-height:0}.about .body p+p{font-size:12px}.study .heading h2,.card>.heading h2,.dept h2{font-size:21px}.card{position:relative}.card .heading small{font-size:9px;letter-spacing:1.5px}.player{margin:0 auto}.playback-note{text-align:center;font-size:10px;color:var(--muted);margin-top:12px}.playback-note a{text-decoration:underline;text-underline-offset:3px}.tracklinks{font-size:10px;margin-top:10px}.event img{height:238px}.study .card{gap:16px}.study .secondary{align-self:stretch;min-width:0}.grammar-list{gap:17px}.credits-link{text-align:center;font-size:11px;color:var(--muted);padding-top:28px}.credits-link a{text-decoration:underline;text-underline-offset:4px}.guestboard{margin-top:26px}.composer .primary{min-height:46px}.disclosure{opacity:.9}.record{box-shadow:0 6px 16px #0002}.record img{border-color:var(--border)}.record:after{background:radial-gradient(circle,#29262f 0 2.5px,var(--blush) 2.6px)}.search{background:transparent}.about:before{display:none}.topic-box{border:1px solid var(--border)}.footer{align-items:center}.message .reply{color:var(--ink)}.notice .thumb{background:var(--blush)}.social .heading{margin-bottom:4px}
/* 01 · A richly framed Showa coffee-house and record-shop print. */
body.showa{--paper:#f2e6cd;--ink:#312c25;--muted:#756650;--pink:#8d263d;--border:#b59b64;--blush:#ecdbbc;--lilac:#263f39;--plum:#84542a;background:#391e24}.showa .paper{background-color:var(--paper);background-image:radial-gradient(#7b613518 .7px,transparent .9px),linear-gradient(90deg,#c4a77418 1px,transparent 1px);background-size:5px 5px,24px 24px;border-left:1px solid #b8975c;border-right:1px solid #b8975c}.showa header{border-bottom:3px double #9c7c47;height:84px;margin-bottom:28px;padding-bottom:8px}.showa .brand{font-family:var(--serif);font-size:25px;color:#722c39;letter-spacing:1px}.showa nav .active{border:1px solid #b59b64;border-radius:2px;background:#8d263d;color:#fff0cf}.showa .search{border-radius:2px}.showa .card{border:3px double var(--border);border-radius:3px;background:#fff7e5;box-shadow:3px 4px 0 #4b352419}.showa h1,.showa h2,.showa h3{font-family:var(--serif)}.showa h2{letter-spacing:2px}.showa .heading{padding-bottom:11px;border-bottom:1px solid #b59b6480}.showa .heading small{font-family:Georgia,serif;letter-spacing:2px}.showa .about{padding:22px 20px;background:linear-gradient(#fbf0d9,#fff8e9)}.showa .about .logo{border:3px double #a28142;padding:5px;width:106px;height:106px}.showa .about h2{font-family:'Yu Mincho','SimSun',serif;font-size:23px}.showa .pill{background:#294b3e;color:#f7e6b0;border:1px solid #a28142;border-radius:2px;letter-spacing:1px}.showa .primary{border-radius:2px;background:#872d3a;border:1px solid #be954e;box-shadow:inset 0 0 0 3px #872d3a,inset 0 0 0 4px #cba765;color:#fff5d6;letter-spacing:1px}.showa .secondary{border-radius:2px;background:#fff8e4;border-color:#ac8a4a;color:#812a3b}.showa .hero{background:#1d3c36;border:4px double #e0bd74;color:#f8e4aa;box-shadow:0 6px 0 #341b2066}.showa .hero-art{left:51%;opacity:.9}.showa .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1d3c36,transparent 40%)}.showa .hero-art img{object-position:center;mix-blend-mode:screen}.showa .hero-copy{width:73%}.showa .hero .kicker{color:#e8c783;background:transparent;padding:0;border-radius:0;border-bottom:1px solid #b99a58;padding-bottom:6px}.showa .hero h1{font-size:42px;font-weight:700;letter-spacing:2px;text-shadow:1px 2px #0006}.showa .hero p{color:#e0d3b2;max-width:375px}.showa .hero .tags span{border:1px solid #b59b64;border-radius:0;background:#19302ba8;color:#f6d89c;font-size:10px}.showa .hero-seal{border:3px double #f3d28a;border-radius:50%;background:#7c2639;color:#ffedb6;right:30px;top:26px;font-family:var(--serif);width:72px;height:72px;padding:11px 5px;box-shadow:0 0 0 5px #28443a}.showa .hero-bottom{color:#c8ac70}.showa .music{background:#263f39;border-color:#b69752;color:#f9efd9}.showa .music .heading{border-bottom-color:#b6975277}.showa .music .heading h2,.showa .music .heading small{color:#efcf87}.showa .music .track h3{font-size:17px;color:#fff2d0}.showa .music .track p,.showa .music .counter,.showa .music .playback-note{color:#c3c7ac}.showa .music .tracklinks,.showa .music .control{color:#e8c989}.showa .music .toggle{background:#8a2e40;color:#fff5d1;border:1px solid #d8ae63}.showa .record{box-shadow:0 0 0 5px #bc95574d,0 9px 15px #0005}.showa .event img{border:5px solid #f7e7c6;outline:1px solid #b69b65;border-radius:0;filter:sepia(.16)}.showa .event .tag,.showa .readtag{border-radius:2px;background:#e7d3a5;color:#6e2835}.showa .dept b{border-radius:2px;background:#e6d7b4!important;color:#65422b}.showa .study h3{font-size:30px;color:#243e34}.showa .grammar-list b{border-radius:2px;border:1px solid #baa376;background:#eee1c5!important;color:#76263b!important}.showa .guestboard{border:4px double #ad8a4d;background:#fff6e0}.showa .board-title{border-bottom:1px solid #b59b64;padding-bottom:20px}.showa .board-title h2{font-size:28px}.showa .message{background:#fcf0d5;border-radius:2px;border:1px solid #b9a276}.showa .avatar{background:#6f2b3b;color:#ffecb6;border:2px double #ba9450}.showa .reply{border-radius:2px;background:#e1e3cf;border-left:3px solid #365548}.showa .reply strong{color:#365548}.showa .topic-box{border-radius:2px;background:#e9d8ae}.showa .composer{border-radius:2px;background:#ead9b4;border:3px double #b59b64}.showa .compose-tabs button{border-radius:2px;background:#fff5df;border-color:#ac8b4f;color:#81283b}.showa .compose-tabs button[aria-selected=true]{background:#772f3d;color:#fff0c8}.showa .footer{border-top:3px double #b59b64;padding-top:22px}
/* 02 · Indigo woodblock, vermilion seals and warm washi paper. */
body.ukiyoe{--paper:#e9dfc1;--ink:#233a49;--muted:#686755;--pink:#a4382e;--border:#596d6c;--blush:#ded0ac;--lilac:#eee6cb;--plum:#2c5269;background:#193b4b}.ukiyoe .paper{background-color:#ece2c6;background-image:repeating-linear-gradient(3deg,#66766b08 0 1px,transparent 1px 5px),radial-gradient(#65553b1f .65px,transparent 1px);background-size:auto,5px 7px}.ukiyoe header{border-top:1px solid #183e50;border-bottom:5px double #183e50;height:86px;padding:8px 0;margin-bottom:26px}.ukiyoe .brand{font-family:var(--serif);font-size:25px;letter-spacing:2px;color:#173d50}.ukiyoe .brand img{border:1px solid #173d50;border-radius:4px;padding:3px}.ukiyoe nav .active{background:#a4382e;color:#fff5dd;border-radius:2px}.ukiyoe .search{border-radius:0;border-color:#173d50}.ukiyoe h1,.ukiyoe h2,.ukiyoe h3{font-family:var(--serif)}.ukiyoe .card{border:1px solid #49616a;border-radius:0;background:#f6efd9;box-shadow:4px 5px 0 #d1c19a}.ukiyoe .heading{border-bottom:1px solid #536b7180;padding-bottom:10px}.ukiyoe .heading h2{color:#1e485e;letter-spacing:3px}.ukiyoe .heading small{border:1px solid #a4382e;padding:3px 5px;color:#a4382e!important;letter-spacing:1px;transform:rotate(-3deg)}.ukiyoe .about{background:#e4dfc7;border:3px double #486067}.ukiyoe .about .logo{border-radius:0;border:3px double #a4382e;padding:8px}.ukiyoe .about h2{letter-spacing:1px}.ukiyoe .pill{border-radius:1px;background:#254b5d;color:#f5e8c4;font-size:10px;padding:5px 15px;letter-spacing:2px}.ukiyoe .primary{border-radius:0;background:#a4382e;color:#fff2d3;box-shadow:3px 3px 0 #203d4e;border:1px solid #843029}.ukiyoe .secondary{border-radius:0;border-color:#284956;background:transparent;color:#214b60;box-shadow:2px 2px 0 #d4c6a4}.ukiyoe .hero{background:#e7d9b6;border:2px solid #2e5267;box-shadow:4px 5px 0 #9a7b4b55}.ukiyoe .hero-art{right:36%;opacity:.95}.ukiyoe .hero-art img{object-position:30% 65%;height:111%}.ukiyoe .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 58%,#e7d9b6)}.ukiyoe .hero-copy{margin-left:auto;width:53%;padding-left:10px;padding-right:0}.ukiyoe .hero .kicker{background:transparent;color:#9f372c;border-radius:0;border-bottom:1px solid #a4382e;padding:0 0 5px;font-size:10px;letter-spacing:2px}.ukiyoe .hero h1{font-size:35px;line-height:1.6;letter-spacing:3px;color:#1b4054;margin:8px 0}.ukiyoe .hero p{color:#5c665c;font-size:12px}.ukiyoe .hero .tags{gap:8px}.ukiyoe .hero .tags span{border:1px solid #4a686b;border-radius:0;background:#efe3c2;color:#294b5c;font-size:9px;padding:4px 7px}.ukiyoe .hero-seal{left:23px;top:22px;right:auto;border:3px double #a33426;background:#efe2bace;color:#9e332b;transform:rotate(-5deg);font-family:var(--serif);font-size:18px}.ukiyoe .hero-bottom{color:#23475a;border-top:1px solid #3654615e}.ukiyoe .music{background:#213f51;color:#f0e5c8;box-shadow:4px 5px 0 #ab9575}.ukiyoe .music h2,.ukiyoe .music .track h3{color:#f4e6bc}.ukiyoe .music .heading{border-color:#c4b28777}.ukiyoe .music .heading small{color:#eed5a4!important;border-color:#b18e63}.ukiyoe .music .counter,.ukiyoe .music .track p,.ukiyoe .music .playback-note{color:#c7c8b2}.ukiyoe .music .control,.ukiyoe .music .tracklinks{color:#ead3a7}.ukiyoe .music .toggle{background:#a93e2b;color:#fff4d4}.ukiyoe .record{box-shadow:0 0 0 5px #d9c398,0 0 0 7px #7d806c}.ukiyoe .event img{border-radius:0;filter:sepia(.14) saturate(.86);border:1px solid #3b5966;padding:4px;background:#d7c49b}.ukiyoe .event h3{font-size:24px;letter-spacing:2px}.ukiyoe .event .tag,.ukiyoe .readtag{border-radius:0;background:#a4382e;color:#fff0cc}.ukiyoe .dept b{border:1px solid #50676a;background:transparent!important;border-radius:0;color:#1b465b!important}.ukiyoe .study h3{font-size:32px;letter-spacing:4px}.ukiyoe .grammar-list b{border:1px solid #547077;background:#e1dac0!important;color:#1d4b60!important;border-radius:0}.ukiyoe .guestboard{border:3px double #294d5d;background:#f4ebd1;box-shadow:6px 7px 0 #b8a581}.ukiyoe .board-title{border-bottom:1px solid #344f5a;padding-bottom:20px}.ukiyoe .board-title h2{font-size:27px;letter-spacing:4px}.ukiyoe .message{border-radius:0;border-color:#52656b;background:#eae1c5}.ukiyoe .avatar{border-radius:0;background:#a4382e;color:#fae9c7;font-family:var(--serif)}.ukiyoe .reply{border-radius:0;background:#d9dfcf;border-left:3px solid #224a5d}.ukiyoe .reply strong{color:#224a5d}.ukiyoe .topic-box{border-radius:0;background:#dfd5b4;border:1px dashed #6d7c6b}.ukiyoe .composer{border-radius:0;border:3px double #405d67;background:#e2d7b5}.ukiyoe .compose-tabs button{border-radius:0;border-color:#4c656b;background:#f7ebcd;color:#24495b}.ukiyoe .compose-tabs button[aria-selected=true]{background:#24495b;color:#fbe8ba;border-color:#24495b}.ukiyoe .footer{border-top:4px double #455e68;padding-top:20px}
/* 03 · Midnight record shop, luminous signage and a real Shibuya night. */
body.shibuya{--paper:#0b111e;--ink:#e5edf8;--muted:#9cacbf;--pink:#ff67b8;--border:#304359;--blush:#1a2940;--lilac:#101a30;--plum:#63e4ef;background:#030813}.shibuya .paper{background-color:#080e1c;background-image:linear-gradient(#25446a26 1px,transparent 1px),linear-gradient(90deg,#25446a26 1px,transparent 1px),radial-gradient(ellipse at 50% 0,#25184966,transparent 65%);background-size:32px 32px,32px 32px,auto}.shibuya header{height:84px;border-bottom:1px solid #396080;padding-bottom:8px;margin-bottom:28px}.shibuya .brand{font-size:24px;font-weight:900;letter-spacing:-.5px;color:#f5f6ff;text-shadow:2px 0 #ff54bc66,-2px 0 #20d9e333}.shibuya .brand img{border:1px solid #7e67ff;border-radius:50%;box-shadow:0 0 18px #6959f947}.shibuya nav .active{border-radius:2px;background:#ee58b0;color:#120d24;box-shadow:0 0 18px #ee58b044}.shibuya header nav a{color:#a8b9d2}.shibuya header nav a:hover{color:#6de8ed}.shibuya .search{border-radius:2px;border-color:#4e7496;background:#0c1625;color:#74e4e7}.shibuya .card{background:#0e1829;border:1px solid #33506b;border-radius:5px;box-shadow:0 4px 18px #02050f55}.shibuya .card .heading{padding-bottom:10px;border-bottom:1px solid #31516e}.shibuya .heading h2{color:#7be5ed;letter-spacing:1px;font-weight:800}.shibuya .heading small{font-family:monospace;letter-spacing:2px;color:#bb8cfa}.shibuya .about{background:linear-gradient(150deg,#171b39,#0a1627);border-top:3px solid #9a6af5;box-shadow:0 0 24px #824ed516}.shibuya .about .logo{border:2px solid #aa8bff;padding:3px;box-shadow:0 0 18px #9868e933}.shibuya .about h2{color:#ec8ecf;font-weight:800}.shibuya .pill{border-radius:3px;border:1px solid #365b62;background:#132e32;color:#73e8cf;font-family:monospace}.shibuya .primary{border-radius:3px;background:#f566b2;color:#111223;border:1px solid #ff9ccd;box-shadow:0 0 18px #e652a329;font-weight:800}.shibuya .secondary{border-radius:3px;background:#112236;border:1px solid #3e768b;color:#88e0e8;box-shadow:inset 0 0 10px #36dbe40a}.shibuya .hero{border:1px solid #587fbb;border-top:3px solid #71dfea;background:#080b17;box-shadow:0 0 26px #af4eab22}.shibuya .hero-art img{object-position:center 72%;filter:saturate(1.3) contrast(1.04)}.shibuya .hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071222 4%,#071222dc 44%,#17122e28 83%),linear-gradient(0deg,#050d22 0%,transparent 50%)}.shibuya .hero-copy{width:75%}.shibuya .hero .kicker{border:1px solid #416787;color:#7bd8e8;background:#0d2032d9;border-radius:2px;font-family:monospace;font-size:11px;letter-spacing:1px}.shibuya .hero h1{font-size:44px;line-height:1.33;letter-spacing:-1px;color:#fff4fd;font-weight:900;text-shadow:2px 2px 0 #e858bb77,-1px 0 0 #51edff}.shibuya .hero p{color:#b8c7db}.shibuya .hero .tags span{border:1px solid #457181;border-radius:2px;color:#83e1ec;background:#0c2332ce;font-size:10px}.shibuya .hero-seal{border:1px solid #ff6dcc;color:#ffd2ee;background:#301436b8;right:29px;top:28px;text-shadow:0 0 12px #ff6dcc;box-shadow:0 0 18px #e6479b77,inset 0 0 12px #b8487f44;transform:rotate(4deg);font-size:22px}.shibuya .hero-bottom{border-top-color:#657db36e;color:#87a8d3;font-family:monospace}.shibuya .notice{border-left:3px solid #f26cb5}.shibuya .notice small{color:#ae98ed}.shibuya .notice .thumb{background:#302343}.shibuya .dept{border-left:3px solid #ae8bee}.shibuya .dept b{border-radius:2px;background:#263348!important;color:#83d8e8!important}.shibuya .dept h2{color:#ac92f3}.shibuya .music{background:linear-gradient(150deg,#151a36,#0b2031);border-top:3px solid #f878bd}.shibuya .music .record{box-shadow:0 0 0 2px #6ee5eb,0 0 0 8px #163b5355,0 0 30px #ca43cf2b}.shibuya .music .toggle{border:1px solid #fea6d6;background:#f76fc1;color:#0b1329;box-shadow:0 0 12px #f550a266}.shibuya .record:after{background:radial-gradient(circle,#111423 0 2.5px,#84e2e9 2.6px)}.shibuya .music .track h3{color:#fff0fa;font-weight:800}.shibuya .control{color:#8bdee8}.shibuya .counter{font-family:monospace;letter-spacing:2px;color:#a392d2}.shibuya .event img{border:1px solid #607b9e;border-radius:3px;filter:saturate(.92)}.shibuya .event .tag{background:#342a49;color:#fa9bca;border-radius:2px}.shibuya .readtag{background:#2c263c!important;color:#e5b2ff!important;border-radius:2px!important}.shibuya .study h3{font-size:30px;color:#edf3ff}.shibuya .study .caption{color:#f79bcf}.shibuya .study .quote,.shibuya .about .body{border-top-color:#33435e}.shibuya .grammar-list b{border:1px solid #3e6074;background:#213448!important;color:#98dde8!important;border-radius:3px}.shibuya .grammar-list strong{color:#e0e9fa}.shibuya .guestboard{background:linear-gradient(130deg,#111b31,#0b1626);border-top:3px solid #8c70d7}.shibuya .board-title{border-bottom:1px solid #3b516d;padding-bottom:20px}.shibuya .board-title h2{color:#c3a6ff;letter-spacing:2px}.shibuya .board-title>span{font-family:monospace;color:#6fdaea;letter-spacing:3px}.shibuya .message{background:#0c1727;border-radius:4px;border-color:#35566d;box-shadow:inset 3px 0 #668ab36e}.shibuya .avatar{border-radius:4px;background:#3a3155;color:#e0b5ff;border:1px solid #a183c7}.shibuya .reply{border-radius:3px;background:#122c32;border-left:2px solid #4bbaa7;color:#d6e9eb}.shibuya .reply strong{color:#7ce7ce}.shibuya .topic-box{border-radius:4px;background:#211d36;border-color:#4d4167}.shibuya .topic-box h3{color:#cdb7f3}.shibuya .composer{border-radius:4px;background:#13233a;border-color:#3c5c7a}.shibuya .compose-tabs button{border-radius:2px;background:#0c1a2d;border-color:#3c5b77;color:#96bcdb}.shibuya .compose-tabs button[aria-selected=true]{background:#67518c;border-color:#9d85ce;color:#fff0ff}.shibuya .field>span{color:#b9cae2}.shibuya .footer{border-top:1px solid #304c65;padding-top:22px}.shibuya .social .account a{color:#f2a2cf}.shibuya a:focus-visible,.shibuya button:focus-visible{outline-color:#83eef0}.shibuya .credits-link{color:#97a9c4}
@media(max-width:1250px){.paper{padding-left:36px;padding-right:36px}.hero h1{font-size:36px!important}.hero-copy{width:75%}.ukiyoe .hero-copy{width:55%}.ukiyoe .hero h1{font-size:30px!important}.edition-bar>span{display:none}.track h3{font-size:15px}}
@media(max-width:1100px){.paper{padding-left:24px;padding-right:24px}.layout{height:auto;grid-template-columns:240px minmax(0,1fr)}.about,.notice,.dept{height:auto}.about{gap:14px}.side{height:auto}.social{min-height:230px}.hero{height:320px}.featured{height:auto;grid-template-columns:1fr}.music .player{margin:16px auto}.music .tracklinks{max-width:360px;margin-left:auto;margin-right:auto}.event img{height:260px}.study{grid-template-columns:1fr}.study .card{min-height:390px}.side .about .primary{font-size:12px}.hero .hero-copy{width:100%}.hero-art{opacity:.4!important}.ukiyoe .hero-copy{margin:0;width:100%}.ukiyoe .hero-art{right:0}.ukiyoe .hero-art:after{background:linear-gradient(90deg,#ece1c3e8,#ece1c380)}.hero-seal{display:none}.hero p{max-width:90%}.ukiyoe .hero h1{font-size:35px!important}.edition-bar{padding:12px 24px}.board-columns{grid-template-columns:1fr 1fr}.topics{flex-direction:column}.composer{height:auto;min-height:610px}}
@media(max-width:800px){header{height:auto!important;padding:8px 0 18px!important;gap:16px!important}.brand{font-size:23px!important}header nav{gap:12px;font-size:12px;width:100%;flex-wrap:wrap}.search{position:absolute;right:24px;top:90px}.paper>header{position:relative}.paper>header>.search{position:static}.layout{display:flex;flex-direction:column}.side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about{grid-row:span 2}.notice,.dept{min-height:220px}.social{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;gap:18px;min-height:0}.social .heading{width:100%}.social .account{min-width:130px}.content{display:flex;flex-direction:column}.hero{min-height:310px;height:auto}.featured{grid-template-columns:304px minmax(0,1fr)}.event img{height:180px}.event h3{font-size:19px}.study{grid-template-columns:1fr 1fr}.study .card{min-height:410px}.board-columns{grid-template-columns:1fr}.topic-box .topics{flex-direction:row}.composer{min-height:600px}.hero .hero-copy{width:75%}.hero-art{opacity:.8!important}.ukiyoe .hero-copy{margin-left:auto;width:53%}.ukiyoe .hero-art{right:36%}.ukiyoe .hero-art:after{background:linear-gradient(90deg,transparent 50%,#e7d9b6)}.ukiyoe .hero h1{font-size:26px!important}.hero h1{font-size:32px!important}.hero-copy{min-height:260px}.edition-bar{flex-direction:column;gap:10px}.edition-bar .back{align-self:flex-start}.edition-bar nav{width:100%;justify-content:center}.hero .tags span{font-size:9px;padding:4px 8px}}
@media(max-width:600px){.paper{padding:18px 16px 32px}.edition-bar{padding:12px 16px}.edition-bar nav a{font-size:11px;padding:7px 10px}.side{display:flex;flex-direction:column}.about{height:auto;gap:14px}.about .body{max-width:400px}.about .logo{width:90px!important;height:90px!important}.about .primary{max-width:400px}.notice,.dept{min-height:0}.dept{display:flex!important}.social .account{min-width:110px}.hero{padding:24px;min-height:300px}.hero .hero-copy,.ukiyoe .hero-copy{margin:0;width:100%;padding:0 0 24px;min-height:260px}.hero h1{font-size:32px!important;line-height:1.4!important}.ukiyoe .hero h1{font-size:30px!important}.hero .hero-art,.ukiyoe .hero-art{left:0;right:0;opacity:.3!important}.hero-art:after{background:linear-gradient(90deg,var(--paper),transparent)!important}.showa .hero-art:after{background:linear-gradient(90deg,#1d3c36,transparent)!important}.shibuya .hero-art:after{background:linear-gradient(90deg,#071222,transparent)!important}.hero-bottom{left:24px;right:24px;font-size:8px;letter-spacing:1px}.hero .kicker{font-size:10px!important}.featured,.study{display:flex;flex-direction:column}.music{width:100%;max-width:none}.event img{height:auto;max-height:270px}.study .card{min-height:380px}.board-title h2{font-size:24px!important}.guestboard{padding:20px}.board-title{margin-bottom:20px}.wall{gap:16px}.message{padding:18px}.author{flex-wrap:wrap}.author time{margin:0 0 0 auto}.topics,.topic-box .topics{flex-direction:column}.composer{min-height:590px;padding:16px}.field-row{flex-direction:column}.board-columns{gap:20px}.compose-intro h3{font-size:17px}.compose-tabs button{font-size:13px}.footer{align-items:flex-start;font-size:11px}.credits-link{padding-top:20px}.social{min-height:230px}.social .heading{width:100%}.about h2{font-size:21px!important}}
@media(max-width:800px){.content{order:1}.side{order:2}.dept{display:flex}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button{transition:none}.primary:hover,.secondary:hover{transform:none}.record{animation-duration:16s}}