@import url('https://fonts.googleapis.com/css2?family=Chelsea+Market&family=Inter:wght@300;400;600&family=Karma:wght@400;500;600&family=Kaushan+Script&family=Nothing+You+Could+Do&family=Water+Brush&display=swap');
/* Homepage composition follows the original Black Sheep studio site. */
.ocf-hero.studio-hero { background: transparent; text-align: center; color: var(--ocf-heading); }
.studio-backdrop { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; background: var(--ocf-bg); }
.studio-backdrop img { width: 100%; height: 100%; opacity: .44; }
.studio-backdrop::after { content: ''; position: absolute; inset: 0; background: rgb(0 0 0 / .35); }
.studio-hero .ocf-hero__inner { position: relative; min-height: 0; padding-block: clamp(44px, 6vw, 100px) 48px; }
.studio-hero .ocf-hero__content { display: flex; flex-direction: column; align-items: center; width: 100%; max-width: 100%; }
.studio-hero .ocf-hero__headline { color: var(--ocf-heading-alt); font-family: 'Water Brush', cursive; font-size: var(--ocf-font-h1-size); font-weight: 400; line-height: 1.05; letter-spacing: 0; margin: 0 0 46px; }
.studio-hero__banner { width: min(100%, 1120px); margin: 0 auto 42px; }
.studio-hero__banner img { display: block; width: 100%; height: auto; }
.studio-hero__tagline { margin: 0; max-width: 100%; color: var(--ocf-secondary); font-family: 'Kaushan Script', cursive; font-size: clamp(30px, 4.2vw, 60px); font-weight: 400; line-height: 1.35; letter-spacing: -.025em; }
.studio-hero .ocf-hero__intro { max-width: 1000px; margin: 34px auto 0; color: var(--ocf-heading); font-family: 'Nothing You Could Do', cursive; font-size: clamp(18px, 1.8vw, 27px); font-weight: 400; line-height: 2; }
.studio-hero .ocf-hero__actions { justify-content: center; gap: 18px; margin-top: 42px; }
.studio-hero .ocf-hero__actions .btn-primary { min-height: 74px; padding-inline: 38px; gap: 24px; }
.studio-hero .ocf-hero__trust { position: static; display: flex; flex-wrap: wrap; justify-content: center; gap: 12px 28px; margin: 34px 0 0; padding: 0; border: 0; list-style: none; }
.studio-hero .ocf-hero__trust li { min-height: 0; padding: 0; border: 0; color: var(--ocf-body); font-family: Inter, sans-serif; font-size: 13px; font-weight: 400; letter-spacing: .04em; }
@media (max-width: 639px) { .studio-hero .ocf-hero__inner { padding-block: 38px 32px; } .studio-hero .ocf-hero__headline { margin-bottom: 28px; } .studio-hero__banner { margin-bottom: 28px; } .studio-hero .ocf-hero__intro { margin-top: 24px; line-height: 1.8; } .studio-hero .ocf-hero__actions { flex-direction: column; margin-top: 28px; } .studio-hero .ocf-hero__actions .btn-primary { min-height: 62px; padding-inline: 26px; } .studio-hero .ocf-hero__trust { gap: 10px 16px; margin-top: 28px; } }