.ot-page{--bg:#0a0f14;--panel:#0f1419;--text:#dee3ea;--muted:#ddc1b3;--gold:#e9c349;--peach:#ffb68d;background:var(--bg);color:var(--text);min-height:100vh}.ot-header{height:157px;max-width:1440px;margin:auto;position:relative;background:#0f1419;border-bottom:1px solid rgba(233,195,73,.1)}.ot-logo{position:absolute;left:71px;top:6px;width:129px;height:129px}.ot-logo img{width:100%;height:100%;object-fit:contain}.ot-header nav{position:absolute;left:617px;right:0;top:53px;height:81px;padding:0 80px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(233,195,73,.12);font-size:14px;color:var(--muted)}.ot-header nav>a:first-child{color:var(--peach)}.ot-profile{width:32px;height:32px;display:grid;place-items:center;border-radius:12px;background:var(--peach)}.ot-profile img{width:12px;height:12px}.ot-page main,.ot-footer{width:1280px;margin:auto}.ot-hero{min-height:650px;padding:75px 80px 20px;display:grid;grid-template-columns:430px 1fr;gap:70px;align-items:center;background:linear-gradient(100deg,#171c21,#0f1419)}.ot-label{color:var(--gold);font:13px "Roboto Mono",monospace;letter-spacing:1.6px}.ot-label:before{content:"";display:inline-block;width:32px;height:1px;margin-right:14px;vertical-align:middle;background:var(--gold)}.ot-intro h1{position:static;margin:38px 0 42px;font:700 54px/1.08 "Libre Caslon Text",serif;letter-spacing:-.5px}.ot-intro p{margin:0;color:var(--muted);font-size:16px;line-height:27px}.ot-intro>a{display:inline-block;margin-top:50px;padding:17px 30px;background:var(--peach);color:#532200;font:700 14px "Libre Caslon Text",serif;letter-spacing:.6px}.ot-cover{height:360px;position:relative;border:1px solid rgba(233,195,73,.24);background:url('/images/figma/ot-trailer.png') center/cover no-repeat,#151b21}.ot-cover button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:85px;height:85px;border:1px solid rgba(233,195,73,.28);border-radius:12px;background:rgba(15,20,25,.7);color:var(--gold);font-size:34px}.ot-progress{height:5px;background:#252a30}.ot-progress i{display:block;width:33%;height:100%;background:var(--peach)}.overview{padding:30px 80px 70px;text-align:center;background:#0f1419}.overview h2{margin:0 0 35px;color:var(--gold);font-size:32px;font-weight:400}.overview p{margin:0 auto;padding:30px;border-bottom:1px solid rgba(86,67,56,.2);background:rgba(15,20,25,.5);color:var(--muted);font-size:16px;line-height:27px}.chapters{padding:72px 80px 0;background:linear-gradient(125deg,#161b20,#0e1418)}.chapters>h2{margin:0 0 70px;font:700 44px "Libre Caslon Text",serif}.chapter-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:24px}.chapter{position:relative;overflow:hidden;border:1px solid rgba(233,195,73,.13);background-position:center;background-size:cover;background-color:#151b21}.chapter:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#0f1419,rgba(15,20,25,.25))}.chapter>div{position:absolute;z-index:2;left:24px;right:24px;bottom:25px}.chapter b{display:block;margin-bottom:12px;color:rgba(233,195,73,.28);font:36px "Libre Caslon Text",serif}.chapter h3{margin:0 0 12px;font:700 22px/28px "Libre Caslon Text",serif}.chapter p{margin:0;color:var(--muted);font:14px/22px "Libre Caslon Text",serif}.featured-tall{grid-row:span 2}.featured-tall h3,.featured-wide h3{color:var(--gold);font-size:28px;line-height:34px}.featured-wide{grid-column:span 2}.c1{background-image:url('/images/figma/ot-chapter-01.png')}.c2{background-image:url('/images/figma/ot-chapter-02.png')}.c3{background-image:url('/images/figma/ot-chapter-03.png')}.c4{background-image:url('/images/figma/ot-chapter-04.png')}.c5{background-image:url('/images/figma/ot-chapter-05.png')}.c6{background-image:url('/images/figma/ot-chapter-06.png')}.c7{background-image:url('/images/figma/ot-chapter-07.png')}.c8{background-image:url('/images/figma/ot-chapter-08.png')}.c9{background-image:url('/images/figma/ot-chapter-09.png')}.c10{background-image:url('/images/figma/ot-chapter-10.png')}.c11{background-image:url('/images/figma/ot-chapter-11.png')}.ot-actions{height:245px;display:flex;align-items:center;justify-content:center;gap:60px;background:#171c21}.ot-actions a:first-child{padding:16px 30px;border:1px solid var(--gold);color:var(--gold);font:13px "Roboto Mono",monospace}.ot-actions a:last-child{color:var(--muted);font:14px "Libre Caslon Text",serif}.ot-footer{padding:90px 80px 45px;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;border-top:1px solid rgba(86,67,56,.2)}.ot-footer img{width:64px;height:64px;object-fit:contain}.ot-footer p{width:290px;color:var(--muted);font:14px/22px "Libre Caslon Text",serif}.ot-footer h3{margin:0 0 20px;color:var(--gold);font-size:22px}.ot-footer a{display:block;margin:12px 0;color:var(--muted);font-family:"Libre Caslon Text",serif}.ot-footer small{grid-column:1/4;margin-top:58px;padding-top:28px;text-align:center;border-top:1px solid rgba(86,67,56,.2);color:var(--muted)}
@media(max-width:900px){.ot-header{height:92px}.ot-logo{left:20px;top:6px;width:80px;height:80px}.ot-header nav{left:auto;right:20px;top:30px;height:auto;padding:0;border:0}.ot-header nav>a:not(.ot-profile){display:none}.ot-page main,.ot-footer{width:100%}.ot-hero{padding:65px 24px;grid-template-columns:1fr;gap:45px}.ot-intro h1{font-size:42px}.ot-cover{height:280px}.overview{padding:45px 24px}.overview p br{display:none}.chapters{padding:55px 24px}.chapters>h2{font-size:37px;margin-bottom:40px}.chapter-grid{grid-template-columns:1fr;grid-auto-rows:310px}.chapter,.featured-tall,.featured-wide{grid-column:auto;grid-row:auto}.ot-actions{height:auto;padding:60px 24px;flex-direction:column;gap:28px}.ot-footer{width:100%;padding:70px 24px 40px;grid-template-columns:1fr}.ot-footer small{grid-column:1}}
.ot-page .ot-cover{height:420px;border:0;background-color:transparent;background-image:url('/images/figma/hero%20image%20for%20trailer%20page.png');background-position:center;background-size:contain;background-repeat:no-repeat}
.ot-page .ot-cover button{display:grid;place-items:center;cursor:pointer;transition:transform .2s ease,background-color .2s ease}
.ot-page .ot-cover button:hover,.ot-page .ot-cover button:focus-visible{transform:translate(-50%,-50%) scale(1.08);background:rgba(15,20,25,.9);outline:2px solid var(--gold);outline-offset:4px}
.ot-page .ot-player iframe{display:block;width:100%;height:420px;border:0;background:#000}
.chapter.has-trailer{cursor:pointer}.chapter.has-trailer:before{content:"▷";position:absolute;z-index:3;left:50%;top:42%;transform:translate(-50%,-50%);width:56px;height:56px;display:grid;place-items:center;border:1px solid rgba(233,195,73,.55);border-radius:50%;background:rgba(10,15,20,.72);color:var(--gold);font-size:24px;transition:transform .2s}.chapter.has-trailer:hover:before,.chapter.has-trailer:focus-visible:before{transform:translate(-50%,-50%) scale(1.1)}.chapter.playing:before,.chapter.playing:after,.chapter.playing>div{display:none}.chapter iframe{position:absolute;z-index:5;inset:0;width:100%;height:100%;border:0;background:#000}
.ot-page .ot-progress{display:none}
@media(max-width:900px){.ot-page .ot-cover,.ot-page .ot-player iframe{height:280px}}
.ot-page .chapter.c1{background-image:url('/images/figma/trailer-scene.png')}
.ot-page .chapter.c2{background-image:url('/images/figma/observatry.png')}
.ot-page .chapter.c3{background-image:url('/images/figma/image-13.png')}
.ot-page .chapter.c4{background-image:url('/images/figma/purisrar%20jazeera.png')}
.ot-page .chapter.c5{background-image:url('/images/figma/Ameer%20hamza.jpg')}
.ot-page .chapter.c6{background-image:url('/images/figma/image-06.png')}
.ot-page .chapter.c7{background-image:url('/images/figma/koh%20qaaf.png')}
.ot-page .chapter.c8{background-image:url('/images/figma/image-07.png')}
.ot-page .chapter.c9{background-image:url('/images/figma/umro%20ayyar.png')}
.ot-page .chapter.c10{background-image:url('/images/figma/Qubad.jpg')}
.ot-page .chapter.c11{background-image:url('/images/figma/world-fort.png')}