/*
 * "Studio" (portfolio): editorial and calm. A huge serif statement over a hairline rule, small spaced
 * labels, magazine-style captions, an ink-black closing panel and one signal colour for links.
 * Layout choices (grid, shape, spacing...) come from Website settings (site.css).
 */
:root { --sx-heading-weight: 400; --sx-heading-tracking: -.02em; }

body[data-pf-site] .sx h1,
body[data-pf-site] .sx h2 { font-weight: 400 !important; letter-spacing: -.02em; line-height: 1.02 !important; }

body[data-pf-site] .sx-kicker { color: var(--pf-ink, #111) !important; font-size: 12px; font-weight: 600; letter-spacing: .22em; text-transform: uppercase; }
body[data-pf-site] .sx-intro h1 { max-width: 15ch; }
body[data-pf-site] .sx-intro-foot { padding-top: 26px; border-top: 1px solid currentColor; }
body[data-pf-site] .sx-head { padding-bottom: 18px; border-bottom: 1px solid color-mix(in srgb, var(--pf-ink, #111) 18%, transparent); }
body[data-pf-site] .sx-link { color: var(--pf-ink, #111) !important; text-decoration: underline; text-decoration-color: var(--primary-color); text-decoration-thickness: 2px; text-underline-offset: 6px; }

body[data-pf-site] .sx-work-caption { display: flex; justify-content: space-between; gap: 16px; padding-top: 16px !important; }
body[data-pf-site] .sx-work-caption strong { font-family: var(--pf-heading-font, serif); font-size: clamp(18px, 1.6vw, 24px); font-weight: 400; }

body[data-pf-site] .sx-btn { border-radius: 0 !important; padding: 15px 28px !important; letter-spacing: .04em; }
body[data-pf-site] .sx-contact .sx-wrap { border-radius: 0 !important; background: var(--pf-ink, #111) !important; }
body[data-pf-site] .sx-contact-way { border-radius: 0 !important; }

body[data-pf-site] .breadcrumb_section { background: transparent !important; border-bottom: 1px solid color-mix(in srgb, var(--pf-ink, #111) 14%, transparent) !important; }
body[data-pf-site] footer .widget_title { font-family: inherit !important; font-size: 12px !important; letter-spacing: .2em; text-transform: uppercase !important; }
