:root{
  --paper:#f4efeb;
  --paper-deep:#ebe1da;
  --ink:#29221f;
  --muted:#695950;
  --clay:#a65f43;
  --clay-dark:#804732;
  --rose:#b17c78;
  --line:#d8c9bf;
  --serif:"DM Serif Display",Georgia,serif;
  --sans:"DM Sans",Arial,sans-serif;
  --wrap:1160px;
  --gutter:clamp(20px,3vw,32px);
  --section-space:clamp(64px,7vw,96px)}
  *{
    box-sizing:border-box}
    html{
      scroll-behavior:smooth;
      scroll-padding-top:90px}
      body{
        margin:0;
        background:var(--paper);
        color:var(--ink);
        font-family:var(--sans);
        font-size:16px;
        line-height:1.65;
        -webkit-font-smoothing:antialiased}
        a{
          color:inherit}
          button,input,textarea{
            font:inherit}
            button,a,input,textarea,summary{
              -webkit-tap-highlight-color:transparent}
              [hidden]{
                display:none!important}
                :where(a,button,input,textarea,summary,[tabindex]):focus-visible{
                  outline:3px solid var(--clay-dark);
                  outline-offset:4px}
                  img{
                    max-width:100%}
                    button:not(:disabled),summary{
                      touch-action:manipulation}
                      p{
                        overflow-wrap:break-word}
                        .skip-link{
                          position:absolute;
                          left:1rem;
                          top:-5rem;
                          background:#fff;
                          padding:.7rem 1rem;
                          z-index:20}
                          .skip-link:focus{
                            top:1rem}
                            .site-header{
                              min-height:82px;
                              max-width:var(--wrap);
                              padding:16px var(--gutter);
                              margin:auto;
                              display:flex;
                              align-items:center;
                              justify-content:space-between;
                              position:relative;
                              z-index:5}
                              .brand{
                                display:flex;
                                align-items:center;
                                gap:11px;
                                text-decoration:none;
                                font-weight:600;
                                letter-spacing:-.04em;
                                font-size:18px}
                                .brand i{
                                  font-family:var(--serif);
                                  font-weight:400}
                                  .brand-logo{
                                    display:block;
                                    width:48px;
                                    height:auto;
                                    flex-shrink:0;
                                    object-fit:contain;
                                    border-radius:3px}
                                  @media (max-width:480px){
                                    .brand-logo{width:40px}}
                                    .nav-main{
                                      display:flex;
                                      align-items:center;
                                      gap:24px}
                                      .nav-main>a{
                                        text-decoration:none;
                                        font-size:14px;
                                        font-weight:500}
                                        .nav-main>a:not(.nav-cta):hover,.footer-links a:hover{
                                          color:var(--clay)}
                                          .nav-cta{
                                            border:1px solid var(--clay);
                                            border-radius:3px;
                                            padding:11px 17px;
                                            color:var(--clay-dark);
                                            transition:.2s}
                                            .nav-cta:hover{
                                              background:var(--clay);
                                              color:white}
                                              .nav-cta span{
                                                margin-left:11px}
                                                .menu-toggle{
                                                  display:none}
                                                  .section-wrap{
                                                    max-width:var(--wrap);
                                                    padding-left:var(--gutter);
                                                    padding-right:var(--gutter);
                                                    margin:0 auto}
                                                    .hero{
                                                      min-height:610px;
                                                      display:grid;
                                                      grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);
                                                      gap:40px;
                                                      align-items:center;
                                                      position:relative;
                                                      padding-top:32px;
                                                      padding-bottom:82px}
                                                      .hero-copy{
                                                        padding:0 0 12px}
                                                        .eyebrow{
                                                          font-size:12px;
                                                          letter-spacing:.13em;
                                                          font-weight:700;
                                                          color:var(--clay-dark);
                                                          margin:0 0 18px}
                                                          .eyebrow-line{
                                                            display:inline-block;
                                                            width:25px;
                                                            height:1px;
                                                            background:var(--clay);
                                                            vertical-align:middle;
                                                            margin:0 10px 3px 0}
                                                            .hero h1,.section-heading h2,.about-copy h2,.faq-intro h2,.closing-inner h2{
                                                              font:clamp(44px,5.4vw,72px)/1.06 var(--serif);
                                                              letter-spacing:-.035em;
                                                              font-weight:400;
                                                              margin:0;
                                                              color:var(--ink)}
                                                              h1 em,h2 em,.trial-banner em{
                                                                font-weight:400;
                                                                color:var(--clay);
                                                                font-style:italic}
                                                                .hero-lede{
                                                                  max-width:460px;
                                                                  margin:24px 0 28px;
                                                                  color:#62554f;
                                                                  font-size:16px;
                                                                  line-height:1.8}
                                                                  .hero-actions{
                                                                    display:flex;
                                                                    align-items:center;
                                                                    gap:20px;
                                                                    flex-wrap:wrap}
                                                                    .button{
                                                                      min-height:50px;
                                                                      padding:12px 20px;
                                                                      display:inline-flex;
                                                                      justify-content:center;
                                                                      align-items:center;
                                                                      gap:16px;
                                                                      text-decoration:none;
                                                                      font-size:14px;
                                                                      font-weight:600;
                                                                      border-radius:3px;
                                                                      text-align:center;
                                                                      line-height:1.4;
                                                                      transition:transform .2s,background .2s,color .2s}
                                                                      .button:hover{
                                                                        transform:translateY(-2px)}
                                                                        .button-primary{
                                                                          background:var(--clay);
                                                                          color:#fff;
                                                                          border:1px solid var(--clay)}
                                                                          .button-primary:hover{
                                                                            background:var(--clay-dark)}
                                                                            .text-link{
                                                                              font-size:14px;
                                                                              font-weight:600;
                                                                              color:var(--clay-dark);
                                                                              text-decoration:none;
                                                                              border-bottom:1px solid var(--line);
                                                                              padding-bottom:4px}
                                                                              .text-link span{
                                                                                padding-left:8px}
                                                                                .hero-note{
                                                                                  display:flex;
                                                                                  gap:12px;
                                                                                  align-items:center;
                                                                                  color:var(--muted);
                                                                                  font:15px/1.45 var(--serif);
                                                                                  margin-top:30px}
                                                                                  .note-star{
                                                                                    color:#c98b52;
                                                                                    font-size:26px}
                                                                                    .hero-art{
                                                                                      height:460px;
                                                                                      max-width:420px;
                                                                                      width:100%;
                                                                                      justify-self:center;
                                                                                      position:relative;
                                                                                      background:#e8ddd5;
                                                                                      display:grid;
                                                                                      place-items:center;
                                                                                      transform:rotate(1deg)}
                                                                                      .hero-art:before{
                                                                                        content:"";
                                                                                        position:absolute;
                                                                                        inset:18px;
                                                                                        border:1px solid rgba(123,82,61,.28)}
                                                                                        .photo-frame{
                                                                                          position:relative;
                                                                                          width:80%;
                                                                                          height:78%;
                                                                                          background:#d9c6b8;
                                                                                          padding:13px;
                                                                                          box-shadow:0 16px 44px #674c3c22;
                                                                                          transform:rotate(-3deg)}
                                                                                          .frame-sticker{
                                                                                            position:absolute;
                                                                                            bottom:8%;
                                                                                            right:-10%;
                                                                                            background:#f7f1e9;
                                                                                            padding:12px 20px;
                                                                                            color:var(--clay-dark);
                                                                                            font:18px/1.1 var(--serif);
                                                                                            transform:rotate(5deg);
                                                                                            box-shadow:0 6px 20px #47312615}
                                                                                            .frame-sticker i{
                                                                                              font-size:24px;
                                                                                              color:var(--clay)}
                                                                                              .scribble{
                                                                                                position:absolute;
                                                                                                color:var(--clay);
                                                                                                font-family:var(--serif)}
                                                                                                .scribble-one{
                                                                                                  top:22px;
                                                                                                  right:10px;
                                                                                                  font:italic 28px var(--serif);
                                                                                                  transform:rotate(11deg)}
                                                                                                  .scribble-two{
                                                                                                    top:22%;
                                                                                                    left:-12px;
                                                                                                    font-size:31px;
                                                                                                    color:#bd8d60}
                                                                                                    .art-caption{
                                                                                                      position:absolute;
                                                                                                      bottom:-27px;
                                                                                                      right:5px;
                                                                                                      color:var(--muted);
                                                                                                      font-size:11px;
                                                                                                      letter-spacing:.08em}
                                                                                                      .art-caption span{
                                                                                                        color:var(--clay);
                                                                                                        padding:0 5px}
                                                                                                        .hero-bottom{
                                                                                                          position:absolute;
                                                                                                          bottom:21px;
                                                                                                          left:var(--gutter);
                                                                                                          right:var(--gutter);
                                                                                                          display:flex;
                                                                                                          justify-content:space-between;
                                                                                                          align-items:center;
                                                                                                          font-size:11px;
                                                                                                          letter-spacing:.1em;
                                                                                                          color:var(--muted)}
                                                                                                          .scroll-mark{
                                                                                                            border:1px solid var(--line);
                                                                                                            width:31px;
                                                                                                            height:31px;
                                                                                                            border-radius:50%;
                                                                                                            display:grid;
                                                                                                            place-items:center;
                                                                                                            color:var(--clay);
                                                                                                            font-size:14px}
                                                                                                            .intro-band{
                                                                                                              min-height:112px;
                                                                                                              padding:27px 24px;
                                                                                                              background:var(--clay);
                                                                                                              color:#fff6ef;
                                                                                                              display:flex;
                                                                                                              justify-content:center;
                                                                                                              align-items:center;
                                                                                                              gap:32px;
                                                                                                              text-align:center}
                                                                                                              .intro-band p{
                                                                                                                font:clamp(18px,2vw,24px)/1.3 var(--serif);
                                                                                                                margin:0}
                                                                                                                .intro-band span{
                                                                                                                  font-size:25px;
                                                                                                                  color:#e1b798}
                                                                                                                  .section{
                                                                                                                    padding-top:var(--section-space);
                                                                                                                    padding-bottom:var(--section-space)}
                                                                                                                    .section-heading{
                                                                                                                      max-width:720px;
                                                                                                                      margin-bottom:36px}
                                                                                                                      .section-heading .eyebrow{
                                                                                                                        margin-bottom:18px}
                                                                                                                        .section-heading h2,.about-copy h2,.faq-intro h2{
                                                                                                                          font-size:clamp(36px,4.4vw,56px)}
                                                                                                                          .section-description{
                                                                                                                            max-width:500px;
                                                                                                                            color:var(--muted);
                                                                                                                            margin:19px 0 0;
                                                                                                                            line-height:1.8}
                                                                                                                            .lesson-grid{
                                                                                                                              display:grid;
                                                                                                                              grid-template-columns:repeat(3,minmax(0,1fr));
                                                                                                                              gap:16px}
                                                                                                                              .lesson-card{
                                                                                                                                min-height:280px;
                                                                                                                                padding:25px 26px 28px;
                                                                                                                                background:#eee6e0;
                                                                                                                                position:relative;
                                                                                                                                overflow:hidden;
                                                                                                                                border:1px solid #e6d9d0;
                                                                                                                                transition:transform .2s}
                                                                                                                                .lesson-card:hover{
                                                                                                                                  transform:translateY(-4px)}
                                                                                                                                  .lesson-card-feature{
                                                                                                                                    background:#e3cfc0}
                                                                                                                                    .card-number{
                                                                                                                                      font-size:11px;
                                                                                                                                      letter-spacing:.1em;
                                                                                                                                      color:var(--muted);
                                                                                                                                      font-weight:700}
                                                                                                                                      .card-icon{
                                                                                                                                        position:absolute;
                                                                                                                                        right:25px;
                                                                                                                                        top:19px;
                                                                                                                                        border:1px solid #b69b8d;
                                                                                                                                        color:var(--clay);
                                                                                                                                        width:38px;
                                                                                                                                        height:38px;
                                                                                                                                        display:grid;
                                                                                                                                        place-items:center;
                                                                                                                                        border-radius:50%;
                                                                                                                                        font-size:18px}
                                                                                                                                        .lesson-card h3{
                                                                                                                                          font:28px/1.15 var(--serif);
                                                                                                                                          font-weight:400;
                                                                                                                                          margin:46px 0 14px}
                                                                                                                                          .lesson-card p{
                                                                                                                                            font-size:15px;
                                                                                                                                            line-height:1.75;
                                                                                                                                            color:var(--muted);
                                                                                                                                            max-width:290px;
                                                                                                                                            margin:0}
                                                                                                                                            .card-doodle{
                                                                                                                                              position:absolute;
                                                                                                                                              right:17px;
                                                                                                                                              bottom:13px;
                                                                                                                                              color:#9b5c45;
                                                                                                                                              font:italic 20px var(--serif);
                                                                                                                                              transform:rotate(-10deg)}
                                                                                                                                              .trial-banner{
                                                                                                                                                margin-top:20px;
                                                                                                                                                background:#342925;
                                                                                                                                                color:#faf3ed;
                                                                                                                                                min-height:156px;
                                                                                                                                                display:flex;
                                                                                                                                                justify-content:space-between;
                                                                                                                                                align-items:center;
                                                                                                                                                padding:30px 36px;
                                                                                                                                                gap:28px;
                                                                                                                                                position:relative;
                                                                                                                                                overflow:hidden}
                                                                                                                                                .trial-banner .eyebrow{
                                                                                                                                                  color:#d7ad93;
                                                                                                                                                  margin-bottom:10px}
                                                                                                                                                  .trial-banner h3{
                                                                                                                                                    font:clamp(28px,3.2vw,36px)/1.15 var(--serif);
                                                                                                                                                    font-weight:400;
                                                                                                                                                    margin:0}
                                                                                                                                                    .trial-banner em{
                                                                                                                                                      color:#d7a78c}
                                                                                                                                                      .button-light{
                                                                                                                                                        background:var(--paper);
                                                                                                                                                        color:var(--clay-dark);
                                                                                                                                                        z-index:1}
                                                                                                                                                        .button-light:hover{
                                                                                                                                                          background:#fff}
                                                                                                                                                          .trial-spark{
                                                                                                                                                            position:absolute;
                                                                                                                                                            right:31%;
                                                                                                                                                            top:-63px;
                                                                                                                                                            font-size:190px;
                                                                                                                                                            line-height:1;
                                                                                                                                                            color:#ffffff09}
                                                                                                                                                            .about-section{
                                                                                                                                                              background:#e9dfd8}
                                                                                                                                                              .about-inner{
                                                                                                                                                                display:grid;
                                                                                                                                                                grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
                                                                                                                                                                gap:8%;
                                                                                                                                                                align-items:center;
                                                                                                                                                                padding-top:var(--section-space);
                                                                                                                                                                padding-bottom:var(--section-space)}
                                                                                                                                                                .about-photo{
                                                                                                                                                                  height:440px;
                                                                                                                                                                  position:relative;
                                                                                                                                                                  background:linear-gradient(150deg,#c7a38e,#eadbd0 55%,#a86f54);
                                                                                                                                                                  display:grid;
                                                                                                                                                                  place-items:center;
                                                                                                                                                                  overflow:hidden}
                                                                                                                                                                  .about-photo:before{
                                                                                                                                                                    content:"";
                                                                                                                                                                    position:absolute;
                                                                                                                                                                    width:340px;
                                                                                                                                                                    height:340px;
                                                                                                                                                                    border:1px solid #fff9;
                                                                                                                                                                    border-radius:50%;
                                                                                                                                                                    top:38px;
                                                                                                                                                                    left:50%;
                                                                                                                                                                    transform:translateX(-50%)}
                                                                                                                                                                    .about-photo-note{
                                                                                                                                                                      position:absolute;
                                                                                                                                                                      bottom:23px;
                                                                                                                                                                      right:2px;
                                                                                                                                                                      transform:rotate(-7deg);
                                                                                                                                                                      font:17px/1.05 var(--serif);
                                                                                                                                                                      background:#f4efeb;
                                                                                                                                                                      color:var(--clay-dark);
                                                                                                                                                                      padding:12px}
                                                                                                                                                                      .about-photo-note i{
                                                                                                                                                                        color:var(--clay)}
                                                                                                                                                                        .about-copy{
                                                                                                                                                                          position:relative}
                                                                                                                                                                          .about-copy .eyebrow{
                                                                                                                                                                            margin-bottom:17px}
                                                                                                                                                                            .about-copy h2{
                                                                                                                                                                              font-size:clamp(36px,4.2vw,54px);
                                                                                                                                                                              margin-bottom:24px}
                                                                                                                                                                              .about-copy>p:not(.eyebrow){
                                                                                                                                                                                font-size:16px;
                                                                                                                                                                                line-height:1.8;
                                                                                                                                                                                color:var(--muted);
                                                                                                                                                                                max-width:490px}
                                                                                                                                                                                .about-copy .text-link{
                                                                                                                                                                                  display:inline-block;
                                                                                                                                                                                  margin-top:13px}
                                                                                                                                                                                  .about-asterisk{
                                                                                                                                                                                    position:absolute;
                                                                                                                                                                                    right:1%;
                                                                                                                                                                                    bottom:-30px;
                                                                                                                                                                                    color:#c78c63;
                                                                                                                                                                                    font-size:47px}
                                                                                                                                                                                    .faq-section{
                                                                                                                                                                                      display:grid;
                                                                                                                                                                                      grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
                                                                                                                                                                                      gap:8%}
                                                                                                                                                                                      .faq-intro .eyebrow{
                                                                                                                                                                                        margin-bottom:18px}
                                                                                                                                                                                        .faq-intro h2{
                                                                                                                                                                                          margin-bottom:18px}
                                                                                                                                                                                          .faq-intro>p:not(.eyebrow){
                                                                                                                                                                                            font-size:16px;
                                                                                                                                                                                            color:var(--muted);
                                                                                                                                                                                            margin-bottom:20px}
                                                                                                                                                                                            .faq-list details{
                                                                                                                                                                                              border-bottom:1px solid var(--line);
                                                                                                                                                                                              padding:0}
                                                                                                                                                                                              .faq-list details:first-child{
                                                                                                                                                                                                border-top:1px solid var(--line)}
                                                                                                                                                                                                .faq-list summary{
                                                                                                                                                                                                  list-style:none;
                                                                                                                                                                                                  cursor:pointer;
                                                                                                                                                                                                  padding:21px 36px 21px 0;
                                                                                                                                                                                                  font:23px/1.35 var(--serif);
                                                                                                                                                                                                  position:relative}
                                                                                                                                                                                                  .faq-list summary::-webkit-details-marker{
                                                                                                                                                                                                    display:none}
                                                                                                                                                                                                    .faq-list summary:after{
                                                                                                                                                                                                      content:"+";
                                                                                                                                                                                                      position:absolute;
                                                                                                                                                                                                      right:5px;
                                                                                                                                                                                                      top:18px;
                                                                                                                                                                                                      color:var(--clay);
                                                                                                                                                                                                      font:24px var(--sans);
                                                                                                                                                                                                      transition:transform .2s}
                                                                                                                                                                                                      .faq-list details[open] summary:after{
                                                                                                                                                                                                        transform:rotate(45deg)}
                                                                                                                                                                                                        .faq-list details p{
                                                                                                                                                                                                          margin:0;
                                                                                                                                                                                                          padding:0 40px 22px 0;
                                                                                                                                                                                                          font-size:15px;
                                                                                                                                                                                                          color:var(--muted);
                                                                                                                                                                                                          line-height:1.8;
                                                                                                                                                                                                          max-width:600px}
                                                                                                                                                                                                          .closing-cta{
                                                                                                                                                                                                            background:#e6d4c8;
                                                                                                                                                                                                            text-align:center;
                                                                                                                                                                                                            padding:var(--section-space) var(--gutter) 64px;
                                                                                                                                                                                                            position:relative;
                                                                                                                                                                                                            overflow:hidden}
                                                                                                                                                                                                            .closing-inner{
                                                                                                                                                                                                              max-width:760px;
                                                                                                                                                                                                              margin:auto;
                                                                                                                                                                                                              position:relative}
                                                                                                                                                                                                              .closing-flower{
                                                                                                                                                                                                                font-size:42px;
                                                                                                                                                                                                                display:block;
                                                                                                                                                                                                                color:var(--clay);
                                                                                                                                                                                                                margin-bottom:11px}
                                                                                                                                                                                                                .closing-inner .eyebrow{
                                                                                                                                                                                                                  margin-bottom:14px}
                                                                                                                                                                                                                  .closing-inner h2{
                                                                                                                                                                                                                    font-size:clamp(38px,5vw,64px)}
                                                                                                                                                                                                                    .closing-inner>p:not(.eyebrow){
                                                                                                                                                                                                                      color:var(--muted);
                                                                                                                                                                                                                      font-size:16px;
                                                                                                                                                                                                                      margin:19px 0 27px}
                                                                                                                                                                                                                      .closing-footnote{
                                                                                                                                                                                                                        display:block;
                                                                                                                                                                                                                        margin-top:42px;
                                                                                                                                                                                                                        font-size:11px;
                                                                                                                                                                                                                        letter-spacing:.12em;
                                                                                                                                                                                                                        color:#6d5142}
                                                                                                                                                                                                                        .site-footer{
                                                                                                                                                                                                                          min-height:110px;
                                                                                                                                                                                                                          max-width:var(--wrap);
                                                                                                                                                                                                                          padding:28px var(--gutter);
                                                                                                                                                                                                                          margin:auto;
                                                                                                                                                                                                                          display:flex;
                                                                                                                                                                                                                          align-items:center;
                                                                                                                                                                                                                          justify-content:space-between;
                                                                                                                                                                                                                          gap:20px;
                                                                                                                                                                                                                          color:var(--muted);
                                                                                                                                                                                                                          font-size:12px;
                                                                                                                                                                                                                          flex-wrap:wrap}
                                                                                                                                                                                                                          .footer-brand{
                                                                                                                                                                                                                            font-size:15px;
                                                                                                                                                                                                                            color:var(--ink)}
                                                                                                                                                                                                                            .footer-brand .brand-logo{
                                                                                                                                                                                                                              width:44px}
                                                                                                                                                                                                                              .footer-links{
                                                                                                                                                                                                                                display:flex;
                                                                                                                                                                                                                                gap:20px}
                                                                                                                                                                                                                                .footer-links a{
                                                                                                                                                                                                                                  text-decoration:none}
                                                                                                                                                                                                                                  .site-footer small{
                                                                                                                                                                                                                                    font-size:12px}
                                                                                                                                                                                                                                    .menu-toggle:focus-visible,.nav-main a:focus-visible,.button:focus-visible,.text-link:focus-visible,summary:focus-visible{
                                                                                                                                                                                                                                      outline:3px solid #b87552;
                                                                                                                                                                                                                                      outline-offset:4px}
                                                                                                                                                                                                                                      @media (max-width: 1000px){
                                                                                                                                                                                                                                        .nav-main{
                                                                                                                                                                                                                                          gap: 16px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero{
                                                                                                                                                                                                                                          gap: 28px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-art{
                                                                                                                                                                                                                                          height: 410px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-actions{
                                                                                                                                                                                                                                          gap: 16px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .lesson-card{
                                                                                                                                                                                                                                          padding: 24px 20px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                      @media (max-width: 900px){
                                                                                                                                                                                                                                        .site-header{
                                                                                                                                                                                                                                          min-height: 74px;
                                                                                                                                                                                                                                          flex-wrap: wrap;
                                                                                                                                                                                                                                          gap: 12px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .nav-main{
                                                                                                                                                                                                                                          width: 100%;
                                                                                                                                                                                                                                          flex-wrap: wrap;
                                                                                                                                                                                                                                          gap: 12px 20px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .menu-ready .menu-toggle{
                                                                                                                                                                                                                                          display: flex;
                                                                                                                                                                                                                                          width: 44px;
                                                                                                                                                                                                                                          height: 44px;
                                                                                                                                                                                                                                          background: transparent;
                                                                                                                                                                                                                                          border: 1px solid var(--line);
                                                                                                                                                                                                                                          align-items: center;
                                                                                                                                                                                                                                          justify-content: center;
                                                                                                                                                                                                                                          flex-direction: column;
                                                                                                                                                                                                                                          gap: 5px;
                                                                                                                                                                                                                                          border-radius: 50%;
                                                                                                                                                                                                                                          cursor: pointer;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .menu-toggle span{
                                                                                                                                                                                                                                          width: 17px;
                                                                                                                                                                                                                                          height: 1px;
                                                                                                                                                                                                                                          background: var(--ink);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .menu-ready .nav-main{
                                                                                                                                                                                                                                          display: none;
                                                                                                                                                                                                                                          position: absolute;
                                                                                                                                                                                                                                          width: auto;
                                                                                                                                                                                                                                          top: calc(100% - 4px);
                                                                                                                                                                                                                                          left: var(--gutter);
                                                                                                                                                                                                                                          right: var(--gutter);
                                                                                                                                                                                                                                          padding: 16px;
                                                                                                                                                                                                                                          background: #faf6f2;
                                                                                                                                                                                                                                          border: 1px solid var(--line);
                                                                                                                                                                                                                                          border-radius: 4px;
                                                                                                                                                                                                                                          box-shadow: 0 14px 30px #49372c20;
                                                                                                                                                                                                                                          flex-direction: column;
                                                                                                                                                                                                                                          align-items: stretch;
                                                                                                                                                                                                                                          gap: 0;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .menu-ready .nav-main.is-open{
                                                                                                                                                                                                                                          display: flex;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .menu-ready .nav-main > a{
                                                                                                                                                                                                                                          padding: 13px 8px;
                                                                                                                                                                                                                                          border-bottom: 1px solid var(--line);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .menu-ready .nav-main .nav-cta{
                                                                                                                                                                                                                                          margin-top: 12px;
                                                                                                                                                                                                                                          text-align: center;
                                                                                                                                                                                                                                          border: 1px solid var(--clay);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                      @media (max-width: 800px){
                                                                                                                                                                                                                                        .hero{
                                                                                                                                                                                                                                          grid-template-columns: minmax(0,1fr);
                                                                                                                                                                                                                                          padding-top: 34px;
                                                                                                                                                                                                                                          padding-bottom: 76px;
                                                                                                                                                                                                                                          gap: 36px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-copy{
                                                                                                                                                                                                                                          max-width: 580px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero h1{
                                                                                                                                                                                                                                          font-size: clamp(42px,8vw,64px);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-art{
                                                                                                                                                                                                                                          height: 420px;
                                                                                                                                                                                                                                          width: min(100% - 16px,400px);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-lede{
                                                                                                                                                                                                                                          max-width: 550px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-bottom{
                                                                                                                                                                                                                                          font-size: 10px;
                                                                                                                                                                                                                                          letter-spacing: .08em;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .intro-band{
                                                                                                                                                                                                                                          flex-direction: column;
                                                                                                                                                                                                                                          gap: 12px;
                                                                                                                                                                                                                                          padding: 28px var(--gutter);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .intro-band p{
                                                                                                                                                                                                                                          max-width: 520px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .intro-band span{
                                                                                                                                                                                                                                          font-size: 18px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .lesson-grid{
                                                                                                                                                                                                                                          grid-template-columns: minmax(0,1fr);
                                                                                                                                                                                                                                          gap: 14px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .lesson-card{
                                                                                                                                                                                                                                          min-height: 0;
                                                                                                                                                                                                                                          padding: 26px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .lesson-card h3{
                                                                                                                                                                                                                                          margin-top: 32px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .lesson-card p{
                                                                                                                                                                                                                                          max-width: 540px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .trial-banner{
                                                                                                                                                                                                                                          padding: 28px;
                                                                                                                                                                                                                                          align-items: flex-start;
                                                                                                                                                                                                                                          flex-direction: column;
                                                                                                                                                                                                                                          gap: 24px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .trial-spark{
                                                                                                                                                                                                                                          right: 0;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .about-inner{
                                                                                                                                                                                                                                          grid-template-columns: minmax(0,1fr);
                                                                                                                                                                                                                                          gap: 40px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .about-photo{
                                                                                                                                                                                                                                          height: 420px;
                                                                                                                                                                                                                                          max-width: 420px;
                                                                                                                                                                                                                                          width: 100%;
                                                                                                                                                                                                                                          margin: auto;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .about-copy > p:not(.eyebrow){
                                                                                                                                                                                                                                          max-width: 600px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .faq-section{
                                                                                                                                                                                                                                          grid-template-columns: minmax(0,1fr);
                                                                                                                                                                                                                                          gap: 32px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .site-footer{
                                                                                                                                                                                                                                          display: grid;
                                                                                                                                                                                                                                          grid-template-columns: 1fr 1fr;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .site-footer > span{
                                                                                                                                                                                                                                          grid-column: 1/-1;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .footer-links{
                                                                                                                                                                                                                                          flex-wrap: wrap;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                      @media (max-width: 420px){
                                                                                                                                                                                                                                        .brand{
                                                                                                                                                                                                                                          font-size: 16px;
                                                                                                                                                                                                                                          gap: 8px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero{
                                                                                                                                                                                                                                          padding-top: 28px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero h1{
                                                                                                                                                                                                                                          font-size: clamp(40px,11vw,46px);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-actions{
                                                                                                                                                                                                                                          flex-direction: column;
                                                                                                                                                                                                                                          align-items: stretch;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-actions .text-link{
                                                                                                                                                                                                                                          align-self: flex-start;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-art{
                                                                                                                                                                                                                                          height: 350px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .photo-frame{
                                                                                                                                                                                                                                          width: 82%;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .frame-sticker{
                                                                                                                                                                                                                                          font-size: 16px;
                                                                                                                                                                                                                                          padding: 10px 14px;
                                                                                                                                                                                                                                          right: -6%;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .frame-sticker i{
                                                                                                                                                                                                                                          font-size: 21px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .hero-bottom{
                                                                                                                                                                                                                                          letter-spacing: 0;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .scroll-mark{
                                                                                                                                                                                                                                          width: 28px;
                                                                                                                                                                                                                                          height: 28px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .section-heading h2,.about-copy h2,.faq-intro h2{
                                                                                                                                                                                                                                          font-size: clamp(33px,9vw,38px);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .closing-inner h2{
                                                                                                                                                                                                                                          font-size: clamp(36px,10vw,42px);
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .trial-banner{
                                                                                                                                                                                                                                          padding: 26px 22px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .trial-banner .button{
                                                                                                                                                                                                                                          width: 100%;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .about-photo{
                                                                                                                                                                                                                                          height: 370px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .faq-list summary{
                                                                                                                                                                                                                                          font-size: 21px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .faq-list details p{
                                                                                                                                                                                                                                          padding-right: 12px;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .site-footer{
                                                                                                                                                                                                                                          grid-template-columns: 1fr;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                        .site-footer > span{
                                                                                                                                                                                                                                          grid-column: auto;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                      }
                                                                                                                                                                                                                                      @media (prefers-reduced-motion: reduce){
                                                                                                                                                                                                                                        *,*::before,*::after{
                                                                                                                                                                                                                                          scroll-behavior: auto!important;
                                                                                                                                                                                                                                          transition: none!important;
                                                                                                                                                                                                                                          animation: none!important;
                                                                                                                                                                                                                                        }
                                                                                                                                                                                                                                      }