:root{--cd-ink:#0d0f0e;--cd-paper:#eeece5;--cd-acid:#a4e5f2;--cd-line:rgba(13,15,14,.22);--cd-sans:"Montserrat","Noto Sans JP",sans-serif}
html{scroll-behavior:smooth}body.case-detail-page{margin:0;background:var(--cd-paper);color:var(--cd-ink);font-family:"Noto Sans JP",sans-serif}body.case-detail-page *{box-sizing:border-box}body.case-detail-page img{display:block;max-width:100%;height:auto}
.case-detail-page .site-header{position:sticky;z-index:60;top:0;background:#090b0a;color:#fff;border-bottom:1px solid #343735}.case-detail-page .site-header__top{min-height:82px;display:flex;align-items:center;padding:0 0 0 28px}.case-detail-page .brand{display:flex;align-items:center;gap:18px;align-self:stretch;padding-right:28px;border-right:1px solid #343735}.case-detail-page .brand__logo{width:112px;height:auto;filter:brightness(0) invert(1)}.case-detail-page .brand__text{display:none}.case-detail-page .header-util{margin-left:auto;display:flex;align-items:stretch;align-self:stretch}.case-detail-page .header-tel,.case-detail-page .header-util-btn:not(.header-util-btn--primary){display:none}.case-detail-page .header-util-btn--primary{display:grid;place-items:center;min-width:194px;padding:0 22px;background:var(--cd-acid);color:#101210;font-weight:900;font-size:13px}.case-detail-page .site-header__bar{position:absolute;right:194px;top:0;height:82px}.case-detail-page .gnav{height:82px;display:flex;align-items:center;gap:34px;padding:0 26px}.case-detail-page .gnav__link,.case-detail-page .gnav__top{color:#fff;font-size:12px;font-weight:800;white-space:nowrap}.case-detail-page .gnav>.gnav__link:first-child,.case-detail-page .gnav>.gnav__link:nth-of-type(2),.case-detail-page .gnav>.gnav__item:nth-of-type(2),.case-detail-page .gnav>.gnav__item:nth-of-type(3),.case-detail-page .gnav>.gnav__item:nth-of-type(4),.case-detail-page .gnav>.gnav__link:last-of-type{display:none}.case-detail-page .gnav__panel{display:none}.case-detail-page .nav-toggle{display:none}.case-detail-page .nav-backdrop{display:none}
.case-detail-page main{overflow:hidden}.case-detail-page .breadcrumb{max-width:1320px;margin:0 auto;padding:18px 30px;background:transparent}.case-detail-page .breadcrumb ol{display:flex;gap:9px;list-style:none;margin:0;padding:0;font-size:9px;letter-spacing:.08em;color:#717672}.case-detail-page .breadcrumb li+li:before{content:"/";margin-right:9px}.case-detail-page .page-hero{position:relative;padding:92px max(30px,calc((100vw - 1320px)/2)) 100px;background:#0b0d0c;color:#fff}.case-detail-page .page-hero:after{content:"PROJECT FILE";position:absolute;right:-25px;bottom:-18px;font:800 clamp(68px,10vw,160px)/1 var(--cd-sans);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px #303331;white-space:nowrap}.case-detail-page .page-hero .container{position:relative;z-index:2;max-width:1080px;margin:0}.case-detail-page .hero-flow{display:none}.case-detail-page .section-kicker{margin:0 0 25px;font:700 9px var(--cd-sans);letter-spacing:.17em;text-transform:uppercase;color:#717672}.case-detail-page .page-hero .section-kicker{color:var(--cd-acid)}.case-detail-page .page-hero__title{max-width:1050px;margin:0;font-size:clamp(50px,6.1vw,94px);line-height:1.08;letter-spacing:-.065em}.case-detail-page .page-hero__lead{margin:32px 0 0;font-size:13px;color:#aeb3af}
.case-detail-page .stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:none;margin:0;background:var(--cd-acid);color:#101210}.case-detail-page .stats__item{min-height:170px;padding:28px max(25px,calc((100vw - 1320px)/8));border-right:1px solid rgba(13,15,14,.25)}.case-detail-page .stats strong{display:inline;font:800 clamp(38px,4vw,68px)/1 var(--cd-sans);letter-spacing:-.06em}.case-detail-page .stats span{font-weight:800}.case-detail-page .stats small{display:block;margin-top:17px;font-size:10px;font-weight:700}
.case-detail-page .section{padding:110px max(30px,calc((100vw - 1180px)/2));background:var(--cd-paper)}.case-detail-page .section--pale{background:#e5e4dd}.case-detail-page .section>.container{max-width:1180px;margin:0 auto}.case-detail-page .section-title{margin:0 0 48px;font-size:clamp(42px,5vw,70px);line-height:1.05;letter-spacing:-.06em}.case-detail-page .section-title em{font-style:normal;color:#628d00}.case-detail-page .section .container>p:not(.section-kicker):not(.lead){max-width:850px;margin:0;font-size:14px;line-height:2.1}.case-detail-page .lead{max-width:780px;margin:-24px 0 38px;font-size:13px;line-height:1.9;color:#676c68}.case-detail-page .spec-dl{display:grid;grid-template-columns:180px 1fr;margin:0;border-top:1px solid var(--cd-ink)}.case-detail-page .spec-dl dt,.case-detail-page .spec-dl dd{margin:0;padding:19px 20px;border-bottom:1px solid var(--cd-line);font-size:13px}.case-detail-page .spec-dl dt{font-weight:800;background:rgba(255,255,255,.3)}
.case-detail-page .ba-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.case-detail-page .ba-card{margin:0}.case-detail-page .ba-img{position:relative;min-height:340px;display:grid;place-content:center;background:#151817;color:#656a66;font:700 12px var(--cd-sans);letter-spacing:.12em}.case-detail-page .ba-img:before{content:attr(data-label);position:absolute;left:0;top:0;padding:12px 15px;background:var(--cd-acid);color:#111;font:800 9px var(--cd-sans)}.case-detail-page .ba-card figcaption{padding:12px 0;font:700 9px var(--cd-sans);letter-spacing:.14em}.case-detail-page .voice{margin:0;padding:42px 48px;border:0;border-left:8px solid var(--cd-acid);background:#111;color:#fff}.case-detail-page .voice p{margin:0;font-size:15px;line-height:2}.case-detail-page .voice cite{display:block;margin-top:25px;color:var(--cd-acid);font-style:normal;font-size:11px}
.case-detail-page .legacy-gallery{padding-top:120px;padding-bottom:120px;background:#0c0e0d;color:#fff}.case-detail-page .legacy-gallery .section-kicker{color:var(--cd-acid)}.case-detail-page .legacy-gallery .section-title em{color:var(--cd-acid)}.case-detail-page .legacy-gallery .lead{color:#929793}.case-detail-page .legacy-gallery__grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:390px;gap:9px;margin:52px 0 0;padding:0;list-style:none}.case-detail-page .legacy-gallery__grid li:first-child{grid-row:span 2}.case-detail-page .legacy-gallery__grid li:last-child{grid-column:span 1}.case-detail-page .legacy-gallery__grid figure{height:100%;margin:0;overflow:hidden;background:#222}.case-detail-page .legacy-gallery__grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.case-detail-page .legacy-gallery__grid figure:hover img{transform:scale(1.03);filter:contrast(1.05)}
.case-detail-page .case-grid{display:grid;grid-template-columns:repeat(2,1fr);border-top:1px solid var(--cd-ink)}.case-detail-page .case-grid>a{position:relative;min-height:230px;padding:28px;border-right:1px solid var(--cd-line);border-bottom:1px solid var(--cd-line)}.case-detail-page .case-grid>a:after{content:"↗";position:absolute;right:25px;bottom:22px;font-size:24px}.case-detail-page .case-grid span{font:700 9px var(--cd-sans);letter-spacing:.14em;color:#737874}.case-detail-page .case-grid h3{max-width:380px;margin:52px 0 0;font-size:22px;line-height:1.5}.case-detail-page .button{display:inline-flex;padding:17px 22px;background:#111;color:#fff;font-size:12px;font-weight:800}.case-detail-page .button--primary{background:var(--cd-acid);color:#111}
.case-detail-page .cta{padding:100px max(30px,calc((100vw - 1180px)/2));background:var(--cd-acid);color:#111}.case-detail-page .cta .container{max-width:1180px;margin:0 auto}.case-detail-page .cta__kicker{font:700 9px var(--cd-sans);letter-spacing:.15em}.case-detail-page .cta h2{margin:22px 0;font-size:clamp(45px,5.5vw,76px);line-height:1.08;letter-spacing:-.06em}.case-detail-page .cta__lead{max-width:760px;font-size:13px;line-height:1.9}.case-detail-page .cta__phone{margin-top:30px}.case-detail-page .cta__phone span{display:block;font-size:10px}.case-detail-page .cta__phone-num{font:800 clamp(35px,4vw,58px) var(--cd-sans)}.case-detail-page .cta__actions{display:flex;gap:10px;margin-top:30px}.case-detail-page .cta .button--light,.case-detail-page .cta .button--ghost{background:#111;color:#fff;border:1px solid #111}
.case-detail-page .site-footer{padding:70px max(30px,calc((100vw - 1180px)/2)) 25px;background:#090a0a;color:#fff}.case-detail-page .footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:35px}.case-detail-page .footer-logo{width:125px;filter:brightness(0) invert(1)}.case-detail-page .site-footer h2{font-size:17px}.case-detail-page .site-footer h3{font-size:11px;color:var(--cd-acid)}.case-detail-page .site-footer a,.case-detail-page .site-footer p,.case-detail-page .site-footer dt,.case-detail-page .site-footer dd{display:block;margin:7px 0;font-size:9px;line-height:1.6;color:#929793}.case-detail-page .footer-licenses,.case-detail-page .copyright{max-width:1180px;margin:45px auto 0;font-size:8px;color:#555}.case-detail-page .mobile-cta{display:none}
/* Defeat legacy palette rules loaded by the original detail templates. */
.case-detail-page .site-header__bar,.case-detail-page .gnav{background:#090b0a!important;border-color:#343735!important}.case-detail-page .gnav__link,.case-detail-page .gnav__top{color:#fff!important}.case-detail-page .header-util-btn--primary{background:var(--cd-acid)!important;background-image:none!important;color:#101210!important}.case-detail-page .stats{background:var(--cd-acid)!important;background-image:none!important;color:#101210!important}.case-detail-page .stats__item,.case-detail-page .stats strong,.case-detail-page .stats span,.case-detail-page .stats small{background:transparent!important;color:#101210!important}.case-detail-page .section-kicker:before{background:var(--cd-acid)!important}.case-detail-page .case-grid>a:after{content:"+"}
@media(max-width:1050px){.case-detail-page .site-header__bar{display:none}.case-detail-page .nav-toggle{display:grid;margin-left:auto;margin-right:15px;border:0;background:var(--cd-acid)}.case-detail-page .header-util{display:none}.case-detail-page .stats__item{padding:25px}.case-detail-page .footer-grid{grid-template-columns:1.5fr 1fr 1fr}.case-detail-page .footer-grid>div:nth-child(n+4){display:none}}
@media(max-width:640px){.case-detail-page .site-header__top{min-height:70px;padding-left:18px}.case-detail-page .brand{padding-right:18px}.case-detail-page .brand__logo{width:102px}.case-detail-page .breadcrumb{padding:14px 20px;white-space:nowrap;overflow:hidden}.case-detail-page .page-hero{padding:70px 20px 72px}.case-detail-page .page-hero:after{bottom:-8px;font-size:65px}.case-detail-page .page-hero__title{font-size:44px;line-height:1.12}.case-detail-page .stats{grid-template-columns:1fr 1fr}.case-detail-page .stats__item{min-height:128px;border-bottom:1px solid rgba(13,15,14,.25)}.case-detail-page .stats strong{font-size:39px}.case-detail-page .section{padding:78px 20px}.case-detail-page .section-title{margin-bottom:35px;font-size:40px}.case-detail-page .spec-dl{grid-template-columns:105px 1fr}.case-detail-page .spec-dl dt,.case-detail-page .spec-dl dd{padding:15px 10px;font-size:11px}.case-detail-page .ba-grid{display:block}.case-detail-page .ba-card+.ba-card{margin-top:15px}.case-detail-page .ba-img{min-height:60vw}.case-detail-page .voice{padding:30px 25px}.case-detail-page .voice p{font-size:13px}.case-detail-page .legacy-gallery__grid{grid-template-columns:1fr;grid-auto-rows:68vw}.case-detail-page .legacy-gallery__grid li:first-child{grid-row:auto}.case-detail-page .case-grid{display:block}.case-detail-page .case-grid>a{display:block;min-height:190px;border-right:0}.case-detail-page .cta{padding:75px 20px}.case-detail-page .cta h2{font-size:43px}.case-detail-page .cta__actions{display:block}.case-detail-page .cta__actions a{margin:5px 0}.case-detail-page .footer-grid{display:block}.case-detail-page .footer-grid>div:not(:first-child){display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}