.contracting__section{padding-block:var(--section-space-m);padding-inline:var(--site-padding);background:linear-gradient(45deg,transparent 75%,var(--primary-10) 75% 79%,transparent 79% 83%,var(--secondary-10) 83% 85%,transparent 85%),var(--white);gap:0;&.contracting__section--warm{background:var(--secondary-10)}&.contracting__section--blue{background:var(--primary-10)}&.contracting__section--proof{padding-block:var(--section-space-xs);background:0 0}&.contracting__section--hero{isolation:isolate;background:0 0;padding-block:0;position:relative;overflow:hidden}&.contracting__section--negative{background:var(--danger-10);--contractor-tone:var(--danger-600)}&.contracting__section--positive{background:var(--success-10);--contractor-tone:var(--success-600)}&:is(.contracting__section--negative,.contracting__section--positive){& .contracting__eyebrow{color:var(--contractor-tone);&:before{background:var(--contractor-tone)}}& .membership-benefit{border-color:var(--contractor-tone);border-inline-start-color:var(--contractor-tone);background:var(--white);box-shadow:none}& .membership-benefit__icon{color:var(--contractor-tone)}}&.contracting__section--owner{background:linear-gradient(135deg,var(--primary-10),var(--white))}}.contracting__container{max-inline-size:var(--content-width);gap:var(--content-spacing);flex-direction:column;inline-size:100%;margin-inline:auto;display:flex}.contracting__hero{align-items:center;gap:var(--space-xl);grid-template-columns:1.05fr 1fr;display:grid;@media (width<=60rem){grid-template-columns:1fr}}.contracting__stack{gap:var(--content-spacing);flex-direction:column;align-items:flex-start;min-inline-size:0;display:flex}.contracting__eyebrow{font-size:var(--text-s);color:var(--secondary-400);align-items:center;gap:var(--space-s);display:flex;&:before{content:"";inline-size:var(--space-m);background:var(--secondary);flex-shrink:0;block-size:2px}}.contracting__title{font-size:var(--h2)}.contracting__heading{font-size:var(--h3)}.contracting__copy{margin:0}.contracting__hero-image{object-fit:cover;object-position:72% 50%;z-index:-2;border-radius:0;block-size:100%;inline-size:68%;position:absolute;inset:0 0 0 auto;mask-image:linear-gradient(90deg,#0000 20%,#000 60%),linear-gradient(#000 65%,#0000 100%);mask-composite:intersect;@media (width<=48rem){inline-size:calc(100% + 2 * var(--site-padding));max-inline-size:none;margin-inline:calc(-1 * var(--site-padding));object-position:72% 50%;block-size:20rem;display:block;position:relative;mask-image:linear-gradient(#000 65%,#0000 100%);mask-composite:add}}.contracting__checks{gap:var(--space-xs);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.contracting__check{align-items:center;gap:var(--space-s);display:flex;&:before{content:"✓";color:var(--secondary-400)}}.contracting__actions{gap:var(--space-s);flex-wrap:wrap;display:flex}.contracting__action{white-space:normal;max-inline-size:100%;min-block-size:var(--tap-target)}.contracting__grid{gap:var(--grid-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media (width<=64rem){grid-template-columns:1fr}}.contracting__two-grid{gap:var(--grid-gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));display:grid}.contracting__split{gap:var(--space-xl);grid-template-columns:1fr 1fr;align-items:center;display:grid;@media (width<=60rem){grid-template-columns:1fr}}.contracting__project-image{object-fit:cover;object-position:50% 50%;border-radius:var(--radius-m);block-size:100%;max-block-size:48rem;inline-size:100%;@media (width<=60rem){aspect-ratio:4/3;block-size:auto}box-shadow:var(--shadow-m)}.contracting__contact{gap:var(--space-xl);grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;display:grid;&:not(:has(img)){grid-template-columns:1fr}@media (width<=60rem){grid-template-columns:1fr}}.contracting__portrait{aspect-ratio:3/4;object-fit:cover;object-position:72% 50%;border-radius:var(--radius-m);block-size:auto;inline-size:100%;box-shadow:var(--shadow-m);display:block;@media (width<=60rem){max-inline-size:32rem;margin-inline:auto}}.contracting__offer{gap:var(--space-m);padding:var(--space-m);background:var(--white);border:var(--border-width) solid var(--primary-20);border-radius:var(--radius-m);flex-direction:column;display:flex;&>.membership-benefit{box-shadow:none;border:0;block-size:auto;padding:0}&>.contracting__copy{font-size:var(--text-s)}&>.contracting__action{align-self:flex-start;margin-block-start:auto}}.contracting__review-image{aspect-ratio:16/10;object-fit:cover;border-radius:var(--radius-m);inline-size:100%;box-shadow:var(--shadow-m)}.contracting__banner{justify-content:space-between;align-items:center;gap:var(--space-l);padding:var(--space-l);background:var(--secondary-10);border:var(--border-width) solid var(--secondary-20);border-radius:var(--radius-m);display:flex;& h2{font-size:var(--h3)}& button{flex-shrink:0}@media (width<=48rem){flex-direction:column;align-items:flex-start}}.contracting{gap:0;padding:0}.contracting__hero-copy{align-items:flex-start;gap:var(--space-m);max-inline-size:50%;padding-block:var(--section-space-l);flex-direction:column;display:flex;position:relative;@media (width<=48rem){max-inline-size:100%;padding-block:var(--section-space-xs) var(--section-space-s)}}.contracting__letter{align-items:flex-start;gap:var(--space-m);padding:var(--space-l);background:var(--white);border:var(--border-width) solid var(--primary-20);border-radius:var(--radius-l);flex-direction:column;display:flex;& .contracting__copy{max-inline-size:62ch}@media (width<=48rem){padding:var(--space-m)}}.contracting__signature{padding-block:var(--space-s);border-block-start:var(--border-width) solid var(--primary-20);color:var(--heading-color)}.contracting__intro{isolation:isolate;background:var(--white);position:relative;&:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(45deg,transparent 0 18%,var(--primary-10) 18% 22%,transparent 22% 27%,var(--secondary-10) 27% 29%,transparent 29%);mask-image:linear-gradient(to right,var(--black),transparent 55%);position:absolute;inset:0}}.contracting__credentials{gap:var(--grid-gap);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;@media (width<=40rem){grid-template-columns:1fr}scroll-margin-block-start:calc(var(--space-xxl) * 3)}.contracting__benefits{gap:var(--grid-gap);grid-template-columns:repeat(4,minmax(0,1fr));display:grid;& .membership-benefit{padding:var(--space-m);flex-direction:column}& .membership-benefit__body{overflow-wrap:anywhere;min-inline-size:0}@media (width<=64rem){grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=40rem){grid-template-columns:minmax(0,1fr)}}
