header, .mobile--menu {
  display: none;
}

/* Generated stickers/effect images should not block clicks */
.travel_stickers > img {
    pointer-events: none;
}

.lozad {
  opacity: 0;
}
.lozad[data-loaded="true"] {
  opacity: 1;
  transition: opacity 0s ease 0s;
}
.content-item.text-item {
  width: 100%;
}

/* .image-container {
  background-color: var(--section-color);
} */
@font-face {
  font-family: 'MetroSans';
  src: url('fonts/MetroSansBold.woff2') format('woff2');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'MetroSans';
  src: url('fonts/MetroSansRegular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'MetroSans';
  src: url('fonts/MetroSansSemiBold.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
}

.fresh-forward {
  overflow:hidden;
  --dot-color:currentColor;
}

.progress-counter {
  opacity: 0 !important;
  position: absolute !important;
}
.fresh-forward img {
  width:100%;
  max-width: unset;
}

.container {
  font-family: 'MetroSans', sans-serif;
  letter-spacing: -0.04em;
}

.fresh-forward .trend-section.fixed--section {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  pointer-events: none;
  z-index: 2;
}


@media all and (min-width: 900px) {
.image-container.fit-desktop {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: absolute;
}
.image-container.fit-desktop img {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-container.fit-desktop {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.video-container.fit-desktop video {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
}
.image-container-bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.trend-section { background-color: transparent; }
.trend-section .section--grid { position: relative; z-index: 1; }
.trend-section::before { content: ""; position: absolute; inset: 0; z-index: 0; }

.cite-container {
  width: 100%;
  display: block;
  display: flex;
  letter-spacing: -0.02em;
  line-height: 2.2;
  width: 100%;
  display: block;
  display: flex;
  padding: 5px 0px 0px;
}


@media all and (min-width: 900px) {
  .cite-container {
   color: var(--cite-text-color);
   position: absolute;
   padding: calc(var(--unit) * 0.1) 0px;
   height: calc(var(--unit) * 1);
  }
  .fresh-forward .ff-border-top { border-top: 1px solid #000; }
  .fresh-forward .ff-border-right { border-right: 1px solid #000; }
  .fresh-forward .ff-border-bottom { border-bottom: 1px solid #000; }
  .fresh-forward .ff-border-left { border-left: 1px solid #000; }
  .cite-position-top { bottom: 100%; height:unset; }
  .cite-position-bottom { top: 100%; }
  .cite-position-inside-bottom { bottom: calc(var(--unit) * 0); padding-left:calc(var(--unit) * 0.15); position: absolute; height:unset; }
  .cite-position-inside-top { top: calc(var(--unit) * 0); padding-left:calc(var(--unit) * 0.15); position: absolute; height:unset; }
  .cite-position-top.indent-cite, .cite-position-bottom.indent-cite {
    padding-left:calc(var(--unit) * 0.15);
  }
}

.content-item { position: relative; }

.content-item.video-item {
  display:flex;
  flex-direction: column;
}
.content-item.video-item .cite-position-bottom {
  position:relative;
  top:unset;
}
.content-item.video-item .cite-position-top {
  position:relative;
  order:-1;
  top:unset;
}

.uppercase { text-transform: uppercase; }

.h1 { line-height: .753; letter-spacing: -0.04em; font-weight: 500; }
.h3 { line-height: .775; letter-spacing: 0.03em; }
.h4 { line-height: .9;   letter-spacing: 0em; }

.mono { 
  font-family: 'bdr-mono', monospace; 
  text-transform: uppercase; 
  padding: calc(var(--unit) * 0.035) calc(var(--unit) * 0.08);
  border: 1px solid;
  font-weight: 400;
  white-space: pre;
  /* margin-right: calc(var(--unit) * 0.125); */
}
.mono {
  margin-right: calc(var(--unit) * 0.05);
}
.mono:last-child {
  margin-left: calc(var(--unit) * 0.05);
}
.mono.round { 
  border-radius: 300px;
  padding: calc(var(--unit) * 0.035) calc(var(--unit) * 0.12);
}

.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.text-item ul {
  list-style-type: none;
  padding-left: calc(var(--unit) * 0.65);
}
.text-item ul li {
  margin-bottom: calc(var(--unit) * 0.45);
  position: relative;
}
.text-item ul li:before {
  content: '';
  display: inline-block;
  margin-right: calc(var(--unit)* 0.25);
  font-size: 75%;
  position: absolute;
  left: calc(var(--unit) * -0.65);
  top: calc(var(--unit) * 0.2);
  background: var(--dot-color);
  width: calc(var(--unit) * 0.25);
  height: calc(var(--unit) * 0.25);
}
ul.square-bullets {
  padding-left: calc(var(--unit) * 0.7);
}

@media all and (min-width: 768px) {
  .text-item ul {
    
  }
  .large-gap li {
    margin-bottom: calc(var(--unit) * .8) !important;
  }
}

.pink-bullets li:before {
  color: #FF86FF;
}

.nomargin-top { margin-top: 0 !important; }

:root {
  --dusk: #474975;
  --dill: #6B9900;
  --cherry: #E30600;
  --butter: #EDD68C;
  --lemon: #FEE18D;
  --red: #E30600;
}
.white { background-color: #fff; }
/*
.dusk { background: linear-gradient(90deg,rgba(71, 73, 117, 1) 0%, rgba(49, 53, 92, 1) 100%); }
.dill { background: linear-gradient(90deg,rgba(107, 153, 0, 1) 0%, rgba(120, 166, 12, 1) 100%); } */
.dusk { background-color:var(--dusk); }
.dill { background-color:var(--dill); }
.cherry { background-color:var(--cherry); }
.butter { background-color:var(--butter); }
.lemon { background-color:var(--lemon); }
.red { background-color:var(--red); }
.white-text { color: #fff; }

.badge {
  object-fit:contain !important;
  object-position:center !important;
}
.badge--container {
object-fit: contain;
    object-position: center center;
    height: 100%;
}

.overflow {
  overflow: hidden;
}

.relative {
  position: relative;
}

.z-index {
  z-index: 1;
}

.medium {
  font-weight: 500;
}


:root {
  --fixed-buttons-position: 40px;
}

.fixed-buttons {
  position: fixed;
  top: var(--fixed-buttons-position);
  right: var(--fixed-buttons-position);
  display: flex;
  flex-direction: row;
  gap: 20px;
  z-index: 1000;
  letter-spacing: -0em;
}
.fixed-buttons a {
  color: #fff;
}
.fixed-buttons.left {
  left: var(--fixed-buttons-position);
  right: unset;
}
.circle-btn {
  width: 50px;
  height: 50px;
  border-radius: 100px;
  background: #000;
  border: 1px solid #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: transform 0.2s ease;
  position: relative;
}

.circle-btn::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: -45px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  color: #fff;
  padding: 8px 12px;
  border-radius: 6px;
  font-size: 12px;
  white-space: nowrap;
  opacity: 0;
  visibility: hidden;
  font-family: 'MetroSans', sans-serif;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
}

.circle-btn::before {
  content: '';
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #000;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease, visibility 0.2s ease;
  pointer-events: none;
}
.tooltip-left {
  left: 0;
  right: unset;
}


@media all and (min-width: 768px) {
  .circle-btn:hover {
    transform: scale(1.1);
  }
  .circle-btn.back-button:hover .cover {
    transform: rotate(-90deg);
  }
  
  .circle-btn:hover::after,
  .circle-btn:hover::before {
    opacity: 1;
    visibility: visible;
  }
}



.back-button .cover {
  transition: transform 0.2s ease;
}
.analogue-triangle {
  width: 60%;
  height: auto;
  top: 15%;
  left: 20%;
  position: absolute;
}






.visible--grid {
  z-index: 1;
  position: relative;
}
.with-grid .visible--grid:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1; 
  pointer-events: none; 
  background-size: var(--mobile-gap) var(--mobile-gap);
  background-image: linear-gradient(to right, #000 1px, transparent 1px), linear-gradient(to bottom, #000 1px, transparent 1px);
  z-index: -1;
}
@media all and (min-width: 900px) {
  .with-grid .visible--grid:before {
    background-size: var(--unit) var(--unit);
    background-image: linear-gradient(to right, #000 1px, transparent 1px), linear-gradient(to bottom, #000 1px, transparent 1px);
  }
}




/*============================================== ANIMATION REVEAL ==============================================*/


.height-1 { height: calc(var(--unit) * 1); }

/* Span utilities */
.col-span-1 { grid-column: span 1; }
.col-span-2 { grid-column: span 2; }
.col-span-3 { grid-column: span 3; }
.col-span-4 { grid-column: span 4; }
.col-span-6 { grid-column: span 6; }
.col-span-8 { grid-column: span 8; }
.col-span-12 { grid-column: span 12; }
.col-span-16 { grid-column: span 16; }
.col-span-20 { grid-column: span 20; }
.col-span-24 { grid-column: span 24; }
.col-span-28 { grid-column: span 28; }
.col-span-32 { grid-column: span 32; }
.col-span-33 { grid-column: span 33; }
.col-span-34 { grid-column: span 34; }
.col-span-35 { grid-column: span 35; }
.col-span-36 { grid-column: span 36; }
.col-span-37 { grid-column: span 37; }
.col-span-38 { grid-column: span 38; }

.row-span-1 { grid-row: span 1; }
.row-span-2 { grid-row: span 2; }
.row-span-3 { grid-row: span 3; }
.row-span-4 { grid-row: span 4; }
.row-span-6 { grid-row: span 6; }
.row-span-8 { grid-row: span 8; }
.row-span-10 { grid-row: span 10; }
.row-span-12 { grid-row: span 12; }
.row-span-16 { grid-row: span 16; }
.row-span-20 { grid-row: span 20; }

/* Grid positioning utilities */
.grid-col-start-1 { grid-column-start: 1; }
.grid-col-start-2 { grid-column-start: 2; }
.grid-col-start-3 { grid-column-start: 3; }
.grid-col-start-4 { grid-column-start: 4; }
.grid-col-start-5 { grid-column-start: 5; }
.grid-col-start-6 { grid-column-start: 6; }
.grid-col-start-7 { grid-column-start: 7; }
.grid-col-start-8 { grid-column-start: 8; }
.grid-col-start-9 { grid-column-start: 9; }
.grid-col-start-10 { grid-column-start: 10; }
.grid-col-start-11 { grid-column-start: 11; }
.grid-col-start-12 { grid-column-start: 12; }
.grid-col-start-13 { grid-column-start: 13; }
.grid-col-start-14 { grid-column-start: 14; }
.grid-col-start-15 { grid-column-start: 15; }
.grid-col-start-16 { grid-column-start: 16; }
.grid-col-start-17 { grid-column-start: 17; }
.grid-col-start-18 { grid-column-start: 18; }
.grid-col-start-19 { grid-column-start: 19; }
.grid-col-start-20 { grid-column-start: 20; }
.grid-col-start-21 { grid-column-start: 21; }
.grid-col-start-22 { grid-column-start: 22; }
.grid-col-start-23 { grid-column-start: 23; }
.grid-col-start-24 { grid-column-start: 24; }
.grid-col-start-25 { grid-column-start: 25; }
.grid-col-start-26 { grid-column-start: 26; }
.grid-col-start-27 { grid-column-start: 27; }
.grid-col-start-28 { grid-column-start: 28; }
.grid-col-start-29 { grid-column-start: 29; }
.grid-col-start-30 { grid-column-start: 30; }
.grid-col-start-31 { grid-column-start: 31; }
.grid-col-start-32 { grid-column-start: 32; }
.grid-col-start-33 { grid-column-start: 33; }
.grid-col-start-34 { grid-column-start: 34; }
.grid-col-start-35 { grid-column-start: 35; }
.grid-col-start-36 { grid-column-start: 36; }
.grid-col-start-37 { grid-column-start: 37; }
.grid-col-start-38 { grid-column-start: 38; }

.grid-row-start-1 { grid-row-start: 1; }
.grid-row-start-2 { grid-row-start: 2; }
.grid-row-start-3 { grid-row-start: 3; }
.grid-row-start-4 { grid-row-start: 4; }
.grid-row-start-5 { grid-row-start: 5; }
.grid-row-start-6 { grid-row-start: 6; }
.grid-row-start-7 { grid-row-start: 7; }
.grid-row-start-8 { grid-row-start: 8; }
.grid-row-start-9 { grid-row-start: 9; }
.grid-row-start-10 { grid-row-start: 10; }
.grid-row-start-11 { grid-row-start: 11; }
.grid-row-start-12 { grid-row-start: 12; }
.grid-row-start-13 { grid-row-start: 13; }
.grid-row-start-14 { grid-row-start: 14; }
.grid-row-start-15 { grid-row-start: 15; }
.grid-row-start-16 { grid-row-start: 16; }
.grid-row-start-17 { grid-row-start: 17; }
.grid-row-start-18 { grid-row-start: 18; }
.grid-row-start-19 { grid-row-start: 19; }
.grid-row-start-20 { grid-row-start: 20; }
.grid-row-start-21 { grid-row-start: 21; }
.grid-row-start-22 { grid-row-start: 22; }
.grid-row-start-23 { grid-row-start: 23; }
.grid-row-start-24 { grid-row-start: 24; }
.grid-row-start-25 { grid-row-start: 25; }
.grid-row-start-26 { grid-row-start: 26; }
.grid-row-start-27 { grid-row-start: 27; }
.grid-row-start-28 { grid-row-start: 28; }
.grid-row-start-29 { grid-row-start: 29; }
.grid-row-start-30 { grid-row-start: 30; }
.grid-row-start-31 { grid-row-start: 31; }
.grid-row-start-32 { grid-row-start: 32; }
.grid-row-start-33 { grid-row-start: 33; }
.grid-row-start-34 { grid-row-start: 34; }
.grid-row-start-35 { grid-row-start: 35; }
.grid-row-start-36 { grid-row-start: 36; }
.grid-row-start-37 { grid-row-start: 37; }
.grid-row-start-38 { grid-row-start: 38; }

/* Grid positioning utilities */
.grid-col-end-1 { grid-column-end: 1; }
.grid-col-end-2 { grid-column-end: 2; }
.grid-col-end-3 { grid-column-end: 3; }
.grid-col-end-4 { grid-column-end: 4; }
.grid-col-end-5 { grid-column-end: 5; }
.grid-col-end-6 { grid-column-end: 6; }
.grid-col-end-7 { grid-column-end: 7; }
.grid-col-end-8 { grid-column-end: 8; }
.grid-col-end-9 { grid-column-end: 9; }
.grid-col-end-10 { grid-column-end: 10; }
.grid-col-end-11 { grid-column-end: 11; }
.grid-col-end-12 { grid-column-end: 12; }
.grid-col-end-13 { grid-column-end: 13; }
.grid-col-end-14 { grid-column-end: 14; }
.grid-col-end-15 { grid-column-end: 15; }
.grid-col-end-16 { grid-column-end: 16; }
.grid-col-end-17 { grid-column-end: 17; }
.grid-col-end-18 { grid-column-end: 18; }
.grid-col-end-19 { grid-column-end: 19; }
.grid-col-end-20 { grid-column-end: 20; }
.grid-col-end-21 { grid-column-end: 21; }
.grid-col-end-22 { grid-column-end: 22; }
.grid-col-end-23 { grid-column-end: 23; }
.grid-col-end-24 { grid-column-end: 24; }
.grid-col-end-25 { grid-column-end: 25; }
.grid-col-end-26 { grid-column-end: 26; }
.grid-col-end-27 { grid-column-end: 27; }
.grid-col-end-28 { grid-column-end: 28; }
.grid-col-end-29 { grid-column-end: 29; }
.grid-col-end-30 { grid-column-end: 30; }
.grid-col-end-31 { grid-column-end: 31; }
.grid-col-end-32 { grid-column-end: 32; }
.grid-col-end-33 { grid-column-end: 33; }
.grid-col-end-34 { grid-column-end: 34; }
.grid-col-end-35 { grid-column-end: 35; }
.grid-col-end-36 { grid-column-end: 36; }
.grid-col-end-37 { grid-column-end: 37; }
.grid-col-end-38 { grid-column-end: 38; }

.grid-row-end-1 { grid-row-end: 1; }
.grid-row-end-2 { grid-row-end: 2; }
.grid-row-end-3 { grid-row-end: 3; }
.grid-row-end-4 { grid-row-end: 4; }
.grid-row-end-5 { grid-row-end: 5; }
.grid-row-end-6 { grid-row-end: 6; }
.grid-row-end-7 { grid-row-end: 7; }
.grid-row-end-8 { grid-row-end: 8; }
.grid-row-end-9 { grid-row-end: 9; }
.grid-row-end-10 { grid-row-end: 10; }
.grid-row-end-11 { grid-row-end: 11; }
.grid-row-end-12 { grid-row-end: 12; }
.grid-row-end-13 { grid-row-end: 13; }
.grid-row-end-14 { grid-row-end: 14; }
.grid-row-end-15 { grid-row-end: 15; }
.grid-row-end-16 { grid-row-end: 16; }
.grid-row-end-17 { grid-row-end: 17; }
.grid-row-end-18 { grid-row-end: 18; }
.grid-row-end-19 { grid-row-end: 19; }
.grid-row-end-20 { grid-row-end: 20; }
.grid-row-end-21 { grid-row-end: 21; }
.grid-row-end-22 { grid-row-end: 22; }
.grid-row-end-23 { grid-row-end: 23; }
.grid-row-end-24 { grid-row-end: 24; }
.grid-row-end-25 { grid-row-end: 25; }
.grid-row-end-26 { grid-row-end: 26; }
.grid-row-end-27 { grid-row-end: 27; }
.grid-row-end-28 { grid-row-end: 28; }
.grid-row-end-29 { grid-row-end: 29; }
.grid-row-end-30 { grid-row-end: 30; }
.grid-row-end-31 { grid-row-end: 31; }
.grid-row-end-32 { grid-row-end: 32; }
.grid-row-end-33 { grid-row-end: 33; }
.grid-row-end-34 { grid-row-end: 34; }
.grid-row-end-35 { grid-row-end: 35; }
.grid-row-end-36 { grid-row-end: 36; }
.grid-row-end-37 { grid-row-end: 37; }
.grid-row-end-38 { grid-row-end: 38; }


.width-1 { width: calc(var(--unit) * 1); }
.width-2 { width: calc(var(--unit) * 2); }
.width-3 { width: calc(var(--unit) * 3); }
.width-4 { width: calc(var(--unit) * 4); }
.width-6 { width: calc(var(--unit) * 6); }
.width-8 { width: calc(var(--unit) * 8); }
.width-12 { width: calc(var(--unit) * 12); }
.width-16 { width: calc(var(--unit) * 16); }
.width-20 { width: calc(var(--unit) * 20); }

.pad-1 { padding: calc(var(--unit) * 1); }
.pad-2 { padding: calc(var(--unit) * 2); }
.pad-3 { padding: calc(var(--unit) * 3); }
.pad-4 { padding: calc(var(--unit) * 4); }
.pad-6 { padding: calc(var(--unit) * 6); }
.pad-8 { padding: calc(var(--unit) * 8); }
.pad-12 { padding: calc(var(--unit) * 12); }
.pad-16 { padding: calc(var(--unit) * 16); }
.pad-20 { padding: calc(var(--unit) * 20); }

.pad-left-2 { padding-left: calc(var(--unit) * 2); }
.pad-left-3 { padding-left: calc(var(--unit) * 3); }
.pad-left-4 { padding-left: calc(var(--unit) * 4); }
.pad-left-8 { padding-left: calc(var(--unit) * 8); }
.pad-left-12 { padding-left: calc(var(--unit) * 12); }
.pad-left-16 { padding-left: calc(var(--unit) * 16); }
.pad-left-20 { padding-left: calc(var(--unit) * 20); }

.pad-left-1 { padding-left: calc(var(--unit) * 1); }
.pad-left-2 { padding-left: calc(var(--unit) * 2); }
.pad-left-3 { padding-left: calc(var(--unit) * 3); }
.pad-left-4 { padding-left: calc(var(--unit) * 4); }
.pad-left-6 { padding-left: calc(var(--unit) * 6); }
.pad-left-8 { padding-left: calc(var(--unit) * 8); }
.pad-left-12 { padding-left: calc(var(--unit) * 12); }
.pad-left-16 { padding-left: calc(var(--unit) * 16); }
.pad-left-20 { padding-left: calc(var(--unit) * 20); }

.pad-right-1 { padding-right: calc(var(--unit) * 1); }
.pad-right-2 { padding-right: calc(var(--unit) * 2); }
.pad-right-3 { padding-right: calc(var(--unit) * 3); }
.pad-right-4 { padding-right: calc(var(--unit) * 4); }
.pad-right-6 { padding-right: calc(var(--unit) * 6); }
.pad-right-8 { padding-right: calc(var(--unit) * 8); }
.pad-right-12 { padding-right: calc(var(--unit) * 12); }
.pad-right-16 { padding-right: calc(var(--unit) * 16); }
.pad-right-20 { padding-right: calc(var(--unit) * 20); }

.pad-top-1 { padding-top: calc(var(--unit) * 1); }
.pad-top-2 { padding-top: calc(var(--unit) * 2); }
.pad-top-3 { padding-top: calc(var(--unit) * 3); }
.pad-top-4 { padding-top: calc(var(--unit) * 4); }
.pad-top-6 { padding-top: calc(var(--unit) * 6); }
.pad-top-8 { padding-top: calc(var(--unit) * 8); }
.pad-top-12 { padding-top: calc(var(--unit) * 12); }
.pad-top-16 { padding-top: calc(var(--unit) * 16); }
.pad-top-20 { padding-top: calc(var(--unit) * 20); }

.pad-bottom-05 { padding-bottom: calc(var(--unit) * 0.5); }
.pad-bottom-1 { padding-bottom: calc(var(--unit) * 1); }
.pad-bottom-2 { padding-bottom: calc(var(--unit) * 2); }
.pad-bottom-3 { padding-bottom: calc(var(--unit) * 3); }
.pad-bottom-4 { padding-bottom: calc(var(--unit) * 4); }
.pad-bottom-6 { padding-bottom: calc(var(--unit) * 6); }
.pad-bottom-8 { padding-bottom: calc(var(--unit) * 8); }
.pad-bottom-12 { padding-bottom: calc(var(--unit) * 12); }
.pad-bottom-16 { padding-bottom: calc(var(--unit) * 16); }
.pad-bottom-20 { padding-bottom: calc(var(--unit) * 20); }

body:not(.is-mobile) .pad-1-md { padding: calc(var(--unit) * 1); }
body:not(.is-mobile) .pad-2-md { padding: calc(var(--unit) * 2); }
body:not(.is-mobile) .pad-3-md { padding: calc(var(--unit) * 3); }
body:not(.is-mobile) .pad-4-md { padding: calc(var(--unit) * 4); }
body:not(.is-mobile) .pad-6-md { padding: calc(var(--unit) * 6); }
body:not(.is-mobile) .pad-8-md { padding: calc(var(--unit) * 8); }
body:not(.is-mobile) .pad-12-md { padding: calc(var(--unit) * 12); }
body:not(.is-mobile) .pad-16-md { padding: calc(var(--unit) * 16); }
body:not(.is-mobile) .pad-20-md { padding: calc(var(--unit) * 20); }

body:not(.is-mobile) .pad-left-2-md { padding-left: calc(var(--unit) * 2); }
body:not(.is-mobile) .pad-left-3-md { padding-left: calc(var(--unit) * 3); }
body:not(.is-mobile) .pad-left-4-md { padding-left: calc(var(--unit) * 4); }
body:not(.is-mobile) .pad-left-8-md { padding-left: calc(var(--unit) * 8); }
body:not(.is-mobile) .pad-left-12-md { padding-left: calc(var(--unit) * 12); }
body:not(.is-mobile) .pad-left-16-md { padding-left: calc(var(--unit) * 16); }
body:not(.is-mobile) .pad-left-20-md { padding-left: calc(var(--unit) * 20); }

body:not(.is-mobile) .pad-left-1-md { padding-left: calc(var(--unit) * 1); }
body:not(.is-mobile) .pad-left-2-md { padding-left: calc(var(--unit) * 2); }
body:not(.is-mobile) .pad-left-3-md { padding-left: calc(var(--unit) * 3); }
body:not(.is-mobile) .pad-left-4-md { padding-left: calc(var(--unit) * 4); }
body:not(.is-mobile) .pad-left-6-md { padding-left: calc(var(--unit) * 6); }
body:not(.is-mobile) .pad-left-8-md { padding-left: calc(var(--unit) * 8); }
body:not(.is-mobile) .pad-left-12-md { padding-left: calc(var(--unit) * 12); }
body:not(.is-mobile) .pad-left-16-md { padding-left: calc(var(--unit) * 16); }
body:not(.is-mobile) .pad-left-20-md { padding-left: calc(var(--unit) * 20); }

body:not(.is-mobile) .pad-right-1-md { padding-right: calc(var(--unit) * 1); }
body:not(.is-mobile) .pad-right-2-md { padding-right: calc(var(--unit) * 2); }
body:not(.is-mobile) .pad-right-3-md { padding-right: calc(var(--unit) * 3); }
body:not(.is-mobile) .pad-right-4-md { padding-right: calc(var(--unit) * 4); }
body:not(.is-mobile) .pad-right-6-md { padding-right: calc(var(--unit) * 6); }
body:not(.is-mobile) .pad-right-8-md { padding-right: calc(var(--unit) * 8); }
body:not(.is-mobile) .pad-right-12-md { padding-right: calc(var(--unit) * 12); }
body:not(.is-mobile) .pad-right-16-md { padding-right: calc(var(--unit) * 16); }
body:not(.is-mobile) .pad-right-20-md { padding-right: calc(var(--unit) * 20); }

body:not(.is-mobile) .pad-top-1-md { padding-top: calc(var(--unit) * 1); }
body:not(.is-mobile) .pad-top-2-md { padding-top: calc(var(--unit) * 2); }
body:not(.is-mobile) .pad-top-3-md { padding-top: calc(var(--unit) * 3); }
body:not(.is-mobile) .pad-top-4-md { padding-top: calc(var(--unit) * 4); }
body:not(.is-mobile) .pad-top-6-md { padding-top: calc(var(--unit) * 6); }
body:not(.is-mobile) .pad-top-8-md { padding-top: calc(var(--unit) * 8); }
body:not(.is-mobile) .pad-top-12-md { padding-top: calc(var(--unit) * 12); }
body:not(.is-mobile) .pad-top-16-md { padding-top: calc(var(--unit) * 16); }
body:not(.is-mobile) .pad-top-20-md { padding-top: calc(var(--unit) * 20); }

body:not(.is-mobile) .pad-bottom-075-md { padding-bottom: calc(var(--unit) * 0.9); }
body:not(.is-mobile) .pad-bottom-1-md { padding-bottom: calc(var(--unit) * 1); }
body:not(.is-mobile) .pad-bottom-2-md { padding-bottom: calc(var(--unit) * 2); }
body:not(.is-mobile) .pad-bottom-3-md { padding-bottom: calc(var(--unit) * 3); }
body:not(.is-mobile) .pad-bottom-4-md { padding-bottom: calc(var(--unit) * 4); }
body:not(.is-mobile) .pad-bottom-6-md { padding-bottom: calc(var(--unit) * 6); }
body:not(.is-mobile) .pad-bottom-8-md { padding-bottom: calc(var(--unit) * 8); }
body:not(.is-mobile) .pad-bottom-12-md { padding-bottom: calc(var(--unit) * 12); }
body:not(.is-mobile) .pad-bottom-16-md { padding-bottom: calc(var(--unit) * 16); }
body:not(.is-mobile) .pad-bottom-20-md { padding-bottom: calc(var(--unit) * 20); }


/*============================================== MOBILE STYLES ==============================================*/

.section--grid a {
  color:currentColor;
}

/*============================================== DESKTOP STYLES ==============================================*/


.progress-bar {
  opacity: 0;
  position: fixed;
}


.fresh-forward {
  --unit: 100vw / 8;
  --mobile-gap: 8vw;
  --mobile-horizontal-gap: clamp(25px, 4vw, 50px);
  --fixed-buttons-position:15px;
  max-width:900px;
  font-weight: 500;
  letter-spacing: -0.025em;
  line-height: 1.5;
}
.fresh-forward .text-item .text-container > * {
  margin-bottom:calc(var(--unit) * .35);
}
.fresh-forward .text-item .text-container > *:last-child {
  margin-bottom: 0;
}
.fresh-forward h1 {
  font-family: 'bdr-mono', monospace;
  text-transform: uppercase;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -0.075em;
}
.fresh-forward h2 {
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -0.045em;
}
.fresh-forward h4 {
  text-transform: uppercase;
  font-weight: 900;
  line-height: 1.4;
  letter-spacing: -0.045em;
}
.fresh-forward h2.breaker--text {
  text-transform: uppercase;
  font-weight: 400 !important;
  line-height: 1;
  letter-spacing: -0.045em;
  font-family: 'bdr-mono', monospace; 
  white-space: pre;
}
.fresh-forward .h5 {
  font-weight: bold;
  line-height: 1;
  letter-spacing: -0.03em;
}



.fresh-forward                        { font-size: clamp(18px, 3vw, 27px);         }
.fresh-forward .h1, .fresh-forward h1 { font-size: clamp(21px, 4vw, 37px);   }
.fresh-forward .h2, .fresh-forward h2 { font-size: clamp(21px, 4vw, 37px); line-height: 1.25;   }
.fresh-forward .h3, .fresh-forward h3 { font-size: calc(var(--unit)* 0.4);  }
.fresh-forward .h4, .fresh-forward h4 { font-size: calc(var(--unit)* 0.4);  }
.fresh-forward .h5, .fresh-forward h5 { font-size: calc(var(--unit)* .4);}
.fresh-forward h2.breaker--text       { font-size: clamp(18px, 4vw, 40px); }
.cite-container                       { font-size: calc(var(--unit) * 0.225);  }

  
@media all and (min-width: 900px) {
  .fresh-forward                        { font-size: calc(var(--unit) * 0.4);         }
  .fresh-forward .h1, .fresh-forward h1 { font-size: calc(var(--type-unit) * 1.6);    }
  .fresh-forward .h2, .fresh-forward h2 { font-size: calc(var(--type-unit) * 1.4); line-height: 1.4;   }
  .fresh-forward .h3, .fresh-forward h3 { font-size: calc(var(--unit)* 0.4);          }
  .fresh-forward .h4, .fresh-forward h4 { font-size: calc(var(--type-unit) * 2.5);    }
  .fresh-forward .h5, .fresh-forward h5 { font-size: calc(var(--unit)* .4);           }
  .fresh-forward h2.breaker--text       { font-size: 2.25vw;                          }
  .cite-container                       { font-size: calc(var(--unit) * 0.225);       }
}  

.trend-section.breaker--section .section--grid {
  min-height: 120px;
  align-items: center;
  justify-content: center;
}

.breaker--text-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  grid-area: 1 / 1 / 5 / 33;
}

.fresh-forward em {
  font-style: normal;
  font-weight: 500;
  background: #e491e3;
  line-height: 1.3;
  padding: 0.4vw;
  display: inline;
}
.icon-item {
  z-index: 2;
}

.fresh-forward .section--grid {
  display: flex;
  box-sizing:border-box;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex:0 1 auto;-webkit-box-flex:0;flex:0 1 auto;-ms-flex-direction:row;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;position:relative;width:100%;
  padding: var(--mobile-gap);
  gap:var(--mobile-horizontal-gap);
}

@media all and (max-width: 899px) {
.fresh-forward .content-item:not(.show-mobile) {
  display: none;
}

.mono.square {
  display: none;
}
.fresh-forward  .section--grid.padding-mobile-no-top {
  padding-top: 0;
}
.fresh-forward  .section--grid.padding-mobile-no-bottom {
  padding-bottom: 0;
}
.fresh-forward  .section--grid.padding-mobile-no-top-bottom {
  padding-top: 0;
  padding-bottom: 0;
}
}

@media all and (min-width: 900px) {

.fresh-forward {
  --unit: calc(100vw / 32);
  --mobile-gap: calc(var(--unit) * .75);
  --fixed-buttons-position:35px;
  --desktop-rows:19;
  max-width:unset;
}

.mono { 
  border: .095vw solid;
}
.mono .mobile--cite {
  display: none;
}
.fresh-forward .content-item:not(.show-desktop) {
  display: none;
}



  .text-padding-left-right-0 {
    padding-left: 0;
    padding-right: 0;
  }
  .text-padding-left-right-1 {
    padding-left: calc(var(--unit) * 0.25);
    padding-right: calc(var(--unit) * 0.25);
  }
  .text-padding-left-right-2 {
    padding-left: calc(var(--unit) * 0.5);
    padding-right: calc(var(--unit) * 0.5);
  }
  .text-padding-left-right-3 {
    padding-left: calc(var(--unit) * 0.75);
    padding-right: calc(var(--unit) * 0.75);
  }
  .text-padding-left-right-4 {
    padding-left: calc(var(--unit) * 1);
    padding-right: calc(var(--unit) * 1);
  }
  .text-padding-top-0 {
    padding-top: 0;
  }
  .text-padding-top-1 {
    padding-top: calc(var(--unit) * 0.25);
  }
  .text-padding-top-2 {
    padding-top: calc(var(--unit) * 0.5);
  }
  .text-padding-top-3 {
    padding-top: calc(var(--unit) * 0.75);
  }
  .text-padding-top-4 {
    padding-top: calc(var(--unit) * 1);
  }

.fresh-forward .text-item ul {
  margin-top: calc(var(--unit)* 0);
}

.fresh-forward .grid-item {
  grid-column-start: unset !important;
  grid-column-end: unset !important;
  grid-row-start: unset !important;
  grid-row-end: unset !important;
}
.fresh-forward .grid-item {
  -ms-flex-preferred-size:100%;
  flex-basis:100%;
  max-width:100%;
}
.fresh-forward .grid-item.col-xs-6-mobile {
  -ms-flex-preferred-size:calc(50% - var(--mobile-gap)/2);
  flex-basis:calc(50% - var(--mobile-gap)/2);
  max-width:calc(50% - var(--mobile-gap)/2);
}


.fresh-forward  .section--grid {
  display: grid;
  grid-template-rows: repeat(var(--desktop-rows), var(--unit));
  height: calc(var(--unit) * var(--desktop-rows));
  padding:0px;
  gap:0px;
}
.fresh-forward  .section--grid {
  grid-template-columns: repeat(32, var(--unit));
  width: calc(var(--unit) * 32);
}
.fresh-forward  .section--grid.breaker-grid {
  grid-template-columns: repeat(15, var(--unit));
  width: calc(var(--unit) * 32);
}

.fresh-forward   .grid {
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100svh;
}
.fresh-forward   .grid-item {
 display: flex;
}
.fresh-forward   .section--grid.cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transform-style: preserve-3d;
}

.fresh-forward   .badge {
  transform: scale(1.1);
}

.fresh-forward   .large ul li:before {
  margin-right: calc(var(--unit)* 0.25);
  font-size: 85%;
  position: absolute;
  left: calc(var(--unit)* -.8);
  top: calc(var(--unit)* 0.05);
}
.fresh-forward   .large ul {
  padding-left: calc(var(--unit)* 1);
}
}
@media (min-width: 900px) {
  .fresh-forward {
    --type-unit: 1vw;
  }
}
@media (min-width: 1900px) {
  .fresh-forward {
      --type-unit: 1vw;
  }
}

/*============================================== ANIMATIONS ==============================================*/

  .scale-up {
    transform: scale(0);
    animation-fill-mode: forwards;
  }
  .scale-up.in-view {
    animation: scaleUp 1s ease-in-out;
    animation-fill-mode: forwards;
  }

  

  @keyframes scaleUp {
    0% {
      transform: scale(0);
    }
    70% {
      transform: scale(1.1);
    }
    100% {
      transform: scale(1);
    }
  }

  .fresh-forward  .bob {
    animation: bob 5s ease-in-out;
    animation-iteration-count: infinite;
  }

  @keyframes bob {
    0% {
      transform: translateY(-5%);
    }
    50% {
      transform: translateY(0%);
    }
    100% {
      transform: translateY(-5%);
    }
  }

  .fresh-forward  .down_arrow {
    animation: down_arrow 1.5s ease-in-out;
    animation-iteration-count: infinite;
  }

  @keyframes down_arrow {
    0% {
      transform: translateY(-15%);
    }
    50% {
      transform: translateY(0%);
    }
    100% {
      transform: translateY(-15%);
    }
  }

  .fresh-forward  .rotate {
    animation: rotate 1s ease-in-out;
    animation-iteration-count: infinite;
  }

  @keyframes rotate {
    0% {
      transform: rotate(0deg);
    }
    50% {
      transform: rotate(3deg);
    }
    100% {
      transform: rotate(0deg);
    }
  }


  .text-item a {
    text-decoration: underline;
    text-underline-offset: 4px;
  }

  .content-item.stickers-item {
    pointer-events: none; 
  }
.travel_stickers {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
}

  .travel_stickers > img {
    width: 20vw;
    height: 20vw;
    position: absolute;
    object-fit: contain;
    border-radius: 0%;
    z-index: 5;
}
  .travel_stickers .medias img {
    width: 1px;
    height: 1px;
    top: 0;
    left: 0;
    position: absolute;
    visibility: hidden;
    pointer-events: none;
}