:root{color-scheme:dark;--bg:#180f20;--panel:#2d2036;--muted:#c8b8d0;--accent:#cda8ef;--white:#faf7fc;--vh:100svh}*{box-sizing:border-box}body{margin:0;color:var(--white);background:radial-gradient(ellipse at 20% 0%,#52325588,transparent 60%),var(--bg);font-family:Tahoma,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #ead6ff;outline-offset:4px}.defs{position:absolute;width:0;height:0;overflow:hidden}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.stage{min-height:var(--vh);display:flex;align-items:center;justify-content:center;padding:12px}.card{width:min(100%,430px);position:relative;padding:18px 20px 14px;border:1px solid #cda8ef25;border-radius:30px;background:linear-gradient(155deg,#ffffff07,transparent 65%);box-shadow:0 25px 100px #0004;transform-origin:top center}header{display:flex;justify-content:space-between;align-items:center;direction:ltr}.square{height:40px;width:40px;border:1px solid #ffffff20;border-radius:13px;background:#ffffff06;display:inline-grid;place-items:center;font-size:12px;font-weight:bold}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--muted)}.hero{text-align:center;margin:4px 0 20px}.brand-orbit{width:112px;height:112px;margin:0 auto;position:relative;display:grid;place-items:center}.brand-orbit:before,.brand-orbit:after{content:'';position:absolute;inset:6px;border:1px solid #cda8ef30;border-radius:50%;animation:pulse 6s ease-out infinite}.brand-orbit:after{animation-delay:1s}.logo{width:92px;height:92px;object-fit:contain;filter:url(#white-logo)}.brandname{letter-spacing:6px;font-size:26px;font-weight:bold;margin:1px 0}.arabic-brand{font-size:10px;color:var(--muted);margin:7px 0 17px}h1{font-size:24px;line-height:1.5;margin:0;font-weight:700;letter-spacing:-.7px}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:11px;color:var(--muted);margin:9px 0 0;line-height:1.6}nav{display:grid;gap:10px}.row{position:relative;display:flex;width:100%;gap:12px;align-items:center;text-align:start;padding:12px 14px;min-height:66px;border:1px solid #cda8ef28;border-radius:18px;background:linear-gradient(120deg,#ffffff07,#ffffff02);transition:background .2s,transform .2s,border-color .2s}.row:hover{transform:translateY(-2px);border-color:#cda8ef80;background-color:#ffffff08}.row:active{transform:scale(.985)}.row>.icon:last-child{margin-inline-start:auto;width:17px;opacity:.65}.tile{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cda8ef33;background:#cda8ef09;border-radius:12px;color:var(--accent);flex-shrink:0}.words{display:grid;gap:5px}.words strong{font-size:15px}.words small{font-size:10px;color:var(--muted)}.primary{background:linear-gradient(110deg,#e3cff2,#b994d4);color:#281933;border-color:#e9d8f7;box-shadow:0 6px 28px #bb8edd16;overflow:hidden}.primary .tile{color:#382240;border-color:#54306230;background:#ffffff30}.primary small{color:#503d60}.primary:after{content:'';position:absolute;inset:-100% auto -100% -70%;width:30%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:rotate(20deg);animation:shine 1s 1.1s both;pointer-events:none}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.social-grid .row{font-size:12px;min-height:52px;gap:9px}.social-grid .icon{width:20px}.save{min-height:64px;border-color:#cda8ef65;background:linear-gradient(110deg,#70507944,#b17bcb15)}footer{margin-top:17px;text-align:center;color:#b8a3c3}footer>div:first-child{display:flex;justify-content:space-between;font-size:9px}footer>div:first-child>span:first-child{font-size:8px;letter-spacing:2px}footer small{font-size:9px}.signal{position:relative;height:19px;display:flex;align-items:center;justify-content:center;gap:5px}.signal:before,.signal:after{content:'';height:1px;width:30%;background:linear-gradient(90deg,transparent,#cda8ef40)}.signal:after{transform:rotate(180deg)}.signal i{width:3px;height:3px;border-radius:50%;background:#cda8ef;opacity:.4}.signal i:nth-child(2){animation:blink 4s infinite}.signal b{display:none}dialog{color:var(--white);width:min(94vw,500px);max-height:92svh;padding:24px;border-radius:28px;border:1px solid #cda8ef40;background:radial-gradient(ellipse at top right,#51345966,transparent 65%),#211628;box-shadow:0 30px 100px #0009;overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#0a0515c9;backdrop-filter:blur(9px)}dialog[open]{animation:modal-in .28s ease both}dialog.closing{animation:modal-out .2s ease both}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top .logo{width:62px;height:62px}h2{font-size:24px;line-height:1.5;margin:16px 0 22px}.tabs{display:flex;gap:5px;background:#11091c66;padding:5px;border-radius:13px;margin-bottom:18px}.tabs button{flex:1;padding:11px 4px;border:0;border-radius:9px;background:none;color:var(--muted);font-size:11px}.tabs button.active{background:#78588b55;color:white;box-shadow:0 1px 7px #0003}.package{border:1px solid #cda8ef25;border-radius:18px;padding:17px;margin:10px 0;background:#ffffff04}.package.featured{border-color:#b997d680;background:linear-gradient(140deg,#76528435,transparent)}.package-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.package h3{font-size:16px;margin:0}.price{font-size:30px;color:#e1c7f5;font-weight:bold;white-space:nowrap;direction:ltr}.price small{font-size:10px;font-weight:normal;margin-inline:5px}.package p,.note{color:var(--muted);font-size:12px;line-height:1.9}.actions{display:flex;gap:8px}.cta,.secondary{display:flex;justify-content:center;align-items:center;gap:9px;border-radius:11px;padding:12px;border:1px solid #cda8ef35;background:#ffffff05;font-size:12px;min-height:44px}.cta{background:#d6b9eb;color:#2b1936;font-weight:bold;flex:1}.secondary{color:#dac4e9}.contact-choice{padding:20px;margin:14px 0}.contact-choice strong{font-size:18px}.contact-choice small{font-size:17px;direction:ltr;display:block;margin-top:5px}.contact-choice .tile{width:50px;height:50px}.gallery-image{display:block;width:100%;height:min(49svh,440px);object-fit:contain;background:#100918;border-radius:14px;cursor:zoom-in}.gallery-label{font-size:14px;text-align:center;margin:13px 0}.gallery-controls{display:flex;align-items:center;justify-content:space-between;margin:12px 0;direction:ltr}.gallery-controls button{font-size:21px}#counter{font-size:11px;color:var(--muted)}#lightbox{width:96vw;max-width:1000px;background:#120c17}#lightbox .close{position:sticky;top:0;z-index:1}#lightbox img{display:block;width:100%;height:auto;margin-top:10px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,20px);background:#ead6f4;color:#281633;border-radius:12px;padding:12px 20px;opacity:0;pointer-events:none;transition:.2s;z-index:10;font-size:12px;max-width:90vw}#toast.show{opacity:1;transform:translate(-50%,0)}.hero,nav>.row,.social-grid,footer{animation:enter .6s both}.hero{animation-delay:.1s}nav>.row:nth-child(1){animation-delay:.25s}nav>.row:nth-child(2){animation-delay:.31s}nav>.row:nth-child(3){animation-delay:.37s}.social-grid{animation-delay:.43s}nav>.row:last-child{animation-delay:.49s}footer{animation-delay:.55s}@keyframes enter{from{opacity:0;translate:0 12px}to{opacity:1;translate:0 0}}@keyframes modal-in{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@keyframes modal-out{to{opacity:0;transform:translateY(14px)}}@keyframes pulse{0%{transform:scale(.8);opacity:0}20%{opacity:.5}70%,100%{transform:scale(1.2);opacity:0}}@keyframes blink{50%{opacity:1;box-shadow:0 0 10px #d5a8ee}}@keyframes shine{to{left:150%}}@media(max-height:760px){.card{padding:12px 16px}.hero{margin-bottom:13px}.brand-orbit{width:88px;height:88px}.hero .logo{width:77px;height:77px}.brandname{font-size:23px}.arabic-brand{margin:4px 0 10px}h1{font-size:22px}.row{min-height:60px;padding:9px 12px}nav{gap:8px}footer{margin-top:12px}.intro{margin-top:5px}}@media(min-width:700px){.stage{padding:24px}.card{box-shadow:0 0 150px #9b64c318}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
.stage{padding-top:max(12px,env(safe-area-inset-top));padding-bottom:max(12px,env(safe-area-inset-bottom))}html[lang=en] h1{font-size:21px;letter-spacing:-.7px}html[lang=en] .words strong{font-size:14px}html[lang=en] .words small{font-size:9px}

/* Three portrait samples; original artwork stays uncropped. */
#works{width:min(96vw,560px);padding:20px;overflow-x:hidden}
#works h2{margin:10px 0 16px}
#works .dialog-top .logo{width:52px;height:52px}
#works .tabs button{font-size:13px;line-height:1.6}
.gallery-deck{position:relative;height:clamp(210px,43svh,430px);margin:4px -14px 0;perspective:1000px;overflow:hidden;isolation:isolate;touch-action:pan-y pinch-zoom;direction:ltr}
.gallery-deck:before{content:'';position:absolute;inset:10% 12%;background:radial-gradient(ellipse,#b783dd23,transparent 70%);pointer-events:none}
.sample-card{position:absolute;top:50%;left:50%;height:94%;max-width:65%;width:auto;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:12px;background:transparent;opacity:0;transform:translate(-50%,-50%) scale(.6);transition:transform .48s cubic-bezier(.22,.75,.25,1),opacity .4s,filter .4s;pointer-events:none;will-change:transform}
.sample-card img{display:block;height:100%;max-width:100%;width:auto;object-fit:contain;border-radius:12px;box-shadow:0 16px 35px #0006;user-select:none;-webkit-user-drag:none}
.sample-card.current{transform:translate(-50%,-50%) scale(1);opacity:1;z-index:3;pointer-events:auto;cursor:zoom-in;filter:brightness(1)}
.sample-card.previous{transform:translate(-116%,-50%) scale(.76) rotateY(14deg);opacity:.65;z-index:2;pointer-events:auto;filter:brightness(.76)}
.sample-card.next{transform:translate(16%,-50%) scale(.76) rotateY(-14deg);opacity:.65;z-index:2;pointer-events:auto;filter:brightness(.76)}
.sample-card.hidden{visibility:hidden}
.sample-card.previous:hover,.sample-card.next:hover{opacity:.95;filter:brightness(.95)}
#works .gallery-label{font-size:14px;margin:12px 0 6px;min-height:20px}
#works .gallery-controls{margin:4px 0}
#works #counter{font-size:13px;letter-spacing:2px}
.gallery-hint{text-align:center;font-size:12px;line-height:1.6;color:var(--muted);margin:7px 0 14px}
@media(max-height:700px){#works{padding:14px}#works h2{font-size:21px;margin:5px 0 10px}#works .dialog-top .logo{width:42px;height:42px}#works .tabs{margin-bottom:8px}.gallery-deck{height:clamp(180px,37svh,300px)}.gallery-hint{margin:4px 0 9px}}

/* Uniform product photos above each product title. */
.product-image{display:block;width:100%;height:auto;aspect-ratio:1356/1160;object-fit:contain;background:#fff;border-radius:12px;margin:0 0 18px}.product-package{overflow:hidden}.product-package .package-head{gap:16px}.product-package h3{line-height:1.7}

.package-image{aspect-ratio:1536/904;background:#211628}.product-description{margin:12px 0 16px;font-size:14px!important;line-height:1.9}

.product-image.fade-pending,.package.fade-pending{opacity:0;transform:translateY(12px)}
.product-image.fade-visible,.package.fade-visible{animation:product-fade-in .55s ease-out both}
@keyframes product-fade-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.product-image.fade-pending,.package.fade-pending{opacity:1;transform:none}.product-image.fade-visible,.package.fade-visible{animation:none}}

.brandname{font-size:clamp(20px,5.5vw,25px);letter-spacing:3px;line-height:1.4}.arabic-brand{font-size:12px}