@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-duration:initial;--tw-content:""}}}.invisible{visibility:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:var(--spacing-0)}.top-0{top:var(--spacing-0)}.top-1\/2{top:50%}.top-safe{top:var(--spacing-safe)}.left-0{left:var(--spacing-0)}.left-1\/2{left:50%}.left-safe{left:var(--spacing-safe)}.-z-1{z-index:calc(1*-1)}.z-2{z-index:2}.z-10{z-index:10}.z-50{z-index:50}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-4{grid-column:span 4/span 4}.col-span-full{grid-column:1/-1}.col-start-1{grid-column-start:1}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.container{width:100%}@media (min-width:800px){.container{max-width:800px}}.m-0{margin:var(--spacing-0)}.coi-layout-grid{width:calc(100% - 2*var(--safe));grid-template-columns:repeat(var(--columns),1fr);grid-column-gap:var(--gap);-moz-column-gap:var(--gap);column-gap:var(--gap);margin-inline:auto;display:grid}.coi-layout-block{width:calc(100% - 2*var(--safe));margin-inline:auto}.coi-mt-20{margin-top:calc((20*100)/var(--device-width)*1vw)}.coi-mt-24{margin-top:calc((24*100)/var(--device-width)*1vw)}.coi-mt-30{margin-top:calc((30*100)/var(--device-width)*1vw)}.coi-mt-32{margin-top:calc((32*100)/var(--device-width)*1vw)}.coi-mt-50{margin-top:calc((50*100)/var(--device-width)*1vw)}.coi-mt-70{margin-top:calc((70*100)/var(--device-width)*1vw)}.coi-mt-74{margin-top:calc((74*100)/var(--device-width)*1vw)}.coi-mt-76{margin-top:calc((76*100)/var(--device-width)*1vw)}.coi-mb-24{margin-bottom:calc((24*100)/var(--device-width)*1vw)}.coi-ml-0{margin-left:calc((0*100)/var(--device-width)*1vw)}.coi-ml-21{margin-left:calc((21*100)/var(--device-width)*1vw)}.coi-layout-grid-inner{grid-template-columns:repeat(var(--columns),1fr);grid-column-gap:var(--gap);-moz-column-gap:var(--gap);column-gap:var(--gap);padding-inline:var(--safe);width:100%;display:grid}.coi-grid{grid-template-columns:repeat(var(--columns),1fr);grid-column-gap:var(--gap);-moz-column-gap:var(--gap);column-gap:var(--gap);display:grid}.coi-grid\!{grid-template-columns:repeat(var(--columns),1fr)!important;grid-column-gap:var(--gap)!important;-moz-column-gap:var(--gap)!important;column-gap:var(--gap)!important;display:grid!important}.\!block{display:block!important}.block{display:block}@media (max-width:799.98px){.desktop-only{display:none!important}}.flex{display:flex}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}@media (min-width:800px){.mobile-only{display:none!important}}.aspect-square{aspect-ratio:1}.coi-h-148{height:calc((148*100)/var(--device-width)*1vw)}.coi-h-px{height:calc(100/var(--device-width)*1vw)}.h-full{height:100%}.min-h-screen{min-height:100vh}.coi-layout-block-inner{padding-inline:var(--safe);width:100%}.coi-w-28{width:calc((28*100)/var(--device-width)*1vw)}.coi-w-151{width:calc((151*100)/var(--device-width)*1vw)}.coi-w-342{width:calc((342*100)/var(--device-width)*1vw)}.w-full{width:100%}.w-max{width:max-content}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.items-center{align-items:center}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.coi-gap-10{gap:calc((10*100)/var(--device-width)*1vw)}.coi-gap-15{gap:calc((15*100)/var(--device-width)*1vw)}.justify-self-end{justify-self:flex-end}.overflow-hidden{overflow:hidden}.overflow-x-clip{overflow-x:clip}.coi-rounded-10{border-radius:calc((10*100)/var(--device-width)*1vw)}.border{border-style:var(--tw-border-style);border-width:1px}.coi-border-px{border-width:calc(100/var(--device-width)*1vw)}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.coi-border-t-px{border-top-width:calc(100/var(--device-width)*1vw)}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.coi-border-b-px{border-bottom-width:calc(100/var(--device-width)*1vw)}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-solid{--tw-border-style:solid;border-style:solid}.\[border-top-style\:solid\]{border-top-style:solid}.\[border-bottom-style\:solid\]{border-bottom-style:solid}.border-secondary{border-color:var(--color-secondary)}.bg-contrast{background-color:var(--color-contrast)}.bg-contrast\/20{background-color:#2e2e2e33}@supports (color:color-mix(in lab, red, red)){.bg-contrast\/20{background-color:color-mix(in oklab,var(--color-contrast)20%,transparent)}}.bg-primary{background-color:var(--color-primary)}.bg-secondary{background-color:var(--color-secondary)}.coi-px-12{padding-inline:calc((12*100)/var(--device-width)*1vw)}.px-safe{padding-inline:var(--spacing-safe)}.coi-py-10{padding-block:calc((10*100)/var(--device-width)*1vw)}.coi-pt-10{padding-top:calc((10*100)/var(--device-width)*1vw)}.coi-pt-20{padding-top:calc((20*100)/var(--device-width)*1vw)}.coi-pt-30{padding-top:calc((30*100)/var(--device-width)*1vw)}.coi-pl-4{padding-left:calc((4*100)/var(--device-width)*1vw)}.coi-pl-6{padding-left:calc((6*100)/var(--device-width)*1vw)}.pl-\[24px\]{padding-left:24px}.h1{font-family:var(--next-font-mono);font-style:normal;font-weight:700;line-height:100%}@media (min-width:800px){.h1{line-height:95%}}.h1{letter-spacing:-.01em}@media (min-width:800px){.h1{letter-spacing:-.015em}}.h1{font-feature-settings:"ss04";font-size:calc(((36*100)/var(--device-width))*1vw)}@media (min-width:800px){.h1{font-size:calc(((80*100)/var(--device-width))*1vw)}}.h2{font-family:var(--next-font-mono);font-style:normal;font-weight:700;line-height:100%}@media (min-width:800px){.h2{line-height:95%}}.h2{letter-spacing:.03em}@media (min-width:800px){.h2{letter-spacing:.015em}}.h2{font-feature-settings:"ss04";font-size:calc(((50*100)/var(--device-width))*1vw)}@media (min-width:800px){.h2{font-size:calc(((72*100)/var(--device-width))*1vw)}}.contact{font-family:var(--next-font-mono);font-style:normal;font-weight:700;line-height:130%}@media (min-width:800px){.contact{line-height:130%}}.contact{letter-spacing:.03em}@media (min-width:800px){.contact{letter-spacing:.015em}}.contact{font-size:calc(((28*100)/var(--device-width))*1vw)}@media (min-width:800px){.contact{font-size:calc(((42*100)/var(--device-width))*1vw)}}.cta{font-family:var(--next-font-mono);font-feature-settings:"case";letter-spacing:.01em;font-style:normal;font-weight:400;line-height:100%;font-size:calc(((32*100)/var(--device-width))*1vw)}@media (min-width:800px){.cta{font-size:calc(((48*100)/var(--device-width))*1vw)}}.caption{font-family:var(--next-font-mono);letter-spacing:0;font-style:normal;font-weight:300;line-height:100%;font-size:calc(((14*100)/var(--device-width))*1vw)}@media (min-width:800px){.caption{font-size:calc(((16*100)/var(--device-width))*1vw)}}.home-title{font-family:var(--next-font-chalmers);letter-spacing:0;font-style:normal;font-weight:400;line-height:120%;font-size:calc(((42*100)/var(--device-width))*1vw)}@media (min-width:800px){.home-title{font-size:calc(((173*100)/var(--device-width))*1vw)}}.time{font-family:var(--next-font-chalmers);letter-spacing:0;font-style:normal;font-weight:300;line-height:100%;font-size:calc(((16*100)/var(--device-width))*1vw)}@media (min-width:800px){.time{font-size:calc(((28*100)/var(--device-width))*1vw)}}.font-chalmers{font-family:var(--font-chalmers)}.font-mono{font-family:var(--font-mono)}.coi-text-53{font-size:calc((53*100)/var(--device-width)*1vw)}.coi-text-60{font-size:calc((60*100)/var(--device-width)*1vw)}.leading-none{--tw-leading:1;line-height:1}.-coi-tracking-px{letter-spacing:calc(-100/var(--device-width)*1vw)}.text-primary{color:var(--color-primary)}.text-primary\/40{color:#c6bdb466}@supports (color:color-mix(in lab, red, red)){.text-primary\/40{color:color-mix(in oklab,var(--color-primary)40%,transparent)}}.text-secondary{color:var(--color-secondary)}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-200{--tw-duration:.2s;transition-duration:.2s}.will-change-transform{will-change:transform}.before\:absolute:before{content:var(--tw-content);position:absolute}.before\:left-\[-16px\]:before{content:var(--tw-content);left:-16px}.before\:content-\[\'■\'\]:before{--tw-content:"■";content:var(--tw-content)}@media (min-width:800px){.dt\:order-0{order:0}.dt\:col-span-2{grid-column:span 2/span 2}.dt\:col-span-3{grid-column:span 3/span 3}.dt\:col-span-5{grid-column:span 5/span 5}.dt\:col-span-6{grid-column:span 6/span 6}.dt\:col-start-1{grid-column-start:1}.dt\:col-start-3{grid-column-start:3}.dt\:col-start-4{grid-column-start:4}.dt\:col-start-6{grid-column-start:6}.dt\:col-start-7{grid-column-start:7}.dt\:col-start-8{grid-column-start:8}.dt\:coi-mt-40{margin-top:calc((40*100)/var(--device-width)*1vw)}.dt\:coi-mt-105{margin-top:calc((105*100)/var(--device-width)*1vw)}.dt\:coi-mt-120{margin-top:calc((120*100)/var(--device-width)*1vw)}.dt\:coi-ml-0{margin-left:calc((0*100)/var(--device-width)*1vw)}.dt\:coi-ml-20{margin-left:calc((20*100)/var(--device-width)*1vw)}.dt\:coi-w-32{width:calc((32*100)/var(--device-width)*1vw)}.dt\:coi-w-480{width:calc((480*100)/var(--device-width)*1vw)}.dt\:items-end{align-items:flex-end}.dt\:coi-gap-30{gap:calc((30*100)/var(--device-width)*1vw)}.dt\:justify-self-end{justify-self:flex-end}.dt\:coi-border-r-px{border-right-width:calc(100/var(--device-width)*1vw)}.dt\:\[border-right-style\:solid\]{border-right-style:solid}.dt\:border-secondary{border-color:var(--color-secondary)}.dt\:coi-py-10{padding-block:calc((10*100)/var(--device-width)*1vw)}.dt\:coi-pt-45{padding-top:calc((45*100)/var(--device-width)*1vw)}.dt\:coi-pt-50{padding-top:calc((50*100)/var(--device-width)*1vw)}.dt\:coi-pl-10{padding-left:calc((10*100)/var(--device-width)*1vw)}.dt\:coi-text-160{font-size:calc((160*100)/var(--device-width)*1vw)}.dt\:coi-text-182{font-size:calc((182*100)/var(--device-width)*1vw)}}:where(:not(html,iframe,canvas,img,svg,video,audio,dialog,vercel-live-feedback,nextjs-portal,.sc-default,:where(select,option)):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{-moz-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:inherit}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:where(input[type=file]){cursor:default;appearance:none}html{-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizeLegibility}a,button{-webkit-tap-highlight-color:transparent}video,audio{max-block-size:100%;max-inline-size:100%}:root,:host{--color-primary:#c6bdb4;--color-secondary:#1d1d1b;--color-contrast:#2e2e2e;--spacing-0:0;--spacing-safe:var(--safe);--spacing-gap:var(--gap);--font-mono:var(--next-font-mono);--font-chalmers:var(--next-font-chalmers);--ease-out-cubic:cubic-bezier(.215,.61,.355,1)}@supports (color:lab(0% 0 0)){:root,:host{--color-primary:lab(77.1683% 2.10741 5.74155);--color-secondary:lab(10.712% -.369169 1.39205);--color-contrast:lab(18.8% 0 0)}}[data-theme=light]{--color-primary:#c6bdb4;--color-secondary:#1d1d1b;--color-contrast:#2e2e2e}@supports (color:lab(0% 0 0)){[data-theme=light]{--color-primary:lab(77.1683% 2.10741 5.74155);--color-secondary:lab(10.712% -.369169 1.39205);--color-contrast:lab(18.8% 0 0)}}[data-theme=dark]{--color-primary:#1d1d1b;--color-secondary:#fff;--color-contrast:#2e2e2e}@supports (color:lab(0% 0 0)){[data-theme=dark]{--color-primary:lab(10.712% -.369169 1.39205);--color-secondary:lab(100% 0 0);--color-contrast:lab(18.8% 0 0)}}:root{--device-width:375;--device-height:650;--columns:4;--gap:calc(((16*100)/var(--device-width))*1vw);--safe:calc(((16*100)/var(--device-width))*1vw);--header-height:calc(((58*100)/var(--device-width))*1vw);--layout-width:calc(100vw - (2*var(--safe)));--column-width:calc((var(--layout-width) - (var(--columns) - 1)*var(--gap))/var(--columns));--ease-in-quad:cubic-bezier(.55,.085,.68,.53);--ease-in-cubic:cubic-bezier(.55,.055,.675,.19);--ease-in-quart:cubic-bezier(.895,.03,.685,.22);--ease-in-quint:cubic-bezier(.755,.05,.855,.06);--ease-in-expo:cubic-bezier(.95,.05,.795,.035);--ease-in-circ:cubic-bezier(.6,.04,.98,.335);--ease-out-quad:cubic-bezier(.25,.46,.45,.94);--ease-out-cubic:cubic-bezier(.215,.61,.355,1);--ease-out-quart:cubic-bezier(.165,.84,.44,1);--ease-out-quint:cubic-bezier(.23,1,.32,1);--ease-out-expo:cubic-bezier(.19,1,.22,1);--ease-out-circ:cubic-bezier(.075,.82,.165,1);--ease-in-out-quad:cubic-bezier(.455,.03,.515,.955);--ease-in-out-cubic:cubic-bezier(.645,.045,.355,1);--ease-in-out-quart:cubic-bezier(.77,0,.175,1);--ease-in-out-quint:cubic-bezier(.86,0,.07,1);--ease-in-out-expo:cubic-bezier(1,0,0,1);--ease-in-out-circ:cubic-bezier(.785,.135,.15,.86);--ease-gleasing:cubic-bezier(.4,0,0,1);--color-black:#1d1d1b;--color-white:#fff;--color-gray:#2e2e2e;--color-green:#2f2;--color-gray90:#e5e5e5;--color-sage:#a7d2a4;--color-slate:#5e727f;--color-paper:#c6bdb4}@supports (color:lab(0% 0 0)){:root{--color-black:lab(10.712% -.369169 1.39205);--color-white:lab(100% 0 0);--color-gray:lab(18.8% 0 0);--color-green:lab(88.0328% -77.2719 77.5865);--color-gray90:lab(90.9404% 0 -.0000119209);--color-sage:lab(80.242% -21.4838 18.0335);--color-slate:lab(46.86% -5.77018 -9.35727);--color-paper:lab(77.1683% 2.10741 5.74155)}}@media (min-width:800px){:root{--device-width:1440;--device-height:816;--columns:8;--gap:calc(((16*100)/var(--device-width))*1vw);--safe:calc(((16*100)/var(--device-width))*1vw);--header-height:calc(((98*100)/var(--device-width))*1vw)}}html{--scrollbar-gutter:0px;scrollbar-gutter:stable}html.lenis-stopped{--scrollbar-gutter:var(--scrollbar-width)}html.overflow-hidden{touch-action:none;overflow:hidden}::-webkit-scrollbar{display:none}@media (max-width:799px){*{scrollbar-width:none}::-webkit-scrollbar{width:0;height:0;display:none}::-webkit-scrollbar-track{background:0 0;display:none}::-webkit-scrollbar-thumb{background:0 0;display:none}}body{overscroll-behavior:none;background-color:var(--color-primary);min-height:100vh;color:var(--color-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;flex-direction:column;display:flex}::selection{background-color:var(--color-contrast);color:var(--color-primary)}svg.icon path[fill],svg.icon rect[fill],svg.icon circle[fill]{fill:currentColor}svg.icon path[stroke],svg.icon rect[stroke],svg.icon circle[stroke]{stroke:currentColor}@media (hover:hover){.link:hover{text-decoration:underline}}.contact{z-index:0;transition:color .5s var(--ease-out-cubic);position:relative;overflow:hidden}.contact:before{content:"";background-color:var(--color-contrast);width:100%;height:100%;transition:transform .5s var(--ease-out-cubic);z-index:-1;position:absolute;top:0;left:-.5px;transform:translate(-100%)}@media (hover:hover){.contact:hover:before,.contact:focus-visible:before{transform:translate(0)}.contact:hover,.contact:focus-visible{color:var(--color-primary)}}:focus-visible{outline:2px solid var(--color-contrast)}html.scrollbar-grabbing,img{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;-o-user-select:none}button{cursor:pointer}html.screenshot :not(:has(canvas),canvas,:has(#orchestra),#orchestra,#orchestra *){opacity:0!important}.texture{will-change:transform;z-index:0;opacity:.15;mix-blend-mode:overlay;pointer-events:none;background-image:url(https://khanh.me/api/media/file/614f353f1e11a6a7afdd8b74_6059a3e2b9ae6d2bd508685c_pt-texture-2.jpg);background-position:50%;background-size:auto;position:absolute;inset:0}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}
@font-face{font-family:mono;src:url(../media/Dosis_VariableFont_wght-s.p.c8b4172b.ttf)format("truetype");font-display:swap;font-weight:600;font-style:normal}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:125.04%;descent-override:28.85%;line-gap-override:0.0%;size-adjust:82.14%}.mono_41652952-module__Y01PBW__className{font-family:mono,mono Fallback,ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.mono_41652952-module__Y01PBW__variable{--next-font-mono:"mono","mono Fallback",ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}
@font-face{font-family:chalmers;src:url(../media/MTD_Chalmers-s.p.591e149a.otf)format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:chalmers Fallback;src:local(Arial);ascent-override:78.72%;descent-override:26.24%;line-gap-override:0.94%;size-adjust:95.27%}.chalmers_a319f09e-module__F8DoTG__className{font-family:chalmers,chalmers Fallback,ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}.chalmers_a319f09e-module__F8DoTG__variable{--next-font-chalmers:"chalmers","chalmers Fallback",ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace}