.fhd{--fhd-gap:20px;display:grid;grid-template-columns:minmax(0,2fr) minmax(300px,1fr);gap:var(--fhd-gap);width:100%;max-width:1500px;margin:10px auto 28px;padding:0 15px;box-sizing:border-box}.fhd *{box-sizing:border-box}.fhd__main,.fhd__slides,.fhd__slide{position:relative;min-height:530px}.fhd__main{overflow:hidden}.fhd__side{display:grid;grid-template-rows:1fr 1fr;gap:var(--fhd-gap);min-height:530px}.fhd__item{position:relative;overflow:hidden;background:#ededed;color:#fff}.fhd__slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .45s ease}.fhd__slide.is-active{opacity:1;visibility:visible;z-index:1}.fhd__item picture,.fhd__item img{display:block;width:100%;height:100%}.fhd__item img{object-fit:cover}.fhd__shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.05) 20%,rgba(0,0,0,.64) 100%)}.fhd__content{position:absolute;z-index:2;left:7%;right:7%;bottom:12%;text-align:left;text-shadow:0 1px 4px rgba(0,0,0,.45)}.fhd__content h2{margin:0 0 8px;color:#fff;font-size:clamp(23px,2vw,36px);line-height:1.1}.fhd__content p{max-width:620px;margin:0 0 18px;color:#fff;font-size:16px;line-height:1.4}.fhd__button{display:inline-block;padding:12px 20px;background:#000;color:#fff!important;text-decoration:none;text-shadow:none;transition:background .2s ease,transform .2s ease}.fhd__button:hover,.fhd__button:focus{background:#e67525;transform:translateY(-1px)}.fhd__tile .fhd__content{bottom:11%}.fhd__tile .fhd__content h2{font-size:24px}.fhd__tile .fhd__content p{margin-bottom:12px;font-size:14px}.fhd__tile .fhd__button{padding:9px 14px;font-size:14px}.fhd__arrow{position:absolute;z-index:4;top:50%;width:34px;height:46px;border:0;background:rgba(0,0,0,.28);color:#fff;font-size:30px;line-height:1;transform:translateY(-50%);cursor:pointer;transition:background .2s ease}.fhd__arrow:hover,.fhd__arrow:focus{background:rgba(0,0,0,.5)}.fhd__arrow--prev{left:0}.fhd__arrow--next{right:0}.fhd__dots{position:absolute;z-index:4;left:50%;bottom:14px;display:flex;gap:8px;transform:translateX(-50%)}.fhd__dot{width:9px;height:9px;padding:0;border:1px solid #fff;border-radius:50%;background:transparent;cursor:pointer}.fhd__dot.is-active{background:#fdb813}.fhd-preview-shell--mobile{width:410px;max-width:100%;margin:0 auto;padding:10px;background:#f3f3f3;border:1px solid #ddd}
.fhd--mobile-preview{--fhd-gap:8px;display:block;margin-top:0;padding:0}.fhd--mobile-preview .fhd__main,.fhd--mobile-preview .fhd__slides,.fhd--mobile-preview .fhd__slide{min-height:0;aspect-ratio:4/3}.fhd--mobile-preview .fhd__side{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:8px;min-height:0;margin-top:8px}.fhd--mobile-preview .fhd__tile{aspect-ratio:4/5}.fhd--mobile-preview .fhd__content{left:6%;right:6%;bottom:8%}.fhd--mobile-preview .fhd__content h2{font-size:22px}.fhd--mobile-preview .fhd__content p{margin-bottom:12px;font-size:14px}.fhd--mobile-preview .fhd__button{padding:10px 14px;font-size:13px}.fhd--mobile-preview .fhd__tile .fhd__content{bottom:7%}.fhd--mobile-preview .fhd__tile .fhd__content h2{margin-bottom:8px;font-size:16px}.fhd--mobile-preview .fhd__tile .fhd__content p{display:none}.fhd--mobile-preview .fhd__tile .fhd__button{padding:7px 9px;font-size:11px}.fhd--mobile-preview .fhd__arrow{width:30px;height:40px;font-size:26px}
@media(max-width:767px){.fhd{--fhd-gap:8px;display:block;margin-top:8px;padding:0 10px}.fhd__main,.fhd__slides,.fhd__slide{min-height:0;aspect-ratio:4/3}.fhd__side{grid-template-columns:1fr 1fr;grid-template-rows:none;gap:8px;min-height:0;margin-top:8px}.fhd__tile{aspect-ratio:4/5}.fhd__content{left:6%;right:6%;bottom:8%}.fhd__content h2{font-size:22px}.fhd__content p{margin-bottom:12px;font-size:14px}.fhd__button{padding:10px 14px;font-size:13px}.fhd__tile .fhd__content{bottom:7%}.fhd__tile .fhd__content h2{margin-bottom:8px;font-size:16px}.fhd__tile .fhd__content p{display:none}.fhd__tile .fhd__button{padding:7px 9px;font-size:11px}.fhd__arrow{width:34px;height:44px;font-size:28px}}
@media(max-width:390px){.fhd__side{grid-template-columns:1fr}.fhd__tile{aspect-ratio:16/9}.fhd__tile .fhd__content h2{font-size:19px}.fhd__tile .fhd__button{font-size:12px}}
@media(prefers-reduced-motion:reduce){.fhd__slide{transition:none}}