/* The owner's Instagram identity: original Zain / Ample, ink, ivory and lens cyan. */
@font-face{font-family:Zain;src:url('assets/brand/Zain-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Zain;src:url('assets/brand/Zain-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Zain;src:url('assets/brand/Zain-Black.woff2') format('woff2');font-weight:900;font-display:swap}
@font-face{font-family:Ample;src:url('assets/brand/Ample-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Ample;src:url('assets/brand/Ample-Medium.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Ample;src:url('assets/brand/Ample-Light.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Studio;src:url('assets/brand/Ample-Regular.woff2') format('woff2');font-weight:400 600;font-display:swap}
:root,html[data-theme]{--bg:#F4F3EF;--surface:#eae9e5;--ink:#17191C;--muted:#5b5e63;--accent:#237F9D;--line:#17191C30;--head:Zain,Ample,sans-serif;--stage-bg:#17191C;--stage-ink:#F4F3EF;--stage-muted:#4BACCF;font-synthesis:none}
body{font-family:Ample,Zain,sans-serif;font-size:17px;line-height:1.65}
h1,h2,h3,p,a,button{font-synthesis:none}
h2[lang=ar]{font-family:Zain,sans-serif;font-weight:900;letter-spacing:0;font-size:clamp(58px,6.3vw,98px);line-height:1.2;text-align:right}
h2[lang=ar] em{font-style:normal}
.header{background:#17191C;color:#F4F3EF;border-color:#F4F3EF30;height:102px}
.brand{display:block;width:280px;flex-shrink:0}
.brand img{width:100%;height:auto}
.header nav{font-weight:400;font-size:14px;gap:28px}
.header nav .nav-contact{border-color:#F4F3EF66;padding:11px 21px;gap:25px}
.header nav .nav-contact:hover{border-color:#4BACCF;color:#4BACCF}
.menu-toggle i{background:#F4F3EF}
.editorial-hero{--ink:#F4F3EF;--accent:#4BACCF;--muted:#c5c7ca;--line:#F4F3EF4a;background:#17191C;margin:0;padding-top:58px;padding-bottom:44px;grid-template-columns:.9fr 1.1fr;gap:30px 5vw}
.hero-topline{font-size:10px;letter-spacing:1.3px}
.hero-intro>p{font-size:11px;letter-spacing:2px;margin-bottom:25px;color:#a6aaaf}
.editorial-hero h1{font-family:Zain,sans-serif;font-weight:900;font-size:clamp(78px,8.7vw,136px);line-height:1.18;letter-spacing:0;text-align:right}
.hero-intro{min-width:0}.hero-cta{font-size:15px;gap:70px;margin-left:auto}
.hero-side{text-align:right}.hero-side>p{font-size:17px;line-height:1.65}
.hero-side>span{font-size:10px;letter-spacing:1px}
.hero-selector button{font-size:11px}.hero-selector button>span{font-size:14px}
.hero-selector button[aria-pressed=true]{border-color:#4BACCF}
.hero-photograph{position:relative;margin:12px;align-self:center}
.hero-photograph:before,.hero-photograph:after{content:'';position:absolute;width:34px;height:34px;pointer-events:none;border-color:#4BACCF;border-style:solid}
.hero-photograph:before{left:-12px;top:-12px;border-width:2px 0 0 2px}
.hero-photograph:after{right:-12px;bottom:-12px;border-width:0 2px 2px 0}
.eyebrow{font-family:Ample,sans-serif;font-weight:500;font-size:11px;letter-spacing:1.5px}
.intro-heading{max-width:100%;font-size:clamp(85px,11vw,160px)!important;line-height:1.12!important}
.introduction{padding-top:105px;padding-bottom:110px}
.intro-bottom>p{font-size:18px;line-height:1.8}
.intro-note,.intro-top>span{font-size:11px}
.selected-heading h2{font-size:clamp(70px,7vw,104px)}
.selected-heading>p{font-size:17px}
.selected-caption h3{font-family:Ample,sans-serif;font-weight:500;font-size:25px;letter-spacing:0}
.selected-caption>span{font-size:10px}.selected-arrow{background:#F4F3EF;color:#17191C;border-color:#17191C30;backdrop-filter:none}
.wedding-feature-copy>h3{font-family:Zain,sans-serif;font-weight:900;letter-spacing:0;font-size:clamp(53px,5vw,76px);line-height:1.2;text-align:right}
.wedding-feature-copy{text-align:right}.featured-story{padding:0;background:transparent}
.featured-story>span{font-size:10px;padding-top:14px}
.expertise{--bg:#17191C;--surface:#17191C;--ink:#F4F3EF;--muted:#c5c7ca;--accent:#4BACCF;--line:#F4F3EF3a}
.expertise-list h3{font-family:Ample,sans-serif;font-weight:500;font-size:28px;letter-spacing:0}
.expertise-list p{font-size:16px;line-height:1.8}
.expertise-list article>span{font-size:13px}.expertise-list article{gap:25px}
.section-heading>p{font-size:17px;line-height:1.7}
.section-top>span{font-size:10px}
.filters button{font-size:14px;border-radius:0;padding:10px 15px}.filters .active{background:#17191C;border-color:#17191C;color:#F4F3EF}
.archive-tools{font-size:14px}.search input{font-size:14px;width:195px}#grid-view span{font-size:13px}
.photo-caption{font-size:16px}.photo-caption small{font-size:10px;line-height:1.5}
.photo-open{background:#F4F3EF;color:#17191C}.photo-image{background:transparent}.is-collage .photo-image{background:#eae9e5}
.photo:hover .photo-image>img{opacity:1}.photo:hover .photo-open{background:#4BACCF}
.gallery-pagination>span{font-size:12px}.button,.text-link{font-size:16px}
.project-name{font-family:Ample,sans-serif;font-size:35px;font-weight:500;letter-spacing:0}.project-name small{font-family:Ample,sans-serif;font-size:14px}
.project-year{font-size:13px}.project-detail{font-size:17px;line-height:1.8}
.about-copy>p:not(.eyebrow):not(.tools){font-size:18px;line-height:1.8}
.about-photo>span{font-size:10px}.experience b{font-family:Ample;font-weight:500}.experience small{font-size:10px}.tools{font-size:12px}
.education p{font-size:14px;line-height:1.95}.education>span{font-size:10px}.education b{font-weight:500}
.contact{background:#17191C;color:#F4F3EF}.contact h2[lang=ar]{font-size:clamp(65px,7.6vw,116px);line-height:1.22;letter-spacing:0}.contact h2 em{color:#4BACCF;opacity:1}
.contact .eyebrow,.contact .section-top>span{color:#4BACCF;opacity:1}.contact-intro{font-size:18px;opacity:.85}
.contact-links small{font-size:10px}.contact-links span{font-size:clamp(17px,2vw,29px);letter-spacing:0}.contact-foot{font-size:14px}
.contact-circle{border-color:#4BACCF;color:#4BACCF}.footer{background:#17191C;color:#F4F3EF;font-size:10px;border-top:1px solid #F4F3EF30}.footer .footer-brand{width:245px;display:block}.footer-brand img{width:100%;height:auto}
.lightbox-bottom p{font-size:18px}.lightbox-bottom>div>span{font-size:11px}.lightbox-tools{font-size:15px}.lightbox-top{font-size:13px}
@media(max-width:1050px){.header nav{gap:20px}.brand{width:235px}.editorial-hero h1{font-size:9.2vw}.project-name{font-size:29px}.expertise-layout{gap:7%}}
@media(max-width:760px){
 .header{height:88px;padding:0 21px}.brand{width:220px;max-width:calc(100% - 60px)}.header nav{top:88px;background:#17191C;color:#F4F3EF;border-color:#F4F3EF40}.header nav>a{border-color:#F4F3EF30}.header nav .nav-contact{color:#4BACCF}
 .editorial-hero{padding:35px 24px 27px;margin:0;gap:28px}.hero-topline{font-size:8px;letter-spacing:1px}.hero-topline>span:first-child{max-width:180px}.hero-topline>span:last-child{max-width:100px}
 .hero-intro>p{font-size:9px;letter-spacing:1.8px;margin-bottom:18px}.editorial-hero h1{font-size:clamp(66px,17.3vw,112px);line-height:1.2}.hero-cta{font-size:14px;margin-top:20px}.hero-photograph{margin:10px 8px}.hero-selector{gap:24px}.hero-selector button{font-size:9px}.hero-selector button>span{font-size:13px}
 h2[lang=ar]{font-size:clamp(54px,13vw,85px);line-height:1.2;letter-spacing:0}.intro-heading{font-size:clamp(85px,22vw,128px)!important}
 .introduction{padding-top:75px;padding-bottom:75px}.intro-bottom>p{font-size:16px}.intro-note,.intro-top>span{font-size:9px}.intro-top .eyebrow{font-size:9px}
 .selected-heading>p,.section-heading>p{font-size:16px}.selected-caption h3{font-size:23px}.selected-caption>span{font-size:9px}.selected-caption{display:block}.selected-caption>span{display:block;margin-top:7px}
 .wedding-feature-copy>h3{font-size:59px}.wedding-feature-copy .text-link{font-size:15px}.expertise-layout>h2{font-size:clamp(50px,12vw,74px)}.expertise-list h3{font-size:27px}.expertise-list p{font-size:16px}
 .section-top .eyebrow{font-size:9px}.section-top>span{font-size:8px;max-width:145px}
 .filters button{font-size:14px;padding:10px 13px}.archive-tools{font-size:13px;gap:15px}.search input{width:125px;font-size:14px}#grid-view{font-size:23px}.photo-caption{font-size:16px}.photo-caption small{font-size:10px}.contact-sheet .photo-caption{font-size:13px}.contact-sheet .photo-caption small{font-size:9px}.featured-story>span{font-size:9px}.button,.text-link{font-size:15px}
 .project-list summary{grid-template-columns:76px 1fr 30px;gap:13px}.project-year{font-size:10px}.project-name{font-size:25px;line-height:1.25}.project-name small{font-size:13px}.project-detail{font-size:16px;padding-left:89px}
 .about-copy h2{font-size:clamp(54px,13vw,80px)}.about-copy>p:not(.eyebrow):not(.tools){font-size:17px}.about-photo{max-width:440px;width:100%}.about-photo>span{font-size:9px}.experience small{font-size:9px}.education p{font-size:14px}.tools{font-size:10px}.education>span{font-size:9px}
 .contact h2[lang=ar]{font-size:clamp(53px,12vw,80px);line-height:1.2}.contact-heading{gap:18px}.contact-circle{width:49px;height:49px;font-size:29px;flex-shrink:0}.contact-intro{font-size:17px}.contact-links span{font-size:25px}.contact-links small{font-size:10px}.contact-foot{font-size:14px}.footer{font-size:9px;padding:25px 24px}.footer .footer-brand{width:225px}.footer>a:last-of-type{margin-left:0}.footer{justify-content:flex-start}
 .lightbox-bottom p{font-size:16px}.lightbox-bottom>div>span{font-size:10px}.lightbox-tools{font-size:13px}
}
@media(max-width:370px){.header{padding:0 18px}.brand{width:210px}.editorial-hero{padding-inline:20px}.hero-selector{gap:22px}.archive-tools{gap:10px}.search input{width:100px}.contact-links span{font-size:23px}.contact h2[lang=ar]{font-size:51px}.contact-heading{display:block}.contact-circle{margin-top:25px}.project-name{font-size:23px}.project-list summary{grid-template-columns:65px 1fr 28px}.project-detail{padding-left:78px}}
.language-toggle{min-width:63px;min-height:44px;padding:8px 12px;border:1px solid #F4F3EF55;color:#F4F3EF;font:400 15px Ample,Zain,sans-serif}.language-toggle:hover{border-color:#4BACCF;color:#4BACCF}
html[lang=ar] body{font-size:19px}html[lang=ar] .header nav{font-size:18px}html[lang=ar] .photo{text-align:right}html[lang=ar] .hero-intro>p{letter-spacing:0;font-size:17px}html[lang=ar] .hero-topline{font-size:14px;letter-spacing:0}html[lang=ar] .hero-side>p{font-family:Zain;font-size:23px}html[lang=ar] .eyebrow{letter-spacing:0;font-size:17px;font-family:Zain}html[lang=ar] .section-top>span{font-size:16px;letter-spacing:0}html[lang=ar] .filters button{font-size:20px}html[lang=ar] .selected-caption h3{font-family:Zain;font-size:29px;font-weight:700}html[lang=ar] .selected-caption>span{font-size:15px;letter-spacing:0}html[lang=ar] .expertise-list h3{font-family:Zain;font-weight:700;font-size:32px}html[lang=ar] .expertise-list p{font-size:21px}html[lang=ar] .project-name{font-family:Ample,Zain;font-weight:500;font-size:35px}html[lang=ar] .project-name small{font-size:18px}html[lang=ar] .education p{font-size:19px}html[lang=ar] .intro-bottom>p{font-size:23px}html[lang=ar] .section-heading>p,html[lang=ar] .selected-heading>p{font-size:22px}html[lang=ar] .photo-caption small{font-size:15px;letter-spacing:0}html[lang=ar] .photo-caption{font-size:23px}html[lang=ar] .gallery-pagination>span{font-size:18px}html[lang=ar] .about-copy>p:not(.eyebrow):not(.tools){font-size:23px}html[lang=ar] .button,html[lang=ar] .text-link{font-size:21px}html[lang=ar] .contact-intro{font-size:23px}html[lang=ar] .contact-links small{font-size:16px;letter-spacing:0}html[lang=ar] .contact-foot{font-size:20px}html[lang=ar] .footer{font-size:16px}html[lang=ar] .project-detail{padding-right:180px;padding-left:70px;font-size:22px}html[lang=ar] .contact-links span{text-align:right}html[lang=ar] .hero-cta{font-size:22px}html[lang=ar] #grid-view span{font-size:19px}html[lang=ar] .archive-tools{font-size:19px}
.contact-links span,.project-year,.experience b,.tools{direction:ltr;unicode-bidi:isolate}.contact-links span{font-family:Ample,sans-serif}html[lang=ar] .project-year{direction:inherit}html[lang=ar] .education b{display:inline-block;direction:ltr;unicode-bidi:isolate}html[lang=en] [data-heading]{font-family:Ample,sans-serif;font-weight:500;letter-spacing:-.5px;text-align:left;line-height:1.12;font-size:clamp(48px,5.6vw,88px)}html[lang=en] h1[data-heading]{font-size:clamp(65px,7.8vw,120px);line-height:1.06}html[lang=en] .intro-heading{font-size:clamp(65px,8vw,125px)!important;line-height:1.1!important}html[lang=en] .wedding-feature-copy{text-align:left}html[lang=en] .hero-side{text-align:left}html[lang=en] .hero-cta{margin-left:0}html[lang=en] .contact h2[data-heading]{font-size:clamp(60px,6.2vw,100px)}
@media(max-width:760px){.header{gap:12px}.brand{width:210px;max-width:calc(100% - 116px)}.language-toggle{min-width:48px;padding:6px 8px;font-size:13px}.menu-toggle{flex-shrink:0;width:44px}html[lang=ar] .hero-topline{font-size:11px}html[lang=ar] .hero-intro>p{font-size:13px}html[lang=ar] .hero-cta{font-size:19px}html[lang=ar] .eyebrow{font-size:14px}html[lang=ar] .section-top>span{font-size:12px}html[lang=ar] .intro-bottom>p{font-size:21px}html[lang=ar] .selected-heading>p,html[lang=ar] .section-heading>p{font-size:21px}html[lang=ar] .photo-caption{font-size:22px}html[lang=ar] .contact-sheet .photo-caption{font-size:19px}html[lang=ar] .contact-sheet .photo-caption small{font-size:13px}html[lang=ar] .project-name{font-size:29px}html[lang=ar] .project-detail{padding-right:89px;padding-left:10px;font-size:20px}html[lang=ar] .project-name small{font-size:17px}html[lang=ar] .project-year{font-size:14px}html[lang=ar] .about-copy>p:not(.eyebrow):not(.tools){font-size:22px}html[lang=ar] .contact-intro{font-size:22px}html[lang=ar] .archive-tools{font-size:17px}html[lang=en] h1[data-heading]{font-size:clamp(55px,15vw,95px)}html[lang=en] [data-heading]{font-size:clamp(42px,11vw,70px)}html[lang=en] .intro-heading{font-size:clamp(55px,14vw,90px)!important}html[lang=en] .contact h2[data-heading]{font-size:clamp(43px,11vw,70px)}}
@media(max-width:370px){html[lang=ar] .project-detail{padding-right:78px;padding-left:0}.hero-selector{gap:20px}}
html[lang=ar] .editorial-hero h1>span{font-size:.68em;white-space:nowrap;line-height:1.25}

html[lang=en] .editorial-hero h1>span{font-size:.72em;white-space:nowrap;line-height:1.25}

@media(max-width:370px){.contact-links span{font-size:22px}}

.language-toggle{display:inline-flex;align-items:center;justify-content:center}