/* Extends the existing visual system for the updated service model. */
.studio-intro{padding-block:72px 28px;border-top:1px solid var(--line)}
.studio-intro h2{max-width:760px;font-size:clamp(30px,4vw,56px);font-weight:400;line-height:1.55}
.studio-intro>p:last-child{max-width:680px;margin-top:14px;color:var(--muted);line-height:1.9}
.service-result{color:var(--ink)!important;font-weight:600;margin-top:18px}
.service-exclusion{font-size:12px!important;margin-top:14px}
.service summary div>span{font-size:13px;letter-spacing:0;margin-top:4px;color:var(--ink)}
.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:1020px}
.offer .price{min-height:0}.offer .price bdi{font-size:clamp(29px,3.3vw,42px);color:inherit}
.care-section{background:var(--paper);border-top:0}.care-section .offer{background:#eeede6}.care-section .offer.featured{background:#26392f}
.care-rules{max-width:1020px;margin-top:30px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0}
.care-rules summary{cursor:pointer;font-size:19px}.care-rules summary::after{content:'+';float:left}.care-rules[open] summary::after{content:'−'}
.care-rules div{max-width:850px;padding-top:15px}.care-rules p{font-size:13px;line-height:1.9;color:var(--muted);margin:0 0 12px}
.steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}.after-launch{margin-top:30px;font-size:14px}.after-launch a{text-decoration:underline}
.faq-section{background:#eae9e1}.faq-items{max-width:920px;margin-top:35px}.faq-items details{border-top:1px solid #c7c9bd;padding:18px 0}.faq-items details:last-child{border-bottom:1px solid #c7c9bd}.faq-items summary{cursor:pointer;font-size:17px;display:flex;justify-content:space-between;gap:20px}.faq-items summary::after{content:'+'}.faq-items details[open] summary::after{content:'−'}.faq-items p{font-size:14px;color:var(--muted);line-height:1.9;max-width:750px;margin-top:12px}
@media(max-width:900px){.steps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.studio-intro{padding-block:45px 15px}.offer-grid,.steps{grid-template-columns:1fr}.faq-items summary{font-size:15px}.service-content{padding-right:0}.offer .price bdi{font-size:32px}}
/* Package disclosures keep the first view short while preserving the full scope. */
.package-list{max-width:1040px;border-top:1px solid #c7c9bd}
.package-row{display:grid;grid-template-columns:minmax(0,1fr) 210px;column-gap:32px;padding:29px 0;border-bottom:1px solid #c7c9bd;align-items:start}
.package-row .package-top{grid-column:1;grid-row:1/3}
.package-row>.button{grid-column:2;grid-row:1;align-self:start;width:100%;justify-content:center}
.package-row .package-details{grid-column:1/-1;grid-row:3;margin-top:18px}
.package-row h3{font-size:25px;font-weight:400;margin:0 0 6px}
.package-price{font-size:clamp(28px,3vw,39px);line-height:1.4;margin:0 0 16px;color:var(--ink)}
.package-price small{font-size:12px;font-weight:400;margin-inline-start:8px;color:var(--muted)}
.package-fit,.package-outcome{font-size:14px;line-height:1.8;max-width:720px;margin:0 0 8px}
.package-fit{color:var(--muted)}.package-outcome{font-weight:600}
.package-top>ul{display:flex;flex-wrap:wrap;gap:6px 18px;list-style:none;margin:16px 0 0;padding:0}
.package-top>ul li{font-size:12px;line-height:1.8;color:var(--muted)}
.package-top>ul li::before{content:'—';margin-inline-end:5px;opacity:.5}
.package-details{border-top:1px solid #c7c9bd;border-bottom:1px solid #c7c9bd}
.package-details>summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:13px 0;color:var(--ink);font-size:14px;font-weight:600}
.package-details>summary span{font:22px/1 Arial;transition:transform .2s}
.package-details[open]>summary span{transform:rotate(45deg)}
.package-full{padding:10px 0 24px;max-width:900px;animation:package-open .25s ease-out}
.package-full h4{font-size:16px;font-weight:600;margin:20px 0 10px}
.package-full h4:first-child{margin-top:8px}
.package-full p,.package-full li{font-size:13px;line-height:1.95;color:var(--muted)}
.package-full ul{columns:2;column-gap:35px;list-style:none;margin:0;padding:0;border:0}
.package-full li{break-inside:avoid;padding:0 15px 0 0;margin:0 0 5px;position:relative}
.package-full li::before{content:'·';position:absolute;right:0;color:#969a86}
.package-full a{text-decoration:underline;text-underline-offset:3px}
.package-value{font-weight:600;color:var(--ink)}
.package-offer.featured .package-value{color:#f5f3ed}
.package-offer{align-self:start}.package-offer .package-top{flex:1}
.package-offer .package-top>ul{display:block;margin:16px 0 19px;padding:14px 0 0;border-top:1px solid #dcddd1}
.package-offer .package-top>ul li{margin:0 0 6px;padding:0;color:inherit}
.package-offer .package-top>ul li::before{position:static}
.package-offer .package-details{margin:0 0 18px;width:100%}
.package-offer .package-price{color:inherit;margin-bottom:13px}
.package-offer .package-fit{color:inherit;opacity:.78}
.package-offer .package-outcome{color:inherit}
.package-offer .package-price small{color:inherit;opacity:.7}
.package-offer .package-full ul{display:block;columns:1;margin:0;padding:0;border:0}
.package-offer .package-full li{font-size:12px;margin-bottom:5px;padding-right:14px}
.package-offer .package-full p,.package-offer .package-full li{color:inherit;opacity:.8}
.package-offer .package-details{border-color:#d0d3c8}
.package-offer.featured .package-details{border-color:#647461}
.package-offer.featured .package-details>summary,.package-offer.featured .package-full h4,.package-offer.featured .package-full p{color:#f5f3ed}
.package-offer .package-full h4{margin-top:18px}
.care-section .package-offer{background:#eeede6}
.care-rules ul{list-style:none;padding:0;margin:0}.care-rules li{font-size:13px;line-height:1.9;color:var(--muted);padding:0 16px 0 0;margin:0 0 8px;position:relative}.care-rules li::before{content:'·';position:absolute;right:0}
@keyframes package-open{from{opacity:.5;transform:translateY(-5px)}to{opacity:1;transform:none}}
@media(max-width:640px){.package-row{display:block;padding:26px 0}.package-row>.button{width:100%;margin-top:15px}.package-row .package-details{margin-top:16px}.package-full ul{columns:1}.package-offer .package-full ul{columns:1}}
@media(prefers-reduced-motion:reduce){.package-full{animation:none}}
.contact-honeypot{position:absolute!important;inset-inline-start:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
#dialog-status{font-size:13px;line-height:1.8;min-height:1.5em}
.contact-form-title{font-size:22px;font-weight:400;line-height:1.6;margin:0 0 4px}

/* Align all package groups to the same content width and give base services an editorial rhythm. */
#services .section-heading{margin-bottom:34px}
#services .section-heading>div{width:100%}
#services .section-heading h2{max-width:780px}
.package-list{max-width:none;border-top:0}
.package-row{grid-template-columns:minmax(0,1fr) 210px;column-gap:54px;padding:38px 0;border-top:1px solid #c7c9bd;border-bottom:0}
.package-row:last-child{border-bottom:1px solid #c7c9bd}
.package-row .package-top{grid-column:1;grid-row:1;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:28px;align-items:baseline}
.package-row h3{grid-column:1;grid-row:1;font-size:clamp(26px,2.6vw,34px);margin:0}
.package-row .package-price{grid-column:2;grid-row:1;margin:0;text-align:left;white-space:nowrap;font-size:clamp(26px,2.8vw,37px)}
.package-row .package-fit{grid-column:1/-1;grid-row:2;margin-top:15px}
.package-row .package-outcome{grid-column:1/-1;grid-row:3;margin-top:3px}
.package-row .package-top>ul{grid-column:1/-1;grid-row:4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;max-width:790px;margin-top:19px}
.package-row>.button{grid-column:2;grid-row:1;align-self:center}
.package-row .package-details{grid-column:1/-1;grid-row:2;margin-top:26px}
.offer-grid{max-width:none;gap:24px}
@media(max-width:800px){.package-row{grid-template-columns:minmax(0,1fr) 170px;column-gap:24px}.package-row .package-top{grid-template-columns:minmax(0,1fr) auto}.package-row .package-price{font-size:28px}}
@media(max-width:640px){.package-row{display:block;padding:30px 0}.package-row .package-top{display:block}.package-row h3{font-size:27px}.package-row .package-price{display:block;text-align:right;margin:6px 0 14px;font-size:31px}.package-row .package-fit{margin-top:0}.package-row .package-top>ul{grid-template-columns:1fr;margin-top:15px}.package-row>.button{width:100%;margin-top:22px}.package-row .package-details{margin-top:20px}.offer-grid{gap:18px}}
.journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:42px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.journey-grid a{padding:24px 24px 28px;border-inline-start:1px solid var(--line);text-decoration:none;color:var(--ink)}
.journey-grid a:last-child{border-inline-start:0}.journey-grid span{font-size:12px;color:var(--muted)}.journey-grid h3{font-size:25px;font-weight:400;margin:15px 0 10px}.journey-grid p{font-size:13px;line-height:1.8;margin:0;color:var(--muted)}
#websites{border-bottom:1px solid var(--line)}.process-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 28px;list-style:none;counter-reset:process;padding:0;margin:35px 0 0}.process-list li{counter-increment:process;border-top:1px solid var(--line);padding:18px 0;font-size:14px;line-height:1.8}.process-list li:before{content:counter(process,decimal-leading-zero);display:block;color:var(--muted);font:14px Georgia,serif;margin-bottom:12px}.before-start{background:#eae9e1;border-block:1px solid var(--line)}.before-start .wrap{padding-block:70px}.before-start h2{font-size:clamp(30px,4vw,52px);font-weight:400}.before-start p:last-child{max-width:720px;line-height:1.9;color:var(--muted)}.care-rules{display:block}.care-rules h3{font-size:22px;font-weight:400}.care-rules>p{max-width:850px;font-size:14px;line-height:1.9;color:var(--muted)}.care-rules details{margin-top:18px}.work-caption h3>span{line-height:1.75}
@media(max-width:800px){.journey-grid{grid-template-columns:1fr}.journey-grid a{border-inline-start:0;border-bottom:1px solid var(--line)}.journey-grid a:last-child{border-bottom:0}.process-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.process-list{grid-template-columns:1fr}.before-start .wrap{padding-block:52px}}
