@charset "UTF-8";@font-face{font-family:Lato;src:url(https://www.ray-ban.com/usa/l/discover-ray-ban-red/assets/fonts/Lato-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(https://www.ray-ban.com/usa/l/discover-ray-ban-red/assets/fonts/Inter-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(https://www.ray-ban.com/usa/l/discover-ray-ban-red/assets/fonts/Inter-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(https://www.ray-ban.com/usa/l/discover-ray-ban-red/assets/fonts/Inter-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(https://www.ray-ban.com/usa/l/discover-ray-ban-red/assets/fonts/Inter-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}h1,h2,h3,h4,h5,h6,p{margin:0}.main__title{font-family:Lato,sans-serif;font-weight:500;font-size:6.3vw;line-height:.9;color:#fff;margin-bottom:32px}@media(max-width:1390px){.main__title{font-size:5.3vw}}@media(max-width:992px){.main__title{font-size:36px;margin-bottom:28px;line-height:1.2}}.lil-gui.root{top:0%!important}@media(max-width:767px){.lil-gui.root{top:0!important;bottom:unset!important;font-size:12px!important}.lil-gui.root .title,.lil-gui.root .controller{font-size:10px!important;height:20px!important}.lil-gui.root .controller .widget input{font-size:10px!important}}.video_controls button{color:#fff}.video_controls button .play{width:16px;height:16px}.video_controls button[data-playing=true] .play{display:none}.video_controls button[data-playing=true] .pause,.video_controls button[data-playing=false] .play{display:inline-block}.video_controls button[data-playing=false] .pause{display:none}.video_controls button[data-muted=false] .volume-on{display:inline-block}.video_controls button[data-muted=false] .volume-off,.video_controls button[data-muted=true] .volume-on{display:none}.video_controls button[data-muted=true] .volume-off{display:inline-block}.cta{font-size:16px;font-weight:500;line-height:1.5;background-color:#0000000a;color:#fff;text-decoration:none;height:40px;display:inline-flex;align-items:center;padding:14px 24px;border-radius:8px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 5px 10px #0000001a inset;pointer-events:all;cursor:pointer;transition:background-color .3s ease;justify-content:center;position:relative}.cta:after{content:"";position:absolute;left:0;top:0;width:100%;padding:14px 24px;height:100%;border-radius:8px;border:1px solid #dadada;box-sizing:border-box;z-index:-1;pointer-events:none}@media(max-width:1390px){.cta{font-size:14px}}@media(max-width:992px){.cta{height:40px;width:100%;text-align:center;justify-content:center;font-size:14px;padding:16px}.cta:active,.cta[data-active=true]{background-color:#fff3;box-shadow:0 0 8px 2px #ffffff40 inset}}@media(min-width:1025px){.cta:hover,.cta:focus-visible,.cta:focus,.cta[data-active=true]{background-color:#fff3;box-shadow:0 0 8px 2px #ffffff40 inset}}.cta.dash{border-radius:50px;gap:8px;padding:14px 24px 14px 14px}.cta.dash:after{border-radius:50px}@media(max-width:992px){.cta.dash{flex-basis:fit-content}}.cta.dash .cta__color{width:20px;height:20px;border-radius:50px;background-color:#dadada;position:relative;box-shadow:inset 0 -4px 6px #0000004d}.cta.dash .cta__color:before,.cta.dash .cta__color:after{content:"";position:absolute;border-radius:50px;pointer-events:none}.cta.dash .cta__color:before{left:-2px;top:-2px;width:calc(100% + 4px);height:calc(100% + 4px);background-color:#dadada32;pointer-events:none;z-index:0}.cta.dash .cta__color:after{left:1px;top:1px;width:calc(100% - 2px);height:calc(100% - 2px);background-color:currentColor;z-index:2;pointer-events:none}.cta-button{width:40px;height:40px;box-shadow:0 5px 10px #0000001a inset;border:1px solid #dadada;background-color:#0000000a;border-radius:8px;color:#fff;transition:background-color .3s ease,border .3s ease;position:relative;cursor:pointer}@media(min-width:1025px){.cta-button:hover,.cta-button:focus-visible{background-color:#fff3;box-shadow:0 0 8px 2px #ffffff40 inset}.cta-button:hover:after,.cta-button:focus-visible:after{display:none}}@media(max-width:992px){.cta-button:active{background-color:#0003;border:1px solid rgba(255,255,255,.6)}}.cta-button[data-blink=true]:after{content:"";pointer-events:none;position:absolute;left:-1px;top:-1px;width:100%;height:100%;border:1px solid #c76110;border-radius:8px;animation:blink 5s infinite;background-color:#c76110;z-index:-1;opacity:0}@keyframes blink{0%{opacity:0}10%{opacity:1}20%{opacity:0}25%{opacity:0}35%{opacity:1}45%{opacity:0}to{opacity:0}}.cta-button[data-menu=true] span{width:18px;height:2px;background-color:#fff;display:block;position:absolute;left:50%;transform:translate(-50%);transition:all .4s ease;border-radius:10px}.cta-button[data-menu=true] span:nth-child(1){top:50%;transform:translate(-50%,calc(-50% - 5px))}.cta-button[data-menu=true] span:nth-child(2){top:50%;transform:translate(-50%,-50%)}.cta-button[data-menu=true] span:nth-child(3){top:50%;transform:translate(-50%,calc(-50% + 5px))}.cta-button[data-menu=true][data-active=true] span:nth-child(1){transform:translate(-50%,-50%) rotate(45deg)}.cta-button[data-menu=true][data-active=true] span:nth-child(2){opacity:0}.cta-button[data-menu=true][data-active=true] span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.cta-button svg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:20px;height:20px;fill:currentColor}#hero{overflow-x:hidden}#hero .container{min-height:var(--container-height-mobile, 250vh);position:relative;background:#e80c00}@media screen and (min-width:768px){#hero .container{min-height:var(--container-height-desktop, 200vh)}}@media(min-width:769px)and (max-height:600px){#hero .container{min-height:var(--container-height-desktop-low, 300vh)}}#hero .logo{position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(-90deg);transition:opacity .25s ease-out;display:none}@media screen and (min-width:768px){#hero .logo{display:block;top:16px;right:16px;transform:none}}#hero .logo.logo-hidden{opacity:0;transition:opacity .25s ease-out}#hero .logo.logo-reverse{transition:opacity .25s ease-out}#hero .logo.logo-reverse svg path{fill:#e80c00}#hero .svg_container{position:fixed;top:0;display:flex;justify-content:center;align-items:flex-start;padding:8px;overflow:hidden;z-index:90;pointer-events:none;background:transparent;opacity:0;visibility:hidden;transition:opacity .3s ease-out,visibility 0s .3s}#hero .svg_container.svg-ready{opacity:1;visibility:visible;transition:opacity .3s ease-out,visibility 0s 0s}@media screen and (min-width:768px){#hero .svg_container{padding:16px}}#hero .svg_container svg{width:calc(100vw - 16px);transform:scaleY(1);transform-origin:top center;will-change:transform;max-width:none;backface-visibility:hidden}@media screen and (min-width:768px){#hero .svg_container svg{width:calc(100vw - 32px)}}#hero .svg_container .logo svg{width:100%;height:100%;display:block}#hero #svg-large{height:calc(100vh - 16px)}@media screen and (min-width:768px){#hero #svg-large{height:calc(100vh - 32px)}}#hero #svg-small{height:16px;display:none}@media screen and (min-width:768px){#hero #svg-small{height:40px}}#hero .images-grid{position:sticky;top:0;left:0;width:100%;height:100%;display:block;z-index:100}#hero .images-grid--wrapper{width:100%;height:100vh;grid-template-columns:repeat(3,minmax(80px,1fr));gap:20px;padding:20px;display:grid;justify-items:center;align-items:start;position:relative;z-index:1}@media screen and (min-width:768px){#hero .images-grid--wrapper{grid-template-columns:repeat(6,minmax(100px,1fr));gap:30px}}@media screen and (min-width:768px){#hero .images-grid--wrapper{grid-template-columns:repeat(6,minmax(100px,1fr))}}#hero .images-grid--item{will-change:transform;grid-column:var(--c);grid-row:var(--r);position:relative;width:0;height:80px;transition:width .2s ease-out;transition-delay:calc(var(--index) * .1s + 1s)}@media screen and (min-width:568px){#hero .images-grid--item{height:100px}}@media screen and (min-width:992px){#hero .images-grid--item:hover{transform:scale(1.5)}}#hero .images-grid--item:nth-child(n+21){display:none}@media screen and (min-width:768px){#hero .images-grid--item:nth-child(n+21){display:block}}#hero .images-grid--item.reveal{width:80px}@media screen and (min-width:568px){#hero .images-grid--item.reveal{width:100px}}#hero .images-grid--image{width:100%;height:100%;object-fit:cover;background:#e80c00;aspect-ratio:1/1}#hero .content-manifesto{position:relative;z-index:10;background:#e80c00}#hero .manifesto{padding:50px 8px;color:#fff;font-family:Inter,sans-serif;font-size:32px;font-weight:700;line-height:110%;letter-spacing:-1.6px;text-transform:uppercase}@media screen and (min-width:768px){#hero .manifesto{padding:85px 16px;font-size:64px;letter-spacing:-3.2px}}.banners-content{background:#fff;margin-top:64px;padding:0 8px}@media screen and (min-width:768px){.banners-content{margin-top:120px;padding:0 16px}}.banners-content--banner{margin-bottom:80px}.banners-content--banner:last-child{margin-bottom:0}.banners-content--banner:nth-child(1) .banners-content--image-wrapper:nth-child(1){width:100%;margin-bottom:80px;padding-bottom:133%}@media screen and (min-width:768px){.banners-content--banner:nth-child(1) .banners-content--image-wrapper:nth-child(1){margin-bottom:80px;padding-bottom:106%}}.banners-content--banner:nth-child(1) .banners-content--image-wrapper:nth-child(2){width:78%;padding-bottom:110%;margin:0 auto 80px}@media screen and (min-width:768px){.banners-content--banner:nth-child(1) .banners-content--image-wrapper:nth-child(2){width:49%;margin:0 0 0 100px;padding-bottom:65%}}.banners-content--banner:nth-child(1) .banners-content--image-wrapper:nth-child(3){width:57%;margin:0 0 0 auto;padding-bottom:80%}@media screen and (min-width:768px){.banners-content--banner:nth-child(1) .banners-content--image-wrapper:nth-child(3){width:31%;margin:120px 0 0;padding-bottom:45%}}.banners-content--banner:nth-child(1) .banners-content--image-wrapper:nth-child(4){width:100%;margin-top:80px;padding-bottom:133%}@media screen and (min-width:768px){.banners-content--banner:nth-child(1) .banners-content--image-wrapper:nth-child(4){margin-top:80px}}.banners-content--banner:nth-child(2) .banners-content--image-wrapper{padding-bottom:150%}.banners-content--banner:nth-child(3) .banners-content--image-wrapper,.banners-content--banner:nth-child(4) .banners-content--image-wrapper,.banners-content--banner:nth-child(5) .banners-content--image-wrapper{padding-bottom:100%}@media screen and (min-width:768px){.banners-content--banner:nth-child(3) .banners-content--image-wrapper,.banners-content--banner:nth-child(4) .banners-content--image-wrapper,.banners-content--banner:nth-child(5) .banners-content--image-wrapper{padding-bottom:100%}}.banners-content--title-wrapper{padding-bottom:16px}@media screen and (min-width:992px){.banners-content--title-wrapper{padding-bottom:40px}}.banners-content--title{color:#000;font-family:Inter,sans-serif;font-size:48px;font-weight:700;line-height:normal;letter-spacing:-2.4px;text-transform:capitalize;opacity:0;transform:translateY(30px);transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1)}@media screen and (min-width:992px){.banners-content--title{transform:translateY(60px);transition:opacity 1.2s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1)}}.banners-content--title.title-reveal{opacity:1;transform:translateY(0)}@media screen and (min-width:992px){.banners-content--title{font-size:140px;font-weight:700;line-height:normal;letter-spacing:-7px}}@media screen and (min-width:768px){.banners-content--images{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}}.banners-content--image-wrapper{position:relative;width:100%}.banners-content--animate-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;clip-path:inset(0 50% 0 50%);will-change:clip-path}.banners-content--image{width:100%;height:100%;display:block;object-fit:cover;background:#e80c00}.banners-content--copy{width:100%;margin-top:4px;color:#000;font-family:Inter,sans-serif;font-size:8px;font-weight:600;line-height:110%;letter-spacing:-.4px;text-align:right;text-transform:uppercase}@media screen and (min-width:992px){.banners-content--copy{margin-top:8px;font-size:14px;letter-spacing:-.7px}}:root{--caption-spacing: 4px}@media(min-width:768px){:root{--caption-spacing: 12px}}.gallery-content--container{min-height:var(--container-height-mobile, 2000vh);background:#fff;position:relative}@media screen and (min-width:768px){.gallery-content--container{min-height:var(--container-height-desktop, 3000vh)}}.gallery-content--sticky{position:sticky;top:0;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden}.gallery-content--content{width:100%;height:100%}.gallery-content--title{position:absolute;top:50%;left:50%;font-size:48px;font-style:normal;font-weight:700;letter-spacing:-2.4px;color:#000;text-align:center;transform:translate(-50%,-50%);pointer-events:none;z-index:0}@media screen and (min-width:992px){.gallery-content--title{font-size:80px;letter-spacing:-4px}}.gallery-content--wrapper{position:relative;width:100vw;height:100vh}.gallery-content--item{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) translateZ(0);overflow:hidden;width:0%;height:40%;backface-visibility:hidden}.gallery-content--item img{width:100%;height:100%;object-fit:cover;transform:translateZ(0);transform-origin:center center}.gallery-content--item-caption{position:absolute;opacity:0;font-size:10px;color:#fff;border-radius:2px;transition:opacity .3s ease;pointer-events:none;transform:translateZ(0);right:12px;bottom:24px;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg) translateZ(0)}@media screen and (min-width:768px){.gallery-content--item-caption{font-size:12px;right:12px;bottom:12px;writing-mode:initial;text-orientation:initial;transform:translateZ(0)}}.gallery-content--item-caption.caption-in{opacity:1}.gallery-content--counter{position:absolute;bottom:24px;left:24px;font-size:14px;font-weight:500;color:#fff;pointer-events:none;z-index:100;font-variant-numeric:tabular-nums;z-index:999;transition:opacity .25s ease-out}@media screen and (min-width:768px){.gallery-content--counter{bottom:32px;left:32px;font-size:16px}}#lp-red.hide-gallery-counter .gallery-content--counter{opacity:0;transition:opacity .25s ease-out}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{height:auto;scrollbar-gutter:stable;overflow-y:scroll}html.animation-running{pointer-events:none;height:100vh;overflow:hidden}html,body{width:100%;font-family:Inter,sans-serif}@media(min-width:1025px){html,body{-webkit-font-smoothing:antialiased;scrollbar-width:none;-ms-overflow-style:none}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none}}[data-scroll-stop=true]{overflow:hidden}svg{fill:currentColor}img{display:block}@media(min-width:1025px){.hide_desk{display:none}}@media(max-width:767px){.hide_mob{display:none}}