/* Color reference: dusty rose, berry, teal, aqua and antique gold.
   Tye's paintings, typography and collage composition remain the visual source. */
:root{--cream:#fbf7f4;--ink:#2b2935;--charcoal:#2b2935;--muted:#625663;--rust:#a32968;--rose:#a32968;--pink:#e5aebb;--sun:#c9ad64;--butter:#f2e7c9;--blush:#f1e8ed;--line:#dcc9d2;--accent:#96c8cc;--berry:#a32968;--teal:#316d72;--aqua:#96c8cc;--gold:#c9ad64;--gold-ink:#886428;--paint-pink:#e5aebb;--paint-yellow:#c9ad64;--paint-cream:#fbf7f4;--paint-teal:#316d72}
body{background-color:var(--cream)}
.site-header{background:rgba(251,247,244,.97);border-bottom-color:#cdb9c7}
.concept-bar{background:#c12b72;color:#fffaf8}.status-dot{background:#f3dfaa}
.wordmark,.site-header nav a:hover{color:var(--teal)}
.button.dark{background:var(--teal);border-color:var(--teal);color:#fffaf8}
.button.dark:hover{background:var(--berry);border-color:var(--berry)}
.button.light{background:#fffdfb;border-color:#799b9c;color:var(--teal)}
.text-link{color:var(--teal)}
.hero h1{color:var(--ink)}.hero h1 em{color:var(--berry)}
.hero-creative::before{background:#e7b1bd}
.hero-art::before{background:#e4b7c5}
.hero-main-work,.hero-art-fragment{background:#fffdf9!important}
.hero-main-work img{background:#f7f0e8}
.hero-art-stamp{background:var(--gold);color:var(--ink)}
.studio-handnote{color:var(--teal)}.studio-handnote strong{color:var(--berry)}
.hero-footnote{color:var(--muted)}
.element-mini i{background:var(--gold)}.element-mini i:nth-child(2){background:var(--aqua)}.element-mini i:nth-child(3){background:#bc95b0}.element-mini i:nth-child(4){background:#d875a1}.element-mini i:nth-child(5){background:#98af9d}
.manifesto-strip{background:#f0e9ed;border-color:#a5bec0}.manifesto-strip p{color:var(--teal)}.manifesto-strip p em{background:#e7b1bd;color:#57334b}.manifesto-strip>span{color:var(--gold-ink)}
.section-heading h2,.about-copy h2{color:var(--berry)}
.section-heading h2 em,.about-copy h2 em{color:var(--gold-ink)}
.tiny-star,.heart-mark{color:var(--berry)}
.element-tab{background:#fbf7f4;border-color:#9e8d9e}
.element-tab:not(.active):hover{background:#f0e9ed}
.element-tab.active{background:#f2e7c9}
.element-tab[data-element=water].active{background:#dfedef}
.element-tab[data-element=ether].active{background:#eee2ec}
.element-tab[data-element=fire].active{background:#edccd8}
.element-tab[data-element=earth].active{background:#e3ebe4}
.element-panel{background:#f2e7c9;--panel-dark:#825e26;--panel-light:#dec78d}
.element-panel[data-theme=water]{background:#dfedef;--panel-dark:#2d6269;--panel-light:#97c8cc}
.element-panel[data-theme=ether]{background:#eee2ec;--panel-dark:#82426b;--panel-light:#c8a5c1}
.element-panel[data-theme=fire]{background:#edccd8;--panel-dark:#9a2c60;--panel-light:#d98cab}
.element-panel[data-theme=earth]{background:#e3ebe4;--panel-dark:#476756;--panel-light:#aac4b1}
.element-orb{background:#fffaf4ec}
.visual-caption,.visual-corner{background:#fffaf6;color:var(--ink)}
.element-copy h3 em{color:var(--teal)}
.element-copy>p:not(.eyebrow){color:var(--muted)}
.element-recommendations button,.element-recommendations a{background:#fffaf7d9;border-color:#769296;color:#315c64}
.art-section{background:#f1e8ed}
.series-card-image,.art-card .art-image{background:#fffdf9;border-color:#a898a5}
.series-filter-summary p,.catalog-status p{color:var(--berry)}
.series-filters button,.catalog-category-tabs button{background:#fffaf7;border-color:#98afb0;color:var(--teal)}
.series-filters button[aria-pressed=true],.catalog-category-tabs button[aria-pressed=true]{background:var(--berry);border-color:var(--berry);color:#fffaf8}
.series-element-badge{background:#f2e7c9;color:#825e26}
.series-element-badge[data-color=water]{background:#dfedef;color:#2d6269}
.series-element-badge[data-color=ether]{background:#eee2ec;color:#82426b}
.series-element-badge[data-color=fire]{background:#edccd8;color:#9a2c60}
.series-element-badge[data-color=earth]{background:#e3ebe4;color:#476756}
.series-card-count{background:#fffaf5ee;color:var(--ink)}.series-card-theme,.series-curatorial-note{color:var(--muted)}
.program-card{background:#f2e7c9;border-color:#b7a180}
.program-card.group{background:#dfedef;border-color:#88aeb0}
.program-card.personal{background:#edccd8;border-color:#bd8ba4}
.program-card>p:not(.program-duration){color:#5f5360}
.program-card::before{background:#fffcf3b8;border-color:#c3bfb055}
.program-duration{color:var(--teal)}.tags span{background:#fffaf64f;border-color:#8b849055}
.shop-section{background:#f8f5f4}
.catalog-product-image{background:#fffdfb;border-color:#b4a8b0}
.catalog-save{background:#fffaf8f5;border-color:#9e8c9c;color:var(--teal)}.catalog-save[aria-pressed=true]{color:var(--berry)}
.catalog-collection-tag{background:var(--teal);color:#fffaf8}
.catalog-price{color:var(--berry)}
.series-search-label input,.catalog-controls input,.catalog-controls select,.inquiry-form input,.inquiry-form textarea,.inquiry-form select,#shop-variant{background:#fffdfb;border-color:#9ab5b8;color:var(--ink)}
.catalog-detail-photo,.series-viewer figure{background:#f2edee;border-color:#b8a9b4}
.catalog-detail-collections button{background:#dfedef;border-color:#9bbfc1;color:#2d6269}
.about-visual{background:var(--aqua)}.about-art-scrap{background:#fffaf7}
.about-orbit{background:#e9d49b;color:#3f4b51}.about-signature{color:var(--berry)}
.foundation-section{background:#e5aebb;color:var(--ink)}
.foundation-title>.eyebrow,.foundation-title>p:last-child,.foundation-tabs button,.foundation-content #foundation-panel p,.foundation-content #foundation-panel ul,.foundation-note p{color:#51404e}
.foundation-title h2{color:#244f55}.foundation-title h2 em{color:#9c255d}
.foundation-wordmark{background:#f7ebc9;border-color:#977684;color:#244f55}.heart-art{color:#9c255d}
.foundation-tabs button[aria-selected=true],.foundation-content #foundation-panel .text-link{color:#244f55;border-bottom-color:#244f55}
.foundation-tabs,.foundation-note{border-color:#9b7387}
.closing-section h2{color:var(--berry)}.closing-section h2 em{color:var(--gold-ink)}.closing-elements svg{color:var(--teal)}
footer{background:var(--teal);color:#fffaf6}.footer-top{border-bottom-color:#c3d4d35c}
.footer-top .wordmark,.footer-links,.footer-bottom,.footer-bottom button{color:#fffaf6}.footer-bottom{border-color:#c3d4d35c}
dialog{background:#fcf8f6}.dialog-shell{background:#fcf8f6}#dialog-content h2{color:var(--berry)}
.dialog-step{background:#eee7ec;border-color:#bba8b4}.dialog-step h3,.collection-interpretation h3{color:var(--teal)}
.gallery-controls button{background:#fffaf7;border-color:#92afb1;color:var(--teal)}
.empty-saved,.inquiry-output{background:#e6eff0;border-color:#93b8bb}
.catalog-detail-note a,.collection-basis a{color:var(--teal)}
.toast{background:var(--teal);border-color:var(--teal);color:#fffaf8}
:focus-visible{outline-color:#a32968}
::selection{background:#e5aebb;color:#2b2935}

/* Official More heART Foundation logo, as displayed on the foundation website. */
.foundation-wordmark.foundation-wordmark--logo{display:block;width:100%;max-width:415px;padding:0;background:transparent;border:0;box-shadow:none;transform:none;line-height:0}
.foundation-logo{display:block;width:100%;max-width:100%;height:auto}

/* Personal portrait cutout, layered into the artist's paper-and-paint palette. */
.about-visual.about-visual--portrait{display:block;width:100%;max-width:440px;height:auto;margin:0 auto;background:transparent;border-radius:0;transform:none}
.about-visual--portrait::before{top:15%;left:0;width:100%;height:68%;border:1px solid #a3296880;border-radius:50%;transform:rotate(-28deg);z-index:-1}
.about-portrait-frame{position:relative;isolation:isolate;margin:0;padding:0 0 48px;width:100%}
.about-portrait-frame::before{content:'';position:absolute;inset:9% 5% 11% 9%;border-radius:47% 49% 8% 7%;transform:rotate(-5deg);background:linear-gradient(#f2e7c9d9,#f1e8edd9),url('assets/series/stories-1.webp') center 35%/cover;z-index:-1}
.about-portrait{display:block;width:100%;max-width:100%;height:auto}
.about-portrait-frame figcaption{position:absolute;left:6%;bottom:0;padding:3px 11px 6px;background:#e9d49b;color:#3f4b51;font:26px/1.1 var(--hand);transform:rotate(-2deg)}
.about-portrait-frame figcaption span{display:block;margin-top:5px;font:7px/1.4 var(--sans);letter-spacing:1px}
.about-visual--portrait>svg{bottom:15px;right:0;width:53px;height:53px}
@media(max-width:600px){.about-visual.about-visual--portrait{width:100%;max-width:385px;height:auto}.about-portrait-frame{padding-bottom:48px}.about-portrait-frame figcaption{font-size:24px}.about-visual--portrait>svg{right:0;bottom:10px;width:45px;height:45px}}

/* Approved Tye Johnson mixed-media logo. */
.wordmark.brand-logo{display:block;flex-shrink:0;transform:none;font-size:0;line-height:0;letter-spacing:0}
.brand-logo img{display:block;width:100%;max-width:100%;height:auto}
.site-header{padding-top:12px;padding-bottom:12px}
.site-header .brand-logo{width:176px}
.footer-top .brand-logo{width:240px;padding:10px 14px;background:var(--cream);border:1px solid #fffaf640;box-shadow:3px 4px 0 #102f3340}
@media(max-width:600px){.site-header{padding-top:10px;padding-bottom:10px}.site-header .brand-logo{width:148px}.footer-top .brand-logo{width:224px;max-width:100%}}
