:root{--font:"Lexend", "Fira Sans", sans-serif;--font-code:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, Consolas, "DejaVu Sans Mono", monospace;--font-icons:"icons";--color-bg:#0e0f11;--color-surface:#14181d;--color-surface-raised:#1a2027;--color-code-bg:color-mix(in srgb, var(--color-bg) 70%, #000);--color-code-border:color-mix(in srgb, var(--color-bg) 50%, #000);--color-code-shadow:rgba(0, 0, 0, .1);--color-border:#2a333d;--color-border-strong:#3b4856;--color-text:#e4e8ec;--color-text-muted:#9aa6b2;--color-text-faint:#6f7c89;--color-brand:#c0392b;--color-brand-hover:#d54b3c;--color-brand-active:#9f2f24;--color-accent:#3fc6d4;--color-accent-hover:#79e1e9;--color-accent-soft:color-mix(in srgb, var(--color-accent) 16%, transparent);--color-accent-border:color-mix(in srgb, var(--color-accent) 42%, transparent);--color-white:#fff;--color-grid:rgba(255, 255, 255, .018);--color-shadow:rgba(0, 0, 0, .24);--color-inset-highlight:rgba(255, 255, 255, .025);--dark-bg:var(--color-bg);--primary:var(--color-brand);--accent:var(--color-accent);--success:#2fa484;--warning:#dba507;--quote:color-mix(in srgb, var(--color-accent) 55%, var(--color-text-muted))}@font-face{font-family:lexend;font-display:swap;font-weight:400;font-style:normal;src:url(/assets/fonts/Lexend-Regular.woff2)format("woff2")}@font-face{font-family:lexend;font-display:swap;font-weight:700 900;font-style:normal;src:url(/assets/fonts/Lexend-ExtraBold.woff2)format("woff2")}@font-face{font-family:icons;font-display:block;font-weight:400;font-style:normal;src:url(/assets/fonts/icons.woff2)format("woff2"),url(/assets/fonts/icons.woff)format("woff")}blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}*,*::before,*::after{box-sizing:inherit}html{min-height:100%;box-sizing:border-box;background:var(--color-bg);color-scheme:dark;-webkit-font-smoothing:antialiased;font-kerning:auto}body{min-height:100vh;background-color:var(--color-bg);background-image:radial-gradient(circle at 88% 8%,color-mix(in srgb,var(--color-accent) 7%,transparent),transparent 30rem),linear-gradient(var(--color-grid) 1px,transparent 1px),linear-gradient(90deg,var(--color-grid) 1px,transparent 1px);background-size:auto,32px 32px,32px 32px}button,input,select,textarea{margin:0}button{border:0}img,video,iframe{height:auto;max-width:100%;border:0;outline:none;vertical-align:middle}iframe,picture{display:block}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}template,[hidden]{display:none!important}address{margin:0 0 1rem;font-style:normal}address span{display:block}p{margin:0 0 1.45rem}sup{font-size:.72em;vertical-align:super}hr{width:100%;margin:3rem 0;border:0;border-top:1px solid var(--color-border)}svg{vertical-align:middle}textarea,pre,code{tab-size:4;-moz-tab-size:4}::placeholder{color:var(--color-text-faint);opacity:1}::selection{background:var(--color-accent);color:var(--color-bg)}body,button,input,select,textarea{color:var(--color-text);font:17px/1.65 var(--font)}h1,h2,h3,h4,h5,h6{margin:0 0 1.5rem;color:var(--color-text);font:700 1rem/1.12 var(--font);letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(2.5rem,6vw,5.5rem)}h2{font-size:clamp(1.75rem,3vw,2.6rem)}h3{font-size:clamp(1.35rem,2vw,1.8rem)}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}b,strong{font-weight:700}small{color:var(--color-text-muted);font-size:.82rem}a{color:var(--color-accent);text-decoration-color:color-mix(in srgb,var(--color-accent) 48%,transparent);text-decoration-thickness:1px;text-underline-offset:.2em;transition:color 140ms ease,text-decoration-color 140ms ease}a:hover{color:var(--color-accent-hover);text-decoration-color:transparent}a:active{color:var(--color-accent)}:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 28%,transparent)}code{font:.9em/1.5 var(--font-code)}code:not(pre code){padding:.14rem .38rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-surface-raised);color:var(--color-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{border-radius:999px;background:var(--color-border-strong)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-faint)}.SkipLink{position:fixed;top:.75rem;left:.75rem;z-index:10000;padding:.75rem 1rem;border-radius:4px;background:var(--color-accent);color:var(--color-bg);font:700 .78rem/1 var(--font-code);text-decoration:none;transform:translateY(calc(-100% - 2rem));transition:transform 140ms ease}.SkipLink:focus{transform:translateY(0)}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.Page{min-height:100vh}.Page-Viewport{width:min(100%,1240px);margin:0 auto;padding-inline:clamp(1rem,3vw,2rem)}.Page-Header{position:relative;z-index:100;border-color:var(--color-border);background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(18px)}.Page-Content{position:relative;z-index:1;min-width:0;padding-block:clamp(2.5rem,7vw,6rem)}.Page-Content>.Detail.image:first-child{margin-top:calc(clamp(2.5rem,7vw,6rem) * -1)}.Page-Heading{display:grid;gap:.75rem;max-width:780px;margin-bottom:clamp(2.75rem,7vw,5.5rem)}.Page-Heading::after{content:"";width:64px;height:2px;margin-top:.75rem;background:linear-gradient(90deg,var(--color-accent),transparent)}.Page-Title{margin:0;font-size:clamp(2.6rem,6vw,5.4rem)}.Page-Eyebrow{color:var(--color-accent);font:700 .7rem/1.25 var(--font-code);letter-spacing:.14em;text-transform:uppercase}.Page-Subtitle{max-width:62ch;color:var(--color-text-muted);font-size:clamp(1rem,1.8vw,1.15rem);line-height:1.7}.Page-Tag{color:var(--color-brand);font:700 .7rem/1 var(--font-code);letter-spacing:.08em;text-transform:uppercase}.Nav.services .Nav-Link::before,.Nav.main .Nav-Link::before{font-family:var(--font-icons);font-style:normal;font-weight:400;font-variant:normal;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Header-Logo{display:inline-flex;flex:none;align-items:center;justify-content:center;border:0;border-radius:8px}.Header-Logo img{width:48px;height:48px;border-radius:8px}.Header-Logo span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.Nav{display:flex;align-items:center}.Nav.page{min-width:0}.Nav-Link{position:relative;display:inline-flex;align-items:center;border:0;color:var(--color-text-muted);text-decoration:none;transition:color 140ms ease,background 140ms ease,transform 240ms cubic-bezier(.22,1,.36,1)}.Nav-Link:hover{color:var(--color-text)}.Nav-Link[data-active]{color:var(--color-accent)}.Nav.services .Nav-Text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.Nav.services .Nav-Link{justify-content:center;width:30px;height:30px;border-radius:4px}.Nav.services .Nav-Link::before{color:currentColor;font-size:16px}.Nav.services .Nav-Link:hover{background:var(--color-surface-raised)}.Nav.services .github::before{content:"\f100"}.Nav.services .linkedIn::before{content:"\f101"}.Nav.services .twitter::before{content:"\f102"}.MenuButton{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:0 0;color:var(--color-white);cursor:pointer}.MenuButton-Icon,.MenuButton-Icon::before,.MenuButton-Icon::after{display:block;width:28px;height:2px;background:currentColor;content:"";transition:background-color 140ms ease,transform 240ms cubic-bezier(.22,1,.36,1)}.MenuButton-Icon{position:relative}.MenuButton-Icon::before,.MenuButton-Icon::after{position:absolute;left:0}.MenuButton-Icon::before{transform:translateY(-8px)}.MenuButton-Icon::after{transform:translateY(8px)}.MenuButton[data-open] .MenuButton-Icon{background:0 0}.MenuButton[data-open] .MenuButton-Icon::before{transform:rotate(45deg)}.MenuButton[data-open] .MenuButton-Icon::after{transform:rotate(-45deg)}.Hero{position:relative;display:grid;gap:2rem;max-width:1040px;padding-block:clamp(1rem,4vw,3rem)clamp(4rem,10vw,8rem)}.Hero::before{content:"01 / BUILD";position:absolute;top:0;right:0;color:var(--color-text-faint);font:700 .7rem/1 var(--font-code);letter-spacing:.14em}.Hero-Content{display:grid;gap:1.5rem;max-width:900px}.Hero-Title{max-width:15ch;margin:0;font-size:clamp(2.6rem,6vw,5.4rem)}.Hero-Text{max-width:66ch;margin:0;color:var(--color-text-muted);font-size:1.25rem}.Hero-Actions{display:flex;flex-wrap:wrap;gap:.75rem}.Hero-Signal{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-border);color:var(--color-text-muted);font:700 .7rem/1.5 var(--font-code);letter-spacing:.08em;text-transform:uppercase}.Hero-Signal strong{color:var(--color-accent)}.Section+.Section{margin-top:clamp(5rem,12vw,9rem)}.Section-Header{display:flex;align-items:end;justify-content:space-between;gap:1.5rem;margin-bottom:3rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.Section-Header h2{margin:0;font-size:clamp(2rem,4vw,3.4rem)}.Section-Header p{max-width:48ch;margin:0;color:var(--color-text-muted);font-size:.95rem}.Section-Index{align-self:start;color:var(--color-accent);font:700 .7rem/1 var(--font-code);letter-spacing:.14em}.Section-Action{margin-top:3rem}.State{display:grid;min-height:min(64vh,620px);place-items:center}.State-Panel{width:min(100%,620px);padding:clamp(2rem,6vw,4rem);border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(145deg,var(--color-surface-raised),var(--color-surface));box-shadow:0 18px 50px var(--color-shadow)}.State-Code{display:block;margin-bottom:1rem;color:var(--color-accent);font:700 .7rem/1 var(--font-code);letter-spacing:.14em;text-transform:uppercase}.State-Panel h1{margin-bottom:1rem;font-size:clamp(2.4rem,7vw,4.5rem)}.State-Panel p{color:var(--color-text-muted)}.Page-Footer{border-top:1px solid var(--color-border);margin-top:4rem}.Page-Footer .Page-Viewport{display:flex;justify-content:center;padding-block:1.5rem}.Page-Copyright{margin:0;color:var(--color-text-muted);font:.72rem/1.5 var(--font-code);text-align:center}.Button,button.primary,button.secondary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1rem;border:1px solid transparent;border-radius:8px;font:700 .78rem/1 var(--font-code);letter-spacing:.08em;text-decoration:none;cursor:pointer;transition:color 140ms ease,background 140ms ease,border-color 140ms ease,transform 240ms cubic-bezier(.22,1,.36,1)}.Button,.Button.primary,button.primary{background:var(--color-brand);color:var(--color-white)}.Button:hover,.Button.primary:hover,button.primary:hover{background:var(--color-brand-hover);color:var(--color-white);transform:translateY(-1px)}.Button:active,.Button.primary:active,button.primary:active{background:var(--color-brand-active);transform:translateY(0)}.Button.secondary,button.secondary{border-color:var(--color-border-strong);background:0 0;color:var(--color-text)}.Button.secondary:hover,button.secondary:hover{border-color:var(--color-accent-border);background:var(--color-accent-soft);color:var(--color-accent)}.Button.icon{width:42px;min-height:42px;padding:0}.Button[data-disabled],.Button:disabled,button[data-disabled],button:disabled{opacity:.42;cursor:not-allowed;transform:none}ol,ul{margin:0 0 1.4rem;list-style-position:outside;padding-left:1.25rem}ul[class]{padding-left:0;list-style:none}ol li,ul li{margin-bottom:.45rem}pre{margin:0 0 1.4rem}pre code{overflow-x:auto}pre.chroma{border-radius:.4rem}pre.chroma code{display:block;margin:1rem 0;padding:1rem;border:1px solid var(--color-code-border);border-radius:.4rem;background:var(--color-code-bg);color:var(--color-white);font:.9rem/1.345 var(--font-code);box-shadow:inset 0 0 10px var(--color-code-shadow)}.Form{width:min(100%,560px)}.Form.panel,.Tool-Form.panel{padding:clamp(1.5rem,4vw,2.5rem);border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.Field+.Field{margin-top:1rem}.Field.action{display:flex;gap:.75rem;margin-top:1.5rem}label{display:block;margin-bottom:.5rem;color:var(--color-text);font:700 .78rem/1.35 var(--font-code);letter-spacing:.08em}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;min-height:46px;padding:.75rem;border:1px solid var(--color-border-strong);border-radius:8px;background:var(--color-bg);color:var(--color-text);font:.95rem/1.5 var(--font);transition:border-color 140ms ease,background 140ms ease}input:hover,select:hover,textarea:hover{border-color:var(--color-text-faint)}input:focus,select:focus,textarea:focus{border-color:var(--color-accent);background:var(--color-surface)}select{padding-right:2.5rem}textarea{min-height:8rem;resize:vertical}.CodeInput{min-height:20rem;font-family:var(--font-code)}.Tool-Form{display:grid;grid-template-columns:minmax(0,1fr);gap:1.5rem}.Tool-Result{margin-top:3rem}.Tool-ResultHeader{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.Tool-ResultHeader h2{margin:0}.VisuallyHidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.Card{padding:1.4rem 1.6rem;border:1px solid var(--color-border);border-radius:14px;background:var(--color-surface)}.Card h3{margin-bottom:.75rem;font-size:1.3rem}.Card p{margin-bottom:1rem;color:var(--color-text-muted)}.Table-Wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:8px}table{width:100%;min-width:520px}th,td{padding:.8rem 1rem;text-align:left}th{border-bottom:1px solid var(--color-border-strong);background:var(--color-surface-raised);color:var(--color-text);font:700 .7rem/1.3 var(--font-code);letter-spacing:.08em;text-transform:uppercase}td{border-bottom:1px solid var(--color-border);color:var(--color-text-muted);font-size:.95rem}tr:last-child td{border-bottom:0}.Aside,blockquote{--aside-color:var(--accent);--aside-bg:color-mix(in srgb, var(--aside-color) 8%, var(--dark-bg));position:relative;margin:1.6rem 0 1.4rem 16px;padding:1rem 1.2rem 1rem 36px;border-radius:0 .6rem .6rem .6rem;background:var(--aside-bg);border-left:3px solid var(--aside-color)}.Aside::before,blockquote::before{content:"";position:absolute;top:0;left:-19px;width:37px;height:37px;border-radius:50%;background:var(--dark-bg);border:2px solid var(--aside-color);display:flex;align-items:center;justify-content:center}.Aside::after,blockquote::after{content:"i";position:absolute;left:-3px;top:10px;font:700 16px/1 var(--font-icons);text-transform:none;letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--aside-color)}.Aside-Label{display:block;font:700 .6rem/1 var(--font-code);text-transform:uppercase;letter-spacing:.12em;color:var(--aside-color);margin-bottom:.55rem}.Aside p:last-child,.Aside ul:last-child,.Aside ol:last-child{margin-bottom:0}.Aside.warning{--aside-color:var(--warning)}.Aside.warning::after{content:"!"}.Aside.danger{--aside-color:var(--primary)}.Aside.danger::after{content:"\e919"}.Aside.success{--aside-color:var(--success)}.Aside.success::after{content:"\e90a"}.Aside.danger::after,.Aside.success::after{top:11px;left:-8px}blockquote{--aside-color:var(--quote);font-style:italic;font-size:1rem}blockquote::after{content:"\201C";font:700 2rem/1 Georgia,serif;color:var(--quote);left:-9px}.About-Highlights{display:flex;flex-wrap:wrap;gap:.5rem}.About-Highlight{padding:.5rem .75rem;border:1px solid var(--color-accent-border);border-radius:4px;color:var(--color-accent);font:700 .7rem/1 var(--font-code);letter-spacing:.08em;text-transform:uppercase}@media(max-width:810px){.Page{display:block}.Page-Header{position:sticky;top:0;border-bottom:1px solid var(--color-border)}.Page-Header .Page-Viewport{display:flex;align-items:center;justify-content:space-between;min-height:68px;padding-block:.6rem}.Header-Logo img{width:42px;height:42px}.MenuButton{display:inline-flex}.Nav.page{margin-left:auto}.Nav.main{position:fixed;top:69px;right:0;left:0;display:grid;gap:.5rem;padding:1rem;border-bottom:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 96%,transparent);box-shadow:0 18px 50px var(--color-shadow);opacity:0;pointer-events:none;transform:translateY(-12px);transition:opacity 140ms ease,transform 240ms cubic-bezier(.22,1,.36,1)}.Nav.main[data-open]{opacity:1;pointer-events:auto;transform:translateY(0)}.Nav.main .Nav-Link{gap:.75rem;width:100%;min-height:48px;padding:.75rem;border-radius:8px;font:700 .78rem/1 var(--font-code);letter-spacing:.08em;text-transform:uppercase}.Nav.main .Nav-Link:hover,.Nav.main .Nav-Link[data-active]{background:var(--color-accent-soft)}.Nav.main .Nav-Link::before{content:"\e906";font-size:18px}.Nav.main .Nav-Link.log::before{content:"\e902"}.Nav.main .Nav-Link.project::before{content:"\e904"}.Nav.main .Nav-Link.work::before{content:"\e900"}.Nav.main .Nav-Link.about::before{content:"\e903"}.Nav.services{gap:.25rem;margin-right:.5rem;margin-left:.25rem}.Hero::before{display:none}.Hero-Actions{align-items:stretch}.Hero-Actions .Button{justify-content:center;width:100%}.Hero-Signal{display:grid;grid-template-columns:1fr 1fr}.Section-Header{align-items:start;flex-direction:column}.Section-Action{display:flex;justify-content:center}.Field.action{align-items:stretch;flex-direction:column}.Field.action .Button{width:100%}.Tool-ResultHeader{align-items:flex-start}.Design-Layout{grid-template-columns:1fr}.Design-Stack>.Button,.Design-Stack>button{flex:auto}}@media only screen and (min-width:811px){.Page{display:grid;grid-template:"navigation content" minmax(0,1fr)"navigation footer" auto/112px minmax(0,1fr)}.Page-Header{grid-area:navigation;min-height:100vh;border-right:1px solid var(--color-border)}.Page-Header .Page-Viewport{position:sticky;top:0;display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;padding:1.5rem .75rem}.Page-Content{grid-area:content;min-width:0}.Page-Footer{grid-area:footer}.Nav.page{flex:1;flex-direction:column;justify-content:space-between;width:100%;padding-top:clamp(3rem,8vh,6rem)}.Nav.main{flex-direction:column;gap:.5rem;width:100%}.Nav.main .Nav-Link{flex-direction:column;gap:.42rem;justify-content:center;width:100%;min-height:62px;padding:.55rem .25rem;border-radius:8px}.Nav.main .Nav-Link::before{content:"\e906";font-size:20px}.Nav.main .Nav-Link.log::before{content:"\e902"}.Nav.main .Nav-Link.project::before{content:"\e904"}.Nav.main .Nav-Link.work::before{content:"\e900"}.Nav.main .Nav-Link.about::before{content:"\e903"}.Nav.main .Nav-Link::after{content:"";position:absolute;top:14px;bottom:14px;left:calc(-.75rem - 1px);width:2px;border-radius:999px;background:var(--color-accent);opacity:0;transform:scaleY(.4);transition:opacity 140ms ease,transform 240ms cubic-bezier(.22,1,.36,1)}.Nav.main .Nav-Link:hover{background:var(--color-surface);transform:translateX(2px)}.Nav.main .Nav-Link[data-active]{background:var(--color-accent-soft)}.Nav.main .Nav-Link[data-active]::after{opacity:1;transform:scaleY(1)}.Nav.main .Nav-Text{font:700 .58rem/1 var(--font-code);letter-spacing:.08em;text-transform:uppercase}.Nav.services{flex-direction:row;gap:.25rem}@media(max-height:620px){.Nav.page{padding-top:1rem}.Nav.main .Nav-Link{min-height:50px}.Nav.main .Nav-Link::before{font-size:17px}}.Tool-Form{grid-template-columns:minmax(220px,.38fr)minmax(0,1fr);align-items:start}.Tool-Form .Field.code{grid-column:2;grid-row:1/span 2}.Tool-Form .Field.action{align-self:end}}.Listing.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:clamp(1.25rem,3vw,2rem)}.Listing-Item{position:relative;display:flex;min-width:0;flex-direction:column;gap:.75rem;border:0;color:inherit;text-decoration:none}.Listing-Image{width:100%;aspect-ratio:16/9;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);object-fit:cover;transition:filter 240ms ease,transform 240ms cubic-bezier(.22,1,.36,1),border-color 140ms ease}.Listing-Date{color:var(--color-accent);font:700 .7rem/1.4 var(--font-code);letter-spacing:.08em;text-transform:uppercase}.Listing-Title{color:var(--color-text);font:700 clamp(1.25rem,2.5vw,1.65rem)/1.2 var(--font);letter-spacing:-.03em;text-decoration:none;transition:color 140ms ease}.Listing-Text{margin:0;color:var(--color-text-muted);font-size:.95rem;line-height:1.65}.Listing-Link{align-self:flex-start;margin-top:auto;padding-top:.5rem;color:var(--color-accent);font:700 .7rem/1 var(--font-code);letter-spacing:.08em;text-transform:uppercase}.Listing-Link::after{content:" →"}.Listing.card,.Listing.work{grid-template-columns:repeat(auto-fit,minmax(min(100%,21rem),1fr))}.Listing.card .Listing-Item,.Listing.work .Listing-Item{min-height:100%;padding:1.5rem;border:1px solid var(--color-border);border-radius:14px;background:linear-gradient(145deg,var(--color-surface-raised),var(--color-surface));box-shadow:0 1px 0 var(--color-inset-highlight)inset;transition:border-color 140ms ease,box-shadow 240ms ease,transform 240ms cubic-bezier(.22,1,.36,1)}.Listing.card .Listing-Title,.Listing.work .Listing-Title{position:relative;z-index:1}.Listing.work .Listing-Thumbnail{display:flex;align-items:center;justify-content:center;height:150px;margin-bottom:.5rem;padding:1rem;border-radius:8px;background:var(--color-white)}.Listing.work .Listing-Thumbnail img{width:auto;max-width:100%;max-height:100%;object-fit:contain}.Listing-Stack{display:flex;flex-wrap:wrap;gap:.38rem}.Listing-Stack-Item{padding:.25rem .5rem;border:1px solid var(--color-accent-border);border-radius:4px;color:var(--color-accent);font:700 .625rem/1 var(--font-code);letter-spacing:.08em;text-transform:uppercase}.Listing.numbered{counter-reset:item-counter}.Listing.numbered .Listing-Item{counter-increment:item-counter;overflow:hidden}.Listing.numbered .Listing-Item::before{content:counter(item-counter,decimal-leading-zero);position:absolute;right:.75rem;bottom:-.55rem;color:var(--color-accent);font:700 5.5rem/1 var(--font-code);opacity:.055;pointer-events:none}.Listing.article .Listing-Item:first-child{grid-column:1/-1}.Listing.article .Listing-Item:first-child .Listing-Image{max-height:500px}.Listing.article .Listing-Item:first-child .Listing-Title{font-size:clamp(1.7rem,4vw,2.65rem)}@media(hover:hover){.Listing-Item[href]:hover .Listing-Image{border-color:var(--color-accent-border);filter:brightness(.72)saturate(.9);transform:translateY(-3px)}.Listing-Item[href]:hover .Listing-Title,.Listing-Title:hover{color:var(--color-accent)}.Listing.card .Listing-Item:hover,.Listing.work .Listing-Item:hover{border-color:var(--color-accent-border);box-shadow:0 18px 50px var(--color-shadow);transform:translateY(-3px)}}@media(max-width:810px){.Listing.article .Listing-Item:first-child{grid-column:auto}.Listing.work .Listing-Thumbnail{height:128px}}@media(min-width:1100px){.Listing.article{grid-template-columns:repeat(2,minmax(0,1fr))}.Listing.article .Listing-Item:first-child{display:grid;grid-template-columns:minmax(0,1.7fr)minmax(250px,.8fr);grid-template-rows:auto auto 1fr;column-gap:2rem}.Listing.article .Listing-Item:first-child .Listing-Image{grid-row:1/-1}}