/*
 * Approved V9 golf motifs used as restrained, tracked section carriers.
 * Solid section colors remain the base; the decorative plate is translucent,
 * non-interactive, and isolated behind real content. Native color is strongest
 * toward the open edge; the copy side keeps its quieter reading value.
 */

:root {
  --golf-motif-asset-raked-sand: url("/assets/images/textures/golf-motifs/raked-sand-contours-v9.webp");
  --golf-motif-asset-mountain-routing: url("/assets/images/textures/golf-motifs/mountain-forest-routing-v9.webp");
  --golf-motif-asset-yardage-book: url("/assets/images/textures/golf-motifs/yardage-book-routing-v9.webp");
  --golf-motif-asset-green-contours: url("/assets/images/textures/golf-motifs/green-contours-v9.webp");
  --golf-motif-asset-landing-dispersion: url("/assets/images/textures/golf-motifs/landing-dispersion-v9.webp");
  --golf-motif-asset-aerial-approach: url("/assets/images/textures/golf-motifs/aerial-approach-tracer-v9.webp");
  --golf-motif-asset-coastal-links: url("/assets/images/textures/golf-motifs/coastal-links-routing-v9.webp");
  --golf-motif-asset-desert-oasis: url("/assets/images/textures/golf-motifs/desert-oasis-routing-v9.webp");
  --golf-motif-asset-sculpted-bunker: url("/assets/images/textures/golf-motifs/sculpted-bunker-complex-v9.webp");
  --golf-motif-asset-first-light: url("/assets/images/textures/golf-motifs/first-light-fairway-v9.webp");
  --golf-motif-asset-cup-shadow: url("/assets/images/textures/golf-motifs/cup-flag-shadow-v9.webp");
  --golf-motif-asset-ball-dimple: url("/assets/images/textures/golf-motifs/golf-ball-dimple-v9.webp");
  --golf-motif-asset-deep-rough: url("/assets/images/textures/golf-motifs/deep-rough-v9.webp");
  --golf-motif-asset-dew-cut-fairway: url("/assets/images/textures/golf-motifs/dew-cut-fairway-v9.webp");
  --golf-motif-asset-green-rough: url("/assets/images/textures/golf-motifs/green-rough-transition-v9.webp");
  --golf-motif-asset-clubface-strike: url("/assets/images/textures/golf-motifs/clubface-strike-pattern-v9.webp");
  --golf-motif-asset-wooden-tees: url("/assets/images/textures/golf-motifs/wooden-tees-v9.webp");
  --golf-motif-asset-divot-tool: url("/assets/images/textures/golf-motifs/divot-tool-marker-v9.webp");
  --golf-motif-asset-groove-brush: url("/assets/images/textures/golf-motifs/groove-brush-iron-v9.webp");
  --golf-motif-asset-lag-zone: url("/assets/images/textures/golf-motifs/three-foot-lag-zone-v9.webp");
  --golf-motif-asset-wind-lie: url("/assets/images/textures/golf-motifs/wind-lie-response-v9.webp");
  --golf-motif-asset-tee-alignment: url("/assets/images/textures/golf-motifs/tee-box-alignment-v9.webp");
}

body [data-golf-motif] {
  --golf-motif-opacity: var(--golf-motif-opacity-desktop);
  position: relative;
  isolation: isolate;
}

body [data-golf-motif]::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
  border-radius: inherit;
  inset-inline-start: auto;
  inline-size: var(--golf-motif-width);
  block-size: 100%;
  max-block-size: var(--golf-motif-max-height);
  background-image: var(--golf-motif-image);
  background-position: var(--golf-motif-position);
  background-repeat: no-repeat;
  background-size: var(--golf-motif-size);
  opacity: var(--golf-motif-opacity);
  mix-blend-mode: var(--golf-motif-blend);
  filter: var(--golf-motif-filter);
  mask-image: var(--golf-motif-mask);
  mask-composite: intersect;
}

body [data-golf-motif] > * {
  position: relative;
  z-index: 1;
}

[data-golf-motif="home.events"] {
  --golf-motif-image: var(--golf-motif-asset-raked-sand);
  --golf-motif-opacity-desktop: 0.46;
  --golf-motif-opacity-mobile: 0.405;
  --golf-motif-position: 62% 48%;
  --golf-motif-size: cover;
  --golf-motif-blend: multiply;
  --golf-motif-filter: grayscale(0) saturate(1.1) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .38), #000 90%);
}

[data-golf-motif="home.areas"] {
  --golf-motif-image: var(--golf-motif-asset-mountain-routing);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 60% 52%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.03) saturate(1.14) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .28), rgb(0 0 0 / .4) 45%, #000 90%);
}

