/* Modern BNAX presentation layer. Marketing and client intake only. */
body:has(.site-header){--black:#10110f;--surface:#191b17;--gold:#e3c58b;--white:#f7f5ef;--muted-copy:#b7b8ae;--line:#34372f;background:var(--black)}
.site-header~main,.agency-footer{--radius:18px}
.site-header .wrap,.site-header~main .wrap,.agency-footer.wrap{width:min(1320px,calc(100% - 88px))}
.site-header{background:#10110ff2;border-color:#34372f;backdrop-filter:blur(20px)}
.site-header .nav-wrap{min-height:88px}.site-header .wordmark img{width:182px}
.site-header nav>a{color:#d4d6cb;font-size:14px}.site-header nav>a[aria-current=page]{color:var(--gold)}
.site-header nav>a[aria-current=page]:after{right:0}.site-header nav>a.button{background:var(--gold);color:#15170f;border-color:var(--gold)}
.site-header .button,.site-header~main .button{border-radius:8px;min-height:52px;padding:15px 22px;font-size:14px;font-weight:600}
.site-header .button{min-height:46px;padding:11px 18px}
.site-header~main .button-light{background:var(--gold);border-color:var(--gold);color:#171810}
.site-header~main .button:hover{background:#f2d9a9;color:#13150e;transform:translateY(-2px)}
.site-header~main h2{font-size:clamp(2.6rem,4.2vw,4.2rem);letter-spacing:-.055em;line-height:1.08;text-wrap:balance}
.site-header~main h3{font-weight:600}.site-header~main .eyebrow{font-size:11px;letter-spacing:.14em;color:var(--gold)}
.site-header~main .section{padding-block:100px}
/* The opening pairs a clear proposition with real project work. */
.studio-hero{padding-top:25px}.studio-kicker{padding-bottom:20px;font-size:10px;letter-spacing:.14em;color:#b9bbaE;border-color:var(--line)}
.modern-hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:58px;align-items:center;padding:64px 0 58px}
.hero-overline{font-size:14px;color:#cdcfc3;margin:0 0 24px}
.modern-hero-copy h1{font:500 clamp(3.2rem,4.8vw,5.2rem)/1.06 var(--display);letter-spacing:-.065em;margin:0 0 28px}
.modern-hero-copy h1 em{font-family:var(--serif);font-size:1.13em;letter-spacing:-.035em}
.modern-hero-intro{max-width:425px;color:#bfc2b6;font-size:17px;line-height:1.75;margin:0 0 30px}
.modern-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}.modern-work-link{display:inline-flex;align-items:center;gap:16px;min-height:48px;font-size:14px;text-decoration:none;border-bottom:1px solid #646953}.modern-work-link:hover{color:var(--gold)}
.hero-personal{font-size:12px;line-height:1.7;margin:35px 0 0;color:#d2d5c7}.hero-personal span{color:#a7ab9c}
.hero-projects{min-width:0;position:relative;padding-bottom:0}.hero-project{display:block;text-decoration:none;transition:transform .25s,border-color .25s}
.hero-project-main{padding:18px;background:#ddcfb2;border-radius:18px;color:#2d2c23;border:1px solid #f1e5c8;box-shadow:0 22px 60px #0003}
.hero-project-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;padding:0 2px 16px}.hero-project-top>span:last-child{font-size:20px;line-height:1}
.hero-project-screen{border:1px solid #7b6a4d;border-radius:7px;overflow:hidden;background:#321d12}.hero-project-screen img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:contain;object-position:top}
.hero-project-caption{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:17px 2px 0;font-size:11px}.hero-project-caption strong{font-size:17px;font-family:var(--display);font-weight:600;letter-spacing:-.03em}
.hero-project-secondary{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:24px;margin:18px 0 0 54px;border:1px solid #414638;border-radius:12px;padding:16px;background:#1a1d17}
.hero-project-secondary img{width:100%;height:auto;border:1px solid #40304b;border-radius:5px;display:block}.hero-project-secondary>div{display:flex;flex-direction:column;gap:6px}.hero-project-label{font-size:9px;letter-spacing:.1em;color:#b5bda6}.hero-project-secondary strong{font-size:18px;letter-spacing:-.03em;font-family:var(--display);font-weight:500}.hero-project-secondary>div>span:last-child{font-size:11px;color:#b5bda6;display:flex;justify-content:space-between;gap:12px}.hero-project:hover{transform:translateY(-4px);border-color:var(--gold)}
.modern-capabilities{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:25px 0;border-block:1px solid var(--line)}.modern-capabilities>span{font-size:11px;line-height:1.6;color:#aeb4a3}.modern-capabilities ul{list-style:none;display:flex;gap:38px;flex-wrap:wrap;margin:0;padding:0}.modern-capabilities li{font-size:14px;color:#d1d5c6}
/* Intent choices, followed by proof and then the service detail. */
.project-paths{display:block;padding-block:90px;border:0}.project-paths .agency-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:0 70px;align-items:end;margin-bottom:32px}.project-paths .agency-heading .eyebrow{grid-column:1/-1}.project-paths .agency-heading h2{margin-bottom:0}.project-paths .agency-heading>p{margin:0;max-width:370px;justify-self:end}
.path-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#191b17}.project-path{display:flex;flex-direction:column;gap:22px;padding:28px;border:0;transition:background .2s}.project-path+.project-path{border-left:1px solid var(--line)}.path-number{color:#c6af7f;font-size:11px}.project-path>div{display:flex;flex-direction:column;flex:1}.project-path h3{font-size:22px;max-width:250px;letter-spacing:-.04em}.project-path p{font-size:14px;line-height:1.75;margin-bottom:24px}.path-action{margin-top:auto;font-size:13px;display:flex;justify-content:space-between;gap:16px}.project-path:hover{background:#25291f}.project-path:hover h3{color:var(--white)}
.selected-work{padding-top:25px;padding-bottom:30px;scroll-margin-top:100px}.work-intro{margin-bottom:35px}.work-intro>p{font-size:15px;max-width:380px}.work-intro h2{font-size:clamp(2.6rem,4.2vw,4.2rem)}
.work-grid{gap:28px;align-items:start}.work-project{scroll-margin-top:110px;border:1px solid var(--line);border-radius:18px;padding:14px;background:#191b17;overflow:hidden}.work-preview{border-radius:10px;border-color:#43473c}.work-browser{padding:10px 14px;background:#22251e;font-size:11px;min-height:40px;color:#c4c9b9}.work-preview>img{aspect-ratio:1.8;object-fit:contain;background:#131610}.work-preview>img.work-humancraft{background:#0b0812}.work-preview>img.work-artwork{background:#06213b}
.work-project-meta,.work-title-row,.work-evidence,.work-description,.work-scope,.work-case-study{margin-inline:14px}.work-project-meta{margin-top:24px;font-size:11px;text-transform:uppercase;letter-spacing:.08em}.work-title-row{margin-bottom:10px}.work-project h3{font-size:28px;letter-spacing:-.04em}.work-visit{font-size:12px}.work-evidence{font-size:11px;color:#c5b790;margin-block:10px}.work-description{font-size:14px;line-height:1.75}.work-scope{gap:7px;margin-block:20px}.work-scope li{font-size:11px;border-radius:5px;background:#24281f;border-color:#3b4032;color:#ccd1c1;padding:6px 9px}.work-case-study{border-bottom:0}.work-case-study>summary{font-size:13px;padding:17px 0;min-height:55px}.work-case-content p,.work-case-content ul{font-size:14px}.work-case-content h4{font-size:13px}.work-next{margin-top:28px;padding-block:28px;border-bottom:0}.work-next p{font-size:16px}.work-next .text-link{font-size:13px}
.service-overview{padding-block:75px 100px}.service-overview .section-intro{margin-bottom:30px}.service-index-row{padding:30px 16px;grid-template-columns:50px 1.4fr 1fr 40px;border-color:var(--line);transition:background .2s}.service-index-row>span:first-child{font-size:11px}.service-index-row>span:last-child{display:grid;place-items:center;width:40px;height:40px;border:1px solid #4b5140;border-radius:50%;font-size:18px}.service-index-row h3{font-size:clamp(1.3rem,2.4vw,2rem);font-weight:500}.service-index-row p{font-size:14px}.service-index-row:hover{background:#1c2018}.service-index-row:hover>span:last-child{background:var(--gold);color:#171a12;border-color:var(--gold)}
.support-section{background:#e9e5da;padding-block:80px}.site-header~main .support-section .eyebrow{color:#6b5733}.support-section h2{color:#20251b}.support-section h2 em{color:#786039}.support-section .section-intro p,.support-section p{color:#53594d}.support-columns{gap:50px;border-color:#b7bcac}.support-columns article+article{border-left:1px solid #b7bcac;padding-left:50px}.support-columns h3{font-size:23px}.support-columns p{font-size:15px}.support-section .text-link{font-size:13px;color:#354127;border-color:#7a876b}
.process-grid{gap:35px;margin-bottom:45px}.process-grid article{padding-top:22px}.process-grid article>span{font:500 12px var(--display);border:1px solid #545e43;border-radius:50%;width:42px;height:42px;display:grid;place-items:center}.process-grid h3{font-size:20px}.process-grid p{font-size:14px;line-height:1.8}.principle{border:1px solid #3e4930;border-radius:12px;padding:28px;background:#1c2216}.principle p{font-size:20px}.principle>span:last-child{font-size:13px}
.founder-section{padding-block:85px;gap:70px}.founder-section h2{font-size:clamp(2.2rem,3.4vw,3.5rem)}.founder-copy{padding-top:20px;font-size:15px;line-height:1.8}.founder-copy .text-link{font-size:13px}.faq-layout{gap:70px}.questions details{background:#191c16;border:1px solid var(--line);border-radius:10px;margin-bottom:10px;padding:0 20px}.questions summary{font-size:14px;min-height:68px;padding:18px 0}.questions p{font-size:14px;line-height:1.8}.faq-intro{color:var(--muted-copy);font-size:15px}
/* A quieter, high-contrast place to start a conversation. */
.contact-section{background:#20251a;color:var(--white);padding-block:85px;border-block:1px solid #3b4430}.contact-layout{gap:75px;align-items:center}.site-header~main .contact-section .eyebrow{color:var(--gold)}.contact-section h2{font-size:clamp(2.9rem,4.4vw,4.5rem)}.contact-section h2 em{color:var(--gold)}.contact-section p{color:#c4ccba}.contact-next{color:#d4dbc9;padding-left:20px;font-size:14px}.contact-direct{font-size:13px}.contact-section a:hover{color:#f6ddb0}.contact-section a:focus-visible{outline-color:var(--gold)}
.inquiry-form{border:1px solid #d8d9cd;border-radius:18px;padding:32px;background:#f4f3ed;color:#25291f;box-shadow:0 18px 45px #0002}.contact-section .inquiry-form p{color:#5e6456;max-width:none}.inquiry-form input,.inquiry-form textarea,.inquiry-form .form-select{background:#fff;border:1px solid #b6bbaa;border-radius:7px;min-height:50px;padding:12px;font-size:15px}.inquiry-form label{font-size:13px}.inquiry-form .form-intro{font-size:14px}.inquiry-form textarea{min-height:135px}.site-header~main .inquiry-form .button-light{background:#232b1b;border-color:#232b1b;color:#f5f4ec}.site-header~main .inquiry-form .button-light:hover{background:#3b492c;color:#fff}.inquiry-form .conditional-details{border-color:#b5bea7;border-radius:8px;margin-top:18px}.inquiry-form .conditional-details legend{font-size:14px}.inquiry-form .privacy-note,.inquiry-form .form-reassurance{font-size:11px}.contact-section .inquiry-form .form-error,.contact-section .inquiry-form .detail-error{color:#762c1b}.request-confirmation{border-radius:18px;background:#f4f3ed;color:#24291e;border-color:#b8bfa9}.contact-section .request-confirmation p{color:#535b48}.contact-section .request-confirmation a:hover{color:#535b48}
.agency-footer{padding-block:50px 24px}.agency-footer nav>a:not(.button){font-size:13px}.agency-footer p{font-size:13px}.agency-footer .footer-copyright{font-size:11px}
/* Interior pages share the same type, surfaces, and controls. */
.services-opening{padding-top:70px}.services-opening h1{font-size:clamp(3.5rem,6.6vw,6.5rem);line-height:1.03}.service-jump{gap:8px;margin-top:40px}.service-jump>a:not(.button){padding:10px 15px;border:1px solid #3e4634;border-radius:7px;font-size:12px}.service-jump>a:hover{background:#252e1c}.service-jump>a:after{display:none}.service-detail{gap:70px;padding-block:60px}.service-detail h2{font-size:clamp(2.5rem,4vw,4rem)}.service-detail-title>p{font-size:15px}.service-detail-scope{padding:28px;background:#1b1f17;border:1px solid var(--line);border-radius:14px}.service-detail-scope h3{font-size:16px}.service-detail-scope li,.service-result p{font-size:14px}.starter-section{background:#171b13}.offer-card{border-radius:14px;overflow:hidden;background:#20271a}.offer-card:before{inset:0 0 auto;height:3px}.page-cta{padding-block:80px}.page-cta h2{margin:0}
.client-workspace .questionnaire-panel{border-radius:16px}.client-workspace .questionnaire-panel input,.client-workspace .questionnaire-panel textarea,.client-workspace .questionnaire-panel .form-select{border-radius:6px}.client-workspace .button{border-radius:7px}
@media(min-width:1500px){.modern-hero-grid{gap:80px;padding-block:80px}.modern-hero-copy h1{font-size:5.3rem}}
@media(max-width:1050px){.site-header .wrap,.site-header~main .wrap,.agency-footer.wrap{width:calc(100% - 56px)}.modern-hero-grid{gap:35px}.modern-hero-copy h1{font-size:clamp(2.6rem,5vw,4rem)}.modern-hero-intro{font-size:16px}.hero-project-secondary{margin-left:25px;gap:16px}.hero-project-secondary strong{font-size:16px}.hero-project-caption{flex-wrap:wrap;gap:5px}.modern-capabilities ul{gap:22px}.project-path{padding:22px}.project-path h3{font-size:20px}.work-grid{gap:20px}.work-project h3{font-size:24px}.contact-layout{gap:35px}.inquiry-form{padding:26px}.service-index-row{gap:15px}.site-header~main .section{padding-block:75px}}
@media(max-width:850px){.site-header .nav-wrap{min-height:78px}.site-header .wordmark img{width:170px}.menu-toggle{border-radius:7px;border-color:#4e5841}.site-header nav{background:#191e14;padding:16px 28px 24px;box-shadow:0 20px 30px #0003}.site-header nav>a:not(.button){width:100%;padding:14px 0}.site-header nav>a.button{width:100%;justify-content:space-between}.modern-hero-grid{grid-template-columns:1fr;gap:38px;padding-block:42px}.modern-hero-copy h1{font-size:clamp(3.5rem,7.7vw,5.4rem)}.modern-hero-intro{max-width:520px}.hero-personal{margin-top:22px}.hero-personal br{display:none}.hero-personal span{margin-left:6px}.hero-projects{display:grid;grid-template-columns:1.3fr 1fr;gap:18px;align-items:end}.hero-project-secondary{display:flex;flex-direction:column;align-items:stretch;margin:0;padding:14px}.hero-project-secondary>div{gap:7px}.modern-capabilities>span{min-width:100px}.modern-capabilities ul{gap:12px 22px}.modern-capabilities li{font-size:12px}.project-paths{padding-block:65px}.project-paths .agency-heading{gap:0 35px}.service-overview{padding-block:55px 75px}.support-columns{gap:30px}.support-columns article+article{padding-left:30px}.founder-section{gap:35px}.contact-layout{grid-template-columns:1fr;gap:35px;max-width:650px}.contact-section{padding-block:65px}.contact-section p{max-width:520px}.service-detail{gap:30px}.service-detail h2{font-size:2.6rem}}
@media(max-width:700px){.site-header .wrap,.site-header~main .wrap,.agency-footer.wrap{width:calc(100% - 40px)}.studio-kicker{font-size:9px;gap:15px}.studio-kicker>span:last-child{display:none}.modern-hero-copy h1{font-size:clamp(2.7rem,8.6vw,4.2rem);line-height:1.08}.hero-overline{font-size:12px;margin-bottom:20px}.modern-hero-intro{font-size:16px;margin-bottom:25px}.modern-hero-actions{gap:10px 22px}.modern-hero-actions .button{font-size:13px;padding:14px 18px;gap:20px}.modern-work-link{font-size:13px}.hero-projects{grid-template-columns:1fr;gap:15px}.hero-project-main{padding:14px;border-radius:13px}.hero-project-caption{flex-wrap:nowrap;font-size:10px}.hero-project-caption strong{font-size:16px}.hero-project-secondary{display:grid;grid-template-columns:1.1fr 1fr;gap:20px;padding:14px;margin-left:30px}.modern-capabilities{align-items:start;gap:20px}.modern-capabilities ul{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.modern-capabilities>span{min-width:70px;font-size:10px}.modern-capabilities li{font-size:11px}.project-paths .agency-heading{display:block}.project-paths .agency-heading h2{margin-block:18px}.project-paths .agency-heading>p{font-size:15px;max-width:440px}.path-list{grid-template-columns:1fr}.project-path{display:grid;grid-template-columns:25px 1fr;gap:15px;padding:25px}.project-path+.project-path{border-left:0;border-top:1px solid var(--line)}.project-path h3{max-width:none;font-size:21px}.project-path p{margin-bottom:16px}.project-path .path-action{margin-top:0}.work-grid{grid-template-columns:1fr;gap:25px}.work-intro{display:block}.work-intro>p{max-width:450px;font-size:14px}.work-project{padding:10px;border-radius:14px}.work-project-meta,.work-title-row,.work-evidence,.work-description,.work-scope,.work-case-study{margin-inline:10px}.work-title-row{flex-direction:row;align-items:center}.work-project h3{font-size:25px}.work-next{align-items:start;padding-bottom:0}.service-index-row{grid-template-columns:26px 1fr 34px;gap:12px;padding:24px 4px}.service-index-row h3{font-size:21px}.service-index-row p{font-size:13px}.service-index-row>span:last-child{width:34px;height:34px}.support-section{padding-block:60px}.support-columns{grid-template-columns:1fr;gap:30px}.support-columns article+article{padding:30px 0 0;border-left:0;border-top:1px solid #b7bcac}.support-columns h3{font-size:22px}.process-grid{grid-template-columns:1fr;gap:26px;margin-bottom:32px}.process-grid article{display:grid;grid-template-columns:42px 1fr;gap:4px 20px;align-items:start}.process-grid article>span{grid-row:1/3}.process-grid h3{margin:8px 0 10px}.process-grid p{grid-column:2}.principle{padding:25px;gap:15px}.founder-section{grid-template-columns:1fr;gap:10px;padding-block:60px}.founder-copy{padding:0}.faq-layout{gap:20px}.questions{padding:0}.questions summary{font-size:14px;line-height:1.6}.inquiry-form{padding:24px;border-radius:14px}.form-pair{grid-template-columns:1fr;gap:6px}.contact-section h2{font-size:clamp(2.7rem,9vw,4rem)}.contact-next{margin-block:24px}.service-detail{grid-template-columns:1fr;gap:25px;padding-block:45px}.service-detail-scope{padding:24px}.service-jump{gap:8px}.service-jump>a:not(.button){font-size:11px;padding:9px 11px}.services-opening h1{font-size:clamp(3.4rem,11vw,4.5rem)}.services-opening{padding-top:45px}.page-cta{display:block;padding-block:60px}.page-cta .button{margin-top:25px}.agency-footer nav{gap:8px 20px}.agency-footer{gap:25px}.agency-footer .footer-copyright{padding-top:20px}}
@media(max-width:380px){.site-header .wordmark img{width:150px}.modern-hero-copy h1{font-size:2.55rem}.hero-project-secondary{margin-left:0;gap:14px}.hero-project-secondary strong{font-size:15px}.hero-project-caption>span{font-size:9px}.modern-capabilities{flex-direction:column;gap:15px}.modern-capabilities>span br{display:none}.modern-capabilities ul{width:100%}.inquiry-form{padding:20px}.work-title-row{gap:4px 10px}.work-project h3{font-size:23px}.site-header~main h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){.site-header~main *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}

.inquiry-form .form-select svg{color:#4c5841;opacity:1}