.case-showcase{background:#101718;border-bottom:1px solid #2c393b}.case-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.case-heading h2{margin:0}.case-heading>span{font-size:11px;color:#8eb6ad;border:1px solid #36544c;border-radius:20px;padding:6px 12px;flex-shrink:0}.case-intro{max-width:800px;margin:18px 0 26px}.case-hero-link{display:inline-block;margin-top:3px;font-size:13px;color:#73d6c7;border-bottom:1px solid #365d54;padding-bottom:3px}.case-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:22px}.case-tabs button{display:flex;align-items:center;justify-content:center;gap:9px;min-height:50px;background:#172124;border:1px solid #3a474c;border-radius:8px;color:#b4c1c7;padding:10px 14px;font-size:14px;font-weight:650;line-height:1.5}.case-tabs button>span{font-size:10px;color:#72938a}.case-tabs button[aria-selected=true]{border-color:#8bd7c7;background:#213b33;color:#effff6}.case-tabs button[aria-selected=true]>span{color:#93ddbd}.case-feature-panel{display:grid;grid-template-columns:1.25fr 1fr;gap:32px;align-items:start;padding:28px;background:#141d20;border:1px solid #344347;border-radius:12px}.case-preview{min-width:0}.case-comparison{margin:0;border-radius:9px;overflow:hidden;background:#202e2c}.case-comparison img{width:100%;height:auto}.case-comparison>div{display:grid;grid-template-columns:1fr 1fr;font-size:11px;text-align:center;padding:8px 4px;background:#20392f;color:#b1d8ca}.case-comparison>div>span:first-child{border-right:1px solid #537060}.case-comparison figcaption{font-size:10px;color:#94a8a4;padding:9px 12px;background:#111a1d}.case-sample-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.case-paper{background:#edf1e9;color:#24372d;border-radius:7px;padding:17px 15px;overflow:hidden;min-width:0}.case-paper h4{font-size:13px;margin:0 0 12px;line-height:1.5}.case-paper>small{font-size:10px;color:#60776a}.case-paper p{font-size:12px;line-height:1.75;margin:7px 0 0}.case-copy h4{font-size:21px;margin:11px 0}.case-paper table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.5}.case-paper th,.case-paper td{text-align:left;padding:9px 4px;border-bottom:1px solid #c9d4c9;overflow-wrap:anywhere}.case-paper th{color:#536d5b;font-weight:600}.case-paper td:last-child{font-variant-numeric:tabular-nums}.case-preview-note{font-size:10px;color:#91a29e;margin:10px 0 0}.case-explanation{min-width:0}.case-project-id{font-size:10px;letter-spacing:1.5px;color:#72d1bc}.case-explanation h3{font-size:27px;margin:9px 0 22px;line-height:1.35}.case-explanation h4{font-size:12px;color:#9bb8ad;margin:18px 0 8px}.case-explanation>p:not(.case-related-label){font-size:13px;color:#c4cdd1;margin:0;line-height:1.8}.case-delivery{list-style:none;padding:0;margin:9px 0 18px;font-size:13px}.case-delivery li{position:relative;padding:5px 0 5px 22px}.case-delivery li:before{content:'✓';position:absolute;left:0;color:#80cfb2}.case-process{border:1px solid #34474b;border-radius:6px;background:#10191d;padding:0 12px;color:#b1c2c7}.case-process summary{font-size:12px;padding:10px 0;cursor:pointer}.case-process ol{font-size:12px;padding-left:20px;margin:0 0 14px}.case-process li{padding:4px 0}.case-related-label{color:#8ba39c;font-size:10px;margin:18px 0 8px}.case-skill-chips{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:18px}.case-skill-chips span{font-size:10px;color:#c3d7cb;padding:3px 7px;border:1px solid #3c5147;border-radius:4px}.case-explanation .simple-primary{width:100%;margin-top:0}.case-full-project{display:block;margin:12px auto 0;border:0;background:transparent;color:#97b9b0;font-size:12px;padding:7px}.case-menu{border-radius:8px;background:#e9e1cc;color:#2b4434;padding:24px 20px;min-width:0}.case-menu>small{font-size:9px;color:#6a7961;display:block}.case-menu h4{font-family:Georgia,serif;font-size:27px;line-height:1.3;margin:18px 0 22px}.case-menu p{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #bac3aa;padding:9px 0;margin:0;font-size:12px}.case-menu p b{font-size:11px;white-space:nowrap}.case-menu>small:last-child{margin-top:20px}.case-cafe-pair{margin-top:0}.case-cafe-photo{min-width:0;position:relative;margin:0;background:#1b282a;border-radius:8px;overflow:hidden;display:flex;flex-direction:column}.case-cafe-photo img{flex:1;object-fit:cover;min-height:200px}.case-cafe-photo figcaption{font-size:9px;color:#b7c6c0;padding:10px 12px}.case-storyboard{background:#1a282b;border:1px solid #38494b;border-radius:8px;padding:17px;margin-top:14px}.case-storyboard h4{font-size:13px;margin:0 0 14px}.case-storyboard p{font-size:11px;display:flex;gap:12px;margin:10px 0;color:#c4d3cf}.case-storyboard p b{color:#7bbaa4;font-size:10px}.case-storyboard>small{font-size:10px;color:#91a89f}.case-office-pair{margin-top:0;margin-bottom:14px}.case-chart>div{display:grid;grid-template-columns:1fr 60px 28px;align-items:center;gap:8px;font-size:10px;margin:16px 0}.case-chart i{height:6px;border-radius:5px;background:#d0dacf;overflow:hidden}.case-chart i>b{display:block;height:6px;background:#2f8a6d}.case-chart em{font-size:9px;font-style:normal;text-align:right}.case-slide{padding:20px 17px;border-radius:8px;background:#d3e9dc;color:#213d30;min-width:0}.case-slide>small{font-size:9px;color:#4c7b5e}.case-slide h4{font-size:21px;line-height:1.35;margin:24px 0 20px}.case-slide ul{padding-left:16px;font-size:10px;margin:0}.case-slide li{margin:8px 0}.case-portfolio{margin-top:32px;padding-top:28px;border-top:1px solid #33413f;display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.case-portfolio h3{font-size:21px;margin:0 0 12px;line-height:1.5}.case-portfolio p{font-size:12px;color:#97aaa3;line-height:1.8;margin:0}.case-poster-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.case-poster-grid button{border:1px solid #3c5148;border-radius:7px;overflow:hidden;background:#18221f;color:#d2e0d9;padding:0;text-align:left}.case-poster-grid img{width:100%;aspect-ratio:1122 / 1402;object-fit:cover}.case-poster-grid span{display:block;font-size:10px;line-height:1.5;padding:8px 10px}.consultation-case{padding:10px 13px;background:#263a30;color:#b9ddc2;border:1px solid #466453;border-radius:6px;font-size:12px;margin:-6px 0 16px}
@media(max-width:900px){.case-feature-panel{grid-template-columns:1fr 1fr;gap:22px;padding:22px}.case-chart>div{grid-template-columns:1fr 35px 25px;gap:4px}.case-portfolio{grid-template-columns:1fr 1.7fr;gap:20px}}
@media(max-width:650px){.case-heading{display:block}.case-heading>span{display:inline-block;margin-top:13px;font-size:10px}.case-intro{font-size:13px;margin:16px 0 20px}.case-tabs{gap:6px;margin-bottom:16px}.case-tabs button{flex-direction:column;gap:4px;padding:10px 6px;min-height:68px;font-size:11px}.case-feature-panel{grid-template-columns:1fr;gap:25px;padding:16px}.case-paper{padding:14px 12px}.case-paper h4{font-size:12px}.case-copy h4{font-size:19px}.case-paper p{font-size:11px}.case-paper table{font-size:9px}.case-paper td,.case-paper th{padding:8px 3px}.case-sample-pair{gap:9px}.case-explanation h3{font-size:25px;margin-bottom:19px}.case-explanation>p:not(.case-related-label){font-size:13px}.case-explanation h4{font-size:12px}.case-delivery{font-size:12px}.case-menu{padding:19px 13px}.case-menu h4{font-size:23px;margin:16px 0}.case-menu p{display:block;font-size:12px}.case-menu p>b{display:block;font-size:10px;margin-top:4px}.case-cafe-photo img{min-height:210px}.case-slide{padding:17px 12px}.case-slide h4{font-size:18px;margin:22px 0 16px}.case-chart>div{grid-template-columns:1fr 30px 22px;font-size:9px;margin:19px 0}.case-portfolio{grid-template-columns:1fr;gap:18px}.case-portfolio h3{font-size:20px;margin-bottom:7px}.case-poster-grid{gap:8px}.case-poster-grid span{font-size:9px;padding:7px}.case-hero-link{font-size:12px}.case-preview-note{font-size:9px}}
@media(max-width:650px){.case-sample-pair{grid-template-columns:1fr;gap:13px}.case-paper{padding:19px 17px}.case-paper h4{font-size:15px}.case-paper p{font-size:13px}.case-paper table{font-size:12px}.case-paper th,.case-paper td{padding:11px 5px}.case-copy h4{font-size:24px}.case-menu{padding:24px 20px}.case-menu p{display:flex;align-items:baseline;font-size:14px}.case-menu p>b{font-size:12px}.case-menu h4{font-size:29px}.case-cafe-photo img{width:100%;height:auto;min-height:0;flex:none;aspect-ratio:3/2;object-fit:contain}.case-chart>div{grid-template-columns:1fr 80px 33px;gap:8px;font-size:12px;margin:19px 0}.case-chart em{font-size:11px}.case-slide{padding:24px 20px}.case-slide h4{font-size:26px}.case-slide ul{font-size:12px}.case-storyboard p{font-size:12px}.case-storyboard>small{font-size:11px}}