/* Adapted from GetLayers Wanderlust: cream/ink typography, lens composition and film grain. */
@font-face{font-family:Instrument;src:url(assets/fonts/InstrumentSerif-Regular.woff2) format('woff2');font-display:swap}@font-face{font-family:Instrument;src:url(assets/fonts/InstrumentSerif-Italic.woff2) format('woff2');font-style:italic;font-display:swap}@font-face{font-family:InterTight;src:url(assets/fonts/InterTight-Medium.woff2) format('woff2');font-display:swap}@font-face{font-family:Caveat;src:url(assets/fonts/Caveat-Regular.woff2) format('woff2');font-display:swap}
:root{--ink:#ffedc3;--paper:#0c0c0c;--gold:#ffedc3;--line:rgb(255 237 195 / .22);--soft:rgb(255 237 195 / .8)}body{font-family:InterTight,Arial,sans-serif;overflow-x:clip}h1,h2,h3{font-family:Instrument,Georgia,serif}h1 em,h2 em{color:inherit}h2{font-size:clamp(48px,5.5vw,82px);line-height:1}p{line-height:1.7}header{height:88px;padding-inline:3%;border:0;background:var(--paper);position:relative}header .brand-logo{filter:brightness(0) saturate(100%) invert(92%) sepia(19%) saturate(538%);width:135px;background-size:265px}header .brand small{font-size:7px;letter-spacing:2px}nav{gap:28px}.pill,.solid{border-radius:4px}.solid{color:var(--paper)}.pill:hover,.solid:hover{background:var(--ink);color:var(--paper)}.skip{background:var(--paper)}.arrival-veil{position:fixed;inset:0;background:#0c0c0c;z-index:90;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;pointer-events:none;animation:veil-exit .8s cubic-bezier(.2,0,0,1) 1s forwards}.arrival-veil>span{font:48px Instrument,serif}.arrival-veil small{font-size:9px;letter-spacing:4px}@keyframes veil-exit{to{transform:translateY(-100%);visibility:hidden}}
.cinema{position:relative;height:calc(100svh - 88px);min-height:660px;max-height:1100px;isolation:isolate;overflow:hidden;background:#000}.cinema-back{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.32) saturate(.65)}.cinema-shade{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 10%,#000b 100%)}.cinema-top{position:absolute;top:28px;left:3%;right:3%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:2px}.lens{position:absolute;left:32%;width:36%;top:22%;height:42%;overflow:hidden;border-radius:4px;box-shadow:0 0 0 1px #ffedc330;will-change:transform}.lens img{width:100%;height:100%;object-fit:cover}.lens-cross{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:24px Arial;opacity:.5}.lens-corner{position:absolute;left:16px;top:16px;border-left:1px solid var(--ink);border-top:1px solid var(--ink);width:18px;height:18px}.lens-caption{position:absolute;top:66%;left:32%;width:36%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.cinema-title{margin:0;position:absolute;inset:0;pointer-events:none;font-size:clamp(50px,5.5vw,94px);letter-spacing:-1px;line-height:.92}.cinema-title>span{position:absolute;top:33%;width:28%}.cinema-title>span:first-child{left:2.5%;text-align:right}.cinema-title>span:last-child{right:2.5%;text-align:left}.cinema-title em{font-weight:400}.cinema-bottom{position:absolute;left:3%;right:3%;bottom:14%;display:flex;justify-content:space-between;align-items:center;gap:20px}.cinema-bottom p{font-size:12px;margin:0;color:var(--soft)}.explore{display:flex;align-items:center;gap:16px;font-size:12px}.circle-arrow{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:22px;transition:.4s}.explore:hover .circle-arrow{background:var(--ink);color:var(--paper);transform:rotate(45deg)}.handwritten{font:27px Caveat,cursive;transform:rotate(-8deg)}.destination-rail{position:absolute;bottom:0;left:3%;right:3%;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.destination-rail a{padding:22px 14px;font-size:11px;display:flex;align-items:center;gap:12px;border-inline-end:1px solid var(--line)}.destination-rail a:first-child{padding-inline-start:0}.destination-rail a:last-child{border:0}.destination-rail small{opacity:.55}.destination-rail a>span{margin-inline-start:auto}.destination-rail a:hover{color:white}.cinema-grain{position:absolute;pointer-events:none;inset:-45px;mix-blend-mode:overlay;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23g)'/%3E%3C/svg%3E");animation:grain .8s steps(1) infinite}@keyframes grain{0%,100%{transform:translate(0,0)}12%{transform:translate(14px,-22px)}25%{transform:translate(-30px,12px)}37%{transform:translate(24px,32px)}50%{transform:translate(-10px,-28px)}62%{transform:translate(32px,8px)}75%{transform:translate(-24px,30px)}87%{transform:translate(8px,-12px)}}
.intro{padding-top:130px;padding-bottom:55px;align-items:center}.intro p,.card p,.story p,.values p,.detail-body p,.video-wrap small,footer>small,.back{color:var(--soft)}.eyebrow,.mini{font-weight:400;letter-spacing:2px}.intro h2{margin-bottom:0}.filters{padding-bottom:60px}.filters button{border-color:var(--line);border-radius:4px}.filters button.active{color:var(--paper)}.grid{gap:70px 7%;padding-bottom:130px}.card:nth-child(even){padding-top:120px}.card .photo{height:440px;border-radius:4px;background:#171717}.card:nth-child(even) .photo{height:370px}.card .tag{background:#0c0c0ccf;color:var(--ink);backdrop-filter:blur(12px);border:1px solid var(--line)}.card .number{background:none;width:auto;height:auto;font:36px Instrument}.card h3{font-size:38px}.card img{transition:transform 1s cubic-bezier(.2,0,0,1)}.card:hover img{transform:scale(1.055)}.card-facts{display:flex;flex-wrap:wrap;gap:18px;font-size:11px;margin-top:20px;padding-top:16px;border-top:1px solid var(--line);color:var(--soft)}.story{background:#000;min-height:720px}.story img{height:720px}.story>div{padding:12%}.story h2{font-size:clamp(45px,5vw,74px)}.story .pill{margin-top:16px}.values{padding-block:100px;gap:7%}.values span{font:italic 40px Instrument}.values h3{font-size:31px}.contact{background:var(--paper);padding-block:110px;border-bottom:1px solid var(--line)}.contact h2{font-size:clamp(48px,5vw,76px)}.contact p,.contact .eyebrow{color:var(--soft)}.contact form{padding-top:12px}.contact a.contactlink{color:var(--ink);font-size:17px}.form-grid{gap:24px}input,select{background:#171717;border:1px solid var(--line);color:var(--ink);border-radius:4px;color-scheme:dark}.form-actions button{background:var(--ink);color:var(--paper);border-radius:4px}.form-actions button+button{color:var(--ink);border-color:var(--line)}.detail-head{padding-top:65px;padding-bottom:55px}.detail-head h1{font-size:clamp(48px,7vw,105px)}.gallery img,.extra-photos img{border-radius:4px}.video-wrap{background:#171717;border:1px solid var(--line);border-radius:4px}.video-wrap video{background:#000}.amenities span{border-color:var(--line)}.extra-photos{padding-bottom:100px}.close{color:var(--ink)}footer{padding-block:70px 30px}footer .brand span{font-size:36px}.reveal-pending{opacity:0;transform:translateY(35px);transition:opacity .9s,transform .9s cubic-bezier(.2,0,0,1)}.reveal-pending.is-visible{opacity:1;transform:none}[dir=rtl] .cinema-title{font-size:clamp(36px,4vw,64px);line-height:1.4}[dir=rtl] .cinema-title>span:first-child{text-align:right}[dir=rtl] .cinema-title>span:last-child{text-align:left}[dir=rtl] .handwritten{font-family:Tahoma,Arial;font-size:17px}[dir=rtl] h2{font-size:clamp(36px,4vw,58px)}[dir=rtl] .card h3{font-size:30px}
@media(min-width:1600px){.lens{left:33%;width:34%}.lens-caption{left:33%;width:34%}}
@media(max-width:900px){nav{gap:16px}.cinema-title{font-size:54px}.cinema-bottom .handwritten{display:none}.destination-rail a{font-size:9px;padding-inline:8px}.grid{gap:45px 5%}.card .photo{height:330px}.card:nth-child(even) .photo{height:300px}.card h3{font-size:30px}}
@media(max-width:640px){header{height:78px;padding-inline:5%}nav .pill{font-size:10px;padding:10px}nav{gap:12px}.cinema{height:calc(100svh - 78px);min-height:750px;max-height:950px}.cinema-top{top:20px;left:6%;right:6%;font-size:7px;letter-spacing:1.1px}.cinema-title{font-size:55px;line-height:.95}.cinema-title>span{width:90%;left:5%!important;right:5%!important;text-align:center!important}.cinema-title>span:first-child{top:10%}.cinema-title>span:last-child{top:57%}.cinema-title br{display:none}.lens{top:25%;left:9%;width:82%;height:27%}.lens-caption{top:53.5%;left:9%;width:82%;font-size:7px}.cinema-bottom{bottom:20%;left:8%;right:8%;align-items:start}.cinema-bottom p{max-width:46%;font-size:9px}.explore{font-size:11px;gap:9px}.circle-arrow{width:32px;height:32px;font-size:16px}.destination-rail{left:6%;right:6%;grid-template-columns:repeat(3,1fr);bottom:18px}.destination-rail a{border:0;padding:12px 5px!important;font-size:9px}.destination-rail a span{display:none}.destination-rail small{font-size:8px}.intro{padding-top:65px;padding-bottom:30px}.intro h2{font-size:49px}.intro p{font-size:14px;margin-top:25px}.filters{padding-bottom:32px}.grid{gap:45px;padding-bottom:65px}.card:nth-child(even){padding-top:0}.card .photo,.card:nth-child(even) .photo{height:340px}.card h3{font-size:34px}.story img{height:420px}.story{min-height:0}.story>div{padding:45px 6%}.values{padding-block:50px;gap:30px}.contact{padding-block:65px}.contact h2{font-size:49px}.detail-head{padding-top:30px}.gallery{height:320px}.handwritten{font-size:23px}footer{padding-bottom:35px}[dir=rtl] .cinema-title{font-size:38px;line-height:1.4}[dir=rtl] .cinema-title>span:first-child{top:12%}[dir=rtl] .cinema-title>span:last-child{top:57%}[dir=rtl] .intro h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.arrival-veil{display:none}.reveal-pending{opacity:1;transform:none}}

@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(assets/fonts/Cairo-400.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(assets/fonts/Cairo-500.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(assets/fonts/Cairo-600.ttf) format('truetype');
}
@font-face {
  font-family: 'Cairo';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(assets/fonts/Cairo-700.ttf) format('truetype');
}

html[lang=ar] body,html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] button,html[lang=ar] input,html[lang=ar] select,html[lang=ar] .handwritten{font-family:Cairo,Arial,sans-serif}html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3{font-weight:500}html[lang=ar] h1 em{font-style:normal}html[lang=ar] .eyebrow,html[lang=ar] .cinema-top,html[lang=ar] .lens-caption{letter-spacing:0}
@media(min-width:641px){[dir=rtl] .cinema-title>span:first-child{left:auto;right:2.5%;text-align:left}[dir=rtl] .cinema-title>span:last-child{right:auto;left:2.5%;text-align:right}}
.availability{border:1px solid var(--line);padding:20px;margin-bottom:26px;border-radius:4px}.availability-title{display:flex;flex-direction:column;gap:7px}.availability-state,.availability-note,.calendar-legend{font-size:12px!important;line-height:1.7}.availability-note{margin-bottom:0}.calendar-heading{display:flex;justify-content:space-between;align-items:center;margin:20px 0 10px;font-size:14px}.availability button{color:var(--ink);border:1px solid var(--line);background:transparent;border-radius:4px;min-height:36px;padding:5px 10px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;direction:ltr}.calendar-grid small{font-size:10px}.calendar-grid button{padding:4px;min-width:0}.calendar-grid button:disabled{opacity:.4;cursor:default}.calendar-grid .unavailable-day{text-decoration:line-through;text-decoration-thickness:2px}.calendar-grid button.selected-day{background:var(--ink);color:var(--paper)}.calendar-heading button:disabled{opacity:.25;cursor:default}.calendar-grid button:not(:disabled):hover{border-color:var(--ink)}
