/* ==========================================================================
   Cranes And Construction
   1. Tokens
   2. Base
   3. Layout
   4. Typography
   5. Buttons & links
   6. Header
   7. Hero / page banner
   8. Split
   9. Stats band
   10. Service cards
   11. Feature split
   12. Benefits panel
   13. Accreditation
   14. Bullets
   15. Gallery
   16. Equipment & feature list
   17. Industry cards
   18. Contact form
   19. Footer
   20. Media (background image bindings)
   21. Responsive — tablet
   22. Responsive — mobile
   ========================================================================== */

/* 1. Tokens ============================================================== */
:root {
  --cc-dark: #141a1f;
  --cc-dark-50: rgba(20, 26, 31, .5);
  --cc-orange: #e57007;
  --cc-orange-alt: #e47423;
  --cc-orange-10: rgba(229, 112, 7, .1);
  --cc-white: #fff;
  --cc-white-50: rgba(255, 255, 255, .5);
  --cc-white-05: rgba(255, 255, 255, .05);
  --cc-grey-footer: #4e4e4e;
  --cc-grey-line: #cfcfcf;
  --cc-grey-body: #3b3b3b;
  --cc-placeholder: #22292f;

  --cc-font: "Mada", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
             "Helvetica Neue", Arial, sans-serif;

  --cc-container: 1300px;
  --cc-gutter: 24px;
  --cc-header-h: 124px;

  --cc-s-1: 10px;
  --cc-s-2: 20px;
  --cc-s-3: 30px;
  --cc-s-4: 40px;
  --cc-s-5: 60px;
  --cc-s-6: 80px;
  --cc-s-7: 100px;
}

/* 2. Base =============================================================== */
*,
*::before,
*::after { box-sizing: border-box; }

html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  background: var(--cc-dark);
  color: var(--cc-white);
  font-family: var(--cc-font);
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  -webkit-font-smoothing: antialiased;
  text-wrap: pretty;
}

img, svg { display: block; max-width: 100%; }

a { color: var(--cc-orange); text-decoration: none; }
a:hover { color: var(--cc-orange-alt); }

h1, h2, h3, h4, p, ul, dl, dd, figure { margin: 0; }
ul { padding: 0; list-style: none; }

button { font: inherit; }

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* 3. Layout ============================================================= */
.container {
  width: 100%;
  max-width: var(--cc-container);
  margin-inline: auto;
  padding-inline: var(--cc-gutter);
}

.section { position: relative; padding-block: var(--cc-s-7); background: var(--cc-dark); }
.section--light { background: var(--cc-white); color: var(--cc-grey-body); }
.section--flush { padding-block: 0; }
.section--pad-bottom { padding-bottom: var(--cc-s-7); }
.section--tight-bottom { padding-bottom: 0; }
.section--tight-top { padding-top: var(--cc-s-6); }

/* 4. Typography ========================================================= */
.eyebrow {
  font-size: 20px;
  font-weight: 700;
  line-height: 20px;
  color: var(--cc-white);
}
.eyebrow--sm { font-size: 16px; line-height: 16px; }

.h1,
.h2 {
  font-size: 56px;
  font-weight: 700;
  line-height: 63px;
  color: var(--cc-orange);
}
.h2--white { color: var(--cc-white); }
.h2 + .lead,
.h2 + .text { margin-top: var(--cc-s-2); }

.h3 { font-size: 28px; font-weight: 500; line-height: 34px; }

.lead { font-size: 28px; font-weight: 500; line-height: 36px; color: var(--cc-white); }

.text { font-size: 18px; font-weight: 400; line-height: 26px; }
.text--sm { font-size: 16px; line-height: 24px; }
.text--medium { font-weight: 500; }
.text--center { text-align: center; }
.text--measure { max-width: 728px; margin-inline: auto; }
.text--measure + .text--measure { margin-top: var(--cc-s-5); }
.text + .text { margin-top: var(--cc-s-2); }

