.design-case{background:#f0ece4}.design-case .section-head{max-width:1000px;margin-inline:auto}.design-case .section-head>p{color:#64685e}.design-case figure{max-width:1000px;margin:0 auto}.design-case figure>button{display:block;position:relative;width:100%;padding:0;border:0;border-radius:20px;background:#e7e0d4;overflow:hidden;cursor:zoom-in}.design-case figure img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain}.design-case figure button>span{position:absolute;right:16px;bottom:16px;background:#fff;color:#273222;border-radius:30px;padding:9px 16px;font:700 11px Manrope,Arial,sans-serif}.design-case figcaption{font-size:12px;line-height:1.7;margin-top:15px;color:#64685e}.case-explanation{max-width:1000px;margin:42px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:50px}.case-explanation h3{font-size:24px;line-height:1.3;letter-spacing:-.03em;margin:0 0 15px}.case-explanation p{font-size:15px;color:#555b50}.case-explanation .eyebrow{font-size:9px}.case-principles{max-width:1000px;margin:28px auto 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.case-principles li{border-top:1px solid #cdd2c5;padding-top:16px;font-size:13px;font-weight:700}.service-visual .concept-caption{display:block;position:static;color:#58664a;font-size:11px;letter-spacing:0;text-transform:none;padding:12px 0;line-height:1.6}.service-visual:has(.concept-caption){aspect-ratio:auto;overflow:visible;background:transparent!important}.service-visual:has(.concept-caption)>div{height:auto;aspect-ratio:3/2}.services-index{background:#f8f7f4}.services-index-lead{max-width:740px;font-size:17px;color:#64685e}.services-index-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.services-index-grid>a{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #dfe3d8;border-radius:18px;overflow:hidden;transition:transform .25s,box-shadow .25s}.services-index-grid>a:hover{transform:translateY(-5px);box-shadow:0 14px 35px #27322212}.services-index-grid img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.services-index-grid a>div{padding:24px;display:flex;flex-direction:column;flex:1}.services-index-grid small{font-size:10px;color:#647653}.services-index-grid h3{font-size:23px;letter-spacing:-.04em;line-height:1.2;margin:14px 0}.services-index-grid p{font-size:14px;color:#64685e;margin:0 0 22px}.services-index-grid a>div>span{font-size:12px;font-weight:800;margin-top:auto}.services-index-guide{max-width:1000px}.service-hero:has(.concept-caption) .service-visual img{object-fit:contain}
@media(max-width:950px){.services-index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.services-index-grid{grid-template-columns:1fr;gap:18px}.services-index-grid a>div{padding:20px}.case-explanation{grid-template-columns:1fr;gap:20px;margin-top:28px}.case-principles{grid-template-columns:1fr;gap:12px}.design-case figure>button{border-radius:12px}.design-case figure button>span{right:10px;bottom:10px;font-size:10px;padding:7px 12px}.case-explanation h3{font-size:22px}.design-case .section-head h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){.services-index-grid>a{transition:none}}