/* One chrome contract for Home, archive, single, page and error templates.
   Scoped selectors prevent editorial typography from changing the approved Home geometry. */
[data-b2b-chrome] {--side:clamp(24px,8.333vw,120px);font-family:var(--font-body);font-size:16px;line-height:1.45;letter-spacing:0}
[data-b2b-chrome] :focus-visible {outline:3px solid #f3edd7;outline-offset:2px;box-shadow:0 0 0 6px #2d2d2d}
[data-b2b-chrome].site-header {position:absolute;inset:0 0 auto;z-index:50;height:100px;color:var(--white);background:transparent;box-shadow:none;backdrop-filter:none}
[data-b2b-chrome] .header-inner {position:relative;display:block;width:min(calc(100% - 2 * var(--side)),1200px);height:100%;margin:0 auto;align-items:center;justify-content:space-between}
[data-b2b-chrome] .brand {position:absolute;top:24px;left:-2px;display:block;width:175px;height:53px}
[data-b2b-chrome] .brand img {width:175px;height:53px;max-width:none}
[data-b2b-chrome] .site-nav {position:absolute;top:43.848px;left:530.09px;display:flex;width:537.026px;align-items:center;justify-content:space-between;gap:0;font-family:var(--font-body);font-size:15px;font-weight:400;letter-spacing:.2em;line-height:16.575px;text-transform:uppercase}
[data-b2b-chrome] .site-nav a {position:absolute;top:0;padding:0;white-space:nowrap}
[data-b2b-chrome] .site-nav a:nth-child(1) {left:0}
[data-b2b-chrome] .site-nav a:nth-child(2) {left:153px}
[data-b2b-chrome] .site-nav a:nth-child(3) {left:273px}
[data-b2b-chrome] .site-nav a:nth-child(4) {left:387px}
[data-b2b-chrome] .site-nav a:nth-child(5) {left:460px}
[data-b2b-chrome] .site-nav a::after {position:absolute;right:0;bottom:-7px;left:0;height:1px;content:"";background:var(--b2b-green);transform:scaleX(0);transform-origin:right;transition:transform .4s ease}
[data-b2b-chrome] .site-nav a:is(:hover,:focus-visible)::after {transform:scaleX(1);transform-origin:left}
[data-b2b-chrome] .instagram-mark {position:absolute;top:35px;left:1098px;width:31px;height:31px;max-width:none}
[data-b2b-chrome] .menu-toggle {display:none;position:absolute;top:28px;left:1153px;width:50px;height:44px;padding:11px 0;border:0;background:transparent;cursor:pointer}
[data-b2b-chrome] .menu-toggle img {width:50px;height:22px;max-width:none}

[data-b2b-chrome].closing {position:relative;overflow:hidden;height:415px;background:var(--b2b-dark);color:var(--b2b-cream)}
[data-b2b-chrome] .closing-inner {position:relative;left:calc(50% - 720px);width:1440px;height:100%}
[data-b2b-chrome].closing h2 {position:absolute;top:-1px;left:0;width:100%;margin:0;color:var(--b2b-green, #00a88e);font-family:"DIN2014-Demi","DIN 2014",sans-serif;font-size:36px;font-weight:600;line-height:1.12;text-align:center;text-transform:uppercase;transform:translateX(1px)}
[data-b2b-chrome] .contact-row {position:absolute;top:0;left:240.157px;display:block;width:959.685px;height:415px;margin:0;color:var(--b2b-cream);font-size:15.407px;font-style:normal;overflow-wrap:anywhere}
[data-b2b-chrome] .contact-row a {position:absolute;top:201px;display:flex;width:318.164px;height:auto;min-height:62px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:7px;padding:0 0 10px;border-bottom:1px solid var(--b2b-green);line-height:1.4}
[data-b2b-chrome] .contact-row a:first-child {left:0}
[data-b2b-chrome] .contact-row .contact-career {top:280px;left:0;text-align:left;font-size:15.407px}
[data-b2b-chrome] .contact-row .contact-whatsapp {right:0;align-items:flex-end;justify-content:flex-end;padding-right:1px;color:var(--b2b-cream)}
[data-b2b-chrome] :is(.contact-label,.career-label) {color:var(--b2b-green, #00a88e);font-size:14px;font-weight:600}
[data-b2b-chrome] :is(.contact-value,.career-address) {display:flex;align-items:center;gap:12px}
[data-b2b-chrome] .arrow-icon {display:block;width:11.592px;height:11.591px;max-width:none;flex:0 0 auto}
[data-b2b-chrome] .contact-row a:first-child img {margin-bottom:3.8px}
[data-b2b-chrome] .contact-row a:first-child .arrow-icon {transform:translateX(1px)}
[data-b2b-chrome] .contact-row a:last-child img {margin-bottom:2.9px}
[data-b2b-chrome] .contact-row a:last-child .whatsapp-icon {width:14.473px;height:14.543px}
[data-b2b-chrome] .contact-row a.closing-logo {display:block;top:170px;left:388.343px;width:183px;height:auto;min-height:0;max-width:none;padding:0;border:0}
[data-b2b-chrome] .closing-logo img {display:block;width:100%;height:auto}
[data-b2b-chrome].site-footer {position:relative;height:79.775px;padding:0;background:var(--b2b-dark)}
[data-b2b-chrome] .footer-inner {position:absolute;top:33px;left:calc(50% - 527px);display:flex;width:988px;align-items:center;justify-content:space-between;gap:32px;color:var(--b2b-green, #00a88e);font-size:10px;letter-spacing:0}
[data-b2b-chrome] .footer-inner p {margin:0}
[data-b2b-chrome] .footer-inner p:last-child {transform:translateX(-1px)}
/* CP19: single approved copyright, centered equally on all three views. */
.site-footer[data-b2b-chrome] .footer-inner {
  position:static; width:min(calc(100% - 2 * var(--side,24px)),988px);
  margin-inline:auto; padding-block:28px; justify-content:center; text-align:center;
}
.site-footer[data-b2b-chrome] .footer-inner p:last-child {transform:none}
/* Home keeps its approved Blog-to-footer boundary; internal pages reuse its visual lead-in. */
.shared-closing-intro {position:relative;overflow:hidden;height:134.122px;background:var(--b2b-green)}
.shared-closing-intro .closing-display {position:absolute;bottom:-26.168px;left:calc(50% - 702.863px);width:max-content;margin:0;color:var(--b2b-dark, #524a58);font-family:"DIN2014-Demi","DIN 2014",sans-serif;font-size:160.29px;font-weight:600;line-height:1;letter-spacing:0;text-transform:uppercase;white-space:nowrap}
@media(min-width:1340px) and (max-width:1439px) {
  .shared-closing-intro .closing-display {left:50%;font-size:calc((100vw - 32px) * .11384);transform:translateX(-50%)}
}
@media(max-width:1339px) {
  [data-b2b-chrome].site-header {position:fixed;height:76px;background:color-mix(in srgb,var(--b2b-dark) 96%,transparent);box-shadow:0 8px 30px rgb(20 17 23 / 14%);backdrop-filter:blur(14px)}
  [data-b2b-chrome] .header-inner {display:flex;align-items:center;justify-content:space-between}
  [data-b2b-chrome] .brand {position:relative;top:auto;left:auto;width:146px;height:42px}
  [data-b2b-chrome] .brand img {width:139px;height:auto}
  [data-b2b-chrome] .instagram-mark {display:none}
  [data-b2b-chrome] .menu-toggle {position:relative;top:auto;left:auto;width:48px;height:44px}
  [data-b2b-chrome] .site-nav {position:fixed;z-index:80;inset:76px 0 auto;display:grid;visibility:hidden;width:auto;max-height:0;overflow-x:hidden;overflow-y:auto;gap:0;padding:0 var(--side);background:var(--b2b-dark);opacity:0;pointer-events:none;transition:max-height .4s ease,opacity .3s ease,padding .4s ease,visibility 0s linear .4s}
  [data-b2b-chrome] .site-nav.is-open {visibility:visible;max-height:calc(100vh - 76px);padding-top:24px;padding-bottom:34px;opacity:1;pointer-events:auto;transition-delay:0s}
  [data-b2b-chrome] .site-nav a:nth-child(n) {position:relative;top:auto;left:auto;padding:16px 0;border-bottom:1px solid rgb(255 255 255 / 15%);font-size:14px}
  [data-b2b-chrome].closing {height:auto;min-height:415px;padding:0 var(--side)}
  [data-b2b-chrome] .closing-inner {display:contents}
  [data-b2b-chrome].closing h2 {position:static;padding-top:28px;font-size:clamp(27px,4vw,36px);transform:none}
  [data-b2b-chrome] .contact-row {position:relative;top:auto;left:auto;display:grid;width:min(960px,100%);height:auto;margin:115px auto 0;grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:18px 38px;align-items:start}
  [data-b2b-chrome] .contact-row a:nth-child(n) {position:relative;top:auto;right:auto;left:auto;width:auto}
  [data-b2b-chrome] .contact-row a:first-child {grid-column:1;grid-row:1}
  [data-b2b-chrome] .contact-row .contact-career {grid-column:1;grid-row:2}
  [data-b2b-chrome] .contact-row a.closing-logo {grid-column:2;grid-row:1 / span 2;width:150px;align-items:center}
  [data-b2b-chrome] .contact-row a:last-child {grid-column:3;grid-row:1;padding-right:0}
  [data-b2b-chrome].site-footer {height:auto;min-height:80px}
  [data-b2b-chrome] .footer-inner {position:static;width:min(calc(100% - 2 * var(--side)),988px);margin:0 auto;padding-top:28px;align-items:center;flex-direction:row}
  [data-b2b-chrome] .footer-inner p:last-child {transform:none}
  .shared-closing-intro {height:clamp(28px,10.4vw,130px)}
  .shared-closing-intro .closing-display {bottom:-5px;left:50%;font-size:clamp(28px,10.4vw,130px);transform:translateX(-50%)}
}
@media(min-width:901px) and (max-width:1339px) {
  [data-b2b-chrome] .site-nav {position:static;display:flex;visibility:visible;width:auto;max-height:none;gap:clamp(18px,2.2vw,30px);padding:0;background:transparent;opacity:1;pointer-events:auto;overflow:visible;transition:none}
  [data-b2b-chrome] .site-nav a:nth-child(n) {position:relative;padding:14px 0;border:0;font-size:13px;letter-spacing:.14em}
}
@media(max-width:1023px) {
  [data-b2b-chrome].closing {padding-bottom:70px}
  [data-b2b-chrome] .contact-row {grid-template-columns:minmax(0,1fr);justify-items:center;gap:24px;margin-top:65px}
  [data-b2b-chrome] .contact-row a:first-child {grid-column:1;grid-row:2}
  [data-b2b-chrome] .contact-row .contact-career {grid-column:1;grid-row:3}
  [data-b2b-chrome] .contact-row a.closing-logo {grid-column:1;grid-row:1}
  [data-b2b-chrome] .contact-row a:last-child {grid-column:1;grid-row:4;align-items:flex-start;justify-content:flex-start}
  [data-b2b-chrome] .contact-row > a:not(.closing-logo) {width:min(100%,350px)}
}
@media(max-width:900px) {[data-b2b-chrome] .menu-toggle {display:block}}
@media(max-width:820px) {[data-b2b-chrome] .contact-row a:first-child {gap:12px}}
@media(max-width:720px) {
  .shared-closing-intro .closing-display {font-size:10vw}
  [data-b2b-chrome] .footer-inner {flex-direction:column;gap:10px;padding-bottom:25px;text-align:center;font-size:12px;line-height:1.4}
}
@media(prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine) {
  [data-b2b-chrome] :is(.brand,.instagram-mark),
  [data-b2b-chrome] .closing-logo img {transition:translate 650ms cubic-bezier(.22,1,.36,1)}
  [data-b2b-chrome] .brand:is(:hover,:focus-visible) {translate:0 -5px}
  /* The child floats so the parent's scroll entrance keeps its own translate. */
  [data-b2b-chrome] .closing-logo:is(:hover,:focus-visible) img {translate:0 -5px}
  [data-b2b-chrome] .instagram-mark:is(:hover,:focus-visible) {translate:0 -4px}
}