/* ③-추가: 본사 광고 사진 '다 잘되는 프랜차이즈' — 매장 그림 위 금색 큰 글씨 띠 */
.s03c {
  --s03c-gold-a: #fff1b0;
  --s03c-gold-b: #e8b84a;
  --s03c-gold-c: #a8701c;
  background: #120d07;
  color: #fff;
  min-height: clamp(520px, 42vw, 800px);
  display: flex;
  align-items: flex-end;
}
/* 사진이 아주 천천히 다가갔다 물러남(10-27 대표님 선택). 줄임 동작이면 base.css가 멈춤 */
.s03c .s03c-photo::before { content: ""; position: absolute; inset: 0; background: url(../assets/s03c/store.jpg) center 30% / cover no-repeat; transform-origin: 50% 40%; animation: s03c-push 16s ease-in-out infinite alternate; }
@keyframes s03c-push { from { transform: scale(1); } to { transform: scale(1.08); } }
.s03c .s03c-photo { position: absolute; top: 0; bottom: 0; left: 50%; width: min(100%, 1320px); transform: translateX(-50%); overflow: hidden; -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), #000 12%, #000 88%, rgba(0, 0, 0, 0)); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0), #000 12%, #000 88%, rgba(0, 0, 0, 0)); }
.s03c .s03c-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(10, 6, 2, .15) 0%, rgba(10, 6, 2, .2) 40%, rgba(10, 6, 2, .85) 75%, #0d0904 100%); }
.s03c .s03c-mark { position: absolute; right: 0; width: 100%; height: 0; }
.s03c .s03c-mark.n { top: 72px; }
.s03c .s03c-mark.h { top: 112px; }
.s03c .s03c-in { position: relative; z-index: 2; text-align: center; padding-bottom: clamp(40px, 4.4vw, 80px); }
.s03c .s03c-t1, .s03c .s03c-t2 {
  background: linear-gradient(100deg, var(--s03c-gold-c) 0%, var(--s03c-gold-b) 20%, var(--s03c-gold-a) 32%, var(--s03c-gold-b) 44%, var(--s03c-gold-b) 70%, var(--s03c-gold-a) 84%, var(--s03c-gold-c) 100%);
  background-size: 220% 100%;
  -webkit-background-clip: text; background-clip: text; color: transparent;
  filter: drop-shadow(0 4px 10px rgba(0, 0, 0, .7));
  animation: s03c-shine 5s linear infinite;
}
.s03c .s03c-t1 { display: flex; align-items: center; justify-content: center; gap: clamp(10px, 1.4vw, 24px); font-size: clamp(26px, 3.4vw, 64px); }
.s03c .s03c-t1::before, .s03c .s03c-t1::after { content: ""; flex: 0 1 clamp(30px, 8vw, 160px); height: 2px; background: linear-gradient(90deg, rgba(232, 184, 74, 0), #e8b84a); }
.s03c .s03c-t1::after { background: linear-gradient(270deg, rgba(232, 184, 74, 0), #e8b84a); }
.s03c .s03c-t2 { margin-top: clamp(6px, .8vw, 14px); font-size: clamp(40px, 7.4vw, 140px); line-height: 1.12; }
@keyframes s03c-shine { from { background-position: 0% 0; } to { background-position: -220% 0; } }
@media (max-width: 768px) {
  .s03c { min-height: 0; display: block; padding-top: 72%; }
  .s03c .s03c-photo { bottom: auto; width: 100%; height: 86vw; background-position: center top; -webkit-mask-image: none; mask-image: none; }
  .s03c .s03c-in { padding-top: 0; }
}