.case-page{max-width:1264px;margin:0 auto}.case-tabs{display:flex;align-items:center;margin:-58px 0 70px;border-bottom:1px solid #ddd;overflow-x:auto}.case-tabs a{position:relative;flex:0 0 auto;padding:22px 25px;color:#777;font-size:.88rem;font-weight:600}.case-tabs a:after{content:"";position:absolute;left:18px;right:18px;bottom:-1px;height:3px;background:var(--brand);transform:scaleX(0)}.case-tabs a:hover,.case-tabs a.active{color:#111}.case-tabs a.active:after{transform:scaleX(1)}.case-hub-intro{max-width:760px;margin-bottom:55px}.case-hub-intro>span,.case-detail-copy>span,.case-section-heading>span,.case-architecture>div:first-child>span{color:var(--brand);font-size:.7rem;font-weight:750;letter-spacing:.14em}.case-hub-intro h2{margin:15px 0 18px;font-size:clamp(2rem,4vw,3.3rem);font-weight:680;line-height:1.24;letter-spacing:-.045em}.case-hub-intro p{color:#666}.case-card-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.case-card{color:#222;border:1px solid #e5e5e5;transition:.25s}.case-card-image{position:relative;height:280px;overflow:hidden;background:#eee}.case-card-image img{width:100%;height:100%;object-fit:cover;transition:.35s}.case-card-image span{position:absolute;left:24px;top:22px;padding:6px 10px;color:#fff;background:rgba(20,20,20,.8);font-size:.65rem;letter-spacing:.1em}.case-card-copy{display:grid;grid-template-columns:38px 1fr 20px;gap:14px;padding:28px}.case-card-copy>i:first-child{color:var(--brand);font-size:1.4rem}.case-card-copy>i:last-child{color:#aaa}.case-card h3{margin:0 0 8px;font-size:1.25rem}.case-card p{margin:0;color:#777;line-height:1.65;word-break:keep-all}.case-card:hover{color:#222;box-shadow:0 15px 34px rgba(0,0,0,.07);transform:translateY(-5px)}.case-card:hover img{transform:scale(1.035)}.case-detail-hero{display:grid;grid-template-columns:44% 56%;min-height:460px;background:#f5f5f5}.case-detail-copy{display:flex;flex-direction:column;justify-content:center;padding:58px}.case-detail-copy h2{margin:15px 0 18px;font-size:clamp(2rem,4vw,3.25rem);line-height:1.25;letter-spacing:-.045em}.case-detail-copy p{color:#666;line-height:1.8;word-break:keep-all}.case-detail-image{min-height:460px}.case-detail-image img{width:100%;height:100%;object-fit:cover}.case-process{padding:100px 0}.case-section-heading{margin-bottom:30px}.case-section-heading h2{margin:10px 0 0;font-size:2rem}.case-point-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:2px solid #222}.case-point-grid article{min-height:230px;padding:26px 22px;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.case-point-grid article:last-child{border-right:0}.case-point-grid article>span{color:#999;font-size:.68rem}.case-point-grid i{display:block;margin:34px 0 18px;color:var(--brand);font-size:1.45rem}.case-point-grid h3{font-size:1.05rem}.case-point-grid p{color:#777;line-height:1.6}.case-architecture{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:48px;background:#222;color:#fff}.case-architecture h2{margin:10px 0 0;font-size:1.55rem;line-height:1.45}.architecture-flow{display:flex;align-items:center;gap:15px}.architecture-flow span{padding:12px 14px;border:1px solid #555;font-size:.72rem;font-weight:700}.architecture-flow i{color:var(--brand)}
@media(max-width:991.98px){.case-tabs{margin-top:-40px}.case-detail-hero{grid-template-columns:1fr}.case-detail-image{min-height:340px;order:-1}.case-detail-copy{padding:42px}.case-point-grid{grid-template-columns:repeat(2,1fr)}.case-point-grid article:nth-child(2){border-right:0}.case-architecture{align-items:flex-start;flex-direction:column}}
@media(max-width:767.98px){.case-tabs{margin-bottom:48px}.case-tabs a{padding:18px 15px}.case-card-grid,.case-point-grid{grid-template-columns:1fr}.case-card-image{height:230px}.case-detail-image{min-height:260px}.case-detail-copy{padding:34px 24px}.case-process{padding:72px 0}.case-point-grid article{border-right:0}.architecture-flow{width:100%;overflow-x:auto}.case-architecture{padding:32px 24px}}