.huyml-showcase{position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;width:100dvw;height:100vh;height:100dvh;overflow:hidden;overscroll-behavior:none;background-color:#f5fcff;background:linear-gradient(180deg,#96dfff,#c4eeff 35%,#f5fcff);color:#111111;user-select:none;touch-action:none;font-family:var(--font-body)}.huyml-showcase__canvas-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;cursor:grab;touch-action:none}.huyml-showcase__canvas-wrapper:active{cursor:grabbing}.huyml-showcase__fade-top{top:0;height:18%;background:linear-gradient(180deg,#96dfff 0,rgba(150,223,255,0))}.huyml-showcase__fade-bottom,.huyml-showcase__fade-top{position:absolute;left:0;width:100%;pointer-events:none;z-index:3}.huyml-showcase__fade-bottom{bottom:0;height:22%;background:linear-gradient(0deg,#f5fcff 0,rgba(245,252,255,0))}.huyml-showcase__category-nav{position:absolute;left:var(--page-gutter);top:50%;transform:translateY(-50%);z-index:25;pointer-events:auto;display:flex;flex-direction:column;max-width:260px}.huyml-showcase__category-list{display:flex;flex-direction:column;gap:.35rem}.huyml-showcase__cat-item{display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:rgba(19,17,14,.05);border:none;outline:none;padding:.52rem 1.05rem;border-radius:9999px;font-size:.85rem;font-weight:500;letter-spacing:-.01em;color:rgba(19,17,14,.65);cursor:pointer;text-align:left;font-family:var(--font-body);transition:all .22s cubic-bezier(.16,1,.3,1);user-select:none}.huyml-showcase__cat-item:hover{color:#13110e;background:rgba(19,17,14,.1);transform:translateX(4px)}.huyml-showcase__cat-item.is-active{color:#ffffff;font-weight:600;background:#13110e;border:none;box-shadow:0 4px 14px rgba(19,17,14,.12);transform:translateX(6px)}.huyml-showcase__cat-name{white-space:nowrap}.huyml-showcase__cat-count{font-size:.72rem;font-weight:600;color:rgba(19,17,14,.4);font-variant-numeric:tabular-nums;margin-left:.5rem;transition:color .2s ease}.huyml-showcase__cat-item.is-active .huyml-showcase__cat-count{color:rgba(255,255,255,.75)}.huyml-showcase-empty{width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f5fcff;background:linear-gradient(180deg,#96dfff,#c4eeff 35%,#f5fcff);color:#111111;font-family:var(--font-body)}.huyml-showcase__container{position:relative;width:100%;height:100%;display:grid;grid-template-columns:240px 1fr 310px;padding:calc(var(--navbar-height) + 1.5rem) var(--page-gutter) calc(var(--page-gutter) + 1.5rem);box-sizing:border-box;pointer-events:none;z-index:10}.huyml-showcase__left-col{display:flex;flex-direction:column;justify-content:flex-start;height:100%;pointer-events:auto}.huyml-showcase__meta-block{display:flex;flex-direction:column;gap:1.25rem;margin-top:.5rem}.huyml-showcase__meta-item{display:flex;flex-direction:column;gap:.2rem}.huyml-showcase__meta-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;color:rgba(17,17,17,.45)}.huyml-showcase__meta-value{font-size:.95rem;font-weight:600;color:#111111;line-height:1.35;margin:0;white-space:pre-line}.huyml-showcase__center-col{pointer-events:none}.huyml-showcase__right-col{position:relative;height:100%;overflow:hidden;pointer-events:auto;mask-image:linear-gradient(180deg,transparent 0,black 8%,black 92%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent 0,black 8%,black 92%,transparent)}.huyml-showcase__titles-reel{position:relative;width:100%;height:100%;pointer-events:none}.huyml-showcase__title-item{position:absolute;top:50%;left:0;width:100%;display:flex;flex-direction:column;gap:.35rem;cursor:pointer;transform-origin:left center;will-change:transform,opacity}.huyml-showcase__title-item:hover{opacity:.8!important}.huyml-showcase__title-item.is-active{cursor:pointer}.huyml-showcase__title-name{font-size:clamp(1.4rem,2vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.15;color:#111111;margin:0;transition:color .3s ease}.huyml-showcase__title-excerpt{font-size:.85rem;line-height:1.45;color:rgba(17,17,17,.7);margin:0;max-width:280px;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1),margin-top .35s ease}.huyml-showcase__title-item.is-active .huyml-showcase__title-excerpt{max-height:90px;opacity:1;margin-top:.25rem}.huyml-showcase__mobile-reel{display:none}@media (min-width:720px) and (max-width:1024px){.huyml-showcase__container{grid-template-columns:1fr 240px;padding:calc(var(--navbar-height) + 4.2rem) var(--page-gutter) var(--page-gutter);gap:1.25rem}.huyml-showcase__category-nav{position:absolute;top:calc(var(--navbar-height) + .6rem);left:0;width:100%;max-width:100%;transform:none;flex-direction:row;align-items:center;gap:.4rem;padding:0 var(--page-gutter);box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;z-index:25}.huyml-showcase__category-nav::-webkit-scrollbar{display:none}.huyml-showcase__category-list{display:flex;flex-direction:row;gap:.4rem;width:max-content;padding-right:var(--page-gutter)}.huyml-showcase__cat-item{padding:.4rem .85rem;font-size:.78rem;white-space:nowrap;border-radius:9999px}.huyml-showcase__left-col{position:absolute;bottom:calc(var(--page-gutter) + env(safe-area-inset-bottom, 0px) + 4.75rem);left:var(--page-gutter);height:auto;z-index:50;pointer-events:auto}.huyml-showcase__meta-block{margin:0;gap:1.25rem;flex-direction:row;background:rgba(255,255,255,.75);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:.55rem 1.1rem;border-radius:9999px;border:1px solid rgba(0,0,0,.07);box-shadow:0 4px 20px rgba(0,0,0,.04)}.huyml-showcase__meta-item{gap:.15rem}.huyml-showcase__meta-label{font-size:.62rem}.huyml-showcase__meta-value{font-size:.85rem}.huyml-showcase__center-col{display:none}.huyml-showcase__right-col{display:block}.huyml-showcase__title-name{font-size:clamp(1.2rem,2vw,1.55rem)}.huyml-showcase__title-excerpt{font-size:.78rem;max-width:220px}.huyml-showcase__mobile-reel{display:none}}@media (max-width:719px){.huyml-showcase__container{display:block;width:100%;height:100%;padding:0;pointer-events:none;box-sizing:border-box}.huyml-showcase__category-nav{position:absolute;top:calc(var(--navbar-height) + .6rem);left:0;width:100%;max-width:100%;transform:none;flex-direction:row;align-items:center;gap:.35rem;padding:0 var(--page-gutter);box-sizing:border-box;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;z-index:25;pointer-events:auto}.huyml-showcase__category-nav::-webkit-scrollbar{display:none}.huyml-showcase__category-list{display:flex;flex-direction:row;gap:.35rem;width:max-content;padding-right:var(--page-gutter)}.huyml-showcase__cat-item{padding:.45rem .9rem;background:rgba(19,17,14,.05);border:none;outline:none;font-size:.78rem;white-space:nowrap;border-radius:9999px;color:rgba(19,17,14,.65)}.huyml-showcase__cat-item:hover{transform:none}.huyml-showcase__cat-item.is-active{background:#13110e;color:#ffffff;border:none;box-shadow:0 4px 12px rgba(19,17,14,.12);transform:none}.huyml-showcase__cat-item.is-active .huyml-showcase__cat-count{color:rgba(255,255,255,.75)}.huyml-showcase__center-col,.huyml-showcase__left-col,.huyml-showcase__right-col{display:none!important}.huyml-showcase__mobile-reel{display:block;position:absolute;bottom:calc(var(--page-gutter) + env(safe-area-inset-bottom, 0px) + 3.25rem);left:0;right:0;width:100%;height:4.8rem;overflow:hidden;pointer-events:none;z-index:50;touch-action:none;mask-image:linear-gradient(90deg,transparent 0,black 4%,black 96%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 4%,black 96%,transparent)}.huyml-showcase__mobile-title-item{position:absolute;top:50%;left:50%;width:clamp(135px,44vw,200px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transform-origin:center center;will-change:transform,opacity;background:transparent!important;border:none!important;box-shadow:none!important;padding:0 .35rem;box-sizing:border-box;margin:0}.huyml-showcase__mobile-title-name{font-size:clamp(1.05rem,4.2vw,1.35rem);font-weight:800;letter-spacing:-.025em;line-height:1.15;color:#111111;white-space:normal;word-break:break-word;overflow-wrap:break-word;transition:color .3s ease}.huyml-showcase__mobile-title-excerpt,.huyml-showcase__mobile-title-name{margin:0;text-align:center;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.huyml-showcase__mobile-title-excerpt{font-size:.74rem;line-height:1.3;color:rgba(17,17,17,.65);max-width:190px;max-height:0;opacity:0;transition:max-height .4s cubic-bezier(.16,1,.3,1),opacity .3s cubic-bezier(.16,1,.3,1),margin-top .3s ease}.huyml-showcase__mobile-title-item.is-active .huyml-showcase__mobile-title-excerpt{max-height:48px;opacity:1;margin-top:.25rem}}.portfolio-fallback-2d{min-height:100vh;min-height:100dvh;background:linear-gradient(180deg,#96dfff,#c4eeff 35%,#f5fcff);padding:clamp(5rem,8vw,8rem) clamp(1.5rem,4vw,4rem);box-sizing:border-box;overflow-y:auto}.portfolio-fallback-header{max-width:1400px;margin:0 auto 2.5rem}.portfolio-fallback-grid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:2rem}.portfolio-fallback-card{background:rgba(255,255,255,.7);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);cursor:pointer;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease}.portfolio-fallback-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(0,0,0,.08)}.portfolio-fallback-media{aspect-ratio:16/10;width:100%;overflow:hidden;background-color:#e5f4fa}.portfolio-fallback-media img{width:100%;height:100%;object-fit:cover;display:block}.portfolio-fallback-info{padding:1.25rem}.portfolio-fallback-year{font-size:.75rem;font-weight:700;letter-spacing:.05em;color:rgba(19,17,14,.6);display:block;margin-bottom:.35rem}.portfolio-fallback-title{font-size:1.2rem;font-weight:700;margin:0 0 .4rem;color:#13110e;letter-spacing:.02em}.portfolio-fallback-excerpt{font-size:.85rem;color:rgba(19,17,14,.75);margin:0;line-height:1.5}