/* 5. Buttons & links ==================================================== */
/* Icons — .fig path data, coloured via mask so each takes its design fill */
.icon {
  display: block;
  background: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.icon--phone { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2212%22%20viewBox%3D%220%200%2013%2012%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2012.629%208.48%20L%209.785%207.355%20C%209.664%207.307%209.529%207.297%209.401%207.326%20C%209.273%207.355%209.158%207.422%209.075%207.516%20L%207.815%208.937%20C%205.839%208.076%204.248%206.608%203.316%204.784%20L%204.855%203.621%20C%204.957%203.544%205.03%203.439%205.061%203.32%20C%205.093%203.202%205.082%203.077%205.03%202.965%20L%203.811%200.34%20C%203.754%200.219%203.653%200.12%203.526%200.061%20C%203.398%200.001%203.252%20-0.015%203.113%200.014%20L%200.472%200.577%20C%200.338%200.605%200.218%200.675%200.132%200.775%20C%200.047%200.874%200%200.998%200%201.125%20C%200%207.137%205.279%2012%2011.781%2012%20C%2011.919%2012%2012.053%2011.957%2012.161%2011.878%20C%2012.269%2011.799%2012.345%2011.688%2012.376%2011.564%20L%2012.985%209.127%20C%2013.016%208.997%2012.998%208.862%2012.933%208.744%20C%2012.868%208.626%2012.761%208.532%2012.629%208.48%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2212%22%20viewBox%3D%220%200%2013%2012%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2012.629%208.48%20L%209.785%207.355%20C%209.664%207.307%209.529%207.297%209.401%207.326%20C%209.273%207.355%209.158%207.422%209.075%207.516%20L%207.815%208.937%20C%205.839%208.076%204.248%206.608%203.316%204.784%20L%204.855%203.621%20C%204.957%203.544%205.03%203.439%205.061%203.32%20C%205.093%203.202%205.082%203.077%205.03%202.965%20L%203.811%200.34%20C%203.754%200.219%203.653%200.12%203.526%200.061%20C%203.398%200.001%203.252%20-0.015%203.113%200.014%20L%200.472%200.577%20C%200.338%200.605%200.218%200.675%200.132%200.775%20C%200.047%200.874%200%200.998%200%201.125%20C%200%207.137%205.279%2012%2011.781%2012%20C%2011.919%2012%2012.053%2011.957%2012.161%2011.878%20C%2012.269%2011.799%2012.345%2011.688%2012.376%2011.564%20L%2012.985%209.127%20C%2013.016%208.997%2012.998%208.862%2012.933%208.744%20C%2012.868%208.626%2012.761%208.532%2012.629%208.48%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
.icon--pin { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.003%22%20height%3D%2214.082%22%20viewBox%3D%220%200%2011.003%2014.082%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%200.003%205.157%20C%200.003%202.308%202.466%200%205.503%200%20C%208.539%200%2011.003%202.308%2011.003%205.157%20C%2011.003%208.419%207.56%2012.329%206.122%2013.82%20C%205.784%2014.17%205.219%2014.17%204.881%2013.82%20C%203.443%2012.329%200%208.419%200%205.157%20L%200.003%205.157%20Z%20M%205.503%207%20C%205.989%207%206.455%206.816%206.799%206.487%20C%207.143%206.159%207.336%205.714%207.336%205.25%20C%207.336%204.786%207.143%204.341%206.799%204.013%20C%206.455%203.684%205.989%203.5%205.503%203.5%20C%205.017%203.5%204.55%203.684%204.207%204.013%20C%203.863%204.341%203.67%204.786%203.67%205.25%20C%203.67%205.714%203.863%206.159%204.207%206.487%20C%204.55%206.816%205.017%207%205.503%207%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211.003%22%20height%3D%2214.082%22%20viewBox%3D%220%200%2011.003%2014.082%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%200.003%205.157%20C%200.003%202.308%202.466%200%205.503%200%20C%208.539%200%2011.003%202.308%2011.003%205.157%20C%2011.003%208.419%207.56%2012.329%206.122%2013.82%20C%205.784%2014.17%205.219%2014.17%204.881%2013.82%20C%203.443%2012.329%200%208.419%200%205.157%20L%200.003%205.157%20Z%20M%205.503%207%20C%205.989%207%206.455%206.816%206.799%206.487%20C%207.143%206.159%207.336%205.714%207.336%205.25%20C%207.336%204.786%207.143%204.341%206.799%204.013%20C%206.455%203.684%205.989%203.5%205.503%203.5%20C%205.017%203.5%204.55%203.684%204.207%204.013%20C%203.863%204.341%203.67%204.786%203.67%205.25%20C%203.67%205.714%203.863%206.159%204.207%206.487%20C%204.55%206.816%205.017%207%205.503%207%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
.icon--quote { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.893%22%20height%3D%2213.893%22%20viewBox%3D%220%200%2013.893%2013.893%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2012.059%201.503%20L%2012.389%201.834%20C%2012.646%202.091%2012.646%202.507%2012.389%202.761%20L%2011.594%203.559%20L%2010.333%202.299%20L%2011.129%201.503%20C%2011.386%201.246%2011.802%201.246%2012.056%201.503%20L%2012.059%201.503%20Z%20M%205.737%206.898%20L%209.406%203.226%20L%2010.667%204.486%20L%206.995%208.156%20C%206.915%208.235%206.817%208.293%206.71%208.323%20L%205.111%208.779%20L%205.567%207.18%20C%205.597%207.073%205.655%206.975%205.734%206.895%20L%205.737%206.898%20Z%20M%2010.202%200.576%20L%204.807%205.968%20C%204.569%206.206%204.397%206.499%204.307%206.819%20L%203.525%209.553%20C%203.459%209.783%203.522%2010.029%203.691%2010.199%20C%203.861%2010.368%204.107%2010.431%204.337%2010.365%20L%207.071%209.583%20C%207.394%209.49%207.686%209.318%207.921%209.083%20L%2013.316%203.691%20C%2014.085%202.922%2014.085%201.675%2013.316%200.907%20L%2012.986%200.576%20C%2012.217%20-0.192%2010.97%20-0.192%2010.202%200.576%20Z%20M%202.406%201.643%20C%201.077%201.643%200%202.72%200%204.049%20L%200%2011.486%20C%200%2012.815%201.077%2013.893%202.406%2013.893%20L%209.844%2013.893%20C%2011.173%2013.893%2012.25%2012.815%2012.25%2011.486%20L%2012.25%208.424%20C%2012.25%208.06%2011.957%207.768%2011.594%207.768%20C%2011.23%207.768%2010.938%208.06%2010.938%208.424%20L%2010.938%2011.486%20C%2010.938%2012.091%2010.448%2012.58%209.844%2012.58%20L%202.406%2012.58%20C%201.802%2012.58%201.313%2012.091%201.313%2011.486%20L%201.313%204.049%20C%201.313%203.445%201.802%202.955%202.406%202.955%20L%205.469%202.955%20C%205.832%202.955%206.125%202.663%206.125%202.299%20C%206.125%201.935%205.832%201.643%205.469%201.643%20L%202.406%201.643%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213.893%22%20height%3D%2213.893%22%20viewBox%3D%220%200%2013.893%2013.893%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2012.059%201.503%20L%2012.389%201.834%20C%2012.646%202.091%2012.646%202.507%2012.389%202.761%20L%2011.594%203.559%20L%2010.333%202.299%20L%2011.129%201.503%20C%2011.386%201.246%2011.802%201.246%2012.056%201.503%20L%2012.059%201.503%20Z%20M%205.737%206.898%20L%209.406%203.226%20L%2010.667%204.486%20L%206.995%208.156%20C%206.915%208.235%206.817%208.293%206.71%208.323%20L%205.111%208.779%20L%205.567%207.18%20C%205.597%207.073%205.655%206.975%205.734%206.895%20L%205.737%206.898%20Z%20M%2010.202%200.576%20L%204.807%205.968%20C%204.569%206.206%204.397%206.499%204.307%206.819%20L%203.525%209.553%20C%203.459%209.783%203.522%2010.029%203.691%2010.199%20C%203.861%2010.368%204.107%2010.431%204.337%2010.365%20L%207.071%209.583%20C%207.394%209.49%207.686%209.318%207.921%209.083%20L%2013.316%203.691%20C%2014.085%202.922%2014.085%201.675%2013.316%200.907%20L%2012.986%200.576%20C%2012.217%20-0.192%2010.97%20-0.192%2010.202%200.576%20Z%20M%202.406%201.643%20C%201.077%201.643%200%202.72%200%204.049%20L%200%2011.486%20C%200%2012.815%201.077%2013.893%202.406%2013.893%20L%209.844%2013.893%20C%2011.173%2013.893%2012.25%2012.815%2012.25%2011.486%20L%2012.25%208.424%20C%2012.25%208.06%2011.957%207.768%2011.594%207.768%20C%2011.23%207.768%2010.938%208.06%2010.938%208.424%20L%2010.938%2011.486%20C%2010.938%2012.091%2010.448%2012.58%209.844%2012.58%20L%202.406%2012.58%20C%201.802%2012.58%201.313%2012.091%201.313%2011.486%20L%201.313%204.049%20C%201.313%203.445%201.802%202.955%202.406%202.955%20L%205.469%202.955%20C%205.832%202.955%206.125%202.663%206.125%202.299%20C%206.125%201.935%205.832%201.643%205.469%201.643%20L%202.406%201.643%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
.icon--fleet { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.119%22%20height%3D%2233.143%22%20viewBox%3D%220%200%2033.119%2033.143%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2030.172%200%20C%2030.142%200.006%2030.111%200.014%2030.082%200.023%20L%2027.36%200.023%20C%2027.166%200.023%2026.977%200.11%2026.842%200.248%20L%2016.717%2010.53%20L%2017.595%2011.655%20L%2020.317%208.91%20L%2020.813%2013.613%20L%2020.025%2014.783%20L%2020.835%2015.84%20C%2020.872%2015.888%2020.914%2015.927%2020.947%2015.975%20L%2029.52%203.128%20L%2029.52%2018.945%20C%2029.09%2019.196%2028.8%2019.651%2028.8%2020.183%20C%2028.8%2020.714%2029.09%2021.17%2029.52%2021.42%20L%2029.52%2022.32%20C%2029.52%2022.995%2029.959%2023.631%2030.645%2023.828%20C%2031.323%2024.022%2031.798%2024.694%2031.657%2025.493%20C%2031.559%2026.05%2031.07%2026.542%2030.51%2026.64%20C%2029.565%2026.806%2028.8%2026.114%2028.8%2025.223%20C%2028.803%2024.964%2028.668%2024.722%2028.443%2024.59%20C%2028.218%2024.461%2027.942%2024.461%2027.717%2024.59%20C%2027.492%2024.722%2027.357%2024.964%2027.36%2025.223%20C%2027.36%2026.975%2028.972%2028.37%2030.757%2028.058%20C%2031.936%2027.85%2032.87%2026.919%2033.075%2025.74%20C%2033.339%2024.233%2032.394%2022.843%2031.027%2022.455%20C%2030.999%2022.447%2030.96%2022.388%2030.96%2022.32%20L%2030.96%2021.42%20C%2031.39%2021.17%2031.68%2020.714%2031.68%2020.183%20C%2031.68%2019.651%2031.39%2019.196%2030.96%2018.945%20L%2030.96%200.788%20C%2030.963%200.754%2030.963%200.709%2030.96%200.675%20C%2030.954%200.644%2030.946%200.613%2030.937%200.585%20C%2030.923%200.523%2030.901%200.462%2030.87%200.405%20C%2030.839%200.349%2030.802%200.296%2030.757%200.248%20C%2030.738%200.222%2030.715%200.2%2030.69%200.18%20C%2030.637%200.135%2030.575%200.096%2030.51%200.068%20C%2030.487%200.059%2030.468%200.051%2030.442%200.045%20C%2030.355%200.014%2030.265%20-0.003%2030.172%200%20Z%20M%2027.652%201.463%20L%2028.89%201.463%20L%2026.437%205.153%20L%2026.235%202.88%20L%2027.652%201.463%20Z%20M%2024.907%204.253%20L%2025.087%206.458%20L%2022.567%206.615%20L%2024.907%204.253%20Z%20M%2024.592%207.92%20L%2022.05%2011.723%20L%2021.667%208.123%20L%2024.592%207.92%20Z%20M%204.32%2010.103%20C%203.13%2010.103%202.16%2011.073%202.16%2012.263%20L%202.16%2020.903%20C%202.16%2022.092%203.13%2023.063%204.32%2023.063%20L%206.48%2023.063%20L%206.48%2024.503%20L%204.32%2024.503%20C%201.938%2024.503%200%2026.441%200%2028.823%20C%200%2031.205%201.938%2033.143%204.32%2033.143%20L%2020.16%2033.143%20C%2022.542%2033.143%2024.48%2031.205%2024.48%2028.823%20C%2024.48%2026.441%2022.542%2024.503%2020.16%2024.503%20L%2018%2024.503%20L%2018%2023.063%20L%2018.72%2023.063%20C%2019.91%2023.063%2020.88%2022.092%2020.88%2020.903%20L%2020.88%2018.023%20C%2020.874%2017.393%2020.658%2016.766%2020.272%2016.268%20L%2016.132%2010.935%20C%2015.725%2010.415%2015.083%2010.103%2014.422%2010.103%20L%204.32%2010.103%20Z%20M%2011.745%2011.543%20L%2014.422%2011.543%20C%2014.645%2011.543%2014.85%2011.638%2014.985%2011.813%20L%2019.147%2017.168%20C%2019.339%2017.412%2019.434%2017.711%2019.44%2018.023%20L%2013.5%2018.023%20L%2011.745%2011.543%20Z%20M%207.92%2023.063%20L%2016.56%2023.063%20L%2016.56%2024.503%20L%207.92%2024.503%20L%207.92%2023.063%20Z%20M%204.32%2027.383%20C%205.116%2027.383%205.76%2028.027%205.76%2028.823%20C%205.76%2029.619%205.116%2030.263%204.32%2030.263%20C%203.524%2030.263%202.88%2029.619%202.88%2028.823%20C%202.88%2028.027%203.524%2027.383%204.32%2027.383%20Z%20M%208.64%2027.383%20C%209.436%2027.383%2010.08%2028.027%2010.08%2028.823%20C%2010.08%2029.619%209.436%2030.263%208.64%2030.263%20C%207.844%2030.263%207.2%2029.619%207.2%2028.823%20C%207.2%2028.027%207.844%2027.383%208.64%2027.383%20Z%20M%2015.84%2027.383%20C%2016.636%2027.383%2017.28%2028.027%2017.28%2028.823%20C%2017.28%2029.619%2016.636%2030.263%2015.84%2030.263%20C%2015.044%2030.263%2014.4%2029.619%2014.4%2028.823%20C%2014.4%2028.027%2015.044%2027.383%2015.84%2027.383%20Z%20M%2020.16%2027.383%20C%2020.956%2027.383%2021.6%2028.027%2021.6%2028.823%20C%2021.6%2029.619%2020.956%2030.263%2020.16%2030.263%20C%2019.364%2030.263%2018.72%2029.619%2018.72%2028.823%20C%2018.72%2028.027%2019.364%2027.383%2020.16%2027.383%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2233.119%22%20height%3D%2233.143%22%20viewBox%3D%220%200%2033.119%2033.143%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2030.172%200%20C%2030.142%200.006%2030.111%200.014%2030.082%200.023%20L%2027.36%200.023%20C%2027.166%200.023%2026.977%200.11%2026.842%200.248%20L%2016.717%2010.53%20L%2017.595%2011.655%20L%2020.317%208.91%20L%2020.813%2013.613%20L%2020.025%2014.783%20L%2020.835%2015.84%20C%2020.872%2015.888%2020.914%2015.927%2020.947%2015.975%20L%2029.52%203.128%20L%2029.52%2018.945%20C%2029.09%2019.196%2028.8%2019.651%2028.8%2020.183%20C%2028.8%2020.714%2029.09%2021.17%2029.52%2021.42%20L%2029.52%2022.32%20C%2029.52%2022.995%2029.959%2023.631%2030.645%2023.828%20C%2031.323%2024.022%2031.798%2024.694%2031.657%2025.493%20C%2031.559%2026.05%2031.07%2026.542%2030.51%2026.64%20C%2029.565%2026.806%2028.8%2026.114%2028.8%2025.223%20C%2028.803%2024.964%2028.668%2024.722%2028.443%2024.59%20C%2028.218%2024.461%2027.942%2024.461%2027.717%2024.59%20C%2027.492%2024.722%2027.357%2024.964%2027.36%2025.223%20C%2027.36%2026.975%2028.972%2028.37%2030.757%2028.058%20C%2031.936%2027.85%2032.87%2026.919%2033.075%2025.74%20C%2033.339%2024.233%2032.394%2022.843%2031.027%2022.455%20C%2030.999%2022.447%2030.96%2022.388%2030.96%2022.32%20L%2030.96%2021.42%20C%2031.39%2021.17%2031.68%2020.714%2031.68%2020.183%20C%2031.68%2019.651%2031.39%2019.196%2030.96%2018.945%20L%2030.96%200.788%20C%2030.963%200.754%2030.963%200.709%2030.96%200.675%20C%2030.954%200.644%2030.946%200.613%2030.937%200.585%20C%2030.923%200.523%2030.901%200.462%2030.87%200.405%20C%2030.839%200.349%2030.802%200.296%2030.757%200.248%20C%2030.738%200.222%2030.715%200.2%2030.69%200.18%20C%2030.637%200.135%2030.575%200.096%2030.51%200.068%20C%2030.487%200.059%2030.468%200.051%2030.442%200.045%20C%2030.355%200.014%2030.265%20-0.003%2030.172%200%20Z%20M%2027.652%201.463%20L%2028.89%201.463%20L%2026.437%205.153%20L%2026.235%202.88%20L%2027.652%201.463%20Z%20M%2024.907%204.253%20L%2025.087%206.458%20L%2022.567%206.615%20L%2024.907%204.253%20Z%20M%2024.592%207.92%20L%2022.05%2011.723%20L%2021.667%208.123%20L%2024.592%207.92%20Z%20M%204.32%2010.103%20C%203.13%2010.103%202.16%2011.073%202.16%2012.263%20L%202.16%2020.903%20C%202.16%2022.092%203.13%2023.063%204.32%2023.063%20L%206.48%2023.063%20L%206.48%2024.503%20L%204.32%2024.503%20C%201.938%2024.503%200%2026.441%200%2028.823%20C%200%2031.205%201.938%2033.143%204.32%2033.143%20L%2020.16%2033.143%20C%2022.542%2033.143%2024.48%2031.205%2024.48%2028.823%20C%2024.48%2026.441%2022.542%2024.503%2020.16%2024.503%20L%2018%2024.503%20L%2018%2023.063%20L%2018.72%2023.063%20C%2019.91%2023.063%2020.88%2022.092%2020.88%2020.903%20L%2020.88%2018.023%20C%2020.874%2017.393%2020.658%2016.766%2020.272%2016.268%20L%2016.132%2010.935%20C%2015.725%2010.415%2015.083%2010.103%2014.422%2010.103%20L%204.32%2010.103%20Z%20M%2011.745%2011.543%20L%2014.422%2011.543%20C%2014.645%2011.543%2014.85%2011.638%2014.985%2011.813%20L%2019.147%2017.168%20C%2019.339%2017.412%2019.434%2017.711%2019.44%2018.023%20L%2013.5%2018.023%20L%2011.745%2011.543%20Z%20M%207.92%2023.063%20L%2016.56%2023.063%20L%2016.56%2024.503%20L%207.92%2024.503%20L%207.92%2023.063%20Z%20M%204.32%2027.383%20C%205.116%2027.383%205.76%2028.027%205.76%2028.823%20C%205.76%2029.619%205.116%2030.263%204.32%2030.263%20C%203.524%2030.263%202.88%2029.619%202.88%2028.823%20C%202.88%2028.027%203.524%2027.383%204.32%2027.383%20Z%20M%208.64%2027.383%20C%209.436%2027.383%2010.08%2028.027%2010.08%2028.823%20C%2010.08%2029.619%209.436%2030.263%208.64%2030.263%20C%207.844%2030.263%207.2%2029.619%207.2%2028.823%20C%207.2%2028.027%207.844%2027.383%208.64%2027.383%20Z%20M%2015.84%2027.383%20C%2016.636%2027.383%2017.28%2028.027%2017.28%2028.823%20C%2017.28%2029.619%2016.636%2030.263%2015.84%2030.263%20C%2015.044%2030.263%2014.4%2029.619%2014.4%2028.823%20C%2014.4%2028.027%2015.044%2027.383%2015.84%2027.383%20Z%20M%2020.16%2027.383%20C%2020.956%2027.383%2021.6%2028.027%2021.6%2028.823%20C%2021.6%2029.619%2020.956%2030.263%2020.16%2030.263%20C%2019.364%2030.263%2018.72%2029.619%2018.72%2028.823%20C%2018.72%2028.027%2019.364%2027.383%2020.16%2027.383%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
.icon--team { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.952%22%20height%3D%2236%22%20viewBox%3D%220%200%2025.952%2036%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2018.833%2026.901%20L%2018.833%2032.455%20L%2021.494%2033.563%20L%2021.494%2025.445%20C%2020.658%2026.018%2019.766%2026.506%2018.833%2026.901%20Z%20M%204.458%2025.445%20L%204.458%2033.507%20L%207.12%2032.4%20L%207.12%2026.901%20C%206.186%2026.506%205.294%2026.018%204.458%2025.445%20Z%20M%2012.976%2028.082%20C%2011.719%2028.083%2010.468%2027.927%209.25%2027.617%20L%209.25%2036%20L%2012.976%2034.449%20L%2016.702%2036%20L%2016.702%2027.617%20C%2015.484%2027.927%2014.233%2028.083%2012.976%2028.082%20Z%20M%2012.976%200%20C%205.821%200%200%205.821%200%2012.976%20C%200%2020.131%205.821%2025.952%2012.976%2025.952%20C%2020.131%2025.952%2025.952%2020.131%2025.952%2012.976%20C%2025.952%205.821%2020.131%200%2012.976%200%20Z%20M%2012.976%2023.21%20C%207.304%2023.21%202.689%2018.595%202.689%2012.923%20C%202.689%207.251%207.304%202.636%2012.976%202.636%20C%2018.648%202.636%2023.263%207.251%2023.263%2012.923%20C%2023.263%2018.595%2018.648%2023.21%2012.976%2023.21%20Z%20M%2012.976%204.766%20C%208.478%204.766%204.819%208.425%204.819%2012.923%20C%204.819%2017.421%208.478%2021.08%2012.976%2021.08%20C%2017.474%2021.08%2021.133%2017.421%2021.133%2012.923%20C%2021.133%208.425%2017.474%204.766%2012.976%204.766%20Z%20M%2016.329%2017.684%20L%2012.976%2015.921%20L%209.624%2017.684%20L%2010.264%2013.951%20L%207.552%2011.307%20L%2011.3%2010.762%20L%2012.976%207.366%20L%2014.652%2010.762%20L%2018.401%2011.307%20L%2015.688%2013.951%20L%2016.329%2017.684%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2225.952%22%20height%3D%2236%22%20viewBox%3D%220%200%2025.952%2036%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2018.833%2026.901%20L%2018.833%2032.455%20L%2021.494%2033.563%20L%2021.494%2025.445%20C%2020.658%2026.018%2019.766%2026.506%2018.833%2026.901%20Z%20M%204.458%2025.445%20L%204.458%2033.507%20L%207.12%2032.4%20L%207.12%2026.901%20C%206.186%2026.506%205.294%2026.018%204.458%2025.445%20Z%20M%2012.976%2028.082%20C%2011.719%2028.083%2010.468%2027.927%209.25%2027.617%20L%209.25%2036%20L%2012.976%2034.449%20L%2016.702%2036%20L%2016.702%2027.617%20C%2015.484%2027.927%2014.233%2028.083%2012.976%2028.082%20Z%20M%2012.976%200%20C%205.821%200%200%205.821%200%2012.976%20C%200%2020.131%205.821%2025.952%2012.976%2025.952%20C%2020.131%2025.952%2025.952%2020.131%2025.952%2012.976%20C%2025.952%205.821%2020.131%200%2012.976%200%20Z%20M%2012.976%2023.21%20C%207.304%2023.21%202.689%2018.595%202.689%2012.923%20C%202.689%207.251%207.304%202.636%2012.976%202.636%20C%2018.648%202.636%2023.263%207.251%2023.263%2012.923%20C%2023.263%2018.595%2018.648%2023.21%2012.976%2023.21%20Z%20M%2012.976%204.766%20C%208.478%204.766%204.819%208.425%204.819%2012.923%20C%204.819%2017.421%208.478%2021.08%2012.976%2021.08%20C%2017.474%2021.08%2021.133%2017.421%2021.133%2012.923%20C%2021.133%208.425%2017.474%204.766%2012.976%204.766%20Z%20M%2016.329%2017.684%20L%2012.976%2015.921%20L%209.624%2017.684%20L%2010.264%2013.951%20L%207.552%2011.307%20L%2011.3%2010.762%20L%2012.976%207.366%20L%2014.652%2010.762%20L%2018.401%2011.307%20L%2015.688%2013.951%20L%2016.329%2017.684%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
.icon--safety { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236.999%22%20height%3D%2235.999%22%20viewBox%3D%220%200%2036.999%2035.999%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2035.883%2014.974%20L%2035.6%2014.974%20C%2035.579%2014.952%2035.559%2014.929%2035.534%2014.907%20L%2031.556%2011.238%20L%2031.556%205.901%20C%2031.556%205.866%2031.552%205.832%2031.547%205.8%20C%2031.547%205.797%2031.547%205.797%2031.547%205.797%20C%2031.549%205.753%2031.549%205.707%2031.54%205.663%20L%2031.341%204.687%20C%2031.276%204.366%2030.834%204.183%2030.355%204.278%20C%2030.355%204.278%2025.504%205.145%2021.308%205.901%20L%2021.308%204.679%20C%2021.308%204.066%2020.809%203.57%2020.192%203.57%20L%2016.448%203.57%20L%2014%200.24%20L%2013.986%200.217%20C%2013.839%200.02%2013.58%20-0.05%2013.358%200.037%20C%2013.324%200.049%2013.29%200.066%2013.26%200.087%20C%2013.251%200.089%2013.245%200.095%2013.236%200.1%20C%2013.183%200.142%2013.14%200.187%2013.104%200.24%20L%2010.656%203.57%20L%206.914%203.57%20C%206.298%203.57%205.797%204.066%205.797%204.68%20L%205.797%209.086%20C%203.027%209.697%200.758%2010.2%200.758%2010.2%20C%200.28%2010.299%20-0.059%2010.635%200.008%2010.957%20L%200.207%2011.933%20C%200.271%2012.254%200.712%2012.437%201.194%2012.342%20C%201.194%2012.342%203.224%2011.98%205.797%2011.52%20L%205.797%2013.513%20C%205.797%2014.126%206.299%2014.625%206.914%2014.625%20L%209.128%2014.625%20L%209.128%2014.773%20C%209.128%2014.724%209.134%2014.673%209.152%2014.625%20L%209.153%2014.625%20C%209.135%2014.672%209.128%2014.724%209.128%2014.773%20L%209.129%2034.556%20C%209.129%2035.353%209.783%2035.999%2010.584%2035.999%20L%2016.525%2035.999%20C%2017.323%2035.999%2017.977%2035.353%2017.977%2034.556%20L%2017.977%2014.772%20L%2017.977%2014.624%20L%2020.192%2014.624%20C%2020.81%2014.624%2021.309%2014.126%2021.309%2013.512%20L%2021.309%208.513%20C%2024.723%207.762%2028.743%206.873%2030.215%206.546%20L%2030.215%2011.241%20L%2026.238%2014.908%20C%2026.215%2014.93%2026.195%2014.952%2026.172%2014.975%20L%2025.889%2014.975%20C%2025.274%2014.975%2024.772%2015.474%2024.772%2016.085%20L%2024.772%2026.007%20C%2024.772%2026.618%2025.274%2027.116%2025.889%2027.116%20L%2035.883%2027.116%20C%2036.497%2027.116%2036.999%2026.618%2036.999%2026.007%20L%2036.999%2016.084%20C%2037%2015.473%2036.497%2014.974%2035.883%2014.974%20Z%20M%2013.555%201.431%20L%2015.125%203.57%20L%2011.982%203.57%20L%2013.555%201.431%20Z%20M%2013.555%2023.953%20L%2010.514%2021.368%20L%2013.555%2018.784%20L%2016.592%2021.368%20L%2013.555%2023.953%20Z%20M%2013.555%2025.376%20L%2016.595%2027.964%20L%2013.555%2030.548%20L%2010.512%2027.964%20L%2013.555%2025.376%20Z%20M%2010.34%2014.624%20L%2016.767%2014.624%20L%2013.555%2017.357%20L%2010.34%2014.624%20Z%20M%2010.22%2015.947%20L%2012.715%2018.072%20L%2010.22%2020.192%20L%2010.22%2015.947%20Z%20M%2010.22%2022.544%20L%2012.715%2024.664%20L%2010.22%2026.787%20L%2010.22%2022.544%20Z%20M%2010.22%2029.136%20L%2012.715%2031.259%20L%2010.22%2033.38%20L%2010.22%2029.136%20Z%20M%2016.525%2034.918%20L%2010.584%2034.918%20C%2010.456%2034.918%2010.345%2034.853%2010.278%2034.756%20L%2013.555%2031.971%20L%2016.829%2034.756%20C%2016.76%2034.855%2016.65%2034.918%2016.525%2034.918%20Z%20M%2016.886%2033.38%20L%2014.392%2031.259%20L%2016.886%2029.136%20L%2016.886%2033.38%20Z%20M%2016.886%2026.788%20L%2014.392%2024.665%20L%2016.886%2022.545%20L%2016.886%2026.788%20Z%20M%2016.886%2020.192%20L%2014.392%2018.073%20L%2016.886%2015.948%20L%2016.886%2020.192%20Z%20M%2017.856%2027.625%20C%2017.853%2027.62%2017.851%2027.616%2017.847%2027.611%20C%2017.853%2027.618%2017.855%2027.623%2017.858%2027.627%20C%2017.858%2027.626%2017.857%2027.625%2017.856%2027.625%20Z%20M%2017.856%2021.029%20C%2017.853%2021.024%2017.851%2021.018%2017.847%2021.015%20C%2017.853%2021.019%2017.855%2021.026%2017.858%2021.031%20C%2017.858%2021.03%2017.857%2021.029%2017.856%2021.029%20Z%20M%2018.546%209.045%20C%2018.546%209.071%2018.544%209.097%2018.537%209.123%20C%2018.502%209.299%2018.344%209.433%2018.155%209.433%20L%2012.335%209.433%20C%2012.119%209.433%2011.943%209.258%2011.943%209.044%20L%2011.943%206.461%20C%2011.943%206.249%2012.119%206.075%2012.335%206.075%20L%2018.155%206.075%20C%2018.351%206.075%2018.514%206.217%2018.54%206.404%20C%2018.544%206.423%2018.546%206.44%2018.546%206.462%20L%2018.546%209.045%20Z%20M%2030.215%2014.974%20L%2028.209%2014.974%20L%2030.215%2013.129%20L%2030.215%2014.974%20Z%20M%2031.556%2014.974%20L%2031.556%2013.127%20L%2033.563%2014.974%20L%2031.556%2014.974%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236.999%22%20height%3D%2235.999%22%20viewBox%3D%220%200%2036.999%2035.999%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2035.883%2014.974%20L%2035.6%2014.974%20C%2035.579%2014.952%2035.559%2014.929%2035.534%2014.907%20L%2031.556%2011.238%20L%2031.556%205.901%20C%2031.556%205.866%2031.552%205.832%2031.547%205.8%20C%2031.547%205.797%2031.547%205.797%2031.547%205.797%20C%2031.549%205.753%2031.549%205.707%2031.54%205.663%20L%2031.341%204.687%20C%2031.276%204.366%2030.834%204.183%2030.355%204.278%20C%2030.355%204.278%2025.504%205.145%2021.308%205.901%20L%2021.308%204.679%20C%2021.308%204.066%2020.809%203.57%2020.192%203.57%20L%2016.448%203.57%20L%2014%200.24%20L%2013.986%200.217%20C%2013.839%200.02%2013.58%20-0.05%2013.358%200.037%20C%2013.324%200.049%2013.29%200.066%2013.26%200.087%20C%2013.251%200.089%2013.245%200.095%2013.236%200.1%20C%2013.183%200.142%2013.14%200.187%2013.104%200.24%20L%2010.656%203.57%20L%206.914%203.57%20C%206.298%203.57%205.797%204.066%205.797%204.68%20L%205.797%209.086%20C%203.027%209.697%200.758%2010.2%200.758%2010.2%20C%200.28%2010.299%20-0.059%2010.635%200.008%2010.957%20L%200.207%2011.933%20C%200.271%2012.254%200.712%2012.437%201.194%2012.342%20C%201.194%2012.342%203.224%2011.98%205.797%2011.52%20L%205.797%2013.513%20C%205.797%2014.126%206.299%2014.625%206.914%2014.625%20L%209.128%2014.625%20L%209.128%2014.773%20C%209.128%2014.724%209.134%2014.673%209.152%2014.625%20L%209.153%2014.625%20C%209.135%2014.672%209.128%2014.724%209.128%2014.773%20L%209.129%2034.556%20C%209.129%2035.353%209.783%2035.999%2010.584%2035.999%20L%2016.525%2035.999%20C%2017.323%2035.999%2017.977%2035.353%2017.977%2034.556%20L%2017.977%2014.772%20L%2017.977%2014.624%20L%2020.192%2014.624%20C%2020.81%2014.624%2021.309%2014.126%2021.309%2013.512%20L%2021.309%208.513%20C%2024.723%207.762%2028.743%206.873%2030.215%206.546%20L%2030.215%2011.241%20L%2026.238%2014.908%20C%2026.215%2014.93%2026.195%2014.952%2026.172%2014.975%20L%2025.889%2014.975%20C%2025.274%2014.975%2024.772%2015.474%2024.772%2016.085%20L%2024.772%2026.007%20C%2024.772%2026.618%2025.274%2027.116%2025.889%2027.116%20L%2035.883%2027.116%20C%2036.497%2027.116%2036.999%2026.618%2036.999%2026.007%20L%2036.999%2016.084%20C%2037%2015.473%2036.497%2014.974%2035.883%2014.974%20Z%20M%2013.555%201.431%20L%2015.125%203.57%20L%2011.982%203.57%20L%2013.555%201.431%20Z%20M%2013.555%2023.953%20L%2010.514%2021.368%20L%2013.555%2018.784%20L%2016.592%2021.368%20L%2013.555%2023.953%20Z%20M%2013.555%2025.376%20L%2016.595%2027.964%20L%2013.555%2030.548%20L%2010.512%2027.964%20L%2013.555%2025.376%20Z%20M%2010.34%2014.624%20L%2016.767%2014.624%20L%2013.555%2017.357%20L%2010.34%2014.624%20Z%20M%2010.22%2015.947%20L%2012.715%2018.072%20L%2010.22%2020.192%20L%2010.22%2015.947%20Z%20M%2010.22%2022.544%20L%2012.715%2024.664%20L%2010.22%2026.787%20L%2010.22%2022.544%20Z%20M%2010.22%2029.136%20L%2012.715%2031.259%20L%2010.22%2033.38%20L%2010.22%2029.136%20Z%20M%2016.525%2034.918%20L%2010.584%2034.918%20C%2010.456%2034.918%2010.345%2034.853%2010.278%2034.756%20L%2013.555%2031.971%20L%2016.829%2034.756%20C%2016.76%2034.855%2016.65%2034.918%2016.525%2034.918%20Z%20M%2016.886%2033.38%20L%2014.392%2031.259%20L%2016.886%2029.136%20L%2016.886%2033.38%20Z%20M%2016.886%2026.788%20L%2014.392%2024.665%20L%2016.886%2022.545%20L%2016.886%2026.788%20Z%20M%2016.886%2020.192%20L%2014.392%2018.073%20L%2016.886%2015.948%20L%2016.886%2020.192%20Z%20M%2017.856%2027.625%20C%2017.853%2027.62%2017.851%2027.616%2017.847%2027.611%20C%2017.853%2027.618%2017.855%2027.623%2017.858%2027.627%20C%2017.858%2027.626%2017.857%2027.625%2017.856%2027.625%20Z%20M%2017.856%2021.029%20C%2017.853%2021.024%2017.851%2021.018%2017.847%2021.015%20C%2017.853%2021.019%2017.855%2021.026%2017.858%2021.031%20C%2017.858%2021.03%2017.857%2021.029%2017.856%2021.029%20Z%20M%2018.546%209.045%20C%2018.546%209.071%2018.544%209.097%2018.537%209.123%20C%2018.502%209.299%2018.344%209.433%2018.155%209.433%20L%2012.335%209.433%20C%2012.119%209.433%2011.943%209.258%2011.943%209.044%20L%2011.943%206.461%20C%2011.943%206.249%2012.119%206.075%2012.335%206.075%20L%2018.155%206.075%20C%2018.351%206.075%2018.514%206.217%2018.54%206.404%20C%2018.544%206.423%2018.546%206.44%2018.546%206.462%20L%2018.546%209.045%20Z%20M%2030.215%2014.974%20L%2028.209%2014.974%20L%2030.215%2013.129%20L%2030.215%2014.974%20Z%20M%2031.556%2014.974%20L%2031.556%2013.127%20L%2033.563%2014.974%20L%2031.556%2014.974%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
.icon--badge { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240.370%22%20height%3D%2256%22%20viewBox%3D%220%200%2040.370%2056%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2029.295%2041.845%20L%2029.295%2050.486%20L%2033.435%2052.209%20L%2033.435%2039.581%20C%2032.134%2040.473%2030.747%2041.232%2029.295%2041.845%20Z%20M%206.935%2039.581%20L%206.935%2052.123%20L%2011.075%2050.4%20L%2011.075%2041.845%20C%209.622%2041.232%208.235%2040.473%206.935%2039.581%20Z%20M%2020.185%2043.684%20C%2018.23%2043.685%2016.283%2043.441%2014.388%2042.959%20L%2014.388%2056%20L%2020.185%2053.588%20L%2025.981%2056%20L%2025.981%2042.959%20C%2024.087%2043.441%2022.14%2043.685%2020.185%2043.684%20Z%20M%2020.185%200%20C%209.055%200%200%209.055%200%2020.185%20C%200%2031.315%209.055%2040.37%2020.185%2040.37%20C%2031.315%2040.37%2040.37%2031.315%2040.37%2020.185%20C%2040.37%209.055%2031.315%200%2020.185%200%20Z%20M%2020.185%2036.105%20C%2011.361%2036.105%204.183%2028.926%204.183%2020.102%20C%204.183%2011.279%2011.361%204.1%2020.185%204.1%20C%2029.008%204.1%2036.187%2011.279%2036.187%2020.102%20C%2036.187%2028.926%2029.009%2036.105%2020.185%2036.105%20Z%20M%2020.185%207.414%20C%2013.188%207.414%207.496%2013.106%207.496%2020.102%20C%207.496%2027.099%2013.188%2032.791%2020.185%2032.791%20C%2027.181%2032.791%2032.874%2027.099%2032.874%2020.102%20C%2032.874%2013.106%2027.181%207.414%2020.185%207.414%20Z%20M%2025.4%2027.508%20L%2020.185%2024.766%20L%2014.97%2027.508%20L%2015.966%2021.701%20L%2011.747%2017.588%20L%2017.578%2016.741%20L%2020.185%2011.458%20L%2022.792%2016.741%20L%2028.623%2017.588%20L%2024.404%2021.701%20L%2025.4%2027.508%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2240.370%22%20height%3D%2256%22%20viewBox%3D%220%200%2040.370%2056%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2029.295%2041.845%20L%2029.295%2050.486%20L%2033.435%2052.209%20L%2033.435%2039.581%20C%2032.134%2040.473%2030.747%2041.232%2029.295%2041.845%20Z%20M%206.935%2039.581%20L%206.935%2052.123%20L%2011.075%2050.4%20L%2011.075%2041.845%20C%209.622%2041.232%208.235%2040.473%206.935%2039.581%20Z%20M%2020.185%2043.684%20C%2018.23%2043.685%2016.283%2043.441%2014.388%2042.959%20L%2014.388%2056%20L%2020.185%2053.588%20L%2025.981%2056%20L%2025.981%2042.959%20C%2024.087%2043.441%2022.14%2043.685%2020.185%2043.684%20Z%20M%2020.185%200%20C%209.055%200%200%209.055%200%2020.185%20C%200%2031.315%209.055%2040.37%2020.185%2040.37%20C%2031.315%2040.37%2040.37%2031.315%2040.37%2020.185%20C%2040.37%209.055%2031.315%200%2020.185%200%20Z%20M%2020.185%2036.105%20C%2011.361%2036.105%204.183%2028.926%204.183%2020.102%20C%204.183%2011.279%2011.361%204.1%2020.185%204.1%20C%2029.008%204.1%2036.187%2011.279%2036.187%2020.102%20C%2036.187%2028.926%2029.009%2036.105%2020.185%2036.105%20Z%20M%2020.185%207.414%20C%2013.188%207.414%207.496%2013.106%207.496%2020.102%20C%207.496%2027.099%2013.188%2032.791%2020.185%2032.791%20C%2027.181%2032.791%2032.874%2027.099%2032.874%2020.102%20C%2032.874%2013.106%2027.181%207.414%2020.185%207.414%20Z%20M%2025.4%2027.508%20L%2020.185%2024.766%20L%2014.97%2027.508%20L%2015.966%2021.701%20L%2011.747%2017.588%20L%2017.578%2016.741%20L%2020.185%2011.458%20L%2022.792%2016.741%20L%2028.623%2017.588%20L%2024.404%2021.701%20L%2025.4%2027.508%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
.icon--flex { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%201.5C8.887%201.5%201.5%208.887%201.5%2018S8.887%2034.5%2018%2034.5%2034.5%2027.113%2034.5%2018%2027.113%201.5%2018%201.5Zm0%2030.4C10.32%2031.9%204.1%2025.68%204.1%2018S10.32%204.1%2018%204.1%2031.9%2010.32%2031.9%2018%2025.68%2031.9%2018%2031.9Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M19.3%209.2h-2.6v9.34l6.53%206.53%201.84-1.84-5.77-5.77V9.2Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M18%200h2.2v3H18Z%22%20fill%3D%22currentColor%22%20opacity%3D%220%22%2F%3E%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2036%2036%22%20fill%3D%22none%22%3E%3Cpath%20d%3D%22M18%201.5C8.887%201.5%201.5%208.887%201.5%2018S8.887%2034.5%2018%2034.5%2034.5%2027.113%2034.5%2018%2027.113%201.5%2018%201.5Zm0%2030.4C10.32%2031.9%204.1%2025.68%204.1%2018S10.32%204.1%2018%204.1%2031.9%2010.32%2031.9%2018%2025.68%2031.9%2018%2031.9Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M19.3%209.2h-2.6v9.34l6.53%206.53%201.84-1.84-5.77-5.77V9.2Z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M18%200h2.2v3H18Z%22%20fill%3D%22currentColor%22%20opacity%3D%220%22%2F%3E%3C%2Fsvg%3E"); }

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--cc-s-1);
  min-width: 174px;
  min-height: 52px;
  padding: 20px 30px;
  border: 0;
  border-radius: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 18px;
  color: var(--cc-white);
  white-space: nowrap;
  cursor: pointer;
  transition: background-color .18s ease, box-shadow .18s ease, color .18s ease;
}
.btn:hover { color: var(--cc-white); }
.btn__icon { width: 14px; height: 14px; flex: none; background: var(--cc-white); }
.btn--outline .btn__icon { background: var(--cc-orange-alt); }
.btn--outline:hover .btn__icon { background: var(--cc-white); }

.btn--solid { background: var(--cc-orange-alt); }
.btn--solid:hover { background: var(--cc-orange); }

.btn--outline { background: transparent; box-shadow: inset 0 0 0 1px var(--cc-orange-alt); }
.btn--outline:hover { background: var(--cc-orange-alt); }

.btn--sm { min-width: 143px; min-height: 41px; padding: 12px 22px; font-size: 16px; line-height: 16px; background: var(--cc-orange); }
.btn--sm:hover { background: var(--cc-orange-alt); }

.arrow-link {
  display: inline-flex;
  align-items: center;
  gap: var(--cc-s-1);
  padding-block: 5px;
  border-bottom: 1px solid var(--cc-orange);
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  color: var(--cc-white);
  transition: gap .18s ease, border-color .18s ease;
}
.arrow-link:hover { gap: 18px; color: var(--cc-white); }
.arrow-link--orange { color: var(--cc-orange); }
.arrow-link--orange:hover { color: var(--cc-orange); }
.arrow-link--rule-white { border-bottom-color: var(--cc-white); }
.arrow-link--dark { color: var(--cc-dark); border-bottom-color: var(--cc-dark); }
.arrow-link--dark:hover { color: var(--cc-dark); }
.arrow-link__icon { width: 19px; height: 8px; flex: none; }

.cta-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cc-s-4); margin-top: var(--cc-s-4); }
.cta-row .btn { min-width: 0; }
.cta-row--split { justify-content: space-between; padding-top: 25px; }

/* 6. Header ============================================================= */
.header {
  position: sticky;
  position: -webkit-sticky;
  top: 0;
  z-index: 50;
  background: var(--cc-dark);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
}
.header__inner {
  display: flex;
  align-items: center;
  gap: var(--cc-s-4);
  min-height: var(--cc-header-h);
}
.header__logo { width: 133px; flex: none; }
.header__logo img { width: 133px; height: auto; }
.header__actions { display: flex; align-items: center; gap: var(--cc-s-2); flex: none; }

.nav { display: flex; align-items: center; gap: var(--cc-s-2); margin-inline: auto; }
.nav__link {
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  color: var(--cc-white);
  white-space: nowrap;
}
.nav__link:hover,
.nav__link[aria-current="page"] { color: var(--cc-orange); }

.nav-toggle {
  display: none;
  width: 44px;
  height: 44px;
  padding: 0;
  background: transparent;
  border: 1px solid var(--cc-white-50);
  color: var(--cc-white);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
}

/* 7. Hero / page banner ================================================= */
.hero {
  position: relative;
  min-height: 1049px;
  background: var(--cc-placeholder) center / cover no-repeat;
}
.hero__video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, var(--cc-dark-50) 0%, rgba(20, 26, 31, .12) 45%, rgba(20, 26, 31, .55) 100%);
}

.banner {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 515px;
  background: var(--cc-placeholder) center / cover no-repeat;
}
.banner::after { content: ""; position: absolute; inset: 0; background: var(--cc-dark-50); }
.banner__inner { position: relative; z-index: 1; }
.banner__title { font-size: 56px; font-weight: 700; line-height: 63px; color: var(--cc-white); }

/* 8. Split ============================================================== */
.split { display: grid; grid-template-columns: 1fr 1fr; gap: var(--cc-s-6); align-items: start; }
.split__title { font-size: 28px; font-weight: 400; line-height: 36px; color: var(--cc-white); }
.split__brand { margin-top: 6px; font-size: 56px; font-weight: 700; line-height: 54px; color: var(--cc-orange); }
.split__body > * + * { margin-top: var(--cc-s-2); }
.split__link { margin-top: var(--cc-s-4); }

/* 8b. About page blocks ================================================= */
.banner--center { justify-content: center; text-align: center; align-items: flex-end; padding-bottom: var(--cc-s-4); }
.about-split { display: grid; grid-template-columns: 621px minmax(0, 1fr); gap: var(--cc-s-6); align-items: center; }
.about-split__body > * + * { margin-top: var(--cc-s-2); }
.about-split__media { min-height: 560px; background: var(--cc-placeholder) center / cover no-repeat; }
.about-split__media--contain { background-color: transparent; background-size: contain; }
.about-split--team { align-items: center; gap: 80px; }
.about-split--team .about-split__media { height: 380px; min-height: 0; background-position: bottom center; }
.about-mosaic { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; min-height: 591px; }
.about-mosaic__col { display: grid; gap: 8px; }
.about-mosaic__col--a { grid-template-rows: 287fr 182fr; }
.about-mosaic__col--b { grid-template-rows: 184fr 285fr; }
.about-mosaic__item { background: var(--cc-placeholder) center / cover no-repeat; }
.about-h2 { font-size: 36px; font-weight: 700; line-height: 42px; color: var(--cc-orange); }
.about-lead { font-size: 20px; font-weight: 400; line-height: 28px; color: var(--cc-white); }
.about-note { font-size: 16px; font-weight: 400; line-height: 22px; color: var(--cc-white); }
.bullets--3col {
  display: grid;
  grid-template-columns: repeat(3, max-content);
  gap: 14px var(--cc-s-4);
}

.section--bg {
  background: var(--cc-dark) center / cover no-repeat;
}
.section--bg > .container { position: relative; z-index: 1; }
.section--bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(20, 26, 31, .72);
}
.section--bg-light::before { background: rgba(20, 26, 31, .25); }

.statement { max-width: 728px; margin-inline: auto; text-align: center; }
.statement > * + * { margin-top: var(--cc-s-3); }
.statement__quote { font-size: 28px; font-weight: 700; line-height: 34px; color: var(--cc-orange); }
.statement__rule { width: 1px; height: 120px; margin: var(--cc-s-4) auto 0; background: var(--cc-orange); border: 0; }

/* Our Lifts mosaic (About) */
.lifts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; min-height: 660px; }
.lifts__item { background: var(--cc-placeholder) center / cover no-repeat; }
.lifts__stack { display: grid; grid-template-rows: 41fr 59fr; gap: 2px; }

.band { padding-block: var(--cc-s-5); background: var(--cc-orange); }
.band__title { font-size: 56px; font-weight: 700; line-height: 63px; text-align: center; color: var(--cc-white); }

/* 9. Stats band ========================================================= */
.stats-band { background: linear-gradient(180deg, var(--cc-dark) 0 159px, var(--cc-white) 159px); }
.stats {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  min-height: 251px;
  padding-block: var(--cc-s-4);
  background: var(--cc-orange);
}
.stat { padding-inline: var(--cc-s-4); }
.stat + .stat { border-left: 1px solid var(--cc-white-50); }
.stat__value { font-size: 100px; font-weight: 700; line-height: 100px; color: var(--cc-white); }
.stat__label {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
  color: var(--cc-white);
}

/* 10. Service cards ===================================================== */
.section-head { max-width: 820px; margin: 0 auto var(--cc-s-5); text-align: center; }
.section-head .text { margin-top: 14px; }

.cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.card {
  display: flex;
  flex-direction: column;
  gap: var(--cc-s-2);
  margin-left: -1px;
  padding: 12px 12px 30px;
  border: 1px solid var(--cc-grey-line);
  background: var(--cc-white);
}
.card:first-child { margin-left: 0; }
.card__media { aspect-ratio: 295 / 186; background: #e9e9e9 center / cover no-repeat; }
.card__title { font-size: 28px; font-weight: 500; line-height: 32px; text-align: center; color: var(--cc-dark); }
.card__text { padding-inline: 18px; font-size: 16px; font-weight: 400; line-height: 22px; text-align: center; color: var(--cc-grey-body); }
.card__foot { display: flex; justify-content: center; margin-top: auto; padding-top: var(--cc-s-2); }

/* 11. Feature split ===================================================== */
.feature { display: grid; grid-template-columns: 1fr 1fr; align-items: center; }
.feature__media { min-height: 640px; background: var(--cc-placeholder) center / cover no-repeat; }
.feature__media--tall { min-height: 784px; }
.feature__body { padding: var(--cc-s-7) max(var(--cc-gutter), calc((100vw - var(--cc-container)) / 2 + var(--cc-gutter))) var(--cc-s-7) var(--cc-s-7); }
.feature__body > * + * { margin-top: var(--cc-s-2); }
.feature__body .cta-row,
.feature__body .split__link { margin-top: var(--cc-s-4); }
.feature--reverse .feature__media { order: 2; }
.feature--reverse .feature__body { padding: var(--cc-s-7) var(--cc-s-7) var(--cc-s-7) max(var(--cc-gutter), calc((100vw - var(--cc-container)) / 2 + var(--cc-gutter))); }
.feature__logo { width: 180px; height: auto; }

/* 12. Benefits panel ==================================================== */
.benefits { position: relative; padding-block: var(--cc-s-6); background: var(--cc-dark); }
.benefits::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: calc(50% + 345px);
  background: var(--cc-orange);
}
.benefits__inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 615px;
  gap: var(--cc-s-3);
  align-items: center;
}
.benefits__body > * + * { margin-top: var(--cc-s-2); }
.benefits__media { aspect-ratio: auto; min-height: 492px; background: var(--cc-placeholder) center / cover no-repeat; }

