/* Original BREVKO stills give each chapter a different atmosphere. */
.hero-goat .hero-gallery .hero-image{filter:brightness(.73) saturate(.72) contrast(1.08)}
.hero-goat .hero-gallery .hero-image:nth-child(1){background-position:55% 48%}
.hero-goat .hero-gallery .hero-image:nth-child(2){background-position:54% 52%}
.hero-goat .hero-gallery .hero-image:nth-child(3){background-position:53% 48%}
.hero-goat .hero-gallery .hero-image:nth-child(4){background-position:51% 50%}
.hero-goat .hero-gallery .hero-image:nth-child(5){background-position:51% 52%}
.hero-goat .hero-gallery .hero-image:nth-child(6){background-position:57% 43%}
.hero-goat .hero-gallery .hero-image:nth-child(6){background-image:none!important;overflow:hidden}
.hero-goat .hero-gallery .hero-image:nth-child(6)::before{content:'';position:absolute;inset:0;background:url('assets/user-gallery/9X1A3593.webp') center 43%/cover no-repeat;transform:scaleX(-1)}
.hero-sign{gap:0}
.hero-sign>span{margin-left:-12px}
.hero-sign>span{color:var(--cyan);text-shadow:0 0 22px #00c7d844}
.header .main-nav{gap:clamp(13px,1.65vw,28px)}
.header .main-nav a{font-size:10px;letter-spacing:.065em}
.header .brand-header{width:38px;height:38px;border-radius:0;background:none;overflow:visible;isolation:auto}
.header .brand-header .brand-mark{width:38px;height:38px;object-fit:contain;filter:none;mix-blend-mode:normal}
.statistics h2::after{content:'.';color:var(--cyan)}

.statistics{--scene:url('assets/user-gallery/DSC03262.webp');--scene-opacity:.18}
.selected{--scene:url('assets/user-gallery/9X1A2801.webp');--scene-opacity:.22}
.people{--scene:url('assets/user-gallery/9X1A1708.webp');--scene-opacity:.13}
.team{--scene:url('assets/user-gallery/9X1A6401.webp');--scene-opacity:.17}
.contact{--scene:url('assets/user-gallery/DSC07752.webp');--scene-opacity:.19}
.about-brevko{--scene:url('assets/user-gallery/DSC07877.webp');--scene-opacity:.17}
.statistics,.selected,.people,.team,.contact,.about-brevko{position:relative;isolation:isolate;overflow:hidden}
.statistics::before,.selected::before,.people::before,.team::before,.contact::before,.about-brevko::before{content:'';position:absolute;inset:-5px;z-index:0;pointer-events:none;background-image:var(--scene);background-position:center;background-size:cover;filter:blur(2px) saturate(.68) contrast(1.06);opacity:var(--scene-opacity)}
.statistics,.team{overflow:visible}
.statistics::before,.team::before{inset:-5px auto -5px 50%;width:100vw;transform:translateX(-50%)}
.statistics>*,.selected>*,.people>*,.team>*,.contact>*,.about-brevko>*{position:relative;z-index:1}
.statistics::before{background-position:50% 44%}
.selected::before{background-position:50% 35%}
.people::before{background-position:50% 45%}
.team::before{background-position:50% 45%}
.contact::before{background-position:50% 35%}

.about-brevko{padding:110px 0 115px;background:#05080a;border-bottom:1px solid #274048;scroll-margin-top:80px}
.about-brevko-grid{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(30px,5vw,95px);align-items:center}
.about-brevko-copy{min-width:0}
.about-brevko-index{display:block;color:var(--cyan);font-size:10px;letter-spacing:.14em;margin-bottom:36px}
.about-brevko h2{margin:0 0 35px;color:#f0f8f9;font:700 clamp(100px,12vw,190px)/.72 var(--display);letter-spacing:-.035em}
.about-brevko h2 span,.about-brevko h2 em{display:block;font-style:normal}
.about-brevko h2 em{color:transparent;-webkit-text-stroke:1px var(--cyan)}
.about-brevko-copy>p{max-width:480px;margin:0;color:#d0e0e3;font:16px/1.75 var(--body)}
.about-brevko-foot{display:flex;justify-content:space-between;gap:25px;max-width:480px;margin-top:58px;padding-top:16px;border-top:1px solid #76959e66;color:#91b9c1;font-size:9px;letter-spacing:.13em}
.about-brevko-photo{position:relative;margin:0;aspect-ratio:5/4;overflow:hidden;background:#121718;border:1px solid #36545a}
.about-brevko-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:40% center;filter:saturate(.8) contrast(1.05) brightness(.9)}
.about-brevko-photo:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,#030809b8,transparent 28%),linear-gradient(90deg,#04c7d410,transparent 58%)}
.about-brevko-photo figcaption{position:absolute;z-index:1;left:25px;bottom:23px;color:#eef8f9;font-size:9px;letter-spacing:.13em}
@media(prefers-reduced-motion:no-preference){.about-brevko.is-motion-visible .about-brevko-photo img{animation:brevko-about-photo 17s ease-in-out infinite alternate}@keyframes brevko-about-photo{to{transform:scale(1.065) translateX(-1%)}}}

.clip-ribbon{padding:16px 0 17px}
.clip-ribbon-head{width:100%;justify-content:center;margin-bottom:13px;text-align:center}
.clip-ribbon-head strong{color:#eaf6f8;font:600 12px var(--mono);letter-spacing:.19em}
.clip-name{font:500 8px/1.3 var(--mono);letter-spacing:.035em}
.clip-name:after{content:' / ';padding-left:16px;color:#6b929b}
.film-year{display:inline-block;margin-left:10px;color:var(--cyan);font:500 10px var(--mono);vertical-align:baseline;white-space:nowrap}
.service-stage-controls .service-motion{width:auto;min-width:50px;padding:0 7px;border:0;color:#b2cbd0;font:500 8px var(--mono);letter-spacing:.07em}
.service-stage-controls .service-motion:hover,.service-stage-controls .service-motion:focus-visible{color:var(--cyan)}
.service-scene-actions:empty{display:none}
@media(max-width:1100px){.header .main-nav{gap:12px}.header .main-nav a{font-size:8.5px}.about-brevko h2{font-size:clamp(90px,12vw,145px)}}
@media(max-width:850px){.header .brand-header,.header .brand-header .brand-mark{width:34px;height:34px}.about-brevko{padding:70px 0}.about-brevko-grid{grid-template-columns:1fr}.about-brevko-photo{aspect-ratio:16/10}.about-brevko h2{font-size:clamp(100px,20vw,170px)}}
@media(max-width:620px){.hero-sign>span{margin-left:-7px}.about-brevko{padding:55px 0 65px}.about-brevko h2{font-size:25vw;margin-bottom:26px}.about-brevko-index{font-size:8px;margin-bottom:25px}.about-brevko-copy>p{font-size:13px}.about-brevko-foot{margin-top:30px;font-size:7px}.about-brevko-photo{aspect-ratio:4/3}.about-brevko-photo figcaption{font-size:7px;left:15px;bottom:15px}.clip-ribbon-head strong{font-size:9px}.clip-name{font-size:7px}.service-stage-controls .service-motion{min-width:42px;font-size:7px}}

/* The two category cards are the complete portfolio navigation. */
.portfolio-gateway{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:0}
.portfolio-gateway-card.portfolio-tab{height:210px;padding:20px}
.gateway-title,.portfolio-gateway-card:nth-child(2) .gateway-title{font-size:clamp(35px,4.4vw,68px);bottom:48px;left:20px}
.gateway-number{top:18px;left:20px}
.gateway-count{bottom:17px;left:21px}
.gateway-arrow{bottom:13px;right:18px}
.portfolio-disclosure:not([hidden]) .portfolio-content{animation:film-in .45s both}
.portfolio-content{padding-top:18px}
.portfolio-tools{margin-top:25px}
.film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.portfolio-gateway.motion-second{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:1050px){.film-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:750px){.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.portfolio-gateway{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.portfolio-gateway.motion-second{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-gateway-card.portfolio-tab{height:160px;padding:10px}.gateway-title,.portfolio-gateway-card:nth-child(2) .gateway-title{font-size:clamp(24px,6vw,38px);bottom:40px;left:10px;right:8px;line-height:.85}.gateway-number{top:10px;left:10px;font-size:7px}.gateway-count{bottom:12px;left:10px;font-size:7px}.gateway-arrow{bottom:9px;right:9px;font-size:25px}.portfolio-content{padding-top:5px}.portfolio-tools{margin-top:20px}}

/* Keep partner marks fixed in their slots; the script gives individual cards occasional hops. */
.people .brand-item img{animation:none!important}

/* Keep section headings clean; supporting copy lives in the sections themselves. */
.section-title-row>p,.portfolio-heading>p,.artist-directory .directory-total{display:none}

/* A consistent 16:9 frame hides the bars baked into mixed source thumbnails. */
.film-open img{object-fit:cover;object-position:center;transform:scale(1.13)}
.film-open:hover img,.film-open:focus-visible img{transform:scale(1.17)}

/* Draw the service chapter together without empty black bands. */
.service-lab{padding:24px 0 26px}
.service-lab-top{margin-bottom:12px}
.statistics{padding-bottom:72px}
.selected.portfolio{padding:72px 0 82px}
.people{padding:86px 0 96px}
.team{padding:85px 0 92px}
@media(max-width:620px){.service-lab{padding:16px 0 18px}.statistics{padding-bottom:48px}.selected.portfolio{padding:55px 0 62px}.people{padding:65px 0 70px}.team{padding:65px 0 70px}}