/**
 * Website & Apps hub
 * SKILL.md: tokens + section rhythm in da-capabilities-layout.css; UI here (.wam).
 */
*,*::before,*::after{box-sizing:border-box}
html{margin-top:0!important}
body{margin:0;padding:0;background:#FAF8F5}

/* ── Biennale fonts ──────────────────────────────────────────────────────── */





/* ── Global reset ───────────────────────────────────────────────────────── */



/* ── Scoped reset ───────────────────────────────────────────────────────── */
.wam *{box-sizing:border-box}
.wam p{margin:0!important;padding:0!important}
.wam ul,.wam ol{list-style:none!important;margin:0!important;padding:0!important}
.wam li{margin:0!important;padding:0!important;list-style:none!important}
.wam h1,.wam h2,.wam h3,.wam h4{margin:0!important;padding:0!important;font-weight:700!important;font-family:var(--font-display)}
.wam img{max-width:100%;height:auto;display:block}
.wam button{background:transparent;border:none;padding:0;margin:0;cursor:pointer;font:inherit;line-height:inherit}
.wam a:not(.home-btn):not(.home-cta):not(.home-capabilities__pill){color:inherit;text-decoration:none!important}
.wam a:not(.home-btn):not(.home-cta):not(.home-capabilities__pill):visited{color:inherit}
.wam a:not(.home-btn):not(.home-cta):not(.home-capabilities__pill):hover{text-decoration:none!important}
.wam svg{display:block}

/* ── Tokens ─────────────────────────────────────────────────────────────── */
/* Tokens — layout vars from da-capabilities-layout.css */
.wam{
  --da-white:#ffffff;
  --da-cream:#FAF8F5;
  --da-stone:#EDEBE6;
  --da-line:#D8D5CE;
  --da-ash:#76746D;
  --da-charcoal:#383B40;
  --da-black:#151515;
  --da-lime:#B8E986;
  --da-pink:#F5D6E2;
  background:var(--da-cream);
  color:var(--da-black);
  font-family:var(--fr);
  -webkit-font-smoothing:antialiased;
  margin-top:calc(-1 * var(--da-header-h))!important;
  padding-top:var(--da-header-h)!important;
}

/* Helpers — .wam-con / .container tokens in da-capabilities-layout.css */
.wam-tag{display:inline-block;font-family:var(--font-body);font-weight:500;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--da-ash);margin-bottom:16px!important}
.wam-tag--dk{color:rgba(255,255,255,.45)}
.wam-sh{font-family:var(--fb)!important;font-size:clamp(1.7rem,2.8vw,2.6rem)!important;line-height:1.04!important;letter-spacing:-.04em!important;margin:0!important}
.wam-lm{position:absolute;left:-2%;right:-2%;bottom:-.2em;height:6px;background:var(--da-lime);transform:skewX(-8deg);opacity:.9;pointer-events:none}
.wam-arr{position:relative;display:inline-block;width:44px;height:12px;flex-shrink:0}
.wam-arr:before{content:"";position:absolute;left:0;right:14px;top:5px;height:1px;background:currentColor}
.wam-arr:after{content:"";position:absolute;right:0;top:0;border-left:6px solid currentColor;border-top:5px solid transparent;border-bottom:5px solid transparent}
.wam-lnk{display:inline-flex;align-items:center;gap:12px;font-family:var(--fm);font-size:14px;letter-spacing:.02em;color:var(--da-black);white-space:nowrap}
.wam-lnk--dk{color:var(--da-cream)}
.wam-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--fm);font-size:14px;letter-spacing:.02em;padding:14px 22px;border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background .18s ease;text-decoration:none!important}
.wam-btn--bk{background:var(--da-black);color:var(--da-cream)!important}
.wam-btn--bk:hover{background:var(--da-charcoal)}
.wam-btn--lm{background:var(--da-lime);color:var(--da-black)!important;border-color:var(--da-lime)}
.wam-btn--lm:hover{opacity:.9}
.wam-btn--cr{background:var(--da-cream);color:var(--da-black)!important}
.wam-btn--cr:hover{background:var(--da-stone)}
.wam-btn--bk-on-lime{background:var(--da-black);color:var(--da-cream)!important;border-color:var(--da-black);font-weight:500;box-shadow:0 2px 0 rgba(21,21,21,.12)}
.wam-btn--bk-on-lime:hover{background:var(--da-charcoal);border-color:var(--da-charcoal)}

