/* SARMAD refinement: an editorial layer over the retained reference structure. */
:root{--s-rule:#a99eae66;--s-reed:#C7CCB3}
.grid-overlay{opacity:.045}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.s-eyebrow{font:500 11px/1.6 var(--font-sans);letter-spacing:.16em;text-transform:uppercase}
html[lang=ar] .s-eyebrow{letter-spacing:0;font-size:12px}

/* One quiet navigation surface in place of the source's separate glass tiles. */
@media(min-width:769px){
 .site-nav .nav-contain{padding-inline:32px}
 .site-nav .nav-layout .nav-ul{gap:0;width:max-content;max-width:100%;padding:3px;border:1px solid #f0eee92e;border-radius:3px;background:#302b354a;backdrop-filter:blur(18px)}
 .site-nav .nav-layout .nav-right{margin-left:auto}
 .site-nav .nav-layout li{overflow:visible}
 .nav-layout li>.liquid-glass__filter,.nav-layout li>.liquid-glass__overlay,.nav-layout li>.liquid-glass__specular{display:none}
 nav.site-nav .nav-layout .btn{min-width:0;padding-inline:20px;min-height:40px;height:40px;background:transparent;border-radius:1px}
 nav.site-nav .nav-layout .btn-text{font-size:12px}
 nav.site-nav .nav-layout .language-link{font-size:12px;min-width:74px}
 nav.site-nav .nav-layout .nav-right li:nth-child(2) .btn{background:var(--white);color:var(--text)}
 body[data-nav-theme=dark] .site-nav .nav-layout .nav-ul{border-color:var(--s-rule);background:#f0eee9e8}
 body[data-menu-open=true] .site-nav .nav-layout .nav-left{background:var(--white);border-color:transparent;backdrop-filter:none}
 body[data-menu-open=true] .site-nav .nav-layout .nav-left .btn-tab{background:transparent;color:var(--text)}
 body[data-menu-open=true] .site-nav .nav-layout .nav-left .btn-tab.is-current,
 body[data-menu-open=true] .site-nav .nav-layout .nav-left .btn-tab:hover,
 nav.site-nav .nav-layout .btn:hover{background:var(--dusk);color:var(--white)}
 .site-nav .nav-logo-link .wordmark{max-height:58px;width:108px}
}
@media(min-width:769px) and (max-width:1100px){
 .site-nav .nav-contain{padding-inline:18px}
 nav.site-nav .nav-layout .btn{padding-inline:10px}
 nav.site-nav .nav-layout .btn-text{font-size:11px}
 .site-nav .nav-logo-link .wordmark{width:92px}
 .nav-layout .nav-col:first-child{grid-column:1/span 5}
 .nav-layout .nav-col:nth-child(2){grid-column:6/span 2}
 .nav-layout .nav-col:nth-child(3){grid-column:8/span 5}
}

/* The opening keeps the photographic scale, with a more personal editorial voice. */
.s-personal-home .hero-banner_col.left-col{grid-column:1/span 6}
.s-personal-home .hero-banner_col.left-col .t-title-italic{font:400 clamp(38px,4.1vw,66px)/1.04 var(--font-display);font-style:normal;letter-spacing:-.035em;max-width:560px;text-wrap:balance;text-shadow:0 2px 35px #201b254d}
.s-personal-home .hero-banner_col.offset-10{align-self:end;padding-bottom:5px}
.s-personal-home .hero-banner_overlay{background:linear-gradient(180deg,#201b2560,transparent 35%,#201b2538 65%,#201b2555)}
.s-hero-caption{position:absolute;top:145px;inset-inline:60px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:var(--white)}
.s-hero-caption>span{font:400 11px/1.6 var(--font-sans);letter-spacing:.04em;padding-block:10px;border-block:1px solid #f0eee95c}
html[lang=ar] .s-personal-home .hero-banner_col.left-col .t-title-italic{font-size:clamp(30px,3.1vw,48px);line-height:1.55;letter-spacing:0;max-width:560px;text-align:start}
html[lang=ar] .s-hero-caption>span{letter-spacing:0}
.home-section .h3{font-weight:400;letter-spacing:-.025em}
.home-section .text-indent-4col{text-indent:0}

/* A chapter of the SARMAD story, linked to useful pages. */
.s-signature{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1.15fr;gap:10vw;background:var(--white);color:var(--text);padding:30px 8vw 130px}
.s-signature-heading{position:relative;align-self:start}
.s-signature-heading>.s-eyebrow{padding-top:24px;border-top:1px solid var(--s-rule)}
.s-signature h2{font:400 clamp(36px,4.1vw,64px)/1.06 var(--font-display);letter-spacing:-.035em;margin:35px 0 0}
.s-signature-symbol{width:48px;height:48px;margin-top:45px;color:var(--dusk);opacity:.65}
.s-signature-symbol svg{width:100%;height:100%}
.s-signature-facets>a{display:grid;grid-template-columns:28px 1fr 24px;gap:28px;align-items:start;padding:25px 0 30px;border-top:1px solid var(--s-rule);color:inherit}
.s-facet-no{font:400 11px/1.6 var(--font-sans);font-variant-numeric:tabular-nums;padding-top:8px;color:var(--dusk)}
.s-signature h3{font:400 32px/1.2 var(--font-display);letter-spacing:-.025em;margin-bottom:9px}
.s-signature-facets p{font:400 13px/1.8 var(--font-sans);max-width:38ch}
.s-facet-arrow{font-size:20px;line-height:1.7;transition:transform .3s}
.s-signature-facets>a:hover .s-facet-arrow{transform:translate(3px,-3px)}
.s-signature-facets>a:hover h3{color:var(--dusk)}
html[lang=ar] .s-signature h2{font-size:40px;line-height:1.65;letter-spacing:0}
html[lang=ar] .s-signature h3{font-size:25px;line-height:1.65;letter-spacing:0}
html[lang=ar] .s-signature-facets p{line-height:1.95}

/* A restrained folio detail for rooms and editorial features. */
.s-room-folio{position:absolute;z-index:3;top:25px;inset-inline-start:30px;font:400 10px/1.5 var(--font-sans);letter-spacing:.13em;color:var(--white);background:#302b356b;padding:7px 10px;border:1px solid #f0eee940}
.s-inner-hero .hero-banner_title-basic{font-weight:400;letter-spacing:-.04em}
.s-intro .h3{font-weight:400}
.s-gallery-controls button,.s-time-buttons button,.s-submit,.s-summary button{transition:background .25s,color .25s,border-color .25s,transform .2s}
.s-gallery-controls button:hover,.s-summary button:hover{background:var(--dusk);color:var(--white)}
.s-submit:hover{background:var(--dusk)}
button:active:not([data-menu-index]){transform:translateY(1px)}

/* Offset invitation and a small bilingual signature before the large wordmark. */
.s-invitation .basic-banner_content{text-align:start;padding-block:80px}
.s-invitation .basic-banner_inner{align-items:start;max-width:1100px;margin:auto}
.s-invitation .basic-banner_overlay{background:linear-gradient(90deg,#201b257d,#201b2540 65%,#201b2526)}
.s-invitation .h3{font-weight:400;font-size:clamp(50px,7vw,108px);line-height:1.02;letter-spacing:-.04em;margin:35px 0 40px;max-width:none}
.s-invitation .btn-standard{border:1px solid #f0eee980;min-width:220px;justify-content:space-between}
.s-invitation-note{font:400 12px/1.7 var(--font-sans);margin-top:24px;max-width:38ch}
.s-footer-signature{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--s-rule);padding:28px 3em 65px}
.s-footer-signature>span:first-child{font:400 34px/1.4 var(--font-display);letter-spacing:-.025em}
.s-footer-signature>span:last-child{font:400 11px/1.8 var(--font-sans);letter-spacing:.05em}
html[lang=ar] .s-invitation .h3{font-size:clamp(38px,5vw,75px);line-height:1.6;letter-spacing:0}
html[lang=ar] .s-invitation .basic-banner_overlay{background:linear-gradient(-90deg,#201b257d,#201b2540 65%,#201b2526)}
html[lang=ar] .s-footer-signature>span:first-child{font-size:26px;line-height:1.8;letter-spacing:0}
html[lang=ar] .s-footer-signature>span:last-child{letter-spacing:0}
@media(max-width:768px){
 .s-hero-caption{top:112px;inset-inline:26px;align-items:start;gap:15px}
 .s-hero-caption .s-eyebrow{font-size:9px;letter-spacing:.09em;max-width:120px}
 .s-hero-caption>span{font-size:9px;max-width:126px;padding-block:6px;text-align:end}
 html[lang=ar] .s-hero-caption .s-eyebrow{font-size:10px;letter-spacing:0}
 .s-personal-home .hero-banner_col.left-col .t-title-italic{font-size:40px;line-height:1.08;max-width:340px;letter-spacing:-.035em}
 html[lang=ar] .s-personal-home .hero-banner_col.left-col .t-title-italic{font-size:28px;line-height:1.65;text-align:center;max-width:300px}
 .s-personal-home .hero-banner_col.offset-10{align-self:center}
 .s-personal-home .hero-banner_layout{gap:30px!important;padding-bottom:0}
 .s-signature{grid-template-columns:1fr;gap:45px;padding:0 26px 70px}
 .s-signature h2{font-size:43px;margin-top:25px}
 .s-signature-symbol{position:absolute;bottom:4px;inset-inline-end:5px;margin:0;width:38px;height:38px}
 .s-signature-facets>a{gap:17px;grid-template-columns:22px 1fr 20px;padding:24px 0}
 .s-signature h3{font-size:30px}
 .s-signature-facets p{font-size:13px}
 html[lang=ar] .s-signature h2{font-size:30px;line-height:1.65}
 html[lang=ar] .s-signature h3{font-size:22px}
 .s-room-folio{top:18px;inset-inline-start:20px;font-size:9px}
 .s-invitation .basic-banner_inner{padding-inline:20px}
 .s-invitation .h3{font-size:58px;line-height:1.03;margin:25px 0 35px}
 .s-invitation .s-eyebrow{font-size:9px}
 .s-invitation .btn-standard{min-width:210px}
 html[lang=ar] .s-invitation .h3{font-size:40px;line-height:1.6}
 .s-footer-signature{padding:22px 12px 35px;align-items:start;flex-direction:column;gap:8px}
 .s-footer-signature>span:first-child{font-size:32px}
 .s-footer-signature>span:last-child{font-size:10px}
}
@media(max-width:360px){.s-personal-home .hero-banner_col.left-col .t-title-italic{font-size:34px}html[lang=ar] .s-personal-home .hero-banner_col.left-col .t-title-italic{font-size:25px}.s-signature h2{font-size:37px}.s-invitation .h3{font-size:49px}html[lang=ar] .s-invitation .h3{font-size:34px}}
@media(prefers-reduced-motion:reduce){.s-facet-arrow,button,a{transition:none!important}}
@media(min-width:769px){.s-personal-home .hero-banner_col.left-col{padding-inline:48px 0}body[data-nav-theme=dark] .site-nav .nav-layout .btn{background:transparent}}
/* Theme contrast changes immediately; movement and hover surfaces stay soft. */
.site-nav{transition:transform .35s}
.site-nav .nav-layout .btn,.site-nav .nav-layout .btn-text{transition:background-color .25s,transform .3s,opacity .25s}
/* New visual chapter: image and caption remain a single useful destination. */
.s-photo-journal{position:relative;z-index:3;background:var(--white);color:var(--text);padding:100px 4.2vw 115px}
.s-photo-journal>header{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:40px;align-items:start;margin-bottom:55px}
.s-photo-journal h2{font:400 clamp(40px,4.7vw,72px)/1.05 var(--font-display);letter-spacing:-.035em}
.s-photo-journal>header>p:last-child{font:400 13px/1.8 var(--font-sans);max-width:30ch;justify-self:end}
.s-photo-journal-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:38px 55px;align-items:start}
.s-photo-journal-item{display:block;min-width:0;color:inherit}
.s-photo-journal-item:first-child{grid-row:span 2}
.s-photo-journal-item figure{margin:0}
.s-photo-journal-item img{width:100%;height:290px;object-fit:cover;transition:filter .4s}
.s-photo-journal-item:first-child img{height:735px;object-position:70% center}
.s-photo-journal-item:hover img{filter:brightness(.94)}
.s-photo-journal-item figcaption{padding:20px 0 0}
.s-photo-journal-index{display:block;font:400 10px/1.7 var(--font-sans);letter-spacing:.08em;margin-bottom:10px}
.s-photo-journal-caption{display:flex;align-items:start;justify-content:space-between;gap:20px;font:400 29px/1.2 var(--font-display);letter-spacing:-.02em}
.s-photo-journal-caption>span{font:400 20px/1.5 var(--font-sans)}
html[lang=ar] .s-photo-journal h2{font-size:44px;line-height:1.65;letter-spacing:0}
html[lang=ar] .s-photo-journal-index{letter-spacing:0;font-size:11px}
html[lang=ar] .s-photo-journal-caption{font-size:22px;line-height:1.7;letter-spacing:0}
@media(min-width:1600px){.s-photo-journal-item img{height:20vw}.s-photo-journal-item:first-child img{height:49vw;max-height:1000px}}
@media(max-width:1100px) and (min-width:769px){.s-photo-journal>header{grid-template-columns:1fr 2fr}.s-photo-journal>header>p:last-child{grid-column:2;justify-self:start}.s-photo-journal-grid{gap:32px}.s-photo-journal-item img{height:250px}.s-photo-journal-item:first-child img{height:670px}}
@media(max-width:768px){.s-photo-journal{padding:65px 25px 75px}.s-photo-journal>header{display:block;margin-bottom:35px}.s-photo-journal h2{font-size:46px;margin:20px 0}.s-photo-journal>header>p:last-child{max-width:34ch}.s-photo-journal-grid{grid-template-columns:1fr;gap:40px}.s-photo-journal-item:first-child{grid-row:auto}.s-photo-journal-item img{height:300px}.s-photo-journal-item:first-child img{height:440px}.s-photo-journal-caption{font-size:28px}.s-photo-journal-index{font-size:10px}html[lang=ar] .s-photo-journal h2{font-size:32px}html[lang=ar] .s-photo-journal-caption{font-size:23px}.s-gallery-thumbs{overflow-x:auto;scrollbar-width:thin}.s-gallery-thumbs button{flex-shrink:0}}
@media(max-width:360px){.s-photo-journal h2{font-size:40px}.s-photo-journal-item:first-child img{height:370px}.s-photo-journal-item img{height:260px}.s-photo-journal-caption{font-size:26px}}
@media(prefers-reduced-motion:reduce){.s-photo-journal-item img{transition:none}}