.theme-binaa-v4{
  --binaa-edge:clamp(24px,5.5vw,94px);
  --binaa-ink:#17191b;
  --binaa-paper:#f2efe8;
  --binaa-panel:#e6e1d6;
  --binaa-line:#17191b22;
  background:var(--binaa-paper);
  color:var(--binaa-ink);
}

.theme-binaa-v4 .theme-header,
.theme-binaa-v4 .theme-header-standard{
  min-height:92px;
  height:auto;
  padding:22px var(--binaa-edge);
  background:color-mix(in srgb,var(--binaa-paper) 92%,#ffffff 8%);
  border:0;
  border-block-start:6px solid #1650e8;
  border-block-end:1px solid var(--binaa-line);
  box-shadow:none;
}

.theme-binaa-v4 .theme-brand,
.theme-binaa-v4 .theme-hero h1,
.theme-binaa-v4 .theme-section h2,
.theme-binaa-v4 .theme-split h2,
.theme-binaa-v4 .theme-contact h2{
  font-family:"Space Grotesk","IBM Plex Sans Arabic",sans-serif;
  letter-spacing:-.05em;
}

.theme-binaa-v4 .theme-header nav{gap:clamp(16px,2.2vw,32px)}
.theme-binaa-v4 .theme-header nav>a:not(.theme-button):not(.theme-language){font-weight:600}
.theme-binaa-v4 .theme-language{border-radius:10px}

.theme-binaa-v4 .theme-button{
  min-height:54px;
  padding:0 28px;
  border-radius:8px;
  background:#1650e8;
  color:#fff!important;
  box-shadow:6px 6px 0 #17191b;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
}

.theme-binaa-v4 .theme-button:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #17191b}
.theme-binaa-v4 .theme-button-invert{background:#17191b;color:#f8f6f0!important}

.theme-binaa-v4 .theme-hero,
.theme-binaa-v4 .theme-hero-product{
  min-height:min(780px,calc(100vh - 92px));
  grid-template-columns:minmax(0,41fr) minmax(0,59fr);
  gap:0;
  padding:0;
  background:linear-gradient(90deg,#f2efe8 0 41%,#ddd6c7 41% 100%);
}

.theme-binaa-v4 .theme-hero-copy{padding:clamp(72px,9vw,132px) var(--binaa-edge)}
.theme-binaa-v4 .theme-kicker{letter-spacing:.18em}
.theme-binaa-v4 .theme-hero h1{max-width:9ch;font-size:clamp(3.5rem,6.6vw,6.9rem);font-weight:600;line-height:.9}
.theme-binaa-v4 .theme-hero p{max-width:34ch;color:#45484d}
.theme-binaa-v4 .theme-hero-proof{gap:14px 28px;color:#303338}
.theme-binaa-v4 .theme-hero-proof span:before{width:11px;height:11px;border-radius:0;background:#1650e8}
.theme-binaa-v4 .theme-hero-image{margin:20px 20px 20px 0;min-height:580px}
.theme-binaa-v4 .theme-hero-image img{height:100%;object-position:center;border-radius:0}

.theme-binaa-v4 .theme-services-section-cards{background:#17191b;color:#f6f4ef}
.theme-binaa-v4 .theme-services-section-cards .theme-section-head>span{color:#8eb0ff}
.theme-binaa-v4 .theme-services-section-cards .theme-section-head h2{max-width:12ch;color:#fff}
.theme-binaa-v4 .theme-services{grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;border:0;background:#52565c}
.theme-binaa-v4 .theme-services article{background:#202326;border:0}
.theme-binaa-v4 .theme-service-copy{padding:32px 26px 34px}
.theme-binaa-v4 .theme-service-index{display:inline-grid;place-items:center;width:38px;height:38px;background:#1650e8;color:#fff}
.theme-binaa-v4 .theme-services h3{margin-top:28px;color:#fff}
.theme-binaa-v4 .theme-services p{color:#cfd3d8}

.theme-binaa-v4 .theme-products-section{background:var(--binaa-paper)}
.theme-binaa-v4 .theme-products{gap:1px;background:#17191b}
.theme-binaa-v4 .theme-products article{padding:18px;background:#ece7db}
.theme-binaa-v4 .theme-product-media,.theme-binaa-v4 .theme-product-media img{border-radius:0}
.theme-binaa-v4 .theme-product-index{background:#1650e8;color:#fff}

.theme-binaa-v4 .theme-split{background:#ebe6db;border-block:1px solid var(--binaa-line)}
.theme-binaa-v4 .theme-contact{background:#1650e8;color:#fff}
.theme-binaa-v4 .theme-contact p{color:#eef3ff}
.theme-binaa-v4 .theme-footer{background:#17191b;color:#f5f1e7}

.theme-binaa-v4[dir=rtl] :is(.theme-brand,.theme-hero h1,.theme-section h2,.theme-split h2,.theme-contact h2){
  font-family:"IBM Plex Sans Arabic","Space Grotesk",sans-serif;
  letter-spacing:-.03em;
}

@media(max-width:900px){
  .theme-binaa-v4 .theme-header,
  .theme-binaa-v4 .theme-header-standard{padding-inline:22px}
  .theme-binaa-v4 .theme-hero,
  .theme-binaa-v4 .theme-hero-product{grid-template-columns:1fr;background:#ddd6c7}
  .theme-binaa-v4 .theme-hero-image{order:-1;margin:14px;min-height:52vw;max-height:560px}
  .theme-binaa-v4 .theme-services{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:620px){
  .theme-binaa-v4 .theme-header,
  .theme-binaa-v4 .theme-header-standard{min-height:74px;padding:16px 18px}
  .theme-binaa-v4 .theme-button{width:100%;box-shadow:4px 4px 0 #17191b}
  .theme-binaa-v4 .theme-hero h1{font-size:clamp(2.8rem,13vw,4.5rem)}
  .theme-binaa-v4 .theme-services{grid-template-columns:1fr}
}

/* Rollout uplift: cold drawing-room modernism, based on grids rather than portfolio looseness. */
.theme-binaa-v4{
  --binaa-ink:#17191b;
  --binaa-concrete:#f0eee9;
  --binaa-paper:#fbfaf7;
  --binaa-blue:#164de8;
  --binaa-yellow:#f1c40f;
  --binaa-rule:rgba(23,25,27,.24);
  background-image:linear-gradient(90deg,rgba(23,25,27,.035) 1px,transparent 1px);
  background-size:calc((100vw - 2 * var(--v4-edge))/12) 100%;
}
.theme-binaa-v4 .theme-section-head{display:grid;grid-template-columns:minmax(100px,2fr) minmax(0,7fr) minmax(80px,3fr);gap:16px;align-items:end;margin-block-end:34px;padding-block-end:16px;border-block-end:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-section-head::after{content:"DRAWING / 01";justify-self:end;color:#6a6e71;font-size:.62rem;letter-spacing:.14em}
.theme-binaa-v4 .theme-section-head>span{color:var(--binaa-blue);font-size:.68rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.theme-binaa-v4 .theme-section-head h2{max-width:17ch;font-family:"Space Grotesk","IBM Plex Sans Arabic",sans-serif;font-size:clamp(2.4rem,5.4vw,6.1rem);font-weight:650;line-height:.9;text-transform:uppercase}
.theme-binaa-v4 .theme-header-split{height:84px;background:rgba(251,250,247,.97);color:var(--binaa-ink);border-block-start:7px solid var(--binaa-yellow);border-block-end:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-header-split .theme-brand{font-family:"Space Grotesk",sans-serif;font-size:1.4rem;font-weight:700;letter-spacing:-.04em;text-transform:uppercase}
.theme-binaa-v4 .theme-header-split .theme-nav{gap:clamp(16px,3vw,44px)}
.theme-binaa-v4 .theme-header-split .theme-nav a{color:var(--binaa-ink);font-size:.72rem;font-weight:700;text-transform:uppercase}
.theme-binaa-v4 .theme-header-split .theme-button{background:var(--binaa-blue);color:#fff;border-color:var(--binaa-blue);border-radius:0}

.theme-binaa-v4 .theme-hero-immersive{min-height:min(940px,calc(100vh - 84px));background:var(--binaa-ink);color:#fff}
.theme-binaa-v4 .theme-hero-immersive::before{content:"A–01";position:absolute;z-index:2;inset-block-start:28px;inset-inline-end:var(--v4-edge);color:var(--binaa-yellow);font-size:.75rem;font-weight:800;letter-spacing:.18em}
.theme-binaa-v4 .theme-hero-immersive .theme-hero-image::after{background:linear-gradient(90deg,rgba(23,25,27,.97) 0%,rgba(23,25,27,.78) 45%,rgba(23,25,27,.12) 82%)}
[dir=rtl] .theme-binaa-v4 .theme-hero-immersive .theme-hero-image::after{background:linear-gradient(270deg,rgba(23,25,27,.97) 0%,rgba(23,25,27,.78) 45%,rgba(23,25,27,.12) 82%)}
.theme-binaa-v4 .theme-hero-immersive .theme-hero-copy{position:relative;z-index:2;max-width:980px}
.theme-binaa-v4 .theme-hero-immersive h1{max-width:10ch;color:#fff;font-family:"Space Grotesk","IBM Plex Sans Arabic",sans-serif;font-size:clamp(4rem,9vw,10rem);font-weight:650;line-height:.78;letter-spacing:-.075em;text-transform:uppercase}
.theme-binaa-v4 .theme-hero-immersive .theme-kicker{color:var(--binaa-yellow);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase}
.theme-binaa-v4 .theme-hero-immersive p{max-width:48ch;color:#d1d2d2}
.theme-binaa-v4 .theme-hero-immersive .theme-button{background:var(--binaa-yellow);color:#111;border-color:var(--binaa-yellow);border-radius:0;box-shadow:7px 7px 0 var(--binaa-blue)}

.theme-binaa-v4 .theme-stats-standard{padding-block:0;background:var(--binaa-paper);border-block-end:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-stats-standard .theme-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.theme-binaa-v4 .theme-stats-standard .theme-stat{min-height:150px;padding:26px;display:flex;flex-direction:column;justify-content:center;border-inline-end:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-stats-standard .theme-stat:last-child{border-inline-end:0}
.theme-binaa-v4 .theme-stats-standard strong{color:var(--binaa-blue);font-family:"Space Grotesk",sans-serif;font-size:clamp(2.6rem,5vw,6rem);font-weight:650;line-height:.8}

.theme-binaa-v4 .theme-products-section-standard{background:var(--binaa-concrete);color:var(--binaa-ink)}
.theme-binaa-v4 .theme-products-section-standard .theme-products{display:grid;grid-template-columns:repeat(12,1fr);gap:1px;background:var(--binaa-ink);border:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-products-section-standard .theme-product{grid-column:span 6;padding:0 0 24px;background:var(--binaa-concrete);border:0;border-radius:0;box-shadow:none}
.theme-binaa-v4 .theme-products-section-standard .theme-product:nth-child(3n+1){grid-column:span 8}
.theme-binaa-v4 .theme-products-section-standard .theme-product:nth-child(3n+2){grid-column:span 4}
.theme-binaa-v4 .theme-products-section-standard .theme-product-media{overflow:hidden;border-radius:0}
.theme-binaa-v4 .theme-products-section-standard .theme-product-media img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0;filter:grayscale(.7) contrast(1.14)}
.theme-binaa-v4 .theme-products-section-standard .theme-product:nth-child(3n+2) .theme-product-media img{aspect-ratio:3/4}
.theme-binaa-v4 .theme-products-section-standard .theme-product-copy{padding:22px;border-block-start:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-products-section-standard h3{font-family:"Space Grotesk","IBM Plex Sans Arabic",sans-serif;font-size:clamp(1.4rem,2.6vw,2.8rem);font-weight:600;text-transform:uppercase}
.theme-binaa-v4 .theme-product-meta{color:var(--binaa-blue);font-size:.68rem;font-weight:800;letter-spacing:.12em}

.theme-binaa-v4 .theme-gallery-section{background:var(--binaa-ink);color:#fff}
.theme-binaa-v4 .theme-gallery-section .theme-section-head{border-color:#fff}
.theme-binaa-v4 .theme-gallery-section .theme-section-head h2{color:#fff}
.theme-binaa-v4 .theme-gallery-masonry{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:8px}
.theme-binaa-v4 .theme-gallery-masonry figure{grid-column:span 5;grid-row:span 4;position:relative;margin:0;overflow:hidden;border:1px solid rgba(255,255,255,.3)}
.theme-binaa-v4 .theme-gallery-masonry figure:nth-child(2){grid-column:span 3;grid-row:span 6}
.theme-binaa-v4 .theme-gallery-masonry figure:nth-child(3){grid-column:span 4;grid-row:span 3}
.theme-binaa-v4 .theme-gallery-masonry figure:nth-child(4){grid-column:6/span 7;grid-row:span 3}
.theme-binaa-v4 .theme-gallery-masonry img{width:100%;height:100%;object-fit:cover;border-radius:0;filter:grayscale(1) contrast(1.18)}
.theme-binaa-v4 .theme-gallery-masonry figcaption{position:absolute;inset-block-end:0;inset-inline:0;padding:12px;background:rgba(23,25,27,.82);color:#fff;font-size:.68rem;letter-spacing:.09em}
.theme-binaa-v4 .theme-gallery-masonry figure::after{content:"+";position:absolute;inset-block-start:10px;inset-inline-end:12px;color:var(--binaa-yellow);font-size:1.4rem;font-weight:800}

.theme-binaa-v4 .theme-split-checklist{background:var(--binaa-paper);border-block:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-split-checklist .theme-split-grid{grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(32px,6vw,96px)}
.theme-binaa-v4 .theme-split-checklist .theme-split-copy{align-self:center}
.theme-binaa-v4 .theme-split-checklist h2{font-family:"Space Grotesk","IBM Plex Sans Arabic",sans-serif;font-size:clamp(2.6rem,5.4vw,6rem);font-weight:650;line-height:.9;text-transform:uppercase}
.theme-binaa-v4 .theme-split-checklist .theme-split-points{border-block-start:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-split-checklist .theme-split-points li{padding-block:15px;border-block-end:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-split-checklist img{min-height:620px;object-fit:cover;border-radius:0;filter:grayscale(.8) contrast(1.15)}

.theme-binaa-v4 .theme-split-editorial{background:#dfe1e1;color:var(--binaa-ink);border-block:0}
.theme-binaa-v4 .theme-split-editorial .theme-split-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:0;border:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-split-editorial .theme-split-copy{padding:clamp(36px,7vw,110px);background:#dfe1e1}
.theme-binaa-v4 .theme-split-editorial h2{font-family:"Space Grotesk","IBM Plex Sans Arabic",sans-serif;font-size:clamp(2.4rem,5vw,5.6rem);font-weight:650;line-height:.9;text-transform:uppercase}
.theme-binaa-v4 .theme-split-editorial .theme-split-media{border-inline-start:1px solid var(--binaa-ink)}
.theme-binaa-v4 .theme-split-editorial img{width:100%;height:100%;min-height:560px;object-fit:cover;border-radius:0;filter:grayscale(1) contrast(1.2)}
.theme-binaa-v4 .theme-credentials-section-strip{background:var(--binaa-blue);color:#fff}
.theme-binaa-v4 .theme-credentials-section-strip .theme-credentials{display:grid;grid-template-columns:repeat(3,1fr);gap:0}
.theme-binaa-v4 .theme-credentials-section-strip .theme-credential{padding:28px;border-inline-end:1px solid rgba(255,255,255,.38)}
.theme-binaa-v4 .theme-contact-accent{background:var(--binaa-yellow);color:#111}
.theme-binaa-v4 .theme-contact-accent h2{color:#111;text-transform:uppercase}
.theme-binaa-v4 .theme-contact-accent .theme-button{background:var(--binaa-blue);color:#fff;border-radius:0;box-shadow:7px 7px 0 #111}
.theme-binaa-v4 .theme-footer-minimal{background:var(--binaa-ink);color:#fff;border-block-start:7px solid var(--binaa-yellow)}

@media(max-width:900px){
  .theme-binaa-v4 .theme-products-section-standard .theme-product,
  .theme-binaa-v4 .theme-products-section-standard .theme-product:nth-child(3n+1),
  .theme-binaa-v4 .theme-products-section-standard .theme-product:nth-child(3n+2){grid-column:span 6}
  .theme-binaa-v4 .theme-gallery-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px}
  .theme-binaa-v4 .theme-gallery-masonry figure,
  .theme-binaa-v4 .theme-gallery-masonry figure:nth-child(2),
  .theme-binaa-v4 .theme-gallery-masonry figure:nth-child(3),
  .theme-binaa-v4 .theme-gallery-masonry figure:nth-child(4){grid-column:auto;grid-row:auto}
  .theme-binaa-v4 .theme-split-checklist .theme-split-grid,
  .theme-binaa-v4 .theme-split-editorial .theme-split-grid{grid-template-columns:1fr}
  .theme-binaa-v4 .theme-split-editorial .theme-split-media{border-inline-start:0;border-block-start:1px solid var(--binaa-ink)}
}
@media(max-width:620px){
  .theme-binaa-v4 .theme-section-head{grid-template-columns:1fr;gap:10px}
  .theme-binaa-v4 .theme-section-head::after{justify-self:start}
  .theme-binaa-v4 .theme-products-section-standard .theme-product,
  .theme-binaa-v4 .theme-products-section-standard .theme-product:nth-child(3n+1),
  .theme-binaa-v4 .theme-products-section-standard .theme-product:nth-child(3n+2){grid-column:span 12}
  .theme-binaa-v4 .theme-gallery-masonry{grid-template-columns:1fr}
  .theme-binaa-v4 .theme-stats-standard .theme-stats,
  .theme-binaa-v4 .theme-credentials-section-strip .theme-credentials{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.theme-binaa-v4 *, .theme-binaa-v4 *::before,.theme-binaa-v4 *::after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
