/* ============ BLOCK · OFFICIAL AUTODESK REPRESENTATIVE — "The Vault" ============
   Council director's-cut: frosted glass text (left) + certificate floating in a
   dark vitrine (right) with gold scanner-sweep, particle "A" constellation,
   hover-enlarge + click-to-lightbox. Hidden message: the cert = passport into the
   profession; gold seal = institutional authority; official presence in Ukraine. */

.advlt{position:relative;overflow:hidden;color:#eef3fb;background:#060a13;
  padding:clamp(72px,8vw,116px) 0 clamp(66px,7vw,104px)}
.advlt__bg{position:absolute;inset:0;pointer-events:none;
  background-image:image-set(url('../img/adsk_bg.webp') type('image/webp'),url('../img/adsk_bg.jpg') type('image/jpeg'));
  background-size:cover;background-position:center 38%;opacity:.5;transform:scale(1.06)}
.advlt__scrim{position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(115% 80% at 72% 42%,rgba(231,181,74,.10) 0%,transparent 52%),
  radial-gradient(120% 95% at 50% 4%,rgba(6,10,19,.92) 0%,rgba(6,10,19,.5) 40%,rgba(6,10,19,.18) 62%,transparent 80%),
  linear-gradient(180deg,rgba(6,10,19,.84) 0%,rgba(6,10,19,.3) 30%,rgba(6,10,19,.34) 60%,rgba(6,10,19,.95) 100%),
  linear-gradient(90deg,rgba(6,10,19,.78) 0%,transparent 34%,transparent 64%,rgba(6,10,19,.5) 100%)}
.advlt__grid{position:absolute;inset:0;pointer-events:none;opacity:.5;
  background-image:linear-gradient(rgba(120,190,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(120,190,255,.05) 1px,transparent 1px);
  background-size:48px 48px;mask-image:radial-gradient(130% 92% at 60% 36%,#000 22%,transparent 80%)}
/* particle constellation canvas — gold "A" forming behind the cert */
.advlt__field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.9;z-index:1}

.advlt__wrap{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.04fr);
  gap:clamp(30px,4vw,70px) clamp(34px,5vw,82px);align-items:center;max-width:1200px;margin:0 auto;
  padding:0 clamp(20px,5vw,64px)}

/* ---------- LEFT · floating glass copy panel ---------- */
.advlt__panel{position:relative}
.advlt__eyebrow{display:inline-flex;align-items:center;gap:10px;
  font:700 12.5px/1 'Manrope',sans-serif;letter-spacing:.16em;text-transform:uppercase;
  color:#f2d79a;padding:9px 16px;border-radius:100px;
  background:linear-gradient(150deg,rgba(231,181,74,.16),rgba(231,181,74,.04));
  border:1px solid rgba(231,181,74,.32);box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.advlt__eyebrow .pin{width:7px;height:7px;border-radius:50%;background:#e7b54a;
  box-shadow:0 0 0 4px rgba(231,181,74,.2),0 0 14px 2px rgba(231,181,74,.7);
  animation:advlt-pin 2.4s ease-in-out infinite}
@keyframes advlt-pin{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.78)}}

.advlt h2{margin:22px 0 0;font:800 clamp(30px,4vw,52px)/1.06 'Unbounded',sans-serif;
  letter-spacing:-.01em}
