:root{--wine:#99173e;--wine2:#69102c;--gold:#cda36a;--dark:#17151b;--muted:#827f86;--bg:#fff;--cream:#f8f5f1;--border:#ece8e7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);font-family:Cairo,Inter,system-ui,sans-serif;background:#fff}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}img{max-width:100%}.container{width:min(1200px,calc(100% - 44px));margin-inline:auto}.topline{background:#221921;color:#eadfe1;font-size:11px}.topinner{display:flex;justify-content:space-between;gap:15px;padding:7px 0}.social-mini{display:flex;gap:16px;font-family:Inter,sans-serif;font-size:10px}.site-header{position:sticky;top:0;z-index:90;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);box-shadow:0 4px 22px #110a1010}.navwrap{min-height:83px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}.brand img{height:55px;width:37px;object-fit:contain}.brand span{display:grid;line-height:1.25}.brand b{font-size:25px;color:var(--wine);font-weight:900;letter-spacing:-1px}.brand small{font-size:10px;font-weight:800;letter-spacing:.35px;color:var(--gold)}.navlinks{display:flex;align-items:center;gap:20px}.navlinks a{font-size:12px;font-weight:800;padding:30px 0;position:relative;white-space:nowrap}.navlinks a:hover,.navlinks a.active{color:var(--wine)}.navlinks a.active:after{content:'';height:3px;background:var(--wine);position:absolute;bottom:22px;inset-inline:0}.navtools{display:flex;align-items:center;gap:13px;font-weight:800;font-size:14px}.navtools sup{background:var(--wine);border-radius:100px;color:#fff;padding:1px 5px;font-size:9px}.menutoggle{display:none;background:none;border:0;font-size:27px}.hero{height:min(720px,calc(100vh - 105px));min-height:530px;position:relative;background:#201b20;color:white;overflow:hidden}.hero-slider,.slide{position:absolute;inset:0}.slide{opacity:0;visibility:hidden;transition:opacity .75s ease,visibility .75s;display:flex;align-items:center;background-image:var(--slide-bg);background-position:center;background-size:cover}.slide.selected{opacity:1;visibility:visible}.slide.mobile{display:none}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,13,18,.86),rgba(30,13,25,.58),rgba(30,13,25,.2));}.hero-content{position:relative;z-index:2}.hero-kicker{color:#f0c58e;letter-spacing:2px;font-size:12px;display:flex;align-items:center;gap:15px;font-weight:800}.hero-kicker i{width:34px;height:1px;background:var(--gold)}.hero h1{font-size:clamp(38px,5.2vw,76px);line-height:1.35;max-width:780px;font-weight:900;margin:17px 0 20px}.hero p{max-width:580px;color:#efe5e7;line-height:2;font-size:16px;margin-bottom:30px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:6px;padding:13px 27px;font-weight:800;font-size:13px;border:1px solid transparent;transition:.25s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--wine);color:white;border-color:var(--wine)}.btn-primary:hover{background:var(--wine2)}.btn-outline{border-color:#c9bdc1;color:var(--wine);background:transparent}.btn-cream{background:#fff;color:var(--wine)}.hero-controls{position:absolute;z-index:3;bottom:50px;inset-inline-start:calc((100% - min(1200px,100% - 44px))/2);display:flex;align-items:center;gap:15px}.hero-controls>button{border:1px solid #ffffff70;color:#fff;background:transparent;border-radius:50%;width:37px;height:37px;font-size:24px}.hero-dots{display:flex;gap:7px}.hero-dots button{width:9px;height:9px;border:0;background:#ffffff77;border-radius:20px;padding:0}.hero-dots button.active{width:27px;background:var(--gold)}.hero-scroll{position:absolute;bottom:48px;inset-inline-end:6%;z-index:3;writing-mode:vertical-rl;letter-spacing:3px;font-size:10px;color:#fff9}.stats{background:#f9f7f5;border-bottom:1px solid var(--border)}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 0}.stats-grid>div{text-align:center;display:grid;border-inline-end:1px solid #e2d9d5}.stats-grid>div:last-child{border:0}.stats-grid b{font-family:Inter;font-size:26px;color:var(--wine)}.stats-grid span{font-size:12px;color:var(--muted);font-weight:700}.section{padding:95px 0}.light-section{background:#faf8f7}.section-title{text-align:center;max-width:740px;margin:0 auto 42px}.eyebrow{font-size:11px;letter-spacing:2.2px;font-family:Inter,Cairo,sans-serif;color:var(--wine);font-weight:900;text-transform:uppercase}.section-title h2,.about-content h2,.contact-grid h2{font-size:clamp(29px,3vw,47px);font-weight:900;line-height:1.45;margin:10px 0}.section-title p{color:var(--muted);margin:0}.about-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%}.creative-art{min-height:420px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#f9e9e8 0%,#fff 58%);overflow:hidden}.orbit{position:absolute;border:1px dashed #d9a9b9;border-radius:50%;animation:spin 25s linear infinite}.o1{width:350px;height:350px}.o2{width:265px;height:265px;animation-direction:reverse}.art-core{height:235px;width:235px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#fff,#f6eeee);box-shadow:0 30px 80px #99173e1a;z-index:1;animation:float 5s ease-in-out infinite}.art-core img{height:175px;width:auto;object-fit:contain}.art-label{position:absolute;background:#fff;box-shadow:0 10px 35px #51102518;padding:9px 16px;border-radius:30px;font:800 11px Inter;color:var(--wine);z-index:2}.label1{top:18%;left:10%}.label2{right:7%;top:47%}.label3{bottom:13%;left:17%}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px)}}.about-content>p,.lead{font-size:16px;line-height:2.3;color:#716a72}.mini-feature{display:flex;gap:16px;margin:19px 0}.mini-feature>span{background:#f9edef;color:var(--wine);border-radius:10px;padding:10px 18px;font-size:25px}.mini-feature div{display:grid}.mini-feature b{font-size:16px}.mini-feature small{color:var(--muted)}.text-link{font-weight:900;color:var(--wine);display:inline-block;margin-top:18px}.horizontal-scroll{display:flex;gap:24px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:16px}.card{background:#fff;border:1px solid #f0ebea;box-shadow:0 6px 32px #17091009;transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-7px);box-shadow:0 15px 35px #19081118}.service-card{display:block;min-width:calc((100% - 72px)/4);scroll-snap-align:start;overflow:hidden;border-radius:9px}.service-photo{height:220px;overflow:hidden;position:relative;background:#eee}.service-photo img,.work-card img,.article-card img,.product-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.service-card:hover img,.work-card:hover img,.article-card:hover img{transform:scale(1.07)}.service-photo span{position:absolute;top:18px;inset-inline-end:18px;color:#fff;background:var(--wine);border-radius:50%;width:37px;height:37px;display:grid;place-items:center}.service-description{padding:24px}.service-description h3{font-size:18px;margin:0 0 8px}.service-description p{font-size:13px;color:var(--muted);line-height:1.9}.center-more{text-align:center;margin-top:34px}.filters{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:34px}.filters button,.filters a{border:1px solid #ece4e4;background:#fff;padding:10px 20px;border-radius:30px;font-size:12px;font-weight:800;color:#75666d;transition:.2s}.filters .selected,.filters button:hover,.filters a:hover{background:var(--wine);color:#fff;border-color:var(--wine)}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.work-card{height:310px;position:relative;overflow:hidden;border-radius:10px;background:#eee}.work-overlay{position:absolute;inset:auto 0 0;padding:24px;color:#fff;background:linear-gradient(transparent,#1a0d19ed)}.work-overlay span{font-size:11px;color:#e9c089}.work-overlay h3{font-size:19px;margin:5px 0}.banner-cta{text-align:center;padding:80px 0;background:radial-gradient(circle at 15% 15%,#bc2556,#751133 62%,#3e0e22);color:#fff;position:relative;overflow:hidden}.banner-cta:after{content:'✦';position:absolute;inset-inline-end:5%;top:-160px;font-size:400px;color:#ffffff0d}.banner-cta span{color:#e7c79b;font:800 11px Inter;letter-spacing:2px}.banner-cta h2{font-size:clamp(27px,4vw,50px)}.article-grid,.product-grid,.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.service-grid{grid-template-columns:repeat(3,1fr)}.service-grid .service-card{min-width:0}.article-card{overflow:hidden;border-radius:9px}.article-card img{height:210px}.article-info{padding:23px}.article-info small,.article-info span{font-size:11px;color:var(--wine);font-weight:900}.article-info h3{font-size:19px;margin:10px 0 15px}.pagehero{background:linear-gradient(110deg,#361825,#671b37 55%,#9a3152);color:#fff;padding:90px 0;text-align:center}.pagehero h1{font-size:clamp(36px,4.5vw,57px);margin:8px 0}.pagehero p{margin:0;color:#efe1e6}.pagehero .eyebrow{color:#e8b57a}.product-grid{grid-template-columns:repeat(4,1fr)}.product-card{border-radius:10px;overflow:hidden}.product-image{display:block;height:230px;position:relative;background:#eee;overflow:hidden}.sale-tag{position:absolute;top:14px;inset-inline-start:14px;background:var(--wine);color:#fff;padding:3px 10px;font-size:10px;font-weight:900;border-radius:20px}.product-info{padding:17px}.product-info small{color:var(--wine)}.product-info h3{font-size:16px;min-height:44px;margin:8px 0}.price,.big-price{color:var(--wine);font-size:19px;font-weight:900}.price del{font-size:12px;color:#aaa}.actions{display:flex;gap:8px;align-items:center;margin-top:12px}.actions .btn{padding:10px;font-size:11px;gap:0}.heart{border:1px solid var(--border);height:41px;width:42px;background:#fff;color:var(--wine);font-size:25px;border-radius:7px}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.detail-image img{width:100%;border-radius:16px;max-height:500px;object-fit:cover}.big-price{font-size:34px;margin:20px 0}.inline-form{display:flex;gap:12px}.qty{width:80px;padding:10px;border:1px solid var(--border)}.narrow{max-width:860px}.form-card{background:#fff;padding:35px;border:1px solid var(--border);border-radius:16px;box-shadow:0 10px 40px #1111110a}.form-card label,.login-card label{display:block;font-size:13px;font-weight:800;margin-bottom:17px}.form-card input,.form-card textarea,.form-card select,.login-card input{display:block;width:100%;margin-top:7px;padding:13px 15px;background:#fbfaf9;border:1px solid #e6dfdf;border-radius:7px;outline-color:var(--wine)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.cart-row{display:grid;grid-template-columns:85px 1fr 80px 115px;gap:16px;align-items:center;padding:17px 0;border-bottom:1px solid var(--border)}.cart-row img{height:85px;width:85px;object-fit:cover;border-radius:7px}.cart-row small{display:block;color:var(--wine)}.cart-row input{width:70px;padding:8px;border:1px solid #ddd}.cart-summary{display:flex;align-items:center;justify-content:flex-end;gap:15px;margin-top:26px;flex-wrap:wrap}.job-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:55px}.job-card{padding:25px;border-radius:12px}.job-card h3{font-size:17px}.job-card p{color:var(--muted);min-height:65px;font-size:13px}.article-content img{width:100%;border-radius:10px;max-height:400px;object-fit:cover}.article-content p,.prose{font-size:17px;line-height:2.4}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.footer{position:relative;background:#1f1821;color:#d8cdd2;padding:70px 0 0;overflow:hidden}.foot-grid{position:relative;z-index:2;display:grid;grid-template-columns:2.2fr 1fr 1fr 1.2fr;gap:55px}.foot-brand .brand b{color:#fff}.foot-brand p{line-height:2;color:#b4a9ae;max-width:350px;font-size:13px}.foot-grid h4{color:#fff;font-size:17px;margin:5px 0 21px}.foot-grid>div:not(:first-child)>a{display:block;font-size:13px;padding:7px 0;color:#c9bfc4}.foot-grid a:hover{color:#ebbc7b}.foot-grid p{font-size:13px;line-height:2}.socials{display:flex;gap:12px;flex-wrap:wrap}.socials a{font:700 11px Inter;padding:8px 10px;border:1px solid #735966;border-radius:5px}.foot-bottom{border-top:1px solid #4b3540;position:relative;z-index:2;display:flex;justify-content:space-between;padding:20px 0;margin-top:50px;font-size:11px;color:#988994;gap:12px}.footer-glow{position:absolute;height:360px;width:360px;background:#9b164145;border-radius:100%;filter:blur(100px);bottom:-190px;right:-100px;animation:float 9s infinite}.alert{border-radius:8px;padding:12px 18px;margin-top:14px}.alert.success{background:#e8f6eb;color:#23723d}.alert.error,.error{background:#fff0f0;color:#bb3245}.center{text-align:center}.reveal{opacity:0;transform:translateY(25px);transition:.7s ease}.reveal.visible{opacity:1;transform:translateY(0)}.login-page{min-height:100vh;display:grid;place-items:center;background:#26121c}.login-card{background:#fff;padding:45px;width:min(92%,420px);text-align:center;border-radius:20px}.login-card label{text-align:start}.login-card .btn{width:100%}
html[dir=rtl] .hero-shade{background:linear-gradient(270deg,rgba(18,13,18,.88),rgba(30,13,25,.58),rgba(30,13,25,.2))}
@media(max-width:1100px){.navlinks{gap:11px}.navlinks a{font-size:11px}.brand b{font-size:21px}.service-card{min-width:calc((100% - 24px)/2)}.product-grid{grid-template-columns:repeat(3,1fr)}.job-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.menutoggle{display:block;order:3}.navwrap{min-height:72px}.navlinks{position:absolute;top:100%;inset-inline:0;background:white;display:none;flex-direction:column;align-items:stretch;padding:15px 25px;box-shadow:0 20px 25px #0001;gap:0;max-height:75vh;overflow:auto}.navlinks.open{display:flex}.navlinks a{padding:11px;border-bottom:1px solid #f3eeee}.navlinks a.active:after{display:none}.navtools{margin-inline-start:auto}.topline{display:none}.hero{height:620px}.slide.desktop{display:none}.slide.mobile{display:flex}.hero h1{font-size:clamp(30px,7vw,52px)}.hero p{font-size:14px}.hero-scroll{display:none}.stats-grid{grid-template-columns:repeat(2,1fr);row-gap:20px}.stats-grid>div:nth-child(2){border:0}.about-grid,.contact-grid,.product-detail{grid-template-columns:1fr;gap:35px}.about-grid .creative-art{min-height:320px}.o1{width:295px;height:295px}.o2{width:210px;height:210px}.art-core{width:170px;height:170px}.art-core img{height:140px}.section{padding:65px 0}.portfolio-grid,.article-grid,.service-grid{grid-template-columns:repeat(2,1fr)}.foot-grid{grid-template-columns:repeat(2,1fr);gap:35px}.product-grid{grid-template-columns:repeat(2,1fr)}.pagehero{padding:65px 0}}
@media(max-width:550px){.container{width:calc(100% - 30px)}.brand img{height:45px;width:29px}.brand b{font-size:19px}.brand small{font-size:8px}.navwrap{gap:7px}.navtools{font-size:12px;gap:10px}.hero{min-height:590px;height:calc(100svh - 72px);max-height:760px}.hero h1{font-size:34px}.hero-content{padding-bottom:40px}.hero-kicker{font-size:9px;letter-spacing:1px}.hero-controls{bottom:22px}.stats-grid b{font-size:22px}.stats-grid span{font-size:10px}.section-title h2,.about-content h2{font-size:29px}.portfolio-grid,.article-grid,.service-grid,.product-grid,.job-grid{grid-template-columns:1fr}.service-card{min-width:88%}.work-card{height:270px}.article-card img{height:210px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-image{height:160px}.product-info{padding:12px}.product-info h3{font-size:13px}.price{font-size:14px}.price del{font-size:10px}.actions .btn{font-size:9px;padding:8px}.heart{height:35px;width:35px}.foot-grid{gap:26px}.foot-grid>div:first-child{grid-column:span 2}.foot-bottom{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-card{padding:22px}.cart-row{grid-template-columns:60px 1fr 60px;gap:9px}.cart-row img{width:60px;height:60px}.cart-row span{grid-column:2 / 4}.cart-row input{width:58px}.cart-summary{justify-content:center}.pagehero h1{font-size:35px}}


/* BARAAH CREATIVE MOTION v2 — progressive enhancements */
:root{--creative-ink:#150d14}
.hero{isolation:isolate}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at 65% 75%,transparent 30%,rgba(15,5,12,.25) 100%)}
.slide.selected{animation:creativeReveal .9s ease both}.slide.selected .hero-content>*{animation:heroRise .9s cubic-bezier(.2,.8,.2,1) both}.slide.selected .hero-content>*:nth-child(2){animation-delay:.12s}.slide.selected .hero-content>*:nth-child(3){animation-delay:.23s}.slide.selected .hero-content>*:nth-child(4){animation-delay:.34s}
.hero-outline{position:absolute;z-index:1;inset-inline-end:6%;top:2%;font:900 clamp(300px,44vw,720px)/1 Inter,sans-serif;color:transparent;-webkit-text-stroke:1px #ffffff30;pointer-events:none;transform:rotate(-12deg);animation:outlineBreathe 9s ease-in-out infinite}
.hero h1{letter-spacing:-1.5px;text-wrap:balance;text-shadow:0 14px 50px #0005}
.creative-ticker{overflow:hidden;background:#981b44;color:#fff;white-space:nowrap;border-block:1px solid #c88798;direction:ltr}.ticker-track{display:flex;width:max-content;align-items:center;gap:35px;padding:15px 0;animation:tickerFlow 28s linear infinite}.ticker-track span{font:800 14px Cairo,Inter,sans-serif;letter-spacing:2px}.ticker-track span:nth-child(even){color:#f6cb92}
.work-card{border-radius:15px;transform:translateZ(0)}.work-card:after{content:"↗";position:absolute;top:19px;inset-inline-end:19px;display:grid;place-items:center;color:white;border:1px solid #fff8;background:#99173ea8;backdrop-filter:blur(8px);width:44px;height:44px;border-radius:50%;transition:transform .3s}.work-card:hover:after{transform:rotate(45deg)}.work-card img{transition:transform 1s cubic-bezier(.2,.7,.2,1),filter .8s}.work-card:hover img{transform:scale(1.13);filter:saturate(1.2)}
.service-card{position:relative}.service-card:after{content:"";position:absolute;bottom:0;inset-inline:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--wine));transform:scaleX(0);transition:transform .4s;transform-origin:center}.service-card:hover:after{transform:scaleX(1)}.service-card:hover .service-photo span{transform:rotate(45deg)}.service-photo span{transition:transform .4s}
.section-title h2{letter-spacing:-.65px}.eyebrow{display:inline-flex;align-items:center;gap:9px}.eyebrow:before{content:"";height:2px;width:26px;background:var(--gold)}
.banner-cta{isolation:isolate}.banner-cta:before{content:"";position:absolute;inset:-80%;z-index:-1;background:repeating-conic-gradient(from 0deg,transparent 0deg 30deg,#ffffff07 32deg 36deg);animation:slowSpin 35s linear infinite}
.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:-50%;left:-80%;height:200%;width:35%;background:linear-gradient(90deg,transparent,#fff5,transparent);transform:skewX(-25deg);transition:left .65s}.btn:hover:after{left:125%}
.footer-glow{pointer-events:none}.foot-brand .brand img{filter:drop-shadow(0 0 16px #d9949044)}
@keyframes creativeReveal{from{filter:brightness(.8)}to{filter:brightness(1)}}@keyframes heroRise{from{opacity:0;transform:translateY(35px)}to{opacity:1;transform:translateY(0)}}@keyframes outlineBreathe{50%{transform:rotate(-8deg) translateY(12px)}}@keyframes tickerFlow{to{transform:translateX(-50%)}}@keyframes slowSpin{to{transform:rotate(360deg)}}
@media(max-width:820px){.hero-outline{font-size:350px;opacity:.4;top:22%}.creative-ticker .ticker-track{animation-duration:35s}.ticker-track span{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ticker-track,.hero-outline,.banner-cta:before,.slide.selected,.slide.selected .hero-content>*{animation:none!important}.btn:after{display:none}.reveal{opacity:1;transform:none}}