:root{--ink:#17291f;--cream:#f3efe6;--gold:#b49b70;--muted:#717569;--line:#d9d4c7;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-snap-type:y proximity;scroll-padding-top:74px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #c3984e;outline-offset:5px}img{display:block;width:100%;object-fit:cover}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04;letter-spacing:-.045em}h2{font-size:clamp(42px,5.5vw,84px);margin-bottom:28px}em{font-weight:400;color:inherit}h3{font-size:32px}.header{height:86px;position:absolute;z-index:10;left:0;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 5%;color:var(--cream);border-bottom:1px solid #ffffff30}.wordmark{font-family:Georgia,serif;font-size:27px;letter-spacing:.17em;line-height:1.2}.wordmark span{display:block;font:9px Arial,sans-serif;letter-spacing:.27em;margin-top:5px}.header nav{display:flex;gap:34px;font-size:12px}.header nav a{position:relative}.header nav a:after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:1px;background:var(--gold);transition:width .3s}.header nav a:hover:after{width:100%}.header-contact{border:1px solid #ffffff55;border-radius:30px;padding:10px 22px;font-size:12px}.header-contact span{margin-left:24px}.scene{min-height:100svh;scroll-snap-align:start;position:relative}.hero{background:#332f20;color:var(--cream);height:100svh;min-height:680px;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;height:100%;width:100%}.hero-image{animation:hero-drift 16s ease-out both;object-position:50% 55%}.hero-shade{background:linear-gradient(180deg,#0d1c2070 0%,#0e191223 35%,#0c190faf 100%)}.hero-top{position:absolute;top:130px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em}.hero-content{position:absolute;left:8%;right:8%;bottom:120px}.eyebrow{font-size:10px;font-weight:500;letter-spacing:.2em;margin-bottom:28px}.hero h1{font-size:clamp(55px,7.7vw,118px);max-width:1100px;margin:0 0 42px;animation:rise 1.3s var(--ease) both;animation-delay:.15s;text-shadow:0 2px 25px #0002}.hero .eyebrow{animation:rise 1s var(--ease) both}.hero-bottom{display:flex;justify-content:space-between;align-items:center}.hero-bottom p{font-size:13px;line-height:1.7;margin:0}.circle-link{display:flex;align-items:center;gap:25px;font-size:12px}.circle-link b{display:grid;place-items:center;border:1px solid #ffffff70;width:58px;height:58px;border-radius:50%;font-size:22px;font-weight:400;transition:background .3s,transform .3s}.circle-link:hover b{background:#ffffff20;transform:translateY(4px)}.hero-foot{position:absolute;bottom:26px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em}.hero-foot i{padding:0 15px;color:var(--gold)}.profile{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:110px 9%;align-items:center}.profile-visual{height:clamp(480px,70vh,800px);position:relative;background:#4b4844;overflow:hidden}.profile-visual img{height:100%;object-position:50% 24%;transition:transform 1.5s var(--ease)}.profile-visual:hover img{transform:scale(1.025)}.photo-caption{position:absolute;bottom:23px;left:24px;color:#fff;font-size:9px;letter-spacing:.2em}.profile-copy h2{font-size:clamp(42px,4.8vw,72px)}.small-rule{width:55px;height:1px;background:var(--gold);margin:36px 0}.profile-copy h3{margin-bottom:12px}.role{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.body-copy{max-width:420px;font-size:14px;line-height:1.9;color:#586052;margin:26px 0 32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 22px;border:1px solid transparent;font-size:12px;line-height:1.5;transition:background .3s,transform .3s}.button:hover{transform:translateY(-3px)}.dark{background:var(--ink);color:var(--cream)}.dark:hover{background:#2e4736}.cream{background:var(--cream);color:var(--ink)}.text-link{display:block;max-width:310px;margin-top:24px;font-size:11px}.text-link span{float:right}.brands{background:#e8e5da;padding:100px 7% 80px}.section-heading{text-align:center;margin-bottom:45px}.section-heading h2{margin-bottom:20px}.section-heading>p:last-child{font-size:13px;color:#66705f}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1400px;margin:auto}.brand-card{height:57vh;min-height:400px;position:relative;overflow:hidden;border:0;padding:0;text-align:left;color:var(--cream);background:var(--ink)}.brand-card>img{height:100%;transition:transform 1s var(--ease)}.brand-card:hover>img{transform:scale(1.06)}.brand-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0001,#061c0aa0)}.brand-content{position:absolute;z-index:1;inset:32px;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end}.brand-content img{width:140px;max-height:55px;object-fit:contain;object-position:left center;margin-bottom:auto}.brand-content h3{font-size:clamp(26px,3vw,44px);max-width:380px;margin-bottom:14px}.brand-content p{font-size:12px;max-width:320px;margin-bottom:24px}.brand-cta{width:100%;border-top:1px solid #ffffff50;padding-top:18px;font-size:11px;display:flex;justify-content:space-between}.rooms{padding:110px 7% 70px}.rooms-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.rooms-heading h2{margin-bottom:0}.rooms-intro{max-width:360px}.rooms-intro>p{color:#65705f;font-size:12px;margin-bottom:25px}.filters{display:flex;gap:7px}.filters button{padding:10px 19px;border:1px solid #c9cdbf;color:var(--ink);background:transparent;font-size:10px;letter-spacing:.1em;border-radius:24px;transition:background .25s}.filters button.active{background:var(--ink);color:var(--cream);border-color:var(--ink)}.room-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px 25px}.room-card{border:0;border-bottom:1px solid var(--line);background:none;padding:0 0 20px;text-align:left;color:var(--ink);animation:rise .6s var(--ease) both}.room-photo{aspect-ratio:1.35;position:relative;overflow:hidden;background:#d5d2c7;margin-bottom:20px}.room-photo img{height:100%;object-position:center 58%;transition:transform .85s var(--ease)}.room-card:hover .room-photo img{transform:scale(1.06)}.room-brand{position:absolute;left:15px;top:14px;font-size:9px;letter-spacing:.16em;color:white;background:#14271cd9;padding:4px 9px}.room-open{position:absolute;right:14px;bottom:14px;border:1px solid #ffffff80;background:#10231740;color:#fff;width:37px;height:37px;display:grid;place-items:center;border-radius:50%;font-size:18px}.room-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.room-title h3{font-size:27px;letter-spacing:-.035em;margin:0}.capacity{font-size:10px;color:var(--muted);white-space:nowrap}.room-price{margin-top:17px;display:flex;justify-content:space-between;align-items:baseline;gap:8px}.room-price span{font-size:10px;color:#6a7264}.room-price strong{font-size:16px;font-weight:400}.terms{font-size:10px;line-height:1.8;color:#788070;max-width:800px;margin:30px 0 0}.contact{background:var(--ink);color:var(--cream);display:flex;flex-direction:column;justify-content:center;min-height:85svh;padding:110px 7% 130px}.contact-text{text-align:center}.contact h2{font-size:clamp(40px,5.6vw,82px);line-height:1.13}.contact-text>p:not(.eyebrow){font-size:13px;color:#b7c0b0;line-height:1.9}.contact .button{margin-top:20px}.contact-number{letter-spacing:.14em;font-size:11px!important;margin-top:18px}footer{position:absolute;bottom:0;left:7%;right:7%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff25;padding:25px 0}footer>span,footer>a:last-child{font-size:9px;letter-spacing:.1em}.scene-nav{position:fixed;right:22px;top:50%;transform:translateY(-50%);z-index:9;display:flex;flex-direction:column;gap:16px;mix-blend-mode:difference}.scene-nav a{display:block;width:6px;height:6px;background:#fff5;border-radius:100%;outline-offset:5px}.scene-nav a.current{background:white;box-shadow:0 0 0 4px #ffffff20}.reveal{opacity:0;transform:translateY(30px);transition:opacity .85s var(--ease),transform 1.1s var(--ease)}.reveal.visible{opacity:1;transform:none}.skip{position:fixed;top:-100px;z-index:30;background:white;padding:12px}.skip:focus{top:0}dialog{padding:0;border:0;max-width:1200px;width:92vw;max-height:90svh;overflow:auto;color:var(--ink);background:var(--cream);box-shadow:0 30px 100px #0005}dialog[open]{animation:open-dialog .55s var(--ease)}dialog::backdrop{background:#07160ddd;backdrop-filter:blur(8px)}.dialog-close{position:sticky;float:right;top:14px;right:14px;z-index:5;border:0;background:var(--cream);color:var(--ink);width:40px;height:40px;border-radius:50%;margin:14px 14px -54px 0;box-shadow:0 1px 15px #0002}.detail-layout{display:grid;grid-template-columns:1.1fr 1fr}.detail-gallery{min-width:0;background:#dedbd1}.detail-photo-wrap{height:67vh;position:relative;overflow:hidden}.detail-photo-wrap>img{height:100%;object-position:center}.gallery-arrow{position:absolute;top:50%;border:1px solid #fff6;border-radius:50%;width:38px;height:38px;color:white;background:#14271c70}.prev{left:15px}.next{right:15px}#photo-count{position:absolute;bottom:16px;left:20px;background:#14271c90;color:white;padding:3px 12px;font-size:10px;letter-spacing:.16em}.thumbnails{display:flex;gap:8px;padding:14px;overflow:auto}.thumbnails button{border:2px solid transparent;padding:0;background:none;flex:0 0 60px;height:65px;opacity:.65}.thumbnails button.active{border-color:var(--ink);opacity:1}.thumbnails img{height:100%}.detail-copy{padding:62px 40px 35px}.detail-copy h2{font-size:49px}.detail-copy>p:not(.eyebrow):not(.terms){font-size:12px;color:#66705f}.detail-facts{display:flex;gap:50px;border-top:1px solid var(--line);padding-top:20px;margin:25px 0}.detail-facts span{display:block;font-size:8px;letter-spacing:.15em;color:var(--muted)}.detail-facts strong{display:block;font-size:17px;font-weight:400;margin-top:5px}.detail-price{padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.detail-price>span{display:block;font-size:11px;color:var(--muted)}.detail-price strong{display:block;font-family:Georgia,serif;font-size:35px;font-weight:400;letter-spacing:-.03em}.detail-price small{display:block;font-size:9px;color:var(--muted)}#detail-facilities{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px;margin:25px 0}#detail-facilities li:before{content:'✓';margin-right:9px;color:#9c8459}.detail-copy .button{width:100%;margin-top:12px}.detail-copy .terms{font-size:9px}.draft-banner{position:fixed;bottom:12px;left:12px;z-index:20;background:#fff8d4;color:#4a421e;font-size:10px;padding:8px 12px;box-shadow:0 2px 10px #0002}.draft-banner button{border:0;background:none;text-decoration:underline;font-size:10px}.draft-banner[hidden]{display:none}#error-state{position:fixed;inset:0;z-index:99;background:var(--cream);padding:20vh 10%;text-align:center}@keyframes hero-drift{from{transform:scale(1.065)}to{transform:scale(1)}}@keyframes rise{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:none}}@keyframes open-dialog{from{opacity:0;transform:scale(.94) translateY(20px)}to{opacity:1;transform:none}}::view-transition-old(root),::view-transition-new(root){animation-duration:.5s}::view-transition-group(room-focus){animation-duration:.6s;animation-timing-function:var(--ease)}@media(min-width:1600px){.hero-content{left:10%}.room-grid{gap:45px 32px}}@media(max-width:900px){.header nav{gap:20px}.profile{gap:6%;padding:90px 7%}.profile-visual{height:560px}.room-grid{grid-template-columns:repeat(2,1fr)}.rooms-heading h2{font-size:58px}.detail-layout{grid-template-columns:1fr 1fr}.detail-copy{padding:60px 25px 30px}.detail-copy h2{font-size:38px}.brand-content{inset:25px}.brand-content h3{font-size:32px}}@media(max-width:600px){html{scroll-padding-top:0}.header{height:76px;padding:0 7%}.wordmark{font-size:22px}.header nav{display:none}.header-contact{font-size:10px;padding:9px 15px}.header-contact span{margin-left:13px}.hero{min-height:640px}.hero-top{top:110px;left:7%;right:7%;font-size:8px;letter-spacing:.12em}.hero-content{left:7%;right:7%;bottom:125px}.hero .eyebrow{font-size:9px;letter-spacing:.14em}.hero h1{font-size:clamp(47px,12vw,70px);line-height:1.08;margin-bottom:30px}.hero-bottom{align-items:flex-end}.hero-bottom p{font-size:11px}.circle-link{font-size:10px;gap:12px}.circle-link b{width:44px;height:44px;font-size:18px}.hero-foot{left:7%;right:7%;font-size:7px;letter-spacing:.1em}.hero-foot span:last-child{display:none}.scene-nav{right:9px;gap:14px}.scene-nav a{width:4px;height:4px}.profile{grid-template-columns:1fr;padding:70px 8%;gap:36px}.profile-visual{height:58svh;min-height:360px;max-height:540px}.profile-copy h2{font-size:45px}.profile-copy .eyebrow{margin-bottom:20px}.small-rule{margin:25px 0}.profile-copy h3{font-size:30px}.body-copy{font-size:13px;margin:22px 0 25px}.brands{padding:75px 7% 60px}.section-heading{text-align:left;margin-bottom:30px}.section-heading h2{font-size:44px}.section-heading>p:last-child{font-size:12px}.brand-grid{grid-template-columns:1fr;gap:18px}.brand-card{height:60svh;min-height:380px;max-height:570px}.brand-content{inset:26px}.brand-content h3{font-size:37px}.brand-content img{width:125px}.rooms{padding:75px 7% 55px}.rooms-heading{display:block;margin-bottom:30px}.rooms-heading h2{font-size:48px}.rooms-intro{margin-top:25px}.rooms-intro p{font-size:11px}.room-grid{grid-template-columns:1fr;gap:30px}.room-photo{aspect-ratio:1.25}.room-title h3{font-size:29px}.capacity{font-size:11px}.room-price strong{font-size:17px}.contact{padding:85px 8% 155px;min-height:90svh}.contact h2{font-size:43px}.contact h2 br{display:none}.contact-text>p:not(.eyebrow){font-size:12px}.contact-text>p br{display:none}.contact .button{font-size:11px;gap:25px}footer{left:8%;right:8%;flex-wrap:wrap;gap:18px}footer>span{display:none}footer>a:last-child{font-size:8px}dialog{width:100vw;max-width:100vw;max-height:100svh;height:100svh;margin:0}.detail-layout{grid-template-columns:1fr}.detail-photo-wrap{height:53svh;min-height:320px}.detail-copy{padding:30px 7% 45px}.detail-copy h2{font-size:43px}.detail-copy .eyebrow{margin-bottom:18px}.dialog-close{top:15px;right:15px}.eyebrow{font-size:9px}.detail-copy .button{min-height:50px}.detail-price strong{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.hero-image{transform:none}::view-transition-group(*){animation:none!important}}

/* Zahra: official brand contact channels */
#profile-image{object-position:50% 40%}.official-contacts{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:900px;margin:40px auto 0;text-align:left}.official-panel{border:1px solid #ffffff35;padding:30px}.official-panel>img{width:145px;height:54px;object-fit:contain;object-position:left center;margin-bottom:24px}.official-panel>p{font-size:11px;color:#b7c0b0}.official-panel .button{display:flex;width:100%;margin:15px 0 0}.official-number{font-size:10px;letter-spacing:.12em;color:#b7c0b0;display:block;margin:8px 0 15px}.social-links{display:grid;gap:10px;font-size:11px}.social-links>a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-top:1px solid #ffffff30}.social-links>a span{font-size:10px;opacity:.75}.official-panel .social-links{margin-top:25px}.room-socials{margin-top:20px}.room-socials .social-links>a{border-color:var(--line)}.alternative-wa{font-size:11px;display:block;margin-bottom:18px;text-decoration:underline}.contact{padding-bottom:150px}.contact-text>p{max-width:650px;margin-left:auto;margin-right:auto}@media(max-width:600px){.official-contacts{grid-template-columns:1fr;gap:18px;margin-top:30px}.official-panel{padding:25px}.official-panel .button{margin-top:12px}.contact{padding-bottom:155px}#profile-image{object-position:50% 40%}}

/* Full official brand names */
.hero-subtitle{max-width:700px}.hero .eyebrow{max-width:820px;line-height:1.8}.room-brand{max-width:calc(100% - 30px);font-size:8px;letter-spacing:.08em;white-space:normal}.brand-cta{gap:14px}.alternative-wa{line-height:1.7}.hero-foot>span:first-child{max-width:70%}footer>span{max-width:45%;text-align:center}.filters{flex-wrap:wrap}.header nav{gap:22px}@media(max-width:600px){.hero-foot>span:first-child{max-width:100%;font-size:7px}.header nav{display:none}.room-brand{font-size:8px}.hero .eyebrow{font-size:8px;letter-spacing:.1em}.brand-cta{font-size:10px}}
