:root{--paper:#f3f0e6;--ink:#233e34;--muted:#59665a;--line:#c9cdbb;--accent:#526b38;--night:#07130e;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 'Trebuchet MS',sans-serif}a,button{color:inherit}a{text-underline-offset:5px}button{font:inherit;cursor:pointer;background:none;border:0;min-height:44px}a:hover,button:hover{color:var(--accent)}:focus-visible{outline:3px solid #a66e30;outline-offset:5px}.sample{padding:7px 5%;text-align:center;font:10px/1.5 'Courier New',monospace;letter-spacing:.1em;background:#e4e6d9;color:#4c5d4d}.nav,main,footer{max-width:1360px;margin:auto;padding-left:6%;padding-right:6%}.nav{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:25px;padding-bottom:25px}.brand{text-decoration:none;font-size:14px;letter-spacing:.015em}.mark{color:#768d41;font-size:28px;vertical-align:middle;margin-right:9px}.nav nav,footer>div:last-child{display:flex;align-items:center;gap:26px;font-size:13px}.nav nav a,footer a{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.intro{padding:64px 0 44px}.kicker,.meta,.status,.field-label{font:11px/1.5 'Courier New',monospace;letter-spacing:.055em}.kicker{color:var(--muted)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.08}h1{font-size:clamp(64px,8vw,112px);margin:18px 0 22px}.title-dot{color:#7a8d50}.intro>p{font:clamp(22px,2.5vw,33px)/1.4 Georgia,serif;letter-spacing:-.02em;color:var(--muted);max-width:680px}.A .intro>p br{display:none}.A .intro{max-width:850px}.A .intro>p{max-width:680px}.featured{display:grid;grid-template-columns:1.65fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;gap:40px;align-items:center}.feature-art{position:relative}.field{position:relative;overflow:hidden;isolation:isolate;height:350px;background:var(--night)}.field-label{position:absolute;bottom:18px;left:20px;color:#b6c39a;pointer-events:none}.fly{position:absolute;border-radius:50%;background:#dfee68;box-shadow:0 0 3px 1px #c8e34055,0 0 10px 3px #aec63218;opacity:0;pointer-events:none;transform:translate(-50%,-50%)}.fly.soft{background:#d8e75d;filter:blur(1.6px);box-shadow:0 0 5px 2px #c1d64844}.caption{padding:24px 0 12px}.caption .meta{color:var(--accent)}.caption h2{font-size:34px;margin:12px 0 16px}.caption p{color:var(--muted);font-size:15px;max-width:400px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.status{color:var(--muted);font-size:10px}.status:before{content:'◦';margin-right:7px;color:var(--accent)}.explore{padding:8px 0;font-size:13px;border-bottom:1px solid currentColor;white-space:nowrap}.explore span[aria-hidden]{padding-left:12px}.collection-head{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin:56px 0 24px}.collection-head h2{font-size:28px;margin:0}.collection-head .meta{color:var(--muted)}.grid{display:grid;gap:36px}.two{grid-template-columns:1fr 1fr}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.card{min-width:0}.drawing{height:235px;overflow:hidden;display:grid;place-items:center;background:#e1e5d8;color:#677b50}.drawing svg{width:100%;height:100%}.drawing-2{background:#ebe0cc;color:#927244}.grid .caption h2{font-size:30px}.card .field{height:235px}footer{margin-top:80px;border-top:1px solid var(--line);padding-top:28px;padding-bottom:38px;display:flex;justify-content:space-between;gap:30px}footer p{font-size:12px;color:var(--muted);margin:8px 0 0}.motion{position:fixed;bottom:18px;right:18px;border:1px solid #818e70;background:#f3f0e6;color:#233e34;border-radius:30px;padding:10px 18px;font-size:12px;z-index:5;box-shadow:0 3px 14px #0001}.B .split{display:grid;grid-template-columns:1fr 1.15fr;gap:9%;padding-top:32px}.B aside{align-self:start;position:sticky;top:20px}.B .intro{padding-top:20px}.B h1{font-size:88px}.B .intro>p{font-size:30px}.aside-note{color:var(--muted);font-size:14px;margin:30px 0}.text-link{display:inline-block;min-height:44px;font-size:14px}.vertical .card{border-bottom:1px solid var(--line);padding:0 0 28px;margin-bottom:36px}.vertical .field{height:380px}.vertical .drawing{height:280px}.B .caption h2{font-size:36px}.C .intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;padding:38px 0 32px;border-bottom:1px solid var(--line)}.C .intro .kicker{grid-column:1/-1}.C h1{font-size:82px;margin-bottom:0}.C .intro p{font-size:24px;margin:0}.C .intro p br{display:none}.C .collection-head{margin-top:28px}.C .caption h2{font-size:27px}.C .card-bottom{display:block}.C .status{display:block;margin-bottom:10px}.C .end-note{margin:54px 0 0;padding:24px 0;border-top:1px solid var(--line);font:20px/1.5 Georgia,serif}.end-note a{font:13px/2 'Trebuchet MS',sans-serif;color:var(--muted)}.D .intro{display:flex;align-items:end;justify-content:space-between;gap:30px;padding:40px 0}.D .kicker{display:none}.D h1{font-size:88px;margin:0}.D .intro p{font-size:25px;margin:0}.D .intro .optional{display:none}.workbench{display:grid;grid-template-columns:270px 1fr;border:1px solid var(--line)}.choices{padding:16px;background:#e5e8dc}.choices button{display:block;text-align:left;padding:24px 16px;width:100%;position:relative;border-bottom:1px solid var(--line)}.choices strong{display:block;font:25px/1.2 Georgia,serif;letter-spacing:-.02em;margin:12px 20px 0 0;font-weight:400}.choices button>span:last-child{position:absolute;right:14px;bottom:22px}.choices button[aria-pressed=true]{background:#233e34;color:#f3f0e6}.choices button:hover{outline:1px solid var(--muted)}#specimen{min-width:0}#specimen .field,#specimen .drawing{height:330px}#specimen .caption{padding:24px 32px}details{border-top:1px solid var(--line);padding:16px 32px}summary{cursor:pointer;min-height:44px;align-content:center;font-size:14px}details p{font-size:14px;color:var(--muted);max-width:600px}.E{--paper:#101b14;--ink:#e8e7d3;--muted:#b0baa4;--line:#3b4938;--accent:#cfdd8a;color-scheme:dark}.E .sample{background:#19271c;color:#b0baa4}.E .nav{border-bottom:1px solid var(--line)}.E main{max-width:none;padding:0}.night{min-height:620px;position:relative;isolation:isolate;padding:64px max(6%,calc((100vw - 1200px)/2)) 38px;display:flex;flex-direction:column;justify-content:space-between}.night>.field{position:absolute;inset:0;height:100%;z-index:-2}.night:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07130ee8,transparent 85%);pointer-events:none}.E .intro{padding:0}.E h1{font-size:clamp(90px,12vw,164px);margin-top:24px}.E .intro p{font-size:28px;max-width:440px}.night-bottom{display:flex;gap:30px;align-items:center;flex-wrap:wrap;margin-top:38px}.night-bottom>a{margin-left:auto;font-size:12px}.E #collection{max-width:1360px;margin:auto;padding:0 6%}.E .drawing-1{background:#26382b;color:#a3b48a}.E .drawing-2{background:#3b3825;color:#d0b67c}.E .title-dot{color:#d6e781}.E .motion{background:#18281b;color:#dde5bb}dialog{width:640px;max-width:calc(100% - 32px);max-height:85vh;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:32px}dialog::backdrop{background:#07130eaa}dialog h2{font-size:42px;margin:20px 0}dialog h3{font-size:24px;margin-top:26px}dialog p{color:var(--muted)}.close{float:right;font-size:28px;padding:0 10px}.skip{position:fixed;top:-100px;background:var(--paper);padding:12px;z-index:100}.skip:focus{top:10px}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.annotating [data-comment]:hover{outline:3px dashed #be843c;outline-offset:4px;cursor:crosshair}[hidden]{display:none!important}
@media(max-width:750px){.nav,main,footer{padding-left:24px;padding-right:24px}.nav{flex-wrap:wrap;gap:6px}.nav nav{gap:20px;width:100%}.intro{padding:34px 0 24px}h1{font-size:70px}.intro>p{font-size:25px}.featured,.two,.three,.B .split,.workbench{grid-template-columns:1fr}.featured{gap:0}.field,.vertical .field{height:300px}.collection-head{display:block;margin-top:36px}.collection-head .meta{display:block;margin-top:12px}.grid{gap:28px}.B aside{position:static}.B .intro{padding:10px 0}.B h1{font-size:70px}.B .intro p{font-size:25px}.B .split{gap:24px;padding-top:20px}.aside-note{margin:12px 0}.C .intro{display:block}.C h1{font-size:70px;margin-bottom:20px}.C .intro p{font-size:25px}.C .card-bottom{display:flex}.C .status{margin:0}.D .intro{display:block;padding:24px 0}.D h1{font-size:70px;margin-bottom:20px}.D .intro p{font-size:24px}.D .intro p br{display:none}.choices{display:flex;overflow-x:auto;padding:8px}.choices button{min-width:175px;padding:16px 12px}.choices strong{font-size:21px}.choices button>span:last-child{display:none}#specimen .caption,details{padding:20px}#specimen .field,#specimen .drawing{height:280px}.night{padding:42px 24px 28px;min-height:640px}.E h1{font-size:84px}.E .intro p{font-size:26px}.night-bottom{gap:18px}.night-bottom .meta{width:100%}.night-bottom>a{margin:0;width:100%}.E #collection{padding:0 24px}footer{margin-top:48px;display:block;padding-bottom:85px}footer>div:last-child{margin-top:20px}.motion{bottom:12px;right:12px}.card .field,.drawing{height:240px}.caption h2,.grid .caption h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Shared project and post pages */

a.explore{display:inline-block;min-height:44px;text-decoration:none}.editorial-feature{position:relative;padding:30px 32px;margin:22px 0 42px;background:#e4e8d8;border-left:3px solid #78874c}.editorial-feature h2{font-size:clamp(32px,4vw,48px);margin:16px 0}.editorial-feature h2 a{text-decoration:none}.editorial-feature p{max-width:620px;color:var(--muted);font-size:18px}.editorial-feature .text-link{margin:0}.other-posts{border-top:1px solid var(--line);margin-top:44px;padding-top:10px}.post-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.post-row{padding:24px 0;border-top:1px solid var(--line);min-width:0}.post-row h3{font-size:25px;line-height:1.2;margin:12px 0}.post-row h3 a{text-decoration:none}.post-row h3 span{font:16px 'Trebuchet MS',sans-serif}.post-row p{font-size:14px;color:var(--muted);max-width:550px}.parent-project{display:inline-block;min-height:44px;font-size:12px;color:var(--accent);text-decoration:none}.F .post-grid,.H .post-grid{grid-template-columns:1fr}.F .editorial-feature{padding:26px;margin-top:12px}.F .editorial-feature h2{font-size:36px}.I .editorial-feature{background:#23382be8;border-left-color:#b8c779;max-width:100%;margin-top:12px}.I .post-row{background:#142319e8;padding:24px}.I .post-grid{gap:20px}.J .editorial-feature{margin-top:36px}.G .editorial-feature{margin-top:40px}.collection-head{flex-wrap:wrap}.other-posts .collection-head h2{font-size:28px}.resource-page main{max-width:none!important;padding:0!important}.resource-head{padding:32px max(6%,calc((100vw - 1100px)/2)) 44px}.resource-head h1{font-size:clamp(48px,7vw,88px);max-width:950px;margin:22px 0}.resource-head p{font:25px/1.5 Georgia,serif;max-width:740px;color:#c3cbb2}.breadcrumbs{display:block;margin-bottom:30px;font-size:13px}.resource-layout{max-width:1200px;margin:44px auto;display:grid;grid-template-columns:200px minmax(0,1fr);gap:60px;padding:0 6%}.resource-index{position:sticky;top:24px;align-self:start;display:flex;flex-direction:column;font-size:13px}.resource-index a{padding:12px 0;min-height:44px;text-decoration:none}.resource-index .meta{margin-bottom:18px}.resource-body section{margin-bottom:52px;scroll-margin-top:28px}.resource-body h2,.post-body h2{font-size:34px;margin:16px 0}.lede{font:23px/1.6 Georgia,serif;color:var(--muted)}.resource-body .drawing{height:280px;margin-top:30px}.resource-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:30px}.resource-cards article{border-top:1px solid var(--line);padding-top:20px}.resource-cards h3{font-size:25px}.resource-cards p{font-size:14px;color:var(--muted)}.resource-body>.post-row{padding:24px 0}.post-body{max-width:760px;margin:48px auto;padding:0 24px}.post-body section{margin:40px 0}.post-body p{line-height:1.8}.post-project-link{padding:26px;background:#e4e8d8;margin:40px 0}.I .post-project-link{background:#23382b}.fixture-note{font-size:12px;color:var(--muted)}.resource-page footer{margin-top:48px}.resource-body .post-row h3{font-size:27px}.resource-body section>p{color:var(--muted)}
@media(max-width:1000px){.resource-layout{gap:30px;grid-template-columns:160px minmax(0,1fr)}.resource-cards{grid-template-columns:1fr}.resource-cards article{padding-top:12px}.resource-cards h3{margin-bottom:8px}}
@media(max-width:750px){.editorial-feature{padding:24px;margin:24px 0 32px}.editorial-feature h2{font-size:34px}.editorial-feature p{font-size:17px}.post-grid{grid-template-columns:1fr}.other-posts .collection-head .meta{max-width:280px}.resource-head{padding:26px 24px 34px}.resource-head h1{font-size:50px}.resource-head p{font-size:23px}.resource-layout{display:block;padding:0 24px;margin-top:28px}.resource-index{position:static;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:32px}.resource-index .meta{margin-bottom:4px}.resource-index a{padding:8px 0}.resource-body h2,.post-body h2{font-size:30px}.lede{font-size:21px}.resource-body .drawing{height:220px}.H .editorial-feature{padding:20px}.H .editorial-feature h2{font-size:30px}}
.resource-page .resource-head{position:relative;top:auto;min-height:0;padding:32px max(6%,calc((100vw - 1100px)/2)) 44px}.resource-page .resource-head h1{font-size:clamp(48px,7vw,88px)}@media(max-width:750px){.resource-page .resource-head{padding:26px 24px 34px}.resource-page .resource-head h1{font-size:50px}}