.center-page{background:#f9faf8;color:#204252}.center-hero{padding:clamp(5.5rem,11vw,9rem) 0 clamp(3rem,7vw,6rem);background:radial-gradient(circle at 80% 4%,#e5f4f5,transparent 46%),#f9faf8;text-align:center}.center-hero-inner{max-width:1100px}.center-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(3.3rem,8.6vw,8rem);font-weight:400;line-height:1.05;letter-spacing:-.055em;margin:1.5rem auto 1.7rem;max-width:1050px}.center-hero h1 em{color:#2a91b3;font-weight:400}.center-hero p{font-size:clamp(1.05rem,1.55vw,1.3rem);line-height:1.75;max-width:680px;margin:auto;color:#527181}.center-chapter{padding:clamp(3.5rem,7vw,7rem) 0}.center-chapter-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,7vw,8rem);align-items:center}.center-photo{overflow:hidden;border-radius:1.4rem;box-shadow:0 25px 70px #0d3b5015}.center-photo img{display:block;width:100%;height:clamp(340px,43vw,610px);object-fit:cover}.center-chapter-copy{max-width:620px}.center-chapter-num{color:#2a91b3;font-size:.72rem;letter-spacing:.22em;font-weight:800}.center-chapter h2,.center-gallery h2,.center-closing h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2.5rem,4.6vw,5rem);line-height:1.12;font-weight:400;letter-spacing:-.04em;margin:1rem 0 1.5rem}.center-chapter p{font-size:clamp(1rem,1.15vw,1.13rem);line-height:1.85;color:#496b7a}.center-chapter p+p{margin-top:1.2rem}.center-chapter-reverse{background:#edf6f6}.center-chapter-reverse .center-photo{order:2}.center-facts{background:#124558;color:#fff;padding:clamp(2.4rem,5vw,4rem) 0}.center-facts-grid{display:grid;grid-template-columns:repeat(3,1fr)}.center-facts-grid>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.5rem;padding:1rem}.center-facts-grid>div+div{border-inline-start:1px solid #ffffff33}.center-facts strong{font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,4vw,4rem);font-weight:400}.center-facts span{font-size:.92rem;color:#d5e8e9}.center-gallery{padding:clamp(4rem,8vw,7rem) 0}.center-gallery-heading{text-align:center;max-width:620px;margin:0 auto 2.6rem}.center-gallery-heading p{color:#527181;line-height:1.7}.center-gallery-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:1rem}.center-gallery-grid img{width:100%;height:clamp(240px,25vw,370px);object-fit:cover;border-radius:1rem}.center-closing{text-align:center;background:#dceff0;padding:clamp(4rem,8vw,7rem) 0}.center-closing p{max-width:660px;margin:0 auto 2rem;line-height:1.75;color:#496b7a}.center-closing-actions{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}[dir=rtl] .center-hero h1,[dir=rtl] .center-chapter h2,[dir=rtl] .center-gallery h2,[dir=rtl] .center-closing h2,[dir=rtl] .center-facts strong{font-family:'Rudaw',sans-serif;letter-spacing:0}[dir=rtl] .center-hero h1{font-size:clamp(2.8rem,6vw,5rem)}[dir=rtl] .center-chapter h2,[dir=rtl] .center-gallery h2,[dir=rtl] .center-closing h2{font-size:clamp(2rem,3.5vw,3.5rem)}
@media(max-width:800px){.center-chapter-grid{grid-template-columns:1fr;gap:2rem}.center-chapter-reverse .center-photo{order:0}.center-photo img{height:auto;max-height:520px}.center-gallery-grid{grid-template-columns:1fr 1fr}.center-gallery-grid img:first-child{grid-column:1/-1}.center-facts-grid{gap:.2rem}.center-facts-grid>div{padding:.5rem}.center-facts strong{font-size:clamp(1.5rem,5vw,2.5rem)}}
@media(max-width:550px){.center-hero{padding:6rem 0 3rem}.center-hero h1{font-size:clamp(2.8rem,11vw,4rem)}.center-facts-grid{grid-template-columns:1fr}.center-facts-grid>div+div{border-inline-start:0;border-top:1px solid #ffffff33}.center-gallery-grid{gap:.55rem}.center-gallery-grid img{height:180px;border-radius:.65rem}.center-gallery-grid img:first-child{height:240px}}

.center-room-group{margin-top:clamp(3rem,6vw,5rem)}.center-room-group h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(2rem,3vw,3.2rem);letter-spacing:-.035em;margin:0 0 .5rem}.center-room-group p{color:#527181;line-height:1.7;margin:0 0 1.5rem}.center-room-grid{display:grid;gap:1rem}.center-room-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.center-room-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}.center-room-grid img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:1rem;box-shadow:0 12px 35px #0d3b5010}[dir=rtl] .center-room-group h3{font-family:'Rudaw',sans-serif;letter-spacing:0;font-size:clamp(1.7rem,2.7vw,2.7rem)}@media(max-width:700px){.center-room-grid--three{grid-template-columns:repeat(2,minmax(0,1fr))}.center-room-grid--three img:first-child{grid-column:1/-1}}@media(max-width:550px){.center-room-grid--two,.center-room-grid--three{grid-template-columns:1fr}.center-room-grid--three img:first-child{grid-column:auto}.center-room-grid img{border-radius:.7rem}}

/* Room photography fills the viewport; text retains a small responsive inset. */
.center-hero-inner{max-width:none}
.center-chapter .container{padding-inline:0}
.center-chapter-grid{gap:0}
.center-photo{border-radius:0;box-shadow:none}
.center-photo img{height:clamp(400px,48vw,720px)}
.center-chapter-copy{max-width:none;padding:clamp(24px,4vw,72px)}
.center-gallery .container{padding-inline:0}
.center-gallery-heading{padding-inline:clamp(18px,3vw,56px)}
.center-gallery-grid,.center-room-grid{gap:0}
.center-gallery-grid img,.center-room-grid img{border-radius:0;box-shadow:none}
.center-room-group h3,.center-room-group p{padding-inline:clamp(18px,3vw,56px)}
@media(max-width:800px){.center-photo img{height:auto;max-height:none;aspect-ratio:3/2}.center-chapter-copy{padding:clamp(24px,4vw,48px)}}

/* Center story uses the site's blue palette and headline typography. */
.center-hero{padding:clamp(3.5rem,6vw,5.5rem) 0 clamp(2.5rem,4vw,4rem)}
.center-hero h1{font-family:Manrope,sans-serif;font-size:clamp(2.7rem,3.7vw,4.3rem);font-weight:600;line-height:1.12;letter-spacing:-.055em;max-width:none;margin:1.25rem auto 1.4rem}
.center-hero h1 em{color:#2a91b3;font-style:normal;font-weight:600}
.center-chapter h2,.center-gallery h2,.center-closing h2,.center-room-group h3,.center-facts strong{font-family:Manrope,sans-serif;letter-spacing:-.045em;font-weight:600}
.center-facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.center-chapter-num{color:#2a91b3}
@media(min-width:1200px){.center-hero h1{white-space:nowrap}}
@media(max-width:1199px){.center-hero h1{font-size:clamp(2.5rem,4.5vw,4rem);white-space:normal}}
@media(max-width:550px){.center-hero{padding:4.25rem 0 2.5rem}.center-hero h1{font-size:clamp(2rem,8vw,3rem);line-height:1.2}}
[dir=rtl] .center-hero h1,[dir=rtl] .center-chapter h2,[dir=rtl] .center-gallery h2,[dir=rtl] .center-closing h2,[dir=rtl] .center-room-group h3,[dir=rtl] .center-facts strong{font-family:Rudaw,Arial,sans-serif;letter-spacing:0}
[dir=rtl] .center-hero h1{font-size:clamp(2.5rem,3.45vw,4rem)}
@media(max-width:550px){[dir=rtl] .center-hero h1{font-size:clamp(2rem,7.5vw,3rem)}}

/* Hydra facial photographs: one generous room view, two close views. */
#hydra-room .center-room-grid--three{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);grid-template-rows:repeat(2,minmax(0,1fr));height:clamp(480px,44vw,700px)}
#hydra-room .center-room-grid--three img{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover}
#hydra-room .center-room-grid--three img:first-child{grid-column:1;grid-row:1 / 3;object-position:center}
#hydra-room .center-room-grid--three img:nth-child(2),#hydra-room .center-room-grid--three img:nth-child(3){grid-column:2}
@media(max-width:700px){#hydra-room .center-room-grid--three{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:260px 190px;height:auto}#hydra-room .center-room-grid--three img:first-child{grid-column:1 / -1;grid-row:1}#hydra-room .center-room-grid--three img:nth-child(2){grid-column:1;grid-row:2}#hydra-room .center-room-grid--three img:nth-child(3){grid-column:2;grid-row:2}}
@media(max-width:420px){#hydra-room .center-room-grid--three{grid-template-columns:1fr;grid-template-rows:repeat(3,220px)}#hydra-room .center-room-grid--three img:first-child,#hydra-room .center-room-grid--three img:nth-child(2),#hydra-room .center-room-grid--three img:nth-child(3){grid-column:1;grid-row:auto}}

/* The story image and copy share one compact, edge-to-edge row. */
.center-chapter{padding:0}
.center-chapter-grid{align-items:stretch;min-height:clamp(440px,34vw,610px)}
.center-photo{position:relative;min-height:0}
.center-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.center-chapter-copy{align-self:center;padding:clamp(28px,3.2vw,58px)}
.center-chapter h2{font-size:clamp(2.4rem,3.6vw,4.25rem)}
@media(max-width:800px){
  .center-chapter-grid{min-height:0;gap:0}
  .center-photo img{position:static;height:auto;max-height:none;aspect-ratio:3/2}
  .center-chapter-copy{padding:clamp(26px,5vw,48px)}
}

/* A soft blue photo grade and gentle movement tie the room views together. */
.center-room-photo{position:relative;min-width:0;overflow:hidden;background:#d9e9ed}
.center-room-photo::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,49,74,.02) 36%,rgba(8,48,70,.22) 100%),linear-gradient(115deg,rgba(76,192,220,.07),transparent 55%)}
.center-room-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.94) contrast(1.025);transition:transform .7s ease,filter .7s ease}
#epilyum-room .center-room-photo{aspect-ratio:3/2}
#hydra-room .center-room-grid--three>.center-room-photo:first-child{grid-column:1;grid-row:1 / 3}
#hydra-room .center-room-grid--three>.center-room-photo:nth-child(2),#hydra-room .center-room-grid--three>.center-room-photo:nth-child(3){grid-column:2}
@media(hover:hover){.center-room-photo:hover img{transform:scale(1.035);filter:saturate(1.04) contrast(1.035)}}
@media(max-width:700px){
  #hydra-room .center-room-grid--three>.center-room-photo:first-child{grid-column:1 / -1;grid-row:1}
  #hydra-room .center-room-grid--three>.center-room-photo:nth-child(2){grid-column:1;grid-row:2}
  #hydra-room .center-room-grid--three>.center-room-photo:nth-child(3){grid-column:2;grid-row:2}
}
@media(max-width:550px){#epilyum-room .center-room-photo{aspect-ratio:3/2}}
@media(max-width:420px){
  #hydra-room .center-room-grid--three>.center-room-photo:first-child,#hydra-room .center-room-grid--three>.center-room-photo:nth-child(2),#hydra-room .center-room-grid--three>.center-room-photo:nth-child(3){grid-column:1;grid-row:auto}
}
@media(prefers-reduced-motion:reduce){.center-room-photo img{transition:none}}
