:root{--bg:#f7f4f0;--ink:#292623;--muted:#756e67;--accent:#998777;--line:#ddd5cc;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(42px,6vw,86px);line-height:1.08;margin:12px 0 24px}h2{font-size:clamp(32px,4vw,54px);line-height:1.16;margin:0 0 25px}h3{font-size:26px;margin:0 0 12px}p{margin:0 0 18px}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}header{position:sticky;top:0;z-index:20;background:#f7f4f0ee;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.nav{max-width:1250px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;gap:20px}.brand{font-size:24px;letter-spacing:.18em;white-space:nowrap}.links{display:flex;gap:22px;align-items:center;font-size:13px;text-transform:uppercase;letter-spacing:.09em}.links a:hover{color:var(--accent)}.lang{background:transparent;border:1px solid var(--line);padding:7px 12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--ink);background:var(--ink);color:white;padding:14px 25px;font-size:12px;letter-spacing:.13em;text-transform:uppercase;transition:.2s}.btn:hover{background:#5d5149}.btn.alt{background:transparent;color:var(--ink)}.btn.alt:hover{background:#eee7df}.container{max-width:1250px;margin:auto;padding:0 24px}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.hero-copy{padding:105px max(30px,calc((100vw - 1250px)/2)) 80px max(24px,calc((100vw - 1250px)/2));padding-right:55px;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-weight:600}.hero-art{background:linear-gradient(135deg,#e5d9cb,#b7aa9b);position:relative;min-height:500px;overflow:hidden}.hero-art:before{content:'';position:absolute;inset:11% 10%;border:1px solid #fff8}.hero-art img{width:100%;height:100%;object-fit:cover;opacity:.82;mix-blend-mode:multiply}.hero-art .caption{position:absolute;bottom:30px;left:30px;color:white;text-shadow:0 1px 10px #333;font-size:12px;letter-spacing:.2em}.section{padding:100px 0}.section.tint{background:#eee9e3}.lead{max-width:650px;color:var(--muted);font-size:18px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;padding:34px;min-height:210px;border:1px solid #eee8e0}.card small,.project small{color:var(--accent);letter-spacing:.15em;text-transform:uppercase}.project{min-height:340px;background:linear-gradient(135deg,#e1d7cd,#b8afa6);padding:28px;display:flex;flex-direction:column;justify-content:end}.project:nth-child(2){background:linear-gradient(135deg,#d8ded9,#9eafa6)}.project:nth-child(3){background:linear-gradient(135deg,#ddd6d2,#b5a4a0)}.project:nth-child(4){background:linear-gradient(135deg,#e5ddd2,#b9ad98)}.project:nth-child(5){background:linear-gradient(135deg,#d6d4d1,#9b9c9d)}.project:nth-child(6){background:linear-gradient(135deg,#dedbd4,#b1a89b)}.project h3{margin:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.steps{counter-reset:step}.step{padding:22px 0;border-bottom:1px solid var(--line)}.step:before{counter-increment:step;content:'0' counter(step);display:inline-block;width:60px;color:var(--accent)}.calc{display:grid;grid-template-columns:1.1fr .9fr;gap:35px;align-items:start}.form-panel,.result{padding:36px;background:white;border:1px solid var(--line)}label{display:block;font-size:13px;margin:18px 0 8px;font-weight:600}select,input[type=number],input[type=text]{width:100%;border:1px solid var(--line);padding:13px;background:#fcfbfa;color:var(--ink);border-radius:0}.row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.check{display:flex;align-items:center;gap:10px;font-weight:400;margin:12px 0}.check input{accent-color:#8f7d6d}.price{font-family:Georgia,serif;font-size:clamp(30px,4vw,50px);line-height:1.2;margin:20px 0}.note{font-size:12px;color:var(--muted)}.result{position:sticky;top:100px;background:#eee9e3}.result .btn{width:100%;margin:10px 0}.cta{background:#292623;color:#fff;text-align:center;padding:95px 24px}.cta p{color:#c7bcb1}.cta .btn{background:#fff;color:#292623;border-color:#fff}footer{padding:42px 0;font-size:13px;color:var(--muted)}.foot{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.mini{font-size:13px;color:var(--muted)}.menu-toggle{display:none}.legal{max-width:750px}.legal p{margin-bottom:20px}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy{padding:70px 24px}.hero-art{min-height:400px}.grid{grid-template-columns:repeat(2,1fr)}.split,.calc{grid-template-columns:1fr;gap:30px}.result{position:static}.links{gap:12px;font-size:11px}}@media(max-width:650px){.nav{flex-wrap:wrap}.brand{font-size:19px}.links{order:3;width:100%;overflow-x:auto;padding-bottom:5px;white-space:nowrap}.links a{font-size:11px}.section{padding:65px 0}.grid{grid-template-columns:1fr}.row{grid-template-columns:1fr}.form-panel,.result{padding:24px}.hero-art{min-height:320px}.project{min-height:260px}}

[hidden]{display:none!important}.photo-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-gallery a{display:block;background:#e9e3dc;overflow:hidden;aspect-ratio:4/5}.photo-gallery img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s}.photo-gallery a:hover img{transform:scale(1.035)}.photo-gallery-home{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:750px){.photo-gallery,.photo-gallery-home{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.kitchen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:24px 0 42px}.kitchen-gallery a{display:block;overflow:hidden;background:#edeae6;border-radius:3px}.kitchen-gallery img{width:100%;height:320px;object-fit:cover;display:block;transition:transform .3s}.kitchen-gallery a:hover img{transform:scale(1.035)}@media(max-width:700px){.kitchen-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kitchen-gallery img{height:220px}}



/* Category gallery navigation */
.category-card{position:relative;min-height:340px;background-image:linear-gradient(0deg,rgba(20,20,20,.67),rgba(20,20,20,.08)),var(--card-image,linear-gradient(135deg,#dfd7cf,#b8aaa0));background-position:center;background-size:cover;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end}
.category-card.no-photo{background:linear-gradient(140deg,#cfc7bf,#9f9288)}
.category-entry{display:flex;flex-direction:column;justify-content:flex-end;flex:1;padding:30px 28px 72px;min-height:255px;color:#fff}
.category-entry small{font-size:11px;letter-spacing:.16em;color:#f7f0e9}.category-entry h3{margin:8px 0 2px;font-size:30px}.category-explore{font-size:12px;letter-spacing:.06em;opacity:.9;text-decoration:underline;text-underline-offset:4px}
.category-calc{position:absolute;bottom:20px;left:28px;display:inline-flex;align-items:center;background:#f7f4f0;color:#292623;padding:10px 15px;font-size:12px;letter-spacing:.03em;border:1px solid #f7f4f0;z-index:2;transition:.2s}
.category-calc:hover{background:#292623;color:white}.category-entry:hover .category-explore{text-decoration:none}
.crumb{display:inline-block;margin-bottom:22px;font-size:13px;color:#998777;text-decoration:underline;text-underline-offset:4px}.category-actions{display:flex;gap:14px;flex-wrap:wrap;margin:25px 0 35px}.empty-category{min-height:280px;border:1px solid #ded6cd;background:#ebe6df;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:30px}.empty-category p{max-width:540px;margin:12px 0}.directory-item{min-height:300px;background-image:linear-gradient(0deg,rgba(20,20,20,.60),rgba(20,20,20,.08)),var(--card-image,linear-gradient(135deg,#d6cec7,#a8a09a));background-size:cover;background-position:center;color:white;padding:25px;display:flex;justify-content:end;flex-direction:column}.directory-item h3{margin:0}.directory-item span{font-size:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:650px){.category-card{min-height:300px}.category-entry{min-height:280px}.category-actions .btn{width:100%}}


/* Photo viewer: desktop arrows, mobile swipe, keyboard navigation. */
.site-lightbox[hidden]{display:none!important}
.site-lightbox{position:fixed;inset:0;z-index:9999;background:rgba(20,19,18,.95);color:#fff;display:flex;align-items:center;justify-content:center;padding:60px 24px 24px;overscroll-behavior:contain}
.site-lightbox-toolbar{position:absolute;top:0;left:0;right:0;height:62px;display:flex;justify-content:space-between;align-items:center;padding:6px max(20px,4vw);z-index:2}
.site-lightbox-count{font:400 13px/1.3 Arial,sans-serif;letter-spacing:.15em;color:rgba(255,255,255,.85);font-variant-numeric:tabular-nums}
.site-lightbox-close,.site-lightbox-prev,.site-lightbox-next{border:1px solid rgba(255,255,255,.24);background:rgba(50,48,46,.75);color:#fff;display:flex;align-items:center;justify-content:center;transition:background .15s ease;cursor:pointer}
.site-lightbox-close:hover,.site-lightbox-prev:hover,.site-lightbox-next:hover{background:#877666}
.site-lightbox-close{font-size:32px;line-height:1;width:44px;height:44px;border-radius:50%}
.site-lightbox-stage{width:100%;height:100%;display:flex;justify-content:center;align-items:center;position:relative;min-height:0}
.site-lightbox-photo{max-width:100%;max-height:calc(100vh - 95px);max-height:calc(100dvh - 95px);object-fit:contain;box-shadow:0 10px 40px rgba(0,0,0,.22);user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.site-lightbox-prev,.site-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;font-size:46px;font-family:Arial,sans-serif;line-height:1;width:54px;height:54px;z-index:2;padding-bottom:6px}
.site-lightbox-prev{left:0}.site-lightbox-next{right:0}
.site-lightbox button:focus-visible{outline:3px solid white;outline-offset:4px}
.kitchen-gallery a:focus-visible{outline:3px solid #998777;outline-offset:3px}
@media(max-width:650px){
  .site-lightbox{padding:60px 8px 18px}
  .site-lightbox-toolbar{padding:6px 14px}
  .site-lightbox-photo{max-height:calc(100vh - 100px);max-height:calc(100dvh - 100px)}
  .site-lightbox-prev,.site-lightbox-next{width:40px;height:52px;border-radius:8px;font-size:38px;background:rgba(35,34,33,.66)}
}

[hidden]{display:none!important}
.extra-panel{margin-top:24px;padding:18px 20px 24px;border:1px solid var(--line);background:#f7f4f0}
.extra-panel .extra-title{font-size:23px;margin:0 0 6px}


/* Asaad Home — warm family story / editorial about page */
.story-top{padding-top:94px;padding-bottom:96px}
.story-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.95fr);align-items:center;gap:clamp(32px,5vw,80px)}
.story-hero-copy{padding:6px 0 4px}
.story-hero-copy h1{max-width:690px;margin:20px 0 28px;font-size:clamp(44px,5.2vw,78px);line-height:1.12;letter-spacing:-.027em}
.story-lead{font-size:clamp(19px,2vw,25px);line-height:1.56;color:#4c443e;font-family:Georgia,'Times New Roman',serif;max-width:630px}
.story-small-line{width:58px;height:1px;background:#ad9680;margin:35px 0 26px}
.story-subtitle{max-width:540px;color:#756e67;font-size:15px;line-height:1.85}
.story-explore{display:inline-flex;align-items:center;gap:16px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #ad9680;padding-bottom:9px;margin-top:16px;transition:gap .2s;color:#55493e}
.story-explore:hover{gap:23px}
.story-hero-visual{background:#ece6df;padding:28px 28px 22px;min-width:0}
.story-hero-picture{aspect-ratio:4/4.3;overflow:hidden;background:#f7f4f0;display:flex;align-items:center;justify-content:center}
.story-hero-picture img{display:block;width:100%;height:100%;object-fit:contain;filter:saturate(.85)}
.story-hero-tag{text-align:center;font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin:22px 6px 4px;color:#807164}
.story-origin{background:#efebe6;padding-top:95px;padding-bottom:95px}
.story-origin-layout{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,8vw,125px);align-items:start}
.story-origin-layout h2{margin:16px 0;max-width:470px}
.story-prose{padding-top:10px}.story-prose p{font-size:16px;color:#554c45;line-height:1.92;margin-bottom:22px;max-width:740px}
.story-prose .story-emphasis{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2.3vw,27px);color:#453c35;line-height:1.55;border-left:2px solid #a8917e;padding-left:24px;margin-top:30px}
.story-quote{position:relative;margin:66px 0 0;padding:44px max(24px,5vw) 44px 75px;border-top:1px solid #cabcb0;border-bottom:1px solid #cabcb0;max-width:100%;background:rgba(255,255,255,.28)}
.story-quote-icon{font-family:Georgia,serif;font-size:86px;line-height:1;position:absolute;left:22px;top:28px;color:#ac9480}
.story-quote p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.8vw,36px);line-height:1.46;max-width:970px;margin:0 0 22px;color:#403730}
.story-quote cite{font-style:normal;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#8b7968}
.story-values-section{padding-top:105px;padding-bottom:110px}
.story-values-heading{max-width:680px;margin:14px 0 42px}
.story-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.story-value{background:#fff;border:1px solid #ebe4dc;padding:38px 30px 40px;min-height:295px}
.story-number{color:#a8917e;font-family:Georgia,serif;font-size:19px}
.story-value h3{margin:30px 0 15px;font-size:clamp(24px,2.2vw,29px)}
.story-value p{color:#756e67;line-height:1.82;font-size:14px;margin:0}
.story-closing{background:#38332f;color:#f7f4f0;text-align:center;padding:95px 24px 98px}
.story-closing-inner{max-width:900px}
.story-closing .eyebrow{color:#d4bba6}
.story-closing h2{font-size:clamp(32px,4vw,54px);margin:18px auto 24px;max-width:780px}
.story-closing p{font-size:17px;line-height:1.85;color:#ddd4ca;max-width:710px;margin:0 auto}
.story-signoff{margin:37px auto 0;font-family:Georgia,serif;font-size:clamp(19px,2vw,25px);color:#f3e0c9;font-style:italic}
@media(max-width:860px){.story-hero{grid-template-columns:1fr}.story-hero-visual{width:min(100%,520px);justify-self:center}.story-top{padding-top:70px;padding-bottom:72px}.story-origin-layout{grid-template-columns:1fr}.story-values{grid-template-columns:1fr}.story-value{min-height:0}.story-quote{margin-top:42px}}
@media(max-width:650px){.story-hero-copy h1{font-size:clamp(40px,11vw,55px)}.story-hero-visual{padding:16px 16px 14px}.story-hero-tag{font-size:10px}.story-origin{padding-top:65px;padding-bottom:65px}.story-quote{padding:32px 19px 32px 45px}.story-quote-icon{font-size:64px;left:8px;top:21px}.story-quote p{font-size:22px}.story-values-section{padding-top:70px;padding-bottom:70px}.story-value{padding:28px 25px}.story-closing{padding:70px 24px}.story-closing p{font-size:15px}}

/* Optional anonymous analytics consent: displayed only after a counter is configured. */
.analytics-consent{position:fixed;bottom:16px;left:16px;right:16px;max-width:510px;z-index:99999;background:#faf8f5;color:#2e2926;box-shadow:0 4px 30px #0002;border:1px solid #d6cec5;border-radius:12px;padding:16px 20px;font-family:Arial,sans-serif;font-size:14px;line-height:1.5}
.analytics-consent p{margin:0 0 12px}.analytics-consent>div{display:flex;gap:10px;flex-wrap:wrap}
.analytics-consent button{border-radius:5px;border:1px solid #938578;background:#29231f;color:#fff;padding:8px 14px;cursor:pointer;font-size:13px}
.analytics-consent button+button{background:transparent;color:#29231f}
@media(max-width:600px){.analytics-consent{bottom:8px;left:8px;right:8px}}