/* HOME — V4 layout / typography treatment, with V8 content/assets retained */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#080808;color:#f5f1eb;font:15px/1.65 Arial,Helvetica,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

/* V4 header treatment */
header{position:fixed;z-index:50;top:0;left:0;right:0;height:82px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#080808f2,rgba(8,8,8,.76),transparent);backdrop-filter:blur(10px)}
.logo-img{width:91px;height:auto;filter:drop-shadow(0 7px 10px #0008)}
nav{display:flex;gap:30px;font-size:12px;letter-spacing:.04em;color:#c4bdb4}
nav a:hover,nav .active{color:#d6a45d}

/* V4 full-width Home treatment — deliberately reset V8's 90vw container rules */
.hero,.metrics,.banner-strip,.statement,.section{width:100%;max-width:none;margin-left:0;margin-right:0}

.hero{min-height:100vh;padding:145px 7vw 85px;position:relative;overflow:hidden;display:grid;grid-template-columns:1fr .95fr;gap:55px;align-items:center;background:radial-gradient(circle at 78% 43%,#4b3019 0,#17110c 22%,#080808 58%)}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#080808 0,transparent 56%,#080808 100%);z-index:1}
.hero-copy,.hero-art{position:relative;z-index:2}
.eyebrow{font-size:10px;letter-spacing:.27em;color:#c89a59;font-weight:700}
.hero h1{font:600 clamp(58px,7.5vw,112px)/.88 Georgia,serif;letter-spacing:-.055em;margin:20px 0 27px}
.hero h1 i,h2 i{font-style:normal;color:#d1a15c}
.lead{max-width:600px;color:#c6bfb6;font-size:18px}
.actions{display:flex;gap:24px;align-items:center;margin-top:36px}
.btn{background:#c99a55;color:#0b0907;padding:13px 21px;border-radius:999px;font-weight:700}
.text-link{color:#c6beb4}
.hero-art{transform:none;border:0;box-shadow:0 30px 100px #000b;min-height:430px;background:#090909}
.hero-art img{width:100%;height:100%;min-height:430px;object-fit:cover;object-position:center;mix-blend-mode:normal;opacity:.92}
.hero-art:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#080808 0%,transparent 30%,transparent 78%,#080808 100%),linear-gradient(0deg,#080808 0%,transparent 20%,transparent 80%,#080808 100%);pointer-events:none}
.hero-art:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 55% 50%,transparent 35%,#0008 100%);pointer-events:none}

.metrics{position:relative;z-index:4;display:grid;grid-template-columns:repeat(3,1fr);background:#11100e;border-top:1px solid #31271c;border-bottom:1px solid #31271c}
.metric{padding:35px 7vw;border-right:1px solid #31271c}
.metric:last-child{border-right:0}
.metric strong{font:600 clamp(43px,5vw,72px)/.9 Georgia,serif;color:#d1a15c}
.metric span{display:block;margin-top:10px;color:#9a9289;font-size:10px;letter-spacing:.24em}

.banner-strip{background:#15110e;padding:0;overflow:hidden}
.banner-strip img{width:100%;height:auto;display:block}

.statement{padding:120px 8vw;background:#ece7df;color:#171512;display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}
.statement h2,.section h2{font:600 clamp(45px,6.5vw,82px)/.94 Georgia,serif;letter-spacing:-.04em;margin:16px 0 25px}
.statement p{font-size:20px;max-width:700px;color:#5f584f}
.statement .quote{font:600 clamp(27px,3vw,43px)/1.1 Georgia,serif;color:#8c704f;border-left:3px solid #b98647;padding-left:25px}

.section{padding:120px 8vw}
.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:55px}
.section-head>p{max-width:390px;color:#817a71;font-size:13px}

/* V3 bottom arrangement: large astronaut + sneaker above dinosaur, touching vertically */
.ai-gallery-three{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}
.ai-gallery-three .ai-main{min-height:0;height:700px;align-self:stretch}
.ai-gallery-three .ai-side{display:grid;grid-template-rows:350px 350px;gap:0;min-height:0;height:700px}
.ai-gallery-three .ai-frame{position:relative;overflow:hidden;border:1px solid #29231d;background:#111;min-height:0;height:350px;align-self:stretch}
.ai-gallery-three .ai-main img,.ai-gallery-three .ai-side .ai-frame img{width:100%;height:100%;object-fit:cover;display:block}
.ai-gallery-three .ai-main img{object-position:center}
.ai-gallery-three .ai-side .ai-frame:first-child{background:#080808}
/* 0.3 framing keeps the sneaker fully in frame while retaining the complete Liberty Pictures mark. */
.ai-gallery-three .ai-side .ai-frame:first-child img{object-fit:cover;object-position:center}
.ai-gallery-three .ai-side .ai-frame:last-child img{object-fit:cover;object-position:center}

@media(max-width:850px){
 nav a{display:none}
 .hero{grid-template-columns:1fr;padding:130px 7vw 60px}
 .hero-art{margin-top:20px;min-height:320px}
 .hero-art img{min-height:320px}
 .metrics{grid-template-columns:1fr}
 .metric{border-right:0;border-bottom:1px solid #31271c;padding:28px 7vw}
 .statement{grid-template-columns:1fr;gap:35px;padding-left:7vw;padding-right:7vw}
 .section{padding-left:7vw;padding-right:7vw}
 .section-head{display:block}
 .ai-gallery-three{grid-template-columns:1fr;gap:18px}
 .ai-gallery-three .ai-main{height:420px}
 .ai-gallery-three .ai-side{height:600px}
}
/* Final specificity correction: the large astronaut occupies the full V3 height. */
.ai-gallery-three .ai-main{height:700px;align-self:stretch}
.ai-gallery-three .ai-side{height:700px;grid-template-rows:350px 350px;align-self:stretch}
.ai-gallery-three .ai-side .ai-frame{height:350px;align-self:stretch}

/* FINAL SPACING-ONLY FIX — 2026-08-29
   No layout, typography, imagery, content, header, or functionality changes.
   Home page only: four requested spacing reductions.
*/
@media (min-width:851px){
  /* 1. Reduce the extra space between the fixed header and the hero content. */
  .hero{min-height:calc(100vh - 85px);padding-top:105px;}

  /* 2. Remove the remaining space between the hero actions and the metrics. */
  .hero{padding-bottom:0;}

  /* 3. Remove the gap after the metrics before the Liberty Pictures banner. */
  .metrics{margin-bottom:0;}

  /* 4. Remove the gap after the Liberty Pictures banner before the filmmaking statement. */
  .banner-strip{margin-bottom:0;}
}