body.nf {
  --nf-cream: #F3EFEA;
  --nf-ink: #111012;
  --nf-mute: #4A4643;
  --nf-red: #C8302B;
  --nf-red-hot: #DE3A33;
  --nf-dark: #0B0B0C;
  --nf-cond: 'Archivo', 'Archivo Fallback', 'Arial Narrow', Arial, sans-serif;
  --nf-text: 'Host Grotesk', 'Helvetica Neue', Arial, sans-serif;
}
.nf-wrap { max-width: 1240px; margin: 0 auto; padding-inline: 1.25rem; }
@media (min-width: 768px) { .nf-wrap { padding-inline: 2.5rem; } }

.nf-display { font-family: var(--nf-text); font-weight: 800; letter-spacing: -.025em; line-height: 1.02; margin: 0; text-wrap: balance; }
.nf-h2 { font-size: clamp(2.3rem, 4.2vw, 3.7rem); }
.nf-h3 { font-size: clamp(1.9rem, 3vw, 2.7rem); }
.nf-text { font-family: var(--nf-text); font-size: 17px; line-height: 1.65; margin: 0; }

.nf-pill { display: inline-flex; align-items: center; gap: .6rem; padding: .85rem 1.4rem; border-radius: 999px; background: var(--nf-red); color: #fff; font-family: var(--nf-text); font-size: 15px; font-weight: 700; letter-spacing: .03em; text-transform: uppercase; transition: background-color .2s, transform .2s; }
.nf-pill:hover { background: var(--nf-red-hot); transform: translateY(-1px); }
.nf-pill svg { width: 18px; height: 18px; flex: none; }
.nf-pill--glass { background: rgba(17,16,18,.08); color: var(--nf-ink); }
.nf-pill--glass:hover { background: rgba(17,16,18,.14); }
.nf-status { display: inline-flex; align-items: center; gap: .5rem; padding: .45rem .85rem; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--nf-ink); font-family: var(--nf-text); font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.nf-status::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--nf-red); }

.nf-light { background: var(--nf-cream); color: var(--nf-ink); }
.nf-intro { display: grid; gap: 3rem; align-items: center; padding-block: clamp(4.5rem, 9vw, 7.5rem); }
@media (min-width: 1024px) { .nf-intro { grid-template-columns: 5fr 7fr; gap: 4rem; } }
.nf-intro .nf-text { color: var(--nf-mute); margin-top: 1.5rem; max-width: 30rem; }
.nf-actions { display: flex; flex-wrap: wrap; gap: .8rem; margin-top: 2rem; }
.nf-stack { display: grid; grid-template-columns: 1.15fr .8fr .95fr; align-items: center; }
.nf-stack figure { margin: 0; border-radius: 22px; overflow: hidden; box-shadow: 0 18px 40px rgba(17,16,18,.18); border: 4px solid var(--nf-cream); }
.nf-stack figure img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nf-stack figure:nth-child(1) { aspect-ratio: 4 / 5; z-index: 1; }
.nf-stack figure:nth-child(2) { aspect-ratio: 3 / 4; margin-left: -1.6rem; z-index: 2; transform: translateY(1.8rem); }
.nf-stack figure:nth-child(3) { aspect-ratio: 4 / 5; margin-left: -1.6rem; z-index: 3; }

.nf-slate { padding-bottom: clamp(4.5rem, 9vw, 7.5rem); }
.nf-slate-head { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 1.5rem; margin-bottom: 2rem; }
.nf-cards { display: grid; gap: 1.25rem; }
@media (min-width: 900px) { .nf-cards { grid-template-columns: 1fr 1fr; } }
.nf-card { position: relative; display: block; aspect-ratio: 16 / 11; border-radius: 26px; overflow: hidden; color: #fff; background: #000; }
.nf-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(.2,.6,.2,1); }
.nf-card:hover img { transform: scale(1.04); }
.nf-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0,0,0,.82), rgba(0,0,0,.1) 55%, rgba(0,0,0,0)); }
.nf-card-body { position: absolute; left: 1.6rem; right: 1.6rem; bottom: 1.5rem; z-index: 1; display: flex; justify-content: space-between; align-items: end; gap: 1rem; }
.nf-card .nf-display { font-size: clamp(1.9rem, 3vw, 2.8rem); margin-top: .8rem; }
.nf-arrow { width: 52px; height: 52px; flex: none; border-radius: 50%; background: var(--nf-red); display: grid; place-items: center; transition: transform .2s; }
.nf-card:hover .nf-arrow { transform: translateX(3px); }
.nf-arrow svg { width: 20px; height: 20px; }

