/* Quiet one-screen CMUL8 landing around the user-selected film. */
:root{--labs-type-home-hero:clamp(22px,1.8vw,27px);--labs-type-hero:clamp(30px,3.3vw,40px);--labs-type-section:clamp(32px,3vw,38px);--labs-type-feature:clamp(24px,2.6vw,30px);--labs-type-essay:clamp(20px,2.1vw,26px);--labs-type-body:14px;--labs-type-meta:11px}
body.is-home{background:#f5f9f4;color:#1b2822;overflow-x:hidden}
body.is-home main{display:block;min-height:0}
.labs-home{background:#f5f9f4;color:#1b2822;font-family:var(--font-sans)}
.labs-home a:focus-visible{outline:2px solid #59846b;outline-offset:5px}
.labs-skip{position:absolute;top:-70px;left:20px;z-index:20;padding:10px;background:#f5f9f4}
.labs-skip:focus{top:10px}
.labs-logo{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:8px;line-height:0;cursor:pointer;transition:filter 180ms ease;animation:labs-unison 900ms cubic-bezier(.22,1,.36,1) .32s both}
.labs-logo:hover,.labs-logo:focus-visible{filter:opacity(.62)}
.labs-logo-mark{width:36px;height:29px;object-fit:contain}
.labs-logo-wordmark{width:84px;height:auto}
.section-logo{display:inline-flex;flex:none;align-items:center;justify-content:center;gap:5px;min-width:90px;min-height:44px;margin:-8px -5px -8px 0;padding:5px;line-height:0;text-decoration:none;transition:opacity 180ms ease}
.section-logo:hover,.section-logo:focus-visible{opacity:.56}
.section-logo:focus-visible{outline:2px solid #59846b;outline-offset:3px}
.section-logo .labs-logo-mark{width:24px;height:20px}
.section-logo .labs-logo-wordmark{width:60px;height:auto}
.labs-hero{width:100%;max-width:none;min-height:100svh;margin:0;padding:24px 20px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;box-sizing:border-box}
.labs-film{position:relative;height:min(56svh,530px);aspect-ratio:9/16;max-width:calc(100vw - 40px);overflow:hidden;background:#729480;box-shadow:0 15px 40px rgba(35,70,49,.11)}
.labs-under-nav{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:2px}
.labs-under-nav a{color:#1b2822;font:400 13px/1.3 var(--font-sans);border-bottom:1px solid transparent;padding:5px 0;text-decoration:none}
.labs-under-nav a:hover,.labs-under-nav a:focus-visible{color:#4e8063;border-color:currentColor}
.labs-film-video{display:block;width:100%;height:100%;object-fit:cover}
.labs-film::after{content:"";position:absolute;inset:47% 0 0;background:linear-gradient(transparent 8%,rgba(7,25,15,.12) 38%,rgba(7,25,15,.73) 100%);pointer-events:none}
.labs-film-copy{position:absolute;left:18px;right:18px;bottom:29px;z-index:2;color:#fff;text-align:center;text-shadow:0 1px 10px rgba(4,20,11,.3);animation:labs-unison 900ms cubic-bezier(.22,1,.36,1) .32s both}
.labs-film-copy h1{margin:0;font:400 var(--labs-type-home-hero)/1.13 var(--font-sans);letter-spacing:-.055em;text-align:center}
.labs-film-copy p{margin:13px 0 0;font:400 11px/1.4 var(--font-sans);letter-spacing:.035em;opacity:.82}
@keyframes labs-unison{from{opacity:0;transform:translate3d(-30px,0,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(max-width:760px){:root{--labs-type-hero:clamp(32px,8vw,35px);--labs-type-section:30px;--labs-type-feature:28px;--labs-type-essay:19px}}
@media(max-width:750px){
  .labs-logo-mark{width:32px;height:26px}.labs-logo-wordmark{width:76px}
  .labs-hero{padding:16px 20px 24px;gap:14px}.labs-film{height:min(55svh,500px);max-width:calc(100vw - 40px)}.labs-under-nav{gap:27px}.labs-under-nav a{font-size:12px}.labs-film-copy{bottom:24px}.labs-film-copy h1{font-size:clamp(25px,7vw,32px)}.labs-film-copy p{font-size:10px;margin-top:11px}
}
@media(max-width:360px){.labs-under-nav{gap:20px}.labs-under-nav a{font-size:11px}.labs-film-copy h1{font-size:24px}}
@media(max-height:650px){.labs-film{height:min(49svh,420px)}.labs-hero{gap:11px}}
@media(prefers-reduced-motion:reduce){.labs-logo,.labs-film-copy{animation:none}.labs-film-video{display:none}.labs-film{background:#729480 url('https://cdn.cosmos.so/04969c01-01ee-485f-93f5-aae13456d57d') center/cover no-repeat}}
