#classic{--accent:#ec9a65}.classic-header{position:sticky;top:0;z-index:50;background:#0b0e12ed;backdrop-filter:blur(18px)}.work-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:30px}.work-filters button{font:10px var(--mono);letter-spacing:.06em;padding:10px 15px;border:1px solid var(--line);background:transparent;border-radius:3px;color:var(--muted)}.work-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#111}.case-studies{display:grid;gap:30px}.case-study{display:grid;grid-template-columns:1.1fr 1fr;gap:36px;border:1px solid var(--line);background:#11161c;padding:32px;align-items:center}.case-media{position:relative;display:block;overflow:hidden;border:1px solid #ffffff2a;background:#10151a;border-radius:3px;aspect-ratio:16/11}.case-browser{height:28px;display:flex;gap:5px;padding:9px 11px;background:#1a2027;align-items:center}.case-browser i{width:5px;height:5px;border-radius:50%;background:#ed9c69}.case-browser i:nth-child(2){background:#e2c773}.case-browser i:nth-child(3){background:#80b3a0}.case-browser span{margin-left:auto;font:7px var(--mono);letter-spacing:.08em;color:#b5bdc4}.case-media img{width:100%;height:calc(100% - 28px);object-fit:cover;object-position:top;filter:grayscale(1) brightness(.78);transition:filter .5s,transform .6s;display:block}.case-study:hover img,.case-study:focus-within img{filter:grayscale(0) brightness(1);transform:scale(1.025)}.case-open{position:absolute;bottom:12px;right:12px;padding:4px 12px;background:#0d161acc;border:1px solid #ffffff55;border-radius:50%;font-size:23px;color:white}.case-meta{display:flex;justify-content:space-between;gap:15px;color:#8b98a6;font:8px var(--mono);letter-spacing:.07em;line-height:1.7;margin-bottom:20px}.case-meta span:first-child{color:#e9a16b;white-space:nowrap}.case-copy h3{font-size:clamp(23px,2.8vw,38px);font-weight:500;letter-spacing:-.04em;margin-bottom:15px}.case-summary{font-size:14px;color:#d7dde2;line-height:1.7;margin-bottom:14px}.case-detail{font-size:12px;color:#8c99a8;line-height:1.9;margin-bottom:21px}.case-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:22px}.case-links a{font:10px var(--mono);letter-spacing:.05em;border-bottom:1px solid #a1a9b366;padding-bottom:5px}.case-links a:hover{color:var(--accent);text-decoration:none}.resource-heading{margin:45px 0 20px;color:var(--muted);font:11px var(--mono);letter-spacing:.1em}.app-page .case-study{grid-template-columns:1fr;padding:20px;gap:22px;background:#ffffff55;border-color:var(--line)}.app-page .case-media{max-height:280px}.app-page .case-copy h3{font-size:27px}.windows .case-summary{color:#304a62}.windows .case-detail,.windows .case-meta{color:#5f7287}.windows .case-links a{color:#2b5889}.windows .case-studies .tags{display:flex}.service-command{margin-bottom:25px;max-width:950px;line-height:1.95}.lang-rtl .case-study{direction:rtl}.lang-rtl .case-media{direction:ltr}.lang-rtl .case-copy h3{font-size:30px}.lang-rtl .case-meta{font-family:var(--sans)}@media(hover:none){.case-media img{filter:none}}@media(max-width:900px){.case-study{gap:22px;padding:22px}.case-meta{font-size:7px;flex-wrap:wrap}.case-copy h3{font-size:27px}.case-detail{font-size:11px}}@media(max-width:620px){.case-study{grid-template-columns:1fr;padding:17px;gap:23px}.case-media{aspect-ratio:16/10}.case-copy h3{font-size:28px}.case-meta{font-size:8px}.case-summary{font-size:14px}.case-detail{font-size:12px}.work-filters{gap:5px}.work-filters button{font-size:9px;padding:8px 10px}.case-links{gap:16px}.service-command{font-size:12px;line-height:1.9}.lang-rtl .case-copy h3{font-size:26px}}@media(prefers-reduced-motion:reduce){.case-media img{transition:none;transform:none!important}}
