/* Scoped carousel layer; the existing form and catalogue keep their layout. */
.hero-carousel { position: relative; overflow: clip; }
.hero-carousel .hero-carousel-original,.hero-carousel .hero-carousel-ai { transition: opacity 240ms ease; }
.hero-carousel .hero-carousel-ai { opacity: 0; pointer-events: none; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-original { opacity: 0; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-ai { opacity: 1; }
.hero-carousel [hidden] { display: none !important; }
.hero-carousel-controls { position: absolute; z-index: 4; bottom: 13px; left: 50%; transform: translateX(-50%); display: flex; align-items: center; justify-content: center; gap: 9px; border-radius: 28px; padding: 3px 7px; background: var(--surface); border: 1px solid var(--border); }
.hero-carousel-controls button { display: grid; place-items: center; border: 0; cursor: pointer; padding: 0; background: none; color: var(--textMid); }
.hero-carousel-controls .hero-carousel-arrow { width: 30px; height: 30px; font-size: 25px; line-height: 1; }
.hero-carousel-controls .hero-carousel-dot { width: 22px; height: 30px; position: relative; }
.hero-carousel-dot::after { content: ''; width: 7px; height: 7px; border-radius: 50%; background: var(--textDim); opacity: .55; }
.hero-carousel-dot[aria-pressed="true"]::after { background: var(--accent); opacity: 1; }
.hero-carousel-controls .hero-carousel-pause { width: 27px; height: 30px; font-size: 14px; border-left: 1px solid var(--border); margin-left: 2px; }
.hero-carousel-controls button:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; border-radius: 8px; }
.hero-carousel-status { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.discovery-hero.hero-carousel { padding-bottom: 62px; min-height: 530px; }
.discovery-hero.hero-carousel .hero-carousel-ai { width: min(490px, 43%); right: 6px; bottom: 34px; }
html:root[data-theme="dark"] .discovery-hero.hero-carousel[data-hero-slide="ai"],html:root[data-theme="dark"] .mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] { background: linear-gradient(125deg,#202733,#27323e); }
html:root[data-theme] .hero-carousel[data-hero-slide="ai"] .discovery-hero-circle,html:root[data-theme] .hero-carousel[data-hero-slide="ai"] .mobile-discovery-circle { opacity: .15; }
.mobile-discovery-hero.hero-carousel .mobile-discovery-scene { height: 300px; margin-bottom: 42px; }
.mobile-discovery-hero.hero-carousel .hero-carousel-ai { width: 298px; max-width: 96%; right: 50%; transform: translateX(50%); }
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .mobile-discovery-scene { height: 340px; margin-bottom: 42px; }
  .mobile-discovery-hero.hero-carousel .hero-carousel-ai { width: 340px; right: 0; transform: none; }
}
@media (min-width:1024px) and (max-width:1199px) { .discovery-hero.hero-carousel { min-height: 500px; } }
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-original,.hero-carousel .hero-carousel-ai { transition: none; } }


.hero-carousel-controls { background:transparent; border:0; border-radius:0; padding:0; gap:4px; }
.hero-carousel-controls .hero-carousel-arrow { display:none; }
.hero-carousel-controls .hero-carousel-dot { width:25px; height:30px; }
.hero-carousel-controls .hero-carousel-pause { position:absolute; left:calc(100% + 5px); top:0; border:0; width:20px; margin-left:0; opacity:0; }
.hero-carousel-controls:hover .hero-carousel-pause,.hero-carousel-controls:focus-within .hero-carousel-pause { opacity:.7; }
.hero-carousel-controls .hero-carousel-pause:focus-visible { opacity:1; }
.hero-carousel-controls .hero-carousel-dot::after { width:8px; height:8px; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }

/* Complete photographic scene, without a separately drawn table. */
html:root[data-theme] .hero-carousel[data-hero-slide="ai"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="ai"]::after { display:none; }
.hero-carousel[data-hero-slide="ai"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="ai"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-ai { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="ai"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="ai"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; }
.hero-carousel[data-hero-slide="ai"] h1 { color:#fff; }
.hero-carousel[data-hero-slide="ai"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="ai"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="ai"] .discovery-hint { background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="ai"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="ai"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="ai"] .discovery-hint a { color:#b7caf7; }
.mobile-discovery-hero.hero-carousel .hero-carousel-ai { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center bottom; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="ai"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-ai { width:100%; height:100%; inset:0; object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] .mobile-discovery-copy { position:relative; z-index:2; }
}

/* Approved general slide: a continuous graphite study and natural desk. */
.hero-carousel .hero-carousel-original { display:none; }
.hero-carousel .hero-carousel-general { pointer-events:none; transition:opacity 240ms ease; opacity:1; }
.hero-carousel[data-hero-slide="ai"] .hero-carousel-general { opacity:0; }
html:root[data-theme] .hero-carousel[data-hero-slide="general"] { background:#202329; }
.discovery-hero.hero-carousel[data-hero-slide="general"]::after { display:none; }
.hero-carousel[data-hero-slide="general"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="general"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-general { position:absolute; inset:0; width:100%; height:100%; max-width:none; z-index:0; object-fit:cover; object-position:center bottom; }
.discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hero-content { position:relative; z-index:2; width:43%; }
.discovery-hero.hero-carousel[data-hero-slide="general"] h1 { font-size:clamp(40px,4vw,60px); letter-spacing:-2px; }
.discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(32,36,43,.82) !important; border:1px solid rgba(224,231,241,.12) !important; }
.hero-carousel[data-hero-slide="general"] h1,
.hero-carousel[data-hero-slide="general"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="general"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p,
.hero-carousel[data-hero-slide="general"] .discovery-hint p { color:#c4c9d3 !important; }
.hero-carousel[data-hero-slide="general"] .discovery-hint a { color:#80b2ff; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="general"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-general { position:absolute; inset:0; width:100%; max-width:none; height:100%; object-fit:cover; object-position:center bottom; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-general { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-search input { font-size:13px; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-general { transition:none; } }

/* Approved mobile books scene: separate the subtitle from the hat and retain the boots. */
@media (max-width:699px) {
  .mobile-discovery-hero.hero-carousel.hero-carousel-books { min-height:max(495px,calc(138vw - 46.92px)); }
  .mobile-discovery-hero.hero-carousel.hero-carousel-books .hero-carousel-general { object-position:center top; }
}
@media (max-width:375px) {
  .mobile-discovery-hero.hero-carousel.hero-carousel-books[data-hero-slide="general"] .mobile-discovery-copy { transform:translateY(-10px); }
}

/* Approved standing books scene on PC: match the AI frame and search column. */
@media (min-width:1024px) {
  .discovery-hero.hero-carousel { min-height:560px; }
  .discovery-hero.hero-carousel .hero-carousel-general { inset:auto 0 0; height:auto; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
  .discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hero-content { width:40%; }
  .discovery-hero.hero-carousel[data-hero-slide="general"] h1 { min-height:clamp(97.76px,9.568vw,143.52px); }
}

/* Use the rounded search shell for focus instead of a rectangle around its input. */
.discovery-search:focus-within { box-shadow:none; }
.discovery-search input:focus,
.discovery-search input:focus-visible { outline:0 !important; outline-offset:0; box-shadow:none; }

/* Third approved scene: baker with whisk; match the AI frame and text column. */
.hero-carousel .hero-carousel-cooking { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-general,
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-ai { opacity:0; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-cooking { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="cooking"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="cooking"]::after { display:none; }
.hero-carousel[data-hero-slide="cooking"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="cooking"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-cooking { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="cooking"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="cooking"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="cooking"] h1,
.hero-carousel[data-hero-slide="cooking"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="cooking"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="cooking"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="cooking"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="cooking"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="cooking"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-cooking { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="cooking"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="cooking"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-cooking { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="cooking"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-cooking { transition:none; } }

/* Fourth approved scene: designer with pen-display tablet; match the AI frame and text column. */
.hero-carousel .hero-carousel-design { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-general,
.hero-carousel[data-hero-slide="design"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="design"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-design { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="design"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="design"]::after { display:none; }
.hero-carousel[data-hero-slide="design"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="design"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-design { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="design"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="design"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="design"] h1,
.hero-carousel[data-hero-slide="design"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="design"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="design"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="design"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="design"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="design"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-design { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="design"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="design"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-design { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="design"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-design { transition:none; } }

/* Empty category links explain availability instead of showing unrelated courses. */
.hero-category-dialog { max-width:420px; width:calc(100% - 40px); box-sizing:border-box; border:1px solid #dce2ee; border-radius:24px; padding:28px; color:#172442; background:#f8faff; box-shadow:0 20px 80px #0004; }
.hero-category-dialog::backdrop { background:#11182799; }
.hero-category-dialog h2 { margin:0 0 12px; font-size:24px; line-height:1.2; }
.hero-category-dialog p { margin:0 0 24px; color:#637189; line-height:1.5; }
.hero-category-dialog button { width:100%; min-height:46px; border:0; border-radius:12px; background:#3f6ee8; color:#fff; font:inherit; font-weight:600; cursor:pointer; }
html:root[data-theme="dark"] .hero-category-dialog { color:#f8faff; background:#202733; border-color:#364153; }
html:root[data-theme="dark"] .hero-category-dialog p { color:#bbc6d6; }

/* Approved category names around the general mascot, matching the typography preview. */
.category-word-layer { position:absolute; inset:auto 0 0; width:100%; aspect-ratio:1983/793; pointer-events:none; z-index:1; opacity:0; transition:opacity 240ms ease; }
.hero-carousel[data-hero-slide="general"] .category-word-layer { opacity:1; }
.category-word-wide,.category-word-phone { position:absolute; inset:0; }
.category-word-phone { display:none; }
.category-word-card { position:absolute; display:flex; align-items:center; justify-content:center; box-sizing:border-box; min-height:10%; padding:1.2% 1%; transform:rotate(var(--card-angle)); white-space:pre-line; text-align:center; border:1px solid #ffffff37; border-radius:16px; color:#fff; font-size:clamp(12px,1.45vw,21px); line-height:1.15; font-weight:700; letter-spacing:-.45px; background:linear-gradient(135deg,#28394deb,#162330e0); box-shadow:0 12px 24px #0003,inset 0 1px 0 #ffffff1c; backdrop-filter:blur(12px); }
.category-word-code { font-family:ui-monospace,monospace; font-size:clamp(10px,1.1vw,16px); letter-spacing:-.7px; background:linear-gradient(135deg,#254957ef,#152c38e8); color:#d4f7fa; }
.category-word-design { font-size:clamp(17px,1.8vw,26px); letter-spacing:-1px; background:linear-gradient(135deg,#e3d6caee,#c3b8b2e8); color:#403533; }
.category-word-marketing { background:linear-gradient(135deg,#34473eee,#25332ae8); color:#e5f2d8; }
.category-word-smm { font-size:clamp(19px,2vw,29px); letter-spacing:1px; background:linear-gradient(135deg,#48425cee,#2e2b40e8); color:#e7ddff; }
.category-word-cooking { font-family:Georgia,serif; font-style:italic; font-weight:500; font-size:clamp(18px,1.8vw,26px); background:linear-gradient(135deg,#795840ee,#4c392ae8); color:#fff0d8; }
.category-word-books { font-family:Georgia,serif; font-weight:500; font-size:clamp(19px,2vw,29px); background:linear-gradient(135deg,#e5decfee,#bdb4a6e8); color:#3c352c; }
.category-word-esoteric { font-family:Georgia,serif; font-style:italic; font-weight:500; font-size:clamp(17px,1.75vw,25px); background:linear-gradient(135deg,#4b3d61ee,#2c233be8); color:#edddff; }
.category-word-psychology { font-family:Georgia,serif; font-weight:500; font-size:clamp(16px,1.6vw,23px); background:linear-gradient(135deg,#c1d5cfee,#90aba6e8); color:#283f3b; }
.category-word-poker { letter-spacing:1px; background:linear-gradient(135deg,#553e45ee,#34242de8); color:#fce8ed; }
.category-word-sports { font-size:clamp(11px,1.1vw,16px); line-height:1.25; background:linear-gradient(135deg,#354253ee,#202c3de8); color:#e0eafd; }
@media(max-width:699px) {
  .mobile-discovery-hero .category-word-layer { inset:0; height:100%; aspect-ratio:auto; }
  .mobile-discovery-hero .category-word-wide { display:none; }
  .mobile-discovery-hero .category-word-phone { display:block; }
  .category-word-card { min-height:7%; padding:2% 1%; border-radius:11px; font-size:12px; box-shadow:0 8px 15px #0003; }
  .category-word-code { font-size:10px; letter-spacing:-.65px; }
  .category-word-design { font-size:19px; }
  .category-word-cooking { font-size:16px; }
  .category-word-books { font-size:20px; }
  .category-word-psychology { font-size:13px; }
}

@media(prefers-reduced-motion:reduce) { .category-word-layer { transition:none; } }

/* Tablet: use the five-card set at the free edges of its existing desk scene. */
.category-word-tablet { display:none; position:absolute; inset:0; }
@media(min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero .category-word-layer { inset:0; height:100%; aspect-ratio:auto; }
  .mobile-discovery-hero .category-word-wide { display:none; }
  .mobile-discovery-hero .category-word-tablet { display:block; }
  .category-word-tablet .category-word-card { min-height:10%; padding:1% 1%; border-radius:12px; font-size:16px; }
  .category-word-tablet .category-word-code { font-size:12px; }
  .category-word-tablet .category-word-design { font-size:20px; }
  .category-word-tablet .category-word-cooking { font-size:20px; }
  .category-word-tablet .category-word-books { font-size:22px; }
  .category-word-tablet .category-word-psychology { font-size:16px; }
}

/* Fifth approved scene: programmer in green hoodie; match the AI frame and text column. */
.hero-carousel .hero-carousel-programming { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-general,
.hero-carousel[data-hero-slide="programming"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="programming"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-programming { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="programming"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="programming"]::after { display:none; }
.hero-carousel[data-hero-slide="programming"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="programming"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-programming { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="programming"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="programming"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="programming"] h1,
.hero-carousel[data-hero-slide="programming"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="programming"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="programming"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="programming"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="programming"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="programming"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-programming { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="programming"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="programming"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-programming { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="programming"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-programming { transition:none; } }


/* Sixth approved scene: marketer planning a campaign; match the AI frame and text column. */
.hero-carousel .hero-carousel-marketing { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-general,
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-marketing { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="marketing"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="marketing"]::after { display:none; }
.hero-carousel[data-hero-slide="marketing"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-marketing { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="marketing"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="marketing"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="marketing"] h1,
.hero-carousel[data-hero-slide="marketing"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="marketing"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="marketing"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="marketing"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="marketing"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-marketing { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="marketing"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-marketing { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-marketing { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="marketing"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Seventh approved scene: SMM creator with live selfie; match the AI frame and text column. */
.hero-carousel .hero-carousel-smm { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-general,
.hero-carousel[data-hero-slide="smm"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="smm"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-smm { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="smm"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="smm"]::after { display:none; }
.hero-carousel[data-hero-slide="smm"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="smm"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-smm { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="smm"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="smm"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="smm"] h1,
.hero-carousel[data-hero-slide="smm"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="smm"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="smm"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="smm"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="smm"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="smm"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-smm { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="smm"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="smm"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-smm { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="smm"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-smm { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="smm"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet SMM heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="smm"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* Eighth approved scene: librarian with bookshelves; match the AI frame and text column. */
.hero-carousel .hero-carousel-books { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-general,
.hero-carousel[data-hero-slide="books"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="books"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-books { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="books"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="books"]::after { display:none; }
.hero-carousel[data-hero-slide="books"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="books"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-books { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="books"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="books"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="books"] h1,
.hero-carousel[data-hero-slide="books"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="books"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="books"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="books"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="books"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="books"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-books { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="books"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="books"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-books { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="books"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-books { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="books"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet Books heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="books"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* New approved scene: Психология; match the AI frame and text column. */
.hero-carousel .hero-carousel-psychology { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-general,
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-psychology { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="psychology"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="psychology"]::after { display:none; }
.hero-carousel[data-hero-slide="psychology"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-psychology { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="psychology"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="psychology"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="psychology"] h1,
.hero-carousel[data-hero-slide="psychology"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="psychology"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="psychology"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="psychology"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="psychology"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-psychology { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="psychology"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-psychology { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-psychology { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="psychology"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet psychology heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="psychology"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* New approved scene: Эзотерика; match the AI frame and text column. */
.hero-carousel .hero-carousel-esoterica { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-general,
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-esoterica { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="esoterica"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="esoterica"]::after { display:none; }
.hero-carousel[data-hero-slide="esoterica"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-esoterica { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="esoterica"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="esoterica"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="esoterica"] h1,
.hero-carousel[data-hero-slide="esoterica"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="esoterica"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="esoterica"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="esoterica"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="esoterica"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-esoterica { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="esoterica"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-esoterica { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-esoterica { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="esoterica"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet esoterica heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="esoterica"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* New approved scene: Покер и ставки; match the AI frame and text column. */
.hero-carousel .hero-carousel-poker { pointer-events:none; transition:opacity 240ms ease; opacity:0; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-general,
.hero-carousel[data-hero-slide="poker"] .hero-carousel-ai,
.hero-carousel[data-hero-slide="poker"] .hero-carousel-cooking { opacity:0; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-poker { opacity:1; }
html:root[data-theme] .hero-carousel[data-hero-slide="poker"] { background:#202733; }
.discovery-hero.hero-carousel[data-hero-slide="poker"]::after { display:none; }
.hero-carousel[data-hero-slide="poker"] .discovery-hero-circle,
.hero-carousel[data-hero-slide="poker"] .mobile-discovery-circle { display:none; }
.discovery-hero.hero-carousel .hero-carousel-poker { position:absolute; inset:auto 0 0; width:100%; height:auto; max-width:none; z-index:0; mask-image:linear-gradient(to bottom,transparent,#000 6%); }
.discovery-hero.hero-carousel[data-hero-slide="poker"] .discovery-hero-content { position:relative; z-index:2; width:40%; }
.discovery-hero.hero-carousel[data-hero-slide="poker"] .discovery-hint { max-width:none; flex-wrap:wrap; gap:10px; padding:16px 20px; background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="poker"] h1,
.hero-carousel[data-hero-slide="poker"] .discovery-hint h2 { color:#fff; }
.hero-carousel[data-hero-slide="poker"] .discovery-hero-subtitle,
.hero-carousel[data-hero-slide="poker"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="poker"] .discovery-hint p { color:#c2ccdb !important; }
.hero-carousel[data-hero-slide="poker"] .discovery-hint a { color:#b7caf7; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-controls button { color:#d7e0ed; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-dot::after { background:#8e9caf; }
.hero-carousel[data-hero-slide="poker"] .hero-carousel-dot[aria-pressed="true"]::after { background:#5b8fff; }
.mobile-discovery-hero.hero-carousel .hero-carousel-poker { position:absolute; inset:0; width:100%; max-width:none; height:100%; transform:none; object-fit:cover; object-position:center top; z-index:0; }
.mobile-discovery-hero.hero-carousel[data-hero-slide="poker"] .mobile-discovery-copy { position:relative; z-index:2; }
@media (min-width:1024px) and (max-width:1199px) {
  .discovery-hero.hero-carousel[data-hero-slide="poker"] .discovery-search input { font-size:13px; }
}
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-poker { object-position:87% bottom; }
  .mobile-discovery-hero.hero-carousel[data-hero-slide="poker"] .mobile-discovery-scene { position:absolute; inset:0; height:100%; margin:0; width:100%; z-index:0; }
}
@media (prefers-reduced-motion:reduce) { .hero-carousel .hero-carousel-poker { transition:none; } }


@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="poker"] .mobile-discovery-copy > p { max-width:190px; }
}

/* Keep tablet poker heading clear of the community plaque. */
@media (min-width:700px) and (max-width:1023px) {
  .mobile-discovery-hero.hero-carousel[data-hero-slide="poker"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
}

/* Eleven dots and pause must fit within a narrow phone hero. */
@media (max-width:699px) {
  .mobile-discovery-hero.hero-carousel .hero-carousel-controls { gap:0; }
  .mobile-discovery-hero.hero-carousel .hero-carousel-dot { width:24px; }
}

/* Approved team: chief large, ten specialists around him; no extra catalogue CTA. */
html:root[data-theme] .hero-carousel[data-hero-slide="general"] { background:#151e29; }
.discovery-hero.hero-carousel .hero-carousel-general { inset:auto 0 0 auto; width:86%; height:auto; object-fit:contain; mask-image:linear-gradient(to bottom,transparent,#000 10%),linear-gradient(to right,transparent,#000 10%); mask-composite:intersect; }
.discovery-hero.hero-carousel[data-hero-slide="general"] .discovery-hint { background:rgba(41,50,65,.82) !important; border:1px solid rgba(190,209,236,.08) !important; }
.hero-carousel[data-hero-slide="general"] .discovery-hero-subtitle,.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { color:#bbc6d6 !important; }
.hero-carousel[data-hero-slide="general"] .discovery-hint p { color:#c2ccdb !important; }
@media (min-width:700px) and (max-width:1023px) {
 .mobile-discovery-hero.hero-carousel .hero-carousel-general { inset:auto 0 0 auto; width:86%; height:auto; transform:none; object-fit:contain; object-position:right bottom; mask-image:linear-gradient(to bottom,transparent,#000 10%),linear-gradient(to right,transparent,#000 10%); mask-composite:intersect; }
 .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] h1 { font-size:28px; line-height:1.08; max-width:190px; }
 .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { max-width:190px; }
}
@media (max-width:699px) {
 .mobile-discovery-hero.hero-carousel .hero-carousel-general { object-position:center top; }
}

@media (max-width:699px) { .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { max-width:none; } }

/* Keep long tablet headings clear of the editor and language badges. */
@media (min-width:700px) and (max-width:1023px) {
 .mobile-discovery-hero.hero-carousel[data-hero-slide="ai"] h1,
 .mobile-discovery-hero.hero-carousel[data-hero-slide="programming"] h1 { font-size:24px; line-height:1.08; }
}
/* Scale the portrait frame on small phones without cropping the team or controls. */
@media (max-width:375px) {
 .mobile-discovery-hero.hero-carousel.hero-carousel-books { min-height:0; height:calc((100vw - 32px) * 1.3882681564); }
 .mobile-discovery-hero.hero-carousel .hero-carousel-dot { width:21px; }
}

@media (max-width:350px) {
 .mobile-discovery-hero.hero-carousel[data-hero-slide="general"] .mobile-discovery-copy > p { font-size:12px; line-height:1.4; }
}