.blog-index-hero{position:relative;padding:clamp(4rem,9vw,8rem) var(--pad) clamp(4rem,8vw,7rem);border-bottom:1px solid var(--line);overflow:hidden}.blog-index-hero:after{position:absolute;z-index:-1;right:-9rem;bottom:-16rem;width:min(46vw,42rem);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;box-shadow:inset 0 0 0 55px var(--paper),inset 0 0 0 56px var(--line),inset 0 0 0 110px var(--paper),inset 0 0 0 111px var(--line);content:""}.blog-index-hero-inner,.blog-index-main,.article-hero-inner,.article-shell{width:min(100%,var(--max));margin:0 auto}.blog-index-hero-inner{display:grid;align-items:end;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:clamp(2rem,8vw,8rem)}.blog-index-hero .display{max-width:12ch;margin-top:1.2rem}.blog-index-hero-summary{align-self:end}.blog-index-hero-summary .lead{margin-top:0}.blog-index-hero-summary .button-row{margin-top:2rem}.pergola-planning{padding:clamp(4rem,8vw,7rem) var(--pad) clamp(4rem,9vw,8rem);color:var(--paper);background:var(--ink)}.pergola-planning-inner,.pergola-planning-questions,.blog-faq-inner{width:min(100%,var(--max));margin-right:auto;margin-left:auto}.pergola-planning-inner{display:grid;align-items:center;grid-template-columns:minmax(0,.9fr) minmax(360px,1.1fr);gap:clamp(3rem,8vw,8rem)}.pergola-planning .eyebrow{color:var(--green)}.pergola-planning-copy h2,.blog-faq-heading h2{margin:1.2rem 0 2rem;font-family:var(--display);font-size:clamp(2.6rem,5vw,5.2rem);letter-spacing:-.065em;line-height:.92;text-transform:uppercase}.pergola-planning-copy>p{max-width:43rem;color:color-mix(in srgb,var(--paper) 76%,var(--gray));font-size:1.05rem}.pergola-planning-copy .button-row{margin-top:2rem}.pergola-planning-copy .button-dark{color:var(--ink);background:var(--green)}.pergola-planning-copy .button-dark:hover{box-shadow:5px 5px 0 var(--paper)}.pergola-planning-visual{min-width:0}.pergola-planning-image{min-height:500px;aspect-ratio:4 / 3;box-shadow:16px 16px 0 var(--green)}.pergola-planning-visual>p{margin:1.6rem 0 0;color:color-mix(in srgb,var(--paper) 65%,var(--gray));font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pergola-planning-questions{display:grid;margin-top:clamp(4rem,8vw,7rem);border-top:1px solid var(--gray);grid-template-columns:repeat(3,minmax(0,1fr))}.pergola-planning-questions article{min-height:250px;padding:1.6rem 1.6rem 1.6rem 0;border-right:1px solid var(--gray);border-bottom:1px solid var(--gray)}.pergola-planning-questions article:not(:first-child){padding-left:1.6rem}.pergola-planning-questions article:last-child{border-right:0}.pergola-planning-questions span{color:var(--green);font-size:.67rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.pergola-planning-questions h3{max-width:14ch;margin:3.5rem 0 1rem;font-family:var(--display);font-size:clamp(1.6rem,2.6vw,2.6rem);letter-spacing:-.045em;line-height:1;text-transform:uppercase}.pergola-planning-questions p{max-width:28rem;margin:0;color:color-mix(in srgb,var(--paper) 72%,var(--gray))}.blog-index-main{padding:clamp(3.5rem,6vw,6rem) var(--pad) clamp(5rem,10vw,9rem)}.blog-index-heading{display:grid;margin-bottom:clamp(2rem,4vw,3.5rem);align-items:end;grid-template-columns:minmax(200px,.65fr) minmax(0,1.35fr);gap:2rem}.blog-index-heading h2{max-width:15ch;margin:0;font-family:var(--display);font-size:clamp(2.4rem,4.5vw,4.8rem);letter-spacing:-.065em;line-height:.92;text-transform:uppercase}.blog-feature-list{border-top:2px solid var(--ink)}.blog-feature-card{display:grid;padding:clamp(2rem,5vw,4.5rem) 0;border-bottom:1px solid var(--line);grid-template-columns:minmax(300px,1.05fr) minmax(0,.95fr);gap:clamp(2rem,7vw,7rem)}.blog-feature-media{position:relative;min-width:0;text-decoration:none}.blog-card-image{min-height:420px;aspect-ratio:16 / 10}.blog-feature-media>span{position:absolute;right:0;bottom:0;display:flex;min-height:54px;padding:.8rem 1rem;align-items:center;gap:1rem;color:var(--ink);background:var(--green);font-size:.72rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.blog-feature-copy{align-self:center}.blog-meta,.article-kicker{display:flex;margin:0 0 1.3rem;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;color:var(--gray);font-size:.68rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.blog-meta span,.article-kicker span{padding:.35rem .55rem;color:var(--ink);background:var(--green)}.blog-feature-copy h2{margin:0;font-family:var(--display);font-size:clamp(2rem,4vw,4rem);letter-spacing:-.06em;line-height:.95;text-transform:uppercase}.blog-feature-copy h2 a{text-decoration:none}.blog-feature-copy h2 a:hover{text-decoration:underline;text-decoration-color:var(--green)}.blog-feature-copy>p:not(.blog-meta){max-width:42rem;margin:1.5rem 0;color:var(--dark);font-size:1.06rem}.blog-context-links{display:flex;padding-top:1.2rem;border-top:1px solid var(--line);flex-wrap:wrap;gap:.75rem 1.4rem}.blog-context-links a{font-size:.75rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.blog-faq{padding:clamp(4rem,8vw,7rem) var(--pad);border-top:1px solid var(--ink);background:var(--soft)}.blog-faq-inner{display:grid;grid-template-columns:minmax(260px,.78fr) minmax(0,1.22fr);gap:clamp(3rem,8vw,8rem)}.blog-faq-heading h2{max-width:12ch;font-size:clamp(2.4rem,4.3vw,4.6rem)}.blog-faq-heading>p{max-width:34rem;color:var(--dark)}.blog-faq-heading .text-link{margin-top:1.5rem}.blog-faq-list{border-top:2px solid var(--ink)}.blog-faq-list details{border-bottom:1px solid var(--line)}.blog-faq-list summary{display:grid;min-height:72px;padding:1rem 0;align-items:center;cursor:pointer;grid-template-columns:1fr 2.25rem;gap:1rem;font-weight:850;list-style:none}.blog-faq-list summary::-webkit-details-marker{display:none}.blog-faq-list summary span{display:grid;width:2.25rem;height:2.25rem;border:1px solid var(--ink);place-items:center}.blog-faq-list details[open] summary span{background:var(--green);transform:rotate(45deg)}.blog-faq-list details>p{max-width:48rem;padding:0 3.5rem 1.5rem 0;margin:0;color:var(--dark)}.article-hero{position:relative;padding:clamp(3.5rem,7vw,7rem) var(--pad) clamp(4rem,8vw,7rem);border-bottom:1px solid var(--line);background:linear-gradient(108deg,var(--paper) 0 66%,var(--soft) 66% 100%);overflow:hidden}.article-hero-inner{display:grid;align-items:center;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(3rem,8vw,8rem)}.article-hero-copy h1{max-width:14ch;margin:0 0 2rem;font-family:var(--display);font-size:clamp(3.4rem,5.6vw,5.6rem);font-weight:900;letter-spacing:-.07em;line-height:.9;text-transform:uppercase}.article-hero--compact-title .article-hero-copy h1{max-width:16ch;font-size:clamp(3.4rem,4.8vw,4.8rem);letter-spacing:-.055em;line-height:.94}.article-hero--compact-title{padding-top:clamp(3rem,5vw,5rem);padding-bottom:clamp(3rem,5vw,5rem)}.article-hero-copy .button-row{margin-top:2rem}.article-hero-visual{min-width:0}.article-hero-image{min-height:500px;aspect-ratio:4 / 5;box-shadow:16px 16px 0 var(--green)}.article-hero-visual>p{margin:1.8rem 0 0;color:var(--gray);font-size:.65rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.article-shell{display:grid;padding:clamp(5rem,9vw,8rem) var(--pad);grid-template-columns:minmax(220px,.55fr) minmax(0,1.45fr);gap:clamp(3rem,9vw,9rem)}.article-sidebar{align-self:start}.article-sidebar nav{position:sticky;top:1.5rem;border-top:2px solid var(--ink)}.article-sidebar nav>span,.article-sidebar-cta>span{display:block;margin:1rem 0;color:var(--gray);font-size:.67rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.article-sidebar nav a{display:block;padding:.75rem 0;border-bottom:1px solid var(--line);font-size:.82rem;font-weight:800;text-decoration:none}.article-sidebar nav a:hover{padding-left:.5rem;background:var(--green)}.article-sidebar-cta{padding:1.35rem;margin-top:2rem;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--green)}.article-sidebar-cta p{font-size:.9rem}.article-sidebar-cta a{font-size:.75rem;font-weight:900}.article-body{min-width:0}.article-deck{padding:0 0 clamp(3rem,6vw,5rem);margin:0;border-bottom:1px solid var(--ink);font-size:clamp(1.25rem,2vw,1.65rem);font-weight:650;line-height:1.5}.article-body>section:not(.article-conversion){padding:clamp(3.5rem,7vw,6rem) 0;border-bottom:1px solid var(--line);scroll-margin-top:2rem}.article-section-number{color:var(--gray);font-size:.68rem;font-weight:900;letter-spacing:.15em;text-transform:uppercase}.article-body h2{max-width:17ch;margin:.9rem 0 2rem;font-family:var(--display);font-size:clamp(2.25rem,4.2vw,4.25rem);letter-spacing:-.06em;line-height:.95;text-transform:uppercase}.article-body section>p{max-width:48rem;color:var(--dark);font-size:1.06rem;line-height:1.75}.article-body section>p a{font-weight:750;text-decoration-color:var(--green);text-decoration-thickness:.16em}.article-callout{max-width:50rem;padding:clamp(1.8rem,4vw,3rem);margin-top:2.5rem;border-left:10px solid var(--green);background:var(--soft)}.article-callout h3{max-width:18ch;margin:0 0 1rem;font-family:var(--display);font-size:clamp(1.7rem,3vw,2.8rem);letter-spacing:-.045em;line-height:1;text-transform:uppercase}.article-callout p{margin:0}.article-cost-formula{display:grid;max-width:52rem;margin-top:2.5rem;border-top:2px solid var(--ink);border-bottom:1px solid var(--ink);grid-template-columns:repeat(7,auto)}.article-cost-formula span,.article-cost-formula strong,.article-cost-formula i{display:grid;min-height:5rem;padding:1rem .75rem;align-items:center;font-size:.72rem;font-style:normal;font-weight:900;letter-spacing:.06em;text-align:center;text-transform:uppercase}.article-cost-formula i{padding-right:0;padding-left:0;color:var(--gray)}.article-cost-formula strong{grid-column:1 / -1;min-height:3.5rem;color:var(--ink);background:var(--green)}.article-cost-stack{max-width:52rem;margin:2rem 0 2.5rem;border-top:2px solid var(--ink)}.article-cost-stack>div{display:grid;padding:1.4rem 0;border-bottom:1px solid var(--line);grid-template-columns:2.5rem minmax(150px,.7fr) minmax(0,1.3fr);gap:1rem}.article-cost-stack span{color:var(--gray);font-size:.68rem;font-weight:900;letter-spacing:.1em}.article-cost-stack h3,.article-cost-stack p{margin:0}.article-cost-stack h3{font-size:1rem}.article-cost-stack p{color:var(--dark);font-size:.92rem;line-height:1.6}.article-question-list{max-width:52rem;padding:0;margin:0;border-top:2px solid var(--ink);list-style:none;counter-reset:booking-questions}.article-question-list li{display:grid;padding:1.4rem 0;border-bottom:1px solid var(--line);grid-template-columns:42px minmax(180px,.8fr) minmax(0,1.2fr);gap:1rem;counter-increment:booking-questions}.article-question-list li:before{color:var(--gray);content:"0" counter(booking-questions);font-size:.68rem;font-weight:900;letter-spacing:.1em}.article-question-list span{color:var(--dark)}.article-decision-grid{display:grid;max-width:52rem;margin-top:2.5rem;border-top:2px solid var(--ink);grid-template-columns:repeat(2,minmax(0,1fr))}.article-decision-grid>div{padding:1.5rem 1.5rem 1.5rem 0;border-bottom:1px solid var(--line)}.article-decision-grid>div:nth-child(odd){border-right:1px solid var(--line)}.article-decision-grid>div:nth-child(2n){padding-left:1.5rem}.article-decision-grid h3{margin:0 0 .55rem;font-size:1rem}.article-decision-grid p{margin:0;color:var(--dark);font-size:.92rem;line-height:1.6}.article-faq-list{border-top:2px solid var(--ink)}.article-faq-list details{border-bottom:1px solid var(--line)}.article-faq-list summary{display:grid;padding:1.3rem 0;align-items:center;cursor:pointer;grid-template-columns:1fr 2rem;gap:1rem;font-weight:800;list-style:none}.article-faq-list summary::-webkit-details-marker{display:none}.article-faq-list summary span{display:grid;width:2rem;height:2rem;border:1px solid var(--ink);place-items:center}.article-faq-list details[open] summary span{background:var(--green);transform:rotate(45deg)}.article-faq-list details>p{max-width:48rem;padding:0 3.5rem 1.5rem 0;margin:0;color:var(--dark)}.article-conversion{padding:clamp(2.5rem,6vw,5rem);margin-top:clamp(4rem,8vw,7rem);color:var(--paper);background:var(--ink)}.article-conversion h2{max-width:13ch}.article-conversion p{color:color-mix(in srgb,var(--paper) 76%,var(--gray))}.article-conversion .button-row{margin-top:2rem}@media(prefers-reduced-motion:no-preference){.article-sidebar nav a{transition:padding .16s ease,background .16s ease}.article-faq-list summary span{transition:background .16s ease,transform .16s ease}.blog-faq-list summary span{transition:background .16s ease,transform .16s ease}}@media(max-width:1040px){.article-sidebar nav{top:6rem}}@media(max-width:760px){.blog-index-hero-inner,.blog-index-heading,.blog-feature-card,.pergola-planning-inner,.blog-faq-inner,.article-hero-inner,.article-shell{grid-template-columns:minmax(0,1fr)}.blog-index-hero{padding-top:3rem}.blog-index-hero .display{max-width:none}.blog-index-main{padding-right:var(--pad);padding-left:var(--pad)}.pergola-planning-image{width:100%;min-height:0;aspect-ratio:4 / 3;box-shadow:9px 9px 0 var(--green)}.pergola-planning-questions{grid-template-columns:minmax(0,1fr)}.pergola-planning-questions article,.pergola-planning-questions article:not(:first-child){min-height:0;padding:1.5rem 0;border-right:0}.pergola-planning-questions h3{margin-top:1.8rem}.blog-card-image{width:100%;min-height:0;aspect-ratio:4 / 3}.article-hero{padding-top:3rem;background:var(--paper)}.article-hero-copy h1{max-width:none;font-size:clamp(2.7rem,11vw,4rem)}.article-hero--compact-title .article-hero-copy h1{max-width:18ch;font-size:clamp(2.25rem,9vw,3.25rem);letter-spacing:-.045em;line-height:.98}.article-hero-image{width:100%;min-height:0;aspect-ratio:4 / 5;box-shadow:9px 9px 0 var(--green)}.article-shell{padding-right:var(--pad);padding-left:var(--pad)}.article-sidebar nav{position:static}.article-sidebar-cta{margin-right:8px}.article-question-list li{grid-template-columns:34px 1fr}.article-question-list span{grid-column:2}.article-cost-formula{grid-template-columns:1fr 2rem}.article-cost-formula span{text-align:left}.article-cost-formula i,.article-cost-formula span{border-bottom:1px solid var(--line)}.article-cost-formula strong{grid-column:1 / -1}.article-cost-stack>div{grid-template-columns:2.2rem 1fr}.article-cost-stack p{grid-column:2}.article-decision-grid{grid-template-columns:minmax(0,1fr)}.article-decision-grid>div:nth-child(odd){border-right:0}.article-decision-grid>div:nth-child(2n){padding-left:0}.article-conversion{padding:2.2rem 1.5rem}}