.about{flex-direction:column;align-items:flex-start;max-width:1200px;min-height:50dvh;padding:1rem;display:flex}.about .aboutSubtitle{color:#dcdcdd;margin-top:10px;font-size:32px}.about .aboutContent{flex-direction:column;align-items:flex-start;gap:1rem;display:flex}.about .aboutContent .aboutDescription{color:#a5a8b4;max-width:600px;margin:20px 0 0;font-size:16px;line-height:26px}
.hero{flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1.5rem;width:100%;min-height:100dvh;padding:0 1rem;display:flex}@media (max-width:768px){.hero{flex-direction:column;justify-content:center;align-items:center;padding:1rem}}.hero .heroContent{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:1rem;max-width:600px;display:flex}@media (max-width:768px){.hero .heroContent{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:1rem}}.hero .heroContent h1{color:#dcdcdd;font-size:clamp(32px,5vw,60px);font-weight:800;line-height:1.2}.hero .heroContent h1 span{color:#e6b01d}.hero .heroContent .heroSubtitle{color:#a5a8b4;font-size:clamp(18px,2.5vw,24px);font-weight:400}.hero .heroContent .heroDescription{color:#a5a8b4;font-size:clamp(16px,2vw,18px);font-weight:400}.hero .heroContent .heroDescription .heroLight{color:#dcdcdd}.hero .heroContent .links{gap:1rem;margin-top:1rem;display:flex}@media (max-width:768px){.hero .heroContent .links{flex-direction:column;justify-content:center;align-items:center;margin-top:0;padding:1rem}}.hero .heroContent .links .link{cursor:pointer;color:#dcdcdd;background-color:#212a41;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:18px;font-weight:500;text-decoration:none;transition:background-color .3s;display:flex}.hero .heroContent .links .link:hover{background-color:#7b5000}@media (max-width:768px){.hero .heroContent .links .link{padding:.5rem 1rem;font-size:16px}}.hero .heroImageButton{cursor:pointer;perspective:1000px;transform-style:preserve-3d;background:0 0;border:0;border-radius:50%;padding:0}.hero .heroImageButton:focus-visible{outline-offset:6px;outline:2px solid #e6b01d}.hero .heroImageButton.is-spinning{pointer-events:none}.hero .heroImageButton .heroImage{object-fit:cover;backface-visibility:hidden;filter:drop-shadow(0 0 10px #e6b01d80);border:2px solid #8a8a8a;border-radius:50%;height:450px}@media (max-width:768px){.hero .heroImageButton .heroImage{width:300px;height:300px}}