@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
:root {
  --about-ink:#15171a;
  --about-muted:#68717c;
  --about-gold:#ffdb00;
  --about-soft:#fff;
  --about-line:#dfe4e7;
  --about-head:'Montserrat',sans-serif;
  --about-body:'Montserrat',sans-serif;
}
* {
  box-sizing:border-box;
}
html {
  scroll-behavior:smooth;
}
body {
  margin:0;
  color:var(--about-ink);
  background:#fff;
  font-family:var(--about-body);
}
.about-container {
  width:min(1180px,calc(100% - 40px));
  margin:0 auto;
}
.about-kicker {
  margin:0 0 16px;
  color:#111;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.2em;
  text-transform:uppercase;
}
.about-button {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:50px;
  padding:14px 22px;
  border-radius:999px;
  font-size:.84rem;
  font-weight:700;
  text-decoration:none;
  transition:transform .2s ease,background .2s ease;
}
.about-button:hover {
  transform:translateY(-2px);
}
.about-button--gold {
  color:#111;
  background:var(--about-gold);
}
.about-button--dark {
  color:#fff;
  background:#08090a;
}
.about-text-link {
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:var(--about-ink);
  font-size:.84rem;
  font-weight:700;
  text-decoration:none;
}
.about-text-link i {
  color:#a57a00;
}
.about-hero {
  min-height:620px;
  padding:170px 0 100px;
  overflow:hidden;
  background:var(--about-gold);
}
.about-hero__grid {
  display:block;
}
.about-hero__copy {
  position:relative;
  z-index:1;
}
.about-hero h1 {
  max-width:900px;
  margin:0;
  font:700 clamp(2.8rem,5vw,5.2rem)/1 var(--about-head);
  letter-spacing:-.045em;
}
.about-hero h1 span {
  color:#111;
}
.about-hero__intro {
  max-width:650px;
  margin:30px 0 32px;
  color:#3f3a18;
  font-size:1.05rem;
  line-height:1.75;
}
.about-actions {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:24px;
}
.about-hero__visual {
  display:none;
}
.about-hero__visual::before {
  content:'';
  position:absolute;
  inset:12% 10% 8%;
  border:2px solid rgba(17,17,17,.18);
  border-radius:50%;
  transform:rotate(-12deg);
}
.about-hero__visual img {
  position:relative;
  z-index:1;
  width:112%;
  max-width:none;
  height:560px;
  object-fit:contain;
  object-position:center bottom;
  transform:translateX(-5%);
}
.about-hero__stamp {
  display:none;
}
.about-hero__caption {
  position:absolute;
  z-index:2;
  right:30px;
  bottom:28px;
  left:30px;
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:end;
  color:#111;
}
.about-hero__caption strong {
  font:600 1.15rem var(--about-head);
}
.about-hero__caption span {
  max-width:180px;
  font-size:.75rem;
  line-height:1.4;
  text-align:right;
}
.about-intro {
  padding:130px 0;
}
.about-intro__grid {
  display:grid;
  grid-template-columns:150px .9fr 1fr;
  align-items:center;
  gap:60px;
}
.about-intro__label {
  align-self:start;
  display:flex;
  align-items:center;
  gap:12px;
  color:#111;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  writing-mode:vertical-rl;
}
.about-intro__label span {
  color:#111;
  font:700 3.5rem/1 var(--about-head);
  letter-spacing:-.08em;
}
.about-intro__copy h2,.about-section-heading h2,.about-method__copy h2,.about-coverage h2,.about-cta h2 {
  margin:0;
  font:600 clamp(2.3rem,4vw,4.2rem)/1 var(--about-head);
  letter-spacing:-.055em;
}
.about-intro__copy > p:not(.about-kicker) {
  color:var(--about-muted);
  font-size:1rem;
  line-height:1.8;
}
.about-intro__image {
  position:relative;
  min-height:430px;
  overflow:hidden;
  border-radius:22px;
  background:var(--about-gold);
}
.about-intro__image::after {
  content:'SAFE JOURNEYS\A SINCE DAY ONE';
  white-space:pre;
  position:absolute;
  right:22px;
  bottom:22px;
  color:#111;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.16em;
  line-height:1.6;
  text-align:right;
}
.about-intro__image img {
  width:100%;
  height:100%;
  display:block;
  object-fit:contain;
  object-position:center bottom;
}
.about-standards {
  padding:115px 0 130px;
  background:#050607;
  color:#fff;
}
.about-section-heading {
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:50px;
  margin-bottom:55px;
}
.about-section-heading h2 {
  max-width:600px;
}
.about-section-heading > p {
  max-width:350px;
  margin:0;
  color:#aeb5bd;
  line-height:1.7;
}
.about-standards__grid {
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.about-standards article {
  min-height:290px;
  position:relative;
  padding:25px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:#191c20;
  transition:transform .25s ease,border-color .25s ease;
}
.about-standards article:hover {
  border-color:var(--about-gold);
  transform:translateY(-6px);
}
.about-standards article > span {
  color:#8d959d;
  font:700 .75rem var(--about-head);
}
.about-standards article i {
  display:block;
  margin:65px 0 24px;
  color:var(--about-gold);
  font-size:1.35rem;
}
.about-standards h3 {
  margin:0 0 12px;
  font:600 1.2rem var(--about-head);
}
.about-standards p {
  margin:0;
  color:#abb2ba;
  font-size:.85rem;
  line-height:1.6;
}
.about-method {
  padding:135px 0;
  background:#fff;
}
.about-method__grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  align-items:center;
  gap:100px;
}
.about-method__visual {
  position:relative;
  min-height:540px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:#fff;
}
.about-method__visual img {
  width:100%;
  height:430px;
  object-fit:contain;
}
.about-method__visual span {
  position:absolute;
  top:24px;
  left:26px;
  color:#111;
  font:700 .72rem/1.5 var(--about-body);
  letter-spacing:.18em;
}
.about-method__copy > h2 {
  max-width:500px;
  margin-bottom:32px;
  font-size:clamp(2rem,3vw,3.2rem);
  line-height:1.05;
  letter-spacing:-.04em;
}
.about-steps {
  display:grid;
  gap:0;
}
.about-steps article {
  display:grid;
  grid-template-columns:46px 1fr;
  gap:18px;
  padding:22px 0;
  border-top:1px solid var(--about-line);
}
.about-steps article > span {
  color:#111;
  font:700 .85rem var(--about-head);
}
.about-steps h3 {
  margin:0 0 6px;
  font:600 1.1rem var(--about-head);
}
.about-steps p {
  margin:0;
  color:var(--about-muted);
  font-size:.86rem;
  line-height:1.6;
}
.about-coverage {
  position:relative;
  overflow:hidden;
  padding:120px 0;
  color:#111;
  background:var(--about-gold);
}
.about-coverage__lines {
  position:absolute;
  z-index:0;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.about-coverage__lines path {
  fill:none;
  stroke:#fff;
  stroke-width:18;
  stroke-linecap:round;
  stroke-linejoin:round;
  opacity:.9;
}
.about-coverage__inner {
  position:relative;
  z-index:1;
}
.about-coverage__inner {
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:60px;
  align-items:end;
}
.about-coverage h2 {
  max-width:600px;
}
.about-coverage__inner > p:not(.about-kicker) {
  max-width:390px;
  margin:0;
  line-height:1.7;
}
.about-coverage__areas {
  grid-column:1 / -1;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  padding-top:22px;
  border-top:1px solid rgba(17,17,17,.25);
}
.about-coverage__areas span {
  padding:9px 13px;
  border:1px solid rgba(17,17,17,.35);
  border-radius:999px;
  font-size:.75rem;
  font-weight:700;
}
.about-cta {
  padding:80px 0;
}
.about-cta__inner {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
}
.about-cta h2 {
  max-width:620px;
}
.about-cta p:not(.about-kicker) {
  color:var(--about-muted);
  line-height:1.7;
}
@media (max-width:900px) {
  .about-hero {
    padding-top:125px;
  }
  .about-intro__grid,.about-method__grid {
    grid-template-columns:1fr;
    gap:45px;
  }
  .about-intro__label {
    writing-mode:horizontal-tb;
  }
  .about-intro__image {
    min-height:420px;
  }
  .about-standards__grid {
    grid-template-columns:repeat(2,1fr);
  }
  .about-section-heading {
    align-items:start;
    flex-direction:column;
    gap:18px;
  }
  .about-method__visual {
    min-height:420px;
  }
  .about-coverage__inner {
    grid-template-columns:1fr;
    gap:25px;
  }

}
@media (max-width:600px) {
  .about-container {
    width:calc(100% - 32px);
  }
  .about-hero {
    min-height:0;
    padding:110px 0 70px;
  }
  .about-hero h1 {
    font-size:2.6rem;
    line-height:1.02;
    letter-spacing:-.035em;
  }
  .about-intro,.about-method {
    padding:80px 0;
  }
  .about-intro__image {
    min-height:320px;
  }
  .about-standards {
    padding:80px 0;
  }
  .about-standards__grid {
    grid-template-columns:1fr;
  }
  .about-standards article {
    min-height:220px;
  }
  .about-standards article i {
    margin:34px 0 18px;
  }
  .about-method__visual {
    min-height:320px;
  }
  .about-method__visual img {
    height:280px;
  }
  .about-coverage {
    padding:80px 0;
  }
  .about-coverage__lines {
    opacity:.22;
  }
  .about-cta {
    padding:65px 0;
  }
  .about-cta__inner {
    align-items:start;
    flex-direction:column;
  }

}