/* Estly's supporting pages share draft.css with the homepage. */
.studio-page .header nav>a[aria-current="page"]:not(.nav-cta){color:#ff946e}
.studio-page .page-hero{isolation:isolate;padding-bottom:48px}
.studio-page .page-hero::before{content:'';position:absolute;inset:-200px 0 0;z-index:-1;pointer-events:none;background:linear-gradient(#f7fafc85,#f7fafc85),#a9b6c4 url('/assets/california-intro-sky.jpg') center/cover no-repeat}
.studio-page .page-hero .hero-description{max-width:760px;margin-bottom:0}
.pricing-size-note{display:flex;flex-direction:column;gap:8px;max-width:760px;margin:30px auto 0;padding-top:22px;border-top:1px solid #ffffff80;color:#343c42;font-size:.9375rem;line-height:1.6}
.pricing-size-note strong{font-weight:600}
.pricing-size-note span{font-size:.875rem;color:#4b555c}
.studio-page .studio-plans{max-width:1408px;margin:0 auto;padding:40px 32px 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.08fr) minmax(0,1fr);align-items:start;gap:22px}
.studio-page .plan{min-width:0;border:1px solid #e5e6e2;border-radius:20px;background:#f2f3f2;overflow:hidden}
.studio-page .plan.best-value{border:2px solid var(--draft-orange);background:#191919;color:#fff;box-shadow:0 20px 48px #1919191a,0 0 0 6px #f45b3210}
.studio-page .plan-head{padding:28px 28px 26px;min-height:360px;border-bottom:1px solid #dedfdd}
.plan-topline{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;min-height:26px;margin-bottom:18px}
.studio-page .plan-label{font-size:.75rem;line-height:1.5;letter-spacing:.075em;color:#63695f;margin:0}
.studio-page .value-badge{display:inline-flex;align-items:center;border-radius:6px;padding:6px 8px;background:var(--draft-orange);color:#fff;font-size:.75rem;font-weight:700;line-height:1.4;letter-spacing:.07em;white-space:nowrap}
.studio-page .plan h2{font-size:2rem;line-height:1.2;letter-spacing:-.045em;font-weight:600;margin:0 0 18px}
.studio-page .plan .price{font:600 clamp(2rem,3.1vw,2.75rem)/1.15 'Manrope',Arial,sans-serif;letter-spacing:-.055em;margin:0 0 16px}
.studio-page .plan .price span{font:400 .875rem/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0;color:#62685d;display:block;margin-top:6px}
.studio-page .plan-head>.allowance{font-size:.875rem;line-height:1.5;font-weight:600;margin:0 0 14px;color:#343d2d}
.studio-page .plan-head>p:last-child{font-size:1rem;line-height:1.65;margin:0;color:#555d4f}
.studio-page .plan-details{padding:26px 28px 28px}
.studio-page .plan-details h3{font-size:1rem;line-height:1.4;letter-spacing:-.02em;font-weight:600;margin:28px 0 14px}
.studio-page .plan-details h3:first-child{margin-top:0}
.studio-page .plan-details ul{padding-left:18px;margin:0}
.studio-page .plan-details li{font-size:.9375rem;line-height:1.65;margin:0 0 10px;padding-left:3px;color:#454e3f}
.studio-page .plan-details li::marker{color:var(--draft-orange)}
.studio-page .includes{font-size:.9375rem;font-weight:600;color:#454e3f;margin:0 0 24px}
.studio-page .plan-note{font-size:.8125rem;line-height:1.6;color:#687060;margin:26px 0 0;padding:20px 0 0;border-top:1px solid #dedfdd}
.studio-page .best-value .plan-head{border-bottom-color:#ffffff26}
.studio-page .best-value .plan-label{color:#c6c6c6}
.studio-page .best-value .plan-topline{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:24px}
.studio-page .best-value .value-badge{padding:8px 12px;border-radius:7px;color:#191919;background:#ff936e;font-size:.8125rem}
.studio-page .best-value .price{color:#ff936e}
.studio-page .best-value .price span,.studio-page .best-value .plan-head>p:last-child,.studio-page .best-value .plan-details li{color:#dedede}
.studio-page .best-value .plan-head>.allowance,.studio-page .best-value .includes{color:#fff}
.studio-page .best-value .plan-details li::marker{color:#ff936e}
.studio-page .page-closing{padding-top:64px;padding-bottom:64px}
.studio-page .page-closing>p{max-width:620px;margin-inline:auto}
.case-studies{max-width:1408px;margin:0 auto;padding:40px 32px 0}
.case-study{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:#f2f3f2;border:1px solid #e5e6e2;border-radius:20px;overflow:hidden}
.case-visual{position:relative;display:block;min-height:490px;background:#26392b}
.case-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%}
.case-visual>.card-chip{position:absolute;top:28px;left:28px}
.case-visual:focus-visible{outline:3px solid var(--draft-orange);outline-offset:-6px}
.case-copy{padding:44px 40px;align-self:center;min-width:0}
.studio-page .case-copy>.eyebrow{font-size:.75rem;margin-bottom:18px}
.studio-page .case-copy h2{font-size:clamp(2.5rem,4vw,4rem);line-height:1.12;letter-spacing:-.055em;font-weight:600;margin:0 0 16px}
.studio-page .case-address{font-size:1rem;line-height:1.65;color:#5c6456;margin:0 0 26px}
.case-features{list-style:none;margin:0 0 30px;padding:22px 0 0;border-top:1px solid #d9ded4;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 20px}
.case-features li{font-size:.875rem;line-height:1.6;color:#454e3f}
.studio-page .case-demo-note{font-size:.8125rem;line-height:1.65;color:#687060;max-width:860px;margin:20px 0 0}
.studio-next{max-width:1344px;display:flex;align-items:center;justify-content:space-between;gap:40px;margin:48px auto 64px;padding:44px 40px;background:#f2f3f2;border:1px solid #e5e6e2;border-radius:20px}
.studio-page .studio-next h2{font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.15;letter-spacing:-.045em;font-weight:600;margin:0}
.studio-next .draft-button{flex-shrink:0}
.studio-page footer{margin-top:0}
@media(max-width:1408px){.studio-next{margin-inline:32px}}
@media(max-width:1100px){
 .studio-page .studio-plans{padding-inline:20px;gap:18px}
 .studio-page .plan-head,.studio-page .plan-details{padding-inline:22px}
 .plan-topline{align-items:flex-start;flex-direction:column;min-height:56px;justify-content:center;gap:6px}
 .studio-page .plan .price{font-size:2.15rem}
 .case-studies{padding-inline:20px}.case-copy{padding:34px 28px}.case-features{column-gap:14px}
 .studio-next{margin-inline:20px;padding:38px 30px}
}
@media(max-width:900px){
 .studio-page .studio-plans{grid-template-columns:1fr;max-width:720px;gap:24px}
 .studio-page .plan-head{min-height:0;padding:28px}.studio-page .plan-details{padding:26px 28px}
 .plan-topline{flex-direction:row;align-items:center;justify-content:space-between;min-height:26px}
 .studio-page .plan .price{font-size:2.75rem}
 .case-study{grid-template-columns:minmax(0,1fr)}.case-visual{min-height:0;aspect-ratio:16/9}.case-copy{padding:36px}
 .case-features{max-width:550px}.studio-next{gap:28px}
}
@media(max-width:600px){
 .studio-page .page-hero{padding-bottom:34px}.studio-page .page-hero .hero-description{font-size:1rem}
 .pricing-size-note{margin-top:24px;padding-top:20px;font-size:.875rem;gap:8px}.pricing-size-note span{font-size:.8125rem}
 .studio-page .studio-plans{padding:24px 14px 0;gap:18px}.studio-page .plan{border-radius:16px}
 .studio-page .plan-head,.studio-page .plan-details{padding:24px}.studio-page .plan .price{font-size:2.5rem}
 .studio-page .plan-details li{font-size:1rem}.studio-page .plan-details h3{font-size:1.0625rem}.studio-page .plan-label{letter-spacing:.045em}
 .studio-page .page-closing{padding:44px 20px}
 .case-studies{padding:24px 14px 0}.case-study{border-radius:16px}.case-visual{aspect-ratio:4/3}
 .case-visual>.card-chip{top:20px;left:20px}.case-copy{padding:28px 24px}
 .studio-page .case-copy h2{font-size:2.75rem}.case-features{gap:12px 16px}.studio-page .case-demo-note{margin:18px 8px 0}
 .studio-next{align-items:flex-start;flex-direction:column;margin:32px 14px 40px;padding:30px 24px;border-radius:16px;gap:26px}
 .studio-page .studio-next h2{font-size:2.25rem}
}