/* 홈 제품 사진 배너 (2026-11): 제품 사진 + 사진 아래 왼쪽 정렬 제목·링크
   (사진 위 글자·어두운 그라데이션은 쓰지 않음) */
.home-feature{
 /* 사진이 잘릴 때 보이는 위치 (가로% 세로%) */
 --feature-position:50% 60%;
 --feature-position-mobile:50% 100%;
 /* 가운데 사진 칸의 최대 폭: 지금 사진 원본 폭(1024px)보다 크게 늘이지 않음.
    PC용 가로 고화질 사진(2560px 이상)을 index.html 의 <source> 에 넣으면 none 으로 바꾸세요 */
 --feature-max-width:1024px;
 /* 사진 칸 높이: 원본 크기 안에서 자르도록 640px 이하 */
 --feature-height:min(640px,72vh);
 width:100%;max-width:none;margin:0;background:#000;
}
body.home main section.home-feature{padding:0}
.home-feature-media{position:relative;isolation:isolate;overflow:hidden;height:var(--feature-height);min-height:420px;background:#0b0806;display:flex;justify-content:center}
/* 양옆 배경: 같은 사진을 아주 흐리고 어둡게 깔아 사진과 이어지는 색으로 채움 */
.home-feature-backdrop{position:absolute;inset:-60px;z-index:-1;width:calc(100% + 120px);height:calc(100% + 120px);max-width:none;object-fit:cover;object-position:var(--feature-position);filter:blur(48px) brightness(.38) saturate(.85);transform:scale(1.15)}
.home-feature-frame{position:relative;display:block;width:min(100%,var(--feature-max-width));height:100%;overflow:hidden;box-shadow:0 0 80px 40px rgb(11 8 6 / .35)}
.home-feature-photo{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:var(--feature-position);transition:transform .6s cubic-bezier(.23,1,.32,1)}
@media (hover:hover) and (pointer:fine){
 .home-feature:hover .home-feature-photo{transform:scale(1.02)}
}
.home-feature-caption{
 display:flex;align-items:baseline;justify-content:space-between;gap:24px;flex-wrap:wrap;
 width:min(100%,var(--feature-max-width));margin:0 auto;
 padding:28px clamp(24px,3vw,40px) 0;text-align:left;box-sizing:border-box;
}
body.home main section.home-feature h2{margin:0;color:var(--paper);font:400 clamp(22px,2vw,28px)/1.3 "Cormorant Garamond",Georgia,"Times New Roman",serif;letter-spacing:.01em}

/* 휴대폰·세로 화면 */
@media (max-width:700px),(orientation:portrait){
 /* 1:1 로 잘라 사진 위쪽의 로고 글자가 보이지 않게 함 */
 .home-feature-media{height:auto;min-height:0;aspect-ratio:1/1}
 .home-feature-frame{width:100%;box-shadow:none}
 .home-feature-backdrop{display:none}
 .home-feature-photo{object-position:var(--feature-position-mobile)}
 .home-feature-caption{width:100%;padding:22px 6% 0;gap:12px}
}
@media (prefers-reduced-motion:reduce){
 .home-feature-photo{transition:none}
 .home-feature:hover .home-feature-photo{transform:none}
}

/* PC: 사진 칸 양옆이 칼로 자른 듯 끝나지 않도록 가장자리를 배경으로 서서히 녹임, 배경 밝기도 사진에 가깝게 (2026-11) */
@media (min-width:701px) and (orientation:landscape){
 .home-feature-frame{box-shadow:none;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%)}
 .home-feature-backdrop{filter:blur(40px) brightness(.62) saturate(.95)}
}