@font-face{font-family:Archivo;src:url('/fonts/Archivo-400.ttf') format('truetype');font-weight:400}
@font-face{font-family:Archivo;src:url('/fonts/Archivo-600.ttf') format('truetype');font-weight:600}
@font-face{font-family:Archivo;src:url('/fonts/Archivo-700.ttf') format('truetype');font-weight:700}
@font-face{font-family:Archivo;src:url('/fonts/Archivo-800.ttf') format('truetype');font-weight:800}
body{background:#e9dec9;color:#14213a;font-family:Archivo,system-ui,sans-serif}
main{width:min(1320px,100% - 48px)}
header{padding:14px 20px;background:#14213a;border-radius:0 0 24px 24px;box-shadow:0 30px 80px -24px rgba(20,33,58,.3)}
header img{width:140px}
header a{color:#f1e8d8}
h1,.panel h2{font-family:Archivo,system-ui,sans-serif;font-weight:700;letter-spacing:-.03em}
h1{font-size:clamp(36px,4.4vw,60px)}
.sub,.note,footer{color:#3d4a63}
video{border:5px solid #14213a;border-radius:20px;background:#0b1426;box-shadow:0 44px 80px -28px rgba(20,33,58,.55);transform:perspective(1400px) rotateY(6deg);transform-origin:right center}
.grid{grid-template-columns:minmax(0,1fr) 360px;align-items:start;margin-top:28px}
.grid>section{padding:20px;border:1px solid #c7bba7;border-radius:24px;background:#f8f0e2;box-shadow:0 30px 80px -24px rgba(20,33,58,.22);transform:perspective(1000px) rotateY(-8deg);transform-origin:left center}
.chapters{gap:6px}
.chapters button{min-height:46px;border-radius:14px;color:#14213a;font-family:Archivo,system-ui,sans-serif}
.chapters button:hover,.chapters button[aria-current=true]{background:#14213a;color:#f1e8d8;transform:translateX(5px);box-shadow:0 14px 34px -16px rgba(20,33,58,.45)}
.chapters time{color:#a7412c;font-family:Archivo,system-ui,sans-serif;font-weight:700}
.chapters button[aria-current=true] time{color:#f7c243}
.panel{background:#f8f0e2;color:#14213a;border-color:#c7bba7;border-radius:24px;box-shadow:0 30px 80px -24px rgba(20,33,58,.22)}
.panel #ctaBody{color:#3d4a63!important}
.cta{background:#f7c243;color:#14213a;border-radius:14px;font-family:Archivo,system-ui,sans-serif;box-shadow:0 22px 54px -28px rgba(20,33,58,.38)}
.availability{background:#f8f0e2;color:#14213a;border-color:#d8ccb8;border-radius:14px}
footer{margin-block:34px;color:#3d4a63}
html[dir=rtl] video{transform:perspective(1400px) rotateY(-6deg);transform-origin:left center}
html[dir=rtl] .grid>section{transform:perspective(1000px) rotateY(8deg);transform-origin:right center}
html[dir=rtl] .chapters button:hover,html[dir=rtl] .chapters button[aria-current=true]{transform:translateX(-5px)}
@media(max-width:1050px){.grid{grid-template-columns:1fr 320px}video{transform:none}.grid>section{transform:none}}
@media(max-width:760px){main{width:min(100% - 24px,1320px)}header{padding:12px}.grid{grid-template-columns:1fr}.grid>section{order:0}.panel{order:1}header img{width:110px}header nav{gap:12px;flex-wrap:wrap}}
@media(max-width:760px){.grid>section,html[dir=rtl] .grid>section{transform:none!important}.grid{margin-inline:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important;transform:none!important}}