/* Lake Como: keep the editorial image-led rhythm without splitting the copy into narrow columns. */
html[data-theme="lake-como"] .travel.photo-block{
  background:var(--mist)!important;
  color:var(--ink);
}
html[data-theme="lake-como"] .travel .kicker,
html[data-theme="lake-como"] .travel .text-link,
html[data-theme="lake-como"] .travel .text-button{color:var(--blue)}
html[data-theme="lake-como"] .travel address{color:var(--muted)}
html[data-theme="lake-como"] .travel .transport-card{
  background:rgba(255,255,255,.62);
  border-color:var(--line);
}
@media (min-width:961px){
  html[data-theme="lake-como"] .story{
    grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);
    grid-template-areas:
      "story-lead story-image"
      "story-copy story-image";
    column-gap:clamp(56px,7vw,116px);
    row-gap:clamp(24px,3vw,48px);
    align-items:start;
    padding-block:clamp(96px,11vw,154px);
  }
  html[data-theme="lake-como"] .story>div{grid-area:story-lead;max-width:560px}
  html[data-theme="lake-como"] .story>p{
    grid-area:story-copy;
    max-width:52ch;
    padding-top:0;
    font-size:1rem;
    line-height:1.75;
  }
  html[data-theme="lake-como"] .story h2{max-width:10.5ch;margin:14px 0 0}
  html[data-theme="lake-como"] .story-image{
    grid-area:story-image;
    width:100%;
    min-height:0;
    height:clamp(520px,42vw,660px);
    align-self:stretch;
  }
  html[data-theme="lake-como"] .story-image img{height:100%;min-height:0}

  html[data-theme="lake-como"] .travel.photo-block{
    display:grid;
    align-items:start;
    min-height:0;
    padding-block:clamp(88px,10vw,136px);
  }
  html[data-theme="lake-como"] .travel.photo-block>div{
    display:grid;
    grid-template-columns:minmax(0,.82fr) minmax(330px,1.18fr);
    column-gap:clamp(56px,8vw,132px);
    row-gap:0;
    width:100%;
    max-width:none;
  }
  html[data-theme="lake-como"] .travel .kicker{grid-column:1;grid-row:1;margin:0 0 16px}
  html[data-theme="lake-como"] .travel h2{grid-column:1;grid-row:2;max-width:9ch;margin:0}
  html[data-theme="lake-como"] .travel #travel-copy{
    grid-column:2;
    grid-row:1;
    align-self:end;
    max-width:48ch;
    margin:0 0 18px;
    color:var(--muted);
  }
  html[data-theme="lake-como"] .travel address{
    grid-column:2;
    grid-row:2;
    align-self:start;
    max-width:48ch;
    margin:0;
    padding-top:2px;
  }
  html[data-theme="lake-como"] .travel .guest-actions{grid-column:2;grid-row:3;margin-top:20px}
  html[data-theme="lake-como"] .travel .transport-list{grid-column:2;grid-row:4;margin-top:28px}
}