/* ============================================================================
   MAIN STYLESHEET - Berrie Development Portfolio
   Author: Kirstie Martinka
   ============================================================================ */
:root{--primary-dark:rgb(45,42,73);--primary-light:#c5c9f5;--white:#fff;--shadow-sm:0 4px 12px rgba(0,0,0,.15);--shadow-md:0 4px 15px rgba(0,0,0,.2);--shadow-lg:0 6px 25px rgba(0,0,0,.3);--shadow-hover:0 6px 20px rgba(0,0,0,.2);--transition-base:all .3s ease}#blog-post-link{text-decoration:none}.hero-section{min-height:500px;position:relative;overflow:hidden}.hero-container{max-width:1400px;margin:0 auto;position:relative;z-index:1}.hero-left{flex:0 0 auto}.headshot-container{width:250px;height:250px;border-radius:50%;overflow:hidden;border:6px solid var(--white);box-shadow:0 10px 30px rgba(0,0,0,.3);background:var(--white)}.headshot-placeholder{color:var(--primary-dark)}.headshot-img{width:100%;height:100%;object-fit:cover}.hero-center{flex:1 1 auto;color:var(--primary-dark);text-align:left;min-width:300px}.hero-greeting{font-size:2rem;font-weight:300;margin-bottom:0;letter-spacing:1px}.hero-name{font-size:3.5rem;font-weight:700;margin:10px 0 20px 0;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.hero-title-container{height:50px;margin-bottom:30px}.hero-title-rotating{font-size:1.5rem;font-weight:400;color:var(--white);background:var(--primary-dark);padding:8px 20px;border-radius:8px;display:inline-block;box-shadow:var(--shadow-sm);animation:fadeIn .6s ease-in-out}.social-links{display:flex;gap:20px;margin-top:25px}.social-links a{transition:var(--transition-base);width:50px;height:50px;background:var(--white);border-radius:50%;backdrop-filter:blur(10px)}.social-links a:hover{color:var(--primary-dark);transform:translateY(-3px);box-shadow:var(--shadow-hover)}.cta-social-section{background:var(--primary-dark)}.cta-social-container{max-width:1400px;margin:0 auto;gap:0}.cta-buttons-group{border-right:2px solid rgba(255,255,255,.3)}.cta-button{padding:14px 28px;font-size:1.1rem;font-weight:600;border-radius:8px;text-decoration:none;transition:var(--transition-base);min-width:220px;box-shadow:var(--shadow-md)}.cta-primary{background:var(--white);color:var(--primary-dark);border:2px solid var(--white)}.cta-primary:hover{background:transparent;color:var(--white);border-color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-secondary{background:var(--white);color:var(--primary-dark);border:2px solid var(--white)}.cta-secondary:hover{background:transparent;color:var(--white);border-color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-social{background:var(--primary-light);color:var(--primary-dark);border:2px solid var(--primary-light);min-width:180px}.cta-social:hover{background:var(--white);color:var(--primary-dark);border-color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-blog{background:var(--primary-dark);color:var(--white);border:2px solid var(--primary-dark)}.cta-blog:hover{background:var(--white);color:var(--primary-dark);border-color:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.content-preview h3{color:var(--primary-dark)}.content-preview p{color:var(--primary-dark)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}100%{opacity:1;transform:translateY(0)}}@keyframes backgroundScroll{0%{background-position:0 0,30px 30px}100%{background-position:60px 60px,90px 90px}}@media (max-width:992px){.hero-container{flex-direction:column;text-align:center}.hero-center{text-align:center}.hero-name{font-size:2.8rem}.hero-greeting{font-size:1.6rem}.social-links{justify-content:center}.cta-social-container{flex-direction:column}.cta-buttons-group{border-right:none;border-bottom:2px solid rgba(255,255,255,.3);width:100%;max-width:400px}.social-links-group{width:100%;max-width:400px}}@media (max-width:576px){.hero-section{padding:40px 15px}.headshot-container{width:180px;height:180px}.hero-name{font-size:2.2rem}.hero-greeting{font-size:1.4rem}.hero-title-rotating{font-size:1.4rem}.cta-button{min-width:100%}}