.p2{--ink:#1B1D1F;--ink2:#4C5155;--ink3:#6B7075;--line:#E8EBED;--pill:#F4F5F6;--pill2:#E8EBED;--wash:#F7F8F9;--logo:#010F20;--blue:#2D63E0;--blue-h:#2453C4;--blue-t:#EAF0FC;--f-brand:"Smooch Sans","Arial Narrow",sans-serif;--f-ui:"JP Haas","Helvetica Neue",Helvetica,Arial,sans-serif;--f-text:"JP Haas Text","Helvetica Neue",Helvetica,Arial,sans-serif;--t1:12px;--t2:13px;--t3:15px;--t4:18px;--t5:26px;--t6:38px;--r1:8px;--r2:16px;--e-out:cubic-bezier(.16,1,.3,1);--e-spring:cubic-bezier(.34,1.56,.64,1);--hh:56px;--tb:60px;--sh:56vh;--gl:max(var(--g),env(safe-area-inset-left,0px));--gr:max(var(--g),env(safe-area-inset-right,0px))}.p2 *{box-sizing:border-box}.p2{-webkit-text-size-adjust:100%}.p2{margin:0;background:#fff;color:var(--ink);font:400 var(--t3)/1.5 var(--f-ui);-webkit-font-smoothing:antialiased}.p2 button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.p2 img{display:block;max-width:100%}.p2 a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}.p2 :focus-visible{outline:2px solid var(--blue);outline-offset:2px}.p2 .ic{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.p2 .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:44px;padding:0 18px;border-radius:999px;font:500 var(--t3)/1 var(--f-text);white-space:nowrap;transition:transform .15s var(--e-out),background .2s,color .2s}.p2 .btn:active{transform:scale(.96)}.p2 .btn.dark{background:var(--ink);color:#fff}.p2 .btn.line{box-shadow:inset 0 0 0 1px var(--pill2);color:var(--ink)}.p2 .btn.white{background:#fff;color:var(--ink)}.p2 .btn small{font-size:var(--t1);opacity:.85;font-weight:500}.p2 .crumbs{font:500 var(--t1)/1 var(--f-text);color:var(--ink3);display:flex;gap:6px;flex-wrap:wrap}@media(min-width:900px){.p2{--sh:calc(100vh - var(--hh) - 196px)}}@media(prefers-reduced-motion:reduce){.p2 *{animation:none!important;transition-duration:.01ms!important}}.p2 [hidden]{display:none!important}.p2{--navy:#010F20;--ink-t:#1C2640}.p2 .pad{padding:0 var(--gr) 0 var(--gl)}.p2 .crumbs{display:flex;gap:6px;font:500 var(--t1)/1 var(--f-text);color:var(--ink3)}.p2 .crumbs a{color:var(--ink2)}.p2 .fine a{color:var(--blue)}.p2 .fine{margin:12px 0 0;font:500 var(--t1)/1.5 var(--f-text);color:var(--ink3)}.p2 .ship dd{margin:0;text-align:right;font:900 22px/1 var(--f-brand)}.p2 .founder{display:flex;align-items:center;gap:12px;margin-top:18px;padding:14px;border-radius:18px;background:var(--wash);font:500 var(--t2)/1.4 var(--f-text);color:var(--ink2)}.p2 .endcta{margin:56px max(var(--gr),calc(50% - var(--wrap) / 2)) 0 max(var(--gl),calc(50% - var(--wrap) / 2));padding:26px 20px;border-radius:22px;background:var(--blue);color:#fff;display:grid;gap:10px;justify-items:start}.p2 .endcta h2{margin:0;font:900 40px/.9 var(--f-brand);text-transform:uppercase}.p2 .endcta p{margin:0;font:500 var(--t2)/1.45 var(--f-text);color:#ffffffd1}.p2 .endcta .ctarow{display:flex;gap:8px;flex-wrap:wrap;margin-top:4px}.p2 .btn.glass{background:#ffffff24;color:#fff;box-shadow:inset 0 0 0 1px #ffffff4d}.p2 .crw{margin-top:14px}.p2 .hp-h1{margin:14px 0 0;font:900 44px/.92 var(--f-brand);text-transform:uppercase;text-wrap:balance}.p2 .hp-lede{margin:10px 0 0;font:500 var(--t2)/1.5 var(--f-text);color:var(--ink2)}.p2 .hp-bar{position:relative;z-index:2;margin:14px calc(-1 * var(--gl)) 0;padding:10px var(--gr) 10px var(--gl);background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.p2 .hp-f{position:relative;display:block}.p2 .hp-f svg{position:absolute;left:14px;top:50%;width:18px;height:18px;margin-top:-9px;color:var(--ink3)}.p2 .hp-f input{width:100%;height:48px;padding:0 44px 0 42px;border:0;border-radius:16px;background:var(--pill);font:500 16px/48px var(--f-text);color:var(--ink);outline:none;transition:box-shadow .2s}.p2 .hp-f input:focus{box-shadow:inset 0 0 0 2px var(--ink)}.p2 .hp-f input::-webkit-search-cancel-button{display:none}.p2 .hp-x{position:absolute;right:6px;top:50%;width:36px;height:36px;margin-top:-18px;border-radius:50%;display:grid;place-items:center;color:var(--ink3)}.p2 .hp-x svg{position:static;width:14px;height:14px;margin:0}.p2 .hp-sug{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin-top:8px}.p2 .hp-sug::-webkit-scrollbar{display:none}.p2 .hp-sug button{flex:none;height:30px;padding:0 12px;border-radius:999px;box-shadow:inset 0 0 0 1px var(--line);font:500 12px/30px var(--f-text);color:var(--ink2);transition:background .2s,color .2s}.p2 .hp-sug button:hover,.p2 .hp-sug button[aria-pressed=true]{background:var(--ink);color:#fff;box-shadow:none}.p2 .hp-q{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.p2 .hp-q a{display:grid;gap:10px;padding:14px;border-radius:18px;background:var(--wash);transition:transform .3s var(--e-spring),background .2s}.p2 .hp-q a:hover{transform:translateY(-3px);background:#edeff2}.p2 .hp-q a:active{transform:scale(.97)}.p2 .hp-q i{width:36px;height:36px;border-radius:12px;background:#fff;display:grid;place-items:center;color:var(--ink)}.p2 .hp-q i svg{width:18px;height:18px}.p2 .hp-q b{font:500 var(--t2)/1.2 var(--f-text);color:var(--ink)}.p2 .hp-q span{display:block;margin-top:2px;font:500 12px/1.35 var(--f-text);color:var(--ink3)}.p2 .hp-q a.dk{background:var(--ink)}.p2 .hp-q a.dk b{color:#fff}.p2 .hp-q a.dk span{color:#ffffffa6}.p2 .hp-q a.dk i{background:#ffffff1f;color:#fff}.p2 .hp-sec{margin-top:34px}.p2 .hp-sec>h2{margin:0;font:900 26px/1 var(--f-brand);text-transform:uppercase}.p2 .hp-jr{position:relative;margin-top:16px;padding:6px 0 0}.p2 .hp-jr:before{content:"";position:absolute;left:17px;top:22px;bottom:30px;width:2px;background:var(--pill)}.p2 .hp-jr .fill{position:absolute;left:17px;top:22px;width:2px;height:0;background:var(--blue);transition:height 1.2s var(--e-out)}.p2 .hp-jr.in .fill{height:calc(100% - 52px)}.p2 .hp-st{position:relative;display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;padding-bottom:18px;opacity:.35;transform:translate(-6px);transition:opacity .5s,transform .5s var(--e-out)}.p2 .hp-jr.in .hp-st{opacity:1;transform:none}.p2 .hp-jr.in .hp-st:nth-child(3){transition-delay:.25s}.p2 .hp-jr.in .hp-st:nth-child(4){transition-delay:.5s}.p2 .hp-jr.in .hp-st:nth-child(5){transition-delay:.75s}.p2 .hp-st>i{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 2px var(--ink);display:grid;place-items:center;font:900 15px/1 var(--f-brand);color:var(--ink)}.p2 .hp-st:last-child>i{background:var(--blue);box-shadow:none;color:#fff}.p2 .hp-st b{display:block;padding-top:7px;font:500 var(--t2)/1.3 var(--f-text);color:var(--ink)}.p2 .hp-st p{margin:3px 0 0;font:500 var(--t1)/1.5 var(--f-text);color:var(--ink2)}.p2 .hp-st a{color:var(--blue)}.p2 .hp-st p.sm{font-size:12px;color:var(--ink3)}.p2 .hp-sp{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:8px}.p2 .hp-sp div{padding:10px;border-radius:12px;background:var(--wash)}.p2 .hp-sp b{padding:0;font-size:var(--t1)}.p2 .hp-sp span{display:block;margin-top:2px;font:500 12px/1.35 var(--f-text);color:var(--ink2)}.p2 .hp-ok{margin-top:6px;padding:16px;border-radius:20px;background:var(--navy);color:#fff;display:grid;gap:6px}.p2 .hp-ok small{font:500 10px/1.2 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:#8fb0ff}.p2 .hp-ok b{font:900 24px/1 var(--f-brand);text-transform:uppercase}.p2 .hp-ok p{margin:0;font:500 var(--t1)/1.5 var(--f-text);color:#ffffffbf}.p2 .hp-ok .row{display:flex;gap:8px;margin-top:6px;flex-wrap:wrap}.p2 .hp-grp{margin-top:22px}.p2 .hp-grp h3{margin:0 0 6px;display:flex;align-items:center;gap:8px;font:500 11px/1 var(--f-text);letter-spacing:.08em;text-transform:uppercase;color:var(--ink3)}.p2 .hp-grp h3 em{font-style:normal;color:var(--blue)}.p2 .hp-rw{display:grid;grid-template-columns:minmax(0,1fr) 20px;gap:4px 10px;align-items:center;padding:13px 0;border-top:1px solid var(--line);transition:padding .25s var(--e-out)}.p2 .hp-rw:hover{padding-left:6px}.p2 .hp-rw b{font:500 var(--t2)/1.3 var(--f-text);color:var(--ink)}.p2 .hp-rw span{grid-column:1;font:500 var(--t1)/1.45 var(--f-text);color:var(--ink3)}.p2 .hp-rw svg{grid-column:2;grid-row:1 / span 2;width:16px;height:16px;color:var(--ink3);transition:transform .25s var(--e-out)}.p2 .hp-rw:hover svg{transform:translate(3px);color:var(--ink)}.p2 .hp-rw mark{background:#e4ecff;color:inherit;border-radius:3px}.p2 .hp-none{margin-top:18px;padding:18px;border-radius:18px;box-shadow:inset 0 0 0 1px var(--line);font:500 var(--t1)/1.5 var(--f-text);color:var(--ink2)}.p2 .hp-none a{color:var(--blue)}.p2 .hp-acc{margin-top:14px;display:grid;gap:8px}.p2 .hp-acc details{border-radius:18px;background:var(--wash);overflow:hidden}.p2 .hp-acc summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:10px;padding:15px 16px;font:500 var(--t2)/1.3 var(--f-text);color:var(--ink)}.p2 .hp-acc summary::-webkit-details-marker{display:none}.p2 .hp-acc summary i{position:relative;flex:none;width:26px;height:26px;border-radius:50%;background:#fff}.p2 .hp-acc summary i:before,.p2 .hp-acc summary i:after{content:"";position:absolute;left:8px;top:12px;width:10px;height:2px;border-radius:1px;background:var(--ink);transition:transform .3s var(--e-out)}.p2 .hp-acc summary i:after{transform:rotate(90deg)}.p2 .hp-acc details[open] summary i:after{transform:rotate(0)}.p2 .hp-acc details>div{padding:0 16px 16px;animation:p2-hpin .35s var(--e-out)}@keyframes p2-hpin{0%{opacity:0;transform:translateY(-4px)}}.p2 .hp-acc p{margin:0 0 8px;font:500 var(--t1)/1.55 var(--f-text);color:var(--ink2)}.p2 .hp-acc a{font:500 var(--t1)/1 var(--f-text);color:var(--blue)}.p2 .hp-ct .mail{display:inline-flex;align-items:center;gap:8px;margin-top:10px;padding:8px 12px;border-radius:12px;background:var(--wash);font:500 var(--t1)/1 var(--f-text);color:var(--ink);-webkit-user-select:all;user-select:all}.p2 .hp-ct .mail button{font:500 12px/1 var(--f-text);color:var(--blue)}.p2 .hp-rew{margin-top:34px;padding:20px 18px;border-radius:24px;background:var(--wash);overflow:hidden}.p2 .hp-rew h2{margin:0;font:900 26px/1 var(--f-brand);text-transform:uppercase;text-wrap:balance}.p2 .hp-rew h2 em{font-style:normal;color:var(--blue)}.p2 .hp-two{position:relative;height:150px;margin:18px auto 6px;max-width:260px}.p2 .hp-two .sh{position:absolute;left:50%;top:10px;width:118px;height:130px;margin-left:-59px;border-radius:12px;background:#fff;box-shadow:0 10px 24px #0a14281f;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:12px;transition:transform .9s var(--e-spring)}.p2 .hp-two .sh i{border-radius:5px;background:#eef0f3}.p2 .hp-two .sh i:nth-child(1),.p2 .hp-two .sh i:nth-child(5),.p2 .hp-two .sh i:nth-child(9){background:var(--ink)}.p2 .hp-two .sh i:nth-child(3),.p2 .hp-two .sh i:nth-child(7){background:var(--blue)}.p2 .hp-two.in .a{transform:translate(-44px) rotate(-7deg)}.p2 .hp-two.in .b{transform:translate(44px) rotate(7deg)}.p2 .hp-two .x2{position:absolute;right:6px;top:0;z-index:3;width:46px;height:46px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;font:900 18px/1 var(--f-brand);transform:scale(0);transition:transform .5s .6s var(--e-spring)}.p2 .hp-two.in .x2{transform:scale(1)}.p2 .hp-steps{display:grid;gap:8px;margin-top:10px}.p2 .hp-steps div{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:start;font:500 var(--t1)/1.5 var(--f-text);color:var(--ink2)}.p2 .hp-steps div i{width:28px;height:28px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:900 13px/1 var(--f-brand);font-style:normal}.p2 .hp-steps b{color:var(--ink);font-weight:500}.p2 .hp-rew .btn{margin-top:14px}.p2 .hp-ct{margin-top:34px;display:grid;grid-template-columns:52px minmax(0,1fr);gap:14px;align-items:start;padding:18px;border-radius:22px;box-shadow:inset 0 0 0 1px var(--line)}.p2 .hp-ct .av{width:52px;height:52px;border-radius:50%;background:var(--ink);color:#fff;display:grid;place-items:center;font:900 22px/1 var(--f-brand)}.p2 .hp-ct h2{margin:0;font:900 22px/1 var(--f-brand);text-transform:uppercase}.p2 .hp-ct p{margin:6px 0 0;font:500 var(--t1)/1.5 var(--f-text);color:var(--ink2)}.p2 .hp-ct .row{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}@media(min-width:900px){.p2 .hp-main{max-width:980px;margin:0 auto}.p2 .hp-h1{font-size:72px}.p2 .hp-q{grid-template-columns:repeat(4,1fr)}.p2 .hp-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}.p2 .hp-tp{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}.p2 .hp-rew{display:grid;grid-template-columns:300px minmax(0,1fr);gap:8px 28px;align-items:center;padding:28px}.p2 .hp-two{grid-row:1 / span 4;grid-column:1;margin:0 auto}}@media(prefers-reduced-motion:reduce){.p2 .hp-st,.p2 .hp-jr .fill,.p2 .hp-two .sh,.p2 .hp-two .x2{transition:none}}.p2 .hp-rl{margin:14px 0 16px;font:500 var(--t1)/1.6 var(--f-text);color:var(--ink2)}.p2 .hp-rl a,.p2 .hp-acc a{color:var(--blue)}.p2 .endcta .ectl{margin:0;font:900 40px/.9 var(--f-brand);text-transform:uppercase;color:#fff}.p2 .endcta p a{color:inherit;text-decoration:underline;text-underline-offset:2px}@media(min-width:900px){.p2 .hp-cols #topics{grid-column:1 / -1}.p2 #topics>h2{margin-bottom:14px}.p2 #topics .hp-tp{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:28px;align-items:start}.p2 #topics .hp-tp .hp-grp{margin-top:0}}.p2 a.btn[href*="instagram.com"]{max-width:100%;white-space:normal;height:auto;min-height:44px;padding-top:10px;padding-bottom:10px;text-align:center}.p2{--ob:28px;--hh:84px}.p2 .wsh h2{margin:0;font:900 26px/1 var(--f-brand);text-transform:uppercase;color:var(--ink)}.p2 .wsh-r .t i{position:absolute;top:0;bottom:0;border-radius:5px;background:var(--ink);transform-origin:left;transform:scaleX(0);transition:transform .7s cubic-bezier(.2,.9,.2,1)}.p2 .wsh-r:last-child .t i{background:var(--blue)}.p2 .wsh-r b{font-weight:500;text-align:right;color:var(--ink2)}.p2 .wsh-ax div{display:flex;justify-content:space-between}.p2 .wsh .lk a{display:inline-flex;align-items:center;height:40px;padding:0 16px;border-radius:999px;font:500 14px/40px var(--f-text);box-shadow:inset 0 0 0 1px #d5d9de;color:var(--ink)}@media(prefers-reduced-motion:reduce){.p2 .wsh,.p2 .wsh-r .t i{transition:none}}.p2 .dsh .dtab button{height:32px;padding:0 12px;border-radius:999px;background:#f1f2f4;font:500 13px/32px var(--f-text);color:var(--ink2)}.p2 .dsh .dst button{flex:1;height:32px;border-radius:999px;font:500 12px/1 var(--f-text);color:var(--ink2)}.p2-hp.list{padding-top:16px}
/*# sourceMappingURL=/cdn/shop/t/188/assets/jp-p2-hp.css.map */