:root{--accent:#2b5bd7;--text:#e9ecf1;--overlay:rgba(0,0,0,.78)}
*{box-sizing:border-box}
html{overflow-anchor:none;overflow-x:hidden;overscroll-behavior-y:none;}
body{margin:0;font:16px/1.6 system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;color:#4b4b4b;background:#0d0f13; overscroll-behavior-y:none;}
.wrap{max-width:1100px;margin:0 auto;padding:0 16px}
section{padding:80px 20px;background:#fff;scroll-margin-top:80px}
.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:transparent;transition:background .2s,box-shadow .2s}
.nav .row{display:flex;align-items:center;gap:12px;height:64px}
.brand img{height:28px;width:auto;display:block}
.menu{display:flex;gap:18px;list-style:none;margin-left:auto;padding:0}
.menu a{padding:8px 10px;border-radius:10px;color:#cfd6e6;text-decoration:none}
.menu a:hover,.menu a:focus{background:rgba(255,255,255,.08);color:#fff}
#nav-toggle{position:fixed;inset:auto;opacity:0;pointer-events:none}
.hamburger{display:none;background:none;border:0;color:#fff;font-size:22px;width:40px;height:40px;place-items:center;cursor:pointer}
@media (max-width:900px){.hamburger{display:grid}.menu{display:none}}
.scrim{position:fixed;inset:0;background:rgba(0,0,0,.35);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .18s;z-index:900}
.drawer{position:fixed;top:0;left:0;height:100vh;width:300px;max-width:85vw;background:#0f1218;border-right:1px solid rgba(255,255,255,.08);transform:translateX(-100%);transition:transform .22s;z-index:1000;display:flex;flex-direction:column}
.drawer-head{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px}
.drawer-nav{display:flex;flex-direction:column;padding:8px}
.drawer-nav a{color:#cfd6e6;padding:12px 16px;border-radius:10px;text-decoration:none}
.drawer-nav a:hover,.drawer-nav a:focus{background:rgba(255,255,255,.08);color:#fff}
#nav-toggle:checked ~ .scrim{opacity:1;pointer-events:auto}
#nav-toggle:checked ~ .drawer{transform:translateX(0)}
.hero{position:fixed;inset:0;min-height:100vh;display:grid;place-items:center;color:var(--text);z-index:0;background:
  linear-gradient(var(--overlay),var(--overlay)),
  url("../picture-2600.jpeg") center/cover fixed no-repeat}
.net-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;display:block}
.hero-inner{position:relative;z-index:2;max-width:1000px;padding:24px;text-align:center}
.title{font-size:clamp(32px,6vw,72px);line-height:1.1;margin:.4em 0 .2em;font-weight:900;color:#4b4b4b}
.cta{display:inline-block;background:#fff;color:#0d0f13;padding:12px 20px;border-radius:999px;font-weight:700;text-decoration:none}
.cta:hover{filter:brightness(.9)}
.hero-logo{display:block;margin:0 auto 12px;max-width:560px;width:72vw;height:auto;position:relative;z-index:2}
.hero-pajo{display:block;margin:0 auto 28px;max-width:300px;width:40vw;height:auto;will-change:transform;transform-origin:50% 50%;transition:none;position:relative;z-index:2;cursor:pointer}
.pajo-bubble{
  position:fixed;
  z-index:3002;
  pointer-events:none;
  display:none;
  padding:8px 10px;
  background:rgba(0,0,0,.85);
  color:#fff;
  border-radius:10px;
  font:600 13px/1.2 system-ui,-apple-system,Segoe UI,Roboto,Inter,sans-serif;
  box-shadow:0 6px 18px rgba(0,0,0,.35);
  white-space:normal;
  user-select:none;
  text-align:center;
  max-width:240px;
  transform:none;
  --arrow-x: 50%;
}
.pajo-bubble::after{
  content:"";
  position:absolute;
  left:var(--arrow-x);
  bottom:-6px;
  transform:translateX(-50%);
  width:0; height:0;
  border-left:6px solid transparent;
  border-right:6px solid transparent;
  border-top:6px solid rgba(0,0,0,.85);
}
section,footer{position:relative;z-index:20}
footer{padding:50px 20px;color:#aab3c7;text-align:center;background:#fff}
.nav.is-white{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.06)}
.nav.is-white .menu a{color:#222}
.nav.is-white .menu a:hover,.nav.is-white .menu a:focus{background:rgba(0,0,0,.04);color:#000}
.nav.is-white .hamburger{color:#4b4b4b}
.nav.is-white .hamburger:hover,.nav.is-white .hamburger:focus{color:#4b4b4b;background:rgba(0,0,0,.04)}
.pajo-layer{position:fixed;inset:0;z-index:3000;pointer-events:none}
.pajo-layer > img{pointer-events:auto}
.pajo-trail{position:fixed;inset:0;z-index:2995;pointer-events:none}
.pv-section{position:relative}
.pv-window{position:relative;height:50vh;overflow:hidden}
.pv-fixed{position:fixed;inset:0;z-index:50;pointer-events:none;clip-path:inset(100% 0 0 0)}
:root{ --overlay-video: rgba(0,0,0,.45); }
.pv-overlay{
  position:fixed; inset:0; z-index:60; pointer-events:none;
  clip-path:inset(100% 0 0 0);
  background:linear-gradient(var(--overlay-video),var(--overlay-video));
}
.pv-fixed video{
  position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);
  min-width:100vw; min-height:100vh; object-fit:cover; border:0; pointer-events:none;
}
section h1, section h2 { text-align: center; }
.carousel{ position:relative; width:100%; height:33vh; padding-block:1vh; overflow:hidden; background:#f48120; margin-block:calc(33vh * 0.2); }
.carousel-track{ animation:none !important; will-change:transform; }
.carousel.paused .carousel-track{ animation-play-state:initial; }
.carousel-track img{ height:100%; width:auto; flex:0 0 auto; object-fit:cover; display:block }
@keyframes gallery-scroll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }
.lightbox{ position:fixed; inset:0; background:rgba(0,0,0,.85); display:grid; place-items:center; z-index:4000 }
.lightbox[hidden]{display:none}
.lightbox img{ max-width:92vw; max-height:92vh; width:auto; height:auto; object-fit:contain }
.carousel.full-bleed{ width:100vw; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); }
.carousel.paused .carousel-track{ animation-play-state:paused; }
.car-btn{ position:absolute; top:50%; transform:translateY(-50%); width:44px; height:44px; border:0; border-radius:999px; background:rgba(0,0,0,.35); display:grid; place-items:center; opacity:0; pointer-events:none; transition:opacity .2s, background .2s; z-index:10 }
.car-btn:hover{ background:rgba(0,0,0,.5) }
.car-btn.prev{ left:16px } .car-btn.next{ right:16px }
.carousel:hover .car-btn{ opacity:1; pointer-events:auto }
.carousel-track{ display:flex; gap:0; height:100%; will-change:transform; }
.carousel-track img{ height:100%; width:auto; flex:0 0 auto; object-fit:cover; cursor:zoom-in; }
.carousel.paused .carousel-track{ animation-play-state:paused }
.carousel-track img{ cursor: zoom-in; }
.carousel { overflow:hidden; }
.carousel-track img{ transition: transform .25s ease; transform-origin: center center; will-change: transform; }
.carousel-track img:hover{ transform: scale(1.3); z-index: 2; }
.carousel-track .img-wrap{ flex:0 0 auto; height:100%; overflow:hidden; display:flex; align-items:center; }
.carousel-track .img-wrap img{ height:100%; width:auto; transform-origin:center; transition:transform .25s ease; cursor:zoom-in; display:block; }
.carousel-track .img-wrap:hover img{ transform:scale(1.3); }
.video-embed{ display:flex; justify-content:center; margin:24px 0; }
.video-embed iframe{ width:min(80vw,1100px); aspect-ratio:16/9; height:auto; border:0; display:block; }
.details-toggle{cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;user-select:none}
.details-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.details-toggle::after{ content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:8px solid currentColor; transition:transform .2s; margin-left:.5rem; opacity:.9; }
.details-toggle[aria-expanded="true"]::after{ border-top:0; border-bottom:8px solid currentColor; }
@keyframes pulseBlink{0%,100%{opacity:.9}50%{opacity:.4}}
.details-toggle[aria-expanded="false"]::after{ animation:pulseBlink 1.6s ease-in-out infinite }
#details-content{overflow:hidden}
.collapse-end{background:none;border:0;padding:0;margin-left:.5rem;cursor:pointer;color:inherit;font:inherit;display:inline-flex;align-items:center;gap:.4rem}
.collapse-end::after{ content:""; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-bottom:8px solid currentColor; opacity:.9; animation:pulseBlink 1.6s ease-in-out infinite }
.collapse-end:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
.down-cta{display:inline-block;margin-top:8px;animation:pulseBlink 1.6s ease-in-out infinite}
.down-cta img{width:44px;height:44px;display:block}
.down-cta:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:999px}
.cf{ margin-top:12px; }
.cf-grid{ display:grid; grid-template-columns:1fr 1.3fr; gap:24px; }
@media (max-width:900px){ .cf-grid{ grid-template-columns:1fr; } }
.cf-info{ background:#f7f8fb; border:1px solid #e6e8ee; border-radius:10px; padding:16px; }
.cf-row{ margin-bottom:12px; }
.cf-label{ font-weight:700; background:#333; color:#fff; padding:8px 12px; border-radius:8px; display:inline-block; }
.cf-value{ margin-top:8px; padding:10px 12px; background:#fff; border:1px solid #e6e8ee; border-radius:8px; }
.cf-value a{ color:#f48120; text-decoration:none; }
.cf-form .cf-2col{ display:grid; grid-template-columns:1fr 1fr; gap:16px; }
@media (max-width:600px){ .cf-form .cf-2col{ grid-template-columns:1fr; } }
.cf-field{ margin-bottom:14px; }
.cf-field label{ display:block; font-weight:600; margin-bottom:6px; }
.cf-req{ color:#f15b2a; font-weight:700; }
.cf-field input, .cf-field textarea{
  width:100%; padding:10px 12px; border:1px solid #dfe3ec; border-radius:8px; font:inherit; background:#fff;
}
.cf-check{ display:flex; align-items:flex-start; gap:8px; margin:10px 0 6px; }
.cf-submit{ display:inline-block; border:0; border-radius:999px; padding:14px 22px; font-weight:700; cursor:pointer; background:#f48120; color:#fff; }
.cf-submit:hover{ filter:brightness(.95); }
.cf-msg{ margin-top:10px; font-weight:600; }
.ds-close img.ds-close-icon {
  width: 28px;
  height: 28px;
  pointer-events: none;
  display: block;
}
.ds-content {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  padding: 40px;
  max-height: calc(85vh - 50px);
  overflow-y: auto;
}
.ds-modal {
  position: fixed;
  inset: 0;
  z-index: 5000;
  display: block;
}
.ds-modal[hidden] {
  display: none;
}
.ds-backdrop {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.65);
  backdrop-filter: blur(2px);
}
.ds-window {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 900px;
  width: 90%;
  max-height: 85vh;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 20px 50px rgba(0,0,0,.45);
  padding-top: 50px;
  box-sizing: border-box;
  overflow: hidden;
}
.ds-close {
  position: absolute;
  top: 12px;
  right: 12px;
  z-index: 6000;
  background: none;
  border: 0;
  cursor: pointer;
  padding: 6px;
  border-radius: 8px;
}
.ds-close:hover {
  background: rgba(0,0,0,.08);
}
#preloader {
  position: fixed;
  inset: 0;
  background: #ffffff;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;
  transition: opacity 0.85s ease-out;
  transform: translateZ(0);
  will-change: transform;
}
#preloader.fade-out {
  opacity: 0;
  pointer-events: none;
}
#preloader svg {
  transform: translateZ(0);
}
#preloader svg * {
  transform: translateZ(0) !important;
  will-change: transform, opacity !important;
}
.site-footer {
  background: #0f1218;
  color: #aab3c7;
  padding: 50px 20px 30px;
  font-size: 14px;
}
.footer-wrap {
  max-width: 1100px;
  margin: 0 auto;
}
.footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
}
.footer-logo {
  max-width: 180px;
  height: auto;
}
.footer-right {
  display: flex;
  flex-direction: column;
  gap: 8px;
  text-align: right;
}
.footer-right a {
  color: #aab3c7;
  text-decoration: none;
  font-weight: 600;
}
.footer-right a:hover {
  color: #ffffff;
}
.footer-info {
  margin-top: 30px;
  text-align: center;
  line-height: 1.6;
}
.footer-info a {
  color: #f48120;
  text-decoration: none;
}
.footer-socials {
  margin-top: 25px;
  display: flex;
  justify-content: center;
  gap: 18px;
  font-size: 20px;
}
.footer-socials a {
  color: #aab3c7;
  text-decoration: none;
}
.footer-socials a:hover {
  color: #ffffff;
}
.footer-copy {
  margin-top: 25px;
  text-align: center;
  font-size: 12px;
  opacity: 0.6;
}
@media (max-width: 700px) {
  .footer-top {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .footer-right {
    text-align: center;
  }
}
.footer-left {
  min-width: 200px;
  display: flex;
  align-items: center;
}
.footer-top.footer-top-center{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom: 10px;
}
.footer-logo{
  display:block;
  width:180px;
  height:auto;
}