@import"https://fonts.googleapis.com/css2?family=Lato&display=swap";.navbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem 1.5rem;border-bottom:1.5px solid transparent;border-image:linear-gradient(to right,#c4958d,#996c4f 22%,#4f3338);border-image-slice:1;background-color:#fff;position:fixed;top:0;width:100vw;box-sizing:border-box;z-index:1000}.navbar-logo{font-size:1.2rem;font-weight:700;color:#333;text-decoration:none;padding:.2rem .5rem;transition:color .3s ease}.navbar-logo:hover{background:linear-gradient(to right,#c4958d,#996c4f 22%,#4f3338);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hamburger{background:none;border:none;font-size:1.5rem;cursor:pointer;color:#333}.nav-menu{display:none;position:absolute;top:100%;right:10px;background-color:#333;color:#fff;padding:1rem;box-shadow:0 4px 8px #0000001a;z-index:1001}.nav-menu.show{display:flex;flex-direction:column;align-items:flex-start}.nav-item{color:#fff;text-decoration:none;padding:.5rem 0;text-align:left}.nav-item:hover{background:linear-gradient(to right,#c4958d,#996c4f 22%,#4f3338);-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media (min-width: 480px){.navbar-logo{font-size:1.4rem}.hamburger{font-size:1.8rem}}@media (min-width: 768px){.navbar{padding:1rem 2rem}.nav-menu{display:flex;position:static;flex-direction:row;background-color:transparent;color:#333;padding:0;box-shadow:none;gap:1.5rem}.hamburger{display:none}.nav-item{color:#333;padding:0;text-align:center}}@media (min-width: 1024px){.navbar{padding:1rem 3rem}.nav-menu{gap:2rem}.nav-item{font-size:1rem}.navbar-logo{font-size:1.6rem}}.footer{text-align:center;padding:1rem;background:linear-gradient(to right,#c4958d,#996c4f 22%,#4f3338);color:#fff}.footer p{margin:0;margin-bottom:.5rem}.social-links a{margin:0 .5rem;color:#fff;text-decoration:none;font-size:1.5rem;transition:color .3s ease}.social-links a:hover{color:#333}html,body{margin:0;padding:0;height:100%;overflow-x:hidden}body{font-family:Lato,sans-serif}.app-wrapper{display:flex;flex-direction:column;min-height:100vh}.content-wrapper{flex:1;padding-top:3rem}footer{text-align:center;padding:1rem;background-color:#333;color:#fff;margin-top:auto}.construction-message{text-align:left;padding:2rem 2rem 1rem;font-size:1rem;color:#333;font-style:italic;border-bottom:1.5px solid transparent;border-image:linear-gradient(to right,#c4958d,#996c4f 22%,#4f3338);border-image-slice:1}.media-tiles{display:flex;flex-direction:column;gap:1.5rem;padding:1rem 2rem}.section{display:flex;padding:2rem 0rem;flex-direction:column;align-items:center;border-bottom:1.5px solid transparent;border-image:linear-gradient(to right,#c4958d,#996c4f 22%,#4f3338);border-image-slice:1}.section h2{font-size:1.5rem;color:#333;margin:.5rem 0 .25rem}.section p{font-size:1rem;color:#555;margin:0}.section img:hover{opacity:.5}.thumbnail-image,.thumbnail-image-v{width:100%;max-width:300px;height:300px;object-fit:cover;object-position:center;border-radius:0;transition:transform .3s ease}.thumbnail-image-h{width:300px;max-height:300px;height:100%;object-fit:cover;object-position:center;border-radius:0;transition:transform .3s ease}.thumbnail-image:hover{opacity:1}.media-text{text-align:left;margin-top:1rem}.media-text h2{font-size:1.5rem;color:#333;margin:.5rem 0 .25rem}.media-text p{font-size:1rem;color:#555;margin:0}html{scroll-behavior:smooth}.about-page{display:flex;padding:3rem 2rem}.about-content{display:flex;flex-direction:column;align-items:center;max-width:800px;text-align:center}.about-photo{width:200px;height:200px;border-radius:50%;object-fit:cover}.about-text{text-align:left}.about-text h1{font-size:2rem;color:#333;margin-bottom:1rem}.about-text p{font-size:1rem;color:#555;line-height:1.6;margin-bottom:1rem}.contact-page{display:flex;padding:3rem 2rem}@media (min-width: 768px){.media-tiles{flex-direction:row;flex-wrap:wrap;gap:2rem;justify-content:space-around;padding:3rem 2rem}.section{flex:1 1 48%;padding:1rem}.construction-message{padding:2rem 2rem 1rem}}@media (min-width: 1024px){.media-tiles{justify-content:space-between;padding:5rem 2rem}.section{flex:1 1 20%}}.project-item{width:100%;max-width:300px;text-align:center}.project-item img{width:100%;height:100%;max-width:300px;max-height:300px;object-fit:cover;transition:transform .3s ease}.project-image{width:100%;height:100%;object-fit:cover}.photography-overview{padding:2rem;text-align:center}.title-container{display:flex;align-items:center;text-align:left;margin-bottom:1rem}.project-grid{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.project-item{width:300px;text-align:center}.project-item img{width:100%;max-width:300px;height:300px;object-fit:cover;transition:transform .3s ease}.project-item a{text-decoration:none;color:inherit}.project-image{width:100%}.project-text{text-align:left}.project-item h3{margin-top:.5rem;font-size:1.2rem;color:#333}.project-title{color:#333;margin:1rem 0;padding-left:1rem}.project-detail{padding:2rem;text-align:left}.project-detail h2{font-size:2rem;color:#333;margin-bottom:1rem}.project-detail p{font-size:1rem;color:#555;max-width:700px;margin:0 auto 2rem}.project-image{width:100%;height:auto;transition:transform .3s ease}.title-container{display:flex;align-items:center;margin-bottom:1rem}.image-gallery{display:grid;grid-template-columns:1fr;gap:.3rem}.photorealistic-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:1.5rem;margin-top:2rem}.photorealistic-gallery .image-container{text-align:center}.photorealistic-gallery .image-caption{margin-top:.5rem;font-size:1rem;color:#555}.back-button{display:inline-flex;align-items:center;font-size:1.2rem;color:#4f3338;text-decoration:none;margin:1rem 0;cursor:pointer;transition:color .3s ease}@media (min-width: 768px){.image-gallery{grid-template-columns:repeat(4,1fr);gap:.3rem}}.overview-page{padding:2rem;text-align:center}.vimeo-button{display:inline-block;margin-top:2rem;padding:.8rem 1.5rem;font-size:1rem;color:#fff;background-color:#1ab7ea;text-decoration:none;border-radius:5px;transition:background-color .3s ease}.vimeo-button:hover{background-color:#0e8ab8}.design-overview{padding:2rem;text-align:center}.design-page{padding:2rem}.title-container{display:flex;align-items:center;justify-content:start;margin-bottom:1rem}.back-button{display:inline-flex;align-items:center;font-size:1.2rem;color:#4f3338;text-decoration:none;margin-right:1rem;cursor:pointer}.back-button:hover{color:#c4958d}.overview-title{text-align:left;color:#333;margin:1rem 0;padding-left:1rem}.overview-message{font-size:1.2rem;color:#555;margin-top:2rem}.design-gallery{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));justify-items:center}.image-image{width:100%;height:auto;object-fit:cover}.design-image:hover{transform:scale(1.05)}.prototype-overview{padding:2rem;text-align:center}.threejs-experiment-detail .upload-container{display:flex;color:#fff;justify-content:center;align-items:center;position:relative;z-index:10;background:#000000b3;padding:1rem}.threejs-experiment-detail .title-container{position:relative;z-index:100;padding:2rem 2rem 0}.threejs-experiment-detail .project-title,.threejs-experiment-detail .back-button{color:#fff}.threejs-experiment-detail .upload-container input{margin-right:10px}.threejs-experiment-detail .upload-container button{padding:10px 20px;background-color:coral;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:16px;transition:background-color .3s ease}.threejs-experiment-detail .upload-container button:hover{background-color:#e7673f}.threejs-experiment-detail canvas{position:fixed;top:0;left:0;z-index:1}.threejs-experiment-detail main{width:100vw;color:#fff;z-index:99;position:absolute;width:100%;margin:0 auto;padding:120px 0;display:grid;grid-template-columns:repeat(12,1fr)}.threejs-experiment-detail h1,.threejs-experiment-detail h2,.threejs-experiment-detail h3,.threejs-experiment-detail blockquote{font-family:elevon,sans-serif;font-weight:700;font-style:normal}.threejs-experiment-detail header{grid-column:2 / span 5;font-size:2.5rem;padding:2rem}.threejs-experiment-detail header h1{background:#000000b3;padding:1rem}.threejs-experiment-detail section{grid-column:2/8;padding:1rem;background:#000000b3;font-size:1.25rem;line-height:1.5;margin:2rem 0}.threejs-experiment-detail blockquote{margin:0;padding:0;grid-column:2 / span 9;margin-bottom:var(--spacing)}.threejs-experiment-detail blockquote p{color:#000;background-color:#fff;font-size:4rem;display:inline}.threejs-experiment-detail p{color:#fff}.threejs-experiment-detail .left{grid-column:6 / 12}canvas{position:fixed;top:0;left:0}.Storytelling{display:grid;grid-template-columns:repeat(12,1fr);position:relative;margin:0 auto;padding:0!important}div[class^=wrapper]{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:2rem}.wrapper1{grid-column:2 / span 6;grid-row:1;text-align:left}.wrapper1 h1{font-size:4rem;margin-bottom:2rem;color:#fff}.wrapper1 blockquote{font-size:3rem;background-color:#fff;opacity:.8;padding:1rem}blockquote p{color:#000}.wrapper2{grid-column:8 / span 4;grid-row:2;text-align:left;padding-right:5rem}.wrapper2 h2{font-size:3rem;font-weight:700;color:tomato;margin-bottom:1rem}.wrapper2 p{font-size:1.5rem;line-height:1.8;color:#fff}.wrapper3{grid-column:8 / span 4;grid-row:3;text-align:left;padding-left:5rem}.wrapper3 h2{font-size:3rem;font-weight:700;color:#f5b041;margin-bottom:1rem}.wrapper3 p{font-size:1.5rem;line-height:1.8;max-width:600px;color:#fff}.wrapper4{grid-column:2 / span 5;grid-row:4;text-align:center}.wrapper4 blockquote{font-size:4rem;background-color:#fff;opacity:.8;color:#000;padding:1rem;border-radius:5px;max-width:800px;margin:0 auto}.Storytelling h1,h2,p,blockquote{font-family:elevon,sans-serif;font-weight:700;margin:0}.Storytelling p{color:#fff}.wrapper5{text-align:center;margin-top:2rem;grid-column:2 / span 7}.wrapper5 img{max-width:100%;height:auto}.wrapper5 p{padding-top:10px}