*{margin:0;padding:0;box-sizing:border-box}body,html{overscroll-behavior-x:none;overscroll-behavior:none}body{font-family:Arial,sans-serif;background:white;color:black;zoom:1;touch-action:pan-y pinch-zoom;-ms-touch-action:pan-y}.desktop{position:relative;width:100%;min-height:100vh}.menublock{position:fixed;left:0;top:0;width:300px;height:100vh;background:white;z-index:999;padding:20px;overflow-y:auto}.menublock h1{margin-bottom:40px;font-size:27px;line-height:33px;font-weight:400}.menublock h1 a{text-decoration:none;color:black}.categories ul,.nav ul{list-style:none}.nav li{margin-bottom:15px}.nav a{text-decoration:none;color:transparent;cursor:pointer;display:block}.nav h2{font-weight:400;margin:0;color:#999;transition:color .3s ease}.nav h2,h2{font-size:27px;line-height:33px}.nav a:hover h2{color:#000}.categories li{margin-bottom:8px}.categories a{text-decoration:none;color:#999;font-size:16px;cursor:pointer;transition:color .3s ease}.back-button:hover,.categories a:hover{color:#000}.back-button{cursor:pointer;font-size:16px;color:#999;margin-bottom:20px;padding:10px 0;transition:color .3s ease}.mobile-nav-bar{display:none;position:fixed;top:0;left:0;right:0;height:60px;background:white;border-bottom:1px solid #eee;z-index:1010;padding:0 20px;align-items:center;justify-content:space-between;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.mobile-nav-logo{font-size:20px;font-weight:400;color:black;text-decoration:none;cursor:pointer}.mobile-nav-toggle{font-size:24px;color:#999;cursor:pointer;padding:12px;transition:color .3s ease;min-width:44px;min-height:44px;text-align:center;background:none;border:none;outline:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:1012;display:flex;align-items:center;justify-content:center}.mobile-nav-toggle:hover{color:#000}.mobile-nav-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.1);z-index:1005;display:block}.mobile-nav-dropdown{display:none;position:fixed;top:60px;left:0;right:0;background:white;border-bottom:1px solid #eee;z-index:1008;padding:20px;max-height:calc(100vh - 60px);overflow-y:auto;box-shadow:0 2px 10px rgba(0,0,0,.1)}.mobile-nav-dropdown.active{display:block}.mobile-nav-sections{list-style:none;margin:0;padding:0}.mobile-nav-sections li{margin-bottom:20px}.mobile-nav-sections h2{font-size:24px;line-height:30px;font-weight:400;margin:0;color:#999;transition:color .3s ease;cursor:pointer;padding:10px 0}.mobile-nav-sections h2:hover{color:#000}.content{position:absolute;right:0;top:0;width:40%;max-width:700px;padding:40px 40px 40px 30px;min-height:100vh}.project-item{display:flex;flex-direction:row;align-items:flex-start;margin-bottom:60px;cursor:pointer;gap:20px}.project-item:hover{opacity:.8}.fifty-left{width:40%;flex-shrink:0;padding-right:10px}.fifty-right{width:60%;flex-shrink:0}.chunk{width:100%;overflow-wrap:break-word}.chunk,.chunk h2{word-wrap:break-word}.chunk h2{font-size:24px;line-height:33px;font-weight:400;margin-bottom:10px;-webkit-hyphens:auto;hyphens:auto}.meta-data p{font-size:14px;color:#666;line-height:1.4;word-wrap:break-word;white-space:pre-line}.img-holder{width:100%;aspect-ratio:1;overflow:hidden;flex-shrink:0}.img-holder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.project-detail{position:fixed;left:50%;top:0;transform:translateX(-50%);width:60vw;max-width:800px;min-width:600px;height:100vh;padding:40px 30px;overflow-y:auto;overflow-x:hidden;background:white;z-index:100;scrollbar-width:none;-ms-overflow-style:none}.project-detail::-webkit-scrollbar{display:none}.project-info{margin-bottom:40px}.project-year blockquote{font-size:18px;line-height:1.4;font-style:italic;color:#666;margin:0;padding:20px 0;text-align:left}.gallery-section,.image-grid{margin-bottom:40px}.image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-content:center;width:100%}.gallery-item{cursor:pointer;overflow:hidden;aspect-ratio:1;background:#f5f5f5;border-radius:0;transition:transform .3s ease,opacity .3s ease}.gallery-item:hover{transform:scale(1.02);opacity:.9}.gallery-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.project-description{text-align:left;padding-bottom:20px}.project-description h3{font-size:27px;line-height:33px;font-weight:400;margin-bottom:20px}.project-description p{font-size:16px;line-height:1.6;margin-bottom:25px;color:#333;white-space:pre-line}.studio-layout{width:100%;display:flex;flex-direction:column;align-items:center}.studio-image-large{width:80%;max-width:600px;overflow:hidden;background:#f5f5f5;margin-bottom:30px}.studio-image-large img{width:100%;aspect-ratio:1;-o-object-fit:cover;object-fit:cover;transition:opacity .3s ease}.studio-layout .studio-info-below{width:80%;max-width:600px;margin-top:0;padding-top:20px;border-top:1px solid #eee;text-align:left}.studio-info-below{margin-top:20px;padding-top:20px;border-top:1px solid #eee}.studio-address-item{margin-bottom:20px}.studio-layout .studio-address-item{margin-bottom:25px}.studio-layout .studio-address-item h4{font-size:18px;font-weight:600;color:#111;margin-bottom:10px}.studio-address-item p,.studio-layout .studio-address-item p{font-size:14px;color:#666;line-height:1.4;margin:0}.studio-layout .studio-address-item p{font-size:15px;line-height:1.5}.studio-layout .studio-social-item,.studio-social-item{display:flex;align-items:center;gap:14px}.studio-layout .studio-social-item{justify-content:flex-start;gap:12px}.social-link-item{display:inline-block;transition:all .3s ease;cursor:pointer}.social-link-item:hover{transform:scale(1.1);opacity:.7}.social-link-item img{width:20px;height:20px}.studio-layout .social-link-item img{width:18px;height:18px}@media (max-width:768px){.mobile-nav-bar{display:flex}.menublock{display:none}.content{position:static;width:100%;max-width:none;padding:80px 20px 20px}.project-item{flex-direction:row;gap:15px;margin-bottom:40px;align-items:flex-start}.fifty-left,.fifty-right{width:50%;flex-shrink:0}.fifty-left{padding-right:5px}.chunk h2{font-size:18px;line-height:22px}.meta-data p{font-size:12px}.project-detail{position:static;left:auto;top:auto;transform:none;width:100%;max-width:none;min-width:auto;height:auto;min-height:100vh;padding:80px 20px 20px;z-index:auto;overflow-y:visible}.image-grid{grid-template-columns:repeat(2,1fr);gap:15px}.project-description h3{font-size:22px;line-height:28px}.project-description p{font-size:14px}.project-info{margin-bottom:30px}.project-year blockquote{font-size:16px;padding:15px 0}.gallery-item:hover{transform:none}.nav li{margin-bottom:12px}.nav h2{font-size:22px;line-height:28px;color:#999}.nav a:hover h2{color:#000}.categories li{margin-bottom:6px}.categories a{font-size:14px;color:#999}.back-button:hover,.categories a:hover{color:#000}.back-button{color:#999}.studio-image-large,.studio-layout .studio-info-below{width:95%}.studio-layout .studio-address-item h4{font-size:16px}.studio-layout .studio-address-item p{font-size:14px}.studio-info-below{margin-top:15px;padding-top:15px}.studio-address-item h4{font-size:14px}.studio-address-item p{font-size:12px}.studio-social-item{gap:6px}.social-link-item img{width:14px;height:14px}.studio-layout .social-link-item img{width:16px;height:16px}}@media (min-width:769px) and (max-width:1024px){.content{width:40%;max-width:600px}.chunk h2,.nav h2{font-size:24px;line-height:30px}.nav h2{color:#999}.nav a:hover h2{color:#000}.project-detail{width:70vw;max-width:900px;min-width:500px}.image-grid{gap:18px}}@media (min-width:1200px){.content{width:40%;max-width:500px}.project-detail{width:55vw;max-width:850px}.image-grid{gap:25px}}@media (min-width:1400px){.project-detail{width:50vw;max-width:900px}}@media (min-width:769px){.mobile-nav-bar,.mobile-nav-dropdown,.mobile-nav-overlay{display:none}}.project-description .product-info p{color:#999;line-height:1.2;margin-bottom:6px}.buy-button{background:#f0eee9;color:#5a4a3a;border:2px solid #b1997c;padding:8px 20px;border-radius:2px;font-weight:500;cursor:pointer;transition:all .2s ease;font-size:14px;letter-spacing:.5px}.buy-button:hover{background:#8b7355;color:#f5f1e8}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal-content{background:white;border-radius:16px;padding:32px;max-width:400px;width:100%;position:relative;box-shadow:0 20px 60px rgba(0,0,0,.3);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-close{position:absolute;top:16px;right:16px;background:none;border:none;font-size:32px;color:#999;cursor:pointer;line-height:1;transition:color .2s}.modal-close:hover{color:#333}.modal-content h3{margin:0 0 8px;font-size:24px;color:#333}.modal-subtitle{margin:0 0 24px;color:#666;font-size:14px}.contact-methods{display:flex;flex-direction:column;gap:12px}.contact-method{display:flex;align-items:center;gap:16px;padding:16px;border:2px solid #f0f0f0;border-radius:12px;text-decoration:none;transition:all .3s ease;cursor:pointer}.contact-method:hover{border-color:#667eea;background:#f8f9ff;transform:translateX(4px)}.contact-icon{width:40px;height:40px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.contact-icon svg{width:100%;height:100%}.contact-info{flex:1}.contact-name{font-weight:600;color:#333;margin-bottom:4px}.contact-value{color:#666;font-size:14px}@media (max-width:768px){.modal-content{padding:24px}}@media (min-width:769px) and (max-width:1024px){.content{width:calc(100% - 300px);margin-left:300px;max-width:none;position:relative}.chunk h2,.nav h2{font-size:24px;line-height:30px}.nav h2{color:#999}.nav a:hover h2{color:#000}.project-detail{position:static;left:auto;top:auto;transform:none;width:100%;max-width:none;min-width:auto;height:auto;min-height:100vh;margin-left:0;padding:40px 30px;z-index:auto;overflow-y:visible}.image-grid{grid-template-columns:repeat(2,1fr);gap:18px}.project-description h3{font-size:24px;line-height:30px}.project-description p{font-size:15px}}