97bda17c3d
Hero copy was reading translations via const = t('key') in setup,
which captures the string at first paint and never updates when the
user switches locale. Calls now happen inline in the template so
Vue's reactivity system tracks state.locale access during render and
re-runs the binding when DE/AT/EN flips.
Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2 lines
1.7 KiB
CSS
2 lines
1.7 KiB
CSS
@property --hero-feather{syntax:"<percentage>";inherits:false;initial-value:12%}.brand-hero__svg--bg[data-v-f4c612f3]{--hero-feather:12%;-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--hero-feather), #000 calc(100% - var(--hero-feather)), transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, #000 var(--hero-feather), #000 calc(100% - var(--hero-feather)), transparent 100%);mask-image:linear-gradient(to right, transparent 0%, #000 var(--hero-feather), #000 calc(100% - var(--hero-feather)), transparent 100%);transition:--hero-feather .7s 1.15s;display:block}.brand-hero.go .brand-hero__svg--bg[data-v-f4c612f3]{--hero-feather:0%}.brand-hero__svg--portrait[data-v-f4c612f3]{width:100%;height:auto;max-height:56svh;margin:0 auto;display:block}.left-m[data-v-f4c612f3],.right-m[data-v-f4c612f3]{fill:#b5d8b6}.mound-m[data-v-f4c612f3]{fill:#fff}.layer.left-m[data-v-f4c612f3]{opacity:0;transition:transform .8s cubic-bezier(.22,.61,.36,1) .15s,opacity .6s .15s;transform:translate(-14%)}.layer.right-m[data-v-f4c612f3]{opacity:0;transition:transform .8s cubic-bezier(.22,.61,.36,1) .15s,opacity .6s .15s;transform:translate(14%)}.layer.mound-m[data-v-f4c612f3]{opacity:0;transition:opacity .55s .7s}.brand-hero__copy[data-v-f4c612f3]{opacity:0;transition:opacity .7s 1.15s}.brand-hero.go .layer.left-m[data-v-f4c612f3],.brand-hero.go .layer.right-m[data-v-f4c612f3]{opacity:1;transform:none}.brand-hero.go .layer.mound-m[data-v-f4c612f3],.brand-hero.go .brand-hero__copy[data-v-f4c612f3]{opacity:1}@media (prefers-reduced-motion:reduce){.layer.left-m[data-v-f4c612f3],.layer.right-m[data-v-f4c612f3],.layer.mound-m[data-v-f4c612f3],.brand-hero__copy[data-v-f4c612f3]{opacity:1!important;transition:none!important;transform:none!important}}
|