/* Shared black / red art direction. Loaded after the legacy layout sheets. */
:root{
  --bg:#080808;
  --surface:#101010;
  --text:#f2f2f2;
  --muted:#858585;
  --quiet:#858585;
  --line:#292929;
  --accent:#ff2028;
}
body{background:#080808;color:var(--text)}
a:focus-visible,button:focus-visible,video:focus-visible,summary:focus-visible{outline-color:var(--accent)}
.section-label{border-top-color:#303030;color:var(--accent)}
.section-label span:last-child{color:#858585}
.section-heading>p{color:#a1a1a1}
.section-heading h2::after{background:var(--accent)}
.text-link{border-color:#666}
.text-link:hover{color:var(--accent);border-color:var(--accent)}
.button{border-color:#595959;color:var(--text)}
.button:hover{background:#231112}
.button.primary,.hero-actions .button.primary{background:var(--accent);border-color:var(--accent);color:#080808}
.button.primary:hover,.hero-actions .button.primary:hover{background:#ff5a60;color:#080808}
.draft{border-color:#5b4545;color:#d4bcbc}

.site-header{border-bottom-color:#ffffff1f;background:linear-gradient(180deg,#080808d9,#08080800)}
.wordmark::before{background:var(--accent);box-shadow:0 0 18px #ff202889}
.wordmark>span.brand-name{color:#d4d4d4}
.site-header nav>a:hover,.site-header sup{color:var(--accent)}
.site-header .nav-contact{border-color:#ff20288a}
.site-header .nav-contact:hover{background:#ff202823}

.hero{background:#080808}
.hero::before{background:linear-gradient(90deg,transparent calc(100% - 1px),#ff202812 0),linear-gradient(0deg,transparent calc(100% - 1px),#ff202812 0);background-size:80px 80px}
.hero-art img,.hero-art video{filter:brightness(.55) contrast(1.09) saturate(.94)}
.hero-art::after{background:linear-gradient(90deg,#080808e8 0%,#080808a4 40%,#08080825 80%,#08080870 100%),linear-gradient(0deg,#080808d9 0%,transparent 32%)}
.hero-signal{color:#ececec}
.hero-copy .eyebrow{color:var(--accent)}
.hero h1>span{color:var(--accent)}
.hero-subtitle{color:#dedede}
.hero-actions .text-link{border-color:#858585;color:#f2f2f2}
.hero-bottom{border-top-color:#ffffff40}
.hero-index a{border-left-color:#666;color:#f2f2f2}
.hero-index a>span,.hero-index a:hover{color:var(--accent)}
.hero-caption{color:#858585}
.hero-caption span{color:#f2f2f2!important}
#hero-playback{border-color:var(--accent);color:var(--accent)}

.section.about{background:#080808}
.about-frame{border-color:#292929;background:radial-gradient(circle at 86% 55%,#210b0c 0%,#0d0909 43%,#080808 82%)}
.about-frame::before{color:#858585}
.about-topline h2{color:#f2f2f2}
.about-topline>a,.about-role{color:var(--accent)}
.about-topline>a:hover{color:#ff7176}
.about-photo{border-color:#292929;background:#101010}
.about-photo img{filter:saturate(.64) contrast(1.1)}
.about-photo figcaption{background:linear-gradient(0deg,#080808dd,transparent)}

.project-card{border:0;background:transparent;box-shadow:none}
.project-card:hover{border:0;box-shadow:none}
.project-image{background:#111}
.project-image::after{background:linear-gradient(0deg,#08080899,transparent)}
.project-number{border-color:#ff202888;background:#080808db;color:var(--accent)}
.project-open{border-color:var(--accent);background:#080808d9;color:var(--accent)}
.project-card:hover .project-open{background:var(--accent);color:#080808}
.image-note{color:#f2f2f2}
.project-meta{padding-left:0;padding-right:0;border-top-color:#292929}
.project-meta .eyebrow,.project-meta>p span{color:var(--accent)}
.project-meta>p{color:#a0a0a0}
.archive-teaser{grid-column:1/-1;display:grid;grid-template-columns:minmax(300px,42%) 1fr;min-height:clamp(460px,48vw,680px);overflow:hidden;background:#101010;color:#f2f2f2}
.archive-teaser-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(30px,5vw,72px);position:relative;z-index:1}
.archive-teaser-copy>.eyebrow{color:var(--accent);font-size:11px}
.archive-teaser-copy h3{font-family:var(--sans);font-size:clamp(60px,7.2vw,122px);font-weight:750;line-height:.86;letter-spacing:-.085em;margin-top:clamp(45px,6vw,90px)}
.archive-teaser-copy h3 span{color:var(--accent)}
.archive-teaser-copy>div{margin-top:auto;padding-top:54px}
.archive-teaser-copy>div p{font-size:22px;font-weight:650}
.archive-teaser-copy>div span{display:block;margin-top:8px;color:#858585;font:11px var(--mono);letter-spacing:.08em}
.archive-teaser-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:44px;margin-top:27px;border-bottom:1px solid var(--accent);color:var(--accent);font-size:13px}
.archive-teaser-image{min-width:0;overflow:hidden;position:relative}
.archive-teaser-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10101033,transparent 30%);pointer-events:none}
.archive-teaser-image img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.archive-teaser:hover .archive-teaser-image img{transform:scale(1.045)}
.archive-teaser:hover .archive-teaser-link{color:#f2f2f2;border-color:#f2f2f2}
.archive-teaser:focus-visible{outline-offset:6px}

.strength-list article{border-color:#292929;background:linear-gradient(145deg,#151010,#0b0b0b)}
.strength-index,.skill-tag,.case-heading .eyebrow,.mini-label{color:var(--accent)}
.strength-list p{color:#a0a0a0}
.case-facts{border-top-color:#444}
.case-facts dt{color:var(--accent)}
.shot-display{border-color:#333;background:#111}
.shot-display figcaption{background:#151515;color:#d0d0d0}
.shot-controls{border-bottom-color:#333}
.shot-controls>button[aria-pressed=true],.shot-controls>button:hover{background:#250d0e}
.shot-controls>button span{color:var(--accent)}
.asset-grid img,.workflow-layout img{background:#141414}
.asset-grid figure,.workflow-layout figure,.case-outcomes article{border-color:#292929}
.asset-grid figcaption,.workflow-layout figcaption{color:var(--accent)}
.case-outcomes{border-top-color:#444}
.case-outcomes article{background:#101010}

.section.contact{background:radial-gradient(circle at 86% 0%,#2a090b 0%,#100b0b 45%,#080808 82%)}
.contact-intro{color:#a1a1a1}
.contact-email{border-bottom-color:var(--accent)}
.contact-email:hover{color:var(--accent)}
.contact-actions .button{border-color:var(--accent);color:var(--accent)}
.contact-actions .button:hover{background:#ff202820}
.footer-bottom{border-top-color:#444}
dialog{border-color:#444;background:#0c0c0c;color:var(--text)}
dialog::backdrop{background:#000e}
.dialog-toolbar{background:#111;border-bottom-color:#383838}
.dialog-toolbar>.eyebrow,.dialog-heading .eyebrow,.detail-media figcaption{color:var(--accent)}
.close-dialog{border-color:#666}
.close-dialog:hover{background:#2a0d0e}
.detail-grid section{border-color:#292929;background:#111}
.detail-media img,.detail-media video{background:#080808}
.detail-media figure{border-bottom-color:#333}

@media(max-width:760px){
  .site-header nav{background:#0c0c0cf7}
  .hero-art img,.hero-art video{filter:brightness(.43) contrast(1.1) saturate(.94)}
  .hero-art::after{background:linear-gradient(90deg,#080808d4,#0808087c),linear-gradient(0deg,#080808e8 0%,transparent 48%)}
  .archive-teaser{display:flex;flex-direction:column-reverse;min-height:0}
  .archive-teaser-image{height:clamp(280px,74vw,450px)}
  .archive-teaser-copy{padding:26px 20px 34px}
  .archive-teaser-copy h3{font-size:clamp(56px,13vw,86px);margin-top:34px}
  .archive-teaser-copy>div{padding-top:38px}
}
@media(prefers-reduced-motion:reduce){
  .archive-teaser-image img,.project-card,.project-image img,.button{transition:none!important}
}