#hero{padding-block:0;display:flex;flex-direction:column;position:relative;min-height:calc(100svh - var(--header-h));background:var(--c-bg)}
#hero .hero__plate{flex:1 1 auto;display:flex;align-items:center;padding-block:clamp(1rem,2.6vh,2.5rem)}
#hero .hero__inner{width:100%;max-width:1200px;margin-inline:auto;padding-inline:var(--gutter)}
#hero .hero__mark{display:block}
#hero .hero__mark svg{width:28px;height:28px;color:var(--c-primary)}
#hero .cinch-disc{fill:currentColor}
#hero .hero__kick{margin-top:clamp(.9rem,2.2vh,1.5rem)}
#hero .hero__kick .cinch-rule{max-width:88px}
#hero h1{margin-top:clamp(.6rem,1.6vh,1.15rem);font-size:clamp(2.625rem,1.1rem + 4.2vw,4.75rem);line-height:.98;letter-spacing:-.025em;text-wrap:normal;max-width:17ch}
#hero .lede{margin-top:clamp(.75rem,1.8vh,1.15rem);max-width:48ch}
#hero .hero__ctas{margin-top:clamp(1.1rem,2.4vh,1.6rem);display:flex;flex-direction:column;align-items:stretch;gap:12px}
#hero .hero__ctas .btn{width:100%}
#hero .hero__ask{display:inline-flex;align-items:center;justify-content:center;min-height:48px;font-family:var(--f-body);font-weight:700;font-size:16px;color:var(--c-primary);text-decoration:underline;text-decoration-color:var(--c-secondary);text-decoration-thickness:1px;text-underline-offset:4px}
#hero .hero__ask:hover,#hero .hero__ask:focus-visible{color:var(--c-primary-hover);text-decoration-color:var(--c-primary-hover);text-underline-offset:6px}
#hero .hero__band{position:relative;flex:0 0 32svh;min-height:190px;overflow:visible}
#hero .hero__band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 20%;border-radius:0}
#hero .hero__band.reveal{transform:none}
#hero .hero__pinch{position:absolute;top:0;left:50%;transform:translate(-50%,-50%);width:36px;height:3px;border-radius:2px;background:var(--c-accent);z-index:2}
@media (min-width:768px){
  #hero{height:calc(100svh - var(--header-h));min-height:600px}
  #hero .hero__ctas{flex-direction:row;align-items:center;gap:clamp(1.25rem,3vw,2rem)}
  #hero .hero__ctas .btn{width:auto}
  #hero .hero__ask{justify-content:flex-start}
  #hero .hero__band{flex:0 0 36%;min-height:230px}
  #hero .lede{max-width:56ch}
}
@media (min-width:1100px){
  #hero .hero__inner{padding-left:max(var(--gutter),5vw)}
}

#what-we-work-on{background:var(--c-bg);position:relative;overflow:hidden}
#what-we-work-on .svc__head{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
#what-we-work-on .svc__head .cinch-rule{max-width:96px}
#what-we-work-on h2{margin-top:var(--sp-5)}
#what-we-work-on .svc__intro{margin-top:var(--sp-5);font-size:clamp(1.0625rem,1rem + .35vw,1.3125rem);line-height:1.55;max-width:52ch}
#what-we-work-on .svc__cards{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);margin-top:clamp(2rem,4vw,3.5rem)}
#what-we-work-on .svc-row{display:grid;grid-template-columns:1fr;gap:clamp(1rem,.6rem + 1.4vw,1.75rem)}
#what-we-work-on .svc-row + .svc-row{margin-top:clamp(1rem,.6rem + 1.4vw,1.75rem)}
#what-we-work-on .step-index{color:var(--c-primary)}
#what-we-work-on .card h3{margin:0}
#what-we-work-on .card p{margin-top:var(--sp-3)}
#what-we-work-on .work-strip{margin-top:clamp(2.5rem,5vw,4.5rem);display:flex;gap:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}
#what-we-work-on .work-strip::-webkit-scrollbar{display:none}
#what-we-work-on .work-strip figure{flex:0 0 78vw;min-width:0;scroll-snap-align:center;margin:0;border-radius:0}
#what-we-work-on .work-strip img{width:100%;aspect-ratio:4 / 3;object-fit:cover;object-position:50% 20%;border-radius:0}
#what-we-work-on .work-caption{margin-top:var(--sp-5);font-family:var(--f-body);font-weight:500;font-size:16px;max-width:56ch}
@media (min-width:768px){
  #what-we-work-on .svc-row--a{grid-template-columns:7fr 5fr}
  #what-we-work-on .svc-row--b{grid-template-columns:1fr 1fr}
  #what-we-work-on .svc-row--b > :nth-child(3){grid-column:1 / -1}
  #what-we-work-on .work-strip{overflow:visible;scroll-snap-type:none}
  #what-we-work-on .work-strip figure{flex:1 1 0}
}
@media (min-width:900px){
  #what-we-work-on .svc-row--b{grid-template-columns:repeat(3,minmax(0,1fr))}
  #what-we-work-on .svc-row--b > :nth-child(3){grid-column:auto}
}
@media (min-width:1100px){
  #what-we-work-on .svc-row--b{margin-left:48px}
}

