#header_ct{z-index: 10000;} /* 语言等全屏弹窗挂载在 body，须高于站顶 */ body > .popup{z-index:10050;} #ly_web_header_0001_0{top: 0;left: 0;width: 100%;z-index:10; background-color: #fff; transition: all 0.5s ease;} /* Hide the fixed section by its own height, including a wrapping slogan. Its parent header has no in-flow height, so percentage transforms belong here. */ #ly_web_header_0001_0.product-nav-hidden{transform: translate3d(0,-100%,0);} /* 顶部广告语 */ /*#ly_web_header_0001_0 .top_slogan{min-height: 38px; background-color: #000; gap: 0 16px;}*/ /*#ly_web_header_0001_0 .top_slogan ,*/ /*#ly_web_header_0001_0 .top_slogan .title{font-family: "Figtree"; font-size: 14px; line-height: 100%; color: #FBFBFD;}*/ /*#ly_web_header_0001_0 .top_slogan a{text-decoration: underline;}*/ #ly_web_header_0001_0 .top_slogan{min-height: 38px; background-color: #000; gap: 0 8px;} #ly_web_header_0001_0 .top_slogan , #ly_web_header_0001_0 .top_slogan .title{font-family: "Figtree"; font-size: 14px; line-height: 100%; color: #FBFBFD;} #ly_web_header_0001_0 .top_slogan a{text-decoration: underline;} #ly_web_header_0001_0 .top_slogan .countdown-grid, #ly_web_header_0001_0 .top_slogan .countdown-item{gap: 0 5px;} #ly_web_header_0001_0 .top_slogan .countdown-value{padding: 5px; border-radius: 5px; background-color: #fff; color: var(--color-text-primary); min-width: 26.5px;} /* 头部 */ #ly_web_header_0001_0{ --header-u: 1px; /* 下拉顶距 = slogan(38) + header-box(64)；无 slogan 时由 .no-top-slogan 覆盖 */ --header-drop-top: calc(102 * var(--header-u)); } @media (min-width:768px) and (max-width:1311px){ #ly_web_header_0001_0{ --header-u: calc(100vw / 1312); } } #ly_web_header_0001_0.no-top-slogan{ --header-drop-top: calc(64 * var(--header-u)); } #ly_web_header_0001_0 .header-box{ height:calc(64 * var(--header-u)); padding:0 calc(64 * var(--header-u)); max-width:calc(1720 * var(--header-u)); margin:0 auto; box-sizing:border-box; align-items:center; } #ly_web_header_0001_0 .header-left{ display:flex; align-items:center; gap:calc(64 * var(--header-u)); min-width:0; flex:0 1 auto; } #ly_web_header_0001_0 .header-right{ display:flex; align-items:center; gap:calc(32 * var(--header-u)); flex:0 0 auto; margin-left:auto; } #ly_web_header_0001_0 .logo{ flex:0 0 auto; width:calc(91 * var(--header-u)); height:auto; } #ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0;} #ly_web_header_0001_0 .hnav-left, #ly_web_header_0001_0 .hnav-right{ display:flex; align-items:center; max-width:100%; } #ly_web_header_0001_0 .hnav-left .one-nav, #ly_web_header_0001_0 .hnav-right .one-nav{ height:100%; margin-right:calc(32 * var(--header-u)); flex-shrink:0; } #ly_web_header_0001_0 .hnav-left .one-nav:last-child, #ly_web_header_0001_0 .hnav-right .one-nav:last-child{ margin-right:0; } #ly_web_header_0001_0 .hnav .one-nav .nav-a{ font-family:"Figtree-Bold"; font-size:calc(16 * var(--header-u)); line-height:calc(64 * var(--header-u)); color:var(--color-text-primary); white-space:nowrap; transition:color .2s; } #ly_web_header_0001_0 .hnav .one-nav:hover .nav-a, #ly_web_header_0001_0 .hnav .one-nav.cur .nav-a{ color:var(--color-primary); } #ly_web_header_0001_0 .hright-tools{ display:flex; align-items:center; gap:calc(32 * var(--header-u)); flex-shrink:0; } #ly_web_header_0001_0 .hright-tools-icons{ display:flex; align-items:center; gap:calc(6 * var(--header-u)); flex-shrink:0; } #ly_web_header_0001_0 .hright-tool{ width:calc(24 * var(--header-u)); height:calc(24 * var(--header-u)); padding:0; border:0; background:none; flex-shrink:0; } #ly_web_header_0001_0 .hright-tool .svg{ width:100%; height:100%; fill:#1a1a1a; } #ly_web_header_0001_0 .hright-tool.lang .svg path{ fill:inherit; } #ly_web_header_0001_0 .hright-tool.chat .svg path{ fill:inherit; } #ly_web_header_0001_0 .hright-divider{ width:calc(1 * var(--header-u)); height:calc(16 * var(--header-u)); background:#d9d9d9; flex-shrink:0; transition:background-color .2s; } #ly_web_header_0001_0 .hright-store{ display:inline-flex; align-items:center; gap:calc(8 * var(--header-u)); height:calc(36 * var(--header-u)); padding:0 calc(20 * var(--header-u)); border-radius:calc(999 * var(--header-u)); background:var(--color-primary); color:#fff; text-decoration:none; font-family:"Figtree-SemiBold"; font-size:calc(14 * var(--header-u)); line-height:1; white-space:nowrap; transition:opacity .2s; } #ly_web_header_0001_0 .hright-store:hover{opacity:.9;} #ly_web_header_0001_0 .hright-store--text{gap:0;} #ly_web_header_0001_0 .hright-store__icon{ width:calc(18 * var(--header-u)); height:calc(18 * var(--header-u)); filter:brightness(0) invert(1); } #ly_web_header_0001_0 .hnav .two-nav{height: 0; overflow: hidden; top: 100%; left: 0; z-index:3; background-color: rgba(255, 255, 255, .95); backdrop-filter: blur(48px)} #ly_web_header_0001_0 .hnav .two-nav .hnavbg{height: auto;} /* 产品下拉 */ #ly_web_header_0001_0 .hnav .pro-nav{width:100%; top:var(--header-drop-top);} #ly_web_header_0001_0 .hnav .pro-nav .box{width: 100%; padding: 64px 10.9375%;} #ly_web_header_0001_0 .hnav .pro-nav .box>div{margin-top: 32px; } #ly_web_header_0001_0 .hnav .pro-nav .box div:first-child{margin-top: 0; } #ly_web_header_0001_0 .hnav .pro-nav .box .tnav-a{font-family: "Figtree-Medium"; font-size: 20px; line-height: 100%; color: var(--color-text-secondary);} #ly_web_header_0001_0 .hnav .pro-nav .box .tnav-a:hover{text-decoration: underline; color: var(--color-text-primary);} /* 其他下拉 */ #ly_web_header_0001_0 .hnav .other-nav {min-width: 127px; left: 50%; transform: translateX(-50%);} #ly_web_header_0001_0 .hnav .other-nav .box{padding: 16px;} #ly_web_header_0001_0 .hnav .other-nav .box .tnav-a{font-family: "Figtree-SemiBold"; font-size: 16px; line-height: 40px; text-align: center; white-space: nowrap;} /* iGarden Mega 下拉 */ #ly_web_header_0001_0 .hnav .mega-nav{ --pc-u: 1px; --mobile-u: 1px; width:100%; top:var(--header-drop-top); left:0; background-color:#f7f7f7; } @media (min-width:768px) and (max-width:1311px){ #ly_web_header_0001_0 .hnav .mega-nav{ --pc-u: calc(100vw / 1312); } } @media (max-width:767px){ #ly_web_header_0001_0 .hnav .mega-nav{ --mobile-u: 1px; } } #ly_web_header_0001_0 .hnav .mega-inner{ margin:0 auto; width:100%; max-width:calc(1750 * var(--pc-u)); padding:calc(32 * var(--pc-u)) calc(64 * var(--pc-u)); box-sizing:border-box; } #ly_web_header_0001_0 .hnav .mega-card{ display:flex; flex-direction:column; flex:1; min-width:0; text-decoration:none; color:inherit; background:#fff; border-radius:calc(4 * var(--pc-u)); overflow:hidden; transition:box-shadow .3s, transform .3s; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards{ --mega-cards-gap: calc(16 * var(--pc-u)); --mega-cards-col-max: calc(360 * var(--pc-u)); --mega-cards-img-max: calc(170 * var(--pc-u)); --mega-cards-more-w: calc(140 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-inner{ container-type:inline-size; container-name:mega-cards-inner; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__grid{ display:flex; flex-wrap:wrap; gap:var(--mega-cards-gap); align-items:stretch; justify-content:flex-start; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__grid .mega-card{ /* 始终按「4 卡 + View More」占位算宽，有无按钮尺寸一致 */ flex:0 0 calc((100% - var(--mega-cards-more-w) - 4 * var(--mega-cards-gap)) / 4); width:calc((100% - var(--mega-cards-more-w) - 4 * var(--mega-cards-gap)) / 4); max-width:var(--mega-cards-col-max); min-width:0; height:auto; aspect-ratio:360 / 246; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__view-more, #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards__view-more{ display:flex; flex-direction:column; align-items:center; justify-content:center; gap:calc(16 * var(--pc-u)); box-sizing:border-box; text-decoration:none; color:#1a1a1a; border-radius:calc(4 * var(--pc-u)); transition:background-color .2s, color .2s; align-self:stretch; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-cards__view-more{ flex:0 0 var(--mega-cards-more-w); width:var(--mega-cards-more-w); } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards__view-more{ flex:0 0 var(--mega-cards-side-more-w); width:var(--mega-cards-side-more-w); } #ly_web_header_0001_0 .hnav .mega-cards__view-more-icon{ display:flex; align-items:center; justify-content:center; width:calc(40 * var(--pc-u)); height:calc(40 * var(--pc-u)); border:calc(1.5 * var(--pc-u)) solid currentColor; border-radius:50%; box-sizing:border-box; } #ly_web_header_0001_0 .hnav .mega-cards__view-more-icon::after{ content:''; display:block; width:calc(8 * var(--pc-u)); height:calc(8 * var(--pc-u)); border-top:calc(1.5 * var(--pc-u)) solid currentColor; border-right:calc(1.5 * var(--pc-u)) solid currentColor; transform:rotate(45deg); margin-left:calc(-2 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-cards__view-more-text{ font-family:"Figtree-Medium"; font-size:calc(16 * var(--pc-u)); line-height:1.3; text-align:center; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__visual{ flex:1 1 0; min-height:0; padding:calc(16 * var(--pc-u)) calc(16 * var(--pc-u)) 0; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__visual img{ width:min(var(--mega-cards-img-max), calc(100% * 200 / 360)); aspect-ratio:1; height:auto; max-width:100%; max-height:none; object-fit:contain; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards .mega-card__body{ flex:0 0 auto; padding:calc(12 * var(--pc-u)) calc(16 * var(--pc-u)) calc(16 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-card:hover{ box-shadow:0 calc(8 * var(--pc-u)) calc(24 * var(--pc-u)) rgba(0,0,0,.08); } #ly_web_header_0001_0 .hnav .mega-card__visual{ display:flex; align-items:center; justify-content:center; min-height:calc(200 * var(--pc-u)); padding:calc(24 * var(--pc-u)) calc(16 * var(--pc-u)); /* background:#f0f0f0; */ box-sizing:border-box; } #ly_web_header_0001_0 .hnav .mega-card__visual img{ display:block; max-width:100%; max-height:calc(160 * var(--pc-u)); width:auto; height:auto; object-fit:contain; } #ly_web_header_0001_0 .hnav .mega-card__body{ padding:calc(20 * var(--pc-u)) calc(16 * var(--pc-u)) calc(24 * var(--pc-u)); text-align:center; } #ly_web_header_0001_0 .hnav .mega-card__title{ display:flex; flex-direction:column; gap:calc(4 * var(--pc-u)); margin-bottom:calc(12 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-card__line1, #ly_web_header_0001_0 .hnav .mega-card__line2{ display:block; font-family:"Figtree-Medium"; font-size:calc(16 * var(--pc-u)); line-height:calc(22 * var(--pc-u)); color:#1a1a1a; } #ly_web_header_0001_0 .hnav .mega-card__line2{ font-family:"Figtree"; color:#333; } #ly_web_header_0001_0 .hnav .mega-card__more{ display:inline-flex; align-items:center; justify-content:center; gap:calc(4 * var(--pc-u)); font-family:"Figtree"; font-size:calc(14 * var(--pc-u)); line-height:1; color:#999; } #ly_web_header_0001_0 .hnav .mega-card__chevron{ display:inline-block; width:calc(6 * var(--pc-u)); height:calc(6 * var(--pc-u)); border-top:calc(1.5 * var(--pc-u)) solid #999; border-right:calc(1.5 * var(--pc-u)) solid #999; transform:rotate(45deg) translateY(calc(-1 * var(--pc-u))); } #ly_web_header_0001_0 .hnav .mega-featured{ position:relative; display:block; width:100%; height:100%; min-height:calc(220 * var(--pc-u)); border-radius:calc(4 * var(--pc-u)); overflow:hidden; text-decoration:none; color:inherit; } #ly_web_header_0001_0 .hnav .mega-featured__img{ display:block; width:100%; height:100%; min-height:calc(220 * var(--pc-u)); object-fit:cover; } #ly_web_header_0001_0 .hnav .mega-featured__label{ position:absolute; left:calc(24 * var(--pc-u)); bottom:calc(24 * var(--pc-u)); font-family:"Figtree-Medium"; font-size:calc(18 * var(--pc-u)); line-height:1.3; z-index:2; } #ly_web_header_0001_0 .hnav .mega-featured--triple .mega-featured__label{ color:#fff; text-shadow:0 calc(2 * var(--pc-u)) calc(8 * var(--pc-u)) rgba(0,0,0,.35); } #ly_web_header_0001_0 .hnav .mega-featured--triple::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:40%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%); pointer-events:none; } #ly_web_header_0001_0 .hnav .mega-featured--quad .mega-featured__label{ display:inline-flex; align-items:center; gap:calc(6 * var(--pc-u)); color:#1a1a1a; } #ly_web_header_0001_0 .hnav .mega-featured__chevron{ display:inline-block; width:calc(6 * var(--pc-u)); height:calc(6 * var(--pc-u)); border-top:calc(1.5 * var(--pc-u)) solid #1a1a1a; border-right:calc(1.5 * var(--pc-u)) solid #1a1a1a; transform:rotate(45deg) translateY(calc(-1 * var(--pc-u))); } #ly_web_header_0001_0 .hnav .mega-cards-side{ display:flex; align-items:stretch; gap:0; min-height:calc(240 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-cards-side__aside{ flex:0 0 calc(220 * var(--pc-u)); padding-right:calc(32 * var(--pc-u)); border-right:calc(1 * var(--pc-u)) solid #e0e0e0; display:flex; flex-direction:column; gap:calc(36 * var(--pc-u)); padding-top:calc(8 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-side-tab{ display:block; width:100%; padding:0; border:0; background:none; text-align:left; cursor:pointer; font-family:"Figtree"; font-size:calc(16 * var(--pc-u)); line-height:calc(24 * var(--pc-u)); color:#999; transition:color .2s; } #ly_web_header_0001_0 .hnav .mega-side-tab.is-active, #ly_web_header_0001_0 .hnav .mega-side-tab:hover{ font-family:"Figtree-Bold"; color:#1a1a1a; } #ly_web_header_0001_0 .hnav .mega-cards-side__main{ flex:1; min-width:0; padding-left:calc(40 * var(--pc-u)); position:relative; container-type:inline-size; container-name:mega-cards-side-main; } #ly_web_header_0001_0 .hnav .mega-cards-side__panel{ display:none; width:100%; } #ly_web_header_0001_0 .hnav .mega-cards-side__panel.is-active{ display:block; } #ly_web_header_0001_0 .hnav .mega-cards-side__cards{ display:flex; gap:calc(16 * var(--pc-u)); align-items:stretch; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side{ --mega-cards-side-gap: calc(16 * var(--pc-u)); --mega-cards-side-col-max: calc(360 * var(--pc-u)); --mega-cards-side-img-max: calc(200 * var(--pc-u)); --mega-cards-side-more-w: calc(120 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards{ flex-wrap:wrap; gap:var(--mega-cards-side-gap); justify-content:flex-start; } /* 始终按「3 卡 + View More」占位算宽，有无按钮尺寸一致 */ #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards .mega-card{ flex:0 0 calc((100% - var(--mega-cards-side-more-w) - 3 * var(--mega-cards-side-gap)) / 3); width:calc((100% - var(--mega-cards-side-more-w) - 3 * var(--mega-cards-side-gap)) / 3); max-width:var(--mega-cards-side-col-max); min-width:0; height:auto; aspect-ratio:360 / 220; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__visual{ flex:1 1 0; min-height:0; padding:calc(12 * var(--pc-u)) calc(16 * var(--pc-u)) 0; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__visual img{ width:min(var(--mega-cards-side-img-max), calc(100% * 200 / 360)); aspect-ratio:1; height:auto; max-width:100%; max-height:none; object-fit:contain; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-card__body{ flex:0 0 auto; padding:calc(10 * var(--pc-u)) calc(16 * var(--pc-u)) calc(12 * var(--pc-u)); position:relative; z-index:2; } #ly_web_header_0001_0 .hnav .mega-triple{ display:flex; align-items:flex-start; gap:calc(128 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-triple__featured{ flex:0 0 calc(400 * var(--pc-u)); max-width:calc(400 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-triple__cols{ flex:1; display:flex; gap:calc(12 * var(--pc-u)); min-width:0; } #ly_web_header_0001_0 .hnav .mega-col{ min-width:0; } #ly_web_header_0001_0 .hnav .mega-triple__cols .mega-col{ flex:1 1 0; } #ly_web_header_0001_0 .hnav .mega-triple__cols .mega-col:first-child{ flex:0 1 calc(180 * var(--pc-u)); max-width:calc(200 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-col__head{ font-family:"Figtree-Bold"; font-size:calc(18 * var(--pc-u)); line-height:calc(24 * var(--pc-u)); color:#1a1a1a; margin-bottom:calc(24 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-col__links{ display:flex; flex-direction:column; gap:calc(20 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-col__link{ display:block; font-family:"Figtree"; font-size:calc(16 * var(--pc-u)); line-height:calc(22 * var(--pc-u)); color:#333; text-decoration:none; transition:color .2s; font-weight: 600; } #ly_web_header_0001_0 .hnav .mega-col__link:hover{ color:#1a1a1a; text-decoration:underline; } #ly_web_header_0001_0 .hnav .mega-quad{ display:flex; align-items:stretch; gap:calc(128 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-quad__featured{ flex:0 0 calc(400 * var(--pc-u)); max-width:calc(400 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-quad__grid{ flex:1; display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); column-gap:calc(48 * var(--pc-u)); row-gap:calc(32 * var(--pc-u)); align-content:center; min-width:0; } #ly_web_header_0001_0 .hnav .mega-quad-link{ display:flex; align-items:center; gap:calc(12 * var(--pc-u)); text-decoration:none; color:#1a1a1a; transition:opacity .2s; } #ly_web_header_0001_0 .hnav .mega-quad-link:hover{ opacity:.75; } #ly_web_header_0001_0 .hnav .mega-quad-link__icon{ flex:0 0 calc(24 * var(--pc-u)); width:calc(24 * var(--pc-u)); height:calc(24 * var(--pc-u)); display:flex; align-items:center; justify-content:center; } #ly_web_header_0001_0 .hnav .mega-quad-link__icon img{ display:block; max-width:100%; max-height:100%; object-fit:contain; } #ly_web_header_0001_0 .hnav .mega-quad-link__text{ flex:1; font-family:"Figtree-Bold"; font-size:calc(16 * var(--pc-u)); line-height:calc(24 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-quad-link__chevron{ flex:0 0 calc(8 * var(--pc-u)); width:calc(6 * var(--pc-u)); height:calc(6 * var(--pc-u)); border-top:calc(1.5 * var(--pc-u)) solid #1a1a1a; border-right:calc(1.5 * var(--pc-u)) solid #1a1a1a; transform:rotate(45deg); } @media screen and (max-width:1024px){ #ly_web_header_0001_0 .hnav .mega-cards-side__cards{ flex-wrap:wrap; } #ly_web_header_0001_0 .hnav .mega-nav--igarden_cards_side .mega-cards-side__cards .mega-card{ flex:1 1 calc(50% - 8 * var(--pc-u)); width:auto; max-width:none; } #ly_web_header_0001_0 .hnav .mega-triple, #ly_web_header_0001_0 .hnav .mega-quad, #ly_web_header_0001_0 .hnav .mega-cards-side{ flex-wrap:wrap; } #ly_web_header_0001_0 .hnav .mega-triple__featured, #ly_web_header_0001_0 .hnav .mega-quad__featured{ flex:1 1 100%; max-width:100%; } #ly_web_header_0001_0 .hnav .mega-cards-side__aside{ flex:1 1 100%; border-right:0; border-bottom:calc(1 * var(--pc-u)) solid #e0e0e0; padding-bottom:calc(16 * var(--pc-u)); flex-direction:row; flex-wrap:wrap; gap:calc(16 * var(--pc-u)); } #ly_web_header_0001_0 .hnav .mega-cards-side__main{ flex:1 1 100%; padding-left:0; padding-top:calc(16 * var(--pc-u)); } } /* 右侧 */ #ly_web_header_0001_0 .hright-tools-mobile{ display:none; align-items:center; flex-shrink:0; } #ly_web_header_0001_0 .hright-tool-mobile{ display:block; width:calc(24 * var(--header-u)); height:calc(24 * var(--header-u)); padding:0; border:0; background:none; flex-shrink:0; line-height:0; } #ly_web_header_0001_0 .hright-tool-mobile .svg{ width:100%; height:100%; display:block; } #ly_web_header_0001_0 .hright-tool-mobile.lang .svg{fill:#1a1a1a;} #ly_web_header_0001_0 .hright-tool-mobile.lang .svg path{fill:inherit;} #ly_web_header_0001_0 .header-right .menu{display:none;width: calc(24 * var(--header-u));height: calc(24 * var(--header-u));} /* 头部滚动时样式和鼠标移入时样式 */ @media screen and (min-width:751px) { /* #ly_web_header_0001_0.none{transform: translate3d(0px,-100%,0);} */ /* #ly_web_header_0001_0.none{transform: translate3d(0px,-124px,0);} */ header.pro_none {transform: translate3d(0px,-86px,0);} #ly_web_header_0001_0.cur .header-right .menu, #ly_web_header_0001_0:hover .header-right .menu{background-image:url(/module/ly-web/header/0001/images/menu-icon.png);} #ly_web_header_0001_0.cur .header-right .menu.cur, #ly_web_header_0001_0:hover .header-right .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close.png);} #ly_web_header_0001_0 .header-right .menu.cur{background-image:url(/module/ly-web/header/0001/images/m_close2.png);} /* 透明底 样式 */ #ly_web_header_0001_0.white{background: transparent;} #ly_web_header_0001_0.white .hnav .one-nav .nav-a{color: #fff;} #ly_web_header_0001_0.white .hright-tool .svg{fill: #fff;} #ly_web_header_0001_0.white .hright-divider{background:rgba(255,255,255,.35);} #ly_web_header_0001_0.white .logo img:nth-child(1){opacity: 0;} #ly_web_header_0001_0.white .logo img:nth-child(2){opacity: 1;} #ly_web_header_0001_0.cur, #ly_web_header_0001_0:hover{background:#fff;} #ly_web_header_0001_0.white.cur .logo img:nth-child(1), #ly_web_header_0001_0.white:hover .logo img:nth-child(1){opacity: 1;} #ly_web_header_0001_0.white.cur .logo img:nth-child(2), #ly_web_header_0001_0.white:hover .logo img:nth-child(2){opacity: 0;} #ly_web_header_0001_0.white.cur .hnav .one-nav .nav-a, #ly_web_header_0001_0.white:hover .hnav .one-nav .nav-a{color: #000;} #ly_web_header_0001_0.white.cur .hnav .one-nav:hover .nav-a, #ly_web_header_0001_0.white:hover .hnav .one-nav:hover .nav-a, #ly_web_header_0001_0.white.cur .hnav .one-nav.cur .nav-a, #ly_web_header_0001_0.white:hover .hnav .one-nav.cur .nav-a{color: var(--color-primary);} #ly_web_header_0001_0.white.cur .hright-tool .svg, #ly_web_header_0001_0.white:hover .hright-tool .svg{fill: #000;} #ly_web_header_0001_0.white.cur .hright-divider, #ly_web_header_0001_0.white:hover .hright-divider{background:#000000;} } @media screen and (max-width: 1440px) { #ly_web_header_0001_0 .top_slogan{font-size: 12px;} #ly_web_header_0001_0 .logo{width: calc(73 * var(--header-u));} #ly_web_header_0001_0 .hnav .one-nav .nav-a{font-size: calc(14 * var(--header-u));} } @media (max-width: 1034px) { #ly_web_header_0001_0 .header-box{padding: 0 calc(40 * var(--header-u)); } } /* 头部移动端 */ #ly_web_header_0001_0_m-nav,#ly_web_header_0001_0_m-header-blank{display: none;} @media screen and (max-width: 1024px) { #ly_web_header_0001_0{background:#fff !important;} #ly_web_header_0001_0 .header-left .hnav-left, #ly_web_header_0001_0 .header-right .hnav-right, #ly_web_header_0001_0 .hright-tools{display:none;} #ly_web_header_0001_0 .hright-tools-mobile{ display:flex; gap:16px; } #ly_web_header_0001_0 .hright-tool-mobile, #ly_web_header_0001_0 .header-right .menu{ width:24px; height:24px; margin-left:0; } #ly_web_header_0001_0 .header-box{padding: 0 2.25%; height: 56px;} #ly_web_header_0001_0 .header-right{height: 56px;} #ly_web_header_0001_0 .logo img:nth-child(1){opacity: 1 !important;} #ly_web_header_0001_0 .logo img:nth-child(2){opacity: 0 !important;} #ly_web_header_0001_0 .hright-tool-mobile.lang .svg{fill: #000 !important;} #ly_web_header_0001_0 .hright-tools-mobile .menu{display:block;} #ly_web_header_0001_0_m-nav{display: block;width: 36.62%;height: 0;z-index:50;right: 0;right: 0;top: 94px; background: #fff;overflow-y: auto;} #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 94px);} #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav{top: 56px;} #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 56px);} #ly_web_header_0001_0_m-nav .top{margin-bottom: 8px; width: 100%; height: max-content; } #ly_web_header_0001_0_m-nav .top .icon{width: 50px; height: 50px;} #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: 54px; margin: 0 15px;border-bottom: 1px solid rgba(0,0,0,0.2);} #ly_web_header_0001_0_m-nav .nav .one-nav .one{cursor:pointer; background: url(/module/ly-web/header/0001/images/head-jt.svg) no-repeat right;} #ly_web_header_0001_0_m-nav .nav .one-nav.nobg .one{background: none;} #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one{background-image:url(/module/ly-web/header/0001/images/head-jt2.svg);} #ly_web_header_0001_0_m-nav .nav .one-nav.cur.nobg .one{background: none;} #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-family: "Figtree-Bold"; font-size: 14px; text-transform: capitalize; color:#333;} #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one, #ly_web_header_0001_0_m-nav .nav .one-nav.cur .one-a{color:#0071E3;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav{width: 100%; padding: 0 5px; box-sizing: border-box;} #ly_web_header_0001_0_m-nav .nav .mnav-featured{ margin:0 0 12px; padding:0; } #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured{ position:relative; display:block; width:100%; min-height:200px; border-radius:4px; overflow:hidden; text-decoration:none; color:inherit; } #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__img{ display:block; width:100%; min-height:200px; object-fit:cover; } #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__label{ position:absolute; left:16px; bottom:16px; font-family:"Figtree-Medium"; font-size:16px; line-height:1.3; z-index:2; } #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--triple .mega-featured__label{ color:#fff; text-shadow:0 2px 8px rgba(0,0,0,.35); } #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--triple::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:40%; background:linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.35) 100%); pointer-events:none; } #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured--quad .mega-featured__label{ display:inline-flex; align-items:center; gap:6px; color:#1a1a1a; } #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__chevron{ display:inline-block; width:6px; height:6px; border-top:1.5px solid #1a1a1a; border-right:1.5px solid #1a1a1a; transform:rotate(45deg) translateY(-1px); } #ly_web_header_0001_0_m-nav .nav .mnav-quad-links{ display:flex; flex-direction:column; gap:0; padding:0 0 8px; } #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link{ display:flex; align-items:center; gap:8px; padding:10px 0; text-decoration:none; color:#333; } #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__icon{ flex:0 0 24px; width:24px; height:24px; display:flex; align-items:center; justify-content:center; } #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__icon img{ display:block; width:24px; height:24px; max-width:100%; max-height:100%; object-fit:contain; } #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__text{ flex:1; font-family:"Figtree-SemiBold"; font-size:14px; line-height:1.3; color:#333; } #ly_web_header_0001_0_m-nav .nav .mnav-quad-links .mega-quad-link__chevron{ flex:0 0 6px; width:6px; height:6px; border-top:1.5px solid #1a1a1a; border-right:1.5px solid #1a1a1a; transform:rotate(45deg); } #ly_web_header_0001_0_m-nav .nav .mnav-view-more{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:10px 0; text-decoration:none; color:#0071E3; font-family:"Figtree-SemiBold"; font-size:14px; line-height:40px; } #ly_web_header_0001_0_m-nav .nav .three-nav .mnav-view-more{ padding:6px 0; line-height:36px; font-size:14px; } #ly_web_header_0001_0_m-nav .nav .mnav-view-more__text{ flex:1; } #ly_web_header_0001_0_m-nav .nav .mnav-view-more__chevron{ flex:0 0 6px; width:6px; height:6px; border-top:1.5px solid currentColor; border-right:1.5px solid currentColor; transform:rotate(45deg); } #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-family: "Figtree-Bold"; font-size: 14px; line-height: 40px; vertical-align: middle; } #ly_web_header_0001_0_m-nav .nav .mnav-l2-group .three-nav{padding: 0 0 8px 10px;} #ly_web_header_0001_0_m-nav .nav .three-a{font-family: "Figtree-semiBold"; font-size: 14px; line-height: 36px; color: #333;} } /* @media screen and (max-width: 992px) { #ly_web_header_0001_0 .hright .btn, #ly_web_header_0001_0 .hright .menu{margin-left: .1818rem; width: .1818rem; height: .1818rem; } #ly_web_header_0001_0 .top_slogan .title, #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: .1061rem;} #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: .4091rem;} #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: .0909rem; line-height: .303rem;} #ly_web_header_0001_0_m-nav .top .icon{width: .3788rem; height: .3788rem;} } */ @media screen and (max-width: 768px) { header.pro_none {transform: translate3d(0px,-72px,0);} /*#ly_web_header_0001_0 .top_slogan{min-height: 24px; font-size: 12px; gap: 0 16px;}*/ /*#ly_web_header_0001_0 .top_slogan .title{font-size: 12px;}*/ #ly_web_header_0001_0 .top_slogan{min-height: 24px; font-size: 12px; gap: 0 4px;} #ly_web_header_0001_0 .top_slogan .title{font-size: 12px;} #ly_web_header_0001_0 .top_slogan .countdown-value{padding: 3px; min-width: max-content;} #ly_web_header_0001_0 .top_slogan .countdown-grid, #ly_web_header_0001_0 .top_slogan .countdown-item{gap: 0 3px;} #ly_web_header_0001_0 .header-box, #ly_web_header_0001_0 .header-right{height: 48px;} #ly_web_header_0001_0 .header-box{padding: 0 16px; box-shadow: 0px 2px 4px 0px #0000001A;} #ly_web_header_0001_0 .hright-tools-mobile{gap:12px;} #ly_web_header_0001_0 .hright-tool-mobile, #ly_web_header_0001_0 .header-right .menu{width:24px;height:24px;} #ly_web_header_0001_0_m-nav{top: calc(24px + 48px); width: 100%;} #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 72px);} #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav{top: 48px;} #ly_web_header_0001_0.no-top-slogan ~ #ly_web_header_0001_0_m-nav.cur{height: calc(100vh - 48px);} #ly_web_header_0001_0_m-nav .top{padding: 16px 4.5% 0; margin-top: 0;} #ly_web_header_0001_0_m-nav .top .icon{width: 40px; height: 40px;} #ly_web_header_0001_0_m-nav .nav .one-nav{line-height: 54px; margin: 0 4.5%;} #ly_web_header_0001_0_m-nav .nav .one-nav .one{} #ly_web_header_0001_0_m-nav .nav .one-nav .one-a{font-size: 16px;} #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured, #ly_web_header_0001_0_m-nav .nav .mnav-featured .mega-featured__img{ min-height:180px; border-radius: 8px; } #ly_web_header_0001_0_m-nav .nav .one-nav .two-nav .two-a{font-size: 14px; line-height: 40px;} } .ly_web_footer_0001_0Wrap { --pc-u: min(1px, calc((100vw - 80px) / 980)); background: #272727; color: var(--color-text-white); } .ly_web_footer_0001_0Wrap, .ly_web_footer_0001_0Wrap * { box-sizing: border-box; } .ly_web_footer_0001_0Wrap .cw980 { width: calc(980 * var(--pc-u)); } .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Inner { position: relative; height: calc(542 * var(--pc-u)); min-height: calc(542 * var(--pc-u)); } .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Main { display: grid; grid-template-columns: calc(243 * var(--pc-u)) minmax(0, 1fr); column-gap: calc(108 * var(--pc-u)); padding-top: calc(82 * var(--pc-u)); } #ly_web_footer_0001_0FooterIntro .logo { width: calc(160 * var(--pc-u)); height: calc(48 * var(--pc-u)); transform: translate(calc(-12 * var(--pc-u)), calc(-8 * var(--pc-u))); } #ly_web_footer_0001_0Newsletter { margin-top: calc(30 * var(--pc-u)); } #ly_web_footer_0001_0Newsletter .text { font-family: "Figtree-Medium", Figtree, sans-serif; font-size: calc(16 * var(--pc-u)); line-height: 100%; color: var(--color-text-white); white-space: nowrap; transform: translateY(calc(1 * var(--pc-u))); } #ly_web_footer_0001_0Newsletter .formBox { width: calc(234 * var(--pc-u)); margin-top: calc(13 * var(--pc-u)); } #ly_web_footer_0001_0Newsletter .form { display: flex; align-items: center; width: 100%; height: calc(28 * var(--pc-u)); padding: calc(2 * var(--pc-u)) calc(2 * var(--pc-u)) calc(2 * var(--pc-u)) calc(8 * var(--pc-u)); gap: calc(8 * var(--pc-u)); border: calc(1 * var(--pc-u)) solid #d9d9d9; border-radius: calc(100 * var(--pc-u)); background: transparent; } #ly_web_footer_0001_0Newsletter .form label { flex: 1 1 auto; width: auto; min-width: 0; height: 100%; } #ly_web_footer_0001_0Newsletter .input { width: 100%; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; font-family: "Figtree-Medium", Figtree, sans-serif; font-size: calc(12 * var(--pc-u)); line-height: 100%; color: #fff; } #ly_web_footer_0001_0Newsletter .input::placeholder { color: #999; opacity: 1; } #ly_web_footer_0001_0Newsletter .button { flex: 0 0 auto; width: calc(64 * var(--pc-u)); margin-left: auto; height: calc(22 * var(--pc-u)); padding: 0; border: 0; border-radius: calc(100 * var(--pc-u)); background: #0071e3; font-family: "Figtree-Medium", Figtree, sans-serif; font-size: calc(8 * var(--pc-u)); line-height: 100%; color: var(--color-text-white); white-space: nowrap; cursor: pointer; } #ly_web_footer_0001_0Newsletter .form-tip { top: calc(100% + 8 * var(--pc-u)); left: calc(8 * var(--pc-u)); z-index: 2; width: calc(280 * var(--pc-u)); font-family: Poppins, sans-serif; font-size: calc(12 * var(--pc-u)); line-height: 130%; } #ly_web_footer_0001_0Newsletter .form-error { color: #f94073; } #ly_web_footer_0001_0Newsletter .form-success { color: #20b759; } #ly_web_footer_0001_0Newsletter .subscribe-note { width: calc(243 * var(--pc-u)); margin-top: calc(8 * var(--pc-u)); } #ly_web_footer_0001_0Newsletter .subscribe-note__title { font-family: "Figtree-Medium", Figtree, sans-serif; font-size: calc(12 * var(--pc-u)); line-height: 130%; color: var(--color-text-white); } #ly_web_footer_0001_0Newsletter .subscribe-note__description { margin: calc(4 * var(--pc-u)) 0 0; font-family: "Figtree-Medium", Figtree, sans-serif; font-size: calc(9 * var(--pc-u)); line-height: 150%; color: #c1c1c1; } #ly_web_footer_0001_0Contact { gap: calc(23.714 * var(--pc-u)) 0; /* 原间距为 48px；若后续删除 subscribe-note，请恢复为 calc(48 * var(--pc-u))。 */ margin-top: calc(24 * var(--pc-u)); } #ly_web_footer_0001_0Contact .li { min-height: calc(23.714 * var(--pc-u)); gap: 0 calc(5.929 * var(--pc-u)); } #ly_web_footer_0001_0Contact .icon { flex: 0 0 calc(23.714 * var(--pc-u)); width: calc(23.714 * var(--pc-u)); height: calc(23.714 * var(--pc-u)); } #ly_web_footer_0001_0Contact .icon img { width: 100%; height: 100%; object-fit: contain; } #ly_web_footer_0001_0Contact .text { position: relative; top: calc(-0.893 * var(--pc-u)); width: calc(100% - 29.643 * var(--pc-u)); font-family: "Figtree-Medium", Figtree, sans-serif; font-size: calc(16 * var(--pc-u)); line-height: 100%; letter-spacing: calc(-0.32 * var(--pc-u)); color: #c1c1c1; white-space: nowrap; } #ly_web_footer_0001_0Contact .text .dot { display: none; } #ly_web_footer_0001_0FooterNav { display: grid; grid-template-columns: calc(257 * var(--pc-u)) calc(168 * var(--pc-u)) calc(168 * var(--pc-u)); align-items: flex-start; column-gap: calc(27 * var(--pc-u)); } #ly_web_footer_0001_0FooterNav .item { width: 100%; max-width: none; min-width: 0; } #ly_web_footer_0001_0FooterNav .title { font-family: "Figtree-SemiBold", Figtree, sans-serif; font-size: calc(16 * var(--pc-u)); line-height: 100%; letter-spacing: calc(-0.32 * var(--pc-u)); color: var(--color-text-white); } #ly_web_footer_0001_0FooterNav .two { padding-top: calc(26 * var(--pc-u)); } #ly_web_footer_0001_0FooterNav .item:nth-child(1) .two { width: calc(239 * var(--pc-u)); } #ly_web_footer_0001_0FooterNav .two_li { font-family: "Figtree-Regular", Figtree, sans-serif; font-size: calc(12 * var(--pc-u)); font-weight: 400; line-height: 160%; letter-spacing: calc(-0.24 * var(--pc-u)); color: #c1c1c1; } #ly_web_footer_0001_0FooterNav .two_li + .two_li { margin-top: 0; } #ly_web_footer_0001_0FooterShare { position: absolute; right: calc(-18 * var(--pc-u)); bottom: calc(17.5 * var(--pc-u)); justify-content: flex-end; gap: 0 calc(15 * var(--pc-u)); margin-top: 0; } #ly_web_footer_0001_0FooterShare .item, #ly_web_footer_0001_0FooterShare .item .svg { width: calc(30 * var(--pc-u)); height: calc(30 * var(--pc-u)); } #ly_web_footer_0001_0FooterShare .item .svg { display: block; fill: #fff; } #ly_web_footer_0001_0FooterShare .item .svg path { fill: inherit; } #ly_web_footer_0001_0Legal { position: absolute; bottom: calc(22 * var(--pc-u)); left: 0; gap: calc(10 * var(--pc-u)) calc(24 * var(--pc-u)); margin-top: 0; padding-bottom: 0; max-width: 100%; flex-wrap: wrap; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinks { display: flex; align-items: center; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinksInner { gap: calc(10 * var(--pc-u)) calc(24 * var(--pc-u)); flex-wrap: wrap; } #ly_web_footer_0001_0Legal .nav { font-family: "Figtree-Medium", Figtree, sans-serif; font-size: calc(12 * var(--pc-u)); line-height: 100%; letter-spacing: calc(-0.24 * var(--pc-u)); color: #c1c1c1; white-space: nowrap; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide { flex: 0 0 auto; margin: 0; padding: 0; border: 0; outline: 0; background: transparent; cursor: pointer; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0WorldwideInner { gap: calc(4 * var(--pc-u)); } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide img { flex: 0 0 calc(12 * var(--pc-u)); width: calc(12 * var(--pc-u)); height: calc(12 * var(--pc-u)); } #ly_web_footer_0001_0_bottom { display: flex; align-items: center; justify-content: center; width: 100%; height: calc(30 * var(--pc-u)); min-height: calc(30 * var(--pc-u)); margin: 0; padding: 0; overflow: hidden; background: rgba(0, 0, 0, 0.5); } #ly_web_footer_0001_0_bottom .box { display: flex; align-items: center; justify-content: center; width: 100%; max-width: none; height: calc(30 * var(--pc-u)); min-height: calc(30 * var(--pc-u)); margin: 0; padding: 0; position: relative; left: calc(90.5 * var(--pc-u)); overflow: hidden; white-space: nowrap; } #ly_web_footer_0001_0_bottom .box, #ly_web_footer_0001_0_bottom .box *, #ly_web_footer_0001_0_bottom *, #ly_web_footer_0001_0_bottom a { font-family: "Figtree-Medium", Figtree, sans-serif; font-size: calc(12 * var(--pc-u)); line-height: calc(30 * var(--pc-u)); text-align: center; color: rgba(193, 193, 193, 0.3); } @media (max-width: 768px) { .ly_web_footer_0001_0Wrap .cw980 { width: 76.2%; } .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Inner { height: auto; min-height: 0; padding-top: 61px; } .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Main { display: flex; flex-direction: column; padding-top: 0; } .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Primary, .ly_web_footer_0001_0Wrap .ly_web_footer_0001_0Secondary { display: contents; } #ly_web_footer_0001_0FooterIntro { order: 1; } #ly_web_footer_0001_0FooterIntro .logo { width: 139px; height: 42px; margin: 0 auto; transform: none; } #ly_web_footer_0001_0FooterShare { position: static; right: auto; bottom: auto; order: 3; justify-content: center; width: max-content; max-width: 100%; gap: 0 30px; margin: 30px auto 0; flex-wrap: nowrap; } #ly_web_footer_0001_0FooterShare .item, #ly_web_footer_0001_0FooterShare .item .svg { width: 28px; height: 28px; } #ly_web_footer_0001_0FooterShare .item { flex: 0 0 28px; } #ly_web_footer_0001_0Newsletter { order: 2; width: 100%; margin-top: 16px; } #ly_web_footer_0001_0Newsletter .text { width: 100%; font-family: "Figtree-SemiBold", Figtree, sans-serif; font-size: 14px; text-align: center; transform: none; } #ly_web_footer_0001_0Newsletter .formBox { width: 100%; margin-top: 11px; } #ly_web_footer_0001_0Newsletter .form { height: 39px; padding: 3px; padding-left: 12px; gap: 8px; border: 1px solid #fff; background: transparent; } #ly_web_footer_0001_0Newsletter .input { font-size: 14px; line-height: 150%; color: #fff; } #ly_web_footer_0001_0Newsletter .button { width: 77px; height: 33px; padding: 0 10px; background: #0071e3; font-size: 12px; line-height: 160%; } #ly_web_footer_0001_0Newsletter .form-tip { left: 12px; width: calc(100% - 24px); font-size: 12px; } #ly_web_footer_0001_0Newsletter .subscribe-note { width: 100%; margin-top: 8px; text-align: center; } #ly_web_footer_0001_0Newsletter .subscribe-note__title { font-size: 12px; } #ly_web_footer_0001_0Newsletter .subscribe-note__description { margin-top: 4px; font-size: 10px; } #ly_web_footer_0001_0FooterNav { order: 4; display: flex; flex-direction: column; gap: 20px 0; margin-top: 82px; } #ly_web_footer_0001_0FooterNav .item { width: 100%; max-width: none; border-bottom: 1px solid rgba(255, 255, 255, 0.25); } #ly_web_footer_0001_0FooterNav .title { display: flex; align-items: flex-start; justify-content: space-between; min-height: 35px; padding: 0; font-size: 14px; line-height: 100%; letter-spacing: 0.01em; } #ly_web_footer_0001_0FooterNav .one-icon { display: block; position: relative; flex: 0 0 12px; width: 12px; height: 12px; } #ly_web_footer_0001_0FooterNav .one-icon i { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate(-50%, -50%); border-radius: 5px; background: #fff; } #ly_web_footer_0001_0FooterNav .one-icon i:first-child { width: 100%; height: 2px; transition: opacity 0.5s ease; } #ly_web_footer_0001_0FooterNav .one-icon i:last-child { width: 2px; height: 100%; } #ly_web_footer_0001_0FooterNav .list_item.cur .one-icon { transform: rotate(90deg); } #ly_web_footer_0001_0FooterNav .list_item.cur .one-icon i:first-child { opacity: 0; } #ly_web_footer_0001_0FooterNav .two_list { height: 0; overflow: hidden; transition: height 0.5s ease-in-out; } #ly_web_footer_0001_0FooterNav .two { width: 100%; padding: 0 0 20px; } #ly_web_footer_0001_0FooterNav .item:nth-child(1) .two { width: 100%; } #ly_web_footer_0001_0FooterNav .two_li { font-family: "Figtree-Medium", Figtree, sans-serif; font-size: 14px; font-weight: 500; line-height: 130%; } #ly_web_footer_0001_0FooterNav .two_li + .two_li { margin-top: 12px; } #ly_web_footer_0001_0Contact { order: 5; gap: 16px 0; margin-top: 77px; } #ly_web_footer_0001_0Contact .li { min-height: 19px; gap: 0 11px; } #ly_web_footer_0001_0Contact .icon { flex-basis: 19px; width: 19px; height: 19px; } #ly_web_footer_0001_0Contact .text { position: static; width: calc(100% - 30px); font-family: "Poppins-Medium", Poppins, "Figtree-Medium", Figtree, sans-serif; font-size: 15px; line-height: 100%; letter-spacing: 0.01em; color: #bbb9ba; } #ly_web_footer_0001_0Legal { display: flex; position: static; align-items: center; justify-content: space-between; flex-direction: row; bottom: auto; left: auto; width: 100%; max-width: 100%; gap: 12px 24px; margin-top: 43px; padding: 0 0 30px; overflow: visible; flex-wrap: wrap; transform: none; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinks { order: 2; justify-content: flex-end; flex: 0 0 auto; width: max-content; max-width: 100%; min-width: 0; margin-left: auto; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0LegalLinksInner { justify-content: flex-end; width: 100%; max-width: 100%; gap: 6px 12px; flex-wrap: wrap; } #ly_web_footer_0001_0Legal.is-wrapped .ly_web_footer_0001_0LegalLinks { justify-content: flex-start; margin-left: 0; } #ly_web_footer_0001_0Legal.is-wrapped .ly_web_footer_0001_0LegalLinksInner { justify-content: flex-start; } #ly_web_footer_0001_0Legal .nav { font-size: 12px; line-height: 160%; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide { order: 1; justify-content: flex-start; width: auto; min-width: 0; font-family: "Figtree-Medium", Figtree, sans-serif; font-size: 15px; line-height: 160%; letter-spacing: 0; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0WorldwideInner { width: max-content; gap: 6px; white-space: nowrap; } #ly_web_footer_0001_0Legal .ly_web_footer_0001_0Worldwide img { flex-basis: 16px; width: 16px; height: 16px; } #ly_web_footer_0001_0_bottom { height: 30px; min-height: 30px; background: #000; } #ly_web_footer_0001_0_bottom .box { justify-content: flex-start; width: 76.2%; height: 30px; min-height: 30px; max-width: none; margin: 0 auto; left: auto; } #ly_web_footer_0001_0_bottom .box, #ly_web_footer_0001_0_bottom .box *, #ly_web_footer_0001_0_bottom *, #ly_web_footer_0001_0_bottom a { font-family: Figtree, sans-serif; font-size: 12px; line-height: 30px; letter-spacing: 0.02em; text-align: left; color: rgba(141, 139, 139, 0.7); } } #ly_web_sidebar_0001_1{ bottom: 14.96%; right: 48px; width: 64px; z-index: 100; gap: 40px;} #ly_web_sidebar_0001_1 .btn{ width: 100%; height: 64px; background: rgba(0, 0, 0, .5); border-radius: 50%; transition: all 0.5s ease;} #ly_web_sidebar_0001_1 .btn:hover{background: var(--color-primary);} #ly_web_sidebar_0001_1 .whatsapp-link img{display:block;width:40px;height:40px;} #ly_web_sidebar_0001_1 .whatsapp-link:hover{background:var(--color-primary);} #ly_web_sidebar_0001_1 .whatsapp-link--pending{cursor:not-allowed;opacity:.55;} #launcher, .zendesk-messenger-launcher, iframe[src*="zendesk"][title*="launcher"] {display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important;} iframe[title*="Messaging window"]{z-index: 10000 !important; max-height: 65vh !important; bottom: calc( 14.96% + 104px) !important; right: 120px !important;} @media (max-width: 1920px) { #ly_web_sidebar_0001_1{gap: 30px;} } @media (max-width: 1024px) { #ly_web_sidebar_0001_1{width: 40px; gap: 20px; bottom: 8%; right: 40px;} #ly_web_sidebar_0001_1 .btn{height: 40px;} #ly_web_sidebar_0001_1 .btn img{transform: scale(.7);} #ly_web_sidebar_0001_1 .btn.whatsapp-link img{width:25px;height:25px;transform:none;} iframe[title*="Messaging window"]{bottom: calc( 8% + 80px) !important; right: 80px !important;} } @media (max-width: 992px) { #ly_web_sidebar_0001_1{width: .303rem; gap: .1515rem; bottom: 8%; right: .303rem;} #ly_web_sidebar_0001_1 .btn{height: .303rem;} } @media (max-width: 768px) { #ly_web_sidebar_0001_1{width: .6rem; gap: .2rem; bottom: 5%; right: .32rem;} #ly_web_sidebar_0001_1 .btn{height: .6rem;} #ly_web_sidebar_0001_1 .btn.whatsapp-link img{width:min(66%, 28px);height:min(66%, 28px);transform:none;} iframe[title*="Messaging window"]{bottom: 0 !important; right: 0 !important; top: inherit !important;} } @font-face{font-family:WowFigtree;src:url("/module/custom-web/products/wow/images/fonts/Figtree-Regular.woff2") format("woff2");font-weight:400;font-display:swap} @font-face{font-family:WowFigtree;src:url("/module/custom-web/products/wow/images/fonts/Figtree-Medium.woff2") format("woff2");font-weight:500;font-display:swap} @font-face{font-family:WowFigtree;src:url("/module/custom-web/products/wow/images/fonts/Figtree-SemiBold.woff2") format("woff2");font-weight:600;font-display:swap} @font-face{font-family:WowFigtree;src:url("/module/custom-web/products/wow/images/fonts/Figtree-Bold.woff2") format("woff2");font-weight:700;font-display:swap} @media(min-width:768px){.wow-page .wow-silence.wow-silence{height:auto;padding-top:calc(98.929 * var(--pc-u))}.wow-page .wow-silence .wow-silence__heading{position:static;width:calc(640 * var(--pc-u));margin:0 auto;transform:none}.wow-page .wow-silence .wow-silence__scene{position:relative;top:auto;left:auto;width:100%;height:auto;margin-top:calc(58.285 * var(--pc-u))}.wow-page .wow-silence .wow-silence__scene picture,.wow-page .wow-silence .wow-silence__scene picture img{display:block;width:100%;height:auto;object-fit:contain}} .wow-page .wow-silence .wow-silence__scene,.wow-page .wow-silence .wow-silence__scene picture,.wow-page .wow-silence .wow-silence__scene picture img{border-radius:0} @media(min-width:768px){.wow-page .wow-silence .wow-silence__scene>.wow-silence__proof{border:0;background:rgba(0,0,0,.1);box-shadow:none;-webkit-backdrop-filter:blur(calc(16 * var(--pc-u)));backdrop-filter:blur(calc(16 * var(--pc-u)))}} @media(max-width:767px){.wow-page .wow-silence.wow-silence{background:#fff}.wow-page .wow-silence .wow-silence__scene>.wow-silence__proof{border:0;background:rgba(0,0,0,.1);box-shadow:none;-webkit-backdrop-filter:blur(calc(16 * var(--mobile-u)));backdrop-filter:blur(calc(16 * var(--mobile-u)))}} @media(min-width:768px){.wow-page .wow-silence .wow-silence__scene>.wow-silence__proof{left:calc(50% + 15.833 * var(--pc-u))}.wow-page .wow-silence .wow-silence__metric img{width:calc(40 * var(--pc-u));height:calc(32 * var(--pc-u));flex:0 0 auto}.wow-page .wow-silence .wow-silence__proof-copy p{margin:0;font-size:calc(20 * var(--pc-u));line-height:calc(24 * var(--pc-u));white-space:nowrap}} @media(max-width:767px){.wow-page .wow-silence .wow-silence__metric img{width:calc(18.282 * var(--mobile-u));height:calc(14.532 * var(--mobile-u));flex:0 0 auto}.wow-page .wow-silence .wow-silence__metric strong{font-size:calc(18.633 * var(--mobile-u));line-height:calc(18.633 * var(--mobile-u))}.wow-page .wow-silence .wow-silence__proof-copy p{margin:0;font-size:calc(10.033 * var(--mobile-u));line-height:calc(10.75 * var(--mobile-u));white-space:nowrap}} @media(max-width:767px){.wow-page .wow-benefits .wow-feature-card--ai .wow-feature-card__copy{display:flex;color:#fff}} @media(min-width:768px){.wow-benefits .wow-feature-card__copy{background-color:rgba(0,0,0,.1);-webkit-backdrop-filter:blur(calc(4 * var(--pc-u)));backdrop-filter:blur(calc(4 * var(--pc-u)));box-shadow:inset 0 0 0 calc(1 * var(--pc-u)) rgba(255,255,255,.62)}.wow-benefits .wow-feature-card--wide .wow-feature-card__copy strong{line-height:calc(48 * var(--pc-u))}.wow-benefits .wow-feature-card .wow-media img{transition:transform .45s ease}.wow-benefits .wow-feature-card:hover .wow-media img,.wow-benefits .wow-feature-card:focus-visible .wow-media img{transform:scale(1.045)}} .wow-silence__mobile-text{display:none} @media(min-width:768px){.wow-page .wow-silence{--pc-u:min(1px,calc(100vw / 1920));position:relative;height:calc(1232 * var(--pc-u));overflow:hidden;background:#f5f5f7}.wow-page .wow-silence__heading{position:absolute;z-index:2;top:calc(98.929 * var(--pc-u));left:50%;width:calc(640 * var(--pc-u));transform:translateX(-50%);text-align:center}.wow-page .wow-silence__heading h2{margin:0;color:#171717;font-weight:600;font-size:calc(64 * var(--pc-u));line-height:calc(77 * var(--pc-u));letter-spacing:calc(-1.28 * var(--pc-u))}.wow-page .wow-silence__heading p{margin:calc(2 * var(--pc-u)) 0 0;color:#000;font-weight:500;font-size:calc(32 * var(--pc-u));line-height:calc(38 * var(--pc-u))}.wow-page .wow-silence__scene{position:absolute;top:calc(274.214 * var(--pc-u));left:0;width:100%;height:calc(960 * var(--pc-u));border-radius:0}.wow-page .wow-silence__scene picture,.wow-page .wow-silence__scene picture img{display:block;width:100%;height:100%;object-fit:cover}.wow-page .wow-silence__scene>.wow-silence__proof{position:absolute;left:50%;bottom:calc(63.285 * var(--pc-u));width:calc(600 * var(--pc-u));height:calc(160 * var(--pc-u));padding:0;transform:translateX(-50%);border:0;border-radius:calc(24 * var(--pc-u));background:rgba(0,0,0,.1);box-shadow:none;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center}.wow-page .wow-silence__metric{position:absolute;top:calc(31 * var(--pc-u));left:50%;display:flex;height:calc(38 * var(--pc-u));align-items:center;gap:calc(12 * var(--pc-u));transform:translateX(-50%);white-space:nowrap}.wow-page .wow-silence__metric img{width:calc(40 * var(--pc-u));height:calc(32 * var(--pc-u));flex:0 0 auto}.wow-page .wow-silence__metric strong{font-weight:600;font-size:calc(32 * var(--pc-u));line-height:calc(38 * var(--pc-u))}.wow-page .wow-silence__metric sup{font-size:calc(20.64 * var(--pc-u));line-height:1}.wow-page .wow-silence__proof-copy{position:absolute;top:calc(81 * var(--pc-u));left:50%;width:calc(480 * var(--pc-u));transform:translateX(-50%);font-weight:500;font-size:calc(20 * var(--pc-u));line-height:calc(24 * var(--pc-u));letter-spacing:calc(-.2 * var(--pc-u))}.wow-page .wow-silence__proof-copy p{margin:0}} @media(max-width:767px){.wow-silence__pc-text{display:none}.wow-silence__mobile-text{display:inline}.wow-page .wow-silence{--mobile-u:min(1px,calc(100vw / 430));height:auto;overflow:hidden;background:#f5f5f7}.wow-page .wow-silence__heading{height:calc(53.746 * var(--mobile-u));text-align:center}.wow-page .wow-silence__heading h2{margin:0;color:#171717;font-weight:600;font-size:calc(24 * var(--mobile-u));line-height:calc(29 * var(--mobile-u));letter-spacing:calc(-.48 * var(--mobile-u))}.wow-page .wow-silence__heading p{margin:calc(4.746 * var(--mobile-u)) 0 0;color:#333;font-weight:500;font-size:calc(20 * var(--mobile-u));line-height:calc(20 * var(--mobile-u));white-space:nowrap}.wow-page .wow-silence__scene{position:relative;width:100%;height:auto;aspect-ratio:430/376;margin-top:calc(16 * var(--mobile-u));border-radius:0}.wow-page .wow-silence__scene picture,.wow-page .wow-silence__scene picture img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.wow-page .wow-silence__scene>.wow-silence__proof{position:absolute;left:50%;bottom:calc(16.9 * var(--mobile-u));width:calc(273.767 * var(--mobile-u));height:calc(73.1 * var(--mobile-u));padding:0;transform:translateX(-50%);border:0;border-radius:calc(17.2 * var(--mobile-u));background:rgba(0,0,0,.1);box-shadow:none;color:#fff;-webkit-backdrop-filter:none;backdrop-filter:none;text-align:center}.wow-page .wow-silence__metric{position:absolute;top:calc(10.75 * var(--mobile-u));left:50%;display:flex;height:calc(18.115 * var(--mobile-u));align-items:center;gap:calc(6.551 * var(--mobile-u));transform:translateX(-50%);white-space:nowrap}.wow-page .wow-silence__metric img{width:calc(18.282 * var(--mobile-u));height:calc(14.532 * var(--mobile-u));flex:0 0 auto}.wow-page .wow-silence__metric strong{font-weight:600;font-size:calc(18.633 * var(--mobile-u));line-height:calc(18.633 * var(--mobile-u))}.wow-page .wow-silence__metric sup{font-size:calc(12.019 * var(--mobile-u));line-height:1}.wow-page .wow-silence__proof-copy{position:absolute;top:calc(36.55 * var(--mobile-u));left:50%;width:calc(246.533 * var(--mobile-u));transform:translateX(-50%);font-weight:500;font-size:calc(10.033 * var(--mobile-u));line-height:calc(10.75 * var(--mobile-u));letter-spacing:0}.wow-page .wow-silence__proof-copy p{margin:0;white-space:nowrap}} .wow-page,.wow-page *{box-sizing:border-box}.wow-page{--pc-u:min(1px,calc(100vw / 1920));--wow-header-height:0px;--wow-header-space:0px;margin:0;padding-top:var(--wow-header-space);background:#f5f5f7;color:#171717;font-family:WowFigtree,Figtree,Arial,sans-serif;overflow:hidden}.wow-page img{display:block;max-width:100%;height:auto}.wow-page button,.wow-page input,.wow-page select,.wow-page textarea{font-family:inherit}.wow-page button,.wow-page a{-webkit-tap-highlight-color:transparent}.wow-page .wow-section-shell{width:calc(1500 * var(--pc-u));margin-inline:auto}.wow-page .wow-section-heading{text-align:center;padding-top:calc(92 * var(--pc-u));padding-bottom:calc(42 * var(--pc-u))}.wow-page .wow-section-heading h2{margin:0;font-size:calc(56 * var(--pc-u));line-height:calc(64 * var(--pc-u));letter-spacing:calc(-1.12 * var(--pc-u))}.wow-page .wow-section-heading p{margin:calc(8 * var(--pc-u)) 0 0;color:#333;font-size:calc(24 * var(--pc-u));line-height:calc(32 * var(--pc-u))}.wow-page .wow-media{position:relative;overflow:hidden;background:linear-gradient(135deg,#e8e8eb,#d4d5d8);border-radius:calc(20 * var(--pc-u))}.wow-page .wow-media.is-missing:after{content:"Asset pending";position:absolute;inset:0;display:grid;place-items:center;color:#86868b;font-size:calc(18 * var(--pc-u));letter-spacing:calc(.4 * var(--pc-u))}.wow-page .wow-media picture,.wow-page .wow-media img{width:100%;height:100%;object-fit:cover}.wow-page .wow-button{display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--pc-u));height:calc(48 * var(--pc-u));padding:0 calc(28 * var(--pc-u));border:0;border-radius:calc(100 * var(--pc-u));font-weight:600;font-size:calc(16 * var(--pc-u));text-decoration:none;cursor:pointer}.wow-page .wow-button--primary{background:#0071e3;color:#fff}.wow-page .wow-button--glass{background:rgba(255,255,255,.22);border:calc(1 * var(--pc-u)) solid rgba(255,255,255,.72);color:#fff;backdrop-filter:blur(calc(14 * var(--pc-u)))}.wow-page .wow-proof{border:calc(1 * var(--pc-u)) solid rgba(255,255,255,.52);border-radius:calc(24 * var(--pc-u));background:rgba(122,190,224,.63);box-shadow:0 calc(8 * var(--pc-u)) calc(30 * var(--pc-u)) rgba(0,0,0,.12);color:#fff;backdrop-filter:blur(calc(18 * var(--pc-u)))}.wow-page .wow-mobile-pending,.wow-page .wow-mobile-unavailable,.wow-page .wow-mobile-partial-note{display:none}.wow-page .wow-visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important} @media(max-width:767px){.wow-page{--mobile-u:min(1px,calc(100vw / 430));--pc-u:var(--mobile-u)}.wow-page .wow-section-shell{width:calc(410 * var(--mobile-u))}.wow-page .wow-section-heading{padding-top:calc(30 * var(--mobile-u));padding-bottom:calc(20 * var(--mobile-u))}.wow-page .wow-section-heading h2{font-size:calc(28 * var(--mobile-u));line-height:calc(34 * var(--mobile-u));letter-spacing:calc(-.56 * var(--mobile-u))}.wow-page .wow-section-heading p{margin-top:calc(2 * var(--mobile-u));font-size:calc(18 * var(--mobile-u));line-height:calc(24 * var(--mobile-u))}.wow-page .wow-mobile-pending,.wow-page .wow-mobile-unavailable,.wow-page .wow-mobile-partial-note{display:flex;width:calc(410 * var(--mobile-u));min-height:calc(120 * var(--mobile-u));margin-inline:auto;padding:calc(20 * var(--mobile-u));flex-direction:column;justify-content:center;gap:calc(8 * var(--mobile-u));border:1px dashed #999;border-radius:calc(16 * var(--mobile-u));color:#666;background:#fff;font-size:calc(14 * var(--mobile-u));line-height:calc(20 * var(--mobile-u));text-align:center}.wow-page .wow-desktop-only>.wow-page .wow-section-heading,.wow-page .wow-desktop-only>:not(.wow-page .wow-mobile-unavailable){display:none!important}.wow-page .wow-desktop-only{min-height:0!important;padding:calc(20 * var(--mobile-u)) 0!important}.wow-page .wow-button{height:calc(42 * var(--mobile-u));padding-inline:calc(24 * var(--mobile-u));font-size:calc(14 * var(--mobile-u))}.wow-page .wow-media{border-radius:calc(10 * var(--mobile-u))}.wow-page .wow-media.is-missing:after{font-size:calc(13 * var(--mobile-u))}} .wow-hero{--pc-u:min(1px,calc(100vw / 1920));position:relative;height:calc(100vh - var(--wow-header-height));height:calc(100svh - var(--wow-header-height));overflow:hidden;background:#111}.wow-hero__desktop{position:absolute;inset:0}.wow-page .wow-hero__media{position:absolute;inset:0;overflow:hidden;border-radius:0}.wow-page .wow-hero__media .wow-hero__poster{position:absolute;top:0%;left:-5.3646%;display:block;width:114.8958%;height:100%}.wow-page .wow-hero__poster img{display:block;width:100%;max-width:none;height:100%;object-fit:cover;object-position:center}.wow-hero__content{position:absolute;top:calc(115 * var(--pc-u));left:50%;width:calc(560 * var(--pc-u));transform:translateX(-50%);color:#fff;text-align:center}.wow-hero h1{margin:0;font-weight:600;font-size:calc(64 * var(--pc-u));line-height:calc(64 * var(--pc-u));letter-spacing:calc(-1.28 * var(--pc-u));white-space:nowrap}.wow-hero h1 span,.wow-hero__separator{font-weight:400}.wow-hero__tagline{margin:calc(12 * var(--pc-u)) 0 calc(26 * var(--pc-u));font-weight:500;font-size:calc(32 * var(--pc-u));line-height:calc(38.4 * var(--pc-u));letter-spacing:calc(-.32 * var(--pc-u));white-space:nowrap}.wow-hero__actions{display:flex;justify-content:center;align-items:center;gap:calc(32 * var(--pc-u))}.wow-hero .wow-button{height:calc(56 * var(--pc-u));padding:0 calc(48 * var(--pc-u));gap:calc(10 * var(--pc-u));border-radius:calc(100 * var(--pc-u));font-weight:500;font-size:calc(16 * var(--pc-u));line-height:calc(16 * var(--pc-u));letter-spacing:calc(-.32 * var(--pc-u));white-space:nowrap}.wow-hero .wow-button--video{width:calc(211 * var(--pc-u));border:calc(1 * var(--pc-u)) solid #0071e3;background:#0071e3;color:#fff}.wow-hero .wow-button--video img{width:calc(14 * var(--pc-u));height:calc(16 * var(--pc-u));flex:0 0 auto}.wow-hero .wow-button--buy{width:calc(160 * var(--pc-u));border:calc(3 * var(--pc-u)) solid #0071e3;background:transparent;color:#0071e3}.wow-hero .wow-button:disabled{opacity:1;cursor:default} @media(min-width:768px){.wow-hero__content{width:100%}} @media(max-width:767px){.wow-hero{--mobile-u:min(1px,calc(100vw / 430));width:100%;height:auto;aspect-ratio:430/602;padding:0;background:#111}.wow-hero__desktop{display:block}.wow-page .wow-hero__media .wow-hero__poster{top:0;left:0;width:100%;height:100%}.wow-page .wow-hero__poster img{width:100%;height:100%;object-fit:cover;object-position:center}.wow-page .wow-hero__media:after{content:"";position:absolute;z-index:1;top:0;right:0;left:0;height:calc(210 * var(--mobile-u));pointer-events:none;background:linear-gradient(180deg,rgba(28,28,31,.1),rgba(28,28,31,0));backdrop-filter:blur(calc(2 * var(--mobile-u)))}.wow-hero__content{z-index:2;top:calc(85 * var(--mobile-u));width:calc(410 * var(--mobile-u))}.wow-hero h1{height:calc(48 * var(--mobile-u));font-size:calc(24 * var(--mobile-u));line-height:calc(24 * var(--mobile-u));letter-spacing:calc(-.48 * var(--mobile-u));white-space:normal}.wow-hero h1 span{display:block}.wow-hero__separator{display:none}.wow-hero__tagline{width:calc(320 * var(--mobile-u));margin:calc(13 * var(--mobile-u)) auto calc(28 * var(--mobile-u));font-family:Poppins,WowFigtree,Arial,sans-serif;font-weight:400;font-size:calc(16 * var(--mobile-u));line-height:calc(16 * var(--mobile-u));letter-spacing:0;white-space:nowrap}.wow-hero__actions{gap:0}.wow-hero .wow-button--video{display:none}.wow-hero .wow-button--buy{width:auto;min-width:calc(151 * var(--mobile-u));height:calc(40 * var(--mobile-u));padding:0 calc(40 * var(--mobile-u));border:calc(1 * var(--mobile-u)) solid #0071e3;border-radius:calc(100 * var(--mobile-u));background:#0071e3;color:#fff;font-size:calc(12 * var(--mobile-u));line-height:calc(12 * var(--mobile-u));letter-spacing:calc(-.24 * var(--mobile-u))}} .wow-benefits{--pc-u:min(1px,calc(100vw / 1920));height:calc(1116 * var(--pc-u));padding:calc(128 * var(--pc-u)) 0 calc(64 * var(--pc-u));background:#f5f5f7}.wow-benefits__shell{width:calc(1500 * var(--pc-u));margin-inline:auto}.wow-benefits .wow-feature-card{position:relative;display:block;height:calc(400 * var(--pc-u));overflow:hidden;border-radius:calc(20 * var(--pc-u));background:#fff;color:#fff;text-decoration:none;box-shadow:0 calc(4 * var(--pc-u)) calc(20 * var(--pc-u)) rgba(0,0,0,.06)}.wow-benefits .wow-feature-card--wide{height:calc(460 * var(--pc-u));margin-bottom:calc(20 * var(--pc-u))}.wow-benefits__pair{display:grid;grid-template-columns:repeat(2,calc(740 * var(--pc-u)));gap:calc(20 * var(--pc-u))}.wow-benefits .wow-feature-card .wow-media{position:absolute;inset:0;border-radius:0}.wow-benefits .wow-feature-card .wow-media img{width:100%;height:100%;object-fit:cover}.wow-benefits .wow-feature-card__copy{position:absolute;z-index:1;top:calc(24 * var(--pc-u));left:calc(24 * var(--pc-u));display:flex;padding:calc(20 * var(--pc-u));flex-direction:column;gap:calc(8 * var(--pc-u));border-radius:calc(20 * var(--pc-u));background:rgba(0,0,0,.1)}.wow-benefits .wow-feature-card--wide .wow-feature-card__copy{gap:calc(6 * var(--pc-u))}.wow-benefits .wow-feature-card--ai .wow-feature-card__copy{top:auto;bottom:calc(24 * var(--pc-u))}.wow-benefits .wow-feature-card__copy strong{font-weight:700;font-size:calc(40 * var(--pc-u));line-height:1;letter-spacing:calc(-.8 * var(--pc-u));white-space:nowrap}.wow-benefits .wow-feature-card__copy span{font-weight:400;font-size:calc(18 * var(--pc-u));line-height:calc(24 * var(--pc-u));white-space:nowrap}.wow-benefits .wow-feature-card--wide .wow-feature-card__copy span{font-weight:500;font-size:calc(24 * var(--pc-u));letter-spacing:calc(-.48 * var(--pc-u));color:rgba(255,255,255,.8)}.wow-benefits .wow-feature-card--ai .wow-feature-card__copy span{font-size:calc(24 * var(--pc-u))}.wow-benefits .wow-feature-card__check{position:absolute;z-index:1;right:calc(24 * var(--pc-u));bottom:calc(24 * var(--pc-u));width:calc(32 * var(--pc-u));height:calc(32 * var(--pc-u))}.wow-benefits__summary{display:flex;height:calc(24 * var(--pc-u));margin-top:calc(20 * var(--pc-u));justify-content:center;align-items:center;gap:calc(32 * var(--pc-u));font-weight:500;font-size:calc(20 * var(--pc-u));line-height:calc(24 * var(--pc-u));white-space:nowrap}.wow-benefits__summary p{margin:0}.wow-benefits__summary strong{color:#000}.wow-benefits__summary span{color:#666} @media(max-width:767px){.wow-benefits{--mobile-u:min(1px,calc(100vw / 430));height:auto;padding:calc(23.72 * var(--mobile-u)) 0 calc(24 * var(--mobile-u));background:#fff}.wow-benefits__shell{width:100%}.wow-benefits .wow-feature-card,.wow-benefits .wow-feature-card--wide{width:calc(100% - (28.66 * var(--mobile-u)));height:auto;aspect-ratio:401.34/132.4;margin:0 auto calc(12.83 * var(--mobile-u));border-radius:calc(4 * var(--mobile-u));box-shadow:none}.wow-benefits__pair{display:flex;flex-direction:column;gap:calc(12.9 * var(--mobile-u))}.wow-benefits__pair .wow-feature-card{margin-bottom:0;aspect-ratio:401.34/132}.wow-benefits .wow-feature-card .wow-media img{object-fit:cover}.wow-benefits .wow-feature-card--silence .wow-media img{object-position:center 61%}.wow-benefits .wow-feature-card--energy .wow-media img{object-position:center 91%}.wow-benefits .wow-feature-card--ai .wow-media img{object-position:center}.wow-benefits .wow-feature-card__copy,.wow-benefits .wow-feature-card--ai .wow-feature-card__copy{top:auto;bottom:calc(10 * var(--mobile-u));left:calc(15.72 * var(--mobile-u));padding:0;gap:calc(2 * var(--mobile-u));border-radius:0;background:transparent}.wow-benefits .wow-feature-card__copy strong{font-weight:600;font-size:calc(16 * var(--mobile-u));line-height:calc(16 * var(--mobile-u));letter-spacing:calc(-.32 * var(--mobile-u))}.wow-benefits .wow-feature-card__copy span,.wow-benefits .wow-feature-card--wide .wow-feature-card__copy span,.wow-benefits .wow-feature-card--ai .wow-feature-card__copy span{font-weight:500;font-size:calc(8.6 * var(--mobile-u));line-height:calc(10 * var(--mobile-u));letter-spacing:0;color:inherit}.wow-benefits .wow-feature-card--energy{color:#000}.wow-benefits .wow-feature-card--ai .wow-feature-card__copy{display:none}.wow-benefits .wow-feature-card__check{display:none}.wow-benefits__summary{display:flex;width:calc(410 * var(--mobile-u));height:auto;margin:calc(12.9 * var(--mobile-u)) auto 0;flex-direction:column;gap:calc(1 * var(--mobile-u));font-size:calc(8.6 * var(--mobile-u));line-height:calc(10 * var(--mobile-u));white-space:nowrap;text-align:center}.wow-benefits__summary p{margin:0}.wow-benefits__summary strong{color:#000}.wow-benefits__summary span{color:#999}} .wow-silence{--pc-u:min(1px,calc(100vw / 1920));height:calc(1232 * var(--pc-u));background:#fff}.wow-silence__scene{height:calc(960 * var(--pc-u));border-radius:0}.wow-silence__scene>.wow-proof{position:absolute;left:50%;bottom:calc(72 * var(--pc-u));width:calc(520 * var(--pc-u));padding:calc(24 * var(--pc-u));transform:translateX(-50%);text-align:center}.wow-silence__scene>.wow-proof strong{display:block;font-size:calc(32 * var(--pc-u));line-height:calc(40 * var(--pc-u))}.wow-silence__scene>.wow-proof p{margin:calc(4 * var(--pc-u)) 0 0;font-size:calc(16 * var(--pc-u));line-height:calc(22 * var(--pc-u))} @media(max-width:767px){.wow-silence{--mobile-u:min(1px,calc(100vw / 430));height:calc(376 * var(--mobile-u))}.wow-silence .wow-section-heading{padding:calc(24 * var(--mobile-u)) 0 calc(14 * var(--mobile-u))}.wow-silence__scene{height:calc(290 * var(--mobile-u))}.wow-silence__scene>.wow-proof{bottom:calc(14 * var(--mobile-u));width:calc(250 * var(--mobile-u));padding:calc(10 * var(--mobile-u));border-radius:calc(14 * var(--mobile-u))}.wow-silence__scene>.wow-proof strong{font-size:calc(15 * var(--mobile-u));line-height:calc(18 * var(--mobile-u))}.wow-silence__scene>.wow-proof p{font-size:calc(8 * var(--mobile-u));line-height:calc(10 * var(--mobile-u))}} @media(max-width:767px){.wow-hero{height:calc(100vh - var(--wow-header-height));height:calc(100svh - var(--wow-header-height));aspect-ratio:auto}.wow-hero h1{height:auto}} @media (min-width: 1440px) { .wow-page .wow-hero__poster img { object-position: center 58%; } } /* AI Agent: inherit the WOW /1920 PC and capped /430 mobile profiles. Section and media heights follow content and the supplied image ratios. */ .wow-ai { --pc-u: min(1px, calc(100vw / 1920)); height: auto; padding: calc(80 * var(--pc-u)) 0 calc(99 * var(--pc-u)); background: #f5f5f7; } /* Match the KN banner button treatment and video modal interaction. */ .wow-hero__actions { position: relative; z-index: 3; display: flex; align-items: center; justify-content: center; gap: 32px; margin-top: 26px; visibility: visible; opacity: 1; } .wow-hero .wow-button { gap: 5px; height: 38px; min-height: 38px; padding: 0 18px; border: 1px solid #fff; border-radius: 999px; background: transparent; color: #fff; font-family: Figtree, sans-serif; font-size: 16px; font-weight: 600; line-height: 17.424px; letter-spacing: -.32px; text-align: center; text-decoration: none; white-space: nowrap; cursor: pointer; transition: color .2s ease, background .2s ease, border-color .2s ease; } .wow-hero .wow-button--video, .wow-hero .wow-button--buy { width: auto; min-width: 0; border-color: #fff; background: transparent; color: #fff; } .wow-hero .wow-button:hover { border-color: #fff; background: #FFFFFF3D; color: #fff; opacity: 1; } .wow-hero .wow-button:active { transform: translateY(1px); } .wow-hero__button-play, .wow-hero__button-arrow { display: block; flex: 0 0 auto; } .wow-hero__button-play { width: 6px; height: 11px; } .wow-hero__button-arrow { width: 10px; height: 10px; } .wow-subnav-holder { position: relative; z-index: 50; width: 100%; height: 0; visibility: hidden; pointer-events: none; background: #fff; } .wow-subnav-holder.is-revealed { height: 64px; visibility: visible; pointer-events: auto; } .wow-subnav { position: absolute; top: 0; left: 0; right: 0; z-index: 50; width: 100%; min-width: 320px; height: 64px; padding: 0 max(24px, calc((100vw - 1312px) / 2)); background: rgba(255, 255, 255, .96); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); } .wow-subnav.is-fixed { position: fixed; z-index: 100; box-shadow: 0 1px 0 rgba(0, 0, 0, .08); } #ly_web_header_0001_0.wow-subnav-site-header-hidden { opacity: 0 !important; visibility: hidden !important; pointer-events: none; transition: none !important; } .wow-subnav__inner { display: flex; align-items: center; gap: 32px; width: 100%; max-width: 1312px; height: 64px; margin: 0 auto; } .wow-subnav__brand { flex: 0 0 auto; margin: 0; color: #333; font-size: 24px; font-weight: 600; line-height: 1; letter-spacing: -.04em; white-space: nowrap; } .wow-subnav__links-scroll { flex: 1 1 auto; min-width: 0; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; scrollbar-width: none; cursor: grab; } .wow-subnav__links-scroll.is-dragging, .wow-subnav__links-scroll.is-dragging * { cursor: grabbing !important; user-select: none; -webkit-user-select: none; } .wow-subnav__links-scroll::-webkit-scrollbar { display: none; } .wow-subnav__links { display: flex; align-items: center; gap: 24px; width: max-content; margin: 0; padding: 0; list-style: none; } .wow-subnav__link { position: relative; display: block; padding: 24px 0; color: #999; font-size: 16px; font-weight: 500; line-height: 16px; text-decoration: none; white-space: nowrap; transition: color 160ms ease; } .wow-subnav__link:hover, .wow-subnav__link.is-active { color: #333; } .wow-subnav__link.is-active::after { content: ''; position: absolute; left: 0; right: 0; bottom: 15px; height: 2px; border-radius: 2px; background: #0071e3; } .wow-subnav__link:focus-visible, .wow-subnav__cta:focus-visible { outline: 2px solid #0071e3; outline-offset: 3px; } .wow-subnav__cta { display: inline-flex; flex: 0 0 auto; align-items: center; justify-content: center; min-width: 132px; height: 46px; padding: 0 26px; border-radius: 100px; background: #0071e3; color: #fff; font-size: 16px; font-weight: 600; line-height: 1; text-decoration: none; white-space: nowrap; transition: opacity 180ms ease, transform 180ms ease; } .wow-subnav__cta:hover { opacity: .88; } .wow-subnav__cta:active { transform: translateY(1px); } #wow-silence, #wow-energy, #wow-ai-agent, #wow-inquiry { scroll-margin-top: 64px; } @media (min-width: 768px) and (max-width: 1311px) { .wow-hero__actions { gap: calc(32 / 1312 * 100vw); margin-top: calc(26 / 1312 * 100vw); } } html.wow-video-modal-open, body.wow-video-modal-open { overflow: hidden; overscroll-behavior: none; } .wow-video-modal { --wow-modal-u: min(1px, calc(100vw / 1920)); position: fixed; inset: 0; z-index: 10050; display: none; align-items: center; justify-content: center; padding: calc(24 * var(--wow-modal-u)); overflow: hidden; background: rgba(0, 0, 0, .6); -webkit-backdrop-filter: blur(calc(16 * var(--wow-modal-u))); backdrop-filter: blur(calc(16 * var(--wow-modal-u))); font-family: WowFigtree, Figtree, Arial, sans-serif; touch-action: none; } .wow-video-modal.is-open { display: flex; } .wow-video-modal__dialog { display: flex; flex-direction: column; width: calc(1200 * var(--wow-modal-u)); max-width: 100%; overflow: hidden; border-radius: calc(20 * var(--wow-modal-u)); background: #1a1a1a; } .wow-video-modal__header { display: flex; align-items: center; justify-content: space-between; gap: calc(24 * var(--wow-modal-u)); padding: calc(24 * var(--wow-modal-u)) calc(24 * var(--wow-modal-u)) calc(25 * var(--wow-modal-u)); border-bottom: calc(1 * var(--wow-modal-u)) solid rgba(255, 255, 255, .1); } .wow-video-modal__copy { display: flex; min-width: 0; flex-direction: column; gap: calc(8 * var(--wow-modal-u)); } .wow-video-modal__title, .wow-video-modal__subtitle { margin: 0; color: #fff; letter-spacing: 0; } .wow-video-modal__title { font-size: calc(24 * var(--wow-modal-u)); font-weight: 600; line-height: calc(28.8 * var(--wow-modal-u)); } .wow-video-modal__subtitle { color: rgba(255, 255, 255, .6); font-size: calc(16 * var(--wow-modal-u)); font-weight: 400; line-height: calc(19.2 * var(--wow-modal-u)); } .wow-video-modal__close { position: relative; width: calc(24 * var(--wow-modal-u)); height: calc(24 * var(--wow-modal-u)); flex: 0 0 auto; padding: 0; border: 0; background: transparent; cursor: pointer; } .wow-video-modal__close::before, .wow-video-modal__close::after { content: ''; position: absolute; top: calc(11 * var(--wow-modal-u)); left: calc(2 * var(--wow-modal-u)); width: calc(20 * var(--wow-modal-u)); height: calc(2 * var(--wow-modal-u)); border-radius: calc(2 * var(--wow-modal-u)); background: #fff; } .wow-video-modal__close::before { transform: rotate(45deg); } .wow-video-modal__close::after { transform: rotate(-45deg); } .wow-video-modal__frame-wrap { position: relative; width: 100%; height: auto; aspect-ratio: 1200 / 675; background: #000; } .wow-video-modal__frame { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } .wow-video-modal__frame--native { display: block; object-fit: contain; background: #000; } .wow-video-modal__frame--native[hidden], .wow-video-modal__frame--embed[hidden] { display: none; } @media (max-width: 767px) { .wow-subnav-holder.is-revealed { height: 84px; } .wow-subnav { height: 84px; padding: 0 15px; } .wow-subnav__inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: 48px 36px; gap: 0; height: 84px; } .wow-subnav__brand { grid-column: 1; grid-row: 1; align-self: start; min-width: 0; max-width: 100%; padding-top: 16px; overflow: hidden; text-overflow: ellipsis; font-size: 16px; letter-spacing: -.04em; } .wow-subnav__cta { grid-column: 2; grid-row: 1; align-self: start; justify-self: end; min-width: 0; height: 30px; margin-top: 9px; padding: 0 16px; font-size: 12px; } .wow-subnav__links-scroll { grid-column: 1 / -1; grid-row: 2; width: calc(100% + 15px); height: 36px; padding-top: 7px; -webkit-mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 48px), transparent 100%); mask-image: linear-gradient(90deg, #000 0, #000 calc(100% - 48px), transparent 100%); } .wow-subnav__links { gap: 18px; padding-right: 30px; } .wow-subnav__link { height: 28px; padding: 2px 0 12px; font-size: 14px; line-height: 14px; } .wow-subnav__link.is-active::after { bottom: 5px; } #wow-silence, #wow-energy, #wow-ai-agent, #wow-inquiry { scroll-margin-top: 84px; } .wow-hero .wow-button--video { display: inline-flex; } .wow-hero__actions { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 12px; margin-top: 29px; } .wow-hero .wow-button { gap: 6px; min-width: 152px; height: 40px; min-height: 40px; padding: 0 24px; border: 1px solid #fff; border-radius: 100px; background: transparent; color: #fff; font-family: inherit; font-size: 12px; font-weight: 500; line-height: 12px; letter-spacing: 0; } .wow-hero .wow-button--buy { padding-inline: 40px; } .wow-hero__button-play { width: 6px; height: 11px; } .wow-hero__button-arrow { width: 10px; height: 10px; } .wow-video-modal { --wow-modal-u: min(1px, calc(100vw / 430)); padding: 0; } .wow-video-modal__dialog { width: 100%; max-width: 100%; border-radius: 0; background: transparent; } .wow-video-modal__header { display: contents; } .wow-video-modal__copy { width: 100%; gap: calc(8 * var(--wow-modal-u)); padding: calc(20 * var(--wow-modal-u)) calc(48 * var(--wow-modal-u)) calc(20 * var(--wow-modal-u)) calc(15 * var(--wow-modal-u)); background: #1a1a1a; } .wow-video-modal__title, .wow-video-modal__subtitle { font-size: calc(14 * var(--wow-modal-u)); line-height: calc(16.8 * var(--wow-modal-u)); white-space: normal; } .wow-video-modal__close { position: absolute; top: calc(20 * var(--wow-modal-u)); right: calc(15 * var(--wow-modal-u)); z-index: 2; } .wow-video-modal__frame-wrap { aspect-ratio: 430 / 242; touch-action: auto; } } /* Desktop composition for the revised Figma AI section (53:972). */ @media (min-width: 768px) { .wow-page .wow-ai { position: relative; height: calc(2799 * var(--pc-u)); overflow: hidden; background: #f5f5f7; } .wow-page .wow-ai__heading { position: absolute; top: calc(80 * var(--pc-u)); left: 50%; z-index: 2; width: calc(906 * var(--pc-u)); transform: translateX(-50%); } .wow-page .wow-ai__heading h2 { font-size: calc(64 * var(--pc-u)); line-height: calc(77 * var(--pc-u)); } .wow-page .wow-ai__heading p { font-size: calc(32 * var(--pc-u)); line-height: calc(56 * var(--pc-u)); } .wow-page .wow-ai__stack { position: absolute; top: calc(261 * var(--pc-u)); left: 50%; width: calc(1440 * var(--pc-u)); height: calc(2491 * var(--pc-u)); margin: 0; padding: 0; transform: translateX(-50%); border-radius: calc(24 * var(--pc-u)); background: #fff; } .wow-page .wow-ai-card--smart, .wow-page .wow-ai-card--entertainment, .wow-page .wow-ai-card--voice { position: absolute; left: 0; width: 100%; margin: 0; } .wow-page .wow-ai-card--smart { top: calc(60 * var(--pc-u)); } .wow-page .wow-ai-card--smart .wow-ai-card__copy, .wow-page .wow-ai-card--voice .wow-ai-card__copy { position: absolute; top: 0; left: 0; width: 100%; } .wow-page .wow-ai-card--smart .wow-ai-card__description { width: calc(1098 * var(--pc-u)); margin-top: calc(12 * var(--pc-u)); } .wow-page .wow-ai__media--smart { position: absolute; top: calc(156 * var(--pc-u)); left: calc(122 * var(--pc-u)); width: calc(1200 * var(--pc-u)); height: calc(550 * var(--pc-u)); margin: 0; } .wow-page .wow-ai__media--smart picture, .wow-page .wow-ai__media--smart picture img, .wow-page .wow-ai__media--entertainment picture, .wow-page .wow-ai__media--entertainment picture img, .wow-page .wow-ai__media--voice picture, .wow-page .wow-ai__media--voice picture img { width: 100%; height: 100%; object-fit: cover; } .wow-page .wow-ai-card--entertainment { top: calc(832 * var(--pc-u)); } .wow-page .wow-ai__media--entertainment { position: absolute; top: calc(140 * var(--pc-u)); left: calc(120 * var(--pc-u)); width: calc(1200 * var(--pc-u)); height: calc(610 * var(--pc-u)); margin: 0; } .wow-page .wow-ai__entertainment-description, .wow-page .wow-ai-card--voice .wow-ai-card__copy p { position: absolute; top: calc(48 * var(--pc-u)); left: 50%; width: calc(1098 * var(--pc-u)); margin: 0; transform: translateX(-50%); color: #666; font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: calc(24 * var(--pc-u)); letter-spacing: calc(-.2 * var(--pc-u)); text-align: center; } .wow-page .wow-ai__eco-cards { top: calc(99 * var(--pc-u)); right: calc(80 * var(--pc-u)); width: calc(432 * var(--pc-u)); gap: calc(14 * var(--pc-u)); } .wow-page .wow-ai__eco-card { position: relative; width: calc(432 * var(--pc-u)); height: calc(133 * var(--pc-u)); min-height: 0; padding: 0; } .wow-page .wow-ai__eco-card h4 { position: absolute; top: calc(20 * var(--pc-u)); left: calc(36 * var(--pc-u)); max-width: calc(257 * var(--pc-u)); padding: 0; border-radius: 0; background: transparent; } .wow-page .wow-ai__eco-card p { position: absolute; top: calc(59 * var(--pc-u)); left: calc(36 * var(--pc-u)); width: calc(242 * var(--pc-u)); margin: 0; font-size: calc(16 * var(--pc-u)); font-weight: 500; line-height: calc(19 * var(--pc-u)); } .wow-page .wow-ai__eco-card--journal p { width: calc(237 * var(--pc-u)); } .wow-page .wow-ai__eco-card--forest p { width: calc(236 * var(--pc-u)); } .wow-page .wow-ai__energy-report-icon--mobile { display: none; } .wow-page .wow-ai__energy-report-icon--desktop { display: block; width: calc(49 * var(--pc-u)); height: calc(62 * var(--pc-u)); right: calc(45 * var(--pc-u)); } .wow-page .wow-ai__eco-card--journal img { right: calc(38 * var(--pc-u)); width: calc(53 * var(--pc-u)); height: calc(63 * var(--pc-u)); } .wow-page .wow-ai__eco-card--forest img { right: calc(29 * var(--pc-u)); width: calc(73.23 * var(--pc-u)); height: calc(72 * var(--pc-u)); } .wow-page .wow-ai__feature-grid { display: none; } .wow-page .wow-ai-card--voice { top: calc(1648 * var(--pc-u)); } .wow-page .wow-ai-card--voice .wow-ai__media--voice { position: absolute; top: calc(108 * var(--pc-u)); left: calc(122 * var(--pc-u)); width: calc(1198 * var(--pc-u)); height: calc(610 * var(--pc-u)); margin: 0; } .wow-page .wow-ai-card--voice .wow-ai__voice-dashboard { display: none; } .wow-page .wow-ai__listening-label { position: absolute; top: calc(544 * var(--pc-u)); left: 0; width: 100%; margin: 0; font-size: calc(16 * var(--pc-u)); font-weight: 500; line-height: calc(19 * var(--pc-u)); text-align: center; color: #fff; } .wow-page .wow-ai__listening-icon { position: absolute; top: calc(576 * var(--pc-u)); left: 50%; width: calc(517 * var(--pc-u)); height: auto; transform: translateX(-50%); } } @media (max-width: 767px) { .wow-page .wow-ai__energy-report-icon--desktop, .wow-page .wow-ai__entertainment-description, .wow-page .wow-ai__listening-label, .wow-page .wow-ai__listening-icon { display: none; } .wow-page .wow-ai__energy-report-icon--mobile { display: block; } } /* Multilingual proof copy: allow the longer localized strings to wrap inside the card. */ @media (min-width: 768px) { .wow-page .wow-silence .wow-silence__scene > .wow-silence__proof { width: calc(857 * var(--pc-u)); height: calc(205 * var(--pc-u)); } .wow-page .wow-silence .wow-silence__proof-copy { width: calc(760 * var(--pc-u)); line-height: calc(24 * var(--pc-u)); } .wow-page .wow-silence .wow-silence__proof-copy p { white-space: normal; overflow-wrap: anywhere; } } @media (max-width: 767px) { .wow-page .wow-silence .wow-silence__scene > .wow-silence__proof { height: auto; min-height: calc(73.1 * var(--mobile-u)); padding: calc(9 * var(--mobile-u)) calc(10 * var(--mobile-u)); display: flex; flex-direction: column; align-items: center; justify-content: center; } .wow-page .wow-silence .wow-silence__metric { position: static; transform: none; flex: 0 0 auto; } .wow-page .wow-silence .wow-silence__proof-copy { position: static; top: auto; width: 100%; margin-top: calc(7 * var(--mobile-u)); transform: none; font-size: calc(9.2 * var(--mobile-u)); line-height: calc(11 * var(--mobile-u)); } .wow-page .wow-silence .wow-silence__proof-copy p { display: -webkit-box; white-space: normal; overflow-wrap: anywhere; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 4; } } .wow-ai__heading { text-align: center; } .wow-ai__heading h2 { margin: 0; color: #171717; font-size: calc(64 * var(--pc-u)); font-weight: 600; line-height: calc(77 * var(--pc-u)); letter-spacing: calc(-1.28 * var(--pc-u)); } .wow-ai__heading p { margin: 0; color: #000; font-family: Figtree, WowFigtree, Arial, sans-serif; font-size: calc(32 * var(--pc-u)); font-style: normal; font-weight: 400; line-height: calc(56 * var(--pc-u)); } .wow-ai__stack { width: calc(1440 * var(--pc-u)); margin: calc(51 * var(--pc-u)) auto 0; padding: calc(60 * var(--pc-u)) calc(120 * var(--pc-u)) calc(96 * var(--pc-u)); border-radius: calc(24 * var(--pc-u)); background: #fff; } .wow-ai-card { position: relative; } .wow-ai-card__copy { text-align: center; } .wow-ai-card__copy h3, .wow-ai__entertainment-title { margin: 0; color: #000; font-size: calc(32 * var(--pc-u)); font-weight: 600; line-height: 1.2; text-align: center; } .wow-ai-card__description { width: calc(1066 * var(--pc-u)); max-width: 100%; margin: calc(18 * var(--pc-u)) auto 0; color: #666; font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: calc(24 * var(--pc-u)); letter-spacing: calc(-.2 * var(--pc-u)); } .wow-ai-card__description p { margin: 0; } .wow-ai__media { position: relative; width: 100%; height: auto; overflow: hidden; border-radius: calc(24 * var(--pc-u)); } .wow-page .wow-ai__media picture, .wow-page .wow-ai__media picture img { display: block; width: 100%; height: auto; } .wow-ai__media--smart { margin-top: calc(29 * var(--pc-u)); } .wow-ai__smart-control { position: absolute; left: calc(49 * var(--pc-u)); bottom: calc(106 * var(--pc-u)); width: calc(381 * var(--pc-u)); color: #fff; font-weight: 500; } .wow-ai__smart-panel, .wow-ai__smart-tray, .wow-ai__eco-card { border-radius: calc(20 * var(--pc-u)); background: rgba(255, 255, 255, .2); box-shadow: 0 calc(19.97 * var(--pc-u)) calc(19.97 * var(--pc-u)) rgba(0, 0, 0, .05); -webkit-backdrop-filter: blur(calc(10 * var(--pc-u))); backdrop-filter: blur(calc(10 * var(--pc-u))); } .wow-page .wow-ai__smart-tray { display: none; } .wow-ai__smart-panel { padding: calc(22 * var(--pc-u)) calc(24 * var(--pc-u)) calc(25 * var(--pc-u)); } .wow-ai__smart-panel h4 { margin: 0; font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: calc(24 * var(--pc-u)); } .wow-ai__smart-temperature { margin: calc(13 * var(--pc-u)) 0 0; font-size: calc(90 * var(--pc-u)); line-height: 1; text-align: center; } .wow-ai__smart-location { margin: 0; font-size: calc(20 * var(--pc-u)); line-height: calc(24 * var(--pc-u)); text-align: center; } .wow-ai__smart-modes { display: flex; justify-content: center; align-items: center; gap: calc(26 * var(--pc-u)); margin: calc(22 * var(--pc-u)) calc(11 * var(--pc-u)) 0; padding: calc(8 * var(--pc-u)) calc(12 * var(--pc-u)); border-radius: calc(20 * var(--pc-u)); background: rgba(255, 255, 255, .2); font-size: calc(16 * var(--pc-u)); line-height: calc(19 * var(--pc-u)); } .wow-ai__smart-modes .is-selected { padding-inline: calc(8 * var(--pc-u)); border-radius: calc(30 * var(--pc-u)); background: #ff9000; } .wow-ai__smart-tray { margin-top: calc(11 * var(--pc-u)); padding: calc(6.5 * var(--pc-u)) calc(35.5 * var(--pc-u)); } .wow-page .wow-ai__smart-tray img { width: calc(310 * var(--pc-u)); height: calc(53 * var(--pc-u)); } .wow-ai-card--entertainment { margin-top: calc(43 * var(--pc-u)); } .wow-ai__media--entertainment { margin-top: calc(19 * var(--pc-u)); } .wow-ai__eco-cards { position: absolute; top: calc(99 * var(--pc-u)); right: calc(41 * var(--pc-u)); display: flex; width: calc(414 * var(--pc-u)); flex-direction: column; gap: calc(13 * var(--pc-u)); color: #fff; font-weight: 500; } .wow-ai__eco-card { position: relative; padding: calc(16 * var(--pc-u)) calc(20 * var(--pc-u)) calc(17 * var(--pc-u)); } .wow-ai__eco-card--journal, .wow-ai__eco-card--forest { padding-bottom: calc(36 * var(--pc-u)); } .wow-ai__eco-card h4 { display: inline-block; max-width: calc(245 * var(--pc-u)); margin: 0; padding: calc(5 * var(--pc-u)) calc(12 * var(--pc-u)); border-radius: calc(30 * var(--pc-u)); background: rgba(255, 255, 255, .3); font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: calc(24 * var(--pc-u)); } .wow-ai__eco-card p { width: calc(209 * var(--pc-u)); margin: calc(9 * var(--pc-u)) 0 0 calc(12 * var(--pc-u)); font-size: calc(16 * var(--pc-u)); line-height: calc(19 * var(--pc-u)); } .wow-page .wow-ai__eco-card img { position: absolute; top: 50%; right: calc(45 * var(--pc-u)); transform: translateY(-50%); width: calc(74 * var(--pc-u)); height: calc(72 * var(--pc-u)); object-fit: contain; } .wow-page .wow-ai__eco-card--map img { right: calc(58 * var(--pc-u)); width: calc(44 * var(--pc-u)); height: calc(61 * var(--pc-u)); } .wow-page .wow-ai__eco-card--journal img { right: calc(55 * var(--pc-u)); width: calc(53 * var(--pc-u)); height: calc(63 * var(--pc-u)); } .wow-ai__feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: calc(65 * var(--pc-u)); width: calc(1128 * var(--pc-u)); max-width: 100%; margin: calc(36 * var(--pc-u)) auto 0; text-align: center; } .wow-ai__feature-grid h4 { margin: 0; color: #000; font-size: calc(24 * var(--pc-u)); font-weight: 700; line-height: 1.2; } .wow-ai__feature-grid sup { font-size: 64.5%; line-height: 0; } .wow-ai__feature-grid p { margin: calc(12 * var(--pc-u)) 0 0; color: #666; font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: calc(24 * var(--pc-u)); letter-spacing: calc(-.2 * var(--pc-u)); } .wow-ai-card--voice { margin-top: calc(94 * var(--pc-u)); } .wow-ai__media--voice { width: calc(1198 * var(--pc-u)); max-width: 100%; margin: calc(38 * var(--pc-u)) auto 0; } .wow-ai__voice-dashboard { position: absolute; top: calc(121 * var(--pc-u)); right: calc(48 * var(--pc-u)); width: calc(383 * var(--pc-u)); aspect-ratio: 383 / 364; padding: calc(22 * var(--pc-u)) calc(18 * var(--pc-u)); border: calc(1 * var(--pc-u)) solid rgba(255, 255, 255, .5); border-radius: calc(20 * var(--pc-u)); background: rgba(255, 255, 255, .2); box-shadow: 0 calc(19.97 * var(--pc-u)) calc(19.97 * var(--pc-u)) rgba(0, 0, 0, .05); -webkit-backdrop-filter: blur(calc(10 * var(--pc-u))); backdrop-filter: blur(calc(10 * var(--pc-u))); color: #fff; text-align: center; } .wow-ai__voice-legend { display: flex; justify-content: center; align-items: center; gap: calc(23 * var(--pc-u)); font-size: calc(16 * var(--pc-u)); font-weight: 400; line-height: calc(19 * var(--pc-u)); } .wow-ai__voice-legend span { display: inline-flex; align-items: center; gap: calc(6 * var(--pc-u)); white-space: nowrap; } .wow-ai__voice-legend span::before { width: calc(6 * var(--pc-u)); height: calc(6 * var(--pc-u)); border-radius: 50%; content: ""; } .wow-ai__voice-legend .is-pv::before { background: #00ad4e; } .wow-ai__voice-legend .is-load::before { background: #2caaed; } .wow-ai__voice-percent { display: block; margin-top: calc(28 * var(--pc-u)); font-size: calc(80 * var(--pc-u)); font-weight: 400; line-height: 1; } .wow-ai__voice-label { margin: calc(3 * var(--pc-u)) 0 0; font-size: calc(20 * var(--pc-u)); font-weight: 400; line-height: calc(24 * var(--pc-u)); } .wow-page .wow-ai__voice-chart { display: block; width: calc(348 * var(--pc-u)); height: auto; margin: calc(28 * var(--pc-u)) auto 0; } @media (max-width: 767px) { .wow-ai { --mobile-u: min(1px, calc(100vw / 430)); height: auto; padding: 0 0 calc(30 * var(--mobile-u)); background: #f7f7f7; } .wow-ai__heading { padding: calc(13 * var(--mobile-u)) calc(15 * var(--mobile-u)) calc(24 * var(--mobile-u)); background: #fff; } .wow-ai__heading h2 { font-size: calc(24 * var(--mobile-u)); line-height: calc(40.13 * var(--mobile-u)); letter-spacing: 0; } .wow-ai__heading p { margin-top: calc(-4 * var(--mobile-u)); color: #333; font-size: calc(20 * var(--mobile-u)); font-weight: 500; line-height: calc(20 * var(--mobile-u)); } .wow-ai__stack { width: 100%; margin-top: calc(24 * var(--mobile-u)); padding: 0 calc(14 * var(--mobile-u)); border-radius: 0; background: #f7f7f7; } .wow-ai-card__copy h3, .wow-ai__entertainment-title { font-size: calc(20 * var(--mobile-u)); line-height: calc(24 * var(--mobile-u)); } .wow-ai-card__description { width: 100%; margin-top: calc(2 * var(--mobile-u)); font-size: calc(8.6 * var(--mobile-u)); font-weight: 400; line-height: 1.16; letter-spacing: 0; } .wow-ai__media { width: 100%; border-radius: calc(4 * var(--mobile-u)); } .wow-ai__media--smart { margin-top: calc(11 * var(--mobile-u)); } .wow-ai__smart-control, .wow-ai__eco-cards, .wow-ai__voice-dashboard { display: none; } .wow-ai-card--entertainment { margin-top: calc(25 * var(--mobile-u)); } .wow-ai__entertainment-title { position: absolute; z-index: 1; top: calc(20 * var(--mobile-u)); left: calc(14 * var(--mobile-u)); right: calc(14 * var(--mobile-u)); color: #fff; } .wow-ai__media--entertainment { margin-top: 0; } .wow-ai__feature-grid { grid-template-columns: minmax(0, 1fr); gap: calc(20 * var(--mobile-u)); width: 100%; margin-top: calc(30 * var(--mobile-u)); } .wow-ai__feature-grid h4 { font-size: calc(14 * var(--mobile-u)); line-height: 1.2; } .wow-ai__feature-grid p { margin-top: calc(4 * var(--mobile-u)); color: #999; font-size: calc(14 * var(--mobile-u)); font-weight: 400; line-height: 1.15; letter-spacing: 0; } .wow-ai-card--voice { margin-top: calc(23 * var(--mobile-u)); } .wow-ai__media--voice { margin-top: calc(10 * var(--mobile-u)); } } .wow-ecosystem { --pc-u: min(1px, calc(100vw / 1920)); height: auto; padding: calc(83 * var(--pc-u)) 0 calc(128 * var(--pc-u)); background: #f5f5f7; } .wow-ecosystem__heading { text-align: center; } .wow-ecosystem__heading h2 { margin: 0; color: #000; font-size: calc(32 * var(--pc-u)); font-weight: 600; line-height: 1.2; } .wow-ecosystem__heading p { width: calc(1066 * var(--pc-u)); max-width: 100%; margin: calc(12 * var(--pc-u)) auto 0; color: #666; font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: calc(24 * var(--pc-u)); letter-spacing: calc(-.2 * var(--pc-u)); text-align: center; } .wow-ecosystem__media { display: block; width: calc(1200 * var(--pc-u)); max-width: 100%; height: auto; margin: calc(70 * var(--pc-u)) auto 0; overflow: hidden; border-radius: calc(24 * var(--pc-u)); } .wow-page .wow-ecosystem__media img { display: block; width: 100%; height: auto; } @media (max-width: 767px) { .wow-ecosystem { --mobile-u: min(1px, calc(100vw / 430)); padding: calc(10 * var(--mobile-u)) 0 0; background: #fff; } .wow-ecosystem__heading h2 { font-size: calc(20 * var(--mobile-u)); line-height: calc(24 * var(--mobile-u)); } .wow-ecosystem__heading p { width: calc(384 * var(--mobile-u)); margin-top: calc(10 * var(--mobile-u)); color: #999; font-size: calc(14 * var(--mobile-u)); font-weight: 400; line-height: calc(18 * var(--mobile-u)); letter-spacing: 0; } .wow-ecosystem__media { width: calc(100% - (28 * var(--mobile-u))); max-width: none; margin-top: calc(20 * var(--mobile-u)); border-radius: calc(4 * var(--mobile-u)); } } .wow-energy { --pc-u: min(1px, calc(100vw / 1920)); position: relative; height: auto; overflow: hidden; background: #fff; margin-top: calc(108* var(--pc-u)); } .wow-energy__media, .wow-page .wow-energy__media img { display: block; width: 100%; height: auto; } .wow-energy__heading { position: absolute; top: calc(90 * var(--pc-u)); left: 0; z-index: 1; width: 100%; text-align: center; } .wow-energy__heading h2, .wow-energy__heading p { margin: 0; color: #000; } .wow-energy__heading h2 { font-size: calc(64 * var(--pc-u)); font-weight: 600; line-height: 1.2; letter-spacing: calc(-1.28 * var(--pc-u)); } .wow-energy__heading p { margin-top: calc(10 * var(--pc-u)); font-size: calc(32 * var(--pc-u)); font-weight: 500; line-height: 1.2; } .wow-energy__mobile-copy { display: none; } .wow-energy__proof { position: absolute; left: 50%; bottom: calc(61 * var(--pc-u)); z-index: 1; display: flex; width: calc(600 * var(--pc-u)); min-height: calc(160 * var(--pc-u)); padding: calc(23 * var(--pc-u)) calc(20 * var(--pc-u)) calc(18 * var(--pc-u)); transform: translateX(-50%); flex-direction: column; align-items: center; border: calc(1 * var(--pc-u)) solid rgba(255, 255, 255, .36); border-radius: calc(24 * var(--pc-u)); background: linear-gradient(180deg, rgba(255, 255, 255, .14), rgba(255, 255, 255, .04)), rgba(0, 0, 0, .1); box-shadow: inset 0 calc(1 * var(--pc-u)) 0 rgba(255, 255, 255, .18); -webkit-backdrop-filter: blur(calc(18 * var(--pc-u))) saturate(140%); backdrop-filter: blur(calc(18 * var(--pc-u))) saturate(140%); color: #fff; } .wow-energy__metric { display: flex; align-items: center; justify-content: center; font-size: calc(32 * var(--pc-u)); font-weight: 600; line-height: calc(38 * var(--pc-u)); white-space: nowrap; } .wow-page .wow-energy__metric img { display: block; height: auto; } .wow-page .wow-energy__metric-icon--bolt { width: calc(30 * var(--pc-u)); margin-right: calc(6 * var(--pc-u)); } .wow-energy__metric span:first-of-type { margin-right: calc(11 * var(--pc-u)); } .wow-page .wow-energy__metric-transfer { width: calc(35 * var(--pc-u)); margin-right: calc(16 * var(--pc-u)); } .wow-page .wow-energy__metric-icon--heat { width: calc(29 * var(--pc-u)); margin-right: calc(5 * var(--pc-u)); } .wow-energy__metric sup { font-size: calc(20 * var(--pc-u)); line-height: 0; } .wow-energy__proof p { width: 100%; max-width: calc(559 * var(--pc-u)); margin: calc(11 * var(--pc-u)) auto 0; font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: calc(24 * var(--pc-u)); letter-spacing: calc(-.2 * var(--pc-u)); text-align: center; } .wow-energy__proof p + p { margin-top: 0; } .wow-r290 { --pc-u: min(1px, calc(100vw / 1920)); display: flex; height: auto; padding: calc(172 * var(--pc-u)) 0 calc(64 * var(--pc-u)); overflow: hidden; flex-direction: column; align-items: center; background: #fff; } .wow-r290__heading { text-align: center; } .wow-r290__heading h2, .wow-r290__heading p { margin: 0; white-space: nowrap; } .wow-r290__heading h2 { color: #171717; font-size: calc(64 * var(--pc-u)); font-weight: 600; line-height: 1.2; letter-spacing: calc(-1.28 * var(--pc-u)); } .wow-r290__heading p { margin-top: calc(9 * var(--pc-u)); color: #000; font-size: calc(32 * var(--pc-u)); font-weight: 400; line-height: 1.2; } .wow-r290__scene { position: relative; width: calc(1200 * var(--pc-u)); max-width: 100%; height: auto; margin-top: calc(71 * var(--pc-u)); border-radius: calc(24 * var(--pc-u)); } .wow-r290__media, .wow-page .wow-r290__media img { display: block; width: 100%; height: auto; } .wow-r290__media { overflow: hidden; border-radius: inherit; } .wow-r290__comparison { position: absolute; left: 50%; bottom: calc(29 * var(--pc-u)); width: calc(450 * var(--pc-u)); aspect-ratio: 450 / 160; transform: translateX(-50%); color: #fff; } .wow-r290__comparison-rail { position: absolute; bottom: calc(24 * var(--pc-u)); left: 0; width: 100%; height: calc(111 * var(--pc-u)); border: 1px solid rgba(255, 255, 255, .22); border-radius: calc(24 * var(--pc-u)); background: rgba(0, 0, 0, .1); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); } .wow-r290__comparison-highlight { position: absolute; bottom: 0; left: 50%; width: calc(137 * var(--pc-u)); height: 100%; transform: translateX(-50%); border: 1px solid rgba(255, 255, 255, .24); border-radius: calc(24 * var(--pc-u)); background: rgba(255, 255, 255, .1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); } .wow-page .wow-r290__comparison-line-mobile { display: none; } .wow-page .wow-r290__comparison-line-desktop { position: absolute; left: calc(28.5 * var(--pc-u)); bottom: calc(86.5 * var(--pc-u)); z-index: 3; display: block; width: calc(393.005 * var(--pc-u)); height: calc(.5 * var(--pc-u)); max-width: none; transform: rotate(.29deg); pointer-events: none; } .wow-r290__comparison::after { display: none; position: absolute; left: calc(29 * var(--pc-u)); bottom: calc(85 * var(--pc-u)); z-index: 1; width: calc(393 * var(--pc-u)); height: calc(0.5 * var(--pc-u)); transform: rotate(.29deg); background: repeating-linear-gradient( 90deg, rgba(255, 255, 255, .46) 0, rgba(255, 255, 255, .46) calc(2 * var(--pc-u)), transparent calc(2 * var(--pc-u)), transparent calc(4 * var(--pc-u)) ); content: ""; pointer-events: none; } .wow-r290__comparison-item { position: absolute; z-index: 1; display: flex; flex-direction: column; align-items: center; font-weight: 500; text-align: center; } .wow-r290__comparison-item--left { bottom: calc(45 * var(--pc-u)); left: calc(52 * var(--pc-u)); } .wow-r290__comparison-item--center { bottom: calc(33 * var(--pc-u)); left: 50%; transform: translateX(-50%); } .wow-r290__comparison-item--right { right: calc(52 * var(--pc-u)); bottom: calc(45 * var(--pc-u)); } .wow-r290__comparison-item span, .wow-r290__comparison-item strong { font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: 1.2; } .wow-r290__comparison-item strong { display: flex; align-items: center; justify-content: center; gap: calc(3 * var(--pc-u)); margin-top: calc(28 * var(--pc-u)); } .wow-r290__comparison-item--center span, .wow-r290__comparison-item--center strong { font-size: calc(32 * var(--pc-u)); } .wow-page .wow-r290__comparison-item img { display: block; width: calc(24 * var(--pc-u)); height: auto; margin-right: calc(8 * var(--pc-u)); } .wow-r290__insights { display: flex; align-items: flex-start; justify-content: center; gap: calc(84 * var(--pc-u)); width: calc(900 * var(--pc-u)); max-width: 100%; margin-top: calc(40 * var(--pc-u)); } .wow-r290__insight { display: flex; width: calc(367 * var(--pc-u)); min-width: 0; flex-direction: column; align-items: center; color: #666; text-align: center; } .wow-r290__insight-heading { display: flex; min-height: calc(49 * var(--pc-u)); align-items: center; justify-content: center; gap: calc(15 * var(--pc-u)); color: #2caaed; font-size: calc(32 * var(--pc-u)); font-weight: 600; line-height: 1.2; white-space: nowrap; } .wow-page .wow-r290__insight-heading img { width: calc(38 * var(--pc-u)); height: calc(14 * var(--pc-u)); } .wow-r290__insight-heading sup { font-size: calc(20 * var(--pc-u)); line-height: 0; } .wow-page .wow-r290__globe { display: block; width: calc(49 * var(--pc-u)); height: calc(49 * var(--pc-u)); } .wow-r290__insight p { width: 100%; margin: calc(24 * var(--pc-u)) auto 0; color: #666; font-size: calc(20 * var(--pc-u)); font-weight: 500; line-height: calc(24 * var(--pc-u)); letter-spacing: calc(-.2 * var(--pc-u)); text-align: center; } @media (max-width: 767px) { .wow-energy, .wow-r290 { --mobile-u: min(1px, calc(100vw / 430)); } .wow-energy__pc-copy { display: none; } .wow-energy__mobile-copy { display: inline; } .wow-energy__heading { top: 0; padding: calc(12 * var(--mobile-u)) calc(15 * var(--mobile-u)) 0; } .wow-energy__heading h2 { font-size: calc(24 * var(--mobile-u)); line-height: calc(29 * var(--mobile-u)); letter-spacing: 0; } .wow-energy__heading p { margin-top: calc(5 * var(--mobile-u)); color: #333; font-size: calc(20 * var(--mobile-u)); line-height: calc(20 * var(--mobile-u)); } .wow-energy__media { padding-top: calc(91 * var(--mobile-u)); background: #fff; } .wow-energy__proof { display: none; } .wow-r290 { padding: calc(45 * var(--mobile-u)) 0 0; } .wow-r290__heading { width: 100%; padding-inline: calc(15 * var(--mobile-u)); } .wow-r290__heading h2, .wow-r290__heading p { white-space: normal; } .wow-r290__heading h2 { font-size: calc(24 * var(--mobile-u)); line-height: calc(33 * var(--mobile-u)); letter-spacing: 0; } .wow-r290__heading p { margin-top: calc(1 * var(--mobile-u)); color: #333; font-size: calc(20 * var(--mobile-u)); font-weight: 500; line-height: calc(21 * var(--mobile-u)); } .wow-r290__scene { width: 100%; margin-top: calc(23 * var(--mobile-u)); border-radius: 0; } .wow-r290__comparison { bottom: calc(15 * var(--mobile-u)); width: calc(263.04 * var(--mobile-u)); aspect-ratio: 263.04 / 93.53; } .wow-r290__comparison-rail { bottom: calc(14.56 * var(--mobile-u)); height: calc(64.88 * var(--mobile-u)); border: 1px solid rgba(255, 255, 255, .22); border-radius: calc(14.03 * var(--mobile-u)); -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px); } .wow-r290__comparison-highlight { width: calc(80.08 * var(--mobile-u)); border: 1px solid rgba(255, 255, 255, .24); border-radius: calc(14.03 * var(--mobile-u)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .16); -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px); } .wow-r290__comparison::after { display: none; } .wow-page .wow-r290__comparison-line-desktop { display: none; } .wow-page .wow-r290__comparison-line-mobile { position: absolute; left: calc(16.95 * var(--mobile-u)); bottom: calc(50.85 * var(--mobile-u)); z-index: 3; display: block; width: calc(229.725 * var(--mobile-u)); height: calc(.292268 * var(--mobile-u)); max-width: none; transform: rotate(.29deg); pointer-events: none; } .wow-r290__comparison-item--left { bottom: calc(27.7 * var(--mobile-u)); left: calc(28 * var(--mobile-u)); } .wow-r290__comparison-item--center { bottom: calc(20.74 * var(--mobile-u)); } .wow-r290__comparison-item--right { right: calc(28 * var(--mobile-u)); bottom: calc(27.7 * var(--mobile-u)); } .wow-r290__comparison-item span, .wow-r290__comparison-item strong { font-size: calc(11.69 * var(--mobile-u)); } .wow-r290__comparison-item strong { gap: calc(2 * var(--mobile-u)); margin-top: calc(15 * var(--mobile-u)); } .wow-r290__comparison-item--center span, .wow-r290__comparison-item--center strong { font-size: calc(18.71 * var(--mobile-u)); } .wow-page .wow-r290__comparison-item img { width: calc(14.0289 * var(--mobile-u)); height: calc(16.9515 * var(--mobile-u)); content: url("/module/custom-web/products/wow/images/wow-r290-leaf-mobile.svg"); } .wow-r290__insights { gap: calc(29 * var(--mobile-u)); width: calc(100% - (30 * var(--mobile-u))); margin-top: calc(23 * var(--mobile-u)); } .wow-r290__insight { width: auto; flex: 1 1 0; } .wow-r290__insight-heading { min-height: calc(26.73 * var(--mobile-u)); gap: calc(8 * var(--mobile-u)); font-size: calc(17.46 * var(--mobile-u)); } .wow-page .wow-r290__insight-heading img { width: calc(20.73 * var(--mobile-u)); height: auto; } .wow-r290__insight-heading sup { font-size: calc(11.26 * var(--mobile-u)); } .wow-page .wow-r290__globe { width: calc(26.73 * var(--mobile-u)); height: calc(26.73 * var(--mobile-u)); } .wow-r290__insight p { margin-top: calc(12.5 * var(--mobile-u)); color: #999; font-size: calc(9.27 * var(--mobile-u)); font-weight: 400; line-height: 1.1; letter-spacing: 0; } } .wow-other { --pc-u: min(1px, calc(100vw / 1920)); height: auto; padding: calc(80 * var(--pc-u)) 0 calc(40 * var(--pc-u)); overflow: hidden; background: #f5f5f7; } .wow-other > h2 { margin: 0; color: #171717; font-size: calc(64 * var(--pc-u)); font-weight: 600; line-height: 1.2; letter-spacing: calc(-1.28 * var(--pc-u)); text-align: center; } .wow-carousel { width: 100%; margin-top: calc(57 * var(--pc-u)); overflow: hidden; cursor: grab; touch-action: pan-y; user-select: none; } .wow-carousel.is-dragging { cursor: grabbing; } .wow-carousel__viewport { width: calc(50vw + (600 * var(--pc-u))); margin-left: calc(50vw - (600 * var(--pc-u))); overflow: visible; } .wow-carousel__track { display: flex; align-items: stretch; gap: calc(60 * var(--pc-u)); width: max-content; will-change: transform; transition: transform 520ms ease; } .wow-carousel__slide { position: relative; display: block; width: calc(1200 * var(--pc-u)); flex: 0 0 calc(1200 * var(--pc-u)); overflow: hidden; border-radius: calc(24 * var(--pc-u)); background: #fff; } .wow-carousel__media, .wow-page .wow-carousel__media img { display: block; width: 100%; height: auto; } .wow-carousel__media { overflow: hidden; aspect-ratio: 1200 / 617; border-radius: calc(24 * var(--pc-u)) calc(24 * var(--pc-u)) 0 0; } .wow-page .wow-carousel__media img { height: 100%; object-fit: cover; pointer-events: none; -webkit-user-drag: none; } .wow-carousel__copy { padding: calc(60 * var(--pc-u)) calc(30 * var(--pc-u)) calc(59 * var(--pc-u)); color: #000; text-align: left; } .wow-carousel__copy h3, .wow-carousel__copy p { margin: 0; } .wow-carousel__copy h3 { font-size: calc(32 * var(--pc-u)); font-weight: 600; line-height: 1.2; } .wow-carousel__copy p { margin-top: calc(12 * var(--pc-u)); font-size: calc(24 * var(--pc-u)); font-weight: 400; line-height: 1.2; } .wow-carousel__dots { display: flex; align-items: center; justify-content: center; gap: calc(23 * var(--pc-u)); margin-top: calc(80 * var(--pc-u)); } .wow-carousel__dot { position: relative; width: calc(20 * var(--pc-u)); height: calc(20 * var(--pc-u)); padding: 0; border: 0; background: transparent; cursor: pointer; } .wow-carousel__dot::before { position: absolute; box-sizing: border-box; top: 50%; left: 50%; width: calc(14 * var(--pc-u)); height: calc(14 * var(--pc-u)); transform: translate(-50%, -50%); border-radius: 50%; background: #d9d9d9; content: ""; transition: width 200ms ease, height 200ms ease, border-color 200ms ease, background 200ms ease; } .wow-carousel__dot.is-active::before { width: calc(20 * var(--pc-u)); height: calc(20 * var(--pc-u)); border: calc(2 * var(--pc-u)) solid #1688ff; background: #fff; } @media (max-width: 767px) { .wow-other { --mobile-u: min(1px, calc(100vw / 430)); padding: calc(40 * var(--mobile-u)) 0 calc(35 * var(--mobile-u)); background: #fff; } .wow-other > h2 { font-size: calc(24 * var(--mobile-u)); line-height: calc(29 * var(--mobile-u)); letter-spacing: 0; } .wow-carousel { margin-top: calc(14 * var(--mobile-u)); } .wow-carousel__viewport { width: calc(100% - (35 * var(--mobile-u))); margin: 0 auto; } .wow-carousel__track { gap: calc(35 * var(--mobile-u)); width: 100%; } .wow-carousel__slide { width: 100%; min-width: 100%; flex: 0 0 100%; border-radius: 0; } .wow-carousel__media { aspect-ratio: 1083 / 720; border-radius: calc(4 * var(--mobile-u)); clip-path: inset(0 round calc(4 * var(--mobile-u))); } .wow-carousel__copy { padding: 0; margin-top: calc(20 * var(--mobile-u)); text-align: left; } .wow-carousel__copy h3 { color: #333; font-size: calc(20 * var(--mobile-u)); line-height: calc(20 * var(--mobile-u)); } .wow-carousel__copy p { margin-top: calc(8 * var(--mobile-u)); color: #666; font-size: calc(14 * var(--mobile-u)); line-height: 1.5; } .wow-carousel__dots { gap: calc(8 * var(--mobile-u)); margin-top: calc(24 * var(--mobile-u)); } .wow-carousel__dot, .wow-carousel__dot.is-active { width: calc(8 * var(--mobile-u)); height: calc(8 * var(--mobile-u)); border: 0; } .wow-carousel__dot::before, .wow-carousel__dot.is-active::before { width: calc(8 * var(--mobile-u)); height: calc(8 * var(--mobile-u)); border: 0; } .wow-carousel__dot.is-active::before { background: #171717; } } .wow-inquiry { --pc-u: min(1px, calc(100vw / 1920)); --mobile-u: min(1px, calc(100vw / 430)); height: auto; background: #fff; } .wow-notes { width: 100%; margin: 0; background: #fff; } .wow-notes__inner { width: 100%; max-width: calc(768 * var(--mobile-u)); margin: 0 auto; padding: calc(40 * var(--mobile-u)) calc(20 * var(--mobile-u)); } .wow-notes__inner p { margin: 0; color: #999; font-size: calc(13 * var(--mobile-u)); font-weight: 400; line-height: 1.45; } .wow-notes__inner p + p { margin-top: calc(8 * var(--mobile-u)); } @media (min-width: 768px) { .wow-notes__inner { max-width: calc(1094 * var(--pc-u)); padding: calc(80 * var(--pc-u)) calc(10 * var(--pc-u)); } .wow-notes__inner p { font-size: calc(17 * var(--pc-u)); line-height: 1.45; } .wow-notes__inner p + p { margin-top: calc(4 * var(--pc-u)); } } /* X30 pool-owner carousel, reused on the Wow page. */ .x30-owners { --x30-owners-u: min(1px, calc(100vw / 1920)); position: relative; isolation: isolate; width: 100%; max-width: 1920px; height: calc(1080 * var(--x30-owners-u)); margin: 0 auto; overflow: hidden; color: #000; background: #fff; } .x30-owners__bg { position: absolute; top: calc(-43 * var(--x30-owners-u)); left: calc(-146 * var(--x30-owners-u)); width: calc(2066 * var(--x30-owners-u)); height: calc(1166.429 * var(--x30-owners-u)); background: #fff; } .x30-owners__header { position: relative; z-index: 2; padding-top: calc(111 * var(--x30-owners-u)); text-align: center; } .x30-owners__title, .x30-owners__subtitle { margin: 0 auto; font-weight: 400; line-height: normal; color: #000; } .x30-owners__title { width: calc(881 * var(--x30-owners-u)); font-family: WowFigtree, Figtree, Arial, Helvetica, sans-serif; font-size: calc(48 * var(--x30-owners-u)); font-weight: 700; letter-spacing: calc(-.96 * var(--x30-owners-u)); } .x30-owners__subtitle { width: calc(755 * var(--x30-owners-u)); margin-top: calc(6 * var(--x30-owners-u)); font-family: WowFigtree, Figtree, Arial, Helvetica, sans-serif; font-size: calc(32 * var(--x30-owners-u)); font-weight: 500; } .x30-owners__swiper { --x30-owners-shadow-gutter: 0px; --x30-owners-shadow-bleed: calc(64 * var(--x30-owners-u)); --x30-owners-edge-gap: calc(30 * var(--x30-owners-u)); position: absolute; top: calc(316 * var(--x30-owners-u)); left: calc(var(--x30-owners-edge-gap) - var(--x30-owners-shadow-gutter)); z-index: 2; box-sizing: border-box; width: calc(4000 * var(--x30-owners-u) + var(--x30-owners-shadow-gutter) * 2); padding: 0 var(--x30-owners-shadow-gutter) calc(56 * var(--x30-owners-u)); overflow: hidden; filter: none; clip-path: inset( calc(-1 * var(--x30-owners-shadow-bleed)) calc(-1 * var(--x30-owners-shadow-bleed)) calc(-1 * var(--x30-owners-shadow-bleed)) calc(-1 * var(--x30-owners-shadow-bleed)) ); } .x30-owners__swiper .swiper-wrapper { will-change: transform; } .x30-owner-card { position: relative; width: calc(584 * var(--x30-owners-u)); height: calc(551 * var(--x30-owners-u)); overflow: hidden; border: 0; border-radius: calc(20 * var(--x30-owners-u)); background: rgba(255, 255, 255, .8); box-shadow: 0 calc(4 * var(--x30-owners-u)) calc(50 * var(--x30-owners-u)) rgba(0, 0, 0, .05); -webkit-backdrop-filter: blur(calc(2 * var(--x30-owners-u))); backdrop-filter: blur(calc(2 * var(--x30-owners-u))); backface-visibility: hidden; transform: translateZ(0); transition: box-shadow .3s ease; } .x30-owner-card.swiper-slide-active, .x30-owner-card:hover { box-shadow: 0 calc(4 * var(--x30-owners-u)) calc(50 * var(--x30-owners-u)) rgba(0, 0, 0, .05); } .x30-owner-card__media { position: absolute; top: 0; left: 0; width: 100%; height: calc(318 * var(--x30-owners-u)); overflow: hidden; background: linear-gradient(135deg, #e8ecef 0%, #cfd6d9 100%); } .x30-owner-card__media > picture { display: block; width: 100%; height: 100%; } .wow-page .x30-owner-card__image { position: static; display: block; width: 100%; height: 100%; max-width: none; pointer-events: none; object-fit: cover; object-position: center; } .x30-owner-card__body { position: absolute; inset: calc(318 * var(--x30-owners-u)) 0 0; } .x30-owner-card h3 { position: absolute; top: calc(35 * var(--x30-owners-u)); left: calc(30 * var(--x30-owners-u)); width: calc(136 * var(--x30-owners-u)); height: calc(36 * var(--x30-owners-u)); margin: 0; font-family: WowFigtree, Figtree, Arial, Helvetica, sans-serif; font-size: calc(32 * var(--x30-owners-u)); font-weight: 700; line-height: normal; } .x30-owner-card:first-child h3 { left: calc(24 * var(--x30-owners-u)); } .wow-page .x30-owner-card__quote { position: absolute; top: calc(42 * var(--x30-owners-u)); right: calc(30 * var(--x30-owners-u)); display: block; width: calc(39 * var(--x30-owners-u)); height: calc(27 * var(--x30-owners-u)); max-width: none; object-fit: contain; pointer-events: none; } .x30-owner-card:first-child .x30-owner-card__quote { right: calc(25 * var(--x30-owners-u)); } .x30-owner-card p { position: absolute; top: calc(113 * var(--x30-owners-u)); left: calc(30 * var(--x30-owners-u)); width: calc(524 * var(--x30-owners-u)); margin: 0; font-family: WowFigtree, Figtree, Arial, Helvetica, sans-serif; font-size: calc(18 * var(--x30-owners-u)); font-weight: 500; line-height: 1.1; letter-spacing: calc(-.36 * var(--x30-owners-u)); color: #666; } .x30-owner-card:first-child p { left: calc(24 * var(--x30-owners-u)); width: calc(535 * var(--x30-owners-u)); } .x30-owners__controls { position: absolute; top: calc(949 * var(--x30-owners-u)); left: calc(1586 * var(--x30-owners-u)); z-index: 6; display: flex; align-items: center; gap: calc(29 * var(--x30-owners-u)); pointer-events: auto; } .x30-owners__button { --x30-owners-button-stroke: #666; position: relative; display: inline-flex; align-items: center; justify-content: center; width: calc(48 * var(--x30-owners-u)); height: calc(48 * var(--x30-owners-u)); padding: 0; border: 0; border-radius: 50%; background: #f5f5f5; color: #f5f5f5; cursor: pointer; pointer-events: auto; touch-action: manipulation; transform: translateZ(0); transition: color 180ms ease, opacity 180ms ease, transform 180ms ease; } .x30-owners__button:hover, .x30-owners__button:focus-visible { --x30-owners-button-stroke: #fff; color: rgba(102, 102, 102, 1); } .x30-owners__button:active { transform: translateY(1px); } .x30-owners__button:focus-visible { outline: 2px solid #000; outline-offset: calc(4 * var(--x30-owners-u)); } .x30-owners__button.swiper-button-disabled, .x30-owners__button:disabled { --x30-owners-button-stroke: #d9d9d9; color: rgba(255, 255, 255, .56); cursor: default; pointer-events: none; } .wow-page .x30-owners__button-icon { display: block; width: 100%; height: 100%; max-width: none; } @media (min-width: 1921px) { .x30-owners { --x30-wide-offset: calc((100vw - 1920px) / 2); max-width: none; margin-right: 0; margin-left: 0; } .x30-owners__controls { left: calc(var(--x30-wide-offset) + 1586 * var(--x30-owners-u)); } } @media (max-width: 767px) { .x30-owners { --x30-owners-u: min(1px, calc(100vw / 375)); height: calc(584 * var(--x30-owners-u)); padding: 0; background: #fff; } .x30-owners__bg { display: none; } .x30-owners__header { position: absolute; top: calc(73 * var(--x30-owners-u)); left: calc(15 * var(--x30-owners-u)); z-index: 2; padding: 0; text-align: left; } .x30-owners__title, .x30-owners__subtitle { width: 100%; margin: 0; } .x30-owners__title { font-size: calc(24 * var(--x30-owners-u)); line-height: calc(24 * var(--x30-owners-u)); letter-spacing: calc(-.48 * var(--x30-owners-u)); } .x30-owners__subtitle { margin-top: 0; font-size: calc(16 * var(--x30-owners-u)); line-height: calc(24 * var(--x30-owners-u)); } .x30-owners__swiper { --x30-owners-edge-gap: calc(15 * var(--x30-owners-u)); position: absolute; top: calc(152 * var(--x30-owners-u)); left: var(--x30-owners-edge-gap); z-index: 2; width: calc(894 * var(--x30-owners-u)); margin-top: 0; padding: 0; overflow: visible; filter: none; touch-action: pan-y; } .x30-owners__swiper .swiper-wrapper { align-items: stretch; } .x30-owner-card { width: calc(288 * var(--x30-owners-u)); height: calc(320 * var(--x30-owners-u)); overflow: hidden; border-radius: calc(9.873 * var(--x30-owners-u)); background: rgba(255, 255, 255, .8); box-shadow: 0 calc(1.975 * var(--x30-owners-u)) calc(14 * var(--x30-owners-u)) rgba(0, 0, 0, .05); -webkit-backdrop-filter: none; backdrop-filter: none; transition: none; } .x30-owner-card.swiper-slide-active, .x30-owner-card:hover { box-shadow: 0 calc(1.975 * var(--x30-owners-u)) calc(14 * var(--x30-owners-u)) rgba(0, 0, 0, .05); } .x30-owner-card__media { height: calc(156.98 * var(--x30-owners-u)); background: radial-gradient(circle at 62% 22%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 38%), linear-gradient(135deg, #edf1f3 0%, #d8e0e4 100%); } .wow-page .x30-owner-card__image { position: absolute; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; pointer-events: none; } .x30-owner-card__body { inset: calc(156.98 * var(--x30-owners-u)) 0 0; } .x30-owner-card h3, .x30-owner-card:first-child h3 { top: calc(17.277 * var(--x30-owners-u)); left: calc(14.81 * var(--x30-owners-u)); width: calc(67.136 * var(--x30-owners-u)); height: calc(17.771 * var(--x30-owners-u)); font-family: WowFigtree, Figtree, Arial, Helvetica, sans-serif; font-size: calc(17.771 * var(--x30-owners-u)); font-weight: 500; line-height: normal; } .x30-owner-card:first-child h3 { left: calc(11.848 * var(--x30-owners-u)); font-size: calc(18 * var(--x30-owners-u)); } .wow-page .x30-owner-card__quote, .wow-page .x30-owner-card:first-child .x30-owner-card__quote { top: calc(20.733 * var(--x30-owners-u)); right: calc(14.49 * var(--x30-owners-u)); width: calc(19.28 * var(--x30-owners-u)); height: calc(13.31 * var(--x30-owners-u)); } .wow-page .x30-owner-card:first-child .x30-owner-card__quote { right: calc(12.023 * var(--x30-owners-u)); } .x30-owner-card p, .x30-owner-card:first-child p { top: calc(56.02 * var(--x30-owners-u)); left: calc(15 * var(--x30-owners-u)); width: calc(254 * var(--x30-owners-u)); font-size: calc(14 * var(--x30-owners-u)); line-height: 1.2; letter-spacing: calc(-.28 * var(--x30-owners-u)); } .x30-owner-card:first-child p { left: calc(12 * var(--x30-owners-u)); width: calc(264 * var(--x30-owners-u)); } .x30-owner-card:nth-child(3) p, .x30-owner-card:nth-child(5) p { width: calc(260 * var(--x30-owners-u)); } .x30-owners__controls { top: calc(496 * var(--x30-owners-u)); right: calc(15 * var(--x30-owners-u)); left: auto; z-index: 8; display: flex; gap: calc(12 * var(--x30-owners-u)); } .x30-owners__button { width: calc(36 * var(--x30-owners-u)); height: calc(36 * var(--x30-owners-u)); } } .wow-copy-motion-ready .wow-page [data-wow-copy-motion] { opacity: 0; transform: translate3d(0, clamp(42px, 3.4vw, 64px), 0); transition: opacity 1.3s cubic-bezier(0, .18, .07, 1) var(--wow-copy-motion-delay, 0ms), transform 1.3s cubic-bezier(0, .18, .07, 1) var(--wow-copy-motion-delay, 0ms); will-change: opacity, transform; } .wow-copy-motion-ready .wow-page [data-wow-copy-motion].is-wow-copy-visible { opacity: 1; transform: translate3d(0, 0, 0); will-change: auto; } .wow-copy-motion-ready .wow-page .wow-silence__metric[data-wow-copy-motion], .wow-copy-motion-ready .wow-page .wow-silence__proof-copy[data-wow-copy-motion] { transform: translate3d(-50%, clamp(42px, 3.4vw, 64px), 0); } .wow-copy-motion-ready .wow-page .wow-silence__metric[data-wow-copy-motion].is-wow-copy-visible, .wow-copy-motion-ready .wow-page .wow-silence__proof-copy[data-wow-copy-motion].is-wow-copy-visible { transform: translate3d(-50%, 0, 0); } @media (max-width: 767px) { .wow-copy-motion-ready .wow-page [data-wow-copy-motion] { transform: translate3d(0, 32px, 0); transition-duration: 1.12s; } .wow-copy-motion-ready .wow-page [data-wow-copy-motion].is-wow-copy-visible { transform: translate3d(0, 0, 0); } .wow-copy-motion-ready .wow-page .wow-silence__metric[data-wow-copy-motion], .wow-copy-motion-ready .wow-page .wow-silence__proof-copy[data-wow-copy-motion] { transform: translate3d(0, 32px, 0); } .wow-copy-motion-ready .wow-page .wow-silence__metric[data-wow-copy-motion].is-wow-copy-visible, .wow-copy-motion-ready .wow-page .wow-silence__proof-copy[data-wow-copy-motion].is-wow-copy-visible { transform: translate3d(0, 0, 0); } .wow-copy-motion-ready .wow-page .wow-benefits [data-wow-copy-motion], .wow-copy-motion-ready .wow-page .wow-r290__insights [data-wow-copy-motion] { opacity: 1; transform: none; transition: none; will-change: auto; } } .wow-innovation { --innovation-u: min(1px, calc(100vw / 1920)); position: relative; width: 100%; height: calc(1703 * var(--innovation-u)); overflow: hidden; background: #fff; color: #0a0a0a; } .wow-innovation__header { position: absolute; z-index: 1; top: 0; left: 50%; width: calc(1094 * var(--innovation-u)); transform: translateX(-50%); text-align: center; } .wow-innovation__wordmark { position: absolute; top: calc(153.214 * var(--innovation-u)); left: 50%; display: block; width: calc(725 * var(--innovation-u)); height: calc(81 * var(--innovation-u)); transform: translateX(-50%); } .wow-page .wow-innovation__mobile-mark { display: none; } .wow-innovation__header h2 { position: absolute; top: calc(262 * var(--innovation-u)); left: 50%; width: calc(769 * var(--innovation-u)); margin: 0; transform: translateX(-50%); font-size: calc(32 * var(--innovation-u)); font-weight: 500; line-height: calc(38 * var(--innovation-u)); white-space: nowrap; } .wow-innovation__header p { position: absolute; top: calc(312 * var(--innovation-u)); left: 0; width: 100%; margin: 0; color: #666; font-size: calc(20 * var(--innovation-u)); font-weight: 500; line-height: calc(24 * var(--innovation-u)); letter-spacing: calc(-.2 * var(--innovation-u)); } .wow-innovation__visual { position: absolute; top: calc(440 * var(--innovation-u)); left: 0; width: 100%; height: calc(1097 * var(--innovation-u)); overflow: hidden; } .wow-innovation__visual img { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; object-fit: cover; } .wow-artfully { --artfully-u: min(1px, calc(100vw / 1920)); display: flex; width: 100%; height: calc(1187 * var(--artfully-u)); flex-direction: column; align-items: center; gap: calc(30 * var(--artfully-u)); overflow: hidden; background: #fff; } .wow-artfully h2 { width: 100%; height: calc(77 * var(--artfully-u)); flex: 0 0 auto; margin: 0; color: #171717; font-size: calc(64 * var(--artfully-u)); font-weight: 600; line-height: calc(77 * var(--artfully-u)); letter-spacing: calc(-1.28 * var(--artfully-u)); text-align: center; white-space: nowrap; } .wow-artfully__visual { position: relative; width: 100%; height: calc(1080 * var(--artfully-u)); flex: 0 0 auto; overflow: hidden; } .wow-artfully__visual img { position: absolute; top: -25.44%; left: -15.32%; display: block; width: 115.31%; height: 134.93%; max-width: none; object-fit: fill; } @media (max-width: 767px) { .wow-innovation { --innovation-u: min(1px, calc(100vw / 430)); height: auto; padding: 0; } .wow-innovation__header { position: relative; left: auto; width: 100%; margin: 0 auto calc(16 * var(--innovation-u)); transform: none; } .wow-page .wow-innovation__wordmark { display: none; } .wow-page .wow-innovation__mobile-mark { position: static; display: block; width: calc(284 * var(--innovation-u)); height: calc(31 * var(--innovation-u)); margin: 0 auto calc(4 * var(--innovation-u)); object-fit: contain; } .wow-innovation__header h2, .wow-innovation__header p { position: static; width: auto; transform: none; white-space: normal; } .wow-innovation__header h2 { width: calc(100% - 48 * var(--innovation-u)); margin: 0 auto; color: #333; font-size: calc(16 * var(--innovation-u)); font-weight: 500; line-height: calc(17 * var(--innovation-u)); } .wow-innovation__header p { display: none; } .wow-innovation__visual { position: relative; top: auto; left: auto; width: 100%; height: auto; aspect-ratio: 430 / 286; } .wow-innovation__visual picture, .wow-innovation__visual img { display: block; left: 0; width: 100%; height: 100%; object-fit: cover; } .wow-artfully { --artfully-u: min(1px, calc(100vw / 430)); display: flex; height: auto; gap: calc(16 * var(--artfully-u)); padding: calc(36 * var(--artfully-u)) 0; } .wow-artfully h2 { width: calc(100% - 76 * var(--artfully-u)); height: auto; font-size: calc(24 * var(--artfully-u)); line-height: calc(29 * var(--artfully-u)); letter-spacing: calc(-.48 * var(--artfully-u)); white-space: normal; } .wow-artfully__visual { width: 100%; height: auto; aspect-ratio: 430 / 242; } .wow-artfully__visual picture, .wow-artfully__visual img { position: static; display: block; width: 100%; height: 100%; max-width: none; object-fit: cover; } }