/* BNAX agency restructure: existing identity, clearer hierarchy. */
.studio-head{grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);gap:50px;padding:52px 0}
.studio-head h1{font-size:clamp(2.8rem,5.15vw,5.6rem);line-height:1.08;letter-spacing:-.055em}
.studio-summary .hero-descriptor{font-size:16px;line-height:1.6;color:#e4d6b9}
.studio-summary .studio-intro{max-width:360px}.studio-head .studio-summary{padding-bottom:0}
.project-paths{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding-block:100px;border-bottom:1px solid var(--line)}
.agency-heading>p{max-width:380px;color:var(--muted-copy)}.agency-heading h2{font-size:clamp(2.7rem,4.8vw,4.5rem)}
.path-list{border-top:1px solid var(--line)}.project-path{display:grid;grid-template-columns:35px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);text-decoration:none}.path-number{font-size:12px;color:var(--gold);padding-top:5px}.project-path h3{font-size:23px;line-height:1.3;margin:0 0 12px}.project-path p{font-size:15px;color:var(--muted-copy);max-width:390px;margin:0 0 14px}.path-action{font-size:14px;color:var(--gold)}.project-path:hover h3{color:var(--gold)}
.service-overview{padding-block:100px}.service-overview .section-intro,.support-section .section-intro,#approach .section-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:55px;margin-bottom:42px}.service-overview .section-intro p,.support-section .section-intro p{font-size:16px;max-width:400px}
.service-index{border-top:1px solid var(--line);margin-bottom:28px}.service-index-row{display:grid;grid-template-columns:40px 1.3fr 1fr 25px;gap:20px;align-items:center;text-decoration:none;border-bottom:1px solid var(--line);padding:30px 0}.service-index-row>span{color:var(--gold);font-size:13px}.service-index-row>span:last-child{font-size:24px}.service-index-row h3{font-size:clamp(1.5rem,2.5vw,2.4rem);margin:0}.service-index-row p{color:var(--muted-copy);font-size:15px;margin:0}.service-index-row:hover h3{color:var(--gold)}
.support-section{background:#ece8df;color:#24231f;padding-block:80px}.support-section h2 em{color:#775821}.support-section .eyebrow{color:#61513a}.support-section .section-intro p,.support-section p{color:#57544c}.support-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px;border-top:1px solid #beb8aa;padding-top:35px}.support-columns h3{font-size:25px}.support-columns p{max-width:470px}.support-section .text-link{color:#3d3424;border-color:#8e7e61}.support-section a:focus-visible{outline-color:#58431d}
.founder-section{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-block:90px;border-block:1px solid var(--line)}.founder-section h2{font-size:clamp(2.3rem,3.9vw,4rem)}.founder-copy{padding-top:35px;color:#bfbcb4}.founder-copy strong{color:var(--white)}.founder-copy p{max-width:490px}.agency-footer{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding-block:55px 30px}.agency-footer img{object-fit:contain;height:auto}.agency-footer p{margin:18px 0 4px;font-size:14px;color:#c9c4b8}.agency-footer span{font-size:12px;color:var(--gold);letter-spacing:.06em}.agency-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:20px}.agency-footer .footer-copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px;margin:0;font-size:12px;color:var(--muted-copy)}
.service-jump{flex-wrap:wrap;gap:14px 24px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line)}.service-jump a{font-size:13px;min-height:30px}.services-opening{padding-bottom:40px}.service-detail{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-block:65px;border-bottom:1px solid var(--line);scroll-margin-top:110px}.service-detail:last-child{border:0}.service-detail h2{font-size:clamp(2.8rem,4.3vw,4.4rem);max-width:490px}.service-detail-title>p{max-width:420px;color:#bfbcb4}.service-detail .eyebrow{color:var(--gold)}.service-detail-scope{padding-top:35px}.service-detail-scope h3{font-size:17px;letter-spacing:0}.service-detail-scope ul{padding-left:18px;color:#d1ccc1}.service-detail-scope li{padding:6px 0}.service-result{padding:22px 0 0;border-top:1px solid var(--line);margin-top:25px}.service-result p{font-size:15px;color:#d1ccc1}.scope-boundary{font-size:13px;color:#b1ada3;line-height:1.7}.work-evidence{font-size:12px;line-height:1.6;color:#c6b58e;margin:14px 0}.work-case-content .related-service{margin-top:20px;display:block}.contact-direct a{overflow-wrap:anywhere}
@media(max-width:1000px){.project-paths,.service-detail{gap:40px}.studio-head{gap:30px}.agency-footer nav{grid-template-columns:1fr}.service-index-row{grid-template-columns:30px 1.4fr 1fr 20px}.founder-section{gap:35px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.studio-head{grid-template-columns:1fr;gap:28px;padding-block:32px}.studio-head h1{font-size:clamp(2.05rem,7.3vw,3.6rem);line-height:1.14}.studio-summary .hero-descriptor{font-size:15px;max-width:none}.studio-summary .studio-intro{max-width:100%;font-size:16px}.project-paths{grid-template-columns:1fr;gap:28px;padding-block:60px}.agency-heading h2{margin-block:18px}.project-path h3{font-size:21px}.service-overview{padding-block:60px}.service-overview .section-intro,.support-section .section-intro,#approach .section-intro{grid-template-columns:1fr;gap:12px;margin-bottom:30px}.service-index-row{grid-template-columns:28px 1fr 20px;gap:12px;padding-block:24px}.service-index-row h3{font-size:23px}.service-index-row p{grid-column:2;grid-row:2;font-size:14px}.service-index-row>span:last-child{grid-column:3;grid-row:1}.support-section{padding-block:55px}.support-columns{grid-template-columns:1fr;gap:32px}.support-columns h3{font-size:23px;margin-bottom:14px}.founder-section{grid-template-columns:1fr;gap:10px;padding-block:55px}.founder-section h2{font-size:clamp(2rem,7.5vw,3rem)}.founder-copy{padding-top:0}.agency-footer{grid-template-columns:1fr;gap:28px;padding-block:40px 25px}.agency-footer nav{grid-template-columns:1fr 1fr;gap:20px 12px}.agency-footer nav a:last-child{grid-column:1/-1}.services-opening{padding-block:50px 20px}.services-opening h1{font-size:clamp(3rem,11vw,4.6rem)}.service-jump{margin-top:35px;gap:12px 18px}.service-detail{grid-template-columns:1fr;gap:12px;padding-block:45px}.service-detail h2{font-size:clamp(2.5rem,9vw,3.5rem)}.service-detail-scope{padding-top:12px}.service-detail-title .eyebrow{font-size:10px}.studio-stage{gap:24px}.service-overview h2,.support-section h2{font-size:clamp(2.6rem,9vw,4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.project-path,.service-index-row{transition:none}}
/* Content navigation must not inherit the collapsing header menu. */
.service-jump,.agency-footer nav{position:static;inset:auto;background:none;max-height:none;overflow:visible;border-bottom:0;align-items:center}
.service-jump{display:flex;padding:25px 0 0;gap:14px 24px}
.agency-footer nav{display:grid;padding:0;gap:20px}
.service-jump>a:not(.button),.agency-footer nav>a:not(.button){font-size:14px;padding:8px 0}

/* Second pass: secondary action and small-screen form readability. */
.hero-secondary{display:block;width:fit-content;margin-top:18px;color:var(--gold);font-size:14px;text-decoration:underline;text-underline-offset:6px}
.agency-footer nav>a,.service-jump>a{min-height:44px;display:flex;align-items:center}
.form-select{min-height:48px;height:auto;white-space:normal}.form-select [data-slot="select-value"]{white-space:normal;text-align:left;overflow-wrap:anywhere}
@media(max-width:400px){.studio-head h1{font-size:clamp(1.8rem,7.4vw,2.8rem)}.studio-caption{font-size:10px}.agency-footer nav{grid-template-columns:1fr}.service-index-row h3{font-size:21px}.work-title-row{flex-wrap:wrap;gap:10px}.workspace-header{gap:12px}.workspace-header img{max-width:145px;height:auto}.review-access{font-size:12px}.q-actions .button{gap:10px;padding-inline:14px}}
@media(min-width:701px) and (max-width:1000px){.studio-head{grid-template-columns:1fr;gap:28px;align-items:start}.studio-head h1{font-size:clamp(3rem,6.3vw,4.6rem)}.studio-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px 35px;max-width:none}.studio-summary .hero-descriptor{margin:0}.studio-summary .studio-intro{max-width:none;margin:0}.studio-summary .button{justify-self:start}.studio-summary .hero-secondary{align-self:center;margin-top:10px}}

/* Preserve the supplied HumanCraft AI screenshot without cropping its copy. */
.work-preview>img.work-humancraft,.studio-side>a>img.studio-humancraft{object-fit:contain;background:#0b0812}