/* 색상 스튜디오: 외장 색상과 시트를 눌러서 바꿔 보는 구역 (카탈로그 사진은 검은 배경) */
.studio{padding:60px 0 64px; background:#0b0b0c; color:#fff;}
.studio .st-head{max-width:760px; margin-bottom:26px;}
.studio .st-eyebrow{font-family:'Barlow Condensed','Noto Sans KR',sans-serif; font-size:15px; letter-spacing:.12em; text-transform:uppercase; font-weight:600; color:#ff9a6b; margin-bottom:10px;}
.studio h2{font-size:clamp(24px, 3.4vw, 36px); font-weight:900; line-height:1.25; margin:0 0 8px; color:#fff;}
.studio .st-head p{color:#b9b9bd; font-size:15px; margin:0;}
.st-grid{display:grid; grid-template-columns:minmax(0,1.75fr) minmax(0,1fr); gap:18px; align-items:stretch;}
.st-pane{background:#000; border:1px solid #26262a; border-radius:12px; padding:18px 18px 20px; display:flex; flex-direction:column; min-width:0;}
.st-label{font-size:12.5px; letter-spacing:.06em; color:#8d8d93; font-weight:700; margin-bottom:8px;}
.st-stage{flex:1; display:flex; align-items:center; justify-content:center; min-height:0;}
.st-stage img{display:block; width:100%; height:auto; transition:opacity .18s;}
.st-ext .st-stage img{aspect-ratio:1000/480; object-fit:contain;}
.st-seat .st-stage img{aspect-ratio:10/9; object-fit:cover; border-radius:8px;}
.st-cap{display:flex; align-items:baseline; gap:10px; flex-wrap:wrap; margin:14px 0 14px; min-height:30px;}
.st-code{font-family:'Barlow Condensed','Noto Sans KR',sans-serif; font-size:26px; font-weight:600; line-height:1; color:#ff7a3d;}
.st-name{font-size:17px; font-weight:700; color:#fff;}
.st-meta{font-size:12.5px; color:#9a9aa0;}
.st-chips{display:flex; gap:10px; flex-wrap:wrap;}
.st-chip{width:40px; height:40px; border-radius:50%; border:2px solid #3a3a40; background:var(--c); padding:0; cursor:pointer; transition:transform .15s; flex-shrink:0;}
.st-chip:hover{transform:scale(1.08);}
.st-chip[aria-pressed="true"]{border-color:#000; box-shadow:0 0 0 3px #ff7a3d;}
.st-thumb{width:58px; height:58px; border-radius:8px; border:2px solid #3a3a40; padding:0; overflow:hidden; cursor:pointer; background:#111; transition:transform .15s; flex-shrink:0;}
.st-thumb img{width:100%; height:100%; object-fit:cover; display:block;}
.st-thumb:hover{transform:scale(1.06);}
.st-thumb[aria-pressed="true"]{border-color:#000; box-shadow:0 0 0 3px #ff7a3d;}
.st-chip:focus-visible, .st-thumb:focus-visible{outline:2px solid #fff; outline-offset:3px;}
.studio .st-note{font-size:12.5px; color:#8d8d93; margin-top:16px;}
@media (max-width:860px){
  .studio{padding:44px 0 48px;}
  .st-grid{grid-template-columns:1fr;}
  .st-pane{padding:14px 14px 16px;}
  .st-seat .st-stage img{aspect-ratio:16/10;}
}

/* 본문 안에 들어가는 형태 (GLC) */
.studio.st-inset{margin-top:90px; border-radius:14px; padding:40px 0 44px; scroll-margin-top:80px;}
.studio.st-inset .wrap{padding:0 28px; max-width:none;}

/* 마이바흐: 흰 배경 카탈로그 사진에 맞춘 아이보리 · 샴페인 골드 */
.studio.maybach{background:linear-gradient(180deg, #fbf9f4 0%, #f1ebdf 100%); color:#1a1714; border-top:1px solid #d9c7a3; border-bottom:1px solid #d9c7a3;}
.studio.maybach .st-eyebrow{color:#9a7b3f; letter-spacing:.3em; font-size:13px;}
.studio.maybach .st-eyebrow::after{content:""; display:block; width:56px; height:1px; background:#b08d57; margin-top:14px;}
.studio.maybach h2{font-family:'Cormorant Garamond','Noto Serif KR',serif; font-weight:600; font-size:clamp(28px, 4vw, 44px); letter-spacing:.01em; color:#1a1714;}
.studio.maybach .st-head p{color:#5d5548;}
.studio.maybach .st-pane{background:#fff; border-color:#dccfb4; box-shadow:0 10px 30px rgba(120,96,48,.08);}
.studio.maybach .st-label{color:#9a7b3f; letter-spacing:.14em;}
.studio.maybach .st-code{color:#9a7b3f; font-family:'Cormorant Garamond','Barlow Condensed',serif; font-size:30px;}
.studio.maybach .st-name{color:#1a1714; font-family:'Noto Serif KR','Noto Sans KR',serif; font-weight:700;}
.studio.maybach .st-meta{color:#8a7a5c;}
.studio.maybach .st-chip{border-color:#d2c5aa;}
.studio.maybach .st-chip[aria-pressed="true"], .studio.maybach .st-thumb[aria-pressed="true"]{border-color:#fff; box-shadow:0 0 0 3px #b08d57;}
.studio.maybach .st-thumb{border-color:#d2c5aa; background:#f4efe4;}
.studio.maybach .st-chip:focus-visible, .studio.maybach .st-thumb:focus-visible{outline-color:#1a1714;}
.studio.maybach .st-note{color:#8a7a5c;}
@media (max-width:860px){
  .studio.st-inset{margin-top:56px; padding:28px 0 32px;}
  .studio.st-inset .wrap{padding:0 16px;}
}