/* Brand manual v1.0: exact vector signatures; Paper, Carbon and Pulse. */
:root{--bg:#141414;--fg:#f1f0ec;--accent:#00dedf}
.home{--paper:#f1f0ec;background:#141414}
.home footer,.home .reel-frame{background:#141414}
.home .signature-description{color:#62625d}
header .wordmark,.home header .wordmark{display:block;width:160px;flex-shrink:0;line-height:0;font-size:inherit;padding:0}
.wordmark img{display:block;width:100%;height:auto}
.brand-signature{display:block;width:100%;height:auto}
.home .signature-banner{padding-top:0;padding-bottom:12px;overflow:visible}
.home .signature-hero{padding-top:26px;padding-bottom:60px}
.home .signature-details{padding-top:0}
.home header{position:relative;display:grid;grid-template-columns:minmax(144px,1fr) auto minmax(144px,1fr);align-items:center;gap:24px;min-height:150px;padding-top:24px;padding-bottom:24px}
.home header .wordmark{grid-column:1;grid-row:1;justify-self:start}
.home header .wordmark.brand-loop{width:96px;height:96px;justify-self:start}
.brand-loop:focus-visible{outline:2px solid currentColor;outline-offset:4px;border-radius:8px}
.brand-loop video{display:block;width:100%;height:100%;object-fit:contain;mask-image:radial-gradient(ellipse,black 58%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse,black 58%,transparent 76%)}
.home header nav{grid-column:2;grid-row:1;justify-self:center;display:flex;gap:24px;margin:0;white-space:nowrap}
.home header>.language-bar{grid-column:3;grid-row:1;justify-self:end;margin:0}
.home header nav a:last-child{min-height:44px;padding:0 18px;gap:14px}
body:not(.home) header{gap:24px;flex-wrap:wrap}
body:not(.home) header .wordmark{margin-right:auto}
@media(max-width:1100px) and (min-width:701px){.home header nav{gap:16px;font-size:12px}.home header nav a:last-child{padding:0 14px;gap:10px}.home header .wordmark.brand-loop{width:80px;height:80px}}
@media(max-width:700px){
 .home header{grid-template-columns:44px minmax(0,1fr) 96px;gap:8px;min-height:0;padding-top:18px;padding-bottom:20px}
 .home header .wordmark,header .wordmark{width:152px}
 .home header .wordmark.brand-loop{width:44px;height:44px}
 .home header nav,body:not(.home) header nav{display:flex;flex-wrap:nowrap;align-items:center;justify-self:end;gap:18px;margin:0;white-space:nowrap;font-size:13px}
 .home header nav{grid-column:2;grid-row:1;justify-self:center;gap:12px;font-size:12px}
 .home header nav>a:not(:last-child){display:inline-flex;align-items:center;justify-content:center;height:44px;min-height:44px;line-height:1;padding:0;align-self:center}
 .home header .wordmark.brand-loop,.home header>.language-bar,.home header nav{align-self:center}
 .home header>.language-bar{grid-column:3;grid-row:1;margin:0}
 .home header .language-switch{width:96px;padding:3px}
 .home header .language-switch a{min-height:32px;font-size:10px;gap:0}
 .home header .language-indicator{inset:3px auto 3px 3px;width:calc((100% - 6px)/2)}
 .home header nav>a[href="#contact"],body:not(.home) header nav>a[href="#contact"]{display:none!important}
 .home header nav a,body:not(.home) header nav a{display:inline-flex;align-items:center;min-height:44px}
 .home .signature-hero{padding-top:18px;padding-bottom:44px}
 .home .signature-details{padding-top:8px}
 body:not(.home) header{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center}
 body:not(.home) header .wordmark{grid-column:1;grid-row:1}
 body:not(.home) header nav{grid-column:2;grid-row:1}
 body:not(.home) header .motion-toggle{grid-column:1;grid-row:2}
}
@media(max-width:380px){.home header{column-gap:6px}}
@media(prefers-reduced-motion:reduce){.brand-loop video{visibility:hidden}.brand-loop{background:url('/assets/brand/face-carbon.svg') center/contain no-repeat}}

.project-signature{height:112px;display:flex;align-items:center;justify-content:center;background:var(--bg,#141414)}.project-signature video{display:block;width:64px;height:64px;object-fit:contain;mix-blend-mode:screen}@media(max-width:700px){.project-signature{height:96px}.project-signature video{width:56px;height:56px}}

/* Home signature sits at the centre between contact and location. */
.home footer .bottom{display:grid;grid-template-columns:minmax(0,1fr) 96px minmax(0,1fr);align-items:center;gap:20px}
.home footer .bottom>a{justify-self:start;overflow-wrap:anywhere}
.home footer .bottom>span{justify-self:end;text-align:right}
.home .footer-signature{height:96px;display:flex;align-items:center;justify-content:center}
.home .footer-signature video{display:block;width:64px;height:64px;object-fit:contain;mix-blend-mode:screen}
@media(max-width:700px){
 .home footer .bottom{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);grid-template-areas:"email location" "signature signature";gap:12px 16px}
 .home footer .bottom>a{grid-area:email}
 .home footer .bottom>span{grid-area:location}
 .home .footer-signature{grid-area:signature;height:80px}
 .home .footer-signature video{width:56px;height:56px}
}