body.designer{--accent:#c1272d;--white:#fff;background:#fff;color:#262626;font-family:Arial,Helvetica,sans-serif;font-weight:400}
.designer-logo{display:block;width:100%;height:100%;background:currentColor;mask:url('assets/bukonla-designer.svg') center/contain no-repeat;-webkit-mask:url('assets/bukonla-designer.svg') center/contain no-repeat}
.designer .wordmark{width:215px;height:46px;color:#c1272d;flex-shrink:0}
.designer .site-header{height:110px;padding:30px 2.3%;border:0;background:#fff;position:relative;color:#c1272d}
.designer .site-header.over-film{position:absolute;background:transparent;color:#fff}
.designer .site-header.over-film .wordmark{color:#fff}
.designer .site-header nav{display:none}
.designer .menu-toggle{color:inherit}
.designer .designer-menu-icon{font-size:38px;line-height:1}
.designer .site-header.menu-open{color:#c1272d!important}
.designer .site-header.menu-open .wordmark{color:#c1272d}
.designer .site-header.menu-open nav{display:flex;background:#fff;color:#c1272d;gap:12px;padding:145px 6% 55px;justify-content:flex-start}
.designer .site-header.menu-open nav a{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(27px,3vw,45px);letter-spacing:-.04em;line-height:1.25}
.designer .site-header.menu-open .nav-preview{display:none}
.designer .landing-gate{background:#c1272d}
.designer .landing-name{width:clamp(240px,38vw,590px);height:auto;color:#fcee21;font-size:16px;display:flex;align-items:center;flex-direction:column;gap:25px}
.designer .landing-name .designer-logo{height:clamp(52px,8vw,122px)}
.designer .designer-tagline{font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:clamp(11px,1.35vw,20px);letter-spacing:-.04em;white-space:nowrap}
.designer .landing-name:hover,.designer .landing-name:focus-visible{color:#fff}
.designer .landing-gate.departing .landing-name{color:#fcee21}
.designer .featured-strip-section{display:none}
.designer .work-section{padding:45px 2.3% 70px;border:0}
.designer .section-kicker{font-family:Arial,sans-serif;color:#c1272d}
.designer .work-top{margin:30px 0;padding-bottom:20px;border:0}
.designer .work-top h2,.designer .page-heading h1,.designer .about-preview h2{font-family:Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.055em;font-size:clamp(45px,6vw,86px);color:#c1272d}
.designer .projects{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 28px}
.designer .project-button{position:relative}
.designer .project-image{aspect-ratio:16/10;border-radius:0}
.designer .project-image:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#0009);pointer-events:none}
.designer .project-info{position:absolute;left:13px;right:13px;bottom:35px;margin:0;z-index:3;color:#fff;display:block;pointer-events:none}
.designer .project h3{font-family:Arial,Helvetica,sans-serif;font-size:13px;line-height:1.3;text-transform:uppercase;font-weight:600;letter-spacing:0;max-width:88%}
.designer .project-category{display:none}
.designer .project-credit{position:absolute;left:13px;right:13px;bottom:13px;color:#fff;z-index:3;margin:0;font-size:12px;text-transform:uppercase;pointer-events:none}
.designer .project-play{right:12px;bottom:15px;width:28px;height:28px;font-size:10px}
.designer .about-page,.designer .about-preview,.designer[data-page="about"] .site-header{background:#fff;color:#222}
.designer .about-preview .eyebrow,.designer .about-page .page-heading .eyebrow{color:#c1272d}
.designer .page-heading{border:0!important;padding:35px 0}
.designer .about-page .bio-lead{font-size:27px;font-weight:400}
.designer .contact-page,.designer[data-page="contact"] .site-header{background:#fcee21;color:#c1272d}
.designer .contact-page{padding-bottom:100px}
.designer .contact-page .big-email{font-size:clamp(25px,4vw,58px);padding:40px 0;border-color:#c1272d40}
.designer .contact-grid h2{font-size:24px}
.designer .contact-grid a{font-size:17px}
.designer .site-footer{background:#c1272d;color:#fcee21}
.designer .footer-masthead{height:18vw;padding:20px 0;margin:40px 0;color:#fcee21}
.designer .footer-bottom{color:#fcee21;border-color:#fcee2150}
.designer .footer-links a:hover,.designer .footer-top>a:hover{color:#fff}
.designer .gallery-item{border-radius:0}
.designer .archive-note{border-color:#c1272d}
@media(max-width:950px){.designer .projects{grid-template-columns:repeat(2,minmax(0,1fr))}.designer .project h3{font-size:12px}.designer .project-credit{font-size:11px}}
@media(max-width:650px){.designer .site-header{height:85px;padding:22px 5%}.designer .wordmark{width:155px;height:34px}.designer .designer-menu-icon{font-size:30px}.designer .work-section{padding:30px 5% 45px}.designer .projects{grid-template-columns:1fr;gap:22px}.designer .project h3{font-size:14px}.designer .project-credit{font-size:12px}.designer .landing-name{width:68vw;gap:18px}.designer .landing-name .designer-logo{height:14vw}.designer .designer-tagline{font-size:12px}.designer .footer-masthead{height:20vw;margin:25px 0}.designer .site-header.menu-open nav{padding:115px 6%}.designer .about-preview h2{font-size:56px}}

/* White-led version of the supplied identity. */
.designer .landing-gate{background:#fff}
.designer .landing-name,.designer .landing-gate.departing .landing-name{color:#c1272d}
.designer .landing-name:hover,.designer .landing-name:focus-visible{color:#181818}
.designer .contact-page,.designer[data-page="contact"] .site-header{background:#fff;color:#c1272d}
.designer .site-footer{background:#fff;color:#c1272d;border-top:1px solid #c1272d25}
.designer .footer-masthead,.designer .footer-bottom{color:#c1272d}
.designer .footer-bottom{border-color:#c1272d25}
.designer .footer-links a:hover,.designer .footer-top>a:hover{color:#181818}
/* Continuous film entrance and unified editorial typography. */
.designer .landing-gate{background:transparent}
.designer .landing-name,.designer .landing-gate.departing .landing-name{color:#fff}
.designer .landing-name:hover,.designer .landing-name:focus-visible{color:#c1272d}
.designer .about-page,.designer .about-preview,.designer .contact-page{font-family:'Century Gothic','Avenir Next',Arial,sans-serif;font-weight:300}
.designer .about-page h1,.designer .about-preview h2,.designer .contact-page h1,.designer .contact-grid h2{font-family:inherit;font-weight:300;letter-spacing:-.035em}
.designer .about-page .eyebrow,.designer .about-preview .eyebrow,.designer .contact-page .eyebrow{font-family:inherit;letter-spacing:0;font-weight:400}
.designer .contact-page{max-width:1100px;margin:auto;padding-top:50px}
.designer .contact-page .page-heading{padding:0 0 25px}
.designer .contact-page .page-heading h1{font-size:32px}
.designer .contact-page .big-email{font-size:24px;padding:20px 0;border:0}
.designer .contact-grid{display:grid;grid-template-columns:1fr;gap:30px;margin-top:15px;max-width:520px}
.designer .contact-grid h2,.designer .contact-grid a{font-size:20px;font-weight:300;line-height:1.4}
.designer .project-image{aspect-ratio:16/9;background:#090909}
.designer .project-image img,.designer .project-image video{object-fit:contain}
.designer a:hover,.designer button:hover{text-decoration:none}
.designer .text-link,.designer .hero-controls button{border-bottom:0}
.designer a,.designer button{transition:color .2s ease}
.designer a:hover,.designer button:hover,.designer a:focus-visible,.designer button:focus-visible{color:#c1272d!important;text-decoration:none!important}
.designer .wordmark:hover,.designer .wordmark:focus-visible,.designer .site-header.menu-open a:hover,.designer .site-header.menu-open button:hover,.designer .contact-page a:hover,.designer .footer-top a:hover{color:#171717!important}
.designer .site-header.over-film:not(.menu-open) .wordmark:hover{color:#c1272d!important}
.designer .site-header.menu-open .nav-preview{display:block;position:fixed;left:49%;right:5%;top:150px;bottom:7vh;width:auto;height:auto;z-index:42;pointer-events:none;opacity:1;transform:none}
.designer .nav-preview img{width:100%;height:100%;object-fit:contain}
.designer .site-header.menu-open nav{padding-right:54%}
.designer .contact-page{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:6%;padding:40px 3% 70px;align-items:start}
.designer .contact-editorial{width:100%;height:auto;display:block}
.designer .contact-details{min-width:0}
@media(max-width:650px){.designer .contact-page{grid-template-columns:1fr;padding:30px 5%;gap:35px}.designer .site-header.menu-open nav{padding-right:6%;padding-bottom:40vh}.designer .site-header.menu-open .nav-preview{top:auto;bottom:3vh;left:6%;right:6%;height:30vh}.designer .site-header.menu-open nav a{font-size:25px;line-height:1.1}}
.designer .menu-toggle:hover,.designer .filters button[aria-pressed="true"]:hover{color:#171717!important}
.designer .site-header.over-film:not(.menu-open) .menu-toggle:hover{color:#c1272d!important}
.designer .contact-editorial{height:70svh;min-height:350px;object-fit:contain;object-position:center top}
.designer .about-preview-copy .about-logo{display:block;width:min(100%,340px);height:74px;margin-bottom:30px;color:#c1272d}
@media(max-width:650px){.designer .contact-editorial{height:55svh;min-height:280px}}
/* Shared desktop and mobile refinements. */
.designer .landing-name{width:215px;gap:16px}
.designer .landing-name .designer-logo{height:46px}
.designer .designer-tagline{font-size:11px;white-space:normal;text-align:center}
.designer a,.designer button{border-bottom:0!important;text-decoration:none!important;box-shadow:none}
.designer a::after,.designer button::after{border-bottom:0!important;text-decoration:none!important}
.designer .wordmark,.designer .menu-toggle{border:0!important;box-shadow:none!important;background:transparent!important}
.designer .biography p,.designer .biography .bio-lead,.designer .archive-note h2,.designer .archive-note a{font-family:inherit;font-size:18px!important;line-height:1.65;font-weight:400;color:#222}
.designer .archive-note{border:0!important;background:#111;color:#fff}
.designer .archive-note p,.designer .archive-note h2,.designer .archive-note a{color:#fff}
.designer .site-footer,.designer .footer-top,.designer .footer-bottom{border:0!important}
.designer .section-kicker>span:first-child,.designer .work-count{display:none}
.designer .section-kicker{justify-content:flex-start;text-transform:uppercase;text-align:left}
.designer .section-kicker>span:last-child{max-width:none;text-align:left}
.designer .work-top{align-items:flex-start;flex-direction:column;gap:24px}
.designer .filters{justify-content:flex-start;text-transform:uppercase}
.designer .filters button{text-transform:uppercase}
.designer .contact-details,.designer .contact-details h1,.designer .contact-details h2,.designer .contact-details a,.designer .contact-details .eyebrow{font-family:'Century Gothic','Avenir Next',Arial,sans-serif;font-size:18px!important;font-weight:400;line-height:1.6;letter-spacing:0}
@media(max-width:650px){.designer .landing-name{width:155px}.designer .landing-name .designer-logo{height:34px}.designer .site-header .wordmark,.designer .site-header.over-film .wordmark,.designer .site-header .menu-toggle{color:#c1272d!important;outline:none}.designer .section-kicker>span:last-child{text-align:left;max-width:none}.designer .film-pagination button{width:auto;min-width:65px;font-size:12px}}
/* Final navigation and duplicate-link cleanup. */
.designer .film-pagination button,.designer .film-pagination button:hover{border:0!important;background:transparent!important;color:#fff!important;border-radius:0;box-shadow:none;width:48px;min-width:48px;height:48px;font-family:Arial,sans-serif;font-size:32px;padding:0}
.designer #hero-counter,.designer .biography .bio-links{display:none}
@media(max-width:650px){.designer .project-play{display:none!important}}
.designer .archive-note a{color:#c1272d!important}
.designer .archive-note a:hover,.designer .archive-note a:focus-visible{color:#fff!important}
.designer .project-play{background:transparent!important;border:0!important;box-shadow:none!important;color:#fff!important;font-size:0}
.designer .project-play::before{content:'\25B6';font-family:Arial,sans-serif;font-size:18px;color:#fff}
.designer .screening .hero-player video,.designer .screening.entered .hero-player video,.designer .landing-video{filter:none!important}
.designer .screening .film-shade{background:linear-gradient(transparent 65%,#0005)!important}

.designer .about-page .biography>p{color:#c1272d}
.designer:not([data-page="contact"]) .site-footer{display:none}

.designer .page-back-top{display:block;text-align:right;padding:32px 5%;color:#c1272d;font-size:16px}
.designer .nav-preview video{display:block;width:100%;height:100%;object-fit:contain}
.designer .site-header.menu-open .nav-preview{top:120px;bottom:auto;height:65svh;display:flex;align-items:center;justify-content:center}
@media(max-width:650px){.designer .site-header.menu-open nav{gap:9px;padding-top:100px;padding-bottom:0;justify-content:flex-start}.designer .site-header.menu-open nav a{font-size:23px;line-height:1.15}.designer .site-header.menu-open .nav-preview{top:340px;bottom:auto;height:min(36svh,280px);left:8%;right:8%}.designer .nav-preview video{object-position:center top}}

.designer .contact-page{grid-template-columns:minmax(260px,.8fr) minmax(0,1.4fr);align-items:center;gap:5%}
.designer .contact-film{width:100%;align-self:center}.designer .contact-film video{display:block;width:100%;height:auto;object-fit:contain}.designer .contact-film-controls{display:flex;justify-content:center;gap:28px;padding:18px 0;color:#c1272d}.designer .contact-film-controls button{font-size:16px;padding:8px}
@media(max-width:650px){.designer .contact-page{grid-template-columns:1fr}.designer .contact-film{grid-row:1;margin:0 auto 20px}}
/* Two-size typography system across the current design. The vector logo stays intact. */
body.designer{--type-body:16px;--type-heading:32px}
:is(#designer-type,body.designer),:is(#designer-type,body.designer) *{font-family:'Century Gothic','Avenir Next',Arial,sans-serif!important;font-size:var(--type-body)!important;font-weight:400!important;letter-spacing:0!important;text-transform:uppercase!important}
:is(#designer-type,body.designer) .page-heading h1,:is(#designer-type,body.designer) .work-top h2,:is(#designer-type,body.designer) .site-header nav a{font-size:var(--type-heading)!important;line-height:1.2!important}
.designer .biography p{line-height:1.65}
.designer .designer-tagline{max-width:280px;width:280px;line-height:1.4}
.designer .project h3{line-height:1.25;overflow-wrap:anywhere}
.designer .project-credit{line-height:1.25;max-width:calc(100% - 26px);bottom:12px}
.designer .project-info{bottom:58px}
.designer .contact-details a,.designer .footer-top>a{overflow-wrap:anywhere}
.designer .film-controls{flex-wrap:wrap}
.designer .footer-bottom{flex-wrap:wrap;gap:20px}
@media(max-width:650px){.designer .site-header.menu-open nav{gap:8px;padding-top:92px}.designer .site-header.menu-open .nav-preview{top:390px;height:min(30svh,230px)}.designer .filters{gap:16px;flex-wrap:wrap}}
:is(#designer-type,body.designer) .designer-menu-icon,:is(#designer-type,body.designer) .film-pagination button{font-size:var(--type-heading)!important}
:is(#designer-type,body.designer) .project-play{font-size:0!important}
.designer .project-play::before{font-size:var(--type-body)}