.template--index .site-aura,.template--index .template--index{background:var(--bg)}.ph-brand-wrap{position:fixed;top:var(--ann-h,0px);left:0;right:0;z-index:101;padding-inline:0;pointer-events:none;transition:top var(--dur-2) var(--ease),padding-inline var(--dur-2) var(--ease)}[data-scrolled] .ph-brand-wrap{top:var(--bar-top);padding-inline:clamp(14px,3vw,28px)}.ph-brand{pointer-events:auto;position:relative;max-width:none;margin-inline:auto;color:var(--ink);border-radius:0;overflow:hidden;background:#f4f3f9e6;background:linear-gradient(180deg,color-mix(in oklab,var(--bg) 86%,transparent),color-mix(in oklab,var(--bg) 93%,transparent));-webkit-backdrop-filter:blur(22px) saturate(185%) brightness(1.05);backdrop-filter:blur(22px) saturate(185%) brightness(1.05);box-shadow:none;transition:border-radius var(--dur-2) var(--ease),background var(--dur-2) var(--ease),box-shadow var(--dur-2) var(--ease)}[data-scrolled] .ph-brand{max-width:1370px;border-radius:var(--r-pill);background:#f4f3f9c2;background:linear-gradient(180deg,color-mix(in oklab,var(--bg) 58%,transparent),color-mix(in oklab,var(--bg) 78%,transparent));box-shadow:inset 0 1px #ffffff9e,inset 0 0 0 1px #ffffff29,inset 0 -1px #ffffff47,0 14px 36px -20px #17141e99}.ph-brand:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff8c,#fff0 46%);opacity:.6}.ph-brand__inner{position:relative;z-index:1;max-width:1370px;margin-inline:auto;padding:0 14px 0 26px;height:var(--bar-h);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px}.ph-brand__rail{position:absolute;left:0;right:0;bottom:0;height:2px;opacity:0;transition:opacity var(--dur-2) var(--ease);pointer-events:none;z-index:2}.ph-brand__rail>span{display:block;height:100%;width:100%;transform:scaleX(0);transform-origin:left;background:var(--violet)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ph-brand,[data-scrolled] .ph-brand{background:var(--bg)}}@media(prefers-reduced-motion:reduce){.ph-brand-wrap,.ph-brand{transition:none}}.ph-brand.is-scrolled .ph-brand__rail{opacity:1}.ph-brand__logo{transition:transform var(--dur-2) var(--ease)}.ph-brand__logo{width:142px;flex-shrink:0;color:var(--violet)}.ph-brand__logo svg{width:100%;height:auto}.ph-brand__desktop{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:30px}.ph-brand__desktop>a{position:relative;font-size:16px;font-weight:400;padding:12px 2px;min-height:44px}.ph-brand__desktop>a:after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1.5px;background:var(--violet);transform:scaleX(0);transform-origin:right;transition:transform .28s var(--ease-out)}.ph-brand__desktop>a:hover:after,.ph-brand__desktop>a:focus-visible:after,.ph-brand__desktop>a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}@media(prefers-reduced-motion:reduce){.ph-brand__desktop>a:after{transition:none}}.ph-brand__shop{justify-self:end;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 20px;border-radius:var(--r-pill);background:var(--lime);color:var(--ink);font-size:15px;font-weight:600;white-space:nowrap;transition:transform .18s var(--ease-out),filter var(--dur-1)}.ph-brand__shop:hover{color:var(--ink);transform:translateY(-1px);filter:brightness(.96)}.ph-brand__logo{justify-self:start}.ph-brand__commerce{justify-self:end}.ph-brand--shop .ph-brand__inner{grid-template-columns:1fr minmax(240px,440px) 1fr}.ph-brand__search{justify-self:center;display:flex;align-items:center;gap:6px;width:min(440px,100%);height:44px;padding:0 5px 0 17px;background:var(--sheet);border:1px solid var(--hair-2);border-radius:var(--r-pill);transition:border-color var(--dur-1)}.ph-brand__search:focus-within{border-color:var(--violet)}.ph-brand__search input{flex:1;min-width:0;height:100%;border:0;background:none;font:inherit;font-size:15px;color:var(--ink)}.ph-brand__search input::placeholder{color:var(--soft)}.ph-brand__search input::-webkit-search-cancel-button{-webkit-appearance:none}.ph-brand__search button{display:grid;place-items:center;width:34px;height:34px;flex:none;border:0;border-radius:50%;background:none;color:var(--soft);cursor:pointer;transition:color var(--dur-1),background-color var(--dur-1)}.ph-brand__search button:hover{color:var(--ink);background:var(--bg-soft)}.ph-brand__commerce{display:flex;align-items:center;gap:18px;font-size:15px;white-space:nowrap}.ph-brand a:hover,.ph-brand summary:hover{color:var(--deep)}.ph-brand__mobile{display:none}.ph-brand summary{cursor:pointer}.ph-brand__dropdown{position:relative}.ph-brand__submenu{position:absolute;top:100%;left:-16px;min-width:190px;max-width:300px;padding:12px;background:var(--bg);border:1px solid var(--hair-2);border-radius:8px;box-shadow:0 12px 30px #43356f14}.ph-brand__submenu a{display:block;padding:10px;min-height:44px}.ph-brand__submenu .ph-brand__nested{padding-left:22px;font-size:14px}.ph-home{max-width:1370px;margin:auto;color:var(--ink);background:var(--bg);display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto;padding:0 48px;isolation:isolate}.ph-home>*{min-width:0;max-width:100%}.ph-home__intro{text-align:center;padding:24px 0 0;position:relative;z-index:2}.ph-home h1{font-family:var(--font-display);font-size:clamp(40px,4.3vw,64px);letter-spacing:-.045em;font-weight:700;line-height:1.08;margin:0;text-wrap:balance}.ph-home h1 span{color:var(--violet)}.ph-home__intro p{font-size:18px;font-weight:400;margin:14px 0 8px}.ph-home__discover{display:inline-flex;align-items:center;gap:8px;font-size:14px;min-height:44px;text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--soft)}.ph-home__discover:hover{color:var(--deep)}.ph-home__scene{position:relative;width:min(100%,1050px);aspect-ratio:1536/750;margin:0 auto;scroll-margin-block:24px;align-self:center}.ph-home__spot{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;opacity:0;border-radius:inherit;transition:opacity .34s var(--ease);mix-blend-mode:screen;background:radial-gradient(ellipse 18% 37% at var(--hx,50%) var(--hy,50%),rgba(186,147,223,.62) 0%,rgba(123,94,198,.26) 42%,rgba(123,94,198,0) 72%);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent)}.ph-home__scene.is-spotting .ph-home__spot{opacity:1}.ph-home__hotspot{transition:filter .24s var(--ease)}.ph-home__scene.is-spotting .ph-home__hotspot:not(.is-active){opacity:.6}.ph-home__image{width:100%;height:100%;object-fit:contain;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(to bottom,transparent,#000 4%,#000 96%,transparent);animation:phHomeArrive .8s var(--ease) both;pointer-events:none;-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.ph-home__hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:44px;height:44px;display:grid;place-items:center;z-index:3}.ph-home__dot{width:26px;height:26px;background:var(--violet);border:3px solid #fff;border-radius:50%;box-shadow:0 3px 12px #17141e61,0 0 0 5px #ffffff52;transition:transform .24s var(--ease),box-shadow .24s var(--ease);position:relative}.ph-home__dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:7px;height:7px;border-radius:50%;background:#fff}.ph-home__hotspot:hover .ph-home__dot,.ph-home__hotspot:focus-visible .ph-home__dot{box-shadow:0 4px 18px #17141e73,0 0 0 9px #7b5ec638}.ph-home__tip{position:absolute;bottom:44px;left:50%;transform:translate(-50%);background:var(--ink);color:#fff;padding:10px 14px;border-radius:var(--r-pill);white-space:nowrap;font-size:14px;font-weight:400;box-shadow:0 6px 20px #17141e47;z-index:5;opacity:0;visibility:hidden;transition:opacity .16s;pointer-events:none}.ph-home__hotspot:hover .ph-home__tip,.ph-home__hotspot:focus-visible .ph-home__tip{opacity:1;visibility:visible;pointer-events:auto}.ph-home__scene.is-tips-off .ph-home__tip{opacity:0;visibility:hidden;pointer-events:none}.ph-home__hotspot:hover .ph-home__dot,.ph-home__hotspot:focus-visible .ph-home__dot{transform:scale(1.16)}.ph-home__hotspot.is-active .ph-home__tip{opacity:1;visibility:visible;pointer-events:auto}.ph-home__hotspot.is-active .ph-home__dot{transform:scale(1.16)}.ph-home__hotspot[data-tip-hidden] .ph-home__tip{visibility:hidden}@keyframes phHomeArrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:900px){.ph-home{height:calc(100svh - var(--bar-total));min-height:620px;grid-template-rows:auto minmax(0,1fr) auto}.ph-home__scene{width:min(100%,1120px);max-height:100%}.ph-home__intro{padding-top:16px}}@media(max-width:1000px){.ph-brand__inner{padding-inline:28px;gap:25px}.ph-home{padding-inline:28px}.ph-brand__desktop{gap:22px}}@media(max-width:767px){.ph-brand__inner{height:auto;min-height:56px;padding:8px 10px 8px 18px;gap:10px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}.ph-brand__search{display:none}.ph-brand__inner>.ph-brand__shop,.ph-brand__inner>.ph-brand__commerce{order:2;margin-left:auto}.ph-brand__logo{width:112px}.ph-brand__desktop{display:none}.ph-brand__shop{height:38px;padding:0 15px;font-size:14px}}@media(max-width:540px){.ph-home h1{max-width:350px;margin:auto}.ph-home h1 span{display:block}.ph-home__intro p{max-width:270px;margin:14px auto 4px}.ph-home__scene{width:100%;margin:4px auto 10px}.ph-home__hotspot{display:grid}.ph-home__dot{width:24px;height:24px}.ph-home__tip{font-size:13px;padding:8px 12px;bottom:40px}.ph-home__spot{background:radial-gradient(ellipse 26% 53% at var(--hx,50%) var(--hy,50%),rgba(186,147,223,.66) 0%,rgba(123,94,198,.28) 42%,rgba(123,94,198,0) 72%)}}@media(prefers-reduced-motion:reduce){.ph-home__image{animation:none}.ph-home__dot,.ph-home__tip{transition:none}}.ph-brand summary{list-style:none}.ph-brand summary::-webkit-details-marker{display:none}@keyframes phHotspotArrive{0%{opacity:0;scale:.55;box-shadow:0 0 #7b5ec68c}55%{opacity:1;scale:1.12;box-shadow:0 0 0 14px #7b5ec600}to{opacity:1;scale:1;box-shadow:0 3px 12px #17141e61,0 0 0 5px #ffffff52}}.ph-home__scene.is-seen .ph-home__dot{animation:phHotspotArrive .72s var(--ease-out) both;animation-delay:calc(var(--i,0)*90ms + .12s)}@media(prefers-reduced-motion:reduce){.ph-home__dot{animation:none}}@media(max-width:540px)and (max-height:720px){.ph-home__intro{padding-top:14px}.ph-home h1{font-size:clamp(30px,8vw,38px)}.ph-home__intro p{font-size:15px;margin:10px auto 2px}.ph-home__discover{font-size:13px;min-height:40px}.ph-home__scene{margin:0 auto 4px}}.ph-tabs{display:none}@media(max-width:767px){.ph-tabs{pointer-events:auto;position:fixed;left:0;right:0;bottom:0;z-index:95;display:flex;background:#f4f3f9d6;background:linear-gradient(0deg,color-mix(in oklab,var(--bg) 88%,transparent),color-mix(in oklab,var(--bg) 68%,transparent));-webkit-backdrop-filter:blur(22px) saturate(185%) brightness(1.05);backdrop-filter:blur(22px) saturate(185%) brightness(1.05);box-shadow:inset 0 1px #ffffff80,0 -10px 28px -20px #17141e8c;padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.ph-tabs a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;padding:4px 2px;color:var(--soft);font-size:11px;font-weight:500;line-height:1.2;text-align:center;transition:color var(--dur-1)}.ph-tabs a svg{width:21px;height:21px}.ph-tabs a:hover,.ph-tabs a[aria-current=page]{color:var(--ink)}.ph-tabs a[aria-current=page] svg{color:var(--violet-ink)}.ph-tabs__n{font-size:10px;font-weight:600;color:var(--ink)}@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ph-tabs{background:var(--bg)}}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/phobos-home.css.map */