@keyframes loader-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}.loader{animation:loader-failsafe .35s 3s forwards}
:root{--ink:#30384f;--blue:#cfe8ff;--red:#ffb8b4;--yellow:#ffe796;--white:#fffaf2;--lilac:#d9ccff;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:Vazirmatn,Tahoma,sans-serif;overflow-x:hidden}body.lock{overflow:hidden}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer}#fluid{position:fixed;inset:0;width:100%;height:100%;z-index:-2}.grain{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.loader{position:fixed;inset:0;z-index:100;background:#edf6ff;display:grid;place-content:center;gap:20px;text-align:center;clip-path:inset(0);transition:clip-path 1.1s var(--ease)}.loader.done{clip-path:inset(0 0 100%);pointer-events:none}.loader i{width:85px;height:85px;border-radius:46% 54% 38% 62%;background:linear-gradient(135deg,var(--red),var(--yellow),var(--blue));animation:morph 1.4s ease-in-out infinite alternate}.loader span,.eyebrow{font:500 9px sans-serif;letter-spacing:.22em}.loader b{font:300 11px sans-serif}header{position:fixed;z-index:20;top:18px;right:3%;left:3%;height:64px;padding:0 25px;border:1px solid rgba(255,255,255,.75);background:rgba(255,255,255,.4);backdrop-filter:blur(20px);border-radius:99px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 15px 45px rgba(63,79,116,.08)}.brand{font:700 19px sans-serif}.brand sup{color:#ff6d67}header nav{display:flex;gap:35px;font-size:11px}header nav a{border-bottom:1px solid transparent;transition:.3s}header nav a:hover{border-color:currentColor}.actions{display:flex;gap:8px}.actions button{border:0;background:transparent;font-size:12px}.actions [data-cart]{border:1px solid rgba(48,56,79,.3);border-radius:99px;padding:8px 14px}.cart-count{display:inline-grid;place-items:center;background:var(--ink);color:white;width:21px;height:21px;border-radius:50%;margin-right:6px}
.hero{height:100svh;min-height:700px;position:relative;overflow:hidden;padding:120px 6vw 50px;display:flex;align-items:center}.hero-media{position:absolute;inset:0}.hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 22%,rgba(255,250,242,.2) 52%,rgba(255,250,242,.9) 82%)}.hero-media img{width:100%;height:100%;object-fit:cover;animation:heroFloat 9s ease-in-out infinite alternate}.halo{position:absolute;left:23%;top:42%;width:25vw;aspect-ratio:1;border:1px solid rgba(255,255,255,.8);border-radius:50%;box-shadow:0 0 0 30px rgba(255,255,255,.1),0 0 0 70px rgba(255,255,255,.06);animation:pulse 4s ease-in-out infinite}.hero-copy{position:relative;z-index:2;width:52%;margin-right:auto}.hero h1{font-size:clamp(5rem,11vw,11rem);line-height:.75;letter-spacing:-.08em;margin:35px 0}.hero h1 span{display:block}.hero h1 i{font-weight:300;color:#e96f69}.hero-copy p{max-width:390px;line-height:2;font-size:13px}.cta{margin-top:26px;width:190px;border:1px solid rgba(48,56,79,.38);border-radius:99px;padding:9px 10px 9px 20px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.cta b{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:var(--ink);color:white}.tag{position:absolute;z-index:3;width:95px;height:95px;border:1px solid white;border-radius:50%;background:rgba(255,255,255,.25);backdrop-filter:blur(10px);display:grid;place-content:center;text-align:center;font:8px/1.5 sans-serif;letter-spacing:.15em}.t1{left:7%;top:24%;animation:tagFloat 4s ease-in-out infinite}.t2{left:39%;bottom:17%;animation:tagFloat 5s -2s ease-in-out infinite}.side-index{position:absolute;z-index:3;right:3%;top:45%;writing-mode:vertical-rl;font:9px sans-serif}.side-index i{display:inline-block;width:1px;height:65px;background:currentColor;margin:12px 4px}.scroll-note{position:absolute;z-index:3;left:5%;bottom:28px;font-size:9px}.scroll-note i{display:inline-block;width:65px;height:1px;background:currentColor;margin-right:12px}.marquee{background:var(--ink);color:white;padding:12px 0;overflow:hidden;white-space:nowrap;transform:rotate(-1deg);position:relative;z-index:4}.marquee div{font:10px sans-serif;letter-spacing:.13em;word-spacing:22px;animation:marquee 18s linear infinite}
.intro{min-height:100vh;padding:12vw 7vw;position:relative;background:linear-gradient(145deg,#fffaf2,#f6e9ff 55%,#dff3ff);overflow:hidden}.intro h2,.catalog h2,.journal h2,footer h2{font-size:clamp(3.8rem,8vw,8.5rem);line-height:.95;letter-spacing:-.06em;margin:5vw 0;position:relative;z-index:2}.intro h2 em,.catalog h2 i,.journal h2 i,footer h2 i{font-weight:300}.intro-foot{display:flex;justify-content:flex-end;gap:12vw;align-items:end;position:relative;z-index:2}.intro-foot p{max-width:420px;line-height:2}.intro-foot span{font-size:10px;line-height:2}.intro-orb{position:absolute;width:42vw;aspect-ratio:1;left:-10%;bottom:-30%;background:linear-gradient(135deg,var(--red),var(--yellow),var(--blue));border-radius:60% 40% 55% 45%;filter:blur(3px);box-shadow:0 0 80px rgba(159,169,255,.35);animation:morph 6s ease-in-out infinite alternate}
.catalog{background:#fffaf3;padding:11vw 5vw;position:relative}.catalog-head{display:flex;justify-content:space-between;align-items:end}.catalog-head h2{margin-bottom:30px}.catalog-tools{display:flex;gap:30px;align-items:center;font-size:10px}.catalog-tools button,.catalog-tools select{border:0;border-bottom:1px solid;background:transparent;padding:10px}.filters{border-top:1px solid rgba(48,56,79,.18);border-bottom:1px solid rgba(48,56,79,.18);padding:17px 0;display:flex;gap:7vw;margin-bottom:45px;max-height:100px;transition:.5s var(--ease);overflow:hidden}.filters.closed{max-height:0;padding:0;border:0}.filters div{display:flex;align-items:center;gap:8px}.filters span{font-size:9px;margin-left:15px;opacity:.55}.filters button{border:1px solid rgba(48,56,79,.18);background:transparent;border-radius:99px;padding:7px 13px;font-size:10px}.filters button.active{background:var(--ink);color:white}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{transition:.6s var(--ease)}.product.hide{display:none}.product-media{height:48vw;max-height:620px;position:relative;overflow:hidden;background:var(--tone);border-radius:3px}.product-art{position:absolute;inset:0;display:grid;place-items:center}.jewel{width:42%;aspect-ratio:1;border:clamp(10px,1.4vw,21px) solid var(--metal);border-radius:50%;box-shadow:inset 5px 7px 12px rgba(255,255,255,.8),5px 15px 25px rgba(67,72,99,.16);transform:rotate(-20deg);transition:1s var(--ease)}.jewel:after{content:"";position:absolute;width:28%;aspect-ratio:1;background:var(--gem);border:5px solid var(--metal);border-radius:45% 55% 50%;top:2%;left:50%;transform:translate(-50%,-50%);box-shadow:0 5px 18px rgba(72,83,130,.2)}.product:hover .jewel{transform:rotate(18deg) scale(1.13)}.product-media:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);transform:translateX(-120%);transition:1s}.product:hover .product-media:after{transform:translateX(120%)}.badge{position:absolute;top:15px;right:15px;background:white;padding:6px 10px;border-radius:99px;font-size:8px}.quick{position:absolute;right:12px;left:12px;bottom:12px;border:0;background:rgba(255,255,255,.82);backdrop-filter:blur(12px);padding:13px;transform:translateY(70px);transition:.5s var(--ease)}.product:hover .quick{transform:none}.product-info{display:flex;justify-content:space-between;padding:15px 4px}.product-info h3{font-size:13px;margin:0 0 5px}.product-info span,.product-info small{font-size:10px}.product-info small{opacity:.5}.more{display:block;margin:70px auto 0;border:1px solid;border-radius:99px;background:transparent;padding:16px 25px}.more span{margin-right:35px}
.journal{min-height:100vh;background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:8vw;gap:8vw}.journal-visual{height:70vh;background:linear-gradient(145deg,var(--red),var(--lilac),var(--blue));position:relative;display:grid;place-items:center;overflow:hidden}.journal-visual>span{font:700 clamp(2rem,5vw,5rem)/.9 sans-serif;color:white;z-index:2}.jewel-loop{position:absolute;width:52%;aspect-ratio:1;border:28px solid white;border-radius:50%;box-shadow:0 20px 50px rgba(60,60,100,.18);animation:loop 8s linear infinite}.journal p{line-height:2;max-width:380px}.journal a{display:inline-block;margin-top:25px;border-bottom:1px solid;font-size:11px}footer{padding:10vw 6vw 3vw;background:var(--ink);color:white}footer h2{color:white}footer h2 i{color:var(--yellow)}footer>div{display:flex;justify-content:space-between;border-top:1px solid #626a7c;padding-top:25px;font:9px sans-serif}
.cart{position:fixed;z-index:51;top:0;left:0;width:min(440px,100%);height:100%;background:#fffaf3;padding:25px;transform:translateX(-105%);transition:.7s var(--ease);display:flex;flex-direction:column}.cart.open{transform:none}.cart-head{display:flex;justify-content:space-between;border-bottom:1px solid #ddd}.cart-close{border:0;background:none;font-size:28px}.cart-items{overflow:auto}.cart-empty{text-align:center;margin:auto}.cart-empty div{font-size:50px;color:#f09a96}.cart-foot{border-top:1px solid #ddd;padding-top:20px;display:none}.cart-foot>div{display:flex;justify-content:space-between}.cart-foot>button{width:100%;border:0;background:var(--ink);color:white;padding:16px;margin-top:18px}.cart-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;padding:15px 0;border-bottom:1px solid #eee}.cart-thumb{background:var(--tone);display:grid;place-items:center}.cart-thumb i{width:30px;height:30px;border:6px solid silver;border-radius:50%}.cart-item h4{margin:5px 0;font-size:12px}.cart-item button{border:0;background:none}.scrim{position:fixed;z-index:50;inset:0;background:rgba(35,40,55,.25);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:.5s}.scrim.on{opacity:1;pointer-events:auto}.toast{position:fixed;z-index:60;bottom:25px;right:50%;transform:translate(50%,90px);background:var(--ink);color:white;padding:12px 25px;border-radius:99px;font-size:10px;transition:.5s}.toast.show{transform:translate(50%,0)}.cursor{position:fixed;z-index:80;top:0;left:0;width:32px;height:32px;border:1px solid #596078;border-radius:50%;pointer-events:none}.cursor i{position:absolute;width:4px;height:4px;background:#596078;border-radius:50%;inset:13px}
@keyframes morph{to{border-radius:35% 65% 63% 37%;transform:rotate(25deg) scale(1.08)}}@keyframes heroFloat{to{transform:scale(1.045) translateY(-8px)}}@keyframes pulse{50%{transform:scale(1.12);opacity:.55}}@keyframes tagFloat{50%{transform:translateY(-14px) rotate(5deg)}}@keyframes marquee{to{transform:translateX(50%)}}@keyframes loop{to{transform:rotateY(360deg) rotateZ(25deg)}}
@media(max-width:800px){.cursor{display:none}header{padding:0 15px}header nav{display:none}.hero{min-height:650px}.hero-media:after{background:linear-gradient(0deg,rgba(255,250,242,.95),transparent 70%)}.hero-media img{object-position:35% center}.hero-copy{width:100%;align-self:flex-end}.hero h1{font-size:21vw}.tag{width:70px;height:70px}.t1{top:17%}.t2{left:auto;right:8%;bottom:38%}.catalog,.intro{padding:28vw 20px}.intro h2,.catalog h2,.journal h2{font-size:15vw}.intro-foot,.catalog-head{display:block}.catalog-tools{margin:35px 0}.filters{display:block;max-height:180px}.filters div{overflow:auto;margin:8px 0}.filters button{white-space:nowrap}.product-grid{grid-template-columns:repeat(2,1fr);gap:8px}.product-media{height:65vw}.quick{transform:none;font-size:9px}.journal{grid-template-columns:1fr;padding:25vw 20px}.journal-visual{height:55vh}footer{padding:25vw 20px 30px}}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;scroll-behavior:auto!important}}
.cursor{opacity:0;transform:translate3d(-64px,-64px,0);transition:opacity .18s ease}.cursor.is-active{opacity:1}
