of-about-hero{overflow-x:clip;> of-inner[data-stack]{@media(min-width:576px){gap: 4.5rem;}@media(min-width:1200px){flex-direction: row; justify-content: space-between; align-items: center;}}> of-inner > div > h1{max-width:44.0625rem;margin:1.5rem auto;@media(min-width:1200px){br{display:block}}}> of-inner > figure{display:flex;justify-content:center;gap:4rem;margin:0;padding-block:2.5rem;> img{height:15rem;@media(min-width:576px){width: 25.8125rem; height: 25.8125rem;}@media(min-width:1200px){width: 32.625rem; height: 32.625rem;}}}}of-why-trieste{overflow-x:clip;> of-inner[data-stack]{gap:3rem;> img{width:100%;border-radius:1.5rem;@media(min-width:1200px){width: 39.8125rem; height: 32.4375rem;}}> div{gap:1.5rem;> header{gap:1rem}> header > .h2{@media(min-width:1200px){font-size: var(--text-h3);}}> p{font-size:var(--text-subtitle);color:var(--color-text-secondary)}@media(min-width:576px){gap: 2.5rem;}}@media(min-width:1200px){flex-direction: row; justify-content: space-between; gap: 4.5rem;}}> section{margin-top:4.5rem}> section > h3{margin-bottom:2rem;padding-inline:1.25rem;@media(min-width:576px){padding-inline: 2.5rem;}@media(min-width:1200px){padding-inline: 0; text-align: center;}}@media(min-width:1200px){width: min(var(--page-width),100vw - var(--page-gutter)); margin-inline: auto;}}of-team{background-color:var(--color-black);> of-inner{gap:3.5rem;> header{align-items:center;gap:1.25rem;> .h1{text-align:center;color:var(--color-text-primary-dark)}}> div{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;> figure{gap:.5rem;width:9.6875rem;margin:0;> img{width:9.6875rem;height:13.3125rem;border-radius:.75rem;@media(min-width:576px){width: 12.8125rem; height: 18.25rem;}@media(min-width:1200px){width: 14.375rem; height: 20.4375rem;}}> figcaption > p{font-size:1rem;font-weight:500;color:var(--color-text-primary-dark)}> figcaption > p + p{color:var(--color-text-secondary-dark)}@media(min-width:576px){width: 12.8125rem;}@media(min-width:1200px){width: 14.375rem;}}> div{align-items:center;justify-content:center;gap:1.5rem;width:9.6875rem;height:15.9375rem;border-radius:.75rem;background-color:var(--color-gray-800);> p{padding-inline:2rem;font-size:var(--text-subtitle);font-weight:500;text-align:center;color:var(--color-text-primary-dark)}> a{width:fit-content}@media(min-width:576px){gap: 2rem; width: 12.8125rem; height: 20.875rem;}@media(min-width:1200px){width: 14.375rem; height: 23.0625rem;}}@media(min-width:576px){gap: 2rem;}}@media(min-width:576px){gap: 5rem;}}}of-changelog{> of-inner{gap:5rem}> of-inner > header{align-items:center;gap:1.25rem;> .h1{max-width:53.5rem;text-align:center}}> of-inner > ul{grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;column-gap:1.5rem;row-gap:1.25rem;p{font-size:var(--text-subtitle)}> li{grid-column:span 12;background-color:var(--color-brand-gray);border-radius:1rem;@media(min-width:576px){grid-column: span 6;}@media(min-width:1200px){grid-column: span 3;}}> li[data-wide]{@media(min-width:576px){grid-column: span 12;}@media(min-width:1200px){grid-column: span 6;}}> li[data-cell=stat], > li[data-cell=team]{padding:1.5rem}> li[data-cell=stat]{gap:2rem;@media(min-width:576px){gap: 10rem;}&[data-spread]{justify-content:space-between}}> li[data-cell=team]{gap:2.5rem;@media(min-width:576px){gap: 5rem;}> div{gap:.75rem}> dl{display:flex;flex-wrap:wrap;gap:.5rem;margin:0;> div{display:flex;flex-wrap:wrap;gap:.75rem;padding:.5rem;border-radius:.5rem;background-color:var(--color-pure-white)}dt, dd{margin:0;font-size:1.3125rem;font-weight:400;letter-spacing:-.02em;color:var(--color-text-primary)}dd{color:var(--color-text-disabled)}}}> li[data-cell=photo]{position:relative;overflow:hidden;&:not([data-wide]){height:21.875rem}&[data-wide]{order:1;@media(min-width:576px){order: 0;}}> img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:.375rem}}}> of-inner > section{> h3{padding-bottom:2rem;text-align:center}> dl{margin:0;> div[data-stack]{gap:.75rem;padding-block:1.5rem;font-size:var(--text-subtitle);letter-spacing:-.02em;border-top:1px solid var(--color-gray-300);> dt{display:flex;gap:.5rem;> p{font-family:space grotesk;font-weight:500}}> dd{margin:0;color:var(--color-text-secondary)}@media(min-width:1200px){flex-direction: row; gap: 1.25rem;>dt{width:19.125rem;flex-shrink:0}}}}@media(min-width:1200px){width: 67rem; margin-inline: auto;}}}