*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#061e1e}
body{margin:0;background:#061e1e;font-family:Arial,Helvetica,sans-serif}
.desktop-site{position:relative;width:min(100vw,1536px);aspect-ratio:3/2;margin:auto;overflow:hidden;background:#f0dfb7}
.site-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}
.hotspot{position:absolute;z-index:10;display:block}
.anchor{position:absolute;width:1px;height:1px}
.nav-home{left:23%;top:.7%;width:5%;height:6%}.nav-approach{left:29.2%;top:.7%;width:10.8%;height:6%}
.nav-books{left:40.2%;top:.7%;width:5.4%;height:6%}.nav-michael{left:45.8%;top:.7%;width:6.1%;height:6%}
.nav-neuro{left:52.3%;top:.7%;width:12.7%;height:6%}.nav-resources{left:65.9%;top:.7%;width:8.4%;height:6%}
.nav-contact{left:74.4%;top:.7%;width:6.6%;height:6%}.nav-join{left:87.7%;top:.8%;width:10.8%;height:5.3%}
.start-here{left:2.5%;top:40%;width:11.8%;height:4.6%}.our-approach{left:15.3%;top:40%;width:10.2%;height:4.6%}
.anchor-approach,.anchor-books,.anchor-resources,.anchor-michael{top:47%}.anchor-neuro{top:8%}
.approach-card{left:2.6%;top:46%;width:16.4%;height:28%}.life-card{left:19.4%;top:46%;width:15.7%;height:28%}
.tools-card{left:35.6%;top:46%;width:15.9%;height:28%}.michael-card{left:52.3%;top:46%;width:19.2%;height:28.8%}
.neuro-panel{left:75.4%;top:8.6%;width:23.1%;height:55.7%}
.anchor-welcome{top:71%}.journey-button{left:78.7%;top:66.2%;width:16.2%;height:4.5%}.anchor-join{top:86%}
.desktop-newsletter{position:absolute;z-index:20;left:60.1%;top:93%;width:22.2%;height:3.2%;display:flex}
.desktop-newsletter input{width:67%;border:0;padding:0 8px}.desktop-newsletter button{width:33%;border:0;background:#d54b12;color:#fff;font-weight:800}
.mobile-site{display:none}
.toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%);z-index:100;background:#082f31;color:#f5e3b8;
padding:12px 16px;border-radius:7px;opacity:0;transition:.2s;pointer-events:none;max-width:90%;text-align:center}
.toast.show{opacity:1}

