/*---------------ROOT ELEMENTS---------------*/
@import url("https://use.typekit.net/gga4mbw.css");

:root {
  --ofwhite-color: #eeeae5;
  --darkGray-color: #b3adad;
  --lightGray-color: #e2dede;
  --main-black-color: #0a0a0a;
  --error-color: #cc8888;
  --border: 1px solid rgba(0,0,0,0.4);
  --main-font: "redaction", serif;
  --main-transition: all 0.3s ease-in-out;
}



/*---------------GLOBAL ELEMENTS---------------*/
*{font-family:var(--main-font); color:var(--main-black-color);}
ul, li{margin:0px; padding:0px; list-style:none;}
p{margin:0px; text-wrap:balance;}

/*Interactive*/
a{color:var(--main-black-color); text-decoration:none; transition:var(--main-transition);}
a:hover{color:var(--main-black-color);}

input{border:var(--border); background:transparent; padding-left:50px; outline:none !important;}
input::placeholder{color:var(--main-black-color);}

button{font-family:var(--main-font); font-size:15px; text-align:center; height:35px; border-radius:2px;}
button.black{color:var(--lightGray-color); background-color:var(--main-black-color); border:0px;}
button.transparent{color:var(--main-black-color); border:var(--border);}
select{appearance: none; -webkit-appearance: none; -moz-appearance: none; height:30px; border: var(--border); border-radius: 2px; font-size: 15px; font-family:var(--main-font); text-align:center; color:var(--main-black-color); cursor: pointer; background-color:transparent;}

