/* Compact graphite edition. The artwork retains its original colours. */
:root{--paper:#242628;--ink:#f2f1f3;--purple:#c4a4f0;--line:#55565b;--muted:#c3c2c8;--lilac:#3a3544}
body{background:radial-gradient(ellipse at 5% 0,#4b4d50 0,transparent 55%),radial-gradient(ellipse at 100% 40%,#36383b,transparent 60%),linear-gradient(140deg,#2e3033,#1e2022 75%);background-attachment:fixed}
.brand-dot{color:#c29ae9}.topline{height:27px;font-size:8px}header{padding:14px 0;gap:20px}.wordmark{font-size:25px}.wordmark small{margin-top:7px}.youtube-link{padding:9px 12px}.youtube-link:hover{background:#4b3b60}
.editorial-intro{padding:18px 0 16px;display:grid;grid-template-columns:1fr 260px;gap:7px 24px;align-items:center}.editorial-intro>.eyebrow{grid-column:1/-1;font-size:8px}.editorial-intro h1{font-size:clamp(28px,3vw,42px);line-height:1.08;margin:0;letter-spacing:-1.2px}.editorial-intro>p{position:static;font-size:12px;line-height:1.5;margin:0;max-width:none}
.spotlight-layout{grid-template-columns:minmax(0,1fr) 220px;gap:20px;padding:0 0 16px}.spotlight-layout>.uref-spotlight{padding-top:24px}.featured-label{margin-bottom:8px}.feature-carousel .carousel-stage{min-height:0}.feature-carousel .carousel-slide>a{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:18px}.feature-image{aspect-ratio:1.65;max-height:290px;background:#222}.feature-carousel .slide-copy{padding:0;min-height:0}.slide-copy h2{font-size:clamp(23px,2.1vw,30px);line-height:1.08;letter-spacing:-.6px;margin:8px 0}.slide-copy p{font-size:13px;line-height:1.5;margin:0 0 10px}.slide-copy .eyebrow{font-size:8px}.slide-read{font-size:10px;padding-bottom:3px}.feature-carousel .carousel-controls{padding-top:9px}.carousel-controls button:hover{background:#c4a4f020}.carousel-dots span{background:#929096}
.uref-carousel{width:220px;height:220px;padding:11px;grid-template-rows:24px 76px 64px 12px;gap:4px;align-content:space-between}.promo-heading>span{font-size:6px;letter-spacing:.7px;max-width:115px}.promo-heading>img{width:58px;max-height:26px}.uref-carousel h2{font-size:16px;line-height:1.1;margin:0 0 5px;letter-spacing:-.25px}.uref-carousel p{font-size:10px;line-height:1.4}.promo-disclosure{font-size:8px}.uref-carousel .carousel-stage{min-height:0}
.journal{padding-top:22px}.section-heading{margin-bottom:12px;align-items:end}.journal .section-heading h2{font-size:30px;margin:6px 0 0}.filters{margin:0 0 18px;gap:7px}.filters button{padding:7px 12px}.filters button[aria-pressed=true]{background:#8154ad;border-color:#aa7bd3;color:#fff}.journal-layout{grid-template-columns:minmax(0,1fr);gap:18px}.story-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.card-copy{padding-top:12px}.card-copy h3{font-size:23px;line-height:1.14;margin:8px 0}.card-copy p{font-size:13px;line-height:1.5;margin:0}.card-bottom{margin-top:10px;min-height:0}.journal-sidebar{display:block!important;margin-top:0!important}.journal-sidebar .watch-box{display:flex;align-items:center;gap:24px;padding:16px 20px;margin:0}.watch-box{background:#39303f}.watch-box h3{font-size:23px;line-height:1.1;margin:0}.watch-box h3 br{display:none}.watch-box p{margin:0;color:#ddd2e8}.watch-box a{white-space:nowrap;font-size:12px}
.newsletter-compact{margin-top:18px;padding:20px 24px;background:#393b3e;gap:20px}.newsletter-compact h2{font-size:28px;margin:7px 0}.newsletter-compact p{font-size:13px;margin:0}.button,.promo a{background:#71439e;color:#fff}.button:hover{background:#8651b8}.promo{background:linear-gradient(145deg,#41324f,#303239)}.promo .uref-mark{width:100px;margin:14px 0 12px}.promo h3{font-size:24px;margin-top:18px}.promo p{color:#d6d0dc}.promo .uref-preview{background:#211b28}.exercise,.tag{background:#e2c65c;color:#242126}.skip{background:#252629;color:#fff}.directory-search,#search-input{background:#2e3033;color:#f2f1f3}input::placeholder{color:#aaa7b1}.article-visual>.visual{background:#2d2e30}
footer{padding-top:24px;margin-top:24px;gap:24px}.directory-heading{padding:26px 0 20px;margin-bottom:20px}.directory-heading h1{margin:10px 0;font-size:48px}.portrait-grid{gap:22px}.portrait-frame{height:250px}.portrait-card h2{font-size:24px;margin:12px 0 6px}.portrait-card p{margin:0}.directory,.learning-library{padding-bottom:30px}.article-page{padding-top:22px}.article-heading{margin-bottom:24px}.article-heading h1{font-size:clamp(34px,4vw,52px)}.article-meta{margin-top:12px}.article-visual{margin-bottom:26px}.reading-layout{gap:32px}.article-body h2{margin-top:26px}.article-body p{margin-bottom:18px}.article-body .lead{margin-bottom:20px}.inline-figure{margin:22px 0}.article-body .artist-work img{max-height:650px;object-fit:contain;background:#292b2e}.biography-layout{grid-template-columns:240px minmax(0,1fr);gap:30px}.biography-page .article-heading h1{font-size:48px}.studio-note{border-left:3px solid var(--purple);padding:14px 18px;margin:20px 0;background:#ffffff07}.studio-note .eyebrow{font-size:9px;color:var(--purple)}.studio-note p{font-size:15px;margin:8px 0 0}.sources a{padding:10px 0}.related{margin-top:28px;padding-top:24px}
@media(min-width:1500px){.feature-image{max-height:320px}.feature-carousel .carousel-stage{min-height:0}}
@media(max-width:1000px){.editorial-intro{grid-template-columns:1fr 220px}.feature-carousel .carousel-slide>a{grid-template-columns:1fr}.feature-image{aspect-ratio:2;max-height:230px}.feature-carousel .slide-copy{min-height:0}.slide-copy h2{font-size:25px}.feature-carousel .carousel-stage{min-height:0}.story-grid{gap:22px 16px}.card-copy h3{font-size:21px}.journal-sidebar .watch-box{gap:16px}.watch-box .eyebrow{max-width:100px}}
@media(max-width:720px){header{padding:14px 0;gap:12px}.wordmark{font-size:23px}.topline{height:25px}.editorial-intro{display:block;padding:16px 0}.editorial-intro h1{font-size:31px;margin:8px 0}.editorial-intro>p{font-size:12px}.spotlight-layout{grid-template-columns:1fr;gap:14px}.spotlight-layout>.uref-spotlight{padding-top:0;justify-self:end;width:220px}.feature-image{aspect-ratio:1.85;max-height:none}.feature-carousel .carousel-slide>a{gap:12px}.feature-carousel .slide-copy{min-height:0}.slide-copy h2{font-size:26px;margin:6px 0}.slide-copy p{font-size:13px;margin-bottom:8px}.slide-copy .eyebrow{font-size:8px}.feature-carousel .carousel-stage{min-height:0}.featured-label{min-height:16px}.feature-carousel .carousel-controls{padding-top:8px}.journal{padding-top:20px}.journal .section-heading h2{font-size:27px}.section-heading>span{font-size:9px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}.card-copy h3{font-size:21px}.card-copy p{font-size:12px}.journal-sidebar .watch-box{display:grid;grid-template-columns:1fr auto;gap:10px;padding:16px}.journal-sidebar .watch-box .eyebrow{max-width:none;grid-column:1/-1}.journal-sidebar .watch-box p{grid-column:1/-1;font-size:12px}.journal-sidebar .watch-box a{grid-column:2;grid-row:2}.newsletter-compact{padding:18px;gap:14px;align-items:start}.newsletter-compact h2{font-size:27px}.directory-heading h1{font-size:37px}.portrait-frame{height:210px}.portrait-card h2{font-size:21px}.biography-layout{grid-template-columns:1fr;gap:22px}.biography-photo{max-width:230px}.biography-page .article-heading h1{font-size:40px}.reading-layout{gap:22px}.article-heading h1{font-size:34px}.article-heading>p{font-size:16px}.article-body{font-size:16px}.article-body .lead{font-size:22px}}
@media(prefers-reduced-motion:reduce){.uref-carousel:before,.carousel-slide{animation:none}}

/* Keep the brand bright while giving editorial headings a softer hierarchy. */
:root{--heading:#e6e5e7}
h1,h2,h3,h4,h5,h6{color:var(--heading)}
.exercise :is(h1,h2,h3,h4,h5,h6){color:inherit}