/* ── §1 HERO — parity with .iem-hero ───────────────────────────────────── */
.wam-hero{background:var(--da-cream);border-bottom:1px solid var(--da-line);padding-top:140px!important;min-height:100svh;align-items:center;display:flex}
.wam-hero>.container{width:100%}
.wam-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;align-items:center;padding:0}
.wam-hero-copy{display:flex;flex-direction:column;gap:30px;max-width:77%}
.wam-hero .wam-tag{margin-bottom:-10px!important}
span.wam-tag.da-hero-seq-item{margin-bottom:-10px!important}
.wam-hero h1{
  font-family:var(--fb)!important;
  font-size:clamp(40px,6.5vw,96px)!important;
  line-height:0.9!important;letter-spacing:-.03em!important;color:var(--da-black)!important;
}
.wam-hero h1 br{display:none}
.wam-hero-h1-italic{font-family:var(--fm)!important;font-style:italic!important;font-weight:500!important;text-transform:none!important;position:relative;display:inline-block}
.wam-hero-h1-mark{position:absolute;left:0;right:0;bottom:-.01em;height:6px;background:var(--da-lime);transform:skewX(-6deg);opacity:.9;pointer-events:none}
.wam-hero-tagline{font-family:var(--fm)!important;font-style:italic!important;font-size:clamp(1.1rem,2vw,1.35rem)!important;letter-spacing:-.02em!important;line-height:1.55!important;color:var(--da-charcoal)!important;max-width:640px}
.wam-hero-body{font-family:var(--font-body)!important;font-size:var(--da-body-size)!important;line-height:1.6!important;color:var(--da-charcoal)!important;max-width:520px}
.wam-hero-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-top:8px}
.wam-hero-actions .home-cta,
.wam-hero-actions .home-btn{min-width:148px}
.wam-hero-media{position:relative}
.wam-hero-media-frame{position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:10px;border:none;background:var(--da-white);box-shadow:none;width:100%}
.wam-hero-media-frame .da-cap-vid,
.wam-hero-media-frame video{width:100%;height:100%;object-fit:cover;filter:contrast(1.02);display:block;transition:transform .72s cubic-bezier(.16,1,.3,1)}
.wam-hero-media-frame .da-cap-vid__poster{object-fit:cover;object-position:center}
.wam-hero-media:hover .wam-hero-media-frame video{transform:scale(1.03)}
.wam-hero-media-scrub{position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--da-lime);transform:scaleX(0);transform-origin:left;transition:transform .72s cubic-bezier(.16,1,.3,1);z-index:4;pointer-events:none}
.wam-hero-media:hover .wam-hero-media-scrub{transform:scaleX(1)}

/* ── §2 STONE BANNER ─────────────────────────────────────────────────────── */
.wam-stats{background:var(--da-stone);border-bottom:1px solid var(--da-line)}
.wam-stats-inner{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.wam-stats-copy{display:flex;flex-direction:column;gap:20px}
.wam-stats-copy>div{display:flex;flex-direction:column;gap:20px}
.wam-stats-copy p{font-family:var(--font-body);font-size:var(--da-body-size)!important;line-height:1.72!important;color:var(--da-charcoal)!important}
.wam-stats-copy p+p{margin-top:0!important}
.wam-stats-nums{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--da-line);margin-top:8px!important;padding-top:8px}
.wam-stat{padding:20px 0;border-right:1px solid var(--da-line);padding-right:20px}
.wam-stat:last-child{border-right:none}
.wam-stat-v{font-family:var(--fb);font-size:clamp(1.3rem,2.2vw,1.9rem);line-height:.95;letter-spacing:-.03em;color:var(--da-black);display:block}
.wam-stat-l{font-family:var(--fm);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--da-ash);margin-top:6px;display:block}
.wam-stats-img{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--da-line);border-radius:10px}
.wam-stats-img a{display:block;width:100%;height:100%}
.wam-stats-img img{width:100%;height:100%;object-fit:cover;filter:contrast(1.02);display:block}

