html:has(.wh),body:has(.wh),main:has(.wh),.shopify-section:has(.wh){background:#ebe9e5!important}.wh{--paper:#ebe9e5;--soft:#e0ded9;--line:#d3d0ca;--mid:#666;--f:"Helvetica Neue",Helvetica,Arial,sans-serif;background:var(--paper);color:#000;font:15px/1.55 var(--f);-webkit-font-smoothing:antialiased;text-align:left;overflow-x:clip}.wh *,.wh *:before,.wh *:after{box-sizing:border-box;border-radius:0}.wh a{color:inherit;text-decoration:none}.wh a:hover{text-decoration:underline;text-underline-offset:4px}.wh img,.wh video{display:block;max-width:100%;height:auto}.wh h1,.wh h2,.wh h3,.wh p{margin:0;font-family:var(--f);color:inherit;text-transform:none}.wh h1,.wh h2{font-weight:700;letter-spacing:-.03em;line-height:1.05}.wh h2{font-size:40px}.wh button{font:inherit;color:inherit;cursor:pointer;height:auto;min-height:0;letter-spacing:normal;text-transform:none;box-shadow:none;border-radius:0}.wh button:before,.wh button:after{content:none}.wh :focus-visible{outline:2px solid currentColor;outline-offset:2px}.wh .wrap{max-width:1360px;margin:0 auto;padding:0 40px}.wh .lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase}.wh .ey{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--mid);margin-bottom:12px;display:block}.wh .ic{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;flex:none}.wh .ic.sm{width:14px;height:14px}.wh .btn{display:inline-flex;align-items:center;justify-content:center;height:56px!important;padding:0 28px;font-size:15px;letter-spacing:.04em;border:1px solid #000;background:#000;color:#fff}.wh .btn:hover{text-decoration:none;opacity:.85}.wh .btn.w{background:#fff;color:#000;border-color:#fff}.wh .btn.wo{background:transparent;color:#fff;border-color:#fff}.wh .more{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}.wh .sechd{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px}.wh .sec{padding:80px 0 0}.wh .hero{position:relative;height:min(600px,72vh);min-height:460px;overflow:hidden;background:#111;color:#fff}.wh .hero video,.wh .hero .hp{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.wh .hbox{position:absolute;left:40px;bottom:40px;width:min(500px,calc(100% - 80px));background:#000;padding:32px;z-index:2}.wh .hbox h1{font-size:52px;line-height:1}.wh .hbox p{margin-top:14px;color:#ddd;font-size:16px;max-width:420px}.wh .hbtns{display:flex;gap:12px;margin-top:22px;flex-wrap:wrap}.wh .hctl{position:absolute;right:40px;bottom:40px;width:44px;height:44px!important;border:1px solid rgba(255,255,255,.8);background:#00000059;color:#fff;display:flex;align-items:center;justify-content:center;padding:0;z-index:2}.wh .hctl .pl{display:none}.wh .hero.paused .hctl .pl{display:block}.wh .hero.paused .hctl .pa{display:none}.wh .mq{background:#000;color:#fff;overflow:hidden;white-space:nowrap;border-top:1px solid #333}.wh .mqt{display:inline-flex;padding:16px 0;animation:whmq 40s linear infinite}.wh .mqt span{display:inline-flex;align-items:center;gap:48px;padding-right:48px}.wh .mqt span:after{content:"";width:6px;height:6px;background:#fff;display:inline-block}@keyframes whmq{to{transform:translate(-50%)}}.wh .stmt{text-align:center;padding:80px 0 64px}.wh .stmt>p{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.1;max-width:980px;margin:0 auto}.wh .why{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;border-top:1px solid #000;padding-top:32px;margin-top:56px;text-align:left}.wh .why>div{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center}.wh .why .ic{width:30px;height:30px;stroke-width:1.4}.wh .why b{display:block;font-size:18px;font-weight:500;margin:0;line-height:1.25}.wh .why>div>p{grid-column:1/-1;margin-top:10px}.wh .why p{font-size:14px;color:#555;max-width:280px}.wh .tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr))}.wh .tile{position:relative;overflow:hidden;background:var(--soft);height:340px;display:block;grid-column:span 6}.wh .tile.w4{grid-column:span 4}.wh .tile.w12{grid-column:span 12}.wh .tile img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1)}.wh .tile:hover img{transform:scale(1.05)}.wh .tile:hover{text-decoration:none}.wh .tl{position:absolute;left:24px;top:24px;background:#000;color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.14em;text-transform:uppercase}.wh .arw{display:flex;gap:8px}.wh .arw button{width:44px;height:44px!important;border:1px solid #000;background:transparent;color:#000;display:flex;align-items:center;justify-content:center;padding:0}.wh .arw button:hover{background:#000;color:#fff}.wh .arw button[disabled]{opacity:.3;cursor:default;background:transparent;color:#000}.wh .car{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;overscroll-behavior-x:contain}.wh .car::-webkit-scrollbar{display:none}.wh .pc{flex:0 0 calc((100% - 48px)/4);scroll-snap-align:start;display:block}.wh .pc:hover{text-decoration:none}.wh .pci{position:relative;aspect-ratio:4/5;overflow:hidden;background:var(--soft)}.wh .pci img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),opacity .3s}.wh .pci .alt{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.wh .tag{position:absolute;left:12px;top:12px;z-index:2;background:var(--paper);color:#000;font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:6px 10px}.wh .cm{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:14px;padding-top:12px;border-top:1px solid #000}.wh .cm b{font-size:18px;font-weight:500;letter-spacing:-.01em}.wh .cm span{font-size:13px;color:var(--mid);white-space:nowrap}.wh .proc{background:var(--soft);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;padding:48px 0 40px 56px;margin-left:max(40px,calc((100% - 1360px)/2 + 40px))}.wh .pl2{display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-height:0}.wh .pl2 p{color:#333;max-width:440px}.wh .pnum{font-size:72px;font-weight:700;letter-spacing:-.05em;line-height:.9}.wh .ptl{font-size:24px;font-weight:500;letter-spacing:-.01em;margin-top:16px}.wh .ptx{margin-top:8px;min-height:48px}.wh .ulink{display:inline-block;margin-top:20px;text-decoration:underline;text-underline-offset:4px}.wh .ptrack{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-behavior:smooth;padding-right:64px}.wh .ptrack::-webkit-scrollbar{display:none}.wh .ps{flex:0 0 40%;aspect-ratio:4/5;overflow:hidden;background:var(--line);scroll-snap-align:start;border:0;padding:0;transition:opacity .5s;opacity:.45}.wh .ps.on{opacity:1}.wh .ps img{width:100%;height:100%;object-fit:cover}.wh .pbar{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-right:64px}.wh .prog{flex:1;height:1px;background:#bbb;margin:0 24px;position:relative}.wh .prog i{position:absolute;left:0;top:-1px;height:3px;background:#000;transition:width .5s}.wh .proj{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.wh .proj .pc:first-child .pci{aspect-ratio:16/9}.wh .proj .pc:nth-child(2) .pci{aspect-ratio:8/9}.wh .band{background:#000;color:#fff;padding:72px 0}.wh .bandin{display:grid;grid-template-columns:1.3fr 1fr;gap:64px;align-items:center}.wh .band h2{font-size:44px}.wh .band p{color:#ddd;margin-top:20px;max-width:560px}.wh .band .ey{color:#bbb}.wh .rows{border-top:1px solid #fff}.wh .rows div{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid #444}.wh .rows small{color:#bbb;font-size:13px}.wh .rows b{font-weight:500;text-align:right}.wh .samp{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:64px;align-items:center;padding:80px 0}.wh .samp h2{font-size:44px}.wh .samp p{color:#333;margin-top:16px;max-width:420px}.wh .sw{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.wh .sw .pci{aspect-ratio:3/4}.wh .sw .cm b{font-size:15px}@supports (animation-timeline: view()){.wh .rv{animation:whrv linear both;animation-timeline:view();animation-range:entry 0% entry 40%}@keyframes whrv{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}}@media(max-width:1000px){.wh .wrap{padding:0 20px}.wh h2,.wh .band h2,.wh .samp h2{font-size:30px}.wh .sec{padding-top:56px}.wh .hero{height:520px;min-height:0}.wh .hbox{left:20px;right:20px;bottom:20px;width:auto;padding:28px 24px}.wh .hbox h1{font-size:36px}.wh .hctl{right:20px;top:20px;bottom:auto}.wh .stmt{padding:56px 0 40px}.wh .stmt>p{font-size:26px}.wh .why{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px}.wh .tile{height:260px}.wh .tile.w4{grid-column:span 6}.wh .pc{flex-basis:calc((100% - 16px) / 2.3)}.wh .proc{grid-template-columns:minmax(0,1fr);gap:32px;padding:40px 0 32px 20px;margin-left:20px}.wh .pl2{min-height:0;padding-right:20px}.wh .pnum{font-size:64px}.wh .ps{flex-basis:62%}.wh .ptrack,.wh .pbar{padding-right:20px}.wh .bandin,.wh .samp{grid-template-columns:minmax(0,1fr);gap:32px}.wh .samp{padding:56px 0}.wh .proj{grid-template-columns:minmax(0,1fr)}.wh .proj .pc .pci{aspect-ratio:4/3!important}.wh .band{padding:48px 0}}@media(max-width:720px){.wh .hero{height:480px}.wh .hbtns{flex-wrap:nowrap}.wh .hbtns .btn{flex:1;padding:0 10px;font-size:13px;height:48px!important}.wh .hbox p{font-size:15px}.wh .why{grid-template-columns:minmax(0,1fr);gap:24px}.wh .tile{height:200px}.wh .tile,.wh .tile.w4{grid-column:span 6}.wh .tile:last-child:nth-child(odd){grid-column:span 12}.wh .tl{left:10px;top:10px;padding:8px 10px;font-size:11px;letter-spacing:.1em;gap:8px}.wh .pc{flex-basis:72%}.wh .sechd{flex-wrap:wrap}.wh .cm{flex-direction:column;gap:2px}.wh .cm b{font-size:16px}.wh .sw{gap:12px}.wh .sw .cm b{font-size:13px}}@media(prefers-reduced-motion:reduce){.wh .mqt,.wh .rv{animation:none}.wh *{transition:none!important;scroll-behavior:auto!important}}.wh [hidden]{display:none!important}.wh .ps{height:auto!important;min-height:0}@media(max-width:720px){.wh .hero{height:min(560px,74svh);min-height:440px}.wh .hbox{left:0;right:0;bottom:0;width:auto;padding:96px 20px 22px;background:linear-gradient(to top,#000c,#00000080 55%,#0000)}.wh .hbox .ey{font-size:11px;margin-bottom:10px!important}.wh .hbox h1{font-size:32px}.wh .hbox p{font-size:14px;line-height:1.45;margin-top:8px;color:#eee}.wh .hbtns{margin-top:16px;gap:8px}.wh .hbtns .btn{height:44px!important;font-size:12px}.wh .stmt>.ey{display:none}.wh .stmt{padding-top:40px}.wh [data-proc] .arw{display:none}.wh section[data-car]:has(.pjc) .arw{display:none}.wh .why{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 16px;margin-top:36px;padding-top:28px}.wh .why>div{grid-template-columns:minmax(0,1fr);align-content:start}.wh .why .ic{width:26px;height:26px;margin-bottom:10px}.wh .why b{font-size:15px}.wh .why>div>p{margin-top:6px}.wh .why p{font-size:13px;line-height:1.45}}@media(hover:hover)and (pointer:fine){.wh .pc:hover .pci img{transform:scale(1.04)}.wh .pc:hover .pci .alt{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/ww-home.css.map */