/* Marketing compositions; shared controls and colours remain in design-system.css. */
.hc-experience { --hc-width: 80rem; }
.hc-experience .hc-page { margin-top: 2rem; }
.hc-experience .hc-page > section + section { margin-top: clamp(2.5rem,5vw,4.5rem); }
.hc-launch { display:grid; grid-template-columns: 1fr 1.05fr; gap:2rem; align-items:center; min-height:640px; padding-block:3rem; }
.hc-launch h1 { font-size:clamp(4rem,8vw,7.6rem); line-height:.96; letter-spacing:-.065em; margin-block:1.6rem !important; }
.hc-experience em { font-style:normal; color:var(--hc-accent); }
.hc-experience .hc-eyebrow { font:500 .72rem/1.6 var(--hc-mono); letter-spacing:.12em; }
.hc-launch .hc-lead { max-width:36ch; margin-bottom:2rem; }
.hc-experience .hc-actions { gap:1.25rem; }
.hc-experience .hc-button { gap:1.5rem; padding:.9rem 1.25rem; border-radius:3px; }
.hc-text-link { display:inline-flex; align-items:center; min-height:44px; font-weight:600; text-decoration:none; }
.hc-launch-note { font-size:.8rem; color:var(--hc-muted); margin-top:2rem !important; }
.hc-blueprint { position:relative; border:1px solid #536064; background:var(--hc-surface); overflow:hidden; margin:0; }
.hc-blueprint-top,.hc-blueprint figcaption { display:flex; justify-content:space-between; flex-wrap:wrap; gap:.75rem; padding:1rem; font: .65rem/1.6 var(--hc-mono); letter-spacing:.05em; color:var(--hc-muted); }
.hc-blueprint-top { border-bottom:1px solid #394247; }
.hc-blueprint-field { min-height:330px; aspect-ratio:1.25; display:grid; place-items:center; position:relative; perspective:1000px; background-image:linear-gradient(#78868d15 1px,transparent 1px),linear-gradient(90deg,#78868d15 1px,transparent 1px); background-size:36px 36px; }
.hc-blueprint-image { position:relative; width:95%; height:auto; object-fit:contain; transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) scale(var(--zoom,1)); transition:transform .6s cubic-bezier(.2,.7,.2,1); }
.hc-blueprint[data-detail="true"] { --zoom:1.28; }
.hc-orbit { position:absolute; width:75%; aspect-ratio:1; border:1px solid #f2c94c40; border-radius:50%; }
.hc-orbit::after { content:''; position:absolute; inset:12%; border:1px dashed #78868d55; border-radius:50%; }
.hc-blueprint-coordinate { position:absolute; left:1rem; bottom:1rem; color:var(--hc-muted); font:.65rem var(--hc-mono); }
.hc-blueprint figcaption { border-top:1px solid #394247; background:var(--hc-bg); }
.hc-status-dot { display:inline-block; width:6px; height:6px; background:var(--hc-accent); border-radius:50%; margin-right:6px; }
.hc-index-strip { display:flex; justify-content:space-between; flex-wrap:wrap; gap:1rem; padding:1.5rem 0; border-block:1px solid #394247; font:.7rem/1.6 var(--hc-mono); letter-spacing:.05em; }
.hc-index-strip a { color:var(--hc-muted); text-decoration:none; }
.hc-editorial { display:grid; grid-template-columns:1fr 1fr; gap:4rem; padding-block:2rem; }
.hc-experience h2 { font-size:clamp(2rem,3.4vw,3.1rem); line-height:1.12; letter-spacing:-.04em; }
.hc-editorial h2 { margin-top:1.5rem; }
.hc-editorial .hc-text-link { margin-top:1.5rem; }
.hc-paths { display:grid; grid-template-columns:repeat(3,1fr); border-block:1px solid #536064; }
.hc-paths > * { padding:2rem; color:var(--hc-text); text-decoration:none; border-right:1px solid #536064; display:flex; flex-direction:column; align-items:start; gap:1rem; transition:background .2s; }
.hc-paths > :last-child { border:0; }
.hc-paths > a:hover { background:var(--hc-surface); }
.hc-path-number { font:3.5rem/1 var(--hc-mono); color:var(--hc-muted); margin-bottom:1.5rem; }
.hc-paths h3 { font-size:1.55rem; }.hc-paths p { color:var(--hc-muted); }
.hc-path-action { margin-top:auto; padding-top:1rem; color:var(--hc-accent); font-size:.9rem; }
.hc-archive { display:grid; grid-template-columns:.8fr 1.2fr; gap:4rem; align-items:center; }
.hc-archive h2 { margin-block:1.5rem; }.hc-archive p:not(.hc-eyebrow) { color:var(--hc-muted); }.hc-archive video { width:100%; aspect-ratio:16/10; object-fit:contain; background:#000; }.hc-archive .hc-text-link { margin-top:1rem; }
.hc-closing { padding:4rem 0; border-top:1px solid #536064; }.hc-closing h2 { margin-block:1.5rem 2rem; }
.hc-breadcrumb { display:flex; gap:1rem; font-size:.85rem; color:var(--hc-muted); }.hc-breadcrumb a { color:inherit; }
.hc-hornet-intro { display:flex; justify-content:space-between; align-items:end; gap:2rem; padding-block:3rem; }.hc-hornet-intro h1 { font-size:clamp(3.7rem,9vw,8rem); line-height:1; letter-spacing:-.06em; margin-top:1.5rem; }
.hc-hornet-intro + .hc-blueprint .hc-blueprint-field { aspect-ratio:2.5; max-height:560px; }.hc-hornet-intro + .hc-blueprint img { width:70%; max-height:520px; }.hc-hornet-intro + .hc-blueprint .hc-orbit { width:45%; }
.hc-view-controls { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:1rem; }.hc-view-controls p { width:100%; }.hc-view-controls button[aria-pressed="true"] { background:var(--hc-accent); color:var(--hc-ink); }
.hc-project-disclosure { color:var(--hc-muted); border-left:2px solid var(--hc-accent); padding-left:1rem; margin-top:1.5rem !important; }
.hc-project-questions { max-width:52rem; }.hc-project-questions h2 { margin-bottom:2rem; }.hc-project-questions details { border-bottom:1px solid #536064; padding:1rem 0; }.hc-project-questions summary { padding:.5rem 0; cursor:pointer; font-weight:600; }.hc-project-questions details p { padding:1rem 0; color:var(--hc-muted); }
@media(max-width:60rem) { .hc-launch { min-height:0; grid-template-columns:1fr; }.hc-launch h1 { font-size:clamp(4rem,12vw,7rem); }.hc-launch-copy { max-width:40rem; }.hc-blueprint-field { min-height:0; aspect-ratio:1.5; }.hc-editorial,.hc-archive { gap:2rem; }.hc-hornet-intro { flex-direction:column; align-items:start; }.hc-paths > * { padding:1.5rem; } }
@media(max-width:40rem) { .hc-launch { padding-top:1rem; }.hc-editorial,.hc-archive,.hc-paths { grid-template-columns:1fr; }.hc-paths > * { border-right:0; border-bottom:1px solid #536064; }.hc-path-number { margin-bottom:.5rem; }.hc-hornet-intro + .hc-blueprint .hc-blueprint-field { aspect-ratio:1.25; }.hc-hornet-intro + .hc-blueprint img { width:95%; }.hc-hornet-intro + .hc-blueprint .hc-orbit { width:75%; }.hc-blueprint-top,.hc-blueprint figcaption { font-size:.6rem; }.hc-view-controls .hc-actions { gap:.5rem; }.hc-closing { padding-block:2rem; } }
@media(prefers-reduced-motion:reduce) { .hc-experience *, .hc-experience *::before, .hc-experience *::after { animation:none !important; transition:none !important; }.hc-blueprint-image { transform:scale(var(--zoom,1)); } }