.nine-banner{position:relative;width:100%;min-height:calc(554 * 100vw / 393);overflow:hidden;color:#0a0a0a}.nine-banner__media{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.nine-banner__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;max-width:none;object-fit:cover}.nine-banner__image--desktop,.nine-banner__image--desktop-2k{display:none;object-position:68% 0}.nine-banner__image--mobile{object-position:50% 0}.nine-banner__content{position:absolute;z-index:2;left:0;right:0;top:calc(50% + calc(110 * 100vw / 393));transform:translateY(-50%);box-sizing:border-box}.nine-banner__content-inner{display:flex;flex-direction:column;align-items:flex-start;gap:calc(24 * 100vw / 393);width:100%;max-width:calc(361 * 100vw / 393);margin:0 auto;box-sizing:border-box}.nine-banner__text{display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:calc(6 * 100vw / 393)}.nine-banner__headline-group{display:flex;flex-direction:column;align-items:flex-start;gap:calc(2 * 100vw / 393);width:100%}.nine-banner__tag{margin:0;margin-bottom:calc(6 * 100vw / 393);display:inline-flex;align-items:center;justify-content:center;min-height:calc(28 * 100vw / 393);padding:calc(6 * 100vw / 393) calc(8 * 100vw / 393);border:1px solid rgba(0,0,0,.5);border-radius:calc(4 * 100vw / 393);font-family:var(--font-family-global),"Noto Sans Thai",sans-serif;font-size:calc(14 * 100vw / 393);font-weight:500;line-height:1.36;white-space:nowrap;min-width:calc(134 * 100vw / 393)}.nine-banner__heading{margin:0;display:flex;flex-direction:column;gap:0;font-family:var(--font-family-global),"Noto Sans Thai",sans-serif;font-size:calc(36 * 100vw / 393);font-weight:700;line-height:calc(41.6 * 100vw / 393);background:linear-gradient(98.78deg,#000 24.47%,#003855 79.61%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}.nine-banner__heading-line{display:block}.nine-banner__description{margin:0;width:100%;font-family:var(--font-family-global),"Noto Sans Thai",sans-serif;font-size:calc(20 * 100vw / 393);font-weight:500;line-height:1.36}.nine-banner__description p{margin:0}.nine-banner__actions{display:flex;flex-wrap:wrap;align-items:center;gap:calc(24 * 100vw / 393)}.nine-banner__button{display:inline-flex;align-items:center;justify-content:center;min-height:calc(40 * 100vw / 393);padding:calc(9.5 * 100vw / 393) calc(18 * 100vw / 393);border-radius:calc(4 * 100vw / 393);font-family:var(--font-family-global),sans-serif;font-size:calc(16 * 100vw / 393);font-weight:500;line-height:1;width:fit-content;min-width:calc(133 * 100vw / 393);text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:.3s ease}.nine-banner__button:hover{color:#000;background:#fff;border-color:#fff}.nine-banner__button--primary{background:#000;border:1px solid #000000;color:#fff}.nine-banner__button--secondary{border:1px solid rgba(0,0,0,.6);background:transparent;color:#0a0a0a}@media screen and (min-width:750px){.nine-banner{min-height:calc(620 * 100vw / 1440)}.nine-banner__image--desktop{display:block}.nine-banner__image--mobile{display:none}.nine-banner__content{top:calc(50% + calc(101 * 100vw / 1440))}.nine-banner__content-inner{margin:0;max-width:calc(430 * 100vw / 1440);gap:calc(48 * 100vw / 1440)}.nine-banner__text{gap:calc(24 * 100vw / 1440)}.nine-banner__headline-group{gap:calc(16 * 100vw / 1440)}.nine-banner__tag{margin-bottom:0;min-height:auto;padding:calc(6 * 100vw / 1440) calc(8 * 100vw / 1440);border-radius:calc(4 * 100vw / 1440);font-size:1.25vw;line-height:calc(21.6 * 100vw / 1440);min-width:calc(174 * 100vw / 1440)}.nine-banner__heading{font-size:calc(48 * 100vw / 1440);line-height:calc(49 * 100vw / 1440)}.nine-banner__description{font-size:calc(20 * 100vw / 1440);max-width:calc(430 * 100vw / 1440)}.nine-banner__actions{gap:calc(24 * 100vw / 1440)}.nine-banner__button{min-height:calc(48 * 100vw / 1440);padding:calc(9.5 * 100vw / 1440) calc(20 * 100vw / 1440);border-radius:calc(4 * 100vw / 1440);font-size:calc(16 * 100vw / 1440);line-height:calc(20.8 * 100vw / 1440)}.nine-banner__button--primary{min-width:10.625vw}.nine-banner__button--secondary{min-width:10.625vw;border-color:#000}}@media screen and (min-width:2560px){.nine-banner__image--desktop{display:none}.nine-banner__image--desktop-2k{display:block}}@media screen and (min-width:1920px){.nine-banner{min-height:620px}.nine-banner__content{top:calc(50% + 101px)}.nine-banner__content-inner{max-width:430px;gap:48px}.nine-banner__tag{padding:6px 8px;border-radius:4px;font-size:18px;line-height:21.6px;min-width:174px}.nine-banner__text{gap:24px}.nine-banner__headline-group{gap:16px}.nine-banner__tag{margin-bottom:0}.nine-banner__heading{font-size:48px;line-height:49px}.nine-banner__description{font-size:20px;max-width:430px}.nine-banner__actions{gap:24px}.nine-banner__button{min-height:48px;padding:14px 20px;border-radius:4px;font-size:16px;line-height:20.8px}.nine-banner__button--primary,.nine-banner__button--secondary{min-width:153px}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/section-nine-banner.css.map */