/* Shared local BROJKA catalogue scale. Existing content sliders keep their layout. */
.bn-header,.bn-footer,.main{--brojka-accent:#19e183;--brojka-muted:#adb7b3;--brojka-rule:#ffffff26}
.bn-secondary .bn-item-label>a:after{content:'';position:absolute;inset:auto 0 -9px;height:1px;background:var(--brojka-accent);transform:scaleX(0);transform-origin:right;transition:transform .25s}
.bn-item-label>a:is(:hover,:focus-visible,[aria-current=page]):after{transform:scaleX(1)}
.bn-secondary .bn-item-label>a:is(:hover,[aria-current=page]){color:var(--brojka-accent)}
.bn-megaphone{display:inline-block;flex-shrink:0;vertical-align:middle}
.bn-contact-eyebrow .bn-megaphone{margin-left:8px;width:22px;height:22px}
.footer.bn-footer .bn-footer-enquiry>a{display:inline-flex;align-items:center;gap:12px}
.footer.bn-footer .bn-footer-column a{position:relative;text-decoration:none}
.footer.bn-footer .bn-footer-column a:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--brojka-accent);transform:scaleX(0);transform-origin:right;transition:transform .25s}
.footer.bn-footer .bn-footer-column a:is(:hover,:focus-visible,[aria-current=page]):after{transform:scaleX(1)}
.footer.bn-footer .bn-footer-column a:is(:hover,[aria-current=page]){color:var(--brojka-accent);text-decoration:none}

