.case-study-card{color:#f2f0ec;isolation:isolate;background:#0a0a0a;border:1px solid #ffffff0f;border-radius:24px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .3s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 32px #0000001f}.case-study-card.featured{aspect-ratio:16/9;min-height:480px}.case-study-card.standard{aspect-ratio:4/5;min-height:420px}.case-study-card.compact{aspect-ratio:3/4;min-height:320px}.case-study-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, transparent);box-shadow:0 28px 72px #00000047, 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);transform:translateY(-4px)}.case-study-card:hover .project-media-img{transform:scale(1.04)}.case-media{z-index:0;position:absolute;inset:0}.case-media-fallback{background:radial-gradient(1200px 600px at 20% 10%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 60%), linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);width:100%;height:100%}.case-scrim{pointer-events:none;background:linear-gradient(#0a0a0a26 0%,#0a0a0a00 30%,#0a0a0a59 60%,#0a0a0ae0 100%);position:absolute;inset:0}.case-content{z-index:1;flex-direction:column;justify-content:space-between;gap:16px;height:100%;padding:clamp(18px,2.2vw,32px);display:flex;position:relative}.case-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.case-cat-pill{-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.18em;text-transform:uppercase;color:#f2f0ec;background:#0a0a0a8c;border-radius:100px;align-items:center;gap:7px;padding:6px 12px;font-size:10.5px;display:inline-flex}.case-cat-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%}.case-tag{-webkit-backdrop-filter:blur(8px);font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.14em;text-transform:uppercase;color:#f2f0ecd1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;padding:5px 11px;font-size:10px;display:inline-flex}.case-bottom{flex-direction:column;gap:12px;display:flex}.case-client{font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 80%, #f2f0ec);opacity:.9;margin:0;font-size:11px}.case-tagline{font-family:var(--font-heading,"Bueno", "Arial Black", sans-serif);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;color:#f2f0ec;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-weight:700;line-height:.95;display:-webkit-box;overflow:hidden}.case-study-card.featured .case-tagline{-webkit-line-clamp:4;font-size:clamp(28px,3.6vw,56px)}.case-study-card.standard .case-tagline{font-size:clamp(22px,2.4vw,32px)}.case-study-card.compact .case-tagline{-webkit-line-clamp:2;font-size:clamp(18px,1.8vw,22px)}.case-stats{flex-wrap:wrap;gap:18px 32px;margin:4px 0 0;padding:0;list-style:none;display:flex}.case-stat{flex-direction:column;gap:2px;display:flex}.case-stat-value{font-family:var(--font-heading,"Bueno", "Arial Black", sans-serif);letter-spacing:-.02em;background:linear-gradient(180deg, #f2f0ec 0%, color-mix(in srgb, var(--accent) 80%, #f2f0ec) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(26px,2.6vw,40px);font-weight:700;line-height:1}.case-stat-label{font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.14em;text-transform:uppercase;color:#f2f0ec9e;font-size:10.5px}.case-cta{font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;margin-top:2px;font-size:11px;transition:gap .25s;display:inline-flex}.case-study-card:hover .case-cta{gap:12px}@media (max-width:640px){.case-study-card.featured{aspect-ratio:auto;min-height:500px}.case-study-card.standard{aspect-ratio:auto;min-height:420px}.case-study-card.featured .case-tagline,.case-study-card.standard .case-tagline{font-size:clamp(22px,6.2vw,32px)}.case-study-card.featured .case-stats .case-stat:nth-child(n+3){display:none}.case-stats{gap:12px 20px}.case-stat-value{font-size:clamp(20px,5.8vw,28px)}.case-scrim{background:linear-gradient(#0a0a0a33 0%,#0a0a0a00 25%,#0a0a0a8c 55%,#0a0a0af2 100%)}}.work-card{color:#f2f0ec;isolation:isolate;background:#0a0a0a;border:1px solid #ffffff0f;border-radius:24px;min-height:360px;text-decoration:none;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s,border-color .3s;display:block;position:relative;overflow:hidden;box-shadow:0 10px 32px #0000001f}.work-card-hero{aspect-ratio:16/9;min-height:520px}.work-card-tall{aspect-ratio:3/4;min-height:520px}.work-card-standard{aspect-ratio:4/5;min-height:400px}.work-card-horizontal{aspect-ratio:16/10;min-height:380px}.work-card:hover{border-color:color-mix(in srgb, var(--accent) 40%, transparent);box-shadow:0 28px 72px #00000047, 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent);transform:translateY(-4px)}.work-card:hover .project-media-img{transform:scale(1.04)}.work-media{z-index:0;position:absolute;inset:0}.work-media-fallback{background:radial-gradient(1200px 600px at 20% 10%, color-mix(in srgb, var(--accent) 55%, transparent), transparent 60%), linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%);width:100%;height:100%}.work-scrim{pointer-events:none;background:linear-gradient(#0a0a0a26 0%,#0a0a0a00 28%,#0a0a0a61 60%,#0a0a0aeb 100%);position:absolute;inset:0}.work-content{z-index:1;flex-direction:column;justify-content:space-between;gap:16px;height:100%;padding:clamp(18px,2.2vw,32px);display:flex;position:relative}.work-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.work-cat-pill{-webkit-backdrop-filter:blur(12px);border:1px solid color-mix(in srgb, var(--accent) 55%, transparent);font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.18em;text-transform:uppercase;color:#f2f0ec;background:#0a0a0a8c;border-radius:100px;align-items:center;gap:7px;padding:6px 12px;font-size:10.5px;display:inline-flex}.work-cat-dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);border-radius:50%}.work-tag{-webkit-backdrop-filter:blur(8px);font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.14em;text-transform:uppercase;color:#f2f0ecd1;background:#ffffff14;border:1px solid #ffffff1f;border-radius:100px;padding:5px 11px;font-size:10px;display:inline-flex}.work-bottom{flex-direction:column;gap:10px;display:flex}.work-client{font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.22em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 80%, #f2f0ec);opacity:.92;margin:0;font-size:11px}.work-title{font-family:var(--font-heading,"Bueno", "Arial Black", sans-serif);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;color:#f2f0ec;margin:0;font-weight:700;line-height:.95}.work-card-hero .work-title{font-size:clamp(34px,4vw,64px)}.work-card-tall .work-title{font-size:clamp(22px,2.4vw,32px)}.work-card-standard .work-title{font-size:clamp(20px,2.1vw,28px)}.work-card-horizontal .work-title{font-size:clamp(22px,2.4vw,34px)}.work-excerpt{max-width:62ch;font-family:var(--font-body,"Instrument Sans", sans-serif);color:#f2f0ecc7;margin:2px 0 0;font-size:15px;line-height:1.45}.work-meta-row{justify-content:space-between;align-items:flex-end;gap:16px;margin-top:8px;display:flex}.work-metric{flex-direction:column;gap:2px;display:flex}.work-metric-value{font-family:var(--font-heading,"Bueno", "Arial Black", sans-serif);letter-spacing:-.02em;background:linear-gradient(180deg, #f2f0ec 0%, color-mix(in srgb, var(--accent) 75%, #f2f0ec) 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-size:clamp(22px,2.2vw,32px);font-weight:700;line-height:1}.work-metric-label{font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.14em;text-transform:uppercase;color:#f2f0ec9e;font-size:10.5px}.work-cta{font-family:var(--font-eyebrow,"Syne Mono", monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--accent);align-items:center;gap:8px;padding-bottom:2px;font-size:11px;transition:gap .25s;display:inline-flex}.work-card:hover .work-cta{gap:12px}@media (max-width:640px){.work-card-hero,.work-card-tall,.work-card-standard,.work-card-horizontal{aspect-ratio:auto;min-height:440px}.work-card-hero .work-title{font-size:clamp(28px,8vw,40px)}}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:clamp(16px,2vw,28px);display:grid}@media (max-width:900px){.work-grid-item{grid-column:span 12!important}.work-card-hero,.case-study-card.featured{min-height:0}}.csh-grid-brickwork{grid-template-columns:repeat(3,1fr)}.csh-grid-brickwork .csh-item-0{grid-area:1/1/auto/span 2}.csh-grid-brickwork .csh-item-1{grid-area:1/3}.csh-grid-brickwork .csh-item-2{grid-area:2/1}.csh-grid-brickwork .csh-item-3{grid-area:2/2/auto/span 2}@media (max-width:1000px) and (min-width:641px){.csh-grid-brickwork{grid-template-columns:repeat(2,1fr)}.csh-grid-brickwork .csh-item-0,.csh-grid-brickwork .csh-item-1,.csh-grid-brickwork .csh-item-2,.csh-grid-brickwork .csh-item-3{grid-area:auto}}@media (max-width:640px){.csh-grid-brickwork{grid-template-columns:1fr}.csh-grid-brickwork .csh-item-0,.csh-grid-brickwork .csh-item-1,.csh-grid-brickwork .csh-item-2,.csh-grid-brickwork .csh-item-3{grid-area:auto/1/auto/-1}}
