/* Build 65: final text hierarchy and conversion polish. */

/* The settle moment uses one headline, one thought and one next step. */
.editorial-site .journey .settle-copy h2{margin-top:0!important}
.editorial-site .journey .settle-copy p{max-width:31ch!important;margin:24px 0 16px!important}
.editorial-site .journey .settle-copy .story-line+ .story-line{margin-top:3px}
.editorial-site .journey .settle-copy .text-link{width:max-content!important;max-width:100%!important}

/* 01: make the two views discoverable without creating another oversized CTA. */
.editorial-site .p-selection .p-opening .flow-switch{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:0!important;
  margin:44px 0 0!important;
  padding:5px!important;
  display:flex!important;
  gap:4px!important;
  align-items:center!important;
  border:1px solid rgba(14,42,58,.13)!important;
  background:#f4f7f6!important;
}
.editorial-site .p-selection .p-opening .flow-switch button{
  min-height:42px!important;
  padding:11px 15px!important;
  color:var(--muted)!important;
  background:transparent!important;
  font-size:10px!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  white-space:nowrap!important;
}
.editorial-site .p-selection .p-opening .flow-switch button::after{display:none!important}
.editorial-site .p-selection .p-opening .flow-switch button[aria-selected="true"]{
  color:#fff!important;
  background:var(--ink)!important;
  box-shadow:0 8px 20px rgba(14,42,58,.12)!important;
}
.editorial-site .p-selection .p-services article{padding-left:0!important}
.editorial-site .p-selection .p-services article::before{content:none!important;display:none!important}
.editorial-site .p-selection .booking-details-trigger{
  position:relative!important;
  width:max-content!important;
  max-width:100%!important;
  min-height:36px!important;
  margin-top:12px!important;
  padding:8px 0 8px 17px!important;
  justify-content:flex-start!important;
  color:var(--ink)!important;
  background:transparent!important;
  box-shadow:none!important;
  border:0!important;
  font-size:10px!important;
  letter-spacing:.025em!important;
  text-align:left!important;
}
.editorial-site .p-selection .booking-details-trigger::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:6px;
  height:6px;
  margin-top:-3px;
  border-radius:50%;
  background:var(--teal);
  transition:transform .3s ease;
}
.editorial-site .p-selection .booking-details-trigger:hover{color:var(--teal)!important;background:transparent!important;transform:none!important}
.editorial-site .p-selection .booking-details-trigger:hover::before{transform:scale(1.45)}

/* The example is one coherent comparison stage, not a third column of copy. */
.editorial-site .p-selection .p-example{
  display:grid!important;
  grid-template-columns:1fr!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:24px!important;
  align-items:stretch!important;
  padding:12px 0 0!important;
}
.editorial-site .p-selection .p-example-heading{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(220px,.72fr)!important;
  gap:clamp(34px,4vw,68px)!important;
  align-items:end!important;
  margin:0!important;
  padding:0 0 0 30px!important;
}
.editorial-site .p-selection .p-example-heading h3{max-width:13ch!important;font-size:clamp(31px,2.55vw,41px)!important;line-height:1.08!important}
.editorial-site .p-selection .p-example-heading>p{max-width:34ch!important;margin:0!important;font-size:12px!important;line-height:1.65!important}
.editorial-site .p-selection .p-options{
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  grid-template-columns:1.08fr .92fr!important;
  grid-template-rows:1.08fr .92fr!important;
  grid-template-areas:"chosen second" "chosen third"!important;
  gap:14px!important;
}
.editorial-site .p-selection .p-options>article{min-height:0!important;height:auto!important}
.editorial-site .p-selection .p-options .p-chosen{grid-area:chosen!important;height:auto!important}
.editorial-site .p-selection .p-options>article:nth-child(2){grid-area:second!important;background-position:58% 42%!important}
.editorial-site .p-selection .p-options>article:nth-child(3){grid-area:third!important;background-position:48% 52%!important}
.editorial-site .p-selection .p-options>article:not(.p-chosen){padding:26px 30px 23px!important}
.editorial-site .p-selection .p-options>article:not(.p-chosen) h4{
  max-width:9ch!important;
  margin:10px 0 9px!important;
  font-size:clamp(27px,2vw,34px)!important;
  line-height:1.08!important;
  overflow-wrap:normal!important;
}
.editorial-site .p-selection .p-options>article:not(.p-chosen) li{font-size:12px!important;line-height:1.45!important}
.editorial-site .p-selection .p-options>article:not(.p-chosen)>p{font-size:10px!important;line-height:1.5!important}

