.content.svelte-1fvz7l1{display:flex;justify-content:center;align-items:flex-start;height:100vh;background-color:#fff;transform:translateY(-6em);overflow:hidden;position:relative;inset:0;width:100%;z-index:1;& picture:where(.svelte-1fvz7l1){opacity:.25}& img:where(.svelte-1fvz7l1){width:fit-content;height:auto;@media (width <= 1150px){width:100%;max-width:800px;margin-inline:auto;display:grid;place-items:center;padding-top:5em}@media (width <= 980px){max-width:600px}@media (width <= 768px){width:90%;max-width:400px;padding-top:3em}}@media (width <= 500px){transform:translateY(-2em)}.hero-content:where(.svelte-1fvz7l1){display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;text-align:center;position:absolute;inset:0;padding:1rem;& h1:where(.svelte-1fvz7l1){font-family:var(--font-semibold);font-size:clamp(var(--h4),5vw,var(--lg));font-weight:900;letter-spacing:4px;color:var(--color-dark);margin:0;visibility:hidden}& p:where(.svelte-1fvz7l1){font-family:var(--font-semibold);font-size:clamp(var(--h6),1.5vw,var(--h4));font-weight:800;letter-spacing:0px;color:var(--color-secondary);margin:.5em 0}@media (width <= 1800px){transform:translateY(5em)}@media (width <= 768px){margin-bottom:6em;transform:translateY(0)}}}@property --angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.inverted-border.svelte-molx1k{position:relative;width:80vw;height:auto;padding:1.5rem;margin-inline:auto;display:grid;grid-template-columns:1fr auto 5rem;grid-template-areas:"content img .";gap:1rem;margin-block:3em;place-items:center;@media (width <= 1150px){margin-top:-10vw}@media (width <= 1150px){margin-top:-15vw}@media (width <= 768px){grid-template-columns:1fr;grid-template-areas:"content" "img";padding:1rem;margin-top:-45vw}&:before{content:"";position:absolute;inset:7px;background-color:var(--color-secondary);mask:radial-gradient(20px at 40px 40px,transparent 98%,black) -40px -40px;-webkit-mask:radial-gradient(20px at 40px 40px,transparent 98%,black) -40px -40px;z-index:1}&:after{content:"";position:absolute;inset:0;background:conic-gradient(from var(--angle),var(--color-accent),transparent 20%,var(--color-dark),var(--color-accent));-webkit-mask:radial-gradient(20px at 40px 40px,transparent 98%,black) -40px -40px;mask:radial-gradient(20px at 40px 40px,transparent 98%,black) -40px -40px;z-index:0;animation:svelte-molx1k-spin 3.5s linear infinite}.content:where(.svelte-molx1k){grid-area:content;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;width:100%;gap:1rem;align-self:center;margin-inline:auto;& h2:where(.svelte-molx1k){color:var(--color-accent);-webkit-text-stroke:1px var(--color-light);grid-area:title;text-align:center;margin:0;padding:0;font-family:var(--font-title);font-size:clamp(var(--h6),7vw,var(--lg));letter-spacing:-1px;text-wrap:balance}& p:where(.svelte-molx1k){color:var(--color-light);grid-area:text;padding:0;font-family:var(--font-regular);font-size:clamp(var(--xs),2vw,var(--h5));font-weight:300;line-height:1.1;margin-inline:auto;max-width:65ch;letter-spacing:0px}}& img:where(.svelte-molx1k){grid-area:img;position:relative;z-index:2;width:clamp(10em,3vw,15em);height:auto;object-fit:contain;align-self:center;justify-self:center;@media (width >= 768px){width:clamp(10em,3vw,15em)}@media (width <= 768px){margin:0}}}@keyframes svelte-molx1k-spin{to{--angle: 360deg}}