html.bp{--display:"Geist",sans-serif;--mono:"Geist Mono",ui-monospace,Menlo,monospace;--grid:color-mix(in srgb,var(--ink) 9%,transparent);--line:color-mix(in srgb,var(--ink) 16%,transparent);--rule:color-mix(in srgb,var(--ink) 70%,transparent);--hdr-h:98px;--col:250px}@media(min-width:761px){html.bp{--gut:40px}}html.bp body{font-family:var(--display)}html.bp .hdr{background:var(--bg);border-bottom:1px solid var(--line);padding:12px var(--gut);transition:background .6s var(--ease)}html.bp .logo{display:block;flex:none;width:146px;height:50px}@media(max-width:760px){html.bp .logo{width:116px;height:40px}}html.bp .logo .ex,html.bp .logo .fg,html.bp .logo canvas.liquid{display:none}html.bp .logo .mark{display:block;width:100%;height:100%;background:var(--ink);-webkit-mask:url(logo_mark.png) center/contain no-repeat;mask:url(logo_mark.png) center/contain no-repeat}html.bp .logo .mark{-webkit-mask:none;mask:none;background:url(logo_holo.webp) left center/contain no-repeat}html.bp .snd:not(.on):after{background:var(--accent)}html.bp .nav{background:none;border:0;padding:0;-webkit-backdrop-filter:none;backdrop-filter:none;gap:6px}html.bp .nav button{border-radius:0;padding:14px 12px;letter-spacing:.14em}html.bp .nav button:hover{background:none;color:var(--accent)}html.bp .icons a,html.bp .icons .snd{border-radius:0}html.bp .icons a:hover{background:none;color:var(--accent)}html.bp .hero{border-bottom:1px solid var(--line);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:80px 80px;background-position:-1px calc(var(--hdr-h) - 1px)}html.bp.spin-mode .hero:has(#spin.opaque):after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:80px 80px;background-position:-1px calc(var(--hdr-h) - 1px)}html.bp #spin{--tt-cx:.5;--tt-cy:.53;--tt-s:.6}html.bp .fig{position:absolute;z-index:5;left:var(--gut);right:var(--gut);top:calc(var(--hdr-h) + 40px);display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute);pointer-events:none}html.bp .fig,html.bp .callouts{transition:opacity .5s}html.bp .fig b{font-weight:400}html.sheet-open.bp .fig,html.sheet-open.bp .callouts{opacity:0;pointer-events:none}html.sheet-open.bp .lobe{pointer-events:none;visibility:hidden;transition:visibility 0s .5s}html.bp .callouts{position:absolute;z-index:5;left:var(--gut);right:var(--gut);top:calc(var(--hdr-h) + 100px);bottom:clamp(170px,24vh,230px);display:flex;justify-content:space-between;pointer-events:none}html.bp .col{width:var(--col);display:flex;flex-direction:column;justify-content:space-between}html.bp .lobe{pointer-events:auto;display:block;width:100%;text-align:left;border:0;border-top:1px solid var(--rule);background:none;padding:14px 0 0;cursor:pointer;color:var(--ink);transition:border-color .25s}html.bp .lobe .k{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}html.bp .lobe b{display:block;font-weight:500;font-size:22px;letter-spacing:-.01em;margin:6px 0 2px}html.bp .lobe .go{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent)}html.bp .lobe .go svg{transition:transform .3s var(--ease)}html.bp .lobe:hover,html.bp .lobe.hot{border-top-color:var(--accent)}html.bp .lobe:hover .go svg,html.bp .lobe.hot .go svg{transform:translate(4px)}html.bp .lobe:focus-visible{outline:2px solid var(--accent);outline-offset:4px}html.bp .pin span{display:none}html.bp .pin i{left:-14px;top:-14px;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--bg);border:1.5px solid var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--bg) 55%,transparent);font:500 10px var(--mono);font-style:normal;color:var(--ink);transition:background .2s,color .2s,border-color .2s}html.bp .pin i:after{top:-6px;right:-6px;bottom:-6px;left:-6px;border-color:color-mix(in srgb,var(--accent) 70%,transparent);animation:none;opacity:0}html.bp .pin:hover i:after,html.bp .pin.hot i:after{animation:ping 1.6s ease-out infinite}html.bp .pin:hover i,html.bp .pin.hot i{background:var(--accent);border-color:var(--accent);color:var(--bg)}html.bp .hero-copy{left:var(--gut);bottom:clamp(28px,5vh,48px);max-width:none;display:flex;align-items:flex-end;gap:40px;flex-wrap:wrap}html.bp .hero-copy h1{font-family:var(--display);font-weight:300;font-stretch:100%;text-transform:none;font-size:clamp(44px,4.6vw,68px);letter-spacing:-.04em;line-height:.95}html.bp .lede{display:none}html.bp .ctas{margin-bottom:6px}html.bp .drag-hint{display:none}html.bp .glass{background:var(--bg);border:1px solid var(--line);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}html.bp .btn,html.bp .card,html.bp .card .ph,html.bp .rcard,html.bp .rcard .imgs img,html.bp .trust li,html.bp .story-card,html.bp .sheet,html.bp .look-btn,html.bp .look-list,html.bp .look-opt,html.bp .step button,html.bp .chip,html.bp .card .ph i{border-radius:0}html.bp .btn.primary{box-shadow:none}html.bp .btn.primary:hover,html.bp .btn.ghost:hover{transform:none;background:var(--accent);color:var(--bg);border-color:var(--accent)}html.bp .btn.ghost{background:transparent;border:1px solid var(--ink);-webkit-backdrop-filter:none;backdrop-filter:none}html.bp .card{border:0;border-top:1px solid var(--line);background:none;padding:12px 0 0}html.bp .card:hover{transform:none;box-shadow:none}html.bp .card:hover .t{color:var(--accent)}html.bp .sec h2,html.bp .sheet h2{font-family:var(--display);font-weight:500;font-stretch:100%;text-transform:none;letter-spacing:-.03em}html.bp .rcard:after{display:none}html.bp .rcard{border:0;border-top:1px solid var(--rule);background:none;padding:14px 0 0}html.bp .rcard:hover{transform:none}html.bp .rcard b{font-weight:500;font-stretch:100%;text-transform:none;letter-spacing:-.01em}html.bp .rcard .go{color:var(--accent)}html.bp .trust li{background:none}html.bp .trust b{font-weight:500;font-stretch:100%}html.bp .sheet{box-shadow:0 30px 60px -28px #00000059}html.bp .card .ph,html.bp .rcard .imgs img{background:color-mix(in srgb,var(--ink) 5%,var(--bg))}html.bp .sec{max-width:none;margin:0;padding-left:var(--gut);padding-right:var(--gut)}html.bp .sec>*{max-width:1520px}@media(max-width:1100px)and (min-width:761px){html.bp .nav{display:flex;gap:0}html.bp .nav button{padding:14px 7px;letter-spacing:.08em;font-size:10px}}@media(max-width:1320px){html.bp{--col:210px}html.bp .lobe b{font-size:19px}}@media(max-width:760px),(max-aspect-ratio:4/5){html.bp{--hdr-h:86px}html.bp .fig{top:calc(var(--hdr-h) + 14px);font-size:10px}html.bp .fig span:last-child{display:none}html.bp .chips{display:none}html.bp #brain,html.bp #spin,html.bp .pins{top:-18%}html.bp .callouts{top:57%}html.bp .hero{min-height:740px}html.bp #spin{--tt-sw:1.22}html.bp .callouts{bottom:auto;left:0;right:0;display:flex;gap:14px;overflow-x:auto;padding:0 var(--gut);scrollbar-width:none;scroll-snap-type:x proximity;scroll-padding-inline:var(--gut)}html.bp .callouts::-webkit-scrollbar{display:none}html.bp .col{display:contents}html.bp .lobe{flex:none;width:172px;scroll-snap-align:start}html.bp .lobe .k{white-space:nowrap}html.bp .lobe b{font-size:17px}html.bp .hero-copy{right:var(--gut);bottom:84px;gap:16px}html.bp .hero-copy h1{font-size:clamp(36px,10.5vw,48px)}html.bp .ctas{margin:0;width:100%}}html.bp .logo{perspective:500px}html.bp .logo .mark{position:relative;transform:rotateY(calc(var(--lx,0) * 9deg)) rotateX(calc(var(--ly,0) * -7deg));transition:transform .5s var(--ease);will-change:transform}html.bp .logo .mark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;mix-blend-mode:screen;-webkit-mask:url(logo_holo.webp) left center/contain no-repeat;mask:url(logo_holo.webp) left center/contain no-repeat;background:linear-gradient(100deg,transparent 38%,rgba(255,255,255,.18) 46%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.18) 54%,transparent 62%);background-size:320% 100%;background-position:130% 0;animation:logo-sheen 6.5s cubic-bezier(.5,0,.3,1) infinite}html.bp .logo:hover .mark:after{animation-duration:2.2s}@keyframes logo-sheen{0%,62%{background-position:130% 0}to{background-position:-30% 0}}@media(prefers-reduced-motion:reduce){html.bp .logo .mark{transform:none;transition:none}html.bp .logo .mark:after{animation:none;display:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/blueprint.css.map */