/* About page: a quiet editorial companion to the Sarah service and home pages. */
body.jd-page-overview .studio-page { --studio-ink:#302b24; --studio-muted:#6b6257; --studio-gold:#846a40; --studio-line:#d9cdb9; color:var(--studio-ink); background:#faf8f3; }
.studio-page .jd-container { max-width:1280px; width:calc(100% - 96px); padding-inline:0; }
.studio-page h1,.studio-page h2,.studio-page h3 { font-family:'Cormorant Garamond',Georgia,serif; font-weight:500; color:var(--studio-ink); text-wrap:balance; }
.studio-page h1 { font-size:clamp(3.6rem,6.1vw,6.1rem); line-height:1.02; letter-spacing:-.045em; margin:22px 0; }
.studio-page h2 { font-size:clamp(2.8rem,4.7vw,4.8rem); line-height:1.04; letter-spacing:-.035em; margin:0; }
body.jd-page-overview .studio-page h1 em,body.jd-page-overview .studio-page h2 em { font-family:inherit; color:var(--studio-gold); font-weight:400; }
.studio-page p { font-size:15px; line-height:1.85; color:var(--studio-muted); max-width:55ch; }
.studio-page .jd-eyebrow { font-size:10px; font-weight:700; letter-spacing:.19em; color:var(--studio-gold); margin:0 0 24px; }
.studio-page .studio-lead { font-size:18px; line-height:1.7; }
.studio-page figure { margin:0; }
.studio-page img { width:100%; height:100%; object-fit:cover; display:block; }
.studio-page figcaption { font-size:11px; color:var(--studio-muted); letter-spacing:.03em; line-height:1.6; padding-top:14px; }
.studio-page .studio-link { display:inline-flex; align-items:center; gap:20px; border-bottom:1px solid #b6a181; padding:10px 0; color:var(--studio-ink); font-size:12px; font-weight:600; text-decoration:none; transition:color .2s,border-color .2s; }
.studio-page .studio-link:hover { color:var(--studio-gold); border-color:var(--studio-gold); }
.studio-page .jd-btn { gap:20px; margin:0; }
.studio-page a:focus-visible,.studio-skip:focus-visible { outline:2px solid #846a40; outline-offset:5px; }
.studio-page a:active { transform:translateY(1px); }
.studio-skip { position:fixed; left:20px; top:10px; transform:translateY(-160%); background:#faf8f3; color:#302b24; padding:12px 20px; z-index:10001; }
.studio-skip:focus { transform:translateY(0); }
.studio-hero { padding:calc(var(--jd-header-h,132px) + 52px) 0 0; background:#f2ece1; }
.studio-hero__grid { display:grid; grid-template-columns:1fr 1.07fr; gap:60px; align-items:center; }
.studio-hero__copy { padding:12px 0 30px; }
.studio-hero__copy .studio-lead { max-width:36ch; margin:0 0 28px; }
.studio-hero__explore { display:flex!important; width:fit-content; margin-top:14px; }
.studio-hero__photo img { height:430px!important; border-radius:150px 0 0 0; object-position:58% center; }
.studio-hero__photo figcaption { display:flex; justify-content:space-between; gap:12px; }
.studio-directory { display:flex; align-items:center; justify-content:space-between; gap:24px; border-top:1px solid var(--studio-line); padding:25px 0; margin-top:48px; }
.studio-directory>span { font-family:'Cormorant Garamond',Georgia,serif; font-style:italic; font-size:21px; }
.studio-directory a { color:var(--studio-muted); font-size:11px; display:flex; gap:18px; align-items:center; }
.studio-directory a:hover { color:var(--studio-gold); }
.studio-section { padding:100px 0; scroll-margin-top:150px; }
.studio-section-heading { display:grid; grid-template-columns:1fr 1.15fr; gap:80px; align-items:start; margin-bottom:50px; }
.studio-section-heading .jd-eyebrow { padding-top:10px; }
.studio-approach__grid { display:grid; grid-template-columns:1fr 1.15fr; gap:80px; align-items:center; }
.studio-detail-photo img { height:510px!important; }
.studio-approach__copy>p { margin:0 0 18px; }
.studio-principles { margin:28px 0 20px; }
.studio-principles>div { border-top:1px solid var(--studio-line); padding:18px 0; display:grid; grid-template-columns: .85fr 1.15fr; gap:22px; }
.studio-principles dt { font-size:13px; font-weight:600; }
.studio-principles dd { margin:0; font-size:13px; line-height:1.7; color:var(--studio-muted); }
.studio-ritual { background:#eee7db; }
.studio-ritual__grid { display:grid; grid-template-columns:1fr 1fr .7fr; gap:32px; align-items:center; }
.studio-ritual__copy p:not(.jd-eyebrow) { margin:25px 0; }
.studio-ritual__large img { height:460px!important; }
.studio-ritual__small { padding-top:125px; }
.studio-ritual__small img { height:290px!important; }
.studio-first__grid { display:grid; grid-template-columns:1fr 1.1fr; gap:90px; }
.studio-first__grid>div>p:not(.jd-eyebrow) { margin:24px 0 16px; max-width:36ch; }
.studio-steps { list-style:none; padding:0; margin:0; }
.studio-steps li { display:grid; grid-template-columns:35px 1fr; gap:20px; border-top:1px solid var(--studio-line); padding:25px 0; }
.studio-steps li>span { color:var(--studio-gold); font-size:12px; padding-top:8px; }
.studio-steps h3 { font-size:29px; margin:0 0 8px; }
.studio-steps p { margin:0; font-size:14px; }
.studio-visit { background:#e9dfce; padding:75px 0 85px; text-align:center; border-top:1px solid var(--studio-line); }
.studio-visit h2 { font-size:clamp(3.5rem,6.5vw,6.5rem); }
.studio-visit p { margin:20px auto 28px; }
.studio-visit .jd-eyebrow { margin:0 auto 20px; }
.studio-visit__actions { display:flex; justify-content:center; align-items:center; gap:30px; }
body.jd-page-overview .studio-page .staff-section { background:#f2ece1; }
body.jd-page-overview .studio-page .staff-section:not(:has(.jd-team-card)) { display:none; }
@media(min-width:1600px) { .studio-hero__photo img { height:490px!important; } }
@media(max-width:1000px) { .studio-page .jd-container { width:calc(100% - 56px); } .studio-hero__grid { gap:32px; } .studio-hero__photo img { height:390px!important; } .studio-section-heading,.studio-approach__grid,.studio-first__grid { gap:40px; } .studio-ritual__grid { grid-template-columns:1fr 1fr; } .studio-ritual__copy { grid-column:1/-1; max-width:620px; } .studio-ritual__small { padding-top:60px; } .studio-ritual__small img { height:360px!important; } .studio-directory { flex-wrap:wrap; } .studio-directory>span { width:100%; } }
@media(max-width:640px) { .studio-page .jd-container { width:calc(100% - 40px); } .studio-hero { padding-top:calc(var(--jd-header-h,84px) + 30px); } .studio-hero__grid,.studio-section-heading,.studio-approach__grid,.studio-first__grid { grid-template-columns:1fr; gap:30px; } .studio-page h1 { font-size:clamp(3.25rem,13vw,4.6rem); } .studio-page h2 { font-size:clamp(2.65rem,10vw,3.8rem); } .studio-hero__copy { padding:0; } .studio-page .studio-lead { font-size:16px; } .studio-hero__photo img { height:250px!important; border-radius:100px 0 0 0; } .studio-hero__photo figcaption { font-size:10px; } .studio-directory { margin-top:30px; gap:0; padding:12px 0; } .studio-directory>span { padding:10px 0; } .studio-directory a { width:100%; justify-content:space-between; padding:12px 0; } .studio-section { padding:64px 0; } .studio-section-heading { gap:0; margin-bottom:30px; } .studio-detail-photo img { height:360px!important; } .studio-principles>div { grid-template-columns:1fr; gap:7px; } .studio-ritual__grid { gap:18px; align-items:start; } .studio-ritual__copy { margin-bottom:20px; } .studio-ritual__large img { height:240px!important; } .studio-ritual__small { padding-top:45px; } .studio-ritual__small img { height:220px!important; } .studio-page figcaption { font-size:10px; } .studio-visit { padding:60px 0 70px; } .studio-visit__actions { gap:20px; flex-wrap:wrap; } }