/* Authentic client identities, presented without recoloring or distortion. */
.projects:has(.case-card){grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.case-card{display:flex;flex-direction:column;min-width:0;text-align:left;isolation:isolate;padding:12px 12px 0;border-radius:30px;background:linear-gradient(145deg,#191C1E,#111416)}
.case-visual{position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;width:100%;height:234px;flex-shrink:0;border:1px solid #FFFFFF08;border-radius:20px;background:var(--case-bg);color:var(--case-muted);box-shadow:inset 0 1px 0 #FFFFFF08}
.case-number{position:absolute;top:20px;left:23px;font:400 10px var(--mono);letter-spacing:1px;opacity:.55}
.case-brandmark{display:block;width:68%;max-width:355px;transition:transform .65s cubic-bezier(.2,.7,.2,1);line-height:0}
.case-brandmark img{display:block;width:100%;height:auto;object-fit:contain}
.case-myrina{--case-bg:radial-gradient(ellipse at 50% 100%,#3A302540,transparent 70%),#1A1917;--case-muted:#B4A58C}
.case-vent{--case-bg:#EAE8E1;--case-muted:#575B55;box-shadow:none}
.case-vent .case-brandmark{width:62%;max-width:315px}
.case-kesif{--case-bg:radial-gradient(ellipse at 50% 100%,#55554A14,transparent 70%),#1B1D1D;--case-muted:#C1BBA9}
.case-kesif .case-brandmark{width:61%;max-width:315px}
.case-qule{--case-bg:#5A3637;--case-muted:#E5C9BF}
/* Frame the source artwork's wordmark; the original pixels are preserved. */
.case-qule .case-brandmark{position:relative;overflow:hidden;width:65%;max-width:325px;aspect-ratio:700/290}
.case-qule .case-brandmark img{position:absolute;width:164.285714%;max-width:none;height:auto;left:-32.857143%;top:-150%}
.case-copy{display:flex;flex:1;flex-direction:column;padding:27px 19px 23px;min-width:0}
.case-category{font:400 10px/1.7 var(--mono);letter-spacing:.25px;color:#AFA38F}
.case-title{display:block;font-size:25px;line-height:1.3;font-weight:450;letter-spacing:-.7px;color:#EEECE6;margin-top:10px}
.case-description{display:block;font-size:15px;line-height:1.75;color:#A4A7A6;margin-top:10px;max-width:450px}
.case-cta{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:auto;padding-top:23px;font-size:12px;line-height:1.5;color:#D6C8B5;letter-spacing:.1px}
.case-arrow{display:grid;place-items:center;width:32px;height:32px;flex-shrink:0;border:1px solid #DAC3A426;border-radius:50%;font-size:17px;transition:background .3s,transform .3s,border-color .3s}
.case-card:hover .case-brandmark,.case-card:focus-visible .case-brandmark{transform:scale(1.035)}
.case-card:hover .case-arrow,.case-card:focus-visible .case-arrow{background:#D7BA9120;border-color:#DAC3A45C;transform:translate(2px,-2px)}
@media(min-width:1600px){.case-visual{height:255px}.case-copy{padding:30px 24px 26px}.case-title{font-size:28px}.case-description{font-size:16px}}
@media(max-width:1050px) and (min-width:761px){.case-visual{height:215px}.case-brandmark{width:76%}.case-vent .case-brandmark,.case-kesif .case-brandmark{width:69%}.case-qule .case-brandmark{width:72%}.case-copy{padding:24px 13px 20px}.case-category{font-size:9px}.case-title{font-size:23px}.case-description{font-size:14px}}
@media(max-width:760px){.projects:has(.case-card){grid-template-columns:1fr;gap:20px}.case-card{padding:10px 10px 0;border-radius:27px}.case-visual{height:215px;border-radius:18px}.case-number{top:19px;left:20px;font-size:9px}.case-brandmark{width:76%;max-width:340px}.case-vent .case-brandmark,.case-kesif .case-brandmark{width:68%;max-width:300px}.case-qule .case-brandmark{width:72%;max-width:300px}.case-copy{padding:24px 15px 21px}.case-title{font-size:25px}.case-description{font-size:15px}.case-category{font-size:9px}.case-cta{padding-top:21px}}
@media(max-width:370px){.case-visual{height:190px}.case-copy{padding:22px 11px 19px}.case-category{font-size:8px}.case-title{font-size:23px}.case-description{font-size:14px}}
@media(prefers-reduced-motion:reduce){.case-brandmark,.case-arrow{transition:none}.case-card:hover .case-brandmark,.case-card:focus-visible .case-brandmark,.case-card:hover .case-arrow,.case-card:focus-visible .case-arrow{transform:none}}