/* Jamaal Treasures: a restrained editorial system, October 2026. */
:root{color-scheme:light;--bg:#f4f0e8;--surface:#f4f0e8;--text:#111113;--muted:#6c6662;--line:#d9d2c9;--crimson:#A7192F;--accent:#A7192F;--radius:28px;--creator-secondary:#6c6662;--creator-line:#d9d2c9}
body{color:var(--text);font-family:Manrope,Arial,sans-serif}
body::before,body::after,.hero-mark,.magic-signature-star{display:none!important}


.glass,.glass-panel,.glass-panel:hover{color:#111113;}
:is(h1,h2,h3,h4),.page-title{font-family:Manrope,Arial,sans-serif!important;font-weight:800!important;color:#111113;letter-spacing:-.055em}
em{font-family:inherit!important;font-style:normal;font-weight:800;color:inherit!important}
:is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #A7192F!important;outline-offset:4px}
.site-header{border-bottom:1px solid var(--line);height:88px}.brand span{color:#111113;font-weight:800;letter-spacing:.12em}
.site-menu a:hover,.site-menu a[aria-current=page]{color:#A7192F}
.site-menu a>span:last-child{color:#5c5750}
body:has(#site-menu:not([hidden])) :is(#main,footer){visibility:visible}
.hero.hero-magic{min-height:0;padding:150px 7% 64px;gap:6vw;align-items:start}
.hero-magic .magic-title{padding:0;width:100%}
.hero-magic h1{font-size:clamp(56px,5.9vw,90px);line-height:1.01;font-weight:800;letter-spacing:-.075em;margin:0 0 18px;text-transform:uppercase}
.editorial-dot{color:#A7192F}.magic-affirmation{font-size:18px;letter-spacing:.02em;font-weight:650;margin-bottom:30px;color:#6c6662}
.hero-magic .hero-identity{font-size:13px;line-height:1.6;letter-spacing:.14em;margin-bottom:24px;color:#6c6662}.hero-magic .hero-identity>span:first-child{color:#111113}
.hero-magic .hero-description{color:#363330;line-height:1.75}.hero-magic .hero-invitation{color:#6c6662;font-size:16px;line-height:1.7;margin-top:24px}.hero-magic .headline-film{padding:20px;}
.eyebrow{color:#A7192F!important;font-size:13px!important;font-weight:800;letter-spacing:.14em}
.hero-magic .headline-film h2{font-size:30px}.headline-film-footer,.realm-quality-state{font-size:14px!important;color:#6c6662}
.hero-magic .hero-reach{border-top:1px solid var(--line);padding-top:20px;margin:24px 0 0}.hero-magic .hero-reach strong{font-family:Manrope,sans-serif;font-size:48px;font-weight:800;color:#111113}.hero-magic .hero-reach>span:not(.reach-arrow){color:#6c6662;font-size:16px}
.button,.nav-quote,.project-link,.service-payment,.app-download{color:#111113!important;font-weight:750}
.hero-magic .hero-actions .button,.event-card-actions .event-details{color:#111113!important;}
.button-arrow{color:white!important;}
.hero-actions .text-action{color:#111113;}
input,select,textarea,option,.glass-field,.search-label input,#realm-quality{color:#111113!important;}
input::placeholder,textarea::placeholder{color:#706a63!important}
.mobile-dock{padding:6px}
.mobile-dock a{color:#6c6662;}.mobile-dock a[aria-current=page]{color:#fff}
.category-button[aria-pressed=true],.event-filters button[aria-pressed=true],.library-filter[aria-pressed=true],.creator-source-button[aria-pressed=true],.journal-filters a[aria-current=page]{color:white!important;}
.event-filters button{color:#111113;}
.events-guide{max-width:1000px}.events-guide-hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;text-transform:uppercase}.events-guide .upcoming-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:28px}.events-guide .upcoming-art img{width:100%;height:auto;object-fit:contain}.upcoming-date{color:#A7192F!important;font-weight:800}.offer-price{color:#111113;font-weight:800}.preview-play,.preview-status{color:white!important}
.music-player.music-player-complete,.music-player.music-player-complete:hover,.music-controls-dialog{color:#111113!important;}.icon-button{color:#111113;}
.journal-heading h1{font-size:clamp(48px,6vw,80px);line-height:1.05}.journal-story-heading h1{line-height:1.1}
.app-page.section{padding-top:135px}.section-heading{margin-bottom:30px}footer{color:#6c6662}
@media(max-width:1050px){.hero.hero-magic{grid-template-columns:1fr;gap:42px}.hero-magic .hero-content{max-width:720px}}
@media(max-width:700px){.site-header{height:78px}.brand span{font-size:14px}.hero.hero-magic{padding:115px 22px 42px}.hero-magic h1{font-size:clamp(44px,10.8vw,70px)}.hero-magic .hero-identity{font-size:12px}.hero-magic .headline-film{padding:14px}.hero-magic .hero-actions{gap:10px}.hero-magic .hero-actions a{padding:13px 16px}.events-guide .upcoming-grid{grid-template-columns:1fr}.events-guide-hero h1{font-size:46px}.app-page.section{padding-top:112px}.page-title{font-size:38px}.headline-film-footer{flex-wrap:wrap}.site-menu{top:74px!important}.mobile-dock a{font-size:14px}.hero-magic .hero-reach strong{font-size:42px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.home-services{grid-column:1/-1;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:6vw;border-top:2px solid #111113;padding-top:48px;margin-top:20px}.home-services h2{font-size:clamp(38px,4.2vw,60px);line-height:1.05;margin-bottom:22px}.home-services p:not(.eyebrow){font-size:18px;color:#6c6662}.home-services nav{border-top:1px solid var(--line)}.home-services nav a{display:grid;grid-template-columns:28px 1fr auto;gap:16px;align-items:center;min-height:88px;border-bottom:1px solid var(--line)}.home-services nav a>span{font-size:13px;color:#A7192F}.home-services nav strong{font-size:22px;line-height:1.2;letter-spacing:-.035em}.home-services nav a:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.home-services{grid-template-columns:1fr;gap:32px;padding-top:36px}.home-services nav strong{font-size:20px}.home-services nav a{gap:10px}.home-services .button{white-space:normal}}

.hero-magic h1{font-family:"Arial Black",Manrope,Arial,sans-serif!important;font-weight:900!important;letter-spacing:-.065em;font-size:clamp(58px,5.6vw,88px);line-height:1.02}.page-title,.events-guide-hero h1{font-family:"Arial Black",Manrope,Arial,sans-serif!important;font-weight:900!important}
@media(max-width:700px){.hero-magic h1{font-size:clamp(40px,10.4vw,70px)}}
.hero-magic h1{font-size:clamp(50px,5.1vw,78px);letter-spacing:-.07em;text-wrap:balance}.inner-world-intro{margin-bottom:24px!important;gap:24px!important}.inner-world-copy summary{cursor:pointer;font-weight:750;padding:16px 0}.inner-world-copy[open] p{font-size:17px;line-height:1.7}.mind-quick-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.mind-quick-nav a{padding:12px 18px;font-size:16px;font-weight:700}.artist-spotlight{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:24px}.artist-spotlight-card{display:flex;align-items:center;flex-direction:column;gap:10px;padding:20px 12px;min-width:0}.artist-spotlight-card img{width:80px;height:80px;object-fit:cover;}.artist-spotlight-card strong{font-size:22px;font-weight:800}.artist-spotlight-card span{font-size:14px;color:#6c6662}.artist-spotlight-card[aria-pressed=true]{outline:2px solid #111114;outline-offset:2px}.creator-libraries-page #artist-library{margin-top:0}.creator-libraries-page .creator-selected-profile{gap:18px}.creator-libraries-page .creator-selected-profile .creator-artist-portrait{width:80px;height:80px}.creator-libraries-page .creator-native-controls{padding-bottom:16px}.creator-libraries-page .creator-native-release{margin-top:20px}
@media(max-width:700px){.hero-magic h1{font-size:clamp(39px,10.2vw,66px)}.artist-spotlight{padding:16px 12px;gap:8px}.artist-spotlight-card{padding:14px 5px;}.artist-spotlight-card img{width:56px;height:56px}.artist-spotlight-card strong{font-size:16px}.artist-spotlight-card span{font-size:12px}.mind-quick-nav{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mind-quick-nav a{text-align:center;padding:12px 8px}.creator-libraries-page .creator-music-heading{gap:14px;padding-bottom:20px}}
.offer-expanded{margin:10px 0 22px;border-block:1px solid #aa9a8a38}.offer-expanded summary{cursor:pointer;min-height:50px;padding:14px 0;font-weight:750;color:#111113}.offer-expanded[open]{padding-bottom:12px}.offer-expanded p,.offer-expanded li{font-size:16px;line-height:1.65}.offer-top .service-illustration{width:70px;height:70px;object-fit:contain}.offer-card>.service-payment{margin-top:auto}.offer-card .offer-summary{font-size:17px;line-height:1.7}
/* Put listening first: keep the introduction compact. */
.inner-world-intro{grid-template-columns:1.4fr 1fr;align-items:center;padding:0 0 10px!important}.inner-world-intro h1{font-size:clamp(38px,4.5vw,58px)!important;max-width:none;margin:10px 0 12px!important;line-height:1.06!important}.inner-world-intro h1 em{font:inherit!important;font-style:normal!important;color:#A7192F!important}.inner-world-intro .ph-prominent{display:none}.inner-world-lead{max-width:none;font-size:17px}.inner-world-copy{padding-top:0}.artist-spotlight{padding:16px}.artist-spotlight-card{flex-direction:row;text-align:left;flex-wrap:wrap;padding:14px}.artist-spotlight-card img{width:54px;height:54px}.artist-spotlight-card span{width:100%}.creator-libraries-page .creator-music-heading{padding-bottom:12px}.creator-libraries-page .creator-music-heading h2{font-size:32px}
@media(max-width:700px){.inner-world-intro{grid-template-columns:1fr;gap:8px!important;margin-bottom:10px!important}.inner-world-intro h1{font-size:38px!important}.inner-world-copy summary{padding:10px 0}.mind-quick-nav{margin-bottom:18px}.artist-spotlight-card{flex-direction:column;text-align:center;gap:6px;padding:12px 4px}.artist-spotlight-card strong{font-size:15px}.artist-spotlight-card img{width:48px;height:48px}.artist-spotlight-card span{font-size:11px}.creator-libraries-page .creator-music-heading h2{font-size:28px}}

/* Material behavior comes from version 30. Only its color environment changes here. */
:root{color-scheme:light;--bg:#f4f0e8;--surface:#f4f0e8;--text:#111113;--muted:#6c6662;--line:#1111131c;--crimson:#A7192F;--accent:#A7192F}
body{background:#f4f0e8!important;color:#111113}
.site-atmosphere{background:#f4f0e8}.hero-background,.atmosphere-image{filter:grayscale(1) invert(1) contrast(.32) brightness(1.52)}
.hero.hero-magic{background:#f4f0e8}.site-header{background:linear-gradient(#f4f0e840,transparent)}
.brand img{filter:brightness(0)}.brand span{color:#111113}
.glass,.glass-panel,.button,.nav-quote,.text-action,.menu-toggle,.project-link,.service-payment,.app-download,.icon-button{color:#111113}
.hero-actions .button,.nav-quote{color:#111113!important;--glass-label-color:#111113!important}
.button-label,.button-arrow{color:var(--glass-label-color,inherit)!important;text-shadow:none}
.nav-quote .button-arrow,.button .button-arrow{background:#A7192F;color:#fff!important;border-color:transparent}
.hero .glass-panel{background:#f4f0e830!important}.glass-panel{background:#f4f0e870!important}
.site-header .site-menu.glass-panel{background:#f4f0e882!important;color:#111113}
.site-menu,.music-player,.mobile-dock{--glass-label-color:#111113}
.site-menu a:hover,.site-menu a[aria-current=page]{color:#A7192F;background:#1111130c}
.category-button[aria-pressed=true],.library-filter[aria-pressed=true],.creator-source-button[aria-pressed=true],.journal-filters a[aria-current=page],.mobile-dock a[aria-current=page]{background:#A7192F;color:#fff!important}
input,select,textarea,option,.glass-field input,.glass-field select,.glass-field textarea,#realm-quality{color:#111113}
option{background:#f4f0e8}input::placeholder,textarea::placeholder{color:#655f59}
.realm,.preview-media,#film-screen,.creator-film-poster{background:#111113}.preview-play,.preview-status{color:#fff!important}

.music-player.music-player-complete,.music-player.music-player-complete:hover{background:#f4f0e870!important;color:#111113}
.music-controls-dialog{background:#f4f0e86b!important;color:#111113}.music-controls-dialog .music-controls-header{background:#f4f0e838}
.music-player-complete .now-playing strong,.music-player-complete .now-playing #playing-artist{color:#111113}
.music-player-complete .primary-play svg.ph-icon,.music-player-complete .primary-play svg.ph-icon use{fill:#111114}
body svg.ph-icon,body svg.ph-icon use{fill:currentColor}
.film-modal,.film-modal:hover{background:#f4f0e814;color:#111113}.film-modal #close-film{color:#111113}.film-modal #film-credit,.film-modal #film-playback-status{color:#111113;text-shadow:none}
.film-modal .film-dialog-heading :is(h2,h1.page-title){text-shadow:none}
.hero-magic .hero-actions .button{background:#11111324;box-shadow:inset 0 1px 0 #ffffff5e,0 8px 26px #00000026}
.artist-spotlight-card{border-radius:28px}.mind-quick-nav a{border-radius:999px}.offer-top .service-illustration{filter:grayscale(1)}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass,.glass-panel,.site-header .site-menu.glass-panel,.music-player.music-player-complete,.music-controls-dialog,.mobile-dock,.glass-field,.reach-evidence[open]{background:#f4f0e8!important;color:#111113!important}input,select{color:#111113!important}.category-button[aria-pressed=true],.creator-source-button[aria-pressed=true],.mobile-dock a[aria-current=page]{background:#A7192F!important;color:#fff!important}}

/* Crimson stays in solid ink and controls, not translucent rose washes. */
.editorial-dot{color:#A7192F!important}
.app-page .button,.project-link,.service-payment,.app-download{color:#111113!important}


.artist-spotlight-card img{border-radius:50%}

/* Requested opacity increase: denser neutral surfaces with original optics above them. */
.glass{background-color:#efe9e08c}
.hero-magic .hero-actions .button{background:#efe9e08c!important}
.glass-panel,.glass-panel:hover{background:#f4f0e8cc!important}
.hero .glass-panel{background:#f4f0e8b8!important}
.site-header .site-menu.glass-panel{background:#f4f0e8e0!important}
.music-player.music-player-complete,.music-player.music-player-complete:hover{background:#f4f0e8d6!important}
.music-controls-dialog{background:#f4f0e8e6!important}
.mobile-dock{background:#f4f0e8d1!important}

/* Dense neutral body; optical rim and white glints remain independently visible. */
.nav-quote .button-arrow,.button .button-arrow{background:#A7192F}.mobile-dock a[aria-current=page]{background:#A7192F}
.glass-field,.reach-evidence[open],.film-modal,.film-modal:hover{background:#f4f0e8d6!important}
@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass,.glass-panel,.hero .glass-panel,.hero-magic .hero-actions .button,.site-header .site-menu.glass-panel,.music-player.music-player-complete,.music-player.music-player-complete:hover,.music-controls-dialog,.mobile-dock,.glass-field,.reach-evidence[open],.film-modal{background:#f4f0e8!important;color:#111113!important}.glass-optics{display:none!important}.category-button[aria-pressed=true],.creator-source-button[aria-pressed=true],.mobile-dock a[aria-current=page]{background:#A7192F!important;color:#fff!important}}

/* Mind’s Eye collections display one panel at a time. */
#minds-eye .creator-library[hidden]{display:none!important}
.mind-quick-nav [aria-selected=true]{background:#A7192F;color:#fff!important;box-shadow:inset 0 1px 0 #ffffff40,0 8px 24px #11111320}
.mind-quick-nav [aria-selected=true]>.glass-optics{display:none}
#minds-eye .creator-source-button[aria-pressed=true]{background:#A7192F!important;color:#fff!important}

#minds-eye .creator-cover-tile,#minds-eye .creator-episode{color:#111113}
#wisdom-library .creator-panel{grid-template-columns:1fr}
.podcast-episode-dropdown>summary{cursor:pointer;font-size:20px;font-weight:750;padding:18px 0;color:#A7192F}
#minds-eye #robin-episodes{max-height:480px;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y;scrollbar-gutter:stable;scroll-snap-type:y proximity}
#minds-eye #robin-episodes>li{height:96px;scroll-snap-align:start;box-sizing:border-box}
#minds-eye #robin-episodes .creator-episode{height:100%;padding:10px 6px;grid-template-columns:48px minmax(0,1fr) 36px;gap:10px}
#minds-eye #robin-episodes .creator-episode>img{width:48px;height:48px}
#minds-eye #robin-episodes .creator-episode-copy strong{font-size:16px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#minds-eye #robin-episodes .creator-episode-copy>span{font-size:12px;line-height:1.3}

/* Homepage audit fix: services strip is one full width list of two rows */
.home-services{grid-template-columns:1fr}

/* Reorganized footer on standalone pages that do not load app-pages.css (the privacy page), 2026-10-16: same grouped footer, tidy wrapped rows. Scoped to the privacy page only. */
body:has(>main.privacy-page) footer>div{flex-wrap:wrap}
body:has(>main.privacy-page) footer nav a{display:inline-block;margin:0 12px 8px 0}