@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 TWILIGHT PACK :: 공통 ===== */
.nk1906tw {
    --tw-bg: #f5f5f5;          /* 밝은 크림 배경 (피그마 실제값) */
    --tw-text: #151415;        /* 타이틀 다크 */
    --tw-copy: #373737;        /* 본문 카피 */
    --tw-matte: #1B2543;       /* MATTE LINE 탭 */
    --tw-cordura: #aaaaaa;     /* CORDURA LINE 탭 */
    background: var(--tw-bg);
    overflow: hidden;
}
.nk1906tw * { box-sizing: border-box; }
.nk1906tw img { display: block; width: 100%; height: 100%; object-fit: cover; }
/* 영문 포인트(1906 / Twilight 등) - 디자인상 살짝 큰 사이즈 */
.nk1906tw .eng { font-style: normal; }

/* 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 ===== */
.nk1906tw__kv {position:relative; width:100%;}
.nk1906tw__kv .nk1906tw__kvImg {height:calc(960 * var(--vw));}

/* ===== 02. Intro (타이틀 + 카피) ===== */
.nk1906tw__intro {text-align:center; padding:calc(60 * var(--vw)) calc(40 * var(--vw)) calc(120 * var(--vw));}
.nk1906tw__title {
    font-family:'ITCGaramondStd', serif;
    color:var(--tw-text);
    font-size:calc(90 * var(--vw));
    line-height:1.1;
    letter-spacing:calc(-1 * var(--vw));
    margin-bottom:calc(20 * var(--vw));
}
.nk1906tw__introCopy p {
    color:var(--tw-text);
    font-size:calc(28 * var(--vw));
    line-height:calc(44 * var(--vw));
    letter-spacing:calc(-1.4 * var(--vw));
}
.nk1906tw__introCopy .strong {font-weight:900;}
.nk1906tw__introCopy .eng {font-size:calc(30 * var(--vw));}
.nk1906tw__introCopy .blank {display:block; height:calc(44 * var(--vw));}

/* ===== 03. Swatches (MATTE / CORDURA 라인) ===== */
.nk1906tw__lines {display:flex; justify-content:center; gap:calc(100 * var(--vw)); padding-bottom:calc(160 * var(--vw));}
.nk1906tw__lineGroup {display:flex; flex-direction:column; align-items:center; gap:calc(24 * var(--vw)); width:calc(590 * var(--vw));}
.nk1906tw__lineTab {
    display:flex; align-items:center; justify-content:center;
    width:calc(590 * var(--vw)); height:calc(44 * var(--vw));
    border-radius:calc(50 * var(--vw));
    color:#fff; font-weight:800; text-transform:uppercase;
    font-size:calc(22 * var(--vw)); letter-spacing:0;
}
.nk1906tw__lineGroup--matte .nk1906tw__lineTab {background:var(--tw-matte);}
.nk1906tw__lineGroup--cordura .nk1906tw__lineTab {background:var(--tw-cordura);}
.nk1906tw__lineList {display:flex; justify-content:center; gap:calc(16 * var(--vw)); width:calc(590 * var(--vw));}
.nk1906tw__lineItem {display:flex; flex-direction:column; align-items:center; gap:calc(16 * var(--vw)); width:calc(274 * var(--vw));}
.nk1906tw__lineThumb {width:calc(274 * var(--vw)); height:calc(157 * var(--vw)); mix-blend-mode:darken;}
.nk1906tw__lineThumb img {object-fit:contain;}
.nk1906tw__lineName {
    font-family:'ITCGaramondStd', serif;
    color:var(--tw-text);
    font-size:calc(36 * var(--vw));
    letter-spacing:calc(-0.36 * var(--vw));
    line-height:1.2;
}

