/* Opt-in presentation for the 37 event-tech details; other services and hubs are untouched. */
.et-detail { --et-detail-edge:24px; --et-detail-max:var(--enb-global-shell-max,1552px); --et-accent:var(--et-service-accent,#2155d6); --et-accent-dark:var(--et-service-accent,#2155d6); }
.et-detail .et-shell { width:calc(100% - var(--et-detail-edge)); max-width:var(--et-detail-max); padding-inline:0; }
.et-detail .et-hero { padding:22px 0 32px; }
.et-detail .et-hero__grid { align-items:start; gap:24px; }
.et-detail .et-hero__grid > *, .et-detail .et-two-col > *, .et-detail .et-technical-grid > *, .et-detail .et-experience-logistics > * { min-width:0; }
.et-detail .et-hero h1 { max-width:100%; margin-top:10px; font-size:clamp(28px,3.2vw,52px); line-height:1.12; text-wrap:balance; }
.et-detail .et-hero__summary { max-width:75ch; }
.et-detail .et-hero__panel { padding:16px; }
.et-detail .et-section { padding-block:36px; }
.et-detail .et-hero__panel > .et-hero__emoji { display:none; }
.et-detail .et-experience-visual { margin:0 0 18px; overflow:hidden; border-radius:16px; background:#101a35; color:#fff; }
.et-detail .et-experience-visual img { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.et-detail .et-experience-visual figcaption { display:grid; gap:5px; padding:14px 16px; background:#111b35; color:#fff; }
.et-detail .et-experience-visual strong { font-size:1rem; line-height:1.35; }
.et-detail .et-experience-visual small { color:#d3dcf0; font-size:.7rem; }
.et-detail .et-experience-scene { position:relative; display:grid; place-items:center; height:176px; overflow:hidden; isolation:isolate; background:radial-gradient(ellipse at center,var(--et-service-accent),#101a35 76%); }
.et-detail .et-experience-scene::before { content:""; position:absolute; inset:-35%; z-index:-1; background-image:linear-gradient(#ffffff18 1px,transparent 1px),linear-gradient(90deg,#ffffff18 1px,transparent 1px); background-size:24px 24px; transform:perspective(240px) rotateX(45deg); }
.et-detail .et-experience-scene span { display:grid; place-items:center; height:110px; width:110px; border:1px solid #ffffff50; border-radius:30px; background:#ffffff12; box-shadow:0 20px 55px #0005; font-size:65px; }
.et-detail .et-experience-scene i, .et-detail .et-experience-scene b { position:absolute; width:100px; height:100px; border:1px solid #ffffff40; border-radius:50%; right:-25px; top:20px; }
.et-detail .et-experience-scene b { width:140px; height:140px; right:-45px; top:0; }
.et-detail[data-experience-theme="race"] .et-experience-scene::before { transform:perspective(210px) rotateX(58deg) rotateZ(-15deg); background-size:34px 34px; }
.et-detail[data-experience-theme="neon"] .et-experience-scene span { border-radius:50%; box-shadow:0 0 35px #fff3,inset 0 0 20px #fff2; }
.et-detail .et-inline-planner { display:flex; flex-wrap:wrap; gap:10px; margin:14px 0; }
.et-detail .et-inline-planner button, .et-detail .et-ar-tools button { appearance:none; min-height:44px; padding:10px 14px; border:1px solid var(--et-line); border-radius:12px; background:#fff; color:#17213a; font:inherit; font-weight:800; cursor:pointer; }
.et-detail .et-inline-planner button:first-child { background:var(--et-service-accent); color:#fff; border-color:var(--et-service-accent); }
.et-detail button:focus-visible, .et-detail a:focus-visible, .et-detail [data-et-carousel]:focus-visible { outline:3px solid var(--et-service-accent); outline-offset:3px; }
.et-detail .et-experience-plan { padding:20px; border:1px solid var(--et-line); border-radius:18px; background:#f6f8ff; }
.et-detail .et-experience-plan h3, .et-detail .et-technical h3 { margin-top:0; }
.et-detail .et-technical-grid, .et-detail .et-experience-logistics { display:grid; gap:18px; }
.et-detail .et-technical-card { padding:20px; border:1px solid var(--et-line); border-radius:18px; background:#fff; }
.et-detail .et-technical-card--reference { background:#fffaf0; border-color:#e8d3aa; }
.et-detail .et-data-status { display:inline-block; margin:0 0 10px; padding:6px 10px; border-radius:8px; background:#fff3de; color:#714108; font-size:.85rem; font-weight:700; }
.et-detail .et-data-status[data-verified="true"] { background:#e6f8ed; color:#075e3f; }
.et-detail .et-dimensions { margin:14px 0; }
.et-detail .et-dimensions > div { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 16px; padding:10px 0; border-bottom:1px solid var(--et-line); }
.et-detail .et-dimensions dt { color:#475569; }
.et-detail .et-dimensions dd { margin:0; color:#111b35; font-weight:800; }
.et-detail .et-source-date { display:block; margin-top:8px; color:#57534e; }
.et-detail .et-experience-logistics { margin-top:24px; }
.et-detail .et-experience-logistics p { white-space:pre-line; }
.et-detail .enb-spatial-launch__inner { width:calc(100% - var(--et-detail-edge)); max-width:var(--et-detail-max); }
.et-detail .enb-spatial-launch__source span { color:inherit; }
.et-detail .et-ar-tools { padding:16px; margin-top:12px; border:1px solid #cbd5e1; border-radius:14px; background:#f8fafc; }
.et-detail .et-ar-tools h3 { margin:0 0 10px; font-size:1rem; }
.et-detail .et-ar-tools p { font-size:.85rem; line-height:1.55; }
.et-detail .et-ar-tools button { display:block; width:100%; margin-top:8px; }
.et-detail .et-ar-tools button:disabled { opacity:.6; cursor:wait; }
.et-detail .et-ar-tools [data-et-qr-panel] { margin-top:12px; }
.et-detail .et-ar-tools img { display:block; max-width:100%; height:auto; margin-inline:auto; background:#fff; }
.et-detail .et-ar-tools a { display:block; margin-top:10px; min-height:44px; overflow-wrap:anywhere; color:#243a9c; }
.et-detail .et-package-card { min-width:0; }
.et-detail .et-package-card .et-inline-planner { display:grid; grid-template-columns:1fr; margin-top:auto; }
.et-detail .et-package-card .et-package-note { font-size:.75rem; line-height:1.5; color:#475569; }
.et-detail .et-video-preview { appearance:none; display:grid; place-items:center; gap:12px; width:100%; min-height:180px; aspect-ratio:16/9; padding:20px; border:0; background:linear-gradient(135deg,#15223d,#293a66); color:#fff; font:inherit; cursor:pointer; }
.et-detail .et-video-preview img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.et-detail .et-video-preview strong { padding:10px 18px; border-radius:24px; background:#ffffff25; }
.et-detail .et-media-card img, .et-detail .et-media-card video, .et-detail .et-media-card iframe { display:block; width:100%; aspect-ratio:16/9; object-fit:cover; }
.et-detail .et-carousel-controls { display:none; }
.et-detail [id] { scroll-margin-top:calc(var(--enb-header-height,80px) + 68px); }
@media(min-width:640px) { .et-detail { --et-detail-edge:40px; } }
@media(min-width:768px) { .et-detail { --et-detail-edge:28px; } .et-detail .et-technical-grid, .et-detail .et-experience-logistics { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(min-width:900px) { .et-detail .et-hero { padding-top:28px; } .et-detail .et-hero__grid { grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr); gap:32px; } .et-detail .et-section { padding-block:48px; } }
@media(min-width:1280px) { .et-detail { --et-detail-edge:var(--enb-layout-edge-gap,48px); } }
@media(min-width:1536px) { .et-detail { --et-detail-edge:64px; } }
@media(max-width:767.98px) {
  .et-detail [data-et-carousel] { display:grid; grid-auto-flow:column; grid-template-columns:none; grid-auto-columns:86%; gap:12px; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding-inline:0; overscroll-behavior-x:contain; touch-action:pan-x pan-y pinch-zoom; -webkit-overflow-scrolling:touch; padding:3px 3px 14px; margin-inline:-3px; scrollbar-width:thin; }
  .et-detail [data-et-carousel] > * { scroll-snap-align:start; min-width:0; width:auto; margin:0; }
  .et-detail [data-et-carousel] > :only-child { width:100%; }
  .et-detail [data-et-carousel]:has(> :only-child) { grid-auto-columns:100%; }
  .et-detail .et-carousel-controls { display:flex; align-items:center; justify-content:center; gap:6px; margin:6px 0 14px; }
  .et-detail .et-carousel-controls button { appearance:none; flex:0 0 auto; width:44px; height:44px; border:1px solid var(--et-line); border-radius:50%; background:#fff; color:#17213a; font:inherit; cursor:pointer; }
  .et-detail .et-carousel-controls button:disabled { opacity:.35; }
  .et-detail .et-carousel-controls output { min-width:48px; text-align:center; font-size:.85rem; color:#475569; }
  .et-detail .et-carousel-dots { display:flex; max-width:calc(100% - 150px); overflow-x:auto; gap:0; }
  .et-detail .et-carousel-dots button { width:28px; min-width:28px; height:44px; border:0; background:transparent; position:relative; }
  .et-detail .et-carousel-dots button::before { content:""; display:block; width:7px; height:7px; margin:auto; border-radius:50%; background:#aab4c5; }
  .et-detail .et-carousel-dots button[aria-current="true"]::before { background:var(--et-service-accent); transform:scale(1.4); }
  .et-detail .et-hero__actions > * { min-width:0; }
  .et-detail .et-inline-planner { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .et-detail .et-inline-planner button { padding:10px 6px; font-size:.85rem; }
}
@media(prefers-reduced-motion:reduce) { .et-detail [data-et-carousel] { scroll-behavior:auto; } }
[data-theme="dark"] .et-detail { --et-ink:#edf3ff; --et-muted:#c3cee0; --et-line:#354461; --et-soft:#172239; }
[data-theme="dark"] .et-detail .et-experience-plan, [data-theme="dark"] .et-detail .et-technical-card { background:#172239; color:#edf3ff; }
[data-theme="dark"] .et-detail .et-dimensions dt, [data-theme="dark"] .et-detail .et-dimensions dd { color:#edf3ff; }
/* Service families reuse existing fonts; no additional font or image request. */
.et-detail[data-experience-theme="space"] .et-experience-scene::before { background-image:radial-gradient(#fff 1px,transparent 1.5px); background-size:21px 37px; transform:rotate(-15deg); }
.et-detail[data-experience-theme="cinema"] .et-experience-scene span { border-radius:8px; border-width:4px; transform:rotate(-6deg); }
.et-detail[data-experience-theme="arcade"] .et-experience-scene span { border-radius:0; box-shadow:8px 8px 0 #ffffff25; }
.et-detail[data-experience-theme="arcade"] .et-hero h1 { font-family:ui-monospace,SFMono-Regular,Consolas,monospace; letter-spacing:-.04em; }
.et-detail[data-experience-theme="arena"] .et-experience-scene::before { background-size:44px 44px; transform:perspective(220px) rotateX(60deg); }
.et-detail[data-experience-theme="table"] .et-experience-scene span { border-radius:50%; border:4px double #ffffff70; }
.et-detail[data-experience-theme="signal"] .et-experience-scene span { border-radius:14px; border-style:dashed; }
.et-detail[data-experience-theme="creative"] .et-experience-scene span { border-radius:48% 52% 62% 38%; }
@media(prefers-reduced-motion:no-preference) { .et-detail .et-experience-scene i { animation:et-orbit-breathe 6s ease-in-out infinite alternate; } }
@keyframes et-orbit-breathe { from { transform:scale(.94); opacity:.55; } to { transform:scale(1.04); opacity:1; } }