#hero{
  position:relative; isolation:isolate;
  min-height:calc(100svh - var(--header-h));
  display:flex; align-items:center;
  padding-block:clamp(2rem,1.4rem + 3vw,5rem);
  background:var(--c-bg);
  overflow:hidden;
}
#hero .hero__bg{ position:absolute; inset:0; z-index:0; }
#hero .hero__bg img{ width:100%; height:100%; object-fit:cover; object-position:70% 22%; display:block; }

#hero .hero__scrim{
  position:absolute; inset:0; z-index:1;
  
  
  background:
    linear-gradient(to top, rgba(243,236,226,.90) 0%, rgba(243,236,226,.62) 14%, rgba(243,236,226,.24) 30%, rgba(243,236,226,.04) 42%, rgba(243,236,226,0) 52%),
    linear-gradient(to right, rgba(243,236,226,.94) 0%, rgba(243,236,226,.86) 26%, rgba(243,236,226,.42) 52%, rgba(243,236,226,.06) 74%, rgba(243,236,226,0) 88%);
}
#hero .hero__inner{
  position:relative; z-index:2;
  width:100%; max-width:var(--maxw); margin-inline:auto;
  padding-inline:var(--gutter);
}

#hero .kicker{ margin-bottom:clamp(.85rem,.6rem + .7vw,1.5rem); }
#hero .hero__dot{ margin-inline:.55em; color:var(--c-accent); }

#hero h1{
  margin:0;
  font-size:clamp(3.25rem,1.9rem + 8.4vw,11rem);
  line-height:.86; letter-spacing:-.03em;
  color:var(--c-primary);
}
#hero .lede{
  margin:clamp(1.25rem,.9rem + 1.4vw,2rem) 0 0;
  max-width:34ch; color:var(--c-text);
}
#hero .hero__actions{
  display:flex; align-items:center; flex-wrap:wrap;
  gap:clamp(1rem,.7rem + 1vw,2rem);
  margin-top:clamp(1.25rem,.9rem + 1.4vw,2.25rem);
  max-width:none;
}
#hero .hero__actions .btn{ min-width:13rem; }
#hero .hero__see{
  font-family:var(--f-body); font-weight:500; font-size:13px;
  letter-spacing:.16em; text-transform:uppercase;
  color:var(--c-secondary); text-decoration:none;
}

@media (max-width:719px){
  #hero{
    display:block; min-height:0;
    padding-block:0 clamp(2rem,1.4rem + 3vw,3rem);
  }
  #hero .hero__bg{
    position:relative; inset:auto;
    display:block; width:100%;
    height:clamp(300px,46svh,440px);
  }
  #hero .hero__bg img{ object-position:50% 16%; }
  
  #hero .hero__scrim{
    top:auto; bottom:auto;
    height:0;
  }
  #hero .hero__bg::after{
    content:""; position:absolute; left:0; right:0; bottom:-1px; height:88px;
    background:linear-gradient(to bottom, rgba(243,236,226,0), rgba(243,236,226,.85) 62%, rgba(243,236,226,1));
    pointer-events:none;
  }
  #hero .hero__inner{
    padding-top:clamp(1rem,3vh,1.75rem);
  }
  #hero .lede{ max-width:32ch; }
}
@media (max-width:559px){
  #hero .hero__kick-studio,#hero .hero__dot{ display:none; }
  #hero .hero__actions{ gap:1rem; }
  #hero .hero__actions .btn{ flex:1 1 100%; min-width:0; }
}

@media (min-width:900px){
  #hero h1,#hero .lede,#hero .hero__actions,#hero .kicker{ max-width:min(56%,46rem); }
  #hero .lede{ max-width:34ch; }
}

@media (min-width:900px) and (max-height:780px){
  #hero{ min-height:calc(100svh - var(--header-h)); padding-block:clamp(1.25rem,3vh,2.5rem); }
  #hero h1{ font-size:clamp(3rem,1.5rem + 6.2vw,7rem); }
  #hero .lede{ font-size:1rem; margin-top:1.1rem; }
  #hero .hero__actions{ margin-top:1.1rem; }
  #hero .kicker{ margin-bottom:.7rem; }
}

