@charset "utf-8";

/*
* vw 단위 사용법
* 80px => calc(80 * var(--vw));
*/

.imc { --vw: 0.625px; } /* 1920px 기준 */
@media screen and (min-width: 1200px) {
    .imc { --vw: 0.052083333vw; }
}

/* ===== NK1906 METAL ICE PACK :: 공통 ===== */
.nk1906 {
    --nk-bg: #273841;          /* 메인 다크 슬레이트 배경 (피그마 실제값) */
    --nk-accent: #457791;      /* 틸 포인트 (ONLINE ONLY 등) */
    background: var(--nk-bg);
    overflow: hidden;
}
.nk1906 * { box-sizing: border-box; }
.nk1906 img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nk1906 .nk1906__gradText {
    /* 실버 → 틸 그라디언트 텍스트 (타이틀) */
    background: linear-gradient(94deg, #e4e4e4 0%, #41748e 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;
}

/* hideGnbOnMainVideo :: S (템플릿 공통 - KV 상단 GNB 처리) */
.wrap .header {transition:0.3s; display: none;}
.wrap .header.on {position:absolute; top: -110px;}
.container.npb {padding-top:0; position:absolute;width:100%; z-index: 60;}
/* hideGnbOnMainVideo :: E */

/* videoBlurMotion / toggleVideoSound :: S (KV 영상 대응 - 영상 전달 시 사용) */
.imc__videoMask {position:relative;}
.videoMask__blur{position:absolute; top:0; width:100%; height:100%; z-index: 1; transition:0.5s; backdrop-filter: blur(0px);}
.imc__videoMask .mainVideo__muteBtn{position:absolute; z-index: 2; bottom:calc(32 * var(--vw)); left:calc(32 * var(--vw)); width: calc(28 * var(--vw)); height: calc(28 * var(--vw)); background-size: calc(28 * var(--vw)); background-repeat:no-repeat; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28' fill='none'%3E%3Cpath d='M26.9078 11.3637L20.8074 17.4641' stroke='white' stroke-width='1.52509' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M26.9078 17.4641L20.8074 11.3637' stroke='white' stroke-width='1.52509' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.7306 24.6463C15.5552 24.6463 15.3951 24.5948 15.2426 24.4991L7.55612 19.3618H2.85885C2.18019 19.3618 1.62354 18.8245 1.62354 18.1695V9.84522C1.62354 9.18281 2.18019 8.65288 2.85885 8.65288H7.55612L15.2426 3.51555C15.3951 3.41251 15.5552 3.36835 15.7306 3.36835C16.15 3.36835 16.5923 3.68483 16.5923 4.20004V23.822C16.5923 24.3372 16.1424 24.6537 15.7306 24.6537V24.6463Z' fill='white'/%3E%3C/svg%3E");}
/* videoBlurMotion / toggleVideoSound :: E */

/* scrollFadeInMotion :: S (공통 유틸) */
.jsScrollFadeInImg {opacity: 0; transform: translateY(calc(40 * var(--vw))); transition: opacity 1.2s ease, transform 1.2s ease;}
.jsScrollFadeInImg.on {opacity: 1; transform: translateY(0);}
/* scrollFadeInMotion :: E */

/* ===== 01. KV ===== */
.nk1906__kv {position:relative; width:100%;}
.nk1906__kv .nk1906__kvImg {height:calc(960 * var(--vw));}

/* ===== 02. Intro (타이틀 + 카피) ===== */
.nk1906__intro {text-align:center; padding:calc(60 * var(--vw)) calc(40 * var(--vw)) calc(120 * var(--vw));}
.nk1906__title {
    font-family: 'ITCGaramondStd', serif;
    font-size:calc(90 * var(--vw));
    line-height:1.1;
    letter-spacing:calc(-1 * var(--vw));
    margin-bottom:calc(20 * var(--vw));
}
.nk1906__introCopy p {
    color:#fff;
    font-size:calc(28 * var(--vw));
    line-height:calc(44 * var(--vw));
    letter-spacing:calc(-1.4 * var(--vw));
}
.nk1906__introCopy .num {font-size:calc(30 * var(--vw));}
.nk1906__introCopy--strong {font-weight:900; margin-top:calc(44 * var(--vw));}

/* ===== 03. Shoes List (ONLINE ONLY) ===== */
.nk1906__shoes {text-align:center; padding-bottom:calc(160 * var(--vw));}
.nk1906__shoesTit {
    color:var(--nk-accent);
    font-weight:800;
    font-size:calc(34 * var(--vw));
    letter-spacing:calc(-0.34 * var(--vw));
    text-transform:uppercase;
    margin-bottom:calc(30 * var(--vw));
}
.nk1906__shoesList {display:flex; justify-content:center; gap:calc(30 * var(--vw));}
.nk1906__shoesList li {display:flex; flex-direction:column; align-items:center; gap:calc(16 * var(--vw)); width:calc(274 * var(--vw));}
.nk1906__shoesThumb {width:calc(274 * var(--vw)); height:calc(157 * var(--vw));}
.nk1906__shoesThumb img {object-fit:contain;}
.nk1906__shoesName {
    font-family:'ITCGaramondStd', serif;
    color:#fff;
    font-size:calc(36 * var(--vw));
    letter-spacing:calc(-0.36 * var(--vw));
}

/* ===== 04. Hero2 (라이프스타일 + Three Shades) ===== */
.nk1906__hero2 {text-align:center; padding-bottom:calc(160 * var(--vw));}
.nk1906__hero2Img {width:calc(1528 * var(--vw)); height:calc(961 * var(--vw)); margin:0 auto; overflow:hidden;}
.nk1906__hero2Text {margin-top:calc(40 * var(--vw));}
.nk1906__hero2Tit {
    font-family:'ITCGaramondStd', serif;
    color:#fff;
    font-size:calc(54 * var(--vw));
    line-height:1.2;
}
.nk1906__hero2Desc {
    color:#fff;
    font-size:calc(24 * var(--vw));
    line-height:calc(36 * var(--vw));
    letter-spacing:calc(-1.2 * var(--vw));
    margin-top:calc(12 * var(--vw));
}

/* ===== 05. Color Cards (3종) ===== */
.nk1906__colors {display:flex; justify-content:center; gap:calc(40 * var(--vw)); padding-bottom:calc(160 * var(--vw));}
.nk1906__colorCard {display:flex; flex-direction:column; align-items:center; gap:calc(40 * var(--vw));}
.nk1906__colorImg {width:calc(558 * var(--vw)); height:calc(744 * var(--vw)); overflow:hidden; background:#989898;}
.nk1906__colorText {text-align:center; color:#fff; width:calc(568 * var(--vw));}
.nk1906__colorName {font-family:'ITCGaramondStd', serif; font-size:calc(54 * var(--vw)); line-height:calc(52 * var(--vw)); margin-bottom:calc(12 * var(--vw));}
.nk1906__colorDesc {font-size:calc(24 * var(--vw)); line-height:calc(36 * var(--vw)); letter-spacing:calc(-1.2 * var(--vw));}
/* 피그마 댓글: 차례대로 하나씩 나타나기 (순차 등장) */
.nk1906__colors .nk1906__colorCard:nth-child(2) {transition-delay:0.15s;}
.nk1906__colors .nk1906__colorCard:nth-child(3) {transition-delay:0.3s;}

/* ===== 06. Pack (팩팩) ===== */
.nk1906__pack {display:flex; align-items:center; justify-content:center; padding-bottom:calc(160 * var(--vw));}
.nk1906__packText {display:flex; flex-direction:column; align-items:center; gap:calc(30 * var(--vw)); width:calc(538 * var(--vw));}
.nk1906__packLogo {width:calc(117 * var(--vw)); height:calc(56 * var(--vw));}
.nk1906__packLogo img {object-fit:contain;}
.nk1906__packTit {font-family:'ITCGaramondStd', serif; font-size:calc(32 * var(--vw)); line-height:1.1; letter-spacing:calc(-0.32 * var(--vw)); text-align:center;}
.nk1906__packImg {width:calc(745 * var(--vw)); height:calc(988 * var(--vw)); overflow:hidden; background:#7a7a7a;}

/* ===== 07. Feature (기능 3섹션) ===== */
.nk1906__feature {display:flex; align-items:center; justify-content:center; gap:calc(60 * var(--vw)); padding-bottom:calc(120 * var(--vw));}
.nk1906__feature--imgRight {flex-direction:row-reverse;}
.nk1906__featureImg {width:calc(700 * var(--vw)); height:calc(700 * var(--vw)); overflow:hidden; flex-shrink:0;}
.nk1906__featureImg video {display:block; width:100%; height:100%; object-fit:cover;}
.nk1906__featureText {width:calc(672 * var(--vw)); text-align:center; color:#fff;}
.nk1906__featureTit {font-family:'ITCGaramondStd', serif; font-size:calc(60 * var(--vw)); line-height:1.1; margin-bottom:calc(30 * var(--vw));}
.nk1906__featureDesc {display: flex; flex-direction: column;align-items: center;}
.nk1906__featureDesc p {width: max-content; font-size:calc(26 * var(--vw)); line-height:calc(42 * var(--vw)); letter-spacing:calc(-0.78 * var(--vw));}
.nk1906__featureDesc .strong {font-weight:900; margin-bottom:calc(42 * var(--vw));}

/* ===== 08. Tech Diagram (기능/기술력) ===== */
/* 피그마 댓글: 신발만 둥둥 떠다니는 - 배경(라인/라벨)과 신발 별도 소스를 겹쳐 신발만 float */
.nk1906__tech {position:relative; width:100%; font-size:0; overflow: hidden;}
/* 3레이어 모두 동일 픽셀크기(1920x860)로 export → 자연비율(height:auto)로 겹치면 1:1 정합 (늘이지 않음) */
/* 하단 흰줄(배경이미지 자체 경계선) 제거: 고정 px는 폭마다 소수점 렌더링으로 다시 삐져나오므로,
   이미지를 아주 살짝(0.8%) 세로로 늘여 아랫줄을 항상 overflow:hidden 밖으로 밀어내 클리핑 (top 기준이라 상단은 그대로 유지) */
.nk1906__tech .nk1906__techBg {position:relative; z-index:0; width:100%; height:auto; margin-top: calc(-2 * var(--vw)); transform:scaleY(1.008); transform-origin:top center;}
/* 신발 - 중간 레이어, float (신발이 제자리에 있는 풀섹션 투명 PNG) */
.nk1906__tech .nk1906__techShoe {position:absolute; top:calc(180 * var(--vw)); left:calc(590 * var(--vw)); z-index:1; width:calc(797 * var(--vw)); height:auto; animation:nk1906FloatUpDown 3s ease-in-out infinite;}
/* 꾸밈요소(라인/포인트/라벨) + 텍스트 - 최상단 고정 레이어 (신발 위로 겹침) */
.nk1906__tech .nk1906__techDeco {position:absolute; top:calc(348 * var(--vw)); left:calc(293* var(--vw)); z-index:2; width: calc(1272 * var(--vw)); height:auto; pointer-events:none;}
@keyframes nk1906FloatUpDown {
    0%, 100% {transform:translateY(calc(-12 * var(--vw)));}
    50% {transform:translateY(calc(12 * var(--vw)));}
}

/* ===== 09. NB Logo (하단) ===== */
.nk1906__logo {display:flex; justify-content:center; align-items:center; height:calc(332 * var(--vw));}
.nk1906__logo img {width:calc(170 * var(--vw)); height:calc(115 * var(--vw)); object-fit:contain;}