html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a{text-decoration:none;color:inherit}@font-face{font-family:su;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/su.woff2) format("woff2")}#project .project_nav .project_nav-name,#project .project__fo .project__fo-title,#project .project__fo .project__fo_informations .project__fo_informations_descriptions p,#project .project__fo .project__fo_categories .project__fo_categories_items .project__fo_categories_item p,#home .header_intro .header_intro-text,#home #intro .intro_reel .intro_reel_texts .intro_reel_text,#home #intro .intro_slider .intro_slider_content .intro_slider_content-section p,#home #work .work-segments .work-segments-control .work-segments-control-text,#home #work .works .works-item .works-item-text,#home #fo .fo_socials .fo_socials-link,#home #fo .fo_quote .fo_quote-label,#home #fo .fo_quote .fo_quote-email,#projectModal .pm_header .pm_header-text,#projectModal .pm_project .project__fo .project__fo-title,#projectModal .pm_project .project__fo .project__fo_informations .project__fo_informations_descriptions p,#projectModal .pm_project .project__fo .project__fo_categories .project__fo_categories_items .project__fo_categories_item p,#reelModal .rl_header .rl_header-text{font-size:20px;letter-spacing:-.03rem;line-height:140%}@media(max-width:1360px){#project .project_nav .project_nav-name,#project .project__fo .project__fo-title,#project .project__fo .project__fo_informations .project__fo_informations_descriptions p,#project .project__fo .project__fo_categories .project__fo_categories_items .project__fo_categories_item p,#home .header_intro .header_intro-text,#home #intro .intro_reel .intro_reel_texts .intro_reel_text,#home #intro .intro_slider .intro_slider_content .intro_slider_content-section p,#home #work .work-segments .work-segments-control .work-segments-control-text,#home #work .works .works-item .works-item-text,#home #fo .fo_socials .fo_socials-link,#home #fo .fo_quote .fo_quote-label,#home #fo .fo_quote .fo_quote-email,#projectModal .pm_header .pm_header-text,#projectModal .pm_project .project__fo .project__fo-title,#projectModal .pm_project .project__fo .project__fo_informations .project__fo_informations_descriptions p,#projectModal .pm_project .project__fo .project__fo_categories .project__fo_categories_items .project__fo_categories_item p,#reelModal .rl_header .rl_header-text{font-size:18px;letter-spacing:-.02rem}}.primary-button,.outline-button{font-size:18px;letter-spacing:-.02rem;line-height:130%}*,*:after,*:before{box-sizing:border-box}:root{--o1: cubic-bezier(.65, 1, .9, 1);--o2: cubic-bezier(.5, 1, .89, 1);--o3: cubic-bezier(.33, 1, .68, 1);--o4: cubic-bezier(.25, 1, .5, 1);--o5: cubic-bezier(.22, 1, .36, 1);--o6: cubic-bezier(.19, 1, .22, 1);--io1: cubic-bezier(.37, 0, .63, 1);--io2: cubic-bezier(.45, 0, .55, 1);--io3: cubic-bezier(.65, 0, .35, 1);--io4: cubic-bezier(.76, 0, .24, 1);--io5: cubic-bezier(.83, 0, .17, 1);--io6: cubic-bezier(.87, 0, .13, 1);--i1: cubic-bezier(.12, 0, .39, 0);--i2: cubic-bezier(.11, 0, .5, 0);--i3: cubic-bezier(.32, 0, .67, 0);--i4: cubic-bezier(.5, 0, .75, 0);--i5: cubic-bezier(.64, 0, .78, 0);--i6: cubic-bezier(.7, 0, .84, 0);--fz: calc(100vw / 1700 * 16);--pad: 2.5rem;--gap: 1.5rem;--cols: 12;--col: calc((100% - (var(--cols) - 1) * var(--gap)) / var(--cols));--project-radius: 1rem}@media(max-width:1024px){:root{--pad: 2rem;--gap: 1.5rem;--cols: 8;--project-radius: .75rem}}@media(max-width:768px){:root{--pad: 1rem;--gap: 1rem;--cols: 4}}html{font-family:su,sans-serif;-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:none;-webkit-font-smoothing:antialiased;position:relative;user-select:none;touch-action:manipulation}@media(max-width:768px){html{overscroll-behavior:none}}body{background:#fff}#app{min-height:100vh}@media(min-width:1920px){#app{width:1920px;margin:0 auto}}#home{background:#fff}[transition-style=modal]::view-transition-new(root){animation:modal var(.3S) var(--io3)}@keyframes modal{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}#grid{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:space-between;pointer-events:none;z-index:10000;opacity:0}@media(min-width:1920px){#grid{width:1920px;left:50%;transform:translate(-50%)}}@media(min-width:1024px){#grid{gap:1.5rem;padding:0 2.5rem}}@media(max-width:1024px){#grid{gap:1.5rem;padding:0 2rem}}@media(max-width:768px){#grid{gap:1rem;padding:0 1rem}}#grid.open{opacity:1}#grid .col{flex:1 0 0;height:100%;background:red;opacity:.15}@media(min-width:1024px){#grid .col:nth-child(n+13){display:none}}@media(max-width:1024px){#grid .col:nth-child(n+9){display:none}}@media(max-width:768px){#grid .col:nth-child(n+5){display:none}}#home #fo,#home #fo .fo_socials,#home #fo .fo_quote,#reelModal .rl_container,.wordmark-button{display:flex;flex-direction:column;align-items:center;justify-content:center}#home #work .work-segments,.primary-button,.outline-button{display:flex;justify-content:center;align-items:center}#project .project_nav,#projectModal .pm_header,#reelModal .rl_header{display:flex;align-items:center;justify-content:space-between}.primary-button{height:2.25rem;line-height:150%;width:fit-content;padding:0 .75rem;backdrop-filter:blur(2px);border-radius:3.125rem;border:none;outline:1px solid rgba(255,255,255,.1);background-color:#000;color:#fff;transition:.15s background-color ease-in-out}@media(hover:hover){.primary-button:hover{background-color:#4d4d4d}}.outline-button{height:2.25rem;width:fit-content;padding:0 .75rem;border-radius:3.125rem;outline:1.5px solid #000000;line-height:150%;color:#000;background:#fff;backdrop-filter:blur(2px);transition:.15s all ease-in-out}@media(hover:hover){.outline-button:hover{outline:1.5px solid #666666;color:#666}}.wordmark-button{cursor:pointer;height:2.25rem;padding:0 .75rem;border:1.5px solid #000000;background:#fff;border-radius:3.125rem;transition:.15s all ease-in-out}.wordmark-button img{transition:.15s opacity ease-in-out}.wordmark-button svg{width:3.37063rem;height:auto}@media(hover:hover){.wordmark-button:hover{border:1.5px solid #666666}.wordmark-button:hover img{opacity:.6}}html.rl-open,html.rl-open body{overflow:clip!important}html.rl-open #h-nav{opacity:0;pointer-events:none}#reelModal{position:fixed;inset:0;pointer-events:none;z-index:1000}#reelModal .rl_overlay{position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .5s var(--o5)}#reelModal .rl_container{position:relative;width:100%;height:100%;max-width:1920px;margin:0 auto;padding:var(--pad)}#reelModal .rl_header{position:fixed;top:0;left:0;width:100%;padding:var(--pad);z-index:10;opacity:0;transition:opacity .8s var(--o5);transition-delay:.15s}#reelModal .rl_header .rl_close{cursor:pointer}#reelModal .rl_wrap{--modal-width: calc(100vw - 2 * var(--pad) - var(--col) * 4 - var(--gap) * 3);position:fixed;visibility:hidden;opacity:0;top:0;left:0;width:var(--modal-width);aspect-ratio:16/9;border-radius:var(--project-radius);overflow:hidden;transform-origin:top left;will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1)}@media(max-width:1360px){#reelModal .rl_wrap{--modal-width: calc(100% - 2 * var(--pad))}}@media(min-width:1920px){#reelModal .rl_wrap{--modal-width: calc(100vw - 2 * var(--pad) - var(--col) * 4 - var(--gap) * 5.5)}}#reelModal .rl_content{position:absolute;inset:0;background:#111}#reelModal .rl_content .rl_asset{position:absolute;inset:0;visibility:hidden}#reelModal .rl_content .rl_asset.is-active{visibility:visible}#reelModal .rl_content .rl_asset-image img,#reelModal .rl_content .rl_asset-video video{width:100%;height:100%;object-fit:cover}#reelModal.is-open{pointer-events:auto}#reelModal.is-open .rl_overlay{opacity:1}#reelModal.is-open .rl_wrap{visibility:visible;opacity:1}#reelModal.is-open .rl_header{opacity:1}#reelModal.is-closing{pointer-events:none}#reelModal.is-closing .rl_wrap{visibility:visible;opacity:1}#reelModal.is-closing .rl_overlay{opacity:0}#reelModal.is-closing .rl_header{opacity:0;transition:none}#reelTrigger{display:block;cursor:pointer}#reelTrigger.is-hidden{opacity:0;pointer-events:none}#reelTrigger .intro_reel_assets{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--project-radius);overflow:hidden;background:#111}@media(hover:hover){#reelTrigger .intro_reel_assets:hover:before{opacity:.08}}#reelTrigger .intro_reel_assets:before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;background:#000;opacity:0;border-radius:var(--project-radius);transition:.25s var(--o6) transform;z-index:10}#reelTrigger .intro_reel_assets .intro_reel_asset{position:absolute;inset:0;visibility:hidden}#reelTrigger .intro_reel_assets .intro_reel_asset.is-active{visibility:visible}#reelTrigger .intro_reel_assets .intro_reel_asset-image img,#reelTrigger .intro_reel_assets .intro_reel_asset-video video{width:100%;height:100%;object-fit:cover}html.pm-open,html.pm-open body{overflow:clip!important}.works-item.is-morph-hidden{pointer-events:none!important}.works-item.is-morph-hidden .works-item-image,.works-item.is-morph-hidden .works-item-text{opacity:0}.works-item .works-item-text{transition:opacity .15s ease}html.pm-open #h-nav{opacity:0;pointer-events:none}#h-nav{transition:opacity .5s var(--o5)}#projectModal{position:fixed;inset:0;pointer-events:none;z-index:1000}#projectModal .pm_overlay{position:absolute;inset:0;z-index:1;background:#fff;opacity:0;transition:opacity .5s var(--o5)}#projectModal .pm_hero{position:fixed;top:0;left:0;z-index:4;overflow:hidden;transform-origin:top left;will-change:transform,border-radius;visibility:hidden;opacity:0;pointer-events:none}#projectModal .pm_hero img{width:100%;height:100%;object-fit:cover}#projectModal .pm_wrap{position:fixed;inset:0;z-index:3;overflow-y:auto;overflow-x:hidden;background:#fff;visibility:hidden;opacity:0}#projectModal .pm_header{position:fixed;top:0;left:0;width:100%;padding:var(--pad);z-index:10;opacity:0;transition:opacity .8s var(--o5);transition-delay:.15s}@media(max-width:1024px){#projectModal .pm_header{position:sticky;background:#fff}}#projectModal .pm_header .pm_close{cursor:pointer}#projectModal .pm_container{position:relative;width:100%;height:100%;max-width:1920px;margin:0 auto}#projectModal .pm_project{padding:0 var(--pad)}#projectModal .pm_project .pm_cover{width:calc(6 * var(--col) + 5 * var(--gap));margin:0 auto;padding-top:11.25rem}@media(max-width:1024px){#projectModal .pm_project .pm_cover{padding-top:6rem}}@media(max-width:768px){#projectModal .pm_project .pm_cover{width:100%;padding-top:3rem}}#projectModal .pm_project .pm_cover img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--project-radius);display:block}#projectModal .pm_project .project-content{display:flex;flex-direction:column;gap:5rem;width:calc(6 * var(--col) + 5 * var(--gap));margin:0 auto;padding-top:4rem}@media(max-width:768px){#projectModal .pm_project .project-content{width:100%;padding-top:3rem;gap:3rem}}#projectModal .pm_project .project-content .project-content-vertical{width:100%;height:auto;overflow:hidden}#projectModal .pm_project .project-content .project-content-vertical img,#projectModal .pm_project .project-content .project-content-vertical video{width:100%;height:auto;border-radius:.75rem}#projectModal .pm_project .project-content .project-content-horizontal{display:flex;gap:var(--gap);width:100%}#projectModal .pm_project .project-content .project-content-horizontal img,#projectModal .pm_project .project-content .project-content-horizontal video{border-radius:var(--project-radius);width:calc(6 * var(--col) + 5 * var(--gap));height:auto}@media(max-width:1024px){#projectModal .pm_project .project-content .project-content-horizontal img,#projectModal .pm_project .project-content .project-content-horizontal video{width:calc(4 * var(--col) + 3 * var(--gap))}}@media(max-width:768px){#projectModal .pm_project .project-content .project-content-horizontal img,#projectModal .pm_project .project-content .project-content-horizontal video{width:calc(2 * var(--col) + 1 * var(--gap));border-radius:.75rem}}#projectModal .pm_project .project__fo{display:flex;flex-direction:column;gap:3rem;margin:0 auto;padding:11.25rem 0;width:calc(4 * var(--col) + 3 * var(--gap))}@media(max-width:768px){#projectModal .pm_project .project__fo{padding:7.5rem 0}}#projectModal .pm_project .project__fo .project__fo-title{color:#0000004d}#projectModal .pm_project .project__fo .project__fo_informations .project__fo_informations_descriptions{padding-left:1.5rem;display:flex;flex-direction:column;gap:1rem}#projectModal .pm_project .project__fo .project__fo_informations .project__fo_informations_descriptions .primary-button{margin-top:.5rem}#projectModal .pm_project .project__fo .project__fo_categories .project__fo_categories_items{padding-left:1.5rem}#projectModal .pm_project .project__fo .project__fo_categories .project__fo_categories_items .project__fo_categories_item{display:flex;align-items:center;gap:.5rem}#projectModal .pm_project .project__fo .project__fo_categories .project__fo_categories_items .project__fo_categories_item .project__fo_categories_item-subtext{color:#0000004d}#projectModal.is-open{pointer-events:auto}#projectModal.is-open .pm_overlay,#projectModal.is-open .pm_header{opacity:1}#projectModal.is-closing{pointer-events:none}#projectModal.is-closing .pm_overlay{opacity:0}#projectModal.is-closing .pm_header{opacity:0;transition:none}#h-nav{display:flex;gap:.75rem;position:sticky;top:0;padding:2rem var(--pad);z-index:900;pointer-events:none}#h-nav *{pointer-events:auto;width:fit-content}@media(max-width:768px){#h-nav{padding:1rem 0}}#h-nav .ct_h-nav{width:100%}#h-nav .ct_h-nav .wordmark-button{margin-left:0}#h-nav .ct_h-nav:first-child{display:flex;justify-content:flex-end}.trigger_motion{position:relative}#home{position:relative;padding:0 var(--pad)}@media(max-width:768px){#home{padding-top:4.25rem}}@media(max-width:768px){#home #h-nav{position:fixed;top:0;left:0;width:100%;padding:1rem var(--pad)}}#home .header_intro{margin:0 auto;padding-top:.5rem}#home .header_intro .header_intro-text{text-align:center;white-space:pre-wrap}#home #intro{position:relative;z-index:1;padding-top:48.75rem;padding-bottom:10rem}@media(max-width:1360px){#home #intro{padding-top:75vh}}@media(max-width:768px){#home #intro{width:100%;padding-top:50rem;padding-bottom:8rem}}@media(max-width:540px){#home #intro{padding-top:43rem}}#home #intro .intro_reel{width:calc(3 * var(--col) + 2 * var(--gap))}@media(max-width:1360px){#home #intro .intro_reel{width:calc(6 * var(--col) + 5 * var(--gap));margin:0 auto}}@media(max-width:768px){#home #intro .intro_reel{width:100%}}#home #intro .intro_reel .intro_reel_texts{width:100%;display:flex;flex-direction:column;gap:1rem;margin-top:1.5rem}#home #intro .intro_reel .intro_reel_texts .intro_reel_text{white-space:pre-wrap}#home #intro .intro_slider{width:calc(3 * var(--col) + 2 * var(--gap))}@media(max-width:1360px){#home #intro .intro_slider{width:calc(6 * var(--col) + 5 * var(--gap));margin:0 auto}}@media(max-width:768px){#home #intro .intro_slider{width:100%}}#home #intro .intro_slider{margin-left:auto;margin-top:4rem}#home #intro .intro_slider .intro_slider_content{margin-top:1.5rem;display:flex;flex-direction:column;gap:4rem}#home #intro .intro_slider .intro_slider_content .intro_slider_content-section .intro_slider_content-section-label{color:#0000004d}#home #intro .intro_slider .intro_slider_content .intro_slider_content-section .intro_slider_content-section-texts{display:flex;flex-direction:column;gap:1rem}#home #intro .intro_slider .intro_slider_content .intro_slider_content-section .intro_slider_content-section-text{padding-left:1.5rem}#home #work .work-segments{gap:1rem}@media(max-width:768px){#home #work .work-segments{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:0}}#home #work .work-segments .work-segments-control{display:flex;align-items:center;border:none;background:transparent;gap:.5rem;padding:.3125rem .75rem;cursor:pointer}#home #work .work-segments .work-segments-control .work-segments-control-icon{position:relative;width:.75rem;height:.75rem;border-radius:999px;transition:.5s var(--o6) all}#home #work .work-segments .work-segments-control .work-segments-control-icon .dot{width:100%;height:100%;border-radius:999px;box-shadow:inset 0 0 0 1px #0000004d;transition:box-shadow .5s var(--o6)}#home #work .work-segments .work-segments-control .work-segments-control-text{color:#0000004d;transition:color .5s var(--o6)}@media(hover:hover){#home #work .work-segments .work-segments-control:not(.work-segments-control-active):hover .work-segments-control-icon .dot{box-shadow:inset 0 0 0 .375rem #b2b2b2}#home #work .work-segments .work-segments-control:not(.work-segments-control-active):hover .work-segments-control-text{color:#b2b2b2}}#home #work .work-segments .work-segments-control.work-segments-control-active .work-segments-control-icon .dot{box-shadow:inset 0 0 0 .375rem #000}#home #work .work-segments .work-segments-control.work-segments-control-active .work-segments-control-text{color:#000}#home #work .works{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:var(--gap);width:100%;margin-top:3rem}@media(max-width:768px){#home #work .works{margin-top:2rem;gap:3rem}}#home #work .works .works-item{appearance:none;border:none;background:none;padding:0;cursor:pointer;text-align:left;font:inherit;color:inherit;outline:none;overflow:hidden;width:calc(3 * var(--col) + 2 * var(--gap))}@media(max-width:1360px){#home #work .works .works-item{width:calc(4 * var(--col) + 3 * var(--gap))}}@media(max-width:1024px){#home #work .works .works-item{width:calc(4 * var(--col) + 3 * var(--gap))}}@media(max-width:768px){#home #work .works .works-item{width:100%}}@media(hover:hover){#home #work .works .works-item:hover .works-item-text{color:#666}#home #work .works .works-item:hover .works-item-image:before{opacity:.08}}#home #work .works .works-item.works-item-hidden{display:none}#home #work .works .works-item .works-item-image{position:relative;width:100%;aspect-ratio:16/9}#home #work .works .works-item .works-item-image:before{position:absolute;content:" ";top:0;left:0;width:100%;height:100%;background:#000;opacity:0;border-radius:var(--project-radius);transition:.25s var(--o6) transform}#home #work .works .works-item .works-item-image .works-item-image-src{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--project-radius)}#home #work .works .works-item .works-item-text{margin-top:.75rem;transition:.25s var(--o6) color}#home #fo{padding:10rem 0;gap:4rem}#home #fo .fo_socials .fo_socials-link{position:relative}#home #fo .fo_socials .fo_socials-link:before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:.75rem;height:.75rem;border-radius:.75rem;background:#000;transform:translate(-150%,-50%) scale(0);transition:.25s var(--o6) transform}@media(hover:hover){#home #fo .fo_socials .fo_socials-link:hover:before{transform:translate(-150%,-50%) scale(1)}}#home #fo .fo_quote .fo_quote-label{color:#0000004d}#home #fo .fo_quote .fo_quote-email{position:relative}#home #fo .fo_quote .fo_quote-email:before{content:"";display:inline-block;position:absolute;top:50%;left:0;width:.75rem;height:.75rem;border-radius:.75rem;background:#000;transform:translate(-150%,-50%) scale(0);transition:.5s var(--o6) transform}@media(hover:hover){#home #fo .fo_quote .fo_quote-email:hover:before{transform:translate(-150%,-50%) scale(1)}}#project{padding:0 var(--pad);background:#fff}#project .project_nav{position:sticky;top:0;width:100%;padding:var(--pad) 0}#project .project-content{display:flex;flex-direction:column;gap:5rem;width:calc(6 * var(--col) + 5 * var(--gap));margin:0 auto;padding-top:4rem}@media(max-width:768px){#project .project-content{width:100%}}#project .project-content .project-content-vertical{width:100%;height:auto;overflow:hidden}#project .project-content .project-content-vertical img,#project .project-content .project-content-vertical video{width:100%;height:auto;border-radius:var(--project-radius)}#project .project-content .project-content-horizontal{display:flex;gap:var(--gap);width:100%}#project .project-content .project-content-horizontal img,#project .project-content .project-content-horizontal video{border-radius:var(--project-radius);width:calc(6 * var(--col) + 5 * var(--gap));height:auto}@media(max-width:1024px){#project .project-content .project-content-horizontal img,#project .project-content .project-content-horizontal video{width:calc(4 * var(--col) + 3 * var(--gap))}}@media(max-width:768px){#project .project-content .project-content-horizontal img,#project .project-content .project-content-horizontal video{width:calc(2 * var(--col) + 1 * var(--gap))}}#project .project__fo{display:flex;flex-direction:column;gap:3rem;margin:0 auto;padding:11.25rem 0;width:calc(4 * var(--col) + 3 * var(--gap))}#project .project__fo .project__fo-title{color:#0000004d}#project .project__fo .project__fo_informations .project__fo_informations_descriptions{padding-left:1.5rem;display:flex;flex-direction:column;gap:1rem}#project .project__fo .project__fo_informations .project__fo_informations_descriptions .primary-button{margin-top:.5rem}#project .project__fo .project__fo_categories .project__fo_categories_items{padding-left:1.5rem}#project .project__fo .project__fo_categories .project__fo_categories_items .project__fo_categories_item{display:flex;align-items:center;gap:.5rem}#project .project__fo .project__fo_categories .project__fo_categories_items .project__fo_categories_item .project__fo_categories_item-subtext{color:#0000004d}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}