/* =========================================================
   Vegas Labs — About page (Figma "04 · About": desktop 1440 / mobile 390)
   Page-specific styles; shared components (vl-pg-*) live in vl-pages.css.
   Elementor page built by Code/build-about.php; live parts from snippet "VL Pages – content pages".
   ========================================================= */
.vl-ab-hero__base p,.vl-ab-step__num p,.vl-ab-step__fig p,.vl-ab-step__stage p,.vl-ab-notes p,.vl-ab-follow__label p,.vl-ab-coa__cap p,.vl-ab-pr__ev p,.vl-ab-card__top b,.vl-ab-stmt__meta p,.vl-ab-tile__cap p,.vl-ab-tile__note p,.vl-ab-type__label p,.vl-ab-cta__ruo p{font:500 11px/1.3 var(--pg-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--pg-mute)}
.vl-ab-phil.e-con{background:var(--pg-paper)}
.vl-ab-v2c.e-con,.vl-ab-cta.e-con{background:var(--pg-deep)}
.vl-ab-qa.e-con{background:var(--pg-glass)}
.vl-ab-rf.e-con{background:var(--pg-paper)}
.vl-ab-rf > .e-con-inner{gap:48px!important}
.vl-ab-brand.e-con{background:var(--pg-ivory)}

/* =========================================================
   01 Hero
   ========================================================= */
.vl-ab-hero.e-con{--padding-top:148px;--padding-bottom:0px;position:relative;overflow:hidden;background:var(--pg-ivory)}
.vl-ab-hero > .e-con-inner{position:static;min-height:760px;gap:0!important}
.vl-ab-hero__art{position:absolute!important;inset:0;width:auto!important;max-width:none!important;margin:0!important;pointer-events:none;z-index:0}
.vl-ab-art{position:absolute;inset:0}
.vl-ab-art__box{position:absolute;left:calc(50% - 170px);top:-110px;width:920px;height:920px}
.vl-ab-art__ring{position:absolute;left:50px;top:50px;width:820px!important;height:820px!important;max-width:none!important}
.vl-ab-art__vial{position:absolute;left:0;top:0;width:920px!important;height:920px!important;max-width:none!important;object-fit:cover}
.vl-ab-ann{position:absolute;display:flex;align-items:center;gap:8px;white-space:nowrap}
.vl-ab-ann--cap{left:512px;top:257px}
.vl-ab-ann--id{left:550px;top:479px}
.vl-ab-ann--lot{left:535px;top:619px}
.vl-ab-ann__line{position:relative;display:block;height:8px}
.vl-ab-ann--cap .vl-ab-ann__line{width:128px}
.vl-ab-ann--id .vl-ab-ann__line{width:88px}
.vl-ab-ann--lot .vl-ab-ann__line{width:103px}
.vl-ab-ann__line::before{content:"";position:absolute;left:0;top:.5px;width:7px;height:7px;border-radius:50%;background:var(--pg-green)}
.vl-ab-ann__line::after{content:"";position:absolute;left:7px;right:0;top:3.5px;height:1px;background:var(--pg-green)}
.vl-ab-ann__label{font-family:var(--pg-mono);font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;color:var(--pg-text)}
.vl-ab-art .vl-pg-chip{display:none;position:absolute}
.vl-ab-hero__copy{position:relative;z-index:1;width:600px!important;max-width:100%}
.vl-ab-hero__copy .vl-pg-idx-w{margin:0 0 21.7px!important}
:root .vl-ab-hero__title .elementor-heading-title{margin:0;font-family:var(--pg-sans);font-size:76px;font-weight:500;line-height:.98;letter-spacing:-2.66px;color:var(--pg-ink)}
.vl-ab-hero__intro{width:440px!important;max-width:100%;margin-top:27px!important}
.vl-ab-hero__intro p{font-size:21px;line-height:1.45;letter-spacing:-.105px;color:var(--pg-text)}
.vl-ab-hero__ctas{display:flex!important;flex-direction:row!important;align-items:flex-start;gap:12px!important;margin-top:34.65px!important}
.vl-ab-hero__base{position:relative;z-index:1;display:grid!important;grid-template-columns:412px minmax(0,1fr) auto;align-items:start;margin-top:auto!important;padding:21px 0 33.7px!important;border-top:1px solid var(--pg-line-s)}
.vl-ab-hero__base > .elementor-widget{width:auto!important;white-space:nowrap}
.vl-ab-hero__est{grid-column:1}
.vl-ab-hero__fig{grid-column:2}
.vl-ab-hero__ruo{grid-column:3}
.vl-ab-hero__ruo p{color:var(--pg-green)}
@media (min-width:1025px) and (max-width:1279px){
  .vl-ab-art__box{transform:scale(.86);transform-origin:50% 0}
  .vl-ab-ann{display:none}
  .vl-ab-hero__base{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto;column-gap:40px}
}

