[data-motion-item]{position:relative;margin:0;background:#080706;color:#f7f2e9}
[data-motion-item] [data-motion-preview],
[data-motion-item]>img,
[data-motion-item] [data-media-open] img{display:block;width:100%;height:auto;max-height:min(76vh,760px);object-fit:contain;background:#050504}
[data-motion-item] [data-motion-preview]{aspect-ratio:var(--secondary-media-ratio,4/5)}
[data-preview-toggle],
[data-motion-toggle],
.secondary-media-preview-toggle{min-width:44px;min-height:44px;border:1px solid rgba(242,217,143,.55);border-radius:12px;padding:10px 14px;background:#11100f;color:#f7f2e9;font:650 14px/1.2 "Instrument Sans",Aptos,"Segoe UI",sans-serif;cursor:pointer}
[data-preview-toggle]:hover,
[data-motion-toggle]:hover,
.secondary-media-preview-toggle:hover{border-color:#f2d98f;background:#1a1712}
[data-preview-toggle]:focus-visible,
[data-motion-toggle]:focus-visible,
.secondary-media-preview-toggle:focus-visible,
.secondary-media-viewer :focus-visible{outline:3px solid #f2d98f;outline-offset:3px}
[data-motion-item][data-media-state="playing"] [data-preview-toggle]{background:#f2d98f;color:#171208}
.secondary-media-error{display:flex;align-items:center;gap:10px 14px;flex-wrap:wrap;padding:12px 0;color:#f2d98f;font:500 14px/1.45 "Instrument Sans",Aptos,"Segoe UI",sans-serif}
.secondary-media-error[hidden]{display:none}
.secondary-media-error button,.secondary-media-error a{min-height:44px;display:inline-flex;align-items:center;color:#f7f2e9;text-underline-offset:4px}
.secondary-media-error button{border:1px solid #786b59;border-radius:10px;background:#11100f;padding:8px 12px}

.secondary-media-viewer{width:min(96vw,1440px);height:min(96dvh,960px);max-width:none;max-height:96dvh;margin:auto;border:1px solid #786b59;padding:0;overflow:hidden;background:#080706;color:#f7f2e9}
.secondary-media-viewer::backdrop{background:rgba(0,0,0,.9);backdrop-filter:blur(8px)}
.secondary-media-viewer-shell{display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:100%;height:100%;min-width:0;min-height:0}
.secondary-media-viewer-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;min-width:0;padding:14px 18px;border-bottom:1px solid #494035}
.secondary-media-viewer-head>div{min-width:0}
.secondary-media-viewer-head h2{margin:0;color:#f7f2e9;font:500 clamp(18px,2vw,26px)/1.15 "Instrument Sans",Aptos,"Segoe UI",sans-serif;letter-spacing:-.02em}
.secondary-media-viewer-head p{max-width:72ch;margin:5px 0 0;color:#c9bda9;font:400 13px/1.4 "Instrument Sans",Aptos,"Segoe UI",sans-serif}
.secondary-media-viewer button,.secondary-media-viewer-cta{min-height:44px;border:1px solid #786b59;border-radius:11px;background:#11100f;color:#f7f2e9;padding:10px 14px;font:650 14px/1.2 "Instrument Sans",Aptos,"Segoe UI",sans-serif}
.secondary-media-viewer a.secondary-media-viewer-cta,
.secondary-media-viewer a.secondary-media-viewer-cta:link,
.secondary-media-viewer a.secondary-media-viewer-cta:visited{display:inline-flex;align-items:center;justify-content:center;min-height:44px;text-decoration:none;border-color:#cf9f42;background:#cf9f42;color:#171208;font-weight:650}
.secondary-media-viewer a.secondary-media-viewer-cta:hover,
.secondary-media-viewer a.secondary-media-viewer-cta:focus-visible{background:#f2d98f;border-color:#f2d98f;color:#171208}
.secondary-media-viewer a.secondary-media-viewer-cta[aria-disabled="true"]{background:#302a22;border-color:#786b59;color:#cfc3b2;cursor:not-allowed}
.secondary-media-viewer-cta[hidden]{display:none}
.secondary-media-viewer-stage{position:relative;display:grid;place-items:center;min-width:0;min-height:0;overflow:hidden;background:#030302}
.secondary-media-viewer-stage img,.secondary-media-viewer-stage video{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;background:#030302}
.secondary-media-viewer-stage [hidden]{display:none}
.secondary-media-viewer-error{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:10px 12px;border:1px solid #786b59;border-radius:12px;background:rgba(8,7,6,.94);color:#f2d98f;font:500 14px/1.35 "Instrument Sans",Aptos,"Segoe UI",sans-serif}
.secondary-media-viewer-error[hidden]{display:none}
.secondary-media-viewer-error a{color:#f7f2e9;text-underline-offset:4px}
.secondary-media-viewer-controls{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #494035}
.secondary-media-viewer-controls [data-viewer-count]{justify-self:center;color:#c9bda9;font:600 13px/1 "Instrument Sans",Aptos,"Segoe UI",sans-serif;font-variant-numeric:tabular-nums}
.secondary-media-viewer-controls button:disabled{opacity:.45;cursor:not-allowed}
.secondary-media-viewer-open{overflow:hidden}

@media(max-width:700px){
  .secondary-media-viewer{width:100vw;height:100dvh;max-height:100dvh;border:0}
  .secondary-media-viewer-head{gap:12px;padding:10px 12px}
  .secondary-media-viewer-head h2{font-size:17px;line-height:1.18}
  .secondary-media-viewer-head p{font-size:11px;line-height:1.35}
  .secondary-media-viewer-controls{grid-template-columns:1fr auto 1fr;padding:10px 12px calc(10px + env(safe-area-inset-bottom))}
  .secondary-media-viewer-controls [data-viewer-previous]{justify-self:start}
  .secondary-media-viewer-controls [data-viewer-next]{justify-self:end}
  .secondary-media-viewer-cta{grid-column:1/-1;grid-row:2;min-height:44px;padding-block:9px;font-size:12px}
}
@media(max-height:520px) and (orientation:landscape){
  .secondary-media-viewer{width:100vw;height:100dvh;max-height:100dvh;border:0}
  .secondary-media-viewer-head{padding:7px 10px}
  .secondary-media-viewer-head h2{font-size:15px}
  .secondary-media-viewer-head p{margin-top:2px;font-size:10px;line-height:1.2}
  .secondary-media-viewer-controls{grid-template-columns:auto 1fr auto auto;padding:6px 10px;gap:8px}
  .secondary-media-viewer-cta{grid-column:auto;grid-row:auto;min-height:44px;padding:8px 10px}
}
@media(prefers-reduced-motion:reduce){.secondary-media-viewer::backdrop{backdrop-filter:none}.secondary-media-viewer *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
@media(forced-colors:active){[data-preview-toggle],[data-motion-toggle],.secondary-media-viewer,.secondary-media-viewer button,.secondary-media-viewer-cta{border:1px solid ButtonText}.secondary-media-viewer-stage img,.secondary-media-viewer-stage video{border:1px solid CanvasText}}