/* About page only: Diamant section sequence with the Ramada homepage masthead. */
.hotel-about-site .about-home-intro{scroll-margin-top:74px}
.hotel-about-site main.content-main.inner-page #about .about-shot-copy h2{font-family:'Helvetica Neue',Roboto,Arial,sans-serif!important;font-weight:300!important}
.hotel-about-site main.content-main.inner-page #about .about-shot-text p{font:400 14px/1.8 Roboto,Arial,sans-serif!important;white-space:normal}
.hotel-about-site #about .about-policy-details{margin:20px 0 0;border-top:1px solid #e9e1d4;padding-top:14px;font:400 13px/1.8 Roboto,Arial,sans-serif;color:#626975}
.hotel-about-site #about .about-policy-details summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:15px;color:#9b743a;font-weight:500;padding:3px 0}
.hotel-about-site #about .about-policy-details summary::-webkit-details-marker{display:none}
.hotel-about-site #about .about-policy-details[open] summary{margin-bottom:15px}
.hotel-about-site #about .about-policy-details[open] summary span{transform:rotate(45deg)}
.hotel-about-site #about .about-home-film{position:absolute;z-index:4;left:22px;bottom:22px;display:flex;align-items:center;gap:13px;padding:10px 17px 10px 10px;background:#202231bd;backdrop-filter:blur(5px);border:1px solid #ffffff30;border-radius:40px;color:white;text-decoration:none}
.hotel-about-site #about .about-home-film>span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #c8a869;border-radius:50%;color:#dcc18c;font-size:24px}
.hotel-about-site #about .about-home-film b{font:500 10px/1.4 Roboto,Arial,sans-serif;letter-spacing:1px;color:#fff}
.hotel-about-site #about .about-home-film:hover{background:#202231ed}
@media(max-width:600px){.hotel-about-site #about .about-home-film{left:12px;bottom:12px;padding:7px 12px 7px 7px}.hotel-about-site #about .about-home-film b{font-size:8px}.hotel-about-site #about .about-home-film>span{width:34px;height:34px}}
/* The rooms and gallery below use the exact shared homepage renderers. */
.hotel-about-site .about-home-section{width:100%;position:relative;clear:both}
.hotel-about-site .about-home-section #roomList{padding-top:85px;padding-bottom:85px}
.hotel-about-site .about-home-section .room-v96-body p{white-space:normal}
.hotel-about-site .about-services{padding-bottom:60px}
.hotel-about-site .about-service-track{scroll-padding-inline:0}
.hotel-about-site .about-service-card p{font-style:normal;font-family:Roboto,Arial,sans-serif;line-height:1.85}
.hotel-about-site .about-intro-note p{white-space:normal}


.inner-site.hotel-about-site .inner-page{padding-top:0;padding-bottom:95px}
.hotel-about-site .about-page .inner-hero{height:100svh;min-height:620px;max-height:950px}
.hotel-about-site .about-page .inner-hero:before{display:none}
.hotel-about-site .about-page .inner-hero:after{background:linear-gradient(180deg,#070a0f22,#070a0f66)}
.hotel-about-site .about-page .inner-hero-copy{width:100%;max-width:1150px;text-align:left;padding:100px 40px 60px}
.hotel-about-site .about-page .inner-hero-copy p{font:italic 23px/1.5 Roboto,Arial,sans-serif;color:#d5ac65;margin-bottom:18px}
.hotel-about-site .about-page .inner-hero-copy h1{font-family:Roboto,Arial,sans-serif!important;font-weight:300;font-size:clamp(46px,5vw,72px);margin:0 0 24px;color:#fff}
.hotel-about-site .about-page .inner-hero-copy .inner-diamond{display:none}
.hotel-about-site .about-page .inner-scroll{left:40px;bottom:40px;border:0;border-radius:0;border-left:1px solid #c7a468;padding:0 18px;height:48px;display:flex;align-items:center;font-size:25px}
.hotel-about-site .about-page .inner-crumbs nav{min-height:75px}
.about-page .about-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-top:95px;padding-bottom:100px;align-items:center}
.about-page .about-script{font:italic 17px/1.6 Roboto,Arial,sans-serif;color:#b49a6e;margin:0 0 18px}
.about-intro-copy>.about-script:before{content:"";display:block;width:38px;height:1px;background:#b49a6e;margin:0 0 22px}
.about-intro-copy h2{font-size:38px;margin-bottom:30px}
.about-page .about-prose{font-size:13px;line-height:2!important;color:#77716e;white-space:pre-line}
.about-prose:first-letter{float:left;font:72px/.9 Roboto,Arial,sans-serif;margin:7px 16px 0 0;color:#b79d6e}
.about-intro-visual{position:relative;min-width:0;padding-bottom:40px}
.about-film{position:relative;display:block;border-radius:7px;overflow:hidden;box-shadow:25px 25px 0 #f8f7f5}
.about-film>a{display:block}.about-film img{display:block;width:100%;height:465px;object-fit:cover}
.about-film[data-gallery-video]:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#201e2d90)}
.about-play{position:absolute;z-index:1;bottom:42px;left:35px;background:#272432;color:#c7ae7f;border:7px solid #ffffff55;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;font-size:30px}
.about-film-label{position:absolute;z-index:1;bottom:20px;left:35px;color:white;font-size:9px;letter-spacing:1px}
.about-intro-note{position:relative;z-index:2;width:75%;margin:-180px -25px 0 auto;border-radius:8px;background:#272432;padding:35px 32px;color:#e7e1d8;outline:1px solid #ffffff15;outline-offset:-13px;box-shadow:0 15px 40px #211c2c25}
.about-intro-note>span{color:#c0a36c;font:60px/.7 Roboto,Arial,sans-serif;display:block}
.about-intro-note p{font-size:12px;line-height:1.9;margin:14px 0 20px}
.about-intro-note strong{color:#c7ae7f;font:400 14px/1.5 Roboto,Arial,sans-serif}
.about-page .ex-hotel-facts{position:relative;background:linear-gradient(#242231a6,#242231bf),url('assets/official/set_001fName_20161221103628649.jpg') center/cover;padding:100px 0}
.about-page .ex-hotel-facts:before{content:"";position:absolute;inset:22px;border:1px dashed #ffffff35;border-radius:12px;pointer-events:none}
.about-page .ex-hotel-facts>.shell{position:relative;gap:30px}
.about-page .ex-hotel-facts .shell>div{border:0}
.about-page .ex-hotel-facts strong{font-size:66px;font-weight:400;color:#c8ad77;margin-bottom:30px}
.about-page .ex-hotel-facts span{border:1px solid #ffffff40;border-radius:3px;background:#ffffff0c;padding:14px 8px;font:500 10px/1.5 Roboto,Arial,sans-serif;letter-spacing:.3px;color:white}
.about-rooms{padding-top:90px;padding-bottom:80px;text-align:center}
.about-page .ex-heading .inner-eyebrow{font:italic 17px/1.6 Roboto,Arial,sans-serif!important;letter-spacing:0;text-transform:none;color:#b49a6e}
.about-page .ex-heading:before{content:"";display:block;width:38px;height:1px;background:#b49a6e;margin:0 auto 22px}
.about-page .ex-heading h2{font-size:38px;margin:0 0 15px}
.about-page .ex-heading>span{position:relative;display:inline-block;padding:0 25px}
.about-page .ex-heading>span:before,.about-page .ex-heading>span:after{content:"";position:absolute;top:50%;width:70px;height:1px;background:#ece8e1}
.about-page .ex-heading>span:before{right:100%}.about-page .ex-heading>span:after{left:100%}
.about-room-frame{border:1px solid #eeebe5;border-radius:8px;padding:38px;position:relative}
.about-room-frame:before{content:"";position:absolute;inset:14px;border:1px solid #eeebe5;border-radius:6px;pointer-events:none}
.about-room-track,.about-service-track{display:flex;gap:26px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
[data-about-track]::-webkit-scrollbar{display:none}
.about-room-card{flex:0 0 calc((100% - 52px)/3);min-width:0;scroll-snap-align:start;text-align:center}
.about-room-image{display:block;overflow:hidden;border-radius:7px;margin-bottom:10px}
.about-room-image img{width:100%;height:245px;object-fit:cover;display:block;transition:transform .6s}
.about-room-card:hover img{transform:scale(1.035)}
.about-room-card>div{border:1px solid #eeebe5;border-radius:5px;padding:27px 22px;min-height:275px;display:flex;flex-direction:column;align-items:center}
.hotel-about-site .about-page .about-room-card h3,.hotel-about-site .about-page .about-room-card h3 a{font:400 26px/1.25 Roboto,Arial,sans-serif!important;color:#b39a6f;margin:0 0 13px}
.about-room-label{font-size:9px!important;letter-spacing:1px;color:#272432!important;margin-bottom:18px!important}
.about-room-card p{font-size:12px;line-height:1.9;color:#827b75;margin:0 0 20px}
.about-room-detail{margin-top:auto;font-size:9px;letter-spacing:1px;color:#9e8357}
.about-dots{display:block;font-size:17px;letter-spacing:5px;color:#bca375;margin:20px 0 0}
.about-rail-controls{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:27px}
.about-rail-controls button{width:44px;height:44px;border:1px solid #ece8e1;border-radius:50%;background:white;color:#b49a6e;cursor:pointer;font:26px/1 Roboto,Arial,sans-serif}
.about-rail-controls button:hover{background:#272432;border-color:#272432;color:#d1b884}
.about-rail-controls span{font-size:10px;letter-spacing:2px;color:#9b8b73;min-width:60px}
.about-all-link{display:inline-block;font-size:9px;letter-spacing:1px;margin-top:28px;border-bottom:1px solid #bca375;padding-bottom:9px;color:#9e8357}
.about-gallery{display:grid;grid-template-columns:310px minmax(0,1fr);gap:15px;background:#272432;padding:15px;color:white}
.about-gallery-copy{border:1px solid #ffffff20;border-radius:7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:35px 28px;min-height:400px}
.about-gallery-copy h2{color:white;font-size:35px;margin-bottom:20px}
.about-gallery-copy .about-script{font-size:17px;color:#c3a978}
.about-gallery-copy a{font-size:9px;color:#cdb78b;letter-spacing:1px;margin-top:25px;padding-bottom:10px;border-bottom:1px solid #ffffff30}
.about-gallery-main{min-width:0;position:relative}
.about-gallery-track{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth}
.about-gallery-track figure{margin:0;min-width:0;flex:0 0 65%;scroll-snap-align:center}
.about-gallery-track figure>a{display:block;position:relative;overflow:hidden;border-radius:7px}
.about-gallery-track img{width:100%;height:400px;object-fit:cover;display:block}
.about-gallery-main .about-rail-controls{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);border:1px solid #ffffff30;border-radius:30px;background:#272432d9;padding:4px 9px;margin:0;gap:15px}
.about-gallery-main .about-rail-controls button{background:transparent;color:#cdb78b;border:0;width:32px;height:32px}
.about-gallery-main .about-rail-controls span{color:#ddd2be}
.about-services{padding-top:90px}
.about-service-track{padding-top:55px;padding-bottom:12px;gap:35px}
.about-service-card{position:relative;flex:0 0 calc((100% - 70px)/3);min-width:0;scroll-snap-align:start;border:1px solid #eeebe5;border-radius:8px;text-align:center;padding:70px 32px 35px;display:flex;flex-direction:column;align-items:center;min-height:365px;background:#fff}
.about-service-card:nth-child(3n+2){background:#faf9f7}
.about-service-icon{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:88px;height:88px;border-radius:50%;border:7px solid white;box-shadow:0 0 0 1px #ece8e1;background:#f7f4ed;color:#baa071}
.about-service-icon i{font-size:30px}
.about-service-card h3{font-size:22px;margin:0 0 17px}
.about-service-rule{width:40px;height:1px;background:#bca375;margin-bottom:20px}
.about-service-card p{font:italic 15px/1.9 Roboto,Arial,sans-serif;color:#8d847a;margin:0 0 25px}
.about-service-number{font-size:10px;color:#a38c66;margin-top:auto;letter-spacing:2px}
.hotel-about-site .about-page :focus-visible{outline:2px solid #b99c6b;outline-offset:4px}
@media(max-width:1100px){.about-page .about-intro{gap:40px}.about-intro-note{margin-right:-10px;padding:30px 25px}.about-room-frame{padding:28px}.about-room-image img{height:210px}.about-room-card>div{padding:23px 18px}.about-gallery{grid-template-columns:270px minmax(0,1fr)}.about-service-track{gap:24px}.about-service-card{flex-basis:calc((100% - 48px)/3);padding:65px 20px 30px}.about-service-card h3{font-size:20px}}
@media(max-width:850px){.about-page .about-intro{grid-template-columns:1fr;padding-top:60px;padding-bottom:60px;gap:40px}.about-intro-visual{max-width:650px;width:100%;margin:auto;padding-right:15px}.about-page .ex-hotel-facts{padding:65px 0}.about-page .ex-hotel-facts strong{font-size:45px}.about-page .ex-hotel-facts>.shell{gap:15px}.about-room-card{flex-basis:calc((100% - 26px)/2)}.about-gallery{grid-template-columns:240px minmax(0,1fr)}.about-gallery-copy{padding:30px 20px}.about-gallery-track figure{flex-basis:90%}.about-service-card{flex-basis:calc((100% - 24px)/2)}.about-services,.about-rooms{padding-top:65px}.hotel-about-site .about-page .inner-hero-copy{padding-left:40px}}
@media(max-width:550px){.hotel-about-site .about-page .inner-hero{height:80svh;min-height:530px}.hotel-about-site .about-page .inner-hero-copy{padding:100px 25px 60px}.hotel-about-site .about-page .inner-hero-copy p{font-size:17px;max-width:280px}.hotel-about-site .about-page .inner-hero-copy h1{font-size:46px}.hotel-about-site .about-page .inner-scroll{left:25px;bottom:28px}.about-intro-copy h2,.about-page .ex-heading h2{font-size:32px}.about-page .about-prose{font-size:13px}.about-film img{height:340px}.about-intro-note{width:82%;margin-top:-125px;margin-right:-5px;padding:28px 25px}.about-intro-note p{font-size:11px}.about-intro-note strong{font-size:12px}.about-play{left:20px;bottom:50px;width:62px;height:62px}.about-film-label{left:20px;bottom:22px;font-size:8px;max-width:95px;line-height:1.6}.about-page .ex-hotel-facts>.shell{grid-template-columns:1fr 1fr;gap:30px 18px}.about-page .ex-hotel-facts strong{font-size:40px;margin-bottom:17px}.about-page .ex-hotel-facts span{font-size:8px;letter-spacing:0;padding:12px 4px}.about-room-frame{padding:23px}.about-room-frame:before{inset:9px}.about-room-card{flex-basis:100%}.about-room-image img{height:230px}.about-room-card>div{min-height:250px}.about-gallery{grid-template-columns:1fr;padding:15px;gap:15px}.about-gallery-copy{min-height:230px;padding:30px}.about-gallery-copy .about-script{margin-bottom:10px}.about-gallery-copy h2{font-size:32px;margin-bottom:10px}.about-gallery-copy a{margin-top:12px}.about-gallery-track figure{flex-basis:88%}.about-gallery-track img{height:300px}.about-service-card{flex-basis:100%;padding:70px 30px 35px;min-height:350px}.about-service-card h3{font-size:23px}.about-rooms{padding-bottom:60px}.about-page .ex-heading>span:before,.about-page .ex-heading>span:after{width:45px}}
@media(prefers-reduced-motion:reduce){[data-about-track]{scroll-behavior:auto}.about-room-image img{transition:none}}

/* Refined introduction, using the homepage's existing typefaces. */
.hotel-about-site .about-page .about-intro{gap:clamp(40px,6vw,95px);padding-top:85px;padding-bottom:90px;align-items:center}
.hotel-about-site .about-intro-copy .about-intro-kicker{font:500 11px/1.5 Roboto,Arial,sans-serif!important;letter-spacing:3px;color:#b18b4b;margin:0 0 20px}
.hotel-about-site main.content-main.inner-page .about-intro-copy h2{font:300 clamp(34px,3vw,46px)/1.15 'Helvetica Neue',Roboto,Arial,sans-serif!important;letter-spacing:-.8px;color:#2d3646;margin:0 0 12px}
.hotel-about-site main.content-main.inner-page .about-intro-signature{font:400 clamp(23px,2.2vw,31px)/1.45 'Segoe Script','Brush Script MT','Lucida Handwriting',cursive!important;color:#c08c38;margin:0 0 29px}
.hotel-about-site main.content-main.inner-page .about-intro .about-prose{font:400 14px/1.85 Roboto,Arial,sans-serif!important;white-space:normal;color:#626975}
.hotel-about-site .about-prose p{margin:0 0 17px;font-size:14px;line-height:1.85}
.hotel-about-site .about-prose p:last-child{margin-bottom:0}
.hotel-about-site .about-intro-visual{padding:0 0 15px}
.hotel-about-site .about-film{border-radius:12px;box-shadow:0 18px 45px #23233315}
.hotel-about-site .about-film img{height:480px;width:100%;object-fit:cover}
.hotel-about-site .about-film[data-gallery-video]::after{background:linear-gradient(180deg,transparent 55%,#171c2bd9)}
.hotel-about-site .about-play{left:25px;bottom:35px;width:60px;height:60px;border:1px solid #e4c797;background:#ffffff15;backdrop-filter:blur(6px);color:#e4c797;font-size:25px;transition:background .2s,transform .2s}
.hotel-about-site .about-film:hover .about-play{background:#c3a16a44;transform:scale(1.06)}
.hotel-about-site .about-film-label{left:103px;bottom:58px;font:500 10px/1.6 Roboto,Arial,sans-serif;letter-spacing:1.4px;color:#fff;max-width:170px}
.hotel-about-site .about-intro-note{box-sizing:border-box;position:relative;width:88%;margin:-15px 0 0 auto;padding:24px 28px 23px;background:#fbfaf7;color:#59616e;border:1px solid #ebe4d8;border-left:3px solid #c4a16a;outline:0;border-radius:0 0 10px 10px;box-shadow:0 12px 28px #2323330c}
.hotel-about-site .about-intro-note>span{display:none}
.hotel-about-site .about-intro-note p{font:400 13px/1.8 Roboto,Arial,sans-serif;margin:0 0 13px;color:#626975}
.hotel-about-site .about-intro-note strong{display:block;font:500 10px/1.6 Roboto,Arial,sans-serif;color:#a37c3c;letter-spacing:1.1px;text-transform:uppercase}
@media(max-width:850px){.hotel-about-site .about-page .about-intro{padding-top:55px;padding-bottom:60px;gap:35px}.hotel-about-site .about-intro-visual{padding-right:0}.hotel-about-site .about-film img{height:420px}}
@media(max-width:550px){.hotel-about-site .about-film img{height:330px}.hotel-about-site .about-intro-note{width:94%;padding:20px}.hotel-about-site .about-play{left:20px;bottom:30px;width:52px;height:52px}.hotel-about-site .about-film-label{left:88px;bottom:48px;font-size:9px}.hotel-about-site main.content-main.inner-page .about-intro-copy h2{font-size:34px!important}.hotel-about-site main.content-main.inner-page .about-intro-signature{font-size:25px!important}}
.hotel-about-site #about .about-home-film{top:22px;bottom:auto}
@media(max-width:600px){.hotel-about-site #about .about-home-film{top:12px;bottom:auto}}
/* The homepage collage needs a fluid grid when embedded in an inner page. */
@media(max-width:1100px){
 .hotel-about-site #about .about-shot-shell{grid-template-columns:minmax(0,1fr)!important;width:calc(100% - 40px)!important;gap:45px!important}
 .hotel-about-site #about .about-shot-copy,.hotel-about-site #about .about-shot-media{width:100%!important;min-width:0!important;max-width:650px!important;margin:0 auto!important}
 .hotel-about-site #about .about-shot-copy{padding:0!important}
 .hotel-about-site #about .about-shot-media{height:440px!important}
 .hotel-about-site #about .about-shot-main{left:35px!important;right:25px!important;top:25px!important;bottom:25px!important;width:auto!important;height:auto!important}
 .hotel-about-site #about .about-shot-small-top{width:36%!important;right:0!important;left:auto!important;top:0!important;height:165px!important}
 .hotel-about-site #about .about-shot-small-bottom{width:30%!important;left:0!important;bottom:0!important;top:auto!important;height:120px!important}
 .hotel-about-site #about .about-shot-features{width:100%!important;grid-template-columns:repeat(4,minmax(0,1fr))!important}
}
@media(max-width:600px){
 .hotel-about-site #about{padding:50px 0!important;height:auto!important;min-height:0!important}
 .hotel-about-site #about .about-shot-shell{width:calc(100% - 36px)!important;gap:35px!important}
 .hotel-about-site #about .about-shot-media{height:330px!important}
 .hotel-about-site #about .about-shot-main{left:20px!important;right:14px!important;top:20px!important;bottom:20px!important}
 .hotel-about-site #about .about-shot-small-top{height:115px!important}
 .hotel-about-site #about .about-shot-small-bottom{height:85px!important}
 .hotel-about-site #about .about-shot-features{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 12px!important}
 .hotel-about-site #about .about-shot-text,.hotel-about-site #about .about-policy-details{width:100%!important;max-width:100%!important;box-sizing:border-box;overflow-wrap:anywhere}
}
/* Hotel story: one generous photograph, five slides and an overlapping signature. */
.hotel-about-site #about{background:#fff!important}
.hotel-about-site #about .about-shot-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;gap:65px!important;align-items:center;width:calc(100% - 100px)!important;max-width:1500px}
.hotel-about-site #about .hotel-story-media{position:relative!important;width:100%!important;height:auto!important;padding:0 0 55px;min-width:0}
.hotel-story-carousel{position:relative;border-radius:10px;isolation:isolate}
.hotel-story-carousel:before{content:'';position:absolute;inset:35px -20px -28px 20%;background:#faf9f7;border:1px solid #eeece7;border-radius:10px;z-index:-1}
.hotel-story-slides{height:490px;overflow:hidden;border-radius:10px;background:#eee}
.hotel-story-slides img{display:block;width:100%;height:100%;object-fit:cover}
.hotel-story-slides img[hidden]{display:none}
.hotel-story-prev,.hotel-story-next{position:absolute;top:40%;width:46px;height:46px;border-radius:50%;border:5px solid #ffffff40;background:#272432;color:#cfb27d;font-size:25px;cursor:pointer;z-index:3}
.hotel-story-prev{left:18px}.hotel-story-next{right:18px}
.hotel-story-dots{position:absolute;top:20px;left:50%;transform:translateX(-50%);display:flex;gap:9px;padding:10px 14px;border-radius:25px;background:#272432bf}
.hotel-story-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer}
.hotel-story-dots button[aria-pressed=true]{background:#cfb27d;outline:1px solid #cfb27d;outline-offset:4px}
.hotel-story-note{position:relative;width:67%;margin:-145px -15px 0 auto;z-index:4;background:#272432;color:#fff;border:1px solid #ffffff20;border-radius:10px;padding:30px;box-shadow:0 15px 35px #2222;outline:1px solid #ffffff1f;outline-offset:-12px}
.hotel-story-note>span{font:40px/1 Georgia;color:#c7a86e}
.hotel-about-site #about .hotel-story-note p{font:400 15px/1.8 Roboto,Arial,sans-serif;color:#fff;margin:0 0 18px}
.hotel-story-note strong{font:400 11px/1.7 Roboto,Arial,sans-serif;color:#cfb27d}
.hotel-about-site #about .about-home-film{position:absolute;top:auto!important;bottom:28px!important;left:25px;z-index:5;max-width:135px;padding:0;background:none;border:0;box-shadow:none;display:flex;flex-direction:column;align-items:flex-start;gap:12px;color:white}
.hotel-about-site #about .about-home-film span{display:grid;place-items:center;width:55px;height:55px;border-radius:50%;background:#272432;border:6px solid #ffffff40;color:#cfb27d;font-size:24px}
.hotel-about-site #about .about-home-film b{font:500 9px/1.5 Roboto,Arial,sans-serif;letter-spacing:.8px}
.hotel-story-carousel :focus-visible{outline:2px solid #c7a86e;outline-offset:5px}
@media(max-width:1100px){.hotel-about-site #about .about-shot-shell{grid-template-columns:1fr!important;width:calc(100% - 50px)!important}.hotel-about-site #about .hotel-story-media{height:auto!important;max-width:750px!important}.hotel-story-slides{height:460px}}
@media(max-width:600px){.hotel-about-site #about .about-shot-shell{width:calc(100% - 36px)!important}.hotel-story-slides{height:350px}.hotel-story-note{width:78%;margin:-35px 0 0 auto;padding:25px}.hotel-about-site #about .hotel-story-note p{font-size:13px}.hotel-story-carousel:before{right:-8px}.hotel-about-site #about .about-home-film{bottom:65px!important;left:18px}.hotel-story-prev,.hotel-story-next{width:40px;height:40px}.hotel-story-prev{left:12px}.hotel-story-next{right:12px}}
/* Keep the film control clean, including its hover/focus state. */
.hotel-about-site #about .hotel-story-carousel .about-home-film,
.hotel-about-site #about .hotel-story-carousel .about-home-film:hover,
.hotel-about-site #about .hotel-story-carousel .about-home-film:focus-visible{width:max-content;max-width:145px;padding:0!important;margin:0;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;gap:10px;text-decoration:none}
.hotel-about-site #about .hotel-story-carousel .about-home-film>span{box-sizing:border-box;flex:none;width:58px;height:58px;border:5px solid #ffffff45;background:#272432;color:#d4b276;transition:background .2s,transform .2s}
.hotel-about-site #about .hotel-story-carousel .about-home-film:hover>span{background:#383344;transform:scale(1.04)}
.hotel-about-site #about .hotel-story-carousel .about-home-film>b{display:block;max-width:145px;font:500 9px/1.5 Roboto,Arial,sans-serif;color:white;letter-spacing:.5px;text-shadow:0 1px 5px #000}
.hotel-about-site #about .hotel-story-note{box-sizing:border-box;right:0;margin-right:0;width:66%;padding:29px 31px;border-radius:9px}
.hotel-about-site #about .hotel-story-note>span{display:block;height:30px}
.hotel-about-site #about .hotel-story-note p{font-size:14px;line-height:1.85;margin:10px 0 20px}
@media(max-width:600px){.hotel-about-site #about .hotel-story-note{width:88%;padding:26px;margin-top:-28px}.hotel-about-site #about .hotel-story-carousel .about-home-film{bottom:58px!important}.hotel-about-site #about .hotel-story-note p{font-size:13px}}
/* Hotel introduction: balanced Diamant composition with the existing carousel. */
.hotel-about-site #about .about-shot-shell{width:min(var(--page-content-max,1460px),var(--page-content-width,91vw))!important;max-width:1460px!important;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr)!important;gap:55px!important;align-items:start!important}
.hotel-about-site #about .about-shot-copy{padding:20px 0 0!important;min-width:0}
.hotel-about-site #about .about-shot-copy h2{font-size:clamp(30px,2.5vw,39px)!important;line-height:1.25!important;margin-bottom:20px!important}
.hotel-about-site #about .about-shot-script{font-size:21px!important;line-height:1.5!important;margin-bottom:25px!important}
.hotel-about-site #about .hotel-story-media{width:100%!important;max-width:none!important;min-width:0;height:auto!important;margin:0!important;padding:0 0 26px!important}
.hotel-about-site #about .hotel-story-carousel{position:relative;isolation:isolate}
.hotel-about-site #about .hotel-story-carousel:before{display:none}
.hotel-about-site #about .hotel-story-slides{height:490px;border-radius:9px;position:relative}
.hotel-about-site #about .hotel-story-slides:after{content:'';position:absolute;inset:50% 0 0;background:linear-gradient(transparent,#18172488);pointer-events:none}
.hotel-about-site #about .hotel-story-prev,.hotel-about-site #about .hotel-story-next{top:43%}
.hotel-about-site #about .hotel-story-note{position:relative;width:46%;margin:-182px -12px 0 auto!important;padding:24px 25px!important;min-height:182px;outline-offset:-10px;box-shadow:0 12px 25px #2222}
.hotel-about-site #about .hotel-story-note>span{height:20px;font-size:30px}
.hotel-about-site #about .hotel-story-note p{font-size:13px!important;line-height:1.75!important;margin:8px 0 13px!important}
.hotel-about-site #about .hotel-story-note strong{font-size:10px;line-height:1.6;display:block}
.hotel-about-site #about .hotel-story-carousel .about-home-film{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;left:24px!important;bottom:30px!important;width:47%!important;max-width:none!important}
.hotel-about-site #about .hotel-story-carousel .about-home-film>span{width:58px;height:58px;flex:0 0 58px}
.hotel-about-site #about .hotel-story-carousel .about-home-film>b{max-width:150px;font-size:10px!important;line-height:1.6!important;text-align:left}
@media(max-width:1100px){.hotel-about-site #about .about-shot-shell{grid-template-columns:1fr!important;gap:35px!important}.hotel-about-site #about .about-shot-copy{max-width:none!important}.hotel-about-site #about .hotel-story-slides{height:500px}}
@media(max-width:600px){.hotel-about-site #about .hotel-story-slides{height:380px}.hotel-about-site #about .hotel-story-note{width:100%;margin:16px 0 0!important;min-height:0;padding:25px!important}.hotel-about-site #about .hotel-story-carousel .about-home-film{width:calc(100% - 40px)!important;left:20px!important;bottom:22px!important}.hotel-about-site #about .hotel-story-carousel .about-home-film>b{max-width:none;font-size:11px!important}.hotel-about-site #about .about-shot-script{font-size:19px!important}}
.hotel-about-site #about .about-shot-copy{display:flex;flex-direction:column}
.hotel-about-site #about .about-shot-kicker{order:0;margin-bottom:13px!important}
.hotel-about-site #about .about-shot-script{order:1;font-size:16px!important;line-height:1.6!important;margin:0 0 12px!important}
.hotel-about-site #about .about-shot-copy h2{order:2;margin-bottom:28px!important}
.hotel-about-site #about .about-shot-text{order:3}
.hotel-about-site #about .about-shot-features{display:none!important}
.hotel-about-site #about .hotel-intro-reserve{display:inline-flex;align-items:center;justify-content:center;gap:25px;margin-top:28px;padding:18px 25px;background:#272432;color:#d2b078;border:1px solid #272432;border-radius:3px;font:500 11px/1.5 Roboto,Arial,sans-serif;letter-spacing:.5px;transition:background .2s,color .2s}
.hotel-about-site #about .hotel-intro-reserve:hover,.hotel-about-site #about .hotel-intro-reserve:focus-visible{background:#b38f56;border-color:#b38f56;color:#fff}
/* Reference about.html: an independent intro, rather than the homepage collage. */
.hotel-about-site #about.hotel-reference-intro{position:relative;padding:80px 0 85px!important;background:#fff!important;overflow:visible}
.hotel-about-site #about.hotel-reference-intro:before{content:'';position:absolute;inset:0;background:url('diamont/wp-content/themes/diamant/assets/images/map_bg.png') no-repeat 44% 15%;background-size:440px auto;opacity:.3;pointer-events:none;border:0;border-radius:0;transform:none}
.hotel-about-site #about.hotel-reference-intro:after{display:none!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:60px!important;align-items:start!important;position:relative}
.hotel-about-site #about.hotel-reference-intro .about-shot-copy{padding-top:26px!important;display:block}
.hotel-about-site #about.hotel-reference-intro .about-shot-kicker{display:block;width:36px;height:1px;background:#c4a16b;margin:0 0 19px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-script{font-family:Roboto,Arial,sans-serif!important;font-size:14px!important;font-style:italic;font-weight:500;line-height:1.6!important;color:#b99560;margin:0 0 13px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-copy h2{font-size:35px!important;line-height:1.25!important;margin:0 0 31px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-text p{font-size:14px!important;line-height:1.95!important;color:#626b79;margin:0 0 20px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-text>p:first-child:first-letter{float:left;font:300 59px/.85 Georgia,serif;color:#c2a16e;margin:8px 13px 2px 0}
.hotel-about-site #about.hotel-reference-intro .hotel-story-slides{height:auto!important;aspect-ratio:1.5;border-radius:9px}
.hotel-about-site #about.hotel-reference-intro .hotel-story-slides img{height:100%;width:100%;position:absolute;inset:0;object-fit:cover}
.hotel-about-site #about.hotel-reference-intro .hotel-story-media{padding-bottom:0!important}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note{width:49%;min-height:0;margin:-153px -12px 0 auto!important;padding:25px 27px!important;border-radius:9px;outline-offset:-12px}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note>span{font-size:26px;height:15px;line-height:1}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note p{font-size:13px!important;line-height:1.7!important;margin:10px 0 15px!important}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note strong{font-size:11px;line-height:1.7;font-weight:400}
.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film{left:24px!important;bottom:24px!important;width:43%!important;gap:13px!important}
.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film>span{width:60px;height:60px;flex-basis:60px;border-width:7px}
.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film>b{font-size:10px!important;line-height:1.65!important;letter-spacing:.15px;max-width:125px}
.hotel-about-site #about.hotel-reference-intro .hotel-intro-reserve{margin-top:25px;min-width:220px;padding:18px 24px}
@media(max-width:1000px){.hotel-about-site #about.hotel-reference-intro .about-shot-shell{grid-template-columns:1fr!important;gap:38px!important}.hotel-about-site #about.hotel-reference-intro .about-shot-copy{padding-top:0!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-note{width:45%;margin-top:-145px!important}}
@media(max-width:600px){.hotel-about-site #about.hotel-reference-intro{padding:45px 0 55px!important}.hotel-about-site #about.hotel-reference-intro .about-shot-copy h2{font-size:30px!important;margin-bottom:25px!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-slides{aspect-ratio:1.15}.hotel-about-site #about.hotel-reference-intro .hotel-story-note{width:100%;margin:16px 0 0!important;padding:27px!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film{width:calc(100% - 40px)!important;left:20px!important;bottom:20px!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film>b{max-width:none}.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film>span{width:52px;height:52px;flex-basis:52px}.hotel-about-site #about.hotel-reference-intro .hotel-story-note p{font-size:14px!important}}
/* Final supplied composition: single perimeter, inset copy and a wide image. */
.hotel-about-site #about.hotel-reference-intro{width:calc(100% - 26px);margin:13px auto 0;padding:76px 0 78px!important;border:1px solid #e7e7e7;border-radius:11px;box-sizing:border-box}
.hotel-about-site #about.hotel-reference-intro:before{background-position:47% 25px;background-size:540px auto;opacity:.5}
.hotel-about-site #about.hotel-reference-intro .about-shot-shell{grid-template-columns:minmax(0,1fr) minmax(0,1.06fr)!important;gap:64px!important;width:min(var(--page-content-max,1460px),calc(var(--page-content-width,91vw) - 26px))!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-copy{padding-top:0!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-copy h2{font-size:36px!important;margin-bottom:32px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-text p{font-size:13px!important;line-height:1.9!important;margin-bottom:15px!important}
.hotel-about-site #about.hotel-reference-intro .hotel-story-media{padding-top:20px!important}
.hotel-about-site #about.hotel-reference-intro .hotel-story-slides{aspect-ratio:1.5}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note{width:48.5%;margin:-193px -26px 0 auto!important;min-height:193px;padding:33px 32px!important;position:relative;outline-offset:-14px}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note:before{content:'· · ·';position:absolute;top:4px;left:43%;color:#c3a16d;background:#272432;padding:0 10px;letter-spacing:3px;font-size:14px}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note>span{position:absolute;right:30px;bottom:26px;transform:rotate(180deg);font-size:30px;height:20px}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note p{font-size:13px!important;line-height:1.8!important;margin:6px 0 19px!important}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note strong{font-size:12px;color:#c5a76e;max-width:85%}
.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film{left:7%!important;bottom:30px!important;width:43%!important;gap:16px!important}
.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film>span{width:70px;height:70px;flex-basis:70px;border-width:9px}
.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film>b{font-size:10px!important;max-width:150px}
.hotel-about-site #about.hotel-reference-intro .hotel-intro-reserve{position:relative;margin-top:20px;min-width:235px;outline:1px dotted #e5e1da;outline-offset:9px;border-radius:2px}
@media(max-width:1100px){.hotel-about-site #about.hotel-reference-intro .about-shot-shell{gap:35px!important;grid-template-columns:1fr!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-note{min-height:160px;margin-top:-160px!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-media{padding-top:0!important}}
@media(max-width:600px){.hotel-about-site #about.hotel-reference-intro{width:calc(100% - 20px);padding:35px 0 40px!important}.hotel-about-site #about.hotel-reference-intro .about-shot-shell{width:calc(100% - 30px)!important}.hotel-about-site #about.hotel-reference-intro .about-shot-copy h2{font-size:29px!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-slides{aspect-ratio:1.12}.hotel-about-site #about.hotel-reference-intro .hotel-story-note{width:100%;margin:16px 0 0!important;min-height:0;padding:29px!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film{left:20px!important;width:calc(100% - 40px)!important;bottom:20px!important}.hotel-about-site #about.hotel-reference-intro .hotel-story-carousel .about-home-film>span{width:58px;height:58px;flex-basis:58px}}
@media(min-width:1101px){.hotel-about-site #about.hotel-reference-intro .hotel-story-slides{height:clamp(420px,31vw,524px)!important;aspect-ratio:auto}}
/* Hotel copy follows the restaurant introduction typography selected by the user. */
.hotel-about-site #about.hotel-reference-intro .about-shot-copy{display:flex;flex-direction:column;text-align:left}
.hotel-about-site #about.hotel-reference-intro .about-shot-kicker{order:0;width:auto;height:auto;background:none;margin:0 0 22px!important;color:#b4843f;font:500 10px/1.5 Roboto,Arial,sans-serif;letter-spacing:3px}
.hotel-about-site #about.hotel-reference-intro .about-shot-copy h2{order:1;font:300 clamp(32px,3vw,44px)/1.2 'Helvetica Neue',Roboto,Arial,sans-serif!important;letter-spacing:-1px;margin:0 0 15px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-script{order:2;max-width:580px;font:400 clamp(25px,2.3vw,34px)/1.4 'Segoe Script','Brush Script MT','Lucida Handwriting',cursive!important;color:#c08c38;letter-spacing:0;margin:0 0 29px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-text{order:3}
.hotel-about-site #about.hotel-reference-intro .about-shot-text p{font:400 16px/1.45 Roboto,Arial,sans-serif!important;color:#283445;margin:0 0 12px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-text>p:first-child:first-letter{float:none;font:inherit;color:inherit;margin:0}
@media(max-width:600px){.hotel-about-site #about.hotel-reference-intro .about-shot-copy h2{font-size:31px!important}.hotel-about-site #about.hotel-reference-intro .about-shot-script{font-size:25px!important;margin-bottom:24px!important}.hotel-about-site #about.hotel-reference-intro .about-shot-text p{font-size:15px!important;line-height:1.55!important}}
/* Remove the rounded outer backdrop from the hotel introduction. */
.hotel-about-site #about.hotel-reference-intro{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:#fff!important}
.hotel-about-site .about-photo-gallery{padding-top:65px;padding-bottom:65px}.hotel-about-site .about-gallery-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;border-top:1px solid #e8e3db;padding-top:30px}.hotel-about-site .about-gallery-heading h2{font:300 30px/1.3 Roboto,Arial,sans-serif;margin:0}.hotel-about-site .about-gallery-heading>a{font:500 11px/1.5 Roboto,Arial,sans-serif;letter-spacing:.5px;color:#a17e46;transition:color .2s}.hotel-about-site .about-gallery-heading>a:hover{color:#282534}.hotel-about-site .about-photo-gallery .ex-media-grid{columns:3;column-gap:22px}.hotel-about-site .about-photo-gallery .ex-media-grid figure img{height:260px}.hotel-about-site .about-photo-gallery .ex-media-grid figure:nth-child(4n+1) img{height:380px}@media(max-width:800px){.hotel-about-site .about-photo-gallery .ex-media-grid{columns:2;column-gap:14px}.hotel-about-site .about-photo-gallery .ex-media-grid figure img{height:190px}.hotel-about-site .about-photo-gallery .ex-media-grid figure:nth-child(4n+1) img{height:270px}}@media(max-width:550px){.hotel-about-site .about-photo-gallery{padding-top:40px;padding-bottom:40px}.hotel-about-site .about-gallery-heading{align-items:flex-start}.hotel-about-site .about-gallery-heading h2{font-size:25px}.hotel-about-site .about-gallery-heading>a{font-size:9px}.hotel-about-site .about-photo-gallery .ex-media-grid figure img{height:155px}.hotel-about-site .about-photo-gallery .ex-media-grid figure:nth-child(4n+1) img{height:230px}}
/* Shared page alignment and a wider, unconstrained hotel text column. */
.hotel-about-site #about.hotel-reference-intro{width:100%!important;margin-left:0!important;margin-right:0!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-shell{width:min(var(--page-content-max,1460px),var(--page-content-width,91vw))!important;max-width:var(--page-content-max,1460px)!important;margin-left:auto!important;margin-right:auto!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:32px!important}
.hotel-about-site #about.hotel-reference-intro .about-shot-copy,.hotel-about-site #about.hotel-reference-intro .about-shot-text{width:100%!important;max-width:none!important;min-width:0!important;margin-left:0!important;margin-right:0!important;box-sizing:border-box}
.hotel-about-site #about.hotel-reference-intro .about-shot-text p{width:100%!important;max-width:none!important}
.hotel-about-site #about.hotel-reference-intro .hotel-story-note{margin-right:0!important}
@media(max-width:1100px){.hotel-about-site #about.hotel-reference-intro .about-shot-shell{grid-template-columns:1fr!important;gap:32px!important}}