@import "https://fonts.googleapis.com/css2?family=Noto+Kufi+Arabic:wght@300;400;500;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap";:root{--cream:#f2e5cf;--gold:#c69a55;--dark:#0b0806;--red:#662317}*{box-sizing:border-box}body{background:var(--dark);color:var(--cream);margin:0;font-family:Noto Kufi Arabic,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}header{z-index:20;border-bottom:1px solid #fff1;justify-content:space-between;align-items:center;height:92px;padding:0 5vw;display:flex;position:absolute;top:0;left:0;right:0}.brand{letter-spacing:.24em;font:500 23px Playfair Display}.brand span{letter-spacing:0;color:var(--gold);margin-right:9px;font:400 9px Noto Kufi Arabic}.chapterNav{color:#cdbda7;gap:34px;font-size:10px;display:flex}.miniBuy{border:1px solid #a9804d;padding:12px 18px;font-size:10px}.hero{background:radial-gradient(circle at 72%,#5d281b 0,#1e100b 30%,#090706 70%);grid-template-columns:1fr 1fr;align-items:center;height:100svh;min-height:700px;padding:110px 8vw 50px;display:grid;position:relative;overflow:hidden}.heroGlow{background:linear-gradient(115deg,#0000 35%,#b5792930 50%,#0000 65%);animation:7s ease-in-out infinite lightSweep;position:absolute;inset:0}.heroCopy{z-index:4;position:relative}.overline{color:var(--gold);letter-spacing:.15em;font-size:10px}.hero h1{margin:8px 0 24px}.hero h1 span{letter-spacing:-.05em;background:linear-gradient(#fff5de,#8c5a28);color:#0000;-webkit-background-clip:text;font:500 clamp(110px,16vw,260px)/.82 Playfair Display;display:block}.hero h1 small{margin-top:25px;font-size:clamp(29px,4vw,58px);font-weight:300;display:block}.heroCopy>p:not(.overline){color:#bba990;font-size:17px;line-height:2}.discover{align-items:center;gap:18px;width:max-content;margin-top:34px;font-size:11px;display:flex}.discover i{border:1px solid #bd8b4d;border-radius:50%;place-items:center;width:48px;height:48px;font-style:normal;animation:2s infinite bob;display:grid}.bottle{z-index:3;place-items:center;height:75vh;display:grid;position:relative}.bottle img{object-fit:contain;z-index:2;filter:drop-shadow(0 55px 35px #000c);max-width:100%;height:76vh;animation:6s ease-in-out infinite float}.bottleAura{aspect-ratio:1;filter:blur(45px);background:#e09b3a25;border-radius:50%;width:48%;position:absolute}.rings{aspect-ratio:1;width:36vw;position:absolute;top:18%;left:10%}.rings i{border:1px solid #d8ae6e20;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:0}.rings i:nth-child(2){animation-direction:reverse;inset:12%}.rings i:nth-child(3){animation-duration:12s;inset:25%}.cinemaBars:before,.cinemaBars:after{content:"";z-index:9;background:#000;height:0;animation:1.4s .2s forwards bars;position:absolute;left:0;right:0}.cinemaBars:before{top:0}.cinemaBars:after{bottom:0}.scrollCue{color:#907b63;z-index:10;font-size:9px;position:absolute;bottom:30px;right:5vw}.scrollCue span{vertical-align:middle;background:#8a6335;width:60px;height:1px;margin-right:12px;display:inline-block}.diriyah{height:150vh;position:relative;overflow:hidden}.diriyahBg{background:url(/cinema/diriyah.png) 50%/cover;height:100vh;animation:linear both diriyahZoom;animation-timeline:view();animation-range:entry exit;position:sticky;top:0}.veil{background:linear-gradient(90deg,#070503c9 0,#0000 65%),linear-gradient(0deg,#090604 0,#0000 30%);position:absolute;inset:0}.diriyahCopy{z-index:3;max-width:650px;position:absolute;top:26vh;right:9vw}.diriyahCopy>p:first-child{color:#d2a05a;font-size:11px}.diriyah h2{color:#f3dfc2;text-shadow:0 12px 40px #000;margin:10px 0;font-size:clamp(80px,14vw,220px);line-height:1}.yearLine{color:#d5a25d;align-items:center;gap:20px;font:italic 26px Playfair Display;display:flex}.yearLine i{background:#d5a25d;width:160px;height:1px}.diriyah h3{font-size:clamp(25px,3vw,48px);font-weight:300;line-height:1.8}.narrative{color:#cbb99f;max-width:540px;font-size:13px;line-height:2.4}.dust i{background:#ffd994;border-radius:50%;width:4px;height:4px;animation:7s infinite dust;position:absolute;box-shadow:0 0 12px #ffc35d}.dust i:first-child{top:30%;left:20%}.dust i:nth-child(2){animation-delay:1s;top:62%;left:48%}.dust i:nth-child(3){animation-delay:3s;top:40%;left:75%}.dust i:nth-child(4){animation-delay:4s;top:75%;left:64%}.dust i:nth-child(5){animation-delay:2s;top:80%;left:35%}.continue{z-index:4;align-items:center;gap:20px;font-size:11px;display:flex;position:absolute;bottom:20vh;left:8vw}.continue b{font-size:22px}.interlude{text-align:center;background:radial-gradient(circle,#37170f,#080604 65%);place-content:center;height:100vh;display:grid;position:relative}.interlude:before{content:"";border:1px solid #bb8d4928;border-radius:50%;animation:4s infinite pulse;position:absolute;inset:12%}.interlude p{color:var(--gold);font-size:11px}.interlude h2{margin:20px;font-size:clamp(48px,8vw,120px);font-weight:300;line-height:1.25}.interlude h2 em{color:#d6b982;font:italic 500 .9em Playfair Display}.interlude span{color:#94816a;font-size:12px}.chapter{height:180vh;position:relative;overflow:clip}.chapterImage{filter:saturate(.8);background-position:50%;background-size:cover;width:55%;height:100vh;margin-right:auto;animation:linear both chapterZoom;animation-timeline:view();animation-range:entry exit;position:sticky;top:0}.shade{background:linear-gradient(90deg,#0000 0,#080604dd 55%,#080604 78%);position:absolute;inset:0}.chapterNo{color:#fff;opacity:.035;font:500 18vw/.8 Playfair Display;position:absolute;top:25vh;right:5vw}.chapterCopy{z-index:4;width:44vw;max-width:650px;position:absolute;top:42vh;right:10vw}.chapterCopy>p:first-child{color:var(--gold);font-size:11px}.chapterCopy h2{margin:5px 0 20px;font-size:clamp(48px,7vw,105px);font-weight:300;line-height:1.2}.chapterCopy blockquote{color:#d5bd96;margin:0;font:italic clamp(26px,3.5vw,55px)/1.5 Playfair Display}.noteItems{flex-wrap:wrap;gap:10px;margin:32px 0;display:flex}.noteItems span{opacity:0;animation:linear forwards noteReveal;animation-timeline:view();animation-range:entry calc(25% + var(--i)*6%) entry calc(48% + var(--i)*6%);border:1px solid #b58b513d;padding:10px 17px;font-size:10px;transform:translateY(25px)}.chapterDesc{color:#ab9981;max-width:520px;font-size:13px;line-height:2.2}.scentTrail i{filter:blur(2px);border:1px solid #c3995640;border-radius:50%;width:20vw;height:20vw;animation:8s infinite scent;position:absolute}.scentTrail i:first-child{top:30%;left:12%}.scentTrail i:nth-child(2){animation-delay:2s;top:50%;left:28%}.scentTrail i:nth-child(3){animation-delay:4s;top:70%;left:5%}.reveal{background:radial-gradient(circle at 25% 45%,#67301f,#120b08 48%,#060403);grid-template-columns:1fr 1fr;align-items:center;min-height:110vh;padding:100px 9vw;display:grid;position:relative;overflow:hidden}.revealYear{color:#fff;opacity:.025;font:500 35vw Playfair Display;position:absolute;left:-6vw}.revealBottle{place-items:center;height:75vh;display:grid}.revealBottle img{object-fit:contain;filter:drop-shadow(0 50px 35px #000);max-width:100%;height:75vh;animation:5s infinite float}.revealCopy{z-index:2;position:relative}.revealCopy>p{color:var(--gold);font-size:11px}.reveal h2{font-size:clamp(45px,6vw,88px);font-weight:300;line-height:1.4}.price{align-items:center;gap:16px;margin:20px 0;display:flex}.price b{font:500 50px Playfair Display}.price span{color:#a99275;font-size:10px}.buy{background:var(--cream);color:#25140c;justify-content:space-between;align-items:center;max-width:360px;padding:20px 25px;font-size:12px;transition:all .3s;display:flex}.buy:hover{background:#fff;transform:translate(-8px)}.buy i{font-size:20px;font-style:normal}.revealCopy small{color:#8f7b63;margin-top:17px;font-size:9px;display:block}footer{color:#8f7e69;border-top:1px solid #fff1;justify-content:space-between;align-items:center;height:100px;padding:0 5vw;font-size:9px;display:flex}footer b{letter-spacing:.2em;color:#e7d6bc;font:500 18px Playfair Display}@keyframes lightSweep{50%{transform:translate(15%)}}@keyframes float{50%{transform:translateY(-20px)rotate(-1deg)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translateY(6px)}}@keyframes bars{to{height:22px}}@keyframes dust{50%{opacity:.2;transform:translate(50px,-80px)scale(2)}}@keyframes pulse{50%{opacity:.2;transform:scale(.86)}}@keyframes scent{50%{opacity:.1;transform:translate(70px,-80px)scale(1.5)}}@keyframes diriyahZoom{0%{transform:scale(1.08)}to{transform:scale(1.25)translateY(-3%)}}@keyframes chapterZoom{0%{transform:scale(1.1)}to{transform:scale(1.28)translateY(-4%)}}@keyframes noteReveal{to{opacity:1;transform:none}}@media (width<=800px){header{height:70px}.chapterNav{display:none}.hero{grid-template-columns:1fr;padding:90px 7vw 30px}.hero h1 span{font-size:32vw}.heroCopy{align-self:start}.bottle{opacity:.76;height:54vh;position:absolute;bottom:2%;left:-6%}.bottle img{height:54vh}.rings{width:75vw;top:40%;left:-20%}.diriyah{height:140vh}.diriyahCopy{top:22vh;left:7vw;right:7vw}.diriyah h2{font-size:24vw}.continue{left:7vw}.chapter{height:155vh}.chapterImage{width:100%}.shade{background:linear-gradient(0deg,#080604 0,#080604d9 42%,#0000 85%)}.chapterCopy{width:86vw;top:auto;bottom:22vh;right:7vw}.chapterCopy h2{font-size:13vw}.chapterCopy blockquote{font-size:8vw}.chapterNo{top:18vh}.reveal{grid-template-columns:1fr;padding:80px 7vw}.revealBottle{opacity:.48;height:55vh;position:absolute;top:5%;left:-15%}.revealBottle img{height:55vh}.revealCopy{margin-top:45vh}.reveal h2{font-size:13vw}footer{text-align:center;gap:15px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}.panel{scroll-snap-align:start;scroll-snap-stop:always;min-height:640px;position:relative;overflow:hidden;height:100dvh!important}.diriyahBg,.chapterImage{top:0;height:100%!important;position:absolute!important}.chapterCopy{top:30vh}.noteItems span{opacity:1;transform:none}.appProgress{z-index:50;background:#ffffff20;width:1px;height:180px;position:fixed;top:50%;left:35px;transform:translateY(-50%)}.appProgress i{background:linear-gradient(#e9cf9f,#c1883b);width:1px;transition:height .7s cubic-bezier(.22,1,.36,1);position:absolute;top:0;box-shadow:0 0 12px #dda95d}.sceneCount{z-index:50;color:#75624c;writing-mode:vertical-rl;gap:4px;display:flex;position:fixed;top:calc(50% + 105px);left:19px}.sceneCount b{color:#e9d2ae;font:500 13px Playfair Display}.sceneCount span{font-size:8px}.sceneControls{z-index:50;gap:6px;display:grid;position:fixed;bottom:28px;left:22px}.sceneControls button{color:#d8b77f;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#100b08aa;border:1px solid #c5965048;width:34px;height:34px;transition:all .25s}.sceneControls button:hover{color:#150c08;background:#c59650;transform:scale(1.08)}.sceneControls button:disabled{opacity:.2;cursor:default}html{scroll-snap-type:y mandatory}body{overscroll-behavior:none}.panel.diriyah,.panel.chapter{isolation:isolate;background:#090604}.panel .diriyahBg{z-index:0;opacity:1;background-position:50% 52%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;inset:0;transform:scale(1.02);animation:none!important}.panel.diriyah .veil{z-index:1;background:linear-gradient(90deg,#080503e8 0%,#0906049c 43%,#09060420 74%),linear-gradient(#07050436 0%,#0000 56%,#090604c9 100%)}.panel.diriyah .diriyahCopy{z-index:3;width:min(580px,45vw);top:50%;right:8vw;transform:translateY(-50%)}.panel.diriyah h2{margin:8px 0 16px;font-size:clamp(64px,9vw,138px);line-height:1}.panel.diriyah h3{margin:18px 0;font-size:clamp(22px,2.2vw,36px);line-height:1.65}.panel.diriyah .narrative{font-size:clamp(11px,.9vw,14px);line-height:2.15}.panel.diriyah .continue{z-index:4;bottom:8vh}.panel.chapter .chapterImage{z-index:0;opacity:1;filter:saturate(.95)contrast(1.04);background-position:50%;background-repeat:no-repeat;background-size:cover;width:58%;height:100%;inset:0 0 0 auto;transform:scale(1.01);animation:none!important}.panel.chapter .shade{z-index:1;background:linear-gradient(90deg,#0000 0%,#08060463 42%,#080604ee 64%,#080604 100%)}.panel.chapter .chapterNo{z-index:2;font-size:clamp(100px,15vw,240px);top:14vh}.panel.chapter .chapterCopy{z-index:4;width:min(610px,43vw);top:50%;right:8vw;transform:translateY(-50%)}.panel.chapter .chapterCopy>p:first-child{font-size:clamp(10px,.8vw,12px)}.panel.chapter .noteItems{margin:22px 0 18px}.panel.chapter .noteItems span{padding:8px 14px;font-size:clamp(9px,.7vw,11px)}.panel.chapter .chapterDesc{max-width:510px;font-size:clamp(11px,.85vw,14px);line-height:2}.panel.chapter .scentTrail{z-index:3;pointer-events:none;position:absolute;inset:0}.panel.reveal h2{font-size:clamp(46px,5.2vw,76px);line-height:1.3}@media (width<=800px){.panel{min-height:560px}.appProgress{height:120px;left:18px}.sceneCount{left:4px}.sceneControls{bottom:16px;left:10px}.panel.diriyah .diriyahBg{background-position:58%;transform:scale(1.03)}.panel.diriyah .veil{background:linear-gradient(#09060430 0%,#090604b8 44%,#090604f4 100%)}.panel.diriyah .diriyahCopy{width:auto;inset:auto 7vw 11vh 9vw;transform:none}.panel.diriyah h2{font-size:clamp(56px,18vw,88px)}.panel.diriyah h3{margin:12px 0;font-size:clamp(18px,5vw,25px);line-height:1.55}.panel.diriyah .narrative{font-size:10px;line-height:1.85}.panel.diriyah .continue{display:none}.panel.chapter .chapterImage{background-position:50% 42%;width:100%;height:62%}.panel.chapter .shade{background:linear-gradient(#0000 0%,#08060485 38%,#080604f2 65%,#080604 100%)}.panel.chapter .chapterCopy{width:auto;inset:auto 8vw 7vh 11vw;transform:none}.panel.chapter .chapterCopy h2{margin:5px 0 8px;font-size:clamp(38px,11vw,54px)}.panel.chapter .chapterCopy blockquote{font-size:clamp(21px,6.5vw,31px)}.panel.chapter .noteItems{margin:12px 0 9px}.panel.chapter .noteItems span{padding:6px 9px;font-size:8px}.panel.chapter .chapterDesc{font-size:9.5px;line-height:1.75}.panel.chapter .chapterNo{font-size:28vw;top:10vh}.panel.reveal{align-items:end;padding:48px 7vw 28px}.panel.reveal .revealBottle{height:43dvh;top:0}.panel.reveal .revealBottle img{height:43dvh}.panel.reveal .revealCopy{padding-bottom:max(12px,env(safe-area-inset-bottom));margin-top:34dvh}.panel.reveal h2{margin:8px 0;font-size:clamp(34px,10vw,48px);line-height:1.25}.panel.reveal .price{margin:8px 0}.panel.reveal .price b{font-size:40px}.panel.reveal .buy{padding:15px 20px}.panel.reveal .revealCopy small{margin-top:9px}}html,body,main{background:#080604;margin:0;padding:0}.panel{display:block;border:0!important;margin:0!important}.chapters{background:#080604;margin:0;padding:0;display:block}.panel.chapter{background:#080604;margin:0!important;padding:0!important}.panel.chapter .chapterImage{opacity:1!important;filter:saturate(1.08)contrast(1.05)brightness(.92)!important;background-position:50%!important;background-size:cover!important;width:100%!important;height:100%!important;margin:0!important;inset:0!important;transform:scale(1.015)!important}.panel.chapter .shade{background:linear-gradient(90deg,#0000 0%,#09060415 32%,#0906049c 62%,#090604ef 100%)!important;inset:0!important}.panel.chapter .chapterCopy{width:min(620px,44vw)!important;padding:28px 0!important;right:8vw!important}.panel.chapter .scentTrail{display:none!important}.panel.chapter .chapterNo{opacity:.07!important;color:#e6c999!important;left:4vw!important;right:auto!important}.panel.chapter .chapterDesc{text-shadow:0 2px 20px #000;color:#d2c0a6!important}.panel.chapter .noteItems span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0b0704a8!important;border-color:#c6995570!important}.panel.diriyah .diriyahBg{opacity:1!important;filter:brightness(.9)saturate(1.05)!important;width:100%!important;height:100%!important;inset:0!important}.panel.diriyah .veil{background:linear-gradient(90deg,#0000 0%,#08050333 38%,#080503d9 100%)!important}html{scroll-behavior:smooth!important}.panel.reveal{padding-bottom:100px!important}.panel.reveal footer{z-index:6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#08050355;height:100px;position:absolute;bottom:0;left:0;right:0;margin:0!important}@media (width<=800px){.panel{height:100dvh!important;min-height:0!important}.panel.chapter .chapterImage{filter:saturate(1.05)contrast(1.04)brightness(.78)!important;background-position:50%!important;height:100%!important}.panel.chapter .shade{background:linear-gradient(#0000 0%,#08060424 32%,#080604ba 65%,#080604f5 100%)!important}.panel.chapter .chapterCopy{width:auto!important;padding:0!important;bottom:5.5vh!important;left:9vw!important;right:7vw!important}.panel.chapter .chapterNo{top:9vh!important;left:5vw!important}.panel.diriyah .veil{background:linear-gradient(#0000 0%,#08050385 52%,#080503ed 100%)!important}.panel.reveal{padding:8dvh 7vw 74px!important}.panel.reveal .revealBottle{height:43dvh!important;top:1dvh!important}.panel.reveal .revealBottle img{height:43dvh!important}.panel.reveal .revealCopy{margin-top:34dvh!important}.panel.reveal .revealCopy h2{margin:1dvh 0;line-height:1.25;font-size:min(11vw,48px)!important}.panel.reveal .price{margin:1dvh 0}.panel.reveal .buy{padding:14px 18px}.panel.reveal .revealCopy small{margin-top:8px}.panel.reveal footer{height:74px;padding-inline:4vw;font-size:8px;bottom:0!important}}.panel.chapter .chapterCopy{width:min(680px,48vw)!important}.panel.chapter .chapterCopy>p:first-child{letter-spacing:.08em;font-weight:500;margin-bottom:8px!important;font-size:14px!important}.panel.chapter .chapterCopy h2{margin:6px 0 12px!important;font-size:clamp(54px,5.8vw,88px)!important;line-height:1.18!important}.panel.chapter .chapterCopy blockquote{font-size:clamp(29px,3vw,45px)!important;line-height:1.5!important}.panel.chapter .noteItems{gap:10px!important;margin:20px 0 17px!important}.panel.chapter .noteItems span{font-weight:500;padding:9px 15px!important;font-size:12px!important;line-height:1.4!important}.panel.chapter .chapterDesc{color:#eadcc8!important;max-width:620px!important;font-size:16px!important;line-height:2!important}.panel.diriyah .diriyahCopy>p:first-child{font-size:14px!important}.panel.diriyah .narrative{color:#e2d0b7!important;font-size:15px!important;line-height:2.1!important}.interlude>p{font-size:14px!important}.interlude>span{color:#cbb99f!important;font-size:15px!important}.heroCopy>.overline{font-size:13px!important}.heroCopy>p:not(.overline){font-size:18px!important}.revealCopy>p{font-size:14px!important}.revealCopy small{font-size:11px!important;line-height:1.8!important}@media (width<=800px){.panel.chapter .chapterCopy{width:auto!important}.panel.chapter .chapterCopy>p:first-child{font-size:11px!important}.panel.chapter .chapterCopy h2{font-size:clamp(40px,12vw,58px)!important}.panel.chapter .chapterCopy blockquote{font-size:clamp(24px,7vw,34px)!important}.panel.chapter .noteItems span{padding:7px 10px!important;font-size:10px!important}.panel.chapter .chapterDesc{font-size:12.5px!important;line-height:1.85!important}.panel.diriyah .diriyahCopy>p:first-child{font-size:11px!important}.panel.diriyah .narrative{font-size:12px!important;line-height:1.9!important}.interlude>p{font-size:11px!important}.interlude>span{font-size:12px!important}.heroCopy>.overline{font-size:10px!important}.heroCopy>p:not(.overline){font-size:15px!important}.revealCopy>p{font-size:11px!important}.revealCopy small{font-size:9.5px!important}}
