/* JDJ theme. Edit the colour variables, type sizes and section spacing here. */
:root{--ink:#171c20;--paper:#fff;--soft:#f2f4f5;--muted:#727b82;--line:#d5dadc;--accent:#a8c7e7;--width:1440px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:120px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit}a:focus-visible{outline:3px solid #4e8ac4;outline-offset:7px}a{text-underline-offset:5px}.wrap{width:calc(100% - 128px);max-width:var(--width);margin-inline:auto}.skip{position:fixed;left:20px;top:-100px;z-index:50;padding:12px 20px;background:white;color:var(--ink)}.skip:focus{top:15px}.header{position:absolute;z-index:5;top:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:space-between;gap:66px;background:rgba(255,255,255,.94);border-radius:60px;padding:17px 27px 17px 32px;backdrop-filter:blur(12px);width:max-content;max-width:calc(100% - 48px)}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;flex-shrink:0}.brand strong{font-size:35px;font-weight:800;line-height:1;letter-spacing:-2px}.brand>span{border-left:1px solid #bac0c5;padding-left:16px;font-size:12px;letter-spacing:1.5px}nav{display:flex;align-items:center;gap:30px}nav a{text-decoration:none;font-size:14px;white-space:nowrap}nav a:hover{text-decoration:underline}.nav-contact{display:flex;gap:20px;align-items:center}.nav-contact span{font-size:20px}.hero{position:relative;background:#151b21;color:white;min-height:760px;height:94svh;max-height:1080px;overflow:hidden}.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-image{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(4,12,20,.65),rgba(4,12,20,.05) 85%),linear-gradient(0deg,rgba(4,12,20,.6),transparent 65%)}.hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:end;height:100%;padding-top:170px;padding-bottom:72px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;margin:0 0 35px}.hero .eyebrow{color:#e0e5ea}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,6.5vw,116px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin-bottom:40px;max-width:1100px}h1 em{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.065em}h2{font-weight:400;font-size:clamp(40px,4.2vw,72px);letter-spacing:-.05em;line-height:1.07;margin-bottom:0}.hero-bottom{display:flex;align-items:end;justify-content:space-between;max-width:630px}.hero-bottom p{font-size:18px;line-height:1.5;margin-bottom:0;color:#e5e8eb}.round-link{width:54px;height:54px;border:1px solid #b2bac1;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:25px;transition:background .2s,color .2s}.round-link:hover{background:white;color:var(--ink)}.hero-caption{position:absolute;bottom:77px;right:64px;font-size:12px;letter-spacing:2px;color:#e0e5ea}.chapter-nav{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.chapter-nav a{display:flex;gap:24px;text-decoration:none;padding:29px 0;font-size:14px}.chapter-nav a span{font-size:12px;color:var(--muted)}.chapter-nav a:hover{text-decoration:underline}.intro-section{padding-block:125px 135px}.intro-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px}.muted{color:#828b92}.intro-copy{max-width:480px;padding-top:5px}.intro-copy p{color:#59636a;margin-bottom:24px;line-height:1.75}.intro-copy .lead{font-size:24px;color:var(--ink);letter-spacing:-.5px;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid var(--ink);padding:8px 0 12px;margin-top:10px;font-size:14px;text-decoration:none}.text-link span{font-size:22px}.text-link:hover{color:#486d91}.approach-section{padding:100px 0 34px;background:var(--ink);color:white}.approach-heading{display:grid;grid-template-columns:1fr 2fr;column-gap:50px;margin-bottom:70px}.approach-heading .eyebrow{grid-column:1/-1;color:#bbc5ce}.approach-heading h2{grid-column:1;min-width:500px}.approach-heading>p:last-child{justify-self:end;align-self:end;color:#bbc5ce;margin:0;font-size:18px}.principles article{border-top:1px solid #4b5259;display:grid;grid-template-columns:100px 1.5fr 1fr;gap:35px;align-items:start;padding:35px 0 42px}.number{color:#b0bac3;font-size:13px;padding-top:10px}.principles h3{font-size:clamp(25px,2.4vw,39px);letter-spacing:-.035em;font-weight:400;margin:0;line-height:1.25}.principles p{font-size:16px;color:#bfc8cf;max-width:310px;margin:5px 0 0;line-height:1.65}.approach-foot{margin-top:40px;display:flex;justify-content:space-between;border-top:1px solid #4b5259;padding-top:24px;font-size:12px;letter-spacing:1.3px;color:#b0bac3}.contact-section{padding-block:120px}.contact-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:100px;align-items:end}.contact-grid h2{font-size:clamp(60px,6vw,100px);letter-spacing:-.065em}.punctuation{font-family:Georgia,serif;font-style:italic;color:#6d8ba6}.contact-copy{max-width:480px}.contact-copy>p{font-size:20px;line-height:1.6;max-width:350px;margin-bottom:30px;color:#59636a}.contact-link{display:flex;align-items:center;justify-content:space-between;gap:22px;text-decoration:none;font-size:clamp(18px,1.6vw,25px);letter-spacing:-.03em;border-bottom:1px solid #8e999f;padding-bottom:16px}.contact-link:hover{color:#486d91}.contact-link>span:first-child{overflow-wrap:anywhere}.phone{display:inline-block;font-size:16px;text-decoration:none;margin-top:18px}.phone:hover{text-decoration:underline}footer{background:var(--soft);padding:50px 0 28px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-bottom:55px}.footer-top>p{margin:0;font-size:20px;letter-spacing:-.5px}.back-top{font-size:14px;text-decoration:none;display:flex;gap:20px}.back-top:hover{text-decoration:underline}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:25px;font-size:12px;color:#647079}.footer-bottom p{margin:0 0 5px}.footer-bottom>div{text-align:right}
@media(min-width:1600px){.hero-caption{right:max(64px,calc((100vw - 1440px)/2))}}
@media(max-width:1100px){.wrap{width:calc(100% - 80px)}.header{gap:36px}nav{gap:23px}.hero{min-height:700px}.hero-caption{right:40px}.intro-grid,.contact-grid{gap:55px}.principles article{grid-template-columns:50px 1.4fr 1fr;gap:25px}.approach-heading h2{min-width:400px}.hero-caption{display:none}}
@media(max-width:700px){html{scroll-padding-top:28px}.wrap{width:calc(100% - 40px)}.header{top:18px;padding:16px 20px;width:calc(100% - 32px);max-width:none;gap:15px}.brand{gap:10px}.brand strong{font-size:30px}.brand>span{font-size:12px;letter-spacing:.5px;padding-left:10px}nav{gap:0}nav a:not(.nav-contact){display:none}.nav-contact{gap:9px;font-size:14px}.hero{height:88svh;min-height:650px;max-height:880px}.hero-image{object-position:60% center}.hero-shade{background:linear-gradient(0deg,rgba(4,12,20,.85),rgba(4,12,20,.15)),linear-gradient(90deg,rgba(4,12,20,.4),transparent)}.hero-inner{padding-top:140px;padding-bottom:42px}.hero .eyebrow{margin-bottom:27px}h1{font-size:clamp(49px,10.6vw,74px);line-height:1.07;letter-spacing:-.055em;margin-bottom:32px}.hero-bottom p{font-size:16px}.round-link{width:48px;height:48px}.chapter-nav a{gap:9px;align-items:center;font-size:12px;padding:22px 0}.chapter-nav a span{font-size:12px}.intro-section{padding-block:72px}.eyebrow{margin-bottom:26px}h2{font-size:44px}.intro-grid,.contact-grid{grid-template-columns:1fr;gap:32px}.intro-copy{padding-top:0;max-width:none}.intro-copy .lead{font-size:23px}.intro-copy p{margin-bottom:20px}.approach-section{padding:66px 0 27px}.approach-heading{display:block;margin-bottom:42px}.approach-heading h2{min-width:0}.approach-heading>p:last-child{font-size:16px;margin-top:25px}.principles article{grid-template-columns:30px 1fr;gap:12px 16px;padding:27px 0 30px}.number{padding-top:6px}.principles h3{font-size:27px;line-height:1.2}.principles p{grid-column:2;font-size:16px;margin:0;max-width:340px}.approach-foot{margin-top:16px;gap:20px;font-size:12px;letter-spacing:.3px}.contact-section{padding-block:72px}.contact-grid h2{font-size:clamp(56px,17.6vw,69px)}.contact-copy>p{font-size:18px}.contact-link{font-size:20px;gap:10px}.footer-top{align-items:start;flex-wrap:wrap;gap:30px;padding-bottom:35px}.footer-top>p{font-size:18px;order:3;width:100%}.footer-top .brand>span{display:none}.footer-bottom{display:block}.footer-bottom>div{text-align:left;margin-top:20px}.footer-bottom p{line-height:1.8}footer{padding-top:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media(max-width:360px){.header .brand>span{display:none}}

/* The light field sits behind the shade and text so copy stays readable. */
.light-field{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.light-field[hidden]{display:none}
 .hero-caption{z-index:2}
.icon{width:22px;height:22px;flex:none;display:block;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.round-link .icon{width:25px;height:25px}.contact-link>.icon{width:26px;height:26px}.back-top .icon{width:18px;height:18px}.back-top{align-items:center}

/* Supplier copy and Med-Ware: retain the existing visual identity. */
.header{gap:44px}.hero{height:auto;min-height:max(820px,94svh);max-height:none}.hero-inner{min-height:inherit;height:auto;padding-top:165px;padding-bottom:64px}.hero h1{font-size:clamp(60px,6.5vw,110px);max-width:1100px;margin-bottom:30px}.hero .eyebrow{margin-bottom:25px}.hero-copy{max-width:720px}.hero-copy p{font-size:18px;line-height:1.6;color:#e5e8eb;margin-bottom:16px}.hero-actions{display:flex;align-items:center;gap:32px;flex-wrap:wrap;margin-top:12px}.button-link{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 23px;background:#fff;color:var(--ink);border:1px solid #fff;border-radius:32px;text-decoration:none;font-size:16px;transition:background .2s}.button-link:hover{background:#e6edf3}.hero-secondary{display:inline-flex;align-items:center;gap:15px;font-size:16px;text-decoration:none;padding:12px 0}.hero-secondary:hover{text-decoration:underline}.chapter-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.chapter-nav a{gap:16px}.intro-grid,.contact-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}.approach-heading{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr)}.approach-heading h2{min-width:0}.principles article{grid-template-columns:80px minmax(0,1.2fr) minmax(0,1fr)}.principles p{max-width:430px}.medware-section{padding-block:112px;background:var(--soft)}.medware-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:100px}.medware-copy{max-width:570px}.medware-copy h2{margin-bottom:32px}.medware-copy p{color:#59636a;line-height:1.75;margin-bottom:24px}.medware-copy .lead{font-size:23px;color:var(--ink);line-height:1.5;letter-spacing:-.4px}.medware-card{display:block;max-width:400px;width:100%;justify-self:end;background:#fff;text-decoration:none;padding:24px}.medware-card img{display:block;width:100%;height:auto;aspect-ratio:1}.medware-card>span{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;font-size:16px}.medware-card .medware-domain{font-size:14px;color:#59636a;margin-top:7px}.medware-card:hover>span:first-of-type{text-decoration:underline}.contact-copy>p{max-width:none}.contact-copy .contact-label{font-size:14px;font-weight:600;letter-spacing:.2px;color:var(--ink);margin-bottom:12px}.contact-grid h2{font-size:clamp(54px,5.5vw,86px)}
@media(max-width:1100px){.header{gap:30px}nav{gap:20px}.medware-grid{gap:55px}.principles article{grid-template-columns:50px minmax(0,1.15fr) minmax(0,1fr)}}
@media(max-width:800px) and (min-width:701px){.header{gap:25px;padding-inline:24px}nav{gap:18px}.header .brand>span{display:none}.intro-grid,.contact-grid,.medware-grid{gap:35px}.intro-grid h2{font-size:40px}.chapter-nav a{gap:9px;font-size:14px}.approach-heading h2{font-size:42px}}
@media(max-width:700px){.header{gap:14px}.header nav a:not(.nav-contact){display:none}.header .nav-contact{gap:8px}.hero{min-height:88svh;max-height:none}.hero-inner{padding-top:148px;padding-bottom:44px}.hero h1{font-size:clamp(43px,10vw,70px);line-height:1.05;margin-bottom:26px}.hero-copy p{font-size:16px;line-height:1.6}.hero-actions{gap:12px 25px;margin-top:8px}.button-link{font-size:16px;padding:13px 20px}.hero-secondary{font-size:16px}.chapter-nav{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:10px}.chapter-nav a{padding:12px 0;font-size:14px;gap:12px}.intro-grid,.contact-grid,.medware-grid{grid-template-columns:minmax(0,1fr);gap:32px}.approach-heading{display:block}.principles article{grid-template-columns:30px minmax(0,1fr)}.medware-section{padding-block:72px}.medware-copy h2{margin-bottom:26px}.medware-copy .lead{font-size:23px}.medware-card{justify-self:start;max-width:400px;padding:20px}.contact-grid h2{font-size:clamp(52px,12vw,68px)}.contact-copy>p{margin-bottom:22px}}
@media(max-width:420px){.header .brand>span{display:none}.hero-actions{gap:10px 20px}.hero h1{font-size:clamp(38px,10.5vw,44px)}}

/* Privacy notice and links share the site's typography and spacing. */
.footer-bottom .footer-legal{text-align:left}.footer-legal>a{display:inline-block;margin-top:9px;font-size:14px;color:var(--ink)}.contact-copy .privacy-contact{font-size:14px;line-height:1.6;margin:22px 0 0;color:#59636a}.privacy-page .header{position:relative;top:auto;left:auto;transform:none;margin:28px auto 0;border:1px solid var(--line);background:var(--soft)}.privacy-main{max-width:920px;padding-block:76px 100px}.privacy-intro{border-bottom:1px solid var(--line);padding-bottom:32px;margin-bottom:42px}.privacy-intro h1{font-size:clamp(42px,5.7vw,76px);line-height:1.1;letter-spacing:-.045em;margin-bottom:22px}.privacy-intro>p:last-child{font-size:20px;max-width:760px;margin-bottom:0;line-height:1.65}.privacy-date{font-size:14px;color:#59636a}.privacy-content{max-width:780px}.privacy-content section+section{margin-top:42px}.privacy-content h2{font-size:28px;line-height:1.2;letter-spacing:-.025em;margin:0 0 18px}.privacy-content h3{font-size:19px;margin:0 0 12px}.privacy-content p,.privacy-content li{font-size:16px;line-height:1.8;color:#414c54}.privacy-content p{margin-bottom:18px}.privacy-content ul{padding-left:24px;margin-bottom:22px}.privacy-content li+li{margin-top:12px}.privacy-content a{overflow-wrap:anywhere}.privacy-callout{border-left:3px solid #486d91;background:var(--soft);padding:20px 24px;margin:24px 0}.privacy-callout p:last-child{margin-bottom:0}.privacy-page footer .footer-top>p{font-size:18px}
@media(max-width:700px){.privacy-page .header{margin-top:18px}.privacy-main{padding-block:50px 65px}.privacy-intro>p:last-child{font-size:18px}.privacy-content h2{font-size:26px}.privacy-content section+section{margin-top:34px}.privacy-page .footer-top{gap:24px}.footer-bottom .footer-legal{margin-top:0}}

/* Connected identity: restrained size with a compact mobile mark. */
.brand picture{display:block;line-height:0}.brand img{display:block;width:192px;height:auto}.header{padding-block:14px}.footer-top .brand img{width:204px}@media(max-width:900px) and (min-width:701px){.brand img,.footer-top .brand img{width:66px;aspect-ratio:579/278}}@media(max-width:700px){.brand img{width:152px}.header{padding-block:12px}.footer-top .brand img{width:176px}}@media(max-width:420px){.brand img,.footer-top .brand img{width:66px;aspect-ratio:579/278}}

/* Motion enhances the content; everything remains readable without JavaScript. */
.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--accent);z-index:30;transform:scaleX(0);transform-origin:left;pointer-events:none}
.hero h1 em{color:#c3ddf4}.hero-actions .icon,.text-link .icon,.contact-link .icon,.medware-card .icon{transition:transform .3s ease}.button-link,.medware-card{transition:transform .35s ease,box-shadow .35s ease,background .25s ease}.chapter-nav a{position:relative}.chapter-nav a:after{content:"";position:absolute;left:0;right:24px;bottom:0;height:2px;background:#486d91;transform:scaleX(0);transform-origin:left;transition:transform .35s}.chapter-nav a[aria-current="location"]:after,.chapter-nav a:hover:after{transform:scaleX(1)}
.principles article{position:relative;transition:background .3s,padding .3s}.principles .number{transition:color .3s}.medware-card{border-radius:8px;box-shadow:0 12px 45px #171c2009}.distribution-flow{display:flex;align-items:center;gap:22px;padding:24px 0 50px;font-size:14px;color:#c6d0d9}.distribution-flow>span:not(.flow-track){max-width:190px}.distribution-flow strong{font-size:16px;font-weight:400;padding:20px 25px;border:1px solid #6985a0;border-radius:50px;color:#fff;white-space:nowrap}.flow-track{flex:1;min-width:30px;height:1px;background:#50606c;position:relative;overflow:hidden}.flow-track:after{content:"";position:absolute;width:35%;height:1px;left:0;background:#d0e7ff;box-shadow:0 0 8px #b9dcff;transform:translateX(0)}
@media(hover:hover) and (pointer:fine){.button-link:hover{transform:translateY(-3px);box-shadow:0 8px 30px #0003}.medware-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px #171c2017}.hero-actions a:hover .icon,.text-link:hover .icon,.contact-link:hover .icon,.medware-card:hover .icon{transform:translate(3px,-3px)}.principles article:hover{background:#ffffff06;padding-left:14px}.principles article:hover .number{color:#c3ddf4}}
@media(prefers-reduced-motion:no-preference){.hero .eyebrow{animation:hero-arrive .8s both}.hero h1{animation:hero-arrive 1s .1s both}.hero-copy{animation:hero-arrive 1s .25s both}.hero-actions{animation:hero-arrive 1s .4s both}.motion-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.3,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible,.motion-ready .reveal:focus-within{opacity:1;transform:none}.distribution-flow.in-view .flow-track:after{animation:delivery-flow 2.8s linear infinite}.distribution-flow.in-view .flow-track:nth-of-type(3):after{animation-delay:1.4s}}
@keyframes hero-arrive{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes delivery-flow{from{transform:translateX(-110%)}to{transform:translateX(400%)}}
@media(max-width:700px){.distribution-flow{gap:14px;flex-direction:column;align-items:flex-start;padding-bottom:34px}.distribution-flow>span:not(.flow-track){max-width:none}.flow-track{flex:none;min-width:0;width:1px;height:28px;margin-left:22px}.flow-track:after{width:1px;height:35%}.distribution-flow strong{padding:14px 22px}@keyframes delivery-flow{from{transform:translateY(-110%)}to{transform:translateY(400%)}}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important}.motion-ready .reveal{opacity:1;transform:none}}

.motion-toggle{position:absolute;right:28px;bottom:24px;z-index:3;border:1px solid #ffffff55;background:#15212dcc;color:#fff;border-radius:24px;padding:9px 15px;font:inherit;font-size:12px;cursor:pointer}.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline:3px solid #a8c7e7;outline-offset:4px}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .reveal{opacity:1;transform:none;transition:none}.motion-paused .hero .eyebrow,.motion-paused .hero h1,.motion-paused .hero-copy,.motion-paused .hero-actions{animation:none}@media(max-width:1100px){.hero-inner{padding-bottom:82px}.motion-toggle{right:20px;bottom:18px}}

/* A clear three-stage journey, with JDJ as the central connection. */
.distribution-flow{display:grid;grid-template-columns:minmax(0,1fr) 76px minmax(0,1.05fr) 76px minmax(0,1.1fr);gap:0;align-items:stretch;padding:12px 0 64px;color:#c6d0d9}.flow-card,.flow-hub{position:relative;border:1px solid #ffffff20;border-radius:18px;padding:28px;background:linear-gradient(140deg,#ffffff07,transparent 70%)}.flow-kicker{display:block;font-size:10px;letter-spacing:1.5px;color:#94a6b5;margin-bottom:30px}.flow-icon{display:block;width:34px;height:34px;fill:none;stroke:#b7d6ef;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.flow-source>.flow-icon{margin-bottom:23px}.flow-card h3{font-size:25px;font-weight:400;letter-spacing:-.7px;line-height:1.2;color:#f5f8fa;margin:0 0 18px}.flow-card p{font-size:13px;line-height:1.7;margin:0;color:#a6b4be}.flow-hub{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:radial-gradient(ellipse at 50% 0,#abcfe522,transparent 70%),#1c2831;border-color:#9dc5e866;box-shadow:0 0 50px #85bce80b,inset 0 1px #d3e9fa15}.flow-hub .flow-kicker{color:#b7d6ef;margin-bottom:26px}.flow-hub img{width:100px;height:auto;filter:brightness(0) invert(1)}.flow-hub-name{font-size:10px;letter-spacing:3px;margin:12px 0 24px;color:#e1eef8}.flow-hub p{font-size:19px;line-height:1.45;letter-spacing:-.3px;color:#fff;margin:0 0 24px}.flow-hub-tag{border-top:1px solid #b7d6ef33;padding-top:16px;font-size:11px;color:#b7cbdc;width:100%}.flow-connection{position:relative;display:flex;align-items:center;align-self:center;height:54px}.flow-connection>span{position:absolute;top:0;left:0;right:0;text-align:center;white-space:nowrap;font-size:9px;letter-spacing:1px;color:#8ca5b8}.flow-connection .flow-track{width:100%;height:1px;min-width:0;margin:0;flex:1;background:#527087}.flow-connection .flow-track:after{height:2px;width:35%;background:#c7e8ff}.flow-connection>svg{position:absolute;right:1px;width:12px;height:12px;fill:none;stroke:#9fc7e6;stroke-width:1.3}.flow-audience{display:flex;gap:12px;align-items:center;border-top:1px solid #ffffff14;padding-top:18px;margin-top:18px}.flow-audience .flow-icon{width:28px;height:28px;flex:none}.flow-audience b{font-size:13px;font-weight:400;display:block;color:#edf4fa}.flow-audience div>span{display:block;font-size:11px;line-height:1.5;color:#96a9b7;margin-top:4px}.flow-destination h3{margin-bottom:24px}.flow-card{transition:border-color .3s,background .3s}.flow-card:hover{border-color:#a8c7e755;background-color:#ffffff03}
@media(min-width:701px) and (max-width:1100px){.distribution-flow{grid-template-columns:minmax(0,1fr) 45px minmax(0,1fr) 45px minmax(0,1fr)}.flow-card,.flow-hub{padding:22px 18px}.flow-card h3{font-size:21px}.flow-connection>span{font-size:8px;letter-spacing:0}.flow-kicker{font-size:9px;letter-spacing:1px}}
@media(max-width:700px){.distribution-flow{grid-template-columns:minmax(0,1fr);padding:0 0 40px;max-width:440px;margin-inline:auto}.flow-card,.flow-hub{padding:26px}.flow-card h3{font-size:27px}.flow-kicker{margin-bottom:22px}.flow-source{padding-left:88px}.flow-source>.flow-icon{position:absolute;left:27px;top:68px}.flow-hub{padding-block:30px}.flow-hub img{width:100px}.flow-hub p{font-size:22px}.flow-connection{width:100%;height:60px;justify-content:center}.flow-connection>span{left:calc(50% + 18px);right:auto;top:23px;text-align:left;font-size:9px}.flow-connection .flow-track{flex:none;width:1px;height:60px}.flow-connection .flow-track:after{height:35%;width:1px}.flow-connection>svg{right:auto;bottom:1px;transform:rotate(90deg)}.flow-audience{padding-top:16px;margin-top:16px}.flow-audience b{font-size:15px}.flow-audience div>span{font-size:12px}}

/* Retail collection: preserve the established brand rows and mobile stacking. */
.retail-title{margin-bottom:64px}.retail-brand-title{font-size:clamp(36px,3.5vw,56px);font-weight:400;letter-spacing:-.05em;line-height:1.1;margin-bottom:32px}.bulq-grid{margin-top:64px;padding-top:64px;border-top:1px solid var(--line)}.bulq-logo-panel{aspect-ratio:1;display:grid;place-items:center;background:#F5F1E8;padding:38px}.bulq-card .bulq-logo-panel img{width:100%;height:auto;aspect-ratio:auto}.bulq-card .icon{flex-shrink:0}
@media(max-width:700px){.retail-title{margin-bottom:40px}.retail-brand-title{margin-bottom:26px}.bulq-grid{margin-top:40px;padding-top:40px}}