:root{
    --navy-900:#0a1e3a;
    --navy-800:#0e2748;
    --navy-700:#143257;
    --navy-600:#1c4675;
    --cream:#f4ece0;
    --cream-soft:#faf5ec;
    --amber:#f3a23b;
    --amber-dark:#e08a22;
    --amber-soft:#f9c477;
    --sky:#cfe6f3;
    --sky-soft:#e4f1f8;
    --teal-deep:#0f6b5c;
    --text-light:#dfe9f3;
    --text-mute:#a9bdd2;
    --text-dark:#2b3a4d;
    --text-dark-mute:#5d6f82;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{
    font-family:'Nunito',system-ui,sans-serif;
    color:var(--text-light);
    background:var(--navy-900);
    line-height:1.6;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden;
  }
  h1,h2,h3,.serif{font-family:'Fraunces',Georgia,serif;font-weight:500;line-height:1.1;}
  img{max-width:100%;display:block;}
  a{text-decoration:none;color:inherit;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 24px;}

  /* ---------- Buttons ---------- */
  .btn{
    display:inline-flex;align-items:center;gap:.55rem;
    font-family:'Nunito';font-weight:700;font-size:1.02rem;
    padding:.95rem 1.7rem;border-radius:999px;border:0;cursor:pointer;
    transition:transform .15s ease, box-shadow .15s ease, background .15s ease;
    white-space:nowrap;
  }
  .btn-primary{background:#FD6701;color:#fff;box-shadow:0 8px 22px -8px rgba(253,103,1,.7);}
  .cart{filter:brightness(0);}
  .btn-primary:hover{background:#e25c00;transform:translateY(-2px);}
  .btn-disabled{cursor:default;opacity:.88;}
  .btn-disabled:hover{background:#FD6701;transform:none;}
  .btn-ghost{background:transparent;color:var(--text-light);border:1.5px solid rgba(223,233,243,.45);}
  .btn-ghost:hover{background:rgba(255,255,255,.08);transform:translateY(-2px);}
  .btn-dark{background:var(--teal-deep);color:#eafaf3;}
  .btn-dark:hover{background:#0c8270;transform:translateY(-2px);}
  .btn-line{background:#fff;color:var(--navy-700);border:1px solid rgba(20,50,87,.15);}
  .btn-line:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(20,50,87,.4);}

  /* ---------- Nav ---------- */
  header.nav{position:sticky;top:0;z-index:50;background:#ffffff;border-bottom:1px solid rgba(20,50,87,.08);box-shadow:0 2px 14px -8px rgba(20,50,87,.25);}
  .nav-inner{position:relative;display:flex;align-items:center;justify-content:space-between;padding:.7rem 24px;max-width:1180px;margin:0 auto;}
  .logo{display:flex;align-items:center;}
  .logo-img{height:38px;width:auto;display:block;}
  .nav-links{display:flex;gap:1.15rem;align-items:center;font-size:1rem;font-weight:700;color:var(--navy-700);}
  .nav-links a:hover{color:var(--amber-dark);}
  .nav-cta{display:flex;align-items:center;gap:1rem;}
  .menu-btn{display:none;background:none;border:0;color:var(--navy-700);font-size:1.6rem;cursor:pointer;}

  /* ---------- Hero ---------- */
  .hero{position:relative;overflow:hidden;padding:64px 0 90px;
    background:
      radial-gradient(130% 90% at 50% -15%, rgba(150,220,245,.30) 0%, rgba(150,220,245,0) 55%),
      linear-gradient(180deg,#1a5a86 0%,#134a76 28%,#0e3a60 58%,#0a2747 100%);
  }
  .rays{position:absolute;inset:0;pointer-events:none;opacity:.8;filter:blur(9px);
    background:
      linear-gradient(100deg, transparent 16%, rgba(200,236,255,.11) 21%, transparent 27%),
      linear-gradient(95deg,  transparent 36%, rgba(200,236,255,.08) 41%, transparent 48%),
      linear-gradient(103deg, transparent 56%, rgba(200,236,255,.10) 62%, transparent 69%),
      linear-gradient(97deg,  transparent 74%, rgba(200,236,255,.07) 80%, transparent 87%);
    -webkit-mask-image:linear-gradient(180deg,#000,transparent 68%);
    mask-image:linear-gradient(180deg,#000,transparent 68%);}
  .bubbles{position:absolute;inset:0;pointer-events:none;opacity:.7;
    background-image:
      radial-gradient(4px 4px at 12% 82%, rgba(255,255,255,.28), transparent),
      radial-gradient(3px 3px at 23% 58%, rgba(255,255,255,.22), transparent),
      radial-gradient(5px 5px at 76% 72%, rgba(255,255,255,.20), transparent),
      radial-gradient(3px 3px at 88% 48%, rgba(255,255,255,.24), transparent),
      radial-gradient(2px 2px at 61% 86%, rgba(255,255,255,.22), transparent),
      radial-gradient(4px 4px at 41% 38%, rgba(255,255,255,.16), transparent),
      radial-gradient(2px 2px at 53% 64%, rgba(255,255,255,.20), transparent);}
  .moon{position:absolute;top:60px;right:9%;width:110px;height:110px;border-radius:50%;
    background:radial-gradient(circle at 38% 38%,#fef9e7,#f3e4ad 60%,#e6cf86);
    box-shadow:0 0 70px 18px rgba(246,231,170,.35);opacity:.9;}
  .stars{position:absolute;inset:0;background-image:
    radial-gradient(1.4px 1.4px at 20% 30%,rgba(255,255,255,.8),transparent),
    radial-gradient(1.4px 1.4px at 70% 18%,rgba(255,255,255,.7),transparent),
    radial-gradient(1.1px 1.1px at 45% 12%,rgba(255,255,255,.6),transparent),
    radial-gradient(1.6px 1.6px at 88% 42%,rgba(255,255,255,.75),transparent),
    radial-gradient(1.1px 1.1px at 33% 50%,rgba(255,255,255,.5),transparent),
    radial-gradient(1.3px 1.3px at 60% 60%,rgba(255,255,255,.5),transparent);
    opacity:.7;}
  .hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:0.85fr 1.15fr;gap:48px;align-items:center;}
  .book-wrap{display:flex;justify-content:center;perspective:1400px;}
  .book{width:min(330px,80%);border-radius:6px 12px 12px 6px;overflow:hidden;
    box-shadow:-22px 26px 50px -18px rgba(0,0,0,.65), 0 2px 0 rgba(255,255,255,.05) inset;
    transform:rotateY(-16deg) rotateX(2deg);transition:transform .5s ease;
    border-left:6px solid rgba(0,0,0,.25);}
  .book:hover{transform:rotateY(-6deg);}
  .book-duo{display:flex;justify-content:center;align-items:flex-end;perspective:1400px;}
  .book-duo .book{width:min(210px,44%);transition:transform .4s ease,box-shadow .4s ease;}
  .book-duo .book.b1{transform:rotate(-5deg);margin-right:-26px;z-index:2;}
  .book-duo .book.b2{transform:rotate(7deg);margin-left:-26px;z-index:1;}
  .book-duo .book.b1:hover{transform:rotate(-3deg) translateY(-8px) scale(1.03);z-index:3;}
  .book-duo .book.b2:hover{transform:rotate(3deg) translateY(-8px) scale(1.03);z-index:3;}
  .eyebrow{display:inline-flex;align-items:center;gap:.5rem;color:#3a2406;background:var(--amber);font-weight:900;letter-spacing:.12em;text-transform:uppercase;font-size:1rem;padding:.5rem 1.1rem;border-radius:999px;margin-bottom:1.15rem;box-shadow:0 6px 20px rgba(0,0,0,.35);}
  .hero h1{font-size:clamp(2.3rem,4.6vw,3.7rem);color:#fff;margin-bottom:1.3rem;text-shadow:0 2px 18px rgba(0,0,0,.55);}
  .hero h1 .hl{color:var(--amber);font-style:italic;font-weight:600;font-size:1.04em;letter-spacing:-.01em;}
  .hero p.lede{font-size:1.18rem;color:#eaf2fb;max-width:33em;margin-bottom:1.9rem;text-shadow:0 1px 10px rgba(0,0,0,.5);}
  .hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.4rem;}
  .hero-spec{color:var(--amber-soft);font-weight:800;font-size:.9rem;letter-spacing:.02em;margin-bottom:.8rem;}
  .hero-note{display:flex;align-items:center;gap:.55rem;color:#d4e1ed;font-size:.98rem;}
  .hero-jelly{position:absolute;right:5%;bottom:34px;width:180px;z-index:2;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45));animation:float 6s ease-in-out infinite;pointer-events:none;}
  @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-16px)}}

  /* ---------- Books showcase ---------- */
  .books{background:var(--navy-900);padding:84px 0;}
  .books .head{text-align:center;max-width:42rem;margin:0 auto 3rem;}
  .books .head .kicker{display:inline-block;margin-bottom:.5rem;}
  .books .head h2{color:#fff;font-size:clamp(1.9rem,3vw,2.7rem);margin-bottom:.8rem;}
  .books .head h2 .hl{color:var(--amber);font-style:italic;}
  .books .head p{color:var(--text-mute);font-size:1.05rem;}
  .books-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}
  .book-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:24px;padding:30px;display:flex;gap:24px;align-items:center;transition:transform .18s ease,border-color .18s ease;}
  .book-card:hover{transform:translateY(-5px);border-color:rgba(243,162,59,.35);}
  .book-card > img{width:172px;flex-shrink:0;border-radius:9px;box-shadow:0 18px 34px -16px rgba(0,0,0,.75);}
  .book-card .tag{display:inline-block;font-size:.72rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--amber-soft);margin-bottom:.55rem;}
  .book-card h3{font-family:'Fraunces';font-weight:600;color:#fff;font-size:1.5rem;margin-bottom:.5rem;}
  .book-card p{color:var(--text-mute);font-size:.95rem;line-height:1.5;margin-bottom:1.2rem;}
  @media(max-width:820px){.books-grid{grid-template-columns:1fr;}.book-card{flex-direction:column;text-align:center;}}

  /* ---------- Section base ---------- */
  section{position:relative;}
  .sec-pad{padding:84px 0;}
  .kicker{color:var(--amber-dark);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;}

  /* ---------- Practise card ---------- */
  .practise{background:var(--navy-800);padding:70px 0;}
  .practise-card{background:var(--cream);color:var(--text-dark);border-radius:28px;padding:46px;display:grid;grid-template-columns:1fr 1.05fr;gap:44px;align-items:center;box-shadow:0 30px 60px -30px rgba(0,0,0,.5);}
  .practise-card h2{font-size:clamp(1.9rem,3vw,2.6rem);color:var(--navy-700);margin-bottom:1.2rem;}
  .practise-card p{color:var(--text-dark-mute);margin-bottom:1rem;font-size:1.05rem;}
  .practise-card p b{color:var(--text-dark);}
  .practise-card .heart{color:var(--amber);font-size:1.3rem;}
  .practise-card img{border-radius:18px;box-shadow:0 18px 40px -18px rgba(0,0,0,.45);}

  /* ---------- Feature strip ---------- */
  .features{background:var(--navy-800);padding:0 0 70px;}
  .feature-row{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;}
  .feature{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem;}
  .feature .ico{width:42px;height:42px;color:var(--amber);}
  .feature h4{font-family:'Nunito';font-weight:800;font-size:.98rem;color:#fff;line-height:1.35;}

  /* ---------- Spreads strip ---------- */
  .spreads{background:var(--navy-700);padding:60px 0;}
  .spread-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  .spread{border-radius:16px;overflow:hidden;box-shadow:0 16px 34px -18px rgba(0,0,0,.6);position:relative;aspect-ratio:3/2;}
  .spread img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
  .spread:hover img{transform:scale(1.05);}

  /* ---------- Why gratitude matters ---------- */
  .why{background:var(--cream);color:var(--text-dark);padding:84px 0;}
  .why .head{text-align:center;max-width:44rem;margin:0 auto 3rem;}
  .why .kicker{display:inline-block;color:var(--amber-dark);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:.8rem;margin-bottom:.6rem;}
  .why .head h2{font-size:clamp(1.9rem,3vw,2.6rem);color:var(--navy-700);margin-bottom:.8rem;}
  .why .head h2 .hl{color:var(--amber);font-style:italic;}
  .why .head p{color:var(--text-dark-mute);font-size:1.08rem;}
  .why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .why-card{background:#fff;border:1px solid rgba(20,50,87,.08);border-radius:20px;padding:30px 26px;text-align:center;box-shadow:0 18px 40px -26px rgba(0,0,0,.32);transition:transform .18s ease,box-shadow .18s ease;}
  .why-card:hover{transform:translateY(-5px);box-shadow:0 26px 48px -24px rgba(0,0,0,.4);}
  .why-card .ic{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;background:var(--sky-soft);color:var(--teal-deep);margin:0 auto 16px;}
  .why-card .ic svg{width:25px;height:25px;}
  .why-card h5{font-family:'Fraunces';font-weight:600;font-size:1.2rem;color:var(--navy-700);margin-bottom:.45rem;}
  .why-card p{color:var(--text-dark-mute);font-size:.97rem;line-height:1.55;}
  .why-foot{text-align:center;max-width:40rem;margin:2.6rem auto 0;color:var(--text-dark-mute);font-size:1.05rem;}
  .why-foot b{color:var(--text-dark);}
  @media(max-width:880px){.why-grid{grid-template-columns:repeat(2,1fr);}}
  @media(max-width:560px){.why-grid{grid-template-columns:1fr;}}

  /* ---------- Friends & family ---------- */
  .friends{background:var(--navy-800);padding:84px 0;}
  .friends .head{text-align:center;max-width:40rem;margin:0 auto 3rem;}
  .friends .head h2{font-size:clamp(1.9rem,3vw,2.7rem);color:#fff;margin:.5rem 0 .8rem;}
  .friends .head h2 .hl{color:var(--amber);font-style:italic;}
  .friends .head p{color:var(--text-mute);font-size:1.05rem;}
  .gang-img{max-width:980px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 28px 56px -26px rgba(0,0,0,.65);}
  .gang-img img{width:100%;height:auto;display:block;}
  .friends-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  .friend{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:24px 14px 20px;text-align:center;transition:transform .18s ease,background .18s ease,border-color .18s ease;}
  .friend:hover{transform:translateY(-5px);background:rgba(255,255,255,.07);border-color:rgba(243,162,59,.35);}
  .friend .pic{height:128px;display:flex;align-items:flex-end;justify-content:center;margin-bottom:1rem;}
  .friend .pic img{max-height:128px;width:auto;filter:drop-shadow(0 12px 16px rgba(0,0,0,.4));}
  .friend h5{font-family:'Fraunces';font-weight:600;color:#fff;font-size:1.18rem;margin-bottom:.3rem;}
  .friend p{font-size:.84rem;color:var(--text-mute);line-height:1.45;}

  /* ---------- Teaser / coming soon ---------- */
  .teaser{background:var(--navy-900);padding:88px 0;text-align:center;}
  .teaser .head{max-width:42rem;margin:0 auto 2.4rem;}
  .teaser .kicker{color:var(--amber-dark);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;}
  .teaser h2{font-size:clamp(1.9rem,3vw,2.7rem);color:#fff;margin:.5rem 0 .8rem;}
  .teaser h2 .hl{color:var(--amber);font-style:italic;}
  .teaser .head p{color:var(--text-mute);font-size:1.05rem;max-width:34rem;margin:0 auto;}
  .teaser-video{position:relative;max-width:860px;margin:0 auto;border-radius:24px;overflow:hidden;box-shadow:0 28px 56px -26px rgba(0,0,0,.7);border:1px solid rgba(255,255,255,.08);}
  .teaser-video video{width:100%;height:auto;display:block;}
  .teaser-tag{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.6rem;color:var(--text-mute);font-size:.95rem;}
  .teaser-tag .dot{width:9px;height:9px;border-radius:50%;background:#FD6701;box-shadow:0 0 0 0 rgba(253,103,1,.6);animation:pulse 2s infinite;}
  @keyframes pulse{0%{box-shadow:0 0 0 0 rgba(253,103,1,.55)}70%{box-shadow:0 0 0 10px rgba(253,103,1,0)}100%{box-shadow:0 0 0 0 rgba(253,103,1,0)}}

  /* ---------- Testimonials ---------- */
  .testimonials{background:var(--navy-800);padding:84px 0;}
  .testimonials .head{text-align:center;max-width:40rem;margin:0 auto 2.8rem;}
  .testimonials .kicker{color:var(--amber-dark);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;}
  .testimonials .head h2{font-size:clamp(1.9rem,3vw,2.7rem);color:#fff;margin:.5rem 0 .3rem;}
  .testimonials .head h2 .hl{color:var(--amber);font-style:italic;}
  .tgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  .tcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:20px;padding:26px 24px;display:flex;flex-direction:column;}
  .tcard .qstars{color:var(--amber);font-size:.95rem;letter-spacing:.14em;margin-bottom:.9rem;}
  .tcard p{color:var(--text-light);font-size:1rem;line-height:1.6;margin-bottom:1.2rem;flex:1;}
  .tcard .who{color:var(--text-mute);font-size:.85rem;font-weight:700;}
  @media(max-width:820px){.tgrid{grid-template-columns:1fr;}}

  /* ---------- Two-up alive / ritual ---------- */
  .alive-ritual{display:grid;grid-template-columns:1fr;}
  .alive{background:var(--sky-soft);color:var(--text-dark);padding:70px 5% 70px 0;}
  .alive .inner{max-width:560px;margin-left:auto;padding-left:24px;}
  .alive h2{font-size:clamp(1.9rem,3vw,2.5rem);color:var(--navy-700);margin-bottom:1.1rem;}
  .alive p.sub{color:var(--text-dark-mute);margin-bottom:2rem;font-size:1.05rem;}
  .nfs{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
  .nfs-card{background:#fff;border-radius:18px;padding:22px 16px;text-align:center;box-shadow:0 12px 26px -16px rgba(20,50,87,.35);}
  .nfs-card img{width:64px;margin:0 auto .6rem;}
  .nfs-card h5{font-family:'Fraunces';font-weight:600;font-size:1.2rem;color:var(--navy-700);margin-bottom:.3rem;}
  .nfs-card p{font-size:.85rem;color:var(--text-dark-mute);}

  .ritual{background:var(--navy-700);padding:80px 24px;}
  .ritual .inner{max-width:820px;margin:0 auto;padding:0;}
  .ritual h2{font-size:clamp(1.9rem,3vw,2.5rem);color:#fff;text-align:center;margin-bottom:2.4rem;}
  .ritual h2 .hl{color:var(--amber);font-style:italic;}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;position:relative;margin-bottom:2.2rem;}
  .steps:before{content:"";position:absolute;top:34px;left:16%;right:16%;border-top:2px dashed rgba(243,162,59,.5);}
  .step{text-align:center;position:relative;z-index:2;}
  .step .num{width:30px;height:30px;border-radius:50%;background:var(--amber);color:#3a2406;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto .4rem;font-size:.85rem;}
  .step .circle{width:74px;height:74px;border-radius:50%;background:var(--navy-600);display:flex;align-items:center;justify-content:center;margin:0 auto .8rem;color:var(--amber-soft);box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);}
  .step .circle svg{width:34px;height:34px;}
  .step h5{font-family:'Fraunces';font-weight:600;color:#fff;font-size:1.15rem;margin-bottom:.3rem;}
  .step p{font-size:.85rem;color:var(--text-mute);}
  .ritual .btn{display:block;width:fit-content;margin:0 auto;}

  /* ---------- Activity / educators ---------- */
  .two-band{display:grid;grid-template-columns:1fr;}
  .activity{background:var(--sky);color:var(--text-dark);padding:74px 24px;}
  .activity .inner{max-width:900px;margin:0 auto;padding:0;display:grid;grid-template-columns:1.2fr .9fr;gap:34px;align-items:center;}
  .activity h3{font-size:1.9rem;color:var(--navy-700);margin-bottom:.9rem;}
  .activity p{color:var(--text-dark-mute);margin-bottom:1.4rem;font-size:1rem;}
  .activity .small{display:flex;align-items:center;gap:.5rem;font-size:.85rem;color:var(--text-dark-mute);margin-top:1rem;}
  .sheets-mock{background:#fff;border-radius:14px;padding:14px;box-shadow:0 16px 34px -18px rgba(20,50,87,.5);transform:rotate(2deg);}
  .sheets-mock .line{height:8px;background:#e7eef4;border-radius:4px;margin:8px 0;}
  .sheets-mock .box{height:80px;border:2px dashed #c4d4e2;border-radius:10px;margin:10px 0;}
  .sheets-mock h6{font-family:'Fraunces';color:var(--navy-700);font-size:.95rem;margin-bottom:6px;}
  .sheet-form{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:.4rem;}
  .sheet-form input[type=email]{flex:1 1 220px;min-width:0;padding:.85rem 1.1rem;border-radius:999px;border:1.5px solid rgba(20,50,87,.18);font-family:'Nunito';font-size:1rem;color:var(--navy-700);background:#fff;outline:none;transition:border-color .15s ease,box-shadow .15s ease;}
  .sheet-form input[type=email]:focus{border-color:var(--amber);box-shadow:0 0 0 3px rgba(243,162,59,.22);}
  .sheet-form .btn{flex:0 0 auto;}
  .kit-form-wrap{max-width:980px;margin:0 auto;}
  .kit-form-wrap > *{max-width:100%;}
  .sheet-msg{font-weight:700;font-size:.95rem;margin:.2rem 0 .6rem;}
  .sheet-msg.ok{color:var(--teal-deep);}
  .sheet-msg.err{color:#c0392b;}

  .educators{background:#e9f2ec;color:var(--text-dark);padding:68px 0 68px 5%;}
  .educators .inner{max-width:560px;padding-right:24px;display:flex;gap:28px;align-items:center;}
  .educators .ed-text{flex:1;}
  .educators .teacher{width:200px;flex-shrink:0;filter:drop-shadow(0 16px 26px rgba(20,50,87,.28));border-radius:14px;}
  .educators h3{font-size:1.9rem;color:var(--teal-deep);margin-bottom:.9rem;}
  .educators p{color:var(--text-dark-mute);margin-bottom:1.5rem;font-size:1rem;}
  .educators .btns{display:flex;flex-wrap:wrap;gap:.8rem;}

  /* ---------- About Nathan ---------- */
  .about-nathan{background:var(--cream-soft);color:var(--text-dark);padding:84px 0;}
  .about-nathan-grid{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;}
  .about-nathan-photo{position:relative;max-width:430px;justify-self:center;width:100%;}
  .about-nathan-photo:before{content:"";position:absolute;inset:20px -18px -18px 20px;border-radius:30px;background:var(--amber);opacity:.22;}
  .about-nathan-photo img{position:relative;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:center 35%;border-radius:28px;box-shadow:0 24px 50px -26px rgba(20,50,87,.5);}
  .about-nathan-copy .kicker{display:block;color:var(--amber-dark);font-weight:800;text-transform:uppercase;letter-spacing:.14em;font-size:.8rem;margin-bottom:.65rem;}
  .about-nathan-copy h2{font-size:clamp(2rem,3.4vw,3rem);color:var(--navy-700);margin-bottom:1rem;}
  .about-nathan-copy h2 .hl{color:var(--amber-dark);font-style:italic;}
  .about-nathan-copy .roles{font-weight:800;color:var(--navy-600);font-size:.98rem;letter-spacing:.03em;margin-bottom:1.25rem;}
  .about-nathan-copy p{color:var(--text-dark-mute);font-size:1.08rem;line-height:1.75;margin-bottom:1rem;max-width:42rem;}
  .about-nathan-copy p:last-child{margin-bottom:0;}

  /* ---------- Gift / world (merged) ---------- */
  .gift-merged{background:var(--cream-soft);color:var(--text-dark);padding:80px 5%;text-align:center;}
  .gift-merged .inner{max-width:720px;margin:0 auto;}
  .gift-merged .brand-tag{display:block;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;color:var(--amber-dark);margin-bottom:.7rem;}
  .gift-merged h3{font-size:clamp(1.9rem,3vw,2.4rem);color:var(--navy-700);margin-bottom:1rem;}
  .gift-merged .lead{color:var(--text-dark-mute);font-size:1.08rem;max-width:38rem;margin:0 auto 2.2rem;line-height:1.6;}
  .gift-icons{display:flex;flex-wrap:wrap;justify-content:center;gap:1.4rem;margin-bottom:2.2rem;}
  .gift-icon{display:flex;flex-direction:column;align-items:center;gap:.4rem;font-size:.72rem;color:var(--text-dark-mute);width:64px;text-align:center;}
  .gift-icon .b{width:42px;height:42px;border-radius:12px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--amber-dark);box-shadow:0 8px 18px -12px rgba(20,50,87,.4);}
  .gift-icon svg{width:22px;height:22px;}
  .gift-merged .brand{font-family:'Fraunces';font-weight:600;font-size:1.5rem;color:var(--navy-700);margin-top:2.4rem;}
  .gift-merged .brand span{color:var(--amber);}

  /* ---------- Final CTA ---------- */
  .final{position:relative;text-align:center;padding:80px 0 90px;overflow:hidden;
    background:radial-gradient(90% 120% at 50% 0%,#1d4f7e 0%,#0a1e3a 60%);}
  .final h2{font-size:clamp(2rem,4vw,3rem);color:#fff;margin-bottom:1.8rem;}
  .final .hero-actions{justify-content:center;}
  .final .jelly-sm{position:absolute;bottom:-20px;width:120px;animation:float 7s ease-in-out infinite;opacity:.95;}
  .final .jelly-sm.l{left:6%;}
  .final .jelly-sm.r{right:6%;animation-delay:1.5s;}

  footer.foot{background:var(--navy-900);color:var(--text-mute);padding:58px 0 26px;font-size:.92rem;border-top:1px solid rgba(255,255,255,.06);}
  .foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1fr 1fr;gap:32px;}
  .foot-logo{height:30px;width:auto;margin-bottom:1.1rem;display:block;}
  .foot-brand p{max-width:24em;color:var(--text-mute);line-height:1.5;}
  .foot-col h5{color:#fff;font-family:'Nunito';font-weight:800;font-size:.96rem;margin-bottom:1.1rem;}
  .foot-col a{display:block;color:var(--text-mute);margin-bottom:.75rem;font-weight:500;}
  .foot-col a:hover{color:#fff;}
  .foot-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:38px;padding-top:22px;text-align:center;color:var(--text-mute);font-size:.85rem;}
  .foot-social{display:flex;gap:.6rem;margin-top:1.2rem;}
  .foot-social a{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.08);color:var(--text-light);transition:background .15s ease,color .15s ease,transform .15s ease;}
  .foot-social a:hover{background:var(--amber);color:#3a2406;transform:translateY(-2px);}
  .foot-social svg{width:19px;height:19px;}

  /* ---------- Responsive ---------- */
  @media(max-width:900px){
    .nav-links{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;align-items:flex-start;gap:0;background:#fff;padding:.5rem 24px 1rem;box-shadow:0 16px 28px -14px rgba(20,50,87,.35);border-bottom:1px solid rgba(20,50,87,.08);}
    .nav-links.open{display:flex;}
    .nav-links a{display:block;width:100%;padding:.75rem 0;border-bottom:1px solid rgba(20,50,87,.06);}
    .menu-btn{display:block;}
    .hero-grid{grid-template-columns:1fr;text-align:center;gap:30px;}
    .hero p.lede{margin-left:auto;margin-right:auto;}
    .hero-actions,.hero-note{justify-content:center;}
    .hero-jelly{display:none;}
    .practise-card{grid-template-columns:1fr;padding:32px;}
    .feature-row{grid-template-columns:repeat(2,1fr);gap:30px 20px;}
    .spread-grid{grid-template-columns:repeat(2,1fr);}
    .friends-grid{grid-template-columns:repeat(3,1fr);}
    .alive-ritual,.two-band,.gift-world{grid-template-columns:1fr;}
    .alive,.ritual,.activity,.educators,.gift,.world{padding-left:24px;padding-right:24px;}
    .alive .inner,.ritual .inner,.activity .inner,.educators .inner,.gift .inner,.world .inner{max-width:none;padding:0;margin:0;}
    .activity .inner{grid-template-columns:1fr;}
    .educators .inner{flex-direction:column-reverse;align-items:flex-start;}
    .educators .teacher{width:170px;}
    .foot-grid{grid-template-columns:1fr 1fr;}
    .foot-brand{grid-column:1 / -1;}
    .friends-grid{grid-template-columns:repeat(2,1fr);}
    .about-nathan-grid{grid-template-columns:1fr;gap:36px;}
    .about-nathan-photo{max-width:360px;}
    .about-nathan-copy{text-align:center;}
    .about-nathan-copy p{margin-left:auto;margin-right:auto;}
  }
  @media(max-width:520px){
    .feature-row{grid-template-columns:1fr;}
    .nfs{grid-template-columns:1fr;}
    .hero h1{font-size:2.1rem;}
    .foot-grid{grid-template-columns:1fr 1fr;}
  }


/* ThankYou — a journey from the sunlit surface to the seabed. */
:root{--ink:#092e47;--orange:#dc5100;--text-mute:#c4e8f2;--amber:#ffb65b;--amber-dark:#ab4309;--text-dark-mute:#3c5e6e}
body{background:#063149;color:var(--ink);font-size:17px}h1,h2,h3{letter-spacing:-.035em}p{line-height:1.7}.wrap{max-width:1200px;padding-inline:36px}section{scroll-margin-top:96px}a:focus-visible,button:focus-visible{outline:3px solid #ff9900;outline-offset:5px}.skip-link{position:fixed;left:16px;top:-80px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.btn{white-space:normal;text-align:center;justify-content:center;min-height:48px;background:#db5000;box-shadow:0 8px 24px #b9460024}.btn-primary:hover{background:#bc4200}.btn-ghost{background:transparent}.kicker,.tag,.brand-tag{font-size:.875rem!important;letter-spacing:.15em!important}.head h2,.ritual h2,.resources-head h2{font-size:clamp(2.25rem,4vw,3.65rem)!important}.head p{max-width:650px;margin-inline:auto}.wave{position:absolute;bottom:-1px;left:0;width:100%;height:64px;pointer-events:none;z-index:3;fill:var(--wave,#e9faff)}
header.nav{position:sticky;top:12px;margin:12px auto -88px;max-width:1220px;width:calc(100% - 48px);border-radius:60px;box-shadow:0 8px 40px #083d5922;border:1px solid #ffffff99;background:#fffffff5}.nav-inner{padding:13px 22px;gap:24px}.logo-img{height:auto;width:166px}.nav-links{font-size:.875rem;gap:22px;white-space:nowrap}.nav-cta .btn{font-size:.875rem!important;padding:.7rem 1.25rem!important}.nav-links a:hover{color:#c44900}
.hero{min-height:740px;padding:178px 0 138px;background:linear-gradient(90deg,#d7f6faed 0%,#d7f6fae8 29%,#d7f6fa60 60%,#08799c14 100%),none center 40%/cover;--wave:#e9faff}.hero-grid{grid-template-columns:1fr 1.05fr;gap:48px}.hero .book-wrap{grid-column:2;grid-row:1}.hero-copy{grid-column:1;grid-row:1}.hero h1{color:#082f46;text-shadow:none;font-size:clamp(3.6rem,6.7vw,6rem);line-height:1.02;margin-bottom:24px}.hero h1 .hl{color:#c64a06;font-style:italic}.hero .eyebrow{font-size:.78rem;color:#16566d;background:transparent;border-radius:0;padding:0;box-shadow:none;letter-spacing:.16em;margin-bottom:24px}.hero p.lede{color:#153f54;text-shadow:none;font-size:1.125rem;max-width:460px}.hero-spec{color:#285569;font-size:.875rem}.hero-note{color:#315b6c;font-size:.875rem;max-width:430px}.book-duo{width:100%;gap:0}.book-duo .book{width:53%;max-width:310px;border-left:5px solid #082c4755;box-shadow:0 30px 36px #042c4755}.book-duo .book.b1{margin-right:-8px;transform:rotate(-9deg) translateY(-20px)}.book-duo .book.b2{margin-left:-8px;transform:rotate(9deg) translateY(30px)}.rays{opacity:.7}.bubbles{animation:drift 14s ease-in-out infinite}@keyframes drift{50%{transform:translateY(-35px);opacity:.3}}
.books{background:#e9faff;padding:64px 0 128px;--wave:#cef0f6}.books .head h2,.books .head h2 .hl{color:#103d54}.books .head p{color:#456472}.books-grid{gap:64px;max-width:1020px;margin:auto}.book-card{border:0;background:transparent;border-radius:0;padding:0;display:grid;grid-template-columns:42% 1fr;gap:28px}.book-card>img{width:100%;border-radius:4px;transform:rotate(-3deg);box-shadow:10px 20px 30px #0d526b29}.book-card:nth-child(2)>img{transform:rotate(3deg)}.book-card .tag{color:#aa4408}.book-card h3{color:#123b52;font-size:1.8rem}.book-card p{color:#486370;font-size:1rem}.book-card p.availability{font-size:.875rem;font-weight:800;border-top:1px solid #9bcdd9;padding-top:14px;color:#526772}.book-card:hover{transform:none}
.practise{background:#cef0f6;padding:35px 0 64px}.practise-card{padding:0;background:none;box-shadow:none;gap:68px}.practise-card h2{font-size:clamp(2.3rem,3.6vw,3.4rem);color:#123d53}.practise-card img{border-radius:48% 48% 24px 24px;aspect-ratio:1.1;object-fit:cover}.practise-card p{color:#325a6b}.features{background:#cef0f6;padding:30px 0 76px}.feature-row{border-top:1px solid #81bfcd;padding-top:36px;gap:24px}.feature h4{color:#24556b;font-size:.9rem;font-weight:700}.feature .ico{color:#bd4a0a;width:32px;height:32px}
.spreads{background:#87d6e8;padding:66px 0 110px;--wave:#197d9c}.spread-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px;gap:20px}.spread-heading h2{font-size:2.35rem;color:#123e54}.spread-grid{grid-template-columns:repeat(2,1fr);gap:22px}.spread{aspect-ratio:2;border-radius:15px;border:5px solid #ffffff75}.spread img{object-fit:contain;background:#174d69}.spreads .kicker{color:#174d69}
.alive-ritual{background:#197d9c;--wave:#e2f4f5}.ritual{background:radial-gradient(ellipse at 50% 0%,#2a97b2,transparent 70%);padding:72px 36px 135px}.ritual .inner{max-width:1100px}.ritual h2 .hl{color:#ffd698}.steps{gap:56px;margin:46px 0}.steps:before{display:none}.step .num{background:transparent;color:#c0edf4;width:auto;height:auto;font-family:Georgia,serif;font-size:1.5rem;margin-bottom:18px}.step .circle{background:#ffffff15;border:1px solid #ffffff55;width:86px;height:86px;color:#ffe0a9}.step h5{font-size:1.6rem}.step p{font-size:1rem;color:#e3f4f7;max-width:240px;margin:auto}.why{background:#e2f4f5;padding:65px 0 122px;--wave:#095672}.why .head h2 .hl{color:#a34716}.why-card{background:#f6fcfc;border:0;box-shadow:none;text-align:left;padding:28px 30px;border-radius:18px}.why-card .ic{margin:0 0 18px;background:#d5eff2;color:#26778e}.why-card h5{font-size:1.4rem}.why-card p{font-size:1rem}.why .head p,.why-foot{color:#426473}
.friends{padding:64px 0 110px;background:#095672;--wave:#0c6480}.friends .head{max-width:700px;margin-bottom:40px}.friends .head h2 .hl{color:#ffd492}.friends .head p{color:#d3eef5}.friends .kicker{color:#ffd492}.gang-img{max-width:1200px;border-radius:24px;box-shadow:0 24px 60px #04243866;border:1px solid #ffffff44}.friends .wrap{max-width:1320px}.testimonials{padding:54px 0 124px;background:#0c6480;--wave:#d7f3f1}.testimonials .kicker{color:#ffd492}.testimonials .head h2 .hl{color:#ffd492}.tcard{border:0;border-top:1px solid #74b4c3;border-radius:0;background:none;padding:28px 12px 0}.tcard p{color:#edf8fa}.tcard .who{color:#bfe3ef;font-size:.9rem}.tcard .qstars{font-size:1.7rem}
.two-band{background:#d7f3f1;--wave:#fff5e5}.activity{background:none;padding:65px 36px 125px}.resources-head{text-align:center;max-width:720px;margin:0 auto 32px}.resources-head h2{margin:14px 0 20px;color:#12485a}.resources-head h2 em{color:#a34716}.kit-form-wrap{max-width:850px}.resource-backup{text-align:center;font-size:.875rem!important;margin-top:20px}.resource-backup a{text-decoration:underline;color:#0b5675}.about-nathan{background:#fff5e5;padding:60px 0 110px;--wave:#f6e8d0}.about-nathan-grid{max-width:1080px;grid-template-columns:.75fr 1.25fr;gap:80px}.about-nathan-photo{max-width:300px}.about-nathan-photo:before{background:#f6b861}.about-nathan-photo img{border-radius:100px 100px 18px 18px}.about-nathan-copy h2{font-size:clamp(2.3rem,3.7vw,3.4rem)}.gift-merged{background:#f6e8d0;padding:60px 24px 120px;--wave:#073d57}.gift-merged h3{font-size:clamp(2.3rem,3.5vw,3.4rem)}.gift-merged .inner{max-width:850px}.gift-icons{gap:24px}.gift-icon{width:96px;font-size:.875rem}.gift-icon .b{background:#fff8e9;width:48px;height:48px}.gift-merged .brand{display:none}.teaser{background:#073d57;padding:58px 0 120px;--wave:#052c42}.teaser .kicker{color:#ffce8a}.teaser .head p{color:#c7e7ee}.teaser-video{max-width:790px;border-radius:24px}.teaser-tag{color:#c7e7ee}.teaser-tag .dot{animation:none}.final{padding:65px 0 80px;background:linear-gradient(#052c42ee,#052c42dc),none center bottom/cover}.final h2{max-width:800px;margin:0 auto 30px;font-size:clamp(2.3rem,4vw,3.4rem)}footer.foot{background:#042839}.foot-col a,.foot-brand p,.foot-bottom{color:#bcdde7}.foot-logo{height:auto;width:180px}
@media(max-width:1100px){.nav-links{gap:13px}.nav-inner{gap:15px}.logo-img{width:140px}.nav-links{font-size:.8rem}.book-card{grid-template-columns:1fr;text-align:center;gap:26px}.book-card>img{width:210px;margin:auto}.hero-grid{gap:30px}}
@media(max-width:900px){header.nav{width:calc(100% - 24px);top:8px;margin-top:8px}.nav-links{font-size:1rem;top:calc(100% + 8px);border-radius:24px;padding:12px 24px}.hero{padding:140px 0 110px;min-height:0;background-position:60% center}.hero-grid{grid-template-columns:1fr;gap:52px}.hero-copy{grid-column:1;grid-row:1}.hero .book-wrap{grid-column:1;grid-row:2}.hero .book-duo{max-width:480px;margin:auto}.hero h1{font-size:4.5rem}.hero p.lede{max-width:540px}.hero-note{margin:auto}.practise-card{gap:36px}.practise-card img{max-width:560px;margin:auto;aspect-ratio:1.5;border-radius:24px}.about-nathan-grid{grid-template-columns:1fr;gap:42px}.about-nathan-photo{max-width:260px}.ritual .inner{margin:auto}.spread-heading{display:block;text-align:center}.spread-heading h2{margin-top:12px}.books-grid{grid-template-columns:repeat(2,1fr);gap:32px}.feature-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.wrap{padding-inline:22px}.nav-inner{padding:12px 16px}.logo-img{width:125px}.nav-cta{gap:12px}.nav-cta .btn{display:none}.hero{padding-top:135px;background:linear-gradient(#d4f3f4ed,#c1edf4c9),none center/cover}.hero h1{font-size:3.8rem}.hero .eyebrow{font-size:.72rem}.hero p.lede{font-size:1.05rem}.hero-grid{gap:44px}.book-duo .book{max-width:180px}.books-grid{grid-template-columns:1fr;gap:52px}.book-card{grid-template-columns:40% 1fr;gap:20px;text-align:left}.book-card>img{width:100%}.book-card h3{font-size:1.45rem}.book-card .tag{font-size:.75rem!important}.book-card p{font-size:.9375rem}.book-card .availability{font-size:.8125rem!important}.books .head{margin-bottom:40px}.wave{height:36px}.head h2,.ritual h2,.resources-head h2{font-size:2.35rem!important}.books,.why,.friends,.testimonials,.teaser{padding-top:42px;padding-bottom:78px}.feature-row{grid-template-columns:repeat(2,1fr);gap:28px 20px}.feature:last-child{grid-column:1/-1;max-width:210px;margin:auto}.spread-grid{gap:16px;grid-template-columns:1fr}.spreads{padding:42px 0 76px}.steps{grid-template-columns:1fr;gap:30px}.step{display:grid;grid-template-columns:65px 1fr;text-align:left;column-gap:20px}.step .num{display:none}.step .circle{grid-row:1/3;width:62px;height:62px;margin:0}.step h5{font-size:1.5rem}.step p{max-width:none;margin:0}.ritual{padding:50px 24px 90px}.why-grid{grid-template-columns:1fr}.why-card{padding:25px}.gang-img{border-radius:12px}.friends .wrap{padding-inline:12px}.friends .head{padding-inline:10px}.tgrid{gap:20px}.activity{padding:45px 20px 80px}.about-nathan{padding:44px 0 78px}.gift-merged{padding:44px 22px 80px}.gift-icons{gap:20px}.gift-icon{width:84px}.final{padding:45px 0 60px}.final .btn{width:100%}.foot-grid{gap:28px}.foot-col a{font-size:.95rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:900px){.practise-card{grid-template-columns:minmax(0,1fr)}.practise-card>*{min-width:0}.practise-card img{width:100%;max-width:560px}}
/* v2: purpose-made reef ledge, with the original covers resting on it. */
.hero{height:760px;min-height:760px;padding:0;background:none center/100% 100% no-repeat}.hero-grid{height:100%;position:relative;display:block;max-width:1440px}.hero-copy{position:absolute;left:17%;top:23%;width:33%;max-width:460px}.hero h1{font-size:clamp(3.6rem,5.4vw,5rem);margin-bottom:20px}.hero h1 br{display:none}.hero h1 .hl{font-style:normal;color:#082f46}.hero .eyebrow{font-size:.7rem;letter-spacing:.1em;margin-bottom:16px}.hero p.lede{font-size:1.05rem;line-height:1.55;margin-bottom:24px}.hero-note{display:none}.hero-spec{font-size:.8rem}.hero .book-wrap{position:absolute;left:54%;width:36%;bottom:32%;display:block}.hero .book-duo{width:100%;max-width:none;align-items:flex-end;gap:7px;perspective:1000px}.book-duo .book{width:50%;max-width:none;border-radius:3px 7px 7px 3px;transform-origin:center bottom;box-shadow:7px 14px 13px #02223565;border-left:4px solid #10314866}.book-duo .book.b1{margin:0;transform:rotate(-3deg) rotateY(8deg)}.book-duo .book.b2{margin:0;transform:rotate(3deg) rotateY(-8deg)}.book-duo .book.b1:hover{transform:rotate(-3deg) rotateY(8deg)}.book-duo .book.b2:hover{transform:rotate(3deg) rotateY(-8deg)}
@media(min-width:1441px){.hero{background-size:cover}.hero-copy{left:13%}}
@media(max-width:1100px) and (min-width:901px){.hero-copy{left:14%;width:36%;top:23%}.hero h1{font-size:3.8rem}.hero{height:730px;min-height:730px}.hero .eyebrow{font-size:.65rem}}
@media(max-width:900px){.hero{height:auto;min-height:0;background:#6cdbef;padding:138px 0 0}.hero-grid{display:flex;flex-direction:column;padding:0;gap:0}.hero-copy{position:relative;left:auto;top:auto;width:auto;max-width:620px;padding:0 28px;text-align:center;margin:auto}.hero h1{font-size:3.8rem}.hero p.lede{margin-inline:auto}.hero .book-wrap{position:relative;left:auto;bottom:auto;width:100%;height:450px;margin-top:-20px;background:none center/100% 100% no-repeat}.hero .book-duo{position:absolute;width:40%;left:52%;bottom:33%}.hero .book-duo .book{max-width:none}.hero .eyebrow{font-size:.7rem}.hero .hero-actions{margin-bottom:12px}.hero-spec{margin-bottom:0}.hero .wave{height:40px}}
@media(max-width:560px){.hero{padding-top:118px}.hero-copy{padding-inline:26px}.hero h1{font-size:3.5rem;max-width:330px;margin-inline:auto}.hero .eyebrow{max-width:290px}.hero p.lede{font-size:1rem}.hero .book-wrap{height:330px;margin-top:0;background-size:165% 100%;background-position:right center}.hero .book-duo{left:28%;width:64%;bottom:33%;gap:5px}.hero .book-duo .book{width:49%;border-left-width:3px}.hero-spec{font-size:.8rem}}
.hero{background-image:url("assets/design-b657bc42dc5d.png")}.hero .book-wrap{bottom:25%}.hero .bubbles{display:none}
@media(max-width:900px){.hero{background:#78e0ed}.hero .book-wrap{bottom:auto;background-image:url("assets/design-b657bc42dc5d.png")}.hero .book-duo{bottom:25%}}
@media(min-width:1441px){.hero{background-size:100% 100%}}
.hero h1 br{display:initial}
@media(max-width:900px){.hero-copy{order:-1}.hero h1{font-size:3.5rem}.hero .book-wrap{margin-top:16px}.hero-copy{width:100%}}
/* Header / opening section review */
.hero-copy{top:23%;left:15%;width:35%;max-width:485px}.hero h1{font-size:clamp(3rem,4.4vw,4rem);line-height:1.08}.hero h1 .hl{white-space:nowrap}.hero p.lede{max-width:430px}.hero-spec{margin-top:12px}
@media(max-width:1100px) and (min-width:901px){.hero-copy{left:12%;width:38%}.hero h1{font-size:3.4rem}}
@media(max-width:900px){.hero-copy{top:auto;left:auto;width:100%;max-width:600px}.hero h1{font-size:3.3rem}.hero p.lede{max-width:470px}}
@media(max-width:560px){.hero h1{font-size:3rem}.hero .book-wrap{margin-top:24px}}

/* Retain all original navigation sections. */
@media(min-width:1101px){.nav-links{gap:17px;font-size:.85rem}.nav-inner{gap:18px}.logo-img{width:155px}.nav-cta .btn{padding:.7rem 1rem!important}}

/* Agreed opening adjustments: original copy; ledge and books raised together. */
@media(min-width:901px){.hero{background-position:center -60px;background-color:#e9faff}.hero .book-wrap{bottom:calc(25% + 60px)}.hero-copy{top:21%}.hero h1{font-size:clamp(2.7rem,3.6vw,3.25rem);line-height:1.12}.hero .wave{height:68px}}
.hero h1 .hl{white-space:normal}.hero-note{display:block;font-size:.85rem;line-height:1.5;max-width:425px}
@media(max-width:900px){.hero h1{font-size:2.8rem}.hero-note{margin:12px auto 0}.hero-copy{max-width:620px}}
@media(max-width:560px){.hero h1{font-size:2.5rem}}

/* Retain all original navigation sections. */
@media(min-width:1101px){.nav-links{gap:17px;font-size:.85rem}.nav-inner{gap:18px}.logo-img{width:155px}.nav-cta .btn{padding:.7rem 1rem!important}}


@media(min-width:901px){.hero:after{content:"";position:absolute;left:0;right:0;bottom:0;height:120px;background:linear-gradient(transparent,#e9faff 50%);pointer-events:none}.hero-grid{z-index:2}}


body{background:#0589b9}
@media(min-width:901px){.hero{height:820px;min-height:820px;background-position:center top;background-size:100% 100%;background-color:#0589b9}.hero .book-wrap{bottom:42%}.hero-copy{top:21%}}
.hero:after,.hero .wave{display:none}
@media(max-width:900px){.hero{height:auto;min-height:0;background:#78e0ed}.hero .book-wrap{bottom:auto}.hero .book-duo{bottom:42%}}


/* Selectable, overlapping books. */
.hero .book-duo{gap:0;isolation:isolate}.hero .book-duo .book{width:55%;cursor:pointer;transition:transform .3s ease,filter .3s ease;outline-offset:7px}
.hero .book-duo .book.b1{margin-right:-5%;transform:rotate(-5deg);z-index:2}
.hero .book-duo .book.b2{margin-left:-5%;transform:rotate(5deg);z-index:1}
.hero .book-duo .book.is-selected{z-index:3;filter:drop-shadow(0 5px 10px #052e4933)}
.hero .book-duo .book.b1.is-selected{transform:rotate(-5deg) scale(1.025)}
.hero .book-duo .book.b2.is-selected{transform:rotate(5deg) scale(1.025)}
.hero .book-duo .book:focus-visible{outline:3px solid #fff}
@media(max-width:900px){
.hero{padding-top:88px;background:#79dfed}.hero-copy{order:1;padding-top:18px;padding-bottom:40px}.hero .book-wrap{order:0;margin-top:0;height:380px}.hero .book-duo{width:48%;left:45%;bottom:42%}.hero .book-duo .book{width:55%}
}
@media(max-width:560px){
.hero{padding-top:78px}.hero .book-wrap{height:305px;background-size:165% 100%;background-position:right center}.hero .book-duo{width:70%;left:24%;bottom:42%}.hero-copy{padding-top:12px}.hero h1{font-size:2.35rem}.hero .eyebrow{margin-bottom:16px}.hero-note{margin-bottom:0}
}
@media(prefers-reduced-motion:reduce){.hero .book-duo .book{transition:none}}


@media(max-width:900px){.hero .book-duo{left:23%;width:54%}}
@media(max-width:560px){.hero .book-duo{left:16%;width:68%}}


@media(max-width:900px){.hero{padding-top:128px}}
@media(max-width:560px){.hero{padding-top:118px}}


@media(max-width:900px){
header.nav{top:0;margin:0 0 -76px;width:100%;max-width:none;border-radius:0;background:#fff;border:0;box-shadow:0 2px 12px #073e5410}
.nav-inner{min-height:76px;padding:14px 18px;gap:12px}.nav-cta{gap:12px}.nav-cta .btn{display:inline-flex;font-size:.8rem!important;padding:.6rem .95rem!important;min-height:42px;white-space:nowrap}.logo-img{width:145px}.menu-btn{font-size:1.5rem;min-width:28px;min-height:44px}.nav-links{top:100%;border-radius:0}.hero{padding-top:128px}
}
@media(max-width:560px){.nav-inner{padding:12px;gap:8px}.logo-img{width:140px}.nav-cta{gap:9px}.nav-cta .btn{font-size:.75rem!important;padding:.55rem .85rem!important}.hero{padding-top:128px}}
@media(max-width:360px){.logo-img{width:116px}.nav-cta .btn{font-size:.7rem!important;padding:.5rem .65rem!important}.nav-cta{gap:6px}}


@media(max-width:900px){.hero{padding-top:76px}.hero .book-wrap{height:432px}.hero .book-duo{bottom:calc(380px * .42)}}
@media(max-width:560px){.hero .book-wrap{height:357px}.hero .book-duo{bottom:calc(305px * .42)}}


@media(max-width:900px){.hero .book-wrap{background-size:100% calc(100% + 50px);background-position:right top}}
@media(max-width:560px){.hero .book-wrap{background-size:165% calc(100% + 50px)}}


.canyon-books{background:linear-gradient(#007fafa0,transparent 30%),url("assets/design-5825b63cd3bb.png") center/100% 100% no-repeat;padding:70px 0 100px;color:#fff;min-height:820px}
.canyon-books .wrap{max-width:1100px}.canyon-books .head{max-width:760px;margin:0 auto 42px}.canyon-books .kicker{color:#ffe2b2}.canyon-books .head h2,.canyon-books .head h2 .hl{color:#fff}.canyon-books .head p{color:#effbff;font-size:1.05rem}.canyon-books .books-grid{max-width:990px;gap:36px}.canyon-books .book-card{display:flex;flex-direction:column;align-items:center;text-align:center;background:#f1fbfcf2;border:1px solid #ffffffa0;border-radius:24px;padding:32px 32px 24px;gap:25px;box-shadow:0 18px 40px #003b6020}.canyon-books .book-card>img{width:210px;max-width:75%;transform:rotate(-3deg)}.canyon-books .book-card:nth-child(2)>img{transform:rotate(3deg)}.canyon-books .book-card h3{font-size:1.8rem}.canyon-books .book-card p{max-width:350px;margin:12px auto 0}.canyon-books .book-card .availability{font-size:.875rem;color:#496b7d;margin-top:22px;padding-top:16px;border-top:1px solid #accad5}.canyon-books .book-card .tag{color:#9b430e}
@media(max-width:900px){.canyon-books{background-image:linear-gradient(#78e0ed,transparent 180px),url("assets/design-5825b63cd3bb.png");padding:55px 0 80px}.canyon-books .head h2,.canyon-books .head h2 .hl{color:#0a344e}.canyon-books .head p{color:#103e55}.canyon-books .kicker{color:#164c64}.canyon-books .book-card{padding:28px 22px}.canyon-books .books-grid{gap:24px}}
@media(max-width:560px){.canyon-books{background-size:100% 100%;padding:45px 0 65px}.canyon-books .wrap{padding:0 24px}.canyon-books .books-grid{grid-template-columns:1fr}.canyon-books .head{margin-bottom:30px}.canyon-books .head h2{font-size:2.35rem!important}.canyon-books .book-card{gap:24px}.canyon-books .book-card>img{width:205px}.canyon-books .book-card p{font-size:1rem}.canyon-books .book-card .tag{font-size:.875rem!important}}


.canyon-books .head h2,.canyon-books .head h2 .hl{color:#082e43}.canyon-books .head p{color:#103d53}.canyon-books .kicker{color:#164358}
.canyon-books .purchase{margin-top:24px}.canyon-books .buy-amazon{background:#d94f00;color:#fff;font-size:1rem;padding:.85rem 1.6rem;min-height:48px;border:0;opacity:1;cursor:not-allowed;box-shadow:none}.canyon-books .buy-amazon:hover{transform:none;background:#d94f00}.canyon-books .purchase-status{font-size:.875rem!important;color:#426475;margin:10px 0 0!important}
@media(max-width:900px){.canyon-books{background-image:linear-gradient(180deg,#78e0ed 0%,#42bdd9 30%,#168eb8 65%,#086a96 100%);background-size:100% 100%}}


.canyon-practise{padding:85px 0 110px;background:linear-gradient(#06649ab0,#04496990),url("assets/design-5825b63cd3bb.png") center bottom/100% 160% no-repeat}
.canyon-practise .wrap{max-width:1160px;padding-inline:64px}.canyon-practise .practise-card{background:#ecf8fa;border-radius:28px;padding:46px;display:grid;grid-template-columns:1.05fr 1fr;gap:44px;box-shadow:0 22px 50px #00365335}
.canyon-practise .practise-card h2{font-size:clamp(2rem,3vw,2.8rem);line-height:1.15;color:#0a354d;margin-bottom:24px}.canyon-practise .practise-card p{color:#34586c;font-size:1.05rem;line-height:1.75;margin-bottom:18px}.canyon-practise .practise-card b{color:#103d53}.canyon-practise .practise-card img{width:100%;max-width:440px;aspect-ratio:1;object-fit:cover;border-radius:48% 48% 22px 22px;box-shadow:0 16px 34px #083e5b20}.canyon-practise .heart{color:#c45719;font-size:1.5rem}
@media(max-width:900px){.canyon-practise{background:linear-gradient(#086a96,#06445f);padding:35px 0 75px}.canyon-practise .wrap{padding-inline:28px}.canyon-practise .practise-card{grid-template-columns:minmax(0,1fr);padding:34px;gap:24px}.canyon-practise .practise-card img{aspect-ratio:1.2;margin:auto;max-width:480px}.canyon-practise .practise-card h2{font-size:2.4rem}}
@media(max-width:560px){.canyon-practise .wrap{padding-inline:24px}.canyon-practise .practise-card{padding:28px 24px;gap:22px;border-radius:24px}.canyon-practise .practise-card h2{font-size:2.15rem}.canyon-practise .practise-card p{font-size:1rem;line-height:1.7}.canyon-practise .practise-card img{border-radius:45% 45% 16px 16px}}


.canyon-practise .practise-card img{aspect-ratio:auto;height:auto;object-fit:contain;border-radius:16px;width:100%}


.canyon-middle-journey{background:linear-gradient(#05567fb0,#052f50dd),url("assets/design-5825b63cd3bb.png") center/100% 100% no-repeat;color:#e5f4f9}
.canyon-middle{background:transparent}.canyon-middle .wrap{max-width:1130px;padding-inline:56px}
.features.canyon-middle{padding:15px 0 70px}.canyon-middle .feature-row{border-color:#81b5c066}.canyon-middle .feature h4{color:#eaf9ff;font-size:1rem}.canyon-middle .feature .ico{color:#ffce8a}
.spreads.canyon-middle{padding:15px 0 80px}.canyon-middle .spread-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.canyon-middle .spread{aspect-ratio:2;border:4px solid #d9f1f3;border-radius:16px}.canyon-middle .spread img{object-fit:contain}
.alive-ritual.canyon-middle .ritual{background:transparent;padding:55px 56px 90px}.canyon-middle .ritual .inner{max-width:990px}.canyon-middle .ritual h2{max-width:730px;margin-inline:auto;font-size:clamp(2.2rem,3.7vw,3.3rem)!important;color:#fff}.canyon-middle .ritual h2 .hl{color:#ffdc9e}.canyon-middle .step h5{color:#fff;font-size:1.6rem}.canyon-middle .step p{color:#d4ebf3;font-size:1rem}.canyon-middle .step .circle{background:#ffffff14;border-color:#ffffff44}.canyon-middle .step .num{color:#d4ebf3}
.why.canyon-middle{padding:25px 0 100px}.canyon-middle .head h2{color:#fff;font-size:clamp(2.2rem,3.7vw,3.3rem)!important}.canyon-middle .head h2 .hl{color:#ffdc9e}.canyon-middle .head p{color:#d8edf5}.canyon-middle .kicker{color:#ffdc9e!important}.canyon-middle .why-card{background:#edf8fa;border-radius:20px;padding:28px 24px;text-align:left}.canyon-middle .why-card h5{color:#103b52;font-size:1.35rem}.canyon-middle .why-card p{color:#3b5c6d;font-size:1rem}.canyon-middle .why-card .ic{margin:0 0 16px;color:#23758c}.canyon-middle .why-foot,.canyon-middle .why-foot b{color:#d8edf5}
@media(max-width:900px){.canyon-middle-journey{background:linear-gradient(#06445f,#052e4b)}.canyon-middle .wrap{padding-inline:28px}.features.canyon-middle{padding:0 0 48px}.canyon-middle .feature-row{grid-template-columns:repeat(2,1fr)}.canyon-middle .feature:last-child{grid-column:1/-1;max-width:250px;margin:auto}.alive-ritual.canyon-middle .ritual{padding:35px 28px 65px}.canyon-middle .ritual .inner{margin:auto}.canyon-middle .why-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.canyon-middle .wrap{padding-inline:24px}.canyon-middle .feature h4{font-size:.9rem}.canyon-middle .spread-grid{grid-template-columns:1fr;gap:20px}.spreads.canyon-middle{padding:0 0 40px}.canyon-middle .spread{aspect-ratio:2}.alive-ritual.canyon-middle .ritual{padding:28px 24px 65px}.canyon-middle .ritual h2,.canyon-middle .head h2{font-size:2.3rem!important}.canyon-middle .steps{gap:30px}.canyon-middle .why-grid{grid-template-columns:1fr;gap:18px}.why.canyon-middle{padding:10px 0 65px}.canyon-middle .why-card{padding:25px}.canyon-middle .why-foot{font-size:1rem}}


/* Full-page colour study. Header and books intentionally unchanged. */
.canyon-practise{background:linear-gradient(#0783c54a,#087ccd55),url("assets/design-5825b63cd3bb.png") center bottom/100% 150% no-repeat}
.canyon-middle-journey{background:linear-gradient(#0886d53b,#0765b465),url("assets/design-5825b63cd3bb.png") center/100% 100% no-repeat}
.canyon-middle .feature h4,.canyon-middle .step p,.canyon-middle .head p,.canyon-middle .why-foot,.canyon-middle .why-foot b{color:#f4fbff}
.friends{padding:80px 0 95px;background:linear-gradient(#087ac449,#076db56b),url("assets/design-5825b63cd3bb.png") center/100% 180% no-repeat}.friends .wrap{max-width:1200px}.friends .head{max-width:720px}.friends .head p{color:#e7f5ff}.friends .head h2{font-size:3.25rem}.friends .gang-img{max-width:1100px}.friends .kicker{color:#ffda9a}
.testimonials{background:linear-gradient(#0b77ba,#086aaa);padding:65px 0 85px}.testimonials .wrap{max-width:1120px}.testimonials .head{max-width:700px}.testimonials .head h2{font-size:3rem}.testimonials .head .hl{color:#ffda9a}.tcard{background:#ffffff0b;border-top:1px solid #ffffff55}.tcard p{color:#eef8ff}
.two-band{background:linear-gradient(#086aaa,#0960a0)}.activity{background:transparent;padding:60px 24px 90px}.resources-head{max-width:900px;background:#eaf7fd;border-radius:26px;padding:45px;margin:auto;text-align:center}.resources-head h2{font-size:3rem;margin:12px 0 20px;color:#123b59}.resources-head p{margin-bottom:25px;color:#355a73}
.about-nathan{background:linear-gradient(#0960a0,#075694);padding:50px 0 90px}.about-nathan-grid{background:#f1f8fc;border-radius:28px;max-width:1050px;padding:45px;grid-template-columns:.7fr 1.3fr;gap:55px}.about-nathan-photo{max-width:300px}.about-nathan-photo img{border-radius:20px;aspect-ratio:4/5}.about-nathan-copy h2{font-size:2.9rem}.about-nathan-photo:before{display:none}
.gift-merged{background:linear-gradient(#075694,#064985);color:#e8f4ff;padding:35px 24px 90px}.gift-merged h3{color:#fff;font-size:3rem}.gift-merged .lead,.gift-icon{color:#d8ecff}.gift-merged .brand-tag{color:#ffda9a}.gift-merged .brand{display:none}.gift-icon{font-size:.875rem;width:100px}.gift-icons{gap:20px}
.teaser{background:linear-gradient(#064985,#063e74);padding:55px 24px 90px}.teaser .head{max-width:720px}.teaser h2{font-size:3.2rem}.teaser .head p{color:#d8ecff}.teaser-video{max-width:800px}.teaser-video img{width:100%;height:auto}.teaser-tag{color:#d8ecff}
.final{background:linear-gradient(#063e74,#073761);padding:55px 24px 70px}.final h2{max-width:800px;margin:0 auto 30px;font-size:3rem}.final .hero-actions{justify-content:center}.final .btn-ghost{background:transparent}
footer.foot{background:linear-gradient(#073761d9,#073761a6),url("assets/design-2b8e3e0245f1.png") center bottom/cover;padding:65px 0 75px}.foot-grid{max-width:1080px;margin:auto}.foot-brand p,.foot-col a,.foot-bottom{color:#eff7ff}.foot-bottom{margin-top:60px}
@media(max-width:900px){
.canyon-practise{background:linear-gradient(#086a96,#077ab9)}.canyon-middle-journey{background:linear-gradient(#077ab9,#076fba)}.friends{background:linear-gradient(#076fba,#0868ae)}.testimonials{background:linear-gradient(#0868ae,#0962a5)}.two-band{background:linear-gradient(#0962a5,#095b9b)}.about-nathan{background:linear-gradient(#095b9b,#085594);padding-inline:24px}.about-nathan-grid{grid-template-columns:1fr;padding:30px;gap:32px}.gift-merged{background:linear-gradient(#085594,#064985)}.about-nathan-copy h2,.friends .head h2,.testimonials .head h2,.resources-head h2,.gift-merged h3,.teaser h2,.final h2{font-size:2.4rem}.resources-head{padding:32px 24px}.friends .wrap{padding-inline:24px}.friends .head{padding:0}.friends .gang-img{border-radius:14px}.final .btn{width:auto}.about-nathan-photo{max-width:260px}.about-nathan-copy{text-align:center}.about-nathan-copy p{font-size:1rem}.foot-grid{padding-inline:24px}.teaser-video{max-width:650px}}
@media(max-width:560px){.friends,.testimonials,.activity,.gift-merged,.teaser,.final{padding-top:42px;padding-bottom:60px}.about-nathan{padding-top:25px;padding-bottom:60px}.final .btn{width:100%}.friends .head h2,.testimonials .head h2,.resources-head h2,.gift-merged h3,.teaser h2,.final h2{font-size:2.3rem}.friends .head p{font-size:1rem}.foot-grid{grid-template-columns:1fr 1fr}.teaser{padding-inline:20px}}


@media(min-width:901px){
.continuous-ocean{position:relative;isolation:isolate;background:linear-gradient(#00498770,#003d7525),url("assets/design-16d0a2b54742.png") center/100% 100% no-repeat;}
.continuous-ocean:before{content:"";position:absolute;inset:0 0 auto;height:450px;background:linear-gradient(90deg,#089ec3 0%,#009bd0 20%,#0097cd 40%,#007cbb 65%,#006eb1 80%,#126b97 100%);mask-image:linear-gradient(#000,transparent);pointer-events:none;z-index:-1}
.continuous-ocean section,.continuous-ocean .canyon-middle-journey,.continuous-ocean footer.foot,.continuous-ocean .activity{background:transparent!important}
.continuous-ocean section:before,.continuous-ocean section:after{background:none!important}
.continuous-ocean .canyon-books .head h2,.continuous-ocean .canyon-books .head h2 .hl{color:#082e43}
.continuous-ocean footer.foot{padding-bottom:160px}
}

@media(min-width:901px){.continuous-ocean:before{height:650px;background:linear-gradient(90deg,rgb(9,130,193) 0.000%,rgb(1,132,205) 0.278%,rgb(1,132,206) 0.556%,rgb(1,128,203) 0.834%,rgb(0,129,204) 1.112%,rgb(1,130,205) 1.390%,rgb(0,134,210) 1.668%,rgb(1,147,219) 1.946%,rgb(1,151,219) 2.224%,rgb(1,150,219) 2.502%,rgb(2,147,219) 2.780%,rgb(1,146,217) 3.058%,rgb(1,149,220) 3.336%,rgb(1,154,223) 3.614%,rgb(0,154,222) 3.892%,rgb(1,149,218) 4.170%,rgb(2,141,213) 4.448%,rgb(2,136,209) 4.726%,rgb(2,145,216) 5.003%,rgb(2,152,219) 5.281%,rgb(4,149,217) 5.559%,rgb(3,141,209) 5.837%,rgb(1,133,205) 6.115%,rgb(2,134,207) 6.393%,rgb(3,136,209) 6.671%,rgb(3,139,210) 6.949%,rgb(2,152,219) 7.227%,rgb(1,147,216) 7.505%,rgb(18,166,226) 7.783%,rgb(24,176,234) 8.061%,rgb(1,153,220) 8.339%,rgb(5,169,227) 8.617%,rgb(10,179,234) 8.895%,rgb(0,150,219) 9.173%,rgb(1,147,218) 9.451%,rgb(1,146,218) 9.729%,rgb(1,144,216) 10.007%,rgb(1,147,218) 10.285%,rgb(1,144,215) 10.563%,rgb(0,143,216) 10.841%,rgb(1,146,218) 11.119%,rgb(1,148,218) 11.397%,rgb(1,167,232) 11.675%,rgb(1,166,232) 11.953%,rgb(0,164,231) 12.231%,rgb(1,163,230) 12.509%,rgb(0,160,229) 12.787%,rgb(1,158,228) 13.065%,rgb(1,158,227) 13.343%,rgb(0,156,226) 13.621%,rgb(1,154,225) 13.899%,rgb(1,152,222) 14.177%,rgb(0,151,222) 14.454%,rgb(0,150,221) 14.732%,rgb(0,149,220) 15.010%,rgb(0,149,220) 15.288%,rgb(0,149,220) 15.566%,rgb(0,149,221) 15.844%,rgb(1,148,220) 16.122%,rgb(0,146,218) 16.400%,rgb(1,146,219) 16.678%,rgb(0,145,218) 16.956%,rgb(1,146,217) 17.234%,rgb(1,146,217) 17.512%,rgb(1,144,215) 17.790%,rgb(1,144,215) 18.068%,rgb(0,140,213) 18.346%,rgb(0,139,211) 18.624%,rgb(1,137,209) 18.902%,rgb(1,136,209) 19.180%,rgb(1,134,207) 19.458%,rgb(0,133,206) 19.736%,rgb(1,132,205) 20.014%,rgb(0,130,204) 20.292%,rgb(0,129,203) 20.570%,rgb(0,129,204) 20.848%,rgb(0,128,202) 21.126%,rgb(1,129,203) 21.404%,rgb(1,129,203) 21.682%,rgb(1,129,203) 21.960%,rgb(0,130,202) 22.238%,rgb(0,129,203) 22.516%,rgb(0,129,203) 22.794%,rgb(1,128,201) 23.072%,rgb(1,127,201) 23.350%,rgb(1,125,199) 23.628%,rgb(0,124,198) 23.905%,rgb(0,124,198) 24.183%,rgb(0,124,198) 24.461%,rgb(0,124,198) 24.739%,rgb(0,123,197) 25.017%,rgb(0,123,197) 25.295%,rgb(0,124,198) 25.573%,rgb(1,125,198) 25.851%,rgb(0,123,198) 26.129%,rgb(0,123,198) 26.407%,rgb(0,124,198) 26.685%,rgb(0,124,198) 26.963%,rgb(0,124,198) 27.241%,rgb(0,123,198) 27.519%,rgb(0,123,197) 27.797%,rgb(0,123,197) 28.075%,rgb(0,123,197) 28.353%,rgb(0,123,197) 28.631%,rgb(1,124,198) 28.909%,rgb(1,124,198) 29.187%,rgb(0,124,197) 29.465%,rgb(0,125,199) 29.743%,rgb(0,124,198) 30.021%,rgb(1,125,200) 30.299%,rgb(1,125,200) 30.577%,rgb(0,126,200) 30.855%,rgb(0,125,199) 31.133%,rgb(1,126,201) 31.411%,rgb(1,126,200) 31.689%,rgb(1,126,200) 31.967%,rgb(0,126,200) 32.245%,rgb(0,125,200) 32.523%,rgb(0,125,200) 32.801%,rgb(0,125,200) 33.079%,rgb(0,124,200) 33.356%,rgb(0,124,199) 33.634%,rgb(0,123,198) 33.912%,rgb(0,124,199) 34.190%,rgb(1,125,200) 34.468%,rgb(1,125,200) 34.746%,rgb(0,125,200) 35.024%,rgb(0,126,200) 35.302%,rgb(0,127,201) 35.580%,rgb(0,128,201) 35.858%,rgb(1,129,202) 36.136%,rgb(1,129,202) 36.414%,rgb(1,129,203) 36.692%,rgb(0,128,202) 36.970%,rgb(1,129,203) 37.248%,rgb(0,127,202) 37.526%,rgb(0,125,199) 37.804%,rgb(0,125,199) 38.082%,rgb(0,124,198) 38.360%,rgb(0,124,199) 38.638%,rgb(0,124,199) 38.916%,rgb(0,124,199) 39.194%,rgb(0,124,198) 39.472%,rgb(1,125,199) 39.750%,rgb(0,125,199) 40.028%,rgb(0,125,199) 40.306%,rgb(0,125,199) 40.584%,rgb(0,125,199) 40.862%,rgb(1,124,198) 41.140%,rgb(0,122,196) 41.418%,rgb(0,122,197) 41.696%,rgb(0,122,197) 41.974%,rgb(1,122,196) 42.252%,rgb(0,120,195) 42.530%,rgb(0,121,196) 42.808%,rgb(0,121,196) 43.085%,rgb(0,120,196) 43.363%,rgb(0,120,194) 43.641%,rgb(0,119,195) 43.919%,rgb(0,119,194) 44.197%,rgb(0,120,195) 44.475%,rgb(0,120,195) 44.753%,rgb(0,118,194) 45.031%,rgb(0,118,194) 45.309%,rgb(0,118,194) 45.587%,rgb(0,117,193) 45.865%,rgb(0,117,193) 46.143%,rgb(0,118,193) 46.421%,rgb(0,118,193) 46.699%,rgb(0,120,194) 46.977%,rgb(1,121,195) 47.255%,rgb(1,121,196) 47.533%,rgb(0,121,196) 47.811%,rgb(0,120,195) 48.089%,rgb(1,120,195) 48.367%,rgb(1,119,195) 48.645%,rgb(0,119,194) 48.923%,rgb(0,118,194) 49.201%,rgb(0,117,194) 49.479%,rgb(1,117,194) 49.757%,rgb(1,117,194) 50.035%,rgb(0,117,193) 50.313%,rgb(1,116,193) 50.591%,rgb(0,115,191) 50.869%,rgb(0,115,191) 51.147%,rgb(0,116,191) 51.425%,rgb(0,116,191) 51.703%,rgb(0,115,190) 51.981%,rgb(0,115,191) 52.259%,rgb(0,114,190) 52.536%,rgb(0,115,190) 52.814%,rgb(0,114,190) 53.092%,rgb(0,114,189) 53.370%,rgb(0,114,190) 53.648%,rgb(1,113,189) 53.926%,rgb(0,112,189) 54.204%,rgb(0,111,187) 54.482%,rgb(0,111,186) 54.760%,rgb(0,111,186) 55.038%,rgb(0,111,186) 55.316%,rgb(0,112,186) 55.594%,rgb(1,111,186) 55.872%,rgb(1,111,186) 56.150%,rgb(1,111,186) 56.428%,rgb(1,110,186) 56.706%,rgb(1,109,185) 56.984%,rgb(0,109,185) 57.262%,rgb(0,109,185) 57.540%,rgb(1,110,185) 57.818%,rgb(0,110,186) 58.096%,rgb(0,112,188) 58.374%,rgb(0,112,188) 58.652%,rgb(1,113,189) 58.930%,rgb(1,113,189) 59.208%,rgb(1,115,189) 59.486%,rgb(1,114,189) 59.764%,rgb(0,113,188) 60.042%,rgb(0,113,188) 60.320%,rgb(0,113,189) 60.598%,rgb(0,112,188) 60.876%,rgb(1,112,188) 61.154%,rgb(0,111,187) 61.432%,rgb(0,110,186) 61.710%,rgb(0,110,187) 61.987%,rgb(1,110,186) 62.265%,rgb(0,109,186) 62.543%,rgb(0,109,186) 62.821%,rgb(0,108,186) 63.099%,rgb(0,108,184) 63.377%,rgb(1,108,186) 63.655%,rgb(0,108,185) 63.933%,rgb(0,108,185) 64.211%,rgb(0,108,185) 64.489%,rgb(0,108,184) 64.767%,rgb(0,108,185) 65.045%,rgb(1,109,186) 65.323%,rgb(0,109,186) 65.601%,rgb(1,109,187) 65.879%,rgb(0,109,186) 66.157%,rgb(0,109,186) 66.435%,rgb(0,110,186) 66.713%,rgb(0,109,185) 66.991%,rgb(0,109,186) 67.269%,rgb(0,108,185) 67.547%,rgb(0,108,184) 67.825%,rgb(0,108,185) 68.103%,rgb(0,107,183) 68.381%,rgb(0,107,184) 68.659%,rgb(0,109,185) 68.937%,rgb(0,110,186) 69.215%,rgb(0,111,187) 69.493%,rgb(0,111,188) 69.771%,rgb(0,111,188) 70.049%,rgb(0,112,189) 70.327%,rgb(0,111,188) 70.605%,rgb(0,111,187) 70.883%,rgb(0,110,186) 71.161%,rgb(0,108,185) 71.438%,rgb(0,108,185) 71.716%,rgb(0,107,183) 71.994%,rgb(0,106,183) 72.272%,rgb(0,108,184) 72.550%,rgb(0,108,184) 72.828%,rgb(0,108,184) 73.106%,rgb(0,107,184) 73.384%,rgb(1,108,185) 73.662%,rgb(0,107,183) 73.940%,rgb(0,106,183) 74.218%,rgb(0,105,182) 74.496%,rgb(0,107,183) 74.774%,rgb(0,107,183) 75.052%,rgb(0,106,182) 75.330%,rgb(1,108,183) 75.608%,rgb(1,107,183) 75.886%,rgb(0,107,184) 76.164%,rgb(0,108,184) 76.442%,rgb(0,107,184) 76.720%,rgb(0,108,185) 76.998%,rgb(0,108,186) 77.276%,rgb(0,110,187) 77.554%,rgb(1,112,190) 77.832%,rgb(0,113,191) 78.110%,rgb(0,114,191) 78.388%,rgb(0,114,191) 78.666%,rgb(0,115,192) 78.944%,rgb(1,115,193) 79.222%,rgb(0,115,193) 79.500%,rgb(0,116,193) 79.778%,rgb(0,118,195) 80.056%,rgb(0,144,210) 80.334%,rgb(0,124,194) 80.612%,rgb(0,127,196) 80.890%,rgb(0,118,186) 81.167%,rgb(1,111,182) 81.445%,rgb(1,92,163) 81.723%,rgb(0,94,166) 82.001%,rgb(0,90,160) 82.279%,rgb(0,82,149) 82.557%,rgb(0,84,152) 82.835%,rgb(0,83,153) 83.113%,rgb(0,126,197) 83.391%,rgb(1,143,214) 83.669%,rgb(1,109,182) 83.947%,rgb(1,103,173) 84.225%,rgb(0,97,165) 84.503%,rgb(0,93,159) 84.781%,rgb(0,81,145) 85.059%,rgb(0,69,129) 85.337%,rgb(0,134,201) 85.615%,rgb(0,124,194) 85.893%,rgb(1,121,194) 86.171%,rgb(0,95,166) 86.449%,rgb(2,82,148) 86.727%,rgb(2,83,148) 87.005%,rgb(0,69,130) 87.283%,rgb(3,80,142) 87.561%,rgb(1,63,120) 87.839%,rgb(1,69,130) 88.117%,rgb(1,77,140) 88.395%,rgb(0,73,136) 88.673%,rgb(1,74,138) 88.951%,rgb(31,100,147) 89.229%,rgb(109,153,178) 89.507%,rgb(119,166,192) 89.785%,rgb(244,240,212) 90.063%,rgb(173,176,160) 90.341%,rgb(85,120,137) 90.618%,rgb(46,86,115) 90.896%,rgb(47,97,136) 91.174%,rgb(60,126,170) 91.452%,rgb(134,182,201) 91.730%,rgb(77,121,149) 92.008%,rgb(77,110,130) 92.286%,rgb(76,119,150) 92.564%,rgb(64,105,130) 92.842%,rgb(60,73,87) 93.120%,rgb(51,71,91) 93.398%,rgb(47,75,97) 93.676%,rgb(72,115,146) 93.954%,rgb(76,113,142) 94.232%,rgb(81,101,115) 94.510%,rgb(76,82,88) 94.788%,rgb(82,112,137) 95.066%,rgb(68,105,133) 95.344%,rgb(67,98,126) 95.622%,rgb(59,90,116) 95.900%,rgb(63,86,112) 96.178%,rgb(59,88,115) 96.456%,rgb(70,98,123) 96.734%,rgb(20,54,85) 97.012%,rgb(18,64,104) 97.290%,rgb(11,81,138) 97.568%,rgb(11,77,134) 97.846%,rgb(10,73,130) 98.124%,rgb(6,41,77) 98.402%,rgb(15,78,130) 98.680%,rgb(10,74,131) 98.958%,rgb(8,70,125) 99.236%,rgb(6,52,96) 99.514%,rgb(7,85,139) 99.792%);mask-image:linear-gradient(#000 0%,#000c 15%,transparent 100%)}}

@media(min-width:901px){
.continuous-ocean{background:linear-gradient(180deg,#0085c3 0%,#0086c4 20%,#0084c5 40%,#007bc2 60%,#0663b5 80%,#084b96 100%)}
.continuous-ocean:after{content:"";position:absolute;left:0;right:0;bottom:0;height:auto;aspect-ratio:1 / 3;max-height:100%;background:linear-gradient(#00518a35,#003d7550),url("assets/design-16d0a2b54742.png") center bottom/100% auto no-repeat;mask-image:linear-gradient(transparent 0%,#0004 12%,#000b 27%,#000 42%);pointer-events:none;z-index:-1}
.continuous-ocean footer.foot{padding-bottom:120px}
}

@media(min-width:901px){.continuous-ocean:before{height:280px;background:linear-gradient(90deg,#048bcb 0%,#0089cb 20%,#0079c1 50%,#006bb6 80%,#07588b 100%);mask-image:linear-gradient(#000,transparent)}}

@media(min-width:901px){
.hero:after{display:block;content:"";position:absolute;inset:auto 0 0;height:320px;background:linear-gradient(180deg,rgba(0,133,195,0) 0%,rgba(0,133,195,.22) 26%,rgba(0,133,195,.65) 58%,#0085c3 100%);pointer-events:none;z-index:1}
.hero .hero-grid{position:relative;z-index:2}
.continuous-ocean:before{display:none}
}


.ocean-scene{display:none}
@media(min-width:901px){
body{background:#007fc1;isolation:isolate}
.ocean-scene{display:block;position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1}
.ocean-scene img{display:block;width:100%;height:auto;max-width:none;will-change:transform}
.hero,.continuous-ocean{background:none!important}
.hero:before,.hero:after,.continuous-ocean:before,.continuous-ocean:after{display:none!important}
.hero-grid{max-width:none}
.hero .book-wrap{left:56%;width:33%;bottom:calc(820px - 37.8vw)}
.hero-copy{left:15%;width:34%;top:22%}
.hero h1 .hl{color:#a63d00;font-style:italic;font-weight:600}
.hero h1{font-size:clamp(2.7rem,3.6vw,3.5rem);line-height:1.13}
.hero p.lede,.hero-spec,.hero-note{color:#082f46}
.continuous-ocean .head h2,.continuous-ocean .ritual h2,.continuous-ocean .gift-merged h3,.continuous-ocean .final h2{font-weight:600;color:#fff;text-shadow:0 2px 6px #00365b75}
.continuous-ocean .head h2 .hl,.continuous-ocean .ritual h2 .hl{color:#ffb45b!important;font-style:italic}
.continuous-ocean .kicker,.continuous-ocean .brand-tag{color:#ffc578;font-size:.82rem;letter-spacing:.15em}
.continuous-ocean .head p{color:#fff;font-size:1.1rem;line-height:1.75;text-shadow:0 1px 3px #00325380}
.continuous-ocean .canyon-books .head h2{color:#082e43;text-shadow:none;font-size:3.2rem}
.continuous-ocean .canyon-books .head h2 .hl{color:#a63d00!important;text-shadow:none}
.continuous-ocean .canyon-books .head p{color:#082e43;text-shadow:none;font-weight:600}
.continuous-ocean .canyon-books .kicker{color:#923700}
.continuous-ocean .book-card,.continuous-ocean .practise-card,.continuous-ocean .why-card,.continuous-ocean .resources-head,.continuous-ocean .about-nathan-grid{background:#fff8ed;border:1px solid #fff4df;box-shadow:0 15px 45px #00305426}
.continuous-ocean .book-card h3,.continuous-ocean .why-card h5{color:#102f4a}
.continuous-ocean .book-card .tag,.continuous-ocean .about-nathan-copy .kicker{color:#ac450b}
.continuous-ocean .about-nathan-copy .hl{color:#b8490b}
.continuous-ocean .btn-primary,.hero .btn-primary{background:#df5700;color:#fff;box-shadow:0 5px 16px #75380025}
.continuous-ocean .feature .ico,.continuous-ocean .step .num{color:#ffbc65}
.continuous-ocean .tcard{background:#07375be8;border:1px solid #45718e;border-radius:18px;padding:28px}
.continuous-ocean footer.foot{padding:45px 0 60px}.foot-grid,.foot-bottom{background:#082f4dee;border-radius:18px;padding:28px}.foot-bottom{max-width:1080px;margin:18px auto 0;padding:18px}
}


@media(min-width:901px){.hero{height:max(820px,calc(37.8vw + 270px));min-height:820px}.hero .book-wrap{bottom:calc(max(820px,37.8vw + 270px) - 37.8vw)}}
@media(min-width:901px) and (max-width:1100px){.hero-copy{left:12%;width:37%;top:18%}.hero h1{font-size:2.65rem}.hero .book-wrap{width:35%;left:55%}.hero p.lede{font-size:.96rem}.hero .eyebrow{font-size:.62rem}}
.kit-form-wrap{max-width:900px;margin:30px auto 0}.teaser-video video{display:block;width:100%;height:auto}
html{scroll-padding-top:115px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}video{animation:none}}

/* Display the original illustrations at their natural proportions. */
.canyon-middle .spread-grid{align-items:start}
.canyon-middle .spread{aspect-ratio:auto;border:0;border-radius:14px;background:transparent;box-shadow:0 12px 30px #002a4930;overflow:hidden}
.canyon-middle .spread img{display:block;width:100%;height:auto;aspect-ratio:auto;object-fit:initial;background:transparent;transform:none}
.canyon-middle .spread:hover img{transform:none}
/* Compact glimpses of the stories. */
.spreads.canyon-middle{padding:16px 0 42px}
.canyon-middle .spread-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:center}
.canyon-middle .spread{border-radius:10px;box-shadow:0 6px 18px #002a4926}
@media(max-width:900px){
 .spreads.canyon-middle .wrap{padding-inline:24px}
 .canyon-middle .spread-grid{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 0 12px;scrollbar-width:thin}
 .canyon-middle .spread{flex:0 0 210px;scroll-snap-align:start}
 .spreads.canyon-middle{padding:8px 0 30px}
}

/* Final typography, spacing, contrast and interaction refinements. */
:root{--ty-orange:#d65300;--ty-orange-ink:#9b3c00;--ty-ink:#082e43;--ty-cream:#fff8ed}
.continuous-ocean .head h2,.continuous-ocean .ritual h2,.continuous-ocean .gift-merged h3,.continuous-ocean .final h2{font-size:clamp(2rem,2.65vw,2.65rem);font-weight:500;line-height:1.18;text-shadow:none}
.continuous-ocean .head p{font-size:1.05rem;font-weight:400;line-height:1.65;text-shadow:none}
.continuous-ocean .btn-primary,.hero .btn-primary,.continuous-ocean .buy-amazon{background:var(--ty-orange)}
.continuous-ocean .book-card .tag,.continuous-ocean .about-nathan-copy .kicker{color:var(--ty-orange-ink)}
.continuous-ocean .about-nathan-copy .hl{color:var(--ty-orange-ink)}
.continuous-ocean .kicker{font-size:.75rem;letter-spacing:.12em}
.canyon-books{min-height:0;padding-top:48px;padding-bottom:60px}
.canyon-books .head{margin-bottom:30px}.canyon-books .books-grid{gap:28px}
.canyon-practise{padding:35px 0 45px}
.features.canyon-middle{padding:10px 0 26px}
.canyon-middle .feature-row{padding-block:22px}
.alive-ritual.canyon-middle{padding:15px 0 35px}
.alive-ritual .ritual{padding:26px 0 30px}
.alive-ritual .ritual h2{margin-bottom:28px}
.alive-ritual .steps{gap:28px;margin-bottom:28px}
.alive-ritual .step .circle{width:64px;height:64px;margin-bottom:14px}
.alive-ritual .step .num{margin-bottom:12px}
.why.canyon-middle{padding:30px 0 45px}
.why .head{margin-bottom:28px}.why-grid{gap:18px}.why-card{padding:24px}.why-foot{margin-top:26px}
.friends{padding:35px 0 50px}.friends .head{margin-bottom:28px}.friends .gang-img{max-width:1000px}
.testimonials{padding:28px 0 42px}.testimonials .head{margin-bottom:26px}
.two-band .activity{padding:20px 24px 35px}.kit-form-wrap{margin:0 auto}.two-band:not(:has(form)){display:none}
.about-nathan{padding:25px 0 45px}.about-nathan-grid{padding:36px;gap:40px}.about-nathan-copy h2{font-size:2.45rem}
.gift-merged{padding:25px 24px 45px}.teaser{padding:30px 24px 45px}.teaser .head{margin-bottom:28px}.teaser-video{max-width:740px}
.final{padding:25px 24px 35px}.final h2{margin-bottom:24px}
.continuous-ocean .final>.wrap{max-width:1000px;background:#082f4d;padding:36px;border-radius:22px}
.continuous-ocean .final .btn-ghost{background:var(--ty-cream);color:var(--ty-ink);border-color:var(--ty-cream)}
@media(hover:hover) and (pointer:fine){
.hero .book-duo .book.b1:hover,.hero .book-duo .book.b1:focus-visible{transform:rotate(-3deg) translateY(-10px) scale(1.04)}
.hero .book-duo .book.b2:hover,.hero .book-duo .book.b2:focus-visible{transform:rotate(3deg) translateY(-10px) scale(1.04)}
}
@media(min-width:901px){
header.nav .nav-inner{transition:padding .2s ease,min-height .2s ease}header.nav.is-scrolled .nav-inner{padding-block:9px;min-height:58px}header.nav.is-scrolled .logo-img{width:140px}header.nav.is-scrolled .nav-cta .btn{padding:.55rem 1rem!important}
.continuous-ocean .canyon-books .head h2{font-size:2.75rem}
.continuous-ocean .canyon-books .head h2 .hl,.continuous-ocean .ritual h2 .hl,.continuous-ocean .why .head h2 .hl,.continuous-ocean .friends .head h2 .hl{color:var(--ty-orange-ink)!important}
.continuous-ocean .ritual h2,.continuous-ocean .ritual h5,.continuous-ocean .step p,.continuous-ocean .why .head h2,.continuous-ocean .why .head p,.continuous-ocean .why-foot,.continuous-ocean .why-foot b,.continuous-ocean .friends .head h2,.continuous-ocean .friends .head p,.continuous-ocean .feature h4{color:var(--ty-ink)}
.continuous-ocean .ritual .num,.continuous-ocean .ritual .circle,.continuous-ocean .why .kicker,.continuous-ocean .friends .kicker{color:var(--ty-orange-ink)}
.continuous-ocean .ritual .circle{background:var(--ty-cream);border:0}
.continuous-ocean .gift-merged>.wrap{background:#082f4d;border-radius:22px;padding:32px;max-width:1000px}
.continuous-ocean .gift-merged h3{font-size:2.4rem}
.continuous-ocean .gift-merged .lead,.continuous-ocean .gift-icon{color:#fff}
.continuous-ocean .gift-merged .brand-tag,.continuous-ocean .teaser .kicker,.continuous-ocean .testimonials .kicker{color:#ffbc70}
.continuous-ocean .teaser .head h2 .hl,.continuous-ocean .testimonials .head h2 .hl{color:#ffbc70!important}
}
@media(max-width:900px){
.continuous-ocean .head h2,.continuous-ocean .ritual h2,.continuous-ocean .gift-merged h3,.continuous-ocean .final h2{font-size:2rem!important;text-shadow:none}
.canyon-books{padding-top:35px;padding-bottom:38px}.canyon-practise{padding:20px 0 30px}.canyon-practise .practise-card{padding:26px 24px}.canyon-practise .practise-card h2{font-size:2rem}
.why-card{padding:20px}.why-card .ic{margin-bottom:10px}.why-card h5{margin-bottom:8px}.why-card p{line-height:1.6}.why-grid{gap:12px}
.alive-ritual .ritual{padding-inline:24px}.friends,.testimonials,.teaser{padding-top:26px;padding-bottom:35px}
.about-nathan-grid{padding:28px 24px;gap:26px}.about-nathan-copy h2{font-size:2rem}
.continuous-ocean .final>.wrap{padding:28px 22px}.final .hero-actions{gap:12px}
}
@media(prefers-reduced-motion:reduce){header.nav .nav-inner{transition:none}}
@media(min-width:901px){
.continuous-ocean .head h2,.continuous-ocean .ritual h2{font-size:clamp(2rem,2.65vw,2.65rem)!important}
.continuous-ocean .gift-merged>.inner{background:#082f4d;border-radius:22px;padding:32px;max-width:1000px;margin:auto}
.continuous-ocean .why .head .kicker{color:var(--ty-orange-ink)}
}
.continuous-ocean .alive-ritual.canyon-middle .ritual{padding:26px 28px 30px}

/* Calm scenery and consistent reading surfaces. */
@media(min-width:901px){
.ocean-scene:after{content:"";position:absolute;inset:0;background:#eaf7fc0c;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);mask-image:linear-gradient(to bottom,transparent var(--soft-start,864px),#000 calc(var(--soft-start,864px) + 180px));-webkit-mask-image:linear-gradient(to bottom,transparent var(--soft-start,864px),#000 calc(var(--soft-start,864px) + 180px));pointer-events:none}
}
.continuous-ocean .ty-reading-panel{background:#fff8ed!important;border:1px solid #fff1df;border-radius:24px;padding:34px 38px;box-shadow:0 12px 30px #00304b1a;color:#082e43}
.continuous-ocean .ty-reading-panel h2,.continuous-ocean .ty-reading-panel h3,.continuous-ocean .ty-reading-panel h4,.continuous-ocean .ty-reading-panel h5,.continuous-ocean .ty-reading-panel p,.continuous-ocean .ty-reading-panel .lead,.continuous-ocean .ty-reading-panel .why-foot,.continuous-ocean .ty-reading-panel .why-foot b,.continuous-ocean .ty-reading-panel .who,.continuous-ocean .ty-reading-panel .gift-icon{color:#082e43!important;text-shadow:none!important}
.continuous-ocean .ty-reading-panel h2 .hl,.continuous-ocean .ty-reading-panel .kicker,.continuous-ocean .ty-reading-panel .brand-tag,.continuous-ocean .ty-reading-panel .num,.continuous-ocean .ty-reading-panel .qstars,.continuous-ocean .ty-reading-panel .ico{color:#9b3c00!important}
.continuous-ocean .ty-reading-panel .head{max-width:720px;margin-inline:auto}
.continuous-ocean .why>.wrap.ty-reading-panel,.continuous-ocean .testimonials>.wrap.ty-reading-panel{width:calc(100% - 64px);max-width:1030px}
.continuous-ocean .ty-reading-panel .why-card,.continuous-ocean .ty-reading-panel .tcard{background:#f8efdf!important;border:1px solid #e7d9c4;box-shadow:none;padding:22px;border-radius:16px}
.continuous-ocean .ty-reading-panel .why-card .ic,.continuous-ocean .ty-reading-panel .circle,.continuous-ocean .ty-reading-panel .gift-icon .b{color:#9b3c00;background:#f5e5cd;border:0}
.continuous-ocean .feature-row.ty-reading-panel{padding:25px 22px;gap:22px}
.continuous-ocean .feature-row.ty-reading-panel h4{font-size:.9rem;line-height:1.5}
.continuous-ocean .ritual .inner.ty-reading-panel{width:100%;max-width:1030px;padding:34px 38px}
.continuous-ocean .friends .head.ty-reading-panel,.continuous-ocean .teaser .head.ty-reading-panel{max-width:820px;margin:0 auto 26px}
.continuous-ocean .books .head.ty-reading-panel{max-width:820px;margin-bottom:28px}
.continuous-ocean .final>.wrap.ty-reading-panel{max-width:1000px}
.continuous-ocean .final .btn-ghost{background:#082f4d;color:#fff;border-color:#082f4d}
.continuous-ocean .teaser-tag{display:table;margin:18px auto 0;background:#fff8ed;color:#082e43;padding:10px 18px;border-radius:24px}
@media(max-width:900px){
.continuous-ocean .ty-reading-panel,.continuous-ocean .ritual .inner.ty-reading-panel{padding:26px 24px;border-radius:20px}
.continuous-ocean .why>.wrap.ty-reading-panel,.continuous-ocean .testimonials>.wrap.ty-reading-panel{width:calc(100% - 48px)}
.continuous-ocean .ty-reading-panel .why-card,.continuous-ocean .ty-reading-panel .tcard{padding:18px}
.continuous-ocean .feature-row.ty-reading-panel{padding:22px 18px;gap:22px 14px}
.continuous-ocean .ty-reading-panel .step p,.continuous-ocean .ty-reading-panel .head p{font-size:1rem}
.continuous-ocean .friends .head.ty-reading-panel{padding:26px 24px}
.continuous-ocean .gift-merged .inner.ty-reading-panel{padding:26px 22px}
}

@media(min-width:901px){
.ocean-scene img{position:relative;z-index:0}
.ocean-scene:before{content:"";position:absolute;inset:0;z-index:1;background:rgba(3,24,61,var(--depth-shade,.14));pointer-events:none}
.ocean-scene:after{z-index:2;background:transparent}
}
/* Compact bedtime sequence, with the action alongside its heading. */
.continuous-ocean #how .inner.ty-reading-panel{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px 24px;padding:28px 32px}
.continuous-ocean #how h2{grid-column:1;grid-row:1;text-align:left;max-width:650px;margin:0;font-size:clamp(1.8rem,2.3vw,2.2rem)!important;align-self:center}
.continuous-ocean #how .inner>.btn{grid-column:2;grid-row:1;align-self:center;justify-self:end;margin:0;padding:.75rem 1.2rem;white-space:nowrap}
.continuous-ocean #how .steps{grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin:0;padding-top:24px;border-top:1px solid #e7d9c4}
.continuous-ocean #how .step{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto 1fr;gap:5px 14px;text-align:left;align-content:start}
.continuous-ocean #how .step .circle{grid-column:1;grid-row:1/3;width:44px;height:44px;margin:0;background:#f5e5cd;color:#9b3c00}
.continuous-ocean #how .step .circle svg{width:23px;height:23px}
.continuous-ocean #how .step .num{display:grid;place-items:center;position:absolute;left:-5px;top:-7px;width:19px;height:19px;border-radius:50%;background:#9b3c00;color:#fff!important;font:700 11px/1 'Nunito',sans-serif;margin:0;z-index:1}
.continuous-ocean #how .step h5{grid-column:2;grid-row:1;font-size:1.2rem;line-height:1.3;margin:0}
.continuous-ocean #how .step p{grid-column:2;grid-row:2;font-size:.95rem;line-height:1.6;margin:0;max-width:none}
.continuous-ocean #how .step:not(:last-child):after{content:'→';position:absolute;right:-24px;top:8px;color:#a86126;font-size:20px}
@media(max-width:900px){
.continuous-ocean #how .inner.ty-reading-panel{grid-template-columns:1fr;padding:26px 24px;gap:22px}
.continuous-ocean #how h2{grid-column:1;grid-row:1;font-size:1.85rem!important;text-align:left}
.continuous-ocean #how .steps{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:24px;padding-top:20px}
.continuous-ocean #how .inner>.btn{grid-column:1;grid-row:3;justify-self:start}
.continuous-ocean #how .step p{font-size:1rem}
.continuous-ocean #how .step:not(:last-child):after{content:'';left:21px;right:auto;top:50px;bottom:-17px;width:1px;background:#d8bea0}
}

/* Restore the original video display width. */
.continuous-ocean .teaser-video{width:100%;max-width:860px}

/* Refined reading rhythm and the final ocean-blue invitation. */
.continuous-ocean .books .head.ty-reading-panel,
.continuous-ocean .friends .head.ty-reading-panel,
.continuous-ocean .teaser .head.ty-reading-panel{padding:24px 30px}
.continuous-ocean #buy>.wrap.ty-reading-panel{background:#082f4d!important;border-color:#214861;color:#fff;padding:44px 38px}
.continuous-ocean #buy>.wrap.ty-reading-panel h2{color:#fff!important}
.continuous-ocean #buy .btn-ghost{background:transparent;color:#fff;border:1px solid #a6c1d2}
@media(max-width:900px){
.continuous-ocean .books .head.ty-reading-panel,
.continuous-ocean .friends .head.ty-reading-panel,
.continuous-ocean .teaser .head.ty-reading-panel{padding:22px 24px}
.continuous-ocean #buy>.wrap.ty-reading-panel{padding:32px 24px}
}

/* One connected introduction and illustration for Jelly's family. */
.continuous-ocean #friends>.wrap{width:calc(100% - 64px);max-width:1000px;margin-inline:auto;padding:0;background:#fff8ed;border-radius:24px;overflow:hidden;box-shadow:0 12px 30px #00304b26}
.continuous-ocean #friends .head.ty-reading-panel{width:100%;max-width:none;margin:0;padding:30px 38px;border:0;border-radius:0;box-shadow:none}
.continuous-ocean #friends .head p{max-width:760px;margin-inline:auto}
.continuous-ocean #friends .gang-img{width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none}
.continuous-ocean #friends .gang-img img{display:block;width:100%;height:auto}
@media(max-width:900px){
.continuous-ocean #friends>.wrap{width:calc(100% - 48px);border-radius:20px}
.continuous-ocean #friends .head.ty-reading-panel{padding:26px 24px}
}

/* Accessible character introductions on the original family illustration. */
#friends .family-interactive{position:relative}
#friends .gang-img{position:relative}
#friends .character-hotspot{position:absolute;background:transparent;border:2px solid transparent;border-radius:45%;cursor:pointer;padding:0;color:#082f4d}
#friends .character-hotspot span{position:absolute;bottom:0;left:50%;transform:translateX(-50%);display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#fff8ed;border:1px solid #9b3c00;font:bold 20px/1 sans-serif;box-shadow:0 2px 8px #082f4d44}
#friends .character-hotspot:hover,#friends .character-hotspot:focus-visible,#friends .character-hotspot.is-active{border-color:#fff8ed;background:#ffffff0d;outline:2px solid #9b3c00;outline-offset:2px}
#friends .character-info{background:#fff8ed;color:#082e43;padding:24px 32px;position:relative;min-height:175px;text-align:center}
#friends .character-info h3{font-size:1.5rem;color:#9b3c00;margin:0 25px 10px}
#friends .character-info p{font-size:1rem;line-height:1.65;color:#082e43;margin:0}
#friends .character-close{position:absolute;right:8px;top:8px;width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#082e43;font-size:26px;cursor:pointer}
#friends .character-choices{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:18px 24px;background:#fff8ed;border-top:1px solid #e7d9c4}
#friends .character-choices button{font:inherit;font-size:.9rem;border:1px solid #c9b797;border-radius:24px;background:transparent;color:#082e43;padding:10px 16px;cursor:pointer;min-height:44px}
#friends .character-choices button.is-active,#friends .character-choices button:hover{background:#082f4d;color:white;border-color:#082f4d}
@media(min-width:901px){
#friends .character-info{position:absolute;left:50%;top:3%;transform:translateX(-50%);width:70%;min-height:0;padding:22px 34px;border-radius:20px;box-shadow:0 8px 28px #001b3d44;visibility:hidden;pointer-events:none}
#friends .character-info.is-open{visibility:visible;pointer-events:auto}
}
@media(max-width:900px){
#friends .character-info{padding:24px 22px;min-height:230px}
#friends .character-hotspot span{width:22px;height:22px;font-size:17px}
}

/* Golden gratitude ripple inspired by Jelly's film. */
#friends .character-hotspot span{display:none}
#friends .character-hotspot,
#friends .character-hotspot:hover,
#friends .character-hotspot.is-active{border:0;background:transparent;outline:none}
#friends .character-hotspot:focus-visible{outline:2px dashed #fff8ed;outline-offset:3px}
#friends .character-hotspot::after{content:'';position:absolute;pointer-events:none;left:50%;top:55%;width:105%;height:38%;border-radius:50%;border:2px solid #ffe9a7;box-shadow:0 0 6px #fff6d9,0 0 16px #ffc35a,inset 0 0 9px #ffd16d;opacity:0;transform:translate(-50%,-50%) scale(.35)}
#friends .character-hotspot.is-rippling::after{animation:gratitude-ripple 1.3s ease-out both}
@keyframes gratitude-ripple{
0%{opacity:0;transform:translate(-50%,-50%) scale(.35)}
18%{opacity:.95}
65%{opacity:.55}
100%{opacity:0;transform:translate(-50%,-50%) scale(2.2)}
}
@media(prefers-reduced-motion:reduce){
#friends .character-hotspot.is-rippling::after{animation:none}
}

/* Dedicated book pages */
.book-detail-link{margin:20px 0 0!important}.book-detail-link a{display:inline-block;color:#07475e;font-weight:900;text-decoration:underline;text-underline-offset:5px;padding:5px 0}.book-detail-link a:hover{color:#a53d00}

/* Shared reading: a conversation rather than a numbered routine. */
.continuous-ocean #how .inner.conversation-panel{display:block;max-width:1030px;padding:34px 38px}
.continuous-ocean #how .conversation-panel h2{text-align:center;max-width:none;margin:0 0 18px}
.continuous-ocean #how .conversation-panel p{color:var(--ty-ink);font-size:1rem;line-height:1.7}
.conversation-intro{text-align:center;margin:0 0 26px}
.conversation-questions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0 0 26px}
.continuous-ocean #how .conversation-questions p{display:flex;align-items:center;justify-content:center;text-align:center;background:var(--ty-cream);border:1px solid #e7d9c4;border-radius:16px;padding:20px 16px;margin:0;font-weight:800;font-size:1.1rem}
.conversation-copy{max-width:740px;margin:0 auto 24px;text-align:center}
.conversation-copy p{margin:0 0 14px}
.continuous-ocean #how .conversation-panel>.btn{margin:0 auto}
@media(max-width:600px){
.continuous-ocean #how .inner.conversation-panel{padding:26px 24px}
.conversation-questions{grid-template-columns:1fr;gap:10px}
.continuous-ocean #how .conversation-questions p{padding:15px}
.conversation-copy{text-align:left}
}

/* Active Amazon affiliate purchase links (v25) */
.canyon-books a.buy-amazon{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}
.canyon-books a.buy-amazon:hover{background:#b94400;transform:translateY(-2px)}
.affiliate-disclosure{font-size:.78rem;line-height:1.5;margin:0 0 12px;color:#eff7ff}

/* v29: tighten hero eyebrow tracking so the full ages 2–6 line fits on desktop.
   Word joiners in HTML prevent a lone digit on narrower displays. */
@media (min-width: 1200px) { .hero .eyebrow { letter-spacing: .055em; } }

/* v31: booklet preview; all additions scoped to the existing challenge section. */
#sheets.two-band{display:block}
#sheets .activity{padding-top:35px;padding-bottom:45px}
#sheets .challenge-intro{max-width:900px;margin:0 auto 28px;padding:34px;background:#eaf7fd;border-radius:26px;display:grid;grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;color:#123b59}
#sheets .challenge-copy{min-width:0}
#sheets .challenge-copy .kicker{color:#995018}
#sheets .challenge-copy h2{font-size:clamp(1.9rem,3vw,2.7rem);line-height:1.15;color:#123b59;margin:12px 0 20px}
#sheets .challenge-copy p{color:#355a73;font-size:1rem;line-height:1.65;margin:0 0 16px}
#sheets .challenge-copy .challenge-details{font-size:.875rem;font-weight:700}
#sheets .challenge-age{white-space:nowrap}
#sheets .challenge-copy .challenge-related{font-size:.875rem;margin-top:20px;margin-bottom:0}
#sheets .challenge-related a{text-decoration:underline;text-underline-offset:3px;color:#12485a}
#sheets .challenge-preview{display:grid;grid-template-columns:1fr 1fr;gap:14px;min-width:0}
#sheets .challenge-preview figure{margin:0;min-width:0}
#sheets .challenge-preview img{display:block;width:100%;height:auto;border-radius:5px;box-shadow:0 8px 22px #123b5925}
#sheets .challenge-preview figcaption{text-align:center;font-size:.75rem;color:#355a73;margin-top:12px;line-height:1.4}
#challenge-signup{scroll-margin-top:110px}
#sheets .challenge-noscript{max-width:900px;margin:18px auto;color:white;text-align:center}
@media(max-width:760px){#sheets .challenge-intro{grid-template-columns:1fr;padding:25px 22px;gap:26px}#sheets .challenge-preview{max-width:390px;width:100%;margin:auto}#sheets .challenge-copy h2{font-size:2rem}}
@media(max-width:380px){#sheets .challenge-intro{padding:22px 16px}#sheets .challenge-copy .btn{width:100%;font-size:.9rem;padding-inline:12px}}

/* v32: centre the narrower Kit embed within its existing container. */
#sheets #challenge-signup{display:flex;flex-direction:column;align-items:center}
#sheets #challenge-signup > :not(script):not(style){margin-left:auto!important;margin-right:auto!important;max-width:100%}
#sheets #challenge-signup form{margin-left:auto!important;margin-right:auto!important;max-width:100%}

/* v38: clear spacing between conversation buttons on every screen size. */
.continuous-ocean #how .conversation-actions{display:flex;flex-direction:column;align-items:center;gap:22px;margin-top:26px}
.continuous-ocean #how .conversation-actions>.btn{margin:0;max-width:100%;text-align:center}