/* Full-bleed variant (Key Industries) — centred head, no image column */
.benefits--full { padding-block: var(--cc-s-7); }
.benefits--full::before { width: 100%; }
.benefits--full .benefits__inner { grid-template-columns: minmax(0, 1fr); }
.benefits--full .benefits__head { max-width: 900px; margin: 0 auto var(--cc-s-5); text-align: center; }
.benefits--full .benefits__head .lead { margin-top: var(--cc-s-1); font-size: 20px; font-weight: 400; line-height: 28px; }
.benefits--full .benefits__grid { margin-top: 0; gap: var(--cc-s-5) 90px; }
.benefits__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--cc-s-4) var(--cc-s-2);
  margin-top: var(--cc-s-5);
}
.benefit__head { display: flex; align-items: center; gap: 14px; }
.benefit__num { display: block; font-size: 20px; font-weight: 700; line-height: 22px; color: var(--cc-white); }
.benefit__name { font-size: 16px; font-weight: 700; line-height: 16px; color: var(--cc-white); }
.benefit__text { margin-top: 14px; font-size: 16px; font-weight: 400; line-height: 20px; color: var(--cc-white); }

.icon-box {
  display: grid;
  place-items: center;
  width: 61px;
  height: 61px;
  flex: none;
  background: var(--cc-white-05);
  box-shadow: inset 0 0 0 1px var(--cc-white-50);
}
.icon-box img,
.icon-box .icon { width: 36px; height: 36px; background: var(--cc-white); }
.icon-box--stack { margin-bottom: var(--cc-s-2); }

