.st-d-title{color:rgba(250,250,250,1);text-transform:uppercase;line-height:1;letter-spacing:0em;font-size:70px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
.st-d-heading{color:rgba(250,250,250,1);text-transform:uppercase;line-height:1.2;letter-spacing:0em;font-size:40px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
.st-d-subheading{color:rgba(250,250,250,1);text-transform:uppercase;line-height:1.6;letter-spacing:0.1em;font-size:14px;text-align:left;font-family:'Montserrat';font-weight:400;font-style:normal}
.st-d-paragraph{color:rgba(250,250,250,1);line-height:1.4;letter-spacing:0em;font-size:18px;text-align:left;font-family:'Montserrat';font-weight:400;font-style:normal}
.st-primary{border-style:solid;padding:0px 0px 0px 0px;border-width:0px;border-color:rgba(33,33,33,1);background-color:rgba(0,0,0,1);background-image:none;transition-duration:0.5s}
.st-primary span{color:rgba(250,250,250,1);font-family:'Lexend Peta';font-weight:400;font-style:normal;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:0.05em;line-height:1.8;transition-duration:0.5s}
.st-secondary{border-style:solid;padding:0px 0px 0px 0px;border-width:1px;border-color:rgba(250,250,250,1);background-color:rgba(250,250,250,0);background-image:none;transition-duration:0.5s}
.st-secondary span{color:rgba(250,250,250,1);font-family:'Lexend Peta';font-weight:400;font-style:normal;font-size:12px;text-align:center;text-transform:uppercase;letter-spacing:0.05em;line-height:1.8;transition-duration:0.5s}
@media(max-width:767px){.st-m-title{color:rgba(250,250,250,1);text-transform:uppercase;line-height:1;letter-spacing:0em;font-size:45px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
.st-m-heading{color:rgba(250,250,250,1);text-transform:uppercase;line-height:1.2;letter-spacing:0em;font-size:28px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
.st-m-subheading{color:rgba(250,250,250,1);text-transform:uppercase;line-height:1.6;letter-spacing:0.1em;font-size:14px;text-align:left;font-family:'Montserrat';font-weight:400;font-style:normal}
.st-m-paragraph{color:rgba(250,250,250,1);line-height:1.4;letter-spacing:0em;font-size:16px;text-align:left;font-family:'Montserrat';font-weight:400;font-style:normal}
.st-primary span{color:rgba(250,250,250,1);font-family:'Lexend Peta';font-weight:400;font-style:normal;font-size:11px;text-align:center;text-transform:uppercase;letter-spacing:0.05em;line-height:1.8}
.st-secondary span{color:rgba(250,250,250,1);font-family:'Lexend Peta';font-weight:400;font-style:normal;font-size:11px;text-align:center;text-transform:uppercase;letter-spacing:0.05em;line-height:1.8}}
.sec-menu{--h:1.0px;--mh:1.0px;z-index:200;background-color:rgba(0,0,0,0)}
.e-menu_0{left:calc(1132px + var(--g));top:0px;width:68px;height:63px}
@media(max-width:767px){.e-menu_0{left:262px;top:6px;width:50px;height:50px}}
.e-menu_0 svg{fill:rgba(250,250,250,1)}
@media(max-width:767px){.e-menu_0 svg{fill:rgba(250,250,250,1)}}
.e-menu_view-1_0{left:calc(0px - var(--g));top:0px;width:calc(1200px + 2 * var(--g));height:68px}
@media(max-width:767px){.e-menu_view-1_0{left:48px;top:0px;width:224px;height:0.7px;display:none}}
.e-menu_view-1_0>.shape,.e-menu_view-1_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-menu_view-1_0>.shape,.e-menu_view-1_0>.ico{background-color:rgba(0,0,0,1)}}
.e-menu_view-1_1{left:600px;top:24px;width:1px;height:1px}
@media(max-width:767px){.e-menu_view-1_1{left:160px;top:0px;width:1px;height:1px}}
.e-menu_view-1_1 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.e-menu_view-1_2{left:calc(1015px + var(--g));top:24px;width:89px;height:19px}
@media(max-width:767px){.e-menu_view-1_2{left:110px;top:169px;width:100px;height:20px;display:none}}
.t-menu_view-1_2{color:rgba(255,255,255,1);line-height:1.4;letter-spacing:0.1em;font-size:12px;text-align:center}
@media(max-width:767px){.t-menu_view-1_2{color:rgba(255,255,255,1);line-height:1.6;letter-spacing:0.2em;font-size:14px;text-align:left}}
.e-menu_view-1_3{left:calc(898px + var(--g));top:24px;width:98px;height:19px}
@media(max-width:767px){.e-menu_view-1_3{left:110px;top:135px;width:100px;height:24px;display:none}}
.t-menu_view-1_3{color:rgba(255,255,255,1);line-height:1.4;letter-spacing:0.1em;font-size:12px;text-align:center}
@media(max-width:767px){.t-menu_view-1_3{color:rgba(255,255,255,1);line-height:1.6;letter-spacing:0.2em;font-size:14px;text-align:left}}
.e-menu_view-1_4{left:calc(787px + var(--g));top:24px;width:92px;height:19px}
@media(max-width:767px){.e-menu_view-1_4{left:105px;top:106px;width:111px;height:19px;display:none}}
.t-menu_view-1_4{color:rgba(255,255,255,1);line-height:1.4;letter-spacing:0.1em;font-size:12px;text-align:center}
@media(max-width:767px){.t-menu_view-1_4{color:rgba(255,255,255,1);line-height:1.6;letter-spacing:0.2em;font-size:14px;text-align:center}}
.e-menu_view-1_5{left:calc(-23px - var(--g));top:-25px;width:208px;height:126px}
@media(max-width:767px){.e-menu_view-1_5{left:-5px;top:0px;width:110px;height:70px;display:none}}
.e-menu_view-1_5 .ph{background-repeat:no-repeat;background-size:contain;background-position:50%;border-radius:inherit}
.e-menu_view-1_6{left:calc(1149px + var(--g));top:17px;width:35px;height:32px}
@media(max-width:767px){.e-menu_view-1_6{left:262px;top:6px;width:50px;height:50px}}
.e-menu_view-1_6 svg{fill:rgba(250,250,250,1)}
@media(max-width:767px){.e-menu_view-1_6 svg{fill:rgba(250,250,250,1)}}
.sec-hero{--h:746.0px;--mh:578.0px;z-index:1;background-color:rgba(0,0,0,1)}
.sec-hero>.bgm{opacity:0.7}
@media(max-width:767px){.sec-hero>.bgm{opacity:0.7}}
.e-hero_3{left:calc(132px - var(--g));top:-322px;width:calc(746px + var(--g));height:1390px}
@media(max-width:767px){.e-hero_3{left:0px;top:0px;width:320px;height:578px}}
.e-hero_3{transform:rotate(270deg)}
@media(max-width:767px){.e-hero_3{transform:rotate(180deg)}}
.e-hero_3>.shape,.e-hero_3>.ico{background-color:transparent;background-origin:border-box;background-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)}

/* THE DESKTOP HERO IS A TRIPTYCH: one portrait shot across three panels, the
   middle at full and the two sides at 25%, all baked into 312-hero-same-25.mp4.
   The clip is 2160x840 so `object-fit: cover` scales it DOWN (0.89x on a 1920
   window) instead of blowing a 1078x606 landscape frame up by 1.78x, which is
   the whole reason the old hero read as soft.

   .e-hero_3 is the gradient the hero shipped with, and it only covers the LEFT.
   With the two side panels showing identical pixels that one-sided wash was the
   only thing left making them look like different opacities: it measured the
   left panel at 4.5 against the right at 22.5. It is replaced on desktop by the
   same wash on BOTH edges. Mobile is untouched and keeps the original, because
   the phone still gets the portrait clip full bleed and its type sits over it
   the same way it always did.

   z-index 0 is load-bearing: .bgm is z-index 0 and .cv is z-index 1, so a
   z-index 0 pseudo declared after both lands between them, over the video and
   under every piece of type. Without it the wash paints across the button. */
@media(min-width:768px){
  .sec-hero .e-hero_3{display:none}
  .sec-hero::after{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;
    background:linear-gradient(90deg,
      rgba(0,0,0,.80) 0%, rgba(0,0,0,.32) 22%, rgba(0,0,0,0) 34%,
      rgba(0,0,0,0) 66%, rgba(0,0,0,.32) 78%, rgba(0,0,0,.80) 100%)}

  /* The band is 114px taller than the 746 it shipped at. That is NOT a height
     change on its own: the clip has to grow with it or the sharpness goes.
     1920x746 against 2160x840 is 2.573 vs 2.571, which is why cover scales the
     video DOWN 0.889x. Leave the clip at 840 and stretch the band to 860 and
     the HEIGHT ratio takes over at 1.02x, straight back to upscaling. So
     312-hero-same-25-h860.mp4 is cropped 2160x968 out of the same 1280-tall
     source (968 = 860 * 2160/1920), which holds it at 0.889x.

     The canvas is absolute coordinates, so the type has to move too or the
     extra height is just a gap under the button. Everything below the logo
     shifts down the FULL 114px, which keeps the 70px of clearance beneath the
     button exactly as designed and opens the new room ABOVE the headline,
     where the picture is. The logo stays pinned at the top.

     Mobile is untouched: --mh stays 578 and the phone keeps the bleed clip.

     SCOPED TO .sec-hero ON PURPOSE. The engine's own .e-hero_N rules are emitted
     FURTHER DOWN this file, and a media query adds no specificity, so a bare
     .e-hero_5 here loses to the later .e-hero_5 on source order alone. The
     section grew and the type stayed put. .sec-hero .e-hero_5 is (0,2,0) and
     wins wherever it sits. */
  .sec-hero{--h:860px}
  .sec-hero .e-hero_5{top:408px}    /* 294 + 114 */
  .sec-hero .e-hero_8{top:500px}    /* 386 + 114 */
  .sec-hero .e-hero_6{top:620px}    /* 506 + 114 */
  .sec-hero .e-hero_7{top:734px}    /* 620 + 114 */
}
@media(max-width:767px){.e-hero_3>.shape,.e-hero_3>.ico{background-color:transparent;background-origin:border-box;background-image:linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%)}}
.e-hero_4{left:calc(60px - var(--g));top:7px;width:199px;height:149px}
@media(max-width:767px){.e-hero_4{left:13px;top:16px;width:105px;height:73px}}
.e-hero_4 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.e-hero_5{left:calc(97px - var(--g));top:294px;width:997px;height:114px}
@media(max-width:767px){.e-hero_5{left:23px;top:312px;width:270px;height:66px}}
.t-hero_5{color:rgba(255,255,255,1);line-height:1;letter-spacing:0em;font-size:100px;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-hero_5{color:rgba(255,255,255,1);line-height:1;letter-spacing:0em;font-size:45px;font-family:'Anton';font-weight:400;font-style:normal}}
.e-hero_6{left:calc(97px - var(--g));top:506px;width:864px;height:114px}
@media(max-width:767px){.e-hero_6{left:23px;top:454px;width:275px;height:35px}}
.t-hero_6{color:rgba(255,255,255,1);line-height:1;letter-spacing:0em;font-size:45px;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-hero_6{color:rgba(255,255,255,1);line-height:1;letter-spacing:0em;font-size:25px;font-family:'Anton';font-weight:400;font-style:normal}}
.e-hero_7{left:calc(97px - var(--g));top:620px;width:293px;height:56px}
@media(max-width:767px){.e-hero_7{left:23px;top:494px;width:152px;height:38px}}
.e-hero_7 .btn{background-color:rgba(44,155,246,1);background-image:none}
.e-hero_7 .btn span{font-size:12px}
@media(max-width:767px){.e-hero_7 .btn{background-color:rgba(44,155,246,1);background-image:none}}
@media(max-width:767px){.e-hero_7 .btn span{font-size:9px}}
.e-hero_8{left:calc(97px - var(--g));top:386px;width:760px;height:114px}
@media(max-width:767px){.e-hero_8{left:23px;top:396px;width:274px;height:56px}}
.sec-intro{--h:898.0px;--mh:379.0px;z-index:1;background-color:rgba(255,255,255,1)}
.e-intro_2{left:95px;top:519px;width:549px;height:1px}
@media(max-width:767px){.e-intro_2{left:30px;top:167px;width:259px;height:1px}}
.e-intro_2>.shape,.e-intro_2>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-intro_2>.shape,.e-intro_2>.ico{background-color:rgba(0,0,0,1)}}
.e-intro_3{left:95px;top:133px;width:490px;height:364px}
@media(max-width:767px){.e-intro_3{left:30px;top:52px;width:259px;height:97px}}
.t-intro_3{color:rgba(44,155,246,1);line-height:1;letter-spacing:0em;font-size:70px;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-intro_3{color:rgba(44,155,246,1);line-height:1;letter-spacing:0em;font-size:25px;font-family:'Anton';font-weight:400;font-style:normal}}
.e-intro_4{left:679px;top:232px;width:293px;height:56px}
@media(max-width:767px){.e-intro_4{left:30px;top:272px;width:243px;height:56px}}
.e-intro_4 .btn{background-color:rgba(44,155,246,1);background-image:none}
@media(max-width:767px){.e-intro_4 .btn{background-color:rgba(44,155,246,1);background-image:none}}
.e-intro_6{left:679px;top:203px;width:416px;height:1px}
@media(max-width:767px){.e-intro_6{left:30px;top:349px;width:229px;height:1px;display:none}}
.e-intro_6>.shape,.e-intro_6>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-intro_6>.shape,.e-intro_6>.ico{background-color:rgba(0,0,0,1)}}
.e-intro_7{left:679px;top:133px;width:488px;height:45px}
@media(max-width:767px){.e-intro_7{left:30px;top:178px;width:259px;height:74px}}
.t-intro_7{color:rgba(0,0,0,1);font-size:20px}
@media(max-width:767px){.t-intro_7{color:rgba(0,0,0,1);font-size:14px}}
.e-intro_8{left:calc(0px - var(--g));top:579px;width:calc(1200px + 2 * var(--g));height:257px}
@media(max-width:767px){.e-intro_8{left:1px;top:36px;width:320px;height:208px;display:none}}
.e-intro_8 .gcell{margin-right:4px}
.e-intro_8 .gtrack{animation:gslide 45s linear infinite}
.sec-about{--h:1223.0px;--mh:1264.0px;z-index:7;background-color:rgba(8,9,11,1)}
.e-about_0{left:660px;top:0px;width:calc(540px + var(--g));height:1223px}
@media(max-width:767px){.e-about_0{left:0px;top:0px;width:320px;height:263px}}
.e-about_0 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
@media(max-width:767px){.e-about_0 .ph{background-position:30% 30%}}
.e-about_1{left:20px;top:165px;width:3px;height:160px}
@media(max-width:767px){.e-about_1{left:20px;top:317px;width:3px;height:101px}}
.e-about_1>.shape,.e-about_1>.ico{background-color:rgba(44,155,246,1)}
@media(max-width:767px){.e-about_1>.shape,.e-about_1>.ico{background-color:rgba(44,155,246,1)}}
.e-about_4{left:38px;top:165px;width:540px;height:72px}
@media(max-width:767px){.e-about_4{left:34px;top:325px;width:276px;height:41px}}
.t-about_4{color:rgba(255,255,255,1);text-transform:uppercase;line-height:0.96;letter-spacing:-0.018em;font-size:70px;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-about_4{color:rgba(255,255,255,1);text-transform:uppercase;line-height:1;letter-spacing:-0.013em;font-size:40px;font-family:'Anton';font-weight:400;font-style:normal}}
.e-about_5{left:42px;top:362px;width:470px;height:54px}
@media(max-width:767px){.e-about_5{left:20px;top:445px;width:271px;height:46px}}
.t-about_5{color:rgba(232,234,237,1);text-transform:uppercase;line-height:1.35;letter-spacing:0em;font-size:20px}
@media(max-width:767px){.t-about_5{color:rgba(232,234,237,1);text-transform:uppercase;line-height:1.35;letter-spacing:0em;font-size:16px}}
.e-about_6{left:38px;top:1076px;width:253px;height:56px}
@media(max-width:767px){.e-about_6{left:20px;top:1180px;width:253px;height:54px}}
.e-about_6 .btn{background-color:rgba(44,155,246,1);background-image:none}
@media(max-width:767px){.e-about_6 .btn{background-color:rgba(44,155,246,1);background-image:none}}
.e-about_7{left:315px;top:337px;width:1223px;height:550px}
@media(max-width:767px){.e-about_7{left:0px;top:52px;width:320px;height:211px}}
.e-about_7{transform:rotate(90deg)}
@media(max-width:767px){.e-about_7{transform:none}}
.e-about_7>.shape,.e-about_7>.ico{background-color:transparent;background-origin:border-box;background-image:linear-gradient(0deg, rgba(9,10,12,1) 0%, rgba(0,0,0,0) 100%)}
@media(max-width:767px){.e-about_7>.shape,.e-about_7>.ico{background-color:transparent;background-origin:border-box;background-image:linear-gradient(0deg, rgba(9,10,12,1) 0%, rgba(0,0,0,0) 100%)}}
.e-about_8{left:42px;top:436px;width:598px;height:522px}
@media(max-width:767px){.e-about_8{left:20px;top:513px;width:280px;height:631px}}
.t-about_8{color:rgba(224,224,224,1);line-height:1.7;font-size:18px;font-family:'Montserrat';font-weight:400;font-style:normal}
@media(max-width:767px){.t-about_8{color:rgba(224,224,224,1);line-height:1.4;font-size:14px;font-family:'Montserrat';font-weight:400;font-style:normal}}
.e-about_9{left:38px;top:255px;width:540px;height:82px}
@media(max-width:767px){.e-about_9{left:34px;top:372px;width:276px;height:46px}}
.t-about_9{color:rgba(44,155,246,1);text-transform:uppercase;line-height:0.96;letter-spacing:-0.018em;font-size:62px;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-about_9{color:rgba(44,155,246,1);text-transform:uppercase;line-height:1;letter-spacing:-0.013em;font-size:40px;font-family:'Anton';font-weight:400;font-style:normal}}
.e-about_10{left:38px;top:982px;width:598px;height:31px}
@media(max-width:767px){.e-about_10{left:23px;top:1085px;width:280px;height:52px}}
.t-about_10{color:rgba(44,155,246,1);line-height:1.1;font-size:41px;font-family:'Montserrat';font-weight:400;font-style:normal}
@media(max-width:767px){.t-about_10{color:rgba(44,155,246,1);line-height:1.2;font-size:22px;font-family:'Montserrat';font-weight:400;font-style:normal}}
.sec-testimonials{--h:1137.0px;--mh:1191.0px;z-index:1;background-image:linear-gradient(0deg, rgba(44,155,246,1) 0%, rgba(0,0,0,1) 100%)}
.sec-testimonials>.bgm{background-image:url('../img/990c8a-img_9844.jpg');background-size:cover;background-position:center;opacity:0.1}
@media(max-width:767px){.sec-testimonials>.bgm{background-image:url('../img/990c8a-img_9844.jpg');background-size:cover;background-position:center;opacity:0.1}}

