@font-face{font-family:FilmNumber;src:url('./number.ttf') format('truetype');font-display:swap;font-weight:700}@font-face{font-family:FilmText;src:url('./film-text.otf') format('opentype');font-display:swap}@font-face{font-family:FilmArabic;src:url('./arabic.ttf') format('truetype');font-display:swap}
:root{color-scheme:dark;--accent:#f1c55d;--line:#202723;--muted:#737f77;--white:#e4eae5}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#050705;color:var(--white);font-family:Arial,'Noto Sans',sans-serif}button,select,input{font:inherit}button,a,select,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:none;border:0}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:1px solid var(--accent);outline-offset:4px}button:hover{color:var(--accent)}[hidden]{display:none!important}.topbar{height:65px;padding:0 35px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #172019}.wordmark{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:bold;letter-spacing:2px}.wordmark>span{font-size:23px;color:var(--accent);font-family:Arial,sans-serif}.wordmark small{font-size:10px;font-weight:normal;color:#8b998f;letter-spacing:1px;border-inline-start:1px solid #334034;padding-inline-start:12px}.topbar>div{display:flex;align-items:center;gap:18px}.language-picker{display:flex;align-items:center;gap:7px}.globe{font-size:21px;color:#85958a}.language-picker select,.speed-picker select{background:transparent;color:#bbc7bd;border:0;padding:7px 3px;font-size:11px;cursor:pointer;max-width:130px}.language-picker option,.speed-picker option{color:#d8e5da;background:#101711}.icon-button{font-size:21px;padding:8px;min-width:33px;height:36px;display:grid;place-items:center;color:#9aaba0}.experience{display:flex;align-items:center;justify-content:center;gap:100px;min-height:calc(100svh - 148px);padding:14px 30px 24px;max-width:1480px;margin:auto}.portrait{position:relative;flex:none;height:min(calc(100svh - 158px),880px);aspect-ratio:464/848;background:#000;overflow:hidden;border:1px solid #111b13;box-shadow:0 10px 100px #0009}.portrait canvas{display:block;width:100%;height:100%;object-fit:contain;touch-action:manipulation}.portrait #skip{position:absolute;top:48px;right:14px;border:1px solid #29392f;border-radius:25px;padding:7px 10px;background:#06110b88;color:#97ad9c;font-size:9px}.portrait #play-overlay{position:absolute;inset:0;margin:auto;width:60px;height:60px;border-radius:50%;background:#fff1;border:1px solid #fff3;backdrop-filter:blur(7px);font-size:22px;display:grid;place-items:center;padding-inline-start:5px}.context{width:330px;padding:10px 0}.eyebrow{font-size:9px;letter-spacing:2.3px;color:#b29b5c;text-transform:uppercase;margin:0 0 22px}.context h1{font-size:37px;font-weight:400;line-height:1.15;letter-spacing:-1px;margin:0 0 22px;max-width:330px}.description{font-size:13px;line-height:1.8;color:#839187;max-width:310px;margin-bottom:34px}.chapter-heading{font-size:9px;text-transform:uppercase;letter-spacing:2px;color:#738376;margin-bottom:17px}.chapter-list{display:grid;gap:2px}.chapter-list button{display:flex;align-items:center;gap:17px;font-size:11px;text-align:start;padding:9px 4px;color:#88988c;transition:color .15s}.chapter-list button span{font-variant-numeric:tabular-nums;font-size:9px;color:#596b5e}.chapter-list button.active{color:var(--accent)}.chapter-list button.active span{color:#c1ac6f}.chapter-list button::after{content:'';height:1px;width:0;background:#8c7843;margin-inline-start:7px;transition:width .3s}.chapter-list button.active::after{width:26px}.explanation{display:flex;align-items:center;gap:8px;margin-top:23px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;color:#6b806f}.explanation button{text-align:start;padding:0;font-size:10px}.tiny-light{width:4px;height:4px;border-radius:50%;background:#718d77;flex:none}.download{display:flex;align-items:center;gap:10px;font-size:11px;color:#bdab76;margin-top:24px}.download>span:first-child{font-size:20px}.download-note{font-size:9px;color:#546a58;margin:9px 0 0}.control-bar{display:flex;align-items:center;gap:28px;padding:14px 35px 18px;max-width:1480px;margin:auto;background:#050705;border-top:1px solid #1b271d}.transport{display:flex;align-items:center;gap:8px}.play-button{border:1px solid #41523c;color:#e2e8db;border-radius:50%;width:33px;height:33px;font-size:16px}.time{font-size:10px;font-variant-numeric:tabular-nums;color:#8a9d8b;white-space:nowrap;margin-inline-start:7px}.seek-wrap{position:relative;flex:1;padding:11px 0}.seek-wrap input{appearance:none;-webkit-appearance:none;display:block;width:100%;height:2px;outline:0;background:linear-gradient(to right,var(--accent) 0,var(--accent) var(--position,0%),#2b382b var(--position,0%),#2b382b 100%);cursor:pointer;margin:0;position:relative;z-index:2}.seek-wrap input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 6px #f1c55d4a}.seek-wrap input::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--accent)}.seek-ticks{position:absolute;inset:12px 0 0;pointer-events:none}.seek-ticks i{position:absolute;width:1px;height:5px;background:#3b4a38}.controls-end{display:flex;align-items:center;gap:12px}#sound.muted{color:#516152}#sound:not(.muted){color:var(--accent)}#chapters-toggle{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{color:#d8e8d9;background:#0c160e;border:1px solid #364935;border-radius:12px;padding:37px;width:min(480px,calc(100% - 32px));box-shadow:0 10px 80px #000b}dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}dialog h2{font-size:27px;line-height:1.25;font-weight:400;margin:15px 0 20px}dialog p{font-size:13px;line-height:1.8;color:#91a593}dialog .eyebrow{color:#c9b67e;font-size:9px;line-height:1.5}.dialog-close{position:absolute;inset-inline-end:12px;top:9px;color:#a5b9a4;font-size:27px}.dialog-button{background:#d4c18a;color:#132016;border-radius:6px;padding:11px 25px;margin-top:17px;font-size:12px}#notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);z-index:100;font-size:12px;background:#142518;border:1px solid #465a3e;border-radius:7px;padding:12px 20px;color:#bbd0b5;opacity:0;pointer-events:none;transition:opacity .2s;max-width:80vw;text-align:center}#notice.visible{opacity:1}body[dir=rtl] .context h1{letter-spacing:0}body[dir=rtl] .seek-wrap,body[dir=rtl] .time{direction:ltr}.portrait:fullscreen{border:0;background:#000;width:100vw;height:100dvh;aspect-ratio:auto;display:flex;justify-content:center}.portrait:fullscreen canvas{width:auto;height:100dvh;max-width:100vw;object-fit:contain}.portrait:fullscreen #skip{display:none}.is-paused .portrait{border-color:#283922}
@media(max-width:1050px){.experience{gap:50px}.context{width:265px}.context h1{font-size:31px}.description{font-size:12px;margin-bottom:25px}.chapter-list button{padding:7px 3px}.download{margin-top:17px}.control-bar{gap:20px}.controls-end{gap:7px}}
@media(max-width:760px){body{background:#000;overflow-x:hidden}.topbar{height:48px;padding:0 15px;border-bottom:0}.wordmark{font-size:9px;gap:7px;letter-spacing:1px}.wordmark>span{font-size:20px}.wordmark small{font-size:8px;letter-spacing:0;padding-inline-start:9px}.topbar>div{gap:9px}.topbar .icon-button{font-size:17px;min-width:24px;padding:3px}.language-picker{gap:3px}.globe{font-size:18px}.language-picker select{font-size:10px;max-width:115px}.experience{padding:0;min-height:0;display:flex;gap:0}.portrait{height:calc(100svh - 143px - env(safe-area-inset-bottom));max-width:100vw;border:0;box-shadow:none;min-height:360px}.context{display:none;position:fixed;bottom:93px;inset-inline:10px;width:auto;padding:24px;background:#0c160ff5;backdrop-filter:blur(14px);border:1px solid #394a32;border-radius:10px;max-height:65svh;overflow-y:auto;z-index:20}.chapters-open .context{display:block}.context h1{font-size:23px;margin-bottom:12px}.context .eyebrow{font-size:8px;margin-bottom:13px}.context .description{font-size:11px;line-height:1.6;margin-bottom:18px;max-width:100%}.context .chapter-list{grid-template-columns:1fr 1fr;gap:5px 12px}.context .chapter-list button{font-size:10px;gap:9px;padding-block:8px}.context .chapter-list button::after{display:none}.explanation{margin-top:15px;padding-top:13px}.download-note{font-size:9px}.control-bar{position:relative;padding:8px 16px calc(12px + env(safe-area-inset-bottom));border-top:0;height:95px;gap:0;display:grid;grid-template-columns:1fr auto;grid-template-rows:22px 42px;background:#000;max-width:580px}.seek-wrap{grid-row:1;grid-column:1/-1;width:100%;padding:8px 0}.seek-ticks{top:9px}.transport{grid-row:2;gap:3px}.controls-end{grid-row:2;gap:3px}.time{font-size:9px;margin-inline-start:3px}.play-button{width:28px;height:28px;font-size:13px}.icon-button{font-size:20px;padding:6px;min-width:29px;height:31px}.speed-picker select{font-size:10px;width:42px;padding:6px 0}.control-bar #sound{font-size:19px}#chapters-toggle{display:grid}#restart{font-size:21px}.portrait #skip{top:40px;font-size:9px;right:14px}.chapter-heading{font-size:9px}.context .download{margin-top:14px}.is-paused .portrait{border:0}}
@media(max-height:660px) and (min-width:761px){.portrait{height:510px}.context .description{margin-bottom:16px}.context .eyebrow{margin-bottom:12px}.context h1{font-size:27px}.chapter-list button{padding:5px 3px}.explanation{margin-top:15px;padding-top:12px}.control-bar{padding-block:9px}}
.cinema .topbar,.cinema .context{display:none!important}.cinema .experience{padding:0;min-height:calc(100dvh - 95px)}.cinema .portrait{height:calc(100dvh - 95px);width:auto;max-width:100vw;border:0}.cinema .control-bar{position:fixed;bottom:0;left:0;right:0;background:#000;z-index:40}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

html{scroll-behavior:smooth;scroll-padding-top:75px}body{padding-bottom:85px}.control-bar{position:fixed;bottom:0;left:0;right:0;z-index:50}.brand-story{max-width:1030px;margin:50px auto 70px;padding:40px 30px;border-top:1px solid #273526}.brand-story h2{font-size:34px;font-weight:400;max-width:650px;line-height:1.25}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.story-grid button{text-align:start;padding:27px 24px;border:1px solid #293a2a;background:#0b130d;border-radius:10px}.story-grid span{font-size:10px;color:#cbb67b;letter-spacing:2px}.story-grid h3{font-size:21px;font-weight:400;line-height:1.3}.story-grid p{font-size:12px;color:#8b9d8d;line-height:1.8}.story-grid b{display:block;text-align:end;color:#dfc581;font-size:22px}.brand-end{font-size:10px;letter-spacing:1px;color:#6d826e;margin-top:40px}.wordmark img{display:block}.download{padding:0;text-align:start}.cinema .brand-story{display:none}@media(max-width:760px){body{padding-bottom:100px}.experience{flex-direction:column}.portrait{flex:none}.context,.chapters-open .context{display:block;position:static;width:100%;max-height:none;padding:30px 23px;background:#08110b;border:0;border-radius:0}.context h1{font-size:31px;max-width:100%}.context .description{font-size:13px}.context .chapter-list{grid-template-columns:1fr 1fr}.brand-story{padding:35px 23px;margin:0 auto 25px}.brand-story h2{font-size:27px}.story-grid{grid-template-columns:1fr;gap:12px}.story-grid button{padding:22px}.control-bar{position:fixed;background:#030703}.cinema .context{display:none!important}}