/* Shared type scale. Body 16/28, secondary 14/22, cards 18/25, sections 32/40. */
:root{--type-body:1rem;--type-secondary:.875rem;--type-label:.75rem;--type-card:1.125rem;--type-section:2rem;--type-page:3rem}
body{font-size:var(--type-body);line-height:1.75}
#main{font-size:var(--type-body);line-height:1.75}
#main h1,#main h2,#main h3{overflow-wrap:anywhere}
#main h1{font-size:var(--type-page);line-height:1.15;letter-spacing:-.025em;margin-bottom:24px}
#main h2{font-size:var(--type-section);line-height:1.25;letter-spacing:-.02em;margin-bottom:18px}
#main h3{font-size:1.5rem;line-height:1.35;letter-spacing:-.01em}
#main p{font-size:var(--type-body);line-height:1.75;overflow-wrap:anywhere}
#main .eyebrow{font-size:var(--type-label);line-height:1.5;letter-spacing:.12em;margin-bottom:14px}
#main .button,#main .text-button,#main .tabs a,#main .tabs button{font-size:var(--type-body);line-height:1.5;min-height:44px}
#main .button{padding:8px 16px;gap:8px}
#main .button.small{font-size:var(--type-secondary);padding:7px 12px}
#main .receipt,#main .notice,#main .form-error,#main .field small,#main .artist-detail-note,#main .artist-demo-links,#main .artwork-enquiry-note,#main .external-notice,#main .demo-note,#main .username-hint,#main small{font-size:var(--type-secondary);line-height:1.6}
#main .field,#main label.check,#main legend{font-size:var(--type-secondary);line-height:1.6}
#main input:not([type=checkbox]):not([type=radio]),#main textarea,#main select{font-size:var(--type-body);line-height:1.5}
#main textarea{line-height:1.75}
#main .field{margin-bottom:22px}
#main .field input,#main .field select,#main .field textarea{margin-top:8px}
#main .check-group label.check{font-size:var(--type-secondary);line-height:1.6;margin:6px 0}
#main .tag,#main .artist-availability,#main .directory-tags span,#main .artist-practice-tags span,#main .artwork-kind,#main .reading-category{font-size:var(--type-secondary);line-height:1.5;letter-spacing:0;padding:5px 10px}
#main .demo-label{font-size:var(--type-label);line-height:1.4;letter-spacing:0}
#main .directory-person .demo-label{left:auto}

/* Shared search controls retain their compact labels and readable values. */
#main .gallery-toolbar{align-items:stretch}
#main .gallery-filter>span,#main .searchable-filter>span{font-size:var(--type-secondary);line-height:18px;margin-bottom:0}
#main .gallery-filter{padding:3px 12px;min-height:48px}
#main .filter-trigger{font-size:var(--type-body);line-height:22px;min-height:22px}
#main .gallery-filter>input,#main .gallery-filter>select{height:22px;min-height:22px;line-height:22px}
#main .filter-option{font-size:var(--type-body);line-height:1.5;min-height:44px}
#main .filter-option-search input{font-size:var(--type-body);height:40px!important;min-height:40px!important;line-height:1.5}
#main .filter-no-options,#main .gallery-filter-reset,#main .gallery-filter-reset .text-button{font-size:var(--type-secondary);line-height:1.6}
#main .gallery-filter-reset .text-button{min-height:32px}
#main .gallery-query{min-height:48px;gap:10px}
#main .gallery-query input{padding-block:10px!important;font-size:var(--type-body)}
#main .gallery-order{font-size:var(--type-body);line-height:1.6;align-items:baseline;margin-bottom:20px!important}
#main .gallery-order span,#main .category-count{font-size:var(--type-secondary);line-height:1.5}
#main .gallery-categories a,#main .gallery-categories a>span,#main .directory-categories a,#main .discipline-chip{font-size:var(--type-secondary);line-height:1.5}
#main .gallery-filter-reset{gap:16px;align-items:center}

