:root{color-scheme:light;--paper:#f6f5f1;--ink:#202121;--muted:#646660;--line:#d8d9d2;--red:#cb292e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}.page{max-width:1320px;margin:auto;padding:0 56px}a{color:inherit}a:focus-visible{outline:3px solid var(--red);outline-offset:6px}header{height:120px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:block;width:184px}.brand img{display:block;width:100%;height:auto;aspect-ratio:2073/758}.header-note{font-size:13px;color:var(--muted)}.hero{display:grid;grid-template-columns:1.7fr 1fr;align-items:center;gap:70px;padding:84px 0 90px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:700;margin:0 0 28px;display:flex;align-items:center;gap:10px}.eyebrow span{width:7px;height:7px;background:var(--red);border-radius:50%}h1{font-size:clamp(2.5rem,1.3rem + 3.1vw,4.35rem);letter-spacing:-.055em;line-height:1.08;margin:0;font-weight:600}h1 em{font-style:normal;color:var(--red)}.lead{max-width:560px;font-size:18px;line-height:1.65;color:var(--muted);margin:28px 0 30px}.work-link{font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid var(--ink);padding-bottom:9px}.work-link span{font-size:24px}.hero-mark{text-align:center}.hero-mark img{width:100%;height:auto;aspect-ratio:1326/1200;max-width:360px;display:block;margin:auto}.hero-mark span{display:block;color:var(--muted);font-size:11px;margin-top:15px;line-height:1.5}.section-head{border-top:1px solid var(--ink);padding:25px 0 30px;display:flex;align-items:center;justify-content:space-between;gap:15px}h2{font-size:30px;letter-spacing:-.035em;font-weight:500;margin:0}.section-head span{font-size:13px;color:var(--muted)}.project{display:grid;grid-template-columns:190px 1fr 170px;gap:35px;padding:34px 0 38px;border-top:1px solid var(--line)}.number{font-size:12px;color:var(--muted);padding-top:10px}h3{font-size:27px;letter-spacing:-.035em;margin:0;font-weight:500}h3 small{font-size:15px;color:var(--muted);letter-spacing:0;margin-left:8px}.project p{font-size:15px;line-height:1.7;color:var(--muted);margin:14px 0 21px;max-width:570px}.tags{display:flex;gap:15px;flex-wrap:wrap;font-size:11px;color:var(--muted)}.tags span{border-bottom:1px solid var(--line);padding-bottom:5px}.project-note,.project-link{font-size:12px;align-self:start;justify-self:end;margin-top:10px}.project-note{color:var(--muted)}.project-link{text-decoration:none;display:flex;gap:20px}.project-link:hover,.work-link:hover{color:var(--red)}.closing{border-top:1px solid var(--ink);margin-top:15px;padding:66px 0 72px;display:grid;grid-template-columns:190px 1fr 1fr;gap:35px}.closing .eyebrow{color:var(--red);padding-top:8px}.closing h2{line-height:1.2}.closing>p:last-child{font-size:15px;line-height:1.75;color:var(--muted);margin:0}footer{border-top:1px solid var(--line);padding:26px 0 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:var(--muted)}footer a{text-decoration:none}@media(max-width:900px){.page{padding:0 30px}.hero{gap:24px;padding:60px 0}.project{grid-template-columns:135px 1fr;gap:20px}.project-link,.project-note{grid-column:2;justify-self:start;margin-top:0}.closing{grid-template-columns:1fr 1fr;gap:24px}.closing .eyebrow{grid-column:1/-1;margin:0}}@media(max-width:600px){.page{padding:0 22px}header{height:90px}.brand{width:150px}.header-note{max-width:105px;font-size:11px;text-align:right;line-height:1.5}.hero{grid-template-columns:1fr;padding:44px 0 42px;gap:24px}.eyebrow{font-size:10px;margin-bottom:23px}h1{font-size:clamp(2.15rem,1rem + 5.2vw,3.2rem)}.lead{font-size:16px;margin:23px 0}.hero-mark{max-width:230px;margin:0 auto}.hero-mark span{margin-top:0}.section-head{align-items:start;flex-direction:column;padding:24px 0}h2{font-size:26px}.project{grid-template-columns:1fr;padding:27px 0;gap:15px}.number{padding:0}.project-link,.project-note{grid-column:1}.project p{margin-top:10px}h3{font-size:25px}.closing{grid-template-columns:1fr;padding:40px 0;gap:20px}footer{flex-wrap:wrap;line-height:1.5}footer span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
