:root{--color-bg:#fdfcfb;--color-bg-alt:#f7f5ef;--color-text:#2c2a26;--color-text-light:#7b756b;--color-accent:#b0976d;--color-accent-hover:#8e7855;--color-white:#fff;--color-black:#111;--font-en:"Cinzel", serif;--font-ja:"Noto Serif JP", serif;--transition:all .5s cubic-bezier(.25, .8, .25, 1);--section-padding:120px 0;--depth-shadow-sm:0 4px 12px #0000000d;--depth-shadow-md:0 10px 30px #00000014;--depth-shadow-lg:0 20px 50px #0000001f}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-ja);background-color:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15%,#b0976d0d,#0000 40%),radial-gradient(circle at 85% 30%,#b0976d0a,#0000 40%);background-attachment:fixed;line-height:1.8;overflow-x:hidden}.loader-wrapper{background:var(--color-bg);z-index:9999;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .8s,visibility .8s;display:flex;position:fixed;top:0;left:0}.loader-wrapper.fade-out{opacity:0;visibility:hidden}.loader-logo{font-family:var(--font-en);letter-spacing:.2em;color:var(--color-accent);font-size:2rem;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.5;transform:scale(.98)}50%{opacity:1;transform:scale(1.02)}}h1,h2,h3,h4,h5,h6,.en-font{font-family:var(--font-en);letter-spacing:.1em;font-weight:400}a{color:inherit;transition:var(--transition);text-decoration:none}ul{list-style:none}.container{max-width:1200px;margin:0 auto;padding:0 5%}.section{padding:var(--section-padding);z-index:1;position:relative}.pt-0{padding-top:0!important}.text-center{text-align:center}.mt-4{margin-top:3rem}.section-title{color:var(--color-text);letter-spacing:.15em;margin-bottom:1rem;font-size:3rem;display:inline-block;position:relative}.decorative-line{background-color:var(--color-accent);width:1px;height:80px;margin:0 auto 40px}.btn{font-family:var(--font-ja);letter-spacing:.15em;cursor:pointer;box-shadow:var(--depth-shadow-sm);border-radius:30px;justify-content:center;align-items:center;padding:15px 40px;font-size:.9rem;transition:all .3s;display:inline-flex}.btn:hover{box-shadow:var(--depth-shadow-md);transform:translateY(-3px)}.btn:active{box-shadow:var(--depth-shadow-sm);transform:translateY(1px)}.btn-primary{background-color:var(--color-accent);color:var(--color-white);border:none}.btn-primary:hover{background-color:var(--color-accent-hover)}.btn-outline{background-color:var(--color-white);color:var(--color-text);border:1px solid #0000001a}.btn-outline:hover{border-color:var(--color-accent);color:var(--color-accent)}.navbar{z-index:1000;-webkit-backdrop-filter:blur(25px)saturate(200%);width:100%;transition:var(--transition);background:linear-gradient(135deg,#fffc 0%,#b0976d40 50%,#fff9 100%);border-bottom:1px solid #fffc;padding:15px 0;position:fixed;top:0;left:0;box-shadow:0 10px 30px #0000000d}.navbar.scrolled{background:linear-gradient(135deg,#fffffff2 0%,#b0976d66 50%,#ffffffd9 100%);padding:10px 0;box-shadow:0 15px 40px #00000014}.nav-container{justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;padding:0 5%;display:flex}.navbar .logo{font-family:var(--font-en);letter-spacing:.2em;color:var(--color-text);text-shadow:0 0 8px #ffffffe6,0 0 15px #ffffffb3;font-size:1.4rem;font-weight:700}.nav-links{gap:40px;display:flex}.nav-links a{font-family:var(--font-en);letter-spacing:.15em;color:var(--color-text);text-transform:uppercase;text-shadow:0 0 6px #ffffffe6,0 0 12px #fff9;font-size:.95rem;font-weight:700;position:relative}.nav-links a:after{content:"";background-color:var(--color-accent);width:0;height:2px;transition:var(--transition);position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.hamburger{cursor:pointer;z-index:2000;flex-direction:column;gap:6px;display:none;position:relative}.hamburger span{background-color:var(--color-text);width:28px;height:1px;transition:var(--transition)}.hero{perspective:1000px;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.hero-bg-slider{z-index:-2;background-color:#2c2a26;width:110%;height:110%;position:absolute;top:-5%;left:-5%;transform:translateZ(-100px)scale(1.1)}.hero-bg.slide{filter:brightness(.65)contrast(1.05);opacity:0;background-position:50% 30%;background-size:cover;width:100%;height:100%;transition:opacity 2s ease-in-out;position:absolute;top:0;left:0}.hero-bg.slide.active{opacity:1}.hero-watermark{font-family:var(--font-en);color:#ffffff0f;z-index:-1;white-space:nowrap;pointer-events:none;font-size:15vw;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)translateZ(-50px)}.hero-frame{z-index:1;pointer-events:none;border:1px solid #ffffff26;position:absolute;inset:40px}.hero-vertical-text{color:#ffffffe6;font-family:var(--font-ja);letter-spacing:.6em;z-index:2;text-shadow:0 4px 10px #00000080;flex-direction:row-reverse;align-items:flex-start;gap:40px;font-size:1.1rem;display:flex;position:absolute;top:50%;right:10%;transform:translateY(-50%)translateZ(20px)}.hero-vertical-text>div{writing-mode:vertical-rl;text-orientation:mixed}.hero-vertical-text .title-col{align-self:flex-end}.hero-vertical-text span{white-space:nowrap}.hero-content{text-align:center;color:var(--color-white);-webkit-backdrop-filter:none;z-index:2;background-color:#0a0a0a26;background-image:linear-gradient(90deg,#ffffff0a 1px,#0000 1px),linear-gradient(0deg,#ffffff0a 1px,#0000 1px);background-size:3px 3px;border:1px solid #ffffff14;border-radius:6px 14px 8px 12px;padding:60px 80px;transform:translateZ(50px);box-shadow:0 25px 60px #00000040,inset 0 0 50px #ffffff08}.hero-decorative-line{background:var(--color-accent);width:1px;height:40px;margin:0 auto 20px}.hero-title{letter-spacing:.2em;text-shadow:0 10px 20px #00000080;margin-bottom:5px;font-size:4vw}.hero-ja-name{font-family:var(--font-ja);letter-spacing:.5em;color:#fffffff2;text-shadow:0 4px 8px #0006;margin-bottom:8px;margin-left:.5em;font-size:1.3rem}.hero-subtitle{font-family:var(--font-en);letter-spacing:.4em;color:#ffffffe6;text-transform:uppercase;margin-bottom:30px;font-size:1.1rem}.hero-desc{color:#ffffffd9;letter-spacing:.1em;text-shadow:0 2px 4px #00000080;margin-bottom:35px;font-size:.95rem;line-height:2}.hero-actions{justify-content:center;gap:20px;display:flex}.hero-actions .btn-outline{border:1px solid var(--color-white);color:var(--color-white);background-color:#0000}.hero-actions .btn-outline:hover{background-color:var(--color-white);color:var(--color-text)}.hero-socials{justify-content:center;gap:20px;margin-top:35px;display:flex}.hero-socials .social-card{width:160px;height:60px;transform-style:preserve-3d;background-position:50%;background-size:cover;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.hero-socials .social-card:before{content:"";width:100%;height:100%;transition:var(--transition);z-index:1;background:#00000080;position:absolute;top:0;left:0}.hero-socials .social-card:hover{border-color:#fff9;transform:translateY(-3px)scale(1.02);box-shadow:0 10px 25px #0006}.hero-socials .social-card:hover:before{background:#0003}.hero-socials .social-card .social-text{z-index:2;font-family:var(--font-en);letter-spacing:.1em;color:var(--color-white);text-transform:uppercase;text-shadow:0 2px 5px #000000e6;font-size:.8rem;position:relative;transform:translateZ(20px)}.scroll-indicator{color:#ffffffb3;font-family:var(--font-en);letter-spacing:.2em;z-index:2;flex-direction:column;align-items:center;font-size:.7rem;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.scroll-indicator:after{content:"";background:linear-gradient(#ffffffb3,#0000);width:1px;height:50px;margin-top:15px;animation:2s cubic-bezier(.65,0,.35,1) infinite scrollDown}.tilt{transform-style:preserve-3d;will-change:transform;transition:transform .2s cubic-bezier(.25,.46,.45,.94)}.split-layout{perspective:1000px;align-items:center;gap:8%;display:flex}.split-image{transform-style:preserve-3d;flex:3.3;position:relative}.split-image:before{content:"";background:var(--color-accent);opacity:.1;z-index:-1;border-radius:12px;width:100%;height:100%;position:absolute;top:-20px;left:-20px;transform:translateZ(-30px)}.split-image img{width:100%;height:auto;box-shadow:var(--depth-shadow-lg);border-radius:12px;display:block;transform:translateZ(20px)}.split-text{flex:7.7}.split-text p{color:var(--color-text-light);text-align:justify;margin-bottom:25px;font-size:1.05rem}.masonry-gallery{column-count:3;perspective:1200px;column-gap:30px}.masonry-item{break-inside:avoid;cursor:pointer;box-shadow:var(--depth-shadow-md);transform-style:preserve-3d;border-radius:12px;margin-bottom:30px;position:relative;overflow:hidden}.masonry-item img{width:100%;transition:transform .6s;display:block}.masonry-item .overlay{opacity:0;width:100%;height:100%;transition:var(--transition);background:#0000004d;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0;transform:translateZ(30px)}.masonry-item .overlay span{color:var(--color-text);font-family:var(--font-en);letter-spacing:.1em;background:var(--color-white);transition:var(--transition);border-radius:30px;padding:10px 25px;font-size:.9rem;transform:translateY(15px);box-shadow:0 10px 20px #0003}.masonry-item:hover img{filter:brightness(.8);transform:scale(1.05)}.masonry-item:hover .overlay{opacity:1}.masonry-item:hover .overlay span{transform:translateY(0)}.lightbox{-webkit-backdrop-filter:blur(10px);z-index:2000;opacity:0;visibility:hidden;width:100%;height:100%;transition:var(--transition);perspective:1000px;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.lightbox.active{opacity:1;visibility:visible}.lightbox-content{max-width:90vw;max-height:90vh;display:inline-block;position:relative}.lightbox img{border-radius:12px;max-width:100%;max-height:90vh;transition:all .5s cubic-bezier(.25,.8,.25,1);display:block;transform:scale(.9)translateZ(-50px);box-shadow:0 30px 60px #00000080}.lightbox.active img{transform:scale(1)translateZ(0)}.lightbox-close{color:#fff;cursor:pointer;transition:var(--transition);z-index:2001;text-shadow:0 2px 5px #00000080;justify-content:center;align-items:center;width:40px;height:40px;font-size:2.5rem;line-height:1;display:flex;position:absolute;top:-15px;right:-40px}.lightbox-close:hover{color:var(--color-accent);transform:rotate(90deg)scale(1.1)}.page-header{text-align:center;padding:200px 0 100px;position:relative}.page-header:after{content:"";background-color:var(--color-accent);width:1px;height:60px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.page-title{letter-spacing:.15em;text-shadow:0 4px 10px #0000000d;margin-bottom:10px;font-size:3.5rem}.depth-container{background:var(--color-white);box-shadow:var(--depth-shadow-lg);z-index:1;border:1px solid #00000008;border-radius:16px;padding:60px 50px;position:relative}.form-group{margin-bottom:35px;position:relative}.form-control{width:100%;font-family:var(--font-ja);color:var(--color-text);background:#faf9f7;border:1px solid #b0976d33;border-radius:8px;padding:15px;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 4px #00000005}.form-control:focus{border-color:var(--color-accent);background:var(--color-white);outline:none;box-shadow:0 4px 15px #b0976d1a,inset 0 2px 4px #0000}.form-label{color:var(--color-text-light);pointer-events:none;transition:var(--transition);font-size:.9rem;position:absolute;top:15px;left:15px}.form-control:focus~.form-label,.form-control:valid~.form-label{color:var(--color-accent);font-size:.8rem;top:-24px;left:5px}.footer{color:var(--color-text);background-color:#0000;margin-top:30px;padding:50px 0 30px;position:relative}.footer:before{content:"";background:linear-gradient(90deg,#0000,#b0976d4d,#0000);width:80%;height:1px;position:absolute;top:0;left:10%}.footer-content{justify-content:space-between;align-items:flex-start;margin-bottom:60px;display:flex}.footer-logo{font-family:var(--font-en);letter-spacing:.2em;margin-bottom:20px;font-size:1.8rem}.footer-links{flex-direction:column;gap:15px;display:flex}.footer-links a{font-family:var(--font-en);letter-spacing:.1em;color:var(--color-text-light);font-size:.9rem;position:relative}.footer-links a:after{content:"";background-color:var(--color-text);width:0;height:1px;transition:var(--transition);position:absolute;bottom:-2px;left:0}.footer-links a:hover{color:var(--color-text)}.footer-links a:hover:after{width:100%}.footer-bottom{text-align:center;color:#888;font-size:.75rem;font-family:var(--font-en);letter-spacing:.1em;border-top:1px solid #0000000d;padding-top:30px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:#b0976d66;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#b0976db3}.back-to-top{background:var(--color-white);width:50px;height:50px;color:var(--color-accent);cursor:pointer;z-index:1000;opacity:0;visibility:hidden;transition:var(--transition);box-shadow:var(--depth-shadow-sm);border:1px solid #b0976d4d;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:fixed;bottom:40px;right:40px}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{box-shadow:var(--depth-shadow-md);background:var(--color-accent);color:var(--color-white);transform:translateY(-5px)}.gallery-filter{flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:50px;display:flex}.filter-btn{font-family:var(--font-en);letter-spacing:.1em;color:var(--color-text-light);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:5px 15px;font-size:.9rem;position:relative}.filter-btn.active,.filter-btn:hover{color:var(--color-text)}.filter-btn:after{content:"";background:var(--color-accent);width:0;height:1px;transition:var(--transition);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.filter-btn.active:after,.filter-btn:hover:after{width:80%}.filter-btn:before{content:attr(data-ja);color:var(--color-white);letter-spacing:.05em;opacity:0;visibility:hidden;pointer-events:none;white-space:nowrap;box-shadow:var(--depth-shadow-sm);font-size:.75rem;font-family:var(--font-ja);background:#23201ce6;border-radius:4px;padding:4px 10px;transition:all .3s;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.filter-btn[data-ja]:hover:before{opacity:1;visibility:visible;top:-35px}.signature{color:var(--color-accent);opacity:.8;margin-top:20px;font-family:Brush Script MT,cursive;font-size:2.5rem;display:inline-block;transform:rotate(-5deg)}.quote-block{text-align:center;color:var(--color-text);font-size:1.3rem;font-style:italic;font-family:var(--font-ja);margin:60px 0;padding:40px;position:relative}.quote-block:before{content:"\"";font-family:var(--font-en);color:#b0976d1a;z-index:-1;font-size:8rem;line-height:1;position:absolute;top:-50px;left:50%;transform:translate(-50%)}.footer-top{text-align:left;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:60px;display:grid}.footer-top h4{font-family:var(--font-en);color:var(--color-accent);margin-bottom:20px;font-size:1.1rem}.footer-top p{color:var(--color-text-light);font-size:.9rem;line-height:2}.fade-in{opacity:0;animation:2s forwards fadeIn}@keyframes fadeIn{to{opacity:1}}.slide-up{opacity:0;transition:all 1s cubic-bezier(.215,.61,.355,1);transform:translateY(40px)}.slide-up.visible{opacity:1;transform:translateY(0)}.delay-1{transition-delay:.2s}.delay-2{transition-delay:.4s}@keyframes breathing{0%{translate:0}50%{translate:0 -8px}to{translate:0}}.hero-content{animation:2s forwards fadeIn,6s ease-in-out infinite breathing}.god-ray{pointer-events:none;z-index:11;mix-blend-mode:screen;background:linear-gradient(#fff5e614,#0000);width:150vw;height:40vh;animation:12s ease-in-out infinite alternate godrayAnim;position:fixed;top:-20vh;left:-20vw;transform:rotate(-35deg)}@keyframes godrayAnim{0%{opacity:.2;transform:rotate(-35deg)translateY(0)}to{opacity:.7;transform:rotate(-35deg)translateY(100px)}}@media (width<=992px){.masonry-gallery{column-count:2}.split-layout{flex-direction:column;gap:50px}}@media (width<=768px){.split-image{width:100%;max-width:260px;margin:0 auto}.hero-title{font-size:2.2rem}.hero-content{padding:40px 20px}.hero-actions{flex-direction:column;width:100%}.hero-actions .btn{width:100%;margin:5px 0}.section{padding:60px 0}.masonry-gallery{column-count:1}.depth-container{padding:30px 20px}.gallery-filter{gap:10px;margin-bottom:30px}.page-header{padding:80px 0 40px!important}.navbar .logo{font-size:1.1rem}.hero-vertical-text,.hero-watermark,.hero-frame{display:none}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;visibility:hidden;width:100%;height:100vh;transition:var(--transition);background:#fffffff2;flex-direction:column;justify-content:center;align-items:center;gap:30px;position:fixed;top:0;left:0}.nav-links a{font-size:1.2rem}.nav-links.active{opacity:1;visibility:visible}.hamburger{display:flex}.hamburger.toggle span:first-child{transform:rotate(-45deg)translate(-5px,5px)}.hamburger.toggle span:nth-child(2){opacity:0}.hamburger.toggle span:nth-child(3){transform:rotate(45deg)translate(-5px,-5px)}.footer-content{flex-direction:column;gap:40px}.footer-top{text-align:center;grid-template-columns:1fr;gap:30px}}.admin-view-count{opacity:.8;margin-left:10px;font-size:.95em;display:none}body.is-admin .admin-view-count{display:inline-block}.admin-edit-link{color:var(--color-accent,#a58e65);margin-left:10px;font-size:.9em;font-weight:700;text-decoration:none;display:none}body.is-admin .admin-edit-link{display:inline-block}.admin-edit-link:hover{text-decoration:underline}