:root { color-scheme: light; --paper:#f7f5ef; --ink:#253238; --muted:#667174; --line:#d8dcd8; --accent:#bd5a3a; --card:#fffefa; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; font-size:16px; line-height:1.65; }
    a { color:inherit; text-underline-offset:4px; }
    a:hover { color:var(--accent); }
    a:focus-visible { outline:2px solid var(--accent); outline-offset:5px; }
    .wrap { width:min(100% - 48px, 1050px); margin:auto; }
    header { border-bottom:1px solid var(--line); }
    nav { min-height:84px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
    .mark { font-family:Georgia,'Times New Roman',serif; font-size:2rem; line-height:1; text-decoration:none; font-weight:700; letter-spacing:-.07em; }
    .navlinks { display:flex; gap:30px; font-size:.92rem; }
    .navlinks a { text-decoration:none; }
    main { padding-bottom:80px; }
    .intro { padding:106px 0 105px; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr); gap:60px; align-items:end; }
    .eyebrow { color:var(--accent); font-size:.82rem; letter-spacing:.16em; text-transform:uppercase; font-weight:700; }
    h1,h2,h3,p { margin-top:0; }
    h1,h2 { font-family:Georgia,'Times New Roman',serif; font-weight:400; letter-spacing:-.055em; }
    h1 { font-size:clamp(4.4rem,10vw,8.5rem); line-height:.96; margin:20px 0 30px; }
    .lede { font-size:clamp(1.25rem,2.2vw,1.65rem); line-height:1.5; max-width:660px; margin-bottom:0; }
    .aside { border-top:2px solid var(--ink); padding-top:18px; color:var(--muted); font-size:.96rem; }
    .aside strong { color:var(--ink); font-weight:600; }
    section { border-top:1px solid var(--line); padding:72px 0; }
    .sectionhead { display:flex; align-items:baseline; justify-content:space-between; gap:25px; margin-bottom:36px; }
    h2 { font-size:clamp(2.5rem,5vw,4.25rem); line-height:1.08; margin:0; }
    .sectionnote { color:var(--muted); max-width:300px; margin:0; font-size:.95rem; }
    .projects { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
    article { background:var(--card); border:1px solid var(--line); min-height:330px; padding:27px; display:flex; flex-direction:column; transition:transform .2s,border-color .2s; }
    article.featured { grid-column:span 2; background:#eeeae1; }
    article:hover { transform:translateY(-4px); border-color:#a6b1b1; }
    .number { color:var(--accent); font-family:Georgia,'Times New Roman',serif; font-size:1.2rem; }
    h3 { font-family:Georgia,'Times New Roman',serif; font-size:1.7rem; font-weight:400; line-height:1.18; letter-spacing:-.035em; margin:42px 0 14px; }
    article p { color:var(--muted); font-size:.96rem; margin-bottom:24px; }
    .tag { margin-top:auto; font-size:.75rem; text-transform:uppercase; letter-spacing:.13em; color:var(--accent); font-weight:700; }
    .projectlink { display:inline-block; margin-top:15px; font-size:.95rem; font-weight:600; }
    .pagelead { padding:90px 0 70px; max-width:850px; }
    .pagelead h1 { font-size:clamp(3.5rem,8vw,6.5rem); margin-bottom:25px; }
    .pagelead .lede { max-width:780px; }
    .story { display:grid; grid-template-columns:minmax(180px,.42fr) minmax(0,1fr); gap:60px; }
    .story h2 { font-size:clamp(2.2rem,4vw,3.4rem); }
    .story p { font-size:1.08rem; max-width:690px; }
    .story p + p { color:var(--muted); }
    .samples { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
    .samples article { min-height:250px; }
    .plainlink { font-weight:600; }
    .aboutgrid { display:grid; grid-template-columns:1fr 1fr; gap:80px; }
    .aboutgrid p { font-size:1.08rem; max-width:470px; }
    .aboutgrid p:last-child { color:var(--muted); }
    .contact { display:flex; justify-content:space-between; align-items:end; gap:30px; }
    .contact p { font-size:1.08rem; color:var(--muted); max-width:510px; margin:20px 0 0; }
    .contact a { font-family:Georgia,'Times New Roman',serif; font-size:clamp(1.4rem,3vw,2rem); white-space:nowrap; }
    footer { border-top:1px solid var(--line); padding:28px 0 42px; color:var(--muted); font-size:.88rem; }
    @media(max-width:760px) { .wrap{width:min(100% - 36px,1050px)} nav{min-height:70px;flex-wrap:wrap;padding:16px 0} .navlinks{gap:18px;flex-wrap:wrap} .intro{grid-template-columns:1fr;gap:45px;padding:76px 0} h1{font-size:clamp(4.3rem,18vw,7rem)} .aside{max-width:400px} .sectionhead{display:block} .sectionnote{margin-top:14px} .projects,.samples{grid-template-columns:1fr} article.featured{grid-column:auto} article{min-height:260px} h3{margin-top:25px} .aboutgrid,.story{grid-template-columns:1fr;gap:12px} .contact{display:block} .contact a{display:inline-block;margin-top:28px} section{padding:55px 0} .pagelead{padding:70px 0 60px} }
    @media(prefers-reduced-motion:reduce) { html{scroll-behavior:auto} article{transition:none} }