:root{--bg:#fff;--soft:#f5f4f1;--card:#fff;--tx:#14131a;--mu:#6c6b78;--ac:#14131a;--ln:#e7e5e0;--br:#7c3aed;--inv:brightness(0);--lg:url(../assets/logo.png)}
@media(prefers-color-scheme:dark){:root{--bg:#0d0d12;--soft:#17171f;--card:#17171f;--tx:#f3f3f7;--mu:#9b9bab;--ac:#fff;--ln:#2a2a36;--inv:none}}
*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--tx);font-family:Inter,system-ui,-apple-system,Segoe UI,Arial,sans-serif;overflow-x:hidden;line-height:1.5}a{color:inherit;text-decoration:none}button{font-family:inherit}
h1,h2,.pf{font-family:'Playfair Display',Georgia,serif}
.lg{background:var(--lg) center/contain no-repeat;aspect-ratio:5.88}
.ab{background:#14131a;color:#fff;text-align:center;font-size:.75rem;letter-spacing:.12em;padding:10px 12px}
header.h{position:sticky;top:0;z-index:40;background:var(--bg);border-bottom:1px solid var(--ln);padding-top:env(safe-area-inset-top,0px)}
.hi{max-width:1320px;margin:auto;height:72px;display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"lg nv ac";align-items:center;gap:24px;padding:0 4%}
.hl{grid-area:lg;display:block;width:140px;filter:var(--inv)}.nv{grid-area:nv;display:flex;justify-content:center;gap:36px;list-style:none;padding:0;height:100%}.ha{grid-area:ac;display:flex;gap:4px;justify-self:end}.mb{grid-area:mb;display:none}
.nv>li{display:flex;align-items:center}.nv>li>a{font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;padding:8px 0;border-bottom:2px solid transparent;transition:.25s}.nv>li:hover>a{border-color:var(--ac)}
.mega{position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:1px solid var(--ln);box-shadow:0 24px 30px #0001;display:none;padding:32px 4%}.nv>li:hover .mega,.nv>li:focus-within .mega{display:block;animation:fd .25s}@keyframes fd{from{opacity:0;transform:translateY(8px)}}
.mi{max-width:1100px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:26px 30px}.mega a{display:block;padding:4px 0;color:var(--mu);font-size:.9rem}.mega a:hover{color:var(--tx)}.mega .mh{font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.1em;color:var(--tx);margin-bottom:6px}
.ib{background:none;border:0;color:var(--tx);width:44px;height:44px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;position:relative;transition:.2s}.ib:hover{background:var(--soft)}.ib svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bg{position:absolute;top:3px;right:1px;background:var(--br);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:none;align-items:center;justify-content:center}
#sr{display:none;border-top:1px solid var(--ln);padding:12px 4%}#sr.on{display:block}#sr input{display:block;width:100%;max-width:640px;margin:auto;padding:13px 22px;border-radius:30px;border:1px solid var(--ln);background:var(--soft);color:var(--tx);font:inherit}
#mm{position:fixed;inset:0;z-index:60;display:none}#mm.on{display:block}.mo{position:absolute;inset:0;background:#0008}.mp{position:absolute;left:0;top:0;bottom:0;width:min(86vw,360px);background:var(--bg);overflow:auto;padding:18px 22px;animation:sl .3s}@keyframes sl{from{transform:translateX(-100%)}}
.mph{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mph .lg{width:120px;filter:var(--inv)}
.mp details,.mp>a{border-bottom:1px solid var(--ln)}.mp summary,.mp>a{display:block;padding:16px 2px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;font-size:.82rem;cursor:pointer;list-style:none}.mp summary::-webkit-details-marker{display:none}.mp summary:after{content:"+";float:right;font-size:1.1rem}.mp details[open] summary:after{content:"−"}.mp details a{display:block;padding:12px 14px;color:var(--mu);font-size:.92rem}
.btn{display:inline-block;padding:14px 30px;background:#fff;color:#111;border:0;font:600 .78rem Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;transition:.3s;border-radius:3px}.btn:hover{opacity:.85;transform:translateY(-2px)}.btn.d{background:var(--ac);color:var(--bg)}.btn.o{background:none;color:#fff;border:1.5px solid #fff}
.pg{display:none;animation:pgin .5s both}@keyframes pgin{from{opacity:0;transform:translateY(14px)}}@keyframes fy{to{translate:0 -14px}}
.hero{background:#0c0a18;color:#fff;position:relative;overflow:hidden}.hero:before,.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;filter:blur(120px);opacity:.4}.hero:before{background:#7c3aed;left:-140px;top:-160px}.hero:after{background:#ec4899;right:-140px;bottom:-200px}
.hin{position:relative;z-index:1;max-width:1320px;margin:auto;display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center;padding:60px 4% 0;min-height:600px}
.ey{letter-spacing:.38em;font-size:.74rem;color:#c4b5fd}.hlg{width:min(100%,500px);margin:18px 0 12px;filter:drop-shadow(0 0 20px #a78bfa88)}.hero h1{font-size:clamp(1.9rem,4.4vw,3.2rem);font-weight:500;line-height:1.15}.hero h1 em{color:#c4b5fd}.hero p{color:#c9c6de;max-width:460px;margin:14px 0 28px}.hero .btn+.btn{margin-left:10px}
.ar3{display:flex;gap:14px;align-items:flex-end;height:520px}.ach{flex:1;border-radius:200px 200px 0 0;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:26px;gap:12px;animation:ri 1s both}.ach svg{width:58%;fill:#fff;opacity:.92}.ach b{font-size:.74rem;letter-spacing:.22em;text-transform:uppercase}.ach:nth-child(1){height:76%;background:linear-gradient(#7c3aed,#3b0764)}.ach:nth-child(2){height:100%;background:linear-gradient(#ec4899,#500724);animation-delay:.15s}.ach:nth-child(3){height:62%;background:linear-gradient(#14b8a6,#022c22);animation-delay:.3s}@keyframes ri{from{opacity:0;transform:translateY(60px)}}
.pk{display:grid;grid-template-columns:repeat(4,1fr);max-width:1320px;margin:auto;border-bottom:1px solid var(--ln)}.pk div{padding:24px 4%;text-align:center;font-size:.8rem;color:var(--mu)}.pk b{display:block;color:var(--tx);font-size:.85rem;margin-bottom:2px}
section{padding:72px 4%;max-width:1320px;margin:auto}h2{font-size:clamp(1.6rem,4vw,2.3rem);font-weight:600;text-align:center}.sub{text-align:center;color:var(--mu);margin:8px 0 32px;font-size:.92rem}
.tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 10px;justify-content:center;flex-wrap:wrap}.tb{background:none;color:var(--tx);border:1px solid var(--ln);border-radius:30px;padding:8px 18px;cursor:pointer;transition:.25s;white-space:nowrap;font:500 .82rem Inter,sans-serif;display:inline-block}.tb.on,.tb:hover{background:var(--ac);color:var(--bg);border-color:var(--ac)}.tb.sm{font-size:.78rem;padding:8px 14px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:30px 18px}
.p{animation:pop .5s both}@keyframes pop{from{opacity:0;transform:translateY(22px)}}
.pi{aspect-ratio:3/4;position:relative;display:flex;align-items:flex-end;overflow:hidden;border-radius:6px}.pi:before{content:"";position:absolute;inset:0;background:var(--lg) center/60% no-repeat;opacity:.22;transition:.5s}.p:hover .pi:before{transform:scale(1.12);opacity:.36}
.pi i{position:relative;font-style:normal;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;background:#0007;padding:5px 12px;margin:10px}
.pb{padding:12px 2px 0}.pb h4{font-size:.9rem;font-weight:600}.pb small{color:var(--mu);font-size:.78rem}.pr{font-weight:700;margin:4px 0 10px}
.pb select{width:100%;padding:9px;background:var(--soft);color:var(--tx);border:1px solid var(--ln);border-radius:3px;margin-bottom:8px;font:.82rem Inter,sans-serif}.pb .btn{width:100%;padding:11px;background:var(--ac);color:var(--bg)}
.band{background:#0c0a18;color:#fff;text-align:center;padding:80px 6%;position:relative;overflow:hidden}.band:before{content:"";position:absolute;width:420px;height:420px;border-radius:50%;background:#7c3aed;filter:blur(120px);opacity:.4;left:50%;top:-200px;translate:-50%}.band>*{position:relative}.band .lg{width:min(80%,380px);margin:0 auto 18px;filter:drop-shadow(0 0 18px #a78bfa88)}.band h2{font-weight:500;margin-bottom:22px}
footer{background:#0c0a18;color:#a9a7bd;padding:56px 4% 28px;font-size:.88rem}.fg{max-width:1320px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}.fg .lg{width:140px;margin-bottom:12px}.fg h5{color:#fff;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px}.fg a{display:block;padding:4px 0}.fg a:hover{color:#fff}.fc{display:flex;gap:8px;flex-wrap:wrap}.fc span{border:1px solid #3a3850;padding:5px 12px;border-radius:4px;font-size:.76rem;color:#fff}.cp{max-width:1320px;margin:34px auto 0;padding-top:20px;border-top:1px solid #2a2840;text-align:center;font-size:.78rem}
.bento{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;gap:14px}
.bt{position:relative;background:var(--g);color:#fff;border-radius:24px;padding:22px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transition:.45s cubic-bezier(.2,.8,.2,1)}.bt:hover{transform:translateY(-8px);box-shadow:0 22px 40px #0003}
.bt:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 0,#fff3,transparent 55%)}.bt em{position:absolute;top:18px;left:22px;font-style:normal;font-size:.8rem;letter-spacing:.2em;opacity:.7}
.bt svg{position:absolute;right:-4%;top:8%;width:58%;height:auto;fill:#fff;opacity:.17;transition:.6s}.bt:hover svg{opacity:.32;transform:rotate(-8deg) scale(1.12)}
.bt h3{font-size:1.6rem;font-weight:700;position:relative}.bt small{opacity:.85;position:relative}
.ar{position:absolute;right:18px;bottom:18px;width:40px;height:40px;border-radius:50%;background:#fff;color:#111;display:flex;align-items:center;justify-content:center;transition:.4s}.bt:hover .ar{transform:rotate(-45deg);background:#a78bfa;color:#fff}
.t0,.t1,.t4{grid-column:span 2}.t0{grid-row:span 2}.t0 h3{font-size:2.8rem}
.bn{position:relative;overflow:hidden;color:#fff;padding:50px 6%;display:flex;align-items:center;gap:30px;min-height:240px}.bn:before{content:"";position:absolute;right:-4%;bottom:-25%;width:55%;aspect-ratio:5.88;background:var(--lg) center/contain no-repeat;opacity:.1}
.bn .bi{width:150px;height:150px;fill:#fff;filter:drop-shadow(0 8px 24px #0005);animation:fy 5s ease-in-out infinite alternate;flex:none}.bn h1{font-size:clamp(2rem,6vw,3.6rem);font-weight:800;line-height:1.05}.bn p{opacity:.85;margin-top:8px}
.cr{font-size:.8rem;opacity:.85;margin-bottom:10px}.cr a:hover{text-decoration:underline}a.tb{display:inline-block}
.tbar{display:flex;gap:10px;justify-content:space-between;flex-wrap:wrap;margin:16px 0}.tbar #q{margin:0;width:min(100%,340px)}.tbar select{padding:11px 18px;border:1px solid var(--ln);background:var(--soft);color:var(--tx);border-radius:30px;font:.85rem Inter,sans-serif}
.mr{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.mt{position:relative;color:#fff;border-radius:16px;padding:20px;min-height:110px;display:flex;align-items:flex-end;font-weight:600;overflow:hidden;transition:.35s}.mt:hover{transform:translateY(-5px)}.mt svg{position:absolute;right:8px;top:8px;width:60px;height:60px;fill:#fff;opacity:.25}
.cc{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.cc a{background:var(--soft);padding:28px;text-align:center;transition:.3s;border-radius:18px}.cc a:hover{transform:translateY(-5px);box-shadow:0 14px 30px #0002}.cc b{display:block;font-size:1.05rem;margin-bottom:6px}.cc span{color:var(--mu);font-size:.9rem}

@media(max-width:900px){.hi{height:62px;grid-template-columns:1fr auto 1fr;grid-template-areas:"mb lg ac";gap:8px}.nv{display:none}.mb{display:flex;justify-self:start}.hl{width:112px}.hin{grid-template-columns:1fr;padding-top:44px;min-height:0}.ar3{height:300px}.pk{grid-template-columns:repeat(2,1fr)}.pk div{padding:18px 3%}.bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:170px}.bn{padding:36px 6%}.bn .bi{width:90px;height:90px}.grid{grid-template-columns:repeat(2,1fr);gap:24px 12px}section{padding:52px 4%}.fg{grid-template-columns:1fr 1fr}.hero .btn+.btn{margin:10px 0 0}}
#ov{position:fixed;inset:0;background:#0008;z-index:30;display:none}#ov.on{display:block}
#dr{position:fixed;top:0;right:0;bottom:0;width:min(440px,100%);background:var(--bg);z-index:31;transform:translateX(100%);transition:.4s;padding:calc(18px + env(safe-area-inset-top,0px)) 20px calc(18px + env(safe-area-inset-bottom,0px));overflow-y:auto}#dr.on{transform:none}
.dh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.dh button{background:none;border:0;color:var(--tx);font-size:1.8rem;cursor:pointer}
.ci{display:flex;gap:10px;align-items:center;padding:12px 0;border-bottom:1px solid var(--ln)}.ci .t{width:46px;height:56px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.ci div:nth-child(2){flex:1;font-size:.85rem}
.q button{width:26px;height:26px;border-radius:50%;border:1px solid var(--ln);background:var(--soft);color:var(--tx);cursor:pointer}
.tot{padding:6px 0;display:flex;justify-content:space-between;font-size:.9rem}.tot.g{font-size:1.1rem;font-weight:700;border-top:1px solid var(--ln);margin-top:6px}
#dr input,#dr textarea,#dr select{width:100%;padding:12px;margin:5px 0;border:1px solid var(--ln);background:var(--soft);color:var(--tx);font:.88rem Inter,sans-serif}
.pm{display:flex;gap:8px;margin:8px 0}.pm label{flex:1;text-align:center;border:1px solid var(--ln);padding:11px 4px;cursor:pointer;font-size:.8rem}.pm input{display:none}.pm label:has(input:checked){background:var(--ac);color:var(--bg)}
.nt{background:var(--soft);padding:12px;font-size:.82rem;color:var(--mu);margin:6px 0;display:none}.er{color:#e11d48;font-size:.82rem;min-height:1em}
#dr .btn{background:var(--ac);color:var(--bg);width:100%}
.wa{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:15;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;font-size:1.5rem;animation:pl 2s infinite}@keyframes pl{0%{box-shadow:0 0 0 0 #25d36699}100%{box-shadow:0 0 0 20px #25d36600}}
.pi img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:.5s}.p:hover .pi img{transform:scale(1.06)}.pb h4:hover{text-decoration:underline}
.ar3{align-self:end}.hin>div:first-child{padding-bottom:60px}
.pd{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-top:40px}.pm0{aspect-ratio:3/4;border-radius:8px;position:relative;overflow:hidden}.pm0:before{content:"";position:absolute;inset:0;background:var(--lg) center/55% no-repeat;opacity:.25}.pm0 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.th{display:flex;gap:10px;margin-top:10px}.th img{width:70px;height:90px;object-fit:cover;border-radius:4px;cursor:pointer;border:1px solid var(--ln)}
.pdi h1{font-size:clamp(1.6rem,3.5vw,2.3rem);margin:6px 0}.pr.big{font-size:1.5rem;margin:8px 0}.ds{color:var(--mu);margin:10px 0 18px}.lb{display:block;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;margin:16px 0 8px}
.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{min-width:46px;padding:10px 14px;border:1px solid var(--ln);background:none;color:var(--tx);border-radius:4px;cursor:pointer;font:500 .85rem Inter,sans-serif}.chip.on{background:var(--ac);color:var(--bg);border-color:var(--ac)}
.qty{display:inline-flex;align-items:center;border:1px solid var(--ln);border-radius:4px}.qty button{width:42px;height:42px;background:none;border:0;color:var(--tx);font-size:1.2rem;cursor:pointer}.qty span{min-width:36px;text-align:center}
.acts{display:flex;gap:10px;margin:24px 0;flex-wrap:wrap}.acts .btn{flex:1;min-width:150px}.btn.d.bo{background:none;color:var(--tx);border:1.5px solid var(--ac)}
.inf{list-style:none;padding:0;color:var(--mu);font-size:.88rem;line-height:2}.inf li:before{content:"✓ ";color:var(--br)}
@media(max-width:900px){.pd{grid-template-columns:1fr;gap:24px}.hin>div:first-child{padding-bottom:10px}}
:root{--sd:2.3s}
#ld{position:fixed;inset:0;z-index:100;background:#0c0a18;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;transition:transform .9s cubic-bezier(.77,0,.18,1);animation:ldx .01s 3.8s forwards}#ld.out{transform:translateY(-100%)}@keyframes ldx{to{visibility:hidden}}
#ld:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;background:#7c3aed;filter:blur(120px);opacity:.45;animation:gp 3s ease-in-out infinite}
.ldl{position:relative;width:min(72vw,440px);animation:lr 1.4s .15s cubic-bezier(.2,.8,.2,1) both,gp 3s 1.5s ease-in-out infinite}@keyframes lr{from{clip-path:inset(0 100% 0 0);opacity:.2;scale:.92}to{clip-path:inset(0 0 0 0);opacity:1;scale:1}}@keyframes gp{0%,100%{filter:drop-shadow(0 0 18px #a78bfa88)}50%{filter:drop-shadow(0 0 36px #c4b5fd)}}
.ldb{position:relative;width:min(56vw,240px);height:2px;background:#ffffff1f;overflow:hidden}.ldb:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#a78bfa,#ec4899);translate:-100%;animation:lb 1.9s .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes lb{to{translate:0}}
#ld small{position:relative;color:#c4b5fd;letter-spacing:.42em;font-size:.72rem;animation:rise 1s .9s both}
@keyframes rise{from{opacity:0;translate:0 40px}}@keyframes spin{to{rotate:360deg}}@keyframes bump{40%{transform:scale(1.6)}}
.rise{animation:rise .9s cubic-bezier(.2,.8,.2,1) calc(var(--sd) + var(--d,0)*.12s) both}
.hlg{animation:rise .9s calc(var(--sd) + .15s) cubic-bezier(.2,.8,.2,1) both,gp 3.6s calc(var(--sd) + 1.2s) ease-in-out infinite}
.hero .ach:nth-child(2){animation:ri 1s calc(var(--sd) + .25s) both,fy 5s calc(var(--sd) + 1.5s) ease-in-out infinite alternate}.hero .ach:nth-child(3){animation:ri 1s calc(var(--sd) + .4s) both,fy 6s calc(var(--sd) + 1.7s) ease-in-out infinite alternate}
.hero .ach:nth-child(1){animation:ri 1s calc(var(--sd) + .1s) both,fy 5.5s calc(var(--sd) + 1.3s) ease-in-out infinite alternate}
.hero:before{translate:calc(var(--mx,0)*40px) calc(var(--my,0)*40px);transition:translate .8s}.hero:after{translate:calc(var(--mx,0)*-50px) calc(var(--my,0)*-40px);transition:translate .8s}.ar3{position:relative;translate:calc(var(--mx,0)*-14px) calc(var(--my,0)*-10px);transition:translate .6s}
.rb{position:absolute;left:-34px;top:6px;width:130px;height:130px;z-index:3;animation:spin 18s linear infinite}.rb text{fill:#fff;font:600 12.5px Inter,sans-serif;letter-spacing:2px}
.mq{overflow:hidden;white-space:nowrap;padding:28px 0;border-bottom:1px solid var(--ln)}.mq span{display:inline-block;font:italic 600 clamp(2rem,6vw,3.8rem) 'Playfair Display',Georgia,serif;color:transparent;-webkit-text-stroke:1px var(--tx);animation:m 32s linear infinite}.mq:hover span{animation-play-state:paused}@keyframes m{to{transform:translateX(-50%)}}
.rv{opacity:0;translate:0 40px;transition:opacity .9s ease var(--rd,0s),translate .9s cubic-bezier(.2,.8,.2,1) var(--rd,0s),transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}.rv.in{opacity:1;translate:0 0}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;left:-120%;width:55%;height:100%;background:linear-gradient(100deg,transparent,#ffffff80,transparent);transform:skewX(-20deg);transition:left .7s}.btn:hover:after{left:140%}
header.h{transition:box-shadow .3s}header.h.sc{box-shadow:0 8px 26px #0001}.hi{transition:height .3s}header.h.sc .hi{height:62px}
@media(max-width:900px){.rb{width:84px;height:84px;left:-6px;top:-4px}.rb text{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.01ms!important}#ld{display:none}.rv{opacity:1;translate:none}}