@import url('https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Source+Serif+4:opsz,wght@8..60,300;8..60,400;8..60,500;8..60,600&display=swap');

:root{
  --paper:#f6f1e7;
  --ink:#252822;
  --forest:#314b3d;
  --sage:#8f9a89;
  --clay:#cfc8be;
  --earth:#6f583d;
  --stone:#4f596c;
  --grid:rgba(49,75,61,.075);
  --lined:#faf7ef;
  --tape:rgba(218,203,166,.76);
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;color:var(--ink);font-family:"Source Serif 4",Georgia,serif;
  background:
    linear-gradient(var(--grid) 1px,transparent 1px),
    linear-gradient(90deg,var(--grid) 1px,transparent 1px),
    var(--paper);
  background-size:24px 24px;
}
a{color:inherit}
img{max-width:100%;display:block}
.gochi{font-family:"Gochi Hand","Chalkboard SE","Marker Felt",cursive;font-weight:400}
.eyebrow{font:600 .75rem/1.2 system-ui,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--forest)}
.site-shell{max-width:var(--max);margin:0 auto}
.site-menu-wrap{position:absolute;z-index:30;right:clamp(15px,3vw,36px);top:20px;text-align:center}
.logo-menu-button{appearance:none;border:0;background:none;padding:0;cursor:pointer;color:inherit}
.logo-menu-button .chev{display:block;color:var(--forest);font:700 26px/1 system-ui,sans-serif;text-shadow:0 1px 6px rgba(0,0,0,.4);margin-bottom:3px}
.logo-menu-button img{width:clamp(128px,16vw,190px);opacity:1;filter:brightness(0) saturate(100%) invert(27%) sepia(15%) saturate(780%) hue-rotate(101deg) brightness(88%) contrast(88%)}
.menu-panel{
  position:absolute;right:0;top:115px;width:min(300px,82vw);padding:22px 24px;
  background:rgba(246,241,231,.98);border-radius:18px;box-shadow:0 14px 45px rgba(37,40,34,.18);
  text-align:left;opacity:0;visibility:hidden;transform:translateY(-8px);transition:.18s ease;
}
.menu-panel.open{opacity:1;visibility:visible;transform:none}
.menu-panel a{display:block;text-decoration:none;padding:8px 0;font-size:1.12rem}
.menu-panel .menu-section{display:block;padding:8px 0 2px;font-size:1.12rem}
.menu-panel .menu-sub{padding-left:16px;font-size:1rem}
.menu-panel .socials{border-top:1px solid rgba(49,75,61,.18);margin-top:12px;padding-top:12px;display:flex;gap:18px}
.menu-panel .socials a{font-size:.95rem;color:var(--forest)}
.menu-close{position:absolute;right:14px;top:11px;border:0;background:none;font-size:24px;color:var(--forest);cursor:pointer}
.button{
  display:inline-flex;align-items:center;justify-content:center;min-height:50px;
  padding:12px 22px;border-radius:999px;background:var(--forest);color:var(--paper);
  text-decoration:none;font-weight:600;font-size:1rem;text-align:center;
}
.footer{text-align:center;padding:40px 18px 64px}
.footer-logo{width:170px;margin:0 auto 10px}
.footer-tag{font:500 .72rem/1.4 system-ui,sans-serif;letter-spacing:.16em;color:var(--forest)}
.footer-nav{display:flex;flex-wrap:wrap;gap:10px 20px;justify-content:center;margin:22px auto 0}
.footer-nav a{text-decoration:none}
.footer-social{margin-top:15px;display:flex;justify-content:center;gap:18px;color:var(--forest)}
/* Home */
.hero{position:relative;min-height:min(840px,88vh);overflow:hidden;background:#20271f}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:32% 60%}
.hero-card{
  position:absolute;right:clamp(14px,3vw,34px);bottom:clamp(18px,4vw,42px);
  width:min(430px,43vw);background:rgba(246,241,231,.97);border-radius:18px;
  padding:clamp(22px,3vw,34px)
}
.hero-card h1{margin:0 0 18px;color:var(--forest);font-size:clamp(2rem,4.2vw,4.25rem);line-height:.98;font-weight:600}
.hero-card p{font-size:clamp(.98rem,1.45vw,1.2rem);line-height:1.45}
.hero-card .button{width:100%;white-space:nowrap;text-align:center}
.hero-micro{text-align:center;margin:9px 0 0!important;font-size:.91rem!important;line-height:1.28!important}
.home-section{padding:clamp(48px,7vw,86px) clamp(18px,6vw,72px)}
.scrap{
  position:relative;background:var(--lined);max-width:1030px;margin:0 auto;padding:clamp(32px,4vw,48px);
  background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 38px,rgba(143,154,137,.23) 39px,transparent 40px);
  border:1px solid rgba(49,75,61,.10);border-radius:2px;box-shadow:0 8px 22px rgba(37,40,34,.045);
}
.scrap:before,.note:before{display:none!important;content:none!important}
.rcy-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(270px,.8fr);gap:38px;align-items:stretch}
.rcy-copy{display:flex;flex-direction:column}
.rcy-copy .eyebrow{text-align:center;margin:0 0 9px}
.rcy-copy h2{text-align:center;font-size:clamp(2.4rem,4.2vw,4rem);line-height:.98;margin:0 0 18px}
.rcy-copy p{font-size:1.08rem;line-height:1.5;margin:.52rem 0}
.rcy-em{font-weight:600;color:var(--forest)}
.rcy-actions{margin-top:auto;text-align:center;padding-top:16px}
.rcy-actions .small{font-size:.93rem;color:var(--earth);margin:9px 0 0}
.rcy-photo{width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center 44%;border-radius:12px}
.note{
  position:relative;width:min(550px,88vw);margin:10px auto 0;background:var(--lined);padding:24px 32px;text-align:center;
  border:1px solid rgba(49,75,61,.10);border-radius:2px;box-shadow:0 6px 18px rgba(37,40,34,.035);
}
.note p{font-family:"Gochi Hand",cursive;font-size:clamp(1.65rem,3vw,2.45rem);line-height:1.04;margin:0}
.note p + p{color:var(--forest);margin-top:3px}
.about{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:48px;align-items:center;max-width:1030px;margin:0 auto}
.about img{width:100%;height:100%;max-height:560px;object-fit:cover;object-position:center 42%;border-radius:8px}
.about h2{font-size:clamp(2.7rem,4.4vw,4.5rem);margin:.35rem 0 .85rem;line-height:1}
.about p{font-size:1.04rem;line-height:1.56;margin:.65rem 0}
.story-link{color:var(--forest);font-weight:600;text-decoration:none}
.pillars{text-align:center;padding-top:28px}
.pentagon-wrap{max-width:850px;margin:25px auto 0}
.pentagon{width:100%;height:auto;overflow:visible}
.pillar-group{cursor:pointer;transform-box:fill-box;transform-origin:center;transition:transform .2s ease,filter .2s ease}
.pillar-label{font-family:"Gochi Hand",cursive !important;font-size:27px;font-weight:400;font-style:normal;fill:#fff9ec;paint-order:stroke;stroke:rgba(25,30,25,.55);stroke-width:2px;stroke-linejoin:round}
.coming{font-family:"Source Serif 4",serif;font-size:12px;font-style:italic;fill:#fff9ec;opacity:0;transition:opacity .18s ease;paint-order:stroke;stroke:rgba(25,30,25,.62);stroke-width:1.25px}
@media (hover:hover){.pillar-group:hover{transform:scale(1.045);filter:drop-shadow(0 9px 10px rgba(37,40,34,.22))}.pillar-group:hover .coming{opacity:1}}
.pillar-group.active{transform:scale(1.045);filter:drop-shadow(0 9px 10px rgba(37,40,34,.22))}
.pillar-group.active .coming{opacity:1}
/* story */
.inner-header{position:relative;min-height:150px}
.inner-header .site-menu-wrap{position:fixed;right:18px;top:12px}
.inner-header .logo-menu-button img{filter:none;width:135px}
.inner-header .logo-menu-button .chev{color:var(--forest);text-shadow:none}
.story-page{max-width:850px;margin:0 auto;padding:10px 24px 90px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(1.08rem,2vw,1.35rem);line-height:1.62}
.story-page h1{text-align:center;color:var(--forest);font-size:clamp(2.8rem,5vw,4.9rem);line-height:1;margin:10px 0 45px}
.story-page h2{font-family:"Gochi Hand",cursive;font-weight:400;color:var(--forest);font-size:clamp(2.15rem,4vw,3.4rem);line-height:1.05;margin:50px 0 22px}
.story-page p{margin:0 0 22px}
.story-page .emphasis{font-family:"Gochi Hand",cursive;font-weight:400;font-size:1.28em;line-height:1.35;color:var(--forest)}
.story-page .over-link{display:block;text-align:center;margin:58px auto 0;color:var(--forest);font-size:1.2em;text-decoration:none}
.overshare{min-height:100vh;display:grid;place-items:center;padding:120px 24px 80px;text-align:center}
.overshare-inner{max-width:650px}
.overshare-logo{width:min(320px,70vw);margin:0 auto 35px}
.overshare h1{font-family:"Gochi Hand",cursive;color:var(--forest);font-size:clamp(2.5rem,6vw,4.7rem);line-height:1.04;font-weight:400;margin:0}
@media(max-width:760px){
  .hero{min-height:760px}
  .hero-photo{object-position:25% 58%}
  .hero-card{width:57%;right:8px;bottom:14px;padding:20px}
  .hero-card h1{font-size:2rem}
  .hero-card p{font-size:.94rem}
  .hero-card .button{font-size:.9rem;padding-inline:12px}
  .mobile-rhythm{display:block}
  .logo-menu-button img{width:125px}
  .menu-panel{top:100px}
  .home-section{padding:52px 18px}
  .rcy-grid{grid-template-columns:1fr;gap:24px}
  .rcy-photo{min-height:0;height:auto;aspect-ratio:4/5}
  .about{grid-template-columns:1fr;gap:28px}
  .about img{max-height:470px}
  .pillar-label{font-size:23px}
  .coming{font-size:11px}
}

@media(min-width:761px){br.mobile-rhythm{display:none}}
\n\n


/* V30 — targeted corrections from desktop + print-card review */
/* Straight paper edges: no faux torn/wavy cuts and no faux tape. */
.scrap,.note{clip-path:none!important}
.scrap::before,.scrap::after,.note::before,.note::after{display:none!important;content:none!important}

/* Keep button typography as approved. */
.hero-card .button,.rcy-actions .button{font-family:"Gochi Hand","Chalkboard SE","Marker Felt",cursive;font-weight:400;font-size:1.12rem;letter-spacing:.01em}
.rcy-copy p{line-height:1.52}
.rcy-actions .small{line-height:1.35}
.about h2{margin-bottom:.25rem}
.about-eyebrow{margin:0 0 1rem}

/* Pentagon: exactly 20% larger than the pre-enlarged baseline, centered. */
.pentagon-wrap{width:120%;max-width:1236px;position:relative;left:50%;transform:translateX(-50%);margin-top:8px}

@media(min-width:761px){
  .hero{min-height:760px;max-height:820px}
  .hero-photo{object-position:50% 64%}
  /* Logo/menu stays in its own top-right zone, clear of the hero copy card. */
  .site-menu-wrap{top:24px;right:24px}
  .logo-menu-button img{width:142px}
  .menu-panel{top:102px}
  /* Fixed, compact desktop card so it cannot grow into the logo/menu area. */
  .hero-card{width:360px;right:30px;bottom:28px;padding:24px 26px}
  .hero-card h1{font-size:2.28rem;line-height:1.02;margin-bottom:14px}
  .hero-card p{font-size:1rem;line-height:1.38;margin:.7rem 0}
  .hero-card .button{min-height:46px;font-size:1.04rem;padding:10px 18px}
  .hero-micro{font-size:.86rem!important;line-height:1.22!important;margin-top:8px!important}
  .pillars{padding-top:18px;padding-bottom:90px}
}
@media(max-width:760px){
  .site-menu-wrap{top:30px}
  .hero-photo{object-position:44% 64%}
  .pillars{padding-top:18px;padding-bottom:92px}
  .pentagon-wrap{width:120%;max-width:none;margin-top:8px}
}

/* V31 — restore deliberate torn-paper + realistic tape treatment */
.scrap,.note{
  border:0!important;
  border-radius:0!important;
  clip-path:polygon(0 1.2%,1.2% .3%,2.5% 1.1%,3.8% .25%,5.2% 1%,6.6% .2%,8% .9%,9.5% .15%,11% 1%,12.5% .25%,14% .9%,15.5% .15%,17% 1%,18.5% .25%,20% .95%,21.5% .2%,23% .9%,24.5% .15%,26% 1%,27.5% .25%,29% .9%,30.5% .15%,32% 1%,33.5% .2%,35% .9%,36.5% .15%,38% 1%,39.5% .2%,41% .9%,42.5% .15%,44% 1%,45.5% .2%,47% .9%,48.5% .15%,50% 1%,51.5% .2%,53% .9%,54.5% .15%,56% 1%,57.5% .2%,59% .9%,60.5% .15%,62% 1%,63.5% .2%,65% .9%,66.5% .15%,68% 1%,69.5% .2%,71% .9%,72.5% .15%,74% 1%,75.5% .2%,77% .9%,78.5% .15%,80% 1%,81.5% .2%,83% .9%,84.5% .15%,86% 1%,87.5% .2%,89% .9%,90.5% .15%,92% 1%,93.5% .2%,95% .9%,96.5% .15%,98% 1%,100% .25%,99.2% 99%,97.8% 99.7%,96.3% 99%,94.8% 99.8%,93.3% 99.1%,91.8% 99.75%,90.3% 99%,88.8% 99.8%,87.3% 99.1%,85.8% 99.75%,84.3% 99%,82.8% 99.8%,81.3% 99.1%,79.8% 99.75%,78.3% 99%,76.8% 99.8%,75.3% 99.1%,73.8% 99.75%,72.3% 99%,70.8% 99.8%,69.3% 99.1%,67.8% 99.75%,66.3% 99%,64.8% 99.8%,63.3% 99.1%,61.8% 99.75%,60.3% 99%,58.8% 99.8%,57.3% 99.1%,55.8% 99.75%,54.3% 99%,52.8% 99.8%,51.3% 99.1%,49.8% 99.75%,48.3% 99%,46.8% 99.8%,45.3% 99.1%,43.8% 99.75%,42.3% 99%,40.8% 99.8%,39.3% 99.1%,37.8% 99.75%,36.3% 99%,34.8% 99.8%,33.3% 99.1%,31.8% 99.75%,30.3% 99%,28.8% 99.8%,27.3% 99.1%,25.8% 99.75%,24.3% 99%,22.8% 99.8%,21.3% 99.1%,19.8% 99.75%,18.3% 99%,16.8% 99.8%,15.3% 99.1%,13.8% 99.75%,12.3% 99%,10.8% 99.8%,9.3% 99.1%,7.8% 99.75%,6.3% 99%,4.8% 99.8%,3.3% 99.1%,1.8% 99.75%,0 99%);
  overflow:visible;
}
.scrap::before,.note::before{
  display:block!important;content:""!important;position:absolute;z-index:4;
  width:112px;height:28px;left:50%;top:-10px;transform:translateX(-50%) rotate(-2.2deg);
  background:linear-gradient(90deg,rgba(205,190,151,.54),rgba(231,219,183,.70) 18%,rgba(213,198,158,.58) 52%,rgba(237,224,187,.68) 82%,rgba(202,187,149,.52));
  border-left:1px solid rgba(133,116,79,.12);border-right:1px solid rgba(133,116,79,.12);
  box-shadow:0 2px 4px rgba(55,48,35,.13),inset 0 1px rgba(255,255,255,.42);
  opacity:.86;
  clip-path:polygon(0 8%,5% 0,10% 7%,16% 1%,22% 8%,29% 0,36% 7%,43% 1%,50% 8%,57% 0,64% 7%,71% 1%,78% 8%,85% 0,91% 7%,96% 1%,100% 8%,99% 92%,94% 100%,88% 93%,81% 99%,74% 92%,67% 100%,60% 93%,53% 99%,46% 92%,39% 100%,32% 93%,25% 99%,18% 92%,11% 100%,5% 93%,0 98%);
}
.scrap::after,.note::after{
  display:block!important;content:""!important;position:absolute;z-index:5;pointer-events:none;
  width:112px;height:28px;left:50%;top:-10px;transform:translateX(-50%) rotate(-2.2deg);
  background:repeating-linear-gradient(92deg,transparent 0 8px,rgba(255,255,255,.13) 9px 10px,transparent 11px 17px);
  opacity:.65;
}

/* Print card: exactly two lines — "Take a moment to" / "Re-Compose Yourself." */
@media print{
  .print-card-invite>span{display:block!important;white-space:nowrap!important;font-size:10pt!important;letter-spacing:-.1px}
  .print-card-invite>strong{display:block!important;white-space:nowrap!important;font-family:"Gochi Hand","Chalkboard SE","Marker Felt",cursive!important;font-weight:400!important}
}


/* V32 — selected new hero + precise pentagon alignment corrections */
.hero-photo{object-position:50% 52%}
.site-menu-wrap{
  background:rgba(246,241,231,.86);
  border:1px solid rgba(49,75,61,.10);
  border-radius:18px;
  padding:9px 12px 8px;
  box-shadow:0 6px 18px rgba(37,40,34,.10);
  backdrop-filter:blur(2px);
}
.logo-menu-button img{filter:none!important}
.logo-menu-button .chev{color:var(--forest)!important;text-shadow:none!important}
@media(min-width:761px){
  .site-menu-wrap{top:20px;right:24px}
  .logo-menu-button img{width:138px}
  .hero-card{right:30px;bottom:28px}
}

/* V36 — locked header/social navigation revision only */
.site-menu-wrap{
  background:transparent!important;
  border:0!important;
  border-radius:0!important;
  padding:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
}
.logo-menu-button img{background:transparent!important}
.socials .social-icon,.footer-social .social-icon{
  display:inline-flex;align-items:center;justify-content:center;
  width:26px;height:26px;color:var(--forest);padding:0;
}
.social-icon svg{width:22px;height:22px;display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social-icon svg .fill{fill:currentColor;stroke:none}
.social-icon svg path{fill:currentColor;stroke:none}

/* V101 regression repair — navigation only */
.logo-menu-button .chev{margin:3px 0 0!important}
.menu-panel .menu-sub{padding-left:34px!important}
.hero .logo-menu-button img{filter:drop-shadow(0 0 3px rgba(246,241,231,.95)) drop-shadow(0 0 8px rgba(246,241,231,.85))!important}

/* V102 targeted regression repair: Home logo contrast + Free Tools hierarchy */
.hero .logo-menu-button img{filter:brightness(0) saturate(100%) invert(27%) sepia(15%) saturate(780%) hue-rotate(101deg) brightness(88%) contrast(88%)!important;opacity:1!important}
.hero .menu-panel .menu-sub{padding-left:44px!important;font-size:1rem!important}

/* V103 locked shared menu geometry */
.site-menu-wrap .logo-menu-button{position:relative!important;display:inline-block!important}
.site-menu-wrap .logo-menu-button .chev{position:absolute!important;right:2px!important;bottom:-3px!important;margin:0!important;display:block!important}
.menu-panel .menu-sub{padding-left:34px!important;font-size:1rem!important}
.hero .logo-menu-button img{filter:none!important;opacity:1!important}

/* V104 targeted correction: Home hero logo legibility only */
.hero .logo-menu-button img{filter:brightness(0) invert(1) sepia(.12) saturate(.55) brightness(1.08)!important;opacity:1!important;filter:brightness(0) invert(1) sepia(.12) saturate(.55) brightness(1.08) drop-shadow(0 1px 3px rgba(24,34,27,.42))!important}


/* V110 — approved Want more? / Coming Soon destinations only */
.signup-destination{min-height:100vh;padding:170px 24px 72px;background-color:#f6f1e7;background-image:linear-gradient(rgba(49,75,61,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(49,75,61,.055) 1px,transparent 1px);background-size:24px 24px;color:#252822}
.signup-destination .signup-shell{width:min(680px,100%);margin:0 auto;text-align:center}
.signup-destination .pillar-kicker{margin:0 0 34px;font-family:"Gochi Hand","Chalkboard SE","Marker Felt",cursive;font-size:clamp(34px,7vw,52px);font-weight:400;color:#314b3d;letter-spacing:.02em}
.signup-destination .coming-note{margin:-22px 0 42px;font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-style:italic;color:#6e756c}
.signup-destination .signup-card{position:relative;background:rgba(246,241,231,.92);border:1px solid rgba(49,75,61,.18);padding:44px 42px 38px;box-shadow:0 10px 34px rgba(37,40,34,.08)}
.signup-destination h1{margin:0 0 24px;font-family:"Gochi Hand","Chalkboard SE","Marker Felt",cursive;font-size:clamp(38px,8vw,56px);font-weight:400;line-height:1;color:#314b3d}
.signup-destination .signup-copy{max-width:540px;margin:0 auto 28px;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(18px,3.7vw,21px);line-height:1.5}
.signup-destination .signup-copy p{margin:0 0 18px}
.signup-destination .signup-close{max-width:520px;margin:26px auto 0;font-family:"Source Serif 4",Georgia,serif;font-size:16px;line-height:1.5;color:#4d554d}
.signup-destination .kit-embed{max-width:480px;margin:22px auto 0;text-align:left}
.signup-destination .formkit-form{max-width:100%!important;margin:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.signup-destination .formkit-fields{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}
.signup-destination .formkit-field{margin:0!important}
.signup-destination .formkit-input{width:100%!important;box-sizing:border-box!important;padding:14px 15px!important;border:1px solid #839083!important;border-radius:0!important;background:#fffdf7!important;color:#252822!important;font:17px/1.25 "Source Serif 4",Georgia,serif!important}
.signup-destination .formkit-submit{width:100%!important;min-height:50px!important;border:0!important;border-radius:0!important;background:#314b3d!important;color:#f6f1e7!important;font:400 18px/1 "Gochi Hand","Chalkboard SE","Marker Felt",cursive!important;letter-spacing:.035em!important;text-transform:uppercase!important;cursor:pointer!important}
.signup-destination .formkit-submit>span{padding:0!important}
.signup-destination .formkit-powered-by-convertkit-container,.signup-destination .formkit-powered-by-convertkit{display:none!important}
@media(max-width:620px){.signup-destination{padding:150px 18px 54px}.signup-destination .signup-card{padding:34px 22px 30px}.signup-destination .pillar-kicker{margin-bottom:30px}.signup-destination .coming-note{margin-top:-20px;margin-bottom:32px}}

/* V110 — keep Kit mechanics, present only the approved Composed signup component */
.signup-destination .kit-embed .formkit-header,
.signup-destination .kit-embed .formkit-subheader,
.signup-destination .kit-embed .formkit-guarantee,
.signup-destination .kit-embed [data-element="header"],
.signup-destination .kit-embed [data-element="subheader"],
.signup-destination .kit-embed [data-element="guarantee"]{display:none!important}