@font-face{font-family:roboto;src:url(../assets/fonts/roboto/Roboto-VariableFont_wdth,wght.ttf)}@font-face{font-family:roboto-slab;src:url(../assets/fonts/roboto-slab/RobotoSlab-VariableFont_wght.ttf)}:root{--darkness: rgb(2, 21, 38);--darkblue: rgb(3, 52, 110);--blue: rgb(110, 172, 218);--turquoise: Turquoise }#root{display:flex;flex-direction:column;margin:0;padding:0;top:0}*{box-sizing:border-box;scroll-behavior:smooth;margin:0%;padding:0%;border:0%}html,body{background-color:#e7e7e7;color:#000;font-weight:400;font-size:clamp(.8rem,1.2vw,1.4rem);font-family:roboto;width:auto;margin:0%;padding:0%}button{background-color:transparent;border-radius:10px;color:#fff;border:transparent;margin:0 .5%;padding:.8% 1.5%;font-weight:600;transition:all .3s ease-in-out}.flex{display:flex;align-items:center;justify-content:center}h1,h2,h3,h4,h5,h6{font-family:roboto-slab}h1{font-weight:600;font-size:clamp(2rem,6vw,5rem)}h2{font-weight:700;margin:5%;font-size:clamp(1.3rem,3vw,2.5rem);letter-spacing:-1px}h3{letter-spacing:-1px;font-weight:600;font-size:clamp(1.1rem,2vw,2.3rem);margin-bottom:2%}p{font-size:clamp(.9rem,1vw,1.5rem)}main{position:relative;opacity:0;transform:translateY(-100%)}main.slide-in{animation:contentSlideIn 1.5s ease-out forwards}@keyframes slideDown{0%{transform:translateY(0);opacity:1}50%{opacity:0}80%{filter:brightness(.5);opacity:0}to{opacity:0;filter:brightness(0);transform:translateY(100%)}}#loader-backdrop{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:1000;display:flex;justify-content:center;align-items:center;background-color:#000;overflow:hidden;flex-direction:column;pointer-events:none}#loader-backdrop video{width:100%;height:100%;object-fit:cover;position:absolute;top:0;left:0;z-index:10}#loader-backdrop h3{z-index:20;font-weight:600;position:absolute;text-align:center;bottom:20vh;padding:10px;border-radius:10px;background-color:#000000b3;color:#fff}.slide-down{animation:slideDown 1.5s ease-in forwards}@keyframes contentSlideIn{0%{transform:translateY(-700px);opacity:0}to{transform:translateY(0);opacity:1}}.main-content{opacity:0}.slide-in{animation:contentSlideIn 1.5s ease-in-out .7s forwards}.header{position:fixed;top:0;left:0;width:100%;padding-right:4em;z-index:100;background:#0000004d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:translateY(0);transition:transform .4s ease-in-out,opacity .4s ease-in-out;opacity:1}.header.hidden{transform:translateY(-100%);opacity:0}.navbar{display:flex;justify-content:flex-end;align-items:center;padding:16px 24px}.nav-links{display:flex;gap:16px}a{text-decoration:none;display:contents}button{padding:.5em 1em;white-space:nowrap;background:transparent;margin:1%;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s transform .2s ease}a button:hover{transform:scale(1.2);background-color:#0026ff}.contact-btn{background-color:#06135d;color:#fff}.contact-btn:hover{box-shadow:0 0 8px #00f;text-shadow:3px 3px 4px black}.hamburger{display:none;font-size:24px;cursor:pointer}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;position:absolute;top:60px;right:20px;background:#0000004d;padding:10px;border-radius:8px;box-shadow:0 4px 8px #0003}.nav-links.open{display:flex}.hamburger{display:block;margin-left:auto}}.hero{background:url(/assets/NYC-Skyline2-CVNJhF8n.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;filter:brightness(.8);height:120vh;max-height:120vh;width:100%;justify-content:center;align-items:center;text-align:center}.hero h1{position:absolute;top:600px;left:50%;transform:translate(-50%);font-weight:600;width:100%;font-size:clamp(2rem,6vw,5rem);color:transparent;-webkit-background-clip:text;background-clip:text;background-image:linear-gradient(#dde4e8,#ffffffe6,#c4e1f6cc);letter-spacing:-4px;text-shadow:4px 3px 1px rgb(6,19,93);margin:0;z-index:1}.hero-content{display:flex;flex-direction:column;align-items:center;width:100%;padding-top:750px}.hero .card{padding:1em;border-radius:10px;background-image:linear-gradient(45deg,#9a9a9a33,#e0e0e080,#7e7e7e33);box-shadow:2px 2px 5px #0006,-2px -2px 5px #a5a5a566;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);width:100%;transition:height .3s ease}.review-carousel{display:flex;align-items:center;justify-content:center;position:relative;max-width:85%;margin:auto;padding:1rem;text-align:center}.review-content{flex:1;line-height:2;padding:0 2rem}.nav-button{background:none;border:none;font-size:2rem;cursor:pointer;color:inherit;padding:0 1rem;transition:color .3s}.nav-button:hover{color:#007bff}.quote-icon{width:clamp(1em,2.4vw,1.4em);height:clamp(1em,2.4vw,1.4em)}.flip{transform:rotate(180deg)}@media (orientation: portrait){.hero{height:80vh}.hero h1{text-shadow:2px 2px 1px rgb(6,19,93);letter-spacing:-2px;top:20vh}.hero .card{width:85%}}@media (max-width: 900px){.hero h1{top:20vh}.hero-content{padding-top:40vh}}@media (max-width: 600px){.hero h1{top:15vh}.hero-content{padding-top:25vh}}#my-portrait{width:30%;float:left;position:relative;border-radius:7%;justify-self:center;box-shadow:2px 2px 4px #202020,-2px -2px 4px #d8d3d3;display:flex;margin:10px 40px}.about{justify-self:center;padding:40px 0;width:75%;position:relative;top:-20px;border-radius:10px;justify-content:center;align-items:center;background-image:linear-gradient(45deg,#9a9a9a33,#e0e0e080,#7e7e7e33);box-shadow:2px 2px 5px #0006,-2px -2px 5px #a5a5a566;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.about p{text-indent:2em;width:100%;padding:0 5%}.about h2{text-align:center}@media (max-width: 790px){.about{display:block;justify-items:center}}@media (max-width: 600px){#my-portrait{display:block;float:none;width:50%}}.gallery-item{display:grid;align-items:center;grid-template-columns:1fr 1fr;gap:1rem;margin:5%}.gallery-item:nth-child(2n) a{grid-column:2;grid-row:1}.gallery-item:nth-child(2n) .gallery-text{grid-column:1;grid-row:1}.gallery-item a{display:block}.gallery-img{display:block;height:auto;width:100%;border-radius:20px;box-shadow:2px 2px 5px #000,-2px -2px 5px #b7c5d6;transition:.2s all ease-in-out}.gallery-img:hover{transform:scale(1.2)}.gallery-img:active{transform:scale(1)}.gallery-text{align-content:center;justify-items:center}.gallery-text p{padding:0 25%;text-align:center}@media (max-width: 800px){.gallery-item{display:block}.gallery-text{padding:30px 0;text-align:center}}.services-div{margin:0 1em;gap:1em;display:grid;grid-template-columns:1fr 1fr}.fancy-list{list-style:none;padding:0;margin-left:0}.fancy-list li{position:relative;padding-left:2em;margin-bottom:1em;text-indent:0}.fancy-list li:before{position:absolute;left:0;top:.1em;content:"•";margin-right:.5em;font-size:1.2em}.img-div{grid-column:2 / -1;align-self:end;justify-self:center;display:flex;align-items:center;width:90%;height:80%;border-radius:20px;overflow:hidden;box-shadow:2px 2px 5px #000,-2px -2px 5px #b7c5d6}.img-div img{width:100%}.list-div{grid-row:-1}.fancy-list li:nth-child(1):before{content:"🎨"}.fancy-list li:nth-child(2):before{content:"⚛️"}.fancy-list li:nth-child(3):before{content:"🛠️"}.fancy-list li:nth-child(4):before{content:"🧩"}.fancy-list li:nth-child(5):before{content:"🌐"}@media (max-width: 790px){.services-div{display:block}}form{display:block;width:100%}input,textarea{width:100%;height:35px;display:block;background-color:#e4e4e4;border:2px solid black;border-radius:7px;margin:1% 0;transition:all .25s;padding:.5em;resize:none}form button{border-radius:7px;background-color:#06135d;padding:2% 5%;transition:all .25s}form button:hover{box-shadow:0 0 8px #00f;text-shadow:3px 3px 4px black;transform:scale(1.2);background-color:#0026ff}.contact-div{width:100%;padding:0 5%;display:grid;grid-template-columns:1fr 1fr}#message-input{text-align:start;height:120px;resize:none}.form-div{grid-column:2 / -1;grid-row:-1}.contact-div>.img-div{margin-top:4rem;grid-column:1 / 2}.contact-div>.img-div img{height:100%;object-fit:cover}@media (max-width: 790px){.contact-div{justify-items:center;justify-self:center;width:90%;display:block}}footer{height:20vh;background:linear-gradient(rgb(231,231,231),rgb(231,231,231),var(--darkblue),var(--darkness));font-weight:500;text-shadow:3px 3px 4px black;color:#e7e7e7;background-size:cover;padding:10%;text-align:center}footer svg{transition:all .25s;margin:1em .75em;width:2.2em;height:2.2em;color:#fff;fill:#fff}footer svg:hover{transform:scale(1.2);fill:#d2d4ff}.social-card{margin:.5%}@media (max-width: 500px){.social-icons{margin:1em .5em;width:1.2em;height:1.2em}}.blog{background:#e7e7e7;min-height:100vh;padding:5em 3em}.blog h1{margin:3rem 0;color:#06135d;letter-spacing:-3px}.blog .portrait{margin-left:10%;width:20em;clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%)}