.nf-darksec { background: var(--nf-dark); color: #fff; overflow: hidden; }
.nf-zeeno { display: grid; gap: 2rem; align-items: center; padding-block: clamp(4rem, 8vw, 6.5rem); }
@media (min-width: 1024px) { .nf-zeeno { grid-template-columns: 6fr 6fr; gap: 3rem; } }
.nf-zeeno-fig { position: relative; margin: 0; }
.nf-zeeno-fig img { width: 100%; max-width: 34rem; display: block; margin-inline: auto; -webkit-mask-image: radial-gradient(ellipse 78% 74% at 50% 45%, #000 70%, transparent 100%); mask-image: radial-gradient(ellipse 78% 74% at 50% 45%, #000 70%, transparent 100%); }
.nf-zeeno .nf-text { color: rgba(255,255,255,.72); margin-top: 1.4rem; max-width: 30rem; }
.nf-onscreen { display: flex; align-items: center; gap: 1rem; margin-top: 2rem; }
.nf-onscreen img { width: 112px; height: 140px; object-fit: cover; border-radius: 16px; border: 3px solid rgba(255,255,255,.14); }
.nf-onscreen p { font-family: var(--nf-text); font-size: 14px; line-height: 1.5; color: rgba(255,255,255,.72); margin: 0; }
.nf-onscreen b { display: block; color: #fff; font-size: 16px; }
.nf-darksec .nf-actions .nf-pill--glass { background: rgba(255,255,255,.1); color: #fff; }
.nf-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: .75rem; padding-bottom: clamp(4rem, 8vw, 6.5rem); }
@media (min-width: 768px) { .nf-strip { grid-template-columns: repeat(8, 1fr); } }
.nf-strip figure { margin: 0; aspect-ratio: 4 / 5; border-radius: 16px; overflow: hidden; background: #000; }
.nf-strip img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.06); transition: transform .5s; }
.nf-strip figure:hover img { transform: scale(1.12); }

body.nf .cta-red .nf-display { color: #fff; }
body.nf .cta-red .nf-pill { background: #fff; color: var(--nf-red); }
body.nf .cta-red .nf-pill:hover { background: var(--nf-cream); }

.nf-story { display: grid; gap: 2rem; padding-top: clamp(1rem, 3vw, 2rem); padding-bottom: clamp(2.5rem, 5vw, 3.5rem); border-top: 1px solid rgba(17,16,18,.12); }
@media (min-width: 1024px) { .nf-story { grid-template-columns: 5fr 7fr; gap: 4rem; padding-top: clamp(3.5rem, 6vw, 5rem); } }
.nf-red { color: var(--nf-red); }
.nf-story .nf-text { color: var(--nf-mute); }
.nf-story .nf-text + .nf-text { margin-top: 1.1rem; }
.nf-story .nf-text b { color: var(--nf-ink); font-weight: 600; }
.nf-trio { display: grid; gap: 1.25rem; padding-bottom: clamp(4rem, 8vw, 6.5rem); }
@media (min-width: 768px) { .nf-trio { grid-template-columns: repeat(3, 1fr); } }
.nf-trio figure { margin: 0; }
.nf-trio .nf-img { aspect-ratio: 16 / 11; border-radius: 22px; overflow: hidden; box-shadow: 0 16px 34px rgba(17,16,18,.14); }
.nf-trio .nf-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform 1s cubic-bezier(.2,.6,.2,1); }
.nf-trio figure:hover .nf-img img { transform: scale(1.04); }
.nf-trio figcaption { margin-top: 1rem; font-family: var(--nf-text); }
.nf-trio figcaption b { display: block; font-size: 20px; font-weight: 800; letter-spacing: -.01em; color: var(--nf-ink); }
.nf-trio figcaption span { display: block; margin-top: .25rem; font-size: 15px; line-height: 1.5; color: var(--nf-mute); }
@media (min-width: 900px) { .nf-cards--3 .nf-card--wide { grid-column: 1 / -1; aspect-ratio: 21 / 8; } }
.nf-card .nf-desc { font-family: var(--nf-text); font-size: 15px; line-height: 1.45; color: rgba(255,255,255,.82); margin: .5rem 0 0; max-width: 24rem; }
.nf-lib { display: grid; gap: 2.5rem; align-items: center; padding-block: clamp(4rem, 8vw, 6.5rem); }
@media (min-width: 1024px) { .nf-lib { grid-template-columns: 6fr 6fr; gap: 3.5rem; } }
.nf-lib .nf-text { color: rgba(255,255,255,.74); margin-top: 1.3rem; max-width: 34rem; }
.nf-ticks { list-style: none; padding: 0; margin: 1.4rem 0 0; display: grid; gap: .6rem; font-family: var(--nf-text); font-size: 16px; color: rgba(255,255,255,.88); }
.nf-ticks li { display: flex; gap: .7rem; align-items: center; }
.nf-ticks li::before { content: ""; width: 18px; height: 18px; flex: none; border-radius: 50%; background: var(--nf-red) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3'%3E%3Cpath d='M6 12l4 4 8-8'/%3E%3C/svg%3E") center / 11px no-repeat; }
.nf-stat { display: flex; align-items: baseline; gap: 1rem; margin-top: 1.8rem; font-family: var(--nf-text); }
.nf-stat b { font-size: clamp(3rem, 5vw, 4.4rem); font-weight: 800; letter-spacing: -.03em; line-height: 1; color: #fff; }
.nf-stat span { font-size: 15px; line-height: 1.4; color: rgba(255,255,255,.7); max-width: 12rem; }
.nf-darksec .hy-lineup { margin-top: 2.5rem; }
.nf-darksec .hy-lineup-cap { color: rgba(255,255,255,.6); }

body.nf .nf-light { position: relative; background: #151118; color: #F2F3F5; isolation: isolate; }
body.nf .nf-light::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(900px 520px at 88% 0%, rgba(196,43,34,.16), transparent 62%), radial-gradient(700px 460px at 0% 58%, rgba(196,43,34,.08), transparent 60%); }
body.nf .nf-light .nf-display { color: #F2F3F5; }
body.nf .nf-light .nf-red, body.nf .nf-darksec .nf-red { color: #E2453A; }
body.nf .nf-intro .nf-text, body.nf .nf-story .nf-text { color: #C9CCD1; }
body.nf .nf-story .nf-text b { color: #fff; }
body.nf .nf-story { border-top-color: rgba(255,255,255,.1); }
body.nf .nf-stack figure { border-color: #151118; box-shadow: 0 20px 44px rgba(0,0,0,.5); }
body.nf .nf-trio .nf-img { box-shadow: 0 18px 40px rgba(0,0,0,.45); }
body.nf .nf-trio figcaption b { color: #F2F3F5; }
body.nf .nf-trio figcaption span { color: #A9AEB6; }
body.nf .nf-light .nf-pill--glass { background: rgba(255,255,255,.08); color: #F2F3F5; border: 1px solid rgba(255,255,255,.14); }
body.nf .nf-light .nf-pill--glass:hover { background: rgba(255,255,255,.14); }
body.nf .nf-card { box-shadow: 0 22px 50px rgba(0,0,0,.45); border: 1px solid rgba(255,255,255,.06); }
body.nf .nf-darksec { background: #0E0B10; }

.nf-lead { font-family: var(--nf-text); font-size: 20px; line-height: 1.5; margin: 1.5rem 0 0; color: #F2F3F5; max-width: 34rem; }
body.nf .nf-intro .nf-text { margin-top: 1rem; max-width: 34rem; }
body.nf .nf-intro .nf-text b { color: #fff; font-weight: 600; }
body.nf .nf-light .nf-trio { padding-top: clamp(1rem, 3vw, 2rem); }

body.nf .nf-intro--v3 { padding-block: clamp(5rem, 9vw, 8rem) clamp(4rem, 8vw, 7rem); align-items: center; }
@media (min-width: 1024px) { body.nf .nf-intro--v3 { grid-template-columns: 5fr 7fr; gap: 4.5rem; } }
body.nf .nf-intro--v3 .nf-lead { margin-top: 1.4rem; }
.nf-credits { margin-top: 1.6rem; padding: 1.1rem 1.25rem 1.2rem; border-radius: 14px; background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.08); max-width: 34rem; }
.nf-credits-head { margin: 0 0 .6rem; font-family: var(--nf-text); font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #E2453A; }
.nf-credits ul { list-style: none; margin: 0; padding: 0; display: grid; gap: .45rem; }
.nf-credits li { font-family: var(--nf-text); font-size: 15.5px; line-height: 1.45; color: #C9CCD1; padding-left: 1rem; position: relative; }
.nf-credits li::before { content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: #C42B22; }
.nf-credits b { color: #fff; font-weight: 600; }
body.nf .nf-intro--v3 .nf-support { margin-top: 1.1rem; font-size: 15.5px; color: #A9AEB6; }
.nf-fan { position: relative; height: 470px; }
.nf-fan figure { position: absolute; margin: 0; overflow: hidden; border-radius: 14px; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 32px 64px rgba(0,0,0,.55); background: #000; }
.nf-fan figure img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
.nf-fan-c { width: 300px; height: 400px; left: 50%; top: 24px; transform: translateX(-50%); z-index: 3; }
.nf-fan-l { width: 240px; height: 320px; left: calc(50% - 150px - 240px + 56px); top: 72px; z-index: 1; }
.nf-fan-r { width: 240px; height: 320px; left: calc(50% + 150px - 56px); top: 48px; z-index: 2; }
@media (max-width: 767px) {
  body.nf .nf-intro--v3 { padding-top: 4.5rem; }
  .nf-fan { height: 0; padding-bottom: 63%; margin-top: 0; }
  .nf-fan-c { width: 46%; height: auto; aspect-ratio: 3 / 4; left: 50%; top: 0; border-radius: 12px; }
  .nf-fan-l { width: 34%; height: auto; aspect-ratio: 3 / 4; left: 2%; top: 14%; border-radius: 12px; }
  .nf-fan-r { width: 34%; height: auto; aspect-ratio: 3 / 4; left: 64%; top: 7%; border-radius: 12px; }
  body.nf .nf-intro--v3 .nf-actions { display: grid; grid-template-columns: 1fr 1fr; }
  body.nf .nf-intro--v3 .nf-pill { justify-content: center; padding: .8rem .6rem; font-size: 13px; }
  .nf-credits li { font-size: 14.5px; }
}

body.nf .nf-stack .nf-crop-low img { height: 140%; transform: translateY(-28.6%); }

body.nf .nf-stack { grid-template-columns: 1.15fr .8fr .95fr; align-items: center; }
body.nf .nf-stack figure { border: 5px solid #151118; border-radius: 22px; }
body.nf .nf-stack figure:nth-child(1) { aspect-ratio: 4 / 5; z-index: 1; }
body.nf .nf-stack figure:nth-child(2) { aspect-ratio: 3 / 4; margin-left: -1.6rem; z-index: 2; transform: translateY(1.8rem); }
body.nf .nf-stack figure:nth-child(3) { aspect-ratio: 4 / 5; margin-left: -1.6rem; z-index: 3; }

body.nf .nf-intro .nf-stack { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; align-items: start; transform: none; }
body.nf .nf-intro .nf-stack figure:nth-child(n) { margin: 0 !important; transform: none !important; border: 0 !important; border-radius: 18px; aspect-ratio: 3 / 4 !important; width: 100%; height: auto; z-index: auto; }
body.nf .nf-intro .nf-stack figure:nth-child(2) { margin-top: 44px !important; }
body.nf .nf-intro .nf-stack figure:nth-child(3) { margin-top: 16px !important; }
@media (max-width: 767px) { body.nf .nf-intro .nf-stack { gap: 8px; } body.nf .nf-intro .nf-stack figure:nth-child(n) { border-radius: 12px; } body.nf .nf-intro .nf-stack figure:nth-child(2) { margin-top: 24px !important; } body.nf .nf-intro .nf-stack figure:nth-child(3) { margin-top: 9px !important; } }

body.nf .nf-pop { position: relative; min-height: 0; aspect-ratio: 10 / 9; }
.nf-pop-card { position: absolute; left: 0; bottom: 0; width: 60%; height: 56%; border-radius: 24px; background: radial-gradient(120% 90% at 50% 15%, #E2453A 0%, #C42B22 48%, #8E1C15 100%); box-shadow: 0 30px 60px rgba(0,0,0,.5); }
.nf-pop-sculpt { position: absolute; left: -1%; bottom: 0; width: 62%; margin: 0; z-index: 2; filter: drop-shadow(0 18px 24px rgba(0,0,0,.45)); }
.nf-pop-sculpt img { width: 100%; height: auto; display: block; -webkit-mask-image: linear-gradient(to bottom, #000 86%, transparent 100%); mask-image: linear-gradient(to bottom, #000 86%, transparent 100%); }
.nf-pop-screen { position: absolute; right: 0; bottom: 0; width: 36%; aspect-ratio: 4 / 5; margin: 0; border-radius: 18px; overflow: hidden; border: 1px solid rgba(255,255,255,.1); box-shadow: 0 24px 48px rgba(0,0,0,.5); }
.nf-pop-screen img { width: 100%; height: 100%; object-fit: cover; display: block; }
@media (max-width: 1023px) { body.nf .nf-pop { margin-top: 1rem; } }

body.nf .nf-pair2 { min-height: 36rem; }
body.nf .nf-pair2 .hy-sculpt { left: 0; bottom: 0; width: 47%; z-index: 2; }
body.nf .nf-pair2 .hy-screen { right: 0; top: -10%; width: 50%; z-index: 1; }
@media (max-width: 1023px) { body.nf .nf-pair2 { min-height: 0; aspect-ratio: 1 / 1.02; } }
@media (max-width: 1023px) { body.nf .nf-pair2 .hy-screen { top: 0; } }

body.nf .nf-pair2 .hy-sculpt img { -webkit-mask-image: linear-gradient(to bottom, #000 82%, transparent 100%), linear-gradient(to left, transparent 0, #000 9%); -webkit-mask-composite: source-in; mask-image: linear-gradient(to bottom, #000 82%, transparent 100%), linear-gradient(to left, transparent 0, #000 9%); mask-composite: intersect; }
body.nf .nf-intro .nf-stack picture { display: block; width: 100%; height: 100%; }

body.nf .nf-intro .nf-stack.nf-stack--wide { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }
body.nf .nf-intro .nf-stack.nf-stack--wide figure:nth-child(n) { aspect-ratio: 16 / 9 !important; margin: 0 !important; border-radius: 18px; }
body.nf .nf-intro .nf-stack.nf-stack--wide figure:nth-child(1) { grid-column: 1 / -1; }
@media (max-width: 767px) { body.nf .nf-intro .nf-stack.nf-stack--wide { gap: 8px; } body.nf .nf-intro .nf-stack.nf-stack--wide figure:nth-child(n) { border-radius: 12px; } }

body.nf .nf-intro .nf-stack.nf-stack--zig { display: grid; grid-template-columns: 44fr 56fr; gap: 14px; align-items: center; }
body.nf .nf-intro .nf-stack.nf-stack--zig figure:nth-child(n) { aspect-ratio: 16 / 9 !important; margin: 0 !important; border-radius: 16px; }
body.nf .nf-intro .nf-stack.nf-stack--zig figure:nth-child(1) { grid-column: 1; grid-row: 1; }
body.nf .nf-intro .nf-stack.nf-stack--zig figure:nth-child(2) { grid-column: 2; grid-row: 1 / 3; }
body.nf .nf-intro .nf-stack.nf-stack--zig figure:nth-child(3) { grid-column: 1; grid-row: 2; }

body.nf .nf-intro .nf-stack.nf-stack--step { display: flex; flex-direction: column; gap: 14px; }
body.nf .nf-intro .nf-stack.nf-stack--step figure:nth-child(n) { aspect-ratio: 16 / 9 !important; margin: 0 !important; width: 62%; border-radius: 16px; }
body.nf .nf-intro .nf-stack.nf-stack--step figure:nth-child(2) { margin-left: 19% !important; }
body.nf .nf-intro .nf-stack.nf-stack--step figure:nth-child(3) { margin-left: 38% !important; }
@media (max-width: 767px) { body.nf .nf-intro .nf-stack.nf-stack--zig, body.nf .nf-intro .nf-stack.nf-stack--step { gap: 8px; } body.nf .nf-intro .nf-stack.nf-stack--zig figure:nth-child(n), body.nf .nf-intro .nf-stack.nf-stack--step figure:nth-child(n) { border-radius: 10px; } body.nf .nf-intro .nf-stack.nf-stack--step figure:nth-child(n) { width: 70%; } body.nf .nf-intro .nf-stack.nf-stack--step figure:nth-child(2) { margin-left: 15% !important; } body.nf .nf-intro .nf-stack.nf-stack--step figure:nth-child(3) { margin-left: 30% !important; } }

@media (max-width: 767px) { body.nf .nf-intro .nf-stack.nf-stack--zig { display: flex; flex-direction: column; } body.nf .nf-intro .nf-stack.nf-stack--zig figure:nth-child(n) { width: 70%; } body.nf .nf-intro .nf-stack.nf-stack--zig figure:nth-child(2) { margin-left: 15% !important; } body.nf .nf-intro .nf-stack.nf-stack--zig figure:nth-child(3) { margin-left: 30% !important; } }

body.nf .nf-intro .nf-stack.nf-stack--trip { display: grid; grid-template-columns: 1fr 1.71fr 1fr; gap: 14px; align-items: start; }
body.nf .nf-intro .nf-stack.nf-stack--trip figure:nth-child(n) { margin: 0 !important; border-radius: 18px; aspect-ratio: 17 / 25 !important; }
body.nf .nf-intro .nf-stack.nf-stack--trip figure:nth-child(2) { aspect-ratio: 29 / 20 !important; margin-top: 44px !important; }
body.nf .nf-intro .nf-stack.nf-stack--trip figure:nth-child(3) { margin-top: 16px !important; }
@media (max-width: 767px) { body.nf .nf-intro .nf-stack.nf-stack--trip { gap: 8px; } body.nf .nf-intro .nf-stack.nf-stack--trip figure:nth-child(n) { border-radius: 12px; } body.nf .nf-intro .nf-stack.nf-stack--trip figure:nth-child(2) { margin-top: 24px !important; } body.nf .nf-intro .nf-stack.nf-stack--trip figure:nth-child(3) { margin-top: 10px !important; } }

body.nf .nf-intro .nf-stack.nf-stack--trip { align-items: center; }
body.nf .nf-intro .nf-stack.nf-stack--trip figure:nth-child(n) { margin-top: 0 !important; }
@media (max-width: 767px) { body.nf .nf-intro .nf-stack.nf-stack--trip figure:nth-child(n) { margin-top: 0 !important; } }

.hy-stage { position: relative; min-height: 34rem; margin-right: 0; }
.hy-screen { position: absolute; right: 0; top: 4%; width: 58%; aspect-ratio: 4 / 5; overflow: hidden; border-radius: 4px; border: 1px solid rgba(255,255,255,.14); box-shadow: 0 30px 60px rgba(0,0,0,.45); }
.hy-screen img { width: 100%; height: 100%; object-fit: cover; display: block; }
.hy-sculpt { position: absolute; left: 0; bottom: 0; width: 66%; z-index: 2; filter: drop-shadow(0 28px 36px rgba(0,0,0,.65)); }
.hy-sculpt img { width: 100%; height: auto; display: block; -webkit-mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); mask-image: linear-gradient(to bottom, #000 78%, transparent 100%); }
.hy-tag { position: absolute; z-index: 3; font-family: 'Host Grotesk', 'Helvetica Neue', Arial, sans-serif; font-size: 12px; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: #fff; display: inline-flex; align-items: center; gap: .55rem; }
.hy-tag::before { content: ""; width: 22px; height: 2px; background: #C8302B; }
.hy-tag--sculpt { left: 2%; top: 6%; }
.hy-tag--screen { right: 0; bottom: -2.2rem; color: rgba(255,255,255,.8); }
@media (max-width: 1023px) { .hy-stage { min-height: 0; aspect-ratio: 1 / 1.05; margin-top: 1rem; } }

.hy-lineup { display: flex; align-items: flex-end; justify-content: space-between; gap: .5rem; margin-top: 3.5rem; padding-bottom: .9rem; border-bottom: 1px solid rgba(255,255,255,.16); }
.hy-lineup img { height: clamp(60px, 8vw, 132px); max-width: 15%; object-fit: contain; width: auto; display: block; filter: drop-shadow(0 10px 14px rgba(0,0,0,.5)); transition: transform .3s ease; }
.hy-lineup img:hover { transform: translateY(-6px); }
.hy-lineup-cap { margin-top: .8rem; font-family: 'Host Grotesk', 'Helvetica Neue', Arial, sans-serif; font-size: 13px; color: rgba(255,255,255,.6); }

@media (max-width: 767px) {
  .display.section-title, .display.studio-title { font-size: clamp(30px, 8.5vw, 44px); line-height: .98; text-wrap: balance; }
}