:root{--orange:#fc5405}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:#090909;color:#f5f4f0;font:16px Cairo,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #ff955f;outline-offset:5px}img{max-width:100%;display:block}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}.skip{position:fixed;top:-80px;background:white;color:black;z-index:100}.skip:focus{top:10px}header{max-width:1260px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #ffffff12}.brand{display:block;width:178px;padding:8px 12px;background:#fff;border-radius:9px;flex-shrink:0}.brand img{width:100%;height:auto}header nav{display:flex;gap:35px;font-size:14px;color:#ccc}header nav a:hover{color:var(--orange)}.contact-small{font-size:13px;border:1px solid #444;border-radius:30px;padding:9px 20px;white-space:nowrap}.hero{max-width:1260px;margin:auto;position:relative;padding:80px 32px 0;overflow:hidden;display:grid;grid-template-columns:1fr 1.1fr;gap:20px;align-items:center}.hero-copy{z-index:2}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;display:block;color:#c7c7c7}.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--orange);margin-left:9px;box-shadow:0 0 18px #fc5405}.orange{color:var(--orange);letter-spacing:1px}h1{font-size:clamp(45px,5.5vw,76px);line-height:1.3;letter-spacing:-2px;margin:22px 0}h1 em{font-style:normal;color:var(--orange)}.hero-copy p{color:#aaa;font-size:16px;line-height:2;max-width:470px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--orange);padding:14px 26px;border-radius:9px;font-weight:800;font-size:14px;transition:transform .25s,background .25s}.primary:hover{transform:translateY(-3px);background:#ff6b22}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.text-link{font-size:12px;color:#ccc}.showcase{height:520px;position:relative;direction:ltr;perspective:1200px}.orbit{position:absolute;border:1px solid #fc540549;border-radius:50%;width:470px;height:470px;top:30px;left:50%;transform:translateX(-50%);box-shadow:inset 0 0 60px #fc540511}.orbit.two{width:350px;height:350px;top:90px;border-color:#fc540528}.showcase:before{content:'';position:absolute;inset:15%;background:#fc54051a;filter:blur(70px);border-radius:50%}.screen{position:absolute;overflow:hidden;background:#171717;border:1px solid #555;border-radius:20px;padding:7px;box-shadow:0 25px 50px #0009}.screen img{width:100%;height:100%;object-fit:cover;object-position:top;border-radius:12px}.menu-screen{width:220px;height:420px;top:45px;left:50%;margin-left:-110px;z-index:3;transform:rotate(-5deg);animation:float-center 7s ease-in-out infinite}.camera{position:absolute;z-index:4;top:10px;left:50%;transform:translateX(-50%);background:#151515;width:65px;height:12px;border-radius:20px}.screen-caption{position:absolute;bottom:7px;left:7px;right:7px;padding:12px;background:#151515ee;font-size:11px;text-align:right;direction:rtl;border-radius:0 0 12px 12px}.screen-caption b{float:left;color:var(--orange)}.shop-screen{width:185px;height:340px;top:115px;left:0;transform:rotate(-12deg);animation:float-left 8s ease-in-out infinite}.screen-bar{height:23px;font:8px Arial;padding:7px 5px;color:#bdbdbd}.shop-screen img{height:calc(100% - 23px)}.booking-screen{width:192px;height:320px;right:0;top:120px;transform:rotate(11deg);animation:float-right 9s ease-in-out infinite}.booking{background:#f8f5ef;color:#202020;border-radius:10px;padding:14px 10px;direction:rtl;height:calc(100% - 23px)}.booking small{font-size:8px;color:#777}.booking h3{font-size:17px;margin:10px 0}.booking p{font-size:10px;margin:13px 0;color:#777}.calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:3px;text-align:center;font:9px Arial}.calendar small{font:7px Cairo}.calendar span{padding:5px 0}.selected{background:var(--orange);color:white;border-radius:5px}.times{display:flex;justify-content:space-between;font:9px Arial;margin-top:15px}.times span{padding:6px;border:1px solid #ddd;border-radius:5px}.confirm{display:block;text-align:center;background:#1b1b1b;color:white;font-size:9px;padding:8px;margin-top:17px;border-radius:6px}.floating-tag{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:10px;border:1px solid #555;background:#1b1b1b;padding:8px 15px;border-radius:30px;z-index:4}.floating-tag i{color:var(--orange);font-style:normal;margin-left:6px}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #252525;padding:34px 0 24px;font-size:13px;color:#909090}.hero-bottom i{font-style:normal;color:var(--orange);margin:0 20px}.hero-bottom>a{border:1px solid #444;border-radius:50%;width:38px;height:38px;display:grid;place-items:center}.section{max-width:1196px;margin:100px auto;padding:0 32px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:38px}.section-heading h2{font-size:44px;line-height:1.45;margin:15px 0 0;letter-spacing:-1px}.section-heading p{font-size:14px;color:#a3a3a3;line-height:1.9}.service-list{display:grid;gap:18px}.service{border:1px solid #303030;background:linear-gradient(110deg,#111,#1a1a1a);border-radius:18px;padding:30px;display:grid;grid-template-columns:1.4fr 1fr;gap:38px;overflow:hidden}.service-text{display:flex;gap:25px;align-items:start}.number{font:40px Arial;color:var(--orange);padding-top:6px}.service h3{font-size:24px;margin:0 0 12px}.service p{font-size:13px;color:#b1b1b1;line-height:1.9;margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin:18px 0}.tags span{font-size:9px;color:#c5c5c5;padding:4px 9px;border:1px solid #383838;border-radius:20px}.service-link{font-size:12px;color:#ff965f}.service-visual{height:230px;overflow:hidden;border-radius:12px;background:#282828;position:relative;display:flex;justify-content:center}.service-visual img{width:75%;height:auto;align-self:flex-start;transition:transform .6s}.service-visual:hover img{transform:translateY(-30px)}.service-visual>span{position:absolute;bottom:12px;background:#111e;border:1px solid #555;padding:6px 12px;border-radius:20px;font-size:11px}.booking-art{max-width:300px;width:100%;margin:auto}.booking-art .booking{padding:16px}.booking-art .booking h3{color:#222;font-size:18px;margin:8px 0}.booking-art .booking p{color:#777;font-size:10px;margin:8px 0}.booking-art>small{font-size:9px;color:#aaa;display:block;margin-top:6px}.filters{display:flex;gap:8px;margin-bottom:28px;flex-wrap:wrap}.filters button{border:1px solid #343434;background:transparent;color:#b4b4b4;padding:8px 18px;border-radius:30px;font-size:12px}.filters button.active{background:var(--orange);border-color:var(--orange);color:#fff}.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 22px}.project[hidden]{display:none}.project-image{height:300px;background:#222;border-radius:15px;overflow:hidden;position:relative;padding:22px 25px 0}.project-image img{width:100%;height:auto;box-shadow:0 10px 25px #0006;border-radius:10px 10px 0 0;transition:transform .6s}.project:hover img{transform:translateY(-20px)}.project-image>span{position:absolute;bottom:12px;left:12px;font-size:10px;background:#090909d9;border:1px solid #555;border-radius:20px;padding:6px 12px}.project-info{display:flex;align-items:center;justify-content:space-between;padding:12px 3px}.project-info small{font-size:10px;color:#999}.project-info h3{margin:4px 0;font-size:19px}.project-info>b{font-size:22px;color:var(--orange)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.steps article{border-top:1px solid #343434;padding-top:22px}.steps span{font:13px Arial;color:var(--orange)}.steps h3{font-size:18px}.steps p{font-size:13px;line-height:1.9;color:#aaa}.contact-section{max-width:1132px;margin:110px auto 65px;background:var(--orange);padding:55px 60px;border-radius:20px;display:grid;grid-template-columns:1.3fr 1fr;gap:55px;align-items:center;color:#fff}.contact-section .eyebrow{color:#ffdfd0}.contact-section h2{font-size:46px;line-height:1.4;margin:17px 0}.contact-section p{font-size:13px}.white{background:white;color:#151515;margin-top:15px}.white:hover{background:#ffe9df}.contact-details>span{display:block;font:10px Arial;letter-spacing:2px;color:#ffcbb4;margin:25px 0 7px}.contact-details>a{font:clamp(17px,2.2vw,26px) Arial;display:inline-block}.contact-details>p{font:21px Arial;text-align:right;margin:8px 0}.socials{display:flex;gap:18px;margin-top:28px;flex-wrap:wrap}.socials a{display:flex;align-items:center;gap:8px;font:12px Arial;border-bottom:1px solid #ffffff5c;padding-bottom:9px}footer{max-width:1196px;padding:0 32px 55px;margin:auto;display:flex;gap:24px;align-items:center;flex-wrap:wrap}footer .brand{width:130px}footer p{font-size:12px;color:#aaa}footer small{font:11px Arial;color:#777;margin-right:auto}footer>a:last-child{font-size:11px;color:#aaa}.wa-float{position:fixed;bottom:22px;left:22px;z-index:20;background:#f6f3ee;color:#141414;border:1px solid #333;border-radius:40px;padding:12px 16px;display:flex;align-items:center;gap:8px;box-shadow:0 8px 30px #0006;font-size:11px;font-weight:700}.wa-float svg{color:var(--orange)}.will-reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.will-reveal.visible{opacity:1;transform:none}@keyframes float-center{50%{transform:translateY(-12px) rotate(-3deg)}}@keyframes float-left{50%{transform:translateY(10px) rotate(-10deg)}}@keyframes float-right{50%{transform:translateY(-9px) rotate(9deg)}}
@media(max-width:900px){header{padding:18px 24px}header nav{gap:18px}.hero{padding:50px 24px 0;grid-template-columns:1fr;gap:5px;text-align:center}.hero-copy p{margin-left:auto;margin-right:auto}.hero-actions{justify-content:center}.showcase{max-width:530px;width:100%;margin:20px auto 0}.hero-copy h1{font-size:64px}.hero-bottom{text-align:right}.section{margin:75px auto}.service{gap:24px;padding:24px}.service-text{gap:14px}.number{font-size:30px}.projects{grid-template-columns:repeat(2,1fr)}.contact-section{margin:75px 32px 50px;padding:35px;gap:30px}.contact-section h2{font-size:36px}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){header{padding:16px;gap:12px;flex-wrap:wrap}.brand{width:145px;padding:6px 9px}header nav{order:3;width:100%;justify-content:center;font-size:12px;padding-top:5px;gap:33px}.contact-small{font-size:11px;padding:7px 13px}.hero{padding:36px 16px 0}.eyebrow{font-size:9px;letter-spacing:1.2px}.hero-copy h1{font-size:43px;letter-spacing:-1px;margin:17px 0}.hero-copy p{font-size:12px;line-height:1.95;max-width:320px}.hero-actions{gap:18px;margin-top:23px}.primary{font-size:12px;padding:12px 20px;gap:22px}.text-link{font-size:10px}.showcase{height:378px;margin-top:26px;max-width:355px}.orbit.one{width:340px;height:340px;top:10px}.orbit.two{width:250px;height:250px;top:55px}.menu-screen{width:156px;height:302px;top:26px;margin-left:-78px;border-radius:17px;padding:5px}.shop-screen{width:131px;height:240px;left:0;top:65px;padding:5px}.booking-screen{width:137px;height:239px;top:70px;padding:4px;right:0}.screen-bar{font-size:6px;height:17px}.booking-screen .booking{padding:8px 6px;height:calc(100% - 17px)}.booking-screen .booking h3{font-size:12px;margin:8px 0}.booking-screen .booking small{font-size:6px}.booking-screen .booking p{font-size:8px;margin:9px 0}.booking-screen .calendar{font-size:7px;gap:1px}.booking-screen .calendar small{font-size:5px}.booking-screen .calendar span{padding:3px 0}.booking-screen .times{font-size:6px;margin-top:9px}.booking-screen .times span{padding:5px 3px}.booking-screen .confirm{font-size:7px;padding:6px;margin-top:10px}.camera{width:46px;height:9px;top:7px}.screen-caption{font-size:8px;padding:8px;left:5px;right:5px;bottom:5px}.floating-tag{font-size:8px;bottom:7px}.hero-bottom{padding:22px 0 16px;font-size:10px}.hero-bottom i{margin:0 12px}.section{padding:0 18px;margin:60px auto}.section-heading{display:block;margin-bottom:24px}.section-heading h2{font-size:31px;margin-top:10px}.section-heading p{font-size:12px;margin-top:15px}.service{grid-template-columns:1fr;padding:21px 18px;gap:20px}.service h3{font-size:21px}.service p{font-size:12px}.service .number{font-size:26px}.tags{gap:5px;margin:12px 0}.tags span{font-size:8px}.service-visual{height:185px}.service-visual img{width:62%}.booking-art{max-width:270px}.projects{gap:22px 13px}.project-image{height:220px;padding:14px 13px 0;border-radius:12px}.project-image>span{font-size:8px;padding:5px 8px;left:7px;bottom:8px}.project-info h3{font-size:17px}.project-info small{font-size:8px}.filters button{font-size:10px;padding:7px 13px}.steps{gap:18px}.steps h3{font-size:16px;margin:10px 0}.steps p{font-size:11px}.contact-section{grid-template-columns:1fr;margin:65px 16px 38px;padding:30px 25px;gap:15px;border-radius:16px}.contact-section h2{font-size:35px}.contact-details{border-top:1px solid #ffffff4f;padding-top:5px}.contact-details>a{font-size:25px}.socials{gap:22px}footer{padding:0 18px 95px;gap:15px}footer p{font-size:10px}footer small{margin-right:0}.wa-float{bottom:15px;left:15px;padding:10px 12px;font-size:10px}.wa-float svg{width:20px;height:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}}

/* Original white wordmark and a brief entry animation. */
.brand{background:transparent;padding:0;border-radius:0;width:178px}.brand img{width:100%;height:auto}footer .brand{width:140px}.brand-intro{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:#090909;pointer-events:none;animation:intro-exit .5s 1.25s ease forwards}.brand-intro img{width:min(65vw,330px);height:auto;animation:intro-logo 1.2s cubic-bezier(.16,1,.3,1) both}.brand-intro span{height:3px;width:70px;border-radius:5px;background:#fc5405;transform-origin:center;animation:intro-line .9s .15s ease both;box-shadow:0 0 20px #fc540580}@keyframes intro-logo{0%{opacity:0;transform:translateY(18px) scale(.84);filter:blur(8px)}65%{opacity:1;transform:translateY(0) scale(1.035);filter:blur(0)}100%{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes intro-line{from{transform:scaleX(0);opacity:0}to{transform:scaleX(1);opacity:1}}@keyframes intro-exit{to{opacity:0;visibility:hidden}}@media(max-width:600px){.brand{width:145px}}@media(prefers-reduced-motion:reduce){.brand-intro{display:none}}