:root { color-scheme: dark; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }

/* Shared preview navigation */
.preview-nav { position: relative; z-index: 50; min-height: 48px; padding: 0 4vw; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 1rem; border-bottom: 1px solid rgba(255,255,255,.12); background: rgba(6,5,18,.88); backdrop-filter: blur(14px); color: #d9cfea; font: 500 .68rem/1 'Outfit', sans-serif; letter-spacing: .12em; text-transform: uppercase; }
.preview-nav > span { opacity: .7; }
.preview-nav > div { justify-self: end; display: flex; gap: .4rem; }
.preview-nav > div a { width: 26px; height: 26px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.16); border-radius: 50%; }
.preview-nav a:hover, .preview-nav a[aria-current="page"] { color: white; border-color: currentColor; }

/* Hub */
.hub-page { min-height: 100vh; background: #0a0912; color: #f4eedf; font-family: 'Outfit', sans-serif; }
.hub { width: min(1180px, 92vw); margin: auto; padding: clamp(4rem, 10vw, 8rem) 0; }
.hub__eyebrow { color: #b89cdc; font: 500 .72rem/1 'DM Mono', monospace; letter-spacing: .15em; }
.hub h1 { margin: .5rem 0; font: italic 600 clamp(3rem, 8vw, 6rem)/.95 'Cormorant Garamond', serif; }
.hub__intro { max-width: 610px; color: #bcb5c9; font-weight: 300; font-size: 1.05rem; line-height: 1.7; }
.hub__grid { margin-top: 3rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.25rem; }
.concept-card { position: relative; min-height: 500px; display: flex; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.14); transition: transform .3s ease, box-shadow .3s ease; }
.concept-card:hover { transform: translateY(-7px); box-shadow: 0 24px 70px rgba(0,0,0,.35); }
.concept-card__number { position: absolute; z-index: 2; top: 1rem; right: 1rem; font: .75rem 'DM Mono', monospace; }
.concept-card__art { min-height: 245px; display: grid; place-items: center; overflow: hidden; }
.concept-card__copy { flex: 1; padding: 1.7rem; background: rgba(10,9,18,.75); }
.concept-card small { font: .68rem 'DM Mono', monospace; letter-spacing: .13em; opacity: .65; }
.concept-card h2 { margin: .45rem 0 .65rem; font: 600 2rem/1.05 'Cormorant Garamond', serif; }
.concept-card p { color: #c2bbcb; line-height: 1.55; font-weight: 300; }
.concept-card strong { display: inline-block; margin-top: .8rem; font-size: .85rem; }
.concept-card--cosmic { background: radial-gradient(circle at 70% 20%, #855894, transparent 24%), radial-gradient(circle at 20% 10%, #4569a0, transparent 22%), #111129; }
.concept-card--cosmic .concept-card__art { background: url('../assets/header.jpg') center/cover; mask-image: linear-gradient(#000 50%, transparent); }
.concept-card--cosmic .concept-card__art span { font-size: 5rem; color: #f6dff0; text-shadow: 0 0 35px #eba1d1; }
.concept-card--mission { background-color: #071117; background-image: linear-gradient(rgba(89,235,212,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(89,235,212,.07) 1px, transparent 1px); background-size: 24px 24px; }
.concept-card--mission .concept-card__art span { color: #69f3d6; border: 1px solid; padding: 1rem; box-shadow: 0 0 30px rgba(105,243,214,.2); font: 500 1rem 'DM Mono', monospace; }
.concept-card--mission h2 { font-family: 'Outfit', sans-serif; font-weight: 600; }
.concept-card--workshop { color: #171717; background-color: #f1ead9; background-image: linear-gradient(#a8bac94d 1px, transparent 1px), linear-gradient(90deg, #a8bac94d 1px, transparent 1px); background-size: 20px 20px; transform: rotate(.6deg); }
.concept-card--workshop:hover { transform: rotate(0) translateY(-7px); }
.concept-card--workshop .concept-card__art span { padding: .4rem 1rem; background: #ff5f87; transform: rotate(-6deg); font: 700 2.2rem 'Caveat', cursive; }
.concept-card--workshop .concept-card__copy { background: rgba(245,239,224,.9); }
.concept-card--workshop p { color: #4c4942; }
.concept-card--workshop h2 { font-family: 'Outfit', sans-serif; font-weight: 800; letter-spacing: -.04em; }

/* Cosmic Creator Log */
.cosmic-page { background: #070711; color: #f5efdf; font-family: 'Outfit', sans-serif; }
.cosmic-hero { position:relative; min-height:650px; display:grid; align-items:end; overflow:hidden; background:radial-gradient(95% 55% at 50% 58%,rgba(119,82,166,.48),transparent 72%),radial-gradient(65% 58% at 20% 70%,rgba(69,104,166,.25),transparent 74%),linear-gradient(180deg,#100e29 0%,#0b091c 62%,#070711 100%); }
.cosmic-hero__image { position:absolute; inset:0; background:url('../assets/header-clean-v2.png') center 38%/cover no-repeat; -webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.72) 76%,transparent 100%); mask-image:linear-gradient(to bottom,#000 0%,#000 56%,rgba(0,0,0,.72) 76%,transparent 100%); }
.cosmic-hero__image::after { content:''; position:absolute; inset:0; background:linear-gradient(to bottom,rgba(7,7,17,.06),transparent 30%); }
.cosmic-hero__content { position: relative; z-index: 2; width: min(980px, 90vw); margin: 0 auto; padding-bottom: 4rem; text-align: center; }
.cosmic-profile { display: inline-flex; align-items: center; text-align: left; gap: 1.3rem; }
.cosmic-profile img { width: 118px; height: 118px; object-fit: cover; border: 5px solid #0a0819; border-radius: 50%; outline: 2px solid #c58bd6; box-shadow: 0 0 40px rgba(197,139,214,.42); }
.cosmic-profile p, .cosmic-section__heading p { margin: 0 0 .25rem; color: #b99dce; font: .67rem 'DM Mono', monospace; letter-spacing: .16em; }
.cosmic-profile h1 { margin: 0; color: #fff4d3; font: italic 600 clamp(3rem, 7vw, 5rem)/.85 'Cormorant Garamond', serif; text-shadow: 0 0 28px rgba(246,231,191,.3); }
.cosmic-profile span { color: #c9bed8; font: 300 .9rem 'Outfit', sans-serif; }
.cosmic-intro { max-width: 640px; margin: 1.5rem auto; color: #cfc5dc; font: italic 500 clamp(1.35rem, 3vw, 1.8rem)/1.4 'Cormorant Garamond', serif; }
.cosmic-actions { display: flex; justify-content: center; gap: .8rem; flex-wrap: wrap; }
.button { display:inline-flex; align-items:center; justify-content:center; padding:.95rem 1.4rem; border:0; border-radius:999px; color:inherit; font:500 .82rem/1.2 'Outfit',sans-serif; letter-spacing:.03em; cursor:pointer; -webkit-appearance:none; appearance:none; }
.cta-burst { position:relative; display:inline-flex; isolation:isolate; }
.cta-burst .button { position:relative; z-index:2; }
.button--glow { padding:1.08rem 1.75rem; font-size:.9rem; background: linear-gradient(110deg,#dc70ac,#a275db); box-shadow: 0 10px 35px rgba(211,105,180,.25); transform-origin:center bottom; animation:yesBounce 2.8s ease-in-out infinite; }
.button--glow:hover { animation:none; transform:translateY(-3px) scale(1.015); box-shadow:0 15px 44px rgba(211,105,180,.4); }
@keyframes yesBounce { 0%,68%,100%{transform:translateY(0) scale(1)} 74%{transform:translateY(-11px) scale(1.025)} 80%{transform:translateY(0) scale(.99)} 85%{transform:translateY(-5px) scale(1.01)} 90%{transform:translateY(0) scale(1)} }
.confetti-piece { position:absolute; z-index:1; left:50%; top:50%; width:var(--w); height:var(--h); border-radius:2px; background:var(--c); opacity:0; pointer-events:none; box-shadow:0 0 8px color-mix(in srgb,var(--c) 60%,transparent); animation:confettiPop var(--d) cubic-bezier(.18,.78,.25,1) var(--delay) forwards; }
@keyframes confettiPop { 0%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(0)} 12%{opacity:1} 72%{opacity:1} 100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(var(--r))} }
.button--glass { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.05); backdrop-filter: blur(10px); }
.cosmic-main { width: min(1080px, 90vw); margin: auto; padding: 4rem 0 7rem; }
.cosmic-section { display: grid; grid-template-columns: .75fr 1.7fr; gap: 3rem; align-items: center; }
.cosmic-section__heading h2 { margin: .7rem 0 0; font: italic 600 clamp(2.7rem, 5vw, 4.8rem)/.95 'Cormorant Garamond', serif; }
.cosmic-video { position: relative; overflow: hidden; border: 1px solid rgba(210,174,239,.22); border-radius: 24px; background: #151126; box-shadow: 0 30px 90px rgba(0,0,0,.4); }
.cosmic-video > img { width: 100%; aspect-ratio: 16/9; object-fit: cover; opacity: .85; transition: transform .45s ease; }
.cosmic-video:hover > img { transform: scale(1.025); }
.video-play { position: absolute; top: 34%; left: 50%; transform: translate(-50%,-50%); width: 68px; height: 68px; display: grid; place-items: center; padding-left: 5px; border-radius: 50%; background: rgba(232,114,177,.92); color: white; box-shadow: 0 0 0 12px rgba(232,114,177,.15); }
.cosmic-video__caption { padding: 1.2rem 1.4rem 1.4rem; display: grid; grid-template-columns: 1fr auto; gap: .35rem 1rem; }
.cosmic-video__caption small { grid-column: 1/-1; color: #aa8fc2; font: .63rem 'DM Mono', monospace; letter-spacing: .12em; }
.cosmic-video__caption strong { font: 500 clamp(1.2rem, 3vw, 1.6rem) 'Cormorant Garamond', serif; }
.cosmic-video__caption span { align-self: end; color: #eaa2cd; font-size: .8rem; }
.cosmic-now { margin: 6rem 0; padding: 2.2rem; border-block: 1px solid rgba(255,255,255,.13); }
.cosmic-now > p { color: #997db2; font: .68rem 'DM Mono', monospace; letter-spacing: .16em; }
.cosmic-now > div { padding: 1rem 0; display: grid; grid-template-columns: 45px 1fr auto; align-items: center; border-bottom: 1px solid rgba(255,255,255,.07); }
.cosmic-now div span { color: #8f7ca0; font: .75rem 'DM Mono', monospace; }
.cosmic-now div strong { font: 400 1.15rem 'Outfit', sans-serif; }
.cosmic-now div em { color: #72d8cd; font: normal .63rem 'DM Mono', monospace; letter-spacing: .12em; }
.cosmic-notes { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; }
.cosmic-notes article { min-height: 300px; padding: 2.3rem; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: radial-gradient(circle at 100% 0, rgba(176,126,214,.18), transparent 35%), rgba(255,255,255,.03); }
.cosmic-notes small { color: #b397c9; font: .63rem 'DM Mono', monospace; letter-spacing: .14em; }
.cosmic-notes h3 { margin: 1rem 0; font: italic 600 2rem 'Cormorant Garamond', serif; }
.cosmic-notes p { color: #bdb2ca; line-height: 1.75; font-weight: 300; }
.cosmic-notes a { color: #dfa0c9; font-size: .8rem; }
.cosmic-footer { padding: 5rem 1rem; text-align: center; border-top: 1px solid rgba(255,255,255,.08); }
.cosmic-footer span { color: #d68dc1; }.cosmic-footer p { margin: .5rem; font: italic 600 2.4rem 'Cormorant Garamond', serif; }.cosmic-footer small { color:#847b90; }

/* Mission Control */
.mission-page { background-color: #061017; background-image: linear-gradient(rgba(82,226,204,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(82,226,204,.035) 1px, transparent 1px); background-size: 32px 32px; color: #e6f2ef; font-family: 'DM Mono', monospace; }
.preview-nav--mission { background: #07151a; color: #81ddcc; }
.mission-header, .mission-main { width: min(1180px, 92vw); margin: auto; }
.mission-status { padding: 1.2rem 0; display: flex; justify-content: space-between; color: #6d978f; border-bottom: 1px solid #1b3c3c; font-size: .65rem; }
.mission-status i { display: inline-block; width: 7px; height: 7px; margin-right: .5rem; border-radius: 50%; background: #62f0ba; box-shadow: 0 0 10px #62f0ba; }
.mission-hero { min-height: 610px; display: grid; grid-template-columns: 1.45fr .75fr; gap: 6vw; align-items: center; }
.mission-kicker { color: #56d8c5 !important; letter-spacing: .1em; font-size: .72rem !important; }
.mission-copy h1 { max-width: 790px; margin: 1rem 0 1.5rem; font: 600 clamp(3.4rem, 7.5vw, 7rem)/.9 'Outfit', sans-serif; letter-spacing: -.07em; }
.mission-copy h1 em { color: #e9b2ef; font-family: 'Cormorant Garamond', serif; font-weight: 600; }
.mission-copy > p { max-width: 670px; color: #91aba7; font: 300 1rem/1.8 'Outfit', sans-serif; }
.mission-actions { margin-top: 2rem; display: flex; gap: .8rem; flex-wrap: wrap; }
.mission-actions a { padding: .9rem 1.2rem; border: 1px solid #4ad7c0; color: #6fe5d3; font-size: .73rem; }
.mission-actions a:first-child { background: #6ce7d1; color: #051114; }
.mission-id { position: relative; transform: rotate(1.5deg); border: 1px solid #39786f; background: rgba(4,20,25,.9); padding: 12px; box-shadow: 14px 14px 0 rgba(87,222,202,.09); }
.mission-id::before { content: 'ID // 0088'; display: block; padding: .4rem; color: #6acdbc; font-size: .62rem; }
.mission-id img { width: 100%; aspect-ratio: 4/5; object-fit: cover; filter: grayscale(1) contrast(1.15) sepia(.2) hue-rotate(115deg); }
.mission-id__scan { position: absolute; z-index: 2; left: 12px; right: 12px; top: 42%; height: 2px; background: #6df5d9; box-shadow: 0 0 18px #6df5d9; opacity: .55; }
.mission-id > div:last-child { display: grid; padding: 1rem .5rem .4rem; }
.mission-id span, .mission-id small { color: #648a84; font-size: .58rem; }.mission-id strong { margin: .3rem 0; }
.mission-main { padding-bottom: 7rem; }
.mission-grid { display: grid; grid-template-columns: 1.5fr .8fr; gap: 1rem; }
.mission-player, .mission-console { border: 1px solid #1f4e4b; background: rgba(4,15,20,.88); }
.mission-windowbar { height: 42px; padding: 0 1rem; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #1f4e4b; color: #5ea99e; font-size: .63rem; }
.mission-player__image { position: relative; overflow:hidden; }.mission-player__image img { width:100%; aspect-ratio:16/9; object-fit:cover; filter: saturate(.75) contrast(1.08); opacity:.9; transition:transform .35s; }.mission-player:hover img { transform:scale(1.02); }
.mission-player__image b { position:absolute; inset:50% auto auto 50%; transform:translate(-50%,-50%); width:64px; height:64px; display:grid; place-items:center; padding-left:5px; border:1px solid #9df4e5; background:#0b2424d9; color:#87efdd; }
.mission-player__info { padding:1.2rem; display:grid; grid-template-columns:1fr auto; gap:.5rem 1rem; }.mission-player__info small { grid-column:1/-1; color:#5ea99e; font-size:.62rem; }.mission-player__info strong { font:500 1.2rem 'Outfit', sans-serif; }.mission-player__info span { color:#71e7d4; font-size:.65rem; align-self:end; }
.mission-console ol { margin:0; padding:0 1rem; list-style:none; }.mission-console li { padding:1.2rem 0; display:grid; grid-template-columns:35px 1fr auto; gap:.6rem; align-items:center; border-bottom:1px solid #163936; }.mission-console li > span { color:#467c75; font-size:.65rem; }.mission-console li div { display:grid; gap:.3rem; }.mission-console li small { color:#4d847d; font-size:.58rem; }.mission-console li strong { font:500 .85rem 'Outfit',sans-serif; }.mission-console li em { color:#e3a8e7; font:normal .58rem 'DM Mono',monospace; }
.mission-terminal { margin:1rem; padding:1rem; color:#6edac8; background:#071317; font-size:.7rem; line-height:1.8; }.mission-terminal span { animation:blink 1s steps(2) infinite; }@keyframes blink{50%{opacity:0}}
.mission-modules { margin-top:1rem; display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; }.mission-modules article { min-height:260px; padding:1.5rem; border:1px solid #1f4e4b; background:rgba(4,15,20,.72); }.mission-modules article > span { color:#508e86; font-size:.61rem; }.mission-modules h2 { margin:2.8rem 0 .5rem; font:600 1.6rem 'Outfit',sans-serif; }.mission-modules p { color:#77928d; font:300 .9rem/1.65 'Outfit',sans-serif; }.mission-modules a { display:inline-block; margin-top:1rem; color:#6de1cf; font-size:.65rem; }
.mission-footer { padding:1.5rem 4vw; display:flex; justify-content:space-between; border-top:1px solid #1b3c3c; color:#4b7973; font-size:.58rem; }

/* Graph-Paper Workshop */
.workshop-page { --ink:#1a1a1a; color-scheme:light; background-color:#eee7d6; background-image:linear-gradient(#9eb0bd4d 1px,transparent 1px),linear-gradient(90deg,#9eb0bd4d 1px,transparent 1px),linear-gradient(#718d9d55 1px,transparent 1px),linear-gradient(90deg,#718d9d55 1px,transparent 1px); background-size:20px 20px,20px 20px,100px 100px,100px 100px; color:var(--ink); font-family:'Outfit',sans-serif; }
.preview-nav--workshop { position:relative; background:#f2e9d4e8; color:#292929; border-color:#292929; font-family:'DM Mono',monospace; }.preview-nav--workshop > div a { border-color:#555; }
.workshop-hero,.workshop-main { width:min(1120px,90vw); margin:auto; }
.workshop-hero { min-height:650px; display:grid; grid-template-columns:1.35fr .65fr; gap:7vw; align-items:center; position:relative; }
.workshop-stamp { display:inline-block; padding:.5rem .8rem; border:3px solid #245d9a; color:#245d9a; transform:rotate(-2deg); font:700 .72rem 'DM Mono',monospace; letter-spacing:.08em; }
.workshop-title h1 { margin:1.3rem 0 .6rem; font:800 clamp(4rem,9vw,8.4rem)/.77 'Outfit',sans-serif; letter-spacing:-.085em; text-transform:uppercase; }.workshop-title h1 mark { padding:0 .1em; background:#ff668e; color:#111; box-decoration-break:clone; -webkit-box-decoration-break:clone; }.workshop-title > p { font:500 .78rem 'DM Mono',monospace; }.workshop-arrow { position:absolute; left:48%; bottom:5%; color:#ba234d; transform:rotate(-8deg); font:700 1.5rem 'Caveat',cursive; }
.workshop-polaroid { position:relative; padding:16px 16px 58px; background:#f8f5ec; border:1px solid #aaa39a; transform:rotate(4deg); box-shadow:8px 10px 0 #1e1e1e; }.workshop-polaroid img { width:100%; aspect-ratio:1; object-fit:cover; filter:saturate(.85) contrast(1.08); }.workshop-polaroid strong { position:absolute; left:22px; bottom:27px; font:700 1.6rem 'Caveat',cursive; }.workshop-polaroid small { position:absolute; right:18px; bottom:19px; font:500 .55rem 'DM Mono',monospace; }.workshop-polaroid i { position:absolute; right:-28px; bottom:-38px; font:600 1rem 'Caveat',cursive; transform:rotate(-7deg); }
.tape { position:absolute; z-index:3; display:block; width:100px; height:28px; background:#e7c75fc7; box-shadow:0 1px 2px #0003; }.tape--top { top:-11px; left:50%; transform:translateX(-50%) rotate(-4deg); }.tape--left { left:-38px; top:32px; transform:rotate(-38deg); }
.workshop-main { padding-bottom:5rem; }
.workshop-video-section { display:grid; grid-template-columns:.45fr 1.55fr; gap:3rem; align-items:center; padding:5rem 0; border-block:3px solid #1d1d1d; }
.workshop-side-note { display:grid; gap:.8rem; transform:rotate(-2deg); }.workshop-side-note span { font:500 .68rem 'DM Mono',monospace; }.workshop-side-note strong { color:#bb2049; font:700 2.4rem/1 'Caveat',cursive; }.workshop-side-note small { max-width:210px; font:500 .68rem/1.5 'DM Mono',monospace; }
.workshop-video { position:relative; padding:14px; background:#faf7ee; border:2px solid #222; box-shadow:10px 10px 0 #ff638a; transform:rotate(.6deg); }.workshop-video > img { width:100%; aspect-ratio:16/9; object-fit:cover; filter:contrast(1.1) saturate(.85); }.workshop-video > b { position:absolute; top:36%; left:50%; transform:translate(-50%,-50%) rotate(-7deg); padding:.55rem .8rem; border:3px solid #1d1d1d; border-radius:50%; background:#ffdf55; font:800 1.1rem 'Outfit',sans-serif; }.workshop-video > div { display:flex; justify-content:space-between; gap:1rem; align-items:end; padding:1rem .4rem .3rem; }.workshop-video div strong { font-size:1.1rem; }.workshop-video div span { color:#be244e; font:700 1.05rem 'Caveat',cursive; white-space:nowrap; }
.workshop-board { padding:6rem 1rem; display:grid; grid-template-columns:repeat(3,1fr); gap:2rem; align-items:start; }.workshop-note { min-height:330px; padding:2rem; border:2px solid #222; box-shadow:6px 7px 0 #222; }.workshop-note--yellow { background:#ffd95d; transform:rotate(-2deg); }.workshop-note--pink { background:#ff88a6; transform:rotate(1.5deg); margin-top:2rem; }.workshop-note--white { background:#faf6eb; transform:rotate(-1deg); }.workshop-note > span { font:500 .65rem 'DM Mono',monospace; }.workshop-note h2 { margin:1.3rem 0 .5rem; font:800 2rem/1 'Outfit',sans-serif; text-transform:uppercase; letter-spacing:-.05em; }.workshop-note p,.workshop-note li { font:500 1.08rem/1.4 'Caveat',cursive; }.workshop-note small { font:500 .65rem 'DM Mono',monospace; }.doodle-bug { margin-top:2rem; text-align:center; font:700 2rem 'DM Mono',monospace; }
.workshop-connect { padding:4rem; display:flex; justify-content:space-between; gap:2rem; align-items:center; border:3px solid #222; background:#f7f1e2; box-shadow:10px 10px 0 #245d9a; }.workshop-connect div > span { color:#bb2049; font:700 1.3rem 'Caveat',cursive; }.workshop-connect h2 { max-width:680px; margin:.4rem 0; font:800 clamp(2rem,5vw,4rem)/.95 'Outfit',sans-serif; letter-spacing:-.055em; }.workshop-connect h2 mark { background:#ffdf55; }.workshop-connect > a { min-width:220px; padding:1.2rem; border:3px solid #222; background:#ff638a; box-shadow:5px 5px 0 #222; text-align:center; font:800 .8rem 'Outfit',sans-serif; }
.workshop-footer { padding:4rem 5vw; display:flex; justify-content:space-between; align-items:center; }.workshop-footer strong { font:700 2rem 'Caveat',cursive; }.workshop-footer span,.workshop-footer small { font:.65rem 'DM Mono',monospace; }

@media (max-width: 820px) {
  .preview-nav { grid-template-columns:1fr auto; padding:.7rem 1rem; }.preview-nav > span { display:none; }
  .hub__grid,.cosmic-section,.mission-grid,.mission-modules,.workshop-board { grid-template-columns:1fr; }
  .concept-card { min-height:430px; }.concept-card--workshop { transform:none; }
  .cosmic-hero { min-height:620px; }.cosmic-hero__image { background-size:100% auto; background-position:center top; background-repeat:no-repeat; -webkit-mask-image:none; mask-image:none; }.cosmic-hero__image::after { background:linear-gradient(to bottom,transparent 0,transparent calc(55.8vw - 120px),rgba(39,30,70,.18) calc(55.8vw - 90px),rgba(42,32,75,.78) calc(55.8vw - 35px),#2a204a calc(55.8vw + 22px),rgba(38,29,68,.75) calc(55.8vw + 100px),transparent calc(55.8vw + 210px)); }.cosmic-profile { text-align:center; flex-direction:column; }.cosmic-main { padding-top:2rem; }.cosmic-section { gap:2rem; }.cosmic-section__heading { text-align:center; }.cosmic-now { margin:4rem 0; }.cosmic-notes { grid-template-columns:1fr; }
  .mission-hero { grid-template-columns:1fr; gap:2rem; padding:5rem 0; }.mission-copy h1 { font-size:clamp(3.5rem,15vw,6rem); }.mission-id { width:min(320px,85vw); justify-self:center; }.mission-status span:nth-child(n+2) { display:none; }.mission-grid { gap:1rem; }.mission-modules article { min-height:220px; }.mission-footer span:nth-child(2) { display:none; }
  .workshop-hero { min-height:790px; grid-template-columns:1fr; gap:2rem; padding:4rem 0; }.workshop-title h1 { font-size:clamp(4rem,18vw,7rem); }.workshop-polaroid { width:min(290px,75vw); justify-self:center; }.workshop-arrow { display:none; }.workshop-video-section { grid-template-columns:1fr; gap:2rem; }.workshop-board { padding-inline:0; }.workshop-note--pink { margin-top:0; }.workshop-connect { padding:2rem; flex-direction:column; align-items:flex-start; }.workshop-footer span { display:none; }
}

@media (max-width: 480px) {
  .hub { padding-top:3rem; }.hub__grid { margin-top:2rem; }
  .cosmic-profile img { width:102px;height:102px; }.cosmic-actions { flex-direction:column; }.button,.cta-burst { width:100%; }.cosmic-video__caption { grid-template-columns:1fr; }.cosmic-video__caption span { margin-top:.4rem; }.cosmic-now { padding:1rem; }.cosmic-now > div { grid-template-columns:35px 1fr; }.cosmic-now div em { grid-column:2; margin-top:.25rem; }.cosmic-notes article { padding:1.7rem; }
  .mission-actions { flex-direction:column; }.mission-actions a { text-align:center; }.mission-player__info { grid-template-columns:1fr; }.mission-footer span:last-child { display:none; }
  .workshop-hero { min-height:730px; }.workshop-title h1 { font-size:3.65rem; }.workshop-video > div { align-items:start; flex-direction:column; }.workshop-video div span { white-space:normal; }.workshop-connect { box-shadow:6px 6px 0 #245d9a; }.workshop-connect > a { width:100%; }.workshop-footer small { display:none; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior:auto; } * { animation:none !important; transition:none !important; } }