:root{--gold:#e5b94f;--cream:#fff9e9}*{box-sizing:border-box}html{background:#011914;min-width:320px}body{min-height:100vh;color:var(--cream);margin:0;font-family:Arial,Segoe UI,Tahoma,sans-serif;overflow-x:hidden}a{color:inherit}.site-shell{isolation:isolate;background:radial-gradient(circle at 50% 12%,#0b5a45 0%,#032b23 39%,#011813 76%);place-items:center;min-height:100svh;padding:34px 18px;display:grid;position:relative;overflow-x:clip}.three-canvas{z-index:-3;position:absolute;inset:0}.three-canvas canvas{width:100%;height:100%;display:block}.vignette{z-index:-2;pointer-events:none;background:radial-gradient(circle,#0000 30%,#00100d8c 100%),linear-gradient(#0000000d,#00000052);position:absolute;inset:0}.site-shell:after{content:"";z-index:-1;pointer-events:none;opacity:.15;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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:absolute;inset:0}.experience{text-align:center;perspective:1200px;width:min(100%,780px)}.brand-object{aspect-ratio:.9;width:clamp(138px,22vw,174px);transform-style:preserve-3d;margin:0 auto 30px;animation:5s ease-in-out infinite float-logo;position:relative}.brand-face{z-index:2;direction:ltr;background:linear-gradient(145deg,#146f55f2,#043027f7);border:3px solid #ffffffeb;border-radius:32px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden;transform:translateZ(18px);box-shadow:inset 2px 2px #ffffff38,0 26px 55px #00000061}.brand-face:after{content:"";background:linear-gradient(#ffffff2e,#0000);border-radius:28px;height:45%;position:absolute;inset:5px 8px auto}.brand-depth{transform-origin:top;background:linear-gradient(#04362b,#011c17);border-radius:0 0 28px 28px;height:36px;position:absolute;bottom:-17px;left:10px;right:10px;transform:rotateX(-76deg);box-shadow:0 20px 32px #00000061}.brand-saudi{z-index:1;margin-bottom:2px;font-size:clamp(27px,4.6vw,36px);font-weight:900;line-height:1}.brand-number{z-index:1;letter-spacing:.03em;font-size:clamp(40px,6.5vw,53px);font-weight:900;line-height:.94}.brand-gold,.brand-copy h1 span{color:var(--gold)}.brand-copy h1{letter-spacing:-.045em;text-shadow:0 8px 24px #0000007a;direction:ltr;margin:0;font-size:clamp(30px,6.2vw,50px);font-weight:900;line-height:1}.brand-copy .official-label{color:#fff9e9b3;letter-spacing:.08em;margin:10px 0 18px;font-size:15px}.brand-tagline{color:#fff9e9;letter-spacing:0;text-wrap:balance;text-shadow:0 4px 18px #00000061;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(145deg,#e5b94f1f,#04342a4d);border:1px solid #e5b94f57;border-radius:22px;width:min(100%,690px);margin:0 auto 34px;padding:17px 24px 18px;font-size:clamp(18px,3vw,25px);line-height:1.75;position:relative;box-shadow:inset 0 1px #ffffff1a,0 18px 38px #0000002e}.brand-tagline strong{font-weight:900}.social-stage{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transform-style:preserve-3d;direction:ltr;background:linear-gradient(145deg,#094637c2,#011914db);border:1px solid #e5b94f47;border-radius:32px;grid-template-columns:repeat(7,minmax(0,1fr));gap:clamp(10px,1.55vw,16px);padding:clamp(20px,2.8vw,28px);display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #e5b94f1a,0 30px 72px #00000061}.social-stage:after{content:"";background:linear-gradient(#063a2e,#011c16);border:1px solid #e5b94f2e;border-top:0;border-radius:0 0 24px 24px;height:15px;position:absolute;bottom:-10px;left:4%;right:4%;box-shadow:0 14px 25px #0000004d}.social-link{--brand-top:#195e4e;--brand-bottom:#07342b;--brand-depth:#021b16;--icon:#fff;z-index:1;aspect-ratio:1.16;min-width:0;color:var(--icon);transform-style:preserve-3d;animation:.65s cubic-bezier(.2,.8,.2,1) both rise-in;animation-delay:calc(var(--order) * 55ms);-webkit-tap-highlight-color:transparent;transition:transform .24s cubic-bezier(.2,.8,.2,1),filter .24s;display:block;position:relative}.button-face{z-index:2;background:linear-gradient(145deg, var(--brand-top) 0%, var(--brand-bottom) 100%);border:1px solid #efcb6ad1;border-radius:clamp(14px,1.6vw,20px);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;transform:translateZ(8px);box-shadow:inset 1px 2px #ffffff47,inset -2px -4px 6px #00000047,0 12px 24px #0000004d}.button-face:before{content:"";border-radius:inherit;opacity:.72;pointer-events:none;background:linear-gradient(#fff3,#0000);height:42%;position:absolute;inset:2px 5px auto}.button-face:after{content:"";filter:blur(4px);pointer-events:none;background:radial-gradient(#0003,#0000 70%);border-radius:50%;height:18%;position:absolute;inset:auto 12% 7%}.button-depth{z-index:0;background:linear-gradient(180deg, var(--brand-depth), #160f06 100%);border:1px solid #e5b94f52;border-radius:clamp(14px,1.6vw,20px);position:absolute;inset:7px 4px -9px;transform:translateZ(-5px);box-shadow:0 14px 19px #0006}.social-link:hover{z-index:3;filter:brightness(1.09)saturate(1.08);transform:translateY(-9px)translateZ(28px)rotateX(-5deg)scale(1.035)}.social-link:active{transform:translateY(3px)translateZ(4px)scale(.98)}.social-link:focus-visible{outline:3px solid var(--gold);outline-offset:7px;border-radius:20px}.icon-face{z-index:3;aspect-ratio:1;filter:drop-shadow(0 6px 5px #00000061);place-items:center;width:68%;display:grid;position:relative}.icon-face svg{width:100%;height:100%}.instagram{--brand-top:#ff4f83;--brand-bottom:#7b3bc4;--brand-depth:#3e176b;--icon:#fff}.instagram .button-face{background:radial-gradient(circle at 30% 105%,#ffd86f 0 19%,#ff6b55 33%,#d93f91 52%,#7b3bc4 76%,#414bd1 100%)}.instagram .icon-face{width:65%}.snapchat{--brand-top:#fff45a;--brand-bottom:#f0cf00;--brand-depth:#877100;--icon:#fff}.snapchat .icon-face{filter:drop-shadow(0 0 2px #111)drop-shadow(0 6px 4px #00000052);width:64%}.tiktok{--brand-top:#282b31;--brand-bottom:#040507;--brand-depth:#000;--icon:#fff}.tiktok .icon-face{filter:drop-shadow(3px 2px #fe2c55)drop-shadow(-3px -2px #25f4ee)drop-shadow(0 6px 4px #00000080);width:66%}.x-social{--brand-top:#30343a;--brand-bottom:#050607;--brand-depth:#000;--icon:#fff}.x-social .icon-face{width:66%}.pinterest{--brand-top:#ff3047;--brand-bottom:#bd001c;--brand-depth:#6e0010;--icon:#fff}.pinterest .icon-face{width:65%}.facebook{--brand-top:#4c9af0;--brand-bottom:#1454ad;--brand-depth:#082d64;--icon:#fff}.facebook .icon-face{width:64%}.youtube{--brand-top:#ff344e;--brand-bottom:#cf001f;--brand-depth:#730011;--icon:#fff}.youtube .icon-face{width:80%}.share-area{justify-content:center;margin-top:30px;display:flex}.share-button{color:#0b2f27;min-width:min(100%,300px);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:linear-gradient(145deg,#f4d980,#d8a936 62%,#b9851e);border:1px solid #f2d27e;border-radius:999px;justify-content:center;align-items:center;gap:11px;padding:13px 24px 14px;font-size:16px;font-weight:900;transition:transform .2s,filter .2s,box-shadow .2s;display:inline-flex;box-shadow:inset 1px 2px #ffffff8c,inset -2px -3px 4px #5a350038,0 9px #6e4c10,0 18px 32px #0000004d}.share-button svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;width:21px;height:21px}.share-button:hover{filter:brightness(1.07);transform:translateY(-3px);box-shadow:inset 1px 2px #ffffff8c,inset -2px -3px 4px #5a350038,0 11px #6e4c10,0 21px 35px #00000052}.share-button:active{transform:translateY(6px);box-shadow:inset 1px 2px #ffffff73,0 3px #6e4c10,0 9px 16px #00000047}.share-button:focus-visible{outline-offset:5px;outline:3px solid #fff}@keyframes float-logo{0%,to{transform:translateY(0)rotateY(-6deg)rotateX(-2deg)}50%{transform:translateY(-12px)rotateY(7deg)rotateX(2deg)}}@keyframes rise-in{0%{opacity:0;transform:translateY(22px)translateZ(-20px)scale(.88)}to{opacity:1;transform:translateY(0)translateZ(0)scale(1)}}@media (max-width:600px){.site-shell{padding:25px 12px 28px}.experience{width:min(100%,470px)}.social-stage{border-radius:25px;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px 9px;padding:18px 13px 24px}.button-face,.button-depth{border-radius:15px}.brand-copy .official-label{margin-bottom:15px}.brand-tagline{border-radius:18px;margin-bottom:27px;padding:15px 17px 16px;font-size:clamp(17px,5.1vw,21px);line-height:1.65}.share-area{margin-top:26px;padding-inline:12px}.share-button{width:min(100%,290px);min-width:0}}@media (max-width:370px){.social-stage{gap:10px 7px;padding-inline:10px}.button-face,.button-depth{border-radius:13px}}@media (prefers-reduced-motion:reduce){.brand-object,.social-link{transition:none;animation:none}}