.barista-page .programme-hero{background:linear-gradient(90deg,rgba(0,19,58,.97) 0%,rgba(0,19,58,.88) 47%,rgba(0,19,58,.25) 100%),url('../barista/trainer-demonstration.jpg') right 53%/cover; padding:60px 24px 52px}
.barista-page .programme-hero h1{font-size:48px;max-width:720px;line-height:1.08}
.barista-page .hero-copy{max-width:620px}.barista-page .hero-tagline{max-width:650px}
.barista-brochure{display:inline-block;margin-top:20px;text-underline-offset:4px;color:#fff;min-height:44px;padding:9px 0}
.barista-facts{background:#ffd500;padding:24px}.barista-facts dl{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin:0}.barista-facts dt{font-size:13px;font-weight:700}.barista-facts dd{margin:5px 0 0;font-size:21px;font-weight:800;line-height:1.25}.barista-facts dd span{display:block;font-size:14px;font-weight:400;margin-top:6px}
.barista-page .eyebrow{letter-spacing:0}.barista-page .section:not(.navy) .eyebrow{color:#002366}
.barista-pathway{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.barista-pathway li{border-top:3px solid #ffd500;padding-top:15px;min-width:0}.barista-number{font-size:14px;font-weight:800;color:#002366}.barista-pathway h3{margin:12px 0 8px;font-size:19px;line-height:1.3}.barista-pathway p{font-size:15px;margin:0}.barista-terms{margin-top:25px}
.barista-training{background:#eef2f5}.barista-training-layout{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.barista-training-copy h2{font-size:36px;line-height:1.16}.barista-text-link{display:inline-block;margin-top:24px;font-weight:700;text-underline-offset:4px;padding:10px 0}
.barista-gallery{min-width:0}.barista-gallery-stage{display:grid;gap:20px}.barista-gallery figure{margin:0}.barista-gallery figure a{display:block;background:#e1e6eb;overflow:hidden}.barista-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;transition:transform .5s ease}.barista-gallery figure a:hover img{transform:scale(1.025)}.barista-gallery figcaption{border-left:3px solid #002366;padding:12px 16px;margin-top:15px;font-weight:750;font-size:17px;line-height:1.3}.barista-gallery figcaption span{display:block;font-weight:400;font-size:14px;margin-top:4px}
.barista-gallery.is-interactive .barista-gallery-stage{display:block}.barista-gallery.is-interactive figure[hidden]{display:none}.barista-gallery.is-interactive figure{animation:barista-reveal .35s ease both}.barista-gallery-controls:not([hidden]){display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:16px}.barista-gallery-controls button{border:1px solid #a1afbf;border-radius:4px;min-height:44px;padding:10px 14px;background:#fff;color:#002366;font:inherit;font-size:14px;font-weight:700;cursor:pointer}.barista-gallery-controls button[aria-pressed=true]{background:#002366;color:#fff;border-color:#002366}.barista-gallery-status{font-size:13px;margin:4px 0;width:100%;color:#435166}
@keyframes barista-reveal{from{opacity:.85;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:1024px){.barista-pathway{grid-template-columns:repeat(2,minmax(0,1fr))}.barista-training-layout{gap:32px}.barista-page .programme-hero h1{font-size:40px}}
@media(max-width:700px){.barista-page .programme-hero{padding:36px 16px 28px;background:linear-gradient(rgba(0,19,58,.85),rgba(0,19,58,.94)),url('../barista/trainer-demonstration.jpg') center 55%/cover}.barista-page .programme-hero h1{font-size:32px}.barista-facts{padding:22px 16px}.barista-facts dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}.barista-facts dd{font-size:19px}.barista-training-layout{grid-template-columns:1fr}.barista-training-copy h2{font-size:28px}.barista-gallery{max-width:480px;width:100%;margin:auto}.barista-pathway{gap:24px 16px}.barista-pathway h3{font-size:17px}.barista-pathway p{font-size:14px}}
@media(max-width:360px){.barista-pathway{grid-template-columns:1fr}.barista-page .programme-hero h1{font-size:28px}}
@media(prefers-reduced-motion:reduce){.barista-gallery img{transition:none}.barista-gallery figure a:hover img{transform:none}.barista-gallery.is-interactive figure{animation:none}}

.barista-training{background:#fff;border-block:1px solid #d8dfeb}
.barista-story-heading{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:end;margin-bottom:32px}
.barista-story-heading h2{font-size:40px;line-height:1.13;margin:0}
.barista-story-heading .eyebrow{text-transform:none;font-size:14px}
.barista-story-heading .lead{margin:0;font-size:17px;max-width:540px}
.barista-story-heading .barista-text-link{margin-top:8px}
.barista-photo-story{display:grid;grid-template-columns:minmax(0,16fr) minmax(0,9fr);gap:24px;align-items:start}
.barista-main-scene{margin:0;min-width:0}.barista-main-scene a{display:block;overflow:hidden}
.barista-main-scene img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;transition:transform .6s ease}
.barista-main-scene a:hover img{transform:scale(1.012)}
.barista-main-scene figcaption{margin-top:18px;padding:0 0 0 16px;border-left:3px solid #ffd500;line-height:1.4}
.barista-main-scene figcaption strong{display:block;font-size:22px;color:#002366}
.barista-main-scene figcaption span{display:block;font-size:14px;color:#435166;margin-top:4px}
.barista-photo-story .barista-gallery-controls{gap:6px}.barista-photo-story .barista-gallery-controls button{font-size:13px;padding:9px 11px}
.barista-photo-story .barista-gallery figcaption{min-height:96px}
.barista-training-notes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-top:1px solid #d8dfeb;margin-top:28px;padding-top:20px}
.barista-training-notes p{margin:0;font-size:14px;color:#435166}.barista-training-notes strong{display:block;font-size:15px;color:#002366;margin-bottom:5px}
.barista-photo-story.is-in-view .barista-main-scene{animation:barista-scene-arrive .65s ease both}
.barista-photo-story.is-in-view .barista-gallery{animation:barista-scene-arrive .65s .1s ease both}
@keyframes barista-scene-arrive{from{transform:translateY(10px)}to{transform:none}}
@media(max-width:700px){.barista-story-heading{grid-template-columns:1fr;gap:20px;margin-bottom:24px}.barista-story-heading h2{font-size:30px}.barista-story-heading .lead{font-size:16px}.barista-photo-story{grid-template-columns:1fr;gap:28px}.barista-photo-story .barista-gallery{max-width:430px}.barista-main-scene figcaption strong{font-size:20px}.barista-training-notes{grid-template-columns:1fr;gap:18px}}
@media(prefers-reduced-motion:reduce){.barista-main-scene img{transition:none}.barista-main-scene a:hover img{transform:none}.barista-photo-story.is-in-view .barista-main-scene,.barista-photo-story.is-in-view .barista-gallery{animation:none}}
@media(max-width:700px){.barista-photo-story .barista-gallery-controls{padding-right:124px}.barista-photo-story .barista-gallery-controls button{max-width:100%}}

.barista-page .barista-training{background:#002366;color:#fff;border:0}
.barista-page .barista-training .eyebrow{color:#ffd500}
.barista-page .section.barista-training:not(.navy) .eyebrow{color:#ffd500}
.barista-training .barista-story-heading .lead,.barista-training .barista-text-link{color:#fff}
.barista-floating-story{grid-template-columns:minmax(0,16fr) minmax(0,9fr) minmax(0,9fr);gap:28px;padding:24px 10px 36px;align-items:start}
.barista-floating-story .barista-gallery,.barista-floating-story .barista-gallery-stage{display:contents}
.barista-floating-story figure{margin:0;min-width:0;transition:transform .45s ease}
.barista-floating-story figure:first-child{transform:rotate(-1deg);margin-top:48px}
.barista-floating-story [data-training-photo]{transform:rotate(1.5deg)}
.barista-floating-story [data-training-photo]:last-child{margin-top:90px;transform:rotate(-1deg)}
.barista-floating-story figure a{display:block;overflow:hidden;border:5px solid #fff;border-radius:4px;box-shadow:0 18px 35px rgba(0,10,35,.4)}
.barista-floating-story figure img{width:100%;height:auto;display:block;object-fit:contain;transition:none}
.barista-floating-story figure:hover,.barista-floating-story figure:focus-within{transform:translateY(-6px)}
.barista-floating-story figure a:hover img{transform:none}
.barista-training .barista-training-notes{border-color:#5274b2}
.barista-training .barista-training-notes p{color:#e2eaff}.barista-training .barista-training-notes strong{color:#fff}
.barista-training a:focus-visible{outline:3px solid #ffd500;outline-offset:6px}
@media(max-width:700px){.barista-floating-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;padding:8px 5px 24px}.barista-floating-story .barista-main-scene{grid-column:1/-1;margin-top:0;transform:none}.barista-floating-story [data-training-photo]{transform:rotate(-1deg)}.barista-floating-story [data-training-photo]:last-child{margin-top:24px;transform:rotate(1deg)}.barista-floating-story figure a{border-width:3px}}
@media(prefers-reduced-motion:reduce){.barista-floating-story figure{transition:none}.barista-floating-story figure:hover,.barista-floating-story figure:focus-within{transform:none}}