/* M refinements: one continuous surface, a one-third/two-thirds layout, no stagger. */
:root{--paper:#f3f0e6;--ink:#293f35;--muted:#5c685d;--line:#c9cdbb;--accent:#52683d}body main{max-width:1320px;margin:auto;padding:0 5%}body .nav,body footer{max-width:1320px;padding-left:5%;padding-right:5%}.paper-hero{position:relative;isolation:isolate;padding:30px 0 36px;border-bottom:1px solid var(--line);background:var(--paper);overflow:hidden}.paper-hero>.field{position:absolute;inset:0;height:100%;background:transparent;z-index:-1;pointer-events:none;opacity:.65}.paper-hero .hero-copy{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;position:relative}.paper-hero h1{font-size:clamp(62px,7vw,90px);margin:14px 0 0}.paper-hero .kicker{font-size:10px}.paper-hero .hero-copy>p{font:27px/1.45 Georgia,serif;color:var(--muted);max-width:480px;margin:20px 0 0}.fly{background:#8a9b39;box-shadow:0 0 3px 1px #b8bb6744,0 0 10px 3px #b8bd5b18}.fly.soft{background:#aaa94d;box-shadow:0 0 6px 2px #beb85844;filter:blur(1.6px)}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:0;padding-top:38px}.notes-column{min-width:0;padding-right:17%}.notes-column h2,.section-heading h2{font:29px/1.2 Georgia,serif;margin:0}.notes-column ul{list-style:none;margin:20px 0;padding:0}.notes-column li{margin:0;border-bottom:1px solid var(--line)}.notes-column li>a{display:block;padding:18px 0;font:21px/1.4 Georgia,serif;text-decoration:none;min-height:44px}.notes-column li>a:hover{text-decoration:underline}.all-notes{font-size:12px;display:inline-block;padding:12px 0;min-height:44px}.work-column{min-width:0}.section-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline;margin-bottom:24px}.section-heading .meta{font-size:10px;color:var(--muted)}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 26px}.project-card{min-width:0;margin:0;padding:0}.project-card>a{display:block;color:inherit;text-decoration:none;height:100%}.project-card .drawing{height:142px}.drawing-3{background:#e4ded4;color:#927e67}.drawing-4{background:#dfe5e1;color:#668275}.project-copy{padding:16px 0 0}.project-copy .meta{font-size:10px;color:var(--muted)}.project-copy h3{font:28px/1.15 Georgia,serif;letter-spacing:-.035em;margin:9px 0 12px}.project-copy h3 span{font:16px 'Trebuchet MS',sans-serif;white-space:nowrap}.project-copy p{font-size:14px;line-height:1.55;color:var(--muted);margin:0;max-width:310px}.project-card a:hover h3{text-decoration:underline;text-underline-offset:5px}.featured-canvases{margin-top:48px;padding-top:28px;border-top:1px solid var(--line)}.canvas-grid{display:grid;gap:28px}.post-canvas{margin:0;border:1px solid var(--line);min-width:0}.post-canvas>a{display:block;text-decoration:none;color:inherit}.canvas-art{height:230px;overflow:hidden;position:relative;background:#e5e7d9}.canvas-copy{padding:24px 28px}.canvas-copy .meta{font-size:10px;color:var(--muted)}.canvas-copy h3{font:34px/1.15 Georgia,serif;letter-spacing:-.035em;margin:12px 0}.canvas-copy h3 span{font:19px 'Trebuchet MS',sans-serif}.canvas-copy p{font-size:14px;color:var(--muted);max-width:560px;margin:0}.post-canvas a:hover h3{text-decoration:underline;text-underline-offset:5px}.colour-comparison{height:100%;display:grid;grid-template-columns:1fr 1fr}.colour-comparison>span{display:grid;place-items:center;background:#d9dfce}.colour-comparison>span+span{background:#526450}.colour-comparison i{display:block;width:64px;height:64px;border-radius:50%;background:#c7b96b;box-shadow:0 8px 20px #00000008}.listing-diagram{height:100%;display:grid;place-items:center;background:#ebe0ce;color:#8a7358}.listing-diagram>div{position:relative;margin-right:24%;width:154px;height:150px;background:#f9f5e9;border:1px solid #baad91;padding:18px;transform:rotate(-4deg)}.listing-diagram i{display:block;width:35px;height:35px;border:1px solid #83916c;border-radius:50%;margin-bottom:12px}.listing-diagram b,.listing-diagram em,.listing-diagram span{display:block;height:3px;background:#859174;margin:10px 0;width:80%}.listing-diagram em{height:2px;background:#c4c6ad;width:100%}.listing-diagram span{width:35%;margin-top:14px}.listing-diagram svg{position:absolute;inset:0;width:100%;height:100%;fill:currentColor;pointer-events:none}.M2 .paper-hero h1{font-size:80px}.M2 .paper-hero .hero-copy>p{font-size:25px}.M2 .project-card{border-top:1px solid var(--line)}.M2 .project-card>a{display:grid;grid-template-columns:60px 1fr;gap:16px;padding-top:20px}.M2 .project-card .drawing{height:60px;margin-top:6px;background:transparent}.M2 .project-copy{padding:0}.M2 .project-copy h3{font-size:25px}.M2 .canvas-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.M2 .canvas-art{height:185px}.M2 .canvas-copy{padding:22px}.M2 .canvas-copy h3{font-size:28px}.M2 .listing-diagram>div{width:110px;height:130px;padding:12px}.M2 .listing-diagram svg{display:none}.M2 .colour-comparison i{width:40px;height:40px}.M3{--paper:#eff1e8;--ink:#304235;--muted:#5c6b5c;--line:#c4cdbb}.M3 .project-card .drawing{height:190px}.M3 .project-copy{padding:18px}.M3 .project-card{border:1px solid var(--line)}.M3 .notes-column li>a{font-size:23px}.M3 .canvas-art{height:280px}.M3 .post-canvas>a{position:relative}.M3 .canvas-copy{background:#f7f8f1}.M4 .paper-hero{padding:20px 0 25px}.M4 .paper-hero h1{font-size:74px}.M4 .hero-copy>p{font-size:24px}.M4 .home-columns{padding-top:28px}.M4 .project-card .drawing{display:none}.M4 .project-card{border:1px solid var(--line);padding:20px}.M4 .project-copy{padding:0}.M4 .project-copy h3{font-size:26px}.M4 .projects-grid{gap:16px}.M4 .notes-column li>a{font:17px/1.5 'Trebuchet MS',sans-serif}.M4 .featured-canvases{margin-top:32px}.M4 .post-canvas>a{display:grid;grid-template-columns:40% 60%;align-items:center}.M4 .canvas-art{height:100%;min-height:220px}.M4 .canvas-copy h3{font-size:29px}.M4 .canvas-copy{padding:24px}.M4 .listing-diagram svg{display:none}.M4 .listing-diagram>div{margin:0;transform:none;width:120px;height:145px}.M4 .colour-comparison i{width:42px;height:42px}.M5{--paper:#f4eee2;--ink:#3c4436;--muted:#6b6e5d;--line:#d0cbb8}.M5 .paper-hero{padding:40px 0}.M5 .paper-hero h1{font-size:96px}.M5 .notes-column li{border:0}.M5 .notes-column li>a{font-size:23px;padding:20px 0}.M5 .projects-grid{gap:26px}.M5 .project-card{border:1px solid var(--line);padding:18px}.M5 .project-card .drawing{height:110px;background:transparent}.M5 .project-copy h3{font-size:27px}.M5 .canvas-art{margin:20px 20px 0;height:250px}.M5 .canvas-copy{padding:26px 30px}.M5 .post-canvas{background:#f9f5ec}.M5 .canvas-copy h3{font-size:36px}.M5 .featured-canvases{margin-top:50px}.resource-page .resource-head{background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}.resource-page .resource-head:after{display:none}.resource-page .resource-head .field{background:transparent;opacity:.65}.resource-page .resource-head p,.resource-page .resource-head .kicker{color:var(--muted)}.resource-page .resource-head a:hover{color:var(--accent)}body .motion{background:var(--paper);color:var(--ink)}body footer{margin-top:60px}.sample{background:var(--paper);border-bottom:1px solid var(--line)}
@media(min-width:751px) and (max-width:1000px){.project-copy h3{font-size:24px}.M2 .project-card>a{grid-template-columns:1fr}.M2 .project-card .drawing{display:none}.M2 .canvas-grid{grid-template-columns:1fr}.M4 .post-canvas>a{display:block}.M4 .canvas-art{min-height:0;height:200px}}
@media(max-width:750px){body main,body .nav,body footer{padding-left:20px;padding-right:20px}.paper-hero{padding:24px 0 28px}.paper-hero .hero-copy{display:block}.paper-hero h1,.M2 .paper-hero h1,.M3 .paper-hero h1,.M4 .paper-hero h1,.M5 .paper-hero h1{font-size:70px}.paper-hero .hero-copy>p,.M2 .paper-hero .hero-copy>p{font-size:23px;margin:20px 0 0;max-width:470px}.home-columns{display:flex;flex-direction:column;padding-top:28px;gap:32px}.notes-column{padding:0}.notes-column ul{margin-bottom:8px}.notes-column li>a,.M3 .notes-column li>a,.M5 .notes-column li>a{font-size:20px;padding:14px 0}.work-column{width:100%}.section-heading{display:block;margin-bottom:20px}.section-heading .meta{display:block;margin-top:8px}.projects-grid,.M5 .projects-grid{gap:24px 16px}.project-card .drawing,.M3 .project-card .drawing{height:105px}.project-copy h3,.M3 .project-copy h3,.M5 .project-copy h3{font-size:23px}.project-copy p{font-size:13px}.M2 .project-card>a{grid-template-columns:1fr;gap:0}.M2 .project-card .drawing{display:none}.M2 .project-copy h3,.M4 .project-copy h3{font-size:22px}.M3 .project-copy{padding:12px}.M4 .project-card,.M5 .project-card{padding:14px}.M5 .project-card .drawing{height:80px}.M2 .canvas-grid{grid-template-columns:1fr}.M4 .post-canvas>a{display:block}.canvas-art,.M3 .canvas-art{height:190px}.M4 .canvas-art{height:190px;min-height:0}.canvas-copy,.M4 .canvas-copy,.M5 .canvas-copy{padding:22px}.canvas-copy h3,.M3 .canvas-copy h3,.M5 .canvas-copy h3{font-size:30px}.M5 .canvas-art{margin:14px 14px 0;height:180px}.M5 .paper-hero{padding:28px 0}.featured-canvases{margin-top:36px}.all-notes{font-size:12px}}
@media(max-width:359px){.projects-grid{grid-template-columns:1fr}.project-card .drawing{height:150px}}