/* Screenshot-matched layouts for Distribution, Sustainability, Careers and Contact.
   Built from the four supplied full-page screenshots in new pages.zip. */
.reference-page{
  --ink:#111879;
  --ink-2:#26357f;
  --muted:#566486;
  --pink:#ee4bb7;
  --pink-2:#d838a3;
  --pink-soft:#fce4f7;
  --lav:#f5eaff;
  --lav-2:#fff7fd;
  --line:#f0e4f5;
  color:var(--ink);
  width:100%;
  overflow:hidden;
  font-family:'DM Sans',Arial,sans-serif;
}
.reference-page .container{width:100%;max-width:none;margin:0}
.reference-page .site-header{height:clamp(66px,7.62vw,82px);background:rgba(255,255,255,.97);border-bottom:1px solid #f4edf8;backdrop-filter:blur(12px)}
.reference-page .nav-wrap{width:100%;height:100%;min-height:0;padding:0 clamp(24px,4.1vw,44px);gap:16px}
.reference-page .logo{width:clamp(154px,16.2vw,174px);height:auto;object-fit:contain}
.reference-page .nav{display:flex;flex:1;align-items:center;justify-content:space-between;gap:0;margin-left:0;white-space:nowrap;min-width:0}
.reference-page .nav a{position:relative;color:#14145f;background:transparent;border-radius:0;padding:8px clamp(5px,.62vw,8px);font-size:clamp(10px,.75vw,12px);font-weight:500;line-height:1;letter-spacing:-.01em}
.reference-page .nav a:hover,.reference-page .nav a.active{color:#111879;background:transparent}
.reference-page .nav a.active::after{content:"";position:absolute;left:7px;right:7px;bottom:-2px;height:2px;border-radius:2px;background:#ef4bc5}
.reference-page .search-btn{width:29px;height:29px;min-width:29px;margin-left:9px;background:transparent;color:#151475}
.reference-page .search-btn svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}
.reference-page .menu-btn{display:none}
.reference-page .mobile-nav{top:calc(var(--header-h) + 4px);max-height:calc(100dvh - var(--header-h) - 12px);overscroll-behavior:contain}
.reference-page .eyebrow{font-size:clamp(10px,1.17vw,12.5px);font-weight:700;letter-spacing:.06em;color:#ed4bc7;line-height:1.25;margin:0 0 10px;gap:11px;text-transform:uppercase}
.reference-page .eyebrow::after{height:1px;width:36px;background:#f1a5dc}
.reference-page .display,.reference-page .h2,.reference-page .h3{font-family:'Cormorant Garamond',Georgia,serif;color:#111879;font-weight:600}
.reference-page .display{font-size:clamp(41px,5.08vw,56px);line-height:.91;letter-spacing:-.035em;margin:0}
.reference-page .h2{font-size:clamp(30px,3.72vw,40px);line-height:.95;letter-spacing:-.035em;margin:0}
.reference-page .lead{font-size:clamp(13px,1.46vw,15.5px);line-height:1.42;color:#293876;margin:13px 0 0;max-width:100%}
.reference-page .body,.reference-page p{color:#4d5d83}
.reference-page .btn{min-height:39px;height:39px;padding:0 29px;border-radius:999px;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(11px,1.28vw,13.5px);font-weight:500;letter-spacing:0;box-shadow:none;white-space:nowrap}
.reference-page .btn.primary{background:#ef50b8;color:#fff;box-shadow:none}
.reference-page .btn.primary:hover{background:#e640ad;transform:none}
.reference-page .actions{margin-top:18px;gap:10px}
.reference-page .search-panel{z-index:2000}
.reference-main{width:100%;overflow:hidden}

/* Shared screenshot-proportioned hero. The right-hand image crops are taken directly from the reference screenshots. */
.reference-page .reference-hero{height:auto;background:#fff8fd;overflow:hidden}
.reference-page .reference-hero .hero-shell{width:100%;height:auto;min-height:0;max-height:none;display:grid;grid-template-columns:41% 59%;gap:0;overflow:hidden}
.reference-page .reference-hero .hero-copy{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;padding:0 7px 0 5.15vw;background:linear-gradient(90deg,#fff8fd 0%,rgba(255,248,253,.98) 75%,rgba(255,248,253,.84) 100%)}
.reference-page .reference-hero .hero-copy .lead{max-width:430px}
.reference-page .reference-hero .hero-media{position:relative;z-index:1;min-height:0;height:100%;overflow:hidden;background:#fcf4ff}
.reference-page .reference-hero .hero-media::after{display:none}
.reference-page .reference-hero .hero-media img{display:block;width:100%;height:100%;object-fit:fill;object-position:center}

/* Feature strip: small serif labels, pale circles and thin dividers as in the screenshots. */
.reference-page .reference-features{display:block;background:#fff;border-top:0;border-bottom:1px solid #f4edf8;overflow:hidden}
.reference-page .reference-features .feature-grid{width:100%;height:100%;padding:0 2.4vw 0 4.7vw;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;gap:0}
.reference-page .reference-features .feature{min-width:0;min-height:0;height:100%;padding:0 1.35vw 0 0;display:flex;align-items:center;gap:1.15vw;border-right:1px solid #eee3f5}
.reference-page .reference-features .feature+.feature{padding-left:1.7vw}
.reference-page .reference-features .feature:last-child{border-right:0;padding-right:0}
.reference-page .reference-features .icon-circle{width:clamp(45px,5.7vw,60px);height:clamp(45px,5.7vw,60px);flex:0 0 clamp(45px,5.7vw,60px);background:#fbe3f7;color:#d719aa}
.reference-page .reference-features .icon-circle svg{width:60%;height:60%;stroke:currentColor;stroke-width:1.7;fill:none}
.reference-page .reference-features .feature h3{font:600 clamp(12px,1.42vw,15px)/1.02 'Cormorant Garamond',Georgia,serif;color:#17145b;margin:0 0 6px}
.reference-page .reference-features .feature p{font-size:clamp(9.5px,1.13vw,12px);line-height:1.32;color:#5e6a8c;margin:0;max-width:158px}

/* DISTRIBUTION PAGE */
.distribution-hero .hero-shell{grid-template-columns:41.02% 58.98%!important;height:calc(100vw * 383 / 1024)!important;}
.distribution-hero .hero-copy{padding-left:5.15vw!important;padding-right:14px!important}
.distribution-hero .display{max-width:430px}
.distribution-hero .lead{max-width:410px!important}
.distribution-hero .actions{margin-top:19px}
.distribution-features{height:calc(100vw * 112 / 1024)}
.distribution-network{position:relative;display:grid;grid-template-columns:40.4% 59.6%;height:calc(100vw * 295 / 1024);min-height:0;background:#fff;overflow:hidden}
.distribution-network .network-copy{position:relative;z-index:2;padding:2.1vw 1.6vw 0 5.15vw;max-width:100%;}
.distribution-network .network-copy .eyebrow{margin-bottom:10px}
.distribution-network .network-copy .h2{font-size:clamp(30px,3.55vw,39px);line-height:.94}
.distribution-network .network-copy p{max-width:348px;font-size:clamp(13px,1.45vw,15px);line-height:1.42;margin:15px 0 0;color:#566587}
.distribution-network .network-copy .btn{margin-top:12px}
.distribution-network .network-map{position:absolute;right:0;top:0;width:59.6%;height:100%;overflow:hidden;background:#fff}
.distribution-network .network-map img{display:block;width:100%;height:100%;object-fit:fill}
.distribution-solutions{display:grid;grid-template-columns:40.5% 59.5%;height:calc(100vw * 205 / 1024);background:linear-gradient(90deg,#fff9fe 0%,#fbf6ff 100%);overflow:hidden}
.distribution-solutions .solutions-copy{padding:1.8vw 1.4vw 0 5.15vw;min-width:0}
.distribution-solutions .solutions-copy .eyebrow{margin-bottom:8px}
.distribution-solutions .solutions-copy .h2{font-size:clamp(29px,3.2vw,35px);line-height:.93}
.distribution-solutions .solutions-copy p:not(.eyebrow){font-size:clamp(12px,1.34vw,14px);line-height:1.42;color:#586587;margin:12px 0 0;max-width:370px}
.distribution-steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:15px 2.1vw 6px 0;min-width:0}
.distribution-steps .step{border:0;background:transparent;border-radius:0;overflow:visible;min-width:0;padding:6px .35vw 0;text-align:center;position:relative}
.distribution-steps .step:not(:last-child)::after{content:'→';position:absolute;right:-.7vw;top:31px;width:1.3vw;height:20px;background:transparent;color:#ed4cb8;font-size:clamp(17px,2vw,22px);font-weight:400}
.distribution-steps .icon-circle{width:clamp(49px,6.2vw,63px);height:clamp(49px,6.2vw,63px);margin:0 auto 10px;flex:0 0 auto;color:#e82cae;background:#fbe5f8}
.distribution-steps .icon-circle svg{width:58%;height:58%;stroke:currentColor;stroke-width:1.7;fill:none}
.distribution-steps .step strong{font:600 clamp(11px,1.24vw,13px)/1.05 'Cormorant Garamond',Georgia,serif;color:#16135e;display:block;min-height:27px}
.distribution-steps .step p{font-size:clamp(9.5px,1.08vw,11.5px);line-height:1.32;color:#65708f;margin:5px 0 0}
.distribution-channels{display:grid;grid-template-columns:40.5% 59.5%;height:calc(100vw * 246 / 1024);background:#fff;overflow:hidden}
.distribution-partner-panel{display:grid;grid-template-columns:56.5% 43.5%;min-width:0;height:100%;overflow:hidden;background:#fae4f7;border-radius:0 0 30px 0}
.distribution-partner-panel>img{width:100%;height:100%;object-fit:cover;object-position:center;min-width:0}
.distribution-partner-panel .partner-panel-copy{align-self:center;padding:8px 13px 8px 7px;border-radius:50% 32% 32% 50% / 48% 40% 40% 48%;background:#f8d7f3;min-width:0}
.distribution-partner-panel h2{font:600 clamp(23px,2.6vw,28px)/.98 'Cormorant Garamond',Georgia,serif;color:#16135e;margin:0 0 8px}
.distribution-partner-panel p{font-size:clamp(10px,1.18vw,12px);line-height:1.34;color:#4d5d84;margin:0}
.channel-content{min-width:0;padding:1.25vw 2.2vw 0 1.2vw}
.channel-content>.eyebrow{margin-bottom:10px;font-size:clamp(10px,1.12vw,12px)}
.channel-cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
.channel-card{min-width:0;border:1px solid #f0e7f7;border-radius:10px;background:#fff;overflow:hidden;box-shadow:0 3px 12px rgba(41,24,91,.025)}
.channel-card>img{width:100%;height:auto;aspect-ratio:2.18;object-fit:cover}
.channel-title{display:flex;align-items:center;gap:5px;padding:7px 6px 0;min-height:29px}
.channel-icon{width:27px;height:27px;flex:0 0 27px;border-radius:50%;display:grid;place-items:center;background:#fbe3f7;color:#df2cad}
.channel-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5}
.channel-title h3{font:600 clamp(10px,1.16vw,12px)/1 'Cormorant Garamond',Georgia,serif;margin:0;color:#151258}
.channel-card p{font-size:clamp(9px,1.02vw,10.7px);line-height:1.28;color:#65708e;margin:5px 8px 9px}
.reference-art-banner{position:relative;width:100%;overflow:hidden;height:auto;aspect-ratio:1024 / 217;background:#fff6fe}
.reference-art-banner .banner-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:fill}
.reference-banner-copy{position:absolute;z-index:2;display:block;min-width:0}
.distribution-commitment-banner{height:calc(100vw * 217 / 1024);aspect-ratio:auto}
.distribution-commitment-banner .reference-banner-copy{left:42.7%;top:22%;width:39%;padding:0 8px 4px 0}
.distribution-commitment-banner .reference-banner-copy::before{content:"";position:absolute;z-index:-1;inset:-6px -12px -7px -8px;background:linear-gradient(90deg,rgba(255,249,255,.995) 0%,rgba(255,249,255,.97) 75%,rgba(255,249,255,.80) 100%)}
.distribution-commitment-banner .eyebrow{margin-bottom:6px}
.distribution-commitment-banner h2{font:600 clamp(28px,3.05vw,34px)/.94 'Cormorant Garamond',Georgia,serif;margin:0;color:#111879;letter-spacing:-.03em}
.distribution-commitment-banner p:not(.eyebrow){font-size:clamp(11px,1.25vw,13px);line-height:1.35;color:#586587;margin:9px 0 0;max-width:420px}
.distribution-commitment-banner .banner-cta{position:absolute;z-index:3;right:4.1%;top:33%;height:39px;min-height:39px;padding:0 22px}

/* SUSTAINABILITY PAGE */
.sustainability-hero .hero-shell{grid-template-columns:41.2% 58.8%!important;height:calc(100vw * 373 / 1024)!important}
.sustainability-hero .hero-copy{padding-left:5.15vw!important;padding-right:12px!important}
.sustainability-hero .display{font-size:clamp(40px,5.05vw,55px);max-width:440px}
.sustainability-hero .lead{max-width:425px!important;margin-top:12px}
.sustainability-hero .actions{margin-top:17px}
.sustainability-features{height:calc(100vw * 141 / 1024);background:#fff}
.sustainability-features .feature-grid{padding-left:4.7vw;padding-right:2.3vw}
.sustain-practices-section{height:calc(100vw * 398 / 1024);background:#fff;overflow:hidden}
.sustain-practices-layout{display:grid;grid-template-columns:36.05% 63.95%;gap:0;width:100%;height:100%}
.sustain-practices-layout .practice-photo{width:100%;height:auto;min-height:0;align-self:start;border-radius:0 14px 14px 0;overflow:hidden;box-shadow:none;background:#f8f2fa}
.sustain-practices-layout .practice-photo img{display:block;width:100%;height:auto;object-fit:contain}
.practice-copy{position:relative;min-width:0;height:100%;padding:1vw 2.3vw 0 2.8vw}
.practice-copy .eyebrow{margin-bottom:9px}
.practice-copy .h2{font-size:clamp(30px,3.65vw,39px);line-height:.94;max-width:510px}
.practice-intro{position:relative;z-index:1;font-size:clamp(12px,1.42vw,14.5px);line-height:1.38;color:#526184;margin:10px 0 0;max-width:470px}
.sustainability-note{position:absolute;right:-1.7vw;top:1.1vw;width:clamp(80px,12.4vw,127px);height:auto;z-index:1}
.practice-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:1.35vw}
.practice-grid .mini-card{min-width:0;min-height:0;padding:11px 12px 12px;border:1px solid #f1e7f7;border-radius:14px;background:rgba(255,250,255,.82)}
.practice-grid .mini-card .icon-circle{width:48px;height:48px;margin:0 0 8px;color:#d929ac;background:#fce4f7}
.practice-grid .mini-card .icon-circle svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.6}
.practice-grid .mini-card h3{font:600 clamp(13px,1.38vw,15px)/1.02 'Cormorant Garamond',Georgia,serif;color:#191559;margin:0}
.practice-grid .mini-card p{font-size:clamp(9.5px,1.08vw,11.3px);line-height:1.3;color:#65708d;margin:7px 0 0}
.sustain-impact-section{height:calc(100vw * 253 / 1024);background:linear-gradient(90deg,#fff8fd 0%,#fcf7ff 100%);overflow:hidden}
.sustain-impact-layout{height:100%;display:grid;grid-template-columns:37.9% 62.1%;align-items:stretch}
.impact-intro{padding:2.15vw 1vw 0 5.15vw}
.impact-intro .eyebrow{margin-bottom:9px}
.impact-intro .h2{font-size:clamp(29px,3.55vw,39px);line-height:.94}
.impact-intro>p:not(.eyebrow){font-size:clamp(12px,1.33vw,14px);line-height:1.36;color:#586587;margin:10px 0 0;max-width:345px}
.impact-intro .btn{margin-top:11px}
.sustain-impact-layout .impact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;align-items:center;padding:1.1vw 2.4vw 1.1vw 0}
.sustain-impact-layout .impact{min-width:0;min-height:0;height:100%;max-height:218px;padding:11px 8px;border:1px solid #f0e8f6;border-radius:14px;background:rgba(255,255,255,.78);text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.sustain-impact-layout .impact .icon-circle{width:58px;height:58px;margin:0 auto 8px;flex:0 0 auto}
.sustain-impact-layout .impact .icon-circle svg{width:59%;height:59%;fill:none;stroke:currentColor;stroke-width:1.65}
.sustain-impact-layout .impact strong{font:600 clamp(25px,3vw,33px)/.96 'Cormorant Garamond',Georgia,serif;color:#151773;margin:0}
.sustain-impact-layout .impact h3{font:600 clamp(12px,1.32vw,14px)/1.02 'Cormorant Garamond',Georgia,serif;margin:4px 0 7px;color:#19165e}
.sustain-impact-layout .impact p{font-size:clamp(9.5px,1.05vw,11px);line-height:1.32;color:#65708d;margin:0}
.sustainability-future-banner{height:calc(100vw * 293 / 1024);aspect-ratio:auto}
.sustainability-future-banner .banner-art{height:100%}
.sustainability-future-banner .reference-banner-copy{left:5.15%;top:6.7%;width:41.6%;padding:0 6px 4px 0}
.sustainability-future-banner .reference-banner-copy::before{content:"";position:absolute;z-index:-1;inset:-8px -10px -8px -6px;background:linear-gradient(90deg,rgba(255,249,255,.995) 0%,rgba(255,249,255,.97) 90%,rgba(255,249,255,.25) 100%)}
.sustainability-future-banner .eyebrow{margin-bottom:10px}
.sustainability-future-banner h2{font:600 clamp(28px,3.4vw,37px)/.96 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:0;color:#111879}
.sustainability-future-banner p:not(.eyebrow){font-size:clamp(12px,1.38vw,14.5px);line-height:1.37;color:#4e5f85;margin:10px 0 0;max-width:430px}
.sustainability-future-banner .btn{margin-top:11px}

/* CAREERS PAGE */
.careers-hero .hero-shell{grid-template-columns:40.4% 59.6%!important;height:calc(100vw * 350 / 1024)!important}
.careers-hero .hero-copy{padding-left:5.15vw!important;padding-right:10px!important}
.careers-hero .display{font-size:clamp(41px,5.1vw,56px)}
.careers-hero .lead{max-width:370px!important;margin-top:13px}
.careers-hero .actions{margin-top:18px}
.career-features{height:calc(100vw * 118 / 1024);background:#fff}
.career-features .feature-grid{padding-left:4.7vw;padding-right:2.4vw}
.career-culture-section{height:calc(100vw * 382 / 1024);display:grid;grid-template-columns:41.5% 58.5%;gap:0;background:#fff;overflow:hidden}
.career-culture-copy{padding:1.4vw 1.6vw 0 5.15vw;min-width:0}
.career-culture-copy .eyebrow{margin-bottom:8px}
.career-culture-copy .h2{font-size:clamp(30px,3.7vw,40px);line-height:.94}
.career-culture-copy>p:not(.eyebrow){font-size:clamp(13px,1.45vw,15px);line-height:1.4;margin:12px 0 0;color:#566587;max-width:350px}
.career-culture-copy .btn{margin-top:15px}
.career-collage{padding:1.35vw 2.4vw 0 0;min-width:0}
.career-collage-desktop{display:block;width:100%;height:auto;object-fit:contain}
.career-collage-mobile{display:none}
.career-benefits-section{height:calc(100vw * 177 / 1024);display:grid;grid-template-columns:39.4% 60.6%;background:linear-gradient(90deg,#fff8fd 0%,#fbf7ff 100%);overflow:hidden}
.career-benefits-section .benefit-intro{padding:1.55vw 1.5vw 0 5.15vw;background:transparent;border:0;border-radius:0;min-width:0}
.career-benefits-section .benefit-intro .eyebrow{margin-bottom:8px}
.career-benefits-section .benefit-intro .h2{font-size:clamp(31px,3.6vw,39px);line-height:.95}
.career-benefits-section .benefit-intro p:not(.eyebrow){font-size:clamp(12px,1.35vw,14px);line-height:1.35;margin:9px 0 0;color:#586587;max-width:360px}
.career-benefits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;padding:10px 2.4vw 8px 0}
.career-benefit{min-width:0;min-height:0;height:100%;padding:6px .4vw 0;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:flex-start;border-right:1px solid #eee3f5}
.career-benefit:last-child{border-right:0}
.career-benefit .icon-circle{width:clamp(46px,5.7vw,59px);height:clamp(46px,5.7vw,59px);margin:0 auto 8px;background:#fbe3f7;color:#e42ead}
.career-benefit .icon-circle svg{width:61%;height:61%;fill:none;stroke:currentColor;stroke-width:1.65}
.career-benefit h3{font:600 clamp(12px,1.35vw,14.5px)/1.02 'Cormorant Garamond',Georgia,serif;color:#16145d;margin:0}
.career-benefit p{font-size:clamp(9px,1.06vw,11px);line-height:1.32;color:#68728f;margin:7px 0 0}
.career-openings-section{height:calc(100vw * 230 / 1024);background:#fff;overflow:hidden;padding-top:1vw}
.career-openings-head{height:10.6vw;max-height:112px;min-height:92px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:0 5.15vw 0 5.15vw}
.career-openings-head .eyebrow{margin-bottom:4px}
.career-openings-head .h2{font-size:clamp(31px,3.75vw,41px);line-height:.95}
.career-openings-head p:not(.eyebrow){font-size:clamp(12px,1.35vw,14px);line-height:1.3;color:#586587;margin:7px 0 0}
.view-all-link{flex:0 0 auto;color:#df3fb1;font-size:clamp(11px,1.25vw,13px);padding-top:1.2vw;white-space:nowrap}
.view-all-link span{font-size:20px;margin-left:8px;vertical-align:-1px}
.career-jobs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 2.4vw 0 3.1vw}
.career-job{min-width:0;height:calc(100vw * 106 / 1024);max-height:110px;display:grid;grid-template-columns:40px minmax(0,1fr) 25px;align-items:start;gap:7px;padding:10px 8px;border:1px solid #f0e8f5;border-radius:14px;background:rgba(255,250,255,.95)}
.career-job .job-icon{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;background:#fbe4f7;color:#dc2aad}
.career-job .job-icon svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6}
.career-job h3{font:600 clamp(12px,1.32vw,14px)/1.03 'Cormorant Garamond',Georgia,serif;color:#171458;margin:2px 0 4px}
.career-job span:not(.job-icon):not(.job-arrow){font-size:clamp(10px,1.04vw,11px);color:#737d99;line-height:1.15}
.career-job p{font-size:clamp(10px,1.08vw,11.4px);line-height:1.26;color:#5d6888;margin:7px 0 0}
.career-job .job-arrow{height:26px;width:26px;border:1px solid #f1c6e6;border-radius:50%;display:grid;place-items:center;color:#e33bad;font-size:18px;line-height:1}
.careers-future-banner{height:calc(100vw * 203 / 1024);aspect-ratio:auto}
.careers-future-banner .banner-art{height:100%}
.careers-future-banner .reference-banner-copy{left:38.3%;top:8%;width:40.8%;padding:0 8px 4px 0}
.careers-future-banner .reference-banner-copy::before{content:"";position:absolute;z-index:-1;inset:-6px -12px -8px -6px;background:linear-gradient(90deg,rgba(255,249,255,.99) 0%,rgba(255,249,255,.95) 86%,rgba(255,249,255,.1) 100%)}
.careers-future-banner .eyebrow{margin-bottom:7px}
.careers-future-banner h2{font:600 clamp(28px,3.2vw,35px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:0;color:#111879}
.careers-future-banner p:not(.eyebrow){font-size:clamp(12px,1.36vw,14px);line-height:1.35;color:#526186;margin:7px 0 0;max-width:440px}
.careers-future-banner .btn{margin-top:10px}

/* CONTACT PAGE */
.ref-contact .site-header{height:calc(100vw * 66 / 1024);min-height:66px;max-height:78px}
.ref-contact .nav-wrap{padding-left:3.6vw;padding-right:3.8vw}
.ref-contact .logo{width:clamp(154px,16.2vw,174px)}
.contact-reference-hero .hero-shell{grid-template-columns:42.5% 57.5%!important;height:calc(100vw * 272 / 1024)!important}
.contact-reference-hero .hero-copy{padding-left:4.25vw!important;padding-right:10px!important}
.contact-reference-hero .display{font-size:clamp(39px,4.92vw,54px);line-height:.91}
.contact-reference-hero .lead{font-size:clamp(13px,1.45vw,15px);line-height:1.4;max-width:365px!important;margin-top:10px}
.contact-form-section{height:calc(100vw * 374 / 1024);background:linear-gradient(90deg,#fff7fd 0%,#fff9ff 100%);overflow:hidden}
.contact-form-section .contact-grid{height:100%;width:100%;padding:0 0 0 4.1%;margin:0;display:grid;grid-template-columns:38.5% minmax(0,1fr);gap:1.5%;align-items:stretch}
.contact-form-section .contact-cards{padding-top:2px;display:grid;grid-template-rows:repeat(3,1fr);gap:9px;min-width:0;min-height:0}
.contact-form-section .contact-card{display:grid;grid-template-columns:clamp(42px,5.1vw,54px) minmax(0,1fr) 29px;gap:10px;align-items:center;min-width:0;min-height:0;padding:9px 12px;border:1px solid #f3eafa;border-radius:14px;background:rgba(255,255,255,.88);box-shadow:none}
.contact-form-section .contact-card .icon-circle{width:clamp(42px,5vw,54px);height:clamp(42px,5vw,54px);background:#fbe4f7;color:#df2cac}
.contact-form-section .contact-card .icon-circle svg{width:60%;height:60%;fill:none;stroke:currentColor;stroke-width:1.7}
.contact-form-section .contact-card h3{font:600 clamp(17px,1.85vw,20px)/1 'Cormorant Garamond',Georgia,serif;color:#17145a;margin:0}
.contact-form-section .contact-card p{font-size:clamp(10px,1.17vw,12.5px);line-height:1.3;color:#687391;margin:5px 0 0}
.contact-form-section .contact-card a{font-size:clamp(11px,1.25vw,13.5px);line-height:1.2;color:#df31ad;margin-top:5px;display:block;overflow-wrap:anywhere;font-weight:500}
.contact-form-section .card-arrow{width:29px;height:29px;border:1px solid #f0c6e9;background:#fff;color:#de3ab1;font-size:16px}
.contact-form-section .contact-form{position:relative;min-width:0;height:100%;padding:16px 3.9% 11px 3%;border:1px solid #f0e8f5;border-radius:16px 0 0 16px;background:rgba(255,255,255,.93);box-shadow:none;overflow:hidden}
.contact-form-section .contact-form .eyebrow{margin-bottom:5px}
.contact-form-section .contact-form h2{font:600 clamp(31px,3.5vw,38px)/.94 'Cormorant Garamond',Georgia,serif;color:#111879;margin:0}
.contact-form-section .form-intro{font-size:clamp(11px,1.23vw,13px);line-height:1.3;color:#6a7591;margin:6px 0 0}
.contact-form-section .form-note{position:absolute;top:18px;right:5%;font:italic clamp(18px,2.1vw,24px)/1.03 'Cormorant Garamond',Georgia,serif;color:#4549b7;text-align:center;transform:rotate(-8deg)}
.contact-form-section .form-grid{grid-template-columns:1fr 1fr;gap:8px 10px;margin-top:10px}
.contact-form-section .form-field{gap:3px;min-width:0}
.contact-form-section .form-field.full{grid-column:1/-1}
.contact-form-section .form-field label{font-size:clamp(10px,1.05vw,11px);font-weight:600;color:#252d6d}
.contact-form-section .form-field label b{color:#ef40b7}
.contact-form-section .form-field input,.contact-form-section .form-field textarea,.contact-form-section .form-field select{width:100%;border:1px solid #dfe0ee;border-radius:6px;padding:6px 10px;outline:none;background:#fff;color:#677294;font-size:clamp(10px,1.12vw,12px);height:30px}
.contact-form-section .form-field textarea{height:57px;min-height:57px;resize:vertical;padding-top:8px}
.contact-form-section .form-actions{margin-top:8px}
.contact-form-section .form-actions .btn{height:36px;min-height:36px;padding:0 27px}
.contact-locations-section{position:relative;height:calc(100vw * 414 / 1024);background:#fff;overflow:hidden}
.contact-map-desktop{position:absolute;z-index:0;right:0;top:0;width:60.45%;height:100%;overflow:hidden;background:#fff}
.contact-map-desktop img{width:100%;height:100%;object-fit:fill;display:block}
.contact-location-copy{position:relative;z-index:2;width:100%;height:100%;padding:1.25vw 0 0 3.35vw;pointer-events:none}
.contact-location-copy>*{pointer-events:auto}
.contact-location-copy>.eyebrow{margin-bottom:7px}
.contact-location-copy>.h2{font-size:clamp(31px,3.8vw,42px);line-height:.93}
.location-intro{font-size:clamp(12px,1.35vw,14px);line-height:1.35;color:#4f5f83;max-width:390px;margin:10px 0 0}
.location-top-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:51.5%;margin-top:14px}
.location-bottom-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:75.5%;margin-top:7px}
.contact-location-copy .location{position:relative;z-index:3;display:grid;grid-template-columns:38px minmax(0,1fr);gap:7px;min-width:0;min-height:0;padding:7px 7px;border:1px solid #f0e4f5;border-radius:10px;background:rgba(255,249,255,.96)}
.location-icon{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:#fbe3f7;color:#dc29ab}
.location-icon svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.45}
.contact-location-copy .location h3{font:600 clamp(11px,1.25vw,13.5px)/1.02 'Cormorant Garamond',Georgia,serif;color:#17155b;margin:0}
.contact-location-copy .location p{font-size:clamp(9px,.99vw,10.5px);line-height:1.27;color:#65708b;margin:4px 0 0}
.contact-map-mobile{display:none}
.contact-partner-section{height:calc(100vw * 88 / 1024);display:grid;grid-template-columns:19.25% minmax(0,1fr) auto;gap:0;align-items:center;overflow:hidden;background:linear-gradient(100deg,#fff3fa 0%,#fffafd 54%,#f6f3ff 100%)}
.contact-partner-section>.partner-pills-img{width:100%;height:100%;object-fit:cover;object-position:left center;min-width:0}
.contact-partner-copy{padding:0 12px 0 10px;min-width:0}
.contact-partner-copy .eyebrow{font-size:clamp(9px,1.08vw,11.5px);margin-bottom:4px}
.contact-partner-copy h2{font:600 clamp(21px,2.5vw,27px)/.96 'Cormorant Garamond',Georgia,serif;color:#111879;margin:0;white-space:nowrap;letter-spacing:-.025em}
.contact-partner-copy p{font-size:clamp(9px,1.05vw,11px);line-height:1.25;margin:4px 0 0;color:#66718c}
.contact-partner-section .btn{margin-right:3.8vw;height:38px;min-height:38px;padding:0 20px;font-size:clamp(10px,1.12vw,12px)}
.reference-contact-footer{padding:6px 0 5px;border-top:1px solid #f0e8f5;background:#fff;height:auto;min-height:65px}
.reference-contact-footer .footer-main{width:100%;max-width:none;margin:0;padding:0 3.5vw;display:grid;grid-template-columns:34% 19% 17% 30%;gap:0;align-items:start}
.reference-contact-footer .footer-brand{min-width:0;padding-right:14px}
.reference-contact-footer .footer-brand-logo{width:clamp(130px,15vw,154px);height:auto}
.reference-contact-footer .footer-copy{font-size:clamp(8px,.87vw,9.5px);line-height:1.24;margin:2px 0 4px;max-width:225px}
.reference-contact-footer .socials{gap:5px}
.reference-contact-footer .social{width:21px;height:21px;border:1px solid #3b3a7e;font-size:10px}
.reference-contact-footer .footer-col{min-width:0;padding:1px 10px 0 15px;border-left:1px solid #eee4f4;min-height:62px}
.reference-contact-footer .footer-col h3{font-size:clamp(9px,.9vw,10px);line-height:1.1;margin:0 0 4px;color:#19165c}
.reference-contact-footer .footer-col>a{font-size:clamp(8px,.82vw,9px);line-height:1.16;margin:1px 0}
.reference-contact-footer .footer-contact{display:grid;gap:3px}
.reference-contact-footer .footer-contact>div{display:grid;grid-template-columns:13px minmax(0,1fr);gap:5px;align-items:center;font-size:clamp(8px,.82vw,9px);line-height:1.1;color:#252d6c;overflow-wrap:anywhere}
.reference-contact-footer .footer-contact svg{width:13px;height:13px;fill:none;stroke:#e53cac;stroke-width:1.6}
.reference-contact-footer .footer-bottom{display:none}

/* Mobile reflow: preserve complete image proportions, stack image/text, and avoid horizontal clipping. */
@media(max-width:760px){
  .reference-page .site-header{height:74px;min-height:74px;max-height:74px}
  .reference-page .nav-wrap{padding:0 12px;gap:8px}
  .reference-page .logo{width:153px}
  .reference-page .nav{display:none}
  .reference-page .menu-btn{display:grid;width:42px;height:42px;margin-left:auto}
  .reference-page .mobile-nav{top:82px;left:10px;right:10px;max-height:calc(100dvh - 92px);overflow-y:auto;overscroll-behavior:contain}
  .reference-page .mobile-nav a{font-size:14px}
  .reference-page .reference-main{overflow:visible}
  .reference-page .reference-hero,.reference-page .reference-hero .hero-shell{height:auto!important;max-height:none;display:flex;flex-direction:column;overflow:visible}
  .reference-page .reference-hero .hero-copy{order:1;padding:32px 20px 24px!important;background:linear-gradient(180deg,#fff8fd,#fffafd);width:100%;}
  .reference-page .reference-hero .display{font-size:clamp(39px,10.5vw,54px);line-height:.94}
  .reference-page .reference-hero .lead{font-size:14px;line-height:1.5;margin-top:13px;max-width:100%!important}
  .reference-page .reference-hero .hero-media{order:2;width:100%;height:auto;min-height:0;overflow:hidden}
  .reference-page .reference-hero .hero-media img{width:100%;height:auto;object-fit:contain;object-position:center}
  .reference-page .reference-features{height:auto!important}
  .reference-page .reference-features .feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px 16px;gap:0}
  .reference-page .reference-features .feature{height:auto;min-height:88px;padding:10px 9px;gap:10px;border-right:1px solid #eee3f5;border-bottom:1px solid #eee3f5}
  .reference-page .reference-features .feature+.feature{padding-left:9px}
  .reference-page .reference-features .feature:nth-child(2n){border-right:0}
  .reference-page .reference-features .feature:nth-last-child(-n+2){border-bottom:0}
  .reference-page .reference-features .feature h3{font-size:13.5px}
  .reference-page .reference-features .feature p{font-size:11px;line-height:1.3}
  .reference-page .reference-features .icon-circle{width:44px;height:44px;flex-basis:44px}
  .reference-page .eyebrow{font-size:11px}
  .reference-page .h2{font-size:clamp(29px,8vw,37px)}
  .reference-page .btn{min-height:40px;height:auto;padding:11px 20px;font-size:12px}
  /* Distribution */
  .distribution-network,.distribution-solutions,.distribution-channels{height:auto!important;display:flex;flex-direction:column;overflow:visible}
  .distribution-network .network-copy{padding:27px 20px 22px;width:100%}
  .distribution-network .network-copy p{font-size:14px;max-width:100%}
  .distribution-network .network-map{position:static;width:100%;height:auto;overflow:visible}
  .distribution-network .network-map img{width:100%;height:auto;object-fit:contain}
  .distribution-solutions .solutions-copy{padding:28px 20px 16px}
  .distribution-solutions .solutions-copy p:not(.eyebrow){font-size:13px}
  .distribution-steps{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 14px 20px;gap:12px}
  .distribution-steps .step{padding:12px 8px;background:#fff;border:1px solid #f0e6f6;border-radius:14px}
  .distribution-steps .step:not(:last-child)::after{display:none}
  .distribution-steps .step strong{font-size:13px;min-height:0}
  .distribution-steps .step p{font-size:11px}
  .distribution-partner-panel{grid-template-columns:42% 58%;height:auto;min-height:0;border-radius:0 0 24px 0}
  .distribution-partner-panel>img{height:100%;min-height:225px;object-fit:cover}
  .distribution-partner-panel .partner-panel-copy{padding:20px 15px 20px 8px;border-radius:30% 0 0 30% / 30% 0 0 30%}
  .distribution-partner-panel h2{font-size:25px}
  .distribution-partner-panel p{font-size:11.5px}
  .channel-content{padding:22px 14px 24px}
  .channel-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .channel-card>img{aspect-ratio:2.2;object-fit:cover}
  .channel-title h3{font-size:13px}
  .channel-card p{font-size:11px;line-height:1.35}
  .distribution-commitment-banner,.sustainability-future-banner,.careers-future-banner{height:auto!important;aspect-ratio:auto;display:flex;flex-direction:column;background:#fff8fd}
  .reference-art-banner .banner-art{position:static;width:100%;height:auto;object-fit:contain}
  .reference-banner-copy{position:static;width:100%!important;padding:24px 20px!important;background:linear-gradient(180deg,#fff8fd,#fffafd)}
  .reference-banner-copy::before{display:none}
  .distribution-commitment-banner h2,.sustainability-future-banner h2,.careers-future-banner h2{font-size:31px;line-height:.98}
  .reference-banner-copy p:not(.eyebrow){font-size:13px;line-height:1.45}
  .distribution-commitment-banner .banner-cta{position:static;align-self:flex-start;margin:0 20px 22px}
  /* Sustainability */
  .sustain-practices-section,.sustain-impact-section{height:auto!important;overflow:visible}
  .sustain-practices-layout{display:flex;flex-direction:column;height:auto}
  .sustain-practices-layout .practice-photo{width:100%;height:auto;border-radius:0}
  .sustain-practices-layout .practice-photo img{width:100%;height:auto;object-fit:contain}
  .practice-copy{height:auto;padding:24px 18px 26px}
  .sustainability-note{right:8px;top:20px;width:82px}
  .practice-copy .h2{max-width:calc(100% - 55px);font-size:30px}
  .practice-intro{font-size:13px;max-width:100%;margin-top:10px}
  .practice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
  .practice-grid .mini-card{padding:14px}
  .practice-grid .mini-card h3{font-size:14px}
  .practice-grid .mini-card p{font-size:11px}
  .sustain-impact-layout{height:auto;display:flex;flex-direction:column}
  .impact-intro{padding:26px 20px 18px}
  .impact-intro>p:not(.eyebrow){font-size:13px;max-width:100%}
  .sustain-impact-layout .impact-grid{padding:8px 14px 24px;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
  .sustain-impact-layout .impact{height:auto;min-height:185px;padding:15px 10px}
  .sustain-impact-layout .impact p{font-size:11px}
  .sustainability-future-banner .reference-banner-copy{order:2}
  /* Careers */
  .career-culture-section{height:auto!important;display:flex;flex-direction:column;overflow:visible}
  .career-culture-copy{padding:26px 20px 16px}
  .career-culture-copy>p:not(.eyebrow){font-size:13px;line-height:1.45}
  .career-collage{padding:0 14px 24px}
  .career-collage-desktop{display:none}
  .career-collage-mobile{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .career-mini-card{border:1px solid #f0e8f5;border-radius:14px;overflow:hidden;background:#fff;min-width:0}
  .career-mini-card img{width:100%;height:auto;aspect-ratio:3.1;object-fit:cover}
  .career-mini-card div{padding:10px}
  .career-mini-card h3{font:600 14px/1.05 'Cormorant Garamond',Georgia,serif;margin:0;color:#16145c}
  .career-mini-card p{font-size:11px;line-height:1.35;margin:5px 0 0;color:#66718e}
  .career-benefits-section{height:auto!important;display:flex;flex-direction:column;padding:26px 14px 22px}
  .career-benefits-section .benefit-intro{padding:0 6px 16px}
  .career-benefits-section .benefit-intro p:not(.eyebrow){font-size:13px}
  .career-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;padding:0}
  .career-benefit{min-height:145px;padding:12px 7px;border-right:1px solid #eee3f5;border-bottom:1px solid #eee3f5}
  .career-benefit:nth-child(2n){border-right:0}
  .career-benefit:last-child{border-bottom:0}
  .career-benefit h3{font-size:13.5px}
  .career-benefit p{font-size:10.5px}
  .career-openings-section{height:auto!important;overflow:visible;padding:26px 14px 24px}
  .career-openings-head{height:auto;min-height:0;max-height:none;padding:0 6px 18px;display:block}
  .career-openings-head p:not(.eyebrow){font-size:13px}
  .view-all-link{display:inline-block;margin-top:12px;font-size:12px;padding:0}
  .career-jobs{grid-template-columns:1fr;gap:9px;padding:0}
  .career-job{height:auto;max-height:none;min-height:90px;padding:12px;grid-template-columns:42px minmax(0,1fr) 25px}
  .career-job h3{font-size:15px}
  .career-job p{font-size:11.5px}
  .career-job span:not(.job-icon):not(.job-arrow){font-size:11px}
  .careers-future-banner .reference-banner-copy{order:2}
  /* Contact */
  .ref-contact .site-header{height:74px;min-height:74px;max-height:74px}
  .contact-reference-hero .hero-copy{padding:27px 20px 20px!important}
  .contact-form-section{height:auto;overflow:visible;padding:0 0 22px}
  .contact-form-section .contact-grid{display:flex;flex-direction:column;gap:14px;padding:0 12px}
  .contact-form-section .contact-cards{grid-template-rows:none;gap:9px;padding-top:0}
  .contact-form-section .contact-card{min-height:100px;padding:12px;grid-template-columns:44px minmax(0,1fr) 28px}
  .contact-form-section .contact-card h3{font-size:18px}
  .contact-form-section .contact-card p{font-size:11.5px}
  .contact-form-section .contact-card a{font-size:12px}
  .contact-form-section .contact-form{height:auto;padding:20px 14px 18px;border-radius:16px}
  .contact-form-section .contact-form h2{font-size:32px}
  .contact-form-section .form-note{right:16px;top:20px;font-size:17px}
  .contact-form-section .form-intro{font-size:12px;max-width:75%}
  .contact-form-section .form-grid{grid-template-columns:1fr;gap:9px}
  .contact-form-section .form-field.full{grid-column:auto}
  .contact-form-section .form-field label{font-size:11px}
  .contact-form-section .form-field input,.contact-form-section .form-field textarea,.contact-form-section .form-field select{height:38px;font-size:12px}
  .contact-form-section .form-field textarea{height:90px;min-height:90px}
  .contact-locations-section{height:auto;overflow:visible;padding:24px 14px}
  .contact-map-desktop{display:none}
  .contact-location-copy{height:auto;padding:0;width:100%}
  .location-intro{font-size:13px;max-width:100%}
  .location-top-row,.location-bottom-row{width:100%;grid-template-columns:1fr;margin-top:12px;gap:8px}
  .contact-location-copy .location{grid-column:auto;grid-template-columns:38px minmax(0,1fr);padding:10px}
  .contact-location-copy .location h3{font-size:14px}
  .contact-location-copy .location p{font-size:10.5px}
  .contact-map-mobile{display:block;margin-top:20px;background:#fff;border:1px solid #f0e7f5;border-radius:12px;padding:12px;overflow:hidden}
  .contact-map-mobile img{width:100%;height:auto;object-fit:contain}
  .contact-map-mobile p{font:italic 16px/1.05 'Cormorant Garamond',Georgia,serif;text-align:right;margin:6px 5px 0;color:#222173}
  .contact-partner-section{height:auto;display:grid;grid-template-columns:105px minmax(0,1fr);gap:10px;padding:0 12px 18px}
  .contact-partner-section>.partner-pills-img{align-self:stretch;width:105px;height:100%;min-height:136px;object-fit:cover}
  .contact-partner-copy{padding:16px 0 0}
  .contact-partner-copy .eyebrow{font-size:10px}
  .contact-partner-copy h2{font-size:23px;white-space:normal;line-height:.98}
  .contact-partner-copy p{font-size:11px;line-height:1.35}
  .contact-partner-section .btn{grid-column:2;justify-self:start;margin:0;padding:10px 15px;font-size:11px;white-space:normal;height:auto;min-height:38px}
  .reference-contact-footer{height:auto;min-height:0;padding:18px 12px}
  .reference-contact-footer .footer-main{padding:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 10px}
  .reference-contact-footer .footer-brand{grid-column:1/-1;padding:0}
  .reference-contact-footer .footer-brand-logo{width:160px}
  .reference-contact-footer .footer-copy{font-size:11px;max-width:260px;margin:5px 0 8px}
  .reference-contact-footer .footer-col{padding:0 6px;border-left:0;min-height:0}
  .reference-contact-footer .footer-col h3{font-size:11px;margin-bottom:6px}
  .reference-contact-footer .footer-col>a{font-size:10.5px;line-height:1.35}
  .reference-contact-footer .footer-contact>div{font-size:10px;grid-template-columns:14px minmax(0,1fr)}
  .reference-contact-footer .footer-contact svg{width:14px;height:14px}
}
@media(max-width:430px){
  .reference-page .reference-features .feature-grid{grid-template-columns:1fr;padding:8px 16px}
  .reference-page .reference-features .feature{border-right:0;padding:11px 5px!important;border-bottom:1px solid #eee3f5!important}
  .reference-page .reference-features .feature:last-child{border-bottom:0!important}
  .distribution-steps{grid-template-columns:1fr}
  .distribution-partner-panel{grid-template-columns:40% 60%}
  .channel-cards{grid-template-columns:1fr 1fr}
  .career-collage-mobile{grid-template-columns:1fr}
  .career-benefits{grid-template-columns:1fr 1fr}
  .contact-partner-section{grid-template-columns:84px minmax(0,1fr)}
  .contact-partner-section>.partner-pills-img{width:84px}
  .contact-partner-copy h2{font-size:21px}
}

/* Final fit-and-overlap corrections based on the supplied page screenshots.
   Preserve source image files; let layout expose their full content instead of cover-cropping. */
.distribution-channels{
  height:auto;
  min-height:calc(100vw * 246 / 1024);
  overflow:visible;
  align-items:stretch;
}
.distribution-partner-panel{
  height:auto;
  min-height:calc(100vw * 246 / 1024);
  align-self:stretch;
  overflow:hidden;
}
.distribution-partner-panel>img{
  display:block;
  width:100%;
  height:100%;
  min-height:0;
  object-fit:contain;
  object-position:center;
  background:#fae4f7;
}
.distribution-partner-panel .partner-panel-copy{
  box-sizing:border-box;
  max-width:100%;
  padding:12px 12px 12px 7px;
  overflow-wrap:normal;
  word-break:normal;
}
.channel-content{
  min-width:0;
  padding-bottom:12px;
}
.channel-cards{align-items:stretch}
.channel-card{height:auto;min-height:0}
.channel-card>img{
  display:block;
  width:100%;
  height:auto;
  aspect-ratio:auto;
  object-fit:contain;
  object-position:center;
}

/* The handwritten sustainability note was positioned beyond the right edge,
   which clipped its final words. Keep the whole note inside its content column. */
.sustainability-note{
  right:1.25vw;
  top:1.1vw;
  width:clamp(78px,8.5vw,98px);
  max-width:calc(100% - 16px);
  height:auto;
  object-fit:contain;
}

/* Keep location cards readable above the map without letting the map show through
   their backgrounds. Match the screenshot's shorter card grid widths. */
.contact-locations-section{
  height:auto;
  min-height:calc(100vw * 414 / 1024);
  overflow:visible;
}
.contact-map-desktop{height:100%}
.contact-location-copy{
  height:auto;
  min-height:calc(100vw * 414 / 1024);
  box-sizing:border-box;
  padding-bottom:1.15vw;
}
.location-top-row{width:48.5%}
.location-bottom-row{width:69.5%}
.contact-location-copy .location{
  background:#fff9ff;
  border-color:#f0e4f5;
  z-index:3;
}
.contact-map-desktop{z-index:0}

/* The contact banner should show only the pill photo, not a strip of text
   captured from the preceding locations section. Reuse the existing clean
   source photo and crop it within the same banner frame via CSS. */
.contact-partner-section>.partner-pills-img{
  display:block;
  align-self:stretch;
  width:100%;
  height:100%;
  min-width:0;
  object-fit:cover;
  object-position:center top;
}

/* On narrow screens, let stacked content determine its own height and keep every
   supplied photo fully visible rather than forcing it into a desktop crop. */
@media(max-width:760px){
  .distribution-channels{height:auto!important;min-height:0!important;overflow:visible!important}
  .distribution-partner-panel{height:auto;min-height:0;overflow:hidden}
  .distribution-partner-panel>img{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:contain;
    object-position:center;
  }
  .distribution-partner-panel .partner-panel-copy{padding:18px 14px 18px 8px}
  .channel-content{padding-bottom:24px}
  .channel-card>img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
  .sustainability-note{right:8px;top:20px;width:76px;max-width:calc(100% - 16px)}
  .contact-locations-section{height:auto;min-height:0;overflow:visible;padding:24px 14px}
  .contact-location-copy{height:auto;min-height:0;padding:0;width:100%}
  .location-top-row,.location-bottom-row{width:100%;grid-template-columns:1fr;margin-top:12px;gap:8px}
  .contact-map-desktop{display:none}
  .contact-partner-section>.partner-pills-img{
    width:100%;
    height:50px;
    min-height:50px;
    object-fit:cover;
    object-position:center top;
    align-self:start;
  }
}
@media(max-width:430px){
  .distribution-partner-panel>img{object-fit:contain}
  .contact-partner-section>.partner-pills-img{height:42px;min-height:42px}
}
@media(max-width:760px){
  .career-mini-card img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    object-position:center;
  }
}

/* Hide text fragments baked into the left edge of the four screenshot-based
   hero images. Keep the source image files untouched. The opaque inner mask is
   wide enough to remove every stray letter; a short feather blends into the
   artwork without allowing the text to show through again. */
.reference-page .reference-hero .hero-media{isolation:isolate}
.reference-page .reference-hero .hero-media img{position:relative;z-index:1}
.reference-page .reference-hero .hero-media::before{
  content:"";
  display:block;
  position:absolute;
  z-index:2;
  left:0;
  top:0;
  bottom:0;
  width:0;
  pointer-events:none;
  background:#fff8fd;
}
.distribution-hero .hero-media::before{
  width:0;
}
.sustainability-hero .hero-media::before{
  width:0;
}
.careers-hero .hero-media::before{
  width:13%;
  background:linear-gradient(90deg,#fff8fd 0%,#fff8fd 84%,rgba(255,248,253,0) 100%);
}
.contact-reference-hero .hero-media::before{
  width:4.5%;
  background:linear-gradient(90deg,#fff5fb 0%,#fff5fb 78%,rgba(255,245,251,0) 100%);
}

/* Join the partner photo cleanly to the closing distribution artwork. */
.distribution-channels,
.distribution-partner-panel,
.distribution-partner-panel>img{
  border-radius:0!important;
}
.distribution-partner-panel{margin-bottom:0!important}
.distribution-commitment-banner{margin-top:-2px!important;border-top:0!important;position:relative;z-index:1}
.distribution-channels{position:relative;z-index:2;margin-bottom:0!important}
.distribution-commitment-banner .banner-art{display:block;border:0;outline:0}

/* Keep Contact location cards clearly to the left of the world map. */
@media (min-width:761px){
  .contact-map-desktop{
    width:54%;
  }
  .contact-map-desktop img{
    object-fit:contain;
    object-position:center right;
  }
  .contact-location-copy{
    padding-left:2.5vw;
  }
  .location-top-row{width:41.5%}
  .location-bottom-row{width:51%}
  .contact-location-copy .location{
    background:#fff9ff;
    border-color:#f0e4f5;
  }
}

/* V11: finish the distribution collage joins without visible hairline borders. */
.distribution-partner-panel,
.distribution-partner-panel>img,
.distribution-channels .channel-card,
.distribution-channels .channel-card>img{
  border:0!important;
  outline:0!important;
}
.distribution-partner-panel>img{display:block;margin:0;}
.distribution-channels .channel-cards{gap:7px;}

/* V13: close the remaining horizontal seam between the Distribution photo
   and its lower packaging artwork, without adding a border or gap. */
@media (min-width:761px){
  .distribution-commitment-banner{margin-top:-7px!important;}
  .distribution-commitment-banner .banner-art{top:0;}
}
/* Remove borders/outlines from the joined Distribution worker/packaging artwork. */
.distribution-partner-panel,
.distribution-partner-panel>img,
.distribution-commitment-banner,
.distribution-commitment-banner .banner-art{border:0!important;outline:0!important;box-shadow:none!important;}

/* Match the navigation sizing used on Home, About and Products; keep the entire R wordmark visible. */
.reference-page .site-header .brand{flex:0 0 auto;min-width:0;max-width:none;overflow:visible}
.reference-page .site-header .logo{display:block;width:clamp(180px,19vw,205px);max-width:none;height:auto;max-height:none;object-fit:contain;object-position:left center;flex:0 0 auto}
.reference-page .site-header .nav{flex:1 1 auto;min-width:0;gap:0;justify-content:space-between}
.reference-page .site-header .nav a{font-size:12px;line-height:1.2;font-weight:600;padding:10px 8px;letter-spacing:0;white-space:nowrap}
.reference-page .site-header .search-btn{width:36px;height:36px;min-width:36px;flex:0 0 36px;margin-left:4px}
@media (max-width:1100px) and (min-width:981px){
 .reference-page .site-header .nav-wrap{gap:12px;padding-inline:20px}
 .reference-page .site-header .logo{width:178px}
 .reference-page .site-header .nav a{font-size:11px;padding-inline:6px}
 .reference-page .site-header .search-btn{margin-left:2px}
}

/* Requested Distribution alignment refinement: center the five-step visual beneath its section heading. */
.ref-distribution .distribution-solutions { align-items: stretch; }
.ref-distribution .distribution-steps {
  height: 100%;
  box-sizing: border-box;
  align-content: center;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
}
.ref-distribution .distribution-steps .step { align-self: center; }
@media (max-width: 700px) {
  .ref-distribution .distribution-steps { height: auto; }
}