@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Noto+Serif+JP:wght@300;500;700&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#f7f6e8;background:#0c1012;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit}button{font:inherit}button:focus-visible,a:focus-visible{outline:3px solid #caff51;outline-offset:4px}.skip{position:absolute;z-index:9;left:1rem;top:-5rem;background:#caff51;color:#111;padding:.6rem}.skip:focus{top:1rem}.fiction{background:#d8ff45;color:#171e16;text-align:center;font-size:.75rem;line-height:1.55;padding:.45rem 1rem}.site-head{height:80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #35403c;padding:0 clamp(20px,4vw,72px)}.wordmark{font-size:1.7rem;font-weight:900;letter-spacing:-.09em;text-decoration:none;line-height:.8}.wordmark span{color:#ddff65}.wordmark small{display:block;margin-top:.6rem;font:500 .5rem/1.2 monospace;letter-spacing:.11em;color:#aab8ad}.site-head nav{display:flex;gap:clamp(12px,2vw,35px);font-size:.8rem}.site-head nav a{text-decoration:none}.site-head nav a:hover,.closing a:hover{color:#ddff65}.hero{position:relative;overflow:hidden}.hero-meta{display:flex;justify-content:space-between;padding:18px clamp(20px,4vw,72px);font:600 .65rem monospace;letter-spacing:.1em;color:#b2bcae}.hero-main{min-height:750px;display:grid;grid-template-columns:48% 52%}.hero-copy{position:relative;z-index:1;padding:5vw 3vw 4vw clamp(20px,4vw,72px);background:#111719}.kicker,.section-index{font:700 .7rem monospace;letter-spacing:.22em;color:#e7ff7a}.hero h1{font-size:clamp(5.8rem,12vw,13.5rem);letter-spacing:-.13em;line-height:.94;margin:3rem 0 2rem;font-weight:900;white-space:nowrap}.hero h1 em{font-style:normal;color:#e5ff65;text-shadow:0 0 32px #b7ed3966}.hero-copy p{max-width:32em;line-height:1.9;font-size:clamp(.95rem,1.15vw,1.13rem)}.hero-cta{display:inline-flex;gap:2.5rem;align-items:center;margin-top:2rem;padding:1rem 1.3rem;background:#e5ff65;color:#111;font-weight:900;text-decoration:none}.hero-cta span{font-size:1.4rem}.hero-scene{position:relative;min-height:650px;overflow:hidden;background:#171f25}.scene-sky{position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,#45616b 0,#243037 25%,#0b1217 70%)}.scene-wall{position:absolute;width:75%;height:79%;bottom:0;left:18%;background:linear-gradient(110deg,#4b5550,#222b2b 62%);box-shadow:-25px -7px 60px #0b1217}.scene-grid{position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 62px,#0f171755 63px 65px),repeating-linear-gradient(90deg,transparent 0 114px,#0f171755 115px 117px)}.scene-sign{position:absolute;top:10%;left:-17%;width:86%;height:30%;border:8px solid #161a1a;background:#1b211d;box-shadow:0 0 50px #e3ff6170,0 18px 40px #000b;display:flex;align-items:center;justify-content:center;gap:2rem}.scene-sign b{font-size:clamp(5rem,11vw,12rem);letter-spacing:-.2em;line-height:1;color:#e6ff7c;text-shadow:0 0 10px #e9ffae,0 0 50px #b7df50}.scene-sign small{font:900 clamp(1rem,2vw,2rem) monospace;letter-spacing:.4em}.scene-window,.scene-door{position:absolute;bottom:0;height:48%;background:#14191a;border:8px solid #59615d}.scene-window{left:7%;width:44%;box-shadow:inset 0 0 70px #657f74}.scene-window:after{content:'';position:absolute;inset:0;border-left:3px solid #66746c;border-right:3px solid #66746c;transform:scaleX(.25)}.scene-door{right:8%;width:27%;background:linear-gradient(90deg,#141b1a,#5d6b5a 50%,#121b19)}.scene-ground{position:absolute;left:0;right:0;bottom:0;height:8%;background:linear-gradient(90deg,#0b0e13,#536843,#101513)}.scene-caption{position:absolute;right:2rem;bottom:1.5rem;color:#e2ebd2;font:600 .55rem monospace;letter-spacing:.1em}.marquee{overflow:hidden;border-block:1px solid #bfe245;color:#c6ef50;padding:14px 0;font:900 clamp(1.3rem,3vw,3.2rem) monospace;white-space:nowrap}.marquee span{display:inline-block;animation:marquee 24s linear infinite}@keyframes marquee{to{transform:translateX(-30%)}}.idea{padding:clamp(70px,9vw,145px) clamp(20px,4vw,72px);background:#e9e8d9;color:#17211f}.idea .section-index{color:#526121}.idea h2{font-size:clamp(4rem,9vw,10rem);line-height:.95;letter-spacing:-.12em;margin:2rem 0 5rem}.idea h2 strong{color:#687f32}.idea-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#899385;border:1px solid #899385}.idea article{background:#e9e8d9;padding:clamp(20px,3vw,45px)}.idea article>b{font:700 .8rem monospace}.idea-art{height:200px;margin:2rem 0;border:1px solid #8e9786;display:grid;place-items:center;font-size:8rem;font-weight:900}.type-art{font-family:'Noto Serif JP',serif;letter-spacing:-.18em}.light-art{color:#ecff83;text-shadow:0 0 12px #baef3c,0 0 32px #9dce44;background:#273232}.place-art{background:linear-gradient(120deg,#8a9684,#586f66);position:relative}.place-art i{width:55%;height:60%;background:#142126;border:8px solid #d2dd95;box-shadow:0 0 28px #bbdd7d}.idea article h3{font-size:1.5rem;margin:.5rem 0}.idea article p{line-height:1.8}.idea-note{font-size:.7rem;margin-top:1.7rem}.studio{background:#101517;padding:clamp(70px,9vw,145px) clamp(20px,4vw,72px)}.studio-heading>span{font:700 .7rem monospace;color:#d4ed76;letter-spacing:.2em}.studio-heading h2{font-size:clamp(3.5rem,7vw,8rem);letter-spacing:-.1em;line-height:1.05;margin:1.6rem 0}.studio-heading h2 em{color:#d6f268;font-style:normal}.studio-heading p{max-width:44em;line-height:1.8;color:#bec8bf}.studio-layout{display:grid;grid-template-columns:minmax(250px,300px) minmax(0,1fr);gap:clamp(20px,3vw,50px);margin-top:5rem}.controls fieldset{border:0;border-top:1px solid #657268;padding:1.4rem 0 2rem;margin:0}.controls legend{font-size:.85rem;font-weight:900;padding:0}.controls legend span{font:700 .7rem monospace;color:#d6ee65}.controls fieldset button{width:100%;display:flex;justify-content:space-between;text-align:left;margin:.5rem 0;background:#1a2325;border:1px solid #445249;color:#e7e9db;padding:.9rem 1rem;cursor:pointer}.controls fieldset button small{color:#a2b1a3}.controls fieldset button[aria-pressed=true]{background:#d9f26a;color:#162020;border-color:#d9f26a;font-weight:900}.controls fieldset button[aria-pressed=true] small{color:#33412d}.reset{border:0;border-bottom:1px solid #d6ee65;background:none;color:#d6ee65;padding:.5rem 0;cursor:pointer}.preview-wrap{min-width:0}.preview{position:relative;min-height:580px;overflow:hidden;background:radial-gradient(circle at 50% 30%,#34474d,#151e24 65%);border:1px solid #8eaa75}.preview-top,.preview-bottom{position:absolute;z-index:2;font:600 .55rem monospace;letter-spacing:.15em;color:#d2ddbb}.preview-top{left:2%;top:3%}.preview-bottom{right:2%;bottom:3%}.preview-building{position:absolute;left:13%;right:13%;bottom:0;height:70%;background:repeating-linear-gradient(0deg,#4a5650 0 47px,#263530 48px 50px);border:8px solid #2d3935;transition:background .45s}.preview-sign{position:absolute;top:9%;left:10%;width:80%;height:34%;background:#151d1a;border:5px solid #789562;display:flex;align-items:center;justify-content:center;gap:1.6rem;box-shadow:0 0 38px #d9ff79a0;transition:all .45s}.preview-letter{font-size:clamp(3rem,7vw,8rem);font-weight:900;letter-spacing:-.13em;line-height:1;color:#e8ff8f;text-shadow:0 0 12px #e5ff94,0 0 35px #b4ef65}.preview-sign small{font:800 .7rem monospace;letter-spacing:.16em}.preview-window,.preview-entry{position:absolute;bottom:0;background:#14201e;border:6px solid #697e6a}.preview-window{left:7%;width:43%;height:38%}.preview-entry{right:9%;width:25%;height:47%;background:linear-gradient(90deg,#111c1b,#485b4e)}.preview.style-serif .preview-letter{font-family:'Noto Serif JP',serif;font-weight:300;letter-spacing:.12em}.preview.style-mono .preview-letter{font-family:monospace;letter-spacing:0}.preview.light-flat .preview-sign{background:#e8efba;box-shadow:none;border-color:#91a273}.preview.light-flat .preview-letter{color:#243a2c;text-shadow:none}.preview.light-dark .preview-sign{background:#222e2c;box-shadow:none;border-color:#4d6055}.preview.light-dark .preview-letter{color:#9ea99e;text-shadow:none}.preview.place-wall .preview-sign{top:8%;left:-5%;width:38%;height:68%;display:flex;flex-direction:column;writing-mode:vertical-rl;box-shadow:0 0 25px #d9ff79a0}.preview.place-wall .preview-letter{font-size:clamp(2.6rem,5vw,5rem);letter-spacing:.12em}.preview.place-wall .preview-sign small{writing-mode:horizontal-tb;font-size:.55rem}.preview.place-wall.light-flat .preview-sign,.preview.place-wall.light-dark .preview-sign{box-shadow:none}.memo{border:1px solid #647469;border-top:0;padding:clamp(20px,3vw,42px);background:#192124}.memo>span{font:700 .65rem monospace;letter-spacing:.15em;color:#d8f375}.memo h3{font-size:clamp(1.4rem,3vw,3rem);letter-spacing:-.05em;margin:1rem 0 2rem}.memo dl{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.memo dl div{border-top:1px solid #6b7d71;padding-top:.8rem}.memo dt{color:#aab9ad;font-size:.7rem}.memo dd{margin:.4rem 0 0;font-weight:900}.memo p{line-height:1.8}.memo small{color:#aab9ad;line-height:1.7;display:block}.closing{padding:clamp(70px,9vw,145px) clamp(20px,4vw,72px);background:#d7ed59;color:#19221a}.closing>span{font:700 .7rem monospace;letter-spacing:.2em}.closing h2{font-size:clamp(3rem,7vw,7.5rem);line-height:1.05;letter-spacing:-.1em}.closing p{max-width:38em;line-height:1.8}.closing a{display:inline-block;color:#19221a;font-weight:900;margin-top:2rem}footer{padding:2rem clamp(20px,4vw,72px);display:flex;justify-content:space-between;gap:1rem;font-size:.7rem;color:#aebcb0}footer a:hover{color:#dcf17d}@media(max-width:900px){.hero-main{grid-template-columns:1fr}.hero-copy{padding:3rem 5vw 4rem}.hero h1{font-size:clamp(5.4rem,19vw,12rem)}.hero-scene{min-height:490px}.scene-sign b{font-size:8rem}.studio-layout{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;align-items:start}.controls .reset{grid-column:1/-1;justify-self:start}.idea-art{height:140px;font-size:6rem}}@media(max-width:620px){.site-head{height:auto;padding:1rem 20px;align-items:flex-start;gap:1.5rem}.site-head nav{justify-content:flex-end;flex-wrap:wrap;font-size:.68rem}.hero-meta{font-size:.54rem;gap:1rem}.hero-copy{padding:3.5rem 20px 4rem}.hero h1{font-size:clamp(5.2rem,18vw,7.8rem);margin:2rem 0}.hero-scene{min-height:370px}.scene-sign b{font-size:5.5rem}.scene-sign small{font-size:.8rem}.idea-grid{grid-template-columns:1fr}.idea article{min-height:0}.idea-art{height:120px}.controls{display:block}.studio-layout{margin-top:3rem}.preview{min-height:430px}.preview-building{left:9%;right:9%;height:72%}.preview-sign{gap:.5rem}.preview-letter{font-size:3.5rem}.preview-sign small{font-size:.45rem}.preview.place-wall .preview-sign{width:43%}.memo dl{grid-template-columns:1fr}.memo dl div{display:flex;justify-content:space-between;gap:1rem}.memo dd{margin:0}footer{flex-direction:column}}@media(max-width:380px){.hero h1{font-size:5rem}.hero-meta span:last-child{display:none}.preview-letter{font-size:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}*,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}

