/* Homepage: pinned media, four image stories, purpose, spotlight, people. */
.home-page{--paper:#000;--gutter:4.7vw;background:#000}
.home-page h1,.home-page h2,.home-page h3{letter-spacing:-.015em}
.home-opening{position:relative;isolation:isolate}
.home-page .cinema{position:sticky;top:var(--header-height);height:calc(100svh - var(--header-height));min-height:540px;max-height:none;overflow:hidden;z-index:0}
.scene-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .75s}
.scene-photo.is-current,.scene-video.is-current.is-playing{opacity:1}
.scene-video:not(.is-current){opacity:0!important}
.home-page .scene-shade{background:linear-gradient(180deg,#0002 15%,#0003 48%,#0009 100%)}
.home-page .scene-copy{left:var(--gutter);right:var(--gutter);bottom:120px;max-width:1000px;width:auto}
.home-page .scene-copy h2{font-size:clamp(40px,4.3vw,78px);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.scene-project-name{font-size:clamp(20px,2vw,32px);margin-top:15px;line-height:1.35}
.home-page .scene-copy a:hover h2{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:8px}
.home-page .scene-controls{bottom:35px;min-height:48px}
.scene-identity{display:flex;align-items:center;gap:30px;min-height:48px}
.home-page .scene-dots{gap:8px;flex:none}
.home-page .scene-dot{padding:15px 5px}
.home-page .scene-dot span{width:7px;height:7px}
.client-marks{display:flex;align-items:center;gap:22px;border-left:1px solid #ffffff70;padding-left:28px;height:44px}
.client-marks:empty{display:none}.client-logo{width:auto;max-width:90px;height:40px;object-fit:contain}.client-nissan{width:80px;filter:brightness(0) invert(1)}.client-titans{height:42px;max-width:65px}.client-nashville{height:46px;max-width:60px}
.home-page .scene-transport .motion-toggle{width:40px;height:40px;border-color:#ddd;font-size:18px}
.home-page .scene-credit{bottom:10px;font-size:8px;opacity:.8}
.home-page .awards-stories{position:relative;z-index:2;padding:100px 0 80px;background:linear-gradient(180deg,#0000,#000d 100px,#000e 65%,#000)}
.home-editorial{background:#000;position:relative;z-index:3}
.home-purpose{display:grid;grid-template-columns:1fr 3fr;gap:28px;padding:20px 0 140px}
.home-purpose h2{font-size:14px;letter-spacing:0;padding-top:12px;line-height:1.4}
.home-purpose>p{font-size:clamp(45px,5vw,88px);line-height:1.22;letter-spacing:-.018em}
.home-purpose a{border-bottom:1px solid #888;padding-bottom:3px}.home-purpose a:hover{border-color:#fff}
.home-page .home-projects{padding:0 0 125px}
.editorial-section-title{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:35px}
.editorial-section-title h2,.home-spotlight>h2{font-size:clamp(34px,3.25vw,58px);line-height:1.2}.editorial-section-title>a{font-size:14px}
.home-page .story-category{font-size:14px;line-height:1.4;color:#fff;letter-spacing:0}
.project-stories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px}
.project-stories .film-card{position:relative}.project-stories .film-card:not(:last-child):after{content:"";position:absolute;right:-15px;top:0;width:1px;height:100%;background:#333}
.home-page .project-stories img{aspect-ratio:4/3}.home-page .project-stories .film-card:nth-child(2) img{aspect-ratio:3/4}.home-page .project-stories .film-card:nth-child(3) img{aspect-ratio:1}
.project-stories .story-category{margin-top:22px}.home-page .project-stories h3{font-size:23px;line-height:1.35;margin-top:13px;letter-spacing:0}
.home-page .tile-caption{font-size:10px;color:#888;line-height:1.5;margin-top:18px}
.home-spotlight{padding:0 0 85px}.spotlight-intro{font-size:21px;line-height:1.65;max-width:750px;margin:32px 0 48px;color:#ddd}
.spotlight-grid{display:grid;grid-template-columns:2.15fr 1fr;gap:30px}.spotlight-grid figure img{width:100%;aspect-ratio:4/3;object-fit:cover}.spotlight-grid figcaption{font-size:10px;color:#888;margin-top:12px}
.spotlight-links>.story-category{margin-bottom:15px}.spotlight-links>a{display:flex;justify-content:space-between;align-items:baseline;font-size:28px;line-height:1.35;padding:23px 0;border-bottom:1px solid #555;gap:18px;letter-spacing:-.015em}.spotlight-links>a>span{font-size:20px}
@media(min-width:1800px){.home-page{--gutter:max(4.7vw,calc((100vw - 1680px)/2))}}
@media(max-width:1100px){.home-page .scene-copy{width:85%}.home-purpose{padding-bottom:100px}.project-stories{gap:24px}.project-stories .film-card:not(:last-child):after{right:-12px}.home-page .project-stories h3{font-size:20px}.spotlight-links>a{font-size:23px}}
@media(max-width:700px){
 .home-page{--gutter:6vw}.home-page .cinema{min-height:540px}.home-page .scene-copy{width:auto;bottom:135px}.home-page .scene-copy h2{font-size:38px;line-height:1.18;text-wrap:initial}.scene-project-name{font-size:21px;margin-top:14px}.home-page .scene-controls{bottom:35px}.scene-identity{gap:13px}.home-page .scene-dot{padding:15px 4px}.home-page .scene-dots{gap:5px}.client-marks{padding-left:13px;gap:12px;height:35px}.client-logo{max-width:55px;height:30px}.client-nissan{width:52px}.client-titans{max-width:40px;height:32px}.client-nashville{max-width:40px;height:38px}.home-page .scene-transport .motion-toggle{width:34px;height:34px;margin-left:0}.home-page .scene-credit{font-size:7px;bottom:11px}
 .home-page .awards-stories{padding:65px 0 70px}.home-purpose{grid-template-columns:1fr;gap:24px;padding:10px 0 75px}.home-purpose h2{padding:0;font-size:13px}.home-purpose>p{font-size:37px;line-height:1.3}.home-purpose a{padding-bottom:1px}
 .home-page .home-projects{padding-bottom:75px}.editorial-section-title{display:block;margin-bottom:27px}.editorial-section-title h2,.home-spotlight>h2{font-size:33px;line-height:1.25}.editorial-section-title>a{display:inline-block;margin-top:18px;font-size:13px}
 .project-stories{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.project-stories .film-card:not(:last-child):after{display:none}.project-stories .film-card:nth-child(odd):after{display:block;right:-11px}.home-page .project-stories img,.home-page .project-stories .film-card:nth-child(2) img,.home-page .project-stories .film-card:nth-child(3) img{aspect-ratio:4/3}.project-stories .story-category{font-size:11px;margin-top:16px}.home-page .project-stories h3{font-size:20px;margin-top:10px}.home-page .tile-caption{font-size:8px;margin-top:14px}
 .home-spotlight{padding-bottom:65px}.spotlight-intro{font-size:19px;line-height:1.55;margin:25px 0 30px}.spotlight-grid{grid-template-columns:1fr;gap:28px}.spotlight-grid figure img{aspect-ratio:4/3}.spotlight-links>a{font-size:25px;padding:20px 0}.spotlight-links>.story-category{font-size:13px;margin-bottom:5px}
}
@media(prefers-reduced-motion:reduce){.home-page .cinema{position:relative;top:0}}