:root{--bg:#101010;--surface:#18181899;--surface-hover:#1e1e1eb3;--border:#2a2a2a;--text:#f0ede8;--text-soft:#d0ccc6;--text-dim:#aaa;--font-body:"Noto Sans JP", "Helvetica Neue", sans-serif;--font-display:"Shippori Mincho", "Hiragino Mincho ProN", "YuMincho", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased}body:before{content:"";z-index:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1024' height='1024'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.4 0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='1024' height='1024' filter='url(%23f)' opacity='0.12'/%3E%3C/svg%3E");height:max-content;min-height:100%;position:absolute;inset:0}body{position:relative}body:after{content:"";z-index:0;pointer-events:none;background:radial-gradient(at 50% 30%,#0f193c1f 0%,#0a122d0f 40%,#0000 75%);height:max-content;min-height:100%;position:absolute;inset:0}body>*{z-index:1;position:relative}a{text-decoration:none}.serif{font-family:var(--font-display)}.container{max-width:1100px;margin:0 auto;padding:0 40px;position:relative}.nav-wrap{z-index:100;-webkit-backdrop-filter:blur(32px);background:#101010cc;border-bottom:none;position:sticky;top:0}.nav{z-index:10;justify-content:space-between;align-items:center;padding:18px 0;display:flex;position:relative}.nav-logo{letter-spacing:10px;color:var(--text);text-transform:lowercase;font-size:24px;font-weight:500}.nav-links{gap:20px;display:flex}.nav-link{color:#888;letter-spacing:1.5px;font-size:14px;font-weight:400;transition:color .3s,transform .3s}.nav-link:hover{color:var(--text);transform:translateY(-1px)}.nav-link[href=\/contact]{color:#aaa;font-weight:500}.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{justify-content:center;align-items:center;min-height:440px;padding:72px 0 56px;display:flex;position:relative;overflow:hidden}.hero-content{z-index:2;text-align:center;position:relative}.hero-eyebrow{color:#bbb;letter-spacing:2px;margin-bottom:28px;font-size:15px}.hero-title{font-family:var(--font-display);color:#f0eeeb;letter-spacing:4px;text-shadow:0 1px 8px #f0eeeb0f;margin:0;font-size:40px;font-weight:400;line-height:1.6}.hero-rule{background:var(--border);width:48px;height:1px;margin:28px auto 24px}.hero-content{z-index:2;color:inherit;cursor:pointer;display:block;position:relative}.hero-sub{color:#b0ada8;letter-spacing:1.5px;margin:56px 0 16px;font-size:15px;font-weight:400;line-height:2}.hero-more{z-index:2;color:#ccc;letter-spacing:2px;opacity:0;font-size:15px;transition:opacity .3s,transform .3s;position:absolute;bottom:56px;right:40px;transform:translate(-8px)}.hero:hover .hero-more{opacity:1;transform:translate(0)}.fields-section,.works-section,.about-section,.contact-section{position:relative}.fields-section{padding:96px 0}.fields-area{flex-direction:column;gap:24px;display:flex}.fields-label{color:#999;letter-spacing:3px;margin-bottom:32px;font-size:14px}.fields-row{gap:24px;display:flex}.fcard{cursor:pointer;background:var(--surface);box-shadow:none;border:1px solid #0000;flex-direction:column;flex:1;justify-content:space-between;padding:36px 32px;transition:transform .3s,border-color .3s,box-shadow .3s;display:flex;position:relative}.fcard:hover{background:var(--surface-hover);transform:translateY(-2px)}.fcard-wide{flex:none;width:100%;padding:24px 28px}.fcard-ja{color:#ccc;letter-spacing:2px;font-size:14px;font-family:var(--font-body);margin-bottom:6px}.fcard-en{color:#e0ddd8;letter-spacing:1px;font-size:26px;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:14px}.fcard-arrow{color:#ccc;opacity:0;font-size:15px;transition:all .3s;transform:translate(-4px)}.fcard:hover .fcard-en{color:var(--text)}.fcard:hover .fcard-arrow{opacity:1;color:var(--text);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{padding:96px 0}.works-header{margin-bottom:48px}.works-title{color:#999;letter-spacing:3px;margin-bottom:0;font-size:14px}.works-lead{color:var(--text);letter-spacing:1px;font-size:17px;font-weight:400}.works-wall{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;gap:36px 28px;display:grid}.works-frame{background:var(--surface);box-shadow:none;border:1px solid #0000;transition:transform .3s,border-color .3s,box-shadow .3s;display:block;position:relative;overflow:hidden}.works-frame:hover{background:var(--surface-hover);transform:translateY(-2px)}.works-art{aspect-ratio:4/3;background:#0d0d0d;justify-content:center;align-items:center;display:flex;position:relative}.works-art-img{object-fit:cover;width:100%;height:100%;display:block}.works-art-index{z-index:1;font-size:30px;font-weight:200;font-family:var(--font-body);color:#242424;letter-spacing:3px;transition:color .4s;position:relative}.works-frame:hover .works-art-index{color:#2f2f2f}.works-plaque{padding:14px 16px 16px}.works-cat{color:#999;letter-spacing:2px;font-size:12px;font-family:var(--font-body);margin-bottom:5px}.works-name{color:var(--text-soft);letter-spacing:.5px;margin-bottom:5px;font-size:16px;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:14px}.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:15px;transition:color .3s,transform .3s;display:inline-block}.works-more:hover{color:var(--text);transform:translateY(-1px)}.contact-section{text-align:center;padding:120px 0}.contact-label{color:#999;letter-spacing:3px;margin-bottom:32px;font-size:14px}.contact-heading{font-family:var(--font-body);color:var(--text);letter-spacing:3px;margin-bottom:20px;font-size:28px;font-weight:300}.contact-sub{color:#888;margin:0 0 40px;font-size:15px;line-height:2}.contact-cta{color:var(--text-soft);letter-spacing:2px;background:0 0;border:1px solid #ffffff1f;padding:14px 40px;font-size:15px;transition:border-color .3s,color .3s,transform .3s,background .3s;display:inline-block}.contact-cta:hover{color:var(--text);background:var(--surface);border-color:#ffffff40;transform:translateY(-2px)}.contact-email-link{color:#ccc;letter-spacing:2px;margin-top:16px;font-size:13px;transition:color .3s,transform .3s;display:inline-block}.contact-email-link:hover{color:var(--text);transform:translateY(-1px)}.page-header{padding:60px 0 80px;position:relative}.back-link{color:var(--text-dim);letter-spacing:2px;margin-bottom:40px;font-size:13px;transition:color .3s,transform .3s;display:inline-block}.back-link:hover{color:var(--text);transform:translateY(-1px)}.page-eyebrow{color:var(--text-dim);letter-spacing:5px;font-size:13px;font-family:var(--font-body);margin-bottom:20px}.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:13px;transition:color .3s,transform .3s;display:inline-flex}.section-more:hover{color:var(--text);transform:translateY(-1px)}.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:13px}.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:#ccc;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{padding:96px 0}.about-sec-label{color:#999;letter-spacing:3px;margin-bottom:32px;font-size:13px}.about-sec-text{color:var(--text);letter-spacing:3px;margin:0 0 32px;font-size:24px;font-weight:400;line-height:2}.footer-wrap{-webkit-backdrop-filter:blur(32px);background:#101010cc;padding:48px 0}.footer-row{justify-content:space-between;align-items:flex-start;display:flex}.footer-left{flex-direction:column;gap:16px;display:flex}.footer-meta{flex-direction:column;gap:4px;display:flex}.footer-location{color:#555;letter-spacing:1px;font-size:12px}.footer-copy{color:#444;font-size:12px}.footer-right{flex-direction:column;align-items:flex-end;gap:16px;display:flex}.footer-nav{gap:20px;display:flex}.footer-nav-link{color:#888;letter-spacing:1.5px;font-size:14px;transition:color .3s,transform .3s}.footer-nav-link:hover{color:var(--text);transform:translateY(-1px)}.footer-nav-link[href=\/contact]{color:#aaa;font-weight:500}.footer-privacy{color:#555;letter-spacing:1px;font-size:12px;transition:color .3s,transform .3s}.footer-privacy:hover{color:var(--text);transform:translateY(-1px)}@media (width<=700px){.container{padding:0 20px}.hero{min-height:360px;padding:48px 0 40px}.hero-title{font-size:28px}.hero-sub{margin-bottom:24px;font-size:13px}.fields-section{padding:40px 0}.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-wall{grid-template-columns:1fr;gap:28px}.about-section{padding:40px 0}.about-sec-text{font-size:20px}.contact-section{padding:40px 0}.footer-row{flex-direction:column;gap:32px}.footer-right{align-items:flex-start}.footer-nav{flex-wrap:wrap;gap:12px}.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}}