#why-yamani{
  background:var(--c-dark-bg); color:var(--c-dark-text);
  padding-block:clamp(4.5rem,3rem + 6vw,9rem);
}
#why-yamani .why__inner{ max-width:min(var(--maxw),960px); }
#why-yamani .why__head .cinch-rule{ margin-top:12px; max-width:72px; }
#why-yamani .why__statement{
  margin-top:clamp(1.75rem,1.2rem + 2vw,3rem);
  font-family:var(--f-display);
  font-size:clamp(2rem,1.2rem + 3.6vw,4.5rem);
  line-height:1.06; letter-spacing:-.018em;
  color:var(--c-dark-text);
  max-width:19ch;
}
#why-yamani .why__line{
  margin-top:clamp(1.25rem,.9rem + 1.4vw,2.25rem);
  font-size:clamp(1.0625rem,1rem + .4vw,1.3125rem);
  line-height:1.55; max-width:44ch;
  color:var(--c-dark-text); opacity:.9;
}
#why-yamani .why__sig{
  display:flex; align-items:center; flex-wrap:wrap; gap:.5rem;
  margin-top:clamp(2rem,1.4rem + 2vw,3.25rem);
  padding-top:clamp(1.25rem,1rem + 1vw,1.75rem);
  border-top:1px solid var(--c-rule-dark);
  max-width:none;
  font-family:var(--f-body); font-weight:500; font-size:12px;
  letter-spacing:.22em; text-transform:uppercase; color:var(--c-accent);
}
#why-yamani .why__dot{ color:var(--c-accent); opacity:.7; }

#yamani{
  background:var(--c-surface);
  padding-block:clamp(4rem,2.5rem + 5vw,7.5rem);
}
#yamani .owner__grid{
  display:grid; grid-template-columns:minmax(0,1fr);
  gap:clamp(1.75rem,1.2rem + 2.5vw,3.5rem);
  align-items:center;
}
#yamani .owner__figure{ margin:0; max-width:min(100%,460px); }
#yamani .owner__figure img{ width:100%; height:auto; display:block; }
#yamani .owner__copy .cinch-rule{ max-width:72px; }
#yamani .owner__name{
  margin:clamp(1rem,.8rem + .8vw,1.5rem) 0 0; max-width:none;
  font-family:var(--f-display);
  font-size:clamp(2.5rem,1.6rem + 3.4vw,4.5rem);
  line-height:1; letter-spacing:-.015em; color:var(--c-primary);
}
#yamani .owner__role{
  margin:.75rem 0 0; max-width:none;
  font-family:var(--f-body); font-weight:500; font-size:12px;
  letter-spacing:.36em; text-transform:uppercase; color:var(--c-secondary);
}
#yamani .owner__facts{
  display:flex; flex-wrap:wrap; gap:.6rem 1.5rem;
  margin-top:clamp(1.5rem,1.2rem + 1.4vw,2.25rem);
  padding-top:clamp(1.25rem,1rem + 1vw,1.75rem);
  border-top:1px solid var(--c-rule);
  font-family:var(--f-body); font-weight:500; font-size:12px;
  letter-spacing:.22em; text-transform:uppercase; color:var(--c-secondary);
}
#yamani .owner__facts a{ color:var(--c-secondary); text-decoration:none; border-bottom:1px solid var(--c-rule); }
#yamani .owner__facts a:hover{ color:var(--c-primary); }

@media (min-width:900px){
  #yamani .owner__grid{
    grid-template-columns:clamp(300px,34vw,460px) minmax(0,1fr);
    gap:clamp(2.5rem,1.5rem + 4vw,6rem);
  }
}

#the-program{
  background:var(--c-bg);
  padding-block:clamp(4.5rem,3rem + 6vw,9rem) clamp(4rem,2.5rem + 5vw,7.5rem);
}
#the-program .prog__head{ max-width:var(--maxw); }
#the-program .prog__head .cinch-rule{ margin-top:12px; max-width:72px; }
#the-program .prog__head h2{
  margin-top:clamp(1.25rem,.9rem + 1.4vw,2rem);
  max-width:16ch; color:var(--c-primary);
}
#the-program .prog__head .lede{
  margin-top:clamp(1rem,.8rem + .8vw,1.5rem);
  max-width:40ch; color:var(--c-text); opacity:.9;
}

#the-program .prog__body{
  margin-top:clamp(3rem,2rem + 4vw,6rem);
  display:grid; grid-template-columns:minmax(0,1fr); gap:clamp(2rem,1.5rem + 2vw,3.5rem);
}

#the-program .prog__index,#the-program .prog__steps{ min-width:0; }

