/* Shared visual family with The Painter’s Guide to Procreate. */
@font-face{font-family:'Cormorant Garamond';font-style:normal;font-weight:300 700;font-display:swap;src:url('/fonts/cormorantgaramond/roman.woff2') format('woff2')}
@font-face{font-family:'Cormorant Garamond';font-style:italic;font-weight:300 700;font-display:swap;src:url('/fonts/cormorantgaramond/italic.woff2') format('woff2')}
@font-face{font-family:'Work Sans';font-style:normal;font-weight:100 900;font-display:swap;src:url('/fonts/worksans/roman.woff2') format('woff2')}
@font-face{font-family:'Work Sans';font-style:italic;font-weight:100 900;font-display:swap;src:url('/fonts/worksans/italic.woff2') format('woff2')}
:root{--paper:#f8f4ea;--surface:#fffdf8;--ink:#201812;--muted:#6e6255;--line:#ded4c2;--ochre:#7a5410;--gold:#c99541;--gold-light:#e7bd72;--forest:#183b4b;--deep:#183b4b;--deep-dark:#102833;--font-display:'Cormorant Garamond',Georgia,serif;--font-reading:'Work Sans',Arial,sans-serif;--font-ui:var(--font-reading);--serif:var(--font-display);--type-display:clamp(3rem,2.1rem + 3.4vw,5.25rem);--type-article-title:clamp(2.5rem,1.9rem + 2vw,4.25rem);--type-section:clamp(2.25rem,1.8rem + 1.8vw,3.5rem);--type-card:clamp(1.7rem,1.4rem + .7vw,2.125rem);--type-body:1.125rem;--type-intro:1.25rem;--weight-display:500;--reading-leading:1.75;--tracking-display:-.02em}
body{background:var(--paper);color:var(--ink)}
h1,h2,h3,h4,.full-hero h1,.bio-hero h1,.page-hero h1,.art-grid h3,.gallery-grid h3,.post-card h3,.teaching h2,.courses h3,.about h2,.contact h2,.prose h1,.prose h2,.prose h3,.prose h4{font-family:var(--font-display);font-weight:500}
.header.wrap{max-width:none;width:100%;left:0;right:0;transform:none;height:96px;padding-left:max(32px,calc((100vw - 1272px)/2));padding-right:max(32px,calc((100vw - 1272px)/2));background:rgba(16,12,8,.82);border-bottom:1px solid #e7bd7233}
.header .brand,.footer .brand{font-family:var(--font-display);font-weight:500;font-size:2rem;letter-spacing:-.015em}
.header .brand span{font-size:.75rem;color:#e1d4bd;letter-spacing:.08em;margin-top:3px}.header .nav{font-weight:500;font-size:.9375rem;gap:28px}.header .nav .contact-nav{border-color:#c9954180}.header .nav>a:hover{color:var(--gold-light)}
.eyebrow,.post-card .eyebrow{color:var(--ochre);font-weight:600;letter-spacing:.045em}.eyebrow{display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:28px;height:1px;background:currentColor;flex-shrink:0}.eyebrow:has(.dot):before,.post-card .eyebrow:before{display:none}.dot{background:var(--gold)}
.hero.full-hero{background:#17110c}.full-hero:after{background:linear-gradient(90deg,#100c08b8 0%,#17110c8c 38%,#10283326 75%),linear-gradient(180deg,#100c084d,transparent 45%,#100c084d)}
.full-hero .hero-copy{padding-top:190px;padding-bottom:100px}.full-hero h1{font-weight:500;line-height:1.02;max-width:16ch}.full-hero h1 em,.bio-hero h1 em{color:var(--gold-light)}.full-hero .eyebrow,.bio-hero .eyebrow,.page-hero .eyebrow{color:var(--gold-light)}.full-hero .intro{color:#f6f1e8;max-width:36ch}.full-hero .hero-note{color:#e8decf;font-size:1.15rem}.full-hero .hero-art figcaption{color:#f6f1e8}
.button,.full-hero .button.dark,.button.light,.drawing-page .contact .button{border-radius:4px;background:#7a5410;color:#fff;font-weight:600;letter-spacing:.01em;padding:15px 23px;min-height:48px}.button:hover,.full-hero .button.dark:hover,.button.light:hover{background:#5c400c;color:#fff}.lesson-buy{border-radius:4px}.text-link{font-weight:500;border-color:#baaa91}.full-hero .hero-learn{border-color:#e7bd7280}
.works{background:var(--surface)}.journal{background:var(--paper)}.section-heading{margin-bottom:40px}.art-grid h3,.gallery-grid h3,.post-card h3{font-size:var(--type-card)}.section-aside,.art-grid figcaption>span,.read-more,.lesson-section-intro{color:var(--muted)}.post-card:hover h3{color:#7a5410}
.teaching{background:var(--deep);color:var(--surface)}.teaching .eyebrow,.courses .eyebrow{color:var(--gold-light)}.teaching h2 em,.course-no,.small-mark{color:var(--gold-light)}.teaching-title>p:not(.eyebrow),.courses p:not(.eyebrow){color:#e0e7e8}.courses>a+a{border-color:#e7bd7240}.courses>a:hover .course-link{color:var(--gold-light)}.teaching .button{margin-top:20px}
.about-copy>p:not(.eyebrow){color:var(--muted)}.about-copy blockquote{color:var(--deep);border-left:2px solid var(--gold);padding-left:22px;margin-left:0}.about{padding-top:70px}.about h2{font-size:var(--type-section)}
.page-hero{background:var(--deep-dark)}.page-hero:after{background:linear-gradient(90deg,#100c08bd,#17110c88 48%,#10283326),linear-gradient(180deg,#100c0855,transparent 40%,#10283344)}.bio-hero:after{background:linear-gradient(90deg,#100c08c7 0%,#17110c80 40%,#10283310 75%),linear-gradient(180deg,#100c0855,transparent 40%)}.page-hero .lead,.bio-hero-copy>p:not(.eyebrow){color:#f6f1e8}.prose a,.topic-links a,.review-content a{color:#7a5410}.prose figcaption,.reference-gallery figcaption,#result-count,.review-content small{color:var(--muted)}.prose blockquote{border-color:var(--gold);color:var(--deep)}.prose iframe{background:#e7e0d1}.post-byline{color:var(--muted)}
.archive-tools,.topic-links,.lesson-closing,.review-content td,.review-content th{border-color:var(--line)}.archive-tools input{border-color:#a99b87;background:var(--surface);color:var(--ink);border-radius:4px}.filter-buttons button{color:var(--ink);border-color:#a99b87;border-radius:4px;min-height:44px}.filter-buttons button.active{background:var(--deep);border-color:var(--deep);color:white}.stats{background:var(--deep);color:var(--surface)}.stats strong{color:var(--gold-light)}.art-sold{color:#874c36}.painting-gallery .art-open{background:none}.painting-gallery img{box-shadow:0 5px 12px #20181220,0 18px 30px -15px #20181245}
.contact{border-color:var(--line)}.footer.wrap{max-width:none;padding-left:max(32px,calc((100vw - 1272px)/2));padding-right:max(32px,calc((100vw - 1272px)/2));padding-top:45px;padding-bottom:32px;background:#14100c;color:#fffdf8;border-color:#c9954140}.footer p,.footer small,.footer .brand span{color:#d4c9b8}.footer a:hover{color:var(--gold-light)}.footer .brand span{font-size:.75rem}
/* Preserve the requested charcoal drawing wall and the white display mats. */
.drawing-page{background:#252627;color:#f6f1e8}.drawing-page .page-hero:after{background:linear-gradient(90deg,#171513d9,#25262788 60%,#25262744)}.drawing-page .gallery-grid h3{color:#f6f1e8}.drawing-page .text-link{color:#dfc89f}.drawing-page .gallery-grid .art-open{background:#fffdf8}.drawing-page .footer{background:#14100c}.drawing-page .contact .eyebrow{color:#e7bd72}
.art-dialog{background:var(--surface)}.art-dialog::backdrop{background:#100c08e6}.art-dialog .close{background:#201812ed}.art-dialog .close:hover{background:#000}.drawing-page .art-dialog{background:#252627}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #c99541;outline-offset:5px}.skip{background:var(--surface);color:var(--ink)}
@media(max-width:1100px){.header .nav{gap:18px}.header.wrap{padding-left:35px;padding-right:35px}}
@media(max-width:800px){.header.wrap{height:96px}.header .nav,.drawing-page .header .nav{background:#17110c;color:#fffdf8;top:96px;border-color:#c9954140}.header .nav>a{color:#fffdf8}.header .brand{font-size:1.875rem}.menu-toggle{color:#f6f1e8}.full-hero .hero-copy{padding-top:165px}.about{padding-top:45px}}
@media(max-width:580px){:root{--type-body:1.0625rem;--type-intro:1.125rem;--type-display:3.5rem;--type-article-title:2.625rem;--type-section:2.375rem;--type-card:1.875rem}.header.wrap{height:88px;padding-left:24px;padding-right:24px}.header .nav{top:88px}.header .brand{font-size:1.75rem}.header .nav{font-size:1rem}.full-hero .hero-copy{padding-top:145px;padding-bottom:105px}.full-hero:after{background:linear-gradient(90deg,#100c08b8,#17110c66),linear-gradient(180deg,#100c0844,transparent 45%,#10283355)}.full-hero h1{line-height:1.02}.full-hero .hero-note{font-size:1.0625rem}.page-hero:after{background:linear-gradient(0deg,#100c08db,#17110c77 65%,#10283333)}.bio-hero:after{background:linear-gradient(0deg,#100c08e6,#17110c88 45%,#10283322 80%)}.full-hero .intro{max-width:31ch}.full-hero .hero-art figcaption span:first-child{font-size:.875rem}.footer.wrap{padding-left:24px;padding-right:24px}.eyebrow{gap:9px}.eyebrow:before{width:22px}.gallery-grid h3,.drawing-page .gallery-grid h3{font-size:1.875rem}.about h2{font-size:var(--type-section)}}
/* Let the warm-white gallery band extend to the browser edges. */
.home-page .works{max-width:none;padding-left:max(64px,calc((100vw - 1272px)/2));padding-right:max(64px,calc((100vw - 1272px)/2))}
@media(max-width:1100px){.home-page .works{padding-left:35px;padding-right:35px}}
@media(max-width:580px){.home-page .works{padding-left:24px;padding-right:24px}}