/* Keep the established art and palette; normalize the words around them. */
#main .colour-hero-copy h1,#main .creators-hero h1,#main .explore-hero h1,#main .stories-hero h1{font-size:var(--type-page);line-height:1.15}
#main .colour-hero-copy>p:not(.eyebrow),#main .creators-hero>div>p:not(.eyebrow),#main .explore-hero>div>p:last-child,#main .stories-hero>div>p:not(.eyebrow){font-size:1.125rem;line-height:1.7}
#main .colour-intro h2,#main .colour-community .colour-intro h2,#main .colour-belong h2,#main .gallery-intro h2,#main .artist-about h2,#main .gallery-invite .invite-copy h2{font-size:var(--type-section);line-height:1.25}
#main .colour-intro>p:not(.eyebrow),#main .colour-belong p:not(.eyebrow),#main .gallery-intro>p:not(.eyebrow),#main .gallery-invite .invite-copy>p:not(.eyebrow){font-size:var(--type-body);line-height:1.75}
#main .hero-values strong,#main .hero-values small{font-size:var(--type-secondary);line-height:1.5}
#main .hero-values{gap:16px}
#main .hero-values>span{min-width:0;grid-template-columns:22px minmax(0,1fr)}
#main .colour-category h3{font-size:var(--type-secondary);line-height:1.5}
#main .colour-category p{font-size:var(--type-secondary);line-height:1.5}
#main .colour-connections strong{font-size:var(--type-body);line-height:1.5}
#main .colour-connections small{font-size:var(--type-secondary);line-height:1.5}
#main .invite-benefits{font-size:var(--type-body);line-height:1.6;gap:10px}
#main .invite-footnote{font-size:var(--type-secondary);line-height:1.6}
#main .gallery-invite .invite-copy>.eyebrow{font-size:var(--type-label);line-height:1.5}
#main .gallery-invite .invite-art>.gallery-note{font-size:2rem!important;line-height:1.3!important}
#main .gallery-invite .button.coral{font-size:var(--type-body);min-height:52px}

