.home-hero picture {height: 100vh;}
        .home-hero img {width: auto;}
        .hero-counter {display: flex;align-items: center;gap: 5px;}
        .null-container {width: 100px;height: 160px;position: relative;}
        .null-container foreignObject {-webkit-backface-visibility: hidden;-webkit-transform: translateZ(0);perspective: 1000;position: relative;}
        .null-container.nc-0 foreignObject {-webkit-mask: url(#mask-hole-0);mask: url(#mask-hole-0);}
        .null-container.nc-1 foreignObject {-webkit-mask: url(#mask-hole-1);mask: url(#mask-hole-1);}
        .null-container.nc-2 foreignObject {-webkit-mask: url(#mask-hole-2);mask: url(#mask-hole-2);}
        .hero-counter video {width: calc(100% - 10px);height: calc(100% - 10px);object-fit: cover;border-radius: 40px;z-index: -1; position: absolute; top: 5px; left: 5px;vertical-align: top;}
        .hero-counter > * {flex-shrink: 0;}
        .home-hero {position: sticky;top: 0;height: 100vh;overflow: hidden;background-color: #fff;z-index: 1;overflow: hidden;}
        .home-hero::before,.home-hero::after {content: '';position: absolute;width: 60vw;height: 60vw;filter: blur(80px);z-index: 0;opacity: 0.5;pointer-events: none;}
        .home-hero::before {bottom: -10%;left: -10%;background: radial-gradient(circle, rgba(144, 75, 215, 0.8) 0%, rgba(255, 255, 255, 0) 70%);animation: spotlight-left 10s infinite alternate ease-in-out;}
        .home-hero::after {bottom: -15%;right: -10%;background: radial-gradient(circle, rgba(213, 75, 43, 0.8) 0%, rgba(255, 255, 255, 0) 70%);animation: spotlight-right 12s infinite alternate ease-in-out;}
        @keyframes spotlight-left {0% { transform: translate(0, 0) scale(1); }50% { transform: translate(15%, -20%) scale(1.1); }100% { transform: translate(-5%, -10%) scale(0.9); }}
        @keyframes spotlight-right {0% { transform: translate(0, 0) scale(1.1); }50% { transform: translate(-20%, -25%) scale(1); }100% { transform: translate(10%, -5%) scale(1.2); }}
        .parallax-wrapper {position: relative;height: 165svh;z-index: 10;}
        .sticky-viewport {position: sticky;top: 0;height: 100svh;width: 100%;display: flex;align-items: center;justify-content: center;overflow: hidden;background: var(--body-bg);}
        .aspect-box {width: 100%;height: 100%;position: relative;display: grid;grid-template-columns: repeat(4, 1fr);}
        .photo-column picture {display: block;width: 100%;height: 100%;margin: 0;padding: 0;}
        .photo-column img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;object-position: 50% 22%;will-change: opacity;}
        .photo-column {position: relative;width: 100%;height: 100%;overflow: hidden;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-perspective: 1000;perspective: 1000; will-change: transform;transform: translateZ(0) scale(1.005);margin-right: -1vw;}
        .svg-filters {position: absolute;top: 0;left: 0;width: 1px;height: 1px;opacity: 0.001; pointer-events: none;overflow: hidden;}
        .img-start { opacity: calc(1 - var(--mix)); z-index: 1; }
        .img-end { opacity: var(--mix); z-index: 2; }
        .photo-column::after {content: '';position: absolute;inset: 0;background: white;opacity: calc(var(--distortion) * 0.05);pointer-events: none;z-index: 10;}
        .flash-overlay {position: absolute;inset: 0;background: linear-gradient(0deg,rgba(242, 242, 242, 1) 60%, rgba(242, 242, 242, 0.76) 100%);opacity: 0;z-index: 15;pointer-events: none;}
        .marquee-container {width: 100%;overflow: hidden;white-space: nowrap;padding: 30px 0;z-index: 12;position: absolute;top: 0;left: 0;}
        .marquee-content {display: inline-block;padding-left: 100%;animation: marquee 30s linear infinite;font-size: 8rem;font-weight: 300;text-transform: uppercase;color: #fff;letter-spacing: 10px;opacity: 0.8;}
        @keyframes marquee {
            0% { transform: translate(-70vw, 0); }
            100% { transform: translate(-100%, 0); }
        }
        
        .starsheader {font-size: clamp(1.75rem, 2.9vw, 2.34rem);letter-spacing: .01em;white-space: normal;display: block;margin: 0 auto;text-align: center;max-width: 24ch;text-transform: none;}
        .marqueeheader-container {overflow: hidden;width: 100%;}
        .marqueeheader-content {display: block; width: 100%; margin: 0 auto;}
        .marqueeheader-content.is-animated {margin: 0 auto;animation: none;}
        @keyframes marqueeheader {
          0% { transform: translateX(0); }
          100% { transform: translateX(-25%); } /* -25%, бо тепер у нас 4 елементи (1+3) */
        }
        .video-figure {position: relative; z-index: 1;}
        .video-figure figcaption {width: calc(100% - 2rem); bottom: 1rem; left: 1rem; color: white;z-index: 2;}
        .playvideo {position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0);z-index: 2;border :none; background: transparent;}
        .important-header {text-align: center; font-size: clamp(1.75rem, 2.9vw, 2.34rem);font-weight: 400;letter-spacing: .01em;text-transform: none;}
        .individual-word {display: block; white-space: nowrap;}
        .individual-word span {display: inline-block;opacity: 0;transform: translateY(15px);filter: blur(5px);}
        .individual-word.animate span {animation: revealLetter 0.6s ease-out forwards;animation-delay: calc(var(--char-index) * 0.1s);}
        .fivestars:before {content: url('data:image/svg+xml;charset=utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"90\" height=\"13\" viewBox=\"0 0 90 13\"><path fill=\"%23fc0\" d=\"m82.65 0 2.2 4.17 4.63.8-3.28 3.37.67 4.66-4.22-2.08L78.42 13l.68-4.66-3.29-3.38 4.64-.8zM63.69 0l2.2 4.17 4.64.8-3.28 3.37.67 4.66-4.23-2.08L59.47 13l.67-4.66-3.28-3.38 4.64-.8zM44.74 0l2.2 4.17 4.64.8-3.29 3.37.68 4.66-4.23-2.08L40.52 13l.67-4.66-3.28-3.38 4.64-.8zM25.8 0l2.2 4.17 4.63.8-3.28 3.37L30 13l-4.22-2.08L21.56 13l.68-4.66-3.29-3.38 4.64-.8zM6.83 0l2.2 4.17 4.64.8-3.28 3.37.67 4.66-4.23-2.08L2.61 13l.67-4.66L0 4.96l4.64-.8Z\"/></svg>'); display: inline-block; width: 90px; height: 13px; position: absolute; top: -14px; left: 50%; transform: translateX(-50%);font-size: 13px;}
        @keyframes revealLetter {
            0% {opacity: 0;transform: translateY(15px);filter: blur(5px);}
            100% {opacity: 1;transform: translateY(0);filter: blur(0);}
        }
        .starlist li {position: relative; padding-left: 2rem;}
        .starlist li:before {content: url('data:image/svg+xml;utf-8,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"13\" viewBox=\"0 0 14 13\"><path d=\"M11.33 13 7 10.92 2.67 13l.7-4.66L0 4.97l4.75-.8L7 0l.45.83 1.8 3.34 4.75.8-3.36 3.37Zm-1.28-1.72L9.56 8l2.37-2.38-3.35-.56L7 2.12 5.42 5.06l-3.35.56L4.44 8l-.49 3.28L7 9.82Z\"/></svg>');display: inline-block; width: 14px; height: 13px; font-size: 13px; position: absolute; top: .25rem; left: 0;}
        .swiper {cursor: url(\"data:image/svg+xml;utf-8,<svg xmlns='http://www.w3.org/2000/svg' width='26' height='28' viewBox='0 0 26 28'><path fill='%23000' d='M3.1 0a.6.6 0 0 0-.44.18L.18 2.6l-.01.02-.03.03-.02.03-.01.02-.03.03v.02l-.02.03-.01.02-.02.04v.01l-.01.05v.01L0 2.98a.6.6 0 0 0 .18.5L2.66 5.9a.63.63 0 0 0 .87 0 .6.6 0 0 0 0-.86l-1.42-1.4h5.94c.34 0 .62-.27.62-.6 0-.34-.28-.62-.62-.62H2.1l1.42-1.4a.6.6 0 0 0 0-.85A.6.6 0 0 0 3.1 0m18.57 0a.6.6 0 0 0-.44.18.6.6 0 0 0 0 .86l1.42 1.4H16.7a.6.6 0 0 0-.61.6c0 .34.27.61.61.61h5.94l-1.42 1.4a.6.6 0 0 0 0 .86.63.63 0 0 0 .88 0l2.47-2.44a.6.6 0 0 0 .17-.55v-.01l-.02-.04v-.02l-.02-.04v-.02l-.02-.03-.01-.02-.02-.03-.02-.02-.02-.03-.02-.03-.02-.02L22.11.18a.6.6 0 0 0-.44-.18m-9.29 3.65A2.46 2.46 0 0 0 9.9 6.1v10.34l-2.15-1.58a3.3 3.3 0 0 0-4.22.3 1.8 1.8 0 0 0 0 2.57l8.82 8.67A5.6 5.6 0 0 0 16.29 28h2.9c3.76 0 6.81-3 6.81-6.7v-6.7a2.46 2.46 0 0 0-2.48-2.43q-.77.01-1.37.41a2.48 2.48 0 0 0-3.72-1.21 2.48 2.48 0 0 0-3.57-1.3V6.09a2.46 2.46 0 0 0-2.48-2.44'/><path fill='%23fff' d='M12.38 4.87c.68 0 1.24.55 1.24 1.22v9.13c0 .33.28.6.62.6s.62-.27.62-.6v-3.05c0-.67.55-1.21 1.24-1.21s1.23.54 1.23 1.21v3.05c0 .33.28.6.62.6s.62-.27.62-.6v-1.83c0-.67.56-1.22 1.24-1.22s1.24.55 1.24 1.22v1.83c0 .33.28.6.62.6s.62-.27.62-.6v-.61c0-.67.55-1.22 1.23-1.22.69 0 1.24.55 1.24 1.22v6.7c0 3.01-2.5 5.47-5.57 5.47h-2.9a4.3 4.3 0 0 1-3.07-1.25l-8.81-8.67a.6.6 0 0 1 0-.86 2 2 0 0 1 2.6-.18l3.14 2.32q.32.21.65.06a.6.6 0 0 0 .34-.55V6.1c0-.67.56-1.22 1.24-1.22'/></svg>\") 13 14, pointer;}
        .reveal-left {opacity: 0; transform: translateX(-50px);transition: all 0.8s ease-out;}
        .reveal-right {opacity: 0;transform: translateX(50px);transition: all 0.8s ease-out;}
        .reveal-active {opacity: 1;transform: translateX(0);}
        .masonry-wrapper {column-count: 6;column-gap: 10px;width: 100%;}
        .masonry-item {break-inside: avoid;margin-bottom: 10px;display: block;}
        .masonry-img {width: 100%;height: auto;display: block;transition: transform 0.3s ease;}
        .section-link {text-decoration: none;font-weight: 700;position: relative; color: #000;}
        .section-link:after {content: '';display: block;width: 3px;height: 3px;border-radius: 2px;background: #000;position: absolute;top: 110%;left: 50%;transform: translateX(-50%);transition: width .3s ease;}
        .faq-row {border-bottom: 2px solid var(--bs-secondary-bg);}
        .faq-header {padding: 1.5rem 3rem 1.5rem 1.5rem;position: relative;cursor: pointer;background: rgb(255,255,255);transition: background .3s ease;}
        .faq-header.active {background: rgb(var(--bs-secondary-bg-rgb));}
        .faq-header:before, .faq-header:after {content: '';display:block;width: 1.25rem; height:2px;background: #000;position: absolute;top: 50%; right: 1.5rem;}
        .faq-header:after {transform: rotate(90deg);transition: transform .3s ease;}
        .faq-header.active:after {transform: rotate(360deg)}
        .faq-answer {display: block; height: auto; max-height: 0; overflow: hidden;transition: max-height .3s ease;}
        .faq-header.active + .faq-answer {max-height: 1200px;}
        .faq-answer > div {padding: 1.5rem 1rem;}
        .faq-answer > div > *:last-child {margin-bottom: 0!important;}
        .btn-light {--bs-btn-bg: #fff;--bs-btn-border-color: #fff;}
        .photo-plus-text img {object-fit: cover; width: 100%; height: 100%; max-width: initial;}
        .photo-plus-text h2 {padding: 1.25rem 0; font-size: calc(1.3rem + .6vw);}
        .photo-plus-text h3 {padding: 1.25rem 0; font-size: calc(1.2rem + .3vw);}
        .photo-plus-text ul {list-style: none;padding-left: 0;}
        .photo-plus-text li {position: relative;padding-left: 2rem;}
        .photo-plus-text li:before {content: url('data:image/svg+xml,<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"14\" height=\"13\" viewBox=\"0 0 14 13\"><path fill=\"%23fff\" d=\"M11.33 13 7 10.92 2.67 13l.7-4.66L0 4.97l4.75-.8L7 0l.45.83 1.8 3.34 4.75.8-3.36 3.37Zm-1.28-1.72L9.56 8l2.37-2.38-3.35-.56L7 2.12 5.42 5.06l-3.35.56L4.44 8l-.49 3.28L7 9.82Z\"/></svg>');display: inline-block; width: 14px; height: 13px; font-size: 13px; position: absolute; top: .25rem; left: 0;}
        
        .preview-item {width: 140px;height: 140px;}
        .btn-remove {position: absolute;top: -5px;right: -5px;width: 28px;height: 28px;border-radius: 50%;z-index: 100;padding: 0;line-height: 26px;text-align: center;border: 2px solid #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.2);}
        .preview-img {transition: opacity 0.3s ease;}
        .preview-img.processing {opacity: 0.5;filter: blur(2px);}
    @media (max-width: 1400px) {
        .masonry-wrapper {column-count: 5;}
        .home-hero img {height: 100%;object-fit: cover;object-position: bottom right;}
        
    }
    @media (max-width: 1100px) {
        .masonry-wrapper {column-count: 4;}
    }
    @media (max-width: 800px) {
        .masonry-wrapper {column-count: 3;}
    }
    
    @media (max-width: 500px) {
        .masonry-wrapper {column-count: 2;}
    }
    @media (pointer: fine) {
        .playvideo img {transition: all .2s ease;}
        .playvideo:hover img {width: 64px; height: 64px;}
        .section-link:hover:after {width: 100%;}
    }
    
    @media (min-width: 768px) {
        .h-md-100 {height: 100%!important;}
    }
    @media (min-width: 992px) {
        .page-header {margin-bottom: -90px;}
    }
    @media (max-width: 991px) {
        .home-hero {height: 100svh; max-height: 730px;}
        .home-hero picture {height: 100%;}
        .aspect-box { grid-template-columns: repeat(3, 1fr);}
        .video-active #ytplayer {width: 90%;max-width: 800px;height: auto;aspect-ratio:16/9; }
    }
    @media (max-width: 767px) {
        .parallax-wrapper { height: auto; padding: 0; }
        .sticky-viewport { position: relative; height: auto; top: auto; }
        .home-hero {max-height: initial;}
        .aspect-box { grid-template-columns:  repeat(2, 1fr); aspect-ratio: 1/1.2; gap: 0; }
        .photo-column { aspect-ratio: 1 / 1; width: 100%;margin-right: 0;margin-bottom: -1px; }
        .col-thsnd {position: sticky; left: 0; bottom: 0; background: #212529;background: linear-gradient(0deg,rgba(33, 37, 41, 1) 58%, rgba(33, 37, 41, 0) 100%);color: #fff;width: 100%; display: flex; flex-direction: column; align-items: center;}
        .col-thsnd .fw-light {font-weight: 400!important;}
        .home-hero::before {bottom: initial; top: 5%;left: -30%;}
        .home-hero::after {bottom: initial; top: 15%;right: -30%;}
        .home-hero::before, .home-hero::after {width: 100vw;height: 100vw;}
        .hero-counter {gap: 2px;}
        .hero-counter svg path {fill: var(--body-bg)}
        /* .hero-counter {transform: scale(0.9);} */
        .col-thsnd > h1, .col-thsnd > p {max-width: 450px;}
    }
    @media (max-width: 650px) {
    }