@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');

:root{
  color-scheme: dark;
  --bg:#080808; --fg:#dededb; --muted:#858583; --line:#292929;
  --accent:#a8a8a5; --soft:#aaa; --button:#4a4a48; --max:1180px;
  --card:#101010; --hero-glow:rgba(255,255,255,.025);
}
html[data-theme="day"]{
  color-scheme: light;
  --bg:#f1f0eb; --fg:#242421; --muted:#74736d; --line:#d4d2ca;
  --accent:#4b4a45; --soft:#62615b; --button:#9a988f;
  --card:#e8e6df; --hero-glow:rgba(0,0,0,.035);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Manrope,Arial,sans-serif;line-height:1.6;transition:background .35s ease,color .35s ease}
a{color:inherit;text-decoration:none;transition:opacity .2s ease}
a:hover{opacity:.6}

.nav{height:86px;max-width:var(--max);margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.brand,.footer-brand{font-weight:800;letter-spacing:-.07em;font-size:25px}.brand span,.footer-brand span{font-weight:500}
.nav nav{display:flex;gap:28px;align-items:center;font:12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}

.theme-toggle{border:1px solid var(--line);background:transparent;color:var(--fg);height:38px;min-width:84px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font:10px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:background .25s ease,border-color .25s ease,color .25s ease}
.theme-toggle:hover{opacity:1;background:var(--card)}
.theme-icon{font-size:14px;line-height:1}

.hero{min-height:calc(100vh - 86px);max-width:var(--max);margin:auto;padding:12vh 28px 10vh;display:grid;align-content:center;position:relative;overflow:hidden}
.hero:before{content:"";position:absolute;inset:10% -20% 0 35%;background:radial-gradient(circle,var(--hero-glow),transparent 65%);pointer-events:none}
.hero-mark{position:absolute;right:28px;top:9vh;width:min(31vw,330px);opacity:.78;z-index:0}.hero-mark img{display:block;width:100%;height:auto}.hero>*:not(.hero-mark){position:relative;z-index:1}
.eyebrow{font:11px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);margin:0 0 24px}
.hero h1{font-size:clamp(58px,9vw,132px);line-height:.9;letter-spacing:-.075em;max-width:820px;margin:0 0 34px}.hero h1 em,h2 em{font-style:normal;color:var(--muted)}
.lead{max-width:510px;color:var(--soft);font-size:17px;margin:0 0 38px}.button{display:inline-flex;align-items:center;gap:22px;border:1px solid var(--button);padding:14px 18px;width:max-content;font:12px 'DM Mono',monospace;text-transform:uppercase;letter-spacing:.08em}.button span{font-size:18px;line-height:0}

.split,.contact,.services{max-width:var(--max);margin:auto;padding:130px 28px;border-top:1px solid var(--line)}.split,.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px}.split h2,.contact h2,.services h2{font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-.065em;margin:0}.copy{max-width:530px;color:var(--soft);font-size:17px;padding-top:10px}.copy p+p{margin-top:28px}
.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px}.section-head .eyebrow{margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}
article{padding:28px 28px 25px 0;border-right:1px solid var(--line);min-height:240px}article+article{padding-left:28px}article:last-child{border-right:0}article span{font:11px 'DM Mono',monospace;color:var(--muted)}article h3{font-size:27px;letter-spacing:-.04em;margin:65px 0 10px}article p{color:var(--soft);max-width:280px;font-size:14px}
.contact{padding-bottom:150px}.contact-card{font:14px 'DM Mono',monospace;color:var(--soft);display:flex;flex-direction:column;gap:30px;padding-top:10px}.contact-card p{margin:0}.contact-card a{color:var(--fg)}.socials{display:flex;gap:25px;text-transform:uppercase;font-size:11px;letter-spacing:.08em}
footer{max-width:var(--max);margin:auto;padding:28px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;border-top:1px solid var(--line);font:10px 'DM Mono',monospace;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.footer-links{display:flex;gap:20px}.footer-brand{font-size:16px;color:var(--fg);text-transform:none;letter-spacing:-.06em}

@media(max-width:820px){.nav nav a{display:none}.nav nav{gap:10px}.theme-toggle{min-width:76px}}
@media(max-width:720px){.nav{padding:0 20px}.nav nav{display:flex}.hero{padding:80px 20px 80px;min-height:auto}.hero-mark{position:static;width:190px;margin-bottom:70px}.hero h1{font-size:65px}.lead{font-size:15px}.split,.contact,.services{padding:85px 20px;display:block}.split h2,.contact h2,.services h2{margin-bottom:45px}.copy{font-size:15px}.section-head{display:block;margin-bottom:45px}.section-head h2{margin-top:15px}.service-grid{display:block}.service-grid article{border-right:0;border-bottom:1px solid var(--line);padding:25px 0;min-height:auto}.service-grid article+article{padding-left:0}.service-grid article h3{margin:35px 0 8px}.contact{padding-bottom:100px}.contact-card{padding-top:0}footer{padding:25px 20px;grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}footer>div:last-child{grid-column:1/-1}}

@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}