/* Contextual cabin navigation and Country Life Field Notes. */

@media (min-width:769px){
  html body .site-nav .site-nav-inner,
  html body .site-nav.is-scrolled .site-nav-inner{
    display:grid!important;
    grid-template-columns:minmax(145px,1fr) auto!important;
    align-items:center!important;
    column-gap:clamp(1.5rem,3vw,3.25rem)!important;
  }
  html body .site-nav .brand-lockup{
    position:relative!important;
    inset:auto!important;
    grid-column:1!important;
    justify-self:start!important;
    transform:none!important;
  }
  html body .site-nav .nav-links,
  html body .site-nav.is-scrolled .nav-links{
    position:relative!important;
    inset:auto!important;
    grid-column:2!important;
    justify-self:end!important;
    justify-content:center!important;
    width:max-content!important;
    margin-right:calc(clamp(1.25rem,2.5vw,2.5rem) - 1.25rem)!important;
    transform:none!important;
    gap:clamp(2rem,3.35vw,3.8rem)!important;
  }
  html body .site-nav .nav-links .nav-country-life{
    margin-left:1.25rem!important;
  }
  html body .site-nav .nav-links .nav-book{
    min-width:max-content!important;
    transform:none!important;
  }
}

.site-nav{overflow:visible!important}
.ar-cabins-menu-trigger::after{
  display:inline-block;
  margin-left:.42rem;
  content:"+";
  font-size:.82em;
  transition:transform .18s ease;
}
.ar-cabins-menu-trigger[aria-expanded="true"]::after{transform:rotate(45deg)}
.ar-cabin-subnav[hidden]{display:none!important}
.ar-cabin-subnav{
  position:absolute;
  top:calc(50% + .62rem);
  left:var(--ar-cabin-subnav-left,50%);
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:clamp(1.2rem,1.9vw,2.05rem);
  width:max-content;
  padding:.32rem 0;
  border:0;
  background:transparent;
  box-shadow:none;
  transform:translateX(-50%);
}
.ar-cabin-subnav a{
  position:relative;
  color:rgba(41,37,31,.58)!important;
  font:400 clamp(.72rem,.82vw,.82rem)/1.2 "AR Haas Text",var(--font-text,Arial,sans-serif)!important;
  letter-spacing:.035em!important;
  text-decoration:none;
  text-transform:none!important;
  white-space:nowrap;
}
.ar-cabin-subnav a::after{
  position:absolute;
  right:0;
  bottom:-.25rem;
  left:0;
  height:1px;
  background:currentColor;
  content:"";
  opacity:0;
  transform:scaleX(.55);
  transition:opacity .18s ease,transform .18s ease;
}
.ar-cabin-subnav a:hover,
.ar-cabin-subnav a:focus-visible,
.ar-cabin-subnav a.is-active{color:rgba(41,37,31,.9)!important}
.ar-cabin-subnav a:hover::after,
.ar-cabin-subnav a:focus-visible::after,
.ar-cabin-subnav a.is-active::after{opacity:1;transform:scaleX(1)}

#alice-cabin,#romeo-cabin,#both-cabins{
  scroll-margin-top:var(--ar-nav-height,72px)!important;
  box-shadow:inset 0 1px rgba(41,37,31,.1);
}
#alice-cabin{box-shadow:inset 0 1px rgba(41,37,31,.18)}

