@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--black:#111;--near:#181818;--white:#faf9f7;--muted:#bcbcbc;--ink:#191919;--line:#d7d5d2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.skip-link{position:absolute;top:-60px;left:12px;z-index:20;background:#fff;color:#111;padding:12px}.skip-link:focus{top:12px}:focus-visible{outline:2px solid currentColor;outline-offset:5px}.site-header{height:88px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 clamp(24px,5.5vw,96px);border-bottom:1px solid #292929;background:#0e0e0e}.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;white-space:nowrap;font-size:14px;font-weight:700;letter-spacing:.29em}.brand-mark{width:31px;height:31px;flex:none}.site-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,52px)}.site-header nav a,.header-link{text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.17em}.site-header nav a:hover,.site-header nav a:focus-visible{opacity:.7}.header-link{display:inline-flex;align-items:center;gap:25px;border:1px solid #f5f5f5;padding:13px 18px;white-space:nowrap}.header-link:hover,.header-link:focus-visible{background:#fff;color:#111}.hero{min-height:min(690px,79vh);position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 75% 30%,#292929,#111 55%)}.hero-image{position:absolute;inset:0;z-index:-2;background-image:url('northline-hero.webp');background-position:center center;background-size:cover;filter:grayscale(1)}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,10,10,.97) 0%,rgba(10,10,10,.85) 34%,rgba(10,10,10,.37) 68%,rgba(10,10,10,.12) 100%)}.hero-content{padding:clamp(70px,9vw,145px) clamp(24px,9vw,148px);width:min(100%,1600px);margin:auto}.overline{font-size:11px;font-weight:700;letter-spacing:.31em;line-height:1.5;margin:0 0 26px}.hero h1{font-size:clamp(4rem,7.7vw,8.3rem);line-height:.99;letter-spacing:-.065em;font-weight:500;margin:0 0 28px;max-width:1000px}.hero-description{font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.65;color:#dadada;max-width:530px;margin:0 0 32px}.button{min-height:46px;padding:15px 20px;display:inline-flex;align-items:center;justify-content:space-between;gap:40px;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.15em;transition:background .2s,color .2s}.button-light{background:#fff;color:#111}.button-light:hover,.button-light:focus-visible{background:#d9d9d9}.hero-rail{position:absolute;right:clamp(22px,5vw,85px);top:45%;font-size:10px;letter-spacing:.31em;line-height:2.1}.hero-rule{position:absolute;right:clamp(29px,5.8vw,99px);top:27%;height:55px;border-right:1px solid #d9d9d9}.section-container{max-width:1580px;margin:auto;padding-left:clamp(24px,8vw,132px);padding-right:clamp(24px,8vw,132px)}.services{background:var(--white);color:var(--ink);padding:clamp(78px,8vw,132px) 0 90px}.overline-dark{color:#363636}.services-intro{display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:55px}.services h2,.work h2,.about h2{font-size:clamp(2.8rem,4.9vw,5.3rem);line-height:1.1;letter-spacing:-.055em;font-weight:500;margin:0}.services-intro p{font-size:1.1rem;line-height:1.65;max-width:375px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(60px,6vw,98px)}.service-card{padding:4px 26px 0;border-left:1px solid var(--line);min-height:160px}.service-card:first-child{padding-left:0;border-left:0}.service-card svg{height:33px;width:33px;display:block;margin:0 0 28px}.service-card h3{font-size:12px;letter-spacing:.18em;margin:0 0 14px}.service-card p{font-size:1rem;line-height:1.55;margin:0;max-width:200px}.work{background:#151515;padding:clamp(90px,9vw,145px) 0}.work-intro{display:grid;grid-template-columns:1.35fr .65fr;align-items:end;gap:60px;margin-bottom:55px}.work-intro p{font-size:1.1rem;line-height:1.65;color:#d1d1d1;max-width:390px;margin:0 0 5px}.project{display:grid;grid-template-columns:1.05fr .95fr;background:#202020;min-height:590px}.project-visual{min-height:590px;max-height:670px;overflow:hidden;background:#333;display:flex;justify-content:center;align-items:flex-start;padding:40px 40px 0}.project-visual img{display:block;width:min(100%,480px);height:auto;box-shadow:0 20px 45px #0008}.project-details{align-self:center;padding:clamp(36px,6vw,100px)}.project-details h3{font-size:clamp(2.5rem,4vw,4.5rem);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:0 0 22px}.project-details>p:not(.overline){font-size:1.08rem;line-height:1.65;color:#dedede;max-width:460px}.project-details .project-disclosure{font-size:.87rem!important;color:#aaa!important;margin:24px 0 35px}.button-outline{border:1px solid #f1f1f1;color:#fff}.button-outline:hover,.button-outline:focus-visible{background:#fff;color:#111}.about{background:var(--white);color:var(--ink);padding:clamp(85px,9vw,145px) 0}.about-grid{display:grid;grid-template-columns:.45fr 1fr;gap:6vw}.about h2{margin-bottom:28px}.about-grid>div p{font-size:1.14rem;line-height:1.7;max-width:665px;margin:0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;padding:45px clamp(24px,8vw,132px);background:#0c0c0c;color:#fff}.site-footer>span{font-size:10px;letter-spacing:.2em;color:#aaa}.footer-brand{font-size:12px}.footer-brand .brand-mark{width:25px;height:25px}@media(max-width:900px){.site-header{height:75px}.site-header nav{display:none}.hero-rail,.hero-rule{display:none}.services-intro,.work-intro,.about-grid{grid-template-columns:1fr;gap:25px}.service-grid{grid-template-columns:repeat(2,1fr);gap:35px 0}.service-card:nth-child(3){border-left:0;padding-left:0}.project{grid-template-columns:1fr}.project-visual{min-height:460px;max-height:590px}.project-details{padding:45px}}@media(max-width:600px){.site-header{height:70px;padding:0 20px}.brand{font-size:12px;letter-spacing:.19em;gap:9px}.brand-mark{width:27px;height:27px}.header-link{padding:11px 10px;gap:8px;font-size:9px}.hero{min-height:610px}.hero-content{padding:75px 24px}.hero h1{font-size:clamp(3.6rem,13vw,5rem)}.hero-description{max-width:400px}.services,.work,.about{padding-top:75px;padding-bottom:75px}.service-grid{margin-top:50px}.service-card{padding:0 15px;min-height:200px}.service-card:nth-child(odd){padding-left:0;border-left:0}.service-card svg{margin-bottom:22px}.service-card p{font-size:.94rem}.project-visual{min-height:380px;max-height:460px;padding:20px 20px 0}.project-details{padding:32px 24px 42px}.site-footer{align-items:start;flex-direction:column}.site-footer>span{line-height:1.5}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}