/* Awwwards-inspired editorial hierarchy in the existing Whale palette. */
:root{--content-width:1240px;--gutter:40px}
.header{height:88px;border-bottom:0}
.simple-header .simple-nav{gap:28px}
.simple-nav a:last-child{border:1px solid var(--accent);padding:0 18px;border-radius:4px;color:var(--accent)}
.home-feature{padding-top:46px}
.feature-heading{text-align:center;margin-bottom:44px}
.feature-heading .eyebrow{color:var(--muted);font-size:11px}
.feature-heading .eyebrow span{margin-inline:14px}
.feature-word{font-family:'Courier New',Courier,monospace;font-size:clamp(60px,8.7vw,128px);line-height:1.04;letter-spacing:-.075em;color:var(--accent);margin:26px 0 18px}
.feature-word span{display:inline-block}
.feature-heading h1{font-family:var(--serif);font-size:25px;letter-spacing:.13em;line-height:1.6}
.feature-heading .feature-intro{font-size:13px;color:var(--muted);margin-top:12px}
.feature-image{display:block;position:relative;overflow:hidden;border-radius:5px;background:var(--sage)}
.feature-image img{width:100%;height:auto;aspect-ratio:2.35;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.feature-play{position:absolute;right:24px;bottom:24px;display:grid;place-items:center;width:56px;height:56px;border:1px solid #ffffffa8;border-radius:50%;color:white;font-size:28px;background:#162d3c26;backdrop-filter:blur(6px)}
.feature-caption{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0 24px;border-bottom:1px solid var(--line)}
.feature-caption p{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.feature-caption .eyebrow{font-size:10px;color:var(--muted)}
.feature-caption strong{font-size:14px;font-weight:500}
.feature-caption .text-link{font-size:12px;gap:24px;white-space:nowrap;min-height:44px}
.editorial-heading{text-align:center;max-width:760px;margin:0 auto 36px}
.editorial-heading .eyebrow{color:var(--accent)}
.editorial-heading h2{font-family:var(--serif);font-size:clamp(32px,4.2vw,54px);line-height:1.4;letter-spacing:.035em;margin-top:18px}
.editorial-heading>p:last-child:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:16px}
.editorial-home #selected{padding:76px 0}
.collection-toolbar{display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:16px}
.collection-toolbar .film-category-links{margin:0;gap:12px 24px;font-size:12px}
.collection-toolbar .film-category-links a{border:0}
.collection-toolbar>.text-link{font-size:12px;min-height:44px;gap:20px;white-space:nowrap}
.film-grid,#selected .film-grid{gap:30px 20px}
.film-cover{border-radius:4px}
.film-cover img{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.film-caption{padding-top:12px}
.film-caption h3{font-size:14px}
.film-caption p{color:var(--muted)}
.film-index{background:#f8f8f8f0;border-radius:2px;font-family:'Courier New',Courier,monospace}
.round-arrow{background:#162d3c26;border-radius:50%;transition:background .25s,transform .25s}
.editorial-home #about{border-top:1px solid var(--line);padding:76px 0}
.story-stills{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px}
.story-stills figure{margin:0;min-width:0}
.story-stills a{display:block}
.story-stills img{aspect-ratio:16/10;object-fit:cover;border-radius:4px}
.story-stills figcaption{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted);padding-top:12px}
.studio-note{display:flex;justify-content:space-between;align-items:flex-end;gap:64px;margin:36px 0 0}
.studio-note .intro-copy{font-size:15px;line-height:2;max-width:760px}
.studio-note>.text-link{white-space:nowrap;min-height:44px}
.editorial-home .team-links{margin-top:36px}
.editorial-home #services{padding:72px 0}
.editorial-home #services .intro-grid h2{font-size:36px;line-height:1.5}
.editorial-home #testimonials{padding:64px 0}
.editorial-home .closing>.wrap{padding:64px 0}
.editorial-home .closing h2{font-size:42px;font-family:var(--serif)}
.contact-qr{max-width:240px;justify-self:end}
.editorial-page .page-heading{text-align:center;padding:52px 0 42px}
.editorial-page .page-heading h1{margin:16px auto 0;font-size:clamp(30px,4vw,48px)}
.editorial-page .page-heading .lead{margin:20px auto 0}
.editorial-page .breadcrumb{margin-bottom:24px}
.portfolio-categories>.film-category-links{justify-content:center;margin-bottom:28px}
.film-category{padding:28px 0 36px}
.footer-word{font-size:clamp(38px,8vw,112px);margin:38px 0;line-height:1.1}
.editorial-home .footer{padding-bottom:110px}
.section-dock{position:fixed;z-index:50;left:50%;bottom:20px;transform:translateX(-50%);display:flex;gap:4px;max-width:calc(100% - 24px);padding:6px;border:1px solid #c4c8d0;background:#f8f8f8f2;backdrop-filter:blur(16px);border-radius:8px;box-shadow:0 5px 24px #34393e12}
.section-dock a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;font-size:12px;white-space:nowrap;border-radius:4px;transition:background .2s,color .2s}
.section-dock a:hover,.section-dock a[aria-current="location"]{background:var(--sage);color:var(--accent)}
.section-dock .dock-contact{background:var(--accent);color:var(--paper)}
.section-dock .dock-contact:hover,.section-dock .dock-contact[aria-current="location"]{background:#3e5479;color:var(--paper)}
@media(hover:hover) and (pointer:fine){.film-item:hover img{transform:scale(1.035)}.film-item:hover .round-arrow{transform:translate(1px,-1px);background:#50658ab3}.feature-image:hover img{transform:scale(1.015)}}
@media(max-width:1000px){:root{--gutter:28px}.film-grid,#selected .film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-caption{align-items:flex-start}.feature-caption p{display:block}.feature-caption strong{display:block;margin-top:8px}.studio-note{gap:32px}.contact-grid{gap:36px}}
@media(max-width:700px){
 :root{--gutter:20px}
 .header{height:auto}.simple-header{padding-top:22px;padding-bottom:16px}.simple-header .simple-nav{gap:0 20px;font-size:12px}.simple-nav a:last-child{border:0;padding:0}.simple-header .brand{flex-basis:100%}
 .home-feature{padding-top:28px}.feature-heading{margin-bottom:28px}.feature-heading .eyebrow{font-size:9px;letter-spacing:.07em}.feature-heading .eyebrow span{margin-inline:6px}
 .feature-word{font-size:clamp(35px,9.2vw,62px);letter-spacing:-.065em;margin:22px 0 16px}.feature-heading h1{font-size:19px;letter-spacing:.06em}.feature-heading .feature-intro{font-size:12px;max-width:24em;margin:12px auto 0}
 .feature-image img{aspect-ratio:1.65;object-position:center}.feature-play{right:14px;bottom:14px;width:38px;height:38px;font-size:21px}
 .feature-caption{padding:14px 0 18px;gap:8px;display:block}.feature-caption strong{font-size:13px}.feature-caption .text-link{font-size:11px;margin-top:6px;min-height:36px}.feature-caption .eyebrow{font-size:9px}
 .editorial-home #selected,.editorial-home #about{padding:48px 0}.editorial-heading{margin-bottom:28px}.editorial-heading h2{font-size:29px;margin-top:14px}.editorial-heading .eyebrow{font-size:10px}.editorial-heading>p:last-child:not(.eyebrow){font-size:12px;max-width:25em;margin:14px auto 0}
 .collection-toolbar{gap:10px;padding-bottom:10px;margin-bottom:20px}.collection-toolbar .film-category-links{gap:14px;font-size:11px}.collection-toolbar>.text-link{font-size:11px;gap:8px}
 .film-grid,#selected .film-grid{gap:24px 12px}.film-caption h3{font-size:13px}.film-caption p{font-size:10px}.film-caption{padding-top:9px}
 .story-stills{gap:12px;margin-top:28px}.story-stills img{aspect-ratio:4/5}.story-stills figcaption{font-size:11px;gap:4px;display:block}.story-stills figcaption span{display:block}.story-stills figcaption span+span{margin-top:4px;font-size:10px}
 .studio-note{display:block;margin-top:28px}.studio-note .intro-copy{font-size:14px}.studio-note>.text-link{margin-top:16px}.editorial-home .team-links{margin-top:24px}
 .editorial-home #services{padding:48px 0}.editorial-home #services .intro-grid h2{font-size:28px}.editorial-home #testimonials{padding:48px 0}
 .editorial-home .closing>.wrap{padding:44px 0}.editorial-home .closing h2{font-size:29px}.contact-qr{justify-self:center;max-width:250px}
 .section-dock{bottom:max(12px,env(safe-area-inset-bottom));gap:2px;padding:4px;width:max-content}.section-dock a{padding:0 10px;min-height:44px;font-size:11px}
 .editorial-page .page-heading{padding:34px 0}.editorial-page .page-heading h1{font-size:30px}.footer-word{font-size:clamp(28px,7.5vw,50px)}
}
@media(max-width:360px){.simple-header .simple-nav{gap:0 16px}.section-dock a{padding:0 8px;font-size:10px}.collection-toolbar .film-category-links{gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-image img,.film-cover img,.round-arrow{transition:none!important;transform:none!important}}
@media(prefers-reduced-transparency:reduce){.section-dock{background:var(--paper);backdrop-filter:none}}