#country-life .ar-field-notes>.ar-country-life-title .ar-country-life-title__note{
  align-self:baseline;
  width:auto;
  margin:0!important;
  padding:0!important;
  color:rgba(41,37,31,.58)!important;
  font:400 clamp(.76rem,.9vw,.9rem)/1.35 "AR Haas Text",var(--font-text,Arial,sans-serif)!important;
  letter-spacing:0;
  text-align:left!important;
}
#country-life .ar-field-notes>.ar-country-life-title{
  position:relative;
  display:flex;
  align-items:baseline;
  gap:clamp(.7rem,1.3vw,1.25rem);
  width:min(100%,1280px)!important;
  margin:0 auto!important;
  padding:clamp(.65rem,1.3vw,1rem) 0 .2rem!important;
  transform:none!important;
}
#country-life .ar-field-notes>.ar-country-life-title .section-header__title{
  flex:0 0 auto;
  align-self:baseline;
  justify-self:start;
  width:auto;
  margin:0!important;
  padding:0 0 .15rem!important;
  background:none;
  color:rgba(41,37,31,.99)!important;
  font-family:"AR Haas Display",var(--font-text,Arial,sans-serif)!important;
  font-size:clamp(1.55rem,2vw,2rem)!important;
  font-weight:400!important;
  font-style:normal!important;
  line-height:1!important;
  letter-spacing:-.018em!important;
  text-transform:none!important;
  text-align:left!important;
}
#country-life .ar-field-notes{
  position:relative;
  box-sizing:border-box;
  min-height:0!important;
  padding:0 clamp(1.25rem,5vw,5rem) .25rem;
  background:var(--ar-country-life-field,var(--paper-country-life,#f5f2ee))!important;
}
#country-life #alice.ar-field-notes .scrolly-body{
  display:block!important;
  width:min(100%,1280px)!important;
  max-width:none!important;
  margin:0 auto!important;
  padding:0!important;
}
.ar-field-notes__carousel{
  position:relative;
  padding-top:clamp(.4rem,1vw,.8rem);
}
.ar-field-notes__viewport{
  min-width:0;
  outline:0;
  touch-action:pan-y;
  user-select:none;
}
.ar-field-notes__viewport:focus-visible{outline:1px solid rgba(41,37,31,.32);outline-offset:8px}
.ar-field-notes__spread[hidden]{display:none!important}
.ar-field-notes__spread{
  display:grid;
  grid-template-columns:minmax(420px,1fr) minmax(0,1.45fr);
  gap:clamp(1.5rem,2.5vw,2.5rem);
  align-items:start;
  min-height:clamp(525px,63vh,640px);
}
#country-life #alice.ar-field-notes .ar-field-notes__spread .step,
#country-life #alice.ar-field-notes .ar-field-notes__spread .step:first-child,
#country-life #alice.ar-field-notes .ar-field-notes__spread .step:last-child{
  position:relative!important;
  grid-column:1;
  display:flex!important;
  min-height:0!important;
  margin:0!important;
  padding:clamp(.4rem,1vw,1rem) 0 clamp(.4rem,1vw,1rem) clamp(3.5rem,4.5vw,4.25rem)!important;
  box-sizing:border-box;
  justify-content:flex-start!important;
  align-items:flex-start!important;
  text-align:left!important;
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
  transform:none!important;
  transition:none!important;
}
#country-life #alice.ar-field-notes .ar-field-notes__spread .step>*{
  position:static!important;
  margin-left:0!important;
  margin-right:0!important;
  opacity:1!important;
  transform:none!important;
  text-align:left!important;
}
#country-life #alice.ar-field-notes .ar-field-notes__spread .step h3{
  font-size:clamp(1.6rem,1.9vw,1.9rem)!important;
  text-wrap:balance!important;
}
#country-life #alice.ar-field-notes .ar-field-notes__spread .step>p{
  font-size:1rem!important;
  line-height:1.45!important;
  text-wrap:pretty!important;
  hyphens:none;
}
#country-life #alice.ar-field-notes .ar-field-notes__spread .guest-annotation,
#country-life #alice.ar-field-notes .ar-field-notes__spread .guest-annotation em,
#country-life #alice.ar-field-notes .ar-field-notes__spread .guest-annotation strong{
  align-self:flex-start!important;
  margin-left:0!important;
  margin-right:0!important;
  text-align:left!important;
}
.ar-field-notes__media-column{
  position:relative;
  grid-column:2;
  min-width:0;
}
.ar-field-notes__media-stage{
  --ar-field-notes-control-rail:2.75rem;
  position:relative;
  width:100%;
  padding-bottom:var(--ar-field-notes-control-rail);
}
.ar-field-notes__media-stage>.ar-cl-media-slide{
  position:relative!important;
  inset:auto!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr);
  width:100%!important;
  height:auto!important;
  aspect-ratio:4/3;
  overflow:hidden;
  opacity:1!important;
  transform:none!important;
  cursor:e-resize;
  touch-action:pan-y;
}
.ar-field-notes__media-stage>.ar-cl-media-slide--paired{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.ar-field-notes__media-stage>.ar-cl-media-slide>img,
.ar-field-notes__media-stage>.ar-cl-media-slide>video{
  position:relative!important;
  inset:auto!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  transform:none!important;
}
.ar-field-notes__media-stage>.ar-cl-media-slide--paired>img,
.ar-field-notes__media-stage>.ar-cl-media-slide--paired>video{object-fit:cover!important}
.ar-field-notes__peek{
  position:absolute;
  top:0;
  bottom:auto;
  right:-18px;
  width:12px;
  height:calc(100% - var(--ar-field-notes-control-rail));
  overflow:hidden;
  border-left:1px solid rgba(41,37,31,.13);
  opacity:.42;
  pointer-events:none;
}
.ar-field-notes__peek img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.ar-field-notes__controls{
  position:absolute;
  left:0;
  bottom:0;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:.55rem;
  width:max-content;
  margin:0;
  padding:0;
  border:0;
}
.ar-field-notes__previous,
.ar-field-notes__next{
  min-width:38px;
  min-height:38px;
  border:0;
  padding:0;
  background:transparent;
  color:rgba(41,37,31,.66);
  font:300 1.3rem/1 "AR Haas Text",var(--font-text,Arial,sans-serif);
  cursor:pointer;
}
.ar-field-notes__previous:focus-visible,
.ar-field-notes__next:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.ar-field-notes__previous:disabled{
  opacity:.22;
  cursor:default;
}
.ar-field-notes__next.is-restart{
  width:auto;
  min-width:6.8rem;
  padding:0 .35rem;
  font-size:.57rem;
  font-weight:500;
  letter-spacing:.13em;
  white-space:nowrap;
}
.ar-field-notes__count{
  min-width:4.25rem;
  color:rgba(41,37,31,.52);
  font:400 .76rem/1.2 "AR Haas Text",var(--font-text,Arial,sans-serif);
  letter-spacing:.1em;
  text-align:center;
}
.ar-field-notes__guidance{
  max-width:0;
  overflow:hidden;
  color:rgba(41,37,31,.48);
  font:500 .55rem/1.2 "AR Haas Text",var(--font-text,Arial,sans-serif);
  letter-spacing:.1em;
  opacity:0;
  text-transform:uppercase;
  white-space:nowrap;
  transition:max-width .24s ease,opacity .2s ease;
}
.ar-field-notes__carousel.is-guidance-visible .ar-field-notes__guidance{
  max-width:11.5rem;
  opacity:1;
}
@media(min-width:901px){
  .ar-field-notes__previous{
    position:absolute;
    top:50%;
    right:calc(100% + .85rem);
    width:12rem;
    text-align:right;
    transform:translateY(-50%);
  }
  .ar-field-notes__guidance{
    position:absolute;
    top:50%;
    right:calc(100% + .85rem);
    width:12rem;
    text-align:right;
    transform:translateY(-50%);
  }
  .ar-field-notes__carousel.is-guidance-visible .ar-field-notes__guidance{max-width:12rem}
  .ar-field-notes__media-stage{
    width:min(100%,calc((100svh - 255px)*4/3))!important;
    margin-inline:auto;
  }
}

@media(min-width:901px) and (max-height:680px){
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step h3{font-size:1.55rem!important}
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step>p{
    font-size:.94rem!important;
    line-height:1.42!important;
  }
  #country-life #alice.ar-field-notes .ar-field-notes__spread .guest-annotation{margin-top:1.2rem!important}
}

@media(max-width:900px){
  .ar-field-notes__controls{
    display:grid;
    grid-template-columns:10.5rem 4.25rem max-content;
    gap:.55rem;
  }
  .ar-field-notes__guidance,
  .ar-field-notes__previous{
    grid-column:1;
    grid-row:1;
  }
  .ar-field-notes__previous{justify-self:start}
  .ar-field-notes__previous[hidden]{display:block!important;visibility:hidden}
  .ar-field-notes__count{grid-column:2;grid-row:1}
  .ar-field-notes__next{grid-column:3;grid-row:1}
  .ar-cabin-subnav{
    top:100%;
    left:50%;
    justify-content:flex-end;
    gap:clamp(1rem,5vw,1.8rem);
    width:100%;
    padding:.55rem 1.25rem;
    background:#f7f4ee;
    box-shadow:0 8px 18px rgba(41,37,31,.06);
    transform:translateX(-50%);
  }
  .ar-cabin-subnav a{font-size:.72rem!important}
  #country-life .ar-field-notes{padding:0 1.25rem 2.5rem}
  #country-life .ar-field-notes>.ar-country-life-title{
    flex-direction:row;
    align-items:baseline;
    gap:.55rem;
    width:100%!important;
    padding:.65rem .75rem .35rem!important;
  }
  #country-life .ar-field-notes>.ar-country-life-title .section-header__title{
    width:auto;
    padding:0!important;
    font-size:1.5rem!important;
  }
  #country-life .ar-field-notes>.ar-country-life-title .ar-country-life-title__note{
    flex:1 1 auto;
    width:auto;
    max-width:28rem;
    padding:0!important;
    font-size:.75rem!important;
  }
  .ar-field-notes__carousel{padding-top:.35rem}
  .ar-field-notes__peek{display:none}
  .ar-field-notes__controls{margin:0}
  .nav-mobile-book{min-width:116px!important;padding:0 8px!important;font-size:.6rem!important;letter-spacing:.07em!important}
}

