@import url("https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@300;400;500&display=swap");:root{--color-bg:#FAFAF9;--color-bg-alt:#F3F2F0;--color-surface:#FFFFFF;--color-text:#1A1A1A;--color-text-secondary:#6B6B6B;--color-text-muted:#A3A3A3;--color-border:rgba(0,0,0,0.07);--color-accent:#2D2D2D;--font-serif:"Instrument Serif","Noto Serif",Georgia,serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,sans-serif;--text-xs:0.7rem;--text-sm:0.82rem;--text-base:0.95rem;--text-lg:1.15rem;--text-xl:1.4rem;--text-2xl:2rem;--text-3xl:3rem;--text-4xl:4.5rem;--text-5xl:6.5rem;--text-6xl:9rem;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:80px;--space-16:120px;--space-20:160px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--ease-out:cubic-bezier(0.16,1,0.3,1);--ease-in-out:cubic-bezier(0.65,0,0.35,1);--duration-fast:0.2s;--duration-base:0.4s;--duration-slow:0.8s}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:300;line-height:1.6;color:var(--color-text);background:var(--color-bg);overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:var(--space-5) var(--space-8);display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference}.nav-logo{font-family:var(--font-serif);font-size:var(--text-lg);color:#fff;letter-spacing:-.02em}.nav-links{display:flex;gap:var(--space-6)}.nav-link{font-size:var(--text-xs);font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:#fff;position:relative;padding:var(--space-1) 0}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#fff;transition:width var(--duration-base) var(--ease-out)}.nav-link:hover:after{width:100%}.welcome{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:var(--space-16) var(--space-8);position:relative}.welcome-fixed{height:100vh;overflow:hidden}.welcome-content{max-width:900px}.welcome-greeting{font-family:var(--font-serif);font-size:var(--text-5xl);font-style:italic;line-height:1.3;letter-spacing:.01em;color:var(--color-text);margin-bottom:var(--space-8)}.welcome-tagline{font-size:var(--text-lg);font-weight:300;font-style:normal;color:var(--color-text-secondary);max-width:520px;line-height:1.7;margin-bottom:var(--space-10)}.welcome-nav{display:flex;gap:var(--space-8)}.welcome-nav-item{font-size:var(--text-sm);font-weight:400;letter-spacing:.08em;color:var(--color-text-secondary);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);transition:all var(--duration-fast) ease}.welcome-nav-item:hover{color:var(--color-text);border-color:var(--color-text)}.welcome-nav-arrow{display:inline-block;transition:transform var(--duration-fast) var(--ease-out)}.welcome-nav-item:hover .welcome-nav-arrow{transform:translate(2px,-2px)}.welcome-sub{font-size:var(--text-lg);font-weight:300;color:var(--color-text-secondary);max-width:520px;line-height:1.7}.resources-welcome{min-height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:var(--space-16) var(--space-8)}.welcome-scroll-hint{position:absolute;bottom:var(--space-8);left:var(--space-8);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);writing-mode:vertical-rl;animation:float 3s var(--ease-in-out) infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}.resources{padding:var(--space-20) var(--space-8);min-height:100vh}.resources-label{font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-12)}.category-block{margin-bottom:var(--space-16)}.category-block:last-child{margin-bottom:0}.category-name{font-family:var(--font-serif);font-size:var(--text-3xl);font-weight:400;letter-spacing:-.02em;margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.tools-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));grid-gap:var(--space-5);gap:var(--space-5)}.tool-item{padding:var(--space-6);border-radius:var(--radius-md);transition:background var(--duration-fast) ease;position:relative}.tool-item:hover{background:var(--color-bg-alt)}.tool-item-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:var(--space-2)}.tool-item-name{font-size:var(--text-lg);font-weight:500;letter-spacing:-.01em}.tool-item-arrow{font-size:var(--text-sm);color:var(--color-text-muted);transition:transform var(--duration-fast) var(--ease-out)}.tool-item:hover .tool-item-arrow{transform:translate(3px,-3px)}.tool-item-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}.tool-item-reason{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.7;padding-top:var(--space-4);border-top:1px solid var(--color-border)}.about{min-height:100vh;display:flex;align-items:center;padding:var(--space-16) var(--space-8)}.about-layout{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-8);gap:var(--space-8);align-items:center;width:100%;max-width:900px;margin:0 auto}.about-text{max-width:480px}.about-name{font-family:var(--font-serif);font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--space-6)}.about-bio{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-8)}.about-bio p+p{margin-top:var(--space-5)}.about-contact{display:flex;gap:var(--space-5);align-items:center}.about-contact-item{position:relative;display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-2) 0;transition:color var(--duration-fast) ease}.about-contact-item:hover{color:var(--color-text)}.about-contact-item svg{width:18px;height:18px}.qr-popup{position:absolute;top:calc(100% + 12px);left:50%;transform:translateX(-50%) translateY(-4px);width:160px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 12px 40px rgba(0,0,0,.1);opacity:0;pointer-events:none;transition:all var(--duration-base) var(--ease-out);z-index:50}.qr-popup img{width:100%;border-radius:var(--radius-sm)}.about-contact-item:hover .qr-popup{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.about-photo{aspect-ratio:3/4;overflow:hidden;border-radius:var(--radius-md);max-width:280px}.about-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(.1);transition:filter var(--duration-slow) var(--ease-out)}.about-photo:hover img{filter:grayscale(0)}.footer{padding:var(--space-10) var(--space-8);display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--color-border)}.footer-left{letter-spacing:.05em}.footer-left,.footer-right{font-size:var(--text-xs);color:var(--color-text-muted)}@media (max-width:768px){:root{--text-5xl:3.5rem;--text-4xl:2.5rem;--text-3xl:2rem}.nav{padding:var(--space-4) var(--space-5)}.resources,.welcome{padding:var(--space-12) var(--space-5)}.tools-list{grid-template-columns:1fr}.about{padding:var(--space-12) var(--space-5)}.about-layout{grid-template-columns:1fr;gap:var(--space-8)}.about-photo{aspect-ratio:4/3;max-width:320px}.welcome-scroll-hint{display:none}.footer{padding:var(--space-8) var(--space-5);flex-direction:column;gap:var(--space-3)}}