/* THE EAGLE / THE STUDIO — reference-inspired single-property editorial page.
   Content and photographs are THE EAGLE's own. All styling scoped to #stay. */
.page-view.studio-ref-page {
 --sr-page:#f6f5ef;
 --sr-panel:#fff;
 --sr-accent:#ac8e2f;
 --sr-ink:#33342f;
 --sr-muted:#6c6d67;
 --sr-border:#e9e5d9;
 --sr-subtle:#f1eee6;
 --sr-darkbar:#2c302e;
 background:var(--sr-page) !important;
 color:var(--sr-ink) !important;
 font-family:"DM Sans","Manrope",system-ui,sans-serif;
}
:root[data-theme="dark"] .page-view.studio-ref-page {
 --sr-page:#252a27;
 --sr-panel:#323936;
 --sr-accent:#e1c266;
 --sr-ink:#f8f5e9;
 --sr-muted:#d2d1c7;
 --sr-border:#596158;
 --sr-subtle:#39413b;
 --sr-darkbar:#191f1d;
 color-scheme:dark;
}
/* Intro heading mirrors the reference's centered serif and gold accents. */
.page-view.studio-ref-page .studio-ref-heading {
 background:linear-gradient(180deg,var(--sr-page),var(--sr-subtle)) !important;
 border:0 !important;
 padding:clamp(56px,7vw,94px) 20px clamp(38px,5vw,67px) !important;
 text-align:center !important;
 color:var(--sr-ink) !important;
}
.page-view.studio-ref-page .studio-ref-heading .eyebrow {
 color:var(--sr-accent) !important;
 letter-spacing:.21em !important;
 font-size:.78rem !important;
}
.page-view.studio-ref-page .studio-ref-heading h1 {
 color:var(--sr-ink) !important;
 font-size:clamp(2.5rem,5vw,4.7rem) !important;
 line-height:1.12 !important;
 max-width:1050px !important;
 margin:18px auto !important;
 font-weight:700 !important;
}
.page-view.studio-ref-page .studio-ref-heading h1 em,
.page-view.studio-ref-page .studio-ref-shell h3 em {
 color:var(--sr-accent) !important;
}
.page-view.studio-ref-page .studio-heading-lead {
 max-width:680px;
 margin:14px auto 0;
 color:var(--sr-muted);
 font-size:clamp(.96rem,1.3vw,1.12rem);
 line-height:1.7;
}
.page-view.studio-ref-page .studio-ref-shell {
 box-sizing:border-box;
 width:min(1220px,calc(100% - 56px));
 max-width:1220px;
 margin:0 auto 90px;
 padding:15px;
 background:var(--sr-panel);
 border:1px solid var(--sr-border);
 border-radius:25px;
 box-shadow:0 15px 55px rgba(24,29,25,.11);
 overflow:hidden;
}
.page-view.studio-ref-page .studio-cover {
 position:relative;
 width:100%;
 height:clamp(340px,39vw,520px);
 overflow:hidden;
 border-radius:17px 17px 9px 9px;
 background:#233532;
}
.page-view.studio-ref-page .studio-cover > img {
 position:absolute;
 width:100%;
 height:100%;
 object-fit:cover;
 object-position:50% 50%;
 display:block;
}
.page-view.studio-ref-page .studio-cover::after {
 content:"";
 position:absolute;
 inset:0;
 background:linear-gradient(0deg,rgba(9,21,24,.91) 0%,rgba(9,21,24,.55) 32%,rgba(9,21,24,.04) 82%);
 pointer-events:none;
}
.page-view.studio-ref-page .studio-cover-content {
 position:absolute;
 bottom:32px;
 left:clamp(22px,5vw,54px);
 right:22px;
 z-index:2;
 color:#fff;
}
.page-view.studio-ref-page .studio-cover-eyebrow {
 font-size:.73rem;
 letter-spacing:.2em;
 color:#efdd9d;
 font-weight:750;
 margin:0 0 10px;
}
.page-view.studio-ref-page .studio-cover h2 {
 color:#fff !important;
 margin:0 0 16px;
 font-family:Georgia,"Cormorant Garamond",serif;
 font-size:clamp(2.45rem,4.8vw,4.5rem);
 letter-spacing:.012em;
 line-height:1;
 text-shadow:0 2px 16px rgba(0,0,0,.35);
}
.page-view.studio-ref-page .studio-cover h2 small {
 font:600 clamp(1rem,1.5vw,1.35rem)/1.2 "DM Sans","Manrope",sans-serif;
 color:#f5e6b8;
 white-space:nowrap;
}
.page-view.studio-ref-page .studio-cover-chips {
 display:flex;
 flex-wrap:wrap;
 align-items:center;
 gap:9px;
}
.page-view.studio-ref-page .studio-cover-chip {
 display:inline-flex;
 align-items:center;
 gap:7px;
 padding:8px 13px;
 font-weight:700;
 font-size:.84rem;
 line-height:1.25;
 background:rgba(18,26,27,.62);
 border:1px solid rgba(255,255,255,.29);
 border-radius:99px;
 color:#fff;
 backdrop-filter:blur(5px);
}
.page-view.studio-ref-page svg {
 display:inline-block;
 flex:none;
 width:19px;
 height:19px;
 vertical-align:middle;
}
.page-view.studio-ref-page .studio-cover-chip svg {color:#e1c266;width:16px;height:16px;}
/* Reference-like dark booking row. Link remains a normal inquiry, no checkout. */
.page-view.studio-ref-page .studio-cta-row {
 display:flex;
 align-items:center;
 justify-content:space-between;
 gap:22px;
 padding:26px clamp(20px,3.7vw,43px);
 margin-top:12px;
 background:var(--sr-darkbar);
 border-radius:11px;
 color:#fff;
}
.page-view.studio-ref-page .studio-cta-row > div {min-width:0;}
.page-view.studio-ref-page .studio-cta-label {
 font-size:.7rem;
 letter-spacing:.18em;
 color:#ead18a;
 font-weight:800;
 margin:0 0 7px;
}
.page-view.studio-ref-page .studio-cta-row h3 {
 font:700 clamp(1.42rem,2.1vw,2.2rem)/1.2 Georgia,serif;
 color:#fff;
 margin:0 0 6px;
}
.page-view.studio-ref-page .studio-cta-row p:not(.studio-cta-label) {
 color:#dcded7;
 max-width:660px;
 line-height:1.6;
 margin:0;
 font-size:.92rem;
}
.page-view.studio-ref-page .studio-main-book {
 flex:none;
 display:inline-flex;
 align-items:center;
 justify-content:center;
 gap:9px;
 padding:14px 19px;
 min-height:47px;
 background:linear-gradient(115deg,#a78629,#d2ae40);
 color:#171913 !important;
 border-radius:99px;
 font-weight:800;
 letter-spacing:.045em;
 font-size:.85rem;
 white-space:nowrap;
 box-shadow:0 7px 22px rgba(170,139,51,.2);
 text-decoration:none !important;
 transition:transform .15s ease,box-shadow .15s ease;
}
.page-view.studio-ref-page .studio-main-book:hover {
 transform:translateY(-2px);
 box-shadow:0 10px 23px rgba(170,139,51,.3);
}
.page-view.studio-ref-page .studio-main-book svg {width:17px;height:17px;}
.page-view.studio-ref-page .studio-main-book:focus-visible,
.page-view.studio-ref-page .studio-ref-gallery button:focus-visible {
 outline:3px solid var(--sr-accent);outline-offset:3px;
}
/* Intro features and categorized content. */
.page-view.studio-ref-page .studio-overview-grid {
 display:grid;
 grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
 gap:clamp(22px,4vw,54px);
 align-items:center;
 margin:0 clamp(15px,3vw,37px);
 padding:48px 8px 45px;
 border-bottom:1px solid var(--sr-border);
}
.page-view.studio-ref-page .studio-overview-lead .eyebrow,
.page-view.studio-ref-page .studio-section-title .eyebrow {
 color:var(--sr-accent)!important;
 letter-spacing:.19em;
 font-size:.73rem;
 margin-bottom:14px;
}
.page-view.studio-ref-page .studio-overview-lead h3,
.page-view.studio-ref-page .studio-section-title h3 {
 font:700 clamp(1.9rem,3.2vw,3rem)/1.16 Georgia,"Cormorant Garamond",serif;
 color:var(--sr-ink)!important;
 margin:0 0 16px;
}
.page-view.studio-ref-page .studio-overview-lead p:not(.eyebrow) {
 color:var(--sr-muted)!important;
 line-height:1.75;
 font-size:1rem;
 max-width:490px;
}
.page-view.studio-ref-page .studio-overview-features {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:11px;
}
.page-view.studio-ref-page .studio-overview-feature {
 display:flex;
 align-items:center;
 gap:12px;
 min-height:60px;
 padding:12px 14px;
 background:var(--sr-subtle);
 border:1px solid var(--sr-border);
 border-radius:12px;
 font-size:.91rem;
 font-weight:700;
 color:var(--sr-ink)!important;
}
.page-view.studio-ref-page .studio-overview-feature svg {
 color:var(--sr-accent)!important;
 width:21px;height:21px;
}
.page-view.studio-ref-page .studio-overview-feature:last-child {grid-column:1/-1;}
/* The reference gallery: five visible photos in a crisp asymmetric grid. */
.page-view.studio-ref-page .studio-ref-gallery {
 padding:47px clamp(14px,3vw,38px) 24px;
 margin:0 !important;
 width:100% !important;
 max-width:100% !important;
 box-sizing:border-box;
 color:var(--sr-ink)!important;
}
.page-view.studio-ref-page .studio-section-title {
 display:flex !important;
 justify-content:space-between;
 align-items:flex-end;
 gap:22px;
 margin:0 0 25px;
 color:var(--sr-ink)!important;
}
.page-view.studio-ref-page .studio-section-title p:not(.eyebrow) {
 max-width:340px;
 color:var(--sr-muted)!important;
 line-height:1.6;
 font-size:.89rem;
 margin:0 0 8px;
}
.page-view.studio-ref-page .studio-section-title h3 {margin-bottom:0;}
.page-view.studio-ref-page .gallery-frame {
 display:block !important;
 width:100% !important;
 max-width:100% !important;
 background:transparent !important;
 padding:0 !important;
 border:none !important;
 overflow:visible !important;
 box-shadow:none !important;
}
.page-view.studio-ref-page #gallery-photos {
 display:grid !important;
 grid-template-columns:repeat(4,minmax(0,1fr)) !important;
 grid-auto-rows:clamp(142px,14vw,205px) !important;
 gap:9px !important;
 width:100%!important;
 max-width:none!important;
 height:auto!important;
 max-height:none!important;
 min-height:0!important;
 overflow:visible!important;
 opacity:1!important;
 padding:0!important;
 margin:0!important;
}
.page-view.studio-ref-page #gallery-photos > button {
 position:relative!important;
 box-sizing:border-box!important;
 display:block!important;
 grid-column:auto!important;
 grid-row:auto!important;
 width:100%!important;
 height:100%!important;
 min-width:0!important;
 min-height:0!important;
 padding:0!important;
 margin:0!important;
 overflow:hidden!important;
 border:0!important;
 border-radius:11px!important;
 background:var(--sr-subtle)!important;
 cursor:zoom-in;
 box-shadow:none!important;
 opacity:1!important;
 transform:none!important;
}
.page-view.studio-ref-page #gallery-photos > button:first-child {
 grid-column:span 2 !important;
 grid-row:span 2 !important;
}
.page-view.studio-ref-page .gallery-frame:not(.is-expanded) #gallery-photos > button:nth-child(n+6) {
 display:none !important;
}
.page-view.studio-ref-page #gallery-photos > button > img {
 position:absolute!important;
 inset:0!important;
 width:100%!important;
 height:100%!important;
 max-width:none!important;
 object-fit:cover!important;
 object-position:center center!important;
 display:block!important;
 transition:transform .3s ease!important;
}
.page-view.studio-ref-page #gallery-photos > button:hover > img {
 transform:scale(1.055)!important;
}
.page-view.studio-ref-page #gallery-photos > button > span {
 position:absolute!important;
 z-index:1!important;
 bottom:0!important;
 left:0!important;
 right:0!important;
 display:block!important;
 padding:24px 12px 11px!important;
 font-size:.84rem!important;
 font-weight:700!important;
 line-height:1.24!important;
 text-align:left!important;
 color:#fff!important;
 text-shadow:0 1px 3px rgba(0,0,0,.7)!important;
 background:linear-gradient(transparent,rgba(0,0,0,.75))!important;
}
.page-view.studio-ref-page #gallery-photos > button:first-child > span {font-size:1rem!important;}
.page-view.studio-ref-page .gallery-frame #all-photos {
 position:relative!important;
 display:inline-flex!important;
 align-items:center!important;
 justify-content:center!important;
 height:auto!important;
 min-height:44px!important;
 width:auto!important;
 max-width:100%!important;
 margin:17px 0 0!important;
 padding:10px 17px!important;
 border-radius:100px!important;
 border:1px solid var(--sr-border)!important;
 background:var(--sr-subtle)!important;
 color:var(--sr-ink)!important;
 font-weight:800!important;
 box-shadow:none!important;
}
.page-view.studio-ref-page #all-photos svg {
 stroke:var(--sr-accent)!important;
 width:19px!important;
 height:19px!important;
}
.page-view.studio-ref-page .gallery-frame #all-photos:hover {
 border-color:var(--sr-accent)!important;
 background:var(--sr-panel)!important;
}
/* Amenity categories: balanced cards, only verified THE EAGLE details. */
.page-view.studio-ref-page .studio-facilities {
 padding:35px clamp(14px,3vw,38px) 40px;
}
.page-view.studio-ref-page .studio-facilities-grid {
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:13px;
}
.page-view.studio-ref-page .studio-facility-card {
 background:var(--sr-subtle);
 border:1px solid var(--sr-border);
 border-radius:15px;
 padding:21px 22px 18px;
 min-width:0;
}
.page-view.studio-ref-page .studio-facility-title {
 display:flex;
 align-items:center;
 gap:12px;
 margin:0 0 14px;
}
.page-view.studio-ref-page .studio-facility-title > svg {
 background:linear-gradient(130deg,#927924,#c7a642);
 border-radius:12px;
 box-sizing:content-box;
 padding:11px;
 color:#fff;
 width:20px;height:20px;
}
.page-view.studio-ref-page .studio-facility-title h4 {
 margin:0;
 font:700 1.2rem/1.3 Georgia,serif;
 color:var(--sr-ink)!important;
}
.page-view.studio-ref-page .studio-facility-card ul {
 list-style:none;
 margin:0;
 padding:0;
 display:grid;
 gap:10px;
}
.page-view.studio-ref-page .studio-facility-card li {
 display:flex;
 gap:10px;
 align-items:flex-start;
 line-height:1.5;
 color:var(--sr-muted)!important;
 font-size:.91rem;
}
.page-view.studio-ref-page .studio-facility-card li svg {
 color:var(--sr-accent)!important;
 width:17px;height:17px;
 margin-top:2px;
}
.page-view.studio-ref-page .studio-facts-row {
 display:flex;
 flex-wrap:wrap;
 justify-content:space-between;
 gap:8px;
 border:1px solid var(--sr-border);
 border-radius:14px;
 background:var(--sr-panel);
 padding:13px 15px;
 margin-top:16px;
}
.page-view.studio-ref-page .studio-facts-row > div {
 display:flex;
 align-items:center;
 gap:8px;
 padding:7px 8px;
 font-size:.82rem;
 color:var(--sr-ink)!important;
}
.page-view.studio-ref-page .studio-facts-row svg {
 color:var(--sr-accent);
 width:17px;height:17px;
}
/* FAQ remains the hotel's actual verified policy content, cleaned typography. */
.page-view.studio-ref-page .practical {
 box-sizing:border-box;
 width:min(1180px,calc(100% - 56px))!important;
 max-width:1180px!important;
 margin:0 auto 95px!important;
 padding:46px clamp(22px,4vw,65px)!important;
 background:var(--sr-subtle)!important;
 border:1px solid var(--sr-border)!important;
 border-radius:24px!important;
 color:var(--sr-ink)!important;
 box-shadow:0 12px 35px rgba(0,0,0,.045);
}
.page-view.studio-ref-page .practical .faq {
 max-width:760px;
 width:100%;
}
.page-view.studio-ref-page .practical .faq details {
 background:var(--sr-panel)!important;
 border:1px solid var(--sr-border)!important;
 border-radius:12px!important;
 margin-bottom:9px!important;
 overflow:hidden;
 color:var(--sr-ink)!important;
}
.page-view.studio-ref-page .practical .faq summary {
 padding:14px 16px!important;
 color:var(--sr-ink)!important;
 font-weight:700!important;
}
.page-view.studio-ref-page .practical .faq details p {
 color:var(--sr-muted)!important;
 line-height:1.65;
 padding:0 16px 14px;
}
.page-view.studio-ref-page .practical h2 {color:var(--sr-ink)!important;}
.page-view.studio-ref-page .practical .eyebrow {color:var(--sr-accent)!important;}
/* Avoid gallery/FAQ being invisible in full-page screenshots until scrolled. */
.page-view.studio-ref-page .studio-ref-gallery,
.page-view.studio-ref-page .practical,
.page-view.studio-ref-page .practical .faq details {
 opacity:1!important;
 visibility:visible!important;
 translate:none!important;
 transform:none!important;
}
@media(max-width:900px) {
 .page-view.studio-ref-page .studio-cta-row {align-items:flex-start;flex-direction:column;}
 .page-view.studio-ref-page .studio-overview-grid {grid-template-columns:1fr;}
 .page-view.studio-ref-page #gallery-photos {grid-auto-rows:clamp(150px,20vw,190px)!important;}
 .page-view.studio-ref-page .studio-section-title {align-items:flex-start;}
}
@media(max-width:600px) {
 .page-view.studio-ref-page .studio-ref-heading {padding:46px 18px 36px!important;}
 .page-view.studio-ref-page .studio-ref-heading h1 {font-size:2.42rem!important;}
 .page-view.studio-ref-page .studio-ref-shell {width:calc(100% - 24px);padding:9px;border-radius:19px;margin-bottom:48px;}
 .page-view.studio-ref-page .studio-cover {height:330px;border-radius:13px;}
 .page-view.studio-ref-page .studio-cover > img {object-position:52% 50%;}
 .page-view.studio-ref-page .studio-cover-content {left:18px;right:12px;bottom:17px;}
 .page-view.studio-ref-page .studio-cover h2 {font-size:2.7rem;}
 .page-view.studio-ref-page .studio-cover-chip {font-size:.72rem;padding:6px 8px;gap:5px;}
 .page-view.studio-ref-page .studio-cover-chip svg {height:14px;width:14px;}
 .page-view.studio-ref-page .studio-cover-chips {gap:5px;}
 .page-view.studio-ref-page .studio-cta-row {padding:19px 17px;margin-top:8px;}
 .page-view.studio-ref-page .studio-main-book {width:100%;box-sizing:border-box;white-space:normal;}
 .page-view.studio-ref-page .studio-overview-grid {margin:0 10px;padding:32px 4px 24px;gap:20px;}
 .page-view.studio-ref-page .studio-overview-features {gap:8px;}
 .page-view.studio-ref-page .studio-overview-feature {padding:11px;gap:7px;font-size:.77rem;}
 .page-view.studio-ref-page .studio-overview-feature svg {height:18px;width:18px;}
 .page-view.studio-ref-page .studio-ref-gallery {padding:30px 6px 20px;}
 .page-view.studio-ref-page .studio-section-title {display:block!important;}
 .page-view.studio-ref-page .studio-section-title p:not(.eyebrow) {margin-top:10px;}
 .page-view.studio-ref-page #gallery-photos {grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:clamp(115px,32vw,170px)!important;gap:6px!important;}
 .page-view.studio-ref-page #gallery-photos > button:first-child {grid-column:span 2!important;grid-row:span 2!important;}
 .page-view.studio-ref-page #gallery-photos > button > span {font-size:.73rem!important;padding:20px 7px 7px!important;}
 .page-view.studio-ref-page .studio-facilities {padding:22px 5px 26px;}
 .page-view.studio-ref-page .studio-facilities-grid {grid-template-columns:1fr;}
 .page-view.studio-ref-page .studio-facility-card {padding:19px;}
 .page-view.studio-ref-page .studio-facts-row {justify-content:flex-start;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
 .page-view.studio-ref-page .studio-facts-row > div {padding:6px 2px;font-size:.73rem;}
 .page-view.studio-ref-page .practical {width:calc(100% - 24px)!important;padding:28px 15px!important;border-radius:18px!important;margin-bottom:46px!important;}
}
@media(prefers-reduced-motion:reduce) {
 .page-view.studio-ref-page #gallery-photos > button > img,
 .page-view.studio-ref-page .studio-main-book {transition:none!important;}
}

/* Final alignment and contrast corrections after first browser QA. */
.page-view.studio-ref-page .studio-ref-shell .studio-cta-row h3 {
 color:#fff !important;
 text-shadow:none !important;
}
.page-view.studio-ref-page .studio-ref-shell .studio-cta-row p:not(.studio-cta-label) {
 color:#e9eae5 !important;
 opacity:1 !important;
}
.page-view.studio-ref-page .studio-ref-shell .studio-cta-row .studio-cta-label {
 color:#e9cc78 !important;
 opacity:1 !important;
}
.page-view.studio-ref-page .studio-ref-shell > .studio-facilities {
 box-sizing:border-box !important;
 width:100% !important;
 max-width:100% !important;
 margin:0 !important;
}
.page-view.studio-ref-page .studio-ref-shell > .studio-facilities .studio-facilities-grid {
 box-sizing:border-box !important;
 width:100% !important;
 max-width:100% !important;
 margin:0 !important;
}
@media(min-width:601px) {
 .page-view.studio-ref-page .studio-ref-heading {
  padding-top:52px !important;
  padding-bottom:41px !important;
 }
}