/* =========================================================
   ALL MINDS CLUB
   STATIC / SUPPORT PAGE SYSTEM 3.0.0
   ========================================================= */


/* ---------------------------------------------------------
   PAGE HERO
   --------------------------------------------------------- */

.amc-page-shell{
  background:#F6F3EE;
  color:#0F1F3A;
}

.amc-page-hero{
  position:relative;

  overflow:hidden;

  padding:82px 0 78px;

  background:#0F1F3A;

  color:#fff;
}

.amc-page-hero__inner{
  position:relative;

  z-index:2;

  max-width:900px;
}

.amc-page-hero .amc-eyebrow{
  color:#78B8B1!important;
}

.amc-page-hero h1{
  max-width:850px;

  margin:0;

  color:#fff;

  font-size:
    clamp(44px,5.2vw,70px);

  line-height:1;

  letter-spacing:-.045em;
}

.amc-page-intro{
  max-width:760px;

  margin:
    24px 0 0;

  color:#D9E4E1;

  font-size:
    clamp(18px,1.7vw,22px);

  line-height:1.58;
}


/* Brand motifs */

.amc-page-hero__motifs{
  position:absolute;

  inset:0;

  pointer-events:none;
}

.amc-page-orb{
  position:absolute;

  display:block;

  border-radius:50%;
}

.amc-page-orb--teal{
  width:190px;
  height:190px;

  left:-90px;
  top:-85px;

  background:#3A7F7B;

  opacity:.18;
}

.amc-page-orb--mustard{
  width:38px;
  height:38px;

  right:18%;
  top:26%;

  background:#D6A22E;

  opacity:.9;
}

.amc-page-orb--coral{
  width:78px;
  height:78px;

  right:7%;
  bottom:-15px;

  background:#E07A5F;

  opacity:.55;
}

.amc-page-line{
  position:absolute;

  display:block;

  width:42%;
  height:100px;

  right:-4%;

  border-top:
    2px solid currentColor;

  border-radius:50%;

  opacity:.25;
}

.amc-page-line--one{
  bottom:-20px;

  color:#3A7F7B;

  transform:rotate(-6deg);
}

.amc-page-line--two{
  bottom:-42px;

  right:3%;

  color:#D6A22E;

  transform:rotate(-7deg);
}


/* ---------------------------------------------------------
   BODY
   --------------------------------------------------------- */

.amc-page-body{
  padding:72px 0 92px;
}

.amc-page-content{
  max-width:980px;

  margin:0 auto;

  color:#26364C;

  font-size:17px;
  line-height:1.68;
}

.amc-page-content h2{
  margin:
    58px 0 18px;

  color:#0F1F3A;

  font-size:
    clamp(30px,3.2vw,43px);

  line-height:1.08;

  letter-spacing:-.035em;
}

.amc-page-content h3{
  margin:
    30px 0 10px;

  color:#0F1F3A;

  font-size:21px;
  line-height:1.2;
}

.amc-page-content p{
  max-width:800px;
}

.amc-page-content a{
  color:#286A66;

  font-weight:750;

  text-underline-offset:3px;
}

.amc-page-content ul,
.amc-page-content ol{
  max-width:800px;

  padding-left:23px;
}

.amc-page-content li{
  margin-bottom:8px;
}


/* ---------------------------------------------------------
   LEAD / INTRO BLOCK
   --------------------------------------------------------- */

.amc-page-lead{
  max-width:820px;

  margin-bottom:54px;
}

.amc-page-lead h2{
  margin-top:0;
}

.amc-page-lead p{
  font-size:19px;
  line-height:1.65;
}


/* ---------------------------------------------------------
   VALUE / INFO CARDS
   --------------------------------------------------------- */

.amc-info-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:18px;

  margin:
    28px 0 54px;
}

.amc-info-grid--two{
  grid-template-columns:
    repeat(2,minmax(0,1fr));
}

.amc-info-card{
  position:relative;

  overflow:hidden;

  padding:26px;

  border:
    1px solid rgba(15,31,58,.11);

  border-radius:16px;

  background:#fff;

  box-shadow:
    0 8px 24px rgba(15,31,58,.04);
}

.amc-info-card:before{
  content:"";

  position:absolute;

  top:0;
  left:0;
  right:0;

  height:4px;

  background:#3A7F7B;
}

.amc-info-card:nth-child(3n+2):before{
  background:#D6A22E;
}

.amc-info-card:nth-child(3n+3):before{
  background:#E07A5F;
}

.amc-info-card h3{
  margin-top:0;

  font-size:20px;
}

.amc-info-card p{
  margin-bottom:0;

  color:#506075;

  font-size:15px;
  line-height:1.55;
}


