/* The service landing page shares the live studio's Film Journal palette. */
:root{color-scheme:light;--ground:#fff9e8;--ground-2:#fffdf2;--ground-3:#eef0d8;--ink:#304333;--ink-2:#5e6b57;--ink-3:#75816e;--rule:#d8d9bd;--rule-2:#bec4a7;--ore:#4b683e;--ore-soft:#dfe8c7;--max:1320px}
body::before{opacity:.12;mix-blend-mode:multiply}
.launchbar{background:#f5db82;border-color:#e8cd73;color:var(--ink)}
.launchbar span,.launchbar a{color:var(--ink);border-color:var(--ore)}
.masthead{position:relative;background:var(--ground);backdrop-filter:none}
.masthead .wrap{height:86px}
.mark img{filter:brightness(.46)}
.mark b i,.mark span{color:var(--ink)}
nav a{color:var(--ink)}
nav a[aria-current]{color:var(--ore);border-bottom:2px solid var(--ore);padding-bottom:4px}
.btn{background:var(--ore);color:#fffdf3;border-color:var(--ore);transition:transform .28s cubic-bezier(.2,.8,.2,1),background .28s cubic-bezier(.2,.8,.2,1)}
.btn:hover{background:#3a5430;color:#fffdf3}.btn:active{transform:translateY(1px)}
.btn--ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--ghost:hover{background:var(--ink);color:var(--ground)}
.display{line-height:1.04;letter-spacing:-.055em}.display em{color:var(--ink)}
.eyebrow i{background:var(--ore);box-shadow:0 0 0 5px #dfe8c7}
.proof{border-radius:12px;background:var(--ground-2);box-shadow:12px 16px 0 #e5e8ca}
.proof video{border-radius:5px}
.fit-card:nth-child(2){background:#edf0d9}.fit-card:nth-child(3){background:#f6eecf}
.other,.service-item{background:var(--ground-2)}
.service-item:nth-child(2){background:#edf0d9}.service-item:nth-child(3){background:#f6eecf}
.quote-form{border-radius:12px;background:#f2f3db}
.field input,.field textarea{background:#fffdf3;color:var(--ink);border-color:var(--rule-2);border-radius:6px}
.field input[type=file]::file-selector-button{background:var(--ore);color:#fffdf3;border-color:var(--ore)}
.form-status[data-state=success]{color:#315c38}.form-status[data-state=error]{color:#963b29}
.case-intro{display:grid;grid-template-columns:minmax(0,.65fr) minmax(0,1.35fr);gap:clamp(28px,7vw,100px);align-items:center;margin-top:48px}
.case-source{margin:0;max-width:310px}.case-source img{width:100%;height:auto;border-radius:6px}
.case-source figcaption,.case-gallery figcaption{font-size:.75rem;color:var(--ink-2);padding-top:12px}
.case-story h3{font-size:clamp(2.2rem,4vw,3.5rem);margin:18px 0 24px}
.case-story p{max-width:56ch;color:var(--ink-2)}
.case-story dl{margin:30px 0}.case-story dl div{display:grid;grid-template-columns:130px 1fr;gap:16px;padding:14px 0;border-top:1px solid var(--rule)}
.case-story dt{font-weight:600;font-size:.85rem}.case-story dd{margin:0;color:var(--ink-2);font-size:.85rem}.case-note{font-size:.8rem}
.case-films{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);align-items:start;gap:clamp(24px,4vw,60px);margin-top:70px}
.case-film{margin:0;min-width:0}.case-player{padding:7px;background:#e5e8ca;border-radius:12px}.case-player video{width:100%;display:block;object-fit:contain;background:#172332;border-radius:6px;aspect-ratio:16/9}.case-film--vertical video{aspect-ratio:9/16}
.case-film figcaption{padding:20px 0}.case-film h3{font-size:1.05rem;font-weight:600;margin:0 0 5px}.case-film p{font-size:.8rem;color:var(--ink-2);margin:0}
.case-frames{margin-top:48px}.case-frames-heading p{margin:10px 0 24px;color:var(--ink-2)}
.case-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.case-gallery figure{margin:0}.case-gallery figure:first-child{grid-column:1/-1;max-width:840px}.case-gallery img{width:100%;height:auto;border-radius:6px}
.case-next{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding-top:28px;border-top:1px solid var(--rule)}.case-next p{color:var(--ink-2)}
@media(max-width:800px){.case-intro{grid-template-columns:1fr}.case-source{max-width:240px}.case-films{grid-template-columns:1fr}.case-film--vertical{width:100%;max-width:340px;justify-self:center}.case-gallery{grid-template-columns:1fr}.case-next{align-items:start;flex-direction:column}.case-story dl div{grid-template-columns:110px 1fr}}
@media(max-width:900px){nav{display:flex}nav a:not(.pdf-nav):not(.services-nav){display:none}.masthead .wrap{gap:14px}}
@media(max-width:650px){.masthead .wrap{height:auto;min-height:73px;padding-block:14px;flex-wrap:wrap}.masthead .wrap>.btn{display:none}.proof-grid{grid-template-columns:1fr}.proof{box-shadow:8px 10px 0 #e5e8ca}}