@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Instrument+Serif:ital@0;1&family=Barlow+Condensed:wght@600;700&family=Inter:wght@400;500;600;700;800&display=swap');
#bj-app{--ink:#17201d;--dark:#121916;--paper:#f5f2ea;--gold:#c5a36b;--muted:#6e746d;--line:#d9d9ce;--white:#fffcf5;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}
#bj-app,#bj-app *{box-sizing:border-box}
html:has(#bj-app){scroll-behavior:smooth;scroll-padding-top:100px}
#bj-app{margin:0;background:var(--paper);color:var(--ink);font:15px/1.65 var(--sans)}
body:has(#bj-app dialog[open]){overflow:hidden}
#bj-app button,#bj-app input,#bj-app select{font:inherit}
#bj-app button,#bj-app a,#bj-app input,#bj-app select{-webkit-tap-highlight-color:transparent}
#bj-app button,#bj-app a{touch-action:manipulation}
#bj-app button{cursor:pointer}
#bj-app a{color:inherit;text-decoration:none}
#bj-app img{display:block;max-width:100%}
#bj-app button:focus-visible,#bj-app a:focus-visible,#bj-app select:focus-visible,#bj-app input:focus-visible{outline:3px solid #b18444;outline-offset:5px}
#bj-app ::selection{background:#d5bb85;color:var(--dark)}
#bj-app .skip{position:fixed;top:-70px;left:20px;z-index:100;background:var(--paper);padding:12px}
#bj-app .skip:focus{top:10px}
#bj-app .wrap{width:min(1280px,calc(100% - 112px));margin:auto}
#bj-app .site-header{height:100px;display:flex;align-items:center;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}
#bj-app .header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
#bj-app .brand{display:flex;align-items:center;gap:15px}
#bj-app .monogram{font:30px/1 var(--serif);border:1px solid #a98e5b;width:48px;height:48px;display:grid;place-items:center;letter-spacing:-4px;padding-right:4px}
#bj-app .brand-name{font:23px/1.15 var(--serif)}
#bj-app .brand-sub{display:block;font:9px/1.5 var(--sans);letter-spacing:2.4px;text-transform:uppercase;margin-top:5px}
#bj-app .nav{display:flex;align-items:center;gap:35px;font-size:12px}
#bj-app .nav a{position:relative;padding:9px 0}
#bj-app .nav a.active:after{content:'';position:absolute;bottom:2px;height:1px;left:0;right:0;background:#8d6e3c}
#bj-app .nav a:hover{color:#926f36}
#bj-app .nav .contact-link{border:1px solid #adb2a9;padding:10px 18px;margin-left:10px}
#bj-app .arrow{display:inline-block;margin-left:17px}
#bj-app .menu-toggle{display:none;background:none;border:1px solid var(--line);padding:8px 12px}
#bj-app .eyebrow{font:10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:2.7px;color:#a5834e;display:block}
#bj-app .dark .eyebrow{color:var(--gold)}
#bj-app h1,#bj-app h2,#bj-app h3,#bj-app p{margin-top:0}
#bj-app h1,#bj-app h2,#bj-app h3{font-family:var(--serif);font-weight:400}
#bj-app h1{font-size:clamp(56px,5.8vw,90px);line-height:1.02;letter-spacing:-3.8px;margin:24px 0 26px}
#bj-app h2{font-size:clamp(37px,3.5vw,54px);line-height:1.12;letter-spacing:-1.7px;margin:15px 0 20px}
#bj-app h3{line-height:1.2}
#bj-app .dark{background:var(--dark);color:var(--paper)}
#bj-app .hero{position:relative;overflow:hidden}
#bj-app .hero-inner{display:grid;grid-template-columns:1.08fr 1fr;min-height:650px;gap:40px;position:relative}
#bj-app .hero-copy{padding:90px 0 85px;position:relative;z-index:2}
#bj-app .hero h1 em,#bj-app .portfolio-intro h1 em{font-weight:400;color:#d1b582}
#bj-app .hero-copy p{max-width:385px;color:#b6bcb4;line-height:1.9;font-size:14px;margin-bottom:32px}
#bj-app .button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;border:1px solid #a98e5b;padding:13px 22px;font-size:12px;line-height:1.6;transition:background .2s,transform .2s}
#bj-app .button:hover{transform:translateY(-2px);background:#ded0b5}
#bj-app .button.gold{background:var(--gold);color:var(--dark);border-color:var(--gold)}
#bj-app .button.gold:hover{background:#e2c898}
#bj-app .text-link{font-size:12px;border-bottom:1px solid #a58959;padding-bottom:5px;display:inline-block}
#bj-app .hero-copy .text-link{margin-left:28px;color:#e7e7dd;border-color:#586158}
#bj-app .portrait-frame{position:relative;align-self:end;height:600px;margin-top:50px}
#bj-app .portrait-frame:before{position:absolute;content:'';left:0;right:15px;top:8px;bottom:0;border:1px solid #536050}
#bj-app .portrait-frame img{height:100%;width:100%;object-fit:cover;object-position:50% 20%;filter:saturate(.4);position:relative;mix-blend-mode:luminosity;mask-image:linear-gradient(#000 65%,transparent)}
#bj-app .portrait-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,var(--dark),transparent 24%),linear-gradient(0deg,var(--dark),transparent 25%);pointer-events:none}
#bj-app .portrait-caption{position:absolute;z-index:2;bottom:30px;left:35px;right:15px;display:flex;justify-content:space-between;align-items:end}
#bj-app .portrait-caption .signature{font:italic 30px var(--serif);color:#ddc79e}
#bj-app .portrait-caption .caption{font:9px/1.8 var(--sans);letter-spacing:2px;text-transform:uppercase;color:#b2bcb0;text-align:right}
#bj-app .hero-index{position:absolute;right:0;top:0;padding-top:20px;z-index:3;font:9px var(--sans);letter-spacing:2px;color:#7d8b7a}
#bj-app .career-strip{border-bottom:1px solid var(--line);padding:25px 0}
#bj-app .career-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}
#bj-app .career-intro{font:21px var(--serif);max-width:250px}
#bj-app .career-intro small{display:block;font:10px var(--sans);letter-spacing:1.5px;color:var(--muted);margin-top:7px;text-transform:uppercase}
#bj-app .networks{display:flex;align-items:center;gap:40px;color:#657064;font-weight:bold;letter-spacing:2px;font-size:12px}
#bj-app .networks span:last-child{font-size:10px}
#bj-app .section{padding:85px 0}
#bj-app .section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:32px}
#bj-app .section-heading h2{margin-bottom:0}
#bj-app .section-heading p{max-width:330px;font-size:13px;color:var(--muted);margin-bottom:0}
#bj-app .section-heading .text-link{white-space:nowrap}
#bj-app .feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
#bj-app .feature-card{background:none;border:0;text-align:left;color:var(--ink);padding:0;width:100%;display:block}
#bj-app .artwork{overflow:hidden;position:relative;background:#d7d9cc;aspect-ratio:1.4}
#bj-app .artwork img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
#bj-app .feature-card:hover .artwork img{transform:scale(1.045)}
#bj-app .artwork:after{content:'';position:absolute;inset:0;border:1px solid #0000000d;pointer-events:none}
#bj-app .artwork .card-arrow{position:absolute;right:15px;bottom:15px;background:var(--paper);width:33px;height:33px;display:grid;place-items:center;font-size:17px}
#bj-app .feature-meta{display:flex;justify-content:space-between;gap:12px;margin-top:18px;align-items:start}
#bj-app .feature-meta h3{font-size:25px;margin:0 0 7px}
#bj-app .feature-meta .year{font-size:11px;color:var(--muted);padding-top:5px;white-space:nowrap}
#bj-app .project-sub{font-size:10px;letter-spacing:1.1px;text-transform:uppercase;color:var(--muted)}
#bj-app .current{background:#e9e8de}
#bj-app .current-layout{display:grid;grid-template-columns:1.22fr 1fr;gap:80px;align-items:center}
#bj-app .current-visual{position:relative}
#bj-app .current-visual img{width:100%;aspect-ratio:1.68;object-fit:cover}
#bj-app .live-badge{display:inline-flex;gap:8px;align-items:center;font-size:9px;letter-spacing:1.8px;text-transform:uppercase}
#bj-app .live-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:#8aaf80}
#bj-app .current-visual .live-badge{position:absolute;left:18px;top:18px;background:var(--dark);color:var(--paper);padding:7px 12px}
#bj-app .current h2{font-size:66px;margin-bottom:15px}
#bj-app .current p{color:var(--muted);font-size:14px;max-width:350px}
#bj-app .current .project-sub{margin-bottom:22px}
#bj-app .on-shoot{padding-top:72px;padding-bottom:80px}
#bj-app .shoot-layout{display:grid;grid-template-columns:1fr 1.7fr;gap:70px}
#bj-app .shoot-layout h2{font-size:43px}
#bj-app .shoot-list{border-top:1px solid #424e41}
#bj-app .shoot-row{display:flex;gap:25px;align-items:center;padding:20px 0;border-bottom:1px solid #424e41;background:none;width:100%;border-left:0;border-right:0;border-top:0;color:var(--paper);text-align:left}
#bj-app .shoot-row .num{font-size:10px;color:var(--gold)}
#bj-app .shoot-row .title{font:25px var(--serif);flex:1}
#bj-app .shoot-row .shoot-type{color:#9aa894;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}
#bj-app .shoot-row:hover .title{color:var(--gold)}
#bj-app .about{display:grid;grid-template-columns:1fr 1.45fr;gap:100px}
#bj-app .about h2{max-width:350px}
#bj-app .about p{font:21px/1.7 var(--serif);margin-bottom:22px}
#bj-app .about .secondary{font:13px/1.9 var(--sans);color:var(--muted);max-width:550px}
#bj-app .contact-band{padding:60px 0;background:#e8e3d6;border-top:1px solid #d9d2c4}
#bj-app .contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
#bj-app .contact-inner h2{font-size:40px;margin:10px 0 0}
#bj-app .footer{padding:32px 0}
#bj-app .footer-inner{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);gap:20px}
#bj-app .footer-links{display:flex;gap:25px}
#bj-app .footer-stamp{font:18px var(--serif);letter-spacing:1px;color:var(--ink)}
#bj-app .portfolio-intro{padding:60px 0 65px}
#bj-app .breadcrumbs{font-size:10px;color:#96a18f;margin-bottom:38px;display:flex;gap:12px}
#bj-app .portfolio-title-row{display:flex;justify-content:space-between;gap:60px;align-items:end}
#bj-app .portfolio-intro h1{font-size:76px;margin-bottom:0}
#bj-app .portfolio-title-row p{color:#b2baae;font-size:13px;max-width:340px;margin-bottom:4px}
#bj-app .portfolio-intro .eyebrow{margin-bottom:8px}
#bj-app .catalogue{padding:0 0 75px}
#bj-app .status-tabs{display:flex;gap:37px;border-bottom:1px solid var(--line);padding-top:15px;margin-bottom:32px;overflow:auto}
#bj-app .tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:12px;white-space:nowrap;padding:19px 0 18px;display:flex;align-items:center;gap:12px}
#bj-app .tab.active{border-color:var(--ink);color:var(--ink)}
#bj-app .tab .count{font-size:9px;min-width:22px;text-align:center;background:#e8e7dd;padding:1px 5px;border-radius:2px}
#bj-app .tab.active .count{background:var(--ink);color:var(--paper)}
#bj-app .filters{display:grid;grid-template-columns:minmax(230px,1.7fr) repeat(3,1fr);gap:15px}
#bj-app .filter-field{display:block}
#bj-app .field-label{font-size:9px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase;display:block;margin-bottom:8px}
#bj-app .search-wrap{position:relative;display:block}
#bj-app .search-wrap svg{position:absolute;left:14px;top:14px;width:16px;height:16px;color:#7c8378}
#bj-app .filters input,#bj-app .filters select{width:100%;height:45px;border:1px solid #cfcfc3;background:transparent;color:var(--ink);padding:0 13px;border-radius:0;font-size:12px}
#bj-app .filters input{padding-left:40px}
#bj-app .results-toolbar{margin:27px 0 24px;display:flex;justify-content:space-between;align-items:center;gap:15px}
#bj-app .result-label{font-size:11px;color:var(--muted)}
#bj-app .result-label strong{color:var(--ink);font-weight:500}
#bj-app .toolbar-right{display:flex;gap:16px;align-items:center}
#bj-app .reset{font-size:11px;color:#6c542d;background:none;border:0;border-bottom:1px solid #af9264;padding:0}
#bj-app .view-toggle{display:flex;border:1px solid #cecec1}
#bj-app .view-button{padding:7px 10px;border:0;background:transparent;color:#7c8376;display:flex}
#bj-app .view-button.active{background:var(--ink);color:var(--paper)}
#bj-app .view-button svg{height:14px;width:14px}
#bj-app .catalogue-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 25px}
#bj-app .catalogue-card{position:relative;background:none;border:0;padding:0;text-align:left;color:var(--ink);width:100%;display:block}
#bj-app .catalogue-card .artwork{aspect-ratio:1.6}
#bj-app .catalogue-card .artwork img{height:100%;width:100%;object-fit:cover}
#bj-app .status-label{position:absolute;top:13px;left:13px;background:var(--paper);font-size:8px;text-transform:uppercase;letter-spacing:1.1px;padding:4px 8px}
#bj-app .status-label.air{background:var(--dark);color:var(--paper);display:flex;gap:7px;align-items:center}
#bj-app .status-label.air:before{content:'';background:#b7cfa9;width:4px;height:4px;border-radius:50%}
#bj-app .catalogue-card h3{font-size:24px;margin:14px 0 8px}
#bj-app .catalogue-card .card-meta{font-size:10px;display:flex;gap:8px;align-items:center;color:var(--muted);flex-wrap:wrap}
#bj-app .catalogue-card .card-meta .dot{width:2px;height:2px;background:#9b9f91;border-radius:50%}
#bj-app .catalogue-card:hover h3{color:#866534}
#bj-app .catalogue-card:hover .artwork img{transform:scale(1.035)}
#bj-app .typographic-art{height:100%;min-height:150px;position:relative;display:flex;flex-direction:column;justify-content:center;padding:28px;background:#dcded2;color:#334338;overflow:hidden}
#bj-app .typographic-art:before{content:'';position:absolute;inset:12px;border:1px solid #adb5a3}
#bj-app .typographic-art .folio-year{position:absolute;right:20px;bottom:-18px;font:100px var(--serif);opacity:.07;letter-spacing:-7px}
#bj-app .typographic-art .folio-small{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#68765f}
#bj-app .typographic-art .folio-title{font:26px/1.2 var(--serif);margin-top:16px;max-width:80%;z-index:1}
#bj-app .typographic-art.shoot{background:#26362b;color:#dcdac5}
#bj-app .typographic-art.shoot:before{border-color:#4b5f49}
#bj-app .typographic-art.shoot .folio-small{color:#b0b59a}
#bj-app .catalogue-list{display:block;border-top:1px solid var(--line)}
#bj-app .catalogue-list .catalogue-card{display:grid;grid-template-columns:90px minmax(220px,1.7fr) 1fr;align-items:center;gap:25px;padding:16px 0;border-bottom:1px solid var(--line)}
#bj-app .catalogue-list .artwork{height:60px;aspect-ratio:1.5}
#bj-app .catalogue-list .typographic-art{min-height:0;padding:8px}
#bj-app .catalogue-list .typographic-art:before{inset:5px}
#bj-app .catalogue-list .folio-title{font-size:11px;max-width:100%;margin-top:0}
#bj-app .catalogue-list .folio-small,#bj-app .catalogue-list .folio-year,#bj-app .catalogue-list .status-label,#bj-app .catalogue-list .card-arrow{display:none}
#bj-app .catalogue-list h3{margin:0;font-size:23px}
#bj-app .catalogue-list .card-meta{justify-content:flex-end;text-align:right}
#bj-app .load-more{text-align:center;margin-top:40px}
#bj-app .load-more .button{min-width:220px;background:transparent}
#bj-app .load-more p{font-size:10px;color:var(--muted);margin:13px 0 0}
#bj-app .empty{padding:65px 25px;text-align:center;border:1px solid var(--line)}
#bj-app .empty h3{font-size:32px}
#bj-app .empty p{color:var(--muted);font-size:13px}
#bj-app .snapshot{font-size:10px;color:var(--muted);padding:24px 0;border-top:1px solid var(--line);margin-top:45px;display:flex;justify-content:space-between;gap:20px}
#bj-app .snapshot a{text-decoration:underline;text-underline-offset:3px}
#bj-app dialog{border:0;background:var(--paper);padding:0;width:min(900px,calc(100% - 40px));max-height:90vh;overflow:auto;color:var(--ink);box-shadow:0 20px 90px #0006}
#bj-app dialog::backdrop{background:#0b120ed9;backdrop-filter:blur(5px)}
#bj-app .dialog-close{position:absolute;right:16px;top:16px;z-index:5;background:var(--paper);border:1px solid #a3a898;width:38px;height:38px;font-size:23px;line-height:1}
#bj-app .dialog-art{width:100%;max-height:330px;aspect-ratio:2;object-fit:cover}
#bj-app .dialog-art.typographic-art{min-height:230px}
#bj-app .dialog-art .folio-title{font-size:45px}
#bj-app .dialog-content{padding:34px 45px 40px}
#bj-app .dialog-content h2{font-size:46px;margin:15px 0 25px}
#bj-app .credit-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;margin-bottom:25px}
#bj-app .credit-fields dt{font-size:9px;letter-spacing:1.6px;color:var(--muted);text-transform:uppercase;margin-bottom:6px}
#bj-app .credit-fields dd{font-size:12px;margin:0}
#bj-app .original-credit{font-size:12px;color:var(--muted);margin-bottom:25px}
#bj-app .original-credit span{display:block;font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted);margin-bottom:7px}
#bj-app .dialog-links{display:flex;gap:25px;align-items:center;flex-wrap:wrap}
#bj-app .dialog-note{font-size:11px;color:var(--muted)}
#bj-app [hidden]{display:none!important}
#bj-app .site-error{padding:50px;border:1px solid var(--line)}
@media(min-width:1500px){#bj-app .hero-inner{min-height:720px}
#bj-app .hero-copy{padding-top:120px}
#bj-app .portrait-frame{height:665px}}
@media(max-width:1100px){#bj-app .wrap{width:calc(100% - 64px)}
#bj-app .hero-inner{gap:15px;min-height:610px}
#bj-app .hero-copy{padding-top:85px}
#bj-app .portrait-frame{height:550px}
#bj-app .hero h1{font-size:70px}
#bj-app .networks{gap:24px;font-size:10px}
#bj-app .current-layout{gap:40px}
#bj-app .portfolio-title-row{gap:35px}
#bj-app .portfolio-intro h1{font-size:67px}
#bj-app .shoot-layout{gap:35px}
#bj-app .nav{gap:25px}
#bj-app .filters{grid-template-columns:1.5fr 1fr 1fr 1fr}
#bj-app .about{gap:60px}}
@media(max-width:760px){#bj-app .wrap{width:calc(100% - 40px)}
#bj-app .site-header{height:82px}
#bj-app .brand-name{font-size:20px}
#bj-app .brand-sub{font-size:8px}
#bj-app .monogram{height:40px;width:40px;font-size:26px}
#bj-app .menu-toggle{display:block;font-size:11px}
#bj-app .nav{display:none;position:absolute;top:82px;left:0;right:0;padding:18px 25px;background:var(--paper);border-bottom:1px solid var(--line);gap:15px;align-items:stretch;flex-direction:column}
#bj-app .nav.open{display:flex}
#bj-app .nav a{padding:9px 0}
#bj-app .nav .contact-link{margin:0;padding:10px 15px;align-self:start}
#bj-app .nav a.active:after{right:auto;width:25px}
#bj-app .hero-inner{display:block;min-height:0}
#bj-app .hero-copy{padding:55px 0 0}
#bj-app .hero h1{font-size:65px;letter-spacing:-3px;margin-top:22px}
#bj-app .hero-copy p{max-width:360px;font-size:13px;margin-bottom:25px}
#bj-app .hero-copy .text-link{margin-left:18px}
#bj-app .hero-index{display:none}
#bj-app .portrait-frame{height:420px;margin:30px 0 0 auto;width:85%}
#bj-app .portrait-frame img{object-position:50% 20%}
#bj-app .portrait-frame:before{right:0}
#bj-app .portrait-caption{left:15px;bottom:20px}
#bj-app .portrait-caption .signature{font-size:26px}
#bj-app .portrait-caption .caption{font-size:8px}
#bj-app .career-strip{padding:22px 0}
#bj-app .career-inner{display:block}
#bj-app .career-intro{max-width:none;font-size:22px;display:flex;align-items:center;gap:15px}
#bj-app .career-intro small{font-size:8px;margin:0}
#bj-app .networks{gap:20px;flex-wrap:wrap;margin-top:20px;font-size:11px}
#bj-app .section{padding:55px 0}
#bj-app .section-heading{align-items:start;gap:15px;margin-bottom:25px}
#bj-app .section-heading h2{font-size:36px}
#bj-app .section-heading .text-link{font-size:10px;margin-top:18px}
#bj-app .feature-grid{grid-template-columns:1fr;gap:30px}
#bj-app .feature-meta h3{font-size:27px}
#bj-app .feature-card .artwork{aspect-ratio:1.6}
#bj-app .current-layout{grid-template-columns:1fr;gap:25px}
#bj-app .current h2{font-size:52px}
#bj-app .current p{max-width:none}
#bj-app .current .project-sub{margin-bottom:18px}
#bj-app .shoot-layout{grid-template-columns:1fr;gap:15px}
#bj-app .shoot-layout h2{font-size:36px}
#bj-app .shoot-row{gap:15px;padding:20px 0}
#bj-app .shoot-row .title{font-size:23px}
#bj-app .shoot-row .shoot-type{display:none}
#bj-app .about{grid-template-columns:1fr;gap:10px}
#bj-app .about h2{max-width:none;font-size:36px}
#bj-app .about p{font-size:20px}
#bj-app .contact-inner{display:block}
#bj-app .contact-inner h2{font-size:34px;margin-bottom:25px}
#bj-app .contact-band{padding:45px 0}
#bj-app .footer-inner{align-items:start;flex-wrap:wrap;gap:18px}
#bj-app .footer-links{gap:20px}
#bj-app .footer-stamp{font-size:18px}
#bj-app .portfolio-intro{padding:30px 0 40px}
#bj-app .breadcrumbs{margin-bottom:30px}
#bj-app .portfolio-title-row{display:block}
#bj-app .portfolio-intro h1{font-size:58px;letter-spacing:-2.5px;margin:12px 0 22px}
#bj-app .portfolio-title-row p{max-width:none;font-size:12px}
#bj-app .status-tabs{gap:25px;margin-bottom:24px;padding-top:5px}
#bj-app .tab{font-size:11px;gap:9px;padding:17px 0}
#bj-app .filters{grid-template-columns:1fr 1fr;gap:15px}
#bj-app .filter-field:first-child{grid-column:1/-1}
#bj-app .filter-field:last-child{grid-column:1/-1}
#bj-app .field-label{font-size:8px}
#bj-app .filters input,#bj-app .filters select{font-size:12px}
#bj-app .results-toolbar{margin-top:22px}
#bj-app .catalogue-grid{grid-template-columns:1fr 1fr;gap:27px 16px}
#bj-app .catalogue-card h3{font-size:21px;line-height:1.2;margin-top:12px}
#bj-app .catalogue-card .artwork{aspect-ratio:1.1}
#bj-app .catalogue-card .artwork img{object-position:center}
#bj-app .catalogue-card .card-meta{font-size:9px;gap:5px;line-height:1.5}
#bj-app .typographic-art{padding:20px;min-height:150px}
#bj-app .typographic-art .folio-title{font-size:21px;max-width:100%;margin-top:13px}
#bj-app .typographic-art .folio-small{font-size:7px;letter-spacing:1px}
#bj-app .status-label{font-size:7px;left:9px;top:9px;padding:3px 6px;letter-spacing:.5px}
#bj-app .artwork .card-arrow{width:25px;height:25px;bottom:9px;right:9px;font-size:13px}
#bj-app .typographic-art .folio-year{font-size:70px}
#bj-app .catalogue-list .catalogue-card{grid-template-columns:64px 1fr;gap:14px}
#bj-app .catalogue-list .artwork{grid-row:1/3;height:55px}
#bj-app .catalogue-list h3{font-size:22px}
#bj-app .catalogue-list .card-meta{justify-content:start;text-align:left;margin-top:-8px}
#bj-app .snapshot{display:block;line-height:1.8}
#bj-app .snapshot span{display:block;margin-top:8px}
#bj-app .dialog-content{padding:25px}
#bj-app .dialog-content h2{font-size:36px}
#bj-app .credit-fields{grid-template-columns:1fr 1fr;gap:18px}
#bj-app .dialog-art{max-height:230px;aspect-ratio:1.5}
#bj-app .dialog-art .folio-title{font-size:32px}
#bj-app .dialog-links{gap:20px}
#bj-app .result-label{font-size:10px}
#bj-app .toolbar-right{gap:12px}
#bj-app .reset{font-size:10px}}
@media(prefers-reduced-motion:reduce){html:has(#bj-app){scroll-behavior:auto}
#bj-app,#bj-app *,#bj-app *:before,#bj-app *:after{transition:none!important;animation:none!important}}
@media(max-width:760px){#bj-app .hero-copy .text-link{display:table;margin:16px 0 0}
#bj-app .status-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 24px;overflow:visible}
#bj-app .tab{justify-content:space-between;padding:14px 0 12px}
#bj-app .tab.active{border-bottom-color:var(--ink)}
#bj-app .status-tabs{border-bottom:0}
#bj-app .tab{border-bottom:1px solid var(--line)}}
#bj-app .brand-alias{display:block;font:11px/1.4 var(--sans);letter-spacing:.3px;margin-top:3px;color:var(--muted)}
#bj-app .portrait-alias{display:block;font:12px/1.5 var(--sans);letter-spacing:.7px;margin-top:6px;color:#c4c8bd}
#bj-app #contact-dialog{width:min(620px,calc(100% - 32px))}
#bj-app #contact-dialog .dialog-content{padding:48px 38px 30px}
#bj-app #contact-dialog h2{color:var(--ink);font-size:clamp(32px,6vw,44px);line-height:1.12;margin-bottom:22px}
#bj-app #contact-help{color:var(--muted);margin-bottom:25px}
#bj-app .contact-email-label{display:block;text-transform:uppercase;letter-spacing:2px;font-size:10px;margin-bottom:7px}
#bj-app #contact-email{width:100%;padding:13px 12px;background:var(--white);border:1px solid var(--line);color:var(--ink);font-size:16px;border-radius:0}
#bj-app .contact-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-top:22px}
#bj-app .contact-actions .button{min-height:46px;padding:12px 17px}
#bj-app .copy-email{background:none;border:0;padding:6px 0;font-size:12px}
#bj-app .contact-feedback{min-height:24px;font-size:12px;margin:17px 0 0;color:var(--muted)}
@media(max-width:480px){#bj-app #contact-dialog .dialog-content{padding:50px 24px 24px}
#bj-app .contact-actions{align-items:stretch;flex-direction:column}
#bj-app .contact-actions .button{justify-content:space-between}}
#bj-app .portfolio-intro{position:relative;isolation:isolate;overflow:hidden}
#bj-app .portfolio-intro>.wrap{position:relative;z-index:2}
#bj-app .portfolio-mosaic{position:absolute;z-index:0;inset:-18% -4% -18% 15%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;transform:rotate(-8deg) scale(1.05);pointer-events:none}
#bj-app .portfolio-mosaic img{width:100%;height:100%;min-height:0;object-fit:cover;border:1px solid #c5a36b33;filter:saturate(.75)}
#bj-app .portfolio-intro:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#121916 0%,rgba(18,25,22,.94) 25%,rgba(18,25,22,.58) 65%,rgba(18,25,22,.65) 100%),linear-gradient(0deg,rgba(18,25,22,.9),transparent 40%,rgba(18,25,22,.4))}
#bj-app .portfolio-title-row p{color:#d3d9ce}
@media(max-width:760px){#bj-app .portfolio-mosaic{inset:-4% -35%;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:9px;transform:rotate(-7deg) scale(1.05)}
#bj-app .portfolio-intro:after{background:linear-gradient(90deg,rgba(18,25,22,.92),rgba(18,25,22,.77)),linear-gradient(0deg,#121916 0%,transparent 50%,rgba(18,25,22,.3))}}
#bj-app .dialog-content h2{color:var(--ink)}
#bj-app .catalogue-card .artwork img.poster-contain{object-fit:contain;background:#2e1d13}
#bj-app #project-dialog[open]:has(.poster-contain){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
#bj-app #project-dialog .dialog-art.poster-contain{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;background:#2e1d13}
#bj-app #project-dialog:has(.poster-contain) .dialog-content{align-self:center;padding:40px 32px 32px}
#bj-app #project-dialog:has(.poster-contain) .credit-fields{grid-template-columns:1fr 1fr}
@media(max-width:760px){#bj-app #project-dialog[open]:has(.poster-contain){display:block}
#bj-app #project-dialog .dialog-art.poster-contain{height:min(55vh,500px)}}
#bj-app .nav{gap:clamp(13px,2vw,35px)}
#bj-app .nav a{white-space:nowrap}
#bj-app .film-feature{background:#192320}
#bj-app .film-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.85fr);gap:clamp(30px,6vw,86px);align-items:center}
#bj-app .film-copy h2{font-size:clamp(58px,7vw,98px);color:var(--paper);margin:12px 0 22px}
#bj-app .film-copy p{max-width:450px;color:#cbd3c9;font-size:16px}
#bj-app .film-credits{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:30px 0;padding:22px 0;border-top:1px solid #536050;border-bottom:1px solid #536050}
#bj-app .film-credits dt{color:var(--gold);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:5px}
#bj-app .film-credits dd{margin:0;color:var(--paper);font-size:13px}
#bj-app .film-links{display:flex;align-items:center;gap:20px;flex-wrap:wrap}
#bj-app .film-links .text-link{color:var(--paper)}
#bj-app .film-poster{width:100%;max-width:365px;aspect-ratio:67/100;justify-self:center;display:grid;place-items:center;background:#111815;border:1px solid #52604f;overflow:hidden}
#bj-app .film-poster img{width:100%;height:100%;min-height:0;object-fit:contain;display:block}
#bj-app .awards-section{background:#efece3}
#bj-app .awards-section h2,#bj-app .award-card h4{color:var(--ink)}
#bj-app .award-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
#bj-app .award-card{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:26px 28px;background:var(--paper);border:1px solid var(--line)}
#bj-app .award-meta{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px}
#bj-app .award-meta .eyebrow{color:#876532;letter-spacing:1.5px}
#bj-app .award-meta time{color:var(--muted);font-size:12px}
#bj-app .award-card h4{font-size:clamp(24px,3vw,35px);margin:0 0 8px}
#bj-app .award-card p{color:var(--muted);font-size:13px;margin:0 0 20px}
#bj-app .award-card .text-link{margin-top:auto}
@media(max-width:760px){#bj-app .film-layout,#bj-app .award-grid{grid-template-columns:1fr}
#bj-app .film-poster{max-width:340px}
#bj-app .film-copy p{font-size:14px}
#bj-app .film-credits{gap:14px;margin:24px 0}
#bj-app .award-card{padding:20px}

}
#bj-app .awards-subheading{font-size:27px;color:var(--ink);margin:0 0 16px}
#bj-app .award-nominations{margin-top:20px;border:1px solid var(--line);background:var(--paper)}
#bj-app .award-nominations summary{display:flex;align-items:center;gap:12px;padding:20px 24px;cursor:pointer;font-family:var(--serif);font-size:23px;color:var(--ink)}
#bj-app .award-nominations summary::after{content:'+';margin-left:auto;font-family:var(--sans);color:#876532}
#bj-app .award-nominations[open] summary::after{content:'−'}
#bj-app .nomination-count{font:11px var(--sans);color:var(--muted)}
#bj-app .nomination-list{margin:0;padding:0 24px;list-style:none}
#bj-app .nomination-row{display:grid;grid-template-columns:56px minmax(0,1fr) minmax(0,1.15fr);gap:16px;padding:15px 0;border-top:1px solid var(--line);font-size:13px;color:var(--ink)}
#bj-app .nomination-row time,#bj-app .nomination-row small{font-size:11px;color:var(--muted)}
#bj-app .nomination-row small{display:block;margin-top:3px}
#bj-app .nomination-row .text-link{margin-top:6px}
@media(max-width:760px){#bj-app .award-nominations summary{padding:17px 18px;font-size:21px}
#bj-app .nomination-list{padding:0 18px}
#bj-app .nomination-row{grid-template-columns:37px minmax(0,1fr);gap:5px 10px}
#bj-app .nomination-row div{grid-column:2}

}


#bj-app{width:100%;min-width:0;overflow-x:clip}#bj-app button{text-transform:none;letter-spacing:normal;box-shadow:none}#bj-app .button{border-radius:0;text-transform:none}#bj-app .elementor-widget-container{padding:0}

body.bj-portfolio-canvas{margin:0!important;padding:0!important;background:#f5f2ea}

body:has(#bj-app) #rmp_menu_trigger-531{display:none!important}

#bj-app { --sans: 'DM Sans', Arial, sans-serif; --serif: 'Instrument Serif', Georgia, serif; }
#bj-app[data-theme="cinema"] {
  --paper: #141415; --ink: #f5efe4; --white: #202021; --muted: #b9b1a7; --line: #3c3935;
  --dark: #191714; --gold: #efbb77; --accent: #efbb77; --accent-ink: #26190d;
  --strip: #211e1a; --subtle: #1c1b1b; --meta: #b9b1a7;
}
#bj-app .site-header { background:var(--paper); border-bottom:1px solid var(--line); }
#bj-app .site-header .contact-link, #bj-app .monogram { border-color:var(--line); }
#bj-app .site-header a.active, #bj-app .site-header a:hover, #bj-app .site-header .arrow { color:var(--accent); }
#bj-app .site-header .brand:hover { color:var(--ink); }
#bj-app .site-header .brand-sub { color:var(--muted); }
#bj-app :focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
#bj-app .demo-hero { position:relative; isolation:isolate; overflow:hidden; }
#bj-app .demo-hero h1, #bj-app .demo-portfolio-intro h1 { margin:18px 0 20px; font-weight:400; line-height:.91; letter-spacing:-.032em; }
#bj-app .demo-hero h1 { font-size:clamp(65px,8.8vw,132px); }
#bj-app .demo-hero h1 em, #bj-app .demo-portfolio-intro h1 em { font-weight:400; }
#bj-app .demo-kicker { font:700 11px/1.4 var(--sans); letter-spacing:.17em; text-transform:uppercase; }
#bj-app .demo-description { font-size:16px; line-height:1.55; max-width:370px; margin:16px 0 27px; }
#bj-app .demo-identity { margin:0; }
#bj-app .demo-identity { font-weight:700; }
#bj-app .demo-identity span { font-weight:400; }
#bj-app .demo-actions { display:flex; align-items:center; flex-wrap:wrap; gap:20px; }
#bj-app .demo-actions .demo-primary { background:var(--accent); color:var(--accent-ink); border:1px solid var(--accent); text-transform:none; letter-spacing:0; font-size:13px; font-weight:700; min-height:44px; }
#bj-app .demo-secondary { font-weight:700; font-size:13px; text-decoration:underline; text-underline-offset:4px; }
#bj-app .demo-secondary span { margin-left:3px; }
#bj-app .demo-cinema { background:#1b1714; color:#fff9eb; }
#bj-app .cinema-backdrop { position:absolute; inset:0; z-index:-1; overflow:hidden; }
#bj-app .cinema-backdrop img { width:100%; height:100%; object-fit:cover; object-position:64% 46%; }
#bj-app .cinema-backdrop::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#100e0df7 0%,#100e0de8 26%,#100e0d69 61%,#100e0d16 100%),linear-gradient(0deg,#100e0dea 0%,transparent 44%); }
#bj-app .demo-cinema-inner { min-height:clamp(535px,48vw,700px); display:flex; align-items:center; justify-content:space-between; gap:25px; position:relative; padding-block:65px; }
#bj-app .demo-cinema h1 { font-family:'Barlow Condensed', 'Arial Narrow', Impact, sans-serif; font-size:clamp(73px,9vw,139px); text-transform:uppercase; font-weight:700; letter-spacing:-.025em; line-height:.81; }
#bj-app .demo-cinema .demo-kicker, #bj-app .demo-cinema .demo-secondary, #bj-app .cinema-credit > span:last-child { color:var(--accent); }
#bj-app .demo-cinema .demo-description { color:#efe5d9; }
#bj-app .cinema-credit { align-self:flex-end; min-width:176px; border:0; border-top:1px solid #ffffff7d; background:#171413b5; color:#fff9eb; padding:13px 14px; display:grid; grid-template-columns:1fr auto; text-align:left; gap:0 15px; cursor:pointer; }
#bj-app .cinema-credit span:first-child { grid-column:1/-1; font-size:10px; letter-spacing:.1em; text-transform:uppercase; }
#bj-app .cinema-credit strong { font:400 34px/.98 var(--serif); }
#bj-app .cinema-credit:hover { background:#171413; }
#bj-app .demo-portfolio-intro { position:relative; overflow:hidden; isolation:isolate; background:var(--strip); }
#bj-app .demo-portfolio-copy { position:relative; padding-block:31px 46px; }
#bj-app .demo-portfolio-intro .breadcrumbs { color:inherit; margin-bottom:24px; }
#bj-app .demo-portfolio-intro .breadcrumbs a { color:inherit; }
#bj-app .demo-portfolio-intro h1 { font-size:clamp(69px,8.6vw,120px); }
#bj-app .demo-portfolio-intro p { font-size:16px; max-width:390px; margin:0; }
#bj-app .demo-portfolio-art { position:absolute; inset:0; z-index:-1; }
#bj-app .demo-portfolio-art img { width:100%; height:100%; object-fit:cover; object-position:70% 45%; }
#bj-app[data-theme=cinema] .demo-portfolio-intro { color:#fff5e8; }
#bj-app[data-theme=cinema] .demo-portfolio-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,#110e0df7,#110e0de8 40%,#110e0d4a); }
#bj-app[data-theme=cinema] .demo-portfolio-intro h1 { font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif; font-weight:700; text-transform:uppercase; }
#bj-app[data-theme=cinema] .demo-portfolio-intro h1 span { color:var(--accent); }
#bj-app .career-strip, #bj-app .contact-band { background:var(--strip); }
#bj-app .career-intro, #bj-app .networks, #bj-app .contact-band h2 { color:var(--ink); }
#bj-app .career-intro small, #bj-app .section-heading p, #bj-app .card-meta, #bj-app .project-sub, #bj-app .year { color:var(--meta); }
#bj-app .catalogue, #bj-app .site-header, #bj-app .footer { background:var(--paper); }
#bj-app .filters input, #bj-app .filters select, #bj-app .view-button, #bj-app .tab { color:var(--ink); }
#bj-app .filters input, #bj-app .filters select { background:var(--white); border-color:var(--line); }
#bj-app .tab.active, #bj-app .card-arrow { color:var(--ink); }
#bj-app .card-arrow { background:var(--white); }
#bj-app .catalogue-card h3, #bj-app .feature-card h3, #bj-app .film-copy h2, #bj-app .award-card h4 { color:inherit; }
#bj-app .catalogue-card:hover h3, #bj-app .feature-card:hover h3 { color:var(--accent); }
#bj-app .catalogue-card .artwork img.poster-contain, #bj-app #project-dialog .dialog-art.poster-contain { background:var(--subtle); }
#bj-app .awards-section, #bj-app .current { background:var(--subtle); }
#bj-app .award-meta .eyebrow, #bj-app .nomination-list .arrow, #bj-app .section-heading .eyebrow { color:var(--accent); }
#bj-app .footer, #bj-app .footer a { color:var(--muted); }
#bj-app[data-theme=cinema] .dark, #bj-app[data-theme=cinema] .dark h2, #bj-app[data-theme=cinema] .shoot-row { color:var(--ink); }
#bj-app[data-theme=cinema] .typographic-art { background:#292621; color:#f2e7d8; }
#bj-app[data-theme=cinema] .view-button.active { background:var(--accent); color:var(--accent-ink); }
#bj-app[data-theme=cinema] .tab.active { border-color:var(--accent); }
@media (max-width:760px) {
#bj-app .demo-cinema-inner { min-height:540px; display:block; padding-block:60px 25px; }
#bj-app .demo-cinema h1 { font-size:clamp(60px,13vw,105px); }
#bj-app .cinema-backdrop img { object-position:65% 50%; }
#bj-app .cinema-backdrop::after { background:linear-gradient(90deg,#100e0df0,#100e0d8a 65%,#100e0d48),linear-gradient(0deg,#100e0d,transparent 63%); }
#bj-app .cinema-credit { margin-top:30px; }
#bj-app .demo-portfolio-copy { padding-block:21px 32px; }
#bj-app .demo-portfolio-intro h1 { font-size:clamp(56px,12vw,82px); }
}
#bj-app .demo-arrow, #bj-app .site-header .contact-link .arrow, #bj-app .card-arrow, #bj-app .text-link .arrow { font-size:0; }
#bj-app .demo-arrow::after, #bj-app .site-header .contact-link .arrow::after, #bj-app .card-arrow::after, #bj-app .text-link .arrow::after {
  content:""; display:inline-block; width:.54rem; height:.54rem; border-top:1.5px solid currentColor;
  border-right:1.5px solid currentColor; transform:translate(-1px,1px);
  background:linear-gradient(135deg,transparent 44%,currentColor 45% 55%,transparent 56%);
}
#bj-app .tab .count { background:var(--strip); }
#bj-app .nav a.active::after, #bj-app .text-link { border-color:var(--accent); }
#bj-app .nav a.active::after { background:var(--accent); }
#bj-app .film-copy h2 { color:#f7f1e7; }
#bj-app .career-intro, #bj-app .networks { letter-spacing:.02em; }
#bj-app[data-theme=cinema] .button:hover:not(.gold):not(.demo-primary) { background:var(--strip); }
#bj-app[data-theme=cinema] .view-button { border-color:var(--line); }
#bj-app[data-theme=cinema] .film-feature { background:#1c1916; }
@media (max-width:380px) {
#bj-app .demo-cinema h1 { font-size:clamp(49px,13vw,60px); }
}
#bj-app .cinema-projects { padding-block:clamp(36px,5.3vw,72px); }
#bj-app .cinema-projects-header { display:flex; justify-content:space-between; align-items:end; gap:15px 28px; margin-bottom:20px; }
#bj-app .cinema-projects-header h2 { font-size:clamp(40px,5.4vw,76px); line-height:1; margin:0; }
#bj-app .cinema-project-controls, #bj-app .cinema-project-buttons { display:flex; align-items:center; gap:12px; }
#bj-app .cinema-project-controls { gap:20px; }
#bj-app .cinema-project-controls .text-link { white-space:nowrap; }
#bj-app .cinema-project-step { display:grid; place-items:center; width:42px; height:42px; padding:0; border:1px solid var(--line); border-radius:50%; background:var(--subtle); color:var(--ink); cursor:pointer; }
#bj-app .cinema-project-step span { width:8px; height:8px; border-top:1.5px solid; border-right:1.5px solid; transform:translateX(-1px) rotate(45deg); }
#bj-app .cinema-project-step:first-child span { transform:translateX(1px) rotate(-135deg); }
#bj-app .cinema-project-step:hover:not([aria-disabled="true"]) { color:var(--accent-ink); background:var(--accent); border-color:var(--accent); }
#bj-app .cinema-project-step[aria-disabled="true"] { opacity:.45; cursor:default; }
#bj-app .cinema-project-track {
  --carousel-gap:clamp(14px,2vw,24px);
  display:grid; grid-auto-flow:column; grid-auto-columns:calc((100% - var(--carousel-gap)*2)/3); gap:var(--carousel-gap);
  list-style:none; padding:5px 0 14px; margin:0; overflow-x:auto; position:relative;
  scroll-snap-type:x mandatory; scroll-behavior:smooth; scrollbar-color:#88704f var(--subtle); scrollbar-width:thin;
 }
#bj-app .cinema-project-track li { min-width:0; scroll-snap-align:start; }
#bj-app .cinema-project-track .feature-card { height:100%; border:1px solid var(--line); background:var(--subtle); }
#bj-app .cinema-project-track .feature-card:focus-visible { outline-offset:-3px; }
#bj-app .cinema-project-track .artwork { aspect-ratio:16/9; }
#bj-app .cinema-project-track .artwork .card-arrow { font-size:0; }
#bj-app .cinema-project-track .feature-meta { padding:13px 15px; margin:0; }
#bj-app .cinema-project-track .feature-meta h3 { font-size:clamp(23px,3.3vw,33px); margin:0 0 4px; }
#bj-app .cinema-project-track .artwork img { object-position:center; }
@media (max-width:900px) {
#bj-app .cinema-project-track { grid-auto-columns:calc((100% - var(--carousel-gap))/2); }
}
@media (max-width:560px) {
#bj-app .cinema-projects-header { flex-wrap:wrap; align-items:center; }
#bj-app .cinema-project-controls { width:100%; justify-content:space-between; }
#bj-app .cinema-project-track { grid-auto-columns:86%; }
}
@media (prefers-reduced-motion:reduce) {
#bj-app .cinema-project-track { scroll-behavior:auto; }
}
#bj-app .cinema-credit .cinema-live-badge {
  justify-self:start; gap:7px; margin-bottom:7px; padding:4px 8px;
  border-radius:3px; background:#e8bb79; color:#20180f;
  font-size:10px; font-weight:700; line-height:1.35; letter-spacing:.08em;
}
#bj-app .cinema-credit .cinema-live-badge::before { width:6px; height:6px; background:#285231; }
#bj-app[data-theme=cinema] .current-visual .live-badge { background:#171413; color:#fff9eb; }
body.bj-portfolio-canvas {background:#141415}
#bj-app .dialog-close {color:var(--ink)}

#bj-app[data-theme=cinema] .demo-portfolio-intro {
 background:radial-gradient(ellipse at 78% 0%,#4a3528,#221b17 48%,#171413 80%);
}
#bj-app .portfolio-archive-backdrop {
 position:absolute; inset:0; z-index:-1; pointer-events:none;
}
#bj-app .portfolio-filmstrip {
 position:absolute; inset:auto -3% -12px; height:47%;
 display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px;
 padding:12px 0; transform:rotate(-4deg); opacity:.74;
 background:#211810; border-block:1px solid #c99d6260;
}
#bj-app .portfolio-filmstrip img {
 width:100%; height:100%; min-height:0; object-fit:cover;
 filter:saturate(.75) sepia(.22) brightness(.76);
}
#bj-app .portfolio-archive-backdrop::after {
 content:""; position:absolute; inset:0;
 background:linear-gradient(180deg,#181411 9%,#1814114d 65%,#181411a2 100%),
   linear-gradient(90deg,#171413e0 8%,#17141340 62%,#18141112);
}
#bj-app .demo-portfolio-copy {
 display:grid; grid-template-columns:minmax(0,1fr) minmax(210px,25%);
 align-items:center; gap:clamp(24px,4vw,60px); padding-block:clamp(26px,3.2vw,48px);
}
#bj-app .demo-portfolio-intro h1 {font-size:clamp(55px,7.2vw,112px)}
#bj-app .portfolio-portrait {
 width:100%; max-width:315px; margin:0; justify-self:end; padding:8px;
 border:1px solid #a38863; background:#eee0ca;
}
#bj-app .portfolio-portrait img {
 display:block; width:100%; height:auto; aspect-ratio:640/859; object-fit:cover;
}
@media (max-width:720px) {
 #bj-app .demo-portfolio-copy {grid-template-columns:1fr; align-items:start}
 #bj-app .demo-portfolio-intro h1 {font-size:clamp(44px,9.4vw,68px)}
 #bj-app .portfolio-portrait {max-width:220px; justify-self:start}
}
@media (max-width:480px) {
 #bj-app .portfolio-filmstrip {height:43%; grid-template-columns:repeat(3,minmax(0,1fr))}
 #bj-app .portfolio-filmstrip img:last-child {display:none}
}