.section.ad-cases {min-height:0;padding:55px 0 75px;margin:0;background:#070a10;scroll-margin-top:100px;}
.ad-cases[hidden] {display:none;}
.ad-cases-wrap {width:min(1200px,calc(100% - 64px));}
.ad-cases h2 {font-size:clamp(2rem,4vw,3.2rem);letter-spacing:-.035em;margin:16px 0 30px;}
.ad-cases-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start;}
.ad-case {padding:26px 28px;border:1px solid #5a4d32;border-radius:20px;background:radial-gradient(ellipse at 65% 55%,#18212a66,transparent 65%),linear-gradient(145deg,#111820,#090e14);min-width:0;}
.ad-case-copy {min-width:0;min-height:148px;}
.ad-case details {grid-column:1/-1;}
.ad-case h3 {font-size:1.45rem;line-height:1.2;letter-spacing:-.025em;margin:0 0 8px;}
.ad-case-channel,.ad-case-unit,.ad-case-short {color:var(--muted);line-height:1.55;}
.ad-case-channel {font-size:.8rem;margin:0 0 16px;}
.ad-case-stat {color:#dec081;font-size:clamp(1.4rem,2.1vw,1.8rem);font-weight:600;line-height:1.25;margin:0;max-width:440px;}
.ad-case-unit {margin:0;min-height:25px;}
.ad-case-chart {height:205px;margin:4px 0 18px;position:relative;border-bottom:1px solid #34414c;background:radial-gradient(ellipse at 50% 93%,#c5a0520d,transparent 65%);}
.ad-case-chart {display:flex;align-items:flex-end;justify-content:space-evenly;padding-bottom:28px;gap:30px;}
.case-column-slot {display:flex;flex-direction:column;align-items:center;gap:16px;position:relative;min-width:85px;color:#adb9c4;font-size:.85rem;}
.case-column-slot>span:last-child {position:absolute;top:calc(100% + 9px);white-space:nowrap;}
.case-column-value {color:#ecf0f5;font-size:1rem;white-space:nowrap;}
.case-column {width:60px;height:var(--bar-height);position:relative;background:linear-gradient(105deg,#83909d,#394653);box-shadow:inset 1px 0 #c5d3df66,15px 12px 25px #0006;transform-origin:bottom;}
.case-column::before {content:"";position:absolute;left:0;right:0;top:-12px;height:12px;background:linear-gradient(110deg,#a9b8c7,#607080);transform:skewX(-48deg);transform-origin:bottom;border-top:1px solid #ffffff70;}
.case-column::after {content:"";position:absolute;top:0;bottom:0;right:-13px;width:13px;background:linear-gradient(90deg,#34414f,#1a232c);transform:skewY(-42deg);transform-origin:left;}
.case-column-gold {background:linear-gradient(100deg,#e2c37c,#b49048);}
.case-column-gold::before {background:linear-gradient(100deg,#ffdfa0,#b7934e);}
.case-column-gold::after {background:linear-gradient(90deg,#9f7d37,#594522);}
.ad-case-short {margin:12px 0 16px;font-size:.9rem;min-height:45px;}
.ad-case-meta {font-size:.8rem;margin:0 0 14px;}
.ad-case-more {cursor:pointer;color:#dec081;padding:12px 0 0;border:0;border-top:1px solid #ffffff1a;background:none;width:100%;font:inherit;display:flex;justify-content:space-between;}
.ad-case-more:focus-visible,.ad-case-dialog button:focus-visible,.ad-case-dialog a:focus-visible {outline:2px solid #dec081;outline-offset:4px;}
.ad-case-dialog {position:fixed;inset:0;margin:auto;width:min(620px,calc(100% - 32px));max-height:calc(100svh - 40px);overflow:auto;padding:32px;color:#eef2f6;background:#101720;border:1px solid #8e7647;border-radius:20px;box-shadow:0 30px 100px #0009;}
.ad-case-dialog::backdrop {background:#000b;}
.ad-case-dialog h2 {font-size:1.6rem;padding-right:38px;line-height:1.25;}
.ad-case-dialog h3 {font-size:1rem;margin:20px 0 8px;}
.ad-case-dialog [data-case-close] {position:absolute;right:14px;top:12px;width:40px;height:40px;border:1px solid #59616b;border-radius:50%;background:#17212e;color:#fff;font-size:26px;cursor:pointer;}
@media(min-width:701px) {
 .section.ad-cases {min-height:100svh;padding:100px 0 24px;display:flex;align-items:center;scroll-margin-top:0;}
 .ad-cases h2 {font-size:clamp(1.8rem,3vw,2.6rem);margin:8px 0 18px;}
 .ad-case {padding:18px 24px;}
 .ad-case-copy {min-height:120px;}
 .ad-case-chart {height:201px;margin:0 0 12px;}
 .case-column {height:var(--bar-height);}
 .ad-case-short {margin:8px 0;min-height:44px;}
 .ad-case-meta {margin-bottom:8px;}
 .ad-case-fx,.ad-case-preview {margin-top:10px;font-size:.7rem;}
}
@media(min-width:701px) and (max-height:820px) {
 .section.ad-cases {padding-top:94px;padding-bottom:14px;}
 .ad-cases h2 {font-size:1.8rem;margin:4px 0 12px;}
 .ad-case {padding:14px 20px;}
 .ad-case h3 {font-size:1.2rem;}
 .ad-case-channel {margin-bottom:8px;}
 .ad-case-stat {font-size:1.3rem;}
 .ad-case-copy {min-height:100px;}
 .ad-case-chart {height:174px;}
 .case-column {height:calc(var(--bar-height) * .8);}
 .ad-case-short {font-size:.8rem;min-height:40px;}
}
.ad-case summary::-webkit-details-marker {display:none;}
.ad-case summary:focus-visible,.ad-case a:focus-visible {outline:2px solid #dec081;outline-offset:5px;}
.ad-case details[open] summary span {transform:rotate(45deg);}
.ad-case-details {padding-top:12px;line-height:1.6;font-size:.93rem;}
.ad-case-details h4 {margin:16px 0 5px;}
.ad-case-details p {color:var(--muted);margin:0;}
.ad-case-details a {display:inline-block;margin-top:24px;}
.ad-case-fx,.ad-case-preview {font-size:.76rem;color:#9ca8b5;line-height:1.6;margin:22px 0 0;}
.ad-case-fx a {color:inherit;text-decoration:underline;}
.cases-entered .case-column {animation:case-grow .9s ease-out both;}
@keyframes case-grow {from {transform:scaleY(.05);}to {transform:scaleY(1);}}
.ad-cases-entry {display:block;margin:0 0 24px;padding:20px 24px;color:#dec081;border:1px solid #5a4d32;border-radius:14px;background:#111820;line-height:1.6;}
.ad-cases-entry:focus-visible {outline:2px solid #dec081;outline-offset:4px;}
@media(max-width:700px) {.ad-cases-grid {grid-template-columns:1fr;gap:20px;}.ad-cases-wrap {width:calc(100% - 32px);}.ad-case {padding:22px 20px;}.ad-case-copy {min-height:0;}.ad-case h3 {font-size:1.3rem;}.ad-case-stat {font-size:1.5rem;}.ad-case-chart {margin-top:20px;}.ad-case-short {min-height:0;}.section.ad-cases {padding:35px 0 55px;}}
@media(prefers-reduced-motion:reduce) {.cases-entered .case-column {animation:none;}}