/* TESTIMONIAL CROSSFADE. The engine rule in shared.css transitions opacity only, so
   the outgoing view snapped to visibility:hidden the instant an arrow was clicked and
   only the incoming one faded (measured in WebKit: out=hidden at t=0, in=1.0 at 0.5s).
   Live runs Showit's fadeOut and fadeIn together, both 0.5s, both delay 0, so the two
   views cross. Putting visibility in the transition keeps the outgoing view painted
   until its fade ends; the incoming still flips visible at once, because visibility
   interpolates as visible whenever either end is visible. Scoped to this section on
   purpose: the menu and every other state block keep the engine's behaviour. */
.sec-testimonials[data-sttr]>.cv>.st{transition:opacity var(--sttrd,.5s) ease,transform var(--sttrd,.5s) ease,visibility var(--sttrd,.5s)}
@media(prefers-reduced-motion:reduce){.sec-testimonials[data-sttr]>.cv>.st{transition:none}}
.e-testimonials_0{left:calc(0px - var(--g));top:-336px;width:calc(1200px + 2 * var(--g));height:336px}
@media(max-width:767px){.e-testimonials_0{left:0px;top:0px;width:320px;height:233px}}
@media(max-width:767px){.e-testimonials_0{transform:rotate(180deg)}}
.e-testimonials_0>.shape,.e-testimonials_0>.ico{background-color:transparent;background-origin:border-box;background-image:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)}
@media(max-width:767px){.e-testimonials_0>.shape,.e-testimonials_0>.ico{background-color:transparent;background-origin:border-box;background-image:linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%)}}
.e-testimonials_1{left:1074px;top:751px;width:17px;height:20px}
@media(max-width:767px){.e-testimonials_1{left:282px;top:878px;width:18px;height:22px}}
.e-testimonials_1 svg{fill:rgba(250,250,250,1)}
@media(max-width:767px){.e-testimonials_1 svg{fill:rgba(250,250,250,1)}}
.e-testimonials_2{left:1044px;top:761px;width:23px;height:1px}
@media(max-width:767px){.e-testimonials_2{left:248px;top:886px;width:22px;height:1px}}
.e-testimonials_2{transform:rotate(90deg)}
.e-testimonials_2>.shape,.e-testimonials_2>.ico{background-color:rgba(250,250,250,1)}
@media(max-width:767px){.e-testimonials_2>.shape,.e-testimonials_2>.ico{background-color:rgba(250,250,250,1)}}
.e-testimonials_3{left:1017px;top:751px;width:17px;height:20px}
@media(max-width:767px){.e-testimonials_3{left:217px;top:878px;width:18px;height:22px}}
.e-testimonials_3{transform:rotate(180deg)}
.e-testimonials_3 svg{fill:rgba(250,250,250,1)}
@media(max-width:767px){.e-testimonials_3 svg{fill:rgba(250,250,250,1)}}
.e-testimonials_4{left:601px;top:722px;width:490px;height:1px}
@media(max-width:767px){.e-testimonials_4{left:20px;top:864px;width:280px;height:1px}}
.e-testimonials_4>.shape,.e-testimonials_4>.ico{background-color:rgba(250,250,250,1)}
@media(max-width:767px){.e-testimonials_4>.shape,.e-testimonials_4>.ico{background-color:rgba(250,250,250,1)}}
.e-testimonials_5{left:601px;top:271px;width:57px;height:54px}
@media(max-width:767px){.e-testimonials_5{left:17px;top:377px;width:55px;height:51px}}
.e-testimonials_5 svg{fill:rgba(250,250,250,1)}
@media(max-width:767px){.e-testimonials_5 svg{fill:rgba(250,250,250,1)}}
.e-testimonials_view-1_0{left:601px;top:642px;width:490px;height:25px}
@media(max-width:767px){.e-testimonials_view-1_0{left:20px;top:820px;width:280px;height:17px}}
.t-testimonials_view-1_0{font-size:15px}
@media(max-width:767px){.t-testimonials_view-1_0{font-size:12px}}
.e-testimonials_view-1_1{left:600px;top:434px;width:543px;height:178px}
@media(max-width:767px){.e-testimonials_view-1_1{left:20px;top:545px;width:300px;height:163px}}
.t-testimonials_view-1_1{line-height:1.4;font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-testimonials_view-1_1{line-height:1.2;font-family:'Barlow';font-weight:300;font-style:normal}}
.e-testimonials_view-1_2{left:601px;top:349px;width:490px;height:93px}
@media(max-width:767px){.e-testimonials_view-1_2{left:20px;top:441px;width:280px;height:85px}}
.t-testimonials_view-1_2{font-size:27px}
@media(max-width:767px){.t-testimonials_view-1_2{font-size:20px}}
.e-testimonials_view-1_3{left:110px;top:206px;width:411px;height:560px}
@media(max-width:767px){.e-testimonials_view-1_3{left:20px;top:50px;width:215px;height:297px}}
.e-testimonials_view-1_3 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.e-testimonials_view-2_0{left:601px;top:652px;width:490px;height:25px}
@media(max-width:767px){.e-testimonials_view-2_0{left:20px;top:772px;width:280px;height:17px}}
.t-testimonials_view-2_0{font-size:15px}
@media(max-width:767px){.t-testimonials_view-2_0{font-size:12px}}
.e-testimonials_view-2_1{left:601px;top:464px;width:546px;height:150px}
@media(max-width:767px){.e-testimonials_view-2_1{left:20px;top:537px;width:280px;height:213px}}
.t-testimonials_view-2_1{line-height:1.4;font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-testimonials_view-2_1{line-height:1.2;font-family:'Barlow';font-weight:300;font-style:normal}}
.e-testimonials_view-2_2{left:601px;top:349px;width:490px;height:93px}
@media(max-width:767px){.e-testimonials_view-2_2{left:20px;top:441px;width:280px;height:85px}}
.t-testimonials_view-2_2{font-size:27px}
@media(max-width:767px){.t-testimonials_view-2_2{font-size:20px}}
.e-testimonials_view-2_3{left:110px;top:206px;width:411px;height:560px}
@media(max-width:767px){.e-testimonials_view-2_3{left:20px;top:50px;width:215px;height:297px}}
.e-testimonials_view-2_3 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.e-testimonials_view-3_0{left:600px;top:685px;width:490px;height:25px}
@media(max-width:767px){.e-testimonials_view-3_0{left:20px;top:838px;width:280px;height:17px}}
.t-testimonials_view-3_0{font-size:15px}
@media(max-width:767px){.t-testimonials_view-3_0{font-size:12px}}
.e-testimonials_view-3_1{left:600px;top:448px;width:593px;height:180px}
@media(max-width:767px){.e-testimonials_view-3_1{left:20px;top:548px;width:286px;height:269px}}
.t-testimonials_view-3_1{line-height:1.4;font-size:18px;font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-testimonials_view-3_1{line-height:1.2;font-size:15px;font-family:'Barlow';font-weight:300;font-style:normal}}
.e-testimonials_view-3_2{left:601px;top:335px;width:574px;height:93px}
@media(max-width:767px){.e-testimonials_view-3_2{left:20px;top:441px;width:295px;height:85px}}
.t-testimonials_view-3_2{font-size:27px}
@media(max-width:767px){.t-testimonials_view-3_2{font-size:20px}}
.e-testimonials_view-3_3{left:110px;top:206px;width:411px;height:560px}
@media(max-width:767px){.e-testimonials_view-3_3{left:20px;top:50px;width:215px;height:297px}}
.e-testimonials_view-3_3 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.sec-social-2{--h:757.0px;--mh:266.0px;z-index:1;background-image:linear-gradient(0deg, rgba(8,9,11,1) 0%, rgba(44,155,246,1) 100%)}
.e-social-2_k8-wzTQDx_0{left:0px;top:0px;width:875px;height:923px}
@media(max-width:767px){.e-social-2_k8-wzTQDx_0{left:0px;top:0px;width:381px;height:399px}}
.e-social-2_k8-wzTQDx_0 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.e-social-2_k8-wzTQDx_1{left:272px;top:105px;width:330px;height:710px;border-radius:18px}
@media(max-width:767px){.e-social-2_k8-wzTQDx_1{left:121px;top:48px;width:139px;height:303px;border-radius:10px}}
.e-social-2_k8-wzTQDx_1 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.e-social-2_k8-wzTQDx_1{overflow:hidden}
@media(max-width:767px){.e-social-2_k8-wzTQDx_1{overflow:hidden}}
.e-social-2_k8-wzTQDx_3{left:366px;top:103px;width:140px;height:42px}
@media(max-width:767px){.e-social-2_k8-wzTQDx_3{left:146px;top:46px;width:89px;height:13px}}
.e-social-2_k8-wzTQDx_3 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.e-social-2_k8-wzTQDx_2{left:272px;top:105px;width:330px;height:710px;border-radius:20px}
@media(max-width:767px){.e-social-2_k8-wzTQDx_2{left:118px;top:45px;width:146px;height:315px;border-radius:15px}}
.e-social-2_k8-wzTQDx_2{overflow:hidden}
@media(max-width:767px){.e-social-2_k8-wzTQDx_2{overflow:hidden}}
.e-social-2_0{left:-123px;top:-262px;width:875px;height:923px}

