:root{--text-color-primary:#4e2c69;--text-color-secondary:white;--background-color-primary:hsl(214deg 35% 56% / 100%);--background-color-primary-light:hsl(214deg 35% 56% / 40%);--background-color-secondary:white;--breakpoint-tablet:60px;--breakpoint-laptop:1024px;--breakpoint-desktop:1280px;--max-width:1024px;--margin-xxs:0.25rem;--margin-xs:0.5rem;--margin-s:0.75rem;--margin-m:1rem;--margin-l:1.25rem;--margin-xl:1.5rem;--margin-xxl:1.75rem;--margin-xxxl:2rem;--font-size-200:clamp(0.6944rem, 0.6806rem + 0.0616vw, 0.72rem);--font-size-300:clamp(0.8333rem, 0.7972rem + 0.1606vw, 0.9rem);--font-size-400:clamp(1rem, 0.9322rem + 0.3012vw, 1.125rem);--font-size-500:clamp(1.2rem, 1.0882rem + 0.497vw, 1.4063rem);--font-size-600:clamp(1.44rem, 1.2677rem + 0.7658vw, 1.7578rem);--font-size-700:clamp(1.728rem, 1.4736rem + 1.1308vw, 2.1973rem);--font-size-800:clamp(2.0736rem, 1.7087rem + 1.6216vw, 2.7466rem);--font-size-900:clamp(2.4883rem, 1.976rem + 2.2769vw, 3.4332rem)}html{font-size:16px;scroll-behavior:smooth;background-color:var(--background-color-primary)}h1{font-size:var(--font-size-900);letter-spacing:-2px;text-transform:capitalize;line-height:1.1;margin-block:1.3lh 1lh;text-wrap:balance}h2{font-size:var(--font-size-800);letter-spacing:-1.2px;line-height:1.2;margin-block:2lh 1lh;text-wrap:balance}h3{font-size:var(--font-size-700);letter-spacing:-1px;line-height:1.3;margin-block:1.5lh .75lh;text-wrap:balance}h4{font-size:var(--font-size-400);letter-spacing:-1px;line-height:1.3}p,li,td,th{font-size:var(--font-size-400);line-height:1.6;margin-block:1lh;text-wrap:pretty}picture img{max-width:100%;height:auto;vertical-align:middle;font-style:italic;shape-margin:.75rem;background-repeat:no-repeat;background-size:cover}body{font-family:Helvetica,trebuchet ms,lucida sans unicode,lucida grande,lucida sans,Arial,sans-serif;margin:0;background-color:var(--background-color-primary);display:grid;grid-template-rows:auto 1fr auto;grid-template-areas:"header" "main" "footer";min-height:100vh;gap:0}header{grid-area:header;width:100%;min-height:clamp(8rem,15vh,12rem);max-width:var(--max-width);margin:0 auto;text-align:center;color:var(--text-color-secondary);display:flex;align-items:center;justify-content:center;span { font-size: clamp(0.8rem, 3vw, 1.6rem); font-weight: 100; font-family: Helvetica, sans-serif; width: 33.3%; text-align: center; } object { height: clamp(6rem, 10vh, 8rem); }}main{grid-area:main;background-color:var(--background-color-secondary);color:var(--text-color-primary);section { max-width: 1024px; margin: 0 auto; &.hero { display: flow-root; box-sizing: border-box; min-height: 350px; max-width: 100%; text-align: center; padding: 0 1rem clamp(35px, calc(35px + 0.6vh), 50px); margin: 0; background-color: var(--background-color-primary-light); h1 { text-wrap: pretty; } p { max-width: min(calc(100% - 2lh), 70ch); margin: 0 auto; margin-block: 1lh; } } }}footer{grid-area:footer;width:100%;max-width:var(--max-width);margin:0 auto;display:flex;flex-wrap:wrap-reverse;background-color:var(--background-color-primary);text-align:center;picture { flex: 1 0 40%; min-width: 320px; box-sizing: border-box; img { border-radius: 50% 50% 0% 0%; margin: 4rem 2rem; } } div:nth-child(2) { flex: 1 0 60%; box-sizing: border-box; padding: 4rem 2rem; h2 { margin-top: 0; color: var(--text-color-secondary); } }}#social{background-color:var(--background-color-primary);font-size:var(--font-size-700);text-align:center;opacity:.8;margin-top:2.5rem;a { margin: 1lh; color: black; }}