
:root { --yellow:#ffd323; --black:#050505; --white:#fff; --off:#f5f4f0; --gray:#686868; --line:rgba(23,23,23,.20); --culper-navy:#102d52; --culper-red:#c9252d; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:#fff; color:#171717; font-family:Helvetica,Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
::selection { color:#050505; background:var(--yellow); }

.site-header { position:fixed; z-index:100; inset:0 0 auto; display:flex; min-height:82px; align-items:flex-start; justify-content:space-between; padding:6px 25px; color:#fff; background:linear-gradient(180deg,rgba(0,0,0,.42),transparent); transition:background .28s ease,color .28s ease,min-height .28s ease,padding .28s ease,box-shadow .28s ease; }
.site-header.scrolled { min-height:67px; padding-top:10px; color:#151515; background:#fff; box-shadow:0 1px 0 rgba(0,0,0,.1); }
.main-nav { display:flex; align-items:center; gap:0; font-size:23px; line-height:20px; font-weight:600; letter-spacing:-1px; }
.main-nav > a,.nav-drop > a { position:relative; display:flex; align-items:center; padding:15px 8px; font-size:inherit; font-weight:inherit; letter-spacing:inherit; white-space:nowrap; }
.site-header.scrolled .main-nav { font-size:18px; letter-spacing:-.8px; }
.site-header.scrolled .main-nav > a,.site-header.scrolled .nav-drop > a { padding:10px 8px 15px; }
.main-nav > a::after,.nav-drop > a::after { content:""; position:absolute; left:0; right:0; bottom:7px; height:3px; background:var(--yellow); transform:scaleX(0); transform-origin:left; transition:transform .2s ease; }
.main-nav > a:hover::after,.nav-drop:hover > a::after,.nav-drop:focus-within > a::after { transform:scaleX(1); }
.anniversary { color:#ed1687!important; }
.brand-mark { display:block; flex:none; width:72px; height:auto; margin:8px 0 0 auto; }
.brand-mark img { width:100%; height:100%; object-fit:contain; filter:brightness(0) invert(1); transition:filter .3s ease; }
.site-header.scrolled .brand-mark { width:46px; margin-top:-1px; }
.site-header.scrolled .brand-mark img { filter:none; }
.nav-drop { position:relative; display:flex; align-self:stretch; align-items:center; }
.drop-panel { position:absolute; z-index:10; top:100%; left:-35px; width:max-content; min-width:315px; display:grid; gap:0; padding:18px 34px 24px; color:#111; background:rgba(255,255,255,.99); box-shadow:0 16px 30px rgba(0,0,0,.09); opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-4px); transition:.18s ease; }
.drop-panel a { padding:6px 0; font-size:18px; line-height:1.18; font-weight:600; letter-spacing:-.045em; white-space:nowrap; }
.drop-panel a:hover { text-decoration:underline; text-decoration-color:var(--yellow); text-decoration-thickness:2px; text-underline-offset:4px; }
.nav-drop:hover .drop-panel,.nav-drop:focus-within .drop-panel { opacity:1; visibility:visible; pointer-events:auto; transform:none; }
.menu-button { display:none; width:44px; height:44px; padding:0; border:0; background:none; }
.menu-button span { display:block; width:28px; height:2px; margin:7px auto; background:currentColor; }

.arrow { position:relative; display:inline-block; flex:0 0 16px; width:16px; height:16px; overflow:visible; color:transparent; font-size:0; line-height:0; transition:transform .22s ease; }
.arrow::before { content:""; position:absolute; left:1px; bottom:1px; width:16px; height:2px; background:var(--yellow); transform:rotate(-45deg); transform-origin:left center; }
.arrow::after { content:""; position:absolute; top:0; right:0; width:8px; height:8px; border-top:2px solid var(--yellow); border-right:2px solid var(--yellow); }
.arrow-down::before { top:1px; right:auto; bottom:auto; left:7px; width:2px; height:14px; transform:none; }
.arrow-down::after { top:auto; right:auto; bottom:1px; left:4px; width:7px; height:7px; border-top:0; border-right:2px solid var(--yellow); border-bottom:2px solid var(--yellow); transform:rotate(45deg); }
a:hover .arrow { transform:translate(2px,-2px); }
a:hover .arrow-down { transform:translateY(2px); }

.hero { position:relative; min-height:100svh; overflow:hidden; color:#fff; background:#111; }
.parallax { position:relative; overflow:hidden; }
.parallax > img { width:100%; height:calc(100% + 150px); max-width:none; object-fit:cover; transform:translate3d(0,var(--parallax-y,0),0) scale(1.04); will-change:transform; }
.hero-media { position:absolute; inset:-75px 0; }
.hero-media > img { object-position:center center; }
.hero-wash { position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.28) 68%,rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.58),transparent 55%); }
.hero-copy { position:relative; z-index:2; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; padding:160px clamp(34px,5vw,76px) 52px; }
.eyebrow,.pretitle { margin:0 0 28px; font-size:11px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }
.hero h1 { max-width:900px; margin:0; color:#fff; font-size:clamp(54px,5.9vw,92px); font-weight:400; line-height:.98; letter-spacing:-.052em; }
.hero-deck { max-width:700px; margin:32px 0 28px; color:rgba(255,255,255,.88); font-size:clamp(17px,1.35vw,21px); line-height:1.52; }
.hero-actions { display:flex; align-items:center; gap:34px; }
.button { min-height:58px; display:inline-flex; align-items:center; justify-content:space-between; gap:50px; padding:17px 23px; border:1px solid currentColor; font-size:12px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.button-primary { color:#111; background:#fff; border-color:#fff; }
.button-primary:hover { color:#111; background:var(--yellow); border-color:var(--yellow); }
.text-link { display:inline-flex; align-items:center; justify-content:space-between; gap:55px; padding:0 0 7px; border-bottom:1px solid; font-size:12px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.text-link.light { color:#fff; }
.hero-services { margin:34px 0 0; font-size:10px; font-weight:700; letter-spacing:.16em; }
.hero-side-note { position:absolute; z-index:2; right:4vw; bottom:52px; display:flex; align-items:center; gap:12px; color:rgba(255,255,255,.76); }
.hero-side-note a { padding-bottom:3px; border-bottom:1px solid transparent; font-size:10px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; transition:border-color .2s ease; }
.hero-side-note a:hover,.hero-side-note a:focus-visible { border-color:currentColor; }
.hero-side-note i { width:34px; height:1px; background:rgba(255,255,255,.42); }

.section-nav { position:sticky; z-index:60; top:67px; min-height:66px; padding:0 5vw; display:flex; align-items:center; justify-content:center; gap:clamp(24px,4vw,70px); border-bottom:1px solid var(--line); background:rgba(255,255,255,.96); backdrop-filter:blur(12px); }
.section-nav a { position:relative; padding:23px 0 19px; font-size:12px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.section-nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:12px; height:3px; background:var(--yellow); transition:left .2s ease,right .2s ease; }
.section-nav a:hover::after,.section-nav a:focus-visible::after { left:0; right:0; }
#overview,#approach,#website,#results,#poster,#launch,#review,#details { scroll-margin-top:135px; }

.stat-row { display:grid; grid-template-columns:repeat(4,1fr); border-bottom:1px solid #c7c7c7; }
.stat-row div { min-height:190px; display:flex; flex-direction:column; justify-content:space-between; padding:28px 34px; border-right:1px solid #c7c7c7; }
.stat-row div:last-child { border-right:0; }
.stat-row strong { font-size:clamp(48px,5.5vw,94px); font-weight:400; line-height:1; letter-spacing:-.055em; }
.stat-row span { color:#656565; font-size:11px; font-weight:700; letter-spacing:.12em; text-transform:uppercase; }

.section-label { display:flex; align-items:center; gap:18px; font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.section-label span { color:#171717; }
.section-label p { margin:0; }
.section-label.inverse span { color:var(--yellow); }
.editorial-intro { display:grid; grid-template-columns:24% 46% 30%; min-height:670px; padding:110px clamp(34px,5.2vw,100px); border-bottom:1px solid #c7c7c7; }
.intro-title { align-self:center; padding-right:7vw; }
.intro-title h2,.split-copy h2,.black-statement h2,.tower-copy h2 { margin:0; font-size:clamp(50px,5.5vw,105px); font-weight:400; line-height:.94; letter-spacing:-.06em; }
.intro-copy { align-self:end; }
.intro-copy p,.split-body p,.black-statement > p:last-child,.tower-copy > p { margin:0 0 25px; color:#5e5e5e; font-size:17px; line-height:1.7; }

.logo-stage { min-height:680px; display:grid; place-items:center; padding:95px 8vw; background:#fff; }
.logo-stage img { width:min(900px,75vw); }
.split-copy { display:grid; grid-template-columns:24% 46% 30%; gap:0; padding:115px clamp(34px,5.2vw,100px); border-top:1px solid #c7c7c7; }
.split-copy .pretitle { color:#171717; }
.split-body { align-self:end; padding-left:3vw; }
.split-body .text-link { margin-top:10px; }

.device-stage { min-height:850px; overflow:hidden; display:grid; place-items:center; padding:100px 5vw; background:#fff; }
.device-parallax { width:min(1440px,94vw); height:760px; }
.device-parallax > img { object-fit:contain; }
.black-statement { min-height:650px; display:grid; grid-template-columns:1.55fr .45fr; align-items:end; gap:8vw; padding:110px clamp(34px,5.2vw,100px); color:#fff; background:#000; }
.black-statement .pretitle { grid-column:1/-1; align-self:start; }
.accent { color:var(--yellow)!important; }
.black-statement > p:last-child { color:#aaa; }

.tower-story { display:grid; grid-template-columns:42% 58%; background:#fff; }
.tower-copy { position:sticky; top:92px; height:calc(100svh - 92px); display:flex; flex-direction:column; justify-content:center; padding:80px clamp(34px,5.2vw,100px); }
.tower-copy h2 { margin:72px 0 36px; }
.tower-image-wrap { min-height:1900px; overflow:hidden; border-left:1px solid #c7c7c7; }
.tower-parallax { height:2100px; }
.tower-parallax > img { height:calc(100% + 200px); object-position:center top; object-fit:cover; }

.review-block { padding:110px clamp(34px,5.2vw,100px); color:#fff; background:#000; }
.stars { margin:90px 0 36px; color:var(--yellow); font-size:28px; letter-spacing:.1em; }
.review-block blockquote { max-width:1120px; margin:0; font-size:clamp(25px,2.35vw,40px); font-weight:400; line-height:1.24; letter-spacing:-.032em; }
.review-meta { display:flex; justify-content:space-between; align-items:flex-end; margin-top:80px; padding-top:25px; border-top:1px solid rgba(255,255,255,.65); }
.review-meta div { display:grid; gap:7px; }
.review-meta strong,.review-meta p { margin:0; font-size:12px; font-weight:800; letter-spacing:.1em; }
.review-meta span { font-size:12px; }

.project-details { padding:clamp(90px,9vw,150px) 5vw; display:grid; grid-template-columns:1fr 1fr; gap:9vw; color:#171717; background:#fff; }
.project-details h2 { margin:0; font-size:clamp(48px,5.7vw,94px); line-height:.94; font-weight:300; letter-spacing:-.056em; }
.project-details dl { margin:0; border-top:1px solid #171717; }
.project-details dl div { min-height:76px; padding:19px 0; display:grid; grid-template-columns:38% 1fr; align-items:center; gap:30px; border-bottom:1px solid var(--line); }
.project-details dt { color:#777; font-size:13px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.project-details dd { margin:0; font-size:17px; line-height:1.45; }
.project-service-links a { border-bottom:1px solid rgba(23,23,23,.32); transition:border-color .2s ease; }
.project-service-links a:hover,.project-service-links a:focus-visible { border-color:#171717; }
.external-project-link { display:inline-flex; align-items:center; gap:10px; padding-bottom:3px; border-bottom:1px solid rgba(23,23,23,.32); }

.related-services { padding:clamp(90px,9vw,150px) 5vw; display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1fr); gap:clamp(60px,9vw,160px); color:#171717; background:#fff; border-top:1px solid var(--line); }
.related-services h2 { max-width:720px; margin:34px 0 0; font-size:clamp(48px,5.7vw,94px); line-height:.94; font-weight:300; letter-spacing:-.056em; }
.related-services nav { border-top:1px solid #171717; }
.related-services nav a { min-height:88px; padding:22px 0; display:flex; align-items:center; justify-content:space-between; gap:25px; border-bottom:1px solid var(--line); font-size:clamp(18px,1.5vw,25px); letter-spacing:-.02em; transition:padding .2s ease; }
.related-services nav a:hover,.related-services nav a:focus-visible { padding-left:12px; }

.site-footer { padding:70px 3.3vw 28px; color:#081316; background:#fff; border-top:1px solid #081316; }
.footer-top { min-height:245px; display:grid; grid-template-columns:1.35fr .65fr .75fr; align-items:start; gap:45px; }
.footer-statement { font-size:clamp(42px,4.4vw,68px); line-height:.87; font-weight:700; letter-spacing:-.075em; }
.get-in-touch { width:165px; padding-bottom:8px; align-self:center; display:flex; justify-content:space-between; border-bottom:1px solid #081316; font-size:13px; font-weight:700; }
.footer-arrow { position:relative; width:14px; height:12px; flex:none; }
.footer-arrow::before { content:""; position:absolute; top:6px; left:0; right:1px; height:1px; background:#081316; }
.footer-arrow::after { content:""; position:absolute; top:3px; right:1px; width:6px; height:6px; border-top:1px solid #081316; border-right:1px solid #081316; transform:rotate(45deg); }
.footer-social { place-self:center end; text-align:right; font-size:13px; }
.social-icons { margin-bottom:23px; display:flex; justify-content:flex-end; gap:8px; }
.social-icons img { width:29px; height:29px; object-fit:contain; }
.footer-bottom { min-height:150px; display:grid; grid-template-columns:.9fr .7fr 1.25fr 1fr; align-items:end; gap:30px; padding-top:45px; border-top:1px solid #081316; font-size:11px; text-transform:uppercase; letter-spacing:.06em; }
.footer-badges { display:flex; align-items:flex-end; gap:10px; }
.footer-badges img { width:52px; height:52px; object-fit:contain; }
.footer-brand-logo { width:62px; height:auto; }
.footer-bottom nav { display:grid; grid-template-columns:repeat(3,auto); justify-content:center; gap:16px 34px; }
.footer-copy { justify-self:end; }

.culper-hero { background:#000; }
.culper-hero .hero-media > img { object-position:center 54%; }
.culper-wash { background:linear-gradient(90deg,rgba(0,0,0,.9) 0%,rgba(0,0,0,.66) 36%,rgba(0,0,0,.14) 72%,rgba(0,0,0,.08)),linear-gradient(0deg,rgba(0,0,0,.72),transparent 54%); }
.culper-logo-stage { min-height:690px; }
.culper-logo-stage img { width:min(1180px,82vw); }
.culper-split { border-top:1px solid #c7c7c7; }
.accent-red { color:var(--culper-red)!important; }

.blueprint-stage { position:relative; min-height:100svh; overflow:hidden; color:#fff; background:#061729; }
.blueprint-parallax { position:absolute; inset:-100px 0; }
.blueprint-parallax > img { height:calc(100% + 240px); object-fit:cover; opacity:.88; transform:translate3d(0,var(--parallax-y,0),0) scale(1.2); }
.blueprint-stage::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(2,9,18,.84),rgba(2,9,18,.24) 68%,rgba(2,9,18,.6)); }
.blueprint-copy { position:relative; z-index:2; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end; padding:100px clamp(34px,5.2vw,100px); }
.blueprint-copy h2 { max-width:1100px; margin:0; font-size:clamp(62px,7.2vw,132px); font-weight:400; line-height:.9; letter-spacing:-.062em; }

.culper-statement { background:var(--culper-navy); }
.culper-story .tower-copy .text-link { align-self:flex-start; margin-top:18px; }
.culper-page-wrap { background:#fff; }
.culper-page-parallax > img { object-fit:cover; object-position:center top; }

.press-block { padding:110px clamp(34px,5.2vw,100px) 125px; color:#fff; background:#050505; }
.press-heading { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:8vw; margin:88px 0 84px; }
.press-heading h2 { max-width:1040px; margin:0; font-size:clamp(52px,6.4vw,118px); font-weight:400; line-height:.91; letter-spacing:-.062em; }
.press-heading p { max-width:420px; margin:0; color:#aaa; font-size:16px; line-height:1.65; }
.press-list { border-top:1px solid rgba(255,255,255,.72); }
.press-list a { min-height:104px; display:grid; grid-template-columns:190px minmax(0,1fr) 155px 22px; align-items:center; gap:30px; padding:20px 0; border-bottom:1px solid rgba(255,255,255,.32); transition:padding .2s ease,background .2s ease; }
.press-list a:hover,.press-list a:focus-visible { padding-left:14px; background:rgba(255,255,255,.035); }
.press-source { color:var(--culper-red); font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }
.press-title { font-size:clamp(20px,1.75vw,30px); line-height:1.15; letter-spacing:-.025em; }
.press-date { color:#aaa; font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }

@media (max-width:1000px) {
  .site-header { min-height:67px; padding:10px 20px 0; align-items:flex-start; }
  .brand-mark,.site-header.scrolled .brand-mark { width:46px; height:46px; margin-top:-1px; }
  .menu-button { display:block; }
  .main-nav { position:absolute; top:67px; left:0; right:0; display:none; padding:24px 30px 34px; color:#111; background:#fff; border-bottom:1px solid #bbb; }
  .main-nav.open { display:grid; grid-template-columns:repeat(2,1fr); gap:8px 25px; }
  .main-nav > a,.nav-drop > a { display:block; padding:10px 0; font-size:22px; }
  .nav-drop { padding:0; }
  .drop-panel { display:none; }
  .editorial-intro,.split-copy { grid-template-columns:1fr 1.6fr; gap:55px 30px; }
  .editorial-intro .section-label,.split-copy .section-label { grid-column:1/-1; }
  .black-statement { grid-template-columns:1fr; }
  .tower-story { grid-template-columns:1fr; }
  .tower-copy { position:relative; top:auto; height:auto; min-height:650px; }
  .tower-image-wrap { min-height:1450px; border-left:0; border-top:1px solid #ccc; }
  .tower-parallax { height:1600px; }
  .hero-side-note { display:none; }
  .project-details,.related-services { grid-template-columns:1fr; gap:60px; }
  .footer-top { grid-template-columns:1fr 1fr; }
  .footer-statement { grid-column:1/-1; }
  .press-heading { grid-template-columns:1fr; }
  .press-list a { grid-template-columns:150px minmax(0,1fr) 22px; }
  .press-date { display:none; }
}

@media (max-width:650px) {
  .site-header { padding:0 20px; }
  .section-nav { top:67px; min-height:58px; justify-content:flex-start; gap:26px; overflow-x:auto; padding:0 22px; }
  .section-nav a { padding:20px 0 17px; white-space:nowrap; }
  .hero-copy { padding:150px 22px 42px; }
  .hero h1 { font-size:17.5vw; }
  .hero-deck { font-size:17px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:25px; }
  .hero-services { line-height:1.6; }
  .stat-row { grid-template-columns:repeat(2,1fr); }
  .stat-row div { min-height:145px; padding:22px; }
  .stat-row div:nth-child(2) { border-right:0; }
  .stat-row div:nth-child(-n+2) { border-bottom:1px solid #c7c7c7; }
  .editorial-intro,.split-copy { grid-template-columns:1fr; min-height:0; padding:80px 22px; }
  .editorial-intro .section-label,.split-copy .section-label { grid-column:1; }
  .intro-title { padding:0; }
  .intro-title h2,.split-copy h2,.black-statement h2,.tower-copy h2,.related-services h2,.project-details h2 { font-size:15vw; }
  .logo-stage { min-height:430px; padding:70px 20px; }
  .logo-stage img { width:92vw; }
  .split-body { padding:0; }
  .device-stage { min-height:540px; padding:50px 0; }
  .device-parallax { width:118vw; height:490px; left:-9vw; }
  .black-statement { min-height:620px; padding:80px 22px; }
  .tower-copy { min-height:580px; padding:80px 22px; }
  .tower-copy h2 { margin:55px 0 28px; }
  .tower-image-wrap { min-height:950px; }
  .tower-parallax { height:1050px; }
  .review-block { padding:80px 22px; }
  .stars { margin-top:60px; }
  .review-block blockquote { font-size:7.6vw; }
  .review-meta { align-items:flex-start; flex-direction:column; gap:25px; }
  .blueprint-copy { padding:80px 22px; }
  .blueprint-copy h2 { font-size:18vw; }
  .press-block { padding:80px 22px; }
  .press-heading { margin:60px 0; gap:25px; }
  .press-heading h2 { font-size:15vw; }
  .press-list a { min-height:0; grid-template-columns:1fr 22px; gap:12px 20px; padding:24px 0; }
  .press-source { grid-column:1; }
  .press-title { grid-column:1; }
  .press-list .arrow { grid-column:2; grid-row:1/3; align-self:center; }
  .project-details,.related-services { padding:78px 22px; }
  .project-details dl div { grid-template-columns:1fr; gap:8px; }
  .site-footer { padding:55px 20px 25px; }
  .footer-top,.footer-bottom { grid-template-columns:1fr; }
  .footer-top { gap:38px; }
  .footer-statement { grid-column:1; }
  .footer-social { place-self:start; text-align:left; }
  .social-icons { justify-content:flex-start; }
  .footer-bottom { align-items:start; gap:25px; padding-top:45px; }
  .footer-bottom nav { grid-template-columns:repeat(2,minmax(0,1fr)); justify-content:flex-start; gap:16px 28px; }
  .footer-copy { justify-self:start; }
}

@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .parallax > img { transform:none!important; } * { transition-duration:.01ms!important; } }

/* Mississippi: I Am */
.mississippi-hero { background:#050806; }
.mississippi-hero .hero-media > img { object-position:center 52%; transform:translate3d(0,var(--parallax-y,0),0) scale(1.1); }
.mississippi-wash { background:linear-gradient(90deg,rgba(0,0,0,.88) 0%,rgba(0,0,0,.62) 40%,rgba(0,0,0,.14) 72%,rgba(0,0,0,.2)),linear-gradient(0deg,rgba(0,0,0,.78),transparent 58%); }
.mississippi-hero h1 { max-width:930px; }
.mississippi-red { color:#e10b12!important; }

.laurel-strip { min-height:235px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:30px; padding:46px 5vw; background:#fff; border-bottom:1px solid #c7c7c7; }
.laurel-strip p { margin:0; color:#6b6b6b; font-size:10px; font-weight:800; letter-spacing:.18em; }
.laurel-strip img { width:min(920px,72vw); height:auto; }

.poster-story { display:grid; grid-template-columns:38% 62%; min-height:1250px; background:#fff; border-bottom:1px solid #c7c7c7; }
.poster-copy { position:sticky; top:92px; height:calc(100svh - 92px); display:flex; flex-direction:column; justify-content:center; padding:90px clamp(34px,5.2vw,100px); }
.poster-copy .section-label { margin-bottom:75px; }
.poster-copy .pretitle { margin-bottom:24px; }
.poster-copy h2 { margin:0 0 36px; font-size:clamp(48px,5.25vw,96px); font-weight:400; line-height:.94; letter-spacing:-.06em; }
.poster-copy > p:not(.pretitle) { margin:0 0 30px; color:#5e5e5e; font-size:17px; line-height:1.7; }
.poster-copy .text-link { align-self:flex-start; margin-top:8px; }
.poster-frame { min-height:1500px; display:grid; place-items:center; overflow:hidden; padding:120px 4vw; background:#fff; border-left:1px solid #c7c7c7; }
.poster-parallax { width:100%; height:1380px; }
.poster-parallax > img { height:calc(100% + 160px); object-fit:contain; object-position:center center; transform:translate3d(0,var(--parallax-y,0),0) scale(1.48); }

.film-statement { min-height:780px; display:flex; flex-direction:column; justify-content:space-between; padding:100px clamp(34px,5.2vw,100px); color:#fff; background:#000; }
.film-statement .pretitle { color:#56c8eb; }
.film-statement h2 { max-width:1350px; margin:0; font-size:clamp(72px,9.4vw,176px); font-weight:400; line-height:.82; letter-spacing:-.072em; }
.film-statement h2 span { color:#e10b12; }

.launch-story { display:grid; grid-template-columns:24% 46% 30%; min-height:720px; padding:115px clamp(34px,5.2vw,100px); background:#fff; border-bottom:1px solid #c7c7c7; }
.launch-story h2 { max-width:780px; margin:0; font-size:clamp(52px,5.7vw,108px); font-weight:400; line-height:.93; letter-spacing:-.062em; }
.launch-copy { align-self:end; padding-left:3vw; }
.launch-copy p { margin:0 0 24px; color:#5e5e5e; font-size:17px; line-height:1.68; }
.launch-copy .text-link { margin-top:8px; }

.mississippi-review { background:#0c291b; }
.mississippi-review .section-label.inverse span { color:#56c8eb; }
.mississippi-review blockquote { max-width:1280px; font-size:clamp(24px,2.15vw,37px); }

@media (max-width:1000px) {
  .poster-story { grid-template-columns:1fr; min-height:0; }
  .poster-copy { position:relative; top:auto; height:auto; min-height:760px; }
  .poster-frame { min-height:1200px; border-left:0; border-top:1px solid #c7c7c7; }
  .poster-parallax { height:1080px; }
  .launch-story { grid-template-columns:1fr 1.6fr; gap:55px 30px; }
  .launch-story .section-label { grid-column:1/-1; }
  .launch-copy { grid-column:2; padding-left:0; }
}

@media (max-width:650px) {
  .mississippi-hero .hero-media > img { object-position:60% center; }
  .laurel-strip { min-height:190px; gap:24px; padding:38px 22px; }
  .laurel-strip img { width:95vw; }
  .poster-copy { min-height:0; padding:80px 22px; }
  .poster-copy .section-label { margin-bottom:55px; }
  .poster-copy h2 { font-size:15vw; }
  .poster-frame { min-height:700px; padding:55px 0; }
  .poster-parallax { width:118vw; height:660px; left:-9vw; }
  .film-statement { min-height:650px; padding:80px 22px; }
  .film-statement h2 { font-size:20vw; line-height:.84; }
  .launch-story { grid-template-columns:1fr; min-height:0; padding:80px 22px; }
  .launch-story .section-label,.launch-copy { grid-column:1; }
  .launch-story h2 { font-size:15vw; }
  .launch-copy { padding:0; }
}

