/* A steady headline, a gentle continuous scene and consistent digital portraits. */
.hero-goat .hero-down{position:absolute;left:50%;bottom:27px;transform:translateX(-50%);margin:0;padding:0;border:0;display:grid;place-items:center;width:48px;height:48px;color:var(--cyan)}
.hero-goat .hero-down b{font-size:36px;animation:arrow-down 1.8s ease-in-out infinite}
@keyframes arrow-down{50%{transform:translateY(8px)}}
.hero-goat .hero-lower{min-height:60px;margin-top:28px}
.hero-goat .hero-word-description{max-width:510px;min-height:2.8em;margin:0;font-size:19px;line-height:1.45}
.hero-word-description.is-changing{animation:description-in .4s ease both}
@keyframes description-in{from{opacity:.15;transform:translateY(7px)}to{opacity:1;transform:none}}
.portfolio-disclosure{overflow:hidden}
.film-open{aspect-ratio:16/9}
.film-open img{transform:none}
.film-open:hover img,.film-open:focus-visible img{transform:scale(1.04)}
.film-open img.thumbnail-brand{object-fit:contain;transform:none}
.about-brevko{--scene:url('assets/about/gold-awards-digital-v1.webp');--scene-opacity:.55;background:#04090b;padding:80px 0 90px;opacity:1;transform:none;transition:none}
.about-brevko::before{filter:blur(10px) saturate(.7);background-position:center;inset:-24px;opacity:.42}
.about-brevko::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#030809e8 0%,#0308098a 42%,#03080944 100%)}
.about-brevko-copy,.about-brevko h2,.about-brevko-copy>p{transform:none!important;transition:none!important}
.service-lab .service-stage{width:100vw;margin-left:calc(50% - 50vw)}
.service-lab .service-scene-copy{padding-left:max(48px,calc((100vw - 1560px)/2 + 60px));max-width:calc(max(48px,(100vw - 1560px)/2 + 60px) + 620px)}
.service-render{transition:none;animation:service-drift-v16 18s ease-in-out infinite alternate;animation-play-state:paused}
@keyframes service-drift-v16{from{transform:scale(1.035) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-8px,4px,0)}}
.team .team-grid.team-avatars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;max-width:1160px;margin-inline:auto;background:none;border:0}
.team-avatars article{min-width:0;position:relative}
.team-avatars .team-photo{width:100%;max-width:none;aspect-ratio:4/5;overflow:hidden;border:1px solid #264a50;background:#071012}
.team-avatars .team-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:none;filter:none}
.team-avatars .team-meta{padding-top:18px}
.team-avatars .team-meta .mono{color:var(--cyan);font-size:8px}
.team-avatars .team-meta h3{font:600 clamp(27px,3.3vw,47px)/1 var(--display);letter-spacing:-.02em;margin:7px 0 10px;overflow-wrap:normal}
.team-avatars .team-meta p{font:8px/1.6 var(--mono);color:#9db4ba;letter-spacing:.04em;margin:0}
.stat-value{display:flex;align-items:center;justify-content:space-between;gap:12px}
.stat-icon{width:clamp(65px,7vw,110px);height:clamp(65px,7vw,110px);flex:none;color:var(--cyan);opacity:.48}
.contact{--scene:url('assets/user-gallery/17621897_749146151919648_5488822533880928338_o.webp');--scene-opacity:.6;padding:90px 0 45px}
.contact::before{filter:none;background-position:center 35%;opacity:.58}
.contact::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#030809e8,#03080988 55%,#03080922),linear-gradient(0deg,#030809 0%,transparent 75%);pointer-events:none}
.contact-location{display:grid;grid-template-columns:1fr 2fr;gap:35px;align-items:center;margin-top:65px;padding-top:35px;border-top:1px solid #48636a}
.contact-location>.mono,.contact-location .mono{font-size:9px;letter-spacing:.12em;color:var(--cyan)}
.contact address{font:500 clamp(28px,3.5vw,50px)/1.15 var(--display);margin-top:18px;font-style:normal}
.contact address span{color:#aac3c8;font-size:.6em}
.contact-map{display:block;position:relative;overflow:hidden;border:1px solid #35555c;background:#071316}
.contact-map img{display:block;width:100%;height:auto}
.map-directions{position:absolute;bottom:18px;right:20px;background:#041016d9;padding:10px 12px;border:1px solid #2b626b}
.map-credit{text-align:right;font:8px var(--mono);color:#7c999f;margin:10px 0 0}
.brevko-intro{position:fixed;inset:0;z-index:9999;background:#04090b;display:grid;place-items:center;overflow:hidden;pointer-events:none;transition:opacity .6s ease,visibility .6s}
.brevko-intro[hidden]{display:none}
.intro-active .hero-goat .hero-sign,.intro-active .hero-goat h1 em,.intro-active .hero-goat .hero-lower{animation:none;opacity:0}
.brevko-intro.is-leaving{opacity:0;visibility:hidden}
.intro-logo{position:relative;width:min(62vw,550px);filter:invert(1);mix-blend-mode:screen;animation:intro-logo-in 1.4s cubic-bezier(.16,1,.3,1) both}
.intro-orbit{position:absolute;width:65vmin;height:65vmin;border:1px dotted #00d2e8;border-radius:50%;box-shadow:0 0 55px #00d2e826,inset 0 0 55px #00d2e818;animation:intro-orbit-in 1.7s ease both}
.intro-scan{position:absolute;left:0;right:0;top:20%;height:1px;background:linear-gradient(90deg,transparent,#00d2e8,transparent);box-shadow:0 0 20px #00d2e8;animation:intro-scan 1.6s ease both}
@keyframes intro-logo-in{0%{opacity:0;transform:scale(.7);filter:invert(1) blur(14px);clip-path:inset(0 100% 0 0)}55%{opacity:1;clip-path:inset(0 0 0 0)}100%{transform:scale(1);filter:invert(1) blur(0)}}
@keyframes intro-orbit-in{0%{opacity:0;transform:scale(.4) rotate(-45deg)}70%{opacity:.55}100%{opacity:0;transform:scale(1.4) rotate(45deg)}}
@keyframes intro-scan{from{top:15%;opacity:0}30%{opacity:.7}to{top:85%;opacity:0}}
@media(max-width:1100px){.service-lab .service-scene-copy{padding-left:30px;max-width:630px}.team .team-grid.team-avatars{gap:16px}.stat-icon{width:75px;height:75px}}
@media(max-width:850px){.team .team-grid.team-avatars{grid-template-columns:repeat(2,minmax(0,1fr));max-width:640px;gap:28px 20px}.contact-location{grid-template-columns:1fr;gap:25px}.stat-icon{width:78px;height:78px}}
@media(max-width:620px){.hero-goat .hero-word-description{font-size:14px;max-width:85%;min-height:3em}.hero-goat .hero-down{bottom:18px}.hero-goat .hero-inner{padding-bottom:85px}.service-lab .service-scene-copy{padding-left:19px;max-width:none}.team .team-grid.team-avatars{gap:24px 12px}.team-avatars .team-meta h3{font-size:clamp(22px,5.8vw,35px)}.team-avatars .team-meta p{font-size:7px}.team-avatars .team-meta{padding-top:13px}.stat-icon{width:50px;height:50px}.stat-value{gap:7px}.contact{padding-top:60px}.contact-location{margin-top:40px}.contact-map .map-directions{font-size:7px;bottom:9px;right:9px;padding:7px}.about-brevko{padding:55px 0 65px}.about-brevko::before{background-position:65% center}}
@media(prefers-reduced-motion:reduce){.hero-down b,.hero-word-description,.intro-logo,.intro-orbit,.intro-scan,.service-render{animation:none!important}.brevko-intro{display:none!important}}

.gateway-count,.gateway-number,.back-to-top-index,.team-avatars .team-meta>span.mono{display:none!important}
.hero-goat .hero-position,.hero-goat .hero-sign,.hero-goat .hero-lower{margin-left:0}
@media(max-width:620px){.hero-goat .hero-position,.hero-goat .hero-sign,.hero-goat .hero-lower{margin-left:0}.hero-goat .hero-sign{max-width:calc(100vw - 65px)}}

.hero-goat h1 em .goat-word{text-align:left}
.hero-goat .goat-dot,.service-lab-top,.service-scope{display:none!important}

/* Keep fixed navigation on the same content edges as the page. */
.header{padding-inline:max(48px,calc((100% - 1560px)/2))}
@media(max-width:1100px){.header{padding-inline:30px}}
@media(max-width:620px){.header{padding-inline:19px}}
.back-to-top-feature{grid-template-columns:1fr;grid-template-rows:1fr;padding-inline:max(48px,calc((100% - 1560px)/2))}
.collection-shown,.back-to-top-arrow{display:none!important}
.team{--scene:url('assets/user-gallery/DSC01775.webp');--scene-opacity:.24}
.hero-goat .hero-gallery .hero-image:nth-child(3){background-image:none!important;overflow:hidden}
.hero-goat .hero-gallery .hero-image:nth-child(3)::before{content:'';position:absolute;inset:0;background:url('assets/user-gallery/DSC08484.webp') center/cover no-repeat;transform:scaleX(-1)}
.about-brevko h2{font-size:clamp(64px,7vw,118px);line-height:.92}
.about-brevko h2>span{font-size:.62em;line-height:1.12;margin-bottom:12px}
@media(max-width:1100px){.back-to-top-feature{padding-inline:30px}}
@media(max-width:620px){.about-brevko h2{font-size:18vw}.back-to-top-feature{padding-inline:19px}}

.about-brevko-copy>p{white-space:pre-line;max-width:560px}
.feel-scale{position:absolute;z-index:5;right:max(48px,calc((100% - 1560px)/2));top:50%;display:flex;align-items:center;gap:20px;padding:18px 24px;color:#effbfc;background:#03090b8c;border:1px solid #8ac1c66b;font:500 19px var(--body);cursor:pointer;backdrop-filter:blur(8px);transition:opacity .7s,border-color .25s,background .25s}
.feel-scale:hover{border-color:var(--cyan);background:#081e24cc}
.feel-scale:focus-visible,.hero-reel-close:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}
.feel-scale svg{width:22px;height:22px;fill:none;stroke:var(--cyan);stroke-width:1.3}
.hero-reel{position:absolute;inset:0;z-index:10;background:#000;opacity:0;pointer-events:none;transition:opacity .9s ease}
.hero-reel[hidden]{display:none}
.hero-reel video{width:100%;height:100%;display:block;object-fit:contain;background:#000}
.hero-reel-close{position:absolute;top:24px;right:max(24px,calc((100% - 1560px)/2));width:40px;height:40px;color:#fff;background:#0008;border:1px solid #ffffff55;font:24px/1 var(--body);cursor:pointer}
.hero-reel-error{position:absolute;bottom:60px;left:20px;right:20px;text-align:center;color:#fff}
.hero-goat .hero-inner,.hero-goat .hero-down,.header{transition:opacity .9s ease}
.reel-playing .hero-reel{opacity:1;pointer-events:auto}
.reel-playing .hero-inner,.reel-playing .hero-down,.reel-playing .feel-scale{opacity:0;pointer-events:none}
.reel-viewing .header{opacity:0;pointer-events:none}
.hero-gallery.reel-reset .hero-image{transition:none}
@media(max-width:1100px){.feel-scale{right:30px;font-size:16px;padding:15px 18px}}
@media(max-width:850px){.feel-scale{top:auto;bottom:75px;right:30px}}
@media(max-width:620px){.feel-scale{right:19px;bottom:60px;padding:12px 16px;font-size:14px;gap:14px}.hero-goat .hero-inner{padding-bottom:145px}}
@media(prefers-reduced-motion:reduce){.hero-reel,.hero-goat .hero-inner,.hero-goat .hero-down,.header,.feel-scale{transition:none}}
.feel-scale{right:17%;top:50%;transform:translateY(-50%);border-radius:999px;padding:20px 29px;border-color:#c5eff34d;background:#06101280;box-shadow:0 8px 40px #0003}
.feel-scale:focus:not(:focus-visible){outline:none}
.hero-goat .hero-position,.hero-goat .hero-sign,.hero-goat h1 em,.hero-goat .hero-lower{transition:transform .85s cubic-bezier(.22,1,.36,1),opacity .65s ease}
.hero-goat .hero-sign{transition-delay:.09s}.hero-goat h1 em{transition-delay:.17s}.hero-goat .hero-lower{transition-delay:.25s}
.reel-playing .hero-inner{opacity:1}
.reel-playing .hero-position,.reel-playing .hero-sign,.reel-playing h1 em,.reel-playing .hero-lower{opacity:0;transform:translate3d(-100px,0,0)!important;transition-delay:0s}
.hero-reel{transition:opacity 1.1s ease}
.hero-reel video{pointer-events:none;object-fit:cover}
.hero-reel::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0004,transparent 25%,#0003 50%,#000b 100%)}
.hero-reel-close{z-index:3;opacity:.45;border:0;border-radius:50%;transition:opacity .2s}
.hero-reel-close:hover{opacity:1}
.scale-titles{position:absolute;z-index:2;top:16%;bottom:13%;right:max(48px,calc((100% - 1560px)/2));width:min(850px,62%);overflow:hidden;text-align:right;opacity:0;transition:opacity .5s ease;mask-image:linear-gradient(transparent,#000 4%,#000 96%,transparent)}
.scale-titles.titles-visible,.scale-years.titles-visible{opacity:1}
.scale-title-track{will-change:transform;padding-top:10px}
.scale-title{height:19px;font:500 clamp(10px,.78vw,14px)/19px var(--mono);color:#f8fcfd;text-shadow:0 1px 3px #000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;animation:scale-row-in .35s cubic-bezier(.2,.8,.2,1) both}
.scale-title:nth-child(even){color:#00ffde}
.scale-years{position:absolute;z-index:2;left:22%;top:50%;width:260px;height:140px;transform:translate(-50%,-50%);font:500 clamp(70px,7vw,128px)/1 var(--mono);color:#00ffde;opacity:0;transition:opacity .5s;text-shadow:0 2px 20px #0008}
.scale-years>span{position:absolute;inset:0;opacity:0;transform:translateY(10px);transition:opacity .3s,transform .4s}
.scale-years>span.is-current{opacity:.8;transform:translateY(0)}
@keyframes scale-row-in{from{opacity:0;transform:translateX(65px)}to{opacity:1;transform:translateX(0)}}
.hero-goat .hero-sign>span{margin-left:0!important;padding-left:10px}
.brevko-intro{background:#000;transition:opacity .7s ease,visibility .7s}
.intro-glitch{position:absolute;inset:0;width:100%;height:100%}
.intro-lockup{position:relative;display:flex;align-items:center;justify-content:center;width:min(50vw,420px);animation:intro-reference-logo 3.3s linear both}
.intro-lockup .intro-logo{display:block;width:100%;flex:1;min-width:0;animation:none;filter:invert(1);mix-blend-mode:screen}
.intro-lockup>span{color:#fff;font:700 clamp(18px,2.4vw,37px)/1 var(--display);padding-left:7px;margin-top:8px}
.intro-active .header{opacity:0;pointer-events:none}
@keyframes intro-reference-logo{0%,10%{opacity:0;transform:scale(.9);filter:blur(3px)}17%{opacity:.9;transform:scale(1);filter:none}20%{transform:translateX(-7px)}22%{transform:translateX(4px);filter:blur(1px)}26%,45%{transform:none;filter:none;opacity:1}46%{transform:skewX(-6deg) translateX(8px);filter:blur(2px)}48%,72%{transform:none;filter:none}73%{opacity:.4;transform:translateY(4px)}76%,100%{opacity:1;transform:none;filter:none}}
@media(max-width:1100px){.feel-scale{right:12%}.scale-titles{right:30px}}
@media(max-width:850px){.feel-scale{top:39%;bottom:auto;right:10%}.scale-titles{width:72%;top:15%;bottom:10%}.scale-years{left:15%;width:150px}}
@media(max-width:620px){.feel-scale{top:26%;right:9%;padding:15px 22px}.scale-titles{right:19px;width:calc(100% - 38px);top:25%;bottom:10%}.scale-title{font-size:10px}.scale-years{left:19px;top:13%;transform:none;width:180px;height:70px;font-size:54px}.intro-lockup{width:64vw}.hero-goat .hero-sign>span{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.scale-title,.intro-lockup{animation:none}.hero-goat .hero-position,.hero-goat .hero-sign,.hero-goat h1 em,.hero-goat .hero-lower{transition:none}.reel-playing .hero-position,.reel-playing .hero-sign,.reel-playing h1 em,.reel-playing .hero-lower{transform:none!important}}
.hero-reel video{filter:brightness(.5)}
.hero-reel::after{display:none}
.scale-title,.scale-title:nth-child(even){color:var(--cyan)}
.reel-viewing .header{opacity:1;pointer-events:auto}
.intro-lockup{animation:intro-logo-steady 3.3s ease both}
.intro-lockup>span{color:var(--cyan)}
@keyframes intro-logo-steady{0%,10%{opacity:0;filter:blur(4px)}28%{opacity:.85;filter:blur(.4px)}40%,100%{opacity:1;filter:none}}
.intro-lockup.intro-b{width:min(18vw,85px)}
.intro-b .intro-logo{filter:none;mix-blend-mode:normal}
.scale-years{font-family:var(--display);font-weight:900;letter-spacing:-.025em;text-align:center}
.hero-goat.reel-preparing .hero-position,.hero-goat.reel-preparing .hero-sign,.hero-goat.reel-preparing h1 em,.hero-goat.reel-preparing .hero-lower{opacity:0;transform:translate3d(-85vw,0,0)!important;transition:transform .85s cubic-bezier(.55,.01,.75,.45),opacity .55s ease}
.hero-goat.reel-preparing h1 em{transition-delay:0s}
.hero-goat.reel-preparing .hero-sign{transition-delay:.10s}
.hero-goat.reel-preparing .hero-position{transition-delay:.16s}
.hero-goat.reel-preparing .hero-lower{transition-delay:.22s}
.hero-goat.reel-preparing .feel-scale,.hero-goat.reel-preparing .hero-down{opacity:0;pointer-events:none;transition:opacity .45s .25s ease}
.hero-goat .hero-position,.hero-goat .hero-sign,.hero-goat h1 em,.hero-goat .hero-lower{animation:none}
@media(prefers-reduced-motion:reduce){.hero-goat.reel-preparing .hero-position,.hero-goat.reel-preparing .hero-sign,.hero-goat.reel-preparing h1 em,.hero-goat.reel-preparing .hero-lower{transition:none;transform:none!important}}

/* The return uses the same staggered entrance as the opening scene. */
.hero-goat.reel-returning .hero-position,.hero-goat.reel-returning .hero-sign,.hero-goat.reel-returning h1 em,.hero-goat.reel-returning .hero-lower,.hero-goat.reel-returning .feel-scale,.hero-goat.reel-returning .hero-down{transition:none}
.hero-reel-close{top:auto;right:auto;left:50%;bottom:27px;transform:translateX(-50%);display:grid;place-items:center;width:48px;height:48px;border:1px solid #00d2e880;background:#031014a8;color:var(--cyan);font-size:30px;opacity:.85;backdrop-filter:blur(8px)}
.hero-reel-close:hover{background:#06212bcc;border-color:var(--cyan)}
.scale-years{color:var(--cyan)}

/* Soften only the edges of scenes, keeping copy and foreground artwork sharp. */
main>section{position:relative}
main>section>.section-seam{position:absolute;left:50%;width:100vw;height:96px;transform:translateX(-50%);z-index:3;pointer-events:none;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#050607;}
.section-seam-top{top:0;mask-image:linear-gradient(#000,transparent);-webkit-mask-image:linear-gradient(#000,transparent)}
.section-seam-bottom{bottom:0;mask-image:linear-gradient(transparent,#000);-webkit-mask-image:linear-gradient(transparent,#000)}
.hero-goat>.section-seam-top{display:none}
.about-brevko,.statistics,.selected,.people,.team,.contact{border-block-color:transparent}
.about-brevko::before,.statistics::before,.selected::before,.people::before,.team::before,.contact::before{mask-image:linear-gradient(transparent,#000 96px,#000 calc(100% - 96px),transparent)}
.hero-reel::after{display:block;inset:auto 0 0;height:96px;background:#050607;backdrop-filter:blur(14px);mask-image:linear-gradient(transparent,#000);z-index:1}
@media(max-width:620px){main>section>.section-seam,.hero-reel::after{height:64px}.hero-reel-close{bottom:18px}.about-brevko::before,.statistics::before,.selected::before,.people::before,.team::before,.contact::before{mask-image:linear-gradient(transparent,#000 64px,#000 calc(100% - 64px),transparent)}}

.hero-reel video{filter:brightness(.22)}
.scale-title{animation:none;transition:filter .18s linear,opacity .18s linear}
.hero-goat h1 em .goat-word,.hero-goat h1 em .goat-word.goat-mesh-ready{color:transparent!important;-webkit-text-stroke:0!important}
.goat-network{opacity:0}.goat-mesh-ready .goat-network{opacity:1}
.statistics{--scene:url('assets/user-gallery/experience-mercedes.webp');--scene-opacity:.43}
.statistics::before{background-position:center 51%;filter:blur(2px) saturate(.85);opacity:var(--scene-opacity)}
@media(prefers-reduced-motion:reduce){.hero-reel video,.scale-title{transition:none}}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:900;font-display:swap;src:url('assets/fonts/barlow-condensed-900.ttf') format('truetype')}

/* Keep sequential arrivals and scroll only once the rows reach the lower edge. */
.scale-titles{top:14%;bottom:14%;height:auto;mask-image:linear-gradient(transparent,#000 5%,#000 96%,transparent)}
.scale-years>span{display:grid;place-items:center}
@media(max-width:620px){.scale-titles{top:14%;bottom:14%;right:19px;width:calc(100% - 158px)}.scale-years{top:50%;left:19px;width:110px;height:100px;transform:translateY(-50%);font-size:54px}}

/* Keep foreground copy above the soft scene edges. */
.statistics> :not(.section-seam),.selected> :not(.section-seam),.people> :not(.section-seam),.team> :not(.section-seam),.contact> :not(.section-seam),.about-brevko> :not(.section-seam){z-index:4}
.service-select{flex:1 0 135px;padding-inline:12px}
.service-select>span:last-child{max-width:none;white-space:nowrap;font-size:clamp(18px,1.35vw,24px)}
@media(max-width:620px){.service-select{flex:0 0 auto;min-width:135px}.service-select>span:last-child{font-size:20px}}

/* A graphite and turquoise scene with warm accents on the record awards. */
.experience-grade{position:absolute;overflow:hidden;pointer-events:none}
.statistics{--scene-opacity:.88;--experience-orange:#ff9648}
.statistics::before{filter:contrast(1.2) url('#experience-duotone') blur(1px);opacity:var(--scene-opacity)}
.statistics::after{content:'';position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);z-index:1;pointer-events:none;background:radial-gradient(ellipse at 85% 42%,#ff964829,transparent 46%),linear-gradient(90deg,#050b0e75,#050b0e12 54%,#050b0e50);mask-image:linear-gradient(transparent,#000 80px,#000 calc(100% - 80px),transparent)}
.statistics .studio-proof>div{border-top-color:#00c7d84a}
.statistics .proof-gold,.statistics .proof-platinum{border-top-color:#ff964865}
.statistics .proof-gold strong{color:var(--experience-orange)}
.statistics .proof-gold .stat-icon,.statistics .proof-platinum .stat-icon{color:var(--experience-orange);opacity:.65}
.statistics .studio-proof>div>span{color:#b5cbd0}

/* The retrospective invitation has a quiet date and one circular play mark. */
.feel-scale{border:0;background:transparent;box-shadow:none;backdrop-filter:none;border-radius:12px;gap:20px;padding:12px;color:#f0f8f9;transition:opacity .7s,color .25s}
.feel-scale:hover{background:transparent;color:var(--cyan)}
.journey-copy{display:flex;flex-direction:column;align-items:flex-start;gap:9px;text-align:left}
.journey-copy>span{font:500 clamp(20px,1.65vw,26px)/1.15 var(--body);letter-spacing:-.025em}
.journey-copy>small{font:9px/1.2 var(--mono);letter-spacing:.16em;color:#d2e3e5;text-shadow:0 1px 6px #000}
.feel-scale svg.journey-play{width:60px;height:60px;flex:none;stroke:var(--cyan);stroke-width:1;overflow:visible}
.journey-play circle{fill:#00c7d80a;transition:fill .3s,stroke .3s}
.journey-play path{fill:var(--cyan);stroke:none;transition:fill .3s}
.feel-scale:hover .journey-play circle{fill:var(--cyan)}
.feel-scale:hover .journey-play path{fill:#031014}
@media(max-width:850px){.feel-scale{top:81%;bottom:auto;right:8%;padding:12px}.journey-copy>span{font-size:20px}.feel-scale svg.journey-play{width:52px;height:52px}}
@media(max-width:620px){.feel-scale{top:auto;bottom:47px;right:19px;gap:15px}.journey-copy>span{font-size:18px}.journey-copy>small{font-size:8px}.feel-scale svg.journey-play{width:48px;height:48px}}

/* Preserve the crew order while accommodating the fifth portrait. */
.team .team-grid.team-avatars{grid-template-columns:repeat(5,minmax(0,1fr));max-width:1360px;gap:20px}
@media(max-width:1100px) and (min-width:851px){.team .team-grid.team-avatars{grid-template-columns:repeat(6,minmax(0,1fr));gap:28px 20px}.team-avatars article{grid-column:span 2}.team-avatars article:nth-child(4){grid-column:2 / span 2}.team-avatars article:nth-child(5){grid-column:4 / span 2}}
@media(max-width:850px){.team .team-grid.team-avatars{grid-template-columns:repeat(4,minmax(0,1fr));max-width:640px;gap:28px 20px}.team-avatars article{grid-column:span 2}.team-avatars article:last-child{grid-column:2 / span 2}}
@media(max-width:620px){.team .team-grid.team-avatars{gap:24px 12px}}

/* Transparent crew cutouts, subtle atmospheric motion and cyan lighting. */
.team-avatars .team-photo{width:85%;margin-inline:auto;border:0;background:transparent;overflow:visible}
.team-avatars .team-photo img{object-fit:contain;filter:none;mask-image:linear-gradient(#000 89%,transparent 100%)}
.team-avatars .team-meta{width:85%;margin-inline:auto}
.team::before{filter:url('#crew-cyan') blur(2px) saturate(.85);opacity:.3}
.crew-smoke{position:absolute!important;z-index:1!important;left:50%;bottom:0;width:100vw;height:43%;transform:translateX(-50%);overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent,#000 25%,#000 80%,transparent)}
.crew-smoke i{position:absolute;left:-10%;bottom:-15%;width:120%;height:115%;background:radial-gradient(ellipse at 30% 64%,#00c7d84f,transparent 43%),radial-gradient(ellipse at 70% 70%,#c1e4ea25,transparent 46%);filter:url('#crew-fog') blur(22px);opacity:.38;animation:crew-drift 18s ease-in-out infinite alternate;animation-play-state:paused}
.crew-smoke i+ i{background:radial-gradient(ellipse at 67% 60%,#00c7d82c,transparent 43%),radial-gradient(ellipse at 40% 60%,#00c7d837,transparent 46%);animation-duration:23s;animation-direction:alternate-reverse}
.team.is-motion-visible .crew-smoke i{animation-play-state:running}
@keyframes crew-drift{from{transform:translate3d(-5%,6%,0) scale(1)}to{transform:translate3d(6%,-9%,0) scale(1.08)}}
.statistics .stat-icon,.statistics .proof-gold .stat-icon,.statistics .proof-platinum .stat-icon{color:var(--cyan);opacity:.65}
.mercedes-glow{position:absolute!important;inset:-5px auto -5px 50%;width:100vw;transform:translateX(-50%);z-index:0!important;pointer-events:none;background:var(--scene) center 51%/cover no-repeat;filter:contrast(1.4) url('#mercedes-led') blur(1px);mix-blend-mode:screen;opacity:.15;mask-image:linear-gradient(transparent,#000 96px,#000 calc(100% - 96px),transparent);animation:mercedes-light 6.5s ease-in-out infinite;animation-play-state:paused}
.statistics.is-motion-visible .mercedes-glow{animation-play-state:running}
@keyframes mercedes-light{0%,100%{opacity:.12}45%{opacity:.6}65%{opacity:.38}}
.contact h2.contact-heading{font-size:clamp(45px,8vw,124px);line-height:1;letter-spacing:-.025em;margin:0 0 32px;white-space:nowrap}
.contact-heading::after{content:'.';color:var(--cyan)}
.back-to-top-feature{display:flex;align-items:center;justify-content:flex-start;padding-block:40px}
.back-to-top-title{display:block;line-height:1;margin:0;transform:translateY(-.035em)}
@media(max-width:620px){.back-to-top-feature{padding-block:30px}.crew-smoke{height:55%}.contact h2.contact-heading{font-size:clamp(38px,10vw,60px)}}
@media(prefers-reduced-motion:reduce){.crew-smoke i,.mercedes-glow{animation:none}}
.hero-goat .feel-scale{top:auto;bottom:66px;right:max(48px,calc((100% - 1560px)/2));transform:none}
.hero-goat.reel-ending .hero-reel video{transition:opacity 1.2s ease;opacity:.2}
.hero-reel video{opacity:1;transition:opacity 1.2s ease}
@media(max-width:1100px){.hero-goat .feel-scale{right:30px}}
@media(max-width:620px){.hero-goat .feel-scale{right:19px;bottom:40px}}
.hero-goat .hero-lower{display:flex;flex-direction:column;align-items:flex-start;gap:26px}
.hero-goat .feel-scale.journey-inline{position:relative;top:auto;right:auto;bottom:auto;transform:none;display:flex;gap:28px;align-items:center;padding:12px 0;border-radius:0;text-align:left;color:#e9f4f6}
.journey-inline .journey-copy{gap:6px}
.journey-inline .journey-copy>span{font:500 16px/1.2 var(--body);letter-spacing:.01em}
.journey-inline .journey-copy>small{font-size:8px;color:#8aaab0}
.journey-inline .journey-arrow{width:96px;height:24px;stroke:var(--cyan);stroke-width:1.1;overflow:visible;transition:transform .45s ease}
.journey-inline .journey-arrow circle{fill:var(--cyan);stroke:none}
.journey-inline:hover{color:var(--cyan)}
.journey-inline:hover .journey-arrow{transform:translateX(10px)}
.journey-line{stroke-dasharray:86;stroke-dashoffset:12;transition:stroke-dashoffset .45s ease}
.journey-inline:hover .journey-line{stroke-dashoffset:0}
@media(max-width:620px){.hero-goat .hero-lower{gap:14px}.hero-goat .hero-inner{padding-bottom:80px}.journey-inline .journey-copy>span{font-size:15px}}
/* Keep the horizontal production list readable above scene seams. */
.clip-ribbon>.section-seam{display:none}
.clip-ribbon .clip-name{color:#e4f2f5;opacity:1;font-size:9px}
.clip-ribbon .clip-name:nth-child(even){color:#00d4e4}
.clip-ribbon .clip-lane{height:15px}
.clip-ribbon .clip-ribbon-head{color:#d6e8eb}
.team-avatars .team-photo picture{display:block;width:100%;height:100%}
.about-brevko-photo .about-glitch{position:absolute;inset:0;pointer-events:none;opacity:0;filter:grayscale(1) sepia(1) saturate(6) hue-rotate(135deg);mix-blend-mode:screen;animation:about-glitch 5s linear infinite!important;animation-play-state:paused!important}
.about-brevko-photo.field-visible .about-glitch{animation-play-state:running!important}
.about-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
@keyframes about-glitch{0%,94%,100%{opacity:0;transform:none;clip-path:inset(0)}95%{opacity:.65;transform:translateX(-4px);clip-path:inset(17% 0 67%)}96%{opacity:.4;transform:translateX(4px);clip-path:inset(53% 0 27%)}97%{opacity:.5;transform:translateX(-2px);clip-path:inset(76% 0 10%)}98%{opacity:0;transform:none}}
@media(prefers-reduced-motion:reduce){.about-glitch,.about-field{display:none!important}}
.statistics::before,.statistics .mercedes-glow{background-position:calc(50% + 24vw) 51%}
.statistics .studio-proof strong,.statistics .proof-gold strong,.statistics .studio-proof strong>span{color:var(--cyan)}
@media(max-width:850px){.statistics::before,.statistics .mercedes-glow{background-position:calc(50% + 13vw) 51%}}

/* Nine cards: icon, bold value, then explanation; three full desktop rows. */
/* A single, shallow view from above during entry; the title then rests flat. */
.service-scene-copy{perspective:1100px;perspective-origin:50% 20%}
.service-scene h3{transform-origin:50% 50%;transform:none;text-shadow:0 1px 0 #8cbdc455,0 2px 0 #456e7940,0 5px 12px #0005;animation:none;backface-visibility:hidden}
.service-scene:not([hidden]) h3{animation:service-title-settle .9s cubic-bezier(.22,.75,.25,1) .12s both;animation-play-state:paused}
.service-lab.is-visible:not(.is-still) .service-scene:not([hidden]) h3{animation-play-state:running}
@keyframes service-title-settle{from{transform:translateX(28px) rotateX(-12deg);opacity:.4}to{transform:none;opacity:1}}
@media(prefers-reduced-motion:reduce){.service-scene:not([hidden]) h3{animation:none;transform:none}}
.team-avatars .team-photo::after{display:none}
.hero-goat .feel-scale.journey-inline{flex-direction:column;align-items:flex-start;gap:9px}
.journey-timeline{display:flex;align-items:center;gap:14px;color:#94b3b9;font:9px/1 var(--mono);letter-spacing:.08em}
.journey-timeline .journey-arrow{width:112px;height:24px;transform:none!important}
.journey-timeline .journey-rail{stroke:#4b747c;stroke-width:.7;opacity:.6}
.journey-timeline .journey-line{stroke:var(--cyan);stroke-dasharray:86;stroke-dashoffset:86;transition:stroke-dashoffset .8s cubic-bezier(.22,.7,.3,1)}
.journey-timeline .journey-head{opacity:.3;transition:opacity .3s .15s}
.journey-inline:hover .journey-line,.journey-inline:focus-visible .journey-line{stroke-dashoffset:0}
.journey-inline:hover .journey-head,.journey-inline:focus-visible .journey-head{opacity:1}
.journey-inline:hover .journey-timeline,.journey-inline:focus-visible .journey-timeline{color:var(--cyan)}
@media(prefers-reduced-motion:reduce){.journey-timeline .journey-line{stroke-dashoffset:0;transition:none}}
.statistics.container{max-width:1660px;padding-block:100px 110px}
.statistics .studio-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:50px;align-items:stretch}
.statistics .studio-proof>div{border:1px solid #00c7d82e;padding:28px 26px 30px;min-height:260px;background:linear-gradient(145deg,#041014b8,#04101465);border-radius:6px;display:flex;flex-direction:column;justify-content:flex-start}
.statistics .stat-value{flex-direction:column;align-items:flex-start;gap:20px;justify-content:flex-start}
.statistics .stat-icon{order:-1;width:58px;height:58px;opacity:.8;color:var(--cyan)}
.statistics .studio-proof strong{font-weight:900;font-size:clamp(88px,8.5vw,142px);line-height:.9;letter-spacing:-.025em}
.statistics .studio-proof .stat-heading{font-size:clamp(29px,3vw,52px);line-height:1;letter-spacing:-.015em;min-height:1.9em;display:flex;align-items:center;white-space:normal}
.statistics .studio-proof>div>span{margin-top:20px;line-height:1.6;font-size:11px;letter-spacing:.045em;color:#c7d9dd}
.statistics .proof-savings>span,.statistics .proof-growth>span{font-family:var(--body);font-size:15px;letter-spacing:0;max-width:29em}
.statistics .proof-growth .stat-icon{color:#ff9648;stroke-width:2.5}
.statistics::before{background-image:url('assets/user-gallery/experience-mercedes-scene-v2.svg');background-position:center 50%;background-size:cover;filter:none;opacity:.9}
.statistics .mercedes-glow{display:none}
.about-brevko-photo{overflow:visible;background:transparent;border:0}
.about-render-frame{position:absolute;inset:0;overflow:hidden;border:1px solid #36545a;background:#121718}
.about-brevko-photo .about-field{inset:-100px -80px;width:calc(100% + 160px);height:calc(100% + 200px);z-index:3;pointer-events:none}
.statistics::after{background:linear-gradient(90deg,#040b0e38,transparent 60%,#040b0e20)}
.statistics.stats-ready.stats-visible .studio-proof>div:nth-child(n+7){transition-delay:1.3s}
@media(max-width:850px){.statistics.container{padding-block:75px 85px}.statistics .studio-proof{gap:14px}.statistics .studio-proof>div{padding:22px 18px;min-height:230px}.statistics .studio-proof strong{font-size:clamp(62px,10vw,100px)}.statistics .studio-proof .stat-heading{font-size:clamp(22px,3.3vw,32px)}.statistics .stat-icon{width:45px;height:45px}}
@media(max-width:620px){.statistics.container{padding-block:65px 75px}.statistics .studio-proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.statistics .studio-proof>div{padding:20px 15px;min-height:225px}.statistics .studio-proof strong{font-size:clamp(56px,16vw,92px)}.statistics .studio-proof .stat-heading{font-size:27px}.statistics .studio-proof>div>span{font-size:9px}.statistics .proof-savings>span,.statistics .proof-growth>span{font-size:13px}.statistics .studio-proof>div:last-child{grid-column:1/-1}.statistics::before{background-position:59% center}}

/* One shared type size and a centered value area in every statistics card. */
.statistics{--stat-size:clamp(58px,5.2vw,90px)}
.statistics .studio-proof>div{min-height:385px;text-align:center;align-items:center;padding:28px 26px}
.statistics .stat-value{align-items:center;gap:22px;width:100%;flex:1}
.statistics .stat-icon{width:58px;height:58px}
.statistics .studio-proof strong,.statistics .studio-proof .stat-heading{font-size:var(--stat-size);font-weight:900;line-height:.95;letter-spacing:-.025em;text-align:center;display:flex;justify-content:center;align-items:center;flex:1;width:100%;min-height:0;white-space:normal;margin:0}
.statistics .studio-proof strong>span{font-size:inherit;line-height:inherit;vertical-align:baseline;margin:0}
.statistics .studio-proof .stat-heading{display:block;align-content:center}
.statistics .studio-proof>div>span{width:100%;margin-top:20px;min-height:34px;display:grid;place-items:center}
@media(max-width:850px){.statistics{--stat-size:clamp(40px,5.2vw,58px)}.statistics .studio-proof>div{min-height:340px;padding:24px 18px}}
@media(max-width:620px){.statistics{--stat-size:clamp(36px,8.8vw,54px)}.statistics .studio-proof>div{min-height:290px;padding:22px 15px}.statistics .stat-icon{width:46px;height:46px}.statistics .studio-proof>div:last-child{min-height:320px}.statistics .stat-value{gap:18px}}
.statistics{--stat-size:clamp(80px,8vw,128px)}
.statistics .studio-proof>div{min-height:310px}
.statistics .studio-proof strong.is-counting-views{font-size:calc(var(--stat-size)*.42);white-space:nowrap;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.statistics .studio-proof strong>span[hidden]{display:none}
.statistics .proof-ready .stat-icon{color:var(--cyan)}
.statistics::before{background-size:cover;background-position:center 48%;background-repeat:no-repeat}
.statistics::before{opacity:.64;background-image:url('assets/user-gallery/experience-mercedes-scene-v2.svg?v=curved-led-3')}
.service-effect{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none}
.service-effect-vfx{z-index:1}
.service-scene#service-scene-voice>.service-render{object-position:60% 80%}
.service-scene.effect-ready>.service-render{opacity:0}
.stat-heading-word{display:inline-block;white-space:nowrap}
.stat-heading-letter{display:inline-block;opacity:0;transform:translateY(.35em) rotateX(-25deg);filter:blur(3px)}
.letters-shown .stat-heading-letter{animation:stat-letter-enter .6s cubic-bezier(.2,.8,.2,1) var(--letter-delay) both}
@keyframes stat-letter-enter{to{opacity:1;transform:none;filter:none}}
.artist-directory{isolation:isolate;position:relative}
.artist-directory::before{content:'';position:absolute;z-index:-1;left:50%;top:-110px;bottom:-100px;width:100vw;transform:translateX(-50%);background:url('assets/user-gallery/artists-campfire.webp') center 63%/cover no-repeat;opacity:.53;mask-image:linear-gradient(transparent,#000 110px,#000 calc(100% - 100px),transparent);pointer-events:none}
.artist-directory::after{content:'';position:absolute;z-index:-1;inset:-80px calc(50% - 50vw) -100px;background:linear-gradient(90deg,#04090b77,#04090b33 50%,#04090b77);pointer-events:none;mask-image:linear-gradient(transparent,#000 100px,#000 calc(100% - 100px),transparent)}
@media(max-width:850px){
 .service-lab>.container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
 .service-selector{display:contents}
 .service-stage{grid-row:2;grid-column:1/-1}
 .service-select{grid-row:1;min-width:0;padding:15px 5px;text-align:center;border-bottom:1px solid #19373f}
 .service-select:nth-child(n+5){grid-row:3}
 .service-select>span:last-child{max-width:none;white-space:nowrap;font-size:clamp(13px,3.1vw,22px);line-height:1.1}
 .service-select .mono{margin-bottom:6px;font-size:7px}
 .service-lab .service-stage{height:590px}
 #service-scene-voice h3{max-width:55%;font-size:clamp(36px,9.3vw,54px);line-height:1}
 #service-scene-voice>.service-render{object-position:67% 80%}
 .artist-directory::before{background-position:46% center}
}
@media(prefers-reduced-motion:reduce){.service-effect{display:none}.stat-heading-letter{opacity:1;transform:none;filter:none;animation:none!important}}
.people{--scene:url('assets/user-gallery/warsaw-mercedes.webp');--scene-opacity:.46}
.people::before{inset:0 0 auto;height:1150px;max-height:70%;background-position:center 54%;filter:saturate(.8);opacity:.46;mask-image:linear-gradient(transparent,#000 100px,#000 74%,transparent)}
.contact{--scene:url('assets/user-gallery/contact-globe.webp')}
.contact::before{background-position:center 38%;filter:none;opacity:.57}
@media(max-width:850px){.people::before{height:950px;background-position:57% center}.contact::before{background-position:42% center}.contact::after{background:linear-gradient(90deg,#030809ba,#03080977),linear-gradient(0deg,#030809,transparent 75%)}}
.team{--scene:url('assets/crew/crew-hall-v1.webp');--scene-opacity:.72}
.team::before{background-position:center 40%;filter:none;opacity:.72}
.team .crew-smoke{z-index:1!important;height:54%;opacity:.75}
.team .team-avatars{position:relative;z-index:2}
.team .section-title-row{position:relative;z-index:2}
@media(max-width:850px){.statistics{--stat-size:clamp(62px,8vw,85px)}.statistics .studio-proof>div{min-height:300px}}
@media(max-width:620px){.statistics{--stat-size:clamp(50px,13vw,76px)}.statistics .studio-proof>div,.statistics .studio-proof>div:last-child{min-height:280px}.statistics::before{background-size:cover}}
/* Eight values, fixed aligned rows, sequential entrance on each page load. */
.statistics.container{padding-block:85px 100px}
.statistics{--stat-size:clamp(64px,6vw,94px)}
.statistics .studio-proof{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:190px}
.statistics .studio-proof>div{height:258px;min-height:0;padding:22px 16px;display:grid;grid-template-rows:1fr 46px;gap:12px;background:linear-gradient(145deg,#041014ac,#04101465)}
.statistics .stat-value{display:grid;grid-template-rows:44px 1fr;gap:13px;align-items:center;justify-items:center;width:100%;min-width:0}
.statistics .stat-icon{width:44px;height:44px}
.statistics .studio-proof strong,.statistics .studio-proof .stat-heading{display:block;align-content:center;min-width:0;font-size:var(--stat-size);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.statistics .studio-proof strong.is-counting-views{font-size:calc(var(--stat-size)*.34)}
.statistics .studio-proof>div>span{margin:0;min-height:0;font-size:10px;line-height:1.4}
.statistics.stats-ready .studio-proof>div{transition:opacity .65s var(--stat-delay),transform .8s cubic-bezier(.22,.61,.36,1) var(--stat-delay)}
.statistics.stats-ready.stats-visible .studio-proof>div:nth-child(n){transition-delay:var(--stat-delay)}
.team-avatars article:last-child .team-meta p{text-transform:uppercase}
.artist-directory .artist-nickname{box-shadow:none!important;text-shadow:none!important;filter:none!important}
.selected{padding-top:100px;padding-bottom:110px}
.selected::before{background-position:center 14%;filter:blur(1px) saturate(.82);opacity:.42}
.portfolio-gateway-card.portfolio-tab{height:360px}
.portfolio-gateway-card:first-child img{object-position:center top}
.portfolio-gateway-card img{filter:grayscale(.25) brightness(.8)}
@media(max-width:850px){.statistics{--stat-size:clamp(48px,7vw,70px)}.statistics .studio-proof{gap:10px;margin-top:130px}.statistics .studio-proof>div{height:230px;padding:18px 10px}.statistics .studio-proof>div>span{font-size:8px}.portfolio-gateway-card.portfolio-tab{height:290px}}
@media(max-width:620px){.statistics{--stat-size:clamp(48px,13vw,70px)}.statistics .studio-proof{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:160px}.statistics .studio-proof>div,.statistics .studio-proof>div:last-child{height:235px;min-height:0;grid-column:auto}.statistics .studio-proof>div>span{font-size:9px}.portfolio-gateway-card.portfolio-tab{height:235px}.selected{padding-block:65px 75px}}
@media(prefers-reduced-motion:reduce){.statistics.stats-ready .studio-proof>div{transition:none!important}}
.service-lab{position:relative}
.vfx-debris{position:absolute;z-index:4;pointer-events:none}
.vfx-debris[hidden]{display:none}
#service-scene-aerial>.service-render,#service-scene-rental>.service-render,#service-scene-coding>.service-render{animation:none;transform:scale(1.045)}
#service-scene-voice>.service-render{animation:none;transform:scale(1.045)}
@media(prefers-reduced-motion:reduce){.vfx-debris{display:none}}
.statistics::before{background-image:url('assets/user-gallery/experience-digital-v3.webp');background-position:center 55%;filter:none;opacity:.73}
@media(max-width:620px){.statistics::before{background-size:auto 760px;background-position:40% 20px;opacity:.75}}
#service-scene-commercial>.service-render{animation:none;transform:scale(1.045)}
.statistics{scroll-margin-top:105px}
.statistics .studio-proof>div{grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-items:stretch}
.statistics .stat-value{grid-template-columns:minmax(0,1fr);justify-content:stretch;justify-self:stretch}
.statistics .studio-proof strong{width:100%;justify-self:stretch}
.statistics .statistics-dust{position:absolute;inset:-90px auto -90px 50%;width:100vw;height:calc(100% + 180px);transform:translateX(-50%);z-index:2;pointer-events:none}
@media(prefers-reduced-motion:reduce){.statistics-dust{display:none}}
.statistics::before{background-image:url('assets/user-gallery/experience-digital-v4.webp')}
.contact{--scene:url('assets/user-gallery/contact-plane-v2.webp')}
.contact::before{background-position:center bottom;opacity:.8}
.contact::after{background:linear-gradient(90deg,#030809b0,#03080955),linear-gradient(0deg,#03080970,transparent 70%)}
.team{--scene:url('assets/crew/crew-desk-v2.webp')}
.team::before{background-position:center 40%}
.team .crew-desk-front{position:absolute;inset:0 auto 0 50%;width:100vw;transform:translateX(-50%);background:var(--scene) center 40%/cover no-repeat;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);opacity:.72;z-index:3;pointer-events:none;mask-image:linear-gradient(#000 70%,transparent)}
.team .team-avatars .team-meta{position:relative;z-index:4}
.team .team-avatars{z-index:auto}
.team .team-avatars .team-photo{position:relative;z-index:2}
.team .crew-lights{position:absolute;inset:0 auto 0 50%;width:100vw;height:100%;transform:translateX(-50%);z-index:1!important;pointer-events:none}
@media(min-width:851px){.team .team-grid.team-avatars{width:72%;max-width:1180px;gap:12px}.team-avatars .team-meta h3{font-size:clamp(25px,2.7vw,44px)}.team-avatars .team-meta{width:100%}.team .team-photo{aspect-ratio:4/5}.team-avatars .team-meta p{font-size:8px}}
@media(max-width:850px){.team .crew-desk-front{display:none}.team::before{background-size:auto 100%;background-position:center}}
@media(prefers-reduced-motion:reduce){.crew-lights{display:none}}
.contact .contact-constellation{position:absolute;inset:0 auto 0 50%;width:100vw;height:100%;transform:translateX(-50%);z-index:1;pointer-events:none}
main>section>.section-seam{height:40px;filter:none;backdrop-filter:none;opacity:.65}
.section-seam-top{background:linear-gradient(#040708,transparent)}
.section-seam-bottom{background:linear-gradient(transparent,#040708)}
.about-brevko::before,.statistics::before,.selected::before,.people::before,.team::before,.contact::before{mask-image:linear-gradient(transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.hero-reel::after{height:40px;filter:none;backdrop-filter:none}
@media(prefers-reduced-motion:reduce){.contact-constellation{display:none}}
/* Current layouts: restrained photographs, compact contacts and standing crew. */
.service-lab .service-stage{width:min(100vw,1920px);margin-left:calc((100% - min(100vw,1920px))/2)}
.service-lab .service-scene>.service-render{animation:none!important;transform:none!important;filter:none;image-rendering:auto}
.service-title-line{display:block;white-space:nowrap}
.service-lab .service-scene h3{max-width:none;white-space:normal;line-height:.95}
.service-selector{position:relative;isolation:isolate;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow:visible;background:#040708}
.service-selector::before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/footer-lava-v1.webp') center/cover;opacity:.10;pointer-events:none;animation:lava-breathe 9s ease-in-out infinite alternate}
.service-selector .service-select{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:19px 7px;background:transparent}
.service-select>span:last-child{white-space:nowrap;max-width:none;font-size:clamp(14px,1.55vw,24px)}
.service-select .mono{margin-bottom:8px}
.service-selector .service-select.is-current{background:#061b2480}
.statistics .stat-icon{color:#eef7f8;opacity:.8}
.statistics h2.mesh-heading{font:900 clamp(65px,7vw,115px)/1.02 var(--display);letter-spacing:-.025em;width:58%;margin:130px 0 -10px 42%;z-index:5;position:relative}
.statistics .studio-proof{margin-top:0}
.mesh-heading{color:transparent!important;-webkit-text-stroke:.65px #d5f7fb9c;position:relative;isolation:isolate}
.mesh-heading::after{display:none}
.heading-mesh{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.statistics .studio-proof>div{transition:filter .3s,opacity .3s,transform .4s!important}
.statistics.stats-ready .studio-proof>div{transition:opacity .65s var(--stat-delay),transform .8s cubic-bezier(.22,.61,.36,1) var(--stat-delay),filter .3s!important}
@media(hover:hover){.studio-proof:has(>div:hover)>div:not(:hover){filter:blur(2px);opacity:.6}.statistics.stats-visible .studio-proof>div:hover{transform:translateY(-8px) scale(1.02)!important;transition-delay:0s!important;border-color:#00c7d88a;z-index:5}.statistics.stats-visible .studio-proof:has(>div:hover)>div{transition-delay:0s!important}}
.statistics .studio-proof strong.count-crossfade{position:relative;display:grid;place-items:center}
.statistics .studio-proof strong.count-crossfade>span{position:absolute;inset:0;display:grid;place-items:center;transition:opacity .6s,transform .6s;font-size:var(--stat-size);pointer-events:none}
.statistics .studio-proof strong.count-crossfade>.count-long{font-size:calc(var(--stat-size)*.3);opacity:1}
.statistics .studio-proof strong.count-crossfade>.count-short{opacity:0;transform:scale(.94)}
.statistics .studio-proof strong.count-crossfade.is-compact>.count-long{opacity:0}
.statistics .studio-proof strong.count-crossfade.is-compact>.count-short{opacity:1;transform:none}
.contact{min-height:720px;padding-block:100px 90px}
.contact-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:80px;align-items:start}
.contact h2.contact-heading{font:900 clamp(55px,6vw,94px)/1.02 var(--display);letter-spacing:-.025em;margin:0 0 32px;width:100%}
.contact-details{display:grid;gap:20px}
.contact .email{font-size:clamp(27px,3vw,44px);width:max-content;max-width:100%;margin:0;display:flex;gap:18px;align-items:center}
.contact .contact-numbers{margin:0;padding:0;border:0;font-size:13px;letter-spacing:.08em}
.contact .contact-location{display:block;margin:15px 0 0;padding:0;border:0}
.contact address{font-size:29px;margin-top:9px}
.contact-map-column{max-width:460px;justify-self:end;width:100%;margin-top:24px}
.contact-map img{aspect-ratio:1.8;object-fit:cover}
.contact-map .map-directions{font-size:8px;bottom:12px;right:12px;padding:8px}
.contact .contact-constellation{z-index:1;opacity:.5}
.team{--scene:url('assets/crew/crew-standing-v3.webp');padding-block:75px 55px;min-height:680px}
.team::before{opacity:.8;background-position:center 40%}
.team .crew-desk-front{background:var(--scene) center 40%/cover;clip-path:polygon(0 60%,100% 60%,100% 100%,0 100%);opacity:1;mask-image:none;z-index:3}
.team .team-avatars .team-meta{z-index:4;background:none;padding-top:15px}
.team .team-photo img{opacity:1;filter:none;mask-image:none}
.team .crew-smoke{height:28%;opacity:.35}
.team .team-avatars .team-photo{z-index:2;width:100%}
@media(min-width:851px){.team .team-grid.team-avatars{width:80%;max-width:1360px;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.team-avatars article{grid-column:auto!important}.team .team-photo{height:340px;aspect-ratio:auto}.team-avatars .team-meta h3{font-size:clamp(23px,2.5vw,42px)}.team .team-meta{text-align:center;position:absolute!important;top:330px;left:0;width:100%}}
.selected{overflow:visible}
.selected .kamel-breath{position:absolute;inset:-160px 0 0;width:100%;height:calc(100% + 160px);pointer-events:none;z-index:2!important}
.portfolio-heading{align-items:end}
.portfolio-subtitle{font-size:12px!important;color:#c4d6db!important;margin:0!important;letter-spacing:.08em}
.artist-directory-top,.directory-controls{display:none}
.artist-search-line{position:relative}
.artist-field-hint{position:absolute;inset:0 28px 0 0;display:grid;place-items:center;text-align:center;line-height:1.6;letter-spacing:.08em;font-size:10px;color:#c0d9df;pointer-events:none}
.artist-field-hint[hidden]{display:none}
.artist-search input{text-align:center}
.artist-results:empty{display:none}
.back-to-top-feature{position:relative;isolation:isolate;background:#040607!important;color:#eef7f8!important;overflow:hidden}
.back-to-top-feature::before{content:'';position:absolute;inset:0;z-index:-1;background:url('assets/footer-lava-v1.webp') center/cover;opacity:.55;animation:lava-breathe 9s ease-in-out infinite alternate}
.back-to-top-feature::after{content:'';position:absolute;inset:-20%;z-index:-1;background:linear-gradient(115deg,transparent 25%,#ff74261a 50%,transparent 65%);mix-blend-mode:screen;animation:lava-flow 15s linear infinite}
.back-to-top-feature:hover,.back-to-top-feature:focus-visible{background:#040607!important;color:#eef7f8!important}
.back-to-top-feature:focus-visible{outline:1px solid #ff9343;outline-offset:-4px}
@keyframes lava-breathe{to{filter:brightness(1.08)}}
@keyframes lava-flow{from{transform:translateX(-50%)}to{transform:translateX(50%)}}
.section-seam,.hero-reel::after{-webkit-backdrop-filter:none!important;backdrop-filter:none!important;filter:none!important}
@media(max-width:850px){.service-selector{display:contents}.service-selector::before{display:none}.statistics h2.mesh-heading{width:65%;margin:110px 0 -10px 35%;font-size:clamp(56px,9vw,80px)}.contact-layout{gap:25px;grid-template-columns:1fr 1fr}.contact-map-column{margin-top:0}.contact .email{font-size:25px}.team .team-meta{position:relative}.team .crew-desk-front{display:none}.team{min-height:0}.team .team-photo img{mask-image:linear-gradient(#000 90%,transparent)}.team::before{opacity:.5}.artist-field-hint{font-size:9px}}
@media(max-width:620px){.service-lab .service-stage{width:100vw;margin-left:calc(50% - 50vw)}.statistics h2.mesh-heading{width:100%;margin:115px 0 8px;font-size:64px}.contact{min-height:850px;padding-block:70px}.contact-layout{grid-template-columns:1fr;gap:28px}.contact-map-column{width:100%;max-width:360px;justify-self:start}.contact h2.contact-heading{font-size:clamp(43px,11vw,64px);margin-bottom:20px}.contact .email{font-size:30px}.artist-field-hint{font-size:8px;letter-spacing:.025em}.portfolio-heading{display:block}.portfolio-subtitle{margin-top:18px!important}}
@media(prefers-reduced-motion:reduce){.back-to-top-feature::before,.back-to-top-feature::after,.service-selector::before{animation:none}.kamel-breath{display:none}.statistics .studio-proof>div:hover{transform:none!important}.statistics .studio-proof>div{filter:none!important;opacity:1!important}}
@media(min-width:851px){.team .team-avatars .team-meta{top:calc(var(--desk-y,500px) - var(--avatars-y,200px) + 32px)}}
.statistics::before{background-image:url('assets/user-gallery/experience-mono-v5.webp');filter:none;opacity:.8}
.statistics .mercedes-glow{display:none}
.selected{--scene:url('assets/user-gallery/warsaw-mercedes.webp')}
.selected::before{background-image:var(--scene);background-position:center 48%;filter:grayscale(1);opacity:.55}
.people{--scene:url('assets/user-gallery/artists-campfire.webp')}
.people::before{background-image:var(--scene);filter:grayscale(1);background-position:center 60%;opacity:.48}
.artist-directory::before{background-image:url('assets/user-gallery/artists-mucha-v1.webp');filter:grayscale(1);background-position:center 45%;opacity:.48}
.back-to-top-index{display:none}
.back-to-top-feature{min-height:150px;padding:35px;display:grid;place-items:center}
.back-to-top-icon{width:54px;height:54px;fill:none;stroke:currentColor;stroke-width:1.4;transition:transform .3s}
.back-to-top-feature:hover .back-to-top-icon{transform:translateY(-5px)}
.contact .contact-map{background:transparent}
.hero-goat .hero-word-description{height:3.2em;min-height:3.2em;line-height:1.6;max-width:500px;margin:0}
.hero-goat .hero-lower{gap:20px}
.about-brevko h2 em{position:relative;overflow:visible}
.about-brevko h2 em::before,.about-brevko h2 em::after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;color:transparent;-webkit-text-stroke:1px var(--cyan);opacity:0;animation:about-type-glitch 5s steps(1) infinite;animation-play-state:paused}
.about-brevko h2 em::after{-webkit-text-stroke-color:#ff9343;animation-delay:.04s}
.about-brevko h2 em.title-effects-visible::before,.about-brevko h2 em.title-effects-visible::after{animation-play-state:running}
.about-title-particles{position:absolute;inset:-70px;width:calc(100% + 140px);height:calc(100% + 140px);pointer-events:none}
@keyframes about-type-glitch{0%,91%,100%{opacity:0;transform:none;clip-path:inset(0)}92%{opacity:.9;transform:translateX(-4px);clip-path:inset(12% 0 62%)}93%{opacity:.75;transform:translateX(4px);clip-path:inset(57% 0 23%)}94%{opacity:.8;transform:translateX(-2px);clip-path:inset(76% 0 10%)}95%{opacity:0}}
.service-lab{overflow:visible}
.water-spill{position:absolute;z-index:6;pointer-events:none}
.water-spill[hidden]{display:none!important}
.drone-visual{position:absolute;inset:0;transform-origin:70% 40%;animation:drone-wind 4.8s ease-in-out infinite}
.drone-visual .service-render{filter:none;transform:none!important;animation:none!important}
@keyframes drone-wind{0%,100%{transform:translate(0,0) rotate(-.2deg)}26%{transform:translate(2px,-3px) rotate(.25deg)}59%{transform:translate(-3px,2px) rotate(-.35deg)}80%{transform:translate(2px,1px) rotate(.15deg)}}
@media(min-width:851px){.team .team-grid.team-avatars{width:90%;max-width:1560px;gap:42px;align-items:end}.team-avatars article{position:relative;min-width:0}.team .team-photo{height:355px;overflow:visible!important;display:flex;align-items:end;justify-content:center}.team .team-photo img{object-fit:contain;object-position:bottom;transform:none!important;height:355px!important;width:auto!important;max-width:none!important}.team .team-photo picture{height:355px;display:flex;align-items:end;justify-content:center}.team-avatars article:nth-child(3) .team-photo img{height:390px!important}.team-avatars article:nth-child(4) .team-photo img{height:340px!important}.team-avatars article:nth-child(5) .team-photo img{height:345px!important}.team .team-meta h3{font-size:clamp(21px,2.1vw,36px);white-space:nowrap;margin-bottom:10px}.team .team-meta p{font-size:8px;letter-spacing:.025em}.team .team-meta>.mono{display:none}}
@media(max-width:620px){.hero-goat .hero-word-description{height:4.8em;min-height:4.8em}.team .team-meta h3{font-size:clamp(23px,6vw,35px);white-space:nowrap}.team .team-meta p{font-size:7px}}
@media(prefers-reduced-motion:reduce){.drone-visual{animation:none}.about-title-particles{display:none}.about-brevko h2 em::before,.about-brevko h2 em::after{animation:none}}
.portfolio-gateway-card.portfolio-tab{height:auto;aspect-ratio:2.4;min-height:0}
.portfolio-gateway-card.portfolio-tab img{object-position:center;filter:none}
.back-to-top-feature{min-height:80px;padding:20px;background:transparent!important}
.back-to-top-feature::before{background-image:url('assets/user-gallery/contact-plane-v2.webp');background-position:center bottom;opacity:.8;animation:none}
.back-to-top-feature::after{display:none}
.back-to-top-icon{width:30px;height:30px}
.back-to-top-feature:hover,.back-to-top-feature:focus-visible{background:transparent!important}
.footer [data-i18n=backTop]{display:none}
.service-lab,.service-stage,.service-selector,.people,.team,.selected,.contact,.footer,.clip-ribbon,.logo-head,.artist-directory,.contact-numbers,.contact-location,.contact-map{border-block:0!important}
.section-title-row{border:0!important}
.portfolio-heading .portfolio-subtitle{display:block!important}
/* Reframe the subjects together with their surroundings. */
.hero-goat .hero-gallery .hero-image[data-photo="9X1A1649"],.hero-goat .hero-gallery .hero-image[data-photo="DSC07752"]{animation:none!important;transform:none!important;background-image:none!important;overflow:hidden}
.hero-goat .hero-gallery .hero-image[data-photo="9X1A1649"]::before,.hero-goat .hero-gallery .hero-image[data-photo="DSC07752"]::before{content:'';position:absolute;inset:-5%;background-size:cover;background-repeat:no-repeat;transform:translateX(2.5%)}
.hero-goat .hero-gallery .hero-image[data-photo="9X1A1649"]::before{background-image:url('assets/user-gallery/9X1A1649.webp');background-position:39% 50%}
.hero-goat .hero-gallery .hero-image[data-photo="DSC07752"]::before{background-image:url('assets/user-gallery/DSC07752.webp');background-position:41% 52%}
@media(min-width:851px){.team .team-grid.team-avatars{transform:translateY(-110px)}.team .team-photo,.team .team-photo picture{height:clamp(225px,22vw,355px)}.team .team-photo img{height:clamp(225px,22vw,355px)!important;max-width:none!important;width:auto!important}.team-avatars article:nth-child(2) .team-photo img{transform:translateY(-15px)!important}.team-avatars article:nth-child(3) .team-photo img{height:clamp(246px,24vw,390px)!important}.team-avatars article:nth-child(4) .team-photo img{height:clamp(215px,21vw,340px)!important}.team-avatars article:nth-child(5) .team-photo img{height:clamp(220px,21.5vw,345px)!important}}
