/* =========================================
   셀렉션 바로가기 — 다크 시네마틱 8타일
   히어로 바로 아래. 골드 하이라인 + 한·영 라벨 시그니처.
   ========================================= */
.wc-select{
	--wc-gold:#b8925a;
	--wc-ink:#16110f;
	--wc-bg:#faf7f2;
	background:var(--wc-bg);
	max-width:1600px;
	margin:0 auto;
	padding:2.6rem 40px 2.9rem;
	position:relative;
	z-index:1;
}

.wc-select__head{ text-align:center; margin-bottom:1.5rem; }

.wc-select__eyebrow{
	display:inline-block;
	font-size:.72rem;
	letter-spacing:.32em;
	font-weight:600;
	text-transform:uppercase;
	color:var(--wc-gold);
	margin-bottom:.95rem;
}
.wc-select__eyebrow::before,
.wc-select__eyebrow::after{
	content:"";
	display:inline-block;
	width:26px; height:1px;
	background:var(--wc-gold);
	vertical-align:middle;
	margin:0 .9em;
	opacity:.55;
}
.wc-select__title{
	font-family:'Georgia','Playfair Display',serif;
	font-weight:400;
	font-size:2.05rem;
	letter-spacing:-.01em;
	color:var(--wc-ink);
	margin:0;
}

.wc-select__row{
	display:grid;
	grid-template-columns:repeat(8,1fr);
	gap:14px;
}

/* ---- 타일 ---- */
.wc-tile{
	position:relative;
	display:block;
	aspect-ratio:1/1;
	overflow:hidden;
	border-radius:3px;
	background:#100c0b;
	text-decoration:none;
	box-shadow:0 1px 3px rgba(0,0,0,.10);
}
.wc-tile__media{ position:absolute; inset:0; }
.wc-tile__media img{
	width:100%; height:100%;
	object-fit:cover;
	display:block;
	transition:transform 1.1s cubic-bezier(.22,1,.36,1);
}
.wc-tile__veil{
	position:absolute; inset:0;
	background:linear-gradient(to top, rgba(9,6,5,.86) 0%, rgba(9,6,5,.30) 46%, rgba(9,6,5,.04) 100%);
	transition:background .45s ease;
}
/* 시그니처 — 호버 시 골드 헤어라인 프레임 */
.wc-tile::after{
	content:"";
	position:absolute; inset:7px;
	border:1px solid rgba(184,146,90,0);
	border-radius:1px;
	transition:border-color .5s ease;
	pointer-events:none;
	z-index:3;
}

.wc-tile__label{
	position:absolute; left:0; right:0; bottom:0;
	padding:14px 15px 16px;
	z-index:2;
	text-align:left;
}
.wc-tile__en{
	display:block;
	font-size:.6rem;
	letter-spacing:.2em;
	font-weight:600;
	text-transform:uppercase;
	color:var(--wc-gold);
	margin-bottom:.34em;
	opacity:.95;
}
.wc-tile__kr{
	display:block;
	font-family:'Pretendard',sans-serif;
	font-size:1.04rem;
	font-weight:600;
	line-height:1.15;
	letter-spacing:.01em;
	color:#fff;
}

/* ---- 호버 ---- */
.wc-tile:hover .wc-tile__media img{ transform:scale(1.07); }
.wc-tile:hover .wc-tile__veil{
	background:linear-gradient(to top, rgba(9,6,5,.92) 0%, rgba(9,6,5,.42) 52%, rgba(9,6,5,.10) 100%);
}
.wc-tile:hover::after{ border-color:rgba(184,146,90,.6); }
.wc-tile:focus-visible{ outline:2px solid var(--wc-gold); outline-offset:2px; }

/* ---- 태블릿 ---- */
@media(max-width:1100px){
	.wc-select{ padding:2.2rem 24px 2.5rem; }
	.wc-select__row{ grid-template-columns:repeat(4,1fr); gap:12px; }
	.wc-select__title{ font-size:1.8rem; }
}

/* ---- 모바일: 2열 ---- */
@media(max-width:560px){
	.wc-select{ padding:1.9rem 16px 2.2rem; }
	.wc-select__head{ margin-bottom:1.2rem; }
	.wc-select__title{ font-size:1.5rem; }
	.wc-select__row{ grid-template-columns:repeat(2,1fr); gap:10px; }
	.wc-tile__kr{ font-size:1.02rem; }
}

@media(prefers-reduced-motion:reduce){
	.wc-tile__media img,.wc-tile__veil,.wc-tile::after{ transition:none; }
}