*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif;color:#1f2937;background:#fff}img{max-width:100%;height:auto;display:block}h1,h2{margin:0 0 .5rem 0}p{line-height:1.7}a{color:inherit} .container{max-width:980px;margin:0 auto;padding:1rem} .hero{position:relative;min-height:60vh;display:grid;place-items:center;text-align:center;overflow:hidden} .hero__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(1.1) brightness(0.9)} .hero__content{position:relative;z-index:2;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.45)} .tagline{font-size:1.125rem;opacity:.95} main{scroll-behavior:smooth} .panel{padding:2rem 0;background:#fff} .panel:nth-child(odd){background:#f8fafc} .panel__img{border-radius:1rem;box-shadow:0 8px 24px rgba(0,0,0,.08);margin-bottom:1rem} .panel__img--round{border-radius:9999px} .panel__text{font-size:1.125rem} .panel h2{font-size:1.6rem;margin-bottom:.25rem} .the-end{font-weight:700;margin-top:.5rem} .footer{background:#0f172a;color:#e5e7eb;padding:1.5rem 0;margin-top:2rem;text-align:center} @media (min-width:760px){.panel .container{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center} .panel--bartimus .container{grid-template-columns:auto 1fr}}