/* =========================================================
   02 Philosophy
   ========================================================= */
.vl-ab-plist{display:flex!important;flex-direction:column!important;gap:0!important}
.vl-ab-pr{display:flex!important;flex-direction:row!important;align-items:center!important;gap:32px!important;padding:40px 0!important;border-top:1px solid var(--pg-line)}
.vl-ab-pr:last-child{border-bottom:1px solid var(--pg-line)}
.vl-ab-pr > .elementor-widget,.vl-ab-pr > .e-con{margin:0!important}
.vl-ab-pr__idx{flex:none!important;width:96px!important}
.vl-ab-pr__idx p{font-family:var(--pg-mono);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.24px;text-transform:uppercase;color:var(--pg-mute)}
.vl-ab-pr__word{flex:1 1 0!important;min-width:0;width:auto!important}
:root .vl-ab-pr__word .elementor-heading-title{margin:0;font-family:var(--pg-sans);font-size:48px;font-weight:500;line-height:1.06;letter-spacing:-1.2px;color:var(--pg-ink);transition:transform .5s var(--pg-ease)}
.vl-ab-pr__copy{flex:none!important;width:400px!important;display:flex!important;flex-direction:column!important;gap:10px!important}
.vl-ab-pr__sentence p{font-size:18px;line-height:1.55;letter-spacing:-.036px;color:var(--pg-text)}
.vl-ab-pr__ev.is-brand p{color:var(--pg-green)}
.vl-ab-pr__disc{flex:none!important;width:48px!important}
.vl-ab-pr:hover .vl-ab-pr__word .elementor-heading-title{transform:translateX(8px)}
.vl-ab-pr:hover .vl-pg-disc{background:var(--pg-tint);border-color:transparent}

/* =========================================================
   03 From vial to catalog (dark)
   ========================================================= */
