:root{--ink:#272725;--soft:#f5f2ea;--paper:#fcfbf8;--line:#ded7c6;--gold:#ca9a24;--gold-dark:#a47c1e;--silver:#9d9d99}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--paper);font:16px/1.65 'Myriad Pro','Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.skip{position:absolute;left:10px;top:-60px;background:white;padding:8px;z-index:30}.skip:focus{top:10px}.site-header{height:96px;background:#fff;border-bottom:1px solid #e4e0d6;position:relative;z-index:20}.header-inner{max-width:1500px;height:100%;margin:auto;padding:0 5.2%;display:flex;align-items:center;gap:3vw}.brand{margin-right:auto;display:block}.brand img{width:176px;height:70px;object-fit:contain;display:block}nav{display:flex;align-items:center;gap:31px;font-size:14px;font-weight:600}nav a{padding:8px 0}nav a:hover,nav .active{color:var(--gold-dark)}nav .active{border-bottom:2px solid var(--gold)}.header-contact{background:var(--ink);color:#fff;padding:12px 16px;font-size:12px;white-space:nowrap;letter-spacing:.04em}.header-contact span{color:#d5af51;margin-left:15px}.header-contact:hover{background:#4b4435}.menu-toggle{display:none}.hero{min-height:660px;display:grid;grid-template-columns:48% 52%;background:#262625;color:#fff;position:relative}.hero-text{min-height:660px;padding:85px min(5.2vw,90px) 25px max(5.2vw,calc((100vw - 1340px)/2));display:flex;flex-direction:column;align-items:flex-start;position:relative;z-index:2;overflow:hidden}.hero-text:after{content:'';position:absolute;right:-70px;bottom:-90px;width:300px;height:340px;background:url('assets/pattern-01.png') center/cover;opacity:.055;pointer-events:none}.micro,.eyebrow{font-size:12px;letter-spacing:.21em;font-weight:700}.micro{color:#e3bc63;display:flex;align-items:center;gap:15px}.rule{width:35px;height:1px;background:#e3bc63}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'FagoNo Tf','Segoe UI',Arial,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(45px,4.8vw,76px);line-height:1.1;margin:33px 0 31px;max-width:690px;font-weight:500}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--gold);letter-spacing:-.055em}h1 em{display:block;color:#d4a63c}.hero p{max-width:490px;color:#dbd9d3;line-height:1.85;margin-bottom:30px}.hero-link{font-size:14px;padding:13px 0;border-bottom:1px solid var(--gold);display:flex;gap:44px;color:#eac978;font-weight:600}.hero-link:hover{color:white}.hero-foot{margin-top:auto;width:100%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.18em;color:#bbb8af;padding-top:30px;border-top:1px solid #fff3}.hero-image{position:relative;min-height:660px;overflow:hidden}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#26262544,transparent 35%)}.hero-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center;filter:saturate(.83)}.hero-image:before{content:'';z-index:2;position:absolute;top:0;left:0;width:9px;height:100%;background:var(--gold)}.photo-label{position:absolute;z-index:3;right:42px;bottom:34px;padding:11px 15px;background:#fcfbf8e8;color:#4c473d;font-size:10px;letter-spacing:.14em;font-weight:700}.section{padding:105px 6.5%}.section-intro,.section-top{max-width:1390px;margin:0 auto 48px}.section-intro{display:grid;grid-template-columns:1fr .65fr;align-items:end;column-gap:55px}.section-intro .eyebrow{grid-column:1/-1}.eyebrow{color:var(--gold-dark);margin-bottom:17px}.section h2,.create h2,.last-cta h2{font-size:clamp(38px,3.9vw,60px);font-weight:500;line-height:1.13}.section-intro h2{margin:0}.section-intro>p,.section-top>p{max-width:350px;color:#696861;margin:0 0 5px}.why{background:var(--soft);position:relative;overflow:hidden}.why:after{content:'';position:absolute;right:-105px;top:-170px;width:430px;height:445px;background:url('assets/pattern-02.png') center/cover;opacity:.08;pointer-events:none}.reasons{max-width:1390px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #c2bcae;border-bottom:1px solid #c2bcae}.reason{padding:34px 24px 23px;min-height:285px;border-right:1px solid #d7d0c2;position:relative}.reason:first-child{padding-left:0}.reason:last-child{border-right:0}.reason-number{font-size:12px;color:var(--gold-dark);letter-spacing:.13em}.icon{display:block;color:var(--gold-dark);font:38px/1 Georgia,serif;margin:20px 0 25px}.reason h3{font-size:20px;font-weight:600;line-height:1.25;margin-bottom:12px}.reason p{font-size:14px;color:#6a6862;line-height:1.75;margin:0}.create{position:relative;overflow:hidden;background:#bd901f;color:white;padding:100px 6.5%;isolation:isolate}.create-pattern{position:absolute;z-index:-1;inset:-40% 0 -40% 54%;background:url('assets/pattern-01.png') center/530px auto repeat;opacity:.16}.create-inner{max-width:1390px;margin:auto;display:grid;grid-template-columns:1.25fr .9fr;align-items:center;gap:22px 7%}.create .eyebrow{grid-column:1/-1;color:#3c311c;margin-bottom:0}.create h2{font-size:clamp(48px,5vw,75px);margin:0;line-height:1.04}.create h2 em{color:#fff5dc}.create p{font-size:19px;line-height:1.65;max-width:490px;margin:0}.light-button{grid-column:2;justify-self:start;min-width:225px;display:flex;justify-content:space-between;gap:20px;padding:14px 20px;background:#fff;color:#292622;font-size:14px;font-weight:600}.light-button:hover{background:#272725;color:#fff}.projects{background:#fcfbf8}.section-top{display:flex;align-items:end;justify-content:space-between;gap:40px}.section-top h2{margin:0}.project-grid{max-width:1390px;margin:auto;display:grid;grid-template-columns:repeat(6,1fr);gap:20px}.project-card{grid-column:span 2;position:relative;min-height:425px;overflow:hidden;background:#b6aa95}.project-card:nth-child(4){grid-column:2/span 2}.project-card:nth-child(5){grid-column:4/span 2}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s;filter:saturate(.82)}.project-card:hover img{transform:scale(1.045)}.project-card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#1b1a18c9)}.project-info{position:absolute;z-index:1;left:26px;right:24px;bottom:28px;color:white}.project-info>span{font-size:10px;letter-spacing:.2em;color:#e5c679;font-weight:700}.project-info h3{font-size:25px;margin:7px 0 0;line-height:1.2;letter-spacing:-.025em}.text-cta{display:table;margin:40px auto 0;border-bottom:1px solid var(--gold);padding:0 0 8px;font-size:14px;font-weight:600}.text-cta span{color:var(--gold-dark);margin-left:40px}.text-cta:hover{color:var(--gold-dark)}.clients{border-top:1px solid var(--line);background:#f4f2ec}.clients .section-top{align-items:end}.carousel-controls{display:flex;gap:9px}.carousel-controls button{width:44px;height:44px;border:1px solid #bdb5a4;background:none;font-size:22px;line-height:1}.carousel-controls button:hover{background:var(--gold);border-color:var(--gold);color:white}.logos{max-width:1390px;margin:auto;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#baaa81 transparent;gap:12px;padding-bottom:15px}.logo-tile{flex:0 0 calc((100% - 60px)/6);height:122px;scroll-snap-align:start;display:grid;place-items:center;border:1px solid #e3ddd0;background:#fff}.logo-tile img{max-width:82%;max-height:72%;width:auto;height:auto;object-fit:contain}.client-caption{max-width:1390px;margin:16px auto 0;font-size:10px;letter-spacing:.17em;color:#9c8b67}.client-caption span{color:var(--gold-dark);margin-left:10px}.last-cta{background:#2a2926;color:#fff;padding:75px 6.5%;display:flex;gap:50px;align-items:end;justify-content:space-between;position:relative;overflow:hidden}.last-cta:after{content:'';position:absolute;right:-60px;top:-200px;width:430px;height:500px;background:url('assets/pattern-02.png') center/cover;opacity:.055;pointer-events:none}.last-cta>div,.last-cta>a{position:relative;z-index:1}.last-cta .eyebrow{color:#deb44c}.last-cta h2{margin:0 0 14px}.last-cta h2 em{color:#d4a63c}.last-cta p{max-width:600px;margin:0;color:#c9c6bf}.last-cta>a{display:flex;justify-content:space-between;min-width:230px;gap:35px;background:var(--gold);padding:15px 20px;color:#211e1a;font-weight:600;white-space:nowrap;font-size:14px}.last-cta>a:hover{background:#edc760}footer{background:#1f1f1d;color:#d4d1c9}.footer-main{max-width:1510px;margin:auto;padding:75px 6.5% 67px;display:grid;grid-template-columns:1.6fr .7fr 1fr;gap:7%}.footer-mark{width:145px;height:62px;object-fit:contain;background:white;padding:4px;margin-bottom:22px}footer h3{font-size:16px;color:#dbb147;margin-bottom:20px;letter-spacing:.02em}footer p,footer address{font-style:normal;max-width:405px;font-size:14px;line-height:1.8}footer ul{list-style:none;padding:0;margin:0}footer li{margin-bottom:7px;font-size:14px}footer a:hover{color:#e5ba55}.social{display:flex;gap:10px;margin-top:25px}.social a{border:1px solid #7f7560;min-width:48px;height:35px;display:grid;place-items:center;font-size:11px;letter-spacing:.04em}.footer-bottom{border-top:1px solid #ffffff26;max-width:1510px;margin:auto;padding:22px 6.5%;display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#aaa69d}.footer-bottom span:nth-child(2){letter-spacing:.16em}.whatsapp{position:fixed;right:24px;bottom:22px;width:54px;height:54px;background:#25d366;color:white;border-radius:50%;display:grid;place-items:center;box-shadow:0 5px 20px #0004;z-index:25}.whatsapp svg{width:30px}.whatsapp:hover{transform:translateY(-3px)}@media(min-width:1500px){.hero-text{padding-left:max(5.2vw,calc((100vw - 1340px)/2))}}@media(max-width:1000px){.header-contact{display:none}.section-intro{grid-template-columns:1fr 1fr}.reasons{grid-template-columns:repeat(2,1fr)}.reason:nth-child(2){border-right:0}.reason:nth-child(-n+2){border-bottom:1px solid #d7d0c2}.reason:nth-child(3){padding-left:0}.project-card{min-height:360px}.logos .logo-tile{flex-basis:calc((100% - 36px)/4)}}@media(max-width:720px){html{scroll-padding-top:75px}.site-header{height:76px}.header-inner{padding:0 5%}.brand img{width:145px;height:58px}.menu-toggle{display:grid;gap:5px;border:0;background:transparent;padding:10px}.menu-toggle span{display:block;width:24px;height:2px;background:#242423}nav{position:absolute;display:none;top:76px;left:0;right:0;background:#fff;padding:20px 6% 25px;box-shadow:0 15px 25px #0002;flex-direction:column;align-items:flex-start;gap:5px}nav.open{display:flex}nav a{width:100%;padding:9px 0}.hero{display:flex;flex-direction:column-reverse}.hero-image{height:360px;min-height:360px}.hero-image:before{width:100%;height:6px;top:auto;bottom:0}.hero-image img{object-position:center}.photo-label{right:17px;bottom:20px;font-size:9px}.hero-text{min-height:0;padding:52px 6% 25px}.hero-text:after{width:200px;height:210px}.micro{font-size:10px}h1{font-size:clamp(41px,9vw,62px);margin:20px 0 22px}.hero p{font-size:15px}.hero-foot{margin-top:48px}.section{padding:70px 6%}.section-intro{display:block;margin-bottom:32px}.section-intro>p{margin-top:20px}.section h2,.last-cta h2{font-size:clamp(35px,9vw,48px)}.reasons{grid-template-columns:1fr}.reason,.reason:nth-child(3),.reason:first-child{padding:22px 0 25px;border-right:0;border-bottom:1px solid #d7d0c2;min-height:0}.reason:last-child{border:0}.icon{margin:10px 0 13px;font-size:30px}.reason h3{margin-bottom:8px}.reason p{max-width:550px}.create{padding:65px 6%}.create-pattern{inset:0 0 0 20%;opacity:.12}.create-inner{display:block}.create h2{font-size:48px;margin:20px 0}.create p{font-size:17px;margin-bottom:25px}.light-button{display:inline-flex}.section-top{display:block;margin-bottom:28px}.section-top>p{margin-top:16px}.project-grid{grid-template-columns:1fr 1fr;gap:12px}.project-card,.project-card:nth-child(4),.project-card:nth-child(5){grid-column:auto;min-height:270px}.project-card:last-child{grid-column:1/-1}.project-info{left:16px;bottom:18px}.project-info h3{font-size:19px}.project-info>span{font-size:9px}.clients .section-top{display:flex;align-items:end}.clients h2{font-size:35px}.logo-tile{height:100px}.logos .logo-tile{flex-basis:calc((100% - 12px)/2)}.last-cta{display:block;padding:66px 6%}.last-cta>a{display:inline-flex;margin-top:28px}.footer-main{grid-template-columns:1fr 1fr;gap:28px;padding:55px 6%}.footer-about{grid-column:1/-1}.footer-bottom{padding:23px 6%;flex-wrap:wrap}.footer-bottom span:nth-child(2){display:none}}@media(max-width:420px){.hero-image{height:300px;min-height:300px}.project-card,.project-card:nth-child(4),.project-card:nth-child(5){min-height:230px}.project-info h3{font-size:17px}.footer-main{grid-template-columns:1fr}.footer-about{grid-column:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Editorial refinements: one photographic hero, a heritage signature and a project mosaic. */
@media(min-width:721px){
 .site-header{box-shadow:0 4px 24px #12120e0b}
 .hero{display:block;min-height:min(770px,calc(100vh - 96px));isolation:isolate;overflow:hidden;background:#1c1c1a}
 .hero-image{position:absolute;inset:0;z-index:-1;min-height:0}
 .hero-image:before{width:5px;background:#d5aa45}
 .hero-image:after{background:linear-gradient(90deg,#1d1d1bf7 0%,#1d1d1be8 32%,#1d1d1b92 57%,#1d1d1b20 83%),linear-gradient(0deg,#0c0c0c6c,transparent 34%)}
 .hero-image img{object-position:center 46%;filter:saturate(.82) contrast(1.04)}
 .hero-text{min-height:min(770px,calc(100vh - 96px));width:min(75%,930px);max-width:none;padding-top:clamp(88px,11vh,145px);padding-right:0}
 .hero-text:after{right:18%;bottom:2%;width:430px;height:470px;opacity:.08}
 .hero h1{font-size:clamp(58px,6.8vw,108px);margin:28px 0 26px;max-width:790px;line-height:.99;letter-spacing:-.055em}
 .hero h1>span{display:block;color:#fff;font:600 clamp(18px,1.8vw,24px)/1.3 'Segoe UI',Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;margin-bottom:17px}
 .hero h1 em{font-family:Georgia,'Times New Roman',serif;display:block;color:#e0b755;font-weight:400;text-shadow:0 2px 25px #0008;line-height:1.03}
 .hero p{font-size:16px;max-width:550px;margin-top:18px;margin-bottom:31px;color:#f0eee8}
 .hero-link{background:var(--gold);color:#201d17;border:0;padding:15px 22px;min-width:254px;justify-content:space-between;transition:background .2s,transform .2s}
 .hero-link:hover{background:#e3bb61;color:#201d17;transform:translateY(-3px)}
 .hero-foot{max-width:560px;border-color:#ffffff55;color:#e2dcd0}
 .hero-side-mark{position:absolute;z-index:3;right:44px;top:46px;width:134px;height:134px;border:1px solid #e2c783a8;color:#f4e5c1;background:#2420168c;backdrop-filter:blur(4px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-align:center}
 .hero-side-mark strong{font:italic 43px/.95 Georgia,serif;color:#e1b449;letter-spacing:-.13em;padding-right:12px}
 .hero-side-mark span{font-size:9px;line-height:1.5;letter-spacing:.16em}
 .photo-label{right:38px;bottom:28px;background:#191813ae;color:#eac66c;padding:10px 12px}
 .why{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);column-gap:7%;align-items:center;padding-top:115px;padding-bottom:115px}
 .why .section-intro{display:block;margin:0;position:relative;z-index:1}
 .why .section-intro h2{font-size:clamp(39px,3.75vw,59px);margin-bottom:24px}
 .why .section-intro>p{max-width:320px;line-height:1.8}
 .why-heritage{font:italic clamp(78px,11vw,180px)/1 Georgia,serif;letter-spacing:-.09em;color:#c3993533;margin:10px 0 -4px -12px}
 .why .reasons{display:grid;grid-template-columns:repeat(2,1fr);border:0;gap:0}
 .why .reason{min-height:250px;padding:28px 25px 30px;border:0;border-top:1px solid #beb5a2}
 .why .reason:nth-child(odd){border-right:1px solid #d6ccb7;padding-left:0}
 .why .reason:nth-child(-n+2){border-bottom:1px solid #d6ccb7}
 .why .reason:nth-child(3),.why .reason:nth-child(4){border-top:0}
 .why .icon{margin:13px 0 16px}
 .why:after{right:-170px;top:-160px;opacity:.1;width:420px}
 .projects .project-grid{grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:16px}
 .projects .project-card{grid-column:span 5;grid-row:span 1;min-height:0}
 .projects .project-card:first-child{grid-column:span 7;grid-row:span 2}
 .projects .project-card:nth-child(4),.projects .project-card:nth-child(5){grid-column:span 6;grid-row:span 1}
 .projects .project-card:after{background:linear-gradient(transparent 30%,#0f0d09b8)}
 .projects .project-card:first-child .project-info h3{font-size:clamp(31px,3vw,46px)}
 .projects .project-card:first-child .project-info{left:40px;bottom:38px}
 .projects .project-card:hover:before{content:'';position:absolute;inset:0;z-index:2;border:7px solid #d1a73e;pointer-events:none}
}
@media(max-width:1000px) and (min-width:721px){
 .hero-text{width:82%;padding-top:85px}.hero h1{font-size:clamp(60px,7vw,77px)}
 .why{grid-template-columns:1fr;gap:35px}.why .section-intro{max-width:700px}.why-heritage{font-size:85px}.why .reasons{max-width:none;width:100%}
 .projects .project-grid{grid-auto-rows:210px}
}
@media(max-width:720px){
 .hero h1>span{display:block;font:600 13px/1.35 'Segoe UI',Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#fff;margin-bottom:13px}
 .hero h1 em{font:italic clamp(47px,11vw,67px)/1.03 Georgia,'Times New Roman',serif;color:#e0b755;letter-spacing:-.06em}
 .hero h1{margin:22px 0 22px}.hero p{font-size:15px}
 .hero-side-mark{position:absolute;z-index:3;top:18px;right:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76px;height:76px;border:1px solid #e4c473c9;color:white;background:#2420168c;text-align:center}
 .hero-side-mark strong{font:italic 24px Georgia,serif;color:#e0b755}.hero-side-mark span{font-size:6px;line-height:1.3;letter-spacing:.1em}
 .why-heritage{font:italic 100px/1 Georgia,serif;color:#c3993529;letter-spacing:-.1em;margin:-10px 0 -7px}
 .projects .project-card:first-child{grid-column:1/-1;min-height:320px}
}

@media(min-width:721px){.motif-ribbon{position:absolute;z-index:2;right:0;top:0;bottom:0;width:102px;background-color:#c59a31;background-image:url('assets/pattern-01.png');background-size:220px auto;background-repeat:repeat;box-shadow:-15px 0 36px #0b0b0b2b}.hero-side-mark{right:124px}.photo-label{right:125px}}
@media(max-width:720px){.motif-ribbon{display:none}}
/* Signature identity treatments from the brand guide. */
@media(min-width:721px){
 .hero-image:after{background:linear-gradient(90deg,#1d1d1bf9 0%,#1d1d1be3 29%,#1d1d1b80 53%,#1d1d1b0d 81%),linear-gradient(0deg,#0e0e0e6b,transparent 33%)}
 .hero h1{font-size:clamp(62px,7.2vw,110px);max-width:870px}
 .hero h1 em{font-style:normal;text-shadow:0 3px 26px #0008}
 .hero h1 em span{display:block}
 .hero h1 em span:first-child{font-style:normal;color:#f3eee3;letter-spacing:-.068em}
 .hero h1 em span:last-child{font-style:italic;color:#dfb454;transform:translateX(56px);letter-spacing:-.075em}
 .hero p{margin-top:34px;max-width:550px}
 .motif-ribbon{width:42px;background-size:150px auto;box-shadow:-12px 0 25px #0a0a0a24}
 .hero-side-mark{right:66px;top:45px;width:134px;height:145px;background:#f8f6eeef;color:#453a26;border:1px solid #cfaa52;box-shadow:0 16px 35px #0808084f;backdrop-filter:none;gap:9px}
 .hero-side-mark img{width:86px;height:72px;object-fit:contain}
 .hero-side-mark span{font-size:9px;letter-spacing:.15em;color:#735b22;white-space:nowrap}
 .photo-label{right:69px;background:#28251cdd;color:#dfc47e}
 .create{background:#b88d23}
 .create-pattern{opacity:.13}
 .projects .section-top h2 em,.clients .section-top h2 em{color:#ac821f}
 .project-card:first-child .project-info{border-left:3px solid #d6af51;padding-left:18px}
 .project-card:nth-child(2) .project-info,.project-card:nth-child(3) .project-info,.project-card:nth-child(4) .project-info,.project-card:nth-child(5) .project-info{border-left:2px solid #d6af51;padding-left:14px}
}
@media(max-width:720px){
 .hero h1 em span{display:block}
 .hero h1 em span:first-child{font-style:normal;color:#f3eee3}
 .hero h1 em span:last-child{font-style:italic;color:#dfb454;padding-left:18px}
 .hero-side-mark{width:82px;height:84px;gap:2px;background:#f8f6eee8;border-color:#cfaa52}
 .hero-side-mark img{width:51px;height:50px;object-fit:contain}
 .hero-side-mark span{color:#735b22;font-size:5px;letter-spacing:.06em;white-space:nowrap}
}
/* Client gallery: a complete two-row brand wall on desktop, swipeable on small screens. */
.clients{position:relative;overflow:hidden;background:#eee9de;padding-top:100px;padding-bottom:110px}
.clients:before{content:'';position:absolute;right:-140px;top:-180px;width:440px;height:470px;background:url('assets/pattern-02.png') center/cover;opacity:.045;pointer-events:none}
.clients .section-top{position:relative;z-index:1;border-bottom:1px solid #bea978;padding-bottom:28px;margin-bottom:34px;align-items:end}
.clients .section-top .eyebrow{color:#967018}
.client-index{display:flex;align-items:center;gap:15px;margin-left:auto;white-space:nowrap;color:#7a611e}
.client-index strong{font:italic 55px/.9 Georgia,serif;font-weight:400;letter-spacing:-.08em}
.client-index span{font-size:10px;line-height:1.35;letter-spacing:.13em;font-weight:700}
.clients .carousel-controls{display:none}
.clients .logos{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;max-width:1390px;padding:1px;background:#c3b698;border:0;overflow:visible;scroll-snap-type:none;scrollbar-width:none;box-shadow:0 20px 42px #33280b12}
.clients .logo-tile{display:grid;place-items:center;min-width:0;min-height:150px;height:150px;flex:none;padding:18px;background:#fdfcf9;border:0;position:relative;transition:background .22s,transform .22s,box-shadow .22s}
.clients .logo-tile:after{content:'';position:absolute;left:25%;right:25%;bottom:0;height:3px;background:#b88f25;transform:scaleX(0);transition:transform .25s}
.clients .logo-tile:hover{background:#fff;transform:translateY(-5px);z-index:2;box-shadow:0 13px 25px #31250d20}
.clients .logo-tile:hover:after{transform:scaleX(1)}
.clients .logo-tile img{max-width:81%;max-height:70%;width:auto;height:auto;object-fit:contain}
.clients .client-caption{display:none}
@media(max-width:1000px) and (min-width:721px){.clients .logos{grid-template-columns:repeat(4,minmax(0,1fr))}.clients .logo-tile{height:135px;min-height:135px}}
@media(max-width:720px){
 .clients{padding-top:75px;padding-bottom:75px}
 .clients .section-top{display:flex;align-items:end;gap:8px}
 .client-index{display:none}
 .clients .carousel-controls{display:flex;margin-left:auto}
 .clients .logos{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:9px;padding:3px 0 15px;background:none;box-shadow:none;scrollbar-width:thin;scrollbar-color:#b88f25 transparent}
 .clients .logo-tile{flex:0 0 min(58vw,215px);height:132px;min-height:132px;border:1px solid #c3b698;scroll-snap-align:start}
 .clients .logo-tile:hover{transform:none;box-shadow:none}
 .clients .client-caption{display:block;margin-top:9px;font-size:10px;color:#8d7b52}
}
/* Language control, interaction and finishing. */
.lang-switch{border:1px solid #d4c49e;background:#fbfaf6;color:#4a3b22;padding:8px 10px;font-size:12px;letter-spacing:.04em;white-space:nowrap;display:flex;align-items:center;gap:4px;min-width:65px;justify-content:center}
.lang-switch strong{font-weight:750;color:#967018}.lang-switch span{color:#817b6f}.lang-switch:hover{border-color:#b88f25;background:#f4eddb}
.footer-mark{background:transparent;padding:0;filter:grayscale(1) invert(1) brightness(3.3);mix-blend-mode:screen;width:162px;height:70px;object-fit:contain}
.social a{width:46px;height:42px;border:1px solid #877958;color:#f2e8ce;transition:background .2s,border-color .2s,transform .2s}
.social a svg{width:18px;height:18px;display:block}
.social a:hover,.social a:focus-visible{background:#b88f25;border-color:#b88f25;color:#1f1f1d;transform:translateY(-3px)}
.hero-image{--move-x:0px;--move-y:0px}
.hero-image img{transform:translate3d(var(--move-x),var(--move-y),0) scale(1.025);transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .5s;will-change:transform}
.hero-image:hover img,.hero-image.is-touched img{transform:translate3d(var(--move-x),var(--move-y),0) scale(1.065);filter:saturate(.99) contrast(1.06)}
.hero-image .photo-label{transition:transform .4s,background .4s}
.hero-image:hover .photo-label,.hero-image.is-touched .photo-label{transform:translateY(-6px);background:#1b1911ee}
.clients{padding-top:64px;padding-bottom:82px}
.clients .section-top{margin-bottom:18px;padding-bottom:19px}
.clients .logos{align-items:stretch}
.clients .logo-tile{height:128px;min-height:128px;place-items:center;overflow:hidden}
.clients .logo-tile img{display:block;width:auto;height:auto;max-width:85%;max-height:80%;object-fit:contain;object-position:center;justify-self:center;align-self:center;transform:translateY(-3px);transition:transform .35s ease,filter .35s ease}
.clients .logo-tile:hover img,.clients .logo-tile.is-active img,.clients .logo-tile.is-pressed img{transform:translateY(-6px) scale(1.075)}
.clients .logo-tile.is-active{background:#fffaf0;box-shadow:inset 0 0 0 1px #d2ad54}
.clients .logo-tile.is-active:after,.clients .logo-tile.is-pressed:after{transform:scaleX(1)}
@keyframes logoReveal{from{opacity:.55;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.clients.is-visible .logo-tile{animation:logoReveal .65s both cubic-bezier(.18,.7,.3,1);animation-delay:calc(var(--i,0) * 70ms)}
@media(max-width:1000px) and (min-width:721px){.clients .logo-tile{height:128px;min-height:128px}}
@media(max-width:720px){.lang-switch{margin-left:auto;padding:7px 8px;font-size:11px}.brand{margin-right:0}.clients{padding-top:60px;padding-bottom:68px}.clients .section-top{margin-bottom:16px}.clients .logo-tile{height:122px;min-height:122px}.clients .logo-tile img{max-height:78%}.hero-image img{will-change:auto}}
@media(prefers-reduced-motion:reduce){.hero-image img,.hero-image:hover img,.hero-image.is-touched img{transform:none!important;transition:none!important}.clients.is-visible .logo-tile{animation:none}.clients .logo-tile img{transition:none}}

@media(min-width:721px){.hero:hover .hero-image img{transform:translate3d(var(--move-x),var(--move-y),0) scale(1.065);filter:saturate(.99) contrast(1.06)}.hero:hover .hero-image .photo-label{transform:translateY(-6px)}}

/* A continuous, left-to-right client procession. The second set makes the loop seamless. */
.create-pattern{opacity:.075}
.clients .logos{display:block;overflow:hidden;padding:8px 0 16px;background:transparent;box-shadow:none;scroll-snap-type:none;scrollbar-width:none;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.clients .logo-track{display:flex;width:max-content;transform:translateX(-50%);animation:clientProcession 48s linear infinite;animation-play-state:paused}
.clients.is-visible .logo-track{animation-play-state:running}
.clients .logos:hover .logo-track,.clients .logos:focus-visible .logo-track{animation-play-state:paused}
.clients .logo-group{display:flex;gap:12px;padding-right:12px;flex:none}
.clients .logo-group .logo-tile{width:clamp(170px,16vw,220px);flex:none;border:1px solid #ddd4c1;box-shadow:0 7px 18px #3229140b}
.clients .logo-group .logo-tile:hover{transform:translateY(-3px)}
@keyframes clientProcession{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@media(max-width:720px){
 .why-heritage{font-family:Georgia,'Times New Roman',serif;font-style:normal;font-weight:800;letter-spacing:-.075em;color:#b689294b}
 .create-pattern{opacity:.055}
 .clients .section-top{margin-bottom:16px}
 .clients .logos{display:block;overflow:hidden;padding:7px 0 13px;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent)}
 .clients .logo-track{animation-duration:42s}
 .clients .logo-group{gap:10px;padding-right:10px}
 .clients .logo-group .logo-tile{width:180px;height:122px;min-height:122px;flex:none}
}
@media(prefers-reduced-motion:reduce){
 .clients .logos{overflow:visible;mask-image:none}
 .clients .logo-track{width:100%;transform:none;animation:none!important}
 .clients .logo-group{display:grid;width:100%;grid-template-columns:repeat(6,minmax(0,1fr));padding:0}
 .clients .logo-group .logo-tile{width:auto}
 .clients .logo-group:nth-child(2){display:none}
}
@media(max-width:1000px) and (prefers-reduced-motion:reduce){.clients .logo-group{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px) and (prefers-reduced-motion:reduce){.clients .logo-group{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Fade the official motif into the gold surface on its left edge. */
.create-pattern{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 42%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 42%,#000 100%)}
@media(max-width:720px){.create-pattern{-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 100%);mask-image:linear-gradient(90deg,transparent 0%,#000 55%,#000 100%)}}

/* Show the client marks directly on the gallery surface, without colored cards. */
/* CLIENT LOGOS — CLEAN, TANPA BLOK HITAM */
/* =========================
   FIX LOGO CLIENT
   ========================= */

/* container marquee */
.clients .logos{
    display:block;
    overflow:hidden;
    padding:8px 24px 16px; /* kasih ruang kiri-kanan */
    background:transparent;
    box-shadow:none;
    scroll-snap-type:none;
    scrollbar-width:none;

    /* hilangkan fade yang bikin logo ujung kepotong */
    -webkit-mask-image:none;
    mask-image:none;
}

.clients .logo-track{
    display:flex;
    align-items:center;
    width:max-content;
    animation:clientProcession 48s linear infinite;
}

.clients .logo-group{
    display:flex;
    align-items:center;
    gap:16px;
    padding-right:16px;
    flex:none;
}

/* tile logo */
.clients .logo-group .logo-tile{
    width:clamp(170px,16vw,220px);
    height:128px;
    padding:14px 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    overflow:visible;
    background:transparent;
    border:1px solid #ddd4c1;
    box-shadow:none;
}

/* gambar logo */
.clients .logo-tile img,
.clients .logo-group .logo-tile img{
    width:auto !important;
    height:auto !important;
    max-width:82% !important;
    max-height:68% !important;
    object-fit:contain !important;
    object-position:center !important;
    display:block;
    margin:auto;

    filter:none !important;
    -webkit-filter:none !important;
    mix-blend-mode:normal !important;
}
/* FIX ICON & PANAH MOBILE — JANGAN JADI EMOJI */

/* icon 01–04 */
.reason .icon{
    font-size:0 !important;
    font-family:"Times New Roman", Georgia, serif !important;
}

.reason .icon::before{
    font-size:34px;
    color:#a47c1e;
    font-family:"Times New Roman", Georgia, serif !important;
    font-variant-emoji:text;
}

.reason:nth-child(1) .icon::before{content:"✧︎";}
.reason:nth-child(2) .icon::before{content:"◇︎";}
.reason:nth-child(3) .icon::before{content:"♧︎";}
.reason:nth-child(4) .icon::before{content:"✳︎";}


/* semua panah tombol */
.hero-link span[aria-hidden="true"],
.light-button span[aria-hidden="true"],
.text-cta span[aria-hidden="true"],
.last-cta a span[aria-hidden="true"]{
    font-size:0 !important;
}