/* KAMEL AHMED +967 772799246 — shared navigation, signatures and measured footer. */
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/readex-arabic.woff2") format('woff2');unicode-range:U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF}
@font-face{font-family:"Readex Pro";font-style:normal;font-weight:400 700;font-display:swap;src:url("/assets/fonts/readex-latin.woff2") format('woff2')}
@font-face{font-family:"El Messiri";font-style:normal;font-weight:700;font-display:swap;src:url("/assets/fonts/el-messiri-bold.ttf") format('truetype')}
:root{--topbar-height:80px;--topbar-compact-height:64px;--topbar-current-height:var(--topbar-height);--brand-red:#e00010;--brand-rgb:224 0 16;--shell:min(1500px,calc(100% - 88px));--ease:cubic-bezier(.16,1,.3,1)}
.topbar,.mobile-menu,.site-footer,.shell-fallback{font-family:"Readex Pro",Tahoma,Arial,sans-serif;line-height:1.7;--red:var(--brand-red)}
.topbar *,.mobile-menu *,.site-footer *{box-sizing:border-box}
.topbar a,.mobile-menu a,.site-footer a{text-decoration:none;color:inherit}
.ui-icon{display:block;width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.ui-icon.line-icon{width:32px;height:32px}
.touch-icon-sprite{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
.skip-link{position:fixed;z-index:400;top:12px;right:20px;padding:10px 16px;background:#fff;color:#111;transform:translateY(-160%)}.skip-link:focus{transform:none}
.page-progress{position:fixed;z-index:250;inset:0 0 auto;height:2px;pointer-events:none}.page-progress i{display:block;width:0;height:100%;background:var(--brand-red);box-shadow:0 0 14px var(--brand-red)}
:root:has(.topbar.scrolled){--topbar-current-height:var(--topbar-compact-height)}
/* White controls on opaque burgundy-black internal headers; home stays over video. */
.topbar{--header-ink:#fff;position:fixed;z-index:200;inset:0 0 auto;display:grid;grid-template-columns:300px minmax(0,1fr) 300px;align-items:center;gap:22px;height:var(--topbar-height);padding-inline:max(44px,calc((100vw - 1500px)/2));direction:ltr;color:var(--header-ink);background:linear-gradient(105deg,#25080e,#09090b 68%);border-bottom:1px solid #ffffff32;transition:height .45s var(--ease),background .45s,color .45s,padding .45s}
.home-page .topbar:not(.scrolled),.project-detail-page:not(.menu-open) .topbar:not(.scrolled){background:transparent}
@media(min-width:901px){.services-page:not(.menu-open) .topbar:not(.scrolled){background:transparent}}
.brand-card{position:relative;z-index:2;grid-column:3;grid-row:1;justify-self:end;display:flex;align-items:center;justify-content:flex-end;height:48px;padding:0;transition:background .4s,padding .4s,border-radius .4s}
.brand-logo{position:relative;display:block;width:154px;aspect-ratio:4.32;overflow:hidden;flex-shrink:0}
.brand-card .brand-logo img{position:absolute;top:50%;height:auto;max-height:none;transform:translateY(-50%);object-fit:contain;filter:none;transition:opacity .3s}
.brand-card .brand-logo-light{width:101.5723%;left:-.8386%;opacity:1}
.brand-card .brand-logo-dark{width:101.638%;left:-.9827%;opacity:0}


.brand-divider{position:absolute;right:calc(max(44px,(100vw - 1500px)/2) + 174px);top:50%;width:1px;height:32px;transform:translateY(-50%);background:currentColor;opacity:.35}
.topbar-actions{grid-column:1;grid-row:1;display:flex;align-items:center;justify-content:flex-end;gap:15px;min-width:0;direction:rtl}
.display-tools{display:flex;align-items:center;gap:6px;flex-shrink:0}.display-tools[hidden]{display:none}
.site-tool{display:grid;place-items:center;width:34px;height:36px;padding:7px;border:0;border-radius:4px;background:transparent;color:inherit;cursor:pointer;font:600 11px/1 "Readex Pro",Tahoma,sans-serif;transition:background .25s,color .25s}.site-tool:hover{background:color-mix(in srgb,currentColor 8%,transparent)}.site-tool svg{width:19px;height:19px}
.site-tool:focus-visible,.menu-button:focus-visible{outline:1px solid currentColor;outline-offset:3px}
.theme-toggle .theme-sun{display:none}.theme-toggle[aria-pressed="true"] .theme-sun{display:block}.theme-toggle[aria-pressed="true"] .theme-moon{display:none}
.actions-divider{width:1px;height:27px;background:currentColor;opacity:.38;flex-shrink:0}
.project-cta{--cta-diameter:36px;position:relative;display:flex;align-items:center;justify-content:flex-end;gap:12px;direction:rtl;flex-shrink:0;color:inherit;font-size:15px;font-weight:700;line-height:1.5;white-space:nowrap}
.project-cta-label{display:block}.project-cta-divider{width:1px;height:30px;background:currentColor;opacity:.3;flex:0 0 1px}
.project-cta-icon{position:relative;display:grid;place-items:center;flex:0 0 var(--cta-diameter);width:var(--cta-diameter);height:var(--cta-diameter);margin-inline:9px;background:var(--brand-red);border-radius:50%;box-shadow:0 0 12px #e0001030}
.project-cta-icon svg{width:18px;height:18px;color:#fff;transition:transform .32s var(--ease)}.project-cta:focus-visible{outline:2px solid currentColor;outline-offset:8px}
/* One signature markup: red lower corner and dot, contrasting upper corner. */
.menu-signature,.touch-signature{position:absolute;inset:2px;pointer-events:none}
.menu-signature:before,.touch-signature:before{content:"";position:absolute;left:0;bottom:0;width:13px;height:13px;border-left:2px solid var(--brand-red);border-bottom:2px solid var(--brand-red)}
.menu-signature:after,.touch-signature:after{content:"";position:absolute;right:0;top:0;width:13px;height:13px;border-top:1.5px solid currentColor;border-right:1.5px solid currentColor}
.menu-signature>b,.touch-signature>b{position:absolute;left:0;bottom:18px;width:4px;height:4px;border-radius:50%;background:var(--brand-red)}
.project-cta-icon .touch-signature{inset:-10px}.whatsapp-button .touch-signature{inset:-10px;color:#fff}
.menu-button{position:relative;display:block;grid-column:2;grid-row:1;justify-self:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;transition:opacity .2s,transform .5s var(--ease),visibility .2s}
.menu-button i{position:absolute;left:11px;top:21px;width:22px;height:1.5px;margin:0;border-radius:3px;transform-origin:center;background:currentColor;transition:transform .3s var(--ease),opacity .18s,width .3s var(--ease)}
.menu-button i:nth-of-type(1){transform:translateY(-6px);width:18px}.menu-button i:nth-of-type(3){transform:translateY(6px);width:15px}
.menu-button[aria-expanded="true"] i:nth-of-type(1){transform:rotate(45deg);width:22px}.menu-button[aria-expanded="true"] i:nth-of-type(2){opacity:0}.menu-button[aria-expanded="true"] i:nth-of-type(3){transform:rotate(-45deg);width:22px}
.nav-rail{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;grid-column:2;grid-row:1;justify-self:center;width:min(560px,100%);height:56px;direction:rtl;opacity:0;visibility:hidden;pointer-events:none;clip-path:inset(0 46%);transform:translateY(5px) scaleX(.82);transition:clip-path .65s var(--ease),transform .65s var(--ease),opacity .25s,visibility 0s .5s}
.rail-line{position:absolute;top:20px;left:0;right:0;height:1px;background:currentColor;opacity:.4}
.nav-rail a{position:relative;display:grid;grid-template-rows:8px 20px;align-content:start;justify-items:center;height:56px;padding-top:16px;gap:6px;font-size:12px;white-space:nowrap}
.nav-rail a i{z-index:1;width:6px;height:6px;border:1px solid currentColor;border-radius:50%;background:var(--paper,#fff);transition:background .3s,width .3s,height .3s}.nav-rail a.active i,.nav-rail a:hover i{width:8px;height:8px;background:var(--brand-red);border-color:var(--brand-red);box-shadow:0 0 7px #e0001069}
.nav-rail a span{position:relative}.nav-rail a span:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:var(--brand-red);transform:scaleX(0);transition:transform .3s}.nav-rail a:hover span:after,.nav-rail a.active span:after{transform:scaleX(1)}
.nav-rail a:focus-visible{outline:1px solid currentColor;outline-offset:2px}
.topbar-nav-open>.menu-button{opacity:0;visibility:hidden;pointer-events:none;transform:rotate(90deg) scale(.65)}.topbar-nav-open .nav-rail{opacity:1;visibility:visible;pointer-events:auto;clip-path:inset(0);transform:none;transition:clip-path .65s var(--ease) .08s,transform .65s var(--ease) .08s,opacity .28s .12s}
.topbar.scrolled{--header-ink:#17181a;height:var(--topbar-compact-height);background:#fff;border-bottom-color:#eee;box-shadow:0 5px 22px #0000000b;backdrop-filter:blur(8px)}
.topbar.scrolled .brand-card{height:42px;padding:0;border-radius:0;background:transparent;box-shadow:none}.topbar.scrolled .brand-logo{width:124px}.topbar.scrolled .brand-divider{height:28px}
.topbar.scrolled .brand-logo-light{opacity:0}.topbar.scrolled .brand-logo-dark{opacity:1}
.topbar.scrolled .project-cta{--cta-diameter:30px;height:42px;gap:10px;padding-inline:11px;border-radius:5px;background:#0a0a0b;color:#fff;font-size:13px;box-shadow:0 5px 14px #0002}.topbar.scrolled .project-cta-divider{height:26px}.topbar.scrolled .project-cta-icon{margin-inline:6px}.topbar.scrolled .project-cta-icon svg{width:16px;height:16px}.topbar.scrolled .project-cta-icon .touch-signature{inset:-7px}
.topbar.scrolled .nav-rail,.topbar.scrolled .nav-rail a{height:54px}.topbar.scrolled .nav-rail a{padding-top:15px}.topbar.scrolled .rail-line{top:19px}
[data-theme="dark"] .topbar.scrolled{--header-ink:#f1eee8;background:#161719;border-bottom-color:#ffffff26}
[data-theme="dark"] .topbar.scrolled .brand-logo-light,.menu-open .topbar .brand-logo-light{opacity:1}
[data-theme="dark"] .topbar.scrolled .brand-logo-dark,.menu-open .topbar .brand-logo-dark{opacity:0}
body.menu-open{overflow:hidden}.menu-open .topbar{--header-ink:#fff;background:#0a0a0b;border-bottom-color:#ffffff26}.menu-open .brand-card img{filter:none}
.mobile-menu{position:fixed;z-index:180;inset:0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4,auto);align-content:start;align-items:stretch;gap:22px;padding:104px max(24px,6vw) max(28px,env(safe-area-inset-bottom));overflow-y:auto;background:#0a0a0b;color:#fff;overscroll-behavior:contain;scrollbar-width:thin;clip-path:circle(0 at 34px 40px);transition:clip-path .75s var(--ease)}.mobile-menu[hidden]{display:none}.mobile-menu.open{clip-path:circle(160vmax at 34px 40px)}
.mobile-menu:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 0 40%,#e000101a,transparent 65%);pointer-events:none}.mobile-menu-media{position:absolute;inset:0;background:linear-gradient(180deg,#0a0a0b20,#0a0a0b 85%),url("/assets/design/c04f6d32716171244af0badeeeb54674b433d1c71077ed139fb342e8c65159b1.webp") center/cover;opacity:.16;pointer-events:none}
.mobile-menu-heading,.mobile-menu nav,.mobile-project,.mobile-menu-footer{position:relative;z-index:2}.mobile-menu-heading{padding-bottom:16px;border-bottom:1px solid #ffffff20}.mobile-menu-heading span{font:700 23px "El Messiri",Tahoma,sans-serif}.mobile-menu-heading small{display:block;color:#ffffff70;font-size:10px}
.mobile-menu nav a{display:grid;grid-template-columns:25px minmax(0,1fr) 20px;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid #ffffff16}.mobile-menu nav a:after{content:"↗";color:#ffffff5c;font-size:18px}.mobile-menu nav span{color:var(--brand-red);font:10px ui-monospace,monospace}.mobile-menu nav b{font:700 clamp(25px,7vw,33px)/1.35 "El Messiri",Tahoma,sans-serif}.mobile-menu nav a:hover{color:var(--brand-red)}
.mobile-project{display:flex;width:min(380px,100%);align-items:center;justify-content:space-between;padding:12px 16px;border:1px solid var(--brand-red);font-weight:700}.mobile-project b{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--brand-red)}
.mobile-menu-footer{display:flex;align-items:center;gap:13px;flex-wrap:wrap;padding-top:2px}.mobile-menu-footer>span{font-size:11px;color:#ffffff90}.mobile-menu-footer>small{flex-basis:100%;padding-top:10px;font-size:8px;color:#ffffff70;letter-spacing:.18em}.menu-social{display:flex;gap:10px;direction:ltr}.menu-social a{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ffffff25;border-radius:50%;transition:background .25s,border-color .25s}.menu-social a:hover{background:#e000101c;border-color:var(--brand-red)}.menu-social svg{width:18px;height:18px}
.mobile-menu a:focus-visible{outline:2px solid #fff;outline-offset:3px}
/* Natural flow until shared-footer.js measures a safe fixed reveal. */
.site-footer{position:relative;z-index:0;padding:54px 0 25px;background:#09090b;color:#fff;isolation:isolate}.site-footer:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,#09090b75,#09090beb),linear-gradient(90deg,#09090bf0,#09090b8a),url("/assets/design/31749fcad3ef9b24f98bbb562212cb5c5963e94c0e214138e17225bc8ac2e459.webp") right center/cover}
.footer-shell{width:var(--shell);margin:auto}.footer-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr);gap:36px;align-items:center;direction:rtl}
.footer-brand{display:grid;grid-template-columns:auto minmax(0,1fr);gap:7px 14px;align-items:center;justify-items:start}.footer-brand>img{grid-row:1/3;display:block;width:140px;height:auto}.footer-brand .footer-name{font:700 clamp(21px,2.2vw,32px)/1.7 "El Messiri",Tahoma,sans-serif;color:#fff;white-space:nowrap}.footer-brand .footer-tagline{font-size:10px;line-height:1.6;color:#e0e3e7}
.footer-nav{display:flex;align-items:center;justify-content:center;gap:28px;direction:rtl;font-size:12px}.footer-nav a[aria-current="page"],.footer-nav a:hover{color:var(--brand-red)}.footer-contact{display:flex;align-items:center;justify-content:end;gap:12px;flex-wrap:wrap;direction:ltr}.footer-email{font-size:12px;white-space:nowrap}.footer-social{display:flex;gap:5px;direction:ltr}.footer-social a{display:grid;place-items:center;width:24px;height:24px;color:#fff}.footer-social svg{width:17px;height:17px}
.footer-legal{display:flex;align-items:center;justify-content:space-between;direction:rtl;gap:20px;border-top:1px solid #ffffff36;margin-top:40px;padding-top:17px;font-size:10px;color:#bac0c7}
/* One CSS pixel of overlap absorbs scroll-position rounding at every footer size. */
.footer-ready #main{position:relative;z-index:1;margin-bottom:calc(var(--footer-height) - 1px);background:var(--paper,#fff)}.footer-ready .site-footer{position:fixed;inset:auto 0 0}.site-footer[inert]{pointer-events:none}.site-footer a:focus-visible{outline:1px solid var(--brand-red);outline-offset:5px}
.footer-ready .footer-main,.footer-ready .footer-legal{opacity:0;transform:translateY(16px);transition:opacity .46s,transform .56s var(--ease)}.footer-ready.footer-revealed .footer-main,.footer-ready.footer-revealed .footer-legal{opacity:1;transform:none}.footer-ready.footer-revealed .footer-legal{transition-delay:.1s}
.page-transition{position:fixed;z-index:350;inset:var(--topbar-current-height) 0 0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;background:var(--paper,#fff);color:var(--ink,#161719);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .14s,visibility 0s .14s}.page-transition.is-visible{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .14s}.page-transition-mark{width:40px;height:40px;color:var(--brand-red)}.page-transition-mark svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5}.page-transition-label{font-size:12px;line-height:1.8}.page-transition>i{height:1px;width:120px;background:linear-gradient(90deg,transparent,var(--brand-red),transparent);transform:scaleX(.2);transform-origin:right;transition:transform .18s}.page-transition.is-visible>i{transform:scaleX(1)}
.route-arriving #main{opacity:0}
.shell-fallback{position:relative;z-index:201;display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:var(--topbar-height);padding:12px 20px;background:#fff;color:#17181a;font-size:12px}
body:has(.shell-fallback) .menu-button,body:has(.shell-fallback) .display-tools button{display:none}
body:has(.shell-fallback) .topbar:not(.scrolled){background:linear-gradient(105deg,#25080e,#09090b 68%)}

[lang="en"] .nav-rail,[lang="en"] .mobile-menu-heading,[lang="en"] .mobile-menu nav,[lang="en"] .footer-nav,[lang="en"] .footer-brand,[lang="en"] .footer-legal{direction:ltr}[lang="en"] .footer-nav{gap:20px}
@media(hover:hover){.project-cta:hover svg{transform:translate(2px,-2px)}}
@media(min-width:901px) and (hover:hover) and (pointer:fine){[data-magnetic]{translate:var(--magnetic-x,0px) var(--magnetic-y,0px)}}
.sound-preference{justify-self:start;min-height:44px;padding:8px 12px;border:1px solid #ffffff45;border-radius:2px;background:transparent;color:#fff;font:inherit;font-size:11px;cursor:pointer}.sound-preference:focus-visible{outline:2px solid var(--brand-red);outline-offset:4px}.display-tools .sound-preference{border:0;color:inherit;width:40px;padding:6px;font-size:19px}.sound-preference[aria-pressed="false"]{opacity:.55}
@media(max-width:900px){.display-tools .sound-preference--desktop{display:none}}
@media(hover:hover) and (pointer:fine){.project-card[data-video]:not([data-video=""]) .project-frame,.film-showcase__frame[data-video-preview],.pd-film-load{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Ccircle cx='24' cy='24' r='22' fill='%230b0d10' stroke='white' stroke-width='1.5'/%3E%3Cpath d='M20 15L33 24L20 33Z' fill='white'/%3E%3Ccircle cx='39' cy='8' r='4' fill='%23e00010'/%3E%3C/svg%3E") 24 24,pointer}}
@media(min-width:901px) and (max-width:1180px){.topbar{grid-template-columns:230px minmax(0,1fr) 230px;gap:16px;padding-inline:28px;height:var(--topbar-height)}.brand-logo{width:138px}.brand-divider{right:186px}.topbar-actions{gap:10px}.display-tools{gap:3px}.site-tool{width:30px;padding:6px;font-size:10px}.project-cta{--cta-diameter:32px;gap:8px;font-size:12px}.project-cta-divider{display:none}.nav-rail a{font-size:11px}.topbar.scrolled .project-cta{font-size:11px;gap:8px;padding-inline:2px}.footer-main{gap:20px}.footer-nav{gap:18px;font-size:11px}.footer-brand{column-gap:9px}.footer-brand>img{width:90px}.footer-brand .footer-name{font-size:20px}.footer-brand .footer-tagline{font-size:9px}.footer-email{font-size:11px}[lang="en"] .nav-rail a{font-size:10px}[lang="en"] .project-cta{font-size:11px}}
@media(max-width:900px){:root{--topbar-height:64px}.topbar,.topbar.scrolled{height:var(--topbar-height);grid-template-columns:minmax(0,1fr) auto 1px 40px;gap:10px;padding-inline:20px;direction:rtl}.brand-card{grid-column:1;grid-row:1;height:42px;justify-self:start}.brand-logo,.topbar.scrolled .brand-logo{width:118px}.topbar.scrolled .brand-card{padding:0;border-radius:0}.brand-divider,.topbar.scrolled .brand-divider{position:static;grid-column:3;grid-row:1;height:27px;transform:none}.topbar-actions{grid-column:2;grid-row:1;gap:0}.display-tools{gap:0}.site-tool{width:44px;height:44px;padding:7px;font-size:11px}.actions-divider,.project-cta,.nav-rail{display:none}.menu-button{grid-column:4;grid-row:1;width:44px;height:44px}.topbar-nav-open>.menu-button{opacity:1;visibility:visible;pointer-events:auto;transform:none}.site-footer{padding:43px 0 25px}.footer-shell{width:calc(100% - 40px)}.footer-main{grid-template-columns:minmax(0,1fr);gap:25px;justify-items:center;text-align:center}.footer-brand{grid-template-columns:auto auto;gap:8px 12px;text-align:right}.footer-brand>img{width:120px}.footer-brand .footer-name{font-size:28px}.footer-brand .footer-tagline{font-size:9px}.footer-nav{gap:25px;font-size:12px;flex-wrap:wrap}.footer-contact{justify-content:center;gap:13px}.footer-social{gap:8px}.footer-legal{margin-top:28px;padding-top:18px;flex-direction:column;gap:7px;font-size:9px}}
@media(max-width:360px){.topbar,.topbar.scrolled{padding-inline:16px;gap:8px}.brand-logo,.topbar.scrolled .brand-logo{width:106px}.footer-shell{width:calc(100% - 32px)}.footer-brand>img{width:104px}.footer-brand .footer-name{font-size:25px}.footer-nav{gap:18px}}
@media(max-height:680px) and (max-width:900px){.mobile-menu{gap:14px;padding-top:88px}.mobile-menu-heading{padding-bottom:10px}.mobile-menu nav a{padding:9px 0}.mobile-menu nav b{font-size:25px}.mobile-menu-footer>small{display:none}}
@media(prefers-reduced-motion:reduce){.topbar,.brand-card,.site-tool,.project-cta svg,.menu-button,.menu-button i,.nav-rail,.nav-rail a i,.nav-rail a span:after,.mobile-menu,.menu-social a,.footer-main,.footer-legal,.page-transition,.page-transition>i{transition:none}[data-magnetic]{translate:none}}

/* Visual review, 2026-10-11. */

.mobile-menu nav a[aria-current="page"]{color:#fff;background:#e0001026;border-inline-start:3px solid var(--brand-red);padding-inline:12px;border-bottom-color:#e0001070}
.mobile-menu nav a[aria-current="page"]:after{content:"●";color:var(--brand-red);font-size:12px}
.mobile-menu nav a[aria-current="page"] b{color:var(--brand-red)}
.mobile-menu-footer .sound-preference{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border-radius:50%}
.photography-page:not(.menu-open) .topbar:not(.scrolled){background:transparent;color:#fff;border-bottom-color:#ffffff28}
.photography-page:not(.menu-open) .topbar:not(.scrolled) .brand-logo-light{opacity:1}
.photography-page:not(.menu-open) .topbar:not(.scrolled) .brand-logo-dark{opacity:0}
[data-ambient-zoom]{animation:ambient-frame-breathe 13s ease-in-out infinite alternate;animation-play-state:paused;transform-origin:50% 50%}
[data-ambient-zoom].ambient-visible{animation-play-state:running}
@keyframes ambient-frame-breathe{from{scale:1.015}to{scale:1.085}}
@media(prefers-reduced-motion:reduce){[data-ambient-zoom]{animation:none!important;scale:1!important}}


[lang="en"] .mobile-menu nav b,[lang="en"] .mobile-menu-heading strong{font-family:"Readex Pro",Tahoma,sans-serif;letter-spacing:-.025em}

.footer-nav{flex-wrap:wrap;gap:12px 22px}.footer-nav a{min-height:36px;display:inline-flex;align-items:center;position:relative}.footer-nav a[aria-current="page"]{color:#fff;font-weight:600}.footer-nav a[aria-current="page"]:after{content:"";position:absolute;bottom:0;inset-inline:0;height:1px;background:var(--brand-red)}@media(max-width:900px){.footer-nav{gap:4px 20px}.footer-nav a{min-height:44px}}


@media(prefers-reduced-motion:reduce){.brand-card .brand-logo img{transition:none}}

/* Canonical homepage seams and a left-side WhatsApp action. */
.footer-transition{position:relative;z-index:12;margin-top:-70px;height:70px;width:100%;pointer-events:none;background:transparent}
.footer-transition>svg{display:block;width:100%;height:100%}
:is(.works-page,.project-detail-page,.photography-page,.about-page) #main>section:first-of-type{clip-path:url(#sharedHeroArc);padding-bottom:80px}
.ph-hero>.ph-curve,.ab-hero>.ab-seam{display:none}
.about-page .portfolio-contact{padding-bottom:110px}
.floating-whatsapp{position:fixed;z-index:80;left:max(22px,env(safe-area-inset-left));bottom:calc(24px + env(safe-area-inset-bottom));display:grid;place-items:center;width:54px;height:54px;border-radius:50%;background:#25d366;color:#fff;box-shadow:0 6px 24px #0003;transition:opacity .2s,transform .2s}
.floating-whatsapp[hidden]{display:none}
.floating-whatsapp svg{width:28px;height:28px;fill:currentColor}
.floating-whatsapp:focus-visible{outline:2px solid var(--ink,#111);outline-offset:5px}
.floating-whatsapp:hover{transform:translateY(-3px)}
@media(max-width:900px){.footer-transition{height:46px;margin-top:-46px}.about-page .portfolio-contact{padding-bottom:85px}.floating-whatsapp{width:48px;height:48px;left:16px;bottom:calc(18px + env(safe-area-inset-bottom))}:is(.works-page,.project-detail-page,.photography-page,.about-page) #main>section:first-of-type{padding-bottom:58px}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp{transition:none}}

[data-cms-disabled],[hidden]{display:none!important}
.wp-filter-fallback,.ph-filter-fallback{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.wp-search-form{display:contents}





/* A quiet red orbit around the WhatsApp action; green/white identity stays legible. */
.floating-whatsapp::before,.floating-whatsapp::after{content:"";position:absolute;inset:-5px;border-radius:50%;pointer-events:none}.floating-whatsapp::before{border:1px solid #e0001080}.floating-whatsapp::after{border:2px solid transparent;border-top-color:#e00010;mask-image:conic-gradient(#000 0deg 24deg,transparent 36deg);filter:drop-shadow(0 0 3px #e0001080);animation:whatsapp-orbit 5.5s linear infinite}.content-dialog-open .floating-whatsapp::after{animation-play-state:paused}
@keyframes whatsapp-orbit{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.floating-whatsapp::after{animation:none;transform:rotate(-35deg)}}
/* Optional measurement controls appear only when a production integration is enabled. */
.measurement-consent{position:fixed;inset:auto max(16px,4vw) 18px;z-index:200;display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:18px 22px;background:#fff;color:#161616;border:1px solid #ddd;border-radius:16px;box-shadow:0 10px 35px #0003;font:14px/1.7 "Readex Pro",Tahoma,sans-serif}.measurement-consent p{flex:1 1 320px;margin:0}.measurement-consent button,.measurement-preferences{font:inherit;cursor:pointer}.measurement-consent button{padding:10px 16px;border:1px solid #ccc;background:#fafafa;border-radius:8px;color:#111}.measurement-consent button:first-of-type{background:#e00010;border-color:#e00010;color:#fff}.measurement-consent button:focus-visible,.measurement-preferences:focus-visible{outline:2px solid #e00010;outline-offset:3px}.measurement-preferences{background:transparent;border:0;color:inherit;text-decoration:underline;padding:8px 0;margin-top:14px;font-size:12px}

.pd-film-grid,.pd-film-grid>*{min-width:0}

/* Drive's preview includes its own toolbar and needs more height on narrow screens. */
:is(.dialog-media,.wp-dialog-media,.pd-film-stage):has(>iframe[src^="https://drive.google.com/file/"]){position:relative;display:block;width:100%;aspect-ratio:16/9;min-height:360px;min-width:0;max-width:100%;background:#101214}
:is(.dialog-media,.wp-dialog-media,.pd-film-stage)>iframe[src^="https://drive.google.com/file/"]{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;aspect-ratio:auto;border:0}

@media(max-width:900px){
 .home-page .about .thinking-link{padding:8px 16px;min-height:48px;color:#111113;background:#fff;border:1px solid #cfd3d7;border-radius:999px;box-shadow:0 3px 14px #0000000d}
 .home-page .about .thinking-link b{color:#e00010}
 .home-page .about .thinking-link:focus-visible{outline:2px solid #e00010;outline-offset:4px}
}