:root{--paper:#f8f7f3;--ink:#242520;--muted:#777970;--line:#dcddd4;--orange:#ff7300;--stone:#c0b6ac;--serif:"Bodoni Moda",Georgia,serif;--sans:"Lato",Arial,sans-serif;--arabic:"IBM Plex Sans Arabic","Noto Sans Arabic",Tahoma,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}html[lang=ar] body{font-size:16.5px;font-family:var(--arabic)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{color:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{border:0}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--orange);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:400}h1,h2{letter-spacing:-.04em;line-height:1.12;font-family:var(--serif)}html[lang=ar] h1,html[lang=ar] h2{font-family:var(--arabic);letter-spacing:-.055em;font-weight:400;line-height:1.55}h3{line-height:1.5}em{font-weight:400}html[lang=ar] em{font-style:normal}::selection{background:var(--orange);color:#fff}.container{width:min(1300px,100% - 112px);margin-inline:auto}.section{padding-block:112px}.muted{color:#8a8b81}.eyebrow,.section-label{letter-spacing:.17em;font-size:10px;line-height:1.7}.eyebrow{display:block}html[lang=ar] .eyebrow,html[lang=ar] .section-label{letter-spacing:.02em;font-size:12px}.section-label{align-items:center;gap:11px;margin-bottom:25px;display:flex}.section-label small{color:#8d8e85;font-family:var(--sans);letter-spacing:.1em;margin-inline-start:22px;font-size:9px}.tiny-square{background:var(--orange);flex-shrink:0;width:6px;height:6px;display:inline-block}.arrow{flex-shrink:0;transition:transform .25s}.arrow.diagonal{transform:rotate(-40deg)}html[dir=rtl] .arrow{transform:rotate(180deg)}html[dir=rtl] .arrow.diagonal{transform:rotate(220deg)}h2{font-size:55px}html[lang=ar] h2{font-size:40px}.section-head{justify-content:space-between;align-items:flex-end;gap:36px;margin-bottom:42px;display:flex}.section-head .section-label{margin-bottom:18px}.text-link{border-bottom:1px solid var(--ink);white-space:nowrap;align-items:center;gap:28px;padding-bottom:7px;font-size:12px;display:inline-flex}.text-link:hover{color:#cc5c00}.action{border-bottom:1px solid var(--line);align-items:center;gap:32px;min-height:54px;padding-block:10px;font-size:12px;display:inline-flex}.action>span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:34px;height:34px;transition:background .25s,color .25s;display:grid}.action:hover>span{background:var(--orange);border-color:var(--orange);color:#fff}.action.light{color:#fff;border-color:#fff6}.action.light>span{border-color:#fff}.action.light:hover>span{border-color:var(--orange)}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{top:-100px;z-index:100;background:var(--orange);color:#fff;padding:12px;position:fixed;inset-inline-start:20px}.skip-link:focus{top:10px}.header{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8f7f3f7;border-bottom:1px solid #deded65c;height:94px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:36px;width:calc(100% - 80px);height:100%;margin:auto;display:flex}.logo{flex-shrink:0;display:block}.logo img{width:157px;height:auto}.nav{align-items:center;gap:32px;font-size:13.5px;display:flex}html[lang=ar] .nav{font-size:14.5px}.nav a{padding:14px 0;position:relative}.nav a:after{content:"";background:var(--orange);opacity:0;border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px;left:50%}.nav a[aria-current=page]:after,.nav a:hover:after{opacity:1}.header-actions{align-items:center;gap:28px;display:flex}.language{background:0 0;align-items:center;gap:8px;padding:8px 0;font-size:11px;display:flex}.language>span{font-size:18px}.header-cta{border:1px solid var(--orange);background:var(--orange);color:#fff;align-items:center;gap:18px;padding:12px 20px;font-size:12.5px;display:flex}html[lang=ar] .header-cta{font-size:13.5px}.header-cta:hover{color:#fff;background:#e86800;border-color:#e86800}.menu-toggle,.mobile-contact{display:none}.hero{color:#fff;background:#43423d;height:min(810px,100svh - 94px);min-height:640px;position:relative;overflow:hidden}.hero-image,.hero-shade{object-fit:cover;object-position:center 56%;width:100%;height:100%;position:absolute;inset:0}.hero-shade,html[dir=ltr] .hero-shade{background:linear-gradient(#090b079e,#090b071f 40%,#090b0700 58%),linear-gradient(#090b0700 74%,#090b0780)}.hero-content{z-index:1;padding-top:clamp(80px,10.2vw,150px);position:relative}.hero-content>.eyebrow{align-items:center;gap:10px;font-size:11px;display:flex}html[lang=ar] .hero-content>.eyebrow{font-size:12.5px}.hero-content i{background:var(--orange);width:6px;height:6px;display:block}.hero h1{letter-spacing:-.04em;max-width:900px;margin:22px 0 26px;font-size:clamp(44px,4.9vw,74px);line-height:1.05}.hero h1 em{color:#f3e7dc}html[lang=ar] .hero h1{letter-spacing:-.03em;max-width:860px;margin:16px 0 22px;font-size:clamp(34px,4vw,60px);line-height:1.34}.hero-content>p{color:#f4f2eded;max-width:460px;margin-bottom:30px;font-size:16px;line-height:1.8}html[lang=ar] .hero-content>p{max-width:500px;font-size:17px;line-height:1.95}.hero-ctas{flex-wrap:wrap;gap:14px;display:flex}.hero-bottom{bottom:35px;z-index:1;justify-content:space-between;align-items:flex-end;display:flex;position:absolute;inset-inline:0}.hero-bottom>a:first-child{align-items:center;gap:24px;font-size:10px;display:flex}.hero-bottom>a:first-child span{font-size:24px}.hero-caption{text-align:start;align-items:center;gap:22px;display:flex}.hero-caption>span{font-family:var(--sans);border-inline-end:1px solid #fff5;padding-inline-end:22px;font-size:10px}.hero-caption>div{font-size:11px}.hero-caption small{color:#ddd9cf;margin-top:5px;font-size:9px;display:block}.hero-caption>.arrow{margin-inline-start:20px}.hero-vertical{inset-inline-end:17px;writing-mode:vertical-rl;letter-spacing:.3em;opacity:.7;font-size:8px;font-family:var(--sans);position:absolute;top:50%}.intro{padding-bottom:80px}.intro-copy{grid-template-columns:1.25fr 1fr;align-items:start;gap:100px;display:grid}.intro h2{font-size:53px}html[lang=ar] .intro h2{font-size:37px}.intro-detail{max-width:450px;padding-top:10px}.intro-detail>p{color:#6f7268;font-size:14px;line-height:2}.intro-detail .action{margin-top:23px}.heritage{border-top:1px solid var(--line);grid-template-columns:1fr 1fr 1fr 1.25fr;align-items:center;gap:40px;margin-top:65px;padding-top:35px;display:grid}.heritage>div{flex-direction:column;display:flex}.heritage b{font-family:var(--serif);letter-spacing:-.04em;font-size:43px;font-weight:400;line-height:1.2}.heritage span{color:var(--muted);margin-top:8px;font-size:10px}.heritage>p{color:#8e8f82;border-inline-start:1px solid var(--line);max-width:270px;padding-inline-start:42px;font-size:13px}.project-section{background:#efeee8}.project-grid{grid-template-columns:1fr 1fr;gap:55px 40px;display:grid}.project-card{min-width:0;display:block}.project-photo{aspect-ratio:1.38;background:#deddd5;position:relative;overflow:hidden}.project-photo img{object-fit:cover;width:100%;height:100%;transition:transform .8s}.project-card:hover .project-photo img{transform:scale(1.035)}.project-kind{bottom:17px;letter-spacing:.08em;background:#f8f7f3f0;padding:6px 11px;font-size:9.5px;position:absolute;inset-inline-start:18px}html[lang=ar] .project-kind{font-size:11px}.project-open{top:20px;background:var(--paper);opacity:0;border-radius:50%;place-items:center;width:42px;height:42px;transition:opacity .3s,transform .3s;display:grid;position:absolute;inset-inline-end:20px;transform:translateY(8px)}.project-card:hover .project-open,.project-card:focus-visible .project-open{opacity:1;transform:translateY(0)}.project-meta{align-items:center;gap:18px;margin-top:17px;display:flex}.project-number{color:var(--muted);font-size:10px;font-family:var(--sans);align-self:flex-start;padding-top:6px}.project-meta h3{letter-spacing:-.03em;font-size:25px}html[lang=ar] .project-meta h3{font-size:22px}.project-meta p{color:var(--muted);margin-top:5px;font-size:12.5px}html[lang=ar] .project-meta p{font-size:13px}.project-meta p>span{color:#b4b4a8;padding:0 5px}.project-meta>.arrow{width:19px;margin-inline-start:auto}.selected .project-card:nth-child(2n){margin-top:90px}.selected .project-card:nth-child(3){margin-top:-65px}.selected .project-card:nth-child(4){margin-top:30px}.selected .project-card:nth-child(2) .project-photo,.selected .project-card:nth-child(3) .project-photo{aspect-ratio:1.23}.services-section{color:#eeeee6;background:#262a24}.services-section .tiny-square{background:var(--orange)}.services-section .section-label small{color:#8a9185}.services-section h2{font-size:52px}html[lang=ar] .services-section h2{font-size:38px}.section-description{color:#a3a99a;max-width:330px;padding-bottom:4px;font-size:12px;line-height:1.9}.service-layout{grid-template-columns:.9fr 1.1fr;align-items:start;gap:80px;margin-top:58px;display:grid}.service-image{height:465px;position:relative;overflow:hidden}.service-image img{object-fit:cover;width:100%;height:100%}.service-image>span{bottom:20px;color:#fff;font-size:8px;font-family:var(--sans);letter-spacing:.2em;text-shadow:0 1px 8px #000;position:absolute;inset-inline-start:22px}.service{border-top:1px solid #ffffff25}.service:last-of-type{border-bottom:1px solid #ffffff25}.service h3 button{text-align:start;background:0 0;align-items:center;gap:22px;width:100%;padding:24px 0;font-size:23px;font-weight:400;display:flex}html[lang=ar] .service h3 button{font-size:22px}.service-number{font-family:var(--sans);color:#989e8f;letter-spacing:.04em;font-size:9px}.service-sign{font-size:25px;font-family:var(--sans);color:#b3b8a8;margin-inline-start:auto}.service.active h3 button{color:#ff872d}.service-content{color:#b2b9a9;padding:0 40px 28px;font-size:12px;line-height:1.9}.service-content small{color:#7f8976;margin-top:18px;font-size:10px;display:block}.service-list>.text-link{color:#ebede3;border-color:#69705f;margin-top:30px}.service-list>.text-link:hover{color:var(--orange)}.story-section{grid-template-columns:1fr 1fr;align-items:center;gap:110px;display:grid}.story-image{height:540px;position:relative}.story-image img{object-fit:cover;width:100%;height:100%}.story-image>span{bottom:22px;color:#fff;letter-spacing:.12em;text-shadow:0 1px 8px #000;font-size:9px;position:absolute;inset-inline-start:23px}.story-copy h2{font-size:53px}html[lang=ar] .story-copy h2{font-size:37px}.story-copy>p{color:#74776c;max-width:420px;margin:24px 0 22px;font-size:13px;line-height:2.1}.story-copy .section-label{flex-wrap:wrap}.story-copy .section-label small{margin-inline-start:0}.contact-banner{background:#e8e4db;padding-block:85px;position:relative;overflow:hidden}.contact-banner>.container{z-index:1;justify-content:space-between;align-items:flex-end;gap:50px;display:flex;position:relative}.contact-banner h2{margin-top:22px;font-size:77px;line-height:1.1}html[lang=ar] .contact-banner h2{font-size:51px;line-height:1.5}.contact-banner h2 em{color:#77776a}.contact-banner .eyebrow{font-size:9px}.contact-banner-action{max-width:340px;padding-bottom:8px}.contact-banner-action>p{color:#747568;margin-bottom:22px;font-size:13px;line-height:1.9}.contact-banner .action{border-color:#b5b4a6}.decorative-eight{inset-inline-end:10%;font-size:660px;line-height:1;font-family:var(--serif);color:#ded9cd;pointer-events:none;position:absolute;top:-138px}.footer{background:var(--paper)}.footer-top{grid-template-columns:1.25fr .75fr 1.25fr .8fr;gap:45px;padding-block:65px;display:grid}.footer-logo img{width:180px;height:auto}.footer-top>div:first-child>p{color:var(--muted);margin-top:15px;font-size:12px}.footer-links{flex-direction:column;align-items:flex-start;gap:9px;font-size:11px;display:flex}.footer-links>.eyebrow,.footer-note>.eyebrow{color:#909184;margin-bottom:13px;font-size:9px}.footer-links a:hover{color:var(--orange)}.footer-links>span:last-child{color:#898b7f;font-size:10px}.footer-note p{max-width:150px;font-size:15px}.footer-bottom{border-top:1px solid var(--line);color:#929487;justify-content:space-between;gap:25px;padding-block:22px;font-size:9px;display:flex}.footer-bottom a{color:#53594b}.page-heading{padding-block:87px 65px}.page-heading h1{max-width:1000px;margin:8px 0 26px;font-size:76px}html[lang=ar] .page-heading h1{font-size:49px}.page-heading>p{max-width:640px;color:var(--muted);font-size:14px;line-height:1.95}.portfolio-list{padding-bottom:110px}.filters{border-bottom:1px solid var(--line);flex-wrap:wrap;gap:34px;margin-bottom:46px;display:flex}.filters button{color:var(--muted);background:0 0;gap:8px;padding:5px 0 20px;font-size:12px;display:flex;position:relative}.filters button span{font-family:var(--sans);align-self:flex-start;font-size:9px}.filters button.active{color:var(--ink)}.filters button.active:after{content:"";background:var(--orange);width:100%;height:2px;position:absolute;bottom:-1px}.about-panorama{height:520px;overflow:hidden}.about-panorama img{object-fit:cover;width:100%;height:100%}.about-story{grid-template-columns:.6fr 1fr;gap:70px;display:grid}.about-story h2{margin-bottom:27px}.about-story p{color:var(--muted);margin-top:20px;font-size:14px;line-height:2.1}.timeline-section{background:#efeee8;padding-block:65px}.timeline{grid-template-columns:repeat(3,1fr);gap:75px;display:grid}.timeline article{border-top:1px solid #c5c6b9;padding-top:20px}.timeline b{font-family:var(--serif);color:#797b6f;font-size:66px;font-weight:400;line-height:1.4}.timeline h3{margin:18px 0 12px;font-size:19px}.timeline p{color:var(--muted);max-width:300px;font-size:12px;line-height:1.9}.full-services{padding-top:70px}.process-grid{grid-template-columns:repeat(3,1fr);gap:55px;margin-top:45px;display:grid}.process-grid article{border-top:1px solid var(--line);padding-top:20px}.process-grid article>span{font-family:var(--serif);color:#a3a394;font-size:35px}.process-grid h3{margin:12px 0;font-size:21px}.process-grid p{color:var(--muted);max-width:340px;font-size:13px;line-height:1.9}.project-detail-heading{padding-block:50px 40px}.back-link{border:0;gap:15px;font-size:10px}.back-link .arrow{transform:rotate(180deg)}html[dir=rtl] .back-link .arrow{transform:none}.project-detail-title{justify-content:space-between;align-items:flex-end;gap:35px;margin-top:20px;display:flex}.project-detail-title h1{font-size:65px}html[lang=ar] .project-detail-title h1{font-size:43px}.project-detail-title>span{color:var(--muted);padding-bottom:12px;font-size:12px}.detail-hero{height:640px}.detail-hero>button,.detail-gallery>button{background:#deded5;width:100%;height:100%;padding:0;display:block;position:relative;overflow:hidden}.detail-hero img,.detail-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .7s}.detail-hero button:hover img,.detail-gallery button:hover img{transform:scale(1.025)}.image-enlarge{bottom:20px;background:var(--paper);color:var(--ink);border-radius:50%;place-items:center;width:36px;height:36px;font-size:20px;display:grid;position:absolute;inset-inline-end:20px}.project-overview{grid-template-columns:.6fr 1fr;gap:100px;padding-block:75px;display:grid}.project-overview .eyebrow{color:#95978b;font-size:9px}.project-overview>div:first-child p{max-width:300px;margin:8px 0 24px;font-size:12px}.project-overview h2{font-size:43px}html[lang=ar] .project-overview h2{font-size:30px}.project-overview>div:last-child>p{color:var(--muted);margin:23px 0;font-size:14px;line-height:2}.detail-gallery{grid-template-columns:1fr 1fr;gap:24px;display:grid}.detail-gallery>button{aspect-ratio:1.35}.detail-gallery>button:nth-child(3n){aspect-ratio:1.9;grid-column:1/-1}.next-project{padding-block:80px}.next-project>.eyebrow{color:var(--muted);margin-bottom:20px}.next-project>a{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;padding-block:25px;display:flex}.next-project h2{font-size:45px}html[lang=ar] .next-project h2{font-size:32px}.next-project .arrow{width:40px;height:40px}.lightbox{color:#fff;background:#171a16;border:none;width:96vw;max-width:1500px;max-height:95svh;padding:50px 20px 20px;overflow:auto}.lightbox::backdrop{background:#000d}.lightbox-close{top:3px;color:#fff;background:0 0;width:44px;height:44px;font-size:34px;position:absolute;inset-inline-end:18px}.lightbox-body{direction:ltr;align-items:center;gap:15px;display:flex}.lightbox-body img{object-fit:contain;flex:1;width:calc(100% - 110px);min-width:0;max-height:75svh}.lightbox-body>button{color:#fff;background:0 0;flex-shrink:0;width:40px;font-size:40px}.lightbox>p{text-align:center;color:#ccc;margin-top:20px;font-size:11px}.contact-layout{grid-template-columns:.8fr 1.2fr;gap:120px;padding-bottom:110px;display:grid}.contact-information{padding-top:5px}.contact-information>.eyebrow{color:var(--muted)}.big-phone{font-family:var(--serif);margin-top:16px;font-size:38px;line-height:1.4;display:inline-block}.contact-information>p{color:var(--muted);margin:8px 0 20px;font-size:11px}.contact-information>.text-link{font-size:11px}.contact-location{border-top:1px solid var(--line);margin:40px 0 30px;padding-top:25px}.contact-location h3{margin-block:12px;font-size:17px}.contact-location>.muted{letter-spacing:.1em;font-size:9px}.contact-information>img{object-fit:cover;width:100%;height:240px}.contact-form{background:#efeee8;padding:40px}.contact-form h2{margin-bottom:30px;font-size:32px}html[lang=ar] .contact-form h2{font-size:25px}.form-row{grid-template-columns:1fr 1fr;gap:25px;display:grid}.contact-form label{flex-direction:column;gap:10px;min-width:0;margin-bottom:27px;font-size:11px;display:flex}.contact-form input,.contact-form select,.contact-form textarea{color:var(--ink);outline-offset:3px;background:0 0;border:0;border-bottom:1px solid #bfc1b4;border-radius:0;width:100%;min-width:0;padding:9px 0;font-size:12px}.contact-form textarea{resize:vertical;min-height:130px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#939689;opacity:1}.contact-form select{height:42px}.form-note{color:var(--muted);margin-bottom:23px;font-size:10px;line-height:1.9}.submit-button{background:var(--ink);color:#fff;justify-content:space-between;align-items:center;gap:40px;min-height:53px;padding:15px 21px;font-size:12px;display:flex}.submit-button:hover{background:#474c3e}.contact-form .submit-button{width:100%}.form-result{border-inline-start:2px solid var(--orange);background:#e3e2d8;margin-top:25px;padding:20px;font-size:12px;line-height:1.9}.form-result strong{font-weight:500}.form-result p{color:#74776a;margin:8px 0}.form-result a{color:#9d4400;text-underline-offset:5px;text-decoration:underline}.not-found{min-height:65vh;padding-block:100px}.not-found h1{margin-block:15px;font-size:42px}.not-found .submit-button{margin-top:30px;display:inline-flex}.not-found p{color:var(--muted)}@keyframes hero-arrive{0%{opacity:.6;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@media (min-width:1700px){.hero-content{padding-top:150px}.hero{height:850px;max-height:calc(100svh - 94px)}}@media (max-width:1100px){.container{width:calc(100% - 70px)}.header-inner{gap:25px;width:calc(100% - 50px)}.header-actions{gap:18px}.nav{gap:23px}.header-cta{gap:12px}.logo img{width:140px}.hero{min-height:620px}.hero h1{font-size:66px}html[lang=ar] .hero h1{font-size:56px}.intro-copy{gap:55px}.intro h2{font-size:46px}html[lang=ar] .intro h2{font-size:32px}.service-layout{gap:45px}.story-section{gap:55px}.story-copy h2{font-size:45px}.story-copy .section-label small{display:none}.story-image{height:500px}.contact-layout{gap:55px}.contact-form{padding:30px}.footer-top{grid-template-columns:1fr .65fr 1fr;gap:30px}.footer-note{display:none}.project-detail-title h1{font-size:54px}html[lang=ar] .project-detail-title h1{font-size:36px}.project-overview{gap:60px}.detail-hero{height:530px}}@media (max-width:800px){.container{width:calc(100% - 44px)}.section{padding-block:70px}.header{height:80px}.header-inner{width:calc(100% - 40px)}.logo img{width:128px}.header-cta{display:none}.header-actions{gap:25px}.menu-toggle{background:0 0;flex-direction:column;justify-content:center;align-items:flex-end;gap:7px;width:28px;height:40px;padding:0;display:flex}.menu-toggle span{background:var(--ink);width:27px;height:1px;display:block}.menu-toggle span.short{width:17px}.nav{top:80px;background:var(--paper);border-bottom:1px solid var(--line);align-items:stretch;gap:0;padding:20px 25px 35px;display:none;position:absolute;inset-inline:0;box-shadow:0 15px 20px #00000008}.nav.open{flex-direction:column;display:flex}.nav a{padding:12px 0;font-size:17px}.nav a:after{display:none}.nav a[aria-current=page]{color:#cc5c00}.nav .mobile-contact{color:#cc5c00;border-top:1px solid var(--line);margin-top:10px;padding-top:20px;display:block}.hero{height:calc(91svh - 80px);min-height:610px;max-height:760px}.hero-content{padding-top:100px}.hero h1{max-width:700px;font-size:61px}html[lang=ar] .hero h1{font-size:49px}.hero-content>p{max-width:350px}.hero-shade{background:linear-gradient(#00000059,#0000009e)}.hero-bottom{bottom:25px}.hero-caption{gap:12px}.hero-caption>span{padding-inline-end:12px}.hero-caption>.arrow,.hero-vertical{display:none}.intro-copy{grid-template-columns:1fr;gap:27px}.intro h2{font-size:48px}html[lang=ar] .intro h2{font-size:36px}.intro-detail{max-width:620px;padding:0}.intro-detail>p{max-width:550px}.intro-detail .action{margin-top:16px}.heritage{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:45px;padding-top:25px}.heritage>p{display:none}.heritage b{font-size:38px}.heritage span{font-size:9px}.section-label small{letter-spacing:.04em;font-size:8px}.section-head h2{font-size:43px}html[lang=ar] .section-head h2{font-size:31px}.section-head{align-items:flex-start;gap:18px}.section-head>.text-link{align-self:flex-end;gap:16px;font-size:10px}.section-head .section-label small{display:none}.project-grid{gap:35px 22px}.project-meta{gap:10px}.project-meta h3{font-size:17px}html[lang=ar] .project-meta h3{font-size:15px}.project-meta p{font-size:9px}.project-number{display:none}.project-kind{bottom:10px;padding:4px 6px;font-size:7px;inset-inline-start:10px}.project-meta>.arrow{width:15px}.selected .project-card:nth-child(2n){margin-top:60px}.selected .project-card:nth-child(3){margin-top:-35px}.selected .project-card:nth-child(4){margin-top:25px}.project-photo{aspect-ratio:1.1}.selected .project-card:nth-child(2) .project-photo,.selected .project-card:nth-child(3) .project-photo{aspect-ratio:1}.services-section .section-head{display:block}.section-description{max-width:470px;margin-top:22px}.service-layout{grid-template-columns:.8fr 1.2fr;gap:40px;margin-top:35px}.service-image{height:400px}.service h3 button{gap:15px;padding:21px 0;font-size:20px}html[lang=ar] .service h3 button{font-size:18px}.service-content{padding-inline:25px 0}.service-content small{font-size:9px}.story-section{gap:40px}.story-image{height:450px}.story-copy h2{font-size:39px}html[lang=ar] .story-copy h2{font-size:28px}.story-copy>.section-label{font-size:9px}.story-copy>p{font-size:12px;line-height:1.9}.contact-banner{padding-block:65px}.contact-banner h2{font-size:58px}html[lang=ar] .contact-banner h2{font-size:40px}.contact-banner-action{max-width:270px}.contact-banner .eyebrow{max-width:250px;font-size:8px}.contact-banner>.container{gap:35px}.contact-banner-action>p{font-size:12px}.contact-banner .action{gap:18px;font-size:11px}.footer-top{grid-template-columns:1fr 1fr;gap:30px;padding-block:45px}.footer-top>div:first-child{grid-column:1/-1;justify-content:space-between;align-items:center;gap:20px;display:flex}.footer-top>div:first-child>p{margin:0}.footer-logo img{width:160px}.footer-bottom{font-size:8px}.page-heading{padding-block:60px 45px}.page-heading h1{font-size:59px}html[lang=ar] .page-heading h1{font-size:38px}.page-heading>p{max-width:570px;font-size:13px}.filters{gap:24px}.filters button{font-size:11px}.portfolio-list{padding-bottom:65px}.about-panorama{height:380px}.about-story{grid-template-columns:1fr;gap:8px}.about-story h2{font-size:40px}html[lang=ar] .about-story h2{font-size:30px}.about-story p{font-size:13px}.timeline{gap:35px}.timeline b{font-size:50px}.timeline h3{font-size:16px}.timeline p{font-size:11px}.process-grid{gap:30px}.process-grid h3{font-size:18px}.process-grid p{font-size:12px}.contact-layout{grid-template-columns:1fr;gap:45px;padding-bottom:60px}.contact-information>img{display:none}.contact-location{margin-bottom:0}.contact-form{padding:35px}.project-detail-title{display:block}.project-detail-title h1{margin-bottom:15px;font-size:47px}html[lang=ar] .project-detail-title h1{font-size:35px}.detail-hero{height:430px}.project-overview{grid-template-columns:.7fr 1fr;gap:40px;padding-block:50px}.project-overview h2{font-size:34px}html[lang=ar] .project-overview h2{font-size:25px}.project-overview>div:last-child>p{font-size:12px}.detail-gallery{gap:16px}.next-project{padding-block:55px}.next-project h2{font-size:36px}html[lang=ar] .next-project h2{font-size:27px}}@media (max-width:540px){.container,.header-inner{width:calc(100% - 36px)}.header{height:75px}.nav{top:75px}.logo img{width:119px}.language{font-size:10px}.language span{font-size:16px}.header-actions{gap:21px}.hero{height:calc(93svh - 75px);min-height:600px;max-height:760px}.hero-content{padding-top:85px}.hero h1{max-width:420px;margin-top:25px;font-size:50px;line-height:1.08}html[lang=ar] .hero h1{letter-spacing:-.07em;font-size:42px;line-height:1.6}.hero-content>.eyebrow{font-size:8px}.hero-content>p{max-width:285px;margin-top:18px;font-size:12px;line-height:2}.hero .action{min-width:195px;font-size:11px}.hero-image{object-position:47% center}.hero-bottom{align-items:flex-end;bottom:23px}.hero-bottom>a:first-child{gap:10px;font-size:9px}.hero-caption{gap:9px;max-width:200px}.hero-caption>div{font-size:9px}.hero-caption>span{white-space:nowrap;font-size:8px}.hero-caption small{font-size:7px}.section-label{margin-bottom:21px}.section-label small{margin-inline-start:10px;font-size:7px}.intro h2{font-size:40px}html[lang=ar] .intro h2{font-size:29px}.intro-detail>p{font-size:12px}.heritage b{font-size:34px}.heritage{gap:15px}.heritage span{font-size:8px}.section-head{margin-bottom:30px;display:block}.section-head h2{font-size:37px}html[lang=ar] .section-head h2{font-size:29px}.section-head>.text-link{margin-top:23px}.project-grid{grid-template-columns:1fr;gap:35px}.selected .project-card:nth-child(n){margin-top:0}.selected .project-card:nth-child(n) .project-photo,.project-photo{aspect-ratio:1.25}.project-meta h3{font-size:20px}html[lang=ar] .project-meta h3{font-size:17px}.project-meta p{font-size:10px}.project-kind{bottom:14px;font-size:8px;inset-inline-start:14px}.project-meta>.arrow{width:20px}.project-open{opacity:1;top:15px;width:35px;height:35px;inset-inline-end:15px;transform:none}.project-open svg{width:18px}.service-layout{grid-template-columns:1fr;gap:25px}.service-image{height:265px}.services-section h2{font-size:39px}html[lang=ar] .services-section h2{font-size:29px}.section-description{font-size:12px}.service h3 button{font-size:22px}html[lang=ar] .service h3 button{font-size:20px}.service-content{padding-inline:30px 0;font-size:12px}.story-section{grid-template-columns:1fr;gap:35px}.story-image{height:360px}.story-copy h2{font-size:43px}html[lang=ar] .story-copy h2{font-size:31px}.story-copy>p{max-width:100%;font-size:12px}.story-copy>.section-label{font-size:10px}.contact-banner>.container{display:block}.contact-banner h2{font-size:62px}html[lang=ar] .contact-banner h2{font-size:44px}.contact-banner-action{max-width:350px;margin-top:30px}.contact-banner .eyebrow{max-width:none;font-size:8px}.contact-banner-action>p{max-width:300px}.decorative-eight{top:0;font-size:600px;inset-inline-end:-20%}.footer-top{gap:32px 20px}.footer-top>div:first-child{display:block}.footer-top>div:first-child>p{margin-top:14px}.footer-links{font-size:10px}.footer-bottom{flex-wrap:wrap;gap:13px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>a{margin-inline-start:auto}.page-heading{padding-block:48px 40px}.page-heading h1{margin-bottom:20px;font-size:47px}html[lang=ar] .page-heading h1{font-size:34px;line-height:1.5}.page-heading>p{font-size:12px}.filters{gap:18px;margin-bottom:30px}.filters button{padding-bottom:14px;font-size:10px}.filters button span{font-size:8px}.about-panorama{height:280px}.timeline{grid-template-columns:1fr;gap:35px}.timeline b{font-size:52px}.timeline h3{margin-top:6px;font-size:20px}.timeline p{max-width:100%;font-size:12px}.timeline-section{padding-block:50px}.process h2{font-size:38px}html[lang=ar] .process h2{font-size:30px}.process-grid{grid-template-columns:1fr;gap:30px;margin-top:30px}.process-grid p{max-width:100%}.process-grid h3{font-size:21px}.contact-form{padding:25px 20px}.form-row{grid-template-columns:1fr;gap:0}.contact-form label{margin-bottom:25px;font-size:11px}.contact-form input,.contact-form select,.contact-form textarea{font-size:16px}.big-phone{font-size:35px}.contact-information>.text-link{font-size:11px}.contact-location h3{font-size:17px}.project-detail-heading{padding-top:30px}.project-detail-title h1{font-size:37px}html[lang=ar] .project-detail-title h1{font-size:29px}.project-detail-title>span{font-size:11px}.detail-hero{height:320px}.project-overview{grid-template-columns:1fr;gap:25px;padding-block:40px}.project-overview>div:first-child{grid-template-columns:90px 1fr;align-items:baseline;gap:15px;display:grid}.project-overview>div:first-child p{margin:0;font-size:11px}.project-overview h2{font-size:35px}html[lang=ar] .project-overview h2{font-size:28px}.project-overview>div:last-child>p{margin-block:18px;font-size:13px}.detail-gallery{grid-template-columns:1fr;gap:15px}.detail-gallery>button:nth-child(n){aspect-ratio:1.3;grid-column:auto}.next-project h2{font-size:33px}html[lang=ar] .next-project h2{font-size:24px}.next-project .arrow{width:26px;height:26px}.lightbox{width:100vw;padding:50px 8px 15px}.lightbox-body{gap:3px}.lightbox-body>button{width:25px;font-size:32px}.lightbox-body img{width:calc(100% - 60px)}.not-found h1{font-size:30px}.not-found .submit-button{gap:15px;font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.grain{z-index:9000;pointer-events:none;opacity:.028;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:260px;position:fixed;inset:0}@media (prefers-reduced-motion:reduce){.grain{display:none}}.scroll-progress{top:0;background:var(--orange);width:100%;height:2px;transform:scaleX(var(--p,0));transform-origin:0;z-index:40;pointer-events:none;position:fixed;inset-inline-start:0}html[dir=rtl] .scroll-progress{transform-origin:100%}[data-reveal].is-in{opacity:1;transform:none}@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transition:opacity 1.1s cubic-bezier(.16,.84,.26,1) var(--d,0s),transform 1.15s cubic-bezier(.16,.84,.26,1) var(--d,0s);will-change:opacity,transform;transform:translateY(50px)scale(.972)}}[data-curtain].is-in img{transform:scale(1)}[data-curtain].is-in:after{transform:scaleY(0)}@media (prefers-reduced-motion:no-preference){[data-curtain]{position:relative}[data-curtain] img{transition:transform 1.9s cubic-bezier(.19,.86,.22,1) .12s;transform:scale(1.24)}[data-curtain]:after{content:"";background:var(--paper);transform-origin:top;z-index:2;pointer-events:none;transition:transform 1.3s cubic-bezier(.76,0,.24,1);position:absolute;inset:0;transform:scaleY(1)}.services-section [data-curtain]:after,.story-image[data-curtain]:after{background:#262a24}}.hero-image{animation:1.5s ease-out both heroFade,24s ease-in-out 1.6s infinite alternate kenburns}@keyframes heroFade{0%{opacity:.35}to{opacity:1}}@keyframes kenburns{0%{transform:scale(1.02)}to{transform:scale(1.17)}}@media (prefers-reduced-motion:no-preference){.hero-content>*{animation:1.05s cubic-bezier(.16,.8,.3,1) both heroRise}.hero-content>.eyebrow{animation-delay:.3s}.hero-content>h1{animation-delay:.42s}.hero-content>p{animation-delay:.6s}.hero-content>.action{animation-delay:.74s}.hero-bottom{animation:1s .9s both heroRise}.hero-vertical{animation:1.2s 1.05s both heroRise}}@keyframes heroRise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}.action>span,.project-open,.header-cta,.text-link,.nav a:after,.filters button{transition:background .3s,color .3s,border-color .3s,transform .3s}.action:hover>span{transform:scale(1.07)}.action:hover .arrow.diagonal{transform:rotate(-40deg)translate(2px,-1px)}html[dir=rtl] .action:hover .arrow.diagonal{transform:rotate(220deg)translate(-2px,-1px)}.text-link:hover .arrow{transform:translate(5px)}html[dir=rtl] .text-link:hover .arrow{transform:translate(-5px)}.project-card:hover .project-meta>.arrow.diagonal{transform:rotate(-40deg)translate(2px,-1px)}html[dir=rtl] .project-card:hover .project-meta>.arrow.diagonal{transform:rotate(220deg)translate(-2px,-1px)}.service h3 button{transition:color .3s}.service h3 button:hover{color:#ff872d}@media (prefers-reduced-motion:no-preference){.decorative-eight{animation:15s ease-in-out infinite float8}}@keyframes float8{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.marquee{border-block:1px solid var(--line);background:var(--paper);padding-block:30px;position:relative;overflow:hidden}.marquee:before,.marquee:after{content:"";z-index:1;pointer-events:none;width:120px;position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(90deg,var(--paper),transparent);inset-inline-start:0}.marquee:after{background:linear-gradient(270deg,var(--paper),transparent);inset-inline-end:0}html[dir=rtl] .marquee:before{background:linear-gradient(270deg,var(--paper),transparent)}html[dir=rtl] .marquee:after{background:linear-gradient(90deg,var(--paper),transparent)}.marquee-track{width:max-content;animation:32s linear infinite marquee;display:flex}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--serif);letter-spacing:-.03em;color:#2b2c26;white-space:nowrap;align-items:center;padding-inline:40px;font-size:34px;display:flex}html[lang=ar] .marquee-track span{font-family:var(--arabic);letter-spacing:-.04em;font-size:27px}.marquee-track span:after{content:"";background:var(--orange);border-radius:50%;flex-shrink:0;width:7px;height:7px;margin-inline-start:40px}@keyframes marquee{to{transform:translate(-50%)}}@media (max-width:800px){.marquee{padding-block:22px}.marquee-track span{padding-inline:26px;font-size:25px}html[lang=ar] .marquee-track span{font-size:21px}.marquee-track span:after{margin-inline-start:26px}.marquee:before,.marquee:after{width:60px}}.cursor-dot,.cursor-ring{display:none}@media (hover:hover) and (pointer:fine){html.has-cursor,html.has-cursor a,html.has-cursor button,html.has-cursor label,html.has-cursor .project-card,html.has-cursor .nav a{cursor:none}html.has-cursor input,html.has-cursor textarea{cursor:text}.cursor-dot{z-index:9600;pointer-events:none;mix-blend-mode:difference;will-change:transform;background:#fff;border-radius:50%;width:7px;height:7px;margin:-3.5px 0 0 -3.5px;transition:opacity .3s,transform .18s ease-out;display:block;position:fixed;top:0;left:0}.cursor-ring{z-index:9500;pointer-events:none;mix-blend-mode:difference;will-change:transform;border:1px solid #fff;border-radius:50%;place-items:center;width:42px;height:42px;margin:-21px 0 0 -21px;transition:width .35s cubic-bezier(.22,.8,.2,1),height .35s cubic-bezier(.22,.8,.2,1),margin .35s cubic-bezier(.22,.8,.2,1),background .3s,border-color .3s,opacity .3s;display:grid;position:fixed;top:0;left:0}.cursor-ring .cl{font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#fff;opacity:0;font-size:9px;transition:opacity .25s;transform:scale(.8)}html[lang=ar] .cursor-ring .cl{font-family:var(--arabic);letter-spacing:0;font-size:11px}.cursor-ring.hover{background:#ffffff1a;width:66px;height:66px;margin:-33px 0 0 -33px}.cursor-ring.view{background:var(--orange);border-color:var(--orange);mix-blend-mode:normal;width:92px;height:92px;margin:-46px 0 0 -46px}.cursor-ring.view .cl{opacity:1;transform:scale(1)}.cursor-dot.view{opacity:0}.cursor-hidden{opacity:0!important}}@media (prefers-reduced-motion:reduce){.cursor-dot,.cursor-ring{display:none!important}}.project-quote{text-align:center;max-width:1000px;margin-inline:auto;padding-block:30px 72px}.project-quote p{font-family:var(--serif);letter-spacing:-.03em;color:var(--ink);font-size:46px;line-height:1.28}html[lang=ar] .project-quote p{font-family:var(--arabic);letter-spacing:-.04em;font-size:35px;line-height:1.7}.project-quote span{letter-spacing:.17em;text-transform:uppercase;color:var(--muted);margin-top:26px;font-size:10px;display:block}html[lang=ar] .project-quote span{letter-spacing:.02em;font-size:12px}.editorial-gallery{grid-template-columns:repeat(12,1fr);gap:46px 38px;padding-bottom:20px;display:grid}.editorial-gallery figure{min-width:0;margin:0}.editorial-gallery button{aspect-ratio:1.4;background:#deded5;width:100%;margin:0;padding:0;display:block;position:relative;overflow:hidden}.editorial-gallery img{object-fit:cover;width:100%;height:100%;transition:transform .9s cubic-bezier(.22,.8,.2,1)}.editorial-gallery button:hover img{transform:scale(1.045)}.editorial-gallery figcaption{letter-spacing:.07em;color:var(--muted);justify-content:space-between;gap:16px;margin-top:15px;font-size:10px;display:flex}.editorial-gallery figcaption span:first-child{color:var(--orange);font-family:var(--sans)}html[lang=ar] .editorial-gallery figcaption span:first-child{direction:ltr}.editorial-gallery figure:nth-child(6n+1){grid-column:1/-1}.editorial-gallery figure:nth-child(6n+1) button{aspect-ratio:2.15}.editorial-gallery figure:nth-child(6n+2){grid-column:1/8}.editorial-gallery figure:nth-child(6n+2) button{aspect-ratio:1.45}.editorial-gallery figure:nth-child(6n+3){grid-column:8/13;align-self:end}.editorial-gallery figure:nth-child(6n+3) button{aspect-ratio:1.02}.editorial-gallery figure:nth-child(6n+4){grid-column:5/13}.editorial-gallery figure:nth-child(6n+4) button{aspect-ratio:1.95}.editorial-gallery figure:nth-child(6n+5){grid-column:1/6;align-self:center}.editorial-gallery figure:nth-child(6n+5) button{aspect-ratio:.92}.editorial-gallery figure:nth-child(6n+6){grid-column:6/13}.editorial-gallery figure:nth-child(6n+6) button{aspect-ratio:1.55}@media (max-width:1100px){.editorial-gallery{gap:38px 28px}.project-quote p{font-size:38px}html[lang=ar] .project-quote p{font-size:30px}}@media (max-width:800px){.editorial-gallery{grid-template-columns:1fr;gap:30px}.editorial-gallery figure:nth-child(n){grid-column:1/-1;align-self:auto}.editorial-gallery figure:nth-child(n) button{aspect-ratio:1.35}.project-quote{padding-block:10px 50px}.project-quote p{font-size:29px}html[lang=ar] .project-quote p{font-size:24px}}.pinband{background:#14160f;height:180svh;position:relative}.pinband-sticky{place-items:end start;height:100svh;display:grid;position:sticky;top:0;overflow:hidden}.pinband-img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.pinband-shade{background:linear-gradient(#090b0785,#090b0738 48%,#090b07db);position:absolute;inset:0}.pinband-copy{z-index:1;color:#fff;max-width:1120px;padding-bottom:clamp(58px,9vh,118px);position:relative}.pinband-kicker{letter-spacing:.2em;color:#efe8decc;align-items:center;gap:12px;margin-bottom:24px;font-size:10px;display:flex}.pinband-kicker:before{content:"";background:var(--orange);width:26px;height:1px}html[lang=ar] .pinband-kicker{letter-spacing:.04em;font-size:12px}.pinband-copy p{font-family:var(--serif);letter-spacing:-.03em;max-width:960px;font-size:clamp(33px,4.7vw,68px);line-height:1.12}html[lang=ar] .pinband-copy p{font-family:var(--arabic);letter-spacing:-.045em;font-size:clamp(27px,4vw,54px);line-height:1.5}@media (max-width:800px){.pinband{height:150svh}}@media (min-width:801px){.section{padding-block:clamp(84px,9vw,126px)}.container{width:min(1320px,100% - clamp(64px,7vw,120px))}.section-head{margin-bottom:clamp(40px,4.2vw,54px)}.intro{padding-bottom:clamp(64px,7vw,96px)}.intro-copy{gap:clamp(56px,6vw,104px)}.heritage{margin-top:clamp(48px,5vw,70px);padding-top:clamp(28px,3vw,40px)}.project-grid{gap:clamp(46px,5vw,62px) clamp(30px,3vw,44px)}.service-layout{gap:clamp(50px,6vw,84px);margin-top:clamp(46px,5vw,62px)}.story-section{gap:clamp(54px,7vw,112px)}.contact-layout{gap:clamp(56px,7vw,118px)}.project-overview{gap:clamp(52px,7vw,100px);padding-block:clamp(60px,7vw,82px)}.page-heading{padding-block:clamp(74px,8vw,100px) clamp(52px,5vw,70px)}}.showcase{background:#f1f0ea;overflow:hidden}.showcase-head{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:clamp(30px,4vw,46px);display:flex}.showcase-head h2{font-size:clamp(34px,4.4vw,52px)}html[lang=ar] .showcase-head h2{font-size:clamp(28px,3.6vw,40px)}.showcase-hint{letter-spacing:.15em;color:var(--muted);white-space:nowrap;padding-bottom:10px;font-size:10px}html[lang=ar] .showcase-hint{letter-spacing:.02em;font-size:12px}.showcase-track{scroll-snap-type:x mandatory;cursor:grab;scrollbar-width:thin;scrollbar-color:#c7c6bc transparent;direction:ltr;gap:clamp(20px,2.4vw,32px);padding:4px clamp(24px,7vw,120px) 24px;display:flex;overflow-x:auto}.showcase-track::-webkit-scrollbar{height:4px}.showcase-track::-webkit-scrollbar-thumb{background:#c7c6bc}.showcase-track.dragging{cursor:grabbing;scroll-snap-type:none;scroll-behavior:auto}.showcase-item{scroll-snap-align:center;flex:0 0 min(80vw,500px);margin:0}.showcase-img{aspect-ratio:.84;background:#ddddd4;overflow:hidden}.showcase-img img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:transform 1s cubic-bezier(.22,.8,.2,1)}.showcase-item:hover .showcase-img img{transform:scale(1.045)}.showcase figcaption{direction:ltr;flex-direction:column;gap:6px;margin-top:17px;display:flex}html[lang=ar] .showcase figcaption{direction:rtl}.showcase figcaption span{color:var(--orange);font-size:10px;font-family:var(--sans)}.showcase figcaption b{font-family:var(--serif);letter-spacing:-.02em;font-size:22px;font-weight:400;line-height:1.2}html[lang=ar] .showcase figcaption b{font-family:var(--arabic);font-size:19px}.showcase figcaption small{color:var(--muted);letter-spacing:.12em;font-size:10px}html[lang=ar] .showcase figcaption small{letter-spacing:.02em;font-size:11px}.portfolio-controls{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.portfolio-controls .filters{flex:1;min-width:240px}.view-toggle{gap:5px;padding-bottom:18px;display:flex}.view-toggle button{color:var(--muted);letter-spacing:.13em;background:0 0;border:1px solid #0000;padding:7px 13px;font-size:10px;transition:color .3s,border-color .3s}.view-toggle button.active{color:var(--ink);border-color:var(--line)}html[lang=ar] .view-toggle button{letter-spacing:0;font-size:12px}.project-index{border-top:1px solid var(--line);position:relative}.project-index-row{border-bottom:1px solid var(--line);grid-template-columns:72px 1.5fr 1fr 1fr 26px;align-items:center;gap:22px;padding:clamp(22px,2.6vw,32px) 8px;transition:padding-inline .4s cubic-bezier(.22,.8,.2,1),background .4s;display:grid}.project-index-row:hover{background:#faf9f5;padding-inline:26px}.pi-num{color:var(--muted);font-size:11px}.project-index-row h3{font-family:var(--serif);letter-spacing:-.02em;font-size:clamp(24px,2.8vw,34px);font-weight:400;transition:color .3s}html[lang=ar] .project-index-row h3{font-family:var(--arabic);font-size:clamp(20px,2.4vw,27px)}.project-index-row:hover h3{color:var(--orange)}.pi-cat,.pi-loc{color:var(--muted);font-size:11px}.project-index-row .arrow{opacity:0;transition:opacity .3s,transform .3s}.project-index-row:hover .arrow{opacity:1;transform:translate(4px)}html[dir=rtl] .project-index-row:hover .arrow{transform:rotate(180deg)translate(4px)}.index-preview{z-index:29;pointer-events:none;opacity:0;width:280px;height:350px;margin:-175px 0 0 -140px;transition:opacity .4s,transform .35s cubic-bezier(.22,.8,.2,1);position:fixed;top:0;left:0;overflow:hidden;box-shadow:0 34px 70px #12140e47}.index-preview.on{opacity:1}.index-preview img{object-fit:cover;width:100%;height:100%}@media (hover:none),(pointer:coarse){.index-preview{display:none!important}}@media (max-width:800px){.project-index-row{grid-template-columns:40px 1fr 22px;gap:14px}.pi-cat,.pi-loc{display:none}.project-index-row .arrow{opacity:1}}.stats-section{color:#eeeee6;background:#262a24;padding-block:clamp(58px,7vw,88px)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:40px;display:grid}.stats-grid article{border-top:1px solid #fff2;padding-top:22px}.stats-grid b{font-family:var(--serif);letter-spacing:-.04em;color:#fff;font-size:clamp(46px,6vw,82px);font-weight:400;line-height:1;display:block}.stats-grid span{color:#a3a99a;letter-spacing:.03em;max-width:170px;margin-top:16px;font-size:11px;line-height:1.6;display:block}html[lang=ar] .stats-grid span{letter-spacing:0;font-size:12px}@media (max-width:800px){.stats-grid{grid-template-columns:1fr 1fr;gap:34px 24px}}.project-card{--rx:0deg;--ry:0deg}@media (hover:hover) and (pointer:fine){.project-card .project-photo{transition:transform .4s cubic-bezier(.22,.8,.2,1),box-shadow .4s}.project-card:hover .project-photo{transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));box-shadow:0 30px 55px #14161029}}@media (prefers-reduced-motion:reduce){.project-card:hover .project-photo{transform:none!important}}.compare-section{background:#efeee8}.compare-head{max-width:620px;margin-bottom:clamp(32px,4vw,48px)}.compare-head h2{font-size:clamp(34px,4.4vw,54px)}html[lang=ar] .compare-head h2{font-size:clamp(28px,3.6vw,40px)}.compare-head p{color:var(--muted);max-width:460px;margin-top:18px;font-size:13px;line-height:1.95}.compare{aspect-ratio:1.7;touch-action:none;cursor:ew-resize;-webkit-user-select:none;user-select:none;background:#ddddd4;position:relative;overflow:hidden}.compare img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.compare .compare-top{clip-path:inset(0 calc(100% - var(--pos,50%)) 0 0)}.compare-handle{top:0;bottom:0;left:var(--pos,50%);z-index:2;background:#fff;width:2px;position:absolute;transform:translate(-1px);box-shadow:0 0 0 1px #0000000d}.compare-handle span{width:50px;height:50px;color:var(--ink);letter-spacing:-2px;background:#fff;border-radius:50%;place-items:center;font-size:16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #0000004d}.compare-label{z-index:2;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.16em;background:#14161099;padding:7px 12px;font-size:9px;position:absolute;bottom:18px}html[lang=ar] .compare-label{letter-spacing:.02em;font-size:11px}.compare-label.before{inset-inline-start:18px}.compare-label.after{inset-inline-end:18px}@media (max-width:800px){.compare{aspect-ratio:1.25}}.cities-section{padding-top:clamp(50px,6vw,78px)}.cities{grid-template-columns:1fr 150px 1fr;align-items:center;gap:clamp(16px,3vw,44px);margin-top:clamp(30px,3.5vw,44px);display:grid}.city{border-top:1px solid var(--line);cursor:default;padding-top:24px;transition:opacity .4s}.cities.has-active .city:not(.active){opacity:.42}.city .eyebrow{color:var(--orange);font-size:9px}html[lang=ar] .city .eyebrow{font-size:11px}.city h3{font-family:var(--serif);letter-spacing:-.03em;margin:12px 0 10px;font-size:clamp(32px,4.2vw,56px);font-weight:400;transition:color .3s}html[lang=ar] .city h3{font-family:var(--arabic);font-size:clamp(26px,3.4vw,42px)}.city.active h3{color:var(--orange)}.city p{color:var(--muted);font-size:12px;line-height:1.7}.city.end{text-align:end}.cities-connector{height:90px;position:relative}.cities-connector svg{width:100%;height:100%;overflow:visible}.cities-connector path{fill:none;stroke:#c3c2b6;stroke-width:1.4px;stroke-dasharray:4 5}.cities-connector .arc-draw{stroke:var(--orange);stroke-dasharray:320;stroke-dashoffset:320px;transition:stroke-dashoffset 1.6s cubic-bezier(.65,0,.35,1)}.cities-connector.is-in .arc-draw{stroke-dashoffset:0}.cities-connector circle{fill:var(--orange)}.cities-connector .plane{fill:var(--ink)}@media (max-width:800px){.cities{grid-template-columns:1fr;gap:4px}.cities-connector{height:46px;transform:rotate(90deg)}.city.end{text-align:start}.cities.has-active .city:not(.active){opacity:1}}body.intro-lock{overflow:hidden}.intro-curtain{z-index:10000;will-change:transform;background:#14160f;place-items:center;animation:2.3s cubic-bezier(.76,0,.24,1) forwards curtainUp;display:grid;position:fixed;inset:0}.intro-curtain.skip{display:none}.intro-logo{font-family:var(--serif);color:#f4efe7;letter-spacing:-.045em;opacity:0;font-size:clamp(46px,9vw,120px);font-weight:400;animation:1s cubic-bezier(.16,.8,.3,1) .15s forwards introRise;transform:translateY(24px)}.intro-logo i{color:var(--orange);font-style:normal}.intro-bar{background:#ffffff1f;width:min(240px,46vw);height:1px;position:absolute;bottom:15%;overflow:hidden}.intro-bar i{background:var(--orange);transform-origin:0;height:100%;animation:1.25s cubic-bezier(.7,0,.3,1) .25s forwards introBar;display:block;transform:scaleX(0)}html[dir=rtl] .intro-bar i{transform-origin:100%}@keyframes introRise{to{opacity:1;transform:none}}@keyframes introBar{to{transform:scaleX(1)}}@keyframes curtainUp{0%,62%{transform:translateY(0)}to{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.intro-curtain{display:none!important}}.hero h1 .line{padding-bottom:.06em;display:block;overflow:hidden}@media (prefers-reduced-motion:no-preference){.hero-content>h1{animation:none}.hero h1 .line>span{animation:1.15s cubic-bezier(.16,.85,.3,1) both lineRise;display:block;transform:translateY(116%)}.hero h1 .line:first-child>span{animation-delay:.5s}.hero h1 .line:nth-child(2)>span{animation-delay:.64s}}@keyframes lineRise{to{transform:none}}.action>span{will-change:transform}.project-photo>.sheen,.showcase-img>.sheen,.submit-button>.sheen{pointer-events:none;z-index:1;background:linear-gradient(115deg,#0000 32%,#ffffff38 50%,#0000 68%);position:absolute;inset:0;transform:translate(-130%)}.submit-button{position:relative;overflow:hidden}.submit-button>.sheen{background:linear-gradient(115deg,#0000 35%,#ffffff29 50%,#0000 65%)}.project-card:hover .project-photo>.sheen,.showcase-item:hover .showcase-img>.sheen,.submit-button:hover>.sheen{transition:transform 1s cubic-bezier(.2,.7,.2,1);transform:translate(130%)}.project-kind,.project-open{z-index:2}@media (prefers-reduced-motion:reduce){.project-photo>.sheen,.showcase-img>.sheen,.submit-button>.sheen{display:none}}@media (prefers-reduced-motion:no-preference){[data-parallax]{object-position:center calc(50% + var(--py,0px))}.pinband-img[data-parallax]{height:122%;top:-11%}}.btn{letter-spacing:.01em;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:13px;min-height:56px;padding:15px 26px;font-size:14px;transition:background .3s,color .3s,border-color .3s,transform .3s;display:inline-flex}html[lang=ar] .btn{font-size:15.5px}.btn .arrow{flex-shrink:0;width:18px}.btn:hover .arrow.diagonal{transform:rotate(-40deg)translate(2px,-1px)}html[dir=rtl] .btn:hover .arrow.diagonal{transform:rotate(220deg)translate(-2px,-1px)}.btn-primary{background:var(--orange);color:#fff;border-color:var(--orange)}.btn-primary:hover{background:#e86800;border-color:#e86800}.btn-ghost{color:#fff;background:#ffffff0a;border-color:#ffffff8c}.btn-ghost:hover{background:#ffffff1f;border-color:#fff}.btn-outline{color:var(--ink);background:0 0;border-color:#b7b8ad}.btn-outline:hover{background:var(--ink);color:#fff;border-color:var(--ink)}@media (max-width:540px){.hero-ctas{width:100%}.hero-ctas .btn{flex:auto}}.btn-ink{color:#fff;background:#1e201a;border-color:#1e201a}.btn-ink:hover{background:#2c2f26;border-color:#3a3e32}.hero-content{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;height:100%;padding-top:0;display:flex;position:relative}.hero-content>h1,.hero-content>p,.hero-content>.hero-ctas{max-width:600px}.hero-image{object-fit:cover;object-position:center 56%;opacity:0;width:100%;height:100%;transition:opacity 1.3s;animation:none;position:absolute;inset:0}.hero-image.on{opacity:1}@media (prefers-reduced-motion:no-preference){.hero-image.on{animation:17s ease-in-out infinite alternate kenburns}}.hero-shade{background:linear-gradient(270deg,#090b07c7,#090b073d 44%,#090b0700 66%),linear-gradient(#090b0700 76%,#090b0785)}html[dir=ltr] .hero-shade{background:linear-gradient(90deg,#090b07c7,#090b073d 44%,#090b0700 66%),linear-gradient(#090b0700 76%,#090b0785)}.hero-bottom{justify-content:flex-start;align-items:center;gap:28px}.hero-nav{color:#fff;align-items:center;gap:14px;display:flex}.hero-nav button{color:#fff;background:#ffffff0f;border:1px solid #fff6;border-radius:50%;place-items:center;width:42px;height:42px;padding-bottom:3px;font-size:21px;line-height:0;transition:background .3s,border-color .3s;display:grid}.hero-nav button:hover{background:var(--orange);border-color:var(--orange)}.hero-nav>span{font-family:var(--sans);letter-spacing:.12em;text-align:center;min-width:62px;font-size:12px}.hero-caption{color:#fff;border-inline-start:1px solid #ffffff47;align-items:center;gap:18px;padding-inline-start:28px;display:flex}.hero-caption div{font-size:15px}html[lang=ar] .hero-caption div{font-size:16.5px}.hero-caption small{color:#e7e3d9;letter-spacing:.02em;margin-top:5px;font-size:11px;display:block}html[lang=ar] .hero-caption small{font-size:12px}.hero-caption .arrow{width:18px;margin-inline-start:4px}@media (max-width:800px){.hero-content>h1,.hero-content>p{max-width:92%}.hero-caption div{font-size:13px}.hero-caption small{font-size:10px}.hero-bottom{gap:18px}.hero-nav button{width:38px;height:38px;font-size:18px}}
:root{--hh:94px}@media (max-width:800px){:root{--hh:80px}}@media (max-width:540px){:root{--hh:75px}}.hero-pin{height:270svh;position:relative}.hero-pin .hero{top:var(--hh);height:calc(100vh - var(--hh));height:calc(100svh - var(--hh));min-height:0;max-height:none;position:sticky}.hero-pin.static{height:auto}.hero-pin.static .hero{height:min(820px,calc(100svh - var(--hh)));min-height:600px;position:relative;top:0}.hero-pin .hero-shade{opacity:clamp(0,calc((var(--hp,0) - .42) * 3.4),1)}.hero-pin.static .hero-shade{opacity:1}.hero-veil{z-index:3;pointer-events:none;opacity:clamp(0,calc((.74 - var(--hp,0)) * 6),1);position:absolute;inset:0}.hero-pin.static .hero-veil{display:none}.hero-veil svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.veil-paper{fill:var(--paper)}.veil-eight{font-family:var(--serif);letter-spacing:0;font-size:600px;font-weight:500}.veil-copy{color:var(--ink);opacity:clamp(0,calc(1 - var(--hp,0) * 6),1);position:absolute;inset:0}.veil-tag{top:clamp(22px,4vh,44px);letter-spacing:.18em;align-items:center;gap:10px;font-size:11px;display:flex;position:absolute;inset-inline-start:0}html[lang=ar] .veil-tag{letter-spacing:.02em;font-size:13px}.veil-tag i{background:var(--orange);width:6px;height:6px}.veil-side{color:var(--muted);letter-spacing:.08em;flex-direction:column;gap:4px;font-size:12px;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.veil-side b{font-family:var(--serif);color:var(--ink);letter-spacing:-.03em;font-size:clamp(34px,4vw,58px);font-weight:400;line-height:1}.veil-side.start{inset-inline-start:0}.veil-side.end{text-align:end;inset-inline-end:0}.veil-line{bottom:clamp(26px,5vh,54px);max-width:290px;font-family:var(--serif);letter-spacing:-.01em;font-size:20px;line-height:1.35;position:absolute;inset-inline-start:0}html[lang=ar] .veil-line{font-family:var(--arabic);font-size:17px;line-height:1.8}.veil-scroll{bottom:clamp(26px,5vh,54px);letter-spacing:.16em;align-items:center;gap:14px;font-size:11px;display:flex;position:absolute;inset-inline-end:0}html[lang=ar] .veil-scroll{letter-spacing:.02em;font-size:13px}.veil-scroll i{background:var(--line);width:1px;height:46px;position:relative;overflow:hidden}.veil-scroll i:after{content:"";background:var(--orange);animation:1.8s cubic-bezier(.7,0,.3,1) infinite scrollCue;position:absolute;inset:0}@keyframes scrollCue{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.hero-pin .hero-content,.hero-pin .hero-bottom{transition:opacity .6s}.hero-pin:not(.opened) .hero-content,.hero-pin:not(.opened) .hero-bottom{opacity:0;pointer-events:none}@media (prefers-reduced-motion:no-preference){.hero-pin:not(.opened) .hero-content>*,.hero-pin:not(.opened) .hero-bottom,.hero-pin:not(.opened) .hero h1 .line>span{animation:none}.hero-pin:not(.opened) .hero h1 .line>span{transform:translateY(116%)}.hero-pin.opened .hero-content>.eyebrow{animation-delay:50ms}.hero-pin.opened .hero h1 .line:first-child>span{animation-delay:.12s}.hero-pin.opened .hero h1 .line:nth-child(2)>span{animation-delay:.24s}.hero-pin.opened .hero-content>p{animation-delay:.34s}.hero-pin.opened .hero-content>.hero-ctas{animation:1s cubic-bezier(.16,.8,.3,1) .44s both heroRise}.hero-pin.opened .hero-bottom{animation-delay:.5s}}@media (max-width:800px){.hero-pin{height:220svh}.veil-side{top:auto;bottom:clamp(110px,16vh,150px);transform:none}.veil-side b{font-size:30px}.veil-line{max-width:220px;font-size:16px}html[lang=ar] .veil-line{font-size:14px}.veil-scroll{font-size:10px}}@media (max-width:540px){.veil-line{display:none}.veil-side{font-size:10px}}.reel{background:#efeee8;position:relative}.reel-sticky{scroll-snap-type:x mandatory;scrollbar-width:none;padding-block:70px;overflow-x:auto}.reel-sticky::-webkit-scrollbar{display:none}.reel-track{will-change:transform;align-items:center;gap:clamp(36px,4.5vw,80px);width:max-content;padding-inline:clamp(22px,7vw,120px);display:flex}.reel.pinned .reel-sticky{top:var(--hh);height:calc(100vh - var(--hh));height:calc(100svh - var(--hh));align-items:center;padding-block:0;display:flex;position:sticky;overflow:hidden}.reel-intro{scroll-snap-align:start;flex:0 0 min(420px,80vw)}.reel-intro h2{font-size:clamp(40px,4.6vw,66px)}html[lang=ar] .reel-intro h2{font-size:clamp(32px,3.6vw,50px)}.reel-intro h2 em{color:#8a8b81}.reel-intro>p{color:var(--muted);max-width:340px;margin-top:22px;font-size:13.5px;line-height:2}.reel-hint{letter-spacing:.16em;color:var(--ink);align-items:center;gap:16px;margin-top:34px;font-size:11px;display:inline-flex}html[lang=ar] .reel-hint{letter-spacing:.02em;font-size:13px}.reel-hint .arrow{animation:1.6s ease-in-out infinite nudge}html[dir=rtl] .reel-hint .arrow{animation-name:nudgeRtl}@keyframes nudge{50%{transform:translate(8px)}}@keyframes nudgeRtl{0%,to{transform:rotate(180deg)}50%{transform:rotate(180deg)translate(8px)}}.reel-card{scroll-snap-align:center;flex:none;display:block;position:relative}.reel-card.wide{align-self:flex-start;width:clamp(300px,44vw,720px)}.reel-card.tall{align-self:flex-end;width:clamp(250px,26vw,430px)}.reel.pinned .reel-card.wide{width:min(44vw,calc((100svh - var(--hh)) * 1.02));margin-top:4vh}.reel.pinned .reel-card.tall{width:min(26vw,calc((100svh - var(--hh)) * .52));margin-bottom:4vh}.reel-photo{aspect-ratio:1.42;background:#deddd5;position:relative;overflow:hidden}.reel-card.tall .reel-photo{aspect-ratio:.78}.reel-photo img{object-fit:cover;-webkit-user-drag:none;width:100%;height:100%;transition:transform 1.1s cubic-bezier(.22,.8,.2,1)}.reel-card:hover .reel-photo img{transform:scale(1.06)}.reel-photo>.sheen{pointer-events:none;z-index:1;background:linear-gradient(115deg,#0000 32%,#ffffff38 50%,#0000 68%);position:absolute;inset:0;transform:translate(-130%)}.reel-card:hover .reel-photo>.sheen{transition:transform 1s cubic-bezier(.2,.7,.2,1);transform:translate(130%)}.reel-num{top:0;z-index:2;font-family:var(--serif);letter-spacing:-.05em;color:#0000;-webkit-text-stroke:1px var(--ink);pointer-events:none;font-size:clamp(70px,8vw,140px);line-height:1;transition:color .5s,-webkit-text-stroke-color .5s;position:absolute;inset-inline-start:0;transform:translateY(-62%)}.reel-card:hover .reel-num{color:var(--orange);-webkit-text-stroke-color:var(--orange)}.reel-meta{margin-top:18px}.reel-meta h3{font-family:var(--serif);letter-spacing:-.025em;font-size:clamp(20px,1.9vw,28px);line-height:1.3;transition:color .3s}html[lang=ar] .reel-meta h3{font-family:var(--arabic);font-size:clamp(18px,1.6vw,22px)}.reel-card:hover .reel-meta h3{color:#cc5c00}.reel-meta p{color:var(--muted);margin-top:4px;font-size:12px}.reel-meta p span{color:#b4b4a8;padding-inline:4px}.reel-end{scroll-snap-align:center;flex:none;place-items:center;padding-inline:clamp(10px,3vw,60px);display:grid}.reel-end-circle{aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:clamp(200px,20vw,300px);font-size:13px;transition:background .5s,color .5s,border-color .5s,transform .6s cubic-bezier(.2,.8,.2,1);display:flex}.reel-end-circle b{font-family:var(--serif);letter-spacing:-.04em;font-size:clamp(56px,5.5vw,84px);font-weight:400;line-height:1}.reel-end:hover .reel-end-circle{background:var(--orange);border-color:var(--orange);color:#fff;transform:scale(1.06)rotate(-4deg)}.reel-progress{bottom:clamp(20px,4vh,40px);background:#d2d1c6;height:1px;display:none;position:absolute;inset-inline:clamp(22px,7vw,120px)}.reel.pinned .reel-progress{display:block}.reel-progress i{background:var(--ink);transform:scaleX(var(--wp,0));transform-origin:0;position:absolute;inset:0}html[dir=rtl] .reel-progress i{transform-origin:100%}@media (max-width:800px){.reel-sticky{padding-block:56px}.reel-card.wide{width:82vw}.reel-card.tall{width:62vw}.reel-track{align-items:flex-end;padding-top:40px}.reel-intro{align-self:center}}@property --mx{syntax:"<percentage>";inherits:true;initial-value:64%}@property --my{syntax:"<percentage>";inherits:true;initial-value:42%}@property --sr{syntax:"<length>";inherits:true;initial-value:240px}.spotlight{color:#fff;--sr:240px;background:#0c0d09;height:min(94svh,880px);min-height:560px;transition:--sr .6s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.spotlight.live{--sr:300px}.spot-base,.spot-lit{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.spot-base{filter:grayscale()brightness(.2)contrast(1.15)}.spot-lit{-webkit-mask-image:radial-gradient(circle var(--sr) at var(--mx) var(--my),#000 0%,#000 30%,transparent 100%);-webkit-mask-image:radial-gradient(circle var(--sr) at var(--mx) var(--my),#000 0%,#000 30%,transparent 100%);mask-image:radial-gradient(circle var(--sr) at var(--mx) var(--my),#000 0%,#000 30%,transparent 100%)}.spotlight:after{content:"";pointer-events:none;background:linear-gradient(#08090600 52%,#080906d9);position:absolute;inset:0}.spot-copy{inset-inline:0;z-index:2;pointer-events:none;position:absolute;bottom:clamp(40px,8vh,90px)}.spot-copy .section-label{color:#e9e3d9}.spot-copy h2{max-width:820px;font-size:clamp(40px,5.4vw,80px)}html[lang=ar] .spot-copy h2{font-size:clamp(32px,4.2vw,60px)}.spot-copy h2 em{color:#ffb178}.spot-copy p{color:#c9c6bb;max-width:430px;margin-top:20px;font-size:14px;line-height:2}.spot-hint{top:28px;z-index:2;letter-spacing:.2em;color:#fff9;align-items:center;gap:10px;font-size:10px;transition:opacity .4s;display:flex;position:absolute;inset-inline-end:clamp(22px,4vw,56px)}html[lang=ar] .spot-hint{letter-spacing:.02em;font-size:12px}.spot-hint:before{content:"";background:var(--orange);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #ff730033}.spotlight.live .spot-hint{opacity:0}@media (prefers-reduced-motion:no-preference){.spotlight:not(.live){animation:16s ease-in-out infinite alternate torch}}@keyframes torch{0%{--mx:22%;--my:38%}30%{--mx:48%;--my:30%}60%{--mx:72%;--my:50%}to{--mx:86%;--my:34%}}@media (hover:none),(pointer:coarse){.spot-hint{display:none}.spotlight{--sr:200px}}@media (max-width:800px){.spotlight{height:82svh;min-height:520px}}.words>span{opacity:clamp(.14,calc(var(--wp,1) * (var(--n) + 1.5) - var(--i)),1);transition:opacity .2s linear}.pinband-copy p .words>span{opacity:clamp(.22,calc(var(--wp,1) * (var(--n) + 1.5) - var(--i)),1)}.talk-badge{bottom:clamp(18px,3vw,34px);z-index:35;background:var(--ink);color:#f4efe7;opacity:0;pointer-events:none;border-radius:50%;place-items:center;width:112px;height:112px;transition:opacity .5s,transform .7s cubic-bezier(.2,.9,.25,1.3),background .4s;display:grid;position:fixed;inset-inline-end:clamp(18px,3vw,34px);transform:scale(.6)rotate(-30deg);box-shadow:0 18px 40px #12140e40}.talk-badge.on{opacity:1;pointer-events:auto;transform:none}.talk-ring{width:100%;height:100%;animation:18s linear infinite spin;position:absolute;inset:0}.talk-badge text{fill:currentColor;font-family:var(--sans);letter-spacing:.1em;font-size:9px}html[lang=ar] .talk-badge text{font-family:var(--arabic);letter-spacing:0;word-spacing:.12em;font-size:11px}.talk-core{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:44px;height:44px;transition:transform .4s,background .4s;display:grid}.talk-core .arrow{width:18px}.talk-badge:hover{background:#cc5c00}.talk-badge:hover .talk-ring{animation-duration:6s}.talk-badge:hover .talk-core{background:var(--ink);transform:scale(1.15)}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:540px){.talk-badge{width:86px;height:86px}.talk-core{width:34px;height:34px}}@media (prefers-reduced-motion:reduce){.talk-ring{animation:none}}.showcase,.hero,.reel,.spotlight,.pinband,.contact-banner,.marquee{contain:paint}.story-image,.contact-information>img{overflow:hidden}@media (max-width:800px){.hero-pin .hero-content{justify-content:flex-end;padding-bottom:118px}.hero-pin .hero-content>h1{margin-block:12px 14px}.hero-pin .hero-content>p{margin-bottom:20px}.talk-badge{width:84px;height:84px}.talk-core{width:34px;height:34px}.talk-core .arrow{width:15px}}@media (max-width:540px){html[lang=en] .hero-pin .hero h1{font-size:40px;line-height:1.08}html[lang=ar] .hero-pin .hero h1{font-size:36px}.hero-pin .hero-content>p{max-width:300px;font-size:13px;line-height:1.85}.hero-pin .hero-ctas{gap:10px}.hero-pin .hero-ctas .btn{min-height:50px;padding-block:12px}}@media (max-height:700px) and (max-width:800px){.hero-pin .hero-content>p{display:none}}@media (max-width:800px){html .hero-pin .hero-shade{background:linear-gradient(#090b0766 0%,#090b079e 55%,#090b07e0 100%)}}
@media (max-width:800px){:root{--hh:66px}html[lang] body .header{height:var(--hh)}html[lang] body .header-inner{width:calc(100% - 32px)}html[lang] body .logo img{width:118px}html[lang] body .header-actions{gap:6px}html[lang] body .language{min-height:44px;padding-inline:10px;font-size:13px}html[lang] body .menu-toggle{justify-content:center;align-items:center;gap:7px;width:44px;height:44px;padding:0}html[lang] body .menu-toggle span{width:24px;transition:transform .35s cubic-bezier(.2,.8,.2,1),width .35s}html[lang] body .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px)rotate(45deg)}html[lang] body .menu-toggle[aria-expanded=true] span:last-child{width:24px;transform:translateY(-4px)rotate(-45deg)}html[lang] body .nav{top:var(--hh);inset-inline:0;height:calc(100dvh - var(--hh));padding:18px 24px calc(28px + env(safe-area-inset-bottom));background:var(--paper);box-shadow:none;counter-reset:nav;border:0;position:fixed;bottom:0;overflow-y:auto}html[lang] body .nav.open{animation:.45s cubic-bezier(.2,.8,.2,1) navIn;display:flex}html[lang] body .nav a{counter-increment:nav;font-family:var(--serif);letter-spacing:-.02em;border-bottom:1px solid var(--line);align-items:baseline;gap:16px;padding:16px 0;font-size:34px;line-height:1.2;display:flex}html[lang=ar] body .nav a{font-family:var(--arabic);letter-spacing:-.01em;font-size:28px}html[lang] body .nav a:not(.mobile-contact):before{content:"0" counter(nav);font-family:var(--sans);color:var(--orange);letter-spacing:.08em;font-size:12px}html[lang] body .nav .mobile-contact{background:var(--orange);color:#fff;font-family:var(--sans);border:0;justify-content:center;align-items:center;min-height:58px;margin-top:auto;padding:0;font-size:17px}html[lang=ar] body .nav .mobile-contact{font-family:var(--arabic)}@keyframes navIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}html[lang] body :is(.hero-content>p,.intro-detail>p,.story-copy>p,.about-story p,.page-heading>p,.section-description,.service-content,.contact-banner-action>p,.reel-intro>p,.spot-copy p,.project-overview>div:last-child>p,.timeline p,.process-grid p,.city p,.compare-head p){font-size:15px;line-height:1.9}html[lang=ar] body :is(.hero-content>p,.intro-detail>p,.story-copy>p,.about-story p,.page-heading>p,.section-description,.service-content,.contact-banner-action>p,.reel-intro>p,.spot-copy p,.project-overview>div:last-child>p,.timeline p,.process-grid p,.city p,.compare-head p){font-size:15.5px;line-height:2}html[lang] body .intro-detail>p,html[lang] body .story-copy>p,html[lang] body .page-heading>p{color:#62655b}html[lang] body :is(.project-meta p,.reel-meta p,.heritage span,.stats-grid span,.service-content small,.footer-top>div:first-child>p,.contact-information>p,.form-note,.project-overview>div:first-child p,.project-detail-title>span,.hero-caption small,.editorial-gallery figcaption,.showcase figcaption small,.footer-links>span:last-child){font-size:13px;line-height:1.7}html[lang] body .showcase figcaption span,html[lang] body .hero-nav>span{font-size:12px}html[lang] body :is(.eyebrow,.section-label,.project-kind,.service-image>span,.story-image>span,.compare-label,.showcase-hint,.pinband-kicker,.contact-location>.muted,.veil-tag,.reel-hint){font-size:11.5px}html[lang=ar] body :is(.eyebrow,.section-label,.project-kind,.service-image>span,.story-image>span,.compare-label,.showcase-hint,.pinband-kicker,.contact-location>.muted,.veil-tag,.reel-hint){font-size:13px}html[lang] body .section-label small{letter-spacing:.06em;font-size:10.5px}html[lang] body .project-kind{padding:6px 10px}html[lang] body .service-number{font-size:12px}html[lang] body .filters button span{font-size:11px}html[lang] body .action{gap:22px;min-height:52px;font-size:14px}html[lang] body .action>span{width:40px;height:40px}html[lang] body .text-link{min-height:46px;padding-block:12px 10px;font-size:14px}html[lang] body .back-link{min-height:44px;font-size:13px}html[lang] body .hero-nav button{width:44px;height:44px}html[lang] body .submit-button{min-height:56px;font-size:15px}html[lang] body .btn{font-size:15px}html[lang] body .filters{scrollbar-width:none;flex-wrap:nowrap;gap:22px;overflow-x:auto}html[lang] body .filters::-webkit-scrollbar{display:none}html[lang] body .filters button{white-space:nowrap;min-height:46px;padding:12px 0 14px;font-size:14px}html[lang] body .view-toggle button{min-height:44px;padding-inline:16px;font-size:13px}html[lang] body .service h3 button{min-height:60px}html[lang] body .contact-form label{gap:6px;font-size:13.5px}html[lang] body .contact-form input,html[lang] body .contact-form select,html[lang] body .contact-form textarea{padding-block:12px;font-size:16px}html[lang] body .contact-form select{height:50px}html[lang] body .big-phone{font-size:32px}html[lang] body .footer-links{gap:0;font-size:15px}html[lang] body .footer-links a{align-items:center;min-height:44px;display:flex}html[lang] body .footer-links>.eyebrow{margin-bottom:4px}html[lang] body .footer-links>span:last-child{margin-top:8px}html[lang] body .footer-bottom{padding-block:18px calc(18px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:6px 18px;font-size:12px}html[lang] body .footer-bottom a{align-items:center;min-height:44px;display:flex}.hero-pin{height:185svh}}@media (max-width:540px){html[lang] body .container{width:calc(100% - 40px)}html[lang] body .header-inner{width:calc(100% - 28px)}html[lang] body .heritage b{font-size:32px}}@media (max-width:800px){body.menu-open{overflow:hidden}body.menu-open .talk-badge{opacity:0;pointer-events:none}html[lang] body .hero-pin .hero-content{padding-bottom:104px}html[lang] body .hero-bottom{gap:14px;bottom:18px}html[lang] body .hero-caption{flex:1;min-width:0;max-width:none;padding-inline-start:14px}html[lang] body .hero-caption>div{min-width:0;font-size:14px}html[lang] body .hero-caption>div,html[lang] body .hero-caption small{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}html[lang] body .hero-caption small{font-size:12px}html[lang] body .hero-caption>.arrow{display:none}}.reel-sticky{scroll-padding-inline:clamp(22px,7vw,120px)}html[dir=rtl] .showcase-track{direction:rtl}.showcase-track{scroll-padding-inline:clamp(24px,7vw,120px)}.showcase-item{scroll-snap-align:start}.showcase figcaption span{direction:ltr;unicode-bidi:isolate;align-self:flex-start}html[lang=ar] .talk-badge text{font-family:var(--sans);letter-spacing:.1em;word-spacing:normal;font-size:9px}.spot-hint .h-touch{display:none}.spotlight.touch .spot-hint{top:22px;bottom:auto;-webkit-backdrop-filter:blur(6px);color:#fff;letter-spacing:0;opacity:1;background:#0c0d098c;border-radius:40px;padding:10px 14px;font-size:13px;display:flex;inset-inline:20px auto}.spotlight.touch .spot-hint .h-mouse{display:none}.spotlight.touch .spot-hint .h-touch{display:inline}.spotlight.touch .spot-hint:before{animation:1.6s ease-in-out infinite pulse}.spotlight.touch.touched .spot-hint{opacity:0}.spotlight.touch{touch-action:pan-y;--sr:190px;animation:none!important}.spotlight.touch.live{--sr:200px}.spotlight.touch .spot-lit{transition:none}@keyframes pulse{50%{box-shadow:0 0 0 10px #ff730022}}