/* THE PHONE MOCKUP MUST NOT EAT CLICKS MEANT FOR ITS NEIGHBOUR.

   .e-social-2_0 is positioned at top:-304px on mobile, so it hangs 371px ABOVE
   social-2 and lands directly on the testimonial arrows, which sit in the
   previous section. Sections do not clip (overflow is visible here and on the
   live page), and social-2 comes later in the DOM, so it won the hit test at
   EVERY scroll position: the arrows were not merely hard to hit on a phone,
   they were unreachable. Measured 0 of 18 scroll positions before this.

   The live Showit page has exactly the same defect, so this is a fix to the
   original rather than a fidelity break. It is scoped as tightly as the
   problem: only the two decorative layers that actually overlap the arrows go
   click-through, and the Instagram link inside the mockup is handed its clicks
   straight back, because pointer-events:none on an ancestor is inherited by
   descendants unless they say otherwise. The other five social links sit
   inside their own section and were never involved.

   Desktop is unaffected either way: there the layer starts at 875 and the
   arrows end at 771, so they never met. The rule is not scoped to a breakpoint
   because a decorative graphic should not be swallowing clicks at any width. */
.e-social-2_0,.e-social-2_k8-wzTQDx_0{pointer-events:none}
.e-social-2_0 a{pointer-events:auto}
@media(max-width:767px){.e-social-2_0{left:-30px;top:-304px;width:381px;height:399px}}
.e-social-2_9{left:562px;top:42px;width:341px;height:51px}
@media(max-width:767px){.e-social-2_9{left:52px;top:206px;width:228px;height:40px;display:none}}
.t-social-2_9{color:rgba(255,255,255,1);text-transform:uppercase;line-height:1.2;letter-spacing:0.1em;font-size:18px;text-align:left}
@media(max-width:767px){.t-social-2_9{color:rgba(255,255,255,1);text-transform:uppercase;line-height:1.4;letter-spacing:0.1em;font-size:12px;text-align:left}}
.e-social-2_10{left:562px;top:93px;width:428px;height:1px}
@media(max-width:767px){.e-social-2_10{left:69px;top:318px;width:183px;height:1px;display:none}}
.e-social-2_10>.shape,.e-social-2_10>.ico{background-color:rgba(255,255,255,1)}
@media(max-width:767px){.e-social-2_10>.shape,.e-social-2_10>.ico{background-color:rgba(255,255,255,1)}}
.e-social-2_11{left:555px;top:129px;width:614px;height:346px}
@media(max-width:767px){.e-social-2_11{left:196px;top:117px;width:123px;height:58px;display:none}}
.t-social-2_11{color:rgba(255,255,255,1);text-transform:uppercase;line-height:1;font-size:70px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-social-2_11{color:rgba(255,255,255,1);text-transform:uppercase;line-height:1;font-size:21px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}}
.e-social-2_12{left:623px;top:99px;width:479px;height:71px}
@media(max-width:767px){.e-social-2_12{left:20px;top:87px;width:289px;height:55px}}
.t-social-2_12{color:rgba(255,255,255,1);text-transform:uppercase;line-height:0.8;font-size:70px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-social-2_12{color:rgba(255,255,255,1);text-transform:uppercase;line-height:1;font-size:25px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-social-2_13{left:623px;top:440px;width:440px;height:1px}
@media(max-width:767px){.e-social-2_13{left:21px;top:148px;width:280px;height:1px}}
.e-social-2_13>.shape,.e-social-2_13>.ico{background-color:rgba(255,255,255,1)}
@media(max-width:767px){.e-social-2_13>.shape,.e-social-2_13>.ico{background-color:rgba(255,255,255,1)}}
.e-social-2_14{left:618px;top:512px;width:55px;height:53px}
@media(max-width:767px){.e-social-2_14{left:102px;top:159px;width:34px;height:30px}}
.e-social-2_14 .ph{background-repeat:no-repeat;background-size:contain;background-position:50%;border-radius:inherit}
.e-social-2_15{left:563px;top:512px;width:44px;height:53px}
@media(max-width:767px){.e-social-2_15{left:71px;top:161px;width:24px;height:26px}}
.e-social-2_15 .ph{background-repeat:no-repeat;background-position:50%;background-size:contain;border-radius:inherit}
.e-social-2_16{left:677px;top:510px;width:57px;height:53px}
@media(max-width:767px){.e-social-2_16{left:139px;top:159px;width:34px;height:30px}}
.e-social-2_16 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
.e-social-2_17{left:742px;top:517px;width:68px;height:43px}
@media(max-width:767px){.e-social-2_17{left:180px;top:161px;width:34px;height:26px}}
.e-social-2_17 .ph{background-repeat:no-repeat;background-size:contain;background-position:50%;border-radius:inherit}
.e-social-2_18{left:803px;top:504px;width:80px;height:70px}
@media(max-width:767px){.e-social-2_18{left:199px;top:156px;width:74px;height:42px}}
.e-social-2_18 .ph{background-repeat:no-repeat;background-size:contain;background-position:50%;border-radius:inherit}
.sec-contact-cta{--h:1000.0px;--mh:483.0px;z-index:1;background-color:rgba(0,0,0,1)}
.sec-contact-cta>.cv{height:883px;top:58.5px}
@media(max-width:767px){.sec-contact-cta>.cv{height:var(--mh);top:0}}
.sec-contact-cta>.bgm{background-image:url('../img/990c8a-img_9844.jpg');background-size:cover;background-position:center;opacity:0.2}
@media(max-width:767px){.sec-contact-cta>.bgm{background-image:url('../img/990c8a-img_9844.jpg');background-size:cover;background-position:center;opacity:0.2}}
.e-contact-cta_0{left:472px;top:772px;width:255px;height:57px}
@media(max-width:767px){.e-contact-cta_0{left:75px;top:352px;width:169px;height:44px}}
.e-contact-cta_0 .btn{border-color:rgba(44,155,246,1)}
.e-contact-cta_0 .btn span{color:rgba(44,155,246,1);font-size:12px}
@media(max-width:767px){.e-contact-cta_0 .btn{border-color:rgba(44,155,246,1)}}
@media(max-width:767px){.e-contact-cta_0 .btn span{color:rgba(44,155,246,1);font-size:11px}}
.e-contact-cta_1{left:406px;top:415px;width:389px;height:206px}
@media(max-width:767px){.e-contact-cta_1{left:73px;top:155px;width:174px;height:138px}}
.e-contact-cta_1>.shape,.e-contact-cta_1>.ico{background-color:rgba(0,0,0,0)}
@media(max-width:767px){.e-contact-cta_1>.shape,.e-contact-cta_1>.ico{background-color:rgba(0,0,0,0)}}
.e-contact-cta_2{left:56px;top:87px;width:1088px;height:534px}
@media(max-width:767px){.e-contact-cta_2{left:0px;top:61px;width:320px;height:232px}}
/* The engine scales every cell down and lets the widget's own
   .ssg-slider-cell.is-selected rule (scale(1) !important) lift the centred one
   back to full size. Same mechanism as the live page. */
/* .ssg-slider is in the selector deliberately. The widget injects its own
   stylesheet at RUNTIME, so it lands after this file, and its
   ".ssg-slider .ssg-slider-cell{transform:scale(1)}" is (0,2,0) -- exactly the
   same weight as ".e-contact-cta_2 .ssg-slider-cell", so it won on source order
   and every cell rendered full size. (0,3,0) settles it. No !important, because
   the widget lifts the centred cell back with
   ".ssg-slider .ssg-slider-cell.is-selected{transform:scale(1)!important}" and
   that is precisely the behaviour we want to keep. */
.e-contact-cta_2 .ssg-slider .ssg-slider-cell{transform:scale(0.8);-webkit-transform:scale(0.8)}
/* The widget is initialised with dots:true because that is what the live
   page's init_data says ({"aa":3,"dots":true}), so the dots exist in the DOM
   there too -- and the engine hides them. Measured on live: .flickity-page-dots
   present, display:none. Without this they render as a visible row of dots the
   original does not show. */
.e-contact-cta_2 .flickity-page-dots{display:none}
/* This gallery STEPS, it does not scroll. On the live page it advances one cell
   every ~3s and holds, and the CENTRED cell sits at full size while its
   neighbours stay at the engine's scale(0.8) -- measured: selected 427x534 at
   y=146, the rest 320x427 at y=199, both centred on the same axis. Emitting it
   as a continuous marquee scaled every cell down uniformly, so no cell was ever
   the featured one. site.js already had the stepper; the markup now opts in via
   data-carousel, and the cells are emitted ONCE rather than twice (a stepper has
   no wrap seam to hide). The scale(0.8) below stays: .gcell.is-sel un-scales the
   selected one. */
.e-contact-cta_3{left:331px;top:589px;width:537px;height:141px}
@media(max-width:767px){.e-contact-cta_3{left:53px;top:281px;width:214px;height:51px}}
.t-contact-cta_3{color:rgba(44,155,246,1);text-transform:uppercase;line-height:1;font-size:70px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-contact-cta_3{color:rgba(44,155,246,1);text-transform:uppercase;line-height:1;font-size:25px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.sec-packages-1{--h:1153.0px;--mh:686.0px;z-index:1;background-color:rgba(0,0,0,1)}

/* THE PACKAGES STACK IS CENTRED AGAINST THE WINDOW, NOT LEFT AT THE TOP.

   All three packages sections are position:sticky at top:0 and pin on top of one
   another, transparent, so their cards accumulate into one row. That is why they
   all have to move by the SAME amount: shift one and the three cards stop lining
   up. So this is one shared offset applied to all three canvases.

   The content of packages-1 (heading at 58, Learn More ending at 786) is 728
   tall, and the section is 1153, which left it anchored to the top with the
   black growing underneath as the window got taller: 114px at 900, 294px at
   1080. Since a pinned section starts at viewport 0, an element's canvas y IS
   its viewport y, so centring is just
       shift = (100vh - 728px) / 2 - 58px   ==   50vh - 422px

   TWO LIMITS, both real:
   - Floor 0. On a short window the maths goes negative and would drag the
     heading off the top of the screen.
   - Ceiling 150. Not a fit constraint: a card may extend past its own section,
     because all three are pinned together and the later two are transparent.
     This is simply how far the block is allowed to travel before a very tall
     window would push it away from where the design puts it.
   The ceiling is why a very tall window stops centring rather than drifting.

   The vh term is divided by --ds because below 1200 the canvas is SCALED, so a
   raw viewport length would be multiplied by the scale on the way in and land
   short. Dividing first cancels it, and the shift ends up correct in canvas
   units at every width. */
@media(min-width:768px){
  .sec-packages-1,.sec-packages-2,.sec-packages-3{
    --pk:clamp(0px, calc(50vh / var(--ds,1) - 422px), 150px)}
  .sec-packages-1>.cv,.sec-packages-2>.cv,.sec-packages-3>.cv{
    transform-origin:top left;
    transform:scale(var(--ds,1)) translateY(var(--pk))}
}
.e-packages-1_0{left:calc(1px - var(--g));top:296px;width:calc(1200px + 2 * var(--g));height:2657px}
@media(max-width:767px){.e-packages-1_0{left:0px;top:261px;width:320px;height:1745px}}
.e-packages-1_0>.shape,.e-packages-1_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-packages-1_0>.shape,.e-packages-1_0>.ico{background-color:rgba(0,0,0,1)}}
.e-packages-1_1{left:63px;top:233px;width:242px;height:314px}
@media(max-width:767px){.e-packages-1_1{left:57px;top:178px;width:208px;height:253px}}
.e-packages-1_1>.shape,.e-packages-1_1>.ico{background-color:rgba(44,155,246,1)}
@media(max-width:767px){.e-packages-1_1>.shape,.e-packages-1_1>.ico{background-color:rgba(44,155,246,1)}}
.e-packages-1_2{left:101px;top:370px;width:167px;height:40px}
@media(max-width:767px){.e-packages-1_2{left:92px;top:286px;width:137px;height:37px}}
.e-packages-1_2 .btn{border-width:0px}
@media(max-width:767px){.e-packages-1_2 .btn{border-width:0px}}
.e-packages-1_3{left:111px;top:58px;width:979px;height:59px}
@media(max-width:767px){.e-packages-1_3{left:35px;top:58px;width:251px;height:76px}}
.t-packages-1_3{color:rgba(44,155,246,1);font-size:58px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-packages-1_3{color:rgba(44,155,246,1);font-size:27px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-packages-1_4{left:-3px;top:646px;width:376px;height:64px}
@media(max-width:767px){.e-packages-1_4{left:22px;top:527px;width:277px;height:74px}}
.t-packages-1_4{line-height:1.4;font-size:16px;text-align:center;font-family:'Montserrat';font-weight:400;font-style:normal}
@media(max-width:767px){.t-packages-1_4{line-height:1.3;font-size:14px;text-align:center;font-family:'Montserrat';font-weight:400;font-style:normal}}
.e-packages-1_5{left:55px;top:224px;width:258px;height:332px}
@media(max-width:767px){.e-packages-1_5{left:48px;top:169px;width:225px;height:271px}}
.e-packages-1_5>.shape,.e-packages-1_5>.ico{border-color:rgba(44,155,246,1);border-width:1px;border-style:solid;background-color:rgba(0,0,0,0);border-radius:inherit}
@media(max-width:767px){.e-packages-1_5>.shape,.e-packages-1_5>.ico{border-color:rgba(44,155,246,1);border-width:1px;border-style:solid;background-color:rgba(0,0,0,0);border-radius:inherit}}
.e-packages-1_6{left:63px;top:233px;width:242px;height:314px}
@media(max-width:767px){.e-packages-1_6{left:57px;top:178px;width:208px;height:253px}}
.e-packages-1_6 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
@media(hover:hover){.e-packages-1_6:hover{opacity:0.2;transition-duration:0.5s;transition-property:opacity}}
.e-packages-1_7{left:101px;top:746px;width:167px;height:40px}
@media(max-width:767px){.e-packages-1_7{left:91px;top:623px;width:137px;height:37px}}
.e-packages-1_7 .btn{border-width:1px}
@media(max-width:767px){.e-packages-1_7 .btn{border-width:1px}}
.e-packages-1_8{left:63px;top:630px;width:242px;height:1px}
@media(max-width:767px){.e-packages-1_8{left:57px;top:513px;width:208px;height:1px}}
.e-packages-1_8{transform:rotate(180deg)}
.e-packages-1_8>.shape,.e-packages-1_8>.ico{background-color:rgba(255,255,255,1)}
@media(max-width:767px){.e-packages-1_8>.shape,.e-packages-1_8>.ico{background-color:rgba(255,255,255,1)}}
.e-packages-1_9{left:26px;top:572px;width:317px;height:65px}
@media(max-width:767px){.e-packages-1_9{left:61px;top:453px;width:200px;height:49px}}
.t-packages-1_9{color:rgba(255,255,255,1);line-height:1.3;font-size:30px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-packages-1_9{color:rgba(255,255,255,1);line-height:1.3;font-size:20px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
@media(hover:hover){.e-packages-1_9:hover{opacity:0.5;transition-duration:0.5s;transition-property:opacity}}
.sec-packages-2{--h:936.0px;--mh:557.0px;z-index:1;background-color:rgba(0,0,0,0)}
.e-packages-2_0{left:480px;top:233px;width:242px;height:314px}
@media(max-width:767px){.e-packages-2_0{left:56px;top:49px;width:208px;height:253px}}
.e-packages-2_0>.shape,.e-packages-2_0>.ico{background-color:rgba(44,155,246,1)}
@media(max-width:767px){.e-packages-2_0>.shape,.e-packages-2_0>.ico{background-color:rgba(44,155,246,1)}}
.e-packages-2_1{left:424px;top:646px;width:353px;height:64px}
@media(max-width:767px){.e-packages-2_1{left:22px;top:398px;width:277px;height:74px}}
.t-packages-2_1{line-height:1.4;font-size:16px;text-align:center;font-family:'Montserrat';font-weight:400;font-style:normal}
@media(max-width:767px){.t-packages-2_1{line-height:1.3;font-size:14px;text-align:center;font-family:'Montserrat';font-weight:400;font-style:normal}}
.e-packages-2_2{left:518px;top:370px;width:167px;height:40px}
@media(max-width:767px){.e-packages-2_2{left:91px;top:623px;width:137px;height:37px}}
.e-packages-2_2 .btn{border-width:0px}
@media(max-width:767px){.e-packages-2_2 .btn{border-width:0px}}
.e-packages-2_3{left:518px;top:746px;width:167px;height:40px}
@media(max-width:767px){.e-packages-2_3{left:91px;top:494px;width:137px;height:37px}}
.e-packages-2_4{left:442px;top:572px;width:317px;height:65px}
@media(max-width:767px){.e-packages-2_4{left:61px;top:324px;width:200px;height:49px}}
.t-packages-2_4{color:rgba(255,255,255,1);line-height:1.3;font-size:30px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-packages-2_4{color:rgba(255,255,255,1);line-height:1.3;font-size:20px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
@media(hover:hover){.e-packages-2_4:hover{opacity:0.5;transition-duration:0.5s;transition-property:opacity}}
.e-packages-2_5{left:472px;top:224px;width:258px;height:332px}
@media(max-width:767px){.e-packages-2_5{left:47px;top:40px;width:225px;height:271px}}
.e-packages-2_5>.shape,.e-packages-2_5>.ico{border-color:rgba(44,155,246,1);border-width:1px;border-style:solid;background-color:rgba(0,0,0,0);border-radius:inherit}
@media(max-width:767px){.e-packages-2_5>.shape,.e-packages-2_5>.ico{border-color:rgba(44,155,246,1);border-width:1px;border-style:solid;background-color:rgba(0,0,0,0);border-radius:inherit}}
.e-packages-2_6{left:480px;top:233px;width:242px;height:314px}
@media(max-width:767px){.e-packages-2_6{left:56px;top:49px;width:208px;height:253px}}
.e-packages-2_6 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
@media(hover:hover){.e-packages-2_6:hover{opacity:0.2;transition-duration:0.5s;transition-property:opacity}}
.e-packages-2_7{left:480px;top:630px;width:242px;height:1px}
@media(max-width:767px){.e-packages-2_7{left:57px;top:384px;width:208px;height:1px}}
.e-packages-2_7{transform:rotate(180deg)}
.e-packages-2_7>.shape,.e-packages-2_7>.ico{background-color:rgba(255,255,255,1)}
@media(max-width:767px){.e-packages-2_7>.shape,.e-packages-2_7>.ico{background-color:rgba(255,255,255,1)}}
.sec-packages-3{--h:1519.0px;--mh:576.0px;z-index:1;background-color:rgba(0,0,0,0)}
.e-packages-3_0{left:888px;top:233px;width:242px;height:314px}
@media(max-width:767px){.e-packages-3_0{left:57px;top:41px;width:208px;height:253px}}
.e-packages-3_0>.shape,.e-packages-3_0>.ico{background-color:rgba(44,155,246,1)}
@media(max-width:767px){.e-packages-3_0>.shape,.e-packages-3_0>.ico{background-color:rgba(44,155,246,1)}}
.e-packages-3_1{left:832px;top:646px;width:353px;height:64px}
@media(max-width:767px){.e-packages-3_1{left:22px;top:390px;width:277px;height:74px}}
.t-packages-3_1{line-height:1.4;font-size:16px;text-align:center;font-family:'Montserrat';font-weight:400;font-style:normal}
@media(max-width:767px){.t-packages-3_1{line-height:1.3;font-size:14px;text-align:center;font-family:'Montserrat';font-weight:400;font-style:normal}}
.e-packages-3_2{left:926px;top:370px;width:167px;height:40px}
@media(max-width:767px){.e-packages-3_2{left:91px;top:623px;width:137px;height:37px}}
.e-packages-3_2 .btn{border-width:0px}
@media(max-width:767px){.e-packages-3_2 .btn{border-width:0px}}
.e-packages-3_3{left:925px;top:746px;width:167px;height:40px}
@media(max-width:767px){.e-packages-3_3{left:91px;top:486px;width:137px;height:37px}}
.e-packages-3_4{left:868px;top:572px;width:281px;height:65px}
@media(max-width:767px){.e-packages-3_4{left:61px;top:316px;width:200px;height:49px}}
.t-packages-3_4{color:rgba(255,255,255,1);line-height:1.3;font-size:30px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-packages-3_4{color:rgba(255,255,255,1);line-height:1.3;font-size:20px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
@media(hover:hover){.e-packages-3_4:hover{opacity:0.5;transition-duration:0.5s;transition-property:opacity}}
.e-packages-3_5{left:880px;top:224px;width:258px;height:332px}
@media(max-width:767px){.e-packages-3_5{left:48px;top:32px;width:225px;height:271px}}
.e-packages-3_5>.shape,.e-packages-3_5>.ico{border-color:rgba(44,155,246,1);border-width:1px;border-style:solid;background-color:rgba(0,0,0,0);border-radius:inherit}
@media(max-width:767px){.e-packages-3_5>.shape,.e-packages-3_5>.ico{border-color:rgba(44,155,246,1);border-width:1px;border-style:solid;background-color:rgba(0,0,0,0);border-radius:inherit}}
.e-packages-3_6{left:887px;top:233px;width:243px;height:314px}
@media(max-width:767px){.e-packages-3_6{left:57px;top:41px;width:208px;height:253px}}
.e-packages-3_6 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}
@media(hover:hover){.e-packages-3_6:hover{opacity:0.2;transition-duration:0.5s;transition-property:opacity}}
.e-packages-3_7{left:888px;top:630px;width:242px;height:1px}
@media(max-width:767px){.e-packages-3_7{left:57px;top:376px;width:208px;height:1px}}
.e-packages-3_7{transform:rotate(180deg)}
.e-packages-3_7>.shape,.e-packages-3_7>.ico{background-color:rgba(255,255,255,1)}
@media(max-width:767px){.e-packages-3_7>.shape,.e-packages-3_7>.ico{background-color:rgba(255,255,255,1)}}
.sec-faq-1{--h:230.0px;--mh:148.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-faq-1_0{left:572px;top:103px;width:56px;height:2px}
@media(max-width:767px){.e-faq-1_0{left:20px;top:121px;width:56px;height:2px}}
.e-faq-1_0>.shape,.e-faq-1_0>.ico{background-color:rgba(44,155,246,1)}
@media(max-width:767px){.e-faq-1_0>.shape,.e-faq-1_0>.ico{background-color:rgba(44,155,246,1)}}
.e-faq-1_1{left:200px;top:119px;width:800px;height:20px}
@media(max-width:767px){.e-faq-1_1{left:20px;top:35px;width:280px;height:18px;display:none}}
.t-faq-1_1{color:rgba(44,155,246,1);text-transform:uppercase;letter-spacing:0.22em;font-size:13px;text-align:center}
@media(max-width:767px){.t-faq-1_1{color:rgba(44,155,246,1);text-transform:uppercase;letter-spacing:0.22em;font-size:16px;text-align:left}}
.e-faq-1_2{left:200px;top:152px;width:800px;height:64px}
@media(max-width:767px){.e-faq-1_2{left:20px;top:39px;width:280px;height:73px}}
.t-faq-1_2{color:rgba(0,0,0,1);text-transform:uppercase;line-height:1;letter-spacing:-0.01em;font-size:52px;text-align:center}
@media(max-width:767px){.t-faq-1_2{color:rgba(0,0,0,1);text-transform:uppercase;line-height:1.2;letter-spacing:-0.01em;font-size:30px;text-align:left}}
.e-faq-1_3{left:calc(0px - var(--g));top:209px;width:calc(1200px + 2 * var(--g));height:1386px}
@media(max-width:767px){.e-faq-1_3{left:0px;top:129px;width:320px;height:1479px}}
.e-faq-1_3>.shape,.e-faq-1_3>.ico{background-color:rgba(255,255,255,1)}
@media(max-width:767px){.e-faq-1_3>.shape,.e-faq-1_3>.ico{background-color:rgba(255,255,255,1)}}
.sec-question-1{--h:89.0px;--mh:64.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-question-1_0{left:68px;top:84px;width:1064px;height:1px}
@media(max-width:767px){.e-question-1_0{left:28px;top:55px;width:264px;height:1px}}
.e-question-1_0>.shape,.e-question-1_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-1_0>.shape,.e-question-1_0>.ico{background-color:rgba(0,0,0,1)}}
.e-question-1_view-1_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-1_view-1_0{left:262px;top:14px;width:30px;height:30px}}
.e-question-1_view-1_0{transform:rotate(315deg)}
@media(max-width:767px){.e-question-1_view-1_0{transform:rotate(45deg)}}
.e-question-1_view-1_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-1_view-1_0 svg{fill:rgba(0,0,0,1)}}
.e-question-1_view-1_1{left:69px;top:39px;width:1006px;height:46px}
@media(max-width:767px){.e-question-1_view-1_1{left:28px;top:8px;width:182px;height:47px}}
.t-question-1_view-1_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-1_view-1_1{color:rgba(0,0,0,1);font-size:18px}}
.e-question-1_view-2_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-1_view-2_0{left:262px;top:17px;width:30px;height:30px}}
.e-question-1_view-2_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-1_view-2_0 svg{fill:rgba(0,0,0,1)}}
.e-question-1_view-2_1{left:69px;top:39px;width:1006px;height:25px}
@media(max-width:767px){.e-question-1_view-2_1{left:28px;top:8px;width:182px;height:47px}}
.t-question-1_view-2_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-1_view-2_1{color:rgba(0,0,0,1);font-size:18px}}
.sec-answer-1{--h:76.0px;--mh:146.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-answer-1_0{left:69px;top:8px;width:1061px;height:72px}
@media(max-width:767px){.e-answer-1_0{left:28px;top:10px;width:262px;height:106px}}
.t-answer-1_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-answer-1_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}}
.sec-question-2{--h:89.0px;--mh:64.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-question-2_0{left:68px;top:84px;width:1064px;height:1px}
@media(max-width:767px){.e-question-2_0{left:28px;top:55px;width:264px;height:1px}}
.e-question-2_0>.shape,.e-question-2_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-2_0>.shape,.e-question-2_0>.ico{background-color:rgba(0,0,0,1)}}
.e-question-2_view-1_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-2_view-1_0{left:262px;top:14px;width:30px;height:30px}}
.e-question-2_view-1_0{transform:rotate(315deg)}
@media(max-width:767px){.e-question-2_view-1_0{transform:rotate(45deg)}}
.e-question-2_view-1_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-2_view-1_0 svg{fill:rgba(0,0,0,1)}}
.e-question-2_view-1_1{left:69px;top:39px;width:1006px;height:46px}
@media(max-width:767px){.e-question-2_view-1_1{left:28px;top:8px;width:183px;height:48px}}
.t-question-2_view-1_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-2_view-1_1{color:rgba(0,0,0,1);font-size:18px}}
.e-question-2_view-2_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-2_view-2_0{left:262px;top:17px;width:30px;height:30px}}
.e-question-2_view-2_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-2_view-2_0 svg{fill:rgba(0,0,0,1)}}
.e-question-2_view-2_1{left:69px;top:39px;width:1006px;height:25px}
@media(max-width:767px){.e-question-2_view-2_1{left:28px;top:8px;width:183px;height:55px}}
.t-question-2_view-2_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-2_view-2_1{color:rgba(0,0,0,1);font-size:18px}}
.sec-answer-2{--h:76.0px;--mh:128.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-answer-2_0{left:69px;top:8px;width:1037px;height:53px}
@media(max-width:767px){.e-answer-2_0{left:28px;top:10px;width:260px;height:111px}}
.t-answer-2_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-answer-2_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}}
.sec-question-3{--h:89.0px;--mh:64.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-question-3_0{left:68px;top:84px;width:1064px;height:1px}
@media(max-width:767px){.e-question-3_0{left:27px;top:55px;width:264px;height:1px}}
.e-question-3_0>.shape,.e-question-3_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-3_0>.shape,.e-question-3_0>.ico{background-color:rgba(0,0,0,1)}}
.e-question-3_view-1_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-3_view-1_0{left:262px;top:14px;width:30px;height:30px}}
.e-question-3_view-1_0{transform:rotate(315deg)}
@media(max-width:767px){.e-question-3_view-1_0{transform:rotate(45deg)}}
.e-question-3_view-1_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-3_view-1_0 svg{fill:rgba(0,0,0,1)}}
.e-question-3_view-1_1{left:69px;top:39px;width:1006px;height:46px}
@media(max-width:767px){.e-question-3_view-1_1{left:28px;top:8px;width:204px;height:39px}}
.t-question-3_view-1_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-3_view-1_1{color:rgba(0,0,0,1);font-size:18px}}
.e-question-3_view-2_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-3_view-2_0{left:262px;top:17px;width:30px;height:30px}}
.e-question-3_view-2_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-3_view-2_0 svg{fill:rgba(0,0,0,1)}}
.e-question-3_view-2_1{left:69px;top:39px;width:1006px;height:25px}
@media(max-width:767px){.e-question-3_view-2_1{left:28px;top:8px;width:204px;height:39px}}
.t-question-3_view-2_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-3_view-2_1{color:rgba(0,0,0,1);font-size:18px}}
.sec-answer-3{--h:92.0px;--mh:200.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-answer-3_0{left:69px;top:8px;width:1061px;height:72px}
@media(max-width:767px){.e-answer-3_0{left:28px;top:10px;width:266px;height:162px}}
.t-answer-3_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-answer-3_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}}
.sec-question-4{--h:89.0px;--mh:64.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-question-4_0{left:68px;top:84px;width:1064px;height:1px}
@media(max-width:767px){.e-question-4_0{left:28px;top:55px;width:264px;height:1px}}
.e-question-4_0>.shape,.e-question-4_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-4_0>.shape,.e-question-4_0>.ico{background-color:rgba(0,0,0,1)}}
.e-question-4_view-1_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-4_view-1_0{left:262px;top:14px;width:30px;height:30px}}
.e-question-4_view-1_0{transform:rotate(315deg)}
@media(max-width:767px){.e-question-4_view-1_0{transform:rotate(45deg)}}
.e-question-4_view-1_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-4_view-1_0 svg{fill:rgba(0,0,0,1)}}
.e-question-4_view-1_1{left:69px;top:39px;width:1006px;height:46px}
@media(max-width:767px){.e-question-4_view-1_1{left:28px;top:8px;width:204px;height:48px}}
.t-question-4_view-1_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-4_view-1_1{color:rgba(0,0,0,1);font-size:18px}}
.e-question-4_view-2_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-4_view-2_0{left:262px;top:17px;width:30px;height:30px}}
.e-question-4_view-2_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-4_view-2_0 svg{fill:rgba(0,0,0,1)}}
.e-question-4_view-2_1{left:69px;top:39px;width:1006px;height:25px}
@media(max-width:767px){.e-question-4_view-2_1{left:28px;top:8px;width:204px;height:55px}}
.t-question-4_view-2_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-4_view-2_1{color:rgba(0,0,0,1);font-size:18px}}
.sec-answer-4{--h:92.0px;--mh:181.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-answer-4_0{left:69px;top:8px;width:1061px;height:72px}
@media(max-width:767px){.e-answer-4_0{left:28px;top:10px;width:260px;height:138px}}
.t-answer-4_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-answer-4_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}}
.sec-question-5{--h:89.0px;--mh:64.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-question-5_0{left:68px;top:84px;width:1064px;height:1px}
@media(max-width:767px){.e-question-5_0{left:28px;top:55px;width:264px;height:1px}}
.e-question-5_0>.shape,.e-question-5_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-5_0>.shape,.e-question-5_0>.ico{background-color:rgba(0,0,0,1)}}
.e-question-5_view-1_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-5_view-1_0{left:262px;top:14px;width:30px;height:30px}}
.e-question-5_view-1_0{transform:rotate(315deg)}
@media(max-width:767px){.e-question-5_view-1_0{transform:rotate(45deg)}}
.e-question-5_view-1_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-5_view-1_0 svg{fill:rgba(0,0,0,1)}}
.e-question-5_view-1_1{left:69px;top:39px;width:1006px;height:46px}
@media(max-width:767px){.e-question-5_view-1_1{left:28px;top:8px;width:204px;height:55px}}
.t-question-5_view-1_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-5_view-1_1{color:rgba(0,0,0,1);font-size:18px}}
.e-question-5_view-2_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-5_view-2_0{left:262px;top:17px;width:30px;height:30px}}
.e-question-5_view-2_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-5_view-2_0 svg{fill:rgba(0,0,0,1)}}
.e-question-5_view-2_1{left:69px;top:39px;width:1006px;height:25px}
@media(max-width:767px){.e-question-5_view-2_1{left:28px;top:8px;width:204px;height:55px}}
.t-question-5_view-2_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-5_view-2_1{color:rgba(0,0,0,1);font-size:18px}}
.sec-answer-5{--h:92.0px;--mh:179.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-answer-5_0{left:69px;top:8px;width:1061px;height:72px}
@media(max-width:767px){.e-answer-5_0{left:28px;top:10px;width:260px;height:137px}}
.t-answer-5_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-answer-5_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}}
.sec-question-6{--h:89.0px;--mh:64.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-question-6_0{left:68px;top:84px;width:1064px;height:1px}
@media(max-width:767px){.e-question-6_0{left:28px;top:55px;width:264px;height:1px}}
.e-question-6_0>.shape,.e-question-6_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-6_0>.shape,.e-question-6_0>.ico{background-color:rgba(0,0,0,1)}}
.e-question-6_view-1_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-6_view-1_0{left:262px;top:14px;width:30px;height:30px}}
.e-question-6_view-1_0{transform:rotate(315deg)}
@media(max-width:767px){.e-question-6_view-1_0{transform:rotate(45deg)}}
.e-question-6_view-1_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-6_view-1_0 svg{fill:rgba(0,0,0,1)}}
.e-question-6_view-1_1{left:69px;top:39px;width:1006px;height:46px}
@media(max-width:767px){.e-question-6_view-1_1{left:28px;top:8px;width:189px;height:55px}}
.t-question-6_view-1_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-6_view-1_1{color:rgba(0,0,0,1);font-size:18px}}
.e-question-6_view-2_0{left:1099px;top:38px;width:27px;height:27px}
@media(max-width:767px){.e-question-6_view-2_0{left:262px;top:17px;width:30px;height:30px}}
.e-question-6_view-2_0 svg{fill:rgba(0,0,0,1)}
@media(max-width:767px){.e-question-6_view-2_0 svg{fill:rgba(0,0,0,1)}}
.e-question-6_view-2_1{left:69px;top:39px;width:1006px;height:25px}
@media(max-width:767px){.e-question-6_view-2_1{left:28px;top:8px;width:189px;height:55px}}
.t-question-6_view-2_1{color:rgba(0,0,0,1);font-size:30px}
@media(max-width:767px){.t-question-6_view-2_1{color:rgba(0,0,0,1);font-size:18px}}
.sec-answer-6{--h:76.0px;--mh:135.0px;z-index:5;background-color:rgba(255,255,255,1)}
.e-answer-6_0{left:69px;top:8px;width:1061px;height:72px}
@media(max-width:767px){.e-answer-6_0{left:28px;top:10px;width:260px;height:100px}}
.t-answer-6_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}
@media(max-width:767px){.t-answer-6_0{color:rgba(0,0,0,1);font-family:'Barlow';font-weight:300;font-style:normal}}
.sec-faq{--h:158.0px;--mh:66.0px;z-index:5;background-color:rgba(255,255,255,1)}
.sec-contact{--h:1039.0px;--mh:1256.0px;z-index:40;background-color:rgba(0,0,0,1)}
.e-contact_0{left:51px;top:155px;width:599px;height:137px}
@media(max-width:767px){.e-contact_0{left:20px;top:31px;width:280px;height:100px}}
.t-contact_0{color:rgba(44,155,246,1);font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-contact_0{color:rgba(44,155,246,1);font-family:'Anton';font-weight:400;font-style:normal}}
.e-contact_view-1_0{left:51px;top:758px;width:173px;height:56px}
@media(max-width:767px){.e-contact_view-1_0{left:20px;top:550px;width:280px;height:53.8px}}
.e-contact_view-1_0 .btn{background-color:rgba(44,155,246,1);background-image:none}
@media(max-width:767px){.e-contact_view-1_0 .btn{background-color:rgba(44,155,246,1);background-image:none}}
.e-contact_view-1_1{left:51px;top:704px;width:591px;height:1px}
@media(max-width:767px){.e-contact_view-1_1{left:20px;top:501px;width:280px;height:1px}}
.e-contact_view-1_1>.shape,.e-contact_view-1_1>.ico{background-color:rgba(250,250,250,1)}
@media(max-width:767px){.e-contact_view-1_1>.shape,.e-contact_view-1_1>.ico{background-color:rgba(250,250,250,1)}}
.e-contact_view-1_2{left:51px;top:640px;width:591px;height:1px}
@media(max-width:767px){.e-contact_view-1_2{left:20px;top:437px;width:280px;height:1px}}
.e-contact_view-1_2>.shape,.e-contact_view-1_2>.ico{background-color:rgba(250,250,250,1)}
@media(max-width:767px){.e-contact_view-1_2>.shape,.e-contact_view-1_2>.ico{background-color:rgba(250,250,250,1)}}
.e-contact_view-1_3{left:51px;top:576px;width:591px;height:1px}
@media(max-width:767px){.e-contact_view-1_3{left:20px;top:373px;width:280px;height:1px}}
.e-contact_view-1_3>.shape,.e-contact_view-1_3>.ico{background-color:rgba(250,250,250,1)}
@media(max-width:767px){.e-contact_view-1_3>.shape,.e-contact_view-1_3>.ico{background-color:rgba(250,250,250,1)}}
.e-contact_view-1_4{left:51px;top:512px;width:591px;height:1px}
@media(max-width:767px){.e-contact_view-1_4{left:20px;top:309px;width:280px;height:1px}}
.e-contact_view-1_4>.shape,.e-contact_view-1_4>.ico{background-color:rgba(250,250,250,1)}
@media(max-width:767px){.e-contact_view-1_4>.shape,.e-contact_view-1_4>.ico{background-color:rgba(250,250,250,1)}}
.e-contact_view-1_5{left:51px;top:448px;width:591px;height:1px}
@media(max-width:767px){.e-contact_view-1_5{left:20px;top:245px;width:280px;height:1px}}
.e-contact_view-1_5>.shape,.e-contact_view-1_5>.ico{background-color:rgba(250,250,250,1)}
@media(max-width:767px){.e-contact_view-1_5>.shape,.e-contact_view-1_5>.ico{background-color:rgba(250,250,250,1)}}
.e-contact_view-1_6{left:51px;top:384px;width:591px;height:1px}
@media(max-width:767px){.e-contact_view-1_6{left:20px;top:181px;width:280px;height:1px}}
.e-contact_view-1_6>.shape,.e-contact_view-1_6>.ico{background-color:rgba(250,250,250,1)}
@media(max-width:767px){.e-contact_view-1_6>.shape,.e-contact_view-1_6>.ico{background-color:rgba(250,250,250,1)}}
.e-contact_view-1_7{left:51px;top:673px;width:591px;height:21px}
@media(max-width:767px){.e-contact_view-1_7{left:20px;top:470px;width:280px;height:19px}}
.t-contact_view-1_7{font-size:14px}
@media(max-width:767px){.t-contact_view-1_7{font-size:14px}}
.e-contact_view-1_8{left:51px;top:609px;width:591px;height:21px}
@media(max-width:767px){.e-contact_view-1_8{left:20px;top:406px;width:280px;height:19px}}
.t-contact_view-1_8{font-size:14px}
@media(max-width:767px){.t-contact_view-1_8{font-size:14px}}
.e-contact_view-1_9{left:51px;top:545px;width:591px;height:21px}
@media(max-width:767px){.e-contact_view-1_9{left:20px;top:342px;width:280px;height:19px}}
.t-contact_view-1_9{font-size:14px}
@media(max-width:767px){.t-contact_view-1_9{font-size:14px}}
.e-contact_view-1_10{left:51px;top:481px;width:591px;height:21px}
@media(max-width:767px){.e-contact_view-1_10{left:20px;top:278px;width:280px;height:19px}}
.t-contact_view-1_10{font-size:14px}
@media(max-width:767px){.t-contact_view-1_10{font-size:14px}}
.e-contact_view-1_11{left:51px;top:417px;width:591px;height:21px}
@media(max-width:767px){.e-contact_view-1_11{left:20px;top:214px;width:280px;height:19px}}
.t-contact_view-1_11{font-size:14px}
@media(max-width:767px){.t-contact_view-1_11{font-size:14px}}
.e-contact_view-1_12{left:51px;top:353px;width:591px;height:21px}
@media(max-width:767px){.e-contact_view-1_12{left:20px;top:150px;width:280px;height:19px}}
.t-contact_view-1_12{font-size:14px}
@media(max-width:767px){.t-contact_view-1_12{font-size:14px}}
.e-contact_view-1_Z5p3V3GNh_0{left:0px;top:0px;width:413px;height:387px;border-radius:sharppx}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_0{left:0px;top:0px;width:300px;height:329px;border-radius:sharppx}}
.e-contact_view-1_Z5p3V3GNh_0>.shape,.e-contact_view-1_Z5p3V3GNh_0>.ico{background-color:rgba(255,255,255,1);border-radius:inherit}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_0>.shape,.e-contact_view-1_Z5p3V3GNh_0>.ico{background-color:rgba(255,255,255,1);border-radius:inherit}}
.e-contact_view-1_Z5p3V3GNh_0{overflow:hidden}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_0{overflow:hidden}}
.e-contact_view-1_Z5p3V3GNh_1{left:170px;top:276px;width:207px;height:25px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_1{left:25px;top:255px;width:250px;height:25px}}
.t-contact_view-1_Z5p3V3GNh_1{color:rgba(34,34,34,1);line-height:1.8;text-align:right}
@media(max-width:767px){.t-contact_view-1_Z5p3V3GNh_1{color:rgba(34,34,34,1);line-height:1.8;text-align:left}}
.e-contact_view-1_Z5p3V3GNh_2{left:35px;top:276px;width:108px;height:25px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_2{left:25px;top:228px;width:250px;height:25px}}
.t-contact_view-1_Z5p3V3GNh_2{color:rgba(34,34,34,1);font-size:15px}
@media(max-width:767px){.t-contact_view-1_Z5p3V3GNh_2{color:rgba(34,34,34,1);font-size:14px}}
.e-contact_view-1_Z5p3V3GNh_3{left:35px;top:243px;width:342px;height:1px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_3{left:25px;top:204px;width:250px;height:1px}}
.e-contact_view-1_Z5p3V3GNh_3>.shape,.e-contact_view-1_Z5p3V3GNh_3>.ico{background-color:rgba(34,34,34,1)}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_3>.shape,.e-contact_view-1_Z5p3V3GNh_3>.ico{background-color:rgba(34,34,34,1)}}
.e-contact_view-1_Z5p3V3GNh_4{left:207px;top:186px;width:171px;height:25px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_4{left:25px;top:155px;width:250px;height:25px}}
.t-contact_view-1_Z5p3V3GNh_4{color:rgba(34,34,34,1);line-height:1.8;text-align:right}
@media(max-width:767px){.t-contact_view-1_Z5p3V3GNh_4{color:rgba(34,34,34,1);line-height:1.8;text-align:left}}
.e-contact_view-1_Z5p3V3GNh_5{left:35px;top:186px;width:147px;height:25px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_5{left:25px;top:128px;width:250px;height:25px}}
.t-contact_view-1_Z5p3V3GNh_5{color:rgba(34,34,34,1);font-size:15px}
@media(max-width:767px){.t-contact_view-1_Z5p3V3GNh_5{color:rgba(34,34,34,1);font-size:14px}}
.e-contact_view-1_Z5p3V3GNh_6{left:35px;top:154px;width:342px;height:1px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_6{left:25px;top:101px;width:250px;height:1px}}
.e-contact_view-1_Z5p3V3GNh_6>.shape,.e-contact_view-1_Z5p3V3GNh_6>.ico{background-color:rgba(34,34,34,1)}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_6>.shape,.e-contact_view-1_Z5p3V3GNh_6>.ico{background-color:rgba(34,34,34,1)}}
.e-contact_view-1_Z5p3V3GNh_7{left:35px;top:102px;width:342px;height:39px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_7{left:25px;top:60px;width:250px;height:58px}}
.t-contact_view-1_Z5p3V3GNh_7{color:rgba(34,34,34,1);line-height:1.8}
@media(max-width:767px){.t-contact_view-1_Z5p3V3GNh_7{color:rgba(34,34,34,1);line-height:1.8}}
.e-contact_view-1_Z5p3V3GNh_8{left:35px;top:65px;width:174px;height:2px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_8{left:25px;top:34px;width:250px;height:20px}}
.t-contact_view-1_Z5p3V3GNh_8{color:rgba(34,34,34,1);text-transform:uppercase;font-size:15px}
@media(max-width:767px){.t-contact_view-1_Z5p3V3GNh_8{color:rgba(34,34,34,1);text-transform:uppercase;font-size:14px}}
.e-contact_view-1_Z5p3V3GNh_9{left:35px;top:243px;width:342px;height:1px}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_9{left:25px;top:304px;width:250px;height:1px}}
.e-contact_view-1_Z5p3V3GNh_9>.shape,.e-contact_view-1_Z5p3V3GNh_9>.ico{background-color:rgba(34,34,34,1)}
@media(max-width:767px){.e-contact_view-1_Z5p3V3GNh_9>.shape,.e-contact_view-1_Z5p3V3GNh_9>.ico{background-color:rgba(34,34,34,1)}}
.e-contact_view-1_13{left:737px;top:346px;width:413px;height:387px}
@media(max-width:767px){.e-contact_view-1_13{left:10px;top:785px;width:300px;height:329px}}
.e-contact_view-1_14{left:51px;top:831px;width:718px;height:141px}
@media(max-width:767px){.e-contact_view-1_14{left:20px;top:643px;width:298px;height:100px}}
.t-contact_view-1_14{color:rgba(44,155,246,1);font-size:70px;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-contact_view-1_14{color:rgba(44,155,246,1);font-size:41px;font-family:'Anton';font-weight:400;font-style:normal}}
.e-contact_view-2_0{left:154px;top:648px;width:356px;height:53px}
@media(max-width:767px){.e-contact_view-2_0{left:44px;top:288px;width:243px;height:71px}}
.t-contact_view-2_0{text-align:center}
@media(max-width:767px){.t-contact_view-2_0{text-align:center}}
.e-contact_view-2_1{left:160px;top:524px;width:344px;height:93px}
@media(max-width:767px){.e-contact_view-2_1{left:31px;top:206px;width:268px;height:73px}}
.t-contact_view-2_1{text-align:center}
@media(max-width:767px){.t-contact_view-2_1{text-align:center}}
.e-contact_view-2_2{left:219px;top:494px;width:227px;height:20px}
@media(max-width:767px){.e-contact_view-2_2{left:20px;top:178px;width:290px;height:19px}}
.t-contact_view-2_2{text-align:center}
@media(max-width:767px){.t-contact_view-2_2{text-align:center}}
.sec-mobile-navigation{--h:787.0px;--mh:619.0px;z-index:999999999;background-color:rgba(0,0,0,1)}
.e-mobile-navigation_0{left:360px;top:236px;width:480px;height:314.8px}
@media(max-width:767px){.e-mobile-navigation_0{left:0px;top:-113px;width:320px;height:846px}}
.e-mobile-navigation_0>.shape,.e-mobile-navigation_0>.ico{background-color:rgba(0,0,0,1)}
@media(max-width:767px){.e-mobile-navigation_0>.shape,.e-mobile-navigation_0>.ico{background-color:rgba(0,0,0,1)}}



