@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.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:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.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}.header{z-index:20;height:var(--header-h);padding:0 var(--pad);color:var(--hero-ink);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;transition:background-color .25s,color .25s,border-color .25s;display:flex;position:fixed;inset:0 0 auto}.header--solid{color:var(--ink);background:color-mix(in srgb, var(--bg) 86%, transparent);-webkit-backdrop-filter:blur(14px);border-bottom-color:var(--line)}.header__brand{letter-spacing:.02em;align-items:center;gap:10px;font-weight:700;display:inline-flex}.header__logo{background:currentColor;width:26px;height:26px;-webkit-mask:url(/favicon/textline-icon-black.svg) 50%/contain no-repeat;mask:url(/favicon/textline-icon-black.svg) 50%/contain no-repeat}.header__nav{align-items:center;gap:clamp(14px,2.4vw,32px);font-size:15px;font-weight:500;display:flex}.header__nav a{background:linear-gradient(currentColor,currentColor) 0 100%/0 1.5px no-repeat;padding:6px 0;transition:background-size .25s}.header__nav a.active,.header__nav a:hover{background-size:100% 1.5px}.header__tool{border:1.5px solid;border-radius:50%;place-items:center;min-width:34px;height:34px;font-size:13px;font-weight:700;transition:background-color .2s,color .2s;display:inline-grid}.header__tool:hover{background:var(--signal);border-color:var(--signal);color:var(--on-signal)}.header--solid .header__tool:hover{background:var(--hot);border-color:var(--hot);color:var(--on-hot)}@media (width<=560px){.header__word{display:none}.header__nav{gap:12px;font-size:14px}.header__tool{min-width:32px;height:32px}}.header__search{gap:8px}.header__kbd{font:inherit;opacity:.75;font-size:12px;font-weight:700;display:none}@media (width>=900px){.header__search{border-radius:999px;align-items:center;padding:0 12px;display:inline-flex}.header__kbd{display:inline}}@media (width<=400px){.header__contact{display:none}}.skip-link{left:var(--pad);z-index:60;background:var(--signal);color:var(--on-signal);border:2px solid var(--on-signal);border-radius:999px;padding:10px 16px;font-weight:700;position:absolute;top:8px;transform:translateY(-160%)}.skip-link:focus{transform:none}.curtain{z-index:50;padding:var(--pad);background:var(--hero-bg);color:var(--hero-ink);pointer-events:none;visibility:hidden;align-items:flex-end;display:flex;position:fixed;inset:0}.curtain__label{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;font-variant-ligatures:none;font-feature-settings:"liga" 0;overflow-wrap:anywhere;font-size:clamp(56px,12vw,200px);line-height:.9;display:block}.palette{z-index:70;background:color-mix(in srgb, var(--hero-bg) 55%, transparent);-webkit-backdrop-filter:blur(6px);justify-content:center;align-items:flex-start;padding:min(14vh,120px) 16px 16px;animation:.15s ease-out palette-fade;display:flex;position:fixed;inset:0}.palette__panel{background:var(--bg);width:min(680px,100%);max-height:min(560px,76svh);color:var(--ink);border:2px solid var(--ink);box-shadow:10px 10px 0 var(--signal);flex-direction:column;animation:.2s cubic-bezier(.2,.8,.2,1) palette-drop;display:flex}.palette__line{border-bottom:2px solid var(--ink);align-items:center;gap:12px;padding:14px 18px;display:flex}.palette__prompt{font-family:var(--font-display);color:var(--hot);font-size:34px;line-height:1}.palette__input{min-width:0;color:inherit;caret-color:var(--hot);background:0 0;border:0;outline:0;flex:1;font-size:clamp(18px,2.4vw,22px);font-weight:600}.palette__input:focus-visible{outline:none}.palette__input::placeholder{color:var(--muted);font-weight:500}.palette__list{overscroll-behavior:contain;flex:1;padding:6px 0 10px;overflow-y:auto}.palette__group{color:var(--muted);padding:12px 20px 4px;font-size:13px;font-weight:700}.palette__item{cursor:pointer;justify-content:space-between;align-items:baseline;gap:16px;padding:9px 20px;display:flex}.palette__item[aria-selected=true]{background:var(--ink);color:var(--bg)}.palette__label{font-weight:600}.palette__hint{opacity:.66;text-align:right;white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.palette__empty{color:var(--muted);margin:0;padding:20px}.palette__foot{border-top:1px solid var(--line);color:var(--muted);gap:20px;padding:10px 20px;font-size:13px;display:flex}.palette__foot kbd{border:1px solid var(--line);min-width:20px;font:inherit;text-align:center;color:var(--ink);border-radius:4px;margin-right:2px;padding:0 5px;font-size:12px;display:inline-block}@keyframes palette-fade{0%{opacity:0}}@keyframes palette-drop{0%{opacity:0;transform:translateY(-12px)}}@media (width<=560px){.palette{padding-top:12px}.palette__panel{box-shadow:6px 6px 0 var(--signal)}.palette__foot{display:none}}@media (prefers-reduced-motion:reduce){.palette,.palette__panel{animation:none}}.hero{--hero-fs:min(12.4vw, 26svh);min-height:100svh;padding:calc(var(--header-h) + 24px) var(--pad) clamp(28px, 5vh, 56px);background:var(--hero-bg);color:var(--hero-ink);flex-direction:column;justify-content:space-between;gap:40px;display:flex;position:relative;overflow:hidden}.hero__title{font-family:var(--font-display);font-weight:700;font-size:var(--hero-fs);letter-spacing:.03em;text-transform:uppercase;-webkit-user-select:none;user-select:none;margin:auto 0;line-height:.88}.hero__row{align-items:baseline;gap:.24em;display:flex}.hero__phrase{white-space:nowrap;align-items:baseline;gap:.24em;display:inline-flex}.hero__word{align-items:baseline;display:inline-flex}.hero__word--small{font-size:.74em}.ch{--raw:1;--lens:0;--fill:calc(1 - max(var(--raw), var(--lens)));color:color-mix(in srgb, var(--hero-ink) calc(var(--fill) * 100%), transparent);-webkit-text-stroke:.016em color-mix(in srgb, var(--signal) calc(var(--lens) * 100%), var(--hero-ink));transform:translateY(calc(var(--lens) * -.03em)) skewX(calc(var(--lens) * -7deg));will-change:transform;display:inline-block}.hero__caret{background:var(--signal);opacity:0;width:.11em;height:.7em;margin-left:.12em;display:inline-block}.hero.is-ready .hero__caret{opacity:1;animation:1.05s step-end infinite caret}@keyframes caret{50%{opacity:0}}.hero__tagline{max-width:34em;color:color-mix(in srgb, var(--hero-ink) 88%, transparent);margin:0;font-size:clamp(16px,1.5vw,20px);font-weight:500;line-height:1.55}@media (width<=760px){.hero{--hero-fs:min(17vw, 14svh)}.hero__row{flex-wrap:wrap;row-gap:.06em}.hero__row+.hero__row{margin-top:.1em}}@media (prefers-reduced-motion:reduce){.hero.is-ready .hero__caret{animation:none}}.works{padding:clamp(72px, 12vw, 160px) var(--pad) clamp(56px, 9vw, 120px)}.works__head{grid-template-columns:1fr minmax(220px,26em);align-items:end;gap:24px 48px;margin-bottom:clamp(28px,5vw,64px);display:grid}.works__title{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;margin:0;font-size:clamp(64px,11vw,168px);line-height:.85}.works__intro{color:var(--muted);margin:0;font-size:clamp(16px,1.4vw,19px)}.works__list{border-bottom:1px solid var(--line);margin:0;padding:0;list-style:none}.works__list li{border-top:1px solid var(--line)}.row{grid-template-columns:minmax(0,1fr) minmax(170px,23%);align-items:center;gap:8px 32px;padding:clamp(14px,2vw,26px) 0;transition:opacity .25s;display:grid}.row__name{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere;font-size:clamp(44px,8.6vw,132px);line-height:.95;transition:transform .35s cubic-bezier(.2,.8,.2,1),color .25s}.row__meta{flex-direction:column;gap:4px;font-size:15px;display:flex}.row__type{font-weight:700}.row__tech{color:var(--muted)}.row__thumb,.works__preview{display:none}@media (hover:hover) and (pointer:fine){.works__list:hover .row{opacity:.28}.works__list .row:hover,.works__list .row:focus-visible{opacity:1}.row:hover .row__name,.row:focus-visible .row__name{color:var(--hot);transform:translate(.12em)}.works__preview{z-index:15;aspect-ratio:16/10;pointer-events:none;opacity:0;background:var(--hero-bg);clip-path:inset(0 100% 0 0);width:min(380px,30vw);transition:opacity .2s,clip-path .45s cubic-bezier(.2,.8,.2,1);display:block;position:fixed;top:0;left:0;overflow:hidden}.works__preview.is-on{opacity:1;clip-path:inset(0)}.works__preview img{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.works__preview img.is-active{opacity:1}.works__preview img.is-portrait{object-fit:contain}}@media (width<=760px){.works__head{grid-template-columns:1fr}.row{grid-template-columns:1fr;padding:20px 0 26px}.row__meta{flex-flow:wrap;gap:2px 14px}.row__thumb{aspect-ratio:16/10;background:var(--hero-bg);margin-top:10px;display:block;overflow:hidden}.row__thumb img{object-fit:cover;width:100%;height:100%}.row__thumb.is-portrait img{object-fit:contain}}.about{padding:clamp(40px, 7vw, 100px) var(--pad) clamp(80px, 12vw, 170px)}.about__lead{letter-spacing:-.02em;text-wrap:balance;max-width:19em;margin:0 0 clamp(40px,6vw,88px);font-size:clamp(30px,5.2vw,76px);font-weight:700;line-height:1.12}.about__cols{border-top:1px solid var(--line);grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:32px clamp(32px,7vw,120px);padding-top:28px;display:grid}.about__body{max-width:32em;color:var(--muted);margin:0;font-size:clamp(16px,1.35vw,19px)}.about__stack{gap:22px;margin:0;display:grid}.about__group{grid-template-columns:minmax(7em,1fr) 2.2fr;gap:4px 24px;display:grid}.about__stack dt{font-weight:700}.about__stack dd{color:var(--muted);margin:0}@media (width<=760px){.about__cols,.about__group{grid-template-columns:1fr}}.contact{background:var(--hero-bg);color:var(--hero-ink);padding:clamp(64px, 10vw, 140px) var(--pad) 28px}.contact__top{grid-template-columns:1fr minmax(220px,26em);align-items:end;gap:16px 48px;display:grid}.contact__title{letter-spacing:-.02em;margin:0;font-size:clamp(28px,4vw,56px);font-weight:700;line-height:1.1}.contact__intro{opacity:.82;margin:0}.contact__mail{font-family:var(--font-display);letter-spacing:.03em;text-transform:uppercase;overflow-wrap:anywhere;margin:clamp(28px,5vw,72px) 0 clamp(24px,3vw,40px);font-size:clamp(30px,10.6vw,190px);line-height:.95;transition:color .2s;display:block}.contact__mail:hover{color:var(--signal)}.contact__actions{flex-wrap:wrap;gap:12px;display:flex}.contact__btn{border:1.5px solid;border-radius:999px;align-items:center;min-height:44px;padding:0 22px;font-weight:600;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex}.contact__btn:hover{background:var(--hero-ink);border-color:var(--hero-ink);color:var(--hero-bg)}.contact__foot{border-top:1px solid color-mix(in srgb, var(--hero-ink) 30%, transparent);opacity:.9;justify-content:space-between;align-items:flex-end;margin-top:clamp(56px,9vw,120px);padding-top:18px;font-size:14px;display:flex}.contact__sign{font-family:var(--font-hand);color:var(--signal);font-size:clamp(30px,4vw,52px);line-height:1;transform:rotate(-4deg)}@media (width<=760px){.contact__top{grid-template-columns:1fr}}@font-face{font-family:Quinn;src:url(/font/Quinn-Bold.otf)format("opentype");font-style:normal;font-weight:700;font-display:block}@font-face{font-family:Francy;src:url(/font/Francy.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#eceef3;--ink:#12132b;--muted:#12132ba3;--line:#12132b2e;--hero-bg:#2b2cf0;--hero-ink:#eceef3;--signal:#ffe14d;--on-signal:#12132b;--hot:#2b2cf0;--on-hot:#fff;--focus:var(--hot);--font-display:"Quinn", "Impact", "Arial Narrow", sans-serif;--font-body:"Bricolage Grotesque Variable", system-ui, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;--font-hand:"Francy", cursive;--pad:clamp(18px, 3.4vw, 52px);--header-h:64px}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0b0c1f;--ink:#e8e9ff;--muted:#e8e9ffa8;--line:#e8e9ff33;--hero-bg:#15175e;--hero-ink:#e8e9ff;--signal:#ffe14d;--hot:#ffe14d;--on-hot:#12132b}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;scroll-padding-top:var(--header-h);-webkit-text-size-adjust:100%}body{background:var(--bg);min-width:320px;color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img{max-width:100%;display:block}.hero__title,.works__title,.row__name,.contact__mail,.work__name,.work__next-name{font-variant-ligatures:none;font-feature-settings:"liga" 0, "clig" 0}::selection{background:var(--signal);color:var(--on-signal)}.hero,.contact,.nf,.curtain,.header:not(.header--solid){--focus:var(--signal)}main:focus{outline:none}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.more-link{border-bottom:2px solid;justify-content:space-between;align-items:baseline;gap:16px;margin-top:clamp(20px,3vw,36px);padding:14px 0;font-size:clamp(18px,1.8vw,24px);font-weight:700;transition:color .2s,padding .3s cubic-bezier(.2,.8,.2,1);display:flex}.more-link:hover{color:var(--hot);padding-left:.6em}.more-link__count{color:var(--muted);font-size:15px;font-weight:500}.chip{border:1.5px solid var(--line);border-radius:999px;align-items:baseline;gap:6px;min-height:36px;padding:6px 14px;font-size:15px;font-weight:600;line-height:1.3;transition:border-color .15s,background-color .15s,color .15s;display:inline-flex}.chip:hover{border-color:var(--ink)}.chip[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--bg)}.chip__n{opacity:.7;font-size:12px;font-weight:500}.chip:disabled{opacity:.35;cursor:default}.chip:disabled:hover{border-color:var(--line)}