*{box-sizing:border-box}
:root{color-scheme:dark;background:#101010;color:#fff;font-family:Arial,"Malgun Gothic",sans-serif}
body{margin:0}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:5px}
.skip{position:fixed;top:1rem;left:1rem;z-index:10;transform:translateY(-200%)}
.skip:focus{transform:none;background:#101010;padding:.6rem}
.header{padding:1.25rem clamp(1rem,5vw,5rem);display:flex;align-items:center;justify-content:space-between;gap:1rem;position:relative;z-index:2}
.wordmark{font-weight:900;font-size:1.55rem;letter-spacing:-.065em;text-decoration:none}
nav{display:flex;gap:clamp(1rem,3vw,2.5rem);align-items:center;font-size:.88rem}
nav a{text-decoration:none}
nav a:hover,summary:hover,[aria-current]{text-decoration:underline}
small{font-size:.75rem;color:#c5c5c5}
nav small,.feature small,.detail small{display:inline-block;margin-inline-start:.5rem}
details{position:relative}
summary{cursor:pointer}
.submenu{position:absolute;top:calc(100% + .8rem);min-width:17rem;background:#191919;padding:1rem;border:1px solid #444;display:grid;gap:.95rem}
button,.action{background:#f5f5f5;color:#101010;font:inherit;font-weight:700;padding:.65rem 1rem;border:0;cursor:pointer;text-decoration:none;display:inline-block}
[hidden]{display:none!important}
.hero,.feature,.player{position:relative;isolation:isolate;display:grid;place-items:center;overflow:hidden;background:#252525}
.hero{min-height:clamp(23rem,65vw,45rem);padding:2rem 5vw;text-align:center}
.hero img,.feature img,.player img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero::after,.feature::after,.player::after{content:"";position:absolute;inset:0;background:#0006;z-index:-1}
.hero h1{margin:0;font-size:clamp(2.1rem,7.4vw,8rem);letter-spacing:-.065em;line-height:.98;max-width:14ch;text-wrap:balance}
.intro,.clients,.work-list,.detail{padding:clamp(2.75rem,8vw,8rem) clamp(1rem,6vw,6rem)}
.intro h2{font-size:clamp(1.55rem,4vw,3.5rem);margin:0;letter-spacing:-.045em}
.features{margin-inline:auto;width:min(90%,80rem);display:grid;gap:1.25rem}
.feature{aspect-ratio:980/432;min-height:10rem;padding:1rem;text-decoration:none;text-align:center}
.feature h2{font-size:clamp(1.35rem,4vw,3.6rem);margin:0;line-height:1.06;letter-spacing:-.045em}
.feature:hover h2{text-decoration:underline}
.feature small{display:block;margin:.5rem 0 0;font-weight:400;letter-spacing:0}
.clients ul,.work-list ul{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));list-style:none;gap:1rem;padding:0}
.clients li,.work-list li{padding:.85rem 0;border-top:1px solid #555}
.work-list ul{margin-block:2rem}
.detail{max-width:92rem;margin:auto}
.detail h1{font-size:clamp(1.8rem,5vw,4.6rem);margin:1rem 0 2rem;text-wrap:balance}
.player{aspect-ratio:16/9;padding:1rem;text-align:center;margin-bottom:1.5rem}
.player video{width:100%;height:100%;position:absolute;inset:0}
footer{border-top:1px solid #414141;padding:2rem clamp(1rem,6vw,6rem);color:#ddd}
@media(max-width:760px){
  .header{flex-wrap:wrap}
  nav{width:100%;align-items:stretch;flex-direction:column;gap:1rem}
  .submenu{position:static;margin-top:.7rem;min-width:0}
  .hero h1{line-height:1.02}
}


:root{background:#000}
.header{height:clamp(62px,4.75vw,100px);padding:0 clamp(16px,1.55vw,36px);display:grid;grid-template-columns:1fr auto 1fr;background:#000}
.header .wordmark{justify-self:start;transform:scaleX(.69);transform-origin:left center;font-size:clamp(26px,2vw,42px);font-weight:900;letter-spacing:-.06em}
.header nav{gap:clamp(35px,5vw,108px);font-size:clamp(12px,.66vw,16px);font-weight:700}
.header nav a[aria-current],.header details[data-active]>summary{color:#ff5278;text-decoration:none}
.header summary{list-style:none}
.header summary::-webkit-details-marker{display:none}
.menu-toggle{justify-self:end;background:none;color:white;width:46px;padding:7px;display:grid;gap:5px}
.menu-toggle span{height:2px;background:currentColor;display:block}
.header nav.expanded{position:absolute;right:clamp(16px,1.55vw,36px);top:100%;padding:1.25rem;background:#101010;flex-direction:column;align-items:stretch;gap:1.25rem;width:min(22rem,calc(100% - 32px));border:1px solid #373737}
.header nav.expanded .submenu{position:static;margin-top:.65rem;min-width:0}
.hero.home-hero{height:clamp(310px,27.7vw,700px);min-height:0;padding:1rem;background:#352126}
.home-hero::after{background:#0002}
.home-hero h1{max-width:none;font-size:clamp(20px,1.15vw,34px);line-height:1.48;letter-spacing:-.035em}
.home-hero p{font-size:clamp(8px,.47vw,13px);font-weight:700;margin:0 0 .45rem}
.home-features{width:100%;gap:clamp(36px,3.52vw,90px);padding-top:clamp(36px,3.52vw,90px)}
.home-features .feature{aspect-ratio:auto;height:clamp(240px,20.7vw,530px)}
.home-features .feature h2{font-size:clamp(28px,1.9vw,48px)}
.clients li{display:grid;place-items:center;min-height:96px}
.clients li img{width:100%;height:100px;object-fit:contain}
.project-hero{min-height:clamp(15rem,34vw,32rem)}
.project-hero h1{font-size:clamp(2.5rem,6vw,6rem)}
.page-copy,.category-head,.project-grid{width:min(88%,75rem);margin:auto;padding-block:clamp(2rem,5vw,5rem)}
.page-copy{max-width:56rem;font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.65}
.page-copy img{max-width:100%;display:block;margin-block:2rem}
.page-copy h1,.category-head h1{font-size:clamp(2rem,5vw,4.5rem);margin:0 0 1rem;letter-spacing:-.04em}
.category-head{display:flex;align-items:center;gap:clamp(1rem,4vw,4rem);line-height:1.55}
.category-head img{width:50%;height:auto}
.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,17rem),1fr));gap:2rem}
.project-grid article{min-width:0}
.project-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.album-grid img{aspect-ratio:1}
.album-grid p{margin:.3rem 0;color:#ccc}
@media(max-width:760px){
.header{grid-template-columns:1fr auto}
.header nav.expanded{right:16px}
.category-head{display:block}
.category-head img{width:100%;margin-bottom:1.5rem}
.home-hero h1{font-size:clamp(17px,4.2vw,24px)}
.home-hero h1 br{display:none}
}
video{display:block;width:100%;background:#111}
.page-copy video,.detail video{margin:1rem 0 2rem;max-height:72vh}
.background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.hero .background-video,.feature .background-video{z-index:-1}
@media(prefers-reduced-motion:reduce){.background-video{display:none}}
.project-cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-cards a{display:block;text-decoration:none}
.project-cards a:hover span{text-decoration:underline}
.project-cards img{display:block;width:100%;height:auto;aspect-ratio:325 / 183;object-fit:cover;margin-bottom:.65rem}
@media(max-width:760px){.project-cards{grid-template-columns:minmax(0,1fr)}}
@font-face{font-family:"INVSBL Wix";src:url("wix-site.woff2") format("woff2");font-display:swap}
:root{font-family:"INVSBL Wix","Malgun Gothic",Arial,sans-serif}
.home-copy{position:relative;z-index:1;max-width:100%;text-align:center}
.home-hero h1{line-height:1.48;letter-spacing:-.025em}
.home-hero h1 br{display:initial}
.home-hero p{margin-bottom:.3rem}
.home-features .feature h2{position:relative;z-index:1}
.page-copy h1,.category-head h1,.detail h1,.project-cards li{overflow-wrap:anywhere;word-break:keep-all}
.category-head{width:min(calc(100% - 40px),980px);line-height:1.8}
.category-head>div{min-width:0}
.category-head h1{font-size:clamp(30px,4vw,47px);line-height:1.16;letter-spacing:-.03em}
.category-head p{font-size:14px;margin:.5em 0}
.work-list{width:min(calc(100% - 40px),1008px);margin-inline:auto;padding:1.5rem 0 3rem}
.work-list ul.project-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 1rem;margin:0}
.work-list .project-cards li{min-width:0;border:0;padding:0;font-size:15px;line-height:1.4}
.project-cards li span{display:block}
.project-cards video{aspect-ratio:325/183;object-fit:cover;margin-bottom:.65rem}
.page-copy.project-detail,.detail{width:min(calc(100% - 40px),980px);max-width:none;margin-inline:auto;padding:clamp(28px,5vw,64px) 0}
.page-copy.project-detail h1,.detail h1{font-size:20px;font-weight:400;line-height:1.45;letter-spacing:0;margin:0 0 1rem}
.about-detail h1{font-size:clamp(34px,5vw,56px)}
@media(max-width:760px){
 .home-hero h1{font-size:clamp(15px,4.1vw,22px)}
 .home-hero{padding-inline:12px}
 .category-head,.work-list,.page-copy.project-detail,.detail{width:calc(100% - 32px)}
 .work-list ul.project-cards{grid-template-columns:minmax(0,1fr)}
}
.work-list:has(.corporate-cards){width:min(calc(100% - 8vw),1880px)}
.work-list ul.corporate-cards{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:clamp(16px,3vw,60px);row-gap:clamp(24px,3.3vw,68px)}
.project-cards a{height:100%}
.project-cards.album-cards img{aspect-ratio:1}
@media(max-width:1150px){.work-list ul.corporate-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.work-list ul.corporate-cards{grid-template-columns:minmax(0,1fr)}}
@media(min-width:1151px){
 .work-list .corporate-cards li{font-size:clamp(9px,.62vw,15px);line-height:1.35}
 .corporate-cards img{margin-bottom:clamp(4px,.32vw,8px)}
 .home-hero h1{font-size:clamp(16px,1.15vw,34px)}
 .home-hero p{font-size:clamp(7px,.47vw,13px)}
}
@media(min-width:1151px){
 .header{height:clamp(100px,8.125vw,117px);padding-inline:3vw 4.5vw}
 .header .wordmark{font-size:42px}
 .header nav{font-size:15px;gap:clamp(80px,8.8vw,128px)}
 .hero.home-hero{height:clamp(550px,48.6vw,700px)}
 .home-hero h1{font-size:clamp(24px,2.08vw,30px);line-height:1.4}
 .home-hero p{font-size:12px;margin-bottom:8px}
 .home-features{padding-top:clamp(64px,6.25vw,90px)}
 .category-head.corporate-head{width:min(calc(100% - 11.1vw),1280px);display:grid;grid-template-columns:37% 26% 37%;align-items:start;padding-top:40px;padding-bottom:72px;gap:0}
 .corporate-head img{grid-area:1/1/2/3;width:100%;height:342px;object-fit:cover}
 .corporate-head>div{grid-area:1/2/2/4;z-index:1;margin-top:80px;background:#000;padding:66px clamp(42px,7.9vw,114px) 30px}
 .corporate-head h1{margin-bottom:38px}
}
.history section{border-top:1px solid #414141;padding-block:1rem}
.history ul{padding-inline-start:1.25rem}
.history li{margin-block:.8rem}
.history li p{margin:.15rem 0;color:#ccc}
.project-detail section:has(video)>h2{font-size:1rem;overflow-wrap:anywhere}
.background-page,.key-projects{width:min(calc(100% - 48px),1320px);margin-inline:auto}
.background-intro{display:grid;grid-template-columns:minmax(0,650px) minmax(120px,1fr);align-items:center;gap:clamp(30px,9vw,160px);padding-block:clamp(48px,5vw,95px) clamp(74px,9vw,174px)}
.background-intro h1{font-size:clamp(34px,3.1vw,56px);letter-spacing:-.045em;line-height:1.12;margin:0}
.background-subtitle{font-size:clamp(14px,1.05vw,20px);margin:.5rem 0 0}
.background-copy{margin-top:clamp(30px,4vw,76px);font-size:clamp(14px,.87vw,17px);line-height:1.65}
.background-copy p{margin:0 0 1.2em;overflow-wrap:anywhere}
.background-intro img{width:min(100%,213px);height:auto;justify-self:end}
.key-projects{display:grid;grid-template-columns:minmax(180px,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,80px);padding-block:clamp(32px,4vw,72px)}
.background-page .key-projects{width:100%}
.key-projects>h1,.key-projects>h2{font-size:clamp(27px,2vw,38px);margin:0;line-height:1.2}
.key-year{display:grid;grid-template-columns:clamp(58px,8vw,155px) minmax(0,1fr)}
.key-year h3{font-size:15px;margin:0;padding-top:.15rem}
.key-year ul{border-inline-start:1px solid #555;margin:0;padding:0 0 2.6rem clamp(26px,3vw,56px);font-size:14px;line-height:1.55;overflow-wrap:anywhere}
.key-year li{margin-bottom:.15rem}
.key-year a{text-decoration:none}
.key-year a:hover,.key-year a:focus-visible{text-decoration:underline}
@media(max-width:760px){
 .background-page,.key-projects{width:calc(100% - 32px)}
 .background-intro,.key-projects{grid-template-columns:minmax(0,1fr)}
 .background-intro img{width:130px;justify-self:start}
 .key-year{grid-template-columns:55px minmax(0,1fr)}
}
.header .wordmark{transform:none;line-height:0}
.header .wordmark img{display:block;width:94px;height:auto}
@media(max-width:760px){.header .wordmark img{width:80px}}
footer{text-align:center;border-top:0;padding:44px 20px 48px;color:#fff;font-size:12px}
footer .wordmark{font-size:14px;letter-spacing:0}
footer p{margin:9px 0 6px}
footer small{display:block;font-size:11px;line-height:1.35}
.about-overview{min-height:549px;padding:clamp(60px,8vw,112px) 16px 50px;text-align:center}
.about-tagline{font-size:20px;margin:0 0 8px}
.about-overview h1{font-size:56px;font-weight:400;margin:0;line-height:1.4}
.about-summary{max-width:980px;margin:36px auto 0;font-size:14px;line-height:1.9}
.about-summary p,.about-panel p{margin:0}
.about-links{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:46px;font-size:14px}
.about-panel{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid #777;min-height:556px;text-align:center}
.about-panel+.about-panel{border-top:0}
.about-panel img{width:100%;height:100%;min-height:0;object-fit:cover}
.about-panel>div{align-content:center;padding:32px;line-height:1.9}
.about-panel h2{font-size:36px;font-weight:400;margin:0 0 48px}
.about-panel-reverse img{order:2}
.layout-about footer{padding-top:clamp(100px,23vw,380px)}
.album-meta{font-size:12px;line-height:1.45;margin-top:6px}
.project-cards.album-cards img{aspect-ratio:547/487}
@media(min-width:1151px){
 .header{height:117px}
 .category-head.layered-head,.category-head.corporate-head{width:calc(100% - 160px);max-width:none;display:grid;grid-template-columns:37% 26% 37%;align-items:start;padding:40px 0 72px;gap:0}
 .layered-head img,.corporate-head img{grid-area:1/1/2/3;width:100%;height:342px;object-fit:cover}
 .layered-head>div,.corporate-head>div{grid-area:1/2/2/4;z-index:1;margin-top:80px;background:#000;padding:66px clamp(42px,7vw,114px) 30px}
 .layered-head h1,.corporate-head h1{margin-bottom:38px;font-weight:400}
 .album-head h1{font-size:56px}
 .work-list:has(.album-cards){width:min(calc(100% - 160px),1316px)}
 .work-list ul.album-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px clamp(35px,5.6vw,82px)}
}
@media(max-width:760px){
 .about-overview{min-height:0}
 .about-overview h1{font-size:44px}
 .about-panel{grid-template-columns:minmax(0,1fr);min-height:0}
 .about-panel img{height:auto;aspect-ratio:5/4}
 .about-panel-reverse img{order:0}
 .about-panel h2{margin-bottom:18px;font-size:30px}
}
.contact-copy{width:min(calc(100% - 40px),940px);max-width:none;min-height:850px;padding-block:88px 64px;font-size:17px}
.contact-copy h1{font-size:56px;font-weight:400;line-height:1.2;margin-bottom:36px}
.contact-intro p{margin:0}
.contact-copy section{margin-top:124px}
.contact-copy h2{font-size:38px;margin:0 0 38px}
.contact-copy section p{margin:.65rem 0}
@media(min-width:1151px){
 .work-list:has(.wix-four-cards){width:min(calc(100% - 72px),1368px)}
 .work-list ul.wix-four-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(34px,4.4vw,64px) 17px}
}
@media(max-width:760px){
 .contact-copy{min-height:0;padding-block:48px;font-size:16px}
 .contact-copy h1{font-size:44px}
 .contact-copy section{margin-top:64px}
 .contact-copy h2{font-size:30px;margin-bottom:24px}
}
.layout-project .project-hero{margin-top:40px;height:clamp(220px,13.55vw,342px);min-height:0}
.layout-project .project-hero::after{content:none}
.project-intro{width:min(calc(100% - 64px),64vw);max-width:1320px;padding:38px 0 clamp(42px,2.9vw,60px);font-size:16px;line-height:1.65}
.project-intro h1{font-size:56px;line-height:1.34;font-weight:400;margin:0 0 12px}
.project-intro p{margin:0}
.project-categories{width:min(calc(100% - 64px),64vw,1320px);grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2.35vw,48px);padding:0 0 100px}
.project-categories article{text-align:center;padding-bottom:20px}
.project-categories article a{display:block;text-decoration:none}
.project-categories img{aspect-ratio:274/151}
.project-categories h2{font-size:18px;margin:18px 10px 0;overflow-wrap:anywhere}
.project-categories p{font-size:14px;margin:8px 14px}
.contact-channels{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr)}
.contact-channels img{margin:0;width:23px;height:23px}
.layout-wix-import .project-detail,.layout-detail .detail{text-align:center}
.layout-wix-import .project-detail video,.layout-detail .detail video{max-width:606px;margin:0 auto 18px;aspect-ratio:606/340;object-fit:contain}
.layout-wix-import .project-detail h1,.layout-detail .detail h1{margin:18px 0;line-height:28px}
.layout-wix-import .project-detail img{margin-inline:auto}
@media(min-width:1151px){.layout-wix-import .project-detail,.layout-detail .detail{padding-top:68px}}
@media(max-width:760px){
 .layout-project .project-hero{height:clamp(160px,56vw,240px);margin-top:20px}
 .project-intro,.project-categories{width:calc(100% - 32px)}
 .project-intro h1{font-size:40px}
 .project-categories{grid-template-columns:minmax(0,1fr);gap:24px;padding-bottom:48px}
 .contact-channels{grid-template-columns:minmax(0,1fr);gap:20px}
}
.clip-player{position:relative}
.clip-player video{background:#111}
.clip-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:4px}
.clip-error{margin:.5rem 0;font-size:14px}
.clip-play{display:grid;place-items:center;width:54px;height:54px;padding:0;border-radius:50%;background:#000b;color:#fff}
.clip-play:hover,.clip-play:focus-visible{background:#000e}
.clip-play-icon{width:0;height:0;margin-left:4px;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:13px solid currentColor}
.clients{padding:clamp(28px,1.95vw,42px) 0 clamp(80px,9.8vw,202px);background:#000;text-align:center}
.clients h2{font-size:clamp(15px,.78vw,17px);line-height:1.25;margin:0}
.clients ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(24px,3.2vw,66px) 0;margin:clamp(34px,4.3vw,88px) 0 0}
.clients li{border:0;padding:0;min-height:0;aspect-ratio:auto;height:clamp(86px,7.3vw,150px)}
.clients li img{display:block;width:clamp(78px,6vw,124px);height:clamp(78px,6vw,124px);object-fit:contain}
@media(max-width:600px){
 .clients ul{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:18px}
}

.project-more{display:inline-block;margin-top:14px;text-decoration:underline;text-underline-offset:3px;font-size:14px;letter-spacing:.08em}

.project-nav{display:flex;align-items:center;gap:6px;position:relative}
.project-nav details{position:static}
.project-nav summary{padding:3px 5px}
.project-nav .submenu{left:0}
.header nav.expanded .project-nav{display:block}
.header nav.expanded .project-nav details{display:inline}
.header nav.expanded .project-nav summary{display:inline-block}
.menu-open{overflow:hidden}
#menu-panel{position:fixed;inset:0;margin:0;width:100%;max-width:none;height:100%;max-height:none;border:0;background:#fff;color:#080808;padding:clamp(24px,4vw,56px);overflow:auto;color-scheme:light}
#menu-panel .menu-close{background:none;color:inherit;font-size:44px;font-weight:400;line-height:1;padding:0;width:44px;height:44px}
#menu-panel nav{display:grid;justify-items:start;gap:clamp(16px,2vw,30px);width:min(100%,680px);margin-top:clamp(45px,6vw,100px);font-size:clamp(34px,5vw,68px);line-height:1.15;font-weight:600}
#menu-panel a[aria-current]{color:#ed5274;text-decoration:none}
#menu-panel .project-nav{display:grid;grid-template-columns:minmax(0,1fr) auto;width:100%;align-items:start}
#menu-panel .project-nav details{display:contents}
#menu-panel summary{list-style:none;display:grid;place-items:center;width:44px;height:44px;font-size:24px;align-self:center}
#menu-panel summary::-webkit-details-marker{display:none}
#menu-panel .submenu{position:static;grid-column:1/-1;margin:0;background:none;border:0;padding:14px 0 0;min-width:0;font-size:clamp(17px,2vw,25px);gap:12px}
#menu-panel .menu-instagram{display:grid;place-items:center;width:40px;height:40px;background:#000;border-radius:50%;margin-top:clamp(36px,6vw,90px)}
#menu-panel :focus-visible{outline-color:#111}
@media(max-width:760px){#main-nav{display:none}}
#main-nav .project-nav .submenu{top:100%}
#main-nav .project-nav summary,#menu-panel .project-nav summary{display:none}
#menu-panel .project-nav{grid-template-columns:minmax(0,1fr)}
#menu-panel .project-nav details{display:block;grid-column:1/-1}
.album-cards a > span{text-decoration:underline}