/*
Theme Name: talal.com
Author: Talal
Description: Futuristic multilingual landing page for talal.com.
Version: 1.2.0
Text Domain: talal-com
*/
:root{--ink:#eefcff;--space:#07090d;--cyan:#6de8ff;--violet:#997cff;--pointer-x:50%;--pointer-y:50%;--tilt-x:0deg;--tilt-y:0deg}*,*::before,*::after{box-sizing:border-box}html{min-height:100%;background:var(--space)}body{min-width:320px;min-height:100vh;min-height:100svh;margin:0;overflow:hidden;color:var(--ink);background:radial-gradient(circle at 50% 42%,#101824 0,#090c12 32rem,var(--space) 70%);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}.domain-stage{position:relative;display:grid;min-height:100vh;min-height:100svh;place-items:center;padding:clamp(1.5rem,5vw,4rem);overflow:hidden;isolation:isolate;touch-action:pan-x pan-y}.domain-stage::before{position:absolute;inset:clamp(.8rem,2.4vw,1.8rem);border:1px solid rgba(109,232,255,.09);content:"";pointer-events:none}.future-grid{position:absolute;z-index:-4;inset:-20%;background-image:linear-gradient(rgba(109,232,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(109,232,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at center,#000,transparent 67%);transform:perspective(700px) rotateX(63deg) translateY(28%);animation:grid-drift 16s linear infinite;pointer-events:none}@keyframes grid-drift{to{background-position:0 64px,64px 0}}.interaction-glow{position:absolute;z-index:-3;left:var(--pointer-x);top:var(--pointer-y);width:clamp(16rem,40vw,36rem);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(109,232,255,.14),rgba(153,124,255,.055) 38%,transparent 70%);filter:blur(12px);transform:translate(-50%,-50%);transition:left .3s ease-out,top .3s ease-out;pointer-events:none}.domain-stage.is-pressed .interaction-glow{animation:touch-pulse .7s ease-out}@keyframes touch-pulse{0%{opacity:.6;transform:translate(-50%,-50%) scale(.65)}40%{opacity:1}100%{opacity:.75;transform:translate(-50%,-50%) scale(1.28)}}.orbit{position:absolute;z-index:-2;left:50%;top:50%;border:1px solid rgba(109,232,255,.14);border-radius:50%;pointer-events:none}.orbit::before{position:absolute;top:50%;left:-3px;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:var(--cyan);box-shadow:0 0 10px var(--cyan),0 0 24px rgba(109,232,255,.65);content:""}.orbit--one{width:min(76vw,68rem);aspect-ratio:1/.36;transform:translate(-50%,-50%) rotate(-8deg);animation:orbit-breathe 6s ease-in-out infinite}.orbit--two{width:min(59vw,50rem);aspect-ratio:1/.48;border-color:rgba(153,124,255,.12);transform:translate(-50%,-50%) rotate(18deg);animation:orbit-breathe 6s 1.4s ease-in-out infinite reverse}.orbit--two::before{right:-3px;left:auto;background:var(--violet);box-shadow:0 0 10px var(--violet),0 0 24px rgba(153,124,255,.65)}@keyframes orbit-breathe{0%,100%{opacity:.42}50%{opacity:1}}.domain-card{width:min(100%,72rem);text-align:center;transform:perspective(900px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .22s ease-out}.domain-rotator{display:grid;min-height:clamp(8rem,20vw,15rem);place-items:center;perspective:900px}.domain-link{position:relative;display:inline-flex;max-width:100%;color:var(--ink);font-family:Georgia,"Times New Roman","Noto Naskh Arabic",serif;font-size:clamp(2.6rem,9.5vw,8.75rem);font-weight:400;letter-spacing:-.055em;line-height:.95;text-decoration:none;transform-origin:center;transition:color .35s ease,text-shadow .35s ease;white-space:nowrap;animation:name-pulse 4.8s ease-in-out infinite}@keyframes name-pulse{0%,100%{text-shadow:0 0 16px rgba(109,232,255,.12),0 0 42px rgba(153,124,255,.06)}50%{text-shadow:0 0 21px rgba(109,232,255,.34),0 0 62px rgba(153,124,255,.2)}}.domain-link::before,.domain-link::after{position:absolute;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),var(--violet),transparent);content:"";opacity:0;transform:scaleX(.1);transition:opacity .35s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.domain-link::before{top:-.22em}.domain-link::after{bottom:-.22em}.domain-link:hover,.domain-link:focus-visible{color:#fff;text-shadow:0 0 20px rgba(109,232,255,.55),0 0 70px rgba(153,124,255,.25);outline:none}.domain-link:hover::before,.domain-link:hover::after,.domain-link:focus-visible::before,.domain-link:focus-visible::after{opacity:.75;transform:scaleX(1)}.domain-link.is-folding{animation:fold-domain .76s cubic-bezier(.65,0,.35,1) both}.domain-link[dir="rtl"]{letter-spacing:-.035em}@keyframes fold-domain{0%{opacity:1;filter:blur(0);transform:rotateX(0) scaleY(1)}43%{opacity:.7;filter:blur(1px);transform:rotateX(88deg) scaleY(.018)}50%{opacity:1;filter:drop-shadow(0 0 12px var(--cyan));transform:rotateX(90deg) scaleY(.01) scaleX(1.1)}57%{opacity:.7;filter:blur(1px);transform:rotateX(-88deg) scaleY(.018)}100%{opacity:1;filter:blur(0);transform:rotateX(0) scaleY(1)}}.domain-options{display:flex;justify-content:center;gap:.65rem;margin-top:clamp(.9rem,2vw,1.4rem)}.domain-option{position:relative;width:2.6rem;height:2.6rem;padding:0;border:0;background:transparent;cursor:pointer}.domain-option::before{position:absolute;top:50%;left:50%;width:.25rem;height:.25rem;border:1px solid rgba(238,252,255,.5);border-radius:50%;content:"";transform:translate(-50%,-50%);transition:background .25s ease,box-shadow .25s ease,transform .25s ease}.domain-option:hover::before,.domain-option:focus-visible::before,.domain-option.is-active::before{background:var(--cyan);border-color:var(--cyan);box-shadow:0 0 10px var(--cyan);transform:translate(-50%,-50%) scale(1.5)}.domain-option:focus-visible{outline:1px solid rgba(109,232,255,.55);outline-offset:-5px}@media(max-width:600px){.domain-stage::before{inset:.65rem}.domain-link{font-size:clamp(2.5rem,14vw,4.7rem)}.future-grid{background-size:42px 42px}.orbit--one{width:125vw}.orbit--two{width:102vw}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
