:root{--ink:#101719;--gold:#cbb57e;--white:#f7f5f1;--muted:#aeb5b6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--white);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}button,input,select,textarea{font:inherit}button,a{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}header{height:108px;padding:20px 5%;display:flex;align-items:center;gap:32px;position:absolute;z-index:2;width:100%}.brand{display:flex;align-items:center;gap:16px;letter-spacing:2px}.brand img{width:55px;height:64px;object-fit:contain}.brand b{font-size:19px}nav{display:flex;gap:32px;margin-inline-start:auto}nav a:hover,footer a:hover{color:var(--gold)}#lang{border:0;background:none;color:var(--muted);padding:10px}.outline,.gold{border:1px solid var(--gold);border-radius:7px;padding:14px 25px;display:inline-block;line-height:1.4}.outline{background:transparent;color:var(--white)}.gold{background:var(--gold);color:#101719}.outline:hover{background:#cbb57e18}.gold:hover{background:#dcc795}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #fff;outline-offset:5px}.hero{position:relative;min-height:780px;padding:175px 5% 30px;display:flex;flex-direction:column;justify-content:space-between;background:var(--ink) url('assets/hero.webp') right center/auto 100% no-repeat}.hero-copy{position:relative;width:62%;max-width:790px}h1{font-size:clamp(46px,5.4vw,82px);line-height:1.02;letter-spacing:-3px;margin:0 0 28px;font-weight:700}em{color:var(--gold);font-style:normal}.hero p{max-width:570px;font-size:22px;line-height:1.5;color:#d8dcdc}.actions{display:flex;gap:16px;margin-top:30px}.hero-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:70px}.hero-bottom span{padding-top:18px;border-top:1px solid #71808080;font-size:17px}.services{background:var(--white);color:var(--ink);padding:70px 5% 45px}h2{font-size:clamp(35px,4.1vw,62px);line-height:1.1;letter-spacing:-2px;margin:0 0 44px}.services em{color:#ac9160}details{border-bottom:1px solid #dad3c6}summary{list-style:none;display:grid;grid-template-columns:60px 1.15fr 1fr 44px;align-items:center;gap:24px;padding:28px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary .num{color:#ac9160;border-inline-end:1px solid #b7a078;font-size:14px}summary h3{font-size:25px;letter-spacing:-.6px;margin:0}summary p{font-size:16px;color:#62676b;margin:0;max-width:380px}.plus{border:1px solid #af925c;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:27px;color:#af925c}details[open] .plus{transform:rotate(45deg)}.capabilities{padding:0 0 30px 84px;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.capabilities h4{font-size:17px;margin:0 0 12px}.capabilities ul{padding-inline-start:17px;margin:0;color:#61686a;font-size:14px}.capabilities li{margin:7px 0}.hint{font-size:13px;color:#6b7376;margin:25px 0 0}.approach{padding:80px 5%;border-bottom:1px solid #ffffff20}.approach>div{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.approach article{border-top:1px solid #ffffff30;padding-top:20px}.approach span{color:var(--gold);font-size:14px}.approach h3{font-size:24px;margin:16px 0 10px}.approach p{color:var(--muted);max-width:300px}.about{background:#e9e6df;color:var(--ink);padding:70px 5%;display:grid;grid-template-columns:1fr 1fr;column-gap:90px}.about .small{grid-column:1/-1;letter-spacing:2px;font-size:12px;margin:0 0 30px}.about h2{margin:0}.about>p:last-child{font-size:20px;line-height:1.7;margin:0;color:#545b5d}.contact{padding:70px 5%;background:url('assets/hero.webp') right center/auto 150% no-repeat}.contact h2{margin-bottom:20px}.contact p{max-width:460px;color:#d1d6d6;font-size:19px;margin-bottom:26px}footer{margin:0 5%;padding:25px 0;border-top:1px solid #ffffff30;display:flex;align-items:center;justify-content:space-between;gap:20px}footer small{display:block;font-size:12px;letter-spacing:1px}footer>span{font-size:12px;color:var(--muted)}dialog{background:var(--white);color:var(--ink);border:0;border-radius:12px;padding:35px;width:min(580px,92vw);max-height:90vh}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}dialog h2{font-size:35px;margin-bottom:16px}dialog>p{color:#62676b}.close{float:inline-end;background:transparent;border:0;font-size:30px;line-height:1}label{display:block;margin:17px 0}label span{display:block;font-size:14px;margin-bottom:6px}input,select,textarea{width:100%;padding:10px;border:1px solid #c9c7c0;border-radius:4px;background:#fff;color:var(--ink)}.note{font-size:12px;color:#62676b}#status{font-size:14px;color:#536326}[dir=rtl] h1,[dir=rtl] h2{letter-spacing:0;line-height:1.3}[dir=rtl] .hero-copy{margin-inline-start:0}[dir=rtl] .hero{background-position:left center}[dir=rtl] .capabilities{padding:0 84px 30px 0}@media(min-width:1600px){.hero{background-size:75% auto}}@media(max-width:850px){header{height:85px;gap:15px}header .project{display:none}nav{gap:16px;font-size:14px}.brand b{display:none}.hero{min-height:710px;background-size:auto 75%;background-position:70% top;padding-top:145px}.hero-copy{width:90%;max-width:620px}.hero-copy:before{content:'';position:absolute;inset:-20px;background:#101719b8;filter:blur(25px);z-index:0}.hero-copy>*{position:relative}h1{font-size:58px}.hero-bottom{gap:20px}summary{grid-template-columns:35px 1fr 35px;gap:15px}summary p{grid-column:2;grid-row:2}summary .plus{grid-column:3;grid-row:1/3}.capabilities{grid-template-columns:1fr 1fr;padding-inline-start:50px}.about{gap:35px}.about>p:last-child{font-size:17px}}@media(max-width:520px){header{padding:14px 6%;gap:12px}.brand img{width:40px;height:48px}nav{gap:13px;font-size:12px}#lang{padding:5px;font-size:12px}.hero{padding:132px 6% 28px;min-height:690px;background-position:65% top}.hero-copy{width:100%}h1{font-size:49px;letter-spacing:-2px}.hero p{font-size:18px}.actions{gap:10px;flex-wrap:wrap}.actions>*{font-size:14px;padding:13px 17px}.hero-bottom{gap:14px}.hero-bottom span{font-size:12px}.services,.approach,.about,.contact{padding:48px 6%}h2{font-size:36px;letter-spacing:-1px}.services h2{margin-bottom:25px}summary h3{font-size:21px}summary p{font-size:14px}summary{padding:24px 0}.capabilities{grid-template-columns:1fr;padding:0 0 25px 50px}.approach>div{grid-template-columns:1fr;gap:20px}.approach article p{max-width:none}.about{display:block}.about h2{margin-bottom:25px}.contact{background-size:auto 100%;background-position:55% center}.contact p{font-size:17px}footer{flex-wrap:wrap;margin:0 6%}footer .brand b{display:block}footer>a:nth-child(2){font-size:14px}footer>span{width:100%}dialog{padding:25px}[dir=rtl] .capabilities{padding:0 50px 25px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.portfolio-link{display:inline-block;border-bottom:1px solid #ac9160;color:#806b45;margin-top:25px;padding-bottom:5px}.capabilities h4 a:hover{color:#927644}.service-intro{padding:160px 5% 70px;background:var(--ink) url(assets/hero.webp) right center/auto 100% no-repeat}.back{font-size:14px;color:var(--gold);display:block;margin-bottom:45px}.service-number{display:block;font-size:12px;letter-spacing:2px;color:var(--gold);margin-bottom:24px}.service-intro h1{max-width:850px;font-size:clamp(45px,5.5vw,80px)}.service-intro p{max-width:610px;color:#d1d6d6;font-size:20px;margin:25px 0 35px}.scope{padding:65px 5%;background:var(--white);color:var(--ink)}.scope ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 60px}.scope li{border-top:1px solid #d7d0c2;padding:24px 0;font-size:22px}.scope li:before{content:'↗';color:#ac9160;margin-inline-end:20px}.service-next{padding:65px 5%}.service-next p{max-width:650px;color:var(--muted);font-size:19px;margin-bottom:30px}@media(max-width:520px){.service-intro{padding:120px 6% 50px;background-position:30% center}.service-intro h1{font-size:43px}.service-intro p{font-size:18px}.scope,.service-next{padding:45px 6%}.scope ul{grid-template-columns:1fr}.scope li{font-size:19px}}

.core-loader{position:fixed;inset:0;z-index:10000;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#101719;opacity:1;visibility:visible;transition:opacity .6s ease,visibility .6s ease;pointer-events:none}.core-loader.is-ready{opacity:0;visibility:hidden}.loader-stage{position:relative;width:280px;height:300px;perspective:850px;display:grid;place-items:center}.loader-logo{width:190px;height:228px;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 15px 20px #0009);animation:core-logo-turn 2.8s ease-in-out infinite;transform-style:preserve-3d}.loader-orbit{position:absolute;width:265px;height:265px;border-radius:50%;border:1px solid #cbb57e24;transform:rotateX(65deg);animation:core-orbit 3s linear infinite}.loader-orbit:after{content:'';position:absolute;inset:-2px;border-radius:50%;border:2px solid transparent;border-top-color:#cbb57e;border-right-color:#cbb57e66}.loader-floor{position:absolute;bottom:16px;width:130px;height:16px;border-radius:50%;background:#0009;filter:blur(8px);animation:core-shadow 2.8s ease-in-out infinite}.loader-track{width:140px;height:2px;background:#ffffff12;overflow:hidden;margin-top:20px}.loader-track span{display:block;height:100%;width:50%;background:linear-gradient(90deg,transparent,#cbb57e,#f5e6bc,transparent);animation:core-progress 1.4s ease-in-out infinite}.loader-label{font-size:16px;letter-spacing:5px;color:#dbc695;text-align:center;margin:23px 0 0}.loader-label span{display:block;font-size:8px;color:#a6afb0;letter-spacing:3px;margin-top:8px}@keyframes core-logo-turn{0%,100%{transform:translateY(0) rotateY(-18deg) rotateX(5deg);filter:drop-shadow(0 15px 20px #0009) brightness(1)}50%{transform:translateY(-12px) rotateY(18deg) rotateX(-4deg);filter:drop-shadow(0 25px 24px #0009) brightness(1.18)}}@keyframes core-orbit{from{transform:rotateX(65deg) rotateZ(0deg)}to{transform:rotateX(65deg) rotateZ(360deg)}}@keyframes core-shadow{0%,100%{transform:scale(1);opacity:.8}50%{transform:scale(.75);opacity:.4}}@keyframes core-progress{0%{transform:translateX(-120%)}100%{transform:translateX(320%)}}@media(prefers-reduced-motion:reduce){.loader-logo,.loader-orbit,.loader-floor,.loader-track span{animation:none}.core-loader{transition:opacity .15s}.loader-track span{width:100%;background:#cbb57e}}

.page-intro{padding:165px 5% 65px;background:var(--ink) url(assets/hero.webp) right center/auto 120% no-repeat}.page-intro h1{max-width:920px}.page-intro p{max-width:680px;font-size:21px;color:#d1d6d6}.featured-project{background:#e9e6df;color:var(--ink);padding:70px 5%;display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.project-media{background:#d8dfde;border-radius:10px;padding:30px;overflow:hidden}.project-media img{display:block;width:100%;height:auto}.project-info .small{font-size:12px;letter-spacing:2px;color:#806b45}.project-info h2{margin-bottom:20px}.project-info p{font-size:18px;color:#555e60}.project-info .project-credit{font-size:14px}.visit-link{display:inline-block;margin:20px 15px;font-size:14px}.about-story{padding:65px 5%;display:grid;grid-template-columns:1fr 1.2fr;gap:65px}.about-story p{margin-top:0;font-size:20px;color:#b9c1c2}.contact-options{background:var(--white);color:var(--ink);padding:65px 5%;display:grid;grid-template-columns:1.4fr 1fr;gap:90px}.contact-options p{font-size:18px;color:#62696b;max-width:650px}.contact-options .note{font-size:13px}.contact-options aside{border-inline-start:1px solid #c8c3b8;padding-inline-start:40px}.contact-options aside h3{font-size:18px;margin-top:30px}.contact-options aside a{color:#867044}.project-detail{padding-top:55px}.project-wide{display:block;width:min(1000px,90%);margin:auto;background:#e3e8e6;padding:30px;border-radius:10px}.project-detail .about-story{padding-bottom:60px}@media(max-width:850px){header{gap:18px}nav{gap:18px}.featured-project{gap:30px}.about-story,.contact-options{gap:35px}}@media(max-width:520px){nav{gap:11px;font-size:11px}header{gap:10px}.page-intro{padding:125px 6% 45px}.page-intro h1{font-size:43px}.page-intro p{font-size:18px}.featured-project,.about-story,.contact-options{grid-template-columns:1fr;padding:45px 6%;gap:30px}.project-media{padding:15px}.project-info h2{font-size:36px}.about-story h2{margin-bottom:0}.contact-options aside{padding:20px 0 0;border-inline-start:0;border-top:1px solid #c8c3b8}.project-wide{padding:10px}}

.menu-toggle{display:none}nav a[aria-current=page]{color:var(--gold)}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:none}.back-to-top{position:fixed;inset-inline-end:22px;bottom:22px;width:44px;height:44px;border:1px solid #cbb57e;background:#101719;color:var(--gold);border-radius:50%;z-index:50;font-size:22px;opacity:0;visibility:hidden;transition:opacity .2s}.back-to-top.visible{opacity:1;visibility:visible}@media(max-width:680px){header .brand b{display:block;font-size:16px}header .brand{gap:10px}header{justify-content:space-between}.menu-toggle{display:flex;width:40px;height:40px;flex-direction:column;justify-content:center;gap:7px;border:1px solid #cbb57e60;border-radius:5px;background:#101719;color:var(--gold);padding:10px;margin-inline-start:auto}.menu-toggle span{height:1px;background:currentColor;display:block;transition:transform .2s}.menu-open .menu-toggle span:first-child{transform:translateY(4px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-4px) rotate(-45deg)}header nav{position:absolute;top:78px;left:5%;right:5%;display:none;flex-direction:column;padding:18px 24px;gap:0;background:#151e21;border:1px solid #cbb57e50;border-radius:8px;box-shadow:0 20px 40px #0006;font-size:17px}header.menu-open nav{display:flex}header nav a{padding:12px 0;border-bottom:1px solid #ffffff12}header nav a:last-child{border:0}#lang{font-size:14px;padding:8px}}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}.back-to-top{transition:none}}

.services-slider{padding:70px 5%;background:#172125;border-top:1px solid #ffffff15}.slider-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:40px}.slider-heading h2{margin:0;font-size:clamp(35px,3.7vw,56px)}.slider-controls{display:flex;gap:12px}.slider-controls button{height:44px;width:44px;border:1px solid #cbb57e66;color:var(--gold);border-radius:50%;background:none;font-size:20px}.slider-controls button:hover{background:#cbb57e20}.slide-viewport{overflow:hidden;border-top:1px solid #cbb57e45;border-bottom:1px solid #cbb57e45;touch-action:pan-y}.service-slide{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;padding:45px 0;animation:slide-appear .5s ease}.slide-number{font-size:12px;letter-spacing:3px;color:var(--gold)}.slide-copy h3{font-size:clamp(34px,3.6vw,54px);letter-spacing:-1.5px;line-height:1.1;margin:20px 0}.slide-copy p{font-size:20px;color:#bdc6c7;max-width:600px;margin:0 0 30px}.slide-capabilities{border-inline-start:1px solid #ffffff20;padding-inline-start:45px;align-self:center}.slide-capabilities>span{color:var(--gold);font-size:13px;letter-spacing:1px}.slide-capabilities ul{list-style:none;padding:0;margin:16px 0 0}.slide-capabilities li{padding:12px 0;border-bottom:1px solid #ffffff15;font-size:18px}.slide-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:28px;font-size:14px}.slide-bottom>span{color:var(--gold);min-width:60px}.slide-dots{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.slide-dots button{width:15px;height:24px;border:0;background:none;padding:7px 3px;cursor:pointer}.slide-dots button:after{content:'';display:block;width:8px;height:8px;background:#667276;border-radius:50%}.slide-dots button.active:after{background:var(--gold)}[dir=rtl] .slide-copy h3{letter-spacing:0;line-height:1.3}@keyframes slide-appear{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}@media(max-width:680px){.services-slider{padding:45px 6%}.slider-heading{align-items:center;gap:15px}.slider-heading h2{font-size:31px}.slider-controls{gap:6px}.slider-controls button{width:33px;height:33px;font-size:16px}.service-slide{grid-template-columns:1fr;gap:25px;padding:30px 0}.slide-copy h3{font-size:36px}.slide-copy p{font-size:17px}.slide-capabilities{border-inline-start:0;padding-inline-start:0}.slide-capabilities li{font-size:16px;padding:9px 0}.slide-bottom{flex-wrap:wrap;gap:15px}.slide-dots{order:3;width:100%}.slide-bottom>a{margin-inline-start:auto}}@media(prefers-reduced-motion:reduce){.service-slide{animation:none}}

.service-slide{align-items:center;gap:50px;grid-template-columns:1fr 1.1fr}.service-slide-visual{margin:0;overflow:hidden;border-radius:12px;background:#101719}.service-slide-visual img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.service-detail-visual{padding:40px 5%;background:#101719}.service-detail-visual img{display:block;width:min(100%,1200px);max-height:520px;object-fit:contain;margin:auto;border-radius:12px}.service-image-gallery{display:grid;grid-template-columns:1fr 1fr;gap:35px;padding:65px 5%;background:#101719}.service-image-tile{position:relative}.service-image-tile img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover;border-radius:12px;transition:filter .3s}.service-image-tile:hover img{filter:brightness(1.15)}.service-image-tile h2{font-size:28px;line-height:1.3;letter-spacing:-.5px;margin:22px 40px 0 0}.service-image-tile>span{position:absolute;bottom:2px;inset-inline-end:0;color:var(--gold);font-size:26px}@media(max-width:680px){.service-slide{grid-template-columns:1fr;gap:25px}.service-slide-visual{order:-1}.service-image-gallery{grid-template-columns:1fr;padding:40px 6%;gap:35px}.service-image-tile h2{font-size:25px}.service-detail-visual{padding:25px 6%}}

.whatsapp-float{position:fixed;inset-inline-start:20px;bottom:20px;z-index:45;background:#214d38;color:#fff;border:1px solid #6caa87;border-radius:28px;padding:12px 20px;box-shadow:0 8px 24px #0005;font-size:14px}.whatsapp-float:hover{background:#296547}footer{flex-wrap:wrap}

.footer-credit{display:flex;flex-direction:column;gap:8px;font-size:12px;color:var(--muted)}.footer-credit a{color:var(--gold)}@media(max-width:680px){.footer-credit{width:100%;line-height:1.7}}

.footer-socials{display:flex;flex-direction:column;gap:10px}.footer-socials>span{font-size:12px;color:#b9b6ab}.footer-socials>div{display:flex;gap:18px;flex-wrap:wrap}.footer-socials a{display:inline-flex;padding:8px 0;color:#d5b979}.footer-socials a:hover{color:#fff}.footer-socials a:focus-visible{outline:2px solid #d5b979;outline-offset:4px}
