@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;700&family=Playfair+Display:ital,wght@0,400;0,700;1,400&display=swap);*,:after,:before{box-sizing:border-box}body,html{overflow-x:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.wrapper{margin:0 auto;max-width:1200px;padding:4rem 0}@media screen and (orientation:landscape){.wrapper{padding:4rem 1rem}}@media (max-width:768px){.wrapper{padding:4rem 1rem}}.no-scroll{height:100%;overflow-y:hidden;position:fixed;touch-action:none;width:100%}.nav ul{align-items:flex-end;display:flex;flex-direction:column;font-family:var(--font-sans);justify-content:space-around;list-style:none}.nav ul li a{color:#fff;font-size:18px;font-weight:600;text-decoration:none}.hero{text-wrap:balance;background-image:linear-gradient(180deg,#0003,#0f172a),url(/static/media/building-future.178f4a8627f63bffaf9b.avif);background-position:bottom;background-size:cover;color:#fff;height:100vh;padding:10rem 4rem;position:relative}.hero-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin:0 auto;max-width:1200px}.hero h1{border-left:var(--border-red);font-size:5rem;font-weight:700;padding-left:1rem}.hero h1,.hero h3{font-family:var(--font-sans);line-height:1.1;margin-bottom:1rem;text-transform:uppercase}.hero h3{font-size:1.3rem;font-weight:600}@media(max-width:768px){.hero h3{font-size:1.5rem}}.hero p{font-size:1.2rem;font-weight:400;margin-bottom:2rem}.cta-button,.hero p{font-family:var(--font-sans)}.cta-button{background:var(--color-primary);color:#fff;display:inline-block;font-weight:700;letter-spacing:.1em;padding:.8rem 1.5rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.cta-button:hover{background:#fff;color:var(--color-primary)}@media screen and (orientation:portrait){.hero{padding:7rem 2rem}.hero h1{border-left:var(--border-red);font-family:var(--font-sans);font-size:2.5rem;font-weight:700;line-height:1.1;margin-bottom:1rem;padding-left:1rem;text-transform:uppercase}}@media screen and (max-width:900px)and (orientation:landscape){.hero{padding:3rem 4rem}.hero h1{border-left:var(--border-red);font-family:var(--font-sans);font-size:2.4rem;font-weight:700;line-height:1.1;margin-bottom:1rem;padding-left:1rem;text-transform:uppercase}}.mobile-nav,.mobile-nav-toggle{display:none}@media(max-width:768px){.desktop-nav{display:none}.mobile-nav-toggle{background:none;border:none;cursor:pointer;display:block;position:absolute;right:8%;top:5%;transform:translateX(-50%);z-index:1001}.hamburger,.hamburger:after,.hamburger:before{background:#fff;content:"";display:block;height:3px;margin:6px 0;transition:transform .35s ease,opacity .25s ease,background .3s ease;width:26px}.hamburger{top:50%;transform:translateY(-50%)}.hamburger:before{top:-8px}.hamburger:after{top:8px}.mobile-nav-toggle.open .hamburger{background:#0000}.mobile-nav-toggle.open .hamburger,.mobile-nav-toggle.open .hamburger:before{background:#000;transform:rotate(90deg)}.mobile-nav{align-items:center;background:#fff;display:flex;inset:0;justify-content:center;opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:1000}.mobile-nav.open{opacity:1;pointer-events:auto}.mobile-nav ul{list-style:none;text-align:center}.mobile-nav li{margin:1.5rem 0}.mobile-nav a{color:#111;font-family:Open Sans;font-size:1.6rem;text-decoration:none}}@keyframes slide-in-blurred-bottom{0%{filter:blur(40px);opacity:0;transform:translateY(1000px) scaleY(2.5) scaleX(.2);transform-origin:50% 100%}to{filter:blur(0);opacity:1;transform:translateY(0) scaleY(1) scaleX(1);transform-origin:50% 50%}}.nav-links{display:inline-block;overflow:hidden;padding:.5rem .75rem;position:relative}.nav-links span:before{bottom:0;left:0}.nav-links span:after,.nav-links span:before{background-color:#fff;content:"";height:0;position:absolute;transition:height .5s ease-in-out;width:2px}.nav-links span:after{right:0;top:0}.nav-links:before{bottom:0;left:0;transform:translateX(-105%)}.nav-links:after,.nav-links:before{background-color:#fff;content:"";height:2px;position:absolute;transition:transform .5s ease-in-out;width:100%}.nav-links:after{right:0;top:0;transform:translateX(105%)}.nav-links:hover:after,.nav-links:hover:before{transform:translateX(0)}.nav-links:hover span:after,.nav-links:hover span:before{height:100%}.about{background:var(--color-dark);color:#fff}.about-container{grid-gap:2rem;align-items:center;display:grid;gap:2rem;grid-template-columns:1fr;margin:0 auto;max-width:1200px;padding:4rem 1rem}.about-content{display:flex;flex-direction:column;justify-content:center}.about-content span{font-weight:700;padding:0 .5rem;text-transform:capitalize}.about h2{border-left:var(--border-red);font-size:2.5rem;font-weight:200;line-height:1.1;padding-left:1rem;text-transform:uppercase}.about h2,.about p{font-family:var(--font-sans);margin-bottom:1.5rem}.about p{font-size:1.1rem}.about p:first-of-type:first-letter{float:left;font-family:var(--font-sans);font-size:3rem;line-height:.85;margin:.1em}.highlight-box{background:#fff;border-left:var(--border-red);margin:2rem 0;padding:1.5rem}.highlight-box p{font-family:var(--font-sans);font-size:1.3rem;font-weight:700;line-height:1.3;margin:0}@media(max-width:768px){.about-container{grid-template-columns:1fr;padding:4em 0}.about{padding:2rem 1rem}.about h2{font-size:1.8rem}}.work-gallery{font-family:var(--font-sans);overflow-x:hidden}.work-card{grid-gap:3rem;align-items:center;background:#fff;background:var(--card-bg,#fff);border:1px solid #0000000d;border-radius:.75rem;display:grid;gap:3rem;grid-template-columns:1fr 1fr;margin:1rem 0;padding:2rem 2.5rem;transition:transform .2s ease,box-shadow .2s ease}.work-card.even .work-image{order:2}.work-card.even .work-content{order:1}.work-card .work-image img{aspect-ratio:16/9;border-radius:.75rem;height:auto;object-fit:cover;width:100%}.work-card .work-content{display:flex;flex-direction:column}.work-card .work-content h3{color:#111;color:var(--heading-color,#111);font-size:1.3rem;font-weight:600;letter-spacing:-.02em;margin:0}.work-card .work-content h4{color:#c00;color:var(--accent,#c00);font-size:.95rem;font-weight:500;letter-spacing:.08em;margin-bottom:.25rem}.work-card .work-content p{color:#444;color:var(--text-color,#444);font-size:1rem;line-height:1.7;margin-bottom:.5rem}.work-card .work-content .work-tags{display:flex;flex-wrap:wrap;gap:.5rem}.work-card .work-content .work-tags .work-tag{background:#0000000a;border:1px solid #ddd;border-radius:20px;color:#555;color:var(--text-color,#555);font-size:.6rem;font-weight:600;padding:.4rem .5rem;text-transform:uppercase}.work-card .work-content .work-link{align-self:flex-start;border-bottom:1px solid #0000;color:#c00;color:var(--accent,#c00);font-size:.95rem;font-weight:600;padding:10px 0;text-decoration:none;transition:border-color .2s ease}.work-card .work-content .work-link:focus{border-color:#c00;border-color:var(--accent,#c00);outline:none}@media(max-width:768px){.work-card{gap:1.5rem;grid-template-columns:1fr;padding:1.5rem}.work-card .work-image{order:2}.work-card .work-content{order:1}}.bento-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(12,minmax(0,1fr));margin-top:18px}.bento-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0c8c;border:0 solid #ffffff24;border-radius:18px;box-shadow:0 0 4px -1px #00000080;cursor:pointer;min-height:300px;overflow:hidden;padding:0;position:relative;text-align:left}.bento-card:focus-visible{outline:2px solid #6366f1e6;outline-offset:2px}.bento-media{height:100%;inset:0;position:absolute;width:100%}.bento-media img{height:100%;object-fit:cover;transform:scale(1.02);width:100%}.bento-fade{background:linear-gradient(0deg,#000 0,#00000080 52%,#0000000d);inset:0;position:absolute}.bento-meta{grid-gap:6px;background:#fff;border-top:1px solid #0003;bottom:0;color:#000;display:grid;gap:6px;padding:16px;position:relative;position:absolute;width:100%;z-index:1}.bento-topline{align-items:center;display:flex;font-size:12px;gap:10px;opacity:.9}.bento-kind{background:#0003;border-radius:999px;padding:4px 8px}.bento-category{opacity:.85}.bento-title{font-size:18px;line-height:1.15;margin:0}.bento-role{font-size:13px}.bento-0,.bento-1{grid-column:span 6;grid-row:span 3/span 3}.bento-2,.bento-3,.bento-4{grid-column:span 4;grid-row:span 2/span 2}@media(max-width:900px){.bento-0,.bento-1,.bento-2,.bento-3,.bento-4,.bento-5,.bento-6{grid-column:span 12;grid-row:span 1}}.bento-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000008c;display:grid;inset:0;padding:16px;place-items:center;position:fixed;z-index:999}.bento-sheet{background:#0c0c10e0;border:1px solid #ffffff29;border-radius:26px;box-shadow:0 30px 90px #0000008c;max-height:86vh;overflow:auto;padding-bottom:14px;position:relative;width:min(920px,100%)}.sheet-card{border-radius:26px;overflow:hidden}.sheet-media{height:320px}.sheet-media img{height:100%;object-fit:cover;width:100%}.sheet-content{grid-gap:12px;background-color:var(--color-dark);display:grid;gap:12px;padding:18px 18px 8px}.sheet-topline{align-items:center;display:flex;font-size:12px;gap:10px;opacity:.9}.sheet-kind{background:#ffffff1f;border-radius:999px;color:#fff;padding:4px 8px}.sheet-title{color:#fff;font-size:24px;margin:6px 0 0}.sheet-role{color:#ffffffd9;font-size:13px;opacity:.9}.sheet-description{color:#ffffffd9;line-height:1.5;margin:0}.sheet-tags{display:flex;flex-wrap:wrap;gap:8px}.sheet-tag{background:#ffffff0f;border:1px solid #ffffff24;border-radius:999px;color:#ffffffe6;font-size:12px;padding:6px 10px}.sheet-actions{display:flex;gap:10px;padding-top:6px}.sheet-primary{align-items:center;background:#e90606;color:#fff;display:inline-flex;font-size:13px;font-weight:600;justify-content:center;text-decoration:none}.sheet-close,.sheet-primary{border-radius:12px;padding:10px 14px}.sheet-close{background:#ffffff0f;border:1px solid #ffffff24;color:#ffffffeb;cursor:pointer;position:absolute;right:10px}.skills{background-color:#0f172a}.skills .skills-wrapper{color:#fff;margin:0 auto;max-width:1200px;padding:4rem 1rem}.skills .section-title{color:#fff}.skills .skills-container{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.skills .skill-category{padding:1rem;position:relative}.skills .skill-category:not(:last-child):after{background-color:#fff;bottom:-1rem;content:"";height:1px;left:0;position:absolute;width:100%}@media(min-width:768px){.skills .skill-category:not(:last-child):after{bottom:auto;height:100%;left:auto;right:0;top:0;width:1px}}.skills .skill-category h3{font-family:var(--font-sans);font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase}.skills .skill-list{list-style-type:none}.skills .skill-list li{font-family:var(--font-sans);font-size:.9rem;margin-bottom:.5rem}.skills .skill-list li:before{content:"- "}.contact{background:var(--color-dark);color:#fff;padding:4rem 2rem}.contact .contact-container{margin:0 auto;max-width:1200px;text-align:center}.contact .contact-container h2{font-family:var(--font-sans);font-size:1.5rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase}.contact .contact-container p{font-size:1.1rem;margin:0 auto 2rem;max-width:600px}.contact .contact-container ul{display:flex;justify-content:center;list-style-type:none}.contact .contact-container ul li{border-right:1px solid #ccc;display:inline-block;padding:0 .5em}.contact .contact-container ul li:last-child{border-right:none}.contact .contact-container .contact-email{color:#fff;padding-bottom:2px;text-decoration:none}.contact .contact-container .contact-email:hover{color:var(--color-primary)}.contact .contact-container .social-link{color:var(--color-light);font-family:var(--font-sans);font-size:.8rem;font-weight:700;text-decoration:none;text-transform:uppercase}.contact .contact-container .social-link:hover{color:var(--color-primary)}:root{--font-sans:"Open Sans";--font-serif:"Playfair";--color-primary:#e90606;--color-dark:#0f172a;--color-light:#f4f4f4;--color-mid:#888;--color-category:#eee;--border-red:4px solid var(--color-primary)}*{box-sizing:border-box}*,body{margin:0;padding:0}body{background-color:#fff;font-family:Playfair;font-family:var(--font-serif);line-height:1.5}.section-title,body{color:#0f172a;color:var(--color-dark)}.section-title{align-items:center;border-left:4px solid #e90606;border-left:var(--border-red);display:flex;font-family:Open Sans;font-family:var(--font-sans);font-size:2.5rem;font-weight:200;margin-bottom:2rem;padding-left:1rem;text-transform:uppercase}@media(max-width:768px){.about-container,.hero-container{grid-template-columns:1fr}.section-title{font-size:2rem}.skills .skill-category{padding:1em 0}.footer-container{flex-direction:column;gap:1rem;text-align:center}}.timeline-entries{margin-top:3rem;position:relative}.timeline-entries:before{bottom:0;left:15px}.timeline-entries:after,.timeline-entries:before{background-color:#0f172a;content:"";position:absolute;top:0;width:2px}.timeline-entries:after{height:0;height:var(--filled-height,0);left:13px;transition:height 1s ease-out}.timeline-entry,.timeline-entry-first{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:90px 1fr;margin-bottom:1rem;position:relative}.timeline-entry:last-child{margin-bottom:0}.timeline-entry:before{background-color:var(--color-primary);border-radius:50%;content:"";height:15px;left:8px;position:absolute;top:15px;width:15px;z-index:0}.timeline-date{padding-top:.5rem;text-align:right}.timeline-date .year{color:var(--color-dark);display:block;font-weight:700}.timeline-date .range,.timeline-date .year{font-family:var(--font-sans);font-size:1rem}.timeline-date .range{color:var(--color-mid)}.timeline-content{padding-top:.5rem;position:relative}.timeline-title{color:var(--color-dark);margin-bottom:.5rem}.timeline-company,.timeline-title{font-family:var(--font-sans);font-size:1rem;font-weight:700}.timeline-company{color:var(--color-primary);margin-bottom:1rem;text-transform:uppercase}.timeline-description{color:var(--color-dark);font-family:var(--font-sans);font-size:1rem;line-height:1.6}@media(max-width:768px){.timeline-entry,.timeline-entry-first{gap:.5rem;grid-template-columns:1fr;padding-left:2rem}.timeline-entries:before{left:13px}.timeline-entry:before{left:5px}.timeline-date{text-align:left}.timeline-date .range,.timeline-date .year{display:inline}}
/*# sourceMappingURL=main.debc8f9c.css.map*/