/* 13. Accreditation ===================================================== */
.accred { display: grid; grid-template-columns: 405px 1fr; gap: var(--cc-s-6); align-items: start; }
.accred__mark { display: grid; place-items: center; padding: var(--cc-s-3); background: var(--cc-placeholder); }
.accred__mark img { width: 100%; max-width: 220px; height: auto; }
.accred__head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--cc-s-4); }
.accred__title { margin-top: var(--cc-s-1); }
.accred__badge {
  display: grid;
  place-items: center;
  width: 82px;
  height: 82px;
  flex: none;
  background: var(--cc-white-05);
  box-shadow: inset 0 0 0 1px var(--cc-white-50);
}
.accred__badge img,
.accred__badge .icon { width: 56px; height: 56px; background: var(--cc-white); }
.accred__body > * + * { margin-top: var(--cc-s-2); }
.accred__closing { max-width: 800px; margin: var(--cc-s-6) auto 0; text-align: center; }

.iso {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--cc-s-4);
  margin-top: var(--cc-s-5);
}
.iso > div { padding-top: var(--cc-s-3); border-top: 1px solid var(--cc-white); }
.iso__name { font-size: 16px; font-weight: 700; line-height: 20px; color: var(--cc-white); }
.iso__text { margin-top: 8px; font-size: 16px; font-weight: 400; line-height: 20px; color: var(--cc-white); }

