/* Start custom CSS *//* Homepage V3 page CSS · build 2026-11-05T12:09:22.234Z */
/* ---- Brand fonts (same files as the design and the live site) ---- */
@font-face { font-family: 'MTTMilano'; font-weight: 100 900; font-display: swap;
  src: url('https://katelovejoy.com/wp-content/uploads/2025/03/font.woff2') format('woff2'), url('https://katelovejoy.com/wp-content/uploads/2025/03/font.woff') format('woff'); }
@font-face { font-family: 'Helvetica Light'; font-weight: 100 900; font-display: swap;
  src: url('https://katelovejoy.com/wp-content/uploads/2025/03/Helvetica-Light-BSJPsrFj.woff') format('woff'); }
body { background: #ffffff; overflow-x: clip; -webkit-font-smoothing: antialiased; }
body p { margin: 0; }

/* ---- Headings: undo the theme's forced spacing and the kit's uppercase ---- */
.elementor [data-id="4d2aa9d"] { letter-spacing: 5.4px !important; line-height: 62.4px !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="4d2aa9d"] { letter-spacing: 2.4px !important; line-height: 1.35 !important; } }
.elementor [data-id="7af1473e"] { letter-spacing: 4.3px !important; line-height: 55.9px !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="7af1473e"] { letter-spacing: 2.6px !important; line-height: 1.35 !important; } }
.elementor [data-id="7d92f8f0"] { letter-spacing: 2.3px !important; line-height: 29.9px !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="7d92f8f0"] { letter-spacing: 1.8px !important; line-height: 25px !important; } }
.elementor [data-id="7b51a870"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="7b51a870"] { letter-spacing: 2.6px !important; } }
.elementor [data-id="61619a15"] { letter-spacing: 0.14px !important; line-height: 24px !important; text-transform: none !important; }
.elementor [data-id="6b81a0f7"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="6b81a0f7"] { letter-spacing: 2.6px !important; } }
.elementor [data-id="3a93b96c"] { letter-spacing: 0.14px !important; line-height: 24px !important; text-transform: none !important; }
.elementor [data-id="68441526"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="68441526"] { letter-spacing: 2.6px !important; } }
.elementor [data-id="53b4d98c"] { letter-spacing: 0.14px !important; line-height: 24px !important; text-transform: none !important; }
.elementor [data-id="7f9f5368"] { letter-spacing: 2.4px !important; line-height: 30px !important; text-transform: uppercase !important; }
.elementor [data-id="41f14999"] { letter-spacing: 2.6px !important; line-height: 16px !important; text-transform: uppercase !important; }
.elementor [data-id="75510c08"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="75510c08"] { letter-spacing: 2.6px !important; } }
.elementor [data-id="53a7d920"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="53a7d920"] { letter-spacing: 2.6px !important; } }
.elementor [data-id="4f7845d9"] { letter-spacing: 2.6px !important; line-height: 1.35 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="4f7845d9"] { letter-spacing: 1.8px !important; } }
.elementor [data-id="63d6a96f"] { letter-spacing: 2.6px !important; line-height: 1.35 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="63d6a96f"] { letter-spacing: 1.8px !important; } }
.elementor [data-id="4040fdf3"] { letter-spacing: 2.6px !important; line-height: 1.35 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="4040fdf3"] { letter-spacing: 1.8px !important; } }
.elementor [data-id="485d4875"] { letter-spacing: 3.2px !important; line-height: 41.6px !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="485d4875"] { letter-spacing: 2.6px !important; line-height: 1.4 !important; } }
.elementor [data-id="5ec3bce2"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="5ec3bce2"] { letter-spacing: 2.6px !important; } }
.elementor [data-id="13ec8030"] { letter-spacing: 2.2px !important; line-height: 26px !important; text-transform: none !important; }
.elementor [data-id="716b54a1"] { letter-spacing: 2.2px !important; line-height: 26px !important; text-transform: none !important; }
.elementor [data-id="46b5bbd2"] { letter-spacing: 2.2px !important; line-height: 26px !important; text-transform: none !important; }
.elementor [data-id="2c2865f0"] { letter-spacing: 2.2px !important; line-height: 26px !important; text-transform: none !important; }
.elementor [data-id="1ddd2a94"] { letter-spacing: 2.2px !important; line-height: 26px !important; text-transform: none !important; }
.elementor [data-id="1a1e4f94"] { letter-spacing: 2.2px !important; line-height: 26px !important; text-transform: none !important; }
.elementor [data-id="e68a1c4"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="e68a1c4"] { letter-spacing: 2.6px !important; } }
.elementor [data-id="2102756c"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="2102756c"] { letter-spacing: 2.6px !important; } }
.elementor [data-id="544de58f"] { letter-spacing: 3.5px !important; line-height: 1.3 !important; text-transform: uppercase !important; }
@media (max-width: 767px) { .elementor [data-id="544de58f"] { letter-spacing: 2.6px !important; } }

