/* Goldman 강점 섹션 (C안 · 포커스 캐러셀) — 모든 규칙은 .gms 아래에만 (사이트 CSS 무접촉)
   안쪽 틀은 사이트 .in 클래스(위아래 섹션과 같은 좌우). 제목 36/700 → 23/700 */
.gms{--ink:#0b0d10;--card:#14181d;--ln:rgba(255,255,255,.09);--o:#fba303;--o2:#ffd27a;--mu:#a3aab3;--tx:#f2f3f5;
  position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--tx);
  font-family:"Pretendard Variable",Pretendard,"Noto Sans",system-ui,sans-serif;padding:120px 0 128px;-webkit-font-smoothing:antialiased}
.gms *,.gms *:before,.gms *:after{box-sizing:border-box}
.gms em,.gms b{font-style:normal;font-weight:inherit}.gms b{font-weight:700}
/* 안쪽 틀은 사이트의 .in 을 그대로 쓴다(화면 폭에 따라 1230→1390 으로 넓어짐) — 여기서 폭을 정하지 않는다 */
.gms__glow{position:absolute;inset:-25% -15% auto auto;width:70%;height:90%;z-index:-1;background:radial-gradient(closest-side,rgba(251,163,3,.15),transparent 70%)}
.gms__bg{position:absolute;top:0;right:0;width:min(55%,720px);aspect-ratio:16/9;z-index:-1;background:center/cover no-repeat;opacity:.32;filter:grayscale(.4);
  -webkit-mask-image:radial-gradient(110% 100% at 85% 0%,#000 28%,transparent 72%);mask-image:radial-gradient(110% 100% at 85% 0%,#000 28%,transparent 72%)}

.gms__head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:48px;align-items:end;margin-bottom:64px}
.gms__title{margin:0;font-size:36px;line-height:1.5;font-weight:700;letter-spacing:-.34px;word-break:keep-all;color:#fff}
.gms__title em{color:var(--o)}
.gms__q{margin:0 0 8px;font-size:18px;font-weight:700;word-break:keep-all;color:#fff}
.gms__lead{margin:0;font-size:16px;line-height:1.75;color:var(--mu);word-break:keep-all;max-width:40ch}
.gms__lead b{color:#fff}

.gms__row{display:flex;gap:16px;height:560px;margin:0;padding:0;list-style:none}
.gms__pn{position:relative;flex:1 1 0;min-width:190px;border-radius:24px;overflow:hidden;background:var(--card);border:1px solid var(--ln);cursor:pointer;
  transition:flex-grow .8s cubic-bezier(.2,.7,.2,1),border-color .5s;outline:none}
.gms__pn.on{flex-grow:4;border-color:rgba(251,163,3,.5);cursor:default}
.gms__pn:focus-visible{box-shadow:0 0 0 3px var(--o)}
.gms__pn img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(.6);transform:scale(1.1);
  transition:opacity .8s,filter .8s,transform 1.6s cubic-bezier(.2,.7,.2,1)}
.gms__pn.on img{opacity:.7;filter:none;transform:scale(1)}
.gms__pn:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,13,16,.96) 0%,rgba(11,13,16,.75) 45%,rgba(11,13,16,.15) 100%)}
.gms__pn:not(.on):after{background:linear-gradient(180deg,rgba(11,13,16,.2),rgba(11,13,16,.92))}
.gms__num{font-family:Manrope,"Pretendard Variable",sans-serif;font-weight:800;letter-spacing:-.04em;font-variant-numeric:tabular-nums;
  background:linear-gradient(100deg,var(--o),var(--o2));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
.gms__num small{font-size:.38em;letter-spacing:0;margin-left:4px;font-family:"Pretendard Variable",Pretendard,sans-serif;font-weight:700}
.gms__mini{position:absolute;left:24px;right:24px;bottom:26px;z-index:1;transition:opacity .4s}
.gms__mini .gms__num{display:block;font-size:40px;line-height:1;margin-bottom:10px}
.gms__mini b{display:block;font-size:15px;line-height:1.45;word-break:keep-all;color:#fff}
.gms__pn.on .gms__mini{opacity:0;pointer-events:none}
.gms__full{position:absolute;inset:0;z-index:1;padding:44px 48px;display:flex;flex-direction:column;justify-content:flex-end;max-width:560px;
  opacity:0;transform:translateX(-16px);transition:opacity .5s .25s,transform .7s .25s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.gms__pn.on .gms__full{opacity:1;transform:none;pointer-events:auto}
.gms__full .gms__num{font-size:120px;line-height:.9;margin-bottom:22px}
.gms__full h3{margin:0 0 24px;font-size:26px;line-height:1.45;font-weight:700;word-break:keep-all;color:#fff}
.gms__full h3 em{color:var(--o)}
.gms__chk{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.gms__chk li{position:relative;padding-left:28px;font-size:15px;line-height:1.5;color:#d7dbe0;word-break:keep-all}
.gms__chk li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;
  background:rgba(251,163,3,.15) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath d='M5 9.3l2.6 2.5L13 6.4' fill='none' stroke='%23fba303' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/18px no-repeat}
.gms__prog{position:absolute;left:0;top:0;height:3px;width:0;z-index:2;background:var(--o)}
.gms.auto .gms__pn.on .gms__prog{animation:gmsProg 5s linear forwards}
.gms.paused .gms__pn.on .gms__prog{animation-play-state:paused}
@keyframes gmsProg{to{width:100%}}
.gms__dots{display:flex;gap:10px;margin-top:24px}
.gms__dots button{width:36px;height:4px;border:0;border-radius:2px;background:var(--ln);cursor:pointer;padding:0}
.gms__dots button[aria-current="true"]{background:var(--o)}

@media (max-width:860px){
  .gms{padding:64px 0 72px}
  .gms__title{font-size:23px;letter-spacing:-.28px}
  .gms__head{grid-template-columns:1fr;gap:20px;margin-bottom:32px}
  .gms__lead{font-size:14.5px}
  .gms__bg{width:100%;opacity:.25}
  .gms__row{flex-direction:column;height:auto;gap:10px}
  .gms__pn{flex:none;min-width:0;height:92px;transition:height .6s cubic-bezier(.2,.7,.2,1),border-color .5s}
  .gms__pn.on{height:470px}
  .gms__mini{left:20px;right:20px;bottom:auto;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:16px}
  .gms__mini .gms__num{font-size:30px;margin:0;flex:0 0 auto}
  .gms__mini b{font-size:14px}
  .gms__pn:after,.gms__pn:not(.on):after{background:linear-gradient(180deg,rgba(11,13,16,.35),rgba(11,13,16,.95))}
  .gms__full{padding:24px;max-width:none}
  .gms__full .gms__num{font-size:64px;margin-bottom:14px}
  .gms__full h3{font-size:19px;margin-bottom:16px}
  .gms__chk li{font-size:14px}
  .gms__dots{display:none}
}
@media (prefers-reduced-motion:reduce){.gms *,.gms *:before,.gms *:after{animation:none!important;transition:none!important}}

/* v2 (10/6 밤) — 사진이 원본 386px 라 펼친 카드(약 780×560)에 늘리면 깨진다.
   바탕은 일부러 흐리게 깔고, 사진은 오른쪽 위에 원래 크기 그대로 한 장 더 얹는다. */
.gms__pn img{filter:grayscale(.6) blur(6px)}
.gms__pn.on img{opacity:.55;filter:blur(18px) brightness(.7) saturate(1.1);transform:scale(1.2)}
.gms__shot{position:absolute;top:40px;right:40px;width:min(46%,386px);aspect-ratio:386/207;margin:0;border-radius:16px;overflow:hidden;
  border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px rgba(0,0,0,.45)}
.gms__shot img{position:static;width:100%;height:100%;object-fit:cover;opacity:1!important;filter:none!important;transform:none!important}
.gms__full{max-width:none}
.gms__full>:not(.gms__shot){max-width:50%}
.gms__full .gms__num{font-size:96px}
@media (max-width:860px){
  .gms__pn.on{height:600px}
  .gms__full{max-width:none;justify-content:flex-start}
  .gms__full>:not(.gms__shot){max-width:none}
  .gms__shot{position:relative;top:auto;right:auto;width:100%;margin-bottom:18px}
  .gms__full .gms__num{font-size:56px}
}