.vl-ab-follow{flex:none!important;width:auto!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:10px!important}
.vl-ab-follow__label p{color:var(--pg-dmute)}
.vl-ab-follow > .elementor-widget{width:auto!important}
.vl-ab-strip{display:flex;flex-wrap:wrap;align-items:center;gap:4px 12px;font-family:var(--pg-mono);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.24px;text-transform:uppercase;color:var(--pg-dtext);white-space:nowrap}
.vl-ab-strip i{display:block;width:1px;height:12px;background:var(--pg-dline)}
.vl-ab-strip__coa{color:var(--pg-mint)!important;text-decoration:none;transition:color .2s ease}
.vl-ab-strip__coa:focus-visible{outline:2px solid var(--pg-mint);outline-offset:3px;border-radius:4px}
.vl-ab-strip__coa:hover{color:#fff!important}
.vl-ab-steps{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:24px!important}
.vl-ab-step{flex:1 1 0!important;min-width:0;width:auto!important;display:flex!important;flex-direction:column!important}
.vl-ab-step > .elementor-widget{margin:0!important}
.vl-ab-step__media{position:relative;height:295px;overflow:hidden!important;border:1px solid var(--pg-dline-s)!important;border-radius:20px;background:rgba(247,248,245,.08)}
.vl-ab-step__img{position:absolute!important;left:50%;margin:0!important;transform:translateX(-50%);max-width:none!important}
.vl-ab-step__img img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;transition:transform 1s var(--pg-ease)}
.vl-ab-step__media:hover .vl-ab-step__img img{transform:scale(1.04)}
.vl-ab-step--vial .vl-ab-step__img{top:-30.5px;width:354px!important;height:354px}
.vl-ab-step--macro .vl-ab-step__img{top:-1px;width:295px!important;height:295px}
.vl-ab-step--docs .vl-ab-step__img{top:-17.13px;width:424.06px!important;height:339.25px}
.vl-ab-step--coa .vl-ab-step__img{top:24.5px;width:164px!important;height:232px;box-shadow:0 24px 48px -12px rgba(9,11,10,.2),0 2px 4px rgba(9,11,10,.12)}
.vl-ab-step--lineup .vl-ab-step__img{top:-141px;width:1100px!important;height:550px}
.vl-ab-step__marks{position:absolute!important;left:50%;top:11.75px;width:189.5px!important;margin:0!important;transform:translateX(-50%);pointer-events:none}
.vl-ab-step__marks img{display:block;width:189.5px;height:257.5px;max-width:none}
.vl-ab-step__num,.vl-ab-step__fig{position:absolute!important;left:15px;width:auto!important;margin:0!important;white-space:nowrap}
.vl-ab-step__num{top:15px}
.vl-ab-step__num p{color:var(--pg-paper)}
.vl-ab-step__fig{top:264px}
.vl-ab-step__fig p{color:var(--pg-dmute)}
.vl-ab-step__rail p{display:block}
.vl-ab-rail{display:flex;align-items:center;padding:24px 0 20px}
.vl-ab-rail b{flex:none!important;display:block;width:9px;height:9px;border-radius:50%;background:var(--pg-paper)}
.vl-ab-rail i{flex:1 1 auto;display:block;height:1px;background:var(--pg-dline);transform-origin:0 50%}
.vl-ab-step--lineup .vl-ab-rail b{background:var(--pg-mint)}
.vl-ab-step__copy{display:flex!important;flex-direction:column!important;gap:8px!important;padding-right:24px!important}
.vl-ab-step__stage p{color:var(--pg-dmute)}
:root .vl-ab-step__title .elementor-heading-title{margin:0;font-family:var(--pg-sans);font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.24px;color:var(--pg-paper)}
.vl-ab-step__desc p{font-size:14px;line-height:1.5;color:var(--pg-dtext)}
.vl-ab-notes{display:flex!important;flex-direction:row!important;justify-content:flex-end!important;padding-top:24px!important;border-top:1px solid var(--pg-dline-s)}
.vl-ab-notes > .elementor-widget{width:auto!important}
.vl-ab-notes p{color:var(--pg-dmute)}

/* =========================================================
   04 What every lot carries
   ========================================================= */
.vl-ab-qa__row{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:64px!important}
.vl-ab-qa__intro{flex:1 1 0!important;min-width:0;width:auto!important;display:flex!important;flex-direction:column!important;gap:40px!important}
.vl-ab-coa{position:relative;flex:1 1 auto!important;min-height:300px;overflow:hidden!important;border-radius:20px;background:var(--pg-ivory)}
.vl-ab-coa__img{position:absolute!important;left:calc(50% - 244px);top:40px;width:520px!important;height:735px;margin:0!important;max-width:none!important;box-shadow:0 24px 48px -12px rgba(9,11,10,.2),0 2px 4px rgba(9,11,10,.12)}
.vl-ab-coa__img img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}
.vl-ab-coa__cap{position:absolute!important;left:24px;top:18px;width:auto!important;margin:0!important;white-space:nowrap}
.vl-ab-qa__card{flex:none!important;width:600px!important;margin:0!important}
.vl-ab-lot{display:flex;flex-direction:column;gap:20px;box-sizing:border-box;padding:32px;border:1px solid var(--pg-line-s);border-radius:28px;background:var(--pg-card)}
.vl-ab-lot__head{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:22px}
.vl-pg-sec .vl-ab-lot__title{margin:0;font-family:var(--pg-sans);font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.24px;color:var(--pg-ink)}
.vl-ab-lot__rows{display:flex;flex-direction:column}
.vl-ab-lot__foot{display:flex;align-items:center;justify-content:space-between;gap:12px}

/* =========================================================
   05 Research first
   ========================================================= */
