.as-ledger--cinematic .as-ledger__statement,.as-ledger--cinematic .as-ledger__statement *{color:var(--as-heading,var(--as-ink))!important}
.as-gap .as-h2,.as-gap .as-h2 *{color:var(--as-heading,var(--as-ink))!important}
.as-ledger--cinematic{width:100%;padding:0!important;background:#0a0d12!important}
.as-ledger--cinematic .as-ledger__visual{width:100%;max-width:none;min-height:86svh;margin:0;border:0;display:grid;grid-template-columns:minmax(380px,43%) minmax(0,57%)}
.as-ledger--cinematic .as-ledger__visual>img{min-height:86svh;clip-path:polygon(9% 0,100% 0,100% 100%,0 100%)}
.as-ledger--cinematic .as-ledger__shade{width:54%}
.as-ledger--cinematic .as-ledger__statement{max-width:13ch;padding:clamp(54px,7vw,122px)}
.as-ledger--cinematic .as-marquee{width:100%;max-width:none;margin:0;border-top:1px solid rgba(255,255,255,.14);background:#0a0d12}
.as-gap{width:100%;padding:0!important;background:#e8e6de!important}
.as-gap .as-gap__grid{width:100%;max-width:none;margin:0;gap:0;grid-template-columns:minmax(380px,46%) minmax(0,54%)}
.as-gap .as-gap__image{min-height:820px;padding:0;border:0;background:#111820}
.as-gap .as-gap__image img{width:100%;height:100%;object-fit:cover}
.as-gap .as-gap__content{min-width:0;padding:clamp(70px,8vw,132px) clamp(42px,7vw,110px);border:0;background:#f4f3ee}
.as-gap .as-gap__list{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:980px){.as-ledger--cinematic .as-ledger__visual,.as-gap .as-gap__grid{grid-template-columns:1fr}.as-ledger--cinematic .as-ledger__visual>img{min-height:620px}.as-gap .as-gap__image{min-height:560px}}
@media(max-width:640px){.as-ledger--cinematic,.as-gap{padding:0!important}.as-ledger--cinematic .as-ledger__statement{padding:34px 24px}.as-ledger--cinematic .as-ledger__visual>img{min-height:520px}.as-gap .as-gap__image{min-height:430px}.as-gap .as-gap__content{padding:48px 22px}.as-gap .as-gap__list{grid-template-columns:1fr}}

/* V5 — cinematic layouts for sections 02/03 + section 04 heading contrast */
.as-ledger--cinematic{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(72px,8vw,128px) clamp(24px,5vw,76px)!important;
  background:#080b10!important;
}
.as-ledger--cinematic::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 83% 15%,color-mix(in srgb,var(--as-copper) 22%,transparent),transparent 27%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.035) 0 1px,transparent 1px 9vw);
  pointer-events:none;
}
.as-ledger--cinematic .as-ledger__visual{
  position:relative;
  width:min(100%,1440px);
  max-width:none;
  min-height:clamp(650px,72vw,850px);
  margin:0 auto;
  display:block;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.15);
  background:#111820;
  box-shadow:0 42px 90px rgba(0,0,0,.3);
}
.as-ledger--cinematic .as-ledger__visual::before{
  content:"AUTHORITY / TRANSMISSION 02";
  position:absolute;
  z-index:5;
  top:28px;
  left:28px;
  padding:10px 13px;
  background:var(--as-copper);
  color:#080b10;
  font:600 9px/1 var(--as-mono);
  letter-spacing:.15em;
}
.as-ledger--cinematic .as-ledger__visual>img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:cover;
  object-position:center;
  clip-path:none;
  filter:grayscale(1) contrast(1.13);
  transform:scale(1.015);
}
.as-ledger--cinematic .as-ledger__shade{
  position:absolute;
  inset:0;
  width:auto;
  background:
    linear-gradient(90deg,rgba(8,11,16,.97) 0%,rgba(8,11,16,.82) 35%,rgba(8,11,16,.18) 70%),
    linear-gradient(0deg,rgba(8,11,16,.65),transparent 42%);
}
.as-ledger--cinematic .as-ledger__statement{
  position:absolute;
  z-index:4;
  left:clamp(30px,6vw,96px);
  bottom:clamp(42px,8vw,110px);
  width:min(48%,690px);
  max-width:13ch;
  margin:0;
  padding:0;
  text-align:left;
  font-size:clamp(2.35rem,5vw,5.6rem);
  line-height:.98;
  letter-spacing:-.055em;
  text-wrap:balance;
}
.as-ledger--cinematic .as-ledger__statement::after{
  content:"POSITION  •  PRESENCE  •  PROOF";
  display:block;
  width:min(100%,430px);
  margin-top:34px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.22);
  color:var(--as-copper);
  font:500 9px/1.5 var(--as-mono);
  letter-spacing:.18em;
}
.as-ledger--cinematic .as-marquee{
  position:relative;
  width:min(100%,1440px);
  max-width:none;
  margin:16px auto 0;
  border:1px solid rgba(255,255,255,.13);
  background:rgba(17,24,32,.88);
  backdrop-filter:blur(14px);
}
.as-ledger--cinematic .as-marquee__item{padding:18px 30px}
.as-ledger--cinematic .as-marquee--bridge{
  width:calc(100% + clamp(48px,10vw,152px));
  max-width:none;
  margin:calc(clamp(72px,8vw,128px) * -1) calc(clamp(24px,5vw,76px) * -1) clamp(58px,7vw,96px);
  border-width:0 0 1px;
  border-color:rgba(255,255,255,.16);
  background:var(--as-copper);
  transform:rotate(-1.15deg) scale(1.015);
  box-shadow:0 18px 45px rgba(0,0,0,.24);
}
.as-ledger--cinematic .as-marquee--bridge .as-marquee__track{animation-duration:24s!important}
.as-ledger--cinematic .as-marquee--bridge .as-marquee__item{
  position:relative;
  padding:21px 34px;
  border-right:1px solid rgba(8,11,16,.22);
  color:#080b10!important;
  font:700 10px/1 var(--as-mono);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.as-ledger--cinematic .as-marquee--bridge .as-marquee__item::before{
  content:"✦";
  margin-right:28px;
  font-size:12px;
}

.as-gap{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(84px,9vw,140px) clamp(24px,5vw,76px)!important;
  background:#ece9e1!important;
}
.as-gap::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:linear-gradient(135deg,transparent 0 63%,color-mix(in srgb,var(--as-copper) 13%,transparent) 63% 76%,transparent 76%);
  pointer-events:none;
}
.as-gap .as-gap__grid{
  position:relative;
  width:min(100%,1440px);
  max-width:none;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(330px,.82fr) minmax(0,1.18fr);
  gap:clamp(18px,2.5vw,38px);
  align-items:stretch;
}
.as-gap .as-gap__grid::before{
  content:"03 / RECOGNITION DIAGNOSTIC";
  position:absolute;
  z-index:7;
  right:0;
  top:-42px;
  color:color-mix(in srgb,var(--as-ink) 55%,transparent);
  font:500 9px/1 var(--as-mono);
  letter-spacing:.18em;
}
.as-gap .as-gap__image{
  position:relative;
  min-height:760px;
  padding:12px;
  overflow:hidden;
  border:1px solid color-mix(in srgb,var(--as-ink) 18%,transparent);
  background:#111820;
  box-shadow:-18px 18px 0 color-mix(in srgb,var(--as-copper) 34%,transparent);
}
.as-gap .as-gap__image::before{
  content:"THE SIGNAL BEFORE CLARITY";
  position:absolute;
  z-index:4;
  left:30px;
  bottom:30px;
  padding:12px 14px;
  background:#080b10;
  color:#fff;
  font:500 8px/1 var(--as-mono);
  letter-spacing:.16em;
}
.as-gap .as-gap__image::after{
  content:"";
  position:absolute;
  inset:12px;
  background:linear-gradient(180deg,transparent 55%,rgba(8,11,16,.62));
  pointer-events:none;
}
.as-gap .as-gap__image img{
  width:100%;
  height:100%;
  min-height:736px;
  object-fit:cover;
  filter:grayscale(1) contrast(1.1);
}
.as-gap .as-gap__content{
  position:relative;
  min-width:0;
  padding:clamp(48px,6vw,88px);
  border:1px solid color-mix(in srgb,var(--as-ink) 15%,transparent);
  background:#f8f6f1;
  box-shadow:none;
}
.as-gap .as-gap__content::after{
  content:"";
  position:absolute;
  right:0;
  top:0;
  width:74px;
  height:74px;
  border-left:1px solid color-mix(in srgb,var(--as-ink) 15%,transparent);
  border-bottom:1px solid color-mix(in srgb,var(--as-ink) 15%,transparent);
  background:linear-gradient(135deg,transparent 49%,var(--as-copper) 50%);
}
.as-gap .as-gap__content .as-h2{max-width:14ch;text-wrap:balance}
.as-gap .as-gap__list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  margin-top:clamp(38px,5vw,66px);
}
.as-gap .as-gap__list li{
  position:relative;
  display:block;
  min-height:160px;
  margin:0!important;
  padding:24px;
  border:1px solid color-mix(in srgb,var(--as-ink) 13%,transparent);
  background:#ece9e1;
  transition:transform .25s ease,background .25s ease,box-shadow .25s ease;
}
.as-gap .as-gap__list li:last-child:nth-child(odd){grid-column:1/-1;min-height:auto}
.as-gap .as-gap__list li:hover{
  z-index:2;
  padding:24px;
  transform:translate(-5px,-5px);
  background:#080b10;
  box-shadow:9px 9px 0 var(--as-copper);
}
.as-gap .as-gap__num{display:block;margin-bottom:24px;font:600 10px/1 var(--as-mono);color:var(--as-copper)}
.as-gap .as-gap__list p{font-size:.98rem;line-height:1.55;color:color-mix(in srgb,var(--as-ink) 72%,transparent)}

