.ttd-case .ttd-immersive{scroll-margin-top:0}
.ttd-immersive{--ttd-immersive-top:64px;position:relative;width:100%;height:600vh;height:600svh;background:#0b0b0b;color:#f2eee5;scroll-margin-top:64px}
.ttd-immersive-pin{position:sticky;top:var(--ttd-immersive-top);height:calc(100vh - var(--ttd-immersive-top));height:calc(100svh - var(--ttd-immersive-top));display:flex;flex-direction:column;overflow:hidden;background:#0b0b0b}
.ttd-immersive-header,.ttd-immersive-footer{flex:none;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px clamp(20px,4vw,64px);min-height:52px;font-size:11px;line-height:1.35;background:#111110;position:relative;z-index:2}
.ttd-immersive-header{border-bottom:1px solid #ffffff18}
.ttd-immersive-header h2{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:13px!important;line-height:1.2!important;letter-spacing:-.02em!important;font-weight:500!important}
.ttd-immersive-header h2 span{color:#d65a4a}
.ttd-immersive-header a{display:inline-flex;align-items:center;gap:12px;min-height:32px;color:inherit;text-decoration:none}
.ttd-immersive-header a:hover{color:#d65a4a}
.ttd-immersive-screen{position:relative;flex:1;min-height:0;overflow:hidden;background:#0b0b0b}
.ttd-immersive-screen>img,.ttd-immersive-screen>iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;pointer-events:none}
.ttd-immersive-screen>img{z-index:1;object-fit:cover;opacity:1;transition:opacity .25s ease}
.ttd-immersive-screen[data-ready="true"]>img{opacity:0}
.ttd-immersive-footer{border-top:1px solid #ffffff18;color:#aaa79f;min-height:54px}
.ttd-immersive-footer p{margin:0;font-size:11px}
.ttd-immersive-controls{display:flex;align-items:center;gap:22px}
.ttd-immersive-cue{white-space:nowrap}
.ttd-immersive-cue span{padding-left:6px;color:#d65a4a}
.ttd-immersive-controls progress{display:block;width:78px;height:2px;border:0;background:#ffffff24;color:#d65a4a;appearance:none}
.ttd-immersive-controls progress::-webkit-progress-bar{background:#ffffff24}
.ttd-immersive-controls progress::-webkit-progress-value{background:#d65a4a}
.ttd-immersive-controls progress::-moz-progress-bar{background:#d65a4a}
.ttd-immersive-controls button{display:inline-flex;align-items:center;justify-content:space-between;gap:12px;min-height:32px;min-width:100px;padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}
.ttd-immersive-controls button:hover{color:#f2eee5}
.ttd-immersive-controls [hidden]{display:none!important}
.ttd-immersive :is(a,button):focus-visible{outline:2px solid #d65a4a;outline-offset:4px}
.ttd-immersive-reduced{display:none}
.ttd-immersive[data-at-end="true"] .ttd-immersive-cue{visibility:hidden}
@media(max-width:600px){
  .ttd-immersive-header,.ttd-immersive-footer{gap:12px;padding-inline:18px}
  .ttd-immersive-header h2{font-size:12px!important}
  .ttd-immersive-header a{font-size:10px}
  .ttd-immersive-footer p{max-width:36%;font-size:10px}
  .ttd-immersive-controls{gap:14px;font-size:10px}
  .ttd-immersive-cue{display:none}
  .ttd-immersive-controls progress{width:38px}
  .ttd-immersive-controls button{min-width:86px;min-height:36px}
}
@media(prefers-reduced-motion:reduce){
  .ttd-immersive{height:auto}
  .ttd-immersive-pin{position:relative;top:auto;height:auto}
  .ttd-immersive-screen{flex:none;aspect-ratio:16/9}
  .ttd-immersive-screen>iframe{display:none}
  .ttd-immersive-screen>img{opacity:1!important;transition:none}
  .ttd-immersive-controls{display:none}
  .ttd-immersive-reduced{display:block;font-size:10px;text-align:right;max-width:60%}
}