#how-it-starts{background:var(--c-bg)}
#how-it-starts .steps__head{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
#how-it-starts .steps__head .cinch-rule{max-width:112px}
#how-it-starts h2{margin-top:var(--sp-5)}
#how-it-starts .steps{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);margin-top:clamp(2rem,4vw,3rem)}
#how-it-starts .step{background:var(--c-bg);padding-top:var(--sp-5);min-height:clamp(230px,30vh,340px);margin-bottom:var(--sp-6)}
#how-it-starts .step__body{display:grid;grid-template-columns:1fr;gap:var(--sp-4)}
#how-it-starts .step-index{color:var(--c-primary);font-size:clamp(1.75rem,1.2rem + 1.8vw,2.75rem);letter-spacing:.06em;gap:14px;margin-bottom:10px}
#how-it-starts .step-index::after{width:clamp(28px,4vw,56px);height:3px}
#how-it-starts .step h3{margin:0}
#how-it-starts .step p{margin:0;font-size:17px;line-height:1.6;max-width:56ch}
#how-it-starts .step__rule{margin-top:clamp(1.75rem,4vw,2.5rem)}
@media (min-width:768px){
  #how-it-starts .step__body{grid-template-columns:5fr 7fr;gap:clamp(2rem,4vw,4rem);align-items:start}
}

#behind-waist-envi{background:var(--c-primary);color:var(--c-bg);padding-block:clamp(4.5rem,3rem + 6vw,9rem);overflow:hidden}
#behind-waist-envi .about__inner{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
#behind-waist-envi .kicker{color:var(--c-bg)}
#behind-waist-envi .cinch-rule{max-width:132px}
#behind-waist-envi .cinch-rule::before{background:rgb(251 245 239 / .32)}
#behind-waist-envi h2.statement__copy{color:var(--c-bg);margin-top:clamp(1.75rem,4vw,2.75rem);max-width:24ch;text-wrap:normal}
#behind-waist-envi .about__notes{margin-top:28px;max-width:52ch}
#behind-waist-envi .about__notes p{color:var(--c-bg);font-size:17px;line-height:1.6;max-width:52ch}
#behind-waist-envi .about__notes p + p{margin-top:var(--sp-4)}
@media (min-width:1100px){
  #behind-waist-envi .about__notes{margin-top:clamp(2.5rem,4vw,3.5rem);margin-left:auto}
}

#questions-people-ask{background:var(--c-bg);padding-block:clamp(2.75rem,2rem + 3vw,4.5rem)}
#questions-people-ask .faq__inner{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
#questions-people-ask .faq__head .cinch-rule{max-width:64px}
#questions-people-ask h2{margin-top:var(--sp-4);font-size:clamp(1.75rem,1.2rem + 2vw,3rem)}
#questions-people-ask .faq__cols{margin-top:clamp(1.75rem,3vw,2.75rem);display:grid;grid-template-columns:1fr;gap:28px clamp(2.5rem,5vw,5rem)}
#questions-people-ask .faq__item h3{font-size:21px;line-height:1.22;margin:0}
#questions-people-ask .faq__item p{margin-top:var(--sp-3);font-size:16px;line-height:1.55;max-width:52ch}
#questions-people-ask .faq__rule{margin-block:var(--sp-5)}
@media (min-width:900px){
  #questions-people-ask .faq__cols{grid-template-columns:1fr 1fr;align-items:start}
}