[data-golf-motif="packages.hero"] {
  --golf-motif-image: var(--golf-motif-asset-yardage-book);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 70% 50%;
  --golf-motif-size: cover;
  --golf-motif-blend: multiply;
  --golf-motif-filter: grayscale(0.08) saturate(1.05) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .4), rgb(0 0 0 / .58) 45%, #000 90%);
}

[data-golf-motif="packages.birdie"] {
  --golf-motif-image: var(--golf-motif-asset-green-contours);
  --golf-motif-opacity-desktop: 0.22;
  --golf-motif-opacity-mobile: 0.194;
  --golf-motif-position: 66% 48%;
  --golf-motif-size: cover;
  --golf-motif-blend: soft-light;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.12) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .5), #000 90%);
}

[data-golf-motif="packages.enhancements"] {
  --golf-motif-image: var(--golf-motif-asset-landing-dispersion);
  --golf-motif-opacity-desktop: 0.4;
  --golf-motif-opacity-mobile: 0.352;
  --golf-motif-position: 60% 48%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.1) contrast(1.08) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="packages.compare"] {
  --golf-motif-image: var(--golf-motif-asset-clubface-strike);
  --golf-motif-opacity-desktop: 0.36;
  --golf-motif-opacity-mobile: 0.317;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.12) saturate(1.05) contrast(1.08) brightness(0.98);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="packages.birdie-configurations"] {
  --golf-motif-image: var(--golf-motif-asset-first-light);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 76% 52%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.14) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="packages.eagle-team-value"] {
  --golf-motif-image: var(--golf-motif-asset-aerial-approach);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 62% 54%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.12) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="springfield.fit"] {
  --golf-motif-image: var(--golf-motif-asset-ball-dimple);
  --golf-motif-opacity-desktop: 0.38;
  --golf-motif-opacity-mobile: 0.334;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.12) saturate(1.05) contrast(1.08) brightness(0.98);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="events.directory"] {
  --golf-motif-position-mobile: 52% 50%;
  --golf-motif-max-height-mobile: 100%;
  --golf-motif-image: var(--golf-motif-asset-wooden-tees);
  --golf-motif-opacity-desktop: 0.4;
  --golf-motif-opacity-mobile: 0.352;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.1) contrast(1.08) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="events.fundraiser-fit"] {
  --golf-motif-image: var(--golf-motif-asset-cup-shadow);
  --golf-motif-opacity-desktop: 0.4;
  --golf-motif-opacity-mobile: 0.352;
  --golf-motif-position: 70% 60%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.1) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="events.business-fit"] {
  --golf-motif-image: var(--golf-motif-asset-groove-brush);
  --golf-motif-opacity-desktop: 0.38;
  --golf-motif-opacity-mobile: 0.334;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.12) saturate(1.05) contrast(1.08) brightness(0.98);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="events.birthday-signals"] {
  --golf-motif-image: var(--golf-motif-asset-lag-zone);
  --golf-motif-opacity-desktop: 0.4;
  --golf-motif-opacity-mobile: 0.352;
  --golf-motif-position: 68% 58%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="events.bachelor-sequence"] {
  --golf-motif-image: var(--golf-motif-asset-sculpted-bunker);
  --golf-motif-opacity-desktop: 0.44;
  --golf-motif-opacity-mobile: 0.387;
  --golf-motif-position: 65% 50%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.1) contrast(1.12) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="events.wedding-signals"] {
  --golf-motif-image: var(--golf-motif-asset-coastal-links);
  --golf-motif-opacity-desktop: 0.44;
  --golf-motif-opacity-mobile: 0.387;
  --golf-motif-position: 68% 52%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.1) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="events.community-sequence"] {
  --golf-motif-image: var(--golf-motif-asset-deep-rough);
  --golf-motif-opacity-desktop: 0.4;
  --golf-motif-opacity-mobile: 0.352;
  --golf-motif-position: 60% 48%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.1) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="faq.hero"] {
  --golf-motif-image: var(--golf-motif-asset-wind-lie);
  --golf-motif-opacity-desktop: 0.36;
  --golf-motif-opacity-mobile: 0.317;
  --golf-motif-position: 65% 65%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.1) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guides.masthead"] {
  --golf-motif-image: var(--golf-motif-asset-coastal-links);
  --golf-motif-opacity-desktop: 0.44;
  --golf-motif-opacity-mobile: 0.387;
  --golf-motif-position: 65% 50%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.1) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .24), rgb(0 0 0 / .36) 45%, #000 90%);
}