/* 02: three text levels only. */
.editorial-site .p-personal-copy .p-personal-body{
  max-width:43ch!important;
  margin:34px 0 0!important;
  color:var(--muted)!important;
  font-size:clamp(16px,1.3vw,19px)!important;
  line-height:1.72!important;
}

/* 03: inclusions are benefits, not a second numbered process. */
.editorial-site .p-offer .p-inclusions-block{
  grid-column:1/-1!important;
  grid-row:1!important;
  min-width:0!important;
  margin:0 0 24px!important;
  padding:0 0 24px!important;
  border-bottom:1px solid var(--ink)!important;
}
.editorial-site .p-offer .p-inclusions-label{
  margin:0 0 18px!important;
  color:var(--teal)!important;
  font-size:8px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.13em!important;
  text-transform:uppercase!important;
}
.editorial-site .p-offer .p-inclusions{
  grid-column:auto!important;
  grid-row:auto!important;
  width:100%!important;
  margin:0!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:clamp(18px,2vw,30px)!important;
  border:0!important;
  background:transparent!important;
}
.editorial-site .p-offer .p-inclusions li{
  counter-increment:none!important;
  position:relative!important;
  min-height:0!important;
  margin:0!important;
  padding:15px 0 0!important;
  border:0!important;
}
.editorial-site .p-offer .p-inclusions li::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  width:6px!important;
  height:6px!important;
  border-radius:50%!important;
  background:var(--teal)!important;
}
.editorial-site .p-offer .p-inclusions h3{
  margin:0!important;
  font-size:clamp(14px,1.1vw,17px)!important;
  font-weight:400!important;
  line-height:1.28!important;
  letter-spacing:-.025em!important;
}
.editorial-site .p-offer .p-inclusions p{
  max-width:23ch!important;
  margin:8px 0 0!important;
  color:var(--muted)!important;
  font-size:9px!important;
  line-height:1.55!important;
}
.editorial-site .p-offer .p-investment small{max-width:25ch!important}
.editorial-site .p-offer .p-delivery strong{font-size:18px!important}
.editorial-site .p-offer .p-inquiry p{font-size:9px!important}
html.section-motion .editorial-site .p-offer .p-inclusions li:nth-child(4){--offer-step-delay:330ms}
html.section-motion .editorial-site .p-offer .p-inclusions li:nth-child(5){--offer-step-delay:440ms}

/* The process title no longer needs an explanatory eyebrow. */
.editorial-site .offer-followup .p-process-intro h3{margin-top:0!important}

/* Compass result: destination and next action form one premium conclusion. */
.editorial-site .compass-section .result-action{
  margin-top:3px!important;
  padding-top:22px!important;
  align-items:flex-start!important;
  text-align:left!important;
}
.editorial-site .compass-section .result-action>p{
  max-width:22ch!important;
  margin:0 0 16px!important;
  color:var(--ink)!important;
  font-size:clamp(21px,1.8vw,27px)!important;
  line-height:1.2!important;
  letter-spacing:-.035em!important;
}
.editorial-site .compass-section .result-action .button{
  width:auto!important;
  max-width:100%!important;
  min-width:280px!important;
  min-height:52px!important;
  padding:14px 22px!important;
}
.editorial-site .compass-section .result-action>span{
  margin-top:10px!important;
  color:var(--muted)!important;
  font-size:9px!important;
  letter-spacing:.02em!important;
}

@media(min-width:1025px){
  .editorial-site .p-selection>.wrap{grid-template-rows:1fr!important}
  .editorial-site .p-selection .p-opening{grid-row:1!important}
  .editorial-site .p-selection .p-discovery,
  .editorial-site .p-selection .p-example{grid-row:1!important}
  .editorial-site .p-offer .p-offer-sheet{min-height:365px!important;padding-top:38px!important;padding-bottom:38px!important}
}

@media(min-width:721px) and (max-width:1024px){
  .editorial-site .p-selection>.wrap{grid-template-rows:auto minmax(0,1fr)!important}
  .editorial-site .p-selection .p-opening{grid-column:1!important;grid-row:1!important}
  .editorial-site .p-selection .p-discovery,
  .editorial-site .p-selection .p-example{grid-column:1!important;grid-row:2!important;height:100%!important;min-height:0!important;margin-top:18px!important}
  .editorial-site .p-selection .p-opening .flow-switch{margin-top:34px!important}
  .editorial-site .p-selection .p-example{padding-top:0!important;grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;gap:20px!important}
  .editorial-site .p-selection .p-example-heading{grid-column:1!important;grid-row:1!important;padding-left:22px!important;grid-template-columns:1fr .72fr!important;gap:28px!important}
  .editorial-site .p-selection .p-options{grid-column:1!important;grid-row:2!important;height:100%!important;gap:12px!important}
  .editorial-site .p-selection .p-options>article:not(.p-chosen){padding:22px 24px 20px!important}
  .editorial-site .p-offer{height:max(860px,100svh)!important;min-height:860px!important}
  .editorial-site .p-offer .p-offer-sheet{min-height:455px!important}
  .editorial-site .p-offer .p-inclusions{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px 28px!important}
  .editorial-site .p-offer .p-inclusions h3{font-size:15px!important}
  .editorial-site .p-offer .p-inclusions-block{margin-bottom:20px!important;padding-bottom:20px!important}
}

