:root{--green:#1f2a24;--gold:#cebc98;--cream:#f3eee4;--ink:#17271f;--line:#cebc9840;color:var(--cream);background:var(--green);font-family:Tajawal,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #bca16e;outline-offset:5px}[hidden]{display:none!important}h1,h2,h3,p,figure{margin:0}h1,h2{font-family:Amiri,serif;font-weight:400;line-height:1.35}em{font-style:normal;color:var(--gold)}p{line-height:1.9}header{position:absolute;z-index:30;top:0;left:0;right:0;height:106px;padding:10px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff23;direction:ltr;background:var(--green)}.brand-crop{position:relative;width:166px;height:86px;overflow:hidden;display:block}.brand-crop img{position:absolute;width:300px;height:300px;max-width:none;left:-68px;top:-103px}nav{display:flex;direction:rtl;gap:36px;font-size:16px}.contact-link{direction:rtl;border:1px solid #cebc9880;padding:13px 24px;font-size:16px;background:none}.contact-link:hover{background:var(--gold);color:var(--green)}.menu-toggle{display:none;background:none;border-bottom:1px solid var(--gold);padding:8px}.chapters{position:fixed;left:24px;top:50%;transform:translateY(-50%);z-index:25;display:flex;flex-direction:column;gap:13px;direction:ltr;mix-blend-mode:exclusion}.chapters a{font-size:12px;color:#fff;padding:4px 10px;opacity:.45;position:relative}.chapters a[aria-current=true]{opacity:1}.chapters a[aria-current=true]:before{content:"";position:absolute;left:0;top:50%;width:5px;height:1px;background:#fff}.scene{height:230svh;position:relative;background:var(--green)}.scene.hero{height:205svh}.scene.bloom{height:260svh}.scene.celebration{height:250svh}.stage{height:100svh;position:sticky;top:0;isolation:isolate;overflow:hidden}.media-frame,.shade{position:absolute;inset:0;z-index:-3}.scene-video{width:100%;height:100%;object-fit:cover;display:block}.shade{z-index:-2;background:linear-gradient(90deg,transparent 15%,#14271db8),linear-gradient(0deg,#16251dc9,transparent 40%)}.hero .scene-video{object-position:38% 50%}.hero .media-frame{inset:0}.hero .shade{background:linear-gradient(90deg,#14261d05 25%,#172c22d9 80%),linear-gradient(0deg,#19291dd9,transparent 45%)}.hero-copy{position:absolute;top:29%;right:10%;text-align:right}.eyebrow{display:block;font-size:14px;letter-spacing:.7px;color:var(--gold);line-height:1.7}h1{font-size:clamp(66px,7.3vw,112px);margin:22px 0 12px}.hero-copy p{font-size:21px;margin-bottom:20px}.line-link{display:inline-block;padding:10px 0;border-bottom:1px solid currentColor;font-size:16px}.line-link:hover{opacity:.7}.hero-bottom{position:absolute;bottom:35px;left:7%;right:7%;display:flex;justify-content:space-between;align-items:end;direction:ltr;font-size:12px;line-height:1.6;letter-spacing:1px}.hero-bottom>span:nth-child(2){direction:rtl;text-align:center;font-size:14px}.hero-bottom>span:last-child{direction:rtl;text-align:right}.scroll-stem{display:block;height:38px;width:1px;background:var(--gold);margin:14px auto 0}.act-label{position:absolute;top:7%;right:9%;font-size:14px;letter-spacing:.5px;color:var(--gold)}.scene-copy{position:absolute;right:10%;top:28%;max-width:650px}.scene-copy h2{font-size:clamp(55px,6.1vw,92px);margin:20px 0 22px}.scene-copy p{font-size:20px;max-width:440px}.scene-progress{height:2px;background:var(--gold);position:absolute;bottom:0;left:0;width:100%;transform:scaleX(0);transform-origin:left}.bloom .media-frame{inset:0 34% 0 -13%}.bloom .scene-video{object-fit:cover;object-position:48% center}.bloom .shade{background:linear-gradient(90deg,#1f2a2410 25%,#1f2a2400 38%,#1f2a24 75%),linear-gradient(0deg,#1f2a24,transparent 30%,transparent 78%,#1f2a24)}.bloom .scene-copy{right:9%;top:23%}.english-ghost{position:absolute;bottom:12%;left:9%;font-family:Georgia,serif;font-size:clamp(50px,10vw,150px);font-style:italic;letter-spacing:-5px;color:#cebc9855;z-index:1;pointer-events:none}.cue{position:absolute;right:9%;bottom:8%;display:flex;align-items:center;gap:24px;font-size:14px}.cue-line{height:1px;width:150px;background:#cebc9850;position:relative}.cue-line:after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;background:var(--gold);transform:translate(calc(var(--progress,0) * -145px))}.material{background:var(--cream);color:var(--ink)}.material .media-frame{inset:0 28% 0 0}.material .scene-video{object-position:35% center}.material .shade{background:linear-gradient(90deg,#f3eee400 15%,#f3eee430 45%,#f3eee4 76%),linear-gradient(0deg,#f3eee4,transparent 35%)}.material em,.material .eyebrow,.material .act-label{color:#7c6541}.material .scene-copy{top:25%}.material-note{position:absolute;bottom:9%;left:9%;display:flex;flex-direction:column;gap:14px;font-size:14px;direction:ltr;color:#3b493a}.material-note span:first-child{font-size:12px;letter-spacing:2px}.craft .media-frame{inset:0}.craft .shade{background:linear-gradient(90deg,#12211818,#14271dec 91%),linear-gradient(0deg,#122118c9,transparent 40%)}.craft-caption{position:absolute;bottom:8%;right:10%;font-size:16px}.frame-corners{position:absolute;inset:13% 52% 16% 9%;border:1px solid #cebc9860;pointer-events:none;clip-path:polygon(0 0,20% 0,20% 1px,1px 1px,1px 20%,0 20%,0 0,100% 0,100% 20%,calc(100% - 1px) 20%,calc(100% - 1px) 1px,80% 1px,80% 0,100% 0,100% 100%,80% 100%,80% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 80%,100% 80%,100% 100%,0 100%,0 80%,1px 80%,1px calc(100% - 1px),20% calc(100% - 1px),20% 100%,0 100%)}.celebration .shade{background:linear-gradient(90deg,#15251d35,#182b21c9),linear-gradient(0deg,#19291ded,transparent)}.celebration .scene-copy{right:0;left:0;text-align:center;top:25%;max-width:none}.celebration .scene-copy p{margin:auto}.celebration .scene-copy h2{font-size:clamp(65px,7.8vw,118px)}#bloom-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}.work{background:var(--cream);color:var(--ink);display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding:130px 10%;position:relative}.work h2,.services h2{font-size:clamp(42px,4.3vw,66px);margin:20px 0 25px}.work em,.services em{color:#8b7150}.work .eyebrow,.services .eyebrow{color:#7a6244}.work p,.services p{font-size:18px}.work-photo img{width:100%;height:auto;max-height:720px;object-fit:cover;display:block}.work-photo figcaption{display:flex;justify-content:space-between;gap:15px;padding-top:20px;font-size:14px;line-height:1.8}.work-photo figcaption [lang=en]{font-size:11px;letter-spacing:1px;max-width:130px;direction:ltr}.services{padding:40px 10% 140px;background:var(--cream);color:var(--ink);display:grid;grid-template-columns:1fr 1.3fr;gap:10%;align-items:start}.services-heading{position:sticky;top:70px}.services-heading .line-link{margin-top:22px}.service-list{border-top:1px solid #1f2a2430}.service-list details{border-bottom:1px solid #1f2a2430;padding:28px 0}.service-list summary{display:flex;gap:20px;align-items:center;cursor:pointer;list-style:none;font-size:24px;line-height:1.5}.service-list summary::-webkit-details-marker{display:none}.service-no{font-size:12px;color:#826c4c;direction:ltr}.plus{margin-right:auto;font-size:24px;font-weight:400;color:#826c4c}.service-list details[open] .plus{transform:rotate(45deg)}.service-list details p{padding:18px 37px 0 26px;color:#536054;font-size:17px}.contact{position:relative;text-align:center;padding:125px 8% 110px;overflow:hidden;isolation:isolate}.contact h2{font-size:clamp(68px,8.5vw,130px);margin:30px 0}.contact-button{display:inline-block;background:var(--gold);color:var(--green);padding:17px 34px;font-size:18px;border:1px solid var(--gold);transition:background .2s,color .2s}.contact-button:hover{background:transparent;color:var(--gold)}.contact-options{display:flex;justify-content:center;gap:32px;font-size:15px;margin-top:55px;direction:ltr;flex-wrap:wrap}.brand-seal{position:absolute;z-index:-1;width:700px;height:700px;left:calc(50% - 350px);top:50px;opacity:.075;pointer-events:none}.brand-seal img{width:100%;height:auto}footer{border-top:1px solid var(--line);padding:28px 6%;display:flex;justify-content:space-between;gap:20px;font-size:13px;direction:ltr;line-height:1.6}footer a{font-size:14px}.skip{position:fixed;top:-80px;background:var(--cream);color:var(--ink);padding:15px;z-index:100}.skip:focus{top:5px}dialog{border:1px solid var(--line);width:min(580px,92vw);max-height:90svh;overflow:auto;padding:45px;background:var(--green);color:var(--cream)}dialog::backdrop{background:#0c1712c9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}dialog h2{font-size:38px;margin:15px 0}dialog>p{font-size:16px;color:#d2d1c5}.dialog-close{position:absolute;top:10px;left:15px;font-size:32px;background:transparent}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}form label{display:block;font-size:15px;margin-top:22px}input,textarea,select{display:block;width:100%;background:#ffffff08;border:1px solid #cebc9860;color:var(--cream);padding:12px;margin-top:8px;border-radius:0}select option{background:var(--green)}form .contact-button{width:100%;margin-top:25px;font-size:16px}#message-ready p{font-size:16px;margin-top:20px}.demo-controls{position:fixed;bottom:18px;left:50%;transform:translate(-50%);background:#15271fed;border:1px solid var(--gold);padding:10px;display:flex;align-items:center;gap:10px;z-index:50;direction:rtl;white-space:nowrap}.demo-controls button{background:#cebc9820;padding:8px 12px;font-size:14px}.demo-controls span{font-size:12px}.media-failed .scene-video{visibility:hidden}.media-failed .media-frame{background:var(--fallback) center/cover}.scene-copy,.hero-copy,.media-frame,.english-ghost{will-change:transform}@media(min-width:601px)and (max-width:900px){.chapters{left:8px}.hero-copy,.scene-copy{right:12%;left:8%}.hero-copy{top:32%}h1{font-size:75px}.scene-copy h2{font-size:65px}.bloom .media-frame{right:0;left:-45%;opacity:.65}.bloom .shade{background:linear-gradient(90deg,#1f2a2420,#1f2a24db 90%)}.material .media-frame{right:0;opacity:.62}.material .shade{background:linear-gradient(90deg,transparent,#f3eee4e6)}.work,.services{gap:5%;padding-left:10%;padding-right:10%}.work h2,.services h2{font-size:43px}.service-list summary{font-size:21px}nav{gap:20px}.contact-link{padding:12px}.brand-crop{width:140px}header{padding-left:3%;padding-right:3%}}@media(max-width:600px){header{height:90px;padding:4px 6%;gap:10px}header nav,.chapters{display:none}.brand-crop{width:125px;height:75px}.brand-crop img{width:245px;height:245px;left:-57px;top:-81px}.contact-link{padding:10px 12px;font-size:14px}.menu-toggle{display:block;font-size:14px}.scene{height:210svh}.scene.hero{height:190svh}.scene.bloom{height:280svh}.scene.celebration{height:240svh}.stage{position:sticky;min-height:0;height:100svh}.hero-copy{right:8%;left:8%;top:30%}h1{font-size:clamp(55px,14vw,73px)}.hero-bottom{bottom:28px;left:8%;right:8%}.hero-bottom>span:first-child{display:none}.hero-copy p{font-size:18px}.hero .scene-video{object-position:28% center}.hero .shade{background:linear-gradient(90deg,#12231c45,#13291ddb),linear-gradient(0deg,#19291dc9,transparent)}.scene-copy,.bloom .scene-copy,.material .scene-copy{right:8%;left:8%;top:28%}.scene-copy h2{font-size:51px;line-height:1.5}.scene-copy p{font-size:18px}.act-label{right:8%;top:7%}.bloom .media-frame{inset:0;opacity:.6}.bloom .shade{background:linear-gradient(90deg,#1f2a2430,#1f2a24cf),linear-gradient(0deg,#1f2a24,transparent)}.english-ghost{font-size:70px;letter-spacing:-3px;bottom:14%;left:8%}.cue{right:8%;left:8%;bottom:8%;gap:15px;font-size:12px}.cue-line{width:90px}.material .media-frame{inset:0;opacity:.6}.material .shade{background:linear-gradient(90deg,#f3eee470,#f3eee4e0),linear-gradient(0deg,#f3eee4,transparent)}.material-note{left:8%;bottom:9%}.frame-corners{display:none}.craft .shade{background:linear-gradient(90deg,#152a1f80,#152a1fc9)}.craft .scene-video{object-position:35% center}.craft-caption{right:8%;left:8%;font-size:14px}.celebration .scene-copy{right:5%;left:5%;top:25%}.celebration .scene-copy h2{font-size:65px}.work,.services{grid-template-columns:1fr;gap:50px;padding:80px 8%}.work h2,.services h2{font-size:48px}.work-photo{max-width:420px;margin:auto}.services{padding-top:0}.services-heading{position:relative;top:auto}.service-list summary{font-size:23px}.contact{padding:100px 8% 75px}.contact h2{font-size:73px}.contact-options{gap:22px;font-size:14px;margin-top:40px}.contact-button{font-size:17px;padding:16px 25px}footer{flex-wrap:wrap;padding:25px 8%;font-size:12px}footer>span:nth-child(2){order:3;width:100%;font-size:11px}.brand-seal{width:550px;height:550px;left:calc(50% - 275px)}dialog{padding:35px 25px}.form-row{grid-template-columns:1fr;gap:0}.demo-controls span{display:none}#mobile-nav{position:absolute;top:90px;left:0;right:0;padding:30px 8%;background:var(--green);z-index:35;display:flex;flex-direction:column;border-bottom:1px solid var(--line)}}@media(prefers-reduced-motion:reduce){.scene,.scene.hero,.scene.bloom,.scene.celebration{height:auto}.stage{position:relative;min-height:700px;height:100svh}#bloom-canvas{display:none}.scene-copy,.hero-copy,.media-frame,.english-ghost{will-change:auto}*{scroll-behavior:auto!important;transition:none!important}}@media(min-width:601px)and (max-height:700px){.hero-copy{top:28%}h1{font-size:clamp(52px,9.4svh,70px);margin:12px 0}.hero-copy p{font-size:18px;margin-bottom:8px}.hero-bottom{bottom:24px}.scene-copy h2{font-size:clamp(48px,9svh,68px);margin:16px 0}.scene-copy p{font-size:18px}.celebration .scene-copy h2{font-size:clamp(58px,11svh,78px)}.scene-copy{top:22%}.bloom .scene-copy{top:20%}}.bloom .media-frame{-webkit-mask-image:linear-gradient(90deg,#000 65%,transparent 100%);mask-image:linear-gradient(90deg,#000 65%,transparent 100%)}.material .media-frame{-webkit-mask-image:linear-gradient(90deg,#000 62%,transparent 100%);mask-image:linear-gradient(90deg,#000 62%,transparent 100%)}.hero-bottom>span:last-child{unicode-bidi:plaintext}@media(max-width:600px){.bloom .media-frame,.material .media-frame{-webkit-mask-image:none;mask-image:none}}@media(max-width:600px){.bloom .media-frame{opacity:1}.bloom .scene-video{object-position:65% center}.bloom .shade{background:linear-gradient(0deg,#1f2a24 2%,#1f2a2415 30%,#1f2a2420 70%,#1f2a24)}.bloom .scene-copy{text-shadow:0 2px 22px #102218}.cue-line:after{transform:translate(calc(var(--progress,0) * -85px))}.bloom .english-ghost{font-size:54px;bottom:16%}}@media(max-width:600px){.bloom .media-frame{inset:15% -15% 10%}.bloom .scene-video{object-fit:contain;object-position:center}.bloom .media-frame{-webkit-mask-image:linear-gradient(0deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(0deg,transparent,#000 18%,#000 82%,transparent)}}@media(max-width:600px){.bloom .media-frame{top:28%;bottom:auto;height:auto;aspect-ratio:16/9;-webkit-mask-image:linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent)}}dialog{padding:0;width:min(580px,94vw);max-height:92svh;overflow:hidden;color-scheme:dark}dialog[open]{display:flex;flex-direction:column}.enquiry-heading{flex:none;padding:26px 30px 8px}.enquiry-heading h2{font-size:32px;margin:8px 0}.enquiry-heading>p{font-size:15px;line-height:1.7;color:#d2d1c5}#enquiry-form{display:flex;flex-direction:column;min-height:0}.form-fields{overflow:auto;min-height:0;padding:0 30px 20px;overscroll-behavior:contain}.form-fields label{margin-top:14px}.form-fields input,.form-fields select,.form-fields textarea{padding:10px;margin-top:6px}.form-fields textarea{resize:vertical;min-height:70px;max-height:160px}.form-actions{flex:none;padding:14px 30px 20px;border-top:1px solid var(--line);background:var(--green);max-height:45svh;overflow:auto}.recipient{font-size:13px;display:flex;justify-content:space-between;color:var(--gold)}.form-actions .contact-button{margin-top:9px}.send-note{font-size:12px;line-height:1.7;color:#d2d1c5;margin-top:8px}#message-ready p{font-size:13px;margin-top:10px}#message-ready .line-link{font-size:13px;margin-left:14px;padding:5px 0}.dialog-close{z-index:1;top:8px;left:12px}.form-fields input[type=date]{direction:ltr;text-align:right;min-width:0}@media(max-width:600px){.enquiry-heading{padding:22px 22px 6px}.enquiry-heading h2{font-size:29px}.form-fields{padding:0 22px 16px}.form-actions{padding:12px 22px 16px}.form-fields .form-row{grid-template-columns:1fr 1fr;gap:12px}.form-fields .form-row label{font-size:13px}.form-fields input,.form-fields select,.form-fields textarea{font-size:16px}}
