:root{--black:#05080d;--navy:#07131d;--navy2:#0b1b28;--white:#eef7f8;--muted:#91a7af;--cyan:#00d2e8;--line:#34515a;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--black);color:var(--white);font-family:var(--body);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
img{max-width:100%}
::selection{background:var(--cyan);color:var(--black)}
.container{width:min(1560px,calc(100% - 96px));margin-inline:auto}
.mono,.section-label,.coordinates{font-family:var(--mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase}
.skip-link{position:fixed;z-index:100;left:16px;top:-100px;background:var(--cyan);color:#031117;padding:12px 18px}
.skip-link:focus{top:10px}
.header{height:88px;position:fixed;z-index:50;top:0;left:0;right:0;display:flex;align-items:center;gap:42px;padding:0 48px;background:linear-gradient(#05080df0,#05080dba);border-bottom:1px solid #8ad7e328;backdrop-filter:blur(20px)}
.brand{display:block;width:174px;flex:none;line-height:0}
.brand img{width:100%;height:auto}
.main-nav{display:flex;gap:32px;align-items:center;margin-inline:auto}
.main-nav a,.header-contact{font:500 12px var(--mono);letter-spacing:.09em;white-space:nowrap}
.main-nav a{color:#c7d8db;transition:color .2s}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--cyan)}
.header-right{display:flex;align-items:center;gap:26px}
.language{display:flex;gap:3px}
.language button{border:0;background:none;color:#79969e;font:500 11px var(--mono);padding:8px 5px;cursor:pointer}
.language button:hover,.language button[aria-pressed=true]{color:var(--cyan)}
.language button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}
.header-contact{display:flex;align-items:center;justify-content:space-between;gap:28px;border:1px solid var(--cyan);padding:13px 17px;color:var(--cyan);transition:background .2s,color .2s}
.header-contact:hover{background:var(--cyan);color:var(--black)}
.menu-button,.mobile-nav{display:none}
.hero{height:max(730px,100svh);min-height:680px;position:relative;overflow:hidden;background:#06101c}
.hero-image{position:absolute;inset:0;background-size:cover;background-position:center 45%;filter:brightness(.6) saturate(.8);transform:scale(1.03)}
.hero:before{content:'';position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,#02090eea 0%,#031018bb 37%,#02090e2a 85%),linear-gradient(0deg,#02090efd 0%,transparent 40%),radial-gradient(circle at 65% 50%,transparent 0,#00131f5d 65%)}
.hero:after{content:'';position:absolute;z-index:2;right:0;top:0;bottom:0;width:38%;background:linear-gradient(90deg,transparent,#05b8d014);mix-blend-mode:screen}
.hero-grain{position:absolute;z-index:3;inset:0;opacity:.28;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#1df1ff08 4px);pointer-events:none}
.hero-inner{position:relative;z-index:4;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:80px}
.hero-kicker{display:flex;align-items:center;gap:12px;color:#d9edef}
.live-dot{width:7px;height:7px;background:var(--cyan);box-shadow:0 0 13px var(--cyan);border-radius:50%;display:block}
.hero-location{margin-left:28px;color:var(--cyan)}
.hero h1{font-family:var(--display);font-size:clamp(108px,16vw,270px);font-weight:800;line-height:.74;letter-spacing:-.04em;margin:55px 0 48px;text-transform:uppercase}
.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 44px #00d2e835}
.hero-lower{display:flex;align-items:end;gap:70px}
.hero-lower p{max-width:360px;font-size:16px;line-height:1.7;color:#d3e1e3;margin:0}
.hero-cta{display:flex;align-items:center;gap:35px;border-bottom:1px solid var(--cyan);padding-bottom:14px;color:var(--cyan);font:500 11px var(--mono);letter-spacing:.11em}
.hero-cta b{font:normal 28px var(--body)}
.hero-cta:hover{color:#fff}
.hero-edge{position:absolute;z-index:4;right:48px;bottom:42px;writing-mode:vertical-rl;color:#d4e7eb}
.hero-edge span{color:var(--cyan);font-size:22px;margin-top:15px}
.hero-bottom-line{position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--cyan);box-shadow:0 0 28px var(--cyan);z-index:5}
.ticker{background:var(--cyan);color:#04121a;overflow:hidden;height:51px;display:flex;align-items:center}
.ticker-track{white-space:nowrap;font:700 18px var(--display);letter-spacing:.19em;word-spacing:.3em;animation:marquee 26s linear infinite}
@keyframes marquee{to{transform:translateX(-50%)}}
.section-label{display:flex;align-items:center;gap:13px;color:var(--cyan)}
.cyan-rule{height:1px;width:30px;background:var(--cyan);display:inline-block}
.intro{padding-top:150px;padding-bottom:145px;display:grid;grid-template-columns:1fr 3fr;gap:55px}
.intro-copy h2,.section-title-row h2,.archive-heading h3,.contact h2{font-family:var(--display);font-weight:700;letter-spacing:-.035em;line-height:.9;text-transform:uppercase;margin:0}
.intro-copy h2{font-size:clamp(75px,10vw,162px)}
.intro-copy .outline{-webkit-text-stroke:1.4px var(--cyan);color:transparent}
.intro-detail{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-top:55px}
.intro-detail p{max-width:620px;font-size:20px;line-height:1.65;color:#cbd9dd;margin:0}
.coordinates{display:flex;flex-direction:column;gap:13px;color:var(--cyan);white-space:nowrap}
.selected{background:linear-gradient(180deg,#0a1a27,#070f18 55%,#061017);padding:125px 0 140px;border-top:1px solid #34515a65;border-bottom:1px solid #34515a65}
.section-title-row{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:32px 0 55px}
.section-title-row h2{font-size:clamp(68px,8vw,126px)}
.section-title-row h2>span:last-child,.archive-heading h3>span:last-child{color:var(--cyan)}
.section-title-row p{font-size:14px;color:var(--muted);max-width:255px;line-height:1.7;margin:0 0 9px}
.featured-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:70px 24px}
.featured-grid .work-card:nth-child(1){grid-column:1/8}
.featured-grid .work-card:nth-child(2){grid-column:8/13;margin-top:130px}
.featured-grid .work-card:nth-child(3){grid-column:1/6}
.featured-grid .work-card:nth-child(4){grid-column:6/13;margin-top:100px}
.work-card{min-width:0;display:block}
.work-frame{position:relative;aspect-ratio:1.55;display:block;overflow:hidden;background:#172936}
.work-frame:after{content:'';position:absolute;inset:0;border:1px solid #eafcfe28;pointer-events:none}
.work-frame img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.77) contrast(1.07);transition:transform .5s,filter .4s}
.work-card:hover .work-frame img,.work-card:focus-visible .work-frame img{transform:scale(1.04);filter:saturate(1) contrast(1.05)}
.play-icon{position:absolute;right:18px;top:18px;width:50px;height:50px;display:grid;place-items:center;border:1px solid #e4f6fa;background:#00131cb0;color:var(--cyan);font-size:27px;transition:background .2s,color .2s}
.work-card:hover .play-icon{background:var(--cyan);color:var(--black)}
.work-meta{display:grid;grid-template-columns:1fr auto;column-gap:15px;border-top:1px solid var(--line);margin-top:14px;padding-top:16px}
.work-type{grid-column:1;color:var(--cyan)}
.work-meta strong{grid-column:1;display:block;font-size:15px;line-height:1.4;font-weight:600;margin-top:11px}
.work-duration{grid-column:2;grid-row:1;color:#819ba3}
.work-card-featured .work-meta strong{font-size:21px}
.archive-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:135px 0 34px;border-top:1px solid var(--line);padding-top:34px}
.archive-heading h3{font-size:clamp(55px,6.5vw,95px);margin-top:12px}
.filter-group{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:5px}
.filter{border:1px solid #4b6770;color:#a8c1c8;background:transparent;padding:13px 16px;font:500 10px var(--mono);letter-spacing:.08em;cursor:pointer;transition:all .2s}
.filter>span:last-child{color:#6e929e;margin-left:5px}
.filter:hover,.filter.active{border-color:var(--cyan);color:var(--black);background:var(--cyan)}
.filter.active>span:last-child,.filter:hover>span:last-child{color:#234c56}
.archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:46px 20px}
.archive-grid .work-card[hidden]{display:none}
.archive-grid .work-meta strong{min-height:3.7em}
.expertise{padding-top:145px;padding-bottom:150px}
.services-list{border-top:1px solid var(--line)}
.service{display:grid;grid-template-columns:70px minmax(250px,1.4fr) minmax(220px,.9fr) 30px;gap:20px;align-items:center;min-height:110px;padding:18px 4px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}
.service:hover{background:#0b2330;padding-left:18px;padding-right:18px}
.service-number{color:var(--cyan)}
.service h3{font:600 clamp(27px,3vw,46px) var(--display);letter-spacing:.01em;margin:0}
.service p{max-width:300px;font-size:13px;line-height:1.5;color:var(--muted);margin:0}
.service-arrow{font-size:23px;color:var(--cyan)}
.people{background:radial-gradient(circle at 50% 16%,#0e2937 0,#070d14 42%,#05080d 80%);padding:140px 0 160px;border-top:1px solid #34515a65}
.logo-head,.artist-head{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;margin-top:70px;margin-bottom:30px}
.logo-head h3,.artist-head h3{font:600 35px var(--display);letter-spacing:.04em;margin:0}
.logo-head .mono,.artist-head .mono{color:var(--cyan)}
.brands-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:30px 26px;align-items:center}
.brand-item{min-width:0;height:94px;display:grid;place-items:center}
.brand-item img{max-height:75px;max-width:100%;width:auto;filter:brightness(0) invert(1);opacity:.75;transition:filter .2s,opacity .2s,transform .2s}
.brand-item:hover img{filter:brightness(0) saturate(100%) invert(73%) sepia(91%) saturate(1215%) hue-rotate(141deg) brightness(100%);opacity:1;transform:scale(1.06)}
.artist-head{margin-top:105px}
.artists-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:42px 26px}
.artist-card{position:relative;min-width:0;outline:none;cursor:default;text-align:center;padding-bottom:20px}
.artist-circle{position:relative;width:min(100%,185px);aspect-ratio:1;border-radius:50%;margin-inline:auto;overflow:hidden;background:#122b37;box-shadow:0 0 0 1px #77c9d03d;transition:box-shadow .25s,transform .25s}
.artist-circle img{position:absolute;left:-13.1579%;top:-13.1579%;width:126.3158%;max-width:none;height:auto;display:block;filter:grayscale(1) contrast(1.15) brightness(.88);transition:filter .3s,transform .3s}
.artist-tint{position:absolute;inset:0;background:#00c7e1;mix-blend-mode:color;opacity:.43;transition:opacity .3s;pointer-events:none}
.artist-circle:after{content:'';position:absolute;inset:0;border-radius:50%;border:2px solid #baf7ff40;pointer-events:none}
.artist-name{position:absolute;z-index:2;left:50%;bottom:7px;transform:translate(-50%,8px);white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis;padding:7px 10px;color:#061219;background:var(--cyan);font:500 10px var(--mono);letter-spacing:.05em;text-transform:uppercase;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none}
.artist-card:hover .artist-circle,.artist-card:focus-visible .artist-circle,.artist-card.show-label .artist-circle{transform:translateY(-5px);box-shadow:0 0 0 2px var(--cyan),0 0 24px #00d2e84f}
.artist-card:hover .artist-circle img,.artist-card:focus-visible .artist-circle img,.artist-card.show-label .artist-circle img{filter:grayscale(.1) contrast(1.05) brightness(1.02)}
.artist-card:hover .artist-tint,.artist-card:focus-visible .artist-tint,.artist-card.show-label .artist-tint{opacity:.1}
.artist-card:hover .artist-name,.artist-card:focus-visible .artist-name,.artist-card.show-label .artist-name{opacity:1;transform:translate(-50%,0)}
.team{padding-top:145px;padding-bottom:145px}
.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.team-grid article{position:relative;display:grid;grid-template-columns:190px 1fr;gap:28px;border-top:1px solid var(--line);padding-top:22px;align-items:center}
.team-photo{width:190px;aspect-ratio:1;overflow:hidden;filter:grayscale(1) contrast(1.1)}
.team-photo img{width:100%;height:100%;object-fit:cover;display:block}
.team-meta .mono{color:var(--cyan)}
.team-meta h3{font:700 59px var(--display);margin:10px 0 0;line-height:1}
.team-meta p{font:500 10px var(--mono);letter-spacing:.08em;color:var(--muted);line-height:1.6;margin:12px 0 0}
.contact{padding:130px 0 105px;background:radial-gradient(circle at 76% 35%,#0c3446 0,#061522 38%,#05090f 75%);border-top:1px solid #34515a65}
.contact h2{font-size:clamp(112px,18vw,280px);line-height:.74;margin:90px 0 65px}
.contact h2 em{font-style:normal;color:var(--cyan)}
.contact-lower{display:flex;align-items:end;justify-content:space-between;gap:40px}
.contact-lower p{font-size:19px;max-width:300px;line-height:1.55;color:#c0d6dc;margin:0}
.email{font:600 clamp(23px,3.5vw,50px) var(--display);letter-spacing:.04em;border-bottom:2px solid var(--cyan);padding-bottom:9px;white-space:nowrap}
.email span{color:var(--cyan);margin-left:14px}
.email:hover{color:var(--cyan)}
.contact-numbers{display:flex;gap:35px;margin-top:100px;padding-top:25px;border-top:1px solid var(--line);color:#a7c1c7}
.contact-numbers a:hover{color:var(--cyan)}
.footer{padding:30px 0;background:#030609}
.footer .container{display:flex;align-items:center;justify-content:space-between;gap:30px}
.footer .brand{width:135px}
.footer .mono{color:#93afb6}
.footer a:last-child:hover{color:var(--cyan)}
@media(max-width:1100px){.header{gap:22px;padding:0 30px}.brand{width:150px}.main-nav{gap:20px}.header-right{gap:15px}.container{width:min(100% - 60px,1560px)}.hero h1{font-size:clamp(100px,16vw,200px)}.archive-grid{grid-template-columns:repeat(3,1fr)}.brands-grid,.artists-grid{grid-template-columns:repeat(5,1fr)}.team-grid article{grid-template-columns:140px 1fr}.team-photo{width:140px}}
@media(max-width:850px){.header{height:74px}.main-nav,.header-right{display:none}.menu-button{display:flex;margin-left:auto;width:46px;height:42px;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid var(--cyan);background:transparent;cursor:pointer}.menu-button span{height:1px;width:20px;background:var(--cyan)}.mobile-nav:not([hidden]){position:fixed;z-index:49;top:74px;left:0;right:0;display:flex;flex-direction:column;gap:0;padding:20px 30px 28px;background:#050b11f7;border-bottom:1px solid var(--cyan)}.mobile-nav a{padding:12px 0;font:600 34px var(--display);border-bottom:1px solid #34515a}.mobile-language{margin-top:15px}.hero{min-height:660px}.hero-inner{padding-top:90px}.intro{display:block;padding-top:105px;padding-bottom:105px}.intro-copy{margin-top:40px}.intro-detail{align-items:start}.selected,.people{padding-top:105px;padding-bottom:110px}.expertise,.team{padding-top:105px;padding-bottom:105px}.featured-grid{gap:40px 16px}.featured-grid .work-card:nth-child(2){margin-top:80px}.featured-grid .work-card:nth-child(4){margin-top:70px}.section-title-row h2{font-size:clamp(62px,10vw,92px)}.brands-grid,.artists-grid{grid-template-columns:repeat(4,1fr)}.service{grid-template-columns:50px 1fr 28px}.service p{grid-column:2;grid-row:2}.service-arrow{grid-column:3;grid-row:1}.team-grid article{grid-template-columns:110px 1fr}.team-photo{width:110px}.team-meta h3{font-size:42px}}
@media(max-width:620px){.container{width:calc(100% - 38px)}.header{padding:0 19px}.brand{width:125px}.hero{height:750px;min-height:650px}.hero-image{background-position:42% center}.hero:before{background:linear-gradient(90deg,#02090ee8,#02090e5e),linear-gradient(0deg,#02090ef9,transparent 65%)}.hero-kicker{font-size:9px;gap:7px}.hero-location{display:none}.hero h1{font-size:clamp(85px,24vw,145px);margin:40px 0 50px}.hero-lower{display:block}.hero-lower p{font-size:15px;max-width:280px}.hero-cta{width:max-content;margin-top:38px}.hero-edge{right:19px;bottom:28px;font-size:9px}.ticker{height:42px}.ticker-track{font-size:15px}.intro-copy h2{font-size:clamp(68px,18vw,112px)}.intro-detail{display:block;margin-top:35px}.intro-detail p{font-size:16px}.coordinates{margin-top:30px}.section-title-row{display:block;margin-bottom:33px}.section-title-row h2{font-size:clamp(63px,16vw,100px)}.section-title-row p{margin-top:17px}.featured-grid{grid-template-columns:1fr;gap:35px}.featured-grid .work-card:nth-child(n){grid-column:auto;margin-top:0}.work-card-featured .work-meta strong{font-size:16px}.archive-heading{display:block;margin-top:80px}.archive-heading h3{font-size:70px}.filter-group{margin-top:25px}.filter{font-size:9px;padding:10px 9px}.archive-grid{grid-template-columns:repeat(2,1fr);gap:30px 11px}.archive-grid .work-frame{aspect-ratio:1.2}.archive-grid .work-meta strong{font-size:12px;min-height:5em}.archive-grid .work-type,.archive-grid .work-duration{font-size:8px}.archive-grid .play-icon{width:32px;height:32px;font-size:16px;right:8px;top:8px}.service{grid-template-columns:30px 1fr 20px;gap:11px;padding:22px 0}.service h3{font-size:27px}.service p{font-size:12px}.brands-grid{grid-template-columns:repeat(3,1fr);gap:12px}.brand-item{height:70px}.brand-item img{max-height:55px}.artists-grid{grid-template-columns:repeat(3,1fr);gap:24px 10px}.artist-circle{width:100%}.artist-name{font-size:8px;padding:5px 6px;max-width:120%}.logo-head h3,.artist-head h3{font-size:25px}.artist-head{margin-top:75px}.team-grid{grid-template-columns:1fr}.team-grid article{grid-template-columns:110px 1fr}.contact{padding:100px 0 75px}.contact h2{font-size:clamp(94px,25vw,165px);margin:70px 0 55px}.contact-lower{display:block}.contact-lower p{font-size:16px}.email{display:inline-block;margin-top:35px;font-size:29px}.contact-numbers{display:block;margin-top:70px}.contact-numbers a{display:block;margin-bottom:13px}.footer .brand{width:110px}.footer .mono{font-size:9px}.footer .container{gap:8px}.footer .container>span{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.ticker-track{animation:none}*,*:before,*:after{transition-duration:.01ms!important}}