:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;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}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}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{margin:0;padding:0;width:100%}body{background-color:#fff;margin:0}@keyframes slideDown{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}.navbar{position:fixed;top:0;left:0;right:0;background-color:#fff;box-shadow:0 2px 10px #0000000d;z-index:1000;padding:1.2rem 0;animation:slideDown .6s ease forwards;transition:background-color .3s ease,backdrop-filter .3s ease}.navbar.scrolled{background-color:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 20px #0000001a}.nav-content{max-width:100%;margin:0 auto;padding:0 5rem;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;color:#000}.nav-links{display:flex;gap:2.5rem}.nav-link{color:#000;text-decoration:none;font-size:1rem;font-weight:500;transition:color .3s;position:relative}.nav-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#2bccab;transition:width .3s ease}.nav-link:hover{color:#2bccab}.nav-link:hover:after{width:100%}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-up{opacity:0;transform:translateY(50px)}.slide-up.slide-up-active{animation:slideUp .8s ease forwards}@keyframes lineExpand{0%{width:0}to{width:100%}}@keyframes arrowBounce{0%,to{transform:translate(0)}50%{transform:translate(10px)}}.footer{background:linear-gradient(180deg,#2a1f3d,#1a1428);color:#fff;padding:2rem;min-height:60vh;display:flex;align-items:center}.footer-content{max-width:1400px;margin:0 auto;width:100%}.footer-line{width:0;height:2px;background:#2bccab;margin-bottom:3rem}.footer-line.line-active{animation:lineExpand 1.2s ease forwards}.footer-top{margin-bottom:2.5rem}.footer-heading{font-size:2.5rem;font-weight:400;color:#ffffffe6;margin-bottom:2rem;letter-spacing:.5px}.footer-cta{display:flex;align-items:center;gap:2rem;cursor:pointer;width:fit-content;transition:transform .3s ease}.footer-cta:hover{transform:translate(10px)}.footer-cta:hover .arrow-icon{animation:arrowBounce .6s ease infinite}.cta-text{font-size:3.5rem;font-weight:700;background:linear-gradient(135deg,#2bccab,#20a88a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.arrow-icon{width:80px;height:80px;color:#2bccab;transition:transform .3s ease}.footer-links{display:flex;justify-content:space-between;gap:2rem;margin-bottom:.5rem;padding:3rem 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1)}.footer-link{color:#ffffffe6;text-decoration:none;font-size:2rem;font-weight:400;transition:all .3s ease;position:relative}.footer-link:hover{color:#2bccab;transform:translateY(-3px)}.footer-link:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#2bccab;transition:width .3s ease}.footer-link:hover:after{width:100%}.footer-bottom{text-align:center;padding-top:2rem}.copyright{font-size:1rem;color:#ffffffb3;margin-bottom:.5rem}.footer-note{font-size:.95rem;color:#fff9}.highlight{color:#2bccab;font-weight:500}@keyframes circularReveal{0%{clip-path:circle(0% at 50% 50%)}to{clip-path:circle(150% at 50% 50%)}}@keyframes textFadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-30px) rotate(5deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:.3}50%{transform:scale(1.2);opacity:.6}}@keyframes revealImage{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}.hero-reveal{animation:circularReveal 1.5s cubic-bezier(.77,0,.175,1) forwards}.text-reveal{animation:textFadeIn 1s ease-out .5s forwards;opacity:0}.floating-circle{animation:float 6s ease-in-out infinite}.pulse-circle{animation:pulse 3s ease-in-out infinite}.text-type{display:inline-block;white-space:pre-wrap}.text-type__cursor{margin-left:.25rem;display:inline-block;opacity:1}.text-type__cursor--hidden{opacity:0}.home-container{min-height:100vh;background-color:#fff;font-family:Butler,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.home-hero-section{position:relative;min-height:95vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,#ad0c8dfc,#200324 60%);padding:8rem 4rem 4rem;overflow:hidden}.home-hero-section:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at center,#0000 40%,#0000008c)}.bg-circle{position:absolute;border-radius:50%;background:#ff1b8d26;pointer-events:none}.bg-circle-1{width:400px;height:400px;top:-100px;left:-100px}.bg-circle-2{width:300px;height:300px;bottom:50px;right:100px;animation-delay:2s}.bg-circle-3{width:250px;height:250px;top:40%;right:-50px;animation-delay:1s}.bg-circle-4{width:200px;height:200px;bottom:100px;left:20%;animation-delay:3s}.mouse-follower{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(255,27,141,.2) 0%,transparent 70%);pointer-events:none;transform:translate(-50%,-50%);transition:all .3s ease-out}.hero-content-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:2rem;width:100%;max-width:1400px;align-items:center;position:relative;z-index:2}.hero-content{text-align:left;padding-left:2rem}.hero-title{margin:0;padding:0}.greeting{display:block;font-size:3rem;font-weight:500;color:#fff;margin-bottom:1rem}.hero-lanyard{width:100%;height:600px;position:relative;z-index:1}.home-about-section{background-color:#fffdf7;color:#000;padding:5rem 4rem;min-height:auto;display:flex;align-items:center}.home-about-container{max-width:1400px;margin:0 auto;width:100%}.home-about-top{margin-bottom:3rem}.home-about-heading{font-size:5rem;font-weight:400;letter-spacing:.5px;opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.16,1,.3,1)}.home-about-heading.slide-in-visible{opacity:1;transform:translate(0)}.home-about-text{font-size:1.125rem;line-height:1.6;color:#000;margin:0;max-width:1000px;opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.home-about-text.slide-in-visible{opacity:1;transform:translate(0)}.home-about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}.home-about-bottom-left{display:flex;justify-content:flex-start}.home-about-image-wrapper{position:relative;overflow:hidden;opacity:0;transition:opacity .8s ease}.home-about-image-wrapper.reveal-visible{opacity:1;animation:revealImage 1.2s cubic-bezier(.77,0,.175,1) forwards}.home-about-image{width:360px;height:auto;object-fit:cover;border-radius:8px;display:block}.home-about-bottom-right{display:flex;flex-direction:column;gap:1.5rem;padding-left:1rem}.home-about-description{font-size:1rem;line-height:1.7;color:#000;margin:0;opacity:0;transform:translate(-50px);transition:all .8s cubic-bezier(.16,1,.3,1) .2s}.home-about-description.slide-in-visible{opacity:1;transform:translate(0)}.home-about-buttons{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem}.home-about-btn{background-color:transparent;color:#000;border:2px solid #000000;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:all .3s ease;border-radius:4px;text-align:center;width:fit-content;opacity:0;transition:all .6s ease}.home-about-btn.fade-in-visible{opacity:1}.home-about-btn-delay.fade-in-visible{transition-delay:.3s}.home-about-btn:hover{background-color:#ff1b8d;color:#fff;border-color:#ff1b8d;transform:translateY(-2px)}.story-wrapper{width:100%;padding-top:120px;background:#000}.story-title{text-align:center;font-size:52px;font-weight:800;margin-bottom:80px;color:#fff}.story-section{height:80vh;position:relative}.image-title{width:100%;font-size:30px;font-weight:700;color:#fff;margin-bottom:15px}.sticky-image-container{display:none}.sticky-image{width:100%;border-radius:24px;box-shadow:0 12px 30px #ffffff1a}.story-text{position:absolute;right:6%;top:20%;width:42%;transform:translateY(-40%)}.story-text p{font-size:25px;line-height:1.7;color:#fff}.sticky-block{position:sticky;top:100px;left:6%;width:38%;z-index:10}@media(max-width:1024px){.hero-content-wrapper{grid-template-columns:1fr;gap:2rem}.hero-content{padding-left:0;text-align:center}.hero-lanyard{height:500px}}@media(max-width:768px){.home-about-bottom{grid-template-columns:1fr}.home-about-bottom-right{padding-left:0;text-align:center}.home-about-buttons{align-items:center}}.lanyard-wrapper{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.lanyard-wrapper canvas{width:100%!important;height:100%!important}.about-page-wrapper{width:100%;padding:60px 0 0;background:#fff;min-height:100vh}@keyframes aboutFadeIn{0%{opacity:0}to{opacity:1}}@keyframes aboutReveal{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes aboutSlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.about-page-wrapper .about-title{opacity:0}.about-page-wrapper .about-title.fade-in-active{animation:aboutFadeIn 1s ease forwards}.about-page-wrapper .pixel-card{opacity:0;transform:scale(.8)}.about-page-wrapper .pixel-card.reveal-active{animation:aboutReveal .8s ease forwards}.about-page-wrapper .about-slide-up{opacity:0;transform:translateY(50px)}.about-page-wrapper .about-slide-up.slide-up-active{animation:aboutSlideUp .8s ease forwards}.about-page-wrapper .about-title{text-align:center;font-size:50px;margin-bottom:50px;margin-top:35px;font-weight:500;font-family:Georgia,serif;color:#000}.about-page-container{display:flex;justify-content:space-between;align-items:flex-start;width:80%;margin:0 auto;gap:60px}.about-images-grid{width:40%;display:grid;transform:translate(-10px);grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,160px);gap:8px}.spacer{display:none!important}.about-images-grid .img-1{grid-column:1;grid-row:1}.about-images-grid .img-2{grid-column:1;grid-row:2}.about-images-grid .img-3{grid-column:1;grid-row:3}.about-images-grid .img-4{grid-column:2;grid-row:1 / 3}.about-images-grid .img-5{grid-column:2;grid-row:3}.about-page-text{width:45%;font-size:17px;line-height:1.8;color:#333;transform:translate(-40px);margin-top:-1%}.about-page-text p{margin-bottom:20px}.pixel-card{position:relative;overflow:hidden;display:block;width:100%;height:100%;border-radius:12px;border:none;isolation:isolate}.pixel-card img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:filter .4s ease}.pixel-card:hover img{filter:grayscale(0%)}.pixel-card:before{content:"";position:absolute;inset:0;margin:auto;aspect-ratio:1;background:radial-gradient(circle,#ffffff25,transparent 85%);opacity:0;transition:opacity .8s cubic-bezier(.5,1,.89,1)}.pixel-card:hover:before{opacity:1}.about-buttons{display:flex;gap:1rem;margin-top:2rem;flex-wrap:wrap}.about-btn{background-color:transparent;color:#000;border:2px solid #000000;padding:1rem 2rem;font-size:1rem;cursor:pointer;transition:all .3s ease;border-radius:4px;text-align:center;text-decoration:none;display:inline-block;font-family:inherit}.about-btn:hover{background-color:#ff1b8d;color:#fff;border-color:#ff1b8d;transform:translateY(-2px);box-shadow:0 4px 12px #ff1b8d4d}.exp-section{width:100%;background:#000;color:#fff;padding:80px 0;margin-top:80px}.exp-container{width:80%;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:60px}.exp-left-col{display:flex;flex-direction:column;gap:360px}.exp-title{font-size:42px;font-weight:600}.exp-right-col{display:flex;flex-direction:column;gap:40px}.exp-row{display:flex;gap:40px;margin-bottom:20px}.exp-left{width:30%;font-size:20px;opacity:.8;flex-shrink:0;margin-top:27px}.exp-right{flex:1}.exp-role{font-size:22px;font-weight:600;margin-bottom:12px}.exp-right p{line-height:1.7;font-size:17px;opacity:.9}.exp-line{width:100%;height:1px;background:#333;margin:30px 0}.education-title{transform:translate(10px)}.experience-title{transform:translateY(-30px)}@media(max-width:992px){.about-page-container{flex-direction:column;align-items:center}.about-images-grid,.about-page-text{width:90%;transform:none}.exp-container{grid-template-columns:1fr;gap:40px}}@media(max-width:600px){.about-images-grid{grid-template-columns:1fr;grid-template-rows:none}.about-images-grid div{grid-column:auto;grid-row:auto;height:220px}}.portfolio-container{max-width:1400px;margin:0 auto;padding:60px 40px;background-color:#f1f3e0;min-height:100vh}.portfolio-header{text-align:center;margin-bottom:60px;opacity:0;animation:fadeUp 1s cubic-bezier(.16,1,.3,1) forwards;animation-delay:.2s}.portfolio-title{font-size:3.5rem;font-weight:500;margin-bottom:20px;color:#000;letter-spacing:-1px}.portfolio-subtitle{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto;line-height:1.6}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}@keyframes fadeUp{0%{opacity:0;transform:translateY(80px)}to{opacity:1;transform:translateY(0)}}.portfolio-card{position:relative;border-radius:0;overflow:hidden;cursor:pointer;opacity:0}.portfolio-card.loaded{animation:fadeUp 1.2s cubic-bezier(.16,1,.3,1) forwards}.card-image-wrapper{position:relative;width:100%;height:400px;overflow:hidden;background-color:#fff}.card-image{width:100%;height:100%;object-fit:cover;transition:transform .5s ease-in-out,opacity .5s ease;will-change:transform}.portfolio-card:hover .card-image{transform:scale(1.05)}.card-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0009,#0000 50%);opacity:0;transition:opacity .5s ease-in-out;display:flex;align-items:flex-end;padding:30px}.portfolio-card:hover .card-overlay{opacity:1}.card-content{transform:translateY(20px);transition:transform .5s cubic-bezier(.16,1,.3,1)}.portfolio-card:hover .card-content{transform:translateY(0)}.card-category{display:inline-block;font-size:.85rem;text-transform:uppercase;letter-spacing:2px;color:#fff;margin-bottom:8px;opacity:.9}.card-title{font-size:1.8rem;font-weight:400;color:#fff;margin:0}.card-image.lazy{opacity:0}.card-image.lazy.loaded{opacity:1}@media(max-width:1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.portfolio-grid{grid-template-columns:1fr}.portfolio-title{font-size:2.5rem}.card-image-wrapper{height:300px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.wellness-hero,.wellness-gallery-row,.wellness-section{opacity:0}.wellness-page{background:#fff;color:#111;font-family:Georgia,Times New Roman,serif}.wellness-hero{display:flex;justify-content:space-between;padding:80px 8%;gap:80px}.hero-left{flex:0 0 45%}.hero-right{flex:0 0 45%;font-size:16px;line-height:1.7}.hero-title{font-size:52px;margin-bottom:40px}.wellness-gallery-row{display:grid;grid-template-columns:2fr 1fr;padding:40px 8% 80px}.gallery-main img,.gallery-side img{width:90%;height:95%;object-fit:cover}.gallery-side{display:grid;grid-template-rows:repeat(3,1fr)}.wellness-section{padding:60px 8% 80px}.section-title{font-size:26px;margin-bottom:30px}.problem-site{display:grid;grid-template-columns:1fr 1fr;gap:60px}.single-image-block img{width:1000px;max-width:850px;height:800px}.section-right{margin-top:200px;width:75%}.dual-image-block{display:grid;grid-template-columns:1fr 1fr;gap:40px}.dual-image-block img{width:100%;object-fit:contain}.result-layout{display:grid;grid-template-columns:1.4fr 1fr}.context-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px}.context-right{display:flex;flex-direction:column;gap:15px}.context-right img{width:50%;height:170px;object-fit:cover}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:0}.transform-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:40px}.envelope-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:20px}.big-image-row img{width:100%;object-fit:cover}.axo-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.axo-grid img{width:100%;object-fit:contain}.exploded-wrapper{position:relative;width:100%;max-width:1300px;margin:0 auto;min-height:650px}.exploded-img{width:78%;margin-left:-6%;object-fit:contain}.floor-stack{position:absolute;right:0;top:65%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;bottom:10%}.floor-img{width:100%;object-fit:contain}.circles-grid{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.circle-item img{width:65%;border-radius:50%;object-fit:cover}.single-wide-image img{width:100%;max-width:1100px;margin:0 auto;display:block}.thumb-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.thumb-grid img{width:100%;height:130px;object-fit:cover}@media(max-width:900px){.dual-image-block,.result-layout,.context-layout,.envelope-layout,.transform-layout,.axo-grid{grid-template-columns:1fr}.exploded-wrapper{min-height:500px}.exploded-img{width:90%;margin-left:0}.floor-stack{position:relative;top:auto;right:auto;transform:none;margin-top:20px;align-items:center}.floor-img{width:45%}}@keyframes slideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes floatIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.leaf-hero,.section-gray,.stack-image,.image-with-content,.technical-section-wrapper,.hero-images-grid{opacity:0}.slide-in-active{animation:slideIn .8s ease-out forwards}.fade-in-active{animation:fadeIn 1s ease-out forwards}.float-in-active{animation:floatIn .8s ease forwards}.leaflife-container{min-height:100vh;background-color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;padding-bottom:50px;overflow:hidden}.content-wrapper{max-width:100%;margin:0 auto;padding:0 2rem;background:#fff}.section-white,.section-gray{padding:4rem 0;background-color:#fff}.section-dark{padding:4rem 0;background-color:#1f2937}.leaf-hero{max-width:1280px;margin:0 auto;padding:4rem 2rem}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start;margin-bottom:3rem}.hero-text-left{padding-right:2rem}.main-title{font-size:3.75rem;font-weight:300;margin-bottom:.5rem;line-height:1;color:#000;margin-left:11%}.subtitle{font-size:1.25rem;color:#000;margin-bottom:2rem;text-align:left;margin-left:12%}.hero-text-right{color:#374151;line-height:1.75;margin-top:15%;min-width:70%;margin-left:10%}.description-text{margin-bottom:1rem;text-align:justify;line-height:1.4;color:#000;font-size:1rem;max-width:460px}.hero-images-grid{margin-top:.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.main-image{width:115%;height:28.5rem;object-fit:cover;margin-left:11%}.side-images{display:grid;grid-template-rows:1fr 1fr;gap:.6rem;height:10rem;margin-left:25%;width:86%}.small-image{width:70%;height:14rem;object-fit:cover}.section-gray{padding:1.5rem 0}.section-label{font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:3rem;text-align:center;font-weight:500}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.header-icon{font-size:2.5rem}.section-title{font-size:1.875rem;font-weight:300}.four-image-grid{margin-bottom:40%;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:3rem;margin-top:-70px}.grid-item{width:100%;overflow:hidden}.grid-image1{width:100%;margin-left:90px}.grid-image2{width:85%;margin-top:10%}.grid-image3{width:130%;margin-left:24%}.grid-image{width:100%;height:auto;object-fit:contain}.scroll-wrapper{position:relative;width:100%}.horizontal-scroll-container{display:flex;overflow-x:auto;scroll-behavior:smooth;gap:1rem;padding:0;scrollbar-width:none;margin-right:10%;margin-bottom:40%}.horizontal-scroll-container::-webkit-scrollbar{display:none}.horizontal-scroll-container .grid-image{flex:0 0 auto;width:100%;min-width:100%;height:auto;object-fit:contain}.scroll-btn{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background-color:#ffffffe6;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #00000026}.scroll-btn:hover{background-color:#fff;box-shadow:0 4px 12px #0003;transform:translateY(-50%) scale(1.05)}.scroll-btn svg{color:#374151}.scroll-btn-left{left:15px}.scroll-btn-right{right:70px}.scroll-indicator{position:absolute;bottom:16px;right:16px;background-color:#ffffffe6;padding:6px 12px;border-radius:4px;font-size:.875rem;font-weight:500;color:#374151;box-shadow:0 2px 4px #0000001a}.ten-images-stack{width:75%;max-width:1280px;margin:2rem auto 0;display:flex;flex-direction:column;gap:1.7rem;margin-top:-370px}.stack-image1{width:100%;margin-top:0}.stack-image-leaf8{margin-top:-250px}.stack-image{width:100%;height:auto;max-height:800px;object-fit:cover;border-radius:4px;background:transparent}.three-column-images{width:90%;max-width:1280px;margin:2rem auto;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:2rem;align-items:start;margin-top:-220px}.column-left .stack-image,.column-right .stack-image{width:70%;height:auto;object-fit:contain;border-radius:4px}.column-left .stack-image{margin-bottom:30%;margin-right:45%;margin-left:-50px}.column-right .stack-image{margin-left:45%}.column-middle .stack-image{width:190%;height:auto;object-fit:contain;border-radius:4px;margin-right:40%;margin-left:-200px}.two-column-layout{width:75%;max-width:1280px;margin:2rem auto;display:grid;grid-template-columns:1.5fr 1fr;gap:3rem;align-items:start;margin-top:-20px}.two-col-left{width:130%;margin-left:-130px}.two-col-left .stack-image{width:130%;height:auto;object-fit:contain;border-radius:4px}.two-col-right{width:100%;padding-top:2rem}.two-col-right .stack-image{width:70%;height:auto;object-fit:contain;border-radius:4px;margin-left:50%;margin-top:-90px}.image-with-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start;margin-top:-90px}.image-content-left{width:100%;margin-left:10%;margin-bottom:20%}.image-content-left .stack-image{width:110%;height:auto;max-height:1200px;object-fit:cover;border-radius:4px;opacity:1}.image-content-right{padding:1rem;color:#374151;margin-left:25%;margin-bottom:20%;margin-top:-48px}.stack-image[data-animate-id=stack4]{margin-top:-80px;margin-left:20px}.permaculture-title{font-size:1.5rem;font-weight:400;margin-bottom:1rem;color:#111}.zone-item{margin-bottom:1.5rem}.zone-item h4{font-size:1rem;font-weight:600;margin-bottom:.25rem;color:#111}.zone-item p{font-size:.95rem;line-height:1.4;color:#4b5563;margin:0}.stack-image[data-animate-id=stack6]{width:120%;margin-top:-150px;margin-left:50px}.two-column-split{width:75%;max-width:1280px;margin:2rem auto;display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:start;margin-top:-20px}.split-left{width:160%;margin-top:-50px}.split-left .stack-image{width:100%;height:auto;object-fit:contain;border-radius:4px}.split-right{width:60%;margin-left:180px;margin-top:90px}.split-right .stack-image{width:100%;height:auto;object-fit:contain;border-radius:4px}.stack-image[data-animate-id=stack9]{margin-top:-70px;margin-left:70px}.stack-image[data-animate-id=stack10]{margin-top:-60px;margin-left:70px}.stack-image[data-animate-id=stack11]{margin-top:-50px;margin-left:30px}.stack-image[data-animate-id=stack12]{width:110%;height:500px;margin-top:-60px;margin-left:-60px}.technical-section-wrapper{width:100%;max-width:1280px;margin:5rem auto 4rem;padding:0 2rem}.technical-title{font-size:1.65rem;font-weight:400;text-align:left;margin-bottom:2rem;color:#111;margin-left:40px}.technical-scroll-wrapper{position:relative;width:100%}.technical-horizontal-scroll-container{display:flex;gap:2rem;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;padding:1rem 0}.technical-horizontal-scroll-container::-webkit-scrollbar{display:none}.technical-image{width:20%;min-width:calc(50% - 1rem);height:auto;object-fit:contain;background:#fff;padding:.75rem;border-radius:6px;flex-shrink:0}.technical-scroll-btn{position:absolute;top:50%;transform:translateY(-50%);background:#fffffff2;border:1px solid #e0e0e0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;padding:0;outline:none}.technical-scroll-btn:hover{background:#fff;box-shadow:0 4px 12px #00000026;transform:translateY(-50%) scale(1.05)}.technical-scroll-btn svg{width:24px;height:24px;display:block}.technical-scroll-btn svg path{stroke:#374151;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;fill:none}.technical-scroll-btn:hover svg path{stroke:#111}.technical-scroll-btn-left{left:-20px}.technical-scroll-btn-right{right:-40px}.technical-scroll-indicator{text-align:center;margin-top:1rem;font-size:.9rem;color:#000;font-weight:500}.echo-page-navigation-1{position:relative;width:100vw;margin-left:-6%;display:flex;justify-content:space-between;align-items:center;padding:50px 6%;margin-top:50px;box-sizing:border-box}.echo-page-nav-btn{width:60px;height:60px;border-radius:50%;border:3px solid black;background-color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;flex-shrink:0}.prev-btn-unique{margin-left:7%;margin-bottom:-25%}.next-btn-unique{margin-left:100%}.echo-page-nav-btn span{font-size:40px;color:#000;line-height:1;font-weight:300}.echo-page-nav-btn:hover{background-color:#000}.echo-page-nav-btn:hover span{color:#fff}@media(max-width:1024px){.three-column-images{grid-template-columns:1fr;gap:1.5rem}.column-middle{order:1}}.cascadia-container{max-width:1400px;margin:0 auto;background-color:#fff;padding:40px 60px;font-family:Georgia,Times New Roman,serif;color:#333;line-height:1.6;gap:1rem}@keyframes cascadiaSlideIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes cascadiaFadeIn{0%{opacity:0}to{opacity:1}}@keyframes cascadiaFloatIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.cascadia-container .title,.cascadia-container .subtitle{opacity:0}.cascadia-container .slide-in-active{animation:cascadiaSlideIn .8s ease-out forwards}.cascadia-container .fade-in-active{animation:cascadiaFadeIn 1s ease-out forwards}.cascadia-container .float-in-active{animation:cascadiaFloatIn .8s ease forwards}.cascadia-container .header{margin-bottom:60px}.cascadia-container .title{font-size:48px;text-align:left;font-weight:300;letter-spacing:2px;margin-bottom:10px;color:#000;margin-left:10%}.cascadia-container .subtitle{text-align:left;font-size:18px;font-weight:300;color:#666;letter-spacing:1px;margin-left:10%}.cascadia-container .main-content{margin-bottom:80px}.cascadia-container .content-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}.cascadia-container .main-image-container{width:100%;position:relative;opacity:0;max-width:800px;max-height:1000px}.cascadia-container .main-image{width:100%;height:350%;display:block;margin-top:24%;margin-right:10%;max-width:800px;max-height:1000px}.cascadia-container .info-container{display:flex;flex-direction:column;gap:30px}.cascadia-container .description{font-size:14px;line-height:1.8;color:#444;text-align:justify;opacity:0;margin-top:-10%}.cascadia-container .description p{margin-right:10%}.cascadia-container .thumbnails{display:flex;flex-direction:column;gap:10px;margin-top:20px;margin-bottom:70px;margin-left:10%}.cascadia-container .thumbnail{width:70%;height:20%;display:block;transition:transform .3s ease;cursor:pointer;margin-bottom:5px;margin-right:40%;opacity:0}.cascadia-container .thumbnail:hover{transform:scale(1.02)}.cascadia-container .design-process{margin:40px 0;padding:0}.cascadia-container .site-plan-container{width:100%;opacity:0;margin-right:10%}.cascadia-container .site-plan{width:80%;max-width:600px;height:80%;display:block;margin:-10% 50% 3px 10%}.cascadia-container .process-diagrams{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:20px;width:300%;margin-left:15%;margin-bottom:10px}.cascadia-container .diagram-item{text-align:center;opacity:0}.cascadia-container .diagram-item img{width:100%;height:auto;margin-bottom:15px}.cascadia-container .model-section{margin-bottom:50px;text-align:center;opacity:0}.cascadia-container .model-image{width:90%;max-width:900px;height:50%;margin-top:10px}.cascadia-container .site-details{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;margin-bottom:80px;align-items:center}.cascadia-container .site-plan-detailed{width:100%;margin-left:10%;opacity:0;max-width:700px}.cascadia-container .detailed-plan{width:100%;height:auto;display:block;margin-left:20%}.cascadia-container .spaces-diagram{width:100%;opacity:0;margin-right:50%}.cascadia-container .wheel-diagram{width:90%;height:60%;display:block;margin-top:-15%}.cascadia-container .floor-plans{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:80px;align-items:start}.cascadia-container .plans-container{width:100%;opacity:0}.cascadia-container .floor-plan-image{width:85%;height:80%;display:block;margin-bottom:10%;margin-left:20%}.p1{margin-top:40%}.cascadia-container .program-text{font-size:15px;line-height:1.8;color:#000;text-align:justify;opacity:0;margin-top:120px;line-width:1.6}.para-wrap{margin-bottom:40px;margin-right:30%}.para-1{margin-top:-4%;margin-right:30%}.para-2{margin-top:-2%}.para-3{margin-top:-4%}.para-4{margin-top:9%;margin-bottom:-5%}.cascadia-container .elevations{margin-bottom:40px}.cascadia-container .elevation-image{width:70%;height:50%;display:block;margin-bottom:30px;margin-left:17%;opacity:0}.cascadia-container .section-image{width:100%;max-width:800px;height:auto;display:block;margin:0 auto;box-shadow:0 2px 10px #0000001a;opacity:0}@media(max-width:1024px){.cascadia-container{padding:40px 50px}.cascadia-container .content-grid{grid-template-columns:1fr;gap:20px;max-width:600px}.cascadia-container .site-details,.cascadia-container .floor-plans{grid-template-columns:1fr;gap:40px}.cascadia-container .process-diagrams{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.cascadia-container{padding:30px 20px}.cascadia-container .title{font-size:36px}.cascadia-container .subtitle{font-size:16px}.cascadia-container .thumbnails,.cascadia-container .process-diagrams{grid-template-columns:1fr}}@media(max-width:480px){.cascadia-container .title{font-size:28px}.cascadia-container .subtitle,.cascadia-container .description,.cascadia-container .program-text{font-size:14px}}html,body{overflow-x:hidden}.echo-page{width:100%;padding:40px 6%;font-family:Inter,sans-serif;background-color:#fff}@keyframes echoFadeIn{0%{opacity:0}to{opacity:1}}@keyframes echoReveal{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@keyframes echoSlideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.echo-page .echo-fade-in{opacity:0}.echo-page .echo-fade-in.echo-fade-in-active{animation:echoFadeIn 1s ease forwards}.echo-page .echo-reveal{opacity:0;transform:scale(.8)}.echo-page .echo-reveal.echo-reveal-active{animation:echoReveal .8s ease forwards}.echo-page .echo-slide-up{opacity:0;transform:translateY(50px)}.echo-page .echo-slide-up.echo-slide-up-active{animation:echoSlideUp .8s ease forwards}.echo-title-section h1{font-size:2rem;font-weight:700;text-align:left;color:#000;margin-top:8%;margin-left:13%}.echo-subtitle{font-size:1.2rem;color:#000;margin-top:5px;text-align:left;margin-left:13%}.echo-description{max-width:460px;margin:-40px 24% 50px auto;line-height:1.7;color:#000;font-size:1rem;text-align:justify}.echo-video-container{display:flex;justify-content:center;margin-bottom:50px;width:100%}.echo-video{width:100%;max-width:950px;border-radius:0;margin-right:12%}.echo-slider-container{position:relative;width:63%;height:540px;margin:70px 24.5% 40px auto;overflow:hidden}.echo-slide{position:absolute;width:100%;height:500px;opacity:0;animation:fadeImageWithPointer 24s infinite;cursor:pointer;pointer-events:none}.echo-slide img{width:100%;height:100%;object-fit:cover;display:block}.echo-slide-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0009);padding:20px 30px;opacity:0;visibility:hidden;transition:opacity .4s ease,visibility .4s ease}.echo-slide-caption p{color:#fff;font-size:1.1rem;font-weight:400;margin:0;text-align:left;letter-spacing:.3px}.echo-slide:hover .echo-slide-caption{opacity:1;visibility:visible}.echo-slide:hover{animation-play-state:paused}.echo-slide-1{animation-delay:0s}.echo-slide-2{animation-delay:4s}.echo-slide-3{animation-delay:8s}.echo-slide-4{animation-delay:12s}.echo-slide-5{animation-delay:16s}.echo-slide-6{animation-delay:20s}@keyframes fadeImageWithPointer{0%{opacity:1;pointer-events:auto}12%{opacity:1;pointer-events:auto}14%{opacity:0;pointer-events:none}to{opacity:0;pointer-events:none}}.carousel-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;display:flex;align-items:center;justify-content:center}.carousel-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000000f2;cursor:pointer}.carousel-content{position:relative;width:90%;max-width:1200px;height:90vh;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000}.carousel-close{position:absolute;top:20px;right:30px;background:none;border:none;color:#fff;font-size:50px;cursor:pointer;z-index:10001;width:50px;height:50px;display:flex;align-items:center;justify-content:center;transition:transform .2s;line-height:1}.carousel-close:hover{transform:scale(1.2)}.carousel-main{position:relative;width:100%;max-width:1000px;height:70vh;display:flex;align-items:center;justify-content:center}.carousel-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-image{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.carousel-counter{display:none}.carousel-caption-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000e6,#0009);color:#fff;padding:30px;font-size:1.1rem;text-align:center;border-radius:0 0 8px 8px}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;color:#fff;font-size:60px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s;z-index:10;line-height:1;padding:0}.carousel-arrow:hover{transform:translateY(-50%) scale(1.2)}.carousel-prev{left:-80px}.carousel-next{right:-80px}.carousel-dots{display:flex;gap:12px;margin-top:30px;justify-content:center}.carousel-dot{width:12px;height:12px;border-radius:50%;background:#fff6;border:none;cursor:pointer;transition:background .3s,transform .2s;padding:0}.carousel-dot:hover{background:#ffffffb3;transform:scale(1.2)}.carousel-dot.active{background:#fff;transform:scale(1.3)}@media(max-width:1024px){.carousel-prev{left:10px}.carousel-next{right:10px}.carousel-arrow{font-size:40px}}@media(max-width:768px){.echo-title-section h1{font-size:1.5rem;margin-left:5%}.echo-subtitle{font-size:1rem;margin-left:5%}.echo-description{margin-left:5%;margin-right:5%;max-width:90%}.echo-video{margin-right:0}.echo-slider-container{width:90%;margin-left:5%;margin-right:5%}.carousel-close{font-size:40px;top:10px;right:10px}.carousel-caption-overlay{font-size:.9rem;padding:20px}.carousel-arrow{font-size:30px}}.concrete-page{font-family:Helvetica Neue,Arial,sans-serif;background-color:#fff;color:#000;width:100%;overflow-x:hidden;max-width:1400px;margin:0 auto;padding:20px;box-sizing:border-box}@keyframes slideIn{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}@keyframes expand{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.concrete-page .project-title,.concrete-page .project-subtitle{opacity:0}.concrete-page .slide-active{animation:slideIn .8s ease-out forwards}.concrete-page .sketches-grid,.concrete-page .technical-drawing-container,.concrete-page .gallery-image{opacity:0}.concrete-page .expand-active{animation:expand .8s ease-out forwards}.concrete-hero{padding:5px 40px}.concrete-page .project-title{font-size:60px;font-weight:300;margin-bottom:10px;color:#000;text-align:left;margin-left:180px;margin-top:8%}.concrete-page .project-subtitle{font-size:20px;font-weight:300;color:#000;text-align:left;margin-left:180px}.concrete-page .sketches-section{margin:60px 0}.concrete-page .sketches-grid{background-color:#fff;padding:60px;min-height:400px}.concrete-page .technical-section{margin:60px 0}.concrete-page .technical-drawing-container{width:80%;margin-bottom:1%;display:flex;justify-content:center}.concrete-page .technical-drawing-image1{width:100%;max-width:950px;margin-left:14%;height:auto;display:block;border-radius:8px;margin-top:-90px}.concrete-page .technical-drawing-image{margin-top:-50px;width:100%;max-width:1200px;margin-left:35%;height:auto;display:block;border-radius:8px}.concrete-page .gallery-section{margin:80px 0;padding:40px 0}.concrete-page .gallery-container{position:relative;display:flex;align-items:center;gap:20px;margin-bottom:30px}.concrete-page .images-wrapper{display:flex;gap:20px;overflow-x:hidden;scroll-behavior:smooth;flex:1;padding:20px 0}.concrete-page .gallery-image{min-width:calc(33.333% - 14px);flex-shrink:0}.concrete-page .gallery-image img{width:100%;height:400px;object-fit:cover;border-radius:8px;box-shadow:0 4px 12px #0000001a}.concrete-page .scroll-button{background-color:#d4524e;border:none;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s;flex-shrink:0;z-index:10;color:#fff;box-shadow:0 4px 12px #d4524e4d}.concrete-page .scroll-button:hover:not(:disabled){background-color:#b83d39;transform:scale(1.15);box-shadow:0 6px 16px #d4524e66}.concrete-page .scroll-button:disabled{opacity:.3;cursor:not-allowed}.concrete-page .scroll-button.left{margin-right:-10px}.concrete-page .scroll-button.right{margin-left:-10px}@media(max-width:1024px){.concrete-page .gallery-image{min-width:calc(50% - 10px)}}@media(max-width:768px){.concrete-page .project-title{font-size:48px}.concrete-page .gallery-image{min-width:100%}.concrete-page .gallery-image img{height:300px}.concrete-page .scroll-button{width:40px;height:40px}}