:root{color-scheme:dark;--shop-bg:#09080c;--shop-panel:#111016;--shop-line:#ffffff14;--shop-muted:#96909f;--shop-violet:#a86aff;--shop-mint:#67e1bb}
*{box-sizing:border-box}
body.shop-page{min-height:100vh;margin:0;background:radial-gradient(ellipse at 50% -22%,#241333 0,transparent 49%),var(--shop-bg);color:#f6f1fa;font-family:Inter,system-ui,"Segoe UI",sans-serif}
[hidden]{display:none!important}
.shop-topbar{position:sticky;top:0;z-index:5;display:flex;height:66px;align-items:center;gap:28px;padding:0 clamp(18px,5vw,76px);border-bottom:1px solid #ffffff12;background:#0b0a0de8;backdrop-filter:blur(18px)}
.shop-brand{display:inline-flex;align-items:center;gap:10px;color:#f8f4ff;text-decoration:none;font-size:21px;font-weight:850;letter-spacing:-.05em}.shop-brand img{width:32px;height:32px;object-fit:contain}
.shop-topbar nav{display:flex;align-items:center;gap:8px;margin-left:auto}.shop-topbar nav a{padding:9px 12px;border:1px solid transparent;border-radius:10px;color:#a9a3b0;text-decoration:none;font-size:11px;font-weight:750;transition:color .2s,border-color .2s,background .2s}.shop-topbar nav a:hover,.shop-topbar nav a.shop-nav-active{border-color:#9d59e633;background:#8d46cf14;color:#e8d4ff}
.shop-account{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid #ffffff14;border-radius:11px;background:#ffffff05;color:#d9cde7;text-decoration:none;font-size:11px;font-weight:700}.shop-account:hover{border-color:#a856ef66;background:#a856ef12}.shop-account-icon{display:grid;width:20px;height:20px;place-items:center;border-radius:7px;background:#a856ef22;color:#d7b0ff}.shop-account b{color:#92879b;font-size:14px}
.shop-shell{width:min(1240px,100%);margin:0 auto;padding:34px 28px 80px}
.shop-hero{position:relative;display:grid;min-height:330px;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;overflow:hidden;padding:42px 52px;border:1px solid #a558ed30;border-radius:24px;background:radial-gradient(ellipse at 81% 30%,#632c8329,transparent 40%),linear-gradient(112deg,#17121c 0%,#15101b 54%,#1d1225 100%);box-shadow:inset 0 1px #ffffff0a,0 24px 70px -48px #a745ec66;isolation:isolate}
.shop-hero:before{position:absolute;z-index:-1;inset:0;background:linear-gradient(105deg,transparent 35%,#c354ff08 55%,transparent 76%);content:"";pointer-events:none}
.shop-hero-noise{position:absolute;z-index:-1;inset:0;background-image:radial-gradient(#ffffff17 .6px,transparent .8px);background-size:17px 17px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%);opacity:.22;pointer-events:none}
.shop-hero-copy{position:relative;z-index:2;max-width:610px}.shop-eyebrow{display:flex;align-items:center;gap:9px;margin:0 0 15px;color:#b78ee4;font-size:9px;font-weight:850;letter-spacing:.19em}.shop-eyebrow i{width:7px;height:7px;border-radius:50%;background:#bd72ff;box-shadow:0 0 12px #b568ff}
.shop-hero h1{margin:0;color:#fbf8ff;font-family:"Dela Gothic One",Inter,sans-serif;font-size:clamp(32px,5vw,58px);line-height:1.12;letter-spacing:-.055em}.shop-hero h1 span{color:#cf9aff;text-shadow:0 0 34px #b454ef35}.shop-hero-copy>p{max-width:490px;margin:17px 0 23px;color:#aaa2b3;font-size:13px;line-height:1.75}
.shop-hero-cta{display:inline-flex;min-height:41px;align-items:center;gap:13px;padding:0 15px;border:1px solid #a960ed63;border-radius:11px;background:linear-gradient(120deg,#622c85,#3a1e50);box-shadow:0 8px 25px -16px #ad5bed;color:#f2e6ff;text-decoration:none;font-size:11px;font-weight:800;transition:transform .2s,border-color .2s,box-shadow .2s}.shop-hero-cta:hover{transform:translateY(-2px);border-color:#d19aff;box-shadow:0 12px 28px -14px #b451ff}.shop-hero-cta span{color:#d7aeff;font-size:15px}
.shop-hero-art{position:relative;display:grid;min-height:248px;place-items:center}.shop-hero-art img{position:relative;z-index:2;width:min(220px,72%);max-height:250px;object-fit:contain;filter:drop-shadow(0 20px 35px #000b) drop-shadow(0 0 26px #b64fff55);animation:shop-mascot-float 5s ease-in-out infinite}.shop-glow{position:absolute;width:220px;height:180px;border-radius:50%;background:radial-gradient(ellipse,#aa43e55c,transparent 68%);filter:blur(15px)}.shop-orbit{position:absolute;border:1px solid #d68cff28;border-radius:50%;transform:rotate(-21deg)}.shop-orbit-one{width:265px;height:95px}.shop-orbit-two{width:230px;height:155px;transform:rotate(31deg);border-color:#7ce7e21f}.shop-art-label{position:absolute;z-index:3;right:5%;bottom:6%;padding:8px 11px;border:1px solid #cf99ff45;border-radius:10px;background:#120e18cc;color:#a696b2;font-size:8px;font-weight:850;letter-spacing:.16em;line-height:1.5;transform:rotate(-5deg);backdrop-filter:blur(10px)}.shop-art-label b{color:#e1bdff}.shop-spark{position:absolute;color:#e5c4ff;text-shadow:0 0 14px #d888ff;animation:shop-sparkle 3s ease-in-out infinite}.shop-spark-one{top:17%;right:22%;font-size:21px}.shop-spark-two{bottom:22%;left:13%;color:#74e5dd;font-size:17px;animation-delay:1.1s}
.shop-catalog{padding-top:43px}.shop-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:17px}.shop-section-heading .shop-eyebrow{margin-bottom:7px}.shop-section-heading h2{margin:0;color:#f4eff9;font-family:"Dela Gothic One",Inter,sans-serif;font-size:22px;letter-spacing:-.045em}.shop-section-count{padding:7px 9px;border:1px solid #ffffff13;border-radius:8px;color:#827a8d;font-size:8px;font-weight:800;letter-spacing:.11em;white-space:nowrap}
.shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.shop-item{--item-glow:#aa64ff;position:relative;display:flex;min-height:325px;flex-direction:column;overflow:hidden;border:1px solid #ffffff13;border-radius:18px;background:linear-gradient(155deg,color-mix(in srgb,var(--item-glow) 10%,#17141c),#100f13 72%);box-shadow:inset 0 0 38px color-mix(in srgb,var(--item-glow) 4%,transparent);transition:transform .25s,border-color .25s,box-shadow .25s}.shop-item:before{position:absolute;top:-90px;right:-35px;width:200px;height:170px;border-radius:50%;background:var(--item-glow);content:"";filter:blur(70px);opacity:.14;pointer-events:none}.shop-item:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--item-glow) 43%,#ffffff12);box-shadow:inset 0 0 42px color-mix(in srgb,var(--item-glow) 8%,transparent),0 18px 38px -28px var(--item-glow)}.shop-item-frames{--item-glow:#b56aff}.shop-item-themes{--item-glow:#e64fac}.shop-item-badges{--item-glow:#44cfc0}
.shop-item-art{position:relative;display:flex;height:158px;align-items:center;justify-content:center;gap:13px;overflow:hidden;border-bottom:1px solid #ffffff0d;background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--item-glow) 14%,transparent),transparent 65%),#0d0c10}.shop-frame-art:before{position:absolute;inset:0;background:linear-gradient(135deg,transparent 44%,#ffffff07 44.2%,transparent 70%);content:""}.frame-sample{position:relative;width:62px;height:62px;border:3px solid #a64cff;border-radius:50%;background:radial-gradient(circle at 36% 28%,#cbb2df,#392647 68%);box-shadow:0 0 0 3px #17121d,0 0 19px #a64cff73}.frame-sample:nth-child(2){border-color:#27c9d2;box-shadow:0 0 0 3px #17121d,0 0 19px #27c9d273}.frame-sample:nth-child(3){border-color:#edbd45;box-shadow:0 0 0 3px #17121d,0 0 19px #edbd4573}.frame-sample:nth-child(4){border-color:transparent;background:linear-gradient(#211728,#211728) padding-box,conic-gradient(#f44,#fa4,#ed4,#3d8,#3ad,#95f,#f4c) border-box;box-shadow:0 0 0 3px #17121d,0 0 19px #a84eff73}
.shop-theme-art span{width:112px;height:78px;border:1px solid #da92ff66;border-radius:10px;background:linear-gradient(130deg,#402557,#16121e 62%,#5f235a);box-shadow:0 12px 30px #0007,0 0 24px #be5eff28;transform:rotate(-8deg)}.shop-theme-art i,.shop-theme-art b{position:absolute;width:73px;height:49px;border:1px solid #ee6dbc45;border-radius:8px;background:linear-gradient(140deg,#48243e,#14121a 75%);transform:translate(39px,12px) rotate(9deg)}.shop-theme-art b{width:62px;height:42px;border-color:#57dcca42;background:linear-gradient(140deg,#153236,#121419 75%);transform:translate(-48px,25px) rotate(-14deg)}
.shop-badge-art span,.shop-badge-art i,.shop-badge-art b{position:relative;display:grid;width:68px;height:68px;place-items:center;border:1px solid #75e3d04d;border-radius:20px;background:linear-gradient(145deg,#18322f,#111318);box-shadow:0 10px 28px #0007,0 0 20px #4fd8c330;color:#9cf1dc;font-family:"Dela Gothic One",Inter,sans-serif;font-size:22px;transform:rotate(-10deg)}.shop-badge-art i{width:57px;height:57px;border-color:#d276ed5e;border-radius:50%;background:linear-gradient(145deg,#3a1c4b,#15121a);color:#e3b3ff;font-size:14px;font-style:normal;transform:rotate(8deg) translateY(8px)}.shop-badge-art b{width:42px;height:42px;border-color:#f0c85c5e;border-radius:14px;background:linear-gradient(145deg,#423519,#15130f);color:#ffe49a;font-size:17px;transform:rotate(15deg)}
.shop-item-copy{position:relative;display:grid;flex:1;align-content:start;padding:16px 17px 17px}.shop-item-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#827b8b;font-size:8px;font-weight:850;letter-spacing:.13em}.shop-item-meta b{padding:5px 7px;border:1px solid #ffffff12;border-radius:6px;font-size:7px;letter-spacing:.1em}.shop-state-ready{border-color:#3dd4a544!important;background:#1a9b6c18;color:#7be2bc}.shop-state-soon{border-color:#a065c744!important;background:#8849a819;color:#c8a1eb}.shop-item h3{margin:15px 0 7px;color:#f5f0f8;font-family:"Dela Gothic One",Inter,sans-serif;font-size:16px;letter-spacing:-.035em}.shop-item p{margin:0;color:#99919f;font-size:11px;line-height:1.65}.shop-item-copy>a{display:inline-flex;width:max-content;align-items:center;gap:8px;margin-top:auto;padding-top:17px;color:#d6b7f9;text-decoration:none;font-size:10px;font-weight:800}.shop-item-copy>a:hover{color:#fff}.shop-item-copy>a span{font-size:14px}.shop-item-note{align-self:end;margin-top:17px;color:#77717e;font-size:9px;font-weight:700}
.shop-footnote{display:flex;align-items:center;gap:9px;margin:19px 0 0;color:#7e7786;font-size:10px;line-height:1.6}.shop-footnote span{color:#c393ff;font-size:15px}
.shop-locked{width:min(550px,100%);margin:clamp(70px,15vh,150px) auto;padding:42px 35px;border:1px solid #a558ed35;border-radius:22px;background:radial-gradient(ellipse at 50% 0,#622c8328,transparent 55%),#121016;text-align:center;box-shadow:0 25px 70px -48px #a745ec66}.shop-lock-icon{display:grid;width:56px;height:56px;place-items:center;margin:0 auto 20px;border:1px solid #ba74eb58;border-radius:17px;background:#8f48c022;color:#d8a7ff;font-size:28px;box-shadow:0 0 28px #a847ea24}.shop-locked .shop-eyebrow{justify-content:center}.shop-locked h1{margin:0;color:#f7f2fa;font-family:"Dela Gothic One",Inter,sans-serif;font-size:clamp(24px,5vw,34px);line-height:1.25}.shop-locked>p:not(.shop-eyebrow){margin:13px 0 22px;color:#a39baa;font-size:12px;line-height:1.7}.shop-locked .btn-premium{margin:auto}
@keyframes shop-mascot-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes shop-sparkle{0%,100%{opacity:.45;transform:scale(.88)}50%{opacity:1;transform:scale(1.13)}}
@media(max-width:760px){.shop-topbar{height:60px;gap:12px;padding:0 16px}.shop-brand{font-size:18px}.shop-brand img{width:28px;height:28px}.shop-topbar nav{gap:2px}.shop-topbar nav a{padding:8px}.shop-shell{padding:22px 16px 55px}.shop-hero{min-height:305px;grid-template-columns:minmax(0,1fr) 220px;padding:30px 27px}.shop-hero-art{min-height:220px}.shop-hero-art img{width:180px}.shop-orbit-one{width:220px}.shop-orbit-two{width:200px}.shop-grid{gap:10px}.shop-item{min-height:310px}.shop-item-art{height:135px}.frame-sample{width:49px;height:49px;gap:8px}}
@media(max-width:560px){.shop-topbar{justify-content:space-between}.shop-topbar nav{margin-left:0}.shop-topbar nav a{font-size:10px}.shop-account{gap:5px;padding:6px 8px}.shop-account span:nth-child(2){display:none}.shop-shell{padding:16px 12px 40px}.shop-hero{grid-template-columns:1fr;min-height:0;padding:28px 22px 12px;border-radius:19px}.shop-hero-copy{max-width:none}.shop-hero h1{font-size:36px}.shop-hero-copy>p{font-size:11px}.shop-hero-art{min-height:184px}.shop-hero-art img{width:152px;max-height:180px}.shop-glow{width:170px;height:130px}.shop-orbit-one{width:205px;height:75px}.shop-orbit-two{width:180px;height:118px}.shop-art-label{right:8%;bottom:4%}.shop-catalog{padding-top:31px}.shop-section-heading h2{font-size:18px}.shop-section-count{font-size:7px}.shop-grid{grid-template-columns:1fr;gap:10px}.shop-item{min-height:0;display:grid;grid-template-columns:118px minmax(0,1fr)}.shop-item-art{height:auto;min-height:158px;border-right:1px solid #ffffff0d;border-bottom:0}.shop-frame-art{flex-wrap:wrap;gap:8px;padding:20px}.frame-sample{width:36px;height:36px;border-width:2px}.shop-theme-art span{width:65px;height:52px}.shop-theme-art i{width:49px;height:37px;transform:translate(22px,9px) rotate(9deg)}.shop-theme-art b{width:43px;height:31px;transform:translate(-28px,17px) rotate(-14deg)}.shop-badge-art span{width:47px;height:47px;font-size:17px}.shop-badge-art i{width:42px;height:42px;font-size:10px}.shop-badge-art b{width:32px;height:32px;font-size:13px}.shop-item-copy{padding:13px}.shop-item h3{margin:10px 0 5px;font-size:13px}.shop-item p{font-size:10px}.shop-item-copy>a,.shop-item-note{margin-top:11px;padding-top:0;font-size:9px}.shop-locked{margin:70px auto;padding:32px 20px}.shop-footnote{align-items:flex-start;font-size:9px}}
@media(prefers-reduced-motion:reduce){.shop-hero-art img,.shop-spark{animation:none}.shop-item,.shop-hero-cta{transition:none}}

.shop-account{gap:8px}.shop-account .profile-link-avatar{width:27px;height:27px;margin:0}.shop-account .shop-account-icon{display:none}

/* Editorial hero: a soft-lit portrait anchors the frame collection. */
.shop-hero{min-height:420px;grid-template-columns:minmax(0,1.1fr) minmax(340px,.9fr);padding:38px 50px;background:radial-gradient(ellipse at 81% 45%,#a94bdd24,transparent 36%),radial-gradient(ellipse at 78% 110%,#59327c38,transparent 45%),linear-gradient(112deg,#17121c 0%,#15101b 48%,#1d1225 100%)}
.shop-hero:before{background:linear-gradient(112deg,transparent 31%,#d381ff0b 53%,transparent 78%),radial-gradient(circle at 78% 50%,#d17eff12 0 1px,transparent 1.5px);background-size:auto,20px 20px;mask-image:linear-gradient(90deg,transparent 38%,#000 100%)}
.shop-hero-copy{max-width:640px}
.shop-hero-copy>.shop-eyebrow{margin-bottom:17px;font-size:10px;letter-spacing:.2em}
.shop-hero h1{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(48px,5.2vw,66px);font-weight:800;line-height:1.08;letter-spacing:-.055em}
.shop-hero h1 span{position:relative;display:inline-block;max-width:100%;white-space:nowrap;font-family:Comfortaa,Inter,system-ui,sans-serif;font-size:.82em;font-weight:700;letter-spacing:-.065em;color:transparent;background:linear-gradient(108deg,#a96cdd 4%,#d49aff 23%,#f8eaff 38%,#b75eff 52%,#e4bdff 67%,#a35bd7 86%);background-size:100% 100%;background-position:50% 50%;-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 10px #bd74ffc2) drop-shadow(0 0 22px #9e42ed60)}
.shop-hero-copy>p{max-width:455px;margin:18px 0 24px;font-size:13px;line-height:1.8}
.shop-hero-cta{min-height:46px;gap:18px;padding:0 18px;border-radius:12px;font-size:11px;letter-spacing:.015em}
.shop-hero-cta span{display:grid;width:23px;height:23px;place-items:center;border:1px solid #e4c8ff38;border-radius:8px;background:#e0baff15;font-size:14px;transition:transform .22s,background .22s}
.shop-hero-cta:hover span{transform:translate(2px,2px);background:#e0baff2b}
.shop-hero-art{min-height:350px;overflow:visible;isolation:isolate}
.shop-hero-art:before{position:absolute;z-index:0;width:min(82%,350px);aspect-ratio:1;border:1px solid #d294ff18;border-radius:50%;background:radial-gradient(circle,#b95ce31c 0,transparent 68%);box-shadow:0 0 0 18px #ba70e906,0 0 0 42px #ba70e905;content:""}
.shop-hero-art img{position:absolute;z-index:2;bottom:-7%;left:50%;width:auto;height:116%;max-width:none;max-height:none;transform:translateX(-50%);object-fit:contain;object-position:center bottom;filter:drop-shadow(0 20px 28px #0009) drop-shadow(0 0 25px #b64fff40);animation:shop-mascot-float 5.6s ease-in-out infinite}
.shop-glow{z-index:0;width:310px;height:265px;background:radial-gradient(ellipse,#a844dc58, #763c9b20 42%,transparent 72%);filter:blur(22px)}
.shop-orbit{z-index:1;border-color:#d68cff24;box-shadow:0 0 20px #bb6cef0a}
.shop-orbit-one{width:min(330px,92%);height:138px;transform:rotate(-24deg)}
.shop-orbit-two{width:min(275px,78%);height:260px;transform:rotate(21deg);border-color:#9d6fc527}
.shop-art-label{right:0;bottom:7%;padding:9px 12px;border-color:#d8a2ff40;background:linear-gradient(145deg,#251831eF,#100d16eF);color:#aaa0b4;box-shadow:0 10px 24px #0005;font-size:7px;letter-spacing:.17em}
.shop-art-label b{color:#e0bbff}
.shop-spark-one{top:12%;right:15%;color:#f1ddff}
.shop-spark-two{bottom:24%;left:7%}
@media(max-width:760px){.shop-hero{min-height:390px;grid-template-columns:minmax(0,1fr) 260px;padding:30px 27px}.shop-hero h1{font-size:clamp(43px,6.4vw,56px)}.shop-hero h1 span{font-size:clamp(25px,5.1vw,39px)}.shop-hero-art{min-height:320px}.shop-hero-art img{width:auto;height:112%}.shop-orbit-one{width:240px}.shop-orbit-two{width:215px;height:235px}}
@media(max-width:560px){.shop-hero{grid-template-columns:1fr;min-height:0;padding:27px 22px 0}.shop-hero h1{font-size:clamp(39px,10vw,48px)}.shop-hero h1 span{font-size:clamp(24px,8.3vw,36px)}.shop-hero-copy>p{max-width:390px;margin:15px 0 20px;font-size:12px}.shop-hero-art{min-height:300px;margin:0 -10px}.shop-hero-art img{width:auto;height:112%;max-height:none;bottom:-6%}.shop-hero-art:before{width:240px}.shop-glow{width:230px;height:190px}.shop-orbit-one{width:240px;height:105px}.shop-orbit-two{width:205px;height:215px}.shop-art-label{right:6%;bottom:7%}.shop-spark-one{right:19%}.shop-spark-two{left:13%}}
@keyframes shop-mascot-float{0%,100%{transform:translateX(-50%) translateY(0)}50%{transform:translateX(-50%) translateY(-5px)}}
@keyframes shop-sparkle{0%,100%{opacity:.62;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}
.shop-hero-art img{will-change:transform;animation-duration:9s}
.shop-spark{animation-duration:4.8s}
.shop-hero h1 span:after{display:none;content:none}
@media(prefers-reduced-motion:reduce){.shop-hero-art img,.shop-spark{animation:none;will-change:auto}}