@media(max-width:620px){.wordmark{font-size:1.2rem;white-space:nowrap}.idea h2{font-size:3.1rem}.studio-heading h2{font-size:2.65rem}.closing h2{font-size:2.6rem}}

/* Distinct editorial type: the industry leads, the lit sign remains the subject. */
.hero h1{font-size:clamp(3.5rem,7vw,7.4rem);letter-spacing:-.1em;line-height:1.08;margin:2rem 0 1.3rem;color:#e6ff71;white-space:nowrap}
.hero-copy .hero-statement{font-size:clamp(2.8rem,5vw,5.7rem);font-weight:900;letter-spacing:-.1em;line-height:1.12;margin:0 0 1.3rem;max-width:none}
.hero-statement em{font-style:normal;color:#f8f7e7;text-shadow:0 0 24px #e6ff7166}
@media(max-width:900px){.hero-copy{padding:2.5rem 5vw 3rem}.hero h1{font-size:clamp(3.5rem,10vw,6.8rem)}.hero-copy .hero-statement{font-size:clamp(2.7rem,6vw,4.5rem)}}
@media(max-width:620px){.hero-copy{padding:2rem 20px 2.2rem}.hero h1{font-size:clamp(3.2rem,11vw,4.4rem);margin:1.2rem 0}.hero-copy .hero-statement{font-size:clamp(2.35rem,8vw,3.2rem)}.hero-cta{margin-top:1rem}.hero-scene{min-height:360px}}

.hero-main{grid-template-rows:auto 1fr}
.hero-copy{grid-column:1;grid-row:1;padding-bottom:1rem}
.hero-tail{grid-column:1;grid-row:2;padding:0 3vw 4vw clamp(20px,4vw,72px);background:#111719}
.hero-tail p{max-width:32em;line-height:1.9;font-size:clamp(.95rem,1.15vw,1.13rem)}
.hero-scene{grid-column:2;grid-row:1/3}
@media(max-width:900px){.hero-main{display:flex;flex-direction:column}.hero-copy{padding-bottom:1.5rem}.hero-scene{order:2}.hero-tail{order:3;padding:1.5rem 5vw 3rem}}
@media(max-width:620px){.hero-copy{padding-bottom:1.3rem}.hero-scene{min-height:370px}.hero-tail{padding:1.5rem 20px 3rem}.hero-tail .hero-cta{margin-top:1rem}}