/* 14. Bullets =========================================================== */
.bullets { display: flex; flex-wrap: wrap; gap: 18px var(--cc-s-4); }
.bullets--stack { flex-direction: column; gap: 18px; }
.bullet {
  display: flex;
  align-items: center;
  gap: var(--cc-s-1);
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  color: var(--cc-white);
}
.bullet::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: none;
  background: var(--cc-orange);
  clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}

/* 15. Gallery =========================================================== */
.gallery { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 2px; }
.gallery--spaced { margin-top: var(--cc-s-5); }
.gallery__item { aspect-ratio: 4 / 3; background: var(--cc-placeholder) center / cover no-repeat; }
.gallery--portrait .gallery__item { aspect-ratio: 480 / 684; }

/* 16. Equipment & feature list ========================================== */
.equipment { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cc-s-3); }
.equipment__group { padding: var(--cc-s-3); background: var(--cc-white-05); box-shadow: inset 0 0 0 1px var(--cc-white-50); }
.equipment__title { margin-bottom: var(--cc-s-2); font-size: 20px; font-weight: 700; line-height: 20px; color: var(--cc-orange); }
.equipment__media { min-height: 280px; background: var(--cc-placeholder) center / cover no-repeat; }

.feature-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--cc-s-4); margin-top: var(--cc-s-5); }
.feature-list__title { font-size: 20px; font-weight: 700; line-height: 24px; color: var(--cc-white); }
.feature-list__text { margin-top: var(--cc-s-1); font-size: 16px; font-weight: 400; line-height: 22px; color: var(--cc-white); }

