.case-selector{--case-surface:color-mix(in srgb, var(--palette-background-paper) 96%, transparent);--case-soft:color-mix(in srgb, var(--palette-background-neutral) 76%, var(--palette-background-paper));--case-line:color-mix(in srgb, var(--palette-text-primary) 12%, transparent);--case-text:var(--palette-text-primary);--case-muted:var(--palette-text-secondary);background:radial-gradient(circle at 14% 14%, color-mix(in srgb, var(--palette-primary-main) 10%, transparent), transparent 32%), radial-gradient(circle at 88% 84%, #9870411a, transparent 32%), var(--palette-background-neutral);min-height:100dvh;color:var(--case-text);font-family:var(--font-public-sans), sans-serif;overflow:hidden}.case-selector-header{z-index:5;border-bottom:1px solid var(--case-line);background:color-mix(in srgb, var(--case-surface) 90%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;min-height:72px;padding:10px clamp(18px,4vw,54px);display:flex;position:relative}.case-selector-brand,.case-selector-actions,.case-selector-back{align-items:center;display:flex}.case-selector-brand{color:inherit;gap:10px;text-decoration:none}.case-selector-brand>span{border:1px solid var(--case-line);background:var(--case-soft);border-radius:13px;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.case-selector-brand>div{flex-direction:column;display:flex}.case-selector-brand strong{font:750 13px/1 var(--font-barlow), sans-serif;letter-spacing:.09em}.case-selector-brand small{color:var(--case-muted);margin-top:5px;font-size:9px}.case-selector-actions{gap:9px}.case-selector-settings{border:1px solid var(--case-line)!important;background:var(--case-soft)!important;color:var(--case-text)!important}.case-selector-back{border:1px solid var(--case-line);min-height:40px;color:var(--case-text);border-radius:10px;gap:7px;padding:0 13px;font-size:10px;font-weight:650;text-decoration:none}.case-selector-content{width:min(1160px,100% - 36px);margin:0 auto;padding:clamp(48px,7vh,86px) 0 26px;position:relative}.case-selector-intro{max-width:760px}.case-selector-kicker{color:var(--palette-primary-main);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:9px;font-size:9px;font-weight:750;display:flex}.case-selector-kicker>span{background:currentColor;width:22px;height:1px}.case-selector-intro h1{font:750 clamp(38px, 5.2vw, 68px)/.98 var(--font-barlow), sans-serif;letter-spacing:-.035em;margin:15px 0 0}.case-selector-intro h1 em{color:var(--case-muted);font-style:normal;font-weight:500}.case-selector-intro p{max-width:650px;color:var(--case-muted);margin-top:20px;font-size:clamp(13px,1.25vw,16px);line-height:1.75}.case-selector-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:clamp(34px,5vh,54px);display:grid}.case-card{border:1px solid var(--case-line);background:color-mix(in srgb, var(--case-surface) 95%, transparent);min-height:310px;color:inherit;box-shadow:0 18px 55px color-mix(in srgb, var(--case-text) 7%, transparent);border-radius:22px;grid-template-columns:minmax(175px,.76fr) 1.24fr;text-decoration:none;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden}.case-card:hover{border-color:color-mix(in srgb, var(--case-accent) 38%, var(--case-line));box-shadow:0 26px 65px color-mix(in srgb, var(--case-text) 12%, transparent);transform:translateY(-5px)}.case-card.cellar{--case-accent:#a17a4b;--case-accent-soft:#d8bc91}.case-card.mass-lab{--case-accent:#247fa6;--case-accent-soft:#87c9df}.case-card-visual{border-right:1px solid var(--case-line);background:linear-gradient(145deg, color-mix(in srgb, var(--case-accent) 16%, var(--case-soft)), var(--case-soft));min-height:100%;position:relative;overflow:hidden}.case-card-grid{opacity:.48;background-image:linear-gradient(color-mix(in srgb, var(--case-accent) 13%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--case-accent) 13%, transparent) 1px, transparent 1px);transform-origin:bottom;background-size:28px 28px;position:absolute;inset:0;transform:perspective(260px)rotateX(55deg)scale(1.45)}.case-card-orbit{border:1px solid color-mix(in srgb, var(--case-accent) 35%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-card-orbit.one{width:132px;height:132px}.case-card-orbit.two{opacity:.55;width:190px;height:190px}.case-card-icon{border:1px solid color-mix(in srgb, var(--case-accent) 35%, transparent);background:color-mix(in srgb, var(--case-surface) 91%, transparent);width:76px;height:76px;color:var(--case-accent);box-shadow:0 16px 38px color-mix(in srgb, var(--case-accent) 18%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:23px;place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.case-card-signal{color:var(--case-accent);align-items:center;gap:5px;display:flex;position:absolute;bottom:18px;right:16px}.case-card-signal i{opacity:.35;background:currentColor;border-radius:50%;width:5px;height:5px;animation:1.6s ease-in-out infinite caseSignal}.case-card-signal i:nth-child(2){animation-delay:.22s}.case-card-signal i:nth-child(3){animation-delay:.44s}.case-card-copy{flex-direction:column;min-width:0;padding:28px 25px 24px;display:flex}.case-card-eyebrow{color:var(--case-accent);letter-spacing:.12em;text-transform:uppercase;font-size:8px;font-weight:750}.case-card-title{justify-content:space-between;align-items:flex-start;gap:10px;margin-top:9px;display:flex}.case-card-title h2{font:700 clamp(23px, 2.25vw, 31px)/1.05 var(--font-barlow), sans-serif;letter-spacing:-.02em;margin:0}.case-card-title>span{border:1px solid var(--case-line);width:34px;height:34px;color:var(--case-muted);border-radius:50%;flex:none;place-items:center;transition:background .18s,color .18s;display:grid}.case-card:hover .case-card-title>span{background:var(--case-accent);color:#fff}.case-card-copy>p{color:var(--case-muted);margin-top:15px;font-size:11px;line-height:1.65}.case-card-tags{flex-wrap:wrap;gap:6px;margin-top:auto;padding-top:18px;display:flex}.case-card-tags>span{border:1px solid var(--case-line);background:var(--case-soft);color:var(--case-muted);border-radius:99px;align-items:center;gap:4px;padding:5px 7px;font-size:8px;display:inline-flex}.case-card-tags svg{color:var(--case-accent)}.case-selector-footer{color:var(--case-muted);letter-spacing:.04em;justify-content:space-between;align-items:center;margin-top:22px;font-size:8px;display:flex}.case-selector-footer>span{align-items:center;gap:7px;display:flex}@keyframes caseSignal{50%{opacity:1;transform:scale(1.35)}}@media (max-width:900px){.case-selector-content{padding-top:44px}.case-selector-grid{grid-template-columns:1fr}.case-card{grid-template-columns:210px 1fr;min-height:265px}}@media (max-width:560px){.case-selector-header{min-height:64px;padding-inline:12px}.case-selector-brand small,.case-selector-back{display:none}.case-selector-content{width:min(100% - 24px,1160px);padding-top:36px}.case-selector-intro h1{font-size:39px}.case-selector-intro p{font-size:12px}.case-card{grid-template-columns:1fr;min-height:0}.case-card-visual{border-right:0;border-bottom:1px solid var(--case-line);min-height:176px}.case-card-copy{min-height:220px;padding:23px 21px}.case-selector-footer{align-items:flex-start;gap:12px}.case-selector-footer>span:last-child{display:none}}@media (prefers-reduced-motion:reduce){.case-card-signal i{animation:none}}
