/* The idea composer and the room cards are independent layout sections. */
#homeView .mh-hero h1 {
  font-size:clamp(44px,4.6vw,72px);
  line-height:1.08;
  letter-spacing:-.045em;
}
#homeView .mh-hero-copy { padding-right:clamp(24px,4vw,60px); }
#homeView .mh-hero-copy>p { max-width:440px; }
#categoryGrid.mh-home-rooms { display:block!important; }
#categoryGrid .mh-home-auto { width:100%; margin-bottom:34px; }
#categoryGrid .mh-auto-interior {
  display:grid;
  grid-template-columns:minmax(210px,.8fr) minmax(0,1.6fr);
  align-items:start;
  gap:10px 34px;
  max-width:none;
  margin:0;
  padding:28px;
  background:#f0f1e8;
  border:1px solid #d4d9c9;
  border-radius:16px;
}
#categoryGrid .mh-auto-interior>* { min-width:0; }
#categoryGrid .mh-auto-interior>.mh-auto-header {
  grid-column:1;
  grid-row:1 / 7;
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap:14px;
  margin:0;
}
#categoryGrid .mh-auto-header>img {
  flex:0 0 48px;
  width:48px;
  height:48px;
  object-fit:contain;
  background:#fbf5df;
  border-radius:50%;
}
#categoryGrid .mh-auto-header h2 {
  margin:2px 0 10px;
  font:500 27px/1.1 var(--st-serif,Georgia,serif);
  letter-spacing:-.02em;
}
#categoryGrid .mh-auto-header p { margin:0; color:#59644e; font-size:14px; line-height:1.6; }
#categoryGrid .mh-auto-interior>:not(.mh-auto-header) { grid-column:2; }
#categoryGrid .mh-auto-interior>label { margin:0; font-size:14px; font-weight:600; color:#35472e; }
#categoryGrid .mh-auto-interior>textarea {
  display:block;
  box-sizing:border-box;
  min-height:122px;
  max-height:300px;
  width:100%;
  margin:0;
  padding:14px 16px;
  resize:vertical;
  font-size:15px;
  line-height:1.6;
  border-color:#c8d0bd;
  border-radius:10px;
  color:#293d25;
}
#categoryGrid .mh-auto-interior>textarea::placeholder { color:#77816d; }
#categoryGrid .mh-auto-interior>.mh-auto-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
  margin:2px 0 0;
}
#categoryGrid .mh-auto-actions>button { min-height:46px; font-size:14px; padding:11px 16px; }
#categoryGrid .mh-auto-actions>[data-start-voice] { margin-right:auto; background:transparent; border-color:#bac5ac; }
#categoryGrid .mh-auto-actions>.button.dark { background:#354b32; color:#fff; border-color:#354b32; }
#categoryGrid .mh-auto-actions>.button.dark:hover { background:#233e23; }
#categoryGrid .mh-auto-interior>.mh-auto-status { font-size:14px; line-height:1.6; margin:5px 0; color:#42583a; }
#categoryGrid .mh-auto-interior>[data-start-voice-status],
#categoryGrid .mh-auto-interior>.mh-auto-data { font-size:11px; line-height:1.5; color:#717a67; }
#categoryGrid .mh-auto-interior>[data-start-voice-status] { margin-top:0; }
#categoryGrid .mh-home-room-heading { margin:0 0 20px; font:500 24px/1.3 var(--st-serif,Georgia,serif); color:#33452e; }
#categoryGrid .mh-home-card-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-auto-rows:1fr; gap:20px; align-items:stretch; }
#categoryGrid .mh-home-card-grid>.mh-room-card { display:flex; flex-direction:column; min-height:0; height:100%; }
#categoryGrid .mh-room-card>.mh-room-card-photo { flex:0 0 auto; width:100%; height:auto; aspect-ratio:3/2; padding:0; }
#categoryGrid .mh-room-card>.mh-room-card-copy { flex:1 0 auto; min-height:104px; padding:17px 40px 20px 17px; }
#categoryGrid .mh-room-card .mh-room-card-copy b { font-size:23px; }
#categoryGrid .mh-room-card .mh-room-card-copy small { font-size:13px; }
#categoryGrid :is(button,textarea):focus-visible { outline:3px solid #879969; outline-offset:3px; }
@media(max-width:1100px) {
  #categoryGrid .mh-home-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #categoryGrid .mh-auto-interior { grid-template-columns:minmax(190px,.8fr) minmax(0,1.6fr); gap:10px 22px; padding:24px; }
  #categoryGrid .mh-auto-interior>.mh-auto-header { flex-direction:column; gap:12px; }
}
@media(max-width:740px) {
  #homeView .mh-hero h1 { font-size:clamp(42px,8.7vw,62px); }
  #categoryGrid .mh-auto-interior { display:flex; flex-direction:column; align-items:stretch; gap:10px; padding:20px; }
  #categoryGrid .mh-auto-interior>.mh-auto-header { flex-direction:row; gap:13px; margin:0 0 8px; }
  #categoryGrid .mh-auto-header h2 { font-size:25px; margin-bottom:6px; }
  #categoryGrid .mh-auto-header p { font-size:13px; }
  #categoryGrid .mh-auto-interior>textarea { font-size:16px; min-height:132px; }
  #categoryGrid .mh-auto-actions>button { padding:11px 12px; font-size:13px; }
  #categoryGrid .mh-home-auto { margin-bottom:28px; }
  #categoryGrid .mh-home-room-heading { font-size:23px; margin-bottom:16px; }
  #categoryGrid .mh-home-card-grid { gap:12px; }
  #categoryGrid .mh-room-card>.mh-room-card-copy { padding:13px 30px 17px 12px; min-height:112px; }
  #categoryGrid .mh-room-card .mh-room-card-copy b { font-size:20px; }
  #categoryGrid .mh-room-card .mh-room-card-copy small { font-size:12px; }
}
@media(max-width:380px) {
  #categoryGrid .mh-auto-interior { padding:16px; }
  #categoryGrid .mh-auto-actions { justify-content:stretch; }
  #categoryGrid .mh-auto-actions>[data-start-ask] { flex:1; }
  #categoryGrid .mh-auto-actions>[data-start-voice] { padding-left:10px; padding-right:10px; }
  #categoryGrid .mh-room-card>.mh-room-card-copy { padding-left:10px; padding-right:24px; min-height:115px; }
  #categoryGrid .mh-room-card .mh-room-card-copy b { font-size:18px; }
  #categoryGrid .mh-room-card .mh-room-card-copy small { font-size:11px; }
}