:root{--margin-page:clamp(24px,5vw,96px);--size-meta:12px;--ink-45:rgba(237,234,229,.62);--size-section-title:clamp(28px,3vw,44px);--size-project-title:clamp(32px,4.4vw,66px)}
html{scroll-behavior:smooth;scroll-padding-top:110px}
button,a{-webkit-tap-highlight-color:transparent}
.site-header{padding-top:24px!important;padding-bottom:24px!important;align-items:center!important;border-bottom:1px solid var(--line)}
.site-header nav button{font-size:13px!important;min-height:36px}
.site-header nav button[aria-current="page"]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px}
.opening{padding:44px var(--margin-page) 48px}
.opening-top{display:flex;justify-content:space-between;gap:20px;font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-45)}
.opening h1{font-weight:500;font-size:clamp(64px,10.7vw,172px);line-height:.94;letter-spacing:-.065em;margin:48px 0 40px}
.opening h1 span{color:var(--ink-45)}
.opening-bottom{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.opening-bottom p{font-size:clamp(16px,1.4vw,20px);line-height:1.5;max-width:440px;margin:0}
.opening-bottom a{font-size:13px;white-space:nowrap;padding-bottom:5px}
.opening-image{margin:0 0 120px}
.opening-image button,.featured-project button{display:block;width:100%;padding:0;background:none;border:0;color:inherit;text-align:left;cursor:pointer}
.opening-image img{display:block;width:100%;aspect-ratio:2.05;object-fit:cover;object-position:center 58%}
.opening-image figcaption{display:flex;justify-content:space-between;gap:24px;padding:18px var(--margin-page);font-size:12px;text-transform:uppercase;letter-spacing:.065em;color:var(--ink-45)}
.selected-work{padding:0 var(--margin-page)}
.section-heading{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-bottom:64px}
.section-heading h1,.section-heading h2{font-size:clamp(36px,5vw,72px);font-weight:400;letter-spacing:-.045em;margin:0}
.section-heading>span{font-size:13px;color:var(--ink-45)}
.featured-project{margin-bottom:112px}
.featured-project:nth-of-type(3n+2){width:82%;margin-left:auto}
.featured-project:nth-of-type(3n+3){width:88%}
.featured-image{overflow:hidden;background:#151515}
.featured-image img{width:100%;aspect-ratio:1.85;object-fit:cover;display:block;transition:opacity 500ms ease}
@media(hover:hover){.featured-project button:hover .featured-image img{opacity:.8}}
.featured-caption{display:grid;grid-template-columns:42px 1fr auto;gap:16px;border-bottom:1px solid var(--line);padding:24px 0 28px}
.project-index{font-size:12px;color:var(--ink-45);padding-top:6px}
.featured-caption h3{font-size:clamp(24px,3vw,44px);font-weight:400;line-height:1.1;letter-spacing:-.035em;margin:0}
.featured-caption p{font-size:13px;color:var(--ink-45);margin:12px 0 0}
.project-scale{text-align:right;font-size:14px;padding-top:4px}
.project-scale span{display:block;margin-top:14px;font-size:12px;color:var(--ink-45)}
.proj-grid{row-gap:64px!important}
.info-layout{display:grid!important;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:8vw!important}
.info-layout>.info-portrait{max-width:min(100%,380px)!important;justify-self:end;position:sticky;top:128px}
.site-footer{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;padding-top:48px!important}
.footer-signature{font-size:clamp(25px,3.6vw,52px);letter-spacing:-.04em;line-height:1.1}
.footer-signature span{display:block;font-size:14px;letter-spacing:0;color:var(--ink-45);margin-top:14px}
.skip-link{position:fixed;top:-100px;left:24px;background:var(--ground);padding:14px;z-index:20}
.skip-link:focus{top:12px}
@media(min-width:1600px){.opening{padding-top:56px}.opening h1{margin-top:64px}}
@media(max-width:720px){
 .site-header{gap:16px;padding-top:12px!important;padding-bottom:16px!important}.site-header nav{gap:14px!important}.site-header nav button{font-size:12px!important;letter-spacing:0!important}.site-header>button span:first-child{font-size:12px!important;letter-spacing:.035em!important}
 .opening{padding-top:28px;padding-bottom:32px}.opening-top{font-size:12px;line-height:1.5}.opening-top span:last-child{max-width:130px;text-align:right}.opening h1{margin:40px 0 32px;font-size:clamp(58px,12vw,88px)}.opening-bottom{display:block}.opening-bottom p{max-width:32ch}.opening-bottom a{display:inline-block;margin-top:24px}
 .opening-image{margin-bottom:64px}.opening-image img{aspect-ratio:1.2}.opening-image figcaption{line-height:1.5}.opening-image figcaption span:last-child{text-align:right}
 .section-heading{margin-bottom:36px}.featured-project,.featured-project:nth-of-type(n){width:100%;margin-left:0;margin-bottom:56px}.featured-image img{aspect-ratio:1.25}.featured-caption{grid-template-columns:24px 1fr;gap:8px;padding-top:18px}.project-scale{grid-column:2;text-align:left;display:flex;justify-content:space-between;color:var(--ink-45);font-size:12px}.project-scale span{margin:0}.featured-caption h3{font-size:28px}
 .info-layout{grid-template-columns:1fr}.info-layout>.info-portrait{position:static;width:100%;max-width:400px!important;justify-self:start;order:-1}.site-footer{display:block}.footer-signature{margin-bottom:32px}.site-footer>span{line-height:2!important;overflow-wrap:anywhere}
}
/* Phones: name and menu share the first line; the discipline runs underneath
   at full width instead of wrapping inside a narrow column. */
@media(max-width:720px){
 .site-header{display:block!important}
 .site-header>button span:last-child{white-space:nowrap;font-size:8.5px!important;letter-spacing:.02em!important} /* sized to end within the name above */
 .site-header nav{position:absolute;right:var(--margin-page);top:16px;height:12px;align-items:center}
}
@media(max-width:359px){.site-header nav{gap:10px!important}.site-header nav button{font-size:11px!important}}
.identity-opening{padding:44px var(--margin-page) 40px}
.identity-opening h1{font-size:clamp(48px,9.3vw,180px);line-height:1;letter-spacing:-.055em;text-transform:uppercase;font-weight:500;margin:0;white-space:nowrap}
.identity-opening h1 span{color:var(--ink)}
.identity-discipline{font-size:14px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-45);margin:22px 0 0}
@media(max-width:720px){.identity-opening{padding-top:32px;padding-bottom:30px}.identity-opening h1{font-size:clamp(48px,15vw,108px);line-height:.96;white-space:normal}.identity-opening h1 span{display:block}.identity-discipline{margin-top:20px;font-size:13px}}
.scroll-image{position:relative;overflow:hidden;width:100%;aspect-ratio:1.85}
.stage-collection{padding:64px 0 96px}.stage-collection h1{font-size:clamp(36px,5vw,72px);font-weight:400;letter-spacing:-.045em;margin:0 0 64px}.stage-collection figure{margin:0 0 80px}.stage-collection figcaption{padding:20px var(--margin-page);display:flex;gap:24px;font-size:clamp(18px,2vw,28px)}.stage-collection figcaption span{font-size:12px;color:var(--ink-45);padding-top:6px}.collection-back{background:none;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:14px;padding:8px 0;cursor:pointer}
.opening-image .scroll-image{aspect-ratio:2.05}
.scroll-image img{position:absolute;left:0;top:-9%;width:100%;height:118%;aspect-ratio:auto;object-fit:cover;will-change:transform}
@media(max-width:720px){.opening-image .scroll-image{aspect-ratio:1.2}.featured-image .scroll-image{aspect-ratio:1.25}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.scroll-image img,.parallax-plate img{top:0!important;height:100%!important;transform:none!important;will-change:auto!important}}
/* Home statement: what Mohab does, between the hero image and Selected work. */
.opening-image:has(+ .home-statement){margin-bottom:96px}
.home-statement{padding:0 var(--margin-page);margin-bottom:144px;max-width:1280px}
.home-statement h2{font-size:clamp(34px,4.4vw,68px);font-weight:400;letter-spacing:-.04em;line-height:1.06;margin:0}
.home-statement p{font-size:clamp(16px,1.4vw,20px);line-height:1.55;color:var(--ink-45);max-width:56ch;margin:28px 0 0}
@media(max-width:720px){.opening-image:has(+ .home-statement){margin-bottom:48px}.home-statement{margin-bottom:72px}.home-statement p{margin-top:20px}}