.e-mobile-navigation_3{left:calc(728px + var(--g));top:163px;width:211px;height:346px}
@media(max-width:767px){.e-mobile-navigation_3{left:0px;top:254px;width:320px;height:365px}}
.e-mobile-navigation_3 .ph{background-repeat:no-repeat;background-size:cover;background-position:50% 50%;border-radius:inherit}




.e-mobile-navigation_6{left:535px;top:328px;width:131px;height:20px}
@media(max-width:767px){.e-mobile-navigation_6{left:20px;top:168px;width:280px;height:35px}}
.t-mobile-navigation_6{color:rgba(255,255,255,1);text-transform:uppercase;font-size:15px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-mobile-navigation_6{color:rgba(255,255,255,1);text-transform:uppercase;font-size:21px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-mobile-navigation_7{left:361px;top:370px;width:131px;height:20px}
@media(max-width:767px){.e-mobile-navigation_7{left:20px;top:129px;width:280px;height:32px}}
.t-mobile-navigation_7{color:rgba(255,255,255,1);text-transform:uppercase;font-size:15px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-mobile-navigation_7{color:rgba(255,255,255,1);text-transform:uppercase;font-size:21px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-mobile-navigation_8{left:361px;top:328px;width:131px;height:20px}
@media(max-width:767px){.e-mobile-navigation_8{left:20px;top:89px;width:280px;height:30px}}
.t-mobile-navigation_8{text-transform:uppercase;font-size:15px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-mobile-navigation_8{text-transform:uppercase;font-size:21px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-mobile-navigation_9{left:calc(1127px + var(--g));top:29px;width:48px;height:33px}
@media(max-width:767px){.e-mobile-navigation_9{left:279px;top:16px;width:27px;height:31px}}
.e-mobile-navigation_9 svg{fill:rgba(44,155,246,1)}
@media(max-width:767px){.e-mobile-navigation_9 svg{fill:rgba(44,155,246,1)}}

.sec-footer-2{--h:98.0px;--mh:262.0px;z-index:51;background-color:rgba(255,255,255,1)}
.e-footer-2_0{left:calc(-24px - var(--g));top:-14px;width:217px;height:138px}
@media(max-width:767px){.e-footer-2_0{left:80px;top:26px;width:150px;height:81px}}
.e-footer-2_0 .ph{background-repeat:no-repeat;background-size:contain;background-position:50%;border-radius:inherit}
@media(max-width:767px){.e-footer-2_0 .ph{background-size:cover}}
.e-footer-2_1{left:calc(-60px - var(--g));top:909px;width:22px;height:11px}
@media(max-width:767px){.e-footer-2_1{left:76px;top:237px;width:169px;height:14px}}
.t-footer-2_1{color:rgba(255,255,255,1);text-transform:none;line-height:1.1;letter-spacing:-0.02em;font-size:2px}
@media(max-width:767px){.t-footer-2_1{color:rgba(255,255,255,1);text-transform:none;line-height:1.1;letter-spacing:-0.02em;font-size:1px}}
.e-footer-2_2{left:calc(909px + var(--g));top:40px;width:67px;height:20px}
@media(max-width:767px){.e-footer-2_2{left:160px;top:112px;width:140px;height:19px}}
.t-footer-2_2{color:rgba(0,0,0,1);text-transform:uppercase;font-size:18px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-footer-2_2{color:rgba(0,0,0,1);text-transform:uppercase;font-size:23px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-footer-2_3{left:calc(816px + var(--g));top:40px;width:79px;height:20px}
@media(max-width:767px){.e-footer-2_3{left:20px;top:155px;width:141px;height:19px}}
.t-footer-2_3{color:rgba(0,0,0,1);text-transform:uppercase;font-size:18px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-footer-2_3{color:rgba(0,0,0,1);text-transform:uppercase;font-size:23px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-footer-2_4{left:calc(742px + var(--g));top:40px;width:66px;height:20px}
@media(max-width:767px){.e-footer-2_4{left:20px;top:112px;width:141px;height:19px}}
.t-footer-2_4{color:rgba(0,0,0,1);text-transform:uppercase;font-size:18px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-footer-2_4{color:rgba(0,0,0,1);text-transform:uppercase;font-size:23px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-footer-2_5{left:calc(0px - var(--g));top:9px;width:calc(1195px + 2 * var(--g));height:1px}
@media(max-width:767px){.e-footer-2_5{left:0px;top:11px;width:320px;height:1px}}
.e-footer-2_5>.shape,.e-footer-2_5>.ico{background-color:rgba(34,34,34,1)}
@media(max-width:767px){.e-footer-2_5>.shape,.e-footer-2_5>.ico{background-color:rgba(34,34,34,1)}}
.e-footer-2_6{left:calc(1144px + var(--g));top:54px;width:89px;height:1px}
@media(max-width:767px){.e-footer-2_6{left:0px;top:250px;width:321px;height:1px}}
.e-footer-2_6{transform:rotate(90deg)}
@media(max-width:767px){.e-footer-2_6{transform:none}}
.e-footer-2_6>.shape,.e-footer-2_6>.ico{background-color:rgba(34,34,34,1)}
@media(max-width:767px){.e-footer-2_6>.shape,.e-footer-2_6>.ico{background-color:rgba(34,34,34,1)}}
.e-footer-2_7{left:calc(948px + var(--g));top:54px;width:89px;height:1px}
@media(max-width:767px){.e-footer-2_7{left:0px;top:204px;width:321px;height:1px}}
.e-footer-2_7{transform:rotate(90deg)}
@media(max-width:767px){.e-footer-2_7{transform:none}}
.e-footer-2_7>.shape,.e-footer-2_7>.ico{background-color:rgba(34,34,34,1)}
@media(max-width:767px){.e-footer-2_7>.shape,.e-footer-2_7>.ico{background-color:rgba(34,34,34,1)}}
.e-footer-2_8{left:calc(1040px + var(--g));top:41px;width:116px;height:19px}
@media(max-width:767px){.e-footer-2_8{left:160px;top:155px;width:140px;height:22px}}
.t-footer-2_8{color:rgba(0,0,0,1);text-transform:uppercase;font-size:18px;text-align:left;font-family:'Anton';font-weight:400;font-style:normal}
@media(max-width:767px){.t-footer-2_8{color:rgba(0,0,0,1);text-transform:uppercase;font-size:23px;text-align:center;font-family:'Anton';font-weight:400;font-style:normal}}
.e-footer-2_9{left:calc(161px - var(--g));top:55px;width:476px;height:19px}
@media(max-width:767px){.e-footer-2_9{left:12px;top:218px;width:314px;height:19px}}
.t-footer-2_9{color:rgba(0,0,0,1);font-size:10px}
@media(max-width:767px){.t-footer-2_9{color:rgba(0,0,0,1);font-size:9px}}
/* ============================================================================
   INTRO -- rebuilt as a real typographic grid instead of a fixed canvas.
   The sliding marquee underneath is the ORIGINAL one, markup and animation
   untouched, so it keeps its seamless two-run loop and its 45s cadence.
   ========================================================================== */
/* z-index:1 matches what .sec-intro carried. Without it the section is z-index:auto
   and the LOCKED hero above (position:sticky, z-index:1) paints straight over the
   top of it -- the section is there, it is just behind the pinned hero. */
/* Pure white, not #fafafa: .sec-intro is rgba(255,255,255,1) and the section below
   it is near-black, so the join is visible.
   The bottom padding is the band of white the engine leaves under the marquee --
   62px on the 1200 canvas, which is 5.17% of it, so it scales with the canvas the
   same way (46px at 900, 40px at 768) and stops growing past the design width. */
.iv{position:relative;z-index:1;background:#fff;
  padding:clamp(3.5rem,8vw,7rem) 0 min(62px,5.17vw)}
.iv-wrap{width:min(1200px,92vw);margin:0 auto;display:grid;gap:clamp(1.6rem,4vw,4rem);
  grid-template-columns:minmax(0,1.32fr) minmax(0,.68fr);align-items:start}
.iv-eyebrow{font-family:'Lexend Peta',Helvetica,Arial,sans-serif;font-size:clamp(9px,.72vw,11px);
  letter-spacing:.26em;text-transform:uppercase;color:#6b6b70;margin:0 0 clamp(1.1rem,2vw,1.8rem)}
.iv-eyebrow::before{content:"";display:inline-block;width:2.2rem;height:1px;background:#2C9BF6;
  vertical-align:middle;margin-right:.85rem}
.iv-h{font-family:'Anton',Impact,Helvetica,sans-serif;font-weight:400;text-transform:uppercase;margin:0;
  font-size:clamp(2.1rem,5.1vw,4.9rem);line-height:.95;letter-spacing:.005em;color:#0b0b0c;
  text-wrap:balance}
.iv-h em{font-style:normal;color:#2C9BF6}
.iv-rule{height:1px;background:linear-gradient(90deg,#0b0b0c,rgba(11,11,12,0));
  margin-top:clamp(1.4rem,2.6vw,2.4rem)}
.iv-side{padding-top:clamp(.4rem,3.2vw,3.2rem)}
.iv-side p{font-family:'Montserrat',Helvetica,Arial,sans-serif;font-weight:400;
  font-size:clamp(.95rem,1.15vw,1.1rem);line-height:1.65;color:#3a3a3e;
  margin:0 0 clamp(1.3rem,2.2vw,1.9rem);max-width:34ch}
.iv-cta{display:inline-flex;align-items:center;gap:.85rem;padding:1.05rem 1.85rem;
  background:#2C9BF6;color:#fff;font-family:'Lexend Peta',Helvetica,Arial,sans-serif;font-size:11px;
  letter-spacing:.16em;text-transform:uppercase;line-height:1;
  transition:background .3s ease,transform .18s ease}
.iv-cta svg{width:1.05rem;height:1.05rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.iv-cta:hover{background:#1782db}}
@media(hover:hover){.iv-cta:hover svg{transform:translateX(5px)}}
.iv-cta:active{transform:translateY(1px)}
/* the marquee keeps the original's proportions: 257px tall on the 1200 design, and
   the same ratio below it, so the cells never change shape as the window narrows */
.iv-gal{position:relative;width:100%;height:clamp(150px,21.42vw,257px);
  margin-top:clamp(2.2rem,4.6vw,4.2rem)}
.iv-gal .gcell{margin-right:4px}
.iv-gal .gtrack{animation:gslide 45s linear infinite}
@media(max-width:820px){.iv-wrap{grid-template-columns:1fr}.iv-side{padding-top:0}}
/* the marquee is hidden on phones, so this is the gap under the button instead:
   51px on the 320 canvas = 15.94% of the viewport, matching the engine. */
@media(max-width:767px){.iv{padding-top:clamp(2.5rem,9vw,3.5rem);padding-bottom:15.94vw}}

/* ============================================================================
   ABOUT -- rebuilt as a flow two-column grid.
   The old canvas forced the portrait into a 540x1223 box (0.44) while the photo
   itself is 0.75, so `cover` had to crop 377px of width off it -- which is what
   sliced the DJ RIDLE sign in half and still left a quarter of the frame as bare
   floor. Letting the section's height come from its content gives the photo
   column a far gentler ratio, so the same photograph is simply better framed.
   ========================================================================== */
.ab{position:relative;z-index:7;background:#08090b;color:#fff;overflow:hidden}
.ab-wrap{width:min(1200px,92vw);margin:0 auto;display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,.78fr);
  gap:clamp(2rem,5vw,4.5rem);align-items:center}
.ab-copy{padding:clamp(3.5rem,8vw,7rem) 0}
/* the blue rule the engine drew as a floating 3px box, tied to the name instead */
.ab-name{position:relative;margin:0;padding-left:clamp(1rem,1.6vw,1.4rem);
  border-left:3px solid #2C9BF6;
  font-family:'Anton',Impact,Helvetica,sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(2.1rem,4.6vw,4.4rem);line-height:.96;letter-spacing:-.018em;color:#fff}
.ab-name span{display:block;color:#2C9BF6;font-size:.885em}
.ab-role{margin:clamp(1.2rem,2.4vw,2rem) 0 0;padding-left:clamp(1rem,1.6vw,1.4rem);
  font-family:'Montserrat',Helvetica,Arial,sans-serif;text-transform:uppercase;
  font-size:clamp(.85rem,1.25vw,1.25rem);line-height:1.35;color:#e8eaed;max-width:30ch}
.ab-body{margin:clamp(1.6rem,3vw,2.4rem) 0 0;padding-left:clamp(1rem,1.6vw,1.4rem)}
.ab-body p{margin:0 0 1.15em;font-family:'Montserrat',Helvetica,Arial,sans-serif;
  font-size:clamp(.95rem,1.12vw,1.125rem);line-height:1.7;color:#e0e0e0;max-width:62ch}
.ab-body p:last-child{margin-bottom:0}
/* The closing line is set in the SAME face as the name above it, Anton, so the
   two read as one voice instead of the section changing typeface at the end.
   Sized at roughly 62% of .ab-name at every step (its clamp is 4.6vw capped at
   4.4rem, this is 2.85vw capped at 2.75rem), which keeps it clearly subordinate
   to the name while still landing as a statement rather than as body copy.
   Uppercase because every other piece of Anton on this site is, the hero
   headline included.
   line-height stays above 1.05: the engine shipped this line at .7 and the two
   lines lapped over each other, which is what the ratio gate in _tools pins. */
.ab-lead{margin:clamp(1.8rem,3.4vw,2.6rem) 0 0;padding-left:clamp(1rem,1.6vw,1.4rem);
  font-family:'Anton',Impact,Helvetica,sans-serif;font-weight:400;color:#2C9BF6;
  text-transform:uppercase;letter-spacing:-.012em;
  font-size:clamp(1.35rem,2.85vw,2.75rem);line-height:1.08;max-width:24ch;text-wrap:balance}
.ab-cta{display:inline-flex;align-items:center;gap:.85rem;margin:clamp(1.6rem,3vw,2.2rem) 0 0 clamp(1rem,1.6vw,1.4rem);
  padding:1.05rem 1.9rem;background:#2C9BF6;color:#fff;line-height:1;
  font-family:'Lexend Peta',Helvetica,Arial,sans-serif;font-size:11px;letter-spacing:.16em;
  text-transform:uppercase;transition:background .3s ease,transform .18s ease}
.ab-cta svg{width:1.05rem;height:1.05rem;transition:transform .3s cubic-bezier(.22,1,.36,1)}
@media(hover:hover){.ab-cta:hover{background:#1782db}}
@media(hover:hover){.ab-cta:hover svg{transform:translateX(5px)}}
.ab-cta:active{transform:translateY(1px)}
/* photo bleeds to the right edge of the window, exactly as the engine's did */
.ab-shot{position:relative;margin:0;align-self:stretch;
  margin-right:calc((100vw - min(1200px,92vw)) / -2)}
.ab-shot img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;display:block}
/* the engine faded the photo into the black column with a rotated gradient box;
   this is the same effect as a pseudo-element that cannot fall out of alignment */
.ab-shot::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(90deg,#08090b 0%,rgba(8,9,11,.55) 18%,rgba(8,9,11,0) 46%)}
/* the lower right of the frame is bare floor. Rather than crop the client's photo,
   sink it into the section's own black so the eye stays on the subject. */
.ab-shot::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,#08090b 0%,rgba(8,9,11,.6) 9%,rgba(8,9,11,0) 26%)}
@media(max-width:820px){
  .ab-wrap{grid-template-columns:1fr;gap:0}
  .ab-copy{padding-bottom:clamp(2.5rem,6vw,3.5rem)}
  /* align-self:stretch takes the height from the grid row, which OVERRIDES
     aspect-ratio -- the figure resolved to 0 tall, so the portrait collapsed and,
     being lazy-loaded, never even fetched. Let the ratio set the height here.
     order:-1 leads the section with the portrait, the way the engine's mobile
     layout does. */
  .ab-shot{align-self:start;order:-1;aspect-ratio:4/3;
    margin-right:calc((100vw - min(1200px,92vw)) / -2);
    margin-left:calc((100vw - min(1200px,92vw)) / -2)}
  .ab-shot::before{background:linear-gradient(0deg,rgba(8,9,11,.85) 0%,rgba(8,9,11,0) 45%)}
}

/* THE CLOSING LINE IS SET IN THE TITLE'S FACE, WITH ROOM TO BREATHE.

   The engine ships "Let's make your event truly extraordinary." as .t-about_10
   in Montserrat 41px while the name above it, .t-about_4, is Anton 70px, so the
   section changed typeface at its last line. This puts it in Anton at 44px,
   which is 0.63 of the title and the same relationship the first pass used.

   THE SIZE IS NOT THE WHOLE FIX. Anton's glyphs fill their line box far more
   than Montserrat's, so the same 44px drops the second line into the BOOK NOW
   button. Measured on real glyph ink (a Range over the text nodes; the
   element's own box is useless because it ends in <br> tags that add empty line
   boxes), the engine layout gives this line 28px of air above and ONE pixel
   below. That is what made it look cramped, not the typeface.

   So the button moves down 52px instead of the type shrinking. .e-about_6 sat
   at 1076 with 91px of unused section beneath it, so there was room to take:
   at 1128 the line clears by ~35px, which is the spacing the flow version had
   (~42 above, ~35 below), and the button still leaves ~39px of section under
   it. Nothing is resized, only repositioned, and only on desktop.

   Mobile is untouched: there the same line already clears by 43px.

   SCOPED TO .sec-about ON PURPOSE: the engine's own rules are (0,1,0) and sit
   earlier in this file, so a bare selector would tie and win only on source
   order. line-height stays above 1.05, which _tools/effects.py pins. */
@media(min-width:768px){
  .sec-about .t-about_10{font-family:'Anton',Impact,Helvetica,sans-serif;
    text-transform:uppercase;letter-spacing:-.012em;font-size:44px;line-height:1.08}
  .sec-about .e-about_6{top:1128px}
}
@media(max-width:767px){
  .sec-about .t-about_10{font-family:'Anton',Impact,Helvetica,sans-serif;
    text-transform:uppercase;letter-spacing:-.01em;font-size:25px;line-height:1.1}
}

/* LESS SCROLL FOR THE SAME REVEAL.

   Each packages panel is position:sticky at top:0, so the scroll between one
   card arriving and the next IS the previous panel's height. There is no scroll
   listener and no animation duration; height is the only lever. The engine
   shipped 1153 + 936 + 1519 = 3608px, more than a full screen per card.

   Two things are declared here instead of three tuned numbers, because those are
   the two things that actually matter and the heights follow from them:

     --reveal-step  how far you scroll between cards
     --row-dwell    how long the finished row of three holds the screen

   THE LAST PANEL IS DERIVED FROM THE VIEWPORT, NOT PICKED. The FAQ below is an
   ordinary section, so it starts covering the stack once it enters the viewport,
   which is one screen height before the stack ends. Give the last panel a fixed
   height and on a tall window the FAQ climbs over the row before it has finished
   assembling, which is exactly what a hard-coded 700 did here. 100vh + dwell is
   correct on every screen instead of tuned for one.

   A CARD DOES NOT HAVE TO FIT INSIDE ITS OWN PANEL. That assumption is what kept
   these at 850. All three are pinned at top:0 together and panels 2 and 3 are
   transparent, so each card paints over the ones before it wherever its own
   panel ends; the 2657px black block inside packages-1 backs the whole stack and
   .sec does not clip. Swept every height down to 350 checking each card and its
   Learn More button for clipping: none.

   500 is under the ~650 at which the second card would still start fully off
   screen on a 900px window, so it now peeks at the bottom edge before you
   scroll. That is the deliberate trade: holding it off screen costs a viewport
   of scrolling per card, which is the thing being fixed, and a card peeking in
   reads as an invitation rather than as a mistake. */
@media(min-width:768px){
  .sec-packages-1,.sec-packages-2,.sec-packages-3{--reveal-step:500px;--row-dwell:250px}
  .sec-packages-1{--h:var(--reveal-step)}
  .sec-packages-2{--h:var(--reveal-step)}
  .sec-packages-3{--h:calc(100vh + var(--row-dwell))}
}

/* The menu's own close icon is DESKTOP ONLY. On a phone it renders in exactly the
   same 61x61 box as the hamburger, so the two draw on top of each other as a
   star, and it is unreachable anyway: a hit test at its centre returns the
   overlay's svg, because the mobile overlay carries its own smaller X on top and
   that is the one you actually tap. On desktop it is the real control that closes
   the nav bar, so it stays there. */
@media(max-width:767px){.e-menu_view-1_6{display:none}}