/* About / contact: one ink-colored closing chapter. Scoped for the future Blocksy content slot. */
.studio-chapter{--studio-ink:var(--color-studio);--studio-paper:var(--color-studio-paper);--studio-muted:var(--color-studio-muted);--studio-line:#f6f3e938;color:var(--studio-paper);background:var(--studio-ink);position:relative;isolation:isolate}
.studio-chapter::selection{background:#e8c995;color:var(--color-studio)}
.studio-scene{position:relative;min-height:100svh;overflow:clip;background:var(--studio-ink)}
.studio-scene::before{content:'';position:absolute;inset:0;background:url('./media/sky-atlas.webp') center/cover;opacity:.07;mix-blend-mode:soft-light;pointer-events:none}
.studio-layout{position:relative;min-height:100svh;max-width:1800px;margin:auto;padding:clamp(48px,7svh,96px) var(--gutter);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-content:center}
.studio-title{grid-column:1/7;grid-row:1;z-index:2;align-self:start;font-size:clamp(48px,6vw,88px);line-height:1;letter-spacing:-.035em;font-weight:400;pointer-events:none}
.studio-title span{display:block;overflow:hidden;padding-bottom:.1em}
.studio-title b{display:block;font-weight:400}
.studio-title span+span{margin-left:0}
.studio-portrait{grid-column:8/13;grid-row:1/4;align-self:center;margin:24px 0 0;position:relative}
.studio-photo{overflow:hidden;width:100%;aspect-ratio:4/5;background:#879493}
.studio-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 40%;filter:contrast(1.03)}
.studio-portrait figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 20px;border-top:1px solid var(--studio-line);padding-top:16px;margin-top:20px;font-size:12px;color:var(--studio-muted)}
.studio-copy{grid-column:1/6;grid-row:2;margin-top:48px;max-width:440px}
.studio-copy h3{font-size:clamp(24px,2.4vw,36px);line-height:1.2;letter-spacing:-.025em;font-weight:400;margin:0 0 24px}
.studio-copy p{font-size:clamp(16px,1.2vw,19px);line-height:1.55;color:var(--studio-muted);margin:0 0 18px}
.studio-contact-link{grid-column:1/6;grid-row:3;justify-self:start;display:flex;align-items:center;gap:48px;padding:14px 0;border-bottom:1px solid var(--studio-line);font-size:14px;margin-top:16px}
.studio-contact-link svg{width:20px;height:20px;transition:transform .3s}
.studio-contact-link:hover svg{transform:translateY(4px)}
.studio-wash{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}
.studio-chapter a:focus-visible,.studio-chapter button:focus-visible,.studio-chapter input:focus-visible,.studio-chapter textarea:focus-visible{outline:2px solid #e8c995;outline-offset:6px}
.studio-contact{padding:clamp(80px,12vw,180px) var(--gutter) clamp(64px,7vw,112px);max-width:1800px;margin:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 24px;scroll-margin-top:24px}
.studio-contact h2{grid-column:1/-1;font-size:clamp(64px,9.1vw,168px);line-height:1;font-weight:550;letter-spacing:-.04em;margin-bottom:48px}
.contact-asterisk{display:inline-block;width:.62em;height:.62em;margin-right:.16em;color:var(--color-coral);vertical-align:baseline;overflow:visible}
.studio-contact-form{grid-column:8/13;grid-row:2;align-self:start}
.studio-contact-form label{display:block;font-size:13px;color:var(--studio-muted);margin-bottom:30px}
.studio-contact-form input,.studio-contact-form textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--studio-line);border-radius:0;padding:14px 0;background:transparent;color:var(--studio-paper);font:18px/1.5 Switzer,Arial,sans-serif;caret-color:#e8c995;box-shadow:none}
.studio-contact-form input:focus,.studio-contact-form textarea:focus{border-color:var(--studio-paper);outline:none}
.studio-contact-form textarea{min-height:120px;resize:vertical}
.studio-contact-form button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:20px 0;border:0;border-block:1px solid var(--studio-line);background:transparent;color:var(--studio-paper);font:24px Switzer,Arial,sans-serif}
.studio-contact-form button svg{height:28px;width:28px;transition:transform .3s}
.studio-contact-form button:hover svg{transform:translate(4px,-4px)}
.studio-form-note,.studio-form-status{font-size:12px;line-height:1.5;color:var(--studio-muted);margin-top:20px}
.studio-direct{grid-column:1/6;grid-row:2;align-self:start;font-size:14px;line-height:1.8;overflow-wrap:anywhere;padding-top:4px}
.studio-direct p{color:var(--studio-muted);font-size:12px;margin-bottom:8px}
.studio-direct a{border-bottom:1px solid var(--studio-line);padding-bottom:5px}
.expertise-nav{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.expertise-nav .expertise-return.section-cue{margin:0}.expertise-next{margin-left:auto}
.studio-grid{position:absolute;inset:0 var(--gutter);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;pointer-events:none;z-index:1;opacity:.3}
.studio-grid i{border-left:1px solid #001d25}.studio-grid i:last-child{border-right:1px solid #001d25}
.studio-layout,.studio-contact{position:relative;z-index:2}
.studio-wash{z-index:4}
@media(min-width:1600px){.studio-copy{margin-top:64px}}
@media(min-width:701px) and (min-height:601px){.studio-photo{max-height:calc(100svh - 170px)}.studio-layout{padding-block:40px}.studio-copy{margin-top:32px}.studio-contact-link{margin-top:4px}}
@media(max-width:900px){.studio-title{font-size:clamp(48px,6.8vw,64px)}.studio-copy{grid-column:1/7}.studio-contact-link{grid-column:1/7}.studio-portrait{grid-column:8/13}.studio-contact h2{font-size:8.8vw}}
@media(max-width:700px){
 .studio-layout{padding:64px var(--gutter) 56px;min-height:0;grid-template-columns:repeat(6,minmax(0,1fr));gap:0 12px;align-content:start}
 .studio-title{grid-column:1/-1;grid-row:1;font-size:clamp(44px,12.6vw,72px);line-height:1.02}
 .studio-title span+span{margin-left:0}
 .studio-portrait{grid-column:1/-1;grid-row:2;margin:32px auto 0;width:100%;max-width:360px}
 .studio-portrait figcaption{font-size:12px;margin-top:14px;padding-top:12px}
 .studio-copy{grid-column:1/-1;grid-row:3;margin-top:40px;max-width:none;width:100%}
 .studio-copy h3{font-size:28px;margin-bottom:20px}.studio-copy p{font-size:16px}
 .studio-contact-link{grid-column:1/7;grid-row:4;margin-top:12px;gap:60px}
 .studio-contact{display:block;padding:64px var(--gutter) 72px}
 .studio-contact h2{font-size:clamp(48px,13.8vw,90px);max-width:none;margin-bottom:48px;overflow-wrap:normal}
 .studio-contact h2 br{display:none}
 .studio-grid{grid-template-columns:repeat(6,minmax(0,1fr));column-gap:12px}.studio-grid i:nth-child(n+7){display:none}.studio-grid i:nth-child(6){border-right:1px solid #001d25}
 .studio-contact-form label{margin-bottom:28px}.studio-direct{margin-top:48px}
 .expertise-nav .section-cue{margin-inline:0}
}
@media(min-width:701px) and (max-height:600px){.studio-layout{min-height:720px}.studio-title{font-size:88px}}
@media(prefers-reduced-motion:reduce){.studio-wash{display:none}.studio-chapter *{scroll-behavior:auto;transition:none!important}}