/* 16b. Services page blocks ============================================= */
.duo { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cc-s-5); align-items: end; }
.duo__col { display: flex; flex-direction: column; gap: var(--cc-s-2); text-align: center; }
.duo__media { aspect-ratio: 637 / 490; background: var(--cc-placeholder) center / cover no-repeat; }
.duo__title { font-size: 28px; font-weight: 700; line-height: 32px; color: var(--cc-white); }
.duo__line { font-size: 18px; font-weight: 400; line-height: 26px; color: var(--cc-white); }
.duo__line--sm { font-size: 16px; line-height: 22px; }

.fleet { padding-block: var(--cc-s-4); background: var(--cc-orange); }
.fleet__inner { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: var(--cc-s-4); align-items: center; }
.fleet__title { font-size: 36px; font-weight: 400; line-height: 42px; color: var(--cc-white); }
.fleet__title strong { font-weight: 700; }
.fleet__list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px var(--cc-s-2); }
.fleet__list .bullet { font-size: 22px; }
.fleet__list .bullet::before { background: var(--cc-white); }

.prose { max-width: 640px; }
.prose > * + * { margin-top: var(--cc-s-2); }
.prose-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
.prose-split__body { padding: var(--cc-s-7) var(--cc-s-5) var(--cc-s-7) max(var(--cc-gutter), calc((100vw - var(--cc-container)) / 2 + var(--cc-gutter))); }
.prose-split__media { align-self: center; width: 815px; max-width: 100%; height: 573px; background: #e9e9e9 center / cover no-repeat; }
.prose__title { font-size: 28px; font-weight: 700; line-height: 34px; color: var(--cc-orange); }
.prose__sub { font-size: 18px; font-weight: 700; line-height: 24px; color: var(--cc-orange); }
.prose__note { font-size: 16px; font-weight: 400; line-height: 22px; }
.prose--lg .prose__title { font-size: 32px; line-height: 39px; }
.prose--lg .prose__sub { font-size: 20px; line-height: 27px; }
.prose--lg .prose__note { font-size: 18px; line-height: 26px; }
.prose--lg .list-2col .bullet { font-size: 16px; line-height: 24px; }
.list-2col { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px var(--cc-s-2); }
.list-2col .bullet { align-items: flex-start; line-height: 20px; }
.list-2col .bullet::before { margin-top: 6px; }
.bullet--dark { color: var(--cc-grey-body); }

.training { display: grid; grid-template-columns: minmax(0, 1fr) 473px 480px; background: var(--cc-orange); }
.training__body { padding: var(--cc-s-6) var(--cc-s-5) var(--cc-s-6) max(var(--cc-gutter), calc((100vw - var(--cc-container)) / 2 + var(--cc-gutter))); }
.training__body > * + * { margin-top: var(--cc-s-2); }
.training__title { font-size: 28px; font-weight: 700; line-height: 34px; color: var(--cc-white); }
.training__media { background: var(--cc-placeholder) center / cover no-repeat; }
.training__media--tall { min-height: 620px; }
.training__side { display: grid; grid-template-rows: 310px 1fr; }
.training__logo { display: grid; place-items: center; padding: var(--cc-s-4); background: var(--cc-orange); }
.training__logo img { width: 270px; max-width: 100%; height: auto; align-self: center; }

/* 17. Industry cards ==================================================== */
.industries { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); }
.industry { display: flex; flex-direction: column; }
.industry__media {
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  aspect-ratio: 320 / 500;
  padding: var(--cc-s-3) var(--cc-s-2);
  background: var(--cc-placeholder) center / cover no-repeat;
}
.industry__media::after {
  content: "";
  position: absolute;
  inset: auto 0 0 0;
  height: 55%;
  background: linear-gradient(180deg, rgba(20, 26, 31, 0) 0%, rgba(20, 26, 31, .35) 40%, rgba(20, 26, 31, .85) 100%);
}
.industry__title {
  position: relative;
  z-index: 1;
  font-size: 28px;
  font-weight: 700;
  line-height: 32px;
  text-align: center;
  color: var(--cc-white);
}
.industry__label { margin-top: 26px; font-size: 16px; font-weight: 400; line-height: 16px; color: var(--cc-white); }
.industry__list { display: flex; flex-direction: column; gap: var(--cc-s-2); margin-top: 18px; padding-right: var(--cc-s-2); }
.industry__list .bullet { align-items: flex-start; line-height: 20px; }
.industry__list .bullet::before { margin-top: 6px; }

/* 18. Contact form ====================================================== */
.contact { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr); gap: var(--cc-s-6); align-items: start; }
.contact__body > * + * { margin-top: var(--cc-s-2); }
.contact__info { display: flex; flex-direction: column; gap: 14px; margin-top: var(--cc-s-4); }

.form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cc-s-2); }
.form__field { display: flex; flex-direction: column; }
.form__field--full { grid-column: 1 / -1; }
.form__input,
.form__textarea {
  width: 100%;
  padding: 20px 22px;
  background: var(--cc-white);
  border: 0;
  color: var(--cc-dark);
  font-family: inherit;
  font-size: 18px;
  line-height: 24px;
}
.form__textarea { min-height: 170px; resize: vertical; }
.form__input::placeholder,
.form__textarea::placeholder { color: #6b6b6b; }
.form__input:focus,
.form__textarea:focus { outline: 2px solid var(--cc-orange); outline-offset: -2px; }
.form__actions { grid-column: 1 / -1; margin-top: var(--cc-s-2); }
.form__submit { min-width: 228px; min-height: 62px; background: var(--cc-orange); letter-spacing: .04em; text-transform: uppercase; }
.form__submit:hover { background: var(--cc-orange-alt); }

.map-embed { display: block; width: 100%; height: 620px; border: 0; }
.map-static { width: 100%; height: 620px; background: var(--cc-placeholder) center / cover no-repeat; }

/* 18b. Dry hire blocks ================================================== */
.center-title { font-size: 28px; font-weight: 700; line-height: 34px; text-align: center; color: var(--cc-orange); }
.white-panel { margin-top: var(--cc-s-3); padding: var(--cc-s-4); background: var(--cc-white); }
.white-panel img { width: 100%; height: auto; }
.label-row { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--cc-s-2); margin-top: var(--cc-s-3); }
.label-row li { font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; color: var(--cc-white); }

.equip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: var(--cc-s-3); margin-top: var(--cc-s-4); }
.equip__item { display: flex; flex-direction: column; align-items: center; gap: var(--cc-s-2); }
.equip__media { display: grid; place-items: center; width: 100%; height: 160px; }
.equip__media img { max-width: 100%; max-height: 160px; width: auto; height: auto; }
.equip__name { font-size: 16px; font-weight: 700; line-height: 20px; text-align: center; color: var(--cc-white); }

.advantages { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: var(--cc-s-6); align-items: center; }
.advantages__title { font-size: 28px; font-weight: 700; line-height: 34px; color: var(--cc-orange); }
.advantages__sub { margin-top: var(--cc-s-1); font-size: 20px; font-weight: 400; line-height: 28px; color: var(--cc-white); }
.advantages__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cc-s-3) var(--cc-s-4); }
.advantage__name { display: flex; align-items: baseline; gap: 8px; font-size: 16px; font-weight: 700; line-height: 20px; color: var(--cc-white); }
.advantage__name::before { content: "✓"; color: var(--cc-orange); }
.advantage__text { margin-top: 6px; font-size: 16px; font-weight: 400; line-height: 21px; color: var(--cc-white); }
.closing { max-width: 940px; margin: var(--cc-s-6) auto 0; font-size: 20px; font-weight: 400; line-height: 30px; text-align: center; color: var(--cc-white); }

/* 19. Footer ============================================================ */
.footer { background: var(--cc-grey-footer); color: var(--cc-white); }
.footer__inner {
  display: grid;
  grid-template-columns: 264px 1fr 1fr 183px;
  gap: var(--cc-s-4);
  padding-block: 85px var(--cc-s-4);
}
.footer__logo img { width: 264px; height: auto; }
.footer__col > * + * { margin-top: var(--cc-s-2); }
.footer__title { font-size: 28px; font-weight: 700; line-height: 32px; }
.footer__cta { display: flex; flex-wrap: wrap; align-items: center; gap: var(--cc-s-2); }
.footer__links { display: flex; flex-direction: column; gap: var(--cc-s-2); }
.footer__links a { font-size: 16px; font-weight: 400; line-height: 16px; color: var(--cc-white); }
.footer__links a:hover { color: var(--cc-orange); }
.footer__bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--cc-s-2);
  padding-block: var(--cc-s-2);
  border-top: 1px solid var(--cc-white-50);
  font-size: 12px;
  line-height: 18px;
}

.info { display: flex; align-items: center; gap: 11px; }
.info__icon { display: grid; place-items: center; width: 41px; height: 41px; flex: none; background: var(--cc-orange-10); }
.info__icon img,
.info__icon svg { width: 14px; height: 14px; }
.info__icon .icon { width: 14px; height: 14px; background: var(--cc-orange); }
.info__label { display: block; font-size: 12px; font-weight: 400; line-height: 14px; text-transform: uppercase; color: var(--cc-white); }
.info__value { font-size: 16px; font-weight: 700; line-height: 19px; color: var(--cc-white); }
a.info__value:hover { color: var(--cc-orange); }

