/* Offer pages: keep the complete sidebar reachable on short screens and at zoom. */
body.single-offer .offer-content{margin-top:64px}
body.single-offer .offer-content .editor{margin-top:0}
body.single-offer .offer-content > .container > .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,340px);gap:clamp(32px,5vw,70px);align-items:start}
body.single-offer .offer-content > .container > .row > div{width:100%;min-width:0;margin-left:0}
body.single-offer .offer-content .sidebar{align-self:stretch}
body.single-offer .offer-content .sidebar__sticky{position:static;margin:0;width:100%;top:auto;z-index:2}
body.single-offer .offer-content .sidebar__sticky.tlp-sidebar-fits{position:sticky;top:var(--tlp-sidebar-top,100px)}
body.single-offer .sidebar .person-box,body.single-offer .sidebar .offer-box{width:100%;padding:22px 24px}
body.single-offer .sidebar .person-box .subtitle,body.single-offer .sidebar .offer-box .subtitle{font-size:12px;line-height:1.4;letter-spacing:2px;margin:0 0 16px}
body.single-offer .sidebar .person-box > div:not(.subtitle){gap:14px;margin-bottom:14px!important}
body.single-offer .sidebar .person-box .img{width:64px!important;flex:0 0 64px}
body.single-offer .sidebar .person-box .img img{width:64px!important;height:64px!important;object-fit:cover}
body.single-offer .sidebar .person-box .img + div{padding-left:0!important;min-width:0}
body.single-offer .sidebar .person-box .h5{font-size:23px;line-height:1.2}
body.single-offer .sidebar .person-box p{font-size:15px;line-height:1.4;overflow-wrap:anywhere;margin:0 0 6px}
body.single-offer .sidebar .person-box .img + div p{font-size:13px}
body.single-offer .sidebar .offer-box .subtitle{padding-bottom:12px}
body.single-offer .sidebar .offer-box .subtitle:after{width:48px}
body.single-offer .sidebar .offer-box li{margin:0;border-bottom:1px solid rgb(255 255 255 / 16%)}
body.single-offer .sidebar .offer-box li:last-child{border:0}
body.single-offer .sidebar .offer-box a{display:flex;align-items:center;min-height:44px;padding:9px 0;font-family:'League Spartan',sans-serif;font-size:16px;line-height:1.3;margin:0;overflow-wrap:break-word}
body.single-offer .sidebar .offer-box a:focus-visible{outline:2px solid #eb6437;outline-offset:3px}
@media(max-width:991px){body.single-offer .offer-content > .container > .row{grid-template-columns:1fr;gap:36px}body.single-offer .offer-content .sidebar__sticky.tlp-sidebar-fits{position:static}body.single-offer .sidebar .person-box,body.single-offer .sidebar .offer-box{padding:24px}}

/* Restore the theme's overlapping, tilted deck, balanced for six offers.
   The deck transform overrides the old theme's five-card inline rotation. */
body.home .offer--v2 .list{--deck-turn:0deg;display:flex;max-width:1380px;width:calc(100% - 160px);margin:60px auto 0;padding:75px 0 145px;overflow:visible;transform:rotate(var(--deck-turn))!important;transform-origin:50% 45%;transition:transform .35s ease}
body.home .offer--v2 .list .list__item{--angle:0deg;--rise:0px;--scale:1;--lift:0px;position:relative;flex:0 0 22%;width:22%;min-width:0;aspect-ratio:1/1.45;margin:0 0 0 -6.4%;transform:translateY(calc(var(--rise) + var(--lift))) rotate(var(--angle)) scale(var(--scale));transform-origin:50% 65%;transition:transform .3s ease;z-index:1}
body.home .offer--v2 .list .list__item:first-child{margin-left:0}
body.home .offer--v2 .list .list__item:nth-child(1){--angle:-7.5deg;--rise:50px;z-index:1}
body.home .offer--v2 .list .list__item:nth-child(2){--angle:-4.5deg;--rise:20px;z-index:2}
body.home .offer--v2 .list .list__item:nth-child(3){--angle:-1.5deg;z-index:3}
body.home .offer--v2 .list .list__item:nth-child(4){--angle:1.5deg;z-index:4}
body.home .offer--v2 .list .list__item:nth-child(5){--angle:4.5deg;--rise:20px;z-index:5}
body.home .offer--v2 .list .list__item:nth-child(6){--angle:7.5deg;--rise:50px;z-index:6}
body.home .offer--v2 .list .listing__link--card{display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;position:relative;isolation:isolate;width:100%;height:100%;padding:clamp(18px,2.2vw,34px);overflow:hidden;background:#17375c}
body.home .offer--v2 .list .listing__link--card::before{content:'';display:block;position:absolute;inset:0;background:linear-gradient(180deg,rgb(9 29 49 / 45%),rgb(9 29 49 / 8%) 55%,rgb(9 29 49 / 35%));z-index:1;pointer-events:none}
body.home .offer--v2 .list .listing__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transition:transform .4s ease}
body.home .offer--v2 .list .h2{position:relative;z-index:2;color:#fff;font-size:clamp(22px,2.35vw,36px);line-height:1.14;margin:0;max-width:100%;min-width:0;overflow-wrap:normal;hyphens:none}
body.home .offer--v2 .list .list__item:last-child .h2{font-size:clamp(18px,1.95vw,32px)}
body.home .offer--v2 .list .list__button{position:relative!important;inset:auto;z-index:2;opacity:1;visibility:visible;transform:none;display:flex;align-items:center;justify-content:center;min-height:44px;height:auto;width:auto;max-width:100%;padding:10px 14px;margin:20px 0 0;color:#fff;font-size:14px;line-height:1.25;text-align:center;border:1px solid rgb(255 255 255 / 70%);background:rgb(23 55 92 / 25%);transition:background .25s ease,border-color .25s ease}
body.home .offer--v2 .list a:focus-visible{outline:3px solid #eb6437;outline-offset:4px}
body.home .offer--v2 .list .list__item:focus-within{--scale:1.08;--lift:-10px;z-index:10}
body.home .offer--v2 .list:has(.list__item:nth-child(1):focus-within){--deck-turn:6deg}
body.home .offer--v2 .list:has(.list__item:nth-child(2):focus-within){--deck-turn:3.6deg}
body.home .offer--v2 .list:has(.list__item:nth-child(3):focus-within){--deck-turn:1.2deg}
body.home .offer--v2 .list:has(.list__item:nth-child(4):focus-within){--deck-turn:-1.2deg}
body.home .offer--v2 .list:has(.list__item:nth-child(5):focus-within){--deck-turn:-3.6deg}
body.home .offer--v2 .list:has(.list__item:nth-child(6):focus-within){--deck-turn:-6deg}
@media(hover:hover) and (pointer:fine){
 body.home .offer--v2 .list .list__item:hover{--scale:1.08;--lift:-10px;z-index:11}
 body.home .offer--v2 .list:has(.list__item:nth-child(1):hover){--deck-turn:6deg}
 body.home .offer--v2 .list:has(.list__item:nth-child(2):hover){--deck-turn:3.6deg}
 body.home .offer--v2 .list:has(.list__item:nth-child(3):hover){--deck-turn:1.2deg}
 body.home .offer--v2 .list:has(.list__item:nth-child(4):hover){--deck-turn:-1.2deg}
 body.home .offer--v2 .list:has(.list__item:nth-child(5):hover){--deck-turn:-3.6deg}
 body.home .offer--v2 .list:has(.list__item:nth-child(6):hover){--deck-turn:-6deg}
 body.home .offer--v2 .list a:hover .listing__cover{transform:scale(1.04)}
 body.home .offer--v2 .list a:hover .list__button{background:#a84323;border-color:#eb6437}
}
@media(min-width:700px) and (max-width:1100px){body.home .offer--v2 .list{width:calc(100% - 80px);padding-bottom:115px}body.home .offer--v2 .list .listing__link--card{padding:20px clamp(12px,1.5vw,16px)}body.home .offer--v2 .list .h2{font-size:clamp(19px,2.5vw,27px)}body.home .offer--v2 .list .list__button{font-size:12px;padding:9px 10px}}
@media(min-width:700px) and (max-width:1100px){body.home .offer--v2 .list .list__item:last-child .h2{font-size:clamp(15px,2.15vw,24px)}}
/* On a phone the same tilted cards slide horizontally instead of shrinking. */
@media(max-width:699px){
 body.home .offer--v2 .container--max{overflow-x:auto!important;overscroll-behavior-x:contain}
 body.home .offer--v2 .list{width:max-content;max-width:none;margin:24px 0 0;padding:35px 35px 65px;transform:none!important}
 body.home .offer--v2 .list .list__item{flex:0 0 auto;width:68vw;max-width:290px;aspect-ratio:1/1.35;margin-left:-18px;--rise:8px;--angle:-3deg}
 body.home .offer--v2 .list .list__item:nth-child(odd){--angle:-3deg;--rise:8px}
 body.home .offer--v2 .list .list__item:nth-child(even){--angle:3deg;--rise:20px}
 body.home .offer--v2 .list .list__item:first-child{margin-left:0}
 body.home .offer--v2 .list .listing__link--card{padding:26px}
 body.home .offer--v2 .list .h2,body.home .offer--v2 .list .list__item:last-child .h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){body.home .offer--v2 .list,body.home .offer--v2 .list .list__item,body.home .offer--v2 .list .listing__cover,body.home .offer--v2 .list .list__button{transition:none}body.home .offer--v2 .list{transform:none!important}body.home .offer--v2 .list .list__item:is(:hover,:focus-within){--scale:1;--lift:0px}body.home .offer--v2 .list a:hover .listing__cover{transform:none}}
