.case-showcase{scroll-margin-top:110px}.case-showcase-heading{grid-template-columns:1.6fr .75fr;align-items:end;gap:8vw;margin-bottom:58px;display:grid}.case-showcase-heading h2{letter-spacing:-.055em;text-wrap:balance;max-width:16ch;margin:24px 0 0;font-size:clamp(42px,5.2vw,78px);line-height:1.05}.case-showcase-heading>p{max-width:30ch;color:var(--muted);margin:0 0 5px;font-size:clamp(16px,1.4vw,20px);line-height:1.6}.case-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.case-deck-motion{min-width:0;display:flex}.case-card{--card-padding:32px;--card-ink:#f7f4ed;--card-muted:#ded7ce;--card-line:#f7f4ed40;--card-surface:#17120f;isolation:isolate;width:100%;min-height:590px;padding:var(--card-padding);background:radial-gradient(ellipse at 100% 100%, #563427, var(--card-surface) 75%);color:var(--card-ink);border-radius:3px;grid-template-rows:auto minmax(240px,1fr) auto;display:grid;position:relative;overflow:hidden}.case-card--intelligence{--card-surface:#0e1918;--card-muted:#d8e2df;background:radial-gradient(ellipse at 100% 100%, #284742, var(--card-surface) 75%)}.case-card--cloud{--card-surface:#1c1c21;--card-muted:#e3dfe2;background:radial-gradient(ellipse at 100% 100%, #58463e, var(--card-surface) 75%)}.case-card:after{content:"";z-index:1;pointer-events:none;background:linear-gradient(#080a0be8 0%,#080a0bb8 24%,#080a0b08 55%,#080a0b12 72%,#080a0bd9 100%);transition:opacity .5s;position:absolute;inset:0}.case-card[data-open=true]:after{opacity:0}.case-card-heading{z-index:2;position:relative}.case-card-sector{letter-spacing:.075em;text-transform:uppercase;font-size:13px;display:block}.case-card-status{color:var(--card-muted);align-items:center;gap:7px;margin-top:9px;font-size:11px;line-height:1.4;display:flex}.case-card-status:before{content:"";background:currentColor;border:1px solid;border-radius:50%;width:4px;height:4px}.case-card-status[data-proposal=true]:before{background:0 0}.case-card h3{letter-spacing:-.05em;min-height:3.15em;margin:26px 0 0;font-size:clamp(31px,2.8vw,45px);font-weight:400;line-height:1.05}.case-card h3 span{display:block}.case-card-body{z-index:2;min-width:0;margin-top:22px;display:grid;position:relative}.case-card-art{z-index:0;pointer-events:none;transition:opacity .55s cubic-bezier(.85,0,0,1),transform .55s cubic-bezier(.85,0,0,1),filter .55s cubic-bezier(.85,0,0,1);position:absolute;inset:0}.case-art-reveal,.case-card-art img{width:100%;height:100%}.case-card-art img{object-fit:cover;display:block}.case-card-details{opacity:1;align-self:start;padding-bottom:20px;transition:opacity .55s cubic-bezier(.85,0,0,1),transform .55s cubic-bezier(.85,0,0,1),visibility;position:relative}.case-card-details dl,.case-card-details dd{margin:0}.case-card-details dl{gap:24px;display:grid}.case-card-details dt{text-transform:uppercase;letter-spacing:.09em;color:var(--card-muted);margin-bottom:8px;font-size:11px}.case-card-details dd{max-width:32ch;font-size:clamp(15px,1.1vw,17px);line-height:1.5}.case-card-footer{z-index:3;justify-content:space-between;align-items:center;gap:16px;min-height:70px;padding-top:22px;padding-right:64px;display:flex}.case-card-footer a{align-items:center;gap:14px;min-height:48px;font-size:14px;display:inline-flex}.case-card-footer a svg{transition:transform .45s cubic-bezier(.22,1,.36,1)}.case-card[data-open=true] .case-card-footer a svg{transform:translate(3px,-3px)}.case-card-toggle{right:var(--card-padding);bottom:var(--card-padding);z-index:4;border:1px solid var(--card-line);color:var(--card-ink);cursor:pointer;background:#080a0b28;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;transition:background-color .25s,color .25s;display:grid;position:absolute}.case-card-toggle svg{transition:transform .45s cubic-bezier(.22,1,.36,1)}.case-card-toggle[aria-expanded=true] svg{transform:rotate(45deg)}.case-card-toggle:hover{color:var(--card-surface);background:var(--card-ink)}.case-card-footer a:focus-visible{outline:2px solid var(--card-ink);outline-offset:5px}.case-card-toggle:focus-visible{outline:2px solid var(--card-ink);outline-offset:5px}.case-card-details:focus-visible{outline:2px solid var(--card-ink);outline-offset:5px}.case-card[data-open=true] .case-card-art{opacity:.12;filter:blur(10px);transform:translate(-20px)scale(1.08)}.case-showcase[data-enhanced=true] .case-card[data-open=false] .case-card-details{opacity:0;visibility:hidden;transition:opacity .55s cubic-bezier(.85,0,0,1),transform .55s cubic-bezier(.85,0,0,1),visibility 0s .55s;transform:translate(32px)}.case-showcase-footer{justify-content:space-between;align-items:center;gap:24px;margin-top:30px;display:flex}.case-showcase-footer>span{color:var(--muted);font-size:11px}.case-showcase-footer .text-link{align-items:center;gap:14px;font-size:15px;display:inline-flex}.case-showcase[data-still=true] *,.case-showcase[data-still=true] :before,.case-showcase[data-still=true] :after{transition:none!important}@media (min-width:851px) and (max-width:1150px){.case-card{--card-padding:24px}.case-card h3{min-height:4.2em;font-size:31px}}@media (max-width:850px){.case-showcase-heading{grid-template-columns:1fr;gap:24px;margin-bottom:36px}.case-showcase-heading>p{max-width:45ch}.case-deck{grid-template-columns:1fr;gap:24px}.case-card{--card-padding:30px;grid-template-rows:auto minmax(240px,1fr) auto;min-height:580px}.case-card h3{min-height:0;font-size:clamp(36px,5.8vw,48px)}.case-card-details dd{max-width:42ch;font-size:17px}}@media (max-width:420px){.case-card{--card-padding:25px}.case-card h3{font-size:35px}.case-card-details dd{font-size:16px}.case-showcase-footer{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){.case-showcase *,.case-showcase :before,.case-showcase :after{transition:none!important}}