.vl-ab-stmt{display:flex!important;flex-direction:row!important;align-items:center!important;gap:32px!important;padding:48px!important;border-left:4px solid var(--pg-green);border-radius:28px;background:var(--pg-tint)}
.vl-ab-stmt > .elementor-widget{margin:0!important}
.vl-ab-stmt__disc{flex:none!important;width:64px!important}
.vl-ab-stmt__text{flex:1 1 0!important;min-width:0;width:auto!important}
:root .vl-ab-stmt__text .elementor-heading-title{margin:0;font-family:var(--pg-sans);font-size:48px;font-weight:500;line-height:1.06;letter-spacing:-1.2px;color:var(--pg-ink)}
.vl-ab-stmt__meta{flex:none!important;width:auto!important}
.vl-ab-stmt__meta p{display:flex;flex-direction:column;align-items:flex-end;gap:8px;white-space:nowrap}
.vl-ab-stmt__meta span + span{color:var(--pg-green)}
.vl-ab-cards{display:flex!important;flex-direction:row!important;align-items:flex-start!important;gap:24px!important}
.vl-ab-card{flex:1 1 0!important;min-width:0;width:auto!important;display:flex!important;flex-direction:column!important;gap:16px!important;padding:24px 0!important;border-top:1px solid var(--pg-line);transition:border-color .4s var(--pg-ease)}
.vl-ab-card > .elementor-widget{margin:0!important}
.vl-ab-card__top p{display:flex;align-items:center;justify-content:space-between}
.vl-ab-card__top b{color:var(--pg-green)}
.vl-ab-card__top .vl-icon{width:22px;height:22px;stroke-width:1.5;color:var(--pg-ink);transition:color .4s var(--pg-ease),transform .4s var(--pg-ease)}
:root .vl-ab-card__title .elementor-heading-title{margin:0;font-family:var(--pg-sans);font-size:24px;font-weight:500;line-height:1.25;letter-spacing:-.24px;color:var(--pg-ink)}
.vl-ab-card__desc p{font-size:16px;line-height:1.6;color:var(--pg-text)}
.vl-ab-card:hover{border-top-color:var(--pg-green)}
.vl-ab-card:hover .vl-ab-card__top .vl-icon{color:var(--pg-green);transform:scale(1.08)}

/* =========================================================
   06 Brand system
   ========================================================= */
