:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#242424;background-color:#fffdd0;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}html,body{width:100%;max-width:100vw}#root,main,.app,.container{width:100%;box-sizing:border-box}img,video{max-width:100%;height:auto;display:block}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}.ScrollDetector{height:100vh;overflow-y:scroll;position:fixed;width:100%;left:0;top:0;overflow-anchor:none}section{position:relative;width:100%;height:80vh}.welcomeText{position:absolute;top:0;left:0;width:60%;height:80%;display:flex;justify-content:center;align-items:center;flex-direction:column;-webkit-user-select:none;user-select:none}.welcomeText span{width:50%;font-size:4rem}.welcomeText p{width:50%;font-size:1.5rem;transform:translateY(-80%)}.welcomeImage{position:absolute;top:0;left:60%;width:40%;height:80%;display:flex;justify-content:center;align-items:center}.welcomeImageContain{width:30vw;height:30vw;object-fit:cover;border-radius:50%;transform:translateY(10%);overflow:hidden}.shadow{position:absolute;width:100%;height:100%;box-shadow:inset 5px 5px 20px #242424;border-radius:50%;top:0;left:0}.body{height:120vh}.body p{position:absolute;width:80%;left:10%;text-align:center;top:40%;font-size:1.2rem}.body button{position:absolute;left:50%;top:55%;transform:translate(-50%);padding:.5rem 1rem;font-size:1.2rem;color:#fff;border:none;border-radius:5px;cursor:pointer;width:250px;height:50px;transition:.1s}.body button:hover{background-color:#474747;border:2px solid #1a1a1a;transition:.1s}.enquiries{margin-top:20vh;position:relative;width:100%;height:60vh;overflow-x:scroll;scrollbar-width:none;-ms-overflow-style:none}.sideScroll{width:100vw;height:100%;top:0;left:0;align-items:center;overflow-x:scroll;display:flex;scroll-snap-type:x mandatory;list-style:none;scrollbar-width:none;-ms-overflow-style:none}.sideScrollContent{position:relative;width:100vw;height:100%;scroll-snap-align:center;flex-shrink:0;overflow-y:hidden}.enquiries iframe{position:absolute;width:50vw;height:100%;left:10vw;top:0;border:none;border-radius:20px}.iframeShadow{position:absolute;width:50vw;left:10vw;height:100%;top:0;border:none;border-radius:20px;box-shadow:inset 0 0 10px #2424244d;z-index:1;pointer-events:none}.enquiriesPrompt{position:absolute;width:40vw;left:60vw;height:100%;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.enquiriesPrompt,.calendarPrompt p{font-size:1.4rem;text-align:center}.enquiriesPrompt span,.calendarPrompt span{display:flex;justify-content:center;align-items:center;flex-direction:column;cursor:pointer}.enquiriesPrompt span:hover,.calendarPrompt span:hover{text-decoration:underline}.calendarPrompt{position:absolute;width:40vw;left:0;height:100%;top:0;display:flex;justify-content:center;align-items:center;flex-direction:column}.sizeKeeper{position:absolute;top:0;left:0;width:100%;height:fit-content;padding-bottom:20vh}footer{position:absolute;width:100%;height:20vh;display:flex;justify-content:center;align-items:end;bottom:0}footer div{padding-top:20px;padding-bottom:20px;width:100%;text-align:center;background-color:#fffee2;box-shadow:0 0 10px #24242466}.timeline{background:#242424;color:#ffffffde;height:1080vh}.navbar{position:sticky;position:-webkit-sticky;top:0;width:100%;min-height:10vh;display:flex;justify-content:center;align-items:center;background:#fff;z-index:1000;transform:none;box-shadow:0 0 10px #2424244d}.navbar-timeline{background:#242424;color:#fff;transition:.2s ease-in-out}.navbar-timeline li{fill:#fff}.navbar-brand{position:absolute;opacity:1;font-size:2rem;left:30px;-webkit-user-select:none;user-select:none;transition:.2s;cursor:pointer}.navbar-brand:hover{text-decoration:underline;text-decoration-color:#795548;transition:.2s}.navbar-timeline .navbar-brand:hover{text-decoration-color:#48bcff}.navbar-menu{position:relative;display:flex;justify-content:center;align-items:center;list-style:none;width:50%;height:100%}.navbar-menu li{width:calc(100% / 3);font-size:1.2rem;cursor:pointer;-webkit-user-select:none;user-select:none;height:100%;display:flex;align-items:center;justify-content:center}.navbar-menu li:hover{color:#795548}.navbar-timeline .navbar-menu li:hover{color:#48bcff}.navbar-social{position:absolute;right:4%;display:flex;justify-content:center;align-items:center;list-style:none;width:7%;height:95%;bottom:0}.navbar-social li{width:50%;display:flex;justify-content:center;align-items:center;font-size:1.2rem;cursor:pointer;height:24px;height:100%}.navbar-social li:hover{fill:#795548}.navbar-timeline .navbar-social li:hover{fill:#48bcff}.mail{position:absolute;right:0vw;width:60vw;height:100%}.mail form{position:absolute;right:10vw;width:50vw;border-radius:20px;background:#f0f4f9;display:flex;flex-direction:column;height:100%;box-shadow:inset 0 0 10px #2424244d}.enquiryFormTitle{position:relative;margin-top:2%;left:2%;font-size:1.5rem;text-align:center;width:96%;background:#fff;border-top-left-radius:10px;border-top-right-radius:10px;min-height:10%;padding-top:2%;flex:0 0 auto}.mail form label{position:relative;left:2%;top:0;font-size:1rem;width:96%;background:#fff;display:flex;flex-direction:column;padding-left:2%;padding-right:2%;padding-top:1%;flex:0 0 auto}.mail form label:last-of-type{flex:1 1 auto;display:flex;flex-direction:column}.mail form button{margin-top:0;margin-bottom:2%;position:static;width:96%;align-self:center;height:50px;color:#000c;border-top-left-radius:0;border-top-right-radius:0;border:none;font-size:1.2rem;cursor:pointer;background:#fff;transition:.2s ease-in-out;outline:none}.mail form button:hover{color:#48bcff;background:#f1f1f180;transition:.2s ease-in-out;text-decoration:underline}.mail form label input{height:32px;background:#fff;border-radius:5px;border:rgba(0,0,0,.3) 1px solid;color:#242424;padding-left:5px}.mail form label input:focus{outline:rgba(0,0,0,.5) 1px solid}.mail form label textarea{flex:1 1 auto;min-height:80px;background:#fff;border-radius:5px;border:rgba(0,0,0,.3) 1px solid;color:#242424;padding:5px;margin-bottom:10px;resize:none}.mail form label textarea:focus{outline:rgba(0,0,0,.5) 1px solid}.timeline-content{position:sticky;top:10vh;width:100%;height:100vh}.timeline-scrollbar{position:absolute;right:4%;width:20px;height:80vh;top:5vh;border-radius:10px;overflow:hidden}.ts-progress{position:absolute;left:0;top:0;height:50%;width:100%;background-color:#48bcff;border:2px solid white;border-radius:10px}.timeline-item{position:absolute;left:10vw;width:75vw;height:100%;transition:.5s}.timeline-item .tl-header{position:absolute;left:0;top:20px;font-size:3rem;height:fit-content}.timeline-item .tl-body{position:absolute;top:calc(40px + 3rem);left:0;width:100%;bottom:20vh;display:flex;flex-direction:row;justify-content:space-between;overflow-y:hidden}.timeline-item .tl-body span{width:48%;height:100%}.project-description{padding:20px 20px 20px 0;overflow:wrap;overflow-wrap:break-word;white-space:pre-line;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-auto-rows:150px;grid-auto-flow:dense;gap:.5rem;align-items:start}.photo-item{position:relative;display:flex;align-items:center;justify-content:center;height:100%}.photo-item img{height:100%;width:auto;max-width:100%;object-fit:contain;border-radius:.375rem;display:block;cursor:pointer}.fullscreen-modal{position:fixed;z-index:9999;top:0;left:0;width:100vw;height:100vh;background:#000000f2;align-items:center;justify-content:center;flex-direction:column}.fullscreen-modal .right-btn{position:absolute;left:2rem;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.fullscreen-modal .left-btn{position:absolute;right:2rem;top:50%;transform:translateY(-50%);font-size:3rem;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none}.fullscreen-modal .image{max-width:90vw;max-height:80vh;box-shadow:0 0 40px #000}.fullscreen-modal .caption{color:#fff;margin-top:1rem;text-align:center}.fullscreen-modal .closeModal{position:absolute;top:2rem;right:2rem;font-size:2rem;color:#fff;cursor:pointer}.tl-welcome-header{position:absolute;left:0;top:40px;width:100%;text-align:center;font-size:3rem}.tl-welcome-body{position:absolute;top:calc(3rem + 120px);left:0;width:100%;white-space:pre-line;text-align:center}.mobile-photos{display:none}.contactMessage{position:relative;background:#fff;width:96%;left:2%;padding:2%;height:fit-content}@media (max-width: 860px){.navbar-brand{display:none}.navbar-menu{position:absolute;left:0;width:70%}.navbar-social{width:15%}.navbar-social a{padding:10%}.timeline-item .tl-header{font-size:2rem}.gallery{display:none}.timeline-item .tl-body{top:calc(40px + 2rem);flex-direction:column;justify-content:center;bottom:0}.timeline-item .tl-body span{position:absolute;top:0;width:100%}.project-description{font-size:.7rem;max-height:80%}.mobile-photos{position:absolute;bottom:12vh;display:flex;justify-content:center;font-weight:500;width:100%;font-size:1.5rem}.tl-welcome-header{font-size:2.2rem}.tl-welcome-body{font-size:.8rem}.fullscreen-modal .right-btn,.fullscreen-modal .left-btn{transform:translateY(35vh)}.enquiries iframe,.iframeShadow{width:80%;height:80%;left:10%}.enquiriesPrompt,.calendarPrompt{width:100%;left:0;height:fit-content;top:90%;bottom:0}.mail{right:0vw;width:100%;height:80%}.mail form{right:10%;width:80%;height:100%}.enquiryFormTitle{font-size:.8rem}.mail form label{font-size:.9rem}.welcomeText{top:70%;width:100%;height:30%}.welcomeText span,.welcomeText p{width:80%}.welcomeImage{left:0;width:100%;height:70%}.welcomeImageContain{width:70vw;height:70vw}}