/* The Brokers — broad premium refresh, 17 October 2026. */

/* Home — portfolio */
.home-portfolio-section{
  background:#f8f6ef;
  border-bottom:1px solid #e5dfd0;
}
.home-portfolio-section .section-head{align-items:flex-end;margin-bottom:40px}
.home-portfolio-section .section-head .eyebrow{color:var(--gold-dark)}
.home-portfolio-section .section-head h2{max-width:650px;font-size:clamp(38px,4.2vw,58px);line-height:1.08}
.home-portfolio-section .featured-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.home-portfolio-section .commodity-card{
  border:1px solid #e1ddcf;
  border-radius:0;
  background:#f1eee4;
  box-shadow:0 8px 22px #1b2a3510;
  transition:transform .24s ease,box-shadow .24s ease;
}
.home-portfolio-section .card-image{aspect-ratio:1.02}
.home-portfolio-section .card-image img{transition:transform .32s ease}
.home-portfolio-section .commodity-card:hover{transform:translateY(-2px);box-shadow:0 13px 28px #1b2a3518}
.home-portfolio-section .commodity-card:hover .card-image img{transform:scale(1.025)}
.home-portfolio-section .card-index{color:#f0dfb7}
.home-portfolio-section .card-meta{background:#f3f0e7;border-top:1px solid #e3ddcc}
.home-portfolio-section .portfolio-more{padding-top:19px;border-top:1px solid #ded8c8}
.home-portfolio-section .portfolio-more>span{color:#786a48;font-size:9px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}
.home-portfolio-section .portfolio-links{gap:9px 23px}
.home-portfolio-section .portfolio-links a{border-color:#c5baa0;font-size:10px}

/* Home — international presence: supplied portrait at left, copy at right. */
.home-international-section{
  padding-top:clamp(68px,8vw,108px);
  padding-bottom:clamp(68px,8vw,108px);
  background:#efede3;
  border-bottom:1px solid #ded8c8;
}
.home-international-section .international-layout{
  display:grid;
  grid-template-columns:minmax(0,1.03fr) minmax(0,.97fr);
  align-items:center;
  gap:clamp(42px,7vw,96px);
}
.home-international-section .home-international-photo{
  position:relative;
  min-width:0;
  min-height:470px;
  margin:0;
}
.home-international-section .home-international-photo::before{
  content:"";
  position:absolute;
  inset:20px 0 0 20px;
  border:1px solid #b99a53;
  pointer-events:none;
}
.home-international-section .home-international-photo img{
  position:absolute;
  z-index:1;
  inset:0 24px 24px 0;
  width:calc(100% - 24px);
  height:calc(100% - 24px);
  object-fit:cover;
  object-position:62% center;
  filter:saturate(.84) contrast(.98);
}
.home-international-section .home-international-photo figcaption{
  position:absolute;
  z-index:2;
  right:0;
  bottom:0;
  max-width:78%;
  padding:10px 14px;
  background:var(--navy-deep);
  color:#f3ead4;
  font-size:9px;
  line-height:1.55;
  letter-spacing:.045em;
}
.home-international-section .home-international-copy{min-width:0;padding:8px 0}
.home-international-section .home-international-copy .eyebrow{color:var(--gold-dark);margin-bottom:21px}
.home-international-section .home-international-copy h2{
  max-width:610px;
  color:var(--ink);
  font-size:clamp(39px,4.15vw,59px);
  line-height:1.08;
  overflow-wrap:anywhere;
}
.home-international-section .home-international-copy h2 .serif{
  display:block;
  margin-top:5px;
  color:var(--gold-dark);
  font-size:1.04em;
}
.home-international-section .home-international-copy p{
  max-width:56ch;
  margin-top:23px;
  color:#52616a;
  font-size:13px;
  line-height:1.95;
}
.home-international-section .home-international-copy .international-rule{width:76px;height:1px;margin:27px 0 21px;background:#b99a53}
.home-international-section .home-international-copy .btn-text{color:var(--navy);border-color:#9f8953}
.home-international-section .home-international-copy .btn-text:hover{color:var(--gold-dark)}

/* Home — company story, retaining the current dark-navy editorial split. */
.home-story-section{min-height:560px;background:#102a3d}
.home-story-section .story-copy{padding:clamp(54px,7.2vw,96px) clamp(30px,6.2vw,88px)}
.home-story-section .story-copy h2{max-width:540px;font-size:clamp(37px,3.75vw,56px);line-height:1.1}
.home-story-section .story-copy p{max-width:52ch;margin-top:24px;font-size:13px;line-height:1.95;color:#d0d9dd}
.home-story-section .story-copy .eyebrow{color:var(--gold)}
.home-story-section .mini-principles{gap:13px 22px;margin-top:26px}
.home-story-section .mini-principles span{font-size:9px;letter-spacing:.015em;color:#e0e5e2}
.home-story-section .mini-principles svg{color:var(--gold);width:14px;height:14px}
.home-story-section .story-copy .btn-text{margin-top:25px;color:#f1dfb6;border-color:#c8b47e}
.home-story-section .story-image{min-height:560px}
.home-story-section .story-image img{object-position:58% center;filter:saturate(.8)}
.home-story-section .image-caption{max-width:75%;font-size:9px;letter-spacing:.03em}

/* Home and Activities — shared commercial process, presented as an accessible ordered list. */
.commercial-process{background:#f8f6ef}
.commercial-process .section-head{margin-bottom:0}
.commercial-process .section-head .eyebrow{color:var(--gold-dark)}
.commercial-process .section-head h2{font-size:clamp(36px,3.8vw,52px);line-height:1.12}
.commercial-process .section-head>p{max-width:360px;color:#5b6870}
.commercial-process .process-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(17px,2.5vw,34px);
  margin:47px 0 0;
  padding:0;
  list-style:none;
}
.commercial-process .process-step{
  min-width:0;
  padding:18px 0 0;
  border-top:1px solid #b9a568;
}
.commercial-process .process-step-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:16px;
  border-bottom:1px solid #dfdacb;
}
.commercial-process .process-step .number{
  color:#8b6e2c;
  font-family:Instrument,Georgia,serif;
  font-size:36px;
  line-height:1;
}
.commercial-process .process-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  width:38px;
  height:38px;
  border:1px solid #d4c79f;
  border-radius:50%;
  color:#80682e;
}
.commercial-process .process-icon svg{width:17px;height:17px}
.commercial-process .process-step h3{
  margin:20px 0 10px;
  color:var(--navy);
  font-family:Instrument,Georgia,serif;
  font-size:21px;
  font-weight:400;
  line-height:1.25;
  letter-spacing:0;
}
.commercial-process .process-step p{max-width:31ch;color:#596772;font-size:11px;line-height:1.9}
.commercial-process .process-foot{border-color:#d9d3c2}
.commercial-process .process-foot p{color:#657078;font-size:10px}
.commercial-process .process-foot .btn-text{color:var(--navy);border-color:#a28b53}

/* Home — FAQ remains native details/summary, with a clear visible disclosure affordance. */
.home-faq-section{background:#f2efe5;border-top-color:#dfd8c6!important}
.home-faq-section .faq-section{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(44px,8vw,112px)}
.home-faq-section .lead .eyebrow{color:var(--gold-dark)}
.home-faq-section .lead h2{max-width:470px;font-size:clamp(38px,4.1vw,56px);line-height:1.1}
.home-faq-section .lead h2 .serif{display:block;color:var(--gold-dark)}
.home-faq-section .lead p{max-width:39ch;color:#59666d;font-size:12px;line-height:1.95}
.home-faq-section .faq-list{border-top:1px solid #cfc6ad}
.home-faq-section .faq-list details{border-bottom:1px solid #d9d2c1}
.home-faq-section .faq-list summary{
  position:relative;
  padding:21px 42px 21px 0;
  color:var(--ink);
  font-size:12px;
  line-height:1.65;
}
.home-faq-section .faq-list summary::-webkit-details-marker{display:none}
.home-faq-section .faq-list summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:3px;
  width:24px;
  height:24px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
  border:1px solid #c2b386;
  border-radius:50%;
  color:#785f26;
  font-size:16px;
  font-weight:400;
  line-height:1;
}
.home-faq-section .faq-list details[open] summary::after{content:"−"}
.home-faq-section .faq-list details[open] summary{color:#745d2b}
.home-faq-section .faq-list details p{max-width:68ch;padding:0 40px 20px 0;color:#596772;font-size:11px;line-height:1.9}

/* Home — final demand CTA only; other page CTAs retain the restored theme. */
.cta-section.cta-home-final{
  padding:0;
  background:#efede3!important;
  color:var(--ink)!important;
  border-top:1px solid #ded8c8;
  border-bottom:1px solid #ded8c8;
}
.cta-home-final::after{display:none!important}
.cta-home-final .cta-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:clamp(34px,6vw,84px);
  padding-top:clamp(58px,7.5vw,94px);
  padding-bottom:clamp(58px,7.5vw,94px);
}
.cta-home-final .cta-inner .eyebrow{color:var(--gold-dark)!important}
.cta-home-final .cta-inner h2{
  max-width:760px;
  color:var(--ink)!important;
  font-size:clamp(42px,5vw,68px);
  line-height:1.04;
}
.cta-home-final .cta-inner h2 .serif{color:var(--gold-dark)!important}
.cta-home-final .cta-inner p{max-width:57ch;margin-top:19px;color:#56636b!important;font-size:13px;line-height:1.9}
.cta-home-final .btn-gold{min-width:225px;justify-self:end;border:1px solid #c5b078;background:#e2cc95;color:#10283b}
.cta-home-final .btn-gold:hover{background:#ead9ad;border-color:#ad9251;color:#10283b}

/* Activities — open editorial service grid; no generic tile/card treatment. */
.services-overview-section{background:#f5f3eb}
.services-overview-section .section-head{align-items:flex-end}
.services-overview-section .section-head h2{max-width:660px;font-size:clamp(37px,4vw,55px);line-height:1.1}
.services-overview-section .section-head>p{max-width:390px}
.services-overview-section .services-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,4vw,54px)}
.services-overview-section .service{
  min-width:0;
  padding:27px 0 17px!important;
  border-top:1px solid #b7a36c!important;
  background:transparent!important;
  box-shadow:none!important;
  transform:none!important;
}
.services-overview-section .service>svg{
  width:31px!important;
  height:31px!important;
  margin:0 0 21px!important;
  color:#8a712f!important;
}
.services-overview-section .service h3{
  margin:0 0 12px!important;
  color:var(--navy)!important;
  font-family:Instrument,Georgia,serif;
  font-size:22px!important;
  font-weight:400!important;
  line-height:1.25;
}
.services-overview-section .service p{max-width:38ch;color:#58656d!important;font-size:11px!important;line-height:1.9!important}

/* About — targeted page intro and the portfolio/approach editorial split. */
.about-page-intro{
  background:linear-gradient(112deg,#0a1b2b 0%,#112c40 68%,#18364b 100%);
  border-bottom:1px solid #b69a4270;
}
.about-page-intro .breadcrumb{color:#c1cbd0}
.about-page-intro .eyebrow{color:var(--gold)}
.about-page-intro h1{max-width:850px;font-size:clamp(43px,5vw,70px);line-height:1.06}
.about-page-intro h1 .serif{color:#e2cc95}
.about-page-intro p{max-width:62ch}
.about-story-section{background:#f7f5ed}
.about-story-section .two-col{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:clamp(42px,7vw,92px)}
.about-story-section .body-copy>.eyebrow{color:var(--gold-dark)}
.about-story-section .body-copy h2{max-width:560px;font-size:clamp(37px,4vw,54px);line-height:1.08}
.about-story-section .body-copy h2 .serif{color:var(--gold-dark)}
.about-story-section .body-copy p{max-width:59ch;color:#58656d;font-size:12px;line-height:1.95}
.about-story-section .body-copy .btn-dark{margin-top:8px;background:var(--navy-deep)}
.about-story-section .editorial-image{
  width:100%;
  aspect-ratio:.94;
  object-fit:cover;
  border:1px solid #dfd8c6;
  outline:1px solid #c4ad68;
  outline-offset:8px;
  box-shadow:0 14px 34px #192a3614;
}

/* About — principles as numbered editorial columns, not feature cards. */
.about-principles-section{background:#f4f5f6}
.about-principles-section .wrap>h2{max-width:710px;color:var(--ink);font-size:clamp(38px,4vw,54px)}
.about-principles-section .principles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,4vw,54px);margin-top:38px}
.about-principles-section .principle{
  min-width:0;
  min-height:188px;
  padding:19px 0 0;
  border-top:1px solid #b9a568;
}
.about-principles-section .principle-index{
  display:block;
  margin-bottom:16px;
  color:#8c712e;
  font-family:Instrument,Georgia,serif;
  font-size:22px;
  line-height:1;
}
.about-principles-section .principle h3{margin:0 0 12px;color:var(--navy);font-family:Instrument,Georgia,serif;font-size:23px;font-weight:400;line-height:1.2}
.about-principles-section .principle p{max-width:35ch;color:#59666d;font-size:11px;line-height:1.9}

/* About — the named team section only. */
.about-team-section{background:#f7f5ed}
.about-team-section .section-head .eyebrow{color:var(--gold-dark)}
.about-team-section .section-head h2{font-size:clamp(38px,4vw,54px)}
.about-team-section .team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:32px}
.about-team-section .team-card{
  min-width:0;
  padding:28px!important;
  gap:21px;
  align-items:center;
  background:#f0ede3!important;
  border:0!important;
  border-top:1px solid #baa66c!important;
  box-shadow:none!important;
}
.about-team-section .team-card .monogram{
  width:66px;
  height:66px;
  flex:0 0 66px;
  border:1px solid #c2aa69!important;
  background:#f7f4e9!important;
  color:#81682d!important;
  font-size:27px;
}
.about-team-section .team-card h3{color:var(--navy);font-family:Instrument,Georgia,serif;font-size:21px;font-weight:400}
.about-team-section .team-card p{color:#68737a;font-size:10px}
.about-team-section .team-card a{color:#6f5a2a;border-color:#bdac7d;font-size:10px}
.about-team-section .team-card a:focus-visible{outline-offset:4px}

/* Procedures — only the named Procedures page intro and its document surface. */
.procedure-page-intro{
  background:linear-gradient(112deg,#0a1b2b 0%,#112c40 68%,#18364b 100%);
  border-bottom:1px solid #b69a4270;
}
.procedure-page-intro .breadcrumb{color:#c1cbd0}
.procedure-page-intro h1{max-width:980px;font-size:clamp(42px,5vw,68px);line-height:1.08}
.procedure-document{background:#f2efe5;padding-bottom:clamp(60px,7vw,92px)}
.procedure-document .procedure-source .btn{min-height:47px}
.procedure-document .procedure-doc{
  overflow:hidden;
  border:1px solid #ded7c6;
  border-top:3px solid #b69a42;
  background:#fbfaf5;
  box-shadow:0 12px 32px #1b29320b;
}
.procedure-document .procedure-doc-heading{background:#f1eee3;border-bottom-color:#ded7c6}
.procedure-document .procedure-doc-section{position:relative;border-bottom-color:#e2ddcf}
.procedure-document .procedure-doc-section h3{display:flex;align-items:baseline;gap:14px;color:#80682f}
.procedure-document .procedure-doc-section h3::before{
  content:attr(data-section-number);
  display:inline-block;
  flex:0 0 auto;
  color:#b19859;
  font-family:Manrope,Arial,sans-serif;
  font-size:10px;
  font-style:normal;
  font-weight:700;
  letter-spacing:.12em;
  vertical-align:middle;
}
.procedure-document .procedure-doc-item h4{color:#173249}
.procedure-document .procedure-doc-item p{color:#56636b}

/* Contact — focused treatment of the page intro, contact channels and existing form. */
.contact-page-intro{
  background:linear-gradient(112deg,#0a1b2b 0%,#112c40 68%,#18364b 100%);
  border-bottom:1px solid #b69a4270;
}
.contact-page-intro .breadcrumb{color:#c1cbd0}
.contact-page-intro .eyebrow{color:var(--gold)}
.contact-page-intro h1{max-width:890px;font-size:clamp(42px,5vw,68px);line-height:1.08}
.contact-page-intro h1 .serif{color:#e2cc95}
.contact-page-intro p{max-width:62ch}
.contact-main-section{background:#f2efe5}
.contact-main-section .contact-layout{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(38px,6vw,78px);align-items:start}
.contact-main-section .contact-intro{padding:8px 0 0}
.contact-main-section .contact-intro .eyebrow{color:var(--gold-dark)}
.contact-main-section .contact-intro h2{max-width:460px;color:var(--ink);font-family:Instrument,Georgia,serif;font-size:clamp(35px,3.6vw,48px);font-weight:400;line-height:1.15}
.contact-main-section .contact-intro>p{max-width:52ch;color:#59666d;font-size:12px;line-height:1.95}
.contact-main-section .contact-channel{border-color:#d3cbb8}
.contact-main-section .contact-channel .caption{color:#80682f}
.contact-main-section .contact-channel>a{color:#173249;font-size:12px;font-weight:700}
.contact-main-section .contact-channel>a:hover{color:#80682f}
.contact-main-section .contact-channel small{color:#657078;font-size:9px;line-height:1.7}
.contact-main-section .contact-intro .note{color:#6a7479;font-size:10px;line-height:1.85}
.contact-main-section .contact-form{
  padding:clamp(24px,3vw,42px);
  border:1px solid #ddd6c5;
  border-top:2px solid #b69a42;
  background:#fbfaf6;
  box-shadow:0 12px 30px #1b29320b;
}
.contact-main-section .form-top{align-items:flex-start;border-bottom:1px solid #e3dece;padding-bottom:17px}
.contact-main-section .form-top h2{color:var(--navy);font-family:Instrument,Georgia,serif;font-size:28px;font-weight:400}
.contact-main-section .form-top span{color:#70797c;line-height:1.6}
.contact-main-section .field label{color:#253b4b;font-size:10px}
.contact-main-section .field label span{color:#757e80}
.contact-main-section .field input,
.contact-main-section .field select,
.contact-main-section .field textarea{
  border-color:#d1cbbd;
  background:#fffefa;
  color:var(--ink);
}
.contact-main-section .field input:focus,
.contact-main-section .field select:focus,
.contact-main-section .field textarea:focus{border-color:#9a8144;outline-color:#e2d5ae}
.contact-main-section .form-privacy{color:#657078;font-size:9px;line-height:1.8}
.contact-main-section .form-preview-note{color:#7a817f;font-size:9px;line-height:1.7}
.contact-main-section .quote-result{border-color:#c9b579;background:#f5f0e1}

/* Tablet and mobile layouts for the approved sections. */
@media(max-width:980px){
  .home-portfolio-section .featured-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .home-international-section .international-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:35px}
  .home-international-section .home-international-photo{min-height:390px}
  .home-international-section .home-international-copy h2{font-size:clamp(36px,4.5vw,48px)}
  .home-story-section .story-copy{padding:54px 34px}
  .home-story-section .story-image{min-height:480px}
  .commercial-process .process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 28px}
  .home-faq-section .faq-section{gap:45px}
  .services-overview-section .services-grid{gap:25px}
  .about-story-section .two-col{gap:42px}
  .about-team-section .team-grid{gap:15px}
  .contact-main-section .contact-layout{gap:36px}
}
@media(max-width:720px){
  .home-portfolio-section .section-head{margin-bottom:28px}
  .home-portfolio-section .section-head h2{font-size:clamp(35px,8vw,44px)}
  .home-portfolio-section .featured-grid{grid-template-columns:minmax(0,1fr);gap:20px}
  .home-portfolio-section .card-image{aspect-ratio:1.18}
  .home-portfolio-section .portfolio-more{align-items:flex-start;flex-direction:column;gap:14px}
  .home-portfolio-section .portfolio-links{gap:9px 18px}
  .home-international-section{padding-top:58px;padding-bottom:60px}
  .home-international-section .international-layout{grid-template-columns:minmax(0,1fr);gap:33px}
  .home-international-section .home-international-photo{min-height:0;aspect-ratio:1.23;margin:0 5px 0 0}
  .home-international-section .home-international-photo img{inset:0 14px 14px 0;width:calc(100% - 14px);height:calc(100% - 14px)}
  .home-international-section .home-international-photo::before{inset:12px 0 0 12px}
  .home-international-section .home-international-photo figcaption{max-width:88%;font-size:8px;padding:8px 10px}
  .home-international-section .home-international-copy{padding:0}
  .home-international-section .home-international-copy h2{font-size:clamp(36px,8vw,47px)}
  .home-international-section .home-international-copy p{font-size:12px;margin-top:17px}
  .home-international-section .home-international-copy .international-rule{margin:22px 0 14px}
  .home-story-section{grid-template-columns:minmax(0,1fr);min-height:0}
  .home-story-section .story-copy{padding:52px 26px 45px}
  .home-story-section .story-copy h2{font-size:clamp(36px,8vw,44px)}
  .home-story-section .story-copy p{font-size:12px}
  .home-story-section .story-image{min-height:350px;max-height:430px}
  .home-story-section .mini-principles{gap:12px 16px}
  .home-story-section .mini-principles span{font-size:8px}
  .commercial-process .section-head h2{font-size:clamp(34px,7.5vw,43px)}
  .commercial-process .process-grid{grid-template-columns:minmax(0,1fr);gap:15px;margin-top:28px}
  .commercial-process .process-step{padding:16px 0 2px}
  .commercial-process .process-step-top{padding-bottom:12px}
  .commercial-process .process-step h3{margin-top:15px;font-size:21px}
  .commercial-process .process-step p{max-width:60ch}
  .commercial-process .process-foot{align-items:flex-start;flex-direction:column;gap:15px;margin-top:27px;padding-top:21px}
  .home-faq-section .faq-section{grid-template-columns:minmax(0,1fr);gap:28px}
  .home-faq-section .lead h2{font-size:clamp(36px,8vw,44px)}
  .home-faq-section .lead p{margin-top:15px;font-size:11px}
  .home-faq-section .faq-list summary{padding:18px 40px 18px 0;font-size:11px}
  .home-faq-section .faq-list details p{font-size:10px;padding-bottom:18px}
  .cta-home-final .cta-inner{grid-template-columns:minmax(0,1fr);gap:25px;align-items:start}
  .cta-home-final .cta-inner h2{font-size:clamp(39px,8vw,49px)}
  .cta-home-final .cta-inner p{font-size:12px}
  .cta-home-final .btn-gold{justify-self:start;min-width:0}
  .services-overview-section .section-head{gap:20px}
  .services-overview-section .section-head h2{font-size:clamp(35px,8vw,44px)}
  .services-overview-section .services-grid{grid-template-columns:minmax(0,1fr);gap:9px}
  .services-overview-section .service{padding:22px 0 17px!important}
  .services-overview-section .service>svg{margin-bottom:15px!important}
  .services-overview-section .service h3{font-size:21px!important}
  .about-page-intro h1,.contact-page-intro h1,.procedure-page-intro h1{font-size:clamp(38px,8vw,48px)}
  .about-story-section .two-col{grid-template-columns:minmax(0,1fr);gap:34px}
  .about-story-section .body-copy h2{font-size:clamp(35px,8vw,44px)}
  .about-story-section .editorial-image{aspect-ratio:1.16;outline-offset:5px}
  .about-principles-section .wrap>h2{font-size:clamp(35px,8vw,44px)}
  .about-principles-section .principles-grid{grid-template-columns:minmax(0,1fr);gap:8px;margin-top:25px}
  .about-principles-section .principle{min-height:0;padding-top:17px;padding-bottom:7px}
  .about-principles-section .principle-index{margin-bottom:11px}
  .about-team-section .section-head h2{font-size:clamp(35px,8vw,44px)}
  .about-team-section .team-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:25px}
  .about-team-section .team-card{padding:22px 18px!important;gap:17px}
  .about-team-section .team-card .monogram{width:56px;height:56px;flex-basis:56px;font-size:23px}
  .procedure-document{padding-top:28px}
  .procedure-document .procedure-doc-section h3{align-items:flex-start;gap:10px}
  .procedure-document .procedure-doc-section h3::before{margin-top:7px}
  .contact-main-section .contact-layout{grid-template-columns:minmax(0,1fr);gap:34px}
  .contact-main-section .contact-intro h2{font-size:36px}
  /* Keep the form card balanced at every mobile width. */
  .contact-main-section .contact-form{padding:24px 20px;margin:0}
  .contact-main-section .form-top h2{font-size:25px}
  .contact-main-section .form-grid{grid-template-columns:minmax(0,1fr);gap:17px}
  .contact-main-section .field{grid-column:1/-1}
}
@media(max-width:420px){
  .home-story-section .story-copy{padding-left:22px;padding-right:22px}
  .home-story-section .story-image{min-height:315px}
  .home-portfolio-section .card-category h3{font-size:27px}
  .about-team-section .team-card{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){
  .home-portfolio-section .commodity-card,
  .home-portfolio-section .card-image img{transition:none!important}
  .home-portfolio-section .commodity-card:hover,
  .home-portfolio-section .commodity-card:hover .card-image img{transform:none!important}
}
html[lang^="zh"] .home-international-section .home-international-copy h2,
html[lang^="zh"] .home-story-section .story-copy h2,
html[lang^="zh"] .about-page-intro h1,
html[lang^="zh"] .about-principles-section h2,
html[lang^="zh"] .procedure-page-intro h1,
html[lang^="zh"] .contact-page-intro h1,
html[lang^="zh"] .contact-main-section .contact-intro h2,
html[lang^="zh"] .cta-home-final h2{letter-spacing:0}


/* Premium review 17-10-2026: compact workspace, navy/gold identity and dimensional surfaces. */
:root{--max:1160px}
.preview-bar{background:#f0eee7;color:#53616a;align-items:center;min-height:28px;padding-top:6px;padding-bottom:6px;font-size:9px}
.preview-mobile-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:28px;margin-left:auto;padding:4px 11px;border:1px solid #ad904a;border-radius:999px;background:linear-gradient(180deg,#f1e4bd 0%,#dfc77f 100%);color:#183149;font-size:9px;font-weight:800;line-height:1.1;letter-spacing:.01em;text-decoration:none;text-transform:none;white-space:nowrap;box-shadow:0 1px 2px #172b3d20;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.preview-mobile-link svg{width:13px;height:15px;flex:0 0 13px;stroke-width:1.8}.preview-mobile-link:hover{background:linear-gradient(180deg,#faedc8 0%,#e9d597 100%);box-shadow:0 2px 5px #172b3d2a;transform:translateY(-1px)}.preview-mobile-link:focus-visible{outline:2px solid #81662c;outline-offset:2px}
.header{background:#0a1b2b!important;color:#f7f6f0!important;border-bottom:1px solid #b9964e}
.header-inner{display:grid!important;grid-template-columns:auto minmax(0,1fr);grid-template-rows:25px 39px;gap:3px clamp(16px,2.4vw,32px);height:auto!important;min-height:82px;padding-top:6px;padding-bottom:6px}
.brand-v3{grid-column:1;grid-row:1/3;gap:9px;color:#fff}.brand-motion{width:66px!important;height:66px!important;flex:none}.brand-v3 .brand-motion>.brand-poster{width:100%;height:100%;object-fit:contain}.brand-wordmark{display:flex;flex-direction:column;gap:3px;white-space:nowrap}.brand-wordmark strong{font-size:15px;color:#fff;line-height:1.2}.brand-wordmark small{font-size:7px;letter-spacing:.21em;color:#d8c17f}
.header-center{grid-column:2;grid-row:1/3;display:grid;grid-template-rows:25px 39px;gap:3px;min-width:0;align-items:center}.header-lang-row{display:flex;justify-content:center;align-items:center}.langs{display:flex;align-items:center;gap:8px}.lang-choice{display:flex;align-items:center;justify-content:center;width:30px;height:23px;padding:2px;border:1px solid transparent;border-radius:5px;opacity:.8}.lang-choice[aria-current=page]{opacity:1;border-color:#d9bd72;background:#ffffff12}.flag-svg{width:24px;height:16px;border-radius:3px;box-shadow:0 1px 3px #0005}
.nav{display:flex!important;position:static!important;justify-content:center;align-items:center;flex-flow:row wrap;gap:7px;background:transparent!important;padding:0!important;box-shadow:none!important;border:0!important}.nav a{display:inline-flex;align-items:center;justify-content:center;padding:6px 13px!important;border:1px solid #e2dfd4;border-radius:999px;background:#f4f2eb;color:#183149!important;font-size:10px!important;font-weight:700;line-height:1.3;white-space:nowrap;transition:transform .2s,box-shadow .2s,background .2s}.nav a:hover{background:#fff;color:#795b20!important;transform:translateY(-1px);box-shadow:0 3px 8px #0002}.nav a[aria-current=page]{background:#e1cb8e;color:#10263a!important;border-color:#d1b76d}.nav a:after{display:none!important}.menu-toggle{display:none!important}
.btn-gold{background:linear-gradient(180deg,#f2dfa7 0%,#c39a4a 100%);border:1px solid #ac8438;color:#10263a;box-shadow:0 3px 0 #89662d,0 7px 15px #1831481c}.btn-gold:hover{background:linear-gradient(180deg,#f8e9bc 0%,#d1ad62 100%);box-shadow:0 4px 0 #89662d,0 10px 18px #18314826;transform:translateY(-2px)}
.home-stats{background:#f7f6f1;border-top:1px solid #e4dcc7;border-bottom:1px solid #d8c99f}.home-stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:22px 0}.home-stat{display:flex;align-items:baseline;justify-content:center;gap:11px;padding:5px 12px}.home-stat+.home-stat{border-left:1px solid #d8c99f}.home-stat strong{font:500 31px/1 Instrument,Georgia,serif;color:#96752f}.home-stat-label{font-size:10px;color:#596772}
.home-categories-section{background:#f2f3f5;border-top:1px solid #fff;border-bottom:1px solid #d5c18d}.home-categories-section .section-head,.home-featured-section .section-head{align-items:flex-end}.home-categories-section .section-head h2,.home-featured-section .section-head h2,.section-head h2{font-size:clamp(34px,3.8vw,52px);line-height:1.08}.home-categories-section .section-head .eyebrow,.home-featured-section .section-head .eyebrow{color:#8a6b2b}.home-category-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:34px 22px;align-items:start}.home-category-card{display:flex;min-width:0;flex-direction:column;align-items:center;gap:12px;text-align:center;color:#182c40;transition:transform .2s}.category-circle-media{position:relative;display:block;width:clamp(135px,15vw,186px);aspect-ratio:1;padding:7px;border:1px solid #c4a65b;border-radius:50%;background:linear-gradient(145deg,#fff,#eee8d9);box-shadow:0 4px 0 #d2c29c,0 10px 19px #172f441c,inset 0 1px 2px #fff}.category-circle-image{width:100%;height:100%;border-radius:50%;object-fit:cover;transition:transform .35s}.category-circle-index{position:absolute;top:13px;left:13px;width:27px;height:27px;display:grid;place-items:center;border:1px solid #cfb56c;border-radius:50%;background:#f8f5eb;color:#7e632b;font-size:8px;font-weight:700}.category-circle-arrow{position:absolute;right:8px;bottom:10px;width:31px;height:31px;display:grid;place-items:center;border:1px solid #d4bd78;border-radius:50%;background:#0b2034;color:#f1d58d;box-shadow:0 2px 6px #0b203440}.category-circle-arrow svg{width:15px;height:15px}.home-category-card:hover{transform:translateY(-4px)}.home-category-card:hover .category-circle-media{box-shadow:0 5px 0 #b99950,0 15px 24px #102b432b,inset 0 1px 2px #fff}.home-category-card:hover .category-circle-image{transform:scale(1.025)}.home-category-copy{display:flex;flex-direction:column;gap:3px;align-items:center;max-width:100%}.home-category-copy strong{font-size:13px;line-height:1.35;font-weight:700;overflow-wrap:anywhere}.home-category-copy small{font-size:9px;color:#65727b}.home-categories-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid #d8c99f;color:#79632e;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.home-categories-foot .btn-text{color:#19344b;border-color:#b69a5a}
.home-featured-section{background:#f7f6f1!important;border-top:1px solid #fff;border-bottom:1px solid #d7c799}.home-featured-head>div:first-child{flex:1}.home-featured-head>div:last-child{max-width:360px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.home-featured-head>div:last-child>p{max-width:360px}.home-featured-section .product-card{background:linear-gradient(155deg,#fff 0%,#fff 70%,#f2eee2 100%);border:1px solid #d9c794;border-radius:8px;box-shadow:0 3px 0 #d3c39b,0 9px 18px #112b4218;overflow:hidden}.home-featured-section .product-card:hover{transform:translateY(-4px);border-color:#b69142;box-shadow:0 4px 0 #b69142,0 15px 26px #112b4229}.home-featured-section .product-card-photo{background:#eeece5}.home-featured-section .product-card-content{padding:18px 17px}.home-featured-section .product-card-link{color:#2b5473}.home-featured-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:8px}.home-featured-bottom>span{font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#7e6b3e}.home-featured-section .carousel-controls button{border-color:#c7ad67;background:#fbfaf5;box-shadow:0 2px 0 #d5c9a8,0 4px 9px #102b4315}.home-featured-section .carousel-controls button:hover{background:#e6d49e;color:#122b40}
.home-international-section{background:#eef1f4;border-bottom:1px solid #d7c99c}.home-international-section .home-international-photo figcaption,.home-story-section .image-caption{display:none!important}.home-international-section .home-international-photo:before{border-color:#b89b57}.home-international-section .home-international-copy h2{font-size:clamp(34px,3.8vw,52px)}.home-international-section .home-international-copy p{color:#56636c}.home-story-section{background:#eef1f4!important;color:#162b40!important;border-top:1px solid #d8c99d;border-bottom:1px solid #d8c99d}.home-story-section .story-copy{background:linear-gradient(145deg,#f9f8f3,#e8ebef);box-shadow:inset -1px 0 #d6c28b}.home-story-section .story-copy h2{font-size:clamp(34px,3.8vw,52px);color:#162b40}.home-story-section .story-copy p{color:#56636c}.home-story-section .story-copy .eyebrow{color:#886a2b}.home-story-section .mini-principles span{color:#344956}.home-story-section .mini-principles svg{color:#a58237}.home-story-section .story-copy .btn-text{color:#17334a;border-color:#b89b57}
.commercial-process{background:#f4f5f6}.commercial-process .section-head h2{font-size:clamp(30px,3.2vw,38px);line-height:1.15}.commercial-process .process-grid{--process-gap:clamp(18px,2.4vw,32px);position:relative;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--process-gap);margin-top:42px}.commercial-process .process-step{position:relative;min-width:0;padding:0;border:0}.commercial-process .process-step:not(:last-child):after{content:"";position:absolute;z-index:0;left:50%;top:68px;width:calc(100% + var(--process-gap));height:1px;background:linear-gradient(90deg,#b79a56,#e0cb91);pointer-events:none}.commercial-process .process-step-top{position:relative;z-index:1;display:grid;grid-template-rows:36px 62px;justify-content:stretch;align-items:center;gap:5px;height:103px;padding:0;border:0}.commercial-process .process-step .number{grid-row:1;justify-self:start;align-self:end;color:#886a2b;font:500 36px/1 Instrument,Georgia,serif}.commercial-process .process-icon{grid-row:2;justify-self:center;align-self:center;z-index:2;width:58px;height:58px;border:1px solid #c5a75d;border-radius:50%;background:#f4f5f6;color:#745b27;box-shadow:0 3px 0 #d5c69f,0 7px 12px #122c4218}.commercial-process .process-icon svg{width:21px;height:21px}.commercial-process .process-step h3{margin:17px 0 9px;color:#162c40;font:400 20px/1.27 Instrument,Georgia,serif}.commercial-process .process-step p{max-width:35ch;color:#58656e;font-size:11px;line-height:1.85}.commercial-process .process-foot{border-color:#d8c99d}.commercial-process .process-foot p{color:#5c6871}
.cta-section{background:linear-gradient(145deg,#eef1f4,#f9f7ef)!important;color:#172d42!important;border-top:1px solid #d4c18b;border-bottom:1px solid #d4c18b}.cta-section:not(.cta-home-final):after{display:none!important}.cta-section .cta-inner h2{color:#172d42!important;font-size:clamp(34px,3.8vw,52px)}.cta-section .cta-inner .eyebrow{color:#87682a!important}.cta-section .cta-inner p{color:#56636c!important}.cta-home-final{position:relative;isolation:isolate;overflow:hidden}.cta-home-final:before{content:"";position:absolute;z-index:0;top:-45%;bottom:-45%;left:-28%;width:22%;background:linear-gradient(90deg,transparent,rgba(191,154,70,.08) 28%,rgba(255,255,255,.7) 49%,rgba(198,161,80,.22) 54%,transparent);transform:skewX(-13deg);animation:cta-gold-glint 9s ease-in-out infinite;pointer-events:none}.cta-home-final .cta-inner{position:relative;z-index:1}.cta-home-final .cta-inner h2{font-size:clamp(34px,3.8vw,52px)!important;line-height:1.1}@keyframes cta-gold-glint{0%,66%{left:-28%;opacity:0}74%{opacity:.65}100%{left:110%;opacity:0}}
.site-back-wrap{padding:9px 0 0;background:#f4f4ef}.site-back-button{display:inline-flex;align-items:center;gap:8px;min-height:34px;padding:6px 12px;border:1px solid #c6ad69;border-radius:999px;background:#fbfaf5;color:#294157;font-size:10px;font-weight:700;box-shadow:0 2px 0 #ded3b4,0 5px 12px #142c4010}.site-back-button:hover{background:#e8d7a3;transform:translateY(-1px)}.site-back-icon svg{width:14px;height:14px;transform:rotate(180deg);color:#86672a}
.page-intro,.about-page-intro,.procedure-page-intro,.contact-page-intro{background:#f1f2f4!important;color:#192f42!important;border-bottom:1px solid #d7c89a}.page-intro h1,.about-page-intro h1,.procedure-page-intro h1,.contact-page-intro h1{color:#192f42!important;font-size:clamp(38px,4.4vw,58px)!important}.page-intro h1 .serif,.about-page-intro h1 .serif,.contact-page-intro h1 .serif{color:#8b6d2d!important}.page-intro .breadcrumb,.about-page-intro .breadcrumb,.procedure-page-intro .breadcrumb,.contact-page-intro .breadcrumb{color:#65727a!important}.page-intro .eyebrow,.about-page-intro .eyebrow,.contact-page-intro .eyebrow{color:#8b6d2d!important}.page-intro p,.about-page-intro p,.contact-page-intro p{color:#58656e!important}.category-hero{background:#f1f2f4!important;color:#172e42!important;border-bottom:1px solid #d8c99b}.category-hero-copy{background:#f1f2f4!important}.category-hero h1{color:#172e42!important;font-size:clamp(38px,4vw,56px)!important}.category-hero h1 .serif{color:#8a6a29!important}.category-hero p{color:#59666e!important}
.footer{background:#081a2a!important;color:#cbd2d6!important;border-top:2px solid #b4944d!important;padding-top:54px!important}.footer-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,.9fr) minmax(0,1.8fr)!important;gap:clamp(22px,3vw,42px)!important;padding-bottom:42px!important}.footer .brand-motion{width:70px!important;height:70px!important}.footer .brand-wordmark{display:flex!important}.footer .brand-wordmark strong{color:#fff;font-size:14px}.footer .brand-wordmark small{color:#d8c17f;font-size:7px}.footer-brand-tagline{margin-top:13px;color:#e0c77f;font-size:9px;letter-spacing:.08em;font-weight:700}.footer-intro{margin-top:12px!important;color:#c2cbd1;font-size:10px;line-height:1.8}.footer-link-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.footer h3{color:#e3c978!important;font-size:10px!important;font-weight:700!important;letter-spacing:.12em!important;text-transform:uppercase;margin:0 0 16px!important}.footer .footer-contact{min-width:0;padding-top:0!important}.footer-contact>a,.footer li a{color:#c8d0d5!important;font-size:10px}.footer-contact .caption{color:#e0c77f!important}.footer .footer-whatsapp{display:flex;align-items:center;gap:7px;color:#25d366!important}.footer .footer-whatsapp svg{width:17px;height:17px;color:#25d366}.footer .social-icons{display:flex;gap:9px;margin-top:18px}.footer .social-icons a{display:grid;place-items:center;width:34px;height:34px;border:1px solid #ffffff44;border-radius:50%;background:#ffffff08;transition:transform .2s,box-shadow .2s}.footer .social-icons a:hover{transform:translateY(-2px);box-shadow:0 4px 10px #0004}.footer .social-instagram{color:#e8a3c0}.footer .social-linkedin{color:#77b7e8}.footer .social-whatsapp{color:#25d366}.footer .social-icons svg{width:16px;height:16px}.footer-bottom{display:flex;flex-wrap:wrap;gap:10px 22px;border-top:1px solid #ffffff25;padding-top:18px;padding-bottom:22px;color:#a9b4bc;font-size:9px}.footer-bottom .privacy-settings{color:#d9c77f}.float-contact{background:#25d366!important;color:#fff!important;border:1px solid #ffffff66;box-shadow:0 4px 0 #16864b,0 10px 20px #102b4338!important}.float-contact:hover{background:#20bc5b!important;color:#fff!important;transform:translateY(-2px)}
.cookie-banner{background:#fffdf6!important;border:1px solid #c9ae65!important;border-radius:10px!important;box-shadow:0 10px 26px #122a4030!important}.cookie-banner strong{color:#17334a}.cookie-manage{color:#86672a}.product-card,.contact-form,.brief-card,.procedure-doc,.procedure-step,.legal-draft-note,.product-inquiry,.service{box-shadow:0 3px 0 #d8c99d,0 9px 20px #16314917!important;border-color:#d5c18a!important}
main p{text-align:justify;text-align-last:left;text-justify:inter-word;hyphens:auto}html[lang^="zh"] main p{text-justify:inter-character}.portable-preview .preview-mobile-link,.mobile-frame.preview-canvas .preview-mobile-link{display:none!important}
@media(max-width:1120px) and (min-width:721px){.header-inner{grid-template-columns:auto minmax(0,1fr);column-gap:16px}.brand-motion{width:58px!important;height:58px!important}.nav{gap:5px}.nav a{padding:6px 9px!important;font-size:9px!important}.footer-grid{grid-template-columns:1fr 1fr!important}.footer-link-columns{grid-column:1/-1}}
@media(max-width:720px){.preview-bar span{display:none}.header-inner{display:flex!important;min-height:72px;height:auto!important;gap:8px;padding:8px 15px}.brand-motion{width:48px!important;height:48px!important}.brand-v3{gap:6px}.brand-wordmark strong{font-size:11px}.brand-wordmark small{font-size:6px}.header-center{display:flex;align-items:center;margin-left:auto}.header-lang-row{margin-right:4px}.langs{gap:3px}.lang-choice{width:24px;height:22px}.flag-svg{width:20px;height:14px}.menu-toggle{display:flex!important;width:34px;height:34px;padding:6px;color:#fff}.nav{display:none!important;position:absolute!important;top:100%;left:0;right:0;z-index:60;flex-direction:column!important;align-items:stretch!important;padding:13px 18px 17px!important;background:#0a1b2b!important;border-top:1px solid #b9964e!important}.nav.is-open{display:flex!important}.nav a{justify-content:flex-start;padding:9px 13px!important}.home-stats-grid{padding:16px 0}.home-stat{flex-direction:column;align-items:center;gap:5px;text-align:center}.home-stat strong{font-size:27px}.home-stat-label{font-size:8px}.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.category-circle-media{width:clamp(132px,38vw,164px)}.home-category-copy strong{font-size:12px}.home-categories-foot{align-items:flex-start;flex-direction:column}.home-featured-head>div:last-child{max-width:none}.home-featured-bottom{align-items:flex-start}.commercial-process .process-grid{grid-template-columns:1fr;gap:0}.commercial-process .process-step{display:grid;grid-template-columns:72px minmax(0,1fr);column-gap:16px;padding:17px 0;border-top:1px solid #dfd7c2}.commercial-process .process-step-top{grid-column:1;grid-row:1/3;display:flex;flex-direction:column;align-items:center;gap:8px;height:auto}.commercial-process .process-step .number{font-size:30px}.commercial-process .process-icon{width:54px;height:54px}.commercial-process .process-step h3{grid-column:2;margin:0 0 8px;font-size:19px}.commercial-process .process-step p{grid-column:2;max-width:56ch}.commercial-process .process-step:not(:last-child):after{left:35px;top:78px;bottom:-78px;width:1px;height:auto;background:#c1a35a}.footer-grid{grid-template-columns:1fr!important;gap:28px!important}.footer-brand,.footer-contact,.footer-link-columns{grid-column:1!important}.footer-link-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.footer-bottom{align-items:flex-start;flex-direction:column}.cta-home-final:before{animation-duration:12s}}
@media(max-width:380px){.brand-motion{width:42px!important;height:42px!important}.brand-v3{gap:4px}.brand-wordmark strong{font-size:10px}.brand-wordmark small{display:none}.langs{gap:1px}.lang-choice{width:20px}.flag-svg{width:18px;height:13px}.menu-toggle{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){.cta-home-final:before{animation:none;display:none}.home-category-card,.category-circle-image,.product-card,.btn-gold{transition:none!important}}

/* Fixed thumbnail geometry across source-image aspect ratios. */
.category-circle-media{--circle-size:clamp(135px,15vw,186px);width:var(--circle-size);height:var(--circle-size);flex:0 0 var(--circle-size);aspect-ratio:1/1}
.category-circle-image{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
@media(max-width:720px){.category-circle-media{--circle-size:clamp(132px,38vw,164px)}}

/* Symmetric category rows: 4 columns on desktop, 3 on tablet, 2 on mobile. */
.home-category-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-category-grid>.home-category-card{grid-column:auto;grid-row:auto}
@media(max-width:1050px) and (min-width:721px){.home-category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:720px){.home-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.commercial-process .process-step .number{justify-self:center}
.home-featured-section .product-carousel{align-items:stretch}
.home-featured-section .product-card{align-self:stretch;display:flex;flex-direction:column}
.home-featured-section .product-card-photo{flex:0 0 auto}
.home-featured-section .product-card-content{flex:1 1 auto}
.home-featured-section .product-card:hover{transform:none!important}
.home-category-card:hover{transform:none!important}

/* Align labels and descriptions to each process icon, and make featured-product copy share fixed rows. */
.commercial-process .process-step{text-align:center}
.commercial-process .process-step h3{text-align:center}
.commercial-process .process-step p{margin-left:auto;margin-right:auto;text-align:center;text-align-last:center}
.home-featured-section .product-card h3{height:62px;min-height:62px;flex:0 0 62px}
@media(max-width:720px){.commercial-process .process-step{text-align:left}.commercial-process .process-step h3{text-align:left}.commercial-process .process-step p{margin-left:0;margin-right:0;text-align:left;text-align-last:left}.home-featured-section .product-card h3{height:68px;min-height:68px;flex-basis:68px}}
/* Stronger cascade for symmetric process copy; reserve enough title rows on narrow product cards. */
.commercial-process .process-step p{text-align:center!important;text-align-last:center!important}
@media(max-width:720px){.commercial-process .process-step p{text-align:left!important;text-align-last:left!important}.home-featured-section .product-card h3{height:80px;min-height:80px;flex-basis:80px}}
@media(max-width:380px){.home-featured-section .product-card h3{height:104px;min-height:104px;flex-basis:104px}}
/* The legacy page-wide paragraph rule is !important; out-scope it only for this desktop process block. */
main .commercial-process .process-step p:not(.empty-state):not(.form-preview-note){text-align:center!important;text-align-last:center!important}
@media(max-width:720px){main .commercial-process .process-step p:not(.empty-state):not(.form-preview-note){text-align:left!important;text-align-last:left!important}}

/* 17 Oct 2026 — larger homepage scale, wider use of desktop space, and clearer section contrast. */
body[data-page="home"] .wrap{max-width:calc(2200px + var(--pad)*2)}

@media(min-width:1121px){
  body[data-page="home"] .header-inner{height:100px;gap:30px}
  body[data-page="home"] .brand-motion{width:70px!important;height:70px!important}
  body[data-page="home"] .brand-wordmark strong{font-size:16px}
  body[data-page="home"] .brand-wordmark small{font-size:8px}
  body[data-page="home"] .nav{gap:18px}
  body[data-page="home"] .nav a{font-size:12px!important;padding:10px 0!important}
  body[data-page="home"] .lang-choice{width:32px;height:28px}
  body[data-page="home"] .flag-svg{width:24px;height:17px}
}
@media(max-width:1120px) and (min-width:900px){
  body[data-page="home"] .nav a{font-size:10px!important;padding:7px 9px!important}
  body[data-page="home"] .brand-motion{width:62px!important;height:62px!important}
}

body[data-page="home"] .hero{min-height:clamp(700px,82vh,920px)}
body[data-page="home"] .hero h1{max-width:1320px;font-size:clamp(64px,7.4vw,124px)!important;line-height:1.02}
body[data-page="home"] .hero .eyebrow{font-size:12px;letter-spacing:.18em}
body[data-page="home"] .hero .hero-copy{max-width:680px;font-size:clamp(16px,1vw,20px);line-height:1.85}
body[data-page="home"] .hero .btn{min-height:60px;padding:15px 24px;font-size:13px}
body[data-page="home"] .hero-side{font-size:11px}
body[data-page="home"] .hero-topics a{font-size:11px}

body[data-page="home"] .home-stats-grid{padding:28px 0}
body[data-page="home"] .home-stat{gap:14px;padding:7px 16px}
body[data-page="home"] .home-stat strong{font-size:clamp(34px,2vw,48px)}
body[data-page="home"] .home-stat-label{font-size:clamp(11px,.8vw,15px)}

body[data-page="home"] .home-categories-section.section{padding-top:clamp(68px,5.5vw,100px);padding-bottom:clamp(74px,5.8vw,108px)}
body[data-page="home"] .home-categories-section .section-head{margin-bottom:clamp(34px,3.4vw,56px);gap:clamp(30px,5vw,100px)}
body[data-page="home"] .home-categories-section .section-head h2{font-size:clamp(42px,4.2vw,68px)!important;line-height:1.05}
body[data-page="home"] .home-categories-section .section-head .eyebrow{font-size:12px}
body[data-page="home"] .home-categories-section .section-head>p{max-width:46ch;font-size:clamp(14px,.95vw,17px);line-height:1.8}
body[data-page="home"] .home-category-grid{gap:clamp(34px,3vw,50px) clamp(20px,2vw,36px)}
body[data-page="home"] .category-circle-media{width:clamp(145px,16vw,260px)}
body[data-page="home"] .category-circle-index{top:14px;left:14px;width:34px;height:34px;font-size:10px}
body[data-page="home"] .category-circle-arrow{right:9px;bottom:11px;width:36px;height:36px}
body[data-page="home"] .category-circle-arrow svg{width:18px;height:18px}
body[data-page="home"] .home-category-card{gap:15px}
body[data-page="home"] .home-category-copy{gap:5px}
body[data-page="home"] .home-category-copy strong{font-size:clamp(16px,1vw,20px);line-height:1.3}
body[data-page="home"] .home-category-copy small{font-size:clamp(11px,.72vw,14px)}
body[data-page="home"] .home-categories-foot{margin-top:42px;padding-top:22px;font-size:11px}

/* Preserve the story's existing two-column distribution; enlarge its type only. */
body[data-page="home"] .home-story-section .story-copy .eyebrow{font-size:12px}
body[data-page="home"] .home-story-section .story-copy h2{font-size:clamp(42px,4.4vw,68px)!important;line-height:1.08}
body[data-page="home"] .home-story-section .story-copy p{font-size:16px;line-height:1.85}
body[data-page="home"] .home-story-section .mini-principles span{font-size:12px}
body[data-page="home"] .home-story-section .mini-principles svg{width:17px;height:17px}
body[data-page="home"] .home-story-section .story-copy .btn-text{font-size:13px}

/* FAQ remains a warm light surface; make it legible and the adjoining CTA unmistakably different. */
body[data-page="home"] .home-faq-section.section{padding-top:clamp(72px,6vw,112px);padding-bottom:clamp(72px,6vw,112px);background:#f3f0e7!important}
body[data-page="home"] .home-faq-section .faq-section{gap:clamp(56px,6.5vw,160px)}
body[data-page="home"] .home-faq-section .lead .eyebrow{font-size:12px}
body[data-page="home"] .home-faq-section .lead h2{max-width:620px;font-size:clamp(44px,4.5vw,74px)!important;line-height:1.07}
body[data-page="home"] .home-faq-section .lead p{max-width:44ch;font-size:clamp(15px,.95vw,18px);line-height:1.85}
body[data-page="home"] .home-faq-section .faq-list summary{padding:25px 52px 25px 0;font-size:clamp(15px,.9vw,18px);line-height:1.6}
body[data-page="home"] .home-faq-section .faq-list summary::after{width:30px;height:30px;font-size:19px}
body[data-page="home"] .home-faq-section .faq-list details p{max-width:70ch;padding:0 48px 24px 0;font-size:14px;line-height:1.85}

body[data-page="home"] .cta-section.cta-home-final{
  background:linear-gradient(135deg,#0a1b2b 0%,#15344b 100%)!important;
  color:#f7f4ea!important;
  border-top:1px solid #b9964e;
  border-bottom:1px solid #b9964e;
}
body[data-page="home"] .cta-home-final .cta-inner .eyebrow{font-size:12px;color:#e2cc95!important}
body[data-page="home"] .cta-home-final .cta-inner h2{max-width:1000px;font-size:clamp(48px,5.2vw,82px)!important;line-height:1.03;color:#fffdf6!important}
body[data-page="home"] .cta-home-final .cta-inner h2 .serif{color:#e2cc95!important}
body[data-page="home"] .cta-home-final .cta-inner p{max-width:65ch;font-size:17px;line-height:1.85;color:#d4dce1!important}
body[data-page="home"] .cta-home-final .btn-gold{min-width:260px;min-height:62px;font-size:14px;justify-self:end}

@media(max-width:1120px) and (min-width:721px){
  body[data-page="home"] .category-circle-media{width:clamp(145px,16vw,184px)}
}
@media(max-width:720px){
  body[data-page="home"] .hero{min-height:640px}
  body[data-page="home"] .hero h1{font-size:clamp(40px,9vw,54px)!important;line-height:1.06}
  body[data-page="home"] .hero .eyebrow{font-size:10px}
  body[data-page="home"] .hero .hero-copy{font-size:15px;line-height:1.8}
  body[data-page="home"] .hero .btn{min-height:52px;padding:12px 16px;font-size:12px}
  body[data-page="home"] .home-stats-grid{padding:19px 0}
  body[data-page="home"] .home-stat strong{font-size:30px}
  body[data-page="home"] .home-stat-label{font-size:10px;line-height:1.35}
  body[data-page="home"] .home-categories-section .section-head{gap:20px;margin-bottom:32px}
  body[data-page="home"] .home-categories-section .section-head h2{font-size:clamp(36px,8.8vw,48px)!important}
  body[data-page="home"] .home-categories-section .section-head>p{font-size:14px}
  body[data-page="home"] .home-category-grid{gap:32px 14px}
  body[data-page="home"] .category-circle-media{width:clamp(132px,41vw,160px)}
  body[data-page="home"] .category-circle-index{top:10px;left:10px;width:30px;height:30px;font-size:9px}
  body[data-page="home"] .category-circle-arrow{right:7px;bottom:8px;width:34px;height:34px}
  body[data-page="home"] .home-category-copy strong{font-size:16px}
  body[data-page="home"] .home-category-copy small{font-size:11px}
  body[data-page="home"] .home-categories-foot{font-size:10px}
  body[data-page="home"] .home-story-section .story-copy .eyebrow{font-size:10px}
  body[data-page="home"] .home-story-section .story-copy h2{font-size:clamp(38px,8.5vw,50px)!important}
  body[data-page="home"] .home-story-section .story-copy p{font-size:15px}
  body[data-page="home"] .home-story-section .mini-principles span{font-size:11px}
  body[data-page="home"] .home-faq-section.section{padding-top:62px;padding-bottom:62px}
  body[data-page="home"] .home-faq-section .lead h2{font-size:clamp(38px,9vw,50px)!important}
  body[data-page="home"] .home-faq-section .lead p{font-size:14px}
  body[data-page="home"] .home-faq-section .faq-list summary{padding:22px 48px 22px 0;font-size:14px}
  body[data-page="home"] .home-faq-section .faq-list details p{padding-right:42px;font-size:13px}
  body[data-page="home"] .cta-home-final .cta-inner h2{font-size:clamp(39px,9vw,52px)!important}
  body[data-page="home"] .cta-home-final .cta-inner p{font-size:15px}
  body[data-page="home"] .cta-home-final .btn-gold{min-width:0;min-height:56px;font-size:13px;justify-self:start}
}
@media(max-width:380px){
  body[data-page="home"] .home-category-grid{gap:28px 10px}
  body[data-page="home"] .category-circle-media{width:132px}
  body[data-page="home"] .home-category-copy strong{font-size:15px}
}
/* Keep enlarged category media perfectly round across each responsive breakpoint. */
body[data-page="home"] .category-circle-media{height:clamp(145px,16vw,260px);aspect-ratio:1/1}
@media(max-width:1120px) and (min-width:721px){body[data-page="home"] .category-circle-media{height:clamp(145px,16vw,184px)}}
@media(max-width:720px){body[data-page="home"] .category-circle-media{height:clamp(132px,41vw,160px)}}
@media(max-width:380px){body[data-page="home"] .category-circle-media{height:132px}}
/* Keep the featured product cards at their approved compact width; they are outside the supplied screenshots. */
body[data-page="home"] .home-featured-section .wrap{max-width:calc(var(--max) + var(--pad)*2)}

/* Premium palette refinement from the supplied The Brokers Juris UI references. */
body[data-page="home"]{
  --navy:#0c1d2f;
  --navy-deep:#0a1522;
  --ink:#172535;
  --muted:#5d6876;
  --paper:#eff1f5;
  --white:#fffefb;
  --gold:#d7b879;
  --gold-dark:#886832;
  --line:#d9dde3;
  background:#eff1f5;
}
body[data-page="home"] .header{
  background:linear-gradient(135deg,#091827 0%,#0c1d2f 100%);
  border-bottom:1px solid #b99452;
  box-shadow:0 7px 22px #08152226;
}
body[data-page="home"] .brand-wordmark small{color:#d7b879}
@media(min-width:721px){
  body[data-page="home"] .nav a{
    border:1px solid #d2b77c8c;
    box-shadow:0 2px 0 #8b6a3026,0 5px 12px #06142214;
    transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;
  }
  body[data-page="home"] .nav a:hover{
    border-color:#c7a55c;
    background:linear-gradient(180deg,#fffefb,#eee8d9);
    box-shadow:0 3px 0 #8b6a3033,0 8px 16px #06142220;
  }
}
body[data-page="home"] .home-stats{
  background:#eff1f5;
  border-top:1px solid #d8dde4;
  border-bottom:1px solid #d3c49d;
}
body[data-page="home"] .home-stats-grid{gap:16px}
body[data-page="home"] .home-stat{
  padding:12px 16px;
  border:1px solid #ddcfad;
  border-radius:10px;
  background:linear-gradient(145deg,#fffefc 0%,#f5f0e5 100%);
  box-shadow:0 2px 0 #d6c7a3,0 9px 22px #0a15221a;
}
body[data-page="home"] .home-stat+.home-stat{border-left:1px solid #ddcfad}
body[data-page="home"] .home-stat strong{color:#9b7940}
body[data-page="home"] .home-stat-label{color:#65717e}
body[data-page="home"] .home-categories-section{background:#eff1f5!important;border-bottom-color:#c8ad70}
body[data-page="home"] .home-categories-section .section-head .eyebrow,
body[data-page="home"] .home-featured-section .section-head .eyebrow{color:#886832}
body[data-page="home"] .category-circle-media{
  border-color:#c7a761;
  box-shadow:0 3px 0 #d2c29c,0 12px 24px #101f321c,inset 0 1px 2px #fff;
}
body[data-page="home"] .category-circle-index{border-color:#c7a761;color:#80602b}
body[data-page="home"] .home-featured-section .product-card{
  border-color:#d8c28f;
  border-radius:11px;
  box-shadow:0 2px 0 #d3c39b,0 13px 28px #0a15221c;
}
body[data-page="home"] .home-featured-section .product-card:hover{
  box-shadow:0 4px 0 #b69142,0 18px 32px #0a15222b;
}
body[data-page="home"] .home-international-section{background:#eff1f5;border-bottom-color:#d7c99c}
body[data-page="home"] .home-story-section .story-copy{
  background:linear-gradient(145deg,#fffefa 0%,#f2eee4 100%);
  box-shadow:inset -1px 0 #c9ad6e;
}
body[data-page="home"] .home-faq-section.section{background:#f5f1e7!important;border-top-color:#d8caa7!important}
body[data-page="home"] .home-faq-section .faq-list summary::after{border-color:#c4a45e;color:#80602b}
body[data-page="home"] .cta-section.cta-home-final{
  background:linear-gradient(135deg,#091827 0%,#0c1d2f 62%,#17354a 100%)!important;
  border-top-color:#c09a52;
  border-bottom-color:#c09a52;
}
body[data-page="home"] .cta-home-final .btn-gold{
  border-color:#9f773d;
  background:linear-gradient(180deg,#e8cc8b 0%,#c99d58 100%);
  color:#102437;
  box-shadow:0 3px 0 #8c6934,0 9px 20px #06142235;
}
body[data-page="home"] .cta-home-final .btn-gold:hover{
  background:linear-gradient(180deg,#f0dba8 0%,#d4ae70 100%);
  box-shadow:0 4px 0 #8c6934,0 12px 24px #06142242;
}
@media(max-width:720px){
  body[data-page="home"] .home-stats-grid{gap:8px;padding:15px 0}
  body[data-page="home"] .home-stat{padding:11px 7px;border-radius:9px}
}

/* Slightly larger brand marks; the footer logo also uses the existing workers animation. */
.header .brand-motion{width:78px!important;height:78px!important}
.footer .brand-motion{width:100px!important;height:100px!important}
.footer .brand{gap:14px}
.footer .brand-motion{border-color:#c7a761!important;box-shadow:0 9px 26px #07132135,0 0 0 3px #d7b87920}
@media(max-width:1120px) and (min-width:721px){
  .header .brand-motion{width:68px!important;height:68px!important}
  .footer .brand-motion{width:96px!important;height:96px!important}
}
@media(max-width:720px){
  .header .brand-motion{width:56px!important;height:56px!important}
  .footer .brand-motion{width:88px!important;height:88px!important}
  .footer-brand>.brand{margin-top:0;margin-left:0}
}
@media(max-width:380px){
  .header .brand-motion{width:50px!important;height:50px!important}
  .footer .brand-motion{width:82px!important;height:82px!important}
}
/* Home-scoped logo sizes outrank the earlier compact brand treatment. */
body[data-page="home"] .header .brand-motion{width:78px!important;height:78px!important}
body[data-page="home"] .footer .brand-motion{width:100px!important;height:100px!important}
@media(max-width:1120px) and (min-width:721px){
  body[data-page="home"] .header .brand-motion{width:68px!important;height:68px!important}
  body[data-page="home"] .footer .brand-motion{width:96px!important;height:96px!important}
}
@media(max-width:720px){
  body[data-page="home"] .header .brand-motion{width:56px!important;height:56px!important}
  body[data-page="home"] .footer .brand-motion{width:88px!important;height:88px!important}
}
@media(max-width:380px){
  body[data-page="home"] .header .brand-motion{width:50px!important;height:50px!important}
  body[data-page="home"] .footer .brand-motion{width:82px!important;height:82px!important}
}

/* 17 Oct 2026 — language capsule from the supplied reference, justified copy and safe text wrapping. */
body .header .langs{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:2px!important;
  width:max-content;max-width:100%;padding:6px 12px!important;
  border:1px solid #e8ebef!important;border-radius:999px!important;
  background:#fff!important;box-shadow:0 3px 12px #07132118!important;
  font-size:11px!important;box-sizing:border-box!important;
}
body .header .langs .lang-choice{
  display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;
  width:auto!important;min-width:70px!important;height:30px!important;min-height:30px!important;
  padding:3px 8px!important;border:1px solid transparent!important;border-radius:999px!important;
  background:transparent!important;color:#66717d!important;opacity:1!important;
  font-size:11px!important;font-weight:600!important;line-height:1!important;
  text-decoration:none!important;white-space:nowrap!important;box-sizing:border-box!important;
}
body .header .langs .lang-choice[aria-current="page"]{color:#26384b!important;font-weight:700!important}
body .header .langs .lang-choice:hover{background:#f5f2e9!important;color:#183149!important}
body .header .langs .flag-svg{
  display:block!important;flex:0 0 22px!important;width:22px!important;height:22px!important;
  border-radius:50%!important;clip-path:circle(50%);box-shadow:0 1px 3px #10263a24!important;
}
body .header .lang-code{display:inline-block;color:inherit;font-family:Manrope,Arial,sans-serif;font-size:11px;line-height:1;letter-spacing:.07em}

@media(min-width:721px){
  body .header .header-inner{grid-template-rows:40px auto;min-height:94px;height:auto!important}
  body .header .header-center{grid-template-rows:40px auto;gap:4px}
}
@media(max-width:720px){
  body .header .header-inner{min-height:72px;height:auto!important}
  body .header .langs{gap:2px!important;padding:4px 6px!important}
  body .header .langs .lang-choice{min-width:34px!important;height:28px!important;min-height:28px!important;padding:2px 2px!important;gap:3px!important}
  body .header .langs .flag-svg{flex-basis:17px!important;width:17px!important;height:17px!important}
  body .header .lang-code{font-size:9px}
  body .header .nav{min-width:0;max-width:100%;flex-wrap:wrap}
  body .header .nav a{max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box}
}
@media(max-width:380px){
  body .header .langs{gap:1px!important;padding:3px 4px!important}
  body .header .langs .lang-choice{min-width:28px!important;height:26px!important;min-height:26px!important;padding:1px!important;gap:1px!important}
  body .header .langs .flag-svg{flex-basis:14px!important;width:14px!important;height:14px!important}
  body .header .lang-code{font-size:8px;letter-spacing:.03em}
}

/* Long words and URLs can wrap instead of expanding a card, grid or viewport. */
html body main *{min-width:0}
html body main :where(h1,h2,h3,h4,p,li,a,dt,dd,summary,figcaption,blockquote){overflow-wrap:anywhere;word-break:normal}
html body main :where(img,video,iframe,svg,canvas){max-width:100%}
html body main pre{max-width:100%;white-space:pre-wrap;overflow-wrap:anywhere}
html body main .btn,html body main button{max-width:100%;min-width:0;white-space:normal;overflow-wrap:anywhere}
body .header .nav{min-width:0;max-width:100%}
body .header .nav a{max-width:100%;min-width:0;white-space:normal!important;overflow-wrap:anywhere;box-sizing:border-box}
html body .footer :where(a,p,li){overflow-wrap:anywhere;word-break:normal}

/* The legacy theme forces left alignment with !important; override it after the page and procedure styles. */
html body main p:not(.empty-state):not(.form-preview-note),
html body main li,
html body main td,
html body main blockquote{
  text-align:justify!important;text-align-last:left!important;text-justify:inter-word!important;
  -webkit-hyphens:auto!important;hyphens:auto!important;
}
html body main .commercial-process .process-step p:not(.empty-state):not(.form-preview-note){
  text-align:justify!important;text-align-last:left!important;text-justify:inter-word!important;
}
html[lang^="zh"] body main p:not(.empty-state):not(.form-preview-note),
html[lang^="zh"] body main li{text-justify:inter-character!important;-webkit-hyphens:none!important;hyphens:none!important}
html body main .procedure-document .procedure-source .btn{justify-content:center;text-align:center}

/* 17 Oct 2026 — follow-up: cool light CTA, consistent section-title scale, clear PDF actions and footer alignment. */
body[data-page="home"] .cta-section.cta-home-final{
  background:#f4f5f6!important;background-image:none!important;color:#172d42!important;
  border-top:1px solid #d4c18b;border-bottom:1px solid #d4c18b;
}
body[data-page="home"] .cta-home-final .cta-inner .eyebrow{color:#87682a!important}
body[data-page="home"] .cta-home-final .cta-inner h2{color:#172d42!important}
body[data-page="home"] .cta-home-final .cta-inner h2 .serif{color:#886832!important}
body[data-page="home"] .cta-home-final .cta-inner p{color:#56636c!important}

/* Standardize content-section title type and scale across the app. */
html body[data-page] main section.section .section-head h2{
  font-family:Manrope,Arial,sans-serif!important;font-size:clamp(38px,4vw,56px)!important;
  font-weight:500!important;line-height:1.08!important;letter-spacing:-.045em!important;
}
@media(max-width:720px){html body[data-page] main section.section .section-head h2{font-size:clamp(36px,8.5vw,48px)!important}}

/* Keep the corrected buyer PDF directly reachable in the preview and offer a real download action. */
body .procedure-source{
  width:100%;max-width:1040px;margin:0 auto 20px;padding:0 clamp(22px,5vw,48px);
  box-sizing:border-box;justify-content:flex-start;gap:10px;flex-wrap:wrap;
}
body .procedure-source .procedure-open,body .procedure-source .procedure-download{
  display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:48px;
  max-width:100%;padding:12px 18px;white-space:normal;text-align:center;line-height:1.45;
}
body .procedure-source .procedure-download{
  border:1px solid #b8c6d0;background:#f7f8f9;color:#183149;box-shadow:0 2px 0 #dce2e7;
}
body .procedure-source .procedure-download:hover{background:#e9eef2;border-color:#9eafbc;color:#10283b}
@media(max-width:720px){body .procedure-source{justify-content:flex-start}body .procedure-source a{width:100%}}

/* Match the additional-commercial-contacts heading to the brand tagline on tablet and desktop. */
@media(min-width:721px){body .footer-contact .caption{margin-top:72px!important}}


/* Explicit content-copy alignment: header/footer intentionally stay outside this rule. */
html body main .procedure-document .procedure-doc p:not(.empty-state):not(.form-preview-note),
html body main .procedure-document .procedure-doc li{
  text-align:justify!important;text-align-last:left!important;text-justify:inter-word!important;
  -webkit-hyphens:auto!important;hyphens:auto!important;
}
html[lang^="zh"] body main .procedure-document .procedure-doc p:not(.empty-state):not(.form-preview-note),
html[lang^="zh"] body main .procedure-document .procedure-doc li{text-justify:inter-character!important;-webkit-hyphens:none!important;hyphens:none!important}
/* Keep the highlighted demand CTA headline on the same section-title scale. */
body[data-page="home"] .cta-home-final .cta-inner h2{
  font-family:Manrope,Arial,sans-serif!important;font-size:clamp(38px,4vw,56px)!important;
  font-weight:500!important;line-height:1.08!important;letter-spacing:-.045em!important;
}
@media(max-width:720px){body[data-page="home"] .cta-home-final .cta-inner h2{font-size:clamp(36px,8.5vw,48px)!important}}


/* 17 Oct 2026 — category media geometry: square frame; source image remains undistorted and circularly masked. */
body[data-page="home"] .category-circle-media{
  box-sizing:border-box;width:min(100%,clamp(145px,16vw,260px));height:auto;aspect-ratio:1/1;flex:0 1 auto;
}
body[data-page="home"] .category-circle-media .category-circle-image{
  position:absolute;top:7px;left:7px;width:calc(100% - 14px);height:calc(100% - 14px);
  max-width:none;border-radius:50%;object-fit:cover;
}
@media(max-width:720px){body[data-page="home"] .category-circle-media{width:min(100%,clamp(132px,41vw,160px))}}
@media(max-width:380px){body[data-page="home"] .category-circle-media{width:min(100%,132px)}}

/* Explain browser-level restrictions only inside the embedded approval preview. */
body .procedure-preview-note{
  max-width:1040px;margin:-8px auto 18px;padding:0 clamp(22px,5vw,48px);
  color:#5d6876;font-size:11px;line-height:1.75;text-align:left!important;text-align-last:left!important;
}
body .procedure-preview-note[hidden]{display:none!important}

/* 17 Oct 2026 follow-up: keep homepage labels inside their cards and increase body-copy leading. */
body[data-page="home"] .home-category-card,
body[data-page="home"] .home-category-copy{min-width:0;max-width:100%;width:100%}
body[data-page="home"] .category-circle-media{width:min(100%,clamp(145px,16vw,260px));height:auto;aspect-ratio:1/1;flex:0 1 auto}
body[data-page="home"] .home-category-copy strong,
body[data-page="home"] .home-category-copy small{display:block;max-width:100%;white-space:normal!important;overflow-wrap:anywhere;word-break:normal;hyphens:auto;text-wrap:pretty}
body[data-page="home"] .home-category-copy strong{line-height:1.45}
@media(max-width:720px){
  body[data-page="home"] .category-circle-media{width:min(100%,clamp(132px,41vw,160px));height:auto;flex:0 1 auto}
}
html body main p:not(.empty-state):not(.form-preview-note),
html body main li{line-height:1.95!important}
.contact-main-section .quantity-field select{width:112px;flex:0 0 112px}
.contact-main-section .field input[type="file"]{min-height:48px;padding:9px 10px;font-size:11px;line-height:1.5}
.contact-main-section .upload-help{display:block;color:#657078;font-size:10px;line-height:1.7}
.contact-main-section .upload-note{max-width:none;margin:2px 0 0;color:#657078;font-size:9px;line-height:1.8}
.contact-main-section .document-file-list{display:flex;flex-direction:column;gap:6px;padding:10px 12px;border:1px solid #d8d2c2;background:#f5f3eb}
.contact-main-section .document-file-list span{max-width:100%;overflow-wrap:anywhere;color:#263b4a;font-size:10px;line-height:1.6}
.product-inquiry .brief-volume-control{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0}
.product-inquiry .brief-volume-control input,
.product-inquiry .brief-volume-control select{width:100%;min-width:0;min-height:43px;padding:10px;border:1px solid #c8cec5;border-radius:0;background:#fff;color:var(--ink);font-size:12px}
.product-inquiry .brief-volume-control select{width:auto;max-width:100%;padding-right:23px}
@media(max-width:900px){
  .product-inquiry .brief-volume-control{grid-column:1;grid-row:5}
  .product-inquiry #brief-volume{grid-column:auto;grid-row:auto}
  .product-inquiry #brief-unit{grid-column:auto;grid-row:auto}
}
@media(max-width:560px){
  .product-inquiry{grid-template-columns:minmax(0,1fr)}
  .product-inquiry label[for="brief-volume"],
  .product-inquiry .brief-volume-control,
  .product-inquiry label[for="brief-destination"],
  .product-inquiry #brief-destination{grid-column:1;grid-row:auto}
}

/* 17 Oct 2026 — spacing, vertical process alignment and restrained premium interactions. */
@media(min-width:721px){
  body .header .header-inner{
    min-height:106px!important;height:auto!important;
    padding-top:8px!important;padding-bottom:16px!important;
  }
  body .header .header-center{
    grid-template-rows:44px auto!important;gap:9px!important;align-content:center;
  }
  body .header .header-lang-row{min-height:44px}
  body .header .langs{gap:6px!important;padding:5px 11px!important}
  body .header .langs .lang-choice{
    min-width:72px!important;height:30px!important;min-height:30px!important;
    padding:3px 7px!important;gap:7px!important;
  }
  body .header .langs .flag-svg{flex-basis:21px!important;width:21px!important;height:21px!important}
  body .header .nav{
    column-gap:clamp(12px,1.35vw,18px)!important;row-gap:12px!important;
    padding:3px 8px 0!important;
  }
  body .header .nav a{min-height:33px!important;padding:8px 14px!important}
}
@media(max-width:1120px) and (min-width:721px){
  body .header .header-inner{min-height:100px!important;padding-top:7px!important;padding-bottom:14px!important}
  body .header .header-center{grid-template-rows:42px auto!important;gap:8px!important}
  body .header .langs{gap:4px!important;padding:5px 9px!important}
  body .header .langs .lang-choice{min-width:68px!important;height:29px!important;min-height:29px!important;gap:6px!important}
  body .header .nav{
    flex-direction:row!important;align-items:center!important;justify-content:center!important;
    column-gap:10px!important;row-gap:10px!important;
  }
  body .header .nav a{min-height:32px!important;padding:7px 11px!important}
}
@media(max-width:720px){
  body .header .header-inner{padding-bottom:14px!important}
  body .header .nav.is-open{gap:10px!important;padding:16px 18px 22px!important}
  body .header .nav.is-open a{min-height:42px!important;padding:10px 14px!important}
}
body .header .nav a,
body .header .langs .lang-choice{transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease,color .22s ease}
body .header .nav a:hover,
body .header .nav a:focus-visible{transform:translateY(-2px);box-shadow:0 5px 12px #07132126}
body .header .nav a:focus-visible,
body .header .langs .lang-choice:focus-visible{outline:2px solid #e1c36f;outline-offset:3px}
body .header .langs .lang-choice:hover{transform:translateY(-1px);box-shadow:0 3px 9px #132c401c}

/* Number, icon and label now share one centered vertical axis in every process step. */
.commercial-process .process-grid{--process-gap:clamp(24px,3vw,40px);gap:var(--process-gap);margin-top:48px}
.commercial-process .process-step{
  display:flex;flex-direction:column;align-items:center;min-width:0;
  padding:0 10px 16px;border:0;border-radius:9px;text-align:center;
  transition:background-color .25s ease;
}
.commercial-process .process-step-top{
  display:grid;grid-column:auto;grid-row:auto;grid-template-columns:minmax(0,1fr);
  grid-template-rows:32px 58px;justify-items:center;align-items:center;gap:8px;
  width:100%;height:98px;padding:0;border:0;
}
.commercial-process .process-step .number{
  grid-row:1;justify-self:center;align-self:center;
  color:#886a2b;font:500 34px/1 Instrument,Georgia,serif;
  transition:color .25s ease,transform .25s ease;
}
.commercial-process .process-icon{
  grid-row:2;justify-self:center;align-self:center;z-index:2;
  width:56px;height:56px;border:1px solid #c5a75d;border-radius:50%;
  background:#f4f5f6;color:#745b27;box-shadow:0 3px 0 #d5c69f,0 7px 12px #122c4218;
  transition:transform .25s ease,background-color .25s ease,color .25s ease,box-shadow .25s ease;
}
.commercial-process .process-step:not(:last-child):after{top:69px}
.commercial-process .process-step h3{
  display:flex;align-items:center;justify-content:center;width:100%;max-width:32ch;
  min-height:2.6em;margin:12px auto 8px;text-align:center;
}
.commercial-process .process-step p{max-width:34ch;margin:0 auto}
.commercial-process .process-step:hover{background:rgba(255,255,255,.42)}
.commercial-process .process-step:hover .number{color:#a17a2e;transform:translateY(-1px)}
.commercial-process .process-step:hover .process-icon{
  transform:translateY(-2px);background:#173249;color:#f2d58d;
  box-shadow:0 4px 0 #b99a54,0 10px 18px #102b4330;
}
@media(max-width:720px){
  .commercial-process .process-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:30px}
  .commercial-process .process-step{
    display:flex;flex-direction:column;align-items:center;gap:0;
    padding:20px 14px 22px;border-top:1px solid #dfd7c2;border-bottom:0;
    text-align:center;
  }
  .commercial-process .process-step-top{width:min(100%,300px);height:96px;margin:0 auto}
  .commercial-process .process-step .number{font-size:30px}
  .commercial-process .process-icon{width:52px;height:52px}
  .commercial-process .process-step h3{grid-column:auto;min-height:0;margin:10px auto 8px;text-align:center}
  .commercial-process .process-step p{grid-column:auto;max-width:56ch;margin:0 auto}
  .commercial-process .process-step:not(:last-child):after{display:none!important}
  .commercial-process .process-step:not(:last-child){border-bottom:1px solid #dfd7c2}
}
@media(min-width:721px) and (max-width:980px){
  .commercial-process .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .commercial-process .process-step:nth-child(2):after{display:none}
}

/* Premium-feel interactions live on surfaces and controls; image crops/aspect ratios remain untouched. */
body[data-page="home"] .home-category-card{transition:transform .28s cubic-bezier(.2,.75,.25,1),filter .28s ease}
body[data-page="home"] .home-category-card:hover,
body[data-page="home"] .home-category-card:focus-visible{transform:translateY(-5px)!important}
body[data-page="home"] .home-category-card .category-circle-media{
  transition:border-color .25s ease,box-shadow .28s ease;
}
body[data-page="home"] .home-category-card:hover .category-circle-media,
body[data-page="home"] .home-category-card:focus-visible .category-circle-media{
  border-color:#a9873f;box-shadow:0 6px 0 #b99950,0 16px 28px #102b4330,inset 0 1px 2px #fff;
}
body[data-page="home"] .home-category-card .category-circle-arrow{transition:transform .25s ease,background-color .25s ease,color .25s ease}
body[data-page="home"] .home-category-card:hover .category-circle-arrow{transform:translate(2px,-2px);background:#e2cc95;color:#10283b}
/* Keep every source image visually fixed on hover/focus; only its surrounding card moves. */
body[data-page="home"] .home-category-card:hover .category-circle-image,
body[data-page="home"] .home-category-card:focus-visible .category-circle-image,
html body .product-card:hover .product-card-photo img,
html body .product-card:focus-within .product-card-photo img{transform:none!important}
body[data-page="home"] .home-category-card:focus-visible{outline:none}
body[data-page="home"] .home-category-card:focus-visible .category-circle-media{outline:2px solid #9c7a34;outline-offset:4px}
body[data-page="home"] .home-featured-section .product-card{
  transition:transform .28s cubic-bezier(.2,.75,.25,1),box-shadow .28s ease,border-color .28s ease;
}
body[data-page="home"] .home-featured-section .product-card:hover,
body[data-page="home"] .home-featured-section .product-card:focus-within{
  transform:translateY(-5px)!important;border-color:#b69142!important;
  box-shadow:0 5px 0 #b69142,0 17px 30px #112b4230!important;
}
body[data-page="home"] .home-featured-section .product-card:focus-within{outline:2px solid #b69142;outline-offset:3px}
body[data-page="home"] .cta-home-final .btn-gold svg{transition:transform .25s ease}
body[data-page="home"] .cta-home-final .btn-gold:hover svg{transform:translateX(4px)}

/* Bring the soft gold light sweep back to “Sua próxima demanda”; never alter imagery. */
@keyframes cta-gold-glint{
  0%,14%{left:-28%;opacity:0}
  20%{opacity:.62}
  43%{left:110%;opacity:0}
  100%{left:110%;opacity:0}
}
html body main .commercial-process .process-step p:not(.empty-state):not(.form-preview-note){
  text-align:justify!important;text-align-last:left!important;text-justify:inter-word!important;
  -webkit-hyphens:auto!important;hyphens:auto!important;
}
html[lang^="zh"] body main .commercial-process .process-step p:not(.empty-state):not(.form-preview-note){
  text-justify:inter-character!important;-webkit-hyphens:none!important;hyphens:none!important;
}
@media(prefers-reduced-motion:reduce){
  body .header .nav a,body .header .langs .lang-choice,
  .commercial-process .process-step,.commercial-process .process-step .number,.commercial-process .process-icon,
  body[data-page="home"] .home-category-card,body[data-page="home"] .home-category-card .category-circle-media,
  body[data-page="home"] .home-category-card .category-circle-arrow,
  body[data-page="home"] .home-featured-section .product-card,
  body[data-page="home"] .cta-home-final .btn-gold svg{transition:none!important}
  body[data-page="home"] .home-category-card:hover,
  body[data-page="home"] .home-category-card:focus-visible,
  body[data-page="home"] .home-category-card:hover .category-circle-arrow,
  body[data-page="home"] .home-featured-section .product-card:hover,
  body[data-page="home"] .home-featured-section .product-card:focus-within,
  body .header .nav a:hover,body .header .nav a:focus-visible,
  body .header .langs .lang-choice:hover,
  .commercial-process .process-step:hover .number,
  .commercial-process .process-step:hover .process-icon,
  body[data-page="home"] .cta-home-final .btn-gold:hover svg,
  body[data-page="home"] .cta-home-final .btn-gold:hover{transform:none!important}
}
body.motion-paused .header .nav a:hover,
body.motion-paused .header .nav a:focus-visible,
body.motion-paused .header .langs .lang-choice:hover,
body.motion-paused .commercial-process .process-step:hover .number,
body.motion-paused .commercial-process .process-step:hover .process-icon,
body.motion-paused .home-category-card:hover,
body.motion-paused .home-category-card:focus-visible,
body.motion-paused .home-category-card:hover .category-circle-arrow,
body.motion-paused .home-featured-section .product-card:hover,
body.motion-paused .home-featured-section .product-card:focus-within,
body.motion-paused .cta-home-final .btn-gold:hover svg,
body.motion-paused .btn-gold:hover{transform:none!important}


/* Alternância global das superfícies dos módulos (o hero fotográfico da home permanece intacto). */
:root{--tb-module-blue:#fff;--tb-module-pastel:#f7f5ed}
html body[data-page] main>section[data-module-surface="blue"]{background-color:var(--tb-module-blue)!important;background-image:none!important}
html body[data-page] main>section[data-module-surface="pastel"]{background-color:var(--tb-module-pastel)!important;background-image:none!important}
html body[data-page] main>section[data-module-surface="blue"] .category-hero-copy,
html body[data-page] main>section[data-module-surface="blue"] .product-hero-copy,
html body[data-page] main>section[data-module-surface="blue"] .story-copy{background-color:var(--tb-module-blue)!important;background-image:none!important}
html body[data-page] main>section[data-module-surface="pastel"] .category-hero-copy,
html body[data-page] main>section[data-module-surface="pastel"] .product-hero-copy,
html body[data-page] main>section[data-module-surface="pastel"] .story-copy{background-color:var(--tb-module-pastel)!important;background-image:none!important}

/* Brilho dourado suave no CTA — sem pico branco intenso ou efeito de flash. */
body[data-page="home"] main>section.cta-home-final:before{z-index:0;top:-55%;bottom:-55%;left:-32%;width:30%;background:linear-gradient(100deg,transparent 0%,rgba(203,169,91,.05) 27%,rgba(224,187,88,.22) 40%,rgba(255,255,255,.38) 50%,rgba(244,209,125,.18) 58%,rgba(255,255,255,.10) 63%,transparent 82%);filter:drop-shadow(0 0 4px rgba(185,146,53,.16));animation:tb-cta-glint 8.2s ease-in-out .25s infinite;pointer-events:none}
@keyframes tb-cta-glint{0%,12%{left:-32%;opacity:0}20%{opacity:.52}47%{left:112%;opacity:.48}56%,100%{left:112%;opacity:0}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] main>section.cta-home-final:before{animation:none!important;display:none!important}}


/* 17/10/2026 — auditoria tipográfica e escala global de títulos/cópia. */
:root{
  --tb-title-ink:#172d42;
  --tb-copy-ink:#56636c;
  --tb-gold-title:#8b6d2d;
  --tb-gold-on-dark:#e2cc95;
  --tb-type-page-title:clamp(42px,4.5vw,64px);
  --tb-type-section-title:clamp(40px,4.4vw,60px);
  --tb-type-subtitle:clamp(22px,2.2vw,28px);
  --tb-type-h3:clamp(20px,2vw,24px);
  --tb-type-card-title:clamp(18px,1.7vw,20px);
  --tb-type-copy:14px;
  --tb-type-small:12px;
}

/* One sans-serif display family for every content title; photographic hero remains a separate display tier. */
html body[data-page] main h1{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:var(--tb-type-page-title)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  color:var(--tb-title-ink)!important;
}
html body[data-page] main .hero h1{
  font-size:clamp(48px,7.4vw,86px)!important;
  line-height:1.03!important;
  color:#fffdf6!important;
}
html body[data-page] main h2{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:var(--tb-type-subtitle)!important;
  font-weight:600!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  color:var(--tb-title-ink)!important;
}
/* Main section titles share the same responsive scale, including the repeated inquiry CTA. */
html body[data-page] main :is(
  .section-head h2,
  .home-international-copy h2,
  .story-copy h2,
  .home-faq-section .lead h2,
  .cta-inner h2,
  .about-story-section .body-copy h2,
  .about-principles-section .wrap>h2,
  .contact-main-section .contact-intro h2,
  .procedure-doc-heading h2
){
  font-family:Manrope,Arial,sans-serif!important;
  font-size:var(--tb-type-section-title)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  color:var(--tb-title-ink)!important;
}
html body[data-page] main h3{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:var(--tb-type-h3)!important;
  font-weight:600!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
  color:var(--tb-title-ink)!important;
}
html body[data-page] main h4{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:17px!important;
  font-weight:600!important;
  line-height:1.4!important;
  letter-spacing:-.01em!important;
  color:var(--tb-title-ink)!important;
}
/* Card/item titles stay one step below section subheadings while sharing the same font. */
html body[data-page] main :is(.product-card h3,.catalog-grid h3,.related-grid h3,.team-card h3,.variant h3){
  font-size:var(--tb-type-card-title)!important;
  line-height:1.35!important;
}
html body[data-page] main :is(.product-card h3,.catalog-grid h3,.related-grid h3){color:var(--tb-gold-title)!important}
html body[data-page] main .procedure-document .procedure-doc-section h3{color:var(--tb-gold-title)!important}

/* Gold italic emphasis is consistent on light surfaces; only the dark photo hero keeps pale gold. */
html body[data-page] main :is(h1,h2,h3) .serif{
  font-size:1em!important;
  line-height:inherit!important;
  color:var(--tb-gold-title)!important;
}
html body[data-page] main .hero h1 .serif{
  font-size:1.13em!important;
  line-height:1.08!important;
  color:var(--tb-gold-on-dark)!important;
}
html[lang^="zh"] body[data-page] main :is(h1,h2,h3) .serif{
  font-family:'Noto Sans SC',sans-serif!important;
  font-style:normal!important;
  font-size:1em!important;
}

/* Shared body-copy, caption and eyebrow roles across all non-photographic modules. */
html body[data-page] main section:not(.hero) p:not(.empty-state):not(.note):not(.form-preview-note):not(.form-privacy):not(.upload-note):not(.procedure-preview-note),
html body[data-page] main section:not(.hero) li{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:var(--tb-type-copy)!important;
  line-height:1.85!important;
  color:var(--tb-copy-ink)!important;
}
html body[data-page] main section:not(.hero) .eyebrow{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:10px!important;
  font-weight:700!important;
  line-height:1.6!important;
  letter-spacing:.18em!important;
  color:var(--tb-gold-title)!important;
}
html body[data-page] main section:not(.hero) small{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:var(--tb-type-small)!important;
  line-height:1.6!important;
}
html body[data-page] main section:not(.hero) :is(.form-preview-note,.form-privacy,.upload-note,.procedure-preview-note,p.note){
  font-family:Manrope,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.7!important;
  color:#657078!important;
}
html body[data-page] main .field label{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:12px!important;
  line-height:1.5!important;
}
html body[data-page] main .field label span{font-size:11px!important}

/* Keep page-level titles on light modules aligned with the gold used in “Nossa atuação desde 2010”. */
html body[data-page] main .cta-section .cta-inner h2 .serif,
html body[data-page] main .cta-section .cta-inner .eyebrow{
  color:var(--tb-gold-title)!important;
}
html body[data-page] main .cta-section .cta-inner h2{
  font-size:var(--tb-type-section-title)!important;
  line-height:1.08!important;
}

@media(max-width:720px){
  :root{
    --tb-type-page-title:clamp(34px,8.5vw,48px);
    --tb-type-section-title:clamp(32px,8vw,44px);
    --tb-type-subtitle:clamp(20px,5vw,24px);
    --tb-type-h3:clamp(19px,5vw,22px);
    --tb-type-card-title:clamp(15px,4.1vw,18px);
  }
  html body[data-page] main .hero h1{font-size:clamp(38px,9vw,54px)!important}
  html body[data-page] main h4{font-size:16px!important}
}

/* Chinese uses the packaged Noto Sans SC fallback and wider line rhythm while keeping the same type scale. */
html[lang^="zh"] body[data-page] main :is(h1,h2,h3,h4,p,li,small,.eyebrow,.field label){
  font-family:Manrope,'Noto Sans SC',Arial,sans-serif!important;
}
html[lang^="zh"] body[data-page] main :is(h1,h2,h3,h4){letter-spacing:0!important}
html[lang^="zh"] body[data-page] main h1{line-height:1.3!important}
html[lang^="zh"] body[data-page] main .hero h1{line-height:1.22!important}
html[lang^="zh"] body[data-page] main h2{line-height:1.35!important}
html[lang^="zh"] body[data-page] main h3{line-height:1.4!important}
html[lang^="zh"] body[data-page] main section:not(.hero) .eyebrow{letter-spacing:.09em!important}

/* Final equal-specificity guardrails for legacy per-module !important rules. */
html body[data-page] main section.section .section-head h2{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:var(--tb-type-section-title)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  color:var(--tb-title-ink)!important;
}
html body[data-page] main section.services-overview-section .service h3{
  font-family:Manrope,Arial,sans-serif!important;
  font-size:var(--tb-type-h3)!important;
  font-weight:600!important;
  line-height:1.28!important;
  letter-spacing:-.02em!important;
  color:var(--tb-title-ink)!important;
}
@media(max-width:720px){
  html body[data-page] main section.section .section-head h2{font-size:var(--tb-type-section-title)!important}
}


/* 17 Oct 2026 — supplied home portraits and reference-guided animated logo scale. */
/* Keep these two source images unmodified and show their complete portrait frames. */
body[data-page="home"] .home-international-section .home-international-photo{
  min-height:0!important;height:auto!important;aspect-ratio:1114 / 1411;
}
body[data-page="home"] .home-international-section .home-international-photo img{
  object-fit:cover!important;object-position:center!important;filter:none!important;
}
body[data-page="home"] .home-story-section .story-image{
  min-height:0!important;max-height:none!important;height:auto!important;
  aspect-ratio:1128 / 1394;overflow:hidden;
}
body[data-page="home"] .home-story-section .story-image img{
  object-fit:cover!important;object-position:center!important;filter:none!important;
}
/* The reference badge is about 105 × 112 px; keep the mark responsive and larger only on home. */
body[data-page="home"] .header .brand-motion{width:88px!important;height:88px!important}
body[data-page="home"] .footer .brand-motion{width:112px!important;height:112px!important}
@media(max-width:1120px) and (min-width:721px){
  body[data-page="home"] .header .brand-motion{width:76px!important;height:76px!important}
  body[data-page="home"] .footer .brand-motion{width:104px!important;height:104px!important}
}
@media(max-width:720px){
  body[data-page="home"] .header .brand-motion{width:64px!important;height:64px!important}
  body[data-page="home"] .footer .brand-motion{width:96px!important;height:96px!important}
}
@media(max-width:380px){
  body[data-page="home"] .header .brand-motion{width:58px!important;height:58px!important}
  body[data-page="home"] .footer .brand-motion{width:90px!important;height:90px!important}
}


/* 17 Oct 2026 — supplied square image for the “Informação clara. Comércio global.” block. */
body[data-page="sobre-nos"] .about-story-section .editorial-image{
  width:100%!important;height:auto!important;aspect-ratio:1/1!important;
  object-fit:cover!important;object-position:center!important;filter:none!important;
}

/* 17 Oct 2026 — footer social and WhatsApp rows match the two supplied references. */
.footer .footer-social-stack{
  box-sizing:border-box;width:243px;max-width:100%;margin-top:16px;padding:0;background:transparent;
}
.footer .social-icons.footer-social{
  box-sizing:border-box;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;
  width:243px;max-width:100%;height:102px!important;margin:0!important;padding:8px 10px 20px!important;
  background:linear-gradient(112deg,#0863a0 0%,#074d83 100%);
}
.footer .footer-social .social-link{
  display:grid!important;grid-template-columns:31px max-content!important;align-items:center!important;justify-content:start!important;
  width:max-content!important;max-width:100%;height:auto!important;min-height:31px!important;padding:0!important;
  gap:14px!important;border:0!important;border-radius:0!important;background:transparent!important;color:#fff!important;
  text-decoration:none!important;box-shadow:none!important;transition:opacity .16s ease!important;
}
.footer .footer-social .social-link:hover{transform:none!important;box-shadow:none!important;opacity:.86}
.footer .footer-social .social-link:focus-visible{outline:2px solid #fff!important;outline-offset:3px!important}
.footer .footer-social .social-icon-box{display:block;width:31px;height:31px;flex:0 0 31px}
.footer .footer-social .social-icon-box svg{display:block;width:31px!important;height:31px!important;fill:initial!important;stroke:none!important}
.footer .footer-social .social-label{
  color:#fff!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:0!important;
  text-decoration:underline!important;text-decoration-color:#fff!important;text-underline-offset:2px;white-space:nowrap;text-transform:none!important;
}
.footer .footer-social-whatsapp{
  box-sizing:border-box;display:flex;align-items:center;gap:14px;width:208px;max-width:100%;height:38px;margin-top:0;padding:0 10px;
  background:#83add8;color:#fff!important;font-size:13px!important;font-weight:500!important;line-height:1.2!important;letter-spacing:0!important;
  text-decoration:underline!important;text-decoration-color:#fff!important;text-underline-offset:2px;white-space:nowrap;
}
.footer .footer-social-whatsapp:hover{opacity:.9}
.footer .footer-social-whatsapp:focus-visible{outline:2px solid #fff;outline-offset:3px}
.footer .footer-social-whatsapp .flag-svg{display:block!important;width:28px!important;height:19px!important;flex:0 0 28px;max-width:28px;border-radius:1px}
@media(max-width:720px){
  .footer .footer-social-stack{width:243px;max-width:100%}
  .footer .social-icons.footer-social{width:243px;max-width:100%;height:102px!important}
  .footer .footer-social .social-link{gap:14px!important}
  .footer .footer-social-whatsapp{width:208px;max-width:100%;gap:14px;font-size:13px!important}
}

/* V10 — plain, app-matched contact links; supplied screenshots/URL images are not embedded. */
.footer .footer-social-stack{width:max-content;max-width:100%;margin-top:18px;padding:0;background:transparent!important}
.footer .social-icons.footer-social{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:9px!important;width:max-content!important;max-width:100%;height:auto!important;margin:0!important;padding:0!important;border:0!important;background:transparent!important;background-image:none!important}
.footer .footer-social .social-link{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:max-content!important;max-width:100%;height:auto!important;min-height:20px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;color:#c8d0d5!important;text-decoration:none!important;box-shadow:none!important;transition:color .18s ease!important}
.footer .footer-social .social-link:hover{transform:none!important;box-shadow:none!important;color:#f0dc91!important}
.footer .footer-social .social-link:focus-visible{outline:2px solid #e2cc95!important;outline-offset:3px!important}
.footer .footer-social .social-icon-box{display:inline-flex;align-items:center;justify-content:center;width:15px;height:15px;flex:0 0 15px;color:currentColor}
.footer .footer-social .social-icon-box svg{display:block;width:15px!important;height:15px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.7!important}
.footer .footer-social .social-label{color:inherit!important;font-family:Manrope,Arial,sans-serif!important;font-size:10px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;text-decoration:none!important;text-underline-offset:0;white-space:normal;text-transform:none!important}
.footer .footer-social-whatsapp{box-sizing:border-box;display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;height:auto;min-height:20px;margin-top:9px;padding:0;background:transparent!important;background-image:none!important;color:#c8d0d5!important;font-family:Manrope,Arial,sans-serif!important;font-size:10px!important;font-weight:500!important;line-height:1.5!important;letter-spacing:0!important;text-decoration:none!important;white-space:nowrap}
.footer .footer-social-whatsapp:hover{color:#f0dc91!important;opacity:1}
.footer .footer-social-whatsapp:focus-visible{outline:2px solid #e2cc95;outline-offset:3px}
.footer .footer-social-whatsapp>svg{display:block;width:15px!important;height:15px!important;color:currentColor;stroke:currentColor;stroke-width:1.7}
.footer .footer-social-whatsapp .flag-motion,.footer-contact .footer-intl-channel .flag-motion{width:27px;height:18px;flex:0 0 27px}
.footer .footer-intl-channel{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;margin:7px 0 0;color:#c8d0d5!important;font-family:Manrope,Arial,sans-serif!important;font-size:10px!important;font-weight:500;line-height:1.5;text-decoration:none}
.footer .footer-intl-channel:hover{color:#f0dc91!important}
.footer .footer-intl-channel:focus-visible{outline:2px solid #e2cc95;outline-offset:3px}
.footer-contact .caption{display:block}

/* Small inline SVG flags use a restrained fabric wave; no flag screenshot or raster asset. */
.flag-motion{position:relative;display:inline-flex;align-items:stretch;justify-content:stretch;overflow:hidden;width:38px;height:25px;flex:0 0 38px;vertical-align:middle;border:1px solid #ffffff66;border-radius:2px;box-shadow:0 2px 5px #07132135;transform-origin:left center;transform-style:preserve-3d;animation:tb-flag-wave 3s ease-in-out infinite;isolation:isolate}
.flag-motion>.flag-svg{display:block!important;width:100%!important;height:100%!important;max-width:none!important;flex:1 1 100%;border-radius:0!important;clip-path:none!important;box-shadow:none!important}
.flag-motion::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(105deg,#fff5 0%,transparent 20%,#06142620 48%,transparent 71%,#fff3 100%);background-size:180% 100%;animation:tb-flag-sheen 3s linear infinite}
@keyframes tb-flag-wave{0%,100%{transform:perspective(150px) rotateY(-7deg) skewY(-.5deg)}50%{transform:perspective(150px) rotateY(7deg) skewY(.5deg)}}
@keyframes tb-flag-sheen{0%{background-position:100% 0}100%{background-position:-80% 0}}
.team-card-content{min-width:0;flex:1 1 auto}
.team-card-identity{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}
.team-card-identity h3{min-width:0;overflow-wrap:anywhere}
.team-card-identity .team-flag{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}
.team-card-identity .flag-motion{width:40px;height:27px;flex-basis:40px}
.team-card .team-contact-link{display:inline-flex!important;align-items:center;gap:7px;margin-top:8px!important;color:#6f5a2a!important;font-family:Manrope,Arial,sans-serif;font-size:10px;font-weight:700;text-decoration:none}
.team-card .team-contact-link svg{width:15px;height:15px}
.team-card .team-card-phone{display:block!important;margin-top:3px!important;color:#66737a;font-family:Manrope,Arial,sans-serif;font-size:10px;line-height:1.6;text-decoration:none}.team-card .team-card-phone:hover{color:#6f5a2a;text-decoration:underline;text-underline-offset:2px}
.contact-channel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.contact-channel-title .flag-motion{width:31px;height:21px;flex-basis:31px}

/* Floating WhatsApp selector — one click to choose the correct person and country. */
.float-contact-wrap{position:fixed;z-index:85;right:22px;bottom:22px;display:flex;flex-direction:column;align-items:flex-end;gap:12px;max-width:calc(100vw - 32px)}
.float-contact-wrap .float-contact{position:relative!important;right:auto!important;bottom:auto!important;z-index:auto!important;width:52px;height:52px;flex:0 0 52px;border:1px solid #ffffff70;border-radius:50%;background:#25d366!important;color:#fff!important;box-shadow:0 4px 0 #16864b,0 10px 20px #102b4338!important;transition:transform .2s,background .2s}
.float-contact-wrap .float-contact:hover{background:#20bc5b!important;color:#fff!important;transform:translateY(-2px)}
.float-contact-wrap .float-contact svg{width:24px;height:24px;stroke-width:1.8}
.whatsapp-chooser{position:absolute;right:0;bottom:calc(100% + 12px);width:min(340px,calc(100vw - 32px));padding:15px 16px 13px;border:1px solid #d7c99e;border-top:3px solid #b4944d;border-radius:10px;background:#fffefa;color:#172d42;box-shadow:0 16px 40px #10263a35}
.whatsapp-chooser[hidden]{display:none!important}
.whatsapp-chooser-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:11px;border-bottom:1px solid #e4decd}
.whatsapp-chooser-head strong{font-family:Manrope,Arial,sans-serif;font-size:13px;font-weight:700;line-height:1.4}
.whatsapp-chooser-head button{display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:transparent;color:#53636c}
.whatsapp-chooser-head button:hover{background:#f2efe5;color:#172d42}
.whatsapp-chooser-head button svg{width:17px;height:17px}
.whatsapp-contact-list{display:flex;flex-direction:column;gap:4px;padding-top:7px}
.whatsapp-contact-option{display:grid;grid-template-columns:42px minmax(0,1fr) 16px;align-items:center;gap:11px;padding:10px 5px;border-bottom:1px solid #eee9db;color:#263b4b;text-decoration:none;transition:background .16s}
.whatsapp-contact-option:last-child{border-bottom:0}
.whatsapp-contact-option:hover{background:#f7f5ed}
.whatsapp-contact-option:focus-visible{outline:2px solid #9b7b39;outline-offset:2px}
.whatsapp-contact-option .flag-motion{width:38px;height:25px;flex-basis:38px}
.whatsapp-contact-copy{display:flex;min-width:0;flex-direction:column;line-height:1.45}
.whatsapp-contact-copy strong{font-size:12px;font-weight:700;overflow-wrap:anywhere}
.whatsapp-contact-copy small{margin-top:1px;color:#80682f;font-size:9px;font-weight:600}
.whatsapp-contact-phone{margin-top:2px;color:#586872;font-size:10px}
.whatsapp-contact-option>svg{width:15px;height:15px;color:#80682f}
@media(max-width:720px){
  .footer .footer-social-stack{width:max-content;max-width:100%}
  .footer .social-icons.footer-social{width:max-content;max-width:100%;height:auto!important}
  .footer .footer-social-whatsapp{width:max-content;max-width:100%;gap:8px;font-size:10px!important}
  .footer .footer-intl-channel{font-size:10px!important}
  .float-contact-wrap{right:16px;bottom:16px}
  .float-contact-wrap .float-contact{width:48px;height:48px;flex-basis:48px}
  .whatsapp-chooser{width:min(328px,calc(100vw - 32px));padding:13px 12px 10px}
  .team-card-identity .flag-motion{width:35px;height:24px;flex-basis:35px}
}
@media(prefers-reduced-motion:reduce){.flag-motion,.flag-motion::after{animation:none!important}}
body.motion-paused .flag-motion,body.motion-paused .flag-motion::after{animation:none!important}

/* One centered send action keeps the form symmetrical on desktop and mobile. */
.contact-main-section .form-actions{display:flex;justify-content:center;align-items:center;margin-top:18px}
.contact-main-section .form-actions .btn{width:min(100%,360px);justify-content:center;min-height:50px}
.contact-main-section .form-actions .btn svg{width:16px;height:16px;flex:0 0 16px}
.contact-main-section .form-success{margin:0 0 22px;padding:14px 16px;border:1px solid #c8d7c7;border-left:3px solid #587854;background:#f0f5ef;color:#28422e;font-size:14px;line-height:1.65;text-align:left}
.contact-main-section .form-file-warning{max-width:60ch;margin:14px auto 0;padding:10px 14px;border:1px solid #d8c79a;background:#f4efe1;color:#5d4b24;font-size:11px;line-height:1.65;text-align:center}
@media(max-width:720px){.contact-main-section .form-actions .btn{width:100%;max-width:360px;min-width:0}}


/* Netlify Forms attachments: three single-file controls, within one 8 MB request. */
.contact-main-section fieldset.upload-field{min-width:0;margin:0;padding:0;border:0}
.contact-main-section .upload-field legend{float:none;width:100%;padding:0;margin:0 0 7px;color:#253b4b;font-size:12px;font-weight:700;line-height:1.5}
.contact-main-section .upload-field legend span{color:#757e80;font-size:11px}
.contact-main-section .document-upload-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 16px;margin-top:10px}
.contact-main-section .document-upload-slot{display:grid;gap:5px;min-width:0}
.contact-main-section .document-upload-slot label{color:#253b4b;font-size:11px;line-height:1.5}
.contact-main-section .document-upload-slot input[type="file"]{width:100%;min-width:0;min-height:46px;padding:8px;border:1px solid #d1cbbd;background:#fffefa;color:var(--ink);font-size:10px;line-height:1.5}
.contact-main-section .upload-field .document-file-list{margin-top:10px}
@media(max-width:720px){.contact-main-section .document-upload-grid{grid-template-columns:minmax(0,1fr);gap:10px}}

/* Hide only the floating pause control at every viewport size; keep the hero video unchanged. */
html body .motion-toggle{display:none!important}

/* The footer uses recognizable brand-color marks without changing their current footprint. */
.footer .footer-social .social-icon-box svg{fill:initial!important;stroke:none!important;stroke-width:0!important}
.footer .footer-social .social-instagram .social-icon-box svg,
.footer .footer-social .social-linkedin .social-icon-box svg{overflow:visible}
.footer .footer-social-whatsapp>svg{color:#25D366!important;stroke:#25D366!important;fill:none!important;stroke-width:1.8!important}

/* About-page invitation: editorial closing statement within the existing premium CTA. */
.about-opportunity-cta .cta-inner .about-closing-line{max-width:66ch;margin:18px 0 0!important;padding-top:14px;border-top:1px solid #cdbd8e;color:#3f5361!important;font-size:11px!important;font-weight:700!important;line-height:1.8!important;letter-spacing:.01em}
.about-opportunity-cta .cta-inner .about-closing-line strong{color:#243c50!important;font-weight:700!important}
@media(max-width:720px){.about-opportunity-cta .cta-inner .about-closing-line{font-size:10px!important;margin-top:14px!important;padding-top:12px}}

/* Interactive four-stage process timeline — scoped to this section only. */
.commercial-process .process-timeline{position:relative;min-width:0;margin-top:46px}
.commercial-process .process-grid{--process-gap:clamp(22px,3vw,40px);position:relative;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:var(--process-gap)!important;margin:0!important;padding:0!important;list-style:none;isolation:isolate}
.commercial-process .process-grid::before{content:none!important;display:none!important}
.commercial-process .process-step{position:relative!important;z-index:1;display:block!important;min-width:0;padding:0 6px 8px!important;border:0!important;border-radius:0!important;background:transparent!important;text-align:center!important;overflow:visible}
.commercial-process .process-step:hover{background:transparent!important}
.commercial-process .process-step:not(:last-child)::after{content:""!important;display:block!important;position:absolute;z-index:0;left:50%;top:72px;right:auto;bottom:auto;width:calc(100% + var(--process-gap));height:1px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#b79a56,#e0cb91);pointer-events:none;transition:transform .72s cubic-bezier(.22,.68,0,1)}
.commercial-process .process-grid.is-visible .process-step:not(:last-child)::after{transform:scaleX(1)}
.commercial-process .process-step:nth-child(2)::after{transition-delay:.12s}
.commercial-process .process-step:nth-child(3)::after{transition-delay:.24s}
.commercial-process .process-step:nth-child(4)::after{transition-delay:.36s}
.commercial-process .process-trigger{position:relative;z-index:1;display:flex!important;width:100%;min-width:0;flex-direction:column;align-items:center;justify-content:flex-start;gap:0;padding:0 8px 6px;border:0;border-radius:8px;background:transparent!important;color:inherit;text-align:center;cursor:pointer;appearance:none;-webkit-appearance:none;font:inherit}
.commercial-process .process-trigger:focus{outline:none}
.commercial-process .process-trigger:focus-visible{outline:2px solid #967634;outline-offset:5px;border-radius:8px}
.commercial-process .process-step-top{position:relative;z-index:1;display:grid!important;width:100%;height:103px!important;grid-template-rows:36px 62px;align-items:center;justify-content:stretch;gap:5px;padding:0!important;border:0;background:transparent}
.commercial-process .process-step .number{grid-row:1;justify-self:start!important;align-self:end;color:#886a2b;font:500 36px/1 Instrument,Georgia,serif;transition:color .2s ease,transform .2s ease}
.commercial-process .process-icon{position:relative;z-index:2;grid-row:2;justify-self:center;align-self:center;display:grid;place-items:center;width:58px!important;height:58px!important;flex:0 0 58px;border:1px solid #c5a75d!important;border-radius:50%!important;background:#f4f5f6!important;color:#745b27!important;box-shadow:0 3px 0 #d5c69f,0 7px 12px #122c4218;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease,box-shadow .22s ease}
.commercial-process .process-icon svg{display:block;width:21px!important;height:21px!important;fill:none;stroke:currentColor;stroke-width:1.55}
.commercial-process .process-step-copy{display:flex;min-width:0;max-width:35ch;flex-direction:column;align-items:center;margin:0 auto}
.commercial-process .process-step-heading{display:block;max-width:30ch;margin:17px 0 8px;color:#162c40;font:400 20px/1.27 Instrument,Georgia,serif;overflow-wrap:anywhere;transition:color .2s ease}
.commercial-process .process-step-summary{display:block;max-width:35ch;color:#58656e;font:400 11px/1.85 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
.commercial-process .process-open-hint{display:inline-flex;margin-top:8px;color:#8a6b2b;font:700 9px/1.4 Manrope,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}
.commercial-process .process-disclosure{display:grid;place-items:center;width:25px;height:25px;margin-top:11px;border:1px solid #c6b27c;border-radius:50%;color:#775e2c;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease}
.commercial-process .process-disclosure svg{display:block;width:12px;height:12px;transform:rotate(90deg);stroke:currentColor;stroke-width:1.8;transition:transform .22s ease}
.commercial-process .process-trigger[aria-expanded="true"] .process-disclosure{border-color:#aa8b46;background:#f2ecd9;color:#6f5727}
.commercial-process .process-trigger[aria-expanded="true"] .process-disclosure svg{transform:rotate(270deg)}
.commercial-process .process-trigger[aria-expanded="true"] .process-icon,.commercial-process .process-step.is-open .process-icon{border-color:#a9883e!important;background:#fff9e9!important;color:#87682b!important;box-shadow:0 3px 0 #d5c69f,0 8px 17px #122c4222;transform:translateY(-2px) scale(1.035)}
.commercial-process .process-trigger[aria-expanded="true"] .process-step-heading,.commercial-process .process-step.is-open .process-step-heading{color:#8a6b2b}
.commercial-process .process-trigger[aria-expanded="true"] .number,.commercial-process .process-step.is-open .number{color:#a17a2e;transform:translateY(-1px)}
@media(hover:hover){.commercial-process .process-trigger:hover .process-icon{border-color:#a9883e!important;background:#fff9e9!important;color:#87682b!important;transform:translateY(-2px) scale(1.035)}.commercial-process .process-trigger:hover .process-step-heading{color:#8a6b2b}.commercial-process .process-trigger:hover .number{color:#a17a2e;transform:translateY(-1px)}.commercial-process .process-trigger:hover .process-disclosure{border-color:#aa8b46;background:#f2ecd9}}
.commercial-process .process-detail-panel{box-sizing:border-box;max-height:0;overflow:hidden;margin:0;padding:0 22px;border:1px solid transparent;border-left:3px solid transparent;border-radius:3px;background:#fffdf8;box-shadow:0 8px 24px #172d420d;opacity:0;transform:translateY(-5px);pointer-events:none;transition:max-height .38s ease,margin .28s ease,padding .28s ease,border-color .25s ease,opacity .24s ease,transform .28s ease}
.commercial-process .process-detail-panel.is-open{max-height:520px;margin-top:22px;padding:19px 22px;border-color:#d7c9a2;border-left-color:#b4944d;opacity:1;transform:translateY(0);pointer-events:auto}
.commercial-process .process-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.commercial-process .process-detail-kicker{display:inline-flex;align-items:center;gap:7px;color:#886a2b;font:700 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.commercial-process .process-detail-kicker [data-process-panel-number]{font-variant-numeric:tabular-nums}
.commercial-process .process-detail-header h3{margin:5px 0 0;color:#172d42;font:400 clamp(19px,2vw,24px)/1.25 Instrument,Georgia,serif;overflow-wrap:anywhere}
.commercial-process .process-detail-copy{max-width:86ch;margin:12px 0 0!important;color:#4f5f69!important;font:400 12px/1.85 Manrope,Arial,sans-serif!important;text-align:left!important;text-align-last:left!important;overflow-wrap:anywhere}
.commercial-process .process-detail-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #d8cda9;border-radius:999px;background:transparent;color:#62512a;font:600 10px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.commercial-process .process-detail-close:hover{border-color:#a9883e;background:#f8f3e7}
.commercial-process .process-detail-close:focus-visible{outline:2px solid #967634;outline-offset:3px}
.commercial-process .process-detail-close svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8}
@media(max-width:980px){
 .commercial-process .process-timeline{margin-top:30px}
 .commercial-process .process-grid{grid-template-columns:minmax(0,1fr)!important;gap:0!important;margin-top:0!important}
 .commercial-process .process-step{padding:13px 0!important;border-bottom:1px solid #dfd7c2!important;text-align:left!important}
 .commercial-process .process-step:last-child{border-bottom:0!important}
 .commercial-process .process-step:not(:last-child)::after{left:32px;top:72px;right:auto;bottom:-72px;width:1px;height:auto;transform:scaleY(0);transform-origin:top center;background:linear-gradient(180deg,#b79a56,#e0cb91);transition:transform .62s cubic-bezier(.22,.68,0,1)}
 .commercial-process .process-grid.is-visible .process-step:not(:last-child)::after{transform:scaleY(1)}
 .commercial-process .process-step:nth-child(2)::after,.commercial-process .process-step:nth-child(3)::after{transition-delay:0s}
 .commercial-process .process-trigger{display:grid!important;grid-template-columns:64px minmax(0,1fr) 28px!important;grid-template-rows:minmax(88px,auto);align-items:center;column-gap:19px;padding:0 7px 0 0;text-align:left}
 .commercial-process .process-step-top{grid-column:1;grid-row:1;align-self:start;display:flex!important;width:64px!important;height:88px!important;flex-direction:column;align-items:center;justify-content:center;gap:4px!important}
 .commercial-process .process-step .number{align-self:center!important;justify-self:center!important;font-size:24px!important;line-height:1!important}
 .commercial-process .process-icon{width:50px!important;height:50px!important;flex-basis:50px!important}
 .commercial-process .process-icon svg{width:19px!important;height:19px!important}
 .commercial-process .process-step-copy{grid-column:2;grid-row:1;align-items:flex-start;max-width:none;margin:0}
 .commercial-process .process-step-heading{max-width:none;margin:0 0 5px!important;font-size:19px!important;line-height:1.3!important;text-align:left!important}
 .commercial-process .process-step-summary{max-width:68ch;text-align:left!important}
 .commercial-process .process-open-hint{margin-top:6px;font-size:8px}
 .commercial-process .process-disclosure{grid-column:3;grid-row:1;justify-self:end;align-self:center;width:24px;height:24px;margin:0}
 .commercial-process .process-detail-panel.is-open{margin-top:17px;padding:17px 18px}
}
@media(max-width:720px){
 .commercial-process .process-timeline{margin-top:25px}
 .commercial-process .process-step{padding:12px 0!important}
 .commercial-process .process-step:not(:last-child)::after{left:29px;top:67px;bottom:-67px}
 .commercial-process .process-trigger{grid-template-columns:58px minmax(0,1fr) 25px!important;grid-template-rows:minmax(82px,auto);column-gap:13px;padding-right:3px}
 .commercial-process .process-step-top{width:58px!important;height:82px!important;gap:4px!important}
 .commercial-process .process-step .number{font-size:22px!important}
 .commercial-process .process-icon{width:48px!important;height:48px!important;flex-basis:48px!important}
 .commercial-process .process-step-heading{font-size:18px!important}
 .commercial-process .process-step-summary{font-size:10px;line-height:1.75}
 .commercial-process .process-open-hint{font-size:8px;letter-spacing:.06em}
 .commercial-process .process-disclosure{width:23px;height:23px}
 .commercial-process .process-detail-panel.is-open{margin-top:15px;padding:15px 14px}
 .commercial-process .process-detail-header{gap:10px}
 .commercial-process .process-detail-close{gap:4px;min-height:29px;padding:4px 7px;font-size:9px}
 .commercial-process .process-detail-copy{font-size:11px!important;line-height:1.8!important}
}
@media(prefers-reduced-motion:reduce){
 .commercial-process .process-step:not(:last-child)::after,.commercial-process .process-icon,.commercial-process .process-disclosure,.commercial-process .process-disclosure svg,.commercial-process .process-step .number,.commercial-process .process-step-heading,.commercial-process .process-detail-panel{transition:none!important;animation:none!important}
 .commercial-process .process-step:not(:last-child)::after{transform:none!important;opacity:1!important}
 .commercial-process .process-detail-panel{transform:none!important}
}

/* Premium, interactive services overview — scoped to the existing Activities section. */
.services-overview-section .services-interaction{min-width:0}
.services-overview-section .services-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important;margin:0!important;align-items:stretch}
.services-overview-section .service{display:flex!important;min-width:0;min-height:0!important;padding:0!important;border:0!important;border-radius:3px;background:transparent!important;box-shadow:none!important;transform:none!important;overflow:visible!important}
.services-overview-section .service:hover{border:0!important;background:transparent!important;box-shadow:none!important;transform:none!important}
.services-overview-section .service-trigger{position:relative;isolation:isolate;display:flex!important;width:100%;height:100%;min-width:0;min-height:194px;flex:1 1 auto;flex-direction:column;align-items:stretch;gap:13px;padding:21px 20px 16px;border:1px solid #ded8c8;border-top:2px solid #d1c49f;border-radius:3px;background:#fbfaf6;color:#172d42;text-align:left;cursor:pointer;appearance:none;-webkit-appearance:none;font:inherit;overflow:hidden;transition:transform .24s ease,box-shadow .26s ease,border-color .22s ease,background-color .22s ease}
.services-overview-section .service-trigger::before{content:"";position:absolute;z-index:-1;top:-2px;left:0;width:100%;height:3px;background:#a98942;transform:scaleX(0);transform-origin:left center;transition:transform .32s cubic-bezier(.22,.68,0,1)}
.services-overview-section .service-trigger:focus{outline:none}
.services-overview-section .service-trigger:focus-visible{outline:2px solid #987938;outline-offset:4px}
.services-overview-section .service-card-header{display:grid;grid-template-columns:38px minmax(0,1fr) 25px;align-items:start;gap:12px;min-width:0}
.services-overview-section .service-card-icon{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e0d3ad;border-radius:50%;background:#f5f1e7;color:#80682f;transition:transform .22s ease,color .22s ease,border-color .22s ease,background-color .22s ease}
.services-overview-section .service-card-icon svg{display:block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.services-overview-section .service-card-title{display:block;min-width:0;padding-top:2px;color:#172d42;font:400 19px/1.3 Instrument,Georgia,serif;overflow-wrap:anywhere;transition:color .22s ease}
.services-overview-section .service-card-disclosure{display:grid;place-items:center;width:24px;height:24px;margin-top:4px;border:1px solid #d8cca8;border-radius:50%;color:#7d652e;transition:transform .22s ease,border-color .22s ease,background-color .22s ease}
.services-overview-section .service-card-disclosure svg{display:block;width:12px;height:12px;transition:transform .22s ease}
.services-overview-section .service-card-summary{display:block;max-width:52ch;color:#596772;font:400 11px/1.85 Manrope,Arial,sans-serif;overflow-wrap:anywhere}
.services-overview-section .service-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0;margin-top:auto;padding-top:12px;border-top:1px solid #e8e2d6}
.services-overview-section .service-open-hint{color:#80682f;font:700 8px/1.45 Manrope,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;overflow-wrap:anywhere}
.services-overview-section .service-trigger[aria-expanded="true"]{border-color:#c8b47b;background:#fffdf7;box-shadow:0 9px 23px #122c4210}
.services-overview-section .service-trigger[aria-expanded="true"]::before{transform:scaleX(1)}
.services-overview-section .service-trigger[aria-expanded="true"] .service-card-icon,.services-overview-section .service.is-open .service-card-icon{border-color:#b59a56;background:#f0ead9;color:#705a2a;transform:scale(1.04)}
.services-overview-section .service-trigger[aria-expanded="true"] .service-card-title,.services-overview-section .service.is-open .service-card-title{color:#80682f}
.services-overview-section .service-trigger[aria-expanded="true"] .service-card-disclosure,.services-overview-section .service.is-open .service-card-disclosure{border-color:#ae914d;background:#f4efdf}
.services-overview-section .service-trigger[aria-expanded="true"] .service-card-disclosure svg,.services-overview-section .service.is-open .service-card-disclosure svg{transform:rotate(90deg)}
@media(hover:hover){.services-overview-section .service-trigger:hover{z-index:2;transform:translateY(-3px);border-color:#cdbb83;background:#fffdf9;box-shadow:0 13px 26px #122c4212}.services-overview-section .service-trigger:hover::before{transform:scaleX(1)}.services-overview-section .service-trigger:hover .service-card-icon{border-color:#b59a56;background:#f0ead9;color:#705a2a;transform:scale(1.04)}.services-overview-section .service-trigger:hover .service-card-title{color:#80682f}.services-overview-section .service-trigger:hover .service-card-disclosure{border-color:#ae914d;background:#f4efdf}}
.services-overview-section .service-detail-panel{box-sizing:border-box;max-height:0;overflow:hidden;margin:0;padding:0 22px;border:1px solid transparent;border-left:3px solid transparent;border-radius:3px;background:#fffdf8;box-shadow:0 8px 23px #122c420b;opacity:0;transform:translateY(-5px);pointer-events:none;transition:max-height .38s ease,margin .28s ease,padding .28s ease,border-color .25s ease,opacity .24s ease,transform .28s ease}
.services-overview-section .service-detail-panel.is-open{max-height:380px;margin-top:18px;padding:18px 22px;border-color:#d9cba5;border-left-color:#b4944d;opacity:1;transform:translateY(0);pointer-events:auto}
.services-overview-section .service-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
.services-overview-section .service-detail-kicker{display:inline-flex;align-items:center;gap:7px;color:#886a2b;font:700 9px/1.5 Manrope,Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.services-overview-section .service-detail-kicker [data-service-panel-number]{font-variant-numeric:tabular-nums}
.services-overview-section .service-detail-header h3{margin:5px 0 0!important;color:#172d42!important;font:400 clamp(19px,2vw,24px)/1.25 Instrument,Georgia,serif!important;overflow-wrap:anywhere}
.services-overview-section .service-detail-copy{max-width:84ch;margin:12px 0 0!important;color:#4f5f69!important;font:400 12px/1.85 Manrope,Arial,sans-serif!important;text-align:left!important;text-align-last:left!important;overflow-wrap:anywhere}
.services-overview-section .service-detail-close{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:6px;min-height:30px;padding:5px 9px;border:1px solid #d8cda9;border-radius:999px;background:transparent;color:#62512a;font:600 10px/1.4 Manrope,Arial,sans-serif;cursor:pointer}
.services-overview-section .service-detail-close:hover{border-color:#a9883e;background:#f8f3e7}
.services-overview-section .service-detail-close:focus-visible{outline:2px solid #967634;outline-offset:3px}
.services-overview-section .service-detail-close svg{width:13px;height:13px;stroke:currentColor;stroke-width:1.8}
.services-overview-section .services-global-trade{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);align-items:center;gap:clamp(28px,5vw,66px);margin-top:47px;padding-top:32px;border-top:1px solid #d9d3c2}
.services-overview-section .services-trade-figure{position:relative;min-width:0;aspect-ratio:1.68;margin:0;overflow:hidden;border:1px solid #d5c8a7;border-radius:3px;background:#e7e7e1}
.services-overview-section .services-trade-photo{display:block;width:100%;height:100%;object-fit:cover;object-position:center 55%;transition:transform .55s ease}
.services-overview-section .services-editorial-copy{min-width:0;max-width:42ch}
.services-overview-section .services-editorial-copy .eyebrow{margin-bottom:15px;color:#80682f}
.services-overview-section .services-editorial-copy h3{margin:0!important;color:#172d42!important;font:400 clamp(25px,3vw,36px)/1.2 Instrument,Georgia,serif!important;overflow-wrap:anywhere}
.services-overview-section .services-editorial-copy p{max-width:48ch;margin:15px 0 0!important;color:#596772!important;font:400 11px/1.9 Manrope,Arial,sans-serif!important;overflow-wrap:anywhere}
.services-overview-section .services-action-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:28px;margin-top:36px;padding:23px clamp(18px,3vw,32px);border:1px solid #ddd5c2;border-left:3px solid #b4944d;border-radius:3px;background:#efede3}
.services-overview-section .services-action-cta .eyebrow{margin-bottom:9px;color:#80682f}
.services-overview-section .services-action-cta h3{max-width:58ch;margin:0!important;color:#172d42!important;font:400 clamp(22px,2.5vw,30px)/1.23 Instrument,Georgia,serif!important;overflow-wrap:anywhere}
.services-overview-section .services-action-cta p{max-width:68ch;margin:9px 0 0!important;color:#596772!important;font:400 11px/1.8 Manrope,Arial,sans-serif!important;overflow-wrap:anywhere}
.services-overview-section .services-action-cta .btn{min-width:194px;justify-self:end;white-space:normal;text-align:center}
@media(max-width:980px){
 .services-overview-section .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:15px!important}
 .services-overview-section .service-trigger{min-height:188px;padding:19px 17px 15px}
 .services-overview-section .services-global-trade{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:27px;margin-top:38px}
 .services-overview-section .services-trade-figure{aspect-ratio:1.35}
 .services-overview-section .services-action-cta{gap:20px}
 .services-overview-section .services-action-cta .btn{min-width:178px}
}
@media(max-width:720px){
 .services-overview-section .services-grid{grid-template-columns:minmax(0,1fr)!important;gap:11px!important}
 .services-overview-section .service-trigger{min-height:0;padding:17px 16px 14px;gap:11px}
 .services-overview-section .service-card-header{grid-template-columns:36px minmax(0,1fr) 24px;gap:11px}
 .services-overview-section .service-card-icon{width:34px;height:34px}
 .services-overview-section .service-card-icon svg{width:17px;height:17px}
 .services-overview-section .service-card-title{font-size:18px;line-height:1.3}
 .services-overview-section .service-card-summary{font-size:10px;line-height:1.8}
 .services-overview-section .service-card-footer{padding-top:10px}
 .services-overview-section .service-detail-panel.is-open{margin-top:14px;padding:15px 14px}
 .services-overview-section .service-detail-header{gap:10px}
 .services-overview-section .service-detail-close{gap:4px;min-height:29px;padding:4px 7px;font-size:9px}
 .services-overview-section .service-detail-copy{font-size:11px!important;line-height:1.8!important}
 .services-overview-section .services-global-trade{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:30px;padding-top:25px}
 .services-overview-section .services-trade-figure{aspect-ratio:1.25}
 .services-overview-section .services-editorial-copy h3{font-size:26px!important}
 .services-overview-section .services-action-cta{grid-template-columns:minmax(0,1fr);gap:17px;margin-top:25px;padding:19px 16px}
 .services-overview-section .services-action-cta h3{font-size:23px!important}
 .services-overview-section .services-action-cta .btn{width:100%;min-width:0;min-height:48px;justify-self:stretch}
}
@media(prefers-reduced-motion:reduce){
 .services-overview-section .service-trigger,.services-overview-section .service-trigger::before,.services-overview-section .service-card-icon,.services-overview-section .service-card-disclosure,.services-overview-section .service-card-disclosure svg,.services-overview-section .service-detail-panel,.services-overview-section .services-trade-photo{transition:none!important;animation:none!important}
 .services-overview-section .services-trade-photo{transform:none!important}
}

/* 18 Oct 2026 — institutional homepage module: measured proportions, restrained reveal and accessible scroll. */
body[data-page="home"] .home-international-section{
  padding-top:clamp(66px,7.1vw,94px);
  padding-bottom:clamp(66px,7.1vw,94px);
  border-bottom-color:#d5c59b;
}
body[data-page="home"] .home-international-section .international-layout{
  grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);
  gap:clamp(44px,5.4vw,76px);
}
body[data-page="home"] .home-international-section .home-international-photo::before{
  z-index:2;
  inset:17px 0 0 17px;
  border:1px solid #c0a25d;
}
body[data-page="home"] .home-international-section .home-international-copy{
  max-width:570px;
  padding:8px 0;
}
html body[data-page="home"] main section.home-international-section .home-international-copy .eyebrow{
  margin-bottom:17px!important;
  color:#876b32!important;
}
html body[data-page="home"] main section.home-international-section .home-international-copy h2{
  max-width:17ch;
  font-size:clamp(40px,4.05vw,56px)!important;
  font-weight:500!important;
  line-height:1.1!important;
  letter-spacing:-.04em!important;
  color:#172d42!important;
  text-wrap:balance;
}
html body[data-page="home"] main section.home-international-section .home-international-copy h2 .serif{
  color:#8b6d2d!important;
  font-size:1.02em!important;
}
html body[data-page="home"] main section.home-international-section .home-international-copy p{
  max-width:52ch;
  margin-top:20px!important;
  color:#53636e!important;
  font-size:14px!important;
  line-height:1.85!important;
  text-align:left!important;
  text-align-last:left!important;
  text-justify:auto!important;
}
html body[data-page="home"] main section.home-international-section .home-international-copy .international-rule{
  width:62px;
  height:1px;
  margin:25px 0 18px;
  background:#c0a25d;
}
html body[data-page="home"] main section.home-international-section .home-international-copy>a.btn-text{
  display:inline-flex!important;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  max-width:100%;
  min-height:48px!important;
  padding:12px 17px!important;
  border:1px solid #b99b5a!important;
  border-radius:2px;
  background:transparent!important;
  color:#172d42!important;
  font-size:12px!important;
  font-weight:700;
  line-height:1.45;
  letter-spacing:.01em;
  text-decoration:none;
  transition:opacity .68s ease,transform .68s cubic-bezier(.22,.68,0,1),background-color .24s ease,color .24s ease,border-color .24s ease,box-shadow .24s ease;
}
html body[data-page="home"] main section.home-international-section .home-international-copy>a.btn-text:hover{
  transform:translateY(-1px);
  border-color:#c3a35c!important;
  background:#11263a!important;
  color:#fff!important;
  box-shadow:0 5px 14px #102b421a;
}
html body[data-page="home"] main section.home-international-section .home-international-copy>a.btn-text:active{transform:translateY(0)}
html body[data-page="home"] main section.home-international-section .home-international-copy>a.btn-text:focus-visible{
  outline:2px solid #947437;
  outline-offset:4px;
}
.home-international-section .home-international-copy>a.btn-text svg{
  width:18px;
  height:18px;
  transition:transform .24s cubic-bezier(.22,.68,0,1);
}
@media(hover:hover){
  .home-international-section .home-international-copy>a.btn-text:hover svg,
  .home-international-section .home-international-copy>a.btn-text:focus-visible svg{transform:translateX(4px)}
}
.home-international-section .home-international-photo{
  --home-intl-entry-x:0px;
  --home-intl-parallax:0px;
  transform:translate3d(var(--home-intl-entry-x),var(--home-intl-parallax),0);
  transition:opacity .78s cubic-bezier(.22,.68,0,1),transform .78s cubic-bezier(.22,.68,0,1);
}
.home-international-section .home-international-copy .eyebrow,
.home-international-section .home-international-copy h2,
.home-international-section .home-international-copy p,
.home-international-section .home-international-copy .international-rule,
.home-international-section .home-international-copy>a.btn-text{
  transition:opacity .66s ease,transform .66s cubic-bezier(.22,.68,0,1);
}
.home-international-section .home-international-copy .eyebrow{transition-delay:.04s}
.home-international-section .home-international-copy h2{transition-delay:.12s}
.home-international-section .home-international-copy h2 .serif{
  clip-path:inset(0 0 0 0);
  transition:clip-path .86s cubic-bezier(.22,.68,0,1);
  transition-delay:.25s;
}
.home-international-section .home-international-copy p{transition-delay:.22s}
.home-international-section .home-international-copy .international-rule{transition-delay:.34s}
.home-international-section .home-international-copy>a.btn-text{transition-delay:.42s}
.home-international-section.home-intl-motion-ready:not(.is-in-view) .home-international-photo{
  --home-intl-entry-x:-22px;
  opacity:0;
  transition:none!important;
}
.home-international-section.home-intl-motion-ready:not(.is-in-view) .home-international-copy .eyebrow,
.home-international-section.home-intl-motion-ready:not(.is-in-view) .home-international-copy h2,
.home-international-section.home-intl-motion-ready:not(.is-in-view) .home-international-copy p,
.home-international-section.home-intl-motion-ready:not(.is-in-view) .home-international-copy .international-rule,
.home-international-section.home-intl-motion-ready:not(.is-in-view) .home-international-copy>a.btn-text{
  opacity:0;
  transform:translateY(12px);
  transition:none!important;
}
.home-international-section.home-intl-motion-ready:not(.is-in-view) .home-international-copy h2 .serif{
  clip-path:inset(0 100% 0 0);
  transition:none!important;
}
body.motion-paused .home-international-section.home-intl-motion-ready .home-international-photo,
body.motion-paused .home-international-section.home-intl-motion-ready .home-international-copy .eyebrow,
body.motion-paused .home-international-section.home-intl-motion-ready .home-international-copy h2,
body.motion-paused .home-international-section.home-intl-motion-ready .home-international-copy p,
body.motion-paused .home-international-section.home-intl-motion-ready .home-international-copy .international-rule,
body.motion-paused .home-international-section.home-intl-motion-ready .home-international-copy>a.btn-text,
body.motion-paused .home-international-section.home-intl-motion-ready .home-international-copy h2 .serif{
  opacity:1!important;
  transform:none!important;
  clip-path:none!important;
}
body.motion-paused .home-international-section .home-international-photo{transform:none!important}
@media(max-width:980px) and (min-width:721px){
  body[data-page="home"] .home-international-section{
    padding-top:64px;
    padding-bottom:64px;
  }
  body[data-page="home"] .home-international-section .international-layout{
    grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
    gap:clamp(28px,4vw,40px);
  }
  html body[data-page="home"] main section.home-international-section .home-international-copy h2{
    font-size:clamp(36px,4.85vw,47px)!important;
  }
  html body[data-page="home"] main section.home-international-section .home-international-copy p{
    font-size:13px!important;
  }
}
@media(max-width:720px){
  body[data-page="home"] .home-international-section{
    padding-top:52px;
    padding-bottom:56px;
  }
  body[data-page="home"] .home-international-section .international-layout{
    grid-template-columns:minmax(0,1fr);
    gap:clamp(28px,7vw,36px);
  }
  body[data-page="home"] .home-international-section .home-international-photo{margin:0 5px 0 0}
  body[data-page="home"] .home-international-section .home-international-photo::before{inset:12px 0 0 12px}
  body[data-page="home"] .home-international-section .home-international-copy{padding:0}
  html body[data-page="home"] main section.home-international-section .home-international-copy h2{
    max-width:15ch;
    font-size:clamp(36px,8vw,47px)!important;
    line-height:1.12!important;
  }
  html body[data-page="home"] main section.home-international-section .home-international-copy p{
    margin-top:17px!important;
    font-size:13px!important;
    line-height:1.85!important;
  }
  html body[data-page="home"] main section.home-international-section .home-international-copy .international-rule{margin:22px 0 16px}
}
html[lang^="zh"] body[data-page="home"] main section.home-international-section .home-international-copy h2{line-height:1.32!important}
@media(prefers-reduced-motion:reduce){
  .home-international-section .home-international-photo,
  .home-international-section .home-international-copy .eyebrow,
  .home-international-section .home-international-copy h2,
  .home-international-section .home-international-copy h2 .serif,
  .home-international-section .home-international-copy p,
  .home-international-section .home-international-copy .international-rule,
  .home-international-section .home-international-copy>a.btn-text,
  .home-international-section .home-international-copy>a.btn-text svg{
    animation:none!important;
    transition:none!important;
  }
  .home-international-section .home-international-photo{transform:none!important;--home-intl-parallax:0px!important}
  .home-international-section.home-intl-motion-ready .home-international-photo,
  .home-international-section.home-intl-motion-ready .home-international-copy .eyebrow,
  .home-international-section.home-intl-motion-ready .home-international-copy h2,
  .home-international-section.home-intl-motion-ready .home-international-copy h2 .serif,
  .home-international-section.home-intl-motion-ready .home-international-copy p,
  .home-international-section.home-intl-motion-ready .home-international-copy .international-rule,
  .home-international-section.home-intl-motion-ready .home-international-copy>a.btn-text{
    opacity:1!important;
    transform:none!important;
    clip-path:none!important;
  }
  .home-international-section .home-international-copy>a.btn-text:hover,
  .home-international-section .home-international-copy>a.btn-text:hover svg{transform:none!important}
}


/* 18 Oct 2026 — scoped refinements: process timeline, services editorial, and CTA color pair. */
.commercial-process .process-step:not(:last-child)::after{transform:scaleX(1)}
.commercial-process .process-grid.is-visible .process-step:not(:last-child)::after{transform:scaleX(1)}
.commercial-process .process-step .number{justify-self:center!important}
.commercial-process .process-trigger[aria-expanded="true"] .process-icon,
.commercial-process .process-step.is-open .process-icon,
.commercial-process .process-trigger:focus-visible .process-icon{border-color:#b89c58!important;background:#142d43!important;color:#e2cc95!important;box-shadow:0 3px 0 #c6b580,0 8px 17px #122c4222}
@media(hover:hover){
 .commercial-process .process-trigger:hover .process-icon{border-color:#b89c58!important;background:#142d43!important;color:#e2cc95!important;box-shadow:0 3px 0 #c6b580,0 8px 17px #122c4222}
}
@media(max-width:980px){
 .commercial-process .process-step:not(:last-child)::after{transform:scaleY(1)}
 .commercial-process .process-grid.is-visible .process-step:not(:last-child)::after{transform:scaleY(1)}
}

html body main section.services-overview-section .services-trade-figure{aspect-ratio:1/1}
html body main section.services-overview-section .services-trade-photo{object-position:center center}
html body main section.services-overview-section .services-editorial-copy h3{
  max-width:16ch;
  margin:0!important;
  color:#172d42!important;
  font-family:Manrope,"Noto Sans SC",Arial,sans-serif!important;
  font-size:clamp(37px,4vw,55px)!important;
  font-weight:500!important;
  line-height:1.08!important;
  letter-spacing:-.045em!important;
  overflow-wrap:anywhere;
}
@media(max-width:980px){
 html body main section.services-overview-section .services-trade-figure{aspect-ratio:1/1}
 html body main section.services-overview-section .services-editorial-copy h3{font-size:clamp(34px,5vw,44px)!important}
}
@media(max-width:720px){
 html body main section.services-overview-section .services-trade-figure{aspect-ratio:1/1}
 html body main section.services-overview-section .services-editorial-copy h3{max-width:18ch;font-size:clamp(35px,8vw,44px)!important}
}

/* The CTA button contrasts with its module surface: gold/navy on cool blue,
   navy/gold on warm beige. Styling is limited to the two requested modules. */
.commercial-process .process-foot .btn-text,
.services-overview-section .services-action-cta .btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-width:194px;
  min-height:48px;
  padding:12px 18px!important;
  border:1px solid #b99b56!important;
  border-radius:2px!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.4!important;
  letter-spacing:.02em;
  text-decoration:none!important;
  transition:transform .2s ease,background-color .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease;
}
/* Process sections use a cool-blue default surface. */
.commercial-process .process-foot .btn-text,
.commercial-process[data-module-surface="blue"] .process-foot .btn-text,
.services-overview-section[data-module-surface="blue"] .services-action-cta .btn{
  border-color:#b99b56!important;
  background:#d7bd79!important;
  color:#172d42!important;
  box-shadow:0 3px 0 #b99b56,0 6px 14px #122c4215;
}
/* Warm beige/pastel sections invert the CTA for strong, consistent contrast. */
.commercial-process[data-module-surface="pastel"] .process-foot .btn-text,
.services-overview-section .services-action-cta .btn,
.services-overview-section[data-module-surface="pastel"] .services-action-cta .btn{
  border-color:#142d43!important;
  background:#142d43!important;
  color:#e2cc95!important;
  box-shadow:0 3px 0 #0d2031,0 6px 14px #122c4218;
}
.commercial-process .process-foot .btn-text:hover,
.commercial-process[data-module-surface="blue"] .process-foot .btn-text:hover,
.services-overview-section[data-module-surface="blue"] .services-action-cta .btn:hover{
  border-color:#c4a660!important;background:#c9ad68!important;color:#142d43!important;
  box-shadow:0 4px 0 #a88d4b,0 9px 17px #122c4220;transform:translateY(-1px)
}
.commercial-process[data-module-surface="pastel"] .process-foot .btn-text:hover,
.services-overview-section .services-action-cta .btn:hover,
.services-overview-section[data-module-surface="pastel"] .services-action-cta .btn:hover{
  border-color:#1a3a55!important;background:#1a3a55!important;color:#f0dfb5!important;
  box-shadow:0 4px 0 #0d2031,0 9px 17px #122c4220;transform:translateY(-1px)
}
.commercial-process .process-foot .btn-text:active,
.services-overview-section .services-action-cta .btn:active{transform:translateY(0);box-shadow:0 2px 0 #a88d4b}
.commercial-process .process-foot .btn-text:focus-visible,
.services-overview-section .services-action-cta .btn:focus-visible{outline:2px solid #947437!important;outline-offset:4px}
.commercial-process .process-foot .btn-text svg,
.services-overview-section .services-action-cta .btn svg{width:16px;height:16px;flex:0 0 16px;transition:transform .2s ease}
@media(hover:hover){
 .commercial-process .process-foot .btn-text:hover svg,
 .services-overview-section .services-action-cta .btn:hover svg{transform:translateX(3px)}
}
@media(max-width:720px){
 .commercial-process .process-foot .btn-text{width:100%;justify-content:space-between}
 .services-overview-section .services-action-cta .btn{width:100%;min-width:0}
}
@media(prefers-reduced-motion:reduce){
 .commercial-process .process-step:not(:last-child)::after,
 .commercial-process .process-icon,
 .commercial-process .process-foot .btn-text,
 .commercial-process .process-foot .btn-text svg,
 .services-overview-section .services-trade-photo,
 .services-overview-section .services-action-cta .btn,
 .services-overview-section .services-action-cta .btn svg{transition:none!important;animation:none!important}
}

/* The source photos already contain this mark. Cover that corner only when object-fit:cover would crop into it. */
.product-card-photo.has-cropped-watermark::after{
  content:"© THE BROKERS COMMODITIES";
  position:absolute;
  right:0;
  bottom:0;
  z-index:5;
  width:148px;
  max-width:100%;
  box-sizing:border-box;
  min-height:27px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:4px 7px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:3px 0 0 0;
  background:#0a1b2b;
  color:#fff;
  font-family:Manrope,Arial,sans-serif;
  font-size:7px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:.035em;
  white-space:nowrap;
  text-shadow:0 1px 1px rgba(0,0,0,.5);
  pointer-events:none;
}
.product-card-photo.has-cropped-watermark .product-type{max-width:calc(100% - 116px)}
.product-card-photo.has-cropped-watermark .quick-view{top:11px;right:11px;bottom:auto;z-index:6}
@media(max-width:720px){
  .product-card-photo.has-cropped-watermark::after{width:128px;min-height:24px;padding:3px 5px;font-size:6px}
  .product-card-photo.has-cropped-watermark .product-type{max-width:calc(100% - 90px)}
  .product-card-photo.has-cropped-watermark .quick-view{top:7px;right:7px;bottom:auto}
}

/* On small screens, keep quick view outside the image so it cannot compete with the category label. */
.product-card-action-row{display:none}
.product-card-content .quick-view-mobile{display:none!important}
@media(max-width:720px){
  .product-card-photo .quick-view-overlay{display:none!important}
  .product-card-action-row{display:flex;justify-content:flex-end;margin:0 0 8px;min-height:0}
  .product-card-content .quick-view-mobile{
    display:inline-flex!important;position:static;inset:auto;align-self:flex-start;
    min-height:25px;padding:4px 7px;gap:4px;border-radius:2px;
    opacity:1;transform:none;font-size:7px;line-height:1.2;white-space:nowrap;
  }
  .product-card-action-row .quick-view-mobile svg{width:12px;height:12px;flex:none}
}

/* Final mobile card polish: remove visible illustration labels and keep quick view below the photo. */
.illustration-tag{display:none!important}
@media(max-width:720px){
  .product-card-photo.has-cropped-watermark .product-type{max-width:calc(100% - 14px)}
  .product-card-content .quick-view-mobile{
    min-height:30px;padding:5px 9px;gap:5px;border-radius:24px;
    font-size:8px;max-width:100%;
  }
  .product-card-action-row .quick-view-mobile svg{width:13px;height:13px}
}

/* Mobile footer: replace Commodities with Information; leave desktop columns unchanged. */
@media(max-width:720px){
  .footer-link-columns{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-areas:"information company"!important;
  }
  .footer-products{display:none!important}
  .footer-legal-links{grid-area:information}
  .footer-company-links{grid-area:company}
}

/* Premium procedure title exception: keep the approved gold italic serif headings
   after the global title system has been applied to the rest of the site. */
html body[data-page] main .procedure-premium-page .procedure-premium-section-heading h2{
  color:#a77b36!important;
  font-family:Instrument,Georgia,"Times New Roman",serif!important;
  font-size:clamp(25px,3.2vw,38px)!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:1.2!important;
  letter-spacing:-.035em!important;
}
html body[data-page] main .procedure-premium-page .procedure-premium-hero h1{
  color:#102e49!important;
  font-family:Instrument,Georgia,"Times New Roman",serif!important;
  font-size:clamp(40px,6vw,68px)!important;
  font-style:italic!important;
  font-weight:400!important;
  line-height:1.04!important;
  letter-spacing:-.055em!important;
}