@font-face{font-family:Resume Sans;src:local(Hiragino Sans),local(Yu Gothic)}:root{--font-sans:"Resume Sans", "Hiragino Sans", "Yu Gothic", sans-serif;--font-display:"Helvetica Neue", Arial, sans-serif;--ink:#17223b;--paper:#f2f0e9;--line:#17223b2e;--blue:#3159e8;--red:#ec5b4e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-sans), sans-serif;margin:0}a{color:inherit;text-decoration:none}.site-nav{z-index:10;justify-content:space-between;align-items:center;padding:28px clamp(24px,5vw,76px);display:flex;position:absolute;inset:0 0 auto}.wordmark{font-family:var(--font-display), sans-serif;letter-spacing:-.08em;font-size:1.35rem;font-weight:700}.wordmark span{color:var(--red)}.nav-links{font:500 .72rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.12em;gap:2rem;display:flex}.nav-links a{border-bottom:1px solid #0000;padding-bottom:.25rem;transition:border-color .2s}.nav-links a:hover{border-color:currentColor}.hero{border-bottom:1px solid var(--line);flex-direction:column;justify-content:center;min-height:100svh;padding:120px clamp(24px,8vw,128px) 70px;display:flex;position:relative;overflow:hidden}.hero:before{content:"";aspect-ratio:1;border:clamp(22px, 5vw, 72px) solid var(--blue);opacity:.94;z-index:-1;border-radius:50%;width:min(44vw,620px);position:absolute;top:14vh;right:-9vw}.hero:after{content:"";background:var(--red);width:12px;height:36vh;position:absolute;bottom:0;left:3.8vw}.hero-kicker,.section-label{font:500 .7rem/1 var(--font-display), sans-serif;letter-spacing:.15em;text-transform:uppercase}.hero h1{letter-spacing:-.08em;max-width:1000px;margin:2.5rem 0 3rem;font-size:clamp(4rem,11vw,10rem);font-weight:700;line-height:.83}.hero h1 span{font:500 clamp(1rem, 2vw, 1.75rem)/1 var(--font-display), sans-serif;letter-spacing:.22em;text-transform:uppercase;margin-top:1.1rem;display:block}.hero-bottom{grid-template-columns:minmax(260px,1fr) minmax(280px,460px);align-items:end;gap:4rem;display:grid}.hero-intro{max-width:430px;margin:0;font-size:clamp(1.05rem,1.6vw,1.35rem);font-weight:500;line-height:1.8}.role-list{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.role-list li{border-bottom:1px solid var(--line);font:500 clamp(.8rem, 1.3vw, 1rem)/1 var(--font-display);text-transform:uppercase;letter-spacing:.05em;gap:1.5rem;padding:.9rem 0;display:flex}.role-list span{color:var(--red);font-size:.65rem}.scroll-cue{font:500 .68rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:.5rem;display:flex;position:absolute;bottom:28px;right:clamp(24px,5vw,76px)}.scroll-cue svg{width:1rem}.intro-section,.system-section{padding:clamp(80px,11vw,150px) clamp(24px,8vw,128px)}.intro-section{background:var(--ink);color:var(--paper);grid-template-columns:minmax(160px,.35fr) 1fr;gap:3rem;display:grid}.statement{letter-spacing:-.04em;margin:0;font-size:clamp(2rem,4.5vw,4.4rem);line-height:1.45}.system-section{background:#dad7cc}.system-grid{border-top:1px solid var(--ink);grid-template-columns:repeat(2,1fr);margin-top:4rem;display:grid}.system-grid article{border-bottom:1px solid var(--ink);min-height:330px;padding:2rem 2rem 2rem 0}.system-grid article+article{border-left:1px solid var(--ink);padding-left:2rem}.system-grid svg{width:2rem;height:2rem;color:var(--blue);margin-bottom:5rem}.system-grid span{color:var(--red);font:500 .65rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.12em;display:block}.system-grid h2{font:500 clamp(1.5rem, 2.5vw, 2.4rem)/1.1 var(--font-display);letter-spacing:-.04em;margin:1rem 0}.system-grid p{max-width:430px;margin:0;font-size:.9rem;line-height:1.9}.content-section{background:var(--paper);padding:clamp(90px,12vw,170px) clamp(24px,8vw,128px)}.timeline{border-top:1px solid var(--ink);margin-top:4rem}.timeline-item{border-bottom:1px solid var(--line);grid-template-columns:minmax(210px,.42fr) 1fr;gap:3rem;padding:3rem 0 4rem;display:grid}.timeline-meta{font:500 .7rem/1.4 var(--font-display);letter-spacing:.06em;text-transform:uppercase;justify-content:space-between;align-items:flex-start;gap:1rem;padding-right:2rem;display:flex}.timeline-meta>span{color:var(--red)}.eyebrow{font:500 .72rem/1 var(--font-display);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem}.timeline-item h2,.project-list h2{font:500 clamp(2rem, 4vw, 4rem)/1 var(--font-display);letter-spacing:-.055em;margin:0}.body-copy{max-width:720px;margin:1.5rem 0 0;font-size:1rem;line-height:1.9}.detail-list{max-width:720px;margin:1.5rem 0 0;padding:0;list-style:none}.detail-list li{border-top:1px solid var(--line);padding:.65rem 0 .65rem 1.5rem;line-height:1.6;position:relative}.detail-list li:before{content:"↳";color:var(--blue);position:absolute;left:0}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:1.5rem;display:flex}.tag-list span{border:1px solid var(--line);font:500 .65rem/1 var(--font-display);letter-spacing:.05em;text-transform:uppercase;border-radius:999px;padding:.5rem .75rem}.projects-section{background:var(--ink);color:var(--paper)}.project-list{border-top:1px solid #f2f0e966;grid-template-columns:repeat(2,1fr);margin-top:4rem;display:grid}.project-list article{border-bottom:1px solid #f2f0e94d;min-height:440px;padding:2rem;position:relative}.project-list article:nth-child(odd){border-right:1px solid #f2f0e94d;padding-left:0}.project-no{color:var(--red);font:500 .65rem/1 var(--font-display);letter-spacing:.1em;margin-bottom:5rem;display:block}.project-list p{max-width:500px;margin:1.5rem 0 0;line-height:1.8}.project-link{font:500 .7rem/1 var(--font-display);text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.5rem;display:inline-flex;position:absolute;bottom:2rem;left:2rem}.project-list article:nth-child(odd) .project-link{left:0}.project-link svg,.links-section svg{width:1rem}.details-section{background:#dad7cc;grid-template-columns:repeat(2,1fr);gap:clamp(60px,10vw,150px);padding:clamp(90px,12vw,170px) clamp(24px,8vw,128px);display:grid}.skill-groups{border-top:1px solid var(--ink);margin-top:3rem}.skill-groups article{border-bottom:1px solid var(--line);padding:1.5rem 0}.skill-groups h2{font:500 1rem/1.2 var(--font-display);margin:0 0 .8rem}.skill-groups p,.skill-groups small{color:#17223bb8;margin:0;line-height:1.7}.links-section{grid-template-columns:.35fr 1fr;gap:3rem;padding:clamp(80px,10vw,130px) clamp(24px,8vw,128px);display:grid}.links-section>div{border-top:1px solid var(--ink)}.links-section a{border-bottom:1px solid var(--line);font:500 clamp(1.3rem, 2.5vw, 2.2rem)/1 var(--font-display);justify-content:space-between;align-items:center;padding:1.5rem 0;display:flex}footer{background:var(--red);color:#fff;font:500 .68rem/1 var(--font-display);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;padding:28px clamp(24px,5vw,76px);display:flex}@media (width<=720px){.nav-links{gap:1rem}.hero{justify-content:flex-end;min-height:780px}.hero:before{width:72vw;top:18vh;right:-28vw}.hero h1{margin-top:2rem}.hero-bottom,.intro-section,.system-grid,.timeline-item,.project-list,.details-section,.links-section{grid-template-columns:1fr}.hero-bottom{gap:2.5rem}.scroll-cue{display:none}.intro-section{gap:3rem}.system-grid article+article{border-left:0;padding-left:0}.system-grid svg{margin-bottom:3rem}.timeline-item{gap:2rem}.timeline-meta{padding-right:0}.project-list article,.project-list article:nth-child(odd){border-right:0;min-height:360px;padding:2rem 0}.project-link,.project-list article:nth-child(odd) .project-link{left:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}svg{stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round}