@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-vietnamese-full-normal-7BpKI3vF.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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-ext-full-normal-YHFkNujK.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(./fraunces-latin-full-normal-CFFu7zhK.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@property --entry-wght{syntax: "<number>"; initial-value: 150; inherits: false;}@property --entry-opacity{syntax: "<number>"; initial-value: .12; inherits: false;}@property --breathing{syntax: "<number>"; initial-value: 0; inherits: false;}:root{--font-poem: "Fraunces Variable", "Georgia", "Times New Roman", serif;--colour-bg: #f5f2ee}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{color-scheme:light;background:var(--colour-bg)}body{font-family:var(--font-poem);background:var(--colour-bg);color:#1a1a1a1f;min-height:100vh;min-height:100dvh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;opacity:1;transition:opacity .4s ease}body:after{content:"";position:fixed;inset:-50%;width:200%;height:200%;z-index:9999;pointer-events:none;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply;animation:grain .3s steps(1) infinite}@keyframes grain{0%{transform:translate(0)}10%{transform:translate(-2%,-3%)}20%{transform:translate(3%,1%)}30%{transform:translate(-1%,4%)}40%{transform:translate(2%,-2%)}50%{transform:translate(-3%,2%)}60%{transform:translate(1%,-4%)}70%{transform:translate(-2%,3%)}80%{transform:translate(3%,-1%)}90%{transform:translate(-1%,2%)}}main{min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding-top:38vh;padding-bottom:20vh}.title{font-family:var(--font-poem);font-variation-settings:"wght" 100,"opsz" 9,"SOFT" 100;font-size:clamp(1.1rem,1.6vw + .5rem,1.8rem);color:#1a1a1a14;letter-spacing:.06em;text-transform:lowercase;margin-bottom:4rem;animation:title-life 30s ease forwards}@keyframes title-life{0%{color:#1a1a1a14}25%{color:#1a1a1a61}50%{color:#1a1a1a61}to{color:#1a1a1a00}}.entries{list-style:none;display:flex;flex-direction:column;align-items:center;gap:1.8rem}.entry{font-family:var(--font-poem);font-variation-settings:"wght" calc(var(--entry-wght) + var(--breathing) * 30),"opsz" 9,"SOFT" 100;font-size:clamp(1.4rem,2vw + .6rem,2.4rem);color:rgba(26,26,26,var(--entry-opacity));letter-spacing:.04em;text-decoration:none;text-transform:lowercase;cursor:pointer;transition:--entry-wght .8s cubic-bezier(.22,1,.36,1),--entry-opacity .8s ease,letter-spacing 1.2s ease,scale 1.2s cubic-bezier(.22,1,.36,1)}.entry:hover,.entry:focus-visible{--entry-wght: 100;--entry-opacity: .06;letter-spacing:.02em;scale:.92}@keyframes breathe{0%,to{--breathing: 0}50%{--breathing: 1}}.entries li:nth-child(1) .entry{animation:breathe 8s ease-in-out infinite}.entries li:nth-child(2) .entry{animation:breathe 8s ease-in-out 4s infinite}.entry:hover{animation-play-state:paused}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body:after{display:none}.entry{color:#1a1a1a80!important;font-variation-settings:"wght" 300,"opsz" 12,"SOFT" 100!important}.title{color:#1a1a1a66!important;font-variation-settings:"wght" 250,"opsz" 12,"SOFT" 100!important}}:focus-visible{outline:1px solid rgba(26,26,26,.2);outline-offset:4px}