/* Original decorative drawings for the homepage's practical outcomes. */
.site-outcome-art-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.65rem;min-height:68px}
.site-outcome-grid .site-outcome-art-row .site-card-number{margin:0;align-self:flex-start;padding-top:.45rem}
.site-outcome-art{display:block;width:100px;height:75px;flex-shrink:0}
.site-ai-note{display:flex;align-items:center;gap:.85rem;margin-top:1.8rem;color:#795515;font-size:1.05rem;font-weight:600;line-height:1.8}
.site-ai-note svg{width:28px;height:28px;flex-shrink:0}

/* A compact notice after the form, with the full collection details one click away. */
.site-human .home-people{width:min(84vw,23rem);max-width:100%}
.site-form-privacy{margin-top:1rem;text-align:right}
.site-form-privacy .site-form-notice{margin:0;line-height:1.75}
.site-form-privacy-details{font-size:.8rem;line-height:1.8;color:var(--site-muted)}
.site-form-privacy-details summary{display:flex;align-items:center;gap:.5rem;min-height:44px;width:fit-content;max-width:100%;cursor:pointer;list-style:none;color:#795515;text-decoration:underline;text-underline-offset:4px}
.site-form-privacy-details summary svg{width:14px;height:14px;flex-shrink:0}
.site-form-privacy-details[open] summary svg{transform:rotate(180deg)}
.site-form-privacy-details p{margin:.25rem 0 .65rem}
.site-form-privacy-details a{color:#795515;text-decoration:underline;text-underline-offset:3px}

/* Each card arrives once, then responds to hover or keyboard focus. */
.site-explore-item{min-width:0}
.site-explore .site-link-card{height:100%;background:linear-gradient(145deg,#fff 55%,#fcf7ec);transition:border-color .25s,box-shadow .25s}
.site-explore-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:1.35rem;color:#865d16;background:#f8efd9;border-radius:19px}
.site-explore-icon svg{display:block;width:44px;height:44px}
.site-explore .site-card-action{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.site-explore-arrow{display:grid;place-items:center;width:32px;height:32px;border:1px solid #dcc58e;border-radius:50%;font-size:1.2rem;line-height:1;background:#fffaf0}
.site-explore .site-link-card:focus-visible{border-color:#a47624;box-shadow:0 12px 28px #79551514}
@media(hover:hover) and (pointer:fine){
  .site-explore .site-link-card:hover{border-color:#a47624;box-shadow:0 12px 28px #79551514}
}
@media(prefers-reduced-motion:no-preference){
  html.js .site-explore-item.d1{transition-delay:.06s}
  html.js .site-explore-item.d2{transition-delay:.15s}
  html.js .site-explore-item.d3{transition-delay:.24s}
  .site-explore .site-link-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),border-color .25s,box-shadow .3s}
  .site-explore-icon,.site-explore-arrow{transition:transform .3s cubic-bezier(.2,.7,.2,1)}
  .site-explore .site-link-card:focus-visible{transform:translateY(-6px)}
  .site-explore .site-link-card:focus-visible .site-explore-icon{transform:rotate(-6deg) scale(1.04)}
  .site-explore .site-link-card:focus-visible .site-explore-arrow{transform:translateX(-4px)}
  @media(hover:hover) and (pointer:fine){
    .site-explore .site-link-card:hover{transform:translateY(-6px)}
    .site-explore .site-link-card:hover .site-explore-icon{transform:rotate(-6deg) scale(1.04)}
    .site-explore .site-link-card:hover .site-explore-arrow{transform:translateX(-4px)}
  }
}
@media(prefers-reduced-motion:reduce){
  .site-explore .site-link-card{transition:none}
}

/* A short path into an open door brings the first step to life on scroll. */
.site-first-step h2 span{position:relative;isolation:isolate;display:inline-block}
.site-first-step h2 span::after{content:"";position:absolute;z-index:-1;inset-inline:-.06em;bottom:.07em;height:.2em;background:#e8bd64;border-radius:50% 20% 45% 25%;transform:rotate(-1deg);transform-origin:right center}
.site-first-step-art{display:block;width:min(100%,340px);height:auto;margin:1.25rem 0 -.1rem}
.site-first-step+.site-lead{margin-top:.8rem}
.site-step-door{transform-box:fill-box;transform-origin:left center}
@media(prefers-reduced-motion:no-preference){
  html.js .site-first-step.in h2 span::after{animation:site-first-underline .8s cubic-bezier(.2,.7,.2,1) .15s both}
  html.js .site-first-step.in .site-step-route{stroke-dasharray:1;animation:site-first-route 1.25s ease .2s both}
  html.js .site-first-step.in .site-step-stone{animation:site-first-rise .55s cubic-bezier(.2,.7,.2,1) both}
  html.js .site-first-step.in .site-step-stone-one{animation-delay:.25s}
  html.js .site-first-step.in .site-step-stone-two{animation-delay:.5s}
  html.js .site-first-step.in .site-step-stone-three{animation-delay:.75s}
  html.js .site-first-step.in .site-step-door{animation:site-first-door .8s cubic-bezier(.2,.7,.2,1) .9s both}
  html.js .site-first-step.in .site-step-light{animation:site-first-rise .65s ease 1.1s both}
  @keyframes site-first-underline{from{transform:scaleX(0) rotate(-1deg)}to{transform:scaleX(1) rotate(-1deg)}}
  @keyframes site-first-route{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
  @keyframes site-first-rise{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}
  @keyframes site-first-door{from{transform:scaleX(.12)}to{transform:scaleX(1)}}
}
html.js.motion-reduced .site-first-step *{animation:none!important}
html.js.motion-reduced .site-first-step h2 span::after{animation:none!important}
@media(max-width:899px){.site-first-step-art{margin-inline:auto}}
@media(max-width:639px){
  .site-outcome-art{width:90px;height:67.5px}
  .site-outcome-art-row{min-height:64px;margin-bottom:.55rem}
  .site-ai-note{align-items:flex-start;font-size:.98rem;gap:.65rem}
  .site-ai-note svg{width:25px;height:25px;margin-top:.12rem}
  .site-first-step-art{width:min(100%,300px);margin-top:1rem}
}