:root{color-scheme:light;--paper: #d94b1a;--paper-deep: #a82714;--ink: #120907;--muted: rgba(18, 9, 7, .72);--rule: rgba(18, 9, 7, .2);--rule-strong: rgba(18, 9, 7, .34);--accent: #fff1e3;--accent-soft: rgba(255, 241, 227, .17);--display: "Newsreader", "Iowan Old Style", "Palatino Linotype", serif;--sans: "Manrope", "Avenir Next", "Segoe UI", sans-serif;--mono: "IBM Plex Mono", "SFMono-Regular", monospace;--page-padding: clamp(1.2rem, 2vw, 2rem);--title-size: clamp(4.9rem, 10.2vw, 10.2rem);--body-size: clamp(.98rem, 1.05vw, 1.05rem);font-family:var(--sans);color:var(--ink)}*,*:before,*:after{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;min-height:100svh;font-family:var(--sans);text-rendering:optimizeLegibility;background:radial-gradient(circle at 86% 14%,rgba(255,132,74,.16),transparent 22rem),linear-gradient(180deg,rgba(255,210,171,.08),transparent 20rem),linear-gradient(180deg,var(--paper),var(--paper-deep))}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}#app{min-height:100vh;min-height:100svh}.shell{position:relative;min-height:100vh;min-height:100svh;padding:var(--page-padding);overflow:hidden}.shell:before{content:"";position:absolute;top:var(--page-padding);bottom:var(--page-padding);left:64.5%;width:1px;background:linear-gradient(180deg,transparent,var(--rule-strong) 12%,var(--rule-strong) 88%,transparent);opacity:.6}.shell__grain{position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 64.5%,rgba(255,241,227,.12) 64.5%,rgba(255,241,227,.12) calc(64.5% + 1px),transparent calc(64.5% + 1px)),repeating-linear-gradient(180deg,transparent 0 15px,rgba(18,9,7,.016) 15px 16px);opacity:.52;pointer-events:none}.hero{position:relative;z-index:1;min-height:calc(100vh - (var(--page-padding) * 2));min-height:calc(100svh - (var(--page-padding) * 2));display:grid;grid-template-columns:minmax(0,1.45fr) minmax(18rem,.92fr);gap:clamp(2rem,4vw,4.6rem);align-items:stretch}.hero__identity{position:relative;display:flex;align-items:flex-start;padding-top:clamp(1rem,5vh,4rem)}.hero__title{margin:0;font-family:var(--display);font-size:var(--title-size);font-weight:500;line-height:.81;letter-spacing:-.068em}.hero__line{display:block}.hero__line--2{margin-left:clamp(1.2rem,3vw,2.8rem)}.hero__line--3{margin-left:clamp(.3rem,5vw,5.4rem)}.hero__links{align-self:end;display:grid;align-content:end;padding-bottom:clamp(.6rem,3vh,1.8rem)}.project{display:grid;grid-template-columns:2.9rem minmax(0,1fr) auto;gap:1rem;padding:clamp(1.05rem,1.5vw,1.3rem) 0;text-decoration:none;border-top:1px solid var(--rule);transition:transform .18s ease,color .18s ease}.project:first-child{border-top-color:var(--rule-strong)}.project:last-child{border-bottom:1px solid var(--rule)}.project:hover{transform:translate(10px)}.project:hover .project__title,.project:hover .project__arrow{color:var(--accent)}.project:hover .project__arrow{transform:translate(.28rem,-.12rem)}.project__index{padding-top:.55rem;color:var(--muted);font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase}.project__content{display:grid;gap:.3rem;max-width:30rem}.project__title{font-family:var(--display);font-size:clamp(2rem,3vw,3.2rem);line-height:.94;letter-spacing:-.04em}.project__arrow{color:var(--accent);font-size:clamp(1.28rem,1.5vw,1.55rem);line-height:1;padding-top:.45rem;transition:transform .18s ease,color .18s ease}.project__caption{color:var(--muted);font-size:var(--body-size);line-height:1.38;max-width:28ch}.hero__links{animation:rise .7s cubic-bezier(.2,.8,.2,1) backwards}.hero__links{animation-delay:.12s}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.shell:before{display:none}.shell__grain{background:repeating-linear-gradient(180deg,transparent 0 15px,rgba(18,9,7,.016) 15px 16px)}.hero{grid-template-columns:1fr;min-height:auto;gap:2rem}.hero__identity{padding-top:.4rem}.hero__title{font-size:clamp(3.8rem,17vw,7rem)}.hero__line--2,.hero__line--3{margin-left:0}.hero__links{padding-bottom:0;align-self:auto}}@media(max-width:640px){.shell{padding:.9rem}.hero{gap:1.5rem}.project{grid-template-columns:2rem minmax(0,1fr) auto;gap:.85rem}.project__title{font-size:clamp(1.95rem,8.8vw,2.6rem)}.project__caption{max-width:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.project:hover,.project:hover .project__arrow{transform:none}}