/* ---------------------------------------------------------
   METRIC / DELIVERY CARDS
   --------------------------------------------------------- */

.amc-stat-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:15px;

  margin:
    28px 0 48px;
}

.amc-stat{
  padding:24px;

  border:
    1px solid rgba(15,31,58,.1);

  border-radius:14px;

  background:#fff;
}

.amc-stat strong{
  display:block;

  margin-bottom:5px;

  color:#0F1F3A;

  font-family:
    Manrope,
    Inter,
    sans-serif;

  font-size:20px;
  line-height:1.2;
}

.amc-stat span{
  color:#536275;

  font-size:14px;
}


/* ---------------------------------------------------------
   CALLOUT
   --------------------------------------------------------- */

.amc-page-callout{
  position:relative;

  overflow:hidden;

  margin:
    52px 0;

  padding:
    34px 36px;

  border-radius:18px;

  background:#E3EEEA;

  color:#0F1F3A;
}

.amc-page-callout--navy{
  background:#0F1F3A;

  color:#fff;
}

.amc-page-callout h2,
.amc-page-callout h3{
  margin-top:0;

  color:inherit;
}

.amc-page-callout p{
  margin-bottom:0;

  color:inherit;
}

.amc-page-callout--navy p{
  color:#D9E4E1;
}


/* ---------------------------------------------------------
   BUTTONS
   --------------------------------------------------------- */

.amc-page-actions{
  display:flex;

  flex-wrap:wrap;

  gap:11px;

  margin-top:24px;
}

.amc-page-button{
  display:inline-flex;

  min-height:48px;

  padding:
    0 20px;

  align-items:center;
  justify-content:center;

  border-radius:10px;

  background:#0F1F3A;

  color:#fff!important;

  font-size:14px;
  font-weight:800!important;

  text-decoration:none;
}

.amc-page-button:hover{
  background:#3A7F7B;
}

.amc-page-button--gold{
  background:#D6A22E;

  color:#0F1F3A!important;
}

.amc-page-button--gold:hover{
  background:#E2B448;
}


/* ---------------------------------------------------------
   FAQ
   --------------------------------------------------------- */

.amc-faq-list{
  display:grid;

  gap:12px;

  max-width:900px;

  margin-top:28px;
}

.amc-faq-list details{
  overflow:hidden;

  border:
    1px solid rgba(15,31,58,.11);

  border-radius:13px;

  background:#fff;
}

.amc-faq-list summary{
  position:relative;

  padding:
    20px 52px 20px 22px;

  color:#0F1F3A;

  font-family:
    Manrope,
    Inter,
    sans-serif;

  font-size:17px;
  font-weight:800;

  cursor:pointer;

  list-style:none;
}

.amc-faq-list summary::-webkit-details-marker{
  display:none;
}

.amc-faq-list summary:after{
  content:"+";

  position:absolute;

  right:22px;
  top:50%;

  transform:translateY(-50%);

  color:#3A7F7B;

  font-size:24px;
}

.amc-faq-list details[open] summary:after{
  content:"−";
}

.amc-faq-answer{
  padding:
    0 22px 21px;

  color:#506075;

  font-size:15.5px;
  line-height:1.6;
}


/* ---------------------------------------------------------
   LEGAL
   --------------------------------------------------------- */

.amc-legal{
  max-width:830px;
}

.amc-legal h2{
  margin-top:48px;
}

.amc-legal-updated{
  display:inline-block;

  margin-bottom:24px;

  padding:
    6px 10px;

  border-radius:999px;

  background:#E3EEEA;

  color:#286A66;

  font-size:12px;
  font-weight:800;
}


/* ---------------------------------------------------------
   JOURNAL / RESOURCE CARDS
   --------------------------------------------------------- */

.amc-resource-grid{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:18px;

  margin-top:30px;
}

