@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-vietnamese-wdth-normal-9GtAklmW.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-latin-ext-wdth-normal-BaQ5u-C4.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Anybody Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 150%;src:url(./anybody-latin-wdth-normal-CHqbGEEr.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 125%;src:url(./saira-vietnamese-wdth-normal-Dabr_kLY.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 125%;src:url(./saira-latin-ext-wdth-normal-3Ba4ICIc.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Saira Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:50% 125%;src:url(./saira-latin-wdth-normal-X2eA-qfZ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--smoke:#e5e2d6;--ink:#292f33;--purple:#4f52be;--yellow:#ddab45;--red:#ba4f5e;--radius:6px;--b2:2px;--display:"Anybody Variable", Arial, sans-serif;--body:"Saira Variable", Arial, sans-serif;--ease-ui:cubic-bezier(.645, .045, .355, 1);--ease-out:cubic-bezier(.165, .84, .44, 1);--nav-pad:5vh}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--smoke)}body{font-family:var(--body);color:var(--ink);background:var(--smoke);font-size:1.1vw;line-height:1.2;overflow-x:hidden}body.no-scroll{overflow:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}i,em{font-style:normal}.grain{z-index:4000;pointer-events:none;opacity:.16;mix-blend-mode:multiply;filter:url(#grain);position:fixed;inset:0}.display,.hero-line,h2,h3,.brand,.menu-item,.btn,.count,.big,.cit-row,.clients-title{font-family:var(--display);text-transform:uppercase;font-weight:800;font-stretch:150%}.cursor{z-index:3500;pointer-events:none;opacity:0;transition:opacity .25s;position:fixed;top:0;left:0}.cursor.on{opacity:1}.cursor p{background:var(--purple);color:var(--smoke);font:600 .9vw var(--display);text-transform:uppercase;white-space:nowrap;border-radius:2px;padding:.4em .8em;font-stretch:130%}.nav{z-index:1000;padding:var(--nav-pad) 5vw;pointer-events:none;mix-blend-mode:normal;justify-content:space-between;display:flex;position:fixed;inset:0 0 auto}.nav>*{pointer-events:auto}.nav{color:var(--ink);transition:color .3s}.nav.light,.nav.light .brand,.nav.light .burger{color:var(--smoke)}.nav.light .burger i{background:var(--smoke)}.brand{color:var(--ink);grid-template-columns:auto 1fr;align-items:center;column-gap:.5vw;font-size:1.6vw;line-height:.8;display:grid}.brand-studio{font-weight:400;font-stretch:150%}.brand-stripes{gap:2px;display:grid}.brand-stripes i,.stripes i,.menu-stripes i{display:block}.brand-stripes i:first-child,.stripes i:first-child{background:var(--red)}.brand-stripes i:nth-child(2),.stripes i:nth-child(2){background:var(--yellow)}.brand-stripes i:nth-child(3),.stripes i:nth-child(3){background:var(--purple)}.brand-stripes i{height:.25vw}.brand-name{grid-column:1/-1;margin-top:.25vw;font-weight:900}.burger{font:900 .8vw var(--display);letter-spacing:.1em;transition:padding .3s var(--ease-ui);flex-direction:column;align-items:flex-end;gap:.35vw;padding-left:4vw;font-stretch:150%;display:flex}.burger:hover{padding-left:.5vw}.burger i{background:var(--ink);width:.7vw;height:2px;transition:background .3s;display:block}.burger i:nth-child(2){width:.7vw}.menu{z-index:2000;background:var(--purple);color:var(--smoke);clip-path:inset(0 0 100%);visibility:hidden;position:fixed;inset:0}.menu.open{visibility:visible}.menu-stripes{display:flex;position:absolute;top:0;bottom:0;left:5vw}.menu-stripes i{transform-origin:0 0;width:4vw}.menu-stripes i:first-child{background:var(--smoke)}.menu-stripes i:nth-child(2){background:var(--yellow)}.menu-stripes i:nth-child(3){background:var(--red)}.menu-notch{background:var(--ink);clip-path:polygon(0 0,100% 0,78% 100%,22% 100%);width:22vw;height:14vh;position:absolute;top:0;left:50%;transform:translate(-50%)}.menu-close{width:3.6vw;height:3.6vw;position:absolute;top:5vh;right:5vw}.menu-close b{background:var(--smoke);height:2px;position:absolute;top:50%;left:0;right:0;transform:rotate(45deg)}.menu-close b+b{transform:rotate(-45deg)}.menu-sticker{opacity:0;width:15vw;position:absolute;top:9vh;left:6vw;transform:rotate(-8deg)}.menu-list{flex-direction:column;display:flex;position:absolute;top:24vh;left:21vw}.menu-item{transition:font-weight .3s var(--ease-out), font-stretch .3s var(--ease-out);font-size:4vw;font-weight:700;font-stretch:100%;line-height:1.2;overflow:hidden}.menu-item:hover{font-weight:100;font-stretch:130%}.menu-item.current{pointer-events:none;font-style:italic;font-weight:100}.page{z-index:2;background:var(--smoke);margin-bottom:100svh;position:relative}.hero-inner{flex-direction:column;justify-content:center;align-items:center;height:100svh;display:flex}.hero-line{text-align:center;font-size:3.5vw;font-stretch:150%;line-height:1.15}.hero-line .mark{vertical-align:baseline;width:3.2vw;height:1.9vw;fill:var(--ink);display:inline-block}.hero-frame{will-change:height;background:#aab0c8;width:83vw;height:.6vw;margin:.4vw 0;position:relative;overflow:hidden}.hero-frame img{object-fit:cover;aspect-ratio:16/9;background:#6b4a3a;width:100%;height:100%;position:absolute;inset:0}.expertises{background:var(--ink);padding:10vh 0 14vh}.prods-title{text-align:center;font:900 11vw/.9 var(--body);text-transform:uppercase;color:var(--purple);padding-top:14vh;font-stretch:70%}.cassette{background:var(--ink);transform-origin:50% 100%;border:2px solid #3f464b;border-radius:10px;grid-template-columns:1fr 1.4fr;gap:3vw;width:72vw;height:36vw;max-height:74vh;margin:0 auto 14vh;padding:6vw 5vw 3vw;display:grid;position:sticky;top:15.5vh}.cassette.alt{transform:rotate(-1.5deg)}.cassette-top{background:#3d4448;border-radius:10px 10px 0 0;place-items:center;height:4vw;display:grid;position:absolute;inset:0 0 auto}.reel-box{aspect-ratio:1;background:#3a4145 linear-gradient(165deg,#4a5155 0 38%,#3a4145 38%);align-self:center;place-items:center;display:grid;overflow:hidden}.reel{aspect-ratio:1;border:5vw solid #565d60;border-radius:50%;place-items:center;width:85%;display:grid}.reel i{aspect-ratio:1;background:var(--ink);border-radius:50%;place-items:center;width:70%;display:grid}.reel i:after{content:"";aspect-ratio:1;border:.35vw dashed #bfb9a8;border-radius:50%;width:30%}.ticket{background:var(--smoke);border-radius:3px;flex-direction:column;gap:1.2vw;padding:2vw;display:flex}.ticket h2{color:var(--purple);border-bottom:var(--b2) solid var(--ink);padding-bottom:1.2vw;font-size:2vw;font-stretch:150%;line-height:.95}.cassette.alt .ticket h2{color:var(--yellow-d,#c29230)}.ticket ul{font:350 1.2vw var(--body);text-transform:uppercase;font-stretch:80%;list-style:none}.ticket li{border-bottom:1px solid var(--ink);padding:.5vw 0 .15vw}.btn{border:var(--b2) solid var(--ink);transition:background .3s var(--ease-ui), color .3s var(--ease-ui);border-radius:2px;align-self:flex-start;gap:.5em;padding:.3em .45em;font-size:1.4vw;font-stretch:130%;display:inline-flex;overflow:hidden}.btn:hover{background:var(--ink);color:var(--smoke)}.logo-sq{font:900 1.6vw var(--display);border:2px solid var(--ink);padding:.1em .25em;font-stretch:120%}.logo-sq.sm{color:#bdb7a8;border-color:#bdb7a8;font-size:.9vw}.prods{background:var(--ink);color:var(--smoke);padding:6vh 0 0}.prods-grid{border-top:1px solid #5a6166;border-bottom:1px solid #5a6166;grid-template-columns:repeat(3,1fr);display:grid}.prods article{border-right:1px solid #5a6166;flex-direction:column;gap:.6vw;padding:3vw 2.5vw;display:flex}.prods article:last-child{border:0}.pics{align-items:flex-start;gap:1vw;display:flex}.pic{aspect-ratio:1;background:#3c4347;flex:none;width:15.5vw;position:relative;overflow:hidden}.pic img,.thumb img{object-fit:cover;width:100%;height:100%}.pic em{background:var(--purple);font:400 .9vw var(--body);border-radius:2px;padding:.2em .6em;position:absolute;top:.6vw;left:.6vw}.thumb{aspect-ratio:3/2;background:#3c4347;flex:none;width:6vw}.thumb.t2,.thumb.t3{aspect-ratio:3/4}.prods small{font:300 1.3vw var(--body);text-transform:uppercase;opacity:.8;margin-top:1vw;font-stretch:70%}.prods h3{min-height:3.6vw;font-size:1.7vw;font-stretch:130%;line-height:.95}.prods .btn{margin-top:1.4vw}.spines{gap:.15vw;height:20vw;padding:3vw 0 0;display:flex;overflow:hidden}.spine{width:6.4vw;height:100%;color:var(--ink);background:#ccc9bd;border:1px solid #8e9296;border-radius:4px 4px 0 0;flex-direction:column;flex:none;align-items:center;gap:.5vw;padding:.4vw;display:flex}.spine .still{aspect-ratio:16/9;background:var(--sc,#6a5b52);width:100%}.spine .yr{font:500 1vw var(--display);font-stretch:150%}.spine .wm{font:800 .9vw var(--display);opacity:.6;place-items:center;height:2vw;font-stretch:100%;display:grid}.spine .tt{writing-mode:vertical-rl;font:800 1.4vw var(--display);text-transform:uppercase;opacity:.85;margin-top:auto;padding-bottom:1vw;font-stretch:120%;transform:rotate(180deg)}.citation{background:var(--smoke);z-index:10;height:52vh;position:relative;overflow:hidden}.cit-row{white-space:nowrap;will-change:transform;font-size:8vw;font-style:italic;font-weight:900;font-stretch:150%;line-height:1;position:absolute;left:0}.cit-fill{color:var(--purple);top:8vh}.cit-stroke{color:#0000;-webkit-text-stroke:2px var(--purple);margin-top:11vh;top:8vh}.clients{background:var(--smoke);padding:6vh 0 14vh;position:relative;overflow:hidden}.clients-title{text-align:center;font:900 11vw/.9 var(--body);text-transform:uppercase;color:#a4a69f;font-stretch:70%}.drone{z-index:3;width:28vw;margin:4vh auto -6vh;animation:4s ease-in-out infinite bob;position:relative}@keyframes bob{50%{transform:translateY(-1.5vw)rotate(-2deg)}}.band{background:var(--ink);display:flex;position:relative}.band-a{margin:0 -3% 6rem;padding:.3rem 0;transform:rotate(2deg)}.band-b{z-index:2;width:110%;margin-left:-5%;padding:.5rem 0;transform:rotate(-3deg)}.track{will-change:transform;flex:none;display:flex}.cl{background:var(--smoke);aspect-ratio:16/9;width:11vw;font:800 1.1vw var(--display);text-transform:uppercase;color:var(--ink);border-radius:.3vw;flex:none;place-items:center;margin:0 .25vw;font-stretch:120%;display:grid}.band-b .cl{width:18vw;font-size:1.8vw}.follow-card{aspect-ratio:3/4;background:var(--yellow);border:2px solid var(--ink);z-index:5;pointer-events:none;opacity:0;width:9vw;font:800 .9vw var(--display);text-transform:uppercase;text-align:center;border-radius:4px;place-items:center;padding:.5vw;font-stretch:120%;display:grid;position:absolute;top:50%;left:50%}.contact{z-index:1;background:var(--ink);height:100svh;color:var(--smoke);flex-direction:column;justify-content:flex-end;gap:3vh;padding:5vh 5vw;display:flex;position:fixed;inset:auto 0 0;overflow:hidden}.trail img{aspect-ratio:4/5;object-fit:cover;pointer-events:none;background:#3c4347;border-radius:3px;width:14vw;display:none;position:absolute}.contact-row{z-index:2;align-items:center;gap:1.2vw;display:flex;position:relative}.ibox{border:2px solid var(--smoke);border-radius:6px;place-items:center;min-width:8vw;height:6.6vw;font-size:2.6vw;display:grid}.ibox.mail{font:300 2vw var(--body);gap:1.5vw;min-width:0;padding-left:1.6vw;padding-right:0;font-size:2.2vw;display:flex}.ibox.mail span{font-size:2vw}.ibox.mail button{border-left:2px solid var(--smoke);height:100%;font:300 2vw var(--body);padding:0 1.4vw}.badge{background:var(--purple);aspect-ratio:1;border-radius:50%;width:17vw;margin-top:-2vh;margin-left:auto;animation:24s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.big{z-index:2;flex-direction:column;line-height:.8;display:flex;position:relative}.big-top{align-items:center;gap:2vw;font-size:11.6vw;font-weight:400;font-stretch:150%;display:flex}.stripes{flex:1;gap:.6vw;display:grid}.stripes i:first-child{height:.5vw}.stripes i:nth-child(2){height:1.4vw}.stripes i:nth-child(3){height:2.4vw}.big-bottom{font-size:8.6vw;font-weight:900;font-stretch:150%}.foot{z-index:2;justify-content:space-between;font-size:1.1vw;display:flex;position:relative}.loader{z-index:3000;pointer-events:none;background:var(--smoke);place-items:center;display:grid;position:fixed;inset:0}.stickers .st{opacity:0;width:11vw;position:absolute}.s1{top:8%;left:83%;width:7vw!important}.s2{top:63%;left:54%;width:10vw!important}.s3{top:33%;left:78%;width:8vw!important}.s4{top:18%;left:26%;width:24vw!important}.cassette-mask{width:90vw;height:14vw;position:relative;overflow:hidden}.cassette-loader{background:var(--ink);border-radius:var(--radius);height:13vw;padding:1.5vw 2.5vw 1.5vw 12vw;position:absolute;inset:0 0 auto}.label{background:var(--smoke);border-radius:4px;grid-template-columns:auto 1fr auto;align-items:center;gap:2vw;height:100%;margin-left:-9.5vw;padding:0 2vw;display:grid}.label .logo-sq{font-size:2.6vw}.label-text{font:400 1.4vw var(--body);gap:.4vw;display:grid}.label-text div{border-bottom:1px solid #8e9296;padding:.3vw 0}.count{color:var(--purple);font-size:7vw;font-weight:900;font-stretch:150%;line-height:1}@media (width<=767px){body{font-size:3.6vw}.nav{padding:3vh 5vw}.brand{column-gap:1.6vw;font-size:5.4vw}.brand-stripes i{height:.9vw}.brand-name{margin-top:.9vw}.burger{gap:1.2vw;padding-left:8vw;font-size:2.8vw}.burger i{width:3vw}.nav,.nav.light,.nav.light .brand,.nav.light .burger{color:var(--ink)}.nav.light .burger i{background:var(--ink)}.nav{background:var(--smoke);border-bottom:1px solid var(--ink);padding:1.4vh 5vw}.prods{background:var(--smoke);color:var(--ink)}.prods-grid,.prods article{border-color:var(--ink)}.prods .btn{border-color:var(--ink);color:var(--ink)}.pic{background:#cfcdc0}.thumb,.cursor{display:none}.hero-line{font-size:5.6vw}.hero-line .mark{width:5vw;height:3vw}.hero-frame{width:90vw;height:1.4vw}.expertises{padding:8vh 0 6vh;background:var(--smoke)!important}.prods-title{display:none}.cassette,.cassette.alt{background:var(--smoke);border-color:var(--ink);transform:none;filter:none!important}.cassette-top{border-bottom:2px solid var(--ink);background:0 0}.logo-sq.sm{color:var(--ink);border-color:var(--ink)}.cassette{grid-template-columns:1fr;width:90vw;height:auto;max-height:none;padding:14vw 4vw 4vw;top:10vh}.cassette-top{height:9vw}.logo-sq.sm{font-size:3vw}.reel-box{display:none}.ticket{gap:3vw;padding:5vw}.ticket h2{font-size:6vw}.ticket ul{font-size:4vw}.btn{font-size:4.6vw}.prods-grid{grid-template-columns:1fr}.prods article{border-bottom:1px solid #5a6166;border-right:0;padding:8vw 5vw}.pic{width:100%}.pic em{font-size:3vw;top:2vw;left:2vw}.prods small{margin-top:3vw;font-size:4.4vw}.prods h3{min-height:0;font-size:6vw}.prods .btn{margin-top:4vw}.spines{height:60vw;padding-top:8vw}.spine{width:20vw}.spine .yr{font-size:3vw}.spine .wm{height:6vw;font-size:2.6vw}.spine .tt{font-size:4.2vw}.cit-row{font-size:14vw}.clients-title{font-size:22vw}.drone{width:60vw}.cl{width:30vw;font-size:3.2vw}.band-b .cl{width:46vw;font-size:4.6vw}.follow-card{display:none}.contact{justify-content:center;gap:4vh;padding:10vh 5vw 4vh}.contact-row{flex-wrap:wrap;gap:3vw}.ibox{min-width:16vw;height:14vw;font-size:6vw}.ibox.mail{flex-basis:100%;order:5}.ibox.mail span,.ibox.mail button{font-size:3.8vw}.badge{order:3;width:34vw;margin:0 0 0 auto}.big-top{font-size:12.4vw}.big-bottom{font-size:8.8vw}.big-top{gap:3vw}.stripes i:first-child{height:1vw}.stripes i:nth-child(2){height:2.4vw}.stripes i:nth-child(3){height:4vw}.foot{flex-direction:column;gap:2vw;font-size:3.2vw}.trail{display:none}.menu-list{top:26vh;left:8vw}.menu-item{font-size:8vw}.menu-stripes{left:0}.menu-stripes i{width:3vw}.menu-close{width:10vw;height:10vw}.menu-sticker{width:34vw;left:14vw}.menu-notch{width:40vw}.loader .cassette-mask{width:94vw;height:34vw}.cassette-loader{height:32vw;padding:3vw 3vw 3vw 12vw}.label{gap:2vw;margin-left:-9vw;padding:0 2vw}.label .logo-sq{font-size:4vw}.label-text{font-size:2.6vw}.count{font-size:10vw}.stickers .st{width:22vw!important}}@media (prefers-reduced-motion:reduce){.drone,.badge{animation:none}}