@property --annotation-frame-offset{syntax:"<length>";inherits:false;initial-value:0}.about-landing .marketing-annotation-frame{z-index:3;pointer-events:none;width:0;height:0;position:absolute;top:0;left:0}.about-landing .marketing-annotation-frame:before{--annotation-frame-offset:3px;--mark:linear-gradient(var(--blue), var(--blue));--across:9px var(--annotation-weight);--down:var(--annotation-weight) 9px;inset:var(--annotation-frame-offset);background:var(--mark) left top/var(--across), var(--mark) left top/var(--down), var(--mark) right top/var(--across), var(--mark) right top/var(--down), var(--mark) left bottom/var(--across), var(--mark) left bottom/var(--down), var(--mark) right bottom/var(--across), var(--mark) right bottom/var(--down);content:"";opacity:0;transition:opacity .18s var(--annotation-ease), --annotation-frame-offset .24s var(--annotation-ease);background-repeat:no-repeat;position:absolute}.about-landing .marketing-annotation-frame[data-state=shown]:before{--annotation-frame-offset:-6px;opacity:1;transition:opacity .18s var(--annotation-ease), --annotation-frame-offset .42s var(--annotation-ease)}@media (prefers-reduced-motion:reduce){.about-landing .marketing-annotation-frame:before,.about-landing .marketing-annotation-frame[data-state=shown]:before{--annotation-frame-offset:-6px;transition:none}}:where(html[data-app-motion=reduce]) .about-landing .marketing-annotation-frame:before,:where(html[data-app-motion=reduce]) .about-landing .marketing-annotation-frame[data-state=shown]:before{--annotation-frame-offset:-6px;transition:none}@media (forced-colors:active){.about-landing .marketing-annotation-frame:before{outline-offset:0;background:0 0;outline:2px solid highlight}}