@font-face { font-family: 'Rockness W05 Regular'; font-style: normal; font-weight: 400; font-display: swap;
  src: url('/fonts/rockness/rockness.woff2') format('woff2'), url('/fonts/rockness/rockness.woff') format('woff'); }
/*
 * Allmarc page kit: the section patterns the client picked from the Turner
 * reference (studied from a private offline copy; written from scratch here,
 * in Allmarc red, with none of their code, assets or copy).
 *
 *   .amk-cover     cover: photo/video or a 3D model on concrete, breadcrumb,
 *                  eyebrow, big light headline, lead, uppercase arrow link
 *   .amk-intro     big headline with an accent word, text in two columns
 *   .amk-split     headline + paragraph beside an accordion panel
 *   .amk-show      numbered tabs in a red box, story + rounded media
 *   .amk-feature   text beside a rounded photo or video
 *   .amk-cards     card grid on grid lines, with paging
 *   .amk-cta       closing call to action
 *
 * Pages that use the kit get a pale grey ground with thin vertical grid lines
 * at 25 / 50 / 75%, the reference's signature. Full-bleed sections take their
 * width from --amk-vw (the viewport minus the scrollbar, set in JS).
 */

:root {
  --amk-red: #e00910;
  --amk-ink: #17171b;
  --amk-mute: #73737b;
  --amk-line: #e2e2e4;
  --amk-ground: #f4f4f5;
  --amk-pad: max(24px, 6.4vw);
  /* Sketch-pen accent: readable marker lettering, not cursive (28 Sep). */
  --amk-script: 'Architects Daughter', 'Segoe Print', sans-serif;
}

