@layer components{:root{--huyml-bg:var(--bg-white);--huyml-text:var(--text-navy);--huyml-text-muted:color-mix(in srgb, var(--navy) 42%, transparent);--huyml-text-subtle:color-mix(in srgb, var(--navy) 72%, transparent);--huyml-accent:var(--bg-blue);--huyml-lavanda:var(--lavanda);--huyml-border:color-mix(in srgb, var(--navy) 12%, transparent);--huyml-border-dark:color-mix(in srgb, var(--navy) 26%, transparent);--huyml-font-sans:var(--font-sans)}.huyml-app{background-color:var(--huyml-bg);color:var(--huyml-text);font-family:var(--huyml-font-sans);-webkit-font-smoothing:antialiased;user-select:none;box-sizing:border-box;flex-direction:column;justify-content:space-between;width:100vw;height:100dvh;margin-left:0;padding:0;display:flex;position:relative;overflow:hidden}.huyml-app *{box-sizing:border-box;font-family:inherit}.huyml-viewport{z-index:10;pointer-events:none;flex:1;grid-template-rows:1fr;grid-template-columns:310px 1fr 340px;height:100dvh;margin-left:0;display:grid;position:relative;overflow:hidden}.huyml-col{height:100%;min-height:0;position:relative;overflow:hidden}.huyml-col--meta{padding:var(--space-md);z-index:30;pointer-events:auto;will-change:filter, opacity;flex-direction:column;justify-content:center;display:flex}.huyml-meta-group{gap:var(--space-4);flex-direction:column;display:flex}.huyml-meta-item{gap:var(--space-fixed-1-5);flex-direction:column;justify-content:flex-start;min-height:auto;display:flex}.huyml-meta-label{font-size:var(--size-text-xsmall);text-transform:uppercase;color:var(--huyml-text-muted);font-weight:var(--weight-semibold);flex-shrink:0}.huyml-meta-val{font-size:var(--size-text-small);color:var(--huyml-text);line-height:1.45;font-weight:var(--weight-semibold);max-width:280px;margin:0}.huyml-meta-item{align-items:flex-start;gap:var(--space-fixed-1-5);flex-direction:column;display:flex}.huyml-webgl-fullscreen{z-index:2;pointer-events:auto;width:100vw;height:100dvh;position:absolute;inset:0;overflow:hidden}.huyml-col--canvas{pointer-events:none;justify-content:center;align-items:center;display:flex;position:relative}.huyml-three-canvas{cursor:grab;outline:none;display:block;width:100vw!important;height:100vh!important}.huyml-three-canvas:active{cursor:grabbing}.huyml-cursor-badge{background:var(--navy);width:88px;height:88px;color:var(--text-white);text-align:center;box-shadow:var(--shadow-work-cursor);pointer-events:none;z-index:9999;opacity:0;will-change:transform, opacity;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;transition:opacity .22s;display:flex;position:fixed;top:0;left:0;transform:translate(-200px,-200px)translate(-50%,-50%)scale(0)}.huyml-cursor-badge.is-visible{opacity:1}.huyml-cursor-top{font-size:10px;font-weight:var(--weight-extraBold);letter-spacing:.12em;color:var(--text-white);line-height:1.15}.huyml-cursor-bottom{font-size:10px;font-weight:var(--weight-extraBold);letter-spacing:.12em;color:var(--lavanda);line-height:1.15}@media (width<=1024px){.huyml-cursor-badge{display:none}}.huyml-fade{pointer-events:none;z-index:45;height:14%;position:absolute;left:0;right:0}.huyml-fade--top{background:linear-gradient(to bottom, var(--huyml-bg) 10%, transparent 100%);top:0}.huyml-fade--bottom{background:linear-gradient(to top, var(--huyml-bg) 10%, transparent 100%);bottom:0}.huyml-col--list{padding:var(--space-md);z-index:30;pointer-events:auto;align-items:center;height:100%;display:flex;position:relative;overflow:hidden}.huyml-project-list{width:100%;height:100%;margin:0;padding:0;display:block;position:relative}.huyml-project-item{cursor:pointer;opacity:0;gap:var(--space-fixed-1-5);will-change:transform, opacity;width:100%;max-width:380px;color:inherit;outline:none;flex-direction:column;text-decoration:none;transition:color .2s,opacity .15s linear;display:flex;position:absolute;top:50%;left:0}.huyml-project-item__header{align-items:center;display:flex}.huyml-project-item__category{font-size:var(--size-text-micro);text-transform:uppercase;letter-spacing:.08em;font-weight:var(--weight-bold);color:var(--huyml-accent)}.huyml-project-item__title{font-size:var(--size-h5);font-weight:var(--weight-bold);color:var(--text-navy);text-transform:uppercase;margin:0}.huyml-project-item__separator{background-color:var(--bg-blue-light);width:100%;height:1px}.huyml-project-item__desc{font-size:var(--size-text-xsmall);color:var(--huyml-text-subtle);max-width:340px;margin:0;line-height:1.45}.huyml-project-item__cta-wrap{margin-top:var(--space-fixed-2-5);align-items:center;display:flex}.huyml-bottombar{height:120px;padding:var(--space-md);z-index:50;pointer-events:auto;justify-content:space-between;align-items:flex-end;display:flex;position:fixed;bottom:0;left:0;right:0}.huyml-counter-wrap{align-items:flex-end;gap:var(--space-fixed-4);z-index:40;display:flex}.huyml-counter-label{font-size:11px;font-weight:var(--weight-semibold);color:var(--huyml-text-muted);padding-bottom:var(--space-fixed-3);text-transform:capitalize}.huyml-counter-numbers{font-family:var(--huyml-font-sans);align-items:baseline;line-height:.8;display:flex}.huyml-counter-current{letter-spacing:-.05em;color:var(--huyml-text);font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1;text-align:left;width:110px;min-width:110px;max-width:110px;font-size:88px;font-weight:900;display:inline-block}.huyml-counter-slash{font-size:32px;font-weight:var(--weight-regular);color:var(--huyml-text-muted);margin:0 var(--space-fixed-1)}.huyml-counter-total{font-size:32px;font-weight:var(--weight-bold);color:var(--huyml-text-subtle)}.huyml-scroll-prompt{align-items:center;gap:var(--space-fixed-2);font-size:11px;font-weight:var(--weight-bold);text-transform:uppercase;letter-spacing:.08em;color:var(--huyml-text-muted);animation:2s ease-in-out infinite huyml-bounce;display:flex}@keyframes huyml-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(5px)}}.huyml-modal{z-index:100;opacity:0;visibility:hidden;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;top:0;left:0}.huyml-modal.is-open{opacity:1;visibility:visible}.huyml-modal__backdrop{background:var(--bg-showreel-backdrop);backdrop-filter:blur(12px);width:100%;height:100%;position:absolute;top:0;left:0}.huyml-modal__container{background:var(--bg-showreel-panel);width:min(880px,90vw);color:var(--text-white);box-shadow:var(--shadow-showreel);z-index:10;border-radius:12px;transition:transform .3s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;transform:translateY(20px)scale(.96)}.huyml-modal.is-open .huyml-modal__container{transform:translateY(0)scale(1)}.huyml-modal__header{padding:var(--space-fixed-4) var(--space-fixed-6);border-bottom:1px solid var(--border-white-10);justify-content:space-between;align-items:center;display:flex}.huyml-modal__title{font-size:12px;font-weight:var(--weight-bold);letter-spacing:.1em;text-transform:uppercase}.huyml-modal__close{color:var(--text-white);cursor:pointer;opacity:.7;background:0 0;border:none;font-size:16px;transition:opacity .2s}.huyml-video-responsive{background:var(--bg-navy);height:0;padding-bottom:56.25%;position:relative;overflow:hidden}.huyml-video-responsive iframe{width:100%;height:100%;position:absolute;top:0;left:0}.huyml-modal__footer{padding:var(--space-fixed-4) var(--space-fixed-6);color:var(--text-showreel-muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.huyml-modal__cta{color:var(--text-white);font-weight:var(--weight-semibold);background:var(--bg-showreel-action);padding:var(--space-fixed-1-5) var(--space-fixed-3-5);border-radius:6px;text-decoration:none}@media (width<=1024px){.huyml-app{height:100dvh;position:relative;overflow:hidden}.huyml-viewport{pointer-events:none;height:100dvh;margin-left:0;padding:0;display:block;overflow:hidden}.huyml-col--canvas{display:none!important}.huyml-col--meta{z-index:30;pointer-events:auto;background:0 0;width:100%;height:auto;position:absolute;top:80px;left:0;right:0;overflow:visible}.huyml-meta-group{align-items:center;gap:var(--space-4);flex-flow:column wrap;display:flex}.huyml-meta-item{align-items:center;gap:var(--space-fixed-0-5);min-height:auto}.huyml-meta-val{line-height:1.25;font-weight:var(--weight-semibold);max-width:100%;color:var(--huyml-text);text-overflow:ellipsis;overflow:hidden}.huyml-col--list{z-index:40;pointer-events:auto;height:150px;padding:0;position:absolute;bottom:150px;left:0;right:0;overflow:visible;display:block!important}.huyml-project-list{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.huyml-project-item{text-align:center;justify-content:center;align-items:center;gap:var(--space-fixed-1);cursor:pointer;flex-direction:column;width:85%;max-width:440px;display:flex;position:absolute;top:50%;left:50%}.huyml-project-item__header{justify-content:center;align-items:center;display:flex}.huyml-project-item__title{text-align:center;line-height:1.1}.huyml-project-item__cta-wrap{margin-top:var(--space-fixed-1-5);justify-content:center;display:flex}.huyml-bottombar{z-index:50;pointer-events:auto;background:0 0;border-top:none;flex-direction:row;justify-content:space-between;align-items:flex-end;height:auto;display:flex;position:fixed;bottom:0;left:0;right:0}.huyml-counter-wrap{align-items:baseline;gap:var(--space-fixed-2-5);display:flex}.huyml-counter-label{font-size:11px;font-weight:var(--weight-semibold);color:var(--huyml-text-muted);padding-bottom:var(--space-fixed-1-5);text-transform:capitalize}.huyml-counter-numbers{align-items:baseline;line-height:.85;display:flex}.huyml-counter-current{width:auto;min-width:0;max-width:none;color:var(--huyml-text);font-size:56px;font-weight:900;display:inline-block}.huyml-counter-slash{color:var(--huyml-text-muted);margin:0 var(--space-fixed-1);font-size:22px}.huyml-counter-total{font-size:22px;font-weight:var(--weight-bold);color:var(--huyml-text-subtle)}.huyml-scroll-prompt{display:none}}@media (width<=768px){.huyml-col--meta{top:52px}.huyml-meta-group{flex-direction:column}.huyml-col--list{height:104px;bottom:105px}.huyml-project-item{gap:var(--space-fixed-0-75);max-width:320px}.huyml-project-item__separator,.huyml-project-item__desc{display:none}.huyml-counter-current{font-size:48px}.huyml-counter-slash,.huyml-counter-total{font-size:20px}}@media (width<=480px){.huyml-col--meta{top:52px}.huyml-col--list{height:96px;bottom:105px}.huyml-counter-current{font-size:42px}}}