@font-face{font-family:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-vietnamese-wdth-normal.38-z0iikg-fbe.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-ext-wdth-normal.27soo5q86xy9f.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:Archivo Variable;font-style:normal;font-display:swap;font-weight:100 900;font-stretch:62% 125%;src:url(../media/archivo-latin-wdth-normal.1h4hl0m83hjjz.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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(../media/anton-vietnamese-400-normal.05cocqagstldg.woff2)format("woff2"),url(../media/anton-vietnamese-400-normal.01kqu2_48hszw.woff)format("woff");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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(../media/anton-latin-ext-400-normal.0xrcw5a_y4ddv.woff2)format("woff2"),url(../media/anton-latin-ext-400-normal.09u678q4m9ric.woff)format("woff");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:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(../media/anton-latin-400-normal.2c_xnsc2yf3c2.woff2)format("woff2"),url(../media/anton-latin-400-normal.18u6h8o_3j6ll.woff)format("woff");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{--ink:#071417;--deep:#0c2126;--panel:#133038;--line:#2a4a52;--paper:#eef3ee;--muted:#9db4b3;--tungsten:#ff9a4d;--gutter:clamp(16px, 4vw, 56px);--display:"Archivo Variable", "Arial Narrow", sans-serif;--wordmark:"Anton", "Arial Narrow", Impact, sans-serif;--shadow-soft:0 10px 28px #00000073;--shadow-lift:0 22px 48px #000000a6, 0 0 0 1px #ff9a4d8c;--ease-out:cubic-bezier(.2, .7, .2, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:72px}body{background:radial-gradient(80% 900px at 85% 0, #12414a 0, transparent 70%), radial-gradient(60% 1100px at 0 62%, #ff9a4d14 0, transparent 70%), var(--ink);color:var(--paper);font-family:var(--display);margin:0;font-size:17px;line-height:1.55;overflow-x:clip}h1,h2{margin:0;font-weight:800;font-stretch:125%;line-height:1.05}p{max-width:62ch}a{color:inherit}button,input,textarea{font:inherit}:focus-visible{outline:2px solid var(--tungsten);outline-offset:3px}.skip{position:absolute;left:-999px}.skip:focus{z-index:30;background:var(--paper);color:var(--ink);padding:8px 12px;top:16px;left:16px}.cover{object-fit:cover}.site-header{z-index:20;padding:14px var(--gutter);background:linear-gradient(#071417c7,#0000);justify-content:space-between;align-items:center;gap:16px;display:flex;position:fixed;inset:0 0 auto}.site-header:before{content:"";z-index:-1;opacity:0;background:linear-gradient(100deg, #0c2a31, var(--ink) 70%);transition:opacity .3s;position:absolute;inset:0;box-shadow:0 8px 26px #00000080}.site-header.is-solid:before{opacity:1}.wordmark{font-family:var(--wordmark);text-transform:uppercase;letter-spacing:.03em;color:var(--tungsten);text-shadow:0 2px 10px #000000b3;transition:letter-spacing .35s var(--ease-out), color .2s ease;font-size:clamp(1.9rem,2.9vw,2.7rem);line-height:1;text-decoration:none}.wordmark:hover{letter-spacing:.06em;color:var(--paper)}.site-header nav{gap:20px;display:flex}.site-header nav a{color:var(--paper);text-shadow:0 1px 8px #000c;align-items:center;min-height:44px;text-decoration:none;display:inline-flex;position:relative}.site-header nav a:after{content:"";background:var(--tungsten);transform-origin:0;height:2px;transition:transform .28s var(--ease-out);position:absolute;bottom:8px;left:0;right:0;transform:scaleX(0)}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{transform:scaleX(1)}.pd{width:min(880px,100vw - 32px);max-width:none;max-height:calc(100dvh - 32px);color:var(--paper);background:0 0;border:0;padding:0;overflow:visible}.pd::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03090cc7;animation:.35s both fade-in}.pd-card{background:linear-gradient(160deg, #10303a, var(--ink) 58%, #2a0d12);max-height:calc(100dvh - 32px);animation:pd-in .5s var(--ease-out) both;border-radius:8px;position:relative;overflow-y:auto;box-shadow:0 40px 100px #000c,0 0 0 1px #ff9a4d59}.pd-art{animation:pd-art .9s var(--ease-out) both;overflow:hidden}.pd-art img{object-fit:cover;width:100%;height:auto;max-height:48dvh;display:block}.pd-body{gap:14px;padding:8px clamp(18px,4vw,36px) 32px;display:grid}.pd-body>*{animation:rise .55s .18s var(--ease-out) both}.pd-body>:nth-child(2){animation-delay:.25s}.pd-body>:nth-child(n+3){animation-delay:.32s}.pd-body h2{font-family:var(--wordmark);text-transform:uppercase;padding-top:18px;font-size:clamp(2.2rem,6vw,3.8rem);font-weight:400;font-stretch:100%}.pd-body p{margin:0}.pd-facts{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px 24px;margin:6px 0 0;display:grid}.pd-facts dt{color:var(--muted);font-size:.86rem}.pd-facts dd{margin:0;font-weight:650}.pd-close{float:right;z-index:3;width:44px;height:44px;color:var(--paper);cursor:pointer;transition:transform .2s var(--ease-out), background .2s;background:#071417c7;border:0;border-radius:50%;margin:12px 12px -56px 0;font-size:1.6rem;line-height:1;position:sticky;top:12px}.pd-close:hover{background:var(--tungsten);color:var(--ink);transform:rotate(90deg)}.pd-closing .pd-card{animation:.24s ease-in both pd-out}.pd-closing::backdrop{animation:.24s both fade-out}.fill{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}@keyframes pd-in{0%{opacity:0;transform:translate(var(--pd-x,0), var(--pd-y,0)) scale(.32)}}@keyframes pd-out{to{opacity:0;transform:translate(var(--pd-x,0), var(--pd-y,0)) scale(.4)}}@keyframes pd-art{0%{transform:scale(1.12)}}@keyframes fade-out{to{opacity:0}}body:after{content:"";z-index:40;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(60vw 60vh at 0 0,#12348280,#0000 72%),radial-gradient(60vw 60vh at 100% 100%,#7d101880,#0000 72%);position:fixed;inset:0}.feature{isolation:isolate;padding:96px var(--gutter) 56px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:40px;display:grid;position:relative;overflow:hidden}.feature-bg{z-index:-1;filter:blur(34px)brightness(.5)saturate(1.2);background-position:50% 40%;background-size:cover;animation:1.1s both fade-in;position:absolute;inset:-60px}.feature:after{content:"";z-index:-1;background:linear-gradient(90deg, #071417c7, transparent 62%), linear-gradient(transparent 62%, var(--ink));position:absolute;inset:0}.rows-art{isolation:isolate;padding-block:24px;position:relative;overflow:hidden}.rows-art:after{content:"";z-index:-1;background:linear-gradient(var(--ink), transparent 14%, transparent 86%, var(--ink)), #07141747;position:absolute;inset:0}.feature-copy{gap:14px;min-width:0;display:grid}.feature-copy h1{animation:rise 1s .15s var(--ease-out) both;font-size:clamp(3rem,8.2vw,8.4rem)}.feature-copy p{color:#fff;-webkit-text-fill-color:#fff;text-shadow:0 1px 8px #000000bf;animation:rise .8s .35s var(--ease-out) both;margin:0;font-size:1.15rem}.feature-copy .feature-title{color:var(--tungsten);-webkit-text-fill-color:var(--tungsten);font-weight:650}.feature-copy .actions{animation:rise .8s .5s var(--ease-out) both}.feature-poster{animation:rise 1s .3s var(--ease-out) both;transition:transform .3s var(--ease-out);display:block;position:relative}.feature-poster:hover,.feature-poster:focus-visible{transform:translateY(-6px)scale(1.015)}.feature-poster img{width:auto;height:min(72vh,660px);box-shadow:var(--shadow-soft), 0 30px 70px #000000b3;display:block}.poster-flash{z-index:-1;aspect-ratio:1;pointer-events:none;opacity:0;mix-blend-mode:screen;filter:blur(46px);background:radial-gradient(circle,#ffe8c4f2,#ff8a3d99 34%,#aa1e1847 56%,#0000 70%);border-radius:50%;width:190%;animation:4s linear 1s both gunfire;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gunfire{0%,4.5%,10%,14.5%,20%,24.5%,45%,49.5%,55%,59.5%,77.5%,82%,87.5%,92%,to{opacity:0}1%{opacity:.95}11%{opacity:.7}21%{opacity:.85}46%{opacity:.95}56%{opacity:.7}78.5%{opacity:1}88.5%{opacity:.8}}.reels{padding:24px var(--gutter) 16px;gap:18px;display:grid}.reels h2{font-size:clamp(1.8rem,4vw,2.8rem)}.reels-grid{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.reel{gap:10px;min-width:0;display:grid}.reel h3{color:var(--tungsten);margin:0;font-size:1.15rem;font-weight:800;font-stretch:125%}.reel-frame{aspect-ratio:16/9;box-shadow:var(--shadow-soft);background:#000;position:relative}.reel-frame iframe,.player iframe,.player video{border:0;width:100%;height:100%;display:block}h1{font-family:var(--wordmark);text-transform:uppercase;letter-spacing:.012em;background:linear-gradient(180deg, #fff 30%, #ffd2ad 72%, var(--tungsten));color:#0000;filter:drop-shadow(0 6px 18px #000000bf);-webkit-background-clip:text;background-clip:text;margin-top:-.16em;padding-top:.16em;font-weight:400;font-stretch:100%;line-height:.96}.actions{flex-wrap:wrap;gap:10px;display:flex}.about .actions{margin-top:24px}.btn{min-height:46px;color:var(--paper);border:1px solid var(--line);cursor:pointer;box-shadow:var(--shadow-soft);transition:transform .2s var(--ease-out), box-shadow .2s ease, background .2s ease, border-color .2s ease;background:#13303880;border-radius:3px;justify-content:center;align-items:center;padding:0 20px;font-weight:650;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--paper);transform:translateY(-2px);box-shadow:0 14px 30px #0000008c}.btn.primary{background:linear-gradient(180deg, #ffb478, var(--tungsten));border-color:var(--tungsten);color:var(--ink);box-shadow:0 10px 26px #ff9a4d47}.btn.primary:hover{background:var(--paper);border-color:var(--paper);box-shadow:0 14px 32px #ff9a4d6b}.rows{padding-top:28px}.row{padding:14px 0 0}.row-head{padding:0 var(--gutter);justify-content:space-between;align-items:center;display:flex}.row-head h2{text-shadow:0 2px 10px #0009;font-size:1.35rem}.row-arrows{gap:6px;display:flex}.row-arrows button{width:44px;height:44px;color:var(--muted);cursor:pointer;transition:transform .2s var(--ease-out), color .2s ease;background:0 0;border:0;font-size:1.7rem}.row-arrows button:hover{color:var(--tungsten);transform:scale(1.2)}.track{padding:14px var(--gutter) 34px;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:none;grid-auto-columns:clamp(250px,26vw,420px);grid-auto-flow:column;gap:14px;margin:0;list-style:none;display:grid;overflow-x:auto}.track::-webkit-scrollbar{display:none}.track li{scroll-snap-align:start;position:relative}.track li:hover,.track li:focus-within{z-index:2}.card{--px:0;--py:0;color:var(--paper);transition:transform .32s var(--ease-out);text-decoration:none;display:block;position:relative}.card-art{aspect-ratio:16/9;background:var(--deep);box-shadow:var(--shadow-soft);border-radius:4px;transition:box-shadow .32s;position:relative;overflow:hidden}.card-media{transition:transform .45s var(--ease-out);position:absolute;inset:-4%}.card-meta{gap:1px;padding-top:9px;display:grid}.card-meta strong{font-weight:650;line-height:1.25}.card-meta span{color:var(--muted);font-size:.86rem;line-height:1.35}.card-meta .card-summary{color:var(--paper);margin-top:4px}.card-meta .card-cta{display:none}@media (hover:hover) and (pointer:fine){.card-meta{opacity:0;transition:opacity .25s ease, transform .32s var(--ease-out);background:linear-gradient(#0000,#071417f5 46%);border-radius:0 0 4px 4px;padding:44px 14px 12px;position:absolute;inset:auto 0 0;transform:translateY(14px)}.card-meta .card-summary{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;display:-webkit-box;overflow:hidden}.card-meta .card-cta{color:var(--tungsten);margin-top:3px;font-weight:650;display:block}.card:hover,.card:focus-visible{transform:scale(1.07)translateY(-4px)}.track li:first-child .card{transform-origin:0}.track li:last-child .card{transform-origin:100%}.card:hover .card-art,.card:focus-visible .card-art{box-shadow:var(--shadow-lift)}.card:hover .card-media,.card:focus-visible .card-media{transform:translate(calc(var(--px) * -2.6%), calc(var(--py) * -2.6%)) scale(1.06)}.card:hover .card-meta,.card:focus-visible .card-meta{opacity:1;transform:none}.card:hover .titlecard span,.card:focus-visible .titlecard span{opacity:0}}.titlecard{align-items:flex-end;padding:22px;display:flex;position:absolute;inset:0}.titlecard span{font-family:var(--wordmark);text-transform:uppercase;letter-spacing:.015em;overflow-wrap:anywhere;text-shadow:0 3px 12px #0000008c;font-size:clamp(1.4rem,2.5vw,2.3rem);line-height:1.04;transition:opacity .2s}.tone-0{background:linear-gradient(115deg,#0e3a42 0 55%,#c9622a 130%)}.tone-1{background:linear-gradient(200deg,#17505a,#0b1f24 70%)}.tone-2{background:linear-gradient(60deg,#7a3b1c,#12303a 62%)}.tone-3{background:linear-gradient(160deg,#0f2c33 30%,#2c6a70)}.project-art .titlecard{padding:var(--gutter)}.project-art .titlecard span{font-size:clamp(2rem,6vw,4.6rem)}.about{padding:72px var(--gutter);background:radial-gradient(70% 120% at 100% 100%, #ff9a4d1a, transparent 70%), linear-gradient(180deg, transparent, var(--deep) 120px);grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:48px;margin-top:40px;display:grid}.about h2{margin-bottom:16px;font-size:clamp(1.8rem,4vw,2.8rem)}.career{margin:0;padding:0;list-style:none}.about h2.career-title{margin-bottom:12px;font-size:1.35rem}.career li{border-top:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}.career li span+span{color:var(--muted);white-space:nowrap}.site-footer{padding:24px var(--gutter);color:var(--muted);font-size:.9rem}.player,.project-art{aspect-ratio:16/9;background:#000;width:100%;max-height:78vh;animation:.7s both fade-in;position:relative}.project-art{aspect-ratio:21/9;overflow:hidden}.project-art:after{content:"";background:linear-gradient(transparent, var(--ink));position:absolute;inset:40% 0 0}.project-body{padding:36px var(--gutter);animation:rise .7s .15s var(--ease-out) both;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px;display:grid}.project>.project-body:first-child{padding-top:112px}.project-body h1{margin-bottom:12px;font-size:clamp(2.6rem,6vw,5rem)}.facts{margin:0}.facts div{border-top:1px solid var(--line);padding:8px 0}.facts dt{color:var(--muted);font-size:.86rem}.facts dd{margin:0}.breakdown{padding:0 var(--gutter) 32px}.breakdown h2{margin-bottom:14px;font-size:1.35rem}.breakdown-frame{aspect-ratio:16/9;position:relative}.wipe{position:absolute;inset:0;overflow:hidden}.wipe-layer{position:absolute;inset:0}.wipe-before{clip-path:inset(0 calc(100% - var(--wipe)) 0 0)}.wipe-line{top:0;bottom:0;left:var(--wipe);background:var(--tungsten);pointer-events:none;width:2px;position:absolute}.wipe input{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;inset:0}.wipe input:focus-visible+*{outline:none}.wipe:has(input:focus-visible) .wipe-line{width:4px}.notice{min-height:100vh;padding:var(--gutter);place-content:center;justify-items:start;gap:12px;display:grid}.notice h1{font-size:clamp(2.2rem,5vw,3.4rem)}.form{gap:18px;max-width:640px;display:grid}.form.narrow{width:min(360px,100%)}.field{border:0;gap:5px;margin:0;padding:0;display:grid}.field label,.field legend{padding:0;font-weight:650}.field small{color:var(--muted)}input:not([type]),input[type=text],input[type=email],input[type=password],input[type=number],textarea{background:var(--deep);width:100%;min-height:44px;color:var(--paper);border:1px solid var(--line);border-radius:3px;padding:9px 11px}.check{align-items:center;gap:9px;min-height:32px;display:flex}.media-preview{aspect-ratio:16/9;object-fit:cover;width:240px;max-width:100%}.link{color:var(--tungsten);cursor:pointer;background:0 0;border:0;justify-self:start;padding:4px 0;text-decoration:underline}.error{color:#ffb4a0}.ok{color:#a5e3c9}.admin{max-width:860px;padding:0 var(--gutter) 64px;margin:0 auto}.admin>header{justify-content:space-between;align-items:center;gap:16px;padding:16px 0;display:flex}.admin nav{flex-wrap:wrap;gap:18px;display:flex}.admin nav a{color:var(--muted);text-decoration:none}.admin h1{margin:12px 0 20px;font-size:2.4rem}.admin h2{margin:28px 0 10px;font-size:1.2rem}.admin-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-list{margin:0;padding:0;list-style:none}.admin-list li{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.admin-list span{color:var(--muted);font-size:.9rem}.inline{flex:1;align-items:center;gap:8px;display:flex}.inline input[type=number]{width:84px}.danger{color:var(--muted);margin-top:40px}.reveal{transition:opacity .8s ease, transform .8s var(--ease-out)}.reveal-wait{opacity:0;transform:translateY(30px)}.reveal-in .track li{animation:rise .6s var(--ease-out) both}.reveal-in .track li:nth-child(2){animation-delay:70ms}.reveal-in .track li:nth-child(3){animation-delay:.14s}.reveal-in .track li:nth-child(4){animation-delay:.21s}.reveal-in .track li:nth-child(n+5){animation-delay:.28s}@keyframes fade-in{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(22px)}}@keyframes title-in{0%{opacity:0;letter-spacing:.05em;transform:translateY(calc(30px - 100%))}}@media (max-width:760px){.reels-grid{grid-template-columns:1fr}.feature{grid-template-columns:1fr;justify-items:start;gap:26px;padding-top:112px}.feature-copy h1{font-size:clamp(3rem,14.5vw,5.4rem)}.feature-poster img{width:min(72vw,300px);height:auto}.about,.project-body{grid-template-columns:1fr;gap:28px}.track{grid-auto-columns:74vw}.row-arrows{display:none}.site-header{flex-wrap:wrap;gap:0 16px;padding-block:8px 4px}.wordmark{white-space:nowrap;font-size:clamp(1.4rem,7vw,2rem)}.site-header{background:linear-gradient(var(--ink) 60%, transparent)}.site-header nav{gap:16px;font-size:.92rem}.player,.project-art{margin-top:60px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.card:hover,.card:focus-visible,.card:hover .card-media,.card:focus-visible .card-media{transform:none}}