.bn-page-head{flex-direction:column;gap:12px;max-width:860px;margin:0 auto 28px;display:flex}.bn-page-title{font:800 clamp(2rem, 5.4vw, 4.2rem)/1.02 var(--font-sans);letter-spacing:-.03em;color:var(--ink);text-wrap:balance;margin:0}.bn-page-lead{max-width:62ch;font:400 clamp(1rem, 1.4vw, 1.15rem)/1.6 var(--font-sans);color:var(--ink-dim);margin:0}.bn-row{flex-wrap:wrap;align-items:center;gap:10px 24px;display:flex}.bn-chips{flex-wrap:wrap;gap:6px;display:flex}.bn-portfolio-intro{flex-direction:column;gap:14px;max-width:860px;margin-inline:auto;display:flex}.bn-case-grid{--page-item-min:205px}.bn-cases{flex-direction:column;gap:16px;max-width:1240px;margin-inline:auto;display:flex}.bn-filters{flex-wrap:wrap;gap:8px;max-width:1240px;margin:0;display:flex}.bn-filters .bn-chip{text-decoration:none}.bn-case-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:22px;max-width:1240px;margin:0 auto;display:grid}.bn-case-grid[data-cols]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr));width:100%;max-width:none}.bn-cases .bn-case-title,.bn-cases .bn-case-tagline{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bn-cases .bn-case-stack,.bn-case-more-grid .bn-case-stack{flex-wrap:nowrap;overflow:hidden;mask-image:linear-gradient(90deg,#000 82%,#0000)}[dir=rtl] .bn-cases .bn-case-stack,[dir=rtl] .bn-case-more-grid .bn-case-stack{mask-image:linear-gradient(270deg,#000 82%,#0000)}.bn-case-grid[data-cols="1"] .bn-case-cover{aspect-ratio:auto;height:104px}@container (height<=460px){.bn-cases .bn-case-cover{aspect-ratio:auto;height:76px}.bn-cases .bn-case-tagline{-webkit-line-clamp:1}}.bn-case[hidden]{display:none}.bn-case{text-decoration:none}.bn-back .bn-icon svg{transform:scaleX(-1)}[dir=rtl] .bn-back .bn-icon svg{transform:none}.bn-case-hero{align-items:center;gap:14px 40px;width:min(100%,107cqh + 24px);margin-inline:auto;display:grid}.bn-case-hero-text{flex-direction:column;gap:12px;min-width:0;display:flex}.bn-case-hero-text>.bn-back{align-self:flex-start}.bn-case-hero .bn-page-title{hyphens:auto;overflow-wrap:break-word;font-size:clamp(1.8rem,4.6cqw,3.6rem)}.bn-case-hero .bn-techstack{justify-content:flex-start}.bn-case-cover-frame{justify-self:center;width:fit-content;max-width:100%;padding:10px}.bn-case-cover-img{aspect-ratio:16/9;border-radius:var(--radius-control);width:min(100cqw - 24px,106.667cqh);max-width:100%;height:auto;display:block;position:relative}@container (aspect-ratio>=17/10){.bn-case-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);width:auto;max-width:1180px}.bn-case-cover-img{width:auto;max-height:70cqh}}@container (height<=420px){.bn-case-hero .bn-page-title{font-size:1.7rem}.bn-case-hero .bn-page-lead{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.bn-case-cover-img{max-height:82cqh}}.bn-case-story{max-width:1080px;margin-inline:auto}.bn-case-story-list{--page-item-min:280px;--page-zoom-min:.8;grid-template-columns:minmax(0,1fr);gap:22px 40px;display:grid}.bn-case-story-list[data-cols]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}@container (width>=700px){.bn-case-story-list:not([data-cols]){grid-template-columns:repeat(2,minmax(0,1fr))}}.bn-case-section h2{font:800 clamp(1.3rem, 2.4vw, 1.9rem) / 1.2 var(--font-sans);letter-spacing:-.015em;color:var(--ink);margin:0 0 6px}.bn-case-section p{max-width:62ch;font:400 clamp(1rem, 1.3vw, 1.12rem) / 1.65 var(--font-sans);color:var(--ink-text);margin:0}.bn-gallery{flex-direction:column;gap:10px;max-width:1640px;margin-inline:auto;display:flex}.bn-gallery-grid{--page-item-min:300px;--page-zoom-min:1;--page-per-screen:1;grid-template-columns:repeat(auto-fill,minmax(min(100%,420px),1fr));gap:12px;display:grid}.bn-gallery-grid[data-cols]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}.bn-gallery-grid[data-cols="1"]{justify-items:center}.bn-gallery-grid[data-cols="1"] .bn-shot{width:min(100%,177.778cqh - 6.22222rem)}.bn-shot{box-sizing:border-box;border:1.5px solid var(--rule);border-radius:var(--radius-control);background:var(--tech-surface);display:block;overflow:hidden}.bn-shot img{aspect-ratio:16/9;object-fit:contain;width:100%;height:auto;display:block}.bn-shot:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.bn-case-more{flex-direction:column;gap:16px;max-width:980px;margin-inline:auto;display:flex}.bn-case-more h2{font:800 clamp(1.6rem, 3.4vw, 2.6rem) / 1.1 var(--font-sans);color:var(--ink);margin:0}.bn-case-more-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:22px;display:grid}.bn-case-more-grid .bn-case-title,.bn-case-more-grid .bn-case-tagline{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}@container (width<=560px) or (height<=520px){.bn-case-more-grid .bn-case-cover{aspect-ratio:auto;height:72px}.bn-case-more-grid .bn-case-tagline,.bn-case-more-grid .bn-case-stack{display:none}}.bn-xp-intro,.bn-job,.bn-skills,.bn-education{flex-direction:column;gap:12px;max-width:880px;margin-inline:auto;display:flex}.bn-xp-contents{border-inline-start:2px dashed var(--rule);gap:2px;margin:6px 0 0;padding:0;list-style:none;display:grid}.bn-xp-contents a{border-radius:var(--radius-control);color:var(--ink-text);grid-template-columns:9.5em minmax(0,1fr);gap:0 14px;padding:5px 12px;text-decoration:none;display:grid}.bn-xp-contents a:hover{background:var(--paper-tint)}.bn-xp-contents a:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.bn-xp-period{font:500 12px / 1.6 var(--font-mono);color:var(--ink-faint);grid-row:span 2}.bn-xp-role{color:var(--ink);font-weight:600}.bn-xp-company{color:var(--ink-dim);font-size:.92em}@media (width<=600px){.bn-xp-contents a{grid-template-columns:minmax(0,1fr)}.bn-xp-period{grid-row:auto}}.bn-job h2,.bn-skills h2,.bn-education h2{font:800 clamp(1.6rem, 3.4vw, 2.6rem) / 1.1 var(--font-sans);letter-spacing:-.02em;color:var(--ink);text-wrap:balance;margin:0}.bn-job-company{font:600 1.1rem / 1.4 var(--font-sans);color:var(--ink-dim);margin:0}.bn-job-summary{max-width:68ch;font:400 clamp(1rem, 1.4vw, 1.15rem) / 1.6 var(--font-sans);color:var(--ink-text);margin:0}.bn-job ul{gap:6px;margin:0;padding-inline-start:1.2em;display:grid}.bn-job li{max-width:70ch;line-height:1.55}.bn-skills-grid{--page-item-min:260px;--page-zoom-min:.8;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:14px 28px;display:grid}.bn-skills-grid[data-cols]{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}.bn-skills h3,.bn-education h3{font:600 1rem / 1.4 var(--font-sans);color:var(--ink-text);margin:6px 0}.bn-education article{margin:4px 0}.bn-education p{margin:0}