.flow-hero{background:var(--flow-ink);color:var(--flow-paper);overflow:hidden;position:relative;padding:0 clamp(20px,5vw,90px);isolation:isolate}
.flow-hero *{box-sizing:border-box}.flow-hero a{color:inherit}.flow-hero__topline,.flow-hero__baseline{display:flex;justify-content:space-between;gap:20px;padding:20px 0;border-bottom:1px solid #ffffff30;font:600 10px/1.5 var(--font-body--family,sans-serif);letter-spacing:.15em}
.flow-hero__topline span:first-child{color:var(--flow-accent)}.flow-hero__grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:650px;max-width:1600px;margin:auto;gap:3vw;padding:45px 0 55px}
.flow-hero__copy{position:relative;z-index:3;min-width:0}.flow-hero__eyebrow{font-size:10px;letter-spacing:.15em;margin:0 0 24px;font-weight:600}
.flow-hero__title{font-family:Impact,'Arial Narrow',var(--font-heading--family,sans-serif);font-size:clamp(100px,12.5vw,210px);font-weight:900;line-height:.82;letter-spacing:-.045em;margin:0;max-width:none;text-transform:uppercase;color:var(--flow-paper)}
.flow-hero__title span{display:block;overflow-wrap:anywhere}.flow-hero__title span:last-child{color:var(--flow-accent)}.flow-hero__slogan{font:italic 700 clamp(24px,2.7vw,44px)/1.2 'Segoe Print','Bradley Hand',cursive;transform:rotate(-5deg);margin:20px 0 36px 4px;letter-spacing:-.06em}
.flow-hero__actions{display:flex;flex-wrap:wrap;gap:12px;align-items:stretch}.flow-hero .flow-hero__cta{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:52px;padding:16px 22px;background:var(--flow-accent);color:#111;text-decoration:none;font-size:11px;font-weight:800;letter-spacing:.08em;border:1px solid var(--flow-accent);transition:transform .2s ease}
.flow-hero .flow-hero__cta--secondary{background:transparent;color:var(--flow-paper);border-color:var(--flow-paper)}.flow-hero__cta:hover{transform:translateY(-3px)}.flow-hero a:focus-visible{outline:3px solid var(--flow-paper);outline-offset:5px}.flow-hero__photo a:focus-visible{outline-color:#111;outline-offset:-5px}
.flow-hero__note{font-size:12px;line-height:1.6;max-width:46ch;margin:18px 0 0;color:var(--flow-paper)}
.flow-hero__visual{position:relative;min-width:0;padding:10px 20px 25px 12px}.flow-hero__orbit{position:absolute;width:120%;height:120%;inset:-10%;stroke:var(--flow-accent);stroke-width:.7;opacity:.55;pointer-events:none}
.flow-hero__photo{position:relative;z-index:1;background:#f5f3ee;padding:14px 14px 0;margin:0 12% 0 0;transform:rotate(-5deg);box-shadow:0 16px 60px #0005}.flow-hero__photo a{display:block}.flow-hero__image{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:#fff;filter:grayscale(1) contrast(1.08)}
.flow-hero__photo figcaption{color:#111;display:flex;justify-content:space-between;gap:12px;padding:14px 0;font-size:9px;letter-spacing:.07em;font-weight:700}.flow-hero__art{position:absolute;z-index:2;right:-1%;bottom:0;width:37%;background:var(--flow-accent);padding:7px;margin:0;transform:rotate(9deg);box-shadow:0 12px 30px #0006}.flow-hero__art img{display:block;width:100%;height:auto;aspect-ratio:3/4;object-fit:contain;background:#111}.flow-hero__art figcaption{color:#111;font-size:8px;font-weight:800;letter-spacing:.03em;padding:8px 2px 2px}
.flow-hero__stamp{position:absolute;z-index:3;right:-9%;top:8%;padding:10px 16px;background:var(--flow-accent);color:#111;font-size:11px;font-weight:800;letter-spacing:.09em;transform:rotate(90deg);transform-origin:center}
.flow-hero__baseline{border-top:1px solid #ffffff30;border-bottom:0;color:var(--flow-accent);font-size:9px;padding:16px 0}.flow-hero__benefits{list-style:none;margin:0;padding:22px 0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;border-top:1px solid #ffffff30;font-size:12px}.flow-hero__benefits span{color:var(--flow-accent)}.flow-hero__empty{min-height:350px;display:grid;place-items:center;padding:40px;border:1px dashed currentColor}
@media(min-width:1600px){.flow-hero__grid{min-height:740px}.flow-hero__visual{max-width:640px}}
@media(max-width:990px) and (min-width:750px){.flow-hero__grid{min-height:560px}.flow-hero__cta{flex:1}.flow-hero__title{font-size:14vw}}
@media(max-width:749px){.flow-hero__topline{font-size:8px;letter-spacing:.08em;padding:16px 0}.flow-hero__topline span:last-child{max-width:135px;text-align:right}.flow-hero__grid{grid-template-columns:1fr;gap:32px;padding:30px 0 40px;min-height:0}.flow-hero__eyebrow{font-size:9px;margin-bottom:20px}.flow-hero__title{font-size:clamp(100px,28vw,185px);line-height:.83}.flow-hero__slogan{font-size:29px;margin:18px 0 30px}.flow-hero__actions{gap:10px}.flow-hero .flow-hero__cta{padding:15px 13px;font-size:10px;flex:1 1 145px;gap:10px}.flow-hero__visual{margin:0 8px;padding:12px 12px 28px}.flow-hero__photo{margin-right:10%}.flow-hero__image{aspect-ratio:1/1}.flow-hero__art{width:34%;right:0}.flow-hero__stamp{right:-14%;font-size:9px;top:20%}.flow-hero__baseline{font-size:8px;letter-spacing:.05em}.flow-hero__baseline span{max-width:46%}.flow-hero__baseline span:last-child{text-align:right}.flow-hero__benefits{flex-direction:column}.flow-hero__photo figcaption{font-size:8px}}
@media(prefers-reduced-motion:reduce){.flow-hero *{transition:none!important;animation:none!important}.flow-hero__cta:hover{transform:none}}
.flow-hero__image--mockup{filter:none;aspect-ratio:1/1;background:#f5f3ee}
.flow-hero__art:has(img[src*="flow-back-"]) img{aspect-ratio:1/1;background:#f5f3ee}