:root{--bg:#191919;--ink:#f5f1e9;--orange:#f15a36;--acid:#eaf451;--blue:#3347ea;--line:#f15a3680;--header:72px;--footer:62px;--rail:184px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'Noto Sans JP',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--orange);color:#171717}.skip-link{position:absolute;left:12px;top:-60px;background:var(--acid);color:#171717;z-index:20;padding:12px}.skip-link:focus{top:10px}a:focus-visible,button:focus-visible{outline:3px solid var(--acid);outline-offset:3px}.site-header,.site-footer{position:fixed;left:0;right:0;background:#1d1d1d;z-index:10;border:1px solid var(--line);display:flex;align-items:center}.site-header{height:var(--header);top:0;justify-content:space-between;padding:0 18px}.wordmark{font:900 31px/.75 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.wordmark small{display:block;font:500 9px/1.5 'Noto Sans JP',sans-serif;letter-spacing:2px;color:var(--orange);margin-top:7px}.header-edition{font:10px monospace;letter-spacing:2px}.header-edition span{color:#999;margin-left:18px}.header-contact{font-size:11px;font-weight:800;border:1px solid var(--line);padding:11px 16px}.header-contact span{margin-left:25px;color:var(--orange)}.header-contact:hover,.footer-actions a:hover{background:var(--orange);color:#171717}.chapter-rail{position:fixed;left:0;top:var(--header);bottom:var(--footer);width:var(--rail);border:1px solid var(--line);border-top:0;border-bottom:0;background:#1d1d1d;z-index:8;display:flex;flex-direction:column;padding:18px 13px}.rail-heading,.rail-note{font:9px monospace;letter-spacing:2px;color:#a29d99}.rail-heading{display:flex;justify-content:space-between}.rail-heading span{color:var(--orange)}.chapters{display:grid;gap:14px;overflow-y:auto;margin:20px 0}.chapter{display:block;opacity:.43;transition:opacity .25s,transform .25s}.chapter.active,.chapter:hover{opacity:1}.chapter:hover{transform:translateX(3px)}.chapter-thumb{display:block;height:84px;padding:8px 11px;position:relative;overflow:hidden;background:#232323;border:1px solid #5a4b44;font:900 29px/.9 'Barlow Condensed',sans-serif;letter-spacing:-.02em}.chapter-thumb:before{content:'';position:absolute;right:-15px;bottom:-20px;width:100px;height:100px;background:var(--orange);clip-path:polygon(0 80%,28% 10%,48% 67%,73% 0,100% 100%);transform:rotate(30deg);opacity:.85}.chapter-thumb>span{position:absolute;right:10px;top:6px;color:var(--acid)}.thumb-works:before{background:var(--blue);transform:rotate(10deg)}.thumb-books:before{background:var(--acid);opacity:.8}.thumb-live:before{background:#ff8d4a}.thumb-about:before{background:#53c8f0}.chapter-meta{font:8px monospace;letter-spacing:1px;display:flex;gap:10px;padding-top:5px}.chapter-meta b{color:var(--orange)}.rail-note{margin-top:auto;line-height:1.8}.slides{margin:var(--header) 0 var(--footer) var(--rail)}.panel{position:relative;min-height:calc(100svh - var(--header) - var(--footer));border:1px solid var(--line);border-left:0;border-top:0;padding:28px clamp(22px,4vw,70px) 42px;overflow:hidden;scroll-margin-top:var(--header)}.panel-index{position:relative;z-index:4;display:flex;justify-content:space-between;gap:12px;font:10px monospace;letter-spacing:1.5px;color:#ff8c68}.panel-index>span{color:#b5aaa3}.hero-panel{display:grid;align-content:stretch;background:#202020}.hero-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 72% 48%,#f15a361d,transparent 42%),repeating-linear-gradient(0deg,transparent 0 29px,#ffffff05 30px);pointer-events:none}.hero-burst{position:absolute;background:var(--orange);clip-path:polygon(0 0,100% 13%,48% 44%,100% 80%,0 100%,37% 53%);z-index:0}.burst-one{width:80%;height:63%;right:-9%;top:7%;transform:rotate(-15deg)}.burst-two{width:46%;height:75%;right:-17%;bottom:-19%;transform:rotate(22deg)}.hero-streak{position:absolute;height:5px;background:var(--orange);transform:rotate(-24deg);opacity:.75}.streak-one{width:46%;right:-10%;top:19%}.streak-two{width:60%;right:-14%;bottom:13%}.hero-overprint{position:absolute;right:8%;top:6%;font:900 clamp(120px,22vw,370px)/.8 'Barlow Condensed',Impact,sans-serif;color:#11111155;text-align:right;transform:rotate(-11deg);pointer-events:none}.hero-copy{position:relative;z-index:3;align-self:center;width:66%;padding:50px 0 45px}.kicker,.eyebrow{font:11px monospace;letter-spacing:2px}.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--acid);box-shadow:0 0 16px var(--acid);animation:pulse 1.4s infinite;margin-right:9px}.hero-copy h1{font-size:clamp(75px,9.5vw,160px);line-height:1.06;letter-spacing:-.09em;font-weight:900;margin:27px 0 18px;white-space:nowrap;text-shadow:5px 5px 0 #151515}.hero-line{display:block}.hero-line-second{color:var(--acid);transform:translateX(5%)}.period{color:var(--ink)}.hero-lead{font-size:14px;line-height:2.1;max-width:580px;background:#191919c7;display:inline-block;padding:4px 12px;margin:0}.hero-action{display:flex;align-items:center;justify-content:space-between;gap:35px;width:max-content;background:var(--orange);color:#141414;font-size:12px;font-weight:900;padding:16px 16px 16px 22px;margin-top:25px;min-width:205px;box-shadow:6px 6px 0 #121212;transition:transform .2s,box-shadow .2s}.hero-action strong{font-size:21px}.hero-action:hover{transform:translate(4px,4px);box-shadow:2px 2px 0 #121212}.hero-figure{position:absolute;right:3%;bottom:8%;width:42%;height:77%;transform:rotate(5deg);z-index:2}.figure-shadow{position:absolute;inset:2% 0 0 3%;background:#151515;transform:translate(13px,13px)}.figure-photo{position:absolute;inset:0;background:#353be2;border:8px solid #f9f4e9;clip-path:polygon(0 0,100% 0,100% 93%,90% 100%,0 97%);overflow:hidden}.figure-photo img{width:100%;height:100%;object-fit:cover;object-position:51% 37%;filter:grayscale(1) contrast(1.12);mix-blend-mode:luminosity;transform:scale(1.18);transform-origin:52% 20%}.figure-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#11112712 3px 4px)}.figure-sticker{position:absolute;width:136px;height:136px;right:-24px;top:-15px;background:var(--acid);color:#111;display:grid;place-content:center;text-align:center;clip-path:polygon(50% 0,60% 14%,76% 7%,80% 24%,96% 27%,89% 43%,100% 52%,87% 62%,93% 79%,76% 82%,70% 97%,53% 90%,42% 100%,35% 86%,17% 92%,17% 74%,1% 67%,11% 51%,2% 36%,19% 29%,22% 11%,39% 15%);font:900 22px/.9 'Barlow Condensed',sans-serif;transform:rotate(-14deg)}.figure-sticker span{font-size:35px}.figure-label{position:absolute;bottom:4%;left:-9%;font:900 clamp(38px,5vw,75px)/.8 'Barlow Condensed',sans-serif;background:var(--orange);color:#181818;padding:12px 20px;transform:rotate(-8deg);box-shadow:5px 6px 0 #111a}.figure-label small{display:block;font:8px monospace;letter-spacing:3px;padding-top:12px}.hero-bottom{position:relative;z-index:4;align-self:end;border-top:1px solid #fff8;display:flex;justify-content:space-between;font:9px monospace;letter-spacing:2px;padding-top:14px}.section-copy{position:relative;z-index:1;max-width:740px;margin:48px 0 30px}.eyebrow{color:var(--orange);margin:0 0 16px}.section-copy h2,.books-heading h2,.seminar-copy h2,.about-copy h2{font-size:clamp(48px,6vw,88px);line-height:1.2;letter-spacing:-.08em;margin:0;font-weight:900}.section-copy h2 em,.books-heading h2 em,.seminar-copy h2 em{font-style:normal;color:var(--acid)}.section-copy>p:last-child{font-size:13px;color:#c9c5c0;line-height:1.9}.works-panel{background:radial-gradient(circle at 80% 15%,#f15a3622,transparent 30%),#1b1b1b}.works-panel:after{content:'RAP';position:absolute;top:0;right:-3%;font:900 330px/.7 'Barlow Condensed',sans-serif;color:#fff2;transform:rotate(15deg);pointer-events:none}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;position:relative;z-index:1}.work-card{min-height:280px;background:#272727;border:1px solid #f15a3670;display:flex;flex-direction:column;padding:14px;position:relative;overflow:hidden;transition:transform .2s,background .2s}.work-card:hover{transform:translateY(-8px);background:#333}.card-counter,.book-no{font:10px monospace;letter-spacing:1px;color:var(--acid);position:relative;z-index:2}.card-art{flex:1;display:block;text-align:center;font:900 clamp(90px,11vw,170px)/.78 'Noto Sans JP',sans-serif;letter-spacing:-.13em;color:#fa5a31;transform:rotate(-11deg);text-shadow:8px 8px 0 #161616}.card-art span{position:absolute;font-size:50px;color:var(--acid);top:6px;right:10%}.card-it{background:#3037ac}.card-it .card-art{color:var(--acid);font:900 clamp(140px,17vw,220px)/1 'Barlow Condensed',sans-serif}.card-it .card-art span{color:var(--orange)}.card-culture{background:#cf471f}.card-culture .card-art{color:#171717}.card-culture .card-art span{color:#fff}.card-body{display:flex;align-items:end;justify-content:space-between;gap:5px;border-top:1px solid #fff8;padding-top:13px;position:relative;z-index:2}.card-body b{font-size:14px}.card-body>span{font-size:10px;white-space:nowrap}.text-link{display:inline-flex;gap:55px;border-bottom:1px solid #ff5b39;font-size:12px;padding:18px 2px 10px;margin-top:25px}.text-link span{color:var(--orange)}.books-panel{background:#262626}.books-panel:before{content:'';position:absolute;width:45%;height:100%;right:-6%;top:0;background:var(--blue);clip-path:polygon(60% 0,100% 0,100% 100%,0 100%)}.books-heading{position:relative;z-index:1;margin:48px 0 35px}.book-showcase{display:grid;grid-template-columns:1fr 1fr;gap:25px;position:relative;z-index:2}.book-item{min-height:375px;padding:15px;background:#202020;border:1px solid #ff5b3999;display:grid;grid-template-columns:46% 1fr;gap:13px;align-items:center;position:relative;overflow:hidden;transition:transform .25s}.book-item:hover{transform:translateY(-7px)}.book-no{position:absolute;left:15px;top:15px}.book-poster{height:245px;background:#ff582f;transform:rotate(-8deg);box-shadow:10px 10px 0 #111;border:7px solid #f6f1e7;color:#171717;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.book-poster:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 9px,#1111 10px)}.book-poster>span{font-size:clamp(35px,4vw,58px);line-height:1.2;font-weight:900;letter-spacing:-.08em;z-index:1}.book-poster i{position:absolute;right:0;bottom:0;font-size:130px;color:#f8ee9a;font-style:normal;line-height:.7}.book-two .book-poster{background:var(--acid);transform:rotate(6deg)}.book-two .book-poster i{color:#3547e9}.book-info{align-self:end;padding-bottom:18px}.book-info b{font-size:17px}.book-info p{font-size:11px;color:#bcb7b3;line-height:1.8}.book-info>span{display:inline-block;font-size:10px;border-bottom:1px solid var(--orange);padding:8px 0}.seminar-panel{background:radial-gradient(circle at 80% 50%,#f15a3625,transparent 45%),#1b1b1b}.seminar-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;min-height:calc(100svh - 205px)}.seminar-copy{position:relative;z-index:2}.seminar-copy>p:nth-last-of-type(1){font-size:13px;line-height:2;color:#c9c5c0;max-width:440px}.seminar-visual{position:relative;display:block;transform:rotate(5deg);border:9px solid #f5eee6;box-shadow:14px 16px 0 var(--orange);transition:transform .2s}.seminar-visual:hover{transform:rotate(2deg)}.seminar-visual img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover}.seminar-overlay{position:absolute;bottom:-27px;left:-30px;background:var(--blue);color:white;padding:13px;font:11px monospace;letter-spacing:1px;display:flex;gap:45px}.about-panel{background:#f15a36;color:#171717}.about-panel .panel-index,.about-panel .panel-index>span{color:#171717}.about-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:5%;min-height:calc(100svh - 210px);align-items:center}.about-big{font:900 clamp(90px,11vw,175px)/.8 'Barlow Condensed',sans-serif;letter-spacing:-.04em;transform:rotate(-7deg);text-shadow:8px 8px 0 #ffb37a}.about-big span{color:var(--acid)}.about-copy .eyebrow{color:#181818}.about-copy h2{font-size:clamp(38px,5vw,67px)}.about-copy p:not(.eyebrow){line-height:2.1;font-size:13px}.about-copy .text-link{border-color:#171717}.about-copy .text-link span{color:#171717}.contact-block{display:flex;justify-content:space-between;align-items:center;gap:10px;background:#171717;color:var(--ink);padding:20px;margin-top:40px}.contact-block span{font:10px monospace}.contact-block strong{font-size:15px}.site-footer{height:var(--footer);bottom:0;justify-content:space-between}.prev-chapter,.next-chapter{height:100%;min-width:60px;display:grid;place-content:center;font-size:25px;background:var(--orange);color:#171717}.prev-chapter:hover,.next-chapter:hover{background:var(--acid)}.footer-progress{display:flex;align-items:center;gap:12px;font:12px monospace;letter-spacing:1px;margin-left:14px}.current-number{color:var(--orange)}.progress-track{height:2px;width:90px;background:#696969}.progress-track i{height:100%;width:20%;display:block;background:var(--orange);transition:width .3s}.current-title{color:#afa9a4;font-size:10px;font-weight:400;margin-left:8px}.footer-actions{margin-left:auto;display:flex;gap:8px;align-items:center;font:10px monospace;letter-spacing:1px}.footer-actions a,.motion-toggle{padding:11px 13px;border:1px solid #4d4b48;background:transparent;color:var(--ink);cursor:pointer}.footer-actions .motion-toggle{font-size:14px;line-height:10px}.next-chapter{margin-left:16px}body.motion-paused *{animation-play-state:paused!important}@keyframes pulse{50%{opacity:.45}}@keyframes moveIn{from{transform:translateY(25px);opacity:0}to{transform:none;opacity:1}}.panel.is-visible .section-copy,.panel.is-visible .books-heading,.panel.is-visible .seminar-copy,.panel.is-visible .about-copy{animation:moveIn .65s both}
@media(max-width:1120px){:root{--rail:144px}.chapter-thumb{height:70px;font-size:25px}.chapters{gap:8px}.hero-copy h1{font-size:clamp(65px,9vw,110px)}.hero-figure{right:-3%;width:44%;height:72%}.work-card{min-height:240px}.card-art{font-size:100px}.card-it .card-art{font-size:155px}.card-body{display:block}.card-body>span{display:block;margin-top:8px}.book-item{min-height:330px}.book-poster{height:205px}.about-big{font-size:100px}}
@media(max-width:760px){:root{--header:64px;--footer:56px;--rail:0px}.chapter-rail,.header-edition{display:none}.site-header{padding:0 12px}.wordmark{font-size:26px}.header-contact{font-size:10px;padding:9px 11px}.header-contact span{margin-left:7px}.slides{margin-left:0}.panel{padding:18px 20px 45px}.panel-index{font-size:8px;letter-spacing:1px}.hero-panel{min-height:920px}.hero-burst{width:140%;height:40%;right:-42%;top:30%}.burst-two{width:100%;height:34%;bottom:0}.hero-overprint{right:-8%;top:35%;font-size:160px}.hero-copy{width:100%;align-self:start;padding:40px 0 0}.kicker{font-size:10px}.hero-copy h1{font-size:clamp(58px,12vw,90px);margin:24px 0 12px}.hero-line-second{transform:none}.hero-lead{font-size:11px;padding:6px 8px;max-width:310px}.hero-action{margin-top:18px;padding:12px 13px 12px 16px;min-width:170px;font-size:11px}.hero-figure{right:8%;bottom:7%;width:70%;height:43%;transform:rotate(6deg)}.figure-sticker{width:95px;height:95px;font-size:16px;right:-22px}.figure-sticker span{font-size:22px}.figure-label{font-size:46px}.hero-bottom{align-self:end;font-size:8px}.hero-bottom span:last-child{display:none}.section-copy{margin:45px 0 25px}.section-copy h2,.books-heading h2,.seminar-copy h2{font-size:clamp(40px,9vw,60px)}.work-grid{grid-template-columns:1fr}.work-card{min-height:185px}.card-art{font-size:100px}.card-it .card-art{font-size:140px}.card-body{display:flex}.card-body>span{margin:0}.works-panel:after{font-size:190px}.books-heading{margin:45px 0 30px}.book-showcase{grid-template-columns:1fr}.book-item{min-height:245px}.book-poster{height:165px}.book-poster>span{font-size:33px}.book-info b{font-size:14px}.book-info p{font-size:10px}.seminar-layout{grid-template-columns:1fr;gap:35px;min-height:auto;margin:55px 0 30px}.seminar-visual{margin-right:12px}.about-layout{grid-template-columns:1fr;gap:45px;min-height:auto;margin:55px 0}.about-big{font-size:clamp(95px,20vw,145px)}.contact-block{margin-top:30px}.footer-actions a,.current-title,.footer-progress>span:nth-of-type(3){display:none}.site-footer{gap:0}.footer-progress{margin-left:8px}.progress-track{width:90px}.prev-chapter,.next-chapter{min-width:54px}.footer-actions{margin-left:auto}.next-chapter{margin-left:8px}}
@media(max-width:760px){.hero-panel{display:flex;flex-direction:column}.hero-copy{align-self:stretch;margin-top:26px}.hero-bottom{margin-top:auto;align-self:stretch}}
@media(max-width:400px){.hero-panel{min-height:840px}.hero-copy h1{font-size:55px}.hero-figure{height:42%;width:76%;right:5%}.figure-label{font-size:40px}.panel-index>span{display:none}.book-item{grid-template-columns:42% 1fr;gap:10px}.book-poster{height:155px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}

/* Colorful DJ artwork and responsive animated overlays */
.hero-panel{background:#07080d;isolation:isolate}
.hero-panel:before{z-index:1;background:linear-gradient(90deg,#07080df5 0%,#07080db8 33%,#07080d35 64%,transparent 100%),linear-gradient(0deg,#07080dcf,transparent 22%);pointer-events:none}
.hero-dj-visual{position:absolute;inset:-2%;z-index:0;background:url('assets/dj-spectrum-hero.png') center/cover no-repeat;animation:hero-pan 14s ease-in-out infinite alternate;will-change:transform}
.hero-copy{z-index:5;width:62%}.hero-copy h1{font-size:clamp(72px,8vw,132px);text-shadow:0 5px 25px #000a}.hero-line-second{color:var(--acid);text-shadow:0 5px 25px #000}.hero-lead{background:#07080dce;color:#f5f1e9;padding:10px 14px}.hero-action{background:var(--orange);box-shadow:6px 6px 0 #101013}
.hero-art-label{position:absolute;right:3%;bottom:11%;z-index:4;padding:11px 16px;color:#fff;border-left:4px solid var(--acid);background:#090a0bd9;display:grid;gap:4px;transform:rotate(-3deg);box-shadow:0 8px 30px #0009}.hero-art-label span{font:900 clamp(32px,4vw,55px)/.85 'Barlow Condensed',sans-serif;letter-spacing:-1px}.hero-art-label b{font:9px monospace;letter-spacing:3px;color:var(--acid)}.hero-art-label small{font:8px monospace;letter-spacing:1px}.hero-bottom{z-index:5;color:#faf8ed;text-shadow:0 2px 9px #000}
.hero-eq{position:absolute;z-index:2;display:flex;align-items:flex-end;gap:4px;overflow:hidden;pointer-events:none}.hero-eq i{display:block;width:6px;flex:none;height:var(--h);background:hsl(var(--hue) 96% 58%);box-shadow:0 0 9px hsl(var(--hue) 100% 60%);transform-origin:bottom;animation:eq-bounce var(--d) ease-in-out infinite alternate;animation-delay:var(--delay)}.eq-bottom{bottom:4%;left:13%;width:73%;height:120px;opacity:.78;mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.hero-spark{position:absolute;z-index:3;font-size:65px;color:var(--acid);text-shadow:0 0 18px #eaf45188;animation:spark-float 5s ease-in-out infinite alternate}.spark-one{right:9%;top:18%}.spark-two{right:47%;bottom:24%;font-size:27px;color:#ff563b;animation-delay:-1.5s}.hero-ring{position:absolute;z-index:2;border:1px solid #53e9ff99;border-radius:50%;box-shadow:0 0 25px #53e9ff44;pointer-events:none;animation:ring-breathe 6s ease-in-out infinite alternate}.ring-one{width:190px;height:190px;right:7%;bottom:15%}.ring-two{width:290px;height:290px;right:4%;bottom:8%;border-color:#ff4d9c88;animation-delay:-2s}
.about-portrait{width:min(100%,540px);height:490px;position:relative;background:var(--blue);transform:rotate(-5deg);border:8px solid #191919;box-shadow:16px 16px 0 #171717}.about-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:51% 38%;filter:grayscale(1) contrast(1.1);mix-blend-mode:luminosity;transform:scale(1.03)}.about-portrait span{position:absolute;bottom:16px;left:-20px;padding:10px 14px;background:var(--acid);color:#171717;font:900 13px 'Barlow Condensed',sans-serif;letter-spacing:1px;transform:rotate(-4deg)}
@keyframes hero-pan{to{transform:scale(1.035) translate(-1%,-.5%)}}@keyframes eq-bounce{to{transform:scaleY(.28);opacity:.5}}@keyframes spark-float{to{transform:translateY(-18px) rotate(18deg)}}@keyframes ring-breathe{to{transform:scale(1.11);opacity:.45}}
@media(max-width:1120px){.hero-copy{width:68%}.hero-copy h1{font-size:clamp(66px,8vw,100px)}.hero-art-label{right:2%}}
@media(max-width:760px){.hero-panel{min-height:900px}.hero-panel:before{background:linear-gradient(180deg,#07080df9 0%,#07080dea 14%,#07080d8a 40%,#07080d15 68%,#07080d8a 100%)}.hero-dj-visual{inset:0;background-size:auto 75%;background-position:62% bottom;animation:hero-pan-mobile 12s ease-in-out infinite alternate}.hero-copy{width:100%;margin-top:22px;padding:22px 0 0}.hero-copy h1{font-size:clamp(56px,12vw,86px)}.hero-lead{max-width:350px;font-size:11px}.hero-art-label{right:6%;bottom:10%;transform:rotate(-3deg);padding:8px 12px}.hero-art-label span{font-size:33px}.hero-art-label b{font-size:7px}.hero-art-label small{font-size:6px}.eq-bottom{bottom:3%;left:0;width:100%;height:75px;opacity:.65}.spark-one{right:8%;top:45%;font-size:46px}.spark-two{left:13%;bottom:29%}.ring-one{width:130px;height:130px;right:20%;bottom:23%}.ring-two{width:190px;height:190px;right:15%;bottom:18%}.about-portrait{height:420px;margin:0 auto}}
@media(max-width:400px){.hero-panel{min-height:840px}.hero-copy h1{font-size:54px}.hero-dj-visual{background-size:auto 66%}.about-portrait{height:340px}}
@media(prefers-reduced-motion:reduce){.hero-dj-visual,.hero-eq i,.hero-spark,.hero-ring{animation:none!important}}
@keyframes hero-pan-mobile{to{transform:scale(1.025) translateX(-1%)}}
.hero-record-motion{position:absolute;z-index:2;width:clamp(210px,27vw,420px);aspect-ratio:1;right:3%;bottom:3%;border-radius:50%;pointer-events:none;opacity:.55;background:conic-gradient(from 0deg,transparent 0deg,#70f3ff 28deg,transparent 52deg,transparent 145deg,#ff559b 180deg,transparent 200deg,transparent 300deg,#f9df62 330deg,transparent 360deg);mask:radial-gradient(circle,transparent 0 56%,#000 57% 59%,transparent 60% 70%,#000 71% 72%,transparent 73%);filter:drop-shadow(0 0 16px #4beaff);animation:record-orbit 9s linear infinite}
@keyframes record-orbit{to{transform:rotate(360deg)}}
@media(max-width:760px){.hero-record-motion{width:270px;right:-4%;bottom:10%;opacity:.65}}
@media(max-width:400px){.hero-record-motion{width:210px;bottom:10%}}
@media(prefers-reduced-motion:reduce){.hero-record-motion{animation:none}}


/* Co.慶応 brand mark and supplied artist portrait */
.wordmark{display:inline-flex;flex-direction:column;align-items:flex-start;gap:3px;line-height:1;flex:none}
.wordmark img{display:block;width:165px;height:auto}
.wordmark small{margin:0 0 0 2px;font:700 8px/1 'Noto Sans JP',sans-serif;letter-spacing:.28em;color:#f04b53}
.hero-art-label{padding:8px 9px;border-left-color:#f0f64b}
.hero-art-label img{display:block;width:clamp(125px,15vw,185px);height:auto}
.hero-art-label b,.hero-art-label small{padding-left:2px}
.about-portrait{background:#eef6e9;overflow:hidden}
.about-portrait img{filter:none;mix-blend-mode:normal;transform:none;object-fit:cover;object-position:57% 36%}
@media(max-width:760px){.wordmark img{width:138px}.wordmark small{font-size:7px}.hero-art-label img{width:135px}}

/* Transparent hand-drawn wordmark */
.wordmark img{width:166px}
.hero-art-label{background:transparent;border:0;box-shadow:none;padding:0;transform:rotate(-3deg);filter:drop-shadow(0 3px 8px #000)}
.hero-art-label img{width:clamp(145px,17vw,235px)}
@media(max-width:760px){.wordmark img{width:142px}.hero-art-label img{width:155px}}
/* Geometric logo proportions */
.wordmark img{width:196px}
.hero-art-label img{width:clamp(175px,19vw,265px)}
@media(max-width:760px){.wordmark img{width:150px}.hero-art-label img{width:175px}}

/* Header lettering in the Corporate Logo typeface. */
@font-face{font-family:'Corporate Logo';src:url('assets/fonts/corporate-logo-bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
.site-header .wordmark{font-family:'Corporate Logo',sans-serif;font-size:38px;font-weight:700;line-height:1.15;letter-spacing:0;color:#fff}
@media(max-width:760px){.site-header .wordmark{font-size:32px}}

/* Balance Japanese lettering against the Latin capitals. */
.brand-kanji{font-size:.86em}
.hero-art-label .brand-lettering{font-family:'Corporate Logo',sans-serif;font-weight:700;font-size:clamp(36px,4vw,60px);line-height:1.15;letter-spacing:0;color:#fff}
.hero-art-label .brand-kanji{font:inherit;font-size:.86em}
@media(max-width:760px){.hero-art-label .brand-lettering{font-size:38px}}

.site-header .wordmark{gap:4px}
.site-header .wordmark small{display:block;margin:0 0 0 2px;font:700 8px/1.2 'Noto Sans JP',sans-serif;letter-spacing:.27em;color:#f15a36}
@media(max-width:760px){.site-header .wordmark small{font-size:7px}}

/* Full-width content after removing the chapter sidebar. */
:root{--rail:0px}
.slides{margin-left:0}
.panel{border-left:1px solid var(--line)}

/* Works: channel, history and geography product cards. */
.work-grid{gap:22px;align-items:stretch}
.work-grid .work-card{padding:0;min-height:0;background:#202124;border:1px solid #ffffff26;border-radius:4px;transition:transform .2s,border-color .2s;overflow:hidden}
.work-grid .work-card:hover{background:#242529;border-color:var(--orange);transform:translateY(-6px)}
.work-grid .card-counter{display:block;padding:14px 16px;font-size:10px;color:#c9c5c0}
.work-thumbnail{display:block;aspect-ratio:16/9;overflow:hidden;background:#101114}
.work-thumbnail img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .35s}
.work-card:hover .work-thumbnail img{transform:scale(1.025)}
.work-card-copy{display:flex;flex:1;flex-direction:column;padding:22px 20px 20px;gap:13px}
.work-card-copy>b{font-size:clamp(16px,1.5vw,23px);line-height:1.5;letter-spacing:-.035em}
.work-description{font-size:12px;line-height:1.9;color:#bcbcc2}
.work-card-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff26;padding-top:15px;margin-top:auto;font-size:12px;font-weight:700}
.work-card-link>span{font-size:20px;color:var(--orange)}
.channel-thumbnail{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:radial-gradient(ellipse at 50% 15%,#381b24,transparent 75%),#111216;border-block:1px solid #ffffff12}
.channel-thumbnail:after{content:'';position:absolute;bottom:0;left:0;right:0;height:4px;background:#ff0033}
.channel-brand{font:700 clamp(34px,3.7vw,60px)/1.1 'Corporate Logo',sans-serif;color:#fff;letter-spacing:0}
.channel-platform{display:flex;align-items:center;gap:10px;color:#fff;font:800 clamp(22px,2.5vw,39px)/1 Arial,sans-serif;letter-spacing:-1.5px}
.channel-platform svg{width:clamp(35px,4vw,57px);height:auto}
.channel-tagline{font:9px monospace;letter-spacing:3px;color:#b4a9ae}
@media(max-width:1000px) and (min-width:761px){.work-grid{gap:12px}.work-card-copy{padding:17px 14px}.work-card-copy>b{font-size:16px}.channel-thumbnail{gap:8px}.channel-tagline{font-size:7px;letter-spacing:2px}}
@media(max-width:760px){.work-grid{gap:22px}.work-card-copy>b{font-size:21px}.channel-brand{font-size:clamp(42px,10vw,72px)}.channel-platform{font-size:clamp(28px,7vw,45px)}.channel-platform svg{width:55px}.channel-thumbnail{gap:15px}}

/* Four Works entries: keep the thumbnails readable at every width. */
.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.work-grid .work-nengo:hover{border-color:#a28aff}
@media(min-width:1600px){.work-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:760px){.work-grid{grid-template-columns:minmax(0,1fr)}}

/* Four clear activity categories with a compact horizontal navigation. */
:root{--header:84px}
.site-header{padding-inline:clamp(18px,3vw,50px);gap:25px}
.header-nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2vw,32px);margin-left:auto;height:100%}
.header-nav a{display:flex;align-items:center;height:100%;position:relative;font-size:11px;font-weight:700;white-space:nowrap;transition:color .2s}
.header-nav a:after{content:'';height:3px;background:var(--acid);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);transform-origin:left;transition:transform .2s}
.header-nav a:hover,.header-nav a[aria-current]{color:var(--acid)}
.header-nav a[aria-current]:after{transform:scaleX(1)}
.header-links{display:flex;align-items:center;gap:20px;flex:none}
.header-profile{font-size:10px;white-space:nowrap;color:#c8c2ba}
.header-profile:hover,.header-profile[aria-current]{color:var(--acid)}
.header-contact{font-size:11px;padding:12px 15px;white-space:nowrap}
.header-contact span{margin-left:14px}
.activity-hub{padding:58px clamp(22px,4vw,70px) 62px;scroll-margin-top:var(--header);border-bottom:1px solid var(--line);background:#171719}
.activity-hub-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:30px}
.activity-hub-heading .eyebrow{font-size:9px;color:var(--orange);margin:0 0 14px}
.activity-hub-heading h2{font-size:clamp(25px,3vw,42px);line-height:1.5;letter-spacing:-.05em;margin:0}
.activity-hub-heading h2 em{font-style:normal;color:var(--acid)}
.activity-hub-heading>p{font-size:11px;line-height:2;color:#b8b3b1;margin:0 0 4px}
.activity-entries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.activity-entry{--entry-color:#ff7752;position:relative;display:flex;flex-direction:column;gap:22px;padding:22px 19px 24px;min-height:205px;background:#202024;border:1px solid #ffffff25;border-top:3px solid var(--entry-color);transition:transform .2s,background .2s,border-color .2s}
.entry-mnemonics{--entry-color:#a28aff}.entry-books{--entry-color:#eaf451}.entry-talks{--entry-color:#6ad3eb}
.activity-entry:hover{transform:translateY(-5px);background:#28282e;border-color:var(--entry-color)}
.entry-meta{display:flex;justify-content:space-between;gap:8px;font:9px/1.5 monospace;color:var(--entry-color);letter-spacing:.5px}
.entry-meta i{font-style:normal;font-size:19px;line-height:1}
.activity-entry strong{font-size:clamp(16px,1.6vw,23px);line-height:1.5;letter-spacing:-.04em}
.activity-entry>span:last-child{font-size:11px;line-height:1.9;color:#bcb8bf;margin-top:auto}
.works-panel .work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.works-panel .panel-index,.mnemonics-panel .panel-index,.books-panel .panel-index,.seminar-panel .panel-index,.about-panel .panel-index{font-size:11px;letter-spacing:1px}
.mnemonics-panel{background:radial-gradient(ellipse at 30% 50%,#6643b029,transparent 65%),#17151e;border-color:#a28aff55}
.mnemonics-panel .panel-index{color:#b5a0f5}
.mnemonics-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center;min-height:calc(100svh - var(--header) - var(--footer) - 95px);padding:48px 0 32px}
.mnemonics-visual{display:block;min-width:0;transform:rotate(-2deg);transition:transform .2s}
.mnemonics-visual:hover{transform:rotate(0)}
.mnemonics-visual img{display:block;width:100%;height:auto;border:1px solid #a28aff88;box-shadow:12px 15px 0 #8d5ce91c}
.mnemonics-visual>span{display:flex;align-items:center;justify-content:space-between;margin-top:21px;font:8px/1.8 monospace;letter-spacing:1px;color:#c9bbea;gap:12px}
.mnemonics-visual b{color:var(--acid);font-size:23px;font-weight:400}
.mnemonics-copy .eyebrow{color:#b5a0f5;font-size:10px}
.mnemonics-copy h2{font-size:clamp(40px,4.7vw,70px);line-height:1.3;letter-spacing:-.07em;margin:22px 0}
.mnemonics-copy h2 em{font-style:normal;color:var(--acid)}
.mnemonics-copy>p:not(.eyebrow){font-size:12px;line-height:2.2;color:#c8c1d2}
.mnemonics-features{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
.mnemonics-features span{border:1px solid #a28aff66;padding:8px 11px;font-size:10px;color:#d8cdee}
.mnemonics-copy .hero-action{background:var(--acid);min-width:255px}
.mnemonics-print-link{display:inline-block;font-size:10px;border-bottom:1px solid #a28aff88;padding:0 0 6px;margin-top:24px;color:#c9bbea}
.seminar-layout{gap:8%;padding-block:40px;min-height:calc(100svh - var(--header) - var(--footer) - 100px)}
.seminar-request{margin-top:28px;border-top:1px solid #f15a3677;padding:23px 0 0}
.request-label{font:8px/1.6 monospace;letter-spacing:1.5px;color:#ff916d}
.seminar-request h3{font-size:20px;letter-spacing:-.04em;margin:12px 0}
.seminar-request p{font-size:12px;line-height:2;color:#bfb8b3;margin:0 0 20px}
.seminar-request a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;padding:14px 18px;background:var(--orange);color:#161616;font-size:11px;font-weight:800}
.seminar-request a:hover{background:var(--acid)}
.seminar-request a span{font-size:18px}
.seminar-past{min-width:0;padding:10px 20px 0 0}
.seminar-past-label{display:flex;justify-content:space-between;gap:15px;font:9px/1.8 monospace;letter-spacing:1px;color:#ff916d;margin:0 0 26px}
.seminar-past-label span{font-family:'Noto Sans JP',sans-serif;color:#bfb8b3;font-size:10px}
.seminar-past .seminar-visual{transform:rotate(2deg);border-width:6px;box-shadow:10px 12px 0 #f15a36cc}
.seminar-past .seminar-visual:hover{transform:rotate(0)}
.seminar-past .seminar-visual img{aspect-ratio:auto;height:auto;object-fit:contain}
.seminar-past .seminar-overlay{bottom:-19px;left:-14px;padding:9px 12px;font-size:9px}
.seminar-caption{margin-top:36px;padding-left:6px}
.seminar-caption>span{font:9px/1.8 monospace;color:#bfb8b3;letter-spacing:1px}
.seminar-caption h3{font-size:21px;line-height:1.7;letter-spacing:-.03em;margin:12px 0 15px}
.seminar-caption>a{display:inline-block;font-size:11px;border-bottom:1px solid var(--orange);padding-bottom:6px}
@media(max-width:1120px) and (min-width:1051px){.site-header{gap:20px}.header-links{gap:13px}.header-nav{gap:16px}.header-nav a{font-size:10px}.header-profile{font-size:9px}.header-contact{font-size:10px;padding:11px}}
@media(max-width:1050px){:root{--header:108px}.site-header{display:grid;grid-template-columns:1fr auto;grid-template-rows:64px 44px;gap:0 20px;padding:0 22px}.site-header .wordmark{grid-column:1;grid-row:1;font-size:32px}.header-links{grid-column:2;grid-row:1;gap:16px}.header-nav{grid-column:1/3;grid-row:2;width:100%;height:100%;margin:0;justify-content:space-between;gap:24px;overflow-x:auto;scrollbar-width:none;border-top:1px solid #ffffff18}.header-nav::-webkit-scrollbar{display:none}.header-nav a{flex:none;font-size:11px}.activity-entries{gap:12px}.activity-entry{padding:19px 14px;gap:18px;min-height:195px}.entry-meta{font-size:8px}.activity-entry strong{font-size:17px}.activity-hub-heading{align-items:flex-start}.activity-hub-heading>p{font-size:10px}.mnemonics-layout{gap:5%}.mnemonics-copy h2{font-size:48px}.mnemonics-features span{font-size:9px}.seminar-request h3{font-size:18px}.seminar-caption h3{font-size:18px}}
@media(max-width:760px){.site-header{padding-inline:12px;gap:0 10px}.header-links{gap:12px}.header-profile{font-size:9px}.header-contact{font-size:10px;padding:9px 11px}.header-contact span{margin-left:5px}.header-nav{gap:18px}.header-nav a{font-size:10px}.activity-hub{padding:35px 20px 40px}.activity-hub-heading{display:block;margin-bottom:24px}.activity-hub-heading h2{font-size:27px}.activity-hub-heading h2 em{display:block}.activity-hub-heading>p{font-size:10px;margin-top:18px;line-height:2}.activity-hub-heading .eyebrow{font-size:8px}.activity-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-entry{padding:16px 12px;gap:18px;min-height:190px}.activity-entry strong{font-size:17px;line-height:1.7}.entry-meta{font-size:7px;letter-spacing:0;gap:4px}.entry-meta i{font-size:16px}.activity-entry>span:last-child{font-size:10px;line-height:1.9}.works-panel .work-grid{grid-template-columns:minmax(0,1fr)}.works-panel .panel-index,.mnemonics-panel .panel-index,.books-panel .panel-index,.seminar-panel .panel-index,.about-panel .panel-index{font-size:9px}.panel-index>span{font-size:8px}.mnemonics-layout{grid-template-columns:1fr;gap:35px;min-height:auto;padding:40px 0 0}.mnemonics-visual{grid-row:2;transform:none}.mnemonics-copy h2{font-size:44px;margin:18px 0}.mnemonics-copy .eyebrow{font-size:9px}.mnemonics-copy>p:not(.eyebrow){font-size:11px}.mnemonics-copy>p br{display:none}.mnemonics-features{gap:7px;margin-top:20px}.mnemonics-features span{font-size:9px;padding:7px 9px}.mnemonics-visual>span{font-size:7px;margin-top:17px}.mnemonics-copy .hero-action{min-width:230px}.mnemonics-print-link{margin-top:22px}.seminar-layout{min-height:auto;margin:38px 0 5px;padding-block:0;gap:40px}.seminar-copy>p:nth-last-of-type(1){font-size:12px}.seminar-request{margin-top:23px;padding-top:20px}.seminar-request h3{font-size:19px}.seminar-request p{font-size:11px}.seminar-request a{font-size:10px;padding:13px 15px}.seminar-past{padding-right:10px}.seminar-past-label{font-size:8px}.seminar-past-label span{font-size:9px}.seminar-caption{margin-top:32px}.seminar-caption h3{font-size:20px}.seminar-caption>a{font-size:10px}}
@media(max-width:380px){.site-header .wordmark{font-size:28px}.header-links{gap:8px}.header-contact{font-size:9px;padding:9px}.header-nav{gap:14px}.header-nav a{font-size:9px}.activity-hub{padding-inline:16px}.activity-entry strong{font-size:15px}.entry-meta{font-size:6.5px}.activity-entry>span:last-child{font-size:9px}.activity-entry{padding:15px 10px}}

/* Real book-series thumbnail: links to the local introduction. */
.book-with-thumbnail{display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;min-height:0;border-color:#e8f24966}.book-with-thumbnail .book-no{position:static;padding:17px 21px;font:10px monospace;letter-spacing:1.5px;color:#e8f249}.book-thumbnail{overflow:hidden;background:#2045c7}.book-thumbnail img{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover;transition:transform .35s}.book-with-thumbnail:hover .book-thumbnail img{transform:scale(1.025)}.book-with-thumbnail .book-info{padding:23px 24px 25px;align-self:stretch}.book-with-thumbnail .book-info b{font-size:19px}.book-with-thumbnail .book-info p{font-size:12px}.book-with-thumbnail .book-info>span{font-size:11px;border-color:#e8f249}.book-showcase>.book-two{min-height:100%}@media(max-width:760px){.book-with-thumbnail .book-no{font-size:9px;padding:15px 18px}.book-with-thumbnail .book-info{padding:22px 19px}.book-with-thumbnail .book-info b{font-size:17px}.book-with-thumbnail .book-info p{font-size:11px}.book-showcase>.book-two{min-height:260px}}

.book-it-thumbnail{border-color:#79e7f466}.book-it-thumbnail .book-no{color:#79e7f4}.book-it-thumbnail .book-info>span{border-color:#79e7f4}

/* Featured lecture: thumbnail and action lead directly to the supplied video. */
.seminar-panel .seminar-layout{align-items:start;min-height:0;margin:50px 0 20px;gap:6%}.seminar-copy>p:not(.eyebrow){max-width:470px;line-height:2.2}.seminar-past .seminar-video-visual{transform:none;margin-right:0;border:1px solid #ffffff24;box-shadow:9px 11px 0 #0d0d0d;overflow:hidden;background:#241526}.seminar-past .seminar-video-visual:hover{transform:translateY(-4px);border-color:var(--orange)}.seminar-past .seminar-video-visual img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}.seminar-past .seminar-video-visual .seminar-overlay{inset:auto 14px 14px auto;gap:18px;padding:9px 12px;background:#171717e8;border:1px solid #ffffff38;font:9px monospace;letter-spacing:1px}.seminar-video-visual .seminar-overlay b{color:var(--acid);font-size:12px}.seminar-past .seminar-caption{margin-top:28px;padding-left:0}.seminar-caption .seminar-description{font-size:12px;line-height:2;color:#bfb8b3;margin:14px 0}.seminar-topic-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0}.seminar-topic-tags span{border:1px solid #ffffff28;color:#c8beb7;font-size:9px;padding:5px 9px}.seminar-caption .seminar-watch{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--orange);color:#151515;font-size:12px;font-weight:800;padding:15px 21px;border:0}.seminar-caption .seminar-watch:hover{background:var(--acid)}.seminar-watch>span{font-size:20px}.seminar-previous{display:flex;align-items:center;gap:17px;border-top:1px solid #ffffff24;padding-top:23px;margin-top:30px}.seminar-previous>img{width:85px;height:62px;object-fit:cover;flex:none;opacity:.8}.seminar-previous>span{flex:1;min-width:0}.seminar-previous small{display:block;font:8px/1.8 monospace;letter-spacing:1px;color:#978f89;margin-bottom:5px}.seminar-previous strong{display:block;font-size:11px;line-height:1.8;font-weight:500;color:#b8aea7}.seminar-previous>b{font-size:18px;color:var(--orange)}.seminar-previous:hover strong{color:var(--ink)}@media(max-width:760px){.seminar-panel .seminar-layout{margin:40px 0 10px;gap:40px}.seminar-past{padding-right:0}.seminar-copy>p:not(.eyebrow){font-size:12px}.seminar-past .seminar-caption{margin-top:25px}.seminar-caption h3{font-size:20px;line-height:1.8}.seminar-caption .seminar-description{font-size:11px}.seminar-topic-tags span{font-size:8px;padding:5px 8px}.seminar-caption .seminar-watch{font-size:11px;padding:14px 18px}.seminar-past .seminar-video-visual .seminar-overlay{inset:auto 10px 10px auto;font-size:8px;padding:7px 10px;gap:12px}.seminar-previous{gap:13px;margin-top:25px;padding-top:20px}.seminar-previous>img{width:70px;height:54px}.seminar-previous small{font-size:7px}.seminar-previous strong{font-size:10px}}

@media(max-width:760px){.seminar-panel .seminar-layout{display:flex;flex-direction:column;gap:0}.seminar-layout .seminar-copy{display:contents}.seminar-copy>.eyebrow{order:0;margin:0 0 14px}.seminar-copy>h2{order:1;margin:0 0 20px}.seminar-copy>p:not(.eyebrow){order:2;margin:0 0 30px}.seminar-layout>.seminar-past{order:3;width:100%;padding:0}.seminar-copy>.seminar-request{order:4;width:100%;margin-top:35px;padding-top:25px}}

/* Keep the full portrait caption inside its clipping frame. */
.about-portrait>span{left:16px;bottom:16px;max-width:calc(100% - 32px);padding:10px 12px;line-height:1.5;white-space:normal;overflow-wrap:anywhere;transform:rotate(-2deg)}@media(max-width:760px){.about-portrait>span{left:12px;bottom:14px;max-width:calc(100% - 24px);padding:8px 10px;font-size:11px;letter-spacing:.5px}}

/* Short profile and selected credits, based on the original biography. */
.about-panel .about-layout{gap:6%;padding:34px 0 12px}
.about-panel .about-copy h2{font-size:clamp(40px,4.6vw,70px);line-height:1.25}
.about-panel .about-copy .about-bio{font-size:13px;line-height:2;margin:22px 0 24px}
.about-credits{margin:0;border-top:1px solid #17171750}
.about-credits>div{display:grid;grid-template-columns:65px 1fr;gap:14px;border-bottom:1px solid #17171750;padding:12px 0}
.about-credits dt{padding-top:3px;font:700 10px/1.7 monospace;letter-spacing:1.2px}
.about-credits dd{margin:0;font-size:12px;font-weight:600;line-height:1.9;letter-spacing:-.02em}
.about-panel .about-copy .contact-block{margin-top:25px}
@media(max-width:1050px) and (min-width:761px){.about-panel .about-layout{gap:7%;padding-block:15px}.about-panel .about-copy h2{font-size:48px}.about-credits>div{grid-template-columns:54px 1fr;gap:10px}.about-credits dd{font-size:11px}}
@media(max-width:760px){.about-panel .about-layout{margin:45px 0 15px;padding:0;gap:40px}.about-panel .about-copy h2{font-size:clamp(37px,10vw,52px)}.about-panel .about-copy .about-bio{font-size:12px;line-height:2.1;margin:20px 0 24px}.about-credits>div{grid-template-columns:53px 1fr;gap:10px;padding:13px 0}.about-credits dt{font-size:9px}.about-credits dd{font-size:11px}.about-panel .contact-block{flex-wrap:wrap;row-gap:12px}.about-panel .contact-block>span{font-size:8px;letter-spacing:0}}

/* Three distinct book thumbnails in a responsive showcase. */
.books-panel .book-showcase{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.books-panel .book-item{min-width:0;height:100%}
.books-panel .book-info{display:flex;flex-direction:column;flex:1}
.books-panel .book-info>b{font-size:clamp(15px,1.4vw,19px);line-height:1.7}
.books-panel .book-info>p{margin:13px 0 22px;line-height:1.9}
.books-panel .book-info>span{margin-top:auto;align-self:flex-start}
.book-flags-thumbnail{border-color:#ff896666}
.book-flags-thumbnail .book-no{color:#ff9879}
.book-flags-thumbnail .book-thumbnail{background:#ff5d50}
.book-flags-thumbnail .book-info>span{border-color:#ff9879}
@media(min-width:761px) and (max-width:1100px){.books-panel .book-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.books-panel .book-info>b{font-size:18px}}
@media(max-width:760px){.books-panel .book-showcase{grid-template-columns:1fr;gap:24px}.books-panel .book-info>b{font-size:18px}.books-panel .book-info>p{font-size:12px}}

/* One seven-section navigation system for header, directory and progress. */
:root{--header:84px}
.site-header{display:flex;align-items:center;justify-content:space-between;height:var(--header);padding-inline:clamp(18px,3vw,50px);gap:24px}
.site-header .wordmark{font-size:38px}
.site-header .header-nav{display:grid;grid-template-columns:repeat(7,max-content);align-items:stretch;justify-content:end;gap:clamp(12px,1.55vw,26px);margin:0 0 0 auto;height:100%;width:auto;overflow:visible;border-top:0}
.site-header .header-nav a{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;height:100%;padding:0;color:var(--ink);font-size:11px;font-weight:700;line-height:1.6;white-space:nowrap}
.site-header .header-nav a:hover,.site-header .header-nav a[aria-current="location"]{color:var(--acid)}
.site-header .nav-number{font:10px/1 monospace;letter-spacing:1px;color:#ff8c68}
.site-header .header-nav a[aria-current="location"] .nav-number{color:var(--acid)}
.activity-entries{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.activity-entry{min-height:190px}
.activity-entry .entry-meta{font-size:10px}
.activity-entry.entry-intro{--entry-color:#f5f1e9;grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;min-height:94px;gap:24px;padding:20px 24px}
.activity-entry.entry-intro>.entry-meta{align-items:center}
.activity-entry.entry-intro>span:last-child{margin:0}
.entry-profile{--entry-color:#ff8c68}
.entry-contact{--entry-color:#81e0af}
@media(max-width:1150px){:root{--header:116px}.site-header{display:grid;grid-template-columns:1fr;grid-template-rows:62px 54px;gap:0;padding-inline:22px}.site-header .wordmark{grid-column:1;grid-row:1;font-size:32px;justify-self:start}.site-header .header-nav{grid-column:1;grid-row:2;width:100%;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;justify-content:stretch;margin:0;border-top:1px solid #ffffff18}.site-header .header-nav a{font-size:11px;align-items:center;gap:5px}.site-header .header-nav .nav-number{font-size:9px}.activity-entry{padding:20px 17px;gap:20px}.activity-entry strong{font-size:20px}.activity-entry .entry-meta{font-size:9px}.activity-entry.entry-intro{gap:20px}}
@media(max-width:760px){:root{--header:146px}.site-header{grid-template-rows:56px 90px;padding-inline:12px}.site-header .wordmark{font-size:30px}.site-header .header-nav{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:45px 45px;gap:0 4px;padding:0}.site-header .header-nav a{font-size:10px;line-height:1.4;gap:4px;align-items:center;justify-content:center}.site-header .header-nav .nav-number{font-size:8px;letter-spacing:.5px}.site-header .header-nav a:after{height:2px}.activity-entries{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.activity-entry.entry-intro{grid-template-columns:1fr 1fr;min-height:124px;gap:15px;padding:18px 16px}.activity-entry.entry-intro>span:last-child{grid-column:2;grid-row:1/3;font-size:10px}.activity-entry.entry-intro>strong{grid-column:1;grid-row:2}.activity-entry{min-height:180px;padding:17px 13px;gap:19px}.activity-entry strong{font-size:17px}.activity-entry .entry-meta{font-size:8px;letter-spacing:0}.activity-entry>span:last-child{font-size:10px}.activity-hub-heading>p{font-size:11px}.activity-hub-heading .eyebrow{font-size:8px}}
@media(max-width:380px){.site-header{padding-inline:9px}.site-header .header-nav a{font-size:9px}.activity-entry strong{font-size:15px}.activity-entry .entry-meta{font-size:7px}.activity-entry{padding:15px 10px}.activity-entry.entry-intro{padding:16px 12px;gap:12px}}

.panel-index>[data-panel-label]{display:block;color:inherit;font-size:inherit}
@media(max-width:760px){.panel-index>[data-panel-code]{display:none}.panel-index>[data-panel-label]{display:block}}

@media(min-width:761px){.activity-hub{padding-top:42px;padding-bottom:46px}.activity-hub-heading{margin-bottom:24px}.activity-hub-heading h2{font-size:clamp(26px,2.6vw,36px);line-height:1.35}.activity-entry{min-height:165px;gap:18px;padding:20px}.activity-entry.entry-intro{min-height:88px}}

@media(max-width:1150px){.site-header{grid-template-rows:60px minmax(0,1fr)}}
@media(max-width:760px){.site-header{grid-template-rows:54px minmax(0,1fr)}.site-header .header-nav{grid-template-rows:repeat(2,minmax(0,1fr))}}