/* Field Notes option 1: an integrated editorial spread on tablets. */
@media(min-width:769px) and (max-width:900px){
  .ar-field-notes__spread{
    display:grid;
    grid-template-columns:minmax(15rem,.82fr) minmax(0,1.18fr);
    gap:clamp(1.25rem,3vw,2rem);
    min-height:0;
    align-items:start;
  }
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step,
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step:first-child,
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step:last-child{
    grid-column:1;
    display:block!important;
    padding:.35rem 0 .5rem .4rem!important;
  }
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step h3{
    font-size:clamp(1.35rem,2.8vw,1.65rem)!important;
  }
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step>p{
    font-size:.93rem!important;
    line-height:1.43!important;
  }
  .ar-field-notes__media-column{grid-column:2;width:100%}
  .ar-field-notes__media-stage{width:100%!important;margin:0}
}

/* On phones the photograph and story read as one continuous card: the image
   remains 4:3, while the title and opening copy begin immediately beneath it. */
@media(max-width:768px){
  #country-life .ar-field-notes{padding-inline:1rem}
  #country-life .ar-field-notes>.ar-country-life-title{padding-inline:0!important}
  .ar-field-notes__carousel{padding-top:.15rem}
  .ar-field-notes__spread{display:flex;min-height:0;flex-direction:column}
  .ar-field-notes__media-column{order:1;width:100%}
  .ar-field-notes__media-stage{
    --ar-field-notes-control-rail:2rem;
    width:100%!important;
    margin:0;
  }
  .ar-field-notes__guidance{
    font-size:.52rem;
    letter-spacing:.075em;
  }
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step,
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step:first-child,
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step:last-child{
    order:2;
    display:block!important;
    padding:.35rem .15rem .35rem!important;
  }
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step h3{
    margin-top:.25rem!important;
    font-size:clamp(1.32rem,6vw,1.58rem)!important;
    line-height:1.08!important;
  }
  #country-life #alice.ar-field-notes .ar-field-notes__spread .step>p{
    margin-top:.7rem!important;
    font-size:clamp(.94rem,4vw,1rem)!important;
    line-height:1.44!important;
  }
  #country-life #alice.ar-field-notes .ar-field-notes__spread .guest-annotation{
    margin-top:1rem!important;
  }
}

.ar-mobile-cabin-menu{display:none}
@media(max-width:768px){
  .site-nav.is-menu-open>.ar-cabin-subnav{display:none!important}
  .ar-mobile-cabin-menu:not([hidden]){
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:0 .9rem;
    padding:0 0 .55rem 1rem;
    border-bottom:1px solid rgba(41,37,31,.16);
  }
  .site-nav .nav-links .ar-mobile-cabin-menu a,
  .site-nav.is-scrolled .nav-links .ar-mobile-cabin-menu a{
    min-height:38px!important;
    font:400 .86rem/1.2 "AR Haas Text",var(--font-text,Arial,sans-serif)!important;
    letter-spacing:.02em!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .ar-cabins-menu-trigger::after,.ar-cabin-subnav a::after,.ar-field-notes__guidance{transition:none}
  .ar-field-notes__carousel.is-guidance-visible .ar-field-notes__next{animation:none}
}