select.glass{background:rgba(246, 242, 237, 0.1); backdrop-filter: blur(7px) brightness(1) url(#displace); -webkit-backdrop-filter: blur(7px);}
select:focus {outline: none;}

/*Transitions*/
.fade-in {opacity: 0; transform: translateY(50px); transition: opacity 0.75s ease, transform 0.5s ease;}
.fade-in-later {opacity: 0; transform: translateY(100px); transition: all 1s ease; transition-delay:0.5s;}
.fade-in.visible,.fade-in-later.visibleLater {opacity: 1; transform: translateY(0);}



/*---------------BOOTSTRAP FIXES / CHANGES---------------*/
.container {max-width:none;}
.flex-container {display: flex;}
.auto{flex:auto; flex-basis: fit-content;}
.row.custom-gutter {--bs-gutter-x: 12px; --bs-gutter-y: 12px;}
.row.custom-gutter-small {--bs-gutter-x: 6px; --bs-gutter-y: 6px;}
.row.custom-gutter-large {--bs-gutter-x: 48px; --bs-gutter-y: 48px;}



/*---------------BODY---------------*/
body{background-color:var(--ofwhite-color);}
body.newsletter{background-color:var(--darkGray-color);}
body.shop, body.product{overflow:hidden;}
body.product.scrollable{overflow:scroll;}



/*---------------HEADER + FOOTER---------------*/
header, footer {position:fixed; width:calc(100% - 30px); margin:0px 0px 0px 15px; z-index:99;}


/*Header*/
header {top:0px; padding-top:5px;}
header.withSubmenuOpen{z-index:999999;}
header ul.menu li.item, footer ul.menu li.item{text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:12px;}
header ul.menu li.item.first, footer ul.menu li.item.first{text-align:left;}
header ul.menu li.item.last, footer ul.menu li.item.last{text-align:right;}
header ul.menu li.item.last .numberOfItems {border-bottom:var(--border);}
header ul.menu li.item:hover, footer ul.menu li.item:hover{cursor:pointer;}
header ul.menu li.item a:after{content:""; position:absolute; width:5px; height:5px; border-radius:5px; background-color:var(--main-black-color); margin-left:60px; margin-top:9px; opacity:0; transition:var(--main-transition);}
header ul.menu li.item a.active.start:after{opacity:1;}


/*SubMenu – General*/
header ul.submenu{position:absolute; width:calc(100% - (var(--bs-gutter-x)*2)); margin-left:1px; height:50vh; border:var(--border); background:rgba(246, 242, 237, 0.3); padding-top:5px; margin-top:0px; transition:all 0.3s ease-in-out; opacity:0; z-index: -1; overflow: hidden; backdrop-filter: blur(7px) brightness(1) url(#displace); pointer-events:none; margin-top:30px;  text-transform:uppercase; letter-spacing:1px; font-size:12px; z-index:99999999999;}
header ul.submenu.is-visible{display:flex; pointer-events:auto;}
header ul.submenu.is-faded {opacity: 1; margin-top:5px;}
header ul.submenu li.item {text-align:center; margin-top:0px;}
header ul.submenu li.item.first {text-align:left; padding-left:7.5px;}
header ul.submenu li.item.last {text-align:right; padding-right:7.5px;}
header ul.submenu li.item .newcollection{font-family:var(--main-font); font-size:11px; text-transform:uppercase; margin-left:5px; border:0.5px solid var(--main-black-color); border-radius:1px; padding-top:1px; padding-left:5px; padding-right:5px; line-height:0;}
header ul.submenu li form {text-align:left;}
header ul.submenu li form input{width:calc(100% - 10px); height:40px; padding-top:15px; padding-left:0px; margin-left:5px; margin-right:5px; border:0px; border-bottom:1px solid #000;}
header ul.submenu li form input::placeholder{font-size:14px;}
header ul.submenu li form button[type=submit]{background-color:transparent; margin-top:15px;}
header ul.submenu li form button[type=submit]::after {content: ""; display: inline-block; width: 9px; height: 9px; margin-left: -9px; border-right: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: relative;}
header ul.submenu li form button[type=submit]::before {content: ""; display: inline-block; width: 20px; height: 1px; border-bottom: 1px solid #000; position: relative; margin-bottom:4px;}


/*SubMenu – Cart*/
header ul.submenu.cart li.cart.empty{text-align:center;} 
header ul.submenu.cart li.cart ul {width:calc(100% - 12px); margin-left:6px;}
header ul.submenu.cart li.cart ul li{padding-top:7px; border-bottom:1px solid #0a0a0a; padding-left:0px; padding-right:0px;}
header ul.submenu.cart li.cart ul li:first-child{text-align:left;}
header ul.submenu.cart li.cart ul li .reduce{display:inline-block; width:7px; height:1px; margin-bottom:4px; margin-right:6px; background-color:var(--main-black-color);}
header ul.submenu.cart li.cart ul li .add {display:inline-block; width:8px; height:8px; position:relative; margin-left:4px;}
header ul.submenu.cart li.cart ul li .add::before, header ul.cart li ul li .add::after {content: ""; position: absolute; background-color: var(--main-black-color); top: 50%; left: 50%; transform: translate(-50%, -50%);}
header ul.submenu.cart li.cart ul li .add::before {width:8px; height:1px;}
header ul.submenu.cart li.cart ul li .add::after {width:1px; height:8px;}
header ul.submenu.cart li.proceedTocheckout button, header ul.cart li.startShopping button{position:absolute; left:calc(25% + 10px); bottom:10px; width:calc(50% - 20px); height:35px; padding-left:20px;}


footer {bottom:0px; padding-bottom:5px;}
footer ul.menu li.item{text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:12px;}
footer ul.menu li.item a:after{content:""; position:absolute; width:5px; height:5px; border-radius:5px; background-color:var(--main-black-color); margin-left:60px; margin-top:9px; opacity:0; transition:var(--main-transition);}
footer ul.menu li.item.last a:before{content:""; position:absolute; width:5px; height:5px; border-radius:5px; background-color:var(--main-black-color); margin-left:-60px; margin-top:9px; opacity:0; transition:var(--main-transition);}
footer ul.menu li.item a.active.start:after{opacity:1;}
footer ul.menu li.item.last a.active.start:before{opacity:1;}




/*-----SHOP NOW BUTTON-------*/
div.shopNow{position:fixed; z-index:999; top:75px; font-family:var(--main-font); font-size:14px; background-color:transparent; border-color:transparent; color:var(--main-black-color);}
div.shopNow .row div{text-align:right;}
div.shopNow .row div a{text-transform:uppercase; letter-spacing:1px; font-size:12px;}



/*-----NEWSLETTER FORM-------*/
newsletter{position:fixed; width:100%; padding-left:calc(var(--bs-gutter-x) * .5); padding-right:calc(var(--bs-gutter-x) * .5); bottom:50px; display:none; transition:var(--main-transition); transition-delay: 0.2s; opacity:0; z-index:99999;}
newsletter.visible{display:block;}
newsletter.visible.start{opacity:1}
newsletter input{width:100%; background:rgba(246, 242, 237, 0.1); backdrop-filter: blur(7px) brightness(1) url(#displace); -webkit-backdrop-filter: blur(7px); text-transform:uppercase; letter-spacing:1px; font-size:12px; transition:all 0.75s ease-in-out;}
newsletter input::placeholder{text-transform:uppercase; letter-spacing:1px; font-size:12px;}
newsletter button.tnp-submit{position:absolute; right:60px; height: 1px; border:0px; width:12px; opacity:0; pointer-events:auto; transition:all 0.75s ease-in-out; background-color: var(--main-black-color); margin-top:12.5px; padding:0px;}
newsletter button.tnp-submit::before, newsletter button.tnp-submit::after { content: ""; position: absolute; background-color: var(--main-black-color); top: 50%; left: 50%; transition: var(--main-transition); width: 7px; height: 1px;}
newsletter button.tnp-submit::before {transform: translate(-50%, -50%) rotate(45deg); margin-top: -2.5px; margin-left: 4px;}
newsletter button.tnp-submit::after { transform: translate(-50%, -50%) rotate(-45deg); margin-top: 2.5px; margin-left: 4px;}
newsletter .tnp-email:focus + .tnp-submit, newsletter .tnp-email:not(:placeholder-shown) + .tnp-submit{opacity:1; pointer-events:auto;}
newsletter input.tnp-email.is-invalid {border-color:var(--error-color);}

/*-----INTRO-------*/
html.skip-intro .intro-frame {display: none;}
intro.container{position:fixed; transition: var(--transition);}
intro.container.not-visible{display:none;}
.intro .intro-frame{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); max-width:90vw; max-height: 80vh; mix-blend-mode: difference; opacity: 0; }
.intro .intro-frame.active{opacity:1; z-index:2;}
.intro.intro-finished {opacity: 0; pointer-events: none;}



/*-----MAIN CONTAINER-------*/
.mainContainer{width:100%; margin:40px 0px 0px 0px; display:none; margin-top:90px; transition: all 1s ease-in-out; transition-delay: 0.2s; opacity:0; filter:blur(10px);}
.mainContainer:has(.aboutShoeDissecation), .mainContainer:has(.story) {filter:none;}
.mainContainer.visible{display:block;}
.mainContainer.visible.start{margin-top:50px; opacity:1; filter:blur(0px);}
.mainContainer.visible.start:has(.aboutShoeDissecation), .mainContainer.visible.start:has(.story){filter:none;}

/*-----PRODUCTS GRID-------*/
.mainContainer .grid .products {height:100vh; opacity:0; transition: all 1s ease-in-out;  transition-delay: 0.2s; margin-top:0px; filter:blur(10px);}
.mainContainer .grid .products.active {opacity:1; margin-top:0px; filter:blur(0px); animation: slideUp 0.5s ease-in-out forwards; animation-delay:0.2s;}
.mainContainer .grid .products .product p.caption, .mainContainer .product p.price{text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:12px; line-height:1.1;}
.mainContainer .grid .products .product p.story{text-align:center; text-transform:uppercase; letter-spacing:1px; font-size:12px; margin-top:20px; line-height:0;}
.mainContainer .grid .products .product{display:block; aspect-ratio: 4 / 5;}
.mainContainer .grid .products .product .thumbnail{display:block; width:100%; aspect-ratio: 4 / 5; margin-top: 10px; overflow:hidden; object-fit:cover; transition:all 0.8s ease-in-out; filter:blur(0px); opacity:0.9  ; max-height:calc(100vh - 250px);}
.mainContainer .grid .products .product .thumbnail.notHover{filter:blur(3px); opacity:0.6;}
.mainContainer .grid .products .product .thumbnail:hover{opacity:1;}
.mainContainer .grid .products .product .thumbnail .background{display:block; width:100%; aspect-ratio: 4 / 5; background-color:var(--lightGray-color); opacity:0.6;  max-height:calc(100vh - 250px);}
.mainContainer .grid .products .product .thumbnail img{width:100%; height:100%; aspect-ratio: 4 / 5; object-fit: contain; transition: all 1s ease-in-out; transform:translateY(-100%); mix-blend-mode: darken;  max-height:calc(100vh - 250px);}
.mainContainer .grid .products .product .thumbnail img.fullObject{opacity:1;}
.mainContainer .grid .products.active .product .thumbnail img.fullObject{opacity:1;}


/*-----INDEX BLOCK CATALOGUE + PRODUCT PAGE-------*/
index {position:fixed; left:25vw; bottom:50px; transform: translateX(-50%); z-index:999999999; opacity:0; transition:var(--main-transition);}
index.visible{display:block;}
index.visible.start{opacity:1;}
index ul.index.block li{width:3px; height:3px; border-radius:10px; border:var(--border); margin-bottom:5px; transition:all 1s ease-in-out;}
index ul.index.block li.active{background-color:var(--main-black-color); height:12px;}
index ul.indexProduct.block li{width:3px; height:3px; border-radius:10px; border:var(--border); margin-bottom:5px; transition:all 1s ease-in-out;}
index ul.indexProduct.block li.active{background-color:var(--main-black-color); height:12px;}


/*-----PRODUCT PAGE GRID-------*/
.mainContainer .grid.product.page {opacity:0; transition:var(--main-transition); transition-delay: 0.2s; margin-top:40px; filter:blur(10px);}
.mainContainer .grid.product.page.active {opacity:1; margin-top:0px; filter:blur(0px);}
.mainContainer .grid.product.page.title {position:sticky; top:66px;}
.mainContainer .grid.product.page.title .row p.caption, .mainContainer .grid.product.page.title .row p.price{text-align:left; text-transform:uppercase; letter-spacing:1px; font-size:12px;}

.mainContainer .grid.product.page.stage{position:sticky; top:0px;  margin-top:-40px; overflow:hidden; transition: all 0.5s ease-in-out;}
.mainContainer .grid.product.page.stage .row {height:100vh}
.mainContainer .grid.product.page.stage .row div {height:calc(100vh - 10px); opacity: 0; transition: all 0.75s ease-in-out; transition-delay: 0.2s; margin-top: 0px; filter: blur(10px);}
.mainContainer .grid.product.page.stage .row div.active{opacity: 1; margin-top: 0px; filter: blur(0px); animation: slideUp 0.5s ease-in-out forwards; animation-delay: 0.2s;}
.mainContainer .grid.product.page.stage .row img{width:100%; aspect-ratio:3/2; object-fit: contain;}

.mainContainer .grid.product.page.specs.container {position:sticky; top:100vh; margin-top:-220px; background:rgba(246, 242, 237, 0.1); backdrop-filter: blur(15px) brightness(1); -webkit-backdrop-filter: blur(15px) brightness(1);}
.mainContainer .grid.product.page .row .sinopsis {margin-top:0px; margin-bottom:90px;}
.mainContainer .grid.product.page .row .sinopsis:first-child{border-right:var(--border);}
.mainContainer .grid.product.page .row .sinopsis p{text-transform:none; letter-spacing:unset; font-size:16px; line-height:1.2;}
.mainContainer .grid.product.page .row.specs {position:sticky; bottom: 50px; margin-top:40px; margin-bottom:80px; text-align:center;}
.mainContainer .grid.product.page .row.specs p{font-size:10px; line-height:1.2; margin-top:10px; text-transform:uppercase; letter-spacing:1px;}
.mainContainer .grid.product.page .row.specs p a{font-size:10px; line-height:1.2; border-bottom:var(--border); text-transform:uppercase; letter-spacing:1px;}
.mainContainer .grid.product.page .row.specs .size-select {width:40%; margin-top:40px;}
.mainContainer .grid.product.page .row.specs .moreInfo{position: absolute; bottom: 40px; right: 12px; opacity:1; transition:var(--main-transition);}
.mainContainer .grid.product.page .row.specs .moreInfo a.moreInfoButton{ font-size:11px; line-height:1.2; text-transform:uppercase; letter-spacing:1.5px; cursor:pointer;}
.mainContainer .grid.product.page .row.specs .moreInfo .moreInfoButton::before, .mainContainer .grid.product.page .row.specs .moreInfo .moreInfoButton::after {content: ""; position: absolute; background-color: var(--main-black-color); top: 50%; left: 50%; transform: translate(-50%, -50%); margin-top: 1px; margin-left: 30px; transition:var(--main-transition);}
.mainContainer .grid.product.page .row.specs .moreInfo .moreInfoButton::before {width:8px; height:1px;}
.mainContainer .grid.product.page .row.specs .moreInfo .moreInfoButton::after {width:1px; height:8px;}
.mainContainer .grid.product.page.specs.container.active-specs .row.specs .moreInfo .moreInfoButton::after{transform-origin:2.5px 2px; transform: rotate(90deg);}
@keyframes slideUp {from {margin-top:40px;}to {margin-top:0px;}}


/*-----STORIES GRID-------*/
.mainContainer .grid .story{opacity:0; transition:var(--main-transition); transition-delay: 0.2s; margin-top:110px; filter:blur(10px); margin-bottom:40px;}
.mainContainer .grid .story.active {opacity:1; margin-top:40px; filter:blur(0px);}
.mainContainer .grid .story.title{position:sticky; top:60px; margin-bottom:30px; mix-blend-mode:difference; z-index:9999999!important;  text-transform:uppercase; letter-spacing:15px;}
.mainContainer .grid .story.title h3{color:var(--ofwhite-color); line-height:0; font-size: 21px !important;}
.mainContainer .grid .story.sinopsis {position:sticky; top:0px;}
.mainContainer .grid .story.sinopsis .item.paragraph {margin-top:0px;}
.mainContainer .grid .story.sinopsis .item.paragraph:nth-child(2){border-left:var(--border);}
.mainContainer .grid .story.sinopsis .item.paragraph p, .mainContainer .grid .story.sinopsis .item.paragraph p a{font-size:16px; line-height:1.2;}
.mainContainer .grid .story.sinopsis .item.thumbnail {margin-top:0px;}
.mainContainer .grid .story.sinopsis .item.thumbnail img{width:100%; border:var(--border); z-index:99999;}
.mainContainer .grid .story.collection .item img {width:100%;}
.mainContainer .grid .story.collection{background: linear-gradient(0deg,rgba(238, 234, 229, 1) 99.5%, rgba(238, 234, 229, 0) 100%);}
.mainContainer .grid .story.collection .item:first-child{margin-top:0px;}

body.story.highlight .mainContainer .grid .story.title {position:fixed; top:80px; z-index:99; width:100%; text-align:center; pointer-events:none;}
body.story.highlight .mainContainer .grid .story.title h3{font-family:var(--forth-font); font-size:350px; text-align:center; line-height:0; letter-spacing:-20px; color:transparent; -webkit-text-stroke: 1px #0a0a0a; font-weight:400; }
body.story.highlight .mainContainer .grid .story.sinopsis{position:sticky; top:80px; border:0px;}
body.story.highlight .mainContainer .grid .story.sinopsis .paragraph p{padding-right:80px; text-wrap:unset;}
body.story.highlight .mainContainer .grid .story img{border:1px solid #fff; margin-bottom:15px;}


/*-----ABOUT GRID-------*/
.mainContainer .grid .aboutIntro .item h2.mainTitle{font-size:28px; text-align:center; letter-spacing:20px; text-transform:uppercase; line-height:0.7; margin-top:20px; margin-bottom:20px;}
.mainContainer .grid .aboutIntro .item h3.descriptionTitle {font-size:14px; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.mainContainer .grid .aboutIntro .item h3.descriptionTitle{margin-bottom:40px;}
.mainContainer .grid .aboutIntro .item h3.summaryTitle{font-size:28px; text-align:center; letter-spacing:2px; text-transform:uppercase; margin-bottom:40px;}
.mainContainer .grid .aboutIntro .item p{font-size:16px; line-height:1.2; text-align:justify;}
.mainContainer .grid .aboutIcon {opacity:0; margin-top:60px; transition:var(--main-transition); transition-delay: 0.2s; }
.mainContainer .grid .aboutIcon.active {opacity:1; margin-top:60px; filter:blur(0px);}
.mainContainer .grid .aboutIcon .item img{width:100%; margin-top:-50px; filter: grayscale() contrast(0.75);}

.mainContainer .grid .about{opacity:0; transition:var(--main-transition); transition-delay: 0.2s; margin-top:110px; filter:blur(10px); margin-bottom:80px;}
.mainContainer .grid .about.active {opacity:1; margin-top:30px; filter:blur(0px);}
.mainContainer .grid .about .item{margin-top: 30px; padding-bottom:20px;}
.mainContainer .grid .about .item.col-5:first-child{border-right:var(--border);}
.mainContainer .grid .about .item.col-12{border-right:0px;}

.mainContainer .grid .about .item h3.itemTitle{font-size:14px; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.mainContainer .grid .about .item p, .mainContainer .grid .privacy .item p a{font-size:16px; line-height:1.2; text-indent: 5%;}
.mainContainer .grid .about .item p{text-align:justify;}
.mainContainer .grid .about .item p .itemTitle{font-size:18px; font-family:var(--main-font); font-weight:400; letter-spacing:-1px;}
.mainContainer .grid .about .item img{width:100%; border:var(--border);}

.mainContainer .grid .aboutShoeDissecation.map {position:sticky; top:100px; mix-blend-mode: multiply; margin-top:20px; margin-bottom:200px;}
.mainContainer .grid .aboutShoeDissecation.map .shoe img{width:100%;}
.mainContainer .grid .aboutShoeDissecation.icons {position:sticky; height: 70vh; opacity:1; pointer-events:auto; transition:var(--main-transition);}
.mainContainer .grid .aboutShoeDissecation.icons.notVisible{opacity:0; pointer-events:none;}
.mainContainer .grid .aboutShoeDissecation.icons.cork{top:12vh; margin-left:16vw;}
.mainContainer .grid .aboutShoeDissecation.icons.cork .caption {display:inline-block; margin-left:-60px; font-size: 15px; } 
.mainContainer .grid .aboutShoeDissecation.icons.leather{top:42vh; margin-left:70vw; }
.mainContainer .grid .aboutShoeDissecation.icons.leather .caption{display:inline-block; margin-left:70px; width:100px; font-size: 15px; }
.mainContainer .grid .aboutShoeDissecation.icons.naturalRubber{top:70vh; margin-left:25vw;}
.mainContainer .grid .aboutShoeDissecation.icons.naturalRubber .caption{display:inline-block; margin-left:-140px; margin-top:55px; font-size: 15px; }
.mainContainer .grid .aboutShoeDissecation.icons .icon{width:80px; height:80px; border-radius:80px; background:rgba(238, 234, 229, 0.1);border:var(--border); transition:opacity 0.5s ease-in-out;}

#cork, #naturalRubber, #leather{position:fixed; top:0; left:0; display:none; opacity:0; transition:opacity 0.5s ease-in-out; pointer-events:none; width:calc((100vw / 12) * 7); z-index:9999999999;}
#cork.active, #naturalRubber.active, #leather.active{display:block;}
#cork.active.visibility, #naturalRubber.active.visibility, #leather.active.visibility{opacity:1;}

.mainContainer .grid .aboutShoeDissecation.specs .spec{background:rgba(238, 234, 229, 0.95); padding:20px; padding-bottom:60px;}
.mainContainer .grid .aboutShoeDissecation.specs .spec h3.specTitle{font-size:14px; text-align:center; letter-spacing:2px; text-transform:uppercase;}
.mainContainer .grid .aboutShoeDissecation.specs .spec p{font-size:16px; line-height:1.2; text-align:justify; column-count:2;
  column-gap: 25px; column-rule: 1px solid #0a0a0a; text-indent: 5%;}

.mainContainer .grid .about.end{margin-top:200vh;}


/*-----NEWSLETTER GRID-------*/
.mainContainer .grid .newsletter{min-height:100vh; opacity:0; transition:var(--main-transition); transition-delay: 0.2s; margin-top:110px; filter:blur(10px); margin-bottom:60px; margin-left:10%;}
.mainContainer .grid .newsletter.active {opacity:1; margin-top:80px; filter:blur(0px);}
.mainContainer .grid .newsletter .item {position: relative; margin-bottom:30px;}
.mainContainer .grid .newsletter .item:nth-child(odd) {border-right: var(--border);}
.mainContainer .grid .newsletter .item *{text-align:center}
.mainContainer .grid .newsletter .item.normal *{text-align:left;}
.mainContainer .grid .newsletter .item.col-3{width:40%;}
.mainContainer .grid .newsletter .item.highlight {height:fit-content;}
.mainContainer .grid .newsletter .item.highlight *{mix-blend-mode:exclusion; will-change: transform;}
.mainContainer .grid .newsletter .item img{width:100%; border:var(--border);}
.mainContainer .grid .newsletter .item.imageRelevant {z-index:99;}
.mainContainer .grid .newsletter .item.imageRelevant img{width:100%; aspect-ratio: 4 / 5;}
.mainContainer .grid .newsletter .item.imageRelevant *{z-index:99;}
.mainContainer .grid .newsletter .item.lessRelevant h3.title{font-size:13px;}
.mainContainer .grid .newsletter .item.lessRelevant img{width:60%; margin-left:20%;}
.mainContainer .grid .newsletter .item h1{font-size:40px; font-weight:600; line-height:0.9; margin-bottom:20px;}
.mainContainer .grid .newsletter .item.imageRelevant h1{font-size:70px; margin-top:5px;}
.mainContainer .grid .newsletter .item h1.title.fontOne{line-height:0.8; font-weight:400;}
.mainContainer .grid .newsletter .item h1.title.fontTwo{font-family:var(--main-font); font-weight:400; line-height:0.8; letter-spacing:-5px;}
.mainContainer .grid .newsletter .item h5{font-size:13px;font-family:var(--main-font); letter-spacing:-0.8px;}
.mainContainer .grid .newsletter .item h5.issueNumber{text-transform:uppercase; letter-spacing:0.75px;}
.mainContainer .grid .newsletter .item p{line-height:1.2; text-wrap: balance; margin-bottom:20px;}
.mainContainer .grid .newsletter .item.imageRelevant h1, .mainContainer .grid .newsletter .item.imageRelevant p{width:100%;}
.mainContainer .grid .newsletter .item .invert-overlay{position:absolute; top:0px; left:0px; width:150%; transform:translate(-15%); z-index:999; pointer-events:none; background-color:var(--ofwhite-color);}

/*-----NEWSLETTER PAGE-------*/
.mainContainer .grid .newsletterArticle{margin-bottom:80px}
.mainContainer .grid .newsletterArticle .articleHeader .issueNumber{position:sticky; top:80px; font-family:var(--mian-font); text-transform:uppercase; letter-spacing:1px; font-size:12px; text-align:left;}
.mainContainer .grid .newsletterArticle .articleHeader .title{font-family:var(--main-font); font-weight:400; line-height:0.8; letter-spacing:-2px; margin-top:20px; text-align:center;} 
.mainContainer .grid .newsletterArticle .articleHeader .sinopsis{font-family:var(--main-font); font-weight:400; line-height:1.2; letter-spacing:0px; margin-top:20px; text-align:center;} 
.mainContainer .grid .newsletterArticle .articleBody.col-6{border-left:var(--border);}
.mainContainer .grid .newsletterArticle .articleBody {margin-top:120px;}
.mainContainer .grid .newsletterArticle .articleBody img{width:100%;}
.mainContainer .grid .newsletterArticle .articleBody p.paragraph{font-family:var(--main-font); font-weight:400; line-height:1.2; letter-spacing:0px; float:left; margin-bottom:30px;}
.mainContainer .grid .newsletterArticle .articleBody span.subtitle{font-family:var(--main-font); font-size:12px; font-weight:400; line-height:1.2; letter-spacing:2px; text-transform:uppercase; margin-right:30px;}
.mainContainer .grid .newsletterArticle .articleBody h5.credits{font-family:var(--main-font); font-size:12px; font-weight:400; line-height:1.2; letter-spacing:2px; text-transform:uppercase; margin-right:30px; text-transform:uppercase;}



/*-----CONTACT GRID-------*/
.mainContainer .grid .contact{position:fixed; opacity:0; margin-top:0px; filter:blur(10px); margin-bottom:200px; height:calc(100vh - 50px); overflow:hidden;}
.mainContainer .grid .contact.active {opacity:1; margin-top:0px; filter:blur(0px);}
.mainContainer .grid .contact .bottom{position:fixed; bottom:80px;}
.mainContainer .grid .contact h1, .mainContainer .grid .contact h1 a{text-align:left; font-size:28px; text-align:center; letter-spacing:20px; text-transform:uppercase; line-height:1.2; margin-top:20px; margin-bottom:20px;color:#0a0a0a; font-weight:400; }
.mainContainer .grid .contact h1 a .abaya{font-weight:400; font-size:28px; text-align:center; letter-spacing:20px; color:var(--ofwhite-color); -webkit-text-stroke: 0.5px #0a0a0a; }

/*-----TERMS GRID-------*/
.mainContainer .grid .terms{opacity:0; transition:var(--main-transition); transition-delay: 0.2s; margin-top:110px; filter:blur(10px); margin-bottom:200px;}
.mainContainer .grid .terms.active {opacity:1; margin-top:80px; filter:blur(0px);}
.mainContainer .grid .terms .item p{font-size:16px; line-height:1.2;}
.mainContainer .grid .terms .item p .itemTitle{border-bottom:var(--border);}

/*-----PRIVACY GRID-------*/
.mainContainer .grid .privacy{opacity:0; transition:var(--main-transition); transition-delay: 0.2s; margin-top:110px; filter:blur(10px); margin-bottom:200px;}
.mainContainer .grid .privacy.active {opacity:1; margin-top:80px; filter:blur(0px);}
.mainContainer .grid .privacy .item p, .mainContainer .grid .privacy .item p a{font-size:16px; line-height:1.2;}
.mainContainer .grid .privacy .item p .itemTitle{border-bottom:var(--border);}

/*-----SHIPPING GRID-------*/
.mainContainer .grid .shipping{opacity:0; transition:var(--main-transition); transition-delay: 0.2s; margin-top:110px; filter:blur(10px); margin-bottom:200px;}
.mainContainer .grid .shipping.active {opacity:1; margin-top:80px; filter:blur(0px);}
.mainContainer .grid .shipping .item{padding-bottom:50px;}
.mainContainer .grid .shipping .item:first-child{border-right:var(--border);}
.mainContainer .grid .shipping .item p, .mainContainer .grid .privacy .item p a{font-size:16px; line-height:1.2;}
.mainContainer .grid .shipping .item p .itemTitle{border-bottom:var(--border);}