
.supplier-call{box-sizing:border-box;width:min(1120px,calc(100% - 36px));margin:24px auto 28px;padding:20px 24px;display:flex;align-items:center;gap:24px;background:#f4ead2;color:#172c26;border:3px solid #172c26;box-shadow:7px 7px 0 #9d2637;position:relative;background-image:radial-gradient(#172c2618 .8px,transparent .8px);background-size:6px 6px}.supplier-copy{flex:1}.supplier-call small,.supplier-dialog>small{font:800 11px/1.3 'League Spartan',sans-serif;letter-spacing:1.7px;color:#9d2637}.supplier-call h2{font:800 clamp(22px,2.6vw,34px)/1.06 'League Spartan',sans-serif;letter-spacing:-.5px;margin:7px 0}.supplier-call p{font:500 15px/1.4 'League Spartan',sans-serif;margin:0}.supplier-open,.supplier-actions button{cursor:pointer;background:#9d2637;color:#fff5df;border:2px solid #172c26;padding:15px 18px;font:800 15px/1.2 'League Spartan',sans-serif;box-shadow:4px 4px 0 #172c26}.supplier-open{animation:supplier-nudge 3s ease-in-out 3}.supplier-open span{display:inline-block;margin-left:8px;font-size:23px}.supplier-dialog{box-sizing:border-box;width:min(620px,calc(100% - 28px));max-height:90dvh;overflow:auto;padding:32px;background:#f4ead2;color:#172c26;border:3px solid #172c26;box-shadow:9px 9px 0 #9d2637;font:16px/1.45 'League Spartan',sans-serif}.supplier-dialog::backdrop{background:#10271ee0}.supplier-dialog h2{font:800 30px/1.05 'League Spartan',sans-serif;letter-spacing:-.5px;margin:12px 28px 12px 0}.supplier-dialog p{font-size:15px}.supplier-close{position:absolute;right:12px;top:10px;background:transparent;border:0;font-size:30px;cursor:pointer;color:#172c26}.supplier-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.supplier-dialog label{display:block;font-weight:700;font-size:14px;margin-bottom:13px}.supplier-dialog input,.supplier-dialog select,.supplier-dialog textarea{box-sizing:border-box;display:block;width:100%;margin-top:6px;padding:11px;background:#fffaf0;border:2px solid #172c26;border-radius:0;font:16px/1.3 sans-serif;color:#172c26}.supplier-dialog .supplier-note{font-size:12px;line-height:1.5}.supplier-actions{display:flex;gap:13px;flex-wrap:wrap}.supplier-actions button{flex:1;font-size:14px}.supplier-actions button:first-child{background:#244b3b}.supplier-status:empty{display:none}.supplier-call button:focus-visible,.supplier-dialog :focus-visible{outline:3px solid #c69400;outline-offset:4px}.supplier-dialog [hidden]{display:none!important}@keyframes supplier-nudge{0%,85%,100%{transform:rotate(0)}90%{transform:rotate(-2deg)}95%{transform:rotate(2deg)}}@media(max-width:700px){.supplier-call{gap:12px;padding:17px;flex-wrap:wrap}.supplier-copy{flex-basis:calc(100% - 100px)}.supplier-call h2{font-size:24px}.supplier-call p{font-size:14px}.supplier-open{margin-left:auto;width:100%}.supplier-dialog{padding:25px 20px}.supplier-dialog h2{font-size:26px}.supplier-fields{grid-template-columns:1fr;gap:0}.supplier-actions{flex-direction:column}}@media(prefers-reduced-motion:reduce){.supplier-open{animation:none}}

/* Illustrated invitation, with live translated text beside the artwork. */
body>.supplier-call{width:min(1180px,calc(100% - 38px));display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;margin:24px auto 28px;padding:0;background:#f8edcf;color:#203b32;border:3px solid #263b31;box-shadow:6px 6px 0 #8d303b;overflow:hidden;isolation:isolate;animation:supplier-arrive .65s ease-out both}
body>.supplier-call .supplier-copy{min-width:0;padding:32px 30px;position:relative;align-self:center}
body>.supplier-call .supplier-kicker{display:inline-block;font:800 13px/1.3 'League Spartan',sans-serif;letter-spacing:2px;color:#8d303b;border-bottom:2px solid #b89957;padding:0 0 7px;margin:0 0 14px}
body>.supplier-call h2{font:400 clamp(32px,3.7vw,49px)/1.07 'Bowlby One SC','Anton',Impact,sans-serif;letter-spacing:-1px;text-transform:uppercase;text-wrap:balance;color:#263f33;margin:0 0 18px;text-shadow:1px 2px 0 #e1c689}
body>.supplier-call .supplier-audience{font:700 13px/1.55 'League Spartan',sans-serif;color:#663c35;max-width:330px;margin:0}
body>.supplier-call .supplier-open{width:auto;max-width:100%;min-height:48px;padding:13px 17px;margin:20px 0 0;background:#8d303b;border:2px solid #263b31;color:#fff4dc;font-size:13px;line-height:1.4;letter-spacing:.5px;box-shadow:3px 3px 0 #d1ae64;animation:none;transition:background .2s,transform .2s}
body>.supplier-call .supplier-open span{font-size:19px;margin-left:7px}
body>.supplier-call .supplier-open:hover{background:#263f33;transform:translateY(-2px)}
.supplier-artwork{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;object-position:center;border-left:2px solid #263b31;box-sizing:border-box}
.supplier-dialog{width:min(740px,calc(100% - 28px))}.supplier-intro{border-bottom:2px solid #c4a366;margin:0 0 24px;padding:0 0 18px}.supplier-intro h2{font-size:clamp(24px,4vw,30px);line-height:1.15;text-wrap:balance}.supplier-intro h3{font-size:19px;line-height:1.3;margin:20px 0 8px;color:#862e39}.supplier-intro p{line-height:1.5;margin:12px 0}.supplier-intro .supplier-no-commitment{font-size:13px;padding:10px 12px;background:#e8dec5;border-left:3px solid #193d32}.supplier-actions button{min-height:50px}
@keyframes supplier-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){body>.supplier-call .supplier-copy{padding:24px 22px}body>.supplier-call h2{font-size:31px}.supplier-artwork{min-height:300px}}
@media(max-width:600px){body>.supplier-call{grid-template-columns:1fr;margin:19px auto 24px}.supplier-artwork{grid-row:1;height:auto;min-height:0;aspect-ratio:3/2;object-fit:contain;border-left:0;border-bottom:2px solid #263b31}body>.supplier-call .supplier-copy{padding:20px 21px 23px}body>.supplier-call .supplier-kicker{font-size:11px;margin-bottom:10px;padding-bottom:5px}body>.supplier-call h2{font-size:clamp(27px,7.4vw,36px);line-height:1.07;margin-bottom:12px}body>.supplier-call .supplier-audience{font-size:12px;max-width:none}body>.supplier-call .supplier-open{width:100%;margin-top:16px;font-size:12px;min-height:46px}.supplier-dialog{padding:27px 19px}.supplier-dialog .supplier-intro h2{font-size:24px}}
@media(prefers-reduced-motion:reduce){body>.supplier-call{animation:none}body>.supplier-call .supplier-open{transition:none;transform:none}}

/* Business invitation 2027: bounded to this section. */
body>.supplier-call h2{font-size:clamp(27px,3vw,40px)}
.supplier-official-logo{display:block;width:112px;height:auto;margin:0 0 15px}
body>.supplier-call .supplier-footer{font-size:12px;line-height:1.5;margin-top:17px;max-width:42em;font-style:italic}
.supplier-dialog{width:min(920px,calc(100% - 28px))}
.supplier-area-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:20px 0}
.supplier-area-grid article{padding:18px;background:#fff8e7;border:1px solid #bda572;box-shadow:3px 3px 0 #dfcfac}
.supplier-area-grid h3{margin:9px 0;font-size:19px}.supplier-area-grid p{font-size:14px;margin:0}
.supplier-number{font:800 23px/1 'League Spartan',sans-serif;color:#8d303b;border-bottom:2px solid #bda572}
.supplier-dialog .supplier-planning-note{font-size:13px;border-left:3px solid #8d303b;padding:9px 12px;background:#e8dec5}
.supplier-invitation{margin-top:25px;padding:1px 18px 12px;border-left:3px solid #244b3b}
.supplier-status{margin-top:20px;padding:16px;border:2px solid #244b3b;background:#fff8e7}
.supplier-fields>*{min-width:0}.supplier-dialog select{max-width:100%}
@media(max-width:600px){.supplier-area-grid{grid-template-columns:1fr}.supplier-official-logo{width:90px}.supplier-invitation{padding-left:12px}}

/* Compact invitation: preserve the established display typeface. */
body>.supplier-call .supplier-brand-row{display:flex;align-items:center;gap:16px;margin-bottom:17px}
body>.supplier-call .supplier-official-logo{width:88px;flex:0 0 88px;height:auto;margin:0}
body>.supplier-call .supplier-kicker{font-size:11px;letter-spacing:1.2px;line-height:1.5;margin:0;padding-bottom:6px}
body>.supplier-call h2{font-size:clamp(27px,2.7vw,36px);line-height:1.13;letter-spacing:-.3px;text-shadow:none;margin-bottom:13px}
body>.supplier-call .supplier-roles{font-size:12px;line-height:1.5;font-weight:800;color:#8d303b;margin:0 0 8px}
body>.supplier-call .supplier-audience{font-size:14px;line-height:1.5;max-width:none;font-weight:500}
body>.supplier-call .supplier-open{margin-top:15px;padding:11px 15px;min-height:46px}
body>.supplier-call .supplier-footer{margin-top:13px;font-size:12px;line-height:1.5}
@media(max-width:600px){
 body>.supplier-call .supplier-copy{padding:19px 20px 20px}
 body>.supplier-call .supplier-brand-row{gap:13px;margin-bottom:15px}
 body>.supplier-call .supplier-official-logo{width:76px;flex-basis:76px}
 body>.supplier-call .supplier-kicker{font-size:10px;letter-spacing:1px;padding-bottom:5px}
 body>.supplier-call h2{font-size:clamp(25px,6.5vw,32px);line-height:1.13;letter-spacing:0;margin-bottom:12px}
 body>.supplier-call .supplier-roles{font-size:11px}
 body>.supplier-call .supplier-audience{font-size:13px}
 body>.supplier-call .supplier-open{margin-top:13px;padding:10px 12px;font-size:12px;min-height:46px}
 body>.supplier-call .supplier-footer{margin-top:12px}
 /* Keep 44px touch targets, with quieter icons and borders. */
 body .language-menu button,body .language-menu .language-home-fixed{box-shadow:0 1px 4px #17231f12;background:rgba(244,234,210,.88);border-color:#17231f25;padding:12px}
 body .language-menu button svg,body .language-menu .language-home-fixed svg{width:20px;height:20px}
}

/* Soft rear-detail illustration behind the collaborator introduction. */
.supplier-dialog{position:fixed;isolation:isolate;background:#f4ead2}
.supplier-dialog::before{content:"";position:absolute;z-index:-1;pointer-events:none;top:0;left:0;width:100%;height:900px;max-height:150vw;background:url("suppliers-rear-detail-retro.webp") center 35%/cover no-repeat;opacity:.30;mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 55%,transparent 100%)}

/* Rain-emblem invitation: image behind the introduction, clear reading surface below. */
#supplier-dialog{padding:28px;background:#f4ead2;border:2px solid #173b31;box-shadow:7px 7px 0 #8d2531}
#supplier-dialog::before{display:none}
#supplier-dialog>small{display:block;padding-right:42px;margin:0 0 20px;letter-spacing:.1em;line-height:1.5}
#supplier-dialog .supplier-close{position:absolute;z-index:3;top:14px;right:14px;width:40px;height:40px;border:1px solid #173b31;background:#f4ead2;line-height:1;display:grid;place-items:center}
#supplier-dialog .supplier-dialog-hero{padding:32px;min-height:320px;display:flex;flex-direction:column;justify-content:space-between;gap:36px;margin:0 0 28px;border:1px solid #173b31;background:linear-gradient(110deg,rgba(12,29,24,.86),rgba(12,29,24,.33)),url('supplier-vw-rain-background.png') center 62%/cover no-repeat;color:#fff8e7}
#supplier-dialog .supplier-dialog-hero h2{font:800 clamp(27px,4vw,38px)/1.12 'League Spartan',sans-serif;max-width:22ch;margin:0;color:#fff8e7;text-wrap:balance;letter-spacing:-.02em}
#supplier-dialog .supplier-dialog-hero p{font-size:18px;line-height:1.45;max-width:32ch;margin:0;color:#fff8e7}
#supplier-dialog .supplier-intro>p{font-size:16px;line-height:1.65;margin:0 0 18px;max-width:75ch}
#supplier-dialog .supplier-intro>h3{font-size:23px;line-height:1.25;margin:30px 0 16px;color:#8d2531}
#supplier-dialog .supplier-area-grid article{box-shadow:none;padding:20px;border-color:#c9b890}
#supplier-dialog .supplier-planning-note{font-size:14px;line-height:1.5}
@media(max-width:600px){#supplier-dialog{width:calc(100% - 24px);padding:20px;max-height:90dvh}#supplier-dialog .supplier-dialog-hero{padding:24px 20px;min-height:360px;margin:0 0 22px;gap:44px;background-position:center,center 62%}#supplier-dialog .supplier-dialog-hero h2{font-size:28px}#supplier-dialog .supplier-dialog-hero p{font-size:16px}#supplier-dialog .supplier-intro>p{font-size:16px;line-height:1.6}#supplier-dialog>small{font-size:11px;max-width:90%;padding-right:30px}}

/* Original two-panel artwork: fully visible, without text overlays. */
#supplier-dialog .supplier-dialog-hero{display:flex;flex-direction:column;min-height:0;padding:0;gap:18px;background:none;border:0;color:#193b30;margin-bottom:24px}
#supplier-dialog .supplier-dialog-hero h2{max-width:26ch;color:#193b30;font-size:clamp(25px,4vw,36px)}
#supplier-dialog .supplier-dialog-hero .supplier-community-art{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border:1px solid #c6b692}
#supplier-dialog .supplier-dialog-hero p{max-width:none;color:#8d2936;font-size:18px;line-height:1.4;padding-left:13px;border-left:3px solid #8d2936}
@media(max-width:600px){#supplier-dialog .supplier-dialog-hero{min-height:0;padding:0;gap:14px;background:none}#supplier-dialog .supplier-dialog-hero h2{font-size:25px}#supplier-dialog .supplier-dialog-hero p{font-size:16px}}

/* Business invitation: a prominent vintage poster headline. */
#empresas-2027 .supplier-copy { container-type: inline-size; }
#empresas-2027 #supplier-heading {
  font-family: 'Anton', Impact, 'Arial Narrow', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: clamp(29px, 10cqi, 42px);
  line-height: 1.13;
  letter-spacing: .01em;
  text-transform: uppercase;
  text-wrap: balance;
  max-width: 24ch;
  margin: 0 0 23px;
  text-shadow: none;
}
#empresas-2027 #supplier-heading .supplier-heading-intro {
  display: block;
  font: 800 clamp(20px, 6.5cqi, 27px)/1.2 'League Spartan', sans-serif;
  letter-spacing: .065em;
  margin-bottom: 7px;
}
#empresas-2027 #supplier-heading .supplier-heading-focus {
  display: block;
  width: fit-content;
  max-width: 100%;
  font-weight: 400;
  font-size: clamp(42px, 15cqi, 74px);
  line-height: 1.08;
  color: #8d303b;
  letter-spacing: .015em;
  text-shadow: 1px 2px 0 #d8bd82;
  border-bottom: 3px solid #b89957;
  padding-bottom: 8px;
  margin-bottom: 10px;
}
#empresas-2027 #supplier-heading .supplier-heading-close { display: block; }
@media (max-width:600px) {
  #empresas-2027 #supplier-heading { margin-bottom: 21px; }
}
@media (min-width:601px) {
  #empresas-2027:not(:has(.supplier-artwork)) .supplier-copy { text-align: center; }
  #empresas-2027:not(:has(.supplier-artwork)) #supplier-heading,
  #empresas-2027:not(:has(.supplier-artwork)) #supplier-heading .supplier-heading-focus,
  #empresas-2027:not(:has(.supplier-artwork)) .supplier-footer { margin-inline: auto; }
}

/* Give the three participation roles equal, clear prominence. */
#empresas-2027 .supplier-roles {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px 22px;
  padding: 16px 18px;
  margin: 0 0 18px;
  background: #ead9ae;
  border-block: 2px solid #b89957;
  font: 800 clamp(20px, 3cqi, 23px)/1.2 'League Spartan', sans-serif;
  letter-spacing: .035em;
  text-transform: uppercase;
  color: #8d303b;
  text-align: center;
}
#empresas-2027 .supplier-roles strong { font-weight: 800; }
#empresas-2027 .supplier-roles .supplier-role-separator { display: none; }
@media (max-width:600px) {
  #empresas-2027 .supplier-roles {
    display: grid;
    grid-template-columns: 1fr;
    gap: 9px;
    padding: 16px 10px;
    font-size: 21px;
  }
}

/* Original Aircooled parts photo, softened over the invitation's cream paper. */
#empresas-2027 .supplier-copy { isolation: isolate; }
#empresas-2027 .supplier-copy::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("supplier-piezas-vw-original.jpg") center 55% / cover no-repeat;
  opacity: .23;
  filter: sepia(.4) saturate(.5) contrast(.9);
}
