/* The Studio — approved warm editorial layout, scoped to this page. */
.studio-page36{background:#faf9f6}
.studio-page36 .studio-intro{display:grid;grid-template-columns:minmax(0,1.18fr) minmax(0,1fr);align-items:stretch;gap:clamp(28px,3.4vw,64px);width:100%;max-width:1520px;padding-block:clamp(36px,3.6vw,64px)}
.studio-page36 .studio-copy{min-width:0}
.studio-page36 .studio-eyebrow{display:flex;align-items:center;gap:22px;margin:0 0 18px;color:#786d40;font:400 13px/1.4 Arial,Helvetica,sans-serif;letter-spacing:.2em;text-transform:uppercase}
.studio-page36 .studio-eyebrow::before{content:"";width:76px;height:1px;background:#948a54;flex-shrink:0}
.studio-page36 h1{font:400 clamp(52px,4.6vw,88px)/1.04 var(--serif);letter-spacing:-.015em;color:#30302c;margin:0 0 24px}
.studio-page36 h1 span{display:block}
.studio-page36 .studio-subtitle{font:italic 400 clamp(34px,2.4vw,42px)/1.25 var(--serif);color:#3e3e39;margin:0 0 24px}
.studio-page36 .studio-description{color:#555550;font:400 clamp(18px,1.1vw,21px)/1.55 Arial,Helvetica,sans-serif}
.studio-page36 .studio-description p+p{margin-top:20px}
/* The text determines the row height; the portrait shares its top and bottom. */
.studio-page36 .studio-portrait{position:relative;overflow:hidden;border:1px solid #948a54;margin:0;background:#e9e9e0;min-width:0;min-height:0}
.studio-page36 .studio-portrait img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;transform:none}
.studio-page36 .studio-values{background:#282826;color:#f5f4ef;padding-block:clamp(42px,3.5vw,60px) clamp(60px,4.8vw,82px)}
.studio-page36 .studio-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
.studio-page36 .studio-value{min-width:0;padding-inline:clamp(24px,3vw,52px);text-align:center}
.studio-page36 .studio-value+.studio-value{border-left:1px solid #797257}
.studio-page36 .studio-value:first-child{padding-left:clamp(12px,2vw,28px)}
.studio-page36 .studio-value:last-child{padding-right:clamp(12px,2vw,28px)}
.studio-page36 .studio-value-icon{display:block;width:58px;height:58px;margin:0 auto 19px;fill:none;stroke:#c6b878;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
.studio-page36 .studio-value h2{font:400 clamp(29px,2.6vw,42px)/1.12 var(--serif);color:#f5f4ef;margin:0 0 15px}
.studio-page36 .studio-value p{font:400 clamp(18px,1.5vw,21px)/1.5 Arial,Helvetica,sans-serif;color:#e9e7df;max-width:400px;margin-inline:auto;text-align:left}
.studio-page36 .studio-invitation{padding-block:clamp(38px,3.5vw,60px);text-align:center}
.studio-page36 .studio-invitation h2{font:400 clamp(38px,4.1vw,64px)/1.12 var(--serif);color:#3e3e39;margin:0 0 20px;text-wrap:balance}
.studio-page36 .studio-invitation .button{gap:22px;font-size:17px;min-width:210px}
.studio-page36 .studio-invitation .icon{width:21px;height:21px}
@media(max-width:1000px){
  .studio-page36 .studio-intro{gap:26px}
  .studio-page36 .studio-description{font-size:18px}
  .studio-page36 .studio-value{padding-inline:22px}
  .studio-page36 .studio-value h2{font-size:30px}
}
@media(max-width:900px){
  .studio-page36 .studio-intro{grid-template-columns:1fr;gap:30px;padding-block:36px 40px}
  .studio-page36 h1{font-size:clamp(48px,8.5vw,68px)}
  .studio-page36 .studio-subtitle{font-size:clamp(30px,5.5vw,36px)}
  .studio-page36 .studio-description{max-width:none}
  .studio-page36 .studio-portrait{width:100%;max-width:540px;aspect-ratio:1.12;justify-self:center}
  .studio-page36 .studio-values-grid{grid-template-columns:1fr;gap:30px}
  .studio-page36 .studio-value,.studio-page36 .studio-value:first-child,.studio-page36 .studio-value:last-child{padding:0}
  .studio-page36 .studio-value+.studio-value{border-left:0;border-top:1px solid #797257;padding-top:30px}
  .studio-page36 .studio-value h2{font-size:34px}
  .studio-page36 .studio-value p{max-width:560px;text-align:center;font-size:18px}
  .studio-page36 .studio-values{padding-block:40px 60px}
}
@media(max-width:480px){
  .studio-page36 h1{font-size:clamp(44px,10.8vw,52px)}
  .studio-page36 .studio-subtitle{font-size:clamp(28px,6.8vw,32px)}
}
@media(max-width:380px){
  .studio-page36 h1{font-size:clamp(40px,11.5vw,44px)}
  .studio-page36 .studio-eyebrow{gap:16px;font-size:12px}
  .studio-page36 .studio-eyebrow::before{width:52px}
}