.social { display: flex; align-items: center; gap: var(--cc-s-1); font-size: 16px; font-weight: 700; line-height: 16px; }
.social__link {
  display: block;
  width: 15px;
  height: 15px;
  background: var(--cc-orange);
  transition: opacity .18s ease;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
}
.social__link:hover { opacity: .7; }
.social__link--facebook { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.883%22%20height%3D%2239.115%22%20viewBox%3D%220%200%2021.883%2039.115%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2020.148%2022.45%20L%2021.494%2015.115%20L%2013.655%2015.115%20L%2013.655%2012.521%20C%2013.655%208.646%2015.176%207.155%2019.111%207.155%20C%2020.333%207.155%2021.317%207.185%2021.883%207.244%20L%2021.883%200.596%20C%2020.81%200.298%2018.186%200%2016.666%200%20C%208.646%200%204.949%203.786%204.949%2011.955%20L%204.949%2015.115%20L%200%2015.115%20L%200%2022.45%20L%204.949%2022.45%20L%204.949%2038.409%20C%206.805%2038.869%208.748%2039.115%2010.746%2039.115%20C%2011.73%2039.115%2012.701%2039.055%2013.654%2038.94%20L%2013.654%2022.45%20L%2020.147%2022.45%20L%2020.148%2022.45%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221.883%22%20height%3D%2239.115%22%20viewBox%3D%220%200%2021.883%2039.115%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M%2020.148%2022.45%20L%2021.494%2015.115%20L%2013.655%2015.115%20L%2013.655%2012.521%20C%2013.655%208.646%2015.176%207.155%2019.111%207.155%20C%2020.333%207.155%2021.317%207.185%2021.883%207.244%20L%2021.883%200.596%20C%2020.81%200.298%2018.186%200%2016.666%200%20C%208.646%200%204.949%203.786%204.949%2011.955%20L%204.949%2015.115%20L%200%2015.115%20L%200%2022.45%20L%204.949%2022.45%20L%204.949%2038.409%20C%206.805%2038.869%208.748%2039.115%2010.746%2039.115%20C%2011.73%2039.115%2012.701%2039.055%2013.654%2038.94%20L%2013.654%2022.45%20L%2020.147%2022.45%20L%2020.148%2022.45%20Z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22nonzero%22%3E%3C%2Fpath%3E%20%3C%2Fsvg%3E"); }
.social__link--instagram { -webkit-mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%200h10a7%207%200%200%201%207%207v10a7%207%200%200%201-7%207H7a7%207%200%200%201-7-7V7a7%207%200%200%201%207-7Zm0%202.4A4.6%204.6%200%200%200%202.4%207v10A4.6%204.6%200%200%200%207%2021.6h10a4.6%204.6%200%200%200%204.6-4.6V7A4.6%204.6%200%200%200%2017%202.4H7Z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%205.8a6.2%206.2%200%201%201%200%2012.4%206.2%206.2%200%200%201%200-12.4Zm0%202.4a3.8%203.8%200%201%200%200%207.6%203.8%203.8%200%200%200%200-7.6Z%22%3E%3C%2Fpath%3E%20%3Ccircle%20cx%3D%2218.4%22%20cy%3D%225.6%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%20%3C%2Fsvg%3E"); mask-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22%23000%22%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%200h10a7%207%200%200%201%207%207v10a7%207%200%200%201-7%207H7a7%207%200%200%201-7-7V7a7%207%200%200%201%207-7Zm0%202.4A4.6%204.6%200%200%200%202.4%207v10A4.6%204.6%200%200%200%207%2021.6h10a4.6%204.6%200%200%200%204.6-4.6V7A4.6%204.6%200%200%200%2017%202.4H7Z%22%3E%3C%2Fpath%3E%20%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M12%205.8a6.2%206.2%200%201%201%200%2012.4%206.2%206.2%200%200%201%200-12.4Zm0%202.4a3.8%203.8%200%201%200%200%207.6%203.8%203.8%200%200%200%200-7.6Z%22%3E%3C%2Fpath%3E%20%3Ccircle%20cx%3D%2218.4%22%20cy%3D%225.6%22%20r%3D%221.5%22%3E%3C%2Fcircle%3E%20%3C%2Fsvg%3E"); }

/* 20. Media ============================================================= */
.m-hero-home       { background-image: url("../img/hero-b.jpg"); }
.m-about-banner    { background-image: url("../img/about-3.jpg"); }
.m-services-banner { background-image: url("../img/services-banner.jpg"); }
.m-dryhire-banner  { background-image: url("../img/dryhire-5.jpg"); }
.m-industry-banner { background-image: url("../img/hero-b.jpg"); }
.m-contact-banner  { background-image: url("../img/about-banner.jpg"); }

.m-service-1 { background-image: url("../img/service-crane-hire.jpg"); }
.m-service-2 { background-image: url("../img/service-1.jpg"); }
.m-service-3 { background-image: url("../img/service-2.jpg"); }
.m-service-4 { background-image: url("../img/service-3.jpg"); }

.m-benefits { background-image: url("../img/benefits-pick-carry.jpg"); }
.m-partnership { background-image: url("../img/partnership.jpg"); }
.m-team-side   { background-image: url("../img/team-side.jpg"); }
.m-workers { background-image: url("../img/workers.png"); }
.m-team-wide   { background-image: url("../img/team-wide.png"); }

.m-about-bridge { background-image: url("../img/about-banner.jpg"); }
.m-about-1 { background-image: url("../img/about-1.jpg"); }
.m-statement-bg { background-image: url("../img/about-statement-bg.jpg"); }
.m-about-4 { background-image: url("../img/about-4.jpg"); }
.m-about-2 { background-image: url("../img/about-rigger-sunset.jpg"); }
.m-lift-cliff { background-image: url("../img/about-cliff-cranes.jpg"); }
.m-about-3 { background-image: url("../img/about-3.jpg"); }

.m-lift-1 { background-image: url("../img/lift-1.jpg"); }
.m-lift-2 { background-image: url("../img/lift-2.jpg"); }
.m-lift-3 { background-image: url("../img/lift-3.jpg"); }
.m-lift-4 { background-image: url("../img/lift-4.jpg"); }

.hero-shot { aspect-ratio: 1272 / 473; background-position: center; background-size: cover; }
.m-services-hero { background-image: url("../img/services-hero.jpg"); background-position: center 62%; }
.m-services-crane { background-image: url("../img/dry-hire-duo.jpg"); }
.m-training-1 { background-image: url("../img/services-training.jpg"); }
.m-training-2 { background-image: url("../img/training-2.jpg"); }
.m-services-market   { background-image: url("../img/services-market.jpg"); }
.m-services-fleet    { background-image: url("../img/services-fleet.jpg"); }
.m-crane-hire { background-image: url("../img/crane-hire.jpg"); }
.m-modern-equipment { background-image: url("../img/modern-equipment.jpg"); }
.m-services-training { background-image: url("../img/services-training.jpg"); }

.m-dryhire-adv { background-image: url("../img/dryhire-banner.jpg"); }
.m-dryhire-crane { background-image: url("../img/dryhire-crane.jpg"); }
.m-dryhire-1 { background-image: url("../img/dryhire-1.png"); }
.m-dryhire-2 { background-image: url("../img/dryhire-2.png"); }
.m-dryhire-3 { background-image: url("../img/dryhire-3.png"); }
.m-dryhire-4 { background-image: url("../img/dryhire-4.png"); }

.m-industry-1 { background-image: url("../img/industry-c4.jpg"); }
.m-industry-2 { background-image: url("../img/industry-c2.jpg"); }
.m-industry-3 { background-image: url("../img/industry-c1.jpg"); }
.m-industry-4 { background-image: url("../img/industry-5.jpg"); }
.m-klift-shed  { background-image: url("../img/klift-shed.jpg"); }
.m-klift-road  { background-image: url("../img/klift-road.jpg"); }
.m-klift-night { background-image: url("../img/klift-night.jpg"); }
.m-klift-panel { background-image: url("../img/klift-panel.jpg"); }
.m-klift-sky   { background-image: url("../img/klift-sky.jpg"); }
.m-lift-5 { background-image: url("../img/industry-1.jpg"); }
.m-lift-6 { background-image: url("../img/industry-banner.jpg"); }
.m-lift-7 { background-image: url("../img/industry-4.jpg"); }
.m-lift-8 { background-image: url("../img/industry-2.jpg"); }
.m-industry-5 { background-image: url("../img/industry-5.jpg"); }

.m-contact-map { background-image: url("../img/contact-map.jpg"); }

/* 21. Responsive — tablet =============================================== */
@media (max-width: 1360px) {
  .feature__body { padding-left: var(--cc-s-5); }
  .feature--reverse .feature__body { padding-right: var(--cc-s-5); }
  .benefits__inner { grid-template-columns: minmax(0, 1fr) 460px; }
  .benefits::before { width: calc(50% + 240px); }
}

@media (max-width: 1100px) {
  .nav { display: none; }
  .nav.is-open {
    position: absolute;
    inset: 100% 0 auto 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 18px;
    margin: 0;
    padding: var(--cc-s-3) var(--cc-gutter);
    background: var(--cc-dark);
    box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
  }
  .nav-toggle { display: grid; place-items: center; order: 3; flex: none; width: 44px; height: 44px; }
  .header__inner { justify-content: space-between; }
  .header__actions { margin-left: auto; }
  .cards { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .card { margin-left: 0; }
  .footer__inner { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 960px) {
  .hero { min-height: 480px; }
  .banner__title,
  .h1,
  .h2,
  .split__brand { font-size: 40px; line-height: 46px; }
  .lead,
  .split__title { font-size: 24px; line-height: 32px; }
  .stat__value { font-size: 64px; line-height: 64px; }

  .split,
  .feature,
  .accred,
  .contact { grid-template-columns: 1fr; gap: var(--cc-s-4); }
  .feature__media { min-height: 340px; }
  .feature--reverse .feature__media { order: 0; }
  .feature__body,
  .feature--reverse .feature__body {
    max-width: var(--cc-container);
    margin-inline: auto;
    padding: var(--cc-s-6) var(--cc-gutter);
  }
  .accred__mark { max-width: 340px; }
  .stats-band { background: linear-gradient(180deg, var(--cc-dark) 0 120px, var(--cc-white) 120px); }
  .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--cc-s-3) 0; }
  .stat:nth-child(odd) { border-left: 0; }
  .iso,
  .gallery,
  .industries { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 40px 24px; }
  .feature-list { grid-template-columns: minmax(0, 1fr); }
  .benefits--full .benefits__grid,
  .equipment,
  .feature-list { grid-template-columns: minmax(0, 1fr); }
  .about-split { grid-template-columns: minmax(0, 1fr); gap: var(--cc-s-4); }
  .about-split__media { min-height: 320px; }
  .about-mosaic { min-height: 420px; }
  .lifts { grid-template-columns: repeat(2, minmax(0, 1fr)); min-height: 0; }
  .lifts__item { min-height: 240px; }
  .label-row { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .equip { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .advantages { grid-template-columns: minmax(0, 1fr); gap: var(--cc-s-4); }
  .bullets--3col { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .band__title { font-size: 40px; line-height: 46px; }
  .duo,
  .prose-split,
  .fleet__inner { grid-template-columns: minmax(0, 1fr); }
  .prose-split__media { width: auto; height: 300px; }
  .prose-split__body { padding: var(--cc-s-6) var(--cc-gutter); }
  .fleet__list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .training { grid-template-columns: minmax(0, 1fr); }
  .training__body { padding: var(--cc-s-6) var(--cc-gutter); }
  .training__media--tall { min-height: 320px; }
  .training__side { grid-template-rows: auto auto; }
  .training__side .training__media { min-height: 320px; }
  .training__logo { padding: var(--cc-s-5); }
  .benefits::before { width: 100%; }
  .benefits__inner { grid-template-columns: minmax(0, 1fr); }
  .benefits__media { order: -1; }
}

/* 22. Responsive — mobile =============================================== */
@media (max-width: 640px) {
  :root { --cc-gutter: 20px; }
  .section { padding-block: var(--cc-s-5); }
  .section--flush { padding-block: 0; }
  .section--tight-bottom { padding-bottom: 0; }
  .hero { min-height: 380px; }
  .banner__title,
  .h1,
  .h2,
  .split__brand { font-size: 32px; line-height: 38px; }
  .stat__value { font-size: 52px; line-height: 52px; }
  .banner { min-height: 380px; }
  .cards,
  .gallery,
  .industries,
  .iso,
  .benefits__grid,
  .advantages__grid,
  .list-2col,
  .bullets--3col,
  .fleet__list,
  .form { grid-template-columns: minmax(0, 1fr); }
  .industries { gap: 48px; }
  .footer__inner { grid-template-columns: minmax(0, 1fr); padding-block: var(--cc-s-5) var(--cc-s-3); }
  .label-row,
  .equip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .header__actions .btn--outline { display: none; }
  .btn { width: 100%; }
  .footer__cta .btn { width: auto; }
}


/* 21. Motion & interaction ============================================== */
.has-motion .reveal {
  opacity: 0;
  transform: translate3d(0, 26px, 0);
  transition: opacity .7s cubic-bezier(.22, .61, .36, 1) var(--reveal-delay, 0ms),
              transform .7s cubic-bezier(.22, .61, .36, 1) var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}
.has-motion .reveal.is-in { opacity: 1; transform: none; }
/* Full-bleed media: fade only — a translate would expose the section bg above it */
.has-motion .feature__media.reveal,
.has-motion .prose-split__media.reveal,
.has-motion .about-split__media.reveal,
.has-motion .equipment__media.reveal,
.has-motion .banner.reveal,
.has-motion .band.reveal,
.has-motion .lifts.reveal,
.has-motion .lifts__item.reveal,
.has-motion .lifts__stack.reveal,
.has-motion .about-mosaic.reveal,
.has-motion .about-mosaic__col.reveal,
.has-motion .about-mosaic__item.reveal,
.has-motion .gallery.reveal,
.has-motion .gallery__item.reveal,
.has-motion .industry__media.reveal,
.has-motion .map-embed.reveal,
.has-motion .statement.reveal { transform: none; }

/* Header condense */
.header { transition: min-height .25s ease, background-color .25s ease, box-shadow .25s ease; }
.header__inner { transition: min-height .25s ease; }
.header.is-scrolled { box-shadow: 0 6px 18px rgba(0, 0, 0, .35); }
.header.is-scrolled .header__inner { min-height: 74px; }
.header__logo img { transition: transform .25s ease; }
.header.is-scrolled .header__logo img { transform: scale(.88); transform-origin: left center; }

/* Nav underline */
.nav__link { position: relative; transition: color .2s ease; }
.nav__link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 2px;
  background: var(--cc-orange);
  transform: scaleX(0);
  transform-origin: right center;
  transition: transform .28s cubic-bezier(.22, .61, .36, 1);
}
.nav__link:hover::after,
.nav__link[aria-current="page"]::after { transform: scaleX(1); transform-origin: left center; }

/* Buttons */
.btn { transform: translateZ(0); transition: background-color .18s ease, box-shadow .22s ease, color .18s ease, transform .22s cubic-bezier(.22, .61, .36, 1); }
.btn:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(228, 116, 35, .32); }
.btn:active { transform: translateY(0); box-shadow: none; }
.btn--outline:hover { box-shadow: inset 0 0 0 1px var(--cc-orange-alt), 0 8px 20px rgba(228, 116, 35, .28); }
.btn__icon { transition: transform .22s ease; }
.btn:hover .btn__icon { transform: translateX(2px); }
.form__submit:hover { transform: translateY(-2px); }

/* Arrow links */
.arrow-link { transition: gap .22s ease, border-color .22s ease, color .18s ease; }
.arrow-link__icon { transition: transform .22s cubic-bezier(.22, .61, .36, 1); }
.arrow-link:hover .arrow-link__icon { transform: translateX(5px); }

/* Hero video drift */
.hero__video { transition: transform .1s linear; transform: scale(1.06); }

/* Cards */
.card { transition: transform .3s cubic-bezier(.22, .61, .36, 1), box-shadow .3s ease; }
.card:hover { transform: translateY(-6px); box-shadow: 0 18px 38px rgba(20, 26, 31, .16); }
/* Image zoom: a scaled pseudo-layer inheriting the tile's background-image,
   so the picture never shrinks the way an over-100% background-size would. */
.card__media,
.industry__media,
.about-mosaic__item,
.lifts__item,
.equipment__media,
.feature__media,
.about-split__media {
  position: relative;
  overflow: hidden;
  background-size: 0 0; /* the ::before layer paints the image; parent must not double it */
}
.card__media::before,
.industry__media::before,
.about-mosaic__item::before,
.lifts__item::before,
.equipment__media::before,
.feature__media::before,
.about-split__media::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background-image: inherit;
  background-position: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1);
  transition: transform .65s cubic-bezier(.22, .61, .36, 1);
}
.about-split__media--contain::before { background-size: contain; }
.about-split--team .about-split__media::before { background-position: bottom center; }
.card:hover .card__media::before,
.industry:hover .industry__media::before,
.about-mosaic__item:hover::before,
.lifts__item:hover::before,
.equipment__media:hover::before,
.feature__media:hover::before { transform: scale(1.07); }
.industry__media::after { z-index: 1; }
.industry__title { z-index: 2; }
.card:hover .card__title { color: var(--cc-orange); }
.card__title { transition: color .22s ease; }

