@property --bg{syntax: "<color>"; inherits: true; initial-value: #1a4a2e;}@property --bg2{syntax: "<color>"; inherits: true; initial-value: #3d8a50;}.pawgus-xp{--bg: #1a4a2e;--bg2: #3d8a50;--accent: #59c13f;--ink: #fff;--muted: rgba(255,255,255,.74);--line: rgba(255,255,255,.18);--dark: #161a16;--navh: 0px;--xp-top: 0px;--xp-display: "Manrope", var(--font-heading-family, system-ui), sans-serif;--xp-body: "DM Sans", var(--font-body-family, system-ui), sans-serif;position:relative;height:var(--xp-length-desktop, 760vh);background:var(--bg);color:var(--ink);font-family:var(--xp-body);transition:--bg .7s ease,--bg2 .7s ease;-webkit-text-size-adjust:100%}.pawgus-xp *,.pawgus-xp *:before,.pawgus-xp *:after{box-sizing:border-box}.pawgus-xp h1,.pawgus-xp h2,.pawgus-xp h3,.pawgus-xp p,.pawgus-xp dl,.pawgus-xp dd,.pawgus-xp ol{margin:0;padding:0}.pawgus-xp h1,.pawgus-xp h2,.pawgus-xp h3{color:inherit;text-transform:none}.pawgus-xp a{color:inherit;text-decoration:none}.pawgus-xp button{font:inherit;color:inherit;cursor:pointer;min-height:0;letter-spacing:normal;text-transform:none;box-shadow:none}.pawgus-xp img{display:block;max-width:100%;height:auto}.pawgus-xp :focus-visible{outline:2px solid var(--ink);outline-offset:3px}.pawgus-xp .xp-sticky{position:sticky;top:var(--xp-top);height:calc(100vh - var(--xp-top));height:calc(100svh - var(--xp-top));overflow:hidden;isolation:isolate}.pawgus-xp .xp-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(60% 55% at var(--spot-x, 50%) 56%,color-mix(in srgb,var(--bg2) 92%,white 8%) 0%,transparent 70%),radial-gradient(120% 80% at 50% 120%,color-mix(in srgb,var(--bg) 60%,black 40%) 0%,transparent 60%),linear-gradient(180deg,color-mix(in srgb,var(--bg) 88%,black 12%),var(--bg))}.pawgus-xp .xp-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(130% 100% at 50% 45%,transparent 55%,rgba(0,0,0,.28))}.pawgus-xp .xp-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:-1;display:block;opacity:0;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.7,.2,1)}.pawgus-xp.model-ready .xp-canvas{opacity:1}.pawgus-xp .is-switching .xp-canvas{opacity:0!important;transform:scale(.97);transition-duration:.18s}.pawgus-xp .xp-ui{transition:opacity .34s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.pawgus-xp .is-sliding .xp-ui{opacity:0;transform:translate3d(calc(var(--slide-dir, 1) * -48px),0,0);transition:opacity .26s ease,transform .4s cubic-bezier(.5,0,.8,.4)}.pawgus-xp .xp-fallback{display:none;position:absolute;left:50%;top:55%;width:min(46vh,70vw);transform:translate(-50%,-50%);border-radius:18px;z-index:-1}.pawgus-xp.no-webgl .xp-fallback{display:block}.pawgus-xp .xp-loader{position:absolute;left:50%;top:55%;width:34px;height:34px;margin:-17px;border-radius:50%;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;animation:pawgus-spin 1s linear infinite}.pawgus-xp.model-ready .xp-loader,.pawgus-xp.no-webgl .xp-loader{display:none}@keyframes pawgus-spin{to{transform:rotate(360deg)}}.pawgus-xp .xp-ui{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;pointer-events:none;grid-template-columns:clamp(16px,4.5vw,72px) minmax(0,25vw) 1fr minmax(300px,31vw) clamp(16px,4.5vw,72px);grid-template-rows:calc(var(--navh) + 2vh) auto 1fr auto 128px;grid-template-areas:". . . . ." ". hero . word ." ". hero . copy ." ". hero . rail ." ". . . . ."}.pawgus-xp .xp-ui>*{pointer-events:auto;min-width:0}.pawgus-xp .hero-copy{grid-area:hero;align-self:center}.pawgus-xp .hero-block{display:grid;gap:18px}.pawgus-xp .eyebrow{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);display:flex;align-items:center;gap:10px}.pawgus-xp .eyebrow:before{content:"";width:22px;height:2px;border-radius:2px;background:var(--accent)}.pawgus-xp .hero-title{font:800 min(calc(var(--xp-title-d, 92) * 1px),calc(var(--xp-title-d, 92) * 100vw / 1440))/.92 var(--xp-display);letter-spacing:-.055em}.pawgus-xp .hero-desc{font-size:calc(var(--xp-desc-d, 16) * 1px);line-height:1.6;color:var(--muted);max-width:34ch}.pawgus-xp .cta-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:6px}.pawgus-xp .xp-btn{display:inline-flex;align-items:center;gap:12px;padding:13px 18px 13px 20px;border-radius:999px;font-weight:700;font-size:14px;line-height:1.2}.pawgus-xp .xp-btn-solid{background:#fff;color:var(--dark)}.pawgus-xp .xp-btn-solid i{font-style:normal;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--accent);color:var(--dark);font-size:13px}.pawgus-xp .xp-btn-ghost{border:1px solid var(--line);color:#fff}.pawgus-xp .bigword{grid-area:word;align-self:end;overflow:hidden;padding:.16em 0 8px;pointer-events:none}.pawgus-xp .bigword span{display:block;width:max-content;font:800 100px/.9 var(--xp-display);letter-spacing:-.06em;color:#fff;padding-top:.12em;white-space:nowrap;text-shadow:0 10px 40px rgba(0,0,0,.18)}.pawgus-xp .phase,.pawgus-xp .hero-meta{grid-area:copy;align-self:start;padding-top:22px;will-change:opacity,transform}.pawgus-xp .phase{display:grid;gap:12px;max-width:30em}.pawgus-xp .phase{opacity:0;visibility:hidden}.pawgus-xp:not(.is-live) .rail,.pawgus-xp:not(.is-live) .dock{opacity:0}.pawgus-xp .rail,.pawgus-xp .dock{transition:opacity .4s ease}.pawgus-xp .bigword span{font-size:min(100px,9vw)}.pawgus-xp [data-layout=mobile] .bigword span{font-size:min(calc(var(--xp-word-m, 44) * 1px),12vw)}.pawgus-xp .phase[hidden]{display:none}.pawgus-xp .ph-step{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.pawgus-xp .ph-title{font:800 max(22px,min(calc(var(--xp-ph-d, 52) * 1px),calc(var(--xp-ph-d, 52) * 100vw / 1440)))/1 var(--xp-display);letter-spacing:-.045em}.pawgus-xp .ph-desc{font-size:calc(var(--xp-desc-d, 16) * 1px);line-height:1.6;color:var(--muted)}.pawgus-xp .phase .cta-row{margin-top:8px}.pawgus-xp .phase:not(.is-live) a,.pawgus-xp .hero-block:not(.is-live) a{pointer-events:none}.pawgus-xp .hero-meta{display:grid;grid-template-columns:repeat(3,auto);justify-content:start;gap:6px 28px}.pawgus-xp .hero-meta div{border-top:1px solid var(--line);padding-top:12px}.pawgus-xp .hero-meta dt{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.pawgus-xp .hero-meta dd{margin:6px 0 0;font:700 18px var(--xp-display)}.pawgus-xp .hero-meta p{grid-column:1 / -1;margin:18px 0 0;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px}.pawgus-xp .hero-meta p:after{content:"\2193";display:inline-grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%;animation:pawgus-nudge 1.8s ease-in-out infinite}@keyframes pawgus-nudge{50%{transform:translateY(4px)}}.pawgus-xp .rail{grid-area:rail;list-style:none;padding:0 0 20px;display:flex;gap:6px;align-self:end}.pawgus-xp .rail li{flex:1;font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--muted);list-style:none}.pawgus-xp .rail li:before{content:"";display:block;height:3px;border-radius:3px;background:#ffffff2e;margin-bottom:8px;transition:background .3s}.pawgus-xp .rail li.done:before{background:#ffffff8c}.pawgus-xp .rail li.now:before{background:var(--accent)}.pawgus-xp .rail li.now{color:#fff}.pawgus-xp .source-note{position:absolute;left:clamp(16px,4.5vw,72px);bottom:104px;font-size:11px;color:#ffffff8c;max-width:40ch}.pawgus-xp .dock{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:6px;width:max-content;max-width:calc(100% - 24px);border-radius:999px;background:#0a0e0c61;border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);box-shadow:0 18px 50px #00000040}.pawgus-xp .dock-arrow{flex:none;width:44px;height:44px;padding:0;border-radius:50%;border:0;background:#ffffff14;color:#fff;font-size:18px;display:grid;place-items:center}.pawgus-xp .dock-arrow:hover{background:#ffffff2e}.pawgus-xp .chips{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity}.pawgus-xp .chips::-webkit-scrollbar{display:none}.pawgus-xp .chip{flex:none;display:flex;align-items:center;gap:10px;height:56px;margin:0;padding:6px 16px 6px 6px;border-radius:999px;border:0;background:transparent;color:#fff;scroll-snap-align:center;transition:background .3s,color .3s,box-shadow .3s;text-align:left}.pawgus-xp .chip:hover{background:#ffffff1a}.pawgus-xp .chip-thumb{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#fff;flex:none;position:relative}.pawgus-xp .chip-thumb img{width:100%;height:100%;object-fit:contain;transform:scale(1.12)}.pawgus-xp .chip-thumb:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 0 2px var(--c)}.pawgus-xp .chip-text{display:grid;line-height:1.15}.pawgus-xp .chip-name{font-weight:700;font-size:13px;white-space:nowrap}.pawgus-xp .chip-form{font-size:11px;opacity:.7;white-space:nowrap}.pawgus-xp .chip.is-active{background:#fff;color:var(--dark);box-shadow:0 0 0 2px var(--c),0 8px 24px #00000040}.pawgus-xp .chip.is-active .chip-form{color:var(--b);opacity:1;font-weight:600}.pawgus-xp .dock-count{flex:none;font-size:11px;font-weight:700;letter-spacing:.1em;color:#ffffffb3;padding:0 6px}.pawgus-xp [data-layout=mobile] .xp-ui{grid-template-columns:16px minmax(0,1fr) 16px;grid-template-rows:calc(var(--navh) + 4px) 1fr auto auto auto 88px;grid-template-areas:". . ." ". . ." ". name ." ". word ." ". copy ." ". . ."}.pawgus-xp .xp-name{display:none}.pawgus-xp .xp-guide{grid-column:4;grid-row:2 / 5;visibility:hidden;pointer-events:none}.pawgus-xp [data-layout=mobile] .xp-guide{grid-column:2;grid-row:3 / 6}.pawgus-xp .bigword span.is-wrapped{white-space:normal}.pawgus-xp .bigword span{padding-bottom:.2em}.pawgus-xp [data-layout=desktop] .bigword{grid-column:3 / 5;display:flex;justify-content:flex-end}.pawgus-xp [data-layout=desktop] .bigword span{min-width:max(300px,31vw);max-width:min(100%,58vw)}.pawgus-xp:not([data-word-mode=fixed]) [data-layout=desktop] .bigword span{max-width:max(300px,31vw)}.pawgus-xp [data-layout=mobile] .xp-name{display:block;grid-area:name;font:800 min(calc(var(--xp-title-m, 22) * 1px),calc(var(--xp-title-m, 22) * 100vw / 390))/1.15 var(--xp-display);letter-spacing:-.03em;color:#fff}.pawgus-xp [data-layout=mobile] .bigword{align-self:start;padding:.08em 0 0}.pawgus-xp [data-layout=mobile] .rail,.pawgus-xp [data-layout=mobile] .hero-title{display:none}.pawgus-xp [data-layout=mobile] .hero-copy{grid-area:copy;align-self:start}.pawgus-xp [data-layout=mobile] .hero-meta{display:none}.pawgus-xp [data-layout=mobile] .phase,.pawgus-xp [data-layout=mobile] .hero-copy{padding-top:6px}.pawgus-xp [data-layout=mobile] .hero-block{gap:8px}.pawgus-xp [data-layout=mobile] .hero-title{font-size:min(calc(var(--xp-title-m, 40) * 1px),calc(var(--xp-title-m, 40) * 100vw / 390))}.pawgus-xp [data-layout=mobile] .hero-title br{display:none}.pawgus-xp [data-layout=mobile] .hero-desc,.pawgus-xp [data-layout=mobile] .ph-desc{font-size:calc(var(--xp-desc-m, 14) * 1px);line-height:1.5;max-width:none}.pawgus-xp [data-layout=mobile] .ph-title{font-size:min(calc(var(--xp-ph-m, 32) * 1px),calc(var(--xp-ph-m, 32) * 100vw / 390))}.pawgus-xp [data-layout=mobile] .phase{gap:6px}.pawgus-xp [data-layout=mobile] .xp-hero-cta{display:none}.pawgus-xp [data-layout=mobile] .source-note{bottom:84px;left:16px;right:16px;font-size:10px;text-align:center;max-width:none}.pawgus-xp [data-layout=mobile] .dock{bottom:12px;gap:4px;padding:5px}.pawgus-xp [data-layout=mobile] .dock-arrow,.pawgus-xp [data-layout=mobile] .dock-count{display:none}.pawgus-xp [data-layout=mobile] .chip{height:52px;padding:4px;gap:0}.pawgus-xp [data-layout=mobile] .chip .chip-text{display:none}.pawgus-xp [data-layout=mobile] .chip.is-active{padding-right:14px;gap:8px}.pawgus-xp [data-layout=mobile] .chip.is-active .chip-text{display:grid}@media(max-width:640px){.pawgus-xp{height:var(--xp-length-mobile, 680vh)}}@media(prefers-reduced-motion:reduce){.pawgus-xp,.pawgus-xp .xp-canvas{transition:none}.pawgus-xp .hero-meta p:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/pawgus-xp.css.map */