/* Crea8it Studio homepage evolution — scoped to .new-home */
.new-home{overflow:hidden}.new-home .nh-section{padding:76px 0}.nh-hand{font-family:var(--hand);font-weight:400;line-height:1.12;letter-spacing:-.025em;font-size:clamp(2rem,3.5vw,3.3rem)}.nh-eyebrow{font-family:var(--mono);font-weight:700;letter-spacing:.07em;font-size:.7rem;margin-bottom:12px}.nh-eyebrow.gold{color:var(--accent)}
.nh-hero{padding:68px 0 70px;background:radial-gradient(ellipse at 80% 32%,#3b2216 0%,transparent 55%),#171009;position:relative}.nh-hero-grid{display:grid;grid-template-columns:1fr .88fr;gap:6%;align-items:center}.nh-kicker{display:inline-block;color:var(--accent);font-family:var(--mono);font-size:.72rem;letter-spacing:.05em;border:1px dashed #70501e;border-radius:40px;padding:10px 14px;margin-bottom:22px}.nh-hero h1{font-family:var(--hand);font-size:clamp(4rem,7.5vw,8.5rem);line-height:.92;letter-spacing:-.06em;margin:0 0 26px}.nh-hero h1 span{display:block;color:var(--paper)}.nh-hero h1 span:last-child{color:var(--accent)}.nh-hero-copy>p{max-width:550px;color:#d5c5ad;line-height:1.75;font-size:1.02rem}.nh-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.nh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 21px;border-radius:7px;font-size:.9rem;font-weight:800;text-decoration:none;min-height:50px;transition:transform .15s,background .15s}.nh-btn:hover{transform:translateY(-2px)}.nh-btn-gold{background:var(--accent);color:#21180e;box-shadow:4px 4px 0 #a65329}.nh-btn-outline{border:1px solid #bea275;color:var(--paper);background:#1d150e}.nh-btn-dark{background:#25170e;color:var(--paper);border:1px solid #edcc9c}.nh-checks{list-style:none;margin-top:27px;color:#e5d6c2;font-size:.84rem}.nh-checks li{margin:7px 0}.nh-checks li:before{content:'✓';color:var(--accent);margin-right:9px}.nh-hero-art{min-height:530px;display:grid;place-items:center;position:relative}.nh-photo{width:min(80%,390px);background:var(--paper);border:12px solid var(--paper);padding-bottom:25px;transform:rotate(4deg);position:relative;box-shadow:14px 18px 0 #100c08}.nh-photo img{width:100%;height:390px;object-fit:cover;object-position:center;display:block}.nh-photo span{color:#352417;font-family:var(--hand);font-size:.88rem;display:block;text-align:center;padding-top:14px}.nh-tape{position:absolute;top:-30px;left:33%;height:38px;width:110px;background:#b59b75a8;transform:rotate(-11deg);z-index:1}.nh-note{position:absolute;left:0;bottom:20px;transform:rotate(-7deg);background:var(--accent);color:#24170d;font:1.22rem/1.12 var(--hand);padding:20px 25px;box-shadow:7px 7px 0 #291309}.nh-star{position:absolute;top:10px;right:0;color:var(--accent2);font-size:5rem}
.nh-paper{background:#f7efdc;color:#26180e;background-image:radial-gradient(#d9cbb838 1px,transparent 1px);background-size:18px 18px}.nh-section-top{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.nh-section-top p{max-width:660px;color:#63503e;margin-top:9px}.nh-text-link{font-weight:750;color:#3a2615;text-decoration:none;border-bottom:2px solid var(--accent);padding-bottom:4px;white-space:nowrap}.nh-course-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.nh-course{border-radius:10px;background:#fffaf0;overflow:hidden;box-shadow:0 8px 15px #38261419;text-decoration:none;color:#2c2118;display:flex;flex-direction:column;border:1px solid #e1d0b2;transition:transform .15s}.nh-course:hover{transform:translateY(-4px)}.nh-course img{display:block;width:100%;height:150px;object-fit:cover}.nh-course-copy{padding:18px;position:relative;flex:1}.nh-course h3{font-size:1.03rem;line-height:1.27;margin-bottom:10px}.nh-course p{font-size:.82rem;line-height:1.55;color:#665446;padding-right:13px}.nh-course-copy>span{position:absolute;right:12px;bottom:13px;font-size:1.2rem}
.nh-ecosystem{background:#1c130d;color:var(--paper)}.nh-subcopy{color:#cbbba3;margin:10px 0 25px}.nh-eco-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.nh-eco{border:1px solid #70543b;padding:22px;min-height:222px;border-radius:10px;color:inherit;text-decoration:none;position:relative;transition:background .15s}.nh-eco:hover{background:#362418}.nh-eco-ico{font-size:2.4rem;color:var(--accent);display:block;margin-bottom:10px;line-height:1}.nh-eco h3{font-size:1rem;margin-bottom:8px}.nh-eco p{font-size:.82rem;line-height:1.6;color:#c7b69d}.nh-eco-arrow{position:absolute;bottom:15px;right:17px;color:var(--accent)}
.nh-outcome-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:46px;align-items:center}.nh-outcome-grid>div:first-child>p{color:#665343;line-height:1.8;margin:15px 0 22px}.nh-output-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.nh-output-grid article{background:#2b2018;color:#f7efdc;border-radius:9px;min-height:140px;padding:19px;display:flex;flex-direction:column;justify-content:flex-end;background-image:linear-gradient(155deg,#362923 0%,#171009 100%);border:1px solid #5a4533}.nh-output-grid article span{font:700 .65rem var(--mono);color:var(--accent);margin-bottom:auto}.nh-output-grid article strong{font-size:1rem}.nh-output-grid article small{font-size:.76rem;color:#c1b09e}
.nh-story-partner{padding:0!important;background:#21160f}.nh-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;max-width:1400px!important;width:100%!important}.nh-founder,.nh-sponsor{min-height:390px;padding:50px max(35px,5vw);position:relative}.nh-founder{background:#efe3c9;color:#25190f;overflow:hidden;display:flex;align-items:center}.nh-founder-text{position:relative;z-index:1;max-width:66%}.nh-founder p{line-height:1.75;color:#65513d;font-size:.91rem;margin:20px 0}.nh-founder img{position:absolute;right:-50px;bottom:-25px;height:310px;max-width:50%;object-fit:contain}.nh-sponsor{background:#24160f;color:var(--paper)}.nh-sponsor p{max-width:420px;line-height:1.8;color:#cfbfa8;margin:22px 0}.nh-doodle{position:absolute;right:35px;bottom:18px;color:var(--accent);font-size:2.5rem;opacity:.5}.nh-cta{background:#c95129;color:#fff6e9;padding:42px 0;background-image:radial-gradient(#ffc99126 1px,transparent 1px);background-size:12px 12px}.nh-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.nh-cta p{max-width:570px;font-size:.9rem;margin-top:8px}.nh-cta .nh-actions{margin-top:0}.nh-cta .nh-btn-outline{border-color:#f4d9b0}
@media(max-width:1050px){.nh-course-grid,.nh-eco-grid{grid-template-columns:repeat(2,1fr)}.nh-hero h1{font-size:clamp(3.9rem,8vw,7rem)}.nh-photo img{height:320px}}@media(max-width:760px){.nh-hero{padding:47px 0 55px}.nh-hero-grid,.nh-outcome-grid,.nh-story-grid{grid-template-columns:1fr}.nh-hero-art{min-height:340px;margin-top:35px}.nh-photo{width:min(67%,290px);transform:rotate(3deg)}.nh-photo img{height:250px}.nh-note{left:2%;bottom:5px;font-size:.9rem;padding:13px}.nh-hero h1{font-size:clamp(4.4rem,13vw,6.5rem)}.nh-section-top{display:block}.nh-section-top>.nh-text-link{display:inline-block;margin-top:16px}.new-home .nh-section{padding:55px 0}.nh-eco{min-height:205px}.nh-founder,.nh-sponsor{min-height:320px}.nh-cta-inner{display:block}.nh-cta .nh-actions{margin-top:20px}}@media(max-width:520px){.nh-hero h1{font-size:clamp(3.7rem,16vw,5.2rem)}.nh-hero-copy>p{font-size:.94rem}.nh-actions{flex-direction:column;align-items:stretch}.nh-btn{width:100%}.nh-course-grid{gap:10px}.nh-course img{height:105px}.nh-course-copy{padding:12px}.nh-course h3{font-size:.92rem}.nh-course p{font-size:.74rem;padding-right:0}.nh-course-copy>span{position:static;display:block;text-align:right}.nh-eco-grid{gap:10px}.nh-eco{min-height:202px;padding:15px}.nh-eco p{font-size:.76rem}.nh-output-grid{gap:9px}.nh-output-grid article{padding:12px;min-height:130px}.nh-founder-text{max-width:75%}.nh-founder img{opacity:.65;right:-100px}.nh-founder,.nh-sponsor{padding:40px 6%}.nh-sponsor .nh-actions{padding-bottom:25px}}
/* --- additions: WhatsApp line, duration chip, founder credentials --- */
.nh-hero-copy>p.nh-wa{margin-top:18px;font-size:.84rem;line-height:1.5;color:#d5c5ad}.nh-wa a{color:var(--accent);font-weight:750;text-decoration:none;border-bottom:1px solid currentColor}.nh-wa a:hover{opacity:.85}
.nh-course-copy>.nh-dur{position:static;display:inline-block;text-align:left;font:700 .64rem var(--mono);letter-spacing:.04em;color:#8a4a22;background:#f3e3c3;border-radius:20px;padding:4px 9px;margin-bottom:10px}
.nh-founder p.nh-creds{font:700 .72rem var(--mono);letter-spacing:.03em;color:#8a4a22;margin:0 0 22px}
@media(max-width:520px){.nh-course-copy>.nh-dur{display:inline-block;text-align:left;font-size:.58rem;padding:3px 7px}}
/* --- philosophy section: reuse original notebook cards on the paper background --- */
.nh-philosophy .eyebrow{color:#8a4a22}.nh-philosophy .why-title{margin-bottom:40px}
/* --- founder section: full-width, reuses .about / .polaroid / .about-text --- */
.nh-founder-section{background:#21160f;color:var(--paper)}.nh-founder-section .eyebrow{color:var(--accent)}.nh-founder-section .about-text .nh-hand{margin-bottom:22px}.about-text p.nh-creds{font:700 .74rem var(--mono);letter-spacing:.03em;color:var(--accent);margin:6px 0 4px}.nh-founder-section .nh-actions{margin-top:20px}
@media(max-width:520px){.nh-founder-section .about-text .nh-hand{font-size:1.9rem}}
/* --- hero flip: restores the original rotating photo inside the redesigned polaroid --- */
.nh-photo .flip-inner{aspect-ratio:auto;height:390px}
@media(max-width:1050px){.nh-photo .flip-inner{height:320px}}
@media(max-width:760px){.nh-photo .flip-inner{height:250px}}

/* --- mobile hero: keep the desktop composition (headline left, tilted polaroid right) ---
   Root cause of the old behaviour: at <=760px .nh-hero-grid collapsed to one column, so the
   polaroid (.nh-hero-art) landed after the checklist, below the fold.
   Fix: dissolve .nh-hero-copy with display:contents so its children join the hero grid, then
   place the headline and the polaroid side by side in the same row. No HTML changes needed. */
@media(max-width:760px){
  .nh-hero-grid{grid-template-columns:auto minmax(0,1fr);column-gap:4%;row-gap:0;align-items:start}
  .nh-hero-copy{display:contents}
  .nh-hero-copy>*{grid-column:1/-1}
  .nh-kicker{grid-row:1;justify-self:start}
  .nh-hero h1{grid-column:1;grid-row:2;align-self:center;margin-bottom:26px;font-size:clamp(3rem,13.5vw,6rem)}
  .nh-hero-art{grid-column:2;grid-row:2;align-self:center;min-height:0;margin:0 0 22px;display:block;max-width:230px;justify-self:center;width:100%}
  .nh-hero-copy>p:not(.nh-wa){grid-row:3}
  .nh-actions{grid-row:4}
  .nh-hero-copy>p.nh-wa{grid-row:5}
  .nh-checks{grid-row:6}

  .nh-photo{width:100%;border-width:7px;padding-bottom:24px;transform:rotate(4deg);box-shadow:6px 8px 0 #100c08}
  .nh-photo .flip-inner{height:auto;aspect-ratio:4/5}
  .nh-photo span{display:none} /* caption is unreadable at this size and sits under the yellow note */
  .nh-tape{top:-14px;left:28%;width:58px;height:20px}
  .nh-note{left:-24%;bottom:-16px;font-size:clamp(.52rem,2.6vw,.85rem);padding:8px 10px;box-shadow:3px 3px 0 #291309}
  .nh-star{top:-14px;right:-2px;font-size:2.2rem}
}