:root{--bg-color: #f2f2f0;--text-color: #1a1a1a;--accent-color: #000;--sub-text: #666;--border-color: rgba(0, 0, 0, .1);--font-inter: "Inter", sans-serif;--font-jp: "Noto Sans JP", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-inter),var(--font-jp);overflow-x:hidden;line-height:1.6;transition:background-color .8s ease,color .8s ease}#paper-layer{position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(https://www.transparenttextures.com/patterns/natural-paper.png);opacity:.3;pointer-events:none;z-index:999}#noise-layer{position:fixed;top:0;left:0;width:100%;height:100%;opacity:.05;pointer-events:none;z-index:1000;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3%3Cfilter id='noiseFilter'%3%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3%3C/filter%3%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3%3C/svg%3")}.container{max-width:1400px;margin:0 auto;padding:0 5vw}header{position:fixed;top:40px;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 5vw;z-index:100}.logo{font-weight:800;font-size:1.2rem;letter-spacing:.1em}.site-status{font-size:.7rem;letter-spacing:.2em;color:var(--sub-text)}.hero{height:100vh;display:flex;align-items:center;position:relative;overflow:hidden}.hero-bg-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:60vh;font-weight:800;color:#00000008;z-index:1;line-height:1}.hero-visual-container{position:absolute;top:0;left:0;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;z-index:2;overflow:hidden;perspective:2000px}.hero-main-img{width:120%;height:120%;object-fit:cover;opacity:.9}.reveal-text{position:relative;z-index:3;font-size:clamp(3rem,10vw,8rem);font-weight:800;line-height:.9;letter-spacing:-.02em}.reveal-text .line{display:block;overflow:hidden}.scroll-prompt{position:absolute;bottom:5vh;right:5vw;display:flex;flex-direction:column;align-items:center}.vertical-text{writing-mode:vertical-rl;font-size:.7rem;letter-spacing:.3em;margin-bottom:20px;color:var(--sub-text)}.scroll-prompt .line{width:1px;height:100px;background:var(--text-color);transform-origin:top}.concept{padding:20vh 0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.tag{font-size:.7rem;letter-spacing:.4em;color:var(--sub-text);display:block;margin-bottom:40px}.title{font-size:4rem;font-weight:700;margin-bottom:40px;line-height:1.2}.description{font-size:1.1rem;max-width:400px;color:var(--sub-text)}.visual-block{position:relative;display:flex;justify-content:center;align-items:center}.abstract-object{width:400px;height:500px;background:#000;position:relative;clip-path:polygon(10% 0,100% 0,90% 100%,0% 100%);transition:transform .5s ease;overflow:hidden}.concept-scroll-img{position:absolute;top:50%;left:-50%;height:100%;width:auto;object-fit:cover;transform:translateY(-50%);opacity:.6;filter:grayscale(1)}.caption-vertical{writing-mode:vertical-rl;position:absolute;right:-40px;font-size:.6rem;letter-spacing:.5em;color:var(--sub-text)}.philosophy{padding:30vh 0;position:relative;overflow:hidden}.door-container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;z-index:10;pointer-events:none}.door{flex:1;height:100%;background:#1a1a1a}.container-philosophy{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.footer-notice{position:fixed;bottom:58%;left:50%;transform:translate(-50%);font-size:1.6rem;font-weight:700;opacity:0;letter-spacing:.3em;color:inherit;text-align:center;filter:blur(30px);pointer-events:none;z-index:1001;width:100%}.big-quote{text-align:center}.quote-mark{font-size:10rem;display:block;line-height:1;font-family:serif;opacity:.1}.big-quote p{font-size:3rem;font-weight:700;line-height:1.4}.footer{padding:10vh 0 5vh;border-top:1px solid var(--border-color)}.footer-grid{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10vh}.footer-info h3{font-size:1.5rem;letter-spacing:.1em;margin-bottom:20px}.footer-links a{display:block;text-decoration:none;color:inherit;font-weight:800;font-size:2rem;margin-bottom:10px;transition:opacity .3s}.footer-links a:hover{opacity:.5}.copyright{font-size:.7rem;color:var(--sub-text);text-align:center}@media (max-width: 768px){.grid{grid-template-columns:1fr;gap:60px}.title{font-size:3rem}.abstract-object{width:100%;height:300px}}