.studio-page{max-width:1240px;margin:auto;padding:64px 40px}.studio-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:center;padding:36px 0 90px}.studio-hero h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.035em;max-width:17ch}.studio-note{padding:34px;background:var(--original);border-radius:8px}.studio-note p{max-width:40ch}.studio-cta{display:inline-block;padding:14px 22px;background:var(--accent);color:var(--on-accent);border-radius:6px;text-decoration:none;font-weight:600}.studio-cta:hover{background:var(--hover)}.studio-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;border-top:1px solid var(--line);padding:64px 0}.studio-section h2,.studio-close h2{font-size:clamp(28px,3vw,38px);max-width:23ch;letter-spacing:-.025em}.studio-paths article+article{margin-top:36px;padding-top:30px;border-top:1px solid var(--line)}.studio-paths h3{font-size:24px}.studio-section p,.studio-close p{max-width:65ch}.studio-close{border-top:1px solid var(--line);padding:64px 0 24px}.studio-footer{padding:28px 40px;border-top:1px solid var(--line);color:var(--muted)}@media(max-width:760px){.studio-page{padding:30px 22px}.studio-hero,.studio-section{grid-template-columns:1fr;gap:28px;padding:28px 0 42px}.top{flex-wrap:wrap}.studio-note{padding:24px}.studio-footer{padding:24px}.studio-close{padding-top:36px}}

.studio-note .craft-art{margin:-3px -9px 26px}.studio-note .craft-study{max-height:150px}
@media(max-width:760px){.studio-note .craft-art{margin:0 0 22px}}

.joseph-portrait{display:block;width:min(100%,320px);height:auto;margin:0 0 24px;}

/* Personal page: compact hero, early intake paths, biography last. */
.studio-page .studio-hero{padding:12px 0 40px;align-items:start!important;gap:40px!important}
.studio-hero h1{font-size:clamp(40px,4.5vw,60px);max-width:17ch;margin-top:0}
.studio-media .intro-video h2{font-size:22px;margin:0 0 16px;max-width:28ch}
.studio-page .concept-callout{margin:0;padding:28px 0 32px}
.studio-page .concept-callout h2{max-width:32ch}
.studio-page #start{display:block;padding:36px 0 42px;border-top:0}
.studio-page #start>h2{max-width:none;margin:0 0 28px;font-size:clamp(26px,3vw,34px)}
.studio-paths{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.studio-paths article+article{margin:0;padding:0;border:0}
.studio-paths h3{margin-top:0;max-width:26ch}
.studio-page .studio-about{grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:center;padding:40px 0}
.studio-about .joseph-portrait{width:220px;margin:0}
.studio-about h2{margin:0 0 18px;max-width:none;font-size:30px}
.studio-close{padding:32px 0 12px}
.studio-close h2{max-width:none;font-size:28px}
@media(max-width:760px){.studio-page .studio-hero{gap:28px!important;padding:8px 0 30px}.studio-paths{grid-template-columns:1fr;gap:30px}.studio-page .studio-about{grid-template-columns:140px minmax(0,1fr);gap:22px}.studio-about .joseph-portrait{width:140px}.studio-about h2{font-size:26px}}
@media(max-width:520px){.studio-page .studio-about{grid-template-columns:1fr;gap:18px}.studio-about .joseph-portrait{width:160px}.studio-page{padding-top:24px}}

.studio-close{text-align:center}
.studio-close h2,.studio-close p{margin-left:auto;margin-right:auto}
.studio-page #start>h2{text-align:center}

/* Secondary contact path: same palette, quiet controls, generous writing space. */
.studio-contact{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;border-top:1px solid var(--line);margin-top:32px;padding:40px 0 20px;scroll-margin-top:24px}
.studio-contact h2{font-size:30px;max-width:none;margin:0 0 16px}
.contact-intro p{max-width:40ch;color:var(--muted)}
.contact-alternative{font-size:14px;margin-top:24px}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.studio-contact label{display:block;font-weight:600;margin-bottom:8px}
.studio-contact input,.studio-contact textarea{display:block;width:100%;min-width:0;padding:12px 14px;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:6px;font-size:16px;caret-color:var(--accent);margin-bottom:20px}
.studio-contact textarea{resize:vertical;min-height:140px;line-height:1.55}
.studio-contact .contact-privacy{font-size:14px;line-height:1.5;color:var(--muted);margin:0 0 20px;max-width:65ch}
.contact-status{margin:16px 0 0;min-height:24px;overflow-wrap:anywhere;color:var(--ink)}
.contact-status.is-error{color:var(--error)}
.contact-preview{padding:12px 16px;background:var(--pale);border-radius:6px;margin:0 0 20px;font-size:14px}
.contact-trap{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(max-width:760px){.studio-contact{grid-template-columns:1fr;gap:24px;padding:32px 0 12px}.contact-intro p{max-width:65ch}.contact-alternative{margin-top:16px}}
@media(max-width:480px){.contact-fields{grid-template-columns:1fr;gap:0}.studio-contact h2{font-size:26px}}