@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700&display=swap');
:root{--ink:#183d3d;--gold:#a47c45;--cream:#f8f6f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Noto Sans Arabic",Tahoma,sans-serif}header{padding:24px 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #183d3d22}a{color:inherit;text-decoration:none}.brand{font-family:Georgia,serif;font-size:30px;letter-spacing:4px;direction:ltr}.brand span{display:block;font-size:9px;letter-spacing:2px;margin-top:5px}button{background:transparent;border:1px solid #183d3d55;border-radius:50%;width:44px;height:44px;color:var(--ink);cursor:pointer}.group-intro{text-align:center;max-width:960px;margin:auto;padding:65px 24px 50px}.eyebrow{font-size:12px;letter-spacing:3px;color:var(--gold)}h1{font-size:clamp(30px,4.5vw,58px);font-weight:500;line-height:1.65;margin:20px 0}p{line-height:2}.group-intro>p:not(.eyebrow){color:#63716c}.explore{display:inline-block;border-bottom:1px solid var(--gold);padding:8px 0;margin-top:12px}.hotels{display:grid;grid-template-columns:1fr 1fr;gap:26px;max-width:1280px;margin:0 auto;padding:0 6% 72px}.hotel{position:relative;min-height:440px;overflow:hidden;border-radius:3px;background:#163a40;color:white}.hotel img,.coastal-art{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;transition:transform .5s}.hotel img{object-position:center}.hotel:hover img,.hotel:hover .coastal-art{transform:scale(1.035)}.hotel:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071d29e8,transparent 80%)}.hotel-copy{position:absolute;bottom:32px;inset-inline:30px;z-index:1}.hotel .eyebrow{color:#ecd1a0}.hotel h2{font-size:clamp(25px,3vw,37px);font-weight:500;margin:6px 0 15px}.visit{display:block;font-size:14px;border-top:1px solid #ffffff55;padding-top:15px}.coastal-art{background:radial-gradient(ellipse at 10% 15%,#c9ac7966,transparent 55%),repeating-radial-gradient(ellipse at 100% 110%,#9dc4bd22 0px,#9dc4bd22 1px,transparent 2px,transparent 32px),linear-gradient(150deg,#447b7d,#10363d);display:flex;align-items:center;justify-content:center;flex-direction:column;padding-bottom:85px}.coastal-art span{font:64px Georgia,serif;letter-spacing:10px;color:#eadfc9}.coastal-art i{font:11px Arial,sans-serif;letter-spacing:5px;color:#d6d7c9;margin-top:18px}footer{border-top:1px solid #183d3d22;padding:26px 6%;display:flex;gap:20px;justify-content:space-between;font-size:12px;color:#63716c}.khobar-page{max-width:900px;margin:auto;padding:90px 7%;min-height:70vh}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:650px){.hotels{grid-template-columns:1fr}.hotel{min-height:380px}.group-intro{padding-top:40px}footer{flex-direction:column}.brand{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hotel img,.coastal-art{transition:none}}
.group-brand{display:flex;align-items:center;gap:16px;direction:ltr}.novo-mark{font:30px Georgia,serif;letter-spacing:4px}.novo-mark>span{display:block;font:9px Arial,sans-serif;text-align:center;margin-top:5px;letter-spacing:3px}.brand-divider{width:1px;height:44px;background:#a47c4555}.holiday-mark{width:110px;height:64px;overflow:hidden;display:block;background:white;border-radius:3px}.holiday-mark img{width:110px;height:72px;object-fit:cover;object-position:50% 30%}.holiday-art{position:absolute;inset:0;display:flex;justify-content:center;align-items:flex-start;background:linear-gradient(140deg,#fcfaf4,#e1d4b1);padding:25px}.holiday-art img{position:static;width:190px;height:210px;object-fit:cover;mix-blend-mode:multiply}.page-actions{display:flex;align-items:center;gap:24px;font-size:13px}.property-hero{height:72vh;min-height:460px;max-height:850px;position:relative;background:#173b3e;color:white}.property-hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.property-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071d29e8,#071d2915 90%)}.property-title{position:absolute;bottom:40px;inset-inline:7%;z-index:1}.property-title h1{margin:6px 0;font-size:clamp(32px,5vw,58px)}.property-title .eyebrow{color:#edd6ae}.property-spaces,.property-gallery{max-width:1400px;margin:auto;padding:65px 6%}h2{font-weight:500;font-size:clamp(25px,3vw,38px)}h3{font-weight:500}.spaces-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.spaces-grid img{width:100%;height:250px;object-fit:cover}.gallery-heading{display:flex;justify-content:space-between;align-items:center;gap:25px}.gallery-heading p{color:#63716c}.property-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-photo{display:block;position:relative;width:100%;height:340px;padding:0;border:0;border-radius:3px;overflow:hidden;background:#e5e3da}.gallery-photo img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.gallery-photo:hover img{transform:scale(1.04)}.gallery-photo span{position:absolute;bottom:12px;inset-inline-end:12px;border-radius:50%;padding:4px 10px;background:#ffffffdd;font-size:22px}.property-contact{text-align:center;padding:50px 6% 75px;background:#eeece4}.olaya-logo{width:170px;height:150px;object-fit:cover;mix-blend-mode:multiply}#property-lightbox{padding:36px 12px 12px;border:0;background:#102829;color:white;max-width:96vw;max-height:96vh;border-radius:5px}#property-lightbox::backdrop{background:#000d}#property-lightbox>img{display:block;max-width:88vw;max-height:75vh;object-fit:contain;margin:auto}.lightbox-close{position:absolute;top:0;inset-inline-end:4px;color:white;border:0;font-size:28px;width:35px;height:35px}.lightbox-controls{display:flex;justify-content:center;align-items:center;gap:25px;padding:12px}.lightbox-controls button{color:white;border-color:#ffffff55}.lightbox-controls output{direction:ltr}@media(max-width:850px){.spaces-grid{grid-template-columns:repeat(2,1fr)}.property-photos{grid-template-columns:repeat(2,1fr)}.gallery-photo{height:290px}}@media(max-width:550px){.group-brand{gap:9px}.holiday-mark,.holiday-mark img{width:85px}.novo-mark{font-size:24px}.page-actions{gap:12px}.page-actions>a{font-size:11px}.property-hero{min-height:440px;height:65vh}.spaces-grid{gap:12px}.spaces-grid img{height:200px}.property-photos{gap:10px}.gallery-photo{height:230px}.gallery-heading{display:block}.property-title{bottom:30px}.property-spaces,.property-gallery{padding-top:38px;padding-bottom:38px}.property-title h1{font-size:32px}}@media(prefers-reduced-motion:reduce){.gallery-photo img{transition:none}}