[data-golf-motif="guides.collection"] {
  --golf-motif-image: var(--golf-motif-asset-yardage-book);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 70% 50%;
  --golf-motif-size: cover;
  --golf-motif-blend: multiply;
  --golf-motif-filter: grayscale(0.08) saturate(1.05) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .38), rgb(0 0 0 / .56) 45%, #000 90%);
}

[data-golf-motif="guide.fundraiser-models"] {
  --golf-motif-image: var(--golf-motif-asset-divot-tool);
  --golf-motif-opacity-desktop: 0.32;
  --golf-motif-opacity-mobile: 0.282;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.04) saturate(1.08) contrast(1.08) brightness(0.98);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .3), rgb(0 0 0 / .46) 55%, #000 95%);
  --golf-motif-position-mobile: 65% 50%;
  --golf-motif-max-height-mobile: 100%;
  --golf-motif-mask-mobile: linear-gradient(105deg, rgb(0 0 0 / .42), rgb(0 0 0 / .9));
}

[data-golf-motif="guide.fundraiser-blueprints"] {
  --golf-motif-image: var(--golf-motif-asset-sculpted-bunker);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 100% 50%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.1) contrast(1.12) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guide.fundraiser-faq"] {
  --golf-motif-image: var(--golf-motif-asset-first-light);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 76% 52%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.14) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guide.capacity-foundation"] {
  --golf-motif-image: var(--golf-motif-asset-landing-dispersion);
  --golf-motif-opacity-desktop: 0.4;
  --golf-motif-opacity-mobile: 0.352;
  --golf-motif-position: 60% 48%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.1) contrast(1.08) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guide.capacity-configurations"] {
  --golf-motif-image: var(--golf-motif-asset-dew-cut-fairway);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 58% 48%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.14) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guide.capacity-confirmation"] {
  --golf-motif-image: var(--golf-motif-asset-wind-lie);
  --golf-motif-opacity-desktop: 0.36;
  --golf-motif-opacity-mobile: 0.317;
  --golf-motif-position: 65% 65%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.1) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guide.venue-clearance"] {
  --golf-motif-image: var(--golf-motif-asset-green-rough);
  --golf-motif-opacity-desktop: 0.44;
  --golf-motif-opacity-mobile: 0.387;
  --golf-motif-position: 68% 48%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.12) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guide.venue-conditions"] {
  --golf-motif-image: var(--golf-motif-asset-tee-alignment);
  --golf-motif-opacity-desktop: 0.38;
  --golf-motif-opacity-mobile: 0.334;
  --golf-motif-position: 35% 50%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.1) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(75deg, #000 10%, rgb(0 0 0 / .42) 55%, rgb(0 0 0 / .28));
}

[data-golf-motif="guide.venue-details"] {
  --golf-motif-image: var(--golf-motif-asset-wooden-tees);
  --golf-motif-opacity-desktop: 0.32;
  --golf-motif-opacity-mobile: 0.282;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.1) contrast(1.08) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .3), rgb(0 0 0 / .46) 55%, #000 95%);
  --golf-motif-position-mobile: 65% 50%;
  --golf-motif-max-height-mobile: 100%;
  --golf-motif-mask-mobile: linear-gradient(105deg, rgb(0 0 0 / .42), rgb(0 0 0 / .9));
}

[data-golf-motif="guide.closest-format"] {
  --golf-motif-image: var(--golf-motif-asset-deep-rough);
  --golf-motif-opacity-desktop: 0.38;
  --golf-motif-opacity-mobile: 0.334;
  --golf-motif-position: 60% 48%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.1) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guide.closest-rules"] {
  --golf-motif-image: var(--golf-motif-asset-lag-zone);
  --golf-motif-opacity-desktop: 0.36;
  --golf-motif-opacity-mobile: 0.317;
  --golf-motif-position: 0% 45%;
  --golf-motif-size: 170% auto;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .3), rgb(0 0 0 / .46) 55%, #000 95%);
  --golf-motif-position-mobile: 42% 80%;
  --golf-motif-max-height-mobile: 100%;
  --golf-motif-mask-mobile: linear-gradient(105deg, rgb(0 0 0 / .42), rgb(0 0 0 / .9));
  --golf-motif-size-mobile: auto 200%;
}

[data-golf-motif="guide.closest-results"] {
  --golf-motif-image: var(--golf-motif-asset-clubface-strike);
  --golf-motif-opacity-desktop: 0.32;
  --golf-motif-opacity-mobile: 0.282;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.12) saturate(1.05) contrast(1.08) brightness(0.98);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .3), rgb(0 0 0 / .46) 55%, #000 95%);
}

