/* Shared responsive finishing layer. Brands retain their own visual identity. */
html{scrollbar-gutter:stable;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-x:clip}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
:is(main,section,article,header,footer,nav,div)>*{min-width:0}
button,a,input,summary{touch-action:manipulation}
.dw-demo-bar{padding-inline:max(24px,calc((100vw - 1240px)/2));height:48px;min-height:48px}
.dw-demo-bar a{min-height:28px;font-size:14px}.dw-demo-bar span{font-size:12px}
/* Agency: confident proportions, aligned cards and always legible content. */
body[data-layout="agency"]{--max:1320px}
[data-layout="agency"] .section-wrap{padding:88px 48px}
[data-layout="agency"] .header{height:108px;padding:16px 48px;gap:24px}
[data-layout="agency"] .hero{padding-top:32px;padding-bottom:28px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px 48px;align-items:center}
[data-layout="agency"] .hero-copy{padding:24px 0;animation:none}
[data-layout="agency"] .hero h1{font-size:clamp(40px,4.3vw,64px);line-height:1.08;letter-spacing:-.055em}
[data-layout="agency"] .hero-description{font-size:17px;line-height:1.7;max-width:490px;margin:26px 0 30px}
[data-layout="agency"] .hero-actions{gap:16px 22px}
[data-layout="agency"] .hero-bottom{padding-top:24px;margin-top:20px}
[data-layout="agency"] .section-heading h2,[data-layout="agency"] .brand-grid h2,[data-layout="agency"] .offer-copy h2{font-size:clamp(32px,3.5vw,48px);line-height:1.13}
[data-layout="agency"] .section-heading{margin-bottom:36px}
[data-layout="agency"] .eyebrow{font-size:12px;line-height:1.6;margin-bottom:20px}
[data-layout="agency"] .effect-reveal{opacity:1!important;translate:none!important;clip-path:none!important;transition:none!important}
[data-layout="agency"] .problem{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:60px}
[data-layout="agency"] .large-copy{font-size:20px;line-height:1.6}
[data-layout="agency"] .story-grid{gap:24px}
[data-layout="agency"] .story-grid p,[data-layout="agency"] .service-card p,[data-layout="agency"] .process-grid p{font-size:16px;line-height:1.65}
[data-layout="agency"] .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
[data-layout="agency"] .service-card{padding:30px;min-height:300px;border-radius:12px}
[data-layout="agency"] .service-card h3{font-size:23px;line-height:1.2;letter-spacing:-.035em}
[data-layout="agency"] .service-icon{margin-bottom:24px}
[data-layout="agency"] .service-card .card-tag{margin-top:auto;padding-top:24px;font-size:11px}
[data-layout="agency"] .orange-card button{margin-top:24px}
[data-layout="agency"] .brand-grid{max-width:1320px;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
[data-layout="agency"] .brand-grid p:not(.eyebrow){font-size:17px;line-height:1.7}
[data-layout="agency"] .projects .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 40px;align-items:start}
[data-layout="agency"] .website-project{margin:0!important;padding:0 8px 0 0;transform:none!important}
[data-layout="agency"] .website-project .project-browser{transform:none!important;transition:box-shadow .2s}
[data-layout="agency"] .website-project .project-mobile{right:0;bottom:0;width:24%;border-radius:18px}
[data-layout="agency"] .website-project .project-meta{margin-top:32px;transform:none!important;gap:16px}
[data-layout="agency"] .project-meta h3{font-size:22px}.project-meta p{font-size:14px!important}
[data-layout="agency"] .process-grid{gap:32px}
[data-layout="agency"] .pricing-grid{max-width:1224px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:start}
[data-layout="agency"] .offer-copy .decision-note{padding:24px;margin-top:28px}
[data-layout="agency"] .offer-afterword{grid-column:1/-1;gap:48px;border-top:1px solid #c6cecd;padding-top:32px}
[data-layout="agency"] .price-card{padding:36px;border-radius:16px}
[data-layout="agency"] .price-card .setup-price{font-size:76px}
[data-layout="agency"] .offer-services li>span,[data-layout="agency"] .price-card .offer-saving,[data-layout="agency"] .price-card .offer-included{font-size:16px}
[data-layout="agency"] .faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:72px}
[data-layout="agency"] .faq-list p{font-size:16px}
[data-layout="agency"] .final-cta h2{font-size:clamp(34px,4.2vw,60px);max-width:900px;margin-inline:auto}
[data-layout="agency"] .footer{padding-top:40px;padding-bottom:28px}
[data-layout="agency"] button.craft-button{grid-template-columns:minmax(0,1fr) 30px;gap:16px;padding:15px 22px;min-height:56px}
[data-layout="agency"] button.craft-button:before{display:none}
[data-layout="agency"] button.craft-button>.craft-label{grid-column:1;font-size:15px}
[data-layout="agency"] button.craft-button>.craft-icon{grid-column:2}
[data-layout="agency"] button.craft-button.small{grid-template-columns:minmax(0,1fr) 27px;padding:11px 16px;min-height:46px}
[data-layout="agency"] .build-heading h2{max-width:none;font-size:30px}
/* Garden: less empty space, clear modular grids, a more compact planning scene. */
[data-layout="garden"] .wrap{max-width:1320px;padding-inline:48px}
[data-layout="garden"] header{padding-inline:max(48px,calc((100vw - 1224px)/2));height:88px}
[data-layout="garden"] .hero{padding-top:28px}
[data-layout="garden"] .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:56px;padding:36px 0 44px}
[data-layout="garden"] h1{font-size:clamp(42px,4.2vw,64px);line-height:1.1}
[data-layout="garden"] h2{font-size:clamp(32px,3.4vw,48px)}
[data-layout="garden"] .collage{height:480px;gap:14px}
[data-layout="garden"] .crop{animation:none;opacity:1}
[data-layout="garden"] .lead{font-size:17px;line-height:1.7}
[data-layout="garden"] .hero-note{margin-top:28px}
[data-layout="garden"] .planning{height:280svh;margin-top:24px}
[data-layout="garden"] .plan-sticky{top:48px;height:calc(100svh - 48px);padding:24px 48px}
[data-layout="garden"] .plan-layout{gap:48px;grid-template-columns:minmax(0,1.4fr) minmax(260px,1fr);height:calc(100% - 100px);margin-top:24px}
[data-layout="garden"] .plan-canvas{max-height:560px}
[data-layout="garden"] .materials,[data-layout="garden"] .projects,[data-layout="garden"] .services,[data-layout="garden"] .process{padding-top:88px;padding-bottom:0}
[data-layout="garden"] .material-grid{gap:16px}
[data-layout="garden"] .material:nth-child(even){margin:0}
[data-layout="garden"] .project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
[data-layout="garden"] .project:nth-child(n){grid-column:auto;margin-top:0}
[data-layout="garden"] .project:nth-child(n) .project-image{height:auto;aspect-ratio:4/3}
[data-layout="garden"] .comparison{padding-top:88px;max-width:1320px;margin:auto}
[data-layout="garden"] .compare{height:auto;aspect-ratio:16/9;margin-inline:48px}
[data-layout="garden"] .quiet{height:500px;margin-top:88px}
[data-layout="garden"] .quiet>div{margin-left:max(18px,calc((100vw - 1240px)/2))}
[data-layout="garden"] .trust{padding-block:88px;gap:64px}
[data-layout="garden"] .trust>img{height:430px}
[data-layout="garden"] .closing{height:560px;margin-top:64px}
[data-layout="garden"] .closing-copy{padding:48px max(48px,calc((100vw - 1224px)/2))}
/* Clearance: contained desktop compositions and aligned project cards. */
[data-layout="clearance"] header{padding-inline:max(48px,calc((100vw - 1224px)/2));height:88px}
[data-layout="clearance"] .hero{padding:44px max(48px,calc((100vw - 1224px)/2)) 56px;gap:56px;grid-template-columns:1fr 1fr}
[data-layout="clearance"] h1{font-size:clamp(42px,4.6vw,68px);line-height:1.08}
[data-layout="clearance"] h2{font-size:clamp(32px,3.5vw,48px)}
[data-layout="clearance"] .hero-visual{height:510px}
[data-layout="clearance"] .hero-copy{padding:12px 0}
[data-layout="clearance"] .hero .actions{flex-direction:row;align-items:center;gap:20px}
[data-layout="clearance"] .section{max-width:1320px;padding:88px 48px}
[data-layout="clearance"] .services{padding-inline:max(48px,calc((100vw - 1224px)/2));max-width:none;gap:80px}
[data-layout="clearance"] .clearance{height:250svh;padding-inline:max(48px,calc((100vw - 1224px)/2))}
[data-layout="clearance"] .clearance-pin{top:136px;height:calc(100svh - 136px)}
[data-layout="clearance"] .comparison-grid{grid-template-columns:1fr 1fr;gap:28px}
[data-layout="clearance"] .comparison-grid article:nth-child(2){padding-top:0}
[data-layout="clearance"] .steps{gap:24px}
[data-layout="clearance"] .faq{gap:64px}
/* Roof and electrical: use the same comfortable width, retain distinct brands. */
:is([data-layout="roof"],[data-layout="electric"]) .wrap{width:min(1224px,calc(100% - 96px))}
:is([data-layout="roof"],[data-layout="electric"]) .site-nav{height:96px;gap:24px}
:is([data-layout="roof"],[data-layout="electric"]) .section-head h2{font-size:clamp(34px,3.5vw,50px);line-height:1.12}
:is([data-layout="roof"],[data-layout="electric"]) .section-head p{font-size:16px;max-width:350px}
:is([data-layout="roof"],[data-layout="electric"]) .section{padding-block:80px}
:is([data-layout="roof"],[data-layout="electric"]) .contact-panel{padding:48px;gap:40px}
:is([data-layout="roof"],[data-layout="electric"]) .contact-panel h2{font-size:clamp(32px,3.6vw,50px)}
:is([data-layout="roof"],[data-layout="electric"]) .faq{padding-block:80px;gap:56px}
:is([data-layout="roof"],[data-layout="electric"]) .demo-footer{align-items:center;flex-wrap:wrap;font-size:14px}
[data-layout="roof"] .roof-hero{height:560px}
[data-layout="roof"] .roof-intro{padding:56px 48px}
[data-layout="roof"] .roof-intro h1{font-size:clamp(48px,5.6vw,78px);max-width:750px}
[data-layout="roof"] .roof-intro p{font-size:17px;max-width:380px}
[data-layout="roof"] .roof-about{padding:48px;gap:48px}
[data-layout="roof"] .roof-about h2{font-size:48px}
[data-layout="roof"] .roof-about-photo{height:400px}
[data-layout="roof"] .material-grid h3{font-size:34px}
[data-layout="roof"] .roof-promise{gap:24px}
[data-layout="electric"] .electric-hero{padding:48px 48px 0;border-radius:20px}
[data-layout="electric"] .electric-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px}
[data-layout="electric"] .electric-intro h1{font-size:clamp(40px,4.4vw,64px);line-height:1.08}
[data-layout="electric"] .electric-intro>p{font-size:17px;max-width:410px;line-height:1.65}
[data-layout="electric"] .electric-photo{height:400px}
[data-layout="electric"] .electric-about{padding:48px;gap:48px}
[data-layout="electric"] .electric-about h2{font-size:44px}
[data-layout="electric"] .approach p{font-size:16px}
[data-layout="electric"] .electric-hero-bottom{font-size:14px;padding:24px 0}
[data-layout="electric"] .electric-hero-bottom b{font-size:15px}
/* Legal pages stay legible on wide monitors. */
[data-layout="legal"] main{max-width:900px;margin-inline:auto}
/* Tablets and phone desktop-mode: avoid squeezing two-column heroes. */
@media(max-width:1100px){
 [data-layout="agency"] .header{gap:18px}.header nav{gap:20px}
 [data-layout="agency"] .header-cta{display:none!important}
 [data-layout="agency"] .hero{grid-template-columns:1fr;gap:24px}
 [data-layout="agency"] .hero-copy{max-width:760px;padding:10px 0}
 [data-layout="agency"] .hero h1{font-size:clamp(40px,6.1vw,60px)}
 [data-layout="agency"] .hero-description{max-width:650px}
 [data-layout="agency"] .showcase{width:100%;max-width:780px;margin:0 auto}
 [data-layout="agency"] .hero .browser-window>.preview-screen{aspect-ratio:1200/720}
 [data-layout="agency"] .problem{grid-template-columns:1fr;gap:30px}
 [data-layout="agency"] .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-layout="agency"] .brand-grid{grid-template-columns:1fr;gap:24px}
 [data-layout="agency"] .pricing-grid{grid-template-columns:1fr;max-width:820px;gap:32px}
 [data-layout="agency"] .faq{grid-template-columns:1fr;gap:30px}
 [data-layout="garden"] header nav{gap:16px}
 [data-layout="garden"] .hero-grid{gap:32px}.collage{min-width:0}
 [data-layout="garden"] .collage{height:400px}
 [data-layout="garden"] .material-grid{grid-template-columns:repeat(3,1fr)}
 [data-layout="garden"] .material{aspect-ratio:1}
 [data-layout="garden"] .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 [data-layout="clearance"] nav{gap:14px}
 [data-layout="clearance"] .hero{gap:32px}
 [data-layout="clearance"] .hero-visual{height:460px}
 [data-layout="clearance"] .steps{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:32px}
 [data-layout="roof"] .site-nav>.nav-cta{display:none}
 [data-layout="roof"] .nav-links{gap:18px}
 [data-layout="roof"] .roof-intro{padding:44px 36px}
 [data-layout="roof"] .roof-about{gap:30px;padding:32px}
 [data-layout="electric"] .electric-hero{padding:32px 32px 0}
 [data-layout="electric"] .electric-main{gap:28px}
 [data-layout="electric"] .electric-photo{height:340px}
}
@media(min-width:701px) and (max-width:1000px){
 [data-layout="garden"] .hero-grid,[data-layout="clearance"] .hero{grid-template-columns:1fr 1fr}
 [data-layout="garden"] .hero-grid{gap:24px}
 [data-layout="garden"] h1{font-size:42px}
 [data-layout="clearance"] h1{font-size:46px}
 [data-layout="roof"] .roof-promise{grid-template-columns:repeat(2,1fr)}
 [data-layout="electric"] .electric-main{grid-template-columns:1fr}
 [data-layout="electric"] .electric-intro{padding-bottom:0}
 [data-layout="electric"] .electric-intro h1{max-width:680px;font-size:56px}
 [data-layout="electric"] .electric-photo{height:380px;margin:0 0 28px}
 :is([data-layout="roof"],[data-layout="electric"]) .contact-panel{flex-direction:column;align-items:flex-start}
}
@media(max-width:760px){
 [data-layout="agency"] .section-wrap{padding:56px 24px}
 [data-layout="agency"] .header{height:92px;padding:14px 24px}
 [data-layout="agency"] .hero{padding-top:18px;padding-bottom:24px;gap:28px}
 [data-layout="agency"] .hero h1{font-size:clamp(34px,8.7vw,48px)}
 [data-layout="agency"] .hero-description{font-size:16px;line-height:1.65;margin:22px 0 24px}
 [data-layout="agency"] .hero-actions{gap:16px}
 [data-layout="agency"] .hero-bottom{margin-top:0}
 [data-layout="agency"] .section-heading h2,[data-layout="agency"] .brand-grid h2,[data-layout="agency"] .offer-copy h2{font-size:clamp(30px,7.8vw,40px)}
 [data-layout="agency"] .section-heading.horizontal{display:block}
 [data-layout="agency"] .section-heading.horizontal>p{margin-top:20px;font-size:16px;max-width:none}
 [data-layout="agency"] .large-copy{font-size:18px}
 [data-layout="agency"] .story-grid{grid-template-columns:1fr;gap:24px}
 [data-layout="agency"] .story-grid .step-number{margin-bottom:10px}
 [data-layout="agency"] .service-grid{grid-template-columns:1fr}
 [data-layout="agency"] .service-card{min-height:0;padding:26px}
 [data-layout="agency"] .service-card h3{font-size:23px}
 [data-layout="agency"] .projects .project-grid{grid-template-columns:1fr;gap:40px}
 [data-layout="agency"] .project-meta{flex-wrap:wrap}
 [data-layout="agency"] .website-project .project-mobile{width:25%}
 [data-layout="agency"] .price-card{padding:26px 22px}
 [data-layout="agency"] .price-card .setup-price{font-size:64px}
 [data-layout="agency"] .offer-afterword{grid-template-columns:1fr;gap:26px}
 [data-layout="agency"] .final-cta h2{font-size:36px}
 [data-layout="agency"] .footer{padding-top:32px}
 [data-layout="agency"] .build-heading h2{font-size:25px}
 [data-layout="agency"] button.craft-button{padding:15px 18px;gap:12px}
 [data-layout="agency"] button.craft-button>.craft-label{font-size:14px}
 [data-layout="agency"] .hero-actions button.craft-button{width:100%}
}
@media(max-width:700px){
 .dw-demo-bar{padding:8px 20px}.dw-demo-bar span{display:none}
 :is([data-layout="roof"],[data-layout="electric"]) .wrap{width:calc(100% - 40px)}
 :is([data-layout="roof"],[data-layout="electric"]) .site-nav{height:84px}
 :is([data-layout="roof"],[data-layout="electric"]) .section-head{display:block;margin-bottom:28px}
 :is([data-layout="roof"],[data-layout="electric"]) .section-head p{margin-top:20px;max-width:none}
 :is([data-layout="roof"],[data-layout="electric"]) .section{padding-block:56px}
 :is([data-layout="roof"],[data-layout="electric"]) .contact-panel{padding:28px 24px;gap:26px;flex-direction:column;align-items:flex-start}
 :is([data-layout="roof"],[data-layout="electric"]) .faq{padding-block:56px;gap:28px}
 :is([data-layout="roof"],[data-layout="electric"]) .demo-footer{gap:22px;align-items:flex-start}
 [data-layout="roof"] .roof-hero{height:auto;min-height:570px}
 [data-layout="roof"] .roof-intro{padding:32px 24px}
 [data-layout="roof"] .roof-intro h1{font-size:clamp(38px,10.4vw,62px)}
 [data-layout="roof"] .roof-intro p{font-size:16px;max-width:290px}
 [data-layout="roof"] .roof-about{padding:26px 24px;gap:30px}
 [data-layout="roof"] .roof-about h2{font-size:38px}
 [data-layout="roof"] .roof-about-photo{height:300px}
 [data-layout="roof"] .roof-promise{gap:18px}
 [data-layout="electric"] .electric-hero{padding:28px 24px 0;border-radius:14px}
 [data-layout="electric"] .electric-main{grid-template-columns:1fr;gap:26px}
 [data-layout="electric"] .electric-intro{padding:0}
 [data-layout="electric"] .electric-intro h1{font-size:clamp(35px,9.6vw,52px)}
 [data-layout="electric"] .electric-intro>p{font-size:16px}
 [data-layout="electric"] .electric-photo{height:300px;margin:0 0 24px}
 [data-layout="electric"] .energy-card{left:12px;right:12px;bottom:16px;padding:14px;gap:12px}
 [data-layout="electric"] .electric-about{padding:28px 24px;gap:28px}
 [data-layout="electric"] .electric-about h2{font-size:34px}
 [data-layout="electric"] .electric-hero-bottom{grid-template-columns:1fr;gap:14px}
 [data-layout="garden"] .wrap{padding-inline:24px}
 [data-layout="garden"] header{height:80px;padding-inline:24px}
 [data-layout="garden"] .hero{padding-top:22px}
 [data-layout="garden"] .hero-grid{grid-template-columns:1fr;padding:28px 0;gap:32px}
 [data-layout="garden"] h1{font-size:clamp(37px,10vw,54px)}
 [data-layout="garden"] h2{font-size:34px}
 [data-layout="garden"] .collage{height:360px;margin:0;max-width:none;padding-left:10px}
 [data-layout="garden"] .lead{font-size:16px;margin:22px 0}
 [data-layout="garden"] .hero-note{margin-top:24px}
 [data-layout="garden"] .planning{height:250svh}
 [data-layout="garden"] .plan-sticky{padding:20px 24px;top:48px;height:calc(100svh - 48px)}
 [data-layout="garden"] .plan-layout{grid-template-columns:1fr;gap:14px;height:calc(100% - 66px);margin-top:16px;grid-template-rows:minmax(160px,1fr) auto}
 [data-layout="garden"] .plan-heading h2{font-size:22px}
 [data-layout="garden"] .plan-heading>.eyebrow,[data-layout="garden"] .plan-heading p{display:none}
 [data-layout="garden"] .plan-canvas{height:100%;min-height:0;max-height:none}
 [data-layout="garden"] .plan-story h3{font-size:26px;margin:8px 0}
 [data-layout="garden"] .plan-story p{font-size:14px;min-height:0;max-width:none}
 [data-layout="garden"] .phase-list{margin-top:12px;grid-template-columns:repeat(3,1fr);gap:0 12px}
 [data-layout="garden"] .phase-list button{font-size:11px;min-height:36px;padding:6px 0}
 [data-layout="garden"] .phase-list button span{font-size:11px;margin-left:6px}
 [data-layout="garden"] .plan-cta{margin-top:10px;min-height:40px;padding:8px 14px}
 [data-layout="garden"] .materials,[data-layout="garden"] .projects,[data-layout="garden"] .services,[data-layout="garden"] .process{padding-top:56px}
 [data-layout="garden"] .material-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
 [data-layout="garden"] .project-grid{grid-template-columns:1fr;gap:28px}
 [data-layout="garden"] .comparison{padding-top:56px}
 [data-layout="garden"] .compare{margin-inline:24px;aspect-ratio:4/3}
 [data-layout="garden"] .quiet{height:480px;margin-top:56px}
 [data-layout="garden"] .quiet>div{margin:0;padding:28px 24px}
 [data-layout="garden"] .trust{padding-block:56px;gap:28px}
 [data-layout="garden"] .trust>img{height:300px}
 [data-layout="garden"] .closing{height:480px;margin-top:40px}
 [data-layout="garden"] .closing-copy{padding:32px 24px}
 [data-layout="clearance"] header{height:76px;padding-inline:24px}
 [data-layout="clearance"] .hero{grid-template-columns:1fr;padding:24px 24px 36px;gap:28px}
 [data-layout="clearance"] h1{font-size:clamp(38px,10.5vw,56px)}
 [data-layout="clearance"] h2{font-size:34px}
 [data-layout="clearance"] .hero-visual{height:360px}
 [data-layout="clearance"] .section{padding:56px 24px}
 [data-layout="clearance"] .services{gap:32px}
 [data-layout="clearance"] .clearance{height:230svh;padding-inline:24px}
 [data-layout="clearance"] .clearance-pin{top:124px;height:calc(100svh - 124px)}
 [data-layout="clearance"] .comparison-grid{grid-template-columns:1fr;gap:32px}
 [data-layout="clearance"] .steps{grid-template-columns:1fr;gap:28px}
 [data-layout="clearance"] .faq{gap:28px}
}
@media(prefers-reduced-motion:reduce){
 [data-layout="garden"] .planning,[data-layout="clearance"] .clearance{height:auto}
 [data-layout="garden"] .plan-sticky,[data-layout="clearance"] .clearance-pin{position:relative;top:auto;height:auto}
 [data-layout="garden"] .plan-layout{height:auto}
 [data-layout="garden"] .plan-canvas{height:380px}
}
@media(min-width:1101px){
 [data-layout="agency"] .pricing-grid{grid-template-rows:auto 1fr}
 [data-layout="agency"] .pricing-grid>.price-card{grid-column:2;grid-row:1/3}
 [data-layout="agency"] .offer-afterword{grid-column:1;grid-row:2;grid-template-columns:1fr;gap:28px}
 [data-layout="garden"] .plan-heading h2{font-size:28px}
}
@media(max-width:700px){
 [data-layout="garden"] .plan-sticky{padding-bottom:82px;min-height:0}
 [data-layout="garden"] .plan-layout{display:grid;align-items:stretch;grid-template-rows:minmax(120px,1fr) auto}
 [data-layout="garden"] .plan-story h3{font-size:22px;line-height:1.15}
 [data-layout="garden"] .plan-story p{font-size:13px;line-height:1.45}
 [data-layout="garden"] .plan-cta{display:none}
}
@media(prefers-reduced-motion:reduce){[data-layout="garden"] .plan-layout{grid-template-rows:auto auto}}