.as-shift .as-shift__intro .as-h2,
.as-shift .as-shift__intro .as-h2 *{color:var(--as-heading,#fff)!important}

@media(max-width:980px){
  .as-ledger--cinematic .as-ledger__visual{min-height:690px}
  .as-ledger--cinematic .as-ledger__statement{width:min(70%,620px)}
  .as-gap .as-gap__grid{grid-template-columns:1fr}
  .as-gap .as-gap__image{min-height:520px;box-shadow:-10px 10px 0 color-mix(in srgb,var(--as-copper) 34%,transparent)}
  .as-gap .as-gap__image img{min-height:496px}
}
@media(max-width:640px){
  .as-ledger--cinematic{padding:62px 18px!important}
  .as-ledger--cinematic .as-ledger__visual{min-height:620px}
  .as-ledger--cinematic .as-ledger__visual::before{top:18px;left:18px;font-size:7px}
  .as-ledger--cinematic .as-ledger__shade{background:linear-gradient(0deg,rgba(8,11,16,.98) 0%,rgba(8,11,16,.65) 58%,rgba(8,11,16,.14) 100%)}
  .as-ledger--cinematic .as-ledger__statement{left:24px;right:24px;bottom:38px;width:auto;max-width:11ch;padding:0;font-size:clamp(2.25rem,10.5vw,3.5rem)}
  .as-ledger--cinematic .as-ledger__statement::after{margin-top:24px;padding-top:16px;font-size:7px}
  .as-ledger--cinematic .as-marquee__item{padding:15px 22px}
  .as-ledger--cinematic .as-marquee--bridge{width:calc(100% + 36px);margin:-62px -18px 48px;transform:rotate(-1deg) scale(1.01)}
  .as-ledger--cinematic .as-marquee--bridge .as-marquee__item{padding:18px 24px;font-size:8px}
  .as-ledger--cinematic .as-marquee--bridge .as-marquee__item::before{margin-right:18px}
  .as-gap{padding:70px 18px!important}
  .as-gap .as-gap__grid::before{top:-32px;left:0;right:auto;font-size:7px}
  .as-gap .as-gap__image{min-height:430px;padding:8px}
  .as-gap .as-gap__image img{min-height:414px}
  .as-gap .as-gap__image::after{inset:8px}
  .as-gap .as-gap__image::before{left:20px;bottom:20px;font-size:7px}
  .as-gap .as-gap__content{padding:44px 22px}
  .as-gap .as-gap__content::after{width:46px;height:46px}
  .as-gap .as-gap__list{grid-template-columns:1fr}
  .as-gap .as-gap__list li:last-child:nth-child(odd){grid-column:auto}
}

/* V6 — section 04: cinematic transformation console */
.as-shift{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:clamp(88px,9vw,145px) clamp(24px,5vw,76px)!important;
  background:#080b10!important;
  color:#fff!important;
}
.as-shift::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:0;
  background:
    radial-gradient(circle at 12% 20%,color-mix(in srgb,var(--as-copper) 19%,transparent),transparent 25%),
    linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:auto,10vw 100%,100% 10vw;
  pointer-events:none;
}
.as-shift .as-shift__intro{
  position:relative;
  width:min(100%,1440px);
  max-width:none;
  margin:0 auto clamp(45px,6vw,84px);
  display:grid;
  grid-template-columns:minmax(190px,.38fr) minmax(0,1.62fr);
  gap:clamp(30px,6vw,100px);
  align-items:end;
  text-align:left;
}
.as-shift .as-shift__intro::before{
  content:"04 / STATE CHANGE";
  position:absolute;
  right:0;
  top:-36px;
  color:rgba(255,255,255,.45);
  font:500 9px/1 var(--as-mono);
  letter-spacing:.18em;
}
.as-shift .as-shift__intro .as-eyebrow{
  margin:0;
  padding:0 0 18px;
  border-bottom:1px solid color-mix(in srgb,var(--as-copper) 70%,transparent);
  color:var(--as-copper)!important;
}
.as-shift .as-shift__intro .as-h2{
  max-width:15ch;
  margin:0;
  font-size:clamp(2.7rem,5.7vw,6.7rem);
  line-height:.91;
  letter-spacing:-.065em;
  text-wrap:balance;
  color:var(--as-heading,#fff)!important;
}
.as-shift .as-shift__intro .as-h2 *{color:var(--as-heading,#fff)!important}
.as-shift .as-shift__intro .as-h2 em{
  color:var(--as-heading,#fff)!important;
  font-style:normal;
}
.as-shift .as-shift__stage{
  position:relative;
  width:min(100%,1440px);
  max-width:none;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
  gap:0;
  align-items:stretch;
  border:1px solid rgba(255,255,255,.15);
  background:#111820;
  box-shadow:0 45px 100px rgba(0,0,0,.38);
}
.as-shift .as-shift__stage::before{
  content:"EXPERIENCE";
  position:absolute;
  z-index:8;
  left:26px;
  top:26px;
  padding:11px 14px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(8,11,16,.78);
  color:rgba(255,255,255,.75);
  backdrop-filter:blur(12px);
  font:500 8px/1 var(--as-mono);
  letter-spacing:.17em;
}
.as-shift .as-shift__stage::after{
  content:"RECOGNISED";
  position:absolute;
  z-index:8;
  left:132px;
  top:26px;
  padding:12px 15px;
  background:var(--as-copper);
  color:#080b10;
  font:700 8px/1 var(--as-mono);
  letter-spacing:.17em;
}
.as-shift .as-shift__visual{
  position:relative;
  min-height:620px!important;
  height:auto!important;
  padding:12px;
  overflow:hidden;
  border:0;
  border-right:1px solid rgba(255,255,255,.15);
  background:#0e141c;
  box-shadow:none;
}
.as-shift .as-shift__visual::before{
  content:"";
  position:absolute;
  z-index:6;
  left:50%;
  top:12px;
  bottom:12px;
  width:1px;
  background:linear-gradient(transparent,var(--as-copper) 16% 84%,transparent);
  box-shadow:0 0 22px color-mix(in srgb,var(--as-copper) 68%,transparent);
  pointer-events:none;
}
.as-shift .as-shift__visual::after{
  content:"LIVE TRANSFORMATION";
  position:absolute;
  z-index:7;
  left:50%;
  bottom:30px;
  top:auto;
  transform:translateX(-50%);
  padding:10px 13px;
  background:#080b10;
  color:var(--as-copper);
  font:500 8px/1 var(--as-mono);
  letter-spacing:.16em;
  white-space:nowrap;
}
.as-shift .as-shift__visual img{
  position:absolute;
  inset:12px;
  width:calc(100% - 24px);
  height:calc(100% - 24px);
  object-fit:cover;
  object-position:center 38%;
  filter:grayscale(1) contrast(1.08);
}
.as-shift .as-shift__panel{
  position:relative;
  z-index:3;
  width:auto;
  margin:0!important;
  padding:clamp(30px,4vw,56px)!important;
  display:flex!important;
  flex-direction:column;
  grid-template-columns:none!important;
  gap:28px;
  background:#080b10;
  box-shadow:none;
}
.as-shift .as-shift__panel::before{
  content:"SELECT THE STATE";
  display:block;
  color:rgba(255,255,255,.42);
  font:500 8px/1 var(--as-mono);
  letter-spacing:.18em;
}
.as-shift .as-shift__toggle{
  position:relative;
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:6px;
  min-height:64px;
  margin:0;
  padding:6px!important;
  border:1px solid rgba(255,255,255,.2)!important;
  border-radius:0;
  background:#111820;
}
.as-shift .as-shift__toggle-btn{
  display:flex!important;
  align-items:center;
  justify-content:center;
  padding:15px 12px!important;
  border:1px solid transparent!important;
  border-radius:0;
  color:#fff!important;
  opacity:.55;
  font:600 9px/1 var(--as-mono);
  letter-spacing:.16em;
  text-transform:uppercase;
}
.as-shift .as-shift__toggle-btn.is-active{
  background:var(--as-copper)!important;
  color:#080b10!important;
  opacity:1;
  box-shadow:0 7px 0 color-mix(in srgb,var(--as-copper) 18%,transparent);
}
.as-shift .as-shift__col{
  position:relative;
  flex:1;
  max-height:none;
  padding:10px 0 0;
  overflow:visible;
}
.as-shift .as-shift__col ul{display:grid;grid-template-columns:1fr;gap:0}
.as-shift .as-shift__col li,
.as-shift .as-shift__col li *{
  position:relative;
  padding:18px 0 18px 30px;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.74)!important;
}
.as-shift .as-shift__col li::before{
  content:"";
  position:absolute;
  left:0;
  top:25px;
  width:9px;
  height:9px;
  border:1px solid rgba(255,255,255,.42);
  transform:rotate(45deg);
}
.as-shift .as-shift__col[data-shift-panel="after"] li::before{
  border-color:var(--as-copper);
  background:var(--as-copper);
  box-shadow:0 0 14px color-mix(in srgb,var(--as-copper) 55%,transparent);
}

@media(max-width:980px){
  .as-shift .as-shift__intro{grid-template-columns:1fr;gap:28px}
  .as-shift .as-shift__intro .as-eyebrow{max-width:240px}
  .as-shift .as-shift__stage{grid-template-columns:1fr}
  .as-shift .as-shift__visual{min-height:540px!important;border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}
  .as-shift .as-shift__panel{display:grid!important;grid-template-columns:240px 1fr!important;align-items:start}
  .as-shift .as-shift__panel::before{grid-column:1/-1}
}
@media(max-width:640px){
  .as-shift{padding:72px 18px!important}
  .as-shift .as-shift__intro{width:100%;margin-bottom:38px}
  .as-shift .as-shift__intro::before{top:-28px;left:0;right:auto;font-size:7px}
  .as-shift .as-shift__intro .as-h2{font-size:clamp(2.55rem,13vw,4rem);max-width:11ch}
  .as-shift .as-shift__stage{width:100%}
  .as-shift .as-shift__stage::before{left:18px;top:18px;font-size:7px}
  .as-shift .as-shift__stage::after{left:116px;top:18px;font-size:7px}
  .as-shift .as-shift__visual{min-height:410px!important}
  .as-shift .as-shift__visual::after{bottom:22px;font-size:7px}
  .as-shift .as-shift__panel{display:flex!important;padding:26px 20px!important;gap:22px}
  .as-shift .as-shift__toggle{position:relative;top:auto}
}