:root{--paper:#F7F5F0;--night:#081E29;--teal:#2D9D93;--dteal:#175E5B;--nsec:#10333B;--moonY:#F2D54B;--ink:#2B2B2B;--moonwhite:#F4F1E6;--mincho:"Shippori Mincho",serif;--sans:"Noto Sans JP",sans-serif}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--sans);font-weight:300;color:var(--ink);background:var(--paper);line-height:2;letter-spacing:.04em}header{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:20px 36px;transition:background-color .4s ease,backdrop-filter .4s ease,padding .4s ease,border-bottom .4s ease;border-bottom:1px solid transparent}header.scrolled{background-color:#f7f5f0e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:14px 36px;border-bottom:1px solid rgba(23,94,91,.08)}.logo{display:flex;align-items:center;gap:12px;text-decoration:none;z-index:102}.logo img{height:38px;display:block;filter:saturate(.78) brightness(.92)}.logo-text{display:flex;flex-direction:column;line-height:1.15}.logo-main{font-family:var(--sans);font-size:15px;font-weight:800;color:var(--ink);letter-spacing:.08em}.logo-sub{font-family:var(--sans);font-size:10.5px;color:var(--teal);font-weight:500;letter-spacing:.14em}.nav-desktop{display:flex;gap:28px;align-items:center}.nav-desktop a{font-size:12.5px;letter-spacing:.18em;color:var(--ink);opacity:.72;text-decoration:none;transition:color .4s ease,opacity .3s ease}.nav-desktop a:hover{opacity:1;color:var(--teal)}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:26px;height:18px;background:none;border:none;cursor:pointer;padding:0;z-index:102}.menu-toggle .bar{width:100%;height:1.5px;background-color:var(--ink);transition:all .4s ease}header.menu-open .menu-toggle .bar:nth-child(1){transform:translateY(8px) rotate(45deg)}header.menu-open .menu-toggle .bar:nth-child(2){opacity:0}header.menu-open .menu-toggle .bar:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.nav-mobile{position:fixed;inset:0;background:var(--paper);z-index:101;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .4s ease}header.menu-open .nav-mobile{opacity:1;pointer-events:auto}.nav-mobile-inner{display:flex;flex-direction:column;align-items:center;gap:32px}.nav-mobile a{font-family:var(--mincho);font-size:20px;letter-spacing:.2em;color:var(--ink);text-decoration:none;opacity:0;transform:translateY(15px);transition:opacity .4s ease,transform .4s ease}header.menu-open .nav-mobile a{opacity:.8;transform:none}header.menu-open .nav-mobile a:nth-child(1){transition-delay:.1s}header.menu-open .nav-mobile a:nth-child(2){transition-delay:.2s}header.menu-open .nav-mobile a:nth-child(3){transition-delay:.3s}header.menu-open .nav-mobile a:nth-child(4){transition-delay:.4s}.nav-mobile a:hover{opacity:1;color:var(--teal)}#scrollmoon{position:fixed;right:30px;bottom:30px;z-index:100;width:34px;height:34px;opacity:.9}.hero{position:relative;height:100svh;min-height:620px;background:var(--paper);overflow:hidden}#suminagashi{position:absolute;inset:0;width:100%;height:100%;display:block;cursor:crosshair}.hero-veil{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(860px,94vw);height:min(420px,62vh);background:radial-gradient(ellipse at center,#f7f5f0e0,#f7f5f08c 48%,#f7f5f000 75%);pointer-events:none;z-index:1}.hero-inner{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:0 24px;pointer-events:none}.hero h1{font-family:var(--mincho);font-weight:400;font-size:clamp(30px,5.4vw,56px);letter-spacing:.14em;color:var(--ink);opacity:0;animation:inkfade 2.4s ease .4s forwards}.hero .sub{margin-top:28px;font-size:clamp(12px,1.5vw,15px);letter-spacing:.22em;color:#55524c;opacity:0;animation:inkfade 2.4s ease 1.1s forwards}.hero .name{margin-top:64px;font-size:10.5px;letter-spacing:.34em;color:var(--dteal);opacity:0;animation:inkfade 2.4s ease 1.7s forwards}@keyframes inkfade{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.hero .hint{margin-top:18px;font-size:10px;letter-spacing:.22em;color:#55524c8c}.hero .scrollhint{position:absolute;bottom:34px;left:50%;width:1px;height:54px;background:linear-gradient(#2b2b2b00,#2b2b2b66);animation:drip 2.6s ease-in-out infinite;z-index:2}@keyframes drip{0%{transform:scaleY(0);transform-origin:top}55%{transform:scaleY(1);transform-origin:top}56%{transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}section{padding:130px 24px}.inner{max-width:880px;margin:0 auto}.kicker{font-size:10.5px;letter-spacing:.36em;color:var(--teal);margin-bottom:18px}h2{font-family:var(--mincho);font-weight:500;font-size:clamp(22px,3vw,30px);letter-spacing:.12em;margin-bottom:46px}.divider{display:flex;justify-content:center;padding:0}.divider svg{display:block}.statement p.lead{font-family:var(--mincho);font-size:clamp(16px,2vw,19px);line-height:2.6;letter-spacing:.1em;text-align:center}.profile{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:58px;text-align:center}.profile img{width:92px;height:92px;border-radius:50%;object-fit:cover;background:#fff;border:1px solid rgba(23,94,91,.18)}.pname{font-family:var(--mincho);font-size:17px;letter-spacing:.14em;line-height:1.6}.pname span{display:block;font-family:var(--sans);font-size:10.5px;letter-spacing:.3em;color:var(--teal);margin-top:6px}.prole{font-size:14px;color:#6b675f;letter-spacing:.08em;line-height:2.2;max-width:480px}.shingitai{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:48px;margin-top:10px}.pillar .glyph{font-family:var(--mincho);font-size:34px;color:var(--dteal)}.pillar .yomi{font-size:10.5px;letter-spacing:.3em;color:var(--teal);margin:8px 0 18px}.pillar h3{font-family:var(--mincho);font-weight:500;font-size:18px;letter-spacing:.16em;margin-bottom:14px}.pillar p{font-size:15px;line-height:2.2;color:#55524c}.works-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:24px;margin-top:36px}.works-card{background:#fff;border:1px solid rgba(23,94,91,.11);padding:44px 40px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.works-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #175e5b0d;border-color:#175e5b38}.works-card .tag{font-size:9.5px;letter-spacing:.24em;color:var(--teal);margin-bottom:12px}.works-card h3{font-family:var(--mincho);font-weight:500;font-size:18.5px;letter-spacing:.08em;margin-bottom:16px;line-height:1.5}.works-card p{font-size:14.5px;line-height:2.2;color:#55524c}@media(max-width:640px){.works-grid{grid-template-columns:1fr}.works-card{padding:34px 28px}}.night-section{background:var(--nsec);color:var(--moonwhite)}.night-section .kicker{color:var(--teal)}.night-section h2{color:var(--moonwhite)}.journal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:20px}.j-card{border:1px solid rgba(244,241,230,.16);padding:30px 28px;transition:border-color .4s;cursor:pointer}.j-card:hover{border-color:#2d9d93a6}.j-card .j-tag{font-family:var(--mincho);font-size:12px;letter-spacing:.2em;color:var(--moonY);margin-bottom:14px}.j-card h3{font-family:var(--mincho);font-weight:400;font-size:15.5px;line-height:2;letter-spacing:.06em;margin-bottom:16px}.j-card .src{font-size:10px;letter-spacing:.2em;color:#f4f1e673}.journal-note{margin-top:34px;font-size:11.5px;color:#f4f1e680;letter-spacing:.1em}.contact{text-align:center}.contact p{font-family:var(--mincho);font-size:clamp(15px,1.8vw,18px);line-height:2.6;letter-spacing:.1em;margin-bottom:44px}.btn{display:inline-block;font-size:13.5px;letter-spacing:.3em;color:var(--ink);text-decoration:none;border:1px solid rgba(43,43,43,.45);padding:17px 58px;transition:all .4s}.btn:hover{background:var(--dteal);color:var(--moonwhite);border-color:var(--dteal)}footer{padding:60px 24px 44px;text-align:center;color:#8b877e;border-top:1px solid rgba(23,94,91,.05)}footer .footer-links{display:flex;justify-content:center;gap:24px;margin-bottom:18px}footer .footer-links a{font-size:10px;letter-spacing:.1em;color:#8b877e;text-decoration:none;transition:color .3s}footer .footer-links a:hover{color:var(--teal)}footer p{font-size:9.5px;letter-spacing:.22em}.fade{opacity:0;transform:translateY(26px);transition:opacity 1.1s ease,transform 1.1s ease}.fade.in{opacity:1;transform:none}@media(max-width:768px){header{padding:18px 24px}header.scrolled{padding:12px 24px}.nav-desktop{display:none}.menu-toggle{display:flex}section{padding:90px 22px}.works-card{padding:36px 28px}.pc-only{display:none!important}}@media(min-width:769px){.mobile-only{display:none!important}}@media(prefers-reduced-motion:reduce){.fade{opacity:1;transform:none;transition:none}.hero .scrollhint{animation:none}}.drawer-overlay{position:fixed;inset:0;background-color:#081e2966;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:200;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.25,1,.5,1)}.drawer-overlay.open{opacity:1;pointer-events:auto}.drawer-content{position:absolute;top:0;right:0;bottom:0;width:100%;max-width:460px;background-color:var(--paper);box-shadow:-10px 0 40px #081e2926;transform:translate(100%);transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex;flex-direction:column}.drawer-overlay.open .drawer-content{transform:translate(0)}.drawer-close{position:absolute;top:24px;right:28px;background:none;border:none;font-size:28px;color:var(--ink);cursor:pointer;opacity:.6;transition:opacity .3s;z-index:10;padding:4px;line-height:1}.drawer-close:hover{opacity:1}.drawer-inner{padding:80px 40px 40px;overflow-y:auto;flex:1}.drawer-history-list{list-style:none;padding:0;margin:24px 0 40px}.drawer-history-list li{position:relative;padding-left:20px;margin-bottom:16px;font-size:14.5px;line-height:2;color:#55524c}.drawer-history-list li:before{content:"•";color:var(--teal);position:absolute;left:0;font-weight:700}.drawer-links{display:flex;flex-direction:column;gap:16px;margin-bottom:44px}.drawer-links a{font-size:13px;color:var(--ink);text-decoration:none;letter-spacing:.08em;display:inline-flex;align-items:center;gap:8px;transition:color .3s}.drawer-links a:hover{color:var(--teal)}@media(max-width:480px){.drawer-content{max-width:100%}.drawer-inner{padding:70px 24px 30px}}.legal-box section{padding:0}.newsletter-form{display:flex;gap:10px;width:100%;max-width:520px;margin:0 auto}.newsletter-form input{flex:1;min-width:260px;padding:15px 18px;border:1px solid rgba(43,43,43,.2);background:#fff;font-family:var(--sans);font-size:14.5px;color:var(--ink);border-radius:0;outline:none;transition:border-color .3s,box-shadow .3s}.newsletter-form input:focus{border-color:var(--teal);box-shadow:0 0 0 3px #2d9d9314}.newsletter-form button{padding:15px 36px;font-size:13px;letter-spacing:.18em;border-color:var(--teal);background:var(--teal);color:var(--moonwhite);cursor:pointer;transition:all .3s;white-space:nowrap;font-weight:500;font-family:var(--sans)}.newsletter-form button:hover{background:var(--dteal);border-color:var(--dteal)}@media(max-width:640px){.newsletter-form{flex-direction:column;gap:12px}.newsletter-form button{width:100%;padding:16px 20px}}