#the-program .prog__index ol{ margin:0; }
#the-program .prog__index a{
  display:flex; align-items:baseline; gap:.85rem;
  padding-block:.6rem;
  text-decoration:none; color:var(--c-text);
  border-top:1px solid var(--c-rule);
  transition:color 220ms var(--mo-ease), opacity 220ms var(--mo-ease);
  opacity:.55;
}
#the-program .prog__index li:last-child a{ border-bottom:1px solid var(--c-rule); }
#the-program .prog__idx-num{
  font-family:var(--f-body); font-weight:500; font-size:12px;
  letter-spacing:.2em; color:var(--c-secondary);
  flex:0 0 auto;
}
#the-program .prog__idx-label{
  font-family:var(--f-display); font-size:1rem; line-height:1.2;
  letter-spacing:-.005em;
}
#the-program .prog__index a:hover,
#the-program .prog__index a:focus-visible{ opacity:1; }
#the-program .prog__index a.is-current{ opacity:1; color:var(--c-primary); }
#the-program .prog__index a.is-current .prog__idx-num{ color:var(--c-primary); }

#the-program .prog__steps{ margin:0; display:flex; flex-direction:column; gap:clamp(3rem,2rem + 4vw,5.5rem); }

#the-program .prog__step{
  scroll-margin-top:calc(var(--header-h) + 2rem);
  border-top:1px solid var(--c-rule);
  padding-top:clamp(1.5rem,1.1rem + 1.6vw,2.5rem);
}
#the-program .prog__num{
  margin:0 0 .75rem; max-width:none;
  font-family:var(--f-display);
  font-size:clamp(2.5rem,1.8rem + 2.6vw,4rem);
  line-height:.9; letter-spacing:-.01em;
  color:var(--c-secondary);
}
#the-program .prog__step h3{
  margin:0;
  font-size:clamp(1.625rem,1.2rem + 1.8vw,2.75rem);
  line-height:1.06; letter-spacing:-.015em;
  color:var(--c-primary);
}
#the-program .prog__copy{
  margin-top:clamp(.85rem,.6rem + .7vw,1.25rem);
  font-size:clamp(1.0625rem,1rem + .35vw,1.25rem);
  line-height:1.55; max-width:46ch;
  color:var(--c-text);
}
#the-program .prog__media{
  margin:clamp(1.5rem,1.1rem + 1.6vw,2.75rem) 0 0;
  overflow:hidden;
}

#the-program .prog__media img{ width:100%; height:auto; display:block; }

#the-program .prog__step--dark{
  background:var(--c-dark-bg); color:var(--c-dark-text);
  border-top:0;
  padding:clamp(2rem,1.4rem + 3vw,3.75rem);
}
#the-program .prog__step--dark .prog__num{ color:var(--c-accent); }
#the-program .prog__step--dark h3{ color:var(--c-dark-text); }
#the-program .prog__step--dark .prog__copy{ color:var(--c-dark-text); opacity:.92; }

@media (min-width:900px){
  #the-program .prog__body{
    grid-template-columns:clamp(180px,20vw,260px) minmax(0,1fr);
    
    gap:clamp(2.5rem,1.5rem + 4vw,6rem);
    align-items:start;
  }
  #the-program .prog__index{
    position:sticky; top:calc(var(--header-h) + clamp(2rem,6vh,4.5rem));
  }
  #the-program .prog__idx-label{ font-size:1.0625rem; }
  
  #the-program .prog__media--right{ width:72%; margin-left:auto; }
  #the-program .prog__media--wide{ width:88%; }
  #the-program .prog__step--dark{ padding:clamp(2.5rem,1.5rem + 3vw,4.5rem); }
}

@media (max-width:899px){
  
  #the-program .prog__index ol{
    display:flex; gap:1.25rem; overflow-x:auto;
    scrollbar-width:none; -ms-overflow-style:none;
    padding-bottom:.25rem;
  }
  #the-program .prog__index ol::-webkit-scrollbar{ display:none; }
  #the-program .prog__index a{
    flex-direction:column; align-items:flex-start; gap:.3rem;
    white-space:nowrap; border-top:0; border-bottom:1px solid var(--c-rule);
    padding-block:.4rem .6rem;
  }
  #the-program .prog__index li:last-child a{ border-top:0; }
}

@media (prefers-reduced-motion:reduce){
  #the-program .prog__index{ position:static; }
}

