@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+JP:wght@400;500;700&display=swap');
:root{--bg:#111310;--fg:#eff0e8;--muted:#979b91;--line:#36392f;--lime:#c8fa62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,'Noto Sans JP',sans-serif;font-size:14px}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--lime);outline-offset:5px}header{height:92px;display:flex;align-items:center;justify-content:space-between;margin:0 4%;border-bottom:1px solid var(--line)}.logo{font-size:35px;font-weight:900;letter-spacing:-5px}.logo-dot{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:8px}nav{display:flex;gap:38px;font-size:11px;letter-spacing:1px}nav span{font-size:9px;color:var(--lime);vertical-align:super}nav a:hover{color:var(--lime)}.intro{padding:45px 4% 35px}.eyebrow{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.5px}.eyebrow>span:first-child:before{content:'';display:inline-block;background:var(--lime);width:6px;height:6px;border-radius:50%;margin-right:9px}h1{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;font-size:clamp(100px,18.8vw,310px);line-height:.79;letter-spacing:-.035em;margin:48px 0 31px;font-weight:700;display:flex;justify-content:space-between}h1>span{display:flex;gap:.03em}.asterisk{font-size:.6em;color:var(--lime);align-self:center;font-family:Arial;line-height:1;font-weight:400}.intro-bottom{display:flex;justify-content:space-between;align-items:end}.intro-bottom p{line-height:1.8;margin:0;font-size:13px}.intro-bottom p>span{font-size:11px;color:var(--muted)}.scroll{font-size:10px;letter-spacing:1px;display:flex;gap:60px;align-items:center}.scroll>span{font-size:22px}.feature{margin:0 4% 100px}.feature>button{width:100%;height:min(57vw,650px);position:relative;border:0;color:white;text-align:left;background:#20231d;overflow:hidden;padding:0}.feature img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.feature button:hover img{transform:scale(1.025)}.feature>button:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#000b,transparent 50%,#0004);pointer-events:none}.feature-top,.feature-bottom{position:absolute;z-index:1;left:30px;right:30px;display:flex;justify-content:space-between;align-items:center}.feature-top{top:25px;font-size:10px;letter-spacing:1px}.feature-play{border:1px solid #fff7;border-radius:20px;padding:12px 17px}.feature-bottom{bottom:30px}.feature-bottom small{display:block;font-size:10px;letter-spacing:1px;margin-bottom:10px}.feature-bottom strong{font-family:'Barlow Condensed',sans-serif;font-size:clamp(24px,4vw,60px);font-weight:600}.circle{border:1px solid #fff8;border-radius:50%;width:60px;height:60px;display:grid;place-items:center;font-size:25px}.works{margin:0 4% 110px}.section-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:22px}.section-heading h2{font-size:30px;font-weight:500;letter-spacing:-1px;margin:0}.section-heading h2 span{font-size:11px;color:var(--muted);margin-left:14px;letter-spacing:0}.section-heading>span{font-size:10px;letter-spacing:1px;color:var(--muted)}.toolbar{display:flex;justify-content:space-between;gap:20px;padding:25px 0 30px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid transparent;border-radius:30px;background:transparent;color:var(--muted);padding:10px 16px;font-size:11px}.filters .active{background:var(--lime);color:#111310}.filters button:hover{border-color:var(--muted)}sup{font-size:8px;margin-left:3px}.search{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--line);color:var(--muted)}.search span{font-size:25px}.search input{width:140px;color:var(--fg);background:transparent;border:0;padding:8px 0;font-size:11px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 25px}.card{border:0;padding:0;background:transparent;color:inherit;text-align:left;width:100%}.thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:#22261f;display:block}.thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.card:hover img{transform:scale(1.04);filter:brightness(.8)}.thumb .view{position:absolute;bottom:16px;right:16px;width:37px;height:37px;border:1px solid #fff6;background:#1115;border-radius:50%;display:grid;place-items:center;font-size:20px}.card-meta{display:flex;justify-content:space-between;gap:12px;align-items:start;padding-top:14px}.card h3{font-size:15px;font-weight:500;line-height:1.5;margin:0 0 6px}.card p{font-size:9px;letter-spacing:1px;color:var(--muted);text-transform:uppercase;margin:0}.card .number{font-size:10px;color:var(--muted);padding-top:5px}.about{border-top:1px solid var(--line);padding:65px 4% 90px;display:grid;grid-template-columns:1fr 2fr;gap:30px}.section-kicker{font-size:10px;letter-spacing:1px;color:var(--muted)}.about h2{font-size:clamp(28px,3.5vw,52px);font-weight:500;line-height:1.65;margin:0 0 35px;letter-spacing:-1px}.about-copy{display:flex;justify-content:space-between;gap:25px;font-size:12px;line-height:2.2;color:var(--muted)}.about-copy p:first-child{color:var(--fg)}.about-copy span{font-size:10px;margin-left:10px}.disciplines{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.disciplines span{border:1px solid var(--line);border-radius:30px;padding:10px 17px;font-size:10px}.contact{background:var(--lime);color:#111310;padding:40px 4% 60px;position:relative}.contact .section-kicker{color:#4d612b}.contact>p{margin-top:40px;font-size:12px}.contact-title{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(70px,13vw,200px);font-weight:700;line-height:.9;letter-spacing:-.03em;display:block;position:relative;margin:30px 0 35px}.contact-title>span{position:absolute;right:0;top:0;font-family:Arial;font-size:.8em;font-weight:400}.email{border-bottom:1px solid #1116;padding-bottom:8px;font-size:13px}footer{padding:30px 4%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.6px;color:var(--muted)}footer>div{display:flex;gap:25px}dialog{background:var(--bg);color:var(--fg);width:min(1100px,95vw);max-height:92vh;border:1px solid var(--line);padding:25px;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-bar{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;margin-bottom:25px}.dialog-bar button{background:transparent;border:0;color:var(--lime);padding:10px}#detail-body h2{font-size:clamp(22px,4vw,42px);font-weight:500;margin:15px 0}#detail-body p{color:var(--muted);font-size:13px;line-height:1.9;white-space:pre-line}.player{aspect-ratio:16/9;width:100%;background:#000}.player iframe,.player img{border:0;width:100%;height:100%;object-fit:contain}.project-links{display:flex;gap:20px;margin-top:20px}.project-links a{color:var(--lime);font-size:12px;border-bottom:1px solid var(--line);padding:10px 0}.skip{position:fixed;top:-80px;left:20px;background:var(--lime);color:#111;padding:15px;z-index:10}.skip:focus{top:10px}#empty{padding:60px 0;color:var(--muted)}
@media(min-width:1600px){body{max-width:1920px;margin:auto}}@media(max-width:760px){header{height:74px}nav{gap:20px;font-size:9px}.intro{padding-top:28px}.eyebrow{font-size:8px;letter-spacing:.8px}.edition{display:none}h1{font-size:20vw;margin-top:35px;letter-spacing:-.04em}.asterisk{font-size:.45em}.intro-bottom p{font-size:11px}.scroll{gap:18px;font-size:8px}.feature{margin-bottom:60px}.feature>button{height:64vw;min-height:250px}.feature-top,.feature-bottom{left:18px;right:18px}.feature-top{top:15px;font-size:8px}.feature-play{padding:8px 10px}.feature-bottom{bottom:18px}.feature-bottom strong{font-size:28px}.circle{width:38px;height:38px;font-size:20px}.section-heading h2{font-size:24px}.section-heading h2 span{margin-left:6px;font-size:10px}.section-heading>span{font-size:8px}.toolbar{flex-direction:column;gap:15px;padding:20px 0}.filters{gap:2px}.filters button{font-size:10px;padding:9px 10px}.search{align-self:flex-end}.grid{gap:28px 14px}.card h3{font-size:12px}.card p{font-size:8px;letter-spacing:.3px}.number{display:none}.thumb .view{width:27px;height:27px;bottom:9px;right:9px;font-size:15px}.works{margin-bottom:60px}.about{grid-template-columns:1fr;padding-top:35px;gap:30px}.about-copy{flex-direction:column;gap:6px}.about h2{margin-bottom:20px}.contact{padding-top:30px}.contact>p{margin-top:30px}.contact-title{font-size:15vw}.contact-title>span{font-size:.6em}.email{font-size:11px}footer{gap:25px;flex-direction:column}footer>div{justify-content:space-between}dialog{padding:15px}.project-links{flex-wrap:wrap}}@media(max-width:430px){.grid{grid-template-columns:1fr}.card h3{font-size:14px}.card p{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Align navigation and work link after removing introductory copy. */
header{justify-content:flex-end}.intro-bottom{justify-content:flex-end}

/* Put the latest work directly below navigation, with readable credits. */
.feature{margin-top:20px}#detail-body p.credits{font-size:clamp(20px,3.4vw,36px);line-height:1.55;color:var(--fg);margin:28px 0;overflow-wrap:anywhere}

/* Compact name opposite the main navigation. */
header{justify-content:space-between;gap:16px}.site-name{font-size:15px;font-weight:500;white-space:nowrap;letter-spacing:0}@media(max-width:760px){.site-name{font-size:12px}header{gap:12px}nav{gap:14px}}@media(max-width:360px){.site-name{font-size:11px}nav{gap:9px}}

/* Header name and compact, separated credit lines. */
.site-name{font-size:18px}#detail-body p.credits{font-size:clamp(16px,1.8vw,20px);line-height:1.8;margin:24px 0}@media(max-width:760px){.site-name{font-size:14px}nav{gap:12px}}@media(max-width:390px){header{gap:8px}nav{gap:9px;font-size:8px}.site-name{font-size:13px}}

/* Contact with social links grouped inside its panel. */
.contact-title{font-size:clamp(58px,9vw,140px);margin:24px 0 32px}.contact-socials{display:flex;flex-wrap:wrap;gap:20px 38px;margin-top:36px;padding-top:24px;border-top:1px solid #1113}.contact-socials a{display:inline-flex;align-items:center;gap:12px;padding:6px 0;font-size:14px}.contact-socials svg{width:22px;height:22px;flex-shrink:0}.contact-socials small{font-size:11px;display:block;margin-top:4px;color:#35451e}.contact-socials a:hover{opacity:.65}.contact a:focus-visible{outline-color:#111310}@media(max-width:760px){.contact-title{font-size:12vw}.contact-socials{gap:24px;margin-top:28px}.contact-socials a{font-size:12px}.contact-socials small{font-size:10px}.contact-socials svg{width:20px;height:20px}}

.contact>p.contact-guidance{font-size:13px;line-height:1.9;margin:0 0 24px}@media(max-width:760px){.contact>p.contact-guidance{font-size:12px}}

.commission-link{display:block;width:fit-content;font-size:13px;line-height:1.8;border-bottom:1px solid #1116;margin:0 0 24px;padding-bottom:5px}@media(max-width:600px){header{height:auto;min-height:90px;flex-wrap:wrap;padding:16px 0;gap:12px}header nav{margin-left:auto;font-size:9px;gap:18px}.commission-link{font-size:12px}}

/* Commission entry on the works page; supplementary project media. */
.feature{margin-bottom:32px}.commission-banner{margin:0 4% 70px;display:flex;align-items:center;justify-content:space-between;gap:22px;background:var(--lime);color:var(--bg);padding:26px 30px}.commission-banner-title{font-size:28px;font-weight:500}.commission-banner-description{font-size:13px}.commission-banner-action{font-size:12px;border-bottom:1px solid #1118;padding-bottom:5px}.commission-banner:hover{background:#d4ff81}.project-media{margin-top:48px}.project-media h3{font-size:22px;font-weight:500;border-top:1px solid var(--line);padding-top:24px;margin:0 0 24px}.project-gallery{display:grid;grid-template-columns:repeat(var(--gallery-columns,2),minmax(0,1fr));gap:12px}.gallery-image{border:0;background:transparent;padding:0;display:block;cursor:zoom-in}.gallery-image img{display:block;width:100%;height:auto}.bts-player{max-width:100%;margin:auto}.dialog-bar{position:sticky;top:-25px;background:var(--bg);z-index:3;padding:12px 0;margin-top:-12px}#image-viewer{width:min(1400px,97vw);padding:16px;background:#111310;max-height:95vh}#image-viewer::backdrop{background:#000e}.image-viewer-bar,.image-viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px}.image-viewer-bar button,.image-viewer-controls button{background:transparent;border:1px solid var(--line);color:var(--fg);padding:10px 15px;cursor:pointer}.image-viewer-bar{margin-bottom:12px}#enlarged-image{display:block;width:100%;height:min(72vh,900px);object-fit:contain}.image-viewer-controls{margin-top:12px}@media(max-width:760px){.commission-banner{padding:22px;flex-wrap:wrap;gap:12px;margin-bottom:45px}.commission-banner-title{font-size:23px;flex-basis:100%}.commission-banner-description{font-size:11px}.commission-banner-action{font-size:11px}.project-media{margin-top:34px}.project-media h3{font-size:20px}.project-gallery{grid-template-columns:1fr;gap:10px}.dialog-bar{top:-15px}.bts-player{width:100%}}

.bts-player video{width:100%;height:100%;display:block;object-fit:contain}