:root{--paper:#f7f6f2;--ink:#242620;--muted:#70716b;--line:#e1e0d8;--lime:#ff794b}html{scroll-padding-top:32px}.sidebar{position:fixed;inset:0 auto 0 0;width:244px;background:#eeeee7;border-right:1px solid var(--line);padding:38px 24px;display:flex;flex-direction:column;z-index:5}.studio-logo{display:flex;align-items:center;gap:12px;font-size:15px;font-weight:800;letter-spacing:.4px}.studio-logo:hover{text-decoration:none}.logo-symbol{font-size:31px;letter-spacing:-4px;background:#242620;color:#fff;border-radius:14px;padding:9px 11px}.logo-symbol span{color:#ff794b}.studio-logo small{display:block;font-size:8px;font-weight:500;letter-spacing:1.5px;margin-top:7px}.nav-label{font-size:9px;letter-spacing:1.7px;color:#84857d;margin:65px 12px 18px}.sidebar nav{display:grid;gap:8px}.sidebar nav a{display:flex;align-items:center;gap:16px;padding:14px 16px;border-radius:11px;font-size:15px;font-weight:600;transition:background .2s}.sidebar nav a span{font-size:23px;width:24px;text-align:center;font-weight:400}.sidebar nav a:hover,.sidebar nav a:focus-visible{background:#fff;text-decoration:none;color:#b5401b}.sidebar-bottom{margin-top:auto;font-size:10px;color:#6b6e64;line-height:1.9}.sidebar-bottom p{font-size:12px;margin:16px 0 25px}.sidebar-bottom small{display:block;margin-top:25px;font-size:10px}.status-dot{display:inline-block;width:6px;height:6px;background:#799674;border-radius:50%;margin-right:4px}.site-main{margin-left:244px}.mobile-header{display:none}.wrap{width:calc(100% - 96px);max-width:1280px}.hero{position:relative;padding-top:48px;padding-bottom:54px}.hero .eyebrow{font-size:10px;color:#676b60;letter-spacing:1.7px}.small-cross{color:#de5d32}.hero h1{font-size:clamp(46px,5.6vw,84px);line-height:1.25;letter-spacing:-3px;white-space:normal;margin:30px 0 28px;max-width:85%;font-weight:700}.hero-word{color:#868d78}.hero-period{color:#f27349}.hero-stamp{position:absolute;right:0;top:102px;transform:rotate(12deg);width:115px;height:115px;border:1px solid #d5d5c9;border-radius:50%;text-align:center;font-size:9px;letter-spacing:1px;padding:17px 0;color:#626b56}.hero-stamp span{font-size:36px;line-height:1.25;color:#ed774a}.tagline{font-size:11px;font-weight:700;letter-spacing:2px;margin-bottom:12px}.hero-copy{font-size:15px;line-height:1.9}.hero-bottom{align-items:center}.button{border-radius:40px;font-size:14px;gap:28px;padding:13px 23px;min-height:50px}.dark{background:#262923}.dark:hover{background:#bc4b29}.projects{padding-top:30px;padding-bottom:60px}.section-heading{margin-bottom:26px}.section-heading .eyebrow{font-size:9px;color:#84877b}.section-heading h2{font-size:30px;letter-spacing:-1px}.section-heading>p{font-size:13px}.accent{color:#dd6a42}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project{background:#fff;border:1px solid #e3e3d9;border-radius:20px;overflow:hidden;scroll-margin-top:30px;transition:box-shadow .2s,transform .2s}.project:hover{box-shadow:0 14px 36px #2629230c;transform:translateY(-3px)}.project:target{outline:3px solid #e78056;outline-offset:5px}.project-visual{border-radius:0;height:228px}.visual-top{padding:18px;font-size:8px;letter-spacing:.8px}.math-visual{background:#e9eddd}.math-equation{font-size:28px;top:65px;left:18px}.math-visual img{width:64%;height:180px;right:-9%;bottom:-16px}.visual-caption{font-size:23px;left:18px;bottom:23px;max-width:55%}.race-visual{background:#2d352f}.race-type{font-size:43px;letter-spacing:-2px;margin:2px 18px}.race-type>span{color:#ffb176}.race-stripe{background:#ecc9a5}.race-stripe span{font-size:8px;letter-spacing:1px;padding:10px;border-color:#cbab86}.manga-visual{background:#e7e3ee}.manga-type{font-size:49px;margin:6px 18px;letter-spacing:-2px}.manga-type span{color:#7d698c}.manga-bottom{background:#d4cbdf;font-size:9px;padding:12px 15px;gap:5px}.project-body{padding:23px 20px 25px;min-height:350px}.project-tags{font-size:8px;gap:7px;letter-spacing:.4px}.project-tags span+span{padding-left:7px}.project h3{font-size:21px;line-height:1.3;letter-spacing:-.5px}.project-body p{font-size:13px;line-height:1.9;margin-bottom:18px}.project-body .project-subtitle{font-size:14px}.text-link{font-size:13px}.project-body>.text-link{margin-top:auto}.about{background:#eaece3;padding:48px 0}.about-grid{grid-template-columns:1fr 1.5fr;gap:40px}.about h2{font-size:36px}.about .eyebrow,.contact .eyebrow{font-size:9px}.about-copy>.large-copy{font-size:23px}.about-copy>p{font-size:14px}.principles{font-size:11px;gap:15px}.contact{gap:40px;padding-top:45px;padding-bottom:45px}.contact h2{font-size:33px}.contact p{font-size:13px}.contact .contact-note{font-size:11px}.footer{font-size:11px;gap:20px}.footer .brand{font-size:12px}.skip:focus{z-index:20}@media(min-width:1600px){.hero h1{font-size:94px}.project-visual{height:290px}.race-type{font-size:60px}.manga-type{font-size:64px}.math-visual img{height:240px}}
@media(max-width:1150px){.sidebar{width:210px;padding:30px 18px}.site-main{margin-left:210px}.wrap{width:calc(100% - 56px)}.project-grid{grid-template-columns:1fr 1fr}.project:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.project:last-child .project-visual{height:100%;min-height:260px}.project:last-child .project-body{min-height:300px}.hero-stamp{width:95px;height:95px;font-size:7px;padding:13px 0}.hero-stamp span{font-size:30px}.hero h1{font-size:59px}.section-heading>p{font-size:12px}}
@media(max-width:760px){html{scroll-padding-top:90px}.sidebar{display:none}.site-main{margin-left:0}.mobile-header{display:flex;position:sticky;top:0;z-index:10;justify-content:space-between;align-items:center;padding:18px 22px;background:#f7f6f2f5;border-bottom:1px solid var(--line)}.mobile-header details summary{cursor:pointer;font-size:13px;padding:8px;list-style:none}.mobile-header nav{position:absolute;top:70px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 10px 30px #0001;padding:10px;display:grid;gap:2px}.mobile-header nav a{padding:12px;display:flex;gap:15px;font-size:14px}.mobile-header nav a:hover{background:#f3f3ec}.wrap{width:calc(100% - 40px)}.hero{padding-top:30px;padding-bottom:35px}.hero h1{font-size:clamp(38px,8vw,58px);letter-spacing:-2px;max-width:85%;margin-top:25px}.hero-stamp{right:0;top:105px;width:75px;height:75px;font-size:6px;padding:10px 0}.hero-stamp span{font-size:23px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-bottom{align-items:start;flex-direction:column;gap:23px}.hero-bottom .button{width:auto}.hero-copy{font-size:14px}.section-heading h2{font-size:27px}.section-heading{gap:7px}.project-grid{grid-template-columns:1fr}.project:last-child{grid-column:auto;display:block}.project:last-child .project-visual{height:245px;min-height:0}.project-body,.project:last-child .project-body{min-height:0}.project-visual{height:245px}.math-visual img{width:61%;height:235px;right:0}.visual-caption{font-size:28px}.race-type{font-size:53px}.manga-type{font-size:57px}.visual-top{font-size:10px}.project-body p{font-size:14px}.project h3{font-size:24px}.project-tags{font-size:10px}.about-grid,.contact{grid-template-columns:1fr;gap:25px}.about h2{font-size:32px}.about-copy>.large-copy{font-size:22px}.principles{gap:14px;line-height:1.8}.footer .brand{width:auto}.footer p{width:auto;margin-right:auto}.footer{gap:15px}.project{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Category views, with native URL navigation and no script dependency. */
.route{display:block;height:0;scroll-margin-top:35px}.title-mini4wd,.title-games,.title-manga{display:none}.meeting-visual{background:#e6ebf0;color:#283f56}.meeting-logo{font-size:45px;font-weight:900;letter-spacing:-2px;margin:8px 22px;line-height:1}.meeting-logo small{display:block;font-size:8px;letter-spacing:2px;margin-bottom:12px}.meeting-logo>span{display:block;color:#587992}.meeting-visual .race-stripe{background:#c6d5e0}.meeting-visual .race-stripe span{border-color:#9cb0bf}.project:last-child{display:block;grid-column:auto}.project:last-child .project-visual{height:228px;min-height:0}.project:last-child .project-body{min-height:350px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-visual{height:260px}.project:last-child .project-visual{height:260px}.race-type{font-size:52px}.math-visual img{height:230px;width:58%;right:0}.manga-type{font-size:60px}.meeting-logo{font-size:57px}.project-body{min-height:310px}.project:last-child .project-body{min-height:310px}
body:has(.route:target) .hero,body:has(#about:target) .hero,body:has(#about:target) .projects{display:none}body:has(.route:target) .projects{padding-top:54px;border-top:0;min-height:75vh}body:has(.route:target) .about,body:has(.route:target) .contact{display:none}body:has(.route:target) .title-all{display:none}body:has(#mini4wd:target) .title-mini4wd,body:has(#games:target) .title-games,body:has(#manga:target) .title-manga{display:inline}body:has(#mini4wd:target) .project:not([data-category="mini4wd"]),body:has(#games:target) .project:not([data-category="games"]),body:has(#manga:target) .project:not([data-category="manga"]){display:none}body:has(#mini4wd:target) nav a[href="#mini4wd"],body:has(#games:target) nav a[href="#games"],body:has(#manga:target) nav a[href="#manga"],body:has(#about:target) nav a[href="#about"]{background:#fff;color:#b5401b;border-radius:11px}body:has(.route:target) .section-heading h2{font-size:44px}body:has(#about:target) .about{padding-top:54px;min-height:60vh}@media(max-width:760px){.project-grid{grid-template-columns:1fr}.project-body,.project:last-child .project-body{min-height:0}.project:last-child .project-visual{height:245px}.project-visual{height:245px}.route{scroll-margin-top:90px}body:has(.route:target) .projects{padding-top:30px}body:has(.route:target) .section-heading h2{font-size:34px}}

@media(max-width:760px){.hero-stamp{display:none}.hero h1{max-width:100%}.math-visual img{right:-5%;width:55%}.visual-caption{max-width:44%;font-size:25px}.mobile-header details[open] nav{position:fixed;top:70px}}