:root{--paper:#f5efe3;--ink:#302b24;--muted:#6f6254;--rule:#c5b7a0;--red:#8b2827;--mono:'Courier New',Courier,monospace;--body:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23756240' opacity='.035' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}a{color:inherit;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid var(--red);outline-offset:6px}.skip{position:fixed;left:1rem;top:-5rem;background:var(--paper);padding:1rem;z-index:10}.skip:focus{top:1rem}.shell{max-width:1400px;margin:auto;padding:0 46px}.masthead{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:25px 0;border-bottom:1px solid var(--rule);font:12px var(--mono)}.brand{text-decoration:none;font-size:16px;font-weight:bold}.brand em{color:var(--red);font-style:normal}.masthead nav{display:flex;gap:28px}.masthead nav a{text-decoration:none}.masthead nav a:hover{color:var(--red)}.edition{color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.hero{position:relative;min-height:370px;display:flex;align-items:center;overflow:hidden}.hero-copy{width:56%;position:relative;z-index:1;padding:50px 0 42px}.eyebrow{font:11px var(--mono);color:var(--red);letter-spacing:.18em;text-transform:uppercase;margin:0 0 20px}.hero h1{font:bold clamp(36px,4.5vw,68px)/1.05 var(--mono);letter-spacing:-.06em;margin:0 0 14px}.hero h2{font:normal clamp(19px,2.25vw,32px)/1.3 var(--mono);color:var(--red);margin:0 0 18px}.hero p{max-width:470px;font-size:18px;line-height:1.55;margin:0}.hero-art{position:absolute;width:56%;right:-2%;top:0;height:100%;object-fit:contain;mix-blend-mode:multiply;opacity:.9;pointer-events:none}.section-label{display:flex;align-items:center;justify-content:space-between;font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase;padding:14px 0;color:var(--muted)}.section-label span:last-child{letter-spacing:.03em}.folio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.folio-card{min-height:258px;border:1px solid var(--rule);padding:22px;display:flex;position:relative;text-decoration:none;overflow:hidden;transition:border-color .2s,background-color .2s}.folio-card:hover{border-color:var(--red);background-color:#fbf6ec}.card-copy{width:58%;display:flex;flex-direction:column;z-index:1;align-items:flex-start}.card-number{font:12px var(--mono);color:var(--red);margin-bottom:16px}.folio-card h3{font:normal 23px/1.2 var(--mono);letter-spacing:-.055em;margin:0 0 16px;overflow-wrap:normal}.folio-card p{font:15px/1.5 var(--body);margin:0 0 18px}.arrow{font:30px var(--mono);color:var(--red);margin-top:auto;transition:transform .2s}.folio-card:hover .arrow{transform:translateX(5px)}.sketch{background-image:url('assets/folio-illustrations.png');background-size:300% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;aspect-ratio:1}.folio-card .sketch{position:absolute;right:-8px;bottom:18px;width:48%;opacity:.82;z-index:0}.art-0{background-position:0% 0%}.art-1{background-position:50% 0%}.art-2{background-position:100% 0%}.art-3{background-position:0% 100%}.art-4{background-position:50% 100%}.art-5{background-position:100% 100%}.closing{margin:30px 0 0;padding:24px 0;display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--rule);font:12px/1.7 var(--mono)}.closing p{margin:0;max-width:630px}.closing a{color:var(--red)}footer{padding:20px 0 30px;border-top:1px solid var(--rule);display:flex;justify-content:space-between;gap:20px;font:10px var(--mono);color:var(--muted);letter-spacing:.08em;text-transform:uppercase}.breadcrumb{font:12px var(--mono);margin-top:32px}.breadcrumb a{text-decoration:none;color:var(--red)}.page-heading{display:grid;grid-template-columns:1fr 290px;gap:60px;align-items:center;padding:38px 0 40px;border-bottom:1px solid var(--rule)}.page-heading h1{font:normal clamp(32px,4vw,54px)/1.12 var(--mono);letter-spacing:-.06em;margin:0 0 22px}.page-heading .lead{font-size:22px;line-height:1.5;max-width:780px;margin:0}.page-heading .sketch{width:100%;opacity:.85}.page-content{max-width:980px;margin:42px auto 65px}.page-content h2{font:normal 27px/1.25 var(--mono);letter-spacing:-.035em;margin:0 0 16px}.page-content h3{font:normal 21px var(--mono);margin:0 0 12px}.page-content p{font-size:18px;line-height:1.7;margin:0 0 20px}.page-content section{margin-bottom:42px}.note{color:var(--muted);font:13px/1.6 var(--mono)!important}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-link{border:1px solid var(--rule);padding:25px;text-decoration:none;display:flex;flex-direction:column;transition:border-color .2s}.project-link:hover{border-color:var(--red)}.project-link p{font-size:17px}.project-link .tag{font:10px var(--mono);text-transform:uppercase;color:var(--red);letter-spacing:.12em;margin-bottom:16px}.project-link .arrow{font-size:26px}.button-link{display:inline-block;border-bottom:1px solid var(--red);color:var(--red);padding:8px 0;text-decoration:none;font:14px var(--mono)}.timeline{list-style:none;margin:0;padding:0;border-left:1px solid var(--rule)}.timeline li{position:relative;padding:0 0 28px 32px}.timeline li:before{position:absolute;content:'';left:-4px;top:8px;width:7px;height:7px;background:var(--red);border-radius:50%}.timeline .date{font:11px var(--mono);color:var(--red);display:block;margin-bottom:8px}.timeline p{margin-bottom:0}.courses{display:grid;grid-template-columns:1fr 1fr;gap:22px}.course{border-top:1px solid var(--rule);padding-top:20px}.course p{font-size:17px}.callout{padding:28px;border:1px solid var(--rule);background:#fbf6eb}.people{padding:0;list-style:none;counter-reset:person}.people li{counter-increment:person;display:grid;grid-template-columns:60px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--rule)}.people li:before{content:'0' counter(person);font:24px var(--mono);color:var(--red)}.people h2{margin-bottom:8px}.people p{margin:0;color:var(--muted)}.feature-image{display:block;width:100%;height:auto;border:1px solid var(--rule);margin:24px 0 12px}.image-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.image-grid figure{margin:0}.image-grid img{width:100%;height:auto}.image-grid figcaption{font:12px/1.5 var(--mono);color:var(--muted);padding:10px 0}.gallery-empty{min-height:200px;border:1px dashed var(--rule);display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;background:linear-gradient(130deg,#eae3d4,#f9f4e9)}.gallery-empty p{max-width:480px;margin:0;color:var(--muted)}.chapter-next{border-top:1px solid var(--rule);padding-top:25px;display:flex;justify-content:space-between;gap:25px;font:13px var(--mono)}@media(min-width:1500px){.hero{min-height:400px}.folio-card{min-height:280px}}@media(max-width:1050px){.shell{padding:0 28px}.folio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{width:62%}.hero-art{width:50%;right:-7%;opacity:.65}.page-heading{grid-template-columns:1fr 210px;gap:20px}.edition{display:none}}@media(max-width:650px){.shell{padding:0 20px}.masthead{padding:20px 0;flex-wrap:wrap}.masthead nav{gap:19px;font-size:11px}.hero{min-height:0;display:block}.hero-copy{width:100%;padding:34px 0 18px}.hero h1{font-size:38px}.hero h2{font-size:21px}.hero p{font-size:17px;max-width:none}.hero-art{position:relative;display:block;right:auto;top:auto;width:100%;height:180px;opacity:.8;object-fit:contain}.folio-grid{grid-template-columns:1fr}.folio-card{min-height:236px;padding:22px}.folio-card h3{font-size:25px}.folio-card .sketch{width:46%;bottom:12px}.closing,footer{flex-direction:column;gap:12px}.section-label span:last-child{display:none}.page-heading{display:block;padding:30px 0}.page-heading .sketch{display:none}.page-heading .lead{font-size:20px}.page-content{margin:32px 0 45px}.page-content p{font-size:17px}.project-list,.courses,.image-grid{grid-template-columns:1fr}.chapter-next{flex-direction:column}.people li{grid-template-columns:38px 1fr;gap:12px}.page-content h2{font-size:24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Keep type separate from the illustration plates and soften their paper edges. */
.card-copy{width:53%}.folio-card .sketch{width:43%;right:0;mask-image:radial-gradient(ellipse at center,#000 48%,transparent 76%)}.hero-art{mask-image:radial-gradient(ellipse at center,#000 45%,transparent 74%)}
@media(max-width:650px){.card-copy{width:55%}.folio-card .sketch{width:43%;right:0}}