:root{--black: #000000;--white: #FFFFFF;--glacier: #B1F7ED;--grey: #DAE1E5;--red: #FF2A00;--f: "Bai Jamjuree", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--f);background:var(--black);color:var(--white);-webkit-font-smoothing:antialiased}.what{background:var(--black);overflow:hidden}.what__bar{background:var(--glacier);padding:20px 64px;display:flex;align-items:center;justify-content:space-between}.what__bar-label{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--black)}.what__bar-url{font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--black)}.what__hero{padding:72px 64px 0;position:relative}.what__h1{font-size:clamp(32px,11vw,160px);white-space:nowrap;font-weight:700;line-height:.88;letter-spacing:-.03em;text-transform:uppercase;color:var(--white)}.what__h1 .accent{color:var(--glacier);font-weight:300;font-style:italic}.what__sub{margin-top:28px;display:flex;align-items:center;gap:20px;font-size:13px;font-weight:400;letter-spacing:.15em;text-transform:uppercase;color:#fff}.what__sub:before{content:"";display:block;width:40px;height:1px;background:var(--glacier);opacity:.6;flex-shrink:0}.what__cards{display:grid;grid-template-columns:1fr 1fr 1fr;margin-top:64px;border-top:1px solid rgba(255,255,255,.1)}.wcard{position:relative;overflow:hidden;border-right:1px solid rgba(255,255,255,.08);transition:background .3s ease}.wcard:last-child{border-right:none}.wcard:before{content:"";position:absolute;top:0;left:0;bottom:0;width:3px;background:var(--glacier);transform:scaleY(0);transform-origin:bottom;transition:transform .45s cubic-bezier(.16,1,.3,1);z-index:2}.wcard:hover:before{transform:scaleY(1)}.wcard:hover{background:#b1f7ed0a}.wcard__media{aspect-ratio:3/2;overflow:hidden;position:relative;background:#0d0d0d}.wcard__media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .7s cubic-bezier(.16,1,.3,1),filter .4s ease;filter:grayscale(30%)}.wcard:hover .wcard__media img{transform:scale(1.05);filter:grayscale(0%)}.wcard__tag{position:absolute;top:0;left:0;background:var(--glacier);color:var(--black);font-size:9px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;padding:8px 14px;z-index:1}.wcard__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:60px}.wcard:nth-child(1) .wcard__placeholder{background:linear-gradient(135deg,#08080e,#101018)}.wcard:nth-child(2) .wcard__placeholder{background:linear-gradient(135deg,#0e0805,#180e06)}.wcard:nth-child(3) .wcard__placeholder{background:linear-gradient(135deg,#08100d,#0c1810)}.wcard__body{padding:36px 40px 44px;border-top:none}.wcard__num{font-size:10px;font-weight:700;letter-spacing:.35em;color:var(--glacier);opacity:.5;margin-bottom:16px}.wcard__title{font-size:clamp(20px,2.2vw,28px);font-weight:700;letter-spacing:.05em;text-transform:uppercase;line-height:1.05;color:var(--white);margin-bottom:16px}.wcard__desc{font-size:16px;font-weight:300;line-height:1.75;color:#fff;max-width:300px}.marquee-wrap{overflow:hidden;border-top:1px solid rgba(177,247,237,.15);background:var(--black);padding:22px 0;margin-top:0}.marquee-track{display:flex;gap:0;animation:marquee 18s linear infinite;width:max-content}.marquee-track span{font-size:12px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#b1f7edbf;padding:0 40px;white-space:nowrap;flex-shrink:0}.marquee-track span.dot{color:var(--glacier);padding:0;font-size:8px;opacity:.75}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.how{background:var(--black);padding:0;overflow:hidden}.how__header{display:grid;grid-template-columns:1fr 1fr;min-height:280px}.how__header-left{background:var(--black);padding:72px 64px;display:flex;flex-direction:column;justify-content:flex-end;border-top:1px solid rgba(255,255,255,.08);border-right:none;position:relative}.how__label{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--glacier);margin-bottom:20px}.how__h2{font-size:clamp(52px,8vw,112px);font-weight:700;line-height:.88;letter-spacing:-.03em;text-transform:uppercase;color:var(--white)}.how__h2 .accent{display:block;font-weight:300;font-style:italic;color:var(--glacier)}.how__arrow{position:absolute;bottom:40px;right:-1px;width:60px;height:60px;background:var(--glacier);clip-path:polygon(0 100%,100% 0,100% 100%)}.how__header-right{background:var(--glacier);padding:72px 64px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.how__header-right:before{content:"P\b0";position:absolute;bottom:-20px;right:32px;font-size:220px;font-weight:700;letter-spacing:-.05em;color:#00000014;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none}.how__header-right p{font-size:16px;font-weight:400;line-height:1.7;color:#000000a6;max-width:380px;position:relative;z-index:1}.how__header-right strong{display:block;font-size:22px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--black);margin-bottom:16px}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:2px solid var(--glacier)}.step{padding:56px 48px 60px;border-right:1px solid rgba(255,255,255,.07);position:relative;overflow:hidden;transition:background .3s ease}.step:last-child{border-right:none}.step:hover{background:#b1f7ed08}.step:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--glacier);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.16,1,.3,1)}.step:hover:after{transform:scaleX(1)}.step__bg{position:absolute;top:-16px;right:16px;font-size:160px;font-weight:700;letter-spacing:-.05em;color:#b1f7ed0a;line-height:1;pointer-events:none;-webkit-user-select:none;user-select:none;transition:color .3s ease}.step:hover .step__bg{color:#b1f7ed14}.step__num{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:transparent;border:1.5px solid rgba(177,247,237,.3);border-radius:0;font-size:16px;font-weight:700;color:var(--glacier);margin-bottom:36px;transition:background .3s ease,color .3s ease,border-color .3s ease;position:relative;z-index:1}.step:hover .step__num{background:var(--glacier);color:var(--black);border-color:var(--glacier)}.step__title{font-size:20px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--white);margin-bottom:18px;line-height:1.1;position:relative;z-index:1}.step__body{font-size:14px;font-weight:300;line-height:1.8;color:#ffffffd1;max-width:280px;position:relative;z-index:1}.cta{display:grid;grid-template-columns:2fr 1fr;border-top:2px solid var(--glacier);min-height:200px}.cta__left{background:var(--glacier);padding:56px 64px;display:flex;align-items:center;gap:40px;flex-wrap:wrap;position:relative;overflow:hidden}.cta__left:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:repeating-linear-gradient(-45deg,transparent,transparent 10px,rgba(0,0,0,.03) 10px,rgba(0,0,0,.03) 11px);pointer-events:none}.cta__headline{font-size:clamp(26px,4vw,52px);font-weight:700;letter-spacing:-.02em;text-transform:uppercase;color:var(--black);line-height:.95;position:relative}.cta__headline i{font-style:italic;font-weight:300;display:block;font-size:.75em}.cta__btn{position:relative;display:inline-flex;align-items:center;gap:14px;padding:18px 36px;background:var(--black);color:var(--white);font-family:var(--f);font-size:12px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border:none;border-radius:12px;cursor:pointer;transition:background .25s ease,color .25s ease,transform .2s ease;flex-shrink:0;z-index:1}.cta__btn:hover{background:var(--white);color:var(--black);transform:translateY(-2px)}.cta__btn-arrow{width:18px;height:18px;transition:transform .25s ease}.cta__btn:hover .cta__btn-arrow{transform:translate(4px)}.cta__right{background:var(--black);padding:40px 48px;display:flex;flex-direction:column;justify-content:center;gap:8px;border-left:1px solid rgba(177,247,237,.15)}.cta__right-line{font-size:13px;font-weight:700;letter-spacing:.25em;text-transform:uppercase;color:#ffffff40;line-height:1}.cta__right-line.hi{color:var(--white)}.cta__right-line.glacier{color:var(--glacier)}.cta__right-line.red{color:#ff2a00}.what__bar-wordmark{height:22px;width:auto;display:block;mix-blend-mode:multiply}.what__bear-bg{position:absolute;right:0;top:50%;transform:translateY(-50%);width:min(520px,44vw);height:auto;opacity:.06;filter:invert(1);pointer-events:none;-webkit-user-select:none;user-select:none}.cta__brand-arrow{position:absolute;bottom:0;right:0;width:100px;height:100px;opacity:1;pointer-events:none}@media(max-width:800px){.what__bear-bg{width:260px;opacity:.04}.cta__brand-arrow{width:72px;height:72px}}.wcard,.step,.what__hero,.how__header,.cta{opacity:0;transform:translateY(24px);animation:rise .7s cubic-bezier(.16,1,.3,1) forwards}.what__hero{animation-delay:.05s}.wcard:nth-child(1){animation-delay:.15s}.wcard:nth-child(2){animation-delay:.25s}.wcard:nth-child(3){animation-delay:.35s}.how__header{animation-delay:.1s}.step:nth-child(1){animation-delay:.2s}.step:nth-child(2){animation-delay:.3s}.step:nth-child(3){animation-delay:.4s}.cta{animation-delay:.1s}@keyframes rise{to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.what__bar,.what__hero,.how__header-left,.how__header-right,.cta__left,.cta__right{padding-left:40px;padding-right:40px}.wcard__body,.step{padding-left:32px;padding-right:32px}}@media(max-width:800px){.what__cards,.steps,.how__header,.cta{grid-template-columns:1fr}.wcard,.step{border-right:none;border-bottom:1px solid rgba(255,255,255,.07)}.step:last-child{border-bottom:none}.how__arrow{display:none}.cta__left{padding:40px 24px}.cta__right{padding:32px 24px;border-left:none;border-top:1px solid rgba(177,247,237,.15)}.what__bar,.what__hero{padding-left:24px;padding-right:24px}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/whatwedo.css.map */