{"id":11027,"date":"2026-09-10T16:33:44","date_gmt":"2026-09-10T14:33:44","guid":{"rendered":"https:\/\/www.yuliyapivnyak.it\/en\/?page_id=11027"},"modified":"2026-09-10T17:30:36","modified_gmt":"2026-09-10T15:30:36","slug":"case-study","status":"publish","type":"page","link":"https:\/\/www.yuliyapivnyak.it\/en\/case-study\/","title":{"rendered":"Case Study"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"11027\" class=\"elementor elementor-11027\" data-elementor-post-type=\"page\">\n\t\t\t\t<main class=\"elementor-element elementor-element-2b4e6a18 e-con-full sigesti-hero e-flex e-con e-parent\" data-id=\"2b4e6a18\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-2fdc0810 e-con-full e-flex e-con e-child\" data-id=\"2fdc0810\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-317f64a2 e-con-full e-flex e-con e-child\" data-id=\"317f64a2\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4103648 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-html\" data-id=\"4103648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"yu-mini-identity\">\n\n  <!-- MAIN PLEXIGLASS -->\n  <div class=\"yu-id-card\">\n\n    <span class=\"yu-id-screw tl\"><\/span>\n    <span class=\"yu-id-screw tr\"><\/span>\n    <span class=\"yu-id-screw bl\"><\/span>\n    <span class=\"yu-id-screw br\"><\/span>\n\n    <span class=\"yu-id-reflection\"><\/span>\n\n    <div class=\"yu-id-top\">\n      <span>YU.DESIGN<\/span>\n      <small>CASE STUDY<\/small>\n    <\/div>\n\n    <div class=\"yu-id-main\">\n\n      <div class=\"yu-id-photo\">\n        <img\n          src=\"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/05\/yu-arancione-1-e1777842074517.webp\"\n          alt=\"Yuliya Pivnyak\"\n          loading=\"lazy\"\n          decoding=\"async\"\n        >\n      <\/div>\n\n      <div class=\"yu-id-name\">\n        <h3>YULIYA<br>PIVNYAK.<\/h3>\n        <p>WEB DESIGNER \/ UX STRATEGIST<\/p>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"yu-id-contact\">\n\n      <div class=\"yu-id-project-data\">\n        <small>ROLE<\/small>\n        <strong>UX \/ UI DESIGN<\/strong>\n      <\/div>\n\n      <div class=\"yu-id-project-data\">\n        <small>BUILD<\/small>\n        <strong>WORDPRESS DEVELOPMENT<\/strong>\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- BLUE TAG -->\n  <div class=\"yu-id-tag yu-id-tag--blue\">\n\n    <span class=\"yu-id-tag-screw\"><\/span>\n\n    <small>PROJECT \/ 2025\u20132026<\/small>\n\n    <strong>\n      CASE STUDY<br>\n      PORTFOLIO\n    <\/strong>\n\n    <span>Tour Operator<\/span>\n\n  <\/div>\n\n\n  <!-- ORANGE TAG -->\n  <div class=\"yu-id-tag yu-id-tag--orange\">\n\n    <span class=\"yu-id-tag-screw\"><\/span>\n\n    <small>TECH STACK<\/small>\n\n    <strong>WORDPRESS<\/strong>\n\n    <span>\n      Elementor Pro \u00b7 ACF \u00b7 CPT<br>\n      PHP \u00b7 HTML \u00b7 CSS \u00b7 JS\n    <\/span>\n\n  <\/div>\n\n\n  <!-- CTA -->\n  <a\n    class=\"yu-id-cta\"\n    href=\"\/contattami\/\"\n    aria-label=\"Contattami\"\n  >\n\n    <span class=\"yu-id-cta-screw\"><\/span>\n\n    <small>NEXT PROJECT?<\/small>\n\n    <strong>\n      CONTATTAMI\n      <span class=\"yu-id-cta-arrow\">\u2197<\/span>\n    <\/strong>\n\n  <\/a>\n\n<\/div>\n\n\n<style>\n\n\/* =====================================================\n   01 \u2014 ROOT\n===================================================== *\/\n\n.yu-mini-identity{\n\n  --blue:#405FD7;\n  --orange:#F56A23;\n  --black:#111;\n\n  position:relative;\n\n  width:100%;\n  max-width:820px;\n  height:440px;\n\n  margin:0 auto;\n\n  box-sizing:border-box;\n\n  background:transparent;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n}\n\n\n.yu-mini-identity *,\n.yu-mini-identity *::before,\n.yu-mini-identity *::after{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   02 \u2014 MAIN PLEXIGLASS\n===================================================== *\/\n\n.yu-id-card{\n\n  position:absolute;\n  z-index:5;\n\n  left:50%;\n  top:50%;\n\n  width:500px;\n  height:310px;\n\n  padding:30px;\n\n  transform:\n    translate(-50%,-50%)\n    rotate(-2deg);\n\n  border:\n    1px solid\n    rgba(255,255,255,.95);\n\n  border-radius:20px;\n\n  color:var(--black);\n\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.78),\n      rgba(232,237,245,.57)\n    );\n\n  -webkit-backdrop-filter:\n    blur(7px)\n    saturate(120%);\n\n  backdrop-filter:\n    blur(7px)\n    saturate(120%);\n\n  box-shadow:\n    0 0 0 2px rgba(142,154,175,.28),\n    0 0 0 7px rgba(235,242,252,.34),\n    0 22px 40px rgba(25,31,55,.17),\n    inset 2px 2px 4px rgba(255,255,255,.96),\n    inset -5px -5px 8px rgba(35,45,75,.15),\n    inset 0 0 0 8px rgba(255,255,255,.13);\n\n}\n\n\n.yu-id-card::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:8px;\n\n  border:\n    1px solid\n    rgba(255,255,255,.62);\n\n  border-radius:10px;\n\n  box-shadow:\n    inset 0 1px 2px rgba(255,255,255,.88),\n    0 1px 1px rgba(20,25,40,.08);\n\n  pointer-events:none;\n\n}\n\n\n.yu-id-card::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:12px;\n  right:12px;\n  bottom:4px;\n\n  height:6px;\n\n  border-radius:\n    0 0 10px 10px;\n\n  background:\n    linear-gradient(\n      to bottom,\n      rgba(255,255,255,.3),\n      rgba(55,65,90,.14)\n    );\n\n  pointer-events:none;\n\n}\n\n\n\/* =====================================================\n   03 \u2014 REFLECTION\n===================================================== *\/\n\n.yu-id-reflection{\n\n  position:absolute;\n\n  top:-4%;\n  left:3%;\n\n  width:52%;\n  height:68%;\n\n  transform:\n    skewX(-15deg);\n\n  background:\n    linear-gradient(\n      112deg,\n      rgba(255,255,255,.36),\n      rgba(255,255,255,.10) 37%,\n      transparent 70%\n    );\n\n  pointer-events:none;\n\n}\n\n\n\/* =====================================================\n   04 \u2014 CARD HEADER\n===================================================== *\/\n\n.yu-id-top{\n\n  position:relative;\n  z-index:3;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:18px;\n\n  margin-bottom:28px;\n\n}\n\n\n.yu-id-top span{\n\n  font-family:\n    Khand,\n    Impact,\n    sans-serif;\n\n  font-size:24px;\n\n  font-weight:600;\n\n  line-height:1;\n\n  letter-spacing:.04em;\n\n  text-transform:uppercase;\n\n}\n\n\n.yu-id-top small{\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  font-size:11px;\n\n  font-weight:700;\n\n  line-height:1;\n\n  letter-spacing:.08em;\n\n  text-align:right;\n\n  text-transform:uppercase;\n\n}\n\n\n\/* =====================================================\n   05 \u2014 PROFILE\n===================================================== *\/\n\n.yu-id-main{\n\n  position:relative;\n  z-index:3;\n\n  display:flex;\n\n  align-items:center;\n\n  gap:26px;\n\n}\n\n\n.yu-id-photo{\n\n  flex:\n    0 0 104px;\n\n  width:104px;\n  height:104px;\n\n  padding:4px;\n\n  border-radius:50%;\n\n  background:\n    linear-gradient(\n      145deg,\n      #fff,\n      #cfd5dd\n    );\n\n  box-shadow:\n    0 0 0 1px rgba(20,25,35,.18),\n    0 7px 15px rgba(20,25,40,.15),\n    inset 1px 1px 2px #fff;\n\n}\n\n\n.yu-id-photo img{\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  object-fit:cover;\n\n  border-radius:50%;\n\n}\n\n\n.yu-id-name{\n  min-width:0;\n}\n\n\n.yu-id-name h3{\n\n  margin:0;\n\n  color:var(--black);\n\n  font-family:\n    Khand,\n    Impact,\n    sans-serif;\n\n  font-size:52px;\n\n  font-weight:600;\n\n  line-height:.78;\n\n  letter-spacing:-.045em;\n\n}\n\n\n.yu-id-name p{\n\n  margin:\n    16px\n    0\n    0;\n\n  color:var(--black);\n\n  font-family:\n    Khand,\n    sans-serif;\n\n  font-size:16px;\n\n  font-weight:600;\n\n  line-height:1;\n\n  letter-spacing:.015em;\n\n  text-transform:uppercase;\n\n}\n\n\n\/* =====================================================\n   06 \u2014 ROLE \/ BUILD\n===================================================== *\/\n\n.yu-id-contact{\n\n  position:absolute;\n  z-index:3;\n\n  left:30px;\n  right:30px;\n  bottom:25px;\n\n  display:grid;\n\n  grid-template-columns:\n    1fr\n    1.25fr;\n\n  gap:24px;\n\n}\n\n\n.yu-id-project-data{\n\n  display:grid;\n\n  grid-template-columns:\n    42px\n    minmax(0,1fr);\n\n  align-items:start;\n\n  gap:9px;\n\n  padding-top:9px;\n\n  border-top:\n    1px solid\n    rgba(0,0,0,.20);\n\n}\n\n\n.yu-id-project-data small{\n\n  padding-top:2px;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  font-size:11px;\n\n  font-weight:700;\n\n  line-height:1;\n\n  letter-spacing:.07em;\n\n  text-transform:uppercase;\n\n  opacity:.68;\n\n}\n\n\n.yu-id-project-data strong{\n\n  color:var(--black);\n\n  font-family:\n    Khand,\n    \"Arial Narrow\",\n    Arial,\n    sans-serif;\n\n  font-size:16px;\n\n  font-weight:600;\n\n  line-height:1;\n\n  letter-spacing:-.01em;\n\n  text-transform:uppercase;\n\n}\n\n\n\/* =====================================================\n   07 \u2014 SIDE TAGS\n===================================================== *\/\n\n.yu-id-tag{\n\n  position:absolute;\n  z-index:8;\n\n  border-radius:10px;\n\n  box-shadow:\n    0 0 0 1px rgba(255,255,255,.55),\n    0 0 0 3px rgba(230,238,250,.18),\n    0 14px 24px rgba(20,25,45,.15),\n    inset 1px 1px 3px rgba(255,255,255,.38),\n    inset -3px -3px 5px rgba(30,40,80,.18);\n\n  will-change:transform;\n\n}\n\n\n.yu-id-tag small{\n\n  display:block;\n\n  margin-bottom:9px;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  font-size:11px;\n\n  font-weight:700;\n\n  line-height:1;\n\n  letter-spacing:.07em;\n\n  text-transform:uppercase;\n\n}\n\n\n.yu-id-tag strong{\n\n  display:block;\n\n  font-family:\n    Khand,\n    Impact,\n    sans-serif;\n\n  font-size:30px;\n\n  font-weight:600;\n\n  line-height:.84;\n\n  letter-spacing:-.025em;\n\n  text-transform:uppercase;\n\n}\n\n\n.yu-id-tag > span:not(.yu-id-tag-screw){\n\n  display:block;\n\n  margin-top:9px;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  font-size:14px;\n\n  font-weight:400;\n\n  line-height:1.3;\n\n}\n\n\n\/* =====================================================\n   08 \u2014 BLUE\n===================================================== *\/\n\n.yu-id-tag--blue{\n\n  left:\n    calc(50% + 250px - 34px);\n\n  top:48px;\n\n  width:205px;\n  min-height:132px;\n\n  padding:\n    18px\n    21px;\n\n  color:#fff;\n\n  background:\n    linear-gradient(\n      145deg,\n      #4C6AE0,\n      #3048BD\n    );\n\n  transform-origin:\n    12px\n    55px;\n\n  transform:\n    rotate(61deg);\n\n}\n\n\n.yu-id-tag--blue strong{\n\n  font-size:27px;\n\n  line-height:.80;\n\n}\n\n\n\/* =====================================================\n   09 \u2014 ORANGE\n===================================================== *\/\n\n.yu-id-tag--orange{\n\n  left:\n    calc(50% - 250px - 185px + 34px);\n\n  bottom:28px;\n\n  width:220px;\n  min-height:140px;\n\n  padding:\n    18px\n    21px;\n\n  color:#111;\n\n  background:\n    linear-gradient(\n      145deg,\n      #FA7935,\n      #EF5E20\n    );\n\n  transform-origin:\n    calc(100% - 12px)\n    12px;\n\n  transform:\n    rotate(-61deg);\n\n}\n\n\n\/* =====================================================\n   10 \u2014 TAG + CTA SCREWS\n===================================================== *\/\n\n.yu-id-tag-screw,\n.yu-id-cta-screw{\n\n  position:absolute;\n\n  width:12px;\n  height:12px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle at 32% 26%,\n      #fff 0 7%,\n      #dfe2e4 14%,\n      #92989e 30%,\n      #4f555b 47%,\n      #1f2327 64%,\n      #9fa5aa 78%,\n      #373c41 100%\n    );\n\n  box-shadow:\n    0 1px 2px\n    rgba(0,0,0,.45);\n\n}\n\n\n.yu-id-tag-screw{\n  will-change:transform;\n}\n\n\n.yu-id-tag-screw::after,\n.yu-id-cta-screw::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:2.5px;\n  right:2.5px;\n  top:5.5px;\n\n  height:1px;\n\n  background:#111;\n\n  transform:\n    rotate(25deg);\n\n}\n\n\n.yu-id-tag--blue\n.yu-id-tag-screw{\n\n  left:6px;\n  top:49px;\n\n}\n\n\n.yu-id-tag--orange\n.yu-id-tag-screw{\n\n  right:6px;\n  top:6px;\n\n}\n\n\n\/* =====================================================\n   11 \u2014 CTA\n===================================================== *\/\n\n.yu-id-cta{\n\n  position:absolute;\n  z-index:11;\n\n  left:\n    calc(50% + 250px - 142px);\n\n  bottom:34px;\n\n  width:164px;\n\n  min-height:74px;\n\n  padding:\n    15px\n    17px\n    13px;\n\n  border-radius:10px;\n\n  color:#fff !important;\n\n  text-decoration:none !important;\n\n  background:\n    linear-gradient(\n      145deg,\n      #181818,\n      #050505\n    );\n\n  box-shadow:\n    0 0 0 1px rgba(255,255,255,.14),\n    0 12px 22px rgba(0,0,0,.22),\n    inset 1px 1px 2px rgba(255,255,255,.14);\n\n  transform:\n    translateY(10px)\n    rotate(-4deg)\n    scale(.96);\n\n  transform-origin:\n    12px\n    12px;\n\n  opacity:0;\n\n  transition:\n    transform .22s ease,\n    box-shadow .22s ease;\n\n  will-change:\n    transform,\n    opacity;\n\n}\n\n\n\/* KEEP CTA TEXT WHITE ON ALL LINK STATES *\/\n\n.yu-id-cta:link,\n.yu-id-cta:visited,\n.yu-id-cta:hover,\n.yu-id-cta:focus,\n.yu-id-cta:active{\n\n  color:#fff !important;\n\n  text-decoration:none !important;\n\n}\n\n\n.yu-id-cta:link strong,\n.yu-id-cta:visited strong,\n.yu-id-cta:hover strong,\n.yu-id-cta:focus strong,\n.yu-id-cta:active strong{\n\n  color:#fff !important;\n\n}\n\n\n.yu-id-cta:hover{\n\n  transform:\n    translateY(0)\n    rotate(0deg)\n    scale(1.025) !important;\n\n  background:\n    linear-gradient(\n      145deg,\n      #181818,\n      #050505\n    ) !important;\n\n  box-shadow:\n    0 0 0 1px rgba(255,255,255,.16),\n    0 16px 28px rgba(0,0,0,.25),\n    inset 1px 1px 2px rgba(255,255,255,.14);\n\n}\n\n\n.yu-id-cta small{\n\n  display:block;\n\n  margin-bottom:6px;\n\n  color:#fff !important;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  font-size:11px;\n\n  font-weight:700;\n\n  line-height:1;\n\n  letter-spacing:.07em;\n\n  text-transform:uppercase;\n\n  opacity:.68;\n\n}\n\n\n.yu-id-cta strong{\n\n  display:flex;\n\n  align-items:center;\n  justify-content:space-between;\n\n  gap:10px;\n\n  color:#fff !important;\n\n  font-family:\n    Khand,\n    Impact,\n    sans-serif;\n\n  font-size:20px;\n\n  font-weight:600;\n\n  line-height:.9;\n\n  letter-spacing:-.01em;\n\n  text-transform:uppercase;\n\n}\n\n\n.yu-id-cta-arrow{\n\n  color:var(--orange) !important;\n\n  font-family:\n    Inter,\n    Arial,\n    sans-serif;\n\n  font-size:18px;\n\n  font-weight:500;\n\n  line-height:1;\n\n}\n\n\n.yu-id-cta:hover .yu-id-cta-arrow,\n.yu-id-cta:focus .yu-id-cta-arrow,\n.yu-id-cta:active .yu-id-cta-arrow,\n.yu-id-cta:visited .yu-id-cta-arrow{\n\n  color:var(--orange) !important;\n\n}\n\n\n.yu-id-cta-screw{\n\n  left:6px;\n  top:6px;\n\n}\n\n\n\/* =====================================================\n   12 \u2014 MAIN CARD SCREWS\n===================================================== *\/\n\n.yu-id-screw{\n\n  position:absolute;\n  z-index:20;\n\n  width:14px;\n  height:14px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle at 32% 26%,\n      #fff 0 7%,\n      #e0e3e5 14%,\n      #949ba1 30%,\n      #50565c 47%,\n      #202428 64%,\n      #a3a8ad 78%,\n      #393e43 100%\n    );\n\n  box-shadow:\n    0 1px 3px rgba(0,0,0,.5);\n\n}\n\n\n.yu-id-screw::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:3px;\n  right:3px;\n  top:6px;\n\n  height:1px;\n\n  background:#111;\n\n  transform:\n    rotate(35deg);\n\n}\n\n\n.yu-id-screw.tl{\n  top:9px;\n  left:9px;\n}\n\n.yu-id-screw.tr{\n  top:9px;\n  right:9px;\n}\n\n.yu-id-screw.bl{\n  bottom:9px;\n  left:9px;\n}\n\n.yu-id-screw.br{\n  right:9px;\n  bottom:9px;\n}\n\n\n\/* =====================================================\n   13 \u2014 BLUE \/ ORANGE ANIMATIONS\n===================================================== *\/\n\n.yu-mini-identity.is-visible\n.yu-id-tag--blue{\n\n  animation:\n    yuBlueGravity\n    2.08s\n    cubic-bezier(.33,.02,.22,1)\n    .12s\n    forwards,\n\n    yuBlueFix\n    .76s\n    cubic-bezier(.25,.72,.22,1)\n    2.23s\n    forwards;\n\n}\n\n\n.yu-mini-identity.is-visible\n.yu-id-tag--orange{\n\n  animation:\n    yuOrangeGravity\n    2.08s\n    cubic-bezier(.33,.02,.22,1)\n    .42s\n    forwards,\n\n    yuOrangeFix\n    .76s\n    cubic-bezier(.25,.72,.22,1)\n    2.53s\n    forwards;\n\n}\n\n\n@keyframes yuBlueGravity{\n  0%{transform:rotate(29deg);}\n  18%{transform:rotate(76deg);}\n  35%{transform:rotate(50deg);}\n  51%{transform:rotate(69deg);}\n  65%{transform:rotate(56deg);}\n  77%{transform:rotate(64deg);}\n  87%{transform:rotate(59deg);}\n  94%{transform:rotate(62deg);}\n  100%{transform:rotate(61deg);}\n}\n\n\n@keyframes yuBlueFix{\n\n  0%{\n    transform:rotate(61deg) scale(1);\n  }\n\n  72%{\n    transform:rotate(3.8deg) scale(.997);\n  }\n\n  88%{\n    transform:rotate(5.8deg) scale(.994);\n  }\n\n  100%{\n    transform:rotate(5deg) scale(1);\n  }\n\n}\n\n\n@keyframes yuOrangeGravity{\n  0%{transform:rotate(-29deg);}\n  18%{transform:rotate(-76deg);}\n  35%{transform:rotate(-50deg);}\n  51%{transform:rotate(-69deg);}\n  65%{transform:rotate(-56deg);}\n  77%{transform:rotate(-64deg);}\n  87%{transform:rotate(-59deg);}\n  94%{transform:rotate(-62deg);}\n  100%{transform:rotate(-61deg);}\n}\n\n\n@keyframes yuOrangeFix{\n\n  0%{\n    transform:rotate(-61deg) scale(1);\n  }\n\n  72%{\n    transform:rotate(-6.4deg) scale(.997);\n  }\n\n  88%{\n    transform:rotate(-4.4deg) scale(.994);\n  }\n\n  100%{\n    transform:rotate(-5deg) scale(1);\n  }\n\n}\n\n\n\/* =====================================================\n   14 \u2014 TAG SCREW ANIMATIONS\n===================================================== *\/\n\n.yu-mini-identity.is-visible\n.yu-id-tag--blue\n.yu-id-tag-screw{\n\n  animation:\n    yuBlueScrewTighten\n    .76s\n    cubic-bezier(.2,.7,.2,1)\n    2.23s\n    forwards;\n\n}\n\n\n.yu-mini-identity.is-visible\n.yu-id-tag--orange\n.yu-id-tag-screw{\n\n  animation:\n    yuOrangeScrewTighten\n    .76s\n    cubic-bezier(.2,.7,.2,1)\n    2.53s\n    forwards;\n\n}\n\n\n@keyframes yuBlueScrewTighten{\n\n  0%{\n    transform:rotate(0deg) scale(1);\n  }\n\n  35%{\n    transform:rotate(135deg) scale(.98);\n  }\n\n  70%{\n    transform:rotate(285deg) scale(.96);\n  }\n\n  100%{\n    transform:rotate(405deg) scale(1);\n  }\n\n}\n\n\n@keyframes yuOrangeScrewTighten{\n\n  0%{\n    transform:rotate(0deg) scale(1);\n  }\n\n  35%{\n    transform:rotate(-135deg) scale(.98);\n  }\n\n  70%{\n    transform:rotate(-285deg) scale(.96);\n  }\n\n  100%{\n    transform:rotate(-405deg) scale(1);\n  }\n\n}\n\n\n\/* =====================================================\n   15 \u2014 CTA ANIMATION\n===================================================== *\/\n\n.yu-mini-identity.is-visible\n.yu-id-cta{\n\n  animation:\n    yuCtaEnter\n    .78s\n    cubic-bezier(.2,.72,.18,1)\n    3.12s\n    forwards;\n\n}\n\n\n.yu-mini-identity.is-visible\n.yu-id-cta-screw{\n\n  animation:\n    yuCtaScrew\n    .58s\n    cubic-bezier(.2,.7,.2,1)\n    3.20s\n    forwards;\n\n}\n\n\n@keyframes yuCtaEnter{\n\n  0%{\n\n    opacity:0;\n\n    transform:\n      translateY(16px)\n      rotate(-7deg)\n      scale(.94);\n\n  }\n\n  62%{\n\n    opacity:1;\n\n    transform:\n      translateY(-2px)\n      rotate(1.5deg)\n      scale(1.01);\n\n  }\n\n  82%{\n\n    opacity:1;\n\n    transform:\n      translateY(1px)\n      rotate(-.8deg)\n      scale(.998);\n\n  }\n\n  100%{\n\n    opacity:1;\n\n    transform:\n      translateY(0)\n      rotate(0deg)\n      scale(1);\n\n  }\n\n}\n\n\n@keyframes yuCtaScrew{\n\n  0%{\n    transform:rotate(0deg) scale(1);\n  }\n\n  55%{\n    transform:rotate(250deg) scale(.95);\n  }\n\n  100%{\n    transform:rotate(405deg) scale(1);\n  }\n\n}\n\n\n\/* =====================================================\n   16 \u2014 TABLET\n===================================================== *\/\n\n@media(max-width:900px){\n\n  .yu-mini-identity{\n\n    max-width:680px;\n\n    height:430px;\n\n  }\n\n\n  .yu-id-card{\n\n    width:440px;\n\n    height:290px;\n\n  }\n\n\n  .yu-id-name h3{\n    font-size:47px;\n  }\n\n\n  .yu-id-tag--blue{\n\n    left:\n      calc(50% + 220px - 30px);\n\n    top:47px;\n\n    width:190px;\n\n    min-height:122px;\n\n  }\n\n\n  .yu-id-tag--blue strong{\n    font-size:24px;\n  }\n\n\n  .yu-id-tag--blue\n  .yu-id-tag-screw{\n    top:46px;\n  }\n\n\n  .yu-id-tag--orange{\n\n    left:\n      calc(50% - 220px - 162px + 30px);\n\n    bottom:29px;\n\n    width:198px;\n\n    min-height:126px;\n\n  }\n\n\n  .yu-id-cta{\n\n    left:\n      calc(50% + 220px - 132px);\n\n    bottom:40px;\n\n    width:150px;\n\n    min-height:70px;\n\n    padding:\n      14px\n      15px\n      12px;\n\n  }\n\n}\n\n\n\/* =====================================================\n   17 \u2014 MOBILE\n===================================================== *\/\n\n@media(max-width:620px){\n\n  .yu-mini-identity{\n\n    width:100%;\n    max-width:100%;\n\n    height:405px;\n\n    overflow-x:clip;\n    overflow-y:visible;\n\n  }\n\n\n  .yu-id-card{\n\n    left:50%;\n    top:49%;\n\n    width:\n      calc(100% - 18px);\n\n    max-width:374px;\n\n    height:232px;\n\n    padding:\n      17px\n      18px\n      15px;\n\n    transform:\n      translate(-50%,-50%)\n      rotate(-1deg);\n\n    border-radius:20px;\n\n  }\n\n\n  .yu-id-card::before{\n\n    inset:7px;\n\n    border-radius:10px;\n\n  }\n\n\n  .yu-id-top{\n\n    gap:8px;\n\n    margin-bottom:10px;\n\n    padding:\n      1px\n      2px\n      0;\n\n  }\n\n\n  .yu-id-top span{\n\n    font-size:21px;\n\n    letter-spacing:.035em;\n\n    color:#111;\n\n  }\n\n\n  .yu-id-top small{\n\n    font-size:10px;\n\n    color:#111;\n\n    opacity:1;\n\n  }\n\n\n  .yu-id-main{\n\n    display:grid;\n\n    grid-template-columns:\n      86px\n      minmax(0,1fr);\n\n    gap:16px;\n\n    padding:\n      0\n      3px;\n\n  }\n\n\n  .yu-id-photo{\n\n    flex:none;\n\n    width:86px;\n    height:86px;\n\n    padding:3px;\n\n  }\n\n\n  .yu-id-name{\n\n    min-width:0;\n\n    overflow:visible;\n\n  }\n\n\n  .yu-id-name h3{\n\n    font-size:41px;\n\n    line-height:.75;\n\n    letter-spacing:-.048em;\n\n  }\n\n\n  .yu-id-name p{\n\n    margin:\n      8px\n      0\n      0;\n\n    font-family:\n      Khand,\n      Impact,\n      sans-serif;\n\n    font-size:20px;\n\n    font-weight:600;\n\n    line-height:.92;\n\n    letter-spacing:-.025em;\n\n    color:#111;\n\n    white-space:nowrap;\n\n    transform:\n      scaleX(.82);\n\n    transform-origin:\n      left center;\n\n  }\n\n\n  .yu-id-contact{\n\n    left:18px;\n    right:18px;\n    bottom:12px;\n\n    grid-template-columns:\n      .95fr\n      1.25fr;\n\n    gap:12px;\n\n  }\n\n\n  .yu-id-project-data{\n\n    grid-template-columns:\n      34px\n      minmax(0,1fr);\n\n    gap:7px;\n\n    padding-top:7px;\n\n    border-top:\n      1px solid\n      rgba(17,17,17,.26);\n\n  }\n\n\n  .yu-id-project-data small{\n\n    margin:0;\n\n    padding-top:2px;\n\n    font-size:10px;\n\n    color:#111;\n\n    opacity:.68;\n\n  }\n\n\n  .yu-id-project-data strong{\n\n    margin:0;\n\n    font-size:14px;\n\n    font-weight:600;\n\n    line-height:1;\n\n    color:#111;\n\n    white-space:normal;\n\n  }\n\n\n  \/* BLUE MOBILE *\/\n\n  .yu-id-tag--blue{\n\n    z-index:10;\n\n    left:auto;\n\n    right:14px;\n    top:15px;\n\n    width:168px;\n\n    min-height:110px;\n\n    padding:\n      13px\n      15px\n      14px;\n\n    transform-origin:\n      12px\n      46px;\n\n  }\n\n\n  .yu-id-tag--blue\n  .yu-id-tag-screw{\n\n    left:6px;\n    top:40px;\n\n  }\n\n\n  .yu-id-tag--blue strong{\n\n    \/* ridotto per non competere con YULIYA *\/\n    font-size:22px;\n\n    line-height:.86;\n\n  }\n\n\n  .yu-id-tag--blue small{\n    font-size:10px;\n  }\n\n\n  .yu-id-tag--blue\n  > span:not(.yu-id-tag-screw){\n\n    margin-top:7px;\n\n    font-size:12px;\n\n  }\n\n\n  \/* ORANGE MOBILE *\/\n\n  .yu-id-tag--orange{\n\n    z-index:10;\n\n    left:10px;\n    bottom:15px;\n\n    width:190px;\n\n    min-height:118px;\n\n    padding:\n      14px\n      16px;\n\n  }\n\n\n  .yu-id-tag--orange small{\n    font-size:10px;\n  }\n\n\n  .yu-id-tag--orange strong{\n    font-size:25px;\n  }\n\n\n  .yu-id-tag--orange\n  > span:not(.yu-id-tag-screw){\n\n    margin-top:7px;\n\n    font-size:11px;\n\n    line-height:1.3;\n\n  }\n\n\n  \/* CTA MOBILE *\/\n\n  .yu-id-cta{\n\n    left:auto;\n    right:15px;\n\n    bottom:69px;\n\n    width:142px;\n\n    min-height:66px;\n\n    padding:\n      12px\n      13px\n      10px;\n\n    border-radius:10px;\n\n  }\n\n\n  .yu-id-cta small{\n\n    margin-bottom:5px;\n\n    font-size:10px;\n\n  }\n\n\n  .yu-id-cta strong{\n\n    font-size:18px;\n\n    line-height:.9;\n\n  }\n\n\n  .yu-id-cta-arrow{\n    font-size:15px;\n  }\n\n\n  \/* MOBILE ANIMATIONS *\/\n\n  .yu-mini-identity.is-visible\n  .yu-id-tag--blue{\n\n    animation:\n      yuBlueGravityMobile\n      1.75s\n      cubic-bezier(.33,.02,.22,1)\n      .12s\n      forwards,\n\n      yuBlueFixMobile\n      .65s\n      cubic-bezier(.25,.72,.22,1)\n      1.90s\n      forwards;\n\n  }\n\n\n  .yu-mini-identity.is-visible\n  .yu-id-tag--orange{\n\n    animation:\n      yuOrangeGravityMobile\n      1.75s\n      cubic-bezier(.33,.02,.22,1)\n      .38s\n      forwards,\n\n      yuOrangeFixMobile\n      .65s\n      cubic-bezier(.25,.72,.22,1)\n      2.17s\n      forwards;\n\n  }\n\n\n  .yu-mini-identity.is-visible\n  .yu-id-tag--blue\n  .yu-id-tag-screw{\n\n    animation:\n      yuBlueScrewTighten\n      .65s\n      cubic-bezier(.2,.7,.2,1)\n      1.90s\n      forwards;\n\n  }\n\n\n  .yu-mini-identity.is-visible\n  .yu-id-tag--orange\n  .yu-id-tag-screw{\n\n    animation:\n      yuOrangeScrewTighten\n      .65s\n      cubic-bezier(.2,.7,.2,1)\n      2.17s\n      forwards;\n\n  }\n\n\n  .yu-mini-identity.is-visible\n  .yu-id-cta{\n\n    animation:\n      yuCtaEnterMobile\n      .68s\n      cubic-bezier(.2,.72,.18,1)\n      2.82s\n      forwards;\n\n  }\n\n\n  .yu-mini-identity.is-visible\n  .yu-id-cta-screw{\n\n    animation:\n      yuCtaScrew\n      .55s\n      cubic-bezier(.2,.7,.2,1)\n      2.88s\n      forwards;\n\n  }\n\n\n  @keyframes yuBlueGravityMobile{\n\n    0%{transform:rotate(28deg);}\n    20%{transform:rotate(74deg);}\n    38%{transform:rotate(51deg);}\n    55%{transform:rotate(68deg);}\n    70%{transform:rotate(56deg);}\n    82%{transform:rotate(64deg);}\n    92%{transform:rotate(59deg);}\n    100%{transform:rotate(61deg);}\n\n  }\n\n\n  @keyframes yuBlueFixMobile{\n\n    0%{\n      transform:rotate(61deg) scale(1);\n    }\n\n    75%{\n      transform:rotate(3deg) scale(.994);\n    }\n\n    100%{\n      transform:rotate(4deg) scale(1);\n    }\n\n  }\n\n\n  @keyframes yuOrangeGravityMobile{\n\n    0%{transform:rotate(-28deg);}\n    20%{transform:rotate(-74deg);}\n    38%{transform:rotate(-51deg);}\n    55%{transform:rotate(-68deg);}\n    70%{transform:rotate(-56deg);}\n    82%{transform:rotate(-64deg);}\n    92%{transform:rotate(-59deg);}\n    100%{transform:rotate(-61deg);}\n\n  }\n\n\n  @keyframes yuOrangeFixMobile{\n\n    0%{\n      transform:rotate(-61deg) scale(1);\n    }\n\n    75%{\n      transform:rotate(-5.3deg) scale(.994);\n    }\n\n    100%{\n      transform:rotate(-4deg) scale(1);\n    }\n\n  }\n\n\n  @keyframes yuCtaEnterMobile{\n\n    0%{\n\n      opacity:0;\n\n      transform:\n        translateY(12px)\n        rotate(-6deg)\n        scale(.95);\n\n    }\n\n    68%{\n\n      opacity:1;\n\n      transform:\n        translateY(-1px)\n        rotate(1deg)\n        scale(1.01);\n\n    }\n\n    100%{\n\n      opacity:1;\n\n      transform:\n        translateY(0)\n        rotate(0deg)\n        scale(1);\n\n    }\n\n  }\n\n}\n\n\n\/* =====================================================\n   18 \u2014 VERY SMALL MOBILE\n===================================================== *\/\n\n@media(max-width:390px){\n\n  .yu-mini-identity{\n    height:395px;\n  }\n\n\n  .yu-id-card{\n\n    width:\n      calc(100% - 14px);\n\n    height:225px;\n\n    padding:\n      16px\n      15px\n      14px;\n\n  }\n\n\n  .yu-id-top{\n    margin-bottom:9px;\n  }\n\n\n  .yu-id-top span{\n    font-size:19px;\n  }\n\n\n  .yu-id-top small{\n    font-size:10px;\n  }\n\n\n  .yu-id-main{\n\n    grid-template-columns:\n      78px\n      minmax(0,1fr);\n\n    gap:13px;\n\n    padding:\n      0\n      2px;\n\n  }\n\n\n  .yu-id-photo{\n\n    width:78px;\n    height:78px;\n\n  }\n\n\n  .yu-id-name h3{\n    font-size:37px;\n  }\n\n\n  .yu-id-name p{\n\n    margin-top:7px;\n\n    font-size:19px;\n\n    line-height:.92;\n\n    letter-spacing:-.025em;\n\n    transform:\n      scaleX(.80);\n\n  }\n\n\n  .yu-id-contact{\n\n    left:15px;\n    right:15px;\n    bottom:10px;\n\n    gap:8px;\n\n  }\n\n\n  .yu-id-project-data{\n\n    grid-template-columns:\n      30px\n      minmax(0,1fr);\n\n    gap:5px;\n\n    padding-top:6px;\n\n  }\n\n\n  .yu-id-project-data small{\n    font-size:10px;\n  }\n\n\n  .yu-id-project-data strong{\n    font-size:13px;\n  }\n\n\n  .yu-id-tag--blue{\n\n    right:9px;\n\n    width:158px;\n\n    min-height:104px;\n\n  }\n\n\n  .yu-id-tag--blue strong{\n    font-size:21px;\n  }\n\n\n  .yu-id-tag--orange{\n\n    left:8px;\n    bottom:13px;\n\n    width:180px;\n\n    min-height:112px;\n\n  }\n\n\n  .yu-id-tag--orange strong{\n    font-size:23px;\n  }\n\n\n  .yu-id-tag--orange\n  > span:not(.yu-id-tag-screw){\n    font-size:10px;\n  }\n\n\n  .yu-id-cta{\n\n    right:10px;\n    bottom:65px;\n\n    width:132px;\n\n    min-height:62px;\n\n    padding:\n      11px\n      12px\n      9px;\n\n  }\n\n\n  .yu-id-cta strong{\n    font-size:17px;\n  }\n\n}\n\n\n\/* =====================================================\n   19 \u2014 REDUCED MOTION\n===================================================== *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .yu-id-tag,\n  .yu-id-tag-screw,\n  .yu-id-cta,\n  .yu-id-cta-screw{\n\n    animation:none !important;\n\n    will-change:auto;\n\n  }\n\n\n  .yu-id-tag--blue{\n    transform:rotate(5deg) !important;\n  }\n\n\n  .yu-id-tag--orange{\n    transform:rotate(-5deg) !important;\n  }\n\n\n  .yu-id-cta{\n\n    opacity:1;\n\n    transform:\n      rotate(0deg) !important;\n\n  }\n\n}\n\n\n@media(max-width:620px)\nand (prefers-reduced-motion:reduce){\n\n  .yu-id-tag--blue{\n    transform:rotate(4deg) !important;\n  }\n\n\n  .yu-id-tag--orange{\n    transform:rotate(-4deg) !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  const blocks =\n    document.querySelectorAll(\n      '.yu-mini-identity'\n    );\n\n\n  if(!blocks.length){\n    return;\n  }\n\n\n  const reducedMotion =\n    window.matchMedia &&\n    window.matchMedia(\n      '(prefers-reduced-motion: reduce)'\n    ).matches;\n\n\n  if(reducedMotion){\n\n    blocks.forEach(\n      block =>\n        block.classList.add(\n          'is-visible'\n        )\n    );\n\n    return;\n\n  }\n\n\n  if(!('IntersectionObserver' in window)){\n\n    blocks.forEach(\n      block =>\n        block.classList.add(\n          'is-visible'\n        )\n    );\n\n    return;\n\n  }\n\n\n  const observer =\n    new IntersectionObserver(\n\n      (entries,obs) => {\n\n        entries.forEach(entry => {\n\n          if(!entry.isIntersecting){\n            return;\n          }\n\n\n          entry.target\n            .classList\n            .add(\n              'is-visible'\n            );\n\n\n          obs.unobserve(\n            entry.target\n          );\n\n        });\n\n      },\n\n      {\n        threshold:.30\n      }\n\n    );\n\n\n  blocks.forEach(\n    block =>\n      observer.observe(block)\n  );\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/main>\n\t\t<div class=\"elementor-element elementor-element-4aaac6d6 e-con-full e-flex e-con e-parent\" data-id=\"4aaac6d6\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;animation&quot;:&quot;none&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-65e1f659 e-con-full e-flex e-con e-child\" data-id=\"65e1f659\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-605a5717 e-con-full e-flex e-con e-child\" data-id=\"605a5717\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-22b4743c e-con-full e-flex e-con e-child\" data-id=\"22b4743c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d4b552d elementor-widget__width-inherit elementor-widget elementor-widget-html\" data-id=\"2d4b552d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"yu-system-board\">\n\n  <!-- OUTER SCREWS -->\n  <span class=\"yu-board-screw screw-tl\"><\/span>\n  <span class=\"yu-board-screw screw-tr\"><\/span>\n  <span class=\"yu-board-screw screw-bl\"><\/span>\n  <span class=\"yu-board-screw screw-br\"><\/span>\n\n  <div class=\"yu-system-grid\">\n\n    <!-- STACK 01 -->\n    <div class=\"yu-system-pair\">\n\n      <!-- 01 -->\n      <article class=\"yu-system-unit\">\n\n        <div class=\"yu-system-chip\">\n          <span class=\"yu-mini-screw ms1\"><\/span>\n          <span class=\"yu-mini-screw ms2\"><\/span>\n          <span class=\"yu-mini-screw ms3\"><\/span>\n          <span class=\"yu-mini-screw ms4\"><\/span>\n\n          <strong>UX \/ UI<br>DESIGN<\/strong>\n        <\/div>\n\n        <div class=\"yu-signal\">\n          <span class=\"yu-signal-line\"><\/span>\n          <span class=\"yu-signal-node\"><\/span>\n        <\/div>\n\n        <div class=\"yu-system-result\">\n          Architecture<br>\n          User flow<br>\n          Responsive\n        <\/div>\n\n      <\/article>\n\n      <!-- 02 -->\n      <article class=\"yu-system-unit\">\n\n        <div class=\"yu-system-chip\">\n          <span class=\"yu-mini-screw ms1\"><\/span>\n          <span class=\"yu-mini-screw ms2\"><\/span>\n          <span class=\"yu-mini-screw ms3\"><\/span>\n          <span class=\"yu-mini-screw ms4\"><\/span>\n\n          <strong>DYNAMIC<br>CONTENT<\/strong>\n        <\/div>\n\n        <div class=\"yu-signal\">\n          <span class=\"yu-signal-line\"><\/span>\n          <span class=\"yu-signal-node\"><\/span>\n        <\/div>\n\n        <div class=\"yu-system-result\">\n          CPT \/ ACF<br>\n          Dynamic<br>\n          templates\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- STACK 02 -->\n    <div class=\"yu-system-pair\">\n\n      <!-- 03 -->\n      <article class=\"yu-system-unit\">\n\n        <div class=\"yu-system-chip\">\n          <span class=\"yu-mini-screw ms1\"><\/span>\n          <span class=\"yu-mini-screw ms2\"><\/span>\n          <span class=\"yu-mini-screw ms3\"><\/span>\n          <span class=\"yu-mini-screw ms4\"><\/span>\n\n          <strong>DEPARTURES<br>SYSTEM<\/strong>\n        <\/div>\n\n        <div class=\"yu-signal\">\n          <span class=\"yu-signal-line\"><\/span>\n          <span class=\"yu-signal-node\"><\/span>\n        <\/div>\n\n        <div class=\"yu-system-result\">\n          Dates<br>\n          Availability<br>\n          Status\n        <\/div>\n\n      <\/article>\n\n      <!-- 04 -->\n      <article class=\"yu-system-unit\">\n\n        <div class=\"yu-system-chip\">\n          <span class=\"yu-mini-screw ms1\"><\/span>\n          <span class=\"yu-mini-screw ms2\"><\/span>\n          <span class=\"yu-mini-screw ms3\"><\/span>\n          <span class=\"yu-mini-screw ms4\"><\/span>\n\n          <strong>BOOKING<br>FLOW<\/strong>\n        <\/div>\n\n        <div class=\"yu-signal\">\n          <span class=\"yu-signal-line\"><\/span>\n          <span class=\"yu-signal-node\"><\/span>\n        <\/div>\n\n        <div class=\"yu-system-result\">\n          Experience<br>\n          Departure<br>\n          Checkout\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n\n    <!-- STACK 03 -->\n    <div class=\"yu-system-pair\">\n\n      <!-- 05 -->\n      <article class=\"yu-system-unit\">\n\n        <div class=\"yu-system-chip\">\n          <span class=\"yu-mini-screw ms1\"><\/span>\n          <span class=\"yu-mini-screw ms2\"><\/span>\n          <span class=\"yu-mini-screw ms3\"><\/span>\n          <span class=\"yu-mini-screw ms4\"><\/span>\n\n          <strong>PAYMENTS<br>SYSTEM<\/strong>\n        <\/div>\n\n        <div class=\"yu-signal\">\n          <span class=\"yu-signal-line\"><\/span>\n          <span class=\"yu-signal-node\"><\/span>\n        <\/div>\n\n        <div class=\"yu-system-result\">\n          Pricing<br>\n          Participants<br>\n          Deposit\n        <\/div>\n\n      <\/article>\n\n      <!-- 06 -->\n      <article class=\"yu-system-unit\">\n\n        <div class=\"yu-system-chip\">\n          <span class=\"yu-mini-screw ms1\"><\/span>\n          <span class=\"yu-mini-screw ms2\"><\/span>\n          <span class=\"yu-mini-screw ms3\"><\/span>\n          <span class=\"yu-mini-screw ms4\"><\/span>\n\n          <strong>AUTOMATIONS<\/strong>\n        <\/div>\n\n        <div class=\"yu-signal\">\n          <span class=\"yu-signal-line\"><\/span>\n          <span class=\"yu-signal-node\"><\/span>\n        <\/div>\n\n        <div class=\"yu-system-result\">\n          Availability<br>\n          Emails<br>\n          Travel Pass\n        <\/div>\n\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n\n<\/div>\n\n\n<style>\n\n\/* =====================================================\n   01 \u2014 ROOT \/ BOARD\n===================================================== *\/\n\n.yu-system-board{\n\n  --yu-blue:#245FE6;\n  --yu-black:#111111;\n\n  position:relative;\n  width:100%;\n  padding:34px;\n  box-sizing:border-box;\n\n  background:transparent;\n\n  border:1px solid rgba(55,55,55,.12);\n  border-radius:20px;\n\n  box-shadow:\n    inset 0 0 0 4px rgba(255,255,255,.34),\n    inset 0 0 0 8px rgba(255,255,255,.14),\n    inset 0 1px 0 rgba(255,255,255,.95),\n    0 12px 30px rgba(0,0,0,.045);\n\n  backdrop-filter:blur(3px);\n  -webkit-backdrop-filter:blur(3px);\n\n  overflow:visible;\n\n  font-family:\"Inter\",Arial,sans-serif;\n}\n\n\n.yu-system-board *,\n.yu-system-board *::before,\n.yu-system-board *::after{\n  box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   02 \u2014 INNER FRAME\n===================================================== *\/\n\n.yu-system-board::before{\n\n  content:\"\";\n\n  position:absolute;\n  inset:10px;\n\n  border:1px solid rgba(65,65,65,.08);\n  border-radius:10px;\n\n  pointer-events:none;\n}\n\n\n.yu-system-board::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:38px;\n  right:38px;\n  top:8px;\n\n  height:2px;\n\n  background:rgba(255,255,255,.9);\n\n  opacity:.8;\n  border-radius:100%;\n\n  pointer-events:none;\n}\n\n\n\/* =====================================================\n   03 \u2014 GRID\n===================================================== *\/\n\n.yu-system-grid{\n\n  position:relative;\n  z-index:2;\n\n  display:grid;\n\n  grid-template-columns:\n    repeat(6,minmax(0,1fr));\n\n  gap:18px;\n}\n\n\n.yu-system-pair{\n  display:contents;\n}\n\n\n\/* =====================================================\n   04 \u2014 UNIT\n===================================================== *\/\n\n.yu-system-unit{\n\n  position:relative;\n\n  min-width:0;\n  min-height:350px;\n\n  display:flex;\n  flex-direction:column;\n  align-items:center;\n  justify-content:flex-start;\n\n  padding:38px 12px 34px;\n\n  background:rgba(255,255,255,.14);\n\n  border:1px solid rgba(80,80,80,.08);\n  border-radius:10px;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.8),\n    0 5px 14px rgba(0,0,0,.025);\n}\n\n\n\/* =====================================================\n   05 \u2014 CHIP\n===================================================== *\/\n\n.yu-system-chip{\n\n  position:relative;\n\n  width:86%;\n  min-height:142px;\n\n  display:flex;\n  align-items:center;\n  justify-content:center;\n\n  padding:20px 12px;\n\n  background:rgba(250,249,245,.96);\n\n  border:1px solid rgba(35,35,35,.16);\n  border-radius:10px;\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,1),\n    0 7px 14px rgba(0,0,0,.075);\n\n  text-align:center;\n}\n\n\n\/* side contacts *\/\n\n.yu-system-chip::before,\n.yu-system-chip::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  top:18px;\n  bottom:18px;\n\n  width:8px;\n\n  opacity:.38;\n\n  background:\n    repeating-linear-gradient(\n      to bottom,\n      #8e9398 0 2px,\n      transparent 2px 6px\n    );\n}\n\n\n.yu-system-chip::before{\n  left:-8px;\n}\n\n\n.yu-system-chip::after{\n  right:-8px;\n}\n\n\n\/* =====================================================\n   06 \u2014 TITLE\n   LEVEL 1\n===================================================== *\/\n\n.yu-system-chip strong{\n\n  color:var(--yu-black);\n\n  font-family:\n    \"Khand\",\n    \"Arial Narrow\",\n    Arial,\n    sans-serif;\n\n  font-size:24px;\n\n  line-height:1;\n\n  font-weight:600;\n\n  letter-spacing:-.02em;\n\n  text-transform:uppercase;\n}\n\n\n\/* =====================================================\n   07 \u2014 MINI SCREWS\n===================================================== *\/\n\n.yu-mini-screw{\n\n  position:absolute;\n\n  width:8px;\n  height:8px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle at 35% 28%,\n      #fff 0 12%,\n      #bcc1c6 20%,\n      #5d6267 52%,\n      #24282c 100%\n    );\n\n  box-shadow:\n    0 1px 2px rgba(0,0,0,.30);\n}\n\n\n.ms1{\n  top:5px;\n  left:5px;\n}\n\n.ms2{\n  top:5px;\n  right:5px;\n}\n\n.ms3{\n  bottom:5px;\n  left:5px;\n}\n\n.ms4{\n  bottom:5px;\n  right:5px;\n}\n\n\n\/* =====================================================\n   08 \u2014 SIGNAL\n===================================================== *\/\n\n.yu-signal{\n\n  position:relative;\n\n  width:20px;\n  height:65px;\n\n  flex:0 0 65px;\n}\n\n\n.yu-signal-line{\n\n  position:absolute;\n\n  left:50%;\n  top:0;\n  bottom:0;\n\n  width:1px;\n\n  transform:translateX(-50%);\n\n  background:rgba(40,40,40,.22);\n}\n\n\n.yu-signal-node{\n\n  position:absolute;\n\n  left:50%;\n  top:50%;\n\n  width:7px;\n  height:7px;\n\n  transform:translate(-50%,-50%);\n\n  border-radius:50%;\n\n  background:var(--yu-blue);\n\n  box-shadow:\n    0 0 0 2px rgba(255,255,255,.75);\n}\n\n\n\/* =====================================================\n   09 \u2014 OUTPUT\n   LEVEL 2\n===================================================== *\/\n\n.yu-system-result{\n\n  display:flex;\n\n  align-items:flex-start;\n  justify-content:center;\n\n  color:var(--yu-black);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n\n  font-size:16px;\n\n  line-height:1.3;\n\n  font-weight:500;\n\n  letter-spacing:0;\n\n  text-align:center;\n\n  text-transform:none;\n}\n\n\n\/* =====================================================\n   10 \u2014 BOARD SCREWS\n===================================================== *\/\n\n.yu-board-screw{\n\n  position:absolute;\n  z-index:6;\n\n  width:20px;\n  height:20px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle at 35% 28%,\n      #fff 0 10%,\n      #c6cacf 18%,\n      #696e73 42%,\n      #25292d 63%,\n      #d1d4d7 78%,\n      #494e53 100%\n    );\n\n  box-shadow:\n    0 1px 2px rgba(0,0,0,.42),\n    0 0 0 1px rgba(255,255,255,.4);\n}\n\n\n.yu-board-screw::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:5px;\n  right:5px;\n  top:9px;\n\n  height:1.5px;\n\n  background:#181a1c;\n\n  transform:rotate(35deg);\n}\n\n\n.screw-tl{\n  left:17px;\n  top:17px;\n}\n\n.screw-tr{\n  right:17px;\n  top:17px;\n}\n\n.screw-bl{\n  left:17px;\n  bottom:17px;\n}\n\n.screw-br{\n  right:17px;\n  bottom:17px;\n}\n\n\n\/* =====================================================\n   11 \u2014 TABLET\n===================================================== *\/\n\n@media(max-width:1100px){\n\n  .yu-system-board{\n    padding:30px 20px;\n  }\n\n\n  .yu-system-grid{\n\n    grid-template-columns:\n      repeat(3,minmax(0,1fr));\n\n    gap:12px;\n  }\n\n\n  .yu-system-unit{\n\n    min-height:330px;\n\n    padding:34px 10px 30px;\n  }\n\n\n  .yu-system-chip{\n    width:92%;\n  }\n\n\n  .yu-system-chip strong{\n    font-size:22px;\n  }\n\n\n  .yu-system-result{\n\n    font-size:16px;\n    font-weight:500;\n    line-height:1.3;\n  }\n\n}\n\n\n\/* =====================================================\n   12 \u2014 MOBILE\n   VERTICAL STACK \u2014 2 CARDS AT A TIME\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .yu-system-board{\n\n    --yu-stack-top:78px;\n    --yu-stack-step:128px;\n\n    padding:18px 12px 24px;\n\n    border-radius:20px;\n\n    overflow:visible;\n  }\n\n\n  .yu-system-board::before{\n    border-radius:10px;\n  }\n\n\n  .yu-system-grid{\n\n    display:block;\n\n    position:relative;\n    z-index:2;\n  }\n\n\n  \/* STICKY PAIRS *\/\n\n  .yu-system-pair{\n\n    display:grid;\n\n    grid-template-columns:\n      repeat(2,minmax(0,1fr));\n\n    gap:10px;\n\n    position:sticky;\n\n    width:100%;\n\n    margin:0 0 12px;\n\n    transform:translateZ(0);\n\n    backface-visibility:hidden;\n  }\n\n\n  .yu-system-pair:nth-child(1){\n\n    top:var(--yu-stack-top);\n\n    z-index:11;\n  }\n\n\n  .yu-system-pair:nth-child(2){\n\n    top:\n      calc(\n        var(--yu-stack-top)\n        + var(--yu-stack-step)\n      );\n\n    z-index:12;\n  }\n\n\n  .yu-system-pair:nth-child(3){\n\n    top:\n      calc(\n        var(--yu-stack-top)\n        + var(--yu-stack-step)\n        + var(--yu-stack-step)\n      );\n\n    z-index:13;\n\n    margin-bottom:0;\n  }\n\n\n  \/* UNIT *\/\n\n  .yu-system-unit{\n\n    min-width:0;\n    min-height:220px;\n\n    padding:20px 8px 24px;\n\n    border:1px solid rgba(70,70,70,.11);\n    border-radius:10px;\n\n    background:rgba(248,247,243,.94);\n\n    -webkit-backdrop-filter:blur(7px);\n    backdrop-filter:blur(7px);\n\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.88),\n      0 8px 22px rgba(0,0,0,.07);\n  }\n\n\n  \/* CHIP *\/\n\n  .yu-system-chip{\n\n    width:92%;\n    min-height:105px;\n\n    padding:15px 7px;\n\n    border-radius:10px;\n\n    background:rgba(250,249,245,.99);\n  }\n\n\n  .yu-system-chip strong{\n\n    font-size:20px;\n\n    line-height:1;\n  }\n\n\n  \/* SIGNAL *\/\n\n  .yu-signal{\n\n    width:20px;\n    height:44px;\n\n    flex:0 0 44px;\n  }\n\n\n  .yu-signal-node{\n\n    width:6px;\n    height:6px;\n  }\n\n\n  \/* OUTPUT\n     MOBILE BODY = 16 *\/\n\n  .yu-system-result{\n\n    font-size:16px;\n\n    line-height:1.3;\n\n    font-weight:500;\n\n    letter-spacing:0;\n\n    text-transform:none;\n  }\n\n\n  \/* OUTER SCREWS *\/\n\n  .yu-board-screw{\n\n    width:14px;\n    height:14px;\n  }\n\n\n  .yu-board-screw::after{\n\n    left:4px;\n    right:4px;\n    top:6px;\n  }\n\n\n  .screw-tl{\n    left:10px;\n    top:10px;\n  }\n\n  .screw-tr{\n    right:10px;\n    top:10px;\n  }\n\n  .screw-bl{\n    left:10px;\n    bottom:10px;\n  }\n\n  .screw-br{\n    right:10px;\n    bottom:10px;\n  }\n\n}\n\n\n\/* =====================================================\n   13 \u2014 VERY SMALL MOBILE\n===================================================== *\/\n\n@media(max-width:420px){\n\n  .yu-system-board{\n\n    --yu-stack-top:76px;\n    --yu-stack-step:112px;\n\n    padding:16px 8px 22px;\n  }\n\n\n  .yu-system-pair{\n\n    gap:7px;\n\n    margin-bottom:9px;\n  }\n\n\n  .yu-system-unit{\n\n    min-height:195px;\n\n    padding:16px 5px 20px;\n  }\n\n\n  .yu-system-chip{\n\n    width:94%;\n\n    min-height:92px;\n\n    padding:12px 4px;\n  }\n\n\n  .yu-system-chip strong{\n    font-size:18px;\n  }\n\n\n  .yu-signal{\n\n    height:38px;\n\n    flex-basis:38px;\n  }\n\n\n  .yu-system-result{\n\n    font-size:16px;\n\n    line-height:1.25;\n\n    font-weight:500;\n  }\n\n}\n\n\n\/* =====================================================\n   14 \u2014 REDUCED MOTION\n===================================================== *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .yu-system-pair{\n    transform:none;\n  }\n\n}\n\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-75833291 e-con-full e-flex e-con e-child\" data-id=\"75833291\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-50575dc1 e-con-full e-flex e-con e-child\" data-id=\"50575dc1\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6c10a4e elementor-widget__width-initial elementor-widget elementor-widget-heading\" data-id=\"6c10a4e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">PROJECT SCOPE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-396fa7fc elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"396fa7fc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>UX\/UI redesign and development of a dynamic WordPress system for managing experiences, departures, bookings, payments and automations.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-2fb4eb49 e-con-full e-flex e-con e-child\" data-id=\"2fb4eb49\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-26a279eb elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"26a279eb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong data-start=\"146\" data-end=\"188\">SIGESTI started as a showcase website.<\/strong><br data-start=\"188\" data-end=\"191\" \/>The new project began with a different question: no longer just how to present the offer, but how to organise experiences, departures and bookings within the same system.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7144174c elementor-widget__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"7144174c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">FROM SHOWCASE WEBSITE TO OPERATIONAL SYSTEM.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-36f47d85 elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"36f47d85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><strong data-start=\"363\" data-end=\"407\">The main change was in the architecture.<\/strong><br data-start=\"407\" data-end=\"410\" \/>Experiences, departures, availability, pricing and bookings are no longer isolated pieces of content, but interconnected data. CPTs, ACF and dynamic templates make it possible to enter information once and automatically distribute it across different areas of the platform.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4210b206 e-con-full e-flex e-con e-parent\" data-id=\"4210b206\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t<div class=\"elementor-element elementor-element-19ac2424 e-con-full e-flex e-con e-child\" data-id=\"19ac2424\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-73105810 elementor-widget elementor-widget-html\" data-id=\"73105810\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"sig-hw-system\">\n\n  <!-- ==================================================\n       DESKTOP CIRCUITS\n  =================================================== -->\n\n  <svg\n    class=\"sig-hw-circuit\"\n    viewBox=\"0 0 1600 900\"\n    preserveAspectRatio=\"none\"\n    aria-hidden=\"true\"\n  >\n\n    <defs>\n\n      <path\n        id=\"sig-path-tl\"\n        d=\"M800 445 H730 V339 H650 V265 H555\"\n      \/>\n\n      <path\n        id=\"sig-path-tr\"\n        d=\"M800 445 H870 V339 H950 V265 H1045\"\n      \/>\n\n      <path\n        id=\"sig-path-bl\"\n        d=\"M800 557 H730 V663 H650 V737 H555\"\n      \/>\n\n      <path\n        id=\"sig-path-br\"\n        d=\"M800 557 H870 V663 H950 V737 H1045\"\n      \/>\n\n    <\/defs>\n\n\n    <!-- STATIC -->\n\n    <use href=\"#sig-path-tl\" class=\"sig-wire-base\" transform=\"translate(0,-21)\" \/>\n    <use href=\"#sig-path-tl\" class=\"sig-wire-base\" \/>\n    <use href=\"#sig-path-tl\" class=\"sig-wire-base\" transform=\"translate(0,21)\" \/>\n\n    <use href=\"#sig-path-tr\" class=\"sig-wire-base\" transform=\"translate(0,-21)\" \/>\n    <use href=\"#sig-path-tr\" class=\"sig-wire-base\" \/>\n    <use href=\"#sig-path-tr\" class=\"sig-wire-base\" transform=\"translate(0,21)\" \/>\n\n    <use href=\"#sig-path-bl\" class=\"sig-wire-base\" transform=\"translate(0,-21)\" \/>\n    <use href=\"#sig-path-bl\" class=\"sig-wire-base\" \/>\n    <use href=\"#sig-path-bl\" class=\"sig-wire-base\" transform=\"translate(0,21)\" \/>\n\n    <use href=\"#sig-path-br\" class=\"sig-wire-base\" transform=\"translate(0,-21)\" \/>\n    <use href=\"#sig-path-br\" class=\"sig-wire-base\" \/>\n    <use href=\"#sig-path-br\" class=\"sig-wire-base\" transform=\"translate(0,21)\" \/>\n\n\n    <!-- BLUE ENERGY -->\n\n    <use href=\"#sig-path-tl\" class=\"sig-wire-energy sig-wire-blue\" transform=\"translate(0,-21)\" \/>\n    <use href=\"#sig-path-tl\" class=\"sig-wire-energy sig-wire-blue\" \/>\n\n    <use href=\"#sig-path-tr\" class=\"sig-wire-energy sig-wire-blue\" transform=\"translate(0,-21)\" \/>\n    <use href=\"#sig-path-tr\" class=\"sig-wire-energy sig-wire-blue\" \/>\n\n    <use href=\"#sig-path-bl\" class=\"sig-wire-energy sig-wire-blue\" transform=\"translate(0,-21)\" \/>\n    <use href=\"#sig-path-bl\" class=\"sig-wire-energy sig-wire-blue\" \/>\n\n    <use href=\"#sig-path-br\" class=\"sig-wire-energy sig-wire-blue\" transform=\"translate(0,-21)\" \/>\n    <use href=\"#sig-path-br\" class=\"sig-wire-energy sig-wire-blue\" \/>\n\n\n    <!-- ORANGE ENERGY -->\n\n    <use href=\"#sig-path-tl\" class=\"sig-wire-energy sig-wire-orange\" transform=\"translate(0,21)\" \/>\n    <use href=\"#sig-path-tr\" class=\"sig-wire-energy sig-wire-orange\" transform=\"translate(0,21)\" \/>\n    <use href=\"#sig-path-bl\" class=\"sig-wire-energy sig-wire-orange\" transform=\"translate(0,21)\" \/>\n    <use href=\"#sig-path-br\" class=\"sig-wire-energy sig-wire-orange\" transform=\"translate(0,21)\" \/>\n\n  <\/svg>\n\n\n  <!-- ==================================================\n       01 \u2014 CONTENT SYSTEM\n  =================================================== -->\n\n  <article class=\"sig-hw-card sig-hw-01\">\n\n    <span class=\"sig-hw-screw tl\"><\/span>\n    <span class=\"sig-hw-screw tr\"><\/span>\n    <span class=\"sig-hw-screw bl\"><\/span>\n    <span class=\"sig-hw-screw br\"><\/span>\n\n    <span class=\"sig-hw-port port-right\"><\/span>\n\n    <div class=\"sig-hw-head\">\n      <span class=\"sig-hw-num\">01<\/span>\n      <span class=\"sig-hw-label\">CONTENT SYSTEM<\/span>\n    <\/div>\n\n    <h3>\n      ONE SOURCE.<br>\n      MULTIPLE INTERFACES.\n    <\/h3>\n\n    <div class=\"sig-hw-flow\">\n      <span>EXPERIENCES CPT<\/span>\n      <b>\u2192<\/b>\n      <span>ACF<\/span>\n      <b>\u2192<\/b>\n      <span>DYNAMIC TEMPLATE<\/span>\n    <\/div>\n\n    <div class=\"sig-hw-tags\">\n      <span>title<\/span>\n      <span>price_from<\/span>\n      <span>price_child<\/span>\n      <span>duration<\/span>\n      <span>itinerary<\/span>\n      <span>gallery<\/span>\n    <\/div>\n\n    <div class=\"sig-hw-rule\"><\/div>\n\n    <p>\n      A single data structure powers cards, experience pages,\n      pricing, itineraries and frontend content.\n    <\/p>\n\n    <div class=\"sig-hw-leds\">\n      <i><\/i>\n      <i><\/i>\n      <i><\/i>\n    <\/div>\n\n  <\/article>\n\n\n  <!-- ==================================================\n       02 \u2014 DEPARTURES SYSTEM\n  =================================================== -->\n\n  <article class=\"sig-hw-card sig-hw-02\">\n\n    <span class=\"sig-hw-screw tl\"><\/span>\n    <span class=\"sig-hw-screw tr\"><\/span>\n    <span class=\"sig-hw-screw bl\"><\/span>\n    <span class=\"sig-hw-screw br\"><\/span>\n\n    <span class=\"sig-hw-port port-left\"><\/span>\n\n    <div class=\"sig-hw-head\">\n      <span class=\"sig-hw-num\">02<\/span>\n      <span class=\"sig-hw-label\">DEPARTURES SYSTEM<\/span>\n    <\/div>\n\n    <h3>\n      DATES AND AVAILABILITY<br>\n      CONNECTED.\n    <\/h3>\n\n    <div class=\"sig-hw-flow\">\n      <span>DEPARTURES CPT<\/span>\n      <b>\u2192<\/b>\n      <span>RELATIONSHIP<\/span>\n      <b>\u2192<\/b>\n      <span>CALENDAR<\/span>\n    <\/div>\n\n    <div class=\"sig-hw-tags\">\n      <span>departure_date<\/span>\n      <span>availability<\/span>\n      <span>status<\/span>\n      <span>min_participants<\/span>\n      <span>destination<\/span>\n    <\/div>\n\n    <div class=\"sig-hw-rule\"><\/div>\n\n    <p>\n      Each departure is linked to its experience, making dates,\n      availability and status accessible across the different\n      interfaces of the platform.\n    <\/p>\n\n    <div class=\"sig-hw-leds\">\n      <i><\/i>\n      <i><\/i>\n      <i><\/i>\n    <\/div>\n\n  <\/article>\n\n\n  <!-- ==================================================\n       CORE\n  =================================================== -->\n\n  <div class=\"sig-hw-core\">\n\n    <span class=\"sig-hw-screw tl\"><\/span>\n    <span class=\"sig-hw-screw tr\"><\/span>\n    <span class=\"sig-hw-screw bl\"><\/span>\n    <span class=\"sig-hw-screw br\"><\/span>\n\n    <span class=\"sig-core-port cp-l1\"><\/span>\n    <span class=\"sig-core-port cp-l2\"><\/span>\n    <span class=\"sig-core-port cp-r1\"><\/span>\n    <span class=\"sig-core-port cp-r2\"><\/span>\n\n    <div class=\"sig-hw-core-inner\">\n\n      <span class=\"sig-core-badge\">\n        CORE \/ DATA ARCHITECTURE\n      <\/span>\n\n      <div class=\"sig-core-small\">\n        SIGESTI \/ SYSTEM 01\n      <\/div>\n\n      <div class=\"sig-core-title\">\n        DYNAMIC CORE\n      <\/div>\n\n      <div class=\"sig-core-data\">\n\n        <span>\n          <i><\/i>\n          184 ACF FIELDS\n        <\/span>\n\n        <span>\n          <i><\/i>\n          02 CPTs\n        <\/span>\n\n      <\/div>\n\n      <div class=\"sig-hw-rule\"><\/div>\n\n      <div class=\"sig-core-status\">\n        STATUS\n        <i><\/i>\n        <strong>CONNECTED<\/strong>\n      <\/div>\n\n      <span class=\"sig-core-main-led\"><\/span>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- ==================================================\n       03 \u2014 BOOKING SYSTEM\n  =================================================== -->\n\n  <article class=\"sig-hw-card sig-hw-03\">\n\n    <span class=\"sig-hw-screw tl\"><\/span>\n    <span class=\"sig-hw-screw tr\"><\/span>\n    <span class=\"sig-hw-screw bl\"><\/span>\n    <span class=\"sig-hw-screw br\"><\/span>\n\n    <span class=\"sig-hw-port port-right\"><\/span>\n\n    <div class=\"sig-hw-head\">\n      <span class=\"sig-hw-num\">03<\/span>\n      <span class=\"sig-hw-label\">BOOKING SYSTEM<\/span>\n    <\/div>\n\n    <h3>\n      ONE BOOKING<br>\n      FLOW.\n    <\/h3>\n\n    <div class=\"sig-hw-flow\">\n      <span>EXPERIENCE<\/span>\n      <b>\u2192<\/b>\n      <span>DATE<\/span>\n      <b>\u2192<\/b>\n      <span>CHECKOUT<\/span>\n    <\/div>\n\n    <div class=\"sig-hw-tags\">\n      <span>participants<\/span>\n      <span>price<\/span>\n      <span>deposit<\/span>\n      <span>payment<\/span>\n    <\/div>\n\n    <div class=\"sig-hw-rule\"><\/div>\n\n    <p>\n      The selected experience and departure define the checkout\n      context, retrieving pricing, participants, availability\n      and the amount due.\n    <\/p>\n\n    <div class=\"sig-hw-leds\">\n      <i><\/i>\n      <i><\/i>\n      <i><\/i>\n    <\/div>\n\n  <\/article>\n\n\n  <!-- ==================================================\n       04 \u2014 AUTOMATIONS\n  =================================================== -->\n\n  <article class=\"sig-hw-card sig-hw-04\">\n\n    <span class=\"sig-hw-screw tl\"><\/span>\n    <span class=\"sig-hw-screw tr\"><\/span>\n    <span class=\"sig-hw-screw bl\"><\/span>\n    <span class=\"sig-hw-screw br\"><\/span>\n\n    <span class=\"sig-hw-port port-left\"><\/span>\n\n    <div class=\"sig-hw-head\">\n      <span class=\"sig-hw-num\">04<\/span>\n      <span class=\"sig-hw-label\">AUTOMATIONS<\/span>\n    <\/div>\n\n    <h3>\n      FROM PAYMENT<br>\n      TO OPERATIONS.\n    <\/h3>\n\n    <div class=\"sig-hw-flow\">\n      <span>PAYMENT<\/span>\n      <b>\u2192<\/b>\n      <span>CONFIRMATION<\/span>\n      <b>\u2192<\/b>\n      <span>AUTOMATIONS<\/span>\n    <\/div>\n\n    <div class=\"sig-hw-tags\">\n      <span>email<\/span>\n      <span>Travel Pass<\/span>\n      <span>availability<\/span>\n      <span>notifications<\/span>\n    <\/div>\n\n    <div class=\"sig-hw-rule\"><\/div>\n\n    <p>\n      Booking confirmation triggers the next operations:\n      communications, Travel Pass generation and\n      availability updates.\n    <\/p>\n\n    <div class=\"sig-hw-output\">\n\n      <strong>AUTOMATIONS<\/strong>\n      <small>ACTIVE<\/small>\n\n      <i><\/i>\n      <b><\/b>\n\n    <\/div>\n\n  <\/article>\n\n<\/section>\n\n\n<style>\n\n\/* =====================================================\n   ROOT\n===================================================== *\/\n\n.sig-hw-system{\n\n  --electric:#3282ff;\n  --orange:#ff6b31;\n\n  --title:#fffdf7;\n  --copy:rgba(255,255,255,.88);\n  --micro:rgba(255,255,255,.64);\n  --secondary:rgba(255,255,255,.79);\n\n  position:relative;\n\n  width:100%;\n  min-height:850px;\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(340px,1fr)\n    minmax(270px,.78fr)\n    minmax(340px,1fr);\n\n  grid-template-rows:\n    1fr\n    1fr;\n\n  gap:\n    38px\n    72px;\n\n  align-items:stretch;\n\n  padding:\n    38px\n    3.5%;\n\n  box-sizing:border-box;\n\n  background:transparent;\n\n  color:var(--title);\n\n  font-family:\n    \"Inter\",\n    Arial,\n    sans-serif;\n\n  overflow:hidden;\n}\n\n\n\/* =====================================================\n   CIRCUITS\n===================================================== *\/\n\n.sig-hw-circuit{\n\n  position:absolute;\n\n  inset:0;\n\n  width:100%;\n  height:100%;\n\n  z-index:0;\n\n  pointer-events:none;\n\n  overflow:visible;\n}\n\n\n.sig-hw-circuit path,\n.sig-hw-circuit use{\n\n  fill:none;\n\n  vector-effect:\n    non-scaling-stroke;\n\n  stroke-linecap:round;\n  stroke-linejoin:round;\n}\n\n\n.sig-wire-base{\n\n  stroke:\n    rgba(180,205,255,.34);\n\n  stroke-width:4;\n\n  filter:\n    drop-shadow(\n      0 1px 0\n      rgba(255,255,255,.12)\n    )\n    drop-shadow(\n      0 2px 2px\n      rgba(14,28,96,.14)\n    );\n}\n\n\n.sig-wire-energy{\n\n  stroke-dasharray:\n    95 950;\n\n  stroke-dashoffset:\n    950;\n\n  opacity:0;\n}\n\n\n.sig-wire-blue{\n\n  stroke:\n    var(--electric);\n\n  stroke-width:3.4;\n\n  filter:\n    drop-shadow(\n      0 0 4px\n      rgba(50,130,255,.82)\n    );\n}\n\n\n.sig-wire-orange{\n\n  stroke:\n    var(--orange);\n\n  stroke-width:2.7;\n\n  filter:\n    drop-shadow(\n      0 0 4px\n      rgba(255,107,49,.80)\n    );\n}\n\n\n.sig-hw-system.sig-powered\n.sig-wire-energy{\n\n  opacity:1;\n\n  animation:\n    sigPower\n    3.2s\n    linear\n    infinite;\n}\n\n\n.sig-hw-system.sig-powered\n.sig-wire-orange{\n\n  animation-delay:.45s;\n}\n\n\n@keyframes sigPower{\n\n  from{\n    stroke-dashoffset:950;\n  }\n\n  to{\n    stroke-dashoffset:-120;\n  }\n\n}\n\n\n\/* =====================================================\n   CARDS\n===================================================== *\/\n\n.sig-hw-card{\n\n  position:relative;\n\n  z-index:2;\n\n  min-width:0;\n\n  padding:\n    32px\n    36px\n    30px;\n\n  box-sizing:border-box;\n\n  overflow:hidden;\n\n  border-radius:20px;\n\n  background:\n    rgba(13,28,91,.22);\n\n  border:\n    1px solid\n    rgba(225,237,255,.60);\n\n  box-shadow:\n    inset 0 0 0 4px rgba(255,255,255,.025),\n    inset 0 0 0 5px rgba(215,232,255,.13),\n    inset 0 1px 0 rgba(255,255,255,.42),\n    inset 0 -18px 38px rgba(4,14,66,.07),\n    0 12px 25px rgba(20,30,100,.13);\n\n  backdrop-filter:\n    blur(2.5px);\n\n  -webkit-backdrop-filter:\n    blur(2.5px);\n}\n\n\n.sig-hw-card::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:10px;\n\n  border:\n    1px solid\n    rgba(220,235,255,.25);\n\n  border-radius:13px;\n\n  pointer-events:none;\n}\n\n\n.sig-hw-card::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  top:8px;\n\n  left:22px;\n  right:22px;\n\n  height:2px;\n\n  background:\n    rgba(255,255,255,.32);\n\n  border-radius:100%;\n\n  opacity:.55;\n\n  pointer-events:none;\n}\n\n\n\/* Desktop placement *\/\n\n.sig-hw-01{\n  grid-column:1;\n  grid-row:1;\n}\n\n.sig-hw-02{\n  grid-column:3;\n  grid-row:1;\n}\n\n.sig-hw-03{\n  grid-column:1;\n  grid-row:2;\n}\n\n.sig-hw-04{\n  grid-column:3;\n  grid-row:2;\n}\n\n\n\/* =====================================================\n   HEADER\n===================================================== *\/\n\n.sig-hw-head{\n\n  display:flex;\n\n  justify-content:\n    space-between;\n\n  align-items:center;\n\n  gap:20px;\n\n  margin-bottom:22px;\n}\n\n\n.sig-hw-num{\n\n  font-family:\n    \"Khand\",\n    sans-serif;\n\n  font-size:31px;\n\n  line-height:1;\n\n  font-weight:600;\n\n  color:\n    var(--electric);\n}\n\n\n.sig-hw-label{\n\n  font-size:14px;\n\n  line-height:1;\n\n  font-weight:700;\n\n  letter-spacing:.10em;\n\n  text-transform:uppercase;\n\n  color:\n    var(--micro);\n}\n\n\n\/* =====================================================\n   TITLES\n===================================================== *\/\n\n.sig-hw-card h3{\n\n  margin:\n    0\n    0\n    24px;\n\n  font-family:\n    \"Khand\",\n    sans-serif;\n\n  font-size:39px;\n\n  line-height:.82;\n\n  font-weight:600;\n\n  letter-spacing:-.03em;\n\n  text-transform:uppercase;\n\n  color:\n    var(--title);\n}\n\n\n\/* =====================================================\n   FLOW\n===================================================== *\/\n\n.sig-hw-flow{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  align-items:center;\n\n  gap:7px;\n\n  margin-bottom:14px;\n}\n\n\n.sig-hw-flow span{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  min-height:31px;\n\n  padding:\n    5px\n    11px;\n\n  box-sizing:border-box;\n\n  border:\n    1px solid\n    rgba(235,244,255,.55);\n\n  border-radius:6px;\n\n  background:\n    rgba(255,255,255,.075);\n\n  color:\n    var(--title);\n\n  font-size:14px;\n\n  line-height:1;\n\n  font-weight:700;\n}\n\n\n.sig-hw-flow b{\n\n  color:\n    var(--orange);\n\n  font-size:18px;\n\n  font-weight:500;\n}\n\n\n\/* =====================================================\n   TAGS\n===================================================== *\/\n\n.sig-hw-tags{\n\n  display:flex;\n\n  flex-wrap:wrap;\n\n  gap:7px;\n}\n\n\n.sig-hw-tags span{\n\n  display:inline-flex;\n\n  align-items:center;\n\n  min-height:27px;\n\n  padding:\n    5px\n    11px;\n\n  box-sizing:border-box;\n\n  border:\n    1px solid\n    rgba(225,237,255,.26);\n\n  border-radius:6px;\n\n  background:\n    rgba(5,20,85,.06);\n\n  color:\n    var(--secondary);\n\n  font-size:14px;\n\n  line-height:1;\n\n  font-weight:400;\n}\n\n\n\/* =====================================================\n   RULE + COPY\n===================================================== *\/\n\n.sig-hw-rule{\n\n  height:1px;\n\n  margin:\n    20px\n    0\n    17px;\n\n  background:\n    rgba(225,238,255,.20);\n}\n\n\n.sig-hw-card p{\n\n  max-width:91%;\n\n  margin:0;\n\n  color:\n    var(--copy);\n\n  font-size:18px;\n\n  line-height:1.48;\n\n  font-weight:400;\n}\n\n\n\/* =====================================================\n   SCREWS\n===================================================== *\/\n\n.sig-hw-screw{\n\n  position:absolute;\n\n  z-index:5;\n\n  width:15px;\n  height:15px;\n\n  border-radius:50%;\n\n  background:\n    radial-gradient(\n      circle at 35% 28%,\n      #fff 0 10%,\n      #bdc3ca 18%,\n      #5d656e 44%,\n      #252a30 64%,\n      #d0d4d7 77%,\n      #454a50 100%\n    );\n\n  box-shadow:\n    0 1px 2px rgba(0,0,0,.45),\n    0 0 0 1px rgba(255,255,255,.25);\n}\n\n\n.sig-hw-screw::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:4px;\n  right:4px;\n\n  top:6.5px;\n\n  height:1.5px;\n\n  background:#151719;\n\n  transform:\n    rotate(32deg);\n}\n\n\n.sig-hw-screw.tl{\n  top:15px;\n  left:15px;\n}\n\n.sig-hw-screw.tr{\n  top:15px;\n  right:15px;\n}\n\n.sig-hw-screw.bl{\n  bottom:15px;\n  left:15px;\n}\n\n.sig-hw-screw.br{\n  bottom:15px;\n  right:15px;\n}\n\n\n\/* =====================================================\n   PORTS\n===================================================== *\/\n\n.sig-hw-port{\n\n  position:absolute;\n\n  z-index:4;\n\n  top:50%;\n\n  width:24px;\n  height:66px;\n\n  transform:\n    translateY(-50%);\n\n  border:\n    1px solid\n    rgba(230,240,255,.32);\n\n  background:\n    repeating-linear-gradient(\n      to bottom,\n      #333a44 0 5px,\n      #87929e 5px 10px\n    );\n\n  box-shadow:\n    inset\n    0 0 0 2px\n    rgba(0,0,0,.28);\n}\n\n\n.port-right{\n  right:-13px;\n}\n\n.port-left{\n  left:-13px;\n}\n\n\n\/* =====================================================\n   LEDS\n===================================================== *\/\n\n.sig-hw-leds{\n\n  position:absolute;\n\n  top:99px;\n  right:27px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:7px;\n}\n\n\n.sig-hw-leds i{\n\n  width:7px;\n  height:7px;\n\n  border-radius:50%;\n\n  background:\n    var(--orange);\n\n  border:\n    1px solid white;\n\n  box-shadow:\n    0 0 0 2px rgba(255,107,49,.18),\n    0 0 11px rgba(255,107,49,.95);\n}\n\n\n\/* =====================================================\n   CORE\n===================================================== *\/\n\n.sig-hw-core{\n\n  position:relative;\n\n  z-index:3;\n\n  grid-column:2;\n\n  grid-row:\n    1 \/ 3;\n\n  align-self:center;\n\n  width:100%;\n\n  min-height:410px;\n\n  padding:13px;\n\n  box-sizing:border-box;\n\n  border-radius:25px;\n\n  background:\n    rgba(19,38,115,.30);\n\n  border:\n    1px solid\n    rgba(240,247,255,.78);\n\n  box-shadow:\n    inset 0 1px 0 rgba(255,255,255,.62),\n    inset 0 0 0 5px rgba(255,255,255,.035),\n    inset 0 0 0 6px rgba(220,236,255,.15),\n    0 18px 42px rgba(16,27,90,.22);\n\n  backdrop-filter:\n    blur(2px);\n\n  -webkit-backdrop-filter:\n    blur(2px);\n}\n\n\n.sig-hw-core::before{\n\n  content:\"\";\n\n  position:absolute;\n\n  inset:7px;\n\n  border:\n    1px solid\n    rgba(235,245,255,.34);\n\n  border-radius:18px;\n\n  pointer-events:none;\n}\n\n\n.sig-hw-core-inner{\n\n  position:relative;\n\n  min-height:382px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  justify-content:center;\n\n  padding:\n    40px\n    33px;\n\n  box-sizing:border-box;\n\n  border:\n    1px solid\n    rgba(235,245,255,.31);\n\n  border-radius:16px;\n\n  background:\n    rgba(5,17,67,.05);\n}\n\n\n\/* =====================================================\n   CORE CONTENT\n===================================================== *\/\n\n.sig-core-badge{\n\n  width:max-content;\n\n  margin-bottom:24px;\n\n  padding:\n    5px\n    8px;\n\n  border:\n    1px solid\n    var(--orange);\n\n  border-radius:4px;\n\n  color:\n    var(--orange);\n\n  font-family:\n    \"Khand\",\n    sans-serif;\n\n  font-size:13px;\n\n  line-height:1;\n\n  font-weight:600;\n\n  letter-spacing:.04em;\n\n  text-transform:uppercase;\n}\n\n\n.sig-core-small{\n\n  margin-bottom:12px;\n\n  font-family:\n    \"Khand\",\n    sans-serif;\n\n  font-size:21px;\n\n  line-height:1;\n\n  letter-spacing:.04em;\n\n  color:\n    rgba(255,255,255,.70);\n}\n\n\n.sig-core-title{\n\n  font-family:\n    \"Khand\",\n    sans-serif;\n\n  font-size:46px;\n\n  line-height:.82;\n\n  font-weight:600;\n\n  letter-spacing:-.035em;\n\n  text-transform:uppercase;\n\n  color:\n    var(--title);\n}\n\n\n.sig-core-data{\n\n  display:flex;\n\n  flex-direction:column;\n\n  gap:10px;\n\n  margin-top:29px;\n}\n\n\n.sig-core-data span{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:11px;\n\n  color:\n    rgba(255,255,255,.88);\n\n  font-size:14px;\n\n  letter-spacing:.08em;\n}\n\n\n.sig-core-data i{\n\n  width:10px;\n  height:4px;\n\n  background:\n    var(--electric);\n}\n\n\n.sig-core-status{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:9px;\n\n  color:\n    rgba(255,255,255,.64);\n\n  font-size:12px;\n\n  letter-spacing:.05em;\n}\n\n\n.sig-core-status i{\n\n  width:10px;\n  height:10px;\n\n  border-radius:50%;\n\n  background:\n    var(--orange);\n\n  box-shadow:\n    0 0 0 3px rgba(255,107,49,.16),\n    0 0 11px rgba(255,107,49,.80);\n}\n\n\n.sig-core-status strong{\n\n  color:\n    var(--title);\n}\n\n\n.sig-core-main-led{\n\n  position:absolute;\n\n  left:50%;\n  bottom:-8px;\n\n  width:17px;\n  height:17px;\n\n  transform:\n    translateX(-50%);\n\n  border-radius:50%;\n\n  background:\n    var(--orange);\n\n  border:\n    3px solid\n    rgba(255,255,255,.96);\n\n  box-shadow:\n    0 0 0 4px rgba(255,107,49,.22),\n    0 0 18px rgba(255,107,49,.95);\n}\n\n\n.sig-hw-system.sig-powered\n.sig-core-main-led{\n\n  animation:\n    sigCorePulse\n    1.7s\n    ease-in-out\n    infinite;\n}\n\n\n@keyframes sigCorePulse{\n\n  50%{\n\n    box-shadow:\n      0 0 0 7px rgba(255,107,49,.10),\n      0 0 29px rgba(255,107,49,1);\n\n  }\n\n}\n\n\n\/* =====================================================\n   CORE PORTS\n===================================================== *\/\n\n.sig-core-port{\n\n  position:absolute;\n\n  z-index:5;\n\n  width:22px;\n  height:36px;\n\n  border:\n    1px solid\n    rgba(235,242,255,.30);\n\n  background:\n    repeating-linear-gradient(\n      to bottom,\n      #313842 0 4px,\n      #8895a2 4px 8px\n    );\n\n  box-shadow:\n    inset\n    0 0 0 2px\n    rgba(0,0,0,.28);\n}\n\n\n.cp-l1{\n  left:-11px;\n  top:29%;\n}\n\n.cp-l2{\n  left:-11px;\n  bottom:28%;\n}\n\n.cp-r1{\n  right:-11px;\n  top:29%;\n}\n\n.cp-r2{\n  right:-11px;\n  bottom:28%;\n}\n\n\n\/* =====================================================\n   OUTPUT\n===================================================== *\/\n\n.sig-hw-output{\n\n  position:absolute;\n\n  right:20px;\n  bottom:20px;\n\n  width:78px;\n  height:122px;\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:center;\n\n  justify-content:center;\n\n  box-sizing:border-box;\n\n  border-radius:10px;\n\n  border:\n    1px solid\n    rgba(255,107,49,.90);\n\n  background:\n    rgba(70,25,10,.18);\n\n  text-align:center;\n\n  font-family:\n    \"Khand\",\n    sans-serif;\n}\n\n\n.sig-hw-output strong{\n\n  font-size:14px;\n\n  line-height:1;\n\n  color:\n    var(--title);\n}\n\n\n.sig-hw-output small{\n\n  margin-top:3px;\n\n  font-size:11px;\n\n  color:\n    rgba(255,255,255,.72);\n}\n\n\n.sig-hw-output i{\n\n  width:15px;\n  height:15px;\n\n  margin-top:14px;\n\n  border-radius:50%;\n\n  background:\n    var(--orange);\n\n  border:\n    2px solid white;\n\n  box-shadow:\n    0 0 0 3px rgba(255,107,49,.20),\n    0 0 16px rgba(255,107,49,.95);\n}\n\n\n.sig-hw-output b{\n\n  position:absolute;\n\n  left:13px;\n  right:13px;\n  bottom:11px;\n\n  height:18px;\n\n  opacity:.70;\n\n  background:\n    repeating-linear-gradient(\n      135deg,\n      var(--orange) 0 4px,\n      transparent 4px 8px\n    );\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media(max-width:1200px){\n\n  .sig-hw-system{\n\n    grid-template-columns:\n      1fr\n      .72fr\n      1fr;\n\n    gap:\n      28px\n      46px;\n\n    padding:\n      30px\n      2.5%;\n  }\n\n\n  .sig-hw-card{\n\n    padding:\n      27px\n      29px;\n  }\n\n\n  .sig-hw-card h3{\n\n    font-size:32px;\n  }\n\n\n  .sig-hw-label{\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-flow span{\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-tags span{\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-card p{\n\n    font-size:16px;\n  }\n\n\n  .sig-core-title{\n\n    font-size:39px;\n  }\n\n}\n\n\n\/* =====================================================\n   MOBILE \u2014 STACK\n===================================================== *\/\n\n@media(max-width:767px){\n\n  .sig-hw-system{\n\n    display:flex;\n\n    flex-direction:column;\n\n    gap:0;\n\n    min-height:0;\n\n    padding:\n      18px\n      12px\n      220px;\n\n    overflow:visible;\n  }\n\n\n  .sig-hw-circuit{\n\n    display:none;\n  }\n\n\n  .sig-hw-core{\n\n    order:1;\n\n    position:sticky;\n\n    top:82px;\n\n    z-index:10;\n\n    width:100%;\n\n    min-height:360px;\n\n    margin-bottom:34px;\n\n    align-self:auto;\n\n    background:\n      rgba(29,58,165,.97);\n\n    border:\n      1px solid\n      rgba(240,247,255,.82);\n\n    backdrop-filter:none;\n\n    -webkit-backdrop-filter:none;\n\n    box-shadow:\n      inset 0 1px 0 rgba(255,255,255,.55),\n      inset 0 0 0 5px rgba(255,255,255,.035),\n      inset 0 0 0 6px rgba(220,236,255,.14),\n      0 16px 30px rgba(7,18,78,.30);\n  }\n\n\n  .sig-hw-core-inner{\n\n    min-height:332px;\n\n    padding:\n      34px\n      27px;\n\n    background:\n      rgba(10,25,100,.10);\n  }\n\n\n  .sig-core-title{\n\n    font-size:40px;\n  }\n\n\n  .sig-core-small{\n\n    font-size:18px;\n  }\n\n\n  .sig-hw-card{\n\n    width:100%;\n\n    min-height:360px;\n\n    margin-bottom:36px;\n\n    padding:\n      28px\n      24px;\n\n    overflow:hidden;\n\n    position:sticky;\n\n    transform:none;\n\n    background:\n      rgba(29,58,165,.96);\n\n    border:\n      1px solid\n      rgba(225,237,255,.72);\n\n    backdrop-filter:none;\n\n    -webkit-backdrop-filter:none;\n\n    box-shadow:\n      inset 0 0 0 4px rgba(255,255,255,.028),\n      inset 0 0 0 5px rgba(215,232,255,.15),\n      inset 0 1px 0 rgba(255,255,255,.48),\n      0 14px 28px rgba(8,20,80,.28);\n  }\n\n\n  .sig-hw-01{\n\n    order:2;\n\n    top:112px;\n\n    z-index:20;\n  }\n\n\n  .sig-hw-02{\n\n    order:3;\n\n    top:142px;\n\n    z-index:30;\n  }\n\n\n  .sig-hw-03{\n\n    order:4;\n\n    top:172px;\n\n    z-index:40;\n  }\n\n\n  .sig-hw-04{\n\n    order:5;\n\n    top:202px;\n\n    z-index:50;\n\n    margin-bottom:0;\n  }\n\n\n  .sig-hw-card h3{\n\n    font-size:30px;\n\n    line-height:.86;\n\n    margin-bottom:21px;\n  }\n\n\n  .sig-hw-num{\n\n    font-size:28px;\n  }\n\n\n  .sig-hw-label{\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-flow{\n\n    gap:6px;\n  }\n\n\n  .sig-hw-flow span{\n\n    min-height:28px;\n\n    padding:\n      4px\n      8px;\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-flow b{\n\n    font-size:15px;\n  }\n\n\n  .sig-hw-tags{\n\n    gap:5px;\n  }\n\n\n  .sig-hw-tags span{\n\n    min-height:24px;\n\n    padding:\n      4px\n      8px;\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-card p{\n\n    max-width:100%;\n\n    font-size:16px;\n\n    line-height:1.45;\n  }\n\n\n  .sig-hw-port,\n  .sig-core-port{\n\n    display:none;\n  }\n\n\n  .sig-hw-leds{\n\n    top:92px;\n\n    right:23px;\n  }\n\n\n  .sig-hw-output{\n\n    right:18px;\n\n    bottom:18px;\n\n    width:68px;\n\n    height:104px;\n  }\n\n\n  .sig-hw-output strong{\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-output small{\n\n    font-size:9px;\n  }\n\n}\n\n\n\/* =====================================================\n   SMALL MOBILE\n===================================================== *\/\n\n@media(max-width:430px){\n\n  .sig-hw-system{\n\n    padding:\n      14px\n      9px\n      190px;\n  }\n\n\n  .sig-hw-core{\n\n    top:74px;\n\n    min-height:330px;\n  }\n\n\n  .sig-hw-core-inner{\n\n    min-height:302px;\n\n    padding:\n      30px\n      23px;\n  }\n\n\n  .sig-core-title{\n\n    font-size:36px;\n  }\n\n\n  .sig-hw-card{\n\n    min-height:335px;\n\n    padding:\n      25px\n      20px;\n\n    margin-bottom:30px;\n  }\n\n\n  .sig-hw-01{\n    top:101px;\n  }\n\n\n  .sig-hw-02{\n    top:126px;\n  }\n\n\n  .sig-hw-03{\n    top:151px;\n  }\n\n\n  .sig-hw-04{\n    top:176px;\n  }\n\n\n  .sig-hw-card h3{\n\n    font-size:27px;\n  }\n\n\n  .sig-hw-card p{\n\n    font-size:16px;\n  }\n\n\n  .sig-hw-label{\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-flow span{\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-tags span{\n\n    font-size:12px;\n  }\n\n\n  .sig-hw-output{\n\n    width:60px;\n\n    height:94px;\n  }\n\n}\n\n\n\/* =====================================================\n   REDUCED MOTION\n===================================================== *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .sig-wire-energy,\n  .sig-core-main-led{\n\n    animation:none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  function initSigHardware(){\n\n    const systems =\n      document.querySelectorAll(\".sig-hw-system\");\n\n\n    if(!systems.length){\n      return;\n    }\n\n\n    if(!(\"IntersectionObserver\" in window)){\n\n      systems.forEach(function(system){\n\n        system.classList.add(\"sig-powered\");\n\n      });\n\n      return;\n    }\n\n\n    const observer =\n      new IntersectionObserver(\n\n        function(entries){\n\n          entries.forEach(function(entry){\n\n            entry.target.classList.toggle(\n              \"sig-powered\",\n              entry.isIntersecting\n            );\n\n          });\n\n        },\n\n        {\n          threshold:.18\n        }\n\n      );\n\n\n    systems.forEach(function(system){\n\n      observer.observe(system);\n\n    });\n\n  }\n\n\n  if(document.readyState === \"loading\"){\n\n    document.addEventListener(\n      \"DOMContentLoaded\",\n      initSigHardware,\n      { once:true }\n    );\n\n  }else{\n\n    initSigHardware();\n\n  }\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3f3e80ba e-con-full e-flex e-con e-child\" data-id=\"3f3e80ba\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6edb484d elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget-tablet__width-initial elementor-widget elementor-widget-heading\" data-id=\"6edb484d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{&quot;_animation&quot;:&quot;none&quot;}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">THE SYSTEM ARCHITECTURE<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f2bbddf elementor-widget__width-initial elementor-widget-mobile__width-initial elementor-widget elementor-widget-text-editor\" data-id=\"f2bbddf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Data is entered once, connected across the system and used throughout the different functions of the platform.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7080c47 e-con-full e-flex e-con e-parent\" data-id=\"7080c47\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d90c132 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"2d90c132\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Khand:wght@400;500;600;700&family=Cinzel:wght@400;500;600&family=Cormorant+Garamond:ital,wght@0,500;0,600;1,500;1,600&family=Inter:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n\n<section id=\"yu-sigesti-mega-horizontal\">\n  <div class=\"ysm-sticky\">\n\n    <div class=\"ysm-watermark\" aria-hidden=\"true\">EXPERIENCE<\/div>\n\n    <aside class=\"ysm-copy\">\n      <div class=\"ysm-kicker\">[01] UX \/ CONTENT<\/div>\n      <h2 class=\"ysm-title\">\n        <span>ONE<\/span>\n        <span>EXPERIENCE.<\/span>\n        <span class=\"ysm-accent\">DIFFERENT<\/span>\n        <span class=\"ysm-accent\">DEPTHS.<\/span>\n      <\/h2>\n      <div class=\"ysm-micro\">DISCOVERY <b>\u2192<\/b> COMPARISON <b>\u2192<\/b> DECISION<\/div>\n    <\/aside>\n\n    <div class=\"ysm-stage\">\n      <nav class=\"ysm-rail\" aria-label=\"System trace\">\n        <div class=\"ysm-rail-label\">SYSTEM TRACE<\/div>\n        <button class=\"ysm-tab is-active\" type=\"button\" data-index=\"0\"><span>01<\/span> EXPERIENCES<\/button>\n        <button class=\"ysm-tab\" type=\"button\" data-index=\"1\"><span>02<\/span> DEPARTURES<\/button>\n        <button class=\"ysm-tab\" type=\"button\" data-index=\"2\"><span>03<\/span> BOOKING<\/button>\n        <i class=\"ysm-progress\"><\/i>\n      <\/nav>\n\n      <div class=\"ysm-viewport\">\n        <div class=\"ysm-track\">\n\n          <article class=\"ysm-slide\" data-slide=\"0\">\n            <div class=\"ysm-slide-fit\">\n              <div class=\"ysm-mega-card\">\n\n<section id=\"sigesti-showcase-clean\">\n  <div class=\"sg-wrap\">\n\n    <article class=\"sg-site\">\n\n      <header class=\"sg-header\">\n        <div class=\"sg-watermark\">GRUPPO SIGESTI<\/div>\n\n        <div class=\"sg-logo\">\n          <span>\u2723<\/span>\n          <strong>SIGESTI<\/strong>\n        <\/div>\n\n        <nav>\n          <a href=\"#\">HOME<\/a>\n          <a href=\"#\">EXPERIENCES<\/a>\n          <a href=\"#\">SERVIZI<\/a>\n          <a href=\"#\">ABOUT US<\/a>\n          <a href=\"#\">CONTACT<\/a>\n        <\/nav>\n\n        <a class=\"sg-book\" href=\"#\">BOOK<\/a>\n      <\/header>\n\n      <section class=\"sg-hero\">\n        <img decoding=\"async\" src=\"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/08\/sigesti-hero.webp\" alt=\"\">\n        <div class=\"sg-hero-shade\"><\/div>\n\n        <div class=\"sg-hero-copy\">\n          <span class=\"sg-chip\">SEA \u00b7 CULTURE \u00b7 FOOD & WINE<\/span>\n\n          <h1>GRAGNANO E<br>NAPOLI FROML MARE<\/h1>\n\n          <p>From Gragnano pasta to the views of the Gulf of Naples.<\/p>\n\n          <div class=\"sg-hero-meta\">\n            <span>8 HOURS<\/span>\n            <span>BOAT TOUR<\/span>\n            <span>LOCAL GUIDE<\/span>\n            <span>IT \/ EN<\/span>\n          <\/div>\n        <\/div>\n\n        <aside class=\"sg-glass-price\">\n          <small>FROM<\/small>\n          <strong>\u20ac120<\/strong>\n          <span>PER PERSON<\/span>\n\n          <div class=\"sg-glass-sep\"><\/div>\n\n          <small>FULL-FROMY EXPERIENCE<\/small>\n          <small>MIN. 10 PARTICIPANTS<\/small>\n\n          <a href=\"#\">BOOK NOW \u2192<\/a>\n        <\/aside>\n      <\/section>\n\n      <section class=\"sg-departures\">\n        <div class=\"sg-dep-title\">\n          <span>\u25a3<\/span>\n          <strong>EXPERIENCES<br>UPCOMING<\/strong>\n        <\/div>\n\n        <article class=\"sg-dep\">\n          <div class=\"sg-date\"><b>18<\/b><span>SEP<\/span><\/div>\n          <div class=\"sg-dep-info\">\n            <strong>Gragnano e Napoli dal mare<\/strong>\n            <span><i><\/i> 12 SPOTS AVAILABLE<\/span>\n            <b>FROM \u20ac120<\/b>\n          <\/div>\n          <a href=\"#\">VIEW TOUR<\/a>\n        <\/article>\n\n        <article class=\"sg-dep\">\n          <div class=\"sg-date\"><b>15<\/b><span>SEP<\/span><\/div>\n          <div class=\"sg-dep-info\">\n            <strong>Pompei + Lunch + Pastificio<\/strong>\n            <span><i><\/i> 10 SPOTS AVAILABLE<\/span>\n            <b>FROM \u20ac95<\/b>\n          <\/div>\n          <a href=\"#\">VIEW TOUR<\/a>\n        <\/article>\n\n        <article class=\"sg-dep\">\n          <div class=\"sg-date\"><b>19<\/b><span>SEP<\/span><\/div>\n          <div class=\"sg-dep-info\">\n            <strong>Capri + Positano<\/strong>\n            <span><i><\/i> 8 SPOTS AVAILABLE<\/span>\n            <b>FROM \u20ac91<\/b>\n          <\/div>\n          <a href=\"#\">VIEW TOUR<\/a>\n        <\/article>\n\n        <a class=\"sg-all\" href=\"#\">EXPLORE ALL \u2192<\/a>\n      <\/section>\n\n      <section class=\"sg-compare\">\n\n        <article class=\"sg-card-compact\">\n          <div class=\"sg-compact-photo\">\n            <img decoding=\"async\" src=\"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/08\/gragn-r-nap-dal-mare.webp\" alt=\"\">\n            <span>CULTURE<\/span>\n          <\/div>\n\n          <div class=\"sg-compact-meta\">\n            <span>8 HOURS<\/span>\n            <span>IT, EN<\/span>\n            <span>MIN. 10<\/span>\n          <\/div>\n\n          <h2>Gragnano e Napoli dal mare<\/h2>\n          <p>From Gragnano pasta to the views of the Gulf of Naples.<\/p>\n\n          <div class=\"sg-compact-bottom\">\n            <strong>FROM \u20ac120<\/strong>\n            <a href=\"#\">DISCOVER \u2192<\/a>\n          <\/div>\n        <\/article>\n\n        <article class=\"sg-card-wide\">\n\n          <div class=\"sg-wide-photo\">\n            <img decoding=\"async\" src=\"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/08\/gragn-r-nap-dal-mare.webp\" alt=\"\">\n            <span>SEA \u00b7 CULTURE<\/span>\n            <b>\u25f7 8 HOURS<\/b>\n          <\/div>\n\n          <div class=\"sg-wide-main\">\n\n            <div class=\"sg-wide-pills\">\n              <span>\u25f7 FULL-FROMY EXPERIENCE<\/span>\n              <span>MIN. 10 PARTICIPANTS<\/span>\n            <\/div>\n\n            <h2>Gragnano e Napoli dal mare<\/h2>\n\n            <p>From Gragnano pasta to the views of the Gulf of Naples.<\/p>\n\n            <div class=\"sg-wide-route\">\n              <span>PASTA FACTORY<\/span>\n              <span>HISTORIC NAPLES<\/span>\n              <span>SPANISH QUARTER<\/span>\n              <span>BOAT TOUR<\/span>\n            <\/div>\n\n            <div class=\"sg-next-bar\">\n              <div class=\"sg-next-icon\">\u2713<\/div>\n\n              <div>\n                <small>NEXT FROMTE:<\/small>\n              <\/div>\n\n              <div class=\"sg-next-date\">\n                <strong>19 SEPTEMBER<\/strong>\n                <span><i><\/i> Available<\/span>\n              <\/div>\n\n              <a href=\"#\">+ more available dates \u2192<\/a>\n            <\/div>\n          <\/div>\n\n          <aside class=\"sg-price-panel\">\n\n            <div class=\"sg-price-line\">\n              <span>Adult<\/span>\n              <strong><small>\u20ac<\/small>95<\/strong>\n            <\/div>\n\n            <div class=\"sg-price-line\">\n              <span>Child<\/span>\n              <strong><small>\u20ac<\/small>65<\/strong>\n            <\/div>\n\n            <div class=\"sg-per-person\">per person<\/div>\n\n            <a class=\"sg-program-btn\" href=\"#\">Itinerary<\/a>\n            <a class=\"sg-book-btn\" href=\"#\">Book now<\/a>\n          <\/aside>\n\n        <\/article>\n      <\/section>\n\n    <\/article>\n  <\/div>\n<\/section>\n\n<style id=\"ysm-v10-optimized\">#sigesti-showcase-clean{--green:#1F514C;--green-dark:#174843;--terra:#CC8372;--terra-dark:#B85E4D;--cool:#F7F9FA;--cool-2:#F2F5F6;--line:rgba(31,81,76,.12);--ink:#183E3B;--inner:18px;width:100%;margin:0;padding:0;background:transparent;color:var(--ink);font-family:\"Inter\",sans-serif}#sigesti-showcase-clean *,#sigesti-showcase-clean *::before,#sigesti-showcase-clean *::after{box-sizing:border-box}#sigesti-showcase-clean a{color:inherit;text-decoration:none}#sigesti-showcase-clean .sg-wrap{width:100%;max-width:1240px;margin:0 auto;padding:0}#sigesti-showcase-clean .sg-site{width:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 20px 55px rgba(31,81,76,.07)}#sigesti-showcase-clean .sg-header{position:relative;height:54px;padding:0 var(--inner);display:grid;grid-template-columns:150px 1fr auto;gap:18px;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:#fff;isolation:isolate}#sigesti-showcase-clean .sg-watermark{display:none}#sigesti-showcase-clean .sg-header::before{content:\"GRUPPO SIGESTI \u00b7 GRUPPO SIGESTI \u00b7 GRUPPO SIGESTI \u00b7 GRUPPO SIGESTI\";position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);z-index:0;width:max-content;min-width:100%;white-space:nowrap;text-align:center;font-family:\"Cinzel\",serif;font-size:41px;line-height:1;font-weight:400;letter-spacing:-1.1px;color:rgba(31,81,76,.045);pointer-events:none}#sigesti-showcase-clean .sg-header>*{position:relative;z-index:1}#sigesti-showcase-clean .sg-logo{display:flex;align-items:center;gap:6px;color:var(--green)}#sigesti-showcase-clean .sg-logo span{font-size:16px}#sigesti-showcase-clean .sg-logo strong{font-family:\"Cinzel\",serif;font-size:16px;font-weight:500}#sigesti-showcase-clean .sg-header nav{display:flex;justify-content:center;gap:23px;font-size:9px;font-weight:600}#sigesti-showcase-clean .sg-book{padding:8px 15px;border-radius:7px;background:var(--green);color:#fff;font-size:8px;font-weight:700}#sigesti-showcase-clean .sg-hero{position:relative;height:250px;overflow:hidden}#sigesti-showcase-clean .sg-hero>img{width:100%;height:100%;object-fit:cover;object-position:center 52%}#sigesti-showcase-clean .sg-hero-shade{position:absolute;inset:0;background:linear-gradient( 90deg,rgba(5,29,27,.64),rgba(5,29,27,.18) 53%,rgba(5,29,27,.02) 78% )}#sigesti-showcase-clean .sg-hero-copy{position:absolute;z-index:2;left:28px;top:30px;width:55%;color:#fff}#sigesti-showcase-clean .sg-chip{display:inline-flex;padding:7px 11px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(255,255,255,.90);color:var(--green);font-size:8px;font-weight:700}#sigesti-showcase-clean .sg-hero-copy h1{margin:11px 0 10px;font-family:\"Cinzel\",serif;font-size:44px;line-height:.91;letter-spacing:-.035em;font-weight:400}#sigesti-showcase-clean .sg-hero-copy p{margin:0;max-width:420px;font-size:12px;line-height:1.45}#sigesti-showcase-clean .sg-hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:17px;font-size:8px;font-weight:600}#sigesti-showcase-clean .sg-glass-price{position:absolute;z-index:3;right:28px;top:30px;width:150px;padding:14px;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:linear-gradient( 145deg,rgba(255,255,255,.78),rgba(244,244,240,.68) );color:var(--green);box-shadow:0 16px 34px rgba(8,34,30,.13),inset 0 1px 0 rgba(255,255,255,.82);backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}#sigesti-showcase-clean .sg-glass-price small{font-size:8px;line-height:1.45}#sigesti-showcase-clean .sg-glass-price>strong{margin:2px 0;font-family:\"Cormorant Garamond\",serif;font-size:29px;font-weight:500}#sigesti-showcase-clean .sg-glass-price>span{font-size:8px}#sigesti-showcase-clean .sg-glass-sep{height:1px;margin:8px 0;background:rgba(31,81,76,.11)}#sigesti-showcase-clean .sg-glass-price>a{margin-top:10px;padding:9px 8px;border-radius:8px;background:var(--terra);color:#fff;text-align:center;font-size:8px;font-weight:700}#sigesti-showcase-clean .sg-departures{position:relative;z-index:5;width:94%;margin:-27px auto 20px;padding:11px 12px;display:grid;grid-template-columns:1fr repeat(3,2.05fr) .75fr;gap:8px;border:1px solid rgba(255,255,255,.88);border-radius:17px;background:linear-gradient( 135deg,rgba(238,243,244,.79),rgba(255,255,255,.72) );box-shadow:0 16px 36px rgba(31,81,76,.10),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(20px) saturate(115%);-webkit-backdrop-filter:blur(20px) saturate(115%)}#sigesti-showcase-clean .sg-dep-title{display:flex;gap:7px;align-items:center;color:var(--green)}#sigesti-showcase-clean .sg-dep-title strong{font-size:9px;line-height:1.25}#sigesti-showcase-clean .sg-dep{min-width:0;padding:9px;display:grid;grid-template-columns:35px 1fr auto;gap:7px;align-items:center;border:1px solid rgba(31,81,76,.055);border-radius:10px;background:rgba(255,255,255,.80)}#sigesti-showcase-clean .sg-date{color:var(--terra-dark);font-size:8px}#sigesti-showcase-clean .sg-date b{display:block;font-family:\"Cormorant Garamond\",serif;font-size:21px;line-height:.85;font-weight:500}#sigesti-showcase-clean .sg-dep-info strong{display:block;font-family:\"Cormorant Garamond\",serif;font-size:11px;line-height:1;font-weight:500}#sigesti-showcase-clean .sg-dep-info span,#sigesti-showcase-clean .sg-dep-info>b{display:block;margin-top:3px;font-size:7.5px}#sigesti-showcase-clean .sg-dep-info i{display:inline-block;width:5px;height:5px;margin-right:3px;border-radius:50%;background:#18A05F}#sigesti-showcase-clean .sg-dep>a{padding:7px 8px;border-radius:7px;background:var(--terra);color:#fff;font-size:7px;font-weight:700}#sigesti-showcase-clean .sg-all{align-self:center;justify-self:center;font-size:7px;font-weight:700}#sigesti-showcase-clean .sg-compare{display:grid;grid-template-columns:minmax(0,23fr) minmax(0,77fr);gap:12px;padding:0 var(--inner) 18px}#sigesti-showcase-clean .sg-card-compact,#sigesti-showcase-clean .sg-card-wide{min-width:0;width:100%;max-width:100%}#sigesti-showcase-clean .sg-card-compact{padding:10px;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--cool)}#sigesti-showcase-clean .sg-compact-photo{position:relative}#sigesti-showcase-clean .sg-compact-photo img{display:block;width:100%;height:150px;object-fit:cover;border-radius:11px}#sigesti-showcase-clean .sg-compact-photo>span{position:absolute;left:8px;top:8px;padding:5px 8px;border-radius:999px;background:var(--green);color:#fff;font-size:7px;font-weight:700}#sigesti-showcase-clean .sg-compact-meta{display:flex;gap:5px;margin:8px 0 10px}#sigesti-showcase-clean .sg-compact-meta span{padding:5px 7px;border:1px solid rgba(31,81,76,.08);border-radius:999px;background:#fff;font-size:7.5px}#sigesti-showcase-clean .sg-card-compact h2{margin:0 0 7px;font-family:\"Cormorant Garamond\",serif;font-size:26px;line-height:.98;font-style:italic;font-weight:600}#sigesti-showcase-clean .sg-card-compact p{margin:0;font-size:10px;line-height:1.5}#sigesti-showcase-clean .sg-compact-bottom{margin-top:16px;display:flex;justify-content:space-between;align-items:center}#sigesti-showcase-clean .sg-compact-bottom strong{font-size:13px}#sigesti-showcase-clean .sg-compact-bottom a{padding:8px 9px;border-radius:7px;background:var(--green);color:#fff;font-size:8px;font-weight:700}#sigesti-showcase-clean .sg-card-wide{min-height:262px;display:grid;grid-template-columns:minmax(0,30fr) minmax(0,52fr) minmax(0,18fr);overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--cool)}#sigesti-showcase-clean .sg-wide-photo{position:relative;margin:12px;overflow:hidden;border-radius:13px}#sigesti-showcase-clean .sg-wide-photo img{display:block;width:100%;height:100%;object-fit:cover}#sigesti-showcase-clean .sg-wide-photo>span{position:absolute;left:10px;top:10px;padding:6px 10px;border-radius:999px;background:var(--green);color:#fff;font-size:8px;font-weight:700}#sigesti-showcase-clean .sg-wide-photo>b{position:absolute;left:10px;bottom:10px;padding:6px 10px;border-radius:7px;background:#fff;font-size:8px;font-weight:600}#sigesti-showcase-clean .sg-wide-main{min-width:0;padding:16px 20px 14px;display:flex;flex-direction:column}#sigesti-showcase-clean .sg-wide-pills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px}#sigesti-showcase-clean .sg-wide-pills span{padding:7px 10px;border:1px solid rgba(31,81,76,.25);border-radius:6px;background:rgba(255,255,255,.28);font-size:8.5px;font-weight:600}#sigesti-showcase-clean .sg-wide-main h2{margin:0 0 9px;font-family:\"Cormorant Garamond\",serif;font-size:34px;line-height:.95;font-style:italic;font-weight:600}#sigesti-showcase-clean .sg-wide-main>p{margin:0 0 11px;font-size:11px;line-height:1.5}#sigesti-showcase-clean .sg-wide-route{display:flex;flex-wrap:wrap;gap:4px 15px;margin-bottom:14px}#sigesti-showcase-clean .sg-wide-route span{position:relative;font-size:8.3px}#sigesti-showcase-clean .sg-wide-route span:not(:last-child)::after{content:\"\u2022\";position:absolute;right:-10px;color:#BFC9C7}#sigesti-showcase-clean .sg-next-bar{margin-top:auto;min-height:64px;padding:12px 16px 12px 12px;display:grid;grid-template-columns:34px 90px 1fr auto;gap:10px;align-items:center;border-radius:15px;background:#fff}#sigesti-showcase-clean .sg-next-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:15px;font-weight:700}#sigesti-showcase-clean .sg-next-bar small{font-size:7.5px;font-weight:600;color:#667E7B}#sigesti-showcase-clean .sg-next-date strong{display:block;color:var(--terra);font-size:12px}#sigesti-showcase-clean .sg-next-date span{display:block;margin-top:3px;font-size:8.5px}#sigesti-showcase-clean .sg-next-date i{display:inline-block;width:6px;height:6px;margin-right:4px;border-radius:50%;background:#1FA765}#sigesti-showcase-clean .sg-next-bar>a{padding-bottom:3px;border-bottom:1px solid rgba(31,81,76,.45);font-size:9.5px;font-weight:600}#sigesti-showcase-clean .sg-price-panel{min-width:0;padding:18px 16px;display:flex;flex-direction:column;overflow:hidden;background:rgba(255,255,255,.82);border-left:1px solid var(--line)}#sigesti-showcase-clean .sg-price-line{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;padding:3px 0 13px;border-bottom:1px solid rgba(31,81,76,.10)}#sigesti-showcase-clean .sg-price-line+ .sg-price-line{padding-top:14px}#sigesti-showcase-clean .sg-price-line>span{font-family:\"Cormorant Garamond\",serif;font-size:22px;line-height:1;font-style:italic;font-weight:500}#sigesti-showcase-clean .sg-price-line>strong{font-family:\"Cormorant Garamond\",serif;font-size:32px;line-height:.9;font-style:italic;font-weight:500;white-space:nowrap}#sigesti-showcase-clean .sg-price-line>strong small{font-size:15px;vertical-align:top}#sigesti-showcase-clean .sg-per-person{margin-top:5px;text-align:right;font-size:8.5px;color:#5A7571}#sigesti-showcase-clean .sg-program-btn{margin-top:auto;padding:10px 8px;border:1px solid rgba(31,81,76,.28);border-radius:8px;text-align:center;font-size:8.5px;font-weight:600}#sigesti-showcase-clean .sg-book-btn{margin-top:12px;padding:11px 8px;border-radius:8px;background:var(--terra);color:#fff;text-align:center;font-size:9.5px;font-weight:700}@media(max-width:1000px){#sigesti-showcase-clean{--inner:14px}#sigesti-showcase-clean .sg-wrap{padding:0 10px}#sigesti-showcase-clean .sg-header nav{gap:13px}#sigesti-showcase-clean .sg-departures{grid-template-columns:1fr repeat(3,1.8fr)}#sigesti-showcase-clean .sg-all{display:none}#sigesti-showcase-clean .sg-compare{grid-template-columns:minmax(0,25fr) minmax(0,75fr)}#sigesti-showcase-clean .sg-card-wide{grid-template-columns:minmax(0,29fr) minmax(0,52fr) minmax(0,19fr)}#sigesti-showcase-clean .sg-header::before{font-size:34px}}@media(max-width:767px){#sigesti-showcase-clean{--inner:8px}#sigesti-showcase-clean .sg-wrap{padding:0 6px}#sigesti-showcase-clean .sg-site{border-radius:14px}#sigesti-showcase-clean .sg-header{height:44px;grid-template-columns:1fr auto;padding:0 10px}#sigesti-showcase-clean .sg-header nav{display:none}#sigesti-showcase-clean .sg-header::before{content:\"GRUPPO SIGESTI \u00b7 GRUPPO SIGESTI \u00b7 GRUPPO SIGESTI\";font-size:25px;letter-spacing:-.8px}#sigesti-showcase-clean .sg-logo strong{font-size:14px}#sigesti-showcase-clean .sg-book{padding:7px 10px}#sigesti-showcase-clean .sg-hero{height:300px}#sigesti-showcase-clean .sg-hero-copy{left:14px;top:27px;width:76%}#sigesti-showcase-clean .sg-chip{padding:6px 8px;font-size:6.5px}#sigesti-showcase-clean .sg-hero-copy h1{margin-top:10px;font-size:27px;line-height:.93}#sigesti-showcase-clean .sg-hero-copy p{max-width:220px;font-size:8.5px}#sigesti-showcase-clean .sg-hero-meta{gap:10px;margin-top:12px;font-size:6px}#sigesti-showcase-clean .sg-glass-price{right:12px;top:auto;bottom:12px;width:128px;padding:10px}#sigesti-showcase-clean .sg-glass-price>strong{font-size:23px}#sigesti-showcase-clean .sg-departures{width:94%;margin-top:-12px;padding:7px;grid-template-columns:1fr;gap:6px}#sigesti-showcase-clean .sg-dep-title{padding:3px}#sigesti-showcase-clean .sg-dep{grid-template-columns:35px 1fr auto;padding:8px}#sigesti-showcase-clean .sg-all{display:block;justify-self:start;padding:3px}#sigesti-showcase-clean .sg-compare{display:grid;grid-template-columns:1fr;gap:10px;padding:0 var(--inner) 10px}#sigesti-showcase-clean .sg-card-compact{display:block;padding:10px;border-radius:14px}#sigesti-showcase-clean .sg-compact-photo img{height:190px;border-radius:10px}#sigesti-showcase-clean .sg-compact-photo>span{padding:6px 8px;font-size:7px}#sigesti-showcase-clean .sg-compact-meta{margin:8px 0 10px;gap:5px}#sigesti-showcase-clean .sg-compact-meta span{padding:5px 7px;font-size:7px}#sigesti-showcase-clean .sg-card-compact h2{margin-bottom:7px;font-size:27px;line-height:.98;font-weight:600}#sigesti-showcase-clean .sg-card-compact p{font-size:9px;line-height:1.45}#sigesti-showcase-clean .sg-compact-bottom{margin-top:14px}#sigesti-showcase-clean .sg-compact-bottom strong{font-size:12px}#sigesti-showcase-clean .sg-compact-bottom a{padding:8px 10px;font-size:7.5px}#sigesti-showcase-clean .sg-card-wide{min-height:0;grid-template-columns:minmax(0,38fr) minmax(0,62fr);border-radius:14px}#sigesti-showcase-clean .sg-wide-photo{margin:8px}#sigesti-showcase-clean .sg-wide-photo img{min-height:200px}#sigesti-showcase-clean .sg-wide-main{padding:10px 10px 9px}#sigesti-showcase-clean .sg-wide-pills{gap:4px;margin-bottom:9px}#sigesti-showcase-clean .sg-wide-pills span{padding:5px 6px;font-size:6.6px}#sigesti-showcase-clean .sg-wide-main h2{margin-bottom:6px;font-size:25px;line-height:.96;font-weight:600}#sigesti-showcase-clean .sg-wide-main>p{margin-bottom:7px;font-size:8px;line-height:1.45}#sigesti-showcase-clean .sg-wide-route{display:flex;gap:3px 9px;margin-bottom:8px}#sigesti-showcase-clean .sg-wide-route span{font-size:6.2px}#sigesti-showcase-clean .sg-next-bar{min-height:0;margin-top:7px;padding:8px 9px;grid-template-columns:28px 1fr;gap:5px 8px;border-radius:11px}#sigesti-showcase-clean .sg-next-icon{width:27px;height:27px;font-size:11px}#sigesti-showcase-clean .sg-next-bar>div:nth-child(2){display:none}#sigesti-showcase-clean .sg-next-date strong{font-size:9px}#sigesti-showcase-clean .sg-next-date span{font-size:7px}#sigesti-showcase-clean .sg-next-bar>a{grid-column:1\/-1;justify-self:end;font-size:7px}#sigesti-showcase-clean .sg-price-panel{grid-column:1\/-1;padding:10px;display:grid;grid-template-columns:1fr 1fr auto auto;gap:8px;align-items:center;border-left:0;border-top:1px solid var(--line)}#sigesti-showcase-clean .sg-price-line{display:block;padding:0;border:0}#sigesti-showcase-clean .sg-price-line+ .sg-price-line{padding:0}#sigesti-showcase-clean .sg-price-line>span{display:block;font-size:13px}#sigesti-showcase-clean .sg-price-line>strong{display:block;margin-top:2px;font-size:20px}#sigesti-showcase-clean .sg-price-line>strong small{font-size:10px}#sigesti-showcase-clean .sg-per-person{display:none}#sigesti-showcase-clean .sg-program-btn,#sigesti-showcase-clean .sg-book-btn{margin:0;padding:8px 9px;font-size:7px}}#sg-partenze-clean{--green:#195650;--green-dark:#123f3b;--terra:#ce8473;--terra-dark:#bb6555;--soft:#f6f8f8;--line:#dce3e1;--muted:#778b87;--orange:#ec7c20;--red:#ca4b37;width:100%;background:transparent;color:var(--green-dark);font-family:\"Inter\",sans-serif}#sg-partenze-clean *,#sg-partenze-clean *::before,#sg-partenze-clean *::after{box-sizing:border-box}#sg-partenze-clean button,#sg-partenze-clean input{font:inherit}#sg-partenze-clean button{cursor:pointer}#sg-partenze-clean .spc-canvas{width:min(1480px,96vw);height:clamp(820px,92vh,980px);min-height:820px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-rows:minmax(0,55fr) minmax(0,45fr);gap:20px;overflow:hidden;border:1px solid #edf0ef;border-radius:28px;background:#fff;box-shadow:0 25px 70px rgba(24,67,63,.07)}#sg-partenze-clean .spc-panel{min-width:0;min-height:0}#sg-partenze-clean h2{margin:0;font-family:\"Cinzel\",serif;font-weight:500;color:var(--green-dark)}#sg-partenze-clean .spc-next{display:flex;flex-direction:column}#sg-partenze-clean .spc-next>h2{margin:0 0 12px 4px;font-size:clamp(26px,2vw,36px);line-height:1}#sg-partenze-clean .spc-next-list{flex:1;min-height:0;display:grid;grid-template-rows:repeat(5,minmax(0,1fr)) 42px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(25,67,63,.055)}#sg-partenze-clean .spc-next-row{min-width:0;display:grid;grid-template-columns:minmax(0,1.7fr) minmax(95px,.65fr) minmax(108px,.72fr);gap:12px;align-items:center;padding:8px 15px;border-bottom:1px solid var(--line)}#sg-partenze-clean .spc-next-date,#sg-partenze-clean .spc-next-status{min-width:0;display:flex;align-items:center;gap:9px}#sg-partenze-clean .spc-next-date strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}#sg-partenze-clean .spc-next-status{font-size:11px;font-weight:600}#sg-partenze-clean .spc-next-status i,#sg-partenze-clean .spc-agenda-copy i,#sg-partenze-clean .spc-event i,#sg-partenze-clean .spc-legend i{width:7px;height:7px;display:inline-block;flex:0 0 auto;border-radius:50%;background:var(--green)}#sg-partenze-clean .spc-next-price{display:grid;grid-template-columns:1fr auto 18px;gap:2px 5px;align-items:center;justify-content:end}#sg-partenze-clean .spc-next-price>span{display:contents}#sg-partenze-clean .spc-next-price small{color:var(--muted);font-size:7px;font-weight:700}#sg-partenze-clean .spc-next-price b{font-size:11px}#sg-partenze-clean .spc-next-price em{grid-column:3;grid-row:1\/3;font-style:normal;font-size:18px}#sg-partenze-clean .spc-next-more{display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:700}#sg-partenze-clean .spc-next-more span{font-size:18px}#sg-partenze-clean .spc-icon-cal{position:relative;width:18px;height:18px;flex:0 0 auto;display:inline-block;border:2px solid var(--green);border-radius:3px}#sg-partenze-clean .spc-icon-cal::before,#sg-partenze-clean .spc-icon-cal::after{content:\"\";position:absolute;top:-5px;width:2px;height:6px;background:var(--green)}#sg-partenze-clean .spc-icon-cal::before{left:3px}#sg-partenze-clean .spc-icon-cal::after{right:3px}#sg-partenze-clean .spc-calendar{padding:16px;display:grid;grid-template-rows:auto auto auto minmax(0,1fr);gap:8px;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:0 16px 42px rgba(22,62,58,.065)}#sg-partenze-clean .spc-calendar-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start}#sg-partenze-clean .spc-nav{display:flex;gap:5px}#sg-partenze-clean .spc-nav button,#sg-partenze-clean .spc-switch button{height:30px;border:1px solid #d8dfdd;background:#fff;color:#273f3c;font-size:10px;font-weight:700}#sg-partenze-clean .spc-nav button{min-width:30px;border-radius:6px}#sg-partenze-clean .spc-nav .spc-today{padding:0 11px}#sg-partenze-clean .spc-calendar-title{text-align:center}#sg-partenze-clean .spc-calendar-title h2{font-size:clamp(20px,1.45vw,27px);line-height:1;white-space:nowrap}#sg-partenze-clean .spc-month{margin-top:6px;display:flex;justify-content:center;align-items:center;gap:8px;font-size:10px;font-weight:700;letter-spacing:.12em}#sg-partenze-clean .spc-month .spc-icon-cal{width:14px;height:14px}#sg-partenze-clean .spc-switch{display:flex}#sg-partenze-clean .spc-switch button{min-width:54px;border-radius:0}#sg-partenze-clean .spc-switch button:first-child{border-radius:6px 0 0 6px}#sg-partenze-clean .spc-switch button:last-child{border-radius:0 6px 6px 0}#sg-partenze-clean .spc-switch .active{border-color:var(--green);background:var(--green);color:#fff}#sg-partenze-clean .spc-filters{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(150px,1.2fr) minmax(130px,1.5fr);gap:8px;padding:7px;border-radius:7px;background:#f4f6f6}#sg-partenze-clean .spc-filters label{min-width:0}#sg-partenze-clean .spc-filters small{display:block;margin-bottom:4px;font-size:6.5px;font-weight:700}#sg-partenze-clean .spc-filters strong{min-width:0;min-height:27px;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;overflow:hidden;border:1px solid #e1e6e4;border-radius:4px;background:#fff;font-size:8px;font-weight:500;white-space:nowrap}#sg-partenze-clean .spc-filters button{align-self:end;height:27px;border:0;border-radius:4px;background:#fff;color:#d35674;font-size:9px}#sg-partenze-clean .spc-legend{display:flex;justify-content:flex-end;gap:13px;font-size:7px;font-weight:600}#sg-partenze-clean .spc-legend span{display:flex;align-items:center;gap:4px}#sg-partenze-clean .spc-legend .orange{background:var(--orange)}#sg-partenze-clean .spc-legend .red{background:var(--red)}#sg-partenze-clean .spc-calendar-body{min-height:0;display:grid;grid-template-columns:minmax(0,1.58fr) minmax(200px,.92fr);gap:10px}#sg-partenze-clean .spc-month-grid{min-width:0;min-height:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:24px repeat(4,minmax(0,1fr));overflow:hidden;border:1px solid #e2e7e5;border-radius:6px}#sg-partenze-clean .spc-month-grid>div{min-width:0;border-right:1px solid #e5e9e7;border-bottom:1px solid #e5e9e7}#sg-partenze-clean .spc-month-grid>div:nth-child(7n){border-right:0}#sg-partenze-clean .spc-dow{display:flex;align-items:center;justify-content:center;font-size:6.8px;font-weight:700}#sg-partenze-clean .spc-day{position:relative;padding:5px;font-size:7px}#sg-partenze-clean .spc-day.muted{color:#a9b3b1;background:#fafbfb}#sg-partenze-clean .spc-event{position:absolute;left:4px;right:4px;top:18px;padding:4px;border:1px solid #cfd8d5;border-radius:4px;background:#fff;box-shadow:0 3px 8px rgba(21,56,53,.035)}#sg-partenze-clean .spc-event strong{display:block;overflow:hidden;font-size:5.9px;line-height:1.14}#sg-partenze-clean .spc-event span{margin-top:2px;display:flex;align-items:center;gap:3px;font-size:5.7px}#sg-partenze-clean .spc-event small{display:block;margin-top:2px;font-size:5.7px;font-weight:700}#sg-partenze-clean .spc-event i{width:4px;height:4px}#sg-partenze-clean .spc-event .grey{background:#9c8b84}#sg-partenze-clean .spc-agenda{min-width:0;min-height:0;display:grid;grid-template-rows:repeat(3,minmax(0,1fr));gap:7px}#sg-partenze-clean .spc-agenda article{min-height:0;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 8px;overflow:hidden;border-left:3px solid var(--terra);border-radius:8px;background:#fff;box-shadow:0 4px 13px rgba(18,55,52,.045)}#sg-partenze-clean .spc-agenda time{text-align:center;color:var(--terra-dark);font-family:\"Cormorant Garamond\",serif}#sg-partenze-clean .spc-agenda time b{display:block;font-size:25px;line-height:.8;font-weight:500}#sg-partenze-clean .spc-agenda time span{display:block;margin-top:3px;font:700 7px Inter,sans-serif}#sg-partenze-clean .spc-agenda-copy{min-width:0}#sg-partenze-clean .spc-agenda h3{margin:0 0 3px;overflow:hidden;font-family:\"Cormorant Garamond\",serif;font-size:12px;line-height:1.05;font-weight:600}#sg-partenze-clean .spc-agenda p{margin:0 0 2px;display:flex;align-items:center;gap:4px;font-size:7px}#sg-partenze-clean .spc-agenda strong{font-size:8px}#sg-partenze-clean .spc-agenda-copy .grey{background:#9c8b84}#sg-partenze-clean .spc-agenda button{padding:7px 8px;border:0;border-radius:5px;background:var(--terra);color:#fff;font-size:7px;font-weight:700;white-space:nowrap}#sg-partenze-clean .spc-agenda em{color:var(--red);font-size:7px;font-style:normal;font-weight:700;white-space:nowrap}#sg-partenze-clean .spc-booking{padding:16px 18px;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 14px 36px rgba(25,67,63,.05)}#sg-partenze-clean .spc-booking>h2{margin-bottom:10px;font-size:clamp(20px,1.55vw,28px);line-height:1}#sg-partenze-clean .spc-step{display:flex;align-items:center;gap:8px;margin-bottom:7px}#sg-partenze-clean .spc-step>span{width:23px;height:23px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:var(--green);color:#fff;font-size:10px;font-weight:700}#sg-partenze-clean .spc-step>strong{font-family:\"Cormorant Garamond\",serif;font-size:11px;font-weight:600}#sg-partenze-clean .spc-book-top{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(180px,.85fr);gap:16px}#sg-partenze-clean label small{display:block;margin-bottom:4px;font-size:7px;font-weight:700}#sg-partenze-clean label small b{color:#d55767}#sg-partenze-clean .spc-select>div{min-height:31px;padding:6px 9px;display:flex;align-items:center;justify-content:space-between;border:1px solid #d9dfdd;border-radius:4px;background:#fff;font-size:8px}#sg-partenze-clean .spc-select .spc-option{min-height:25px;border-top:0;box-shadow:0 5px 11px rgba(0,0,0,.06);justify-content:flex-start}#sg-partenze-clean .spc-counter-pair{display:grid;grid-template-columns:1fr 1fr;gap:8px}#sg-partenze-clean .spc-counter{height:31px;display:grid;grid-template-columns:1fr 1.15fr 1fr;border-radius:4px;overflow:hidden;background:#f4f6f6}#sg-partenze-clean .spc-counter button{border:0;background:#f1f3f3;color:#d75973;font-weight:700}#sg-partenze-clean .spc-counter strong{display:grid;place-items:center;background:#fff;font-size:10px}#sg-partenze-clean .spc-step-2{margin-top:12px}#sg-partenze-clean .spc-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}#sg-partenze-clean .spc-fields input{width:100%;height:29px;border:1px solid #dce2e0;border-radius:4px;outline:0}#sg-partenze-clean .spc-booking-empty{display:flex;flex-direction:column}#sg-partenze-clean .spc-alert{margin-bottom:10px;padding:10px 12px;border-radius:5px;background:#f4f6f6}#sg-partenze-clean .spc-alert h3{margin:0 0 4px;font-family:\"Cormorant Garamond\",serif;font-size:13px;font-weight:600}#sg-partenze-clean .spc-alert p{margin:0 0 7px;font-size:7px;line-height:1.42}#sg-partenze-clean .spc-alert button{padding:7px 9px;border:0;border-radius:4px;background:var(--green);color:#fff;font-size:7px;font-weight:700}#sg-partenze-clean .spc-empty-row{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:12px}@media(max-width:1100px){#sg-partenze-clean .spc-canvas{width:97vw;height:900px;padding:18px;gap:16px;grid-template-columns:minmax(0,40fr) minmax(0,60fr)}#sg-partenze-clean .spc-next-row{grid-template-columns:minmax(0,1.45fr) minmax(80px,.6fr) minmax(95px,.7fr);padding:8px 10px}#sg-partenze-clean .spc-next-date strong{font-size:10px}#sg-partenze-clean .spc-next-status{font-size:9px}#sg-partenze-clean .spc-calendar-body{grid-template-columns:minmax(0,1.45fr) minmax(185px,.95fr)}#sg-partenze-clean .spc-calendar-title h2{font-size:20px}#sg-partenze-clean .spc-agenda h3{font-size:10px}}@media(max-width:767px){#sg-partenze-clean .spc-canvas{width:100%;height:auto;min-height:0;padding:10px;display:flex;flex-direction:column;gap:12px;overflow:visible;border-radius:18px}#sg-partenze-clean .spc-calendar{order:1}#sg-partenze-clean .spc-next{order:2}#sg-partenze-clean .spc-booking{order:3}#sg-partenze-clean .spc-booking-empty{order:4}#sg-partenze-clean .spc-calendar{min-height:490px;padding:12px}#sg-partenze-clean .spc-calendar-head{grid-template-columns:auto 1fr auto}#sg-partenze-clean .spc-calendar-title h2{font-size:16px}#sg-partenze-clean .spc-month{font-size:8px}#sg-partenze-clean .spc-today{display:none}#sg-partenze-clean .spc-switch button{min-width:38px;font-size:8px}#sg-partenze-clean .spc-filters{grid-template-columns:1fr 1fr}#sg-partenze-clean .spc-filters>button{grid-column:1\/-1}#sg-partenze-clean .spc-calendar-body{grid-template-columns:1fr}#sg-partenze-clean .spc-agenda{display:none}#sg-partenze-clean .spc-next>h2{font-size:24px}#sg-partenze-clean .spc-next-list{grid-template-rows:repeat(5,58px) 40px}#sg-partenze-clean .spc-next-row{grid-template-columns:minmax(0,1.5fr) minmax(70px,.6fr) minmax(78px,.65fr);gap:7px;padding:7px 8px}#sg-partenze-clean .spc-next-date .spc-icon-cal{display:none}#sg-partenze-clean .spc-next-date strong{font-size:8px}#sg-partenze-clean .spc-next-status{font-size:8px}#sg-partenze-clean .spc-next-price small{font-size:5px}#sg-partenze-clean .spc-next-price b{font-size:8px}#sg-partenze-clean .spc-booking{padding:14px 12px}#sg-partenze-clean .spc-booking>h2{font-size:19px}#sg-partenze-clean .spc-book-top,#sg-partenze-clean .spc-empty-row{grid-template-columns:1fr}#sg-partenze-clean .spc-counter-pair{margin-top:4px}}#sg-partenze-clean,#sg-partenze-clean .spc-canvas,#sg-partenze-clean .spc-panel,#sg-partenze-clean .spc-calendar,#sg-partenze-clean .spc-calendar-body,#sg-partenze-clean .spc-month-grid,#sg-partenze-clean .spc-booking,#sg-partenze-clean .spc-next,#sg-partenze-clean .spc-book-top,#sg-partenze-clean .spc-empty-row{min-width:0 !important;max-width:100% !important}@media (min-width:768px) and (max-width:1024px){#sg-partenze-clean .spc-canvas{width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:14px !important;display:grid !important;grid-template-columns:1fr 1fr !important;grid-template-rows:auto auto auto !important;gap:14px !important;overflow:visible !important}#sg-partenze-clean .spc-next,#sg-partenze-clean .spc-calendar{grid-column:1 \/ -1 !important;width:100% !important;height:auto !important}#sg-partenze-clean .spc-next>h2{font-size:25px !important}#sg-partenze-clean .spc-next-list{height:auto !important}#sg-partenze-clean .spc-next-row{min-height:52px !important;grid-template-columns:minmax(0,1.55fr) minmax(85px,.55fr) minmax(100px,.7fr) !important;gap:9px !important;padding:8px 12px !important}#sg-partenze-clean .spc-next-date strong{font-size:10px !important}#sg-partenze-clean .spc-next-status{font-size:9px !important}#sg-partenze-clean .spc-next-price b{font-size:10px !important}#sg-partenze-clean .spc-calendar{min-height:430px !important;padding:14px !important}#sg-partenze-clean .spc-calendar-title h2{font-size:21px !important;white-space:nowrap !important}#sg-partenze-clean .spc-calendar-body{display:grid !important;grid-template-columns:minmax(0,1.55fr) minmax(220px,.85fr) !important;gap:10px !important;min-height:280px !important}#sg-partenze-clean .spc-month-grid{min-height:280px !important}#sg-partenze-clean .spc-agenda article{grid-template-columns:44px minmax(0,1fr) !important;gap:6px !important;padding:7px !important}#sg-partenze-clean .spc-agenda button,#sg-partenze-clean .spc-agenda em{grid-column:2 !important;justify-self:start !important;margin-top:2px !important}#sg-partenze-clean .spc-agenda h3{font-size:10px !important}#sg-partenze-clean .spc-booking{width:100% !important;height:auto !important;min-height:0 !important;padding:14px 14px 20px !important}#sg-partenze-clean .spc-booking>h2{font-size:19px !important}#sg-partenze-clean .spc-book-top,#sg-partenze-clean .spc-empty-row{grid-template-columns:1fr !important;gap:8px !important}#sg-partenze-clean .spc-counter-pair{grid-template-columns:1fr 1fr !important;gap:8px !important}#sg-partenze-clean .spc-fields{gap:8px !important}}@media (max-width:767px){#sg-partenze-clean .spc-canvas{width:100% !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:8px !important;display:flex !important;flex-direction:column !important;gap:10px !important;overflow:visible !important}#sg-partenze-clean .spc-next,#sg-partenze-clean .spc-calendar,#sg-partenze-clean .spc-booking,#sg-partenze-clean .spc-booking-empty{position:relative !important;inset:auto !important;width:100% !important;height:auto !important}#sg-partenze-clean .spc-next{order:1 !important}#sg-partenze-clean .spc-calendar{order:2 !important}#sg-partenze-clean .spc-booking{order:3 !important}#sg-partenze-clean .spc-booking-empty{order:4 !important}#sg-partenze-clean .spc-next>h2{margin:3px 4px 9px !important;font-size:23px !important}#sg-partenze-clean .spc-next-list{display:block !important}#sg-partenze-clean .spc-next-row{min-height:58px !important;display:grid !important;grid-template-columns:minmax(0,1.45fr) minmax(68px,.55fr) minmax(78px,.62fr) !important;gap:6px !important;padding:8px !important}#sg-partenze-clean .spc-next-date .spc-icon-cal{display:none !important}#sg-partenze-clean .spc-next-date strong{font-size:8px !important;white-space:normal !important;line-height:1.25 !important}#sg-partenze-clean .spc-next-status{font-size:7.5px !important}#sg-partenze-clean .spc-next-price small{font-size:5px !important}#sg-partenze-clean .spc-next-price b{font-size:8px !important}#sg-partenze-clean .spc-next-more{min-height:40px !important}#sg-partenze-clean .spc-calendar{min-height:0 !important;padding:11px 10px !important}#sg-partenze-clean .spc-calendar-head{display:grid !important;grid-template-columns:auto minmax(0,1fr) auto !important;gap:6px !important;align-items:center !important}#sg-partenze-clean .spc-calendar-title h2{font-size:15px !important;line-height:1.05 !important;white-space:normal !important}#sg-partenze-clean .spc-month{margin-top:4px !important;font-size:7px !important}#sg-partenze-clean .spc-nav .spc-today{display:none !important}#sg-partenze-clean .spc-nav button{min-width:25px !important;height:26px !important}#sg-partenze-clean .spc-switch button{min-width:36px !important;height:26px !important;font-size:7px !important}#sg-partenze-clean .spc-filters{margin-top:8px !important;grid-template-columns:1fr 1fr !important;gap:5px !important;padding:5px !important}#sg-partenze-clean .spc-filters strong{min-height:25px !important;padding:5px 6px !important;font-size:6.5px !important}#sg-partenze-clean .spc-filters button{grid-column:1 \/ -1 !important;height:25px !important;font-size:7px !important}#sg-partenze-clean .spc-legend{margin:7px 0 6px !important;justify-content:flex-start !important;flex-wrap:wrap !important;gap:8px !important;font-size:6px !important}#sg-partenze-clean .spc-calendar-body{display:block !important;height:auto !important}#sg-partenze-clean .spc-month-grid{display:none !important}#sg-partenze-clean .spc-agenda{display:grid !important;gap:7px !important}#sg-partenze-clean .spc-agenda article{min-height:72px !important;display:grid !important;grid-template-columns:44px minmax(0,1fr) auto !important;gap:7px !important;padding:8px !important}#sg-partenze-clean .spc-agenda h3{font-size:12px !important}#sg-partenze-clean .spc-agenda button{padding:7px 8px !important;font-size:6.5px !important}#sg-partenze-clean .spc-agenda em{font-size:6.5px !important;white-space:normal !important;text-align:right !important}#sg-partenze-clean .spc-booking{padding:14px 12px 20px !important;border-radius:15px !important}#sg-partenze-clean .spc-booking>h2{font-size:20px !important;line-height:1.03 !important}#sg-partenze-clean .spc-book-top,#sg-partenze-clean .spc-empty-row{grid-template-columns:1fr !important;gap:9px !important}#sg-partenze-clean .spc-counter-pair{grid-template-columns:1fr 1fr !important;gap:8px !important}#sg-partenze-clean .spc-select>div{width:100% !important;min-height:34px !important;padding:7px 8px !important;font-size:8px !important;line-height:1.2 !important}#sg-partenze-clean .spc-select .spc-option{min-height:30px !important;white-space:normal !important}#sg-partenze-clean .spc-counter{width:100% !important;height:34px !important}#sg-partenze-clean .spc-step-2{margin-top:12px !important}#sg-partenze-clean .spc-fields{grid-template-columns:1fr 1fr !important;gap:8px !important}#sg-partenze-clean .spc-fields input{width:100% !important;height:32px !important}}@media (min-width:1025px){#sg-partenze-clean .spc-canvas{grid-template-rows:minmax(0,1fr) auto !important;align-items:start !important}#sg-partenze-clean .spc-booking,#sg-partenze-clean .spc-booking-empty{height:auto !important;min-height:0 !important;align-self:start !important;padding-bottom:20px !important}#sg-partenze-clean .spc-booking-empty{display:block !important}}@media (min-width:1025px){#sg-partenze-clean .spc-canvas{height:auto !important;min-height:0 !important;grid-template-rows:auto auto !important;row-gap:20px !important;align-items:start !important}#sg-partenze-clean .spc-next,#sg-partenze-clean .spc-calendar{align-self:start !important}#sg-partenze-clean .spc-booking,#sg-partenze-clean .spc-booking-empty{align-self:start !important;height:auto !important;min-height:0 !important;padding-bottom:20px !important}#sg-partenze-clean .spc-booking-empty{display:block !important}}@media (min-width:1025px){#sg-partenze-clean .spc-canvas{width:min(1480px,96vw) !important;height:860px !important;min-height:860px !important;display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;grid-template-rows:minmax(0,1fr) minmax(0,1fr) !important;gap:20px !important;padding:24px !important;align-items:stretch !important;overflow:hidden !important}#sg-partenze-clean .spc-next,#sg-partenze-clean .spc-calendar,#sg-partenze-clean .spc-booking,#sg-partenze-clean .spc-booking-empty{width:100% !important;height:100% !important;min-width:0 !important;min-height:0 !important;align-self:stretch !important}#sg-partenze-clean .spc-next{display:flex !important;flex-direction:column !important}#sg-partenze-clean .spc-next-list{flex:1 1 auto !important;min-height:0 !important;grid-template-rows:repeat(5,minmax(0,1fr)) 40px !important}#sg-partenze-clean .spc-next>h2{flex:0 0 auto !important}#sg-partenze-clean .spc-calendar{display:grid !important;grid-template-rows:auto auto auto minmax(0,1fr) !important;overflow:hidden !important}#sg-partenze-clean .spc-calendar-body{min-height:0 !important;overflow:hidden !important}#sg-partenze-clean .spc-month-grid,#sg-partenze-clean .spc-agenda{min-height:0 !important}#sg-partenze-clean .spc-booking,#sg-partenze-clean .spc-booking-empty{padding:18px 20px 20px !important;overflow:hidden !important}#sg-partenze-clean .spc-booking-empty{display:block !important}#sg-partenze-clean .spc-booking>h2{margin-bottom:12px !important}}@media (min-width:1025px){#sg-partenze-clean .spc-booking,#sg-partenze-clean .spc-booking-empty{height:calc(100% - 40px) !important;min-height:0 !important;align-self:start !important}}#sg-flow-system-03{--green:#174f49;--green2:#0f433e;--terra:#cf826f;--terra2:#b96050;--soft:#f5f7f7;--line:#dde4e2;--paper:#fff;--ink:#153f3a;width:100%;color:var(--ink);background:transparent;font-family:\"Inter\",sans-serif}#sg-flow-system-03 *{box-sizing:border-box}#sg-flow-system-03 button{font:inherit}#sg-flow-system-03 .sf3-canvas{position:relative;width:min(1480px,96vw);height:clamp(820px,92vh,980px);min-height:820px;margin:0 auto;padding:24px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.82fr) minmax(0,.92fr) minmax(0,.92fr);gap:18px;overflow:hidden;border:1px solid #edf0ef;border-radius:28px;background:#fff;box-shadow:0 25px 70px rgba(22,61,57,.075)}#sg-flow-system-03 .sf3-panel{min-width:0;min-height:0;height:100%;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 15px 40px rgba(22,61,57,.05)}#sg-flow-system-03 .sf3-kicker{padding:12px 14px 0;font-size:7px;font-weight:700;letter-spacing:.05em;color:#617b77}#sg-flow-system-03 .sf3-arrow{position:absolute;top:50%;z-index:20;width:30px;height:30px;display:grid;place-items:center;border:1px solid #cfd8d5;border-radius:50%;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.04);font-size:18px;color:#5b706d}#sg-flow-system-03 .sf3-a1{left:46.4%}#sg-flow-system-03 .sf3-a2{left:69.7%}#sg-flow-system-03 .sf3-checkout{padding:0 13px 14px}#sg-flow-system-03 .sf3-checkout-head{display:flex;gap:5px;margin:8px 0 10px;font-size:6px;color:#879693}#sg-flow-system-03 .sf3-checkout-head strong{color:#263d39}#sg-flow-system-03 .sf3-checkout h2{margin:0 0 10px;font-size:15px;font-weight:700}#sg-flow-system-03 .sf3-step{display:flex;align-items:center;gap:7px;margin-bottom:7px}#sg-flow-system-03 .sf3-step>span{width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:var(--green);color:#fff;font-size:8px;font-weight:700}#sg-flow-system-03 .sf3-step>strong{font-size:8px}#sg-flow-system-03 .sf3-step-gap{margin-top:12px}#sg-flow-system-03 .sf3-book-row{display:grid;grid-template-columns:minmax(0,1.5fr) 78px 78px;gap:7px;align-items:end}#sg-flow-system-03 .sf3-field small{display:block;margin-bottom:4px;font-size:6.2px;font-weight:700}#sg-flow-system-03 .sf3-field small b{color:#dd5e67}#sg-flow-system-03 .sf3-select,#sg-flow-system-03 .sf3-input{min-height:27px;padding:6px 7px;display:flex;align-items:center;justify-content:space-between;border:1px solid #dce2e0;border-radius:4px;background:#fff;font-size:6.8px}#sg-flow-system-03 .sf3-counter{height:27px;display:grid;grid-template-columns:1fr 1fr 1fr;background:#f4f6f6;border-radius:4px;overflow:hidden}#sg-flow-system-03 .sf3-counter button{border:0;background:#f0f2f2;font-weight:700;color:#d85e75}#sg-flow-system-03 .sf3-counter strong{display:grid;place-items:center;background:#fff;font-size:8px}#sg-flow-system-03 .sf3-two{display:grid;grid-template-columns:1fr 1fr;gap:7px}#sg-flow-system-03 .sf3-payments{display:grid;gap:5px}#sg-flow-system-03 .sf3-pay,#sg-flow-system-03 .sf3-cardline{min-height:25px;padding:6px 7px;border:1px solid #e0e5e3;border-radius:4px;display:flex;align-items:center;gap:5px;font-size:6.5px}#sg-flow-system-03 .sf3-pay em{margin-left:auto;font-style:normal;font-weight:700}#sg-flow-system-03 .sf3-cardline{justify-content:space-between}#sg-flow-system-03 .sf3-summary{margin-top:9px;padding:8px;background:#f5f6f6;border-radius:5px}#sg-flow-system-03 .sf3-summary h3{margin:0 0 6px;font-size:8px}#sg-flow-system-03 .sf3-summary div{display:flex;justify-content:space-between;padding:3px 0;font-size:6.5px}#sg-flow-system-03 .sf3-summary strong{font-size:7px}#sg-flow-system-03 .sf3-consent{margin:8px 0;font-size:5.7px}#sg-flow-system-03 .sf3-confirm{width:100%;height:30px;border:0;border-radius:4px;background:var(--terra);color:#fff;font-size:7px;font-weight:700}#sg-flow-system-03 .sf3-record{padding:0 12px 12px}#sg-flow-system-03 .sf3-admin-top{margin-top:7px;padding:7px;border-bottom:1px solid #e2e6e4;font-size:7px}#sg-flow-system-03 .sf3-admin-top strong{margin-left:3px}#sg-flow-system-03 .sf3-tabs{display:flex;gap:5px;padding:7px 0;border-bottom:1px solid #edf0ef;font-size:5.5px}#sg-flow-system-03 .sf3-tabs b{color:#388bd4}#sg-flow-system-03 .sf3-record-title{padding:8px 0;font-size:7px;font-weight:700}#sg-flow-system-03 .sf3-record-list{display:grid}#sg-flow-system-03 .sf3-record-list div{padding:5px 0;border-bottom:1px solid #eef1f0}#sg-flow-system-03 .sf3-record-list small{display:block;font-size:5.5px;color:#778a86}#sg-flow-system-03 .sf3-record-list strong{display:block;margin-top:2px;font-size:6.2px;font-weight:500}#sg-flow-system-03 .sf3-order{margin-top:8px;border:1px solid #e2e6e4;border-radius:5px;overflow:hidden}#sg-flow-system-03 .sf3-order-head{padding:6px;background:#f5f6f6;font-size:6px;font-weight:700}#sg-flow-system-03 .sf3-order-row{display:grid;grid-template-columns:1.5fr .55fr .9fr .8fr;gap:5px;padding:5px 6px;border-top:1px solid #eef0ef;font-size:5.5px}#sg-flow-system-03 .sf3-order-labels{font-weight:700}#sg-flow-system-03 .sf3-order-total{display:flex;justify-content:flex-end;gap:12px;padding:6px;font-size:6px}#sg-flow-system-03 .sf3-emails{padding:0 12px 12px}#sg-flow-system-03 .sf3-mail-label{margin:7px 0 5px;font-size:6px;font-weight:700}#sg-flow-system-03 .sf3-mail{padding:8px;border:1px solid #e1e6e4;border-radius:5px;background:#fff}#sg-flow-system-03 .sf3-mail-subject{font-size:8px;font-weight:700;line-height:1.3}#sg-flow-system-03 .sf3-mail-meta{margin:5px 0 7px;font-size:5.5px;color:#778985}#sg-flow-system-03 .sf3-mail-band{padding:8px;background:var(--green);color:#fff;font-size:6px;line-height:1.2}#sg-flow-system-03 .sf3-mail-band strong{display:block;margin-top:3px;font-size:13px;font-weight:500}#sg-flow-system-03 .sf3-mail p{font-size:6px;line-height:1.45}#sg-flow-system-03 .sf3-mail-note{padding:7px;background:#f4f6f6;border-radius:4px;font-size:5.7px;line-height:1.4}#sg-flow-system-03 .sf3-admin-label{margin-top:9px}#sg-flow-system-03 .sf3-mail-admin .sf3-mail-band strong{font-size:12px}#sg-flow-system-03 .sf3-pass{display:flex;flex-direction:column}#sg-flow-system-03 .sf3-pass-head{padding:12px 14px 10px;background:var(--green);color:#fff}#sg-flow-system-03 .sf3-pass-head>span{font-size:6px}#sg-flow-system-03 .sf3-pass-head>strong{display:block;margin:5px 0;font-family:\"Cinzel\",serif;font-size:25px;line-height:.95}#sg-flow-system-03 .sf3-pass-head p{margin:0 0 7px;font-size:6.5px;line-height:1.35}#sg-flow-system-03 .sf3-pass-head small{font-size:5.5px}#sg-flow-system-03 .sf3-pass-photo{height:155px;overflow:hidden}#sg-flow-system-03 .sf3-pass-photo img{width:100%;height:100%;object-fit:cover}#sg-flow-system-03 .sf3-pass-body{padding:10px 12px}#sg-flow-system-03 .sf3-pass-body>small{font-size:5.5px}#sg-flow-system-03 .sf3-pass-body h2{margin:4px 0;font-family:\"Cormorant Garamond\",serif;font-size:18px;font-weight:600}#sg-flow-system-03 .sf3-pass-body>p{font-size:6px;line-height:1.4}#sg-flow-system-03 .sf3-pass-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:8px 0}#sg-flow-system-03 .sf3-pass-grid div{padding:6px;background:#f5f6f6;border-radius:4px}#sg-flow-system-03 .sf3-pass-grid small,#sg-flow-system-03 .sf3-pass-mini small{display:block;font-size:5px;color:#778985}#sg-flow-system-03 .sf3-pass-grid strong{display:block;margin-top:2px;font-size:6px}#sg-flow-system-03 .sf3-pass-mini{display:grid;grid-template-columns:1fr 1fr;gap:7px}#sg-flow-system-03 .sf3-pass-mini>div{padding:7px;background:#f3f5f5;border-radius:4px}#sg-flow-system-03 .sf3-pass-mini strong,#sg-flow-system-03 .sf3-pass-mini span{display:block;margin-top:2px;font-size:5.5px}#sg-flow-system-03 .sf3-pass-after{margin-top:8px;padding:7px;border:1px solid #e0e4e2;border-radius:4px}#sg-flow-system-03 .sf3-pass-after strong{font-size:6px}#sg-flow-system-03 .sf3-pass-after p{margin:3px 0 0;font-size:5.5px;line-height:1.4}#sg-flow-system-03 .sf3-pass-footer{margin-top:8px;text-align:center;font-size:4.8px;color:#879692}@media(max-width:1100px){#sg-flow-system-03 .sf3-canvas{width:96vw;height:auto;min-height:0;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:14px;overflow:visible}#sg-flow-system-03 .sf3-panel{height:auto}#sg-flow-system-03 .sf3-arrow{display:none}#sg-flow-system-03 .sf3-checkout,#sg-flow-system-03 .sf3-record,#sg-flow-system-03 .sf3-emails,#sg-flow-system-03 .sf3-pass{min-height:520px}}@media(max-width:767px){#sg-flow-system-03 .sf3-canvas{width:100%;padding:8px;display:flex;flex-direction:column;gap:10px;border-radius:18px}#sg-flow-system-03 .sf3-panel{min-height:0!important}#sg-flow-system-03 .sf3-checkout{order:1}#sg-flow-system-03 .sf3-record{order:2}#sg-flow-system-03 .sf3-emails{order:3}#sg-flow-system-03 .sf3-pass{order:4}#sg-flow-system-03 .sf3-book-row{grid-template-columns:1fr 1fr}#sg-flow-system-03 .sf3-date-field{grid-column:1\/-1}#sg-flow-system-03 .sf3-two{grid-template-columns:1fr}#sg-flow-system-03 .sf3-pass-photo{height:190px}}@media (min-width:1101px){#sg-flow-system-03 .sf3-canvas{padding:34px 30px 38px !important;gap:22px !important;align-items:stretch !important}#sg-flow-system-03 .sf3-panel{padding-top:0 !important}#sg-flow-system-03 .sf3-kicker{min-height:50px !important;padding:17px 16px 12px !important;margin:0 !important;font-size:11px !important;line-height:1.15 !important;font-weight:800 !important;letter-spacing:.055em !important;color:#18574f !important;display:flex !important;align-items:center !important}#sg-flow-system-03 .sf3-checkout{padding:0 16px 24px !important}#sg-flow-system-03 .sf3-record,#sg-flow-system-03 .sf3-emails{padding:0 16px 24px !important}#sg-flow-system-03 .sf3-checkout,#sg-flow-system-03 .sf3-record,#sg-flow-system-03 .sf3-emails,#sg-flow-system-03 .sf3-pass{font-size:11px !important;line-height:1.45 !important}#sg-flow-system-03 .sf3-checkout h2{font-size:20px !important;line-height:1.08 !important;margin:7px 0 15px !important}#sg-flow-system-03 .sf3-checkout-head{margin:3px 0 12px !important;font-size:9px !important}#sg-flow-system-03 .sf3-step-title,#sg-flow-system-03 .sf3-record-title,#sg-flow-system-03 .sf3-mail-label{font-size:10px !important;line-height:1.25 !important}#sg-flow-system-03 .sf3-step{margin-bottom:15px !important}#sg-flow-system-03 .sf3-step-gap{margin-top:16px !important}#sg-flow-system-03 .sf3-field label{font-size:8px !important;margin-bottom:5px !important}#sg-flow-system-03 .sf3-input,#sg-flow-system-03 .sf3-select,#sg-flow-system-03 .sf3-pay-row{min-height:34px !important;font-size:9px !important}#sg-flow-system-03 .sf3-summary{padding:13px 12px !important;margin-top:12px !important}#sg-flow-system-03 .sf3-summary-title{font-size:10px !important;margin-bottom:8px !important}#sg-flow-system-03 .sf3-summary-row{padding:3px 0 !important;font-size:9px !important}#sg-flow-system-03 .sf3-consent{margin:11px 0 !important;font-size:8px !important}#sg-flow-system-03 .sf3-pay-btn{min-height:39px !important;font-size:9px !important}#sg-flow-system-03 .sf3-admin-top{padding:8px 0 12px !important;font-size:10px !important}#sg-flow-system-03 .sf3-record-title{padding:11px 0 !important}#sg-flow-system-03 .sf3-record-list div{padding:7px 0 !important}#sg-flow-system-03 .sf3-record-list span{font-size:8px !important;margin-bottom:3px !important}#sg-flow-system-03 .sf3-record-list strong{font-size:9px !important}#sg-flow-system-03 .sf3-order{margin-top:14px !important}#sg-flow-system-03 .sf3-order-head{padding:9px 10px !important;font-size:9px !important}#sg-flow-system-03 .sf3-order table{font-size:8px !important}#sg-flow-system-03 .sf3-mail-label{margin:5px 0 7px !important;font-weight:800 !important}#sg-flow-system-03 .sf3-mail{padding:12px !important}#sg-flow-system-03 .sf3-mail-subject{font-size:11px !important;line-height:1.3 !important;margin-bottom:5px !important}#sg-flow-system-03 .sf3-mail-meta,#sg-flow-system-03 .sf3-mail-copy{font-size:8px !important;line-height:1.45 !important}#sg-flow-system-03 .sf3-mail-banner{padding:12px 10px !important;margin:10px 0 !important;font-size:17px !important;line-height:1.06 !important}#sg-flow-system-03 .sf3-mail-note{padding:9px !important;margin-top:10px !important;font-size:8px !important}#sg-flow-system-03 .sf3-admin-label{margin-top:16px !important}#sg-flow-system-03 .sf3-pass-head{padding:20px 18px 18px !important}#sg-flow-system-03 .sf3-pass-head small{font-size:8px !important}#sg-flow-system-03 .sf3-pass-head h2{font-size:31px !important;line-height:.95 !important;margin:9px 0 12px !important}#sg-flow-system-03 .sf3-pass-head p{font-size:9px !important;line-height:1.4 !important}#sg-flow-system-03 .sf3-pass-photo{height:185px !important}#sg-flow-system-03 .sf3-pass-body{padding:16px 15px 18px !important}#sg-flow-system-03 .sf3-pass-eyebrow{font-size:8px !important;margin-bottom:6px !important}#sg-flow-system-03 .sf3-pass-title{font-size:21px !important;line-height:1.05 !important;margin-bottom:6px !important}#sg-flow-system-03 .sf3-pass-desc{font-size:8px !important;line-height:1.45 !important;margin-bottom:12px !important}#sg-flow-system-03 .sf3-pass-grid{gap:8px !important}#sg-flow-system-03 .sf3-pass-box{padding:10px !important;min-height:52px !important}#sg-flow-system-03 .sf3-pass-box span{font-size:7px !important;margin-bottom:4px !important}#sg-flow-system-03 .sf3-pass-box strong{font-size:8px !important;line-height:1.35 !important}#sg-flow-system-03 .sf3-next{padding:11px !important;margin-top:10px !important;font-size:8px !important;line-height:1.45 !important}}@media (min-width:768px) and (max-width:1100px){#sg-flow-system-03 .sf3-canvas{gap:20px !important;padding:24px !important}#sg-flow-system-03 .sf3-kicker{padding:15px 14px 10px !important;font-size:10px !important;font-weight:800 !important;letter-spacing:.05em !important}#sg-flow-system-03 .sf3-checkout,#sg-flow-system-03 .sf3-record,#sg-flow-system-03 .sf3-emails{padding-left:14px !important;padding-right:14px !important;padding-bottom:20px !important}#sg-flow-system-03 .sf3-checkout h2{font-size:19px !important}#sg-flow-system-03 .sf3-mail-banner{font-size:16px !important}}@media (max-width:767px){#sg-flow-system-03 .sf3-kicker{padding:16px 14px 11px !important;font-size:11px !important;font-weight:800 !important;letter-spacing:.045em !important}#sg-flow-system-03 .sf3-checkout,#sg-flow-system-03 .sf3-record,#sg-flow-system-03 .sf3-emails{padding-left:14px !important;padding-right:14px !important;padding-bottom:20px !important}#sg-flow-system-03 .sf3-checkout h2{font-size:20px !important}#sg-flow-system-03 .sf3-mail-subject{font-size:12px !important}#sg-flow-system-03 .sf3-mail-banner{font-size:17px !important}#sg-flow-system-03 .sf3-pass-title{font-size:21px !important}}#sg-flow-system-03 .sf3-arrow{display:none !important}#yu-sigesti-mega-horizontal{--blue:#425BD3;--orange:#F06D3C;--ink:#101010;--paper:#F7F6F2;--header:112px;--bg:#F7F6F2;--fg:#101010;--soft:rgba(66,91,211,.09);position:relative;width:100%;min-height:300vh;background:var(--bg);color:var(--fg);font-family:Inter,Arial,sans-serif;transition:background-color .45s ease,color .45s ease}#yu-sigesti-mega-horizontal *{box-sizing:border-box}#yu-sigesti-mega-horizontal .ysm-sticky{position:sticky;top:var(--header);width:100%;height:calc(100vh - var(--header));min-height:680px;overflow:hidden;background:var(--bg);transition:background-color .45s ease,color .45s ease}#yu-sigesti-mega-horizontal .ysm-watermark{position:absolute;left:6%;bottom:-5%;z-index:0;font-family:Khand,Arial,sans-serif;font-size:clamp(190px,22vw,430px);line-height:.72;font-weight:700;letter-spacing:-.065em;color:var(--soft);white-space:nowrap;user-select:none;pointer-events:none;transition:color .45s ease,opacity .35s ease}#yu-sigesti-mega-horizontal .ysm-copy{position:absolute;left:3.2%;top:14%;z-index:10;width:25.5%;max-width:470px}#yu-sigesti-mega-horizontal .ysm-kicker{margin-bottom:18px;font-family:Khand,Arial,sans-serif;font-size:17px;line-height:1;font-weight:600;text-transform:uppercase}#yu-sigesti-mega-horizontal .ysm-kicker::first-letter{color:var(--blue)}#yu-sigesti-mega-horizontal .ysm-title{margin:0;font-family:Khand,Arial,sans-serif;font-size:clamp(55px,5.2vw,98px);line-height:.84;font-weight:600;letter-spacing:-.045em;text-transform:uppercase}#yu-sigesti-mega-horizontal .ysm-title span{display:block}#yu-sigesti-mega-horizontal .ysm-title .ysm-accent{color:var(--blue);transition:color .45s ease}#yu-sigesti-mega-horizontal .ysm-micro{margin-top:28px;font-family:Khand,Arial,sans-serif;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.015em}#yu-sigesti-mega-horizontal .ysm-micro b{color:var(--orange);padding:0 7px}#yu-sigesti-mega-horizontal .ysm-stage{position:absolute;left:31%;right:3%;top:8%;bottom:7%;z-index:20;min-width:0}#yu-sigesti-mega-horizontal .ysm-rail{position:absolute;left:0;top:0;width:100%;height:58px;display:grid;grid-template-columns:1.25fr repeat(3,1fr);align-items:start;border-bottom:1px solid currentColor;color:inherit;opacity:.96;z-index:30}#yu-sigesti-mega-horizontal .ysm-rail-label,#yu-sigesti-mega-horizontal .ysm-tab{font-family:Khand,Arial,sans-serif;text-transform:uppercase;font-weight:600;letter-spacing:.018em;line-height:1}#yu-sigesti-mega-horizontal .ysm-rail-label{padding-top:4px;font-size:15px}#yu-sigesti-mega-horizontal .ysm-tab{appearance:none;border:0;background:transparent;color:inherit;text-align:left;padding:4px 12px 15px 0;font-size:17px;opacity:.38;cursor:pointer;transition:opacity .25s ease,color .25s ease}#yu-sigesti-mega-horizontal .ysm-tab span{font-size:12px;opacity:.65;margin-right:7px}#yu-sigesti-mega-horizontal .ysm-tab.is-active{opacity:1}#yu-sigesti-mega-horizontal .ysm-progress{position:absolute;left:25%;bottom:-2px;width:25%;height:4px;border-radius:999px;background:var(--orange);transform:translateX(calc(var(--step,0) * 100%));transition:transform .18s ease}#yu-sigesti-mega-horizontal .ysm-viewport{position:absolute;left:0;right:0;top:76px;bottom:0;overflow:hidden}#yu-sigesti-mega-horizontal .ysm-track{width:300%;height:100%;display:flex;transform:translate3d(calc(var(--x,0) * -33.333333%),0,0);will-change:transform}#yu-sigesti-mega-horizontal .ysm-slide{flex:0 0 33.333333%;width:33.333333%;height:100%;padding:8px 3% 24px;display:flex;align-items:center;justify-content:center}#yu-sigesti-mega-horizontal .ysm-slide-fit{width:100%;height:100%;display:flex;align-items:center;justify-content:center;min-width:0;min-height:0}#yu-sigesti-mega-horizontal .ysm-mega-card{position:relative;transform-origin:center center;will-change:transform}#yu-sigesti-mega-horizontal .ysm-slide:nth-child(1) .ysm-mega-card{width:1480px}#yu-sigesti-mega-horizontal .ysm-slide:nth-child(2) .ysm-mega-card{width:1320px}#yu-sigesti-mega-horizontal .ysm-slide:nth-child(3) .ysm-mega-card{width:1320px}#yu-sigesti-mega-horizontal #sigesti-showcase-clean,#yu-sigesti-mega-horizontal #sg-partenze-clean,#yu-sigesti-mega-horizontal #sg-flow-system-03{width:100% !important;margin:0 !important;background:transparent !important;min-height:0 !important}#yu-sigesti-mega-horizontal #sigesti-showcase-clean .sg-wrap,#yu-sigesti-mega-horizontal #sg-partenze-clean .spc-canvas,#yu-sigesti-mega-horizontal #sg-flow-system-03 .sf3-canvas{background:#fff !important;border-radius:24px !important;overflow:hidden !important;box-shadow:0 26px 70px rgba(0,0,0,.12) !important;border:1px solid rgba(18,18,18,.08) !important}#yu-sigesti-mega-horizontal #sigesti-showcase-clean .sg-wrap{padding:0 !important}#yu-sigesti-mega-horizontal #sg-partenze-clean .spc-canvas,#yu-sigesti-mega-horizontal #sg-flow-system-03 .sf3-canvas{min-height:760px !important}#yu-sigesti-mega-horizontal .ysm-dot{position:absolute;z-index:15;width:22px;height:22px;border-radius:50%;pointer-events:none}#yu-sigesti-mega-horizontal .ysm-dot-black{left:25.8%;top:51%;background:#101010}#yu-sigesti-mega-horizontal .ysm-dot-orange{right:2.8%;top:52%;background:var(--orange);box-shadow:0 0 0 10px rgba(240,109,60,.13)}#yu-sigesti-mega-horizontal .ysm-stroke{position:absolute;left:4.8%;bottom:10%;z-index:12;width:16%;height:8px;background:var(--orange);border-radius:999px;transform:rotate(-7deg);transform-origin:left center}#yu-sigesti-mega-horizontal[data-step=\"0\"]{--bg:#F7F6F2;--fg:#101010;--soft:rgba(66,91,211,.09)}#yu-sigesti-mega-horizontal[data-step=\"0\"] .ysm-title .ysm-accent{color:var(--blue)}#yu-sigesti-mega-horizontal[data-step=\"1\"]{--bg:#425BD3;--fg:#fff;--soft:rgba(255,255,255,.085)}#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-title .ysm-accent{color:#fff}#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-dot-black{background:#fff}#yu-sigesti-mega-horizontal[data-step=\"2\"]{--bg:#F7F6F2;--fg:#101010;--soft:rgba(66,91,211,.09)}#yu-sigesti-mega-horizontal[data-step=\"2\"] .ysm-title .ysm-accent{color:var(--orange)}@media (max-width:1100px){#yu-sigesti-mega-horizontal{min-height:0;background:#F7F6F2 !important;color:#101010 !important}#yu-sigesti-mega-horizontal .ysm-sticky{position:relative;top:auto;height:auto;min-height:0;overflow:visible;padding:70px 20px;background:#F7F6F2 !important}#yu-sigesti-mega-horizontal .ysm-watermark,#yu-sigesti-mega-horizontal .ysm-dot,#yu-sigesti-mega-horizontal .ysm-stroke{display:none}#yu-sigesti-mega-horizontal .ysm-copy{position:relative;left:auto;top:auto;width:100%;max-width:none;margin-bottom:42px}#yu-sigesti-mega-horizontal .ysm-title{font-size:clamp(48px,12vw,80px)}#yu-sigesti-mega-horizontal .ysm-stage{position:relative;left:auto;right:auto;top:auto;bottom:auto}#yu-sigesti-mega-horizontal .ysm-rail{position:relative;grid-template-columns:1fr;height:auto;gap:8px;border-bottom:0;margin-bottom:28px}#yu-sigesti-mega-horizontal .ysm-progress{display:none}#yu-sigesti-mega-horizontal .ysm-viewport{position:relative;top:auto;bottom:auto;overflow:visible}#yu-sigesti-mega-horizontal .ysm-track{width:100%;display:block;transform:none !important}#yu-sigesti-mega-horizontal .ysm-slide{width:100%;height:auto;padding:0 0 40px}#yu-sigesti-mega-horizontal .ysm-mega-card{width:100% !important;transform:none !important}}#yu-sigesti-mega-horizontal{min-height:340vh}#yu-sigesti-mega-horizontal .ysm-stroke{left:4.8%;bottom:9%;width:17%;height:10px;background:var(--orange);border-radius:999px;transform:rotate(-7deg) skewX(-14deg);clip-path:polygon(0 46%,7% 17%,82% 0,100% 27%,92% 67%,13% 100%,0 76%)}#yu-sigesti-mega-horizontal .ysm-stage{left:29.5%;right:2.2%;top:3.8%;bottom:3.5%}#yu-sigesti-mega-horizontal .ysm-rail{height:48px}#yu-sigesti-mega-horizontal .ysm-viewport{top:57px}#yu-sigesti-mega-horizontal .ysm-track{--slide-gap:40px;width:calc(300% + (var(--slide-gap) * 2));gap:var(--slide-gap);align-items:center;transform:translate3d( calc( (var(--x,0) * -1) * ((100% - (var(--slide-gap) * 2)) \/ 3 + var(--slide-gap)) ),0,0 )}#yu-sigesti-mega-horizontal .ysm-slide{flex:0 0 calc((100% - (var(--slide-gap) * 2)) \/ 3);width:calc((100% - (var(--slide-gap) * 2)) \/ 3);padding:0}#yu-sigesti-mega-horizontal .ysm-slide-fit{width:100%;height:100%;padding:0}#yu-sigesti-mega-horizontal .ysm-slide:nth-child(1) .ysm-mega-card{width:1760px}#yu-sigesti-mega-horizontal .ysm-slide:nth-child(2) .ysm-mega-card{width:1580px}#yu-sigesti-mega-horizontal .ysm-slide:nth-child(3) .ysm-mega-card{width:1580px}#yu-sigesti-mega-horizontal #sigesti-showcase-clean .sg-wrap,#yu-sigesti-mega-horizontal #sg-partenze-clean .spc-canvas,#yu-sigesti-mega-horizontal #sg-flow-system-03 .sf3-canvas{background:#fff !important;border-radius:26px !important;overflow:hidden !important;box-shadow:0 30px 80px rgba(0,0,0,.14) !important;border:1px solid rgba(18,18,18,.08) !important}#yu-sigesti-mega-horizontal .ysm-desc{margin:18px 0 0;max-width:430px;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.48;font-weight:500;color:inherit}#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-desc{color:rgba(255,255,255,.88)}#yu-sigesti-mega-horizontal .ysm-zoom-btn{position:absolute;right:0;top:58px;z-index:100;min-height:38px;padding:8px 13px;border:1px solid rgba(16,16,16,.3);border-radius:999px;background:rgba(255,255,255,.94);color:#101010;font-family:Khand,Arial,sans-serif;font-size:13px;font-weight:600;letter-spacing:.03em;text-transform:uppercase;cursor:pointer}#yu-sigesti-mega-horizontal.is-zoomed .ysm-copy{opacity:.08;pointer-events:none}#yu-sigesti-mega-horizontal.is-zoomed .ysm-stage{left:4%;right:4%}#yu-sigesti-mega-horizontal.is-zoomed .ysm-watermark,#yu-sigesti-mega-horizontal.is-zoomed .ysm-stroke,#yu-sigesti-mega-horizontal.is-zoomed .ysm-dot-black{opacity:.06}#yu-sigesti-mega-horizontal .ysm-copy,#yu-sigesti-mega-horizontal .ysm-stage,#yu-sigesti-mega-horizontal .ysm-watermark,#yu-sigesti-mega-horizontal .ysm-stroke{transition:opacity .25s ease,left .25s ease,right .25s ease}@media (max-width:1100px){#yu-sigesti-mega-horizontal{min-height:0 !important;height:auto !important;overflow:hidden !important;background:var(--bg) !important;color:var(--fg) !important;transition:background-color .32s ease,color .32s ease}#yu-sigesti-mega-horizontal .ysm-sticky{position:relative !important;top:auto !important;height:auto !important;min-height:0 !important;overflow:hidden !important;padding:34px 0 42px !important;background:var(--bg) !important}#yu-sigesti-mega-horizontal .ysm-copy{position:relative !important;left:auto !important;top:auto !important;width:auto !important;max-width:none !important;margin:0 16px 24px !important;opacity:1 !important;pointer-events:auto !important}#yu-sigesti-mega-horizontal .ysm-kicker{margin-bottom:10px !important;font-size:13px !important}#yu-sigesti-mega-horizontal .ysm-title{font-size:clamp(44px,13vw,72px) !important;line-height:.86 !important}#yu-sigesti-mega-horizontal .ysm-micro{margin-top:16px !important;font-size:11px !important}#yu-sigesti-mega-horizontal .ysm-desc{margin-top:12px !important;font-size:14px !important;line-height:1.45 !important}#yu-sigesti-mega-horizontal .ysm-stage{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100% !important;min-height:0 !important}#yu-sigesti-mega-horizontal .ysm-watermark{display:block !important;left:2% !important;bottom:1% !important;font-size:clamp(110px,36vw,220px) !important;opacity:.62 !important}#yu-sigesti-mega-horizontal .ysm-dot{display:none !important}#yu-sigesti-mega-horizontal .ysm-stroke{left:16px !important;bottom:18px !important;width:34% !important;height:7px !important}#yu-sigesti-mega-horizontal .ysm-rail{position:relative !important;width:calc(100% - 32px) !important;height:50px !important;margin:0 16px 12px !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;border-bottom:1px solid currentColor !important}#yu-sigesti-mega-horizontal .ysm-rail-label{display:none !important}#yu-sigesti-mega-horizontal .ysm-tab{min-width:0 !important;padding:3px 3px 12px 0 !important;font-size:12px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}#yu-sigesti-mega-horizontal .ysm-tab span{font-size:9px !important;margin-right:3px !important}#yu-sigesti-mega-horizontal .ysm-progress{display:block !important;left:0 !important;bottom:-2px !important;width:33.333333% !important;height:3px !important;transform:translateX(calc(var(--step,0) * 100%)) !important}#yu-sigesti-mega-horizontal .ysm-viewport{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100% !important;height:auto !important;overflow-x:auto !important;overflow-y:hidden !important;scroll-snap-type:x mandatory !important;scroll-behavior:smooth !important;overscroll-behavior-x:contain !important;-webkit-overflow-scrolling:touch;scrollbar-width:none}#yu-sigesti-mega-horizontal .ysm-viewport::-webkit-scrollbar{display:none}#yu-sigesti-mega-horizontal .ysm-track{width:max-content !important;height:auto !important;display:flex !important;gap:16px !important;align-items:flex-start !important;padding:0 16px !important;transform:none !important;transition:none !important}#yu-sigesti-mega-horizontal .ysm-slide{flex:0 0 calc(100vw - 32px) !important;width:calc(100vw - 32px) !important;height:auto !important;min-height:0 !important;padding:0 0 10px !important;scroll-snap-align:center !important;scroll-snap-stop:always !important}#yu-sigesti-mega-horizontal .ysm-slide-fit{width:100% !important;height:auto !important;display:block !important}#yu-sigesti-mega-horizontal .ysm-mega-card{width:100% !important;max-width:100% !important;transform:none !important}#yu-sigesti-mega-horizontal #sigesti-showcase-clean,#yu-sigesti-mega-horizontal #sg-partenze-clean,#yu-sigesti-mega-horizontal #sg-flow-system-03{width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important}#yu-sigesti-mega-horizontal #sigesti-showcase-clean .sg-wrap,#yu-sigesti-mega-horizontal #sg-partenze-clean .spc-canvas,#yu-sigesti-mega-horizontal #sg-flow-system-03 .sf3-canvas{width:100% !important;max-width:100% !important;min-width:0 !important;height:auto !important;min-height:0 !important;border-radius:16px !important;box-shadow:0 16px 38px rgba(0,0,0,.12) !important}#yu-sigesti-mega-horizontal .ysm-zoom-btn{position:relative !important;top:auto !important;right:auto !important;display:flex !important;width:max-content !important;margin:14px 16px 0 auto !important;min-height:42px !important;align-items:center !important}#yu-sigesti-mega-horizontal.is-zoomed .ysm-stage{left:auto !important;right:auto !important}#yu-sigesti-mega-horizontal.is-zoomed .ysm-copy{opacity:1 !important}#yu-sigesti-mega-horizontal.is-zoomed .ysm-slide.is-current{flex-basis:calc(100vw - 8px) !important;width:calc(100vw - 8px) !important}}@media (max-width:1100px){#yu-sigesti-mega-horizontal{min-height:0 !important;height:auto !important;overflow:hidden !important;background:var(--bg) !important;color:var(--fg) !important}#yu-sigesti-mega-horizontal .ysm-sticky{position:relative !important;top:auto !important;height:auto !important;min-height:0 !important;overflow:visible !important;padding:34px 0 42px !important}#yu-sigesti-mega-horizontal .ysm-copy{position:relative !important;left:auto !important;top:auto !important;width:auto !important;max-width:none !important;margin:0 16px 24px !important;opacity:1 !important;pointer-events:auto !important}#yu-sigesti-mega-horizontal .ysm-kicker{margin-bottom:10px !important;font-size:13px !important}#yu-sigesti-mega-horizontal .ysm-title{font-size:clamp(44px,13vw,72px) !important;line-height:.86 !important}#yu-sigesti-mega-horizontal .ysm-micro{margin-top:16px !important;font-size:11px !important;line-height:1.25 !important}#yu-sigesti-mega-horizontal .ysm-desc{margin-top:12px !important;max-width:520px !important;font-size:14px !important;line-height:1.45 !important}#yu-sigesti-mega-horizontal .ysm-stage{position:relative !important;left:auto !important;right:auto !important;top:auto !important;bottom:auto !important;width:100% !important;min-height:0 !important}#yu-sigesti-mega-horizontal .ysm-watermark{display:block !important;left:2% !important;bottom:0 !important;font-size:clamp(110px,36vw,220px) !important;opacity:.60 !important}#yu-sigesti-mega-horizontal .ysm-dot{display:none !important}#yu-sigesti-mega-horizontal .ysm-stroke{left:16px !important;bottom:18px !important;width:34% !important;height:7px !important}#yu-sigesti-mega-horizontal .ysm-rail{position:relative !important;width:calc(100% - 32px) !important;height:50px !important;margin:0 16px 12px !important;display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;border-bottom:1px solid currentColor !important}#yu-sigesti-mega-horizontal .ysm-rail-label{display:none !important}#yu-sigesti-mega-horizontal .ysm-tab{min-width:0 !important;padding:3px 3px 12px 0 !important;font-size:12px !important;overflow:hidden !important;text-overflow:ellipsis !important;white-space:nowrap !important}#yu-sigesti-mega-horizontal .ysm-tab span{font-size:9px !important;margin-right:3px !important}#yu-sigesti-mega-horizontal .ysm-progress{display:block !important;left:0 !important;bottom:-2px !important;width:33.333333% !important;height:3px !important;transform:translateX(calc(var(--step,0) * 100%)) !important}#yu-sigesti-mega-horizontal .ysm-viewport{position:relative !important;top:auto !important;bottom:auto !important;width:100% !important;height:auto !important;overflow:visible !important;padding:0 16px !important}#yu-sigesti-mega-horizontal .ysm-track{width:100% !important;height:auto !important;display:block !important;transform:none !important;padding:0 !important}#yu-sigesti-mega-horizontal .ysm-slide{display:none !important;width:100% !important;height:auto !important;min-height:0 !important;padding:0 !important}#yu-sigesti-mega-horizontal .ysm-slide.is-current{display:block !important}#yu-sigesti-mega-horizontal .ysm-slide-fit{width:100% !important;height:auto !important;min-height:0 !important;display:block !important;position:relative !important}#yu-sigesti-mega-horizontal .ysm-mega-card{width:100% !important;max-width:100% !important;transform:none !important;transform-origin:top center !important}#yu-sigesti-mega-horizontal:not(.is-zoomed) .ysm-slide.is-current .ysm-slide-fit{max-height:62svh !important;min-height:500px !important;overflow:hidden !important;border-radius:16px !important}#yu-sigesti-mega-horizontal:not(.is-zoomed) .ysm-slide.is-current .ysm-slide-fit::after{content:\"\";position:absolute;left:0;right:0;bottom:0;z-index:150;height:110px;pointer-events:none;background:linear-gradient(to bottom,rgba(247,246,242,0),rgba(247,246,242,.9) 70%,rgba(247,246,242,1))}#yu-sigesti-mega-horizontal[data-step=\"1\"]:not(.is-zoomed) .ysm-slide.is-current .ysm-slide-fit::after{background:linear-gradient(to bottom,rgba(66,91,211,0),rgba(66,91,211,.86) 70%,rgba(66,91,211,1))}#yu-sigesti-mega-horizontal.is-zoomed .ysm-slide.is-current .ysm-slide-fit{max-height:none !important;min-height:0 !important;overflow:visible !important}#yu-sigesti-mega-horizontal.is-zoomed .ysm-stage{left:auto !important;right:auto !important}#yu-sigesti-mega-horizontal.is-zoomed .ysm-copy{opacity:1 !important;pointer-events:auto !important}#yu-sigesti-mega-horizontal #sigesti-showcase-clean,#yu-sigesti-mega-horizontal #sg-partenze-clean,#yu-sigesti-mega-horizontal #sg-flow-system-03{width:100% !important;max-width:100% !important;min-width:0 !important;margin:0 !important}#yu-sigesti-mega-horizontal #sigesti-showcase-clean .sg-wrap,#yu-sigesti-mega-horizontal #sg-partenze-clean .spc-canvas,#yu-sigesti-mega-horizontal #sg-flow-system-03 .sf3-canvas{width:100% !important;max-width:100% !important;min-width:0 !important;height:auto !important;min-height:0 !important;overflow:visible !important;border-radius:16px !important;box-shadow:0 16px 38px rgba(0,0,0,.12) !important}#yu-sigesti-mega-horizontal .ysm-zoom-btn{position:relative !important;top:auto !important;right:auto !important;display:flex !important;width:max-content !important;min-height:42px !important;margin:14px 16px 0 auto !important;align-items:center !important;justify-content:center !important;padding:10px 15px !important;background:#101010 !important;color:#fff !important;border:1px solid #101010 !important}#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-zoom-btn{background:#fff !important;color:#101010 !important;border-color:#fff !important}}@media (max-width:600px){#yu-sigesti-mega-horizontal:not(.is-zoomed) .ysm-slide.is-current .ysm-slide-fit{max-height:60svh !important;min-height:460px !important}}@media (max-width:1100px){#yu-sigesti-mega-horizontal .ysm-viewport{width:100% !important;padding-left:0 !important;padding-right:0 !important;margin:0 !important;transform:none !important}#yu-sigesti-mega-horizontal .ysm-track{width:100% !important;padding:0 !important;margin:0 !important;transform:none !important}#yu-sigesti-mega-horizontal .ysm-slide,#yu-sigesti-mega-horizontal .ysm-slide.is-current{width:calc(100% - 32px) !important;max-width:calc(100% - 32px) !important;margin-left:16px !important;margin-right:16px !important;padding:0 !important;left:auto !important;right:auto !important;transform:none !important;box-sizing:border-box !important}#yu-sigesti-mega-horizontal .ysm-slide-fit,#yu-sigesti-mega-horizontal .ysm-mega-card{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;left:auto !important;right:auto !important;transform:none !important;transform-origin:center top !important;box-sizing:border-box !important}#yu-sigesti-mega-horizontal.is-zoomed .ysm-slide.is-current{width:calc(100% - 32px) !important;max-width:calc(100% - 32px) !important;margin-left:16px !important;margin-right:16px !important;transform:none !important}#yu-sigesti-mega-horizontal.is-zoomed .ysm-slide.is-current .ysm-slide-fit,#yu-sigesti-mega-horizontal.is-zoomed .ysm-slide.is-current .ysm-mega-card{width:100% !important;max-width:100% !important;margin:0 !important;transform:none !important}#yu-sigesti-mega-horizontal.is-zoomed #sigesti-showcase-clean,#yu-sigesti-mega-horizontal.is-zoomed #sg-partenze-clean,#yu-sigesti-mega-horizontal.is-zoomed #sg-flow-system-03,#yu-sigesti-mega-horizontal.is-zoomed #sigesti-showcase-clean .sg-wrap,#yu-sigesti-mega-horizontal.is-zoomed #sg-partenze-clean .spc-canvas,#yu-sigesti-mega-horizontal.is-zoomed #sg-flow-system-03 .sf3-canvas{width:100% !important;max-width:100% !important;margin-left:0 !important;margin-right:0 !important;left:auto !important;right:auto !important;transform:none !important;box-sizing:border-box !important}}<\/style>\n\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ysm-slide\" data-slide=\"1\">\n            <div class=\"ysm-slide-fit\">\n              <div class=\"ysm-mega-card\">\n\n<section id=\"sg-partenze-clean\">\n  <div class=\"spc-canvas\">\n\n    <section class=\"spc-panel spc-next\">\n\n      <h2>UPCOMING DEPARTURES<\/h2>\n\n      <div class=\"spc-next-list\">\n\n        <div class=\"spc-next-row\">\n          <div class=\"spc-next-date\">\n            <span class=\"spc-icon-cal\"><\/span>\n            <strong>Tuesday 15 September 2026<\/strong>\n          <\/div>\n          <div class=\"spc-next-status\"><i><\/i>Available<\/div>\n          <div class=\"spc-next-price\">\n            <span><small>ADULT<\/small><b>95 \u20ac<\/b><\/span>\n            <span><small>CHILD<\/small><b>70 \u20ac<\/b><\/span>\n            <em>\u2192<\/em>\n          <\/div>\n        <\/div>\n\n        <div class=\"spc-next-row\">\n          <div class=\"spc-next-date\">\n            <span class=\"spc-icon-cal\"><\/span>\n            <strong>Thursday 17 September 2026<\/strong>\n          <\/div>\n          <div class=\"spc-next-status\"><i><\/i>Available<\/div>\n          <div class=\"spc-next-price\">\n            <span><small>ADULT<\/small><b>95 \u20ac<\/b><\/span>\n            <span><small>CHILD<\/small><b>70 \u20ac<\/b><\/span>\n            <em>\u2192<\/em>\n          <\/div>\n        <\/div>\n\n        <div class=\"spc-next-row\">\n          <div class=\"spc-next-date\">\n            <span class=\"spc-icon-cal\"><\/span>\n            <strong>Tuesday 22 September 2026<\/strong>\n          <\/div>\n          <div class=\"spc-next-status\"><i><\/i>Available<\/div>\n          <div class=\"spc-next-price\">\n            <span><small>ADULT<\/small><b>95 \u20ac<\/b><\/span>\n            <span><small>CHILD<\/small><b>70 \u20ac<\/b><\/span>\n            <em>\u2192<\/em>\n          <\/div>\n        <\/div>\n\n        <div class=\"spc-next-row\">\n          <div class=\"spc-next-date\">\n            <span class=\"spc-icon-cal\"><\/span>\n            <strong>Thursday 24 September 2026<\/strong>\n          <\/div>\n          <div class=\"spc-next-status\"><i><\/i>Available<\/div>\n          <div class=\"spc-next-price\">\n            <span><small>ADULT<\/small><b>95 \u20ac<\/b><\/span>\n            <span><small>CHILD<\/small><b>70 \u20ac<\/b><\/span>\n            <em>\u2192<\/em>\n          <\/div>\n        <\/div>\n\n        <div class=\"spc-next-row\">\n          <div class=\"spc-next-date\">\n            <span class=\"spc-icon-cal\"><\/span>\n            <strong>Tuesday 29 September 2026<\/strong>\n          <\/div>\n          <div class=\"spc-next-status\"><i><\/i>Available<\/div>\n          <div class=\"spc-next-price\">\n            <span><small>ADULT<\/small><b>95 \u20ac<\/b><\/span>\n            <span><small>CHILD<\/small><b>70 \u20ac<\/b><\/span>\n            <em>\u2192<\/em>\n          <\/div>\n        <\/div>\n\n        <div class=\"spc-next-more\">View more dates <span>\u2193<\/span><\/div>\n\n      <\/div>\n    <\/section>\n\n    \n    <section class=\"spc-panel spc-calendar\">\n\n      <header class=\"spc-calendar-head\">\n\n        <div class=\"spc-nav\">\n          <button>\u2039<\/button>\n          <button>\u203a<\/button>\n          <button class=\"spc-today\">Today<\/button>\n        <\/div>\n\n        <div class=\"spc-calendar-title\">\n          <h2>DEPARTURE CALENFROMR<\/h2>\n          <div class=\"spc-month\"><span class=\"spc-icon-cal\"><\/span>SEPTEMBER 2026<\/div>\n        <\/div>\n\n        <div class=\"spc-switch\">\n          <button class=\"active\">Month<\/button>\n          <button>List<\/button>\n        <\/div>\n\n      <\/header>\n\n      <div class=\"spc-filters\">\n        <label>\n          <small>MONTH<\/small>\n          <strong>September 2026 <span>\u2304<\/span><\/strong>\n        <\/label>\n\n        <label>\n          <small>DESTINATION<\/small>\n          <strong>All destinations <span>\u2304<\/span><\/strong>\n        <\/label>\n\n        <button>Clear filters<\/button>\n      <\/div>\n\n      <div class=\"spc-legend\">\n        <span><i class=\"green\"><\/i>Available<\/span>\n        <span><i class=\"orange\"><\/i>Limited availability<\/span>\n        <span><i class=\"red\"><\/i>Full<\/span>\n      <\/div>\n\n      <div class=\"spc-calendar-body\">\n\n        <div class=\"spc-month-grid\">\n\n          <div class=\"spc-dow\">Monday<\/div>\n          <div class=\"spc-dow\">Tuesday<\/div>\n          <div class=\"spc-dow\">Wednesday<\/div>\n          <div class=\"spc-dow\">Thursday<\/div>\n          <div class=\"spc-dow\">Friday<\/div>\n          <div class=\"spc-dow\">Saturday<\/div>\n          <div class=\"spc-dow\">Sunday<\/div>\n\n          <div class=\"spc-day muted\">31<\/div>\n          <div class=\"spc-day\">1<\/div>\n          <div class=\"spc-day\">2<\/div>\n          <div class=\"spc-day\">3<\/div>\n          <div class=\"spc-day\">4<\/div>\n          <div class=\"spc-day\">5<\/div>\n          <div class=\"spc-day\">6<\/div>\n\n          <div class=\"spc-day\">7<\/div>\n          <div class=\"spc-day\">8<\/div>\n          <div class=\"spc-day\">9<\/div>\n          <div class=\"spc-day\">10<\/div>\n          <div class=\"spc-day\">11<\/div>\n          <div class=\"spc-day\">12<\/div>\n          <div class=\"spc-day has-event\">\n            <b>13<\/b>\n            <div class=\"spc-event\">\n              <strong>Capri + Positano<\/strong>\n              <span><i class=\"green\"><\/i>Available<\/span>\n              <small>from \u20ac91 \u2192<\/small>\n            <\/div>\n          <\/div>\n\n          <div class=\"spc-day\">14<\/div>\n          <div class=\"spc-day has-event\">\n            <b>15<\/b>\n            <div class=\"spc-event\">\n              <strong>Gragnano e Napoli dal mare<\/strong>\n              <span><i class=\"grey\"><\/i>Full<\/span>\n              <small>from \u20ac120<\/small>\n            <\/div>\n          <\/div>\n          <div class=\"spc-day\">16<\/div>\n          <div class=\"spc-day\">17<\/div>\n          <div class=\"spc-day has-event\">\n            <b>18<\/b>\n            <div class=\"spc-event\">\n              <strong>Pompei + Lunch + Pastificio<\/strong>\n              <span><i class=\"grey\"><\/i>Full<\/span>\n              <small>from \u20ac98<\/small>\n            <\/div>\n          <\/div>\n          <div class=\"spc-day\">19<\/div>\n          <div class=\"spc-day\">20<\/div>\n\n          <div class=\"spc-day\">21<\/div>\n          <div class=\"spc-day\">22<\/div>\n          <div class=\"spc-day\">23<\/div>\n          <div class=\"spc-day\">24<\/div>\n          <div class=\"spc-day\">25<\/div>\n          <div class=\"spc-day\">26<\/div>\n          <div class=\"spc-day\">27<\/div>\n\n        <\/div>\n\n        \n        <div class=\"spc-agenda\">\n\n          <article>\n            <time><b>13<\/b><span>SEP 26<\/span><\/time>\n            <div class=\"spc-agenda-copy\">\n              <h3>Capri + Positano<\/h3>\n              <p><i class=\"green\"><\/i>Available<\/p>\n              <strong>from \u20ac91<\/strong>\n            <\/div>\n            <button>View experience<\/button>\n          <\/article>\n\n          <article>\n            <time><b>15<\/b><span>SEP 2026<\/span><\/time>\n            <div class=\"spc-agenda-copy\">\n              <h3>Gragnano e Napoli dal mare<\/h3>\n              <p><i class=\"grey\"><\/i>Full<\/p>\n              <strong>from \u20ac120<\/strong>\n            <\/div>\n            <em>Unavailable<\/em>\n          <\/article>\n\n          <article>\n            <time><b>18<\/b><span>SEP 2026<\/span><\/time>\n            <div class=\"spc-agenda-copy\">\n              <h3>Pompei + Lunch + Pastificio di Gragnano<\/h3>\n              <p><i class=\"grey\"><\/i>Full<\/p>\n              <strong>from \u20ac98<\/strong>\n            <\/div>\n            <em>Unavailable<\/em>\n          <\/article>\n\n        <\/div>\n\n      <\/div>\n\n    <\/section>\n\n    \n    <section class=\"spc-panel spc-booking\">\n\n      <h2>COMPLETE YOUR BOOKING<\/h2>\n\n      <div class=\"spc-step\">\n        <span>1<\/span>\n        <strong>Booking details<\/strong>\n      <\/div>\n\n      <div class=\"spc-book-top\">\n\n        <label class=\"spc-select\">\n          <small>Select date <b>*<\/b><\/small>\n          <div>- Select a date - <span>\u2304<\/span><\/div>\n          <div class=\"spc-option\">Sunday 13 September 2026 \u2014 12 spots available<\/div>\n        <\/label>\n\n        <div class=\"spc-counter-pair\">\n\n          <label>\n            <small>Adults <b>*<\/b><\/small>\n            <div class=\"spc-counter\"><button>\u2212<\/button><strong>1<\/strong><button>+<\/button><\/div>\n          <\/label>\n\n          <label>\n            <small>Children <b>*<\/b><\/small>\n            <div class=\"spc-counter\"><button>\u2212<\/button><strong>0<\/strong><button>+<\/button><\/div>\n          <\/label>\n\n        <\/div>\n      <\/div>\n\n      <div class=\"spc-step spc-step-2\">\n        <span>2<\/span>\n        <strong>Contact details<\/strong>\n      <\/div>\n\n      <div class=\"spc-fields\">\n        <label><small>First name <b>*<\/b><\/small><input><\/label>\n        <label><small>Last name <b>*<\/b><\/small><input><\/label>\n      <\/div>\n\n    <\/section>\n\n    \n    <section class=\"spc-panel spc-booking spc-booking-empty\">\n\n      <h2>COMPLETE YOUR BOOKING<\/h2>\n\n      <div class=\"spc-alert\">\n        <h3>There are currently no bookable departures<\/h3>\n        <p>Contact us to find out the next available dates or request a private departure for your group.<\/p>\n        <button>Message us on WhatsApp<\/button>\n      <\/div>\n\n      <div class=\"spc-step\">\n        <span>1<\/span>\n        <strong>Booking details<\/strong>\n      <\/div>\n\n      <div class=\"spc-empty-row\">\n\n        <label class=\"spc-select\">\n          <small>Select date <b>*<\/b><\/small>\n          <div>No departures available <span>\u2304<\/span><\/div>\n        <\/label>\n\n        <label>\n          <small>Adults <b>*<\/b><\/small>\n          <div class=\"spc-counter\"><button>\u2212<\/button><strong>1<\/strong><button>+<\/button><\/div>\n        <\/label>\n\n      <\/div>\n\n    <\/section>\n\n  <\/div>\n<\/section>\n\n              <\/div>\n            <\/div>\n          <\/article>\n\n          <article class=\"ysm-slide\" data-slide=\"2\">\n            <div class=\"ysm-slide-fit\">\n              <div class=\"ysm-mega-card\">\n\n<section id=\"sg-flow-system-03\">\n  <div class=\"sf3-canvas\">\n\n    <section class=\"sf3-panel sf3-checkout\">\n\n      <div class=\"sf3-kicker\">01 \/ BOOKING<\/div>\n\n      <div class=\"sf3-checkout-head\">\n        <span>Home \/ Experiences \/ Capri + Positano \/<\/span>\n        <strong>Checkout<\/strong>\n      <\/div>\n\n      <h2>COMPLETE YOUR BOOKING<\/h2>\n\n      <div class=\"sf3-step\">\n        <span>1<\/span>\n        <strong>Booking details<\/strong>\n      <\/div>\n\n      <div class=\"sf3-book-row\">\n        <label class=\"sf3-field sf3-date-field\">\n          <small>Select date <b>*<\/b><\/small>\n          <div class=\"sf3-select\">Sunday 13 September 2026 \u2014 12 spots available <span>\u2304<\/span><\/div>\n        <\/label>\n\n        <label class=\"sf3-field\">\n          <small>Adults <b>*<\/b><\/small>\n          <div class=\"sf3-counter\"><button>\u2212<\/button><strong>3<\/strong><button>+<\/button><\/div>\n        <\/label>\n\n        <label class=\"sf3-field\">\n          <small>Children <b>*<\/b><\/small>\n          <div class=\"sf3-counter\"><button>\u2212<\/button><strong>1<\/strong><button>+<\/button><\/div>\n        <\/label>\n      <\/div>\n\n      <div class=\"sf3-step sf3-step-gap\">\n        <span>2<\/span>\n        <strong>Contact details<\/strong>\n      <\/div>\n\n      <div class=\"sf3-two\">\n        <label class=\"sf3-field\"><small>First name <b>*<\/b><\/small><div class=\"sf3-input\">Yu<\/div><\/label>\n        <label class=\"sf3-field\"><small>Last name <b>*<\/b><\/small><div class=\"sf3-input\">Design<\/div><\/label>\n        <label class=\"sf3-field\"><small>E-mail <b>*<\/b><\/small><div class=\"sf3-input\">info@yuliyapivnyak.it<\/div><\/label>\n        <label class=\"sf3-field\"><small>Phone\/Mobile <b>*<\/b><\/small><div class=\"sf3-input\">\ud83c\uddee\ud83c\uddf9 +39 328 6216674<\/div><\/label>\n      <\/div>\n\n      <div class=\"sf3-step sf3-step-gap\">\n        <span>3<\/span>\n        <strong>Payment and confirmation<\/strong>\n      <\/div>\n\n      <div class=\"sf3-payments\">\n        <div class=\"sf3-pay active\"><span>\u25cf<\/span>Credit or debit card <em>VISA \u25cf<\/em><\/div>\n        <div class=\"sf3-pay\"><span>\u25cb<\/span>PayPal <em>PayPal<\/em><\/div>\n        <div class=\"sf3-cardline\">Pay by Card (Stripe) <span>\u2022\u2022\u2022\u2022 3414 3414 3414 3414<\/span><\/div>\n      <\/div>\n\n      <div class=\"sf3-summary\">\n        <h3>Payment summary<\/h3>\n        <div><span>Experience total<\/span><strong>305,00 \u20ac<\/strong><\/div>\n        <div><span>50% deposit due now<\/span><strong>152,50 \u20ac<\/strong><\/div>\n        <div><span>Remaining balance<\/span><strong>152,50 \u20ac<\/strong><\/div>\n      <\/div>\n\n      <div class=\"sf3-consent\">\u2611 I have read and accept the Privacy Policy and booking terms.<\/div>\n\n      <button class=\"sf3-confirm\">CONFIRM AND PAY \u20ac152.50<\/button>\n\n    <\/section>\n\n    \n    <section class=\"sf3-panel sf3-record\">\n\n      <div class=\"sf3-kicker\">02 \/ RECORD<\/div>\n\n      <div class=\"sf3-admin-top\">\n        <span>\u2302 Entries<\/span>\n        <strong>\/ Serial Number #36<\/strong>\n      <\/div>\n\n      <div class=\"sf3-tabs\">\n        <span>Edit<\/span>\n        <span>Settings & Integrations<\/span>\n        <b>Entries<\/b>\n      <\/div>\n\n      <div class=\"sf3-record-title\">\u2299 Form submission data<\/div>\n\n      <div class=\"sf3-record-list\">\n        <div><small>experience<\/small><strong>7256<\/strong><\/div>\n        <div><small>Experience title<\/small><strong>Capri + Positano<\/strong><\/div>\n        <div><small>Deposit percentage<\/small><strong>50<\/strong><\/div>\n        <div><small>Experience total<\/small><strong>305,00 \u20ac<\/strong><\/div>\n        <div><small>Deposit due<\/small><strong>152,50 \u20ac<\/strong><\/div>\n        <div><small>Remaining balance<\/small><strong>152,50 \u20ac<\/strong><\/div>\n        <div><small>Select date<\/small><strong>13\/09\/2026<\/strong><\/div>\n        <div><small>First name<\/small><strong>Yu Design<\/strong><\/div>\n        <div><small>E-mail<\/small><strong>info@yuliyapivnyak.it<\/strong><\/div>\n        <div><small>Phone\/Mobile<\/small><strong>+39 3286216674<\/strong><\/div>\n        <div><small>GDPR consent<\/small><strong>Accepted<\/strong><\/div>\n      <\/div>\n\n      <div class=\"sf3-order\">\n        <div class=\"sf3-order-head\">Order details<\/div>\n        <div class=\"sf3-order-row sf3-order-labels\">\n          <span>Product<\/span><span>Quantity<\/span><span>Unit price<\/span><span>Price<\/span>\n        <\/div>\n        <div class=\"sf3-order-row\">\n          <span>Deposit due<\/span><span>1<\/span><span>\u20ac152,50<\/span><strong>\u20ac152,50<\/strong>\n        <\/div>\n        <div class=\"sf3-order-total\"><span>Total<\/span><strong>\u20ac152,50<\/strong><\/div>\n      <\/div>\n\n    <\/section>\n\n    \n\n    \n    <section class=\"sf3-panel sf3-emails\">\n\n      <div class=\"sf3-kicker\">03 \/ AUTOMAZIONI<\/div>\n\n      <div class=\"sf3-mail-label\">CUSTOMER EMAIL<\/div>\n\n      <article class=\"sf3-mail\">\n        <div class=\"sf3-mail-subject\">Your booking is confirmed \u2013 Capri + Positano<\/div>\n        <div class=\"sf3-mail-meta\">SIGESTI Group <span>\u25cf<\/span> to info<\/div>\n        <div class=\"sf3-mail-band\">SIGESTI EXPERIENCES<br><strong>Your booking<br>is confirmed<\/strong><\/div>\n        <p>Hi Yu Design,<\/p>\n        <p>thank you for choosing SIGESTI Experiences. Your payment has been received and your booking is confirmed.<\/p>\n        <div class=\"sf3-mail-note\"><strong>\u24d8 Your Travel Pass is attached<\/strong><br>Keep it and bring it with you on the day of your experience.<\/div>\n      <\/article>\n\n      <div class=\"sf3-mail-label sf3-admin-label\">ADMIN EMAIL<\/div>\n\n      <article class=\"sf3-mail sf3-mail-admin\">\n        <div class=\"sf3-mail-subject\">New booking received \u2013 Capri + Positano<\/div>\n        <div class=\"sf3-mail-meta\">SIGESTI Group <span>\u25cf<\/span> to info<\/div>\n        <div class=\"sf3-mail-band\">SIGESTI EXPERIENCES<br><strong>New booking<br>received<\/strong><\/div>\n        <p>A new booking has been confirmed through the SIGESTI Experiences website.<\/p>\n      <\/article>\n\n    <\/section>\n\n    \n\n    \n    <section class=\"sf3-panel sf3-pass\">\n\n      <div class=\"sf3-kicker\">04 \/ OUTPUT<\/div>\n\n      <div class=\"sf3-pass-head\">\n        <span>GRUPPO SIGESTI<\/span>\n        <strong>TRAVEL<br>PASS<\/strong>\n        <p>Your experience<br>starts here.<\/p>\n        <small>BOOKING ID<br><b>SIG-36<\/b><\/small>\n      <\/div>\n\n      <div class=\"sf3-pass-photo\">\n        <img decoding=\"async\" src=\"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/08\/sigesti-hero.webp\" alt=\"\">\n      <\/div>\n\n      <div class=\"sf3-pass-body\">\n        <small>YOUR EXPERIENCE<\/small>\n        <h2>Capri + Positano<\/h2>\n        <p>The charm of Capri and the magic of Positano in one unforgettable day at sea.<\/p>\n\n        <div class=\"sf3-pass-grid\">\n          <div><small>FROMTE<\/small><strong>13\/09\/2026<\/strong><\/div>\n          <div><small>TIME<\/small><strong>08:00 - 19:30<\/strong><\/div>\n          <div><small>PARTICIPANTS<\/small><strong>3 adults<br>1 child<\/strong><\/div>\n          <div><small>MEETING POINT<\/small><strong>Agreed meeting point<\/strong><\/div>\n        <\/div>\n\n        <div class=\"sf3-pass-mini\">\n          <div><small>BOOKING CONTACT<\/small><strong>Yu Design<\/strong><span>+39 3286216674<\/span><span>info@yuliyapivnyak.it<\/span><\/div>\n          <div><small>PAYMENT SUMMARY<\/small><span>Experience total<\/span><strong>\u20ac305,00<\/strong><span>Deposit received<\/span><strong>\u20ac152,50<\/strong><span>Remaining balance<\/span><strong>\u20ac152,50<\/strong><\/div>\n        <\/div>\n\n        <div class=\"sf3-pass-after\">\n          <strong>What happens next?<\/strong>\n          <p>We have secured your booking and reserved availability for the selected experience.<\/p>\n        <\/div>\n\n        <div class=\"sf3-pass-footer\">Gruppo SIGESTI SRL Benefit \u00b7 Travel Pass \u00b7 Page 1\/2<\/div>\n      <\/div>\n\n    <\/section>\n\n  <\/div>\n<\/section>\n\n              <\/div>\n            <\/div>\n          <\/article>\n\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"ysm-dot ysm-dot-black\" aria-hidden=\"true\"><\/div>\n    <div class=\"ysm-dot ysm-dot-orange\" aria-hidden=\"true\"><\/div>\n    <div class=\"ysm-stroke\" aria-hidden=\"true\"><\/div>\n  <\/div>\n<\/section>\n\n<script id=\"ysm-v10-controller\">\n(() => {\n  const root = document.querySelector('#yu-sigesti-mega-horizontal');\n  if(!root || root.dataset.cleanV6 === '1') return;\n  root.dataset.cleanV6 = '1';\n  root.dataset.step = '0';\n\n  const sticky = root.querySelector('.ysm-sticky');\n  const stage = root.querySelector('.ysm-stage');\n  const viewport = root.querySelector('.ysm-viewport');\n  const track = root.querySelector('.ysm-track');\n  const rail = root.querySelector('.ysm-rail');\n  const tabs = [...root.querySelectorAll('.ysm-tab')];\n  const slides = [...root.querySelectorAll('.ysm-slide')];\n  const cards = [...root.querySelectorAll('.ysm-mega-card')];\n\n  const kicker = root.querySelector('.ysm-kicker');\n  const title = root.querySelector('.ysm-title');\n  const micro = root.querySelector('.ysm-micro');\n  const watermark = root.querySelector('.ysm-watermark');\n\n  let desc = root.querySelector('.ysm-desc');\n  if(!desc && micro){\n    desc = document.createElement('p');\n    desc.className = 'ysm-desc';\n    micro.insertAdjacentElement('afterend',desc);\n  }\n\n  const copy = [\n    {\n      kicker:'[01] UX \/ CONTENT',\n      title:['ONE','EXPERIENCE.','DIFFERENT','DEPTHS.'],\n      micro:'DISCOVERY <b>\u2192<\/b> COMPARISON <b>\u2192<\/b> DECISION',\n      desc:'The same content changes depth depending on context: overview on the homepage, comparison in Experiences, detail on the individual experience page.',\n      watermark:'EXPERIENCE'\n    },\n    {\n      kicker:'[02] DEPARTURES \/ FROMTE',\n      title:['ONE FROMTE POINT.','FOUR','OUTCOMES.',''],\n      micro:'FROMTA <b>\u2192<\/b> DISTRIBUTION <b>\u2192<\/b> STATUS',\n      desc:'One structured data point powers the calendar, experience page and checkout without duplication.',\n      watermark:'FROMTA'\n    },\n    {\n      kicker:'[03] BOOKING \/ FLOW',\n      title:['A BOOKING','DOESN\u2019T END','AT THE CLICK.','IT TRIGGERS THE REST.'],\n      micro:'BOOKING <b>\u2192<\/b> RECORD <b>\u2192<\/b> EMAIL <b>\u2192<\/b> OUTPUT',\n      desc:'The checkout records booking and payment data, triggers operational emails and generates the Travel Pass.',\n      watermark:'AUTOMATION'\n    }\n  ];\n\n  const clamp = (v,a=0,b=1)=>Math.max(a,Math.min(b,v));\n  let current = 0;\n\n  function setStep(i){\n    i = Math.max(0,Math.min(2,i));\n    current = i;\n    root.dataset.step = String(i);\n    if(rail) rail.style.setProperty('--step',String(i));\n    tabs.forEach((t,j)=>t.classList.toggle('is-active',j===i));\n    slides.forEach((s,j)=>s.classList.toggle('is-current',j===i));\n\n    const d = copy[i];\n    if(kicker) kicker.textContent=d.kicker;\n    if(title) title.innerHTML=d.title.map((line,j)=>line ? `<span${j>=2?' class=\"ysm-accent\"':''}>${line}<\/span>`:'').join('');\n    if(micro) micro.innerHTML=d.micro;\n    if(desc) desc.textContent=d.desc;\n    if(watermark) watermark.textContent=d.watermark;\n  }\n\n  \/* one lightweight zoom toggle; no overlay, no clone *\/\n  let zoom = root.querySelector('.ysm-zoom-btn');\n  if(!zoom && stage){\n    zoom = document.createElement('button');\n    zoom.type='button';\n    zoom.className='ysm-zoom-btn';\n    zoom.textContent='EXPAND +';\n    stage.appendChild(zoom);\n  }\n  if(zoom){\n    zoom.addEventListener('click',()=>{\n      const on = root.classList.toggle('is-zoomed');\n      zoom.textContent = on ? 'COLLAPSE \u2212' : 'EXPAND +';\n    });\n  }\n\n  function fitDesktop(){\n    if(innerWidth<=1100 || !viewport) return;\n    const vr = viewport.getBoundingClientRect();\n\n    cards.forEach(card=>{\n      card.style.transform='scale(1)';\n      const r=card.getBoundingClientRect();\n      if(!r.width || !r.height) return;\n      const scale=Math.min(1,(vr.width*.975)\/r.width,(vr.height*.975)\/r.height);\n      card.style.transform=`scale(${Math.max(.64,scale)})`;\n    });\n  }\n\n  function desktopProgress(){\n    if(innerWidth<=1100 || !sticky) return 0;\n    const r=root.getBoundingClientRect();\n    const stickyH=sticky.getBoundingClientRect().height || 1;\n    const travel=Math.max(1,r.height-stickyH);\n    return clamp((-r.top)\/travel);\n  }\n\n  function renderDesktop(){\n    if(innerWidth<=1100 || !track) return;\n    const p=desktopProgress();\n\n    \/* movement finishes at 76%; last board holds for remaining 24% *\/\n    const moveP=clamp(p\/.76);\n    const x=moveP*2;\n    track.style.setProperty('--x',String(x));\n    setStep(Math.min(2,Math.round(x)));\n  }\n\n  function mobileIndex(){\n    if(!viewport || !slides.length) return 0;\n    const center=viewport.scrollLeft+viewport.clientWidth\/2;\n    let best=0,dist=Infinity;\n    slides.forEach((s,i)=>{\n      const c=s.offsetLeft+s.offsetWidth\/2;\n      const d=Math.abs(c-center);\n      if(d<dist){dist=d;best=i}\n    });\n    return best;\n  }\n\n  let raf=0;\n  function update(){\n    if(raf) return;\n    raf=requestAnimationFrame(()=>{\n      raf=0;\n      if(innerWidth>1100){\n        fitDesktop();\n        renderDesktop();\n      }else{\n        setStep(mobileIndex());\n      }\n    });\n  }\n\n  if(viewport){\n    viewport.addEventListener('scroll',()=>{\n      if(innerWidth<=1100) update();\n    },{passive:true});\n  }\n\n  tabs.forEach((tab,i)=>{\n    tab.addEventListener('click',()=>{\n      root.classList.remove('is-zoomed');\n      if(zoom) zoom.textContent='EXPAND +';\n\n      if(innerWidth>1100){\n        const stickyH=sticky.getBoundingClientRect().height || innerHeight;\n        const travel=Math.max(1,root.getBoundingClientRect().height-stickyH);\n        const localP=(i\/2)*.76;\n        const target=root.getBoundingClientRect().top+scrollY+travel*localP;\n        scrollTo({top:target,behavior:'smooth'});\n      }else if(viewport && slides[i]){\n        viewport.scrollTo({\n          left:slides[i].offsetLeft-16,\n          behavior:'smooth'\n        });\n      }\n    });\n  });\n\n  addEventListener('scroll',()=>{\n    if(innerWidth>1100) update();\n  },{passive:true});\n\n  addEventListener('resize',()=>{\n    root.classList.remove('is-zoomed');\n    if(zoom) zoom.textContent='EXPAND +';\n    setTimeout(update,50);\n  });\n\n  setStep(0);\n  update();\n  setTimeout(update,150);\n  setTimeout(update,500);\n})();\n(() => {\n  const root = document.querySelector('#yu-sigesti-mega-horizontal');\n  if(!root || root.dataset.mobileV8 === '1') return;\n  root.dataset.mobileV8 = '1';\n\n  const viewport = root.querySelector('.ysm-viewport');\n  const slides = [...root.querySelectorAll('.ysm-slide')];\n  const tabs = [...root.querySelectorAll('.ysm-tab')];\n  const zoom = root.querySelector('.ysm-zoom-btn');\n\n  if(!viewport || !slides.length) return;\n\n  let current = Number(root.dataset.step || 0);\n  let startX = null;\n  let startY = null;\n\n  const isMobile = () => innerWidth <= 1100;\n\n  function activate(i){\n    if(!isMobile()) return;\n\n    i = Math.max(0,Math.min(slides.length-1,i));\n    current = i;\n\n    root.dataset.step = String(i);\n\n    const rail = root.querySelector('.ysm-rail');\n    if(rail) rail.style.setProperty('--step',String(i));\n\n    slides.forEach((s,j)=>s.classList.toggle('is-current',j===i));\n    tabs.forEach((t,j)=>t.classList.toggle('is-active',j===i));\n\n    root.classList.remove('is-zoomed');\n    if(zoom) zoom.textContent='EXPAND +';\n\n    \/* keep the active board aligned at its beginning *\/\n    requestAnimationFrame(()=>{\n      const railTop = root.querySelector('.ysm-rail')?.getBoundingClientRect().top;\n      if(railTop !== undefined && railTop < 0){\n        root.querySelector('.ysm-stage')?.scrollIntoView({\n          behavior:'smooth',\n          block:'start'\n        });\n      }\n    });\n  }\n\n  tabs.forEach((tab,i)=>{\n    tab.addEventListener('click',()=>{\n      if(isMobile()) activate(i);\n    });\n  });\n\n  \/* touch swipe changes panel without putting all long panels side by side *\/\n  viewport.addEventListener('touchstart',e=>{\n    if(!isMobile() || !e.touches[0]) return;\n    startX=e.touches[0].clientX;\n    startY=e.touches[0].clientY;\n  },{passive:true});\n\n  viewport.addEventListener('touchend',e=>{\n    if(!isMobile() || startX===null || !e.changedTouches[0]) return;\n\n    const dx=e.changedTouches[0].clientX-startX;\n    const dy=e.changedTouches[0].clientY-startY;\n\n    startX=null;\n    startY=null;\n\n    \/* horizontal intent only *\/\n    if(Math.abs(dx) < 52 || Math.abs(dx) < Math.abs(dy)*1.25) return;\n\n    if(dx < 0) activate(current+1);\n    else activate(current-1);\n  },{passive:true});\n\n  addEventListener('resize',()=>{\n    if(isMobile()) activate(current);\n  });\n\n  if(isMobile()) activate(current);\n})();\n<\/script>\n\n\n<style id=\"ysm-clean-color-fix-final\">\n\/* =========================================================\n   YU.DESIGN \u2014 CORREZIONE COLORE TITOLI \/ CIFRE\n   0 + 2 = fondo chiaro -> nero\n   1 = fondo blu -> bianco\n   Nessuna pennellata\/striscia decorativa in basso a sinistra\n========================================================= *\/\n\n\/* FONDO CHIARO \u2014 tutto nero *\/\n#yu-sigesti-mega-horizontal[data-step=\"0\"] .ysm-title,\n#yu-sigesti-mega-horizontal[data-step=\"0\"] .ysm-title span,\n#yu-sigesti-mega-horizontal[data-step=\"0\"] .ysm-title .ysm-accent,\n#yu-sigesti-mega-horizontal[data-step=\"0\"] .ysm-kicker,\n#yu-sigesti-mega-horizontal[data-step=\"0\"] .ysm-kicker::first-letter,\n#yu-sigesti-mega-horizontal[data-step=\"2\"] .ysm-title,\n#yu-sigesti-mega-horizontal[data-step=\"2\"] .ysm-title span,\n#yu-sigesti-mega-horizontal[data-step=\"2\"] .ysm-title .ysm-accent,\n#yu-sigesti-mega-horizontal[data-step=\"2\"] .ysm-kicker,\n#yu-sigesti-mega-horizontal[data-step=\"2\"] .ysm-kicker::first-letter{\n  color:#101010 !important;\n}\n\n\/* FONDO BLU \u2014 titolo grande + cifra\/kicker bianchi *\/\n#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-title,\n#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-title span,\n#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-title .ysm-accent,\n#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-kicker,\n#yu-sigesti-mega-horizontal[data-step=\"1\"] .ysm-kicker::first-letter{\n  color:#ffffff !important;\n}\n\n\/* elimina la striscia\/pennellata colorata in basso a sinistra *\/\n#yu-sigesti-mega-horizontal .ysm-stroke{\n  display:none !important;\n  opacity:0 !important;\n  visibility:hidden !important;\n}\n\n\/* nessun accento cromatico dentro il titolo *\/\n#yu-sigesti-mega-horizontal .ysm-title .ysm-accent{\n  transition:none !important;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29d127e0 e-con-full e-flex e-con e-parent\" data-id=\"29d127e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-209080f2 elementor-widget elementor-widget-html\" data-id=\"209080f2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"yu-evo\" id=\"yuEvo\">\n\n  <div class=\"yu-evo__inner\">\n\n    <!-- =====================================================\n         INTRO\n    ====================================================== -->\n\n    <header class=\"yu-evo__intro\">\n\n      <div class=\"yu-evo__intro-left\">\n\n        <div class=\"yu-evo__micro\">\n          RESULT \/ 2025\u20142026\n        <\/div>\n\n        <h2>\n          SAME BRAND.<br>\n          A DIFFERENT SYSTEM.\n        <\/h2>\n\n      <\/div>\n\n      <div class=\"yu-evo__intro-right\">\n\n        <p>\n          Two websites designed by me at different stages of SIGESTI\u2019s growth.\n          The first presented the business. The second organises it, structures it\n          and makes it operational.\n        <\/p>\n\n      <\/div>\n\n    <\/header>\n\n\n    <!-- =====================================================\n         TICKET\n    ====================================================== -->\n\n    <div class=\"yu-evo__ticket\" data-current=\"0\">\n\n      <span class=\"yu-evo__screw yu-evo__screw--top\"><\/span>\n      <span class=\"yu-evo__screw yu-evo__screw--bottom\"><\/span>\n\n      <div class=\"yu-evo__perforation\" aria-hidden=\"true\"><\/div>\n\n\n      <!-- ===================================================\n           PRIMA\n      ==================================================== -->\n\n      <section class=\"yu-evo__panel yu-evo__panel--before is-current\" data-slide=\"0\">\n\n        <header class=\"yu-evo__state\">\n\n          <div class=\"yu-evo__state-line\">\n\n            <span>[01]<\/span>\n\n            <strong>BEFORE<\/strong>\n\n          <\/div>\n\n          <small>\n            SHOWCASE WEBSITE\n          <\/small>\n\n        <\/header>\n\n\n        <button\n          class=\"yu-evo__image-button\"\n          type=\"button\"\n          data-zoom=\"0\"\n          aria-label=\"Open the first version of the SIGESTI website\"\n        >\n\n          <img\n            src=\"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/08\/sigesti-versione-1.png\"\n            alt=\"SIGESTI \u2014 first website version\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span class=\"yu-evo__open\">\n            VIEW DETAIL \u2197\n          <\/span>\n\n        <\/button>\n\n\n        <div class=\"yu-evo__keywords\">\n          PRESENTATION \u00b7 STATIC CONTENT \u00b7 CONTACT\n        <\/div>\n\n      <\/section>\n\n\n      <!-- ===================================================\n           BRIDGE DESKTOP\n      ==================================================== -->\n\n      <div class=\"yu-evo__bridge\">\n\n        <span>PRESENT<\/span>\n\n        <strong>\u2192<\/strong>\n\n        <span>MANAGE<\/span>\n\n      <\/div>\n\n\n      <!-- ===================================================\n           DOPO\n      ==================================================== -->\n\n      <section class=\"yu-evo__panel yu-evo__panel--after\" data-slide=\"1\">\n\n        <header class=\"yu-evo__state\">\n\n          <div class=\"yu-evo__state-line\">\n\n            <span>[02]<\/span>\n\n            <strong>AFTER<\/strong>\n\n          <\/div>\n\n          <small>\n            OPERATIONAL SYSTEM\n          <\/small>\n\n        <\/header>\n\n\n        <button\n          class=\"yu-evo__image-button\"\n          type=\"button\"\n          data-zoom=\"1\"\n          aria-label=\"Open the new SIGESTI system\"\n        >\n\n          <img\n            src=\"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/08\/Sito-restyling-sigesti.png\"\n            alt=\"SIGESTI \u2014 new operational system\"\n            loading=\"lazy\"\n            decoding=\"async\"\n          >\n\n          <span class=\"yu-evo__open\">\n            VIEW DETAIL \u2197\n          <\/span>\n\n        <\/button>\n\n\n        <div class=\"yu-evo__keywords\">\n          DATA \u00b7 DEPARTURES \u00b7 BOOKING \u00b7 AUTOMATIONS\n        <\/div>\n\n      <\/section>\n\n\n      <!-- ===================================================\n           MOBILE CONTROLS\n      ==================================================== -->\n\n      <div class=\"yu-evo__mobile-nav\">\n\n        <button\n          class=\"yu-evo__mobile-arrow yu-evo__mobile-arrow--prev\"\n          type=\"button\"\n          aria-label=\"Previous version\"\n        >\n          \u2190\n        <\/button>\n\n\n        <div class=\"yu-evo__mobile-transform\">\n\n          <span>PRESENT<\/span>\n\n          <strong>\u2192<\/strong>\n\n          <span>MANAGE<\/span>\n\n        <\/div>\n\n\n        <button\n          class=\"yu-evo__mobile-arrow yu-evo__mobile-arrow--next\"\n          type=\"button\"\n          aria-label=\"Next version\"\n        >\n          \u2192\n        <\/button>\n\n      <\/div>\n\n\n      <div class=\"yu-evo__mobile-dots\">\n\n        <span class=\"is-active\"><\/span>\n        <span><\/span>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- =====================================================\n         STATEMENT\n    ====================================================== -->\n\n    <div class=\"yu-evo__statement\">\n\n      <div class=\"yu-evo__statement-top\">\n\n        <span>\n          THE RESULT IS NOT\n        <\/span>\n\n        <strong class=\"yu-evo__mark\">\n          A NEW LOOK.\n        <\/strong>\n\n      <\/div>\n\n\n      <h3>\n        IT\u2019S AN INFRASTRUCTURE<br>\n        THAT DIDN\u2019T EXIST BEFORE.\n      <\/h3>\n\n    <\/div>\n\n  <\/div>\n\n\n  <!-- =====================================================\n       LIGHTBOX\n  ====================================================== -->\n\n  <div\n    class=\"yu-evo-lightbox\"\n    aria-hidden=\"true\"\n    role=\"dialog\"\n    aria-modal=\"true\"\n    aria-label=\"SIGESTI comparison\"\n  >\n\n    <div class=\"yu-evo-lightbox__topbar\">\n\n      <div class=\"yu-evo-lightbox__meta\">\n\n        <div class=\"yu-evo-lightbox__title\"><\/div>\n\n        <div class=\"yu-evo-lightbox__counter\"><\/div>\n\n      <\/div>\n\n\n      <button\n        class=\"yu-evo-lightbox__close\"\n        type=\"button\"\n        aria-label=\"Close image\"\n      >\n        \u00d7\n      <\/button>\n\n    <\/div>\n\n\n    <div class=\"yu-evo-lightbox__stage\">\n\n      <button\n        class=\"yu-evo-lightbox__arrow yu-evo-lightbox__arrow--prev\"\n        type=\"button\"\n        aria-label=\"Show previous image\"\n      >\n        \u2190\n      <\/button>\n\n\n      <img decoding=\"async\"\n        class=\"yu-evo-lightbox__img\"\n        src=\"\"\n        alt=\"\"\n      >\n\n\n      <button\n        class=\"yu-evo-lightbox__arrow yu-evo-lightbox__arrow--next\"\n        type=\"button\"\n        aria-label=\"Show next image\"\n      >\n        \u2192\n      <\/button>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n<style>\n\n\/* =========================================================\n   ROOT\n========================================================= *\/\n\n.yu-evo{\n\n  --bg:#F4F2EC;\n  --black:#111111;\n  --ticket-a:#E2DED7;\n  --ticket-b:#ECE9E3;\n  --orange:#EA6B3A;\n  --line:rgba(17,17,17,.14);\n\n  position:relative;\n\n  width:100%;\n\n  overflow:hidden;\n\n  background:var(--bg);\n\n  color:var(--black);\n\n  font-family:\"Inter\",Arial,sans-serif;\n}\n\n\n.yu-evo *,\n.yu-evo *::before,\n.yu-evo *::after{\n  box-sizing:border-box;\n}\n\n\n\/* =========================================================\n   INNER\n========================================================= *\/\n\n.yu-evo__inner{\n\n  width:min(\n    1600px,\n    calc(100% - 80px)\n  );\n\n  margin:0 auto;\n\n  padding:\n    120px\n    0;\n}\n\n\n\/* =========================================================\n   INTRO\n========================================================= *\/\n\n.yu-evo__intro{\n\n  display:grid;\n\n  grid-template-columns:\n    minmax(0,1fr)\n    minmax(0,1fr);\n\n  gap:\n    clamp(\n      60px,\n      7vw,\n      130px\n    );\n\n  align-items:start;\n\n  margin-bottom:120px;\n}\n\n\n.yu-evo__micro{\n\n  margin-bottom:16px;\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:14px;\n\n  line-height:1;\n\n  font-weight:700;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n\n.yu-evo__intro h2{\n\n  margin:0;\n\n  font-family:\"Khand\",Impact,sans-serif;\n\n  font-size:120px;\n\n  line-height:.78;\n\n  font-weight:600;\n\n  letter-spacing:-.05em;\n\n  text-transform:uppercase;\n}\n\n\n.yu-evo__intro-right{\n  padding-top:31px;\n}\n\n\n.yu-evo__intro-right p{\n\n  max-width:680px;\n\n  margin:0;\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:18px;\n\n  line-height:1.55;\n\n  font-weight:400;\n}\n\n\n\/* =========================================================\n   TICKET\n========================================================= *\/\n\n.yu-evo__ticket{\n\n  position:relative;\n\n  display:grid;\n\n  grid-template-columns:\n    45fr\n    55fr;\n\n  min-height:540px;\n\n  border:\n    1px solid\n    rgba(17,17,17,.07);\n\n  border-radius:20px;\n\n  background:\n    linear-gradient(\n      90deg,\n      var(--ticket-a) 0%,\n      var(--ticket-a) 45%,\n      var(--ticket-b) 45%,\n      var(--ticket-b) 100%\n    );\n\n  box-shadow:\n    0 16px 40px rgba(17,17,17,.045),\n    inset 0 1px 0 rgba(255,255,255,.65);\n}\n\n\n\/* =========================================================\n   SCREWS\n========================================================= *\/\n\n.yu-evo__screw{\n\n  position:absolute;\n\n  z-index:30;\n\n  left:45%;\n\n  width:18px;\n  height:18px;\n\n  border-radius:50%;\n\n  transform:\n    translateX(-50%);\n\n  background:\n    radial-gradient(\n      circle at 32% 26%,\n      #fff 0 7%,\n      #e0e3e5 14%,\n      #969ca1 30%,\n      #50565c 47%,\n      #202428 64%,\n      #a3a8ad 78%,\n      #393e43 100%\n    );\n\n  box-shadow:\n    0 1px 3px rgba(0,0,0,.48),\n    0 0 0 1px rgba(255,255,255,.38);\n}\n\n\n.yu-evo__screw::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  left:4px;\n  right:4px;\n  top:8px;\n\n  height:1px;\n\n  background:#111;\n\n  transform:rotate(32deg);\n}\n\n\n.yu-evo__screw--top{\n  top:-9px;\n}\n\n\n.yu-evo__screw--bottom{\n  bottom:-9px;\n}\n\n\n\/* =========================================================\n   PERFORATION\n========================================================= *\/\n\n.yu-evo__perforation{\n\n  position:absolute;\n\n  z-index:6;\n\n  left:45%;\n\n  top:26px;\n  bottom:26px;\n\n  width:6px;\n\n  transform:\n    translateX(-50%);\n\n  background:\n    radial-gradient(\n      circle,\n      var(--bg) 0 3px,\n      transparent 3.2px\n    )\n    center top\n    \/\n    6px 15px\n    repeat-y;\n}\n\n\n\/* =========================================================\n   PANEL\n========================================================= *\/\n\n.yu-evo__panel{\n\n  position:relative;\n\n  min-width:0;\n\n  display:flex;\n\n  flex-direction:column;\n\n  padding:\n    28px\n    34px\n    24px;\n}\n\n\n.yu-evo__panel--before{\n  padding-right:58px;\n}\n\n\n.yu-evo__panel--after{\n  padding-left:68px;\n}\n\n\n\/* =========================================================\n   STATE\n========================================================= *\/\n\n.yu-evo__state{\n\n  min-height:58px;\n\n  margin-bottom:8px;\n}\n\n\n.yu-evo__state-line{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:12px;\n}\n\n\n.yu-evo__state-line span{\n\n  font-family:\"Khand\",Impact,sans-serif;\n\n  font-size:14px;\n\n  line-height:1;\n\n  font-weight:600;\n}\n\n\n.yu-evo__state-line strong{\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:25px;\n\n  line-height:1;\n\n  font-weight:600;\n\n  letter-spacing:-.025em;\n\n  text-transform:uppercase;\n}\n\n\n.yu-evo__state small{\n\n  display:block;\n\n  margin-top:8px;\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:14px;\n\n  line-height:1;\n\n  font-weight:700;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   IMAGE BUTTON\n========================================================= *\/\n\n.yu-evo__image-button,\n.yu-evo__image-button:hover,\n.yu-evo__image-button:focus,\n.yu-evo__image-button:active{\n\n  appearance:none !important;\n\n  -webkit-appearance:none !important;\n\n  position:relative;\n\n  flex:1;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  padding:0 !important;\n\n  border:0 !important;\n\n  border-radius:0 !important;\n\n  outline:0 !important;\n\n  box-shadow:none !important;\n\n  background:transparent !important;\n\n  background-color:transparent !important;\n\n  background-image:none !important;\n\n  color:#111 !important;\n\n  cursor:zoom-in;\n\n  -webkit-tap-highlight-color:transparent;\n}\n\n\n.yu-evo__image-button img{\n\n  display:block;\n\n  width:100%;\n  height:auto;\n\n  object-fit:contain;\n}\n\n\n\/* =========================================================\n   IMAGE SIZE\n========================================================= *\/\n\n.yu-evo__panel--before\n.yu-evo__image-button{\n\n  width:86%;\n\n  margin:0 auto;\n}\n\n\n.yu-evo__panel--after\n.yu-evo__image-button{\n\n  width:94%;\n\n  margin:0 auto;\n}\n\n\n\/* =========================================================\n   OPEN\n========================================================= *\/\n\n.yu-evo__open{\n\n  position:absolute;\n\n  right:2%;\n  bottom:2%;\n\n  z-index:10;\n\n  padding:\n    8px\n    10px;\n\n  border:\n    1px solid\n    rgba(17,17,17,.11);\n\n  border-radius:10px;\n\n  background:\n    rgba(244,242,236,.96);\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:12px;\n\n  line-height:1;\n\n  font-weight:700;\n\n  letter-spacing:.03em;\n\n  text-transform:uppercase;\n\n  opacity:0;\n\n  pointer-events:none;\n\n  transition:\n    opacity .2s ease;\n}\n\n\n.yu-evo__image-button:hover\n.yu-evo__open{\n  opacity:1;\n}\n\n\n\/* =========================================================\n   KEYWORDS\n========================================================= *\/\n\n.yu-evo__keywords{\n\n  margin-top:12px;\n\n  padding-top:11px;\n\n  border-top:\n    1px solid\n    var(--line);\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:14px;\n\n  line-height:1.45;\n\n  font-weight:700;\n\n  letter-spacing:.05em;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   BRIDGE\n========================================================= *\/\n\n.yu-evo__bridge{\n\n  position:absolute;\n\n  z-index:20;\n\n  left:45%;\n  top:50%;\n\n  min-width:250px;\n\n  display:flex;\n\n  align-items:center;\n  justify-content:center;\n\n  gap:14px;\n\n  padding:\n    14px\n    18px;\n\n  transform:\n    translate(-50%,-50%);\n\n  border:\n    1px solid\n    rgba(17,17,17,.07);\n\n  border-radius:10px;\n\n  background:\n    rgba(244,242,236,.97);\n\n  box-shadow:\n    0 7px 18px rgba(17,17,17,.055);\n}\n\n\n.yu-evo__bridge span{\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:12px;\n\n  line-height:1;\n\n  font-weight:700;\n\n  letter-spacing:.05em;\n\n  text-transform:uppercase;\n}\n\n\n.yu-evo__bridge strong{\n\n  font-family:\"Khand\",Impact,sans-serif;\n\n  font-size:32px;\n\n  line-height:.8;\n\n  font-weight:600;\n}\n\n\n\/* =========================================================\n   MOBILE CONTROLS\n========================================================= *\/\n\n.yu-evo__mobile-nav,\n.yu-evo__mobile-dots{\n  display:none;\n}\n\n\n\/* =========================================================\n   STATEMENT\n========================================================= *\/\n\n.yu-evo__statement{\n\n  max-width:1200px;\n\n  margin:\n    150px\n    auto\n    0;\n\n  text-align:center;\n}\n\n\n.yu-evo__statement-top{\n\n  display:flex;\n\n  flex-direction:column;\n\n  align-items:center;\n\n  margin-bottom:24px;\n}\n\n\n.yu-evo__statement-top > span{\n\n  position:relative;\n\n  z-index:3;\n\n  margin-bottom:6px;\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:14px;\n\n  font-weight:700;\n\n  letter-spacing:.08em;\n\n  text-transform:uppercase;\n}\n\n\n.yu-evo__mark{\n\n  position:relative;\n\n  z-index:2;\n\n  display:inline-block;\n\n  font-family:\"Khand\",Impact,sans-serif;\n\n  font-size:48px;\n\n  line-height:.9;\n\n  font-weight:600;\n\n  letter-spacing:-.025em;\n}\n\n\n.yu-evo__mark::after{\n\n  content:\"\";\n\n  position:absolute;\n\n  z-index:-1;\n\n  left:-5%;\n  right:-5%;\n\n  top:55%;\n\n  height:15px;\n\n  transform:\n    translateY(-50%)\n    rotate(-1deg);\n\n  background:var(--orange);\n\n  border-radius:\n    58% 42% 62% 38%\n    \/\n    50% 56% 44% 50%;\n}\n\n\n.yu-evo__statement h3{\n\n  margin:0;\n\n  font-family:\"Khand\",Impact,sans-serif;\n\n  font-size:76px;\n\n  line-height:.84;\n\n  font-weight:600;\n\n  letter-spacing:-.04em;\n\n  text-transform:uppercase;\n}\n\n\n\/* =========================================================\n   TABLET\n========================================================= *\/\n\n@media(max-width:1100px) and (min-width:768px){\n\n  .yu-evo__inner{\n\n    width:min(\n      calc(100% - 48px),\n      980px\n    );\n\n    padding:\n      100px\n      0;\n  }\n\n\n  .yu-evo__intro{\n\n    gap:48px;\n\n    margin-bottom:100px;\n  }\n\n\n  .yu-evo__intro h2{\n\n    font-size:88px;\n\n    line-height:.79;\n  }\n\n\n  .yu-evo__intro-right{\n\n    padding-top:18px;\n  }\n\n\n  .yu-evo__ticket{\n\n    min-height:470px;\n  }\n\n\n  .yu-evo__panel--before{\n\n    padding-left:24px;\n    padding-right:50px;\n  }\n\n\n  .yu-evo__panel--after{\n\n    padding-left:58px;\n    padding-right:24px;\n  }\n\n\n  .yu-evo__state-line strong{\n\n    font-size:23px;\n  }\n\n\n  .yu-evo__bridge{\n\n    min-width:210px;\n\n    padding:\n      12px\n      14px;\n\n    gap:10px;\n  }\n\n\n  .yu-evo__bridge span{\n\n    font-size:12px;\n  }\n\n\n  .yu-evo__statement{\n\n    margin-top:125px;\n  }\n\n\n  .yu-evo__statement h3{\n\n    font-size:62px;\n  }\n\n}\n\n\n\/* =========================================================\n   TABLET STRETTO\n========================================================= *\/\n\n@media(max-width:900px) and (min-width:768px){\n\n  .yu-evo__intro h2{\n\n    font-size:72px;\n\n    line-height:.8;\n  }\n\n\n  .yu-evo__intro{\n\n    gap:36px;\n  }\n\n\n  .yu-evo__intro-right p{\n\n    font-size:16px;\n  }\n\n}\n\n\n\/* =========================================================\n   MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  .yu-evo__inner{\n\n    width:100%;\n\n    padding:\n      72px\n      14px;\n  }\n\n\n  .yu-evo__intro{\n\n    display:block;\n\n    margin-bottom:70px;\n  }\n\n\n  .yu-evo__micro{\n\n    font-size:12px;\n  }\n\n\n  .yu-evo__intro h2{\n\n    font-size:58px;\n\n    line-height:.82;\n  }\n\n\n  .yu-evo__intro-right{\n\n    padding-top:22px;\n  }\n\n\n  .yu-evo__intro-right p{\n\n    max-width:none;\n\n    font-size:16px;\n\n    line-height:1.5;\n  }\n\n\n  \/* =====================================================\n     TICKET MOBILE\n  ====================================================== *\/\n\n  .yu-evo__ticket{\n\n    display:block;\n\n    min-height:650px;\n\n    padding-bottom:110px;\n\n    overflow:hidden;\n\n    background:var(--ticket-a);\n  }\n\n\n  .yu-evo__perforation,\n  .yu-evo__bridge{\n    display:none;\n  }\n\n\n  \/* =====================================================\n     VITI MOBILE\n  ====================================================== *\/\n\n  .yu-evo__screw{\n\n    left:auto;\n\n    width:17px;\n    height:17px;\n\n    transform:none;\n  }\n\n\n  .yu-evo__screw--top{\n\n    top:11px;\n    left:11px;\n  }\n\n\n  .yu-evo__screw--bottom{\n\n    right:11px;\n    bottom:11px;\n  }\n\n\n  \/* =====================================================\n     SLIDES\n     PI\u00d9 SPAZIO SOPRA I CONTROLLI\n  ====================================================== *\/\n\n  .yu-evo__panel{\n\n    position:absolute;\n\n    inset:\n      0\n      0\n      118px\n      0;\n\n    width:100%;\n\n    padding:\n      25px\n      18px\n      28px;\n\n    opacity:0;\n\n    visibility:hidden;\n\n    transform:\n      translateX(28px);\n\n    pointer-events:none;\n\n    transition:\n      opacity .28s ease,\n      transform .38s cubic-bezier(.22,1,.36,1),\n      visibility .28s;\n  }\n\n\n  .yu-evo__panel.is-current{\n\n    opacity:1;\n\n    visibility:visible;\n\n    transform:none;\n\n    pointer-events:auto;\n  }\n\n\n  .yu-evo__panel--after{\n\n    background:var(--ticket-b);\n  }\n\n\n  .yu-evo__state{\n\n    min-height:58px;\n  }\n\n\n  .yu-evo__state-line strong{\n\n    font-size:25px;\n  }\n\n\n  .yu-evo__state-line span{\n\n    font-size:14px;\n  }\n\n\n  .yu-evo__state small{\n\n    font-size:12px;\n  }\n\n\n  \/* =====================================================\n     IMAGE MOBILE\n  ====================================================== *\/\n\n  .yu-evo__panel--before\n  .yu-evo__image-button,\n\n  .yu-evo__panel--after\n  .yu-evo__image-button{\n\n    width:92%;\n\n    max-height:400px;\n  }\n\n\n  .yu-evo__image-button img{\n\n    max-height:400px;\n\n    object-fit:contain;\n  }\n\n\n  .yu-evo__open{\n\n    opacity:1;\n\n    font-size:11px;\n  }\n\n\n  \/* =====================================================\n     KEYWORDS MOBILE\n     SEPARATE DALLA BARRA\n  ====================================================== *\/\n\n  .yu-evo__keywords{\n\n    position:relative;\n\n    z-index:20;\n\n    margin-top:16px;\n\n    padding-top:12px;\n\n    padding-bottom:8px;\n\n    font-size:12px;\n\n    line-height:1.35;\n  }\n\n\n  \/* =====================================================\n     MOBILE NAV\n  ====================================================== *\/\n\n  .yu-evo__mobile-nav{\n\n    position:absolute;\n\n    z-index:40;\n\n    left:14px;\n    right:14px;\n    bottom:24px;\n\n    display:grid;\n\n    grid-template-columns:\n      44px\n      minmax(0,1fr)\n      44px;\n\n    align-items:center;\n\n    gap:8px;\n  }\n\n\n  .yu-evo__mobile-arrow,\n  .yu-evo__mobile-arrow:hover,\n  .yu-evo__mobile-arrow:focus,\n  .yu-evo__mobile-arrow:active{\n\n    appearance:none !important;\n\n    width:44px;\n    height:44px;\n\n    display:grid;\n\n    place-items:center;\n\n    padding:0 !important;\n\n    border:\n      1px solid\n      rgba(17,17,17,.12) !important;\n\n    border-radius:10px !important;\n\n    outline:0 !important;\n\n    box-shadow:none !important;\n\n    background:\n      var(--bg) !important;\n\n    background-color:\n      var(--bg) !important;\n\n    background-image:none !important;\n\n    color:#111 !important;\n\n    font-family:\"Inter\",Arial,sans-serif;\n\n    font-size:20px;\n\n    cursor:pointer;\n\n    -webkit-tap-highlight-color:transparent;\n  }\n\n\n  .yu-evo__mobile-transform{\n\n    min-height:44px;\n\n    display:flex;\n\n    align-items:center;\n    justify-content:center;\n\n    gap:9px;\n\n    padding:\n      8px\n      12px;\n\n    border:\n      1px solid\n      rgba(17,17,17,.09);\n\n    border-radius:10px;\n\n    background:var(--bg);\n  }\n\n\n  .yu-evo__mobile-transform span{\n\n    font-family:\"Inter\",Arial,sans-serif;\n\n    font-size:12px;\n\n    font-weight:700;\n\n    text-transform:uppercase;\n  }\n\n\n  .yu-evo__mobile-transform strong{\n\n    font-family:\"Khand\",Impact,sans-serif;\n\n    font-size:25px;\n\n    line-height:.8;\n\n    font-weight:600;\n  }\n\n\n  .yu-evo__mobile-dots{\n\n    position:absolute;\n\n    left:50%;\n    bottom:8px;\n\n    z-index:42;\n\n    display:flex;\n\n    gap:6px;\n\n    transform:\n      translateX(-50%);\n  }\n\n\n  .yu-evo__mobile-dots span{\n\n    width:6px;\n    height:6px;\n\n    border-radius:50%;\n\n    background:\n      rgba(17,17,17,.20);\n  }\n\n\n  .yu-evo__mobile-dots span.is-active{\n    background:#111;\n  }\n\n\n  \/* =====================================================\n     STATEMENT MOBILE\n  ====================================================== *\/\n\n  .yu-evo__statement{\n\n    margin-top:110px;\n  }\n\n\n  .yu-evo__statement-top > span{\n\n    font-size:12px;\n  }\n\n\n  .yu-evo__mark{\n\n    font-size:36px;\n  }\n\n\n  .yu-evo__mark::after{\n\n    height:12px;\n  }\n\n\n  .yu-evo__statement h3{\n\n    font-size:46px;\n\n    line-height:.88;\n  }\n\n}\n\n\n\/* =========================================================\n   SMALL MOBILE\n========================================================= *\/\n\n@media(max-width:390px){\n\n  .yu-evo__intro h2{\n\n    font-size:52px;\n  }\n\n\n  .yu-evo__ticket{\n\n    min-height:625px;\n\n    padding-bottom:108px;\n  }\n\n\n  .yu-evo__panel{\n\n    inset:\n      0\n      0\n      116px\n      0;\n\n    padding:\n      24px\n      15px\n      26px;\n  }\n\n\n  .yu-evo__panel--before\n  .yu-evo__image-button,\n\n  .yu-evo__panel--after\n  .yu-evo__image-button{\n\n    width:95%;\n\n    max-height:365px;\n  }\n\n\n  .yu-evo__image-button img{\n\n    max-height:365px;\n  }\n\n\n  .yu-evo__keywords{\n\n    margin-top:14px;\n\n    padding-top:10px;\n\n    padding-bottom:8px;\n  }\n\n\n  .yu-evo__mobile-transform span{\n\n    font-size:11px;\n  }\n\n\n  .yu-evo__statement h3{\n\n    font-size:42px;\n  }\n\n}\n\n\n\/* =========================================================\n   LIGHTBOX\n========================================================= *\/\n\n.yu-evo-lightbox{\n\n  position:fixed;\n\n  inset:0;\n\n  z-index:2147483000;\n\n  display:flex;\n\n  flex-direction:column;\n\n  padding:\n    18px\n    24px\n    24px;\n\n  background:\n    rgba(8,8,8,.96);\n\n  opacity:0;\n\n  visibility:hidden;\n\n  pointer-events:none;\n\n  transition:\n    opacity .2s ease,\n    visibility .2s ease;\n}\n\n\n.yu-evo-lightbox.is-open{\n\n  opacity:1;\n\n  visibility:visible;\n\n  pointer-events:auto;\n}\n\n\n\/* =========================================================\n   LIGHTBOX TOP BAR\n========================================================= *\/\n\n.yu-evo-lightbox__topbar{\n\n  position:relative;\n\n  z-index:50;\n\n  flex:\n    0 0 58px;\n\n  display:flex;\n\n  align-items:center;\n\n  justify-content:space-between;\n\n  gap:20px;\n}\n\n\n.yu-evo-lightbox__meta{\n\n  display:flex;\n\n  align-items:center;\n\n  gap:22px;\n\n  color:#fff;\n}\n\n\n.yu-evo-lightbox__title{\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:14px;\n\n  font-weight:700;\n\n  letter-spacing:.05em;\n\n  text-transform:uppercase;\n}\n\n\n.yu-evo-lightbox__counter{\n\n  font-family:\"Khand\",Impact,sans-serif;\n\n  font-size:22px;\n\n  font-weight:600;\n}\n\n\n\/* =========================================================\n   CLOSE\n========================================================= *\/\n\n.yu-evo-lightbox__close,\n.yu-evo-lightbox__close:hover,\n.yu-evo-lightbox__close:focus,\n.yu-evo-lightbox__close:active{\n\n  appearance:none !important;\n\n  -webkit-appearance:none !important;\n\n  position:relative;\n\n  z-index:100;\n\n  flex:\n    0 0 46px;\n\n  width:46px;\n  height:46px;\n\n  display:grid;\n\n  place-items:center;\n\n  margin:0;\n\n  padding:0 !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.42) !important;\n\n  border-radius:50% !important;\n\n  outline:0 !important;\n\n  box-shadow:none !important;\n\n  background:\n    rgba(255,255,255,.10) !important;\n\n  background-color:\n    rgba(255,255,255,.10) !important;\n\n  background-image:none !important;\n\n  color:#fff !important;\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:28px;\n\n  line-height:1;\n\n  cursor:pointer;\n\n  -webkit-tap-highlight-color:transparent;\n}\n\n\n\/* =========================================================\n   LIGHTBOX STAGE\n========================================================= *\/\n\n.yu-evo-lightbox__stage{\n\n  position:relative;\n\n  z-index:10;\n\n  flex:1;\n\n  min-height:0;\n\n  display:grid;\n\n  grid-template-columns:\n    64px\n    minmax(0,1fr)\n    64px;\n\n  align-items:center;\n\n  gap:20px;\n}\n\n\n\/* =========================================================\n   LIGHTBOX IMAGE\n========================================================= *\/\n\n.yu-evo-lightbox__img{\n\n  position:relative;\n\n  z-index:5;\n\n  display:block;\n\n  width:100%;\n  height:100%;\n\n  min-width:0;\n  min-height:0;\n\n  max-width:100%;\n  max-height:100%;\n\n  object-fit:contain;\n\n  object-position:center;\n}\n\n\n\/* =========================================================\n   LIGHTBOX ARROWS\n========================================================= *\/\n\n.yu-evo-lightbox__arrow,\n.yu-evo-lightbox__arrow:hover,\n.yu-evo-lightbox__arrow:focus,\n.yu-evo-lightbox__arrow:active{\n\n  appearance:none !important;\n\n  -webkit-appearance:none !important;\n\n  position:relative;\n\n  z-index:100;\n\n  width:56px;\n  height:56px;\n\n  display:grid;\n\n  place-items:center;\n\n  justify-self:center;\n\n  margin:0;\n\n  padding:0 !important;\n\n  border:\n    1px solid\n    rgba(255,255,255,.40) !important;\n\n  border-radius:50% !important;\n\n  outline:0 !important;\n\n  box-shadow:none !important;\n\n  background:\n    rgba(255,255,255,.10) !important;\n\n  background-color:\n    rgba(255,255,255,.10) !important;\n\n  background-image:none !important;\n\n  color:#fff !important;\n\n  font-family:\"Inter\",Arial,sans-serif;\n\n  font-size:24px;\n\n  line-height:1;\n\n  cursor:pointer;\n\n  -webkit-tap-highlight-color:transparent;\n}\n\n\n\/* =========================================================\n   LIGHTBOX MOBILE\n========================================================= *\/\n\n@media(max-width:767px){\n\n  .yu-evo-lightbox{\n\n    padding:\n      10px\n      12px\n      12px;\n  }\n\n\n  .yu-evo-lightbox__topbar{\n\n    flex-basis:54px;\n  }\n\n\n  .yu-evo-lightbox__title{\n\n    max-width:230px;\n\n    font-size:12px;\n\n    line-height:1.2;\n  }\n\n\n  .yu-evo-lightbox__counter{\n\n    display:none;\n  }\n\n\n  .yu-evo-lightbox__close,\n  .yu-evo-lightbox__close:hover,\n  .yu-evo-lightbox__close:focus,\n  .yu-evo-lightbox__close:active{\n\n    width:42px;\n    height:42px;\n\n    flex-basis:42px;\n\n    font-size:26px;\n  }\n\n\n  .yu-evo-lightbox__stage{\n\n    grid-template-columns:\n      46px\n      minmax(0,1fr)\n      46px;\n\n    gap:6px;\n  }\n\n\n  .yu-evo-lightbox__arrow,\n  .yu-evo-lightbox__arrow:hover,\n  .yu-evo-lightbox__arrow:focus,\n  .yu-evo-lightbox__arrow:active{\n\n    width:42px;\n    height:42px;\n\n    font-size:20px;\n  }\n\n}\n\n\n\/* =========================================================\n   REDUCED MOTION\n========================================================= *\/\n\n@media(prefers-reduced-motion:reduce){\n\n  .yu-evo *,\n  .yu-evo *::before,\n  .yu-evo *::after{\n\n    transition:none !important;\n\n    animation:none !important;\n  }\n\n}\n\n<\/style>\n\n\n<script>\n\n(function(){\n\n  const root =\n    document.getElementById(\"yuEvo\");\n\n  if(!root){\n    return;\n  }\n\n\n  const gallery = [\n\n    {\n      src:\n        \"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/08\/sigesti-versione-1.png\",\n\n      alt:\n        \"SIGESTI \u2014 first website version\",\n\n      title:\n        \"01 \/ PRIMA \u2014 SHOWCASE WEBSITE\"\n    },\n\n    {\n      src:\n        \"https:\/\/www.yuliyapivnyak.it\/wp-content\/uploads\/2026\/08\/Sito-restyling-sigesti.png\",\n\n      alt:\n        \"SIGESTI \u2014 new operational system\",\n\n      title:\n        \"02 \/ DOPO \u2014 OPERATIONAL SYSTEM\"\n    }\n\n  ];\n\n\n  \/* =====================================================\n     MOBILE CAROUSEL\n  ====================================================== *\/\n\n  const ticket =\n    root.querySelector(\n      \".yu-evo__ticket\"\n    );\n\n\n  const panels =\n    Array.from(\n      root.querySelectorAll(\n        \".yu-evo__panel\"\n      )\n    );\n\n\n  const dots =\n    Array.from(\n      root.querySelectorAll(\n        \".yu-evo__mobile-dots span\"\n      )\n    );\n\n\n  const prevMobile =\n    root.querySelector(\n      \".yu-evo__mobile-arrow--prev\"\n    );\n\n\n  const nextMobile =\n    root.querySelector(\n      \".yu-evo__mobile-arrow--next\"\n    );\n\n\n  let currentSlide = 0;\n\n\n  function setSlide(index){\n\n    currentSlide =\n      (\n        index +\n        panels.length\n      )\n      %\n      panels.length;\n\n\n    panels.forEach(\n      function(panel,i){\n\n        panel.classList.toggle(\n          \"is-current\",\n          i === currentSlide\n        );\n\n      }\n    );\n\n\n    dots.forEach(\n      function(dot,i){\n\n        dot.classList.toggle(\n          \"is-active\",\n          i === currentSlide\n        );\n\n      }\n    );\n\n\n    if(ticket){\n\n      ticket.dataset.current =\n        currentSlide;\n\n    }\n\n  }\n\n\n  if(prevMobile){\n\n    prevMobile.addEventListener(\n      \"click\",\n      function(event){\n\n        event.preventDefault();\n\n        event.stopPropagation();\n\n        setSlide(\n          currentSlide - 1\n        );\n\n      }\n    );\n\n  }\n\n\n  if(nextMobile){\n\n    nextMobile.addEventListener(\n      \"click\",\n      function(event){\n\n        event.preventDefault();\n\n        event.stopPropagation();\n\n        setSlide(\n          currentSlide + 1\n        );\n\n      }\n    );\n\n  }\n\n\n  setSlide(0);\n\n\n  \/* =====================================================\n     LIGHTBOX\n  ====================================================== *\/\n\n  const lightbox =\n    root.querySelector(\n      \".yu-evo-lightbox\"\n    );\n\n\n  const lbImg =\n    root.querySelector(\n      \".yu-evo-lightbox__img\"\n    );\n\n\n  const lbTitle =\n    root.querySelector(\n      \".yu-evo-lightbox__title\"\n    );\n\n\n  const lbCounter =\n    root.querySelector(\n      \".yu-evo-lightbox__counter\"\n    );\n\n\n  const lbClose =\n    root.querySelector(\n      \".yu-evo-lightbox__close\"\n    );\n\n\n  const lbPrev =\n    root.querySelector(\n      \".yu-evo-lightbox__arrow--prev\"\n    );\n\n\n  const lbNext =\n    root.querySelector(\n      \".yu-evo-lightbox__arrow--next\"\n    );\n\n\n  let lightboxIndex = 0;\n\n\n  function renderLightbox(){\n\n    const item =\n      gallery[lightboxIndex];\n\n\n    lbImg.src =\n      item.src;\n\n\n    lbImg.alt =\n      item.alt;\n\n\n    lbTitle.textContent =\n      item.title;\n\n\n    lbCounter.textContent =\n      String(\n        lightboxIndex + 1\n      )\n      .padStart(2,\"0\")\n      +\n      \" \/ \"\n      +\n      String(\n        gallery.length\n      )\n      .padStart(2,\"0\");\n\n  }\n\n\n  function openLightbox(index){\n\n    lightboxIndex =\n      Number(index) || 0;\n\n\n    renderLightbox();\n\n\n    lightbox.classList.add(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"false\"\n    );\n\n\n    document.documentElement\n      .style\n      .overflow =\n      \"hidden\";\n\n\n    document.body\n      .style\n      .overflow =\n      \"hidden\";\n\n  }\n\n\n  function closeLightbox(){\n\n    lightbox.classList.remove(\n      \"is-open\"\n    );\n\n\n    lightbox.setAttribute(\n      \"aria-hidden\",\n      \"true\"\n    );\n\n\n    document.documentElement\n      .style\n      .overflow =\n      \"\";\n\n\n    document.body\n      .style\n      .overflow =\n      \"\";\n\n  }\n\n\n  function showPrevious(){\n\n    lightboxIndex =\n      (\n        lightboxIndex -\n        1 +\n        gallery.length\n      )\n      %\n      gallery.length;\n\n\n    renderLightbox();\n\n  }\n\n\n  function showNext(){\n\n    lightboxIndex =\n      (\n        lightboxIndex +\n        1\n      )\n      %\n      gallery.length;\n\n\n    renderLightbox();\n\n  }\n\n\n  root\n    .querySelectorAll(\n      \"[data-zoom]\"\n    )\n    .forEach(\n      function(button){\n\n        button.addEventListener(\n          \"click\",\n          function(event){\n\n            event.preventDefault();\n\n            event.stopPropagation();\n\n\n            openLightbox(\n              button.dataset.zoom\n            );\n\n          }\n        );\n\n      }\n    );\n\n\n  lbClose.addEventListener(\n    \"click\",\n    function(event){\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n      closeLightbox();\n\n    }\n  );\n\n\n  lbPrev.addEventListener(\n    \"click\",\n    function(event){\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n      showPrevious();\n\n    }\n  );\n\n\n  lbNext.addEventListener(\n    \"click\",\n    function(event){\n\n      event.preventDefault();\n\n      event.stopPropagation();\n\n      showNext();\n\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"click\",\n    function(event){\n\n      if(\n        event.target === lightbox\n      ){\n\n        closeLightbox();\n\n      }\n\n    }\n  );\n\n\n  document.addEventListener(\n    \"keydown\",\n    function(event){\n\n      if(\n        !lightbox.classList.contains(\n          \"is-open\"\n        )\n      ){\n        return;\n      }\n\n\n      if(event.key === \"Escape\"){\n\n        closeLightbox();\n\n      }\n\n\n      if(event.key === \"ArrowLeft\"){\n\n        showPrevious();\n\n      }\n\n\n      if(event.key === \"ArrowRight\"){\n\n        showNext();\n\n      }\n\n    }\n  );\n\n\n  let lightboxTouchX = 0;\n\n\n  lightbox.addEventListener(\n    \"touchstart\",\n    function(event){\n\n      if(!event.touches.length){\n        return;\n      }\n\n\n      lightboxTouchX =\n        event.touches[0].clientX;\n\n    },\n    {\n      passive:true\n    }\n  );\n\n\n  lightbox.addEventListener(\n    \"touchend\",\n    function(event){\n\n      if(!event.changedTouches.length){\n        return;\n      }\n\n\n      const delta =\n        event.changedTouches[0].clientX -\n        lightboxTouchX;\n\n\n      if(\n        Math.abs(delta) < 45\n      ){\n        return;\n      }\n\n\n      if(delta < 0){\n\n        showNext();\n\n      }else{\n\n        showPrevious();\n\n      }\n\n    },\n    {\n      passive:true\n    }\n  );\n\n})();\n\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>YU.DESIGN CASE STUDY YULIYAPIVNYAK. WEB DESIGNER \/ UX STRATEGIST ROLE UX \/ UI DESIGN BUILD WORDPRESS DEVELOPMENT PROJECT \/ 2025\u20132026 CASE STUDY PORTFOLIO Tour Operator TECH STACK WORDPRESS Elementor Pro \u00b7 ACF \u00b7 CPT PHP \u00b7 HTML \u00b7 CSS \u00b7 JS NEXT PROJECT? CONTATTAMI \u2197 UX \/ UIDESIGN Architecture User flow Responsive DYNAMICCONTENT CPT \/ [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11027","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.yuliyapivnyak.it\/en\/wp-json\/wp\/v2\/pages\/11027","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.yuliyapivnyak.it\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.yuliyapivnyak.it\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.yuliyapivnyak.it\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.yuliyapivnyak.it\/en\/wp-json\/wp\/v2\/comments?post=11027"}],"version-history":[{"count":0,"href":"https:\/\/www.yuliyapivnyak.it\/en\/wp-json\/wp\/v2\/pages\/11027\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.yuliyapivnyak.it\/en\/wp-json\/wp\/v2\/media?parent=11027"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}