/* ── §3 SERVICES DIRECTORY — parity with .vpm-fmts (lime accents) ──────────── */
.wam-dir{border-bottom:1px solid var(--da-line);background:var(--da-cream)}
.wam-dir-head{display:flex;flex-direction:column;gap:30px;margin-bottom:70px;flex:1;min-width:0;max-width:min(854px,80%)}
.wam-dir-head h2 em{font-style:italic;font-family:var(--fm);font-weight:500;color:var(--da-black)}
.wam-dir-h1-em{position:relative;display:inline-block}
.wam-lmark{position:absolute;left:0;right:0;bottom:-.05em;height:6px;background:var(--da-lime);transform:skewX(-8deg);opacity:.9;pointer-events:none}
.wam-dir-grid{display:grid;grid-template-columns:420px 1fr;gap:110px;align-items:start}
.wam-preview{position:sticky;top:96px;display:flex;flex-direction:column;gap:10px}
.wam-pv-btn{background:transparent;border:none;padding:0;margin:0;cursor:pointer;text-align:left;width:100%;display:block;text-decoration:none!important;color:inherit;flex-shrink:0}
.wam-pv-frame{position:relative;width:100%;aspect-ratio:16/9;flex-shrink:0;overflow:hidden;border:1px solid var(--da-line);border-radius:10px;background:var(--da-stone);contain:layout style paint}
.wam-pv-img-stage{position:absolute;inset:0;overflow:hidden}
.wam-pv-img-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:translateY(0);transition:opacity .5s cubic-bezier(.16,1,.3,1);will-change:opacity;pointer-events:none}
.wam-pv-img-layer.is-active{opacity:1;z-index:1}
.wam-pv-img-layer.is-leaving{opacity:0;z-index:2}
.wam-pv-img-layer.is-entering{opacity:0;z-index:3}
.wam-pv-img-layer.is-entering.is-active{opacity:1}
.wam-pv-num{position:absolute;top:12px;left:12px;z-index:4;background:rgba(21,21,21,.72);color:var(--da-cream);font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.16em;padding:4px 10px;border-radius:3px}
.wam-pv-line{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--da-lime);z-index:4}
.wam-pv-lbl{font-family:var(--font-body);font-size:10px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--da-ash);flex-shrink:0}
.wam-dir-desc{font-family:var(--font-body);font-size:var(--da-body-size)!important;line-height:1.65!important;color:var(--da-charcoal)!important;margin:0!important;flex-shrink:0}
.wam-dir-link{display:inline-flex;align-items:center;align-self:flex-start;width:fit-content;gap:6px;font-family:var(--font-body);font-size:clamp(15px,1.5vw,15px);font-weight:600;letter-spacing:.02em;color:var(--da-black);text-decoration:none!important;transition:transform 160ms var(--ease-c),color 160ms var(--ease-c)}
.wam-dir-link:visited{color:var(--da-black)}
.wam-dir-link-arrow{display:inline;flex-shrink:0;font-size:inherit;line-height:1}
.wam-dir-link:hover,.wam-dir-link:focus,.wam-dir-link:focus-visible,.wam-dir-link:visited:hover,.wam-dir-link:visited:focus,.wam-dir-link:visited:focus-visible{color:var(--da-lime)!important;transform:scale(1.05)}
.wam-svc-list{list-style:none!important;padding:0!important;margin:0!important}
.wam-svc-li{border-bottom:1px solid var(--da-line);padding:0!important;list-style:none!important;margin:0!important}
.wam-svc-li.is-active{border-bottom:1px solid var(--da-lime);background:#b8e98629}
.wam-svc-link{display:flex;justify-content:space-between;align-items:baseline;gap:30px;padding:25px;min-height:48px;width:100%;text-decoration:none!important;color:inherit!important;-webkit-tap-highlight-color:transparent}
.wam-svc-link:visited{color:inherit!important}
.wam-svc-title{flex:1;min-width:0;font-family:var(--fb)!important;font-size:clamp(1.1rem,2.1vw,36px)!important;line-height:1.45!important;letter-spacing:-.04em!important;color:var(--da-black)!important;opacity:.3;transition:opacity .25s}
.wam-svc-li.is-active .wam-svc-title,.wam-svc-li:hover .wam-svc-title,.wam-svc-li:focus-within .wam-svc-title{opacity:1}
.wam-svc-num{flex-shrink:0;font-family:var(--font-body);font-size:32px;font-weight:500;color:var(--da-line);transition:color .25s}
.wam-svc-li.is-active .wam-svc-num,.wam-svc-li:hover .wam-svc-num,.wam-svc-li:focus-within .wam-svc-num{color:var(--da-lime)}
.wam-svc-arrow{display:block;flex-shrink:0;width:25px;height:25px;overflow:hidden;opacity:1}
.wam-svc-arrow::before{content:'';display:block;width:50px;height:50px;background-image:url(../assets/arrow-lime.svg);background-repeat:no-repeat;background-size:50px auto;background-position:-25px 0;transition:background-position .2s ease-in}
.wam-svc-li.is-active .wam-svc-arrow::before,.wam-svc-li:hover .wam-svc-arrow::before,.wam-svc-li:focus-within .wam-svc-arrow::before{background-position:0 -25px}

.wam-how{background:var(--da-stone);border-bottom:1px solid var(--da-line)}
.wam-how-split{display:grid;grid-template-columns:1fr 1.2fr;gap:64px;align-items:start}
.wam-how-left{display:flex;flex-direction:column;gap:22px}
.wam-how-left .da-heading-96{
  font-size:clamp(1.6rem,2.8vw,64px)!important;
  line-height:1.04!important;
  letter-spacing:-.04em!important;
  max-width:15ch;
}
.wam-how-left .da-heading-96 em{font-style:italic;font-family:var(--fm)!important;font-weight:500!important}
.wam-h2-em{font-style:italic;font-weight:500;font-family:var(--fm)!important}
.wam-how-sub{font-family:var(--font-body);font-size:var(--da-body-size);line-height:1.72;color:var(--da-charcoal);max-width:360px}
.wam-how-list{border-top:1px solid var(--da-line)}
.wam-how-step{display:grid;grid-template-columns:56px 1fr;gap:20px;padding:28px 0;border-bottom:1px solid var(--da-line);align-items:start}
.wam-how-n{font-family:var(--fm);font-size:16px;letter-spacing:.12em;color:var(--da-ash);line-height:1.65}
.wam-how-step h3{font-family:var(--fb);font-size:22px;line-height:1.25;color:var(--da-black);letter-spacing:-.02em;margin-bottom:10px!important}
.wam-how-step p{font-family:var(--fr);font-size:16px;line-height:1.65;color:var(--da-charcoal)}

/* ── §4 WHY DA — parity with .wasp-why / .vpm-why ───────────────────────── */
.wam section.wam-why{padding:110px 0}
.wam-why{background:var(--da-black);border-bottom:1px solid var(--da-charcoal);color:var(--da-cream)}
.wam-why .wam-tag--dk{margin-bottom:20px!important;display:block;color:var(--da-pink)!important}
.wam .wam-why h2.heading-85{margin:0!important;color:var(--da-white)!important;max-width:15ch}
.wam-why .heading-85 em,
.wam-why h2.heading-85 em{font-style:normal}
.wam-why-pink{color:var(--da-pink)}
.wam-why-lime{color:var(--da-lime)}
.wam-why-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--da-charcoal);margin-top:60px}
.wam-why-item{padding:50px 100px 50px 50px;background:var(--da-black);display:flex;flex-direction:column;gap:6px}
.wam-why-item:nth-child(odd){padding-left:0}
.wam-why-item--empty{background:var(--da-black);padding:0;min-height:100%}
.wam-why-n{font-family:var(--fm);font-size:16px;font-weight:500;letter-spacing:.14em;line-height:1;color:var(--da-pink);padding-bottom:10px}
.wam-why-item h3{font-family:var(--fb)!important;font-size:clamp(16px,2vw,32px)!important;letter-spacing:-.02em!important;color:var(--da-cream)!important;line-height:1.2!important;padding-bottom:20px!important;margin:0!important}
.wam-why-item p{font-family:var(--font-body)!important;font-size:18px!important;color:rgb(255 255 255 / 80%)!important;line-height:1.68!important;max-width:100%;font-weight:400;margin:0!important}