[data-golf-motif="guide.team-event-shape"] {
  --golf-motif-image: var(--golf-motif-asset-cup-shadow);
  --golf-motif-opacity-desktop: 0.36;
  --golf-motif-opacity-mobile: 0.317;
  --golf-motif-position: 70% 60%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.1) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .3), rgb(0 0 0 / .46) 55%, #000 95%);
  --golf-motif-position-mobile: 100% 50%;
  --golf-motif-max-height-mobile: 100%;
  --golf-motif-mask-mobile: linear-gradient(105deg, rgb(0 0 0 / .42), rgb(0 0 0 / .9));
}

[data-golf-motif="guide.team-planner"] {
  --golf-motif-image: var(--golf-motif-asset-aerial-approach);
  --golf-motif-opacity-desktop: 0.42;
  --golf-motif-opacity-mobile: 0.37;
  --golf-motif-position: 62% 54%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.02) saturate(1.12) contrast(1.1) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="guide.team-confirmation"] {
  --golf-motif-image: var(--golf-motif-asset-groove-brush);
  --golf-motif-opacity-desktop: 0.32;
  --golf-motif-opacity-mobile: 0.282;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.12) saturate(1.05) contrast(1.08) brightness(0.98);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .3), rgb(0 0 0 / .46) 55%, #000 95%);
  --golf-motif-position-mobile: 65% 50%;
  --golf-motif-max-height-mobile: 100%;
  --golf-motif-mask-mobile: linear-gradient(105deg, rgb(0 0 0 / .42), rgb(0 0 0 / .9));
}

[data-golf-motif="gallery.library"] {
  --golf-motif-image: var(--golf-motif-asset-desert-oasis);
  --golf-motif-opacity-desktop: 0.44;
  --golf-motif-opacity-mobile: 0.387;
  --golf-motif-position: 58% 50%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.14) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="gallery.hero"] {
  --golf-motif-image: var(--golf-motif-asset-divot-tool);
  --golf-motif-opacity-desktop: 0.32;
  --golf-motif-opacity-mobile: 0.282;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.04) saturate(1.08) contrast(1.08) brightness(0.98);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .3), rgb(0 0 0 / .46) 55%, #000 95%);
  --golf-motif-position-mobile: 65% 50%;
  --golf-motif-max-height-mobile: 100%;
  --golf-motif-mask-mobile: linear-gradient(105deg, rgb(0 0 0 / .42), rgb(0 0 0 / .9));
}

[data-golf-motif="about.masthead"] {
  --golf-motif-image: var(--golf-motif-asset-mountain-routing);
  --golf-motif-opacity-desktop: 0.48;
  --golf-motif-opacity-mobile: 0.422;
  --golf-motif-position: 62% 70%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.03) saturate(1.14) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(115deg, rgb(0 0 0 / .22), rgb(0 0 0 / .44) 55%, #000 95%);
}

[data-golf-motif="about.journal"] {
  --golf-motif-position-mobile: 68% center;
  --golf-motif-size-mobile: cover;
  --golf-motif-max-height-mobile: 100%;
  --golf-motif-mask-mobile: linear-gradient(105deg, rgb(0 0 0 / .5), #000 90%);
  --golf-motif-image: var(--golf-motif-asset-green-contours);
  --golf-motif-opacity-desktop: 0.44;
  --golf-motif-opacity-mobile: 0.387;
  --golf-motif-position: 64% center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.12) contrast(1.12) brightness(0.94);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .44) 50%, #000 90%);
}

