@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(data:font/woff2;base64,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)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-cyrillic-wght-normal-Dvxsihut.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-greek-wght-normal-DL7QRZyv.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-vietnamese-wght-normal-usUDDRr7.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-ext-wght-normal-Ch3YOpNY.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:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/manrope-latin-wght-normal-DHIcAJRg.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:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-cyrillic-ext-wght-normal-Duf7tWJ7.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-cyrillic-wght-normal-DINSYtDx.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-vietnamese-wght-normal-DlPkZmYr.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:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-latin-ext-wght-normal-B5pmZ151.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:"Exo 2 Variable";font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/exo-2-latin-wght-normal-CQ1lLIdm.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}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}:root{--paper:#ededed;--ink:#191919;--muted:#505050;--line:#999;--accent:#fa4b16;--case-body:clamp(16px,.3vw + 15px,18px);--case-support:15px;--case-ui:16px;--case-gutter:clamp(22px,8vw,155px);--case-rule:color-mix(in srgb,var(--line) 72%,transparent);--case-radius:18px;--ease-out:cubic-bezier(.16,1,.3,1);background:var(--paper);color:var(--ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;font-family:Manrope Variable,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-size:var(--case-body);text-rendering:optimizelegibility;margin:0;line-height:1.6;transition:background .45s,color .45s}img,video{width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}p,h1,h2,figure{margin:0}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{clip-path:inset(50%);width:1px;height:1px;position:fixed;top:0;left:0;overflow:hidden}.skip:focus{clip-path:none;background:var(--ink);width:auto;height:auto;color:var(--paper);z-index:30;padding:12px;overflow:visible}.case-head{border-bottom:1px solid var(--case-rule);z-index:3;justify-content:space-between;align-items:center;gap:24px;height:88px;padding:0 clamp(22px,4.1vw,80px);display:flex;position:relative}.case-brand{width:132px;line-height:0;display:block}.case-brand img{width:100%;height:auto;display:block}.case-brand-logo--dark{display:none!important}.case-pixel-menu{--accent:#fa4b16;--paper:#ededed;--ink:#191919;--pixel-menu-y:48px;top:max(20px,env(safe-area-inset-top));bottom:auto}.pixel-system.case-pixel-menu{right:max(clamp(22px,2.1vw,40px),env(safe-area-inset-right))}.case-pixel-menu .pixel-system__brand img{width:150px;height:auto;display:block}main{overflow:clip}.case-hero{min-height:calc(100svh - 88px);padding:clamp(70px,9vw,150px) var(--case-gutter) 70px;flex-direction:column;justify-content:center;display:flex}.eyebrow,.disclosure,.case-pair figcaption{font-size:var(--case-support);color:var(--muted);line-height:1.5}.case-hero h1,.case-brief h2,.case-chapter h2,.case-system h2{text-wrap:balance}.case-hero h1{letter-spacing:-.045em;max-width:12ch;margin:clamp(36px,5vw,75px) 0;font:450 clamp(58px,9vw,158px)/.91 "Exo 2 Variable"}.case-hero-meta{grid-template-columns:1fr .55fr;align-items:end;gap:50px;display:grid}.case-lead{text-wrap:pretty;max-width:36ch;font-size:clamp(18px,1.8vw,29px);line-height:1.45}.disclosure{text-align:right;text-wrap:pretty;justify-self:end;max-width:30ch}.case-film,.case-shot{background:#13231b;margin:0 clamp(12px,4.1vw,80px);display:block;overflow:hidden}.case-film{aspect-ratio:16/9;position:relative}.case-film video{object-fit:cover;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.case-film:hover video{transform:scale(1.015)}.case-brief{padding:clamp(100px,12vw,180px) var(--case-gutter);grid-template-columns:1.35fr .65fr;align-items:end;gap:clamp(50px,9vw,150px);display:grid}.case-brief article:first-child{gap:35px;display:grid}.case-brief article:last-child{border-top:1px solid var(--case-rule);padding-top:24px}.case-brief h2,.case-chapter h2,.case-system h2{letter-spacing:-.04em;font:450 clamp(48px,7vw,118px)/.94 "Exo 2 Variable"}.case-brief h2 span{color:var(--accent)}.case-brief article>p:last-child,.case-system p{font-size:var(--case-body);color:var(--muted);max-width:58ch;line-height:1.72}.case-chapter{padding:clamp(96px,11vw,170px) var(--case-gutter);border-top:1px solid var(--case-rule);grid-template-columns:1.35fr .65fr;align-items:end;gap:60px;display:grid}.case-chapter p{text-wrap:pretty;max-width:38ch;font-size:clamp(17px,1.45vw,23px);line-height:1.6}.case-shot--wide{margin-top:clamp(22px,4vw,70px)}.case-pair{grid-template-columns:1fr 1fr;gap:clamp(16px,2vw,32px);padding:clamp(22px,4.1vw,80px);display:grid}.case-pair figure{background:color-mix(in srgb,var(--ink) 7%,var(--paper));border-radius:var(--case-radius);padding:clamp(12px,2vw,30px);overflow:hidden}.case-pair figcaption{padding:0 0 16px}.case-system{background:var(--ink);color:var(--paper);padding:clamp(100px,12vw,180px) var(--case-gutter);grid-template-columns:1.35fr .65fr;gap:9vw;display:grid}.case-system .eyebrow,.case-system p{color:color-mix(in srgb,var(--paper) 76%,transparent)}.case-system h2{margin:30px 0 45px}.case-system ul{align-self:end;margin:0;padding:0;list-style:none}.case-system li{border-top:1px solid color-mix(in srgb,var(--paper) 25%,transparent);padding:20px 0;font-size:clamp(18px,2vw,28px);line-height:1.3}.case-pair--screens{background:var(--ink)}.case-pair--screens figure{background:#2a2a2a}footer{padding:clamp(80px,10vw,150px) var(--case-gutter);justify-content:space-between;align-items:center;gap:32px;display:flex}.case-footer-nav{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:clamp(18px,3vw,42px);display:flex}.case-footer-nav a{font-size:var(--case-ui);align-items:center;line-height:1.35;display:inline-flex}.case-next{min-height:44px;color:var(--ink);border-bottom:1px solid}.case-contact{background:var(--accent);color:#191919;border-radius:999px;justify-content:center;min-height:52px;padding:16px 30px}.reveal{opacity:0;transition:opacity .8s,transform .8s cubic-bezier(.16,1,.3,1);transform:translateY(34px)}.reveal.is-visible{opacity:1;transform:none}.page-transition{background:var(--accent);z-index:50;transform-origin:bottom;pointer-events:none;position:fixed;inset:0;transform:scaleY(0)}.page-transition.is-entering{animation:.62s cubic-bezier(.76,0,.24,1) both page-out}.page-transition.is-leaving{animation:.56s cubic-bezier(.76,0,.24,1) both page-in}@keyframes page-out{0%{transform-origin:top;transform:scaleY(1)}to{transform-origin:top;transform:scaleY(0)}}@keyframes page-in{to{transform:scaleY(1)}}.case--kreliko{--accent:#64d2cf;--paper:#f4f1e9;--ink:#132522;--muted:#47615d;--line:#91aaa5}.case--kreliko .case-hero h1{max-width:15ch;font-size:clamp(52px,7vw,118px)}.case--kreliko .case-film,.case--kreliko .case-shot{background:#073f43}.case--kreliko .case-system{color:#f5f5f5;background:#073f43}.case--kreliko .case-system .eyebrow,.case--kreliko .case-system p{color:#c8dcda}.case--kreliko .case-system li{border-color:#f2f2f242}.case--kreliko .case-pair figure{background:color-mix(in srgb,var(--accent) 14%,var(--paper))}.case--kreliko .case-pair--screens{background:#073f43}.case--kreliko .case-pair--screens figure{background:var(--paper)}.case--kreliko .case-film--secondary{margin-top:0}.case--kreliko .case-chapter--motion{border-top:0}.case--kreliko .case-contact{color:#132522}@media (width<=760px){.case-head{gap:12px;height:auto;min-height:82px;padding:14px 20px}.case-brand{flex:none;width:108px}.case-hero{min-height:auto;padding:clamp(64px,18vw,88px) 22px 70px}.case-hero-meta,.case-brief,.case-chapter,.case-system{grid-template-columns:1fr}.case-hero h1,.case--kreliko .case-hero h1{margin:38px 0;font-size:clamp(44px,13vw,62px);line-height:.98}.case-lead{font-size:18px;line-height:1.55}.disclosure{text-align:left;justify-self:start;max-width:34ch;margin-top:28px}.case-brief,.case-chapter,.case-system{gap:42px;padding:clamp(78px,22vw,112px) 22px}.case-brief h2,.case-chapter h2,.case-system h2{font-size:clamp(42px,12vw,62px);line-height:1}.case-brief article>p:last-child,.case-system p,.case-chapter p{font-size:16px;line-height:1.7}.case-pair{grid-template-columns:1fr;gap:18px;padding:18px 12px}.case-pair figure{border-radius:14px}.case-brief article:last-child{margin-top:35px}.case-chapter p{margin-top:20px}.case-system li{padding:17px 0;font-size:18px}footer{flex-direction:column;align-items:flex-start;gap:28px;padding-block:72px}.case-footer-nav{flex-direction:column;justify-content:flex-start;align-items:flex-start}.case-pixel-menu{top:auto;bottom:max(14px,env(safe-area-inset-bottom))}}@media (width<=360px){.case-head{gap:8px;padding-inline:14px}.case-brand{width:96px}}@media (prefers-reduced-motion:reduce){:root:not([data-motion=full]){scroll-behavior:auto}:root:not([data-motion=full]) .reveal{transition:opacity .2s ease-out;transform:none}:root:not([data-motion=full]) .case-film video{display:none}:root:not([data-motion=full]) .case-film{background:url(/projects/tiho/poster.jpg) 50%/cover}:root:not([data-motion=full]) .case--kreliko .case-film{background-image:url(/projects/kreliko/poster.webp)}:root:not([data-motion=full]) .case--kreliko .case-film--secondary{background-image:url(/projects/kreliko/detail.webp)}:root:not([data-motion=full]) .page-transition{display:none}}:root[data-motion=off] .reveal{opacity:1;transition:none;transform:none}:root[data-motion=off] .case-film video{display:none}:root[data-motion=off] .case-film{background:url(/projects/tiho/poster.jpg) 50%/cover}:root[data-motion=off] .case--kreliko .case-film{background-image:url(/projects/kreliko/poster.webp)}:root[data-motion=off] .case--kreliko .case-film--secondary{background-image:url(/projects/kreliko/detail.webp)}:root[data-motion=off] .page-transition{display:none}