/* addon/gallery/006_wave_prints — comments: docs/inv06_css_notes.md (moved out for the before-tap budget, A1489) */
.ga006 {
  --ga006-w: min(42vw, 230px);
  --ga006-gap: 22px;
  --ga006-bud: 86px;
  position: relative; container-type: inline-size; padding: var(--k-section-pad) 0; touch-action: pan-y;
  background: var(--k-light-ground); color: var(--k-ink); text-align: center;
}
.ga006__defs { position: absolute; width: 0; height: 0; overflow: hidden; }
.ga006__thread { position: absolute; z-index: 1; inset: 0; width: 100%; height: 100%; max-width: none; overflow: visible; pointer-events: none; }
.ga006__thread-x { position: absolute; top: 0; left: var(--k-thread-x); width: 0; height: 0; visibility: hidden; }
.ga006::before { content: ""; position: absolute; z-index: 1; top: 0; bottom: 0; left: var(--k-thread-x); width: var(--k-thread-w); margin-left: calc(var(--k-thread-w) / -2); background: var(--k-foil); pointer-events: none; }
.ga006.is-anim::before, .ga006:not(.is-anim) .ga006__thread { display: none; }
.ga006__stage { position: absolute; z-index: 3; inset: 0; pointer-events: none; }
.ga006__head { position: relative; z-index: 2; padding: 0 var(--k-gutter); }
.ga006__view { position: relative; z-index: 2; margin-top: 48px; overflow-x: hidden; overflow-x: clip; }
.ga006__rail { display: flex; flex-wrap: wrap; justify-content: center; gap: 40px var(--ga006-gap); padding: 6px 16px 40px; }
.ga006-print { position: relative; flex: none; width: var(--ga006-w); padding-top: 12px; }
.ga006-print__line { position: absolute; top: 0; left: calc(var(--ga006-gap) / -2); width: calc(100% + var(--ga006-gap)); height: 14px; max-width: none; overflow: visible; pointer-events: none; }
.ga006-print__line path { fill: none; stroke: var(--k-foil); stroke-width: var(--k-thread-w); vector-effect: non-scaling-stroke; stroke-linecap: round; }
.ga006-print__body { position: relative; filter: drop-shadow(1px 1px 1px rgb(47 42 36 / .10)) drop-shadow(5px 9px 9px rgb(47 42 36 / .14)); }
.ga006-print:nth-child(odd) .ga006-print__body { transform: rotate(-1deg); }
.ga006-print:nth-child(even) .ga006-print__body { transform: rotate(.8deg); }
.ga006-print__frame { margin: 0; padding: 10px; background: var(--k-card); -webkit-clip-path: url(#ga006-wave); clip-path: url(#ga006-wave); }
.ga006-print__frame img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; background: var(--k-paper-deep, var(--k-paper)); -webkit-user-select: none; user-select: none; -webkit-touch-callout: none; }
.ga006-print__peg {
  position: absolute; z-index: 2; top: 1px; left: 50%; width: 7px; height: 19px; margin-left: -3.5px; border-radius: 2px;
  background: linear-gradient(100deg, color-mix(in srgb, var(--k-foil) 60%, #fff) 0%, var(--k-foil) 45%, color-mix(in srgb, var(--k-foil) 70%, #000) 100%);
  box-shadow: 1px 2px 2px rgb(47 42 36 / .25);
}
.ga006-print__peg::after { content: ""; position: absolute; left: 1px; right: 1px; top: 8px; height: 1px; background: rgb(47 42 36 / .25); }
.ga006__spray { z-index: 3; width: var(--ga006-bud); bottom: -34px; visibility: hidden; }
.ga006__spray--a { left: -26px; transform: rotate(-9deg); }
.ga006__spray--b { right: -24px; transform: rotate(-6deg); }
.ga006-print:nth-child(6n+1) .ga006__spray--a, .ga006-print:nth-child(6n+2) .ga006__spray--b,
.ga006-print:nth-child(6n+4) .ga006__spray--b, .ga006-print:nth-child(6n+5) .ga006__spray--a { visibility: visible; }
.ga006-print:nth-child(6n+4) .ga006__spray--b { right: auto; left: -24px; transform: rotate(9deg); }
.ga006-print:nth-child(6n+5) .ga006__spray--a { left: auto; right: -22px; transform: rotate(11deg); }
.ga006.is-near .ga006__spray--a .k-spray__tint--petal, .js.motion-reduce .ga006 .ga006__spray--a .k-spray__tint--petal { -webkit-mask-image: url("assets/bud-a-day-petal.webp"), url("assets/bud-a-day.webp"); -webkit-mask-composite: source-in; mask-image: url("assets/bud-a-day-petal.webp"), url("assets/bud-a-day.webp"); mask-composite: intersect; }
.ga006.is-near .ga006__spray--a :is(.k-spray__tint--boost, .k-spray__tint--deep), .js.motion-reduce .ga006 .ga006__spray--a :is(.k-spray__tint--boost, .k-spray__tint--deep) { -webkit-mask-image: url("assets/bud-a-day-petal.webp"), url("assets/bud-a-day.webp"); -webkit-mask-composite: source-in; mask-image: url("assets/bud-a-day-petal.webp"), url("assets/bud-a-day.webp"); mask-composite: intersect; }
.ga006.is-near .ga006__spray--a .k-spray__tint--leaf, .js.motion-reduce .ga006 .ga006__spray--a .k-spray__tint--leaf { -webkit-mask-image: url("assets/bud-a-day-leaf.webp"), url("assets/bud-a-day.webp"); -webkit-mask-composite: source-in; mask-image: url("assets/bud-a-day-leaf.webp"), url("assets/bud-a-day.webp"); mask-composite: intersect; }
.ga006.is-near .ga006__spray--a .k-spray__tint--gold, .js.motion-reduce .ga006 .ga006__spray--a .k-spray__tint--gold { -webkit-mask-image: url("assets/bud-a-day-gold.webp"), url("assets/bud-a-day.webp"); -webkit-mask-composite: source-in; mask-image: url("assets/bud-a-day-gold.webp"), url("assets/bud-a-day.webp"); mask-composite: intersect; }
.ga006.is-near .ga006__spray--b .k-spray__tint--petal, .js.motion-reduce .ga006 .ga006__spray--b .k-spray__tint--petal { -webkit-mask-image: url("assets/bud-b-day-petal.webp"), url("assets/bud-b-day.webp"); -webkit-mask-composite: source-in; mask-image: url("assets/bud-b-day-petal.webp"), url("assets/bud-b-day.webp"); mask-composite: intersect; }
.ga006.is-near .ga006__spray--b :is(.k-spray__tint--boost, .k-spray__tint--deep), .js.motion-reduce .ga006 .ga006__spray--b :is(.k-spray__tint--boost, .k-spray__tint--deep) { -webkit-mask-image: url("assets/bud-b-day-petal.webp"), url("assets/bud-b-day.webp"); -webkit-mask-composite: source-in; mask-image: url("assets/bud-b-day-petal.webp"), url("assets/bud-b-day.webp"); mask-composite: intersect; }
.ga006.is-near .ga006__spray--b .k-spray__tint--leaf, .js.motion-reduce .ga006 .ga006__spray--b .k-spray__tint--leaf { -webkit-mask-image: url("assets/bud-b-day-leaf.webp"), url("assets/bud-b-day.webp"); -webkit-mask-composite: source-in; mask-image: url("assets/bud-b-day-leaf.webp"), url("assets/bud-b-day.webp"); mask-composite: intersect; }
.ga006.is-near .ga006__spray--b .k-spray__tint--gold, .js.motion-reduce .ga006 .ga006__spray--b .k-spray__tint--gold { -webkit-mask-image: url("assets/bud-b-day-gold.webp"), url("assets/bud-b-day.webp"); -webkit-mask-composite: source-in; mask-image: url("assets/bud-b-day-gold.webp"), url("assets/bud-b-day.webp"); mask-composite: intersect; }
.ga006 .k-spray__tint { display: none; }
.ga006.is-near .k-spray__tint, .js.motion-reduce .ga006 .k-spray__tint { display: block; }
.ga006__spray .k-spray__base { -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
.ga006.is-rail { --ga006-w: min(62vw, 250px); }
.ga006.is-rail .ga006__rail { flex-wrap: nowrap; width: max-content; min-width: 100%; }
.ga006.is-rail .ga006__rail:not(:has(> :nth-child(3))) > .ga006-print { width: min(var(--ga006-w), (100cqw - 32px - var(--ga006-gap)) / 2); }
.ga006.is-pan { display: flex; flex-direction: column; justify-content: center; min-height: 100vh; min-height: 100svh; }
.ga006.is-pan .ga006__rail { justify-content: flex-start; padding-left: calc((100cqw - var(--ga006-w)) / 2); padding-right: calc((100cqw - var(--ga006-w)) / 2); }
.ga006.is-rail .ga006-print:first-child::before, .ga006.is-rail .ga006-print:last-child::after {
  content: ""; position: absolute; top: calc(12.6px - var(--k-thread-w) / 2); width: 100vw; height: var(--k-thread-w); background: var(--k-foil); pointer-events: none;
}
.ga006.is-rail .ga006-print:first-child::before { right: calc(100% + var(--ga006-gap) / 2); }
.ga006.is-rail .ga006-print:last-child::after { left: calc(100% + var(--ga006-gap) / 2); }
@media (min-width: 768px) {
  .ga006 { --ga006-w: 230px; --ga006-gap: 30px; --ga006-bud: 104px; }
  .ga006.is-rail { --ga006-w: 270px; }
  .ga006__view { margin-top: 64px; }
  .ga006__spray { bottom: -42px; }
  .ga006__spray--a { left: -36px; }
  .ga006__spray--b { right: -34px; }
  .ga006-print:nth-child(6n+4) .ga006__spray--b { left: -34px; }
  .ga006-print:nth-child(6n+5) .ga006__spray--a { right: -32px; }
}
@media (min-width: 1200px) {
  .ga006 { --ga006-gap: 38px; }
  .ga006.is-rail { --ga006-w: 270px; }
}