/* ChatGPT work categories and real production examples. */
.hero h1{font-size:clamp(39px,4.6vw,64px)}
.hero .answer-tags{flex-wrap:wrap}
.hero .hero-typed{min-height:74px}
.capabilities{background:#f7f9fc}
.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.capability-card{position:relative;min-width:0;padding:28px;background:white;border:1px solid #dfe7f1;border-radius:16px;transition:box-shadow .3s,transform .3s}
.capability-card:hover{transform:translateY(-4px);box-shadow:0 12px 35px #10396b0d}
.capability-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.capability-icon{display:grid;place-items:center;width:46px;height:46px;background:#edf4ff;color:var(--blue);border-radius:12px}
.capability-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.capability-card:nth-child(2n) .capability-icon{background:#e8f8f6;color:#008d84}
.capability-number{font-family:Arial,sans-serif;font-size:11px;color:#8e9bad;letter-spacing:.08em}
.capability-card h3{font-size:22px;letter-spacing:-.025em;margin-bottom:10px}
.capability-card>p{font-size:13px;line-height:1.95;color:#5c6b79;min-height:76px}
.capability-tag{display:inline-block;margin-top:18px;padding:4px 9px;border-radius:5px;background:#f3f6fa;font-size:10px;font-weight:600;color:#63768a}
.scope-note{margin-top:24px;text-align:center;font-size:11px;color:#667789}
.portfolio{position:relative;background:var(--navy);color:white;overflow:hidden}
.portfolio:before{position:absolute;content:'';width:700px;height:700px;top:-430px;right:-120px;border-radius:50%;background:radial-gradient(circle,#2b86dc25,transparent 65%);pointer-events:none}
.portfolio .eyebrow{color:#82c9ff}.portfolio .section-index{border-color:#41627f;color:#82c9ff}
.portfolio .text-blue{color:#7fe5df}.portfolio .section-heading>p:last-child{color:#b8cadc}
.case-tabs{display:flex;justify-content:center;gap:12px;margin-bottom:26px}
.case-tabs button{min-height:48px;border:1px solid #47627d;padding:11px 28px;border-radius:7px;background:#ffffff07;color:#c1d0df;font-size:13px;font-weight:700;transition:background .25s,color .25s,border-color .25s}
.case-tabs button:hover{background:#ffffff12}.case-tabs button[aria-selected=true]{color:#0c2b41;background:#7fe5df;border-color:#7fe5df}
.case-stage{border:1px solid #d7e4ef;border-radius:17px;overflow:hidden;background:white;color:var(--ink);box-shadow:0 20px 55px #0002}
.case-panel{display:grid;grid-template-columns:1.35fr 1fr;min-width:0;min-height:410px;animation:case-in .4s var(--ease)}
.case-panel[hidden]{display:none!important}
.case-preview{position:relative;min-width:0;background:#eaf0f7;display:flex;flex-direction:column;justify-content:center;padding:22px;overflow:hidden}
.case-preview img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px;box-shadow:0 8px 28px #06233c14}
.case-preview>span{font-size:11px;text-align:center;margin-top:13px;color:#315570;font-weight:700}
.case-slide-preview{background:#e7f1f8}
.case-copy{padding:35px;align-self:center;min-width:0}
.case-kind{font-size:10px;font-weight:700;letter-spacing:.07em;color:var(--blue);display:block;margin-bottom:13px}
.case-copy h3{font-size:29px;line-height:1.55;letter-spacing:-.035em;margin-bottom:16px}
.case-copy>p{font-size:13px;color:#5c6b79;line-height:2}
.case-copy ul{margin:15px 0;font-size:11px;line-height:2.1;color:#476078}
.case-copy li:before{content:'✓';color:var(--blue);margin-right:7px}
.case-copy .text-link{font-size:12px}
.case-footnote{font-size:10px;color:#a0b6ca;line-height:1.9;margin-top:20px;text-align:center}
.case-preview video{display:block;width:100%;max-height:360px;aspect-ratio:16/9;background:#091b36;border-radius:8px}
.final-cta h2{font-size:60px;line-height:1.5}
.final-cta .partner-line{display:block;color:#b4fbef}
.motion-disabled .case-panel{animation:none!important;opacity:1!important}
@keyframes case-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(min-width:761px) and (max-width:1050px){
 .hero h1{font-size:clamp(35px,4.5vw,47px)}
 .capability-card{padding:22px}.capability-card h3{font-size:19px}.capability-card>p{font-size:12px}
 .case-panel{grid-template-columns:1.1fr 1fr;min-height:380px}.case-copy{padding:25px}.case-copy h3{font-size:24px}.case-copy>p{font-size:12px}.case-preview{padding:15px}
}
@media(max-width:760px){
 .hero h1{font-size:clamp(35px,7.8vw,51px)}
 .hero .cta-caption{font-size:9px;letter-spacing:0;text-align:center}
 .hero-description{font-size:11.5px}
 .hero .hero-typed{min-height:68px}
 .capabilities .section-heading{margin-bottom:30px}.capabilities .section-heading>p:last-child{font-size:12px;line-height:1.9}
 .capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 .capability-card{padding:18px 16px;border-radius:12px}
 .capability-top{margin-bottom:13px}.capability-icon{width:35px;height:35px;border-radius:9px}.capability-icon svg{width:25px;height:25px}
 .capability-number{font-size:9px}.capability-card h3{font-size:17px;line-height:1.55;min-height:53px;margin-bottom:5px}
 .capability-card>p{font-size:12px;line-height:1.85;min-height:0}.capability-tag{display:none}
 .scope-note{font-size:9px;text-align:left;margin-top:18px}
 .portfolio .section-heading{margin-bottom:28px}.portfolio h2{font-size:29px}.portfolio .section-heading>p:last-child{font-size:12px}
 .case-tabs{gap:7px;margin-bottom:18px;flex-wrap:wrap}.case-tabs button{font-size:11px;padding:11px 13px;min-height:44px;flex:1;white-space:nowrap}
 .case-panel{display:block;min-height:0}.case-preview{padding:12px}.case-preview>span{font-size:10px;margin-top:8px}
 .case-copy{padding:23px}.case-kind{font-size:9px;margin-bottom:9px}.case-copy h3{font-size:23px;margin-bottom:12px}.case-copy>p{font-size:12px;line-height:1.95}.case-copy ul{font-size:11px;margin:12px 0}.case-copy .text-link{font-size:11px}
 .case-footnote{font-size:9px;text-align:left;margin-top:16px}
 .final-cta h2{font-size:clamp(27px,7.6vw,38px);line-height:1.6}
 .final-cta .partner-line{white-space:nowrap}
}
@media(max-width:365px){
 .hero h1{font-size:32px}.hero-description{font-size:10px}.hero .cta-caption{font-size:8px}
 .capability-grid{gap:10px}.capability-card{padding:15px 13px}.capability-card h3{font-size:15px;min-height:47px}.capability-card>p{font-size:11px}
 .portfolio h2{font-size:25px}.case-copy{padding:20px}.case-tabs button{font-size:10px;padding-inline:10px}
}
@media(prefers-reduced-motion:reduce){.case-panel{animation:none}}

/* Keep the portfolio introduction together at Japanese phrase boundaries. */
.portfolio-title-unit,.portfolio-description-unit{white-space:nowrap}
.portfolio-description-line{display:block}
@media(max-width:760px){.portfolio-title-unit,.portfolio-description-unit{display:block}}