.amc-resource-card{
  display:flex;

  min-height:230px;

  padding:26px;

  flex-direction:column;

  border:
    1px solid rgba(15,31,58,.11);

  border-radius:16px;

  background:#fff;

  color:#0F1F3A!important;

  text-decoration:none!important;

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.amc-resource-card:hover{
  transform:translateY(-3px);

  box-shadow:
    0 14px 30px rgba(15,31,58,.08);
}

.amc-resource-card small{
  margin-bottom:12px;

  color:#2E6865;

  font-size:11px;
  font-weight:850;

  letter-spacing:.12em;

  text-transform:uppercase;
}

.amc-resource-card strong{
  display:block;

  margin-bottom:10px;

  font-family:
    Manrope,
    Inter,
    sans-serif;

  font-size:22px;
  line-height:1.18;
}

.amc-resource-card span{
  color:#536275;

  font-size:14px;
  line-height:1.55;
}

.amc-resource-card b{
  margin-top:auto;
  padding-top:20px;

  color:#286A66;

  font-size:13px;
}


/* ---------------------------------------------------------
   ACCESSIBILITY
   --------------------------------------------------------- */

.amc-page-content a:focus-visible,
.amc-faq-list summary:focus-visible,
.amc-page-button:focus-visible,
.amc-resource-card:focus-visible{
  outline:
    3px solid #D6A22E;

  outline-offset:3px;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:800px){

  .amc-page-hero{
    padding:
      66px 0 64px;
  }

  .amc-info-grid,
  .amc-info-grid--two,
  .amc-stat-grid,
  .amc-resource-grid{
    grid-template-columns:1fr;
  }

  .amc-page-body{
    padding:
      54px 0 70px;
  }

}


@media(max-width:520px){

  .amc-page-hero h1{
    font-size:42px;
  }

  .amc-page-intro{
    font-size:17px;
  }

  .amc-page-content{
    font-size:16px;
  }

  .amc-page-callout{
    padding:27px 23px;
  }

}


/* =========================================================
   AMC FAMILY STORY
   ========================================================= */

.amc-family-story{
  position:relative;
  overflow:hidden;

  margin:42px 0 58px;
  padding:40px 42px;

  border:1px solid rgba(15,31,58,.10);
  border-radius:20px;

  background:#fff;

  box-shadow:0 10px 28px rgba(15,31,58,.045);
}

.amc-family-story:before{
  content:"";

  position:absolute;
  top:0;
  left:0;

  width:72px;
  height:5px;

  background:#E07A5F;
}

.amc-family-story:after{
  content:"";

  position:absolute;
  right:-45px;
  bottom:-55px;

  width:135px;
  height:135px;

  border-radius:50%;

  background:#3A7F7B;
  opacity:.08;
}

.amc-family-story h2{
  margin-top:0;
  max-width:700px;
}

.amc-family-story p{
  max-width:790px;
}

.amc-family-story__close{
  margin-top:28px!important;

  color:#0F1F3A;

  font-family:Manrope,Inter,sans-serif;
  font-size:18px;
}

@media(max-width:600px){

  .amc-family-story{
    padding:30px 24px;
  }

}


/* =========================================================
   AMC SUPPORT / LEGAL / GUIDES PASS 3.1.0
   ========================================================= */

.amc-live-delivery{
  display:flex;

  margin:
    28px 0 42px;

  padding:
    24px 26px;

  flex-direction:column;

  gap:3px;

  border:
    1px solid rgba(58,127,123,.18);

  border-radius:15px;

  background:#E3EEEA;
}

.amc-live-delivery__kicker{
  margin-bottom:5px;

  color:#2E6865;

  font-size:11px;
  font-weight:850;

  letter-spacing:.13em;

  text-transform:uppercase;
}

.amc-live-delivery strong{
  color:#0F1F3A;

  font-family:
    Manrope,
    Inter,
    sans-serif;

  font-size:21px;
  line-height:1.25;
}

.amc-live-delivery > span:last-child{
  color:#47586C;

  font-size:14px;
}


.amc-legal-identity{
  display:flex;

  max-width:720px;

  padding:
    22px 24px;

  flex-direction:column;

  gap:5px;

  border:
    1px solid rgba(15,31,58,.10);

  border-radius:13px;

  background:#fff;
}

.amc-legal-identity strong{
  color:#0F1F3A;

  font-family:
    Manrope,
    Inter,
    sans-serif;

  font-size:18px;
}

.amc-legal-identity span{
  color:#506075;

  font-size:14px;
  line-height:1.45;
}



/* =========================================================
   AMC SUPPORT PAGE FIX 3.2.0
   ========================================================= */


/* Better reading rhythm */

.amc-page-content{
  max-width:1010px;
}

.amc-page-content > h2{
  max-width:780px;
}

.amc-page-content > p{
  max-width:780px;
}


/* ---------------------------------------------------------
   MEASUREMENT GUIDE
   --------------------------------------------------------- */

.amc-measure-callout{
  padding:38px 40px!important;
}

.amc-measure-callout > h2{
  margin-top:0!important;
}

.amc-measure-steps{
  display:grid;

  grid-template-columns:
    repeat(3,minmax(0,1fr));

  gap:13px;

  margin:
    28px 0 24px;
}

.amc-measure-steps > div{
  display:flex;

  gap:13px;

  padding:19px;

  border:
    1px solid rgba(15,31,58,.09);

  border-radius:12px;

  background:#fff;
}

.amc-step-number{
  display:grid;

  width:30px;
  height:30px;

  flex:0 0 30px;

  place-items:center;

  border-radius:50%;

  background:#0F1F3A;

  color:#fff;

  font-size:12px;
  font-weight:850;
}

.amc-measure-steps h3{
  margin:
    2px 0 7px!important;

  font-size:15px!important;
}

.amc-measure-steps p{
  margin:0;

  color:#506075;

  font-size:13px;
  line-height:1.5;
}


/* ---------------------------------------------------------
   RETURNS
   --------------------------------------------------------- */

.amc-rights-note{
  margin:
    22px 0 0!important;

  color:#5A6877;

  font-size:13px;
}


/* Fix dark-callout link contrast */

.amc-page-callout--navy a:not(.amc-page-button){
  color:#83C5BD!important;

  font-weight:800;
}


/* ---------------------------------------------------------
   GUIDES
   --------------------------------------------------------- */

.amc-guides-grid{
  display:grid;

  grid-template-columns:
    repeat(2,minmax(0,1fr));

  gap:18px;

  margin:
    30px 0 58px;
}

.amc-guide-card{
  position:relative;

  display:flex;

  min-height:275px;

  overflow:hidden;

  padding:30px;

  flex-direction:column;

  border:
    1px solid rgba(15,31,58,.10);

  border-radius:18px;

  background:#fff;

  color:#0F1F3A!important;

  text-decoration:none!important;

  box-shadow:
    0 8px 24px rgba(15,31,58,.045);

  transition:
    transform .18s ease,
    box-shadow .18s ease;
}

.amc-guide-card:before{
  content:"";

  position:absolute;

  top:0;
  left:0;
  right:0;

  height:5px;

  background:#3A7F7B;
}

.amc-guide-card--mustard:before{
  background:#D6A22E;
}

.amc-guide-card--coral:before{
  background:#E07A5F;
}

.amc-guide-card--navy:before{
  background:#0F1F3A;
}

.amc-guide-card--story:before{
  background:
    linear-gradient(
      90deg,
      #3A7F7B,
      #D6A22E,
      #E07A5F
    );
}

.amc-guide-card--shop{
  background:#0F1F3A;

  color:#fff!important;
}

.amc-guide-card--shop:before{
  background:#D6A22E;
}

.amc-guide-card:hover{
  transform:translateY(-3px);

  box-shadow:
    0 15px 34px rgba(15,31,58,.09);
}

.amc-guide-card__kicker{
  margin-bottom:17px;

  color:#2E6865;

  font-size:11px;
  font-weight:850;

  letter-spacing:.13em;

  text-transform:uppercase;
}

.amc-guide-card--shop
.amc-guide-card__kicker{
  color:#E4B34B;
}

.amc-guide-card h3{
  max-width:440px;

  margin:
    0 0 13px!important;

  color:inherit;

  font-size:25px!important;
  line-height:1.15!important;
}

.amc-guide-card p{
  margin:
    0 0 22px;

  color:#506075;

  font-size:15px;
  line-height:1.58;
}

.amc-guide-card--shop p{
  color:#D9E4E1;
}

.amc-guide-card strong{
  margin-top:auto;

  color:#286A66;

  font-size:13.5px;
}

.amc-guide-card--shop strong{
  color:#E4B34B;
}

.amc-guides-closing{
  margin-bottom:0!important;
}


/* ---------------------------------------------------------
   RESPONSIVE
   --------------------------------------------------------- */

@media(max-width:800px){

  .amc-measure-steps,
  .amc-guides-grid{
    grid-template-columns:1fr;
  }

  .amc-guide-card{
    min-height:230px;
  }

}


@media(max-width:520px){

  .amc-measure-callout{
    padding:
      29px 23px!important;
  }

  .amc-guide-card{
    padding:25px;
  }

}



/* =========================================================
   AMC GUIDES FIX 3.3.0
   ========================================================= */

.amc-guide-card{
  min-height:255px;
}

.amc-guide-card__cta{
  display:inline-flex;

  margin-top:auto;
  padding-top:20px;

  align-items:center;

  color:#286A66!important;

  font-size:13.5px!important;
  font-weight:800!important;

  text-decoration:none!important;
}

.amc-guide-card__cta:hover{
  text-decoration:underline!important;
  text-underline-offset:3px;
}

.amc-guide-card--shop .amc-guide-card__cta{
  color:#E4B34B!important;
}

.amc-guide-card--shop h3{
  color:#fff!important;
}

.amc-guide-card--shop p{
  color:#D9E4E1!important;
}

.amc-guide-card:focus-within{
  outline:3px solid #D6A22E;
  outline-offset:3px;
}

@media(max-width:800px){

  .amc-guide-card{
    min-height:220px;
  }

}