.service-feature{position:relative;isolation:isolate;background:linear-gradient(180deg,#399ed8 0%,#1d7ab8 43%,#103f78 100%);color:#fff}
.service-feature .service-button{background:#ed9b49;border-color:#ed9b49;color:#123d59}
.service-support{border-top-color:#ffffff40}
.service-support .service-button{background:#fff;border-color:#fff;color:#123d59}
.service-feature-visual figcaption{display:none}
.service-feature::before{content:"";position:absolute;inset:0;z-index:-1;background:url("shiruno-web-assets/hero-54317.png") center/cover;opacity:.12;pointer-events:none}
.service-feature-main,.service-feature-visual{min-height:540px}
.service-feature-copy{padding-top:40px;padding-bottom:24px}
.service-feature .service-index,.service-feature .shiruno-logo,.service-feature h3,.service-feature .service-description{margin-bottom:16px}
.service-feature h3{font-size:32px;line-height:1.28}
.service-stats{display:flex;gap:20px;margin:16px 0 0;padding:0}
.service-stat{width:173px;height:133px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fff;background:#08295233 url("shiruno-web-assets/hero-edf10.svg") center/100% 100% no-repeat;border-radius:5px;flex:none;text-align:center}
.service-stat dt{font-size:10.4px;font-weight:700;line-height:1.5}
.service-stat dd{margin:0;display:flex;flex-direction:column;align-items:center;gap:6px}
.service-stat strong{font-size:25.6px;font-weight:700;line-height:1.28}
.service-stat strong.template-count{font-family:Inter,Arial,sans-serif;font-size:35.2px}
.service-stat small{font-size:8.8px;font-weight:700;line-height:1.5}
.service-pair{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding-top:24px;align-items:stretch}
.service-pair>.service-card,.service-pair>.service-card:nth-child(2){display:flex;flex-direction:column;min-height:0;border-radius:0;overflow:hidden}
.service-pair>#video-production{background:#123d59;color:#fff}
.service-pair>#cm-production{color:#123d59}
.service-pair>#cm-production .service-button{background:#123d59;border-color:#123d59;color:#fff}
.service-pair>#video-production .service-button{background:#ed9b49;border-color:#ed9b49;color:#123d59}
.service-pair>.service-card:first-child{background:linear-gradient(90deg,#f3a042,#d85224)}
.service-pair .service-card-image,.service-pair>.service-card:nth-child(2) .service-card-image{height:auto;min-height:0;aspect-ratio:624/350;flex:none;margin:0;overflow:hidden;border-radius:0}
.service-pair .service-card-image::after{display:none}
.service-pair .service-card-image img{object-fit:contain}
.service-pair .service-card-copy{padding:28px 32px 32px;min-height:310px;flex:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.service-pair .service-index{font-size:11px;margin:0 0 12px;line-height:1.5}
.service-pair .service-card h3{font-size:30px;line-height:1.28;margin-bottom:12px}
.service-pair .service-card .service-description{font-size:15px;line-height:1.5;margin-bottom:20px}
.service-pair .service-button{margin-top:auto;min-height:56px}
.service-pair .service-card h3 .video-word{font-size:40px}
.cm-title{max-width:100%}
.cm-service-logo{max-width:100%;margin:0}
.cm-hero-wrap{position:absolute;inset:0;overflow:hidden}
.cm-hero-scene{transform:scale(var(--cm-scale,.4));transform-origin:bottom left;pointer-events:none}
.cm-hero-scene p{margin:0}
@media(min-width:761px) and (max-width:1100px){
 .service-feature-copy{padding-left:28px;padding-right:28px}
 .service-feature h3{font-size:28px}
 .service-stats{gap:12px}
 .service-stat{width:145px;height:112px}
 .service-stat strong{font-size:22px}
 .service-stat strong.template-count{font-size:30px}
 .service-stat small{font-size:8px}
 .service-pair .service-card-copy{padding-left:24px;padding-right:24px}
 .service-pair .service-card h3{font-size:24px}
 .service-pair .service-card h3 .video-word{font-size:32px}
 .service-pair .service-card .service-description{font-size:13px}
}
@media(max-width:760px){
 .service-feature-main{min-height:0}
 .service-feature-visual{min-height:0;height:320px}
 .service-feature-copy{padding:32px 26px}
 .service-feature h3{font-size:28px}
 .service-stats{gap:14px}
 .service-stat{width:calc((100% - 14px)/2);height:122px}
 .service-stat strong{font-size:24px}
 .service-stat strong.template-count{font-size:32px}
 .service-stat small{font-size:8px}
 .service-pair{grid-template-columns:1fr;gap:32px;padding-top:0}
 .service-pair .service-card-image,.service-pair>.service-card:nth-child(2) .service-card-image{height:auto;min-height:0;aspect-ratio:624/350}
 .service-pair .service-card-copy{min-height:0;padding:28px 26px 32px}
 .service-pair .service-card h3{font-size:25px}
 .service-pair .service-card h3 .video-word{font-size:34px}
 .service-pair .service-card .service-description{font-size:14px}
 .service-pair .service-button{margin-top:8px;min-height:50px}
}
