{"id":1331,"date":"2025-09-10T17:39:24","date_gmt":"2025-09-10T17:39:24","guid":{"rendered":"http:\/\/www.cncurc.org\/?p=1331"},"modified":"2025-09-11T15:12:39","modified_gmt":"2025-09-11T15:12:39","slug":"the-r29-lookbook","status":"publish","type":"post","link":"http:\/\/www.cncurc.org\/index.php\/2025\/09\/10\/the-r29-lookbook\/","title":{"rendered":"The R29 Lookbook"},"content":{"rendered":"
<\/p>\n
<!– –><\/p>\n
\t\/* Roboto *\/
\n\t@import url(‘https:\/\/fonts.googleapis.com\/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap’);<\/p>\n
\t\/* Roboto Mono *\/
\n\t@import url(‘https:\/\/fonts.googleapis.com\/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap’);<\/p>\n
\t:root {<\/p>\n
\t\t\/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/<\/p>\n
\t\t\/* System colors *\/<\/p>\n
\t\t–color-cream: #F1EDDB;<\/p>\n
\t\t–color-black: #000;<\/p>\n
\t\t–color-white: #FFFFFF;<\/p>\n
\t\t–color-light-gray: #EAE0D4;<\/p>\n
\t\t–color-medium-gray: #555555; \/* Hovers *\/<\/p>\n
\t\t–color-dark-gray: #757575;\t<\/p>\n
\t\t\/* Primary colors, use white or black text *\/<\/p>\n
\t\t–color-pink: #F300CE;<\/p>\n
\t\t–color-blue: #1F69FF;<\/p>\n
\t\t\/* Secondary colors, use black text only*\/<\/p>\n
\t\t–color-orange: #E83D15;<\/p>\n
\t\t–color-yellow: #D2FF43;<\/p>\n
\t\t–color-green: #00D982;<\/p>\n
\t\t–color-teal: #1A967E;<\/p>\n
\t\t–color-purple: #9745FF;<\/p>\n
\t\t\/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/<\/p>\n
\t\t\/* Fonts *\/<\/p>\n
\t\t–Brown-Regular: Brown Regular, Gill Sans, Arial, Helvetica, Roboto, Segoe UI Light, Ubuntu Light, DroidSans, sans-serif;<\/p>\n
\t\t–Brown-Bold: Brown Bold, Gill Sans, Arial, Helvetica, Roboto, Segoe UI Light, Ubuntu Light, DroidSans, sans-serif;<\/p>\n
\t\t–Roboto: ‘Roboto’, Arial, Helvetica, Segoe UI Light, Ubuntu Light, DroidSans, sans-serif;<\/p>\n
\t\t–Roboto-Mono: ‘Roboto Mono’, Monaco, monospace;<\/p>\n
\t\t–Owners-Narrow: ‘owners-narrow’, sans-serif;<\/p>\n
\t\t–Playfair: Playfair Display, Times New Roman Bold, TimesNewRomanPSMT-Bold, Times Bold, Noto Serif Bold, NotoSerif-Bold, Georgia, serif;<\/p>\n
\t\t\/* Font Letterspacing < DO NOT ALTER *\/<\/p>\n
\t\t–Tight: -0.01em;<\/p>\n
\t\t–Normal: 0em;<\/p>\n
\t\t–Loose: 0.02em;<\/p>\n
\t\t–Spread: 0.1em;<\/p>\n
\t\t\/* Intro column div{font-family:var(–Roboto-Mono);font-weight:var(–Weight-Roboto-Mono-Regular);font-size:.85rem;text-transform:uppercase;text-decoration:none;letter-spacing:.05em;color:var(–subnav-text-color);border-bottom:1px solid transparent}.subnav__container a:hover,.subnav__container-mobile button:hover,.subnav__container>div:hover{color:var(–subnav-text-hover-color);border-bottom:1px solid var(–subnav-text-hover-color)}.subnav__read-more{pointer-events: none;color:var(–subnav-read-more-color);border:0!important;text-decoration:none}.subnav__container-mobile{display:none}#subnav__marker{height:1px;margin-top:-1px}@media only screen and (max-width:1100px){.subnav__container{display:none}.subnav__container-mobile{display:flex}}@media only screen and (max-width:1024px){.subnav__container{width:100%;height:50px;display:flex!important;flex-direction:row;justify-content:start;align-items:center;gap:30px;overflow-x:auto;scroll-behavior:smooth;padding:0 20px}.subnav__container a,.subnav__container-mobile button,.subnav__container>div{white-space:nowrap}.subnav__container::-webkit-scrollbar{height:1px;pointer-events:auto;cursor:pointer}.subnav__container::-webkit-scrollbar-thumb{background:rgba(255,255,255,0);border-radius:6px;border:0}.subnav__container::-webkit-scrollbar-track{background:rgba(0,0,0,0);padding:0}}@media only screen and (max-width:760.98px){.subnav__container a,.subnav__container-mobile button,.subnav__container>div{font-size:.7rem;border-bottom:1px solid var(–subnav-text-color)}.subnav__container,.subnav__container-mobile{gap:20px}}<\/p>\n
\t#subnav, .subnav {
\n\t\ttransition: translateY 0.5s ease-in-out;
\n\t\t-webkit-transition: translateY 0.5s ease-in-out;
\n\t}<\/p>\n
\t\/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/<\/p>\n
\t\/* Anchors *\/
\n\t.caro__marker{position:relative}.caro__anchor{position:absolute;top:-40px;left:0;width:100%;height:1px}.caro__marker .caro__anchor{top:-140px}
\n\t.marker_set{position:relative}.marker{position:absolute;top:-40px;left:0;width:100%;height:1px}.marker_set .marker{top:-140px}
\n\t.section-html, .module {position: relative;}<\/p>\n
\t\/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/<\/p>\n
\t\/* Carousel Basics *\/<\/p>\n
\t.caro,.caro__scroller{display:block;width:100%}.caro{clear:both;margin:0;padding:0;overflow:hidden}.caro__scroller{position:relative}.caro__scroller-wrapper{width:100%;display:flex;flex-direction:column;position:relative}.caro__count{display:none}.caro__arrows{position:absolute;top:0;left:0;right:0;width:100%;pointer-events:none;display:flex;flex-direction:row;justify-content:center;align-items:center;height:100%}.caro__arrow,.caro__arrow-left,.caro__arrow-right{padding:0;pointer-events:auto}.caro__arrow-left{top:auto;bottom:auto;left:40px;width:auto;margin:0;display:none;opacity:0}.caro__arrow-right{top:auto;right:40px;width:100px;margin:0;display:block;opacity:1;animation-name:moveArrow;animation-timing-function:ease-in-out;animation-duration:1.5s;animation-iteration-count:infinite}.caro__arrow{position:absolute;width:60px;height:60px;cursor:pointer;margin:-20px 0 0}.caro__arrow-file svg{width:100%;height:100%}.caro__arrow-file svg path{fill: var(–carousel-arrow-shape-color)}.caro__arrow-file:hover path{fill:var(–carousel-arrow-shape-color-hover)}.caro__arrow-file svg circle{fill:var(–carousel-arrow-bgcolor);stroke:var(–carousel-arrow-bordercolor)}.caro__arrow-file:hover svg circle{fill:var(–carousel-arrow-bgcolor-hover);stroke:var(–carousel-arrow-bordercolor-hover)}.caro__arrow-right:hover{animation-play-state:paused;-webkit-animation-play-state:paused}@keyframes moveArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(30px)}}@-moz-keyframes moveArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(30px)}}@-webkit-keyframes moveArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(30px)}}@-o-keyframes moveArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(30px)}}.caro__scroller-list{width:100%;height:fit-content;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scroll-padding:0 20px;padding:0 0 20px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-webkit-overflow-scrolling:touch;grid-template-columns:repeat(100,340px);font-size:0;display:flex;justify-content:start;align-items:start;gap:20px;flex-wrap:nowrap}.is-promos .caro__scroller-list,.is-wide .caro__scroller-list,.is-youtube .caro__scroller-list{grid-template-columns:repeat(100,500px)}.is-social .caro__scroller-list,.is-tall .caro__scroller-list{grid-template-columns:repeat(100,340px)}.caro__card{overflow:hidden;width:340px;min-width:340px;max-width:340px;background-color:transparent;height:fit-content;scroll-snap-align:start;position:relative;display:inline-block;float:none;box-sizing:content-box;padding:0;margin:0}.caro__card img{width:100%}.caro__card>div{box-sizing:border-box;width:inherit}.caro__card:first-of-type{padding-left:20px}.caro__card:last-of-type{margin-right:20px}.is-promos .caro__card,.is-wide .caro__card,.is-youtube .caro__card{width:500px;min-width:500px;max-width:500px}.is-youtube .caro__card iframe{width:500px!important;height:281px!important}.is-social .caro__card iframe.instagram-media{max-width:unset!important;width:100%!important;border-radius:0!important;margin:-54px 0 0!important;border:0!important}@media only screen and (max-width:760.98px){.caro__arrow-left{left:15px}.caro__arrow-right{right:15px;pointer-events:none}.caro__arrow-right .caro__arrow-file{transform:rotate(180deg)}.caro__arrow-file{width:85px;height:85px}.caro__arrow-file img,.caro__arrow-file svg{padding:11px}@keyframes moveArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}@-moz-keyframes moveArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}@-webkit-keyframes moveArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}@-o-keyframes moveArrow{0%,100%{transform:translateX(0)}50%{transform:translateX(20px)}}.caro__scroller-list,.is-people .caro__scroller-list,.is-promos .caro__scroller-list,.is-social .caro__scroller-list,.is-tall .caro__scroller-list,.is-wide .caro__scroller-list,.is-youtube .caro__scroller-list{grid-template-columns:repeat(100,335px)}.caro__card,.is-people .caro__card,.is-promos .caro__card,.is-social .caro__card,.is-tall .caro__card,.is-wide .caro__card,.is-youtube .caro__card{width:335px;min-width:335px;max-width:335px}.is-youtube .caro__card iframe{width:335px!important;height:188px!important}.caro__arrows{display:none!important}}.caro__scroller-list::-webkit-scrollbar{height:4px;pointer-events:auto;cursor:pointer;background:0 0!important}.caro__scroller-list::-webkit-scrollbar-track{background:0 0!important;padding:2px 0}.caro__scroller-list::-webkit-scrollbar-thumb{background:0 0!important;border-radius:6px;border:0}.caro__scroller-list::-webkit-scrollbar-thumb:hover{background:0 0!important}<\/p>\n
\t\/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/<\/p>\n
\t\/* Editors *\/<\/p>\n
\t.editors {
\n\t\tmargin: 40px auto 0;
\n\t\tpadding: 0;
\n\t}<\/p>\n
\t.editors__wrapper {<\/p>\n
\t}<\/p>\n
\t.editors__list {
\n\t\tdisplay: flex;
\n\t\tflex-direction: row;
\n\t\tjustify-content: center;
\n\t\talign-items: flex-start;
\n\t\tflex-wrap: wrap;
\n\t\twidth: 100%;
\n\t\tgap: 15px;
\n\t}<\/p>\n
\t.editors__card {
\n\t\twidth: 100%;
\n\t\tmax-width: 250px;
\n\t\tdisplay: block;
\n\t\tmargin: 0;
\n\t\tpadding: 0 20px;
\n\t}<\/p>\n
\t.editors__card-image {
\n\t\twidth: 100%;
\n\t\tmax-width: 250px;
\n\t\tmargin: 0 auto 10px;
\n\t}<\/p>\n
\t.editors__card-image img {
\n\t\twidth: 100%;
\n\t\tborder-radius: 500px;
\n\t\tborder: var(–editor-border-size) solid var(–editor-border-color);
\n\t}<\/p>\n
\t.editors__card-details {
\n\t\twidth: 100%;
\n\t\tdisplay: flex;
\n\t\tflex-direction: column;
\n\t\tfont-family: var(–editor-details-font);
\n\t\tfont-weight: var(–editor-details-weight);
\n\t\tcolor: var(–editor-details-color);
\n\t\tfont-size: 0.7rem;
\n\t\tline-height: 1.45;
\n\t\ttext-align: center;
\n\t}<\/p>\n
\t.editors__card-details a:hover {
\n\t\tcolor: var(–editor-name-hover-color);
\n\t}<\/p>\n
\t.editors__card-name {
\n\t\tfont-size: 1.2rem;
\n\t\tcolor: var(–editor-name-color);
\n\t\tfont-family: var(–editor-name-font);
\n\t\tfont-weight: var(–editor-name-weight);
\n\t}<\/p>\n
\t.editors__card-role {
\n\t\tcolor: var(–editor-role-color);
\n\t\ttext-transform: uppercase;
\n\t\tletter-spacing: 0.05em;
\n\t}<\/p>\n
\t.editors__card-social {
\n\t display: flex;
\n\t flex-direction: row;
\n\t justify-content: center;
\n\t align-items: center;
\n\t gap: 0;
\n\t}<\/p>\n
\t.editors__card-social-icon svg {
\n\t\twidth: 50px;
\n\t\theight: 50px;
\n\t}<\/p>\n
\t.editors__card-social-icon svg path {
\n\t\tfill: var(–editor-social-color);
\n\t}<\/p>\n
\t.editors__card-social-icon:hover svg path {
\n\t\tfill: var(–editor-social-hover-color);
\n\t}<\/p>\n
\t@media only screen and (max-width: 760px) {<\/p>\n
\t\t.editors {
\n\t \tpadding: 0 0 40px;
\n\t }<\/p>\n
\t .editors__list {
\n\t \tgap: 20px;
\n\t }<\/p>\n
\t .editors__card {
\n\t \tmargin-bottom: 20px;
\n\t }<\/p>\n
\t}<\/p>\n
\t\/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/<\/p>\n
\t\/* Products *\/<\/p>\n
\t.product__card {
\n\t\twidth: 100%;
\n\t\theight: 100%;
\n\t\tdisplay: flex;
\n\t\tflex-direction: column;
\n\t\tgap: 0;
\n\t\talign-items: stretch;
\n\t\tjustify-content: center;
\n\t}<\/p>\n
\t.product__image {
\n\t width: 100%;
\n\t overflow: hidden;
\n\t display: flex;
\n\t flex-direction: column;
\n\t justify-content: start;
\n\t align-items: center;
\n\t position: static;
\n\t padding-bottom: 0;
\n\t height: fit-content;
\n\t top: 0;
\n\t max-height: 440px;
\n\t}<\/p>\n
\t\/* new *\/<\/p>\n
\t.product__image {
\n\t\twidth: 100%;
\n\t overflow: hidden;
\n\t display: flex;
\n\t flex-direction: column;
\n\t justify-content: center;
\n\t align-items: center;
\n\t position: relative;
\n\t padding-bottom: 0;
\n\t height: 440px; \/* 420px; *\/
\n\t}<\/p>\n
\t.product_image-container {
\n\t width: 100%;
\n\t overflow: hidden;
\n\t position: relative;
\n\t padding-bottom: 0;
\n\t height: auto;
\n\t \tborder: 0; \/* var(–product-img-border-size) solid var(–product-img-border-color); *\/
\n\t border-radius: 0; \/* var(–product-img-border-radius); *\/
\n\t display: flex;
\n\t flex-direction: column;
\n\t justify-content: center;
\n\t align-items: center;
\n\t}<\/p>\n
\t.product__image img {
\n\t width: 100%;
\n\t position: static;
\n\t top: unset;
\n\t -ms-transform: unset;
\n\t transform: unset;
\n\t top: 0;
\n\t left: 0;
\n\t}<\/p>\n
\t.product__eyebrow {
\n\t\twidth: 100%;
\n\t font-family: var(–product-brand-font);
\n\t font-weight: var(–product-brand-weight);
\n font-size: 0.7rem;
\n text-transform: uppercase;
\n letter-spacing: 0.05em;
\n color: var(–product-brand-color);
\n text-decoration: none;
\n padding: 15px 10px 5px;
\n overflow: hidden;
\n \theight: 35px;
\n\t}<\/p>\n
\t.product__name {
\n\t\twidth: 100%;
\n\t font-family: var(–product-name-font);
\n\t font-weight: var(–product-name-weight);
\n font-size: 1.1rem;
\n text-transform: none;
\n letter-spacing: 0em;
\n color: var(–product-name-color);
\n text-decoration: none;
\n padding: 0 10px 15px;
\n white-space: normal;
\n\t overflow: hidden;
\n\t height: 60px;
\n\t}<\/p>\n
\t.product__name span {
\n\t\tborder-bottom: 1px solid transparent;
\n\t}<\/p>\n
\t.product__name:hover span {
\n\t\tborder-bottom: 1px solid var(–product-name-color);
\n\t}<\/p>\n
\t.product__buy {
\n\t\twidth: 100%;
\n\t\tdisplay: flex;
\n\t\tflex-direction: row;
\n\t\tjustify-content: center;
\n\t\talign-items: stretch;
\n\t\tpadding: 0 10px 10px;
\n\t\tgap: 20px;
\n\t}<\/p>\n
\t.product__buy-button {
\n\t\twidth: fit-content;
\n\t\tpadding: 8px 20px;
\n\t font-family: Brown Bold, sans-serif;
\n\t font-weight: 400;
\n font-size: 0.7rem;
\n text-transform: uppercase;
\n letter-spacing: 0.05em;
\n color: var(–product-buy-text-color);
\n background-color: var(–product-buy-bg-color);
\n border: var(–product-buy-border-size) solid var(–product-buy-border-color);
\n border-radius: 100px;
\n text-align: center;
\n text-decoration: none;
\n\t}<\/p>\n
\t.product__buy-button:hover {
\n background-color: var(–product-buy-bg-hover-color);
\n color: var(–product-buy-text-hover-color);
\n\t}<\/p>\n
\t.product__buy-details {
\n\t\tdisplay: flex;
\n\t\tflex-direction: column;
\n\t\tgap: 5px;
\n\t\twidth: 100%;
\n\t}<\/p>\n
\t.product__prices {
\n\t font-family: Brown Bold, sans-serif;
\n\t font-weight: 400;
\n font-size: 0.7rem;
\n color: var(–product-brand-color);
\n text-decoration: none;
\n\t}<\/p>\n
\t.product__retailer {
\n\t font-family: Brown Regular, sans-serif;
\n\t font-weight: 400;
\n font-size: 0.7rem;
\n text-transform: uppercase;
\n letter-spacing: 0.05em;
\n color: var(–product-brand-color);
\n text-decoration: none;
\n\t}<\/p>\n
\t.product__card {
\n\t\ttext-align: left;
\n\t}<\/p>\n
\t.caro.is-products .caro__card {
\n\t width: 220px !important;
\n\t min-width: 220px !important;
\n\t max-width: 220px !important;
\n\t}<\/p>\n
\t.product__name {
\n\t\tfont-size: 1.1rem !important;
\n\t}<\/p>\n
\t.product__image {
\n\t\theight: 320px !important;
\n\t}<\/p>\n
\t.product__buy {
\n\t padding: 0 0 10px !important;
\n\t gap: 15px !important;
\n\t}<\/p>\n
\t.product__name,
\n\t.product__eyebrow {
\n\t\tpadding-left: 0 !important;
\n\t\tpadding-right: 0 !important;
\n\t}<\/p>\n
\t.caro__card:first-of-type {
\n\t\tpadding-left: 0 !important;
\n\t}<\/p>\n
\t.caro__card:last-of-type {
\n\t\tmargin-right: 0 !important;
\n\t}<\/p>\n
\t.caro__scroller-list {
\n\t\tscroll-padding: 0 20px;
\n\t\tpadding: 0 20px 20px !important;
\n\t}<\/p>\n
\th2.caro__header {
\n\t\tfont-family: ‘Brown Bold’, sans-serif;
\n\t\tfont-weight: 400;
\n\t\tfont-size: 2.5rem;
\n\t\tmargin: 0 auto 40px;
\n\t\ttext-transform: uppercase;
\n\t}<\/p>\n
\t.subnav {
\n\t\tbackground-color: #FFEEEE;
\n\t}<\/p>\n
\t.header__container {
\n\t\twidth: 100%;
\n\t\tdisplay: flex;
\n\t\tflex-direction: row;
\n\t\tjustify-content: start;
\n\t\talign-items: center;
\n\t\tgap: 0;
\n\t}<\/p>\n
\t.header__column {
\n\t\twidth: 33.333%;
\n\t}<\/p>\n
\t.header__column.is-two-column {
\n\t\twidth: 66.6666%;
\n\t}<\/p>\n
\t.header__column img {
\n\t\twidth: 100%;
\n\t}<\/p>\n
\t.intro__break {
\n\t\tdisplay: block;
\n\t}<\/p>\n
\t.tmp-hero-overlay {
\n\t\tposition: absolute;
\n\t top: 26%;
\n\t left: 0;
\n\t width: 50%;
\n\t right: 0;
\n\t margin: 0 auto;
\n\t}<\/p>\n
\t.tmp-hero-overlay img {
\n\t\twidth: 100%;
\n\t}<\/p>\n
\t@media only screen and (max-width: 968px) {<\/p>\n
\t\t.header__container {
\n\t\t\tflex-direction: column;
\n\t\t}<\/p>\n
\t\t.header__column {
\n\t\t\twidth: 100%;
\n\t\t}<\/p>\n
\t\t.header__column.is-two-column {
\n\t\t\twidth: 100%;
\n\t\t}<\/p>\n
\t\t.intro__break {
\n\t\t\tdisplay: none;
\n\t\t}<\/p>\n
\t}<\/p>\n
\t.overlay__deaktop {
\n\t\tdisplay: block;
\n\t}<\/p>\n
\t.overlay__mobile {
\n\t\tdisplay: none;
\n\t}<\/p>\n
\t@media only screen and (max-width: 768px) {<\/p>\n
\t\t.overlay__deaktop {
\n\t\t\tdisplay: none;
\n\t\t}<\/p>\n
\t\t.overlay__mobile {
\n\t\t\tdisplay: block;
\n\t\t}<\/p>\n
\t\t.tmp-hero-overlay {
\n\t\t top: 36%;
\n\t\t left: 0;
\n\t\t width: 89%;
\n\t\t}<\/p>\n
\t\th2.caro__header {
\n\t\t\tfont-size: 2.0rem;
\n\t\t}<\/p>\n
\t}<\/p>\n
\t\/* Hide broken ad *\/
\n\t.goku,
\n\t.bxc {
\n\t\tdisplay: none !important;
\n\t}<\/p>\n
\tconst hasSubnav = true;<\/p>\n
\t\/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/ *\/<\/p>\n
\t\/* DO NOT ALTER *\/<\/p>\n
\tfunction fixImageSizes() {<\/p>\n
\t\tconst w = setTimeout(function() {
\n\t\t\tclearTimeout(w);<\/p>\n
\t\t\tlet a = document.querySelectorAll(“.product_image-container img”);
\n\t\t\tlet h;<\/p>\n
\t\t\tfor (let i = 0; i < a.length; i++) {<\/p>\n
\t\t\t\t\/\/ Get image height
\n\t\t\t\th = a[i].clientHeight;<\/p>\n
\t\t\t\t\/\/ If height is less than 440px
\n\t\t\t\tif (h 760) {
\n\t\t\tc = document.getElementById(“video_desktop”);
\n\t\t\tc.pause();
\n\t\t}<\/p>\n
\t\ta.style.position = “fixed”;
\n\t\tb.style.height = “58px”;
\n\t\ta.style.transform = “translateY(-50px)”;
\n\t\tconst w = setTimeout(function() {
\n\t\t\ta.style.transform = “translateY(58px)”;
\n\t\t\ta.style.transition = “all 0.75s ease-in-out”;
\n\t\t\ta.style.webkitTransition = “all 0.75s ease-in-out”;
\n\t\t}, 500);<\/p>\n
\t}<\/p>\n
\tfunction subnavOff() {
\n\t\tconst a = document.getElementById(“subnav”);
\n\t\tconst b = document.getElementById(“subnav__marker”);
\n\t\tlet c;<\/p>\n
\t\tif (window.innerWidth > 760) {
\n\t\t\tc = document.getElementById(“video_desktop”);
\n\t\t\tc.play();
\n\t\t}<\/p>\n
\t\ta.style.transform = “translateY(0)”;
\n\t\t\ta.style.transition = “all 0.75s ease-in-out”;
\n\t\t\ta.style.webkitTransition = “all 0.75s ease-in-out”;
\n\t\tconst w = setTimeout(function() {
\n\t\t\tclearTimeout(w);
\n\t\t\ta.style.position = “relative”;
\n\t\t\tb.style.height = “1px”;
\n\t\t}, 10);<\/p>\n
\t}<\/p>\n
\tfunction setupSubnav() {<\/p>\n
\t\tif (Waypoint) {<\/p>\n
\t\t var waySticky = new Waypoint({
\n\t\t element: document.getElementById(‘subnav__marker’),
\n\t\t handler: function(direction) {
\n\t\t if (direction == ‘down’) {
\n\t\t subnavOn();
\n\t\t }
\n\t\t if (direction == ‘up’) {
\n\t\t subnavOff();
\n\t\t }
\n\t\t },
\n \t\t\t offset: 110
\n\t\t });<\/p>\n
\t\t}
\n\t}<\/p>\n
\tfunction initSubnav() {
\n\t\tconst w = setTimeout(function() {
\n\t\t\tclearTimeout(w);
\n\t\t\tsetupSubnav();
\n\t\t}, 1000);
\n\t}<\/p>\n
\tfunction initAnchors() {<\/p>\n
\t\tlet a = document.querySelectorAll(“#below-the-fold-modules>div”);
\n\t\tlet b,c,d,e,dv;<\/p>\n