/* ============================================================ TARAKEEB — تراكيب · Design system ("Tab & Slot") Single source of truth for colors, type, spacing, components. Every page links this file; pages add only page-specific CSS. ============================================================ */ /* ---------- Fonts ---------- Marhey (Arabic display) + Rubik (Latin/body/numerals, Arabic body) are loaded via tags in each page's for reliability. */ /* ---------- Tokens ---------- */ :root{ /* Brand palette — from brand-guidelines/README.txt */ --amber:#E8833A; /* primary accent */ --teal:#2C5F63; /* secondary */ --walnut:#2E2418; /* text / dark surfaces */ --cream:#FBF4EA; /* background */ --engrave:#5A3E1E; /* single-color engraving on wood */ /* Derived */ --paper:#FFFDF8; --ink:var(--walnut); --ink-soft:#7A6A54; --line:#EADFCB; --amber-soft:#FAE7D6; --teal-soft:#E2ECEB; --amber-deep:#C96A26; --teal-ink:#1E4548; --ok:var(--teal); /* success = teal (brand has no green) */ --ok-soft:var(--teal-soft); /* Type */ --ff-latin:'Rubik',system-ui,sans-serif; --ff-arabic-display:'Marhey','Rubik',system-ui,sans-serif; --ff-body:var(--ff-latin); --ff-display:var(--ff-latin); /* switches to Marhey in AR */ /* Shape & depth */ --r-sm:9px; --r-md:14px; --r-lg:20px; --r-xl:26px; --shadow:0 10px 30px rgba(46,36,24,.10); --shadow-lg:0 26px 60px rgba(46,36,24,.22); /* Layout */ --wrap:1150px; /* Wood grain — engrave-brown lines, near-invisible, tiles seamlessly */ --grain:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22960%22 height=%22480%22 viewBox=%220 0 960 480%22%3E%3Cg fill=%22none%22%3E%3Cpolyline points=%220,8.8 24,9.2 48,9.7 72,10.2 96,10.6 120,11.1 144,11.5 168,11.9 192,12.3 216,12.6 240,12.8 264,13.0 288,13.1 312,13.1 336,13.0 360,12.9 384,12.7 408,12.4 432,12.1 456,11.7 480,11.2 504,10.8 528,10.3 552,9.8 576,9.4 600,8.9 624,8.5 648,8.1 672,7.7 696,7.4 720,7.2 744,7.0 768,6.9 792,6.9 816,7.0 840,7.1 864,7.3 888,7.6 912,7.9 936,8.3 960,8.8%22 stroke=%22rgba(122,85,48,0.132)%22 stroke-width=%221.61%22/%3E%3Cpolyline points=%220,25.3 24,25.0 48,24.7 72,24.4 96,24.1 120,23.7 144,23.3 168,22.9 192,22.5 216,22.1 240,21.7 264,21.4 288,21.1 312,20.8 336,20.6 360,20.5 384,20.4 408,20.4 432,20.4 456,20.6 480,20.7 504,21.0 528,21.3 552,21.6 576,21.9 600,22.3 624,22.7 648,23.1 672,23.5 696,23.9 720,24.3 744,24.6 768,24.9 792,25.2 816,25.4 840,25.5 864,25.6 888,25.6 912,25.6 936,25.4 960,25.3%22 stroke=%22rgba(122,85,48,0.154)%22 stroke-width=%220.82%22/%3E%3Cpolyline points=%220,35.2 24,36.1 48,36.6 72,36.4 96,35.5 120,34.0 144,32.3 168,30.7 192,29.5 216,29.1 240,29.4 264,30.6 288,32.4 312,34.6 336,36.6 360,38.2 384,39.2 408,39.4 432,37.7 456,34.2 480,31.0 504,30.5 528,32.4 552,34.7 576,36.5 600,38.0 624,39.7 648,41.3 672,42.5 696,42.9 720,42.6 744,41.4 768,39.6 792,37.4 816,35.4 840,33.8 864,32.8 888,32.6 912,33.1 936,34.1 960,35.2%22 stroke=%22rgba(122,85,48,0.1)%22 stroke-width=%221.26%22/%3E%3Cpolyline points=%220,47.5 24,47.9 48,48.5 72,49.2 96,49.7 120,49.9 144,49.6 168,49.0 192,47.9 216,46.6 240,45.3 264,44.2 288,43.5 312,43.2 336,43.4 360,44.0 384,44.8 408,45.6 432,44.5 456,40.5 480,36.2 504,36.0 528,39.7 552,43.2 576,44.3 600,44.1 624,44.4 648,45.0 672,46.1 696,47.4 720,48.7 744,49.8 768,50.5 792,50.8 816,50.6 840,50.0 864,49.2 888,48.4 912,47.8 936,47.5 960,47.5%22 stroke=%22rgba(122,85,48,0.096)%22 stroke-width=%221.28%22/%3E%3Cpolyline points=%220,64.3 24,64.8 48,64.5 72,63.5 96,62.2 120,60.9 144,59.9 168,59.4 192,59.6 216,60.4 240,61.7 264,63.1 288,64.3 312,65.0 336,64.9 360,64.1 384,62.6 408,60.7 432,61.3 456,48.1 480,41.2 504,41.0 528,47.1 552,53.9 576,57.8 600,59.1 624,60.1 648,60.6 672,60.4 696,59.6 720,58.3 744,56.9 768,55.7 792,55.0 816,55.1 840,55.9 864,57.4 888,59.3 912,61.3 936,63.1 960,64.3%22 stroke=%22rgba(122,85,48,0.141)%22 stroke-width=%221.13%22/%3E%3Cpolyline points=%220,87.4 24,87.7 48,87.2 72,86.0 96,84.2 120,82.1 144,79.7 168,77.3 192,75.2 216,73.6 240,72.6 264,72.3 288,72.8 312,74.0 336,75.8 360,77.9 384,80.3 408,82.7 432,85.4 456,87.9 480,89.5 504,89.6 528,88.5 552,86.5 576,84.2 600,82.1 624,79.7 648,77.3 672,75.2 696,73.6 720,72.6 744,72.3 768,72.8 792,74.0 816,75.8 840,77.9 864,80.3 888,82.7 912,84.8 936,86.4 960,87.4%22 stroke=%22rgba(122,85,48,0.15)%22 stroke-width=%220.78%22/%3E%3Cpolyline points=%220,94.9 24,95.4 48,95.8 72,96.2 96,96.4 120,96.5 144,96.5 168,96.3 192,95.9 216,95.5 240,95.1 264,94.6 288,94.2 312,93.8 336,93.6 360,93.5 384,93.5 408,93.7 432,94.1 456,94.5 480,94.9 504,95.4 528,95.8 552,96.2 576,96.4 600,96.5 624,96.5 648,96.3 672,95.9 696,95.5 720,95.1 744,94.6 768,94.2 792,93.8 816,93.6 840,93.5 864,93.5 888,93.7 912,94.1 936,94.5 960,94.9%22 stroke=%22rgba(122,85,48,0.126)%22 stroke-width=%220.86%22/%3E%3Cpolyline points=%220,111.6 24,111.2 48,110.9 72,110.7 96,110.6 120,110.7 144,110.8 168,111.0 192,111.4 216,111.8 240,112.3 264,112.9 288,113.5 312,114.2 336,114.8 360,115.5 384,116.2 408,116.8 432,117.4 456,118.0 480,118.4 504,118.8 528,119.1 552,119.3 576,119.4 600,119.3 624,119.2 648,119.0 672,118.6 696,118.2 720,117.7 744,117.1 768,116.5 792,115.8 816,115.2 840,114.5 864,113.8 888,113.2 912,112.6 936,112.0 960,111.6%22 stroke=%22rgba(122,85,48,0.159)%22 stroke-width=%221.01%22/%3E%3Cpolyline points=%220,130.8 24,132.0 48,133.5 72,135.2 96,136.8 120,138.4 144,136.9 168,132.7 192,128.0 216,129.9 240,134.9 264,139.5 288,139.9 312,138.7 336,137.5 360,136.3 384,135.2 408,134.3 432,133.6 456,133.2 480,133.2 504,133.4 528,133.8 552,134.3 576,134.9 600,135.4 624,135.8 648,135.9 672,135.8 696,135.4 720,134.7 744,133.8 768,132.8 792,131.7 816,130.7 840,129.9 864,129.3 888,129.1 912,129.3 936,129.8 960,130.8%22 stroke=%22rgba(122,85,48,0.123)%22 stroke-width=%221.36%22/%3E%3Cpolyline points=%220,147.7 24,146.2 48,143.9 72,141.2 96,138.6 120,136.6 144,133.2 168,129.2 192,125.7 216,128.3 240,134.8 264,142.2 288,145.5 312,146.6 336,146.8 360,146.1 384,144.8 408,143.1 432,141.5 456,140.3 480,139.7 504,139.9 528,140.6 552,141.7 576,142.7 600,143.5 624,143.7 648,143.2 672,142.2 696,140.8 720,139.4 744,138.4 768,138.0 792,138.5 816,139.8 840,141.8 864,144.0 888,146.1 912,147.6 936,148.1 960,147.7%22 stroke=%22rgba(122,85,48,0.14)%22 stroke-width=%220.72%22/%3E%3Cpolyline points=%220,178.2 24,178.1 48,177.6 72,176.8 96,175.7 120,174.5 144,174.1 168,174.8 192,176.1 216,174.7 240,171.7 264,168.6 288,167.6 312,167.6 336,167.9 360,168.4 384,169.0 408,169.6 432,170.2 456,170.8 480,171.2 504,171.4 528,171.4 552,171.3 576,171.0 600,170.6 624,170.3 648,170.0 672,169.9 696,169.9 720,170.2 744,170.7 768,171.4 792,172.3 816,173.4 840,174.6 864,175.7 888,176.7 912,177.5 936,178.0 960,178.2%22 stroke=%22rgba(122,85,48,0.146)%22 stroke-width=%221.1%22/%3E%3Cpolyline points=%220,198.0 24,199.3 48,200.9 72,202.5 96,204.0 120,205.1 144,205.6 168,205.7 192,205.2 216,204.4 240,203.5 264,202.5 288,201.8 312,201.2 336,200.9 360,200.8 384,200.8 408,200.8 432,200.8 456,200.6 480,200.4 504,200.2 528,200.1 552,200.3 576,200.7 600,201.5 624,202.5 648,203.7 672,204.8 696,205.7 720,206.1 744,206.0 768,205.2 792,204.0 816,202.4 840,200.6 864,199.0 888,197.8 912,197.2 936,197.3 960,198.0%22 stroke=%22rgba(122,85,48,0.158)%22 stroke-width=%220.98%22/%3E%3Cpolyline points=%220,233.5 24,234.4 48,234.8 72,234.6 96,233.8 120,232.6 144,231.0 168,229.1 192,227.2 216,225.3 240,223.7 264,222.5 288,221.6 312,221.3 336,221.4 360,221.9 384,222.7 408,223.7 432,224.8 456,225.8 480,226.5 504,227.0 528,227.1 552,226.8 576,226.2 600,225.2 624,224.1 648,222.8 672,221.7 696,220.8 720,220.2 744,220.1 768,220.5 792,221.3 816,222.6 840,224.3 864,226.3 888,228.3 912,230.3 936,232.1 960,233.5%22 stroke=%22rgba(122,85,48,0.101)%22 stroke-width=%220.93%22/%3E%3Cpolyline points=%220,259.0 24,259.4 48,259.3 72,258.9 96,258.0 120,256.9 144,255.5 168,254.1 192,252.6 216,251.4 240,250.4 264,249.9 288,249.7 312,250.1 336,250.9 360,252.2 384,253.7 408,255.3 432,257.0 456,258.6 480,260.0 504,260.9 528,261.5 552,261.6 576,261.2 600,260.5 624,259.4 648,258.2 672,256.9 696,255.6 720,254.6 744,253.8 768,253.4 792,253.4 816,253.8 840,254.5 864,255.4 888,256.4 912,257.5 936,258.4 960,259.0%22 stroke=%22rgba(122,85,48,0.135)%22 stroke-width=%221.02%22/%3E%3Cpolyline points=%220,265.7 24,264.2 48,263.0 72,262.3 96,262.5 120,263.5 144,265.3 168,267.5 192,269.8 216,271.7 240,273.0 264,273.5 288,273.0 312,271.7 336,270.1 360,268.4 384,267.0 408,266.3 432,266.3 456,267.1 480,268.3 504,269.8 528,271.0 552,271.7 576,271.5 600,270.5 624,268.7 648,266.5 672,264.2 696,262.3 720,261.0 744,260.5 768,261.0 792,262.3 816,263.9 840,265.6 864,267.0 888,267.7 912,267.7 936,266.9 960,265.7%22 stroke=%22rgba(122,85,48,0.166)%22 stroke-width=%221.38%22/%3E%3Cpolyline points=%220,293.3 24,294.8 48,296.0 72,296.6 96,296.7 120,296.3 144,295.3 168,293.9 192,292.3 216,290.5 240,288.7 264,287.2 288,286.0 312,285.4 336,285.3 360,285.7 384,286.7 408,288.1 432,289.7 456,291.5 480,293.3 504,294.8 528,296.0 552,296.6 576,296.7 600,296.3 624,295.3 648,293.9 672,292.3 696,290.5 720,288.7 744,287.2 768,286.0 792,285.4 816,285.3 840,285.7 864,286.7 888,288.1 912,289.7 936,291.5 960,293.3%22 stroke=%22rgba(122,85,48,0.099)%22 stroke-width=%220.86%22/%3E%3Cpolyline points=%220,309.6 24,308.4 48,307.7 72,307.7 96,308.5 120,309.9 144,311.8 168,313.7 192,315.2 216,316.1 240,316.3 264,315.6 288,314.3 312,312.6 336,310.9 360,309.6 384,308.9 408,309.0 432,309.7 456,311.0 480,312.4 504,313.6 528,314.3 552,314.3 576,313.5 600,312.1 624,309.8 648,306.1 672,303.2 696,301.9 720,303.3 744,305.4 768,307.7 792,309.4 816,311.1 840,312.4 864,313.1 888,313.0 912,312.3 936,311.0 960,309.6%22 stroke=%22rgba(122,85,48,0.135)%22 stroke-width=%220.77%22/%3E%3Cpolyline points=%220,322.1 24,320.7 48,319.6 72,318.9 96,318.8 120,319.1 144,319.9 168,321.1 192,322.6 216,324.2 240,325.9 264,327.3 288,328.4 312,329.1 336,329.2 360,328.9 384,328.1 408,326.9 432,325.4 456,323.8 480,322.1 504,320.7 528,319.6 552,318.9 576,318.8 600,319.1 624,319.2 648,316.0 672,312.6 696,311.0 720,317.1 744,323.6 768,328.4 792,329.1 816,329.2 840,328.9 864,328.1 888,326.9 912,325.4 936,323.8 960,322.1%22 stroke=%22rgba(122,85,48,0.09)%22 stroke-width=%221.19%22/%3E%3Cpolyline points=%220,348.2 24,348.3 48,348.5 72,348.8 96,349.2 120,349.8 144,350.5 168,351.2 192,352.0 216,352.9 240,353.8 264,354.7 288,355.6 312,356.5 336,357.2 360,358.0 384,358.6 408,359.1 432,359.4 456,359.7 480,359.8 504,359.7 528,359.5 552,359.2 576,358.8 600,358.2 624,357.8 648,358.8 672,360.1 696,360.6 720,357.9 744,354.9 768,352.4 792,351.5 816,350.8 840,350.0 864,349.4 888,348.9 912,348.6 936,348.3 960,348.2%22 stroke=%22rgba(122,85,48,0.123)%22 stroke-width=%221.39%22/%3E%3Cpolyline points=%220,356.4 24,357.0 48,357.8 72,358.8 96,360.0 120,361.3 144,362.7 168,364.1 192,365.4 216,366.4 240,367.2 264,367.7 288,367.9 312,367.7 336,367.2 360,366.5 384,365.6 408,364.6 432,363.5 456,362.4 480,361.4 504,360.6 528,359.9 552,359.5 576,359.2 600,359.0 624,359.2 648,360.5 672,361.9 696,362.5 720,361.1 744,359.6 768,358.4 792,358.1 816,357.6 840,357.1 864,356.7 888,356.4 912,356.2 936,356.2 960,356.4%22 stroke=%22rgba(122,85,48,0.148)%22 stroke-width=%221.0%22/%3E%3Cpolyline points=%220,375.5 24,374.6 48,373.5 72,372.2 96,370.8 120,369.6 144,368.5 168,367.7 192,367.2 216,367.1 240,367.3 264,367.8 288,368.6 312,369.4 336,370.3 360,371.0 384,371.6 408,371.9 432,371.8 456,371.4 480,370.7 504,369.8 528,368.7 552,367.6 576,366.5 600,365.6 624,365.0 648,365.0 672,365.4 696,365.8 720,366.5 744,367.8 768,369.3 792,370.8 816,372.4 840,373.8 864,374.9 888,375.7 912,376.1 936,376.0 960,375.5%22 stroke=%22rgba(122,85,48,0.129)%22 stroke-width=%221.2%22/%3E%3Cpolyline points=%220,375.4 24,375.7 48,376.2 72,376.8 96,377.6 120,378.5 144,379.5 168,380.7 192,381.8 216,383.0 240,384.2 264,385.4 288,386.5 312,387.5 336,388.4 360,389.2 384,389.8 408,390.3 432,390.6 456,390.7 480,390.6 504,390.3 528,389.8 552,389.2 576,388.4 600,387.5 624,386.5 648,385.3 672,384.2 696,383.0 720,381.8 744,380.6 768,379.5 792,378.5 816,377.6 840,376.8 864,376.2 888,375.7 912,375.4 936,375.3 960,375.4%22 stroke=%22rgba(122,85,48,0.1)%22 stroke-width=%221.22%22/%3E%3Cpolyline points=%220,402.4 24,401.8 48,401.4 72,401.0 96,400.9 120,401.0 144,401.3 168,401.7 192,402.3 216,402.9 240,403.6 264,404.2 288,404.6 312,405.0 336,405.1 360,405.0 384,404.7 408,404.3 432,403.7 456,403.1 480,402.4 504,401.8 528,401.4 552,401.0 576,400.9 600,401.0 624,401.3 648,401.7 672,402.3 696,402.9 720,403.6 744,404.2 768,404.6 792,405.0 816,405.1 840,405.0 864,404.7 888,404.3 912,403.7 936,403.1 960,402.4%22 stroke=%22rgba(122,85,48,0.166)%22 stroke-width=%221.15%22/%3E%3Cpolyline points=%220,430.4 24,430.6 48,430.5 72,430.3 96,429.9 120,429.4 144,428.7 168,427.8 192,426.8 216,425.8 240,424.6 264,423.4 288,422.2 312,421.1 336,420.0 360,418.9 384,418.0 408,417.1 432,416.5 456,415.9 480,415.6 504,415.4 528,415.5 552,415.7 576,416.1 600,416.6 624,417.3 648,418.2 672,419.2 696,420.2 720,421.4 744,422.6 768,423.8 792,424.9 816,426.0 840,427.1 864,428.0 888,428.9 912,429.5 936,430.1 960,430.4%22 stroke=%22rgba(122,85,48,0.098)%22 stroke-width=%221.32%22/%3E%3Cpolyline points=%220,424.6 24,425.2 48,425.9 72,426.7 96,427.6 120,428.6 144,429.6 168,430.6 192,431.6 216,432.5 240,433.4 264,434.2 288,434.9 312,435.5 336,436.0 360,436.3 384,436.4 408,436.4 432,436.2 456,435.9 480,435.4 504,434.8 528,434.1 552,433.3 576,432.4 600,431.4 624,430.4 648,429.4 672,428.4 696,427.5 720,426.6 744,425.8 768,425.1 792,424.5 816,424.0 840,423.7 864,423.6 888,423.6 912,423.8 936,424.1 960,424.6%22 stroke=%22rgba(122,85,48,0.148)%22 stroke-width=%221.18%22/%3E%3Cpolyline points=%220,438.0 24,437.6 48,437.6 72,438.0 96,438.5 120,439.3 144,440.0 168,440.8 192,441.3 216,441.7 240,441.8 264,441.6 288,441.1 312,440.4 336,439.5 360,438.6 384,437.7 408,437.0 432,436.5 456,436.4 480,436.6 504,437.2 528,438.1 552,439.4 576,440.9 600,442.4 624,444.0 648,445.4 672,446.5 696,447.3 720,447.7 744,447.6 768,447.1 792,446.3 816,445.1 840,443.7 864,442.3 888,440.9 912,439.7 936,438.7 960,438.0%22 stroke=%22rgba(122,85,48,0.088)%22 stroke-width=%220.86%22/%3E%3Cpolyline points=%220,449.0 24,448.2 48,447.6 72,447.3 96,447.2 120,447.3 144,447.6 168,448.1 192,448.7 216,449.4 240,450.1 264,450.8 288,451.4 312,451.9 336,452.3 360,452.6 384,452.7 408,452.8 432,452.9 456,452.9 480,453.0 504,453.1 528,453.3 552,453.5 576,453.9 600,454.3 624,454.7 648,455.2 672,455.5 696,455.8 720,456.0 744,455.9 768,455.7 792,455.3 816,454.7 840,453.9 864,452.9 888,451.9 912,450.9 936,449.9 960,449.0%22 stroke=%22rgba(122,85,48,0.123)%22 stroke-width=%221.64%22/%3E%3Cpolyline points=%220,461.6 24,461.4 48,461.2 72,461.1 96,461.0 120,460.9 144,460.9 168,461.0 192,461.1 216,461.2 240,461.4 264,461.6 288,461.9 312,462.2 336,462.5 360,462.8 384,463.2 408,463.5 432,463.8 456,464.1 480,464.4 504,464.6 528,464.8 552,464.9 576,465.0 600,465.1 624,465.1 648,465.0 672,464.9 696,464.8 720,464.6 744,464.4 768,464.1 792,463.8 816,463.5 840,463.2 864,462.8 888,462.5 912,462.2 936,461.9 960,461.6%22 stroke=%22rgba(122,85,48,0.119)%22 stroke-width=%221.57%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%227%22 ry=%223.2%22 fill=%22rgba(74,48,20,0.204)%22 stroke=%22none%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%2222%22 ry=%229%22 stroke=%22rgba(74,48,20,0.272)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%2216%22 ry=%226.5%22 stroke=%22rgba(74,48,20,0.34)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%2211%22 ry=%224.6%22 stroke=%22rgba(74,48,20,0.306)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%226.5%22 ry=%222.6%22 stroke=%22rgba(74,48,20,0.34)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%227%22 ry=%223.2%22 fill=%22rgba(74,48,20,0.204)%22 stroke=%22none%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%2222%22 ry=%229%22 stroke=%22rgba(74,48,20,0.272)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%2216%22 ry=%226.5%22 stroke=%22rgba(74,48,20,0.34)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%2211%22 ry=%224.6%22 stroke=%22rgba(74,48,20,0.306)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%226.5%22 ry=%222.6%22 stroke=%22rgba(74,48,20,0.34)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%227%22 ry=%223.2%22 fill=%22rgba(74,48,20,0.204)%22 stroke=%22none%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%2222%22 ry=%229%22 stroke=%22rgba(74,48,20,0.272)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%2216%22 ry=%226.5%22 stroke=%22rgba(74,48,20,0.34)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%2211%22 ry=%224.6%22 stroke=%22rgba(74,48,20,0.306)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%226.5%22 ry=%222.6%22 stroke=%22rgba(74,48,20,0.34)%22 stroke-width=%221.3%22/%3E%3C/g%3E%3C/svg%3E"); /* Same grain, cream lines for dark (walnut) surfaces */ --grain-light:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22960%22 height=%22480%22 viewBox=%220 0 960 480%22%3E%3Cg fill=%22none%22%3E%3Cpolyline points=%220,10.4 24,10.5 48,10.8 72,11.2 96,11.6 120,11.9 144,11.9 168,11.5 192,10.8 216,9.9 240,8.8 264,7.8 288,7.0 312,6.6 336,6.5 360,6.8 384,7.4 408,8.1 432,8.8 456,9.3 480,9.6 504,9.5 528,9.2 552,8.8 576,8.4 600,8.1 624,8.1 648,8.5 672,9.2 696,10.1 720,11.2 744,12.2 768,13.0 792,13.4 816,13.5 840,13.2 864,12.6 888,11.9 912,11.2 936,10.7 960,10.4%22 stroke=%22rgba(251,244,234,0.098)%22 stroke-width=%221.53%22/%3E%3Cpolyline points=%220,12.4 24,12.0 48,12.2 72,13.2 96,14.9 120,17.1 144,19.5 168,21.7 192,23.4 216,24.2 240,24.0 264,22.8 288,20.8 312,18.2 336,15.5 360,13.0 384,11.2 408,10.3 432,10.4 456,11.4 480,13.0 504,15.0 528,17.0 552,18.7 576,19.9 600,20.6 624,20.7 648,20.3 672,19.7 696,19.1 720,18.6 744,18.2 768,18.0 792,17.9 816,17.7 840,17.3 864,16.6 888,15.6 912,14.5 936,13.3 960,12.4%22 stroke=%22rgba(251,244,234,0.118)%22 stroke-width=%221.58%22/%3E%3Cpolyline points=%220,22.6 24,22.0 48,21.8 72,22.0 96,22.5 120,23.5 144,24.7 168,26.1 192,27.7 216,29.2 240,30.6 264,31.9 288,32.8 312,33.3 336,33.5 360,33.3 384,32.8 408,32.1 432,30.6 456,28.5 480,26.8 504,26.4 528,26.8 552,27.1 576,27.2 600,27.4 624,27.7 648,28.2 672,28.7 696,29.2 720,29.5 744,29.7 768,29.7 792,29.3 816,28.7 840,27.9 864,26.8 888,25.7 912,24.5 936,23.4 960,22.6%22 stroke=%22rgba(251,244,234,0.114)%22 stroke-width=%220.85%22/%3E%3Cpolyline points=%220,41.3 24,39.8 48,37.8 72,35.8 96,34.0 120,32.8 144,32.4 168,32.7 192,33.6 216,35.0 240,36.4 264,37.7 288,38.4 312,38.6 336,38.2 360,37.4 384,36.5 408,35.7 432,34.5 456,32.6 480,30.9 504,31.7 528,35.9 552,40.8 576,44.0 600,45.2 624,45.6 648,45.3 672,44.4 696,43.0 720,41.6 744,40.3 768,39.6 792,39.4 816,39.8 840,40.6 864,41.5 888,42.3 912,42.6 936,42.3 960,41.3%22 stroke=%22rgba(251,244,234,0.099)%22 stroke-width=%221.48%22/%3E%3Cpolyline points=%220,50.2 24,51.2 48,52.1 72,52.8 96,53.2 120,53.4 144,53.3 168,53.0 192,52.6 216,52.1 240,51.5 264,50.8 288,50.2 312,49.7 336,49.3 360,48.9 384,48.6 408,48.4 432,46.3 456,41.6 480,36.9 504,36.8 528,40.9 552,44.8 576,46.0 600,45.4 624,44.7 648,44.1 672,43.4 696,42.9 720,42.6 744,42.5 768,42.5 792,42.9 816,43.5 840,44.3 864,45.4 888,46.5 912,47.7 936,49.0 960,50.2%22 stroke=%22rgba(251,244,234,0.092)%22 stroke-width=%220.73%22/%3E%3Cpolyline points=%220,53.4 24,51.8 48,51.4 72,52.2 96,54.0 120,56.5 144,59.1 168,61.3 192,62.5 216,62.5 240,61.3 264,59.2 288,56.6 312,54.1 336,52.2 360,51.4 384,51.8 408,53.3 432,53.1 456,67.3 480,74.9 504,75.8 528,70.5 552,64.2 576,60.0 600,57.5 624,54.9 648,52.7 672,51.5 696,51.5 720,52.7 744,54.8 768,57.4 792,59.9 816,61.8 840,62.6 864,62.2 888,60.7 912,58.4 936,55.7 960,53.4%22 stroke=%22rgba(251,244,234,0.092)%22 stroke-width=%221.23%22/%3E%3Cpolyline points=%220,84.0 24,86.1 48,88.3 72,90.2 96,91.5 120,92.0 144,91.6 168,90.4 192,88.8 216,87.1 240,85.6 264,84.6 288,84.2 312,84.4 336,85.1 360,86.1 384,87.1 408,87.7 432,88.3 456,88.9 480,89.3 504,88.9 528,87.2 552,85.6 576,85.1 600,85.7 624,86.9 648,88.3 672,89.7 696,90.9 720,91.4 744,91.1 768,90.1 792,88.3 816,86.3 840,84.2 864,82.5 888,81.5 912,81.5 936,82.3 960,84.0%22 stroke=%22rgba(251,244,234,0.074)%22 stroke-width=%221.15%22/%3E%3Cpolyline points=%220,114.8 24,114.6 48,114.3 72,113.9 96,113.5 120,113.0 144,112.4 168,111.8 192,111.2 216,110.6 240,110.0 264,109.4 288,108.9 312,108.4 336,107.9 360,107.6 384,107.3 408,107.1 432,107.1 456,107.1 480,107.2 504,107.4 528,107.7 552,108.1 576,108.5 600,109.0 624,109.6 648,110.2 672,110.8 696,111.4 720,112.0 744,112.6 768,113.1 792,113.6 816,114.1 840,114.4 864,114.7 888,114.9 912,114.9 936,114.9 960,114.8%22 stroke=%22rgba(251,244,234,0.081)%22 stroke-width=%220.82%22/%3E%3Cpolyline points=%220,129.6 24,129.7 48,129.3 72,128.4 96,127.1 120,125.7 144,123.0 168,120.0 192,117.7 216,117.6 240,118.3 264,119.2 288,119.6 312,120.1 336,120.9 360,121.8 384,122.7 408,123.5 432,124.0 456,124.1 480,123.9 504,123.3 528,122.4 552,121.1 576,119.7 600,118.2 624,116.8 648,115.6 672,114.9 696,114.6 720,114.8 744,115.5 768,116.7 792,118.4 816,120.3 840,122.4 864,124.4 888,126.3 912,127.9 936,129.0 960,129.6%22 stroke=%22rgba(251,244,234,0.093)%22 stroke-width=%221.45%22/%3E%3Cpolyline points=%220,128.1 24,128.5 48,129.0 72,129.5 96,130.1 120,130.6 144,129.3 168,126.5 192,123.4 216,124.9 240,128.8 264,132.9 288,134.2 312,134.5 336,134.7 360,134.8 384,134.8 408,134.7 432,134.5 456,134.3 480,133.9 504,133.5 528,133.0 552,132.5 576,131.9 600,131.4 624,130.8 648,130.2 672,129.6 696,129.1 720,128.6 744,128.2 768,127.8 792,127.5 816,127.3 840,127.2 864,127.2 888,127.3 912,127.5 936,127.7 960,128.1%22 stroke=%22rgba(251,244,234,0.088)%22 stroke-width=%221.12%22/%3E%3Cpolyline points=%220,151.6 24,150.0 48,148.4 72,146.9 96,145.7 120,144.9 144,141.1 168,135.4 192,129.9 216,132.3 240,139.3 264,150.0 288,149.9 312,151.4 336,152.6 360,153.6 384,154.3 408,154.6 432,154.5 456,154.0 480,153.3 504,152.5 528,151.6 552,150.7 576,150.0 600,149.6 624,149.5 648,149.7 672,150.2 696,151.0 720,152.0 744,153.1 768,154.1 792,155.0 816,155.6 840,155.9 864,155.8 888,155.2 912,154.3 936,153.1 960,151.6%22 stroke=%22rgba(251,244,234,0.061)%22 stroke-width=%221.03%22/%3E%3Cpolyline points=%220,169.4 24,169.7 48,170.0 72,170.2 96,170.3 120,170.2 144,171.4 168,173.5 192,175.6 216,174.6 240,171.8 264,168.7 288,167.4 312,166.8 336,166.1 360,165.5 384,164.8 408,164.2 432,163.6 456,163.1 480,162.6 504,162.3 528,162.0 552,161.8 576,161.7 600,161.8 624,161.9 648,162.1 672,162.5 696,162.9 720,163.4 744,163.9 768,164.6 792,165.2 816,165.9 840,166.5 864,167.2 888,167.8 912,168.4 936,168.9 960,169.4%22 stroke=%22rgba(251,244,234,0.123)%22 stroke-width=%220.88%22/%3E%3Cpolyline points=%220,178.3 24,180.3 48,181.9 72,183.0 96,183.6 120,183.5 144,182.8 168,181.6 192,180.8 216,179.5 240,177.2 264,174.1 288,172.1 312,171.0 336,170.4 360,170.5 384,171.2 408,172.5 432,174.3 456,176.3 480,178.3 504,180.3 528,181.9 552,183.0 576,183.6 600,183.5 624,182.8 648,181.5 672,179.7 696,177.7 720,175.7 744,173.7 768,172.1 792,171.0 816,170.4 840,170.5 864,171.2 888,172.5 912,174.3 936,176.3 960,178.3%22 stroke=%22rgba(251,244,234,0.1)%22 stroke-width=%221.4%22/%3E%3Cpolyline points=%220,188.7 24,188.7 48,188.3 72,187.6 96,186.8 120,185.8 144,184.9 168,184.1 192,183.6 216,183.5 240,183.7 264,184.3 288,185.2 312,186.3 336,187.6 360,189.0 384,190.2 408,191.2 432,191.8 456,192.0 480,191.8 504,191.1 528,190.0 552,188.6 576,186.9 600,185.2 624,183.5 648,182.0 672,180.9 696,180.1 720,179.8 744,179.9 768,180.5 792,181.5 816,182.7 840,184.0 864,185.4 888,186.7 912,187.7 936,188.4 960,188.7%22 stroke=%22rgba(251,244,234,0.061)%22 stroke-width=%220.79%22/%3E%3Cpolyline points=%220,200.9 24,199.7 48,198.6 72,197.6 96,196.9 120,196.6 144,196.6 168,197.2 192,198.1 216,199.4 240,200.9 264,202.5 288,204.0 312,205.4 336,206.4 360,207.1 384,207.3 408,207.0 432,206.2 456,205.1 480,203.7 504,202.1 528,200.5 552,199.0 576,197.7 600,196.8 624,196.4 648,196.3 672,196.7 696,197.5 720,198.5 744,199.7 768,201.0 792,202.1 816,203.0 840,203.5 864,203.7 888,203.5 912,202.9 936,202.0 960,200.9%22 stroke=%22rgba(251,244,234,0.084)%22 stroke-width=%221.25%22/%3E%3Cpolyline points=%220,216.9 24,217.5 48,218.0 72,218.4 96,218.8 120,219.1 144,219.4 168,219.5 192,219.6 216,219.6 240,219.5 264,219.3 288,219.0 312,218.7 336,218.3 360,217.8 384,217.3 408,216.8 432,216.2 456,215.6 480,215.1 504,214.5 528,214.0 552,213.6 576,213.2 600,212.9 624,212.6 648,212.5 672,212.4 696,212.4 720,212.5 744,212.7 768,213.0 792,213.3 816,213.7 840,214.2 864,214.7 888,215.2 912,215.8 936,216.4 960,216.9%22 stroke=%22rgba(251,244,234,0.073)%22 stroke-width=%221.63%22/%3E%3Cpolyline points=%220,230.2 24,229.5 48,228.7 72,228.0 96,227.6 120,227.7 144,228.2 168,229.3 192,230.8 216,232.6 240,234.2 264,235.6 288,236.3 312,236.2 336,235.4 360,233.9 384,232.0 408,229.9 432,228.0 456,226.6 480,225.8 504,225.9 528,226.6 552,227.9 576,229.5 600,231.2 624,232.6 648,233.6 672,234.1 696,234.1 720,233.7 744,233.1 768,232.4 792,231.8 816,231.4 840,231.2 864,231.2 888,231.2 912,231.1 936,230.8 960,230.2%22 stroke=%22rgba(251,244,234,0.116)%22 stroke-width=%221.69%22/%3E%3Cpolyline points=%220,241.9 24,241.2 48,240.6 72,240.1 96,239.9 120,240.0 144,240.1 168,240.3 192,240.4 216,240.2 240,239.7 264,238.8 288,237.7 312,236.4 336,235.1 360,234.0 384,233.3 408,232.9 432,233.0 456,233.4 480,234.1 504,234.8 528,235.4 552,235.9 576,236.1 600,236.0 624,235.9 648,235.7 672,235.6 696,235.8 720,236.3 744,237.2 768,238.3 792,239.6 816,240.9 840,242.0 864,242.7 888,243.1 912,243.0 936,242.6 960,241.9%22 stroke=%22rgba(251,244,234,0.091)%22 stroke-width=%221.36%22/%3E%3Cpolyline points=%220,268.9 24,268.3 48,266.6 72,264.3 96,261.5 120,258.8 144,256.7 168,255.4 192,255.2 216,256.0 240,257.7 264,259.9 288,262.2 312,264.2 336,265.6 360,266.2 384,266.1 408,265.4 432,264.3 456,263.2 480,262.2 504,261.7 528,261.5 552,261.7 576,262.1 600,262.5 624,262.6 648,262.2 672,261.5 696,260.4 720,259.2 744,258.2 768,257.7 792,257.8 816,258.8 840,260.5 864,262.6 888,265.0 912,267.0 936,268.4 960,268.9%22 stroke=%22rgba(251,244,234,0.076)%22 stroke-width=%220.9%22/%3E%3Cpolyline points=%220,271.3 24,271.5 48,271.7 72,272.0 96,272.2 120,272.5 144,272.8 168,273.1 192,273.4 216,273.7 240,274.0 264,274.2 288,274.5 312,274.6 336,274.8 360,274.9 384,274.9 408,274.9 432,274.9 456,274.8 480,274.7 504,274.5 528,274.3 552,274.0 576,273.8 600,273.5 624,273.2 648,272.9 672,272.6 696,272.3 720,272.0 744,271.8 768,271.5 792,271.4 816,271.2 840,271.1 864,271.1 888,271.1 912,271.1 936,271.2 960,271.3%22 stroke=%22rgba(251,244,234,0.122)%22 stroke-width=%221.13%22/%3E%3Cpolyline points=%220,274.8 24,274.0 48,273.9 72,274.7 96,276.1 120,278.1 144,280.3 168,282.4 192,284.1 216,285.2 240,285.6 264,285.3 288,284.3 312,282.9 336,281.3 360,279.8 384,278.5 408,277.5 432,277.0 456,276.8 480,276.9 504,277.2 528,277.5 552,277.9 576,278.3 600,278.7 624,279.2 648,279.9 672,280.7 696,281.7 720,282.7 744,283.6 768,284.3 792,284.5 816,284.2 840,283.3 864,281.9 888,280.1 912,278.1 936,276.3 960,274.8%22 stroke=%22rgba(251,244,234,0.063)%22 stroke-width=%220.89%22/%3E%3Cpolyline points=%220,298.3 24,298.7 48,298.6 72,297.9 96,296.6 120,294.9 144,293.1 168,291.4 192,290.2 216,289.6 240,289.9 264,290.9 288,292.6 312,294.6 336,296.7 360,298.4 384,299.6 408,300.0 432,299.6 456,298.6 480,297.2 504,295.6 528,294.2 552,293.1 576,292.5 600,292.3 624,292.6 648,293.2 672,293.8 696,294.3 720,294.6 744,294.7 768,294.6 792,294.3 816,294.2 840,294.3 864,294.7 888,295.5 912,296.4 936,297.4 960,298.3%22 stroke=%22rgba(251,244,234,0.122)%22 stroke-width=%220.92%22/%3E%3Cpolyline points=%220,308.7 24,308.3 48,307.8 72,307.1 96,306.2 120,305.4 144,304.6 168,303.9 192,303.5 216,303.3 240,303.3 264,303.7 288,304.2 312,304.9 336,305.8 360,306.6 384,307.4 408,308.1 432,308.5 456,308.7 480,308.7 504,308.3 528,307.8 552,307.1 576,306.2 600,305.4 624,304.4 648,302.6 672,301.2 696,300.6 720,301.6 744,302.9 768,304.2 792,304.9 816,305.8 840,306.6 864,307.4 888,308.1 912,308.5 936,308.7 960,308.7%22 stroke=%22rgba(251,244,234,0.095)%22 stroke-width=%220.7%22/%3E%3Cpolyline points=%220,325.6 24,323.6 48,321.4 72,319.5 96,318.1 120,317.6 144,318.0 168,319.2 192,320.8 216,322.5 240,323.8 264,324.4 288,324.0 312,322.8 336,320.9 360,318.7 384,316.7 408,315.2 432,314.6 456,315.1 480,316.4 504,318.4 528,320.6 552,322.5 576,323.9 600,324.4 624,323.2 648,317.4 672,311.7 696,308.7 720,311.8 744,315.2 768,318.0 792,319.2 816,321.1 840,323.3 864,325.3 888,326.8 912,327.4 936,326.9 960,325.6%22 stroke=%22rgba(251,244,234,0.104)%22 stroke-width=%220.78%22/%3E%3Cpolyline points=%220,324.3 24,324.8 48,326.4 72,328.8 96,331.6 120,334.2 144,336.2 168,337.4 192,337.6 216,336.9 240,335.6 264,334.0 288,332.4 312,331.1 336,330.4 360,330.3 384,330.6 408,331.2 432,331.7 456,332.0 480,331.9 504,331.2 528,330.3 552,329.3 576,328.6 600,328.3 624,327.8 648,323.0 672,318.0 696,350.1 720,345.6 744,341.5 768,338.9 792,338.7 816,337.4 840,335.2 864,332.3 888,329.4 912,326.8 936,325.0 960,324.3%22 stroke=%22rgba(251,244,234,0.095)%22 stroke-width=%220.98%22/%3E%3Cpolyline points=%220,337.3 24,338.1 48,339.6 72,341.5 96,343.7 120,345.7 144,347.4 168,348.4 192,348.7 216,348.3 240,347.3 264,345.8 288,344.1 312,342.5 336,341.1 360,340.0 384,339.5 408,339.3 432,339.5 456,340.0 480,340.6 504,341.2 528,341.8 552,342.4 576,343.0 600,343.6 624,345.0 648,349.7 672,354.1 696,356.3 720,352.9 744,349.4 768,346.6 792,345.6 816,344.3 840,342.6 864,340.8 888,339.2 912,337.9 936,337.2 960,337.3%22 stroke=%22rgba(251,244,234,0.07)%22 stroke-width=%221.22%22/%3E%3Cpolyline points=%220,353.5 24,354.5 48,355.4 72,356.1 96,356.7 120,357.2 144,357.5 168,357.5 192,357.4 216,357.1 240,356.7 264,356.1 288,355.3 312,354.4 336,353.4 360,352.3 384,351.1 408,349.9 432,348.8 456,347.6 480,346.5 504,345.5 528,344.6 552,343.9 576,343.3 600,342.8 624,343.3 648,347.6 672,352.1 696,354.5 720,350.4 744,346.7 768,344.7 792,345.6 816,346.6 840,347.7 864,348.9 888,350.1 912,351.2 936,352.4 960,353.5%22 stroke=%22rgba(251,244,234,0.085)%22 stroke-width=%220.8%22/%3E%3Cpolyline points=%220,380.3 24,379.3 48,378.6 72,378.4 96,378.9 120,380.1 144,381.7 168,383.6 192,385.4 216,386.6 240,387.1 264,386.8 288,385.7 312,384.0 336,382.1 360,380.3 384,378.9 408,378.2 432,378.1 456,378.7 480,379.7 504,380.7 528,381.4 552,381.6 576,381.1 600,379.9 624,378.3 648,376.4 672,374.6 696,373.4 720,372.9 744,373.2 768,374.3 792,376.0 816,377.9 840,379.7 864,381.1 888,381.8 912,381.9 936,381.3 960,380.3%22 stroke=%22rgba(251,244,234,0.116)%22 stroke-width=%221.45%22/%3E%3Cpolyline points=%220,384.0 24,385.0 48,386.4 72,388.0 96,389.7 120,391.4 144,392.8 168,393.8 192,394.4 216,394.5 240,394.0 264,393.0 288,391.6 312,390.0 336,388.3 360,386.6 384,385.2 408,384.2 432,383.6 456,383.5 480,384.0 504,385.0 528,386.4 552,388.0 576,389.7 600,391.4 624,392.8 648,393.8 672,394.4 696,394.5 720,394.0 744,393.0 768,391.6 792,390.0 816,388.3 840,386.6 864,385.2 888,384.2 912,383.6 936,383.5 960,384.0%22 stroke=%22rgba(251,244,234,0.076)%22 stroke-width=%221.46%22/%3E%3Cpolyline points=%220,401.3 24,403.7 48,406.0 72,407.9 96,409.2 120,409.8 144,409.6 168,408.7 192,407.2 216,405.1 240,402.7 264,400.3 288,398.0 312,396.1 336,394.8 360,394.2 384,394.4 408,395.3 432,396.8 456,398.9 480,401.3 504,403.7 528,406.0 552,407.9 576,409.2 600,409.8 624,409.6 648,408.7 672,407.2 696,405.1 720,402.7 744,400.3 768,398.0 792,396.1 816,394.8 840,394.2 864,394.4 888,395.3 912,396.8 936,398.9 960,401.3%22 stroke=%22rgba(251,244,234,0.08)%22 stroke-width=%220.75%22/%3E%3Cpolyline points=%220,415.3 24,415.3 48,415.3 72,415.2 96,415.1 120,415.1 144,415.0 168,414.9 192,414.8 216,414.8 240,414.7 264,414.7 288,414.7 312,414.8 336,414.9 360,414.9 384,415.0 408,415.1 432,415.2 456,415.2 480,415.3 504,415.3 528,415.3 552,415.2 576,415.1 600,415.1 624,415.0 648,414.9 672,414.8 696,414.8 720,414.7 744,414.7 768,414.7 792,414.8 816,414.9 840,414.9 864,415.0 888,415.1 912,415.2 936,415.2 960,415.3%22 stroke=%22rgba(251,244,234,0.094)%22 stroke-width=%221.19%22/%3E%3Cpolyline points=%220,428.7 24,426.4 48,424.0 72,421.9 96,420.5 120,419.9 144,420.0 168,420.8 192,421.9 216,423.1 240,423.9 264,424.4 288,424.3 312,423.9 336,423.3 360,422.8 384,422.7 408,423.1 432,424.1 456,425.5 480,427.0 504,428.3 528,429.2 552,429.1 576,428.2 600,426.4 624,423.9 648,421.3 672,418.8 696,417.1 720,416.4 744,416.9 768,418.5 792,421.0 816,424.0 840,426.9 864,429.3 888,430.8 912,431.1 936,430.4 960,428.7%22 stroke=%22rgba(251,244,234,0.114)%22 stroke-width=%221.69%22/%3E%3Cpolyline points=%220,440.3 24,440.3 48,439.9 72,439.4 96,438.8 120,438.1 144,437.4 168,436.8 192,436.4 216,436.1 240,436.1 264,436.3 288,436.6 312,437.1 336,437.6 360,438.2 384,438.6 408,439.0 432,439.1 456,439.0 480,438.7 504,438.1 528,437.4 552,436.5 576,435.6 600,434.6 624,433.8 648,433.2 672,432.8 696,432.7 720,432.9 744,433.4 768,434.1 792,435.0 816,436.0 840,437.1 864,438.1 888,439.0 912,439.7 936,440.2 960,440.3%22 stroke=%22rgba(251,244,234,0.095)%22 stroke-width=%221.69%22/%3E%3Cpolyline points=%220,454.3 24,454.3 48,454.3 72,454.2 96,454.1 120,453.9 144,453.7 168,453.4 192,453.1 216,452.8 240,452.5 264,452.1 288,451.7 312,451.4 336,451.1 360,450.7 384,450.4 408,450.2 432,450.0 456,449.8 480,449.7 504,449.7 528,449.7 552,449.8 576,449.9 600,450.1 624,450.3 648,450.6 672,450.9 696,451.2 720,451.5 744,451.9 768,452.3 792,452.6 816,452.9 840,453.3 864,453.6 888,453.8 912,454.0 936,454.2 960,454.3%22 stroke=%22rgba(251,244,234,0.097)%22 stroke-width=%221.65%22/%3E%3Cpolyline points=%220,463.2 24,463.1 48,463.2 72,463.6 96,464.2 120,464.9 144,465.6 168,466.2 192,466.7 216,467.0 240,466.9 264,466.5 288,465.7 312,464.6 336,463.3 360,461.8 384,460.2 408,458.7 432,457.5 456,456.5 480,455.9 504,455.7 528,455.9 552,456.6 576,457.7 600,459.0 624,460.5 648,462.1 672,463.6 696,465.0 720,466.0 744,466.8 768,467.1 792,467.2 816,466.9 840,466.3 864,465.7 888,464.9 912,464.2 936,463.6 960,463.2%22 stroke=%22rgba(251,244,234,0.123)%22 stroke-width=%221.19%22/%3E%3Cpolyline points=%220,475.7 24,476.1 48,476.0 72,475.3 96,474.0 120,472.4 144,470.5 168,468.6 192,466.8 216,465.3 240,464.3 264,463.9 288,464.0 312,464.7 336,466.0 360,467.6 384,469.5 408,471.4 432,473.2 456,474.7 480,475.7 504,476.1 528,476.0 552,475.3 576,474.0 600,472.4 624,470.5 648,468.6 672,466.8 696,465.3 720,464.3 744,463.9 768,464.0 792,464.7 816,466.0 840,467.6 864,469.5 888,471.4 912,473.2 936,474.7 960,475.7%22 stroke=%22rgba(251,244,234,0.084)%22 stroke-width=%221.02%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%227%22 ry=%223.2%22 fill=%22rgba(251,244,234,0.156)%22 stroke=%22none%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%2222%22 ry=%229%22 stroke=%22rgba(251,244,234,0.208)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%2216%22 ry=%226.5%22 stroke=%22rgba(251,244,234,0.26)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%2211%22 ry=%224.6%22 stroke=%22rgba(251,244,234,0.234)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22200%22 cy=%22148%22 rx=%226.5%22 ry=%222.6%22 stroke=%22rgba(251,244,234,0.26)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%227%22 ry=%223.2%22 fill=%22rgba(251,244,234,0.156)%22 stroke=%22none%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%2222%22 ry=%229%22 stroke=%22rgba(251,244,234,0.208)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%2216%22 ry=%226.5%22 stroke=%22rgba(251,244,234,0.26)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%2211%22 ry=%224.6%22 stroke=%22rgba(251,244,234,0.234)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22690%22 cy=%22332%22 rx=%226.5%22 ry=%222.6%22 stroke=%22rgba(251,244,234,0.26)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%227%22 ry=%223.2%22 fill=%22rgba(251,244,234,0.156)%22 stroke=%22none%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%2222%22 ry=%229%22 stroke=%22rgba(251,244,234,0.208)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%2216%22 ry=%226.5%22 stroke=%22rgba(251,244,234,0.26)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%2211%22 ry=%224.6%22 stroke=%22rgba(251,244,234,0.234)%22 stroke-width=%221.3%22/%3E%3Cellipse cx=%22492%22 cy=%2258%22 rx=%226.5%22 ry=%222.6%22 stroke=%22rgba(251,244,234,0.26)%22 stroke-width=%221.3%22/%3E%3C/g%3E%3C/svg%3E"); /* Finger-joint (box joint) edge — section divider strip */ --joint:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56' height='11' viewBox='0 0 56 11'%3E%3Cpath d='M0 9.5h14V1.5h14v8h14V1.5h14' fill='none' stroke='%23D9C6A6' stroke-width='1.6'/%3E%3C/svg%3E"); } html[lang=ar]{ --ff-display:var(--ff-arabic-display); } /* ---------- Base ---------- */ *{box-sizing:border-box;margin:0;padding:0} html{scroll-behavior:smooth} body{ font-family:var(--ff-body); background:var(--cream); background-image:var(--grain); color:var(--ink); line-height:1.6; -webkit-font-smoothing:antialiased; } button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit} input,select{font-family:inherit} a{text-decoration:none;color:inherit} img{display:block;max-width:100%} ::selection{background:var(--amber-soft)} :focus-visible{outline:2.5px solid var(--teal);outline-offset:2px;border-radius:4px} h1,h2,h3,.display{font-family:var(--ff-display);font-weight:700;line-height:1.18;letter-spacing:-.3px} html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .display{letter-spacing:0;line-height:1.5} .wrap{max-width:var(--wrap);margin:0 auto;padding:0 20px} /* Engraved single-color icons (inline SVG sprite, stroke = currentColor) */ .ic{width:1.35em;height:1.35em;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none;vertical-align:-.28em} .ic-lg{width:34px;height:34px;stroke-width:1.5} /* ---------- Header ---------- */ .site-header{position:sticky;top:0;z-index:50;background:rgba(251,244,234,.92);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} .hwrap{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:14px;padding:10px 20px} .brand{display:flex;align-items:center;gap:11px;cursor:pointer} .brand-logo{width:46px;height:auto;flex:none} .brand-name{font-family:var(--ff-arabic-display);font-weight:700;font-size:23px;line-height:1.15;color:var(--walnut)} .brand-name small{display:block;font-family:var(--ff-latin);font-size:9.5px;font-weight:600;color:var(--amber-deep);letter-spacing:3.5px;text-transform:uppercase} .site-nav{flex:1;display:flex;justify-content:flex-end;align-items:center;gap:6px} .site-nav a{font-size:14px;font-weight:600;color:var(--ink-soft);padding:8px 12px;border-radius:var(--r-sm)} .site-nav a:hover{color:var(--teal-ink);background:var(--teal-soft)} .lang-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;padding:8px 14px;border-radius:var(--r-sm);border:1.5px solid var(--teal);background:var(--paper);color:var(--teal)} .lang-btn:hover{background:var(--teal);color:var(--cream)} /* Header cart button */ .cart-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--r-sm);border:1.5px solid var(--line);background:var(--paper);color:var(--engrave);flex:none} .cart-btn:hover{border-color:var(--amber)} .cart-btn .ic{width:20px;height:20px} .cart-count{position:absolute;top:-7px;inset-inline-end:-7px;min-width:19px;height:19px;border-radius:99px;background:var(--amber);color:var(--walnut);font-family:var(--ff-latin);font-size:11px;font-weight:700;display:grid;place-items:center;padding:0 5px} /* ---------- Buttons ---------- */ .btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:16px;font-weight:700;padding:14px 28px;border-radius:var(--r-md);transition:transform .15s,box-shadow .15s,background .15s} .btn:hover{transform:translateY(-2px)} .btn-primary{background:var(--amber);color:var(--walnut);box-shadow:var(--shadow)} .btn-primary:hover{box-shadow:0 14px 34px rgba(232,131,58,.35)} .btn-dark{background:var(--walnut);color:var(--cream)} .btn-dark:hover{box-shadow:0 12px 28px rgba(46,36,24,.3)} .btn-teal{background:var(--teal);color:var(--cream)} .btn-ghost{background:transparent;color:inherit;border:2px solid var(--line)} .btn-ghost:hover{border-color:var(--amber)} .btn-sm{font-size:13.5px;padding:9px 16px;border-radius:var(--r-sm)} /* ---------- Cards (cut-plywood look: paper face, tab on the top edge) ---------- */ .card{position:relative;background:var(--paper);border:1.5px solid var(--line);border-radius:var(--r-lg);transition:transform .18s,box-shadow .18s,border-color .18s} .card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#DCC9A8} .card-tab::before{content:'';position:absolute;top:-8px;inset-inline-start:26px;width:30px;height:14px;background:var(--paper);border:1.5px solid var(--line);border-bottom:none;border-radius:7px 7px 0 0} .card:hover.card-tab::before{border-color:#DCC9A8} /* ---------- Small bits ---------- */ .chip{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:600;background:var(--paper);border:1.5px solid var(--line);border-radius:99px;padding:7px 14px;color:var(--ink-soft)} .badge{display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;padding:5px 12px;border-radius:99px;text-transform:uppercase;background:var(--teal);color:var(--cream)} .badge.soon{background:var(--line);color:var(--ink-soft)} .kicker{display:inline-block;font-size:12.5px;font-weight:700;letter-spacing:2.5px;text-transform:uppercase;color:var(--amber)} html[lang=ar] .kicker{letter-spacing:0;font-size:14px} .sect{padding:60px 0 10px} .sect h2{font-size:clamp(23px,3vw,31px)} .sect .sub{color:var(--ink-soft);font-size:15px;margin:8px 0 28px;max-width:62ch} /* Finger-joint divider — the tab-and-slot edge between sections */ .joint-divider{height:11px;background-image:var(--joint);background-repeat:repeat-x;background-position:center;margin:52px auto 0;max-width:var(--wrap);opacity:.9} /* ---------- Dark (walnut) surfaces ---------- */ .surface-walnut{background-color:var(--walnut);background-image:var(--grain-light);color:var(--cream)} .surface-walnut .kicker{color:var(--amber)} .on-dark-soft{color:#D8CBB8} /* ---------- Footer ---------- */ .site-footer{border-top:1px solid var(--line);padding:34px 20px;text-align:center;font-size:13.5px;color:var(--ink-soft)} .site-footer b{color:var(--engrave);font-family:var(--ff-arabic-display)} .site-footer .joint{height:11px;background-image:var(--joint);background-repeat:repeat-x;background-position:center;max-width:280px;margin:0 auto 18px;opacity:.8} .site-footer .policies{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 22px;margin-bottom:14px;font-size:13px} .site-footer .policies span,.site-footer .policies a{display:inline-flex;align-items:center;gap:7px;color:var(--ink-soft)} .site-footer .policies a:hover{color:var(--teal-ink);text-decoration:underline} .site-footer .policies .ic{width:16px;height:16px;color:var(--engrave)} /* ---------- Modal / toast ---------- */ .modal{position:fixed;inset:0;background:rgba(46,36,24,.55);backdrop-filter:blur(5px);z-index:250;display:none;place-items:center;padding:20px} .modal.show{display:grid} .modal-card{background:var(--cream);background-image:var(--grain);border-radius:var(--r-xl);max-width:1000px;width:100%;max-height:90vh;overflow:auto;padding:26px;box-shadow:var(--shadow-lg)} .modal-close{position:sticky;top:0;float:right;background:var(--walnut);color:var(--cream);width:34px;height:34px;border-radius:50%;font-size:15px;font-weight:700;z-index:2} html[dir=rtl] .modal-close{float:left} .toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(130px);background:var(--walnut);color:var(--cream);padding:14px 26px;border-radius:var(--r-md);font-weight:600;font-size:15px;box-shadow:var(--shadow-lg);transition:transform .4s cubic-bezier(.2,.9,.3,1.2);z-index:200;display:flex;gap:10px;align-items:center} .toast.show{transform:translateX(-50%) translateY(0)} /* ---------- Inputs ---------- */ .input{width:100%;font-size:16px;font-weight:600;padding:13px 18px;border-radius:var(--r-md);border:2px solid var(--line);background:var(--paper);color:var(--ink);outline:none} .input:focus{border-color:var(--amber)} /* ---------- RTL ---------- */ html[dir=rtl] body{font-family:var(--ff-latin)} /* Rubik covers Arabic body text */