:root{--bg:#0a0a0a;--surface:#151515;--surface-hover:#1c1c1c;--border:#282828;--text:#f0ede8;--text-soft:#d0ccc6;--text-dim:#aaa;--accent-red:#c47070}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Helvetica Neue,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif}a{text-decoration:none}.serif{font-family:Shippori Mincho,Hiragino Mincho ProN,YuMincho,serif}.container{max-width:1100px;margin:0 auto;padding:0 40px;position:relative}.nav{z-index:10;justify-content:space-between;align-items:center;padding:24px 0;display:flex;position:relative}.nav-logo{letter-spacing:8px;color:var(--text);font-size:20px;font-weight:300}.nav-links{gap:20px;display:flex}.nav-link{color:#ccc;letter-spacing:1.5px;font-size:14px;font-weight:400;transition:color .4s}.nav-link:hover{color:var(--text)}.nav-toggle{cursor:pointer;z-index:21;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:32px;height:32px;padding:0;display:none;position:relative}.nav-toggle-bar{background:var(--text-soft);width:100%;height:1px;transition:transform .3s,opacity .3s}.nav-toggle.is-open .nav-toggle-bar:first-child{transform:translateY(3.5px)rotate(45deg)}.nav-toggle.is-open .nav-toggle-bar:last-child{transform:translateY(-3.5px)rotate(-45deg)}.hero{align-items:center;min-height:440px;padding:72px 0 56px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;margin-left:80px;position:relative}.hero-eyebrow{color:#bbb;letter-spacing:4px;margin-bottom:28px;font-family:monospace;font-size:11px}.hero-title{color:#f0eeeb;letter-spacing:4px;margin:0;font-family:Shippori Mincho,Hiragino Mincho ProN,YuMincho,serif;font-size:40px;font-weight:400;line-height:1.6}.hero-rule{background:linear-gradient(90deg,#555,#0000);width:48px;height:1px;margin:28px 0 24px}.hero-sub{color:#e0ddd8;letter-spacing:1px;margin:0 0 40px;font-size:16px;font-weight:400;line-height:2}.divider{background:var(--border);height:1px}.fields-section{border-top:1px solid var(--border);padding:56px 0}.fields-area{flex-direction:column;align-items:center;gap:24px;margin-left:60px;display:flex;position:relative}.fields-label{color:#999;letter-spacing:3px;writing-mode:vertical-rl;text-orientation:mixed;font-family:monospace;font-size:10px;position:absolute;top:4px;left:-40px}.fields-row{justify-content:center;gap:24px;display:flex}.fcard{cursor:pointer;flex-direction:column;justify-content:space-between;width:320px;padding:36px 32px;transition:transform .3s;display:flex;position:relative}.fcard:hover{transform:translateY(-2px)}.fcard-wide{width:664px;padding:24px 28px}.fcard-bg{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.fcard-bg svg{width:100%;height:100%}.fcard-content{z-index:1;position:relative}.fcard-ja{color:#ccc;letter-spacing:2px;margin-bottom:6px;font-family:monospace;font-size:12px}.fcard-en{color:#e0ddd8;letter-spacing:1px;font-size:24px;font-weight:200}.fcard-foot{justify-content:space-between;align-items:center;margin-top:28px;display:flex}.fcard-sub{color:#aaa;letter-spacing:1px;font-size:11px}.fcard-arrow{color:#ccc;opacity:0;font-size:15px;transition:all .3s;transform:translate(-4px)}.fcard:hover .fcard-arrow{opacity:1;transform:translate(0)}.fcard-wide-inner{justify-content:space-between;align-items:center;display:flex}.fcard-wide-left{align-items:center;gap:20px;display:flex}.fcard-wide-right{align-items:center;gap:12px;display:flex}.works-section{border-top:1px solid var(--border);padding:64px 0}.works-inner{margin-left:80px}.works-header{margin-bottom:32px}.works-title{color:var(--text-soft);letter-spacing:4px;margin-bottom:8px;font-family:monospace;font-size:12px}.works-lead{color:var(--text);letter-spacing:1px;font-size:16px;font-weight:400}.works-wall{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:36px 28px;display:grid}.works-frame{padding:16px 16px 14px;transition:transform .5s;display:block;position:relative}.works-frame-bg{z-index:0;filter:drop-shadow(0 10px 20px #00000080);position:absolute;inset:0}.works-frame-bg svg{width:100%;height:100%;display:block}.works-frame-bg path{transition:stroke .4s,fill .4s}.works-frame:nth-child(3n+1){transform:rotate(-.4deg)}.works-frame:nth-child(3n+2){transform:rotate(.3deg)}.works-frame:nth-child(3n+3){transform:rotate(-.2deg)}.works-frame:hover{transform:rotate(0)translateY(-3px)}.works-frame:hover .works-frame-bg path{fill:#191919;stroke:#3a3a3a}.works-mat{z-index:1;position:relative}.works-art{aspect-ratio:4/3;justify-content:center;align-items:center;display:flex;position:relative}.works-art-bg{position:absolute;inset:0}.works-art-bg svg{width:100%;height:100%;display:block}.works-art-img{object-fit:cover;width:calc(100% - 8px);height:calc(100% - 8px);display:block;position:absolute;inset:4px}.works-art-index{z-index:1;color:#242424;letter-spacing:3px;font-family:monospace;font-size:30px;font-weight:200;transition:color .4s;position:relative}.works-frame:hover .works-art-index{color:#2f2f2f}.works-plaque{padding-top:14px}.works-cat{color:#999;letter-spacing:2px;margin-bottom:5px;font-family:monospace;font-size:9px}.works-name{color:var(--text-soft);letter-spacing:.5px;margin-bottom:5px;font-size:13px;font-weight:300;transition:color .3s}.works-name.is-named,.works-frame:hover .works-name{color:var(--text)}.works-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.works-role{color:#888;font-size:11px}.works-arrow{color:#ccc;opacity:0;font-size:13px;transition:opacity .3s,transform .3s;transform:translate(-4px)}.works-frame:hover .works-arrow{opacity:1;transform:translate(0)}.works-more{color:#ccc;letter-spacing:1.5px;margin-top:40px;font-size:12px;transition:color .3s;display:inline-block}.works-more:hover{color:var(--text)}.contact-section{border-top:1px solid var(--border);padding:64px 0 56px}.contact-inner{margin-left:160px}.contact-label{color:#aaa;letter-spacing:3px;margin-bottom:24px;font-family:monospace;font-size:11px}.contact-heading{color:var(--text);letter-spacing:2px;margin-bottom:8px;font-size:22px;font-weight:400}.contact-sub{color:#bbb;margin-bottom:24px;font-size:13px}.contact-link{color:var(--text);letter-spacing:2px;border-bottom:.5px solid #333;padding:10px 0;font-size:14px;transition:border-color .3s;display:inline-block}.contact-link:hover{border-color:#888}.contact-email-link{color:#ccc;letter-spacing:2px;margin-top:16px;font-size:13px;transition:color .3s;display:block}.contact-email-link:hover{color:var(--text)}.page-header{padding:60px 0 80px;position:relative}.back-link{color:var(--text-dim);letter-spacing:2px;margin-bottom:40px;font-size:11px;transition:color .4s;display:inline-block}.back-link:hover{color:var(--text)}.page-eyebrow{color:var(--text-dim);letter-spacing:5px;margin-bottom:20px;font-family:monospace;font-size:10px}.page-title{color:var(--text);letter-spacing:2px;margin:0 0 20px;font-size:36px;font-weight:200}.page-lead{color:var(--text-soft);max-width:480px;font-size:14px;font-weight:300;line-height:2.2}.section-more{color:#ccc;letter-spacing:2px;align-items:center;gap:6px;margin-top:32px;font-size:11px;transition:color .3s;display:inline-flex}.section-more:hover{color:var(--text)}.info-table{background:var(--border);border-radius:6px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.info-row{background:var(--surface);justify-content:space-between;padding:16px 24px;display:flex}.info-label{color:var(--text-dim);letter-spacing:2px;font-size:11px}.info-value{color:var(--text-soft);font-size:13px}.service-list{background:var(--border);border-radius:6px;flex-direction:column;gap:1px;display:flex;overflow:hidden}.service-row{background:var(--surface);padding:20px 24px}.service-label{color:var(--text);letter-spacing:1px;margin-bottom:6px;font-size:13px;font-weight:300}.service-desc{color:var(--text-dim);font-size:12px;line-height:1.8}.contact-form{text-align:left;flex-direction:column;gap:32px;width:100%;max-width:520px;margin:48px auto 40px;display:flex}.form-field{flex-direction:column;gap:8px;display:flex}.form-label{color:#ccc;letter-spacing:1.5px;font-size:12px}.form-required{color:var(--accent-red);margin-left:4px;font-size:10px}.form-optional{color:#888;margin-left:4px;font-size:10px}.form-radios{flex-wrap:wrap;gap:24px;padding:4px 0;display:flex}.form-radio{cursor:pointer;align-items:center;gap:8px;display:flex}.form-radio input{display:none}.form-radio-mark{border:1px solid #555;border-radius:50%;flex-shrink:0;width:16px;height:16px;transition:border-color .3s;position:relative}.form-radio input:checked+.form-radio-mark{border-color:#ccc}.form-radio input:checked+.form-radio-mark:after{content:"";background:#ccc;border-radius:50%;width:8px;height:8px;position:absolute;top:3px;left:3px}.form-radio-text{color:#bbb;letter-spacing:.5px;font-size:13px}.form-radio:hover .form-radio-mark{border-color:#999}.form-input,.form-select,.form-textarea{border:none;border-bottom:1px solid var(--border);color:var(--text);background:0 0;padding:10px 0;font-family:inherit;font-size:14px;transition:border-color .3s}.form-select{appearance:none;cursor:pointer}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#888;outline:none}.form-textarea{resize:vertical;min-height:140px}.form-submit{color:#ccc;letter-spacing:2px;cursor:pointer;background:0 0;border:1px solid #555;align-self:flex-start;margin-top:8px;padding:14px 40px;font-size:13px;transition:border-color .3s,color .3s}.form-submit:hover{color:var(--text);border-color:#aaa}.form-note{color:#aaa;font-size:12px;line-height:1.8}.about-section{border-top:1px solid var(--border);padding:64px 0 56px}.about-inner{margin-left:80px}.about-sec-label{color:#aaa;letter-spacing:3px;margin-bottom:32px;font-family:monospace;font-size:11px}.about-sec-text{color:#f0eeeb;letter-spacing:3px;margin:0 0 32px;font-size:24px;font-weight:400;line-height:2}.footer{border-top:1px solid var(--border);padding:40px 0 24px}.footer-nav{gap:20px;margin-bottom:32px;display:flex}.footer-nav-link{color:#aaa;letter-spacing:1.5px;font-size:12px;transition:color .3s}.footer-nav-link:hover{color:var(--text)}.footer-bottom{justify-content:space-between;align-items:flex-end;display:flex}.footer-info{flex-direction:column;gap:4px;display:flex}.footer-name{color:#aaa;letter-spacing:2px;font-size:11px}.footer-location{color:#888;letter-spacing:1px;font-size:11px}.footer-legal{align-items:center;gap:24px;display:flex}.footer-privacy{color:#888;letter-spacing:1px;font-size:11px;transition:color .3s}.footer-privacy:hover{color:var(--text)}.footer-copy{color:#888;font-size:11px}@media (width<=700px){.container{padding:0 20px}.hero{min-height:360px;padding:48px 0 40px}.hero-content{margin-left:0}.hero-title{font-size:28px}.hero-sub{margin-bottom:24px;font-size:13px}.fields-section{padding:40px 0}.fields-area{margin-left:0}.fields-label{writing-mode:horizontal-tb;margin-bottom:16px;position:static}.fields-row{flex-direction:column;gap:16px}.fcard,.fcard-wide{width:100%}.fcard-wide-inner{flex-direction:column;align-items:flex-start;gap:12px}.fcard-wide-right{justify-content:space-between;width:100%}.works-section{padding:40px 0}.works-inner{margin-left:0}.works-wall{grid-template-columns:1fr;gap:28px}.works-frame:nth-child(3n+1),.works-frame:nth-child(3n+2),.works-frame:nth-child(3n+3){transform:rotate(0)}.about-section{padding:40px 0}.about-inner{margin-left:0}.about-sec-text{font-size:20px}.contact-section{padding:40px 0}.contact-inner{margin-left:0}.footer-nav{flex-wrap:wrap;gap:12px}.footer-bottom{flex-direction:column;align-items:flex-start;gap:16px}.footer-legal{flex-direction:column;align-items:flex-start;gap:8px}.nav-toggle{display:flex}.nav-links{background:var(--bg);opacity:0;pointer-events:none;z-index:20;flex-direction:column;justify-content:center;align-items:center;gap:32px;transition:opacity .3s;position:fixed;inset:0}.nav-links.is-open{opacity:1;pointer-events:auto}.nav-links .nav-link{font-size:16px}}
