.flow-case{--flow-signature-gradient:linear-gradient(115deg,#211c43 0%,#55317b 23%,#a72583 46%,#df3974 64%,#f98550 82%,#ffc64b 100%);--ak-gutter:max(5vw, calc((100vw - 1400px)/2) );background:#f8f6f3;color:#141936;overflow-x:clip}.flow-case a{color:inherit;text-decoration:none}.flow-case-header{display:flex;align-items:center;justify-content:space-between;padding:24px var(--ak-gutter);gap:20px}.flow-case-header>a:not(.brand){display:flex;align-items:center;gap:10px;font-size:13px}.flow-hero{padding:36px var(--ak-gutter) 0}.flow-eyebrow{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:40px}.flow-hero-grid{display:grid;grid-template-columns:.85fr 1.4fr;gap:50px}.flow-wordmark{font-family:Space Grotesk,sans-serif;font-weight:700;letter-spacing:-.095em;line-height:.85;display:inline-block}.flow-wordmark>span{color:inherit}.flow-case .flow-intro h1{font-size:clamp(96px,12vw,180px);margin:20px 0 22px;line-height:1}.flow-tagline{font-size:11px;letter-spacing:.23em}.flow-rule{display:block;background:#7650a0;width:48px;height:4px;margin:32px 0}.flow-case h2{font-family:Space Grotesk,sans-serif;font-size:clamp(28px,3.3vw,48px);font-weight:500;letter-spacing:-.05em;line-height:1.12;margin:0 0 22px}.flow-intro>p,.flow-story p,.flow-section-heading>p{font-size:16px;line-height:1.7;max-width:490px}.flow-services{margin-top:30px;display:grid;gap:18px}.flow-services>div{display:flex;gap:18px;align-items:start}.flow-services>div>span{font-size:11px;color:#7650a0;padding-top:4px}.flow-services p{font-size:12px;margin:0;line-height:1.5}.flow-services strong{display:block;font-size:16px;font-weight:600}.flow-brand-stage{position:relative;isolation:isolate;background:radial-gradient(ellipse at 70% 20%,#f1e9e0,transparent 60%),linear-gradient(145deg,#c7c0bc,#e5ddd3 60%,#bbb0a9);min-height:650px;overflow:hidden;display:flex;align-items:center;justify-content:center}.flow-brand-stage:after{content:"";position:absolute;z-index:-1;inset:75% 0 0;background:linear-gradient(#c8bbb0,#e2d6c9);box-shadow:0 -8px 40px #47394c20}.flow-stage-note{position:absolute;top:32px;left:30px;letter-spacing:.15em;font-size:9px}.flow-coffee-bag{position:relative;background:linear-gradient(105deg,#e8e3de,#fffdfa 35%,#f1ece7);width:48%;max-width:310px;height:430px;transform:rotate(-7deg);box-shadow:20px 26px 32px #332b3840;display:flex;flex-direction:column;align-items:center;padding:20px 20px 24px;border:1px solid #d3cbc1;justify-content:space-between}.flow-bag-seam{height:9px;width:100%;border-top:2px solid #c7beb3;border-bottom:1px solid #e1d9ce}.flow-bag-label{font-size:10px;text-align:center;letter-spacing:.1em}.flow-bag-label small{font-size:9px;letter-spacing:0}.flow-gradient-disc{display:block;width:100%;aspect-ratio:1;border-radius:50%;background:var(--flow-signature-gradient,radial-gradient(ellipse at 94% 18%,#ffca49 0%,#ffb33f 16%,transparent 57%),radial-gradient(ellipse at 75% 95%,#ed3963 0%,#c51b70 25%,transparent 64%),linear-gradient(135deg,#25203f,#613578 40%,#a32b85 72%,#ec6850));box-shadow:inset 0 0 30px #482c4020}.flow-coffee-bag>.flow-wordmark{font-size:86px;align-self:start}.flow-bag-bottom{font-size:8px;letter-spacing:.15em;align-self:start}.flow-cup{position:absolute;right:8%;bottom:18%;width:155px;height:190px;background:linear-gradient(95deg,#e5ded4,#fffaf3 60%,#bfb3a8);clip-path:polygon(0 0,100% 0,88% 100%,12% 100%);transform:rotate(8deg);filter:drop-shadow(10px 10px 15px #44334040)}.flow-cup-lid{height:20px;background:#151b35;border-radius:8px 8px 0 0;border-bottom:4px solid #30354d}.flow-cup-sleeve{margin-top:30px;padding:18px 15px;background:var(--flow-signature-gradient,linear-gradient(125deg,#352344,#bd267d,#ffb33f));color:#fff5e9;height:108px;display:grid;gap:12px}.flow-cup .flow-wordmark{font-size:53px}.flow-cup-sleeve>span:last-child{font-size:9px}.flow-stage-caption{position:absolute;bottom:25px;left:30px;font-size:11px}.flow-orbit{position:absolute;top:10%;right:-25%;width:80%;aspect-ratio:1;border:1px solid #fff8;border-radius:50%;z-index:-1}.flow-brand-system{display:grid;grid-template-columns:1fr .8fr 1.3fr;margin-top:36px;border-top:1px solid #14193620;padding:30px 0 40px;gap:30px}.flow-brand-system>div+div{border-left:1px solid #14193620;padding-left:30px}.flow-label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;line-height:1.5;margin-bottom:20px}.flow-swatches{display:flex;gap:14px}.flow-swatches span{display:grid;gap:10px}.flow-swatches i{display:block;width:32px;height:32px;border-radius:50%}.flow-swatches small{font-size:8px}.flow-type-sample{font:500 42px/1 Space Grotesk,sans-serif}.flow-brand-system p{font-size:13px;line-height:1.6;margin:10px 0}.flow-small{font-size:10px;color:#706a79}.flow-story{padding:90px var(--ak-gutter);display:grid;grid-template-columns:1fr 1fr;gap:9%;border-top:1px solid #14193620}.flow-story p:first-child{margin-top:0}.flow-digital{background:#e9e3ef;padding:72px var(--ak-gutter)}.flow-section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:40px}.flow-section-heading>p{max-width:340px}.flow-browser{background:#fbf8f1;border:1px solid #14193626;box-shadow:0 25px 60px #14193612;border-radius:12px;overflow:hidden}.flow-browser-bar{display:flex;gap:30px;padding:12px 20px;background:#ede8e3;color:#78717e;font-size:10px}.flow-website{padding:32px 5%}.flow-website nav{display:flex;justify-content:space-between;align-items:center;gap:20px}.flow-website nav>.flow-wordmark{font-size:44px}.flow-website nav>span:last-child{font-size:11px}.flow-web-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:65px 0;align-items:center}.flow-web-hero h3{font:500 clamp(32px,4.5vw,68px)/1.04 "Space Grotesk",sans-serif;letter-spacing:-.06em;margin:0 0 24px}.flow-web-hero p{font-size:14px;line-height:1.7}.flow-web-hero a{display:flex;width:fit-content;align-items:center;gap:24px;background:#141936;color:#fff8ec;padding:14px 20px;border-radius:30px;font-size:12px;margin-top:25px}.flow-web-art{position:relative;padding:35px;aspect-ratio:1;background:#f0e6da;display:grid;align-items:center;justify-items:center;overflow:hidden}.flow-web-art>.flow-gradient-disc{position:absolute;width:86%;left:22%;top:-10%}.flow-web-art>.flow-wordmark{position:relative;font-size:clamp(70px,12vw,175px);color:#fff8ec;margin-top:40px}.flow-web-art>small{position:relative;justify-self:start;align-self:end;font-size:12px}.flow-space-options{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;border-top:1px solid #14193625;padding:28px 0 10px;scroll-margin-top:30px}.flow-space-options .flow-label{margin-bottom:14px}.flow-space-options h4{font:500 22px/1.2 Space Grotesk,sans-serif;letter-spacing:-.04em;margin:0 0 12px}.flow-space-options p{font-size:12px;line-height:1.6}.flow-footer{padding:65px var(--ak-gutter) 30px}.flow-footer>a{display:flex;justify-content:space-between;align-items:center;font:500 clamp(40px,7vw,90px)/1.2 "Space Grotesk",sans-serif;letter-spacing:-.06em;padding-bottom:40px}.flow-footer>a svg{width:45px;height:45px}.flow-footer>div{display:flex;justify-content:space-between;gap:20px;font-size:11px;border-top:1px solid #14193625;padding-top:24px}.flow-case a:focus-visible{outline:2px solid #7650a0;outline-offset:6px}.visual.flow-work-visual{background:#dcd1c4;overflow:hidden}.flow-brand-compact{width:100%;height:100%;min-height:450px}.flow-brand-compact .flow-coffee-bag{height:350px;max-width:260px}.flow-brand-compact .flow-coffee-bag>.flow-wordmark{font-size:70px}.flow-brand-compact .flow-gradient-disc{max-width:180px}.flow-brand-compact .flow-cup{width:130px;height:165px;right:13%;bottom:13%}@media(max-width:900px){.flow-hero-grid{grid-template-columns:1fr 1fr;gap:28px}.flow-brand-stage{min-height:580px}.flow-coffee-bag{width:65%;height:360px;padding:16px}.flow-coffee-bag>.flow-wordmark{font-size:68px}.flow-cup{width:115px;height:160px;right:3%}.flow-cup .flow-wordmark{font-size:40px}.flow-cup-sleeve{padding:15px 10px}.flow-brand-system{grid-template-columns:1fr 1fr}.flow-brand-system>div:last-child{grid-column:1/-1;border-left:0;padding:16px 0 0;border-top:1px solid #14193620}.flow-brand-compact{min-height:420px}.flow-brand-compact .flow-cup{right:5%}}@media(max-width:600px){.flow-case-header>a:last-child{display:none}.flow-case-header a{min-height:44px}.flow-hero{padding-top:20px}.flow-eyebrow{font-size:9px;gap:16px;margin-bottom:26px}.flow-hero-grid{grid-template-columns:1fr;gap:30px}.flow-case .flow-intro h1{font-size:120px}.flow-intro>p{font-size:16px}.flow-services{gap:16px}.flow-brand-stage{min-height:450px}.flow-coffee-bag{width:50%;height:340px}.flow-stage-note{top:22px;left:20px;font-size:8px}.flow-cup{right:8%;bottom:13%}.flow-stage-caption{left:20px;bottom:20px}.flow-brand-system{gap:20px;padding-top:24px}.flow-brand-system>div+div{padding-left:20px}.flow-brand-system>div:last-child{padding-left:0}.flow-swatches{gap:8px}.flow-swatches i{width:26px;height:26px}.flow-swatches small{font-size:7px}.flow-story{grid-template-columns:1fr;gap:18px;padding-block:52px}.flow-digital{padding-block:45px}.flow-section-heading{display:block;margin-bottom:28px}.flow-section-heading>p{font-size:15px}.flow-website{padding:24px 6%}.flow-website nav>span:last-child{font-size:8px;max-width:145px;text-align:right;line-height:1.8}.flow-web-hero{grid-template-columns:1fr;padding:38px 0;gap:28px}.flow-web-hero h3{font-size:42px}.flow-web-art{max-height:300px}.flow-web-art>.flow-wordmark{font-size:115px}.flow-space-options{grid-template-columns:1fr;gap:20px}.flow-space-options>div+div{border-top:1px solid #14193620;padding-top:20px}.flow-space-options .flow-label,.flow-space-options h4{margin-bottom:8px}.flow-footer{padding-top:44px}.flow-footer>div{flex-direction:column}.flow-brand-compact{min-height:400px}.flow-brand-compact .flow-coffee-bag{width:50%;height:310px}.flow-brand-compact .flow-gradient-disc{max-width:150px}.flow-brand-compact .flow-coffee-bag>.flow-wordmark{font-size:58px}.flow-brand-compact .flow-cup{width:110px;height:150px;right:8%}}.flow-collection{padding:80px var(--ak-gutter);background:#faf7f0}.flow-colour-picker{display:flex;flex-wrap:wrap;gap:12px;margin:32px 0}.flow-colour-picker button{display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border:1px solid #14193624;background:transparent;border-radius:30px;font:400 12px DM Sans,sans-serif;color:#141936;cursor:pointer;min-height:48px}.flow-colour-picker button[aria-pressed=true]{border-color:#141936;background:#fff;box-shadow:0 0 0 1px #141936}.flow-colour-picker button:focus-visible{outline:2px solid #7650a0;outline-offset:4px}.flow-colour-picker i{width:28px;height:28px;flex:none;border-radius:50%}.flow-collection-caption{display:flex;justify-content:space-between;gap:16px;margin-bottom:22px;font-size:13px;line-height:1.6}.flow-collection-caption strong{font-weight:500}.flow-collection-caption>span{color:#696370}.flow-products{display:grid;grid-template-columns:1fr 1fr;gap:28px}.flow-product{min-width:0}.flow-product-scene{position:relative;isolation:isolate;height:480px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,#ffffff90,transparent 60%),var(--flow-product-background)}.flow-product-scene:after{content:"";position:absolute;left:15%;right:15%;height:30px;bottom:55px;border-radius:50%;background:#3e31472b;filter:blur(16px);z-index:-1}.flow-product-scene-note{position:absolute;bottom:22px;left:24px;font-size:9px;letter-spacing:.14em}.flow-plastic-cup{position:relative;width:210px;height:310px;transform:rotate(-9deg)}.flow-plastic-lid{position:absolute;top:0;left:-5%;width:110%;height:30px;z-index:2;border-radius:35% 35% 12% 12%;border:1px solid #fff9;background:linear-gradient(180deg,#ffffffc9,#d5d5ddaa 55%,#fff9);box-shadow:0 4px #ffffff80,inset 0 5px 1px #fff7}.flow-plastic-body{position:absolute;inset:18px 0 0;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);border-radius:0 0 28px 28px;background:linear-gradient(100deg,#ffffffb0,#ffffff35 28%,#fff8 70%,#aaa9bb70);box-shadow:inset 8px 0 14px #fff8}.flow-plastic-shine{position:absolute;inset:0;background:linear-gradient(100deg,transparent 8%,#fff9 14%,transparent 23%,transparent 68%,#ffffff60 76%,transparent 83%);z-index:1;pointer-events:none}.flow-plastic-print{position:absolute;inset:62px 0 48px;background:var(--flow-product-gradient);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;color:#fffaf1}.flow-plastic-print .flow-wordmark{font-size:83px;line-height:1}.flow-plastic-print>span:last-child{font-size:8px;letter-spacing:.04em}.flow-plastic-foot{position:absolute;bottom:19px;width:100%;text-align:center;font-size:7px;letter-spacing:.12em;color:#141936}.flow-linen-tote{position:relative;width:260px;height:340px;margin-top:30px;transform:rotate(5deg)}.flow-tote-handle{position:absolute;top:-39px;left:67px;width:120px;height:140px;border:18px solid #d6c5a9;border-bottom:0;border-radius:64px 64px 0 0;box-shadow:inset 2px 0 3px #95826a50,2px 0 3px #fff8;transform:rotate(-3deg)}.flow-tote-handle-back{left:80px;top:-48px;border-color:#bcab90;transform:rotate(6deg)}.flow-tote-body{position:absolute;inset:55px 0 0;border-radius:3px 3px 16px 12px;border:1px solid #c5b498;background:repeating-linear-gradient(0deg,#ffffff0a 0 1px,#987e5c12 1px 2px),repeating-linear-gradient(90deg,#eee3cd 0 1px,#d9c9ad 1px 2px);box-shadow:inset 12px 0 18px #90795822,inset -10px 0 14px #90795822,12px 20px 25px #4534411c}.flow-tote-body:before{content:"";position:absolute;inset:10px;border:1px dashed #b6a17b66;border-top:2px solid #b6a17b77;border-bottom:0;border-radius:0 0 10px 10px}.flow-tote-print{position:absolute;inset:38px 34px 40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.flow-tote-disc{position:absolute;width:170px;aspect-ratio:1;border-radius:50%;background:var(--flow-product-gradient);top:0;mix-blend-mode:multiply}.flow-tote-print .flow-wordmark{position:relative;font-size:77px;color:#fff9ec;line-height:1;margin-top:12px}.flow-tote-line{position:relative;font-size:6px;letter-spacing:.08em;margin-top:24px;color:#141936;white-space:nowrap}.flow-tote-city{position:absolute;bottom:20px;width:100%;text-align:center;font-size:7px;letter-spacing:.08em}.flow-product-copy{display:flex;justify-content:space-between;align-items:start;gap:14px;padding-top:20px}.flow-product-copy h3{font:500 22px/1.3 Space Grotesk,sans-serif;letter-spacing:-.04em;margin:0 0 8px}.flow-product-copy p{margin:0;font-size:12px;line-height:1.6;color:#696370}.flow-product-copy>span{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding-top:6px;white-space:nowrap}.flow-collection-note{font-size:11px;line-height:1.6;color:#696370;margin:30px 0 0}@media(max-width:900px){.flow-products{gap:20px}.flow-product-scene{height:400px}.flow-plastic-cup,.flow-linen-tote{scale:.85}.flow-product-copy{flex-direction:column;gap:8px}.flow-product-copy>span{padding-top:0}}@media(max-width:600px){.flow-collection{padding-block:48px}.flow-colour-picker{gap:10px;margin:24px 0}.flow-colour-picker button{font-size:11px;padding-right:12px}.flow-colour-picker i{width:25px;height:25px}.flow-collection-caption{flex-direction:column;gap:4px}.flow-products{grid-template-columns:1fr;gap:32px}.flow-product-scene{height:400px}.flow-product-copy{flex-direction:row}.flow-product-copy h3{font-size:21px}.flow-product-copy>span{font-size:8px;padding-top:5px}.flow-linen-tote{scale:.88}}.flow-web-hero{background:var(--flow-signature-gradient);color:#fffaf1;margin:32px -5.56% 0;padding:65px 5.56%;isolation:isolate;position:relative;overflow:hidden}.flow-web-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#20182f33,transparent 55%)}.flow-web-art{background:transparent}.flow-web-art>.flow-gradient-disc{box-shadow:none;border:1px solid #fff3;background:linear-gradient(135deg,#ffffff18,#ffffff04);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.flow-web-hero a{background:#fffaf1;color:#141936}.flow-space-options{margin-top:32px}@media(max-width:600px){.flow-web-hero{margin:28px -6.82% 0;padding:38px 6.82%;gap:16px}.flow-web-art{max-height:260px}}.flow-tote-photo-scene{padding:0;overflow:hidden;background:#f0ede8}.flow-tote-photo{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}.flow-cup-photo-scene{background:#f3f1ee}.flow-cup-photo-scene:after{display:none}.flow-cup-photo{position:absolute;inset:0;display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}