/* ── §6 PROCESS — parity with .wasp-proc / .vpm-proc ─────────────────────── */
.wam-proc{background:var(--da-stone);border-bottom:1px solid var(--da-line)}
.wam-proc-head{margin-bottom:90px;display:flex;flex-direction:column;gap:12px}
.wam-proc-head .da-heading-96{max-width:14ch;margin:0!important}
.wam-proc-subtitle{
  font-family:var(--font-body)!important;
  font-size:var(--da-body-size)!important;
  line-height:1.55!important;
  color:var(--da-charcoal)!important;
  margin:0!important;
  max-width:42ch;
}
.wam-proc-track{
  --wam-proc-track-pt:8px;
  --wam-proc-step-pt:18px;
  --wam-proc-step-px:14px;
  --wam-proc-num-h:16px;
  --wam-proc-gap:24px;
  --wam-proc-dot-size:14px;
  position:relative;padding-top:var(--wam-proc-track-pt);padding-bottom:8px
}
.wam-proc-rail{
  position:absolute;top:2.5em;left:0;right:0;height:2px;
  background:rgba(21,21,21,.08);border-radius:1px;pointer-events:none
}
.wam-proc-fill{
  position:absolute;top:2.5em;left:0;height:2px;border-radius:1px;
  background:var(--da-lime);
  box-shadow:0 0 12px rgba(184,233,134,.45);
  transition:width .56s cubic-bezier(.16,1,.3,1),height .56s cubic-bezier(.16,1,.3,1);
  pointer-events:none;z-index:1
}
.wam-proc-scroll{position:relative}
.wam-proc-grid{display:grid;gap:12px;position:relative;z-index:2}
.wam-proc-step{
  background:transparent;border:none;padding:var(--wam-proc-step-pt) var(--wam-proc-step-px) 22px;margin:0;cursor:pointer;
  text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:var(--wam-proc-gap);
  transition:color .22s ease
}
.wam-proc-step:focus-visible{outline:2px solid var(--da-lime);outline-offset:2px}
.wam-proc-num{
  font-family:var(--font-body);font-size:var(--wam-proc-num-h);font-weight:400;
  line-height:var(--wam-proc-num-h);height:var(--wam-proc-num-h);
  letter-spacing:0;color:var(--da-ash);transition:color .35s ease;display:block;flex-shrink:0
}
.wam-proc-dot{
  width:var(--wam-proc-dot-size);height:var(--wam-proc-dot-size);border-radius:50%;
  background:var(--da-white);border:2px solid rgba(21,21,21,.18);
  flex-shrink:0;position:relative;z-index:2;
  transform:translateY(calc(var(--wam-proc-dot-size) * -0.5));
  transition:background .35s ease,border-color .35s ease,box-shadow .35s ease
}
.wam-proc-step:hover .wam-proc-dot,
.wam-proc-step:focus-visible .wam-proc-dot{border-color:rgba(21,21,21,.35)}
.wam-proc-step>div{display:flex;flex-direction:column;gap:8px;width:100%}
.wam-proc-step h3{
  font-family:var(--fb)!important;font-size:clamp(16px,1.35vw,20px)!important;font-weight:700!important;
  letter-spacing:-.02em!important;margin:0!important;margin-top:-3px!important;
  color:var(--da-ash);transition:color .35s ease;line-height:1.2!important
}
.wam-proc-step p{
  font-family:var(--font-body)!important;font-size:14px!important;font-weight:400!important;
  letter-spacing:normal!important;text-transform:none!important;color:var(--da-charcoal)!important;
  margin:0!important;line-height:1.6!important;transition:color .35s ease
}
.wam-proc-step.is-active .wam-proc-num{color:var(--da-lime)}
.wam-proc-step.is-active .wam-proc-dot{background:var(--da-lime);border-color:var(--da-lime);box-shadow:0 0 0 4px rgba(184,233,134,.28)}
.wam-proc-step.is-active h3{color:var(--da-black)!important}
.wam-proc-step.is-active p{color:var(--da-charcoal)!important}
.wam-proc-step.is-done .wam-proc-num{color:var(--da-black)}
.wam-proc-step.is-done .wam-proc-dot{background:var(--da-black);border-color:var(--da-black);box-shadow:none}
.wam-proc-step.is-done h3{color:var(--da-black)!important}
.wam-proc-step.is-done p{color:var(--da-ash)!important}

