.home{overflow:hidden}.home h1,.home h2{letter-spacing:-.07em}.home-hero{max-width:1200px;margin:auto;padding:clamp(48px,5.5vw,72px) 5vw clamp(60px,7vw,88px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.72fr);gap:clamp(34px,5vw,78px);align-items:center}.home-hero__copy h1{max-width:650px;margin:18px 0 20px;font-size:clamp(3.1rem,4.6vw,4.5rem);line-height:.96}.home-hero__copy .lede{max-width:570px;margin:0}.home-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 19px;border:1px solid var(--ink);font-size:.82rem;font-weight:800;transition:background .2s,color .2s,border-color .2s}.button--primary{background:var(--ink);color:#fff}.button--primary:hover{background:var(--blue);border-color:var(--blue)}.button--secondary:hover{border-color:var(--blue);color:var(--blue)}.hero-preview{position:relative;display:block;overflow:hidden;border:1px solid var(--line);background:#dbe5dd;box-shadow:15px 15px 0 #e7e9ed}.hero-preview img{width:100%;height:auto;display:block;transition:transform .35s ease}.hero-preview:hover img{transform:scale(1.025)}.hero-preview__caption,.hero-preview__label{position:absolute;z-index:1;font:500 .61rem var(--font-dm-mono),monospace;letter-spacing:.08em;text-transform:uppercase}.hero-preview__label{top:14px;left:14px;padding:7px 9px;background:rgba(247,246,242,.91);color:var(--ink)}.hero-preview__caption{right:14px;bottom:14px;padding:9px 10px;background:var(--ink);color:#fff}.hero-preview__caption b{color:#ff9b83;font-size:1rem}.home-project{max-width:1100px;margin:auto;padding:0 5vw clamp(64px,8vw,96px);display:grid;grid-template-columns:.86fr 1.14fr;gap:clamp(38px,7vw,105px);align-items:center}.home-project__preview{overflow:hidden;border:1px solid var(--line);background:#eef0f2}.home-project__preview img{width:100%;height:100%;display:block;aspect-ratio:1.14;object-fit:cover;object-position:top}.home-project h2{max-width:620px;margin:15px 0 19px;font-size:clamp(2rem,3.5vw,3.45rem);line-height:1}.home-project__copy>p:not(.eyebrow){max-width:570px;line-height:1.7;color:#526075}.text-link span{margin-left:16px;font-size:1.1rem}.home-templates{padding:clamp(64px,7vw,92px) max(5vw,calc((100vw - 1100px)/2));background:#eef0f2}.home-section-heading{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(35px,9vw,130px);align-items:end}.home-cta h2,.home-section-heading h2{margin:15px 0 0;font-size:clamp(2.25rem,4.25vw,4.5rem);line-height:.95}.home-includes h2,.home-process h2{margin:15px 0 0;font-size:clamp(2.1rem,3.35vw,3.35rem);line-height:.98}.home-section-heading>p{max-width:440px;margin:0;line-height:1.75;color:#526075}.home-template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:58px 0 10px}.home-template-card{display:grid;grid-template-columns:1fr auto;gap:13px 12px;padding:11px;background:var(--paper);font-size:.84rem;font-weight:800}.home-template-card__image{grid-column:1/-1;overflow:hidden;border:1px solid #e0e3e7;background:#fff;aspect-ratio:1.28}.home-template-card img{width:100%;height:100%;display:block;object-fit:cover;object-position:top;transition:transform .3s ease}.home-template-card:hover img{transform:scale(1.03)}.home-template-card b{color:var(--coral);font-size:1.1rem}.home-templates>.text-link{margin-top:30px}.home-includes{padding:clamp(64px,7vw,92px) max(5vw,calc((100vw - 1100px)/2));display:grid;grid-template-columns:.93fr 1.07fr;gap:clamp(42px,10vw,150px)}.home-includes h2{max-width:590px}.home-includes ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.home-includes li{padding:18px 0 19px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:24px 1fr;gap:12px;font-size:.92rem;line-height:1.5}.home-includes li:before{content:"+";color:var(--coral);font:500 1.2rem var(--font-dm-mono),monospace}.home-process{padding:clamp(64px,7vw,92px) max(5vw,calc((100vw - 1100px)/2));display:grid;grid-template-columns:.78fr 1.22fr;gap:clamp(45px,10vw,150px);background:var(--ink);color:#fff}.home-process .eyebrow{color:#ff9b83}.home-process h2{max-width:500px}.home-process>div>p:not(.eyebrow){max-width:400px;line-height:1.7;color:#d4dbe6}.home-process .text-link{color:#fff}.home-process ol{list-style:none;margin:0;padding:0;border-top:1px solid #647086}.home-process li{display:grid;grid-template-columns:54px 1fr;gap:18px;padding:18px 0;border-bottom:1px solid #647086}.home-process li span{font:500 .7rem var(--font-dm-mono),monospace;color:#ff9b83}.home-process li p{max-width:460px;margin:0;line-height:1.55}.home-cta{padding:clamp(80px,11vw,150px) 5vw;background:#df735b;text-align:center}.home-cta,.home-cta .eyebrow{color:#17243a}.home-cta h2{max-width:800px;margin:15px auto 21px}.home-cta>p:not(.eyebrow){max-width:510px;margin:0 auto;line-height:1.7}.button--light{margin-top:30px;background:#f7f6f2;border-color:#f7f6f2}.button--light:hover{background:#17243a;border-color:#17243a;color:#fff}.home a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.home-process a:focus-visible{outline-color:#fff}.home-cta a:focus-visible{outline-color:#17243a}@media(max-width:760px){.home-hero{grid-template-columns:1fr;padding:52px 5vw 70px;gap:38px}.home-hero__copy h1{max-width:600px;font-size:clamp(2.8rem,11.5vw,4rem)}.hero-preview{width:min(100%,470px);justify-self:center;box-shadow:10px 10px 0 #e7e9ed}.home-includes,.home-process,.home-project,.home-section-heading{grid-template-columns:1fr;gap:31px}.home-project{padding-bottom:64px}.home-project__preview{width:min(100%,470px);justify-self:center}.home-project__preview img{aspect-ratio:1.28}.home-template-grid{grid-template-columns:1fr;gap:14px;margin-top:38px}.home-template-card__image{aspect-ratio:1.5}.home-includes,.home-process{padding-top:64px;padding-bottom:64px}.home-cta h2,.home-includes h2,.home-process h2,.home-section-heading h2{font-size:clamp(2.25rem,10vw,3.5rem)}.home-process li{grid-template-columns:42px 1fr}.home-cta{text-align:left}.home-cta h2,.home-cta>p:not(.eyebrow){margin-left:0}.home-cta .button{width:100%}}.home-hero__copy h1{font-size:clamp(3.1rem,4vw,3.9rem)}@media (max-width:760px){.home-hero__copy h1{font-size:clamp(2.8rem,11.5vw,4rem)}}