:root{--case-navy:#0f233c;--case-ink:#222;--case-muted:#686868;--case-paper:#f5f2ee;--case-cyan:#64c8dc;--case-pink:#e7647a;--case-teal:#26b2af}
#go5-svcd .g5-usecase-grid img{display:block;width:100%;height:100%;object-fit:cover}
.g5-case-page,.g5-cases-pilot,.g5-case-dialog{font-family:'Noto Sans JP',sans-serif;color:var(--case-ink);line-height:1.9}
:where(.g5-case-page,.g5-cases-pilot,.g5-case-dialog) *{box-sizing:border-box}
:where(.g5-case-page,.g5-cases-pilot,.g5-case-dialog) :is(a,button):focus-visible{outline:2px solid var(--case-teal);outline-offset:4px}
:where(.g5-case-page,.g5-case-dialog) :is(p,h1,h2,h3,figure,dl){margin:0}
.g5-case-container{width:min(100% - 96px,880px);margin-inline:auto}
.g5-cases-pilot{background:var(--case-navy);padding:72px 0}
.g5-cases-pilot__inner{width:min(100% - 96px,1440px);margin-inline:auto}
.g5-cases-pilot h1{margin:0 0 32px;color:#fff;font-size:32px}
.g5-cases-pilot__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px}
.g5-work-card{--g5-work-accent:#3c8cb4;display:flex;flex-direction:column;min-width:0;height:100%;align-self:stretch;color:#222;text-decoration:none;border-radius:14px;overflow:hidden;background:#faf8f6;border:1px solid #e0ddd8;border-bottom:3px solid var(--g5-work-accent);font-family:'Noto Sans JP',sans-serif;transition:transform .45s cubic-bezier(.2,.75,.3,1),box-shadow .45s cubic-bezier(.2,.75,.3,1)}
.g5-work-card__image{display:block;flex-shrink:0;position:relative;aspect-ratio:16 / 9;height:auto;overflow:hidden}
.g5-work-card__image img{display:block;width:100%;height:100%;object-fit:cover}
.g5-work-card[data-work-id="motion_003"] .g5-work-card__image img{object-position:center 65%}
.g5-work-card[data-work-id="motion_004"] .g5-work-card__image img{object-position:center 70%}
.g5-work-card:is([data-work-id="games_001"],[data-work-id="games_007"],[data-work-id="illustration_004"],[data-work-id="illustration_005"],[data-work-id="illustration_007"],[data-work-id="illustration_008"],[data-work-id="illustration_019"]) .g5-work-card__image img{object-position:center top}
.g5-work-card[data-work-id="web_022"] .g5-work-card__image img{object-position:center top}
.g5-work-card .g5-work-card__image img,
#go5-svcd .g5-usecase-grid img{object-fit:cover}
.g5-work-card__dot{position:absolute;z-index:1;top:14px;right:14px;width:12px;height:12px;border-radius:50%;background:var(--g5-work-accent);box-shadow:0 0 12px var(--g5-work-accent)}
.g5-work-card__body{padding:20px 22px 24px;display:flex;flex-direction:column;gap:12px;flex:1}
.g5-work-card small{color:var(--g5-work-accent);font:700 11px/normal Inter,sans-serif;letter-spacing:1.5px;text-transform:uppercase}
.g5-work-card strong{color:#222;font-size:17px;font-weight:700;line-height:25px}
.g5-work-card__summary{font-size:13px;line-height:22px;font-weight:400;color:#646464}
.g5-work-card__scope-box{margin-top:auto;padding-top:10px;border-top:1px solid #e4e1dc;display:flex;flex-direction:column;gap:6px}
.g5-work-card__scope-label{font-size:12px;font-weight:700;color:#787878}
.g5-work-card__scope{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;font-weight:500;line-height:20px;color:var(--g5-work-accent)}
.g5-work-card svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}
.g5-work-card svg{flex-shrink:0}
.g5-work-card:focus-visible{outline:2px solid var(--g5-work-accent);outline-offset:4px}
@media(hover:hover){.g5-work-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -16px #00000038}}
.g5-case-dialog{width:min(940px,calc(100% - 48px));height:min(860px,calc(100dvh - 64px));max-height:calc(100dvh - 64px);max-width:none;padding:0;border:1px solid #dedbd6;border-radius:20px;background:var(--case-paper);box-shadow:0 28px 100px #03101d66}
.g5-case-dialog::backdrop{background:#03101dc7;backdrop-filter:blur(4px)}
.g5-case-dialog__frame{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr)}
.g5-case-dialog__header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 8%;background:#fff;border-bottom:1px solid #d4d4d4}
.g5-case-dialog__header h2{font-size:clamp(20px,2.1vw,28px);line-height:1.5;color:var(--case-navy);min-width:0}
.g5-case-dialog button{min-height:44px;border:1px solid #dedbd6;border-radius:999px;background:#fff;color:var(--case-navy);font:600 13px 'Noto Sans JP',sans-serif;cursor:pointer}
.g5-case-dialog [data-case-close]{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-width:80px;padding:0 12px;line-height:1}
.g5-case-dialog [data-case-close] svg{display:block;flex-shrink:0;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.g5-case-dialog [data-case-close] span{display:block;line-height:1}
.g5-case-dialog__body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:32px 8%}
.g5-case-dialog__actions{display:flex;justify-content:center;margin-top:32px}
.g5-case-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 28px;border-radius:999px;color:#fff;text-decoration:none;font-size:15px;font-weight:600;background:linear-gradient(90deg,var(--case-cyan),var(--case-pink));box-shadow:0 12px 24px -16px #e7647a99}
.g5-case-summary{font-size:17px;line-height:1.95;color:var(--case-navy);margin-bottom:28px!important}
.g5-case-cover{width:min(100%,var(--g5-case-cover-width,100%));margin-inline:auto!important;margin-bottom:40px!important}
.g5-case-cover img,.g5-case-gallery img{display:block;width:100%;height:auto;border-radius:12px}
.g5-case-video{display:block;width:100%;height:auto;border-radius:12px}
.g5-case-gallery img{width:min(100%,var(--g5-case-image-width,100%));margin-inline:auto}
.g5-case-image-frame{width:min(100%,var(--g5-case-image-width,100%));margin-inline:auto}
.g5-case-image-frame--dark{padding-block:24px;background:#1e1e1e;border-radius:12px;overflow:hidden}
.g5-case-image-frame--dark img{border-radius:0}
.g5-case-overview{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:24px;padding:24px 0;border-block:1px solid #dedbd6;margin-bottom:40px!important}
.g5-case-overview dt{font-size:12px;color:var(--case-muted);margin-bottom:6px}
.g5-case-overview dd{margin:0;font-size:14px;color:var(--case-navy)}
.g5-case-section{margin-bottom:40px}
.g5-case-section h2,.g5-case-section h3{font-size:21px;color:var(--case-navy);line-height:1.6;margin-bottom:14px}
.g5-case-section p{font-size:15px;color:var(--case-muted);line-height:2}
.g5-case-gallery{display:grid;gap:32px}
.g5-case-gallery figure[hidden]{display:none}
.g5-case-gallery figcaption,.g5-case-cover figcaption{font-size:13px;color:var(--case-muted);margin-top:12px;line-height:1.9}
.g5-case-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}
.g5-case-gallery-heading :is(h2,h3){margin-bottom:0}
.g5-case-gallery-controls{display:flex;align-items:center;gap:12px;flex-shrink:0;font-size:13px}
.g5-case-gallery-controls button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;font-size:24px;line-height:1}
.g5-case-gallery-controls button:disabled{opacity:.35;cursor:default}
.g5-case-note{border-left:3px solid var(--case-teal);padding-left:16px;font-size:13px;color:var(--case-muted);margin:32px 0!important}
.g5-case-page{background:var(--case-paper);padding:32px 0 80px}
.g5-case-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;font-size:12px;color:var(--case-muted);margin-bottom:40px}
.g5-case-breadcrumb a{color:inherit;text-underline-offset:4px}
.g5-case-page__heading{margin-bottom:32px}
.g5-case-eyebrow{color:#267f97;font:700 12px/1.5 Inter,sans-serif;letter-spacing:2px;margin-bottom:16px!important}
.g5-case-page h1{font-size:clamp(26px,3.2vw,40px);line-height:1.5;color:var(--case-navy)}
.g5-case-related,.g5-case-contact{padding:32px;border:1px solid #dedbd6;border-radius:12px;background:#fff;margin-top:40px}
.g5-case-related small{color:#267f97;font:700 11px/1.5 Inter,sans-serif;letter-spacing:1.5px}
.g5-case-related h2,.g5-case-contact h2{font-size:23px;color:var(--case-navy);margin:12px 0}
.g5-case-related p,.g5-case-contact p{color:var(--case-muted);font-size:14px;margin-bottom:20px}
.g5-case-text-link{display:inline-flex;align-items:center;gap:12px;color:#267f97;text-decoration:none;min-height:44px;font-weight:600;font-size:14px}
.g5-case-back{margin-top:40px!important}
.g5-case-related-works{margin-top:40px;padding-top:32px;border-top:1px solid #dedbd6}
.g5-case-related-works h2{font-size:21px;color:var(--case-navy)}
.g5-case-related-works ul{list-style:none;padding:0;margin:16px 0 0;display:grid;gap:8px}
.g5-case-related-works a{line-height:1.8;justify-content:space-between;width:100%;gap:20px}
.g5-case-dialog[open] .g5-case-dialog__body{scroll-behavior:auto}
@media(max-width:1000px){.g5-cases-pilot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){
 .g5-case-container,.g5-cases-pilot__inner{width:calc(100% - 40px)}
 .g5-cases-pilot{padding:40px 0}.g5-cases-pilot__grid{grid-template-columns:1fr}
 .g5-case-dialog{width:100%;height:100dvh;max-height:100dvh;border-radius:0;border:0;margin:0}
 .g5-case-dialog__header{padding:18px 20px;gap:12px}.g5-case-dialog__header h2{font-size:20px}.g5-case-dialog__body{padding:24px 20px}
 .g5-case-dialog__actions .g5-case-cta{max-width:100%;text-align:center}.g5-case-summary{font-size:16px}
 .g5-case-overview{grid-template-columns:1fr;gap:18px}.g5-case-gallery-heading{align-items:flex-start;flex-direction:column}
 .g5-case-image-frame--dark{padding-block:16px}
 .g5-case-related,.g5-case-contact{padding:24px 20px}.g5-case-related h2,.g5-case-contact h2{font-size:21px}
}
@media(max-width:640px){#go5-svcd section[data-screen-label="Related Works"]>div:first-child{flex-direction:column!important;align-items:flex-start!important;gap:16px}}
@media(prefers-reduced-motion:reduce){.g5-work-card img{transition:none}.g5-work-card:hover img{transform:none}}
@media(prefers-reduced-motion:reduce){.g5-case-dialog .g5-case-cta,.g5-case-page .g5-case-cta{transition-duration:.001ms!important}}