/* Loaded last, after page-specific styles. */
:root{--ca-orange:#f7941d;--ca-heading:"Barlow Condensed","Arial Narrow",sans-serif;--gold:var(--ca-orange)}
body{background:#333;color:#f5f5f5;font-family:Inter,system-ui,sans-serif;font-weight:400}
h1,h2,h3,h4{font-family:var(--ca-heading);font-weight:600;letter-spacing:.01em}
.site-header{background:#080808;border-bottom:1px solid #484848;backdrop-filter:none}
.main-nav a{color:#fff;font-weight:600;letter-spacing:.025em}
.main-nav a:hover,.main-nav a:focus-visible{color:var(--ca-orange)}
.main-nav .cart-link{background:var(--ca-orange);color:#111;border:1px solid var(--ca-orange);box-shadow:none}
.mobile-menu-toggle{background:#111;color:#fff;border:1px solid #777;box-shadow:none}
.hero-copy h1{font-family:var(--ca-heading)!important;font-weight:700;line-height:1!important;text-shadow:0 2px 12px #000!important}
.hero-copy .eyebrow,.hero-copy .eyebrow{color:var(--ca-orange)!important}
.button,button,input,select,textarea{font-family:inherit}
.button.primary,button.button.primary{background:var(--ca-orange);color:#111}
.section-heading h2,.home-preview h2,.about h2,.newsletter h2{font-family:var(--ca-heading);font-size:clamp(30px,4vw,48px);line-height:1.1}
.eyebrow{color:var(--ca-orange)}
.top-releases .section-heading h2{color:#fff}
.top-releases-view-all{color:#fff}
.top-release-card{color:#fff}
.top-release-card img{border-bottom:5px solid var(--ca-orange)!important;padding-bottom:7px}
.top-release-info h3{font-family:var(--ca-heading);font-size:clamp(20px,2vw,25px);font-weight:500;line-height:1.15;color:#fff;text-align:center}
.top-release-info p{color:#d2d2d2;font-weight:400;text-align:center}
.top-release-card:hover .top-release-info h3,.top-release-card:focus-visible .top-release-info h3{color:var(--ca-orange)}
.home-feature,.about,.intro-strip,.info-card,.news-card,.home-preview-note,.home-preview-card,.preview-card{color:#101010}
.home-feature h3,.home-preview h3{font-family:var(--ca-heading)}
.site-footer{background:#080808;color:#fff}
.home-destinations{width:min(1180px,calc(100% - 48px));margin:40px auto 0;display:grid;grid-template-columns:1fr 1.08fr;grid-template-rows:1fr 1fr;gap:20px;aspect-ratio:2/1}
.destination{position:relative;display:block;min-width:0;overflow:hidden;background:#171717;color:#fff;border-bottom:4px solid var(--ca-orange);isolation:isolate}
.destination-interviews{grid-row:1/3}
.destination img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .25s ease}
.destination::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.8),rgba(0,0,0,.05));z-index:-1}
.destination-interviews::before{background:linear-gradient(0deg,rgba(0,0,0,.95),transparent 85%)}
.destination-copy{position:absolute;left:7%;right:6%;bottom:11%}
.destination-interviews .destination-copy{bottom:8%}
.destination h2{font-size:clamp(28px,3.5vw,48px);margin:0 0 8px;line-height:1.02;color:#fff;font-weight:700}
.destination p{font-size:14px;line-height:1.5;margin:0 0 15px;color:#eee}
.destination-kicker{display:block;color:var(--ca-orange);font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px}
.destination-link{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--ca-orange)}
.destination:hover img{transform:scale(1.035)}
a:focus-visible,button:focus-visible{outline:3px solid var(--ca-orange);outline-offset:5px}
@media(max-width:980px){.main-nav a{background:#151515;border:1px solid #444;color:#fff}.main-nav .cart-link{background:var(--ca-orange);color:#111}}
@media(max-width:700px){.home-destinations{width:calc(100% - 28px);grid-template-columns:1fr;grid-template-rows:auto;aspect-ratio:auto;gap:16px;margin-top:24px}.destination-interviews{grid-row:auto;aspect-ratio:1.2}.destination-new,.destination-sell{aspect-ratio:2}.destination h2{font-size:34px}.destination-copy{bottom:12%}.destination p{margin-bottom:10px}.top-releases .section-heading{align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.destination img{transition:none}}

/* Readability corrections for the charcoal theme. */
.main-nav .cart-link:hover,.main-nav .cart-link:focus-visible{background:#ffb24a;color:#111;border-color:#ffb24a}
.about.section{color:#fff}
.about.section h2,.about.section p:not(.eyebrow){color:#fff}
.about.section .eyebrow{color:var(--ca-orange)}
.releases-hero,.releases-wrap,.releases-page-heading,.release-card,.release-card h2{color:#fff}
.release-card h2{font-family:var(--ca-heading);font-size:23px;font-weight:500;line-height:1.15}
.release-creator,.release-meta,.releases-pagination-info{color:#eee}
.release-card:hover h2,.release-card:focus-visible h2{color:var(--ca-orange)}
.category-menu{border-bottom-color:#666}
.category-menu a{color:#eee}
.category-menu a:hover,.category-menu a:focus-visible,.category-menu a.active{color:#fff}
.category-menu a:hover::after,.category-menu a:focus-visible::after,.category-menu a.active::after{background:var(--ca-orange)}
.release-cover{border-bottom:5px solid var(--ca-orange)!important;padding-bottom:7px;background:transparent}

/* Account forms use light panels within the charcoal page. */
.account-panel{color:#171717;font-family:Inter,system-ui,sans-serif;font-weight:400}
.account-panel h1,.account-panel h2,.account-panel h3,.account-hero h1{font-family:var(--ca-heading);font-style:normal;font-weight:600;line-height:1.08;letter-spacing:.01em}
.account-panel h1,.account-panel h2,.account-panel h3,.account-panel p,.account-form label{color:#171717}
.account-panel h2{font-size:clamp(36px,5vw,52px)}
.account-form label{display:block;margin-bottom:7px;font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;letter-spacing:.035em}
.account-form input,.account-form select,.account-form textarea{background:#fff;color:#171717;font-family:Inter,system-ui,sans-serif;font-weight:400;font-size:16px;line-height:1.5}
.account-form input::placeholder,.account-form textarea::placeholder{color:#666;opacity:1}
.account-form input:focus-visible,.account-form select:focus-visible,.account-form textarea:focus-visible{outline:3px solid var(--ca-orange);outline-offset:2px}
.account-message,.role-pill{color:#171717}
.account-panel .account-error{color:#b42318}
.account-actions .button{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em}
.account-actions .button.primary{background:var(--ca-orange);color:#111}
.account-actions .button.ghost{background:#fff;color:#171717}
.account-actions .button:hover{filter:brightness(.95)}

/* Public creator interviews: dark page, readable light cards. */
.ci-public{--ci-gold:var(--ca-orange);color:#f5f5f5;font-family:Inter,system-ui,sans-serif;font-weight:400}
.ci-public .ci-kicker,.ci-public .ci-question-number{color:var(--ca-orange)}
.ci-public .ci-back{color:#fff}
.ci-public .ci-mini-brand{border-bottom-color:#777}
.ci-public .ci-mini-brand p,.ci-public .ci-byline,.ci-public .ci-deck,.ci-public .ci-gallery figcaption{color:#eee}
.ci-public .ci-interview-hero time{color:#d0d0d0}
.ci-public .ci-interview-hero h1,.ci-public .ci-answer h2,.ci-public .ci-more>h2{font-family:var(--ca-heading);font-style:normal;font-weight:600;letter-spacing:.01em;color:#fff}
.ci-public .ci-interview-hero h1{font-size:clamp(36px,4.5vw,60px);line-height:1.08}
.ci-public .ci-answer h2{font-size:clamp(25px,3vw,32px);line-height:1.25}
.ci-public .ci-introduction,.ci-public .ci-answer-text{font-family:Inter,system-ui,sans-serif;font-size:18px;font-weight:400;line-height:1.85;color:#eee}
.ci-public .ci-answer{border-top-color:#777}
.ci-public .ci-interview-hero img{box-shadow:12px 12px 0 var(--ca-orange)}
.ci-public .ci-masthead,.ci-public .ci-connect{background:#252525;color:#fff;border-color:var(--ca-orange)}
.ci-public .ci-masthead h1,.ci-public .ci-connect h2{font-family:var(--ca-heading);font-weight:600;letter-spacing:.01em;color:#fff}
.ci-public .ci-help{color:#ddd}
.ci-public .ci-help a{color:var(--ca-orange);text-decoration:underline}
.ci-public .ci-card,.ci-public .ci-empty,.ci-public .ci-share{color:#171717}
.ci-public .ci-card h2,.ci-public .ci-empty h2,.ci-public .ci-share h2{color:#171717;font-family:var(--ca-heading);font-weight:600;letter-spacing:.01em}
.ci-public .ci-share p,.ci-public .ci-share label,.ci-public .ci-card p{color:#171717}
.ci-public .ci-share a{color:#994600;text-decoration:underline}
.ci-public .ci-share-controls button{background:var(--ca-orange);color:#111;font-family:Inter,system-ui,sans-serif;font-weight:600}
.ci-public .ci-link-row .button.primary{color:#111}
.ci-public .ci-pagination a{border-color:#888;color:#fff}
.ci-public .ci-pagination [aria-current]{background:var(--ca-orange);color:#111}
@media(max-width:540px){.ci-public .ci-interview-hero img{box-shadow:7px 7px 0 var(--ca-orange)}.ci-public .ci-introduction,.ci-public .ci-answer-text{font-size:17px}}

/* Public typography aligned with the approved dashboard. */
body{font-size:14px;line-height:1.5}
.section-heading h2,.top-releases .section-heading h2,.home-preview h2,.about.section h2,.newsletter h2,.releases-hero h1,.releases-page-heading h2,.account-panel h2,.ci-public .ci-masthead h1,.ci-public .ci-connect h2,.ci-public .ci-more>h2,.ci-public .ci-share h2,.ci-public .ci-empty h2{
 font-family:var(--ca-heading);font-size:32px;font-weight:600;font-style:normal;line-height:1.08;letter-spacing:.01em
}
.destination h2{font-family:var(--ca-heading);font-size:32px;font-weight:600;line-height:1.08}
.hero-copy h1{font-size:clamp(36px,4vw,52px)!important;line-height:1.08!important}
.hero-copy p,.hero-copy p:not(.eyebrow){font-size:16px!important;line-height:1.6!important}
.top-release-info h3,.release-card h2,.ci-public .ci-card h2{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.4;letter-spacing:0}
.top-release-info p,.release-creator,.release-meta{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:400;line-height:1.5}
.about.section p:not(.eyebrow),.description,.destination p,.ci-public .ci-card p,.ci-public .ci-share p,.ci-public .ci-byline,.ci-public .ci-deck{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:400;line-height:1.6}
.ci-public .ci-interview-hero h1{font-size:clamp(32px,3.5vw,42px);line-height:1.12}
.ci-public .ci-answer h2{font-size:28px;line-height:1.25}
.ci-public .ci-introduction,.ci-public .ci-answer-text{font-size:16px;line-height:1.8}
.button,button.button,input[type="submit"]{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;line-height:1.3;text-transform:none;letter-spacing:0;border-width:1px;border-radius:5px;box-shadow:none;padding:11px 14px;min-height:42px}
.account-actions .button{font-size:13px}
.eyebrow,.destination-kicker,.ci-public .ci-kicker{font-size:12px;font-weight:600}
@media(max-width:540px){.destination h2{font-size:32px}.ci-public .ci-introduction,.ci-public .ci-answer-text{font-size:16px}}

/* Release shelves: centered captions and secondary details. */
.releases-wrap .release-card-body{text-align:center}
.releases-wrap .release-card h2,.releases-wrap .release-creator,.releases-wrap .release-meta{text-align:center}
.releases-wrap .release-meta{color:#c4c4c4}

.releases-wrap .release-edition-line{display:block;color:#c4c4c4;text-align:center}

/* Comic detail typography matches the index screen. */
.comic-hero h1,.comic-info h2,.comic-wrap .preview-section h2,.comic-wrap .recommendations-section h2,.comic-wrap .more-series h2{font-family:var(--ca-heading);font-size:32px;font-weight:600;line-height:1.08;letter-spacing:.01em;text-transform:none;color:#fff}
.comic-info,.comic-wrap{font-family:Inter,system-ui,sans-serif;font-weight:400}
.comic-info .comic-creator,.comic-info .comic-meta,.comic-info .comic-editions{color:#c4c4c4;font-size:13px;font-weight:400;line-height:1.5}
.comic-info .comic-publication,.comic-info .comic-description{color:#eee;font-size:14px;font-weight:400;line-height:1.6}
.comic-wrap .comic-series-link{font-size:14px;font-weight:500}
.comic-wrap .comic-series-link a,.comic-breadcrumbs a{color:var(--ca-orange)}
.comic-wrap .recommendation-card h3,.comic-wrap .more-series-card-title{font-family:Inter,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.4;text-transform:none}
.comic-wrap .recommendation-card p{color:#c4c4c4;font-size:13px;font-weight:400}
.comic-wrap .more-series-card{color:#171717}
.comic-wrap .more-series-card h3{color:#171717}
.comic-wrap .button{font-family:Inter,system-ui,sans-serif;font-size:13px;font-weight:600;text-transform:none;line-height:1.3;border-radius:5px}

/* The Creative Process homepage slide matches the dark banner palette. */
.hero-slider .hero-slide.ci-feature-slide{background:#111!important;background-image:linear-gradient(110deg,#080808 0%,#171717 60%,#242424 100%)!important;color:#fff}
.hero-slider .ci-feature-copy>.ci-kicker{color:var(--ca-orange)}
.hero-slider .ci-feature-copy h2{color:#fff;font-family:var(--ca-heading);font-size:32px;font-weight:600;line-height:1.08;letter-spacing:.01em}
.hero-slider .ci-feature-presented,.hero-slider .ci-feature-summary{color:#eee}
.hero-slider .ci-feature-portrait{border-color:#333;box-shadow:16px 16px 0 #653b13}
.hero-slider .ci-feature-name{background:#080808;color:#eee;font-weight:600}
.hero-slider .ci-feature-slide.active~.slider-controls .dot{border-color:#888!important}