.vl-ab-board{display:flex!important;flex-direction:column!important;gap:24px!important}
.vl-ab-board__top{display:flex!important;flex-direction:row!important;gap:24px!important}
.vl-ab-tile{position:relative;height:440px;overflow:hidden!important;box-sizing:border-box;border-radius:28px}
.vl-ab-tile > .elementor-widget{margin:0!important}
.vl-ab-tile--logo{flex:1 1 0!important;min-width:0;width:auto!important;border:1px solid var(--pg-line-s)!important;background:var(--pg-paper)}
.vl-ab-tile__ring-w{position:absolute!important;inset:0;width:auto!important;pointer-events:none}
.vl-ab-tile__ring{position:absolute;left:calc(50% - 310px);top:calc(50% - 310px);width:620px!important;height:620px!important;max-width:none!important;transition:transform 1.2s var(--pg-ease)}
.vl-ab-tile--logo:hover .vl-ab-tile__ring{transform:rotate(12deg)}
.vl-ab-tile__lockup{position:absolute!important;left:50%;top:50%;width:auto!important;transform:translate(-50%,-50%)}
.vl-ab-lockup{display:flex;align-items:center;gap:36px;white-space:nowrap}
.vl-ab-mark{position:relative;flex:none!important;display:block;width:45px;height:90px}
.vl-ab-mark i{position:absolute;display:block;box-sizing:border-box}
.vl-ab-mark__cap{top:0;left:10%;right:10%;bottom:81%;border-radius:.9px;background:var(--pg-green)}
.vl-ab-mark__body{top:28.75%;left:7.5%;right:7.5%;bottom:3.75%;border:6.75px solid var(--pg-green);border-radius:4.5px 4.5px 15.75px 15.75px}
.vl-ab-mark__tick{top:58.75%;left:15%;right:38%;bottom:34.75%;background:var(--pg-green)}
.vl-ab-word{font-family:var(--pg-sans);font-size:51px;font-weight:600;line-height:1;letter-spacing:7.14px;text-transform:uppercase;color:var(--pg-ink)}
.vl-ab-tile__cap,.vl-ab-tile__note{position:absolute!important;left:27px;width:auto!important;white-space:nowrap}
.vl-ab-tile__cap{top:27px}
.vl-ab-tile__note{bottom:27.7px}
.vl-ab-tile--type{flex:none!important;width:480px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important;padding:32px!important;background:var(--pg-ink)}
.vl-ab-type__label p{color:var(--pg-dmute)}
.vl-ab-type__aa p{font-family:var(--pg-sans);font-size:200px;font-weight:500;line-height:1;letter-spacing:-8px;color:var(--pg-paper);white-space:nowrap}
.vl-ab-type__notes{display:flex!important;flex-direction:column!important;gap:8px!important}
.vl-ab-type__sans p{font-size:14px;line-height:1.5;color:var(--pg-dtext)}
.vl-ab-type__mono p{font-family:var(--pg-mono);font-size:12px;font-weight:400;line-height:1.4;letter-spacing:.24px;text-transform:uppercase;color:var(--pg-dmute)}
.vl-ab-sws{display:flex;gap:24px}
.vl-ab-sw{flex:1 1 0!important;min-width:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;box-sizing:border-box;height:200px;padding:20px;border-radius:20px;color:#fff;transition:transform .45s var(--pg-ease),box-shadow .45s var(--pg-ease)}
.vl-ab-sw:hover{transform:translateY(-4px);box-shadow:0 18px 36px -18px rgba(9,11,10,.35)}
.vl-ab-sw__chip{display:none}
.vl-ab-sw__name{font-family:var(--pg-sans);font-size:14px;font-weight:500;line-height:1.3}
.vl-ab-sw__hex{font-family:var(--pg-mono);font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;opacity:.72}
.vl-ab-sw--green{background:#0E4938}
.vl-ab-sw--deep{background:#08372B}
.vl-ab-sw--black{background:#090B0A}
.vl-ab-sw--ivory,.vl-ab-sw--glass{border:1px solid var(--pg-line-s);color:var(--pg-ink)}
.vl-ab-sw--ivory{background:#F1F3EE;padding:20px 20px 19px 20px}
.vl-ab-sw--glass{background:#E4E8E3}
.vl-ab-sw--ivory .vl-ab-sw__hex,.vl-ab-sw--glass .vl-ab-sw__hex{opacity:1;color:var(--pg-mute)}

/* =========================================================
   07 CTA (dark)
   ========================================================= */
.vl-ab-cta__row{display:flex!important;flex-direction:row!important;align-items:center!important;gap:64px!important}
.vl-ab-cta__text{flex:1 1 0!important;min-width:0;width:auto!important;display:flex!important;flex-direction:column!important;gap:40px!important}
.vl-ab-cta__btns{display:flex!important;flex-direction:row!important;gap:12px!important}
.vl-ab-cta__ruo p{color:var(--pg-dmute)}
.vl-ab-cta__visual{position:relative;flex:none!important;width:640px!important;height:440px;overflow:hidden!important}
.vl-ab-cta__visual > .elementor-widget{margin:0!important}
.vl-ab-cta__ring-w{position:absolute!important;inset:0;width:auto!important;pointer-events:none}
.vl-ab-cta__ring{position:absolute;left:calc(50% - 280px);top:calc(50% - 280px);width:560px!important;height:560px!important;max-width:none!important}
.vl-ab-cta__lineup{position:absolute!important;left:calc(50% - 750px);top:-181px;width:1500px!important;height:750px;max-width:none!important}
.vl-ab-cta__lineup img{display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover}

/* =========================================================
   Laptop 1025–1279
   ========================================================= */
@media (min-width:1025px) and (max-width:1279px){
  .vl-ab-pr__copy{width:340px!important}
  .vl-ab-qa__card{width:540px!important}
  .vl-ab-cta__visual{width:520px!important}
  .vl-ab-tile--type{width:400px!important}
  .vl-ab-type__aa p{font-size:170px;letter-spacing:-6.8px}
  .vl-ab-word{font-size:42px;letter-spacing:5.9px}
}

/* =========================================================
   Tablet 768–1024 (derived: stacked like mobile, wider)
   ========================================================= */
@media (max-width:1024px){
  /* hero → stacked */
  .vl-ab-hero.e-con{--padding-top:48px;--padding-bottom:56px}
  .vl-ab-hero > .e-con-inner{min-height:0;gap:24px!important}
  .vl-ab-hero__copy{order:1;width:100%!important;max-width:600px}
  .vl-ab-hero__art{order:2;position:relative!important;inset:auto;height:480px}
  .vl-ab-hero__base{order:3}
  .vl-ab-art{overflow:hidden}
  .vl-ab-art__box{left:calc(50% - 285px);top:-57px;width:570px;height:570px;transform:none}
  .vl-ab-art__box .vl-ab-art__ring{left:57px;top:57px;width:456px!important;height:456px!important}
  .vl-ab-art__vial{width:570px!important;height:570px!important}
  .vl-ab-ann{display:none}
  .vl-ab-art .vl-pg-chip{display:flex;left:calc(50% - 7px);top:424px}
  .vl-ab-hero__ctas{margin-top:12px!important}
  .vl-ab-hero__base{display:flex!important;flex-direction:column!important;gap:24px;padding:0!important;border-top:0}
  .vl-ab-hero__base > .elementor-widget{white-space:normal}
  .vl-ab-hero__fig{order:1}
  .vl-ab-hero__est{order:2;width:100%!important;padding-top:16px!important;border-top:1px solid var(--pg-line-s)}
  .vl-ab-hero__est p{color:var(--pg-green)}
  .vl-ab-hero__ruo{display:none}
  .vl-ab-hero__fig .vl-pg-only-d{display:none!important}
  .vl-ab-hero__fig .vl-pg-only-m{display:inline!important}
  /* philosophy */
  .vl-ab-pr__copy{width:300px!important}
  :root .vl-ab-pr__word .elementor-heading-title{font-size:40px;letter-spacing:-1px}
  /* steps → 2 columns, mobile media */
  .vl-ab-steps{display:grid!important;grid-template-columns:1fr 1fr;gap:40px 24px!important}
  .vl-ab-step{gap:20px}
  .vl-ab-step__rail{display:none}
  .vl-ab-step__copy{padding-right:0!important}
  .vl-ab-step__media{height:438px}
  .vl-ab-step__fig{top:407px}
  .vl-ab-step--vial .vl-ab-step__img{top:-45px;width:525px!important;height:525px}
  .vl-ab-step--macro .vl-ab-step__img{top:-1px;width:438px!important;height:438px}
  .vl-ab-step--docs .vl-ab-step__img{top:-28px;width:630px!important;height:504px}
  .vl-ab-step--coa .vl-ab-step__img{top:39px;width:244px!important;height:345px}
  .vl-ab-step--lineup .vl-ab-step__img{top:-208px;width:1626px!important;height:813px}
  .vl-ab-step__marks{top:20.25px;width:281.5px!important}
  .vl-ab-step__marks img{width:281.5px;height:382.5px}
  .vl-ab-step__marks .vl-pg-only-d{display:none!important}
  .vl-ab-step__marks .vl-pg-only-m{display:block!important}
  /* quality → stacked */
  .vl-ab-qa__row{flex-direction:column!important;gap:40px!important}
  .vl-ab-coa{flex:none!important;height:420px}
  .vl-ab-qa__card{width:100%!important}
  /* research */
  .vl-ab-stmt{padding:40px!important}
  :root .vl-ab-stmt__text .elementor-heading-title{font-size:36px;letter-spacing:-.9px}
  .vl-ab-cards{flex-direction:column!important}
  .vl-ab-card{width:100%!important}
  /* brand */
  .vl-ab-board__top{flex-direction:column!important}
  .vl-ab-tile--type{width:100%!important}
  .vl-ab-sws{flex-wrap:wrap}
  .vl-ab-sw{flex:1 1 calc(33.333% - 16px)!important}
  /* cta → stacked, visual first */
  .vl-ab-cta__row{flex-direction:column!important;align-items:stretch!important;gap:48px!important}
  .vl-ab-cta__visual{order:-1;width:100%!important;height:360px}
  .vl-ab-cta__ring{left:calc(50% - 200px);top:calc(50% - 200px);width:400px!important;height:400px!important}
  .vl-ab-cta__lineup{left:calc(50% - 540px);top:-130px;width:1080px!important;height:540px}
}

/* =========================================================
   Mobile ≤767 (Figma 390)
   ========================================================= */
@media (max-width:767px){
  .vl-ab-strip.vl-pg-only-m{display:flex!important}
  .vl-ab-rf > .e-con-inner{gap:40px!important}

  /* hero */
  .vl-ab-hero.e-con{--padding-top:32px;--padding-bottom:48px}
  .vl-ab-hero > .e-con-inner{gap:24px!important}
  .vl-ab-hero__copy{max-width:none}
  .vl-ab-hero__copy .vl-pg-idx-w{margin-bottom:24px!important}
  :root .vl-ab-hero__title .elementor-heading-title{font-size:44px;letter-spacing:-1.54px}
  .vl-ab-hero__intro{width:100%!important;margin-top:24px!important}
  .vl-ab-hero__intro p{font-size:17px;line-height:1.55;letter-spacing:-.034px}
  .vl-ab-hero__ctas{flex-direction:column!important;gap:8px!important;margin-top:24px!important}
  :root .vl-ab-hero__ctas .vl-pg-btn--link,:root .vl-ab-hero__ctas .vl-pg-btn--link .elementor-button-wrapper,:root .vl-ab-hero__ctas .vl-pg-btn--link .elementor-button{width:100%!important}
  .vl-ab-hero__art{height:420px}
  .vl-ab-art__box{left:calc(50% - 250px);top:-50px;width:500px;height:500px}
  .vl-ab-art__box .vl-ab-art__ring{left:50px;top:50px;width:400px!important;height:400px!important}
  .vl-ab-art__vial{width:500px!important;height:500px!important}
  .vl-ab-art .vl-pg-chip{left:calc(50% - 6px);top:372px}
  .vl-ab-hero__est{padding-top:16px!important}
  .vl-ab-hero__fig p,.vl-ab-hero__est p{white-space:normal}

  /* philosophy */
  .vl-ab-pr{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"idx disc" "word word" "copy copy";align-items:center!important;gap:12px!important;padding:24px 0!important}
  .vl-ab-pr__idx{grid-area:idx;width:auto!important}
  .vl-ab-pr__disc{grid-area:disc;width:40px!important}
  .vl-ab-pr__word{grid-area:word}
  .vl-ab-pr__copy{grid-area:copy;width:100%!important;gap:12px!important}
  :root .vl-ab-pr__word .elementor-heading-title{font-size:34px;letter-spacing:-.85px}
  .vl-ab-pr__sentence p{font-size:16px;line-height:1.6;letter-spacing:0}
  .vl-ab-pr:hover .vl-ab-pr__word .elementor-heading-title{transform:none}

  /* vial to catalog */
  .vl-ab-follow{align-items:flex-start!important;gap:8px!important}
  .vl-ab-steps{display:flex!important;flex-direction:column!important;gap:40px!important}
  .vl-ab-step{width:100%!important}
  :root .vl-ab-step__title .elementor-heading-title{font-size:21px;letter-spacing:-.21px}
  .vl-ab-step__desc p{font-size:16px;line-height:1.6}
  .vl-ab-notes{justify-content:flex-start!important;padding-top:20px!important}
  .vl-ab-notes > .elementor-widget{width:100%!important}

  /* quality */
  .vl-ab-coa{height:300px}
  .vl-ab-coa__img{left:calc(50% - 145px);top:44px;width:290px!important;height:410px}
  .vl-ab-coa__cap{left:16px;top:16px}
  .vl-ab-lot{gap:16px;padding:20px}
  .vl-pg-sec .vl-ab-lot__title{font-size:21px;letter-spacing:-.21px}
  .vl-ab-lot__foot{flex-direction:column;align-items:flex-start;gap:8px}

  /* research */
  .vl-ab-stmt{flex-direction:column!important;align-items:flex-start!important;gap:16px!important;padding:24px!important}
  .vl-ab-stmt__disc{width:48px!important}
  .vl-ab-stmt__text{width:100%!important}
  :root .vl-ab-stmt__text .elementor-heading-title{font-size:26px;line-height:1.15;letter-spacing:-.39px}
  .vl-ab-stmt__meta{width:100%!important}
  .vl-ab-stmt__meta p{flex-direction:row;align-items:center;gap:0;white-space:normal;color:var(--pg-green)}
  .vl-ab-stmt__meta span:first-child::after{content:"\00a0·\00a0"}
  .vl-ab-cards{gap:24px!important}
  :root .vl-ab-card__title .elementor-heading-title{font-size:21px;letter-spacing:-.21px}

  /* brand */
  .vl-ab-board{gap:16px!important}
  .vl-ab-board__top{gap:16px!important}
  .vl-ab-tile--logo{height:220px;flex:none!important}
  .vl-ab-tile__ring{left:calc(50% - 140px);top:calc(50% - 140px);width:280px!important;height:280px!important}
  .vl-ab-lockup{gap:19.2px}
  .vl-ab-mark{width:24px;height:48px}
  .vl-ab-mark__body{border-width:3.6px;border-radius:2.4px 2.4px 8.4px 8.4px}
  .vl-ab-word{font-size:27.2px;letter-spacing:3.808px}
  .vl-ab-tile__cap{left:15px;top:15px}
  .vl-ab-tile__note{display:none}
  .vl-ab-tile--type{height:auto;justify-content:flex-start!important;gap:12px!important;padding:24px!important}
  .vl-ab-type__aa p{font-size:120px;letter-spacing:-4.8px}
  .vl-ab-type__notes{gap:12px!important}
  .vl-ab-type__mono p{font-size:11px;font-weight:500;line-height:1.3;letter-spacing:.08em}
  .vl-ab-sws{flex-direction:column;flex-wrap:nowrap;gap:0}
  .vl-ab-sw,.vl-ab-sw--ivory,.vl-ab-sw--glass{flex:none!important;flex-direction:row;align-items:center;justify-content:flex-start;gap:16px;height:auto;padding:12px 0;border:0;border-top:1px solid var(--pg-line-s);border-radius:0;background:none;color:var(--pg-ink)}
  .vl-ab-sw:last-child{border-bottom:1px solid var(--pg-line-s)}
  .vl-ab-sw:hover{transform:none;box-shadow:none}
  .vl-ab-sw__chip{display:block;flex:none!important;box-sizing:border-box;width:44px;height:44px;border-radius:12px}
  .vl-ab-sw--green .vl-ab-sw__chip{background:#0E4938}
  .vl-ab-sw--deep .vl-ab-sw__chip{background:#08372B}
  .vl-ab-sw--ivory .vl-ab-sw__chip{background:#F1F3EE;border:1px solid var(--pg-line)}
  .vl-ab-sw--glass .vl-ab-sw__chip{background:#E4E8E3;border:1px solid var(--pg-line)}
  .vl-ab-sw--black .vl-ab-sw__chip{background:#090B0A}
  .vl-ab-sw__name{flex:1 1 0!important;min-width:0}
  .vl-ab-sw__hex{opacity:1;color:var(--pg-mute)}

  /* cta */
  .vl-ab-cta__row{gap:40px!important}
  .vl-ab-cta__visual{height:220px}
  .vl-ab-cta__ring{left:calc(50% - 120px);top:-10px;width:240px!important;height:240px!important}
  .vl-ab-cta__lineup{left:calc(50% - 400px);top:-104px;width:800px!important;height:400px}
  .vl-ab-cta__btns{flex-direction:column!important;gap:8px!important}
  .vl-ab-cta__ruo p{white-space:normal}
}

/* first paint before JS animates the hero (class added in <head>, removed by vl-about.js or a 2.5 s fallback) */
.vl-ab-pre .vl-ab-hero__copy > *,.vl-ab-pre .vl-ab-art__vial,.vl-ab-pre .vl-ab-art__ring,.vl-ab-pre .vl-ab-ann,.vl-ab-pre .vl-pg-chip,.vl-ab-pre .vl-ab-hero__base > *{opacity:0}