@font-face{font-family:Barlow;font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/barlow-regular.ttf') format('truetype')}
@font-face{font-family:Barlow;font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/barlow-medium.ttf') format('truetype')}
@font-face{font-family:Barlow;font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/barlow-semibold.ttf') format('truetype')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/barlow-condensed-semibold.ttf') format('truetype')}
:root{color-scheme:dark;--background:#101111;--orange:#ff6b0b;--white:#f4f5f1;--silver:#b5bbb7;--line:#343a35}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;background:var(--background);color:var(--white);font:400 1rem/1.7 Barlow,Arial,sans-serif;border-top:4px solid var(--orange)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}
::selection{background:var(--orange);color:var(--background)}
.site-header,main,footer{padding-inline:max(6vw,24px);width:100%;max-width:1720px;margin-inline:auto}
.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{display:block;position:relative;overflow:hidden;flex-shrink:0;width:218px;height:38px}
.wordmark img{position:absolute;width:250px;height:auto;max-width:none;left:-17px;top:-47px}
.status{font-size:.75rem;font-weight:500;letter-spacing:.13em;color:#a6aea8}
main{flex:1;display:grid;grid-template-columns:1.35fr 1fr;align-items:center;gap:6vw;padding-block:65px 85px}
.eyebrow{display:flex;align-items:center;gap:12px;font-size:.75rem;letter-spacing:.12em;font-weight:600;margin:0 0 28px}
.eyebrow>span{width:28px;height:2px;background:var(--orange);flex-shrink:0}
h1{font:600 clamp(4.5rem,7.2vw,7.5rem)/.97 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.02em;margin:0 0 32px}
h1 em{color:var(--orange);font-style:normal}
.intro{font-size:1.3rem;font-weight:500;margin:0 0 12px}
.description{font-size:1.125rem;line-height:1.8;max-width:530px;color:var(--silver);margin:0 0 32px}
.contact{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;min-height:54px;padding:13px 22px;background:var(--orange);color:#101111;font-weight:600;transition:background .15s}
.contact:hover{background:#ff8739}
.contact span{font-size:1.5rem;line-height:1}
.email{display:table;margin-top:18px;color:#c9cfca;font-size:1rem}
.email:hover{text-decoration:underline;text-underline-offset:5px}
.brand-panel{position:relative;aspect-ratio:1;max-width:465px;width:100%;justify-self:end;border:1px solid #625342;background:radial-gradient(ellipse at 80% 55%,#ff6b0b0c,transparent 70%);display:flex;flex-direction:column;justify-content:space-between;padding:25px}
.brand-panel:before,.brand-panel:after{content:'';position:absolute;width:9px;height:9px;background:var(--orange)}
.brand-panel:before{left:-5px;top:-5px}.brand-panel:after{right:-5px;bottom:-5px}
.panel-label,.panel-foot{font-size:.75rem;color:#aab2ab;letter-spacing:.1em}
.panel-foot{color:var(--orange);align-self:flex-end}
.brand-mark{position:relative;width:100%;aspect-ratio:2.9;overflow:hidden}
.brand-mark img{position:absolute;width:100%;height:auto;top:-102%;left:0}
footer{display:flex;justify-content:space-between;gap:20px;padding-block:25px;border-top:1px solid var(--line);color:#a5aea7;font-size:.875rem}
@media(max-width:960px){main{grid-template-columns:1.4fr 1fr;gap:5vw}.brand-panel{padding:18px}.panel-label,.panel-foot{letter-spacing:.04em}h1{font-size:clamp(4rem,8vw,6rem)}}
@media(max-width:720px){.site-header{min-height:95px}.status{display:none}main{grid-template-columns:1fr;padding-block:45px 65px;gap:50px}.hero-copy{max-width:600px}h1{font-size:clamp(3.75rem,13vw,6rem)}.eyebrow{letter-spacing:.06em}.brand-panel{justify-self:start;width:min(100%,420px);aspect-ratio:1.25;padding:24px}.intro{font-size:1.2rem}.description{font-size:1.0625rem}.brand-mark{width:90%;align-self:center}footer{flex-wrap:wrap;font-size:.8125rem}}
@media(max-width:370px){.eyebrow{font-size:.75rem;letter-spacing:0;gap:9px}.eyebrow>span{width:16px}.contact{gap:18px;padding-inline:18px}.panel-label,.panel-foot{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}