@media(max-width:700px){
  body{background:#efe0bc}
  .desktop-site{display:none}
  .mobile-site{display:block;max-width:520px;margin:auto;background:#efe0bc}
  .mobile-header{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;
    padding:12px 15px;background:#062f31;color:#f6e3b3;border-bottom:3px solid #d98b18}
  .mobile-header div{display:flex;flex-direction:column}
  .mobile-header strong{font-size:23px;line-height:1}
  .mobile-header small{font-size:9px;letter-spacing:1px;margin-top:5px}
  .mobile-header>a{background:#d95018;color:white;text-decoration:none;font-weight:900;padding:11px 17px;border-radius:4px}
  .mobile-block,.mobile-section{width:100%;padding:16px;background:#efe0bc}
  .mobile-block img,.mobile-card img{display:block;width:100%;height:auto}
  .emblem{background:#0a3737}
  .button-row{display:flex;gap:10px;margin-top:12px}
  .button-row a,.journey-mobile{flex:1;text-align:center;text-decoration:none;padding:14px 8px;background:#d95018;color:#fff;
    font-weight:900;border-radius:4px}
  .button-row .outline{background:#f3dfb1;color:#083a3b;border:2px solid #083a3b}
  .mobile-section h2{text-align:center;color:#083a3b;font-size:25px;margin:4px 0 15px}
  .mobile-card{display:block;margin:0 0 16px;border-radius:8px;overflow:hidden;box-shadow:0 5px 16px rgba(0,0,0,.18)}
  .neuro-section{background:#082f31}
  .neuro-section h2{color:#f2d58e}
  .neuro-card{max-width:360px;margin-left:auto;margin-right:auto;border:4px solid #d6a03a}
  .welcome{padding:0 0 20px}
  .welcome img{width:100%;height:auto}
  .journey-mobile{display:block;margin:14px 16px 0}
  .mobile-signup{text-align:center;padding:30px 18px 38px;background:#082f31;color:#f6e3b3}
  .mobile-signup h2{font-size:28px;margin:0 0 8px}
  .mobile-signup p{font-size:14px;line-height:1.5;margin:0 auto 18px;max-width:390px}
  .newsletter{display:flex;height:48px}
  .newsletter input{width:68%;border:0;padding:0 12px;font-size:16px}
  .newsletter button{width:32%;border:0;background:#d95018;color:#fff;font-weight:900}
  .email-link{display:inline-block;margin-top:18px;color:#f0c26c}
}


/* Latest blog feed */
.latest-posts{
  max-width:1536px;
  margin:0 auto;
  padding:46px 4vw 54px;
  background:linear-gradient(#f4e7c6,#e8cea0);
  color:#07393b;
  border-top:8px solid #d68a18;
}
.latest-heading-row{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin-bottom:24px;
}
.eyebrow{
  display:block;
  color:#d54b12;
  font-weight:900;
  letter-spacing:2px;
  font-size:13px;
}
.latest-posts h2{
  margin:5px 0 0;
  font-size:clamp(34px,4vw,62px);
  line-height:1;
}
.view-all{
  text-decoration:none;
  color:#07393b;
  font-weight:900;
  border:2px solid #07393b;
  padding:12px 17px;
  border-radius:4px;
}
.post-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}
.post-card{
  display:flex;
  flex-direction:column;
  min-height:260px;
  padding:24px;
  background:rgba(255,249,232,.74);
  border:3px solid #07393b;
  border-radius:8px;
  box-shadow:7px 7px 0 rgba(213,75,18,.18);
}
.post-category{
  color:#d54b12;
  text-transform:uppercase;
  font-weight:900;
  letter-spacing:1px;
  font-size:12px;
}
.post-card h3{
  margin:12px 0 9px;
  font-size:27px;
  line-height:1.02;
}
.post-card p{
  flex:1;
  line-height:1.55;
}
.post-card a{
  text-decoration:none;
  font-weight:900;
  color:#07393b;
  padding-top:14px;
  border-top:1px solid #d68a18;
}
.nav-blog{left:70.0%;top:.7%;width:4.8%;height:6%}
.nav-contact{left:75.1%;top:.7%;width:6.1%;height:6%}
.mobile-latest{display:none}

@media(max-width:900px) and (min-width:701px){
  .post-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .desktop-latest{display:none}
  .mobile-header-actions{display:flex;gap:8px}
  .mobile-header-actions a{
    background:#d95018;
    color:white;
    text-decoration:none;
    font-weight:900;
    padding:10px 12px;
    border-radius:4px;
  }
  .mobile-latest{
    display:block;
    padding:28px 16px 32px;
    background:linear-gradient(#f4e6c3,#e9cf9e);
    border-top:7px solid #d68a18;
  }
  .mobile-latest-header{text-align:center;margin-bottom:17px}
  .mobile-latest-header span{
    color:#d54b12;
    font-size:11px;
    font-weight:900;
    letter-spacing:1.6px;
  }
  .mobile-latest-header h2{
    margin:5px 0 0;
    color:#07393b;
    font-size:27px;
  }
  .mobile-post{
    display:block;
    text-decoration:none;
    color:#07393b;
    background:rgba(255,249,232,.82);
    border:2px solid #07393b;
    border-radius:7px;
    padding:17px;
    margin-bottom:13px;
    box-shadow:5px 5px 0 rgba(213,75,18,.16);
  }
  .mobile-post small{
    display:block;
    color:#d54b12;
    font-weight:900;
    margin-bottom:7px;
  }
  .mobile-post strong{display:block;font-size:20px;line-height:1.08}
  .mobile-post p{margin:8px 0 0;font-size:14px}
  .mobile-view-all{
    display:block;
    margin-top:18px;
    text-align:center;
    text-decoration:none;
    color:white;
    background:#07393b;
    padding:14px;
    border-radius:4px;
    font-weight:900;
  }
}


/* Clickable desktop footer hotspots */















.mobile-social-links{display:none}

@media(max-width:700px){
  .mobile-social-links{
    display:block;
    padding:24px 16px;
    background:#062f31;
    color:#f4dfb0;
    text-align:center;
    border-top:4px solid #d99a27;
  }
  .mobile-social-links h2{
    margin:0 0 14px;
    font-size:23px;
  }
  .mobile-social-links div{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:10px;
  }
  .mobile-social-links a{
    display:block;
    padding:12px 8px;
    background:#d95018;
    color:#fff;
    text-decoration:none;
    font-weight:900;
    border-radius:4px;
  }
}


/* Journal transition fix */
.latest-posts{
  position:relative;
  overflow:hidden;
  max-width:1536px;
  margin:0 auto;
  padding:56px 4vw 64px;
  color:#f7e7bd !important;
  background:
    radial-gradient(circle at 8% 18%, rgba(219,143,27,.95) 0 9px, transparent 10px),
    radial-gradient(circle at 92% 26%, rgba(217,78,22,.95) 0 7px, transparent 8px),
    radial-gradient(circle at 72% 78%, rgba(25,112,112,.8) 0 11px, transparent 12px),
    linear-gradient(135deg, rgba(5,42,44,.98), rgba(3,29,31,.99)) !important;
  border-top:10px solid #d99a27 !important;
  border-bottom:10px solid #d99a27;
}
.latest-posts::before,
.latest-posts::after{
  content:"";
  position:absolute;
  border:4px solid rgba(217,154,39,.55);
  border-radius:50%;
  pointer-events:none;
}
.latest-posts::before{
  width:360px;
  height:120px;
  right:-80px;
  top:26px;
  transform:rotate(-13deg);
}
.latest-posts::after{
  width:280px;
  height:90px;
  left:-100px;
  bottom:18px;
  transform:rotate(11deg);
}
.latest-heading-row{
  position:relative;
  z-index:2;
}
.eyebrow{
  color:#f19a31 !important;
}
.latest-posts h2{
  color:#f7e7bd !important;
  text-shadow:4px 4px 0 rgba(0,0,0,.22);
}
.view-all{
  color:#f7e7bd !important;
  border-color:#f7e7bd !important;
  background:rgba(255,255,255,.04);
}
.view-all:hover,
.view-all:focus-visible{
  background:#d95319;
  border-color:#d95319 !important;
  color:#fff !important;
}
.post-grid{
  position:relative;
  z-index:2;
}
.post-card{
  background:
    linear-gradient(rgba(255,249,232,.94),rgba(243,224,184,.94)) !important;
  color:#07393b !important;
  border:3px solid #d99a27 !important;
  box-shadow:8px 8px 0 rgba(217,78,22,.38) !important;
}
.post-card:nth-child(2){
  transform:translateY(10px);
}
.post-card:nth-child(3){
  transform:translateY(-6px);
}
.post-card a{
  color:#07393b !important;
  border-top-color:#d99a27 !important;
}
.post-card a:hover,
.post-card a:focus-visible{
  color:#d95319 !important;
}
@media(max-width:900px){
  .post-card:nth-child(2),
  .post-card:nth-child(3){
    transform:none;
  }
}
@media(max-width:700px){
  .mobile-latest{
    position:relative;
    overflow:hidden;
    background:linear-gradient(135deg,#052a2c,#031d1f) !important;
    color:#f7e7bd;
    border-top:7px solid #d99a27;
    border-bottom:7px solid #d99a27;
  }
  .mobile-latest-header h2{
    color:#f7e7bd !important;
  }
  .mobile-post{
    background:linear-gradient(#fff8e6,#efd9ab) !important;
    border-color:#d99a27 !important;
  }
  .mobile-view-all{
    background:#d95319 !important;
  }
  .mobile-social-links div{
    grid-template-columns:1fr 1fr;
  }
}





/* Compact real footer covering the baked-in footer area */
.compact-dashboard-footer{
  position:absolute;
  z-index:45;
  left:0;
  right:0;
  bottom:0;
  min-height:13.2%;
  display:grid;
  grid-template-columns:1.25fr 1fr 1.1fr auto;
  align-items:center;
  gap:24px;
  padding:14px 3.2%;
  background:linear-gradient(90deg,#061f21,#082f31);
  border-top:4px solid #d99a27;
  color:#f4dfb0;
}
.compact-brand{
  display:flex;
  flex-direction:column;
}
.compact-brand strong{
  font-size:clamp(18px,2vw,30px);
  line-height:1;
}
.compact-brand span{
  margin-top:5px;
  font-size:clamp(9px,.8vw,13px);
}
.compact-links,
.compact-actions{
  display:grid;
  grid-template-columns:1fr;
  gap:5px;
}
.compact-links a,
.compact-actions a{
  color:#f4dfb0;
  text-decoration:none;
  font-weight:800;
  font-size:clamp(9px,.8vw,13px);
}
.compact-links a:hover,
.compact-actions a:hover,
.compact-links a:focus-visible,
.compact-actions a:focus-visible{
  color:#ffffff;
  text-decoration:underline;
}
.compact-social{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap:7px;
}
.compact-social a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  border:2px solid #d99a27;
  border-radius:50%;
  color:#f4dfb0;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
}
.compact-social a:hover,
.compact-social a:focus-visible{
  background:#d95319;
  border-color:#d95319;
  color:#fff;
}

/* The compact footer is desktop-only; mobile keeps its own real sections. */
@media(max-width:700px){
  .compact-dashboard-footer{display:none}
}


/* Real footer after cropped dashboard */
.desktop-newsletter{
  display:none !important;
}

.desktop-real-footer{
  max-width:1536px;
  margin:0 auto;
  min-height:96px;
  display:grid;
  grid-template-columns:auto 1fr minmax(360px,520px);
  align-items:center;
  gap:24px;
  padding:16px 4vw;
  background:linear-gradient(90deg,#061f21,#083537);
  color:#f4dfb0;
  border-top:5px solid #d99a27;
  border-bottom:5px solid #d99a27;
}

.footer-mini-brand{
  display:flex;
  flex-direction:column;
  white-space:nowrap;
}
.footer-mini-brand strong{
  font-size:24px;
  line-height:1;
}
.footer-mini-brand span{
  margin-top:4px;
  font-size:11px;
}

.footer-mini-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 18px;
}
.footer-mini-links a{
  color:#f4dfb0;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}
.footer-mini-links a:hover,
.footer-mini-links a:focus-visible{
  color:#fff;
  text-decoration:underline;
}

.footer-newsletter{
  display:flex;
  min-width:0;
}
.footer-newsletter input{
  min-width:0;
  flex:1;
  height:42px;
  border:0;
  padding:0 14px;
  font-size:14px;
  background:#fff8e7;
  color:#07393b;
}
.footer-newsletter button{
  height:42px;
  border:0;
  padding:0 18px;
  background:#d95319;
  color:#fff;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}

@media(max-width:950px){
  .desktop-real-footer{
    grid-template-columns:1fr;
    text-align:center;
  }
  .footer-mini-brand{
    align-items:center;
  }
  .footer-newsletter{
    width:min(100%,560px);
    margin:0 auto;
  }
}

@media(max-width:700px){
  .desktop-real-footer{
    display:none;
  }
}


/* Final compact footer social row */
.footer-center{
  display:flex;
  flex-direction:column;
  gap:9px;
  align-items:center;
}

.footer-social-links{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px 13px;
}

.footer-social-links a{
  color:#d99a27;
  text-decoration:none;
  font-size:11px;
  font-weight:900;
  letter-spacing:.3px;
}

.footer-social-links a:hover,
.footer-social-links a:focus-visible{
  color:#ffffff;
  text-decoration:underline;
}

@media(max-width:950px){
  .footer-center{
    width:100%;
  }
}


/* Final desktop footer artwork */
.homepage-footer-art{
  display:block;
  max-width:1536px;
  margin:0 auto;
  line-height:0;
  background:#062f31;
  border-top:2px solid #d99a27;
}
.homepage-footer-art img{
  display:block;
  width:100%;
  height:auto;
}
@media(max-width:700px){
  .homepage-footer-art{
    display:none;
  }
}


/* Interactive links over final footer artwork */
.homepage-footer-art{
  position:relative;
}
.footer-hit{
  position:absolute;
  z-index:8;
  display:block;
}
.footer-instagram-hit{left:35.6%;top:14%;width:4.6%;height:29%}
.footer-tiktok-hit{left:40.0%;top:14%;width:4.6%;height:29%}
.footer-youtube-hit{left:44.4%;top:14%;width:4.6%;height:29%}
.footer-x-hit{left:48.7%;top:14%;width:4.6%;height:29%}

.footer-art-newsletter{
  position:absolute;
  z-index:9;
  left:58.9%;
  top:46.8%;
  width:38.9%;
  height:22%;
  display:flex;
}
.footer-art-newsletter input{
  flex:1;
  min-width:0;
  border:0;
  padding:0 16px;
  font-size:15px;
  background:#fff8e8;
  color:#07393b;
}
.footer-art-newsletter button{
  border:0;
  padding:0 24px;
  background:#d95319;
  color:#fff;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}
.footer-privacy-hit{left:47.3%;top:83%;width:7.4%;height:12%}
.footer-terms-hit{left:55.6%;top:83%;width:6.8%;height:12%}
.footer-contact-hit{left:63.7%;top:83%;width:5.5%;height:12%}

@media(max-width:700px){
  .footer-hit,
  .footer-art-newsletter{
    display:none;
  }
}


/* Integrated footer links for the original 1536 × 1024 desktop artwork */
.image-footer-approach{left:26.6%;top:88.6%;width:8.5%;height:1.75%}
.image-footer-books{left:26.6%;top:90.45%;width:5.2%;height:1.75%}
.image-footer-michael{left:26.6%;top:92.3%;width:5.7%;height:1.75%}
.image-footer-neuro{left:26.6%;top:94.15%;width:10.8%;height:1.75%}

.image-footer-resources{left:37.4%;top:88.6%;width:6.4%;height:1.75%}
.image-footer-join{left:37.4%;top:90.45%;width:7.7%;height:1.75%}
.image-footer-contact{left:37.4%;top:92.3%;width:5.5%;height:1.75%}
.image-footer-amazon{left:37.4%;top:94.15%;width:7.8%;height:1.75%}

.image-footer-instagram{left:49.45%;top:88.6%;width:7.2%;height:1.75%}
.image-footer-facebook{left:49.45%;top:90.45%;width:7.1%;height:1.75%}
.image-footer-youtube{left:49.45%;top:92.3%;width:6.6%;height:1.75%}
.image-footer-newsletter-label{left:49.45%;top:94.15%;width:7.4%;height:1.75%}

.integrated-footer-newsletter{
  position:absolute;
  z-index:40;
  left:60.25%;
  top:92.45%;
  width:22.15%;
  height:3.55%;
  display:flex;
  margin:0;
}
.integrated-footer-newsletter input{
  flex:1;
  min-width:0;
  height:100%;
  border:0;
  padding:0 12px;
  background:#fff7df;
  color:#07393b;
  font-size:clamp(9px,.8vw,14px);
}
.integrated-footer-newsletter button{
  height:100%;
  border:0;
  padding:0 15px;
  background:#d95319;
  color:#fff;
  font-size:clamp(8px,.75vw,13px);
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}

.image-footer-privacy{left:45.15%;top:97.25%;width:5.9%;height:1.7%}
.image-footer-terms{left:52.15%;top:97.25%;width:7.4%;height:1.7%}

/* The old separate footer system is not used with this build. */
.homepage-footer-art,
.desktop-real-footer,
.compact-dashboard-footer{
  display:none !important;
}

@media(max-width:700px){
  .integrated-footer-newsletter,
  .image-footer-approach,
  .image-footer-books,
  .image-footer-michael,
  .image-footer-neuro,
  .image-footer-resources,
  .image-footer-join,
  .image-footer-contact,
  .image-footer-amazon,
  .image-footer-instagram,
  .image-footer-facebook,
  .image-footer-youtube,
  .image-footer-newsletter-label,
  .image-footer-privacy,
  .image-footer-terms{
    display:none !important;
  }
}.our-approach{
  display:none !important;
}