/* ---------------------------------------------------------------- scrollbar */
html { scrollbar-width: thin; scrollbar-color: var(--amk-red) #ececee; }
::-webkit-scrollbar { width: 10px; height: 10px; background: #ececee; }
::-webkit-scrollbar-thumb { background: var(--amk-red); border-radius: 6px; border: 2px solid #ececee; }
::-webkit-scrollbar-thumb:hover { background: #b8070d; }

/* ------------------------------------------------------ ground + grid lines */
body:has(.amk) { background: var(--amk-ground) !important; }
body:has(.amk)::before {
  content: ""; position: fixed; inset: 0; pointer-events: none; z-index: 0;
  background:
    linear-gradient(90deg, transparent calc(25% - .5px), var(--amk-line) calc(25% - .5px), var(--amk-line) calc(25% + .5px), transparent calc(25% + .5px)),
    linear-gradient(90deg, transparent calc(50% - .5px), var(--amk-line) calc(50% - .5px), var(--amk-line) calc(50% + .5px), transparent calc(50% + .5px)),
    linear-gradient(90deg, transparent calc(75% - .5px), var(--amk-line) calc(75% - .5px), var(--amk-line) calc(75% + .5px), transparent calc(75% + .5px));
}
body:has(.amk) main, body:has(.amk) footer { position: relative; z-index: 1; }
@media (max-width: 767px) { body:has(.amk)::before { display: none; } }

.amk {
  position: relative;
  width: var(--amk-vw, 100vw);
  margin-left: calc(50% - var(--amk-vw, 100vw) / 2);
  box-sizing: border-box;
  color: var(--amk-ink);
  font-family: var(--am-font, 'DM Sans', sans-serif);
}
.amk *, .amk *::before, .amk *::after { box-sizing: border-box; }
.amk-sec { padding: clamp(64px, 7.5vw, 120px) var(--amk-pad); border-top: 1px solid var(--amk-line); }
.amk-in { max-width: 1440px; margin: 0 auto; }

/* ------------------------------------------------------------------ type */
.amk .amk-label { display: block; font-size: 13px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--amk-red); margin: 0 0 18px; }
.amk .amk-h1 { font-size: clamp(40px, 4.6vw, 68px); font-weight: 300; line-height: 1.06; letter-spacing: -.01em; margin: 0 0 22px; color: inherit; }
.amk .amk-h2 { font-size: clamp(32px, 3.6vw, 54px); font-weight: 300; line-height: 1.1; letter-spacing: -.005em; margin: 0 0 28px; color: var(--amk-ink); }
.amk .amk-h3 { font-size: clamp(22px, 1.9vw, 28px); font-weight: 400; line-height: 1.25; margin: 0 0 16px; color: var(--amk-ink); }
.amk p { font-size: 17px; line-height: 1.6; font-weight: 300; color: #3a3a40; margin: 0 0 16px; }
.amk .amk-lead { font-size: clamp(17px, 1.35vw, 20px); line-height: 1.5; font-weight: 300; }
.amk .amk-accent { color: var(--amk-red); }

/* Handwritten highlight with a brush underline, used on one word at a time. */
.amk-script {
  font-family: var(--amk-script); font-style: normal; font-weight: 400; font-size: 1em; line-height: 1; letter-spacing: 0;
  letter-spacing: 0; padding: 0 .06em .12em; white-space: nowrap;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M4 15 C60 8 130 6 200 9 S282 13 296 10' fill='none' stroke='%23e00910' stroke-width='6' stroke-linecap='round'/%3E%3Cpath d='M22 20 C90 15 170 14 258 17' fill='none' stroke='%23e00910' stroke-width='3' stroke-linecap='round' opacity='.7'/%3E%3C/svg%3E") no-repeat 0 100% / 0% .38em;
  transition: background-size .9s cubic-bezier(.65,0,.35,1) .35s;
}
.amk-script.is-in, .is-in .amk-script { background-size: 100% .38em; }

/* Uppercase caption with an arrow that stretches on hover. */
.amk .amk-link {
  display: inline-flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 500; letter-spacing: .08em;
  text-transform: uppercase; color: var(--amk-ink); text-decoration: none; cursor: pointer; background: none; border: 0; padding: 0;
}
.amk .amk-link i { position: relative; display: inline-block; width: 34px; height: 1.5px; background: var(--amk-red); transition: width .3s ease; }
.amk .amk-link i::after { content: ""; position: absolute; right: 0; top: -4px; width: 9px; height: 9px; border-top: 1.5px solid var(--amk-red); border-right: 1.5px solid var(--amk-red); transform: rotate(45deg); }
.amk .amk-link:hover i { width: 48px; }
.amk .amk-link:hover { color: var(--amk-red); }
.amk .amk-link--light { color: #fff; }

/* --------------------------------------------------------------- reveal */
.amk-rv { opacity: 0; transform: translateY(28px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }
.amk-rv.is-in { opacity: 1; transform: none; }
.amk-rv[data-d="1"] { transition-delay: .1s; } .amk-rv[data-d="2"] { transition-delay: .2s; } .amk-rv[data-d="3"] { transition-delay: .3s; }

/* ---------------------------------------------------------------- cover */
.amk-cover { min-height: clamp(480px, 68vh, 720px); display: flex; align-items: flex-end; overflow: hidden; color: #fff; background: #1b1d20; }
.amk-cover__media, .amk-cover__3d { position: absolute; inset: 0; }
.amk-cover__media > img, .amk-cover__media > video { width: 100%; height: 100%; object-fit: cover; display: block; }
.amk-cover--photo .amk-cover__media::after { content: ""; position: absolute; inset: 0;
  background: linear-gradient(90deg, rgba(10,12,14,.72) 0%, rgba(10,12,14,.38) 45%, rgba(10,12,14,.05) 80%), linear-gradient(0deg, rgba(10,12,14,.45), transparent 45%); }
.amk-cover__body { position: relative; z-index: 2; width: 100%; padding: 150px var(--amk-pad) clamp(48px, 6vw, 88px); max-width: 1100px; margin-right: auto; }
.amk-cover .amk-lead { color: rgba(255,255,255,.9); max-width: 34em; margin-bottom: 30px; }
.amk-cover .amk-label { color: #fff; }
.amk-crumbs { display: flex; flex-wrap: wrap; gap: 6px 10px; list-style: none; margin: 0 0 28px; padding: 0; font-size: 13px; letter-spacing: .04em; }
.amk-crumbs li { display: flex; align-items: center; gap: 10px; margin: 0; padding: 0; }
.amk-crumbs li::before { display: none; }
.amk-crumbs li + li::before { content: ""; display: block; width: 5px; height: 5px; border-top: 1px solid currentColor; border-right: 1px solid currentColor; transform: rotate(45deg); opacity: .6; }
.amk-crumbs a { color: inherit; text-decoration: none; opacity: .8; }
.amk-crumbs a:hover { opacity: 1; text-decoration: underline; }
.amk-crumbs [aria-current] { opacity: 1; }

/* 3D cover: a light studio scene, so the words go dark. */
.amk-cover--3d { color: var(--amk-ink); background: #e9e7e3; min-height: clamp(520px, 78vh, 820px); }
.amk-cover--3d .amk-cover__body { padding-top: 64px; max-width: 760px; }
.amk-cover--3d .amk-lead { color: #3a3a40; }
.amk-cover--3d .amk-label { color: var(--amk-red); }
.amk-cover--3d .amk-cover__3d canvas { display: block; width: 100% !important; height: 100% !important; }
.amk-cover--3d::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 1;
  background: linear-gradient(90deg, rgba(233,231,227,.92) 0%, rgba(233,231,227,.6) 32%, rgba(233,231,227,0) 58%); }
.amk-cover__hint { position: absolute; right: var(--amk-pad); bottom: 28px; z-index: 2; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #6b6f75; }
.amk-cover__stats { display: flex; flex-wrap: wrap; gap: 14px 40px; margin: 34px 0 0; padding: 22px 0 0; border-top: 1px solid rgba(23,23,27,.14); list-style: none; }
.amk-cover__stats li { margin: 0; padding: 0; }
.amk-cover__stats li::before { display: none; }
.amk-cover__stats b { display: block; font-size: 30px; font-weight: 300; line-height: 1.1; color: var(--amk-ink); }
.amk-cover__stats span { font-size: 13px; color: var(--amk-mute); }

/* ---------------------------------------------------------------- intro */
.amk-intro .amk-h2 { max-width: 18em; }
.amk-cols { columns: 2; column-gap: clamp(32px, 4vw, 72px); max-width: 1080px; }
.amk-cols p { break-inside: avoid; }
@media (max-width: 800px) { .amk-cols { columns: 1; } }

/* --------------------------------------------------- split + accordion */
.amk-split .amk-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(32px, 6vw, 110px); align-items: start; }
@media (max-width: 900px) { .amk-split .amk-in { grid-template-columns: 1fr; } }
.amk-acc { background: #fff; border-radius: 16px; padding: 12px clamp(20px, 2.6vw, 40px); box-shadow: 0 1px 2px rgba(20,24,28,.04); }
.amk-acc details { border-bottom: 1px solid var(--amk-line); }
.amk-acc details:last-child { border-bottom: 0; }
.amk-acc summary { list-style: none; cursor: pointer; display: flex; justify-content: space-between; align-items: center; gap: 16px; padding: 20px 0; font-size: 17px; font-weight: 400; color: var(--amk-ink); }
.amk-acc summary::-webkit-details-marker { display: none; }
.amk-acc summary::after { content: ""; flex: none; width: 8px; height: 8px; border-right: 1.5px solid var(--amk-red); border-bottom: 1.5px solid var(--amk-red); transform: translateY(-3px) rotate(45deg); transition: transform .3s ease; }
.amk-acc details[open] summary::after { transform: translateY(2px) rotate(-135deg); }
.amk-acc summary:hover { color: var(--amk-red); }
.amk-acc .amk-acc__body { padding: 0 0 22px; }
.amk-acc .amk-acc__body p, .amk-acc .amk-acc__body li { font-size: 15.5px; line-height: 1.6; color: #4a4a52; }
.amk-acc .amk-acc__body ul { margin: 0; padding-left: 18px; }

/* ------------------------------------------------------------- showcase */
.amk-show .amk-in { display: grid; grid-template-columns: minmax(220px, 25%) 1fr; gap: clamp(28px, 3.4vw, 56px); align-items: stretch; }
.amk-show__tabs { background: var(--amk-red); border-radius: 14px; padding: clamp(28px, 3vw, 44px) 0; display: flex; flex-direction: column; justify-content: center; gap: 6px; }
.amk-show__tab { all: unset; box-sizing: border-box; cursor: pointer; display: grid; grid-template-columns: 30px 1fr; align-items: baseline; gap: 12px; padding: 10px clamp(20px, 2.4vw, 36px) 10px clamp(36px, 3.4vw, 52px); color: rgba(255,255,255,.62); position: relative; }
.amk-show__tab small { font-size: 14px; }
.amk-show__tab span { font-size: 16px; line-height: 1.25; transition: font-size .35s ease, color .35s ease; }
.amk-show__tab::before { content: ""; position: absolute; left: 0; top: 50%; width: 0; height: 1.5px; background: #fff; transition: width .35s ease; }
.amk-show__tab.is-on { color: #fff; }
.amk-show__tab.is-on span { font-size: clamp(20px, 1.7vw, 26px); }
.amk-show__tab.is-on::before { width: clamp(22px, 2.2vw, 34px); }
.amk-show__tab:focus-visible { outline: 2px solid #fff; outline-offset: -4px; }
.amk-show__tab i { position: absolute; left: clamp(36px, 3.4vw, 52px); right: clamp(20px, 2.4vw, 36px); bottom: 2px; height: 1px; background: rgba(255,255,255,.25); overflow: hidden; opacity: 0; }
.amk-show__tab i::after { content: ""; position: absolute; inset: 0; background: #fff; transform-origin: left; transform: scaleX(var(--p, 0)); }
.amk-show__tab.is-on i { opacity: 1; }
.amk-show__stage { position: relative; min-height: 420px; }
.amk-show__slide { position: absolute; inset: 0; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.6fr); gap: clamp(24px, 3vw, 48px); align-items: center;
  opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease, visibility 0s linear .5s; }
.amk-show__slide.is-on { position: relative; opacity: 1; visibility: visible; transform: none; transition: opacity .6s ease, transform .6s ease; }
.amk-show__media { border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 10; background: #dcdcdf; }
.amk-show__media > img, .amk-show__media > video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 !important; }
@media (max-width: 900px) {
  .amk-show .amk-in { grid-template-columns: 1fr; }
  .amk-show__tabs { flex-direction: row; overflow-x: auto; padding: 8px; gap: 0; scrollbar-width: none; }
  .amk-show__tab { grid-template-columns: auto auto; padding: 10px 16px; white-space: nowrap; }
  .amk-show__tab::before, .amk-show__tab i { display: none; }
  .amk-show__tab.is-on span { font-size: 16px; }
  .amk-show__slide { grid-template-columns: 1fr; }
  .amk-show__slide .amk-show__media { order: -1; }
}

/* -------------------------------------------------------------- feature */
.amk-feature .amk-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.25fr); gap: clamp(32px, 5vw, 96px); align-items: center; }
.amk-feature--flip .amk-in > :first-child { order: 2; }
.amk-feature__media { border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 10; background: #dcdcdf; }
.amk-feature__media > img, .amk-feature__media > video { width: 100%; height: 100%; object-fit: cover; display: block; border-radius: 0 !important; }
.amk-feature__media figcaption { font-size: 13px; color: var(--amk-mute); padding: 10px 2px 0; }
@media (max-width: 900px) { .amk-feature .amk-in { grid-template-columns: 1fr; } .amk-feature--flip .amk-in > :first-child { order: 0; } }

/* Media pair: two videos or photos side by side. */
.amk-pair { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(16px, 2vw, 28px); margin-top: 36px; }
.amk-pair figure { margin: 0; }
.amk-pair .amk-feature__media { aspect-ratio: 4 / 3; }
@media (max-width: 700px) { .amk-pair { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------------- cards */
.amk-cards__head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 8px; }
.amk-cards__filter { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 30px; padding: 0; list-style: none; }
.amk-cards__filter li { margin: 0; padding: 0; } .amk-cards__filter li::before { display: none; }
.amk-cards__filter button { all: unset; cursor: pointer; font-size: 14px; padding: 9px 16px; border-radius: 100px; background: #fff; color: var(--amk-ink); border: 1px solid var(--amk-line); }
.amk-cards__filter button[aria-pressed="true"] { background: var(--amk-ink); color: #fff; border-color: var(--amk-ink); }
.amk-cards__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-top: 1px solid var(--amk-line); border-left: 1px solid var(--amk-line); background: rgba(255,255,255,.35); }
.amk-card { display: flex; flex-direction: column; padding: 28px 24px 34px; border-right: 1px solid var(--amk-line); border-bottom: 1px solid var(--amk-line); color: var(--amk-ink); text-decoration: none !important; min-width: 0; }
.amk-card[hidden] { display: none; }
.amk-card__cat { font-size: 15px; color: var(--amk-mute); min-height: 2.6em; line-height: 1.3; margin-bottom: 14px; }
.amk-card__media { border-radius: 10px; overflow: hidden; aspect-ratio: 4 / 3; background: #dcdcdf; margin-bottom: 18px; position: relative; }
.amk-card__media img, .amk-card__media video { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .6s ease; border-radius: 0 !important; }
a.amk-card:hover .amk-card__media img, a.amk-card:hover .amk-card__media video { transform: scale(1.05); }
.amk-card__meta { font-size: 13.5px; color: var(--amk-mute); margin-bottom: 4px; }
.amk-card__title { font-size: 17px; line-height: 1.3; font-weight: 400; transition: color .3s ease; }
a.amk-card:hover .amk-card__title { color: var(--amk-red); }
.amk-card__go { margin-top: auto; padding-top: 18px; }
/* A product we will build a page for: shown, clearly not ready yet. */
.amk-card--soon { color: #9a9ca2; cursor: default; }
.amk-card--soon .amk-card__media { background:
  repeating-linear-gradient(135deg, #e7e7ea 0 12px, #efeff1 12px 24px); display: grid; place-items: center; }
.amk-card--soon .amk-card__media b { font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: #8b8e94; background: #fff; padding: 7px 12px; border-radius: 100px; }
.amk-card--soon .amk-card__title { color: #8b8e94; }
@media (max-width: 1200px) { .amk-cards__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 900px) { .amk-cards__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .amk-cards__grid { grid-template-columns: 1fr; } }
.amk-pager { display: flex; justify-content: space-between; align-items: center; border: 1px solid var(--amk-line); border-top: 0; padding: 18px 24px; background: rgba(255,255,255,.35); }
.amk-pager[hidden] { display: none; }
.amk-pager__nums { display: flex; gap: 4px; }
.amk-pager__nums button, .amk-pager__next { all: unset; cursor: pointer; font-size: 14px; color: var(--amk-mute); padding: 6px 9px; border-radius: 6px; }
.amk-pager__nums button[aria-current="page"] { color: var(--amk-ink); font-weight: 700; }
.amk-pager__nums button:hover { color: var(--amk-red); }
.amk-pager__next { display: inline-flex; align-items: center; gap: 10px; letter-spacing: .08em; text-transform: uppercase; }
.amk-pager__next::after { content: ""; width: 7px; height: 7px; border-top: 1.5px solid var(--amk-red); border-right: 1.5px solid var(--amk-red); transform: rotate(45deg); }
.amk-pager__next:disabled, .amk-pager__next[aria-disabled="true"] { opacity: .35; cursor: default; }

/* ---------------------------------------------------------------- numbers */
.amk-nums { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border-left: 1px solid var(--amk-line); margin-top: 20px; }
.amk-nums > div { padding: 8px 24px 8px; border-right: 1px solid var(--amk-line); }
.amk-nums b { display: block; font-size: clamp(34px, 3.4vw, 52px); font-weight: 300; line-height: 1.05; color: var(--amk-ink); }
.amk-nums span { font-size: 14px; color: var(--amk-mute); }
@media (max-width: 800px) { .amk-nums { grid-template-columns: 1fr 1fr; row-gap: 28px; } }

/* ------------------------------------------------------------------ CTA */
.amk-cta { background: var(--amk-ink); color: #fff; border-top: 0; }
.amk-cta .amk-in { display: flex; justify-content: space-between; align-items: flex-end; gap: 32px; flex-wrap: wrap; }
.amk-cta .amk-h2 { color: #fff; margin: 0; max-width: 16em; }
.amk-cta p { color: rgba(255,255,255,.75); max-width: 34em; margin: 14px 0 0; }

/* The 3D stage inside kit pages keeps its own layout but loses the old card. */

@media (prefers-reduced-motion: reduce) {
  .amk-rv { opacity: 1; transform: none; transition: none; }
  .amk-script { transition: none; background-size: 100% .38em; }
  .amk-show__slide { transition: none; }
}

/* --------------------------------------------- isometric line drawings */
.amk-iso { display: block; overflow: visible; }
.amk-iso path { fill: none; stroke: currentColor; stroke-width: 1.5px; vector-effect: non-scaling-stroke; stroke-linecap: round; stroke-linejoin: round;
  stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.3s cubic-bezier(.65,0,.35,1); transition-delay: calc(var(--i, 0) * .22s + .15s); }
.amk-iso path.r { stroke: var(--amk-iso-accent, var(--amk-red)); }
.amk-iso.is-in path, .is-in .amk-iso path { stroke-dashoffset: 0; }
.amk-iso.is-in .amk-iso__hook, .is-in .amk-iso .amk-iso__hook { animation: amk-hook 3.2s ease-in-out 2s infinite; }
.amk-iso.is-in .amk-iso__bob, .is-in .amk-iso .amk-iso__bob { animation: amk-bob 1.6s ease-in-out 2s infinite; }
.amk-iso.is-in .amk-iso__scan, .is-in .amk-iso .amk-iso__scan { animation: amk-scan 3.6s ease-in-out 2s infinite; }
@keyframes amk-hook { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-2.4px) } }
@keyframes amk-bob { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(1.2px) } }
@keyframes amk-scan { 0%, 100% { transform: translate(0, 0) } 50% { transform: translate(-6.9px, -4px) } }

/* ------------------------------------ capability tiles (text over video) */
.amk-caps__head { max-width: 760px; margin-bottom: 44px; }
.amk-tiles { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: clamp(14px, 1.6vw, 24px); }
.amk-tile { grid-column: span 6; position: relative; display: flex; flex-direction: column; justify-content: space-between; min-height: clamp(340px, 30vw, 460px);
  border-radius: 20px; overflow: hidden; background: #2a2d31; color: #fff !important; text-decoration: none !important; isolation: isolate; --amk-iso-accent: #ff5a5f; }
.amk-tile:nth-child(4n+1) { grid-column: span 7; } .amk-tile:nth-child(4n+2) { grid-column: span 5; }
.amk-tile:nth-child(4n+3) { grid-column: span 5; } .amk-tile:nth-child(4n+4) { grid-column: span 7; }
.amk-tile > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); border-radius: 0 !important; }
.amk-tile:hover > video { transform: scale(1.04); }
.amk-tile__shade { position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, rgba(8,10,12,.55) 0%, rgba(8,10,12,.05) 38%, rgba(8,10,12,.12) 55%, rgba(8,10,12,.78) 100%); }
.amk-tile__top { display: flex; justify-content: space-between; align-items: flex-start; padding: 26px 28px 0; }
.amk-tile__top small { font-size: 13px; letter-spacing: .12em; opacity: .85; }
.amk-tile__top .amk-iso { width: clamp(84px, 8vw, 118px); height: auto; color: #fff; filter: drop-shadow(0 1px 6px rgba(0,0,0,.35)); }
.amk-tile__body { display: flex; flex-direction: column; gap: 4px; padding: 0 28px 28px; }
.amk-tile__stat { font-size: clamp(28px, 2.6vw, 40px); font-weight: 300; line-height: 1.05; }
.amk-tile__note { font-size: 14px; opacity: .85; }
.amk-tile__title { font-size: 18px; font-weight: 500; margin: 14px 0 12px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.28); }
@media (max-width: 800px) { .amk-tile, .amk-tile:nth-child(n) { grid-column: span 12; min-height: 320px; } }

/* ------------------------------------------------ home hero slider text */
@media (min-width: 768px) {
  .mod-stage-with-pagination__list-item-container-text.amk-hero-text {
    left: var(--amk-pad) !important; right: auto !important; top: auto !important; bottom: 150px !important; transform: none !important;
    width: min(760px, 62vw) !important; text-align: left !important; display: flex; flex-direction: column; align-items: flex-start; gap: 18px;
  }
}
.amk-hero-text .mod-stage-with-pagination__list-item-headline.h2 {
  font-family: var(--am-font) !important; font-weight: 300 !important; font-size: clamp(34px, 4.4vw, 66px) !important; line-height: 1.08 !important;
  letter-spacing: -.01em; color: #fff !important; margin: 0 !important; text-shadow: 0 2px 24px rgba(0,0,0,.25);
}
.amk-hero-text .amk-script { font-size: .98em; padding-bottom: .14em; }
.amk-hero-text .mod-stage-with-pagination__list-item-headline.h4 {
  font-family: var(--am-font) !important; font-size: 14px !important; font-weight: 500 !important; letter-spacing: .1em; text-transform: uppercase;
  color: rgba(255,255,255,.9) !important; margin: 0 !important; line-height: 1.5 !important;
}
.amk-hero-text .mod-stage-with-pagination__link { display: none !important; }
.amk-hero-arrow { position: relative; display: inline-block; width: 38px; height: 1.5px; background: var(--amk-red); margin-left: 22px; vertical-align: middle; transition: width .3s ease; }
.amk-hero-arrow::after { content: ""; position: absolute; right: 0; top: -4px; width: 9px; height: 9px; border-top: 1.5px solid var(--amk-red); border-right: 1.5px solid var(--amk-red); transform: rotate(45deg); }
a:hover .amk-hero-arrow { width: 52px; }
.amk-hero-go { margin-top: 6px; }
.amk-hero-go.amk-link { display: inline-flex; align-items: center; gap: 14px; font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; color: #fff; }
.amk-hero-go i { position: relative; display: inline-block; width: 34px; height: 1.5px; background: var(--amk-red); }
.amk-hero-go i::after { content: ""; position: absolute; right: 0; top: -4px; width: 9px; height: 9px; border-top: 1.5px solid var(--amk-red); border-right: 1.5px solid var(--amk-red); transform: rotate(45deg); }

/* --------------------------------------------------------------- metrics */
.amk-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin-top: clamp(40px, 5vw, 72px); border-top: 1px solid var(--amk-line); border-bottom: 1px solid var(--amk-line); }
.amk-metric { position: relative; padding: 34px clamp(18px, 2vw, 32px) 30px; border-right: 1px solid var(--amk-line); }
.amk-metric:last-child { border-right: 0; }
.amk-metric [data-amk-iso] { display: block; height: 92px; margin-bottom: 22px; color: var(--amk-ink); }
.amk-metric [data-amk-iso] svg { height: 100%; width: auto; max-width: 100%; }
.amk-metric b { display: block; font-size: clamp(44px, 4.6vw, 76px); font-weight: 300; line-height: 1; letter-spacing: -.02em; color: var(--amk-ink); font-variant-numeric: tabular-nums; }
.amk-metric span { display: block; margin-top: 10px; font-size: 14px; letter-spacing: .06em; text-transform: uppercase; color: var(--amk-mute); }
.amk-metric::after { content: ""; position: absolute; left: clamp(18px, 2vw, 32px); bottom: -1px; height: 3px; width: 0; background: var(--amk-red); transition: width 1.4s cubic-bezier(.65,0,.35,1) .6s; }
.amk-metric.is-in::after { width: 56px; }
@media (max-width: 900px) { .amk-metrics { grid-template-columns: 1fr 1fr; } .amk-metric:nth-child(2) { border-right: 0; } .amk-metric:nth-child(-n+2) { border-bottom: 1px solid var(--amk-line); } }

/* ------------------------------------------- film: words over the video */
.amk-film { padding: clamp(18px, 2vw, 32px); border-top: 0; }
.amk-film__frame { position: relative; border-radius: 24px; overflow: hidden; min-height: clamp(460px, 72vh, 760px); display: flex; align-items: flex-end; color: #fff; background: #1b1d20; isolation: isolate; }
.amk-film__frame > video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; border-radius: 0 !important; }
.amk-film__frame::before { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, rgba(8,10,12,.7), rgba(8,10,12,.2) 60%, rgba(8,10,12,0)), linear-gradient(0deg, rgba(8,10,12,.55), transparent 50%); transition: opacity .5s ease; }
.amk-film__body { padding: clamp(28px, 5vw, 80px); max-width: 820px; transition: opacity .5s ease; }
.amk-film .amk-h2, .amk-film p { color: #fff; }
.amk-film .amk-label { color: #fff; }
.amk-film__play { display: inline-flex; align-items: center; gap: 14px; margin-top: 10px; }
.amk-film__play b { width: 58px; height: 58px; border-radius: 50%; background: var(--amk-red); display: grid; place-items: center; transition: transform .3s ease; }
.amk-film__play b::before { content: ""; margin-left: 4px; border-left: 14px solid #fff; border-top: 9px solid transparent; border-bottom: 9px solid transparent; }
.amk-film__play:hover b { transform: scale(1.08); }
.amk-film.is-playing .amk-film__frame::before, .amk-film.is-playing .amk-film__body { opacity: 0; pointer-events: none; }

/* ------------------------------------------------------------- quote */
.amk-quote { background: #fff; border-radius: 20px; padding: clamp(28px, 3.4vw, 52px); position: relative; }
.amk-quote blockquote { margin: 0 0 22px; font-size: clamp(24px, 2.3vw, 34px); line-height: 1.25; font-weight: 300; color: var(--amk-ink); }
.amk-quote blockquote::before { content: "\201C"; display: block; font-family: Georgia, serif; font-size: 90px; line-height: .6; color: var(--amk-red); margin-bottom: 10px; }
.amk-quote cite { display: block; font-style: normal; font-size: 15px; font-weight: 500; color: var(--amk-ink); }
.amk-quote cite small { display: block; font-weight: 400; color: var(--amk-mute); font-size: 14px; }
.amk-quote p { margin-top: 22px; padding-top: 22px; border-top: 1px solid var(--amk-line); font-size: 15.5px; }

/* ------------------------------------------ feature spotlight (oil & gas) */
.amk-spot .amk-in { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 0; background: #fff; border-radius: 24px; overflow: hidden; }
.amk-spot__media { position: relative; min-height: 440px; }
.amk-spot__media img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; }
.amk-spot__body { padding: clamp(28px, 4vw, 64px); display: flex; flex-direction: column; justify-content: center; }
.amk-spot__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 18px 24px; margin: 8px 0 30px; padding: 22px 0 0; border-top: 1px solid var(--amk-line); }
.amk-spot__facts b { display: block; font-size: 30px; font-weight: 300; line-height: 1.1; }
.amk-spot__facts span { font-size: 13.5px; color: var(--amk-mute); }
@media (max-width: 900px) { .amk-spot .amk-in { grid-template-columns: 1fr; } .amk-spot__media { min-height: 280px; } }

/* 3-up card grid variant */
.amk-cards--3 .amk-cards__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
@media (max-width: 900px) { .amk-cards--3 .amk-cards__grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .amk-cards--3 .amk-cards__grid { grid-template-columns: 1fr; } }

/* ------------------------------------------------------ news & insights */
.amk-news__grid { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); gap: clamp(24px, 3vw, 48px); }
.amk-news__lead { display: block; color: var(--amk-ink); text-decoration: none !important; }
.amk-news__lead .amk-card__media { aspect-ratio: 16 / 10; border-radius: 16px; }
.amk-news__lead .amk-news__title { font-size: clamp(24px, 2.2vw, 32px); font-weight: 300; line-height: 1.2; margin-top: 8px; transition: color .3s ease; }
.amk-news__lead:hover .amk-news__title { color: var(--amk-red); }
.amk-news__list { display: flex; flex-direction: column; }
.amk-news__row { display: grid; grid-template-columns: 132px 1fr; gap: 20px; align-items: center; padding: 18px 0; border-bottom: 1px solid var(--amk-line); color: var(--amk-ink); text-decoration: none !important; }
.amk-news__row:first-child { padding-top: 0; }
.amk-news__row .amk-card__media { aspect-ratio: 4 / 3; margin: 0; border-radius: 10px; }
.amk-news__row .amk-news__title { font-size: 17px; line-height: 1.3; transition: color .3s ease; }
.amk-news__row:hover .amk-news__title { color: var(--amk-red); }
.amk-news__meta { font-size: 13px; letter-spacing: .06em; text-transform: uppercase; color: var(--amk-mute); margin-bottom: 6px; }
.amk-news__meta em { font-style: normal; color: var(--amk-red); }
@media (max-width: 900px) { .amk-news__grid { grid-template-columns: 1fr; } }

/* Home hero: always exactly one screen tall. On desktop the header floats
   over it (transparent), on phones it sits above, so subtract it there. */
#slider { --amk-hero-h: calc(100svh - 68px); }
html.am-hero #slider { --amk-hero-h: 100svh; }
#slider, #slider .mod-stage-with-pagination__wrapper, #slider .mod-stage-with-pagination__list-container,
#slider .mod-stage-with-pagination__list-item {
  height: var(--amk-hero-h) !important; max-height: none !important; min-height: 420px;
}
#slider .mod-stage-with-pagination__list-item > a, #slider picture.h-ratio {
  display: block; height: 100% !important; padding: 0 !important;
}
#slider video.mainsliderr, #slider picture.h-ratio img {
  position: absolute; inset: 0; width: 100% !important; height: 100% !important; object-fit: cover; aspect-ratio: auto !important;
}

/* ------------------------------------------- floating column: one colour */
/* The page's mail / WhatsApp / phone buttons merge into one grey "contact"
   button; the three fan out above it on hover or tap. Chat stays red. */
.mod-fab .a-fab-action { background: #b1b3b5 !important; border-color: #b1b3b5 !important; color: #fff !important; box-shadow: 0 4px 14px rgba(0,0,0,.16); }
.mod-fab .a-fab-action:hover { background: #8f9194 !important; }
.mod-fab.amk-dial .mod-fab--actions:not(.mod-fab--single-container) { position: relative; width: 45px; height: 45px; }
.mod-fab.amk-dial .mod-fab--actions:not(.mod-fab--single-container) .a-fab-action { position: absolute !important; left: 0; bottom: 0; margin: 0 !important;
  opacity: 0; pointer-events: none; transform: translateY(0) scale(.6); transition: opacity .2s ease, transform .28s cubic-bezier(.2,.7,.2,1); }
.mod-fab.amk-dial.amk-open .mod-fab--actions .a-fab-action { opacity: 1; pointer-events: auto; transform: translateY(calc(-51px * (var(--k) + 1))) scale(1); }
.amk-dial-btn { position: relative; z-index: 2; width: 45px; height: 45px; border-radius: 50%; border: 0; cursor: pointer; display: grid; place-items: center;
  background: #b1b3b5; color: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.16); transition: background .2s ease; }
.amk-dial-btn:hover, .amk-open .amk-dial-btn { background: #8f9194; }
.amk-dial-btn svg { transition: transform .28s ease, opacity .2s ease; }
.amk-dial-btn .x { position: absolute; opacity: 0; transform: rotate(-90deg); }
.amk-open .amk-dial-btn .i { opacity: 0; transform: rotate(90deg); }
.amk-open .amk-dial-btn .x { opacity: 1; transform: none; }
.mod-fab .a-fab-action svg, .mod-fab .a-fab-action a { color: #fff !important; fill: currentColor; }
/* Phones and tablets (21 Oct): the old site's text labels inside each action made square grey
   patches. Keep every action a 45 px circle with its icon only; the title says what it is. */
.mod-fab .a-fab-action .visible-xs { display: none !important; }
.mod-fab.amk-dial .mod-fab--actions .a-fab-action { width: 45px !important; height: 45px !important; min-width: 0 !important; min-height: 0 !important;
  padding: 0 !important; border-radius: 50% !important; display: grid !important; place-items: center; overflow: hidden; line-height: 1; }
.mod-fab.amk-dial .mod-fab--actions .a-fab-action > a { display: grid; place-items: center; width: 100%; height: 100%; }
.mod-fab.amk-dial .mod-fab--actions .a-fab-action svg { width: 20px !important; height: 20px !important; margin: 0 !important; }
.mod-fab .a-fab-action::before, .mod-fab .a-fab-action::after { display: none !important; }

/* ----------------------------------------------------- enquiry popup */
html.amk-modal-open { overflow: hidden; }
.amk-modal { position: fixed; inset: 0; z-index: 2147483600; display: grid; place-items: center; padding: 16px; font-family: var(--am-font, 'DM Sans', sans-serif); }
.amk-modal[hidden] { display: none; }
.amk-modal *, .amk-modal *::before, .amk-modal *::after { box-sizing: border-box; }
.amk-modal__scrim { position: absolute; inset: 0; background: rgba(12,14,16,.62); backdrop-filter: blur(4px); animation: amk-fade .25s ease; }
.amk-modal__box { position: relative; width: min(980px, 100%); max-height: calc(100vh - 32px); overflow: auto; display: grid; grid-template-columns: 38% 1fr;
  background: #fff; border-radius: 22px; box-shadow: 0 40px 90px -30px rgba(0,0,0,.5); animation: amk-rise .35s cubic-bezier(.2,.7,.2,1); }
@keyframes amk-fade { from { opacity: 0 } } @keyframes amk-rise { from { opacity: 0; transform: translateY(24px) scale(.98) } }
.amk-modal__x { position: absolute; top: 14px; right: 16px; z-index: 2; width: 38px; height: 38px; border-radius: 50%; border: 0; background: #f1f1f3; color: #17171b; font-size: 22px; line-height: 1; cursor: pointer; }
.amk-modal__x:hover { background: var(--amk-red); color: #fff; }
.amk-modal__side { background: var(--amk-red); color: #fff; padding: 44px 36px; display: flex; flex-direction: column; }
.amk-modal__side h2 { font-size: clamp(28px, 2.6vw, 38px); font-weight: 300; line-height: 1.15; margin: 0 0 18px; color: #fff; }
.amk-modal__side .amk-script { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 24' preserveAspectRatio='none'%3E%3Cpath d='M4 15 C60 8 130 6 200 9 S282 13 296 10' fill='none' stroke='%23ffffff' stroke-width='6' stroke-linecap='round'/%3E%3C/svg%3E"); }
.amk-modal__side p { font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.9); margin: 0 0 22px; }
.amk-modal__side ul { list-style: none; margin: auto 0 0; padding: 20px 0 0; border-top: 1px solid rgba(255,255,255,.3); }
.amk-modal__side li { position: relative; padding: 6px 0 6px 22px; font-size: 14px; color: #fff; margin: 0; }
.amk-modal__side li::before { content: ""; position: absolute; left: 0; top: 11px; width: 10px; height: 6px; border-left: 1.5px solid #fff; border-bottom: 1.5px solid #fff; transform: rotate(-45deg); }
.amk-modal__form, .amk-modal__done { padding: 40px 36px 32px; }
.amk-f2 { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.amk-f2--phone { grid-template-columns: 170px 1fr; }
.amk-field { display: block; margin: 0 0 14px; }
.amk-field span { display: block; font-size: 12.5px; font-weight: 500; letter-spacing: .04em; color: #5a5a62; margin: 0 0 6px; }
.amk-field input, .amk-field select, .amk-field textarea { width: 100%; font: inherit; font-size: 15px; color: #17171b; background: #f5f5f7; border: 1px solid transparent; border-radius: 10px; padding: 12px 14px; outline: 0; transition: border-color .2s ease, background .2s ease; }
.amk-field textarea { resize: vertical; min-height: 104px; }
.amk-field input:focus, .amk-field select:focus, .amk-field textarea:focus { background: #fff; border-color: var(--amk-red); }
.amk-drop { border: 1.5px dashed #c9c9cf; border-radius: 12px; padding: 18px; text-align: center; cursor: pointer; transition: border-color .2s ease, background .2s ease; }
.amk-drop b { display: block; font-size: 15px; font-weight: 500; color: #17171b; }
.amk-drop span { font-size: 13px; color: #73737b; }
.amk-drop:hover, .amk-drop.is-over, .amk-drop:focus-visible { border-color: var(--amk-red); background: #fff5f5; outline: 0; }
.amk-files { list-style: none; margin: 10px 0 0; padding: 0; }
.amk-files li { display: flex; align-items: center; gap: 10px; padding: 8px 12px; margin: 0 0 6px; background: #f5f5f7; border-radius: 8px; font-size: 14px; }
.amk-files li::before { display: none; }
.amk-files li span { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.amk-files li small { color: #73737b; }
.amk-files li.is-done small { color: #1d8a4a; }
.amk-files button { border: 0; background: none; font-size: 18px; cursor: pointer; color: #73737b; }
.amk-hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.amk-modal__err { color: var(--amk-red); font-size: 14px; min-height: 20px; margin: 10px 0 0; }
.amk-modal__foot { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-top: 8px; }
.amk-modal__foot small { font-size: 12.5px; color: #8b8e94; }
.amk-btn { display: inline-flex; align-items: center; gap: 14px; border: 0; cursor: pointer; background: #17171b; color: #fff; font: inherit; font-size: 14px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; padding: 15px 22px; border-radius: 100px; transition: background .2s ease; }
.amk-btn i { position: relative; width: 26px; height: 1.5px; background: #fff; }
.amk-btn i::after { content: ""; position: absolute; right: 0; top: -3.5px; width: 8px; height: 8px; border-top: 1.5px solid #fff; border-right: 1.5px solid #fff; transform: rotate(45deg); }
.amk-btn:hover { background: var(--amk-red); }
.amk-btn:disabled { opacity: .6; cursor: progress; }
.amk-modal__done { text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; }
.amk-modal__done[hidden] { display: none; }
.amk-modal__done h3 { font-size: 26px; font-weight: 300; margin: 12px 0 4px; }
.amk-ref { font-weight: 500; color: var(--amk-red); }
.amk-done-tick { width: 64px; height: 64px; border-radius: 50%; background: var(--amk-red); position: relative; }
.amk-done-tick::after { content: ""; position: absolute; left: 21px; top: 22px; width: 22px; height: 12px; border-left: 3px solid #fff; border-bottom: 3px solid #fff; transform: rotate(-45deg); }
@media (max-width: 760px) {
  .amk-modal__box { grid-template-columns: 1fr; }
  .amk-modal__side { padding: 32px 24px 24px; } .amk-modal__side ul { display: none; }
  .amk-modal__form, .amk-modal__done { padding: 24px; }
  .amk-f2, .amk-f2--phone { grid-template-columns: 1fr; gap: 0; }
}
body:has(.amk) main, body:has(.amk) main.container, body:has(.amk) .l-page, body:has(.amk) .page-wrapper { background: transparent !important; }
.amk-metric [data-amk-iso] { height: 104px; }
.amk-drop input[type=file] { display: none !important; }

/* ------------------------------------------ machinery cards and anchors */
.amk [id] { scroll-margin-top: 130px; }
.amk-card__media--iso { display: grid; place-items: center; background: #fff; }
.amk-card__media--iso > span { width: 58%; color: var(--amk-ink); }
.amk-card__media--iso svg { width: 100%; height: auto; }
.amk-specs { list-style: none; margin: 0; padding: 0; }
.amk-specs li { position: relative; margin: 0 0 5px; padding: 0 0 0 14px; font-size: 14px; line-height: 1.45; color: #4a4a52; }
.amk-specs li::before { content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 1.5px; background: var(--amk-red); }
.amk-card:target { outline: 2px solid var(--amk-red); outline-offset: -2px; background: #fff; }

/* ------------------------------------------------ project cards + gallery */
button.amk-card { all: unset; box-sizing: border-box; display: flex; flex-direction: column; padding: 28px 24px 34px; border-right: 1px solid var(--amk-line); border-bottom: 1px solid var(--amk-line); cursor: pointer; color: var(--amk-ink); text-align: left; min-width: 0; }
button.amk-card[hidden] { display: none; }
button.amk-card:hover .amk-card__media img { transform: scale(1.05); }
button.amk-card:hover .amk-card__title { color: var(--amk-red); }
button.amk-card:focus-visible { outline: 2px solid var(--amk-red); outline-offset: -2px; }
.amk-card__badge { position: absolute; left: 10px; top: 10px; font-size: 11px; font-weight: 500; letter-spacing: .08em; text-transform: uppercase; background: var(--amk-red); color: #fff; padding: 5px 9px; border-radius: 100px; }
.amk-card__qty { font-size: 22px; font-weight: 300; margin-top: 8px; }
.amk-gal .amk-modal__box { grid-template-columns: 1.5fr 1fr; width: min(1180px, 100%); }
.amk-gal__view { background: #111; display: flex; flex-direction: column; }
.amk-gal__main { flex: 1; min-height: 340px; display: grid; place-items: center; }
.amk-gal__main img { max-width: 100%; max-height: 70vh; object-fit: contain; display: block; }
.amk-gal__thumbs { display: flex; gap: 8px; padding: 10px; overflow-x: auto; background: #0b0b0c; }
.amk-gal__thumbs button { all: unset; cursor: pointer; width: 72px; height: 54px; border-radius: 6px; overflow: hidden; opacity: .55; flex: none; outline: 2px solid transparent; }
.amk-gal__thumbs button[aria-current="true"] { opacity: 1; outline-color: var(--amk-red); }
.amk-gal__thumbs img { width: 100%; height: 100%; object-fit: cover; }
.amk-gal__text { padding: 40px 32px 32px; }
.amk-gal__text h3 { font-size: 26px; font-weight: 300; line-height: 1.2; margin: 6px 0 14px; }
.amk-gal__text dl { display: grid; grid-template-columns: auto 1fr; gap: 8px 18px; margin: 18px 0 22px; padding: 18px 0 0; border-top: 1px solid var(--amk-line); font-size: 14.5px; }
.amk-gal__text dt { color: var(--amk-mute); }
.amk-gal__text dd { margin: 0; color: var(--amk-ink); }
@media (max-width: 800px) { .amk-gal .amk-modal__box { grid-template-columns: 1fr; } }

/* --------------------------------------------------- client logo wall */
.amk-logos { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 30px; }
.amk-logos figure { margin: 0; background: #fff; border-radius: 16px; padding: 20px; }
.amk-logos img { width: 100%; height: auto; display: block; }
@media (max-width: 800px) { .amk-logos { grid-template-columns: 1fr; } }

/* ---------------------------------------------------------- search */
.amk-search { position: fixed; inset: 0; z-index: 2147483500; background: rgba(250,250,251,.97); backdrop-filter: blur(10px); overflow-y: auto; font-family: var(--am-font, 'DM Sans', sans-serif); animation: amk-fade .2s ease; }
.amk-search[hidden] { display: none; }
.amk-search__in { max-width: 880px; margin: 0 auto; padding: clamp(60px, 12vh, 140px) 24px 60px; }
.amk-search__bar { display: flex; align-items: center; gap: 16px; border-bottom: 2px solid #17171b; padding: 0 0 14px; color: #17171b; }
.amk-search__bar input { flex: 1; min-width: 0; border: 0; outline: 0; background: none; font: inherit; font-size: clamp(24px, 3.2vw, 40px); font-weight: 300; color: #17171b; padding: 0; }
.amk-search__bar input::placeholder { color: #a3a6ab; }
.amk-search__bar input::-webkit-search-cancel-button { display: none; }
.amk-search__x { border: 0; background: #ececee; width: 42px; height: 42px; border-radius: 50%; font-size: 24px; line-height: 1; cursor: pointer; color: #17171b; flex: none; }
.amk-search__x:hover { background: var(--amk-red); color: #fff; }
.amk-search__quick { display: flex; flex-direction: column; gap: 18px; margin: 22px 0 0; }
.amk-search__grp > span { display: block; margin: 0 0 9px; font-size: 11px; font-weight: 600; letter-spacing: .12em; text-transform: uppercase; color: #6a6e75; }
.amk-search__grp > div { display: flex; flex-wrap: wrap; gap: 8px; }
.amk-search__quick button { font: inherit; font-size: 14px; padding: 9px 16px 9px 34px; border-radius: 100px; background: #f4f4f5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236a6e75' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") 13px 50% / 14px no-repeat; border: 1px solid transparent; color: #17171b; cursor: pointer; }
.amk-search__quick button:hover { border-color: var(--amk-red); color: var(--amk-red); background-color: #fff; }
.amk-search__quick[hidden] { display: none; }
.amk-search__quick a { font-size: 14px; padding: 9px 16px; border-radius: 100px; background: #fff; border: 1px solid #e2e2e4; color: #17171b; text-decoration: none; }
.amk-search__quick a:hover { border-color: var(--amk-red); color: var(--amk-red); }
.amk-search__res { list-style: none; margin: 18px 0 0; padding: 0; }
.amk-search__res li { margin: 0; padding: 0; }
.amk-search__res li::before { display: none; }
.amk-search__res a { display: block; padding: 16px 0; border-bottom: 1px solid #e6e6e8; text-decoration: none; color: #17171b; }
.amk-search__res a:hover b { color: var(--amk-red); }
.amk-search__res small { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: var(--amk-red); margin-bottom: 4px; }
.amk-search__res b { display: block; font-size: 19px; font-weight: 400; margin-bottom: 4px; transition: color .2s ease; }
.amk-search__res span { font-size: 14px; color: #6b6e74; line-height: 1.5; }
.amk-search__res mark { background: rgba(224,9,16,.12); color: inherit; border-radius: 3px; padding: 0 2px; }
.amk-search__none { padding: 20px 0; font-size: 16px; color: #4a4a52; }
.amk-search__none a { display: inline; border: 0; padding: 0; color: var(--amk-red); text-decoration: underline; }

/* ---------------------------------------------------------- region */
.amk-region .amk-modal__box { grid-template-columns: 1fr; width: min(760px, 100%); }
.amk-region__in { padding: 44px 40px 32px; }
.amk-region__in h2 { font-size: clamp(28px, 3vw, 40px); font-weight: 300; margin: 0 0 12px; }
.amk-region__lead { font-size: 15.5px; color: #4a4a52; margin: 0 0 22px; }
.amk-region__tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 18px; }
.amk-region__tabs button { all: unset; cursor: pointer; font-size: 14px; padding: 9px 16px; border-radius: 100px; border: 1px solid #e2e2e4; }
.amk-region__tabs button[aria-selected="true"] { background: #17171b; color: #fff; border-color: #17171b; }
.amk-region__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.amk-region__list[hidden] { display: none; }
.amk-region__list li { margin: 0; padding: 0; } .amk-region__list li::before { display: none; }
.amk-region__list button { all: unset; box-sizing: border-box; cursor: pointer; width: 100%; font-size: 15px; padding: 12px 14px; border-radius: 10px; background: #f5f5f7; }
.amk-region__list button:hover { background: #fff; box-shadow: 0 0 0 1px var(--amk-red) inset; }
.amk-region__list button.is-on { background: var(--amk-red); color: #fff; }
.amk-region__foot { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-top: 24px; padding-top: 18px; border-top: 1px solid #e6e6e8; font-size: 14px; color: #6b6e74; }
.amk-region__foot a { color: var(--amk-red); }
@media (max-width: 600px) { .amk-region__list { grid-template-columns: 1fr 1fr; } .amk-region__in { padding: 36px 22px 24px; } }

/* ---------------------------------------------------------- plant map */
.amk-plant { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(0, 1fr); gap: clamp(24px, 4vw, 64px); align-items: center; }
.amk-plant__map { position: relative; background: linear-gradient(160deg, #fff, #eef0f2); border-radius: 22px; padding: 12px; }
.amk-plant__svg { display: block; width: 100%; height: auto; overflow: visible; }
.amk-plant__svg .gr { fill: #f6f7f8; stroke: #d6d8dc; stroke-width: .15; }
.amk-plant__svg .rd { fill: none; stroke: #c9ccd1; stroke-width: .9; stroke-linecap: round; stroke-dasharray: none; }
.amk-plant__u { cursor: pointer; outline: none; }
.amk-plant__u polygon { stroke: none; transition: fill .35s ease; }
.amk-plant__u .f1 { fill: #e7e9ec; } .amk-plant__u .f2 { fill: #d9dce0; } .amk-plant__u .f3 { fill: #f4f5f6; } .amk-plant__u .f4 { fill: #eceef0; }
.amk-plant__u .ln { fill: none; stroke: #17171b; stroke-width: .16; stroke-linejoin: round; stroke-linecap: round; vector-effect: none; transition: stroke .3s ease; }
.amk-plant__t .ld { stroke: #9a9da3; stroke-width: .12; }
.amk-plant__t { cursor: pointer; }
.amk-plant__t .tag rect { fill: #17171b; transition: fill .3s ease; }
.amk-plant__t .tag text { fill: #fff; font-size: 2.3px; font-weight: 500; text-anchor: middle; font-family: var(--am-font, sans-serif); dominant-baseline: middle; }
.amk-plant__u.is-planned polygon { fill-opacity: .45; }
.amk-plant__u.is-planned .ln { stroke-dasharray: .6 .5; stroke: #6b6e74; }
.amk-plant__u.is-on .f1 { fill: #fbd9da; } .amk-plant__u.is-on .f2 { fill: #f6b9bb; } .amk-plant__u.is-on .f3 { fill: #fde9ea; } .amk-plant__u.is-on .f4 { fill: #fce2e3; }
.amk-plant__u.is-on .ln { stroke: var(--amk-red); }
.amk-plant__t.is-on .tag rect { fill: var(--amk-red); }
.amk-plant__t.is-on .ld { stroke: var(--amk-red); }
.amk-plant__u:focus-visible .tag rect { fill: var(--amk-red); }
.amk-plant__n path { fill: #17171b; } .amk-plant__n text { font-size: 2.2px; text-anchor: middle; fill: #17171b; font-family: var(--am-font, sans-serif); }
/* Draw-in: the shed outlines trace themselves when the map comes on screen. */
.amk-plant__svg .ln { stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.8s cubic-bezier(.65,0,.35,1), stroke .3s ease; }
.amk-plant__svg.is-in .ln { stroke-dashoffset: 0; }
.amk-plant__svg.is-in .is-planned .ln { stroke-dasharray: .6 .5; }
.amk-plant__svg polygon { opacity: 0; transition: opacity .8s ease .9s, fill .35s ease; }
.amk-plant__svg.is-in polygon { opacity: 1; }
.amk-plant__hint { position: absolute; left: 20px; bottom: 14px; margin: 0; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #8b8e94; }
.amk-plant__info { display: grid; gap: 10px; }
.amk-plant__card { background: #fff; border-radius: 16px; padding: 18px 22px; border: 1px solid transparent; opacity: .55; transition: opacity .3s ease, border-color .3s ease, transform .3s ease; cursor: pointer; }
.amk-plant__card.is-on { opacity: 1; border-color: var(--amk-red); transform: translateX(-4px); }
.amk-plant__card h3 { font-size: 20px; font-weight: 400; margin: 0 0 8px; }
.amk-plant__card h3 small { font-size: 14px; color: var(--amk-mute); margin-left: 6px; }
.amk-plant__card .amk-label { margin-bottom: 6px; font-size: 11.5px; }
.amk-plant__card:not(.is-on) .amk-specs { display: none; }
@media (max-width: 900px) { .amk-plant { grid-template-columns: 1fr; } }
.amk-plant__hint { left: auto; right: 20px; top: 16px; bottom: auto; }

/* Certificates strip and equipment rail. */
.amk-certs { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); border-top: 1px solid var(--amk-line); border-left: 1px solid var(--amk-line); }
.amk-cert { display: flex; flex-direction: column; gap: 6px; padding: 26px 20px; border-right: 1px solid var(--amk-line); border-bottom: 1px solid var(--amk-line); background: rgba(255,255,255,.4); }
.amk-cert [data-amk-iso] { width: 64px; height: 56px; color: var(--amk-ink); margin-bottom: 8px; }
.amk-cert [data-amk-iso] svg { width: 100%; height: 100%; }
.amk-cert b { font-size: 19px; font-weight: 500; }
.amk-cert > span:last-child { font-size: 13.5px; color: var(--amk-mute); }
@media (max-width: 1100px) { .amk-certs { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 600px) { .amk-certs { grid-template-columns: 1fr 1fr; } }
.amk-rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(260px, 22%); gap: 18px; overflow-x: auto; scroll-snap-type: x mandatory; padding: 4px 2px 18px; scrollbar-width: thin; }
.amk-rail__i { scroll-snap-align: start; display: flex; flex-direction: column; gap: 4px; color: var(--amk-ink); text-decoration: none !important; }
.amk-rail__i .amk-card__media { margin-bottom: 12px; }
.amk-rail__i b { font-size: 16px; font-weight: 500; line-height: 1.3; transition: color .2s ease; }
.amk-rail__i > span:last-child { font-size: 13.5px; color: var(--amk-mute); }
.amk-rail__i:hover b { color: var(--amk-red); }
.amk-rail__i:hover img { transform: scale(1.05); }

/* Plant map v2: satellite imagery with unit outlines. */
.amk-plant--map .amk-plant__map { padding: 0; overflow: hidden; }
.amk-plant__leaf { height: clamp(380px, 52vh, 560px); border-radius: 22px; background: #d9dcdf; }
.amk-plant__gmaps { position: absolute; left: 14px; bottom: 14px; z-index: 500; font-size: 12.5px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase;
  background: rgba(255,255,255,.92); color: #17171b !important; padding: 8px 14px; border-radius: 100px; text-decoration: none !important; }
.amk-plant__gmaps:hover { color: var(--amk-red) !important; }
.amk-plant__tip { background: rgba(23,23,27,.86) !important; color: #fff !important; border: 0 !important; border-radius: 100px !important; box-shadow: none !important;
  font: 500 12px/1 var(--am-font, sans-serif) !important; padding: 6px 10px !important; }
.amk-plant__tip::before { display: none !important; }
.amk-plant__tip--pin { background: #e00910 !important; }
.amk-plant__addr { font-size: 13px; color: var(--amk-mute); margin: 6px 0 0; }
.leaflet-container { font-family: var(--am-font, sans-serif); }

/* Plant map, premium treatment: muted imagery so the outlines lead. */
.amk-plant__leaf .leaflet-tile-pane { filter: saturate(.55) brightness(.82) contrast(1.08); }
.amk-plant__map::after { content: ""; position: absolute; inset: 0; pointer-events: none; z-index: 450; border-radius: 22px;
  background: radial-gradient(120% 90% at 50% 45%, transparent 55%, rgba(10,12,14,.38) 100%); }
.amk-plant__leaf { height: clamp(420px, 60vh, 620px); }
.amk-plant__poly { transition: fill-opacity .35s ease, stroke .35s ease; }
.amk-plant__poly.is-on { filter: drop-shadow(0 0 10px rgba(255,42,49,.75)); }
.amk-plant__tip { background: rgba(255,255,255,.95) !important; color: #17171b !important; padding: 7px 12px 7px 22px !important; border-radius: 100px !important;
  box-shadow: 0 6px 18px -6px rgba(0,0,0,.45) !important; transition: background .3s ease, color .3s ease; position: relative; }
.amk-plant__tip b { font-weight: 600; font-size: 12.5px; margin-right: 8px; }
.amk-plant__tip span { font-size: 11.5px; color: #6b6e74; }
.amk-plant__tip::after { content: ""; position: absolute; left: 10px; top: 50%; width: 6px; height: 6px; border-radius: 50%; background: var(--amk-red); transform: translateY(-50%); }
.amk-plant__tip.is-on { background: var(--amk-red) !important; color: #fff !important; }
.amk-plant__tip.is-on span { color: rgba(255,255,255,.85); }
.amk-plant__tip.is-on::after { background: #fff; }
.amk-plant__tip--pin { padding: 5px 10px !important; }
.amk-plant__tip--pin::after { display: none; }
.amk-plant__north { position: absolute; right: 16px; bottom: 44px; z-index: 500; width: 34px; height: 34px; border-radius: 50%; background: rgba(255,255,255,.92);
  display: grid; place-items: center; font: 600 11px/1 var(--am-font, sans-serif); color: #17171b; padding-top: 10px; box-sizing: border-box; }
.amk-plant__north i { position: absolute; top: 5px; left: 50%; transform: translateX(-50%); border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 8px solid var(--amk-red); }
.amk-plant--map .leaflet-control-zoom a { border-radius: 8px !important; }
.amk-plant--map .leaflet-bar { border: 0 !important; box-shadow: 0 6px 18px -8px rgba(0,0,0,.4) !important; }
.amk-plant--map .leaflet-control-scale-line { border-color: #17171b; background: rgba(255,255,255,.85); font-size: 11px; }
.amk-plant--map .leaflet-control-attribution { font-size: 10px; background: rgba(255,255,255,.7) !important; }

/* Client logos: grid and scrolling rows. Muted until hovered. */
.amk-logo-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 12px; margin-top: 30px; }
.amk-logo-grid span, .amk-marquee__track span { display: grid; place-items: center; background: #fff; border-radius: 14px; height: 92px; padding: 14px 18px; box-sizing: border-box; }
.amk-logo-grid img, .amk-marquee__track img { max-width: 100%; max-height: 100%; object-fit: contain; filter: grayscale(1) contrast(1.05); opacity: .72; transition: filter .3s ease, opacity .3s ease; border-radius: 0 !important; }
.amk-logo-grid span:hover img, .amk-marquee__track span:hover img { filter: none; opacity: 1; }
.amk-marquee { overflow: hidden; margin-top: 16px; mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent); }
.amk-marquee__track { display: flex; gap: 12px; width: max-content; animation: amk-marq 70s linear infinite; }
.amk-marquee__track span { width: 170px; flex: none; }
.amk-marquee--rev .amk-marquee__track { animation-direction: reverse; animation-duration: 80s; }
.amk-marquee:hover .amk-marquee__track { animation-play-state: paused; }
@keyframes amk-marq { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) { .amk-marquee__track { animation: none; flex-wrap: wrap; width: auto; } }

/* Quote with a photo. */
.amk-quote__img { margin: -12px -12px 26px; border-radius: 14px; overflow: hidden; aspect-ratio: 16 / 9; }
.amk-quote__img img { width: 100%; height: 100%; object-fit: cover; object-position: 30% 30%; display: block; border-radius: 0 !important; }

/* Plant map, full width: the satellite view is the section; the unit cards
   sit on a glass panel over its right side. */
.amk-bleed { padding-left: clamp(12px, 2vw, 28px); padding-right: clamp(12px, 2vw, 28px); }
.amk-bleed .amk-in { max-width: none; }
.amk-bleed .amk-cards__head { padding: 0 calc(var(--amk-pad) - clamp(12px, 2vw, 28px)); }
.amk-plant--map { display: block; position: relative; }
.amk-plant--map .amk-plant__map { border-radius: 26px; }
.amk-plant--map .amk-plant__leaf { height: clamp(540px, 84vh, 900px); border-radius: 26px; }
.amk-plant--map .amk-plant__map::after { border-radius: 26px; }
.amk-plant--map .amk-plant__info { position: absolute; z-index: 600; top: 22px; right: 22px; bottom: 22px; width: min(380px, 34%); overflow: auto;
  background: rgba(255,255,255,.84); backdrop-filter: blur(16px) saturate(1.2); border-radius: 20px; padding: 14px; box-shadow: 0 30px 60px -30px rgba(0,0,0,.5); align-content: start; }
.amk-plant--map .amk-plant__card { background: rgba(255,255,255,.7); }
.amk-plant--map .amk-plant__card.is-on { background: #fff; transform: none; }
.amk-plant--map .leaflet-top.leaflet-right { right: calc(min(380px, 34%) + 34px); }
.amk-plant--map .amk-plant__north { right: calc(min(380px, 34%) + 38px); }
.amk-plant--map .leaflet-bottom.leaflet-right { right: calc(min(380px, 34%) + 30px); }
@media (max-width: 900px) {
  .amk-plant--map .amk-plant__info { position: static; width: auto; margin-top: 12px; background: none; backdrop-filter: none; box-shadow: none; padding: 0; }
  .amk-plant--map .leaflet-top.leaflet-right, .amk-plant--map .leaflet-bottom.leaflet-right { right: 0; }
  .amk-plant--map .amk-plant__north { right: 16px; }
  .amk-plant--map .amk-plant__leaf { height: 62vh; }
}

.leaflet-tooltip.amk-plant__tip { width: auto !important; max-width: none !important; white-space: nowrap !important; display: inline-block !important; }
.amk-plant__tip b, .amk-plant__tip span { display: inline !important; width: auto !important; }
.leaflet-marker-icon .amk-plant__tip { transform: translate(-50%, -50%); display: inline-flex !important; align-items: baseline; white-space: nowrap; cursor: pointer; font-family: var(--am-font, sans-serif); }

/* Process animations in the machine cards. */
.am-proc { margin: 0 0 10px; }
.am-proc__svg { display: block; width: 100%; height: auto; border-radius: 10px; }
.am-proc__t { font: 500 11px var(--am-font, sans-serif); fill: #17171b; letter-spacing: .02em; }
.amk-rail__btn { all: unset; cursor: zoom-in; scroll-snap-align: start; }
.amk-rail__btn .amk-card__media { margin: 0; }
.amk-rail__i video { width: 100%; height: 100%; object-fit: cover; display: block; }
.amk-specs--cols { columns: 2; column-gap: 24px; } @media (max-width: 700px) { .amk-specs--cols { columns: 1; } }


/* Oil & gas value chain: four stages, land and sea (build-oilgas.mjs) */
.amk-chain__list{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:none}
.amk-chain__i{position:relative;background:#fff;border-radius:18px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:8px;border-top:4px solid #8b6f47}
.amk-chain__i[data-where="sea"]{border-top-color:#1f5f8b}
.amk-chain__i:not(:last-child)::after{content:"";position:absolute;right:-12px;top:34px;width:10px;height:10px;border-top:2px solid #b3b7bd;border-right:2px solid #b3b7bd;transform:rotate(45deg);z-index:1}
.amk-chain__where{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8b8e94}
.amk-chain__i b{font-size:19px;font-weight:500;color:#17171b}
.amk-chain__h{font-size:13.5px;color:#e00910}
.amk-chain__i p{font-size:14px;line-height:1.55;color:#5b5f66;margin:0;flex:1}
@media (max-width:980px){.amk-chain__list{grid-template-columns:repeat(2,minmax(0,1fr))}.amk-chain__i::after{display:none}}
@media (max-width:560px){.amk-chain__list{grid-template-columns:1fr}}


/* Client logos: fixed tiles, logos capped in pixels so none can overflow. */
.amk-logo-grid span, .amk-marquee__track span { display: flex !important; align-items: center; justify-content: center; overflow: hidden; }
.amk-logo-grid img, .amk-marquee__track img { width: auto !important; height: auto !important; max-width: 132px !important; max-height: 54px !important; }
.amk-marquee__track span { width: 188px; height: 96px; }
.amk-marquee__track { animation-duration: var(--amk-marq, 70s); }
.amk-marquee--rev .amk-marquee__track { animation-duration: var(--amk-marq, 80s); }
.amk-clients__rows { padding: 8px 0 0; }
.amk-clients__rows .amk-marquee { margin-top: 14px; mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }


/* Plant map, minimal (28 Sep): satellite map with a compact legend. */
.amk-plant--map .amk-plant__leaf { height: clamp(460px, 72vh, 760px); }
.amk-plant--map .amk-plant__info.amk-plant__legend { position: absolute; z-index: 600; left: 20px; bottom: 20px; top: auto; right: auto; width: min(320px, calc(100% - 40px));
  display: flex; flex-direction: column; gap: 2px; padding: 10px; border-radius: 18px; background: rgba(255,255,255,.9); backdrop-filter: blur(10px); box-shadow: 0 18px 40px -20px rgba(0,0,0,.45); overflow: visible; }
.amk-plant__legend .amk-plant__card { all: unset; box-sizing: border-box; display: grid; grid-template-columns: 12px auto 1fr; column-gap: 10px; row-gap: 2px; align-items: baseline;
  padding: 9px 12px; border-radius: 12px; cursor: pointer; opacity: 1 !important; transform: none !important; border: 0 !important; background: transparent !important; transition: background .2s ease; }
.amk-plant__legend .amk-plant__card:hover, .amk-plant__legend .amk-plant__card:focus-visible { background: #f1f2f4 !important; }
.amk-plant__legend .amk-plant__card.is-on { background: #17171b !important; color: #fff; }
.amk-plant__legend .amk-plant__card i { width: 10px; height: 10px; border-radius: 3px; background: var(--amk-red); align-self: center; }
.amk-plant__legend .amk-plant__card i.is-planned { background: transparent; border: 1.5px dashed var(--amk-red); }
.amk-plant__legend .amk-plant__card b { font-size: 15px; font-weight: 500; }
.amk-plant__legend .amk-plant__card span { font-size: 13px; color: #6b6e74; }
.amk-plant__legend .amk-plant__card em { grid-column: 2 / 4; font-style: normal; font-size: 11px; letter-spacing: .08em; text-transform: uppercase; color: #8b8e94; }
.amk-plant__legend .amk-plant__card small { grid-column: 2 / 4; font-size: 12.5px; line-height: 1.4; display: none; }
.amk-plant__legend .amk-plant__card.is-on span, .amk-plant__legend .amk-plant__card.is-on em { color: rgba(255,255,255,.72); }
.amk-plant__legend .amk-plant__card.is-on small { display: block; color: rgba(255,255,255,.9); margin-top: 4px; }
.amk-plant__legend .amk-plant__addr { margin: 6px 12px 2px; font-size: 11.5px; color: #8b8e94; }
.amk-plant--map .leaflet-top.leaflet-right, .amk-plant--map .leaflet-bottom.leaflet-right { right: 0 !important; }
.amk-plant--map .amk-plant__north { right: 16px !important; }
.amk-plant__facts { display: flex; flex-wrap: wrap; gap: 10px 40px; margin: 0 0 22px; padding: 0 calc(var(--amk-pad) - clamp(12px, 2vw, 28px)); }
.amk-plant__facts div { display: flex; flex-direction: column; }
.amk-plant__facts b { font-size: clamp(26px, 2.6vw, 36px); font-weight: 400; letter-spacing: -.02em; }
.amk-plant__facts span { font-size: 13px; color: var(--amk-mute); }
@media (max-width: 900px) {
  .amk-plant--map .amk-plant__info.amk-plant__legend { position: static; width: auto; margin-top: 12px; box-shadow: none; background: #fff; }
}

/* Metrics: six, with drawn isometric illustrations (28 Sep). */
.amk-metrics--6 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.amk-metrics--6 .amk-metric:nth-child(3n) { border-right: 0; }
.amk-metrics--6 .amk-metric:nth-child(-n+3) { border-bottom: 1px solid var(--amk-line); }
.amk-metrics--6 .amk-metric { display: grid; grid-template-columns: 1fr auto; column-gap: 18px; align-items: end; }
.amk-metrics--6 .amk-metric [data-amk-iso] { grid-column: 2; grid-row: 1 / span 3; height: 118px; margin: 0; align-self: center; }
.amk-metrics--6 .amk-metric b, .amk-metrics--6 .amk-metric > span:not([data-amk-iso]) { grid-column: 1; }
.amk-metrics--6 .amk-metric small { grid-column: 1; display: block; font-size: 12.5px; color: var(--amk-mute); margin-top: 4px; }
.amk-metric b i { font-style: normal; font-size: .42em; letter-spacing: 0; margin-left: .15em; color: var(--amk-mute); }
.amk-iso path.amk-iso__dash { stroke-dasharray: .018 .014; }
.amk-iso.is-in .amk-iso__flame, .is-in .amk-iso .amk-iso__flame { animation: amk-flame 1.4s ease-in-out 2s infinite; transform-box: fill-box; transform-origin: 50% 100%; }
@keyframes amk-flame { 0%, 100% { transform: scale(1, 1); } 50% { transform: scale(.9, 1.12); } }
@media (max-width: 900px) { .amk-metrics--6 { grid-template-columns: 1fr 1fr; } .amk-metrics--6 .amk-metric:nth-child(3n) { border-right: 1px solid var(--amk-line); } .amk-metrics--6 .amk-metric:nth-child(2n) { border-right: 0; } .amk-metrics--6 .amk-metric { border-bottom: 1px solid var(--amk-line); } }
@media (max-width: 560px) { .amk-metrics--6 { grid-template-columns: 1fr; } .amk-metrics--6 .amk-metric { border-right: 0 !important; } }
.amk-iso path.f { fill: var(--amk-iso-fill, #f3f3f4); }
.amk-tile .amk-iso path.f { fill: none; }
.amk-iso path.amk-iso__ghost { stroke: none; }

/* News & insights reader (28 Sep) */
.amk-news2__chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 22px; padding: 0; }
.amk-news2__chips li { margin: 0; padding: 0; } .amk-news2__chips li::before { display: none; }
.amk-news2__chips button { all: unset; cursor: pointer; padding: 9px 16px; border-radius: 100px; border: 1px solid var(--amk-line); font-size: 13.5px; color: var(--amk-ink); transition: background .2s ease, color .2s ease; }
.amk-news2__chips button[aria-pressed="true"] { background: var(--amk-ink); color: #fff; border-color: var(--amk-ink); }
.amk-news2__stage { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr); gap: 14px; align-items: stretch; }
.amk-news2__feature { position: relative; display: block; min-height: 520px; border-radius: 22px; overflow: hidden; color: #fff !important; text-decoration: none !important; background: #1d1f22; }
.amk-news2__img, .amk-news2__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.amk-news2__img img { transition: transform 6s ease, opacity .25s ease; }
.amk-news2__feature:hover .amk-news2__img img { transform: scale(1.04); }
.amk-news2__feature::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 30%, rgba(0,0,0,.78) 100%); }
.amk-news2__body { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; padding: clamp(22px, 3vw, 40px); display: flex; flex-direction: column; gap: 10px; transition: opacity .18s ease, transform .18s ease; }
.amk-news2__feature.is-swap .amk-news2__body { opacity: 0; transform: translateY(8px); }
.amk-news2__feature.is-swap .amk-news2__img img { opacity: .6; }
.amk-news2__meta { display: flex; gap: 12px; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: rgba(255,255,255,.8); }
.amk-news2__meta em { font-style: normal; color: #ff5a5f; }
.amk-news2__title { font-size: clamp(22px, 2.2vw, 32px); font-weight: 400; line-height: 1.2; max-width: 26em; }
.amk-news2__ex { font-size: 15px; line-height: 1.55; color: rgba(255,255,255,.86); max-width: 38em; }
.amk-news2__list { list-style: none; margin: 0; padding: 6px; background: #fff; border-radius: 22px; max-height: 520px; overflow: auto; counter-reset: none; }
.amk-news2__list li { margin: 0; padding: 0; } .amk-news2__list li::before { display: none; }
.amk-news2__list li[hidden] { display: none; }
.amk-news2__list button { all: unset; box-sizing: border-box; cursor: pointer; position: relative; display: grid; grid-template-columns: 34px 1fr; gap: 12px; width: 100%; padding: 16px 16px 18px; border-radius: 14px; transition: background .2s ease; overflow: hidden; }
.amk-news2__list button:hover, .amk-news2__list button[aria-current] { background: #f3f3f4; }
.amk-news2__n { font-size: 13px; color: var(--amk-mute); padding-top: 2px; font-variant-numeric: tabular-nums; }
.amk-news2__list button[aria-current] .amk-news2__n { color: var(--amk-red); }
.amk-news2__t em { display: block; font-style: normal; font-size: 11.5px; letter-spacing: .08em; text-transform: uppercase; color: var(--amk-mute); margin-bottom: 4px; }
.amk-news2__t span { font-size: 15.5px; line-height: 1.35; color: var(--amk-ink); }
.amk-news2__bar { position: absolute; left: 16px; right: 16px; bottom: 8px; height: 2px; background: var(--amk-red); transform-origin: 0 50%; transform: scaleX(0); }
@media (max-width: 900px) { .amk-news2__stage { grid-template-columns: 1fr; } .amk-news2__feature { min-height: 420px; } .amk-news2__list { max-height: none; } }

/* Footer (28 Sep): one footer for every page, served by the legacy route. */
.amk-foot { background: #121315 !important; color: #c9ccd1; font-family: var(--am-font, 'DM Sans', sans-serif); margin-top: 0 !important; padding: 0 !important; }
.amk-foot__in { max-width: 1440px; margin: 0 auto; padding: clamp(48px, 6vw, 88px) clamp(20px, 4vw, 64px) 28px; }
.amk-foot__top { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(32px, 5vw, 80px); padding-bottom: 44px; border-bottom: 1px solid #2a2c30; }
.amk-foot__brand img { filter: brightness(0) invert(1); height: 34px; width: auto; }
.amk-foot__brand p { margin: 20px 0 16px; font-size: 15px; line-height: 1.6; color: #e6e8eb; max-width: 30em; }
.amk-foot__brand address { font-style: normal; font-size: 13.5px; line-height: 1.6; color: #9a9ea5; }
.amk-foot__actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 22px; }
.amk-foot__btn { display: inline-block; padding: 11px 18px; border-radius: 100px; background: #e00910; color: #fff !important; font-size: 13.5px; font-weight: 500; text-decoration: none !important; transition: background .2s ease; }
.amk-foot__btn:hover { background: #ff2a31; }
.amk-foot__btn--ghost { background: transparent; border: 1px solid #3a3d42; color: #e6e8eb !important; }
.amk-foot__btn--ghost:hover { background: #1f2124; border-color: #5a5e64; }
.amk-foot__cols { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px; }
.amk-foot__cols b { display: block; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #fff; font-weight: 500; margin-bottom: 14px; }
.amk-foot__cols ul { list-style: none; margin: 0; padding: 0; }
.amk-foot__cols li { margin: 0 0 9px; padding: 0; } .amk-foot__cols li::before { display: none; }
.amk-foot__cols a { color: #b4b8bf !important; font-size: 14px; line-height: 1.4; text-decoration: none !important; transition: color .2s ease; }
.amk-foot__cols a:hover { color: #fff !important; }
.amk-foot__certs { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; padding: 22px 0; border-bottom: 1px solid #2a2c30; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #8b8f96; }
.amk-foot__certs > span { padding-left: 14px; position: relative; }
.amk-foot__certs > span::before { content: ""; position: absolute; left: 0; top: 50%; width: 6px; height: 6px; margin-top: -3px; border-radius: 50%; background: #e00910; }
.amk-foot__social { margin-left: auto; display: flex; gap: 8px; }
.amk-foot__social a { width: 36px; height: 36px; display: grid; place-items: center; border-radius: 50%; border: 1px solid #3a3d42; transition: background .2s ease, border-color .2s ease; }
.amk-foot__social a:hover { background: #e00910; border-color: #e00910; }
.amk-foot__social svg { width: 16px; height: 16px; fill: #e6e8eb; }
.amk-foot__bottom { display: flex; flex-wrap: wrap; gap: 8px 24px; padding-top: 22px; font-size: 13px; color: #8b8f96; }
.amk-foot__bottom a { color: #b4b8bf !important; text-decoration: none !important; }
.amk-foot__bottom a:hover { color: #fff !important; }
.amk-foot__credit { margin-left: auto; }
@media (max-width: 1000px) { .amk-foot__top { grid-template-columns: 1fr; } .amk-foot__cols { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .amk-foot__cols { grid-template-columns: 1fr 1fr; gap: 22px; } .amk-foot__social { margin-left: 0; } .amk-foot__credit { margin-left: 0; } }

/* the count-up number sits in a span inside <b>: keep it at the figure's size */
.amk-metric b span { display: inline !important; margin: 0 !important; font-size: inherit !important; letter-spacing: inherit !important; text-transform: none !important; color: inherit !important; }
.am-mm__img img { transition: opacity .2s ease; background: linear-gradient(160deg, #f6f7f9, #e3e6ea); object-fit: contain !important; }

/* Unit 3 JV invitation under the plant map */
.amk-jv{display:grid;grid-template-columns:1.3fr 1fr;gap:40px;margin-top:40px;padding:36px;border:1px solid rgba(0,0,0,.1);border-radius:6px;background:#f4f4f2}
.amk-jv h3{font-size:clamp(22px,2vw,30px);line-height:1.2;margin:10px 0 14px;font-weight:600}
.amk-jv p{color:#3a3a40;line-height:1.65;margin:0 0 20px}
.amk-jv dl{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:0;align-content:center}
.amk-jv dt{font-size:24px;font-weight:700;color:#111}
.amk-jv dd{margin:4px 0 0;font-size:14px;color:#55555c;line-height:1.45}
@media (max-width:800px){.amk-jv{grid-template-columns:1fr;padding:24px;gap:26px}}

/* Renewables: client names strip, and renders shown whole in the show slides */
.amk-rn-clients{list-style:none;display:flex;flex-wrap:wrap;gap:10px 12px;margin:36px 0 0;padding:0}
.amk-rn-clients li{padding:9px 16px;border:1px solid rgba(0,0,0,.12);border-radius:999px;font-size:14px;font-weight:600;color:#2a2b30;background:#fff}
.amk-show__media--render{background:#eceef0}
.amk-show__media--render img{object-fit:contain!important}

/* Footer, grey (28 Sep): light grey with dark type; certificates split by thin rules, no red dots. */
.amk-foot { background: #ebecee !important; color: #3d4046; }
.amk-foot__top, .amk-foot__certs { border-bottom-color: #d3d5d9; }
.amk-foot__brand img { filter: none; }
.amk-foot__brand p { color: #1f2125; }
.amk-foot__brand address { color: #5d6168; }
.amk-foot__btn--ghost { border-color: #b9bcc2; color: #1f2125 !important; }
.amk-foot__btn--ghost:hover { background: #dfe1e4; border-color: #9a9ea5; }
.amk-foot__cols b { color: #111214; }
.amk-foot__cols a, .amk-foot__bottom a { color: #4a4e55 !important; }
.amk-foot__cols a:hover, .amk-foot__bottom a:hover { color: #e00910 !important; }
.amk-foot__certs { color: #50545b; gap: 10px 0; }
.amk-foot__certs > span { padding: 0 18px; border-left: 1px solid #c3c6cb; }
.amk-foot__certs > span:first-child { padding-left: 0; border-left: 0; }
.amk-foot__certs > span::before { display: none; }
.amk-foot__social a { border-color: #b9bcc2; }
.amk-foot__social svg { fill: #3d4046; }
.amk-foot__social a:hover svg { fill: #fff; }
.amk-foot__bottom { color: #6a6e75; }
.amk-jv__fig{grid-column:1/-1;margin:6px 0 0}
.amk-jv__fig img{width:100%;height:auto;display:block;border-radius:4px}
.amk-jv__fig figcaption{font-size:13px;color:#5d6168;margin-top:10px;line-height:1.5}

/* 9 metrics: 3 x 3, rules between rows */
.amk-metrics--9 .amk-metric:nth-child(-n+6) { border-bottom: 1px solid var(--amk-line); }
@media (max-width: 900px) { .amk-metrics--9 .amk-metric:nth-child(-n+8) { border-bottom: 1px solid var(--amk-line); } }
/* What each plant does, always visible under the map */
.amk-roles { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; margin: 24px calc(var(--amk-pad) - clamp(12px, 2vw, 28px)) 0; }
.amk-roles > div { padding: 22px; border: 1px solid var(--amk-line); border-radius: 6px; background: #fff; }
.amk-roles > div.is-new { border-color: #e00910; box-shadow: inset 0 3px 0 #e00910; }
.amk-roles b { display: block; font-size: 18px; font-weight: 600; }
.amk-roles span { display: block; font-size: 12.5px; letter-spacing: .04em; text-transform: uppercase; color: var(--amk-mute); margin: 4px 0 12px; }
.amk-roles p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #3a3a40; }
@media (max-width: 1000px) { .amk-roles { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .amk-roles { grid-template-columns: 1fr; } }
.amk-plant__tip--d { background: rgba(17,18,20,.88) !important; color: #fff !important; border: 0 !important; border-radius: 4px !important; padding: 8px 11px !important; box-shadow: 0 6px 18px rgba(0,0,0,.3) !important; }
.amk-plant__tip--d b { display: block; font-size: 13px; } .amk-plant__tip--d span { display: block; font-size: 12px; opacity: .8; }
.amk-plant__tip--d::before { display: none !important; }

/* Header (28 Sep): no Brochure button; Search is an icon that opens a bar in place of the menu. */
.mod-nav-meta__item[data-target="login"] { display: none !important; }
.mod-nav-meta__item[data-target="search"] .mod-nav-meta__burger-caption { display: none !important; }
.am-mm .am-mm__item { transition: opacity .2s ease, transform .2s ease; }
html.amk-sbar-open .am-mm .am-mm__item { opacity: 0; transform: translateY(-4px); pointer-events: none; }
.amk-search.is-inline { position: fixed; inset: auto; top: var(--st); left: var(--sl); width: var(--sw); background: none; backdrop-filter: none; overflow: visible; animation: none; }
.amk-search.is-inline .amk-search__in { max-width: none; padding: 0; }
.amk-search.is-inline .amk-search__bar { height: 44px; margin-top: calc((var(--sh) - 44px) / 2); padding: 0 6px 0 16px; gap: 10px; border: 1px solid #dfe1e5; border-radius: 999px; background: #fff; box-shadow: 0 6px 24px rgba(0,0,0,.08); animation: amk-sgrow .28s cubic-bezier(.2,.8,.2,1); transform-origin: right center; }
.amk-search.is-inline .amk-search__bar svg { width: 18px; height: 18px; color: #6a6e75; }
.amk-search.is-inline .amk-search__bar input { font-size: 15px; font-weight: 400; }
.amk-search.is-inline .amk-search__x { width: 32px; height: 32px; font-size: 18px; background: #f1f2f4; }
.amk-search.is-inline .amk-search__quick { margin: 10px 0 0; padding: 18px; background: #fff; border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.12); animation: amk-fade .2s ease; }
.amk-search.is-inline .amk-search__quick a { font-size: 13px; padding: 7px 13px; }
.amk-search.is-inline .amk-search__res { margin: 10px 0 0; padding: 4px 18px; max-height: 62vh; overflow-y: auto; background: #fff; border-radius: 12px; box-shadow: 0 12px 32px rgba(0,0,0,.12); }
.amk-search.is-inline .amk-search__res:empty { display: none; }
.amk-search.is-inline .amk-search__res a { padding: 12px 0; }
.amk-search.is-inline .amk-search__res b { font-size: 16px; }
@keyframes amk-sgrow { from { opacity: 0; transform: scaleX(.6); } to { opacity: 1; transform: none; } }
html body .mod-nav-meta li.mod-nav-meta__item[data-target="search"] .mod-nav-meta__burger-caption.hidden-xs { display: none !important; width: 0 !important; overflow: hidden !important; }
html body .mod-nav-meta li.mod-nav-meta__item[data-target="search"] > a { padding-left: 0 !important; padding-right: 0 !important; }

/* Industry pages (28 Sep): split hero with the flagship 3D model, plant cards, hub tiles */
.amk-ind-hero { background: linear-gradient(180deg, #f3f4f6 0%, #fafafb 100%); padding: 150px 0 40px; }
.amk-ind-hero .amk-in { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(24px, 4vw, 64px); align-items: center; }
.amk-ind-hero__media img { width: 100%; height: auto; display: block; mix-blend-mode: multiply; animation: amk-ind-float 7s ease-in-out infinite; }
@keyframes amk-ind-float { 0%, 100% { transform: translateY(0) } 50% { transform: translateY(-8px) } }
.amk-ind-hero .amk-lead { margin-bottom: 28px; }
.amk-card--render .amk-card__media { background: #eef0f2; }
.amk-card--render .amk-card__media img { object-fit: contain !important; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.amk-card--render:hover .amk-card__media img { transform: scale(1.06); }
.amk-ind-also { margin: 26px 0 0; color: #50545b; font-size: 15px; }
.amk-ind-also a { color: #17171b; text-decoration: underline; text-underline-offset: 3px; }
.amk-ind-plants { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.amk-ind-plants > div { padding: 22px; border: 1px solid var(--amk-line); border-radius: 6px; background: #fff; transition: border-color .2s ease, transform .2s ease; }
.amk-ind-plants > div:hover { border-color: #e00910; transform: translateY(-2px); }
.amk-ind-plants b { display: block; font-size: 18px; font-weight: 600; margin-bottom: 8px; }
.amk-ind-plants p { margin: 0; font-size: 14.5px; line-height: 1.55; color: #3a3a40; }
.amk-ind-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.amk-ind-tile { display: flex; flex-direction: column; border: 1px solid var(--amk-line); border-radius: 8px; overflow: hidden; background: #fff; text-decoration: none !important; color: #17171b; transition: box-shadow .25s ease, transform .25s ease; }
.amk-ind-tile:hover { box-shadow: 0 18px 40px rgba(0,0,0,.1); transform: translateY(-3px); }
.amk-ind-tile__media { aspect-ratio: 16 / 10; background: #eef0f2; overflow: hidden; }
.amk-ind-tile__media img { width: 100%; height: 100%; object-fit: contain; transition: transform .5s cubic-bezier(.2,.8,.2,1); }
.amk-ind-tile:hover .amk-ind-tile__media img { transform: scale(1.06); }
.amk-ind-tile__body { display: flex; flex-direction: column; gap: 8px; padding: 20px 22px 22px; }
.amk-ind-tile__body b { font-size: 19px; font-weight: 600; }
.amk-ind-tile__body > span { font-size: 14.5px; line-height: 1.55; color: #50545b; }
.amk-ind-tile__body small { font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #e00910; margin-top: 4px; }
@media (max-width: 1000px) { .amk-ind-hero .amk-in { grid-template-columns: 1fr; } .amk-ind-grid { grid-template-columns: 1fr 1fr; } .amk-ind-plants { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .amk-ind-grid { grid-template-columns: 1fr; } .amk-ind-hero { padding-top: 110px; } }
.amk-ind-hero > .amk-in { max-width: 1440px; margin: 0 auto; padding: 0 var(--amk-pad); }
.amk-ind-hero__media img { border-radius: 10px; mix-blend-mode: normal; box-shadow: 0 24px 60px rgba(20,24,30,.08); }
.amk-ind-hero .amk-crumbs { margin-bottom: 20px; }

/* Careers (28 Sep) */
.amk-car-list { display: flex; flex-direction: column; gap: 12px; }
.amk-car-role { border: 1px solid var(--amk-line); border-radius: 8px; background: #fff; transition: border-color .2s ease, box-shadow .2s ease; }
.amk-car-role[hidden] { display: none; }
.amk-car-role:hover { border-color: #c9ccd1; box-shadow: 0 10px 28px rgba(0,0,0,.06); }
.amk-car-role[open] { border-color: #e00910; }
.amk-car-role summary { list-style: none; cursor: pointer; display: grid; grid-template-columns: 1fr auto 28px; gap: 20px; align-items: center; padding: 20px 24px; }
.amk-car-role summary::-webkit-details-marker { display: none; }
.amk-car-role__t small { display: block; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: #e00910; margin-bottom: 4px; }
.amk-car-role__t b { font-size: 19px; font-weight: 600; }
.amk-car-role__m { display: flex; gap: 8px; flex-wrap: wrap; }
.amk-car-role__m span { font-size: 13px; padding: 5px 11px; border-radius: 99px; background: #f1f2f4; color: #3d4046; }
.amk-car-role summary i { width: 28px; height: 28px; border-radius: 50%; border: 1px solid #d3d5d9; position: relative; transition: transform .3s ease, background .2s ease; }
.amk-car-role summary i::before, .amk-car-role summary i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 11px; height: 1.5px; background: #17171b; transform: translate(-50%, -50%); }
.amk-car-role summary i::after { transform: translate(-50%, -50%) rotate(90deg); transition: transform .3s ease; }
.amk-car-role[open] summary i { background: #e00910; border-color: #e00910; transform: rotate(180deg); }
.amk-car-role[open] summary i::before, .amk-car-role[open] summary i::after { background: #fff; }
.amk-car-role[open] summary i::after { transform: translate(-50%, -50%) rotate(0); }
.amk-car-role__body { padding: 0 24px 24px; animation: amk-fade .3s ease; }
.amk-car-role__sum { font-size: 16px; line-height: 1.6; color: #2a2b30; margin: 0 0 18px; }
.amk-car-role__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 18px; }
.amk-car-role__cols h3 { font-size: 13px; letter-spacing: .08em; text-transform: uppercase; margin: 0 0 10px; color: #50545b; font-weight: 600; }
.amk-car-role__cols ul { margin: 0; padding-left: 18px; }
.amk-car-role__cols li { font-size: 15px; line-height: 1.55; margin-bottom: 6px; color: #3a3a40; }
.amk-car-apply .amk-in { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(28px, 5vw, 80px); align-items: start; }
.amk-car-form { display: flex; flex-direction: column; gap: 14px; padding: 30px; border-radius: 10px; background: #fff; border: 1px solid var(--amk-line); box-shadow: 0 20px 50px rgba(0,0,0,.06); }
.amk-car-form[hidden] { display: none; }
.amk-car-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.amk-car-form .amk-field { display: flex; flex-direction: column; gap: 6px; }
.amk-car-form .amk-field span { font-size: 13px; color: #50545b; }
.amk-car-form input, .amk-car-form select, .amk-car-form textarea { font: inherit; font-size: 15px; padding: 11px 13px; border: 1px solid #d3d5d9; border-radius: 6px; background: #fbfbfc; transition: border-color .2s ease, box-shadow .2s ease; }
.amk-car-form input:focus, .amk-car-form select:focus, .amk-car-form textarea:focus { outline: 0; border-color: #e00910; box-shadow: 0 0 0 3px rgba(224,9,16,.12); background: #fff; }
.amk-car-file { display: flex; align-items: center; gap: 14px; padding: 16px; border: 1.5px dashed #c3c6cb; border-radius: 8px; cursor: pointer; position: relative; transition: border-color .2s ease, background .2s ease; }
.amk-car-file:hover, .amk-car-file.is-set { border-color: #e00910; background: #fff6f6; }
.amk-car-file input { width: 1px; height: 1px; opacity: 0; position: absolute; }
.amk-car-file span { display: flex; flex-direction: column; } .amk-car-file small { color: #6a6e75; font-size: 12.5px; }
.amk-car-file::before { content: "+"; width: 36px; height: 36px; border-radius: 50%; background: #17171b; color: #fff; display: grid; place-items: center; font-size: 20px; flex: none; }
.amk-car-form__btn { align-self: flex-start; padding: 13px 26px; border: 0; border-radius: 99px; background: #e00910; color: #fff; font: inherit; font-weight: 500; cursor: pointer; transition: background .2s ease, transform .2s ease; }
.amk-car-form__btn:hover { background: #ff2a31; transform: translateY(-1px); }
.amk-car-form__btn:disabled { opacity: .6; cursor: wait; }
.amk-car-form__err { color: #c0080e; font-size: 14px; margin: 0; }
.amk-car-form__note { font-size: 12.5px; color: #6a6e75; margin: 0; }
.amk-hp { position: absolute; left: -9999px; }
.amk-car-done { padding: 30px; border-radius: 10px; background: #f1fbf4; border: 1px solid #b9e3c6; }
.amk-car-done[hidden] { display: none; }
.amk-car-done b { font-size: 20px; }
@media (max-width: 900px) { .amk-car-apply .amk-in, .amk-car-role__cols, .amk-car-form__row { grid-template-columns: 1fr; } .amk-car-role summary { grid-template-columns: 1fr 28px; } .amk-car-role__m { grid-column: 1; } }

/* News & insights (/blog), 28 Sep */
.amk-nx-hero { padding: 140px 0 30px; background: #f6f7f8; }
.amk-nx-hero > .amk-in { padding: 0 var(--amk-pad); }
.amk-nx-hero__head { display: grid; grid-template-columns: 1.1fr 1fr; gap: 40px; align-items: end; margin: 10px 0 34px; }
.amk-nx-hero__head .amk-lead { margin: 0; }
.amk-nx-feat { position: relative; height: clamp(380px, 46vw, 560px); border-radius: 12px; overflow: hidden; background: #111; }
.amk-nx-feat__slide { position: absolute; inset: 0; display: block; color: #fff !important; text-decoration: none !important; opacity: 0; visibility: hidden; transition: opacity .9s ease, visibility 0s linear .9s; }
.amk-nx-feat__slide.is-on { opacity: 1; visibility: visible; transition: opacity .9s ease; }
.amk-nx-feat__img, .amk-nx-feat__img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.amk-nx-feat__slide.is-on .amk-nx-feat__img img { animation: amk-nx-zoom 8s ease-out both; }
@keyframes amk-nx-zoom { from { transform: scale(1.08) } to { transform: scale(1) } }
.amk-nx-feat__slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8,10,12,.82) 0%, rgba(8,10,12,.45) 45%, rgba(8,10,12,.05) 80%); }
.amk-nx-feat__body { position: absolute; z-index: 2; left: clamp(22px, 4vw, 56px); bottom: clamp(56px, 6vw, 80px); max-width: 38em; display: flex; flex-direction: column; gap: 14px; }
.amk-nx-feat__slide.is-on .amk-nx-feat__body > * { animation: amk-nx-up .7s cubic-bezier(.2,.8,.2,1) both; }
.amk-nx-feat__slide.is-on .amk-nx-feat__body > *:nth-child(2) { animation-delay: .08s } .amk-nx-feat__slide.is-on .amk-nx-feat__body > *:nth-child(3) { animation-delay: .16s } .amk-nx-feat__slide.is-on .amk-nx-feat__body > *:nth-child(4) { animation-delay: .24s }
@keyframes amk-nx-up { from { opacity: 0; transform: translateY(16px) } to { opacity: 1; transform: none } }
.amk-nx-feat__body b { font-size: clamp(24px, 2.6vw, 38px); font-weight: 500; line-height: 1.15; }
.amk-nx-feat__body > span:not(.amk-nx-card__meta):not(.amk-link) { font-size: 16px; line-height: 1.55; color: rgba(255,255,255,.86); }
.amk-nx-feat .amk-nx-card__meta em { color: #fff; background: #e00910; padding: 3px 9px; border-radius: 99px; }
.amk-nx-feat .amk-nx-card__meta span { color: rgba(255,255,255,.8); }
.amk-nx-feat__dots { position: absolute; z-index: 3; left: clamp(22px, 4vw, 56px); bottom: 24px; display: flex; gap: 8px; }
.amk-nx-feat__dots button { width: 44px; height: 4px; padding: 0; border: 0; border-radius: 4px; background: rgba(255,255,255,.3); cursor: pointer; overflow: hidden; }
.amk-nx-feat__dots button i { display: block; height: 100%; width: 0; background: #fff; }
.amk-nx-feat__dots button[aria-current] i { width: 100%; }
.amk-nx-feat__dots button.is-run i { animation: amk-nx-bar 6.5s linear both; }
.amk-nx-feat.is-paused .amk-nx-feat__dots button.is-run i { animation-play-state: paused; }
@keyframes amk-nx-bar { from { width: 0 } to { width: 100% } }
.amk-nx__bar { display: flex; flex-wrap: wrap; gap: 14px 24px; align-items: center; justify-content: space-between; margin-bottom: 30px; }
.amk-nx__chips { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.amk-nx__chips li::before { display: none; }
.amk-nx__chips button { font: inherit; font-size: 14px; padding: 8px 14px; border-radius: 99px; border: 1px solid #d9dbdf; background: #fff; cursor: pointer; display: inline-flex; gap: 8px; align-items: center; transition: all .2s ease; }
.amk-nx__chips button small { font-size: 11.5px; color: #8b8f96; }
.amk-nx__chips button:hover { border-color: #17171b; }
.amk-nx__chips button[aria-pressed="true"] { background: #17171b; border-color: #17171b; color: #fff; }
.amk-nx__chips button[aria-pressed="true"] small { color: rgba(255,255,255,.7); }
.amk-nx__search { display: flex; align-items: center; gap: 8px; padding: 8px 14px; border: 1px solid #d9dbdf; border-radius: 99px; background: #fff; color: #6a6e75; min-width: 240px; transition: border-color .2s ease, box-shadow .2s ease; }
.amk-nx__search:focus-within { border-color: #e00910; box-shadow: 0 0 0 3px rgba(224,9,16,.1); }
.amk-nx__search input { border: 0; outline: 0; font: inherit; font-size: 14px; flex: 1; background: none; }
.amk-nx__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.amk-nx-card { display: flex; flex-direction: column; border-radius: 10px; overflow: hidden; background: #fff; border: 1px solid #e6e7ea; color: #17171b !important; text-decoration: none !important; transition: transform .3s cubic-bezier(.2,.8,.2,1), box-shadow .3s ease; }
.amk-nx-card[hidden] { display: none; }
.amk-nx-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(0,0,0,.1); }
.amk-nx-card__img { aspect-ratio: 16 / 10; overflow: hidden; background: #eef0f2; }
.amk-nx-card__img img { width: 100%; height: 100%; object-fit: cover; transition: transform .6s cubic-bezier(.2,.8,.2,1); }
.amk-nx-card:hover .amk-nx-card__img img { transform: scale(1.06); }
.amk-nx-card__body { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 22px; }
.amk-nx-card__meta { display: flex; flex-wrap: wrap; gap: 6px 12px; font-size: 12.5px; color: #6a6e75; align-items: center; }
.amk-nx-card__meta em { font-style: normal; color: #e00910; font-weight: 500; letter-spacing: .03em; }
.amk-nx-card__body b { font-size: 18px; font-weight: 500; line-height: 1.3; transition: color .2s ease; }
.amk-nx-card:hover .amk-nx-card__body b { color: #e00910; }
.amk-nx-card__ex { font-size: 14px; line-height: 1.55; color: #50545b; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.amk-nx__more { text-align: center; margin-top: 34px; }
.amk-nx__more[hidden] { display: none; }
.amk-nx__more button { font: inherit; padding: 12px 26px; border-radius: 99px; border: 1px solid #17171b; background: #fff; cursor: pointer; transition: all .2s ease; }
.amk-nx__more button:hover { background: #17171b; color: #fff; }
.amk-nx__none[hidden] { display: none; }
@media (max-width: 1000px) { .amk-nx__grid { grid-template-columns: 1fr 1fr; } .amk-nx-hero__head { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .amk-nx__grid { grid-template-columns: 1fr; } .amk-nx__search { min-width: 0; width: 100%; } .amk-nx-hero { padding-top: 110px; } }
@media (prefers-reduced-motion: reduce) { .amk-nx-feat__slide.is-on .amk-nx-feat__img img, .amk-nx-feat__slide.is-on .amk-nx-feat__body > * { animation: none; } }

/* Metric units never break mid-phrase */
.amk-metric b i { white-space: nowrap; }
.amk-plant__eoi { display: inline-flex; gap: 8px; align-items: center; margin: 10px 14px 0; font-size: 13.5px; font-weight: 500; color: #e00910 !important; text-decoration: none !important; }
.amk-plant__eoi i::after { content: "\2192"; font-style: normal; }
.amk-plant__eoi:hover { text-decoration: underline !important; }

/* Available-land card in the plant roles */
.amk-roles__eoi { display: block; padding: 22px; border-radius: 6px; border: 1.5px dashed #e00910; background: #fff6f6; text-decoration: none !important; color: #17171b !important; transition: background .2s ease, transform .2s ease; }
.amk-roles__eoi:hover { background: #ffecec; transform: translateY(-2px); }
.amk-roles__eoi i { display: inline-block; margin-top: 12px; font-style: normal; font-size: 13px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; color: #e00910; }
.amk-roles__eoi i::after { content: " \2192"; }
.amk-roles { grid-template-columns: repeat(5, minmax(0, 1fr)); }
@media (max-width: 1200px) { .amk-roles { grid-template-columns: repeat(3, minmax(0, 1fr)); } }

/* ============================ Phones (28 Sep): tighter, lighter, no clutter */
.mod-fab.amk-dial .mod-fab--actions { background: transparent !important; box-shadow: none !important; }
@media (max-width: 700px) {
  .amk-metrics, .amk-metrics--6, .amk-metrics--9 { grid-template-columns: 1fr 1fr !important; }
  .amk-metrics .amk-metric { padding: 18px 12px !important; border-right: 1px solid var(--amk-line) !important; border-bottom: 1px solid var(--amk-line) !important; display: block !important; }
  .amk-metrics .amk-metric:nth-child(2n) { border-right: 0 !important; }
  .amk-metrics .amk-metric [data-amk-iso] { display: none !important; }
  .amk-metrics .amk-metric b { font-size: 34px !important; line-height: 1.05; }
  .amk-metrics .amk-metric b i { font-size: 13px !important; }
  .amk-metrics .amk-metric > span:not([data-amk-iso]) { font-size: 11.5px !important; }
  .amk-metrics .amk-metric small { font-size: 11.5px !important; line-height: 1.4; }
  .amk-plant__facts { display: grid !important; grid-template-columns: 1fr 1fr; gap: 16px 18px !important; }
  .amk-plant__facts b { font-size: 22px !important; }
  .amk-roles { grid-template-columns: 1fr !important; margin-left: 0; margin-right: 0; }
  .amk-roles > div, .amk-roles__eoi { padding: 16px 18px; }
  .amk-jv { padding: 20px !important; }
  .amk-jv dl { gap: 14px; } .amk-jv dt { font-size: 19px; }
  .amk-h2 { font-size: clamp(28px, 8vw, 36px) !important; }
  .amk-h1 { font-size: clamp(32px, 9vw, 44px) !important; }
  .amk-lead { font-size: 16px !important; }
  .amk-sec { padding-top: 56px !important; padding-bottom: 56px !important; }
  .amk-ind-hero, .amk-nx-hero { padding-top: 96px !important; }
  .amk-ind-hero__media img { animation: none; }
  .amk-cards__grid { grid-template-columns: 1fr 1fr !important; gap: 12px !important; }
  .amk-card__title { font-size: 14.5px !important; }
  .amk-card__meta { font-size: 12px !important; }
  .amk-show__tabs { gap: 6px !important; }
  .amk-cta .amk-in { gap: 18px !important; }
}
@media (max-width: 380px) { .amk-cards__grid { grid-template-columns: 1fr !important; } }

/* Highlighted phrase (28 Sep call): regular type, keeping the hand-drawn underline */
html body .amk-script, html body .amk-script.is-in { font-family: var(--am-font, 'DM Sans', sans-serif) !important; font-style: normal !important; font-weight: inherit !important; font-size: 1em !important; letter-spacing: inherit !important; text-transform: none !important; }

/* News article pages (LinkedIn stories), 28 Sep */
.amk-art__head { padding: 140px 0 26px; background: #f6f7f8; }
.amk-art__head > .amk-in, .amk-art > .amk-in { padding: 0 var(--amk-pad); }
.amk-art__head .amk-h1 { max-width: 22em; font-size: clamp(30px, 3.4vw, 50px); line-height: 1.12; margin: 8px 0 16px; }
.amk-art__meta { display: flex; flex-wrap: wrap; gap: 8px 18px; font-size: 14px; color: #6a6e75; margin: 0; }
.amk-art__meta a { color: #0a66c2 !important; font-weight: 500; }
.amk-art__cover { margin-top: 26px !important; }
.amk-art__cover img { width: 100%; max-height: 600px; object-fit: cover; border-radius: 12px; display: block; animation: amk-fade .6s ease; }
.amk-art__grid { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: clamp(28px, 5vw, 72px); padding-top: 40px !important; padding-bottom: 60px !important; }
.amk-art__body { font-size: 17px; line-height: 1.75; color: #2a2b30; max-width: 44em; }
.amk-art__body h2 { font-size: 24px; line-height: 1.25; margin: 34px 0 12px; font-weight: 600; color: #111; }
.amk-art__body ul { padding-left: 20px; margin: 0 0 18px; } .amk-art__body li { margin-bottom: 6px; }
.amk-art__body .amk-lead { font-size: 20px; line-height: 1.55; color: #111; }
.amk-art__video video { width: 100%; border-radius: 10px; background: #000; margin-top: 24px; }
.amk-art__slides { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-top: 24px; }
.amk-art__slides img { width: 100%; border-radius: 8px; border: 1px solid #e6e7ea; display: block; transition: transform .3s ease; }
.amk-art__slides img:hover { transform: scale(1.02); }
.amk-art__side { position: sticky; top: 110px; align-self: start; display: flex; flex-direction: column; gap: 22px; }
.amk-art__facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; margin: 0; background: #e6e7ea; border: 1px solid #e6e7ea; border-radius: 10px; overflow: hidden; }
.amk-art__facts div { background: #fff; padding: 14px 16px; }
.amk-art__facts dt { font-size: 22px; font-weight: 600; color: #111; }
.amk-art__facts dd { margin: 2px 0 0; font-size: 12.5px; line-height: 1.4; color: #6a6e75; }
.amk-art__rel { display: flex; flex-direction: column; gap: 8px; }
.amk-art__rel a { display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: center; padding: 8px; border: 1px solid #e6e7ea; border-radius: 8px; color: #17171b !important; text-decoration: none !important; font-size: 14.5px; font-weight: 500; transition: border-color .2s ease, transform .2s ease; }
.amk-art__rel a:hover { border-color: #e00910; transform: translateX(2px); }
.amk-art__rel img { width: 64px; height: 48px; object-fit: contain; background: #eef0f2; border-radius: 4px; }
@media (max-width: 900px) { .amk-art__grid { grid-template-columns: 1fr; } .amk-art__side { position: static; } .amk-art__head { padding-top: 100px; } .amk-art__slides { grid-template-columns: 1fr; } }

/* Live 3D in industry heroes, and process clips (28 Sep) */
.amk-3d { position: relative; aspect-ratio: 4 / 3; border-radius: 12px; overflow: hidden; background: radial-gradient(ellipse at 50% 40%, #fbfbfc, #e8eaed); box-shadow: 0 24px 60px rgba(20,24,30,.08); }
.amk-3d canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; display: block; opacity: 0; transition: opacity .6s ease; }
.amk-3d.is-ready canvas { opacity: 1; }
.amk-3d__poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: contain; transition: opacity .6s ease; box-shadow: none !important; animation: none !important; }
.amk-3d.is-ready .amk-3d__poster { opacity: 0; }
.amk-3d__hint { position: absolute; left: 14px; bottom: 12px; font-size: 12px; letter-spacing: .04em; color: #6a6e75; background: rgba(255,255,255,.8); padding: 4px 10px; border-radius: 99px; }
.amk-clips { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; margin-bottom: 18px; }
.amk-clip { margin: 0; border-radius: 8px; overflow: hidden; background: #111; position: relative; }
.amk-clip video { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; display: block; }
.amk-clip figcaption { position: absolute; left: 8px; bottom: 6px; font-size: 11.5px; color: #fff; background: rgba(0,0,0,.55); padding: 3px 8px; border-radius: 99px; }
.amk-clips--big { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 16px; }
.amk-clips--big .amk-clip { background: #fff; border: 1px solid var(--amk-line); }
.amk-clips--big .amk-clip figcaption { top: 10px; bottom: auto; left: 10px; }
.amk-clips--big .amk-clip p { margin: 0; padding: 12px 14px 14px; font-size: 14px; line-height: 1.5; color: #50545b; }

/* Footer links to pages on hold: greyed out, not clickable. */
.amk-foot__soon{color:#a3a8ae;cursor:default}

/* Plants and Unit 3: bullets, not paragraphs, with room to breathe. */
.amk-roles ul, .amk-roles__eoi ul { list-style: none; margin: 14px 0 0; padding: 0; display: grid; gap: 9px; }
.amk-roles li { position: relative; padding-left: 16px; font-size: 14.5px; line-height: 1.45; color: #3a3a40; }
.amk-roles li::before { content: ""; position: absolute; left: 0; top: .62em; width: 7px; height: 2px; background: #e00910; }
.amk-roles > div, .amk-roles__eoi { padding: 26px 24px 28px; }
.amk-roles span { margin-bottom: 4px; }
.amk-jv { gap: 48px; padding: 44px; }
.amk-jv h3 { margin-bottom: 22px; }
.amk-jv__pts { list-style: none; margin: 0 0 28px; padding: 0; display: grid; gap: 14px; }
.amk-jv__pts li { position: relative; padding-left: 20px; font-size: 16px; line-height: 1.5; color: #3a3a40; }
.amk-jv__pts li::before { content: ""; position: absolute; left: 0; top: .7em; width: 9px; height: 2px; background: #e00910; }
.amk-jv__pts b { color: #111; font-weight: 700; }
.amk-jv dl { grid-template-columns: 1fr 1fr; gap: 28px; }
@media (max-width: 800px) { .amk-jv { padding: 26px !important; gap: 30px; } }
/* Industry cards on hold: shown, not clickable. */
.amk-card--soon { cursor: default; }
.amk-card--soon .amk-card__media img { filter: grayscale(1); opacity: .7; }
.amk-card--soon .amk-card__title::after { content: "Coming soon"; display: block; margin-top: 6px; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #9aa0a6; font-weight: 500; }

/* Renewables: real supply photos. */
.amk-supply__h { margin: 34px 0 14px; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; color: var(--amk-mute); font-weight: 600; }
.amk-supply__grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; }
.amk-supply__card { margin: 0; border: 1px solid var(--amk-line); border-radius: 6px; overflow: hidden; background: #fff; }
.amk-supply__card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: contain; background: #f1f1ef; }
.amk-supply__card figcaption { padding: 14px 16px 16px; font-size: 15px; line-height: 1.35; font-weight: 600; color: #111; }
@media (max-width: 1000px) { .amk-supply__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 520px) { .amk-supply__grid { grid-template-columns: 1fr; } }

/* Projects: the export list and the tunnel material-handling feature. */
.amk-exports__list { list-style: none; margin: 30px 0 0; padding: 0; border-top: 1px solid var(--amk-line); }
.amk-exports__list li { display: grid; grid-template-columns: 170px minmax(0, 1fr) 150px; gap: 24px; align-items: start; padding: 22px 0; border-bottom: 1px solid var(--amk-line); }
.amk-exports__loc { font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--amk-mute); padding-top: 3px; }
.amk-exports__main b { display: block; font-size: 17px; font-weight: 600; color: #111; }
.amk-exports__main p { margin: 6px 0 6px; font-size: 15px; line-height: 1.5; color: #3a3a40; }
.amk-exports__main small { font-size: 13px; color: var(--amk-mute); }
.amk-exports__next { display: inline-block; margin-left: 6px; font-style: normal; font-size: 12px; letter-spacing: .04em; text-transform: uppercase; color: #e00910; border: 1px solid rgba(224, 9, 16, .35); border-radius: 3px; padding: 1px 6px; }
.amk-exports__mt { text-align: right; }
.amk-exports__mt b { display: block; font-size: 26px; font-weight: 700; color: #111; line-height: 1; }
.amk-exports__mt i { font-style: normal; font-size: 12px; color: var(--amk-mute); }
@media (max-width: 760px) {
  .amk-exports__list li { grid-template-columns: 1fr auto; gap: 6px 16px; }
  .amk-exports__loc { grid-column: 1 / -1; }
  .amk-exports__mt b { font-size: 22px; }
}
.amk-tunnel .amk-in { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: 40px; align-items: start; }
.amk-tunnel__media { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.amk-tunnel__media figure { margin: 0; }
.amk-tunnel__media img, .amk-tunnel__media video { display: block; width: 100%; border-radius: 6px; background: #eee; }
.amk-tunnel__media figcaption { margin-top: 8px; font-size: 13.5px; color: #3a3a40; }
.amk-tunnel__video { grid-column: 1 / -1; }
.amk-tunnel__media figure:not(.amk-tunnel__video) img { aspect-ratio: 4 / 3; object-fit: cover; }
@media (max-width: 900px) { .amk-tunnel .amk-in { grid-template-columns: 1fr; } }

/* A tile with a real photo in place of footage. */
.amk-tile > .amk-tile__img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; z-index: -2; transition: transform 1.2s cubic-bezier(.2,.7,.2,1); }
.amk-tile:hover > .amk-tile__img { transform: scale(1.04); }

/* A second spotlight, media on the right. */
@media (min-width: 901px) { .amk-spot--flip .amk-spot__media { order: 2; } }

.amk-supply__card { display: block; color: inherit; text-decoration: none; transition: border-color .2s, transform .2s; }
.amk-supply__card:hover { border-color: #e00910; transform: translateY(-2px); }
.amk-supply__cap { display: block; padding: 14px 16px 16px; font-size: 15px; line-height: 1.35; font-weight: 600; color: #111; }
.amk-supply__cap i { display: block; margin-top: 6px; font-style: normal; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: #e00910; font-weight: 600; }

/* Plants: one call to action for the land, under the map. */
.amk-space { display: flex; align-items: center; justify-content: space-between; gap: 28px; margin-top: 22px; padding: 26px 30px; border-radius: 8px; background: #111214; color: #fff; }
.amk-space .amk-label { color: #ffd23f; }
.amk-space h3 { margin: 8px 0 6px; font-size: clamp(20px, 2vw, 26px); font-weight: 500; line-height: 1.25; color: #fff; }
.amk-space h3 b { color: #ffd23f; font-weight: 700; }
.amk-space p { margin: 0; color: rgba(255, 255, 255, .72); font-size: 15px; line-height: 1.5; max-width: 40em; }
.amk-space__btn { flex: none; display: inline-flex; align-items: center; gap: 10px; padding: 14px 22px; border-radius: 100px; background: #e00910; color: #fff !important; font-weight: 600; font-size: 14px; letter-spacing: .04em; text-transform: uppercase; text-decoration: none; }
.amk-space__btn:hover { background: #ff1d24; }
@media (max-width: 760px) { .amk-space { flex-direction: column; align-items: flex-start; padding: 22px; } }
/* Map side panel: short entries; only the selected plant shows its specialty. */
.amk-plant__card small { display: none !important; }
.amk-plant__card.is-on small { display: block !important; }
.amk-plant__card em { display: none !important; }

/* Case studies: tiles and the case study page. */
.amk-cs-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; margin-top: 26px; }
.amk-cs-tile { display: flex; flex-direction: column; text-decoration: none; color: inherit; border: 1px solid var(--amk-line); border-radius: 8px; overflow: hidden; background: #fff; transition: border-color .2s, transform .2s; }
.amk-cs-tile:hover { border-color: #e00910; transform: translateY(-2px); }
.amk-cs-tile__media img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; background: #eee; }
.amk-cs-tile__cat { padding: 14px 16px 0; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--amk-mute); }
.amk-cs-tile__title { padding: 6px 16px 0; font-size: 16px; line-height: 1.3; font-weight: 600; color: #111; }
.amk-cs-tile__fact { padding: 8px 16px 16px; margin-top: auto; font-size: 13px; color: #e00910; font-weight: 600; }
@media (max-width: 1100px) { .amk-cs-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 560px) { .amk-cs-grid { grid-template-columns: 1fr; } }
.amk-cs__facts { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0; margin: 0 0 44px; border-top: 1px solid var(--amk-line); border-bottom: 1px solid var(--amk-line); }
.amk-cs__facts div { padding: 20px 18px; border-left: 1px solid var(--amk-line); }
.amk-cs__facts div:first-child { border-left: 0; padding-left: 0; }
.amk-cs__facts dt { font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--amk-mute); margin-bottom: 6px; }
.amk-cs__facts dd { margin: 0; font-size: 17px; font-weight: 600; color: #111; line-height: 1.3; }
@media (max-width: 900px) { .amk-cs__facts { grid-template-columns: 1fr 1fr; } .amk-cs__facts div { border-left: 0; padding-left: 0; } }
.amk-cs__cols { display: grid; grid-template-columns: 1fr 1fr; gap: 48px; margin-bottom: 40px; }
.amk-cs__p { font-size: 18px; line-height: 1.6; color: #2a2a30; margin: 10px 0 0; }
.amk-cs__list { list-style: none; margin: 12px 0 0; padding: 0; display: grid; gap: 10px; }
.amk-cs__list li { position: relative; padding-left: 18px; font-size: 16px; line-height: 1.45; color: #2a2a30; }
.amk-cs__list li::before { content: ""; position: absolute; left: 0; top: .65em; width: 8px; height: 2px; background: #e00910; }
@media (max-width: 800px) { .amk-cs__cols { grid-template-columns: 1fr; gap: 28px; } }
.amk-cs__how ul { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 14px; }
.amk-cs__how li { padding: 16px 18px; border: 1px solid var(--amk-line); border-radius: 8px; background: #fff; }
.amk-cs__how b { display: block; font-size: 14.5px; margin-bottom: 6px; }
.amk-cs__how b a { color: #111; text-decoration: none; }
.amk-cs__how b a:hover { color: #e00910; }
.amk-cs__how span { font-size: 14px; color: #50545b; line-height: 1.45; }
.amk-cs__result { margin: 36px 0; padding: 22px 26px; border-left: 3px solid #e00910; background: #f4f4f2; font-size: 18px; line-height: 1.55; color: #111; }
.amk-cs__video { margin: 0 0 12px; }
.amk-cs__video video { display: block; width: 100%; border-radius: 6px; background: #eee; }
.amk-cs__video figcaption { margin-top: 8px; font-size: 13.5px; color: #3a3a40; }
.amk-cs__gallery { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.amk-cs__gallery img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 6px; background: #eee; }
@media (max-width: 700px) { .amk-cs__gallery { grid-template-columns: 1fr 1fr; } }
.amk-cs__all { margin-top: 18px; background: none; border: 0; cursor: pointer; padding: 0; }
.amk-cs__related { display: flex; flex-wrap: wrap; gap: 14px 32px; margin-top: 22px; }

/* Home: customer portal band. */
.amk-portal-band .amk-in { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 48px; align-items: center; }
.amk-portal-band__steps { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0; padding: 0; counter-reset: s; }
.amk-portal-band__steps li { counter-increment: s; padding: 8px 14px; border: 1px solid var(--amk-line); border-radius: 100px; font-size: 14px; font-weight: 600; background: #fff; }
.amk-portal-band__steps li::before { content: counter(s); display: inline-block; margin-right: 8px; color: #e00910; }
.amk-portal-band__txt p { color: #3a3a40; font-size: 16px; line-height: 1.55; max-width: 36em; }
.amk-portal-band__act { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; padding: 30px; border-radius: 10px; background: #f4f4f2; }
@media (max-width: 860px) { .amk-portal-band .amk-in { grid-template-columns: 1fr; gap: 24px; } }

/* Gallery page. */
.amk-gal h1.amk-h2 { margin-top: 10px; }
.amk-gal__chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 22px; }
.amk-gal__chip { font: inherit; font-size: 14px; font-weight: 600; padding: 8px 14px; border: 1px solid var(--amk-line, #ddd); border-radius: 100px; background: #fff; color: #1b1e20; cursor: pointer; }
.amk-gal__chip i { font-style: normal; color: #8a8a90; font-weight: 500; margin-left: 4px; }
.amk-gal__chip.is-on { background: #1b1e20; border-color: #1b1e20; color: #fff; }
.amk-gal__chip.is-on i { color: #c9c9cc; }
.amk-gal__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 22px 18px; }
.amk-gal__i { margin: 0; }
.amk-gal__i[hidden] { display: none; }
.amk-gal__btn { position: relative; display: block; width: 100%; padding: 0; border: 0; background: #eee; border-radius: 6px; overflow: hidden; cursor: zoom-in; aspect-ratio: 4 / 3; }
.amk-gal__btn img, .amk-gal__btn video { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .4s ease; }
.amk-gal__btn:hover img, .amk-gal__btn:hover video { transform: scale(1.03); }
.amk-gal__tag { position: absolute; left: 10px; top: 10px; padding: 3px 9px; border-radius: 100px; background: rgba(0,0,0,.65); color: #fff; font-size: 12px; font-weight: 600; }
.amk-gal__i figcaption { margin-top: 9px; }
.amk-gal__i figcaption b { display: block; font-size: 14.5px; font-weight: 500; line-height: 1.4; color: #1b1e20; }
.amk-gal__i figcaption span { display: block; margin-top: 3px; font-size: 12.5px; color: #8a8a90; }
.amk-gal__box { position: fixed; inset: 0; z-index: 2147483000; display: flex; align-items: center; justify-content: center; background: rgba(10,10,12,.92); padding: 24px 64px; }
.amk-gal__box[hidden] { display: none; }
.amk-gal__box figure { margin: 0; max-width: 1200px; width: 100%; }
.amk-gal__media img, .amk-gal__media video { display: block; max-width: 100%; max-height: 78vh; margin: 0 auto; border-radius: 4px; }
.amk-gal__box figcaption { margin-top: 14px; text-align: center; color: #fff; }
.amk-gal__box figcaption b { display: block; font-size: 16px; font-weight: 500; }
.amk-gal__box figcaption span { display: block; margin-top: 4px; font-size: 13px; color: #b5b5ba; }
.amk-gal__x, .amk-gal__nav { position: absolute; border: 0; background: rgba(255,255,255,.1); color: #fff; cursor: pointer; border-radius: 100px; width: 44px; height: 44px; font-size: 28px; line-height: 1; }
.amk-gal__x { top: 16px; right: 16px; }
.amk-gal__prev { left: 12px; top: 50%; transform: translateY(-50%); }
.amk-gal__next { right: 12px; top: 50%; transform: translateY(-50%); }
@media (max-width: 640px) {
  .amk-gal__grid { grid-template-columns: 1fr 1fr; gap: 16px 12px; }
  .amk-gal__i figcaption b { font-size: 13px; }
  .amk-gal__box { padding: 60px 8px; }
  .amk-gal__nav { top: auto; bottom: 14px; transform: none; }
}

/* Gallery: the featured video spans two columns (2 Oct). */
.amk-gal__i--feature { grid-column: span 2; }
.amk-gal__i--feature .amk-gal__btn { aspect-ratio: 16 / 9; }
.amk-gal__i--feature figcaption b { font-size: 17px; }
.amk-gal__i--feature .amk-gal__tag { background: var(--amk-red); }
@media (max-width: 620px) { .amk-gal__i--feature { grid-column: auto; } }

/* Home hero: a photo slide gets a slow push-in, like the video slides move (2 Oct). */
.am-hero-kb { animation: am-kb 14s ease-in-out infinite alternate; transform-origin: 60% 50%; }
@keyframes am-kb { from { transform: scale(1); } to { transform: scale(1.12); } }

/* Home hero: the new hero's five tabs share one line (the classic hero is untouched), and the New / Classic switch (2 Oct). */
#slider .mod-stage-with-pagination__footer-navigation { display: flex !important; flex-wrap: nowrap !important; }
#slider .mod-stage-with-pagination__footer-navigation-item { flex: 1 1 0 !important; min-width: 0 !important; width: auto !important; max-width: none !important; }
#slider .mod-stage-with-pagination__footer-navigation-text { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#slider { position: relative; }
.am-hero-switch { position: absolute; z-index: 60; right: 24px; top: calc(var(--am-hdr-h, 112px) + 18px); display: flex; gap: 2px; padding: 3px; border-radius: 100px; background: rgba(0, 0, 0, .35); backdrop-filter: blur(8px); }
.am-hero-switch button { all: unset; cursor: pointer; font: 500 12px/1 var(--am-font, 'DM Sans', sans-serif); letter-spacing: .04em; color: rgba(255, 255, 255, .8); padding: 7px 12px; border-radius: 100px; }
.am-hero-switch button[aria-pressed="true"] { background: #fff; color: #17171b; }
@media (max-width: 991px) { .am-hero-switch { top: 80px; right: 12px; } }

/* Grey rather than black for the large dark blocks (client, 2 Oct). */
.amk-space { background: #4a4d53; }
.amk-plant__legend .amk-plant__card.is-on { background: #4a4d53 !important; }
.amk-cta { background: #4a4d53; }

/* Region popup: the chosen country's languages, as a second step (2 Oct). */
.amk-region__langs { margin-top: 20px; padding: 16px 18px; border-radius: 12px; background: #f5f5f7; }
.amk-region__langs[hidden] { display: none; }
.amk-region__lt { display: block; font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--amk-red); margin-bottom: 10px; }
.amk-region__lrow { display: flex; flex-wrap: wrap; gap: 8px; }
.amk-region__lrow button { all: unset; cursor: pointer; font-size: 15px; padding: 9px 16px; border-radius: 100px; background: #fff; border: 1px solid #e2e2e4; }
.amk-region__lrow button:hover { border-color: var(--amk-red); }
.amk-region__lrow button.is-on { background: var(--amk-red); border-color: var(--amk-red); color: #fff; }
.amk-region__langs small { display: block; margin-top: 10px; font-size: 12.5px; color: #6b6e74; }

/* Translated home pages: right-to-left layout for Arabic. */
main[dir="rtl"] .amk-hero-text, main[dir="rtl"] .mod-stage-with-pagination__list-item-container-text { text-align: right; }
main[dir="rtl"] .amk-hero-arrow { transform: scaleX(-1); margin-left: 0; margin-right: 22px; }

/* The legacy slider stacks slides with one offset per slide and stops at four; slides 5 and 6 (2 Oct). */
#slider .mod-stage-with-pagination__list-item:nth-child(5) { transform: translateY(-400%); }
#slider .mod-stage-with-pagination__list-item:nth-child(6) { transform: translateY(-500%); }

/* Arabic home page: hero text sits on the right, mirrored (2 Oct). */
main[dir="rtl"] #slider .mod-stage-with-pagination__list-item-container-text { left: auto !important; right: 92px !important; text-align: right !important; }
main[dir="rtl"] #slider .mod-stage-with-pagination__list-item-headline { text-align: right !important; }
main[dir="rtl"] .amk-hero-switch { right: auto; left: 24px; }

/* Plant cards with their key metrics, back under the map (client, 7 Oct). */
.amk-roles--k > div { border-radius: 14px; padding: 24px; }
.amk-roles--k dl { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin: 0 0 16px; padding: 14px 0; border-top: 1px solid var(--amk-line); border-bottom: 1px solid var(--amk-line); }
.amk-roles--k dl > div { min-width: 0; }
.amk-roles--k dt { font-size: clamp(19px, 1.55vw, 24px); font-weight: 300; line-height: 1.1; color: var(--amk-red); white-space: nowrap; }
.amk-roles--k dd { margin: 4px 0 0; font-size: 12.5px; line-height: 1.35; color: var(--amk-mute); }
.amk-roles--k ul { margin: 0; padding: 0; list-style: none; }
.amk-roles--k li { position: relative; padding: 0 0 0 14px; margin: 0 0 6px; font-size: 14px; line-height: 1.45; color: #3a3a40; }
.amk-roles--k li::before { content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 1.5px; background: var(--amk-red); }

/*
 * Our plants (7 Oct 2026): a campus photograph and four units with the same facts.
 * Built like the rest of the kit: a rounded photograph with text under it and
 * hairline rows. No boxes, no borders round the unit, no shadows.
 */
.amk-campus { margin: 26px 0 0; }
.amk-campus img { display: block; width: 100%; height: auto; aspect-ratio: 32 / 15; object-fit: cover; border-radius: 16px !important; background: #dcdcdf; }
.amk-campus figcaption { margin: 12px 0 0; font-size: 13px; line-height: 1.5; color: var(--amk-mute); }
.amk-units { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: clamp(20px, 2.2vw, 36px); margin: clamp(36px, 4vw, 60px) 0 0; }
.amk-unit { min-width: 0; display: flex; flex-direction: column; }
.amk-unit__media { border-radius: 10px; overflow: hidden; aspect-ratio: 3 / 2; background: #dcdcdf; margin: 0 0 18px; }
.amk-unit__media img { display: block; width: 100%; height: 100%; object-fit: cover; border-radius: 0 !important; transition: transform .6s ease; }
.amk-unit:hover .amk-unit__media img { transform: scale(1.03); }
.amk-unit__when { display: block; font-size: 12px; font-weight: 500; letter-spacing: .1em; text-transform: uppercase; color: var(--amk-red); }
.amk-unit h3 { margin: 8px 0 0; font-size: clamp(20px, 1.7vw, 26px); font-weight: 400; line-height: 1.15; letter-spacing: -.01em; color: var(--amk-ink, #17171b); }
.amk-unit__spec { margin: 10px 0 0; min-height: 4.5em; font-size: 14.5px; line-height: 1.5; color: #3a3a40; }
.amk-unit dl { margin: 16px 0 0; padding: 0; border-top: 1px solid var(--amk-line); }
.amk-unit dl > div { display: grid; grid-template-columns: 84px minmax(0, 1fr); gap: 12px; align-items: baseline; padding: 11px 0; border-bottom: 1px solid var(--amk-line); }
.amk-unit dt { font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--amk-mute); }
.amk-unit dd { margin: 0; font-size: 15px; line-height: 1.4; color: #17171b; }
.amk-unit dl > div.is-open dd { color: #9a9aa2; }
@media (max-width: 1100px) { .amk-units { grid-template-columns: repeat(2, minmax(0, 1fr)); } .amk-unit__spec { min-height: 0; } }
@media (max-width: 560px) { .amk-units { grid-template-columns: 1fr; } .amk-campus img { aspect-ratio: 16 / 10; border-radius: 12px !important; } }

/* Plants, final pass (7 Oct): no yellow anywhere in the section; rows the same height in every unit. */
.amk-space .amk-label { color: rgba(255, 255, 255, .7); }
.amk-space h3 b { color: #fff; font-weight: 600; }
.amk-space { margin-top: clamp(36px, 4vw, 56px); border-radius: 16px; }
.amk-unit dl > div { min-height: 4.1em; align-items: start; }
.amk-unit dt { padding-top: 2px; }
.amk-bleed .amk-units, .amk-bleed .amk-campus figcaption { padding-left: calc(var(--amk-pad) - clamp(12px, 2vw, 28px)); padding-right: calc(var(--amk-pad) - clamp(12px, 2vw, 28px)); }
.amk-unit__spec { min-height: 4.9em; }
@media (max-width: 1100px) { .amk-unit__spec { min-height: 0; } .amk-unit dl > div { min-height: 0; } .amk-unit h3 { font-size: 22px; } }

/* "Built to your size" strip on product pages (7 Oct): text on the left, the range we have built on the right. Hairlines only. */
.amk-sizes__in { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: clamp(28px, 5vw, 90px); align-items: end; padding: 0 0 clamp(28px, 3vw, 44px); border-bottom: 1px solid var(--amk-line); }
.amk-sizes__txt h2 { margin: 12px 0 12px; font-size: clamp(24px, 2.4vw, 36px); font-weight: 300; line-height: 1.15; letter-spacing: -.015em; }
.amk-sizes__txt p { margin: 0; max-width: 36em; font-size: 16px; line-height: 1.6; color: #3a3a40; }
.amk-sizes__list { margin: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(20px, 3vw, 48px); }
.amk-sizes__list > div { padding: 14px 0; border-top: 1px solid var(--amk-line); }
.amk-sizes__list dt { font-size: clamp(22px, 2.1vw, 32px); font-weight: 300; line-height: 1.1; letter-spacing: -.01em; color: var(--amk-red); }
.amk-sizes__list dd { margin: 6px 0 0; font-size: 13px; line-height: 1.4; color: var(--amk-mute); }
@media (max-width: 860px) { .amk-sizes__in { grid-template-columns: 1fr; align-items: start; } }
/* The "space for your fabrication" band is light grey with dark text (7 Oct), not a dark block. */
.amk-space { background: #e6e7ea; color: #17171b; }
.amk-space .amk-label { color: var(--amk-red); }
.amk-space h3, .amk-space h3 b { color: #17171b; }
.amk-space p { color: #4a4d53; }

/* /marine-and-dredging (13 Oct): solution lines. Hairlines and plain lists, like the rest of the kit. */
.amk-mnav { display: flex; flex-wrap: wrap; gap: 8px; margin: 26px 0 0; }
.amk-mnav a { font-size: 14px; padding: 9px 16px; border-radius: 100px; background: #fff; border: 1px solid var(--amk-line); color: #17171b; text-decoration: none; }
.amk-mnav a:hover { border-color: var(--amk-red); color: var(--amk-red); }
.amk-mline { border-top: 1px solid var(--amk-line); }
.amk-mline__head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(24px, 5vw, 90px); align-items: end; margin: 0 0 30px; }
.amk-mline__order { margin: 34px 0 0; padding: 26px 0 0; border-top: 1px solid var(--amk-line); display: grid; grid-template-columns: 220px minmax(0, 1fr) auto; gap: 24px 40px; align-items: start; }
.amk-mline__order ul { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 40px; }
.amk-mline__order li { position: relative; break-inside: avoid; padding: 0 0 9px 16px; font-size: 15px; line-height: 1.45; color: #3a3a40; }
.amk-mline__order li::before { content: ""; position: absolute; left: 0; top: 10px; width: 7px; height: 1.5px; background: var(--amk-red); }
.amk-msteps { list-style: none; margin: 8px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: clamp(16px, 2vw, 32px); counter-reset: ms; }
.amk-msteps li { counter-increment: ms; padding: 18px 0 0; border-top: 1px solid var(--amk-line); }
.amk-msteps li::before { content: "0" counter(ms); display: block; font-size: 12px; letter-spacing: .1em; color: var(--amk-red); margin: 0 0 10px; }
.amk-msteps b { display: block; font-size: 18px; font-weight: 500; margin: 0 0 8px; }
.amk-msteps span { display: block; font-size: 14.5px; line-height: 1.5; color: #3a3a40; }
@media (max-width: 1000px) { .amk-mline__head { grid-template-columns: 1fr; align-items: start; } .amk-mline__order { grid-template-columns: 1fr; } .amk-msteps { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .amk-mline__order ul { columns: 1; } .amk-msteps { grid-template-columns: 1fr; } }