/* Industry tiles */

.industry__title { transition: transform .35s cubic-bezier(.22, .61, .36, 1), color .22s ease; }
.industry:hover .industry__title { transform: translateY(-4px); color: var(--cc-orange); }

/* Mosaic / media tiles */


/* Equipment / feature panels */
.equipment__group { transition: transform .3s cubic-bezier(.22, .61, .36, 1), background-color .3s ease, box-shadow .3s ease; }
.equipment__group:hover { transform: translateY(-4px); background: rgba(255, 255, 255, .09); box-shadow: inset 0 0 0 1px var(--cc-orange), 0 14px 30px rgba(0, 0, 0, .28); }

.equip__item img { transition: transform .35s cubic-bezier(.22, .61, .36, 1); }
.equip__item:hover img { transform: scale(1.07) translateY(-3px); }
.equip__item:hover .equip__name { color: var(--cc-orange); }
.equip__name { transition: color .22s ease; }

/* ISO / advantage rows */
.iso > div { transition: border-color .25s ease, transform .3s cubic-bezier(.22, .61, .36, 1); }
.iso > div:hover { border-top-color: var(--cc-orange); transform: translateY(-3px); }
.advantage__name::before { display: inline-block; transition: transform .25s ease; }
.advantage__name:hover::before { transform: scale(1.25); }

/* Feature-list */
.feature-list > div { transition: transform .3s cubic-bezier(.22, .61, .36, 1); }
.feature-list > div:hover { transform: translateY(-4px); }
.feature-list > div:hover .feature-list__title { color: var(--cc-orange); }
.feature-list__title { transition: color .22s ease; }

/* Stats */
.stat { transition: transform .3s cubic-bezier(.22, .61, .36, 1); }
.stat:hover { transform: translateY(-4px); }
.stat__value { font-variant-numeric: tabular-nums; }

/* Form fields */
.form input,
.form textarea,
.form select { transition: box-shadow .2s ease, background-color .2s ease; }
.form input:focus,
.form textarea:focus,
.form select:focus { outline: none; box-shadow: 0 0 0 2px var(--cc-orange); }

/* Footer + social */
.footer__links a { position: relative; transition: color .2s ease, transform .2s ease; }
.footer__links a:hover { transform: translateX(3px); }
.social__link { transition: opacity .18s ease, transform .25s cubic-bezier(.22, .61, .36, 1); }
.social__link:hover { opacity: 1; transform: translateY(-3px) scale(1.12); }

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}


/* 23. Responsive hardening ============================================== */
@media (max-width: 1100px) {
  .header__actions .btn { min-width: 0; padding-inline: 16px; }
  .equipment { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .lifts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .map-embed { height: 460px; }
}

@media (max-width: 960px) {
  .about-split--team { gap: var(--cc-s-4); }
  .about-split--team .about-split__media { height: 300px; }
  .cta-row--split { justify-content: flex-start; gap: var(--cc-s-3); }
  .lifts__stack { grid-template-rows: 1fr 1fr; }
  .contact { gap: var(--cc-s-5); }
  .map-embed { height: 380px; }
  .industry__title { font-size: 28px; line-height: 32px; }
  .card__title { font-size: 24px; line-height: 28px; }
  .statement__rule { height: 72px; }
}

@media (max-width: 640px) {
  body { -webkit-text-size-adjust: 100%; }
  .hero { min-height: 420px; }
  .about-split--team { gap: var(--cc-s-3); }
  .about-split--team .about-split__media { height: 240px; }
  .equipment,
  .about-mosaic,
  .lifts { grid-template-columns: minmax(0, 1fr); }
  .about-mosaic,
  .lifts { min-height: 0; }
  .about-mosaic__col { grid-template-rows: 220px 220px; }
  .lifts__item { min-height: 220px; }
  .lifts__stack { grid-template-rows: 220px 220px; }
  .equip { gap: var(--cc-s-2); }
  .equip__media { height: 120px; }
  .equip__media img { max-height: 120px; }
  .map-embed { height: 320px; }
  .text { font-size: 16px; line-height: 24px; }
  .lead, .split__title { font-size: 20px; line-height: 28px; }
  .h3, .advantages__title, .statement__quote { font-size: 22px; line-height: 28px; }
  .industry__title { font-size: 24px; line-height: 28px; }
  .feature__media { min-height: 260px; }
  .about-split__media { min-height: 240px; }
  .stat { padding-inline: var(--cc-s-2); }
  .stat + .stat { border-left: 0; }
  .stats { gap: var(--cc-s-4) var(--cc-s-2); }

  /* Tap targets */
  .nav.is-open .nav__link,
  .footer__links a,
  .info__value,
  .arrow-link { min-height: 44px; display: inline-flex; align-items: center; }
  .social__link { width: 22px; height: 22px; }
  .nav-toggle { flex: none; width: 48px; height: 48px; }

  /* Full-width CTAs, but not the header pair */
  .header__actions .btn { width: auto; }
  .cta-row { width: 100%; }
  .cta-row .btn { width: 100%; }
}

@media (max-width: 400px) {
  .label-row,
  .equip { grid-template-columns: minmax(0, 1fr); }
  .header__logo,
  .header__logo img { width: 104px; }
}

/* No horizontal overflow at any width */
html { overflow-x: hidden; }
body { overflow-x: clip; }
img, video, iframe { max-width: 100%; }


/* 24. Narrow-header fit ================================================= */
@media (max-width: 520px) {
  .header__inner { gap: 10px; }
  .header__actions { gap: 8px; min-width: 0; }
  .header__actions .btn--solid {
    min-width: 0;
    padding: 12px 14px;
    font-size: 15px;
    line-height: 16px;
    white-space: nowrap;
  }
  .header__logo,
  .header__logo img { width: 104px; }
}
@media (max-width: 380px) {
  .header__actions .btn--solid { padding: 12px; font-size: 0; gap: 0; }
  .header__actions .btn--solid .btn__icon { width: 18px; height: 18px; }
  .header__logo,
  .header__logo img { width: 92px; }
}

/* 25. Floating actions ================================================== */
.floaties {
  position: fixed;
  right: 20px;
  bottom: 20px;
  z-index: 60;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 12px;
  pointer-events: none;
}
.floaty {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
  opacity: 0;
  transform: translateY(12px) scale(.9);
  transition: opacity .28s ease, transform .28s cubic-bezier(.22, .61, .36, 1), background-color .2s ease, box-shadow .2s ease;
}
.floaty.is-visible { opacity: 1; transform: none; }
.floaty:hover { transform: translateY(-3px); }
.floaty:active { transform: translateY(0); }

.floaty--quote {
  width: 52px;
  height: 52px;
  padding: 0;
  gap: 0;
  grid-auto-flow: column;
  justify-content: start;
  overflow: hidden;
  border-radius: 26px;
  background: var(--cc-orange-alt);
  color: var(--cc-white);
  font-size: 16px;
  font-weight: 700;
  line-height: 16px;
  white-space: nowrap;
  box-shadow: 0 10px 26px rgba(0, 0, 0, .28);
  transition: opacity .28s ease, transform .28s cubic-bezier(.22, .61, .36, 1),
              width .32s cubic-bezier(.22, .61, .36, 1), background-color .2s ease, box-shadow .2s ease;
}
.floaty--quote .floaty__icon {
  display: grid;
  place-items: center;
  width: 52px;
  height: 52px;
  flex: none;
}
.floaty--quote .icon { width: 18px; height: 18px; background: var(--cc-white); }
.floaty--quote .floaty__label {
  padding-right: 22px;
  opacity: 0;
  transform: translateX(-6px);
  transition: opacity .2s ease .06s, transform .28s cubic-bezier(.22, .61, .36, 1) .04s;
}
.floaty--quote:hover,
.floaty--quote:focus-visible {
  width: 176px;
  background: var(--cc-orange);
  box-shadow: 0 14px 32px rgba(228, 116, 35, .42);
  color: var(--cc-white);
}
.floaty--quote:hover .floaty__label,
.floaty--quote:focus-visible .floaty__label { opacity: 1; transform: none; }

.floaty--top {
  background: var(--cc-dark);
  box-shadow: 0 8px 22px rgba(0, 0, 0, .26);
}
.floaty--top:hover { background: var(--cc-orange); box-shadow: 0 10px 24px rgba(228, 116, 35, .4); }
.floaty--top:hover svg { stroke: var(--cc-white); }
.floaty--top svg { width: 16px; height: 16px; fill: none; stroke: var(--cc-white); transition: stroke .2s ease; stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }

@media (max-width: 640px) {
  .floaties { right: 14px; bottom: 14px; gap: 10px; }
  .floaty, .floaty--quote, .floaty--quote .floaty__icon { width: 48px; height: 48px; }
  .floaty--quote:hover, .floaty--quote:focus-visible { width: 168px; }
}