/* Title and tools follow the same alignment on projects, blog and blog search. */
.main .project-catalog{padding:124px 0 64px;background:#1a1d22;color:#e8eded}
.main .project-catalog__heading,.bn-catalog-head>.container{display:flex;align-items:baseline;justify-content:space-between;gap:24px 48px;max-width:none;margin-bottom:30px}
.main .project-catalog h1,.bn-catalog-head h1{flex-shrink:0;font-size:clamp(32px,3.2vw,46px);font-weight:600;line-height:1.12!important;letter-spacing:-.025em;margin:0}
.main .project-catalog__heading>p:last-child,.bn-catalog-head p{max-width:560px;margin:0;color:var(--brojka-muted);font-size:18px;line-height:1.5!important}
.bn-catalog-head{padding:124px 0 0;margin:0;background:transparent}
.bn-catalog-head>.container{max-width:1140px}
.bn-catalog-tools{margin:0;padding:0}
.main .project-catalog__areas,.bn-catalog-tabs{display:flex;gap:8px 28px;flex-wrap:wrap;border-bottom:1px solid var(--brojka-rule);margin:0 0 22px}
.main .project-catalog__areas a,.bn-catalog-tabs a{position:relative;padding:10px 0 14px;font-size:18px;font-weight:400;color:var(--brojka-muted);text-decoration:none;line-height:1.4}
.main .project-catalog__areas a:after,.bn-catalog-tabs a:after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--brojka-accent);transform:scaleX(0);transform-origin:right;transition:transform .25s}
.main .project-catalog__areas a:is(:hover,:focus-visible,[aria-current=true]),.bn-catalog-tabs a:is(:hover,:focus-visible,[aria-current=page]){color:#edf2ef;opacity:1}
.main .project-catalog__areas a:is(:hover,:focus-visible,[aria-current=true]):after,.bn-catalog-tabs a:is(:hover,:focus-visible,[aria-current=page]):after{transform:scaleX(1)}
.main .project-catalog label>span:first-child,.bn-catalog-search>label{font-size:14px;color:var(--brojka-muted);line-height:1.3}
.main .project-catalog input[type=search],.main .project-catalog select,.bn-catalog-search input{background:#22262b;border:1px solid #66716d;border-radius:3px;font-size:16px;color:#edf2ef}
.main .project-catalog input[type=search]:focus-visible,.main .project-catalog select:focus-visible{border-color:var(--brojka-accent);outline-color:var(--brojka-accent)}
.main .project-catalog__results-bar,.bn-catalog-results{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0}
.main .project-catalog__count,.bn-catalog-results p{color:var(--brojka-muted);font-size:16px;line-height:1.5!important;margin:0}
.main .project-catalog__count strong,.bn-catalog-results strong{color:#edf2ef;font-size:inherit;font-weight:600;margin-left:8px}
.main .project-catalog__sort select{height:40px;min-height:40px;font-size:15px;background:transparent}
.bn-catalog-search{max-width:620px;margin:0}
.bn-catalog-search>label{display:block;margin:0 0 9px}
.bn-catalog-search__field{position:relative;display:flex;gap:10px}
.bn-catalog-search__field svg{position:absolute;left:14px;top:15px;width:18px;height:18px;stroke-width:1.7;color:var(--brojka-muted);pointer-events:none}
.bn-catalog-search input{height:48px;min-width:0;width:100%;padding:0 12px 0 42px;font-family:inherit;outline-offset:3px}
.bn-catalog-search input::placeholder{color:#a2aca7;opacity:1}
.bn-catalog-search button{height:48px;padding:0 22px;border:1px solid #66716d;border-radius:3px;background:transparent;color:#edf2ef;font:inherit;font-size:16px;cursor:pointer}
.bn-catalog-search button:hover{border-color:var(--brojka-accent);color:var(--brojka-accent)}
.bn-catalog-results>a{color:var(--brojka-muted);font-size:16px;text-underline-offset:4px}
.bn-catalog-tools :focus-visible,.bn-article-list :focus-visible{outline:2px solid var(--brojka-accent);outline-offset:4px}

/* Listing rows reuse the type sizes and outlined tags from the original work sliders. */
.main .project-catalog .project-grid{display:grid;grid-template-columns:1fr;gap:0}
.main .project-catalog .project-card,.bn-article-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);padding:30px 0;border-top:1px solid var(--brojka-rule);margin:0}
.main .project-catalog .project-card__image,.bn-article-row__image{border-radius:0;aspect-ratio:16/9;overflow:hidden;background:#22262b;display:flex;align-items:center;justify-content:center}
.bn-article-row__image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .35s}
.bn-article-row__image:hover img{transform:scale(1.025)}
.main .project-catalog .project-card__details{padding:0}
.main .project-card h2,.bn-article-row h2{font-size:clamp(23px,2.05vw,30px);font-weight:600;line-height:1.2!important;letter-spacing:-.015em;margin:0 0 16px;overflow-wrap:anywhere;text-wrap:pretty}
.main .project-card h2 a,.bn-article-row h2 a{font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-decoration:none;color:#e8eded}
.main .project-card h2 a:hover,.bn-article-row h2 a:hover{color:var(--brojka-accent);opacity:1}
/* Use one compact title scale for reference sliders and project cards. */
.main .project-card h2,.main .work .item.is-work .item__title :is(h2,h3,h4,h5,h6){font-size:clamp(20px,1.7vw,24px);font-weight:600;line-height:1.25!important;letter-spacing:-.01em;overflow-wrap:break-word}
.main .work .item.is-work .item__title a{font-size:inherit;line-height:inherit;letter-spacing:inherit}
.main .project-card h2.gentle-scroll-heading:after,.bn-article-row h2.gentle-scroll-heading:after{display:none}
.main .project-card__area{font-size:14px;line-height:1.4!important;color:var(--brojka-accent);letter-spacing:.04em;margin:0 0 12px}
.main .project-card__meta{font-size:16px;line-height:1.5!important;color:var(--brojka-muted);margin:0 0 18px}
.main .project-card__tags{gap:8px;list-style:none;padding:0;margin:0}
.main .project-card__tags li{padding:0;margin:0}
.main .project-card__tags a{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid #ffffff60;border-radius:32px;color:#d6ded9;font-size:14px;line-height:1.25;text-decoration:none}
.main .project-card__tags a:hover{color:var(--brojka-accent);border-color:var(--brojka-accent);opacity:1}
/* Reference tags share a compact scale and clear the heading's green underline. */
.main .work .item.is-work .item__tags{padding-top:16px}
.main .work .item.is-work .item__tags .tags{gap:6px;margin:0;padding:0}
.main .work .item.is-work .item__tags .tags__item{margin:0;padding:0}
.main .work .item.is-work .item__tags .tags__item :is(a,span){display:inline-flex;align-items:center;font-size:14px;line-height:1.2;min-height:30px;padding:5px 10px;margin:0}
.main .project-card__visual-link:focus-visible{outline:2px solid var(--brojka-accent);outline-offset:5px}
.bn-article-list{padding:0 0 64px;margin:0}
.bn-article-row__details{min-width:0}
.bn-article-row__meta{display:flex;align-items:baseline;gap:10px 16px;flex-wrap:wrap;margin:0 0 14px;color:var(--brojka-muted);font-size:15px}
.bn-article-row__meta .post-categories{list-style:none;display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0}
.bn-article-row__meta .post-categories a{font-size:14px;color:var(--brojka-accent);text-decoration:none;letter-spacing:.04em;text-transform:uppercase}
.bn-article-row__read{display:inline-block;color:#d6ded9;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.bn-article-row__read:hover{color:var(--brojka-accent)}
.main .project-catalog__pages,.bn-catalog-pages{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin:36px 0 0;scroll-margin-top:110px}
.main .project-catalog__pages .page-numbers,.bn-catalog-pages .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 13px;border:1px solid #ffffff40;border-radius:3px;font-size:16px;line-height:1.4;color:#d6ded9;text-decoration:none}
.main .project-catalog__pages .current,.bn-catalog-pages .current{background:var(--brojka-accent);border-color:var(--brojka-accent);color:#12251c}
.main .project-catalog__pages a:hover,.bn-catalog-pages a:hover{border-color:var(--brojka-accent);opacity:1}
.main .project-catalog__pages .dots,.bn-catalog-pages .dots{border:0;min-width:20px}
.bn-catalog-empty{padding:45px 0 65px;border-top:1px solid var(--brojka-rule)}
.bn-catalog-empty h2{font-size:28px}.bn-catalog-empty p{font-size:18px;color:var(--brojka-muted)}
.main .project-catalog__results-bar,.main .project-card{scroll-margin-top:106px}

/* Project reading pages share the same palette and heading weight. */
.main.project-detail{background:#1a1d22;padding-top:124px}
.main.project-detail h1{font-size:clamp(32px,3.2vw,46px);font-weight:600;line-height:1.12;letter-spacing:-.025em}
.main.project-detail .project-detail__lead{font-size:20px;line-height:1.6!important}
.main.project-detail .project-detail__copy{font-size:20px;line-height:1.65}
.main.project-detail .project-detail__copy p{font-size:inherit;line-height:1.65!important}
.main.project-detail .project-detail__section>h2,.main.project-detail .project-detail__taxonomy h2{font-size:14px;font-weight:400;color:var(--brojka-muted)}
.main.project-detail .project-detail__description :is(h2,h3){font-size:28px;font-weight:600}
.main.project-detail .project-detail__taxonomy a{font-size:14px;border-color:#ffffff60}
.main.project-detail .project-detail__cta{background:var(--brojka-accent)}
.main.project-detail .project-detail__eyebrow>a{color:var(--brojka-accent);font-size:14px}
.main.project-detail .project-detail__facts dd{font-size:17px}
.main.project-detail .project-detail__facts dd a{font-size:inherit}

@media(min-width:1500px){.bn-catalog-head>.container,.bn-catalog-tools>.container,.bn-article-list>.container{max-width:1280px}}
@media(min-width:992px) and (max-width:1199px){.bn-catalog-head>.container{max-width:960px}}
@media(min-width:768px) and (max-width:991px){.bn-catalog-head>.container{max-width:720px}}
@media(min-width:576px) and (max-width:767px){.bn-catalog-head>.container{max-width:540px}}
@media(max-width:1149px){.bn-secondary .bn-item-label>a:after{inset:auto auto 6px 0;width:36px}.bn-secondary .bn-item-label>a[aria-current=page]{color:var(--brojka-accent)}}
@media(max-width:767px){
 .main .home-selected-projects .home-selected-projects__track{grid-auto-columns:calc(100% - 36px);gap:14px;scroll-padding-inline:6px}
 :is(.main,.reference-overlay) .work.slider [data-work-slider]{width:calc(100% + 15px);margin-right:-15px;overflow:hidden}
 :is(.main,.reference-overlay) .work.slider [data-work-slider]>.swiper-wrapper>.swiper-slide{width:calc(100% - 44px);max-width:none;padding-left:0;padding-right:0}
 .main .project-catalog,.main.project-detail{padding-top:103px}
 .bn-catalog-head{padding-top:103px}
 .main .project-catalog__heading,.bn-catalog-head>.container{display:block;margin-bottom:22px}
 .main .project-catalog h1,.bn-catalog-head h1{font-size:34px;margin-bottom:12px}
 .main .project-catalog__heading>p:last-child,.bn-catalog-head p{font-size:17px;max-width:36ch}
 .main .project-catalog__areas,.bn-catalog-tabs{gap:0 24px;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none;padding-bottom:1px}
 .main .project-catalog__areas::-webkit-scrollbar,.bn-catalog-tabs::-webkit-scrollbar{display:none}
 .main .project-catalog__areas a,.bn-catalog-tabs a{font-size:17px;min-height:44px}
 .main .project-catalog .project-card,.bn-article-row{grid-template-columns:1fr;gap:20px;padding:24px 0}
 .main .project-card h2,.bn-article-row h2{font-size:24px;margin-bottom:14px}
 .main .project-card h2,.main .work .item.is-work .item__title :is(h2,h3,h4,h5,h6){font-size:20px}
 .main .work .item.is-work .item__tags .tags__item :is(a,span),.main .project-card__tags a{min-height:32px}
 .main .project-catalog__search input{font-size:16px!important}
 .main .project-catalog__filters label>span:first-child{font-size:14px}
 .main .project-catalog__selection>a{font-size:14px}
 .bn-catalog-search__field{gap:8px}.bn-catalog-search button{padding:0 14px}
 .bn-article-row__meta{gap:8px 12px}
 .main .project-catalog,.bn-article-list{padding-bottom:40px}
 .main.project-detail h1{font-size:34px}
 .main.project-detail .project-detail__copy,.main.project-detail .project-detail__lead{font-size:18px}
 .main.project-detail .project-detail__description :is(h2,h3){font-size:25px}
}
@media(prefers-reduced-motion:reduce){.bn-secondary .bn-item-label>a:after,.footer.bn-footer .bn-footer-column a:after,.bn-catalog-tabs a:after,.bn-article-row__image img{transition:none}.bn-article-row__image:hover img{transform:none}}