/* Willow — Manage v2 */
body.willow-tpl-manage,.wv-manage{ --secpy:100px; --serif:'Richmond Text',Georgia,serif; --page:#F2EEEB; --dk:#282018; --willow-white:#F2EEEB; --oncream-1:rgba(242,238,235,.7); }



  /* WHY WILLOW timeline reveal */
  [data-why-item]{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
  [data-why-item].is-in{opacity:1;transform:none;}
  [data-why-seg]{transform:scaleY(0);transform-origin:top;transition:transform .9s cubic-bezier(.22,.61,.36,1);}
  [data-why-item].is-in [data-why-seg]{transform:scaleY(1);}
  [data-why-dot]{transform:scale(.4);opacity:.3;transition:transform .6s cubic-bezier(.22,.61,.36,1) .15s,opacity .6s ease .15s,background-color .6s ease .15s;}
  [data-why-item].is-in [data-why-dot]{transform:scale(1);opacity:1;background:#282018 !important;}
  [data-why-num]{transition:color .6s ease .1s;}
  [data-why-item].is-in [data-why-num]{color:rgba(22,22,22,.28) !important;}
  /* Desktop (real computers, above iPad landscape ~1376px): the designed image
     collage pinned, steps highlight one at a time on scroll. Tablet/mobile:
     the clean timeline. */
  @media (min-width:1400px){
    [data-why-desktop]{display:block !important;position:sticky !important;top:0 !important;height:100vh !important;overflow:hidden !important;}
    [data-why-mobile]{display:none !important;}
    [data-why-wrap]{height:320vh !important;}
    [data-why-step]{opacity:.28;transition:opacity .5s cubic-bezier(.22,.61,.36,1);}
    [data-why-step].is-active{opacity:1;}
    [data-why-desktop] > div{padding-block:7vh;box-sizing:border-box;}
    [data-why-step] > button{padding:18px 0 !important;}
    /* Accordion: only the active step shows its description (keeps the pinned
       column short with clear breathing room top & bottom). */
    [data-why-body]{display:block;max-height:0 !important;opacity:0 !important;overflow:hidden !important;margin-top:0 !important;transition:max-height .55s cubic-bezier(.22,.61,.36,1),opacity .4s ease,margin-top .4s ease;}
    [data-why-step].is-active [data-why-body]{max-height:240px !important;opacity:1 !important;margin-top:14px !important;}
  }
  @media (max-width:1399px){
    [data-why-desktop]{display:none !important;}
    [data-why-mobile]{display:block !important;}
    [data-why-wrap]{height:auto !important;}
  }
  /* No-JS / reduced-motion: static collage, every step shown */
  html:not(.wv-js) [data-why-wrap]{height:auto !important;}
  html:not(.wv-js) [data-why-desktop]{position:static !important;height:auto !important;overflow:visible !important;}
  html:not(.wv-js) [data-why-step]{opacity:1 !important;}
  html:not(.wv-js) [data-why-body]{max-height:none !important;opacity:1 !important;margin-top:14px !important;}
  @media (prefers-reduced-motion:reduce){
    [data-why-wrap]{height:auto !important;}
    [data-why-desktop]{position:static !important;height:auto !important;overflow:visible !important;}
    [data-why-step]{opacity:1 !important;}
    [data-why-body]{max-height:none !important;opacity:1 !important;margin-top:14px !important;}
  }

  [data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1);}
  [data-reveal].is-in{opacity:1;transform:none;}

  @media (max-width:1200px){
    nav{padding:20px 5vw !important;}
    [data-hero-ed]{padding:120px 5vw 40px !important;}
    [data-hero-top] h1{font-size:64px !important;}
    [data-why-mobile]{padding:80px 5vw !important;}
    [data-magnet]{padding:88px 5vw !important;gap:48px !important;}
    [data-faq]{padding:80px 5vw !important;}
    [data-faq-grid]{grid-template-columns:1fr !important;column-gap:0 !important;}
    [data-cta-sell]{padding:110px 5vw !important;}
    [data-screen-label="Footer"]{padding:56px 5vw 32px !important;}
    [data-screen-label="Footer"] > div:first-child > div{margin-top:0 !important;}
  }
  @media (max-width:640px){
    nav{padding:16px 22px !important;}
    nav img{height:30px !important;}
    [data-hero-top]{flex-direction:column !important;gap:26px !important;}
    [data-hero-top] h1{font-size:48px !important;letter-spacing:2px !important;}
    [data-hero-top] p{max-width:none !important;text-align:left !important;}
    [data-hero-right]{align-items:flex-start !important;}
    [data-hero-cta]{justify-content:flex-start !important;margin-top:20px !important;}
    [data-why-mobile] h2{font-size:30px !important;}
    [data-why-row]{grid-template-columns:36px 1fr !important;gap:22px !important;}
    [data-magnet]{grid-template-columns:1fr !important;padding:80px 5vw !important;gap:56px !important;}
    [data-magnet] h2{font-size:30px !important;}
    [data-cta-sell] h2{font-size:32px !important;}
    [data-recent] [style*="font-size: 20px"]{font-size:13px !important;}
    [data-recent] [style*="font-size: 22px"]{font-size:14px !important;}
    [data-screen-label="Footer"]{padding:48px 22px 28px !important;}
    [data-screen-label="Footer"] > div:first-child{grid-template-columns:1fr !important;gap:32px !important;}
    [data-screen-label="Footer"] > div:last-child{flex-direction:column !important;gap:16px !important;align-items:flex-start !important;}
    [data-screen-label="Footer"] > div:last-child > div{gap:28px !important;}
  }

/* Tighten the gap under the serif quote — Why Willow starts sooner. */
.wv-why{ padding-top:clamp(72px,8vw,92px) !important; }