/* An austere, late-1960s space-age interpretation of the Ark. */
:root{--paper:#f4f4ef;--white:#fff;--ink:#181818;--blue:#202020;--dark:#141414;--muted:#60605d;--line:#c5c5bd;--soft:#e8e8e2;--lime:#deded5;--accent:#8d2a26;--hero-paper:#f4f4ef;--hero-ink:#181818;--hero-copy:#4f4f4b;--display:'Inter Tight',Helvetica,Arial,sans-serif;--body:'DM Sans',Helvetica,Arial,sans-serif}
.header{border-bottom:1px solid var(--line)}.brand-symbol{color:#111}.brand-name,.brand-name strong{letter-spacing:.015em}
.desktop-nav a{border-radius:0}.desktop-nav a[aria-current=page]:after{background:#181818;height:2px}
.header-project,.button,.filter,.menu-toggle,.film-cover,.film-slot,.film-open,.craft-card,.service-block>img,.service-block .editorial-note,.project-cover,.project-expand,.project-cover-state,.project-expand-icon,.project-form,.brief-result,.path-options label,.form-field input,.form-field textarea,.form-field select,.film-viewer,.viewer-control,.viewer-media-state{border-radius:0;box-shadow:none}
.cinema-hero{border-radius:0;border-bottom:1px solid var(--line)}
.cinema-shade{background:linear-gradient(90deg,#f4f4ef 0%,#f4f4efee 35%,#f4f4ef66 55%,#f4f4ef00 68%)}
.cinema-content h1{font-weight:500;letter-spacing:-.045em}.cinema-content h1>span{color:#181818}
.hero-topline .eyebrow,.hero-topline>span,.eyebrow,.small-meta,.gallery-count,.film-slot,.film-state,.service-tags,.step-counter,.viewer-bar>p{font-family:'Courier New',monospace;letter-spacing:.035em}
.hero-topline .eyebrow{color:#181818}.hero-secondary:hover{color:var(--accent);border-color:var(--accent)}.hero-feature{padding:10px 14px;background:#f4f4eff2;border-left-color:#181818}.hero-feature:hover{background:white}
.studio-line{border-bottom-color:#181818;font-size:.8125rem;letter-spacing:.09em}.studio-line i{color:#181818}
.screening-heading h2>span,.starting-section h2>span{color:#6a6a64}.gallery-toolbar{border-top-color:#181818;border-bottom-color:#c5c5bd}.filter.active{background:#181818;color:white;border-color:#181818}.filter:not(.active):hover{background:#e2e2da}
.film-cover{border:1px solid #bdbdb6}.film-cover>img,.project-expand>img,.service-block>img,.studio-banner>img,#viewer-poster{filter:grayscale(1) contrast(1.04)}.film-cover:hover>img{filter:grayscale(1) contrast(1.04) brightness(.9)}
.film-slot{background:#f4f4ef;color:#181818;border:1px solid #bdbdb6}.film-open{background:#181818cc;border-color:white}.film-caption h3{font-weight:500;letter-spacing:0}.film-caption p{letter-spacing:.02em}
.craft-card{background:transparent;border-color:#bdbdb6}.craft-card:hover{background:#e8e8e2;border-color:#181818}.craft-card>span{color:#8d2a26}.craft-card h3{letter-spacing:-.025em}
.human-section{background:#181818;color:#f4f4ef}.human-section h2>span{color:#babbb3}.human-section .eyebrow{color:#f4f4ef}.human-section .wrap>div>p{color:#c9cac3}.human-section .inline-link{color:#f4f4ef;border-color:#999b91}.human-section .inline-link:hover{color:white;border-color:white}.human-section a:focus-visible{outline-color:white}
.cta{background:#e8e8e2;color:#181818;border-top:1px solid #bdbdb6;border-bottom:1px solid #bdbdb6}.cta h2{color:#181818}.cta-main p,.cta-meta .eyebrow,.cta-index{color:#50504b}.cta .button.white{background:#181818;border-color:#181818;color:#fff}.cta .button.white:hover{background:#8d2a26;border-color:#8d2a26;color:#fff}.cta a:focus-visible{outline-color:#181818}
.footer{background:#f4f4ef;border-top:0}.footer-wordmark{color:#181818;font-weight:500;letter-spacing:-.05em}.footer-wordmark>span{color:#181818}
.service-block .editorial-note{border:1px solid #bdbdb6}.process-grid>div{border-top:1px solid #181818}.project-cover{border:1px solid #bdbdb6}.concept-disclosure{border-left-color:#8d2a26}.project-form{background:#f4f4ef;border-color:#a4a59b}.path-options label:has(input:checked){background:#e8e8e2;border-color:#181818}.brief-result{background:#e8e8e2;border-top-color:#181818}.film-viewer::backdrop{background:#111111de;backdrop-filter:blur(8px)}.viewer-control:hover{background:#181818;color:white}
@media(max-width:760px){.cinema-shade{background:linear-gradient(180deg,#f4f4ef 0%,#f4f4ef 44%,#f4f4ef00 64%)}.hero-feature{padding:8px 9px 8px 12px}.cinema-backdrop{object-position:80% center}.studio-line{font-size:.75rem;letter-spacing:.04em}}

/* The approved monolith composition, with crimson signals and full-color films. */
:root{--blue:#a82438;--accent:#a82438;--lime:#e7dedf}
.desktop-nav a[aria-current=page]:after{background:var(--accent)}
.desktop-nav a:hover{color:var(--accent)}
.header-project{border-color:#a82438;color:#a82438}.header-project:hover{background:#a82438;border-color:#a82438;color:white}
.button.blue:hover{background:#841b2c;border-color:#841b2c}
.filter.active{background:#a82438;border-color:#a82438;color:white}.filter:not(.active):hover{background:#eee3e5;color:#831d2d}
.film-cover>img,.project-expand>img,.service-block>img,.studio-banner>img,#viewer-poster{filter:none}
.film-cover:hover>img{filter:brightness(.94)}
.film-cover:hover .film-open{background:#a82438;border-color:white;color:white}
.craft-card>span{color:#a82438}.craft-card:hover{border-color:#a82438}
.hero-feature{border-left-color:#a82438}
.cta .button.white{background:#a82438;border-color:#a82438;color:white}.cta .button.white:hover{background:#841b2c;border-color:#841b2c;color:white}
.footer-wordmark>span{color:#a82438}
.process-grid>div{border-top-color:#a82438}.concept-disclosure{border-left-color:#a82438}
.path-options label:has(input:checked){background:#eee6e7;border-color:#a82438}.brief-result{border-top-color:#a82438}
.viewer-control:hover{background:#a82438;border-color:#a82438;color:white}
.project-expand:hover .project-expand-icon{background:#a82438;border-color:white;color:white}

/* Keep the Crimson edition intact; adapt only the hero framing for open water. */
.cinema-shade{background:linear-gradient(90deg,#f4f4ef 0%,#f4f4eff0 34%,#f4f4efb8 53%,#f4f4ef00 68%)}
body[data-edition="monolith-camera"] .cinema-backdrop{object-position:61% top}
@media(max-width:760px){
 .cinema-shade{background:linear-gradient(180deg,#f4f4ef 0%,#f4f4ef 44%,#f4f4ef00 64%)}
 body[data-edition="monolith-camera"] .cinema-backdrop{object-position:80% top}
 body[data-edition="monolith-camera"] .cinema-shade{background:linear-gradient(180deg,#f4f4ef 0%,#f4f4ef 39%,#f4f4ef00 54%)}
}

/* Ark Afloat: expressive editorial typography and the original emerald-sea layout. */
:root{--display:'Fraunces',Georgia,'Times New Roman',serif;--body:'Manrope',Arial,sans-serif;--ink:#1b2927;--muted:#56675f;--line:#c7d2cb;--soft:#e8eeea;--dark:#143b32;--hero-ink:#1b2927;--hero-copy:#43564d}
body{font-family:var(--body);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:var(--display);font-weight:500;font-optical-sizing:auto;letter-spacing:-.035em}
.brand-symbol{color:#214b3e}.brand-name,.brand-name strong{font-family:var(--display);font-size:1.25rem;font-weight:500;letter-spacing:-.035em;color:#1b2927}
.header{border-bottom-color:#c7d2cb}.desktop-nav a{font-weight:500}.desktop-nav a:hover{background:transparent;color:#a82438}.desktop-nav a[aria-current=page]:after{height:1px}
.header-project,.button,.filter{border-radius:999px}.header-project,.button{font-weight:600;letter-spacing:-.015em}
.button{transition:background .2s,color .2s,border-color .2s}.button.outline{border-color:#718478}.button.outline:hover{background:#e8eeea;border-color:#214b3e}
.inline-link{font-weight:500;letter-spacing:-.015em;border-color:#9bae9f}
.hero-topline .eyebrow,.hero-topline>span,.eyebrow,.small-meta,.gallery-count,.film-slot,.film-state,.service-tags,.step-counter,.viewer-bar>p{font-family:var(--body);font-weight:500;letter-spacing:.055em}
.cinema-content h1{font-family:var(--display);font-size:clamp(4.3rem,7.15vw,8rem);font-weight:400;line-height:1.045;letter-spacing:-.05em;color:#1b2927}
.cinema-content h1>span{font-style:italic;font-weight:400;letter-spacing:-.055em;color:#204b3d}
.cinema-content>p{font-size:1rem;line-height:1.85;max-width:440px;color:#43564d}
.hero-secondary{font-family:var(--body);font-weight:500;font-size:.875rem}
.hero-feature{background:#f4f4eff2;border-left-color:#a82438;border-radius:0 4px 4px 0}.hero-feature strong{font-family:var(--display);font-size:1.2rem;letter-spacing:-.025em;font-weight:500}.hero-feature>span{font-size:.75rem;letter-spacing:.035em}
.hero-topline .eyebrow{color:#43564d}.scroll-prompt{color:#43564d}.scroll-prompt>span{border-color:#82988b}
.studio-line{color:#56675f;font-size:.8125rem;letter-spacing:.025em;border-bottom-color:#c7d2cb}.studio-line i{color:#32624f}
.screening-heading h2,.section-heading h2,.starting-section h2{font-family:var(--display);font-weight:400;letter-spacing:-.04em;line-height:1.12}
.screening-heading h2>span,.page-title-row h1>span,.starting-section h2>span{color:#426552;font-style:italic}
.screening-intro>p{line-height:1.85}.gallery-toolbar{border-top-color:#c7d2cb;border-bottom-color:#c7d2cb}.filter{font-weight:500}.filter.active{font-weight:600}
.film-cover{border-radius:4px;border-color:#c7d2cb}.film-slot{border-radius:3px;border-color:#c7d2cb;font-variant-numeric:tabular-nums}.film-open{border-radius:50%}
.film-caption h3{font-family:var(--display);font-size:1.4rem;font-weight:500;letter-spacing:-.025em;line-height:1.25}.film-caption p{font-size:.75rem;line-height:1.75;letter-spacing:0;margin-top:7px}
.craft-card{background:transparent;border:0;border-top:1px solid #b7c6bc;padding-left:0;padding-right:22px;border-radius:0}.craft-card:hover{background:transparent;border-top-color:#a82438}.craft-card h3{font-family:var(--display);font-size:clamp(2rem,2.65vw,2.8rem);font-weight:400;line-height:1.14;letter-spacing:-.035em}.craft-card>p{line-height:1.85}.craft-card>div{font-weight:500}
.human-section{background:#143b32;color:#f4f4ef}.human-section h2{font-family:var(--display);font-weight:400;letter-spacing:-.035em;line-height:1.12}.human-section h2>span{color:#c9dace;font-style:italic}.human-section .eyebrow{color:#e4ebe5}.human-section .wrap>div>p{color:#d4e1d7;line-height:1.85}.human-section .inline-link{color:#f4f4ef;border-color:#93b2a0}.human-section .inline-link:hover{color:#fff;border-color:#fff}
.starting-links span{font-family:var(--display);font-size:1.85rem;font-weight:400;letter-spacing:-.03em}.starting-links small{font-family:var(--body);font-size:.75rem;letter-spacing:.065em;font-weight:500}
.cta{background:#e8eeea;border-color:#c7d2cb;color:#1b2927}.cta h2{font-family:var(--display);font-weight:400;letter-spacing:-.045em;line-height:1.1;color:#1b2927}.cta-main p,.cta-meta .eyebrow,.cta-index{color:#43564d}
.footer{background:#f4f4ef}.footer-brand{font-family:var(--display);font-size:1.45rem;font-weight:500;letter-spacing:-.035em}.footer-brand>span{font-family:var(--body);letter-spacing:0}.footer-wordmark{font-family:var(--display);font-weight:400;letter-spacing:-.045em;color:#204b3d}.footer-wordmark>span{font-family:var(--body);color:#a82438}
.page-title-row h1,.project-title-row h1,.studio-hero h1,.brief-heading h1{font-family:var(--display);font-weight:400;letter-spacing:-.045em;line-height:1.08}
.service-block h2,.project-story h2{font-weight:400;letter-spacing:-.035em}.service-big-number{font-family:var(--body);font-weight:400;font-size:1.5rem}.service-block .editorial-note{background:#e8eeea;border-color:#c7d2cb;border-radius:4px}.editorial-note blockquote{font-family:var(--display);font-weight:400;font-style:italic;line-height:1.3;letter-spacing:-.025em}
.service-block>img,.project-cover,.project-expand{border-radius:4px}.process-grid h3,.principle-list h3{font-family:var(--display);font-size:1.6rem;font-weight:500;letter-spacing:-.025em}.process-grid>div{border-top-width:1px}.studio-banner h2{font-family:var(--display);font-weight:400;letter-spacing:-.04em}
.project-form{background:#f8faf6;border-color:#c7d2cb;border-radius:6px}.brief-step h2{font-family:var(--display);font-size:2.3rem;font-weight:400;letter-spacing:-.035em}.brief-result{background:#e8eeea;border-radius:3px}.brief-result h3{font-family:var(--display);font-size:1.9rem;font-weight:500}.path-options label{border-radius:4px}.form-field input,.form-field textarea,.form-field select{border-radius:3px;background:#fffefb;border-color:#879b8f}
.film-viewer{border-radius:6px;border-color:#a2b4a9}.viewer-control{border-radius:50%}.viewer-bar{border-color:#c7d2cb}.viewer-info h2{font-family:var(--display);font-size:2.6rem;font-weight:400;letter-spacing:-.035em}.viewer-info #viewer-description{line-height:1.85}
@media(min-width:1700px){.cinema-content h1{font-size:7.8rem}}
@media(max-width:980px){.brand-name,.brand-name strong{font-size:1.05rem}.cinema-content h1{font-size:7.8vw}.cinema-content>p{max-width:420px}}
@media(max-width:760px){
 .brand-name,.brand-name strong{font-size:1.12rem}
 .cinema-content h1{font-size:clamp(2.55rem,10.2vw,4.8rem);line-height:1.06;letter-spacing:-.04em}.cinema-content h1>span{letter-spacing:-.045em}
 .cinema-content>p{font-size:1rem;line-height:1.8;max-width:330px}
 .hero-feature strong{font-size:1rem;max-width:160px}.hero-feature>span{font-size:.75rem;letter-spacing:.015em}.hero-secondary{font-size:.8125rem}
 .cinema-backdrop{object-position:80% center}.cinema-shade{background:linear-gradient(180deg,#f4f4ef 0%,#f4f4ef 39%,#f4f4ef00 54%)}
 .studio-line{font-size:.75rem;letter-spacing:.015em}.screening-heading h2{font-size:2.8rem}.craft-section .section-heading h2{font-size:2.6rem}
 .film-caption h3{font-size:1.4rem}.craft-card{padding-left:0;padding-right:15px;border-radius:0}.craft-card h3{font-size:2.3rem}
 .human-section h2{font-size:clamp(2.35rem,9vw,4rem);line-height:1.13;letter-spacing:-.04em}.starting-section h2{font-size:2.65rem}.starting-links span{font-size:1.65rem}
 .cta h2{font-size:clamp(2.5rem,9.7vw,4rem)}.footer-wordmark{font-size:8vw}.footer-brand{font-size:1.22rem}
 .page-title-row h1{font-size:11vw}.project-title-row h1{font-size:12vw}.studio-hero h1{font-size:13vw}.brief-heading h1{font-size:12vw}
 .project-form{border-radius:6px}.brief-step h2{font-size:2.2rem}.film-viewer{border-radius:6px}.viewer-info h2{font-size:2.3rem}
}

/* An additive production overview; all existing components remain unchanged. */
.production-section{padding-top:64px}
.production-heading .eyebrow{margin-bottom:18px;color:var(--accent)}
.production-heading h2{font-family:var(--display);font-size:clamp(2.6rem,3.5vw,3.8rem);font-weight:400;line-height:1.12;letter-spacing:-.04em;color:var(--ink)}
.production-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin-top:34px}
.production-card{min-width:0;padding-top:22px;border-top:1px solid var(--line)}
.production-number{display:block;font-family:var(--body);font-size:.75rem;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:.055em;color:var(--accent)}
.production-card h3{min-height:2.4em;margin:18px 0 14px;font-family:var(--display);font-size:clamp(1.65rem,2.05vw,2.15rem);font-weight:400;line-height:1.2;letter-spacing:-.03em;color:var(--ink)}
.production-card>p{max-width:33ch;font-family:var(--body);font-size:1rem;line-height:1.8;color:var(--muted)}
.production-card .inline-link{margin-top:20px}
@media(max-width:1000px){.production-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 28px}.production-card h3{font-size:1.9rem}}
@media(max-width:640px){.production-section{padding-top:48px}.production-heading h2{font-size:2.6rem}.production-heading .eyebrow{margin-bottom:16px}.production-grid{grid-template-columns:1fr;gap:25px;margin-top:28px}.production-card{padding-top:20px}.production-card h3{min-height:0;margin:13px 0 12px;font-size:1.9rem}.production-card>p{max-width:40ch}}

.vimeo-player{display:block;width:100%;border:0;background:#050608}
.viewer-screen>.vimeo-player{position:absolute;inset:0;height:100%}
.project-cover>.vimeo-player{aspect-ratio:16/9}
.viewer-status a{text-decoration:underline;text-underline-offset:3px}

/* Category shelves preserve the existing sample cards and three-column framing. */
.sample-rows{display:grid;gap:48px;min-width:0}
.sample-row{min-width:0}
.sample-row+.sample-row{border-top:1px solid var(--line);padding-top:34px}
.sample-row-heading{display:flex;align-items:center;justify-content:space-between;gap:20px 32px;margin-bottom:20px;flex-wrap:wrap}
.sample-row-heading h3{font-family:var(--display);font-size:clamp(1.5rem,2.3vw,2rem);font-weight:500;letter-spacing:-.025em;line-height:1.25;flex:1 1 300px}
.sample-row-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}
.sample-row-position{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted);margin-right:8px;min-width:62px;text-align:right}
.sample-row-controls button{background:transparent;border:1px solid var(--line);border-radius:999px;padding:10px 15px;min-height:44px;font-size:.875rem;line-height:1.4;transition:background .2s,color .2s,border-color .2s}
.sample-row-controls button:hover:not(:disabled){background:var(--blue);border-color:var(--blue);color:white}
.sample-row-controls button:disabled{opacity:.38}
.sample-row-track{--sample-gap:24px;display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 2 * var(--sample-gap))/3);gap:var(--sample-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:var(--line) transparent;min-width:0;padding:6px 0 16px;scroll-behavior:smooth}
.sample-row-track>.film-card{scroll-snap-align:start;scroll-margin:0}
.sample-row-track:focus-visible{outline:2px solid var(--blue);outline-offset:5px}
.sample-row-track a:focus-visible,.sample-row-track button:focus-visible{outline-offset:-3px}
@media(max-width:1024px){.sample-row-track{--sample-gap:22px;grid-auto-columns:calc((100% - var(--sample-gap))/2)}}
@media(max-width:600px){.sample-rows{gap:32px}.sample-row+.sample-row{padding-top:26px}.sample-row-heading{gap:16px;margin-bottom:16px}.sample-row-heading h3{flex-basis:100%;font-size:1.5rem}.sample-row-controls{margin-left:auto}.sample-row-track{--sample-gap:18px;grid-auto-columns:88%}}
@media(prefers-reduced-motion:reduce){.sample-row-track{scroll-behavior:auto}.sample-row-controls button{transition:none}}