/* V14 — precise editorial home layout | leaves inner pages unchanged */
.z14-home { --z14-edge: #ffffff23; --z14-cream:#f2f0ec; --z14-ink:#121212; --z14-ease:cubic-bezier(.22,1,.36,1); color:var(--fg); }
.z14-home .shell{width:min(calc(100% - 76px),1216px)}
.z14-home .z14-section{padding-block:clamp(70px,7.8vw,112px)}
.z14-home .z14-label,.z14-home .z14-micro,.z14-home .z14-eyebrow{font-size:11px;line-height:1.8;font-weight:700;letter-spacing:.055em}
.z14-label{font-family:'DM Sans',sans-serif;direction:ltr;text-align:start;letter-spacing:.13em!important}
.z14-home .z14-micro{display:inline-flex;align-items:center;gap:11px;color:var(--muted)}
.z14-home .z14-micro .dot-live{width:6px;height:6px;flex-shrink:0}
.z14-home .z14-heading{font-size:clamp(29px,3.45vw,48px);line-height:1.42;letter-spacing:-.025em;font-weight:700;margin:11px 0 9px;max-width:690px;text-wrap:balance}
.z14-home .z14-heading em{font-style:normal;color:var(--muted)}
.z14-home .z14-section-desc{font-size:clamp(13px,1.05vw,15px);line-height:1.96;color:var(--muted);max-width:590px}
.z14-home .z14-inline{font-size:14px;font-weight:700;display:inline-flex;align-items:center;gap:15px;border-bottom:1px solid currentColor;padding:8px 0;white-space:nowrap;flex-shrink:0;transition:gap .3s var(--z14-ease)}
.z14-home .z14-inline:hover{gap:23px}
.z14-home .z14-section-header{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}
/* Hero: no arbitrary min-height and no giant whitespace */
.z14-home .z14-hero{padding:19px 0 42px;overflow:hidden}
.z14-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:0 0 16px;gap:20px}
.z14-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.88fr);gap:clamp(35px,5.5vw,76px);align-items:center;padding:48px 0 0}
.z14-hero-copy{min-width:0}
.z14-eyebrow{color:var(--muted);font-size:12px!important}
.z14-home .z14-hero-title{font-size:clamp(39px,4.05vw,59px);line-height:1.43;letter-spacing:-.04em;font-weight:800;margin:17px 0 21px;max-width:640px;text-wrap:balance}
.z14-hero-title em{font-style:normal;color:var(--muted);display:inline}
.z14-home .z14-copy{font-size:clamp(14px,1.12vw,16px);line-height:2;max-width:535px;color:var(--muted)}
.z14-actions{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin:29px 0 0}
.z14-button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:50px;padding:10px 23px;font-size:13px;font-weight:700;line-height:1.6;border:1px solid var(--fg);border-radius:999px;transition:transform .3s var(--z14-ease),background .25s,color .25s}
.z14-button:hover{transform:translateY(-3px)}
.z14-button-primary{background:var(--fg);color:var(--bg)}
.z14-button-secondary{background:var(--fg);color:var(--bg);margin-top:24px}
.z14-simple-link{font-size:13px;font-weight:700;border-bottom:1px solid var(--fg);padding:8px 0;white-space:nowrap}
.z14-hero-bottom{display:flex;justify-content:space-between;gap:12px;margin-top:clamp(45px,6vw,85px);padding-top:13px;border-top:1px solid var(--border);font-size:11px;color:var(--muted)}
.z14-hero-bottom>a{color:var(--fg);font-weight:700;white-space:nowrap}
.z14-hero-art{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr);grid-template-rows:1fr 1fr;gap:12px;aspect-ratio:1.10 / 1;max-height:510px;min-height:0;min-width:0;position:relative;direction:ltr}
.z14-hero-art a{position:relative;overflow:hidden;background:#242424;min-width:0;min-height:0;border:1px solid #ffffff1e;display:block}
.z14-hero-art img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s var(--z14-ease)}
.z14-hero-art a:hover img{transform:scale(1.045)}
.z14-art-main{grid-column:1;grid-row:1 / 3}.z14-art-secondary{grid-column:2;grid-row:1}.z14-art-third{grid-column:2;grid-row:2}
.z14-hero-art a>span{position:absolute;inset:auto 0 0 0;padding:30px 14px 12px;background:linear-gradient(transparent,#000b);color:#fff;font:800 clamp(14px,1.6vw,22px) 'DM Sans',sans-serif;line-height:1.4;direction:ltr;text-align:left}
.z14-hero-art .z14-art-secondary>span,.z14-hero-art .z14-art-third>span{font-size:14px;padding:19px 9px 8px}
.z14-art-index{position:absolute;bottom:-26px;right:0;color:var(--muted);font:700 9px 'DM Sans',sans-serif;letter-spacing:.13em;direction:ltr}
/* restrained brand tape */
.z14-ticker{height:50px;display:flex;align-items:center;overflow:hidden;background:var(--fg);color:var(--bg)}
.z14-ticker>div{direction:ltr;text-align:left;min-width:max-content;white-space:nowrap;font:800 clamp(16px,1.6vw,22px) 'DM Sans',sans-serif;letter-spacing:-.035em;animation:z14-marquee 43s linear infinite}
.z14-ticker b{font-weight:500;margin-inline:18px;font-size:.8em}
@keyframes z14-marquee{to{transform:translateX(-50%)}}
/* Balanced portfolio grid */
.z14-work{background:var(--bg)}
.z14-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,1.5vw,20px);align-items:start}
.z14-work-card{display:block;min-width:0}
.z14-work-image{aspect-ratio:3/4;position:relative;overflow:hidden;background:#161616;border:1px solid var(--border)}
.z14-work-image img{width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .75s var(--z14-ease),filter .75s}
.z14-work-card:hover img{transform:scale(1.034);filter:brightness(.92)}
.z14-hover{position:absolute;bottom:13px;left:13px;background:#f3f2ee;color:#101010;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font:700 20px 'DM Sans';transition:transform .3s}
.z14-work-card:hover .z14-hover{transform:rotate(45deg)}
.z14-work-meta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2px 8px;align-items:center;padding-top:14px}
.z14-work-meta strong{font:900 clamp(22px,2vw,30px)/1.2 'DM Sans',sans-serif;letter-spacing:-.055em;direction:ltr;text-align:right}
.z14-work-meta>span{font-size:12px;color:var(--muted);grid-column:1;grid-row:2}
.z14-work-meta small{grid-column:2;grid-row:1/3;font:700 10px 'DM Sans';color:var(--muted);direction:ltr}
/* Films: image with composition instead of outsize numeric sidebar */
.z14-film-section{background:var(--panel)}
.z14-film-grid{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(35px,5vw,75px);align-items:center}
.z14-film-copy{min-width:0}.z14-film-copy .z14-heading{max-width:470px}
.z14-film-count{display:flex;gap:16px;align-items:center;margin-top:24px;border-top:1px solid var(--border);padding-top:14px}
.z14-film-count strong{font:850 clamp(47px,5vw,72px)/1 'DM Sans',sans-serif;letter-spacing:-.085em;direction:ltr}
.z14-film-count span{font-size:13px;color:var(--muted);font-weight:700}
.z14-film-visual{position:relative;display:block;min-width:0;aspect-ratio:1.42;overflow:hidden;background:#141414;border:1px solid var(--border)}
.z14-film-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 52%,#0009);pointer-events:none}
.z14-film-visual>img{height:100%;width:100%;object-fit:cover;transition:transform .8s var(--z14-ease)}
.z14-film-visual:hover>img{transform:scale(1.045)}
.z14-film-play{position:absolute;z-index:1;bottom:22px;right:21px;color:#fff;display:flex;align-items:center;gap:12px;font-size:13px;font-weight:700}
.z14-film-play b{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#f3f2ee;color:#101010;font-size:17px;transition:transform .3s}
.z14-film-visual:hover .z14-film-play b{transform:scale(1.08)}
.z14-film-tag{position:absolute;z-index:1;left:20px;top:19px;color:#fff;font:700 10px 'DM Sans';letter-spacing:.12em;direction:ltr}
/* Pricing: equal cards, one treatment, predictable price anchors */
.z14-services{background:var(--bg)}
.z14-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:stretch}
.z14-service-item{display:flex;flex-direction:column;justify-content:space-between;gap:35px;min-height:205px;padding:22px;background:var(--panel);border:1px solid var(--border);transition:transform .35s var(--z14-ease),border-color .35s}
.z14-service-item:hover{transform:translateY(-5px);border-color:var(--fg)}
.z14-service-top{display:flex;align-items:start;gap:12px;justify-content:space-between;font-size:14px;font-weight:700}
.z14-service-top>span:first-child{font:700 11px 'DM Sans';color:var(--muted)}
.z14-service-bottom{display:flex;justify-content:space-between;align-items:end;gap:13px}
.z14-service-bottom>div{display:flex;flex-direction:column;gap:1px}
.z14-service-bottom small{font-size:12px;color:var(--muted)}
.z14-service-bottom strong{font:900 clamp(49px,5vw,69px)/1 'DM Sans',sans-serif;letter-spacing:-.085em;direction:ltr;white-space:nowrap}
.z14-service-bottom strong i{font-style:normal;font:700 12px 'DM Sans';letter-spacing:0;margin-left:5px}
.z14-service-arrow{width:37px;height:37px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;font-size:20px;flex:none}
.z14-service-feature{background:var(--fg);color:var(--bg);border-color:var(--fg)}
.z14-service-feature .z14-service-top>span:first-child,.z14-service-feature small{color:color-mix(in srgb,var(--bg) 64%,transparent)}
.z14-service-feature .z14-service-arrow{border-color:color-mix(in srgb,var(--bg) 30%,transparent)}
.z14-service-bottom strong.z14-custom-title{font-family:'IBM Plex Sans Arabic',sans-serif;font-size:clamp(20px,2.1vw,28px);line-height:1.5;letter-spacing:-.025em;direction:inherit;white-space:normal}
.z14-delivery{border-top:1px solid var(--border);padding-top:20px;margin-top:25px;display:flex;align-items:center;gap:13px;font-size:12px;color:var(--muted)}
.z14-delivery-dot{background:var(--fg);width:7px;height:7px;border-radius:50%;flex:none}
.z14-delivery>a{margin-inline-start:auto;color:var(--fg);white-space:nowrap;font-weight:700}
/* Bio: compact and genuinely personal */
.z14-about-section{background:var(--panel);border-block:1px solid var(--border)}
.z14-about-grid{display:grid;grid-template-columns:minmax(210px,.64fr) minmax(0,1.36fr);gap:clamp(38px,7vw,110px);align-items:center}
.z14-about-visual{max-width:340px;min-width:0;justify-self:center;width:100%}
.z14-about-visual img{width:100%;aspect-ratio:4/4.4;object-fit:cover;object-position:center top;filter:grayscale(1);border:1px solid var(--border)}
.z14-about-visual span{display:block;margin-top:10px;font:700 10px 'DM Sans';direction:ltr;letter-spacing:.08em;color:var(--muted)}
.z14-about-copy .z14-heading{max-width:710px}.z14-about-lead{font-size:clamp(16px,1.5vw,20px);font-weight:700;line-height:1.8;margin:12px 0;max-width:680px}
.z14-about-copy .z14-inline{margin-top:21px}
/* Final CTA contrasting canvas uses content, no empty billboard */
.z14-outro{background:var(--z14-cream);color:var(--z14-ink);padding-block:clamp(61px,7vw,90px)}
.z14-outro-grid{display:flex;align-items:end;justify-content:space-between;gap:35px}
.z14-outro h2{font-size:clamp(35px,4vw,57px);font-weight:800;line-height:1.46;letter-spacing:-.045em;margin:12px 0 11px;max-width:780px;text-wrap:balance}
.z14-outro h2 em{color:#81817d}
.z14-outro p{font-size:clamp(14px,1.2vw,16px);line-height:1.9;color:#63625f;max-width:610px}
.z14-outro-button{background:#111;color:white;border-radius:999px;min-height:56px;display:inline-flex;align-items:center;justify-content:space-between;gap:25px;padding:13px 25px;white-space:nowrap;font-size:14px;font-weight:700;transition:transform .3s var(--z14-ease)}
.z14-outro-button:hover{transform:translateY(-4px)}
/* interactive but never layout shifting */
@media(prefers-reduced-motion:no-preference){
 .z14-home .reveal{transition-duration:.75s;transition-timing-function:cubic-bezier(.2,.8,.2,1)}
 .z14-work-card:nth-child(2){transition-delay:.09s}.z14-work-card:nth-child(3){transition-delay:.18s}
 .z14-film-visual,.z14-about-visual{transition-delay:.08s}
 .z14-hero-art{transition:transform .12s linear}
}
@media(max-width:1020px){
 .z14-hero-grid{gap:30px}.z14-home .z14-hero-title{font-size:clamp(35px,4.4vw,48px)}
 .z14-hero-art{aspect-ratio:1.02}.z14-film-grid{gap:35px}
 .z14-service-item{padding:18px;min-height:196px}
 .z14-home .z14-section{padding-block:75px}
}
@media(max-width:820px){
 .z14-home .shell{width:calc(100% - 42px)}
 .z14-hero-grid{grid-template-columns:1fr;padding-top:34px;gap:28px}
 .z14-home .z14-hero-title{font-size:clamp(39px,6.7vw,57px)}
 .z14-hero-bottom{margin-top:31px}
 .z14-hero-art{max-width:610px;max-height:480px;aspect-ratio:1.48;margin:0 auto;width:100%}
 .z14-film-grid{grid-template-columns:1fr;gap:26px}
 .z14-film-copy{max-width:700px}.z14-film-visual{max-width:760px;width:100%;aspect-ratio:1.6}
 .z14-about-grid{grid-template-columns:.66fr 1fr;gap:30px}
 .z14-service-grid{gap:9px}.z14-service-item{padding:14px;min-height:165px;gap:25px}
 .z14-service-bottom strong{font-size:clamp(42px,5.8vw,55px)}
}
@media(max-width:620px){
 .z14-home .shell{width:calc(100% - 34px)}
 .z14-home .z14-section{padding-block:61px}
 .z14-home .z14-label,.z14-home .z14-micro{font-size:10px}
 .z14-topline .z14-micro:last-child{font-size:9px;text-align:end}
 .z14-hero{padding:11px 0 27px!important}
 .z14-hero-grid{padding-top:30px;gap:24px}
 .z14-home .z14-hero-title{font-size:clamp(34px,8.7vw,46px);line-height:1.4;margin:10px 0 15px}
 .z14-eyebrow{font-size:10px!important}
 .z14-home .z14-copy{font-size:14px;line-height:1.88}
 .z14-actions{gap:18px;margin-top:22px}
 .z14-button{min-height:47px;padding:9px 18px;font-size:12px}
 .z14-simple-link{font-size:12px}
 .z14-hero-bottom{margin-top:22px;font-size:10px}
 .z14-hero-art{max-width:470px;aspect-ratio:1.34;gap:7px}
 .z14-art-index{font-size:8px;bottom:-20px}
 .z14-ticker{height:39px}.z14-ticker>div{font-size:15px}
 .z14-home .z14-heading{font-size:clamp(29px,7vw,38px);line-height:1.5;margin:8px 0}
 .z14-section-header{display:block;margin-bottom:23px}
 .z14-section-header .z14-inline{margin-top:12px}
 .z14-home .z14-section-desc{font-size:13px;line-height:1.84}
 .z14-work-grid{grid-template-columns:1fr;gap:25px;max-width:470px;margin-inline:auto}
 .z14-work-image{aspect-ratio:4/4.7}
 .z14-work-meta strong{font-size:25px}.z14-work-meta>span{font-size:12px}
 .z14-film-grid{gap:23px}.z14-film-count strong{font-size:55px}
 .z14-film-visual{aspect-ratio:1.25}
 .z14-film-play{bottom:16px;right:15px;font-size:12px}
 .z14-film-play b{width:49px;height:49px}
 .z14-service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .z14-service-item{padding:15px;min-height:162px;gap:23px}
 .z14-service-top{font-size:12px}.z14-service-bottom strong{font-size:clamp(43px,11vw,60px)}
 .z14-service-bottom strong i{font-size:10px}
 .z14-service-arrow{width:29px;height:29px;font-size:16px}
 .z14-service-feature{grid-column:span 2;min-height:145px}
 .z14-service-bottom strong.z14-custom-title{font-size:24px}
 .z14-delivery{flex-wrap:wrap;font-size:11px;gap:8px;line-height:1.75}
 .z14-delivery>a{flex-basis:100%;margin-inline-start:14px}
 .z14-about-grid{grid-template-columns:1fr;gap:25px}
 .z14-about-visual{max-width:240px;justify-self:start}
 .z14-about-visual img{aspect-ratio:1/1}
 .z14-about-copy .z14-heading{margin-top:5px}
 .z14-about-lead{font-size:16px}
 .z14-outro{padding:64px 0 78px}.z14-outro-grid{display:flex;flex-direction:column;align-items:stretch;gap:24px}
 .z14-outro h2{font-size:clamp(34px,8vw,46px);line-height:1.46}
 .z14-outro-button{align-self:flex-start;min-height:49px;padding:10px 19px;font-size:12px}
}
@media(max-width:370px){
 .z14-home .z14-hero-title{font-size:33px}
 .z14-topline .z14-micro:last-child{max-width:150px}
 .z14-home .z14-heading{font-size:27px}
 .z14-hero-bottom span{max-width:180px}
 .z14-service-item{padding:12px}
 .z14-service-bottom strong{font-size:45px}
}
@media(prefers-reduced-motion:reduce){.z14-ticker>div{animation:none!important}.z14-hero-art{transform:none!important}.z14-home .reveal{opacity:1!important;transform:none!important}}
/* light mode reflects current site theme setting */
body[data-theme=light] .z14-home{--z14-edge:#11111121}
body[data-theme=light] .z14-film-section,body[data-theme=light] .z14-about-section{background:#e8e6e1}
body[data-theme=light] .z14-hero-art a{border-color:#0002}
@media(max-width:620px){.z14-service-feature{min-height:162px}}