.advlt h2 .gold{background:linear-gradient(100deg,#f4dca0 0%,#e7b54a 48%,#bd8a2e 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}

/* ---------- HOLLYWOOD headline ---------- */
/* giant ghost watermark behind the panel — institutional scale */
.advlt__ghost{position:absolute;left:clamp(-30px,-2vw,0px);top:clamp(34px,7vw,86px);z-index:2;
  pointer-events:none;user-select:none;
  font:900 clamp(96px,20vw,260px)/.8 'Unbounded',sans-serif;letter-spacing:-.03em;
  color:transparent;-webkit-text-stroke:1px rgba(231,181,74,.07);
  text-shadow:0 0 60px rgba(231,181,74,.04);white-space:nowrap;opacity:.9}

/* multi-line title with overflow-clip reveal */
.advlt h2.advlt__title{position:relative;z-index:3;margin:22px 0 0;
  font:800 clamp(27px,3.1vw,42px)/1.08 'Unbounded',sans-serif;letter-spacing:-.018em}
.advlt__title .tln{display:block;overflow:hidden;padding:.06em .04em}
.advlt__title .tx{display:inline-block;will-change:transform}
.advlt__title .t-big{background:linear-gradient(180deg,#fff 0%,#cfd9ea 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.advlt__title .tln-foil{display:flex;align-items:baseline;flex-wrap:wrap}

/* gold foil "Autodesk" with a diagonal light-sweep shine */
.t-foil{position:relative;display:inline-block;
  background:linear-gradient(100deg,#bd8a2e 0%,#f4dca0 38%,#fffaf0 50%,#e7b54a 62%,#bd8a2e 100%);
  background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  animation:advlt-foil 5.5s ease-in-out infinite}
@keyframes advlt-foil{0%,100%{background-position:130% 0}50%{background-position:-30% 0}}
.t-foil::after{content:attr(data-text);position:absolute;inset:0;
  background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.85) 50%,transparent 58%);
  background-size:280% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;
  mix-blend-mode:screen;pointer-events:none;animation:advlt-foil 5.5s ease-in-out infinite}

/* official seal that slams onto the headline */
.advlt__stamp{position:absolute;right:clamp(-34px,-1.4vw,-6px);top:clamp(-34px,-2.2vw,-16px);z-index:4;
  width:clamp(82px,9vw,118px);height:clamp(82px,9vw,118px);pointer-events:none;
  opacity:0;transform:scale(2.4) rotate(-26deg)}
/* wet-ink impression: translucent, slightly bled, mixes with the surface */
.advlt__stamp.is-stamped{opacity:.66;transform:scale(1) rotate(-13deg)}
.advlt__stamp svg{width:100%;height:100%;overflow:visible;mix-blend-mode:screen;
  filter:drop-shadow(0 1px 2px rgba(0,0,0,.45)) blur(.35px)}
.advlt__stamp .s-ring{fill:none;stroke:rgba(214,158,86,.8);stroke-width:2.4}
.advlt__stamp .s-ring2{fill:none;stroke:rgba(214,158,86,.38);stroke-width:1;stroke-dasharray:2 4}
.advlt__stamp .s-txt{fill:rgba(222,176,108,.82);font:700 8.4px/1 'Manrope',sans-serif;letter-spacing:.12em;
  text-transform:uppercase}
.advlt__stamp .s-check{stroke:rgba(214,158,86,.85);stroke-width:4;stroke-linecap:round;stroke-linejoin:round;
  opacity:.0;stroke-dasharray:64;stroke-dashoffset:64}
.advlt__stamp.is-stamped .s-check{opacity:1;stroke-dashoffset:0;transition:stroke-dashoffset .5s .25s ease,opacity .2s .25s}
.advlt__stamp .s-a{fill:rgba(242,215,154,.18);font:900 30px/1 'Unbounded',sans-serif;
  text-anchor:middle}
.advlt__lead{margin:20px 0 0;max-width:46ch;color:#c2cee0;
  font:500 clamp(15px,1.5vw,17.5px)/1.62 'Manrope',sans-serif}

.advlt__chips{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0 0}
.advlt__chip{display:inline-flex;align-items:center;gap:9px;
  font:600 12.5px/1 'Manrope',sans-serif;letter-spacing:.02em;color:#dfe7f3;
  padding:11px 15px;border-radius:13px;
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12)}
.advlt__chip b{color:#f2d79a;font-weight:800}
.advlt__chip svg{width:15px;height:15px;flex:none;color:#e7b54a}

/* ---------- RIGHT · certificate vitrine ---------- */
.advlt__vitrine{position:relative;perspective:1400px;display:flex;justify-content:center}
.advlt__frame{position:relative;width:min(100%,560px);cursor:pointer;
  border-radius:18px;padding:16px;transform-style:preserve-3d;
  transform:rotateY(-9deg) rotateX(3.2deg) scale(.96);
  transition:transform .8s cubic-bezier(.16,1,.3,1),box-shadow .8s ease;
  background:linear-gradient(160deg,rgba(255,255,255,.09),rgba(255,255,255,.022));
  border:1px solid rgba(231,181,74,.26);
  box-shadow:0 44px 90px -36px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.04),
    inset 0 1px 0 rgba(255,255,255,.18),0 0 46px -6px rgba(231,181,74,.3)}
.advlt__frame::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(135deg,transparent 38%,rgba(255,255,255,.4) 48%,rgba(255,255,255,.08) 54%,transparent 62%);
  background-size:280% 280%;background-position:120% 120%;mix-blend-mode:overlay;
  transition:background-position 1s ease;opacity:.0}
.advlt__frame:hover::before{opacity:1;background-position:-40% -40%}
.advlt__frame img{display:block;width:100%;height:auto;border-radius:9px;
  box-shadow:0 16px 40px -18px rgba(0,0,0,.7)}
/* gold scanner line sweeping the cert top→bottom (idle "authenticity validation") */
.advlt__media{position:relative;border-radius:9px;overflow:hidden}
.advlt__scan{position:absolute;left:0;right:0;top:-4%;height:3px;border-radius:3px;pointer-events:none;z-index:3;
  background:linear-gradient(90deg,transparent,rgba(231,181,74,0) 6%,rgba(247,221,160,.95) 50%,rgba(231,181,74,0) 94%,transparent);
  box-shadow:0 0 18px 3px rgba(231,181,74,.55);opacity:0;
  animation:advlt-scanY 6.5s cubic-bezier(.6,.05,.4,.95) infinite}
@keyframes advlt-scanY{0%{top:-4%;opacity:0}10%{opacity:.95}88%{opacity:.95}100%{top:104%;opacity:0}}
/* micro hidden line, readable only when enlarged */
.advlt__seal{position:absolute;right:26px;bottom:26px;z-index:4;pointer-events:none;
  font:700 9px/1 'Manrope',sans-serif;letter-spacing:.18em;text-transform:uppercase;
  color:rgba(242,215,154,.0);transition:color .5s ease}
.advlt__frame:hover .advlt__seal{color:rgba(242,215,154,.82)}

.advlt__hint{margin:16px 0 0;text-align:center;font:600 11.5px/1 'Manrope',sans-serif;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(194,206,224,.6);
  display:flex;align-items:center;justify-content:center;gap:9px}
.advlt__hint svg{width:14px;height:14px;color:#e7b54a}

/* cursor inspection hairline inside the vitrine (fine pointer only) */
.advlt__beam{position:absolute;top:0;bottom:0;width:1px;pointer-events:none;z-index:5;
  background:linear-gradient(180deg,transparent,rgba(231,181,74,.55) 30%,rgba(247,221,160,.8) 50%,rgba(231,181,74,.55) 70%,transparent);
  opacity:0;transition:opacity .35s ease;mix-blend-mode:screen}
.advlt__vitrine:hover .advlt__beam{opacity:.7}

/* ---------- full-width band · a real Autodesk certificate per program ---------- */
.advlt__programs{grid-column:1/-1;margin-top:clamp(8px,1.5vw,20px);
  padding-top:clamp(26px,3vw,40px);border-top:1px solid rgba(231,181,74,.16);
  display:flex;flex-direction:column;align-items:flex-start;gap:clamp(16px,2vw,22px)}
.advlt__pgintro{font:700 12.5px/1 'Manrope',sans-serif;letter-spacing:.15em;
  text-transform:uppercase;color:rgba(242,215,154,.72)}
.advlt__pgrow{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.6vw,18px);width:100%}
.advlt__pg{display:flex;align-items:center;gap:14px;padding:17px 20px;border-radius:15px;
  background:linear-gradient(160deg,rgba(255,255,255,.075),rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(10px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1);
  transition:transform .5s cubic-bezier(.16,1,.3,1),border-color .5s ease,box-shadow .5s ease}
.advlt__pg:hover{transform:translateY(-4px);border-color:rgba(231,181,74,.4);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 40px -22px rgba(231,181,74,.5)}
.advlt__pg svg{width:30px;height:30px;flex:none;color:#e7b54a}
.advlt__pgn{display:flex;flex-direction:column;
  font:700 17px/1.1 'Unbounded',sans-serif;letter-spacing:-.01em;color:#eef3fb}
.advlt__pgn b{margin-top:5px;font:600 11px/1 'Manrope',sans-serif;letter-spacing:.06em;
  text-transform:uppercase;color:rgba(242,215,154,.78)}
.advlt__cta{margin-top:clamp(2px,.8vw,8px)}

/* ---------- LIGHTBOX ---------- */
.advlt-lb{position:fixed;inset:0;z-index:9000;display:flex;align-items:center;justify-content:center;
  padding:clamp(18px,4vw,56px);background:rgba(6,10,19,.0);backdrop-filter:blur(0px);
  opacity:0;visibility:hidden;transition:opacity .5s ease,backdrop-filter .5s ease,visibility .5s}
.advlt-lb.is-open{opacity:1;visibility:visible;background:rgba(6,10,19,.9);backdrop-filter:blur(22px)}
.advlt-lb__img{max-width:min(92vw,1050px);max-height:90vh;width:auto;height:auto;border-radius:12px;
  box-shadow:0 50px 120px -30px rgba(0,0,0,.9),0 0 60px -6px rgba(231,181,74,.4);
  transform:scale(.86);opacity:0;transition:transform .7s cubic-bezier(.16,1,.3,1),opacity .5s ease}
.advlt-lb.is-open .advlt-lb__img{transform:scale(1);opacity:1}
.advlt-lb__close{position:absolute;top:clamp(14px,3vw,30px);right:clamp(14px,3vw,34px);
  width:48px;height:48px;border-radius:50%;border:1px solid rgba(231,181,74,.4);cursor:pointer;
  background:rgba(255,255,255,.05);color:#f2d79a;font-size:22px;line-height:1;
  display:flex;align-items:center;justify-content:center;transition:transform .3s ease,background .3s ease}
.advlt-lb__close:hover{transform:rotate(90deg) scale(1.08);background:rgba(231,181,74,.18)}
.advlt-lb__cap{position:absolute;left:0;right:0;bottom:clamp(16px,4vw,40px);text-align:center;
  font:600 12px/1.5 'Manrope',sans-serif;letter-spacing:.1em;text-transform:uppercase;color:rgba(242,215,154,.78)}

/* ---------- entrance (no-GSAP fallback via IntersectionObserver .is-in) ---------- */
.advlt [data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .9s ease,transform .9s cubic-bezier(.16,1,.3,1)}
.advlt [data-reveal].is-in{opacity:1;transform:none}

/* ---------- responsive ---------- */
@media (max-width:900px){
  .advlt__wrap{grid-template-columns:1fr;gap:clamp(34px,8vw,52px)}
  .advlt__frame{transform:rotateY(0) rotateX(0) scale(1);width:min(100%,480px)}
  .advlt__vitrine{order:-1}
}
@media (max-width:680px){
  .advlt__pgrow{grid-template-columns:1fr}
}
@media (max-width:560px){
  .advlt__seal{display:none}
  .advlt__chip{font-size:11.5px;padding:9px 12px}
}
@media (prefers-reduced-motion:reduce){
  .advlt__scan,.advlt__pin,.t-foil,.t-foil::after{animation:none!important}
  .advlt__frame{transform:none}
  .advlt__stamp{opacity:1;transform:scale(1) rotate(-12deg)}
  .advlt__stamp .s-check{opacity:1;stroke-dashoffset:0}
}