.how-it-works{--hiw-plane:var(--final-mist);--hiw-seam-opening:42%;--hiw-seam-work:36%;--hiw-seam-commitments:44%;--hiw-seam-principles:32%;--hiw-seam-footer:24%;color:var(--final-ink);background:#e9e9df;overflow:clip}.hiw-opening{background:var(--final-paper-light);grid-template-columns:minmax(320px,5fr) minmax(540px,7fr);min-height:min(660px,100svh - 88px);display:grid}.hiw-opening-copy{z-index:2;padding:clamp(58px,8vw,108px) clamp(42px,6vw,84px) clamp(64px,7vw,96px) var(--final-pad);align-self:end;position:relative}.hiw-opening-copy:after{content:"";z-index:-1;background:var(--final-paper-light);clip-path:polygon(0 0,56% 0,100% 100%,0 100%);filter:drop-shadow(7px 3px 9px #273d4314);position:absolute;inset:0 clamp(-96px,-7vw,-54px) 0 0}.hiw-opening h1{letter-spacing:-.055em;max-width:8ch;margin:0 0 clamp(24px,3vw,38px);font-size:clamp(50px,5.4vw,76px);font-weight:450;line-height:.94}.hiw-opening-copy p{max-width:31ch;margin:0;font-size:clamp(18px,1.5vw,21px);line-height:1.48}.hiw-houston{filter:saturate(.78)contrast(.97);background:url(/images/community-skyline.jpg) 48%/cover no-repeat;min-height:520px}.hiw-section-nav{z-index:4;padding:0 var(--final-pad);background:#e9e9df;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid;position:relative}.hiw-section-nav:before{content:"";z-index:-1;background:var(--hiw-plane);clip-path:polygon(0 0,var(--hiw-seam-opening) 0,var(--hiw-seam-opening) 100%,0 100%);position:absolute;inset:-1px 0}.hiw-section-nav a{min-height:76px;color:inherit;letter-spacing:.035em;background:#e9e9dfd6;justify-content:space-between;align-items:center;gap:20px;padding:18px clamp(14px,2vw,26px);font-size:clamp(13px,1vw,15px);font-weight:680;text-decoration:none;display:flex}.hiw-section-nav a:first-child{background:#c6d0d5bd}.hiw-section-nav a:hover span:first-child{text-underline-offset:5px;text-decoration:underline}.hiw-section-nav a:focus-visible{outline-offset:-4px;outline:2px solid}.hiw-chapter{--hiw-in:var(--hiw-seam-opening);--hiw-out:var(--hiw-seam-work);isolation:isolate;padding:clamp(66px,7vw,96px) var(--final-pad) clamp(70px,7vw,98px);background:var(--final-paper);margin-top:-1px;scroll-margin-top:92px;position:relative}.hiw-chapter[data-chapter=commitments]{--hiw-in:var(--hiw-seam-work);--hiw-out:var(--hiw-seam-commitments);background:var(--final-paper-light)}.hiw-chapter[data-chapter=principles]{--hiw-in:var(--hiw-seam-commitments);--hiw-out:var(--hiw-seam-principles);background:var(--final-paper)}.hiw-chapter[data-chapter=what-to-expect]{--hiw-in:var(--hiw-seam-principles);--hiw-out:var(--hiw-seam-footer);background:var(--final-paper-light)}.hiw-chapter:before{content:"";z-index:0;background:var(--hiw-plane);clip-path:polygon(0 0,var(--hiw-in) 0,var(--hiw-out) 100%,0 100%);filter:drop-shadow(5px 4px 8px #273d4317);pointer-events:none;position:absolute;inset:-1px 0}.hiw-chapter:after{content:"";z-index:0;clip-path:polygon(calc(var(--hiw-in) - 0.12%) 0,calc(var(--hiw-in) + 0.35%) 0,calc(var(--hiw-out) + 0.65%) 100%,calc(var(--hiw-out) - 0.12%) 100%);pointer-events:none;background:linear-gradient(#0000,#5b74791c 48%,#0000);position:absolute;inset:-1px 0}.hiw-chapter-intro,.hiw-item,.hiw-chapter-close,.hiw-expectation{z-index:1;grid-template-columns:minmax(240px,4fr) minmax(0,8fr);gap:clamp(42px,6vw,92px);width:min(100%,1220px);margin-inline:auto;display:grid;position:relative}.hiw-chapter-intro{padding:0 0 clamp(30px,4vw,52px)}.hiw-chapter-intro h2{text-align:right;letter-spacing:-.048em;max-width:10ch;margin:0;font-size:clamp(39px,4.4vw,62px);font-weight:460;line-height:.98}.hiw-chapter-intro>div,.hiw-chapter-intro>p{align-self:end}.how-it-works p{max-width:62ch;margin:0 0 .72em;font-size:clamp(18px,1.38vw,20px);line-height:1.5}.how-it-works p:last-child{margin-bottom:0}.hiw-chapter-body{z-index:1;grid-template-columns:minmax(240px,4fr) minmax(0,8fr);gap:0 clamp(42px,6vw,92px);width:min(100%,1220px);margin-inline:auto;display:grid;position:relative}.hiw-item{grid-column:2;width:100%;padding:clamp(18px,1.9vw,28px) 0;display:block}.hiw-item h3{letter-spacing:-.035em;max-width:24ch;margin:0 0 12px;font-size:clamp(25px,2.35vw,34px);font-weight:480;line-height:1.08}.hiw-item-copy{max-width:700px}.hiw-antonym{color:var(--final-dust);font-style:italic;font-weight:600;margin-top:9px!important;font-size:13px!important}.hiw-definition{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,42px);margin:0;display:grid}.hiw-definition dt{color:var(--final-dust);letter-spacing:.09em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:720}.hiw-definition dd{margin:0}.hiw-definition p{font-size:clamp(18px,1.38vw,20px);line-height:1.5}.hiw-coaching-lens-field{grid-column:1/-1;min-width:0;margin:6px 0 0;padding:0;display:block;position:relative}.hiw-coaching-lens-definition{background:var(--final-paper-light);filter:drop-shadow(3px 5px 6px #273d4314);grid-template-columns:minmax(0,7fr) minmax(0,5fr);height:clamp(320px,25vw,380px);animation:.75s both hiw-lens-enter;display:grid;position:relative;overflow:hidden}.hiw-coaching-lens-definition:before{content:"";z-index:0;clip-path:polygon(0 0,58.333% 0,64.333% 100%,0 100%);background:#e9e9df;position:absolute;inset:0}.hiw-coaching-lens-definition>*{z-index:1;position:relative}.hiw-coaching-lens-definition-main{flex-direction:column;justify-content:center;min-width:0;margin-left:clamp(90px,20vw,380px);padding:clamp(30px,3.5vw,52px) clamp(30px,4.5vw,68px) clamp(30px,3.5vw,52px) 0;display:flex}.hiw-coaching-lens-definition h3{letter-spacing:-.055em;margin:0 0 7px;font-size:clamp(42px,4.7vw,68px);font-weight:700;line-height:.94}.hiw-coaching-lens-pronunciation{font-style:italic;margin:0!important;font-size:clamp(16px,1.35vw,20px)!important}.hiw-coaching-lens-definition ol{letter-spacing:-.025em;max-width:31ch;margin:18px 0 0;padding-left:1.15em;font-size:clamp(18px,1.5vw,23px);line-height:1.22}.hiw-coaching-lens-opposite{letter-spacing:-.035em;align-self:center;padding:clamp(30px,4vw,58px);font-weight:650;margin:0!important;font-size:clamp(24px,2.35vw,35px)!important;line-height:1.05!important}.hiw-coaching-lens-opposite span{letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px;font-size:15px;font-weight:750;display:block}.hiw-coaching-principle-controls{justify-content:space-between;gap:24px;display:flex}.hiw-coaching-principle-controls button{min-height:44px;color:inherit;font:inherit;text-underline-offset:5px;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:15px;text-decoration:underline}.hiw-coaching-principle-controls button:focus-visible{outline-offset:4px;outline:2px solid}@keyframes hiw-lens-enter{0%{opacity:0}}.hiw-expectation{grid-column:2;width:100%;padding:7px 0;display:block}.hiw-expectation p{letter-spacing:-.008em;max-width:54ch;font-size:clamp(19px,1.5vw,22px);line-height:1.48}.hiw-chapter[data-chapter=what-to-expect] .hiw-chapter-intro{padding-bottom:24px}.hiw-chapter[data-chapter=what-to-expect] .hiw-chapter-close{padding-top:28px}.hiw-chapter-close{align-items:end;padding:clamp(34px,4vw,50px) 0 0}.hiw-chapter-close>p,.hiw-chapter-close>div{grid-column:2}.hiw-next{width:min(100%,360px);min-height:52px;color:inherit;border-bottom:1px solid;grid-column:2;justify-content:space-between;justify-self:start;align-items:center;gap:24px;padding:13px 0 8px;font-size:16px;font-weight:680;text-decoration:none;display:inline-flex}.how-it-works a:focus-visible{outline-offset:4px;outline:2px solid}main:has(.how-it-works)+.final-footer:before{content:"";z-index:2;background:var(--footer-plane-color);clip-path:polygon(0 0,24% 0,var(--footer-plane-end) 100%,0 100%);filter:drop-shadow(5px 4px 8px #1c313612);pointer-events:none;position:absolute;inset:0}main:has(.how-it-works)+.final-footer .final-footer-contrast{z-index:3;color:var(--footer-plane-ink);clip-path:polygon(0 0,24% 0,var(--footer-plane-end) 100%,0 100%);pointer-events:none;-webkit-user-select:none;user-select:none;display:grid;position:absolute;inset:0}main:has(.how-it-works)+.final-footer .final-footer-contrast .final-footer-identity>span:last-child{color:#263f45b8}main:has(.how-it-works)+.final-footer .final-footer-contrast nav h3{color:#263f45b8}@media (max-width:800px){.how-it-works{--hiw-seam-opening:64%;--hiw-seam-work:42%;--hiw-seam-commitments:54%;--hiw-seam-principles:36%}.hiw-opening{grid-template-columns:1fr;min-height:0}.hiw-opening-copy{padding:46px var(--final-pad) 42px}.hiw-opening-copy:after{display:none}.hiw-opening h1{margin-bottom:22px;font-size:clamp(46px,14vw,60px)}.hiw-houston{background-position:48%;min-height:290px}.hiw-section-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.hiw-section-nav:before{clip-path:polygon(0 0,78% 0,var(--hiw-seam-opening) 100%,0 100%)}.hiw-section-nav a{min-height:66px;padding:14px var(--final-pad);background:#e9e9dfe6}.hiw-section-nav a:first-child{background:#c6d0d5bd}.hiw-chapter{padding:54px var(--final-pad) 64px}.hiw-chapter-intro,.hiw-chapter-close{grid-template-columns:1fr;gap:16px}.hiw-chapter-body{width:100%;display:block}.hiw-chapter-intro{padding-bottom:30px}.hiw-chapter-intro h2{text-align:right;font-size:clamp(38px,11vw,52px)}.hiw-item{padding:18px 0;display:block}.hiw-item h3{font-size:clamp(25px,7vw,31px)}.how-it-works p{font-size:18px}.hiw-coaching-lens-field{width:auto;margin:4px 0 0;padding:0 0 34px}.hiw-coaching-lens-definition{grid-template-columns:1fr;height:470px}.hiw-coaching-lens-definition:before{clip-path:polygon(0 0,88% 0,100% 68%,0 80%)}.hiw-coaching-lens-definition-main{justify-content:flex-start;margin-left:0;padding:44px 28px 24px}.hiw-coaching-lens-definition h3{font-size:48px}.hiw-coaching-lens-definition ol{font-size:20px}.hiw-coaching-lens-opposite{align-self:end;padding:24px 28px 32px;font-size:28px!important}.hiw-definition{grid-template-columns:1fr;gap:18px}.hiw-definition p{font-size:18px}.hiw-expectation{padding:5px 0;display:block}.hiw-chapter-close>p,.hiw-chapter-close>div,.hiw-next{grid-column:1}.hiw-expectation p{font-size:18px}.hiw-chapter-close{padding-top:30px}.hiw-next{width:100%}}@media (prefers-reduced-motion:reduce){.how-it-works,.how-it-works *{scroll-behavior:auto;transition:none!important;animation:none!important}.hiw-coaching-lens-definition{animation:none}}
