/* Things to do front page (front-build-2026-11-09/gen_front.py HEAD): what Webflow classes cannot express */
.tf-root [hidden]{display:none!important}
.tf-root [id]{scroll-margin-top:150px}
.tf-facts{align-items:flex-start}.tf-facts__i{margin-top:3px}
@media (min-width:768px){.tf-hello__h{font-size:clamp(26px,2.55vw,37px)}}
.tf-sep{display:inline}.tf-bni:last-child .tf-sep{display:none}
.tf-bn:hover{text-decoration:underline}
.tf-t__from:has(.w-dyn-bind-empty),.tf-spotfrom:has(.w-dyn-bind-empty){display:none}
.tf-t__img,.tf-pt__img{transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.tf-wi:hover .tf-t__img,.tf-pi:hover .tf-pt__img{transform:scale(1.045)}
.tf-card{transition:box-shadow .18s,transform .18s}
.tf-card:hover{box-shadow:0 10px 28px rgba(11,42,74,.13);transform:translateY(-2px)}
.tf-card:hover .tf-card__h{color:#0055a5}
.tf-card__a::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
.tf-line{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.tf-pt__cap{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.tf-bar__a:hover,.tf-hp:hover,.tf-mini__a:hover{color:#0055a5}
.tf-go:hover{text-decoration:underline}.tf-go__i{transition:transform .15s}.tf-go:hover .tf-go__i{transform:translateX(3px)}
.tf-way:hover{border-color:#0055a5;color:#0055a5}
.tf-hp__pic{transition:transform .2s}.tf-hp:hover .tf-hp__pic{transform:translateY(-2px)}
.tf-mini__pic{transition:transform .25s}.tf-mi:hover .tf-mini__pic{transform:translateY(-2px)}
.tf-door__img{transition:transform .6s}.tf-door:hover .tf-door__img{transform:scale(1.03)}
.tf-din:hover{text-decoration:none}.tf-din:hover .tf-dlb{text-decoration:underline}
.tf-sbox:focus-within{border-color:#0055a5}.tf-sbox__in::-webkit-search-cancel-button{-webkit-appearance:none}
.tf-sbox__go:hover,.tf-btn:hover,.tf-door:hover .tf-btn{background-color:#d9571a}
.tf-cam,.tf-cams{overflow:visible;font-size:0;color:transparent}
.tf-cam[data-credit=""],.tf-cams[data-credit=""]{display:none}
.tf-cam::before,.tf-cams::before{content:"";position:absolute;top:50%;left:50%;width:14px;height:14px;margin:-7px 0 0 -7px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 5l-1.4 2H5a2 2 0 0 0-2 2v9a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V9a2 2 0 0 0-2-2h-2.6L15 5H9zm3 4.5a4 4 0 1 1 0 8 4 4 0 0 1 0-8zm0 2a2 2 0 1 0 0 4 2 2 0 0 0 0-4z'/%3E%3C/svg%3E") center/contain no-repeat}
.tf-cams::before{width:12px;height:12px;margin:-6px 0 0 -6px}
.tf-cam:hover,.tf-cams:hover,.tf-cam.open,.tf-cams.open{background-color:rgba(6,22,40,.78)}
.tf-cam::after,.tf-cams::after{content:attr(data-credit);display:none;position:absolute;top:30px;right:0;z-index:6;width:max-content;max-width:min(260px,calc(100vw - 40px));padding:6px 9px;border-radius:8px;background:rgba(6,22,40,.92);color:#fff;font-size:11.5px;line-height:1.35;font-weight:400;white-space:normal;text-align:left;pointer-events:none}
.tf-cams::after{top:26px}
.tf-cam.open::after,.tf-cams.open::after{display:block}
@media (hover:hover){.tf-cam:hover::after,.tf-cams:hover::after{display:block}}
.tf-pi:nth-child(n+11){display:none}
@media (min-width:992px){
.tf-wi:nth-child(1){grid-column:1;grid-row:1 / span 2}
.tf-wi:nth-child(2){grid-column:5;grid-row:1 / span 2}
.tf-wi:nth-child(-n+2) .tf-shade{top:45%}
.tf-wi:nth-child(-n+2) .tf-t__txt{padding:16px 18px 18px}
.tf-wi:nth-child(-n+2) .tf-t__h{font-size:23px}
.tf-wi:nth-child(-n+2) .tf-t__cap{font-size:23px}
}
@media (min-width:768px){.tf-mi:nth-child(-n+3){display:none}}
@media (min-width:768px) and (max-width:1240px){.tf-rail{grid-template-columns:repeat(3,minmax(0,1fr))}.tf-ri:nth-child(n+7){display:none}.tf-mgrid{grid-template-columns:repeat(6,minmax(0,1fr))}}
@media (max-width:1160px) and (min-width:992px){.tf-bar__nav{column-gap:14px}.tf-bar__in{column-gap:14px}}
@media (max-width:991px){.tf-root [id]{scroll-margin-top:70px}.footer---dlc{padding-bottom:56px}.tf-tab:first-child{color:#0055a5;font-weight:600}}
@media (max-width:767px){
.tf-wi:nth-child(3n+1){grid-column:1 / -1;aspect-ratio:16 / 10.6}
.tf-wi:nth-child(n+10){display:none}
.tf-wi:nth-child(3n+1) .tf-t__txt{padding:12px 14px}
.tf-wi:nth-child(3n+1) .tf-t__h{font-size:21px}
.tf-wi:nth-child(3n+1) .tf-t__cap{font-size:20px}
.tf-wi:nth-child(3n+1) .tf-t__from{display:block}
.tf-wi:nth-child(3n+1) .tf-shade{top:48%}
.tf-bn{pointer-events:none}
.tf-rail{scroll-padding-left:16px;scroll-padding-right:16px}
.tf-pi:first-child{grid-column:1 / -1;aspect-ratio:16 / 10}
.tf-pi:nth-child(n+8){display:none}
.tf-hello__row,.tf-mgrid,.tf-rail,.tf-ways{scrollbar-width:none}
.tf-hello__row::-webkit-scrollbar,.tf-mgrid::-webkit-scrollbar,.tf-rail::-webkit-scrollbar,.tf-ways::-webkit-scrollbar{display:none}
}
