.croyds-project{background:#050505;color:#e6e6e6}
.croyds-hero,.croyds-gallery{max-width:1380px;margin:0 auto;padding-left:var(--side);padding-right:var(--side)}
.croyds-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);align-items:center;gap:clamp(40px,7vw,120px);padding-top:124px;padding-bottom:112px}
.croyds-kicker,.croyds-meta,.croyds-gallery-heading{font:500 14px/1.2 "neue-haas-grotesk-text",Arial,sans-serif;letter-spacing:.02em;text-transform:uppercase}
.croyds-kicker{margin:0 0 32px;color:#b9caec}
.croyds-title{margin:0;font:700 clamp(62px,10vw,154px)/.88 var(--font-display);letter-spacing:-.06em}
.croyds-title em{display:block;margin-top:12px;font:.54em/1 var(--font-accent);letter-spacing:-.03em}
.croyds-deck{max-width:34ch;margin:82px 0 54px;font:400 clamp(18px,2vw,26px)/1.28 var(--font-display);color:#ddd}
.croyds-meta{display:flex;justify-content:space-between;gap:18px;max-width:500px;padding:15px 0;border-top:1px solid rgba(230,230,230,.3);border-bottom:1px solid rgba(230,230,230,.3);color:#aaa}
.croyds-hero-media{margin:0;min-width:0;overflow:hidden;border-radius:4px;background:#111}
.croyds-hero-media video{display:block;width:100%;height:auto;aspect-ratio:9/16;max-height:850px;object-fit:cover}
.croyds-gallery{padding-top:22px;padding-bottom:104px}
.croyds-gallery-heading{display:flex;justify-content:space-between;gap:20px;margin:0 0 28px;padding-bottom:16px;border-bottom:1px solid rgba(230,230,230,.35)}
.croyds-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.croyds-grid figure{min-width:0;margin:0}
.croyds-grid img{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;border-radius:4px}
.croyds-grid figcaption{padding:10px 0 0;font:500 12px/1.2 "neue-haas-grotesk-text",Arial,sans-serif;letter-spacing:.02em;color:#aaa;text-transform:uppercase}
@media(max-width:767px){.croyds-hero{display:block;padding-top:116px;padding-bottom:72px}.croyds-kicker{margin-bottom:22px}.croyds-title{font-size:clamp(58px,15vw,96px)}.croyds-title em{margin-top:6px}.croyds-deck{margin:38px 0 36px}.croyds-hero-media{max-width:560px;margin:42px auto 0}.croyds-gallery{padding-bottom:76px}.croyds-grid{gap:8px}.croyds-grid figcaption{font-size:10px}}

/* Keep editorial frames still inside their rounded cards. */
.croyds-grid figure{overflow:hidden;border-radius:4px}