/* A single motion and layout system. Text is never masked by its line box. */
:root{--bn-paper:#ffffff;--bn-ink:#000000;--bn-muted:#484848;--bn-accent:var(--bn-ink);--bn-action:#484848;--bn-gray:#cccccc;--bn-ease:cubic-bezier(.19,1,.22,1);--gutter:clamp(22px,4.7vw,88px);--sans:Figtree,Arial,sans-serif;--serif:Cormorant,Georgia,serif;--script:ImperialScript,cursive;--nav-width:calc(100% - 2 * var(--gutter));--nav-p:0;--entry-progress:1;scroll-padding-top:110px}
*{box-sizing:border-box}
html{scroll-behavior:auto}
body.bn-page{margin:0;background:var(--bn-paper);color:var(--bn-ink);font:400 16px/1.4 var(--sans);overflow-x:clip;-webkit-font-smoothing:antialiased}
.bn-page main{width:100%;max-width:none}.bn-page img,.bn-page video{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}.bn-page figure,.bn-page h1,.bn-page h2,.bn-page h3,.bn-page p{margin:0}.bn-page a{color:inherit;text-decoration:none}.bn-page button{color:inherit;font:inherit;cursor:pointer}.bn-page button,.bn-page a{-webkit-tap-highlight-color:transparent}.bn-page button{border:0}.bn-page button:focus-visible,.bn-page a:focus-visible,.bn-hero-name:focus-visible{outline:2px solid currentColor;outline-offset:7px}.bn-page em{font-family:var(--serif);font-weight:400}.bn-page ::selection{background:var(--bn-ink);color:var(--bn-paper)}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}
.bn-label{font:500 11px/1.5 var(--sans);letter-spacing:.015em}.bn-skip{position:fixed;top:10px;left:10px;z-index:11000;padding:12px;background:#fff;color:#000;transform:translateY(-180%)}.bn-skip:focus{transform:none}

/* The GB mark remains at the same screen coordinates throughout compaction. */
.show-nav,.show-nav.is-compact,body.has-scrolled .show-nav{position:fixed;inset:14px auto auto 50%;z-index:100;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;width:var(--nav-width);max-width:none;height:68px;min-height:68px;padding:0 26px;border:0;border-radius:9px;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;transform:translateX(-50%);isolation:isolate;color:var(--bn-ink);transition:color .3s}
.show-nav::before{position:absolute;inset:0;z-index:-1;content:"";border-radius:inherit;background:rgba(255,255,255,.78);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:0 12px 38px #0000000a;opacity:var(--nav-p);pointer-events:none}
.show-nav .nav-left,.show-nav .nav-right{display:contents}
.show-nav .nav-left>a,.show-nav .nav-right>a{position:relative;display:flex;align-items:center;justify-self:center;height:44px;color:inherit;font:500 12px/1.4 var(--sans);letter-spacing:0;text-transform:none;text-decoration:none;white-space:nowrap;transform:none;transition:none}
.bn-nav-label{display:block;font-weight:500;transition:font-weight .25s ease}
.bn-nav-label::after{content:attr(data-label);display:block;height:0;overflow:hidden;visibility:hidden;font-weight:700;pointer-events:none}
.show-nav a:hover .bn-nav-label,.show-nav a:focus-visible .bn-nav-label,.show-nav a[aria-current="page"] .bn-nav-label{font-weight:700}
.show-nav .brand-mark{display:inline-flex;position:relative;align-items:baseline;justify-self:center;gap:0;margin:0;padding:0;color:inherit;font:700 26px/.8 var(--sans);letter-spacing:0;text-decoration:none;transform:none;transition:opacity .36s}
.show-nav .brand-mark__g{font:700 1em/.8 var(--sans)}.show-nav .brand-mark__b{margin-left:-.08em;font:400 1.3em/.55 var(--script);font-synthesis:none}
.bn-work .show-nav,.bn-nav-dark .show-nav{color:#ffffff}.bn-work .show-nav::before,.bn-nav-dark .show-nav::before{background:rgba(0,0,0,.76);box-shadow:0 12px 38px #0001}

.bn-arrow{display:inline-grid;place-items:center;width:43px;height:43px;border:1px solid currentColor;border-radius:50%;font:400 21px/1 var(--sans);transition:background .35s,color .35s}
.bn-round-link{display:inline-flex;align-items:center;gap:15px;font:500 13px/1.4 var(--sans);white-space:nowrap}.bn-round-link:hover .bn-arrow{background:var(--bn-ink);color:var(--bn-paper)}
.bn-text-link{display:inline-flex;align-items:center;gap:24px;padding-block:10px;font:500 13px/1.5 var(--sans)}.bn-text-link>span{display:inline-block;transition:transform .5s var(--bn-ease)}.bn-text-link:hover>span{transform:translate(5px,-4px)}

/* Identity: the same name travels from the first screen into the introduction. */
.bn-identity{position:relative;height:235svh}.bn-identity__stage{position:sticky;top:0;height:100svh;min-height:620px;isolation:isolate}
.bn-fluid-field{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 70% 20%,#484848 0,transparent 50%),radial-gradient(ellipse at 10% 80%,#484848 0,transparent 55%),#000000}
.bn-fluid-field>canvas{display:block;width:100%;height:100%}
.bn-site-footer{--bn-paper:#000000;--bn-ink:#ffffff;--bn-muted:#cccccc;color:var(--bn-ink)}
.bn-home .bn-identity{--bn-paper:#ffffff;--bn-ink:#000000;--bn-muted:#484848;--bn-accent:#000000;color:var(--bn-ink)}
.bn-home .bn-identity__stage{background:#ffffff}
.bn-home .bn-identity__stage>.bn-fluid-field{z-index:0;opacity:var(--intro-progress,0)}
.bn-home .bn-hero-notes,.bn-home .bn-hero-bottom{z-index:2}
.bn-site-footer{position:relative;isolation:isolate;background:#000000}
.bn-site-footer>.bn-fluid-field{z-index:0}
.bn-site-footer>.bn-next,.bn-site-footer>.bn-footer{position:relative;z-index:1}
.bn-hero-notes{position:absolute;inset:43% var(--gutter) auto;display:grid;grid-template-columns:repeat(2,minmax(0,clamp(116px,12.5vw,180px)));justify-content:space-between;align-items:start;font:400 11px/1.5 var(--sans);color:var(--bn-muted);pointer-events:none}.bn-hero-notes>span{display:block;text-align:center;white-space:nowrap}
.bn-name-anchor{position:absolute;z-index:3;left:50%;top:48%;width:max-content;max-width:calc(100vw - 2 * var(--gutter));transform:translate(-50%,-50%)}
.bn-hero-name{display:flex;align-items:baseline;gap:.14em;width:max-content;margin:0;font:700 clamp(72px,13.2vw,205px)/1.16 var(--sans);letter-spacing:-.085em;white-space:nowrap;transform-origin:left top;cursor:default;outline-offset:15px!important}.bn-hero-name>span{display:inline-block;line-height:.8}.bn-hero-name>em{display:inline-block;margin-left:0;font:400 1.3em/.55 var(--script);font-synthesis:none;letter-spacing:0}
.bn-hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:38px;display:grid;grid-template-columns:1fr 1.3fr 1fr;align-items:end;gap:20px}.bn-hero-bottom>p{text-align:center;font:500 clamp(22px,2.1vw,31px)/1.18 var(--sans);letter-spacing:-.04em}.bn-hero-bottom>p>em{font-size:1.14em;letter-spacing:-.02em}.bn-hero-bottom>span{justify-self:end;font:400 11px/1.5 var(--sans)}
.bn-orbit{position:absolute;inset:100px 0 110px;z-index:1;pointer-events:none;overflow:clip}.bn-orbit__item{position:absolute;opacity:0;visibility:hidden;will-change:transform;overflow:hidden;border-radius:4px}.bn-orbit__item--1{left:27%;top:2%;width:13vw;aspect-ratio:1.1}.bn-orbit__item--2{right:6%;top:4%;width:23vw;aspect-ratio:1.22}.bn-orbit__item--3{left:6%;bottom:2%;width:23vw;aspect-ratio:1.2}.bn-orbit__item--4{right:27%;bottom:3%;width:14vw;aspect-ratio:1.25}
.bn-intro-composition{position:absolute;inset:0;z-index:2;pointer-events:none}.bn-intro-title{position:absolute;top:clamp(110px,17svh,155px);left:var(--gutter);font:600 clamp(54px,7.1vw,110px)/1.15 var(--sans);letter-spacing:-.07em}.bn-intro-line{display:block;width:max-content;max-width:90vw}.bn-intro-name-slot{display:block;width:59vw;height:1.25em}.bn-rotator{display:inline-grid;vertical-align:baseline;padding:.04em .14em .14em 0;margin-block:-.04em -.14em;letter-spacing:-.04em;font:italic 400 1.16em/1.14 var(--serif);min-width:3.3em}.bn-rotator>i{grid-area:1/1;font:inherit;opacity:0;visibility:hidden;transform-origin:50% 75%}.bn-rotator>i.is-current{opacity:1;visibility:visible}
.bn-intro-support{position:absolute;right:var(--gutter);top:25%;width:clamp(240px,27vw,420px);pointer-events:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.bn-intro-support p{font:400 clamp(17px,1.4vw,21px)/1.5 var(--sans);letter-spacing:-.025em;color:var(--bn-muted);text-wrap:pretty}.bn-intro-support .bn-text-link{margin-top:22px}.bn-intro-fragment{display:block;overflow:clip;padding-block:.15em;margin-block:-.15em}.bn-intro-fragment__text{display:block;transform-origin:left bottom}
.bn-motion .bn-intro-line,.bn-motion .bn-intro-support{visibility:hidden}
/* The docked name has a compact .8em line box; reserve its real footprint,
   not the former hero line-height. Rotating serif words must not stretch a row. */
.bn-intro-name-slot{height:.85em}
.bn-intro-line{height:1.15em}


/* Four continuous image chapters, with the reference's central detail thumbnail. */
.bn-reel{position:relative;height:480svh;background:#000000;scroll-margin-top:0}.bn-reel__stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate;color:#fff;background:#000000}
.bn-reel__images,.bn-reel__slide{position:absolute;inset:0}.bn-reel__images{z-index:0;isolation:isolate}.bn-reel__slide{overflow:hidden}.bn-reel__slide:not(:first-child){clip-path:inset(100% 0 0)}.bn-reel__slide>img,.bn-reel__slide>video{width:100%;height:100%;object-fit:cover;will-change:transform}.bn-reel__stage::after{position:absolute;inset:0;z-index:3;content:"";background:linear-gradient(180deg,#0005,transparent 28%,transparent 45%,#0008);pointer-events:none}
.bn-reel__top{position:absolute;z-index:4;top:112px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font:500 12px/1.4 var(--sans)}
.bn-reel__thumb{position:absolute;z-index:5;top:46%;left:50%;width:clamp(160px,20vw,310px);aspect-ratio:.85;transform:translate(-50%,-50%);box-shadow:0 20px 60px #0004;overflow:hidden;border-radius:3px;will-change:transform}.bn-reel__thumb>img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--bn-ease)}.bn-reel__thumb:hover>img{transform:scale(1.08)}.bn-reel__open{position:absolute;bottom:12px;left:12px;right:12px;padding:11px 13px;background:#ffffff;color:#000000;font:500 10px/1.4 var(--sans);display:flex;justify-content:center;opacity:0;transform:translateY(10px);transition:opacity .35s,transform .5s var(--bn-ease)}.bn-reel__thumb:hover .bn-reel__open,.bn-reel__thumb:focus-visible .bn-reel__open{opacity:1;transform:none}
.bn-reel__caption{position:absolute;left:var(--gutter);bottom:58px;z-index:4;display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:65%;text-shadow:0 2px 18px #0003}.bn-reel__key{color:#fff9}.bn-reel__title{display:block;max-width:100%;padding-bottom:.12em;font:550 clamp(30px,4.4vw,68px)/1.12 var(--sans);letter-spacing:-.065em}.bn-reel__category{font:400 12px/1.5 var(--sans)}
.bn-reel__steps{position:absolute;z-index:6;right:var(--gutter);top:50%;display:flex;flex-direction:column;gap:10px;transform:translateY(-50%)}.bn-reel__steps button{position:relative;width:48px;height:35px;background:transparent;border:0;color:#fffa;font:400 11px/1 var(--sans);text-align:right}.bn-reel__steps button::before{position:absolute;content:"";width:12px;height:1px;left:0;top:50%;background:currentColor;transition:width .5s var(--bn-ease)}.bn-reel__steps button[aria-current="step"],.bn-reel__steps button:hover{color:#fff}.bn-reel__steps button[aria-current="step"]::before{width:24px}
.bn-reel__total{position:absolute;right:var(--gutter);bottom:62px;z-index:5;font:500 14px/1.4 var(--sans);font-variant-numeric:tabular-nums}.bn-reel__total>span{color:#fffa;font-weight:400}
.bn-explore{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:65px var(--gutter) 100px}.bn-explore>p{font:400 23px/1.18 var(--sans);letter-spacing:-.035em}.bn-explore>p>em{font-size:1.17em}

.bn-practice{position:relative;height:235svh}.bn-practice__stage{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;height:100svh;min-height:650px;padding:100px var(--gutter) 50px;overflow:clip}.bn-practice__stage>.bn-label{text-align:center}.bn-practice__words{width:100%;margin:0;padding:0;list-style:none;text-align:center}.bn-practice__words>li{position:relative;transform-origin:center;font:600 clamp(48px,8vw,125px)/1.12 var(--sans);letter-spacing:-.07em;color:#00000030;padding-block:.02em .06em;transition:color .5s,transform .6s var(--bn-ease)}.bn-practice__words>li.is-current{color:var(--bn-ink);transform:scale(1.055)}.bn-practice__words>li:nth-child(even){font:italic 500 clamp(54px,8.8vw,136px)/1.08 var(--serif);letter-spacing:-.05em}.bn-practice__description{max-width:420px;min-height:42px;text-align:center;font:400 14px/1.5 var(--sans);color:var(--bn-muted)}.bn-practice__index{position:absolute;bottom:35px;right:var(--gutter);font:400 12px/1.4 var(--sans)}

.bn-personal{padding:140px var(--gutter) 100px;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:8vw}.bn-personal__copy>.bn-label{margin-bottom:30px}.bn-personal h2,.bn-story h2,.bn-method h2,.bn-journey h2,.bn-beyond h2{font:550 clamp(45px,5.2vw,82px)/1.12 var(--sans);letter-spacing:-.065em;padding-bottom:.14em}.bn-personal h2 em,.bn-story h2 em,.bn-method h2 em,.bn-journey h2 em,.bn-beyond h2 em{font-size:1.1em;letter-spacing:-.04em}.bn-personal__copy>p:not(.bn-label){max-width:360px;margin-top:22px;color:var(--bn-muted);font-size:17px;line-height:1.5}.bn-personal__copy>.bn-text-link{margin-top:25px}.bn-personal__image{position:relative;display:block;overflow:hidden;aspect-ratio:1.05;border-radius:4px}.bn-personal__image>img{object-position:54% center;transition:transform 1.2s var(--bn-ease)}.bn-personal__image:hover>img{transform:scale(1.06)}
.bn-home-about{padding:clamp(90px,11vw,165px) var(--gutter) clamp(100px,12vw,175px);background:#ffffff;color:#000000;overflow:clip}
.bn-home-about__top{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:clamp(60px,8vw,110px)}
.bn-home-about__top .bn-label{color:#484848}
.bn-home-about__intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:10vw}
.bn-home-about__intro h2{margin:0;font:550 clamp(48px,6.8vw,105px)/1.02 var(--sans);letter-spacing:-.08em;padding-bottom:.14em}
.bn-home-about__intro h2 em{font-size:1.06em;letter-spacing:-.045em}
.bn-home-about__intro>p{max-width:450px;margin:0 0 8px;font:400 clamp(17px,1.55vw,22px)/1.42 var(--sans);letter-spacing:-.025em;color:#484848}
.bn-home-about__facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:clamp(75px,10vw,135px)}
.bn-home-about__facts article{position:relative;min-height:145px;padding:20px 20px 23px;background:#cccccc33;display:flex;flex-direction:column;justify-content:space-between;transform-origin:center bottom;transition:background .55s var(--bn-ease),color .4s ease,transform .7s var(--bn-ease),box-shadow .55s var(--bn-ease)}
.bn-home-about__facts article::after{position:absolute;right:18px;top:18px;content:"↗";font:400 19px/1 var(--sans);transition:transform .6s var(--bn-ease)}
.bn-home-about__facts article:hover{background:#000000;color:#fff;transform:translateY(-8px) rotate(-1deg);box-shadow:0 22px 45px #00000033}
.bn-home-about__facts article:hover::after{transform:translate(4px,-4px)}
.bn-home-about__facts .bn-label{color:#484848;transition:color .4s ease}.bn-home-about__facts article:hover .bn-label{color:#ccc}
.bn-home-about__facts strong{font:500 clamp(18px,1.8vw,27px)/1.08 var(--sans);letter-spacing:-.045em}
@media(max-width:700px){.bn-home-about{padding:80px var(--gutter) 95px}.bn-home-about__top{align-items:flex-start;margin-bottom:58px}.bn-home-about__intro{display:block}.bn-home-about__intro h2{font-size:clamp(45px,12vw,74px)}.bn-home-about__intro>p{margin-top:30px;font-size:17px}.bn-home-about__facts{grid-template-columns:1fr;gap:9px;margin-top:60px}.bn-home-about__facts article{min-height:120px}.bn-home-about__facts strong{font-size:23px}}
@media(prefers-reduced-motion:reduce){.bn-home-about__facts article,.bn-home-about__facts article::after{transition:none}.bn-home-about__facts article:hover{transform:none}}
.bn-conversation{position:relative;text-align:center;padding:160px var(--gutter) 120px}.bn-conversation>p{font:italic 400 clamp(24px,3.1vw,44px)/1.3 var(--serif);margin-bottom:20px}.bn-email{display:inline-block;font:500 clamp(22px,5.7vw,88px)/1.25 var(--sans);letter-spacing:-.065em;padding:.06em .04em .16em;transition:letter-spacing .7s var(--bn-ease)}.bn-email:hover{letter-spacing:-.045em}.bn-copy{display:block;margin:20px auto 0;background:transparent;font:500 12px/1.5 var(--sans)!important}.bn-copy>span{margin-left:15px}.bn-copy-status{display:block;min-height:25px;margin-top:12px;font-size:12px;color:var(--bn-muted)}.bn-socials{display:flex;justify-content:center;gap:30px;margin-top:20px;font-size:13px}
.bn-next{display:flex;min-height:65svh;padding:50px var(--gutter) 70px;align-items:center;justify-content:center;flex-direction:column;gap:18px;text-align:center}.bn-next__title{position:relative;display:block;padding-bottom:.1em;font:600 clamp(90px,21vw,330px)/1.08 var(--sans);letter-spacing:-.085em;transition:letter-spacing .9s var(--bn-ease),transform .9s var(--bn-ease)}.bn-next__title>span{position:absolute;right:-.65em;top:.26em;font-size:.25em;letter-spacing:0;opacity:0;transform:translate(-20px,20px);transition:transform .7s var(--bn-ease),opacity .4s}.bn-next:hover .bn-next__title{letter-spacing:-.065em;transform:scale(1.025)}.bn-next:hover .bn-next__title>span{opacity:1;transform:none}
.bn-footer{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:25px;padding:25px var(--gutter) 35px;font:400 11px/1.4 var(--sans)}.bn-footer>a{justify-self:start}.bn-footer>span{justify-self:center;text-align:center;white-space:nowrap}.bn-footer>div{display:flex;justify-self:end;gap:22px}.bn-footer .bn-arrow{height:35px;width:35px;font-size:17px}.bn-footer .bn-round-link{font-size:11px}

/* Work and About open with the same typography, proportions and motion. */
.bn-work{--bn-paper:#000000;--bn-ink:#ffffff;--bn-muted:#cccccc}
.bn-work{overflow-anchor:none}
.bn-page-hero{position:relative;height:100svh;min-height:620px;padding:130px var(--gutter) 40px;display:flex;align-items:center;justify-content:center;flex-direction:column}
.bn-page-hero__heading{display:flex;align-items:center;justify-content:center;gap:clamp(35px,5vw,100px);width:100%;margin-top:-110px}.bn-page-hero__heading>.bn-label{color:var(--bn-muted);white-space:nowrap}.bn-page-hero h1{padding-block:.04em .14em;font:600 clamp(100px,15.2vw,235px)/1.13 var(--sans);letter-spacing:-.035em;perspective:1000px}.bn-letter{display:inline-block;transform-origin:50% 100%;will-change:transform}
.bn-page-hero__subtitle{position:absolute;bottom:40px;left:30%;right:30%;text-align:center;font:500 clamp(21px,2.1vw,32px)/1.2 var(--sans);letter-spacing:-.035em}.bn-page-hero__subtitle>em{font-size:1.12em}.bn-page-hero__bottom{position:absolute;bottom:40px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:30px}.bn-page-hero__bottom>.bn-label{max-width:180px;text-align:right}
.bn-work-index{padding:80px var(--gutter) 60px}.bn-work-toolbar{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:70px}.bn-filters{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.bn-filters button{position:relative;padding:7px 0;background:transparent;color:var(--bn-muted);font:400 13px/1.6 var(--sans);transition:color .3s}.bn-filters button[aria-pressed="true"]{color:var(--bn-ink)}.bn-filters button>sup{margin-left:5px;font-size:8px}.bn-filters button::after{position:absolute;bottom:0;left:0;right:0;height:1px;content:"";background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .45s var(--bn-ease)}.bn-filters button:hover::after,.bn-filters button[aria-pressed="true"]::after{transform:scaleX(1)}
.bn-work-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:7vw;row-gap:100px;align-items:start}.bn-project{min-width:0}.bn-project:nth-child(even){margin-top:170px}.bn-work-grid.is-filtered .bn-project{margin-top:0}.bn-project[hidden]{display:none!important}.bn-project__link{display:block}.bn-project__image{position:relative;width:100%;aspect-ratio:1.13;overflow:hidden;border-radius:4px;background:#484848;isolation:isolate}.bn-project:nth-child(2) .bn-project__image{aspect-ratio:.96}.bn-project:nth-child(3) .bn-project__image{aspect-ratio:.96}.bn-project:nth-child(4) .bn-project__image{aspect-ratio:1.28}.bn-project__parallax{position:absolute;inset:-8% 0;transform-origin:center;will-change:transform}.bn-project__parallax>img,.bn-project__parallax>video{width:100%;height:100%;object-fit:cover;transition:scale 1.2s var(--bn-ease)}.bn-project__link:hover .bn-project__parallax>img,.bn-project__link:hover .bn-project__parallax>video{scale:1.05}
.bn-project__detail{position:absolute;z-index:1;top:50%;left:50%;width:34%!important;height:48%!important;object-fit:cover;box-shadow:0 15px 45px #0004;transform:translate(-50%,-40%) rotate(-5deg) scale(.9);opacity:0;transition:transform .8s var(--bn-ease),opacity .4s}.bn-project__link:hover .bn-project__detail,.bn-project__link:focus-visible .bn-project__detail{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}.bn-project__year{position:absolute;top:17px;left:17px;z-index:2;padding:5px 8px;border-radius:2px;background:#000000a8;color:#ffffff;font:400 10px/1.5 var(--sans)}.bn-project__open{position:absolute;right:18px;bottom:18px;z-index:2;font:500 11px/1.5 var(--sans);padding:8px 13px;background:#ffffff;color:#000000;transform:translateY(8px);opacity:0;transition:transform .5s var(--bn-ease),opacity .3s}.bn-project__link:hover .bn-project__open,.bn-project__link:focus-visible .bn-project__open{opacity:1;transform:none}
.bn-project__heading{display:flex;align-items:start;justify-content:space-between;gap:20px;margin-top:24px}.bn-project__heading>h2{font:500 clamp(30px,3.3vw,53px)/1.13 var(--sans);letter-spacing:-.055em;padding-bottom:.12em;transition:transform .6s var(--bn-ease)}.bn-project__heading>span{padding-top:10px;font-size:11px;color:var(--bn-muted)}.bn-project__link:hover .bn-project__heading>h2{transform:translateX(8px)}.bn-project__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:5px;font:400 11px/1.5 var(--sans);color:var(--bn-muted)}.bn-project__meta>em{font:italic 400 23px/1.2 var(--serif);color:var(--bn-ink)}.bn-project>p{max-width:410px;margin-top:20px;font:400 15px/1.5 var(--sans);color:var(--bn-muted)}
.bn-project__parallax>video{object-fit:contain;background:#000000}

.bn-manifesto{padding:130px var(--gutter) 110px}.bn-manifesto>.bn-label{margin-bottom:35px}.bn-manifesto h2{font:500 clamp(42px,6.6vw,104px)/1.2 var(--sans);letter-spacing:-.065em;padding-bottom:.15em}.bn-ink-word{display:inline-block;color:#0000003d}.bn-word{display:inline-block;transform-origin:left bottom}
.bn-about-portrait{margin:0;padding:0 var(--gutter) 90px}.bn-about-portrait__frame{width:100%;height:75svh;min-height:420px;overflow:hidden;border-radius:4px}.bn-about-portrait__frame>img{width:100%;height:116%;object-fit:cover;object-position:center 40%;will-change:transform}.bn-about-portrait>figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:20px;font:400 11px/1.5 var(--sans);color:var(--bn-muted)}
.bn-story{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding:110px var(--gutter) 140px}.bn-story>.bn-label{padding-top:15px}.bn-story h2{margin-bottom:35px}.bn-story>div>p{max-width:720px;margin-bottom:25px;font:400 clamp(19px,2.05vw,30px)/1.45 var(--sans);letter-spacing:-.035em}.bn-story .bn-text-link{margin-top:10px}
.bn-method{padding:70px var(--gutter) 140px}.bn-method__intro>.bn-label{margin-bottom:25px}.bn-method__intro{margin-bottom:65px}.bn-method__layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw;align-items:start}.bn-method__image{width:100%;aspect-ratio:1.08;overflow:hidden;border-radius:4px}.bn-method__image>img{width:100%;height:100%;object-fit:cover}.bn-method-item{margin:0 0 20px}.bn-method-item h3>button{display:grid;width:100%;grid-template-columns:30px 1fr 22px;align-items:center;gap:12px;padding:15px 0;background:none;text-align:left;font:500 clamp(30px,3.8vw,58px)/1.18 var(--sans);letter-spacing:-.06em}.bn-method-item h3 .bn-label{font-size:10px;letter-spacing:0;color:var(--bn-muted)}.bn-method__symbol{justify-self:end;font-size:22px;font-weight:400;letter-spacing:0}.bn-method-item h3>button>span:nth-child(2){transition:transform .5s var(--bn-ease)}.bn-method-item h3>button:hover>span:nth-child(2){transform:translateX(8px)}.bn-method__panel{padding-left:42px;overflow:hidden}.bn-method__panel>p{max-width:450px;padding:5px 0 25px;font:400 17px/1.5 var(--sans);color:var(--bn-muted)}
.bn-journey{padding:130px var(--gutter);display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.bn-journey>div>.bn-label{margin-bottom:25px}.bn-journey .bn-round-link{margin-top:35px}.bn-journey__items>article{padding-bottom:45px;margin-bottom:20px}.bn-journey__items h3{max-width:530px;margin:15px 0;font:500 clamp(25px,3.3vw,46px)/1.18 var(--sans);letter-spacing:-.05em}.bn-journey__items p{max-width:460px;font:400 16px/1.5 var(--sans);color:var(--bn-muted)}
.bn-beyond{padding:80px var(--gutter) 100px}.bn-beyond>.bn-label{margin-bottom:25px}.bn-beyond>h2{margin-bottom:70px}.bn-interest-list{display:flex;flex-wrap:wrap;gap:12px 5vw;align-items:center;margin-bottom:70px}.bn-interest-list>span{font:500 clamp(36px,5.5vw,88px)/1.25 var(--sans);letter-spacing:-.06em;transition:transform .6s var(--bn-ease)}.bn-interest-list>span:nth-child(even){font-family:var(--serif);font-style:italic;font-size:clamp(42px,6.5vw,100px)}.bn-interest-list>span:hover{transform:translateY(-8px) rotate(-2deg)}.bn-beyond>p:not(.bn-label){max-width:570px;margin-left:auto;font-size:21px;line-height:1.4;letter-spacing:-.025em}.bn-disciplines{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 30px;padding-top:90px;color:var(--bn-muted);font:400 13px/1.5 var(--sans)}

/* Pointer feedback and page covers are separate from the safeguarded preloader. */
.bn-cursor{position:fixed;z-index:1000;top:0;left:0;display:flex;align-items:center;justify-content:center;width:140px;height:140px;padding:16px;border:1px solid #fff9;border-radius:50%;background:#00000030;backdrop-filter:blur(5px);color:#fff;font:500 13px/1.3 var(--sans);text-align:center;white-space:nowrap;pointer-events:none;opacity:0;scale:.65;transition:opacity .3s,scale .45s var(--bn-ease);transform:translate(-50%,-50%)}.bn-cursor.is-active{opacity:1;scale:1}
.gb-page-transition{position:fixed;inset:0;z-index:11001;overflow:clip;pointer-events:auto;isolation:isolate;--transition-paper:#ffffff;--transition-ink:#000000}
.gb-page-transition__strips{position:absolute;inset:0;display:flex}
.gb-page-transition__strip{position:relative;flex:1 1 5%;height:100%;background:var(--transition-paper);clip-path:inset(0 100% 0 0);margin-right:-1px;will-change:clip-path}
.gb-page-transition__visual{position:absolute;overflow:hidden;background:#000000;will-change:top,left,width,height}
.gb-page-transition__visual>img{width:100%;height:100%;display:block;object-fit:cover}
html.bn-page-entering::after{position:fixed;inset:0;z-index:11000;content:"";background:var(--gb-entry-paper,#cccccc);pointer-events:auto}
html.bn-page-entering[data-entry-mode="image"]::after{background-image:var(--gb-entry-image);background-size:cover;background-position:center}
html.gb-page-leaving .bn-cursor{opacity:0!important}

@media(min-width:1700px){.bn-name-anchor{top:48%}.bn-intro-title{font-size:110px}.bn-intro-support{bottom:7vh}.bn-practice__words>li{font-size:130px}.bn-practice__words>li:nth-child(even){font-size:140px}}
@media(max-width:1000px){.bn-hero-notes{top:125px}.bn-hero-bottom{grid-template-columns:1fr 1.4fr 1fr}.bn-hero-bottom>.bn-round-link{font-size:11px;gap:9px}.bn-hero-bottom>span{font-size:10px;max-width:120px;text-align:right}.bn-intro-title{font-size:clamp(50px,8vw,80px)}.bn-intro-support{width:28vw;min-width:220px}.bn-intro-support p{font-size:15px}.bn-page-hero__heading{gap:25px}.bn-page-hero__heading>.bn-label{font-size:10px;max-width:110px;white-space:normal}.bn-page-hero__subtitle{left:26%;right:26%}.bn-project__meta{align-items:start;flex-direction:column;gap:8px}.bn-personal{gap:5vw}.bn-method__layout{gap:6vw}.bn-method-item h3>button{font-size:38px}.bn-story{grid-template-columns:.55fr 1.45fr;gap:6vw}}
@media(max-width:700px){
  :root{--gutter:22px}.show-nav,.show-nav.is-compact,body.has-scrolled .show-nav{top:8px;height:62px;min-height:62px;grid-template-columns:repeat(5,minmax(0,1fr));padding:0 12px;border-radius:7px}.show-nav .nav-left,.show-nav .nav-right{gap:14px}.show-nav .nav-left>a,.show-nav .nav-right>a{font-size:11px}.show-nav .brand-mark{font-size:25px}
  .bn-identity{height:230svh}.bn-identity__stage{min-height:650px}.bn-name-anchor{top:41%;max-width:calc(100vw - 28px)}.bn-hero-name{font-size:clamp(62px,14.4vw,98px);letter-spacing:-.085em;gap:.16em}.bn-hero-notes{top:98px;font-size:10px}.bn-hero-bottom{bottom:27px;grid-template-columns:1fr auto;gap:25px}.bn-hero-bottom>p{grid-column:1/-1;grid-row:1;font-size:25px;margin-bottom:30px}.bn-hero-bottom>.bn-round-link{grid-row:2;font-size:11px}.bn-hero-bottom>span{grid-column:2;grid-row:2;max-width:none;font-size:9px}.bn-arrow{width:36px;height:36px;font-size:18px}
  .bn-orbit{inset:160px 0 210px}.bn-orbit__item--1{left:5%;top:0;width:25vw}.bn-orbit__item--2{right:2%;top:2%;width:32vw}.bn-orbit__item--3{left:2%;bottom:0;width:33vw}.bn-orbit__item--4{right:8%;bottom:2%;width:26vw}
  .bn-intro-title{top:100px;font-size:clamp(46px,12.6vw,70px);line-height:1.15}.bn-intro-name-slot{width:calc(100vw - 44px);height:.85em}.bn-intro-support{left:var(--gutter);right:var(--gutter);top:55%;bottom:auto;width:auto;min-width:0;display:grid;grid-template-columns:.7fr 1.3fr;gap:12px 20px;align-items:start}.bn-intro-support figure{aspect-ratio:.9;grid-row:1/3;margin:0}.bn-intro-support p{font-size:14px;line-height:1.45}.bn-intro-support .bn-text-link{margin:0;font-size:11px;gap:12px;padding:4px 0}.bn-rotator{min-width:3.3em}
  .bn-reel{height:430svh}.bn-reel__stage{min-height:600px}.bn-reel__top{top:95px;font-size:11px}.bn-reel__thumb{width:38vw;max-width:220px;top:43%}.bn-reel__caption{bottom:60px;gap:9px;width:76%}.bn-reel__title{font-size:clamp(30px,8.4vw,49px);line-height:1.15}.bn-reel__category{font-size:10px;max-width:70vw}.bn-reel__steps{right:15px}.bn-reel__steps button{width:39px;font-size:10px}.bn-reel__steps button::before{width:6px}.bn-reel__steps button[aria-current="step"]::before{width:15px}.bn-reel__total{bottom:27px;font-size:11px}.bn-reel__open{display:none}.bn-explore{padding:40px var(--gutter) 65px;align-items:end;gap:25px}.bn-explore>p{font-size:18px}.bn-explore .bn-round-link{font-size:11px;gap:10px}
  .bn-practice{height:200svh}.bn-practice__stage{min-height:620px;padding:100px 18px 65px;gap:38px}.bn-practice__words>li{font-size:clamp(39px,10.7vw,75px);line-height:1.25}.bn-practice__words>li:nth-child(even){font-size:clamp(45px,12.2vw,83px);line-height:1.22}.bn-practice__description{font-size:13px;max-width:270px}.bn-practice__stage>.bn-label{font-size:10px}.bn-practice__index{bottom:25px;font-size:10px}
  .bn-personal{display:flex;flex-direction:column;align-items:stretch;padding:85px var(--gutter) 60px;gap:45px}.bn-personal__copy>p:not(.bn-label){font-size:16px;max-width:330px}.bn-personal h2,.bn-story h2,.bn-method h2,.bn-journey h2,.bn-beyond h2{font-size:clamp(37px,10.2vw,66px);line-height:1.16}.bn-personal__image{aspect-ratio:1.04;width:100%}.bn-conversation{padding:90px var(--gutter) 55px}.bn-email{font-size:clamp(20px,5.6vw,35px);letter-spacing:-.06em}.bn-next{min-height:48svh;padding:55px var(--gutter);gap:16px}.bn-next__title{font-size:clamp(95px,23vw,155px)}.bn-next .bn-label{font-size:10px}
  .bn-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px 20px;padding-bottom:25px}.bn-footer>div{grid-column:2;grid-row:1;justify-content:flex-end;flex-wrap:wrap;gap:10px 16px}.bn-footer>span{grid-column:1/-1;grid-row:2}.bn-footer .bn-round-link{font-size:10px}
  .bn-page-hero{min-height:650px;padding:100px var(--gutter) 25px}.bn-page-hero__heading{position:relative;display:block;text-align:center;margin-top:-50px}.bn-page-hero__heading>h1{font-size:clamp(80px,20vw,140px);line-height:1.16;letter-spacing:-.035em;padding-bottom:.16em}.bn-page-hero__heading>.bn-label{position:absolute;top:-35px;left:0;max-width:none;font-size:10px}.bn-page-hero__heading>.bn-label:last-child{right:0;left:auto}.bn-page-hero__subtitle{bottom:130px;left:30px;right:30px;font-size:23px}.bn-page-hero__bottom{bottom:25px;gap:20px}.bn-page-hero__bottom .bn-round-link{font-size:11px;gap:10px}.bn-page-hero__bottom>.bn-label{max-width:140px;font-size:9px}.bn-page-hero__bottom .bn-text-link{font-size:11px;gap:12px}
  .bn-work-index{padding-top:45px}.bn-work-toolbar{align-items:start;gap:20px;margin-bottom:40px}.bn-filters{gap:10px 16px}.bn-filters button{font-size:12px}.bn-filter-status{display:none}.bn-work-grid{grid-template-columns:1fr;gap:60px}.bn-project:nth-child(even){margin:0}.bn-project__image,.bn-project:nth-child(2) .bn-project__image,.bn-project:nth-child(3) .bn-project__image{aspect-ratio:1.04}.bn-project:nth-child(4) .bn-project__image{aspect-ratio:1.15}.bn-project__heading{margin-top:20px}.bn-project__heading>h2{font-size:35px;line-height:1.15}.bn-project__meta{flex-direction:row;align-items:center;gap:12px}.bn-project__meta>span{font-size:10px}.bn-project__meta>em{font-size:22px}.bn-project>p{font-size:14px;margin-top:13px}.bn-project__year{top:12px;left:12px;font-size:9px}.bn-project__open{opacity:1;transform:none;right:12px;bottom:12px;padding:6px 10px;font-size:9px}
  .bn-manifesto{padding:85px var(--gutter) 65px}.bn-manifesto>.bn-label{font-size:10px}.bn-manifesto h2{font-size:clamp(32px,7.8vw,54px);line-height:1.3;letter-spacing:-.06em}.bn-about-portrait{padding-bottom:55px}.bn-about-portrait__frame{min-height:330px;height:56svh}.bn-about-portrait__frame>img{object-position:54% center}.bn-about-portrait>figcaption{font-size:9px;gap:15px}.bn-story{grid-template-columns:1fr;gap:25px;padding:50px var(--gutter) 80px}.bn-story h2{margin-bottom:25px}.bn-story>div>p{font-size:18px;line-height:1.5}.bn-method{padding:35px var(--gutter) 80px}.bn-method__intro{margin-bottom:40px}.bn-method__layout{grid-template-columns:1fr;gap:30px}.bn-method__image{aspect-ratio:1.65;width:75%;margin-left:auto!important}.bn-method-item h3>button{font-size:37px;padding:12px 0;grid-template-columns:22px 1fr 20px}.bn-method__panel{padding-left:34px}.bn-method__panel>p{font-size:16px}.bn-method-item{margin-bottom:8px}
  .bn-journey{padding:60px var(--gutter);grid-template-columns:1fr;gap:65px}.bn-journey__items>article{margin-bottom:5px;padding-bottom:35px}.bn-journey__items h3{font-size:29px}.bn-journey__items p{font-size:15px}.bn-beyond{padding:55px var(--gutter)}.bn-beyond>h2{margin-bottom:40px}.bn-interest-list{gap:5px 22px;margin-bottom:40px}.bn-interest-list>span{font-size:34px}.bn-interest-list>span:nth-child(even){font-size:42px}.bn-beyond>p:not(.bn-label){font-size:18px}.bn-disciplines{justify-content:start;gap:15px 22px;padding-top:50px;font-size:11px}.bn-cursor{display:none}
}
@media(max-height:700px) and (min-width:701px){.bn-intro-title{top:95px;font-size:6.7vw}.bn-intro-support{bottom:20px;width:23vw}.bn-intro-support figure{margin-bottom:14px;aspect-ratio:1.95}.bn-intro-support p{font-size:15px}.bn-intro-support .bn-text-link{margin-top:4px}.bn-practice__stage{gap:20px;min-height:600px}.bn-practice__words>li{font-size:7vw}.bn-practice__words>li:nth-child(even){font-size:7.8vw}}
/* Text-only introduction: the motion controller matches this block to the
   title's vertical bounds, independently of the paragraph's wrapping. */
/* Side notes share the name's 48% centre, not a separate top-edge offset.
   Mobile keeps its dedicated top row, where the notes do not flank the name. */
@media(min-width:701px){.bn-hero-notes{top:48%;transform:translateY(-50%)}}
.bn-home .bn-intro-support{bottom:auto;min-width:0;display:flex;gap:0}
@media(max-width:700px){.bn-home .bn-intro-support{top:calc(100px + 4.3 * clamp(46px,12.6vw,70px) + 42px);width:auto;height:auto}.bn-home .bn-intro-support p{font-size:17px;line-height:1.5}.bn-home .bn-intro-support .bn-text-link{margin-top:20px;font-size:12px;padding:8px 0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.bn-identity{height:auto}.bn-identity__stage{position:relative;height:auto;min-height:100svh;padding-bottom:60px}.bn-name-anchor{position:relative;left:auto;top:auto;transform:none;margin:190px auto 100px}.bn-hero-notes{top:110px}.bn-hero-bottom{position:relative;inset:auto;margin:0 var(--gutter)}.bn-intro-composition{position:relative;inset:auto;padding-top:90px}.bn-intro-title{position:relative;top:auto;left:auto;margin:0 var(--gutter)}.bn-intro-name-slot{display:none}.bn-home .bn-intro-support{position:relative;inset:auto;margin:40px var(--gutter) 0;width:auto;height:auto}.bn-reel{height:auto}.bn-reel__stage{position:relative;height:85svh}.bn-practice{height:auto}.bn-practice__stage{position:relative;height:auto;min-height:0;padding-block:100px}.bn-practice__words>li{color:var(--bn-ink)}.bn-cursor{display:none}.bn-orbit{display:none}}

/* Beyond the brief: a dark, spatial map of the territories around the practice. */
.bn-beyond{position:relative;isolation:isolate;overflow:clip;padding:clamp(100px,11vw,180px) var(--gutter) clamp(85px,10vw,150px);background:#000;color:#fff;--bn-paper:#000;--bn-ink:#fff;--bn-muted:#ccc;--bn-accent:#fff}
.bn-beyond__field{z-index:-1;opacity:.34}
.bn-beyond__intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.65fr);align-items:end;gap:8vw}
.bn-beyond__intro>.bn-label{margin-bottom:0}
.bn-beyond h2{margin-top:28px;font:550 clamp(58px,8.6vw,138px)/.98 var(--sans);letter-spacing:-.08em;padding-bottom:.13em}
.bn-beyond h2 em{font-size:1.06em;letter-spacing:-.045em}
.bn-beyond__statement{max-width:430px;margin:0 0 10px;font:400 clamp(19px,1.8vw,28px)/1.32 var(--sans);letter-spacing:-.035em}
.bn-interest-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:clamp(110px,14vw,210px) 0 clamp(110px,13vw,190px);padding:0}
.bn-interest-item{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-height:clamp(150px,18vw,250px);padding:0;background:transparent;color:#fff;text-align:left;transition:transform .75s var(--bn-ease),color .45s ease;transform-origin:bottom left}
.bn-interest-item::before{position:absolute;top:27px;left:0;width:100%;height:1px;content:"";background:#ffffff44;transform-origin:left;transition:transform .7s var(--bn-ease),background .4s ease}
.bn-interest-item small{position:relative;font:500 10px/1 var(--sans);color:#ccc;transition:color .4s ease}
.bn-interest-item span{position:relative;display:block;padding-top:34px;font:500 clamp(27px,4.1vw,66px)/1 var(--sans);letter-spacing:-.07em;transition:transform .75s var(--bn-ease)}
.bn-interest-item:nth-child(even) span{font:400 clamp(33px,4.8vw,76px)/.98 var(--serif);letter-spacing:-.045em}
.bn-interest-list:has(.bn-interest-item:hover) .bn-interest-item:not(:hover),.bn-interest-list:has(.bn-interest-item:focus-visible) .bn-interest-item:not(:focus-visible){color:#ffffff55}
.bn-interest-item:hover,.bn-interest-item:focus-visible{transform:translateY(-14px);outline:0;color:#fff}
.bn-interest-item:hover::before,.bn-interest-item:focus-visible::before{background:#fff;transform:scaleX(.72)}
.bn-interest-item:hover span,.bn-interest-item:focus-visible span{transform:translateX(10px)}
.bn-interest-item:focus-visible{outline:1px solid #fff;outline-offset:10px}
.bn-beyond__practice{position:relative}
.bn-beyond__practice>.bn-label{color:#ccc;margin-bottom:34px}
.bn-disciplines{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:17px 24px;margin:0;padding:0;color:#fff;font:400 clamp(14px,1.25vw,19px)/1.15 var(--sans);letter-spacing:-.025em}
.bn-disciplines span{display:block;transform-origin:left bottom;transition:color .35s ease,transform .65s var(--bn-ease)}
.bn-disciplines span:hover{color:#ccc;transform:translateX(9px) skewX(-7deg)}
@media(max-width:700px){
  .bn-beyond{padding:82px var(--gutter) 88px}
  .bn-beyond__intro{display:block}
  .bn-beyond h2{font-size:clamp(49px,14.5vw,84px);margin-top:24px}
  .bn-beyond__statement{margin:55px 0 0;font-size:20px;max-width:330px}
  .bn-interest-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 18px;margin:90px 0 105px}
  .bn-interest-item{min-height:125px}
  .bn-interest-item span{font-size:34px}
  .bn-interest-item:nth-child(even) span{font-size:42px}
  .bn-disciplines{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.bn-interest-item:hover,.bn-interest-item:focus-visible,.bn-interest-item:hover span,.bn-interest-item:focus-visible span,.bn-disciplines span:hover{transform:none}.bn-beyond__field{opacity:.22}}

/* Method chapter: an immersive field where the three verbs become the interface. */
.bn-method{position:relative;isolation:isolate;overflow:clip;padding:clamp(105px,12vw,190px) var(--gutter) clamp(100px,12vw,170px);background:#000;color:#fff;--bn-paper:#000;--bn-ink:#fff;--bn-muted:#ccc;--bn-accent:#fff}
.bn-method__field{z-index:-1;opacity:.3}
.bn-method__intro{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:40px;margin-bottom:clamp(75px,9vw,135px)}
.bn-method__intro>.bn-label{grid-column:1/-1;margin-bottom:0;color:#ccc}
.bn-method h2{margin:0;font:550 clamp(56px,8vw,128px)/.98 var(--sans);letter-spacing:-.08em;padding-bottom:.14em}
.bn-method h2 em{font-size:1.04em;letter-spacing:-.045em}
.bn-method__counter{align-self:end;padding-bottom:10px;font:500 11px/1 var(--sans);letter-spacing:.08em;color:#ccc;font-variant-numeric:tabular-nums}
.bn-method__layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:clamp(45px,9vw,150px);align-items:start}
.bn-method__image{position:sticky;top:100px;width:100%;margin:0}
.bn-method__image-frame{position:relative;aspect-ratio:1.1;overflow:hidden;border-radius:14px;background:#000000;box-shadow:0 25px 80px #00000088}
.bn-method__image-frame::after{position:absolute;inset:0;content:"";background:linear-gradient(140deg,#0000 42%,#0008);pointer-events:none;mix-blend-mode:multiply}
.bn-method__image-frame>img{width:100%;height:100%;object-fit:cover;will-change:transform;transition:filter .6s ease}
.bn-method__image figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;color:#ccc;font:400 11px/1.4 var(--sans)}
.bn-method__items{display:flex;flex-direction:column;gap:10px}
.bn-method-item{margin:0;padding:0;border-radius:13px;background:#ffffff0a;overflow:hidden;transition:background .55s var(--bn-ease),color .45s ease,transform .7s var(--bn-ease)}
.bn-method-item.is-open{background:#fff;color:#000;transform:translateX(-18px)}
.bn-method-item h3{margin:0}
.bn-method-item h3>button{display:grid;grid-template-columns:38px 1fr 30px;align-items:center;gap:18px;width:100%;padding:27px 28px 24px;background:transparent;color:inherit;text-align:left;font:550 clamp(31px,4vw,64px)/1 var(--sans);letter-spacing:-.07em}
.bn-method-item h3 .bn-label{font-size:10px;letter-spacing:0;color:#cccccc;transition:color .4s ease}
.bn-method-item.is-open h3 .bn-label{color:#484848}
.bn-method__symbol{justify-self:end;font:400 25px/1 var(--sans);transition:transform .6s var(--bn-ease)}
.bn-method-item.is-open .bn-method__symbol{transform:rotate(45deg)}
.bn-method-item h3>button:hover .bn-method__symbol,.bn-method-item h3>button:focus-visible .bn-method__symbol{transform:translate(4px,-4px)}
.bn-method-item.is-open h3>button:hover .bn-method__symbol,.bn-method-item.is-open h3>button:focus-visible .bn-method__symbol{transform:rotate(45deg) translate(4px,-4px)}
.bn-method-item h3>button:focus-visible{outline:2px solid currentColor;outline-offset:-8px}
.bn-method__panel{padding:0 70px 30px 84px;overflow:hidden}
.bn-method__panel>p{max-width:470px;margin:0;padding:0;font:400 17px/1.5 var(--sans);color:#ccc}
.bn-method-item.is-open .bn-method__panel>p{color:#484848}
@media(max-width:1000px){.bn-method__layout{grid-template-columns:minmax(0,1fr) minmax(300px,.9fr);gap:40px}.bn-method-item.is-open{transform:none}.bn-method-item h3>button{font-size:38px;padding-inline:22px}.bn-method__panel{padding-left:82px;padding-right:28px}}
@media(max-width:700px){
  .bn-method{padding:85px var(--gutter) 100px}
  .bn-method__intro{display:block;margin-bottom:58px}
  .bn-method__intro>.bn-label{margin-bottom:22px}
  .bn-method h2{font-size:clamp(48px,13vw,80px)}
  .bn-method__counter{display:block;margin-top:27px;padding:0}
  .bn-method__layout{display:flex;flex-direction:column;gap:45px}
  .bn-method__image{position:relative;top:auto;width:100%}
  .bn-method__image-frame{aspect-ratio:1.12}
  .bn-method__items{width:100%;gap:8px}
  .bn-method-item h3>button{grid-template-columns:25px 1fr 25px;gap:12px;padding:23px 18px 20px;font-size:31px}
  .bn-method__panel{padding:0 20px 24px 55px}
  .bn-method__panel>p{font-size:16px}
}
@media(prefers-reduced-motion:reduce){.bn-method__field{opacity:.2}.bn-method-item,.bn-method-item.is-open,.bn-method__symbol,.bn-method__image-frame>img{transition:none}.bn-method-item.is-open{transform:none}}

/* Hover is the gesture: each vertical card opens into a moving gradient field. */
.bn-method__items{gap:12px}
.bn-method-item{position:relative;isolation:isolate;min-height:86px;background:#ffffff0a;transition:transform .75s var(--bn-ease),box-shadow .65s var(--bn-ease),color .45s ease}
.bn-method-item::before{position:absolute;inset:-30%;z-index:-1;content:"";background:linear-gradient(118deg,#000000 0%,#484848 25%,#cccccc 51%,#ffffff 67%,#000000 100%);background-size:220% 220%;background-position:0% 50%;opacity:0;transform:scale(.8) rotate(-4deg);transition:opacity .6s ease,transform 1s var(--bn-ease);animation:bn-method-gradient 10s ease-in-out infinite alternate;pointer-events:none}
.bn-method-item.is-open{background:#00000000;color:#000;transform:translateX(-18px);box-shadow:0 24px 70px #00000055}
.bn-method-item.is-open::before{opacity:1;transform:scale(1) rotate(0)}
.bn-method-item.is-open .bn-method__panel>p{color:#000}
.bn-method-item:not(.is-open) h3>button:hover,.bn-method-item:not(.is-open) h3>button:focus-visible{color:#fff}
.bn-method-item h3>button{position:relative;z-index:1;min-height:86px}
.bn-method__panel{position:relative;z-index:1}
@keyframes bn-method-gradient{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@media(max-width:700px){.bn-method-item.is-open{transform:none}.bn-method-item h3>button{min-height:72px}}
@media(prefers-reduced-motion:reduce){.bn-method-item::before{animation:none}.bn-method-item.is-open{background:#fff}}

/* The method becomes a three-part horizontal triptych. Its hover surface is the same WebGL field used by the rest of About. */
.bn-method__layout{display:block}
.bn-method__image{display:none}
.bn-method__items{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}
.bn-method__cards-field{position:absolute;inset:0;z-index:0;opacity:0;border-radius:13px;transition:opacity .55s ease}
.bn-method__items:has(.bn-method-item.is-open)>.bn-method__cards-field{opacity:1}
.bn-method-item{min-height:clamp(285px,29vw,430px);display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;background:#000000;transform:none;box-shadow:none;color:#fff}
.bn-method-item{z-index:1}
.bn-method-item::before{display:none}
.bn-method-item>.bn-fluid-field{z-index:-1;border-radius:inherit;opacity:0;transition:opacity .55s ease}
.bn-method-item.is-open{background:#00000000;color:#fff;transform:translateY(-8px);box-shadow:0 24px 70px #00000055}
.bn-method-item.is-open>.bn-fluid-field{opacity:1}
@media(hover:hover) and (pointer:fine){.bn-method-item:hover>.bn-fluid-field{opacity:1}.bn-method-item:hover{transform:translateY(-8px)}}
.bn-method-item h3>button{min-height:120px;flex:0 0 auto;padding:28px 26px 22px;grid-template-columns:30px minmax(0,1fr) 25px}
.bn-method-item h3>button>span:nth-child(2){transition:transform .65s var(--bn-ease)}
.bn-method-item.is-open h3>button>span:nth-child(2){transform:translateX(8px)}
.bn-method__panel{flex:1;padding:0 28px 30px 84px}
.bn-method__panel>p,.bn-method-item.is-open .bn-method__panel>p{max-width:300px;color:#ccc}
.bn-method-item.is-open h3 .bn-label{color:#ccc}
@media(max-width:700px){.bn-method__items{grid-template-columns:1fr;gap:10px}.bn-method-item{min-height:0}.bn-method-item.is-open{transform:none}.bn-method-item h3>button{min-height:88px;padding:23px 18px 20px}.bn-method__panel{padding:0 20px 25px 55px}.bn-method__panel>p{max-width:420px}.bn-method__cards-field{border-radius:12px}}
@media(prefers-reduced-motion:reduce){.bn-method-item.is-open{transform:none}.bn-method-item>.bn-fluid-field{transition:none}}

/* Every territory has the same visual weight: one responsive, interactive field. */
.bn-beyond__constellation{margin-top:clamp(110px,13vw,190px)}
.bn-beyond__constellation>.bn-label{margin-bottom:28px;color:#ccc}
.bn-beyond__category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.bn-beyond__category-grid button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:38px;min-height:clamp(135px,13vw,205px);padding:18px 18px 22px;border:0;border-radius:10px;background:#ffffff0b;color:#fff;text-align:left;transform-origin:center bottom;transition:background .55s var(--bn-ease),color .4s ease,transform .7s var(--bn-ease),box-shadow .55s var(--bn-ease);overflow:hidden}
.bn-beyond__category-grid button::before{position:absolute;inset:0;content:"";border-radius:inherit;background:radial-gradient(circle at 25% 20%,#ffffff2a,transparent 45%);opacity:0;transform:scale(.65);transition:opacity .55s ease,transform .8s var(--bn-ease)}
.bn-beyond__category-grid button small,.bn-beyond__category-grid button span{position:relative;z-index:1}
.bn-beyond__category-grid button small{font:500 10px/1 var(--sans);color:#ccc;transition:color .4s ease}
.bn-beyond__category-grid button span{font:500 clamp(21px,2.45vw,42px)/.98 var(--sans);letter-spacing:-.065em;transition:transform .7s var(--bn-ease)}
.bn-beyond__category-grid:has(button:hover) button:not(:hover),.bn-beyond__category-grid:has(button:focus-visible) button:not(:focus-visible){color:#ffffff55;background:#ffffff05}
.bn-beyond__category-grid button:hover,.bn-beyond__category-grid button:focus-visible{background:#ffffff18;color:#fff;transform:translateY(-10px) rotate(-1deg);box-shadow:0 18px 45px #0007;outline:0}
.bn-beyond__category-grid button:hover::before,.bn-beyond__category-grid button:focus-visible::before{opacity:1;transform:scale(1)}
.bn-beyond__category-grid button:hover span,.bn-beyond__category-grid button:focus-visible span{transform:translateX(8px)}
.bn-beyond__category-grid button:focus-visible{outline:1px solid #fff;outline-offset:8px}
@media(max-width:1000px){.bn-beyond__category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.bn-beyond__constellation{margin-top:92px}.bn-beyond__constellation>.bn-label{margin-bottom:20px}.bn-beyond__category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.bn-beyond__category-grid button{min-height:124px;padding:15px 14px 18px;gap:28px}.bn-beyond__category-grid button span{font-size:24px}}
@media(prefers-reduced-motion:reduce){.bn-beyond__category-grid button:hover,.bn-beyond__category-grid button:focus-visible,.bn-beyond__category-grid button:hover span,.bn-beyond__category-grid button:focus-visible span{transform:none}.bn-beyond__category-grid button::before{display:none}}

/* Home profile chapter: a continuation of the hero rhythm, not a second landing page. */
.bn-home-about{position:relative;isolation:isolate;overflow:clip;min-height:100svh;padding:clamp(95px,11vw,165px) var(--gutter) clamp(85px,10vw,145px);background:#000000;color:#ffffff;--bn-paper:#000000;--bn-ink:#ffffff;--bn-muted:#cccccc}
.bn-home-about__field{z-index:-1;opacity:.38}
.bn-home-about__top{position:relative;margin-bottom:clamp(70px,10vw,145px)}
.bn-home-about__top .bn-label{color:#cccccc}
.bn-home-about__top .bn-text-link{position:absolute;right:0;top:0;color:#fff}
.bn-home-about__intro{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:end;gap:9vw}
.bn-home-about__intro h2{margin:0;font:550 clamp(55px,8.3vw,132px)/.96 var(--sans);letter-spacing:-.085em;padding:.02em 0 .16em}
.bn-home-about__intro h2 em{font-size:1.03em;letter-spacing:-.05em}
.bn-home-about__intro>p{max-width:410px;margin:0 0 8px;color:#ccc;font:400 clamp(17px,1.55vw,22px)/1.42 var(--sans);letter-spacing:-.025em}
.bn-home-about__facts{position:relative;display:flex;flex-direction:column;margin-top:clamp(85px,12vw,175px)}
.bn-home-about__facts>a{position:relative;display:grid;grid-template-columns:180px minmax(0,1fr) 30px;align-items:center;gap:35px;min-height:115px;padding:22px 18px 22px 0;border-top:1px solid #ffffff44;color:#fff;transition:background .6s var(--bn-ease),color .45s ease,transform .7s var(--bn-ease),padding .7s var(--bn-ease);text-decoration:none}
.bn-home-about__facts>a:last-child{border-bottom:1px solid #ffffff44}
.bn-home-about__facts>a:hover,.bn-home-about__facts>a:focus-visible{padding-left:22px;background:#ffffff12;transform:translateX(12px);outline:0}
.bn-home-about__facts .bn-label{color:#ccc;align-self:start;padding-top:3px}
.bn-home-about__facts strong{max-width:720px;font:500 clamp(20px,2.35vw,36px)/1.08 var(--sans);letter-spacing:-.06em}
.bn-home-about__arrow{justify-self:end;font:400 24px/1 var(--sans);transition:transform .6s var(--bn-ease)}
.bn-home-about__facts>a:hover .bn-home-about__arrow,.bn-home-about__facts>a:focus-visible .bn-home-about__arrow{transform:translate(5px,-5px)}
@media(max-width:700px){.bn-home-about{min-height:auto;padding:85px var(--gutter) 100px}.bn-home-about__top{margin-bottom:65px}.bn-home-about__top .bn-text-link{position:relative;display:inline-block;right:auto;top:auto;margin-top:25px}.bn-home-about__intro{display:block}.bn-home-about__intro h2{font-size:clamp(52px,13vw,82px)}.bn-home-about__intro>p{margin-top:32px;font-size:17px}.bn-home-about__facts{margin-top:75px}.bn-home-about__facts>a{grid-template-columns:1fr 25px;gap:22px;min-height:145px;padding-block:20px}.bn-home-about__facts>a:hover,.bn-home-about__facts>a:focus-visible{padding-left:15px;transform:none}.bn-home-about__facts .bn-label{grid-column:1/-1}.bn-home-about__facts strong{grid-column:1;font-size:25px}}
@media(prefers-reduced-motion:reduce){.bn-home-about__facts>a,.bn-home-about__arrow{transition:none}.bn-home-about__facts>a:hover,.bn-home-about__facts>a:focus-visible{transform:none}}

/* The portrait chapter is immersive; the compact profile that follows is its light, interactive counterpoint. */
.bn-personal{position:relative;isolation:isolate;overflow:clip;background:#000000;color:#fff;--bn-paper:#000000;--bn-ink:#fff;--bn-muted:#ccc}
.bn-personal__field{z-index:-1;opacity:.42}
.bn-personal__copy{position:relative;z-index:1}.bn-personal__copy>.bn-label{color:#ccc}.bn-personal__copy>p:not(.bn-label){color:#ccc}.bn-personal__copy>.bn-text-link{color:#fff}.bn-personal h2,.bn-personal h2 em{color:#fff}
.bn-personal__image{z-index:1;isolation:isolate}.bn-personal__image::after{position:absolute;inset:0;content:"";background:linear-gradient(135deg,#00000099,#00000022 55%,#000000aa);mix-blend-mode:multiply;pointer-events:none;transition:opacity .8s ease}.bn-personal__image:hover::after{opacity:.45}
.bn-home-about{background:#fff;color:#000;--bn-paper:#fff;--bn-ink:#000;--bn-muted:#484848}
.bn-home-about__top .bn-label{color:#484848}.bn-home-about__top .bn-text-link{color:#000}.bn-home-about__intro>p{color:#484848}
.bn-home-about__field{opacity:0}
.bn-home-about__facts{position:relative;isolation:isolate}
.bn-home-about__facts-field{position:absolute;inset:0;z-index:0;opacity:0;border-radius:0;transition:opacity .55s ease}
.bn-home-about__facts:has(>a:hover)>.bn-home-about__facts-field,.bn-home-about__facts:has(>a:focus-visible)>.bn-home-about__facts-field{opacity:1}
.bn-home-about__facts>a{z-index:1;background:#fff;color:#000}
.bn-home-about__facts>a:hover,.bn-home-about__facts>a:focus-visible{background:#0000;color:#fff}
.bn-home-about__facts>a:hover .bn-label,.bn-home-about__facts>a:focus-visible .bn-label{color:#ccc}
@media(prefers-reduced-motion:reduce){.bn-personal__image::after,.bn-home-about__facts-field{transition:none}.bn-home-about__facts-field{opacity:0}}

/* Home summary cards use the same individual fluid-hover treatment as About records. */
.bn-home-about__facts{gap:14px;margin-top:clamp(75px,10vw,135px)}
.bn-home-about__facts>a{position:relative;isolation:isolate;overflow:clip;display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.35fr) 36px;align-items:center;gap:36px;min-height:145px;padding:40px 30px;border:0;border-radius:12px;background:#cccccc33;color:#000;transform:none;transition:background .5s var(--bn-ease),color .4s ease,transform .6s var(--bn-ease);text-decoration:none}
.bn-home-about__facts>a>.bn-fluid-field{z-index:-1;border-radius:inherit;opacity:var(--home-fact-gradient,0);transition:opacity .5s ease}
.bn-home-about__facts>a .bn-label{align-self:start;padding:5px 0 0;color:#484848;transition:color .4s ease}
.bn-home-about__facts>a strong{max-width:720px;font:550 clamp(24px,2.6vw,42px)/1.08 var(--sans);letter-spacing:-.06em}
.bn-home-about__facts>a .bn-home-about__arrow{align-self:start;justify-self:end;color:#484848;transition:color .4s ease,transform .6s var(--bn-ease)}
@media(hover:hover) and (pointer:fine){.bn-home-about__facts>a:hover,.bn-home-about__facts>a:focus-visible{--home-fact-gradient:1;background:#000000;color:#fff;transform:translateY(-6px);outline:0}.bn-home-about__facts>a:hover .bn-label,.bn-home-about__facts>a:focus-visible .bn-label,.bn-home-about__facts>a:hover .bn-home-about__arrow,.bn-home-about__facts>a:focus-visible .bn-home-about__arrow{color:#fff}.bn-home-about__facts>a:hover .bn-home-about__arrow,.bn-home-about__facts>a:focus-visible .bn-home-about__arrow{transform:translate(4px,-4px)}}
@media(max-width:700px){.bn-home-about__facts{gap:10px}.bn-home-about__facts>a{grid-template-columns:minmax(0,1fr) 25px;gap:20px;min-height:160px;padding:26px 22px}.bn-home-about__facts>a .bn-label{grid-column:1/-1}.bn-home-about__facts>a strong{grid-column:1;font-size:25px}}
@media(prefers-reduced-motion:reduce){.bn-home-about__facts>a,.bn-home-about__facts>a>.bn-fluid-field,.bn-home-about__facts>a .bn-home-about__arrow{transition:none}.bn-home-about__facts>a:hover{transform:none}}


/* A static white hero gives way to the dark fluid introduction on scroll. */
.bn-home .bn-intro-composition{color:#ffffff;--bn-accent:#ffffff;--bn-muted:#cccccc;isolation:isolate}
.bn-home .bn-intro-support p{color:#cccccc}
html:not(.bn-motion) .bn-home .bn-intro-composition{background:radial-gradient(ellipse at 70% 20%,#484848 0,transparent 50%),radial-gradient(ellipse at 10% 80%,#484848 0,transparent 55%),#000000}

/* Decorative cursor stamps sit in front of the hero copy without blocking links. */
.bn-sticker-trail{position:absolute;inset:0;z-index:6;overflow:visible;pointer-events:none;opacity:calc(1 - var(--intro-progress,0))}
.bn-sticker-trail .bn-sticker{position:absolute;left:0;top:0;display:block;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;line-height:0;opacity:0;visibility:hidden;pointer-events:none;user-select:none;-webkit-user-select:none;transform-origin:center;will-change:transform,opacity}
.bn-sticker-trail .bn-sticker>img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none;user-select:none;-webkit-user-drag:none;filter:drop-shadow(0 3px 4px #00000022) drop-shadow(0 10px 14px #00000018)}
.bn-home .bn-name-anchor{z-index:5;pointer-events:none}
.bn-home .bn-hero-notes,.bn-home .bn-hero-bottom{z-index:5;pointer-events:none}
.bn-home .bn-hero-bottom a{pointer-events:auto}