:root{color-scheme:light;--cloud-dancer: oklch(95.18% .0054 95.1);--cloud-cover: oklch(66.92% .0083 17.4);--hematite: oklch(54.56% .0107 62.5);--blue-fusion: oklch(48.43% .0421 242.6);--golden-mist: oklch(84.24% .0727 99.9);--ink: oklch(22% .018 70);--blue-deep: oklch(36% .045 244);--rule-on-blue: oklch(95.18% .0054 95.1 / .34);--focus: oklch(58% .075 242.6);--page-pad: clamp(1.25rem, 4vw, 4rem);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html{min-height:100%;background:var(--cloud-dancer);color:var(--ink);text-size-adjust:100%}body{min-height:100%;margin:0;background:var(--cloud-dancer);font-family:inherit;line-height:1.35;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--golden-mist);color:var(--ink)}img{display:block;max-width:100%}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.18em}a:focus-visible{outline:2px solid var(--focus);outline-offset:.24rem}.skip-link{position:fixed;inset:1rem auto auto 1rem;z-index:10;padding:.7rem .85rem;background:var(--ink);color:var(--cloud-dancer);transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.page{min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(2rem,7vw,5rem);padding:max(1.25rem,env(safe-area-inset-top)) max(var(--page-pad),env(safe-area-inset-right)) max(1.25rem,env(safe-area-inset-bottom)) max(var(--page-pad),env(safe-area-inset-left))}.intro{align-self:center;display:grid;gap:clamp(1rem,2.5vw,1.5rem);max-width:48rem}.palette-line{display:grid;grid-template-columns:8rem 8rem 8rem;width:min(100%,24rem);height:.72rem;margin-bottom:clamp(4rem,13vh,10rem)}.palette-line span:nth-child(1){border:1px solid oklch(54.56% .0107 62.5 / .28);background:var(--cloud-dancer)}.palette-line span:nth-child(2){background:var(--blue-fusion)}.palette-line span:nth-child(3){background:var(--golden-mist)}.eyebrow{margin:0;color:var(--blue-fusion);font-size:clamp(.78rem,.72rem + .22vw,.92rem);font-weight:700;letter-spacing:.17em;text-transform:uppercase}h1{max-width:8.8ch;margin:0;color:var(--ink);font-size:clamp(3.2rem,12vw,8.8rem);font-weight:710;letter-spacing:-.1em;line-height:.86}.summary{max-width:30rem;margin:0;color:var(--blue-deep);font-size:clamp(1.22rem,1rem + 1vw,1.85rem);font-weight:420;letter-spacing:-.045em;line-height:1.1;text-wrap:balance}.contact-links{display:grid;justify-items:start;gap:.15rem}.contact-links a{width:fit-content;min-height:2.2rem;display:inline-flex;align-items:center;color:var(--blue-fusion);font-size:clamp(1rem,.95rem + .28vw,1.25rem);text-decoration-color:#4a627580}.twitter{color:var(--hematite)}.work{display:grid;align-content:end;gap:clamp(1.75rem,4vw,3.5rem);background:var(--blue-fusion);color:var(--cloud-dancer);padding:clamp(1.25rem,3.2vw,2.65rem)}.portrait{width:clamp(7rem,18vw,12rem);margin:0;background:var(--golden-mist);overflow:hidden}.portrait img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 42%;filter:grayscale(1) contrast(1.08);mix-blend-mode:multiply;opacity:.9}.site-list{display:grid;gap:0;margin:0;padding:0;list-style:none}.site-list li{display:grid;grid-template-columns:2.7rem minmax(0,1fr);align-items:baseline;gap:1.05rem;padding:clamp(1rem,2vw,1.45rem) 0;border-top:1px solid var(--rule-on-blue)}.site-list li:last-child{border-bottom:1px solid var(--rule-on-blue)}.site-list span{color:var(--golden-mist);font-size:.72rem;letter-spacing:.16em}.site-list a{width:fit-content;color:var(--cloud-dancer);font-size:clamp(1.75rem,3.8vw,3.35rem);font-weight:650;letter-spacing:-.08em;line-height:.95;text-decoration:none}@media(hover:hover){.contact-links a:hover,.site-list a:hover{text-decoration-line:underline;text-decoration-thickness:2px}}@media(min-width:1020px){.page{grid-template-columns:minmax(0,1fr) minmax(22rem,34vw);padding:clamp(2rem,4vw,4rem)}.intro{padding-right:clamp(2rem,5vw,5rem)}h1{font-size:clamp(4.8rem,8.8vw,8.2rem)}}@media(max-width:759px){.page{align-content:start;padding-bottom:max(1.25rem,env(safe-area-inset-bottom))}.intro{align-self:start}.palette-line{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:clamp(3rem,10vh,5rem)}.work{margin-inline:calc(var(--page-pad) * -1)}}