.case-section{background:#102e35;color:#eef5ef;padding:80px 0;overflow:hidden}.case-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin:0 7% 30px}.case-heading .eyebrow{color:#a5c7be}.case-heading h2{font-size:clamp(28px,3vw,42px);line-height:1.7;margin:0}.case-heading em{color:#d6eebc}.case-heading>div>p:not(.eyebrow){color:#b7cecc;font-size:14px}.case-controls{display:flex;gap:8px;justify-content:flex-end}.case-controls button{background:#ffffff0a;color:#e4eee7;border:1px solid #ffffff30;border-radius:10px;min-width:40px;height:40px;font:inherit;font-size:13px;cursor:pointer;padding:0 12px}.case-controls button:hover{background:#ffffff20}.case-rail{display:flex;gap:24px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#6c9186 #102e35;padding:18px 7% 34px;overscroll-behavior-x:contain}.case-card{flex:0 0 380px;color:inherit;text-decoration:none;border:1px solid #ffffff20;border-radius:18px;overflow:hidden;background:#17393f;transition:transform .3s,border-color .3s}.case-card:hover,.case-card:focus-visible{transform:translateY(-7px);border-color:#b6d0ac}.case-art{height:230px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 0 0,#5c968377,transparent),#1d514f}.case-art.tone-blue{background:radial-gradient(ellipse at 0 0,#7d9bae77,transparent),#264557}.case-art.tone-gold{background:radial-gradient(ellipse at 0 0,#b4a67b77,transparent),#504c38}.case-art img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}.case-card:hover img{transform:scale(1.035)}.case-category{position:absolute;right:18px;top:18px;font-size:12px;padding:4px 12px;background:#0d242cbb;border:1px solid #ffffff26;border-radius:30px;backdrop-filter:blur(8px)}.case-number{position:absolute;bottom:12px;left:20px;font:48px Georgia,serif;color:#e8f4de85}.case-graphic{position:absolute;inset:64px 65px 38px 50px;border:1px solid #dbeee866;border-radius:10px;transform:perspective(500px) rotateY(-18deg) rotateX(8deg);background:#ffffff0b;box-shadow:15px 15px 0 #ffffff08;padding:28px 16px 16px;display:flex;gap:10px}.case-graphic span{position:absolute;top:12px;right:16px;width:32px;height:3px;background:#d4ead5aa}.case-graphic i{flex:1;border:1px solid #ffffff20;border-radius:4px;background:linear-gradient(145deg,#ffffff15,transparent)}.case-graphic i:nth-child(3){background:linear-gradient(145deg,#cee8bf55,transparent)}.case-info{padding:22px 22px 12px;display:flex;gap:16px;justify-content:space-between}.case-info h3{font-size:18px;line-height:1.8;margin:0 0 10px}.case-info p{font-size:13px;color:#b5c9c8;line-height:2;margin:0}.case-arrow{font-size:25px;color:#d6eebc}.case-more{display:flex;justify-content:space-between;margin:6px 22px 0;padding:14px 0 18px;border-top:1px solid #ffffff13;font-size:12px;color:#d4e6c3}.case-detail{max-width:1140px;margin:auto;padding:45px 28px 85px}.case-cover img{width:100%;max-height:540px;object-fit:contain;border-radius:18px;background:white}.case-title{padding:35px 0}.case-title h1{font-size:clamp(28px,3vw,42px);line-height:1.7}.case-title>p:last-child{color:#516b74;font-size:17px;line-height:2}.case-body{display:grid;grid-template-columns:320px minmax(0,1fr);gap:50px;align-items:start}.case-passport{background:#fff;border:1px solid #dce7df;border-radius:18px;padding:25px;position:sticky;top:24px}.case-passport h2,.case-story>h2{font-size:24px}.case-passport dl{margin:0 0 25px}.case-passport dl>div{padding:12px 0;border-bottom:1px solid #e6eee8}.case-passport dt{font-size:12px;color:#688078}.case-passport dd{margin:5px 0 0;font-size:15px;overflow-wrap:anywhere}.case-passport .button{display:block;text-align:center}.case-story{min-width:0}.case-story p{line-height:2.2}.case-contact{display:block;margin-top:35px;padding-top:25px;border-top:1px solid #dce7df;color:#256b61;text-decoration:none;font-size:14px}
@media(max-width:750px){.case-heading{display:block}.case-heading>div:last-child{margin-top:20px}.case-controls{justify-content:flex-start}.case-card{flex-basis:82vw;max-width:380px}.case-art{height:205px}.case-section{padding:55px 0}.case-body{grid-template-columns:1fr;gap:30px}.case-passport{position:static}.case-detail{padding:25px 20px 50px}.case-title h1{font-size:29px}}
@media(prefers-reduced-motion:reduce){.case-card,.case-art img{transition:none}}