/* ===== 04. Image Band (라이프스타일 통이미지 + 카피) ===== */
.nk1906tw__band {display:flex; flex-direction:column; align-items:center; gap:calc(40 * var(--vw)); padding-bottom:calc(160 * var(--vw));}
.nk1906tw__bandImg {width:calc(1636 * var(--vw)); height:calc(906 * var(--vw)); overflow:hidden; background:#737373;}
.nk1906tw__bandCopy p {color:var(--tw-copy); text-align:center; font-size:calc(24 * var(--vw)); line-height:calc(35 * var(--vw)); letter-spacing:calc(-1.2 * var(--vw));}
.nk1906tw__bandCopy .eng {font-size:calc(26 * var(--vw));}

/* ===== 05. All-day Comfort (다크 3카드) ===== */
.nk1906tw__comfort {display:flex; flex-direction:column; align-items:center; gap:calc(40 * var(--vw)); padding-bottom:calc(160 * var(--vw));}
.nk1906tw__comfortHead {text-align:center;}
.nk1906tw__comfortTit {font-family:'ITCGaramondStd', serif; color:var(--tw-copy); font-size:calc(54 * var(--vw)); line-height:calc(52 * var(--vw)); margin-bottom:calc(12 * var(--vw));}
.nk1906tw__comfortSub {color:var(--tw-copy); font-size:calc(24 * var(--vw)); line-height:calc(36 * var(--vw)); letter-spacing:calc(-1.2 * var(--vw));}
.nk1906tw__cards {display:flex; justify-content:center; gap:calc(20 * var(--vw));}
.nk1906tw__card {position:relative; width:calc(532 * var(--vw)); height:calc(684 * var(--vw)); border-radius:calc(20 * var(--vw)); overflow:hidden; background:#464646;}
.nk1906tw__cardImg {position:absolute; inset:0; width:100%; height:100%;}
.nk1906tw__cardImg img {width:100%; height:100%; object-fit:cover;}
.nk1906tw__card::after {content:""; position:absolute; left:0; bottom:0; width:100%; height:calc(392 * var(--vw)); background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 87.5%); z-index:1;}
.nk1906tw__cardText {position:absolute; left:0; bottom:calc(41 * var(--vw)); width:100%; padding:0 calc(44 * var(--vw)); z-index:2; color:#fff;}
.nk1906tw__cardTit {font-weight:800; font-size:calc(42 * var(--vw)); line-height:calc(48 * var(--vw)); margin-bottom:calc(14 * var(--vw)); text-transform:uppercase;}
.nk1906tw__cardDesc {font-size:calc(22 * var(--vw)); line-height:calc(35 * var(--vw)); letter-spacing:calc(-0.66 * var(--vw));}
.nk1906tw__cardDesc .eng {font-size:calc(24 * var(--vw)); text-transform:uppercase;}

/* ===== 06. Copy Block ===== */
.nk1906tw__copyBlock {text-align:center; padding-bottom:calc(120 * var(--vw));}
.nk1906tw__copyBlock p {color:var(--tw-copy); font-size:calc(24 * var(--vw)); line-height:calc(40 * var(--vw)); letter-spacing:calc(-1.2 * var(--vw));}
.nk1906tw__copyBlock .eng {font-size:calc(26 * var(--vw));}

/* ===== 07 / 09. Lifestyle Band (풀블리드 배경 + 4컷 + 캡션) ===== */
.nk1906tw__life {position:relative; width:100%; height:calc(916 * var(--vw)); overflow:hidden; margin-bottom:calc(160 * var(--vw));}
.nk1906tw__lifeBg {position:absolute; inset:0; width:100%; height:100%; background:#c9c9c9;}
.nk1906tw__lifeBg img {width:100%; height:100%; object-fit:cover;}
/* 이미지 흘러가기 (무한 롤) - freedlex colorSwiper 방식 */
.nk1906tw__lifeShots {position:absolute; top:calc(149 * var(--vw)); left:calc(836 * var(--vw)); width:calc(1084 * var(--vw)); z-index:1;}
.nk1906tw__lifeShots .swiper-wrapper {transition-timing-function:linear;}
.nk1906tw__lifeShots .swiper-slide {width:calc(437 * var(--vw)); margin-right:calc(20 * var(--vw));}
.nk1906tw__lifeShots .swiper-slide img {width:100%; height:calc(522 * var(--vw)); object-fit:cover; background:#989898;}
.nk1906tw__lifeText {position:absolute; top:calc(711 * var(--vw)); left:calc(954 * var(--vw)); width:calc(658 * var(--vw)); text-align:center; color:#fff;}
.nk1906tw__lifeTit {font-weight:900; font-size:calc(40 * var(--vw)); line-height:calc(52 * var(--vw)); letter-spacing:calc(-0.8 * var(--vw)); margin-bottom:calc(12 * var(--vw));}
.nk1906tw__lifeTit .eng {font-size:calc(42 * var(--vw)); font-weight:800;}
.nk1906tw__lifeSub {font-size:calc(26 * var(--vw)); line-height:calc(36 * var(--vw)); letter-spacing:calc(-0.52 * var(--vw)); text-transform:uppercase;}

/* ===== 08 / 10. 2-up (2컷 + 카피) ===== */
.nk1906tw__duo {display:flex; flex-direction:column; align-items:center; gap:calc(40 * var(--vw)); padding-bottom:calc(160 * var(--vw));}
.nk1906tw__duoImgs {display:flex; justify-content:center;}
.nk1906tw__duoImgs .img {width:calc(700 * var(--vw)); height:calc(933 * var(--vw)); overflow:hidden; background:#989898;}
.nk1906tw__duoImgs .img:last-child {background:#bebebe;}
/* 단일 이미지 변형 (CORDURA 소재 설명) */
.nk1906tw__duo--single .nk1906tw__duoImgs .img {background:#989898;}
.nk1906tw__duoCopy {width:calc(622 * var(--vw)); text-align:center;}
.nk1906tw__duoCopy p {color:var(--tw-copy); font-size:calc(24 * var(--vw)); line-height:calc(36 * var(--vw)); letter-spacing:calc(-1.2 * var(--vw));}
.nk1906tw__duoCopy .eng {font-size:calc(26 * var(--vw));}
.nk1906tw__duoCopy .blank {display:block; height:calc(36 * var(--vw));}

/* ===== 11. Feature Diagram (기능/기술력) :: NK1906METALICE nk1906__tech 재활용 ===== */
/* 3레이어 모두 동일 픽셀크기(1920x860)로 export → 자연비율(height:auto)로 겹치면 1:1 정합 */
.nk1906__tech {position:relative; width:100%; font-size:0; overflow:hidden;}
.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 */
.nk1906__tech .nk1906__techShoe {
    position: absolute;
    top: calc(110 * var(--vw));
    left: calc(637 * var(--vw));
    z-index: 1;
    width: calc(720 * var(--vw));
    height: auto;
    animation:nk1906FloatUpDown 3s ease-in-out infinite;
}
/* 꾸밈요소(라인/포인트/라벨/텍스트) - 최상단 고정 레이어 */
.nk1906__tech .nk1906__techDeco {
    position: absolute;
    top: calc(228 * var(--vw));
    left: calc(210 * var(--vw));
    z-index: 2;
    width: calc(1400 * var(--vw));
    height: auto;
    pointer-events: none;
}
@keyframes nk1906FloatUpDown {
    0%, 100% {transform:translateY(calc(-12 * var(--vw)));}
    50% {transform:translateY(calc(12 * var(--vw)));}
}

/* ===== 12. NB Logo (하단) ===== */
.nk1906tw__logo {display:flex; justify-content:center; align-items:center; height:calc(392 * var(--vw)); background:var(--tw-bg);}
.nk1906tw__logo img {width:calc(170 * var(--vw)); height:calc(115 * var(--vw)); object-fit:contain;}