:root{--ink:#34271f;--sand:#f4eadc;--cream:#fbf7f1;--camel:#b98b60;--wine:#852e2c;--olive:#5d6041;--line:rgba(52,39,31,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Alexandria",sans-serif;font-weight:300;line-height:1.8}a{color:inherit;text-decoration:none}button,select,textarea{font:inherit}.nav-wrap{position:fixed;z-index:20;top:0;left:0;right:0;padding:18px 4vw}.nav{max-width:1380px;margin:auto;background:rgba(251,247,241,.9);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.65);box-shadow:0 10px 35px rgba(75,48,28,.08);border-radius:99px;min-height:72px;padding:8px 14px 8px 20px;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center}.brand-logo{display:block;width:auto;height:52px;object-fit:contain}.nav-links{display:flex;gap:28px;margin-inline:auto;font-size:13px}.nav-links a{position:relative}.nav-links a:after{content:"";height:1px;background:var(--wine);position:absolute;left:100%;right:0;bottom:0;transition:.3s}.nav-links a:hover:after{left:0}.pill{display:inline-flex;justify-content:center;align-items:center;background:var(--wine);color:white;border:0;border-radius:99px;padding:13px 24px;cursor:pointer;box-shadow:0 9px 24px rgba(133,46,44,.18);transition:.25s}.pill:hover{transform:translateY(-2px);background:#6f2323}.pill.small{padding:9px 21px;font-size:12px}.menu{display:none;border:0;background:none}.hero{min-height:100vh;display:grid;grid-template-columns:1.1fr .9fr;background:var(--sand);overflow:hidden}.hero-image{background:url('assets/noor-hero.png') center/cover no-repeat;min-height:760px}.hero-copy{padding:170px 7vw 80px 6vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.12em;color:var(--wine);position:relative;padding-right:48px;margin:0 0 20px}.eyebrow:before{content:"";position:absolute;right:0;top:50%;width:35px;height:1px;background:var(--wine)}h1,h2,h3{font-weight:400;margin:0;line-height:1.22}h1{font-family:"Marhey",serif;font-size:clamp(58px,7vw,112px);letter-spacing:-.05em}h1 em,h2 em{color:var(--wine);font-style:normal}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:520px;margin:25px 0 32px}.hero-actions{display:flex;align-items:center;gap:28px}.text-link{font-size:13px;font-weight:500;border-bottom:1px solid var(--ink)}.text-link span{display:inline-block;margin-right:7px;transition:.2s}.text-link:hover span{transform:translateX(-5px)}.trust{margin-top:55px;padding-top:21px;border-top:1px solid var(--line);display:flex;gap:24px;font-size:11px}.trust span:before{content:"✦";color:var(--camel);margin-left:8px}.ticker{overflow:hidden;background:var(--ink);color:var(--sand);padding:13px;font-size:12px;letter-spacing:.08em;white-space:nowrap}.ticker div{width:max-content;animation:drift 24s linear infinite}.ticker b{color:var(--camel);padding:0 22px}@keyframes drift{to{transform:translateX(35%)}}.section{max-width:1260px;margin:auto;padding:110px 40px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.intro h2,.feature h2,.custom h2{font-family:"Marhey",serif;font-size:clamp(40px,5vw,72px);letter-spacing:-.04em}.intro>p{max-width:480px;font-size:15px;border-right:1px solid var(--camel);padding-right:28px}.collection-grid{padding-top:20px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.collection-card{min-height:540px;padding:24px;border:1px solid var(--line);position:relative;overflow:hidden;display:flex;flex-direction:column;transition:.35s}.collection-card:hover{transform:translateY(-7px);box-shadow:0 24px 60px rgba(67,48,35,.10)}.collection-card .number{font-size:11px}.fiber-art{height:275px;margin:15px 0 24px;display:grid;place-items:center}.round-art:before{content:"";width:235px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#b89570 0 3px,#d4b995 4px 7px);border:22px dotted #e5d7c5;box-shadow:0 14px 30px rgba(88,56,30,.13)}.letter-art{font-family:"Marhey";font-size:92px;color:var(--wine);border-radius:50%;width:245px;margin-inline:auto;background:repeating-radial-gradient(circle,#eadfce 0 3px,#d4b995 4px 7px);border:18px dotted #f1e5d6}.gallery-art{position:relative}.gallery-art i{display:block;border-radius:50%;position:absolute;background:repeating-radial-gradient(circle,#b89570 0 3px,#dfc7a8 4px 7px);border:10px dotted #ead9c2}.gallery-art i:nth-child(1){width:185px;height:185px;right:30px;top:35px}.gallery-art i:nth-child(2){width:105px;height:105px;left:38px;top:42px}.gallery-art i:nth-child(3){width:82px;height:82px;left:58px;bottom:35px;background:repeating-radial-gradient(circle,#8a312e 0 3px,#ead9c2 4px 7px)}.collection-card h3{font-family:"Marhey";font-size:25px}.collection-card p{font-size:13px;margin:12px 0 18px;flex:1}.collection-card a{font-size:12px;font-weight:500;color:var(--wine)}.card-name{background:#efe1cf}.card-gallery{background:#e7dccb}.feature{max-width:none;padding-inline:0;display:grid;grid-template-columns:1fr 1fr;background:#e9ddcd;align-items:stretch}.feature-photo{min-height:760px;overflow:hidden}.feature-photo img{width:100%;height:100%;object-fit:cover}.feature-copy{padding:100px clamp(40px,8vw,140px);display:flex;flex-direction:column;justify-content:center}.feature-copy>p:not(.eyebrow){font-size:14px;max-width:530px}.feature ul{list-style:none;padding:20px 0 0;margin:20px 0 0;border-top:1px solid var(--line)}.feature li{display:flex;gap:20px;padding:17px 0;border-bottom:1px solid var(--line);font-size:12px}.feature li b{font-size:10px;color:var(--wine)}.feature li strong{display:block;font-size:14px}.custom{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;align-items:start}.custom-title{position:sticky;top:130px}.order-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;background:white;padding:35px;border:1px solid var(--line);box-shadow:0 25px 65px rgba(73,50,35,.08)}.order-form label{font-size:11px;font-weight:500}.order-form select,.order-form textarea{width:100%;margin-top:8px;background:var(--cream);border:1px solid var(--line);padding:14px;color:var(--ink);outline:none;border-radius:2px}.order-form select:focus,.order-form textarea:focus{border-color:var(--wine)}.full{grid-column:1/-1}.form-note{text-align:center;font-size:10px;color:#75675d;margin:0}.quote{text-align:center;padding-top:60px;padding-bottom:130px}.quote .butterfly{color:var(--camel);font-size:45px}.quote blockquote{font-family:"Marhey";font-size:clamp(28px,4vw,52px);line-height:1.6;margin:15px}.quote em{color:var(--wine);font-style:normal}footer{background:var(--ink);color:var(--sand);padding:70px max(5vw,35px);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-brand{width:max-content;align-self:start;background:var(--cream);padding:10px 18px;border-radius:16px}.footer-brand .brand-logo{height:72px}footer h4{font-size:12px;margin:0 0 17px;color:#caa886}footer a:not(.brand){display:block;font-size:12px;margin:7px 0;color:#e4d9cc}.footer-note{font-size:10px;color:#aa9b8d;align-self:end}.toast{position:fixed;z-index:40;bottom:25px;left:50%;transform:translate(-50%,120px);background:var(--ink);color:white;padding:15px 22px;border-radius:6px;font-size:12px;box-shadow:0 14px 45px #0004;transition:.35s;max-width:90vw}.toast.show{transform:translate(-50%,0)}
@media(max-width:900px){.nav{min-height:62px}.brand-logo{height:44px}.menu{display:block;margin-right:auto}.nav-links{display:none;position:absolute;top:72px;left:4vw;right:4vw;background:var(--cream);padding:25px;border-radius:18px;flex-direction:column;box-shadow:0 22px 45px #39271b22}.nav-links.open{display:flex}.desktop-cta{display:none}.hero{grid-template-columns:1fr}.hero-image{min-height:55vh;grid-row:1}.hero-copy{padding:55px 7vw 70px}.hero-copy h1{font-size:58px}.section{padding:80px 24px}.intro,.custom{grid-template-columns:1fr}.collection-grid{grid-template-columns:1fr;padding-top:0}.collection-card{min-height:510px}.feature{grid-template-columns:1fr}.feature-photo{min-height:500px}.feature-copy{padding:70px 28px}.custom-title{position:static}.order-form{padding:22px;grid-template-columns:1fr}.order-form>*{grid-column:1}.trust{gap:12px;flex-wrap:wrap}footer{grid-template-columns:1fr 1fr}.footer-brand,.footer-note{grid-column:1/-1}.footer-brand .brand-logo{height:62px}}
@media(max-width:520px){.hero-image{min-height:49vh;background-position:36% center}.hero-actions{align-items:flex-start;flex-direction:column;gap:17px}.intro{gap:30px}.order-form{margin-inline:-8px}.fiber-art{transform:scale(.9);margin-inline:-10px}footer{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.ticker div{animation:none}}
.live-preview{margin-top:38px;border:1px solid var(--line);background:#fff;padding:14px;box-shadow:0 22px 55px rgba(73,50,35,.09)}.preview-topline{display:flex;justify-content:space-between;align-items:center;padding:0 4px 10px;font-size:10px;color:#77675b}.preview-topline b{color:var(--wine);font-weight:500}.preview-wall{height:380px;position:relative;overflow:hidden;display:grid;place-items:center;background:linear-gradient(112deg,#f0e6d9 0 51%,#f8f1e8 51% 100%)}.preview-wall:before{content:"";position:absolute;inset:0;background:linear-gradient(125deg,transparent 42%,rgba(255,255,255,.65) 43%,transparent 68%)}.wall-light{position:absolute;width:260px;height:540px;background:rgba(255,255,255,.26);transform:rotate(25deg);top:-120px;left:10px}.preview-console{position:absolute;bottom:0;width:76%;height:61px;background:#b78d65;box-shadow:0 -8px 24px #7c5f4633}.preview-console:after{content:"";position:absolute;inset:9px 16px auto;height:13px;background:#8f694c55}.preview-console span,.preview-console i,.preview-console b{position:absolute;bottom:61px}.preview-console span{right:18%;width:38px;height:49px;border-radius:50% 50% 38% 38%;background:#ded0bd}.preview-console i{right:22%;width:2px;height:85px;background:#657050;transform:rotate(-12deg);transform-origin:bottom}.preview-console b{left:16%;width:48px;height:30px;background:#e9dfd3;border-radius:2px;box-shadow:0 -8px 0 #f5eee6}.art-piece{--fiber:#eadbc8;--fiber2:#c5a079;--accent:#a47655;position:relative;z-index:2;width:190px;height:190px;display:grid;place-items:center;transition:width .35s,height .35s,transform .35s,filter .35s}.art-core{position:absolute;inset:16%;border-radius:50%;background:repeating-radial-gradient(circle,var(--fiber2) 0 3px,var(--fiber) 4px 8px);box-shadow:0 11px 24px #5e432b33}.art-fringe{position:absolute;inset:0;border-radius:50%;background:repeating-conic-gradient(from 2deg,var(--fiber) 0 3deg,transparent 3.5deg 6deg);-webkit-mask:radial-gradient(circle,transparent 0 61%,#000 62%);mask:radial-gradient(circle,transparent 0 61%,#000 62%);transition:.3s}.art-letter{position:relative;z-index:4;font-family:"Marhey";font-size:52px;color:var(--accent);display:none}.size-small{width:150px;height:150px}.size-medium{width:200px;height:200px}.size-large{width:260px;height:260px}.size-assist{width:180px;height:180px;filter:drop-shadow(0 0 0 var(--wine))}.palette-ivory{--fiber:#eee1cf;--fiber2:#c3a17c;--accent:#a57755}.palette-camel{--fiber:#d7b991;--fiber2:#a77b52;--accent:#6c4934}.palette-wine{--fiber:#eadcc8;--fiber2:#c9a27c;--accent:#852e2c}.palette-black{--fiber:#eee5d8;--fiber2:#c9a77e;--accent:#292523}.palette-other{--fiber:#ded2bd;--fiber2:#9b9c79;--accent:#7d5968}.palette-wine .art-core{background:repeating-radial-gradient(circle,var(--accent) 0 13%,var(--fiber) 14% 22%,var(--fiber2) 23% 28%)}.palette-black .art-core{background:repeating-radial-gradient(circle,var(--accent) 0 12%,var(--fiber) 13% 23%,var(--fiber2) 24% 29%)}.fringe-simple .art-fringe{inset:5%;opacity:.45}.fringe-rich .art-fringe{inset:-10%;filter:drop-shadow(0 3px 3px #51351d22)}.type-letter .art-letter,.type-gift .art-letter{display:block}.type-letter .art-core{inset:9%}.type-gallery{width:270px;height:220px}.type-gallery .art-core{width:148px;height:148px;inset:auto 12px 44px auto}.type-gallery:before,.type-gallery:after{content:"";position:absolute;border-radius:50%;background:repeating-radial-gradient(circle,var(--fiber2) 0 3px,var(--fiber) 4px 8px);box-shadow:0 7px 17px #5e432b29}.type-gallery:before{width:94px;height:94px;left:13px;top:18px}.type-gallery:after{width:78px;height:78px;left:42px;bottom:13px}.type-gallery .art-fringe{width:148px;height:148px;inset:auto 12px 44px auto}.type-macrame{width:160px!important;height:255px!important}.type-macrame .art-core{inset:8px 12px 88px;border-radius:3px 3px 42% 42%;background:repeating-linear-gradient(90deg,var(--fiber2) 0 3px,var(--fiber) 3px 8px)}.type-macrame .art-fringe{inset:108px 14px 5px;border-radius:0;background:repeating-linear-gradient(90deg,var(--fiber2) 0 3px,transparent 3px 8px);-webkit-mask:none;mask:none;clip-path:polygon(0 0,100% 0,75% 100%,25% 100%)}.type-gift .art-core{box-shadow:0 11px 24px #5e432b33,0 0 0 8px #fff8}.type-gift:after{content:"✦";position:absolute;top:4px;right:18px;color:var(--wine);font-size:24px}.preview-summary{font-size:12px;font-weight:500;padding:13px 4px 2px;color:var(--ink)}.live-preview>p{font-size:9px;color:#817166;margin:2px 4px 0}.order-form input{width:100%;margin-top:8px;background:var(--cream);border:1px solid var(--line);padding:14px;color:var(--ink);outline:none;border-radius:2px}.order-form input:focus{border-color:var(--wine)}.personalize-field{display:none}.personalize-field.show{display:block}.custom-title{top:105px}.custom{align-items:start}.art-piece.is-changing{transform:scale(.94)}
@media(max-width:900px){.custom-title{position:static}.live-preview{margin:35px auto;max-width:560px}.preview-wall{height:340px}.custom{gap:10px}}
@media(max-width:520px){.live-preview{margin-inline:-8px}.preview-wall{height:300px}.size-large{width:225px;height:225px}.type-gallery{transform:scale(.85)}}
.type-gallery.size-small,.type-macrame.size-small{transform:scale(.72)}.type-gallery.size-medium,.type-macrame.size-medium{transform:scale(.9)}.type-gallery.size-large,.type-macrame.size-large{transform:scale(1.08)}.type-gallery.size-assist,.type-macrame.size-assist{transform:scale(.82)}
@media(max-width:520px){.type-gallery.size-large,.type-macrame.size-large{transform:scale(.9)}}
.custom-color-field{display:none}.custom-color-field.show{display:block}.order-form input[type="color"]{height:49px;padding:5px;cursor:pointer}.order-form input[type="color"]::-webkit-color-swatch{border:0;border-radius:2px}
.reviews{max-width:none;padding:0;display:grid;grid-template-columns:1.05fr .95fr;background:#352820;color:var(--cream);min-height:690px}.reviews-visual{position:relative;min-height:690px;background:linear-gradient(90deg,rgba(35,24,18,.12),rgba(35,24,18,.45)),url('assets/noor-collection.png') center/cover no-repeat}.review-badge{position:absolute;left:38px;bottom:38px;width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;background:var(--wine);color:#fff;font-size:10px;line-height:1.65;transform:rotate(-8deg);box-shadow:0 12px 30px #0003}.reviews-copy{padding:90px clamp(38px,8vw,130px);display:flex;flex-direction:column;justify-content:center}.reviews-copy .eyebrow{color:#d3ae87}.reviews-copy .eyebrow:before{background:#d3ae87}.review-stars{color:#cf9e73;font-size:14px;letter-spacing:.22em;margin:18px 0}.reviews blockquote{font-family:"Marhey";font-size:clamp(42px,5vw,76px);line-height:1.55;margin:0 0 34px}.reviews blockquote em{color:#d3ae87;font-style:normal}.review-person{display:flex;align-items:center;gap:14px;padding-top:24px;border-top:1px solid #ffffff24}.review-person>span{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:#c39b74;color:#33261f;font-family:"Marhey"}.review-person p{margin:0}.review-person strong,.review-person small{display:block}.review-person strong{font-size:13px}.review-person small{font-size:9px;color:#bfaea2;margin-top:3px}.review-note{font-size:10px;color:#a9998f;margin:28px 0 0}.nav-links{gap:22px}
.queue-card{background:#352820;color:var(--cream);padding:20px;border-radius:4px;box-shadow:inset 0 0 0 1px #ffffff12}.queue-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;padding-bottom:14px;border-bottom:1px solid #ffffff1c}.queue-heading span{font-weight:500}.queue-heading i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#72a379;margin-left:6px;box-shadow:0 0 0 5px #72a37922;animation:queuePulse 1.8s infinite}.queue-heading b{font-size:10px;color:#d9b48d}.queue-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:16px 0}.queue-stats div{text-align:center;padding:11px 6px;background:#ffffff09}.queue-stats strong,.queue-stats small{display:block}.queue-stats strong{font-family:"Marhey";font-size:17px;font-weight:400;color:#e1bd96}.queue-stats small{font-size:8px;color:#b9aaa0}.countdown{display:flex;direction:ltr;justify-content:center;align-items:flex-start;gap:7px;background:#241a15;padding:14px 8px}.countdown span{min-width:45px;text-align:center}.countdown b,.countdown small{display:block}.countdown b{font-size:22px;line-height:1.2;font-weight:400;font-variant-numeric:tabular-nums}.countdown small{font-size:7px;color:#a99a90;margin-top:4px}.countdown em{font-style:normal;color:#8e7869;font-size:18px}.queue-card>p{font-size:8px;color:#a99b91;margin:12px 0 0}.order-code{margin-top:12px;background:#f5eadb;color:#49362a;padding:8px 10px;font-size:9px;text-align:center}.queue-card.confirmed .queue-heading i{background:#d6a76e;box-shadow:0 0 0 5px #d6a76e22}.queue-card.confirmed .queue-heading span:after{content:" — طلب مبدئي محفوظ";color:#d6a76e}@keyframes queuePulse{50%{box-shadow:0 0 0 9px #72a37908}}
@media(max-width:900px){.reviews{grid-template-columns:1fr}.reviews-visual{min-height:480px}.reviews-copy{padding:70px 30px}.review-badge{width:100px;height:100px;left:24px;bottom:24px}.reviews blockquote{font-size:42px}}
@media(max-width:520px){.queue-heading{align-items:flex-start;flex-direction:column}.queue-stats{gap:4px}.queue-stats strong{font-size:14px}.countdown{gap:3px}.countdown span{min-width:39px}.countdown b{font-size:19px}}