:root { --ink:#111111; --paper:#f3f0ea; --acid:#d5ff31; --line:rgba(17,17,17,.22); }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); font-family:"Barlow Condensed",Arial,sans-serif; }
.hero { min-height:720px; height:100vh; position:relative; display:flex; flex-direction:column; overflow:hidden; color:white; }
.hero-image,.hero-wash { inset:0; width:100%; height:100%; position:absolute; }
.hero-image { object-fit:cover; object-position:center; filter:saturate(1.06) contrast(1.03); }
.hero-wash { background:linear-gradient(90deg,rgba(7,7,9,.82) 0%,rgba(7,7,9,.54) 38%,rgba(7,7,9,.06) 78%),linear-gradient(0deg,rgba(7,7,9,.50),transparent 42%); }
.site-header { position:relative; z-index:1; display:flex; justify-content:space-between; align-items:flex-start; padding:28px clamp(24px,5vw,80px); }
.logo { width:122px; height:auto; display:block; filter:invert(1); }
.status,.eyebrow,.location-label { text-transform:uppercase; letter-spacing:.115em; font-family:"DM Mono",monospace; font-size:10px; font-weight:500; }
.status { margin-top:7px; border:1px solid rgba(255,255,255,.55); padding:8px 11px 7px; }
.hero-copy { position:relative; z-index:1; margin:auto clamp(24px,5vw,80px) clamp(64px,9vh,110px); max-width:760px; }
.eyebrow { margin:0 0 17px; color:var(--acid); }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:clamp(55px,8.3vw,128px); line-height:.84; letter-spacing:-.045em; font-weight:600; margin-bottom:26px; text-transform:uppercase; }
.intro { font-family:"DM Mono",monospace; max-width:475px; font-size:12px; line-height:1.65; margin-bottom:28px; }
.contact-link { display:inline-flex; gap:35px; color:white; text-decoration:none; border-bottom:2px solid var(--acid); padding-bottom:9px; font-size:20px; font-weight:600; text-transform:uppercase; letter-spacing:.035em; transition:color .2s,gap .2s; }
.contact-link:hover { color:var(--acid); gap:45px; }
.scroll-cue { position:absolute; z-index:1; bottom:30px; right:clamp(24px,5vw,80px); font:10px "DM Mono",monospace; text-transform:uppercase; letter-spacing:.08em; display:flex; align-items:center; gap:12px; }
.scroll-cue span { width:32px; height:1px; background:var(--acid); }
.contact { padding:clamp(60px,9vw,140px) clamp(24px,8vw,150px) 54px; display:grid; grid-template-columns:minmax(240px,.8fr) 1.35fr; column-gap:10%; row-gap:56px; }
.contact .eyebrow { color:#525252; }
h2 { font-size:clamp(48px,5.2vw,84px); font-weight:500; letter-spacing:-.04em; line-height:.86; text-transform:uppercase; margin:0; }
.locations { display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.location { border-top:1px solid var(--ink); padding-top:14px; }
.location-label { color:#555; margin-bottom:46px; }
h3 { font-size:26px; line-height:.88; letter-spacing:-.02em; text-transform:uppercase; font-weight:600; margin-bottom:22px; }
address { font-family:"DM Mono",monospace; font-size:11px; line-height:1.72; font-style:normal; }
.direct-contact { grid-column:2; padding-top:22px; border-top:1px solid var(--ink); display:flex; gap:clamp(24px,5vw,70px); }
.direct-contact a { color:var(--ink); text-decoration:none; font-size:clamp(23px,2.5vw,38px); line-height:1; text-transform:uppercase; letter-spacing:-.025em; font-weight:500; }
.direct-contact a:hover { text-decoration:underline; text-decoration-color:var(--acid); text-decoration-thickness:4px; }
footer { padding:18px clamp(24px,8vw,150px); border-top:1px solid var(--line); font:10px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; }
@media (max-width:720px) { .hero { min-height:650px; } .site-header { padding-top:20px; } .logo { width:104px; } .status { font-size:8px; padding:7px 8px 6px; } .hero-image { object-position:59% center; } .scroll-cue { display:none; } .contact { display:block; padding-top:68px; } .locations { margin-top:50px; gap:32px 22px; } .location-label { margin-bottom:34px; } .direct-contact { margin-top:52px; display:flex; flex-direction:column; gap:18px; } }
@media (max-width:430px) { .locations { grid-template-columns:1fr; } h1 { font-size:54px; } }