@import url('fonts.css');
  :root{
    --cream:#f6efe2; --cream-deep:#efe4d0; --ink:#2e2a24; --ink-soft:#5c5447;
    --teal:#1fa39a; --teal-deep:#15827b; --ocher:#e8c220; --terracotta:#e2542a;
    --rust:#c0331d; --pink:#ef5ba1; --blue:#1f93cf; --green:#7bc043; --night:#16322f;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{font-family:'Work Sans',sans-serif;background:var(--cream);color:var(--ink);line-height:1.6;overflow-x:hidden}
  body.page-home::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.05;mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
  h1,h2,h3{font-family:'Fraunces',serif;font-weight:500;line-height:1.1;letter-spacing:-.01em}
  .hand{font-family:'Caveat',cursive}
  .wrap{max-width:1120px;margin:0 auto;padding:0 28px}
  section{position:relative}

  nav{position:sticky;top:0;z-index:100;background:rgba(246,239,226,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--cream-deep)}
  nav .wrap{display:flex;align-items:center;justify-content:space-between;height:64px}
  .logo{font-family:'Fraunces',serif;font-size:1.5rem;font-weight:600;letter-spacing:.04em}
  .logo span{color:var(--terracotta)}
  .nav-cta{background:var(--rust);color:var(--cream);text-decoration:none;padding:9px 20px;border-radius:40px;font-weight:600;font-size:.92rem;transition:transform .2s,background .2s}
  .nav-cta:hover{transform:translateY(-2px);background:var(--terracotta)}

  .hero{padding:60px 0 30px;overflow:hidden}
  .hero .wrap{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}
  .kicker{font-family:'Caveat',cursive;font-size:1.6rem;color:var(--terracotta);transform:rotate(-2deg);display:inline-block;margin-bottom:4px}
  .hero h1{font-size:clamp(3.2rem,8vw,6rem);margin-bottom:6px;color:var(--teal-deep)}
  .hero h1 em{font-style:italic;color:var(--rust)}
  .subtitle{font-size:1.3rem;color:var(--ink-soft);font-family:'Fraunces',serif;font-style:italic;margin-bottom:22px}
  .catchline{font-size:1.18rem;max-width:32ch;margin-bottom:28px}
  .btn-row{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
  .btn{background:var(--rust);color:var(--cream);text-decoration:none;padding:15px 32px;border-radius:46px;font-weight:600;font-size:1.05rem;border:none;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 6px 0 rgba(120,30,15,.3)}
  .btn:hover{transform:translateY(-3px);box-shadow:0 9px 0 rgba(120,30,15,.3)}
  .btn:active{transform:translateY(2px);box-shadow:0 2px 0 rgba(120,30,15,.3)}
  .hero-link{color:var(--rust);font-weight:700;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px;padding:10px 6px;border-radius:10px;transition:background .2s,color .2s}
  .hero-link:hover{background:rgba(226,84,42,.08);color:var(--terracotta)}
  .price-tag{font-family:'Caveat',cursive;font-size:1.35rem;color:var(--teal-deep);margin-top:14px}
  .hero-art{position:relative;display:flex;justify-content:center;align-items:flex-end;min-height:460px}
  .hero-art .blob{position:absolute;z-index:0}
  .hero-art .blob.pink{width:230px;height:230px;background:#f8d3e6;border-radius:48% 52% 60% 40%/50% 45% 55% 50%;top:10px;right:30px}
  .hero-art .blob.teal{width:180px;height:180px;background:#bfe6e2;border-radius:55% 45% 50% 50%/45% 55% 45% 55%;bottom:30px;left:10px}
  .hero-art picture{position:relative;z-index:2;display:block}
  .hero-art img{position:relative;z-index:2;max-height:460px;width:auto;filter:drop-shadow(0 14px 22px rgba(0,0,0,.12))}
  .coin{position:absolute;width:46px;height:46px;background:var(--ocher);border-radius:50%;display:grid;place-items:center;z-index:1}
  .coin::after{content:"";width:18px;height:18px;background:var(--blue);transform:rotate(45deg)}

  .parade{background:var(--teal);padding:20px 0;overflow:hidden;border-top:3px solid var(--ocher);border-bottom:3px solid var(--ocher)}
  .parade-track{display:flex;gap:54px;align-items:center;width:max-content;animation:march 34s linear infinite}
  @keyframes march{to{transform:translateX(-50%)}}
  .parade-item{display:flex;align-items:center;gap:12px;color:var(--cream);font-family:'Fraunces',serif;font-style:italic;font-size:1.12rem;white-space:nowrap}
  .dot{width:14px;height:14px;border-radius:50%;background:var(--ocher);flex-shrink:0}
  .dot.p{background:var(--pink)} .dot.g{background:var(--green)} .dot.b{background:var(--blue)}

  .intro{padding:78px 0 20px;text-align:center}
  .intro h2{font-size:clamp(1.9rem,4vw,2.9rem);margin-bottom:20px;max-width:20ch;margin-inline:auto}
  .intro p{max-width:58ch;margin:0 auto 16px;font-size:1.1rem;color:var(--ink-soft)}
  .throughline{font-family:'Caveat',cursive;font-size:1.9rem;color:var(--terracotta);margin-top:22px;transform:rotate(-1.5deg);display:inline-block}

  .inside{padding:56px 0}
  .inside-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}
  .card{background:#fff;border-radius:18px;padding:30px 26px;position:relative;transition:transform .25s;border:1px solid rgba(0,0,0,.05);box-shadow:0 8px 20px rgba(0,0,0,.04)}
  .card:hover{transform:translateY(-6px)}
  .card .num{font-family:'Fraunces',serif;font-size:2.4rem;line-height:1;margin-bottom:12px}
  .card:nth-child(1) .num{color:var(--green)} .card:nth-child(2) .num{color:var(--ocher)} .card:nth-child(3) .num{color:var(--terracotta)}
  .card h3{font-size:1.3rem;margin-bottom:8px}
  .card p{font-size:.98rem;color:var(--ink-soft)}
  .preview{margin-top:52px}
  .preview-head{text-align:center;margin-bottom:28px}
  .preview-head h3{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:10px;color:var(--teal-deep)}
  .preview-head p{max-width:52ch;margin:0 auto;color:var(--ink-soft)}
  .preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .preview-card{appearance:none;border:none;background:transparent;text-align:left;cursor:pointer;color:inherit;font:inherit;border-radius:18px}
  .preview-frame{display:block;position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:16px;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 10px 24px rgba(0,0,0,.08);transition:transform .25s,box-shadow .25s}
  .preview-card:hover .preview-frame{transform:translateY(-5px) rotate(-1deg);box-shadow:0 16px 30px rgba(0,0,0,.12)}
  .preview-card:disabled{cursor:not-allowed}
  .preview-card:disabled .preview-frame{box-shadow:none;opacity:.78}
  .preview-card:disabled:hover .preview-frame{transform:none}
  .preview-frame img{width:100%;height:100%;object-fit:cover;display:block}
  .preview-missing{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:22px;background:#fffaf1;color:var(--ink-soft);font-size:.92rem;line-height:1.45}
  .preview-card:not(.missing) .preview-missing{display:none}
  .preview-card.missing img{display:none}
  .preview-caption{display:block;margin-top:10px;font-size:.88rem;color:var(--ink-soft);text-align:center}

  .topics-wrap{padding:30px 0}
  .topics{background:var(--night);color:var(--cream);padding:74px 0;border-radius:36px;position:relative;overflow:hidden}
  .topics .oogfig{position:absolute;right:-30px;bottom:-10px;width:300px;opacity:.96;z-index:1}
  .topics .oogfig img{width:100%;display:block}
  .topics .inner{position:relative;z-index:2}
  .topics h2{font-size:clamp(2rem,4vw,2.8rem);text-align:center;margin-bottom:12px;color:var(--cream)}
  .topics .lead{text-align:center;max-width:54ch;margin:0 auto 40px;color:rgba(246,239,226,.72)}
  .chips{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:820px;margin:0 auto}
  .chip{background:rgba(246,239,226,.08);border:1px solid rgba(246,239,226,.2);padding:10px 20px;border-radius:40px;font-size:.95rem;transition:background .2s,color .2s,transform .2s}
  .chip:hover{background:var(--ocher);color:var(--night);transform:translateY(-2px)}

  .audiences{padding:64px 0}
  .audiences>.wrap>h2{font-size:clamp(2rem,4vw,2.8rem);text-align:center;margin-bottom:8px}
  .audiences>.wrap>.lead{text-align:center;max-width:50ch;margin:0 auto 40px;color:var(--ink-soft)}
  .aud{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:start;padding:32px 0;border-top:1px solid rgba(0,0,0,.1)}
  .aud-badge{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;flex-shrink:0;font-family:'Fraunces',serif;font-size:1.9rem;color:#fff}
  .aud:nth-child(3) .aud-badge{background:var(--terracotta)} .aud:nth-child(4) .aud-badge{background:var(--teal)} .aud:nth-child(5) .aud-badge{background:var(--green)}
  .aud h3{font-size:1.45rem;margin-bottom:4px}
  .aud .role{font-family:'Caveat',cursive;font-size:1.3rem;color:var(--terracotta);margin-bottom:10px}
  .aud p{color:var(--ink-soft);max-width:60ch;margin-bottom:10px}
  .aud .quote{font-family:'Fraunces',serif;font-style:italic;font-size:1.08rem;color:var(--ink);border-left:3px solid var(--ocher);padding-left:16px}

  .meet{padding:30px 0 64px}
  .meet .wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center;background:#fff;border-radius:30px;padding:40px;box-shadow:0 10px 30px rgba(0,0,0,.05)}
  .meet picture{width:100%;max-width:300px;justify-self:center}
  .meet img{width:100%;max-width:300px;justify-self:center}
  .meet h2{font-size:clamp(1.8rem,3.5vw,2.5rem);margin-bottom:14px}
  .meet p{color:var(--ink-soft);margin-bottom:12px;font-size:1.05rem}

  .faq{padding:14px 0 50px}
  .faq h2{font-size:clamp(1.9rem,3.8vw,2.7rem);max-width:18ch;margin-bottom:24px;color:var(--teal-deep)}
  .faq-list{display:grid;gap:12px}
  .faq details{background:#fff;border:1px solid var(--cream-deep);border-radius:16px;padding:0 20px;box-shadow:0 8px 20px rgba(0,0,0,.04)}
  .faq summary{cursor:pointer;list-style:none;font-weight:700;color:var(--ink);padding:18px 28px 18px 0;position:relative}
  .faq summary::-webkit-details-marker{display:none}
  .faq summary::after{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);font-family:'Fraunces',serif;font-size:1.5rem;color:var(--rust)}
  .faq details[open] summary::after{content:"-"}
  .faq details p{color:var(--ink-soft);padding:0 0 18px;margin:0;max-width:70ch}

  .order-wrap{padding:20px 0 64px}
  .order{background:var(--ocher);border-radius:36px;padding:60px 0;text-align:center;position:relative;overflow:hidden}
  .order h2{font-size:clamp(2.1rem,5vw,3.2rem);color:var(--ink);margin-bottom:14px}
  .order p{max-width:46ch;margin:0 auto 12px;color:var(--ink);font-size:1.1rem}
  .order .price{font-family:'Fraunces',serif;font-size:2.6rem;margin:16px 0;color:var(--rust)}
  .order .btn{background:var(--rust);font-size:1.2rem;padding:18px 44px;box-shadow:0 6px 0 rgba(90,20,10,.35)}
  .order .note{font-size:.9rem;color:rgba(46,42,36,.72);margin-top:18px}

  footer{padding:48px 0 40px;text-align:center;color:var(--ink-soft);font-size:.92rem}
  footer .logo{display:block;margin-bottom:10px;font-size:1.8rem}
  footer a{color:var(--rust);text-decoration:none}
  footer a:hover{text-decoration:underline;text-underline-offset:3px}
  .foot-links{margin-top:14px;font-weight:600}
  .foot-legal{margin-top:22px;padding-top:18px;border-top:1px solid var(--cream-deep);font-size:.86rem;line-height:1.8;color:var(--ink-soft)}
  .foot-legal p{margin:0}
  .sep{margin:0 8px;opacity:.5}

  .modal-bg{position:fixed;inset:0;background:rgba(22,50,47,.55);backdrop-filter:blur(3px);z-index:1000;display:none;place-items:center;padding:20px}
  .modal-bg.open{display:grid}
  .modal{background:var(--cream);border-radius:24px;max-width:440px;width:100%;padding:38px 34px;position:relative;box-shadow:0 30px 60px rgba(0,0,0,.3)}
  .modal h3{font-size:1.7rem;margin-bottom:6px}
  .modal p{color:var(--ink-soft);margin-bottom:18px;font-size:.97rem}
  .modal label{display:block;font-weight:600;font-size:.9rem;margin:13px 0 6px}
  .modal-summary{background:#fff;border:1px solid var(--cream-deep);border-radius:16px;padding:16px 18px;margin:18px 0;color:var(--ink)}
  .modal-summary strong{display:block;font-family:'Fraunces',serif;font-size:1.3rem;color:var(--rust);margin-bottom:4px}
  .modal-summary span{display:block;font-size:.9rem;color:var(--ink-soft);line-height:1.5}
  .modal .btn{width:100%;margin-top:10px;display:flex;justify-content:center}
  .modal-close{position:absolute;top:16px;right:18px;background:none;border:none;font-size:1.6rem;cursor:pointer;color:var(--ink-soft);line-height:1}
  .terms-check{display:grid;grid-template-columns:18px 1fr;gap:10px;align-items:start;margin-top:14px;font-size:.82rem;color:var(--ink-soft);line-height:1.45}
  .terms-check input{width:18px;height:18px;margin-top:1px;accent-color:var(--rust)}
  .terms-check a{color:var(--rust)}
  .modal-note{font-size:.82rem;color:var(--ink-soft);margin-top:14px;text-align:center}
  .modal-error{color:var(--rust);font-weight:600;font-size:.88rem;margin:10px 0 0}
  .modal-error[hidden]{display:none}
  .preview-lightbox{position:fixed;inset:0;z-index:1200;background:rgba(22,50,47,.82);backdrop-filter:blur(5px);display:none;place-items:center;padding:22px}
  .preview-lightbox.open{display:grid}
  .preview-lightbox-inner{position:relative;width:min(900px,100%);max-height:92vh;display:grid;grid-template-columns:52px 1fr 52px;gap:14px;align-items:center}
  .preview-lightbox figure{min-width:0;text-align:center}
  .preview-lightbox img{max-width:100%;max-height:82vh;border-radius:12px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.38)}
  .preview-lightbox figcaption{margin-top:10px;color:var(--cream);font-weight:600}
  .lightbox-btn{border:none;background:rgba(246,239,226,.92);color:var(--rust);width:52px;height:52px;border-radius:50%;font-size:1.9rem;line-height:1;cursor:pointer;display:grid;place-items:center;box-shadow:0 8px 18px rgba(0,0,0,.18)}
  .lightbox-close{position:absolute;top:-12px;right:-12px}
  .lightbox-btn:hover{background:#fff}

  .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
  a:focus-visible,button:focus-visible,.preview-card:focus-visible .preview-frame{outline:3px solid var(--blue);outline-offset:4px}
  .modal-close:focus-visible,.lightbox-btn:focus-visible{outline-color:var(--ocher)}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
  .reveal.in{opacity:1;transform:none}

  @media(prefers-reduced-motion:reduce){
    html{scroll-behavior:auto}
    *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
    .btn:hover,.nav-cta:hover,.card:hover,.chip:hover,.preview-card:hover .preview-frame{transform:none}
  }

  @media(max-width:820px){
    .hero .wrap{grid-template-columns:1fr}
    .hero-art{min-height:340px;order:-1}
    .hero-art img{max-height:340px}
    .inside-grid{grid-template-columns:1fr}
    .preview-grid{grid-template-columns:1fr 1fr}
    .preview-lightbox-inner{grid-template-columns:44px 1fr 44px;gap:8px}
    .lightbox-btn{width:44px;height:44px;font-size:1.55rem}
    .aud{grid-template-columns:1fr;gap:12px}
    .aud-badge{width:60px;height:60px;font-size:1.5rem}
    .topics{border-radius:24px} .topics .oogfig{width:180px;opacity:.5}
    .meet .wrap{grid-template-columns:1fr;text-align:center}
  }
  @media(max-width:520px){
    .preview-grid{grid-template-columns:1fr}
    .preview-lightbox{padding:12px}
    .preview-lightbox-inner{grid-template-columns:1fr;gap:10px}
    .preview-lightbox img{max-height:72vh}
    .lightbox-prev,.lightbox-next{position:absolute;top:50%;transform:translateY(-50%)}
    .lightbox-prev{left:8px}.lightbox-next{right:8px}
    .lightbox-close{top:8px;right:8px}
  }

/* Document and form pages */
body.page-doc,body.page-form{line-height:1.7}
body.page-doc .wrap,body.page-form .wrap{max-width:760px}
body.page-doc nav .wrap,body.page-form nav .wrap{max-width:1120px}
nav .logo{text-decoration:none;color:var(--ink)}
.nav-back{color:var(--rust);text-decoration:none;font-weight:600;font-size:.92rem}
.nav-back:hover{text-decoration:underline;text-underline-offset:3px}
.page-doc main,.page-form main{padding:60px 0 70px}
.page-doc h1,.page-doc h2,.page-doc h3,.page-form h1,.page-form h2,.page-form h3{line-height:1.15;letter-spacing:0}
.page-doc .kicker,.page-form .kicker{font-family:'Caveat',cursive;font-size:1.5rem;color:var(--terracotta);display:inline-block;transform:rotate(-2deg)}
.page-doc h1,.page-form h1{font-size:clamp(2.2rem,5vw,3rem);margin:6px 0 10px}
.intro-note{background:#fff;border-left:4px solid var(--ocher);border-radius:0 12px 12px 0;padding:18px 22px;margin:24px 0 36px;font-size:.96rem;color:var(--ink-soft)}
.page-form .intro-note{margin-bottom:28px}
.intro-note b{color:var(--ink)}
.page-doc main h2,.page-form main h2{font-size:1.4rem;margin:34px 0 10px;color:var(--rust)}
.page-doc main p,.page-form main p{margin-bottom:14px;color:var(--ink-soft)}
.page-doc main a,.page-form main a{color:var(--rust)}
.page-doc ul{margin:0 0 16px 20px;color:var(--ink-soft)}
.page-doc li{margin-bottom:8px}
.meta{margin-top:40px;padding-top:20px;border-top:1px solid var(--cream-deep);font-size:.86rem;line-height:1.8}
.page-form .meta{margin-top:34px}
.meta a{color:var(--rust)}
body.page-doc footer,body.page-form footer{padding:40px 0;border-top:1px solid var(--cream-deep)}
body.page-doc footer a,body.page-form footer a{color:var(--rust);text-decoration:none}
.form-card{background:#fff;border:1px solid var(--cream-deep);border-radius:16px;padding:24px;margin:26px 0;box-shadow:0 10px 24px rgba(0,0,0,.04)}
.form-card label{display:block;font-weight:600;margin:16px 0 6px;color:var(--ink)}
.hint{display:block;font-weight:400;font-size:.84rem;color:var(--ink-soft);margin-top:2px}
.form-card input,.form-card textarea{width:100%;border:1px solid var(--cream-deep);border-radius:12px;background:#fffaf1;color:var(--ink);font:inherit;padding:12px 14px;outline:none}
.form-card textarea{min-height:108px;resize:vertical}
.form-card input:focus,.form-card textarea:focus{border-color:var(--rust);box-shadow:0 0 0 3px rgba(192,51,29,.12)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.page-form .btn{display:inline-flex;justify-content:center;align-items:center;width:100%;margin-top:22px;font-size:1rem;padding:15px 24px;font-weight:700}
.page-form .btn:hover{background:var(--terracotta)}
.result{background:#fff7d8;border-left:4px solid var(--ocher);border-radius:0 12px 12px 0;padding:16px 18px;margin-top:18px;color:var(--ink-soft)}
.result[hidden]{display:none}
@media(max-width:620px){.grid{grid-template-columns:1fr}.form-card{padding:20px}}