/* PREVIEW 02 — dark base from the uploaded Siuski backup, orange contact area. */
:root{
  --paper:#0f1113;
  --ink:#f4f1eb;
  --orange:#fb6a22;
  --muted:#9ca2a6;
  --line:rgba(255,255,255,.14);
  --blue:#8ac7d5;
  --surface:#15181b;
  --deep:#0f1113;
}
body{background:radial-gradient(circle at 78% 6%,rgba(138,199,213,.065),transparent 24%),var(--paper)}
::selection{background:var(--orange);color:var(--deep)}
h2>span{color:var(--muted)}
.eyebrow{color:var(--blue)}
.skip{background:var(--orange);color:var(--deep)}
.header-contact span{background:var(--orange);color:var(--deep)}
.hero h1>span{color:var(--orange);-webkit-text-stroke:0}
.hero-film{background:var(--deep)}
.hero-film:after{background:linear-gradient(#0f111344,transparent 45%,#0f111388)}
.film-bottom button{background:#0f111355}
.film-top,.film-top .eyebrow{color:white}
.filters button.active{background:var(--ink);border-color:var(--ink);color:var(--deep)}
.work-image{background:var(--surface)}
.work-circle{color:var(--deep)}
.work-badge{background:rgba(15,17,19,.9);color:var(--ink);border:1px solid rgba(255,255,255,.15)}
.dark-section{background:var(--surface);color:var(--ink);border-block:1px solid var(--line)}
.dark-section .small-note{color:var(--muted)}
.swim-copy p{color:#c8cdd0}
.swim-copy p:first-child{color:var(--ink)}
.tags span{border-color:rgba(255,255,255,.26)}
.episode{background:#1c373e}
.episode:nth-child(2){background:#23464f}
.episode:nth-child(3){background:#2a5661}
.episode:hover .play{color:var(--deep)}
.external-note{color:var(--muted)}
.service-grid{border-top-color:var(--line)}
.service-top>span:first-child,.process-list li>span{color:var(--blue)}
.about{background:var(--surface);border-block:1px solid var(--line)}
.collaborator{border-top-color:var(--line)}
.collaborator-monogram{background:#252b30}
.person-image>span{background:#0f111355}
.client-grid{background:var(--surface);border:1px solid var(--line)}
.contact{background:var(--orange);color:var(--deep)}
.contact .eyebrow{color:var(--deep)}
.contact h2>span{color:var(--deep)}
.contact h2>span:not(.contact-arrow){-webkit-text-stroke:0;color:var(--deep)}
.contact-intro .contact-email{border-bottom-color:var(--deep)}
.field input,.field select,.field textarea{color:var(--deep);border-bottom-color:#0f111388}
.field input::placeholder,.field textarea::placeholder{color:#4b361e}
.field select option{background:#f4f1eb;color:var(--deep)}
.privacy-check input{accent-color:var(--deep)}
.submit{background:var(--deep);color:#f4f1eb}
.submit:hover{background:#252b30}
.submit:disabled{cursor:not-allowed}
.form-status.success{background:#f4f1eb;color:var(--deep)}
.site-footer{border-top:1px solid var(--line)}
dialog::backdrop{background:#07090bdd}
.project-gallery img{background:var(--surface)}
.project-gallery video{background:#090b0d}
.youtube-frame{background:var(--surface);color:var(--ink)}
.youtube-consent button{color:var(--deep)}
.legal-draft{background:var(--surface)}

/* Minimal client strip: original colors, no panels or cell borders. */
.client-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:40px 48px;padding:22px 0;background:transparent;border:0;overflow:visible}
.client-item{display:flex;align-items:center;justify-content:center;flex:0 1 180px;min-height:90px;padding:4px;background:transparent;border:0}
.client-grid .client-item img{filter:none;opacity:1;width:100%;max-width:180px;height:80px;object-fit:contain;padding:0}
.client-grid .client-item--pancaldi img{filter:grayscale(1) brightness(0) invert(1)}
.client-item--name{font-size:21px;font-weight:500;letter-spacing:.015em;text-align:center;color:var(--ink)}
@media(max-width:800px){.client-grid{gap:30px 34px;padding:15px 0}.client-item{flex-basis:160px;min-height:80px}.client-grid .client-item img{height:75px}}
@media(max-width:700px){.client-grid{gap:28px 24px;padding:10px 0}.client-item{flex:0 1 calc((100% - 24px)/2);min-height:75px;max-width:180px}.client-grid .client-item img{height:70px}.client-item--name{font-size:20px}}