@import "https://fonts.googleapis.com/css2?family=Inclusive+Sans:ital,wght@0,300..700;1,300..700&display=swap";html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;vertical-align:baseline;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#0b0b0c;--ink-2:#131315;--bone:#ece7de;--bone-dim:#8d887f;--rule:#ece7de21;--accent:#d99a4e;--gutter:clamp(1.25rem, 4vw, 3.5rem);--shell:84rem}html{color:var(--bone);background:var(--ink);-webkit-font-smoothing:antialiased;font-family:Inclusive Sans,system-ui,sans-serif}.shell{max-width:var(--shell);padding-inline:var(--gutter);margin-inline:auto}.masthead{flex-direction:column;justify-content:flex-end;min-height:min(52svh,28rem);padding-block:clamp(2.5rem,8vh,5rem) clamp(2rem,6vh,3.5rem);display:flex}.masthead h1{letter-spacing:-.025em;font-size:clamp(3rem,8vw,6rem);font-weight:300;line-height:.94}.masthead .role{color:var(--bone-dim);text-transform:uppercase;letter-spacing:.22em;margin-top:.7rem;font-size:clamp(.78rem,1.4vw,.95rem);font-weight:500}.masthead .pitch{text-wrap:pretty;max-width:54ch;padding-top:clamp(1.5rem,4vh,2.2rem);font-size:1.2rem;font-weight:300;line-height:1.4}.work{grid-template-columns:minmax(13rem,19rem) minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4.5rem);padding-block:clamp(2rem,6vh,3.5rem) clamp(4rem,12vh,8rem);display:grid}.index-col{top:var(--gutter);position:sticky}.contact{border-top:1px solid var(--rule);margin-top:2rem;padding-block:clamp(2rem,6vh,3rem) clamp(3rem,9vh,5rem)}.contact h2{color:var(--bone-dim);text-transform:uppercase;letter-spacing:.22em;font-size:.7rem;font-weight:500}.contact dl{grid-template-columns:minmax(6.5rem,auto) 1fr;gap:.4rem 1.5rem;margin-top:1.2rem;font-size:.9rem;display:grid}.contact dt{color:var(--bone-dim);text-transform:uppercase;letter-spacing:.14em;padding-top:.2rem;font-size:.68rem;font-weight:500}.contact a{color:var(--bone);text-underline-offset:.2em;text-decoration:underline;-webkit-text-decoration-color:var(--rule);text-decoration-color:var(--rule)}.contact a:hover{-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.contact .empty{color:var(--bone-dim)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (width<=60rem){.masthead{min-height:0}.work{grid-template-columns:minmax(0,1fr);gap:clamp(2.5rem,8vw,4rem)}.screen-col{order:-1;scroll-margin-top:1rem}.index-col{position:static}}