@import url(https://db.onlinewebfonts.com/c/a8d7b985e4eb8c5d34f2302ffe83e917?family=Nike+Futura+ND);
@import url(https://fonts.cdnfonts.com/css/helvetica-neue-55);


@font-face {
  font-family: "Nike Futura ND";
  src: url("https://db.onlinewebfonts.com/t/a8d7b985e4eb8c5d34f2302ffe83e917.eot");
  src: url("https://db.onlinewebfonts.com/t/a8d7b985e4eb8c5d34f2302ffe83e917.eot?#iefix")format("embedded-opentype"),
  url("https://db.onlinewebfonts.com/t/a8d7b985e4eb8c5d34f2302ffe83e917.woff2")format("woff2"),
  url("https://db.onlinewebfonts.com/t/a8d7b985e4eb8c5d34f2302ffe83e917.woff")format("woff"),
  url("https://db.onlinewebfonts.com/t/a8d7b985e4eb8c5d34f2302ffe83e917.ttf")format("truetype"),
  url("https://db.onlinewebfonts.com/t/a8d7b985e4eb8c5d34f2302ffe83e917.svg#Nike Futura ND")format("svg");
}

body{overscroll-behavior: none; background-color: #fff; position: relative;}
*{margin: 0; padding: 0; box-sizing: border-box; font-family: 'Helvetica Neue', sans-serif;}
.nf{font-family: 'Nike Futura ND', sans-serif; text-transform: uppercase; font-weight: bolder;}
a{text-decoration: unset; color: #000;}
li{list-style: none;}
img{max-width: 100%; display: block;}
.pc{display: block;}
.mob{display: none;}
.wrap{position:relative; width: 100%; min-height: 100vh;}


header{position: fixed; z-index: 9; width: 100%; top: 0; left: 0; mix-blend-mode: difference;}
.header_inner{position: absolute; top: 0; left: 0; padding:32px 40px 0; width: 100%; display: flex; align-items: flex-start; color: #fff;}
.header_logo{ width: calc((100% / 12) * 2); /*padding-top: 4px;*/}
.header_logo img{width: 158px;}
.header_inner ul{display: flex; width: calc((100% / 12) * 10); justify-content: space-between;}
.header_inner ul li{display: flex; flex-direction: column; justify-content: flex-start; gap: 8px;}
.header_inner ul li a{color: #fff; font-weight: 500; font-size: 16px; text-transform: uppercase; transition: ease 0.3s color;}
.header_inner ul li a.current, .header_inner ul li a:hover{color: #00FF00;}

/*
.header_inner ul li:nth-child(1){grid-column: span 3;}
.header_inner ul li:nth-child(2){grid-column: span 3;}
.header_inner ul li:nth-child(3){grid-column: span 2;}
.header_inner ul li:nth-child(4){grid-column: span 2;}
.header_inner ul li:nth-child(5){grid-column: span 3;}
.header_inner ul li:nth-child(6){grid-column: span 3;}
.header_inner ul li:nth-child(7){grid-column: span 1;}
.header_inner ul li:nth-child(8){grid-column: span 1;}
.header_inner ul li:nth-child(9){grid-column: span 2;}
*/


.mob_inner{position: absolute; right: 0; transform: translateX(100%);}

footer{padding: 52px 60px 88px; background-color: #fff; }
.footer_inner ul{display: flex; justify-content: space-between; font-size: 12px; line-height: 22px; margin-top: 15px; }
.footer_inner ul li div{display: flex; flex-direction: column;}
.footer_logo{font-size: 27px; font-weight: 900; letter-spacing: -1px;}

.fade-cw{overflow: hidden;}
/*.fade-cw u, .fade-cw span{transition: all 1s cubic-bezier(0,0,.43,1.06), font-size 0s ease;}*/
.fadeCover-1{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.0s;}
.fadeCover-2{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.1s;}
.fadeCover-3{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.2s;}
.fadeCover-4{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.3s;}
.fadeCover-5{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.4s;}
.fadeCover-6{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.5s;}
.fadeCover-7{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.6s;}
.fadeCover-8{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.7s;}
.fadeCover-9{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.8s;}
.fadeCover-10{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:0.9s;}
.fadeCover-11{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.0s;}
.fadeCover-12{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.1s;}
.fadeCover-13{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.2s;}
.fadeCover-14{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.3s;}
.fadeCover-15{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.4s;}
.fadeCover-16{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.5s;}
.fadeCover-17{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.6s;}
.fadeCover-18{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.7s;}
.fadeCover-19{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.8s;}
.fadeCover-20{display:block;opacity:0;transform:translateY(130%);transition:all 1s cubic-bezier(0,0,.43,1.06);transition-delay:1.9s;}

.ani.active .fadeCover-1,
.ani.active .fadeCover-2,
.ani.active .fadeCover-3,
.ani.active .fadeCover-4,
.ani.active .fadeCover-5,
.ani.active .fadeCover-6,
.ani.active .fadeCover-7,
.ani.active .fadeCover-8,
.ani.active .fadeCover-9,
.ani.active .fadeCover-10,
.ani.active .fadeCover-11,
.ani.active .fadeCover-12,
.ani.active .fadeCover-13,
.ani.active .fadeCover-14,
.ani.active .fadeCover-15,
.ani.active .fadeCover-16,
.ani.active .fadeCover-17,
.ani.active .fadeCover-18,
.ani.active .fadeCover-19,
.ani.active .fadeCover-20{transform:translateY(0);opacity:1;}


.fade-slice{opacity: 1; /*text-wrap: balance; word-break: keep-all;*/}
.ani.active .fade-slice{opacity: 1;}
.fade-slice .line{overflow: hidden; width: fit-content;}
.fade-slice .line .inner{display: inline-block; transform: translateY(140%); transition: all 1s cubic-bezier(0,0,.43,1.06); white-space: nowrap;}
.fade-slice .line:nth-child(1) .inner{transition-delay: 0.0s;}
.fade-slice .line:nth-child(2) .inner{transition-delay: 0.1s;}
.fade-slice .line:nth-child(3) .inner{transition-delay: 0.2s;}
.fade-slice .line:nth-child(4) .inner{transition-delay: 0.3s;}
.fade-slice .line:nth-child(5) .inner{transition-delay: 0.4s;}
.fade-slice .line:nth-child(6) .inner{transition-delay: 0.5s;}
.fade-slice .line:nth-child(7) .inner{transition-delay: 0.6s;}
.fade-slice .line:nth-child(8) .inner{transition-delay: 0.7s;}
.fade-slice .line:nth-child(9) .inner{transition-delay: 0.8s;}
.fade-slice .line:nth-child(10) .inner{transition-delay: 0.9s;}
.ani.active .fade-slice .line .inner{transform: translateY(00%);  opacity: 1;}



@media (min-width:1025px){
  .mob{display: none!important;}
  .header_inner.pc{transform: translateY(0%); transition: transform 0.4s cubic-bezier(0, 0, 0.43, 1);}
  .header_inner.pc.scroll_down{transform: translateY(-101%);}

  .header_inner{padding: 2.051vw 2.564vw 0;}
  
  .header_logo{/* padding-top: 0.256vw;*/ padding-right: 7.5%;}
  .header_logo img{width: 12.4vw;}
  .header_inner ul{gap: 0.513vw; text-align: left;}
  
  .header_inner ul li a{font-size: 1.026vw;}
  .header_inner ul li:nth-child(4), .header_inner ul li:nth-child(8), .header_inner ul li:nth-child(9){text-align: right;}
  .mob_only{display: none!important;}
}
@media (max-width:1024px){
  .pc{display: none!important;}
  .mob{display: block;}
  body{overflow-x: hidden;}
  .pc_only{display: none!important;}

  header{mix-blend-mode: unset;}
  .header_inner.mob{padding: 20px; display: flex;}
  .header_logo{width: 158px; height: 30px; object-fit: contain; padding-top: unset;}
  .header_inner{padding: 16px 20px; align-items: center; justify-content: space-between;}
  .header_inner ul{position: absolute; display: flex; flex-direction: column; justify-content: center; top: 66px; width: calc(100% - 40px); left: 50%; max-width: 340px;  backdrop-filter: blur(40px); background-color: rgba(255, 255, 255, 0.2); border-radius: 20px; padding: 40px 0; gap: 20px; transform: translateX(-50%) scale(1); top: 90px; opacity: 0; transition: ease 0.8s all; pointer-events: none;}
  .header_inner ul li{gap: 20px;}
  .header_inner ul a{font-size: 16px}
  .header_btn{width: 32px; height: 30px; position: relative; display: flex; justify-content: center; align-items: center; cursor: pointer;}
  .header_btn span{width: 100%; height: 2px; background-color: #04ff00; display: block; transition: transform 0.4s ease; position: absolute; top: 50%; left: 50%; }
  .header_btn span:nth-child(1){transform: translate(-50%, calc(-50% - 4px)) rotate(0deg);}
  .header_btn span:nth-child(2){transform: translate(-50%, calc(-50% + 4px)) rotate(0deg);}
  .header_inner.mob_open ul{transform: translateX(-50%) scale(1); opacity: 1; top: 66px; pointer-events: all;}
  .header_inner.mob_open .header_btn span:nth-child(1){transform: translate(-50%, -50%) rotate(45deg);}
  .header_inner.mob_open .header_btn span:nth-child(2){transform: translate(-50%, -50%) rotate(-45deg);}
}



.btn-1{font-size: 1.333vw; font-weight: 400; line-height: 1.3; border: 1px solid #000; padding: 0.35vw 1vw 0; height: 2.667vw; display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden; display: inline-flex; transition: all 1s cubic-bezier(0,0,.43,1.06); transition-delay: 0.6s; opacity: 0; transform: translateY(130%);}
.btn-1::before{content: ""; position: absolute; top: 0; right: -50px; bottom: 0;left: 0; border-right: 50px solid transparent; border-bottom: 80px solid #fff; transform: translateX(-100%); transition: 0.5s ease-in-out;}
.btn-1:hover::before{transform: translateX(-000%);}
.btn-1 p{transition: 0.5s ease-in-out; position: relative; z-index: 1;}
.btn-1:hover p{color: #000;}
.wrap.footer_white .btn-1:hover p{color: #fff;}
.wrap.footer_white .btn-1::before{    border-bottom: 80px solid #000;}
.ani.active .btn-1{opacity: 1; transform: translateY(00%);}
.wrap:not(.footer_white) .btn-1{border-color: #fff;}
.wrap.footer_white .btn-1{border-color: #000;}

.underline{position: relative;}
.underline::after{content: ''; display: block; width: 0; height: 1px; left: 60px; bottom: 0; background-color: #b6b6b6; transition: ease 1s width; position: absolute; transition-delay: 0.5s;}
.underline.active::after{width: calc(100% - 120px);}

.page_cover{height: 810px; position: relative; display: flex; align-items: center; padding-left: 74px; background-color: #000;}
.page_cover img{position: absolute; height: 100%; width: 100%; bottom: 0; left: 0; object-fit: cover;}
.page_cover_txt{ font-size: 120px; font-weight: 900; color: #fff;}



@media(min-width:1920px){
  .btn-1{border-color: #fff; padding: 6px 12px 0; width: unset; height: 46px;}
}

@media (max-width: 1024px) {
  .btn-1{ font-size: 3.056vw; height: 8.889vw; position: unset; margin-top: 11.111vw;  padding: 1vw 2.66vw 0;}
}
.wrap::after{content: ''; display: block; width: 100%; height: 100%; position: fixed; background-color: #FDFBF4; opacity: 0; top: 0; left: 0; pointer-events: none; transition: cubic-bezier(0.075, 0.82, 0.165, 1) opacity 1s; transition-delay: 0.5s; z-index: 10;}
.wrap.page_off::after{ pointer-events: unset; opacity: 1;}

img {
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

#load-trigger{position: absolute; bottom: 0; left: 0; height: 50px; width: 100%; background-color: red;}

.gh_1{grid-row:span 1;}
.gh_2{grid-row:span 2;}
.gh_3{grid-row:span 3;}
.gh_4{grid-row:span 4;}
.gh_5{grid-row:span 5;}
.gh_6{grid-row:span 6;}
.gh_7{grid-row:span 7;}
.gh_8{grid-row:span 8;}
.gh_9{grid-row:span 9;}
.gh_10{grid-row:span 10;}
.gh_11{grid-row:span 11;}
.gh_12{grid-row:span 12;}
.gh_13{grid-row:span 13;}
.gh_14{grid-row:span 14;}
.gh_15{grid-row:span 15;}
.gh_16{grid-row:span 16;}
.gh_17{grid-row:span 17;}
.gh_18{grid-row:span 18;}
.gh_19{grid-row:span 19;}
.gh_20{grid-row:span 20;}
.gh_21{grid-row:span 21;}
.gh_22{grid-row:span 22;}
.gh_23{grid-row:span 23;}

body.pw-locked{overflow: hidden;}
.pw_gate{position: fixed; inset: 0; z-index: 9999; display: flex; align-items: center; justify-content: center; padding: 24px; background: rgba(0, 0, 0, 0.86);}
.pw_gate.is-hidden{display: none;}
.pw_gate_inner{width: min(420px, 90vw); background: #0a0a0a; border: 1px solid #2a2a2a; padding: 28px; color: #fff; text-align: center; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.5);}
.pw_gate_title{font-family: 'Nike Futura ND', sans-serif; letter-spacing: 0.18em; font-size: 18px;}
.pw_gate_desc{margin-top: 10px; font-size: 14px; color: #c9c9c9;}
.pw_gate_form{margin-top: 18px; display: grid; gap: 12px;}
.pw_gate_input{width: 100%; height: 46px; border: 1px solid #2a2a2a; background: #111; color: #fff; padding: 0 14px; font-size: 14px;}
.pw_gate_input:focus{outline: none; border-color: #04ff00; box-shadow: 0 0 0 2px rgba(4, 255, 0, 0.2);}
.pw_gate_btn{height: 46px; border: none; background: #04ff00; color: #000; font-weight: 800; letter-spacing: 0.08em; cursor: pointer;}
.pw_gate_btn:active{transform: translateY(1px);}
.pw_gate_error{min-height: 18px; margin-top: 10px; font-size: 12px; color: #ff4d4d; opacity: 0; transition: opacity 0.2s ease;}
.pw_gate.is-error .pw_gate_error{opacity: 1;}
.gh_24{grid-row:span 24;}
.gh_25{grid-row:span 25;}
.gh_26{grid-row:span 26;}
.gh_27{grid-row:span 27;}
.gh_28{grid-row:span 28;}
.gh_29{grid-row:span 29;}
.gh_30{grid-row:span 30;}

.gw_2{grid-column: span 2;}
.img_item{

}

.img_item img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}