/* ==========================================================
   픽스터 오스틴 — 랜딩 (이미지 조립형)
   Figma: 랜딩페이지 / *오스틴 / 오스틴 랜딩 PC (68:12582, 1800폭)
   600px 컬럼 중앙 배치, 모바일은 100% 폭으로 축소
   ========================================================== */

* { box-sizing: border-box; margin: 0; padding: 0; }

body {
  background: #1a1a1a;
  overflow-x: hidden;
  -webkit-tap-highlight-color: transparent;
}

img { display: block; width: 100%; height: auto; }

.sec {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.col {
  width: 100%;
  max-width: 600px;
  position: relative;
}

/* 섹션 배경 (1800폭) */
.sec--1 { background: url("assets/bg1.jpg") center top / auto 100% no-repeat #1a1a1a; }
.sec--2 { background: url("assets/bg2.jpg") center top / auto 100% no-repeat #c81e1e; }
.sec--3 { background: url("assets/bg3.jpg") center / cover no-repeat #1a1a1a; }
.sec--4 { background: url("assets/bg4.jpg") center / cover no-repeat #1a1a1a; }
.sec--5 { background: url("assets/bg5.jpg") center / cover no-repeat #111; }

/* 메인 비주얼 문의 버튼 2개 — Figma Frame 14: x100 y540.78 w400 h72 (600×653) */
.hero-btns {
  position: absolute;
  left: 16.667%;
  top: 82.83%;
  width: 66.667%;
  display: flex;
  gap: 2.5%;            /* 10px / 400px */
}
.hero-btns a { flex: 1 1 0; }
.hero-btns img:active { filter: brightness(1.15); }

/* 공식 사이트 바로가기 — Frame 11: x61 y166 w478 h44 (600×564) */
.hot {
  position: absolute;
  display: block;
  border-radius: 8px;
}
.hot--cta {
  left: 10.167%; top: 29.43%;
  width: 79.667%; height: 7.8%;
}
.hot:active { background: rgba(255, 255, 255, 0.1); }