:root{--paper:#101112;--ink:#f4f4f2;--muted:#a6a7a7;--green:#dedede;--line:#393a3b;--accent:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}.topbar{height:88px;padding:0 7.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.13);background:#090a0b}.wordmark{font:800 22px 'Manrope',sans-serif;letter-spacing:-2px;color:#fff;text-decoration:none}.wordmark span{color:#fff}nav{display:flex;gap:38px;align-items:center}nav a,footer a{color:#e8e8e8;font-size:13px;text-decoration:none}.nav-contact{font-weight:600}.nav-contact span{margin-left:8px;color:#fff}.hero{position:relative;min-height:620px;padding:86px 7.2% 96px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6%;background:#101112}.hero-copy{max-width:540px;z-index:1}.eyebrow,.section-label{font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted);margin:0 0 27px}.dot{width:7px;height:7px;background:#fff;border-radius:50%}h1,h2{font-family:'Manrope',sans-serif;letter-spacing:-.065em;margin:0;font-weight:500}h1{font-size:clamp(56px,7vw,98px);line-height:.99}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:#c9c9c9}.intro{max-width:430px;color:var(--muted);font-size:16px;line-height:1.75;margin:28px 0 32px}.button{height:50px;padding:0 20px;display:inline-flex;align-items:center;gap:30px;background:#f4f4f2;color:#101112;text-decoration:none;font-size:13px;font-weight:700}.hero-art{margin:0;position:relative;justify-self:end;width:min(100%,510px)}.hero-art img{width:100%;display:block}.hero-art figcaption{font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:13px}.hero-index{position:absolute;left:7.2%;bottom:28px;color:var(--muted);font-size:10px;letter-spacing:.1em}.hero-index span{display:inline-block;width:46px;height:1px;background:var(--line);vertical-align:middle;margin:0 10px}.approach{background:#1b1c1d;padding:105px 12%;display:grid;grid-template-columns:1fr 2fr;gap:8%;}.section-label{color:#b3b4b4;padding-top:10px}.approach h2{font-size:clamp(36px,4.8vw,62px);line-height:1.1}.approach-copy{max-width:570px;color:#b9babb;font-size:15px;line-height:1.8;margin:25px 0}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill-row span{border:1px solid #515253;border-radius:99px;padding:9px 13px;font-size:11px;color:#e3e3e3}.contact{padding:85px 12% 100px;background:#08090a;color:#f5f5f3}.contact-top{display:flex;justify-content:space-between}.contact .section-label,.contact-number{color:#a9aaaa;font-size:10px;letter-spacing:.14em}.contact h2{font-size:clamp(48px,7vw,84px);line-height:1.02;margin-top:53px}.contact-copy{color:#c3c4c4;margin:22px 0 27px;font-size:14px}.contact-link{display:inline-flex;gap:35px;align-items:center;color:#fff;text-decoration:none;font-size:17px;border-bottom:1px solid #68696a;padding-bottom:12px}.contact-link span{color:#fff}.contact-note{color:#a9aaaa;font-size:11px;margin-top:18px}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 7.2%;background:#050606;color:#b8b9b9;font-size:11px}footer a{color:#b8b9b9;font-size:11px}.footer-mark{color:#fff}@media(max-width:760px){.topbar{height:72px;padding:0 6%}nav{gap:20px}.hero{padding:67px 6% 75px;grid-template-columns:1fr;gap:42px}.hero-art{justify-self:center;width:100%}.hero-index{left:6%;bottom:25px}.approach{padding:75px 8%;grid-template-columns:1fr;gap:28px}.contact{padding:70px 8% 82px}.contact h2{margin-top:42px}footer{padding:22px 6%;gap:12px}footer span{font-size:10px}}@media(max-width:400px){nav{gap:13px}nav a{font-size:12px}.contact-link{font-size:14px;gap:16px}}

@font-face{font-family:'Proxima Nova ExCn';src:url('fonts/Proxima%20Nova%20ExCn.otf') format('opentype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Proxima Nova ExCn';src:url('fonts/Proxima%20Nova%20ExCn%20Extrabold.otf') format('opentype');font-style:normal;font-weight:800;font-display:swap}
@font-face{font-family:'Proxima Nova ExCn';src:url('fonts/Proxima%20Nova%20ExCn%20It.otf') format('opentype');font-style:italic;font-weight:400;font-display:swap}
@font-face{font-family:'Proxima Nova ExCn';src:url('fonts/Proxima%20Nova%20ExCn%20Extrabold%20It.otf') format('opentype');font-style:italic;font-weight:800;font-display:swap}
body{font-family:'Proxima Nova ExCn',sans-serif}
h1,h2{font-family:'Proxima Nova ExCn',sans-serif;font-weight:800;letter-spacing:-.04em}
.wordmark{display:flex;align-items:center;width:50px;height:50px;letter-spacing:normal}
.wordmark img{display:block;width:100%;height:100%;object-fit:contain}
.footer-mark{width:154px;height:auto}
.footer-mark img{height:auto;max-height:58px;width:auto;max-width:100%}
h1 em,h2 em{font-family:'Proxima Nova ExCn',sans-serif;font-style:italic;font-weight:400}
.hero{grid-template-columns:1fr}
.hero-copy{max-width:760px}
.approach>.section-label{font-size:18px;font-weight:800;color:#f4f4f2;letter-spacing:.13em}
@media(max-width:760px){.hero{grid-template-columns:1fr}}
.approach h2 .light-line{font-weight:400}
.approach h2 strong{font-weight:800;font-style:normal;color:inherit}
.hero .eyebrow{font-size:14px}
@media(max-width:760px){.hero .eyebrow{font-size:12px}}