/* Homepage-only editorial preview. Shared client pages keep their styles. */
.studio-direction>.direction-header.over-paper{background:#f6f3ec;color:#302d38}
.editorial-founder{margin:0 0 35px;max-width:430px}
.editorial-founder img{width:100%;height:auto;border-radius:3px}
.editorial-founder figcaption{font-size:12px;margin-top:10px;color:var(--muted)}

/* Keep the latest small-business film and hero copy in the editorial layout. */
.direction-hero{background:#29372c}
.hero-visual img,.hero-visual video{object-position:center;filter:brightness(.8)}
.hero-visual::after{background:linear-gradient(180deg,#10211885,#10211855 45%,#102118a8)}
.direction-hero-copy{max-width:1160px}
.direction-hero h1{font-size:clamp(65px,8vw,118px);line-height:1.06}
@media(max-width:760px){.direction-hero h1{font-size:clamp(54px,8.8vw,80px)}}
@media(max-width:520px){.direction-hero h1{font-size:clamp(42px,11vw,59px)}.direction-hero-copy>p:not(.eyebrow){font-size:15px}}

/* Give the offer its own quiet space after the film. */

/* A personal introduction, followed by one clear monthly offer. */
.studio-story-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center}
.studio-signature{order:-1}
.editorial-founder{max-width:none;margin-bottom:20px}
.studio-story .loop-stage{height:145px}
.personal-plan{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;background:#e5e7da;border-radius:6px;padding:clamp(28px,5vw,70px);margin-top:80px;color:#2d342b;scroll-margin-top:110px}
.personal-plan .eyebrow{font-size:11px;margin:0 0 30px}
.personal-plan h2{font-size:clamp(38px,4.5vw,64px);font-weight:400;line-height:1.08;letter-spacing:-.055em;margin:0 0 28px}
.personal-plan h2 em{font-family:Georgia,serif;font-weight:400;color:#566749}
.personal-plan-intro>p:not(.eyebrow){font-size:15px;line-height:1.8;max-width:360px;margin:14px 0}
.personal-plan-price{display:flex;align-items:baseline;gap:10px;margin:0;line-height:1}
.personal-plan-price>span:first-child{font-size:22px;align-self:flex-start;margin-top:13px}
.personal-plan-price strong{font-size:100px;letter-spacing:-.07em;font-weight:400}
.personal-plan-price>span:last-child{font-size:14px}
.personal-plan-upfront{font-size:14px;margin:14px 0 30px}
.personal-plan-inclusions{list-style:none;margin:0 0 30px;padding:0}
.personal-plan-inclusions li{position:relative;padding:0 0 18px 23px;font-size:13px;line-height:1.65}
.personal-plan-inclusions li::before{content:"✓";position:absolute;left:0;color:#566749}
.personal-plan-inclusions strong,.personal-plan-inclusions span{display:block}
.personal-plan-inclusions strong{font-weight:600;margin-bottom:3px}
.personal-plan-inclusions span{color:#51594b}
.personal-plan .pill{display:flex;justify-content:space-between;gap:16px;background:#2d342b;color:#fff;white-space:normal}
.personal-plan .personal-plan-note{font-size:11px;line-height:1.7;margin:17px 0 0;color:#51594b}
@media(max-width:760px){.studio-story-grid{grid-template-columns:1fr}.studio-signature{max-width:none}.studio-signature .loop-stage,.studio-signature .loop-caption{max-width:430px;margin-inline:auto}.editorial-founder{max-width:520px;margin-inline:auto}.personal-plan{grid-template-columns:1fr;gap:32px;margin-top:48px}.personal-plan h2{font-size:clamp(38px,8vw,56px)}.personal-plan-intro>p:not(.eyebrow){max-width:none}.personal-plan-price strong{font-size:86px}}