@font-face{font-family:'ElMessiriCustom';src:url(./font-75.ttf) format('truetype');font-weight:200 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0600-06FF,U+0750-077F,U+08A0-08FF,U+FB50-FDFF,U+FE70-FEFF;}@font-face{font-family:ArkanArabic;src:url(./font-76.woff) format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:ArkanArabic;src:url(./font-77.woff) format('woff');font-weight:700;font-style:normal;font-display:swap}
/* GROUP ARKAN — dark editorial furniture edition */
:root{--ink:#f1eee7;--sage:#a6ad91;--sage-deep:#c5cbb6;--sand:#0c0d0b;--sand-2:#151613;--line:#ffffff20;--muted:#b0b2a7;--white:#11120f;--ff-display:'ElMessiriCustom',Tahoma,Arial,sans-serif;--ff-body:'ElMessiriCustom',Tahoma,Arial,sans-serif;--accent:#c5cbb6;--max:1320px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--sand);color:var(--ink);font-family:var(--ff-body);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased}body.menu-open,body.lightbox-open{overflow:hidden}::selection{background:#a6ad91;color:#0c0d0b}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{max-width:100%;display:block}h1,h2,h3,h4,h5,p{margin:0}h1,h2,h3,h4,h5{font-family:var(--ff-display);font-weight:500;line-height:1.5}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{opacity:.4;cursor:default}.wrap{width:min(calc(100% - 112px),var(--max));margin-inline:auto}.arkan-page{display:none;padding:0}.arkan-page.active{display:block}.arkan-page.active>section,.arkan-page.active>.hero{animation:page-in .4s ease both}@keyframes page-in{from{opacity:.65;transform:translateY(8px)}to{opacity:1;transform:none}}section{padding:110px 0}.eyebrow,.hero-eyebrow,.tag{font-size:11px!important;letter-spacing:2.3px;font-weight:500!important;color:var(--accent);margin-bottom:20px;line-height:1.8}.eyebrow:before{content:'';display:inline-block;width:24px;height:1px;background:currentColor;vertical-align:middle;margin-inline-end:12px}.section-index{font-family:Arial,sans-serif;letter-spacing:2px;color:#777d6e;font-size:11px}.site-nav{height:88px;position:sticky;inset-block-start:0;z-index:100;background:#0c0d0bf5;border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nav-inner{width:min(calc(100% - 80px),1440px);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;gap:13px;align-items:center;flex-shrink:0;cursor:pointer}.brand img{height:39px;width:36px;object-fit:contain}.brand-text{font-family:Arial,sans-serif;font-size:17px;font-weight:600;letter-spacing:2px;line-height:1.2}.brand-text span{display:block;font-family:var(--ff-body);font-size:10px;letter-spacing:0;font-weight:400;color:var(--muted);margin-top:7px}.links{display:flex;gap:24px;align-items:center}.links :is(button,a){position:relative;background:none;border:0;padding:31px 0;font-size:13px;white-space:nowrap;color:#b0b2a7}.links :is(button,a).active,.links :is(button,a):hover{color:#fff}.links :is(button,a).active:after{content:'';position:absolute;bottom:17px;right:0;left:0;height:1px;background:var(--accent)}.nav-cta{border:1px solid #78806d;padding:10px 17px;font-size:11px;white-space:nowrap;transition:background .2s}.nav-cta:hover{background:var(--sage);color:#111}.nav-cta:after{content:'↗';display:inline-block;font-family:Arial,sans-serif;margin-inline-start:18px}.mobile-toggle{display:none;width:43px;height:43px;background:none;border:1px solid var(--line);font-size:20px}.skip-link{position:fixed;top:-80px;right:20px;z-index:500;background:var(--accent);color:#111;padding:10px 20px}.skip-link:focus{top:10px}.hero{padding:48px 0 0;position:relative;overflow:hidden}.hero-content{width:min(calc(100% - 112px),var(--max));margin:0 auto 44px;display:grid;grid-template-columns:1.6fr 1fr;gap:0 7%;align-items:center}.hero-eyebrow{grid-column:1/-1;letter-spacing:1px!important;font-size:10px!important;margin-bottom:20px}.hero h1{font-size:clamp(39px,4.6vw,70px);line-height:1.4;max-width:820px;font-weight:400;letter-spacing:-1.5px;grid-row:2/4;grid-column:1}.hero p{font-size:15px;line-height:1.95;max-width:390px;color:var(--muted);grid-column:2;margin:5px 0 0}.hero-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:24px}.hero-content .hero-actions{grid-column:2;align-self:start}.btn{display:inline-flex;align-items:center;justify-content:center;gap:24px;font-size:12px!important;padding:15px 21px;border:1px solid transparent;line-height:1.5;transition:background .2s,color .2s,transform .2s;border-radius:0;min-height:48px;white-space:normal}.btn:after{content:'↗';font-family:Arial,sans-serif;font-size:17px}.btn:hover{transform:translateY(-2px)}.btn-primary{background:var(--accent);color:#12140f}.btn-primary:hover{background:#dde3d0}.btn-outline{border-color:#8d91855c;color:var(--ink);background:transparent}.btn-outline:hover{background:#ffffff0c}.btn-dark{border:1px solid #9aa18c7a;background:transparent;color:var(--accent)}.btn-dark:hover{background:var(--accent);color:#111}.hero-visual{position:relative;width:min(calc(100% - 48px),1490px);margin:auto;aspect-ratio:2.25;overflow:hidden;background:#141510}.hero-bg{width:100%;height:100%;object-fit:cover;object-position:50% 58%;filter:none;opacity:1}.hero-visual .image-corner{position:absolute;bottom:24px;left:24px;width:52px;height:52px;border:1px solid #ffffff60;border-radius:50%;display:grid;place-items:center;background:#141611aa;font:23px Arial;backdrop-filter:blur(6px);cursor:pointer;color:white}.hero-foot{width:min(calc(100% - 112px),var(--max));margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;padding-bottom:28px;border-bottom:1px solid var(--line);font:10px Arial,sans-serif;letter-spacing:3px;color:#909582}.hero-foot .foot-line{height:1px;background:var(--line);flex:1;margin:0 30px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.intro{order:0}.intro h2{font-size:clamp(30px,3.1vw,46px);margin-bottom:25px;max-width:500px}.intro p{font-size:15px;line-height:1.9;color:var(--muted)}.intro p+p{margin-top:15px}.stat-row{display:flex;gap:35px;justify-content:space-between;border-top:1px solid var(--line);padding-top:28px;margin-top:36px}.stat-num{font-family:Arial,sans-serif;font-size:42px;line-height:1.2;color:var(--accent);font-weight:300}.stat-label{font-size:11px;color:var(--muted);margin-top:8px}.pill-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.pill{font:9px Arial,sans-serif;letter-spacing:1.2px;text-transform:uppercase;border:1px solid var(--line);padding:8px 10px;color:var(--muted)}.intro-media{position:relative;padding:0 0 36px 36px}.intro-media>img{width:100%;height:460px;object-fit:cover;object-position:60% center}.intro-media .detail-chip{position:absolute;bottom:0;left:0;width:43%;aspect-ratio:1.25;border:8px solid var(--sand);box-shadow:0 20px 40px #0004}.detail-chip img{height:100%;width:100%;object-fit:cover}.intro-media:after{content:'ARKAN';position:absolute;right:15px;bottom:7px;font:11px Arial,sans-serif;letter-spacing:7px;color:#7b826f}.solutions-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:40px}.solutions-head h2{font-size:clamp(30px,3vw,43px)}.sol-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.sol-card{position:relative;display:flex;flex-direction:column;cursor:pointer;overflow:hidden;border-bottom:1px solid #ffffff30;padding-bottom:21px;transition:border-color .25s}.sol-card:hover{border-color:var(--accent)}.sol-card .ph-bg{aspect-ratio:3/4;position:relative;overflow:hidden;background:#1a1d16}.sol-card .ph-bg img{width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.sol-card:hover .ph-bg img{transform:scale(1.035)}.sol-card .num{font:10px Arial;letter-spacing:1px;position:absolute;top:14px;right:14px;background:#12150ec7;color:#fff;padding:7px 8px}.sol-card-inner{padding:20px 0 0}.sol-card h3{font-size:19px;font-weight:500;padding-inline-end:18px}.sol-card h3:after{content:'↗';position:absolute;left:0;color:var(--accent);font-family:Arial}.sol-card p{font-size:12px;color:var(--muted);margin-top:10px;line-height:1.85}.featured{display:grid;grid-template-columns:1.25fr 1fr;border-block:1px solid var(--line);padding-block:28px;gap:7%;align-items:center}.featured-media{position:relative;min-height:390px;background:#171914}.featured-media img{width:100%;height:460px;object-fit:contain}.featured-media:after{content:'KSB';position:absolute;right:20px;bottom:15px;font:12px Arial;letter-spacing:4px;background:#111b;color:#fff;padding:8px 12px}.featured-body{padding:25px 0;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.featured-body h3{font-family:Arial,var(--ff-body);font-weight:400;font-size:clamp(26px,3vw,42px);margin-bottom:20px}.featured-body p{line-height:1.9;font-size:14px!important}.featured-meta{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:26px 0 30px;width:100%}.featured-meta div{font-size:12px}.featured-meta div:last-child{grid-column:1/-1}.featured-meta b{font-size:10px;display:block;color:var(--muted);font-weight:400;margin-bottom:4px}.placeholder-tag{display:inline-block;font-size:10px;letter-spacing:0;color:#b8bcab;border:1px solid #adb59536;background:#929e7921;padding:2px 8px;margin-inline-start:10px;line-height:1.7}.timeline{margin-top:50px}.timeline-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px}.t-step{border-top:1px solid #a6ad9155;padding-top:16px}.t-num{font:13px Arial,sans-serif;letter-spacing:2px;color:var(--accent);margin-bottom:25px;display:flex;justify-content:space-between}.t-num:after{content:'←';font-size:18px}.t-step:last-child .t-num:after{content:'↗'}.t-step h4{font-size:18px;margin:20px 0 9px}.t-step p{font-size:12px;line-height:1.85;color:var(--muted)}.process-image{width:100%;aspect-ratio:1.25;object-fit:cover}.factory-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:22px;max-width:1490px;margin:auto;padding-inline:24px;align-items:stretch}.factory-grid .big{grid-row:auto}.factory-grid .big img,.factory-grid>img{width:100%;height:100%;min-height:420px;object-fit:cover}.factory-caption{padding:48px 26px;display:flex;flex-direction:column;justify-content:center;background:#1b1e17;border:1px solid #a6ad9126}.factory-caption h2{font-size:36px;line-height:1.5;color:var(--ink)}.factory-caption p{font-size:14px;color:var(--muted);margin-top:20px}.factory-caption .btn{align-self:flex-start}.sector-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.sector-card{position:relative;min-height:245px;background:#141610;overflow:hidden;padding:0 0 20px;border-bottom:1px solid var(--line)}.sector-image{width:100%;height:155px;object-fit:cover;margin-bottom:18px}.sector-card h4{font:13px Arial,sans-serif;letter-spacing:1px;margin-bottom:6px}.sector-card span{font-size:12px;color:var(--muted)}.client-wall{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-right:1px solid var(--line);margin-top:30px}.client-cell{border-bottom:1px solid var(--line);border-left:1px solid var(--line);min-height:115px;display:flex;align-items:center;justify-content:center;padding:25px;text-align:center;transition:background .25s}.client-cell:hover{background:#1d2118}.client-cell span{font-size:16px;color:#cacdc0;line-height:1.7;font-weight:500}.client-cell:last-child{grid-column:span 4}.why-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin:0 auto 48px}.why-head .big-label{font:400 clamp(27px,4vw,56px) Arial,sans-serif;letter-spacing:-1.5px;color:#cdd3bf}.why-head p{font-size:14px}.why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 35px}.why-cell{border-top:1px solid var(--line);padding:28px 0 35px}.why-cell .num{font:11px Arial,sans-serif;color:#919b7e;letter-spacing:1px;margin-bottom:24px}.why-cell h4{font-size:22px;margin-bottom:12px}.why-cell p{font-size:13px;line-height:1.9;color:var(--muted)}.final-cta{display:grid;grid-template-columns:1fr 1.1fr;max-width:1490px;margin:auto;background:#1b2015;min-height:440px}.final-cta-bg{grid-column:2;grid-row:1;width:100%;height:100%;object-fit:cover;opacity:1}.final-cta-content{padding:64px max(36px,5vw);display:flex;flex-direction:column;justify-content:center;grid-column:1;grid-row:1}.final-cta h2{font-size:clamp(32px,3vw,46px);line-height:1.5}.final-cta p{font-size:15px;color:var(--muted);margin-top:14px}.final-cta .hero-actions{margin-top:30px}.page-hero{position:relative;min-height:400px;background:#151810;display:flex;align-items:center;overflow:hidden;padding:75px 0}.page-hero .wrap{position:relative;z-index:1}.page-hero h1{font-size:clamp(34px,4.5vw,62px);font-weight:400;max-width:720px}.page-hero p{color:#ced0c3;max-width:670px;font-size:15px;line-height:1.95;margin-top:20px}.page-hero .header-image{position:absolute;left:0;top:0;width:40%;height:100%;object-fit:cover}.page-hero:has(.header-image) .wrap>*{max-width:54%}.page-hero:after{content:'';height:1px;width:100%;bottom:0;background:var(--line);position:absolute}.tab-row{display:flex;gap:30px;border-bottom:1px solid var(--line);margin-bottom:50px;flex-wrap:wrap}.tab-row button{padding:0 0 18px;background:none;border:none;color:var(--muted);font-size:14px;position:relative}.tab-row button.active{color:var(--accent)}.tab-row button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.sol-panel{display:none}.sol-panel.active{display:block}.sol-panel-hero{display:grid;grid-template-columns:1fr 1.1fr;gap:8%;align-items:center}.sol-panel-hero h2{font-size:38px!important}.sol-panel-hero p{font-size:15px}.sol-panel-hero>img,.sol-panel-hero>.ph-box{width:100%;aspect-ratio:4/3;background:#141711}.sol-panel-hero>img{object-fit:cover}.ph-box{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end}.ph-box>img{height:310px;width:100%;object-fit:cover}.ph-box .original-caption{font-size:11px;color:var(--muted);padding:14px 16px;line-height:1.9;background:#1b1e16}.sol-types{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:40px 0}.sol-type-card{border-top:1px solid var(--line);padding:26px 0;background:transparent}.sol-type-card h4{font-size:20px;margin-bottom:10px}.sol-type-card p{font-size:13px;color:var(--muted)}.solution-extras{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px}.solution-extras img{aspect-ratio:1.25;width:100%;object-fit:cover}.solution-extras.two{grid-template-columns:1fr 1fr}.note-box{border-inline-start:2px solid #899670;background:#ffffff04;color:#aaaF9e;padding:15px 18px;font-size:12px;line-height:1.9;margin-top:22px}.proj-filters,.product-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:40px}.proj-filters button,.product-filters button{border:1px solid var(--line);background:none;color:var(--muted);font-size:12px;padding:9px 18px;min-height:42px}.proj-filters button.active,.product-filters button.active{border-color:var(--accent);background:var(--accent);color:#111}.proj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 24px}.proj-card{position:relative;cursor:default;min-width:0}.proj-card[data-project]{cursor:pointer}.proj-card>img,.proj-card>.ph-bg{width:100%;height:340px;object-fit:contain;background:#171a14;overflow:hidden}.proj-card .ph-bg img{width:100%;height:100%;object-fit:cover}.proj-overlay{position:relative;padding:20px 0;border-bottom:1px solid var(--line)}.proj-overlay .sector{font:10px Arial,sans-serif;color:var(--muted);letter-spacing:1px;margin-bottom:10px}.proj-overlay h4{font-size:20px;line-height:1.6}.proj-card[data-project] h4:after{content:'↗';position:absolute;left:0;font-family:Arial;color:var(--accent)}.project-detail{display:none}.project-detail.active{display:block}.pd-hero{height:560px;background:#131610;margin:25px 0 40px;display:flex;justify-content:center}.pd-hero img{height:100%;width:100%;object-fit:contain}.pd-meta-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:36px 0;border-block:1px solid var(--line);padding-block:24px}.pd-meta-grid div{font-size:14px}.pd-meta-grid b{display:block;font-size:11px;color:var(--muted);margin-bottom:6px;font-weight:400}.pd-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:40px}.pd-gallery>div,.photo-button{position:relative;background:#141710;border:1px solid var(--line);padding:0;overflow:hidden;min-width:0;cursor:zoom-in}.pd-gallery>div{aspect-ratio:4/5}.pd-gallery>div>img{object-fit:contain!important;width:100%;height:100%}.pd-gallery .original-caption{padding:15px;font-size:11px;line-height:1.6;position:absolute;bottom:0;background:#10120edc;left:0;right:0;color:var(--muted)}.back-link{display:inline-block;color:var(--accent);font-size:14px;border-bottom:1px solid #929d7c50;padding-bottom:7px}.photo-button{width:100%;display:block;text-align:inherit}.photo-button img{width:100%;height:100%;object-fit:contain}.photo-button:after{content:'↗';position:absolute;left:14px;bottom:14px;border:1px solid #ffffff55;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:#111a;color:#fff;font:15px Arial;transition:transform .3s}.photo-button:hover:after{transform:rotate(45deg)}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}.product-card{min-width:0}.product-card .photo-button{aspect-ratio:4/5}.product-card .photo-button img{object-fit:contain}.product-meta{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:13px 0;color:var(--muted);font-size:11px}.product-meta .serial{font:10px Arial,sans-serif;letter-spacing:2px;color:var(--accent)}.product-grid.home-products{grid-template-columns:repeat(4,minmax(0,1fr))}.gallery-status{font-size:11px;color:var(--muted);margin:0 0 20px}.load-more-wrap{text-align:center;margin-top:40px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.contact-item{padding:23px 0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;gap:9px}.contact-item b{font-weight:400;font-size:11px;color:var(--muted)}.contact-item span,.contact-item a{font-size:19px;line-height:1.7}.contact-item [dir=ltr]{text-align:right}.contact-item a:hover{color:var(--accent)}.contact-art{height:300px;width:100%;object-fit:cover}.map-box{border:1px solid var(--line);background:#151a11;min-height:150px;margin-top:20px;display:grid;place-items:center;color:var(--muted);font-size:13px;padding:30px;text-align:center}.contact-visual{position:sticky;top:120px}.factory-page-gallery{grid-template-columns:1.2fr 1fr 1fr!important;padding:0;margin:0 0 60px!important}.factory-page-gallery .factory-pending{position:relative;padding:0!important;border:0!important}.factory-page-gallery .factory-pending img{width:100%;height:100%;object-fit:cover}.factory-page-gallery .factory-pending span{position:absolute;bottom:0;right:0;left:0;padding:15px;background:#10120edc;font-size:11px}.factory-page-types{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:30px}.factory-banner{width:100%;height:330px;object-fit:cover;margin-bottom:40px}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding:60px 0}.footer-brand{display:flex;gap:14px;align-items:center;margin-bottom:20px}.footer-brand img{height:43px;width:40px;object-fit:contain}.footer-brand span{font:17px Arial,sans-serif;letter-spacing:2px}.footer-grid p{font-size:12px;line-height:1.9;color:var(--muted);max-width:280px!important}.footer-grid h5{font-size:12px;color:var(--accent);margin-bottom:18px}.footer-grid a,.footer-grid span:not(.footer-brand span){display:block;color:var(--muted);font-size:12px;margin-bottom:10px}.footer-grid a:hover{color:var(--ink)}.footer-bottom{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:23px 0;color:#8b9182;font-size:10px}footer{padding:35px 0 0;background:#090a08}.footer-wordmark{font:clamp(44px,12.8vw,186px)/1 Arial,sans-serif;font-weight:400;letter-spacing:-.055em;text-align:center;color:#24291e;white-space:nowrap;padding:0 0 12px;overflow:hidden}.floating-contact{position:fixed;left:24px;bottom:24px;z-index:80;border:1px solid #b5c49b70;background:#1d2618;color:#dce5ce;border-radius:50%;width:51px;height:51px;display:grid;place-items:center;box-shadow:0 6px 28px #0006}.floating-contact svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.lightbox{position:fixed;inset:0;z-index:1000;background:#070906f5;display:none;flex-direction:column;align-items:center;justify-content:center;padding:80px 85px 65px;backdrop-filter:blur(12px)}.lightbox.open{display:flex}.lightbox img{width:100%;height:100%;max-height:calc(100dvh - 160px);object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:#20251ad9;border:1px solid #7f8a7066;color:#fff;width:46px;height:46px;display:grid;place-items:center;font:22px Arial;border-radius:50%}.lightbox-close{right:25px;top:22px}.lightbox-prev{right:24px;top:50%}.lightbox-next{left:24px;top:50%}.lightbox-caption{position:absolute;bottom:20px;left:70px;right:70px;text-align:center;color:var(--muted);font-size:12px}.lightbox-counter{position:absolute;top:33px;left:26px;color:var(--muted);font:12px Arial;letter-spacing:2px}.empty-state{grid-column:1/-1;color:var(--muted);padding:40px;text-align:center}.js .reveal{transition:opacity .65s ease,transform .65s ease}.js .reveal.pending{opacity:0;transform:translateY(22px)}.original-caption{letter-spacing:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a,button{touch-action:manipulation}[hidden]{display:none!important}
@media(min-width:1650px){.hero-content{margin-bottom:55px}.hero-visual{aspect-ratio:2.45}}
@media(max-width:1200px){.nav-inner{width:calc(100% - 48px);gap:20px}.links{gap:17px}.links :is(button,a){font-size:12px}.nav-cta{display:none}.wrap,.hero-content,.hero-foot{width:calc(100% - 80px)}.hero-content{gap:0 5%}.hero h1{font-size:53px}.hero-actions{gap:10px}.hero .btn{padding:13px 15px;gap:12px}.factory-grid{grid-template-columns:1fr 1fr}.factory-caption{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.3fr;gap:0 8%;padding:36px 40px}.factory-caption .eyebrow{grid-column:1}.factory-caption h2{grid-column:1}.factory-caption p{grid-column:2;grid-row:1/3}.factory-caption .btn{grid-column:2}.factory-grid .big img,.factory-grid>img{min-height:350px;height:420px}.factory-page-gallery{grid-template-columns:1.2fr 1fr 1fr!important}.factory-page-gallery img{height:370px!important;min-height:0!important}.sol-grid{gap:16px}.sol-card h3{font-size:17px}.featured-media img{height:400px}.proj-card>img,.proj-card>.ph-bg{height:280px}}
@media(max-width:900px){section{padding:76px 0}.site-nav{height:76px}.nav-inner{width:calc(100% - 40px)}.mobile-toggle{display:block}.links{display:none}.links.mobile-open{position:fixed;inset:76px 0 0;background:#0c0d0b;display:flex;flex-direction:column;align-items:stretch;padding:26px 30px;gap:0;overflow:auto;max-height:calc(100dvh - 76px)}.links.mobile-open button{padding:17px 0;font-size:19px;text-align:right;border-bottom:1px solid var(--line)}.links.mobile-open button.active:after{display:none}.hero{padding-top:33px}.hero-content{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.hero p{font-size:13px}.hero .hero-actions{gap:8px}.hero .btn{font-size:10px!important;padding:12px 10px;gap:10px;min-height:42px}.hero-visual{aspect-ratio:1.9}.intro-grid{gap:6%}.intro h2{font-size:31px}.intro-media>img{height:430px}.stat-row{gap:20px}.stat-num{font-size:33px}.stat-label{font-size:10px}.sol-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.sol-card .ph-bg{aspect-ratio:1.15}.sol-card h3{font-size:20px}.timeline-track{gap:14px}.t-step h4{font-size:16px}.t-step p{font-size:11px}.sector-grid{grid-template-columns:repeat(3,1fr)}.why-grid{gap:0 24px}.why-cell h4{font-size:19px}.featured{gap:6%}.featured-body h3{font-size:28px}.featured-meta{gap:12px}.final-cta{min-height:360px}.final-cta-content{padding:40px 30px}.final-cta h2{font-size:34px}.client-cell{padding:18px}.client-cell span{font-size:13px}.page-hero{min-height:350px;padding:55px 0}.page-hero:has(.header-image) .wrap>*{max-width:57%}.page-hero h1{font-size:42px}.page-hero p{font-size:13px}.page-hero .header-image{width:35%}.tab-row{gap:20px}.tab-row button{font-size:12px}.sol-panel-hero{gap:6%}.sol-panel-hero h2{font-size:31px!important}.ph-box>img{height:245px}.product-grid{grid-template-columns:repeat(3,1fr);gap:22px 16px}.product-grid.home-products{grid-template-columns:repeat(2,1fr)}.home-products .photo-button{aspect-ratio:1}.pd-gallery{grid-template-columns:repeat(3,1fr)}.proj-grid{grid-template-columns:1fr 1fr}.proj-card>img,.proj-card>.ph-bg{height:350px}.factory-page-types{grid-template-columns:1fr 1fr!important}.factory-page-gallery{grid-template-columns:1fr 1fr!important}.factory-page-gallery .factory-pending{grid-column:1/-1;height:270px}.factory-page-gallery .factory-pending img{height:270px!important}.footer-grid{grid-template-columns:1.3fr 1fr;gap:32px}.pd-meta-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.wrap,.hero-content,.hero-foot{width:calc(100% - 40px)}section{padding:58px 0}.brand-text{font-size:15px;letter-spacing:1.5px}.brand-text span{font-size:9px}.brand img{height:35px;width:32px}.hero{padding-top:28px}.hero-content{display:block;margin-bottom:28px}.hero-eyebrow{font-size:9px!important;margin-bottom:18px}.hero h1{font-size:40px;line-height:1.4;letter-spacing:-.8px;max-width:380px}.hero p{font-size:13px;line-height:1.9;max-width:340px;margin-top:20px}.hero .hero-actions{margin-top:22px;gap:10px}.hero .btn{font-size:11px!important;padding:14px 16px;min-height:44px}.hero-visual{width:calc(100% - 24px);aspect-ratio:1.2}.hero-bg{object-position:53% center}.hero-visual .image-corner{width:40px;height:40px;left:16px;bottom:16px;font-size:20px}.hero-foot{font-size:8px;letter-spacing:2px;margin-top:17px;padding-bottom:20px}.hero-foot .foot-line{margin:0 16px}.intro-grid{grid-template-columns:1fr;gap:35px}.intro h2{font-size:33px}.intro p{font-size:14px}.intro-media{padding:0 0 26px 26px}.intro-media>img{height:340px}.intro-media .detail-chip{border-width:6px;aspect-ratio:1.45}.intro-media:after{font-size:9px;bottom:4px}.stat-row{margin-top:28px;padding-top:25px;gap:18px}.stat-num{font-size:37px}.stat-label{font-size:10px}.pill{font-size:8px;padding:7px 9px;letter-spacing:.7px}.pill-row{gap:7px}.solutions-head{align-items:center;margin-bottom:28px;gap:14px;flex-wrap:wrap}.solutions-head h2{font-size:30px;max-width:280px}.solutions-head .btn{font-size:10px!important;padding:11px 14px;gap:15px;min-height:42px}.sol-grid{gap:25px 16px}.sol-card .ph-bg{aspect-ratio:3/4}.sol-card-inner{padding-top:14px}.sol-card h3{font-size:16px;line-height:1.6;padding-inline-end:10px}.sol-card h3:after{font-size:12px;line-height:2}.sol-card p{font-size:11px;line-height:1.8;margin-top:8px}.sol-card .num{top:10px;right:10px;font-size:8px;padding:5px 6px}.featured{grid-template-columns:1fr;gap:0;padding:20px 0}.featured-media{min-height:0}.featured-media img{height:auto;aspect-ratio:1.45;object-fit:contain}.featured-body{padding:30px 0 10px}.featured-body h3{font-size:30px}.featured-body p{font-size:13px!important}.featured-meta{gap:16px}.timeline{margin-top:32px}.timeline-track{display:grid;grid-template-columns:1fr;gap:26px}.t-step{display:grid;grid-template-columns:42px 1fr 110px;gap:0 15px;padding-top:20px;align-items:start}.t-num{grid-column:1;grid-row:1/3;margin:4px 0;display:block}.t-num:after{display:none}.t-step h4{grid-column:2;grid-row:1;margin:0 0 8px;font-size:18px}.t-step p{grid-column:2;grid-row:2;font-size:12px}.process-image{grid-column:3;grid-row:1/3;aspect-ratio:1;align-self:center}.factory-grid{padding:0 12px;gap:14px}.factory-grid .big img,.factory-grid>img{height:265px;min-height:0}.factory-caption{display:block;padding:30px 25px}.factory-caption h2{font-size:33px}.factory-caption p{font-size:13px;margin-top:16px}.factory-caption .eyebrow{margin-bottom:12px}.sector-grid{grid-template-columns:1fr 1fr;gap:20px 16px}.sector-card{min-height:0;padding-bottom:16px}.sector-image{height:155px;margin-bottom:14px}.sector-card h4{font-size:12px}.sector-card span{font-size:11px}.sector-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 20px}.sector-card:last-child img{grid-row:1/3;margin:0;height:140px}.sector-card:last-child h4{align-self:end;padding-bottom:10px}.sector-card:last-child span{align-self:start}.client-wall{grid-template-columns:1fr 1fr;margin-top:20px}.client-cell{min-height:95px;padding:20px 14px}.client-cell span{font-size:13px}.client-cell:last-child{grid-column:span 2}.why-head{margin-bottom:30px}.why-head .big-label{font-size:26px;letter-spacing:-.6px}.why-head p{font-size:13px}.why-grid{grid-template-columns:1fr 1fr;gap:0 20px}.why-cell{padding:20px 0 26px}.why-cell .num{margin-bottom:15px}.why-cell h4{font-size:18px;margin-bottom:8px}.why-cell p{font-size:12px}.final-cta{display:flex;flex-direction:column-reverse;min-height:0}.final-cta-bg{height:auto;aspect-ratio:1.65;object-fit:cover}.final-cta-content{padding:36px 25px 43px}.final-cta h2{font-size:35px}.final-cta p{font-size:14px;margin-top:14px}.final-cta .hero-actions{margin-top:23px}.page-hero{padding:35px 0 0;display:flex;flex-direction:column;align-items:stretch;min-height:0}.page-hero .wrap{padding-bottom:32px}.page-hero:has(.header-image) .wrap>*{max-width:100%}.page-hero .header-image{position:relative;width:100%;height:200px;order:2;object-position:center}.page-hero .eyebrow{font-size:9px!important;margin-bottom:15px}.page-hero h1{font-size:38px}.page-hero p{font-size:13px;line-height:1.95;margin-top:15px}.tab-row{display:grid;grid-template-columns:1fr 1fr;gap:20px 15px;padding-bottom:0;margin-bottom:32px}.tab-row button{text-align:right;padding-bottom:12px;font-size:11px}.sol-panel-hero{grid-template-columns:1fr;gap:25px}.sol-panel-hero h2{font-size:31px!important}.sol-panel-hero p{font-size:14px}.sol-panel-hero>img{aspect-ratio:1.2}.ph-box>img{height:260px}.ph-box .original-caption{font-size:10px;padding:12px}.sol-types{gap:0 22px;margin:30px 0}.sol-type-card{padding:20px 0}.sol-type-card h4{font-size:17px}.sol-type-card p{font-size:12px}.solution-extras{gap:12px;grid-template-columns:1fr 1fr}.solution-extras img:last-child:nth-child(3){grid-column:1/-1;aspect-ratio:1.7}.note-box{font-size:11px;padding:12px 14px}.proj-filters,.product-filters{gap:8px;margin-bottom:28px}.proj-filters button,.product-filters button{font-size:10px;padding:7px 12px;min-height:38px}.proj-grid{gap:25px 16px}.proj-card>img,.proj-card>.ph-bg{height:auto;aspect-ratio:3/4}.proj-overlay{padding:14px 0}.proj-overlay .sector{font-size:8px;letter-spacing:.4px;line-height:1.7;margin-bottom:7px}.proj-overlay h4{font-size:16px;padding-inline-end:12px}.proj-card[data-project] h4:after{font-size:12px}.pd-hero{height:440px;margin:25px 0 30px}.pd-meta-grid{gap:20px;padding-block:20px}.pd-meta-grid div{font-size:12px}.pd-meta-grid b{font-size:10px}.pd-gallery{grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}.pd-gallery .original-caption{font-size:9px;padding:8px}.product-grid{grid-template-columns:1fr 1fr;gap:22px 14px}.product-grid.home-products{gap:22px 14px}.home-products .photo-button{aspect-ratio:4/5}.product-meta{padding:10px 0;font-size:10px}.product-meta .serial{font-size:9px}.photo-button:after{width:27px;height:27px;left:9px;bottom:9px;font-size:12px}.factory-page-gallery{gap:14px}.factory-page-gallery img{height:265px!important;min-height:0!important}.factory-page-gallery .factory-pending{height:220px}.factory-page-gallery .factory-pending img{height:220px!important}.factory-page-types{gap:22px}.factory-banner{height:220px;margin-bottom:20px}.contact-grid{grid-template-columns:1fr;gap:35px}.contact-item{padding:20px 0}.contact-item span,.contact-item a{font-size:18px}.contact-visual{position:static}.contact-art{height:260px}.map-box{min-height:125px;margin-top:15px}.footer-grid{gap:30px 25px;padding:42px 0}.footer-grid>div:first-child{grid-column:1/-1}.footer-grid>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding-top:24px}.footer-grid p{max-width:100%!important;font-size:12px}.footer-brand{margin-bottom:15px}.footer-grid h5{font-size:12px}.footer-grid a{font-size:12px;margin-bottom:10px}.footer-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:7px;padding:20px 0;font-size:9px}.footer-wordmark{font-size:13.6vw;padding:10px 0 18px}.floating-contact{left:16px;bottom:16px;width:46px;height:46px}.lightbox{padding:80px 12px 80px}.lightbox img{max-height:calc(100dvh - 160px)}.lightbox-prev,.lightbox-next{top:auto;bottom:18px;width:39px;height:39px}.lightbox-prev{right:20px}.lightbox-next{left:20px}.lightbox-caption{bottom:23px;font-size:10px;left:70px;right:70px}.lightbox-close{right:18px;top:18px;width:39px;height:39px}.lightbox-counter{top:29px;left:20px}}
@media(max-width:360px){.hero h1{font-size:35px}.brand-text{font-size:13px}.hero .btn{font-size:10px!important;padding:12px}.sol-card h3{font-size:14px}.wrap,.hero-content,.hero-foot{width:calc(100% - 32px)}.t-step{grid-template-columns:30px 1fr 92px;gap:0 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal.pending{opacity:1;transform:none}}
@media print{.site-nav,.floating-contact,.lightbox,.hero-actions,.nav-cta,.mobile-toggle{display:none!important}.arkan-page{display:block!important;break-before:page}.page-home{break-before:auto}body{background:#fff;color:#111}.wrap{width:100%}section{padding:30px 0}.sol-panel,.project-detail{display:block}.reveal{opacity:1!important;transform:none!important}}

/* ==========================================================
   GROUP ARKAN — PREMIUM EDITORIAL ART DIRECTION (2026)
   A cinematic, furniture-first visual system.
   ========================================================== */
:root{
  --ink:#f4efe7;--sage:#c8ad83;--sage-deep:#e2c9a3;--sand:#090908;--sand-2:#11100e;
  --line:rgba(255,255,255,.12);--muted:#aaa49a;--white:#0f0e0d;--accent:#c8ad83;--max:1420px;
  --paper:#e9e1d5;--deep:#090908;--surface:#12110f;--surface-2:#171512;
}
html{background:var(--deep)}
body{background:
 radial-gradient(circle at 8% 10%,rgba(200,173,131,.07),transparent 29%),
 radial-gradient(circle at 92% 42%,rgba(200,173,131,.04),transparent 27%),
 var(--deep);letter-spacing:.01em}
body:before{content:'';position:fixed;inset:0;pointer-events:none;z-index:9999;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E")}
.wrap{width:min(calc(100% - 9vw),var(--max))}
section{padding:132px 0}
.eyebrow,.hero-eyebrow,.tag{color:var(--accent);letter-spacing:2.8px!important;font-family:Arial,var(--ff-body);font-size:10px!important;text-transform:uppercase}
.eyebrow:before{width:40px;margin-inline-end:14px}

/* NAV — thinner, calmer, more architectural */
.site-nav{height:78px;background:rgba(9,9,8,.78);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(24px) saturate(120%)}
.nav-inner{width:min(calc(100% - 5vw),1520px)}
.brand img{height:34px;width:32px}.brand-text{font-size:15px;letter-spacing:2.8px}.brand-text span{font-size:9px;color:#8f8a82;margin-top:5px}
.links{gap:29px}.links :is(button,a){padding:27px 0;font-size:11px;letter-spacing:.05em;color:#9f9a91}.links :is(button,a).active:after{bottom:15px;background:var(--accent)}
.nav-cta{border-color:rgba(200,173,131,.45);padding:10px 15px;color:#d9c8ad}.nav-cta:hover{background:var(--accent);color:#111}

/* HOME HERO — one cinematic canvas instead of a banner */
.hero{min-height:calc(100svh - 78px);padding:0;display:grid;position:relative;isolation:isolate}
.hero-visual{grid-area:1/1;width:calc(100% - 30px);height:calc(100svh - 108px);min-height:650px;max-width:none;margin:15px;aspect-ratio:auto;background:#12110f;overflow:hidden}
.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,4,.08) 0%,rgba(5,5,4,.32) 46%,rgba(5,5,4,.84) 100%),linear-gradient(0deg,rgba(5,5,4,.7),transparent 45%);pointer-events:none}
.hero-bg{object-position:50% 58%;transform:scale(1.005);transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
.hero:hover .hero-bg{transform:scale(1.025)}
.hero-content{grid-area:1/1;z-index:3;align-self:end;justify-self:end;width:min(92%,1420px);margin:0 auto 118px;display:block;padding-inline:2vw;pointer-events:none}
.hero-content>*{pointer-events:auto}.hero-eyebrow{margin-bottom:24px;color:#dfc6a0}
.hero h1{font-size:clamp(48px,6.2vw,96px);line-height:1.14;letter-spacing:-2.8px;max-width:940px;text-wrap:balance;color:#fff;font-weight:400;text-shadow:0 12px 45px #0008}
.hero p{font-size:clamp(14px,1.25vw,18px);line-height:2;max-width:540px;color:#ded8ce;margin-top:28px;text-shadow:0 4px 25px #0008}
.hero-content .hero-actions{margin-top:34px;display:flex;gap:12px}
.btn{min-height:50px;padding:15px 23px;font-size:11px!important;letter-spacing:.025em;border-radius:0;position:relative;overflow:hidden}
.btn-primary{background:var(--paper);color:#111}.btn-primary:hover{background:#fff}.btn-outline{border-color:rgba(255,255,255,.34);background:rgba(12,12,10,.22);backdrop-filter:blur(10px)}
.hero-foot{grid-area:1/1;z-index:4;align-self:end;width:calc(100% - 8vw);margin:0 auto 42px;border:0;padding:0;color:#bdb6ab;position:relative;font-size:9px}
.hero-foot:before{content:'';position:absolute;inset-inline:0;bottom:-18px;height:1px;background:rgba(255,255,255,.18)}
.hero-visual .image-corner{z-index:5;left:28px;bottom:28px;background:rgba(10,10,9,.48);width:48px;height:48px}

/* Editorial intro */
.intro-grid{grid-template-columns:.9fr 1.15fr;gap:10%;align-items:center}
.intro h2{font-size:clamp(38px,4vw,60px);line-height:1.33;max-width:600px;letter-spacing:-1.2px}
.intro p{font-size:15px;color:#b8b1a8;max-width:610px}
.intro-media{padding:0 0 52px 52px}
.intro-media>img{height:620px;object-fit:cover;box-shadow:0 35px 80px rgba(0,0,0,.2)}
.intro-media .detail-chip{width:39%;border:10px solid var(--deep);box-shadow:0 25px 60px #0008}
.intro-media:after{content:'CRAFTED / ARKAN';letter-spacing:5px;color:#a48b68}
.stat-row{border-top-color:rgba(255,255,255,.16);margin-top:42px}.stat-num{font-size:46px;color:var(--accent)}
.pill{border-color:rgba(255,255,255,.14);color:#a39d94;background:rgba(255,255,255,.018)}

/* Shared section rhythm */
.solutions-head{margin-bottom:48px}.solutions-head h2{font-size:clamp(36px,3.7vw,56px);letter-spacing:-1px}
#home-products{position:relative}#home-products:before{content:'SELECTED PIECES';position:absolute;left:4vw;top:56px;font:700 clamp(38px,7vw,110px)/1 Arial,sans-serif;letter-spacing:-4px;color:rgba(255,255,255,.025);pointer-events:none}

/* Solutions — strict equal cards, full bleed crops */
.sol-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.sol-card{border-bottom-color:rgba(255,255,255,.16);padding-bottom:24px}
.sol-card .ph-bg{aspect-ratio:4/5;background:#161411}
.sol-card .ph-bg:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.04);pointer-events:none}
.sol-card .ph-bg img{object-fit:cover;transform:scale(1.001);filter:saturate(.88) contrast(1.02)}
.sol-card:hover .ph-bg img{transform:scale(1.055)}
.sol-card h3{font-size:20px}.sol-card p{font-size:12px;color:#9f9990}.sol-card .num{background:rgba(8,8,7,.62);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);color:#e8dccb}

/* Product photography — FIX: every card is the exact same size + cover */
.product-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px;align-items:start}
.product-grid.home-products{grid-template-columns:repeat(4,minmax(0,1fr));gap:34px 18px}
.product-card{min-width:0;overflow:hidden}
.product-card .photo-button,.photo-button{aspect-ratio:1/1!important;width:100%;height:auto;background:#15130f;border:1px solid rgba(255,255,255,.08)}
.product-card .photo-button img,.photo-button img{width:100%;height:100%;object-fit:cover!important;object-position:center;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s;filter:saturate(.88) contrast(1.02)}
.photo-button:hover img{transform:scale(1.045);filter:saturate(1) contrast(1.03)}
.photo-button:after{width:38px;height:38px;left:16px;bottom:16px;background:rgba(10,10,9,.45);backdrop-filter:blur(8px);border-color:rgba(255,255,255,.3)}
.product-meta{padding:14px 2px 0;border-bottom:0;color:#aaa49a;font-size:10px;letter-spacing:.04em}.product-meta .serial{color:#cfb58e}
.product-filters{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:28px}.product-filters button,.proj-filters button{border:1px solid rgba(255,255,255,.13);background:transparent;color:#a9a39a;padding:10px 16px;transition:.25s}.product-filters button.active,.proj-filters button.active{background:var(--paper);color:#171410;border-color:var(--paper)}
.gallery-status{color:#777168;font-size:11px;margin-bottom:24px}

/* Feature project */
.featured{grid-template-columns:1.25fr .82fr;gap:8%;padding-block:42px;border-color:rgba(255,255,255,.12)}
.featured-media{min-height:0;height:560px;overflow:hidden}.featured-media img{height:100%;width:100%;object-fit:cover!important;object-position:center;transition:transform .8s}.featured:hover .featured-media img{transform:scale(1.025)}
.featured-body h3{font-size:clamp(32px,3.4vw,50px)}.featured-body p{font-size:14px!important;color:#aaa49a!important}.featured-meta{border-top:1px solid rgba(255,255,255,.12);padding-top:22px}

/* Process — equal frame system */
.timeline-track{gap:16px}.t-step{border-top-color:rgba(255,255,255,.16)}.process-image{aspect-ratio:4/3;object-fit:cover;filter:saturate(.8);transition:.5s}.t-step:hover .process-image{filter:saturate(1);transform:translateY(-3px)}
.t-num{color:#cdb28a}.t-step h4{font-size:17px}.t-step p{color:#99938a}

/* Factory / sectors — aligned image heights */
.factory-grid{grid-template-columns:1.15fr 1fr .78fr;gap:14px;padding-inline:15px;max-width:1540px}
.factory-grid .big img,.factory-grid>img{height:520px!important;min-height:0!important;object-fit:cover!important}
.factory-caption{min-height:520px;padding:52px 38px;background:#15130f;border:1px solid rgba(255,255,255,.08)}
.factory-caption h2{font-size:clamp(34px,3.3vw,50px)}
.sector-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.sector-card{min-height:0;background:transparent;padding-bottom:18px}.sector-image{width:100%;height:auto!important;aspect-ratio:4/5;object-fit:cover;margin-bottom:17px;filter:saturate(.85);transition:.55s}.sector-card:hover .sector-image{transform:scale(1.015);filter:saturate(1)}
.sector-card h4{color:#d9c8ae}.sector-card span{color:#938d85}

/* Trust + Why */
.client-wall{grid-template-columns:repeat(4,minmax(0,1fr));border-color:rgba(255,255,255,.1)}.client-cell{min-height:118px;border-color:rgba(255,255,255,.1);background:transparent;transition:.25s}.client-cell:hover{background:rgba(200,173,131,.07)}.client-cell span{font-size:14px;color:#c8c2b8}
.why-head .big-label{font-size:clamp(50px,8vw,126px)!important;letter-spacing:-5px!important;color:rgba(255,255,255,.055)!important;line-height:.88!important}
.why-grid{gap:0 42px}.why-cell{padding:30px 0 34px;border-top-color:rgba(255,255,255,.12)}.why-cell .num{color:#cdb28a}.why-cell h4{font-size:22px}.why-cell p{color:#989289}

/* Cinematic CTA */
.final-cta{max-width:calc(100% - 30px);min-height:650px;display:grid;grid-template-columns:1fr;position:relative;isolation:isolate;background:#111;overflow:hidden}
.final-cta-bg{grid-area:1/1;width:100%;height:100%;object-fit:cover;filter:saturate(.82);opacity:.86}
.final-cta:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 15%,rgba(8,8,7,.75) 72%,rgba(8,8,7,.9) 100%);z-index:1}
.final-cta-content{grid-area:1/1;z-index:2;align-self:center;justify-self:end;width:min(52%,720px);padding:60px 7vw}.final-cta h2{font-size:clamp(44px,5.4vw,76px);line-height:1.26}.final-cta p{color:#d0c9bf}

/* INNER PAGES — full-width cinematic headers */
.page-hero{min-height:600px;padding:0;display:grid;align-items:end;background:#0d0c0b;isolation:isolate}
.page-hero .header-image{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;filter:saturate(.82) contrast(1.02)}
.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,7,6,.08),rgba(7,7,6,.38) 48%,rgba(7,7,6,.88) 100%),linear-gradient(0deg,rgba(7,7,6,.78),transparent 50%);z-index:1}
.page-hero .wrap{z-index:2;padding-bottom:70px}.page-hero:has(.header-image) .wrap>*{max-width:780px!important}.page-hero h1{font-size:clamp(48px,6vw,84px);line-height:1.18;letter-spacing:-2px;color:#fff}.page-hero p{font-size:15px;color:#d2ccc3;max-width:720px!important}.page-hero:after{background:rgba(255,255,255,.12)}

/* Solution pages */
.tab-row{border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:0;margin-bottom:70px}.tab-row button{padding:18px 0 20px;border-bottom:2px solid transparent}.tab-row button.active{border-bottom-color:var(--accent);color:#ead9bf}
.sol-panel-hero{grid-template-columns:.82fr 1.25fr;gap:9%}.sol-panel-hero>img,.sol-panel-hero>.ph-box{aspect-ratio:16/10;overflow:hidden}.ph-box>img{width:100%;height:100%!important;object-fit:cover!important}.sol-panel-hero h2{font-size:clamp(38px,4vw,58px)!important}.sol-types{gap:12px}.sol-type-card{border-color:rgba(255,255,255,.1);background:rgba(255,255,255,.018);min-height:170px;padding:28px 24px}.solution-extras{gap:14px;margin-top:50px}.solution-extras img{aspect-ratio:4/3!important;object-fit:cover!important;min-height:0}

/* Projects — consistent, filled cards */
.proj-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px 18px}.proj-card>img,.proj-card>.ph-bg{width:100%;height:auto!important;aspect-ratio:4/3!important;object-fit:cover!important;background:#15130f;overflow:hidden}.proj-card>.ph-bg img{width:100%;height:100%;object-fit:cover;transition:.6s}.proj-card>img{transition:.6s}.proj-card:hover>img,.proj-card:hover>.ph-bg img{transform:scale(1.035)}.proj-overlay{padding-top:15px}.proj-overlay .sector{color:#998f83;font-size:9px;letter-spacing:1.2px}.proj-overlay h4{font-size:18px}
.project-detail{max-width:1180px;margin-inline:auto}.pd-hero{height:620px!important;aspect-ratio:auto!important;background:#15130f;overflow:hidden}.pd-hero img{width:100%;height:100%;object-fit:cover!important;object-position:center}.pd-meta-grid{border-block:1px solid rgba(255,255,255,.12);padding-block:24px;margin-top:30px}.pd-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pd-gallery>div{aspect-ratio:1/1!important;border-color:rgba(255,255,255,.08)}.pd-gallery>div>img{object-fit:cover!important;width:100%;height:100%}

/* Factory page */
.factory-page-gallery{display:grid!important;grid-template-columns:1.15fr 1fr 1fr!important;gap:14px!important;padding:0!important;margin:0 0 65px!important}.factory-page-gallery .big,.factory-page-gallery>img,.factory-page-gallery .factory-pending{height:420px!important;min-height:0!important;overflow:hidden}.factory-page-gallery img{width:100%!important;height:100%!important;min-height:0!important;object-fit:cover!important}.factory-page-types{margin-top:0}.factory-banner{width:100%;height:480px;object-fit:cover;margin-top:70px}

/* Contact */
.contact-grid{grid-template-columns:.78fr 1.22fr;gap:10%;align-items:center}.contact-item{border-color:rgba(255,255,255,.12);padding:20px 0}.contact-item b{color:#8f8980;font-size:10px;letter-spacing:.06em}.contact-item a,.contact-item span{font-size:16px}.contact-visual{height:620px;overflow:hidden}.contact-art{width:100%;height:100%;object-fit:cover;filter:saturate(.85)}

/* Remove production notes from client-facing art direction */
.note-box,.placeholder-tag,.original-caption,.map-box{display:none!important}

/* Footer */
footer{border-top:1px solid rgba(255,255,255,.1);background:#080807}.footer-wordmark{font-size:clamp(68px,13vw,210px);letter-spacing:-7px;color:rgba(255,255,255,.035)}
.floating-contact{background:#17140f;border-color:rgba(200,173,131,.5);color:#dfc69f}

@media(max-width:1200px){
 section{padding:105px 0}.hero-content{margin-bottom:112px}.hero h1{font-size:clamp(48px,6.2vw,76px)}
 .product-grid{grid-template-columns:repeat(3,1fr)}.product-grid.home-products{grid-template-columns:repeat(4,1fr)}
 .factory-grid{grid-template-columns:1fr 1fr}.factory-caption{grid-column:1/-1;min-height:0}.factory-grid .big img,.factory-grid>img{height:410px!important}.factory-caption{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding:42px}.factory-caption p{grid-column:2;grid-row:1/3}.factory-caption .btn{grid-column:2}
 .final-cta-content{width:65%}
}
@media(max-width:900px){
 section{padding:82px 0}.site-nav{height:74px}.links.mobile-open{inset:74px 0 0}.hero{min-height:760px}.hero-visual{height:730px;min-height:0}.hero-content{width:90%;margin-bottom:120px;padding-inline:3vw}.hero h1{font-size:56px}.hero p{max-width:470px}.hero-foot{margin-bottom:36px}
 .intro-grid{grid-template-columns:1fr;gap:54px}.intro-media{padding:0 0 40px 40px}.intro-media>img{height:520px}
 .sol-grid{grid-template-columns:repeat(2,1fr)}.sol-card .ph-bg{aspect-ratio:4/5}
 .product-grid,.product-grid.home-products{grid-template-columns:repeat(2,1fr);gap:28px 16px}
 .featured{grid-template-columns:1fr;gap:28px}.featured-media{height:520px}
 .sector-grid{grid-template-columns:repeat(3,1fr)}
 .page-hero{min-height:500px}.page-hero .wrap{padding-bottom:54px}.page-hero h1{font-size:56px}
 .sol-panel-hero{grid-template-columns:1fr;gap:36px}.proj-grid{grid-template-columns:repeat(2,1fr)}
 .factory-page-gallery{grid-template-columns:1fr 1fr!important}.factory-page-gallery .factory-pending{grid-column:1/-1}.contact-grid{grid-template-columns:1fr;gap:50px}.contact-visual{height:520px}
 .final-cta{min-height:560px}.final-cta-content{width:76%}
}
@media(max-width:620px){
 .wrap{width:calc(100% - 36px)}section{padding:64px 0}
 .site-nav{height:70px}.nav-inner{width:calc(100% - 28px)}.links.mobile-open{inset:70px 0 0}
 .hero{min-height:690px}.hero-visual{margin:8px;width:calc(100% - 16px);height:674px}.hero-visual:after{background:linear-gradient(0deg,rgba(5,5,4,.9),rgba(5,5,4,.18) 70%)}
 .hero-content{width:calc(100% - 42px);margin:0 21px 104px;padding:0}.hero-eyebrow{font-size:8px!important}.hero h1{font-size:43px;line-height:1.2;letter-spacing:-1.5px}.hero p{font-size:13px;margin-top:20px;line-height:1.85}.hero .btn{padding:13px 14px;font-size:10px!important}.hero-foot{width:calc(100% - 42px);margin-bottom:30px;font-size:7px}.hero-visual .image-corner{display:none}
 .intro h2{font-size:36px}.intro-media{padding:0 0 25px 25px}.intro-media>img{height:380px}.intro-media .detail-chip{border-width:6px}.stat-num{font-size:34px}
 .solutions-head h2{font-size:34px}.sol-grid{grid-template-columns:1fr 1fr;gap:24px 12px}.sol-card h3{font-size:15px}.sol-card p{font-size:10px}
 .product-grid,.product-grid.home-products{grid-template-columns:1fr 1fr;gap:24px 10px}.product-meta{font-size:9px}.photo-button:after{width:28px;height:28px;left:9px;bottom:9px}
 .featured-media{height:auto;aspect-ratio:4/3}.featured-body h3{font-size:34px}
 .timeline-track{grid-template-columns:1fr}.t-step{grid-template-columns:36px 1fr 96px}.process-image{aspect-ratio:1}
 .factory-grid{grid-template-columns:1fr 1fr;gap:8px;padding-inline:8px}.factory-grid .big img,.factory-grid>img{height:250px!important}.factory-caption{display:block;grid-column:1/-1;padding:30px 24px}.factory-caption h2{font-size:34px}
 .sector-grid{grid-template-columns:1fr 1fr;gap:22px 10px}.sector-card:last-child{display:block;grid-column:auto}.sector-card:last-child img{height:auto!important;aspect-ratio:4/5}.sector-image{aspect-ratio:4/5}
 .client-wall{grid-template-columns:1fr 1fr}.client-cell{min-height:90px}.why-head .big-label{font-size:44px!important;letter-spacing:-2px!important}.why-grid{grid-template-columns:1fr 1fr;gap:0 18px}.why-cell h4{font-size:17px}.why-cell p{font-size:11px}
 .final-cta{max-width:calc(100% - 16px);min-height:590px}.final-cta:after{background:linear-gradient(0deg,rgba(8,8,7,.9),rgba(8,8,7,.1) 72%)}.final-cta-content{width:100%;padding:36px 28px;align-self:end}.final-cta h2{font-size:42px}
 .page-hero{min-height:430px}.page-hero .wrap{padding-bottom:38px}.page-hero h1{font-size:44px}.page-hero p{font-size:12px}
 .tab-row{grid-template-columns:1fr 1fr;gap:8px 18px;margin-bottom:45px}.tab-row button{font-size:10px;padding:14px 0}.sol-panel-hero h2{font-size:36px!important}.sol-panel-hero>img,.sol-panel-hero>.ph-box{aspect-ratio:4/3}.sol-types{grid-template-columns:1fr 1fr}.sol-type-card{min-height:150px;padding:20px 16px}.solution-extras,.solution-extras.two{grid-template-columns:1fr 1fr}.solution-extras img:last-child:nth-child(3){grid-column:1/-1}
 .proj-grid{grid-template-columns:1fr 1fr;gap:24px 10px}.proj-overlay h4{font-size:14px}.pd-hero{height:auto!important;aspect-ratio:4/3!important}.pd-gallery{grid-template-columns:1fr 1fr;gap:8px}.pd-meta-grid{grid-template-columns:1fr 1fr}
 .factory-page-gallery{grid-template-columns:1fr 1fr!important;gap:8px!important}.factory-page-gallery .big,.factory-page-gallery>img,.factory-page-gallery .factory-pending{height:220px!important}.factory-page-gallery .factory-pending{grid-column:1/-1}.factory-banner{height:300px;margin-top:45px}
 .contact-visual{height:380px}.footer-wordmark{letter-spacing:-3px}
}



/* ===== Client revision: El Messiri + RTL refinement + equal process frames + logo-ready client wall ===== */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] input,
html[dir="rtl"] textarea,
html[dir="rtl"] select,
html[dir="rtl"] a,
html[dir="rtl"] p,
html[dir="rtl"] span,
html[dir="rtl"] li,
html[dir="rtl"] h1,
html[dir="rtl"] h2,
html[dir="rtl"] h3,
html[dir="rtl"] h4,
html[dir="rtl"] h5,
html[dir="rtl"] h6{font-family:var(--ff-body)!important}

body{font-feature-settings:"kern" 1,"liga" 1; text-rendering:optimizeLegibility}
h1,h2,h3,h4,h5,h6,.brand-text,.hero h1,.page-hero h1,.featured-body h3,.footer-wordmark{font-family:var(--ff-display)!important;letter-spacing:0!important}
p,.links :is(button,a),.contact-item a,.contact-item span,.product-meta,.featured-meta div,.why-cell p,.t-step p{letter-spacing:0!important}
.brand-text,.hero-foot,.section-index,.stat-num,.pill,.num,.t-num,.serial,.footer-wordmark,.lightbox-counter,.tag,.eyebrow,.hero-eyebrow{font-family:var(--ff-display)!important}
.links :is(button,a),.brand-text span,.btn,.product-meta,.proj-overlay .sector,.client-cell span,.section-index{direction:rtl}

/* Slight typography tuning for Arabic */
.hero p,.intro p,.featured-body p,.factory-caption p,.why-head p,.final-cta p,.page-hero p{line-height:2!important}
.links{gap:28px}
.links :is(button,a){font-size:14px}
.brand-text{font-size:18px;font-weight:700}
.brand-text span{font-size:11px;margin-top:6px}
.eyebrow,.hero-eyebrow,.tag{letter-spacing:1.6px!important}
.btn{font-weight:600}

/* Equal process image heights so no card looks shorter */
.timeline-track{align-items:stretch!important}
.t-step{display:flex;flex-direction:column;height:100%}
.process-image{width:100%!important;height:clamp(210px,18vw,280px)!important;aspect-ratio:auto!important;flex:0 0 auto;object-fit:cover!important;object-position:center!important;display:block}
.t-step h4{margin-top:18px!important}
.t-step p{margin-top:2px}

/* Logo-ready trusted-by wall */
.client-wall{align-items:stretch}
.client-cell{display:flex;align-items:center;justify-content:center;padding:26px 18px;overflow:hidden}
.client-cell .client-name{display:block;text-align:center;line-height:1.9;font-size:17px;color:#e4ddd3;max-width:100%}
.client-cell img{display:block;max-width:72%;max-height:56px;width:auto;height:auto;object-fit:contain;filter:grayscale(1) brightness(1.6);opacity:.96;transition:transform .25s ease,opacity .25s ease,filter .25s ease}
.client-cell:hover img{transform:scale(1.03);filter:grayscale(0) brightness(1.05)}
.client-cell.logo-only .client-name{display:none}
.client-cell.logo-only{background:rgba(255,255,255,.01)}

/* Better alignment for client hero copy */
#clients .page-hero .wrap,
#contact .page-hero .wrap,
#factory .page-hero .wrap,
#projects .page-hero .wrap,
#products .page-hero .wrap,
#solutions .page-hero .wrap{direction:rtl;text-align:right}

@media(max-width:900px){
  .process-image{height:200px!important}
  .client-cell .client-name{font-size:15px}
}
@media(max-width:620px){
  .links{gap:0}
  .t-step{display:grid;grid-template-columns:42px 1fr 110px;gap:0 15px}
  .process-image{height:auto!important;aspect-ratio:1/1!important}
  .client-cell{padding:18px 12px;min-height:98px}
  .client-cell .client-name{font-size:14px;line-height:1.75}
  .client-cell img{max-width:78%;max-height:44px}
}



/* ===== Uploaded client logos — curated 4×3 wall ===== */
.client-wall{grid-template-columns:repeat(4,minmax(0,1fr))!important;border-top:1px solid rgba(255,255,255,.1);border-right:1px solid rgba(255,255,255,.1);}
.client-cell.logo-only{min-height:150px!important;padding:24px 20px!important;background:rgba(255,255,255,.012)!important;border-left:1px solid rgba(255,255,255,.1)!important;border-bottom:1px solid rgba(255,255,255,.1)!important;display:flex!important;align-items:center!important;justify-content:center!important;position:relative;overflow:hidden;}
.client-cell.logo-only:before{content:'';position:absolute;inset:12px;border:1px solid rgba(255,255,255,.025);opacity:0;transition:opacity .25s ease;pointer-events:none;}
.client-cell.logo-only:hover:before{opacity:1}
.client-logo{display:block!important;width:auto!important;height:auto!important;max-width:76%!important;max-height:82px!important;object-fit:contain!important;filter:none!important;opacity:.94!important;transition:transform .32s ease,opacity .32s ease!important;}
.client-cell.logo-only:hover .client-logo{transform:scale(1.045);opacity:1!important;filter:none!important;}
@media(max-width:900px){.client-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important}.client-cell.logo-only{min-height:132px!important}.client-logo{max-width:78%!important;max-height:72px!important}}
@media(max-width:620px){.client-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important}.client-cell.logo-only{min-height:112px!important;padding:18px 12px!important}.client-cell.logo-only:last-child{grid-column:auto!important}.client-logo{max-width:82%!important;max-height:58px!important}}



/* ===== v4 client logo visual fix ===== */
.client-wall{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:170px!important;
  gap:0!important;
  align-items:stretch!important;
}
.client-wall .client-cell,
.client-wall .client-cell.logo-only{
  min-height:170px!important;
  height:170px!important;
  padding:22px 20px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}
.client-wall .client-cell:last-child,
.client-wall .client-cell.logo-only:last-child{
  grid-column:auto!important;
}
.client-logo{
  max-width:72%!important;
  max-height:92px!important;
  width:auto!important;
  height:auto!important;
  object-fit:contain!important;
  filter:brightness(0) invert(1) contrast(1.12) saturate(0)!important;
  opacity:1!important;
}
.client-cell.logo-only:hover .client-logo{
  transform:scale(1.04)!important;
  filter:brightness(0) invert(1) contrast(1.2) saturate(0)!important;
}
.client-cell.logo-only{
  background:linear-gradient(180deg,rgba(255,255,255,.015),rgba(255,255,255,.005))!important;
}
.client-cell.logo-only::after{
  content:attr(title);
  position:absolute;
  inset-inline:10px;
  bottom:12px;
  text-align:center;
  font-size:12px;
  line-height:1.4;
  color:rgba(255,255,255,.72);
  opacity:0;
  pointer-events:none;
}
.client-cell.logo-only:hover::after{opacity:.9}
@media(max-width:900px){
  .client-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-rows:145px!important}
  .client-wall .client-cell,.client-wall .client-cell.logo-only{min-height:145px!important;height:145px!important}
  .client-logo{max-width:74%!important;max-height:74px!important}
}
@media(max-width:620px){
  .client-wall{grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:120px!important}
  .client-wall .client-cell,.client-wall .client-cell.logo-only{min-height:120px!important;height:120px!important;padding:16px 12px!important}
  .client-logo{max-width:78%!important;max-height:58px!important}
  .client-cell.logo-only::after{display:none}
}