@keyframes hero-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.hero{display:flex;height:100vh;padding-top:80px}.hero-content{flex:2.5;display:flex;flex-direction:column;justify-content:center;padding:4rem 4rem 4rem 3rem;background:#000;color:#fff}.hero-name{font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:3.5rem;font-weight:700;color:#fff;line-height:1.1;margin-bottom:.75rem;letter-spacing:-.01em;animation:hero-in .8s ease both;animation-delay:.15s}.hero-role{font-size:1.4rem;font-weight:600;color:#fff;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.05em;animation:hero-in .8s ease both;animation-delay:.35s}.hero-tagline{font-size:1.2rem;color:#ffffffd9;line-height:1.6;max-width:100%;margin-bottom:2.5rem;animation:hero-in .8s ease both;animation-delay:.55s}.hero-buttons{display:flex;gap:1rem;animation:hero-in .8s ease both;animation-delay:.75s}.hero-btn{display:inline-block;padding:1rem 2.5rem;background:#a7b7ff;color:#000;text-decoration:none;font-size:1rem;font-weight:500;font-family:inherit;border:2px solid #a7b7ff;border-radius:50px;cursor:pointer;transition:all .25s}.hero-btn:hover{background:#8a9de0;border-color:#8a9de0;transform:translateY(-2px);box-shadow:0 6px 20px #a7b7ff66}.hero-btn--outline{background:transparent;border:2px solid rgba(255,255,255,.6);color:#fff}.hero-btn--outline:hover{background:#fff;border-color:#fff;color:#000;box-shadow:0 6px 20px #ffffff26}.hero-image{flex:2;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-image img{max-height:calc(100vh - 120px);max-width:100%;object-fit:contain}.hero-overlay{position:fixed;inset:0;background:#0000008c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:200;display:flex;align-items:center;justify-content:center;padding:2rem;animation:overlay-in .25s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.hero-modal{position:relative;background:#fff;max-width:480px;width:100%;padding:3rem;border-radius:20px;box-shadow:0 24px 80px #0003;animation:modal-in .3s cubic-bezier(.34,1.4,.64,1)}@keyframes modal-in{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.hero-modal-close{position:absolute;top:1rem;right:1rem;width:32px;height:32px;background:var(--gray-100);color:var(--black);border:none;font-size:1.2rem;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;border-radius:50%;transition:background .2s}.hero-modal-close:hover{background:var(--gray-200)}.hero-modal-title{font-family:Montserrat,Helvetica Neue,Helvetica,Arial,sans-serif;font-size:1.75rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;padding-right:2rem}.hero-modal-duration{font-size:.9rem;color:var(--gray-500);margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.06em}.hero-modal-text{font-size:1.05rem;line-height:1.75;color:var(--gray-700);margin-bottom:2rem}.hero-modal-btn{display:inline-flex;align-items:center;justify-content:center;padding:.9rem 2.25rem;background:var(--accent);color:#000;text-decoration:none;font-weight:600;border-radius:50px;transition:background .2s,transform .2s,box-shadow .2s}.hero-modal-btn:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:0 6px 20px #a7b7ff66}@media(max-width:900px){.hero{position:relative;height:100svh;min-height:600px}.hero-content{position:absolute;bottom:0;left:0;right:0;padding:2rem 1.5rem 3rem;text-align:center;align-items:center;background:transparent;z-index:1}.hero-name{font-size:2.2rem}.hero-role,.hero-tagline{font-size:1.1rem}.hero-buttons{flex-direction:row;gap:.75rem}.hero-btn{padding:.75rem 1.5rem;font-size:.9rem;text-align:center}.hero-image{position:absolute;inset:0;height:100%}.hero-image:after{content:"";position:absolute;bottom:0;left:0;right:0;height:65%;background:linear-gradient(to bottom,transparent,rgba(0,0,0,.85) 50%,#000 80%);pointer-events:none}.hero-image img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center top}.hero-modal{padding:2rem 1.5rem}.hero-modal-title{font-size:1.5rem}.hero-modal-text{font-size:1rem}}@media(max-width:480px){.hero-content{padding:2rem 1rem}.hero-name{font-size:1.8rem}.hero-role,.hero-tagline{font-size:1rem}.hero-buttons{flex-wrap:wrap;justify-content:center}.hero-btn{padding:.7rem 1.25rem;font-size:.85rem}.hero-overlay{padding:1rem}.hero-modal{padding:1.5rem 1rem}}@media(max-width:360px){.hero-name{font-size:1.5rem}.hero-role{font-size:.9rem}.hero-tagline{font-size:.95rem;margin-bottom:1.5rem}.hero-btn{padding:.65rem 1rem;font-size:.8rem}}