/* Cards use one title size and one secondary size across discovery and saved work. */
#main .card .card-body h3,#main .gallery-card .card-body h3,#main .story-card .card-body h3,#main .creator-card-copy h3,#main .directory-person h2{font-family:var(--sans);font-size:var(--type-card);font-weight:600;line-height:1.4;letter-spacing:0}
#main .card .card-body p,#main .gallery-card .card-body p,#main .story-card .card-body p,#main .creator-card-copy p,#main .directory-person p,#main .directory-bottom>span{font-size:var(--type-secondary);line-height:1.6}
#main .directory-card .directory-bio{font-size:var(--type-body);line-height:1.7!important}
#main .directory-bottom .button{font-size:var(--type-secondary);line-height:1.5;min-height:42px}
#main .card .card-body .tag{font-size:var(--type-secondary);line-height:1.4}
#main .gallery-card .card-body{padding-top:16px;padding-bottom:18px}
#main .card .text-preview,#main .gallery-card .text-preview{font-size:var(--type-card);line-height:1.7}
#main .artist-story-grid>.gallery-card:only-child .card-body h3{font-size:1.5rem;line-height:1.35}
#main .gallery-card .bookmark-control{width:40px;height:40px;padding:10px}
#main .gallery-card .card-body{padding-right:48px}
#main .artist-work-grid .card-visual{min-height:180px}
#main .artist-tabs{gap:12px 28px;flex-wrap:wrap}
#main .artist-tabs a,#main .artist-socials a{font-size:var(--type-secondary);line-height:1.5;min-height:44px}
#main .artist-summary h1{font-size:2.5rem;line-height:1.2}
#main .artist-summary .artist-practices{font-size:var(--type-body);line-height:1.6}
#main .artist-summary .artist-location{font-size:var(--type-secondary);line-height:1.6}
#main .artist-summary .artist-bio-short,#main .artist-full-bio,#main .artist-milestones p{font-size:var(--type-body);line-height:1.75}
#main .artist-about h2{font-size:1.75rem;line-height:1.3;max-width:none;margin-bottom:18px}
#main .artist-about .artist-full-bio{font-size:1.25rem;line-height:1.85;max-width:65ch;white-space:pre-wrap}
#main .card .text-preview{height:100%;min-height:0}
#main .text-preview-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}
#main .artist-story-grid>.gallery-card:only-child .text-preview-copy{-webkit-line-clamp:5;line-clamp:5}
/* Reading cues stay inside the existing preview, outside the card's height flow. */
#main .colour-home :is(.colour-work-grid,.story-grid)>.card{height:100%;align-self:stretch}
#main .colour-home :is(.colour-work-grid,.story-grid)>.card>a{display:flex;flex-direction:column;height:100%}
#main .colour-home :is(.colour-work-grid,.story-grid)>.card>a>.card-visual{flex:none}
#main .colour-home :is(.colour-work-grid,.story-grid)>.card>a>.card-body{flex:1}
#main .card .read-full-text{position:absolute;right:12px;bottom:10px;display:inline-flex;align-items:center;gap:6px;max-width:calc(100% - 24px);margin:0;padding:4px 9px;border:1px solid #e2d8cd;border-radius:18px;background:#fffcf7f5;color:var(--plum);font-family:var(--sans);font-size:12px;font-weight:500;line-height:1.5;text-decoration:none;white-space:nowrap;transition:color .2s,border-color .2s}
#main .card .read-full-text .ui-icon{position:static;flex:0 0 14px;width:14px;height:14px;padding:0;border:0;background:none;opacity:1;transform:none}
#main .card .card-visual:has(.read-full-text) .text-preview{padding-bottom:48px}
#main .card>a:is(:hover,:focus-visible) .read-full-text{color:var(--coral);border-color:#ce9a88}
@media(prefers-reduced-motion:reduce){#main .card .read-full-text{transition:none}}
.artwork-context:has(>.artwork-author:only-child){grid-template-columns:minmax(0,1fr)}
@media(max-width:700px){#main .artist-story-grid>.gallery-card:only-child .text-preview-copy{-webkit-line-clamp:4;line-clamp:4}#main .artist-about .artist-full-bio{font-size:1.125rem}}
#main .artist-summary .actions{margin-block:18px 14px}
#main .artist-social-panel .artist-demo-links{font-size:var(--type-secondary);line-height:1.6}
#main .artist-collection-summary h3,#main .artist-contact-panel h3{font-size:1.5rem;line-height:1.35}
#main .artist-collection-summary summary,#main .artist-collection-summary li a{font-size:var(--type-body);line-height:1.6}
#main .artist-collection-summary>.artist-detail-note{font-size:var(--type-secondary)}
#main .artist-collection-summary::before{font-size:2.5rem}
#main .artist-recognition-empty h3,#main .gallery-empty h3,#main .empty h3{font-size:1.5rem;line-height:1.35}

/* Reading pages favour generous leading rather than oversized headings. */
#main .artwork-meta h1{font-size:2.5rem;line-height:1.2}
#main .artwork-description{font-size:var(--type-body);line-height:1.75!important}
#main .artwork-breadcrumb,#main .artwork-breadcrumb a{font-size:var(--type-secondary);line-height:1.6}
#main .artwork-creator strong{font-size:var(--type-body);line-height:1.5}
#main .artwork-creator small{font-size:var(--type-secondary);line-height:1.6}
#main .artwork-facts>div{font-size:var(--type-secondary);line-height:1.65;grid-template-columns:120px minmax(0,1fr)}
#main .artwork-facts{gap:14px}
#main .artwork-context h2,#main .reading-surface h2{font-size:1.75rem;line-height:1.35}
#main .artwork-context p:not(.eyebrow){font-size:var(--type-body);line-height:1.75}
#main .reading-body,#main .poem{font-size:1.375rem;line-height:1.9;letter-spacing:0}
#main .is-story .reading-body{font-size:1.125rem;line-height:1.85}
#main .reading-signature{font-size:var(--type-secondary);line-height:1.6}
#main .artwork-page .work-media figcaption{font-size:var(--type-secondary);line-height:1.6}
#main .artwork-report{font-size:var(--type-secondary);line-height:1.5}

/* Studio, policies, support, account and administrative surfaces share the scale. */
#main .form-panel h2,#main .workspace-layout>section>h2{font-size:1.75rem;line-height:1.3}
#main .form-panel h3,#main .list-item h3,#main .metric-card h3{font-size:1.375rem;line-height:1.4}
#main .studio-discipline-group h3{font-family:var(--sans);font-size:var(--type-body);line-height:1.5}
#main .profile-details-fields legend{font-size:var(--type-body);line-height:1.5}
#main .sidebar a{font-size:var(--type-body);line-height:1.5}
#main .summary-data,#main table,#main .status,#main .list-item p{font-size:var(--type-secondary);line-height:1.6}
#main pre{font-size:var(--type-secondary);line-height:1.6}
#main .summary-data>div{gap:16px;flex-wrap:wrap}
#main .prose{max-width:960px}
#main .prose h1{font-size:2.5rem;line-height:1.2;max-width:22ch}
#main .prose h2{font-size:1.75rem;line-height:1.35;margin-top:32px}
#main .prose p,#main .long-copy{line-height:1.8}
#main .login h1,#main .error-page h1{font-size:2.5rem;line-height:1.2}
#main .login{max-width:600px}
#main .private-nav{margin-bottom:32px}
#modal h2{font-size:1.75rem;line-height:1.3}
#modal p,#modal input,#modal .button{font-size:var(--type-body);line-height:1.65}
#modal .receipt{font-size:var(--type-secondary);line-height:1.6}
#modal .actions{gap:12px}
.site-header #navigation>a{font-size:var(--type-body);line-height:1.5}
.site-header .header-actions .button,.locale-switch button{font-size:var(--type-secondary);line-height:1.5}
.reference-footer h3{font-size:var(--type-body);line-height:1.5}
.reference-footer p,.reference-footer nav a,.reference-footer .text-button,.reference-footer .footer-discipline-link,.reference-footer .footer-bottom{font-size:var(--type-secondary);line-height:1.7}
.reference-footer nav{gap:8px}
.reference-footer .footer-discipline-link span{overflow-wrap:anywhere}
html[lang=hi] #main h1,html[lang=hi] #main h2,html[lang=hi] #main h3{line-height:1.4;letter-spacing:0}

/* Stories uses the established painted gallery composition and control family. */
.stories-hero{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding-block:40px 28px}
.stories-hero>div{max-width:540px}
.stories-hero>img{width:100%;height:300px;object-fit:contain}
.stories-hero h1 em{font-weight:400;color:#995b87}
.stories-gallery .stories-search{padding:18px 20px 12px;margin-bottom:28px}
.stories-gallery .gallery-toolbar{grid-template-columns:minmax(0,2fr) minmax(160px,1fr) minmax(160px,1fr) auto}
.stories-gallery .gallery-secondary{grid-template-columns:1fr 1fr}
.stories-gallery .story-advanced{margin-top:14px;border-top:1px solid #ece3dc;padding-top:10px}
.story-advanced summary{font-size:var(--type-secondary);line-height:1.6;cursor:pointer;min-height:36px;display:list-item;list-style-position:inside}
.stories-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.stories-gallery .gallery-content{padding-bottom:64px}
.stories-gallery .gallery-query{grid-column:auto}
.stories-gallery .gallery-load{padding-block:28px}
.offline{font-size:var(--type-body);line-height:1.75}
.offline h1{font-size:2.5rem;line-height:1.2}
.offline p,.offline .button{font-size:var(--type-body);line-height:1.75}

@media(max-width:1100px){
 #main .hero-values{flex-wrap:wrap}
 .stories-hero{gap:24px}.stories-hero>img{height:260px}
 #main .gallery-filter-reset{align-items:start}
 .site-header #navigation>a{font-size:var(--type-secondary)}
}
@media(max-width:700px){
 :root{--type-page:2.25rem;--type-section:1.75rem}
 #main h1{line-height:1.2}
 #main .artist-summary h1,#main .artwork-meta h1,#main .prose h1,#main .login h1,#main .error-page h1{font-size:2rem;line-height:1.25}
 #main h3,#main .form-panel h3,#main .list-item h3{font-size:1.25rem;line-height:1.4}
 #main .form-panel h2,#main .workspace-layout>section>h2{font-size:1.5rem;line-height:1.35}
 #main .artist-collection-summary h3,#main .artist-contact-panel h3,#main .artwork-context h2,#main .reading-surface h2{font-size:1.5rem;line-height:1.4}
 #main .hero-values{gap:12px}
 #main .hero-values>span{padding-inline:6px;max-width:100%}
 #main .artist-tabs{gap:0 18px}
 #main .artist-tabs a{font-size:var(--type-secondary);padding-block:12px}
 #main .gallery-page .artist-work-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
 #main .gallery-page .artist-work-grid[data-count="1"]{grid-template-columns:minmax(0,1fr)}
 #main .gallery-page .artist-work-grid[data-count="1"] .card-visual{height:240px}
 #main .artist-work-grid .card-visual{min-height:150px}
 #main .gallery-invite .invite-art>.gallery-note{font-size:1.5rem!important;line-height:1.35!important}
 #main .gallery-filter-reset>span{max-width:55%;text-align:right}
 #main .gallery-filter-reset{font-size:var(--type-secondary);gap:12px}
 #main .gallery-order{align-items:start;gap:16px}
 #main .gallery-order span{max-width:45%;text-align:right}
 #main .gallery-categories a>span{font-size:var(--type-secondary)}
 #main .reading-body,#main .poem{font-size:1.25rem;line-height:1.9}
 #main .is-story .reading-body{font-size:1.0625rem;line-height:1.85}
 #main .artwork-facts>div{grid-template-columns:105px minmax(0,1fr)}
 #main .sidebar a{font-size:var(--type-secondary)}
 #main .directory-bottom{align-items:stretch}
 #main .directory-bottom>span{max-width:none}
 #main .directory-tags span{font-size:var(--type-secondary);padding:4px 8px}
 #main .artwork-section-heading{align-items:start}
 #main .artwork-section-heading>.text-button{flex-shrink:0;font-size:var(--type-secondary)}
 #main .artwork-context .button{font-size:var(--type-secondary)}
 #main .artist-about .actions{gap:12px 20px}
 .site-header #navigation>a{font-size:var(--type-body)}
 .locale-switch button{font-size:var(--type-secondary);min-width:32px;padding:4px 6px}
 .stories-hero{grid-template-columns:1fr;gap:10px;padding-top:28px;padding-bottom:24px}
 .stories-hero>img{height:220px}
 .stories-gallery .gallery-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stories-gallery .gallery-query{grid-column:1/-1}
 .stories-gallery .gallery-toolbar>.button{grid-column:1/-1}
 .stories-gallery .gallery-secondary{grid-template-columns:1fr}
 .stories-grid{grid-template-columns:minmax(0,1fr)}
 .stories-gallery .stories-search{padding:15px 14px 10px}
 .stories-gallery .card-visual{height:220px}
 .offline h1{font-size:2rem;line-height:1.25}
}
@media(max-width:360px){
 #main .gallery-grid:not(.stories-grid),#main .directory-grid{grid-template-columns:minmax(0,1fr)}
 #main .gallery-page .artist-work-grid{grid-template-columns:minmax(0,1fr)}
 #main .gallery-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 .site-header .brand img{width:108px}
}

/* Compact discovery controls, with room for labels and a 16px selected value. */
#main .field input:not([type=checkbox]):not([type=radio]):not([type=file]),#main .field select{min-height:44px;padding:8px 12px}
#main .gallery-toolbar>.button{min-height:48px;align-self:center;padding:10px 16px}
#main .gallery-query{align-self:center}
#main .gallery-categories a>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;max-width:100%;line-height:1.5}
#main .gallery-categories .category-count{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:24px;margin:0;padding:1px 6px;white-space:nowrap}
#main .gallery-invite .button.coral{min-height:48px;padding:10px 20px}

/* One linked card: identity, short introduction and a clear profile destination. */
.directory-card{transition:border-color .18s,box-shadow .18s}
.directory-card>a{display:flex;flex-direction:column}
.directory-card:hover,.directory-card:focus-within{border-color:#c9aed6;box-shadow:0 8px 24px #553c6817}
.directory-card>a:focus-visible{outline-offset:-4px}
#main .directory-person{display:flex;align-items:flex-end;gap:12px;min-height:0;padding:0 16px;margin-top:-26px}
#main .directory-avatar{width:70px;height:70px;flex:0 0 70px}
#main .directory-person>div{padding-bottom:2px}
#main .directory-person h2{margin:0 0 3px;font-size:18px;line-height:1.35}
#main .directory-person .directory-location{font-size:14px;line-height:1.5;margin:0}
#main .directory-card .directory-bio{padding:0 16px;margin:14px 0 12px;min-height:0;font-size:16px;line-height:1.65!important}
#main .directory-tags{padding:0 16px 14px;margin-top:auto}
#main .directory-tags span{font-size:14px;padding:3px 9px}
#main .directory-bottom{margin:0 16px;padding:12px 0;display:flex;flex-direction:column;align-items:flex-start;gap:6px}
#main .directory-bottom>span{max-width:none;font-size:14px;line-height:1.5}
#main .directory-bottom .directory-profile-link{display:inline-flex;align-items:center;gap:8px;color:#624177;font-weight:600}
.directory-profile-link .ui-icon{width:16px;height:16px;transition:transform .18s}
.directory-card:hover .directory-profile-link .ui-icon{transform:translateX(4px)}

.reference-footer .footer-discipline-link{padding:7px 10px;border:1px solid transparent;border-radius:12px;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.reference-footer .footer-discipline-link img{transition:transform .18s}
.reference-footer .footer-discipline-link:hover,.reference-footer .footer-discipline-link:focus-visible{color:#5c3470;background:linear-gradient(110deg,#fff0d7,#f3e5f3);border-color:#dbc4df;box-shadow:0 4px 12px #60416d15;transform:translateY(-2px);text-decoration:none}
.reference-footer .footer-discipline-link:hover img{transform:scale(1.12) rotate(-4deg)}
.reference-footer .footer-discipline-link:focus-visible{outline:2px solid #79528e;outline-offset:2px}
@media(max-width:1100px) and (min-width:701px){.stories-gallery .gallery-toolbar{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr)}.stories-gallery .gallery-toolbar>.button{grid-column:3}}
@media(max-width:700px){
 #main .explore-gallery .gallery-categories{grid-template-columns:repeat(2,minmax(0,1fr))}
 #main .directory-person{display:block;padding:0 12px;margin-top:-25px}
 #main .directory-avatar{width:64px;height:64px}
 #main .directory-person>div{padding:8px 0 0}
 #main .directory-person h2{margin:0 0 3px}
 #main .directory-card .directory-bio{padding:0 12px;margin:12px 0;font-size:14px}
 #main .directory-tags{padding:0 12px 12px}
 #main .directory-bottom{margin:0 12px}
}
@media(prefers-reduced-motion:reduce){.directory-card,.directory-profile-link .ui-icon,.reference-footer .footer-discipline-link,.reference-footer .footer-discipline-link img{transition:none}.reference-footer .footer-discipline-link:hover,.reference-footer .footer-discipline-link:focus-visible,.reference-footer .footer-discipline-link:hover img,.directory-card:hover .directory-profile-link .ui-icon{transform:none}}

/* Creator identity sits below the painted cover; directory cards keep a quiet footer. */
#main .directory-person>div{padding-top:40px}
#main .directory-avatar{align-self:flex-start}
#main .directory-bottom{padding-block:12px;min-height:46px}
.creators-gallery .gallery-toolbar{grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr))}
.creators-gallery .gallery-toolbar>.gallery-query{grid-column:1/-1}
.creators-gallery .gallery-toolbar>.button{grid-column:3}
@media(min-width:1101px){
 .creators-gallery .gallery-toolbar{grid-template-columns:minmax(200px,2fr) repeat(2,minmax(180px,1fr))}
 .creators-gallery .gallery-toolbar>.gallery-query{grid-column:1}
 .creators-gallery .gallery-toolbar>.button{grid-column:3}
}
@media(max-width:700px){
 .creators-gallery .gallery-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 .creators-gallery .gallery-toolbar>.button{grid-column:1/-1}
 #main .directory-person>div{padding-top:8px}
}

@media(min-width:701px){
 #main .explore-gallery .gallery-categories{grid-template-columns:repeat(auto-fit,minmax(165px,1fr))}
 #main .colour-category-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
}

/* Discovery uses exactly the same controls and layout on every listing page. */
#main .discovery-search{padding:18px 20px 12px;margin-top:-5px;margin-bottom:24px}
#main .discovery-search .gallery-toolbar{grid-template-columns:minmax(230px,2fr) minmax(155px,1.25fr) minmax(150px,1.1fr) minmax(90px,.7fr) auto;align-items:stretch}
#main .discovery-search .gallery-query,#main .discovery-search .gallery-toolbar>.button{grid-column:auto}
@media(max-width:1100px){
 #main .discovery-search .gallery-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}
 #main .discovery-search .gallery-query{grid-column:span 2}
}
@media(max-width:700px){
 #main .discovery-search{padding:15px 14px 10px}
 #main .discovery-search .gallery-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))}
 #main .discovery-search .gallery-query{grid-column:1/-1}
 #main .discovery-search .gallery-toolbar>.button{grid-column:auto}
 #main .discovery-search .gallery-filter-reset>span{max-width:55%}
}

/* Hero highlights share aligned columns instead of squeezing text beside icons. */
#main .hero-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:100%;max-width:none;margin-top:28px;align-items:stretch}
#main .hero-values>span{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:22px auto 1fr;gap:7px;min-width:0;max-width:none;padding:0 14px;border:0;border-left:1px solid #d9ced1;align-content:start}
#main .hero-values>span:first-child{border-left:0;padding-left:0}
#main .hero-values>span:last-child{padding-right:0}
#main .hero-values .ui-icon{grid-column:1;grid-row:1;align-self:start;width:22px;height:22px;object-fit:contain}
#main .hero-values strong{grid-column:1;grid-row:2;font-size:14px;line-height:1.5;margin:0}
#main .hero-values small{grid-column:1;grid-row:3;font-size:14px;line-height:1.5;margin:0}
@media(min-width:701px) and (max-width:1100px){
 .colour-hero-art{width:calc(100% + 40px);margin-left:0}
}
@media(max-width:1100px){
 #main .hero-values{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:24px}
 #main .hero-values>span,#main .hero-values>span:first-child,#main .hero-values>span:last-child{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto;gap:2px 12px;padding:0 0 12px;border:0;border-bottom:1px solid #d9ced1}
 #main .hero-values>span:last-child{padding-bottom:0;border-bottom:0}
 #main .hero-values .ui-icon{grid-column:1;grid-row:1/3;align-self:start;margin-top:2px}
 #main .hero-values strong{grid-column:2;grid-row:1}
 #main .hero-values small{grid-column:2;grid-row:2}
}

/* One public hero pattern: eyebrow, serif lead, painted word and illustration. */
#main .page-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:40px;max-width:1332px;min-height:420px;margin-inline:auto;padding:36px 54px}
#main .page-hero .page-hero-copy{align-self:start;width:100%;max-width:540px;padding-top:0;text-align:left}
#main .page-hero .eyebrow{font-size:12px;line-height:1.5;letter-spacing:.12em;color:#a35c57;margin:0 0 16px}
#main .page-hero h1{font-family:'SP Display','SP Hindi Display',Georgia,serif;font-size:48px;font-weight:500;line-height:1.15;letter-spacing:-.025em;max-width:none;margin:0 0 22px}
#main .page-hero .hero-word{display:block;width:100%;max-width:460px;height:auto;margin:7px 0 0 -6px;object-fit:contain}
#main .page-hero .hero-word-text{width:fit-content;max-width:100%;font-family:'SP Hindi Display',serif;font-size:76px;font-weight:700;font-style:normal;line-height:1.3;letter-spacing:0;background:linear-gradient(110deg,#ff8b2d,#f22983 38%,#a92bec 65%,#087ee8);background-clip:text;-webkit-background-clip:text;color:transparent}
#main .page-hero .page-hero-copy>p:not(.eyebrow){max-width:480px;font-size:18px;line-height:1.7;margin:0 0 14px}
#main .page-hero .page-hero-copy>p.creators-hero-note{font-size:14px;line-height:1.6;margin-bottom:0}
#main .page-hero>img{grid-row:auto;grid-column:auto;width:100%;max-width:100%;height:380px;object-fit:contain;object-position:center;margin:0;aspect-ratio:auto}
#main .colour-hero-inner.page-hero{min-height:590px}
#main .colour-hero-inner.page-hero>img{height:480px}
@media(max-width:1100px) and (min-width:701px){
 #main .page-hero{gap:24px;padding-inline:35px}
 #main .page-hero h1{font-size:40px}
 #main .page-hero>img,#main .colour-hero-inner.page-hero>img{height:340px}
}
@media(max-width:700px){
 #main .page-hero,#main .colour-hero-inner.page-hero{grid-template-columns:minmax(0,1fr);gap:20px;min-height:0;padding:28px 24px 30px}
 #main .page-hero h1{font-size:36px;line-height:1.2;margin-bottom:18px}
 #main .page-hero .hero-word{max-width:460px;margin-left:-4px}
 #main .page-hero .hero-word-text{font-size:56px;line-height:1.3}
 #main .page-hero .page-hero-copy>p:not(.eyebrow){font-size:18px;line-height:1.7}
 #main .page-hero>img,#main .colour-hero-inner.page-hero>img{grid-row:2;height:auto;max-height:290px;width:100%;margin:0}
}
@media(max-width:360px){#main .page-hero,#main .colour-hero-inner.page-hero{padding-inline:20px}}

/* Mobile studio invitation carries the painted hero palette and its own hierarchy. */
#main .colour-hero-copy .hero-create-profile{display:none}
#main .hero-discovery-symbol{display:none}
@media(max-width:700px){
 #main .colour-hero-copy .actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 14px;max-width:440px}
 #main .colour-hero-copy .hero-create-profile{position:relative;isolation:isolate;display:flex;grid-column:1/-1;align-items:center;gap:12px;min-height:82px;padding:15px 16px;border:1px solid #c94354;border-radius:22px 22px 22px 6px;color:#fff;background:radial-gradient(ellipse at 0 0,#fff3 0,transparent 65%),linear-gradient(112deg,#bd422e,#b22e55 60%,#87305f);box-shadow:0 8px 20px #a43a4224;text-decoration:none;overflow:hidden}
 #main .hero-create-profile::after{content:'';position:absolute;z-index:-1;width:118px;height:118px;right:-24px;bottom:-82px;border:16px solid #ffffff12;border-radius:50%;transform:rotate(-15deg)}
 #main .hero-profile-mark{display:grid;place-items:center;flex:0 0 42px;height:44px;border:1px solid #ffffff59;background:#ffffff19;border-radius:15px 15px 15px 5px;transform:rotate(-6deg)}
 #main .hero-profile-mark .ui-icon{width:24px;height:24px;filter:brightness(0) invert(1);transform:rotate(6deg)}
 #main .hero-profile-copy{display:grid;gap:3px;min-width:0}
 #main .hero-profile-copy strong{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.01em;color:#fff}
 #main .hero-profile-copy small{font-size:12px;line-height:1.5;color:#fff2e8}
 #main .hero-profile-arrow{display:grid;place-items:center;flex:0 0 30px;height:30px;margin-left:auto;border-radius:50%;background:#fff8ee}
 #main .hero-profile-arrow .ui-icon{width:17px;height:17px;filter:none}
 #main .colour-hero-copy .hero-create-profile:hover{background:linear-gradient(112deg,#ac3827,#a0274d 60%,#782952);color:#fff}
 #main .colour-hero-copy .hero-create-profile:focus-visible{outline:3px solid #102c42;outline-offset:4px}
 #main .colour-hero-copy .actions>.hero-discovery-action{display:flex;justify-content:flex-start;align-items:center;align-self:stretch;min-width:0;min-height:76px;margin:0;padding:12px 10px;gap:9px;border:1px solid #ddbaaa;border-radius:17px 17px 17px 5px;background:linear-gradient(135deg,#fffaf3,#fbe9df);box-shadow:0 3px 9px #603f2a0a;color:#713d2f;font-size:13px;font-weight:600;text-align:left;line-height:1.45;text-transform:none;white-space:normal}
 #main .colour-hero-copy .actions>.hero-discovery-action:last-child{border-color:#cbbbd8;border-radius:17px 17px 5px 17px;background:linear-gradient(135deg,#fffcfa,#eee6f4);color:#543b69}
 #main .hero-discovery-action>span:not(.hero-discovery-symbol){min-width:0;max-width:110px}
 #main .hero-discovery-action>.ui-icon{display:none}
 #main .hero-discovery-action .hero-discovery-symbol{display:grid;place-items:center;flex:0 0 30px;height:32px;border:1px solid #e5caba;border-radius:11px 11px 11px 4px;background:#fff9f0;transform:rotate(-5deg)}
 #main .hero-discovery-action:last-child .hero-discovery-symbol{border-color:#d7c9e1;border-radius:11px 11px 4px 11px;background:#faf5ff;transform:rotate(5deg)}
 #main .hero-discovery-symbol .ui-icon{width:18px;height:18px;filter:none;transform:rotate(5deg)}
 #main .hero-discovery-action:last-child .hero-discovery-symbol .ui-icon{transform:rotate(-5deg)}
 #main .colour-hero-copy .actions>.hero-discovery-action:hover{border-color:#b57960;background:#f9e3d5;color:#713d2f;text-decoration:none}
 #main .colour-hero-copy .actions>.hero-discovery-action:last-child:hover{border-color:#9c7caf;background:#e9dcf2;color:#543b69}
 #main .colour-hero-copy .actions>.hero-discovery-action:focus-visible{outline:3px solid #102c42;outline-offset:3px}
}
@media(max-width:360px){
 #main .colour-hero-copy .hero-create-profile{padding:13px 12px;gap:10px}
 #main .hero-profile-mark{flex-basis:36px;height:40px}
 #main .hero-profile-copy strong{font-size:17px}
 #main .colour-hero-copy .actions{column-gap:8px}
 #main .colour-hero-copy .actions>.hero-discovery-action{font-size:12px;padding:11px 8px;gap:7px}
 #main .hero-discovery-action .hero-discovery-symbol{flex-basis:27px;height:30px}
}