/* BNC — spaces, from first line to final detail. */
:root{--deep:#17291f;--signature:#475845;--ink:#24372b;--line:#d4dbd3}
html{scroll-padding-top:35px}body{overflow-wrap:break-word}.header{max-width:none;padding:12px 5%;min-height:112px}.header nav a{font-size:14px}.header-cta{background:var(--signature);border-color:var(--signature);color:white;padding:14px 22px}.header-cta:hover{background:var(--deep)}
.signature-hero{max-width:none;height:760px;min-height:660px}.signature-content{padding:64px 6%;justify-content:space-between}.signature-hero h1{font-size:clamp(76px,9.5vw,150px);line-height:1.01;margin:auto 0 35px;max-width:1050px;letter-spacing:-.035em}.signature-overlay{background:linear-gradient(90deg,rgba(10,28,20,.70),rgba(10,28,20,.10) 90%),linear-gradient(0deg,rgba(10,28,20,.82),transparent 60%)}.signature-bottom{border-top:1px solid #ffffff60;padding-top:26px}.signature-bottom p{font-size:18px}.signature-content .eyebrow{font-size:13px}.hero-colophon{max-width:none;background:var(--deep);padding-block:22px;font-size:12px}.section{padding-top:112px;padding-bottom:112px}.intro{gap:60px}.intro h2{font-size:clamp(48px,4.8vw,76px)}.intro-copy{font-size:17px}.eyebrow{font-size:13px}.brand-story{font-size:22px;font-weight:400}.brand-story strong{font-weight:500}
.chapter-feature{background:var(--deep);color:#fff;max-width:none;padding:95px 6% 105px}.chapter-feature .feature-heading{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:end;margin-bottom:44px}.chapter-feature .eyebrow{color:#c7d5c3}.chapter-feature h2{font-size:clamp(50px,5.8vw,90px);max-width:780px}.chapter-feature h2 em{color:#c7d5c3}.feature-copy{max-width:470px;justify-self:end}.feature-copy p{color:#dae3d7;line-height:1.8;margin:0 0 24px;font-size:17px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:0 0 7px;font-size:15px}.chapter-scenes{display:grid;grid-template-columns:1fr 1fr;gap:28px}.chapter-scenes figure{margin:0;min-width:0}.chapter-scenes .scene-image{display:block;overflow:hidden;background:#edf0e9;aspect-ratio:4/4.2}.chapter-scenes img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .6s}.chapter-scenes a:hover img{transform:scale(1.025)}.chapter-scenes figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-top:18px}.chapter-scenes strong{font-weight:500;font-size:18px}.chapter-scenes span{font-size:13px;color:#c5d1c1}.feature-footnote{color:#bacab7;font-size:13px;margin:24px 0 0;max-width:650px}.feature-location{padding-top:24px;margin-top:28px;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;gap:20px;color:#dbe4d5;font-size:14px}
.work{background:#fff;max-width:none}.work .section-head{margin-bottom:32px}.work .section-head h2{width:auto}.portfolio-navigation{border-color:var(--line);gap:35px;padding-bottom:36px}.portfolio-navigation a{font-size:15px}.portfolio-navigation span{font-size:13px}.project-grid{gap:58px 32px}.project-card:nth-child(n){padding:0}.project-card:nth-child(6n+1){grid-column:1/-1}.project-card:nth-child(6n+1) .project-photo{aspect-ratio:2.1}.project-photo,.project-card:nth-child(4n+2) .project-photo{aspect-ratio:1.35}.project-photo{position:relative;overflow:hidden;background:#e7ebe3}.project-photo img{object-fit:cover}.project-caption{border-top:0;padding-top:19px}.project-caption h3{font-size:39px}.project-meta{font-size:14px;letter-spacing:.1px}.project-caption>span{font-size:28px}.project-card:nth-child(6n+1) h3{font-size:48px}
.design-studies{background:#edf1eb;max-width:none}.design-studies .section-head h2{width:auto}.studies-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.study-card{min-width:0}.study-card .study-image{display:block;aspect-ratio:1.5;background:#d8dfd6;overflow:hidden}.study-card img{width:100%;height:100%;object-fit:cover;display:block}.study-card h3{font-family:var(--serif);font-size:37px;margin:18px 0 8px;font-weight:500}.study-card p{font-size:15px;line-height:1.7;margin:0;color:var(--muted);max-width:530px}.study-meta{display:block;margin:15px 0 5px;font-size:12px;letter-spacing:1px;text-transform:uppercase}.drawing-work{background:#f7f8f5;max-width:none}.drawing-grid{gap:42px 30px}.drawing-image{border:0;padding:26px 26px 48px}.drawing-image span{font-size:14px}.drawing-caption h3{font-size:35px}.drawing-card:last-child{max-width:none;grid-column:auto;margin:0}.drawing-caption .eyebrow{font-size:12px}.drawing-intro{font-size:17px}.drawing-cta p{font-size:18px}
.services{gap:44px}.services h3{font-size:44px}.service-top{font-size:13px}.services p{font-size:17px}.approach{background:#edf1eb}.contact{background:var(--deep);max-width:none}.contact h2{font-size:clamp(66px,9vw,140px)}.contact-bottom strong{font-size:13px}.contact-bottom p{font-size:16px}.case-cover{max-width:none;padding:0 6%;background:white}.case-cover img{display:block;width:100%;height:auto;max-height:820px;object-fit:cover}.case-heading{padding-top:55px;padding-bottom:60px}.case-gallery .gallery-grid{gap:30px}.case-gallery figcaption{font-size:14px;padding:12px 16px;color:var(--muted);line-height:1.5}.case-gallery img{display:block;width:100%;height:auto}.case-gallery .gallery-grid figure{margin:0}.case-gallery .gallery-grid img{object-fit:cover}.project-facts dt{font-size:13px}.project-facts dd{font-size:16px}.next-project{background:var(--deep)}.back-link{font-size:14px}.project-drawing{max-width:none}.project-drawing img{margin:0 auto}.project-drawing h2{margin-bottom:30px}
.image-viewer{border:0;padding:0;background:#102018;color:#fff;max-width:min(96vw,1500px);max-height:94vh;width:auto;overflow:auto}.image-viewer::backdrop{background:#0b1611e8}.viewer-top{display:flex;justify-content:space-between;gap:24px;align-items:center;padding:14px 20px}.viewer-top p{margin:0;font-size:14px}.viewer-close{border:1px solid #ffffff80;background:transparent;color:white;padding:10px 15px;cursor:pointer;font:inherit;font-size:14px}.image-viewer img{display:block;max-height:78vh;max-width:92vw;width:auto;height:auto;margin:auto}.image-viewer:focus{outline:none}button:focus-visible{outline:3px solid #91b986;outline-offset:4px}.image-viewer a{color:white}
@media(min-width:1700px){.signature-hero{height:840px}.signature-hero h1{font-size:150px}}
@media(max-width:950px){.signature-hero{height:680px;min-height:620px}.signature-hero h1{font-size:96px}.signature-content{padding:45px 5%}.chapter-feature .feature-heading{gap:35px}.chapter-feature h2{font-size:63px}.project-card:nth-child(6n+1) .project-photo{aspect-ratio:1.7}.chapter-scenes .scene-image{aspect-ratio:3/4}.section{padding-block:85px}}
@media(max-width:650px){.header{min-height:100px;padding:12px 6%}.header nav a{font-size:14px}.header-cta{font-size:14px;padding:10px 15px}.signature-hero{height:650px;min-height:650px}.signature-content{padding:32px 6%}.signature-hero h1{font-size:clamp(54px,13vw,84px);margin:auto 0 27px;line-height:1.03}.signature-content .eyebrow{font-size:12px;line-height:1.8;max-width:300px}.signature-bottom p{font-size:16px}.signature-bottom{gap:24px}.hero-colophon{font-size:12px;padding:20px 6%;line-height:1.7}.section{padding:65px 6%}.intro h2{font-size:48px}.brand-story{font-size:20px}.intro-copy{font-size:16px}.chapter-feature{padding:65px 6%}.chapter-feature .feature-heading{grid-template-columns:1fr;gap:25px}.chapter-feature h2{font-size:54px}.feature-copy{justify-self:start}.feature-copy p{font-size:16px}.chapter-scenes{gap:15px}.chapter-scenes .scene-image{aspect-ratio:3/5}.chapter-scenes figcaption{display:block;padding-top:13px}.chapter-scenes strong{display:block;font-size:16px}.chapter-scenes span{font-size:12px}.feature-location{flex-direction:column;gap:8px;font-size:14px}.feature-footnote{font-size:13px}.project-grid{grid-template-columns:1fr;gap:36px}.project-card:nth-child(n){grid-column:auto}.project-photo,.project-card:nth-child(6n+1) .project-photo,.project-card:nth-child(4n+2) .project-photo{aspect-ratio:1.2}.project-caption h3,.project-card:nth-child(6n+1) h3{font-size:34px}.project-meta{font-size:14px}.portfolio-navigation{gap:20px;font-size:14px}.studies-grid{grid-template-columns:1fr;gap:38px}.study-card h3{font-size:34px}.drawing-grid{grid-template-columns:1fr;gap:35px}.drawing-caption h3{font-size:32px}.services h3{font-size:39px}.contact h2{font-size:70px}.contact-phone{font-size:clamp(33px,9.5vw,48px)}.case-heading h1{font-size:clamp(45px,11vw,64px)}.case-cover{padding:0}.image-viewer{max-width:96vw}.viewer-top{padding:12px;gap:12px}.viewer-top p{font-size:13px}.image-viewer img{max-height:76vh;max-width:96vw}.viewer-close{padding:9px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.chapter-scenes img{transition:none}}