.afg-icon-paint{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.afg-eye-paint{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
/* Native, accessible dialogs replace the unavailable original application runtime. */
/* Same geometry, size and paint as the former repeated SVG attributes. */
.afg-arrow{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
:root{--blue:#17385f;--orange:#d8642a;--paper:#f0f1ef}
/* Scrolling homepage category labels only; the top navigation is unchanged. */
main>.map-group>.group-heading>div>.eyebrow{color:var(--orange)}
/* Thumbnail-only source files must not expand to fill the artwork stage. */
.work-stage:has(.art-image-native){min-height:0}
.work-image-wrap:has(.art-image-native){height:auto;min-height:0}
.art-image.art-image-native{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:40px 24px;box-sizing:border-box}
.art-image-native>img{flex:none;object-fit:contain;transform:none}
.art-image-native .image-credit{position:static;opacity:1;max-width:540px;line-height:1.5;align-items:flex-start}
.art-image-native .image-credit span{white-space:normal;overflow:visible}
.art-image-native .image-credit>a{flex-shrink:0}
/* Existing device-only saves also retain the original small file. */
.collection-card-image:has(img[src="/artworks/takashi-murakami--flower-2006-mot.webp"]){display:flex;align-items:center;justify-content:center}
.collection-card-image img[src="/artworks/takashi-murakami--flower-2006-mot.webp"]{width:159px;height:auto;max-width:100%;max-height:160px;object-fit:contain}
.category-context{max-width:760px;margin-top:28px}
.category-context p{font-family:inherit;font-size:1rem;font-weight:400;font-style:normal;line-height:1.65;color:var(--ink);margin:0 0 12px}
.category-context .text-link{display:inline-block;margin:0 22px 8px 0}
.category-guide{padding:56px 0 30px;scroll-margin-top:100px;border-top:1px solid var(--line)}
.category-guide h2{font-size:clamp(32px,4vw,54px);line-height:1.1;letter-spacing:-.035em;margin:16px 0 24px}
.category-guide>p{max-width:880px;font-size:1rem;line-height:1.7;margin-bottom:18px}
.category-definitions{margin:32px 0 0}
.category-definitions>div{display:grid;grid-template-columns:180px minmax(0,1fr);gap:28px;border-top:1px solid var(--line);padding:24px 0}
.category-definitions dt{font-size:1.1rem;font-weight:650;color:var(--blue)}
.category-definitions dt a{text-decoration:underline;text-underline-offset:4px}
.category-definitions dd{margin:0}
.category-definitions dd p{font-size:1rem;line-height:1.6;margin:0 0 10px}
@media(max-width:600px){.category-definitions>div{grid-template-columns:1fr;gap:12px}}
.primary-button{background:var(--blue)}
.primary-button:hover{background:var(--orange)}
.work-sequence,.hero-index a:hover,.breadcrumb a:hover{color:var(--orange)}
.site-header{border-bottom-color:#17385f33}
.site-header .brand{--brand-piece-width:5px;--brand-piece-height:3px;align-items:center;white-space:nowrap}
.site-header .header-brand-icon{display:block;width:28px;height:28px;flex:0 0 28px;margin-inline-start:7px;border-radius:2px}
/* Keep the top-bar opening exactly the size of the detached rectangle at
   both icon sizes. No SVG viewBox: these dimensions stay in CSS pixels. */
.site-header .header-frame-top-left{x:14.8%;y:15.1%;width:calc(50.2% - var(--brand-piece-width)/2);height:var(--brand-piece-height)}
.site-header .header-frame-top-right{x:calc(65% + var(--brand-piece-width)/2);y:15.1%;width:calc(20.2% - var(--brand-piece-width)/2);height:var(--brand-piece-height)}
@media(max-width:560px){.site-header .header-brand-icon{width:24px;height:24px;flex-basis:24px;margin-inline-start:5px}}
.new-seeds-promo,.new-seeds-current{background:#eef0f2}
dialog:not([open]){display:none}
dialog::backdrop{background:#0008;backdrop-filter:blur(4px)}
.restored-dialog{position:fixed;inset:5vh auto auto 50%;margin:0;translate:-50% 0;color:var(--ink)}
.restored-menu{position:fixed;inset:0 0 0 auto;margin:0;height:100dvh;max-height:none;border:0;color:var(--ink)}
.menu-close{position:absolute;right:20px;top:20px;border:0;background:none;font-size:22px;cursor:pointer}
.image-credit{font-size:12px}
.work-tabs span,.work-tabs em{font-size:12px}
.art-image-fallback a{font-size:14px;text-decoration:underline}
.search-results button:focus-visible{outline-offset:-4px}
.work-image-wrap .art-image{min-height:100%}
/* AGO photograph: frame x=235,y=86,w=960,h=960 of 1536x1152.
   Keeps every canvas edge visible with a small wall margin. */
.work-image-wrap:has(.art-photo-frame){height:auto;min-height:0;display:block}
.art-photo-frame{position:relative;width:100%;aspect-ratio:1;overflow:hidden}
.art-image .art-photo-frame img{position:absolute;width:160%;height:120%;max-width:none;left:-24.4791667%;top:-8.9583333%;object-fit:fill;transform:none}
.work-copy,.artist-heading>div{min-width:0}
/* Rotating artwork keeps the established hero footprint. Give varied formats
   their full image and a separate caption so long titles never cover the art. */
.hero-art[data-home-art-rotated]{display:flex;flex-direction:column}
.hero-art[data-home-art-rotated]:after{display:none}
.hero-art[data-home-art-rotated] .hero-art-image{display:flex;align-items:center;justify-content:center;flex:1;min-height:0;height:auto;width:100%;overflow:hidden}
.hero-art[data-home-art-rotated] .hero-art-image>img{width:100%;height:100%;min-height:0;object-fit:contain;transform:none}
.hero-art[data-home-art-rotated] .hero-art-label{position:static;flex:none;padding:18px 24px 22px;min-width:0}
.hero-art[data-home-art-rotated] .hero-art-label b{line-height:1.15}
.hero-art[data-home-art-rotated] .hero-art-label span{font-size:14px;line-height:1.4}
.hero-art[data-home-art-rotated] .hero-art-label small{display:block;margin-top:6px;font-size:12px;line-height:1.4;color:#ddd}
.hero-art .home-art-panels{display:grid;align-items:center;width:100%;max-height:100%}
.hero-art .home-art-panels img{width:100%;height:auto;object-fit:contain;transform:none}
.hero-art[data-home-art-rotated] .art-photo-frame{width:auto;height:100%;max-width:100%;flex:none}
/* Keep editorial words intact. The previous `anywhere` rule let Safari split
   artwork titles down to a single character in narrow columns. */
h1,h2,h3,h4,blockquote,.section-name,.artist-row b,.work-tabs b,.feature-caption b{
  overflow-wrap:normal;
  word-break:normal;
  -webkit-hyphens:none;
  hyphens:none;
  text-wrap:balance;
}
p,.section-intro,.work-description,.artist-row em{
  overflow-wrap:normal;
  word-break:normal;
  -webkit-hyphens:none;
  hyphens:none;
  text-wrap:pretty;
}
/* These are the only fields that may contain genuinely unbroken strings. */
.submission-address,.image-credit,.source-link{overflow-wrap:anywhere;word-break:break-word}
.section-hero h1.perception-title{font-size:clamp(60px,8.4vw,118px);line-height:.88}
.perception-title span{display:block;white-space:nowrap}
@media(max-width:900px){.section-hero h1.perception-title{font-size:clamp(48px,13.5vw,76px)}}
@media(max-width:560px){.work-tabs a{gap:10px}.search-field{padding:0 16px;gap:8px}.restored-dialog{width:calc(100vw - 24px)}}

/* Tablet typography: provide titles enough measure before reducing type size. */
@media (min-width:561px) and (max-width:1024px){
  .work-copy h2{font-size:clamp(34px,5.5vw,54px)}
  .artist-heading h1{font-size:clamp(60px,10vw,100px)}
  .work-tabs b{font-size:16px;line-height:1.2}
  .audit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .work-copy h2{font-size:clamp(34px,10.5vw,48px)}
  .artist-heading h1{font-size:clamp(52px,16vw,82px)}
  .section-hero h1,.index-hero h1,.editorial-page header h1{overflow-wrap:normal;word-break:normal}
}

/* New Seeds extends the guide's editorial system with a weekly emerging-artists page. */
.new-seeds-promo{background:#f2f2ef;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;padding:78px clamp(24px,7vw,110px)}
.new-seeds-promo h2{letter-spacing:-.065em;font-size:clamp(54px,8vw,116px);line-height:.88}
.new-seeds-promo>div:last-child{align-self:end;max-width:720px}
.new-seeds-promo>div:last-child>p{font:italic clamp(21px,2.4vw,33px)/1.4 Georgia,serif;margin:0 0 30px}
.new-seeds-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px}
.text-link{border-bottom:1px solid currentColor;font-size:15px;padding:4px 0}
.text-link:hover{color:var(--blue)}
.new-seeds-page{background:#fff}
.new-seeds-hero{padding:11vh clamp(24px,11vw,180px) 10vh}
.new-seeds-hero h1{letter-spacing:-.075em;font-size:clamp(70px,12vw,178px);line-height:.82}
.new-seeds-hero>p:not(.eyebrow){color:var(--soft);font:italic clamp(22px,2.5vw,34px)/1.4 Georgia,serif;max-width:840px;margin:50px 0 0}
.new-seeds-current{background:#f2f2ef;border-block:1px solid var(--ink);padding:72px clamp(24px,11vw,180px)}
.new-seeds-current h2{letter-spacing:-.055em;font-size:clamp(38px,5vw,74px);line-height:1;margin-bottom:24px}
.new-seeds-current>p:last-child{font-size:18px;line-height:1.6;max-width:720px}
.seed-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--ink);margin-top:48px}
.seed-card{border-right:1px solid var(--ink);min-height:280px;padding:28px 24px;display:flex;flex-direction:column;justify-content:space-between}
.seed-card:last-child{border-right:0}
.seed-card span{color:var(--soft);font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.seed-card h3{font-size:clamp(25px,2.4vw,39px);letter-spacing:-.045em;line-height:1.02;margin:42px 0}
.seed-card p{font-size:14px;line-height:1.45;margin:0}
.seed-card a{display:inline-block;margin-top:14px;color:var(--orange);font-size:14px;line-height:1.45;text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.seed-editorial-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.seed-editorial-card{display:block;min-width:0;border-bottom:1px solid var(--ink);padding:30px clamp(18px,3vw,40px)}
.seed-editorial-card:nth-child(2n){border-right:0}
.seed-editorial-card h3{margin:24px 0 14px;line-height:1.15}
.seed-editorial-card .seed-location{font-size:.875rem;color:var(--soft);margin-bottom:6px}
.seed-editorial-card .seed-medium{font-size:.875rem;color:var(--blue)}
.seed-editorial-card .seed-reason{font-size:1rem;line-height:1.65;margin:22px 0}
.seed-artwork{margin-top:24px}
.seed-artwork>a{margin-right:18px}
.seed-context{border-top:1px solid var(--line);margin-top:26px;padding-top:18px}
.seed-context summary{cursor:pointer;font-size:.875rem;line-height:1.5;color:var(--blue);padding:6px 0}
.seed-context summary:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.seed-context p{font-size:1rem;line-height:1.65;margin-top:16px}
.seed-context ul{margin:14px 0 0;padding-left:20px}
.seed-context li>a{margin-top:8px}
.seed-edition-navigation{display:flex;gap:24px;flex-wrap:wrap;padding:32px clamp(24px,11vw,180px)}
.seed-archive-list{padding:0 clamp(24px,11vw,180px) 72px}
.seed-archive-list article{padding:32px 0;border-top:1px solid var(--ink)}
.seed-archive-list h2{font-size:clamp(28px,4vw,48px);line-height:1.15;margin:16px 0}
.seed-archive-list article>p:not(.eyebrow){font-size:1rem;line-height:1.7;max-width:780px;margin-bottom:18px}
.seed-edition-hero{padding-block:64px}
@media(max-width:700px){.seed-grid.seed-editorial-grid{grid-template-columns:1fr}.seed-card.seed-editorial-card{border-right:0;padding-inline:0}}
.feature-strip{grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(2,minmax(340px,42vh))}
.feature-strip .feature-1{grid-row:auto}
.feature-strip .feature-7{grid-column:span 2}
.feature-strip .feature-7 .art-image img{object-fit:contain}
.world-route-note{padding:36px clamp(24px,11vw,180px);border-top:1px solid var(--ink)}
.world-route-note p{max-width:740px;font-size:16px;line-height:1.6}
@media(max-width:900px){.feature-strip{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(4,minmax(300px,42vh))}}
@media(max-width:560px){.feature-strip{grid-template-columns:1fr;grid-template-rows:repeat(7,minmax(300px,48vh))}.feature-strip .feature-7{grid-column:auto}}
.new-seeds-details{display:grid;grid-template-columns:.8fr 1.2fr;padding:0 clamp(24px,11vw,180px) 120px}
.new-seeds-details>div{border-top:1px solid var(--line);padding:70px 0}
.new-seeds-details>div:nth-child(odd){padding-right:50px}
.new-seeds-details h2{letter-spacing:-.05em;font-size:clamp(35px,4vw,60px);line-height:1}
.new-seeds-details>div:nth-child(even){font-size:18px;line-height:1.65}
.new-seeds-details>div:nth-child(even)>p:first-child{margin-top:0}
.new-seeds-details ul{list-style:disc;margin:24px 0;padding-left:24px}
.new-seeds-details li+li{margin-top:10px}
.new-seeds-details .primary-button{margin-top:18px}
.submission-address{color:var(--soft);font-size:14px;overflow-wrap:anywhere}
.audit-page{padding:9vh clamp(24px,5vw,80px) 120px;background:#f7f7f5}
.audit-page>header{max-width:980px;margin-bottom:70px}
.audit-page>header h1{font-size:clamp(58px,10vw,142px);letter-spacing:-.07em;line-height:.84;color:var(--blue)}
.audit-page>header p:last-child{font:italic clamp(20px,2vw,30px)/1.45 Georgia,serif;margin-top:38px;max-width:840px}
.audit-legend{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0 55px}
.audit-legend span,.audit-status{border:1px solid currentColor;border-radius:999px;font-size:12px;letter-spacing:.04em;padding:6px 10px;text-transform:uppercase}
.audit-legend .verified,.audit-card.verified .audit-status{color:var(--blue)}
.audit-legend .review,.audit-card.review .audit-status{color:var(--orange)}
.audit-artist{border-top:2px solid var(--blue);padding-top:24px;margin-top:70px}
.audit-artist>h2{font-size:clamp(32px,4vw,58px);letter-spacing:-.05em;color:var(--blue);margin-bottom:28px}
.audit-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;background:#bec3c8;border:1px solid #bec3c8}
.audit-card{background:#fff;min-width:0}
.audit-image{aspect-ratio:4/3;background:#e7e9ea;display:grid;place-items:center;overflow:hidden;color:var(--blue);font-size:14px;text-align:center;padding:20px}
.audit-image img{width:100%;height:100%;object-fit:contain;background:#eceeed}
.audit-card-copy{padding:18px;min-height:190px;display:flex;flex-direction:column;align-items:flex-start}
.audit-card h3{font-size:20px;letter-spacing:-.03em;line-height:1.08;margin:18px 0 6px}
.audit-card time{color:var(--soft);font-size:13px}
.audit-card .source-link{color:var(--orange);font-size:13px;margin-top:auto;border-bottom:1px solid currentColor}
@media(max-width:1100px){.audit-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.audit-grid{grid-template-columns:1fr 1fr}.audit-page{padding-inline:18px}.audit-card-copy{min-height:175px}}
@media(max-width:460px){.audit-grid{grid-template-columns:1fr}}
@media(max-width:900px){.new-seeds-promo,.new-seeds-details{grid-template-columns:1fr;gap:20px}.new-seeds-promo{padding-block:60px}.seed-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.seed-card{border-bottom:1px solid var(--ink)}.seed-card:nth-child(2n){border-right:0}.new-seeds-details>div:nth-child(odd){padding:60px 0 15px}.new-seeds-details>div:nth-child(even){padding-top:15px}.new-seeds-hero{padding-top:9vh}}
@media(max-width:560px){.new-seeds-promo h2,.new-seeds-hero h1{font-size:17vw}.new-seeds-actions{align-items:flex-start;flex-direction:column}.new-seeds-current{padding-block:55px}.seed-grid{grid-template-columns:1fr}.seed-card{border-right:0;min-height:230px}}

/* My Collection is intentionally local-first: no account or server profile. */
.collection-nav-link{display:inline-flex!important;align-items:center;gap:7px}
[data-collection-count]{background:var(--orange);border-radius:999px;color:#fff;font-size:11px;font-weight:700;line-height:20px;min-width:20px;padding:0 6px;text-align:center}
.save-work-button{align-items:center;background:transparent;border:1px solid currentColor;color:inherit;cursor:pointer;display:inline-flex;font-family:inherit;font-size:14px;font-weight:600;line-height:1.2;gap:9px;margin-top:28px;padding:13px 16px;text-align:left}
.save-work-button:hover,.save-work-button[aria-pressed="true"]{background:var(--blue);border-color:var(--blue);color:#fff}
.save-work-button[aria-pressed="true"] span{color:#fff}
.save-work-button:focus-visible,.collection-remove:focus-visible,.collection-clear:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.save-work-button:disabled{cursor:not-allowed;opacity:.55}
.save-work-status{color:var(--soft);font-size:13px;line-height:1.45;min-height:1.45em;margin:8px 0 0}
.collection-page{background:#f7f7f5;min-height:75vh}
.collection-hero{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px;padding:11vh clamp(24px,11vw,180px) 9vh}
.collection-hero h1{font-size:clamp(64px,10vw,150px);letter-spacing:-.075em;line-height:.85}
.collection-hero>p:last-child{align-self:end;font:italic clamp(20px,2.2vw,31px)/1.45 Georgia,serif;max-width:700px}
.collection-content{background:#fff;border-top:1px solid var(--ink);padding:70px clamp(24px,7vw,110px) 120px}
.collection-heading-row{align-items:end;display:flex;justify-content:space-between;gap:30px;margin-bottom:30px}
.collection-heading-row h2{font-size:clamp(34px,5vw,70px);letter-spacing:-.055em;line-height:1}
.collection-clear,.collection-remove{background:transparent;border:0;border-bottom:1px solid currentColor;color:var(--orange);cursor:pointer;font:600 13px/1.2 inherit;padding:5px 0}
.collection-message{color:var(--soft);font-size:15px;line-height:1.6}
.collection-error{color:#8e3219}
.collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#c8c8c2;border:1px solid #c8c8c2;margin-top:32px}
.collection-card{background:#fff;display:flex;flex-direction:column;min-width:0;position:relative}
.collection-card-link{display:block;flex:1}
.collection-card-image{aspect-ratio:4/3;background:#eceeed;display:grid;place-items:center;overflow:hidden;color:var(--blue);font-size:14px;padding:18px;text-align:center}
.collection-card-image img{height:100%;object-fit:contain;width:100%}
.collection-card-pending{background:var(--blue);color:#fff;letter-spacing:.03em;text-transform:uppercase}
.collection-card-copy{padding:24px 24px 55px}
.collection-card-copy h3{font-size:clamp(24px,2.3vw,36px);letter-spacing:-.045em;line-height:1.04;margin:13px 0 10px}
.collection-card-date{color:var(--soft);font-size:14px}
.collection-remove{bottom:20px;left:24px;position:absolute}
.collection-empty{border-block:1px solid var(--line);padding:70px 0;max-width:760px}
.collection-empty h3{font:italic clamp(27px,3.8vw,54px)/1.2 Georgia,serif;margin:18px 0}
.collection-empty .primary-button{margin-top:22px}
@media(max-width:900px){.collection-hero{grid-template-columns:1fr}.collection-hero>p:last-child{margin-top:10px}.collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.collection-hero{gap:22px;padding-top:8vh}.collection-hero h1{font-size:17vw}.collection-content{padding-inline:18px}.collection-heading-row{align-items:flex-start;flex-direction:column}.collection-grid{grid-template-columns:1fr}.save-work-button{width:100%;justify-content:center}.collection-card-copy h3{font-size:32px}}

/* A visual-first route into the catalogue; JavaScript progressively enhances
   these ordinary Canon links with a non-repeating artwork choice. */
.surprise-nav-link{border:1px solid var(--orange)!important;color:var(--orange);padding:8px 12px!important}
.surprise-nav-link:hover,.surprise-nav-link[aria-busy="true"]{background:var(--orange);color:#fff}
.surprise-mobile-link{color:var(--orange)}
.discovery-promo{background:var(--ink);color:#fff;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;padding:82px clamp(24px,7vw,110px)}
.discovery-promo h2{font-size:clamp(46px,7vw,100px);letter-spacing:-.065em;line-height:.91;max-width:900px}
.discovery-promo>div:last-child{align-self:end;max-width:650px}
.discovery-promo>div:last-child>p:first-child{color:#d8d8dc;font:italic clamp(20px,2vw,29px)/1.5 Georgia,serif;margin:0 0 28px}
.discovery-promo .primary-button{background:var(--orange)}
.discovery-promo [aria-busy="true"]{cursor:progress;opacity:.78}
.discovery-status{color:#b9b9be;font-size:13px;min-height:1.5em;margin:12px 0 0}
@media(max-width:900px){.discovery-promo{grid-template-columns:1fr;gap:30px;padding-block:64px}.discovery-promo>div:last-child{align-self:start}}
@media(max-width:560px){.discovery-promo h2{font-size:15vw}.discovery-promo .primary-button{width:100%;justify-content:center}}

/* Research guides extend the editorial map without turning it into a blog feed. */
.guide-promo{background:var(--blue);color:#fff;display:grid;grid-template-columns:1.2fr .8fr;gap:70px;padding:78px clamp(24px,7vw,110px)}
.guide-promo h2{font-size:clamp(42px,6vw,86px);letter-spacing:-.06em;line-height:.95;max-width:900px}
.guide-promo>div:last-child{align-self:end}
.guide-promo>div:last-child>p{font:italic clamp(20px,2vw,29px)/1.45 Georgia,serif;margin:0 0 28px}
.guide-promo .primary-button{background:var(--orange)}
.section-guide-link{background:var(--blue);color:#fff;padding:65px clamp(24px,11vw,180px)}
.section-guide-link h2{font-size:clamp(36px,5vw,72px);letter-spacing:-.055em;line-height:1;max-width:900px}
.section-guide-link>p:not(.eyebrow){font:italic 21px/1.5 Georgia,serif;max-width:700px;margin:22px 0 28px}
.section-guide-link .primary-button{background:var(--orange)}
.guides-index,.guide-page{background:#f7f7f5}
.guides-index>header,.guide-hero{padding:10vh clamp(24px,11vw,180px) 9vh}
.guides-index>header h1,.guide-hero h1{font-size:clamp(68px,10.5vw,158px);letter-spacing:-.075em;line-height:.84}
.guides-index>header>p:last-child,.guide-hero>p:last-child{font:italic clamp(21px,2.4vw,34px)/1.45 Georgia,serif;margin-top:44px;max-width:920px}
.guides-list{background:#fff;border-top:1px solid var(--ink);padding:0 clamp(24px,7vw,110px) 110px}
.guides-list>a{align-items:center;border-bottom:1px solid var(--line);display:grid;grid-template-columns:65px 1fr auto;gap:28px;padding:55px 0}
.guides-list>a>span{color:var(--orange);font-size:13px;letter-spacing:.08em}
.guides-list h2{font-size:clamp(36px,5vw,72px);letter-spacing:-.055em;line-height:1;margin:10px 0 16px}
.guides-list p:last-child{color:var(--soft);font-size:17px;line-height:1.55;max-width:760px}
.guide-intro,.guide-next{background:#fff;border-top:1px solid var(--ink);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding:80px clamp(24px,11vw,180px)}
.guide-intro h2,.guide-next h2{font-size:clamp(36px,4.5vw,67px);letter-spacing:-.055em;line-height:1}
.guide-intro>div:last-child,.guide-next>div:last-child{font:18px/1.68 Georgia,serif}
.guide-intro>div:last-child p:first-child,.guide-next>div:last-child p:first-child{margin-top:0}
.guide-chapters{padding:0 clamp(24px,7vw,110px)}
.guide-chapters>article{border-top:1px solid var(--ink);display:grid;grid-template-columns:80px 1fr;gap:30px;padding:68px 0}
.guide-chapters>article>span{color:var(--orange);font-size:13px;letter-spacing:.08em}
.guide-chapters h2{font-size:clamp(35px,5vw,72px);letter-spacing:-.055em;line-height:1;max-width:1000px}
.guide-chapters article>div>p{font:italic clamp(18px,1.7vw,25px)/1.58 Georgia,serif;max-width:960px;margin:26px 0 35px}
.guide-work-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);max-width:1000px}
.guide-work-links a{align-items:center;background:#fff;display:grid;grid-template-columns:1fr auto;gap:5px 20px;padding:20px}
.guide-work-links a>span{color:var(--soft);font-size:12px;grid-column:1;letter-spacing:.05em;text-transform:uppercase}
.guide-work-links a>b{font-size:16px;grid-column:1;line-height:1.3}
.guide-work-links a>svg{grid-column:2;grid-row:1/3}
.guide-work-links a:hover{background:var(--blue);color:#fff}.guide-work-links a:hover span{color:#fff}
.guide-next{background:var(--blue);color:#fff}.guide-next .primary-button{background:var(--orange);margin-top:22px}
.guide-sources{background:#fff;padding:65px clamp(24px,11vw,180px) 100px}
.guide-sources>p:nth-child(2){color:var(--soft);font-size:15px;line-height:1.6;max-width:720px}
.guide-sources ul{border-top:1px solid var(--line);margin-top:30px}
.guide-sources li{border-bottom:1px solid var(--line)}
.guide-sources a{display:flex;justify-content:space-between;gap:25px;padding:18px 0;font-size:14px}
.guide-sources a span{color:var(--soft)}
@media(max-width:800px){.guide-promo,.guide-intro,.guide-next{grid-template-columns:1fr}.guide-promo{gap:35px}.guide-chapters>article{grid-template-columns:45px 1fr}.guide-work-links{grid-template-columns:1fr}}
@media(max-width:560px){.guide-promo{padding-block:55px}.guide-promo h2{font-size:12vw}.guide-hero h1,.guides-index>header h1{font-size:16vw}.guide-chapters{padding-inline:18px}.guide-chapters>article{grid-template-columns:1fr;gap:16px;padding-block:52px}.guide-intro,.guide-next{padding-inline:24px;gap:30px}.guide-sources a{flex-direction:column;gap:6px}.guides-list{padding-inline:18px}.guides-list>a{grid-template-columns:38px 1fr}.guides-list>a>svg{display:none}}

/* Researched artwork notes are added in verified batches, never generated as filler. */
.expanded-note{background:#f7f7f5;border-block:1px solid var(--ink);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 clamp(24px,7vw,110px)}
.expanded-note article{padding:46px 34px 50px 0}
.expanded-note article+article{border-left:1px solid var(--line);padding-left:34px}
.expanded-note article>p:last-of-type{font:17px/1.63 Georgia,serif;margin-top:20px}
.expanded-note article>a{color:var(--orange);display:inline-block;font-size:13px;font-weight:600;line-height:1.45;margin-top:20px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:850px){.expanded-note{grid-template-columns:1fr}.expanded-note article{padding:38px 0}.expanded-note article+article{border-left:0;border-top:1px solid var(--line);padding-left:0}}
.where-to-see{margin:0 0 24px;max-width:100%}
.where-to-see>summary{display:flex;align-items:center;gap:10px;min-height:44px;width:fit-content;max-width:100%;list-style:none;cursor:pointer;border-radius:4px;color:var(--blue)}
.where-to-see>summary::-webkit-details-marker{display:none}
.where-to-see>summary::marker{content:""}
.where-to-see>summary .work-date{margin:0;line-height:1.5}
.where-icon{position:relative;display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px}
.where-to-see>summary:hover .where-icon,.where-to-see[open] .where-icon{color:var(--orange)}
.where-to-see>summary:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.where-tooltip{position:absolute;bottom:calc(100% + 5px);right:0;z-index:4;width:max-content;max-width:190px;padding:7px 10px;border-radius:3px;background:var(--blue);color:#fff;font:12px/1.4 Arial,sans-serif;opacity:0;visibility:hidden;pointer-events:none}
.where-to-see>summary:hover .where-tooltip,.where-to-see>summary:focus-visible .where-tooltip{opacity:1;visibility:visible}
.where-to-see[open] .where-tooltip,.where-to-see[data-tooltip-hidden] .where-tooltip{display:none}
.where-panel{margin:12px 0 4px;padding:20px;border:1px solid var(--line);border-left:3px solid var(--orange);background:#fff;color:var(--ink);font:1rem/1.6 Arial,sans-serif;overflow-wrap:anywhere}
.where-panel h3{font-size:19px;line-height:1.25;margin:0 0 5px;letter-spacing:-.02em}
.where-panel p{margin:12px 0}
.where-panel .where-city{margin:0;color:var(--soft)}
.where-panel .where-loan{font-size:.875rem;border-top:1px solid var(--line);padding-top:12px}
.where-panel a{color:var(--blue);text-decoration:underline;text-underline-offset:3px;display:inline-block;padding:12px 0 4px;min-height:44px;font-size:.8rem;letter-spacing:.04em;font-weight:700}
.where-panel a:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.where-to-see [hidden]{display:none!important}
@media(max-width:560px){.where-panel{padding:16px}.where-panel h3{font-size:18px}}
@media(prefers-reduced-motion:reduce){.where-to-see *{transition:none}}

/* Show the same symbol as the artwork title/date tiles in its explanation. */
.eye-explanation-label{display:flex;align-items:center;gap:10px;color:var(--blue)}
.eye-explanation-label svg{flex:0 0 20px}

/* A complete overview first; exact original scans, never cropped or mirrored. */
.work-stage:has(.art-image-panels){grid-template-columns:minmax(0,1fr);min-height:0}
.work-image-wrap:has(.art-image-panels){height:auto;min-height:0;display:block;padding:28px 16px;background:#111}
.art-image-panels{background:#111;position:relative;height:auto;min-width:0}
.art-panel-overview{display:grid;direction:ltr;width:100%;align-items:start}
.art-image .art-panel-overview img{display:block;width:100%;height:auto;min-width:0;object-fit:contain}
.art-panel-detail{color:#fff;margin-top:20px}
.art-panel-detail summary{cursor:pointer;min-height:44px;padding:12px;border:1px solid #ffffff60;width:fit-content;font-size:14px}
.art-panel-detail summary:focus-visible,.art-panel-scroll:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.art-panel-help{font-size:13px;line-height:1.6;padding:12px 0;max-width:65ch}
.art-panel-scroll{height:clamp(280px,65vh,650px);max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;direction:ltr;scrollbar-color:var(--orange) #2b2b2e;scrollbar-width:thin}
.art-panel-track{align-items:stretch;display:flex;height:100%;width:max-content;direction:ltr}
.art-image .art-panel-track img{display:block;flex:0 0 auto;height:100%;max-width:none;object-fit:contain;width:auto}
.art-image-panels .image-credit{position:static;opacity:1;margin-top:18px;font-size:11px;line-height:1.5;color:#ddd;display:flex;gap:16px}
.art-image-panels .image-credit span{white-space:normal;overflow:visible}
.art-image-panels .image-credit a{color:inherit;flex-shrink:0}
@media(max-width:560px){.work-image-wrap:has(.art-image-panels){padding:20px 8px}.art-panel-detail summary{font-size:13px}.art-image-panels .image-credit{padding-inline:8px}}

/* Quiet geographic labels for Canon names; preserve the existing type hierarchy. */
.canon-artist-row{grid-template-columns:66px minmax(0,1fr) auto}
.canon-artist-copy{min-width:0}
.canon-artist-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:10px 18px}
.canon-artist-name>b{max-width:100%}
.canon-country-labels{display:inline-flex;flex-wrap:wrap;align-items:center;gap:5px 12px;color:#535a63;font-family:inherit;font-size:.875rem;font-weight:400;line-height:1.5;letter-spacing:normal}
.canon-country{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.canon-flag{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:1rem;line-height:1;flex:none}
@media(max-width:600px){.canon-artist-row{grid-template-columns:30px minmax(0,1fr) 19px;gap:12px}.canon-artist-name{gap:10px 12px}.canon-country-labels{gap:4px 10px}}

/* Keep introductions spaced when explanatory copy follows them. */
.group-hero>h1+p,.index-hero>h1+p{max-width:710px;color:var(--soft);margin:45px 0 0;font:italic clamp(19px,2.1vw,29px)/1.4 Georgia,serif}
.section-hero>h1+p{max-width:540px;margin:0;font-size:clamp(18px,2vw,27px);line-height:1.45}
.section-hero>.category-context{grid-column:1/-1;margin-top:0;min-width:0}
/* World headings and copy have their own rows, including at tablet widths. */
.world-section-hero{grid-template-columns:minmax(0,1fr);gap:28px;min-height:0}
.world-section-hero .eyebrow{grid-column:1;margin-bottom:0}
.world-section-hero h1{max-width:1100px;min-width:0;font-size:clamp(44px,8vw,112px);line-height:1.04;letter-spacing:-.055em}
.world-section-hero>h1+p{max-width:760px}
.world-section-hero>.category-context{max-width:760px;margin-top:0}
.world-index-hero h1{line-height:1.02}
.world-index-hero>.category-context{margin-top:28px;max-width:710px}
@media(max-width:560px){.world-section-hero h1{font-size:clamp(36px,9vw,50px);letter-spacing:-.045em}.world-index-hero>h1+p{margin-top:32px}}

.where-panel .where-caveat{font-size:.875rem;line-height:1.5;color:var(--soft);margin:12px 0 0}

/* Give category explanations the same readable inset as the page headings. */
.category-guide{padding-inline:clamp(28px,8vw,128px)}
.canon-overview>.breadcrumb,.canon-overview>.group-hero,.canon-overview>.section-index{padding-inline:clamp(28px,8vw,128px)}
/* Returning-visit cards preserve the original grid and show full compositions. */
.feature-card[data-home-art-rotated] .art-image>img{object-fit:contain;transform:none}
.feature-card .home-art-panels{display:grid;align-items:center;width:100%;height:100%}
.feature-card .home-art-panels img{width:100%;height:auto;object-fit:contain;transform:none}
.feature-caption small{display:block;font-size:12px;line-height:1.4;margin-top:5px}

/* Detached top-bar segment links the wordmark to the open frame. */
.site-header .header-brand-piece{display:block;width:var(--brand-piece-width);height:var(--brand-piece-height);flex:0 0 var(--brand-piece-width);background:#ee5a20;transform:translateY(4px)}

/* Paired canvases retain complete edges and individual captions. */
.artist-chapters .chapter-heading{max-width:850px;margin:2rem 0 3rem}
.artist-chapters .chapter-heading h2{font-size:clamp(1.8rem,4vw,3.4rem);line-height:1.12;margin:.6rem 0;overflow-wrap:break-word}
.artist-chapters .chapter-heading .work-date{color:#59616a}
.artist-chapters .chapter-heading .work-description{max-width:760px;color:#30363d;font-size:1.125rem;line-height:1.7}
.chapter-paintings{display:grid;gap:2rem;margin-bottom:3rem}
.chapter-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.chapter-painting{min-width:0}
.chapter-painting .art-image{margin:0;background:transparent}
.chapter-painting .art-image>img{width:100%;height:auto;max-height:680px;object-fit:contain;display:block}
.chapter-pair .art-image>img{height:clamp(240px,36vw,530px);object-fit:contain;object-position:center bottom}
.chapter-painting h3{font-size:1.25rem;line-height:1.4;margin:1.4rem 0 .4rem}
.chapter-painting .expanded-note{display:block;margin-top:2rem;padding:0;border:0}
.chapter-painting .expanded-note article{margin-bottom:1.5rem}
.chapter-painting .expanded-note p{font-size:1rem;line-height:1.7}
@media(max-width:650px){.chapter-pair{grid-template-columns:1fr}.chapter-pair .art-image>img{height:auto}.artist-chapters .chapter-heading{margin-top:1.5rem}.chapter-paintings{gap:3rem}}
/* Artist-level exhibition disclosure: the existing eye language, beside the name. */
.artist-name-line{position:relative;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}
.artist-name-line h1{margin-bottom:0;max-width:100%}
.artist-exhibitions>summary{position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;cursor:pointer;color:var(--blue);list-style:none;vertical-align:middle;border-radius:50%}
.artist-exhibitions>summary::-webkit-details-marker{display:none}
.artist-exhibitions>summary:hover,.artist-exhibitions[open]>summary{background:#edf1f4}
.artist-exhibitions>summary:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.artist-exhibition-tooltip{position:absolute;inset-inline-start:50%;bottom:calc(100% + 4px);transform:translateX(-50%);white-space:nowrap;padding:6px 9px;background:var(--blue);color:white;font:12px/1.4 Arial,sans-serif;visibility:hidden;pointer-events:none;z-index:22}
.artist-exhibitions>summary:hover .artist-exhibition-tooltip,.artist-exhibitions>summary:focus-visible .artist-exhibition-tooltip{visibility:visible}
.artist-exhibitions[open] .artist-exhibition-tooltip,.artist-exhibitions[data-tooltip-hidden] .artist-exhibition-tooltip{display:none}
.artist-exhibition-panel{position:absolute;inset-inline-start:0;top:calc(100% + 12px);z-index:21;width:min(380px,100%);max-height:65vh;overflow:auto;box-sizing:border-box;padding:22px;background:#fff;border:1px solid var(--line);border-top:2px solid var(--orange);box-shadow:0 8px 26px #142b4414;color:var(--ink);font:15px/1.5 Arial,sans-serif}
.artist-exhibition-panel .eyebrow{margin:0 0 18px;font-size:11px;color:var(--blue)}
.artist-exhibition-panel h3{font-size:21px;line-height:1.25;letter-spacing:-.02em;margin:0 0 8px}
.artist-exhibition-panel p,.artist-exhibition-panel address{font:inherit;margin:5px 0}
.artist-exhibition-panel .artist-exhibition-venue{font-weight:600}
.artist-exhibition-panel address,.artist-exhibition-panel .artist-exhibition-dates{color:var(--soft);font-size:13px}
.artist-exhibition-panel a{display:block;width:fit-content;min-height:44px;padding:12px 0;box-sizing:border-box;color:var(--blue);font-size:13px;text-decoration:underline;text-underline-offset:3px}
.artist-exhibition-panel a:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.artist-exhibition-item+ .artist-exhibition-item{border-top:1px solid var(--line);padding-top:16px;margin-top:8px}
.artist-exhibition-panel .artist-exhibition-note{font-size:12px;line-height:1.5;color:var(--soft);border-top:1px solid var(--line);padding-top:12px;margin-top:10px}
.artist-exhibitions[hidden],.artist-exhibition-item[hidden]{display:none!important}
@media(max-width:560px){.artist-exhibition-panel{padding:18px;max-height:60vh}.artist-exhibition-panel h3{font-size:19px}.artist-name-line{gap:4px}}

/* New Seeds: complete source images, using the established editorial cards. */
.seed-figure{margin:20px 0 24px}.seed-figure>a{display:block}.seed-figure img{display:block;width:100%;height:300px;object-fit:contain;background:var(--paper,transparent)}.seed-figure figcaption{margin-top:10px;font-size:.75rem;line-height:1.5;color:var(--soft)}
@media(max-width:700px){.seed-figure img{height:auto;max-height:420px;object-fit:contain}}

.header-brand-icon>g:nth-of-type(1)>rect:nth-of-type(1){x:14.8%;y:15.1%;width:8.8%;height:69.8%}.header-brand-icon>g:nth-of-type(1)>rect:nth-of-type(2){x:76.3%;y:15.1%;width:8.9%;height:69.8%}.header-brand-icon>g:nth-of-type(1)>rect:nth-of-type(3){x:14.8%;y:76.5%;width:70.4%;height:8.4%}.header-brand-icon>g:nth-of-type(2)>rect:nth-of-type(1){x:27.35%;y:28.55%;width:5.9%;height:43.75%}.header-brand-icon>g:nth-of-type(2)>rect:nth-of-type(2){x:27.35%;y:66.7%;width:45.25%;height:5.6%}

.afg-arrow{width:19px;height:19px}

.lucide-search.afg-icon-paint{width:18px;height:18px}.lucide-menu.afg-icon-paint{width:20px;height:20px}.afg-eye-paint{width:20px;height:20px}.afg-nav-arrow{width:15px;height:15px}