@layer components{@supports not selector(:has(*)){:is(.contact:has(.contact__image>figure+figure):hover .contact__image>figure,.contact:has(.contact__image>figure+figure).focus-within .contact__image>figure){opacity:1}:is(.contact:has(.contact__image>figure+figure):hover .contact__image>figure:first-of-type,.contact:has(.contact__image>figure+figure).focus-within .contact__image>figure:first-of-type){opacity:0}.contact:has(.contact__image>figure+figure):focus-within .contact__image>figure{opacity:1}.contact:has(.contact__image>figure+figure):focus-within .contact__image>figure:first-of-type{opacity:0}}@supports selector(:has(*)){.contact:has(.contact__image>figure+figure):hover .contact__image>figure{opacity:1}.contact:has(.contact__image>figure+figure):hover .contact__image>figure:first-of-type{opacity:0}.contact:has(.contact__image>figure+figure):has(:focus-visible) .contact__image>figure{opacity:1}.contact:has(.contact__image>figure+figure):has(:focus-visible) .contact__image>figure:first-of-type{opacity:0}}.contact__image figure{transition:opacity .5s linear}.contact__image figure+figure{opacity:0}section:has(.content--contact){position:relative}section:has(.content--contact):before{content:"";z-index:5;bottom:var(--section-padding-block);background-image:linear-gradient(to top left, var(--color-primary) 50%, transparent 50.5%);aspect-ratio:8;pointer-events:none;width:100%;position:absolute;left:0}section:has(.content--contact):after{content:"";height:var(--section-padding-block);background-color:var(--color-primary);position:absolute;inset:auto 0 0}}