.home-shell { width: min(calc(100% - 128px), 1440px); margin-inline: auto; }

.master-hero { position: relative; min-height: 100svh; display: flex; align-items: center; overflow: hidden; padding: 140px 0 110px; }
.master-hero-media, .master-hero-overlay { position: absolute; inset: 0; }
.master-hero-media img { position: absolute; inset: 0; width: 100%; height: 100%; display: block; object-fit: cover; object-position: center top; opacity: 0; scale: 1.035; transition: opacity 1.35s ease, scale 8s ease; }
.master-hero-media img.is-active { z-index: 1; opacity: 1; scale: 1.01; }
.master-hero-media img:first-child { object-position: center top; transform: translate(9%, 7%); scale: 1.16; }
.master-hero-overlay { z-index: 1; background: linear-gradient(90deg, rgba(5,5,5,.91) 0%, rgba(5,5,5,.63) 48%, rgba(5,5,5,.25) 100%), linear-gradient(180deg, rgba(5,5,5,.14) 40%, #101010 100%); }
.master-hero-content { position: relative; z-index: 2; margin-inline: auto; }
.hero-kicker { display: flex; align-items: center; gap: 12px; margin: 0 0 30px; color: #d0ceca; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .55rem; font-weight: 700; letter-spacing: .15em; }
.hero-kicker span { width: 35px; height: 2px; background: var(--site-accent); }
.master-hero-content h1 { max-width: 1050px; margin: 0; font-size: clamp(4.1rem, 7.3vw, 8.2rem); font-weight: 790; letter-spacing: -.075em; line-height: .84; text-wrap: balance; }
.master-hero-content h1 span { color: var(--site-accent); }
.hero-intro { width: min(100%, 610px); margin: 34px 0 0; color: #f0efeb; font-size: clamp(.82rem, 1.1vw, 1rem); line-height: 1.75; text-shadow: 0 2px 18px rgba(0,0,0,.85); }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 38px; }
.cinematic-button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 27px; padding: 0 27px; border: 1px solid var(--site-accent); background: var(--site-accent); color: #090909; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .58rem; font-weight: 800; letter-spacing: .08em; transition: background .25s, color .25s, transform .25s; }
.cinematic-button:hover { background: transparent; color: var(--site-accent); transform: translateY(-2px); }
.hero-secondary { min-height: 44px; display: inline-flex; align-items: center; border-bottom: 1px solid rgba(255,255,255,.45); color: #e3e1dd; font-size: .67rem; font-weight: 700; }
.hero-index { position: absolute; z-index: 2; right: 38px; bottom: 30px; display: flex; align-items: flex-end; flex-direction: column; gap: 5px; color: rgba(255,255,255,.6); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .45rem; letter-spacing: .1em; }
.hero-scroll { position: absolute; z-index: 2; bottom: 28px; left: 50%; display: flex; align-items: center; flex-direction: column; gap: 8px; color: #a4a4a1; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .42rem; letter-spacing: .12em; transform: translateX(-50%); }
.hero-scroll b { width: 1px; height: 27px; display: block; background: #aaa; }

.home-proof { border-block: 1px solid var(--site-border); background: #0d0d0d; }
.home-proof > div { min-height: 84px; display: flex; align-items: center; justify-content: space-between; gap: 20px; color: #777; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .51rem; font-weight: 700; letter-spacing: .14em; }
.home-proof i { width: 4px; height: 4px; border-radius: 50%; background: var(--site-accent); }

.home-capabilities { padding: clamp(110px, 11vw, 180px) 0; }
.home-editorial-heading { display: grid; grid-template-columns: 3fr 6fr 3fr; gap: 35px; align-items: end; margin-bottom: 90px; }
.home-editorial-heading h2 { margin: 0; font-size: clamp(4rem, 6.6vw, 7rem); font-weight: 760; letter-spacing: -.07em; line-height: .88; }
.home-editorial-heading h2 span, .deliveries-heading h2 span, .experience-system h2 span, .home-final-cta h2 span { color: var(--site-accent); }
.home-editorial-heading > p:last-child { margin: 0 0 6px; color: var(--site-muted); font-size: .72rem; line-height: 1.75; }
.capability-list { border-top: 1px solid #353533; }
.capability-list > a { min-height: 126px; display: grid; grid-template-columns: 75px minmax(260px, 1.3fr) 1fr 35px; gap: 25px; align-items: center; border-bottom: 1px solid #353533; transition: background .25s, padding .25s; }
.capability-list > a:hover { padding-inline: 18px; background: #151515; }
.capability-list span { color: var(--site-accent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .52rem; }
.capability-list h3 { margin: 0; font-size: clamp(1.65rem, 2.7vw, 2.75rem); font-weight: 680; letter-spacing: -.045em; }
.capability-list p { margin: 0; color: var(--site-muted); font-size: .69rem; }
.capability-list b { font-size: 1.15rem; font-weight: 400; transition: color .2s, transform .2s; }
.capability-list > a:hover b { color: var(--site-accent); transform: translate(3px,-3px); }

.production-story { width: min(calc(100% - 64px), 1680px); display: grid; grid-template-columns: minmax(0, 7fr) minmax(370px, 5fr); margin: 0 auto clamp(110px, 12vw, 190px); background: #171717; }
.production-image { min-height: 720px; overflow: hidden; }
.production-image img { width: 100%; height: 100%; display: block; object-fit: cover; }
.production-copy { display: flex; align-items: flex-start; flex-direction: column; justify-content: center; padding: clamp(55px, 7vw, 110px); }
.production-copy h2 { margin: 0 0 30px; font-size: clamp(3.7rem, 5.4vw, 6.1rem); font-weight: 750; letter-spacing: -.07em; line-height: .87; }
.production-copy > p:not(.site-eyebrow) { margin: 0; color: #aaa8a5; font-size: .74rem; line-height: 1.78; }
.production-copy dl { width: 100%; margin: 48px 0; border-top: 1px solid #3a3a38; }
.production-copy dl > div { min-height: 55px; display: grid; grid-template-columns: 42px 1fr; align-items: center; border-bottom: 1px solid #3a3a38; }
.production-copy dt { color: var(--site-accent); font-size: .5rem; }
.production-copy dd { margin: 0; font-size: .66rem; }

.ai-showcase { position: relative; min-height: 900px; display: flex; align-items: center; overflow: hidden; }
.ai-showcase-media { position: absolute; inset: 0; }
.ai-showcase-media img { width: 100%; height: 100%; display: block; object-fit: cover; }
.ai-showcase-media > span { position: absolute; inset: 0; background: linear-gradient(90deg, #070707 0%, rgba(7,7,7,.9) 36%, rgba(7,7,7,.32) 74%, rgba(7,7,7,.5)), linear-gradient(180deg, transparent 55%, #0d0d0d 100%); }
.ai-showcase-content { position: relative; z-index: 2; }
.ai-showcase-content h2 { max-width: 850px; margin: 0; font-size: clamp(4.5rem, 7.4vw, 8rem); font-weight: 770; letter-spacing: -.075em; line-height: .84; }
.ai-showcase-content h2 span { color: var(--site-accent); }
.ai-showcase-content > p:not(.site-eyebrow) { width: min(100%, 580px); margin: 35px 0; color: #d0ceca; font-size: .78rem; line-height: 1.75; }
.ai-features { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 34px; }
.ai-features span { padding: 9px 12px; border: 1px solid rgba(255,255,255,.22); color: #d2d0cc; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .46rem; letter-spacing: .1em; }

.home-deliveries { padding: clamp(110px, 11vw, 180px) 0; }
.deliveries-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 28px; margin-bottom: 65px; }
.deliveries-heading h2 { margin: 0; font-size: clamp(3.4rem, 5.7vw, 6rem); font-weight: 750; letter-spacing: -.065em; line-height: .9; }
.deliveries-heading > a { min-height: 44px; display: inline-flex; align-items: center; gap: 12px; border-bottom: 1px solid #5b5b58; color: var(--site-accent); font-size: .56rem; font-weight: 700; }
.deliveries-grid { min-height: 680px; display: grid; grid-template-columns: minmax(0, 2fr) minmax(310px, 1fr); grid-template-rows: repeat(2, minmax(0, 1fr)); gap: 18px; }
.delivery-card { position: relative; min-width: 0; overflow: hidden; background: #1c1b1b; }
.delivery-card-1 { grid-row: 1 / 3; }
.delivery-card > a, .delivery-placeholder { position: absolute; inset: 0; display: block; }
.delivery-card img { width: 100%; height: 100%; display: block; object-fit: cover; transition: filter .55s, transform .7s cubic-bezier(.22,1,.36,1); }
.delivery-card:hover img { filter: saturate(1.08); transform: scale(1.035); }
.delivery-shade { position: absolute; inset: 0; background: linear-gradient(180deg, transparent 38%, rgba(0,0,0,.9)); }
.delivery-copy { position: absolute; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-start; flex-direction: column; padding: 28px; }
.delivery-copy small { margin-bottom: 8px; color: var(--site-accent); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .5rem; font-weight: 700; letter-spacing: .08em; }
.delivery-copy strong { font-size: clamp(1.25rem, 2.2vw, 2.2rem); font-weight: 720; letter-spacing: -.035em; }
.delivery-copy em { margin-top: 15px; color: #c9c7c3; font-size: .56rem; font-style: normal; opacity: 0; transform: translateY(5px); transition: opacity .25s, transform .25s; }
.delivery-card:hover .delivery-copy em { opacity: 1; transform: none; }

.experience-system { padding: clamp(110px, 11vw, 180px) 0; border-block: 1px solid var(--site-border); background: #151515; }
.experience-system > div { display: grid; grid-template-columns: 5fr 7fr; gap: clamp(60px, 8vw, 140px); }
.experience-system h2 { margin: 0; font-size: clamp(3.8rem, 5.8vw, 6rem); font-weight: 750; letter-spacing: -.07em; line-height: .88; }
.experience-system ol { margin: 0; padding: 0; border-top: 1px solid #3a3a38; list-style: none; }
.experience-system li { display: grid; grid-template-columns: 50px minmax(150px, .8fr) 1.2fr; gap: 18px; align-items: center; min-height: 105px; border-bottom: 1px solid #3a3a38; }
.experience-system li span { color: var(--site-accent); font-size: .5rem; }
.experience-system li strong { font-size: .95rem; }
.experience-system li p { margin: 0; color: var(--site-muted); font-size: .63rem; line-height: 1.6; }

.home-final-cta { padding: clamp(115px, 12vw, 200px) 0; overflow: hidden; background: radial-gradient(circle at 86% 40%, rgba(245,217,10,.11), transparent 25%), #0d0d0d; }
.home-final-cta h2 { margin: 0; font-size: clamp(5rem, 9vw, 10rem); font-weight: 780; letter-spacing: -.08em; line-height: .79; }
.home-final-cta > div > div { display: flex; align-items: center; justify-content: space-between; gap: 40px; margin-top: 60px; padding-top: 28px; border-top: 1px solid #383836; }
.home-final-cta > div > div p { width: min(100%, 520px); margin: 0; color: var(--site-muted); font-size: .72rem; line-height: 1.7; }

@media (max-width: 1024px) {
  .home-shell { width: min(calc(100% - 64px), 1440px); }
  .home-editorial-heading { grid-template-columns: 1fr 2fr; }
  .home-editorial-heading > p:last-child { grid-column: 2; }
  .production-story { grid-template-columns: 1fr 1fr; }
  .production-image { min-height: 620px; }
  .experience-system > div { grid-template-columns: 1fr; }
}

@media (max-width: 800px) {
  .master-hero { min-height: 820px; padding-top: 125px; }
  .master-hero-overlay { background: linear-gradient(180deg, rgba(5,5,5,.35), rgba(5,5,5,.58) 52%, #101010 100%); }
  .master-hero-content h1 { font-size: clamp(3.7rem, 12vw, 6rem); }
  .hero-index { display: none; }
  .home-proof > div { min-height: 72px; justify-content: flex-start; overflow: hidden; }
  .home-proof span:nth-of-type(n+4), .home-proof i:nth-of-type(n+3) { display: none; }
  .home-editorial-heading { display: block; }
  .home-editorial-heading h2 { margin-top: 40px; }
  .home-editorial-heading > p:last-child { margin-top: 32px; }
  .capability-list > a { grid-template-columns: 42px 1fr 28px; min-height: 115px; }
  .capability-list p { display: none; }
  .production-story { width: 100%; display: flex; flex-direction: column; }
  .production-image { min-height: 560px; }
  .production-copy { padding: 70px 32px; }
  .ai-showcase { min-height: 820px; align-items: flex-end; padding-bottom: 90px; }
  .ai-showcase-media > span { background: linear-gradient(180deg, rgba(7,7,7,.1), rgba(7,7,7,.88) 60%, #0d0d0d 100%); }
  .deliveries-grid { min-height: 0; grid-template-columns: 1fr; grid-template-rows: none; }
  .delivery-card, .delivery-card-1 { min-height: 440px; grid-row: auto; }
  .experience-system li { grid-template-columns: 45px 1fr; padding: 23px 0; }
  .experience-system li p { grid-column: 2; }
  .home-final-cta > div > div { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 520px) {
  .home-shell { width: min(calc(100% - 32px), 1440px); }
  .master-hero { min-height: 760px; padding: 110px 0 92px; }
  .master-hero-media img { object-position: 60% top; }
  .master-hero-media img:first-child { object-position: center top; transform: translate(11%, 8%); scale: 1.2; }
  .master-hero-content h1 { font-size: clamp(3.25rem, 15vw, 4.6rem); line-height: .87; }
  .hero-kicker { font-size: .47rem; }
  .hero-intro { margin-top: 27px; font-size: .74rem; }
  .hero-actions { align-items: stretch; flex-direction: column; gap: 12px; margin-top: 30px; }
  .hero-secondary { justify-content: center; border: 1px solid rgba(255,255,255,.3); }
  .hero-scroll { display: none; }
  .home-proof span { font-size: .45rem; }
  .home-editorial-heading { margin-bottom: 55px; }
  .home-editorial-heading h2, .production-copy h2 { font-size: 3.45rem; }
  .capability-list > a { grid-template-columns: 36px 1fr 22px; gap: 10px; }
  .capability-list h3 { font-size: 1.45rem; }
  .production-image { min-height: 430px; }
  .production-copy { padding: 65px 16px; }
  .ai-showcase { min-height: 760px; }
  .ai-showcase-content h2 { font-size: 4.1rem; }
  .deliveries-heading { align-items: flex-start; flex-direction: column; }
  .delivery-card, .delivery-card-1 { min-height: 350px; }
  .delivery-copy em { opacity: 1; transform: none; }
  .experience-system h2 { font-size: 3.4rem; }
  .home-final-cta h2 { font-size: 4.5rem; }
  .home-final-cta .cinematic-button { width: 100%; }
}

@media (prefers-reduced-motion: reduce) {
  .master-hero-media img { scale: 1; transition: none; }
  .cinematic-button, .capability-list > a, .delivery-card img, .delivery-copy em { transition: none; }
}