@font-face{font-display:swap;font-family:Saira Variable;font-stretch:50% 125%;font-style:normal;font-weight:100 900;src:url(../assets/saira-vietnamese-wdth-normal.b8712952.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-display:swap;font-family:Saira Variable;font-stretch:50% 125%;font-style:normal;font-weight:100 900;src:url(../assets/saira-latin-ext-wdth-normal.2a1f76f0.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-display:swap;font-family:Saira Variable;font-stretch:50% 125%;font-style:normal;font-weight:100 900;src:url(../assets/saira-latin-wdth-normal.4b10e5e6.woff2) format("woff2-variations");unicode-range:u+00??,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}*,:after,:before{box-sizing:border-box;margin:0}:root{--bg:#0a0a0b;--text:#f5f5f2;--muted:#9a9a95;--card:#141416;--card-hover:#18181b;--border:hsla(0,0%,100%,.08);--border-hover:hsla(0,0%,100%,.16)}html{background:var(--bg);min-height:100%}body{background:radial-gradient(60rem 30rem at 50% -10rem,hsla(0,0%,100%,.05),transparent 70%),var(--bg);color:var(--text);display:flex;flex-direction:column;font-family:Saira Variable,Eurostile,Arial Narrow,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}main{flex:1;margin-inline:auto;padding:clamp(3rem,10vh,7rem) 1rem 4rem;width:min(100%,62rem)}.intro{animation:fade-in 1.2s ease-out both;margin-bottom:clamp(2.5rem,7vh,4.5rem);text-align:center}h1{font-size:clamp(2rem,5.2vw,3.75rem);font-stretch:125%;font-weight:700;letter-spacing:.08em;line-height:1.15;text-shadow:0 0 1.5rem hsla(0,0%,100%,.12);text-transform:uppercase;text-wrap:balance}.lede{color:var(--muted);font-size:clamp(1rem,1.6vw,1.2rem);font-stretch:110%;letter-spacing:.02em;margin-top:.75rem}.projects{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,26rem),1fr));list-style:none;padding:0}.projects>li{animation:fade-in 1s ease-out both}.projects>li:first-child{animation-delay:.25s}.projects>li:nth-child(2){animation-delay:.4s}.projects>li:nth-child(3){animation-delay:.55s}.projects>li:nth-child(n+4){animation-delay:.7s}.embed{background:var(--card);border:1px solid var(--border);border-radius:.5rem;color:inherit;display:flex;flex-direction:column;gap:1rem;height:100%;overflow:hidden;padding:1rem 1.125rem 1.125rem 1.375rem;position:relative;text-decoration:none;transition:transform .25s ease,border-color .25s ease,background-color .25s ease,box-shadow .25s ease}.embed:before{background:var(--accent);content:"";inset:0 auto 0 0;position:absolute;width:4px}.embed:hover{background:var(--card-hover);border-color:var(--border-hover);box-shadow:0 .75rem 2rem -1rem rgba(0,0,0,.8);transform:translateY(-3px)}.embed:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.embed-body{flex:1}.embed-site{align-items:center;color:var(--text);display:flex;font-size:.8rem;font-weight:500;gap:.5rem}.embed-site img{border-radius:3px;flex:none;height:1rem;width:1rem}.embed-domain{color:var(--muted);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.embed-domain:before{content:"·";margin-right:.5rem}.embed-title{color:var(--accent);font-size:1.15rem;font-stretch:108%;font-weight:600;line-height:1.3;margin-top:.5rem;text-wrap:balance}.embed:hover .embed-title{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}.embed-desc{color:#c4c4bf;font-size:.95rem;line-height:1.5;margin-top:.375rem}.embed-image{aspect-ratio:1200/630;background:#000;border:1px solid var(--border);border-radius:.375rem;display:block;filter:saturate(.9) brightness(.92);height:auto;object-fit:cover;transition:filter .25s ease;width:100%}.embed:hover .embed-image{filter:none}.site-footer{color:#5e5e5a;font-size:.8rem;letter-spacing:.03em;padding:0 1rem 2rem;text-align:center}.site-footer span{margin-inline:.4rem}.site-footer a{color:inherit;text-decoration:none;transition:color .2s ease}.site-footer a:focus-visible,.site-footer a:hover{color:var(--text)}@keyframes fade-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.intro,.projects>li{animation:none}.embed,.embed-image{transition:none}.embed:hover{transform:none}}