#what-youre-after{
  background:var(--c-bg);
  padding-block:clamp(3.5rem,2.5rem + 4vw,7rem) clamp(4.5rem,3rem + 6vw,9rem);
}
#what-youre-after .after__head{ max-width:var(--maxw); }
#what-youre-after .after__head .cinch-rule{ margin-top:12px; max-width:72px; }
#what-youre-after .after__head h2{
  margin-top:clamp(1.25rem,.9rem + 1.4vw,2rem);
  max-width:18ch; color:var(--c-primary);
}
#what-youre-after .after__media{
  margin:clamp(2.25rem,1.5rem + 3vw,4rem) auto 0;
  width:100%; max-width:1440px;
  padding-inline:var(--gutter);
}
#what-youre-after .after__media img{ width:100%; height:auto; display:block; }

@media (min-width:1440px){
  #what-youre-after .after__media{ padding-inline:0; }
}

#start{
  background:var(--c-dark-bg); color:var(--c-dark-text);
  padding-block:clamp(4.5rem,3rem + 6vw,9rem);
}
#start .start__inner{
  display:grid; grid-template-columns:1fr;
  gap:clamp(2.5rem,1.8rem + 3vw,4.5rem);
  align-items:start;
}
#start .start__copy .cinch-rule{ margin-top:12px; max-width:72px; }
#start h2{
  margin-top:clamp(1.25rem,.9rem + 1.4vw,2rem);
  color:var(--c-dark-text); max-width:14ch;
}
#start .start__line{
  margin-top:clamp(1rem,.8rem + .8vw,1.5rem);
  font-size:clamp(1.0625rem,1rem + .4vw,1.25rem);
  line-height:1.55; max-width:38ch;
  color:var(--c-dark-text); opacity:.9;
}
#start .start__contact{
  margin-top:clamp(1.75rem,1.2rem + 2vw,2.75rem);
  padding-top:clamp(1.25rem,1rem + 1vw,1.75rem);
  border-top:1px solid var(--c-rule-dark);
  display:flex; flex-direction:column; gap:.7rem;
}
#start .start__contact a{
  color:var(--c-dark-text); text-decoration:none;
  font-size:1.0625rem; letter-spacing:.01em;
  border-bottom:1px solid var(--c-rule-dark); padding-bottom:2px;
  align-self:flex-start;
  transition:color 200ms var(--mo-ease), border-color 200ms var(--mo-ease);
}
#start .start__contact a:hover,#start .start__contact a:focus-visible{
  color:var(--c-accent); border-bottom-color:var(--c-accent);
}
#start .start__area{
  font-family:var(--f-body); font-weight:500; font-size:12px;
  letter-spacing:.22em; text-transform:uppercase; color:var(--c-accent);
}

#start .field{ max-width:none; margin:0 0 clamp(1.25rem,1rem + .8vw,1.75rem); }
#start .field-row{ display:grid; grid-template-columns:1fr; gap:0; }
#start label{
  display:block; margin-bottom:8px;
  font-family:var(--f-body); font-weight:500; font-size:12px;
  letter-spacing:.22em; text-transform:uppercase; color:var(--c-accent);
}
#start input,#start textarea{
  width:100%; background:transparent; color:var(--c-dark-text);
  border:0; border-bottom:1px solid var(--c-rule-dark); border-radius:0;
  padding:.65rem 0; font-size:16px; min-height:48px;
  transition:border-color 200ms var(--mo-ease);
}
#start textarea{ min-height:96px; resize:vertical; line-height:1.55; }
#start input:focus,#start textarea:focus{ border-bottom-color:var(--c-accent); outline:none; }
#start input:focus-visible,#start textarea:focus-visible{ outline:2px solid var(--c-accent); outline-offset:4px; }
#start .start__submit{ margin-top:.5rem; min-width:14rem; }
#start .start__note{
  margin-top:clamp(1.25rem,1rem + 1vw,1.75rem);
  font-size:13px; line-height:1.6; max-width:46ch;
  color:var(--c-dark-text); opacity:.72;
}

@media (min-width:820px){
  #start .field-row{ grid-template-columns:1fr 1fr; gap:0 clamp(1.25rem,1rem + 1.4vw,2.25rem); }
}
@media (min-width:980px){
  #start .start__inner{ grid-template-columns:minmax(0,.85fr) minmax(0,1fr); gap:clamp(3rem,2rem + 4vw,6.5rem); }
}