/* V16.4 — homepage, solutions archive and sectors archive */
:root {
  --als-green: #004e29;
  --als-green-2: #08683a;
  --als-deep: #064f2c;
  --als-gold: #c59e41;
  --als-gold-soft: #fed266;
  --als-ivory: #faf9f6;
  --als-surface: #fbf9f8;
  --als-sand: #f2ebe1;
  --als-soft: #f6f3f2;
  --als-line: #bfc9be;
  --als-text: #1b1c1c;
  --als-muted: #3f4941;
  --als-shadow: 0 14px 36px rgba(90, 67, 0, .08);
}

.als-v164-home-page,
.als-v164-archive {
  background: var(--als-surface);
  color: var(--als-text);
  font-family: "IBM Plex Sans Arabic", Inter, sans-serif;
  overflow: hidden;
}

.als-v164-home-page img,
.als-v164-archive img { display: block; max-width: 100%; }

.als-v164-section { padding-block: clamp(72px, 8vw, 120px); }
.als-v164-soft-section { background: var(--als-soft); }
.als-v164-eyebrow,
.als-v164-section-head > span,
.als-v164-section-head > div > span {
  color: var(--als-gold);
  display: block;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.als-v164-section-head { margin-bottom: 38px; max-width: 760px; }
.als-v164-section-head.is-centered { margin-inline: auto; text-align: center; }
.als-v164-section-head.is-split { align-items: end; display: flex; justify-content: space-between; max-width: none; gap: 28px; }
.als-v164-section-head h2,
.als-v164-section-head > div h2 {
  color: var(--als-green);
  font-size: clamp(30px, 3.2vw, 44px);
  line-height: 1.25;
  margin: 0 0 12px;
}
.als-v164-section-head p,
.als-v164-section-head > div p { color: var(--als-muted); font-size: 17px; line-height: 1.8; margin: 0; }
.als-v164-section-head > a { border: 1px solid var(--als-green); border-radius: 10px; color: var(--als-green); font-weight: 700; padding: 12px 20px; text-decoration: none; }

.als-v164-btn {
  align-items: center;
  border: 0;
  border-radius: 10px;
  display: inline-flex;
  font-size: 16px;
  font-weight: 700;
  justify-content: center;
  min-height: 52px;
  padding: 13px 26px;
  text-decoration: none;
  transition: transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.als-v164-btn:hover { transform: translateY(-2px); }
.als-v164-btn.is-primary { background: var(--als-green-2); color: #fff; }
.als-v164-btn.is-primary:hover { background: var(--als-green); }
.als-v164-btn.is-outline { background: transparent; border: 2px solid var(--als-green-2); color: var(--als-green-2); }
.als-v164-btn.is-light { background: rgba(255,255,255,.92); border: 1px solid rgba(255,255,255,.4); color: var(--als-green); }
.als-v164-btn.is-gold { background: var(--als-gold-soft); color: #5a4300; }
.als-v164-btn.is-outline-light { background: transparent; border: 1px solid rgba(255,255,255,.65); color: #fff; }
.als-v164-center { margin-top: 38px; text-align: center; }

/* Homepage hero */
.als-v164-home-hero { background: var(--als-surface); }
.als-v164-home-hero__grid { display: grid; grid-template-columns: 1fr 1fr; min-height: 620px; padding-inline: 0 !important; max-width: 1440px; }
.als-v164-home-hero__content { align-self: center; padding: 70px 80px; }
.als-v164-home-hero__content h1 { color: var(--als-green); font-size: clamp(43px, 4.2vw, 68px); line-height: 1.16; margin: 0 0 22px; letter-spacing: -.02em; }
.als-v164-home-hero__content > p { color: #444; font-size: 20px; line-height: 1.8; margin: 0 0 32px; max-width: 580px; }
.als-v164-home-hero__actions { display: flex; flex-wrap: wrap; gap: 14px; margin-bottom: 20px; }
.als-v164-location-link { align-items: center; color: var(--als-green-2); display: inline-flex; font-weight: 600; gap: 8px; text-decoration: none; }
.als-v164-home-hero__media { min-height: 620px; overflow: hidden; position: relative; }
.als-v164-home-hero__media img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.als-v164-trust-strip { border-top: 1px solid rgba(191,201,190,.55); display: grid; gap: 14px; grid-template-columns: repeat(5,1fr); margin-top: 40px; padding-top: 24px; }
.als-v164-trust-strip span { align-items: center; display: flex; flex-direction: column; gap: 7px; text-align: center; }
.als-v164-trust-strip svg { color: var(--als-green); }
.als-v164-trust-strip b { font-size: 12px; line-height: 1.35; }

/* Start journey */
.als-v164-start { margin-top: 0; }
.als-v164-start-grid { display: grid; gap: 24px; grid-template-columns: 1.25fr .75fr .75fr; grid-template-rows: 300px 260px; }
.als-v164-start-card { border-radius: 18px; min-height: 250px; overflow: hidden; position: relative; }
.als-v164-start-card.is-large { grid-row: 1 / span 2; }
.als-v164-start-card.is-wide { grid-column: 2 / span 2; }
.als-v164-start-card > img { height: 100%; inset: 0; object-fit: cover; position: absolute; transition: transform .7s ease; width: 100%; }
.als-v164-start-card > span { background: linear-gradient(0deg,rgba(0,25,15,.93),rgba(0,25,15,.12) 72%); inset: 0; position: absolute; }
.als-v164-start-card > div { bottom: 0; color: #fff; inset-inline: 0; padding: 28px; position: absolute; z-index: 2; }
.als-v164-start-card h3 { color: #fff; font-size: clamp(24px,2.2vw,36px); margin: 0 0 8px; }
.als-v164-start-card p { color: rgba(255,255,255,.86); line-height: 1.7; margin: 0 0 16px; max-width: 480px; }
.als-v164-start-card b { background: #fff; border-radius: 9px; color: var(--als-green); display: inline-block; padding: 10px 18px; }
.als-v164-start-card:hover > img { transform: scale(1.055); }

/* Visit value */
.als-v164-visit-value { background: var(--als-surface); padding-block: 80px; }
.als-v164-visit-value__grid { align-items: center; display: grid; gap: 70px; grid-template-columns: 1fr 1fr; }
.als-v164-visit-value__content h2 { color: var(--als-green); font-size: clamp(31px,3.3vw,46px); margin: 0 0 24px; }
.als-v164-visit-value__content ul { display: grid; gap: 14px; list-style: none; margin: 0 0 28px; padding: 0; }
.als-v164-visit-value__content li { align-items: center; display: flex; gap: 11px; font-size: 18px; }
.als-v164-visit-value__content li svg { color: var(--als-green-2); flex: 0 0 auto; }
.als-v164-visit-value__media { aspect-ratio: 4/3; border-radius: 20px; overflow: hidden; }
.als-v164-visit-value__media img { height: 100%; object-fit: cover; width: 100%; }

/* Journey */
.als-v164-home-journey { display: grid; grid-template-columns: repeat(6,1fr); list-style: none; margin: 0; padding: 0; position: relative; }
.als-v164-home-journey::before { background: var(--als-line); content: ""; height: 2px; inset-inline: 7%; position: absolute; top: 31px; }
.als-v164-home-journey li { align-items: center; display: flex; flex-direction: column; gap: 10px; padding-inline: 8px; position: relative; text-align: center; z-index: 2; }
.als-v164-home-journey li > span { align-items: center; background: var(--als-soft); border: 2px solid var(--als-green-2); border-radius: 50%; color: var(--als-green); display: flex; font-size: 18px; font-weight: 700; height: 64px; justify-content: center; width: 64px; }
.als-v164-home-journey li.is-active > span { background: var(--als-green-2); box-shadow: 0 8px 20px rgba(8,104,58,.22); color: #fff; }
.als-v164-home-journey li svg { color: var(--als-gold); display: none; }
.als-v164-home-journey strong { font-size: 15px; line-height: 1.55; }

/* Materials */
.als-v164-material-grid { display: grid; gap: 22px; grid-template-columns: repeat(12,1fr); grid-auto-rows: 250px; }
.als-v164-material-grid > a { border-radius: 18px; grid-column: span 4; overflow: hidden; position: relative; }
.als-v164-material-grid > a.is-featured { grid-column: span 8; grid-row: span 2; }
.als-v164-material-grid > a:nth-child(2) { grid-row: span 2; }
.als-v164-material-grid > a img { height: 100%; inset: 0; object-fit: cover; position: absolute; transition: transform .7s ease; width: 100%; }
.als-v164-material-grid > a > span { background: linear-gradient(0deg,rgba(0,22,12,.9),transparent 70%); inset: 0; position: absolute; }
.als-v164-material-grid > a > div { bottom: 0; color: #fff; inset-inline: 0; padding: 24px; position: absolute; z-index: 2; }
.als-v164-material-grid h3 { color: #fff; font-size: 28px; margin: 0 0 8px; }
.als-v164-material-grid b { color: var(--als-gold-soft); }
.als-v164-material-grid a:hover img { transform: scale(1.06); }
.als-v164-secondary-rail { display: flex; gap: 14px; margin-top: 22px; overflow-x: auto; padding-bottom: 10px; scrollbar-width: thin; }
.als-v164-secondary-rail a { align-items: center; background: var(--als-soft); border: 1px solid rgba(191,201,190,.45); border-radius: 13px; color: var(--als-green); display: flex; flex: 0 0 210px; gap: 12px; min-height: 78px; padding: 16px; text-decoration: none; }

/* Solutions/space cards */
.als-v164-space-grid { display: grid; gap: 18px; grid-template-columns: repeat(4,1fr); }
.als-v164-space-grid > a { aspect-ratio: 1; border-radius: 16px; overflow: hidden; position: relative; }
.als-v164-space-grid img { height: 100%; inset: 0; object-fit: cover; position: absolute; transition: transform .6s ease; width: 100%; }
.als-v164-space-grid > a > span { background: linear-gradient(0deg,rgba(0,25,15,.88),rgba(0,25,15,.08)); inset: 0; position: absolute; }
.als-v164-space-grid > a > div { bottom: 0; color: #fff; inset-inline: 0; padding: 22px; position: absolute; }
.als-v164-space-grid h3 { color: #fff; font-size: 25px; margin: 0 0 5px; }
.als-v164-space-grid p { color: rgba(255,255,255,.78); font-size: 14px; line-height: 1.6; margin: 0; }
.als-v164-space-grid a:hover img { transform: scale(1.06); }
.als-v164-filter-tabs { justify-content: center; margin-bottom: 30px; }
.als-v164-products-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }

/* Commercial projects */
.als-v164-commercial { background: var(--als-green); color: #fff; padding-block: 78px; }
.als-v164-commercial__grid { align-items: center; display: grid; gap: 65px; grid-template-columns: 1fr 1fr; }
.als-v164-commercial h2 { color: var(--als-gold-soft); font-size: clamp(34px,3.3vw,48px); margin: 0 0 20px; }
.als-v164-commercial p { color: rgba(255,255,255,.86); font-size: 18px; line-height: 1.8; }
.als-v164-commercial__sectors { display: grid; gap: 10px 16px; grid-template-columns: repeat(2,1fr); margin-block: 26px; }
.als-v164-commercial__sectors span { align-items: center; display: flex; gap: 8px; }
.als-v164-commercial__sectors svg { color: var(--als-gold-soft); }
.als-v164-commercial__capabilities { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 28px; }
.als-v164-commercial__capabilities span { background: rgba(255,255,255,.11); border-radius: 99px; font-size: 13px; padding: 8px 12px; }
.als-v164-commercial__grid > img { aspect-ratio: 16/11; border-radius: 20px; height: 100%; object-fit: cover; width: 100%; }

/* Projects, why, showrooms, knowledge */
.als-v164-case-grid { display: grid; gap: 24px; grid-template-columns: repeat(3,1fr); }
.als-v164-case-grid article { background: #fff; border: 1px solid rgba(191,201,190,.55); border-radius: 17px; overflow: hidden; }
.als-v164-case-grid a { color: inherit; text-decoration: none; }
.als-v164-case-grid img { aspect-ratio: 16/10; object-fit: cover; width: 100%; }
.als-v164-case-grid article div { padding: 20px; }
.als-v164-case-grid h3 { color: var(--als-green); font-size: 23px; margin: 0 0 8px; }
.als-v164-case-grid p { color: var(--als-muted); line-height: 1.65; margin: 0; }
.als-v164-why-grid { display: grid; gap: 26px; grid-template-columns: repeat(4,1fr); }
.als-v164-why-grid article { align-items: center; display: flex; flex-direction: column; gap: 14px; min-height: 120px; text-align: center; }
.als-v164-why-grid svg { color: var(--als-gold); }
.als-v164-showrooms { background: #fff; border: 1px solid rgba(191,201,190,.55); border-radius: 20px; box-shadow: var(--als-shadow); padding: 34px; }
.als-v164-showrooms header > span { color: var(--als-gold); font-size: 13px; font-weight: 700; }
.als-v164-showrooms h2 { color: var(--als-green); font-size: 38px; margin: 8px 0 28px; }
.als-v164-showrooms__grid { display: grid; gap: 30px; grid-template-columns: 1fr 1fr; }
.als-v164-showrooms__grid article { border: 1px solid var(--als-line); border-radius: 13px; margin-bottom: 14px; padding: 20px; }
.als-v164-showrooms__grid article h3 { margin: 0 0 5px; }
.als-v164-showrooms__grid article p { color: var(--als-muted); margin: 0; }
.als-v164-showrooms__grid > div > a { color: var(--als-green); font-weight: 700; }
.als-v164-showroom-map { align-items: center; background: var(--als-soft); border-radius: 15px; color: var(--als-green); display: flex; flex-direction: column; gap: 10px; justify-content: center; min-height: 290px; }
.als-v164-home-guides { display: grid; gap: 20px; grid-template-columns: repeat(5,1fr); }
.als-v164-home-guides a { color: inherit; text-decoration: none; }
.als-v164-home-guides img { aspect-ratio: 16/10; border-radius: 12px; object-fit: cover; width: 100%; }
.als-v164-home-guides h3 { font-size: 17px; line-height: 1.6; margin: 13px 0 0; }
.als-v164-home-final { background: var(--als-deep); color: #fff; padding-block: 80px; text-align: center; }
.als-v164-home-final span { color: var(--als-gold-soft); display: block; font-size: 13px; font-weight: 700; margin-bottom: 10px; text-transform: uppercase; }
.als-v164-home-final h2 { color: #fff; font-size: clamp(32px,4vw,50px); margin: 0 0 28px; }

/* Archive shared */
.als-v164-breadcrumb { align-items: center; color: var(--als-muted); display: flex; font-size: 14px; gap: 8px; padding-block: 18px; }
.als-v164-breadcrumb a { color: inherit; text-decoration: none; }
.als-v164-breadcrumb strong { color: var(--als-green); }
.als-v164-archive-hero { align-items: center; display: flex; min-height: 610px; overflow: hidden; position: relative; }
.als-v164-archive-hero > img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.als-v164-archive-hero__overlay { background: linear-gradient(90deg,rgba(250,249,246,.12),rgba(250,249,246,.88) 62%,rgba(250,249,246,.96)); inset: 0; position: absolute; }
[dir="ltr"] .als-v164-archive-hero__overlay { background: linear-gradient(-90deg,rgba(250,249,246,.12),rgba(250,249,246,.88) 62%,rgba(250,249,246,.96)); }
.als-v164-archive-hero__content { position: relative; z-index: 2; }
.als-v164-archive-hero__content > span { color: var(--als-green); font-weight: 700; }
.als-v164-archive-hero__content h1 { color: var(--als-green); font-size: clamp(42px,4.4vw,64px); line-height: 1.18; margin: 12px 0 20px; max-width: 700px; }
.als-v164-archive-hero__content p { background: rgba(251,249,248,.44); border: 1px solid rgba(255,255,255,.5); border-radius: 12px; color: var(--als-muted); font-size: 18px; line-height: 1.8; margin: 0 0 28px; max-width: 700px; padding: 16px; }
.als-v164-archive-hero__content > div { display: flex; flex-wrap: wrap; gap: 14px; }

.als-v164-solution-grid { display: grid; gap: 22px; grid-template-columns: repeat(4,1fr); }
.als-v164-image-card { aspect-ratio: .86; border-radius: 16px; overflow: hidden; position: relative; }
.als-v164-image-card img { height: 100%; inset: 0; object-fit: cover; position: absolute; transition: transform .65s ease; width: 100%; }
.als-v164-image-card__shade { background: linear-gradient(0deg,rgba(0,27,15,.94),rgba(0,27,15,.12) 75%); inset: 0; position: absolute; }
.als-v164-image-card > div { bottom: 0; color: #fff; inset-inline: 0; padding: 24px; position: absolute; z-index: 2; }
.als-v164-image-card h3 { color: #fff; font-size: 26px; margin: 0 0 7px; }
.als-v164-image-card p { color: rgba(255,255,255,.8); font-size: 14px; line-height: 1.6; margin: 0 0 12px; }
.als-v164-image-card b { align-items: center; color: var(--als-gold-soft); display: inline-flex; gap: 6px; }
.als-v164-image-card:hover img { transform: scale(1.06); }
.als-v164-need-grid { display: grid; gap: 22px; grid-template-columns: repeat(3,1fr); }
.als-v164-need-grid article { background: var(--als-surface); border-radius: 15px; box-shadow: 0 7px 20px rgba(0,0,0,.035); display: flex; flex-direction: column; min-height: 250px; padding: 26px; }
.als-v164-need-grid svg { color: var(--als-green); }
.als-v164-need-grid h3 { color: var(--als-green); font-size: 24px; margin: 18px 0 10px; }
.als-v164-need-grid p { color: var(--als-muted); line-height: 1.7; }
.als-v164-need-grid a { align-items: center; color: var(--als-gold); display: inline-flex; font-weight: 700; gap: 6px; margin-top: auto; text-decoration: none; }
.als-v164-process { display: grid; grid-template-columns: repeat(6,1fr); list-style: none; margin: 0; padding: 0; position: relative; }
.als-v164-process::before { background: var(--als-line); content: ""; height: 2px; inset-inline: 6%; position: absolute; top: 32px; }
.als-v164-process li { align-items: center; display: flex; flex-direction: column; gap: 16px; padding: 0 10px; position: relative; text-align: center; z-index: 2; }
.als-v164-process li span { align-items: center; background: var(--als-green-2); border: 5px solid var(--als-surface); border-radius: 50%; color: #fff; display: flex; font-size: 18px; font-weight: 700; height: 64px; justify-content: center; width: 64px; }
.als-v164-process strong { line-height: 1.55; }
.als-v164-journey-choice { background: #e9e7e5; }
.als-v164-choice-grid { display: grid; gap: 24px; grid-template-columns: 1fr 1fr; }
.als-v164-choice-grid article { background: var(--als-surface); border-radius: 17px; display: flex; flex-direction: column; padding: 32px; }
.als-v164-choice-grid h3 { border-bottom: 1px solid var(--als-line); color: var(--als-green); font-size: 34px; margin: 0 0 20px; padding-bottom: 16px; }
.als-v164-choice-grid p { color: var(--als-muted); font-size: 18px; line-height: 1.75; }
.als-v164-choice-grid a { align-self: flex-start; margin-top: auto; }
.als-v164-category-rail { display: grid; gap: 14px; grid-template-columns: repeat(8,1fr); }
.als-v164-category-rail a { align-items: center; background: var(--als-soft); border-radius: 13px; color: var(--als-green); display: flex; flex-direction: column; gap: 10px; padding: 9px; text-decoration: none; }
.als-v164-category-rail img { aspect-ratio: 1; border-radius: 10px; object-fit: cover; width: 100%; }
.als-v164-category-rail span { font-size: 13px; font-weight: 700; text-align: center; }
.als-v164-project-preview { display: grid; gap: 24px; grid-template-columns: repeat(3,1fr); }
.als-v164-project-preview article { background: var(--als-surface); border-radius: 15px; overflow: hidden; }
.als-v164-project-preview img { aspect-ratio: 16/9; object-fit: cover; width: 100%; }
.als-v164-project-preview div { padding: 20px; }
.als-v164-project-preview h3 { color: var(--als-green); margin: 0 0 10px; }
.als-v164-project-preview a { align-items: center; color: var(--als-gold); display: inline-flex; font-weight: 700; gap: 6px; text-decoration: none; }
.als-v164-guide-grid { display: grid; gap: 22px; grid-template-columns: repeat(4,1fr); }
.als-v164-guide-grid a { color: inherit; text-decoration: none; }
.als-v164-guide-grid img { aspect-ratio: 16/10; border-radius: 13px; object-fit: cover; width: 100%; }
.als-v164-guide-grid h3 { color: var(--als-green); font-size: 19px; line-height: 1.55; margin: 13px 0 0; }
.als-v164-final-cta { background: var(--als-green); color: #fff; padding-block: clamp(70px,8vw,110px); text-align: center; }
.als-v164-final-cta h2 { color: #fff; font-size: clamp(33px,3.5vw,48px); margin: 0 0 17px; }
.als-v164-final-cta p { color: rgba(255,255,255,.84); font-size: 18px; line-height: 1.8; margin: 0 auto 28px; max-width: 760px; }
.als-v164-final-cta > div > div { align-items: center; display: flex; flex-wrap: wrap; gap: 14px; justify-content: center; }
.als-v164-final-cta > div > div > a:not(.als-v164-btn) { color: #fff; font-weight: 700; }

/* Sectors */
.als-v164-sector-hero { align-items: center; display: flex; min-height: 710px; overflow: hidden; position: relative; }
.als-v164-sector-hero > img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.als-v164-sector-hero__overlay { background: linear-gradient(0deg,rgba(6,79,44,.96),rgba(6,79,44,.42)); inset: 0; position: absolute; }
.als-v164-sector-hero__content { color: #fff; position: relative; z-index: 2; }
.als-v164-sector-hero__content > span { color: var(--als-gold-soft); font-weight: 700; }
.als-v164-sector-hero h1 { color: #fff; font-size: clamp(42px,4.5vw,66px); line-height: 1.2; margin: 15px 0 20px; max-width: 800px; }
.als-v164-sector-hero p { color: rgba(255,255,255,.84); font-size: 19px; line-height: 1.85; margin: 0 0 30px; max-width: 760px; }
.als-v164-sector-hero__content > div { display: flex; flex-wrap: wrap; gap: 14px; }
.als-v164-sector-directory { display: grid; gap: 20px; grid-template-columns: repeat(5,1fr); }
.als-v164-sector-directory a { align-items: center; aspect-ratio: 1; background: var(--als-sand); border-radius: 16px; box-shadow: 0 7px 22px rgba(0,0,0,.04); color: inherit; display: flex; flex-direction: column; justify-content: center; padding: 20px; text-align: center; text-decoration: none; transition: transform .25s ease, box-shadow .25s ease; }
.als-v164-sector-directory a > span { align-items: center; background: #fff; border-radius: 50%; color: var(--als-green); display: flex; height: 58px; justify-content: center; width: 58px; }
.als-v164-sector-directory h3 { color: var(--als-green); font-size: 18px; margin: 16px 0 7px; }
.als-v164-sector-directory p { color: var(--als-muted); display: none; font-size: 13px; line-height: 1.55; margin: 0; }
.als-v164-sector-directory a:hover { box-shadow: var(--als-shadow); transform: translateY(-4px); }
.als-v164-requirements-layout { align-items: start; display: grid; gap: 55px; grid-template-columns: .8fr 1.7fr; }
.als-v164-requirements-grid { display: grid; gap: 20px; grid-template-columns: repeat(2,1fr); }
.als-v164-requirements-grid article { background: var(--als-surface); border: 1px solid rgba(191,201,190,.42); border-radius: 15px; padding: 24px; }
.als-v164-requirements-grid svg { color: var(--als-green); }
.als-v164-requirements-grid h3 { color: var(--als-green); font-size: 20px; margin: 14px 0 8px; }
.als-v164-requirements-grid p { color: var(--als-muted); line-height: 1.7; margin: 0; }
.als-v164-methodology-grid { display: grid; gap: 18px; grid-template-columns: repeat(6,1fr); }
.als-v164-methodology-grid article { background: #fff; border: 1px solid rgba(191,201,190,.42); border-radius: 14px; padding: 22px 17px; text-align: center; }
.als-v164-methodology-grid article > span { align-items: center; background: rgba(8,104,58,.08); border-radius: 50%; color: var(--als-green); display: flex; font-weight: 700; height: 48px; justify-content: center; margin: 0 auto 15px; width: 48px; }
.als-v164-methodology-grid h3 { color: var(--als-green); font-size: 16px; line-height: 1.55; margin: 0 0 8px; }
.als-v164-methodology-grid p { color: var(--als-muted); font-size: 13px; line-height: 1.6; margin: 0; }
.als-v164-spotlights { display: grid; gap: 105px; }
.als-v164-spotlight { align-items: center; display: grid; gap: 55px; grid-template-columns: 1.35fr .9fr; }
.als-v164-spotlight.is-reversed .als-v164-spotlight__media { order: 2; }
.als-v164-spotlight__media { border-radius: 20px; min-height: 480px; overflow: hidden; position: relative; }
.als-v164-spotlight__media > img { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.als-v164-spotlight__media > div { background: rgba(251,249,248,.92); border: 1px solid rgba(255,255,255,.5); border-radius: 13px; bottom: 24px; max-width: 75%; padding: 14px 18px; position: absolute; inset-inline-start: 24px; }
.als-v164-spotlight__media small { color: var(--als-green); display: block; font-weight: 700; }
.als-v164-spotlight__media strong { display: block; margin-top: 4px; }
.als-v164-spotlight__content > span { align-items: center; color: var(--als-gold); display: flex; font-weight: 700; gap: 9px; }
.als-v164-spotlight__content h2 { color: var(--als-green); font-size: clamp(31px,3vw,43px); line-height: 1.3; margin: 15px 0 18px; }
.als-v164-spotlight__content p { color: var(--als-muted); font-size: 17px; line-height: 1.85; }
.als-v164-spotlight__content a { align-items: center; border-bottom: 2px solid var(--als-green); color: var(--als-green); display: inline-flex; font-weight: 700; gap: 7px; padding-bottom: 4px; text-decoration: none; }
.als-v164-sector-projects { display: grid; gap: 20px; grid-template-columns: repeat(4,1fr); }
.als-v164-sector-projects article { background: var(--als-surface); border: 1px solid rgba(191,201,190,.4); border-radius: 14px; padding: 24px; }
.als-v164-sector-projects h3 { color: var(--als-green); margin: 0 0 9px; }
.als-v164-sector-projects p { color: var(--als-muted); line-height: 1.7; margin: 0; }
.als-v164-product-tags { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; }
.als-v164-product-tags a { background: #fff; border: 1px solid rgba(191,201,190,.55); border-radius: 99px; color: var(--als-text); padding: 11px 20px; text-decoration: none; }
.als-v164-final-cta--pattern { background-color: var(--als-deep); background-image: radial-gradient(circle at 2px 2px,rgba(255,255,255,.09) 1px,transparent 0); background-size: 30px 30px; }
.als-v164-final-cta--pattern > div > span { align-items: center; background: rgba(197,158,65,.18); border-radius: 50%; color: var(--als-gold-soft); display: flex; height: 70px; justify-content: center; margin: 0 auto 20px; width: 70px; }

/* Tablet */
@media (max-width: 1180px) {
  .als-v164-home-hero__content { padding-inline: 44px; }
  .als-v164-trust-strip { grid-template-columns: repeat(3,1fr); }
  .als-v164-start-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 360px 260px 220px; }
  .als-v164-start-card.is-large { grid-row: 1 / span 2; }
  .als-v164-start-card.is-wide { grid-column: 1 / span 2; }
  .als-v164-space-grid { grid-template-columns: repeat(3,1fr); }
  .als-v164-sector-directory { grid-template-columns: repeat(4,1fr); }
  .als-v164-methodology-grid { grid-template-columns: repeat(3,1fr); }
  .als-v164-category-rail { grid-template-columns: repeat(4,1fr); }
  .als-v164-home-guides { grid-template-columns: repeat(3,1fr); }
}

@media (max-width: 960px) {
  .als-v164-section { padding-block: 72px; }
  .als-v164-home-hero__grid,
  .als-v164-visit-value__grid,
  .als-v164-commercial__grid,
  .als-v164-showrooms__grid,
  .als-v164-requirements-layout,
  .als-v164-spotlight { grid-template-columns: 1fr; }
  .als-v164-home-hero__content { order: 2; padding: 50px 24px; }
  .als-v164-home-hero__media { min-height: 420px; order: 1; }
  .als-v164-start-grid { grid-template-columns: 1fr 1fr; grid-template-rows: 410px 250px 230px; }
  .als-v164-start-card.is-large { grid-column: 1 / span 2; grid-row: auto; }
  .als-v164-start-card.is-wide { grid-column: 1 / span 2; }
  .als-v164-home-journey { gap: 22px; grid-template-columns: repeat(3,1fr); }
  .als-v164-home-journey::before { display: none; }
  .als-v164-material-grid { grid-auto-rows: 230px; }
  .als-v164-material-grid > a,
  .als-v164-material-grid > a.is-featured { grid-column: span 6; grid-row: auto; }
  .als-v164-material-grid > a.is-featured { grid-row: span 2; }
  .als-v164-space-grid { grid-template-columns: repeat(2,1fr); }
  .als-v164-products-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .als-v164-case-grid,
  .als-v164-project-preview,
  .als-v164-guide-grid { grid-template-columns: repeat(2,1fr); }
  .als-v164-why-grid { grid-template-columns: repeat(2,1fr); }
  .als-v164-solution-grid { grid-template-columns: repeat(2,1fr); }
  .als-v164-need-grid { grid-template-columns: repeat(2,1fr); }
  .als-v164-process { gap: 24px; grid-template-columns: repeat(3,1fr); }
  .als-v164-process::before { display: none; }
  .als-v164-sector-directory { grid-template-columns: repeat(3,1fr); }
  .als-v164-spotlight.is-reversed .als-v164-spotlight__media { order: initial; }
  .als-v164-sector-projects { grid-template-columns: repeat(2,1fr); }
}

/* Mobile */
@media (max-width: 680px) {
  .als-v164-section { padding-block: 58px; }
  .als-v164-section-head.is-split { align-items: flex-start; flex-direction: column; }
  .als-v164-section-head h2,
  .als-v164-section-head > div h2 { font-size: 31px; }
  .als-v164-home-hero__media { min-height: 330px; }
  .als-v164-home-hero__content h1 { font-size: 37px; }
  .als-v164-home-hero__content > p { font-size: 17px; }
  .als-v164-home-hero__actions { flex-direction: column; }
  .als-v164-home-hero__actions a { width: 100%; }
  .als-v164-trust-strip { grid-template-columns: repeat(2,1fr); }
  .als-v164-trust-strip span:last-child { grid-column: 1 / span 2; }
  .als-v164-start-grid { display: grid; grid-template-columns: 1fr; grid-template-rows: none; }
  .als-v164-start-card,
  .als-v164-start-card.is-large,
  .als-v164-start-card.is-wide { grid-column: auto; grid-row: auto; min-height: 290px; }
  .als-v164-start-card.is-large { min-height: 390px; }
  .als-v164-visit-value__grid { gap: 34px; }
  .als-v164-visit-value__media { order: -1; }
  .als-v164-home-journey { grid-template-columns: 1fr; }
  .als-v164-home-journey li { align-items: center; background: #fff; border: 1px solid rgba(191,201,190,.4); border-radius: 13px; flex-direction: row; justify-content: flex-start; padding: 14px; text-align: start; }
  .als-v164-home-journey li > span { flex: 0 0 52px; height: 52px; width: 52px; }
  .als-v164-material-grid { display: grid; grid-auto-rows: 280px; grid-template-columns: 1fr; }
  .als-v164-material-grid > a,
  .als-v164-material-grid > a.is-featured { grid-column: auto; grid-row: auto; }
  .als-v164-secondary-rail a { flex-basis: 180px; }
  .als-v164-space-grid,
  .als-v164-products-grid,
  .als-v164-case-grid,
  .als-v164-home-guides,
  .als-v164-solution-grid,
  .als-v164-need-grid,
  .als-v164-choice-grid,
  .als-v164-project-preview,
  .als-v164-guide-grid,
  .als-v164-sector-projects,
  .als-v164-requirements-grid,
  .als-v164-methodology-grid { grid-template-columns: 1fr; }
  .als-v164-space-grid { grid-template-columns: repeat(2,1fr); gap: 12px; }
  .als-v164-space-grid h3 { font-size: 20px; }
  .als-v164-space-grid p { display: none; }
  .als-v164-commercial__sectors { grid-template-columns: 1fr; }
  .als-v164-why-grid { gap: 18px; grid-template-columns: repeat(2,1fr); }
  .als-v164-home-guides { grid-template-columns: repeat(2,1fr); }
  .als-v164-home-guides a:last-child { display: none; }
  .als-v164-showrooms { padding: 22px; }
  .als-v164-breadcrumb { padding-inline: 20px !important; }
  .als-v164-archive-hero { min-height: 590px; }
  .als-v164-archive-hero__overlay { background: linear-gradient(0deg,rgba(250,249,246,.96),rgba(250,249,246,.46)); }
  .als-v164-archive-hero__content h1 { font-size: 39px; }
  .als-v164-archive-hero__content > div { flex-direction: column; }
  .als-v164-archive-hero__content > div a { width: 100%; }
  .als-v164-image-card { aspect-ratio: 1.08; }
  .als-v164-process { grid-template-columns: 1fr; }
  .als-v164-process li { align-items: center; background: #fff; border: 1px solid rgba(191,201,190,.4); border-radius: 13px; flex-direction: row; padding: 14px; text-align: start; }
  .als-v164-process li span { flex: 0 0 50px; height: 50px; width: 50px; }
  .als-v164-category-rail { display: flex; overflow-x: auto; padding-bottom: 10px; }
  .als-v164-category-rail a { flex: 0 0 130px; }
  .als-v164-sector-hero { min-height: 620px; }
  .als-v164-sector-hero h1 { font-size: 39px; }
  .als-v164-sector-hero__content > div { flex-direction: column; }
  .als-v164-sector-hero__content > div a { width: 100%; }
  .als-v164-sector-directory { grid-template-columns: repeat(2,1fr); gap: 12px; }
  .als-v164-sector-directory a { aspect-ratio: auto; min-height: 170px; padding: 14px; }
  .als-v164-sector-directory h3 { font-size: 15px; }
  .als-v164-spotlights { gap: 62px; }
  .als-v164-spotlight__media { min-height: 330px; }
  .als-v164-spotlight__media > div { bottom: 14px; inset-inline-start: 14px; max-width: calc(100% - 28px); }
  .als-v164-final-cta > div > div { flex-direction: column; }
  .als-v164-final-cta > div > div a { width: 100%; }
}
.als-v164-rich-content { background:#fff;border:1px solid rgba(191,201,190,.45);border-radius:18px;box-shadow:var(--als-shadow);font-size:17px;line-height:1.9;margin-inline:auto;max-width:980px;padding:clamp(24px,5vw,60px); }
.als-v164-rich-content h2,.als-v164-rich-content h3 { color:var(--als-green); }