/* Forest digital-studio theme. Keep the editorial layout and scroll choreography. */
:root{
  --surface:#202c23;
  --surface-raised:#29372a;
  --soft:#c1cbb8;
  --line:#64725b;
  --green:#c6d9b0;
  --night:#152219;
}
body{background:var(--surface);color:var(--paper)}
.header{background:var(--surface)}
.header nav .nav-contact span{color:var(--paper)}
.brand-dot{color:var(--mint)}
.hero{
  position:relative;
  isolation:isolate;
  background:#465a36 url('/assets/digital-studio/devices.jpg') center 52% / cover no-repeat;
  background-blend-mode:multiply;
  border-bottom:1px solid #748263;
}
.hero:before{
  content:'';
  position:absolute;
  inset:0;
  background:#142219;
  opacity:.2;
  z-index:-1;
}
.hero-line.serif{color:#e0e9c9}
.hero .muted{color:#e0e6d5}
.hero-top .eyebrow,.hero-place{color:#e0e6d5}
.hero .text-link{border-color:#bacba4}
.text-link{border-color:var(--line)}
.read-word.is-read{color:var(--paper)}
.work-sticky{background:var(--surface)}
.image-caption{background:var(--paper);color:var(--ink);border-color:#aaa991}
.project-arrow{color:var(--ink)}
.workflow{
  --on-tint:#d4ddc8;
  --tint-line:#81936e;
  --tint-border:#a1b18c;
  background:#34452e;
  color:var(--paper);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.workflow-steps:after{background:var(--mint)}
.flow-number{background:#34452e;color:var(--paper)}
.workflow-step.is-active .flow-number{background:var(--mint);color:#202c23;border-color:var(--mint)}
.about{background:var(--surface-raised)}
.contact{border-top:1px solid #617051}
.footer{background:var(--surface)}
.project-two-image:focus-visible{outline-color:var(--mint)}
input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--mint)}
@media(max-width:700px){
  .hero{background-position:60% center}
  .hero:before{opacity:.32}
}
/* Matched editorial imagery, kept separate from actual project evidence. */
.workflow-art{margin-top:30px;max-width:420px}
.asset-frame{overflow:hidden;background:#263426;aspect-ratio:1.65}
.asset-frame img{height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.asset-frame:hover img{transform:scale(1.035)}
.asset-caption{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--soft);padding-top:12px}
.asset-caption span{font-size:9px;letter-spacing:.04em;text-transform:uppercase}
.about .about-visual>.eyebrow{font-size:11px;margin:0;max-width:none;color:var(--soft)}
.studio-art{margin-top:35px}
.studio-art .asset-frame{aspect-ratio:1.22}
@media(max-width:700px){
 .workflow-art{max-width:none;margin-top:26px}
 .workflow-art .asset-frame{aspect-ratio:1.5}
 .about-visual{margin-bottom:40px}
 .about .about-visual>.eyebrow{font-size:9px}
 .studio-art{margin-top:25px}
 .studio-art .asset-frame{aspect-ratio:1.4}
}
@media(prefers-reduced-motion:reduce){.asset-frame img{transition:none;transform:none!important}}
@media(min-width:701px) and (max-height:850px){.workflow-heading{position:static}}