@import"https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400;600&family=Zen+Kaku+Gothic+New:wght@300;400;500;700&family=JetBrains+Mono:wght@300;400&display=swap";:root{--bg-color: #f6f6f2;--text-main: #333333;--text-muted: #777777;--line-color: #d0d0c0;--highlight-color: #000000;--left-pane-width: 45vw;--header-height: 80px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;width:100%;font-family:Zen Kaku Gothic New,sans-serif;background-color:var(--bg-color);color:var(--text-main);overflow:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.split-layout{display:flex;height:100vh;position:relative;width:100vw}.grid-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.line-v,.line-h{position:absolute;background-color:var(--line-color)}.line-v{width:1px;height:100%;top:0}.line-h{height:1px;width:100%;left:0}.v-1{left:var(--left-pane-width)}.v-2{left:95%;display:none}.h-1{top:15vh}.h-2{top:85vh}.left-pane{width:var(--left-pane-width);height:100%;padding:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;z-index:10;border-right:1px solid var(--line-color)}.brand-area{position:absolute;top:3rem;left:3rem}.logo{display:flex;align-items:center;gap:.5rem}.logo-icon{font-size:1.5rem}.logo-text{display:flex;flex-direction:column}.jp{font-family:"Noto Serif JP",serif;font-weight:600}.en{font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted)}.hero-message{margin-top:0;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-bg-curves{position:absolute;top:-150px;left:50%;transform:translate(-50%);width:400px;height:600px;z-index:-1;opacity:.6}.hero-bg-curves path{fill:none;stroke:#555;stroke-width:.5px}.main-title{font-family:"Noto Serif JP",serif;font-size:2.5rem;line-height:1.6;font-weight:400;letter-spacing:.15em;display:flex;flex-direction:column;margin-bottom:2.5rem}.sub-title{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-muted);line-height:1.8;letter-spacing:.05em}.copyright-area{position:absolute;bottom:3rem;left:3rem;padding-top:0;font-family:JetBrains Mono,monospace;font-size:.75rem;color:var(--text-muted)}.right-pane{flex:1;height:100%;overflow-y:auto;position:relative;z-index:10;display:flex;flex-direction:column}.right-header{padding:1.5rem 2rem;display:flex;justify-content:flex-end;position:sticky;top:0;background:var(--bg-color);z-index:20}.nav-toggle{display:none;background:none;border:none;cursor:pointer;z-index:30;padding:.5rem}.hamburger{display:block;width:24px;height:2px;background:var(--text-main);position:relative;transition:background .3s}.hamburger:before,.hamburger:after{content:"";position:absolute;width:24px;height:2px;background:var(--text-main);left:0;transition:transform .3s,top .3s}.hamburger:before{top:-8px}.hamburger:after{top:8px}.nav-toggle.open .hamburger{background:transparent}.nav-toggle.open .hamburger:before{transform:rotate(45deg);top:0}.nav-toggle.open .hamburger:after{transform:rotate(-45deg);top:0}.nav-list{display:flex;gap:1.5rem;list-style:none}.nav-link{font-family:Inter,sans-serif;font-size:.85rem;font-weight:500;color:var(--text-main);position:relative;letter-spacing:.02em}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:1px;background:var(--text-main);opacity:.5;transition:width .3s}.nav-link:hover:after{width:100%}.scroll-content{padding:0 3rem 6rem}.spacer-top{height:10vh}.section{margin-bottom:8rem}.section-label{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--text-muted);margin-bottom:1rem}.section-heading-jp{font-family:"Noto Serif JP",serif;font-size:2rem;margin-bottom:1rem}.section-desc{font-size:1rem;line-height:1.8;color:var(--text-muted);max-width:600px;margin-bottom:3rem}.works-list{display:grid;grid-template-columns:1fr;gap:4rem}.work-item{background:#fff;border:1px solid var(--line-color);display:grid;grid-template-columns:1.5fr 1fr;gap:0}.work-visual{height:300px;background:#f0f0f0;position:relative;overflow:hidden;border-right:1px solid var(--line-color);display:flex;align-items:center;justify-content:center}.work-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.work-placeholder{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:transform .3s}.cosmetics-theme{background:#1a1a1a;color:#fff}.corporate-theme{background:#f0f4f8;color:#2c3e50}.hospital-theme{background:#e6f3f0;color:#2c5e55}.ph-text{font-family:Playfair Display,serif;font-size:1.5rem;margin-bottom:.5rem;letter-spacing:.05em}.ph-sub{font-family:Inter,sans-serif;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;opacity:.8}.work-item:hover .work-image,.work-item:hover .work-placeholder{transform:scale(1.05)}.work-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000004d;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.work-item:hover .work-overlay{opacity:1}.btn-view{background:#fff;color:#000;padding:.75rem 1.5rem;font-family:JetBrains Mono,monospace;font-size:.9rem;border:1px solid black}.btn-view:hover{background:#000;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.work-info{padding:2rem;display:flex;flex-direction:column;justify-content:center}.work-title{font-family:"Noto Serif JP",serif;font-size:1.4rem;margin-bottom:.5rem}.work-sub{font-family:JetBrains Mono,monospace;font-size:.8rem;color:var(--text-muted);margin-bottom:1.5rem}.work-text{font-size:.95rem;line-height:1.6;color:var(--text-muted)}.nav-toggle{display:none}.contact-msg{font-size:1.25rem;font-family:JetBrains Mono,monospace;margin-bottom:2rem}.copyright{font-size:.8rem;color:var(--text-muted)}@media(max-width:900px){.split-layout{flex-direction:column;height:auto;overflow-y:auto;overflow-x:hidden}html,body{overflow-y:auto;height:auto}.line-v{display:none}.left-pane{width:100%;height:auto;min-height:80vh;padding:2rem;border-right:none;border-bottom:1px solid var(--line-color);justify-content:center}.main-title{font-size:1.8rem;line-height:1.5;margin-bottom:1.5rem}.sub-title{font-size:.8rem}.brand-area{top:2rem;left:2rem}.copyright-area{bottom:2rem;left:2rem;position:absolute}.right-pane{width:100%;overflow:visible}.work-item{grid-template-columns:1fr}.work-visual{border-right:none;border-bottom:1px solid var(--line-color)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{opacity:0;animation:fadeUp 1s cubic-bezier(.2,.8,.2,1) forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.5s}.delay-3{animation-delay:.8s}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.animate-on-scroll.is-visible{opacity:1;transform:translateY(0)}@media(max-width:900px){.nav-toggle{display:block}.nav{position:fixed;top:0;left:0;width:100%;height:100vh;background:var(--bg-color);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .4s;z-index:25}.nav.open{opacity:1;pointer-events:auto}.nav-list{display:flex;flex-direction:column;gap:3rem;text-align:center}.nav-link{font-size:1.5rem}}