.studioPage { min-height:100vh; display:flex; flex-direction:column; }
.studioPage header, .studioPage footer { padding-inline:var(--pad); gap:1rem; }
.studioPage header { min-height:66px; height:auto; padding-block:1rem; }
.studioPage header nav { display:flex; flex-wrap:wrap; gap:1.25rem; }
.studioPage .wordmark { font-weight:700; letter-spacing:-.04em; font-size:1.2rem; }
.studioPage main { width:min(100%, 78rem); margin:0 auto; padding:clamp(36px,6vw,88px) var(--pad); flex:1; }
.studioPage h1, .studioPage h2 { font-family:'Barlow Condensed',sans-serif; font-weight:600; text-transform:uppercase; line-height:.99; letter-spacing:-.015em; }
.studioPage h1 { font-size:clamp(3.2rem,7vw,6.2rem); max-width:16ch; }
.studioPage h2 { font-size:clamp(1.85rem,3.4vw,3.2rem); margin:2.25rem 0 .75rem; }
.studioPage p { color:#dfd5d2; line-height:1.65; max-width:62ch; }
.studioPage .lead { font-size:clamp(1.12rem,2vw,1.45rem); margin:1.4rem 0; max-width:49ch; }
.studioPage .twoCol { display:grid; grid-template-columns:1.12fr 1fr; gap:clamp(24px,5vw,70px); align-items:center; }
.studioPage .twoCol img { width:100%; height:auto; display:block; }
.studioPage .reading { max-width:69ch; }
.studioPage .reading p + p { margin-top:.8rem; }
.studioPage .byJordan { color:var(--muted); font-size:.9rem; margin:1rem 0 2rem; }
.studioPage .crumb { display:inline-block; margin-bottom:1.5rem; }
.studioPage .guideList { margin:2rem 0; border-top:1px solid var(--rule); }
.studioPage .guideList a { display:block; border-bottom:1px solid var(--rule); padding:1.3rem 0; }
.studioPage .guideList h2 { margin:0 0 .45rem; }
.studioPage .guideList a:hover h2, .studioPage .crumb:hover { text-decoration:underline; }
.studioPage .endLink { margin:2rem 0 1rem; display:flex; flex-wrap:wrap; gap:1.25rem; align-items:center; }
.studioPage footer { flex-wrap:wrap; padding-block:1.5rem; border-top:1px solid var(--rule); }
.siteResources { display:flex; flex-wrap:wrap; gap:1rem; align-items:center; }
.studioPage p a, .siteResources a { text-decoration:underline; text-underline-offset:.22em; }
@media(max-width:680px) {
 .studioPage .twoCol { grid-template-columns:1fr; }
 .studioPage header nav { gap:.8rem; }
 .studioPage header, .studioPage footer { flex-wrap:wrap; }
 .studioPage .twoCol img { max-height:330px; object-fit:cover; }
}