:root{--beige-2:#ece1d2;--beige-3:#dccbb4;--tan-2:#c6a27c;--box:#141112;--line:#ece3d7;--blush:#f4cdd2;--chalk:#f7f2ea;--r:24px;--r-card:16px;--r-sm:12px;--shadow:0 24px 50px -24px rgba(70,45,25,.28);--ease:cubic-bezier(.22,1,.36,1);--sheet:cubic-bezier(.32,.72,0,1);--ff:"Readex Pro",system-ui,sans-serif;--fd:"PingAR","El Messiri","Readex Pro",serif;--fs-en:"Yellowtail",cursive;--fs-ar:"Aref Ruqaa",serif;--fserif:"Cormorant Garamond",Georgia,serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--ff);background:var(--white);color:var(--ink);line-height:1.75;font-size:16px;overflow-x:hidden}body.lock{overflow:hidden}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:200;opacity:.05;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}.wrap{width:min(1180px,100% - 32px);margin-inline:auto}.center{text-align:center;margin-top:36px}.hl{color:var(--tan)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:500;color:var(--tan);margin-bottom:12px}.eyebrow .dot{width:7px;height:7px;border-radius:50%;background:var(--tan-2);box-shadow:0 0 0 4px #c6a27c33}.chalk{filter:url(#chalk)}.btn{white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 26px;border-radius:999px;font-weight:600;font-size:1rem;transition:transform .5s var(--ease),box-shadow .5s var(--ease),background .3s}.btn:hover{transform:translateY(-2px)}.btn:active{transform:scale(.97)}.btn-primary{background:var(--ink);color:var(--white);box-shadow:0 14px 30px -14px #1f1b1a8c}.btn-primary:hover{background:#000}.btn-ghost{border:1.5px solid var(--ink);background:transparent}.btn-ghost:hover{background:var(--ink);color:var(--white)}.btn-block{width:100%;padding:16px}.top{position:fixed;top:0;left:0;right:0;z-index:80;background:#fffdf9b3;backdrop-filter:saturate(1.3) blur(14px);-webkit-backdrop-filter:saturate(1.3) blur(14px);transition:transform .7s var(--ease),background .4s,box-shadow .4s}.top.hide{transform:translateY(-110%)}.top.solid{background:#fffdf9d1;backdrop-filter:saturate(1.4) blur(16px);-webkit-backdrop-filter:saturate(1.4) blur(16px);box-shadow:0 1px #a9805a24}.top-in{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding-inline:max(16px,calc((100% - 1180px)/2))}.top-act{justify-self:start;display:flex;align-items:center;gap:8px}.top-cta{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:999px;font-size:.88rem;font-weight:600;background:#ffffffb3;border:1px solid var(--beige-3);transition:background .3s,border-color .3s}.top-cta svg{width:16px;height:16px;color:var(--ink)}.top-cta:hover{background:#fff;border-color:var(--tan-2)}.top-tag{direction:ltr;text-align:center;font-family:var(--fserif);font-style:italic;font-size:1.05rem;color:#5e534c;letter-spacing:.2px;line-height:1.25;padding-inline:10px}.brand{justify-self:end;display:inline-flex;align-items:center;gap:7px;direction:ltr}.lang{height:37px;min-width:37px;padding:0 11px;border-radius:999px;border:1px solid var(--beige-3);background:#ffffffb3;color:var(--ink);font:600 .78rem/1 var(--ff);letter-spacing:.6px;cursor:pointer;transition:background .3s,border-color .3s,transform .4s var(--ease)}.lang:hover{background:#fff;border-color:var(--tan-2)}.lang:active{transform:scale(.94)}.lang[lang=ar]{font-family:var(--fs-ar);font-size:1.05rem;letter-spacing:0;padding-bottom:3px}html[dir=ltr] .top-act{justify-self:end;order:1}html[dir=ltr] .brand{justify-self:start;order:-1}html[dir=ltr] .hx-bg{transform:scaleX(-1) scale(calc(1.05 - var(--p,0)*.05))}html[dir=ltr] .foot-in p{text-align:left}html[lang=en] .dcard:not(.brand) .ar{font-family:var(--fserif);font-style:italic;font-weight:600;font-size:1.45em}.brand-ico{width:28px;height:28px;color:var(--box);transform:rotate(-6deg);transition:transform .6s var(--ease)}.brand:hover .brand-ico{transform:rotate(5deg) translateY(-2px)}.brand-script{font-family:var(--fs-en);font-size:1.75rem;line-height:1;color:var(--ink)}.hx{position:relative;height:200vh;background:var(--beige)}.hx-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center}.hx-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#c9a27e var(--bx-hero-wide) center/cover no-repeat;transform:scale(calc(1.05 - var(--p,0)*.05));will-change:transform}.hx-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(270deg,#fffdf9f5,#fffdf9e0 33%,#fffdf933 58%,#fffdf900 75%)}.hx-in{position:relative;display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:center;padding-top:64px}.hx-copy{position:relative;z-index:3}h1{font-family:var(--fd);font-weight:700;font-size:clamp(2.1rem,4.2vw,3.4rem);line-height:1.3;margin-bottom:16px}.lead{font-size:1.05rem;color:var(--muted);max-width:500px;margin-bottom:26px}.hero-cta{display:flex;flex-wrap:wrap;gap:12px}.hero-cta.center{justify-content:center}.hero-facts{list-style:none;display:flex;gap:26px;margin-top:32px;padding-top:22px;border-top:1px dashed var(--beige-3)}.hero-facts b{display:block;font-family:var(--fd);font-size:1.35rem;line-height:1.3}.hero-facts span{font-size:.82rem;color:var(--muted)}.hx-stage{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:440px;z-index:3}.hbox{--s:min(400px,31vw);position:relative;width:var(--s);height:calc(var(--s)*.86);margin-top:10px}.hbox-base{position:absolute;inset:auto 0 0 0;height:78%;border-radius:10px;padding:14px;background:linear-gradient(180deg,#2b2526,#0d0b0b);box-shadow:0 50px 70px -30px #28140abf,0 10px 20px -10px #00000080,inset 0 2px #ffffff0f}.hbox-in{position:absolute;top:12px;right:12px;bottom:12px;left:12px;display:grid;place-items:end center;overflow:hidden;border-radius:4px;background:radial-gradient(120% 90% at 50% 100%,#f4eee6,#e3d7c8 70%,#cdbca8);box-shadow:inset 0 16px 22px -6px #0000008c,inset 0 0 0 1px #00000040}.hbox-in:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;box-shadow:inset 10px 0 14px -10px #00000073,inset -10px 0 14px -10px #00000073}.hbox-lid{position:absolute;left:-3%;right:-3%;top:0;height:48%;z-index:5;border-radius:10px 10px 5px 5px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 18px;text-align:center;background:radial-gradient(circle at 25% 25%,rgba(255,255,255,.05),transparent 45%),linear-gradient(180deg,#201b1c,#0c0a0a);box-shadow:0 1px #ffffff14 inset,0 24px 34px -18px #000000d9}.hbox-lid .lid-name{font-size:calc(var(--s)*.15);min-height:1.25em}.hbox-lid .lid-quote{font-size:calc(var(--s)*.042)}.caret{display:inline-block;width:2px;height:.8em;background:#fff;margin-inline-start:3px;vertical-align:middle;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.pop{position:absolute;left:50%;top:58%;z-index:4;width:38%;opacity:0;transform:translate(-50%,-50%) scale(.4);backface-visibility:hidden}.pop.sm{width:auto}.pola{background:#fff;padding:6px 6px 26px;border-radius:4px;box-shadow:0 22px 34px -16px #1e0f058c;position:relative}.pola img{aspect-ratio:3/4;object-fit:cover;border-radius:2px}.pola figcaption{position:absolute;bottom:3px;inset-inline:0;text-align:center;font-family:var(--fs-en);font-size:1.05rem;direction:ltr}.stk{display:inline-flex;align-items:center;gap:6px;background:var(--white);border-radius:999px;padding:8px 14px;font-size:1.2rem;box-shadow:0 14px 24px -12px #1e0f058c;white-space:nowrap}.stk b{font-size:.84rem;font-weight:600}.stk.soft{background:var(--beige-2)}.hx-hint{position:absolute;bottom:-34px;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:.85rem;font-weight:500;opacity:calc(1 - var(--p,0)*5)}.hx-hint span{background:#fffdf9e0;padding:5px 14px;border-radius:999px}.hx-hint i{width:22px;height:34px;border:2px solid var(--ink);border-radius:12px;position:relative}.hx-hint i:after{content:"";position:absolute;top:6px;left:50%;width:4px;height:7px;margin-left:-2px;border-radius:2px;background:var(--ink);animation:wheel 1.8s var(--ease) infinite}@keyframes wheel{60%{transform:translateY(10px);opacity:0}to{opacity:0}}.names{direction:ltr;background:var(--beige-2);padding:clamp(14px,2vw,24px) 0;overflow:hidden;border-block:1px solid var(--beige-3)}.marquee{display:flex;width:max-content;animation:mq 32s linear infinite}.track{display:flex}.track .u{flex:0 0 25vw;display:flex;align-items:center;justify-content:center;gap:.32em;font-size:clamp(1.2rem,4.4vw,3.6rem)}.track span{font-family:var(--fs-en);font-size:1em;line-height:1.1;color:var(--ink);white-space:nowrap}.track svg{width:.8em;height:.8em;flex:none;color:var(--box);transform:rotate(-6deg)}@keyframes mq{to{transform:translate(-50%)}}section{scroll-margin-top:24px}.sec-head{max-width:640px;margin:0 auto 40px;text-align:center}.sec-head h2{font-family:var(--fd);font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.3;margin-bottom:10px}.sec-head p{color:var(--muted)}.builder{padding:96px 0;background:var(--white)}.bld{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}.stage{position:sticky;top:90px;display:flex;flex-direction:column;align-items:center;padding:28px 20px 24px;border-radius:var(--r);background:radial-gradient(120% 80% at 50% 0%,#fff,var(--beige) 70%);border:1px solid var(--line)}.box3d{position:relative;width:min(420px,100%);aspect-ratio:1/1.05;margin-top:10px}.base{position:absolute;inset:auto 0 0 0;height:70%;background:linear-gradient(180deg,#2a2425,#0e0c0c);border-radius:10px;padding:16px;box-shadow:0 40px 60px -30px #3c230f99,inset 0 2px #ffffff0f}.tissue{position:absolute;top:10px;bottom:10px;width:12%;background:repeating-linear-gradient(170deg,#efe9e3 0 6px,#e2dbd4 6px 12px);opacity:.92;z-index:1}.tissue.l{left:10px;border-radius:4px 0 0 4px;transform:skewY(-2deg)}.tissue.r{right:10px;border-radius:0 4px 4px 0;transform:skewY(2deg)}.inside{position:absolute;top:14px;right:14%;bottom:14px;left:14%;background:#0f0d0d;border-radius:4px;overflow:hidden;box-shadow:inset 0 12px 22px #000c}.shreds{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%}.arrange{position:absolute;top:8%;right:6%;bottom:8%;left:6%;display:grid;gap:7px;place-content:center;grid-template-columns:repeat(var(--cols,2),minmax(0,var(--cell,96px)))}.empty{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:.85rem;color:#b9aca3;text-align:center;padding:10px;transition:opacity .4s}.inside.has .empty{opacity:0;visibility:hidden}.it{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 10px 16px -8px #000000e6,0 0 0 2px #ffffffe6;transform:rotate(var(--rot,0deg));animation:place .8s var(--ease) both}.it img{width:100%;height:100%;object-fit:cover}.it.custom{background:var(--beige-2);display:grid;place-items:center;text-align:center;padding:4px;font-size:.6rem;font-weight:600;line-height:1.3}.it.custom em{display:block;font-style:normal;font-size:1.1rem}.it.still{animation:none}@keyframes place{0%{transform:translateY(-70px) rotate(calc(var(--rot,0deg) - 10deg)) scale(.85);opacity:0}60%{opacity:1}to{transform:rotate(var(--rot,0deg));opacity:1}}.lid{position:absolute;top:0;left:0;right:0;height:42%;transform-origin:50% 100%;background:linear-gradient(180deg,#1d191a,#0d0b0b);border-radius:10px 10px 4px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:14px 18px;text-align:center;box-shadow:0 18px 30px -16px #000000b3;transition:transform 1s var(--ease);z-index:2}.box3d.open .lid{transform:translateY(-26%) rotateX(18deg)}.lid-quote{font-family:var(--fs-en);font-size:clamp(.82rem,2.2vw,1.02rem);color:#ddd5cd;direction:ltr;line-height:1.3;opacity:.9}.lid-name{font-family:var(--fs-en);font-size:clamp(2.2rem,7vw,3.3rem);line-height:1.2;color:#fff;direction:ltr;min-height:1.2em;transition:opacity .3s}.lid-name.ar{font-family:var(--fs-ar);direction:rtl;font-weight:700}.lid-name.ar.chalk{filter:none;text-shadow:0 0 14px rgba(255,255,255,.2)}.lid-name.ghost{opacity:.35}.lid-heart{position:absolute;left:18px;bottom:10px;color:var(--blush);font-size:1.2rem}.stage-meta{margin-top:34px;display:flex;flex-wrap:wrap;justify-content:center;gap:8px;font-size:.88rem;color:var(--muted)}.stage-meta .dot{color:var(--tan-2)}.total{margin-top:12px;display:flex;align-items:baseline;gap:12px;padding:10px 22px;border-radius:999px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px -18px #462d1966}.total span{font-size:.88rem;color:var(--muted)}.total b{font-family:var(--fd);font-size:1.5rem;transition:transform .5s var(--ease)}.total b.bump{animation:bump .6s var(--ease)}@keyframes bump{40%{transform:scale(1.12)}}.total-note{font-size:.78rem;color:var(--tan);margin-top:6px;min-height:1.2em;text-align:center}.gcard{position:absolute;z-index:6;right:-9%;bottom:-6%;width:40%;aspect-ratio:1.45/1;perspective:900px;opacity:0;transform:translateY(30px) rotate(-6deg);transition:opacity .6s var(--ease),transform .9s var(--ease);pointer-events:none}.gcard.show{opacity:1;transform:rotate(-6deg)}.gcard-in{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform 1.1s var(--ease)}.gcard.flip .gcard-in{transform:rotateY(180deg)}.gface{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:8px;overflow:hidden;box-shadow:0 18px 30px -12px #28140a99}.gface.back{transform:rotateY(180deg);background:#fffaf3;background-image:repeating-linear-gradient(0deg,transparent 0 15px,rgba(169,128,90,.14) 15px 16px);display:grid;place-items:center;padding:8px}.gface.back img{max-width:100%;max-height:100%}.panel{background:var(--beige);border:1px solid var(--line);border-radius:var(--r);padding:28px}.step{margin-bottom:26px}.step-t{display:flex;align-items:center;gap:10px;font-weight:600;margin-bottom:12px}.step-t b{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--white);font-size:.85rem}.step-t small{font-weight:400;color:var(--muted);font-size:.82rem}.panel input,.sheet input,.sheet textarea{width:100%;padding:14px 18px;border-radius:var(--r-sm);border:1.5px solid var(--beige-3);background:#fff;color:var(--ink);font:inherit;font-size:1.02rem;outline:none;transition:border .3s,box-shadow .3s}.panel input:focus,.sheet input:focus,.sheet textarea:focus{border-color:var(--tan-2);box-shadow:0 0 0 4px #c6a27c2e}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips button{padding:9px 18px;border-radius:999px;border:1.5px solid var(--beige-3);background:#fff;font-size:.92rem;transition:all .4s var(--ease)}.chips button:hover{border-color:var(--tan-2)}.chips button.on{background:var(--ink);color:var(--white);border-color:var(--ink)}.cats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.cat{position:relative;display:flex;flex-direction:column;align-items:center;gap:3px;padding:14px 6px 12px;border-radius:var(--r-card);background:#fff;border:1.5px solid var(--line);font-size:.8rem;font-weight:500;line-height:1.35;text-align:center;transition:transform .5s var(--ease),border-color .3s,box-shadow .5s var(--ease)}.cat em{font-style:normal;font-size:1.6rem;line-height:1.2}.cat small{font-size:.68rem;color:var(--muted);font-weight:400}.cat:hover{transform:translateY(-3px);border-color:var(--tan-2);box-shadow:0 14px 24px -18px #462d1999}.cat .badge{position:absolute;top:6px;left:6px;min-width:20px;height:20px;padding:0 6px;border-radius:10px;background:var(--ink);color:#fff;font-size:.7rem;display:grid;place-items:center;transform:scale(0);transition:transform .5s var(--ease)}.cat .badge.on{transform:scale(1)}.cat.custom{border-style:dashed;border-color:var(--tan-2);background:transparent}.slots{display:flex;align-items:center;gap:6px;margin-top:14px;font-size:.8rem;color:var(--muted)}.slots i{flex:1;height:5px;border-radius:3px;background:var(--beige-3);transition:background .5s var(--ease)}.slots i.on{background:var(--ink)}.slots span{flex:none;margin-inline-start:6px}.cardpick{display:grid;grid-template-columns:1fr 1fr;gap:12px}.cp-tile{display:flex;flex-direction:column;gap:8px;text-align:center;transition:transform .5s var(--ease)}.cp-tile:hover{transform:translateY(-3px)}.cp-media{position:relative;aspect-ratio:1/1;border-radius:var(--r-card);overflow:hidden;background:#fff;border:1.5px solid var(--line);display:grid;place-items:center}.cp-tile.dashed .cp-media{border:1.5px dashed var(--tan-2);background:#fffaf3}.cp-media .dcard{width:84%;transform:rotate(-5deg);box-shadow:0 14px 24px -12px #28140a73}.cp-media>img{max-width:88%;max-height:88%}.cp-empty{font-size:.85rem;color:var(--tan);line-height:1.6}.cp-label{font-size:.88rem;font-weight:600}.form-note{font-size:.82rem;color:var(--muted);text-align:center;margin-top:12px}.form-note.err{color:#b4483d}.shake{animation:shake .45s}@keyframes shake{25%{transform:translate(-6px)}75%{transform:translate(6px)}}.dcard{position:relative;aspect-ratio:1.45/1;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10%;text-align:center;background:var(--bg);color:var(--fg)}.dcard .deco{font-size:1.9em;line-height:1}.dcard .ar{font-family:var(--fs-ar);font-weight:700;font-size:1.25em;line-height:1.35}.dcard .en{font-family:var(--fserif);font-style:italic;font-size:.78em;opacity:.8;direction:ltr}.dcard.brand .ar{font-family:var(--fs-en);font-weight:400;font-size:1.6em;direction:ltr}.dcard svg{width:28%;aspect-ratio:1;color:var(--fg)}.dcard.img{padding:0;background:#fff}.dcard.img img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.dcard.img.contain{background:#f3f1ef}.dcard.img.contain img{object-fit:contain;padding:6%}.card-photos{margin-top:16px;display:grid;gap:10px}.card-photos[hidden]{display:none}.cp-thumbs{display:flex;gap:8px;flex-wrap:wrap}.cp-thumbs img{width:56px;height:56px;object-fit:cover;border-radius:10px}.decor-t{margin:14px 0 8px;font-size:.85rem;font-weight:600;color:var(--tan)}.decor-t small{font-weight:400;color:var(--muted)}.cats.decor .cat{flex-direction:row;justify-content:center;gap:10px;grid-column:1/-1;background:linear-gradient(90deg,#fff,var(--beige))}.cats.decor .cat em{font-size:1.3rem}.sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;visibility:hidden;pointer-events:none}.sheet.open{visibility:visible;pointer-events:auto}.sheet-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:#1f1b1a59;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;transition:opacity .5s var(--ease)}.sheet.open .sheet-bg{opacity:1}.sheet-panel{position:absolute;left:50%;top:50%;width:min(760px,calc(100% - 40px));max-height:86vh;display:flex;flex-direction:column;background:var(--white);border-radius:var(--r);box-shadow:0 40px 80px -30px #1f1b1a80;transform:translate(-50%,-46%) scale(.96);opacity:0;transition:transform .6s var(--sheet),opacity .4s var(--ease)}.sheet.open .sheet-panel{transform:translate(-50%,-50%);opacity:1}.sheet-grab{display:none}.sheet-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:18px 22px 12px;border-bottom:1px solid var(--line)}.sheet-head h3{font-family:var(--fd);font-size:1.3rem;text-align:center}.sheet-back{font-size:.88rem;font-weight:600;color:var(--tan);padding:6px 10px;border-radius:10px}.sheet-back:hover{background:var(--beige)}.sheet-x{width:34px;height:34px;border-radius:50%;background:var(--beige);font-size:.9rem}.sheet-body{overflow:auto;padding:18px 22px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.sheet-foot{padding:14px 22px 18px;border-top:1px solid var(--line);display:flex;gap:10px;align-items:center}.sheet-foot:empty{display:none}.sheet-foot .btn{flex:1}.sheet-sub{font-size:.85rem;color:var(--muted);margin-bottom:14px;text-align:center}.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prod{display:flex;flex-direction:column;border-radius:var(--r-card);overflow:hidden;background:#fff;border:1px solid var(--line);transition:transform .5s var(--ease),box-shadow .5s var(--ease);opacity:0;animation:rise .7s var(--ease) forwards;animation-delay:calc(var(--i,0)*40ms)}@keyframes rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.prod:hover{box-shadow:var(--shadow)}.prod .ph{aspect-ratio:1;background:var(--beige);overflow:hidden}.prod .ph img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}.prod:hover .ph img{transform:scale(1.05)}.prod .bd{padding:10px 12px 12px;display:flex;flex-direction:column;gap:6px;flex:1}.prod h4{font-size:.8rem;font-weight:500;line-height:1.45;direction:ltr;text-align:left;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.9em}.prod .row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:auto}.prod .pr{font-weight:600;font-size:.92rem}.prod .add{padding:7px 12px;border-radius:999px;background:var(--ink);color:#fff;font-size:.78rem;font-weight:600;transition:all .4s var(--ease)}.prod.on .add{background:var(--beige-2);color:var(--ink)}.prod.on{border-color:var(--ink)}.prod.full .add{opacity:.4;pointer-events:none}.sheet-empty{text-align:center;color:var(--muted);padding:30px 10px}.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cdesign{display:flex;flex-direction:column;gap:8px;text-align:center;font-size:.8rem;font-weight:500;opacity:0;animation:rise .7s var(--ease) forwards;animation-delay:calc(var(--i,0)*40ms)}.cdesign .dcard{transition:transform .5s var(--ease),box-shadow .5s var(--ease);box-shadow:0 10px 20px -14px #28140a80;outline:2px solid transparent;outline-offset:3px}.cdesign:hover .dcard{transform:translateY(-3px) rotate(-1deg)}.cdesign.on .dcard{outline-color:var(--ink)}.hand-wrap{position:relative;border-radius:var(--r-card);overflow:hidden;background:#fffaf3;border:1px solid var(--line);background-image:repeating-linear-gradient(0deg,transparent 0 39px,rgba(169,128,90,.18) 39px 40px)}#handPad{display:block;width:100%;height:300px;touch-action:none;cursor:crosshair}.hand-ph{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#b9a796;font-size:1rem;pointer-events:none;transition:opacity .3s;text-align:center}.hand-wrap.has .hand-ph{opacity:0}.hand-tools{display:flex;gap:8px;justify-content:center;margin-top:12px}.hand-tools button{padding:8px 14px;border-radius:999px;border:1.5px solid var(--beige-3);font-size:.82rem;font-weight:600;background:#fff}.hand-tools button.on{background:var(--ink);color:#fff;border-color:var(--ink)}.pens{display:flex;gap:8px;align-items:center}.pen{width:24px;height:24px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1.5px var(--beige-3)}.pen.on{box-shadow:0 0 0 2px var(--ink)}.custom-form{display:flex;flex-direction:column;gap:12px}.up{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--r-sm);border:1.5px dashed var(--tan-2);cursor:pointer;background:#fffaf3;font-size:.9rem}.up img{width:52px;height:52px;border-radius:10px;object-fit:cover}.up img[hidden]{display:none}.note-box{font-size:.84rem;color:var(--tan);background:var(--beige);border-radius:var(--r-sm);padding:10px 14px;line-height:1.6}.summary{display:flex;flex-direction:column;gap:14px}.sum-box{display:flex;align-items:center;gap:14px;padding:12px;border-radius:var(--r-card);background:var(--box);color:#fff}.sum-box .nm{font-family:var(--fs-en);font-size:1.6rem;direction:ltr;line-height:1}.sum-box .nm.ar{font-family:var(--fs-ar);font-weight:700;direction:rtl}.sum-box small{display:block;color:#cbbfb8;font-size:.78rem}.sum-list{list-style:none;display:flex;flex-direction:column;gap:8px}.sum-list li{display:flex;align-items:center;gap:12px;font-size:.88rem}.sum-list img{width:44px;height:44px;border-radius:10px;object-fit:cover}.sum-list .t{flex:1;direction:ltr;text-align:left}.sum-list .p{font-weight:600}.sum-tot{display:flex;justify-content:space-between;align-items:baseline;padding-top:12px;border-top:1px dashed var(--beige-3);font-weight:600}.sum-tot b{font-family:var(--fd);font-size:1.6rem}.done{text-align:center;padding:30px 10px}.done .big{font-size:3rem;animation:pop .9s var(--ease)}@keyframes pop{0%{transform:scale(.3);opacity:0}}.done h4{font-family:var(--fd);font-size:1.5rem;margin:8px 0}.done p{color:var(--muted);font-size:.9rem}.ready{padding:96px 0;background:var(--beige)}.filters{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-bottom:28px}.filters button{padding:9px 18px;border-radius:999px;border:1.5px solid var(--beige-3);font-size:.92rem;background:#fff;transition:all .4s var(--ease)}.filters button.on{background:var(--ink);color:var(--white);border-color:var(--ink)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.pcard{background:#fff;border-radius:var(--r-card);overflow:hidden;border:1px solid var(--line);transition:transform .6s var(--ease),box-shadow .6s var(--ease);display:flex;flex-direction:column}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pcard .ph{position:relative;aspect-ratio:3/4;overflow:hidden;background:#eee}.pcard .ph img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ease)}.pcard:hover .ph img{transform:scale(1.05)}.pcard .tag{position:absolute;top:10px;right:10px;background:#ffffffeb;border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:600}.pcard .bd{padding:14px 16px 16px;display:flex;align-items:center;justify-content:space-between;gap:8px}.pcard h3{font-family:var(--fs-en);font-weight:400;font-size:1.45rem;line-height:1.2;direction:ltr}.pcard .pr{font-weight:600;font-size:.92rem;white-space:nowrap}.pcard .go{margin:0 16px 16px;padding:10px;border-radius:999px;text-align:center;font-size:.88rem;font-weight:600;border:1.5px solid var(--ink);background:transparent;transition:background .3s,color .3s}.pcard .go:hover{background:var(--beige-2)}.pcard.hide{display:none}.tt{padding:96px 0;background:var(--white)}.tt-in{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.tt h2{font-family:var(--fd);font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.35;margin-bottom:12px}.tt h2 .big{display:block;font-size:1.6em;color:var(--tan)}.tt-copy>p{color:var(--muted);margin-bottom:24px;max-width:460px}.tt-stats{list-style:none;display:flex;gap:28px;margin-bottom:28px}.tt-stats b{display:block;font-family:var(--fd);font-size:1.3rem}.tt-stats span{font-size:.82rem;color:var(--muted)}.phones{position:relative;height:460px}.phone{position:absolute;width:42%;aspect-ratio:9/18;border-radius:28px;background:var(--box);padding:8px;box-shadow:var(--shadow)}.phone img{width:100%;height:100%;object-fit:cover;border-radius:21px}.phone:before{content:"";position:absolute;top:14px;left:50%;width:30%;height:5px;margin-left:-15%;border-radius:3px;background:#ffffff40;z-index:1}.play{position:absolute;top:50%;left:50%;width:48px;height:48px;margin:-24px;border-radius:50%;background:#ffffffd9;display:grid;place-items:center}.play:after{content:"";border-style:solid;border-width:9px 0 9px 14px;border-color:transparent transparent transparent var(--ink);margin-left:4px}.p1{right:0;top:30px;transform:rotate(6deg)}.p2{right:29%;top:0;z-index:2}.p3{left:0;top:40px;transform:rotate(-6deg)}.how{padding:96px 0;background:var(--beige)}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.steps li{background:var(--white);border-radius:var(--r);padding:32px 26px;border:1px solid var(--line)}.steps .n{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:var(--ink);color:var(--white);font-family:var(--fd);font-size:1.4rem;margin-bottom:18px}.steps h3{font-family:var(--fd);font-size:1.35rem;margin-bottom:6px}.steps p{color:var(--muted)}.occ{padding:96px 0;background:var(--white)}.occ-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:repeat(2,240px);gap:18px}.occ-card{position:relative;border-radius:var(--r);overflow:hidden;color:#fff}.occ-card.big{grid-row:span 2}.occ-card img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.occ-card:hover img{transform:scale(1.06)}.occ-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(31,27,26,.8),transparent 55%)}.occ-card span{position:absolute;bottom:18px;right:20px;left:20px;z-index:1}.occ-card b{display:block;font-family:var(--fd);font-size:1.4rem}.occ-card small{font-size:.88rem;opacity:.85}.occ-card:nth-child(4){grid-column:2 / span 2}.cta{padding:96px 0;background:var(--white);text-align:center;position:relative;overflow:hidden}.cta-mark{position:absolute;width:min(560px,90vw);aspect-ratio:1;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-8deg);color:#a9805a14;pointer-events:none}.cta .wrap{position:relative}.cta-script{font-family:var(--fs-en);font-size:2rem;color:var(--tan);direction:ltr}.cta h2{font-family:var(--fd);font-size:clamp(1.9rem,4vw,2.8rem);margin:6px 0 8px}.cta p{color:var(--muted);margin-bottom:26px}.foot{background:var(--beige);color:var(--muted);padding:40px 0 20px;border-top:1px solid var(--beige-3)}.foot-in{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.foot .brand{justify-self:auto}.foot-in p{font-size:.9rem;direction:ltr;text-align:right;font-family:var(--fserif);font-style:italic}.foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:.92rem}.foot-links a:hover{color:var(--ink)}.foot-note{text-align:center;font-size:.75rem;opacity:.6;margin-top:24px}.fab{position:fixed;left:18px;bottom:18px;z-index:60;width:54px;height:54px;border-radius:50%;background:var(--box);color:var(--white);display:grid;place-items:center;box-shadow:0 10px 24px -8px #1411128c;transition:opacity .4s,transform .6s var(--ease)}.fab svg{width:27px;height:27px}.fab.hide{opacity:0;pointer-events:none;transform:scale(.8)}.tray{display:none}.rv{opacity:0;transform:translateY(28px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.rv.in{opacity:1;transform:none}@media(min-width:981px){.hbox{--s:min(400px,31vw, calc(48svh - 24px) )}.hx-stage{min-height:min(440px,62svh)}h1{font-size:clamp(2rem,min(4.2vw,7.2svh),3.6rem);margin-bottom:min(16px,1.8svh)}.eyebrow{margin-bottom:min(12px,1.4svh)}.lead{margin-bottom:min(26px,3svh)}.hero-facts{margin-top:min(32px,3.6svh);padding-top:min(22px,2.4svh)}.hx-hint{bottom:max(-34px,-5svh)}}@media(max-width:980px){.hx{height:180vh}.hx-bg{background-image:var(--bx-hero-phone)}.hx-bg:after{background:linear-gradient(180deg,#fffdf9f7,#fffdf9e6 40%,#fffdf91f 62%,#fffdf900)}.hx-in{grid-template-columns:1fr;gap:0;padding-top:76px;align-content:start;height:100%}.hx-copy .lead,.hx-copy .hero-cta .btn-ghost{display:none}h1{font-size:clamp(1.8rem,7.4vw,2.5rem);margin-bottom:12px}.hero-facts{margin-top:14px;padding-top:12px;gap:10px;justify-content:space-between}.hero-facts b{font-size:1.02rem}.hero-facts span{font-size:.68rem;line-height:1.4;display:block}.hx-stage{min-height:0;margin-top:4px}.hbox{--s:min(210px,54vw);margin-top:86px}.pop{width:34%}.hx-hint{bottom:-52px}.bld{grid-template-columns:1fr}.stage{position:relative;top:0}.grid{grid-template-columns:repeat(3,1fr)}.tt-in{grid-template-columns:1fr}.phones{height:380px;max-width:420px;width:100%;margin-inline:auto}.tray{display:flex;position:fixed;z-index:70;left:12px;right:12px;bottom:12px;align-items:center;gap:10px;padding:8px 10px 8px 14px;border-radius:var(--r-card);background:#fffdf9eb;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--beige-3);box-shadow:0 16px 30px -12px #462d1973;transform:translateY(150%);transition:transform .7s var(--ease)}.tray.show{transform:none}.tray-lid{flex:none;width:84px;height:44px;border-radius:8px;background:linear-gradient(180deg,#2b2526,#0d0b0b);display:grid;place-items:center}.tray-name{font-family:var(--fs-en);font-size:1.05rem;direction:ltr;color:#fff;max-width:78px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tray-name.ar{font-family:var(--fs-ar);direction:rtl;font-weight:700}.tray-items{flex:1;display:flex;gap:4px;overflow:hidden}.tray-items img{width:32px;height:32px;border-radius:8px;object-fit:cover;flex:none;box-shadow:0 0 0 1.5px #fff}.tray-total{flex:none;font-family:var(--fd);font-weight:700;font-size:1rem}.cgrid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.track .u{font-size:7vw;gap:.18em}.track svg{width:.72em;height:.72em}body{font-size:15px}.top-in{height:58px;grid-template-columns:auto 1fr auto;gap:6px}.top-cta{padding:0;width:34px;height:34px;justify-content:center;font-size:.8rem}.top-cta span{display:none}.top-cta svg{width:17px;height:17px}.top-act{gap:6px}.lang{height:34px;min-width:34px;padding:0 8px}.top-tag{font-size:.82rem;line-height:1.2}.brand-script{font-size:1.45rem}.brand-ico{width:24px;height:24px}.builder,.ready,.how,.occ,.tt,.cta{padding:64px 0}.stage{padding:20px 12px}.box3d{width:min(320px,90%)}.gcard{right:-6%;bottom:-6%;width:44%}.panel{padding:20px 16px}.cats{grid-template-columns:repeat(3,1fr);gap:7px}.cat{padding:12px 4px 10px;font-size:.72rem}.grid{grid-template-columns:repeat(2,1fr);gap:12px}.pcard .bd{flex-direction:column;align-items:flex-start;gap:0;padding:10px 12px}.pcard h3{font-size:1.2rem}.pcard .go{margin:0 12px 12px;font-size:.8rem}.steps{grid-template-columns:1fr}.occ-grid{grid-template-columns:1fr 1fr;grid-template-rows:260px 180px 180px}.occ-card.big{grid-column:span 2;grid-row:auto}.occ-card:nth-child(4){grid-column:span 2}.hero-cta .btn{flex:1;padding:14px 16px}.foot-in{flex-direction:column;align-items:flex-start}.sheet-panel{left:0;right:0;top:auto;bottom:0;width:100%;max-height:90vh;border-radius:var(--r) var(--r) 0 0;transform:translateY(100%);opacity:1}.sheet.open .sheet-panel{transform:none}.sheet-grab{display:block;width:40px;height:5px;border-radius:3px;background:var(--beige-3);margin:10px auto 0}.sheet-head{padding:10px 16px}.sheet-body{padding:16px}.sheet-foot{padding:12px 16px calc(14px + env(safe-area-inset-bottom))}.pgrid{grid-template-columns:repeat(2,1fr);gap:10px}.cgrid{grid-template-columns:repeat(2,1fr)}#handPad{height:260px}.tt-stats{gap:18px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.hx{height:auto}.hx-sticky{position:relative;height:auto;padding:100px 0 60px}.rv,.prod,.cdesign{opacity:1;transform:none}.pop{opacity:1}}.in-card{position:absolute;left:50%;bottom:7%;height:84%;width:auto;aspect-ratio:1;object-fit:cover;border-radius:3px;transform:translate(-50%) rotate(-3deg);box-shadow:0 1px #fffc inset,0 12px 20px -8px #3c230f99,0 2px 4px #3c230f40}.ic{width:1em;height:1em;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.15em}.cat em{display:grid;place-items:center;height:30px;color:var(--tan)}.cat em .ic{width:26px;height:26px}.cats.decor .cat em .ic{width:22px;height:22px}.stk .ic{width:19px;height:19px;color:var(--tan)}.decor-t .ic{color:var(--tan)}.cp-empty .ic{display:block;width:26px;height:26px;margin:0 auto 6px;color:var(--tan)}.dcard .deco .ic{width:1.15em;height:1.15em;stroke-width:1.3}.it.custom em .ic{width:20px;height:20px;color:var(--tan)}.sum-ic{width:44px;display:grid;place-items:center;color:var(--tan)}.sum-ic .ic{width:22px;height:22px}.done .big .ic{width:54px;height:54px;color:var(--tan);stroke-width:1.2}.tray-items .ic{width:16px;height:16px;color:var(--tan)}.up>.ic{width:22px;height:22px;color:var(--tan)}.fab:after{content:"";position:absolute;top:9px;right:9px;width:9px;height:9px;border-radius:50%;background:var(--blush);box-shadow:0 0 0 2px var(--box)}.fab:hover{background:#000}.pcard .go:hover{background:var(--ink);color:var(--white)}.chips.who{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,1fr);gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 6px;margin:0 -2px}.chips.who::-webkit-scrollbar{display:none}.chips.who button{scroll-snap-align:start;display:flex;flex-direction:column;align-items:center;gap:6px;padding:5px 5px 9px;border-radius:var(--r-card);border:1.5px solid var(--line);background:var(--beige);font-size:.86rem;color:var(--tan);transition:border-color .3s,transform .5s var(--ease),box-shadow .5s var(--ease)}.chips.who button:hover{border-color:var(--tan-2);transform:translateY(-2px)}.who-img{display:block;width:100%;aspect-ratio:1;border-radius:calc(var(--r-card) - 5px);overflow:hidden;background:#fff}.who-img img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);transition:transform .6s var(--ease)}.chips.who button b{font-weight:600}.chips.who button.on{background:#fff;color:var(--ink);border-color:var(--ink);box-shadow:0 10px 22px -14px #14111280}.chips.who button.on .who-img img{transform:scale(1.1)}.cats#cats{display:grid;grid-auto-flow:column;grid-auto-columns:138px;grid-template-columns:none;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:2px 2px 8px;margin:0 -2px}.cats#cats::-webkit-scrollbar{display:none}#cats .cat{scroll-snap-align:start;padding:6px 6px 11px;gap:2px;background:var(--beige);border-color:var(--line)}#cats .cat:hover{border-color:var(--tan-2)}.cat-img{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;border-radius:calc(var(--r-card) - 5px);background:#fff;overflow:hidden;margin-bottom:6px;color:var(--tan)}.cat-img img{width:100%;height:100%;object-fit:cover}.cat-img.two{gap:4%;padding:10% 8%}.cat-img.two img{width:46%;height:100%;object-fit:contain}.cat-img>.ic{width:34px;height:34px}.cat-l{color:var(--tan);font-weight:600;font-size:.84rem}.cat-l i{font-style:normal;display:inline-block;transition:transform .4s var(--ease)}#cats .cat:hover .cat-l i{transform:translate(-3px)}html[dir=ltr] #cats .cat:hover .cat-l i{transform:translate(3px)}#cats .cat.custom{border-style:dashed;border-color:var(--tan-2)}#cats .cat.custom .cat-img{background:transparent;border:1.5px dashed var(--beige-3)}#cats .cat .badge{top:12px;left:12px;z-index:2}.pager{display:flex;align-items:center;justify-content:center;gap:14px;margin:4px 0 14px;font-size:.78rem;color:var(--muted);font-variant-numeric:tabular-nums}.pager[hidden]{display:none}.pager button{width:30px;height:30px;border-radius:50%;border:1.5px solid var(--line);background:#fff;display:grid;place-items:center;color:var(--ink);transition:opacity .3s,border-color .3s}.pager button:hover:not(:disabled){border-color:var(--ink)}.pager button:disabled{opacity:.35;cursor:default}.pager .ic{width:15px;height:15px;stroke-width:2}html[dir=rtl] .pager .pg-prev .ic,html[dir=ltr] .pager .pg-next .ic{transform:none}html[dir=rtl] .pager .pg-next .ic,html[dir=ltr] .pager .pg-prev .ic{transform:scaleX(-1)}.cats.decor .cat .cat-img{width:40px;height:40px;flex:none;margin:0;border-radius:50%}.cats.decor .cat .cat-l{color:var(--ink)}.cats.decor .cat .cat-l i{display:none}@media(max-width:640px){.cats#cats{grid-auto-columns:126px;gap:8px}.chips.who{grid-auto-columns:84px}}.bld>*{min-width:0}.stage-meta{gap:8px;margin-top:28px}.mchip{display:inline-flex;align-items:center;gap:7px;height:36px;padding:0 13px 0 5px;border-radius:999px;background:#fff;border:1.5px solid var(--line);color:var(--ink);font-size:.84rem;font-weight:500;white-space:nowrap;animation:mpop .5s var(--ease)}html[dir=rtl] .mchip{padding:0 5px 0 13px}.mchip.m-empty{background:transparent;border-style:dashed;border-color:var(--beige-3);color:var(--muted);font-weight:400}.m-av{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#fff;box-shadow:0 0 0 1.5px var(--beige)}.m-ic{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--beige);color:var(--tan)}.m-ic .ic{width:15px;height:15px}.mchip.m-empty .m-ic{background:transparent}.m-stack{display:inline-flex;align-items:center}.m-stack img,.m-stack i{width:26px;height:26px;border-radius:50%;object-fit:cover;background:#fff;border:2px solid #fff;box-shadow:0 1px 4px #14111226;display:grid;place-items:center;font-style:normal;font-size:.62rem;font-weight:600;color:var(--tan)}.m-stack>*+*{margin-inline-start:-9px}.m-stack i .ic{width:13px;height:13px}@keyframes mpop{0%{transform:scale(.92);opacity:.4}to{transform:none;opacity:1}}@media(max-width:640px){.mchip{height:34px;font-size:.8rem}.stage-meta{gap:6px}}.it-x{position:absolute;top:4px;inset-inline-end:4px;z-index:2;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#141112c7;color:#fff;box-shadow:0 2px 6px #00000059;pointer-events:auto;transition:transform .3s var(--ease),background .3s}.it-x svg{width:12px;height:12px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.it-x:hover{background:var(--ink);transform:scale(1.12)}.it-x:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.arrange,.it{pointer-events:auto}.brand-logo{display:block;height:46px;width:auto}.foot .brand-logo{height:64px}.track .u img{height:clamp(54px,7.4vw,118px);width:auto;display:block}@media(max-width:640px){.brand-logo{height:36px}.track .u{flex-basis:46vw}.track .u img{height:15vw}}.hbox-in{background:#0f0d0d}.hbox-in .shreds{position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;width:112%;height:112%}.table-card{position:absolute;z-index:1;width:36%;aspect-ratio:1;object-fit:cover;border-radius:4px;left:-36%;bottom:-34%;transform:rotate(-9deg);box-shadow:0 1px #ffffffb3 inset,0 18px 26px -10px #281408b3,0 3px 6px #2814084d}html[dir=ltr] .table-card{left:auto;right:-36%;transform:rotate(9deg)}@media(max-width:980px){.table-card,html[dir=ltr] .table-card{left:auto;right:-32%;bottom:-70%;width:38%;transform:rotate(8deg)}}.grid#grid{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,23%,280px);grid-template-columns:none;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 14px}.grid#grid::-webkit-scrollbar{display:none}.grid#grid .pcard{scroll-snap-align:start}.grid#grid .pcard.hide{display:none}#gridPager{margin:6px 0 24px}.phones-wrap{min-width:0}.phones{position:static;height:auto;display:grid;grid-auto-flow:column;grid-auto-columns:clamp(170px,30%,210px);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:10px 4px 20px}.phones::-webkit-scrollbar{display:none}.phones .phone{position:relative;inset:auto;width:auto;transform:none;scroll-snap-align:start;transition:transform .5s var(--ease)}.phones .phone:hover{transform:translateY(-4px)}@media(max-width:980px){.grid#grid{grid-auto-columns:68vw}.phones{grid-auto-columns:46vw}}.arrange{display:block}.it.cut{position:absolute;aspect-ratio:1;background:none;box-shadow:none;overflow:visible;border-radius:0;transform:translate(-50%,-50%) rotate(var(--rot,0deg));animation:dropin .8s var(--ease) both}.it.cut.still{animation:none}.it.cut img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 9px rgba(0,0,0,.65)) drop-shadow(0 2px 2px rgba(0,0,0,.4))}.it.cut.photo img{object-fit:cover;border-radius:6px;box-shadow:0 0 0 2px #fff;filter:drop-shadow(0 10px 10px rgba(0,0,0,.6))}.it.cut.custom{background:var(--beige-2);border-radius:8px;box-shadow:0 10px 16px -8px #000000e6}.it.cut .it-x{top:2%;inset-inline-end:2%;opacity:.92}@keyframes dropin{0%{opacity:0;transform:translate(-50%,-110%) rotate(calc(var(--rot,0deg) - 14deg)) scale(.7)}to{opacity:1;transform:translate(-50%,-50%) rotate(var(--rot,0deg))}}.cats.decor{gap:8px}.cardpick{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.card-fields{display:grid;gap:8px;transition:opacity .4s}.card-fields.off{opacity:.45;pointer-events:none}.fld-l{font-size:.82rem;font-weight:600;color:var(--ink)}#cardText{width:100%;resize:vertical;min-height:96px;padding:10px 12px;border-radius:var(--r-sm);border:1.5px solid var(--beige-3);background:#fff;font:inherit;font-size:.9rem;line-height:1.6}#cardText:focus{outline:none;border-color:var(--ink)}.up-photo{display:flex;align-items:center;gap:8px;padding:10px 12px;font-size:.84rem;cursor:pointer}#cardThumbs{gap:6px}#cardThumbs span{position:relative}#cardThumbs img{width:48px;height:48px}#cardThumbs button{position:absolute;top:-6px;inset-inline-end:-6px;width:20px;height:20px;border-radius:50%;background:var(--ink);color:#fff;font-size:.8rem;line-height:1;display:grid;place-items:center}.cp-pin{position:absolute;width:34%!important;max-width:none!important;aspect-ratio:1;object-fit:cover;bottom:8%;inset-inline-end:8%;border:3px solid #fff;border-radius:3px;transform:rotate(6deg);box-shadow:0 6px 12px -4px #00000073}.no-card{margin-top:8px;font-size:.78rem;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.no-card[hidden]{display:none}.hand-tile{width:100%}.hand-tile .cp-media{aspect-ratio:auto;height:110px}.hand-tile .cp-media img{max-height:90%}.g-pin{position:absolute;width:34%;aspect-ratio:1;object-fit:cover;bottom:9%;right:7%;border:3px solid #fff;border-radius:2px;transform:rotate(6deg);box-shadow:0 4px 10px #00000059}#gBack{font-size:clamp(.55rem,1.6vw,.78rem);line-height:1.55;color:#3a2a20;text-align:center;padding:6px 10px;overflow:hidden;white-space:pre-wrap;word-break:break-word}#gBack.empty{display:none}.sum-card .t{display:flex;flex-direction:column;gap:4px}.sum-card q{font-size:.8rem;color:var(--muted);quotes:"\201c" "\201d"}.sum-card .warn{color:#b5485a;font-size:.74rem}.sum-ph{display:flex;gap:5px}.sum-ph img{width:34px!important;height:34px!important;border-radius:6px;object-fit:cover}.sum-hand{background:#fffaf3;object-fit:contain!important}.op{margin-top:18px;border:1.5px dashed var(--beige-3);border-radius:var(--r-sm);padding:12px;text-align:start;display:grid;gap:10px}.op-h{font-size:.76rem;color:var(--muted);font-weight:600}.op-row{display:flex;gap:10px;align-items:flex-start;background:#fff;border:1px solid var(--line);border-radius:10px;padding:8px}.op-row>img{width:52px;height:52px;object-fit:cover;border-radius:6px;background:#fffaf3;flex:none}.op-ic{width:52px;height:52px;display:grid;place-items:center;background:var(--beige);border-radius:6px;color:var(--tan);flex:none}.op-row b{display:block;font-size:.82rem}.op-row small{display:block;font-size:.74rem;color:var(--muted);line-height:1.5}.op-file{color:#2c6fb7;direction:ltr;display:inline-block}@media(max-width:640px){.cardpick{grid-template-columns:1fr}.cp-tile#cpDesign .cp-media{aspect-ratio:16/10}}.it.cut.photo img{border:3px solid #fff;border-radius:4px}b,strong,.btn,.step-t,.cat-l,.chips.who button b,.sheet-head h3{font-family:var(--fd)}.step-t small{font-family:var(--ff)}.top-in{grid-template-columns:1fr 1fr}.brand-logo{height:44px}@media(max-width:980px){.top-in{grid-template-columns:1fr 1fr}.brand-logo{height:38px}}@media(max-width:980px){.stk{font-size:.92rem;padding:6px 12px;gap:5px}.stk .ic{width:16px;height:16px}}.menu-btn{width:44px;height:44px;border-radius:50%;display:grid;place-content:center;gap:5px;background:#ffffffb3;border:1px solid var(--beige-3);cursor:pointer;transition:background .3s,border-color .3s}.menu-btn:hover{background:#fff;border-color:var(--tan-2)}.menu-btn span{display:block;width:18px;height:2px;border-radius:2px;background:var(--ink);transition:transform .35s var(--ease),opacity .2s}.menu-open .menu-btn span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-open .menu-btn span:nth-child(2){opacity:0}.menu-open .menu-btn span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.menu-open{background:#fffdf9f7}.menu{display:flex;flex-direction:column;padding:6px max(16px,calc((100% - 1180px)/2)) 18px;border-top:1px solid rgba(169,128,90,.14)}.menu[hidden]{display:none}.menu a{padding:14px 2px;font-family:var(--fd);font-size:1.1rem;border-bottom:1px solid rgba(169,128,90,.12)}.menu a:hover{color:var(--tan-2)}.menu .menu-wa{display:flex;align-items:center;gap:10px;border-bottom:0;margin-top:8px;color:#128c4a}.menu .menu-wa svg{width:20px;height:20px}.fab{background:#25d366;color:#fff;box-shadow:0 10px 24px -8px #128c4a99}.fab:hover{background:#1ebe5b}.fab:after{display:none}.fab svg{width:30px;height:30px}.hx-in{padding-top:104px}@media(max-width:980px){.hx-in{padding-top:92px}.menu-btn{width:40px;height:40px}}.occ-card:after{background:linear-gradient(0deg,rgba(31,27,26,.88) 0%,rgba(31,27,26,.55) 38%,transparent 70%)}.occ-card b{line-height:1.15;overflow-wrap:anywhere}@media(max-width:980px){.occ-card:not(.big):not(:nth-child(4)) span{bottom:12px;right:12px;left:12px}.occ-card:not(.big):not(:nth-child(4)) b{font-size:1.05rem}.occ-card:not(.big):not(:nth-child(4)) small{font-size:.78rem;line-height:1.35}}.pager button{width:40px;height:40px}.foot-links a{padding:10px 0}.hx{height:300vh}.hx-copy{will-change:transform,opacity}@media(max-width:980px){.hx{height:320vh}.hx-in{padding-top:80px}.hbox{--s:min(210px,calc((100vw - 24px)/1.82),calc((100svh - 70px)/1.95))}.hx-stage{will-change:transform}}@media(min-width:981px){.hbox{--s:min(360px,27vw, calc(48svh - 24px) )}html[dir=ltr] .table-card{right:-42%}}@media(min-width:981px){.pop{width:32%}}.lid-sign{display:flex;align-items:center;justify-content:center;gap:.12em;direction:ltr}.lid-sign .lid-name{min-width:1ch}.lid-heart{position:static;flex:none;width:.6em;height:.6em;color:#f4efe9;font-size:inherit;transform:translateY(-.08em) rotate(8deg)}.lid .lid-sign{font-size:clamp(2.2rem,7vw,3.3rem)}.hbox-lid .lid-sign{font-size:calc(var(--s)*.15)}.lid-quote{line-height:1.35}.cta-mark{width:min(380px,70vw);height:auto;aspect-ratio:auto;opacity:.09;filter:grayscale(.2);color:inherit}.foot .brand-logo.foot-logo{height:auto;width:min(200px,52vw)}.fb{--h:118px;background:var(--beige);border-block:1px solid var(--beige-3);overflow:hidden}.fb-in{display:flex;align-items:center;gap:clamp(12px,2vw,28px);padding:16px 0 16px max(14px,calc((100% - 1180px)/2))}.fb-title{flex:none;display:flex;flex-direction:column;font-family:var(--fd);font-weight:800;font-size:calc(var(--h)*.36);line-height:.92;letter-spacing:-.02em;transform:rotate(-6deg);color:#c99a5b;background:linear-gradient(170deg,#f3d9a4,#d6a866 38%,#a8733b 70%,#e3bd7d);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(1px 1px 0 #8a5a2b) drop-shadow(1px 1px 0 #7a4d22) drop-shadow(1px 1px 0 #6b421c) drop-shadow(2px 4px 4px rgba(70,40,15,.35))}.fb-title span{display:flex;align-items:center}.fb-title img{height:1.02em;width:auto;margin-right:-.06em;-webkit-text-fill-color:initial}.fb-view{flex:1;min-width:0;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}.fb-track{display:flex;gap:14px;width:max-content;padding:10px 0 14px;animation:fbmove 70s linear infinite}.fb-view:hover .fb-track,.fb-view:focus-within .fb-track{animation-play-state:paused}@keyframes fbmove{to{transform:translate(calc(-50% - 7px))}}.fb-card{flex:none;height:var(--h);width:clamp(calc(var(--h)*.82),calc(var(--h)*var(--a)),calc(var(--h)*1.9));padding:6px;border-radius:12px;background:#fff;cursor:zoom-in;box-shadow:0 10px 22px -14px #3c230f80,0 1px 3px #3c230f14;transition:transform .35s var(--ease)}.fb-card:nth-child(odd){transform:rotate(-1.5deg)}.fb-card:nth-child(2n){transform:rotate(1.2deg) translateY(4px)}.fb-card:hover{transform:translateY(-3px)}.fb-card img{width:100%;height:100%;object-fit:contain;border-radius:6px}.fb-zoom{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:24px;background:#14100ec7;cursor:zoom-out}.fb-zoom[hidden]{display:none}.fb-zoom img{max-width:min(720px,100%);max-height:86svh;border-radius:14px;background:#fff;box-shadow:0 30px 60px -20px #0009}.fb-x{position:absolute;top:16px;right:16px;width:44px;height:44px;border-radius:50%;border:0;background:#fff;font-size:1.6rem;line-height:1;cursor:pointer}@media(min-width:981px){.fb{--h:170px}.fb-in{padding-block:22px}}@media(prefers-reduced-motion:reduce){.fb-track{animation:none}.fb-view{overflow-x:auto}}@media(max-width:980px){.tt{padding:64px 0}.tt-in{grid-template-columns:1fr 1fr;grid-template-areas:"eb eb" "h h" "p p" "st ph" "bt ph";column-gap:14px;row-gap:0;align-items:start}.tt-copy{display:contents}.tt-copy .eyebrow{grid-area:eb}.tt-copy h2{grid-area:h}.tt-copy>p{grid-area:p;margin-bottom:22px}.tt-stats{grid-area:st;gap:10px;margin:8px 0 18px;flex-wrap:nowrap}.tt-stats b{font-size:1.02rem}.tt-stats span{font-size:.66rem;line-height:1.3;display:block}.tt-copy .btn{grid-area:bt;justify-self:start;padding:12px 16px;font-size:.84rem;white-space:nowrap}.phones-wrap{grid-area:ph;align-self:center;margin-right:-16px;min-width:0}.tt{overflow-x:clip}.phones{grid-auto-columns:64%;gap:10px;padding:4px 16px 10px 2px}#phonePager{display:none}}.brand-logo.top-logo{height:52px;width:auto}@media(max-width:980px){.brand-logo.top-logo{height:44px}}@media(max-width:980px){.tt-in{grid-template-columns:1.45fr 1fr;grid-template-areas:"eb eb" "h h" "p p" "st st" "bt ph";column-gap:0}.tt-stats{gap:14px;margin:6px 0 12px}.tt-stats b{font-size:1.15rem}.tt-stats span{font-size:.74rem;margin-top:4px}.tt-copy .btn{align-self:start;margin-top:6px;padding:14px 22px;font-size:.92rem}.phones-wrap{align-self:end;margin:-46px -16px 0 -10px;position:relative}.phones{display:block;position:relative;height:clamp(190px,58vw,250px);overflow:visible;padding:0}.phones .phone{position:absolute;width:56%;aspect-ratio:9/18;padding:5px;border-radius:18px}.phones .phone img{border-radius:14px}.phones .phone .play{transform:scale(.7)}.phones .phone:nth-child(1){left:-4%;bottom:0;z-index:2;transform:rotate(-5deg)}.phones .phone:nth-child(2){right:9%;bottom:12%;z-index:1;transform:rotate(13deg)}.phones .phone:nth-child(n+3){display:none}}.table-card{object-fit:contain;aspect-ratio:254/260;border-radius:0;box-shadow:none;background:none;filter:drop-shadow(0 10px 12px rgba(40,20,8,.45)) drop-shadow(0 2px 3px rgba(40,20,8,.3))}.menu .menu-lang{align-self:flex-start;margin-top:10px;padding:9px 18px;border-radius:999px;border:1px solid var(--beige-3);background:var(--white);font-family:var(--fd);font-size:1rem;cursor:pointer}.menu .menu-lang:hover{border-color:var(--ink)}.table-card{aspect-ratio:1100/742;object-fit:cover;width:52%;border:5px solid #fff;border-radius:3px;filter:none;box-shadow:0 18px 26px -12px #281408a6,0 3px 6px #2814084d}@media(min-width:981px){.table-card{left:-56%;right:auto}html[dir=ltr] .table-card{left:auto;right:-56%}}.menu-btn{direction:ltr}.table-card{aspect-ratio:auto;object-fit:contain;width:40%;border:0;border-radius:0;box-shadow:none;background:none;filter:drop-shadow(0 12px 14px rgba(40,20,8,.45)) drop-shadow(0 2px 3px rgba(40,20,8,.3))}@media(max-width:980px){.table-card,html[dir=ltr] .table-card{width:40%}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/boxsito.css.map */