@media(max-width:720px){
  .editorial-site .journey .settle-copy p{margin:18px 0 10px!important;font-size:13px!important}
  .editorial-site .p-selection .p-opening .flow-switch{margin-top:30px!important;padding:4px!important}
  .editorial-site .p-selection .p-opening .flow-switch button{min-height:40px!important;padding:10px 12px!important;font-size:9px!important}
  .editorial-site .p-selection .p-services article{padding-left:0!important}
  .editorial-site .p-selection .p-example{display:block!important;padding-top:10px!important}
  .editorial-site .p-selection .p-example-heading{display:block!important;padding:0!important;margin:0 0 28px!important}
  .editorial-site .p-selection .p-example-heading>p{margin-top:18px!important;font-size:13px!important}
  .editorial-site .p-selection .p-options{display:flex!important;flex-direction:column!important;gap:18px!important}
  .editorial-site .p-selection .p-options>article,
  .editorial-site .p-selection .p-options .p-chosen{min-height:330px!important;height:auto!important}
  .editorial-site .p-selection .p-options>article:not(.p-chosen){padding:30px!important}
  .editorial-site .p-selection .p-options>article:not(.p-chosen) h4{font-size:32px!important}
  .editorial-site .p-selection .p-options>article:not(.p-chosen) li{font-size:15px!important}
  .editorial-site .p-selection .p-options>article:not(.p-chosen)>p{font-size:12px!important}
  .editorial-site .p-personal-copy .p-personal-body{margin-top:27px!important;font-size:16px!important}
  .editorial-site .p-offer .p-inclusions-block{width:100%!important;margin:0 0 27px!important;padding:0 0 25px!important}
  .editorial-site .p-offer .p-inclusions-label{margin-bottom:10px!important}
  .editorial-site .p-offer .p-inclusions{display:block!important}
  .editorial-site .p-offer .p-inclusions li{padding:17px 0!important;border-top:1px solid var(--line)!important}
  .editorial-site .p-offer .p-inclusions li:first-child{border-top:0!important}
  .editorial-site .p-offer .p-inclusions li::before{display:none!important}
  .editorial-site .p-offer .p-inclusions h3{font-size:20px!important}
  .editorial-site .p-offer .p-inclusions p{max-width:none!important;margin-top:6px!important;font-size:11px!important}
  .editorial-site .offer-followup .p-process-intro h3{margin-top:0!important}
  .editorial-site .compass-section .result-action .button{width:100%!important;min-width:0!important}
}

@media(max-width:380px){
  .editorial-site .p-selection .p-opening .flow-switch{width:100%!important}
  .editorial-site .p-selection .p-opening .flow-switch button{flex:1!important;padding-inline:7px!important}
}

/* The comparison brief is a single, calm editorial context rather than two
   disconnected captions above the hotel cards. */
.editorial-site .p-selection .p-example-heading .eyebrow{display:none!important}
.editorial-site .p-selection .p-example-heading .p-example-context{
  align-self:end;
  max-width:31ch;
  padding:0 0 3px 22px;
  border-left:1px solid var(--line);
}
.editorial-site .p-selection .p-example-heading .p-example-context>span{
  display:block;
  margin-bottom:10px;
  color:var(--teal);
  font-size:10px;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.editorial-site .p-selection .p-example-heading .p-example-context p{
  margin:0!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.editorial-site .p-selection .p-example-heading .p-example-context strong{
  color:var(--ink);
  font-weight:700;
}
@media(max-width:720px){
  .editorial-site .p-selection .p-example-heading .p-example-context{
    margin-top:22px;
    padding-left:18px;
  }
}

/* With the duplicate example headline removed, the family brief becomes the
   quiet lead-in to the comparison itself. */
.editorial-site .p-selection .p-example-heading{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:flex-start!important;
  min-height:0!important;
  margin:0 0 22px!important;
  padding:0!important;
}
.editorial-site .p-selection .p-example-heading .p-example-context{
  max-width:42ch;
  margin:0!important;
  padding:0 0 0 20px;
}
@media(max-width:720px){
  .editorial-site .p-selection .p-example-heading{margin-bottom:22px!important}
}