/* Baize launch: editorial layout over the site's existing atom-array backdrop. */
:root { --launch-ink: #f1f5fa; --launch-muted: #a7b4c9; --launch-line: rgba(168, 193, 230, .18); }
.launch-eyebrow { display: flex; align-items: center; gap: .8rem; color: #80e2ed; font-size: .75rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.launch-eyebrow::before { content: ''; width: 1.7rem; height: 1px; background: currentColor; flex-shrink: 0; }
.launch-button, .launch-link { display: inline-flex; align-items: center; justify-content: center; gap: 1.2rem; font-size: .94rem; font-weight: 600; text-decoration: none; }
.launch-button { min-height: 3.2rem; padding: .9rem 1.4rem; border-radius: .4rem; color: #091624; background: #bcf0ed; border: 1px solid #bcf0ed; transition: background .2s, transform .2s; }
.launch-button:hover { background: #e4fffb; transform: translateY(-2px); }
.launch-link { color: #c0eded; padding: .7rem 0; border-bottom: 1px solid #407476; }
.launch-link:hover { color: #fff; border-color: #fff; }
.launch-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1rem 2rem; }
.home-launch-layout { display: grid; grid-template-columns: .95fr 1.05fr; gap: 4rem; align-items: center; width: min(1200px, 100%); margin: auto; padding: 10rem 2rem 6rem; text-align: left; }
#hero .home-launch-layout .hero-title { font-size: clamp(2.6rem, 4vw, 4.25rem); line-height: 1.22; letter-spacing: -.035em; margin: 1.5rem 0; }
#hero .home-launch-layout .hero-subtitle { font-size: 1.06rem; line-height: 1.9; margin: 0 0 2.5rem; max-width: 29rem; color: #bac5d7; }
.home-launch-card { display: block; position: relative; overflow: hidden; border: 1px solid var(--launch-line); border-radius: 1rem; background: #091321; box-shadow: 0 25px 100px rgba(0, 0, 0, .35); text-decoration: none; transition: border-color .2s, transform .2s; }
.home-launch-card:hover { transform: translateY(-4px); border-color: #70c9d4; }
.home-launch-card img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: contain; background: #fff; }
.home-launch-card-body { padding: 1.7rem 2rem 1.9rem; background: linear-gradient(115deg, #122535, #0b111e); }
.home-launch-card-top { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.home-launch-card h2 { margin: .7rem 0 .4rem; font-size: 2.1rem; font-weight: 600; letter-spacing: .035em; color: var(--launch-ink); }
.home-launch-card p { color: #bbc9d9; line-height: 1.7; font-size: .94rem; }
.launch-tag { padding: .25rem .6rem; font-size: .65rem; font-weight: 600; letter-spacing: .1em; color: #a6dfd7; border: 1px solid #365858; border-radius: 3px; white-space: nowrap; }
.launch-card-arrow { display: flex; align-items: center; justify-content: center; width: 2.5rem; height: 2.5rem; border: 1px solid var(--launch-line); border-radius: 50%; color: #bff3ec; }
.launch-section { padding: 9rem 1.5rem 6rem; background: linear-gradient(160deg, #091222ed, #0b0c1bba); }
.launch-wrap { max-width: 1152px; margin: 0 auto; }
.launch-intro { display: grid; grid-template-columns: 1fr 1.05fr; align-items: end; gap: 3rem; margin: 0 0 3rem; }
.launch-name { margin: 1.2rem 0 .25rem; font-size: clamp(4.8rem, 9vw, 7.8rem); font-weight: 500; line-height: 1.1; letter-spacing: .1em; color: var(--launch-ink); }
html[lang="en"] .launch-name { letter-spacing: -.045em; }
.launch-subtitle { margin-top: 1rem; font-size: 1.3rem; font-weight: 500; color: #d1e2ef; line-height: 1.55; }
.launch-deck { color: #b6c4d7; font-size: 1.04rem; line-height: 1.95; }
.launch-date { display: block; margin-top: 1.5rem; font-family: ui-monospace, monospace; font-size: .76rem; letter-spacing: .1em; color: #8298b1; }
.launch-player { overflow: hidden; position: relative; background: #02080e; border: 1px solid #294254; border-radius: .7rem; box-shadow: 0 24px 80px #0005; aspect-ratio: 16 / 9; }
.launch-player button { display: block; position: relative; width: 100%; height: 100%; border: 0; padding: 0; text-align: left; cursor: pointer; }
.launch-player button[hidden], .launch-player video[hidden] { display: none; }
.launch-player button::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg, #020d1ded, #020d1d60 13%, transparent 32%); }
.launch-player img, .launch-player video { display: block; width: 100%; height: 100%; object-fit: contain; }
.launch-player img { object-fit: contain; }
.launch-play-label { position: absolute; z-index: 1; inset: auto 2rem 1.5rem; display: flex; align-items: center; gap: 1rem; color: #fff; text-align: left; text-shadow: 0 2px 10px #000; }
.launch-play-icon { display: grid; place-items: center; flex-shrink: 0; border: 1px solid #d1eaeaaa; width: 3.2rem; height: 3.2rem; border-radius: 50%; backdrop-filter: blur(8px); background: #07182760; transition: background .2s; }
.launch-play-icon svg { width: 1.1rem; height: 1.1rem; margin-left: .18rem; }
.launch-player button:hover .launch-play-icon { background: #bcefeb; color: #091624; }
.launch-play-label strong { display: block; font-size: 1.1rem; font-weight: 500; }
.launch-play-label small { display: block; margin-top: .35rem; color: #aac2d1; font-size: .75rem; }
.launch-video-note { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem 1.5rem; margin-top: .8rem; color: #8fa3bb; font-size: .75rem; line-height: 1.6; }
.launch-video-note a { color: #a0ddd8; text-decoration: underline; text-underline-offset: 3px; }
.launch-video-status { color: #f6d090; margin-top: .5rem; font-size: .85rem; }
.launch-feature-row { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--launch-line); border-bottom: 1px solid var(--launch-line); margin: 3.5rem 0 5rem; }
.launch-feature-row > div { padding: 1.75rem 2rem; border-left: 1px solid var(--launch-line); }
.launch-feature-row > div:first-child { border-left: 0; padding-left: 0; }
.launch-feature-row span { display: block; margin-bottom: .75rem; color: #71c2cb; font-size: .67rem; letter-spacing: .14em; font-family: ui-monospace, monospace; }
.launch-feature-row h3 { color: #eef3fa; font-size: 1.16rem; font-weight: 500; }
.launch-feature-row p { margin-top: .6rem; color: var(--launch-muted); font-size: .88rem; line-height: 1.85; }
.launch-story { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: 4rem; margin: 4rem 0 5rem; }
.launch-story.reverse { grid-template-columns: 1.15fr .85fr; }
.launch-story.reverse .launch-story-copy { order: 2; }
.launch-story h3 { color: var(--launch-ink); font-size: clamp(1.7rem, 3vw, 2.35rem); line-height: 1.4; font-weight: 500; margin: 1.1rem 0 1.3rem; letter-spacing: -.025em; }
.launch-story p { color: #acbcd1; font-size: .97rem; line-height: 1.95; }
.launch-figure { min-width: 0; }
.launch-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--launch-line); border-radius: .5rem; background: #0a101c; }
.launch-figure figcaption { margin-top: .8rem; color: #8297b1; font-size: .73rem; line-height: 1.7; }
.launch-event-gallery { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.5rem 1rem; min-width: 0; }
.launch-event-lead { grid-column: 1 / -1; }
.launch-event-gallery .launch-figure { margin: 0; }
.launch-event-gallery figcaption { margin-top: .6rem; }
/* Full first-party announcement: preserve source order in a reading column. */
.launch-announcement-header { max-width: 860px; margin: 0 auto 2.5rem; }
.launch-announcement-header h2 { color: var(--launch-ink); font-size: clamp(1.7rem, 3.6vw, 2.65rem); font-weight: 600; line-height: 1.5; letter-spacing: -.025em; text-wrap: balance; }
.launch-announcement-meta { display: flex; flex-wrap: wrap; align-items: center; gap: .7rem 1.3rem; margin-top: 1.4rem; color: #9eb0c9; font-size: .85rem; }
.launch-announcement-meta a { color: #b8e7e5; text-decoration: underline; text-underline-offset: 4px; }
.launch-announcement-video { max-width: 860px; margin: 0 auto; }
.launch-article { max-width: 860px; margin: 2.75rem auto 0; padding: 3rem 3.5rem; border-radius: .75rem; background: #fff; color: #242b35; box-shadow: 0 18px 70px #0003; overflow-wrap: anywhere; }
.article-source-content > p { margin: 1.3rem 0; font-size: 1rem; line-height: 2; }
.article-source-content > p:first-child { margin-top: 0; }
.launch-article strong { color: #111820; font-weight: 650; }
.launch-article .launch-play-label strong { color: #fff; font-weight: 500; }
.launch-article figure { margin: 2rem 0; }
.launch-article img { display: block; max-width: 100%; height: auto; margin: 0 auto; }
.launch-article .article-photo { width: 100%; }
.launch-article .article-photo + .article-photo { margin-top: 1rem; }
.launch-article figcaption { margin-top: .65rem; color: #737b87; font-size: .85rem; text-align: center; line-height: 1.65; }
.launch-article .article-decoration { margin: 1.75rem auto; text-align: center; }
.launch-article .article-contact { margin: .4rem 0; text-align: center; font-size: .94rem; }
.launch-article .article-end { margin: 2.5rem 0 1.5rem; text-align: center; letter-spacing: .15em; color: #5b6270; }
.launch-article .article-contact a { color: #263b59; text-decoration: underline; text-underline-offset: 3px; }
.launch-article .article-qr { width: 180px; }
.launch-article .article-contact-line { display: flex; align-items: center; justify-content: center; gap: .6rem; flex-wrap: wrap; margin: 1rem 0; }
.launch-article .article-contact-line img { width: 22px; max-height: 24px; object-fit: contain; margin: 0; }
.launch-article .article-contact-line p { margin: 0; line-height: 1.8; }
.launch-article .launch-video-note a { color: #345777; }
.launch-article .launch-video-status { color: #986021; }
.launch-article .article-source-footnote { border-top: 1px solid #e5e8ed; margin-top: 2rem; padding-top: 1rem; color: #697384; font-size: .8rem; }
.launch-article .article-source-footnote a { color: #345777; text-decoration: underline; text-underline-offset: 3px; }
.launch-reading { padding: 2.3rem 2.6rem; margin-top: 4rem; border: 1px solid var(--launch-line); border-radius: .65rem; background: linear-gradient(110deg, #102031de, #111627e0); }
.launch-reading-header { display: flex; justify-content: space-between; gap: 2rem; align-items: baseline; margin-bottom: 1.4rem; }
.launch-reading h3 { color: var(--launch-ink); font-size: 1.35rem; font-weight: 500; }
.launch-reading-header p { color: #8d9fb6; font-size: .8rem; }
.launch-source { display: flex; align-items: center; gap: 1.2rem; padding: 1.3rem 0; border-top: 1px solid var(--launch-line); color: #d2dcea; font-size: .93rem; line-height: 1.7; }
.launch-source span:first-child { color: #80b9c1; font-size: .7rem; font-family: ui-monospace, monospace; }
.launch-source span:last-child { margin-left: auto; font-size: 1.2rem; color: #a4d9d7; }
.launch-source:hover { color: #9dedeb; }
.launch-contact { max-width: 860px; margin: 2.5rem auto 0; display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.launch-contact .launch-button { flex-shrink: 0; }
.launch-contact p { color: #a9bbd0; line-height: 1.8; }
.launch-news { display: grid; grid-template-columns: 1fr 1.5fr; overflow: hidden; border: 1px solid #365268; border-radius: .75rem; margin-bottom: 2rem; background: #0e1b2ddb; }
.launch-news img { width: 100%; height: 100%; object-fit: cover; }
.launch-news-copy { padding: 2.1rem; }
.launch-news h3 { color: #edf3fa; font-size: 1.55rem; font-weight: 600; line-height: 1.5; margin: .8rem 0; }
.launch-news p { color: #adbed2; font-size: .92rem; line-height: 1.85; margin-bottom: 1rem; }
/* The seventh navigation item becomes a menu on smaller laptops/tablets. */
@media (min-width: 769px) and (max-width: 1024px) {
    .mobile-menu-toggle { display: flex; }
    .primary-nav { display: none !important; position: absolute; top: 100%; left: 1rem; right: 1rem; flex-direction: column; gap: 0; padding: .75rem; border: 1px solid var(--glass-border); border-radius: 0 0 1rem 1rem; background: #0a0a1afa; }
    .primary-nav.is-open { display: flex !important; }
    .primary-nav > :not([hidden]) ~ :not([hidden]), html[lang="en"] .primary-nav > :not([hidden]) ~ :not([hidden]) { margin-left: 0 !important; }
    .primary-nav .nav-link { display: block; padding: .8rem .75rem; }
    .primary-nav .language-link { margin: .6rem; }
}
@media (max-width: 1024px) {
    .home-launch-layout { gap: 2rem; }
    .launch-story { gap: 2rem; }
}
@media (max-width: 768px) {
    .home-launch-layout { grid-template-columns: 1fr; gap: 2.5rem; padding: 7.5rem 1.4rem 3rem; }
    #hero .home-launch-layout .hero-title { font-size: 2.45rem; max-width: 24rem; }
    #hero .home-launch-layout .hero-subtitle { font-size: .95rem; margin-bottom: 1.5rem; }
    .home-launch-card img { aspect-ratio: 16 / 9; }
    .home-launch-card-body { padding: 1.2rem 1.4rem 1.4rem; }
    .home-launch-card h2 { font-size: 1.75rem; }
    .launch-section { padding: 7rem 1.3rem 3.5rem; }
    .launch-intro { grid-template-columns: 1fr; gap: 1.5rem; margin-bottom: 2rem; }
    .launch-name { font-size: 4.8rem; }
    .launch-subtitle { font-size: 1.18rem; }
    .launch-deck { font-size: .94rem; }
    .launch-play-label { inset: auto .8rem .6rem; gap: .6rem; }
    .launch-play-icon { width: 2rem; height: 2rem; }
    .launch-play-label strong { font-size: .9rem; }
    .launch-play-label small { display: none; }
    .launch-feature-row { grid-template-columns: 1fr; margin: 2.5rem 0; }
    .launch-feature-row > div, .launch-feature-row > div:first-child { border-left: 0; border-top: 1px solid var(--launch-line); padding: 1.4rem 0; }
    .launch-feature-row > div:first-child { border-top: 0; }
    .launch-feature-row p { margin-top: .4rem; }
    .launch-story, .launch-story.reverse { grid-template-columns: 1fr; gap: 1.5rem; margin: 3rem 0; }
    .launch-story.reverse .launch-story-copy { order: 0; }
    .launch-event-gallery { grid-template-columns: 1fr; gap: 1.5rem; }
    .launch-announcement-header { margin-bottom: 1.75rem; }
    .launch-announcement-header h2 { font-size: 1.55rem; }
    .launch-announcement-meta { gap: .6rem 1rem; font-size: .77rem; }
    .launch-article { margin-top: 1.75rem; padding: 1.5rem 1.1rem; border-radius: .5rem; }
    .article-source-content > p { font-size: .95rem; line-height: 1.95; }
    .launch-article figure { margin: 1.6rem 0; }
    .launch-reading { padding: 1.4rem; margin-top: 3rem; }
    .launch-reading-header, .launch-contact { flex-direction: column; align-items: flex-start; gap: 1rem; }
    .launch-news { grid-template-columns: 1fr; }
    .launch-news img { aspect-ratio: 16 / 9; }
    .launch-news-copy { padding: 1.4rem; }
    .launch-news h3 { font-size: 1.3rem; }
    html[lang="en"] .primary-nav > :not([hidden]) ~ :not([hidden]) { margin-left: 0 !important; }
}