{"id":1641,"date":"2026-10-21T15:05:22","date_gmt":"2026-10-21T15:05:22","guid":{"rendered":"https:\/\/royales.pk\/?page_id=1641"},"modified":"2026-10-21T15:06:52","modified_gmt":"2026-10-21T15:06:52","slug":"about","status":"publish","type":"page","link":"https:\/\/royales.pk\/index.php\/about\/","title":{"rendered":"About"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1641\" class=\"elementor elementor-1641\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea0c21a e-con e-atomic-element e-flexbox-base e-default-div e-5417f58 \" data-id=\"ea0c21a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ea0c21a\">\n    \t\t<div class=\"elementor-element elementor-element-b14d5fe elementor-widget elementor-widget-html\" data-id=\"b14d5fe\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\n     ABOUT US PAGE \u2014 full 3D page\r\n     Colours: #0B0B0B black, #202020 charcoal, #F7F5F0 cream, #C6A15B gold\r\n     Fonts: Playfair Display (headings), Plus Jakarta Sans (text)\r\n========================================================= -->\r\n\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\r\n<link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500&family=Plus+Jakarta+Sans:wght@400;500;600&display=swap\" media=\"print\" onload=\"this.media='all'\">\r\n\r\n<style>\r\n#rab{--ink:#0B0B0B;--char:#202020;--cream:#F7F5F0;--gold:#C6A15B;--soft:rgba(247,245,240,.72);--line:rgba(247,245,240,.14);\r\n --e:cubic-bezier(.19,1,.22,1);\r\n position:relative;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);\r\n isolation:isolate;overflow:hidden;clip-path:inset(0);background:var(--ink);color:var(--cream);text-align:left;\r\n font-family:'Plus Jakarta Sans',system-ui,-apple-system,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.65}\r\n#rab *,#rab *:before,#rab *:after{box-sizing:border-box;margin:0;padding:0}\r\n#rab a{color:inherit;text-decoration:none;box-shadow:none}\r\n#rab ul,#rab ol{list-style:none;margin:0;padding:0}\r\n#rab li{list-style:none;margin:0;padding:0}\r\n#rab li:before{display:none}\r\n#rab .rab-svg{display:block;width:1em;height:1em;fill:currentColor}\r\n#rab h1,#rab h2,#rab h3{font-family:'Playfair Display',Georgia,'Times New Roman',serif;font-weight:600;color:var(--cream);text-transform:none;letter-spacing:-.015em;margin:0;padding:0}\r\n#rab .rab-wrap{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 clamp(20px,5vw,72px)}\r\n#rab .rab-ey{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}\r\n#rab .rab-ey:before{content:\"\";width:40px;height:1px;background:var(--gold)}\r\n#rab .rab-h2{font-size:clamp(32px,4.2vw,60px);line-height:1.06;margin-top:16px}\r\n#rab .rab-h2 em,#rab h1 em{font-style:italic;font-weight:500;color:var(--gold)}\r\n\r\n\/* glass panel used across sections *\/\r\n#rab .rab-glass{background:linear-gradient(140deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);\r\n -webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 40px 80px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.18)}\r\n\r\n\/* ---------- 1. HERO ---------- *\/\r\n#rab .rab-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-end;padding:clamp(110px,16vh,180px) 0 clamp(56px,10vh,110px)}\r\n#rab .rab-hero .rab-wrap{width:100%;perspective:1200px}\r\n#rab h1.rab-h1{font-size:clamp(52px,9vw,150px);line-height:.95;letter-spacing:-.03em;margin-top:20px;\r\n text-shadow:.6px 1.3px 0 #3a3a3a,1.2px 2.6px 0 #2a2a2a,1.8px 3.9px 0 #1c1c1c,2.4px 5.2px 0 #121212,6px 22px 30px rgba(0,0,0,.6)}\r\n#rab .rab-h1 .rab-l{display:block}\r\n#rab .rab-h1 .rab-l+.rab-l{padding-left:.5em}\r\n#rab .rab-ch{display:inline-block;transition:transform 1.1s var(--e) var(--d),opacity .7s ease var(--d)}\r\n#rab .rab-hero-foot{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:clamp(28px,4vh,44px)}\r\n#rab .rab-lede{max-width:520px;font-size:clamp(15px,1.15vw,17px);color:var(--soft)}\r\n#rab .rab-scroll{display:inline-flex;align-items:center;gap:14px;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--soft)}\r\n#rab .rab-scroll i{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-style:normal;color:var(--gold);border:1px solid rgba(198,161,91,.5);animation:rabBob 2s ease-in-out infinite}\r\n@keyframes rabBob{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}\r\n\r\n\/* ---------- 2. MANIFESTO (words light up as you scroll) ---------- *\/\r\n#rab .rab-mani{padding:clamp(80px,12vw,170px) 0}\r\n#rab .rab-mani p{margin-top:28px;font-family:'Playfair Display',Georgia,serif;font-weight:500;font-size:clamp(26px,3.4vw,52px);line-height:1.28;letter-spacing:-.01em;max-width:1100px}\r\n#rab .rab-w{color:rgba(247,245,240,.18);transition:color .35s ease}\r\n#rab .rab-w.on{color:var(--cream)}\r\n#rab .rab-mani p .rab-w.gold.on{color:var(--gold)}\r\n#rab:not(.rab-js) .rab-w{color:var(--cream)}\r\n\r\n\/* ---------- 3. JOURNEY (3D cards fold into place) ---------- *\/\r\n#rab .rab-jour{padding:clamp(40px,6vw,80px) 0 clamp(80px,10vw,140px)}\r\n#rab .rab-jour-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px}\r\n#rab .rab-jour-head p{max-width:420px;color:var(--soft)}\r\n#rab .rab-steps{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.6vw,22px);margin-top:clamp(40px,5vw,64px);perspective:1400px}\r\n#rab .rab-steps:before{content:\"\";position:absolute;left:0;right:0;top:46px;height:1px;background:linear-gradient(90deg,transparent,rgba(198,161,91,.6),transparent)}\r\n#rab .rab-step{position:relative;padding:30px 26px 28px;border-radius:18px;transform-origin:50% 100%}\r\n#rab .rab-step{background:linear-gradient(140deg,rgba(255,255,255,.1),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);box-shadow:0 40px 80px -40px rgba(0,0,0,.9),inset 0 1px 0 rgba(255,255,255,.18)}\r\n#rab .rab-step-n{position:absolute;right:20px;top:14px;font-family:'Playfair Display',Georgia,serif;font-size:54px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(198,161,91,.4)}\r\n#rab .rab-step-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font-size:19px;color:var(--gold);background:radial-gradient(circle at 35% 30%,#2a2a2a,#111);box-shadow:0 0 0 1px rgba(198,161,91,.6),0 0 0 6px rgba(198,161,91,.08)}\r\n#rab .rab-step h3{font-size:22px;margin-top:26px}\r\n#rab .rab-step p{margin-top:10px;font-size:14.5px;color:var(--soft)}\r\n\r\n\/* ---------- 4. VALUES (3D tilt cards) ---------- *\/\r\n#rab .rab-vals-sec{padding:clamp(60px,8vw,110px) 0}\r\n#rab .rab-vals-sec .rab-head{text-align:center;max-width:720px;margin:0 auto}\r\n#rab .rab-vals-sec .rab-ey:after{content:\"\";width:40px;height:1px;background:var(--gold)}\r\n#rab .rab-vals{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);max-width:1080px;margin:clamp(40px,5vw,60px) auto 0}\r\n#rab .rab-val{perspective:1000px}\r\n#rab .rab-val-in{--rx:0deg;--ry:0deg;position:relative;height:100%;display:grid;grid-template-columns:64px minmax(0,1fr);column-gap:22px;align-items:start;padding:30px;border-radius:18px;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .5s var(--e);\r\n background:rgba(18,18,18,.72);border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 60px -32px rgba(0,0,0,.95)}\r\n#rab .rab-val-ic{grid-row:1\/3;width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--gold);transform:translateZ(40px);\r\n background:radial-gradient(circle at 35% 30%,#2c2c2c,#101010);box-shadow:0 0 0 1px rgba(198,161,91,.65),0 14px 26px -12px rgba(0,0,0,.9)}\r\n#rab .rab-val h3{font-size:24px;color:var(--gold);transform:translateZ(26px)}\r\n#rab .rab-val p{margin-top:8px;font-size:15px;color:var(--soft);transform:translateZ(16px)}\r\n\r\n\/* ---------- 5. PROMISE (big quote panel) ---------- *\/\r\n#rab .rab-prom{padding:clamp(40px,6vw,80px) 0}\r\n#rab .rab-quote{position:relative;padding:clamp(36px,6vw,80px);border-radius:26px;overflow:hidden;text-align:center;transform-origin:50% 0}\r\n#rab .rab-quote:before{content:\"\";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse 60% 80% at 50% 0%,rgba(198,161,91,.18),transparent 70%)}\r\n#rab .rab-qm{width:58px;height:58px;margin:0 auto;font-size:30px;color:var(--gold)}\r\n#rab .rab-quote blockquote{margin:24px auto 0;max-width:900px;font-family:'Playfair Display',Georgia,serif;font-style:italic;font-weight:500;font-size:clamp(26px,3.4vw,50px);line-height:1.2;color:var(--cream);border:0;padding:0;quotes:none}\r\n#rab .rab-quote blockquote:before,#rab .rab-quote blockquote:after{display:none}\r\n#rab .rab-quote cite{display:block;margin-top:24px;font-style:normal;font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--gold)}\r\n\r\n\/* ---------- 6. CTA ---------- *\/\r\n#rab .rab-cta{padding:clamp(80px,10vw,140px) 0 clamp(90px,12vw,160px);text-align:center}\r\n#rab .rab-cta .rab-h2{font-size:clamp(36px,5.4vw,80px);max-width:960px;margin:16px auto 0}\r\n#rab .rab-btns{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}\r\n#rab .rab-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:12px;height:56px;padding:0 30px;font-size:14.5px;font-weight:600;letter-spacing:.02em;transition:color .45s var(--e)}\r\n#rab .rab-btn>*{position:relative;z-index:1}\r\n#rab .rab-btn:before{content:\"\";position:absolute;inset:0;transform:translateY(101%);transition:transform .5s var(--e)}\r\n#rab .rab-btn:hover:before{transform:none}\r\n#rab a.rab-btn--gold{background:var(--gold);color:var(--ink)}\r\n#rab .rab-btn--gold:before{background:var(--cream)}\r\n#rab a.rab-btn--line{border:1px solid rgba(198,161,91,.65);color:var(--gold);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}\r\n#rab .rab-btn--line:before{background:var(--gold)}\r\n#rab a.rab-btn--line:hover{color:var(--ink)}\r\n#rab .rab-btn .rab-svg{font-size:16px}\r\n#rab a:focus-visible,#rab button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}\r\n\r\n\/* ---------- 3D entrance ---------- *\/\r\n#rab .rab-3d,#rab .rab-rv{transition:opacity 1s ease var(--d,0ms),transform 1.2s var(--e) var(--d,0ms)}\r\n#rab.rab-js .rab-rv:not(.in){opacity:0;transform:translateY(40px)}\r\n#rab.rab-js .rab-step:not(.in){opacity:0;transform:translateY(60px) rotateX(-70deg)}\r\n#rab.rab-js .rab-val:not(.in){opacity:0;transform:translateY(50px) rotateY(-30deg) scale(.94)}\r\n#rab.rab-js .rab-quote.rab-3d:not(.in){opacity:0;transform:rotateX(-35deg) translateY(60px)}\r\n#rab.rab-js:not(.go) .rab-ch{opacity:0;transform:translate3d(0,.5em,-260px) rotateX(-85deg)}\r\n#rab.paused *{animation-play-state:paused!important}\r\n\r\n\/* ---------- responsive ---------- *\/\r\n@media(max-width:1000px){\r\n #rab .rab-steps{grid-template-columns:repeat(2,minmax(0,1fr))}\r\n #rab .rab-steps:before{display:none}\r\n}\r\n@media(max-width:700px){\r\n #rab .rab-vals{grid-template-columns:minmax(0,1fr)}\r\n #rab .rab-val-in{grid-template-columns:52px minmax(0,1fr);column-gap:16px;padding:24px}\r\n #rab .rab-val-ic{width:52px;height:52px;font-size:20px}\r\n #rab .rab-hero-foot{flex-direction:column;align-items:flex-start}\r\n #rab .rab-h1 .rab-l+.rab-l{padding-left:.25em}\r\n}\r\n@media(max-width:520px){\r\n #rab .rab-steps{grid-template-columns:minmax(0,1fr)}\r\n #rab .rab-btn{flex:1 1 100%;justify-content:center}\r\n}\r\n@media(prefers-reduced-motion:reduce){\r\n #rab *,#rab *:before,#rab *:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0ms!important}\r\n}\r\n<\/style>\r\n\r\n<main id=\"rab\" aria-label=\"About Royales\">\r\n <svg width=\"0\" height=\"0\" style=\"position:absolute;width:0;height:0;overflow:hidden\" aria-hidden=\"true\" focusable=\"false\">\r\n  <symbol id=\"rab-i-certificate\" viewBox=\"0 0 512 512\"><path d=\"M211 7.3C205 1 196-1.4 187.6 .8s-14.9 8.9-17.1 17.3L154.7 80.6l-62-17.5c-8.4-2.4-17.4 0-23.5 6.1s-8.5 15.1-6.1 23.5l17.5 62L18.1 170.6c-8.4 2.1-15 8.7-17.3 17.1S1 205 7.3 211l46.2 45L7.3 301C1 307-1.4 316 .8 324.4s8.9 14.9 17.3 17.1l62.5 15.8-17.5 62c-2.4 8.4 0 17.4 6.1 23.5s15.1 8.5 23.5 6.1l62-17.5 15.8 62.5c2.1 8.4 8.7 15 17.1 17.3s17.3-.2 23.4-6.4l45-46.2 45 46.2c6.1 6.2 15 8.7 23.4 6.4s14.9-8.9 17.1-17.3l15.8-62.5 62 17.5c8.4 2.4 17.4 0 23.5-6.1s8.5-15.1 6.1-23.5l-17.5-62 62.5-15.8c8.4-2.1 15-8.7 17.3-17.1s-.2-17.4-6.4-23.4l-46.2-45 46.2-45c6.2-6.1 8.7-15 6.4-23.4s-8.9-14.9-17.3-17.1l-62.5-15.8 17.5-62c2.4-8.4 0-17.4-6.1-23.5s-15.1-8.5-23.5-6.1l-62 17.5L341.4 18.1c-2.1-8.4-8.7-15-17.1-17.3S307 1 301 7.3L256 53.5 211 7.3z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-scale-balanced\" viewBox=\"0 0 640 512\"><path d=\"M384 32H512c17.7 0 32 14.3 32 32s-14.3 32-32 32H398.4c-5.2 25.8-22.9 47.1-46.4 57.3V448H512c17.7 0 32 14.3 32 32s-14.3 32-32 32H320 128c-17.7 0-32-14.3-32-32s14.3-32 32-32H288V153.3c-23.5-10.3-41.2-31.6-46.4-57.3H128c-17.7 0-32-14.3-32-32s14.3-32 32-32H256c14.6-19.4 37.8-32 64-32s49.4 12.6 64 32zm55.6 288H584.4L512 195.8 439.6 320zM512 416c-62.9 0-115.2-34-126-78.9c-2.6-11 1-22.3 6.7-32.1l95.2-163.2c5-8.6 14.2-13.8 24.1-13.8s19.1 5.3 24.1 13.8l95.2 163.2c5.7 9.8 9.3 21.1 6.7 32.1C627.2 382 574.9 416 512 416zM126.8 195.8L54.4 320H199.3L126.8 195.8zM.9 337.1c-2.6-11 1-22.3 6.7-32.1l95.2-163.2c5-8.6 14.2-13.8 24.1-13.8s19.1 5.3 24.1 13.8l95.2 163.2c5.7 9.8 9.3 21.1 6.7 32.1C242 382 189.7 416 126.8 416S11.7 382 .9 337.1z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-hand-holding-heart\" viewBox=\"0 0 576 512\"><path d=\"M163.9 136.9c-29.4-29.8-29.4-78.2 0-108s77-29.8 106.4 0l17.7 18 17.7-18c29.4-29.8 77-29.8 106.4 0s29.4 78.2 0 108L310.5 240.1c-6.2 6.3-14.3 9.4-22.5 9.4s-16.3-3.1-22.5-9.4L163.9 136.9zM568.2 336.3c13.1 17.8 9.3 42.8-8.5 55.9L433.1 485.5c-23.4 17.2-51.6 26.5-80.7 26.5H192 32c-17.7 0-32-14.3-32-32V416c0-17.7 14.3-32 32-32H68.8l44.9-36c22.7-18.2 50.9-28 80-28H272h16 64c17.7 0 32 14.3 32 32s-14.3 32-32 32H288 272c-8.8 0-16 7.2-16 16s7.2 16 16 16H392.6l119.7-88.2c17.8-13.1 42.8-9.3 55.9 8.5zM193.6 384l0 0-.9 0c.3 0 .6 0 .9 0z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-headset\" viewBox=\"0 0 512 512\"><path d=\"M256 48C141.1 48 48 141.1 48 256v40c0 13.3-10.7 24-24 24s-24-10.7-24-24V256C0 114.6 114.6 0 256 0S512 114.6 512 256V400.1c0 48.6-39.4 88-88.1 88L313.6 488c-8.3 14.3-23.8 24-41.6 24H240c-26.5 0-48-21.5-48-48s21.5-48 48-48h32c17.8 0 33.3 9.7 41.6 24l110.4 .1c22.1 0 40-17.9 40-40V256c0-114.9-93.1-208-208-208zM144 208h16c17.7 0 32 14.3 32 32V352c0 17.7-14.3 32-32 32H144c-35.3 0-64-28.7-64-64V272c0-35.3 28.7-64 64-64zm224 0c35.3 0 64 28.7 64 64v48c0 35.3-28.7 64-64 64H352c-17.7 0-32-14.3-32-32V240c0-17.7 14.3-32 32-32h16z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-gem\" viewBox=\"0 0 512 512\"><path d=\"M116.7 33.8c4.5-6.1 11.7-9.8 19.3-9.8H376c7.6 0 14.8 3.6 19.3 9.8l112 152c6.8 9.2 6.1 21.9-1.5 30.4l-232 256c-4.5 5-11 7.9-17.8 7.9s-13.2-2.9-17.8-7.9l-232-256c-7.7-8.5-8.3-21.2-1.5-30.4l112-152zm38.5 39.8c-3.3 2.5-4.2 7-2.1 10.5l57.4 95.6L63.3 192c-4.1 .3-7.3 3.8-7.3 8s3.2 7.6 7.3 8l192 16c.4 0 .9 0 1.3 0l192-16c4.1-.3 7.3-3.8 7.3-8s-3.2-7.6-7.3-8L301.5 179.8l57.4-95.6c2.1-3.5 1.2-8.1-2.1-10.5s-7.9-2-10.7 1L256 172.2 165.9 74.6c-2.8-3-7.4-3.4-10.7-1z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-magnifying-glass\" viewBox=\"0 0 512 512\"><path d=\"M416 208c0 45.9-14.9 88.3-40 122.7L502.6 457.4c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L330.7 376c-34.4 25.2-76.8 40-122.7 40C93.1 416 0 322.9 0 208S93.1 0 208 0S416 93.1 416 208zM208 352a144 144 0 1 0 0-288 144 144 0 1 0 0 288z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-box-open\" viewBox=\"0 0 640 512\"><path d=\"M58.9 42.1c3-6.1 9.6-9.6 16.3-8.7L320 64 564.8 33.4c6.7-.8 13.3 2.7 16.3 8.7l41.7 83.4c9 17.9-.6 39.6-19.8 45.1L439.6 217.3c-13.9 4-28.8-1.9-36.2-14.3L320 64 236.6 203c-7.4 12.4-22.3 18.3-36.2 14.3L37.1 170.6c-19.3-5.5-28.8-27.2-19.8-45.1L58.9 42.1zM321.1 128l54.9 91.4c14.9 24.8 44.6 36.6 72.5 28.6L576 211.6v167c0 22-15 41.2-36.4 46.6l-204.1 51c-10.2 2.6-20.9 2.6-31 0l-204.1-51C79 419.7 64 400.5 64 378.5v-167L191.6 248c27.8 8 57.6-3.8 72.5-28.6L318.9 128h2.2z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-truck-fast\" viewBox=\"0 0 640 512\"><path d=\"M112 0C85.5 0 64 21.5 64 48V96H16c-8.8 0-16 7.2-16 16s7.2 16 16 16H64 272c8.8 0 16 7.2 16 16s-7.2 16-16 16H64 48c-8.8 0-16 7.2-16 16s7.2 16 16 16H64 240c8.8 0 16 7.2 16 16s-7.2 16-16 16H64 16c-8.8 0-16 7.2-16 16s7.2 16 16 16H64 208c8.8 0 16 7.2 16 16s-7.2 16-16 16H64V416c0 53 43 96 96 96s96-43 96-96H384c0 53 43 96 96 96s96-43 96-96h32c17.7 0 32-14.3 32-32s-14.3-32-32-32V288 256 237.3c0-17-6.7-33.3-18.7-45.3L512 114.7c-12-12-28.3-18.7-45.3-18.7H416V48c0-26.5-21.5-48-48-48H112zM544 237.3V256H416V160h50.7L544 237.3zM160 368a48 48 0 1 1 0 96 48 48 0 1 1 0-96zm272 48a48 48 0 1 1 96 0 48 48 0 1 1 -96 0z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-arrow-right\" viewBox=\"0 0 448 512\"><path d=\"M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224 32 224c-17.7 0-32 14.3-32 32s14.3 32 32 32l306.7 0L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-arrow-down\" viewBox=\"0 0 384 512\"><path d=\"M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L224 370.8 224 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z\"\/><\/symbol>\r\n  <symbol id=\"rab-i-whatsapp\" viewBox=\"0 0 448 512\"><path d=\"M380.9 97.1C339 55.1 283.2 32 223.9 32c-122.4 0-222 99.6-222 222 0 39.1 10.2 77.3 29.6 111L0 480l117.7-30.9c32.4 17.7 68.9 27 106.1 27h.1c122.3 0 224.1-99.6 224.1-222 0-59.3-25.2-115-67.1-157zm-157 341.6c-33.2 0-65.7-8.9-94-25.7l-6.7-4-69.8 18.3L72 359.2l-4.4-7c-18.5-29.4-28.2-63.3-28.2-98.2 0-101.7 82.8-184.5 184.6-184.5 49.3 0 95.6 19.2 130.4 54.1 34.8 34.9 56.2 81.2 56.1 130.5 0 101.8-84.9 184.6-186.6 184.6zm101.2-138.2c-5.5-2.8-32.8-16.2-37.9-18-5.1-1.9-8.8-2.8-12.5 2.8-3.7 5.6-14.3 18-17.6 21.8-3.2 3.7-6.5 4.2-12 1.4-32.6-16.3-54-29.1-75.5-66-5.7-9.8 5.7-9.1 16.3-30.3 1.8-3.7.9-6.9-.5-9.7-1.4-2.8-12.5-30.1-17.1-41.2-4.5-10.8-9.1-9.3-12.5-9.5-3.2-.2-6.9-.2-10.6-.2-3.7 0-9.7 1.4-14.8 6.9-5.1 5.6-19.4 19-19.4 46.3 0 27.3 19.9 53.7 22.6 57.4 2.8 3.7 39.1 59.7 94.8 83.8 35.2 15.2 49 16.5 66.6 13.9 10.7-1.6 32.8-13.4 37.4-26.4 4.6-13 4.6-24.1 3.2-26.4-1.3-2.5-5-3.9-10.5-6.6z\"\/><\/symbol>\r\n <\/svg>\r\n\r\n <!-- 1. HERO -->\r\n <section class=\"rab-hero\" aria-label=\"Introduction\">\r\n  <div class=\"rab-wrap\">\r\n   <div class=\"rab-ey rab-rv\">About Royales<\/div>\r\n   <h1 class=\"rab-h1\" aria-label=\"Time, choosen with care.\">\r\n    <span class=\"rab-l\" aria-hidden=\"true\">Time, choosen<\/span>\r\n    <span class=\"rab-l\" aria-hidden=\"true\"><em>with care.<\/em><\/span>\r\n   <\/h1>\r\n   <div class=\"rab-hero-foot\">\r\n    <p class=\"rab-lede rab-rv\" style=\"--d:500ms\">Royales is an online watch house built for Pakistan on one simple promise: every watch we sell is genuine, checked by hand and delivered with the care it deserves.<\/p>\r\n    <a class=\"rab-scroll rab-rv\" style=\"--d:650ms\" href=\"#rab-story\">Our story <i><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-arrow-down\"\/><\/svg><\/i><\/a>\r\n   <\/div>\r\n  <\/div>\r\n <\/section>\r\n\r\n <!-- 2. MANIFESTO -->\r\n <section class=\"rab-mani\" id=\"rab-story\" aria-label=\"Our belief\">\r\n  <div class=\"rab-wrap\">\r\n   <div class=\"rab-ey rab-rv\">What we believe<\/div>\r\n   <p><span class=\"rab-w\">We<\/span> <span class=\"rab-w\">believe<\/span> <span class=\"rab-w\">a<\/span> <span class=\"rab-w\">watch<\/span> <span class=\"rab-w\">is<\/span> <span class=\"rab-w\">more<\/span> <span class=\"rab-w\">than<\/span> <span class=\"rab-w\">a<\/span> <span class=\"rab-w\">way<\/span> <span class=\"rab-w\">to<\/span> <span class=\"rab-w\">tell<\/span> <span class=\"rab-w\">time.<\/span> <span class=\"rab-w\">It<\/span> <span class=\"rab-w\">is<\/span> <span class=\"rab-w\">the<\/span> <span class=\"rab-w\">piece<\/span> <span class=\"rab-w\">you<\/span> <span class=\"rab-w\">reach<\/span> <span class=\"rab-w\">for<\/span> <span class=\"rab-w\">on<\/span> <span class=\"rab-w\">important<\/span> <span class=\"rab-w\">days,<\/span> <span class=\"rab-w\">the<\/span> <span class=\"rab-w\">gift<\/span> <span class=\"rab-w\">that<\/span> <span class=\"rab-w\">gets<\/span> <span class=\"rab-w\">passed<\/span> <span class=\"rab-w\">down,<\/span> <span class=\"rab-w\">the<\/span> <span class=\"rab-w\">detail<\/span> <span class=\"rab-w\">people<\/span> <span class=\"rab-w\">notice.<\/span> <span class=\"rab-w\">So<\/span> <span class=\"rab-w\">we<\/span> <span class=\"rab-w\">only<\/span> <span class=\"rab-w\">sell<\/span> <span class=\"rab-w\">watches<\/span> <span class=\"rab-w\">we<\/span> <span class=\"rab-w\">would<\/span> <span class=\"rab-w\">wear<\/span> <span class=\"rab-w gold\">ourselves,<\/span> <span class=\"rab-w\">and<\/span> <span class=\"rab-w\">we<\/span> <span class=\"rab-w\">treat<\/span> <span class=\"rab-w\">every<\/span> <span class=\"rab-w\">order<\/span> <span class=\"rab-w\">as<\/span> <span class=\"rab-w\">if<\/span> <span class=\"rab-w\">it<\/span> <span class=\"rab-w\">were<\/span> <span class=\"rab-w\">our<\/span> <span class=\"rab-w gold\">own.<\/span><\/p>\r\n  <\/div>\r\n <\/section>\r\n\r\n <!-- 3. JOURNEY -->\r\n <section class=\"rab-jour\" aria-label=\"How we work\">\r\n  <div class=\"rab-wrap\">\r\n   <div class=\"rab-jour-head\">\r\n    <div class=\"rab-rv\">\r\n     <div class=\"rab-ey\">How we work<\/div>\r\n     <h2 class=\"rab-h2\">From our hands <em>to your wrist<\/em><\/h2>\r\n    <\/div>\r\n    <p class=\"rab-rv\" style=\"--d:120ms\">Every order follows the same four steps, whether it is your first watch or your fifth.<\/p>\r\n   <\/div>\r\n   <ol class=\"rab-steps\">\r\n    <li class=\"rab-step rab-3d\" style=\"--d:0ms\">\r\n     <span class=\"rab-step-n\" aria-hidden=\"true\">01<\/span>\r\n     <span class=\"rab-step-ic\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-gem\"\/><\/svg><\/span>\r\n     <h3>Sourced<\/h3>\r\n     <p>We work only with trusted suppliers and brands, so every piece starts from a genuine source.<\/p>\r\n    <\/li>\r\n    <li class=\"rab-step rab-3d\" style=\"--d:140ms\">\r\n     <span class=\"rab-step-n\" aria-hidden=\"true\">02<\/span>\r\n     <span class=\"rab-step-ic\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-magnifying-glass\"\/><\/svg><\/span>\r\n     <h3>Checked by hand<\/h3>\r\n     <p>Each watch is inspected for finishing, movement and timekeeping before it is listed.<\/p>\r\n    <\/li>\r\n    <li class=\"rab-step rab-3d\" style=\"--d:280ms\">\r\n     <span class=\"rab-step-n\" aria-hidden=\"true\">03<\/span>\r\n     <span class=\"rab-step-ic\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-box-open\"\/><\/svg><\/span>\r\n     <h3>Packed with care<\/h3>\r\n     <p>Wrapped and boxed securely, ready to be gifted or worn straight away.<\/p>\r\n    <\/li>\r\n    <li class=\"rab-step rab-3d\" style=\"--d:420ms\">\r\n     <span class=\"rab-step-n\" aria-hidden=\"true\">04<\/span>\r\n     <span class=\"rab-step-ic\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-truck-fast\"\/><\/svg><\/span>\r\n     <h3>Delivered to you<\/h3>\r\n     <p>Fast delivery across Pakistan, with cash on delivery or Easypaisa.<\/p>\r\n    <\/li>\r\n   <\/ol>\r\n  <\/div>\r\n <\/section>\r\n\r\n <!-- 4. VALUES -->\r\n <section class=\"rab-vals-sec\" aria-label=\"Our values\">\r\n  <div class=\"rab-wrap\">\r\n   <div class=\"rab-head rab-rv\">\r\n    <div class=\"rab-ey\">Our values<\/div>\r\n    <h2 class=\"rab-h2\">What we <em>stand for<\/em><\/h2>\r\n   <\/div>\r\n   <ul class=\"rab-vals\">\r\n    <li class=\"rab-val rab-3d\" style=\"--d:0ms\">\r\n     <div class=\"rab-val-in\">\r\n      <span class=\"rab-val-ic\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-certificate\"\/><\/svg><\/span>\r\n      <h3>Authenticity<\/h3>\r\n      <p>Genuine watches only, sourced from trusted channels and checked before they ship.<\/p>\r\n     <\/div>\r\n    <\/li>\r\n    <li class=\"rab-val rab-3d\" style=\"--d:120ms\">\r\n     <div class=\"rab-val-in\">\r\n      <span class=\"rab-val-ic\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-scale-balanced\"\/><\/svg><\/span>\r\n      <h3>Honesty<\/h3>\r\n      <p>Clear prices and clear policies, with no surprises waiting at checkout.<\/p>\r\n     <\/div>\r\n    <\/li>\r\n    <li class=\"rab-val rab-3d\" style=\"--d:240ms\">\r\n     <div class=\"rab-val-in\">\r\n      <span class=\"rab-val-ic\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-hand-holding-heart\"\/><\/svg><\/span>\r\n      <h3>Care<\/h3>\r\n      <p>From packaging to delivery, every detail is handled the way we would want it.<\/p>\r\n     <\/div>\r\n    <\/li>\r\n    <li class=\"rab-val rab-3d\" style=\"--d:360ms\">\r\n     <div class=\"rab-val-in\">\r\n      <span class=\"rab-val-ic\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-headset\"\/><\/svg><\/span>\r\n      <h3>Support<\/h3>\r\n      <p>Real people on WhatsApp, before you order and long after it arrives.<\/p>\r\n     <\/div>\r\n    <\/li>\r\n   <\/ul>\r\n  <\/div>\r\n <\/section>\r\n\r\n <!-- 5. PROMISE -->\r\n <section class=\"rab-prom\" aria-label=\"Our promise\">\r\n  <div class=\"rab-wrap\">\r\n   <figure class=\"rab-quote rab-glass rab-3d\">\r\n    <div class=\"rab-qm\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-gem\"\/><\/svg><\/div>\r\n    <blockquote>We would rather lose a sale than sell a watch we do not believe in.<\/blockquote>\r\n    <figcaption><cite>The Royales team<\/cite><\/figcaption>\r\n   <\/figure>\r\n  <\/div>\r\n <\/section>\r\n\r\n <!-- 6. CALL TO ACTION -->\r\n <section class=\"rab-cta\" aria-label=\"Shop\">\r\n  <div class=\"rab-wrap rab-rv\">\r\n   <div class=\"rab-ey\">Your next watch<\/div>\r\n   <h2 class=\"rab-h2\">Find the watch that <em>feels like yours<\/em><\/h2>\r\n   <div class=\"rab-btns\">\r\n    <a class=\"rab-btn rab-btn--gold\" href=\"\/shop\/\"><span>Shop the collection<\/span><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-arrow-right\"\/><\/svg><\/a>\r\n    <a class=\"rab-btn rab-btn--line\" href=\"https:\/\/wa.me\/923099166252\" target=\"_blank\" rel=\"noopener\"><svg class=\"rab-svg\" aria-hidden=\"true\" focusable=\"false\"><use href=\"#rab-i-whatsapp\"\/><\/svg><span>Talk to us on WhatsApp<\/span><\/a>\r\n   <\/div>\r\n  <\/div>\r\n <\/section>\r\n<\/main>\r\n\r\n<script>\r\n(function(){\r\n var root=document.getElementById('rab');\r\n if(!root||root.getAttribute('data-ready'))return;root.setAttribute('data-ready','1');\r\n root.classList.add('rab-js');\r\n var reduce=window.matchMedia&&matchMedia('(prefers-reduced-motion:reduce)').matches;\r\n var fine=window.matchMedia&&matchMedia('(hover:hover) and (pointer:fine)').matches;\r\n\r\n \/* hero headline: letters rise in 3D once *\/\r\n var k=0;\r\n [].forEach.call(root.querySelectorAll('.rab-h1 .rab-l'),function(line){\r\n  var nodes=[].slice.call(line.childNodes);line.textContent='';\r\n  nodes.forEach(function(n){\r\n   var txt=n.textContent,wrap=n.nodeType===1?n.cloneNode(false):null,target=wrap||line;\r\n   txt.split(\/(\\s+)\/).forEach(function(part){\r\n    if(!part)return;if(\/^\\s+$\/.test(part)){target.appendChild(document.createTextNode(' '));return}\r\n    var w=document.createElement('span');w.style.display='inline-block';w.style.whiteSpace='nowrap';\r\n    for(var i=0;i<part.length;i++){var c=document.createElement('span');c.className='rab-ch';c.textContent=part[i];c.style.setProperty('--d',(120+k*35)+'ms');k++;w.appendChild(c)}\r\n    target.appendChild(w);\r\n   });\r\n   if(wrap)line.appendChild(wrap);\r\n  });\r\n });\r\n requestAnimationFrame(function(){requestAnimationFrame(function(){root.classList.add('go')})});\r\n\r\n \/* 3D reveals when each block enters the screen *\/\r\n var els=[].slice.call(root.querySelectorAll('.rab-rv,.rab-3d'));\r\n if('IntersectionObserver' in window){\r\n  var io=new IntersectionObserver(function(en){en.forEach(function(e){if(e.isIntersecting){e.target.classList.add('in');io.unobserve(e.target)}})},{threshold:.18,rootMargin:'0px 0px -6% 0px'});\r\n  els.forEach(function(e){io.observe(e)});\r\n }else els.forEach(function(e){e.classList.add('in')});\r\n setTimeout(function(){els.forEach(function(e){var r=e.getBoundingClientRect();if(r.top<innerHeight&&r.bottom>0)e.classList.add('in')})},2500);\r\n\r\n \/* manifesto: words light up one by one as you scroll *\/\r\n var mani=root.querySelector('.rab-mani p'),words=mani?[].slice.call(mani.querySelectorAll('.rab-w')):[],lit=-1,tk=false;\r\n function light(){tk=false;if(!mani)return;var r=mani.getBoundingClientRect(),vh=innerHeight;\r\n  var p=Math.min(1,Math.max(0,(vh*.85-r.top)\/(r.height+vh*.35))),n=Math.round(p*words.length);\r\n  if(n===lit)return;lit=n;for(var i=0;i<words.length;i++)words[i].classList.toggle('on',i<n)}\r\n if(reduce)words.forEach(function(w){w.classList.add('on')});\r\n else{addEventListener('scroll',function(){if(!tk){tk=true;requestAnimationFrame(light)}},{passive:true});light()}\r\n\r\n \/* value cards tilt in 3D with the mouse *\/\r\n if(fine&&!reduce){\r\n  [].forEach.call(root.querySelectorAll('.rab-val-in'),function(c){\r\n   var pend=false,ex=0,ey=0;\r\n   c.addEventListener('pointermove',function(e){ex=e.clientX;ey=e.clientY;if(pend)return;pend=true;requestAnimationFrame(function(){pend=false;var r=c.getBoundingClientRect();\r\n    c.style.setProperty('--ry',(((ex-r.left)\/r.width-.5)*14).toFixed(2)+'deg');c.style.setProperty('--rx',((.5-(ey-r.top)\/r.height)*12).toFixed(2)+'deg')})});\r\n   c.addEventListener('pointerleave',function(){c.style.setProperty('--rx','0deg');c.style.setProperty('--ry','0deg')});\r\n  });\r\n }\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>About Royales Time, choosen with care. Royales is an online watch house built for Pakistan on one simple promise: every<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1641","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/royales.pk\/index.php\/wp-json\/wp\/v2\/pages\/1641","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/royales.pk\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/royales.pk\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/royales.pk\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/royales.pk\/index.php\/wp-json\/wp\/v2\/comments?post=1641"}],"version-history":[{"count":4,"href":"https:\/\/royales.pk\/index.php\/wp-json\/wp\/v2\/pages\/1641\/revisions"}],"predecessor-version":[{"id":1645,"href":"https:\/\/royales.pk\/index.php\/wp-json\/wp\/v2\/pages\/1641\/revisions\/1645"}],"wp:attachment":[{"href":"https:\/\/royales.pk\/index.php\/wp-json\/wp\/v2\/media?parent=1641"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}