[data-golf-motif="about.values"] {
  --golf-motif-image: var(--golf-motif-asset-raked-sand);
  --golf-motif-opacity-desktop: 0.46;
  --golf-motif-opacity-mobile: 0.405;
  --golf-motif-position: 64% 52%;
  --golf-motif-size: cover;
  --golf-motif-blend: multiply;
  --golf-motif-filter: grayscale(0) saturate(1.1) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(110deg, rgb(0 0 0 / .24), rgb(0 0 0 / .42) 40%, #000 85%);
}

[data-golf-motif="contact.process"] {
  --golf-motif-image: var(--golf-motif-asset-desert-oasis);
  --golf-motif-opacity-desktop: 0.44;
  --golf-motif-opacity-mobile: 0.387;
  --golf-motif-position: 58% 50%;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0) saturate(1.14) contrast(1.12) brightness(0.96);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

[data-golf-motif="press.media-guidance"] {
  --golf-motif-image: var(--golf-motif-asset-ball-dimple);
  --golf-motif-opacity-desktop: 0.36;
  --golf-motif-opacity-mobile: 0.317;
  --golf-motif-position: right center;
  --golf-motif-size: cover;
  --golf-motif-blend: normal;
  --golf-motif-filter: grayscale(0.12) saturate(1.05) contrast(1.08) brightness(0.98);
  --golf-motif-width: 100%;
  --golf-motif-max-height: 100%;
  --golf-motif-mask: linear-gradient(105deg, rgb(0 0 0 / .32), rgb(0 0 0 / .46) 45%, #000 90%);
}

.gallery-editorial-page [data-golf-motif="gallery.library"] .eyebrow {
  color: var(--gallery-blue);
}

/* Reveal the journal plate. Copy protection is local to the reading column;
 * it ends in transparency, leaving the section's open artwork clear. */
.about-editorial-page [data-golf-motif="about.journal"] .about-story {
  background: transparent;
}

.about-editorial-page [data-golf-motif="about.journal"] .about-story__prose {
  background: linear-gradient(105deg, rgb(252 251 247 / .66), rgb(252 251 247 / .3) 55%, transparent 95%);
}

@media (max-width: 720px) {
  body [data-golf-motif] {
    --golf-motif-opacity: var(--golf-motif-opacity-mobile);
  }

  body [data-golf-motif]::before,
  body [data-golf-motif] > .golf-motif__canvas::before {
    background-position: var(--golf-motif-position-mobile, var(--golf-motif-position));
    background-size: var(--golf-motif-size-mobile, var(--golf-motif-size));
    max-block-size: var(--golf-motif-max-height-mobile, var(--golf-motif-max-height));
    mask-image: var(--golf-motif-mask-mobile, var(--golf-motif-mask));
  }

}

@media (forced-colors: active) {
  body [data-golf-motif]::before {
    display: none;
    background-image: none;
  }
  .about-editorial-page [data-golf-motif="about.journal"] .about-story__prose {
    background: Canvas;
  }
}

@media print {
  body [data-golf-motif]::before {
    display: none !important;
    background-image: none !important;
  }
  .about-editorial-page [data-golf-motif="about.journal"] .about-story__prose {
    background: #fff !important;
  }
}

/* Compact subjects belong to complete reading panels; broad terrain owns whole sections. */
body :is([data-golf-motif="guide.fundraiser-models"], [data-golf-motif="guide.fundraiser-blueprints"], [data-golf-motif="guide.venue-details"], [data-golf-motif="guide.closest-rules"], [data-golf-motif="guide.closest-results"], [data-golf-motif="guide.team-event-shape"], [data-golf-motif="guide.team-planner"], [data-golf-motif="guide.team-confirmation"]) {
  padding: clamp(1.25rem, 2.5vw, 2.25rem);
  border: 1px solid rgb(16 23 19 / .16);
}

body [data-golf-motif="guide.fundraiser-blueprints"] {
  display: flow-root;
  margin-block-start: clamp(3.5rem, 7vw, 6.5rem);
}

body [data-golf-motif="guide.fundraiser-blueprints"] .fundraiser-config-intro {
  margin-block-start: 0;
}

body [data-golf-motif="guide.team-planner"] {
  margin-block-end: 2rem;
}

/* Long collections keep a scene at viewport scale inside the section's bounds.
 * The empty canvas is decorative, contributes no layout, and never captures input. */
body [data-golf-motif-render="section-anchored"]::before {
  content: none;
}

body [data-golf-motif] > .golf-motif__canvas {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 0;
}

body [data-golf-motif] > .golf-motif__canvas::before {
  content: "";
  display: block;
  position: sticky;
  inset-block-start: 0;
  inline-size: 100%;
  block-size: min(100svh, 100%);
  background-image: var(--golf-motif-image);
  background-position: var(--golf-motif-position);
  background-repeat: no-repeat;
  background-size: var(--golf-motif-size);
  opacity: var(--golf-motif-opacity);
  mix-blend-mode: var(--golf-motif-blend);
  filter: var(--golf-motif-filter);
  mask-image: var(--golf-motif-mask);
  mask-composite: intersect;
}

/* A stationary scene preserves the artwork without following the scroll. */
@media (prefers-reduced-motion: reduce) {
  body [data-golf-motif] > .golf-motif__canvas::before {
    position: static;
  }
}

@media print, (forced-colors: active) {
  body [data-golf-motif] > .golf-motif__canvas {
    display: none !important;
  }
}

@media (max-width: 720px) {
  body [data-golf-motif] > .golf-motif__canvas::before {
    background-position: var(--golf-motif-position-mobile, var(--golf-motif-position));
    background-size: var(--golf-motif-size-mobile, var(--golf-motif-size));
    mask-image: var(--golf-motif-mask-mobile, var(--golf-motif-mask));
  }
}