@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500&display=swap";*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#2f3d4f;background-color:#fff;font-family:Montserrat,sans-serif;font-weight:300}.navbar{z-index:100;background:#fff;justify-content:space-between;align-items:center;height:86px;padding:0 60px;display:flex;position:sticky;top:0}.logo img{width:115px;height:auto;display:block}.logo{align-items:center;display:flex}.navbar nav{gap:38px;display:flex}.navbar a{color:#1f2937;letter-spacing:1.5px;font-size:13px;font-weight:300;text-decoration:none}.hero{background-position:50%;background-size:cover;height:520px;transition:background-image 1s;position:relative}.intro{text-align:center;background:#fff;padding:60px 20px 88px}.intro h1{letter-spacing:.5px;color:#39485c;max-width:980px;margin:0 auto 32px;font-size:39px;font-weight:300;line-height:1.15}.intro p{color:#4c4c4c;max-width:720px;margin:12px auto;font-size:15px;font-weight:300;line-height:1.75}.section{text-align:center;background:#fff;padding:90px 20px}.section.light{background:#f1f1f1}.section h2{letter-spacing:6px;color:#39485c;margin-bottom:28px;font-size:40px;font-weight:200}.section p{color:#4b4b4b;max-width:760px;margin:0 auto 18px;font-size:15px;line-height:1.9}.projects{text-align:center;background:#f4f4f4;padding:90px 8%}.projects h2{letter-spacing:7px;color:#39485c;margin-bottom:50px;font-size:40px;font-weight:200}.projectsGrid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.projectCard{cursor:pointer;background:#ddd;height:390px;text-decoration:none;display:block;position:relative;overflow:hidden}.projectCard img{object-fit:cover;width:100%;height:100%;transition:all .6s}.projectCard:hover img{transform:scale(1.07)}.projectOverlay{opacity:0;background:#39485c73;justify-content:center;align-items:center;transition:all .4s;display:flex;position:absolute;inset:0}.projectOverlay p{color:#fff;letter-spacing:3px;text-transform:uppercase;padding:0 20px;font-size:19px;font-weight:300}.projectCard:hover .projectOverlay{opacity:1}.projects .btn{color:#39485c;letter-spacing:3px;cursor:pointer;background:0 0;border:1px solid #39485c;margin-top:45px;padding:15px 45px;font-size:14px;transition:all .3s}.projects .btn:hover{color:#fff;background:#39485c}@media (width<=1000px){.projectsGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.projects{padding:70px 25px}.projectsGrid{grid-template-columns:1fr}.projectCard{height:360px}}.collection{grid-template-columns:1fr 1fr;min-height:650px;display:grid}.collectionImage img{object-fit:cover;width:100%;height:100%}.collectionContent{background:#fff;flex-direction:column;justify-content:center;padding:80px;display:flex}.collectionContent span{letter-spacing:4px;color:#777;margin-bottom:20px;font-size:13px}.collectionContent h2{letter-spacing:6px;color:#39485c;margin-bottom:35px;font-size:40px;font-weight:200}.collectionContent p{color:#555;margin-bottom:25px;font-size:15px;line-height:1.9}.collectionContent h3{color:#39485c;letter-spacing:1px;margin-top:20px;font-weight:300}.philosophy{background:#fff;padding:100px 8%}.philosophyIntro{text-align:center;max-width:900px;margin:auto}.philosophy{text-align:center;background:#fff;padding:100px 8%}.philosophyContent{max-width:950px;margin:auto}.philosophy p{color:#555;font-weight:300;line-height:1.9}.philosophy{background:#fff;grid-template-columns:45% 55%;align-items:center;gap:60px;padding:110px 8%;display:grid}.foundersImages{grid-template-columns:repeat(2,1fr);gap:22px;display:grid}.founderPhoto{text-align:center}.founderPhoto img{object-fit:cover;object-position:center top;filter:grayscale();width:100%;height:360px;display:block}.founderPhoto span{letter-spacing:3px;color:#39485c;text-transform:uppercase;margin-top:14px;font-size:15px;display:block}.philosophyContent{text-align:left;max-width:650px}.philosophy h2{letter-spacing:7px;color:#39485c;margin-bottom:35px;font-size:40px;font-weight:200}.philosophy p{color:#555;margin-bottom:18px;font-weight:300;line-height:1.9}@media (width<=900px){.philosophy{grid-template-columns:1fr}.philosophyContent{text-align:center;max-width:100%}.founderPhoto img{height:330px}}@media (width<=550px){.foundersImages{grid-template-columns:1fr}}.technologyCard{text-align:left;background:#fff;overflow:hidden}.technologyCard img{object-fit:cover;width:100%;height:260px}.technologyCard div{padding:30px}.technologyCard h3{color:#39485c;letter-spacing:1px;margin-bottom:15px;font-size:22px;font-weight:300}.technologyCard p{color:#555;font-size:15px;line-height:1.8}.technology{text-align:center;background:#f4f4f4;padding:100px 60px}.technology h2{letter-spacing:7px;color:#39485c;margin-bottom:60px;font-size:40px;font-weight:200}.technologyGrid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.technologyCard{background:#111;height:430px;position:relative;overflow:hidden}.technologyImage{object-fit:cover;filter:grayscale();width:100%;height:100%;transition:opacity .6s,transform .6s;position:absolute;inset:0}.baseImage{opacity:1}.hoverImage{opacity:0;transform:scale(1.05)}.technologyCard:hover .baseImage{opacity:0}.technologyCard:hover .hoverImage{opacity:1;transform:scale(1)}.technologyOverlay{color:#fff;text-align:left;z-index:2;background:linear-gradient(#00000073,#000000eb);flex-direction:column;justify-content:flex-end;padding:42px 38px;display:flex;position:absolute;inset:0}.technologyOverlay h3{letter-spacing:2px;color:#fff;margin-bottom:18px;font-size:28px;font-weight:300}.technologyOverlay p{color:#fff;opacity:0;max-height:0;font-size:15px;font-weight:300;line-height:1.75;transition:max-height .5s,opacity .4s;overflow:hidden}.technologyCard:hover .technologyOverlay p{opacity:1;max-height:260px}@media (width<=950px){.technologyGrid{grid-template-columns:1fr}.technologyCard{height:390px}}@media (width<=600px){.technology{padding:80px 25px}.technologyCard{height:360px}.technologyOverlay{padding:32px 26px}}.process{background:#fff;padding:100px 60px}.processHeader{text-align:center;max-width:780px;margin:0 auto 60px}.processHeader span{letter-spacing:4px;color:#777;margin-bottom:20px;font-size:13px;display:block}.processHeader h2{letter-spacing:6px;color:#39485c;margin-bottom:26px;font-size:40px;font-weight:200}.processHeader p{color:#555;font-size:15px;line-height:1.9}.processGrid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.processCard{background:#fafafa;border:1px solid #e1e1e1;min-height:260px;padding:36px 28px}.processCard span{color:#39485c;margin-bottom:28px;font-size:38px;font-weight:200;display:block}.processCard h3{color:#39485c;margin-bottom:16px;font-size:20px;font-weight:300}.processCard p{color:#555;font-size:15px;line-height:1.8}.contactSection{color:#fff;text-align:center;background:#39485c;padding:110px 20px;position:relative}.contactContent{max-width:800px;margin:0 auto}.contactContent span{letter-spacing:4px;color:#d6d6d6;margin-bottom:22px;font-size:13px;display:block}.contactContent h2{letter-spacing:6px;margin-bottom:30px;font-size:40px;font-weight:200}.contactContent p{color:#f2f2f2;margin-bottom:42px;font-size:15px;line-height:1.9}.contactButtons{justify-content:center;gap:20px;display:flex}.primaryButton,.secondaryButton{letter-spacing:2px;padding:16px 34px;font-size:13px;font-weight:300;text-decoration:none}.primaryButton{color:#39485c;background:#fff}.secondaryButton{color:#fff;border:1px solid #fff}.whatsappFloat{color:#fff;z-index:200;background:#25d366;border-radius:999px;padding:14px 20px;font-size:14px;text-decoration:none;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 24px #00000040}.footer{color:#fff;letter-spacing:1px;background:#39485c;justify-content:space-between;padding:50px 60px;font-size:14px;display:flex}@media (width<=768px){.navbar{flex-direction:column;gap:20px;height:auto;padding:24px 20px}.navbar nav{flex-wrap:wrap;justify-content:center;gap:18px}.navbar a{font-size:12px}.hero{height:420px}.intro{padding:70px 20px 90px}.intro h1{letter-spacing:1px;font-size:30px}.intro p{font-size:15px}.projects{padding:70px 20px}.projects h2,.collectionContent h2,.philosophy h2,.technology h2,.processHeader h2,.contactContent h2{letter-spacing:4px;font-size:32px}.projectsGrid,.collection{grid-template-columns:1fr}.collectionContent{padding:60px 25px}.philosophy{grid-template-columns:1fr}.philosophyContent{text-align:center;align-items:center;padding:70px 24px}.japaneseWord{font-size:64px}.philosophyImage{min-height:420px}.technology{padding:70px 20px}.technologyGrid{grid-template-columns:1fr}.process{padding:70px 20px}.processGrid{grid-template-columns:1fr}.contactButtons{flex-direction:column}.primaryButton,.secondaryButton{width:100%}.whatsappFloat{bottom:16px;right:16px}.footer{text-align:center;flex-direction:column;gap:16px}}.galleryPage{background:#f4f4f4;min-height:100vh;padding:120px 7%}.galleryPage h1{text-align:center;letter-spacing:7px;color:#39485c;margin-bottom:60px;font-size:42px;font-weight:200}.galleryGrid{grid-template-columns:repeat(3,1fr);gap:28px;display:grid}.galleryItem{height:320px;overflow:hidden}.galleryItem img{object-fit:cover;width:100%;height:100%;transition:all .5s}.galleryItem:hover img{transform:scale(1.06)}@media (width<=900px){.galleryGrid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.galleryPage{padding:90px 25px}.galleryGrid{grid-template-columns:1fr}.galleryItem{height:330px}}