/* generated from src/section-hero-banner.css — edit that file, not this one */
.hero-sync-ref.hero-sync-ref,.hero-sync-ref.hero-sync-ref *{box-sizing:border-box}.hero-sync-ref.hero-sync-ref{--hero-deck-shift: 23px;--hero-ref-bg: var(--ink-900, var(--hero-bg, #0a0a0b));--hero-ref-text: var(--text-on-dark, var(--hero-text, #ffffff));--hero-ref-muted: var(--text-on-dark-2, var(--hero-muted, rgba(255, 255, 255, .62)));--hero-ref-accent: var(--cool, var(--accent-cool, var(--hero-accent, #0077ed)));position:relative;min-height:100vh;background:var(--hero-ref-bg);color:var(--hero-ref-text);isolation:isolate;overflow:visible}.hero-sync-ref .hero-sync-ref__pin{position:sticky;top:0;height:100vh;min-height:100vh;overflow:hidden;display:flex;align-items:center;background:var(--hero-ref-bg);overscroll-behavior:auto}.hero-sync-ref .hero-sync-ref__grid,.hero-sync-ref .hero-sync-ref__grid-glow{display:block;position:absolute;inset:0;z-index:0;pointer-events:none;background-size:var(--dark-dot-pitch, 12px) var(--dark-dot-pitch, 12px)}.hero-sync-ref .hero-sync-ref__grid{background-image:radial-gradient(circle,rgba(255,255,255,var(--hero-grid-opacity, .06)) var(--dark-dot-radius, .6px),transparent var(--dark-dot-edge, 1px))}.hero-sync-ref .hero-sync-ref__grid-glow{opacity:0;background-image:radial-gradient(circle,rgba(255,255,255,.42) var(--dark-dot-radius, .6px),transparent var(--dark-dot-edge, 1px));transition:opacity .5s ease}.hero-sync-ref .hero-sync-ref__inner{position:relative;z-index:2;width:100%;max-width:min(var(--hero-max-width),calc(100vw - (var(--hero-side-padding) * 2)));min-height:100vh;margin:0 auto;padding:var(--hero-top-padding) var(--hero-side-padding) var(--hero-bottom-padding);display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:var(--hero-column-gap);align-items:center}.hero-sync-ref .hero-sync-ref__copy{position:relative;z-index:320;max-width:450px;transition:transform .15s linear,opacity .15s linear}.hero-sync-ref .hero-sync-ref__eyebrow,.hero-sync-ref .hero-sync-ref__actions,.hero-sync-ref .hero-sync-ref__stage,.hero-sync-ref .hero-sync-ref__caption,.hero-sync-ref .hero-sync-ref__scroll{display:flex;align-items:center}.hero-sync-ref .hero-sync-ref__eyebrow{gap:10px;margin-bottom:26px;color:#fff9}.hero-sync-ref .hero-sync-ref__eyebrow span,.hero-sync-ref .hero-sync-ref__caption-dot{width:6px;height:6px;border-radius:99px;flex:0 0 auto}.hero-sync-ref .hero-sync-ref__eyebrow span{background:var(--hero-ref-accent)}.hero-sync-ref .hero-sync-ref__eyebrow strong,.hero-sync-ref .hero-sync-ref__caption-text,.hero-sync-ref .hero-sync-ref__scroll span{font-family:var(--font-mono, var(--font-jet-brains, monospace));-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.hero-sync-ref .hero-sync-ref__eyebrow strong{font-size:11px;line-height:1;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.hero-sync-ref .hero-sync-ref__title{font-family:var(--font-sans);margin:0;font-size:clamp(40px,5.2vw,var(--hero-title-max));line-height:.98;letter-spacing:-.035em;font-weight:700;color:currentColor}.hero-sync-ref .hero-sync-ref__title-line{display:block;white-space:nowrap}.hero-sync-ref .hero-sync-ref__description{font-family:var(--font-sans);margin:26px 0 34px;max-width:430px;font-size:18px;line-height:1.55;color:var(--hero-ref-muted)}.hero-sync-ref .hero-sync-ref__actions{flex-wrap:wrap;gap:16px}.hero-sync-ref .hero-sync-ref__btn{box-sizing:border-box;font-family:var(--font-sans);padding:12px 24px;border-radius:var(--radius-pill, 99px);display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-size:14px;line-height:1;font-weight:600;transition:background-color .22s cubic-bezier(.4,0,.6,1),color .22s cubic-bezier(.4,0,.6,1),border-color .22s cubic-bezier(.4,0,.6,1)}.hero-sync-ref .hero-sync-ref__btn--primary{color:#fff;background:var(--accent-cool, #0077ed);border:2px solid var(--accent-cool, #0077ed)}.hero-sync-ref .hero-sync-ref__btn--primary:hover{background:transparent;color:var(--accent-cool, #0077ed)}.hero-sync-ref .hero-sync-ref__btn--secondary{color:var(--text-on-dark, #f5f5f4);border:1px solid #ffffff;background:#fff0;padding-top:13px;padding-bottom:13px}.hero-sync-ref .hero-sync-ref__btn--secondary:hover{background:transparent;border-color:var(--accent-cool, #0077ed);color:var(--accent-cool, #0077ed)}.hero-sync-ref .hero-sync-ref__stage{position:relative;min-height:min(720px,100vh);justify-content:center;perspective:1600px;touch-action:pan-y;user-select:none;-webkit-user-select:none}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{position:absolute;left:calc(50% + var(--hero-deck-shift, 0px));top:50%;width:min(var(--hero-tile-width),63vw);height:min(var(--hero-tile-height),100vh);transform:translate(-50%,-50%);border-radius:var(--hero-tile-radius);overflow:hidden}.hero-sync-ref .hero-sync-ref__card{z-index:calc(100 - var(--card-index, 0));background:var(--ink-800, #131316);border:0;box-shadow:0 44px 100px #0000008c;opacity:1;backface-visibility:hidden}.hero-sync-ref.is-deck-animating .hero-sync-ref__card{will-change:transform,opacity,filter}.hero-sync-ref .hero-sync-ref__card:after,.hero-sync-ref .hero-sync-ref__caption-frame:after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(135deg,#ffffff73,#ffffff1f 30%,#ffffff0a 55%,#ffffff2e);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none;z-index:5}.hero-sync-ref .hero-sync-ref__card:after{opacity:.7}.hero-sync-ref .hero-sync-ref__media,.hero-sync-ref .hero-sync-ref__placeholder{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:var(--card-media-pos, 50% 50%);display:block;filter:brightness(var(--card-brightness, 1))}.hero-sync-ref video.hero-sync-ref__media{pointer-events:none;inset:-2%;width:104%;height:104%;filter:none}.hero-sync-ref .hero-sync-ref__mobile-video{display:none}.hero-sync-ref .hero-sync-ref__placeholder{background:linear-gradient(135deg,rgba(255,255,255,.1),transparent),#111116}.hero-sync-ref .hero-sync-ref__glass{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;background:rgba(10,10,11,var(--card-glass-opacity, .4))}.hero-sync-ref .hero-sync-ref__caption-frame{z-index:220;pointer-events:none}.hero-sync-ref .hero-sync-ref__caption-scrim{position:absolute;inset:0;background:linear-gradient(95deg,rgba(10,10,11,var(--hero-left-scrim-opacity)) 0%,rgba(10,10,11,.42) 24%,transparent 46%),linear-gradient(180deg,transparent 66%,rgba(10,10,11,var(--hero-bottom-scrim-opacity)) 100%)}.hero-sync-ref .hero-sync-ref__caption{position:absolute;right:30px;bottom:24px;gap:8px;opacity:1;transition:opacity .5s ease}.hero-sync-ref .hero-sync-ref__caption-dot{background:var(--hero-caption-dot, #ffffff);transition:background .5s ease}.hero-sync-ref .hero-sync-ref__caption-text{font-size:10px;letter-spacing:.14em;color:#ffffffd1}.hero-sync-ref .hero-sync-ref__scroll{position:absolute;left:50%;bottom:30px;transform:translate(-50%);z-index:260;flex-direction:column;align-items:center;gap:8px;color:#fff;pointer-events:none}.hero-sync-ref .hero-sync-ref__scroll span{font-family:var(--font-mono, monospace);font-size:10px;letter-spacing:.2em}.hero-sync-ref .hero-sync-ref__scroll i{width:1px;height:22px;background:currentColor;animation:hero-sync-ref-scrollcue 1.8s ease-in-out infinite}@keyframes hero-sync-ref-scrollcue{0%,to{transform:translateY(0);opacity:.45}50%{transform:translateY(8px);opacity:1}}@media screen and (min-width: 1024px){.hero-sync-ref .hero-sync-ref__inner{max-width:var(--hero-max-width);min-height:100vh;padding:var(--hero-top-padding) var(--hero-side-padding) var(--hero-bottom-padding);grid-template-columns:40fr 60fr;gap:var(--hero-column-gap)}.hero-sync-ref .hero-sync-ref__description{max-width:var(--hero-desc-max, 430px)}.hero-sync-ref .hero-sync-ref__copy{z-index:300;max-width:none}.hero-sync-ref .hero-sync-ref__eyebrow strong{font-weight:400;color:#fff9}.hero-sync-ref .hero-sync-ref__title{font-size:var(--hero-title-max);color:var(--hero-ref-text)}.hero-sync-ref .hero-sync-ref__description{letter-spacing:0}.hero-sync-ref .hero-sync-ref__btn{box-sizing:border-box;width:auto;height:auto;min-width:0;min-height:0;padding:12px 24px;border-radius:99px;line-height:1.2;letter-spacing:0;text-transform:capitalize;white-space:nowrap}.hero-sync-ref .hero-sync-ref__btn--secondary{background:#ffffff1a;-webkit-backdrop-filter:blur(28px) saturate(180%);backdrop-filter:blur(28px) saturate(180%);padding-top:13px;padding-bottom:13px}.hero-sync-ref .hero-sync-ref__stage{min-height:720px}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:var(--hero-tile-width);height:var(--hero-tile-height);border-radius:var(--hero-tile-radius);box-shadow:none}.hero-sync-ref .hero-sync-ref__caption-frame{z-index:200;border:0}.hero-sync-ref .hero-sync-ref__caption-scrim{background:linear-gradient(95deg,rgba(10,10,11,.86) 0%,rgba(10,10,11,.42) 24%,transparent 46%),linear-gradient(180deg,transparent 66%,rgba(10,10,11,.58))}.hero-sync-ref .hero-sync-ref__caption{right:22px;bottom:18px}.hero-sync-ref .hero-sync-ref__scroll{z-index:2}}@media screen and (min-width: 1024px) and (max-width: 1279px){.hero-sync-ref.hero-sync-ref{--hero-deck-spacing: 150;--hero-deck-shift: min(1.05vw, 12px)}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:min(52.5vw,575px);height:min(35vw,384px)}}@media screen and (min-width: 1280px) and (max-width: 1439px){.hero-sync-ref.hero-sync-ref{--hero-deck-spacing: 185;--hero-deck-shift: min(1.11vw, 15px)}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:min(55.5vw,750px);height:min(37vw,500px)}}@media screen and (min-width: 1440px) and (max-width: 1599px){.hero-sync-ref.hero-sync-ref{--hero-deck-spacing: 222;--hero-deck-shift: 1.2vw}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:60vw;height:40vw}}@media screen and (min-width: 1600px) and (max-width: 1920px){.hero-sync-ref.hero-sync-ref{--hero-deck-spacing: 260;--hero-deck-shift: min(1.2vw, 20px)}.hero-sync-ref .hero-sync-ref__card,.hero-sync-ref .hero-sync-ref__caption-frame{width:min(60vw,1020px);height:min(40vw,680px)}}@media screen and (max-width: 1023px){.hero-sync-ref.hero-sync-ref{min-height:0!important}.hero-sync-ref .hero-sync-ref__pin{position:relative!important;top:auto!important;height:100vh!important;height:100svh!important;height:var(--hero-pin-h, 100svh)!important;min-height:0!important;width:100%;display:block!important;overflow:hidden!important;background:var(--hero-ref-bg)!important}.hero-sync-ref .hero-sync-ref__grid,.hero-sync-ref .hero-sync-ref__grid-glow{z-index:1}.hero-sync-ref .hero-sync-ref__grid{background-image:radial-gradient(circle,rgba(255,255,255,.048) var(--dark-dot-radius, .6px),transparent var(--dark-dot-edge, 1px))!important}.hero-sync-ref .hero-sync-ref__pin,.hero-sync-ref .hero-sync-ref__inner,.hero-sync-ref .hero-sync-ref__stage{touch-action:pan-y;overscroll-behavior:auto}.hero-sync-ref .hero-sync-ref__inner{position:absolute!important;inset:0!important;max-width:none!important;min-height:auto!important;margin:0!important;padding:0!important;display:block!important}.hero-sync-ref .hero-sync-ref__copy{position:absolute!important;left:0!important;right:0!important;bottom:0!important;z-index:300!important;max-width:none;padding:104px 22px 30px;background:linear-gradient(to top,rgba(8,8,10,.94) 6%,rgba(8,8,10,.72) 40%,rgba(8,8,10,.28) 72%,transparent 100%)}.hero-sync-ref .hero-sync-ref__eyebrow{visibility:visible;opacity:1;margin-bottom:16px;color:#fff;filter:none;transform:none}.hero-sync-ref .hero-sync-ref__eyebrow span{display:inline-block;flex-basis:6px;background:#0077ed}.hero-sync-ref .hero-sync-ref__eyebrow strong{display:inline-block;visibility:visible;opacity:1;color:#fff;font-size:11px;font-style:normal;font-weight:400;line-height:normal;letter-spacing:.22em;text-shadow:none}.hero-sync-ref .hero-sync-ref__title{font-size:40px;font-weight:700;line-height:.98;letter-spacing:-.035em}.hero-sync-ref .hero-sync-ref__description{margin:12px 0 20px;font-size:15px;font-weight:400;line-height:1.55}.hero-sync-ref .hero-sync-ref__actions{gap:14px}.hero-sync-ref .hero-sync-ref__btn{padding:14px 26px;font-size:14px;font-weight:600;line-height:normal}.hero-sync-ref .hero-sync-ref__btn--secondary{padding-top:15px;padding-bottom:15px}.hero-sync-ref .hero-sync-ref__mobile-video{display:block;position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;pointer-events:none}.hero-sync-ref .hero-sync-ref__stage,.hero-sync-ref .hero-sync-ref__caption,.hero-sync-ref .hero-sync-ref__caption-frame,.hero-sync-ref .hero-sync-ref__scroll{display:none!important}}@media screen and (max-width: 390px){.hero-sync-ref .hero-sync-ref__title{font-size:34px}.hero-sync-ref .hero-sync-ref__description{font-size:13px}.hero-sync-ref .hero-sync-ref__btn{min-height:42px;padding-left:20px;padding-right:20px}}.hero-sync-ref .hero-sync-ref__card .fl-specular-fx{opacity:var(--card-specular, 0)}
