/* FEBRUARY v12 — mobile story actions never overlap. */
/* FEBRUARY v12.1 — DESKTOP story navigation: opposite sides, separate reserved row. */
@media (min-width:801px) {
  body.february-site #feb-story.feb-brand-story {
    position:relative!important;
    display:grid!important;
    grid-template-columns:minmax(0,55%) minmax(0,45%)!important;
    align-items:center!important;
    padding-top:clamp(55px,7vh,96px)!important;
    padding-bottom:clamp(105px,13vh,146px)!important;
    overflow:hidden!important;
  }
  body.february-site #feb-story .feb-brand-text {
    align-self:center!important;
    min-width:0!important;
    max-width:650px!important;
    z-index:3!important;
  }
  body.february-site #feb-story .feb-brand-text h2 {
    font-size:clamp(39px,4.7vw,72px)!important;
    line-height:1.25!important;
    margin:12px 0!important;
  }
  body.february-site #feb-story .feb-brand-text p {
    font-size:clamp(13px,1.12vw,17px)!important;
    line-height:1.95!important;
    margin:0 0 9px!important;
  }
  body.february-site #feb-story .feb-outlined-link {
    position:relative!important;
    z-index:3!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    min-height:52px!important;
    width:max-content!important;
    max-width:100%!important;
    padding:13px 24px!important;
    margin-top:16px!important;
    margin-bottom:0!important;
    gap:34px!important;
    white-space:nowrap!important;
  }
  body.february-site #feb-story > .feb-cinema-next {
    position:absolute!important;
    bottom:clamp(22px,3.7vh,46px)!important;
    left:clamp(24px,4vw,90px)!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:clamp(24px,4vw,90px)!important;
    margin:0!important;
    padding:0!important;
    width:max-content!important;
    max-width:40vw!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:13px!important;
    z-index:12!important;
    transform:none!important;
    white-space:nowrap!important;
    background:none!important;
  }
  body.february-site #feb-story > .feb-cinema-next .feb-circle-arrow {
    flex:none!important;
  }
}
@media (min-width:801px) and (max-height:680px) {
  body.february-site #feb-story.feb-brand-story {
    padding-top:35px!important;
    padding-bottom:86px!important;
  }
  body.february-site #feb-story .feb-brand-text h2 {
    font-size:clamp(33px,3.8vw,54px)!important;
    margin:6px 0 8px!important;
  }
  body.february-site #feb-story .feb-brand-text p {
    font-size:13px!important;
    line-height:1.7!important;
    margin:0 0 6px!important;
  }
  body.february-site #feb-story .feb-outlined-link {
    margin-top:9px!important;
    padding:10px 18px!important;
    min-height:44px!important;
  }
}

@media (max-width:800px) {
  body.february-site #feb-story.feb-brand-story {
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    justify-content:center!important;
    align-items:stretch!important;
    gap:clamp(5px,1.1dvh,11px)!important;
    padding:clamp(48px,7dvh,68px) 22px clamp(72px,11dvh,94px)!important;
    box-sizing:border-box!important;
    min-width:0!important;
  }
  body.february-site #feb-story .feb-brand-text {
    position:relative!important;
    z-index:3!important;
    min-width:0!important;
    max-width:100%!important;
    padding:0!important;
    margin:0!important;
  }
  body.february-site #feb-story .feb-brand-text h2 {
    font-size:clamp(32px,8.4vw,45px)!important;
    line-height:1.22!important;
    margin:7px 0 10px!important;
  }
  body.february-site #feb-story .feb-brand-text p {
    font-size:clamp(11px,3.2vw,13px)!important;
    line-height:1.7!important;
    margin:0 0 7px!important;
  }
  body.february-site #feb-story .feb-outlined-link {
    position:relative!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:16px!important;
    max-width:calc(100% - 8px)!important;
    min-height:46px!important;
    padding:10px 15px!important;
    margin:10px 0 0!important;
    font-size:12px!important;
    z-index:3!important;
  }
  body.february-site #feb-story .feb-story-art {
    position:relative!important;
    z-index:1!important;
    flex:0 1 auto!important;
    height:clamp(56px,15dvh,130px)!important;
    max-height:15dvh!important;
    min-height:0!important;
    margin:0!important;
    padding:0!important;
    pointer-events:none!important;
  }
  body.february-site #feb-story > .feb-cinema-next {
    position:absolute!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    bottom:calc(17px + env(safe-area-inset-bottom,0px))!important;
    left:18px!important;
    right:auto!important;
    inset-inline-start:auto!important;
    inset-inline-end:18px!important;
    transform:none!important;
    z-index:12!important;
    margin:0!important;
    padding:0!important;
    gap:0!important;
    min-height:46px!important;
    min-width:46px!important;
    text-shadow:none!important;
  }
  body.february-site #feb-story > .feb-cinema-next > span:first-child {
    /* Keep an accessible label without reserving text width on narrow screens. */
    position:absolute!important;
    width:1px!important;
    height:1px!important;
    padding:0!important;
    margin:-1px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
    clip:rect(0,0,0,0)!important;
    clip-path:inset(50%)!important;
    border:0!important;
  }
  body.february-site #feb-story > .feb-cinema-next > .feb-circle-arrow {
    display:grid!important;
    place-items:center!important;
    flex:none!important;
    height:46px!important;
    width:46px!important;
    border-radius:50%!important;
    font-size:22px!important;
    background:rgba(14,13,18,.36)!important;
  }
}
@media (max-width:800px) and (max-height:710px) {
  body.february-site #feb-story.feb-brand-story {
    padding-top:42px!important;
    padding-bottom:66px!important;
    gap:4px!important;
  }
  body.february-site #feb-story .feb-brand-text h2 {
    font-size:clamp(29px,7.2vw,37px)!important;
    margin:4px 0 6px!important;
    line-height:1.15!important;
  }
  body.february-site #feb-story .feb-brand-text p {
    font-size:11px!important;
    line-height:1.55!important;
    margin-bottom:5px!important;
  }
  body.february-site #feb-story .feb-outlined-link {
    min-height:42px!important;
    margin-top:5px!important;
    padding:8px 13px!important;
  }
  body.february-site #feb-story .feb-story-art {
    height:clamp(35px,9dvh,70px)!important;
    max-height:9dvh!important;
  }
}
@media (max-width:800px) and (max-height:570px) {
  body.february-site #feb-story .feb-story-art {display:none!important;}
  body.february-site #feb-story.feb-brand-story {justify-content:flex-start!important;padding-top:36px!important;}
}