/* Arabic glyphs fall through the existing Latin fonts to Alexandria. */
body,html[lang=ar] body{font-family:Nexa,'Inter Tight',Alexandria,Arial,sans-serif}
input,textarea,select,button{font-family:inherit}
html[lang=ar] :is(h1,h2,h3){font-weight:700}
html[lang=ar] :is(h4,h5,h6,legend,label[for]){font-weight:600}
html[lang=ar] :is(button,.pill,.secondary-pill,.nav-contact){font-weight:500}
html[lang=ar] :is(p,textarea,input,select){font-weight:400}
html[lang=ar] :is(input,textarea){text-align:start;direction:rtl}
html[lang=ar] :is(input[type=email],input[type=tel],input[type=number],input[type=date]){direction:ltr}
.ui-icon{width:1em;height:1em;display:inline-block;vertical-align:-.12em;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.mobile-menu-toggle{display:none}
@media(max-width:850px){
 header{position:relative;display:flex;flex-wrap:nowrap;gap:10px;padding:15px 5%;min-height:66px}
 header .logo{font-size:19px;gap:7px;flex-shrink:0}header .brand-mark{width:28px;height:28px}
 .language-switch{margin:0;margin-inline-start:auto;gap:0}.language-switch button{font-size:11px;padding:9px 7px;min-height:36px}
 .mobile-menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:40px;height:40px;flex-shrink:0;border:1px solid #3d3d3d30;border-radius:50%;background:transparent;color:inherit;padding:10px}
 .mobile-menu-toggle span{height:1.8px;width:18px;background:currentColor;transition:transform .22s}
 .mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.9px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.9px) rotate(-45deg)}
 header nav{position:absolute;top:100%;inset-inline:0;width:auto;margin:0;padding:14px 5% 22px;background:var(--paper);display:flex;flex-direction:column;gap:4px;box-shadow:0 15px 20px #3d3d3d12;visibility:hidden;opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s,transform .2s,visibility .2s}
 header.menu-open nav{visibility:visible;opacity:1;transform:none;pointer-events:auto}header nav a{display:block;padding:13px 8px;font-size:15px;min-height:44px}
 .portrait-hero{display:grid;grid-template-columns:minmax(0,1fr);height:auto;min-height:0;padding:30px 5% 0;overflow:hidden}
 .hero-copy{position:relative;inset:auto;width:100%;max-width:100%;grid-column:1;grid-row:1}
 .portrait-hero h1{font-size:clamp(36px,9.7vw,64px);line-height:1.06;letter-spacing:-.055em;margin:24px 0 20px;max-width:100%}
 .hero-copy>p{font-size:14px;line-height:1.65}.hero-actions{gap:10px;margin-top:22px}.hero-actions a{min-height:44px;max-width:100%}.hero-actions .pill{gap:12px;font-size:11px}.secondary-pill{padding:16px 19px}
 .hero-portrait{position:relative;grid-column:1;grid-row:3;inset:auto;transform:none;justify-self:center;width:auto;max-width:100%;height:clamp(330px,100vw,490px);object-fit:contain;object-position:center bottom;z-index:2}
 .hero-aside{position:relative;grid-column:1;grid-row:2;inset:auto;width:min(230px,75%);margin:26px 0 8px;justify-self:end;align-self:auto;z-index:3}
 .feature-card{display:flex;padding:10px;gap:12px;border-radius:18px}.feature-logo{min-width:54px;width:54px;aspect-ratio:1;margin:0}.feature-logo .brand-mark{width:30px;height:30px}.feature-text{font-size:15px}.feature-text small{font-size:8px;margin-bottom:8px}.feature-text i{font-size:8px;margin-top:10px}.hero-signature{display:none}
 .portrait-hero .glass-strip{position:relative;grid-column:1;grid-row:4;inset:auto;transform:none;margin:-22px 0 16px;padding:17px 15px;font-size:8px;gap:8px;z-index:5}.glass-strip span:nth-child(2){display:none}.hero-watermark{bottom:80px;font-size:20vw}
 .services-layout{grid-template-columns:minmax(0,1fr)}.service-list{grid-template-columns:repeat(2,minmax(0,1fr))}.service-list article:nth-child(even){margin-top:0}
 .about-layout{grid-template-columns:minmax(0,1fr);gap:28px}.personal-story{grid-template-columns:minmax(0,1fr)}.story-portrait{min-height:420px}
 .pricing-layout{grid-template-columns:minmax(0,1fr)}.price-summary{position:static}.price-cards{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-grid{grid-template-columns:minmax(0,1fr)}.contact-info>a{overflow-wrap:anywhere}
}
@media(max-width:600px){
 .section{padding-inline:5%}.section h2{font-size:clamp(32px,9vw,44px);overflow-wrap:break-word}.section-top{gap:12px}.eyebrow{line-height:1.6}
 .shorts,.steps,.service-list{grid-template-columns:minmax(0,1fr)}.shorts article,.service-list article,.steps article,.contact-grid>*,.pricing-layout>*{min-width:0}
 .service-list article:nth-child(even){margin:0}.service-list article{min-height:0}.caption{gap:12px}.caption h3{font-size:18px}.projects .hero-film{height:auto;aspect-ratio:16/10;min-height:210px}.film-bottom{font-size:clamp(20px,5.5vw,28px)}.play{width:54px;height:54px}.film-top{top:15px;gap:12px}.watch{margin-top:12px}
 .about-identity{gap:20px}.about-identity>span:last-child{font-size:25px}.story-content{padding:28px 22px}.story-portrait{min-height:370px}.story-name{font-size:29px}.story-content p{font-size:15px}
 .pricing h2{font-size:clamp(32px,9vw,42px)}.price-summary{padding:22px 18px}.price-summary dl>div{gap:10px}.price-card{padding:14px 11px}.price-card span{font-size:13px}.price-card small{overflow-wrap:anywhere}.price-total strong{font-size:clamp(28px,8vw,42px)}
 .form-actions{align-items:stretch;gap:8px}.form-actions .pill{justify-content:center;padding:15px 18px}.social-links{gap:18px}.contact-heading{margin-bottom:35px}footer{gap:20px;flex-wrap:wrap}footer>span{width:100%}
 html[lang=ar] .portrait-hero h1{font-size:clamp(32px,8.8vw,52px);line-height:1.35;letter-spacing:0}
}
@media(prefers-reduced-motion:reduce){.mobile-menu-toggle span,header nav{transition:none}}
/* Reference composition: introduction, work, creator, services, pricing, process. */
.nav-contact,.hero-actions .pill{background:var(--accent);color:var(--ink);border-color:var(--accent)}
.feature-logo{background:var(--accent)}
.feature-logo .brand-mark{filter:none;mix-blend-mode:multiply}
.brand-mark img{mix-blend-mode:multiply}
.about-identity>.brand-mark{background:var(--accent);border-radius:20px;padding:12px;box-sizing:content-box}
.about-identity>.brand-mark img{mix-blend-mode:multiply}
.reference-intro{position:relative;overflow:hidden}
.reference-intro:before{content:'';position:absolute;width:460px;height:460px;left:-200px;top:10px;border-radius:50%;background:repeating-radial-gradient(ellipse,transparent 0 17px,#8a8c8f20 18px 19px);pointer-events:none}
.reference-intro .about-layout{position:relative}
.reference-creator{background:#fff;padding:20px 4.5% 85px}
.reference-creator .personal-story{margin-top:0}
.reference-creator .story-content{background:var(--paper);color:var(--ink)}
.reference-creator .story-content p{color:var(--muted)}
.reference-creator .story-principles{border-color:#3d3d3d30}
.reference-creator .story-principles span{color:var(--ink)}
.pricing{border-radius:26px 26px 0 0;position:relative;background:var(--paper)}
.process{background:#fff;border-radius:0}
.contact{border-radius:26px 26px 0 0}
@media(max-width:600px){.reference-creator{padding:10px 5% 55px}.about-identity>.brand-mark{padding:8px;border-radius:15px}}