@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./familjen-grotesk-vietnamese-wght-normal.hLLh-Gaa.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./familjen-grotesk-latin-ext-wght-normal.mEDNSS4l.woff2) format("woff2-variations");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(./familjen-grotesk-latin-wght-normal.C7XB44xz.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}a.svelte-huhvis{text-decoration:none}header.svelte-huhvis{display:flex;justify-content:space-between;margin:0 auto;line-height:0;font-size:6rem;max-width:16ch}@media screen and (max-width: 60rem){header.svelte-huhvis{font-size:1.5rem;max-width:56ch}}svg.svelte-huhvis{border-radius:.25rem}footer.svelte-1vlrxu1{font-size:6rem;max-width:16ch;margin:0 auto;padding:6rem 0}summary.svelte-1vlrxu1{padding-bottom:.5em}small.svelte-1vlrxu1{display:block}svg.svelte-1vlrxu1{border-radius:.25rem;margin-bottom:1rem}:root{color-scheme:light dark;--primary-color: #305050;--secondary-color: #30505080;--tertiary-color: #30505040;--quad-color: #30505020;--quint-color: #30505015;--base-color: #F5F2EF;--surface-color: #30505020;--tint-primary-color: #C2CBD6;--tint-secondary-color: #D1CBC7;--accent-color: #809FFF;--accent-base-color: #302060;--accent-secondary-color: #809FFF80;--accent-tertiary-color: #809FFF40;--tag-color: var(--secondary-color);--palette-one: #C2CBD6;// #9AAABC;--palette-two: #D1CBC7;// #B3A9A2}@media (prefers-color-scheme: dark){:root{color-scheme:light dark;--primary-color: #fff;--secondary-color: #ffffff80;--tertiary-color: #ffffff40;--quad-color: #ffffff20;--quint-color: ffffff10;--base-color: #353540;--surface-color: #171F28;--tint-primary-color: #435365;--tint-secondary-color: #5D534C;--accent-color: #809FFF;--accent-base-color: #302060;--accent-secondary-color: #809FFF80;--accent-tertiary-color: #809FFF40;--tag-color: var(--surface-color);--palette-one: #435365;--palette-two: #5D534C}}*:where(:not(iframe,canvas,img,svg,video):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}a{cursor:revert}html,body{min-height:100%}body{-webkit-font-smoothing:antialiased}img,picture,video,canvas{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}textarea{white-space:revert}#root,#__next{isolation:isolate}:where([contenteditable]){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space}:where([draggable=true]){-webkit-user-drag:element}html{font-family:Familjen Grotesk Variable,sans-serif;font-optical-sizing:auto;line-height:1.4;color:var(--primary-color);background:var(--base-color)}body{margin:5vw}::selection{color:var(--accent-color)}a{color:inherit;text-decoration:none;text-decoration:underline;text-decoration-skip-ink:auto;text-decoration-color:var(--tertiary-color);text-underline-offset:.125em}a:hover{color:var(--accent-color);text-decoration-color:var(--accent-tertiary-color)}main{display:flex;flex-direction:column;justify-content:center}section{margin:0 auto;padding:6rem 0;display:inline-block}section.note{max-width:72ch}section:has(article){display:flex;flex-direction:row;flex-wrap:wrap;gap:3rem}.grid{display:grid;grid:repeat(2,1fr) / repeat(2,1fr);gap:3rem;max-width:48rem;margin-top:1.5rem}@media screen and (max-width: 54rem){.grid{display:flex;flex-direction:column}}section section{display:inline-block;background:var(--surface-color);padding:1.5rem;border-radius:1rem;margin:0}article{max-width:40rem;border:2px solid var(--quint-color);padding:1rem;border-radius:1rem}article h3{padding:.125em .5em 0}article p{padding:0 .5em}article.one{background:var(--palette-one)}article.two{background:var(--palette-two)}figure{margin-bottom:1rem;background:var(--surface-color);border-radius:1rem}img{margin-bottom:.5em;border-radius:.5rem}h1{font-size:6rem;font-weight:400;line-height:1;max-width:16ch;text-wrap:balance;padding-bottom:.5em;display:inline-block}@media screen and (max-width: 60rem){h1{font-size:4rem}}@media screen and (max-width: 40rem){h1{font-size:2rem;line-height:1.125}}h2{font-size:2rem;font-weight:600;line-height:1.125;max-width:24ch;text-wrap:balance;padding-bottom:.5em}section section h2{display:inline}h3{font-size:1.25rem;font-weight:600;margin:0;text-wrap:balance;padding-bottom:.25em}.grid h3{padding-bottom:.5em}h5{font-weight:600;opacity:.5;display:inline;padding-left:.25em;white-space:nowrap}h6{font-size:1.25rem;text-transform:lowercase;font-variant:small-caps;letter-spacing:.05em;font-weight:700}summary{font-size:1.5rem;max-width:56ch;padding-bottom:1em;text-wrap:balance}summary:has(+a){padding-bottom:1.5em}@media screen and (max-width: 40rem){summary{font-size:1.25rem}}span{font-weight:600;background:var(--tertiary-color);color:var(--tag-color);padding:.25em .5em;border-radius:.25em;display:inline;float:right}p{font-size:1.25rem;padding-bottom:.5em;text-wrap:balance}.note p{text-wrap:initial}small{font-size:1rem;//.875rem;padding-bottom:.5em;opacity:.75}strong{font-weight:600}em{font-style:italic}ul{font-size:1.25rem;list-style-type:"– ";list-style-position:inside;line-height:2;font-weight:500}section section ul{line-height:2;font-weight:400}button{display:inline flex;flex-direction:row;justify-content:center;align-items:center;padding:.7em 1em .8em;border-radius:.5rem;font-weight:600;font-size:1.125rem;line-height:1;leading-trim:both;text-edge:cap;color:#fff;margin-bottom:1em}.button-group{display:flex;flex-direction:row;gap:1rem}button.primary{background:var(--primary-color);color:var(--base-color)}button.primary:hover{background:var(--secondary-color);color:var(--base-color)}button.primary:active{background:var(--tertiary-color);color:var(--base-color)}button.secondary{background:var(--tint-primary-color);color:var(--primary-color)}button.secondary:hover{background:var(--secondary-color);color:var(--base-color)}button.secondary:active{background:var(--tertiary-color);color:var(--base-color)}button.tertiary{background:none;color:var(--primary-color)}button.tertiary:hover{background:none;color:var(--accent-color)}section section button{margin:0}section section div:has(button){margin:1.5rem 0}a:has(button){text-decoration:none}svg{color:var(--secondary-color)}
