@import"https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;400;500&display=swap";.lightbox-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#232238e6;display:flex;align-items:center;justify-content:center;z-index:9999}.lightbox-close-btn{position:absolute;top:20px;right:30px;background:rgba(255,255,255,.2);border:none;border-radius:50%;width:40px;height:40px;color:#fff;font-size:20px;cursor:pointer;z-index:10000;transition:background .3s ease}.lightbox-close-btn:hover{background:rgba(255,255,255,.3)}.lightbox-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);border:none;border-radius:50%;width:50px;height:50px;color:#fff;font-size:24px;cursor:pointer;z-index:10000;transition:background .3s ease}.lightbox-nav-btn:hover{background:rgba(255,255,255,.3)}.lightbox-prev-btn{left:20px}.lightbox-next-btn{right:20px}.lightbox-media-container{max-width:90%;max-height:90%;display:flex;align-items:center;justify-content:center}.lightbox-image{max-width:100%;max-height:100%;object-fit:contain}.lightbox-video{max-width:100%;max-height:100%}.lightbox-video-controls{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;transition:opacity .3s ease;pointer-events:none}.lightbox-media-container:hover .lightbox-video-controls,.lightbox-video-controls:has(.lightbox-play-pause-btn){opacity:1;pointer-events:auto}.lightbox-play-pause-btn{border:none;color:var(--yellow);font-size:7.75rem;opacity:.8;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;pointer-events:auto;line-height:1;font-family:Arial,sans-serif}.lightbox-play-pause-btn:hover{transform:scale(1.1);color:var(--yellow);border:none;background:none}.lightbox-counter{position:absolute;bottom:20px;left:50%;transform:translate(-50%);color:var(--yellow);background:rgba(0,0,0,.5);padding:8px 16px;border-radius:20px;font-size:14px}@media (max-width: 768px){.lightbox-close-btn{top:10px;right:30px;width:35px;height:35px;font-size:18px}.lightbox-nav-btn{width:40px;height:40px;font-size:20px}.lightbox-prev-btn{left:10px}.lightbox-next-btn{right:10px}.lightbox-counter{bottom:10px;font-size:12px;padding:6px 12px}.lightbox-play-pause-btn{font-size:3.75rem}.lightbox-video-controls{opacity:1;pointer-events:auto}}@font-face{font-family:Thunder-ExtraBoldLC;src:url(/assets/Thunder-ExtraBoldLC-84f3e5b8.otf);unicode-range:U+0025-00FF;font-display:swap}@property --rotate{syntax: "<angle>"; initial-value: 132deg; inherits: false;}:root{font-family:Poppins,sans-serif;--dark-blue: #232238;--mid-blue: #32395C;--green: #B3C44D;--yellow: #EBDA43;--card-height: 65vh;--card-width: calc(var(--card-height) / 1.5);letter-spacing:.7px}body{margin:0;background:var(--dark-blue);color:#fff}main{overflow:hidden}h1{font-size:7rem;text-align:right;margin:1rem auto;text-transform:uppercase;transition-delay:1s;font-family:Thunder-ExtraBoldLC;letter-spacing:3px}@media (max-width: 768px){h1{font-size:4rem}}h1 span{color:var(--yellow)}h3{font-size:1.25rem;text-align:right;transition-delay:1.2s;font-family:Thunder-ExtraBoldLC;text-transform:uppercase}p{font-size:.85rem}a{color:var(--yellow);text-decoration:none;transition:.4s}.title>.line{height:5px;width:100%;background:white}.title>.line:first-child{transition-delay:.2s;background:var(--green)}.title>.line:nth-child(2){transition-delay:.4s}.title>.line:last-child{transition-delay:.6s}#header{min-height:40vh;padding:2rem}#header h3{font-size:1.5rem}.hidden{opacity:0;transition-property:opacity,transform;transition-duration:1s;filter:blur(100px);transform:translate(100%)}.show{opacity:1;filter:blur(0);transform:translate(0)}.fadeIn{transform:unset}@media (prefers-reduced-motion){.hidden{transition:none}}.video-container{position:relative;width:100vw;height:100vh;padding:18rem 0}.video-container video{width:100%;height:100%;transition-delay:1.4s;z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;object-fit:contain}.video-container video.hidden{filter:blur(1000px);transform:translate(100px)}.video-container video.show{filter:blur(0);transform:translate(0)}#portfolio h3{text-align:left}#about{padding-top:4rem;height:300vh;color:var(--dark-blue)}#about p{color:var(--dark-blue)}#about video{padding-left:2rem}@media (max-width: 768px){#about{padding:0}#about video{padding-left:unset}#about .img-container{padding-left:2rem!important}}#about .img-container{transition-duration:3s;padding-left:4rem}.wave:first-child{background:url(/assets/wave-4403e8ad.svg) top left no-repeat;background-size:cover;height:150vh;transition-delay:2s}.wave:last-child{background:url(/assets/wave-4403e8ad.svg) top left no-repeat;background-size:cover;rotate:180deg;height:150vh;position:relative;margin-top:-12px}.wave .content{color:var(--dark-blue);text-align:right;padding-left:6rem}.wave .content .img-container img{padding-left:4rem}#about .grid{position:absolute;rotate:180deg;bottom:0;display:grid;grid-template-columns:50% 50%}button{background:transparent;border:none;outline:none;cursor:pointer;font-size:.75rem;padding:.5rem .85rem;margin:0 -.25rem;color:var(--green);border:2px solid var(--green);border-radius:5px;transition:all .6s;max-width:50%;text-transform:uppercase;margin:1rem 0}button:hover{color:#fff;border:2px solid white}.cat{color:var(--green)}.card-group{margin-top:4rem;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:4rem;align-items:center;width:100%}@media (max-width: 500px){.card-group{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;border:1px solid white;border-radius:12px;overflow:hidden;transition:.4s;position:relative}.card:hover{margin-top:-6px;border:2.5px solid white}.card a{text-decoration:none}.card-content{display:flex;justify-content:space-between;align-items:center;padding:2rem}.text-content{flex:1;padding-right:1rem;color:#fff;position:relative;z-index:99}.image-container{position:relative;flex-shrink:0}.image-container img{height:auto;display:block;position:absolute;right:-2rem;bottom:-9rem;z-index:1}.overlay{position:absolute;top:0;right:0;width:100%;height:100%;background:linear-gradient(to right,var(--dark-blue) 60%,transparent 100%);pointer-events:none;z-index:4;transition:background-size .6s ease;opacity:1}.card:hover .overlay{background:linear-gradient(to right,var(--dark-blue) 59.5%,transparent 100%)}.card box-icon{fill:var(--yellow)}#single-portfolio p{text-align:justify;padding:2rem}#single-portfolio .title{position:relative;display:inline-block}#single-portfolio .title button{display:grid;position:absolute;cursor:pointer;z-index:99;border:none;fill:var(--yellow);top:10px}#single-portfolio .title button box-icon{width:70px;height:100%}.media-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:4rem;padding:2rem;margin-top:20px}.media-item{position:relative;overflow:hidden;border-radius:8px;box-shadow:0 4px 8px #0000001a;cursor:pointer;border:3px solid white;max-height:320px}.media-item:hover{transform:scale(1.05);transition:transform .3s ease-in-out;box-shadow:0 4px 8px #0006}.media-content{width:100%;max-width:300px;height:auto;border-radius:8px}.media-item img{object-fit:contain;width:100%;height:100%}.media-item video{object-fit:cover;width:100%;height:100%}@media (max-width: 768px){.media-grid{grid-template-columns:1fr;grid-template-rows:repeat((auto,1fr))}#single-portfolio .title button box-icon{width:20px;height:unset}#single-portfolio p{padding:1rem}}#contact{padding:4rem}.contact-grid{display:grid;grid-template-columns:1fr 1fr;padding:4rem}.contact-grid .contact-info{padding:2rem;display:grid;grid-template-rows:repeat(4,1fr);place-content:center}.contact-grid h3{text-align:left}.contact-grid .avatar{display:flex}.contact-grid .avatar img{max-height:180px;margin:auto}.contact-grid .social-grid{max-width:300px;justify-content:start}.social-grid{width:100%;display:grid;grid-template-columns:repeat(3,60px);gap:4px;justify-content:end}.social-grid img{width:60px;height:60px}.social-grid img:hover{scale:1.1;transition:ease-in-out .3s}@media (max-width: 767px){#about .grid{grid-template-columns:1fr;width:100%}.wave .content{text-align:justify;padding:2rem;margin-top:-200px}.wave .content h1{text-align:left}.video-container{display:none}#contact{padding:2rem!important;text-align:center}#contact h1{text-align:center}.contact-grid{display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr!important;max-width:100%!important;padding:unset!important}.contact-grid .contact-info{padding:2rem;display:grid;grid-template-rows:repeat(4,1fr);grid-template-columns:unset;place-content:center}.contact-grid .avatar img{min-height:180px!important;margin:auto}.contact-grid .social-grid{justify-content:center!important}#gallery{padding:2rem!important}}#portfolio{padding:2rem}