/* ../../tmp/yummlove-site/src/style.css */
html {
  scroll-behavior: smooth;
}
html,
body,
#root {
  margin: 0;
  min-height: 100%;
}
body {
  background: var(--ds-page);
}
.site-mark {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .13em;
  border-bottom: 1px solid var(--ds-hairline);
  padding: 0 0 16px;
  margin-bottom: 18px;
}
.site-mark span {
  float: right;
  color: var(--ds-ink-2);
  font-weight: 350;
}
.desktop-nav {
  display: flex;
  gap: 28px;
  flex-wrap: wrap;
  padding: 16px 0 26px;
  border-bottom: 1px solid var(--ds-hairline);
}
.desktop-nav a,
.mobile-nav a {
  text-decoration: none;
  color: var(--ds-ink-2);
  font-weight: 600;
  font-size: 13px;
}
.desktop-nav a:hover,
.mobile-nav a:hover,
.arrow-link:hover {
  color: var(--ds-teal);
}
.mobile-nav {
  display: none;
}
.hero {
  margin: 25px 0 54px;
  position: relative;
  height: 390px;
  overflow: hidden;
  background: #ddd;
}
.hero > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 12%;
  display: block;
}
.hero-note {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(255, 255, 255, .95);
  padding: 24px 36px 26px;
  max-width: 380px;
}
.hero-note span,
.room-number,
.status,
.stories-eyebrow {
  font-size: 11px;
  letter-spacing: .14em;
  font-weight: 600;
}
.hero-note p {
  font-family: Georgia, serif;
  font-size: 28px;
  line-height: 1.22;
  margin: 12px 0;
}
.hero-note a,
.arrow-link {
  font-size: 13px;
  font-weight: 600;
  color: var(--ds-ink);
  text-decoration: none;
}
.intro-copy {
  font-size: 16px;
  line-height: 1.65;
  color: var(--ds-ink-2);
  margin: 10px 0 24px;
}
.rooms {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 22px;
  margin: 18px 0 52px;
}
.room {
  border: 1px solid var(--ds-hairline);
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.room-image {
  width: 100%;
  height: 245px;
  object-fit: cover;
}
.room-content {
  padding: 24px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
.room h3,
.project-list h3 {
  font-family: Georgia, serif;
  font-weight: 400;
  font-size: 27px;
  letter-spacing: -.025em;
  margin: 14px 0 10px;
}
.room p,
.project-list p,
.about p,
.contact p {
  font-size: 15px;
  line-height: 1.65;
  color: var(--ds-ink-2);
  margin: 0 0 18px;
}
.room .arrow-link {
  margin-top: auto;
  padding-top: 8px;
}
.inside {
  border-top: 1px solid var(--ds-hairline);
  padding: 18px 0;
  margin: 6px 0 12px;
}
.inside strong {
  font-weight: 600;
  font-size: 14px;
}
.inside p {
  font-size: 13px;
  margin: 8px 0 0;
}
.stories {
  background: #e8f0ec;
  padding: 38px 42px;
  margin: 16px 0 54px;
}
.stories h2,
.about h2,
.contact h2 {
  font-family: Georgia, serif;
  font-weight: 400;
  font-size: 38px;
  line-height: 1.15;
  letter-spacing: -.025em;
  margin: 12px 0 18px;
}
.stories p {
  font-size: 17px;
  line-height: 1.65;
  max-width: 650px;
}
.story-actions,
.contact-actions {
  display: flex;
  gap: 20px;
  align-items: center;
  flex-wrap: wrap;
  margin: 24px 0;
}
.story-actions a:not(.file-button) {
  color: var(--ds-ink);
  font-size: 14px;
  font-weight: 600;
}
.stories small {
  font-size: 12px;
  color: var(--ds-ink-2);
}
.project-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  margin: 26px 0 55px;
}
.project-current {
  padding: 30px;
  background: #f3eee8;
}
.project-past > div {
  border-top: 1px solid var(--ds-hairline);
  padding: 4px 0;
}
.project-past h3 {
  font-size: 21px;
  margin: 12px 0 4px;
}
.project-past p {
  font-size: 13px;
  margin: 0 0 10px;
}
.about {
  display: grid;
  grid-template-columns: .85fr 1.15fr;
  gap: 40px;
  align-items: center;
  margin: 20px 0 60px;
}
.about-photo {
  height: 360px;
  overflow: hidden;
}
.about img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 14%;
}
.contact {
  text-align: center;
  padding: 48px 22px;
  background: #f3eee8;
}
.contact p {
  margin: 0;
}
.contact-actions {
  justify-content: center;
}
.contact-detail {
  font-size: 13px;
  color: var(--ds-ink-2);
}
@media (max-width: 700px) {
  .site-mark span {
    float: none;
    display: block;
    margin-top: 7px;
    font-size: 9px;
  }
  .desktop-nav {
    display: none;
  }
  .mobile-nav {
    display: block;
    border-top: 1px solid var(--ds-hairline);
    border-bottom: 1px solid var(--ds-hairline);
    margin: 20px 0 0;
  }
  .mobile-nav summary {
    cursor: pointer;
    list-style: none;
    padding: 14px 0;
    min-height: 44px;
    box-sizing: border-box;
    font-weight: 600;
  }
  .mobile-nav summary::-webkit-details-marker {
    display: none;
  }
  .mobile-nav summary span {
    float: right;
  }
  .mobile-nav nav {
    display: flex;
    flex-direction: column;
    padding: 0 0 14px;
  }
  .mobile-nav nav a {
    min-height: 44px;
    display: flex;
    align-items: center;
  }
  .hero {
    height: 340px;
    margin: 18px 0 42px;
  }
  .hero > img {
    object-position: 50% 31%;
  }
  .hero-note {
    padding: 14px 18px;
    max-width: 70%;
  }
  .hero-note p {
    font-size: 21px;
  }
  .rooms,
  .project-list,
  .about {
    grid-template-columns: 1fr;
  }
  .room-image,
  .room:first-child:before {
    height: 220px;
  }
  .room-content {
    padding: 20px;
  }
  .stories {
    padding: 28px 22px;
    margin: 10px 0 45px;
  }
  .stories h2,
  .about h2,
  .contact h2 {
    font-size: 31px;
  }
  .project-list {
    gap: 20px;
  }
  .about {
    gap: 20px;
  }
  .about-photo {
    height: 245px;
  }
  .contact {
    padding: 34px 16px;
  }
  .contact-detail {
    display: block;
    overflow-wrap: anywhere;
  }
}
@media (max-width: 700px) {
  .mobile-nav {
    padding: 12px 0;
  }
  .mobile-label {
    font-size: 12px;
    font-weight: 600;
    display: block;
    margin-bottom: 6px;
  }
  .mobile-nav div {
    display: flex;
    flex-wrap: wrap;
    gap: 2px 18px;
  }
  .mobile-nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
  }
  .mobile-nav nav {
    display: none;
  }
}
:root {
  --accent:#E46224;
  --sea:#7CC8D8;
}
.site-mark {
  border-bottom-color: var(--accent);
}
.site-mark span,
.mobile-label,
.room-number,
.stories-eyebrow,
.status {
  color: #ba5224;
}
.hero-note {
  border-top: 4px solid var(--accent);
}
.hero-note span {
  color: #b74e21;
}
.room:first-child {
  border-top: 4px solid var(--sea);
}
.room:nth-child(2) {
  border-top: 4px solid var(--accent);
}
.stories {
  background: #e9f5f6;
}
.project-current {
  border-top: 4px solid var(--accent);
}
.arrow-link,
.woven-links a {
  color: #a84519;
}
.woven-links {
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  padding-top: 8px;
  margin-top: auto;
}
.woven-links a {
  font-size: 13px;
  font-weight: 600;
  text-decoration: none;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.photo-strip {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  margin: -22px 0 56px;
}
.photo-strip figure {
  margin: 0;
}
.photo-strip img {
  height: 180px;
  width: 100%;
  object-fit: cover;
}
.photo-strip figcaption {
  font-size: 11px;
  color: var(--ds-ink-2);
  margin-top: 6px;
}
.about img {
  object-position: center;
}
.desktop-nav a,
.mobile-nav a {
  cursor: pointer;
}
.desktop-nav a:active,
.mobile-nav a:active {
  color: var(--accent);
}
@media (max-width: 700px) {
  .photo-strip {
    grid-template-columns: repeat(3, 74%);
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    padding-bottom: 8px;
    margin-top: -10px;
  }
  .photo-strip figure {
    scroll-snap-align: start;
  }
  .photo-strip img {
    height: 170px;
  }
  .mobile-nav a {
    color: var(--ds-ink);
    text-decoration: underline;
    text-decoration-color: var(--sea);
    text-underline-offset: 5px;
  }
  .woven-links {
    gap: 8px;
  }
  .woven-links a {
    min-height: 44px;
  }
  .room-image {
    height: 220px;
  }
}
.accent-band {
  background: #1f2e60;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  letter-spacing: .14em;
  padding: 18px 25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: -12px 0 50px;
}
.accent-band span {
  font-size: 28px;
  color: var(--sea);
  line-height: 1;
}
@media (max-width: 700px) {
  .accent-band {
    font-size: 11px;
    letter-spacing: .08em;
    padding: 13px 16px;
    margin: -14px 0 42px;
  }
  .accent-band span {
    font-size: 20px;
  }
}
.all-rooms {
  margin: 24px 0;
  color: var(--ds-ink-2);
  font-size: 13px;
}
.all-rooms a {
  color: var(--ds-ink);
  text-decoration: underline;
  text-decoration-color: var(--sea);
  text-underline-offset: 4px;
  min-height: 44px;
  display: inline-flex;
  align-items: center;
}
.desktop-nav button,
.mobile-nav button,
.hero-note button,
.bottom-nav button {
  appearance: none;
  border: 0;
  background: none;
  font: inherit;
  cursor: pointer;
  color: var(--ds-ink-2);
  font-weight: 600;
  font-size: 13px;
  padding: 0;
  min-height: 44px;
  text-align: left;
}
.desktop-nav button:hover,
.mobile-nav button:hover,
.desktop-nav button[aria-current=page],
.mobile-nav button[aria-current=page] {
  color: var(--ds-teal);
}
.mobile-nav div {
  gap: 2px 18px;
}
.mobile-nav button {
  text-decoration: underline;
  text-decoration-color: var(--sea);
  text-underline-offset: 5px;
  color: var(--ds-ink);
}
.hero-note button,
.bottom-nav button {
  color: var(--ds-ink);
  text-decoration: underline;
  text-decoration-color: var(--sea);
  text-underline-offset: 4px;
}
.bottom-nav {
  border-top: 1px solid var(--ds-hairline);
  margin-top: 38px;
  padding-top: 15px;
}
.about-intro {
  font-weight: 600;
  color: var(--ds-ink) !important;
}
.hero > img {
  object-position: center top;
}
@media (max-width: 700px) {
  .hero > img {
    object-position: center top;
  }
}
@media (min-width: 900px) {
  .file-card {
    max-width: 1240px;
    gap: 36px;
  }
  .hero {
    display: grid;
    grid-template-columns: 46% 54%;
    height: 470px;
    background: #f3eee8;
    overflow: hidden;
  }
  .hero > img {
    height: 470px;
    object-fit: cover;
    object-position: center top;
  }
  .hero-note {
    position: static;
    align-self: center;
    padding: 50px 55px;
    background: transparent;
    max-width: none;
    border-top: 0;
  }
  .hero-note p {
    font-size: 42px;
    line-height: 1.15;
    max-width: 440px;
  }
  .hero-note span {
    color: #b74e21;
  }
  .stories {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(0, .75fr);
    gap: 42px;
    align-items: center;
  }
  .stories p {
    margin-bottom: 0;
  }
  .stories-side {
    align-self: end;
  }
  .story-actions {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    margin: 0 0 16px;
  }
  .contact {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 36px;
    text-align: left;
    align-items: center;
    padding: 44px 50px;
  }
  .contact-actions {
    justify-content: flex-start;
    margin: 0 0 12px;
  }
}

html {scroll-behavior:smooth} html,body,#root{margin:0;min-height:100%} body{background:var(--ds-page)} .site-mark{font-size:12px;font-weight:600;letter-spacing:.13em;border-bottom:1px solid var(--ds-hairline);padding:0 0 16px;margin-bottom:18px}.site-mark span{float:right;color:var(--ds-ink-2);font-weight:350}.desktop-nav{display:flex;gap:28px;flex-wrap:wrap;padding:16px 0 26px;border-bottom:1px solid var(--ds-hairline)}.desktop-nav a,.mobile-nav a{text-decoration:none;color:var(--ds-ink-2);font-weight:600;font-size:13px}.desktop-nav a:hover,.mobile-nav a:hover,.arrow-link:hover{color:var(--ds-teal)}.mobile-nav{display:none}.hero{margin:25px 0 54px;position:relative;height:390px;overflow:hidden;background:#ddd}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;display:block}.hero-note{position:absolute;left:0;bottom:0;background:rgba(255,255,255,.95);padding:24px 36px 26px;max-width:380px}.hero-note span,.room-number,.status,.stories-eyebrow{font-size:11px;letter-spacing:.14em;font-weight:600}.hero-note p{font-family:Georgia,serif;font-size:28px;line-height:1.22;margin:12px 0}.hero-note a,.arrow-link{font-size:13px;font-weight:600;color:var(--ds-ink);text-decoration:none}.intro-copy{font-size:16px;line-height:1.65;color:var(--ds-ink-2);margin:10px 0 24px}.rooms{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:18px 0 52px}.room{border:1px solid var(--ds-hairline);display:flex;flex-direction:column;min-width:0}.room-image{width:100%;height:245px;object-fit:cover}.room-content{padding:24px;display:flex;flex-direction:column;flex:1}.room h3,.project-list h3{font-family:Georgia,serif;font-weight:400;font-size:27px;letter-spacing:-.025em;margin:14px 0 10px}.room p,.project-list p,.about p,.contact p{font-size:15px;line-height:1.65;color:var(--ds-ink-2);margin:0 0 18px}.room .arrow-link{margin-top:auto;padding-top:8px}.inside{border-top:1px solid var(--ds-hairline);padding:18px 0;margin:6px 0 12px}.inside strong{font-weight:600;font-size:14px}.inside p{font-size:13px;margin:8px 0 0}.stories{background:#e8f0ec;padding:38px 42px;margin:16px 0 54px}.stories h2,.about h2,.contact h2{font-family:Georgia,serif;font-weight:400;font-size:38px;line-height:1.15;letter-spacing:-.025em;margin:12px 0 18px}.stories p{font-size:17px;line-height:1.65;max-width:650px}.story-actions,.contact-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap;margin:24px 0}.story-actions a:not(.file-button){color:var(--ds-ink);font-size:14px;font-weight:600}.stories small{font-size:12px;color:var(--ds-ink-2)}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:26px 0 55px}.project-current{padding:30px;background:#f3eee8}.project-past>div{border-top:1px solid var(--ds-hairline);padding:4px 0}.project-past h3{font-size:21px;margin:12px 0 4px}.project-past p{font-size:13px;margin:0 0 10px}.about{display:grid;grid-template-columns: .85fr 1.15fr;gap:40px;align-items:center;margin:20px 0 60px}.about-photo{height:360px;overflow:hidden}.about img{width:100%;height:100%;object-fit:cover;object-position:50% 14%}.contact{text-align:center;padding:48px 22px;background:#f3eee8}.contact p{margin:0}.contact-actions{justify-content:center}.contact-detail{font-size:13px;color:var(--ds-ink-2)}
@media(max-width:700px){.site-mark span{float:none;display:block;margin-top:7px;font-size:9px}.desktop-nav{display:none}.mobile-nav{display:block;border-top:1px solid var(--ds-hairline);border-bottom:1px solid var(--ds-hairline);margin:20px 0 0}.mobile-nav summary{cursor:pointer;list-style:none;padding:14px 0;min-height:44px;box-sizing:border-box;font-weight:600}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary span{float:right}.mobile-nav nav{display:flex;flex-direction:column;padding:0 0 14px}.mobile-nav nav a{min-height:44px;display:flex;align-items:center}.hero{height:340px;margin:18px 0 42px}.hero>img{object-position:50% 31%}.hero-note{padding:14px 18px;max-width:70%}.hero-note p{font-size:21px}.rooms,.project-list,.about{grid-template-columns:1fr}.room-image,.room:first-child:before{height:220px}.room-content{padding:20px}.stories{padding:28px 22px;margin:10px 0 45px}.stories h2,.about h2,.contact h2{font-size:31px}.project-list{gap:20px}.about{gap:20px}.about-photo{height:245px}.contact{padding:34px 16px}.contact-detail{display:block;overflow-wrap:anywhere}}

@media(max-width:700px){.mobile-nav{padding:12px 0}.mobile-label{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.mobile-nav div{display:flex;flex-wrap:wrap;gap:2px 18px}.mobile-nav a{display:inline-flex;align-items:center;min-height:44px}.mobile-nav nav{display:none}}

:root{--accent:#E46224;--sea:#7CC8D8}.site-mark{border-bottom-color:var(--accent)}.site-mark span,.mobile-label,.room-number,.stories-eyebrow,.status{color:#ba5224}.hero-note{border-top:4px solid var(--accent)}.hero-note span{color:#b74e21}.room:first-child{border-top:4px solid var(--sea)}.room:nth-child(2){border-top:4px solid var(--accent)}.stories{background:#e9f5f6}.project-current{border-top:4px solid var(--accent)}.arrow-link,.woven-links a{color:#a84519}.woven-links{display:flex;gap:14px;flex-wrap:wrap;padding-top:8px;margin-top:auto}.woven-links a{font-size:13px;font-weight:600;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}.photo-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:-22px 0 56px}.photo-strip figure{margin:0}.photo-strip img{height:180px;width:100%;object-fit:cover}.photo-strip figcaption{font-size:11px;color:var(--ds-ink-2);margin-top:6px}.about img{object-position:center}.desktop-nav a,.mobile-nav a{cursor:pointer}.desktop-nav a:active,.mobile-nav a:active{color:var(--accent)}
@media(max-width:700px){.photo-strip{grid-template-columns:repeat(3,74%);overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:8px;margin-top:-10px}.photo-strip figure{scroll-snap-align:start}.photo-strip img{height:170px}.mobile-nav a{color:var(--ds-ink);text-decoration:underline;text-decoration-color:var(--sea);text-underline-offset:5px}.woven-links{gap:8px}.woven-links a{min-height:44px}.room-image{height:220px}}

.accent-band{background:#1f2e60;color:#fff;font-size:18px;font-weight:600;letter-spacing:.14em;padding:18px 25px;display:flex;justify-content:space-between;align-items:center;margin:-12px 0 50px}.accent-band span{font-size:28px;color:var(--sea);line-height:1}@media(max-width:700px){.accent-band{font-size:11px;letter-spacing:.08em;padding:13px 16px;margin:-14px 0 42px}.accent-band span{font-size:20px}}
.all-rooms{margin:24px 0;color:var(--ds-ink-2);font-size:13px}.all-rooms a{color:var(--ds-ink);text-decoration:underline;text-decoration-color:var(--sea);text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
/* Visible room controls keep their result at the top of the embedded page. */
.desktop-nav button,.mobile-nav button,.hero-note button,.bottom-nav button{appearance:none;border:0;background:none;font:inherit;cursor:pointer;color:var(--ds-ink-2);font-weight:600;font-size:13px;padding:0;min-height:44px;text-align:left}
.desktop-nav button:hover,.mobile-nav button:hover,.desktop-nav button[aria-current="page"],.mobile-nav button[aria-current="page"]{color:var(--ds-teal)}
.mobile-nav div{gap:2px 18px}.mobile-nav button{text-decoration:underline;text-decoration-color:var(--sea);text-underline-offset:5px;color:var(--ds-ink)}
.hero-note button,.bottom-nav button{color:var(--ds-ink);text-decoration:underline;text-decoration-color:var(--sea);text-underline-offset:4px}
.bottom-nav{border-top:1px solid var(--ds-hairline);margin-top:38px;padding-top:15px}
.about-intro{font-weight:600;color:var(--ds-ink)!important}
.hero>img{object-position:center top}
@media(max-width:700px){.hero>img{object-position:center top}}
@media(min-width:900px){
 .file-card{max-width:1240px;gap:36px}
 .hero{display:grid;grid-template-columns:46% 54%;height:470px;background:#f3eee8;overflow:hidden}
 .hero>img{height:470px;object-fit:cover;object-position:center top}
 .hero-note{position:static;align-self:center;padding:50px 55px;background:transparent;max-width:none;border-top:0}
 .hero-note p{font-size:42px;line-height:1.15;max-width:440px}
 .hero-note span{color:#b74e21}
 .stories{display:grid;grid-template-columns: minmax(0,1.25fr) minmax(0,.75fr);gap:42px;align-items:center}
 .stories p{margin-bottom:0}.stories-side{align-self:end}
 .story-actions{align-items:flex-start;flex-direction:column;gap:14px;margin:0 0 16px}
 .contact{display:grid;grid-template-columns:1.25fr .75fr;gap:36px;text-align:left;align-items:center;padding:44px 50px}
 .contact-actions{justify-content:flex-start;margin:0 0 12px}
}

body{width:auto!important}.file-card{box-sizing:border-box}[hidden]{display:none!important}button:focus-visible,a:focus-visible{outline:2px solid #a84519;outline-offset:4px}
.recipe-photo{width:100%;height:auto;display:block;margin:0 0 24px}.stories-side{min-width:0}@media(min-width:701px){.recipe-photo{max-height:380px;width:auto;max-width:100%;margin-left:auto;margin-right:auto}}
.desktop-nav a,.mobile-nav a,.bottom-nav a{display:inline-flex;align-items:center;min-height:44px}.desktop-nav a[aria-current=page],.mobile-nav a[aria-current=page]{color:var(--ds-ink);border-bottom:1px solid var(--ds-ink)}.hero-note h1{font-family:Georgia,serif;font-size:28px;line-height:1.22;font-weight:400;margin:12px 0}.service-page{margin:25px 0 45px}.service-page h1{font-family:Georgia,serif;font-weight:400;font-size:38px;line-height:1.15;letter-spacing:-.025em;margin:14px 0 18px}.service-page h2{font-family:Georgia,serif;font-size:25px;font-weight:400}.service-page .room{max-width:760px}.service-page .room-image{height:300px}.service-page p{font-size:15px;line-height:1.65;color:var(--ds-ink-2)}.service-links{display:flex;gap:16px;flex-wrap:wrap;margin-top:16px}.site-footer{border-top:1px solid var(--ds-hairline);padding:22px 0 0;display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:26px}.site-footer a{font-size:12px;color:var(--ds-ink-2);text-decoration:none;min-height:36px;display:inline-flex;align-items:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:700px){.service-page h1{font-size:30px}.service-page .room-image{height:245px}.site-mark span{float:none;display:block;margin-top:6px}}

@media(max-width:700px){.hero{height:auto;overflow:visible;display:flex;flex-direction:column}.hero>img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain}.hero-note{position:static;max-width:none;width:auto;box-sizing:border-box;background:var(--ds-raised);padding:24px}.contact-actions{display:flex;flex-direction:column;align-items:stretch;gap:16px}.contact-actions a{width:100%;box-sizing:border-box;min-height:48px;justify-content:space-between}.contact-actions a span{display:inline;width:auto!important;max-width:none!important;min-width:0;flex:1 1 auto;white-space:normal;overflow:visible;text-overflow:clip}.contact-actions svg{flex:0 0 16px;width:16px;height:16px}.contact-detail{overflow-wrap:anywhere}}

.site-cta{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;max-width:100%;min-height:48px;padding:12px 18px;background:#251f21;color:#fff!important;font:600 14px/1.5 Arial,sans-serif;text-decoration:none;border-radius:4px;white-space:normal;overflow-wrap:normal}.contact-actions .site-cta:nth-child(2){background:#fff;color:#251f21!important;border:1px solid #eae9ea}.story-actions .site-cta{flex:0 1 auto}.story-actions a{position:static}@media(max-width:700px){.story-actions{align-items:stretch;flex-direction:column;gap:18px}.story-actions .site-cta{width:100%;min-height:48px}.contact-actions .site-cta{width:100%}}

.page-room>h1{font:400 38px/1.15 Georgia,serif;letter-spacing:-.025em;margin:12px 0 18px}@media(max-width:700px){.page-room>h1{font-size:30px}}