/* Inner pages share the studio's typography and keep each project in focus. */
.studio-inner { background:#f1f0e9; color:#0b211c; }
.studio-inner .page-intro { padding-block:48px 34px; }
.studio-inner .page-intro .eyebrow { margin-bottom:20px; }
.studio-inner .page-intro .intro-text { margin-top:22px; }
.studio-inner main p { color:#58665e; }
.studio-inner main h2 { font-size:clamp(2.3rem,4.1vw,4.1rem); font-weight:400; letter-spacing:-.055em; line-height:1.05; }
.studio-inner main h2 em { font-family:var(--serif); font-weight:400; letter-spacing:-.025em; }
.studio-inner main .button { gap:28px; }
.studio-inner main .text-link { display:inline-flex; align-items:center; gap:12px; border-bottom:1px solid #0b211c55; padding-bottom:5px; }
.studio-inner .inner-actions { display:flex; align-items:center; flex-wrap:wrap; gap:22px 30px; margin-top:30px; }
.studio-inner .inner-process { padding-block:40px 65px; gap:44px; }
.studio-inner .inner-process>div { border-top:1px solid #0b211c35; padding-top:22px; }
.studio-inner .inner-process span { display:block; margin-bottom:28px; font:400 .67rem/1.5 var(--sans); letter-spacing:.12em; text-transform:uppercase; color:#58665e; }
.studio-inner .inner-process h3 { font-size:1.35rem; font-weight:400; letter-spacing:-.035em; }
.studio-inner .inner-process p { font-size:.92rem; line-height:1.7; max-width:34ch; }
.studio-inner .inner-contact-strip { background:transparent; border-top:1px solid #0b211c35; padding:45px 0 60px; }
.studio-inner .inner-contact-strip>.wrap { display:flex; align-items:center; justify-content:space-between; gap:40px; }
.studio-inner .inner-contact-strip .eyebrow { margin-bottom:24px; }
.studio-inner .service-explorer { padding-bottom:15px; }
.studio-inner .tabs { gap:clamp(20px,4vw,55px); border-bottom:1px solid #0b211c35; }
.studio-inner .tabs button { padding:20px 0; font-size:.85rem; }
.studio-inner .tabs button[aria-selected=true] { color:#0b211c; border-color:#0b211c; font-weight:500; }
.studio-inner .service-panel { grid-template-columns:.94fr 1.06fr; gap:clamp(40px,7vw,100px); background:transparent; padding:48px 0 34px; border:0; margin:0; min-height:0; align-items:start; }
.studio-inner .service-description h2 { margin:20px 0 26px; }
.studio-inner .service-description>p:not(.eyebrow) { max-width:42ch; }
.studio-inner .scope-label { margin:30px 0 13px; font:400 .69rem/1.4 var(--sans); letter-spacing:.12em; text-transform:uppercase; }
.studio-inner .inner-scope-list { padding:0; margin:0; list-style:none; }
.studio-inner .inner-scope-list li { padding:9px 0; border-bottom:1px solid #0b211c19; font-size:.88rem; color:#45594e; }
.studio-inner .service-description .note { font-size:.73rem; margin-top:17px; line-height:1.6; }
.studio-inner .service-description .button { margin-top:26px; }
.studio-inner .service-evidence { margin:0; }
.studio-inner .service-evidence img { display:block; width:100%; height:100%; object-fit:cover; }
.studio-inner .service-evidence-web img { object-position:center 60%; }
.studio-inner .service-evidence-design .inner-photo-primary { background:#d9dbd2; }
.studio-inner .service-evidence-design .inner-photo-primary img { object-fit:contain; }
.studio-inner .service-evidence figcaption { display:flex; justify-content:space-between; gap:20px; padding-top:17px; align-items:start; }
.studio-inner .service-evidence figcaption strong { display:block; font-weight:500; font-size:.95rem; letter-spacing:-.025em; }
.studio-inner .service-evidence figcaption>span>span { display:block; color:#58665e; font-size:.71rem; margin-top:3px; }
.studio-inner .service-evidence figcaption .text-link { font-size:.72rem; flex-shrink:0; }
.studio-inner .inner-case { align-items:start; gap:clamp(40px,6vw,85px); padding-bottom:25px; }
.studio-inner .inner-case-image { margin:0; padding:0; width:100%; }
.studio-inner .inner-case-image img { display:block; width:100%; height:auto; }
.studio-inner .inner-case-image figcaption { padding-top:14px; font-size:.67rem; letter-spacing:.06em; text-transform:uppercase; color:#58665e; }
.studio-inner .inner-case h2 { margin:22px 0 27px; }
.studio-inner .inner-case .feature-copy>p:not(.eyebrow),
.studio-inner .creator-layout>div>p:not(.eyebrow) { max-width:45ch; margin-bottom:16px; }
.studio-inner .creator-layout .inner-case-image img { object-fit:cover; object-position:center 65%; border-radius:0; }
.studio-inner .creator-layout .inner-case-image figcaption { margin-left:0; max-width:none; }
.studio-inner .inner-deliverables { margin:30px 0 0; }
.studio-inner .inner-deliverables>div { display:grid; grid-template-columns:88px 1fr; gap:20px; border-top:1px solid #0b211c35; padding:14px 0; }
.studio-inner .inner-deliverables>div:last-child { border-bottom:1px solid #0b211c35; }
.studio-inner .inner-deliverables dt { font-size:.68rem; letter-spacing:.08em; text-transform:uppercase; color:#58665e; }
.studio-inner .inner-deliverables dd { font-size:.88rem; margin:0; }
.studio-inner .inner-about { align-items:start; gap:clamp(40px,7vw,100px); padding-bottom:25px; }
.studio-inner .inner-founder { border-top:1px solid #0b211c35; border-bottom:1px solid #0b211c35; padding:26px 0 30px; }
.studio-inner .inner-founder-name { color:#0b211c; font:400 clamp(5rem,9vw,9rem)/.98 var(--sans); letter-spacing:-.065em; padding:28px 0 32px; }
.studio-inner .inner-founder-name em { font-family:var(--serif); letter-spacing:-.035em; }
.studio-inner .inner-founder>span { display:block; font-size:.65rem; letter-spacing:.07em; text-transform:uppercase; color:#58665e; }
.studio-inner .about-copy h2 { margin:22px 0 28px; }
.studio-inner .about-copy>p:not(.eyebrow) { font-size:.96rem; max-width:44ch; margin-bottom:18px; }
.studio-inner .inner-contact { grid-template-columns:.88fr 1.12fr; gap:clamp(45px,9vw,140px); padding-bottom:110px; }
.studio-inner .contact-details { padding-top:25px; border-top:1px solid #0b211c35; }
.studio-inner .contact-number { font:400 clamp(1.8rem,3vw,2.8rem)/1.2 var(--sans); letter-spacing:-.06em; margin:25px 0 15px; }
.studio-inner .inner-email { font-size:.95rem; display:inline-block; overflow-wrap:anywhere; border-bottom:1px solid #0b211c55; padding-bottom:5px; }
.studio-inner .contact-details .actions { margin-top:27px; flex-wrap:wrap; }
.studio-inner .contact-note { border-top:1px solid #0b211c35; padding-top:27px; margin-top:50px; }
.studio-inner .contact-note h3 { font-size:1.35rem; font-weight:400; letter-spacing:-.04em; margin:18px 0 12px; }
.studio-inner .contact-note>p:not(.eyebrow) { font-size:.89rem; max-width:35ch; }
.studio-inner .contact-note .inner-location { margin-top:25px; font-size:.73rem; }
.studio-inner #lead { background:transparent; border:0; border-top:1px solid #0b211c35; border-radius:0; padding:25px 0 0; }
.studio-inner .inner-form-intro { margin-bottom:30px; }
.studio-inner .inner-form-intro h2 { font-size:2rem; margin-bottom:10px; }
.studio-inner .inner-form-intro p { font-size:.71rem; }
.studio-inner #lead label { font-size:.75rem; letter-spacing:.025em; margin-bottom:23px; }
.studio-inner #lead input,.studio-inner #lead select,.studio-inner #lead textarea { background:transparent; border:0; border-bottom:1px solid #0b211c55; border-radius:0; padding:12px 0; font:400 .9rem/1.5 var(--sans); letter-spacing:normal; color:#0b211c; }
.studio-inner #lead input::placeholder,.studio-inner #lead textarea::placeholder { color:#657066; opacity:1; }
.studio-inner #lead input:focus,.studio-inner #lead select:focus,.studio-inner #lead textarea:focus { outline:2px solid #0b211c; outline-offset:5px; border-color:#0b211c; }
.studio-inner #lead .form-row { gap:25px; }
.studio-inner #lead .button { margin-top:7px; }
.studio-inner #form-status { min-height:1.7em; font-size:.85rem; margin-top:20px; }
.studio-inner .inner-reference-list { padding-bottom:30px; }
.studio-inner .inner-reference-row { display:grid; grid-template-columns:35px 115px minmax(0,1fr) auto; gap:30px; align-items:center; padding:27px 0; border-top:1px solid #0b211c35; }
.studio-inner .inner-reference-row:last-child { border-bottom:1px solid #0b211c35; }
.studio-inner .inner-reference-index { align-self:start; font-size:.65rem; letter-spacing:.1em; color:#58665e; padding-top:7px; }
.studio-inner .inner-reference-image { display:block; width:96px; }
.studio-inner .inner-reference-image .photo-float { width:100%; aspect-ratio:4/5; border-width:3px; border-radius:50px 50px 12px 12px; }
.studio-inner .inner-reference-image img { width:100%; height:100%; display:block; object-fit:cover; }
.studio-inner .inner-reference-row:nth-child(3) .inner-reference-image img { object-fit:contain; background:#d9dbd2; }
.studio-inner .inner-reference-copy h2 { font-size:clamp(1.7rem,3vw,2.9rem); margin:0 0 10px; }
.studio-inner .inner-reference-copy p { font-size:.79rem; margin-bottom:15px; }
.studio-inner .inner-reference-row .text-link { font-size:.71rem; }
.studio-inner .inner-reference-external { white-space:nowrap; }
.studio-inner .inner-reference-note { text-align:left; padding:65px 0 100px; max-width:var(--max,1280px); }
.studio-inner .inner-reference-note h2 { margin:25px 0; }
.studio-inner .inner-reference-note>p:not(.eyebrow) { max-width:47ch; margin:0; }
.studio-inner .inner-reference-note .button { margin:0; }
@media(max-width:950px) {
  .studio-inner .inner-case,.studio-inner .inner-about { gap:35px; }
  .studio-inner .inner-actions { gap:20px; }
  .studio-inner .service-panel { gap:35px; }
  .studio-inner .service-evidence figcaption { flex-direction:column; gap:12px; }
  .studio-inner .inner-reference-row { grid-template-columns:25px 85px minmax(0,1fr); gap:20px; }
  .studio-inner .inner-reference-image { width:82px; }
  .studio-inner .inner-reference-external { grid-column:3; justify-self:start; margin-top:-10px; }
  .studio-inner .inner-contact { gap:40px; }
}
@media(max-width:700px) {
  .studio-inner .service-panel { grid-template-columns:1fr; gap:35px; padding:30px 0 15px; }
  .studio-inner .service-evidence figcaption { flex-direction:row; }
  .studio-inner .inner-case,.studio-inner .inner-about,.studio-inner .inner-contact { grid-template-columns:1fr; gap:35px; }
  .studio-inner .inner-process { grid-template-columns:1fr; gap:28px; padding-block:45px 60px; }
  .studio-inner .inner-process span { margin-bottom:18px; }
  .studio-inner .inner-process p { max-width:42ch; }
  .studio-inner .inner-case .inner-actions { margin-top:25px; }
  .studio-inner .creator-layout .inner-case-image img { object-position:center 68%; }
  .studio-inner .inner-contact-strip { padding:45px 0 55px; }
  .studio-inner .inner-contact-strip>.wrap { align-items:flex-start; flex-direction:column; gap:28px; }
  .studio-inner .inner-founder-name { font-size:6rem; }
  .studio-inner .inner-contact { padding-bottom:65px; }
  .studio-inner .contact-number { font-size:2.5rem; }
  .studio-inner .contact-note { margin-top:35px; }
  .studio-inner .inner-reference-note { padding:40px 0 60px; }
}
@media(max-width:420px) {
  .studio-inner .tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 22px; overflow:visible; }
  .studio-inner .tabs button { font-size:.77rem; text-align:left; padding:14px 0; }
  .studio-inner .inner-reference-row { grid-template-columns:20px 70px minmax(0,1fr); gap:14px; }
  .studio-inner .inner-reference-image { width:68px; }
  .studio-inner .inner-reference-copy h2 { font-size:1.65rem; }
  .studio-inner .inner-reference-copy p { font-size:.72rem; line-height:1.55; }
  .studio-inner .inner-reference-row .text-link { font-size:.67rem; gap:7px; }
  .studio-inner .inner-reference-note .inner-actions { align-items:flex-start; flex-direction:column; }
}

/* Floating photographic pieces add depth without adding another page section. */
.studio-inner .inner-photo-stage { padding:16px 20px 48px 12px; }
.studio-inner .inner-photo-stage::before { content:""; position:absolute; z-index:-1; inset:6% 14% 12% 7%; background:#deddd0; border:1px solid #0b211c18; border-radius:150px 150px 24px 24px; transform:rotate(3deg); }
.studio-inner .inner-photo-stage .photo-float img { width:100%; height:100%; aspect-ratio:auto; }
.studio-inner .inner-photo-primary { width:88%; aspect-ratio:3/2; border-radius:140px 140px 24px 24px; }
.studio-inner .inner-photo-secondary { position:absolute; z-index:2; right:4px; bottom:16px; width:34%; aspect-ratio:4/5; border-width:5px; border-radius:65px 65px 15px 15px; }
.studio-inner .inner-photo-secondary-landscape { width:41%; aspect-ratio:3/2; border-radius:22px; }
.studio-inner .service-evidence-design .inner-photo-stage { padding-left:35px; }
.studio-inner .service-evidence-design .inner-photo-primary { width:72%; aspect-ratio:4/5; border-radius:22px; }
.studio-inner .service-evidence-design .inner-photo-stage::before { border-radius:25px; }
.studio-inner .service-evidence-web .inner-photo-primary { width:74%; aspect-ratio:4/5; }
.studio-inner .service-evidence-web .inner-photo-stage { padding-left:45px; padding-bottom:32px; }
.studio-inner .inner-photo-show { padding-bottom:55px; }
.studio-inner .inner-photo-show .inner-photo-primary { width:94%; aspect-ratio:3/2; border-radius:110px 110px 24px 24px; }
.studio-inner .inner-photo-show-logo { width:32%; aspect-ratio:3/2; background:#faf8ef; border-radius:18px; }
.studio-inner .inner-photo-show-logo img { object-fit:contain; background:#faf8ef; }
.studio-inner .inner-photo-creator { padding:22px 35px 35px; }
.studio-inner .inner-photo-creator .inner-photo-primary { width:80%; aspect-ratio:4/5; border-radius:200px 200px 28px 28px; }
.studio-inner .inner-photo-note { position:absolute; z-index:2; right:5px; bottom:55px; display:block; background:#faf8ef; border:1px solid #0b211c16; padding:16px 24px; box-shadow:0 18px 30px -20px #0b211c80; transform:rotate(-5deg); }
.studio-inner .inner-photo-note>span { font:400 1.8rem/1.1 var(--serif); color:#0b211c; }
.studio-inner .inner-photo-note small { display:block; font:400 .58rem/1.5 var(--sans); letter-spacing:.09em; text-transform:uppercase; color:#58665e; margin-top:7px; }
.studio-inner .service-evidence figcaption,.studio-inner .inner-case-image figcaption { padding-top:8px; }
@media(min-width:701px) {
  .studio-inner .page-intro h1 { font-size:clamp(3.7rem,5.8vw,5.3rem); }
}
@media(max-width:700px) {
  .studio-inner .page-intro { padding-block:40px 32px; }
  .studio-inner .inner-photo-stage { padding:12px 15px 38px 8px; }
  .studio-inner .service-evidence .inner-photo-stage { max-width:470px; margin-inline:auto; }
  .studio-inner .service-evidence-design .inner-photo-stage,.studio-inner .service-evidence-web .inner-photo-stage { padding-left:28px; }
  .studio-inner .service-evidence-design .inner-photo-primary,.studio-inner .service-evidence-web .inner-photo-primary { width:74%; }
  .studio-inner .inner-photo-primary,.studio-inner .inner-photo-show .inner-photo-primary { border-radius:90px 90px 18px 18px; }
  .studio-inner .inner-photo-secondary { right:5px; bottom:10px; border-width:4px; border-radius:45px 45px 12px 12px; }
  .studio-inner .inner-photo-secondary-landscape,.studio-inner .inner-photo-show-logo { border-radius:16px; }
  .studio-inner .inner-photo-creator { padding:15px 30px 30px; }
  .studio-inner .inner-photo-creator .inner-photo-primary { width:82%; border-radius:130px 130px 22px 22px; }
  .studio-inner .inner-photo-note { bottom:28px; padding:12px 17px; }
  .studio-inner .inner-photo-note>span { font-size:1.5rem; }
  .studio-inner .inner-process { padding-block:32px 42px; gap:20px; }
  .studio-inner .inner-contact-strip { padding:34px 0 42px; }
}