/* ---- Header: transparent over the film, solid white once scrolled ---- */
[data-id="57d15324"][data-id="57d15324"][data-id="57d15324"] :is(span, p) > a { color: inherit; text-decoration: none; } [data-id="57d15324"][data-id="57d15324"][data-id="57d15324"] a { text-decoration: none; }
/* Drops in on load (V2 header-in: 1.2s, 0.6s delay). */
[data-id="57d15324"][data-id="57d15324"][data-id="57d15324"] { animation: klj-drop 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both; }
@keyframes klj-drop { from { opacity: 0; transform: translate3d(0, -8px, 0); } to { opacity: 1; transform: none; } }
@supports (animation-timeline: scroll()) {
  [data-id="57d15324"][data-id="57d15324"][data-id="57d15324"] { position: fixed; animation: klj-drop 1.2s cubic-bezier(0.22, 1, 0.36, 1) 0.6s both, klj-header linear both; animation-timeline: auto, scroll(root); animation-range: normal, 0px 80px; }
}
@keyframes klj-header { to { background-color: #ffffff; color: #1d1e2f; padding-top: 16px; padding-bottom: 16px; box-shadow: 0 1px 0 rgba(29,30,47,0.12); } }
/* Work With Us opens a full-width white sheet; the bar turns white with it. */
[data-id="67e1c2f6"][data-id="67e1c2f6"][data-id="67e1c2f6"]:hover [data-id="4e113b34"][data-id="4e113b34"][data-id="4e113b34"], [data-id="67e1c2f6"][data-id="67e1c2f6"][data-id="67e1c2f6"]:focus-within [data-id="4e113b34"][data-id="4e113b34"][data-id="4e113b34"] { opacity: 1; visibility: visible; }
[data-id="57d15324"][data-id="57d15324"][data-id="57d15324"]:has([data-id="67e1c2f6"][data-id="67e1c2f6"][data-id="67e1c2f6"]:hover), [data-id="57d15324"][data-id="57d15324"][data-id="57d15324"]:has([data-id="67e1c2f6"][data-id="67e1c2f6"][data-id="67e1c2f6"]:focus-within) { background-color: #ffffff; color: #1d1e2f; }
[data-id="4e113b34"][data-id="4e113b34"][data-id="4e113b34"] [data-id="56770fe3"][data-id="56770fe3"][data-id="56770fe3"] > * { opacity: 0; transform: translateY(8px); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
[data-id="67e1c2f6"][data-id="67e1c2f6"][data-id="67e1c2f6"]:hover [data-id="56770fe3"][data-id="56770fe3"][data-id="56770fe3"] > *, [data-id="67e1c2f6"][data-id="67e1c2f6"][data-id="67e1c2f6"]:focus-within [data-id="56770fe3"][data-id="56770fe3"][data-id="56770fe3"] > * { opacity: 1; transform: none; }
[data-id="56770fe3"][data-id="56770fe3"][data-id="56770fe3"] > *:nth-child(1) { transition-delay: 100ms; } [data-id="56770fe3"][data-id="56770fe3"][data-id="56770fe3"] > *:nth-child(2) { transition-delay: 180ms; } [data-id="56770fe3"][data-id="56770fe3"][data-id="56770fe3"] > *:nth-child(3) { transition-delay: 260ms; }
[data-id="56770fe3"][data-id="56770fe3"][data-id="56770fe3"] img { transition: scale 1.8s cubic-bezier(0.22, 1, 0.36, 1); } [data-id="56770fe3"][data-id="56770fe3"][data-id="56770fe3"] > *:hover img { scale: 1.04; }
/* Orange arrow slides in beside each card label on hover (V2 mega panel). */
[data-id="8e3a703"][data-id="8e3a703"][data-id="8e3a703"] > span, [data-id="6730435a"][data-id="6730435a"][data-id="6730435a"] > span, [data-id="416db557"][data-id="416db557"][data-id="416db557"] > span { color: #f47b38; opacity: 0; transform: translateX(-8px); transition: opacity 0.5s cubic-bezier(0.22, 1, 0.36, 1), transform 0.5s cubic-bezier(0.22, 1, 0.36, 1); }
[data-id="65532a61"][data-id="65532a61"][data-id="65532a61"]:hover [data-id="8e3a703"][data-id="8e3a703"][data-id="8e3a703"] > span, [data-id="65532a61"][data-id="65532a61"][data-id="65532a61"]:focus-visible [data-id="8e3a703"][data-id="8e3a703"][data-id="8e3a703"] > span, [data-id="735ae44d"][data-id="735ae44d"][data-id="735ae44d"]:hover [data-id="6730435a"][data-id="6730435a"][data-id="6730435a"] > span, [data-id="735ae44d"][data-id="735ae44d"][data-id="735ae44d"]:focus-visible [data-id="6730435a"][data-id="6730435a"][data-id="6730435a"] > span, [data-id="3cfb8473"][data-id="3cfb8473"][data-id="3cfb8473"]:hover [data-id="416db557"][data-id="416db557"][data-id="416db557"] > span, [data-id="3cfb8473"][data-id="3cfb8473"][data-id="3cfb8473"]:focus-visible [data-id="416db557"][data-id="416db557"][data-id="416db557"] > span { opacity: 1; transform: none; }
/* Mobile menu (native details/summary): burger becomes a close cross when open. */
[data-id="44a055a8"][data-id="44a055a8"][data-id="44a055a8"] summary { list-style: none; } [data-id="44a055a8"][data-id="44a055a8"][data-id="44a055a8"] summary::-webkit-details-marker { display: none; }
[data-id="44a055a8"][data-id="44a055a8"][data-id="44a055a8"] details[open] [data-id="20d8d52f"][data-id="20d8d52f"][data-id="20d8d52f"] { height: 24px; border: 0; background:
  linear-gradient(45deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px)),
  linear-gradient(-45deg, transparent calc(50% - 0.5px), #fff calc(50% - 0.5px), #fff calc(50% + 0.5px), transparent calc(50% + 0.5px)); }
[data-id="57d15324"][data-id="57d15324"][data-id="57d15324"]:has([data-id="44a055a8"][data-id="44a055a8"][data-id="44a055a8"] details[open]) { color: #ffffff; background-color: transparent; animation: none; }
[data-id="20d8d52f"][data-id="20d8d52f"][data-id="20d8d52f"] { border-color: currentColor !important; }
[data-id="59a32a8"][data-id="59a32a8"][data-id="59a32a8"] > * { opacity: 0; transform: translateY(8px); transition: opacity 0.7s cubic-bezier(0.22, 1, 0.36, 1), transform 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
[data-id="44a055a8"][data-id="44a055a8"][data-id="44a055a8"] details[open] [data-id="59a32a8"][data-id="59a32a8"][data-id="59a32a8"] > * { opacity: 1; transform: none; }
[data-id="59a32a8"][data-id="59a32a8"][data-id="59a32a8"] > *:nth-child(1) { transition-delay: 120ms; } [data-id="59a32a8"][data-id="59a32a8"][data-id="59a32a8"] > *:nth-child(2) { transition-delay: 180ms; } [data-id="59a32a8"][data-id="59a32a8"][data-id="59a32a8"] > *:nth-child(3) { transition-delay: 240ms; } [data-id="59a32a8"][data-id="59a32a8"][data-id="59a32a8"] > *:nth-child(4) { transition-delay: 300ms; } [data-id="59a32a8"][data-id="59a32a8"][data-id="59a32a8"] > *:nth-child(5) { transition-delay: 360ms; }
[data-id="75736160"][data-id="75736160"][data-id="75736160"] { position: relative; z-index: 2; }
body:has([data-id="44a055a8"][data-id="44a055a8"][data-id="44a055a8"] details[open]) { overflow: hidden; }

/* ---- Hero: film settles from a slight zoom; headline lines rise from behind a mask ---- */
[data-id="4d2aa9d"][data-id="4d2aa9d"][data-id="4d2aa9d"] > span { display: block; overflow: hidden; }
[data-id="4d2aa9d"][data-id="4d2aa9d"][data-id="4d2aa9d"] > span > span { display: block; animation: klj-line 1.3s cubic-bezier(0.22, 1, 0.36, 1) both; }
[data-id="4d2aa9d"][data-id="4d2aa9d"][data-id="4d2aa9d"] > span:nth-child(1) > span { animation-delay: 250ms; }
[data-id="4d2aa9d"][data-id="4d2aa9d"][data-id="4d2aa9d"] > span:nth-child(2) > span { animation-delay: 380ms; }
@keyframes klj-line { from { transform: translate3d(0, 110%, 0); } to { transform: none; } }
/* Oversized by 90px top and bottom so the parallax shift never shows an edge (as V1). */
[data-id="567f61f4"][data-id="567f61f4"][data-id="567f61f4"] video { top: -90px !important; bottom: auto !important; height: calc(100% + 180px) !important; animation: klj-settle 3.2s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes klj-settle { from { transform: scale(1.12); } to { transform: none; } }
[data-id="3cb8462"][data-id="3cb8462"][data-id="3cb8462"] { animation: klj-cue 2.4s cubic-bezier(0.22, 1, 0.36, 1) infinite; }
@keyframes klj-cue { from { transform: translateY(-100%); } to { transform: translateY(220%); } }
[data-id="2b128e9f"][data-id="2b128e9f"][data-id="2b128e9f"] button { background: transparent; border: 0; }
@media (max-width: 767px) {
  [data-id="4d2aa9d"][data-id="4d2aa9d"][data-id="4d2aa9d"] > span, [data-id="4d2aa9d"][data-id="4d2aa9d"][data-id="4d2aa9d"] > span > span { display: inline; overflow: visible; animation: none; }
  [data-id="4d2aa9d"][data-id="4d2aa9d"][data-id="4d2aa9d"] { animation: klj-fade 1s cubic-bezier(0.22, 1, 0.36, 1) both 250ms; }
  [data-id="567f61f4"][data-id="567f61f4"][data-id="567f61f4"] video { animation: none; }
}
@keyframes klj-fade { from { opacity: 0; } to { opacity: 1; } }

/* ---- Headings whose lines break as on the live site from tablet up ---- */
@media (min-width: 768px) { [data-id="7af1473e"][data-id="7af1473e"][data-id="7af1473e"] > span, [data-id="7b51a870"][data-id="7b51a870"][data-id="7b51a870"] > span, [data-id="6b81a0f7"][data-id="6b81a0f7"][data-id="6b81a0f7"] > span, [data-id="68441526"][data-id="68441526"][data-id="68441526"] > span, [data-id="75510c08"][data-id="75510c08"][data-id="75510c08"] > span, [data-id="5ec3bce2"][data-id="5ec3bce2"][data-id="5ec3bce2"] > span { display: block; } }

/* ---- Photo reveal: frames give their image depth so the interaction's translateZ
   reads as the design's settle from 1.18 (V1) / 1.12 (V2) ---- */
[data-id="63746a9d"][data-id="63746a9d"][data-id="63746a9d"], [data-id="475656e6"][data-id="475656e6"][data-id="475656e6"], [data-id="758a463c"][data-id="758a463c"][data-id="758a463c"], [data-id="651f7420"][data-id="651f7420"][data-id="651f7420"], [data-id="59d4586"][data-id="59d4586"][data-id="59d4586"], [data-id="57093a2b"][data-id="57093a2b"][data-id="57093a2b"], [data-id="44b4285e"][data-id="44b4285e"][data-id="44b4285e"], [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"] { perspective: 1000px; }

/* ---- Photographs: slow zoom on hover. Uses the separate scale property so it
   composes with the reveal's transform instead of fighting it. ---- */
[data-id="651f7420"][data-id="651f7420"][data-id="651f7420"] img, [data-id="59d4586"][data-id="59d4586"][data-id="59d4586"] img, [data-id="57093a2b"][data-id="57093a2b"][data-id="57093a2b"] img, [data-id="44b4285e"][data-id="44b4285e"][data-id="44b4285e"] img { transition: scale 1.8s cubic-bezier(0.22, 1, 0.36, 1); }
[data-id="651f7420"][data-id="651f7420"][data-id="651f7420"]:hover img, [data-id="59d4586"][data-id="59d4586"][data-id="59d4586"]:hover img, [data-id="57093a2b"][data-id="57093a2b"][data-id="57093a2b"]:hover img, [data-id="44b4285e"][data-id="44b4285e"][data-id="44b4285e"]:hover img { scale: 1.04; }

/* ---- Testimonials: numbered tabs with a hairline that fills on the active one ---- */
[data-id="13e81d94"][data-id="13e81d94"][data-id="13e81d94"] [role=tab] { position: relative; }
[data-id="13e81d94"][data-id="13e81d94"][data-id="13e81d94"] [role=tab] > span > span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
[data-id="13e81d94"][data-id="13e81d94"][data-id="13e81d94"] [role=tab]::before { content: ''; position: absolute; left: 0; top: -1px; height: 1px; width: 0; background: #fff; transition: width 0.7s cubic-bezier(0.22, 1, 0.36, 1); }
[data-id="13e81d94"][data-id="13e81d94"][data-id="13e81d94"] [role=tab].e--selected { color: #ffffff; }
[data-id="13e81d94"][data-id="13e81d94"][data-id="13e81d94"] [role=tab].e--selected::before { width: 100%; }
[data-id="13e81d94"][data-id="13e81d94"][data-id="13e81d94"] [role=tab]:focus-visible { outline: 1px solid #fff; outline-offset: 4px; }
/* All quotes share one grid cell so the block keeps the tallest quote's height and
   never jumps; they crossfade (0.7s) and the incoming quote rises out of a soft blur. */
[data-id="3349e752"][data-id="3349e752"][data-id="3349e752"] [role=tabpanel] { grid-area: 1 / 1; display: block !important; transition: opacity 0.7s ease, visibility 0.7s; }
/* Elementor toggles .e--selected (the server-rendered hidden attribute never updates). */
[data-id="3349e752"][data-id="3349e752"][data-id="3349e752"] [role=tabpanel]:not(.e--selected) { opacity: 0; visibility: hidden; pointer-events: none; }
[data-id="3349e752"][data-id="3349e752"][data-id="3349e752"] [role=tabpanel].e--selected { opacity: 1; visibility: visible; }
[data-id="3349e752"][data-id="3349e752"][data-id="3349e752"] [role=tabpanel].e--selected > p:first-child { animation: klj-quote 0.9s cubic-bezier(0.22, 1, 0.36, 1) both; }
@keyframes klj-quote { from { opacity: 0; transform: translate3d(0, 0.45em, 0); filter: blur(4px); } to { opacity: 1; transform: none; filter: blur(0); } }

/* ---- Projects: zoom and tint on hover; description and link rise into view ---- */
@media (max-width: 1279px) and (min-width: 1024px) { [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"] { height: 620px; } }
[data-id="3288f8a8"][data-id="3288f8a8"][data-id="3288f8a8"], [data-id="727c7f6d"][data-id="727c7f6d"][data-id="727c7f6d"], [data-id="17fef649"][data-id="17fef649"][data-id="17fef649"] { transition: scale 2.2s cubic-bezier(0.22, 1, 0.36, 1); }
[data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:hover [data-id="3288f8a8"][data-id="3288f8a8"][data-id="3288f8a8"], [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:focus-visible [data-id="3288f8a8"][data-id="3288f8a8"][data-id="3288f8a8"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:hover [data-id="727c7f6d"][data-id="727c7f6d"][data-id="727c7f6d"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:focus-visible [data-id="727c7f6d"][data-id="727c7f6d"][data-id="727c7f6d"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:hover [data-id="17fef649"][data-id="17fef649"][data-id="17fef649"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:focus-visible [data-id="17fef649"][data-id="17fef649"][data-id="17fef649"] { scale: 1.04; }
[data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:hover [data-id="7f2eff9a"][data-id="7f2eff9a"][data-id="7f2eff9a"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:hover [data-id="7fd6046f"][data-id="7fd6046f"][data-id="7fd6046f"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:hover [data-id="416c188a"][data-id="416c188a"][data-id="416c188a"] { opacity: 0.2; }
@media (min-width: 1025px) {
  [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:hover [data-id="3febb767"][data-id="3febb767"][data-id="3febb767"], [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:focus-visible [data-id="3febb767"][data-id="3febb767"][data-id="3febb767"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:hover [data-id="af092bd"][data-id="af092bd"][data-id="af092bd"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:focus-visible [data-id="af092bd"][data-id="af092bd"][data-id="af092bd"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:hover [data-id="277267f3"][data-id="277267f3"][data-id="277267f3"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:focus-visible [data-id="277267f3"][data-id="277267f3"][data-id="277267f3"] { grid-template-rows: 1fr; }
  [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:hover [data-id="37d8e44a"][data-id="37d8e44a"][data-id="37d8e44a"], [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:focus-visible [data-id="37d8e44a"][data-id="37d8e44a"][data-id="37d8e44a"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:hover [data-id="746b2af5"][data-id="746b2af5"][data-id="746b2af5"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:focus-visible [data-id="746b2af5"][data-id="746b2af5"][data-id="746b2af5"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:hover [data-id="738950e4"][data-id="738950e4"][data-id="738950e4"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:focus-visible [data-id="738950e4"][data-id="738950e4"][data-id="738950e4"] { opacity: 1; transform: none; transition-delay: 100ms; }
}
[data-id="3febb767"][data-id="3febb767"][data-id="3febb767"], [data-id="37d8e44a"][data-id="37d8e44a"][data-id="37d8e44a"], [data-id="af092bd"][data-id="af092bd"][data-id="af092bd"], [data-id="746b2af5"][data-id="746b2af5"][data-id="746b2af5"], [data-id="277267f3"][data-id="277267f3"][data-id="277267f3"], [data-id="738950e4"][data-id="738950e4"][data-id="738950e4"] { transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
[data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"] { text-decoration: none; }
[data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:focus-visible, [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:focus-visible, [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:focus-visible { outline: 2px solid #1d1e2f; outline-offset: 4px; }

/* ---- FAQ: question turns orange when open; plus becomes minus; answer opens smoothly ---- */
[data-id="39823552"][data-id="39823552"][data-id="39823552"] summary { list-style: none; } [data-id="39823552"][data-id="39823552"][data-id="39823552"] summary::-webkit-details-marker { display: none; }
[data-id="39823552"][data-id="39823552"][data-id="39823552"] details[open] > summary h3, [data-id="39823552"][data-id="39823552"][data-id="39823552"] summary:hover h3 { color: #f47b37; }
[data-id="39823552"][data-id="39823552"][data-id="39823552"] details[open] > summary [data-element_type="e-accordion-item-icon"] { transform: none; }
[data-id="39823552"][data-id="39823552"][data-id="39823552"] details[open] > summary [data-element_type="e-accordion-item-icon"] > :last-child { transform: translateX(-50%) scaleY(0); }
@supports (interpolate-size: allow-keywords) {
  [data-id="39823552"][data-id="39823552"][data-id="39823552"] { interpolate-size: allow-keywords; }
  [data-id="39823552"][data-id="39823552"][data-id="39823552"] details::details-content { height: 0; overflow: clip; transition: height 0.7s cubic-bezier(0.22, 1, 0.36, 1), content-visibility 0.7s allow-discrete; }
  [data-id="39823552"][data-id="39823552"][data-id="39823552"] details[open]::details-content { height: auto; }
}
/* The answer settles in a beat after the panel opens (0.7s, 100ms delay). */
[data-id="39823552"][data-id="39823552"][data-id="39823552"] details[open] [data-element_type="e-accordion-item-content"] > * { animation: klj-answer 0.7s cubic-bezier(0.22, 1, 0.36, 1) 0.1s both; }
@keyframes klj-answer { from { opacity: 0; transform: translate3d(0, -8px, 0); } to { opacity: 1; transform: none; } }

/* ---- Slideshow: eight photos crossfade every 6s, each easing out of a slight zoom ---- */
/* As V1: each slide shows for 6s; opacity crossfades over 1.6s (ease) while the
   photo zooms 1.08 -> 1 over 7s on the soft ease-out; the zoom resets only once
   the slide has faded out. 8 slides x 6s = 48s loop. */
[data-id="7946c1f5"][data-id="7946c1f5"][data-id="7946c1f5"], [data-id="545566cb"][data-id="545566cb"][data-id="545566cb"], [data-id="d910506"][data-id="d910506"][data-id="d910506"], [data-id="537a2333"][data-id="537a2333"][data-id="537a2333"], [data-id="4e0f6f4a"][data-id="4e0f6f4a"][data-id="4e0f6f4a"], [data-id="28bf8d7f"][data-id="28bf8d7f"][data-id="28bf8d7f"], [data-id="707c59c8"][data-id="707c59c8"][data-id="707c59c8"], [data-id="4aaa7c93"][data-id="4aaa7c93"][data-id="4aaa7c93"] { animation: klj-slide-fade 48s linear infinite both, klj-slide-zoom 48s linear infinite both; will-change: opacity, transform; }
[data-id="7946c1f5"][data-id="7946c1f5"][data-id="7946c1f5"] { animation-delay: -1.6s, -1.6s; } [data-id="545566cb"][data-id="545566cb"][data-id="545566cb"] { animation-delay: 4.4s, 4.4s; } [data-id="d910506"][data-id="d910506"][data-id="d910506"] { animation-delay: 10.4s, 10.4s; } [data-id="537a2333"][data-id="537a2333"][data-id="537a2333"] { animation-delay: 16.4s, 16.4s; } [data-id="4e0f6f4a"][data-id="4e0f6f4a"][data-id="4e0f6f4a"] { animation-delay: 22.4s, 22.4s; } [data-id="28bf8d7f"][data-id="28bf8d7f"][data-id="28bf8d7f"] { animation-delay: 28.4s, 28.4s; } [data-id="707c59c8"][data-id="707c59c8"][data-id="707c59c8"] { animation-delay: 34.4s, 34.4s; } [data-id="4aaa7c93"][data-id="4aaa7c93"][data-id="4aaa7c93"] { animation-delay: 40.4s, 40.4s; }
@keyframes klj-slide-fade {
  0% { opacity: 0; animation-timing-function: ease; }
  3.333% { opacity: 1; }
  12.5% { opacity: 1; animation-timing-function: ease; }
  15.833% { opacity: 0; }
  100% { opacity: 0; }
}
@keyframes klj-slide-zoom {
  0% { transform: scale(1.08); animation-timing-function: cubic-bezier(0.22, 1, 0.36, 1); }
  14.583% { transform: scale(1); }
  15.833% { transform: scale(1); animation-timing-function: step-end; }
  15.834% { transform: scale(1.08); }
  100% { transform: scale(1.08); }
}

/* ---- Featured in: logos scroll continuously and pause on hover ---- */
[data-id="2fe0f283"][data-id="2fe0f283"][data-id="2fe0f283"] { -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
[data-id="dedc11a"][data-id="dedc11a"][data-id="dedc11a"] { animation: klj-marquee 50s linear infinite; }
[data-id="2fe0f283"][data-id="2fe0f283"][data-id="2fe0f283"]:hover [data-id="dedc11a"][data-id="dedc11a"][data-id="dedc11a"] { animation-play-state: paused; }
@keyframes klj-marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* ---- Link underlines: V1 text links draw 1px above the box edge; V2 label links rest at 25% ---- */
[data-id="3f654814"][data-id="3f654814"][data-id="3f654814"], [data-id="3f654814"][data-id="3f654814"][data-id="3f654814"]:hover, [data-id="3f654814"][data-id="3f654814"][data-id="3f654814"]:focus, [data-id="66f5f82b"][data-id="66f5f82b"][data-id="66f5f82b"], [data-id="66f5f82b"][data-id="66f5f82b"][data-id="66f5f82b"]:hover, [data-id="66f5f82b"][data-id="66f5f82b"][data-id="66f5f82b"]:focus, [data-id="1479b55"][data-id="1479b55"][data-id="1479b55"], [data-id="1479b55"][data-id="1479b55"][data-id="1479b55"]:hover, [data-id="1479b55"][data-id="1479b55"][data-id="1479b55"]:focus, [data-id="40d6f8b3"][data-id="40d6f8b3"][data-id="40d6f8b3"], [data-id="40d6f8b3"][data-id="40d6f8b3"][data-id="40d6f8b3"]:hover, [data-id="40d6f8b3"][data-id="40d6f8b3"][data-id="40d6f8b3"]:focus, [data-id="4f7c7804"][data-id="4f7c7804"][data-id="4f7c7804"], [data-id="4f7c7804"][data-id="4f7c7804"][data-id="4f7c7804"]:hover, [data-id="4f7c7804"][data-id="4f7c7804"][data-id="4f7c7804"]:focus { background-position-y: calc(100% - 1px), calc(100% - 1px); }
[data-id="709d05c4"][data-id="709d05c4"][data-id="709d05c4"], [data-id="1f41b784"][data-id="1f41b784"][data-id="1f41b784"] { background-image: linear-gradient(currentColor, currentColor), linear-gradient(color-mix(in srgb, currentColor 25%, transparent), color-mix(in srgb, currentColor 25%, transparent)); }

/* ---- Overlay gradients blend in oklab, as in the design ---- */
[data-id="2d0e3feb"][data-id="2d0e3feb"][data-id="2d0e3feb"] { background-image: linear-gradient(to right in oklab, rgba(29,30,47,0.94) 0%, rgba(29,30,47,0.72) 50%, rgba(29,30,47,0.2) 100%); }
[data-id="2820e2fe"][data-id="2820e2fe"][data-id="2820e2fe"], [data-id="36e3c543"][data-id="36e3c543"][data-id="36e3c543"], [data-id="2bdc31d4"][data-id="2bdc31d4"][data-id="2bdc31d4"] { background-image: linear-gradient(to top in oklab, rgba(29,30,47,0.78) 0%, rgba(29,30,47,0.15) 50%, rgba(0,0,0,0) 100%); }

/* ---- Footer ---- */
[data-id="1b315c8d"][data-id="1b315c8d"][data-id="1b315c8d"] input::placeholder { color: rgba(255,255,255,0.5); opacity: 1; }
[data-id="1b315c8d"][data-id="1b315c8d"][data-id="1b315c8d"] input:focus { outline: none; }
[data-id="56f85568"][data-id="56f85568"][data-id="56f85568"] { cursor: pointer; }
[data-id="c358e8"][data-id="c358e8"][data-id="c358e8"]:hover img, [data-id="34bcbdab"][data-id="34bcbdab"][data-id="34bcbdab"]:hover img, [data-id="68de5376"][data-id="68de5376"][data-id="68de5376"]:hover img, [data-id="724c452a"][data-id="724c452a"][data-id="724c452a"]:hover img { opacity: 1; scale: 1.05; }
[data-id="c358e8"][data-id="c358e8"][data-id="c358e8"] img, [data-id="34bcbdab"][data-id="34bcbdab"][data-id="34bcbdab"] img, [data-id="68de5376"][data-id="68de5376"][data-id="68de5376"] img, [data-id="724c452a"][data-id="724c452a"][data-id="724c452a"] img { transition: opacity 1.4s cubic-bezier(0.22, 1, 0.36, 1), scale 1.4s cubic-bezier(0.22, 1, 0.36, 1); }
/* Only links inside text inherit; icon links (socials) keep their own colours. */
[data-id="5c1330b0"][data-id="5c1330b0"][data-id="5c1330b0"] :is(span, p) > a { color: inherit; text-decoration: none; } [data-id="5c1330b0"][data-id="5c1330b0"][data-id="5c1330b0"] a { text-decoration: none; }

/* ---- 1024px exactly: the design switches to its desktop layout at 1024 (lg), while
   Elementor's tablet breakpoint still includes 1024. Restore desktop here. ---- */
@media (min-width: 1024px) and (max-width: 1024.98px) {
  [data-id="703a4f94"][data-id="703a4f94"][data-id="703a4f94"] { display: flex; } [data-id="3fc73107"][data-id="3fc73107"][data-id="3fc73107"] { display: flex; } [data-id="44a055a8"][data-id="44a055a8"][data-id="44a055a8"] { display: none; }
  [data-id="75736160"][data-id="75736160"][data-id="75736160"] { font-size: 32px; }
  [data-id="25b58a58"][data-id="25b58a58"][data-id="25b58a58"], [data-id="40422111"][data-id="40422111"][data-id="40422111"] { display: block; }
  [data-id="73e94808"][data-id="73e94808"][data-id="73e94808"] { padding: 191px 10px 125px 10px; }
  [data-id="5199a87f"][data-id="5199a87f"][data-id="5199a87f"] { grid-template-columns: repeat(3, 1fr); row-gap: 24px; }
  [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"] { height: 620px; aspect-ratio: auto; }
  [data-id="3febb767"][data-id="3febb767"][data-id="3febb767"], [data-id="af092bd"][data-id="af092bd"][data-id="af092bd"], [data-id="277267f3"][data-id="277267f3"][data-id="277267f3"] { grid-template-rows: 0fr; }
  [data-id="37d8e44a"][data-id="37d8e44a"][data-id="37d8e44a"], [data-id="746b2af5"][data-id="746b2af5"][data-id="746b2af5"], [data-id="738950e4"][data-id="738950e4"][data-id="738950e4"] { opacity: 0; transform: translateY(8px); }
  [data-id="5799312"][data-id="5799312"][data-id="5799312"], [data-id="45bfeee5"][data-id="45bfeee5"][data-id="45bfeee5"], [data-id="1ceebf9f"][data-id="1ceebf9f"][data-id="1ceebf9f"] { display: block; }
  [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:hover [data-id="3febb767"][data-id="3febb767"][data-id="3febb767"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:hover [data-id="af092bd"][data-id="af092bd"][data-id="af092bd"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:hover [data-id="277267f3"][data-id="277267f3"][data-id="277267f3"] { grid-template-rows: 1fr; }
  [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"]:hover [data-id="37d8e44a"][data-id="37d8e44a"][data-id="37d8e44a"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"]:hover [data-id="746b2af5"][data-id="746b2af5"][data-id="746b2af5"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"]:hover [data-id="738950e4"][data-id="738950e4"][data-id="738950e4"] { opacity: 1; transform: none; }
  [data-id="78216835"][data-id="78216835"][data-id="78216835"] { grid-template-columns: 360px 1fr; column-gap: 100px; }
  [data-id="5aa1aa6d"][data-id="5aa1aa6d"][data-id="5aa1aa6d"] { column-gap: 56px; }
  [data-id="1840c596"][data-id="1840c596"][data-id="1840c596"] { column-gap: 48px; }
  [data-id="7f0ccd08"][data-id="7f0ccd08"][data-id="7f0ccd08"] { grid-column: span 5; } [data-id="85d6c87"][data-id="85d6c87"][data-id="85d6c87"] { grid-column: 7 / span 3; } [data-id="b290ddc"][data-id="b290ddc"][data-id="b290ddc"] { grid-column: 11 / span 2; }
  [data-id="7b7cf250"][data-id="7b7cf250"][data-id="7b7cf250"] { flex-direction: row; align-items: baseline; }
}

/* ---- Reveal variants per width. Elementor Pro 4.3 ignores per-breakpoint
   interaction exclusions, so each element carries one interaction and these
   !important pins (which outrank Web Animations) switch the unwanted part off:
   tablet/desktop keep the curtain wipe, photo settle and masked line rise;
   phones get the design's plain 1s fades instead. ---- */
@media (min-width: 768px) {
  [data-id="63746a9d"][data-id="63746a9d"][data-id="63746a9d"], [data-id="475656e6"][data-id="475656e6"][data-id="475656e6"], [data-id="758a463c"][data-id="758a463c"][data-id="758a463c"], [data-id="651f7420"][data-id="651f7420"][data-id="651f7420"], [data-id="59d4586"][data-id="59d4586"][data-id="59d4586"], [data-id="57093a2b"][data-id="57093a2b"][data-id="57093a2b"], [data-id="44b4285e"][data-id="44b4285e"][data-id="44b4285e"], [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"], [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"], [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"], [data-id="7af1473e"][data-id="7af1473e"][data-id="7af1473e"], [data-id="53a7d920"][data-id="53a7d920"][data-id="53a7d920"], [data-id="e68a1c4"][data-id="e68a1c4"][data-id="e68a1c4"] { opacity: 1 !important; }
}
@media (max-width: 767px) {
  [data-id="4e7ae99f"][data-id="4e7ae99f"][data-id="4e7ae99f"], [data-id="6f70147d"][data-id="6f70147d"][data-id="6f70147d"], [data-id="4fa1b7cc"][data-id="4fa1b7cc"][data-id="4fa1b7cc"], [data-id="42ec4bc2"][data-id="42ec4bc2"][data-id="42ec4bc2"], [data-id="40fb4fc7"][data-id="40fb4fc7"][data-id="40fb4fc7"], [data-id="5f91d2d3"][data-id="5f91d2d3"][data-id="5f91d2d3"], [data-id="30af8dd2"][data-id="30af8dd2"][data-id="30af8dd2"], [data-id="3288f8a8"][data-id="3288f8a8"][data-id="3288f8a8"], [data-id="727c7f6d"][data-id="727c7f6d"][data-id="727c7f6d"], [data-id="17fef649"][data-id="17fef649"][data-id="17fef649"], [data-id="7af1473e"][data-id="7af1473e"][data-id="7af1473e"], [data-id="53a7d920"][data-id="53a7d920"][data-id="53a7d920"], [data-id="e68a1c4"][data-id="e68a1c4"][data-id="e68a1c4"] { transform: none !important; }
}

/* ---- No flash before reveals. Elementor applies an interaction's first keyframe
   only when it triggers, so content would show, snap away and fade back. The head
   snippet adds html.klj-js before first paint; elements then start in their hidden
   state (as the design's .kl-motion does). Motion leaves the final state inline. ---- */
@media (prefers-reduced-motion: no-preference) {
  html.klj-js [data-id="1351e5a4"][data-id="1351e5a4"][data-id="1351e5a4"], html.klj-js [data-id="21af7027"][data-id="21af7027"][data-id="21af7027"], html.klj-js [data-id="7d92f8f0"][data-id="7d92f8f0"][data-id="7d92f8f0"], html.klj-js [data-id="3be015dd"][data-id="3be015dd"][data-id="3be015dd"], html.klj-js [data-id="cdaed89"][data-id="cdaed89"][data-id="cdaed89"], html.klj-js [data-id="41fb79ce"][data-id="41fb79ce"][data-id="41fb79ce"], html.klj-js [data-id="75ed2512"][data-id="75ed2512"][data-id="75ed2512"], html.klj-js [data-id="2ee36e05"][data-id="2ee36e05"][data-id="2ee36e05"], html.klj-js [data-id="30ba1a16"][data-id="30ba1a16"][data-id="30ba1a16"], html.klj-js [data-id="3190e6b8"][data-id="3190e6b8"][data-id="3190e6b8"], html.klj-js [data-id="2bd9ca0d"][data-id="2bd9ca0d"][data-id="2bd9ca0d"], html.klj-js [data-id="172f56f3"][data-id="172f56f3"][data-id="172f56f3"], html.klj-js [data-id="217e5fdb"][data-id="217e5fdb"][data-id="217e5fdb"], html.klj-js [data-id="5638fe9"][data-id="5638fe9"][data-id="5638fe9"], html.klj-js [data-id="4169f7c"][data-id="4169f7c"][data-id="4169f7c"], html.klj-js [data-id="6289810f"][data-id="6289810f"][data-id="6289810f"], html.klj-js [data-id="41f14999"][data-id="41f14999"][data-id="41f14999"], html.klj-js [data-id="4e7464e1"][data-id="4e7464e1"][data-id="4e7464e1"], html.klj-js [data-id="502a08a3"][data-id="502a08a3"][data-id="502a08a3"], html.klj-js [data-id="3b3e3fe3"][data-id="3b3e3fe3"][data-id="3b3e3fe3"], html.klj-js [data-id="60851758"][data-id="60851758"][data-id="60851758"], html.klj-js [data-id="709d05c4"][data-id="709d05c4"][data-id="709d05c4"], html.klj-js [data-id="485d4875"][data-id="485d4875"][data-id="485d4875"], html.klj-js [data-id="3cd5d410"][data-id="3cd5d410"][data-id="3cd5d410"], html.klj-js [data-id="1ede90de"][data-id="1ede90de"][data-id="1ede90de"], html.klj-js [data-id="5ec3bce2"][data-id="5ec3bce2"][data-id="5ec3bce2"], html.klj-js [data-id="715aa463"][data-id="715aa463"][data-id="715aa463"], html.klj-js [data-id="5a273ee0"][data-id="5a273ee0"][data-id="5a273ee0"], html.klj-js [data-id="5251af32"][data-id="5251af32"][data-id="5251af32"], html.klj-js [data-id="4087852"][data-id="4087852"][data-id="4087852"], html.klj-js [data-id="1648d40b"][data-id="1648d40b"][data-id="1648d40b"], html.klj-js [data-id="cede337"][data-id="cede337"][data-id="cede337"], html.klj-js [data-id="440b7d79"][data-id="440b7d79"][data-id="440b7d79"], html.klj-js [data-id="7f780621"][data-id="7f780621"][data-id="7f780621"], html.klj-js [data-id="2fe0f283"][data-id="2fe0f283"][data-id="2fe0f283"], html.klj-js [data-id="2f0106fd"][data-id="2f0106fd"][data-id="2f0106fd"], html.klj-js [data-id="34c0a1f4"][data-id="34c0a1f4"][data-id="34c0a1f4"], html.klj-js [data-id="2892d76b"][data-id="2892d76b"][data-id="2892d76b"], html.klj-js [data-id="7f0ccd08"][data-id="7f0ccd08"][data-id="7f0ccd08"], html.klj-js [data-id="85d6c87"][data-id="85d6c87"][data-id="85d6c87"], html.klj-js [data-id="b290ddc"][data-id="b290ddc"][data-id="b290ddc"], html.klj-js [data-id="7ff8f92a"][data-id="7ff8f92a"][data-id="7ff8f92a"], html.klj-js [data-id="3349e752"][data-id="3349e752"][data-id="3349e752"], html.klj-js [data-id="31d36944"][data-id="31d36944"][data-id="31d36944"] { opacity: 0; }
  @media (min-width: 768px) { html.klj-js [data-id="7af1473e"][data-id="7af1473e"][data-id="7af1473e"], html.klj-js [data-id="53a7d920"][data-id="53a7d920"][data-id="53a7d920"], html.klj-js [data-id="e68a1c4"][data-id="e68a1c4"][data-id="e68a1c4"] { transform: translate3d(0, 110%, 0); } }
  @media (max-width: 767px) { html.klj-js [data-id="63746a9d"][data-id="63746a9d"][data-id="63746a9d"], html.klj-js [data-id="475656e6"][data-id="475656e6"][data-id="475656e6"], html.klj-js [data-id="758a463c"][data-id="758a463c"][data-id="758a463c"], html.klj-js [data-id="651f7420"][data-id="651f7420"][data-id="651f7420"], html.klj-js [data-id="59d4586"][data-id="59d4586"][data-id="59d4586"], html.klj-js [data-id="57093a2b"][data-id="57093a2b"][data-id="57093a2b"], html.klj-js [data-id="44b4285e"][data-id="44b4285e"][data-id="44b4285e"], html.klj-js [data-id="ae2803b"][data-id="ae2803b"][data-id="ae2803b"], html.klj-js [data-id="349fc962"][data-id="349fc962"][data-id="349fc962"], html.klj-js [data-id="36da1197"][data-id="36da1197"][data-id="36da1197"], html.klj-js [data-id="7af1473e"][data-id="7af1473e"][data-id="7af1473e"], html.klj-js [data-id="53a7d920"][data-id="53a7d920"][data-id="53a7d920"], html.klj-js [data-id="e68a1c4"][data-id="e68a1c4"][data-id="e68a1c4"] { opacity: 0; } }
}

/* ---- Parallax (desktop, scroll-linked, where supported) ---- */
@supports (animation-timeline: view()) {
  @media (min-width: 768px) and (prefers-reduced-motion: no-preference) {
    [data-id="598e7fde"][data-id="598e7fde"][data-id="598e7fde"] { animation: klj-drift-110 linear both; animation-timeline: view(); animation-range: cover; }
    [data-id="7956fa2e"][data-id="7956fa2e"][data-id="7956fa2e"] { animation: klj-drift-50 linear both; animation-timeline: view(); animation-range: cover; }
    [data-id="567f61f4"][data-id="567f61f4"][data-id="567f61f4"] { view-timeline: --klj-hero block; }
    [data-id="567f61f4"][data-id="567f61f4"][data-id="567f61f4"] video { animation: klj-settle 3.2s cubic-bezier(0.22, 1, 0.36, 1) both, klj-drift-hero linear both; animation-timeline: auto, --klj-hero; animation-range: normal, exit; animation-composition: replace, add; }
    [data-id="25b58a58"][data-id="25b58a58"][data-id="25b58a58"] { animation: klj-lift-40 linear both; animation-timeline: view(); animation-range: cover; }
    [data-id="40422111"][data-id="40422111"][data-id="40422111"] { animation: klj-lift-70 linear both; animation-timeline: view(); animation-range: cover; }
  }
}
/* Same mapping as the design's useParallax: offset = progress x shift, where progress
   runs +1 (entering at the bottom) to -1 (leaving at the top). Backgrounds use a
   positive shift (drift up), the credentials photos a negative one (drift down). */
@keyframes klj-drift-110 { from { transform: translate3d(0, 110px, 0); } to { transform: translate3d(0, -110px, 0); } }
@keyframes klj-drift-50 { from { transform: translate3d(0, 50px, 0); } to { transform: translate3d(0, -50px, 0); } }
@keyframes klj-drift-hero { from { transform: none; } to { transform: translate3d(0, -80px, 0); } }
@keyframes klj-lift-40 { from { transform: translate3d(0, -40px, 0); } to { transform: translate3d(0, 40px, 0); } }
@keyframes klj-lift-70 { from { transform: translate3d(0, -70px, 0); } to { transform: translate3d(0, 70px, 0); } }

/* ---- Reduced motion: everything visible and still ---- */
@media (prefers-reduced-motion: reduce) {
  body *, body *::before, body *::after { animation: none !important; transition-duration: 1ms !important; transition-delay: 0ms !important; scroll-behavior: auto !important; }
  /* Elementor's interactions run on the Web Animations API, which ignores this media
     query; elements carrying an interaction get an inline transition at init, so pin
     those visible and still, and remove the photo-reveal curtains. */
  [data-interaction-id][style*="transition"], [data-interaction-id][style*="opacity"] { opacity: 1 !important; transform: none !important; }
  [data-id="4f742844"][data-id="4f742844"][data-id="4f742844"], [data-id="4c504660"][data-id="4c504660"][data-id="4c504660"], [data-id="435ce184"][data-id="435ce184"][data-id="435ce184"], [data-id="5c10e4f9"][data-id="5c10e4f9"][data-id="5c10e4f9"], [data-id="1dd0d52e"][data-id="1dd0d52e"][data-id="1dd0d52e"], [data-id="76d4c117"][data-id="76d4c117"][data-id="76d4c117"], [data-id="21990f1c"][data-id="21990f1c"][data-id="21990f1c"], [data-id="2795122c"][data-id="2795122c"][data-id="2795122c"], [data-id="48638f24"][data-id="48638f24"][data-id="48638f24"], [data-id="6dbcddbd"][data-id="6dbcddbd"][data-id="6dbcddbd"] { display: none !important; }
  [data-id="545566cb"][data-id="545566cb"][data-id="545566cb"], [data-id="d910506"][data-id="d910506"][data-id="d910506"], [data-id="537a2333"][data-id="537a2333"][data-id="537a2333"], [data-id="4e0f6f4a"][data-id="4e0f6f4a"][data-id="4e0f6f4a"], [data-id="28bf8d7f"][data-id="28bf8d7f"][data-id="28bf8d7f"], [data-id="707c59c8"][data-id="707c59c8"][data-id="707c59c8"], [data-id="4aaa7c93"][data-id="4aaa7c93"][data-id="4aaa7c93"] { opacity: 0 !important; }
  [data-id="7946c1f5"][data-id="7946c1f5"][data-id="7946c1f5"] { opacity: 1 !important; transform: none !important; }
  /* The film's poster (the section background) stands in for the moving video. */
  [data-id="567f61f4"][data-id="567f61f4"][data-id="567f61f4"] video { visibility: hidden; }
  [data-id="dedc11a"][data-id="dedc11a"][data-id="dedc11a"] { transform: none !important; }
}/* End custom CSS */