html{scroll-behavior:smooth}html,body{overflow-x:hidden}html.no-scroll{overflow:hidden;height:100vh}body{background-color:#eae9e7;margin:0;font-family:Montserrat}body.no-scroll{overflow:hidden;height:100vh}.hero_section{background-size:cover;background-position:center;min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;z-index:1}.video_bg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:2}.title{color:#f5f4f0;text-align:center;z-index:3}.title_quote,.title_quote1{font-size:2rem;margin:.5rem 0;z-index:3}@media(max-width:768px){.hero_section{min-height:90vh}.title{align-self:center}}@media(max-width:768px){.generation_main_text{font-size:2rem}.generation_quote_text{margin:0 auto 50px}}.brand_story{margin:10px auto;padding:0;color:#333}.story_main_title{font-size:2rem;line-height:1.2;margin-bottom:-20px;text-align:center;font-weight:700}.from_japan{font-size:1.9rem;margin-bottom:20px;text-align:center;color:#fff}.story_intro{font-size:2rem;text-align:center;font-weight:700;margin-bottom:20px;color:#333}.story_sub_intro{font-size:1.2rem;line-height:1.6;text-align:center;max-width:800px;margin:0 auto 60px;color:#555}.story_grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:450px}.story_content_left,.story_content_right{justify-self:center;max-width:650px;width:90%}.story_column_left{background-color:#fff;justify-content:center}.story_column_right{justify-content:center;border:1.5px solid #254ec0;border-right:none}.story_content_left,.story_content_right{margin-top:45px}.story_title{font-size:1.6rem;margin-bottom:20px;color:#254ec0}.story_paragraph{font-size:.96rem;color:#333;margin-bottom:20px}.story_list{padding-left:20px;margin-top:20px}.story_list li{margin-bottom:15px;color:#333}.story_footer{position:relative;width:100vw;left:50%;transform:translate(-50%);overflow:hidden;padding:120px 0;margin:-50px auto}.story_footer_inner{max-width:900px;margin:0 auto;padding:0 24px;position:relative;z-index:1;text-align:center}@media(max-width:768px){.brand_story{margin-top:10px}.story_intro{font-size:1.4rem;line-height:1.3;margin-bottom:16px;padding:5px}.story_sub_intro{font-size:1rem;line-height:1.5;margin-bottom:70px;padding:5px}.story_grid{grid-template-columns:1fr;height:auto;gap:32px}.story_column_left,.story_column_right{border:none;padding:10px}.story_column_right{border:1.5px solid #254ec0;margin-top:-40px}.story_content_left,.story_content_right{margin:0;max-width:100%}.story_title{font-size:1.3rem;margin-bottom:16px;text-align:center;justify-self:center}.story_paragraph{font-size:.95rem;line-height:1.6;text-align:left}.story_list{padding-left:16px}.story_list li{font-size:.95rem;margin-bottom:12px}.story_footer{margin:-50px auto 0}.background_word{opacity:0}}.background_word{position:absolute;inset:0;display:flex;align-self:center;justify-content:center;text-align:center;font-size:clamp(140px,22vw,320px);font-weight:900;white-space:nowrap;pointer-events:none;z-index:0;font-family:Arial;color:#eae9e7;margin-top:-20px}.background_word:after{content:"WooHoo";position:absolute;inset:0;-webkit-text-stroke-width:5px;-webkit-text-fill-color:transparent;-webkit-text-stroke-color:#d8d7d461}.story_footer p{position:relative;z-index:1;font-size:1.3rem;line-height:1.6;margin:20px auto;align-self:center}.story_cta{font-weight:700;color:#254ec0;font-size:1.2rem;margin-top:25px}@media(max-width:768px){.story_grid{grid-template-columns:1fr;gap:40px}.story_main_title{font-size:2rem}}.story_column{transition:transform .1s ease-out;will-change:transform}@media(max-width:768px){.story_column{transform:none}}.hvr-sweep-to-right{display:inline-block;position:relative;padding:10px 20px;border-radius:10px;color:#fff;text-decoration:none;overflow:hidden;transition:color .3s}.hvr-sweep-to-right:before{content:"";position:absolute;z-index:-1;inset:0;background-color:#254ec0;transform:scaleX(0);transform-origin:0 50%;transition:transform .3s ease-out;border-radius:inherit}.hvr-sweep-to-right:hover:before{transform:scaleX(1)}.scroll_window{position:relative;width:100%;height:215px;overflow:hidden;margin:50px 0;z-index:0}.scroll_text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:#fff;z-index:10}.scroll_img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}@media(max-width:768px){.scroll_window{height:100%}.story_main_title,.from_japan{font-size:1.1rem}.from_japan{margin-top:30px}.scroll_img{height:100%}}.benefits{position:relative;display:flex;gap:15%;justify-content:center;flex-wrap:wrap;margin:25px 0;text-align:center;transform:translateY(-150px);overflow-x:hidden}.benefits_title{font-size:2rem;margin-bottom:20px;width:100%}.benefits_systainable,.benefits_premium,.benefits_family{width:300px}.benefits_systainable_pic,.benefits_premium_pic,.benefits_family_pic{width:100%;height:auto}.navbar{position:fixed;top:0;left:0;width:100%;height:75px;display:flex;justify-content:center;align-items:center;background-color:transparent;border-bottom:none;transition:border-bottom .3s,color .3s;z-index:9999}.navbar.scrolled{background-color:#fff}.logo{font-size:2rem;font-weight:700;color:#fff;transition:color .3s;cursor:pointer;margin-right:80%}.navbar.scrolled .logo{color:#333}.nav_links{position:absolute;left:50%;transform:translate(-50%);display:flex;gap:30px}.nav_links a{color:#fff;text-decoration:none;margin-left:30px;font-weight:450;font-size:1.1rem;justify-self:center;transition:color .3s;cursor:pointer}.navbar.scrolled .nav_links a{color:#333}.navbar.scrolled .nav_links a:hover,.nav_links a:hover{color:#254ec0}.burger{display:none;position:absolute;right:20px;flex-direction:column;gap:5px;cursor:pointer}.burger span{width:25px;height:3px;background-color:currentColor}@media(max-width:768px){.logo{margin-left:30%}.burger{display:flex;justify-content:center}.nav_links{position:fixed;top:70px;left:0;width:100%;height:calc(100vh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;padding:0;margin:0;opacity:0;transform:translateY(-20px);pointer-events:none;-webkit-backdrop-filter:blur(150px);backdrop-filter:blur(150px);transition:opacity .25s ease,transform .25s ease}.nav_links.open{opacity:1;transform:translateY(0);pointer-events:auto}.nav_links a{color:#fff;font-size:1.4rem;width:100%;display:flex;justify-content:center;text-align:center;margin-left:0}}.collections{display:flex;justify-content:center;gap:70px;overflow:hidden;flex-wrap:nowrap;max-width:1208px;margin:0 auto}.collection-img{width:356px;height:1079px;flex:0 0 auto;scale:.85}.collection-img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.69s ease;border-radius:5px}.collection-img img.active{opacity:1}@media(max-width:1207px){.collections{max-width:782px;justify-content:center}.collection-img:nth-child(3){display:none}}@media(max-width:768px){.collections{max-width:356px;justify-content:center}.collection-img:nth-child(2),.collection-img:nth-child(3){display:none}}.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:1300px;margin:-250px auto 60px}.gallery img{width:100%;border-radius:12px;transition:transform .2s ease;cursor:pointer}@media(max-width:1350px){.gallery{display:grid;grid-template-columns:repeat(2,1fr);margin:30px 12px 60px}}.gallery img:hover{transform:scale(1.03)}.image-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:99999}.image-overlay img{max-width:90%;max-height:90%;border-radius:12px}.close-btn{position:absolute;top:20px;right:20px;font-size:48px;background:none;border:none;color:#fff;cursor:pointer;z-index:100000}.close-btn:hover{opacity:.7}.footer{background-color:#254ec0;color:#fff;padding:40px 50px;height:300px}.footer_top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.contacts{display:flex;gap:30px}.contacts a{text-decoration:none;color:#fff}.footer_logo{font-size:2rem}.phone_number{margin-top:-10px;text-align:right;font-size:1.1rem}.phone_name{text-align:right;font-size:1.5rem}@media(max-width:768px){.footer{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding:30px 20px;gap:15px;height:420px}.footer_top{display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%}.contacts{display:flex;flex-direction:column;align-items:flex-start;gap:10px;font-size:1.05rem;margin:0}.footer_logo{font-size:2rem;margin:0 0 15px}.phone_number{margin-top:-15px;text-align:left;font-size:1rem}.phone_name{margin-top:10px;text-align:left;font-size:1.3rem}}@media(max-width:768px){.phonenumber{margin-top:0}}.contacts a{cursor:pointer}.navbar,.footer_top{-webkit-user-select:none;user-select:none}.benefits{position:relative;display:flex;justify-content:center;width:fit-content;justify-self:center;scale:1.1}.glasses_benefits{width:83%;height:auto}.hotspot_care{position:absolute;width:100px;height:100px;cursor:pointer;top:57%;left:43%;transform:translate(-50%,-50%)}.hotspot_bubble_care{width:100%;height:100%;transition:opacity .25s ease;z-index:2}.hotspot_label_care{font-size:1.2rem;position:relative;width:max-content;top:60px;left:-105px;font-weight:650;opacity:0;transition:opacity .1s ease;transition-delay:.6s}.hotspot_description_care{font-size:1.2rem;position:relative;width:max-content;top:70px;left:-400px;font-weight:500;opacity:0;transition:opacity .5s ease;transition-delay:.6s}.hotspot_care:hover .hotspot_bubble_care{opacity:0}.line_1_care{top:50%;left:50%;rotate:120deg;transition:width .3s ease}.line_2_care{top:188%;left:-29%;rotate:180deg;transition:width .3s ease;transition-delay:.3s}.hotspot_care:hover .line_1_care{width:160px}.hotspot_care:hover .line_2_care{width:380px}.hotspot_care:hover .hotspot_label_care,.hotspot_care:hover .hotspot_description_care{opacity:1}.hotspot_care:not(:hover) .hotspot_label_care{transition-delay:0s}.hotspot_care:not(:hover) .hotspot_description_care{transition:opacity .2s ease;transition-delay:0s}.hotspot_care:not(:hover) .line_2_care{transition-delay:.1s}.hotspot_care:not(:hover) .line_1_care{transition-delay:.35s}.hotspot_lightness{position:absolute;width:100px;height:70px;cursor:pointer;z-index:2;top:43%;left:47%;transform:translate(-50%,-50%)}.hotspot_bubble_lightness{width:80%;height:80%;transition:opacity .25s ease;opacity:1;z-index:2}.hotspot_label_lightness{font-size:1.2rem;position:relative;width:max-content;top:-230px;left:155px;font-weight:650;opacity:0;transition:opacity .1s ease;transition-delay:.6s}.hotspot_description_lightness{font-size:1.2rem;position:relative;width:max-content;top:-220px;left:140px;font-weight:500;opacity:0;transition:opacity .5s ease;transition-delay:.6s}.hotspot_lightness:hover .hotspot_bubble_lightness{opacity:0}.line_1_lightness{top:40%;left:40%;rotate:300deg;transition:width .3s ease}.line_2_lightness{top:-207%;left:140%;transition:width .3s ease;transition-delay:.3s}.hotspot_lightness:hover .line_1_lightness{width:200px}.hotspot_lightness:hover .line_2_lightness{width:405px}.hotspot_lightness:hover .hotspot_label_lightness,.hotspot_lightness:hover .hotspot_description_lightness{opacity:1}.hotspot_lightness:not(:hover) .hotspot_label_lightness{transition-delay:0s}.hotspot_lightness:not(:hover) .hotspot_description_lightness{transition:opacity .2s ease;transition-delay:0s}.hotspot_lightness:not(:hover) .line_2_lightness{transition-delay:.1s}.hotspot_lightness:not(:hover) .line_1_lightness{transition-delay:.35s}.hotspot_confidence{position:absolute;width:200px;height:100px;cursor:pointer;top:59%;left:79%;transform:translate(-50%,-50%)}.hotspot_bubble_confidence{width:80%;height:80%;transition:opacity .25s ease;opacity:1;z-index:2}.hotspot_label_confidence{font-size:1.2rem;position:relative;width:max-content;top:108px;left:90px;font-weight:650;opacity:0;transition:opacity .1s ease;transition-delay:.6s}.hotspot_description_confidence{font-size:1.2rem;position:relative;width:max-content;top:118px;left:-70px;font-weight:500;opacity:0;transition:opacity .5s ease;transition-delay:.6s}.hotspot_confidence:hover .hotspot_bubble_confidence{opacity:0}.line{position:absolute;height:2px;background:#254ec0;width:0;transform-origin:left;z-index:-1}.line_1_confidence{top:40%;left:40%;rotate:45deg;transition:width .3s ease}.line_2_confidence{top:217%;left:128.6%;transition:width .3s ease;transition-delay:.3s;rotate:180deg}.hotspot_confidence:hover .line_1_confidence{width:250px}.hotspot_confidence:hover .line_2_confidence{width:360px}.hotspot_confidence:hover .hotspot_label_confidence,.hotspot_confidence:hover .hotspot_description_confidence{opacity:1}.hotspot_confidence:not(:hover) .hotspot_label_confidence{transition-delay:0s}.hotspot_confidence:not(:hover) .hotspot_description_confidence{transition:opacity .2s ease;transition-delay:0s}.hotspot_confidence:not(:hover) .line_2_confidence{transition-delay:.1s}.hotspot_confidence:not(:hover) .line_1_confidence{transition-delay:.35s}@media(max-width:768px){.benefits{transform:translateY(-50px);margin-top:-120px}.hotspot_confidence{transform:translate(-100px,-60px) scale(.5)}.hotspot_care{transform:translate(20px,29px) scale(.5)}.hotspot_lightness{transform:translate(-258px,22px) scale(.5)}@media(max-width:550px){.benefits{transform:translateY(-50px)}.hotspot_confidence{transform:translate(-125px,-45px) scale(.5)}.hotspot_care{transform:translate(30px,-23px) scale(.5)}.hotspot_lightness{transform:translate(-166px) scale(.5)}}}.cert_text{justify-self:center;margin:70px auto 60px}.certificates{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1300px;margin:50px auto 60px}.certificates img{width:100%;transition:transform .2s ease;cursor:pointer}