/* Wheely — automotive editorial */
:root{--bg:#111111;--panel:#191919;--text:#f4f1e9;--red:#e6342b;--muted:#aaa99f}.container{width:min(1320px,calc(100% - 112px))}.header{height:100px;background:#111111;border-color:#ffffff1c}.header-inner{gap:38px}.header nav{font-size:14px;gap:34px}.brand{width:168px}.header-cta{background:transparent;border-color:#77776d!important}.header-cta:hover{background:var(--red)}.button{border-radius:2px;padding:18px 26px}.services-dropdown{background:#202020;border-color:#474747;padding:12px;top:42px}.services-dropdown a{padding:12px 14px;color:#e1ded4}.premium-hero{height:auto;min-height:730px;background:#111111;overflow:hidden}.premium-hero .hero-shade{background:radial-gradient(ellipse at 8% 50%,#3b3b3b1f,transparent 65%);pointer-events:none}.premium-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center;padding-block:70px 110px;position:relative}.premium-hero-copy{padding-bottom:25px}.premium-hero h1{font-size:clamp(54px,5.5vw,88px);letter-spacing:-3px;line-height:1.15;margin:28px 0 26px}.premium-hero h1 em{color:var(--red)}.premium-hero .eyebrow{font-size:10px;letter-spacing:2px;display:flex;gap:12px;align-items:center;direction:ltr;margin:0;justify-content:flex-end}.premium-hero .hero-copy{font-size:18px;color:#b3b3b3;line-height:1.9}.hero-actions{gap:26px}.hero-composition{height:510px;position:relative;min-width:0;padding:0 0 35px 35px}.hero-photo-main{width:100%;height:425px;position:relative;overflow:hidden;border-radius:3px 60px 3px 3px}.hero-photo-main:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0009,transparent 55%)}.hero-photo-main>img{height:100%;width:100%;object-fit:cover;object-position:43% center;transform:scaleX(-1)}.composition-caption{position:absolute;bottom:20px;left:24px;right:24px;z-index:1;font:10px Arial;letter-spacing:2px;display:flex;justify-content:space-between;align-items:center}.composition-caption small{font:9px Heebo;letter-spacing:0;color:#aaa}.hero-detail{position:absolute;bottom:0;left:0;width:44%;border:7px solid #111111;background:#e5e1d6;box-shadow:0 20px 45px #0004}.hero-detail img{width:100%;height:210px;object-fit:cover;object-position:50% 48%}.hero-detail>span{display:flex;align-items:center;justify-content:space-between;padding:10px 13px;color:#222;font-size:10px}.hero-detail b{font-size:18px;color:var(--red)}.vertical-label{position:absolute;right:-25px;top:30px;writing-mode:vertical-rl;font:9px Arial;letter-spacing:3px;color:#818181}.premium-hero .hero-bottom{bottom:22px;color:#989898}.promise-strip{background:#1e1e1e;border-color:#363636}.promise-strip>.container{font-size:12px;padding-block:20px;letter-spacing:.2px}.home-page #services{width:100%;padding:100px max(56px,calc((100% - 1320px)/2));background:#eeece5;color:#1a1a1a}.section-heading h2{font-size:52px;letter-spacing:-2px}.section-heading>p{font-size:14px;line-height:1.9}.home-page #services .section-heading>p{color:#696969}.service-cards{gap:22px;grid-template-columns:repeat(3,minmax(0,1fr))}.service-card{padding:0 0 24px;background:transparent;border:0;border-bottom:1px solid #c6c6c6;border-radius:0;overflow:hidden;position:relative;transition:transform .25s}.service-card:hover{border-color:#e6342b;transform:translateY(-5px)}.card-photo,.card-art{height:215px;width:100%;overflow:hidden;margin-bottom:24px;background:#252525}.card-photo img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.service-card:hover .card-photo img{transform:scale(1.05)}.card-art{position:relative;background:linear-gradient(130deg,#262626,#131313);display:flex;align-items:center;justify-content:center}.card-art>span{font:700 clamp(35px,4.3vw,68px) Arial;letter-spacing:-4px;direction:ltr;color:#dfdfdf;z-index:1}.card-art i{position:absolute;width:260px;height:260px;border:1px solid #5c5c5c;border-radius:50%;left:-65px;top:-85px}.card-art:after{content:'';position:absolute;background:var(--red);width:40px;height:4px;right:25px;bottom:25px}.card-number{font:11px Arial;color:#8a8a8a;margin:0 0 12px}.service-card h3{font-size:23px;letter-spacing:-.5px;margin:0 0 10px;max-width:90%}.service-card p{color:#666666;font-size:13px;margin-bottom:24px;max-width:95%}.card-link{font-size:12px;color:#292929}.card-link span{width:32px;height:32px;border:1px solid #b8b8b8;border-radius:50%;display:grid;place-items:center;font-size:19px}.approach{background:#1b1b1b;border:0}.approach-grid{gap:100px}.approach-visual{min-height:580px}.approach-visual img{border-radius:2px 2px 70px 2px;filter:brightness(.8)}.intro{color:#c2c2c2}.about-personal,.step p{color:#a3a3a3}.step{border-color:#3f3f3f}.step h3{font-size:18px}.selected-work{gap:24px}.selected-work a{position:relative;overflow:hidden}.selected-work img{height:410px;transition:transform .45s;border-radius:3px}.selected-work a:hover img{transform:scale(1.025)}.selected-work span{position:absolute;bottom:0;right:0;left:0;padding:50px 23px 23px;background:linear-gradient(0deg,#000d,transparent);font-size:19px}.faq-section{border-color:#353535}.contact{background:#e9e7dd;padding-block:90px}.contact h2{font-size:54px}.contact-grid{gap:100px}.contact form{border:0;background:#f7f6f0;padding:42px;box-shadow:0 20px 60px #3331;border-top:3px solid var(--red)}input,select,textarea{border:0;border-bottom:1px solid #bdbdbd;padding:12px 0;background:none}.footer{padding-top:60px}.floating-contact{background:#f1f1e7;border:1px solid #bbbbbb;box-shadow:0 10px 35px #0003}.category-page{background:#121212}.service-page{padding-top:35px}.breadcrumbs{font-size:11px;color:#9b9b9b;margin-bottom:40px}.service-page>.service{border:0;background:none;padding:0;display:block;overflow:visible;min-height:0}.service-page .service-top{border-top:1px solid #3e3e3e;padding-top:20px}.service-page .pill{border-color:#4d4d4d;color:#b8b8b8}.service-page .service h1{font-size:clamp(40px,5vw,72px);max-width:880px;letter-spacing:-2px;margin:35px 0 25px;line-height:1.15}.service-page .service>p{font-size:18px;color:#b0b0b0;max-width:800px;line-height:1.9}.category-cover{display:block;float:left;width:33%;height:260px;margin:0 50px 35px 0;position:relative;overflow:hidden;border-radius:3px 3px 45px 3px}.category-cover img{width:100%;height:100%;object-fit:cover}.category-cover span{position:absolute;bottom:0;right:0;left:0;padding:25px 18px 13px;background:linear-gradient(0deg,#000c,transparent);font-size:11px}.service-page .tags{margin:25px 0 36px}.service-page .tags li{font-size:11px;padding:6px 12px;color:#b7b7b7;border-color:#3b3b3b}.service-page .service-gallery{clear:both;margin-top:60px;padding-top:30px;border-top:1px solid #3e3e3e}.service-page .gallery-heading h4{font-size:25px;margin-bottom:10px}.service-page .gallery-heading p{font-size:13px}.gallery-photo{border:0;border-radius:3px}.photo-enlarge{background:#111d}.service-page .service-details{clear:both;background:#1f1f1f;border:1px solid #363636;padding:10px 30px 20px;margin:45px 0 30px}.service-page .service-details summary{font-size:18px;padding-block:18px}.service-detail-content{display:grid;grid-template-columns:1fr 1fr;gap:0 40px}.service-detail-content h4,.service-detail-content p,.service-detail-content ul{grid-column:1/-1}.service-page .service-detail-content h4{font-size:17px;color:#e4e4e4;margin-top:25px}.service-page .service-detail-content p,.service-page .service-detail-content ul{font-size:14px;line-height:1.95;color:#b0b0b0}.service-page .service-link{display:inline-flex;padding:15px 25px;background:var(--red);border:0;border-radius:2px;font-size:14px;margin-top:10px;margin-bottom:25px}.service-link span{color:white}.service-link:hover{color:white;background:#bb2821}.service-page .caliper-gallery{grid-template-columns:repeat(4,1fr)}.service-page .caliper-gallery .gallery-photo:first-child{grid-column:1/3;grid-row:span 2;aspect-ratio:auto}.service-page .lighting-videos{max-width:760px;margin-inline:auto;gap:25px;margin-bottom:35px}.service-page .lighting-photos{grid-template-columns:repeat(4,1fr);gap:14px}.steering-grid{gap:18px}.steering-custom{border-color:#3f3f3f;padding-top:40px}.steering-options{gap:22px}.steering-reference{border-radius:4px;overflow:hidden}.steering-steps{background:#212121;padding:25px;gap:35px}.related-services{border-top:1px solid #3c3c3c;padding-top:35px}.related-services a{border-color:#3c3c3c;border-radius:25px;padding:10px 19px;color:#b9b9b9}.category-page .contact{margin-top:20px}.roof-intro>h4{font-size:40px}.roof-projects{gap:35px}.roof-project-heading h4{font-size:18px}.gallery-controls button{border-radius:3px}
@media(max-width:1050px){.container{width:calc(100% - 60px)}.premium-hero-grid{gap:35px}.premium-hero h1{font-size:60px}.hero-composition{height:460px}.hero-photo-main{height:370px}.hero-detail img{height:180px}.home-page #services{padding-inline:30px}.approach-grid,.contact-grid{gap:50px}.selected-work img{height:330px}}
@media(max-width:700px){.container{width:calc(100% - 40px)}.header{height:80px}.header .brand{width:138px}.header nav{top:80px;background:#1b1b1b;gap:20px;font-size:15px}.services-dropdown{width:100%;position:static;max-height:50vh}.premium-hero{min-height:0}.premium-hero-grid{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:80px}.premium-hero-copy{padding:0}.premium-hero .eyebrow{font-size:8px;letter-spacing:1.4px;justify-content:flex-start}.premium-hero h1{font-size:52px;letter-spacing:-2px;margin:23px 0 20px}.premium-hero .hero-copy{font-size:15px}.hero-actions{gap:18px;flex-wrap:wrap;margin-top:22px}.hero-actions .button{font-size:12px;min-height:48px}.hero-composition{height:330px;padding:0 0 20px 20px;margin-left:10px}.hero-photo-main{height:280px;border-top-right-radius:42px}.hero-detail{width:39%;border-width:5px}.hero-detail img{height:150px}.hero-detail>span{font-size:8px;padding:6px 8px}.composition-caption{font-size:8px;letter-spacing:1px;bottom:17px;left:16px;right:16px}.vertical-label{font-size:7px;right:-16px;letter-spacing:1.5px}.premium-hero .hero-bottom{bottom:18px;display:flex}.premium-hero .hero-bottom>a{display:block;font-size:9px}.promise-strip>.container{font-size:10px;gap:12px}.home-page #services{padding:60px 20px}.section-heading h2{font-size:35px;letter-spacing:-1px}.service-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.card-photo,.card-art{height:145px;margin-bottom:17px}.card-art>span{font-size:32px;letter-spacing:-2px}.card-art i{width:180px;height:180px}.card-art:after{right:15px;bottom:17px;width:28px;height:3px}.service-card{padding-bottom:15px}.service-card h3{font-size:17px;max-width:100%;line-height:1.45}.service-card p{font-size:11px;line-height:1.75;max-width:100%;margin-bottom:15px}.card-link{font-size:10px;gap:6px}.card-link span{width:25px;height:25px;font-size:15px;flex-shrink:0}.card-number{font-size:9px}.service-cards .service-card:last-child{grid-column:1/-1}.service-cards .service-card:last-child .card-photo{height:210px}.approach-grid{gap:35px}.approach-visual{min-height:350px}.selected-work{grid-template-columns:1fr;gap:18px}.selected-work img{height:370px}.selected-work a:nth-child(2) img{height:250px}.selected-work span{font-size:17px}.contact{padding-block:60px}.contact h2{font-size:37px}.contact form{padding:25px}.contact-grid{gap:30px}.category-cover{float:none;width:100%;height:230px;margin:20px 0 30px}.service-page>.service{padding:0}.service-page .service h1{font-size:37px;letter-spacing:-1px;margin-top:28px}.service-page .service>p{font-size:15px}.service-page .service-top{padding-top:16px}.service-page .service-gallery{margin-top:35px;padding-top:24px}.service-page .gallery-heading h4{font-size:20px}.service-page .gallery-heading p{font-size:11px}.service-page .service-details{padding:6px 18px 15px;margin:30px 0 20px}.service-page .service-details summary{font-size:15px}.service-page .service-detail-content p,.service-page .service-detail-content ul{font-size:13px}.service-page .service-detail-content h4{font-size:15px}.service-page .service-link{font-size:12px;padding:13px 19px}.service-page .caliper-gallery{grid-template-columns:repeat(2,1fr);gap:10px}.service-page .caliper-gallery .gallery-photo:first-child{grid-column:1/-1;aspect-ratio:4/3;grid-row:auto}.service-page .lighting-videos{gap:12px}.service-page .lighting-photos{grid-template-columns:repeat(2,1fr);gap:10px}.steering-grid{gap:10px}.steering-options{gap:12px}.steering-steps{padding:20px}.related-services a{font-size:11px;padding:8px 12px}.roof-project-heading h4{font-size:14px}.roof-intro>h4{font-size:28px}.footer{padding-top:40px}.service-detail-content{display:block}.premium-hero .location{margin-bottom:0}}

/* Language controls and direction-aware English layout. */
.language-toggle{flex-shrink:0;min-width:44px;min-height:44px;padding:7px 10px;border:1px solid #4b4b4b;border-radius:3px;background:transparent;color:#f6f4ef;font-size:13px;line-height:1.3}.language-toggle:hover{border-color:var(--red);color:#fff}.header-inner{gap:20px}
.menu-toggle span{transition:transform .2s,opacity .2s}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;transform:none}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
html[dir="ltr"] .eyebrow{text-align:left}html[dir="ltr"] .hero .eyebrow{direction:ltr}html[dir="ltr"] .category-cover{float:right;margin-left:35px;margin-right:0}html[dir="ltr"] .arrow-icon{transform:scaleX(-1)}html[dir="ltr"] .service h1{letter-spacing:-1.5px}html[dir="ltr"] .service-cards h3{line-height:1.25}html[dir="ltr"] .service-card p{line-height:1.7}html[dir="ltr"] .premium-hero h1{font-size:clamp(52px,5.3vw,78px)}html[dir="ltr"] .services-dropdown{right:auto;left:0}html[dir="ltr"] .service-detail-content ul{padding-left:22px;padding-right:0}html[dir="ltr"] .floating-contact{right:24px;left:auto}
@media(max-width:1100px){.header-cta{display:none!important}}
@media(max-width:700px){.header-inner{gap:14px}.header .brand{margin-inline-end:auto}.language-toggle{min-width:44px;font-size:12px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;width:44px;height:44px;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;margin:0;background:currentColor}.menu-toggle[aria-expanded="false"] span{transform:none;opacity:1}html[dir="ltr"] .premium-hero h1{font-size:48px}html[dir="ltr"] .category-cover{float:none;margin:20px 0 30px}html[dir="ltr"] .service-page .service h1{font-size:34px}html[dir="ltr"] .floating-contact{right:16px;left:auto}}

/* ===== Accessibility: color contrast (Israeli Standard 5568 / WCAG 2.0 AA) ===== */
:root{--red-bg:#d22f27;--red-ink:#f65a50;--red-ink-light:#b8251e}
.eyebrow,.step>span,.category-links a>span,.faq-list summary span,.service-details summary>span,.roof-intro .eyebrow{color:var(--red-ink)}
.home-page #services .eyebrow,.contact .eyebrow{color:var(--red-ink-light)}
.button:not(.header-cta),.service-page .service-link{background:var(--red-bg);border-color:var(--red-bg);color:#fff}
.button:not(.header-cta):hover,.service-page .service-link:hover{background:#b3241d;border-color:#b3241d}
.header-cta:hover{background:var(--red-bg)}
.separator{color:#8a8a8a}
.contact-details small,form label span,.form-note,input::placeholder,textarea::placeholder{color:#66625b}

/* ===== Atmosphere cover photo on service pages ===== */
.category-cover figcaption{position:absolute;bottom:0;right:0;left:0;padding:25px 18px 13px;background:linear-gradient(0deg,#000c,transparent);font-size:11px;color:#eee}

/* ===== Carousels (homepage) ===== */
.carousel{position:relative}
.carousel-track{display:flex;gap:18px;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-track>li{flex:0 0 auto;scroll-snap-align:start;min-width:0}
.carousel-controls{display:flex;align-items:center;gap:12px;margin-top:28px}
.carousel-controls[hidden]{display:none}
.carousel-progress{flex:1;height:2px;background:#ffffff26;margin-inline-end:14px;overflow:hidden}
.carousel-progress span{display:block;height:100%;width:30%;background:var(--red);transition:width .35s ease}
.carousel-btn{width:50px;height:50px;border-radius:50%;border:1px solid #8c8c8c;background:transparent;color:inherit;display:grid;place-items:center;padding:0;transition:background .2s,border-color .2s,color .2s}
.carousel-btn:hover{background:var(--red-bg);border-color:var(--red-bg);color:#fff}
.carousel-btn[aria-disabled="true"]{opacity:.35;cursor:default}
.carousel-btn[aria-disabled="true"]:hover{background:transparent;border-color:#8c8c8c;color:inherit}
.carousel-arrow{width:20px;height:20px}
html[dir="ltr"] .carousel-arrow{transform:scaleX(-1)}
.home-page #services .carousel-progress{background:#0000001f}
.home-page #services .carousel-btn,.home-page #services .carousel-btn[aria-disabled="true"]:hover{border-color:#6f6f6f}

/* Services carousel: one card per service, its photo in the background */
.svc-slide{width:calc((100% - 36px)/3)}
.svc-slide>a{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;height:470px;padding:28px 26px 24px;overflow:hidden;border-radius:3px;background:#1b1b1b;color:#fff}
.svc-slide img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .7s ease}
.svc-slide>a:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#000000f2 0%,#000000c4 40%,#0000004d 72%,#00000014 100%)}
.svc-slide>a:hover img{transform:scale(1.06)}
.svc-number{font:11px Arial;letter-spacing:2px;color:#d6d6d6;margin-bottom:10px}
.svc-slide h3{font-size:24px;line-height:1.35;letter-spacing:-.4px;margin:0 0 8px;color:#fff}
.svc-slide p{font-size:13px;line-height:1.75;color:#e4e4e4;margin:0 0 18px}
.svc-more{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;border-top:1px solid #ffffff40;padding-top:14px}
.svc-tag{position:absolute;top:14px;inset-inline-start:14px;font-size:10px;line-height:1.6;background:#000000b3;color:#e6e6e6;padding:2px 10px;border-radius:20px}

/* Featured photos carousel: real photos from the workshop */
.feat-track{gap:14px}
.feat-slide>a{position:relative;display:block;height:440px;overflow:hidden;border-radius:3px;background:#1b1b1b}
.feat-slide img{height:100%;width:auto;max-width:none;object-fit:cover;transition:transform .6s ease}
.feat-slide>a:hover img{transform:scale(1.03)}
.feat-caption{position:absolute;inset-inline:0;bottom:0;display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:50px 18px 16px;background:linear-gradient(0deg,#000000e0,#0000);font-size:15px;line-height:1.5;color:#fff}
.feat-caption small{font-size:10px;color:#e0e0e0;white-space:nowrap}
@media(max-width:1050px){.svc-slide{width:calc((100% - 18px)/2)}.svc-slide>a{height:440px}.feat-slide>a{height:400px}}
@media(max-width:700px){.carousel-track{gap:12px}.svc-slide{width:84%}.svc-slide>a{height:410px;padding:22px 20px 20px}.svc-slide h3{font-size:21px}.svc-slide p{font-size:12px}.feat-slide>a{height:340px}.feat-caption{font-size:13px;padding:40px 14px 12px}.carousel-controls{margin-top:20px}.carousel-btn{width:46px;height:46px}}

/* ===== Fade-in on scroll (only when JS runs and motion is allowed) ===== */
.js-reveal .reveal{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.65,.25,1),transform .8s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0s)}
.js-reveal .reveal.is-visible,.js-reveal .reveal:focus-within{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-reveal .reveal{opacity:1;transform:none;transition:none}}
@media print{.js-reveal .reveal{opacity:1;transform:none}}

/* ===== Accessibility statement page ===== */
.statement{max-width:820px}
.statement h1{font-size:clamp(38px,5vw,64px);line-height:1.15;letter-spacing:-2px;margin:10px 0 26px}
.statement h2{font-size:26px;letter-spacing:-.5px;margin:46px 0 14px}
.statement p,.statement li{font-size:16px;line-height:1.9;color:#c9c9c9}
.statement ul{padding-inline-start:22px;margin:0 0 20px}
.statement li{margin-bottom:8px}
.statement .statement-lead{font-size:18px;color:#dcdcdc}
.statement .statement-contact{list-style:none;padding:20px 24px;background:#1f1f1f;border:1px solid #363636;border-radius:3px}
.statement-contact li{margin:4px 0;color:#eee}
.statement-contact a{border-bottom:1px solid var(--red-ink);padding-bottom:2px}
.statement .statement-date{font-size:13px;color:#a3a3a3;margin-top:36px}
@media(max-width:700px){.statement h2{font-size:22px;margin-top:36px}.statement p,.statement li{font-size:15px}.statement .statement-lead{font-size:16px}}
.svc-slide>a:focus-visible,.feat-slide>a:focus-visible{outline:3px solid #fff;outline-offset:-6px}

/* ===== Carousel counter and pause button ===== */
.carousel-counter{flex:1;font:12px Arial;letter-spacing:2px;color:#b5b5b5}
html[dir="rtl"] .carousel-counter{text-align:left}
html[dir="ltr"] .carousel-counter{text-align:right}
.home-page #services .carousel-counter{color:#555}
.carousel-pause svg{width:17px;height:17px}
.carousel-pause .icon-play,.carousel.is-paused .carousel-pause .icon-pause{display:none}
.carousel.is-paused .carousel-pause .icon-play{display:block}

/* Arrows sit on the start side (right in Hebrew), away from the floating WhatsApp button. */
.carousel-controls .carousel-btn{order:0}.carousel-counter,.carousel-progress{order:1}.carousel-progress{margin-inline:14px 0}

/* ===== Hero: full-screen background slideshow of the best work photos (behind the headline) ===== */
.hero-photo-bg{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:center;height:auto;min-height:calc(100vh - 100px);min-height:calc(100svh - 100px);background:#0b0b0b}
.hero-bg{position:absolute;inset:0;z-index:0}
.hero-bg-slides{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.hero-bg-slide{position:absolute;inset:0;overflow:hidden;opacity:0;visibility:hidden;transition:opacity 1.2s ease,visibility 0s linear 1.2s}
.hero-bg-slide.is-active{opacity:1;visibility:visible;transition:opacity 1.2s ease}
.hero-bg-slide img{width:100%;height:100%;max-width:none;object-fit:cover;transform:scale(1.07);transition:transform 6s ease-out}
.hero-bg-slide.is-active img{transform:scale(1)}
/* Dark layer: strongest behind the text, lighter where only the photo shows, so text always stands out. */
.hero-photo-bg .hero-shade{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(270deg,#080808f0 0%,#080808db 40%,#08080885 72%,#0808085c 100%),linear-gradient(0deg,#080808eb 0%,#08080800 34%)}
html[dir="ltr"] .hero-photo-bg .hero-shade{background:linear-gradient(90deg,#080808f0 0%,#080808db 40%,#08080885 72%,#0808085c 100%),linear-gradient(0deg,#080808eb 0%,#08080800 34%)}
.hero-photo-bg .premium-hero-grid{position:relative;z-index:2;grid-template-columns:minmax(0,700px);padding-block:90px 150px}
.hero-photo-bg .premium-hero-copy{text-shadow:0 1px 18px #000000b3}
.hero-photo-bg .hero-copy{color:#e6e6e6}
.hero-photo-bg .location{color:#d2d2d2}
.hero-photo-bg .separator{color:#a0a0a0}
.hero-photo-bg .text-link{color:#fff}
.hero-photo-bg .hero-bottom{z-index:3;bottom:30px;display:flex;justify-content:space-between;align-items:center}
.hero-bg-controls{margin:0;gap:10px}
.hero-bg-controls .carousel-btn{border-color:#ffffffa6;color:#fff;background:#00000059}
.hero-bg-controls .carousel-btn:hover{background:var(--red-bg);border-color:var(--red-bg)}
.hero-bg-controls .carousel-counter{flex:0 0 auto;margin-inline-start:8px;color:#e0e0e0}
.hero-bg-controls.is-paused .icon-pause{display:none}
.hero-bg-controls.is-paused .icon-play{display:block}
.hero-scroll{position:absolute;left:50%;transform:translateX(-50%);font-size:11px;color:#dcdcdc}
.hero-bg-captions{position:absolute;z-index:3;bottom:104px;inset-inline-end:max(56px,calc((100% - 1320px)/2))}
.hero-bg-caption{position:absolute;bottom:0;inset-inline-end:0;display:inline-flex;align-items:center;gap:12px;white-space:nowrap;padding:9px 16px;border:1px solid #ffffff4d;border-radius:30px;background:#000000b3;color:#fff;font-size:13px;opacity:0;visibility:hidden;transition:opacity .8s ease,visibility 0s linear .8s}
.hero-bg-caption.is-active{opacity:1;visibility:visible;transition:opacity .8s ease}
.hero-bg-caption:hover{border-color:var(--red-ink)}
.hero-bg-caption .arrow-icon{width:16px;height:16px}
.hero-photo-bg .vertical-label{z-index:2;top:50%;bottom:auto;left:22px;right:auto;transform:translateY(-50%);color:#bdbdbd}
html[dir="ltr"] .hero-photo-bg .vertical-label{left:auto;right:22px}
@media(max-width:700px){
.hero-photo-bg{justify-content:flex-start;min-height:calc(100vh - 80px);min-height:calc(100svh - 80px)}
.hero-photo-bg .premium-hero-grid{padding-block:36px 160px}
.hero-photo-bg .hero-shade,html[dir="ltr"] .hero-photo-bg .hero-shade{background:linear-gradient(180deg,#080808eb 0%,#080808d6 48%,#08080870 74%,#080808d9 100%)}
.hero-bg-captions{bottom:86px;inset-inline-end:20px}
.hero-bg-caption{font-size:12px;padding:8px 13px}
.hero-photo-bg .hero-bottom{bottom:22px}
.hero-photo-bg .hero-bottom>.hero-scroll,.hero-photo-bg .vertical-label{display:none}
.hero-bg-controls .carousel-btn{width:44px;height:44px}
.hero-bg-controls .carousel-counter{display:none}
}
@media(prefers-reduced-motion:reduce){.hero-bg-slide img,.hero-bg-slide.is-active img{transform:none;transition:none}}

/* Running strip (services): no snapping, so it can glide continuously */
.carousel-track.is-marquee{scroll-snap-type:none}

/* ===== Brand logos and footer buttons =====
   Icons (WhatsApp, Instagram, accessibility, lock, phone): Tabler Icons, MIT licence, (c) Pawel Kuna, tabler.io/icons */
.brand-icon{width:18px;height:18px;flex-shrink:0;display:inline-block;vertical-align:middle;transition:color .2s,transform .2s}
.footer-links{flex-wrap:wrap;gap:10px}
.footer-links>a,.footer-links>button{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:8px 16px;border:1px solid #3d3d3d;border-radius:30px;background:#161616;color:#dcd9d1;font-size:12px;line-height:1.3;transition:border-color .2s,background .2s,color .2s,transform .2s}
.footer-links>a:hover,.footer-links>button:hover,.footer-links>a:focus-visible,.footer-links>button:focus-visible{border-color:#6a6a6a;background:#202020;color:#fff;transform:translateY(-2px)}
.footer-links>a:hover .brand-icon,.footer-links>button:hover .brand-icon{transform:scale(1.12)}
.footer-links a[href*="wa.me"]:hover .brand-icon{color:#25d366}
.footer-links a[href*="instagram.com"]:hover .brand-icon{color:#ff5a7a}
.footer-links a[href="accessibility.html"]:hover .brand-icon{color:#5aa9ff}
.footer-links button:hover .brand-icon{color:var(--red-ink)}
.floating-contact .floating-icon{width:23px;height:23px}
.floating-contact:hover .floating-icon{color:#128c4b}
.button .brand-icon{width:23px;height:23px}
.with-icon{display:inline-flex;align-items:center;gap:8px}
.text-link:hover .icon-instagram{color:#ff5a7a}
.statement-contact a{display:inline-flex;align-items:center;gap:8px}
@media(max-width:700px){.footer-links{gap:8px}.footer-links>a,.footer-links>button{padding:7px 13px;font-size:12px}}

/* ===== "Call now" button in the contact section ===== */
.contact-details>a.call-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:60px;padding:16px 34px;font-family:var(--font);font-size:18px;font-weight:700;letter-spacing:0;color:#fff;border-radius:40px;box-shadow:0 12px 30px #d22f2740}
.contact-details>a.call-button .brand-icon{width:24px;height:24px}
.contact-details>a.call-button:hover{transform:translateY(-2px);box-shadow:0 16px 36px #d22f2759}
.call-number{display:block;margin-top:12px;font:13px Arial;letter-spacing:1px;color:#56534d}
html[dir="rtl"] .call-number{text-align:right}
@media(prefers-reduced-motion:no-preference){.call-button:hover .icon-phone{animation:phone-ring .6s ease-in-out}}
@keyframes phone-ring{0%,100%{transform:rotate(0)}20%{transform:rotate(-14deg)}40%{transform:rotate(12deg)}60%{transform:rotate(-8deg)}80%{transform:rotate(5deg)}}
@media(max-width:700px){.contact-details>a.call-button{width:100%;max-width:340px;font-size:17px}}
.contact-details>a.call-button>.call-label{color:#fff;font-size:inherit;line-height:1.2}