#start-the-conversation{position:relative;overflow:hidden;padding-block:0;background:var(--c-dark-bg);color:var(--c-dark-text)}
#start-the-conversation .contact__band{position:relative;width:100%;height:38svh;min-height:230px;z-index:0}
#start-the-conversation .contact__band img{width:100%;height:100%;object-fit:cover;object-position:80% 20%;border-radius:0}
#start-the-conversation .contact__scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(27,16,18,.30) 0%,rgba(27,16,18,.58) 58%,rgba(27,16,18,.97) 100%)}
#start-the-conversation .contact__inner{position:relative;z-index:1}
#start-the-conversation .contact__copy{padding:var(--sp-6) var(--gutter) 0}
#start-the-conversation .contact__copy .kicker{color:var(--c-dark-text)}
#start-the-conversation .contact__copy .cinch-rule{max-width:64px;margin-top:10px}
#start-the-conversation .contact__copy .cinch-rule::before{background:var(--c-rule-dark)}
#start-the-conversation h2{color:var(--c-dark-text);margin-top:var(--sp-4)}
#start-the-conversation .contact__area{margin-top:var(--sp-4);font-family:var(--f-body);font-weight:700;font-size:16px;letter-spacing:.04em;color:var(--c-dark-text)}
#start-the-conversation .contact__line{margin-top:var(--sp-2);font-size:17px;color:var(--c-dark-text);opacity:.92;max-width:34ch}
#start-the-conversation .contact__card{background:var(--c-bg);color:var(--c-text);border-radius:var(--radius-lg);padding:clamp(1.25rem,1rem + 1.6vw,2.25rem);margin:var(--sp-6) var(--gutter) clamp(3rem,4vw,4.5rem)}
#start-the-conversation .contact__card h3{margin:0 0 var(--sp-5);color:var(--c-primary)}
#start-the-conversation .field{max-width:none;margin:0 0 var(--sp-5)}
#start-the-conversation .field-row{display:grid;grid-template-columns:1fr;gap:0}
#start-the-conversation label{display:block;font-family:var(--f-body);font-weight:700;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary);margin-bottom:6px}
#start-the-conversation input,#start-the-conversation textarea{width:100%;background:transparent;color:var(--c-text);border:0;border-bottom:1px solid var(--c-secondary);border-radius:0;padding:.6rem 0;font-size:16px;min-height:48px}
#start-the-conversation textarea{min-height:84px;resize:vertical;line-height:1.5}
#start-the-conversation input::placeholder,#start-the-conversation textarea::placeholder{color:rgb(36 26 25 / .6)}
#start-the-conversation input:focus,#start-the-conversation textarea:focus{border-bottom-color:var(--c-primary);outline:none}
#start-the-conversation input:focus-visible,#start-the-conversation textarea:focus-visible{outline:2px solid var(--c-primary);outline-offset:3px}
#start-the-conversation .contact__submit{width:100%;margin-top:var(--sp-2)}
#start-the-conversation .contact__next{margin-top:var(--sp-4);font-size:14px;line-height:1.5;color:var(--c-text);opacity:.86;max-width:40ch}
@media (min-width:560px){
  #start-the-conversation .field-row{grid-template-columns:1fr 1fr;gap:0 var(--sp-5)}
  #start-the-conversation .contact__submit{width:auto;min-width:220px}
}
@media (min-width:768px){
  #start-the-conversation .contact__band{height:44svh;min-height:300px}
  #start-the-conversation .contact__copy{padding-top:var(--sp-7)}
  #start-the-conversation .contact__card{max-width:620px;margin-inline:auto}
}
@media (min-width:1100px){
  #start-the-conversation{--contact-pad:clamp(2.5rem,4vw,4rem);padding-top:var(--contact-pad)}
  #start-the-conversation .contact__band{position:absolute;left:0;right:0;top:calc(var(--contact-pad) + 40px);bottom:0;height:auto;min-height:0}
  #start-the-conversation .contact__scrim{background:linear-gradient(90deg,rgba(20,12,13,.94) 0%,rgba(20,12,13,.88) 38%,rgba(20,12,13,.6) 62%,rgba(20,12,13,.4) 100%)}
  #start-the-conversation .contact__inner{display:grid;grid-template-columns:1fr minmax(0,480px);gap:clamp(2rem,4vw,4.5rem);align-items:start;width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}
  #start-the-conversation .contact__copy{min-height:540px;display:flex;flex-direction:column;justify-content:flex-end;padding:calc(40px + var(--sp-8)) 0 var(--sp-8)}
  #start-the-conversation .contact__card{margin:0 0 clamp(3rem,5vw,5rem);max-width:none}
}

#wordmark-close{background:var(--c-dark-bg);color:var(--c-dark-text);overflow:hidden;padding-block:clamp(2.5rem,2rem + 3vw,4.5rem)}
#wordmark-close .wordmark-footer{width:100%}
#wordmark-close .wordmark-close__type{margin:0 0 0 var(--gutter);color:var(--c-dark-text);white-space:nowrap;font-size:13cqw;line-height:.92;letter-spacing:-.03em;max-width:none}
#wordmark-close .wordmark-close__rule{margin:14px 0 0 var(--gutter);max-width:min(48%,420px)}
#wordmark-close .wordmark-close__rule::before{background:var(--c-rule-dark)}
#wordmark-close .wordmark-close__meta{margin:clamp(1.5rem,3vw,2.25rem) var(--gutter) 0;display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;font-size:14px;line-height:1.5;color:var(--c-dark-text);opacity:.86;max-width:none}
#wordmark-close .wordmark-close__dot{display:none}
@media (min-width:768px){
  #wordmark-close .wordmark-close__type{font-size:22cqw}
  #wordmark-close .wordmark-close__rule{max-width:min(60%,760px)}
  #wordmark-close .wordmark-close__meta{flex-direction:row;align-items:baseline;text-align:left;gap:var(--sp-3)}
  #wordmark-close .wordmark-close__dot{display:inline}
}