/* GlobalWay homepage refinement: one visual system across desktop and mobile. */
:root{--muted:#526066}
html{scroll-behavior:smooth;overflow-x:hidden}
body{overflow-x:hidden}
.hero,.services,.project-section,.about-section,.how-section,.engagement-section,.insights-section,.contact-section{scroll-margin-top:84px}
.section-divider{height:clamp(78px,7.5vw,112px);background:#06282a}
.section-label{display:flex;align-items:center;gap:15px;width:fit-content;color:#ff6f69!important;font:800 clamp(1.5rem,1.8vw,1.85rem)/1.2 Manrope,sans-serif;letter-spacing:.045em;margin-bottom:20px;text-transform:uppercase}
.section-label:after{content:"";display:block;width:52px;height:2px;background:#ff6f69;flex:0 0 auto}
.services-intro{display:block;max-width:1060px;margin-bottom:72px}
.services-intro .section-label{font-size:clamp(2.1rem,2.6vw,2.5rem);line-height:1.12;letter-spacing:.035em;margin:0 0 26px}
.services-intro h2{max-width:1000px}
.services-intro>p:last-child{max-width:700px;margin-top:28px}
.nav nav{font-size:14px}
.language-switcher{display:flex;align-items:center;gap:9px;font:800 13px/1 Manrope,sans-serif;letter-spacing:.04em;white-space:nowrap}
.language-switcher a{padding:12px 2px;color:#7a8589;transition:color .2s ease}
.language-switcher a:hover,.language-switcher a.active{color:#ff6f69}
.language-switcher span{color:#c3c9ca;font-weight:500}

/* Opening screen: controlled text-and-photo composition, never a full-screen crop. */
.hero{display:grid;grid-template-columns:minmax(0,48%) minmax(0,52%);min-height:clamp(650px,calc(100vh - 84px),760px);background:#f8f8f5}
.portrait{position:relative;inset:auto;grid-column:2;grid-row:1;z-index:0;min-height:100%}
.portrait img{object-position:72% center;filter:saturate(.96) contrast(1.025)}
.portrait:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(248,248,245,.42),transparent 25%);pointer-events:none}
.blend{z-index:1;pointer-events:none;background:linear-gradient(90deg,#f8f8f5 0%,#f8f8f5 43%,rgba(248,248,245,.96) 47%,rgba(248,248,245,.58) 53%,rgba(248,248,245,.08) 62%,transparent 68%)}
.copy{grid-column:1;grid-row:1;align-self:center;width:auto;padding:54px 24px 54px clamp(30px,7vw,118px)}
.kicker{font-size:14px;line-height:1.4;margin-bottom:20px}
h1{font-size:clamp(3.15rem,4.65vw,5.15rem);max-width:620px}
.lead{max-width:560px;font-size:18px;line-height:1.65}
.actions{gap:12px}
.primary,.secondary{min-height:50px}
.identity{grid-template-columns:36px auto;max-width:430px;margin-top:38px}
.identity strong{font-size:15px}
.identity small{color:#526066;font-size:13px;font-weight:500;line-height:1.5}

/* Trust band is connected to the hero and acts as proof, not another page section. */
.proof{padding-top:31px;padding-bottom:31px;box-shadow:0 -1px 0 rgba(17,25,29,.05)}
.proof strong{font-size:18px}
.proof span{font-size:14px;line-height:1.45}

/* Shared section rhythm and heading scale. */
.services,.project-section,.how-section,.engagement-section,.insights-section,.contact-section{padding-top:clamp(92px,9vw,140px);padding-bottom:clamp(92px,9vw,140px)}
.services-intro h2,.project-section>h2,.how-copy h2,.engagement-heading h2,.insights-heading h2,.contact-intro h2{font-size:clamp(2.8rem,4.75vw,5.15rem);line-height:1.04;letter-spacing:-.052em}
.services-intro>p:last-child,.engagement-heading>p,.insights-heading>p,.contact-intro>p:not(.section-label){font-size:18px;line-height:1.7}

/* Real work, visually edited rather than presented as a gallery. */
.service-card,.project-preview,.engagement-card,.insight-card,.project-form{border-radius:14px;overflow:hidden}
.service-card{box-shadow:0 18px 50px rgba(25,45,54,.07)}
.service-card figure{height:420px}
.service-card-tall figure{height:520px}
.service-card-fair figure{background:#e8edef}
.service-card-fair figure img{object-fit:contain;width:100%;height:100%}
.single-media{display:block;min-height:520px}
.single-media figure{min-height:520px}
.single-media figure img{object-position:center 50%}
.project-preview{gap:0;border:0;background:#eef3f5;box-shadow:0 18px 55px rgba(25,45,54,.08)}
.project-image{padding:0;min-height:520px}
.project-image img{height:100%;min-height:520px;object-fit:cover;object-position:center}
.project-preview-copy{padding:54px clamp(34px,4vw,64px)}
.project-meta,.insight-meta{font-size:13px;line-height:1.55}
.project-preview h3{font-size:clamp(2rem,3vw,3.1rem)}
.project-preview-copy>p:not(.project-meta){font-size:17px}
.project-divider{display:flex;align-items:center;gap:17px;margin:64px 0 22px;color:#a34640;font:800 12px/1.4 Manrope,sans-serif;letter-spacing:.13em}
.project-divider:after{content:"";height:1px;background:#cfd7d8;flex:1}
.project-proof+.project-divider{margin-top:0}
.project-divider+.project-preview{margin-top:0}

/* Founder story remains company-led, with the supplied circular portrait untouched. */
.about-story{padding-top:clamp(84px,8vw,124px);padding-bottom:clamp(84px,8vw,124px);background:#25415a}
.about-story .founder-photo{width:min(100%,320px);border-radius:50%}
.about-story .founder-photo img{width:100%;height:100%;object-fit:contain}
.about-story .founder-name{color:#fff;font-size:24px;line-height:1.25}
.about-story .founder-role{color:rgba(255,255,255,.72);font-size:14px;line-height:1.5}
.about-story .about-copy{overflow:visible}
.about-story .section-label{margin-bottom:26px}
.about-story .about-copy h2{font-size:clamp(2.75rem,4.2vw,4.8rem);line-height:1.05;letter-spacing:-.05em}
.about-story .about-copy>p{font-size:17px;line-height:1.75}

/* Process and service cards share the same geometry and spacing. */
.how-image{min-height:660px;border-radius:14px}
.process-list article{padding:23px 0}
.process-list h3{font-size:20px}
.process-list p{font-size:16px}
.engagement-grid{gap:22px}
.engagement-card,.engagement-card-dark{min-height:590px;background:#fff;color:#172d37;transform:none;box-shadow:0 14px 42px rgba(25,45,54,.06)}
.engagement-card-dark h3,.engagement-card-dark .engagement-type strong,.engagement-card-dark>a{color:#172d37}
.engagement-card-dark .engagement-for,.engagement-card-dark li{color:#65737a}

/* Improve the readability of homepage supporting copy without changing body text. */
.lead,
.services-intro>p:last-child,
.canton-heading>p,
.engagement-heading>p,
.insights-heading>p,
.contact-intro>p:not(.section-label){
  color:#526066;
  font-weight:500;
}
.service-copy>p,.card-body>p,.project-preview-copy>p:not(.project-meta),.case-deck,.case-page figcaption,.case-opening p:not(.section-label),.case-steps p,.case-result>p:last-child,.gallery-note,.canton-heading>p,.phase-top time,.phase-card>p,.insights-heading>p,.insight-body>p:not(.insight-meta),.insights-page>header>p:last-child,.article-copy p,.article-copy li,.contact-intro>p:not(.section-label),.contact-details strong,.contact-details a,.contact-details address,.engagement-heading>p,.engagement-for,.engagement-card li,.engagement-footer p,.services-detail-page>header>p:last-child,.service-detail-copy>p,.service-includes span,.about-page .about-copy>p,.about-dates span,.about-principles p,.about-legal,.process-list p{color:#526066}
.lead,.proof span,.services-intro>p:last-child,.card-body>p,.project-preview-copy>p:not(.project-meta),.canton-heading>p,.phase-card>p,.process-list p,.engagement-heading>p,.engagement-for,.engagement-card li,.engagement-footer p,.insights-heading>p,.insight-body>p:not(.insight-meta),.contact-intro>p:not(.section-label){font-weight:500}
.engagement-card-dark li{border-color:#e2e7e8}
.engagement-card-dark .engagement-type span{color:#879196}
.engagement-card h3{font-size:clamp(1.75rem,2.2vw,2.35rem)}
.engagement-for,.engagement-card li,.engagement-footer p{font-size:15px;line-height:1.7}

/* Insights are editorial cards, deliberately quieter than project imagery. */
.insight-grid{gap:22px}
.insight-card{box-shadow:0 12px 36px rgba(25,45,54,.055)}
.insight-image,.insight-card-featured .insight-image{height:330px}
.insight-body>p:not(.insight-meta){font-size:16px}
.project-form{box-shadow:0 18px 52px rgba(21,44,54,.08)}

@media(max-width:960px){
  .language-switcher{margin-left:auto;margin-right:18px}
  .hero{grid-template-columns:minmax(0,46%) minmax(0,54%);min-height:680px}
  .portrait{position:relative;inset:auto}
  .portrait img{object-position:74% center}
  .blend{background:linear-gradient(90deg,#f8f8f5 0%,#f8f8f5 41%,rgba(248,248,245,.94) 46%,rgba(248,248,245,.5) 54%,transparent 66%)}
  .copy{width:auto;padding:50px 20px 50px clamp(28px,6vw,58px)}
  .services-intro,.engagement-heading,.insights-heading{gap:24px}
  .project-image{min-height:430px}
  .project-image img{min-height:430px}
  .about-story .about-founder{align-self:start}
}

@media(max-width:700px){
  .nav.open nav{top:72px}
  .section-divider{height:82px}
  .section-label,.about-story .section-label{font-size:20px;line-height:1.3;letter-spacing:.04em;margin-bottom:18px}
  .section-label:after{width:36px}
  .services-intro .section-label{font-size:22px;letter-spacing:.04em;margin-bottom:20px}
  .services-intro{margin-bottom:48px}
  .hero{display:flex;flex-direction:column;min-height:0}
  .copy{order:1;width:auto;max-width:none;padding:34px 22px 32px}
  .portrait{order:2;position:relative;inset:auto;width:100%;min-height:0;aspect-ratio:4/3;z-index:0;margin-top:-8px}
  .portrait img{object-fit:cover;object-position:center;filter:saturate(.98) contrast(1.025)}
  .portrait:after{background:linear-gradient(180deg,#f8f8f5 0%,rgba(248,248,245,.72) 25px,transparent 72px)}
  .blend{display:none}
  .kicker{font-size:13px;line-height:1.45;margin-bottom:18px}
  h1{font-size:clamp(2.35rem,10.4vw,2.8rem);line-height:1.02;letter-spacing:-.052em;overflow-wrap:normal}
  .lead{font-size:15.5px;line-height:1.52;margin-top:18px}
  .actions{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:10px;margin-top:24px}
  .actions .primary,.actions .secondary{width:100%;padding:13px 12px;text-align:center;font-size:13px}
  .identity{margin-top:24px;grid-template-columns:32px minmax(0,1fr)}
  .identity div{white-space:normal}
  .proof{padding:28px 22px;gap:24px 14px}
  .proof strong{font-size:16px}
  .proof span{font-size:13px}
  .services,.project-section,.how-section,.engagement-section,.insights-section,.contact-section{padding-top:76px;padding-bottom:76px}
  .services-intro h2,.project-section>h2,.how-copy h2,.engagement-heading h2,.insights-heading h2,.contact-intro h2{font-size:clamp(2.35rem,10.7vw,2.8rem);line-height:1.06}
  .services-intro>p:last-child,.engagement-heading>p,.insights-heading>p,.contact-intro>p:not(.section-label){font-size:16px}
  .service-card figure{height:330px}
  .service-card-tall figure{height:390px}
  .single-media,.single-media figure{min-height:360px;height:360px}
  .service-card-wide .card-body{padding:28px 22px 31px}
  .project-preview{margin-top:34px}
  .project-image,.project-image img{min-height:0;height:310px}
  .project-preview-copy{padding:32px 24px 36px}
  .project-meta,.insight-meta{font-size:12px}
  .project-preview h3{font-size:2rem;margin:15px 0}
  .about-story{padding:70px 24px}
  .about-story .about-founder{order:0}
  .about-story .founder-photo{width:250px;margin-bottom:20px}
  .about-story .about-copy h2{font-size:2.65rem}
  .about-story .about-copy>p{font-size:16px;line-height:1.7}
  .how-image{min-height:440px}
  .process-list h3{font-size:18px}
  .process-list p{font-size:15px}
  .engagement-card{min-height:0;border-radius:14px}
  .insight-image,.insight-card-featured .insight-image{height:285px}
  .site-footer{padding-top:64px}
}

@media(max-width:380px){
  .actions{grid-template-columns:1fr}
}

.detail-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:70px}.detail-topbar .back-link{margin-bottom:0}.detail-topbar .language-switcher{margin:0}@media(max-width:600px){.detail-topbar{margin-bottom:48px}.detail-topbar .language-switcher{margin:0}}

/* Darker supporting copy in the homepage opening and Services section. */
.hero .lead,
.hero .identity small,
.proof span,
.services .services-intro > p:last-child,
.services .card-body > p {
  color:#3f4b50;
  font-weight:500;
}