/* ── §7 CTA CLOSE — parity with .crm-cls (pink band) ─────────────────────── */
.wam section.wam-cls{padding:120px 0}
.wam-cls{background:var(--da-pink);color:var(--da-black);border-bottom:1px solid var(--da-line)}
.wam-cls-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:40px;text-align:left}
.wam-cls-copy{display:flex;flex-direction:column;gap:25px;flex:1;min-width:0;max-width:min(854px,80%)}
.wam-cls h2.heading-85{
  text-transform:none!important;
  max-width:14ch;margin:0!important;
  color:var(--da-black)!important;
}
.wam-cls h2.heading-85 em{font-style:normal}
.wam-cls-sub{font-family:var(--font-body);font-size:var(--da-body-size)!important;color:var(--da-charcoal)!important;line-height:1.6!important;max-width:480px;margin:0!important}
.wam-cls-actions{display:flex;justify-content:center;gap:32px;margin-top:0;align-items:center;flex-wrap:wrap;flex-shrink:0}
.wam-cls a.wam-cls__cta,
.wam-cls a.wam-cls__cta:visited{
  --home-cta-arrow:url('../assets/home/diagonal-arrow.svg');
  display:inline-flex!important;align-items:center;justify-content:center;
  min-width:148px;padding:16px 40px!important;border-radius:999px!important;
  background:var(--da-black)!important;border:1px solid var(--da-black)!important;color:var(--da-cream)!important;
  font-family:var(--font-body)!important;font-size:clamp(13px,1.3vw,15px)!important;font-weight:600!important;
  text-decoration:none!important;box-shadow:none!important;
  transition:background .2s ease-in,border-color .2s ease-in
}
.wam-cls a.wam-cls__cta:hover,
.wam-cls a.wam-cls__cta:focus,
.wam-cls a.wam-cls__cta:focus-visible,
.wam-cls a.wam-cls__cta:visited:hover,
.wam-cls a.wam-cls__cta:visited:focus,
.wam-cls a.wam-cls__cta:visited:focus-visible{
  background:var(--da-charcoal)!important;border-color:var(--da-charcoal)!important;color:var(--da-cream)!important;box-shadow:none!important
}
.wam-cls a.wam-cls__cta .home-cta__label::after{filter:invert(1)}
.wam-cls a.wam-cls__cta:hover .home-cta__label::after,
.wam-cls a.wam-cls__cta:focus .home-cta__label::after,
.wam-cls a.wam-cls__cta:focus-visible .home-cta__label::after{background-position:14px -14px;filter:invert(1)}
.wam-cls a.wam-cls__cta:active .home-cta__label::after{background-position:7px -7px;filter:invert(1)}

/* FAQ — parity with .vsp-faq (product-video reference) */
.wam-faq{background:var(--da-cream);border-top:1px solid var(--da-line);width:100%}
.wam-faq-head{text-align:center;margin-bottom:90px}
.wam-faq-head .heading-85 em{font-style:normal;position:relative;display:inline-block}
.wam-faq-list{width:100%}
.wam-faq-list .container{max-width:var(--da-content-max)}
.wam-faq-item{border-bottom:1px solid var(--da-line);padding:24px 0}
.wam-faq-item:first-child{border-top:1px solid var(--da-line)}
.wam-faq-item.open{border-color:var(--da-lime)}
.wam-faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;background:transparent;border:none;cursor:pointer;font-family:var(--fb)!important;font-size:18px!important;font-weight:700!important;letter-spacing:-.02em!important;text-align:left;color:var(--da-black)!important;gap:24px;padding:0}
.wam-faq-item .wam-faq-q span:first-child{transition:transform .3s ease-in-out;padding-right:24px}
.wam-faq-item:hover .wam-faq-q span:first-child{transform:translateX(5px)}
.wam-faq-item.open:hover .wam-faq-q span:first-child{transform:translateX(0)}
.wam-faq-item:hover .wam-faq-ico{border-color:var(--da-lime)}
.wam-faq-q:hover,.wam-faq-q:focus,.wam-faq-q:focus-visible{outline:none}
.wam-faq-ico{width:30px;height:30px;display:grid;place-items:center;flex-shrink:0;border-radius:50%;border:2px solid var(--da-line);transition:background .28s var(--ease-c, cubic-bezier(0.16,1,0.3,1)),border-color .28s var(--ease-c, cubic-bezier(0.16,1,0.3,1));position:relative}
.wam-faq-item:hover .wam-faq-ico{border-color:var(--da-lime)}
.wam-faq-item.open .wam-faq-ico{background:var(--da-lime);border-color:var(--da-lime)}
.wam-faq-ico:before,.wam-faq-ico:after{content:"";position:absolute;background:var(--da-ash);transition:transform .32s var(--ease-c, cubic-bezier(0.16,1,0.3,1))}
.wam-faq-ico:before{width:10px;height:1.2px}
.wam-faq-ico:after{width:1.2px;height:10px}
.wam-faq-item.open .wam-faq-ico:after{transform:rotate(90deg);background:var(--da-black)}
.wam-faq-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .48s var(--ease-c, cubic-bezier(0.16,1,0.3,1))}
.wam-faq-item.open .wam-faq-body{grid-template-rows:1fr}
.wam-faq-body-inner{overflow:hidden}
.wam-faq-body-inner p{font-family:var(--font-body);font-size:var(--da-body-size)!important;color:var(--da-charcoal)!important;line-height:1.75!important;padding:10px 0 0!important;max-width:66%;margin:0!important}

