body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#fff}.App{text-align:left;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3{color:#0d2c4f}a{color:#0056b3;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block}main{flex-grow:1}.hero{display:flex;min-height:100vh;background-color:#fff;overflow:hidden}.hero-image{width:50vw;height:100vh;overflow:hidden;position:relative;background-color:#f0f0f0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:5% 8%;text-align:center}.hero-content h1{font-size:3rem;margin-bottom:.5em}.hero-content .subtitle{font-size:1.1rem;color:#555;margin-bottom:1.5em;line-height:1.6;width:100%}.hero-buttons{margin-top:1.5em;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.hero-btn{background-color:#0d2c4f;color:#fff;padding:12px 25px;border-radius:25px;font-weight:700;text-transform:none;letter-spacing:.5px;display:inline-block;transition:background-color .3s ease;border:none;cursor:pointer;text-decoration:none}.hero-btn:hover{background-color:#1a4a82;color:#fff;text-decoration:none}.hero-content .social-links{margin-top:1em;margin-bottom:1.5em}.hero-content .social-links a{color:#aaa;font-size:1.8rem;background-color:#f0f0f0;border-radius:50%;width:45px;height:45px;display:inline-flex;justify-content:center;align-items:center;transition:background-color .3s ease,color .3s ease;text-decoration:none;margin:0 10px}.hero-content .social-links a:hover{background-color:#e0e0e0;color:#555}.content-section{padding:60px 8%;max-width:900px;margin:60px auto;background-color:#f9f9f9;border-radius:8px;box-shadow:0 2px 5px #0000001a}.content-section h2{margin-bottom:40px;font-size:2rem}.content-section p{margin-bottom:1em;line-height:1.7;color:#444}.portfolio-category{margin-bottom:40px}.portfolio-category h3{border-bottom:2px solid #0d2c4f;padding-bottom:10px;margin-bottom:20px;font-size:1.5rem}.portfolio-category ul{list-style:none;padding:0;margin-top:15px}.portfolio-category>ul>li{margin-bottom:12px}.portfolio-category>ul>li>ul{margin-top:10px;padding-left:20px}.portfolio-category>ul>li>ul>li{margin-bottom:8px}.portfolio-category li a{font-weight:700;color:#0056b3}.portfolio-category p em{display:block;margin-top:15px;color:#666;font-style:italic}footer{text-align:center;padding:25px;margin-top:50px;background-color:#0d2c4f;color:#ccc;font-size:.9em}@media (max-width: 768px){.hero{flex-direction:column;min-height:auto;height:auto}.hero-image{width:100%;height:auto;max-height:60vh}.hero-content{padding:15% 8%;align-items:center;text-align:center;flex-grow:1;flex-basis:auto;width:auto}.hero-content h1{font-size:2.2rem}.hero-content .subtitle{font-size:1rem}.content-section{padding:40px 5%;margin:40px auto}.content-section h2{font-size:1.8rem}.portfolio-category h3{font-size:1.3rem}}.navbar{background:#fff;height:80px;display:flex;justify-content:center;align-items:center;font-size:1.1rem;position:sticky;top:0;z-index:999;box-shadow:0 2px 4px #0000001a}.navbar-container{display:flex;justify-content:space-between;height:80px;z-index:1;width:100%;max-width:1300px;margin:0 auto;padding:0 50px}.navbar-logo{color:#0d2c4f;justify-self:start;cursor:pointer;text-decoration:none;font-size:1.5rem;display:flex;align-items:center;font-weight:700}.nav-menu{display:flex;align-items:center;list-style:none;text-align:center}.nav-item{height:80px}.nav-links{color:#333;display:flex;align-items:center;text-decoration:none;padding:0 1rem;height:100%;cursor:pointer;transition:color .2s ease-in-out}.nav-links:hover{color:#0056b3}.nav-links.active{color:#0056b3;font-weight:700;border-bottom:3px solid #0056b3}@media screen and (max-width: 960px){.navbar-container{padding:0 20px}}.work-page-container .content-section,.about-page-container .content-section{margin-top:40px}.portfolio-section h2{margin-bottom:50px}.portfolio-category h3{margin-bottom:30px}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:40px}.portfolio-grid .youtube-video{grid-column:1 / -1}.sub-items-grid{margin-top:20px;margin-bottom:40px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.portfolio-notes{font-style:italic;color:#666;margin-top:-20px;margin-bottom:25px;text-align:center}.portfolio-item{background-color:#fff;border-radius:8px;box-shadow:0 4px 8px #00000014;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.portfolio-item:hover{transform:translateY(-5px);box-shadow:0 6px 12px #0000001f}.portfolio-item h4{margin:0;padding:15px 20px;font-size:1.1rem;background-color:#f8f8f8;border-bottom:1px solid #eee}.video-container{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background-color:#000}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.full-width-thumbnail-card{grid-column:1 / -1;background-color:transparent;box-shadow:none;border-radius:0;padding:0;overflow:visible}.full-width-thumbnail-card a{display:block;text-decoration:none;position:relative}.full-width-thumbnail-image{display:block;width:100%;height:auto;max-height:550px;object-fit:cover;border-radius:8px;box-shadow:0 4px 10px #00000026;transition:transform .3s ease}.full-width-thumbnail-card a:hover .full-width-thumbnail-image{transform:scale(1.02)}.full-width-thumbnail-card h4{display:none}.link-card{text-align:center;padding:0;min-height:200px;border-top:4px solid transparent;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;position:relative}.thumbnail-container{width:100%;overflow:hidden;background-color:#eee}.reel-thumbnail-card .thumbnail-container{max-height:400px;overflow:hidden;background-color:#eee;width:100%}.link-card-thumbnail{display:block;width:100%;height:100%;object-fit:cover}.link-card h4{background-color:#f8f8f8;border-bottom:none;padding:12px 15px 8px;font-size:1.1rem;color:#333;margin-top:auto}.link-card p{font-size:.9rem;color:#0056b3;margin:0;padding:0 15px 12px;background-color:#f8f8f8}.link-card .link-card-icon{font-size:3rem;margin:auto;color:#bbb;transition:color .3s ease;padding:20px}.instagram-link:hover{border-top-color:#e4405f}.instagram-link:hover .link-card-icon{color:#e4405f}.drive-link:hover{border-top-color:#4285f4}.drive-link:hover .link-card-icon{color:#4285f4}.link-card:not(.instagram-link):not(.drive-link):hover{border-top-color:#0d2c4f}.link-card:not(.instagram-link):not(.drive-link):hover .link-card-icon{color:#0d2c4f}.link-card.error{background-color:#ffebee;color:#c62828;align-items:center;justify-content:center;padding:20px}@media (max-width: 960px){.portfolio-grid,.sub-items-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px}}@media (max-width: 768px){.content-section{padding:40px 5%;margin:40px auto}.reel-thumbnail-card .thumbnail-container{max-height:350px}.full-width-thumbnail-image{max-height:450px}}.profile-header-twitter{margin-bottom:40px;position:relative;border-bottom:1px solid #eee;padding-bottom:20px}.profile-banner-container{width:100%;height:200px;overflow:hidden;background-color:#e1e8ed}.profile-banner-image{width:100%;height:100%;object-fit:cover}.profile-details-twitter{padding:0 20px;position:relative}.profile-picture-container-twitter{position:absolute;top:-75px;left:20px}.profile-picture-twitter{width:150px;height:150px;border-radius:50%;border:4px solid #fff;background-color:#fff;object-fit:cover;box-shadow:0 1px 3px #0000001a}.profile-info-twitter{padding-top:80px;margin-left:185px}.profile-info-twitter h2{margin-top:0;margin-bottom:2px;font-size:22px;font-weight:700}.profile-info-twitter h4{margin-top:0;margin-bottom:10px;font-size:15px;color:#657786;font-weight:400}.profile-info-twitter p{margin-top:0;margin-bottom:0;font-size:15px;line-height:1.4;color:#14171a}@media (max-width: 768px){.profile-banner-container{height:150px}.profile-picture-container-twitter{top:-60px;left:15px}.profile-picture-twitter{width:120px;height:120px;border-width:3px}.profile-info-twitter{padding-top:70px;margin-left:0;text-align:center}.profile-details-twitter{padding:0 15px}.profile-info-twitter h2{font-size:20px}.profile-info-twitter h4,.profile-info-twitter p{font-size:14px}}