#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;} /* 顶部广告语 */ /*#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)); } #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{padding: 64px 0; background-color: #000;} #ly_web_footer_0001_0Intro .logo{margin: 0 auto; width: 160px; height: 48px;} #ly_web_footer_0001_0Top{padding: 40px 0 104px; gap: 0 6.837%;} #ly_web_footer_0001_0Top .item{width: max-content; max-width: 19.39%;} #ly_web_footer_0001_0Top .list_item{} #ly_web_footer_0001_0Top .list_item .title{font-family: "Figtree-SemiBold"; font-size: 12px; line-height: 100%; color: var(--color-text-white);} #ly_web_footer_0001_0Top .list_item .two_li{margin-top: 16px; font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; color: #c1c1c1;} #ly_web_footer_0001_0Top .contact{gap: 18px 0;} #ly_web_footer_0001_0Top .contact .li{gap: 0 4px;} #ly_web_footer_0001_0Top .contact .icon{width: 16px; height: 16px;} #ly_web_footer_0001_0Top .contact .text{width: calc(100% - 20px);font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; color: #c1c1c1;} #ly_web_footer_0001_0Top .contact .text .dot{display: none;} #ly_web_footer_0001_0Share{padding-bottom: 24px; gap: 0 12px; border-bottom: 1px solid rgba(123, 126, 134, 1);} #ly_web_footer_0001_0Share .item{width: 24px; height: 24px;} #ly_web_footer_0001_0Share .item .svg{width: 24px; height: 24px; fill: #fff;} #ly_web_footer_0001_0Share .item .svg path{fill: inherit;} #ly_web_footer_0001_0Form{padding-top: 16px;} #ly_web_footer_0001_0Form .left{gap: 10px 24px; max-width: 30%; flex-wrap: wrap;} #ly_web_footer_0001_0Form .nav{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; color: #C1C1C1; } #ly_web_footer_0001_0Form .signup{gap: 0 16px;} #ly_web_footer_0001_0Form .text{font-family: "Figtree-Bold"; font-size: 12px; line-height: 100%; color: var(--color-text-white);} #ly_web_footer_0001_0Form .form{gap: 0 15px; padding: 2px 2px 2px 8px; min-width: 234px; height: max-content; background-color: var(--color-bg-card); border-radius: 100px;} #ly_web_footer_0001_0Form .form label{display: block; width: 100%;} #ly_web_footer_0001_0Form .form .input{width: 100%; height: 100%; padding-right: 8px; font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; } #ly_web_footer_0001_0Form .signup .button{background:#000; color: var(--color-text-white); padding: 8px 16px; border-radius:100px; cursor: pointer; font-family: "Figtree-Medium"; font-size: 8px; line-height: 100%; white-space:nowrap; border: 0;} #ly_web_footer_0001_0Form .world{gap: 0 4px; } #ly_web_footer_0001_0Form .world span{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; color: #C1C1C1;} #ly_web_footer_0001_0Form .form-tip{left: 10px; top: calc(100% + 8px); z-index: 1;} #ly_web_footer_0001_0Form .form-error{font-family: Poppins; font-size: 12px; line-height: 100%; color: #F94073;} #ly_web_footer_0001_0Form .form-success{font-family: Poppins; font-size: 14px; line-height: 100%; color: #20B759;} #ly_web_footer_0001_0_bottom{padding-top: 32px;} #ly_web_footer_0001_0_bottom .box{flex-wrap: wrap;} #ly_web_footer_0001_0_bottom *, #ly_web_footer_0001_0_bottom a{font-family: "Figtree-Medium"; font-size: 12px; line-height: 100%; text-align: center; color: #C1C1C1;} @media (max-width: 1024px) { .ly_web_footer_0001_0Wrap .cw980{width: 74.6%;} #ly_web_footer_0001_0Top{padding: 40px 0 63px; gap: 0 1.837%;} #ly_web_footer_0001_0Top .item{width: 23.39%;} #ly_web_footer_0001_0Top .list_item .title{font-size: 14px;} } /* @media (max-width: 992px) { #ly_web_footer_0001_0Top{padding: .303rem 0 .4773rem;} #ly_web_footer_0001_0Top .list_item .title{font-size: .1061rem;} #ly_web_footer_0001_0Top .list_item .two_li{margin-top: .1212rem; font-size: 12px;} #ly_web_footer_0001_0Top .contact{gap: .1364rem 0;} #ly_web_footer_0001_0Top .contact .li{gap: 0 .0303rem;} #ly_web_footer_0001_0Top .contact .icon{width: .1212rem; height: .1212rem;} #ly_web_footer_0001_0Top .contact .text{width: calc(100% - .1515rem); font-size: .0909rem; } #ly_web_footer_0001_0Share{padding-bottom: .1818rem; gap: 0 .0909rem;} #ly_web_footer_0001_0Share .item{width: .1818rem; height: .1818rem;} #ly_web_footer_0001_0Share .item .svg{width: .1818rem; height: .1818rem; } #ly_web_footer_0001_0Form{padding-top: .1212rem;} #ly_web_footer_0001_0Form .left{gap: 0 .1818rem; } #ly_web_footer_0001_0Form .nav{font-size: .0909rem;} #ly_web_footer_0001_0Form .signup{gap: 0 .1212rem;} #ly_web_footer_0001_0Form .text{ font-size: .0909rem;} #ly_web_footer_0001_0Form .form{gap: 0 .1136rem; padding: .0152rem .0152rem .0152rem .0606rem; min-width: 1.7727rem; } #ly_web_footer_0001_0Form .form .input{padding-right: .0606rem; font-size: .0909rem;} #ly_web_footer_0001_0Form .signup .button{padding: .0606rem .1212rem; font-size: .0606rem; } #ly_web_footer_0001_0Form .world{gap: 0 .0303rem; } #ly_web_footer_0001_0Form .world span{font-size: .0909rem;} #ly_web_footer_0001_0_bottom{padding-top: .2424rem;} #ly_web_footer_0001_0_bottom *, #ly_web_footer_0001_0_bottom a{font-size: .0909rem;} } */ @media (max-width: 768px) { .ly_web_footer_0001_0Wrap{padding: 48px 0;} .ly_web_footer_0001_0Wrap .cw980{width: 76.2%;} /* 列表 */ #ly_web_footer_0001_0Top{padding: 20px 0; gap: 0; flex-wrap: wrap;} #ly_web_footer_0001_0Top .item{width: 100%; max-width: initial;} #ly_web_footer_0001_0Top .list_item {border-bottom: 1px solid rgba(255, 255, 255, .4); padding-bottom: 20px;} #ly_web_footer_0001_0Top .list_item .title{font-size: 14px; padding: 20px 0 0; display: flex; justify-content: space-between; align-items: center;} #ly_web_footer_0001_0Top .list_item .title .one-icon{display: block; width: 12px; height: 12px; position: relative;} #ly_web_footer_0001_0Top .list_item .title .one-icon i{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1;} #ly_web_footer_0001_0Top .list_item .title .one-icon i:nth-child(1){width: 100%; height: 2px; background-color: #fff; border-radius: 5px; transition: all .5s ease;} #ly_web_footer_0001_0Top .list_item .title .one-icon i:nth-child(2){width: 2px; height: 100%; background-color: #fff; border-radius: 5px;} #ly_web_footer_0001_0Top .list_item.cur .title .one-icon{transform: rotate(90deg);} #ly_web_footer_0001_0Top .list_item.cur .title .one-icon i:nth-child(1){opacity: 0;} #ly_web_footer_0001_0Top .list_item .two_list{height: 0; overflow: hidden; transition: all .5s ease-in-out;} #ly_web_footer_0001_0Top .list_item .two{padding: 16px 0 0;} #ly_web_footer_0001_0Top .list_item .two_li{font-size: 14px !important; line-height: 100% !important; } #ly_web_footer_0001_0Top .list_item .two_li:first-child{margin-top: 0;} /* 分享 */ #ly_web_footer_0001_0Share{display: none;} #ly_web_footer_0001_0Share.mb{margin-top: 28px; padding-bottom: 0; gap: 0 12px; display: flex; border: 0; justify-content: center;} #ly_web_footer_0001_0Share .item{width: 32px; height: 32px;} #ly_web_footer_0001_0Share .item .svg{width: 73%; height: 73%;} /* 表单 */ #ly_web_footer_0001_0Form.mb{display: block; width: 100%; margin-top: 24px;} #ly_web_footer_0001_0Form.pc .signup{display: none;} #ly_web_footer_0001_0Form .signup{width: 100%; flex-direction: column;} #ly_web_footer_0001_0Form .signup .text{width: 100%; font-size: 12px; text-align: center;} #ly_web_footer_0001_0Form .signup .formBox {width: 91.13%;} #ly_web_footer_0001_0Form .signup .form{width: 100%; margin-top: 16px; gap: 0 10px; padding: 3px 6px 3px 10px; min-width: initial; justify-content: space-between;} #ly_web_footer_0001_0Form .form .input { padding-right: 10px; font-size: 12px;} #ly_web_footer_0001_0Form .signup .button { padding: 6.5px 10.5px; font-size: 12px; line-height: 160%;} /* 联系 */ #ly_web_footer_0001_0Top .contact{margin-top: 18px; gap: 12px 0;} #ly_web_footer_0001_0Top .contact .li{gap: 0 6px;} #ly_web_footer_0001_0Top .contact .icon{width: 18px; height: 18px;} #ly_web_footer_0001_0Top .contact .icon img{transform: scale(1.3);} #ly_web_footer_0001_0Top .contact .text{width: calc(100% - 18px - 6px); font-size: 14px;} #ly_web_footer_0001_0Form.pc{padding-top: 4px; flex-wrap: wrap;} #ly_web_footer_0001_0Form .left{gap: 10px; width: 100%; max-width: 100%;} #ly_web_footer_0001_0Form .nav{font-size: 12px; line-height: 160%;} /* 语言选择 */ #ly_web_footer_0001_0Form .world{display: none; gap: 0 6px; margin-top: 24px; width: 100%; justify-content: flex-start;} #ly_web_footer_0001_0Form .world img{transform: scale(1.4);} #ly_web_footer_0001_0Form .world span{font-size: 15px; line-height: 160%;} #ly_web_footer_0001_0_bottom{padding-top: 27px;} #ly_web_footer_0001_0_bottom .box{justify-content: flex-start;} #ly_web_footer_0001_0_bottom *, #ly_web_footer_0001_0_bottom a{font-size: 12px;} #ly_web_footer_0001_0Form .form-error{font-size: 12px;} #ly_web_footer_0001_0Form .form-success{font-size: 12px;} } #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;} } #saasbody.has-about-v2-banner { margin-top: 0 !important; } @supports selector(body:has(*)) { body:has(#ly_web_banner_0004_0.about-v2-banner) #saasbody { margin-top: 0 !important; } } #ly_web_banner_0004_0 { --about-v2-banner-u: min(1px, calc(100vw / 1920)); position: relative; width: 100%; height: 100vh; min-height: 100vh; overflow: hidden; background: #d9d9d9; line-height: 0; } @supports (height: 100dvh) { #ly_web_banner_0004_0 { height: 100dvh; min-height: 100dvh; } } #ly_web_banner_0004_0 .media, #ly_web_banner_0004_0 .media picture, #ly_web_banner_0004_0 .media img { display: block; width: 100%; height: 100%; } #ly_web_banner_0004_0 .media picture.is-mobile-only, #ly_web_banner_0004_0 .brand-logo picture.is-mobile-only { display: none; } #ly_web_banner_0004_0 .media { position: absolute; inset: 0; } #ly_web_banner_0004_0 .media img { object-fit: cover; object-position: center; } #ly_web_banner_0004_0 .content { z-index: 1; align-items: center; padding-top: 0; color: #fff; text-align: center; pointer-events: none; } #ly_web_banner_0004_0 .content-inner { display: flex; flex-direction: column; align-items: center; width: calc(900 * var(--about-v2-banner-u)); transform: translateY(-7vh); } #ly_web_banner_0004_0 .brand-logo { width: calc(201 * var(--about-v2-banner-u)); height: calc(44 * var(--about-v2-banner-u)); } #ly_web_banner_0004_0 .brand-logo picture, #ly_web_banner_0004_0 .brand-logo img { display: block; width: 100%; height: 100%; } #ly_web_banner_0004_0 .brand-logo img { object-fit: contain; } #ly_web_banner_0004_0 .title { margin-top: calc(12 * var(--about-v2-banner-u)); font-family: "Figtree-Bold", "Figtree", sans-serif; font-size: calc(48 * var(--about-v2-banner-u)); font-weight: 700; line-height: 1.2; letter-spacing: -0.02em; color: #fff; white-space: nowrap; } #ly_web_banner_0004_0 .title-mobile { display: none; } #ly_web_banner_0004_0 .story-button { display: inline-flex; align-items: center; justify-content: center; /* gap: 5px; */ gap: calc(5 * var(--about-v2-banner-u)); margin-top: calc(40 * var(--about-v2-banner-u)); padding: calc(10 * var(--about-v2-banner-u)) calc(18 * var(--about-v2-banner-u)) calc(10 * var(--about-v2-banner-u)); border: calc(1.54 * var(--about-v2-banner-u)) solid #fff; border-radius: 999px; background: transparent; font-family: "Figtree-SemiBold", "Figtree", sans-serif; font-size: calc(16 * var(--about-v2-banner-u)); font-weight: 600; line-height: calc(17 * var(--about-v2-banner-u)); letter-spacing: -0.02em; color: #fff; pointer-events: auto; } #ly_web_banner_0004_0 .story-button svg { flex: 0 0 auto; /* width: 10px; height:10px; */ width: calc(10 * var(--about-v2-banner-u)); height: calc(10 * var(--about-v2-banner-u)); } #ly_web_banner_0004_0 .story-button:hover, #ly_web_banner_0004_0 .story-button:focus-visible { background: #fff; color: #111; } #ly_web_banner_0004_0 .story-button:focus-visible { outline: 2px solid #fff; outline-offset: 4px; } #ly_web_banner_0004_0 .story-button-mobile { display: none; } @media (max-width: 767px) { #ly_web_banner_0004_0 { --about-v2-banner-mobile-u: calc(100vw / 880); height: calc(1236 * var(--about-v2-banner-mobile-u)); min-height: 0; margin-top: 48px; } @supports selector(body:has(*)) { body:has(header > section:not(.no-top-slogan) .top_slogan) #ly_web_banner_0004_0 { margin-top: 72px; } } #ly_web_banner_0004_0 .content { display: block; padding: 0; } #ly_web_banner_0004_0 .content-inner { position: relative; width: 100%; height: 100%; transform: none; } #ly_web_banner_0004_0 .media picture:not(.has-mobile-image), #ly_web_banner_0004_0 .brand-logo picture:not(.has-mobile-image) { display: none; } #ly_web_banner_0004_0 .media picture.is-mobile-only.has-mobile-image, #ly_web_banner_0004_0 .brand-logo picture.is-mobile-only.has-mobile-image { display: block; } #ly_web_banner_0004_0 .brand-logo { position: absolute; top: calc(500.6504 * var(--about-v2-banner-mobile-u)); left: calc(340 * var(--about-v2-banner-mobile-u)); width: calc(201 * var(--about-v2-banner-mobile-u)); height: calc(44 * var(--about-v2-banner-mobile-u)); } #ly_web_banner_0004_0 .title { position: absolute; top: calc(566.6504 * var(--about-v2-banner-mobile-u)); left: 50%; width: calc(800 * var(--about-v2-banner-mobile-u)); height: calc(58 * var(--about-v2-banner-mobile-u)); margin: 0; font-size: calc(48 * var(--about-v2-banner-mobile-u)); line-height: 1.208333; text-align: center; text-transform: capitalize; transform: translateX(-50%); white-space: nowrap; } #ly_web_banner_0004_0 .title-desktop { display: none; } #ly_web_banner_0004_0 .title-mobile { display: block; } #ly_web_banner_0004_0 .story-button-desktop { display: none; } #ly_web_banner_0004_0 .story-button-mobile { display: inline-flex; position: absolute; top: calc(672.6504 * var(--about-v2-banner-mobile-u)); left: 50%; width: auto; min-height: calc(61.4665 * var(--about-v2-banner-mobile-u)); height: auto; gap: calc(8.88 * var(--about-v2-banner-mobile-u)); margin: 0; padding: calc(17.33 * var(--about-v2-banner-mobile-u)) calc(32 * var(--about-v2-banner-mobile-u)); border-width: calc(1.539 * var(--about-v2-banner-mobile-u)); font-size: calc(30 * var(--about-v2-banner-mobile-u)); line-height: calc(26.807 * var(--about-v2-banner-mobile-u)); box-sizing: border-box; transform: translateX(-50%); white-space: nowrap; } #ly_web_banner_0004_0 .story-button-mobile .story-button-icon { display: block; flex: 0 0 auto; width: calc(19.98 * var(--about-v2-banner-mobile-u)); height: calc(19.98 * var(--about-v2-banner-mobile-u)); transform: rotate(90deg); } } #ly_web_about_0101_1WhoWeAre { --ig-about-v2-who-u: min(1px, calc(100vw / 1920)); width: 100%; min-height: calc(782 * var(--ig-about-v2-who-u)); padding: calc(135 * var(--ig-about-v2-who-u)) 0 calc(129 * var(--ig-about-v2-who-u)); box-sizing: border-box; color: #000; background: #fff; } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__inner { width: calc(1503 * var(--ig-about-v2-who-u)); margin-left: calc(50% - 735 * var(--ig-about-v2-who-u)); } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__title { margin: 0; font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(56 * var(--ig-about-v2-who-u)); font-weight: 700; line-height: normal; letter-spacing: -.02em; color: #000; } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__rule { display: block; width: calc(519.5 * var(--ig-about-v2-who-u)); height: max(1px, calc(1 * var(--ig-about-v2-who-u))); margin-top: calc(60.8 * var(--ig-about-v2-who-u)); background: #ccc; } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__copy { width: 100%; margin-top: calc(42 * var(--ig-about-v2-who-u)); font-family: "Figtree-Regular", "Figtree", Arial, sans-serif; font-size: calc(24 * var(--ig-about-v2-who-u)); font-weight: 400; line-height: 1.4; letter-spacing: normal; color: #000; } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__copy strong { font-family: "Figtree-SemiBold", "Figtree", Arial, sans-serif; font-weight: 600; } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__copy p { margin: 0; } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__copy p + p { margin-top: calc(33.6 * var(--ig-about-v2-who-u)); } @media (max-width: 767px) { #ly_web_about_0101_1WhoWeAre { --ig-about-v2-who-mobile-u: calc(100vw / 880); min-height: calc(1048 * var(--ig-about-v2-who-mobile-u)); padding: calc(168.65 * var(--ig-about-v2-who-mobile-u)) 0 calc(170.35 * var(--ig-about-v2-who-mobile-u)); } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__inner { width: calc(798 * var(--ig-about-v2-who-mobile-u)); margin-left: calc(41 * var(--ig-about-v2-who-mobile-u)); } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__title { font-size: calc(64 * var(--ig-about-v2-who-mobile-u)); line-height: normal; letter-spacing: -.02em; } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__rule { width: calc(492 * var(--ig-about-v2-who-mobile-u)); height: calc(1 * var(--ig-about-v2-who-mobile-u)); margin-top: calc(52.55 * var(--ig-about-v2-who-mobile-u)); } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__copy { margin-top: calc(32.65 * var(--ig-about-v2-who-mobile-u)); font-family: "Figtree-Regular", "Figtree", Arial, sans-serif; font-size: calc(30 * var(--ig-about-v2-who-mobile-u)); font-weight: 400; line-height: calc(38 * var(--ig-about-v2-who-mobile-u)); letter-spacing: calc(-.3 * var(--ig-about-v2-who-mobile-u)); } #ly_web_about_0101_1WhoWeAre .ig-about-v2-who__copy p + p { margin-top: calc(38 * var(--ig-about-v2-who-mobile-u)); } } #ly_web_about_0101_1Culture { --ig-about-v2-culture-u: min(1px, calc(100vw / 1920)); display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; width: 100%; height: auto; min-height: 0; overflow: visible; background: #fff; } #ly_web_about_0101_1Culture .ig-about-v2-culture__item { position: relative; min-width: 0; height: auto; aspect-ratio: 16 / 27; overflow: hidden; background: #17282c; } #ly_web_about_0101_1Culture .ig-about-v2-culture__item + .ig-about-v2-culture__item { border-left: max(1px, calc(1 * var(--ig-about-v2-culture-u))) solid rgba(255, 255, 255, .8); } #ly_web_about_0101_1Culture .ig-about-v2-culture__picture.is-mobile-only { display: none; } #ly_web_about_0101_1Culture picture { display: block; width: 100%; height: 100%; } #ly_web_about_0101_1Culture .ig-about-v2-culture__image { display: block; position: static; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center center; } #ly_web_about_0101_1Culture .ig-about-v2-culture__content { position: absolute; top: calc(101 * var(--ig-about-v2-culture-u)); left: 12.85%; z-index: 2; width: calc(87.15% - 32 * var(--ig-about-v2-culture-u)); color: #fff; } #ly_web_about_0101_1Culture .ig-about-v2-culture__item--3 .ig-about-v2-culture__content { left: 14.0625%; } #ly_web_about_0101_1Culture .ig-about-v2-culture__content::before { position: absolute; top: calc(8 * var(--ig-about-v2-culture-u)); bottom: 0; left: calc(-18 * var(--ig-about-v2-culture-u)); width: max(1px, calc(1 * var(--ig-about-v2-culture-u))); background: rgba(255, 255, 255, .92); content: ""; } #ly_web_about_0101_1Culture .ig-about-v2-culture__label { margin: 0; font-family: "Figtree", "Figtree-Regular", Arial, sans-serif; font-size: calc(28 * var(--ig-about-v2-culture-u)); font-weight: 400; line-height: 1.2143; letter-spacing: -.02em; color: #fff; } #ly_web_about_0101_1Culture .ig-about-v2-culture__value { margin-top: calc(4 * var(--ig-about-v2-culture-u)); font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(40 * var(--ig-about-v2-culture-u)); font-weight: 700; line-height: 1; letter-spacing: -.02em; color: #fff; } @media (max-width: 767px) { #ly_web_about_0101_1Culture { --ig-about-v2-culture-mobile-u: calc(100vw / 880); display: block; height: auto; min-height: 0; overflow: hidden; } #ly_web_about_0101_1Culture .ig-about-v2-culture__item { width: 100%; height: calc(900 * var(--ig-about-v2-culture-mobile-u)); min-height: calc(900 * var(--ig-about-v2-culture-mobile-u)); aspect-ratio: auto; margin-bottom: calc(20 * var(--ig-about-v2-culture-mobile-u)); } #ly_web_about_0101_1Culture .ig-about-v2-culture__item + .ig-about-v2-culture__item { border-top: 0; border-left: 0; } #ly_web_about_0101_1Culture .ig-about-v2-culture__picture:not(.has-mobile-image) { display: none; } #ly_web_about_0101_1Culture .ig-about-v2-culture__picture.is-mobile-only.has-mobile-image { display: block; } #ly_web_about_0101_1Culture .ig-about-v2-culture__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; } #ly_web_about_0101_1Culture .ig-about-v2-culture__content, #ly_web_about_0101_1Culture .ig-about-v2-culture__item--3 .ig-about-v2-culture__content { top: calc(138.612 * var(--ig-about-v2-culture-mobile-u)); left: calc(112.974 * var(--ig-about-v2-culture-mobile-u)); width: calc(100% - 150 * var(--ig-about-v2-culture-mobile-u)); } #ly_web_about_0101_1Culture .ig-about-v2-culture__content::before { top: calc(9.039 * var(--ig-about-v2-culture-mobile-u)); bottom: auto; left: calc(-24.975 * var(--ig-about-v2-culture-mobile-u)); width: calc(1.38 * var(--ig-about-v2-culture-mobile-u)); height: calc(103 * var(--ig-about-v2-culture-mobile-u)); } #ly_web_about_0101_1Culture .ig-about-v2-culture__label { font-size: calc(40 * var(--ig-about-v2-culture-mobile-u)); line-height: 1.2; } #ly_web_about_0101_1Culture .ig-about-v2-culture__value { margin-top: calc(8 * var(--ig-about-v2-culture-mobile-u)); font-size: calc(56 * var(--ig-about-v2-culture-mobile-u)); line-height: 1; } } #ly_web_about_0102_2Achievements { --ig-about-v2-achievements-u: min(1px, calc(100vw / 1920)); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; width: 100%; height: auto; min-height: 0; box-sizing: border-box; background: #fff; color: #000; overflow: visible; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__visual { position: relative; min-width: 0; height: auto; aspect-ratio: 960 / 1079; overflow: hidden; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__picture { display: block; width: 100%; height: 100%; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__picture.is-mobile-only { display: none; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__image { display: block; position: static; width: 100%; height: 100%; object-fit: cover; object-position: center center; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__copy { position: absolute; top: calc(186 * var(--ig-about-v2-achievements-u)); left: calc((100% - 530 * var(--ig-about-v2-achievements-u)) / 2); z-index: 1; width: calc(530 * var(--ig-about-v2-achievements-u)); } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__title { margin: 0; font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(56 * var(--ig-about-v2-achievements-u)); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__intro { margin: calc(24 * var(--ig-about-v2-achievements-u)) 0 0; font-family: "Figtree-Medium", "Figtree", Arial, sans-serif; font-size: calc(20 * var(--ig-about-v2-achievements-u)); font-weight: 500; line-height: 1.28; letter-spacing: -.02em; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__panel { display: flex; align-items: center; justify-content: flex-start; min-width: 0; height: 100%; box-sizing: border-box; padding-top: calc(92 * var(--ig-about-v2-achievements-u)); padding-right: calc(210 * var(--ig-about-v2-achievements-u)); padding-bottom: calc(60 * var(--ig-about-v2-achievements-u)); padding-left: calc(223 * var(--ig-about-v2-achievements-u)); } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__list { display: grid; grid-template-rows: 159fr 154fr 154fr 151fr 151fr 158fr; width: calc(527 * var(--ig-about-v2-achievements-u)); height: calc(927 * var(--ig-about-v2-achievements-u)); max-height: none; flex: 0 0 auto; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__item { display: flex; flex-direction: column; justify-content: flex-start; min-height: 0; box-sizing: border-box; padding: calc(20 * var(--ig-about-v2-achievements-u)) 0 calc(10 * var(--ig-about-v2-achievements-u)); border-top: 1px solid #000; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__number { font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(56 * var(--ig-about-v2-achievements-u)); font-weight: 700; line-height: 1; letter-spacing: -.02em; font-variant-numeric: tabular-nums; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__label { margin-top: calc(4 * var(--ig-about-v2-achievements-u)); font-family: "Figtree-Medium", "Figtree", Arial, sans-serif; font-size: calc(24 * var(--ig-about-v2-achievements-u)); font-weight: 500; line-height: 1.2; letter-spacing: -.02em; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__image.is-achievement-ready { opacity: .72; will-change: opacity; transition: opacity 1.3s cubic-bezier(0, .18, .07, 1); } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__copy.is-achievement-ready { --ig-about-v2-achievements-copy-shift: 56px; opacity: 0; transform: translate3d(0, var(--ig-about-v2-achievements-copy-shift), 0); will-change: opacity, transform; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__item.is-achievement-ready { opacity: 0; transform: translate3d(0, 72px, 0); will-change: opacity, transform; transition: opacity 1.3s cubic-bezier(0, .18, .07, 1) var(--ig-about-v2-item-delay, 0ms), transform 1.3s cubic-bezier(0, .18, .07, 1) var(--ig-about-v2-item-delay, 0ms); } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__image.is-achievement-ready.is-achievement-visible, #ly_web_about_0102_2Achievements .ig-about-v2-achievements__item.is-achievement-ready.is-achievement-visible { opacity: 1; transform: translate3d(0, 0, 0) scale(1); will-change: auto; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__copy.is-achievement-ready.is-achievement-visible { animation: ig-about-v2-achievements-copy-in .9s cubic-bezier(.22, .61, .36, 1) both; } @keyframes ig-about-v2-achievements-copy-in { from { opacity: 0; transform: translate3d(0, var(--ig-about-v2-achievements-copy-shift), 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } @media (max-width: 767px) { #ly_web_about_0102_2Achievements { --ig-about-v2-achievements-mobile-u: calc(100vw / 880); display: block; position: relative; height: auto; min-height: 0; overflow: hidden; background: #f2f5f6; margin-bottom: calc(20 * var(--ig-about-v2-achievements-mobile-u)); } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__visual { position: relative; height: auto; min-height: 0; aspect-ratio: auto; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__picture, #ly_web_about_0102_2Achievements .ig-about-v2-achievements__image { display: block; width: 100%; height: auto; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__picture:not(.has-mobile-image) { display: none; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__picture.is-mobile-only.has-mobile-image { display: block; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__copy { top: calc(94 * var(--ig-about-v2-achievements-mobile-u)); left: calc(175 * var(--ig-about-v2-achievements-mobile-u)); width: calc(530 * var(--ig-about-v2-achievements-mobile-u)); } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__title { font-size: calc(64 * var(--ig-about-v2-achievements-mobile-u)); line-height: 1.2; white-space: nowrap; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__intro { width: 100%; max-width: none; margin-top: calc(14 * var(--ig-about-v2-achievements-mobile-u)); font-size: calc(30 * var(--ig-about-v2-achievements-mobile-u)); line-height: 1.28; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__panel { display: block; position: absolute; top: calc(420 * var(--ig-about-v2-achievements-mobile-u)); left: calc(186 * var(--ig-about-v2-achievements-mobile-u)); width: calc(561 * var(--ig-about-v2-achievements-mobile-u)); height: auto; padding: 0; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__list { display: grid; grid-template-rows: 159fr 154fr 154fr 151fr 152fr 172fr; width: 100%; height: calc(942 * var(--ig-about-v2-achievements-mobile-u)); max-height: none; border-bottom: 1px solid #000; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__item { align-items: flex-end; min-height: 0; padding: calc(20 * var(--ig-about-v2-achievements-mobile-u)) 0 0; text-align: right; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__number { font-size: calc(56 * var(--ig-about-v2-achievements-mobile-u)); line-height: 1; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__label { margin-top: calc(4 * var(--ig-about-v2-achievements-mobile-u)); font-size: calc(30 * var(--ig-about-v2-achievements-mobile-u)); line-height: 1.2; white-space: nowrap; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__copy.is-achievement-ready { --ig-about-v2-achievements-copy-shift: 40px; } #ly_web_about_0102_2Achievements .ig-about-v2-achievements__item.is-achievement-ready { transform: translate3d(0, calc(56 * var(--ig-about-v2-achievements-mobile-u)), 0); } } #ly_web_about_0103_3Milestones { --ig-about-v2-milestones-u: min(1px, calc(100vw / 1920)); position: relative; width: 100%; height: calc(996 * var(--ig-about-v2-milestones-u)); min-height: 0; box-sizing: border-box; overflow: hidden; background: #000; color: #fff; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__header { position: absolute; top: calc(96 * var(--ig-about-v2-milestones-u)); left: 50%; width: calc(1500 * var(--ig-about-v2-milestones-u)); transform: translateX(-50%); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__title { margin: 0; font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(56 * var(--ig-about-v2-milestones-u)); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__intro { width: calc(696 * var(--ig-about-v2-milestones-u)); margin: calc(24 * var(--ig-about-v2-milestones-u)) 0 0; font-family: "Figtree-Medium", "Figtree", Arial, sans-serif; font-size: calc(20 * var(--ig-about-v2-milestones-u)); font-weight: 500; line-height: 1.2; letter-spacing: -.02em; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-progress, #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-meta { display: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-summary { display: contents; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__timeline { position: absolute; top: calc(324 * var(--ig-about-v2-milestones-u)); right: 0; left: calc((100vw - 1500 * var(--ig-about-v2-milestones-u)) / 2); height: calc(122 * var(--ig-about-v2-milestones-u)); overflow-x: auto; overflow-y: hidden; overscroll-behavior-x: contain; scrollbar-width: none; /* Keep vertical page scrolling native, but handle horizontal touch dragging ourselves so browser momentum cannot skip from 2004 to the first item. */ touch-action: pan-y; cursor: grab; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__timeline::-webkit-scrollbar { display: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__timeline.is-dragging { cursor: grabbing; user-select: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__track { display: block; position: relative; width: calc(var(--ig-about-v2-milestones-track-width) * var(--ig-about-v2-milestones-u)); min-width: 100%; height: 100%; padding: 0; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__rail { position: absolute; top: calc(112 * var(--ig-about-v2-milestones-u)); left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, .24); pointer-events: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab { position: absolute; left: calc(var(--ig-about-v2-milestone-x) * var(--ig-about-v2-milestones-u)); width: auto; min-width: 0; height: 100%; padding: 0; border: 0; outline: 0; background: transparent; color: rgba(255, 255, 255, .4); font: inherit; text-align: center; cursor: pointer; transform: translateX(-50%); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__year { position: absolute; top: calc(57 * var(--ig-about-v2-milestones-u)); left: 50%; font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(28 * var(--ig-about-v2-milestones-u)); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; white-space: nowrap; transform: translateX(-50%); transition: top .45s cubic-bezier(.22, 1, .36, 1), font-size .45s cubic-bezier(.22, 1, .36, 1), color .3s ease; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab::before { display: block; visibility: hidden; font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(28 * var(--ig-about-v2-milestones-u)); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; white-space: nowrap; content: attr(data-year); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tick { position: absolute; top: calc(107 * var(--ig-about-v2-milestones-u)); left: 50%; width: calc(2 * var(--ig-about-v2-milestones-u)); height: calc(10 * var(--ig-about-v2-milestones-u)); min-width: 1px; background: rgba(255, 255, 255, .42); transform: translateX(-50%); transition: top .35s ease, width .35s ease, height .35s ease, background-color .3s ease; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab.is-active { color: #fff; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab.is-active .ig-about-v2-milestones__year { top: 0; font-size: calc(56 * var(--ig-about-v2-milestones-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab.is-active::before { font-size: calc(56 * var(--ig-about-v2-milestones-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab.is-active .ig-about-v2-milestones__tick { top: calc(102 * var(--ig-about-v2-milestones-u)); width: calc(4 * var(--ig-about-v2-milestones-u)); height: calc(20 * var(--ig-about-v2-milestones-u)); background: #fff; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab:focus-visible { outline: 2px solid #fff; outline-offset: -2px; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panels { position: absolute; top: calc(532 * var(--ig-about-v2-milestones-u)); left: 50%; width: calc(1344 * var(--ig-about-v2-milestones-u)); height: calc(272 * var(--ig-about-v2-milestones-u)); transform: translateX(-50%); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel { display: grid; grid-template-columns: calc(480 * var(--ig-about-v2-milestones-u)) calc(800 * var(--ig-about-v2-milestones-u)); column-gap: calc(64 * var(--ig-about-v2-milestones-u)); position: absolute; inset: 0; opacity: 0; transform: translate3d(0, calc(20 * var(--ig-about-v2-milestones-u)), 0); transition: opacity .45s ease, transform .55s cubic-bezier(.22, 1, .36, 1); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel[hidden] { display: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel.is-active { opacity: 1; transform: translate3d(0, 0, 0); animation: ig-about-v2-milestones-panel-enter .55s cubic-bezier(.22, 1, .36, 1) both; } @keyframes ig-about-v2-milestones-panel-enter { from { opacity: 0; transform: translate3d(0, 20px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); } } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__media { display: flex; align-items: center; justify-content: center; width: calc(480 * var(--ig-about-v2-milestones-u)); height: calc(272 * var(--ig-about-v2-milestones-u)); overflow: hidden; background: rgba(255, 255, 255, .1); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__image { display: block; width: calc(406 * var(--ig-about-v2-milestones-u)); max-width: 84.5834%; height: auto; max-height: 82%; object-fit: contain; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__content { padding-top: calc(35 * var(--ig-about-v2-milestones-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel-title { margin: 0; font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(40 * var(--ig-about-v2-milestones-u)); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__description { width: calc(780 * var(--ig-about-v2-milestones-u)); margin-top: calc(24 * var(--ig-about-v2-milestones-u)); font-family: "Figtree-Medium", "Figtree", Arial, sans-serif; font-size: calc(20 * var(--ig-about-v2-milestones-u)); font-weight: 500; line-height: 1.28; letter-spacing: -.02em; color: rgba(255, 255, 255, .9); } @media (min-width: 768px) { #ly_web_about_0103_3Milestones .ig-about-v2-milestones__media { align-self: start; display: block; height: auto; overflow: visible; background: transparent; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__image { width: 100%; max-width: none; height: auto; max-height: none; object-fit: initial; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel.is-no-media { display: block; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel.is-no-media .ig-about-v2-milestones__mobile-summary { display: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel.is-no-media .ig-about-v2-milestones__content { width: 100%; padding-top: calc(35 * var(--ig-about-v2-milestones-u)); text-align: center; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel.is-no-media .ig-about-v2-milestones__description { width: 100%; } } @media (max-width: 767px) { #ly_web_about_0103_3Milestones { --ig-about-v2-milestones-mobile-u: calc(100vw / 880); height: calc(1547 * var(--ig-about-v2-milestones-mobile-u)); min-height: 0; padding: 0; overflow: hidden; background: #060606; margin-bottom: calc(20 * var(--ig-about-v2-milestones-mobile-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__header { position: absolute; top: calc(128 * var(--ig-about-v2-milestones-mobile-u)); left: calc(40 * var(--ig-about-v2-milestones-mobile-u)); width: calc(800 * var(--ig-about-v2-milestones-mobile-u)); margin: 0; transform: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__title { font-size: calc(64 * var(--ig-about-v2-milestones-mobile-u)); line-height: 1; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__intro { width: calc(800 * var(--ig-about-v2-milestones-mobile-u)); margin-top: calc(24 * var(--ig-about-v2-milestones-mobile-u)); font-size: calc(32 * var(--ig-about-v2-milestones-mobile-u)); line-height: 1.28; color: #c1c1c1; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-progress { display: flex; align-items: center; position: absolute; top: calc(378 * var(--ig-about-v2-milestones-mobile-u)); left: calc(40 * var(--ig-about-v2-milestones-mobile-u)); width: calc(800 * var(--ig-about-v2-milestones-mobile-u)); height: calc(37.44 * var(--ig-about-v2-milestones-mobile-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-progress-line { display: block; position: relative; flex: 1 1 auto; height: calc(2 * var(--ig-about-v2-milestones-mobile-u)); margin-right: calc(16 * var(--ig-about-v2-milestones-mobile-u)); background: rgba(255, 255, 255, .07); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-progress-fill { display: block; width: var(--ig-about-v2-milestones-mobile-progress, 10.425%); height: 100%; background: #fff; transition: width .45s cubic-bezier(.22, 1, .36, 1); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-progress-year { flex: 0 0 auto; font-family: "Figtree-SemiBold", "Figtree", Arial, sans-serif; font-size: calc(24.96 * var(--ig-about-v2-milestones-mobile-u)); font-weight: 600; line-height: 1.5; letter-spacing: -.02em; color: rgba(255, 255, 255, .22); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__timeline { position: absolute; top: calc(1385 * var(--ig-about-v2-milestones-mobile-u)); right: 0; left: calc(41 * var(--ig-about-v2-milestones-mobile-u)); width: auto; height: calc(104 * var(--ig-about-v2-milestones-mobile-u)); margin: 0; padding: 0; box-sizing: border-box; scroll-padding-inline: calc(40 * var(--ig-about-v2-milestones-mobile-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__track { display: flex; align-items: stretch; column-gap: calc(48 * var(--ig-about-v2-milestones-mobile-u)); width: max-content; min-width: 0; height: 100%; padding-left: calc(8 * var(--ig-about-v2-milestones-mobile-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__rail { display: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__year { top: calc(36 * var(--ig-about-v2-milestones-mobile-u)); font-size: calc(28 * var(--ig-about-v2-milestones-mobile-u)); line-height: 1; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab::before { font-size: calc(28 * var(--ig-about-v2-milestones-mobile-u)); line-height: 1; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab { position: relative; left: auto; flex: 0 0 auto; width: calc(82 * var(--ig-about-v2-milestones-mobile-u)); min-width: calc(82 * var(--ig-about-v2-milestones-mobile-u)); height: 100%; color: #fff; opacity: var(--ig-about-v2-milestone-mobile-opacity, .16); transform: none; transition: opacity .3s ease; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tick { top: 0; width: calc(4 * var(--ig-about-v2-milestones-mobile-u)); height: calc(20 * var(--ig-about-v2-milestones-mobile-u)); background: #fff; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab.is-active { min-width: calc(82 * var(--ig-about-v2-milestones-mobile-u)); opacity: 1; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab:focus-visible { outline: 0; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab.is-active .ig-about-v2-milestones__year { top: calc(64 * var(--ig-about-v2-milestones-mobile-u)); font-size: calc(40 * var(--ig-about-v2-milestones-mobile-u)); line-height: 1; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab.is-active::before { font-size: calc(40 * var(--ig-about-v2-milestones-mobile-u)); line-height: 1; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tab.is-active .ig-about-v2-milestones__tick { top: 0; width: calc(6 * var(--ig-about-v2-milestones-mobile-u)); height: calc(48 * var(--ig-about-v2-milestones-mobile-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panels { position: absolute; top: calc(480 * var(--ig-about-v2-milestones-mobile-u)); left: calc(40 * var(--ig-about-v2-milestones-mobile-u)); width: calc(800 * var(--ig-about-v2-milestones-mobile-u)); height: calc(871 * var(--ig-about-v2-milestones-mobile-u)); margin: 0; transform: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panels::after { position: absolute; top: calc(871 * var(--ig-about-v2-milestones-mobile-u)); left: calc(1 * var(--ig-about-v2-milestones-mobile-u)); width: calc(798 * var(--ig-about-v2-milestones-mobile-u)); height: calc(2 * var(--ig-about-v2-milestones-mobile-u)); background: rgba(255, 255, 255, .06); content: ""; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel { display: block; position: absolute; inset: 0; transform: translate3d(0, calc(16 * var(--ig-about-v2-milestones-mobile-u)), 0); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel[hidden] { display: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel.is-active { transform: translate3d(0, 0, 0); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-summary { display: grid; grid-template-columns: calc(398 * var(--ig-about-v2-milestones-mobile-u)) calc(362 * var(--ig-about-v2-milestones-mobile-u)); column-gap: calc(40 * var(--ig-about-v2-milestones-mobile-u)); width: 100%; height: calc(224 * var(--ig-about-v2-milestones-mobile-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-meta { display: block; padding-top: calc(29 * var(--ig-about-v2-milestones-mobile-u)); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-year { font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(100 * var(--ig-about-v2-milestones-mobile-u)); font-weight: 700; line-height: 1; letter-spacing: -.02em; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__mobile-count { display: flex; align-items: baseline; column-gap: calc(10 * var(--ig-about-v2-milestones-mobile-u)); margin-top: calc(46 * var(--ig-about-v2-milestones-mobile-u)); font-family: "Figtree-SemiBold", "Figtree", Arial, sans-serif; font-size: calc(30 * var(--ig-about-v2-milestones-mobile-u)); font-weight: 600; line-height: 1; letter-spacing: -.02em; color: rgba(193, 193, 193, .8); } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__media { width: calc(362 * var(--ig-about-v2-milestones-mobile-u)); height: calc(224 * var(--ig-about-v2-milestones-mobile-u)); aspect-ratio: auto; background: #000; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel.is-no-media .ig-about-v2-milestones__media { display: none; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel.is-no-media .ig-about-v2-milestones__mobile-summary { display: block; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__image { width: calc(305.197 * var(--ig-about-v2-milestones-mobile-u)); max-width: none; max-height: 82%; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__content { position: absolute; top: calc(256 * var(--ig-about-v2-milestones-mobile-u)); left: 0; width: 100%; padding-top: calc(40 * var(--ig-about-v2-milestones-mobile-u)); border-top: calc(2 * var(--ig-about-v2-milestones-mobile-u)) solid rgba(255, 255, 255, .1); box-sizing: border-box; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel-title { font-family: "Figtree-SemiBold", "Figtree", Arial, sans-serif; font-size: calc(48 * var(--ig-about-v2-milestones-mobile-u)); font-weight: 600; line-height: 1.2022; } #ly_web_about_0103_3Milestones .ig-about-v2-milestones__description { width: 100%; margin-top: calc(30 * var(--ig-about-v2-milestones-mobile-u)); font-size: calc(32 * var(--ig-about-v2-milestones-mobile-u)); line-height: 1.28; color: #c1c1c1; } } @media (prefers-reduced-motion: reduce) { #ly_web_about_0103_3Milestones .ig-about-v2-milestones__year, #ly_web_about_0103_3Milestones .ig-about-v2-milestones__tick, #ly_web_about_0103_3Milestones .ig-about-v2-milestones__panel { transition: none; animation: none; } } #ly_web_about_0104_4ProductsServices { --ig-about-v2-products-services-u: min(1px, calc(100vw / 1920)); position: relative; width: 100%; height: calc(1080 * var(--ig-about-v2-products-services-u)); min-height: 0; overflow: hidden; box-sizing: border-box; color: #fff; background: #000; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__picture, #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__image, #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__shade { position: absolute; inset: 0; display: block; width: 100%; height: 100%; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__image { max-width: none; object-fit: cover; object-position: center center; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__picture.is-mobile-only { display: none; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__shade { background: rgba(0, 0, 0, .32); } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__content { position: absolute; top: calc(450 * var(--ig-about-v2-products-services-u)); left: calc(50% - 750 * var(--ig-about-v2-products-services-u)); width: calc(760 * var(--ig-about-v2-products-services-u)); } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__title { margin: 0; font-family: "Figtree-Bold", "Figtree-SemiBold", Arial, sans-serif; font-size: calc(56 * var(--ig-about-v2-products-services-u)); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: #fff; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__intro { width: calc(604 * var(--ig-about-v2-products-services-u)); margin-top: calc(36 * var(--ig-about-v2-products-services-u)); font-family: "Figtree-Medium", "Figtree", Arial, sans-serif; font-size: calc(20 * var(--ig-about-v2-products-services-u)); font-weight: 500; line-height: 1.28; letter-spacing: -.02em; color: #fff; } @media (max-width: 767px) { #ly_web_about_0104_4ProductsServices { --ig-about-v2-products-services-mobile-u: calc(100vw / 880); height: calc(1051 * var(--ig-about-v2-products-services-mobile-u)); color: #000; background: #fff; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__picture { top: 0; right: 0; bottom: auto; left: 0; height: calc(573 * var(--ig-about-v2-products-services-mobile-u)); } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__picture:not(.has-mobile-image) { display: none; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__picture.is-mobile-only.has-mobile-image { display: block; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__image { width: 100%; height: 100%; object-fit: cover; object-position: center center; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__shade { display: none; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__content { top: calc(644.651 * var(--ig-about-v2-products-services-mobile-u)); left: calc(40 * var(--ig-about-v2-products-services-mobile-u)); width: calc(778 * var(--ig-about-v2-products-services-mobile-u)); } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__title { font-size: calc(64 * var(--ig-about-v2-products-services-mobile-u)); line-height: 1.2; color: #000; white-space: nowrap; } #ly_web_about_0104_4ProductsServices .ig-about-v2-products-services__intro { width: 100%; margin-top: calc(46.8 * var(--ig-about-v2-products-services-mobile-u)); font-size: calc(30 * var(--ig-about-v2-products-services-mobile-u)); line-height: 1.28; color: #000; } } .ig-v2-awards { --ig-v2-awards-u: min(1px, calc(100vw / 1920)); width: 100%; min-height: calc(803 * var(--ig-v2-awards-u)); padding: calc(96 * var(--ig-v2-awards-u)) 0 calc(72 * var(--ig-v2-awards-u)); box-sizing: border-box; background: #f8f9fa; overflow: hidden; } .ig-v2-awards__header, .ig-v2-awards__viewport, .ig-v2-awards__details { width: min(calc(1500 * var(--ig-v2-awards-u)), calc(100% - 40px)); margin-right: auto; margin-left: auto; } .ig-v2-awards__header { display: flex; align-items: flex-start; justify-content: space-between; } .ig-v2-awards__heading { margin: 0; font-family: "Figtree-SemiBold"; font-size: calc(56 * var(--ig-v2-awards-u)); font-weight: 600; line-height: calc(60 * var(--ig-v2-awards-u)); letter-spacing: -0.02em; color: #000; } .ig-v2-awards__navigation { display: flex; align-items: center; gap: calc(35 * var(--ig-v2-awards-u)); padding-top: calc(7 * var(--ig-v2-awards-u)); } .ig-v2-awards__arrow { display: inline-flex; align-items: center; justify-content: center; width: calc(46 * var(--ig-v2-awards-u)); height: calc(46 * var(--ig-v2-awards-u)); padding: 0; border: 0; border-radius: 50%; color: #fff; background: #d9d9d9; cursor: pointer; transition: background-color .3s ease, opacity .3s ease; } .ig-v2-awards__arrow:not(:disabled):hover { background: #333; } .ig-v2-awards__arrow:disabled { cursor: default; } .ig-v2-awards__arrow svg { display: block; width: calc(10 * var(--ig-v2-awards-u)); height: calc(18 * var(--ig-v2-awards-u)); } .ig-v2-awards__viewport { height: calc(240 * var(--ig-v2-awards-u)); margin-top: calc(103 * var(--ig-v2-awards-u)); overflow: hidden; scroll-behavior: smooth; } .ig-v2-awards__track { display: flex; align-items: flex-end; gap: calc(24 * var(--ig-v2-awards-u)); height: 100%; width: 100%; } .ig-v2-awards__item { display: flex; flex: 1 1 0; align-items: center; justify-content: center; width: auto; max-width: calc(180 * var(--ig-v2-awards-u)); height: auto; min-width: 0; min-height: 0; aspect-ratio: 1 / 1; padding: calc(30 * var(--ig-v2-awards-u)); border: 0; box-sizing: border-box; background: #fff; cursor: pointer; transition: flex-grow .45s ease, max-width .45s ease, padding .45s ease; } .ig-v2-awards__item.is-active { flex-grow: 1.333333; max-width: calc(240 * var(--ig-v2-awards-u)); padding: calc(45 * var(--ig-v2-awards-u)); } .ig-v2-awards__item img { display: block; width: 100%; height: 100%; object-fit: contain; object-position: center; } .ig-v2-awards__details { position: relative; min-height: calc(144 * var(--ig-v2-awards-u)); margin-top: calc(64 * var(--ig-v2-awards-u)); } .ig-v2-awards__detail { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: calc(24 * var(--ig-v2-awards-u)); width: 100%; min-height: calc(144 * var(--ig-v2-awards-u)); padding: calc(24 * var(--ig-v2-awards-u)) calc(100 * var(--ig-v2-awards-u)); box-sizing: border-box; text-align: center; opacity: 0; pointer-events: none; transform: translateY(8px); transition: opacity .35s ease, transform .35s ease; } .ig-v2-awards__detail.is-active { opacity: 1; pointer-events: auto; transform: translateY(0); } .ig-v2-awards__detail--linked { color: inherit; text-decoration: none; cursor: pointer; } .ig-v2-awards__name { margin: 0; font-family: "Figtree-SemiBold"; font-size: calc(36 * var(--ig-v2-awards-u)); font-weight: 600; line-height: 1; letter-spacing: -0.02em; color: #000; } .ig-v2-awards__brief { font-family: "Figtree-Medium", "Figtree-Regular"; font-size: calc(20 * var(--ig-v2-awards-u)); font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; color: #666; } @media (max-width: 768px) { .ig-v2-awards { --ig-v2-awards-mobile-u: calc(100vw / 880); --ig-v2-awards-u: var(--ig-v2-awards-mobile-u); min-height: 0; padding: calc(95.65 * var(--ig-v2-awards-mobile-u)) 0 calc(96 * var(--ig-v2-awards-mobile-u)); } .ig-v2-awards__header { display: block; width: calc(100% - 88 * var(--ig-v2-awards-mobile-u)); margin-right: calc(44 * var(--ig-v2-awards-mobile-u)); margin-left: calc(44 * var(--ig-v2-awards-mobile-u)); } .ig-v2-awards__viewport { width: calc(100% - 53.412 * var(--ig-v2-awards-mobile-u)); height: auto; margin-top: calc(80.35 * var(--ig-v2-awards-mobile-u)); margin-right: calc(25.412 * var(--ig-v2-awards-mobile-u)); margin-left: calc(28 * var(--ig-v2-awards-mobile-u)); overflow: visible; } .ig-v2-awards__heading { font-size: calc(64 * var(--ig-v2-awards-mobile-u)); line-height: calc(60 * var(--ig-v2-awards-mobile-u)); } .ig-v2-awards__navigation { display: none; } .ig-v2-awards__track { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; gap: calc(9.946 * var(--ig-v2-awards-mobile-u)) calc(10.412 * var(--ig-v2-awards-mobile-u)); height: auto; } .ig-v2-awards__item { width: 100%; max-width: none; min-width: 0; min-height: 0; aspect-ratio: 268.588 / 266.054; padding: calc(33 * var(--ig-v2-awards-mobile-u)) calc(34.29 * var(--ig-v2-awards-mobile-u)); transition: none; } .ig-v2-awards__item.is-active { flex-grow: 1; max-width: none; padding: calc(33 * var(--ig-v2-awards-mobile-u)) calc(34.29 * var(--ig-v2-awards-mobile-u)); } .ig-v2-awards__details { display: none; } } .lyuilogo_001{width: 91px;} .lyuilogo_001.big{width: 219px;} .ig-v2-partners { --ig-v2-partners-unit: min(1px, calc(100vw / 1920)); --ig-v2-partners-card-width: calc(740 * var(--ig-v2-partners-unit)); --ig-v2-partners-gap: calc(20 * var(--ig-v2-partners-unit)); width: 100%; height: calc(1040 * var(--ig-v2-partners-unit)); padding-top: calc(66 * var(--ig-v2-partners-unit)); box-sizing: border-box; background: #fff; overflow: hidden; } .ig-v2-partners__header { position: relative; display: flex; justify-content: space-between; width: min(calc(1500 * var(--ig-v2-partners-unit)), calc(100% - 40px)); height: calc(155 * var(--ig-v2-partners-unit)); margin: 0 auto; } .ig-v2-partners__intro { width: calc(1300 * var(--ig-v2-partners-unit)); } .ig-v2-partners__heading { margin: 0; font-family: "Figtree-SemiBold"; font-size: calc(56 * var(--ig-v2-partners-unit)); font-weight: 600; line-height: calc(67 * var(--ig-v2-partners-unit)); letter-spacing: -0.02em; color: #000; } .ig-v2-partners__description { margin-top: calc(24 * var(--ig-v2-partners-unit)); font-family: "Figtree-Medium", "Figtree-Regular"; font-size: calc(20 * var(--ig-v2-partners-unit)); font-weight: 500; line-height: calc(25.6 * var(--ig-v2-partners-unit)); letter-spacing: -0.02em; color: #333; } .ig-v2-partners__navigation { display: flex; align-items: center; gap: calc(35 * var(--ig-v2-partners-unit)); margin-top: calc(7 * var(--ig-v2-partners-unit)); } .ig-v2-partners__arrow { display: inline-flex; align-items: center; justify-content: center; width: calc(46 * var(--ig-v2-partners-unit)); height: calc(46 * var(--ig-v2-partners-unit)); padding: 0; border: 0; border-radius: 50%; color: #fff; background: #d9d9d9; cursor: pointer; transition: background-color .25s ease, opacity .25s ease; } .ig-v2-partners__arrow:not(:disabled):hover, .ig-v2-partners__arrow:not(:disabled):focus-visible { background: #333; } .ig-v2-partners__arrow:disabled { opacity: .45; cursor: default; } .ig-v2-partners__arrow svg { display: block; width: calc(10 * var(--ig-v2-partners-unit)); height: calc(18 * var(--ig-v2-partners-unit)); } .ig-v2-partners__viewport { width: 100%; height: calc(782 * var(--ig-v2-partners-unit)); margin-top: calc(35 * var(--ig-v2-partners-unit)); margin-right: 0; margin-left: 0; padding: 0; overflow: hidden; outline: none; } .ig-v2-partners__track { display: flex; align-items: stretch; justify-content: flex-start; gap: var(--ig-v2-partners-gap); width: max-content; height: 100%; will-change: transform; transform: translate3d(0, 0, 0); transition: none; } .ig-v2-partners__track.is-animating { transition: transform .85s cubic-bezier(.22, .75, .25, 1); } .ig-v2-partners__card { display: flex; flex: 0 0 var(--ig-v2-partners-card-width); flex-direction: column; width: var(--ig-v2-partners-card-width); height: calc(782 * var(--ig-v2-partners-unit)); background: #f8f9fa; } .ig-v2-partners__card.is-reversed .ig-v2-partners__info { order: 1; } .ig-v2-partners__card.is-reversed .ig-v2-partners__media { order: 2; } .ig-v2-partners__media { flex: 0 0 calc(424 * var(--ig-v2-partners-unit)); height: calc(424 * var(--ig-v2-partners-unit)); overflow: hidden; background: #e9ecef; } .ig-v2-partners__media picture, .ig-v2-partners__media img { display: block; width: 100%; height: 100%; } .ig-v2-partners__media img { object-fit: cover; object-position: center; } .ig-v2-partners__info { display: flex; flex: 0 0 calc(358 * var(--ig-v2-partners-unit)); flex-direction: column; justify-content: center; height: calc(358 * var(--ig-v2-partners-unit)); padding: calc(40 * var(--ig-v2-partners-unit)) calc(97 * var(--ig-v2-partners-unit)); box-sizing: border-box; background: #f8f9fa; } .ig-v2-partners__logos { display: flex; align-items: center; height: calc(40 * var(--ig-v2-partners-unit)); } .ig-v2-partners__brand-logo { display: flex; align-items: center; width: calc(128 * var(--ig-v2-partners-unit)); height: calc(40 * var(--ig-v2-partners-unit)); } .ig-v2-partners__brand-logo > *, .ig-v2-partners__brand-logo img, .ig-v2-partners__brand-logo svg { display: block; max-width: calc(128 * var(--ig-v2-partners-unit)); max-height: calc(28 * var(--ig-v2-partners-unit)); } .ig-v2-partners__divider { width: var(--ig-v2-partners-unit); height: calc(40 * var(--ig-v2-partners-unit)); margin: 0 calc(26 * var(--ig-v2-partners-unit)); background: rgba(51, 51, 51, .55); } .ig-v2-partners__partner-logo { display: block; width: auto; max-width: calc(128 * var(--ig-v2-partners-unit)); height: auto; max-height: calc(40 * var(--ig-v2-partners-unit)); object-fit: contain; } .ig-v2-partners__body { display: flex; flex-direction: column; align-items: flex-start; gap: calc(36 * var(--ig-v2-partners-unit)); margin-top: calc(64 * var(--ig-v2-partners-unit)); } .ig-v2-partners__brief { font-family: "Figtree-Medium", "Figtree-Regular"; font-size: calc(18 * var(--ig-v2-partners-unit)); font-weight: 500; line-height: 1.2; letter-spacing: -0.02em; color: #333; } .ig-v2-partners__button { display: inline-flex; align-items: center; justify-content: center; gap: calc(4 * var(--ig-v2-partners-unit)); min-height: calc(34 * var(--ig-v2-partners-unit)); padding: calc(7 * var(--ig-v2-partners-unit)) calc(16 * var(--ig-v2-partners-unit)); border: var(--ig-v2-partners-unit) solid #000; border-radius: 999px; box-sizing: border-box; font-family: "Figtree-SemiBold"; font-size: calc(14 * var(--ig-v2-partners-unit)); font-weight: 600; line-height: calc(18 * var(--ig-v2-partners-unit)); letter-spacing: -0.02em; text-align: center; text-decoration: none; color: #000; background: transparent; cursor: pointer; transition: color .25s ease, background-color .25s ease, border-color .25s ease; } .ig-v2-partners__button:focus-visible { color: #fff; border-color: #000; background: #000; } .ig-v2-partners__button svg { width: calc(10 * var(--ig-v2-partners-unit)); height: calc(10 * var(--ig-v2-partners-unit)); transition: transform .25s ease; } @media (hover: hover) and (pointer: fine) { .ig-v2-partners__button:hover { color: #fff; border-color: #000; background: #000; } .ig-v2-partners__button:hover svg { transform: translateX(calc(2 * var(--ig-v2-partners-unit))); } } @media (max-width: 767px) { .ig-v2-partners { --ig-v2-partners-unit: min(1px, calc(100vw / 430)); --ig-v2-partners-font-unit: clamp(.426136px, calc(100vw / 880), 1px); --ig-v2-partners-card-width: calc(370 * var(--ig-v2-partners-unit)); --ig-v2-partners-gap: calc(9 * var(--ig-v2-partners-unit)); display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto auto auto; height: auto; padding: calc(44 * var(--ig-v2-partners-unit)) 0 calc(45 * var(--ig-v2-partners-unit)); } .ig-v2-partners__header { display: contents; } .ig-v2-partners__intro { grid-column: 1; grid-row: 1; width: calc(100% - 40 * var(--ig-v2-partners-unit)); margin: 0 calc(20 * var(--ig-v2-partners-unit)); } .ig-v2-partners__heading { padding: 0; font-size: calc(64 * var(--ig-v2-partners-font-unit)); line-height: 1.05; letter-spacing: -0.02em; } .ig-v2-partners__description { margin-top: calc(14 * var(--ig-v2-partners-unit)); font-size: calc(28 * var(--ig-v2-partners-font-unit)); line-height: 1.2; letter-spacing: -0.02em; } .ig-v2-partners__navigation { position: static; grid-column: 1; grid-row: 3; justify-self: end; gap: calc(22 * var(--ig-v2-partners-unit)); margin: calc(36 * var(--ig-v2-partners-unit)) calc(20 * var(--ig-v2-partners-unit)) 0; padding: 0; } .ig-v2-partners__arrow { width: calc(29 * var(--ig-v2-partners-unit)); height: calc(29 * var(--ig-v2-partners-unit)); } .ig-v2-partners__arrow svg { width: calc(6 * var(--ig-v2-partners-unit)); height: calc(10 * var(--ig-v2-partners-unit)); } .ig-v2-partners__viewport { grid-column: 1; grid-row: 2; width: 100%; height: auto; margin: calc(24 * var(--ig-v2-partners-unit)) 0 0; overflow: hidden; touch-action: pan-y pinch-zoom; } .ig-v2-partners__track { height: auto; } .ig-v2-partners__card { height: auto; min-height: 0; } .ig-v2-partners__card.is-reversed .ig-v2-partners__media, .ig-v2-partners__media { order: 1; flex: none; width: 100%; height: auto; aspect-ratio: 740 / 424; } .ig-v2-partners__card.is-reversed .ig-v2-partners__info, .ig-v2-partners__info { order: 2; flex: none; width: 100%; height: auto; min-height: calc(163 * var(--ig-v2-partners-unit)); padding: calc(22 * var(--ig-v2-partners-unit)) calc(18 * var(--ig-v2-partners-unit)) calc(16 * var(--ig-v2-partners-unit)); justify-content: flex-start; } .ig-v2-partners__logos { height: calc(18 * var(--ig-v2-partners-unit)); } .ig-v2-partners__brand-logo { width: calc(58 * var(--ig-v2-partners-unit)); height: calc(18 * var(--ig-v2-partners-unit)); } .ig-v2-partners__brand-logo > *, .ig-v2-partners__brand-logo img, .ig-v2-partners__brand-logo svg { max-width: calc(58 * var(--ig-v2-partners-unit)); max-height: calc(13 * var(--ig-v2-partners-unit)); } .ig-v2-partners__divider { width: var(--ig-v2-partners-unit); height: calc(18 * var(--ig-v2-partners-unit)); margin: 0 calc(12 * var(--ig-v2-partners-unit)); } .ig-v2-partners__partner-logo { max-width: calc(58 * var(--ig-v2-partners-unit)); max-height: calc(18 * var(--ig-v2-partners-unit)); } .ig-v2-partners__body { gap: calc(16 * var(--ig-v2-partners-unit)); margin-top: calc(16 * var(--ig-v2-partners-unit)); } .ig-v2-partners__brief { font-size: calc(14 * var(--ig-v2-partners-unit)); line-height: calc(16.8 * var(--ig-v2-partners-unit)); letter-spacing: calc(-0.28 * var(--ig-v2-partners-unit)); } .ig-v2-partners__button { gap: calc(4 * var(--ig-v2-partners-unit)); min-height: calc(24 * var(--ig-v2-partners-unit)); padding: calc(4 * var(--ig-v2-partners-unit)) calc(8 * var(--ig-v2-partners-unit)); font-size: calc(13 * var(--ig-v2-partners-unit)); line-height: calc(16 * var(--ig-v2-partners-unit)); } .ig-v2-partners__button svg { width: calc(9 * var(--ig-v2-partners-unit)); height: calc(9 * var(--ig-v2-partners-unit)); } } @media (prefers-reduced-motion: reduce) { .ig-v2-partners__track, .ig-v2-partners__media img { transition: none; } } .ig-about-contact-blog { --ig-about-contact-blog-u: min(1px, calc(100vw / 1920)); background: #fff; color: #333; overflow: hidden; } .ig-about-contact-blog *, .ig-about-contact-blog *::before, .ig-about-contact-blog *::after { box-sizing: border-box; } .ig-about-contact-blog__inner { width: calc(1500 * var(--ig-about-contact-blog-u)); margin: 0 auto; padding: calc(88 * var(--ig-about-contact-blog-u)) 0 calc(120 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__header { margin-bottom: calc(60 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__title { margin: 0; font-family: "Figtree-Bold", "Figtree", Arial, sans-serif; font-size: calc(56 * var(--ig-about-contact-blog-u)); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; color: #000; } .ig-about-contact-blog__intro { max-width: 100%; margin-top: calc(24 * var(--ig-about-contact-blog-u)); font-family: "Figtree-SemiBold", "Figtree", Arial, sans-serif; font-size: calc(20 * var(--ig-about-contact-blog-u)); font-weight: 600; line-height: 1.28; letter-spacing: -.02em; color: #333; } .ig-about-contact-blog__grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: calc(20 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card { min-width: 0; background: #f5f5f7; } .ig-about-contact-blog__card.has-desktop-media { min-height: calc(600 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__media { display: block; width: 100%; height: calc(366 * var(--ig-about-contact-blog-u)); overflow: hidden; background: #f5f5f7; } .ig-about-contact-blog__media img { display: block; width: 100%; height: 100%; object-fit: cover; } .ig-about-contact-blog__media--mobile { display: none; } .ig-about-contact-blog__content { padding: calc(40 * var(--ig-about-contact-blog-u)) calc(32 * var(--ig-about-contact-blog-u)) calc(28 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card:not(.has-desktop-media) .ig-about-contact-blog__content { padding-top: calc(32 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card-title { margin: 0; font-family: "Figtree-Bold", "Figtree", Arial, sans-serif; font-size: calc(32 * var(--ig-about-contact-blog-u)); font-weight: 700; line-height: 1.2; letter-spacing: -.02em; } .ig-about-contact-blog__card-brief { min-height: calc(51 * var(--ig-about-contact-blog-u)); margin-top: calc(16 * var(--ig-about-contact-blog-u)); font-family: "Figtree-Medium", "Figtree", Arial, sans-serif; font-size: calc(20 * var(--ig-about-contact-blog-u)); font-weight: 500; line-height: 1.28; letter-spacing: -.02em; color: #666; } .ig-about-contact-blog__button { display: inline-flex; align-self: flex-start; align-items: center; justify-content: center; gap: calc(4 * var(--ig-about-contact-blog-u)); min-width: calc(104 * var(--ig-about-contact-blog-u)); min-height: calc(35 * var(--ig-about-contact-blog-u)); margin-top: calc(22 * var(--ig-about-contact-blog-u)); padding: calc(8 * var(--ig-about-contact-blog-u)) calc(16 * var(--ig-about-contact-blog-u)); border: 1px solid #333; border-radius: 999px; font-family: "Figtree-SemiBold", "Figtree", Arial, sans-serif; font-size: calc(14 * var(--ig-about-contact-blog-u)); font-weight: 600; line-height: 1.2; letter-spacing: -.02em; color: #333; background: transparent; text-decoration: none; white-space: nowrap; transition: color .25s ease, background-color .25s ease, border-color .25s ease; } .ig-about-contact-blog__button-icon { display: block; flex: 0 0 auto; width: calc(10 * var(--ig-about-contact-blog-u)); height: calc(10 * var(--ig-about-contact-blog-u)); transition: transform .25s ease; } @media (hover: hover) and (pointer: fine) { .ig-about-contact-blog__button:hover { border-color: #333; color: #fff; background: #333; text-decoration: none; } .ig-about-contact-blog__button:hover .ig-about-contact-blog__button-icon { transform: translateX(calc(3 * var(--ig-about-contact-blog-u))); } } .ig-about-contact-blog__button:focus-visible { border-color: #333; color: #fff; background: #333; outline: 2px solid #333; outline-offset: 2px; } @media (max-width: 767px) { .ig-about-contact-blog { --ig-about-contact-blog-u: calc(100vw / 880); background: #f8f9fa; } .ig-about-contact-blog__inner { width: calc(818.605 * var(--ig-about-contact-blog-u)); padding: calc(99.65 * var(--ig-about-contact-blog-u)) 0 calc(80 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__header { margin-bottom: calc(75 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__title { font-size: calc(64 * var(--ig-about-contact-blog-u)); line-height: 1.2; color: #333; } .ig-about-contact-blog__intro { margin-top: calc(23.7 * var(--ig-about-contact-blog-u)); font-family: "Figtree-Medium", "Figtree", Arial, sans-serif; font-size: calc(28.651 * var(--ig-about-contact-blog-u)); font-weight: 500; line-height: 1.2; color: #666; } .ig-about-contact-blog__grid { grid-template-columns: 1fr; gap: calc(20.955 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card, .ig-about-contact-blog__card.has-desktop-media, .ig-about-contact-blog__card.has-mobile-media { min-height: 0; } .ig-about-contact-blog__card.is-contact.has-mobile-media { height: calc(742.884 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card.is-blog.has-mobile-media { height: calc(819 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__media--desktop { display: none; } .ig-about-contact-blog__media--mobile { display: block; } .ig-about-contact-blog__media { height: calc(401.117 * var(--ig-about-contact-blog-u)); aspect-ratio: auto; } .ig-about-contact-blog__content { display: flex; flex-direction: column; height: auto; padding: calc(40 * var(--ig-about-contact-blog-u)) calc(30.3 * var(--ig-about-contact-blog-u)) calc(40.8 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card.has-mobile-media .ig-about-contact-blog__content { height: calc(341.767 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card.is-blog.has-mobile-media .ig-about-contact-blog__content { height: calc(417.883 * var(--ig-about-contact-blog-u)); padding-top: calc(49.116 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card:not(.has-mobile-media) .ig-about-contact-blog__content { padding-top: calc(40 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__card-title { font-size: calc(49.116 * var(--ig-about-contact-blog-u)); line-height: 1.2; } .ig-about-contact-blog__card-brief { min-height: 0; margin-top: calc(10 * var(--ig-about-contact-blog-u)); font-size: calc(30 * var(--ig-about-contact-blog-u)); line-height: 1.28; } .ig-about-contact-blog__card.is-blog .ig-about-contact-blog__card-brief { margin-top: calc(20.8 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__button { min-width: 0; gap: calc(10 * var(--ig-about-contact-blog-u)); min-height: calc(56.051 * var(--ig-about-contact-blog-u)); margin-top: auto; padding: calc(10 * var(--ig-about-contact-blog-u)) calc(20 * var(--ig-about-contact-blog-u)); border-width: calc(1.386 * var(--ig-about-contact-blog-u)); font-size: calc(28 * var(--ig-about-contact-blog-u)); line-height: calc(24.151 * var(--ig-about-contact-blog-u)); } .ig-about-contact-blog__button-icon { width: calc(18 * var(--ig-about-contact-blog-u)); height: calc(18 * var(--ig-about-contact-blog-u)); } }