/* Build Box v2: event-driven geometry, no rendering loop. */
.language-toggle{background:none;border:1px solid #bfc5b7;border-radius:5px;padding:9px 12px;cursor:pointer;font-family:'Space Grotesk','IBM Plex Sans Arabic',sans-serif;font-size:12px;flex-shrink:0;order:2}.navbutton{order:3}.menutoggle{order:4}nav{gap:22px}.navlinks{margin-inline:auto;gap:24px}.brand{flex-shrink:0}.language-toggle:hover{background:#e3e7d9}.box-visual{border-radius:12px;background:#e5e9dc;isolation:isolate;--cube-top:#ff9669;--cube-left:#eb5b32;--cube-right:#bc3e21}.box-visual:before{opacity:.6;background-size:28px 28px;mask-image:linear-gradient(transparent,#000)}.box-watermark{position:absolute;top:50px;left:26px;font-size:100px;font-weight:700;line-height:.82;letter-spacing:-7px;color:#c4ceba;opacity:.38;z-index:-1;pointer-events:none}.box-sculpture{position:absolute;inset:25px 0 55px;width:100%;height:calc(100% - 80px);overflow:visible;filter:drop-shadow(0 16px 10px #52603b0b)}.box-stamp{position:absolute;bottom:109px;left:24px;font-size:13px;font-weight:600;letter-spacing:1px}.box-stamp span{font-size:8px;font-weight:400;letter-spacing:2px}.box-hint{position:absolute;bottom:110px;right:25px;display:flex;gap:8px;align-items:center;font-size:10px;direction:rtl}.box-hint .status{width:5px;height:5px}.build-cube{transition:transform .8s cubic-bezier(.22,1,.36,1);transition-delay:var(--delay)}.exploded .build-cube{transform:translate(var(--dx),var(--dy))}.build-cube polygon{stroke:#77301a12;stroke-width:.6;stroke-linejoin:round;transition:fill .4s}.cube-top{fill:var(--cube-top)}.cube-left{fill:var(--cube-left)}.cube-right{fill:var(--cube-right)}[data-color=sage]{--cube-top:#a8b692;--cube-left:#758764;--cube-right:#4b5d40}[data-color=sand]{--cube-top:#e7dcc5;--cube-left:#c1ae8d;--cube-right:#96846b}[data-color=charcoal]{--cube-top:#7d8b90;--cube-left:#4a555b;--cube-right:#2f3a41}.build-toggle{display:flex;align-items:center;gap:22px;border:0;border-radius:3px;background:var(--ink);color:var(--bg);padding:10px 16px;font-size:12px}.controls{padding:10px 13px}.build-toggle:hover{background:var(--orange)}.visual-top{top:25px;font-size:9px}.ticker{animation-duration:65s;animation-play-state:paused}.marquee.is-visible .ticker{animation-play-state:running}.marquee:hover .ticker{animation-play-state:paused}.brand-story{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;padding-top:0;align-items:center}.brand-photo{position:relative;border-radius:8px;overflow:hidden}.brand-photo img{display:block;width:100%;height:430px;object-fit:cover}.photo-badge{position:absolute;bottom:24px;left:24px;color:white;background:#252a27d9;backdrop-filter:blur(8px);font-size:9px;letter-spacing:1.5px;padding:12px 14px;border-radius:4px}.brand-copy h2{font-size:36px}.brand-copy h2 span{color:var(--orange)}.brand-copy p{font-size:15px;line-height:1.9;color:var(--muted)}.wordmark-breakdown{display:flex;align-items:center;gap:32px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding-block:23px;margin:25px 0}.wordmark-breakdown div{display:grid;gap:6px}.wordmark-breakdown b{font-size:28px;letter-spacing:-1px}.wordmark-breakdown span{font-size:11px;color:var(--muted)}.wordmark-breakdown .brand-plus{font-size:27px;color:var(--orange)}.brand-copy .illustration-note{font-size:10px;margin:20px 0 0}.art{border:0;padding:0;width:100%;text-align:inherit}.art img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.image-open:hover img{transform:scale(1.045)}.art .art-num{background:#f3f1e9eb;border:1px solid #fff6;border-radius:3px;padding:6px 8px;font-size:8px}.image-expand{position:absolute;bottom:16px;right:16px;border-radius:50%;background:var(--bg);width:32px;height:32px;display:grid;place-items:center}.material-art{--sample:#f26a3e;isolation:isolate;background:#e3e7da}.material-art:after{display:none}.material-heading{position:absolute;top:26px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.3px}.material-heading b{font-weight:500}.solid-samples{position:relative;width:240px;height:250px;perspective:800px}.sample{position:absolute;inset:30px 10px;border-radius:9px;background:var(--sample);box-shadow:2px 2px 0 #9c4425,4px 4px 0 #9c4425,6px 6px 0 #9c4425,12px 24px 25px #444c3226;transform:rotate(-28deg) skew(10deg,10deg);transition:background .5s,transform .6s}.sample:after{content:'';position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,transparent 0 3px,#ffffff16 3px 4px);pointer-events:none}.sample-back{transform:translate(-38px,-31px) rotate(-28deg) skew(10deg,10deg);filter:brightness(.8)}.sample-mid{transform:translate(-18px,-10px) rotate(-28deg) skew(10deg,10deg);filter:brightness(.9)}.sample-front span{position:absolute;bottom:25px;left:25px;font-size:28px;color:#fff9;font-weight:600}.sample-front i{position:absolute;top:20px;right:20px;width:25px;height:25px;border:2px solid #fff8;transform:rotate(45deg)}.sample-footer{position:absolute;left:25px;right:25px;bottom:27px;display:flex;justify-content:space-between;font-size:10px;color:#4a5543}.sample-footer .latin{font-size:8px}dialog{width:min(980px,92vw);max-height:92vh;padding:0;border:0;border-radius:12px;background:var(--bg);color:var(--ink);overflow:auto;box-shadow:0 20px 80px #0004}dialog::backdrop{background:#171e17bb;backdrop-filter:blur(6px)}dialog>img{width:100%;height:auto;max-height:72vh;object-fit:contain;display:block;background:#e7e7da}#close-image{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:50%;border:0;background:var(--bg);font:27px Arial;color:var(--ink);z-index:2}.lightbox-bottom{padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-bottom h3{font-size:18px;font-weight:500;margin:0}.lightbox-bottom p{font-size:11px;color:var(--muted)}.modal-open{overflow:hidden}html[lang=en] body{font-family:'Space Grotesk','IBM Plex Sans Arabic',Arial,sans-serif}html[lang=en] h1{font-size:clamp(45px,5vw,73px);letter-spacing:-3.5px;line-height:1.13}html[lang=en] .hero-copy p{font-size:16px;line-height:1.8}html[lang=en] h2{letter-spacing:-1.8px;line-height:1.18}html[lang=en] .service-row h3{font-size:23px}html[lang=en] .section-top p{line-height:1.8}html[lang=en] .hero-copy .eyebrow{font-size:10px}html[lang=en] .box-hint{direction:ltr}html[lang=en] .box-stamp{left:auto;right:24px}html[lang=en] .box-hint{right:auto;left:24px}html[lang=en] .brand-copy h2{font-size:38px}html[lang=en] .step h3{font-size:21px}html[lang=en] .navlinks{font-size:12px}html[lang=en] .button{gap:18px}html[lang=en] .form-note{line-height:1.7}.section-no{margin-inline-start:0;margin-inline-end:12px}.mat-description{min-height:115px}.hero-foot{line-height:1.8}footer{margin-top:0}
@media(max-width:1100px){nav{gap:14px}.navlinks{gap:14px}.navbutton{gap:12px;padding:12px 14px}.brand{font-size:16px}.brand small{font-size:8px}.brand svg{width:36px}.brand-photo img{height:370px}.brand-story{gap:5%}html[lang=en] h1{font-size:56px}.brand-copy h2,html[lang=en] .brand-copy h2{font-size:30px}.wordmark-breakdown{gap:25px}.navlinks{font-size:12px}}
@media(max-width:760px){nav{gap:12px}.language-toggle{margin-inline-start:auto;order:2;padding:8px 10px}.menutoggle{order:3}.navlinks{margin:0}.hero{padding-top:35px}.box-visual{height:455px}.box-watermark{font-size:85px}.box-stamp{bottom:97px}.box-hint{bottom:98px;font-size:9px;max-width:180px}.brand-story{grid-template-columns:1fr;gap:28px}.brand-photo img{height:auto;aspect-ratio:3/2}.brand-copy h2,html[lang=en] .brand-copy h2{font-size:32px}.brand-photo{grid-row:2}.wordmark-breakdown{justify-content:flex-start;gap:35px}.art{height:auto;aspect-ratio:3/2}.sample-footer{font-size:9px}.material-art{height:350px}.solid-samples{transform:scale(.85)}html[lang=en] h1{font-size:57px}html[lang=en] h2{font-size:34px}html[lang=en] .hero-copy .eyebrow{font-size:9px}html[lang=en] .hero-copy p{font-size:15px}html[lang=en] .hero .actions{gap:20px}html[lang=en] .button{font-size:13px}html[lang=en] .service-row h3{font-size:21px}.lightbox-bottom{padding:14px 18px;display:block}.lightbox-bottom p{margin-bottom:0}.float-wa{font-size:11px}.brand{gap:7px}.brand small{letter-spacing:4.5px}.box-sculpture{inset:15px 0 60px;height:calc(100% - 75px)}}
@media(max-width:380px){.brand{font-size:13px}.brand small{font-size:7px;letter-spacing:3.6px}.brand svg{width:28px}nav{gap:9px}.language-toggle{font-size:11px}.box-visual{height:400px}.box-hint{max-width:155px}html[lang=en] h1{font-size:47px}.controls{left:12px;right:12px}.build-toggle{font-size:11px}}
@media(prefers-reduced-motion:reduce){.ticker{animation:none!important}.build-cube,.sample,.art img{transition:none!important}}
.giant{font-size:clamp(30px,9vw,128px)}
@media(max-width:760px){html[lang=en] h1{font-size:49px;letter-spacing:-2.5px}.hero .actions{align-items:center}.hero .actions .button{flex-shrink:0}.hero .actions .textlink{font-size:12px}.giant{font-size:9vw}}
@media(max-width:380px){html[lang=en] h1{font-size:46px}}
@media(max-width:760px){html[lang=en] .hero .actions{flex-direction:column;align-items:flex-start;gap:15px}html[lang=en] .hero .actions .textlink{font-size:13px}}