/* Responsive landing composition — final pass */

@media (min-width:1101px){
  .landing-nav{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;transform:none!important;z-index:110!important;pointer-events:none!important}
  .landing-brand{position:absolute!important;left:40px!important;top:22px!important;width:220px!important;height:100px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;padding:0!important;margin:0!important;background:none!important;border:0!important;transform:none!important;pointer-events:none!important;overflow:visible!important;z-index:120!important}
  .landing-brand-mark,.landing-brand-name{display:none!important}
  .landing-brand::after{content:"";display:block;width:100%;height:100%;background:url('../assets/compass_logo.png') left center/contain no-repeat;flex:0 0 auto}
  .landing-adventures{top:auto!important;bottom:74px!important;right:max(28px,calc((100% - 1400px)/2))!important;left:auto!important}
  .landing-adventure-type{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important}
  .landing-adventure-type .icon{margin-right:4px!important}
  .landing-adventure-type-copy{min-width:0!important;flex:1 1 auto!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important;gap:2px!important;overflow:hidden!important}
  .landing-adventure-type-copy>span{display:block!important;max-width:100%!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
  .landing-adventure-type-copy small{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:1px!important;min-width:0!important;line-height:1.05!important;white-space:normal!important;color:var(--landing-lime)!important}
  .landing-adventure-type-copy small strong{display:block!important;color:var(--landing-lime)!important;font-size:11px!important;line-height:1!important;margin:0!important}
  .landing-adventure-type-copy small strong + *{color:var(--landing-lime)!important}
  @media (min-width:1101px) and (max-width:1450px){
    .landing-brand{left:30px!important;top:18px!important;width:210px!important;height:95px!important}
    .landing-adventures{right:18px!important;bottom:74px!important;width:58vw!important}
    .landing-adventure-type{padding:7px 6px!important}
    .landing-adventure-type .icon{margin-right:3px!important}
    .landing-adventure-type-copy>span{font-size:8px!important}
    .landing-adventure-type-copy small{font-size:6.5px!important}
    .landing-adventure-type-copy small strong{font-size:10px!important}
  }
  @media (max-height:780px){.landing-brand{top:14px!important;height:90px!important}.landing-adventures{bottom:58px!important}}
}

/* Tablet/mobile: centered logo with responsive sizing. */
@media (max-width:1100px){
  .landing-nav{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;padding:12px 16px 8px!important;margin:0!important;transform:none!important;z-index:110!important;display:flex!important;justify-content:center!important;align-items:center!important;box-sizing:border-box!important}
  .landing-brand{display:block!important;position:relative!important;left:auto!important;top:auto!important;width:min(390px,90vw)!important;height:auto!important;aspect-ratio:330 / 116!important;margin:0 auto!important;padding:0!important;background:url('../assets/compass_logo.png') center/contain no-repeat!important;background-position:center!important;border:0!important;transform:none!important;overflow:visible!important}
  .landing-brand-mark,.landing-brand-name{display:none!important}
}

/* Landscape phones: keep the logo prominent without consuming the short viewport. */
@media (max-width:1100px) and (orientation:landscape) and (max-height:600px){
  .landing-nav{padding:8px 20px 4px!important}
  .landing-brand{width:min(340px,46vw)!important}
}

@media (max-width:600px) and (orientation:landscape){
  .landing-brand{width:min(320px,72vw)!important}
}

.landing-adventures,.landing-adventure-types{box-sizing:border-box!important;max-width:100%!important}