.press-width { width: min(100% - 6rem, 1360px); margin-inline: auto; }
.press-page h1, .press-page h2, .press-page h3 { font-family: var(--font-display); color: var(--text-hi); }
.press-page h2 { font-size: clamp(2.25rem, 3.7vw, 3.6rem); line-height: 1.05; letter-spacing: -.035em; font-weight: 600; }
.press-page button { font: inherit; }
.press-page svg { width: 21px; height: 21px; stroke: currentColor; stroke-width: 1.5; stroke-linecap: round; stroke-linejoin: round; flex: none; }
.press-page [hidden] { display: none !important; }
.press-page a:focus-visible, .press-page button:focus-visible { outline: 2px solid var(--telemetry); outline-offset: 6px; }
.press-page section { scroll-margin-top: 110px; }
.press-skip { position: fixed; top: 10px; left: 20px; z-index: 200; transform: translateY(-180%); background: var(--text-hi); color: var(--bg); padding: 10px 20px; }
.press-skip:focus { transform: none; }
.nav-context { margin-left: .65rem; padding-left: 1.1rem; border-left: 1px solid var(--border); font-family: var(--font-body); font-size: .88rem; font-weight: 400; color: var(--text-muted); letter-spacing: 0; }
.press-page .nav-brand img, .press-page .footer-brand img { object-fit: contain; height: auto; border-radius: 0; }
.eyebrow { font-family: var(--font-mono); font-size: .68rem; font-weight: 400; text-transform: uppercase; letter-spacing: .2em; color: var(--text-muted); margin-bottom: 1.5rem; }
.press-hero { display: grid; grid-template-columns: .85fr 1.6fr; align-items: center; gap: clamp(3rem, 6vw, 6rem); padding-block: 10.5rem 7rem; }
.hero-copy { position: relative; z-index: 1; }
.hero-copy .eyebrow { color: var(--telemetry); }
.hero-copy h1 { font-size: clamp(4rem, 7vw, 7rem); font-weight: 600; letter-spacing: -.065em; line-height: .96; }
.hero-copy h1 span { color: var(--text-muted); }
.hero-description { color: var(--text-muted); font-size: 1.1rem; line-height: 1.6; max-width: 29ch; margin-top: 1.8rem; text-wrap: pretty; }
.kit-button { margin-top: 2.25rem; gap: .7rem; }
.kit-button svg { width: 19px; }
.kit-detail { margin-top: 1rem; font-size: .76rem; color: var(--text-muted); line-height: 1.8; }
.kit-detail span { display: block; font-family: var(--font-mono); font-size: .64rem; letter-spacing: .07em; }
.hero-product { min-width: 0; padding-top: 1.4rem; }
.hero-product .rig { display: block; width: 96%; margin-inline: auto; }
.hero-product figcaption { position: relative; display: flex; justify-content: space-between; gap: 1rem; font-family: var(--font-mono); font-size: .6rem; color: var(--text-muted); letter-spacing: .035em; margin: 2rem 2% 0; }
.release-strip { display: flex; justify-content: space-between; align-items: center; gap: 2rem; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); padding-block: 1.5rem; font-size: .8rem; }
.release-strip p { display: flex; align-items: center; gap: 1.15rem; color: var(--text-muted); }
.release-strip strong { color: var(--text-hi); font-weight: 500; }
.release-marker { width: 6px; height: 6px; border-radius: 50%; background: var(--telemetry); flex: none; }
.release-strip a { display: inline-flex; align-items: center; gap: 1.5rem; }
.release-strip a:hover, .text-link:hover, .reference-links a:hover { color: var(--ember-bright); }
.screenshots-section { padding-block: var(--pad-section); }
.section-heading { display: flex; justify-content: space-between; align-items: flex-end; gap: 2rem; margin-bottom: 4rem; }
.section-heading > p { color: var(--text-muted); font-size: .88rem; margin-bottom: .25rem; }
.media-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 4.5rem 3.5rem; }
.media-asset { min-width: 0; }
.asset-preview { display: block; width: calc(100% - 12px); margin-inline: auto; }
.asset-preview .rig-in { box-shadow: 0 0 0 1px var(--border), 0 1px 0 var(--hairline) inset, 0 18px 34px -16px var(--bg), 0 60px 80px -60px var(--bg); }
.asset-preview .rig-in::after { opacity: .4; }
.preview-cue { position: absolute; right: 16px; bottom: 16px; display: flex; align-items: center; gap: .5rem; padding: .5rem .8rem; border: 1px solid var(--border); border-radius: 100px; background: var(--bg); color: var(--text-hi); font-size: .7rem; pointer-events: none; }
.preview-cue svg { width: 15px; height: 15px; }
.preview-cue span { display: none; }
.asset-preview:hover .preview-cue span, .asset-preview:focus-visible .preview-cue span { display: inline; }
.asset-caption { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding-top: 1.6rem; }
.asset-caption h3 { font-size: 1.05rem; font-weight: 500; letter-spacing: -.015em; }
.asset-caption p { margin-top: .25rem; color: var(--text-muted); font-family: var(--font-mono); font-size: .64rem; letter-spacing: .02em; }
.asset-caption p span { margin-left: .75rem; }
.asset-download { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; border: 1px solid var(--border); flex: none; }
.asset-download:hover { background: var(--panel); color: var(--text-hi); border-color: var(--text-muted); }
.brand-section { background: var(--bg-alt); padding-block: var(--pad-section); }
.brand-layout { display: grid; grid-template-columns: .8fr 1.65fr; gap: 5rem; align-items: center; }
.brand-copy > p:not(.eyebrow) { margin-top: 1.7rem; color: var(--text-muted); font-size: 1rem; }
.brand-copy .text-link { margin-top: 2rem; font-size: .82rem; }
.brand-assets { display: grid; grid-template-columns: 1fr 1fr; gap: 1.5rem; min-width: 0; }
.brand-asset { min-width: 0; }
.brand-preview { display: grid; place-items: center; aspect-ratio: 1; border-radius: 4px; }
.brand-preview img { object-fit: contain; width: 68%; height: auto; }
.brand-logo { background: var(--text-hi); }
.brand-icon { background: var(--panel); border: 1px solid var(--border); }
.brand-icon img { width: 53%; }
.brand-assets .asset-caption { padding-top: 1.2rem; }
.brand-assets .asset-caption h3 { font-size: .95rem; }
.brand-assets .asset-caption p { font-size: .6rem; }
.about-section { display: grid; grid-template-columns: 1.4fr .8fr; gap: clamp(4rem, 10vw, 10rem); padding-block: var(--pad-section); }
#product-description { font-size: clamp(1.1rem, 1.7vw, 1.35rem); line-height: 1.65; color: var(--text); margin-top: 2rem; max-width: 48ch; text-wrap: pretty; }
.about-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 1.25rem 2rem; margin-top: 2rem; }
.text-link { display: inline-flex; align-items: center; gap: .8rem; font-size: .85rem; color: var(--text-hi); }
button.text-link { border: 0; background: transparent; padding: 0; cursor: pointer; font-size: .85rem; }
.text-link svg { width: 17px; height: 17px; }
.copy-status { font-size: .76rem; color: var(--telemetry); min-height: 1.6em; margin-top: .7rem; }
.project-details { padding-top: 3rem; }
.project-details dl > div { padding-block: 1.4rem; border-bottom: 1px solid var(--border); }
.project-details dl > div:first-child { padding-top: 0; }
.project-details dt { color: var(--text-muted); font-family: var(--font-mono); font-size: .64rem; text-transform: uppercase; letter-spacing: .09em; margin-bottom: .6rem; }
.project-details dd { color: var(--text-hi); font-size: 1.05rem; }
.project-details dd span:not(.inline-arrow) { display: block; color: var(--text-muted); font-size: .78rem; margin-top: .3rem; }
.reference-links { display: grid; gap: .8rem; margin-top: 1.8rem; }
.reference-links a { display: flex; justify-content: space-between; font-size: .82rem; }
.press-page .footer-note { color: var(--text-muted); }
.media-viewer { width: min(96vw, 1800px); max-width: 96vw; max-height: 96vh; margin: auto; border: 1px solid var(--border); background: var(--bg-alt); color: var(--text); border-radius: 8px; padding: 0; }
.media-viewer::backdrop { background: rgba(6, 8, 12, .94); }
.viewer-toolbar { display: flex; justify-content: space-between; gap: 1rem; align-items: center; padding: 1rem 1.5rem; border-bottom: 1px solid var(--border); }
.viewer-toolbar h2 { font-size: 1rem; letter-spacing: -.02em; line-height: 1.4; }
.viewer-toolbar > div { display: flex; gap: 1.5rem; align-items: center; }
.viewer-download { display: flex; align-items: center; gap: .5rem; font-size: .8rem; }
.viewer-close { display: grid; place-items: center; border: 1px solid var(--border); color: var(--text); background: var(--panel); border-radius: 50%; width: 40px; height: 40px; cursor: pointer; }
.viewer-image { padding: 1rem; display: grid; place-items: center; }
.viewer-image img { max-width: 100%; max-height: calc(96vh - 115px); width: auto; height: auto; object-fit: contain; }
.media-viewer.is-brand .viewer-image { background: var(--text-hi); }
.media-viewer.is-brand { width: min(90vw, 780px); }
.media-viewer.is-brand .viewer-image img { max-height: min(70vh, 600px); }
@media (min-width: 1700px) { .press-hero { padding-block: 12rem 9rem; } }
@media (max-width: 1100px) {
    .press-width { width: calc(100% - 4rem); }
    .press-hero { grid-template-columns: .9fr 1.3fr; gap: 3rem; padding-block: 9rem 5rem; }
    .hero-copy h1 { font-size: 5rem; }
    .hero-product figcaption { flex-direction: column; gap: .25rem; }
    .brand-layout { grid-template-columns: 1fr 1.5fr; gap: 3rem; }
    .brand-assets { gap: 1rem; }
    .media-grid { gap: 3.5rem 2rem; }
    .about-section { gap: 4rem; }
}
@media (max-width: 800px) {
    .press-hero { grid-template-columns: 1fr; gap: 3.5rem; padding-block: 8rem 3.5rem; }
    .hero-copy h1 { font-size: clamp(4rem, 12vw, 6rem); }
    .hero-copy h1 br { display: none; }
    .hero-copy h1 span::before { content: ' '; }
    .hero-description { max-width: 40ch; }
    .hero-product { padding-top: 0; }
    .hero-product figcaption { flex-direction: row; margin-top: 1.5rem; }
    .hero-product .rig { width: 100%; }
    .section-heading { align-items: flex-start; flex-direction: column; gap: 1rem; margin-bottom: 2.5rem; }
    .media-grid { grid-template-columns: 1fr; gap: 3rem; }
    .screenshots-section, .brand-section, .about-section { padding-block: 5rem; }
    .brand-layout { grid-template-columns: 1fr; gap: 2.5rem; }
    .brand-copy > p:not(.eyebrow) br { display: none; }
    .brand-copy .text-link { margin-top: 1rem; }
    .about-section { grid-template-columns: 1fr; gap: 2rem; }
    .project-details { padding-top: 0; }
    .project-details dl { display: grid; grid-template-columns: 1fr 1fr; column-gap: 2rem; }
    .project-details dl > div:first-child { padding-top: 1.4rem; }
    .reference-links { max-width: 400px; }
}
@media (max-width: 500px) {
    .press-width { width: calc(100% - 3rem); }
    .nav-context { display: none; }
    .press-hero { gap: 3rem; padding-top: 7.5rem; }
    .hero-copy h1 { font-size: clamp(3.8rem, 15vw, 4.8rem); }
    .hero-copy h1 br { display: block; }
    .hero-copy h1 span::before { content: none; }
    .hero-description { font-size: 1rem; max-width: 30ch; }
    .kit-button { margin-top: 1.6rem; }
    .hero-product figcaption { font-size: .54rem; gap: .5rem; flex-direction: column; }
    .release-strip { gap: 1rem; font-size: .72rem; }
    .release-strip p { display: grid; grid-template-columns: 6px 1fr; column-gap: .7rem; row-gap: .15rem; }
    .release-strip p > span:last-child { grid-column: 2; font-size: .64rem; }
    .release-strip a { gap: .5rem; }
    .brand-assets { gap: 1.1rem; }
    .brand-preview { aspect-ratio: 1; }
    .brand-assets .asset-caption { align-items: flex-start; flex-wrap: wrap; gap: .8rem; }
    .brand-assets .asset-caption h3 { font-size: .88rem; }
    .brand-assets .asset-caption p { font-size: .56rem; }
    .brand-assets .asset-caption p span { margin-left: .3rem; }
    .asset-caption { padding-top: 1.2rem; }
    .project-details dl { grid-template-columns: 1fr; }
    .about-actions { align-items: flex-start; flex-direction: column; }
    .viewer-toolbar { padding: .7rem; }
    .viewer-toolbar > div { gap: .7rem; }
    .viewer-toolbar h2 { font-size: .85rem; }
    .viewer-download span { display: none; }
    .viewer-image { padding: .4rem; }
}