:root { --ink:#090a0c; --graphite:#11151b; --bone:#e8e3d9; --mist:#a4a7aa; --rust:#a2382e; --amber:#d5a14a; --line:rgba(232,227,217,.18); --display:"Barlow Condensed","Arial Narrow",sans-serif; --serif:"Cormorant Garamond",Georgia,serif; --body:Inter,Arial,sans-serif; }
* { box-sizing:border-box; }
html { background:var(--ink); scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; color:var(--bone); background:var(--ink); font-family:var(--body); }
a { color:inherit; text-decoration:none; }
img { display:block; width:100%; height:100%; object-fit:cover; object-position:center; user-select:none; -webkit-user-drag:none; }
.skip-link { position:fixed; z-index:20; top:1rem; left:1rem; padding:.8rem; color:var(--ink); background:var(--bone); transform:translateY(-180%); }
.skip-link:focus { transform:none; }
.brand-header { position:fixed; z-index:10; top:0; left:0; width:100%; display:flex; justify-content:space-between; align-items:center; padding:1.4rem clamp(1.25rem,4vw,4rem); mix-blend-mode:difference; }
.brand-header__mark { font:500 1rem var(--display); letter-spacing:.12em; text-transform:uppercase; }
.brand-header__mark span { color:var(--rust); }
.brand-header__tools { display:flex; align-items:center; gap:2rem; font-size:.8125rem; letter-spacing:.1em; text-transform:uppercase; }
.brand-header__tools nav { display:flex; gap:.45rem; }
.brand-header__tools [aria-current="page"] { color:var(--amber); }
.brand-hero { min-height:100svh; display:grid; grid-template-columns:minmax(320px,.95fr) minmax(420px,1.05fr); gap:clamp(3rem,7vw,8rem); align-items:center; padding:7rem clamp(1.25rem,5vw,5rem) 5rem; }
.brand-hero__media { aspect-ratio:1 / 1; margin:0; overflow:hidden; background:var(--graphite); }
.brand-hero__content { max-width:850px; }
.brand-kicker { color:var(--rust); font-size:.8125rem; letter-spacing:.12em; text-transform:uppercase; }
.brand-hero h1 { margin:1.5rem 0 2rem; font:500 clamp(5rem,10vw,10rem)/.72 var(--display); letter-spacing:-.04em; text-transform:uppercase; }
.brand-hero h1 em { display:block; color:var(--mist); font:italic 400 .52em/.92 var(--serif); text-transform:none; }
.brand-hero__intro { max-width:650px; color:var(--mist); font:italic clamp(1.15rem,2vw,1.55rem)/1.5 var(--serif); }
.brand-scope { padding:clamp(5rem,9vw,8rem) clamp(1.25rem,5vw,5rem); background:var(--graphite); }
.brand-scope header { display:grid; grid-template-columns:.65fr 1.35fr 1fr; gap:2rem; align-items:end; margin-bottom:clamp(3rem,6vw,6rem); }
.brand-scope header span { color:var(--rust); font-size:.8125rem; letter-spacing:.11em; text-transform:uppercase; }
.brand-scope h2 { margin:0; font:500 clamp(4rem,8vw,8rem)/.78 var(--display); text-transform:uppercase; }
.brand-scope h2 em { font:italic 400 .72em var(--serif); text-transform:none; }
.brand-scope header p { max-width:450px; margin:0; color:var(--mist); line-height:1.7; }
.brand-services { display:grid; grid-template-columns:repeat(2,1fr); border-top:1px solid var(--line); }
.brand-services article { min-height:210px; padding:1.5rem; border-bottom:1px solid var(--line); }
.brand-services article:nth-child(even) { border-left:1px solid var(--line); }
.brand-services small { color:var(--rust); }
.brand-services h3 { margin:3rem 0 1rem; font:500 clamp(2.2rem,4vw,4rem)/.9 var(--display); text-transform:uppercase; }
.brand-services p { max-width:560px; color:var(--mist); line-height:1.65; }
.brand-contact { min-height:60svh; display:flex; flex-direction:column; justify-content:center; padding:clamp(5rem,9vw,8rem) clamp(1.25rem,5vw,5rem); }
.brand-contact p { color:var(--mist); font-size:.8125rem; letter-spacing:.11em; text-transform:uppercase; }
.brand-contact h2 { margin:2rem 0; font:500 clamp(5rem,11vw,11rem)/.75 var(--display); text-transform:uppercase; }
.brand-contact h2 em { display:block; color:var(--mist); font:italic 400 .65em var(--serif); text-transform:none; }
.brand-contact a { align-self:flex-start; padding-bottom:.6rem; border-bottom:1px solid var(--amber); font-size:.875rem; letter-spacing:.1em; text-transform:uppercase; }
.brand-footer { display:flex; justify-content:space-between; gap:2rem; padding:2rem clamp(1.25rem,5vw,5rem); border-top:1px solid var(--line); color:var(--mist); font-size:.8125rem; line-height:1.5; letter-spacing:.09em; text-transform:uppercase; }
@media(max-width:800px){.brand-header__tools>a{display:none}.brand-hero{grid-template-columns:1fr;padding-top:6rem}.brand-hero__media{order:1;width:100%;aspect-ratio:1 / 1}.brand-hero__content{order:2}.brand-hero h1{font-size:clamp(4.4rem,20vw,7rem)}.brand-scope header{grid-template-columns:1fr}.brand-services{grid-template-columns:1fr}.brand-services article:nth-child(even){border-left:0}.brand-contact h2{font-size:clamp(3.8rem,18vw,6rem);overflow-wrap:anywhere}.brand-footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}