/* ── Suppress Elementor theme-builder injections ────────────────────────── */
.elementor-location-header,.elementor-location-footer{display:none!important}
[data-elementor-type="popup"]{position:fixed!important;pointer-events:none!important;opacity:0!important;visibility:hidden!important;z-index:-1!important}
[data-elementor-type="popup"].elementor-popup-modal.e-active{pointer-events:auto!important;opacity:1!important;visibility:visible!important;z-index:999999!important}
#colophon.site-footer{display:none!important}

/* §WORK — static 3-up grid (original dark cards, not a slider) */
.wam-work{background:#151515;border-bottom:1px solid #222}
.wam-work .wam-tag{color:#B79C8A}
.wam-work-head{margin-bottom:60px;display:flex;flex-direction:column;gap:16px}
.wam-work h2.da-heading-96{
  font-family:var(--fb)!important;
  font-weight:700!important;
  font-size:clamp(32px,5.5vw,85px)!important;
  line-height:1.02!important;
  letter-spacing:-.03em!important;
  color:var(--da-white)!important;
  max-width:14ch;margin:0!important;
}
.wam-work h2.da-heading-96 em{
  font-style:normal!important;
  color:#B79C8A;
  font-size:inherit!important;
  line-height:inherit!important;
}
.wam-work-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  width:100%;
}
.wam-work-card{
  display:flex;flex-direction:column;
  background:#1e1e1e;overflow:hidden;
  border:1px solid #b79c8a70;border-radius:10px;
  text-decoration:none!important;color:inherit;min-width:0;
  transition:border-color .18s ease;
}
.wam-work-card:visited{color:inherit}
.wam-work-card:hover,.wam-work-card:focus,.wam-work-card:focus-visible{border-color:#B79C8A}
.wam-work-thumb{position:relative;aspect-ratio:16/10;overflow:hidden;background:#1a1a1a}
.wam-work-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);display:block}
.wam-work-card:hover .wam-work-thumb img{transform:scale(1.04)}
.wam-work-line{
  position:absolute;left:0;right:0;bottom:0;height:3px;
  background:#b4a59b;transform:scaleX(0);transform-origin:left;
  transition:transform .4s cubic-bezier(.16,1,.3,1);
}
.wam-work-card:hover .wam-work-line,.wam-work-card:focus .wam-work-line,.wam-work-card:focus-visible .wam-work-line{transform:scaleX(1)}
.wam-work-body{padding:18px 20px 22px}
.wam-work-title{font-family:var(--fb);font-size:16px;line-height:1.25;color:#faf8f5;letter-spacing:-.02em}

/* Buttons — parity with .vsp / video-production-main */
.wam a.home-btn,
.wam a.home-cta{text-decoration:none!important}
.wam a.home-btn{
  display:inline-flex;align-items:center;justify-content:center;
  font-family:var(--font-body);font-size:clamp(13px,1.3vw,15px);font-weight:600;
  letter-spacing:normal;text-transform:none;
  padding:16px 26px;border-radius:999px;border:1px solid transparent;
  cursor:pointer;white-space:nowrap;transition:var(--da-btn-transition);box-shadow:none
}
.wam a.home-btn--white,
.wam a.home-btn--white:visited{background:var(--da-white)!important;border-color:rgba(21,21,21,.4)!important;color:var(--da-black)!important}
.wam a.home-btn--white:hover,
.wam a.home-btn--white:focus,
.wam a.home-btn--white:focus-visible,
.wam a.home-btn--white:visited:hover,
.wam a.home-btn--white:visited:focus,
.wam a.home-btn--white:visited:focus-visible{background:var(--da-white)!important;border-color:rgba(21,21,21,.4)!important;color:var(--da-black)!important;box-shadow:0 4px 16px rgba(21,21,21,.08)!important}
.wam a.home-btn--black{background:var(--da-black);border-color:var(--da-black);color:var(--da-cream)!important}
.wam a.home-btn--black:hover,
.wam a.home-btn--black:focus,
.wam a.home-btn--black:focus-visible{background:var(--da-charcoal);border-color:var(--da-charcoal)}
.wam a.home-cta,
.wam a.home-cta:visited{
  --home-cta-arrow:url('../assets/home/diagonal-arrow.svg');
  display:inline-flex!important;align-items:center;justify-content:center;
  font-family:var(--font-body)!important;font-size:clamp(13px,1.3vw,15px)!important;font-weight:600!important;
  letter-spacing:normal!important;text-transform:none!important;
  padding:16px 40px!important;border-radius:999px!important;border:none!important;
  background:var(--da-lime)!important;color:var(--da-black)!important;
  box-shadow:none!important;white-space:nowrap;cursor:pointer;transition:background .2s ease-in
}
.wam a.home-cta:hover,
.wam a.home-cta:focus,
.wam a.home-cta:focus-visible,
.wam a.home-cta:visited:hover,
.wam a.home-cta:visited:focus,
.wam a.home-cta:visited:focus-visible{background:#c9f29a!important;color:var(--da-black)!important;box-shadow:none!important}
.wam a.home-cta:hover .home-cta__label::after,
.wam a.home-cta:focus .home-cta__label::after,
.wam a.home-cta:focus-visible .home-cta__label::after{background-position:14px -14px}

.wam .da-heading-42,
.wam h2.da-heading-42{
  font-family:var(--fb)!important;font-weight:700!important;
  font-size:clamp(24px,3.2vw,42px)!important;line-height:1.1!important;
  letter-spacing:-.03em!important;color:var(--da-black)!important
}
.wam .heading-85,
.wam h2.heading-85{
  font-family:var(--fb)!important;font-weight:700!important;
  font-size:clamp(32px,5.5vw,85px)!important;line-height:1.02!important;
  letter-spacing:-.03em!important;color:var(--da-black)!important
}
.wam .heading-85 em,
.wam h2.heading-85 em{font-style:normal}

@media(max-width:1100px){
  .wam-dir-grid{grid-template-columns:360px 1fr!important;gap:80px!important}
}
/* ── RESPONSIVE — parity with video-production-main / .vsp ── */
@media(max-width:991px){
  .wam{
    --da-section-pad-y:60px;
    --da-body-size:15px;
    line-height:1.45;
  }
  .wam p{margin:0!important;padding:0!important;margin-top:0!important}
  .wam-hero{padding-top:120px!important;min-height:100svh;height:auto}
  .wam-hero-grid{grid-template-columns:1fr!important;gap:25px!important;padding-bottom:0}
  .wam-hero-copy{gap:20px;max-width:100%}
  .wam-hero .wam-tag{margin-bottom:0!important}
  .wam-hero-media{max-width:100%}
  .wam .da-heading-96,
  .wam h2.da-heading-96,
  .wam .heading-85,
  .wam h2.heading-85{
    font-size:clamp(32px,5.5vw,85px)!important;
    line-height:1.02!important;
  }
  .wam .da-heading-42,
  .wam h2.da-heading-42{
    font-size:clamp(24px,3.2vw,42px)!important;
    line-height:1.1!important;
  }
  .wam-hero h1{font-size:clamp(40px,6.5vw,96px)!important;line-height:1.02!important}
  .wam-hero-body,.wam-hero-tagline,.wam-stats-copy p,.wam-how-step p,.wam-why-item p,.wam-dir-desc,.wam-faq-body-inner p,.wam-how-sub{font-size:15px!important;line-height:1.45!important}
  .wam-tag{margin-bottom:12px!important}
  .wam-stats-inner{grid-template-columns:1fr!important;gap:30px!important}
  .wam-dir-grid{grid-template-columns:1fr!important;gap:30px!important}
  .wam-dir-head{margin-bottom:40px;max-width:100%}
  .wam-preview{position:static!important;gap:12px}
  .wam-svc-link{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:20px 0;min-height:37px}
  .wam-svc-title{font-size:clamp(1.1rem,2.4vw,36px)!important;opacity:1}
  .wam-svc-li{border-bottom-color:var(--da-lime)}
  .wam-svc-num{font-size:28px;color:var(--da-lime);opacity:1}
  .wam-svc-li.is-active .wam-svc-num,.wam-svc-li:hover .wam-svc-num,.wam-svc-li:focus-within .wam-svc-num{color:var(--da-lime);opacity:1}
  .wam-svc-arrow::before{background-position:0 -25px}
  .wam-how-split{grid-template-columns:1fr!important;gap:30px!important}
  .wam-how-left .da-heading-96{max-width:100%}
  .wam-proc-track{
    --wam-proc-num-h:12px;
    --wam-proc-v-num-w:40px;
    --wam-proc-v-mid-gap:25px;
    --wam-proc-v-line-x:calc(var(--wam-proc-v-num-w) + var(--wam-proc-v-mid-gap) + var(--wam-proc-dot-size) * 0.5);
    --wam-proc-step-gap:80px;
    padding-top:0;padding-bottom:0;
    display:flex;justify-content:center
  }
  .wam-proc-scroll{position:relative;width:100%;max-width:fit-content;margin:0 auto}
  .wam-proc-rail{
    display:block;top:0;bottom:0;left:var(--wam-proc-v-line-x);right:auto;
    width:2px;height:auto;transform:translateX(-50%);z-index:0
  }
  .wam-proc-fill{
    display:block;top:0;left:var(--wam-proc-v-line-x);right:auto;
    width:2px;height:0;transform:translateX(-50%);
    transition:height .56s cubic-bezier(.16,1,.3,1);z-index:1
  }
  .wam-proc-grid{grid-template-columns:1fr!important;gap:40px;min-width:0}
  .wam-proc-step{
    display:grid;
    grid-template-columns:var(--wam-proc-v-num-w) var(--wam-proc-dot-size) minmax(0,1fr);
    column-gap:var(--wam-proc-v-mid-gap);
    align-items:flex-start;
    padding:0 var(--wam-proc-step-px) var(--wam-proc-step-gap) 0;
    width:100%
  }
  .wam-proc-step:last-child{padding-bottom:0}
  .wam-proc-num{grid-column:1;grid-row:1;text-align:right;justify-self:stretch;height:auto;line-height:1;padding-right:0}
  .wam-proc-dot{grid-column:2;grid-row:1;justify-self:center;align-self:flex-start;transform:none;margin:0;z-index:2}
  .wam-proc-step>div{grid-column:3;grid-row:1;gap:8px;min-width:0;width:auto}
  .wam-proc-head{margin-bottom:60px;gap:0}
  .wam-proc-head .da-heading-96{max-width:100%;padding-bottom:20px!important}
  .wam section.wam-why{padding:60px 0}
  .wam .wam-why h2.heading-85{margin:0!important;color:var(--da-white)!important;max-width:15ch}
  .wam-why-grid{grid-template-columns:1fr;margin-top:10px}
  .wam-why-item{padding:30px 0;gap:2px}
  .wam-why-item:nth-child(odd){padding-left:0}
  .wam-cls h2.heading-85{max-width:100%}
  .wam-cls-inner{flex-direction:column;align-items:flex-start;gap:24px}
  .wam-cls-copy{max-width:100%}
  .wam section.wam-cls{padding:60px 0}
  .wam-faq-head{margin-bottom:45px}
  .wam-faq-body-inner p{max-width:100%}
  .wam-work-head{margin-bottom:40px}
  .wam-work h2.da-heading-96{max-width:100%}
  .wam-work-grid{grid-template-columns:1fr;gap:20px}
}
@media(max-width:767px){
  .wam{
    --da-body-size:15px;
    --da-section-pad-y:50px;
    --da-container-pad-x:25px;
    --da-gutter:20px;
  }
  .wam .da-heading-96,
  .wam h2.da-heading-96,
  .wam .heading-85,
  .wam h2.heading-85{
    font-size:clamp(32px,5.5vw,85px)!important;
    line-height:1.02!important;
  }
  .wam .da-heading-42,
  .wam h2.da-heading-42{
    font-size:clamp(24px,3.2vw,42px)!important;
    line-height:1.1!important;
  }
  .wam-hero-body,.wam-hero-tagline{max-width:100%}
  .wam-stats-nums{grid-template-columns:repeat(2,1fr)!important}
  .wam-stat:nth-child(2n){border-right:none}
  .wam-proc-track{
    --wam-proc-v-num-w:36px;
    --wam-proc-v-mid-gap:14px;
    --wam-proc-v-line-x:calc(var(--wam-proc-v-num-w) + var(--wam-proc-v-mid-gap) + var(--wam-proc-dot-size) * 0.5);
    --wam-proc-step-gap:72px
  }
  .wam-proc-step{padding:0 var(--wam-proc-step-px) var(--wam-proc-step-gap) 0}
  .wam-proc-head{margin-bottom:40px;gap:0}
  .wam section.wam-why{padding:50px 0}
  .wam-why-item{padding:20px 0;gap:2px}
  .wam-why-item:nth-child(odd){padding-left:0}
  .wam-why-item h3{padding-bottom:10px!important;font-size:clamp(15px,2vw,26px)!important}
  .wam-why-item:last-child{padding-bottom:0}
  .wam-why .heading-85,
  .wam-why h2.heading-85{max-width:100%;margin-bottom:20px!important}
  .wam-cls h2.heading-85{max-width:100%}
  .wam-faq-head{margin-bottom:40px}
  .wam-faq-q{font-size:16px!important}
  .wam-faq-item{padding:20px 0}
  .wam-dir-grid{gap:20px!important}
  .wam-svc-link{gap:15px}
  .wam-svc-title{font-size:18px!important}
  .wam-svc-num{font-size:18px!important;color:var(--da-lime)}
  .wam section.wam-cls{padding:50px 0}
  .wam-work-grid{grid-template-columns:1fr;gap:25px}
  .wam-hero{padding-top:110px!important}
  .wam-stats-inner{gap:25px!important}
  .wam-work-head{gap:0;margin-bottom:30px}
  .wam-how-left{gap:0}
  .wam-dir-head{margin-bottom:30px}
  .wam-cls-actions{margin-top:5px}
  .wam-how-step{
    display:grid;
    grid-template-columns:40px 1fr;
    gap:10px;
    padding:20px 0;
    border-bottom:1px solid var(--da-line);
    align-items:start;
  }
}
@media(max-width:640px){
  .wam-hero-actions{flex-direction:column;width:100%}
  .wam-hero-actions .home-btn,
  .wam-hero-actions .home-cta{width:100%;min-width:0}
  .wam-cls-actions{width:100%}
  .wam-cls a.wam-cls__cta{width:100%}
}
@media(max-width:480px){
  .wam-hero-actions .home-btn{padding:14px 22px}
}
@media(max-width:375px){
  .wam .da-heading-96,
  .wam h2.da-heading-96,
  .wam .heading-85,
  .wam h2.heading-85{
    font-size:32px!important;
    line-height:1.02!important;
  }
  .wam .da-heading-42,
  .wam h2.da-heading-42{
    font-size:24px!important;
    line-height:1.1!important;
  }
}
