/* Latest approved composition. */
.mesh-heading{-webkit-text-stroke:0!important;color:transparent!important}
.statistics{padding-top:40px!important}
.statistics h2.mesh-heading{width:48%;margin:0 0 145px auto!important;font-size:clamp(65px,6.5vw,105px);text-align:left}
.statistics::after{background:linear-gradient(90deg,#050b0e55,#050b0e0a 54%,#050b0e40)}
.statistics .studio-proof>div{background:rgba(3,10,14,.86)!important;filter:none!important;opacity:1!important;min-height:270px;display:grid;grid-template-rows:160px 48px;align-content:center;gap:20px;padding:25px 18px;transition:transform .32s,background .32s!important}
.statistics .studio-proof .stat-value{display:grid;grid-template-rows:42px 100px;grid-template-columns:minmax(0,1fr);gap:18px;align-items:center;justify-items:center;flex:none}
.statistics .stat-icon{grid-row:1;grid-column:1;width:42px;height:42px;align-self:center;justify-self:center;color:#edf8fa!important}
.statistics .studio-proof strong{grid-row:2;grid-column:1;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100px;line-height:1!important;align-self:center;margin:0!important}
.statistics .studio-proof strong.count-crossfade{display:block}
.statistics .studio-proof>div>span{align-self:center;display:block;min-height:0;text-align:center;font:10px/1.7 var(--mono);letter-spacing:.025em;margin:0!important}
.statistics .studio-proof:has(>div:hover)>div:not(:hover){filter:none!important;opacity:1!important}
@media(hover:hover){.statistics .studio-proof>div:hover{transform:translateY(-8px)!important;background:rgba(3,10,14,.95)!important}}
.statistics .studio-proof strong.count-crossfade>span{inset:0;height:100%;line-height:1}
.service-selector .service-select{border:0!important;box-shadow:none!important;min-width:0}
.service-select::before,.service-select::after,.service-select>.mono{display:none!important}
.service-selector .service-select>span:last-child{margin:0!important}
.service-selector .service-select.is-current{background:#06121888;color:#f6fcfd}
.service-selector .service-select:focus-visible{outline:1px solid #b7eef4;outline-offset:-5px}
.selected,.people,.photography-gallery{scroll-margin-top:110px;padding-top:75px!important}
.selected::before,.people::before{inset:0!important;mask-image:none!important;filter:grayscale(1)!important}
.selected::before{background-image:url('assets/user-gallery/DSC07877.webp');background-position:center 47%;opacity:.55}
.selected .section-seam,.people .section-seam,.photography-gallery .section-seam{display:none!important}
.portfolio-heading .portfolio-subtitle{display:none!important}
.photography-gallery{position:relative;background:#04090b;padding-bottom:60px;overflow:hidden}
.photography-gallery h2{font:800 clamp(50px,6vw,100px)/.95 var(--display);letter-spacing:-.025em;margin:0 0 45px}
.photography-gallery h2 span{color:var(--cyan)}
.photo-ribbon{width:100vw;display:grid;gap:12px}
.photo-ribbon-row{overflow:hidden;width:100%}
.photo-ribbon-track{display:flex;width:max-content;animation:photography-ticker 65s linear infinite;will-change:transform}
.photo-ribbon-row:nth-child(2) .photo-ribbon-track{animation-duration:76s;animation-direction:reverse}
.photo-ribbon-sequence{display:flex;gap:12px;padding-right:12px}
.photo-ribbon-card{margin:0;flex:none;width:calc((100vw - 60px)/6);aspect-ratio:3/2;overflow:hidden;background:#080d10}
.photo-ribbon-card img{display:block;width:100%;height:100%;object-fit:contain;filter:none;transform:none;transition:none}
@keyframes photography-ticker{to{transform:translateX(-50%)}}
.artist-directory{margin-top:45px!important;padding-top:20px!important}
.artist-directory .artist-search-heading{font-size:clamp(30px,4vw,56px)!important;line-height:1.02!important;margin:0 auto 20px!important;max-width:1000px}
.artist-directory .artist-search-line{height:54px;max-width:920px;width:100%;margin-inline:auto;display:flex;align-items:center}
.artist-directory .artist-search-line .artist-field-hint{font:10px/1.5 var(--mono)!important;letter-spacing:.07em!important;color:#c0d9df!important;inset:0 35px 0 0;text-align:center;white-space:normal}
.artist-directory .artist-search-line input{font:14px/1.5 var(--mono)!important;min-height:54px;padding:12px 35px 12px 12px;letter-spacing:.03em}
.artist-directory .artist-search-line>span:not(.artist-field-hint){font-size:20px!important}
.hero-goat .hero-gallery .hero-image[data-photo="9X1A3593"]{background-image:url('assets/user-gallery/9X1A3593.webp')!important;background-position:42% 50%}
.hero-goat .hero-gallery .hero-image[data-photo="9X1A3593"]::before{display:none!important;transform:none!important}
.team .section-title-row{justify-content:center;text-align:center;position:relative;z-index:6;padding:0;margin-bottom:32px}
.team .section-title-row h2{font-size:clamp(60px,6vw,95px);color:transparent!important;-webkit-text-stroke:1px #d6f7fc;line-height:1;text-align:center}
.team .section-title-row h2>span:last-child{color:transparent;-webkit-text-stroke:1px #00c7d8}
.team .crew-lights{display:none!important}
.team .crew-smoke{top:calc(var(--desk-y,500px) + 45px)!important;bottom:0!important;height:auto!important;width:100vw;left:50%;transform:translateX(-50%);z-index:4!important;opacity:.58!important;mask-image:linear-gradient(transparent,#000 12%,#000 80%,transparent);pointer-events:none}
.team .crew-smoke i{height:100%;opacity:.4;background:radial-gradient(ellipse at 25% 35%,#869fa346,transparent 52%),radial-gradient(ellipse at 75% 60%,#8fa5ab55,transparent 58%);filter:blur(14px)}
.team .team-meta{z-index:5!important}
@media(min-width:851px){
 .team{padding-top:55px!important;min-height:680px}
 .team .team-grid.team-avatars{transform:translateY(-100px);gap:46px}
 .team .team-photo,.team .team-photo picture{height:clamp(210px,20vw,315px)}
 .team .team-photo img{height:clamp(210px,20vw,315px)!important}
 .team-avatars article:nth-child(3) .team-photo img{height:clamp(234px,22.2vw,349px)!important}
 .team-avatars article:nth-child(4) .team-photo img{height:clamp(203px,19.3vw,304px)!important}
 .team-avatars article:nth-child(5) .team-photo img{height:clamp(206px,19.6vw,310px)!important}
}
.about-brevko-photo .about-glitch{animation:none!important;opacity:0;transform:none;clip-path:inset(0)}
.about-brevko-photo .about-glitch.is-image-glitch{opacity:.55;transform:translateX(-4px);clip-path:inset(25% 0 45%)}
.about-brevko h2 em::before,.about-brevko h2 em::after{animation:none!important;opacity:0;transform:none}
.about-brevko h2 em.is-type-glitch::before{opacity:.8;transform:translateX(-4px);clip-path:inset(18% 0 54%)}
.about-brevko h2 em.is-type-glitch::after{opacity:.55;transform:translateX(3px);clip-path:inset(62% 0 18%)}
.contact-footer-scene{position:relative;isolation:isolate;background:#030b13 url('assets/user-gallery/footer-plane-v3.webp') center bottom/cover no-repeat;overflow:hidden}
.contact-footer-scene::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0008,transparent 75%);pointer-events:none}
.contact-footer-scene .contact{background:none!important;min-height:760px;padding:65px 0 130px}
.contact-footer-scene .contact::before,.contact-footer-scene .contact::after{display:none!important}
.contact-layout{display:flex!important;flex-direction:column;align-items:flex-start;gap:20px!important}
.contact-copy{width:min(680px,100%)}
.contact .contact-heading{width:min(620px,100%);margin-bottom:30px}
.contact-details{max-width:450px}
.contact .contact-numbers{margin:14px 0 0;padding:0;border:0!important}
.contact .contact-location{margin:16px 0 0;padding:0;border:0!important}
.contact .contact-location address{font-size:22px;line-height:1.3}
.contact .contact-map-column{width:min(380px,100%);margin:0!important;justify-self:start}
.contact .contact-map{border:0!important;box-shadow:none;aspect-ratio:2.34;height:auto;background:none!important}
.contact .map-credit{font-size:7px;opacity:.6}
.contact-footer-scene .back-to-top-feature,.contact-footer-scene .footer,.contact-footer-scene .brand-credits{background:transparent!important;border:0!important;box-shadow:none!important}
.contact-footer-scene .back-to-top-feature::before,.contact-footer-scene .back-to-top-feature::after{display:none!important}
.contact-footer-scene .section-seam{display:none!important}
.contact-footer-scene .footer{padding:20px 0 25px}
.contact-footer-scene .brand-credits{padding-bottom:18px}
.service-effect-rental{mix-blend-mode:normal}
.rental-tube-control{position:absolute;background:none!important;border:0;padding:0;z-index:7;cursor:pointer;outline-offset:5px;border-radius:15px}
.rental-tube-control:focus-visible{outline:1px solid #e6fbff}
@media(max-width:850px){.photo-ribbon-card{width:calc((100vw - 24px)/3)}.statistics h2.mesh-heading{margin:0 0 100px auto!important;width:60%;font-size:65px}.team .crew-smoke{display:none}.selected,.people,.photography-gallery{scroll-margin-top:90px}}
@media(max-width:620px){
 .statistics{padding-top:45px!important}.statistics h2.mesh-heading{width:75%;font-size:54px;margin:0 0 100px auto!important}
 .statistics .studio-proof>div{min-height:245px;grid-template-rows:138px 45px;padding:18px 10px;gap:15px}.statistics .studio-proof .stat-value{grid-template-rows:36px 84px;gap:18px}.statistics .studio-proof strong{height:84px}.statistics .stat-icon{width:36px;height:36px}.statistics .studio-proof>div>span{font-size:8px}
 .photo-ribbon-card{width:calc((100vw - 12px)/2)}.photography-gallery h2{font-size:54px;margin-bottom:30px}
 .artist-directory .artist-search-line .artist-field-hint{font-size:8px!important;letter-spacing:.02em!important}
 .contact-footer-scene{background-position:60% bottom;min-height:1050px}.contact-footer-scene .contact{min-height:820px;padding-top:50px;padding-bottom:100px}.contact .contact-heading{font-size:52px}.contact .contact-map-column{max-width:330px}.contact .email{font-size:29px}
 .team .section-title-row h2{font-size:60px}
}
@media(prefers-reduced-motion:reduce){.photo-ribbon-track{animation:none}.photo-ribbon-row{overflow-x:auto}.photo-ribbon-sequence[aria-hidden=true]{display:none}.statistics .studio-proof>div:hover{transform:none!important}}
.statistics{--scene:url('assets/user-gallery/facts-filmset-v1.webp');padding-bottom:95px!important}
.statistics::before{background-image:var(--scene)!important;background-position:center 44%;opacity:.62;mask-image:none!important}
.statistics::after{mask-image:none!important;background:linear-gradient(90deg,#04090be6,#04090b65 70%,#04090ba6)}
.statistics h2.mesh-heading{width:62%;margin:0 0 80px auto!important;font-size:clamp(60px,6vw,100px)}
.statistics .studio-proof{margin-top:0!important;gap:45px 28px}
.statistics .studio-proof>div{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0;min-height:210px;height:auto;grid-template-rows:135px 42px;padding:0 12px;gap:16px}
.statistics .studio-proof .stat-value{grid-template-rows:28px 90px;gap:17px}
.statistics .stat-icon{width:28px;height:28px;opacity:.8}
.statistics .studio-proof strong{height:90px}
.statistics .studio-proof>div:nth-child(n+5){--stat-size:clamp(46px,4.2vw,67px);grid-template-rows:105px 40px;min-height:165px}
.statistics .studio-proof>div:nth-child(n+5) .stat-value{grid-template-rows:24px 65px;gap:16px}
.statistics .studio-proof>div:nth-child(n+5) strong{height:65px}
@media(hover:hover){.statistics .studio-proof>div:hover{background:transparent!important;transform:translateY(-7px)!important}}
.service-selector{background:rgba(0,0,0,.68)!important;align-items:stretch}
.service-selector::before{display:none!important}
.service-selector .service-select{height:100%;padding:22px 7px!important;align-self:stretch}
.service-selector .service-select.is-current{background:rgba(0,0,0,.48)!important}
.hero-goat .hero-gallery .hero-image[data-photo="9X1A3593"]{background-image:none!important}
.hero-goat .hero-gallery .hero-image[data-photo="9X1A3593"]::before{display:block!important;content:'';position:absolute;inset:0;background:url('assets/user-gallery/9X1A3593.webp') center 50%/cover no-repeat;transform:scaleX(-1)!important}
.about-brevko h2 em::before,.about-brevko h2 em::after{display:none!important}
.about-brevko h2 em{animation:about-domain-float 4.5s ease-in-out infinite;transform:translateY(0)}
.about-domain-is{color:transparent;-webkit-text-stroke:1px var(--cyan);transition:color .04s;text-shadow:none}
.about-domain-is.is-flashing{color:var(--cyan);-webkit-text-stroke:0;text-shadow:0 0 12px #00c7d877}
.about-slot-word{display:inline-block;white-space:nowrap}
.about-letter-slot{display:inline-block;vertical-align:baseline;white-space:pre}
@keyframes about-domain-float{50%{transform:translateY(-3px)}}
.about-original-glitch{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;pointer-events:none;z-index:3;image-rendering:pixelated}
.about-original-glitch.is-original-visible{opacity:.9}
.about-next-sticker{position:relative;z-index:9;display:flex;align-items:center;justify-content:center;gap:20px;width:220px;min-height:100px;padding:16px 23px;background:#e6f1ec;color:#031015;margin:15px 8vw -30px auto;font:900 30px/.85 var(--display);white-space:pre-line;transform:rotate(-6deg);clip-path:polygon(2% 12%,8% 4%,28% 7%,45% 0,63% 8%,80% 2%,100% 13%,95% 43%,100% 69%,89% 91%,70% 90%,52% 100%,29% 91%,9% 96%,0 75%,5% 42%);text-decoration:none;transition:transform .22s}
.about-next-sticker:hover{transform:rotate(-3deg) translateY(-4px)}
.about-next-sticker b{font-size:46px;color:#00b8ca}
.artist-directory .artist-search>span{font-size:clamp(30px,3.9vw,55px)!important;line-height:1.03;max-width:1000px;margin-inline:auto}
.people{background:#04090b;overflow:visible!important}
.people::before{background-size:100vw auto!important;background-position:center top!important;background-repeat:no-repeat;background-color:#04090b}
.people .chapter-frame-cut{position:absolute;top:-70px;left:0;right:0;height:140px;background:url('assets/user-gallery/DSC07877.webp') center 70%/cover;filter:grayscale(1);clip-path:polygon(0 0,63% 0,48% 100%,0 100%);pointer-events:none;opacity:.55;z-index:0}
.artist-directory .chapter-frame-cut{position:absolute;top:-70px;left:calc(50% - 50vw);width:100vw;height:140px;background:url('assets/user-gallery/artists-campfire.webp') center 60%/cover;filter:grayscale(1);clip-path:polygon(50% 0,100% 0,100% 100%,64% 100%);pointer-events:none;opacity:.55;z-index:-1}
.artist-directory::before,.artist-directory::after{mask-image:none!important}
.back-to-top-feature,.footer,.brand-credits{border:0!important;box-shadow:none!important}
.portfolio-gateway-card.portfolio-tab{aspect-ratio:3!important}
.portfolio-gateway-card .gateway-title{font-size:clamp(27px,3.4vw,52px)!important;bottom:16px!important;top:auto!important;left:20px;right:55px;width:auto}
.portfolio-gateway-card[data-kind=commercial] .gateway-title{left:auto;right:20px;text-align:right}
.portfolio-gateway-card .gateway-arrow{bottom:18px;right:18px;font-size:30px}
.portfolio-gateway-card[data-kind=commercial] .gateway-arrow{left:18px;right:auto}
.gateway-preview{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .3s;overflow:hidden}
.gateway-preview.is-playing{opacity:1}
.gateway-preview iframe{position:absolute;left:0;top:50%;width:100%;height:max(200px,56.25vw);max-height:none;transform:translateY(-50%);border:0;pointer-events:none}
.portfolio-gateway-card .gateway-title,.portfolio-gateway-card .gateway-arrow{z-index:3}
.portfolio-gateway-card::after{z-index:2}
@keyframes drone-wind{0%,100%{transform:translate(0,0) rotate(-.2deg)}26%{transform:translate(2px,-3px) rotate(.25deg)}58%{transform:translate(-3px,2px) rotate(-.35deg)}70%{transform:translate(1px,1px) rotate(.15deg)}73%{transform:translate(-40px,-4px) rotate(-1.3deg)}77%{transform:translate(-20px,2px) rotate(.4deg)}85%{transform:translate(0,0) rotate(-.2deg)}}
.drone-visual{animation-duration:12s}
@media(min-width:851px){
 .team{--crew-h:clamp(160px,13.2vw,235px);padding-top:0!important;min-height:680px}
 .team .team-grid.team-avatars{position:absolute;left:50%;top:calc(var(--desk-y,420px) - var(--crew-h)*.8);width:60%;max-width:1000px;transform:translateX(-50%);gap:26px;margin:0}
 .team .team-photo,.team .team-photo picture{height:var(--crew-h)}
 .team .team-photo img{height:var(--crew-h)!important}
 .team-avatars article:nth-child(2) .team-photo img{transform:translateY(-5px)!important}
 .team-avatars article:nth-child(3) .team-photo img{height:calc(var(--crew-h)*1.12)!important}
 .team-avatars article:nth-child(4) .team-photo img{height:calc(var(--crew-h)*.96)!important}
 .team-avatars article:nth-child(5) .team-photo img{height:calc(var(--crew-h)*.98)!important}
 .team .section-title-row{position:absolute;top:calc(var(--desk-y,420px) + 40px);left:50%;transform:translateX(-50%);width:100%;z-index:6;margin:0}
 .team .section-title-row h2{font-size:clamp(40px,4.5vw,68px)}
 .team .team-avatars .team-meta{top:calc(var(--crew-h)*.8 + 115px);padding:0}
 .team .team-meta h3{font-size:clamp(16px,1.5vw,24px);margin-bottom:7px}
 .team .team-meta p{font-size:7px}
 .team .crew-smoke{top:auto!important;bottom:0!important;height:85px!important;opacity:.72!important}
}
.scale-titles{left:max(30px,calc((100% - 1560px)/2));right:auto!important;top:calc(var(--header-h,80px) + 20px)!important;bottom:95px!important;width:calc(100% - 60px)!important;text-align:left!important}
.scale-title{font-size:clamp(10px,.82vw,14px);text-align:left;animation:reel-code-arrive .35s ease-out both}
.scale-years{left:50%!important;top:calc(var(--header-h,80px) + 25px)!important;transform:translateX(-50%)!important;width:min(42vw,600px)!important;height:calc(100% - 220px)!important;font-size:clamp(95px,15vw,250px)!important;text-align:center;z-index:4;pointer-events:none;text-shadow:none}
.scale-years>span{color:transparent;-webkit-text-stroke:1px #d4f4f6;height:1.05em;line-height:1}
.scale-year-graph{position:absolute;top:clamp(110px,16vw,260px);left:0;width:100%;height:clamp(140px,16vw,235px);background:#030b1266;pointer-events:none}
@keyframes reel-code-arrive{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:none}}
@media(max-width:620px){.statistics h2.mesh-heading{width:100%;font-size:48px;margin-bottom:55px!important}.statistics .studio-proof>div{grid-template-rows:112px 45px;min-height:180px;padding:0 7px}.statistics .studio-proof .stat-value{grid-template-rows:25px 75px;gap:12px}.statistics .studio-proof strong{height:75px}.statistics .studio-proof>div:nth-child(n+5){min-height:165px}.statistics .studio-proof{gap:28px 12px}.portfolio-gateway-card .gateway-title{font-size:27px!important;left:15px;bottom:12px!important}.portfolio-gateway-card[data-kind=commercial] .gateway-title{right:15px}.about-next-sticker{width:185px;font-size:26px}.scale-years{width:75vw!important;font-size:105px!important}.scale-year-graph{top:115px;height:170px}.scale-titles{left:20px;width:calc(100% - 40px)!important}.team .section-title-row{position:relative;top:auto;left:auto;transform:none;margin-bottom:30px}}
@media(prefers-reduced-motion:reduce){.about-brevko h2 em,.scale-title{animation:none}.about-original-glitch{display:none!important}}
/* Final portfolio: original thumbnails and three centred categories. */
.selected{isolation:isolate;background:#03080b;perspective:1800px}
.selected::before{display:none!important}
.work-thumb-wall{position:absolute;inset:0;z-index:-1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));opacity:.27;overflow:hidden;pointer-events:none}
.work-thumb-wall img{display:block;width:100%;height:100%;min-height:0;object-fit:cover;transform:scale(1.08)}
.work-board{transform:rotateX(var(--board-rx,0deg)) rotateY(var(--board-ry,0deg));transition:transform .4s ease-out;transform-origin:center 160px}
.portfolio-gateway{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:15px!important}
.portfolio-gateway-card{position:relative;display:block;overflow:hidden;padding:0;border:0;background:#03080b;color:#edf8fa;aspect-ratio:3!important;container-type:inline-size;min-width:0;cursor:pointer}
.portfolio-gateway-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0!important}
.portfolio-gateway-card .gateway-title{position:absolute}
.portfolio-gateway-card .gateway-title{inset:0!important;width:100%!important;display:flex;align-items:center;justify-content:center;text-align:center!important;padding:12px;font-size:clamp(22px,2.5vw,43px)!important;opacity:1;transition:opacity .22s ease}
.portfolio-gateway-card .gateway-arrow{display:none}
.portfolio-gateway-card::after{background:linear-gradient(0deg,#0004,#0002)!important}
@media(hover:hover){.portfolio-gateway-card:hover .gateway-title{opacity:0}.portfolio-gateway-card:hover::after{opacity:0}}
.portfolio-gateway-card:focus-visible{outline:2px solid #00c7d8;outline-offset:4px}
.gateway-preview iframe{height:max(200px,56.25cqw);width:100%;top:50%}
.photography-gallery[hidden]{display:none!important}
.photography-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}
.photo-gallery-close{color:#edf8fa;background:transparent;border:0;font:35px/1 sans-serif;cursor:pointer}
.photo-grid{columns:4;column-gap:12px}
.photo-open{display:block;width:100%;padding:0;margin:0 0 12px;background:transparent;border:0;break-inside:avoid;cursor:zoom-in;overflow:hidden}
.photo-open img{display:block;width:100%;height:auto;filter:none;transition:transform .35s}
.photo-open:hover img{transform:scale(1.025)}
.photo-open:focus-visible{outline:2px solid #00c7d8;outline-offset:3px}
.photo-dialog{width:100vw;max-width:none;height:100dvh;max-height:none;padding:55px 65px;border:0;inset:0;background:#03080bf5;color:#f5ffff;overflow:hidden}
.photo-dialog[open]{display:flex;align-items:center;justify-content:center}
.photo-dialog::backdrop{background:#000c}
.photo-dialog img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.photo-dialog button{position:absolute;border:0;background:#0008;color:white;font:30px/1 sans-serif;padding:12px;cursor:pointer;z-index:2}
.photo-dialog-close{right:20px;top:12px}.photo-dialog-prev{left:8px;top:48%}.photo-dialog-next{right:8px;top:48%}.photo-dialog-count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);font-size:10px}
/* Quiet facts scene: the original portrait stays still. */
.statistics{--scene:url('assets/user-gallery/facts-0926-v1.webp');padding-top:65px!important;padding-bottom:80px!important}
.statistics::before{background-position:center 38%!important;opacity:1!important;filter:none!important;animation:none!important;transform:translateX(-50%)!important}
.statistics::after{background:linear-gradient(90deg,#03080bf2 0%,#03080bc9 48%,#03080b45 72%,#03080b22)!important}
.statistics h2.mesh-heading{width:70%;margin:0 0 45px!important;font-size:clamp(50px,5.7vw,95px)}
.statistics .studio-proof{width:66%;max-width:980px;gap:32px 18px}
.statistics .studio-proof>div{--stat-size:clamp(47px,6.3vw,98px)}
.statistics-dust,.statistics .mercedes-glow{display:none!important}
.statistics .stat-icon{opacity:1!important}
.contact,#about,#expertise,#crew{scroll-margin-top:110px}
@media(min-width:851px){.team .team-grid.team-avatars{left:20%;transform:none!important}.team .team-avatars article{will-change:auto!important;transform:none!important;filter:none!important}}
/* A soft hover brake preserves the title ribbon's position. */
.clip-ribbon.is-motion-visible:hover .clip-track,.clip-ribbon.is-motion-visible:focus-within .clip-track{animation-play-state:running}
/* Final contact sky: wreck on the right, neutral constellation map. */
.contact-footer-scene{background-image:url('assets/user-gallery/footer-right-v4.webp')!important;min-height:950px;background-position:center bottom}
.contact-footer-scene .contact{position:relative;z-index:2;min-height:780px;padding-top:70px}
.contact .contact-heading{font-size:clamp(55px,5.7vw,90px);max-width:480px}
.contact .email{font-size:clamp(25px,2.4vw,36px)!important;max-width:380px;border:0!important}
.contact-footer-scene .sky-signatures{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}
.contact-footer-scene::after{content:'';position:absolute;inset:0;z-index:1;background:#02090bf0;clip-path:ellipse(9% 13% at 79% 70%);pointer-events:none;animation:plane-power-dip 17s linear infinite;opacity:0}
@keyframes plane-power-dip{0%,80%,82%,86%,94%,98%,100%{opacity:0}81%,85%,97%{opacity:.3}91%,93%{opacity:.85}}
@media(max-width:850px){.photo-grid{columns:3}.statistics .studio-proof{width:80%}.statistics::after{background:linear-gradient(90deg,#03080bf2,#03080bbb 75%,#03080b55)!important}}
@media(max-width:620px){.portfolio-gateway{grid-template-columns:1fr!important;gap:12px!important}.portfolio-gateway-card .gateway-title{font-size:34px!important}.photo-grid{columns:2;column-gap:8px}.photo-open{margin-bottom:8px}.photo-dialog{padding:55px 38px}.statistics .studio-proof{width:100%;gap:25px 14px}.statistics h2.mesh-heading{width:100%;font-size:47px}.statistics::before{background-position:68% center!important}.statistics::after{background:#03080bd4!important}.statistics .studio-proof>div{--stat-size:clamp(48px,15vw,76px)}.contact-footer-scene{background-position:69% bottom;min-height:1050px}.contact-footer-scene::after{clip-path:ellipse(17% 13% at 80% 73%)}.work-thumb-wall{grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.contact-footer-scene::after{animation:none}.work-board{transform:none!important}.photo-open:hover img{transform:none}}
.scale-year-graph{height:clamp(110px,10vw,145px)!important;background:none}
.scale-years>span.is-current{animation:year-double-blink .9s linear 1}
.section-seam{display:none!important}
.work-thumb-wall img{transform:scale(1.28)}
.portfolio-photo-card>img{object-position:center 28%;filter:none!important}
@keyframes year-double-blink{0%,38%,47%,63%,72%,100%{color:transparent}40%,45%,65%,70%{color:#00c7d8}}
@media(prefers-reduced-motion:reduce){.scale-years>span.is-current{animation:none}}
/* Evolution: year and chart share the final code-row baseline. */
.hero-reel{--reel-bottom-clearance:95px;--year-chart-height:clamp(110px,10vw,145px)}
.scale-titles{bottom:var(--reel-bottom-clearance)!important}
.scale-years{top:auto!important;bottom:var(--reel-bottom-clearance)!important;left:50%!important;transform:translateX(-50%)!important;height:calc(1.05em + 12px + var(--year-chart-height))!important}
.scale-years>span{inset:0 auto auto 0;width:100%;height:1.05em}
.scale-year-graph{top:auto!important;bottom:0!important;height:var(--year-chart-height)!important}
@media(max-width:620px){.hero-reel{--reel-bottom-clearance:86px}}
/* Full connected photo collage: each original frame keeps its scale on expansion. */
.people{isolation:isolate;background:#04090b}
.people::before,.people .chapter-frame-cut,.artist-directory .chapter-frame-cut,.artist-directory::before{display:none!important}
.people-photo-collage{position:absolute;left:calc(50% - 50vw);top:0;bottom:0;width:100vw;z-index:-1;overflow:hidden;pointer-events:none}
.people-frame{position:absolute;inset:0;background-position:center;background-size:cover;background-attachment:fixed;background-repeat:no-repeat;filter:grayscale(1);opacity:.45}
.people-frame-campfire{background-image:url('assets/user-gallery/artists-campfire.webp');clip-path:polygon(0 0,100% 0,100% 43%,0 67%)}
.people-frame-location{background-image:url('assets/user-gallery/DSC07877.webp');background-position:center 55%;clip-path:polygon(68% 0,100% 0,100% 77%,0 100%,0 63%)}
.people-frame-artists{background-image:url('assets/user-gallery/artists-mucha-v1.webp');clip-path:polygon(0 63%,53% 48%,100% 70%,100% 100%,0 100%)}
.work-thumb-wall{opacity:.38}
.team .team-photo img{filter:none!important;opacity:1!important;image-rendering:auto}
.about-brevko h2 .about-slot-word,.about-brevko h2 .about-letter-slot{display:inline-block!important;vertical-align:baseline;margin:0;line-height:inherit;font-size:inherit;white-space:nowrap}
.about-original-glitch{animation:none!important;transition:none!important;transform:none!important;clip-path:none!important;image-rendering:auto}
.about-original-glitch.is-original-visible{opacity:1!important}
.about-brevko h2 .about-domain-is{display:inline!important;font-size:inherit;line-height:inherit;margin:0}

/* Latest review: compact TV wall, exposed logos, calm original photography. */
.about-brevko h2 em{display:block!important;white-space:nowrap!important;width:max-content;max-width:100%;font-size:clamp(60px,7.1vw,116px)}
.about-brevko h2 em .about-domain-is{display:inline!important;white-space:nowrap!important}
.about-brevko h2 em .about-title-particles{position:absolute!important;inset:0;pointer-events:none}
.about-next-sticker{display:none!important}
.collection .brand-item,.collection .brand-item:hover,.collection .brand-item:focus-visible{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;opacity:1!important;transform:none!important}
.collection .brand-item::before,.collection .brand-item::after{display:none!important}
.collection .brand-item img{animation:none!important;transform:none!important;opacity:1!important}
.collection .brand-item:focus-visible{outline:1px solid #00c7d8;outline-offset:0}
.collection-pause{display:none!important}
.work-thumb-wall{grid-template-columns:repeat(12,minmax(0,1fr))!important;grid-template-rows:repeat(9,minmax(0,1fr))!important;opacity:.23!important;filter:blur(1.2px);inset:-3px!important;gap:0}
.work-thumb-wall>span{display:block;overflow:hidden;min-width:0;min-height:0}
.work-thumb-wall img{object-fit:cover;width:100%;height:100%;transform:scale(1.32)!important}
.gateway-preview iframe{left:50%!important;top:50%!important;width:145%!important;height:max(230px,81.5625cqw)!important;transform:translate(-50%,-50%)!important;max-width:none!important}
.gateway-photo-preview{position:absolute;inset:0;z-index:1;opacity:0;transition:opacity .2s;pointer-events:none}
.gateway-photo-preview.is-playing{opacity:1}
.gateway-photo-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .45s ease}
.gateway-photo-preview img.is-current{opacity:1}
.photo-open img{filter:grayscale(1)!important;transition:filter .35s,transform .35s}
.photo-open:hover img,.photo-open:focus-visible img{filter:none!important}
.photo-open[data-original*="relaks"]:hover img,.photo-open[data-original*="relaks"]:focus-visible img{filter:url('#relaks-grade')!important}
.statistics{border:0!important;outline:0!important;box-shadow:none!important;isolation:isolate;overflow:hidden!important}
.statistics::before{top:-2px!important;bottom:-2px!important;filter:grayscale(1) sepia(.35) hue-rotate(135deg) saturate(1.6) brightness(.8)!important;mask-image:none!important}
.statistics::after{top:-2px!important;bottom:-2px!important;mask-image:none!important}
.statistics .section-seam{display:none!important}
.drone-visual{animation:drone-visible-gust 9s ease-in-out infinite!important}
@keyframes drone-visible-gust{0%,22%,100%{transform:translate(0,0) rotate(-.2deg)}25%{transform:translate(-4px,-2px) rotate(-.3deg)}29%{transform:translate(-58px,-7px) rotate(-1.7deg)}34%{transform:translate(-22px,3px) rotate(.6deg)}40%{transform:translate(3px,-1px) rotate(.1deg)}47%,80%{transform:translate(0,0) rotate(-.2deg)}84%{transform:translate(2px,-2px) rotate(.1deg)}}
.contact-layout{position:relative;isolation:isolate;min-height:600px}
.contact-copy{position:relative;z-index:3}
.contact-details{position:relative;z-index:3;text-shadow:0 1px 8px #000}
.contact .contact-map-column{position:absolute;z-index:1;left:-10px;top:150px;bottom:0;width:58%;max-width:none!important;margin:0!important;display:flex;flex-direction:column;justify-content:center}
.contact .contact-map{display:block;width:100%;height:100%;min-height:390px;aspect-ratio:auto;opacity:.45;transition:opacity .25s}
.contact .contact-map:hover{opacity:.8}
.contact .contact-map img{width:100%;height:100%;object-fit:cover;filter:none!important}
.contact .map-credit{position:absolute;left:20px;bottom:0;font-size:8px;opacity:.7}
.contact .contact-heading.mesh-heading{color:transparent!important;-webkit-text-stroke:1px #e9fbff!important;opacity:1!important;filter:none!important;animation:none!important;isolation:isolate;text-shadow:none}
.contact-heading .heading-mesh{opacity:.22!important;mix-blend-mode:normal!important}
.contact-footer-scene::after{display:none!important;animation:none!important;background:none!important;clip-path:none!important}
@media(max-width:620px){.about-brevko h2 em{font-size:clamp(58px,15vw,88px)!important}.work-thumb-wall{grid-template-columns:repeat(6,minmax(0,1fr))!important;grid-template-rows:repeat(18,minmax(0,1fr))!important}.contact .contact-map-column{width:100%;left:0;top:160px;height:420px;bottom:auto}.contact .contact-map{min-height:0}.contact-layout{min-height:690px}}
@media(prefers-reduced-motion:reduce){.drone-visual{animation:none!important}.gateway-photo-preview img{transition:none}}

/* Clean photographic chapter backgrounds, without cut polygons. */
.people-frame{clip-path:none!important;background-attachment:scroll!important;opacity:.25}
.people-frame-campfire{inset:0 0 48% 0;background-position:center 46%;mask-image:linear-gradient(#000 78%,transparent)}
.people-frame-location{display:none}
.people-frame-artists{inset:48% 0 0;background-position:center 44%;mask-image:linear-gradient(transparent,#000 12%)}
.drone-visual{animation-duration:4.8s!important}
.service-effect-photo{display:none!important}
.hero-reel-loading{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);font:12px var(--mono);color:#d2f9ff;z-index:6}
.hero-reel-loading[hidden]{display:none}
.plane-interior-light{position:absolute!important;inset:0;z-index:0!important;background:url('assets/user-gallery/plane-light.svg') center bottom/cover no-repeat;mix-blend-mode:screen;opacity:.24;pointer-events:none;animation:interior-power 19s linear infinite}
@keyframes interior-power{0%,79%,81%,86%,94%,98%,100%{opacity:.24}80%,85%,97%{opacity:.14}89%,92%{opacity:.02}}
@media(max-width:620px){.plane-interior-light{background-position:69% bottom}}
@media(prefers-reduced-motion:reduce){.plane-interior-light{animation:none}}

/* Corrected full-width scenes and fixed foreground navigation. */
.statistics.container{width:100%;max-width:none!important;margin:0!important;padding-inline:max(24px,calc((100vw - 1560px)/2 + 48px))!important}
.statistics::before,.statistics::after{inset:0!important;width:100%!important;transform:none!important;border:0!important;background-size:cover!important}
.service-lab{padding-top:0!important;padding-bottom:0!important;border:0!important;background:transparent!important}
.service-stage{border:0!important}
.service-selector{background:transparent!important;border:0!important}
.service-selector .service-select,.service-selector .service-select.is-current,.service-selector .service-select:hover{background:transparent!important;border:0!important;box-shadow:none!important}
.service-selector::before,.service-selector::after{display:none!important}
.work-board{transform:none!important}
.work-thumb-wall{inset:-24px!important;opacity:.14!important;transform:translate(var(--wall-x,0px),var(--wall-y,0px)) scale(1.025);transition:transform .55s ease-out}
.people-photo-collage{background:url('assets/user-gallery/artists-mucha-v1.webp') center 44%/cover no-repeat;opacity:.3}
.people-photo-collage .people-frame{display:none!important}
.people,.artist-directory{border:0!important;box-shadow:none!important;background:transparent!important}
.artist-directory::after{display:none!important}
.team .section-title-row{z-index:2!important}
.team .team-grid.team-avatars{z-index:4!important}
@media(min-width:851px){.team .section-title-row{top:calc(var(--desk-y,420px) - var(--crew-h)*1.65)!important}.team .section-title-row h2{font-size:clamp(52px,5vw,80px);text-shadow:0 0 14px #00c7d838}.team .crew-smoke{height:105px!important;bottom:-25px!important;top:auto!important;z-index:4!important;opacity:.6!important;mask-image:linear-gradient(transparent,#000 40%,#000 65%,transparent)}.team .team-meta{z-index:7!important}}
.contact .contact-map-column{left:0!important;width:52%!important}
.section-next{position:fixed;right:24px;bottom:24px;width:52px;height:52px;border:0;border-radius:50%;background:#00c7d8;color:white;z-index:50;display:grid;place-items:center;box-shadow:0 2px 16px #0003;cursor:pointer}
.section-next[hidden]{display:none!important}.section-next svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:3;transition:transform .2s}.section-next.points-up svg{transform:rotate(180deg)}.section-next:focus-visible{outline:2px solid white;outline-offset:4px}
.about-brevko-photo.lamp-cyan-flash .about-render-frame>img:not(.about-glitch){filter:hue-rotate(145deg) saturate(1.25)!important}
.about-brevko-photo.lamp-cyan-flash .about-field{filter:hue-rotate(145deg)!important}
.about-render-frame>img:not(.about-glitch){transition:none!important}
.about-original-glitch{display:none!important}
@media(max-width:620px){.contact .contact-map-column{width:100%!important}.section-next{right:16px;bottom:16px;width:46px;height:46px}}

.collection .brand-item.logo-on-dark img,.collection .brand-item.logo-on-dark:hover img,.collection .brand-item .logo-image-dark{filter:url('#logo-white-alpha')!important;mix-blend-mode:normal!important}
.collection .brand-item.logo-opaque img,.collection .brand-item.logo-opaque:hover img,.collection .brand-item .logo-image-opaque{filter:url('#logo-black-alpha')!important;mix-blend-mode:normal!important}
.collection .brand-item .brand-lockup .logo-image-dark{filter:url('#logo-white-alpha')!important}
.collection .brand-item,.collection .brand-lockup{isolation:auto!important}

.about-lamp-overlay{position:absolute!important;inset:0;object-fit:cover;object-position:40% center;filter:url('#about-lamp-cyan')!important;opacity:0;z-index:4;pointer-events:none;transition:none!important;animation:none!important;transform:none!important}
.about-brevko-photo.lamp-cyan-flash .about-render-frame>img:not(.about-glitch):not(.about-lamp-overlay){filter:saturate(.8) contrast(1.05) brightness(.9)!important}
.about-brevko-photo.lamp-cyan-flash .about-lamp-overlay{opacity:1!important;filter:url('#about-lamp-cyan')!important}

/* Current direction: no counter, no image glitch, no hard divider strips. */
.section-next{background:transparent!important;color:#00c7d8!important;border:0!important;box-shadow:none!important}
.about-lamp-overlay,.about-original-glitch,.about-glitch{display:none!important}
.contact .contact-map{mask-image:linear-gradient(#000 0%,#000 65%,transparent 100%)}
.contact .contact-map-column{top:135px!important;bottom:auto!important;height:410px!important;width:48%!important}
.contact .map-credit{bottom:-14px!important}
.service-lab .container{position:relative}
.service-selector{position:absolute!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;margin:0!important;z-index:8!important;height:74px!important;display:flex!important;overflow-x:auto;background:transparent!important}
.service-stage{width:100vw!important;margin-left:calc(50% - 50vw)!important;margin-bottom:0!important}
.service-selector .service-select{display:flex;align-items:center;justify-content:center;flex:1 0 110px!important;padding:15px 8px!important}
.service-scene::after{background:linear-gradient(90deg,#040708ec 0%,#04070880 32%,transparent 76%)!important}
.selected{padding-top:85px!important;padding-bottom:90px!important;border:0!important}
.work-thumb-wall{mask-image:linear-gradient(transparent,#000 50px,#000 calc(100% - 65px),transparent)}
.people-photo-collage{mask-image:linear-gradient(transparent,#000 80px,#000 calc(100% - 85px),transparent)}
.people{background:#03080b!important}
#about,#numbers,#expertise,#work,#people,#crew,#contact{scroll-margin-top:var(--nav-height,80px)!important}
.about-brevko,.statistics,.people,.team,.selected{border:0!important}
.about-brevko::before{inset:0!important;mask-image:linear-gradient(transparent,#000 55px,#000 calc(100% - 55px),transparent)!important}
.team{padding:75px max(24px,calc((100vw - 1560px)/2 + 48px)) 85px!important;background:radial-gradient(ellipse at 50% 58%,#07333b55,transparent 67%),#03080b!important;min-height:0!important;max-width:none!important;width:100%!important;overflow:hidden!important}
.team::before,.team::after,.team .crew-desk-front,.team .crew-lights{display:none!important}
.team .section-title-row{position:relative!important;left:auto!important;top:auto!important;transform:none!important;margin:0 0 45px!important;z-index:5!important}
.team .section-title-row h2{font-size:clamp(58px,6vw,92px)!important}
.team .team-grid.team-avatars{position:relative!important;left:auto!important;top:auto!important;transform:none!important;width:100%!important;max-width:1560px!important;margin:auto!important;gap:26px!important;z-index:5!important;grid-template-columns:repeat(5,minmax(0,1fr))!important}
.team .team-avatars article{display:block!important;position:relative!important;grid-column:auto!important;transform:none!important}
.team .team-photo,.team .team-photo picture{position:relative!important;height:clamp(220px,22vw,350px)!important;display:block!important;width:100%!important;overflow:hidden!important;mask-image:linear-gradient(#000 80%,transparent 100%)}
.team .team-avatars article .team-photo img{width:100%!important;max-width:100%!important;height:100%!important;object-fit:contain!important;object-position:center bottom!important;transform:none!important;mask-image:none!important;filter:none!important}
.team .team-avatars .team-meta{position:relative!important;left:auto!important;top:auto!important;padding:14px 0 0!important;z-index:7!important}
.team .team-meta h3{font-size:clamp(21px,2.1vw,33px)!important}.team .team-meta p{font-size:9px!important}
.team .crew-smoke{position:absolute!important;left:50%!important;bottom:-25px!important;top:auto!important;height:90px!important;z-index:3!important;opacity:.65!important;mask-image:linear-gradient(transparent,#000 38%,#000 70%,transparent)!important;pointer-events:none}
@media(max-width:850px){.team .team-grid.team-avatars{grid-template-columns:repeat(3,minmax(0,1fr))!important}.team .team-photo{height:280px!important}}
@media(max-width:620px){.contact .contact-map-column{width:100%!important;height:340px!important}.team .team-grid.team-avatars{grid-template-columns:repeat(2,minmax(0,1fr))!important}.team .team-photo{height:240px!important}.team .crew-smoke{display:block!important}.service-selector{height:62px!important}.service-selector .service-select{flex-basis:125px!important}}

.collection .brand-item[data-name="Los Barberos"] img,.collection .brand-item[data-name="Mad Boss Army"] img{filter:url('#logo-lettering-only')!important;mix-blend-mode:normal!important}
.scale-year-graph{image-rendering:auto!important;filter:none!important;-webkit-text-stroke:0!important;letter-spacing:0!important}
.scale-years>span{animation:none!important;filter:none!important;text-shadow:none!important;-webkit-text-stroke:.9px #d9f2f5!important;color:transparent!important}

.hero-reel{--year-chart-height:180px}
.scale-years{height:calc(1.05em + 12px + var(--year-chart-height))!important}
.scale-years>span{opacity:0!important;-webkit-text-stroke:0!important}
.scale-year-mesh{position:absolute!important;top:0;left:0;width:100%;height:1.05em;pointer-events:none;image-rendering:auto}
.collection .brand-item[data-name="Los Barberos"] img{filter:none!important;max-width:100%;max-height:64px}
@media(max-width:620px){.hero-reel{--year-chart-height:180px}.scale-years{width:calc(100% - 42px)!important}}

.people{margin-top:-75px!important;padding-top:120px!important;background:transparent!important;z-index:2}
.people-photo-collage{mask-image:linear-gradient(transparent,#000 110px,#000 calc(100% - 85px),transparent)!important}
.collection .brand-item[data-name="Born 2 Pole"] img{filter:url('#logo-white-alpha')!important;mix-blend-mode:normal!important}

.contact-footer-scene{margin-top:-60px;padding-top:60px;mask-image:linear-gradient(transparent,#000 90px)}
.team{padding-bottom:105px!important}
.team .crew-smoke{bottom:-6px!important;height:115px!important}

.contact-footer-scene{min-height:max(1000px,calc(100svh + 60px))!important}
.contact-footer-scene .contact{min-height:max(780px,calc(100svh - 170px))!important}

html,body{overflow-x:clip}
.about-brevko{overflow-x:clip!important}
.service-lab{overflow-x:clip!important;overflow-y:visible!important}
@media(max-width:620px){.service-lab .container{padding-inline:0!important;width:100%;max-width:none}.service-lab .service-stage{margin-left:0!important;width:100%!important}.service-selector{left:0!important;right:0!important}}

/* Overlapping photographic edges avoid a flat divider between facts and services. */
.statistics::before,.statistics::after{mask-image:linear-gradient(#000 0%,#000 calc(100% - 85px),transparent 100%)!important}
.service-lab{margin-top:-80px!important;position:relative;z-index:3}
.service-stage,.service-scene{background:transparent!important}
.service-render,.service-scene::after{mask-image:linear-gradient(transparent,#000 80px,#000 100%)}

/* Facts use the original tactical photoshoot; footer loses its lower tenth. */
.statistics{--scene:url('assets/photoshoots/9X1A8671.webp')}
.statistics::before{background-position:center 46%!important;filter:grayscale(1) brightness(.67)!important}
.statistics::after{background:linear-gradient(90deg,#03080bee 0%,#03080bcc 48%,#03080b55 75%,#03080b22)!important}
.contact-footer-scene{--footer-full-height:max(1000px,calc(100svh + 60px));min-height:calc(var(--footer-full-height)*.9)!important;background-size:max(100%,calc(var(--footer-full-height)*1.5)) auto;background-position:center calc(var(--footer-full-height) - max(var(--footer-full-height),calc(100vw / 1.5)))}
.contact-footer-scene .plane-interior-light{background-size:max(100%,calc(var(--footer-full-height)*1.5)) auto;background-position:inherit}
.contact-footer-scene .contact{min-height:calc(max(780px,calc(100svh - 170px)) - var(--footer-full-height)*.1)!important;padding-bottom:90px}
.contact-footer-scene .contact-layout{min-height:540px}
.contact-footer-scene .back-to-top-feature{min-height:72px;padding-block:16px}
@media(max-width:620px){.statistics::before{background-position:48% center!important}.contact-footer-scene .contact{padding-bottom:63px}.contact-footer-scene .contact-layout{min-height:621px}.contact-footer-scene,.contact-footer-scene .plane-interior-light{background-position-x:69%}}
.service-scene,.service-effect.water-spill{mask-image:linear-gradient(transparent,#000 80px)!important}

.collection .brand-item[data-name="Mad Boss Army"] img{filter:none!important;mix-blend-mode:normal!important}

.footer>.content-links{justify-content:flex-start}.index-grid figure img{filter:grayscale(1);transition:filter .3s}.index-grid figure:hover img,.index-grid figure a:focus-visible img{filter:none}

.contact-footer-scene .contact .contact-map-column{height:var(--contact-map-height,600px)!important}
#service-scene-music>.service-render{object-position:60% 10%!important}
@media(max-width:620px){#service-scene-music>.service-render{height:100%!important;object-position:60% 10%!important}}

/* One hero entrance, after its fonts and application scripts are ready. */
.hero-goat.hero-entering :is(.hero-sign,h1 em,.hero-position,.hero-lower,.feel-scale,.hero-down){transition:none!important;animation:none!important}
.intro-active .hero-goat :is(.hero-sign,h1 em,.hero-lower,.feel-scale,.hero-down){opacity:0;transition:none!important}

/* Captions sit below the unchanged 3:1 preview frames. */
.selected .portfolio-gateway-card{display:grid!important;grid-template-rows:auto auto;gap:13px;aspect-ratio:auto!important;height:auto!important;overflow:visible;padding:0!important;background:transparent!important;border:0!important;isolation:auto}
.selected .portfolio-gateway-card::before,.selected .portfolio-gateway-card::after{display:none!important}
.selected .portfolio-gateway-card .gateway-media{display:block;position:relative;aspect-ratio:3;overflow:hidden;isolation:isolate;border:1px solid #3e5961;background:#081015;container-type:inline-size;transition:border-color .25s ease}
.selected .gateway-media>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0!important}
.selected .portfolio-gateway-card .gateway-title{position:static!important;inset:auto!important;display:block;width:100%!important;padding:0 4px 2px;text-align:center!important;font:600 clamp(18px,1.6vw,24px)/1.25 var(--display)!important;letter-spacing:.04em;opacity:1!important;transform:none!important;transition:color .25s ease!important}
.selected .portfolio-gateway-card :is(.gateway-number,.gateway-count,.gateway-arrow){display:none!important}
.selected .portfolio-gateway-card:hover .gateway-title,.selected .portfolio-gateway-card:focus-visible .gateway-title{color:#00d2e8}
.selected .portfolio-gateway-card:hover .gateway-media,.selected .portfolio-gateway-card:focus-visible .gateway-media,.selected .portfolio-gateway-card[aria-expanded=true] .gateway-media{border-color:#00d2e8}
@media(max-width:620px){.selected .portfolio-gateway-card{gap:10px}.selected .portfolio-gateway{gap:24px!important}.selected .portfolio-gateway-card .gateway-title{font-size:20px!important}}

/* Reserve the 80px blend separately from the visible service scene. */
@media(min-width:621px){.service-lab .service-stage{height:740px!important}}

/* A quiet monochrome toolkit between the film archive and the crew. */
.technologies{position:relative;isolation:isolate;width:100%;padding:78px 0 86px;background:radial-gradient(ellipse at 50% 100%,#07313a44,transparent 65%),#03080b;color:#eff9fa;scroll-margin-top:var(--nav-height,80px)}
.technologies-inner{max-width:1560px}
.technologies-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(230px,440px);column-gap:50px;align-items:end;margin-bottom:36px}
.technologies-intro>.mono{grid-column:1/-1;color:#00cddd;font-size:10px;letter-spacing:.22em;margin-bottom:13px}
.technologies h2{font:800 clamp(54px,7vw,104px)/.9 var(--display);letter-spacing:-.035em;margin:0;color:#eff9fa}
.technologies h2 span{color:#00d2e8}
.technologies-intro>p{color:#acc2c6;font:400 clamp(13px,1.1vw,16px)/1.55 var(--body);max-width:440px;margin:0 0 5px}
.technologies-list{list-style:none;display:grid;grid-template-columns:repeat(9,minmax(110px,1fr));grid-template-rows:repeat(2,auto);align-items:center;gap:28px 18px;margin:0;padding:25px 0 12px;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#24525b transparent;border-top:1px solid #35555b88}
.technology-item{flex:1 0 100px;min-width:100px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:72px;scroll-snap-align:center;text-align:center;color:#f4fafb;opacity:.8;transition:color .25s ease,opacity .25s ease,transform .25s ease}
.technology-item:hover{color:#00d2e8;opacity:1;transform:translateY(-3px)}
.technology-mark{display:block;white-space:nowrap;font:800 clamp(18px,1.6vw,28px)/1 var(--display);letter-spacing:-.025em}
.technology-name{display:block;white-space:nowrap;font:500 9px/1.3 var(--mono);letter-spacing:.025em;color:#a9bfc4}
.technology-item:nth-child(3) .technology-mark,.technology-item:nth-child(4) .technology-mark,.technology-item:nth-child(5) .technology-mark{font-family:var(--body);font-size:24px;font-weight:700;letter-spacing:-.1em}
@media(max-width:850px){.technologies{padding:62px 0 70px}.technologies-intro{grid-template-columns:1fr;gap:16px}.technologies-intro>.mono{margin-bottom:0}.technologies-list{margin-right:-24px;padding-right:24px}.technology-item{flex-basis:125px}}
@media(max-width:620px){.technologies{padding:50px 0 58px}.technologies h2{font-size:clamp(50px,13vw,78px)}.technologies-intro>p{max-width:320px}.technology-item{flex-basis:108px}.technology-name{font-size:8px}}

/* Contact: compact street map, worldwide marker and readable address. */
.contact .contact-head-office{display:block;margin-bottom:7px;color:#00d2e8;font-size:10px;line-height:1.2;letter-spacing:.19em}
.contact .contact-worldwide{max-width:370px;margin:14px 0 0;color:#dfedf0;font:500 13px/1.55 var(--body);text-shadow:0 1px 8px #000}
.contact .contact-map-column{height:min(var(--contact-map-height,600px),540px)!important;justify-content:flex-start!important}
.contact .contact-map{flex:0 0 320px;height:320px!important;min-height:0!important;mask-image:linear-gradient(#000 0%,#000 57%,transparent 100%)!important}
.contact .contact-world-map{position:relative;flex:0 0 155px;width:100%;height:155px;margin-top:-20px;opacity:.67;pointer-events:none;mask-image:linear-gradient(transparent,#000 18%,#000 75%,transparent)}
.contact .contact-world-map img{width:100%;height:100%;object-fit:contain}
.contact .map-credit{bottom:3px!important}
@media(max-width:620px){.contact .contact-worldwide{max-width:300px;font-size:11px}.contact .contact-map-column{height:360px!important;top:205px!important}.contact .contact-map{flex-basis:210px;height:210px!important}.contact .contact-world-map{flex-basis:130px;height:130px;margin-top:-16px}.contact .map-credit{bottom:-7px!important}}

/* Keep the TV wall steady while only foreground content enters. */
.selected,.selected.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}
.selected .work-thumb-wall{opacity:.14!important;animation:none!important;filter:blur(1.2px)!important}
.work-thumb-wall>span,.work-thumb-wall img{opacity:1!important;filter:none!important;animation:none!important;transition:none!important}
.service-effect.water-spill{mask-image:linear-gradient(transparent,#000 80px,#000 calc(100% - 65px),transparent)!important}

.technology-logo{display:block;width:92px;height:32px;object-fit:contain;filter:brightness(0) invert(1);margin:0 auto}
.technology-item:nth-child(10) .technology-mark{font-family:var(--body);font-size:24px;font-weight:700;letter-spacing:-.1em}
.technology-item:nth-child(11) .technology-mark,.technology-item:nth-child(12) .technology-mark{font-size:clamp(16px,1.35vw,23px)}
.technology-name{white-space:normal;max-width:140px}
.contact .contact-worldwide-mark{display:inline-block;margin-top:12px;color:#eff9fa;font:900 28px/1 var(--display);letter-spacing:.09em;padding-bottom:6px;border-bottom:2px solid #00d2e8}

/* Four crew portraits over the supplied photoshoot background. */
.team .team-grid.team-avatars{grid-template-columns:repeat(4,minmax(0,1fr))!important;max-width:1260px!important}
.team::before{display:block!important;content:'';position:absolute;inset:0!important;z-index:0!important;transform:none!important;width:100%!important;background:url('assets/user-gallery/footer-plane-v3.webp') center top/auto 320% no-repeat!important;opacity:.82!important;filter:none!important;mask-image:linear-gradient(transparent,#000 100px,#000 calc(100% - 110px),transparent)!important}
.team::after{display:block!important;content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#03080b44,#03080b18 48%,#03080b66),linear-gradient(0deg,#03080b,transparent 38%);mask-image:none!important}
@media(max-width:850px){.team .team-grid.team-avatars{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:700px!important}.technologies-list{grid-template-columns:repeat(9,125px)}.team::before{background-position:36% center!important}}

/* One glyph treatment across the four primary section titles. */
:is(.statistics h2,.contact h2.contact-heading,.portfolio-heading h2,.technologies h2).section-wire-heading{font-family:var(--display)!important;font-weight:900!important;line-height:1.02!important;letter-spacing:0!important;word-spacing:0!important;color:transparent!important;-webkit-text-stroke:0!important;text-shadow:none!important;position:relative}
.section-wire-heading .facts-heading-mesh{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.section-wire-heading::after{display:none!important}
@media(max-width:850px){.mobile-nav:not([hidden]){max-height:calc(100dvh - var(--nav-height,74px));overflow-y:auto}}

/* One translucent strip beneath all service tabs. */
.service-selector{left:calc((100% - 100vw)/2)!important;right:auto!important;width:100vw!important;padding-inline:max(24px,calc((100vw - 1560px)/2 + 48px))!important;box-sizing:border-box;background:rgba(0,0,0,.5)!important}
.service-website-wall{position:absolute;inset:-8px;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-template-rows:repeat(6,minmax(0,1fr));gap:2px;opacity:.24;filter:blur(.6px);pointer-events:none;mask-image:linear-gradient(transparent,#000 70px,#000 calc(100% - 60px),transparent)}
.service-website-wall>span{display:block;overflow:hidden;min-width:0;min-height:0}
.service-website-wall img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transform:scale(1.04)}
#service-scene-websites::before{display:none!important}
@media(max-width:620px){.service-website-wall{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(12,minmax(0,1fr))}}

/* Vector brand marks inherit the same hover colour as every other tool. */
.technology-logo{background:none;mask:none;-webkit-mask:none;filter:none!important;color:inherit}.technology-logo svg{display:block;width:100%;height:100%;fill:currentColor}
.technology-item:hover .technology-name{color:inherit}

/* Keep decorative contact copy from intercepting the map link beneath it. */
.contact-copy,.contact-details{pointer-events:none}
.contact-copy :is(a,button,input,textarea,select){pointer-events:auto}
.contact .contact-map{pointer-events:auto;cursor:pointer;position:relative}
.contact .contact-map:focus-visible{outline:2px solid #00d2e8;outline-offset:5px;opacity:.8}

/* Contact details and street map form one column without overlapping. */
.contact-footer-scene .contact-layout{min-height:0!important;gap:26px!important}
.contact-footer-scene .contact .contact-map-column{position:relative!important;inset:auto!important;flex:none;width:min(600px,52%)!important;height:330px!important;margin:0!important;justify-content:flex-start!important}
.contact-footer-scene .contact .contact-map{flex:0 0 100%;height:100%!important;min-height:0!important;mask-image:linear-gradient(transparent,#000 12%,#000 62%,transparent 100%)!important}
.contact .contact-map img{object-fit:cover;object-position:center}
.contact-copy,.contact-details{pointer-events:auto}
.contact-footer-scene .contact .map-credit{bottom:12px!important;left:0}
.contact-footer-scene .contact{padding-bottom:32px!important}
@media(max-width:850px){.team::before{background-position:60% center!important}}
@media(max-width:620px){.contact-footer-scene .contact .contact-map-column{width:100%!important;height:265px!important}.contact-footer-scene .contact-layout{gap:20px!important}}

/* Labels keep their own width, with exactly the same gap between neighbours. */
.service-selector{justify-content:center!important;align-items:stretch!important;gap:clamp(20px,3vw,48px)!important}
.service-selector .service-select{flex:0 0 auto!important;width:auto!important;min-width:max-content!important;padding:15px 0!important}
.service-selector .service-select>span:last-child{max-width:none!important;white-space:nowrap!important;font-size:clamp(17px,1.3vw,22px)!important}
@media(max-width:1100px){.service-selector{justify-content:flex-start!important;gap:28px!important;scroll-padding-inline:24px}}

/* Marks and captions each occupy a fixed track in both toolkit rows. */
.technology-item{display:grid;grid-template-rows:40px 36px;align-content:start;justify-items:center;row-gap:8px;min-height:84px}
.technology-mark,.technology-logo{grid-row:1;align-self:center;margin:0 auto;line-height:1!important}
.technology-logo{width:82px;height:26px}
.technology-name{grid-row:2;align-self:start;margin:0;min-height:36px;line-height:1.4}

.service-code{position:absolute;z-index:3;left:55%;right:5%;top:15%;height:72%;overflow:hidden;pointer-events:none;font:clamp(11px,.95vw,14px)/1.45 var(--mono);color:#afc7cb;white-space:pre;text-shadow:0 2px 9px #000;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent);padding:12px 0;box-sizing:border-box}
.service-code code{font:inherit}.service-code .code-tag{color:#00d2e8}.service-code .code-string{color:#c4dfc1}.service-code .code-comment{color:#65848d}.service-code .code-cursor{display:inline-block;width:7px;height:1.1em;background:#00d2e8;vertical-align:-.1em;animation:service-code-caret 1s steps(2,end) infinite}
.service-code.is-complete{opacity:.65;transition:opacity 1s}
.service-lab.is-still .code-cursor{animation-play-state:paused}
.service-floor-smoke{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;mask-image:linear-gradient(transparent 45%,#000 75%,transparent 100%)}
@keyframes service-code-caret{50%{opacity:0}}
@media(max-width:620px){.service-code{left:32%;right:4%;top:9%;height:39%;font-size:8px;line-height:1.3;opacity:.75;padding:0}.service-floor-smoke{mask-image:linear-gradient(transparent 40%,#000 74%,transparent)}}
@media(prefers-reduced-motion:reduce){.service-code .code-cursor{animation:none}.service-floor-smoke{display:none}}

.music-toggle{appearance:none;border:0;background:none;color:#8babb3;padding:8px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:11px;flex:none;transition:color .2s}
.music-toggle[hidden]{display:none!important}.music-toggle svg{width:21px;height:21px;flex:none}.music-toggle:hover,.music-toggle:focus-visible,.music-toggle.is-playing{color:#00d2e8}.music-toggle:focus-visible{outline:1px solid #00d2e8;outline-offset:3px}.music-toggle .sound-on,.music-toggle.is-playing .sound-off{display:none}.music-toggle.is-playing .sound-on{display:inline}
.header .menu-music-control{margin-right:5px}.intro-music-control{position:fixed;z-index:11000;top:25px;left:50%;transform:translateX(-50%);width:min(440px,calc(100% - 36px));min-height:46px;color:#c1d7dc;display:none;grid-template-columns:21px minmax(0,max-content) 21px;justify-content:center;column-gap:11px;visibility:hidden;opacity:0}.intro-active .intro-music-control:not([hidden]){display:grid}.intro-active .intro-music-control.is-ready{visibility:visible;opacity:1;transition:opacity .2s}.music-hint{font:10px/1.5 var(--mono);letter-spacing:.04em;min-height:3em;display:flex;align-items:center}.intro-music-control>svg{grid-column:1;grid-row:1}.intro-music-control>.music-hint{grid-column:2;grid-row:1;justify-content:center;text-align:center;max-width:calc(100vw - 120px)}.intro-music-control>.music-equalizer{grid-column:3;grid-row:1;justify-self:center}
@media(max-width:620px){.music-hint{font-size:8px}.header .menu-music-control{padding:7px;margin-right:0}.header-right{gap:10px}}

/* The final scene has its own centred return arrow. */
.section-next{opacity:0;visibility:hidden;pointer-events:none;translate:0 8px;transition:opacity .38s ease,translate .5s cubic-bezier(.22,.61,.36,1),visibility 0s .38s,border-color .25s,background-color .25s}
.section-next.is-visible{opacity:1;visibility:visible;pointer-events:auto;translate:0 0;transition-delay:0s}
#artist-directory{scroll-margin-top:calc(var(--nav-height,80px) + 24px)}
.section-next.is-ending{opacity:0;visibility:hidden;pointer-events:none;translate:0 -5px}
.music-equalizer{display:flex;align-items:center;justify-content:center;gap:2px;width:18px;height:18px;opacity:0;transition:opacity .2s;flex:none}
.music-equalizer i{display:block;width:2px;height:13px;background:currentColor;transform-origin:center;transform:scaleY(.2);animation:music-eq .72s ease-in-out infinite alternate;animation-play-state:paused}
.music-equalizer i:nth-child(2){animation-duration:.49s;animation-delay:-.35s}.music-equalizer i:nth-child(3){animation-duration:.63s;animation-delay:-.2s}.music-equalizer i:nth-child(4){animation-duration:.41s;animation-delay:-.1s}
.music-toggle.is-playing .music-equalizer{opacity:1}.music-toggle.is-playing .music-equalizer i{animation-play-state:running}
@keyframes music-eq{from{transform:scaleY(.2)}to{transform:scaleY(1)}}
.team .team-avatars article .team-photo img:not(.crew-colour-layer){filter:url('#crew-cyan-only')!important}
.team .team-avatars article .team-photo .crew-colour-layer{position:absolute!important;inset:0;filter:none!important;opacity:0!important;pointer-events:none;transition:opacity .38s ease}
.team .team-avatars article .team-photo picture.crew-colour-layer img{filter:none!important}
.team .team-avatars article:hover .team-photo .crew-colour-layer,.team .team-avatars article:focus-within .team-photo .crew-colour-layer{opacity:1!important}
.team .team-avatars article:focus-visible{outline:1px solid #00d2e8;outline-offset:7px}
@media(prefers-reduced-motion:reduce){.section-next,.section-next.is-ending,.team .team-avatars article .team-photo .crew-colour-layer{transition:none}.music-equalizer i{animation:none;transform:scaleY(.6)}.music-equalizer i:nth-child(even){transform:scaleY(.9)}}

/* Carry only the upper sky of the contact photograph behind the crew. */
.team{background:#02111f!important}
.team::before{background-position:center top!important}
.team::after{background:linear-gradient(0deg,#02111f,transparent 38%,#03080b88 84%,#03080b)!important}
.contact-footer-scene{background-color:#02111f}
.selected .photography-gallery{width:100%;background:transparent!important;overflow:visible;padding:45px 0 30px!important;scroll-margin-top:calc(var(--nav-height,80px) + 96px);opacity:1!important;transform:none!important}
.selected .portfolio-disclosure{scroll-margin-top:calc(var(--nav-height,80px) + 96px)}
.selected .photography-gallery>.container{width:100%;max-width:none;padding-inline:0}
.selected .photography-gallery h2{font:700 clamp(32px,3vw,48px)/1 var(--display);margin-bottom:28px}
.selected .photography-gallery::before,.selected .photography-gallery::after{display:none!important}
.selected:has(.photography-gallery:not([hidden])) .work-thumb-wall{height:100%!important;bottom:0!important}
.people h2 .about-slot-word,.people h2 .about-letter-slot{font:inherit;line-height:inherit;vertical-align:baseline;margin:0}
.intro-b::before,.intro-b::after{content:'';position:absolute;inset:0;background:url('assets/brevko-b-cutout.webp') center/contain no-repeat;opacity:0;pointer-events:none}
.intro-drop-glitch .intro-b::before{animation:intro-b-slice-a .65s steps(1,end) both}
.intro-drop-glitch .intro-b::after{animation:intro-b-slice-b .65s steps(1,end) both;filter:brightness(0) invert(1)}
.intro-drop-glitch .intro-b .intro-logo{animation:intro-b-stutter .65s steps(1,end) both}
@keyframes intro-b-slice-a{0%,15%,44%,72%,100%{opacity:0;transform:none}8%,25%{opacity:.9;clip-path:inset(17% 0 58%);transform:translateX(-7px)}39%,63%{opacity:.8;clip-path:inset(59% 0 19%);transform:translateX(6px)}85%{opacity:.8;clip-path:inset(35% 0 43%);transform:translateX(-4px)}}
@keyframes intro-b-slice-b{0%,18%,46%,76%,100%{opacity:0}12%,30%{opacity:.7;clip-path:inset(64% 0 13%);transform:translateX(5px)}54%,69%{opacity:.75;clip-path:inset(24% 0 63%);transform:translateX(-5px)}89%{opacity:.6;clip-path:inset(45% 0 37%);transform:translateX(4px)}}
@keyframes intro-b-stutter{0%,19%,37%,57%,78%,100%{opacity:1;transform:none}12%,28%{opacity:.35;transform:translateX(2px)}49%,67%,87%{opacity:.8;transform:translateX(-2px)}}
.contact-flags{position:absolute;left:calc(min(600px,52%) + 26px);top:calc(var(--contact-map-top,440px) + 32px);width:clamp(170px,18vw,280px);color:#8ab8c6;opacity:.52;pointer-events:none;transition:opacity .5s}
.contact-flags-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:28px;gap:8px 10px}
.contact-flag{display:flex;align-items:center;justify-content:center;min-width:0}.contact-flag svg{width:100%;max-width:32px;height:24px;overflow:hidden}
.contact-flags.is-animated .contact-flag{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .2s,clip-path .25s steps(4,end)}
.contact-flags.is-animated .contact-flag.is-written{opacity:1;clip-path:inset(0)}
.contact-flags.is-fading{opacity:.1;transition-delay:1.9s}
@media(max-width:850px){.contact-flags{left:calc(52% + 15px);width:27%}.contact-flags-grid{gap:7px 6px;grid-auto-rows:24px}.contact-flag svg{height:20px}}
@media(max-width:620px){.contact-flags{position:relative;inset:auto;width:min(100%,300px);margin:0 0 8px 0}.contact-flags-grid{gap:7px 12px;grid-auto-rows:25px}}
@media(prefers-reduced-motion:reduce){.contact-flags,.contact-flags .contact-flag{transition:none!important}.contact-flags.is-animated .contact-flag{opacity:1;clip-path:none}}

/* A single backdrop spans the crew and contact, below both sections. */
.finishing-scene{position:relative;isolation:isolate;--footer-full-height:max(1000px,calc(100svh + 60px))}
.finishing-backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;background:none;pointer-events:none}
.finishing-photograph{position:absolute;inset:0;background-image:url('assets/user-gallery/footer-right-v4.webp');background-repeat:no-repeat;background-size:cover;background-position:center calc(100% + clamp(36px,7vh,84px));mask-image:linear-gradient(transparent,#000 240px)}
.finishing-scene .team{background:#03080b!important}
.finishing-scene .team::before,.finishing-scene .team::after,.team .crew-smoke,.team .section-seam,.team .crew-backlight{display:none!important}
.finishing-scene .contact-footer-scene{background-image:none!important;background-color:#03080b!important;margin-top:0!important;padding-top:0!important;mask-image:none!important}
.finishing-scene .contact-footer-scene::before{display:none!important}
.team .team-avatars article .team-photo img.crew-wireframe{filter:none!important;opacity:1!important;padding-inline:7px;box-sizing:border-box;transition:filter .3s ease}
.team .team-avatars article:hover .team-photo img.crew-wireframe,.team .team-avatars article:focus-within .team-photo img.crew-wireframe{filter:brightness(1.13) saturate(1.08)!important}
.team .section-title-row .about-slot-word,.team .section-title-row .about-letter-slot,.journey-copy .about-slot-word,.journey-copy .about-letter-slot{display:inline-block!important;font:inherit!important;line-height:inherit;vertical-align:baseline;margin:0}
.hero-sign>span.hero-domain{position:relative}
.hero-domain::before,.hero-domain::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0;color:#00d2e8;font:inherit;line-height:inherit}
.hero-domain.is-domain-glitch::before{animation:hero-domain-cut-a .38s steps(1,end) both}
.hero-domain.is-domain-glitch::after{animation:hero-domain-cut-b .38s steps(1,end) both;color:#effaff}
@keyframes hero-domain-cut-a{0%,28%,70%,100%{opacity:0}12%,46%{opacity:1;clip-path:inset(12% 0 55%);transform:translateX(-3px)}62%,88%{opacity:.9;clip-path:inset(58% 0 12%);transform:translateX(3px)}}
@keyframes hero-domain-cut-b{0%,30%,72%,100%{opacity:0}18%,54%{opacity:.85;clip-path:inset(44% 0 32%);transform:translateX(3px)}68%,91%{opacity:.7;clip-path:inset(22% 0 62%);transform:translateX(-2px)}}
@media(prefers-reduced-motion:reduce){.hero-domain::before,.hero-domain::after{display:none}.team .team-avatars article .team-photo img.crew-wireframe{transition:none}}

/* Keep the crew in the same compact rhythm as Technologies. */
.finishing-scene .team{--crew-portrait-height:clamp(170px,15vw,210px);padding:14px max(48px,calc((100vw - 1560px)/2)) 54px!important;min-height:0!important}
.team .section-title-row{max-width:1560px;margin:0 auto 62px!important;justify-content:center!important;text-align:center}
.team .section-title-row h2{font-size:clamp(52px,5.5vw,84px)!important;line-height:1!important;text-align:center;width:100%;margin:0}
.team .team-grid.team-avatars{max-width:1560px!important;gap:clamp(22px,4vw,64px)!important;align-items:start}
.team .team-photo,.team .team-photo picture{height:var(--crew-portrait-height)!important;mask-image:linear-gradient(#000 82%,transparent 100%)}
.team .team-avatars .team-meta{padding:8px 0 0!important;text-align:center}
.team .team-meta h3{font-size:clamp(22px,1.8vw,28px)!important;line-height:1.05;margin:0 0 5px}
.team .team-meta p{font-size:8px!important;line-height:1.5;margin:0;min-height:24px}
@media(max-width:1100px){.finishing-scene .team{padding-inline:30px!important}}
@media(max-width:850px){.finishing-scene .team{--crew-portrait-height:165px;padding-block:18px 46px!important}.team .section-title-row{margin-bottom:50px!important}.team .team-grid.team-avatars{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.team .section-title-row h2{font-size:clamp(48px,7vw,64px)!important}}
@media(max-width:620px){.finishing-scene .team{--crew-portrait-height:150px;padding:18px 19px 40px!important}.team .section-title-row{margin-bottom:40px!important}.team .section-title-row h2{font-size:clamp(44px,12vw,58px)!important}.team .team-grid.team-avatars{grid-template-columns:repeat(4,minmax(132px,1fr))!important;gap:18px!important;overflow-x:auto;padding-bottom:12px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#24525b transparent}.team .team-avatars article{min-width:0;scroll-snap-align:start}.team .team-meta h3{font-size:21px!important}.team .team-meta p{font-size:7px!important}}

/* Shorter contact scene; content remains in normal flow on every screen. */
.finishing-scene .contact-footer-scene{--footer-full-height:max(700px,calc((100svh + 60px)*.7));min-height:calc(var(--footer-full-height)*.9)!important}
.contact-footer-scene .contact{min-height:0!important;padding:42px 0 24px!important}
.contact .contact-heading{font-size:clamp(38.5px,3.99vw,63px)!important;max-width:480px;margin:0 0 22px!important}
.contact .email{margin:0!important}
.contact .contact-location{margin-top:12px}
.contact-footer-scene .contact-layout{gap:16px!important}
.contact-footer-scene .contact .contact-map-column{height:230px!important}
.contact-footer-scene .back-to-top-feature{min-height:56px;padding-block:10px}
.contact-footer-scene .footer{padding-block:14px 18px}
.contact-footer-scene .footer,.contact-footer-scene .footer.scroll-reveal{position:relative;z-index:2;opacity:1!important;visibility:visible!important;transform:none!important;transition:none!important}
.contact-footer-scene .brand-credits{padding-bottom:12px}
@media(max-width:620px){.contact-footer-scene .contact{padding:32px 0 18px!important}.contact .contact-heading{font-size:clamp(36px,8vw,45px)!important;margin-bottom:18px!important}.contact-footer-scene .contact .contact-map-column{height:195px!important}.contact-footer-scene .contact-layout{gap:14px!important}}

/* Studio art and adjacent sections meet on the same colour, without shadow strips. */
.technologies{background:linear-gradient(0deg,#03080b,transparent 160px),radial-gradient(ellipse at 50% 100%,#07313a44,transparent 65%),#03080b}
.finishing-scene .team,.finishing-scene .team.scroll-reveal{opacity:1!important;transform:none!important;transition:none!important}
.crew-stage-background{position:absolute;inset:0;z-index:0;pointer-events:none;background:url('assets/crew/crew-stage-v1.webp') center 55%/cover no-repeat;opacity:.95;mask-image:linear-gradient(transparent,#000 20%,#000 74%,transparent)}
.finishing-scene .contact-footer-scene{min-height:0!important}
.contact-footer-scene .plane-interior-light{mask-image:linear-gradient(transparent,#000 240px)}
.contact-footer-scene .finishing-photograph,.contact-footer-scene .plane-interior-light{filter:hue-rotate(-18deg) saturate(.68) brightness(.84)}
.contact .contact-details,.contact .contact-details *,.contact .email{filter:none!important;text-shadow:none!important;box-shadow:none!important}
@media(max-width:620px){.crew-stage-background{background-position:45% center}.finishing-photograph,.contact-footer-scene .plane-interior-light{mask-image:linear-gradient(transparent,#000 180px)}}

/* One soft cyan marker follows the currently viewed section. */
.active-section-orb{position:fixed;z-index:30;top:0;left:clamp(10px,calc((100vw - 1560px)/4),180px);width:12px;height:12px;pointer-events:none;transform:translate3d(0,var(--active-section-y,50vh),0) translateY(-50%);opacity:0;visibility:hidden;transition:transform .7s cubic-bezier(.22,.61,.36,1),opacity .4s,visibility 0s .4s}
.active-section-orb.is-visible{opacity:.86;visibility:visible;transition-delay:0s}
.active-section-orb::before,.active-section-orb::after{content:'';position:absolute;border-radius:50%;pointer-events:none}
.active-section-orb::before{inset:-22px;background:radial-gradient(circle,#00d2e85c,transparent 68%);filter:blur(7px);animation:active-orb-breathe 3.8s ease-in-out infinite;animation-play-state:paused}
.active-section-orb.is-visible::before{animation-play-state:running}
.active-section-orb::after{inset:0;background:radial-gradient(circle,#dcffff 0%,#00d2e8 28%,#00d2e866 53%,transparent 75%)}
.main-nav a[aria-current=location],.mobile-nav a[aria-current=location]{color:#00d2e8}
@keyframes active-orb-breathe{0%,100%{opacity:.5;scale:.82}50%{opacity:1;scale:1.16}}
@media(max-width:620px){.active-section-orb{left:6px;width:7px;height:7px}.active-section-orb.is-visible{opacity:.65}.active-section-orb::before{inset:-12px;filter:blur(5px)}}
@media(prefers-reduced-motion:reduce){.active-section-orb{transition:none}.active-section-orb::before{animation:none;opacity:.7;scale:1}}

/* A soft lower edge carries the single, centred next-section control. */
:root{--section-controls-lift:clamp(28px,4vh,56px)}
.section-bottom-blur{position:fixed;inset:auto 0 0;height:calc(clamp(150px,20vh,230px) + var(--section-controls-lift));z-index:48;pointer-events:none;background:linear-gradient(transparent 20%,#03080b12 65%,#03080b40);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);mask-image:linear-gradient(transparent,rgba(0,0,0,.015) 18%,rgba(0,0,0,.06) 32%,rgba(0,0,0,.16) 48%,rgba(0,0,0,.34) 64%,rgba(0,0,0,.58) 78%,rgba(0,0,0,.82) 90%,#000);opacity:0;visibility:hidden;transition:opacity .45s,visibility 0s .45s}
.section-bottom-blur.is-visible{opacity:1;visibility:visible;transition-delay:0s}
.section-bottom-blur.protect-logo{backdrop-filter:none;-webkit-backdrop-filter:none;visibility:hidden;transition:none}
.section-next,.hero-goat .hero-down{left:50%!important;right:auto!important;bottom:calc(24px + var(--section-controls-lift))!important;transform:translateX(-50%);width:60px!important;height:60px!important;border:1px solid #b9edf15c!important;border-radius:50%!important;background:transparent!important;color:#92f3fa!important;box-shadow:none!important;display:grid;place-items:center;padding:0;backdrop-filter:none;-webkit-backdrop-filter:none}
.hero-goat .hero-down[hidden]{display:none!important}
.section-next svg,.hero-goat .hero-down svg,.section-return-circle svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;animation:section-arrow-float 2.7s ease-in-out infinite}
.section-next:hover,.hero-goat .hero-down:hover{background:#00d2e80d!important;border-color:#92f3fa!important}
.section-next:active{scale:.95}
.section-next{transition-property:opacity,translate,visibility,border-color,background-color,scale;transition-duration:.38s,.5s,0s,.25s,.25s,.18s;transition-timing-function:ease,cubic-bezier(.22,.61,.36,1),linear,ease,ease,ease}
.section-next:not(.is-visible){transition-delay:0s,0s,.38s,0s,0s,0s}
.section-next:hover svg,.section-next:focus-visible svg,.hero-goat .hero-down:hover svg,.return-managed:is(:hover,:focus-visible) svg{animation-play-state:paused}
.section-next:not(.is-visible) svg,.return-managed:not(.return-is-visible) svg{animation-play-state:paused}
@keyframes section-arrow-float{0%,100%{translate:0 -2px}50%{translate:0 3px}}
.evolution-speed{position:absolute;right:0;bottom:calc(100% + 22px);pointer-events:auto;z-index:5;display:grid;place-items:center;min-width:50px;height:34px;border:1px solid #00d2e877;border-radius:18px;background:#030b1280;color:#00d2e8;font:500 14px/1 var(--mono);letter-spacing:0;cursor:pointer;transition:background .2s,border-color .2s}
.evolution-speed:hover,.evolution-speed[aria-pressed=true]{background:#00d2e824;border-color:#00d2e8}
.evolution-speed:focus-visible{outline:2px solid #e8ffff;outline-offset:4px}
.hero-reel .scale-title{animation-duration:calc(.35s / var(--evolution-rate,1))}
.section-return-circle{position:relative;isolation:isolate;width:60px;height:60px;box-sizing:border-box;border:1px solid #b9edf15c;border-radius:50%;background:#03131b99;color:#92f3fa;display:grid;place-items:center;transform:rotate(180deg)}
.section-return-circle{transition:opacity .42s ease,translate .5s cubic-bezier(.22,.61,.36,1),border-color .25s,background-color .25s,scale .18s}
.return-managed .section-return-circle{opacity:0;translate:0 8px;visibility:hidden;transition:opacity .32s ease,translate .4s ease,visibility 0s .32s,border-color .25s,background-color .25s,scale .18s}
.return-managed.return-is-visible .section-return-circle{opacity:1;translate:0 0;visibility:visible;transition:opacity .42s ease .16s,translate .5s cubic-bezier(.22,.61,.36,1) .16s,visibility 0s,border-color .25s,background-color .25s,scale .18s}
.return-managed:not(.return-is-visible){pointer-events:none}
.return-managed:active .section-return-circle{scale:.95}
.contact-footer-scene .return-managed:focus-visible{outline:none}
.return-managed:focus-visible .section-return-circle{outline:2px solid #d5fcff;outline-offset:5px}
.section-return-circle::before{content:'';position:absolute;inset:-38px;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,#01070cb3 12%,#01070c70 38%,#01070c24 60%,transparent 76%);filter:blur(9px);pointer-events:none}
.contact-footer-scene .back-to-top-feature{overflow:visible}
.back-to-top-feature:hover .section-return-circle{background:#00d2e80d;border-color:#92f3fa}
.header .main-nav,.header .menu-button{transition:opacity .35s,visibility 0s}
.header.hero-navigation-minimal{background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;pointer-events:none}
.header.hero-navigation-minimal::before,.header.hero-navigation-minimal::after{display:none!important}
.header.hero-navigation-minimal .brand-header{visibility:hidden;opacity:0;pointer-events:none}
.header.hero-navigation-minimal .header-right{pointer-events:auto;border:1px solid #a6e2eb66;border-radius:999px;background:#030f15c2;padding:4px 10px;gap:14px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.header.hero-navigation-minimal .menu-music-control,.header.hero-navigation-minimal .language a{color:#c0dbe1}
.header.hero-navigation-minimal .menu-music-control:is(:hover,:focus-visible,.is-playing),.header.hero-navigation-minimal .language a:is(:hover,:focus-visible,[aria-current=page]){color:#00d2e8}
.header.hero-navigation-minimal .main-nav,.header.hero-navigation-minimal .menu-button{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s,visibility 0s .35s}
@media(max-width:850px){.header .header-right{display:flex;margin-left:auto;gap:12px}.header .menu-button{margin-left:0}.header.hero-navigation-minimal .menu-button{display:none}}
@media(max-width:620px){.section-next,.hero-goat .hero-down{width:54px!important;height:54px!important;bottom:calc(16px + var(--section-controls-lift))!important}.section-return-circle{width:54px;height:54px}}
@media(prefers-reduced-motion:reduce){.section-next svg,.hero-goat .hero-down svg,.section-return-circle svg{animation:none}.section-bottom-blur,.header .main-nav,.header .menu-button,.section-next,.section-next.is-ending,.section-return-circle,.return-managed .section-return-circle,.return-managed.return-is-visible .section-return-circle{transition:none;translate:none}}

/* Transparent slices of the same SVG tear briefly on hover, keeping the portrait in place. */
.team .team-photo::before,.team .team-photo::after{content:'';position:absolute;inset:0 7px;z-index:2;background-image:var(--crew-vector-image);background-repeat:no-repeat;background-position:center bottom;background-size:contain;pointer-events:none;opacity:0}
.team .team-photo::before{filter:brightness(1.65) saturate(1.3)}
.team .team-photo::after{filter:brightness(2) saturate(.35)}
@media(prefers-reduced-motion:no-preference){
 .team .team-avatars article:is(:hover,:focus-visible) .team-photo::before{animation:crew-vector-tear-a 2.6s steps(1,end) infinite}
 .team .team-avatars article:is(:hover,:focus-visible) .team-photo::after{animation:crew-vector-tear-b 2.6s steps(1,end) infinite}
 .team .team-avatars article:is(:hover,:focus-visible) img.crew-wireframe{animation:crew-vector-stutter 2.6s steps(1,end) infinite}
}
@keyframes crew-vector-stutter{0%,6%,12%,18%,64%,70%,100%{translate:0}3%,9%{translate:-1px 0}15%,67%{translate:1px 0}}
@keyframes crew-vector-tear-a{0%{opacity:.8;clip-path:inset(16% 0 75%);translate:-5px 0}4%{clip-path:inset(48% 0 46%);translate:5px 0}8%{clip-path:inset(30% 0 57%);translate:-3px 0}12%{clip-path:inset(64% 0 30%);translate:4px 0}16%,64%,73%,100%{opacity:0;translate:0}66%{opacity:.65;clip-path:inset(24% 0 68%);translate:4px 0}69%{clip-path:inset(53% 0 43%);translate:-4px 0}}
@keyframes crew-vector-tear-b{0%,3%,18%,63%,74%,100%{opacity:0;translate:0}5%{opacity:.6;clip-path:inset(41% 0 53%);translate:4px 0}9%{clip-path:inset(19% 0 76%);translate:-4px 0}13%{clip-path:inset(72% 0 23%);translate:3px 0}65%{opacity:.5;clip-path:inset(39% 0 56%);translate:-5px 0}70%{clip-path:inset(61% 0 35%);translate:4px 0}}