/* Reference proportions and photo-safe frames, scoped to About only. */
@media(min-width:701px){.about-reference .ab-hero{height:clamp(440px,35vw,640px);background-size:auto,auto calc(100% - 75px);background-position:center,right bottom;background-repeat:no-repeat;background-color:#110d08;padding-top:125px}.about-reference .ab-restaurant{min-height:clamp(350px,29vw,530px);background-size:auto,auto 100%;background-position:center,right center;background-repeat:no-repeat;background-color:#100b06;display:flex;align-items:center}.ab-restaurant>.container{position:relative}.ab-restaurant .ab-mini{max-width:44%;flex-wrap:wrap}.ab-restaurant p{max-width:38%}.ab-restaurant .ab-script{right:3%;top:20%}}
.ab-hero{background-position:center 30%}
.ab-restaurant{background-position:center 18%}
.about-reference .ab-story{width:100%;max-width:1440px;grid-template-columns:44% 56%;padding:8px 0;align-items:stretch}
.ab-story-copy{padding:26px 35px 28px max(30px,8vw);display:flex;flex-direction:column;justify-content:center}
.ab-story-photo{min-height:390px;border-radius:8px 0 0 8px;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#25190e}
.ab-story-photo>img{position:relative;inset:auto;height:100%;min-height:0;aspect-ratio:1.75;object-fit:cover;object-position:55% 52%}
.ab-photo-features{position:relative;inset:auto;min-height:84px;background:#171009;padding:14px 8px}
.ab-photo-quote{top:8%;right:5%;background:linear-gradient(90deg,transparent,#160e0677);max-width:44%}
.ab-experience-card{height:auto;aspect-ratio:1.55;display:grid;grid-template-rows:minmax(0,1fr) auto;background:#110c06}
.ab-experience-card>img{height:100%;min-height:0;object-fit:cover;object-position:center 58%;display:block}
.ab-experience-card>div{position:relative;inset:auto;padding:12px 16px;background:#110c06;min-height:76px}
.ab-experience-card:nth-child(2)>img{object-position:72% 62%}
.ab-room-card{display:flex;flex-direction:column}.ab-room-card>img{display:block;height:auto;aspect-ratio:1.8;object-position:center 60%}.ab-room-card>div{flex:1;align-items:flex-start;min-height:112px}.ab-room-card>div>span{display:flex;flex-direction:column;align-self:stretch}.ab-room-card b{margin-top:auto}
.ab-values{position:relative;padding:26px 0 30px;background:none}.ab-values:before,.ab-values:after{content:"";position:absolute;top:0;bottom:0;width:140px;background:url('assets/leaf.svg') center/contain no-repeat;pointer-events:none;opacity:.7}.ab-values:before{left:-70px}.ab-values:after{right:-65px;transform:scaleX(-1)}
.ab-values .ab-section-heading{margin-bottom:22px}.ab-value-grid{grid-template-columns:repeat(4,minmax(0,1fr)) .98fr;gap:18px;align-items:stretch}
.ab-value{position:relative;display:flex;flex-direction:column;min-height:0;height:310px;padding:0;border-radius:130px 130px 5px 5px;background:#fff;box-shadow:0 3px 28px #bb853620;overflow:hidden}
.ab-value-copy{position:relative;z-index:1;padding:30px 17px 7px;text-align:center;min-height:173px;background:#fff;flex-shrink:0}
.ab-value-copy>.icon{display:block;width:31px;height:31px;color:#bc671b;margin:0 auto 13px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round}
.ab-value h3{font:600 12px var(--sans);margin:0 0 10px;color:#192030}.ab-value p{max-width:175px;margin:0 auto;font-size:11px;line-height:1.45;color:#555c68}
.ab-value img{position:relative;inset:auto;display:block;width:100%;height:145px;min-height:0;flex:1;object-fit:cover;object-position:center 61%;mask-image:linear-gradient(transparent,#000 18%);margin-top:-6px}
.ab-value-note{position:relative;display:block;overflow:hidden;min-height:310px;border-radius:130px 130px 5px 5px;background:#f9ebd3}.ab-value-note>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% center}.ab-value-note>span{position:absolute;left:8%;bottom:15%;font:32px/1.12 'Caveat',cursive;color:#8a461c;transform:rotate(-8deg);text-shadow:0 1px 4px #fff8;z-index:1}
@media(min-width:701px) and (max-width:1050px){.ab-story-copy{padding:24px 25px 24px 7vw}.ab-story-photo{min-height:355px}.ab-story h2{font-size:29px}.ab-story-copy>p{font-size:11px}.ab-value-grid{gap:12px}.ab-value{height:260px}.ab-value-copy{padding:24px 10px 5px;min-height:165px}.ab-value-copy>.icon{width:27px;height:27px;margin-bottom:10px}.ab-value h3{font-size:10px}.ab-value p{font-size:10px}.ab-value img{height:100px}.ab-value-note{min-height:260px}.ab-value-note>span{font-size:27px}.ab-experience-card>div{padding:11px;gap:9px}.ab-experience-card strong{font-size:12px}.ab-experience-card small{font-size:10px}}
@media(max-width:700px){.about-reference .ab-story{width:90%;grid-template-columns:1fr}.ab-story-copy{padding:20px 0}.ab-story-photo{min-height:0;border-radius:8px}.ab-story-photo>img{aspect-ratio:1.5;height:auto}.ab-photo-quote{top:7%;padding:8px;max-width:50%}.ab-photo-features{min-height:80px}.ab-value-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px}.ab-value{height:290px}.ab-value-copy{min-height:168px;padding:28px 12px 5px}.ab-value-note{display:block;grid-column:1/-1;min-height:220px;width:100%;border-radius:12px}.ab-value-note>img{object-fit:cover;object-position:center 72%}.ab-value-note>span{left:17%;bottom:22%;font-size:35px}.ab-values:before,.ab-values:after{display:none}.ab-experience-card{aspect-ratio:1.4}.ab-room-card>img{aspect-ratio:1.45}.ab-room-card>div{min-height:115px}.ab-value h3{font-size:11px}.ab-value p{font-size:10px}}
@media(max-width:700px){
  .about-reference .ab-hero{background-size:cover;background-position:center center;}
}
/* Match the CDR-inspired handwritten slogan treatment on About only. */
.about-reference #our-story .about-story-title>h3{font-family:'Allura','Betterlett','Brush Script MT',cursive;font-weight:400;line-height:1;color:#9b5c25;letter-spacing:.2px;transform:rotate(-2deg);transform-origin:left center}
.about-reference #our-story .about-story-title>h3{font-family:'BetterlettLocal','Betterlett','Brush Script MT',cursive}
@font-face{font-family:'BetterlettLocal';src:url('assets/fonts/Betterlett-Regular.ttf') format('truetype');font-display:swap;font-weight:400;font-style:normal}
/* Keep the matching About-page slogan centered as well. */
.about-reference #our-story .about-story-title>h3{text-align:center;width:100%;margin-left:0;transform:rotate(-2deg);transform-origin:center center}
.about-story-title{width:max-content;max-width:100%}
.about-story-title h2{width:max-content;max-width:100%}