/* BERBIN V4 — architecture-first glass design system */
:root{--v4-bg:#f5f4f0;--v4-ink:#253239;--v4-muted:#68777b;--v4-glass:rgba(255,255,255,.68);--v4-border:rgba(78,100,102,.13);--v4-accent:#657e7b;--v4-lift:0 14px 55px rgba(36,55,54,.065);--v4-r:28px}
html[data-theme=dark],body.dark{--v4-bg:#121b20;--v4-ink:#edf3f0;--v4-muted:#a5b2b2;--v4-glass:rgba(31,43,47,.72);--v4-border:rgba(219,237,231,.12);--v4-accent:#a4c9bf;--v4-lift:0 18px 65px rgba(0,0,0,.2)}
html{scroll-behavior:smooth}body{background:var(--v4-bg)!important;color:var(--v4-ink);overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 32% 27% at 8% 18%,rgba(176,198,186,.21),transparent 90%),radial-gradient(ellipse 34% 38% at 90% 70%,rgba(149,174,183,.12),transparent 90%)}
body header.v4-header{position:sticky!important;top:12px!important;z-index:1000!important;width:min(1500px,calc(100% - 42px))!important;min-height:76px!important;height:auto!important;margin:12px auto!important;padding:10px 16px 10px 24px!important;background:var(--v4-glass)!important;border:1px solid var(--v4-border)!important;border-radius:26px!important;box-shadow:var(--v4-lift)!important;backdrop-filter:blur(24px) saturate(1.5)!important;-webkit-backdrop-filter:blur(24px) saturate(1.5)!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:18px!important;color:var(--v4-ink)!important;transition:box-shadow .3s,background .3s;box-sizing:border-box}
body header.v4-header.v4-scrolled{box-shadow:0 12px 45px rgba(15,34,39,.14)!important}header.v4-header *{box-sizing:border-box}header.v4-header a{text-decoration:none!important}header.v4-header .v4-brand{display:flex;align-items:center;gap:10px;flex:none;min-width:176px;color:var(--v4-ink)!important}header.v4-header .v4-brand img{width:41px!important;height:49px!important;max-width:41px;object-fit:contain!important;background:transparent!important;border:0!important;border-radius:0!important;filter:none!important}header.v4-header .v4-brand-copy{display:flex;flex-direction:column;gap:2px;line-height:1.05}header.v4-header .v4-brand-copy strong{font-family:Manrope,sans-serif;font-size:18px;letter-spacing:.075em;font-weight:850}header.v4-header .v4-brand-copy small{font:600 8px Manrope,sans-serif;letter-spacing:.08em;white-space:nowrap;color:var(--v4-muted)}
header.v4-header .v4-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;flex-wrap:wrap!important;overflow:visible!important;width:auto!important;padding:0!important;margin:0 auto!important;max-height:none!important;position:static!important;transform:none!important;background:transparent!important;box-shadow:none!important;border:0!important}header.v4-header .v4-nav a{padding:10px 11px!important;border-radius:11px!important;color:var(--v4-muted)!important;font:600 12px Manrope,sans-serif!important;letter-spacing:0!important;white-space:nowrap!important;transition:background .2s,color .2s}header.v4-header .v4-nav a:hover,header.v4-header .v4-nav a[aria-current=page]{color:var(--v4-ink)!important;background:rgba(124,157,146,.13)!important}
header.v4-header .v4-actions{display:flex;align-items:center;gap:7px;flex:none}header.v4-header .v4-control,header.v4-header .v4-hamburger{display:flex!important;align-items:center;justify-content:center;min-width:39px!important;height:39px!important;border-radius:13px!important;background:rgba(131,151,146,.09)!important;border:1px solid var(--v4-border)!important;color:var(--v4-ink)!important;font:600 12px Manrope,sans-serif!important;padding:6px 9px!important;cursor:pointer}header.v4-header .v4-cta{display:flex;align-items:center;gap:16px;min-height:42px;border-radius:15px;padding:0 16px;background:#526a64;color:#fff!important;font:700 11px Manrope,sans-serif;white-space:nowrap}header.v4-header .v4-cta:hover{background:#364e48}header.v4-header .v4-cta b{font-size:17px}header.v4-header .v4-hamburger{display:none!important}
.v4-feature{height:min(780px,83svh);min-height:600px;border-radius:34px;overflow:hidden;position:relative;margin:0 auto 28px;width:min(1500px,calc(100% - 42px));isolation:isolate;background:#182b2e;color:#fff}.v4-feature-art,.v4-feature-art img,.v4-feature-dim{position:absolute;inset:0;width:100%;height:100%}.v4-feature-art img{object-fit:cover;object-position:center;transform:scale(1.04);animation:v4-zoom 18s ease-out both}.v4-feature-dim{background:linear-gradient(90deg,rgba(9,23,30,.88) 0%,rgba(14,34,41,.6) 50%,rgba(14,31,38,.1) 100%)}.v4-feature-content{position:absolute;top:50%;left:clamp(24px,7vw,110px);transform:translateY(-46%);width:min(760px,72%);z-index:1}.v4-pill{display:inline-flex;padding:12px 16px;border:1px solid rgba(255,255,255,.35);border-radius:100px;backdrop-filter:blur(12px);background:rgba(255,255,255,.1);letter-spacing:.16em;font:700 10px Manrope,sans-serif}.v4-feature h1{font-size:clamp(58px,8vw,130px);font-family:Manrope,sans-serif;line-height:1.03;letter-spacing:-.075em;font-weight:750;margin:33px 0 22px}.v4-feature h1 em{font-weight:400;font-family:Georgia,serif;letter-spacing:-.06em}.v4-feature p{color:#e0e8e5;font-size:clamp(16px,1.6vw,21px);line-height:1.8;max-width:605px}.v4-feature-links{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap}.v4-light-button{background:#f5f5ee;padding:16px 23px;border-radius:15px;color:#1d3436!important;font-size:13px;font-weight:750;text-decoration:none!important}.v4-link-soft{color:#f4f5ef!important;text-decoration:none!important;border-bottom:1px solid #c0d0ce;padding:13px 0;font-size:13px}.v4-side-label{position:absolute;right:28px;bottom:30px;color:#f9f9f2;font:700 9px Manrope,sans-serif;letter-spacing:.14em;opacity:.8}.v4-old-hero{display:none!important}@keyframes v4-zoom{from{transform:scale(1.11)}to{transform:scale(1.02)}}
/* Rounded glass panels across original and secondary pages */
.v2{--v2-bg:var(--v4-bg)!important;--v2-card:var(--v4-glass)!important;--v2-text:var(--v4-ink)!important;--v2-muted:var(--v4-muted)!important;--v2-line:var(--v4-border)!important;--v2-accent:var(--v4-accent)!important;background:transparent!important;color:var(--v4-ink)!important}
.v2 .v2-card,.v2 .v2-service,.v2 .v3-detail,.v2 .v2-logo-tile,.v2 .v2-gallery img,.v2 .v2-image,.v2 .v2-band{border-radius:var(--v4-r)!important}.v2 .v2-card,.v2 .v2-service,.v2 .v3-detail{background:var(--v4-glass)!important;backdrop-filter:blur(16px);border:1px solid var(--v4-border)!important;box-shadow:var(--v4-lift)}.v2 .v2-card{overflow:hidden}.v2 .v2-card:hover{transform:translateY(-6px);box-shadow:0 20px 55px rgba(24,51,48,.12)}.v2 .v2-band{background:linear-gradient(120deg,#283b40,#48625d)!important;margin-inline:auto!important;width:90%!important}.v2 .v2-hero{padding-top:75px!important}.v2 h1,.v2 h2{letter-spacing:-.055em!important}.v2 .v2-footer{background:var(--v4-glass)!important;border-radius:32px 32px 0 0}
.v2 .v2-logo-tile,.v2 .v2-partners .v2-logo-tile{background:rgba(255,255,255,.97)!important;padding:17px!important;border-radius:19px!important;overflow:visible!important;box-shadow:0 5px 25px rgba(23,54,49,.045)}.v2 .v2-logo-tile img{max-width:100%!important;max-height:77px!important;object-fit:contain!important}.v2 .v2-logos,.v2 .v2-partners,.home-partner-grid,.client-logos{overflow:visible!important;grid-auto-flow:row!important;max-height:none!important;scrollbar-width:none}.home-partner-grid .logo-framed{border-radius:18px!important;border:1px solid var(--v4-border)!important;box-shadow:0 5px 25px rgba(23,54,49,.045)!important}.client-logos .client-logo{border-radius:17px;min-height:100px!important;padding:12px;display:flex!important;align-items:center;justify-content:center;background:#fff!important;border:1px solid rgba(90,107,107,.13)!important}.client-logos .client-logo img{filter:none!important;object-fit:contain!important}
.section-pad{padding-block:clamp(60px,8vw,118px)!important}.xl-title{letter-spacing:-.06em}.project-card,.furniture-image,.furniture-item,.service-row,.story-card{border-radius:22px!important;overflow:hidden}.service-row{padding-inline:16px!important}.projects-grid{gap:24px!important}.project-picture{border-radius:22px!important;overflow:hidden}.work,.furniture,.intro,.client-section,.partners-section,.journal-section{background:transparent!important}.dark-section{border-radius:34px!important;width:min(1500px,calc(100% - 42px))!important;margin:auto!important;background:#263c3d!important}.dark-section h2,.dark-section h3,.dark-section p{color:#f5f8f5!important}.quote-section{border-radius:30px!important;overflow:hidden;width:95%!important;margin:auto!important}.home-partner-grid{gap:14px!important}
html[dir=rtl] .v4-feature-content{left:auto;right:clamp(24px,7vw,110px)}html[dir=rtl] .v4-feature-dim{background:linear-gradient(270deg,rgba(9,23,30,.88),rgba(14,34,41,.6) 55%,rgba(14,31,38,.1))}html[dir=rtl] .v4-feature h1{font-family:Alexandria,sans-serif;letter-spacing:0;font-size:clamp(38px,6.1vw,92px);line-height:1.5}html[dir=rtl] .v4-feature h1 em{font-family:Alexandria,sans-serif;letter-spacing:0;font-style:normal}html[dir=rtl] .v4-feature p{font-family:'IBM Plex Sans Arabic',sans-serif}html[dir=rtl] header.v4-header .v4-nav a,html[dir=rtl] header.v4-header .v4-cta{font-family:'IBM Plex Sans Arabic',sans-serif!important;font-size:12px!important}html[dir=rtl] header.v4-header .v4-brand{direction:ltr}
@media(max-width:1300px){header.v4-header .v4-brand-copy small{display:none}header.v4-header .v4-nav a{padding:9px 8px!important;font-size:11px!important}header.v4-header .v4-brand{min-width:125px}}
@media(max-width:1050px){header.v4-header .v4-hamburger{display:flex!important}header.v4-header .v4-nav{display:none!important;position:absolute!important;top:calc(100% + 10px)!important;left:0!important;right:0!important;flex-direction:column!important;align-items:stretch!important;padding:14px!important;border-radius:23px!important;background:var(--v4-glass)!important;backdrop-filter:blur(30px)!important;border:1px solid var(--v4-border)!important;box-shadow:var(--v4-lift)!important}header.v4-header .v4-nav.v4-open{display:flex!important}header.v4-header .v4-nav a{font-size:14px!important;padding:12px!important}header.v4-header .v4-brand-copy small{display:block}}
@media(max-width:700px){body header.v4-header{width:calc(100% - 20px)!important;min-height:66px!important;padding:7px 9px 7px 11px!important;top:5px!important;margin:5px auto 10px!important;border-radius:19px!important}header.v4-header .v4-brand{min-width:0;gap:5px}header.v4-header .v4-brand img{width:31px!important;height:40px!important}header.v4-header .v4-brand-copy strong{font-size:14px}header.v4-header .v4-brand-copy small{font-size:6px}header.v4-header .v4-cta{display:none!important}header.v4-header .v4-actions{gap:4px}header.v4-header .v4-control,header.v4-header .v4-hamburger{min-width:34px!important;height:36px!important;padding:3px 7px!important} .v4-feature{width:calc(100% - 20px);height:690px;min-height:610px;border-radius:24px}.v4-feature-content{width:calc(100% - 40px);left:20px;top:49%;transform:translateY(-50%)}.v4-feature h1{font-size:clamp(47px,10vw,73px);letter-spacing:-.055em}.v4-feature p{font-size:15px}.v4-feature-dim{background:linear-gradient(0deg,rgba(9,23,30,.85) 0%,rgba(14,34,41,.56) 65%,rgba(14,31,38,.2))}.v4-side-label{display:none}.dark-section{width:calc(100% - 20px)!important;border-radius:24px!important}.home-partner-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html[dir=rtl] .v4-feature-content{right:20px}html[dir=rtl] .v4-feature h1{font-size:clamp(36px,8vw,58px)} }
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}