@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;400&family=Noto+Sans+JP:wght@300;400;500&family=DM+Mono:ital@0;1&display=swap");:root[data-theme=dark]{--bg:#0c0c0b;--bg2:#141412;--bg3:#1c1c1a;--text:#f0ebe0;--text2:#d8d3c9;--text3:#b4ae9f;--accent:#c8a46a;--accent2:#8c6e3e;--border:hsla(41,35%,91%,.1);--border2:hsla(41,35%,91%,.2);--tag-text:#c8a46a;--card-bg:#141412;--skill-good-bg:hsla(37,46%,60%,.1);--skill-good-border:hsla(37,46%,60%,.3);--skill-soft-bg:hsla(41,35%,91%,.05);--skill-soft-border:hsla(41,35%,91%,.1)}:root[data-theme=light]{--bg:#f7f4ef;--bg2:#eeebe4;--bg3:#e5e0d8;--text:#1a1916;--text2:#3a3730;--text3:#6b6660;--accent:#9a6c2e;--accent2:#c8a46a;--border:rgba(26,25,22,.08);--border2:rgba(26,25,22,.15);--tag-text:#7a5220;--card-bg:#f0ece5;--skill-good-bg:rgba(154,108,46,.08);--skill-good-border:rgba(154,108,46,.25);--skill-soft-bg:rgba(26,25,22,.04);--skill-soft-border:rgba(26,25,22,.1)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Noto Sans JP,sans-serif;background:var(--bg);color:var(--text);font-weight:300;line-height:1.8;transition:background .4s ease,color .4s ease;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.025;pointer-events:none;z-index:9999}.container{padding:0 2.5rem}.container,section{max-width:1000px;margin:0 auto}section{padding:7rem 2.5rem;position:relative;overflow:hidden}.divider{max-width:1000px;margin:0 auto;padding:0 2.5rem;border-top:1px solid var(--border)}.section-label{font-family:DM Mono,monospace;font-size:.82rem;letter-spacing:.2em;color:var(--accent);margin-bottom:3rem;display:flex;align-items:center;gap:1rem}.section-label:after{content:"";display:inline-block;width:3rem;height:1px;background:var(--accent2)}.section-wm{position:absolute;top:2.5rem;right:-.5rem;font-family:DM Mono,monospace;font-size:clamp(4rem,10vw,7rem);font-weight:700;letter-spacing:-.03em;color:var(--text);opacity:.1;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1;white-space:nowrap}.btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent);color:#1a1916;padding:.8rem 1.8rem;font-size:.85rem;letter-spacing:.1em;font-family:Noto Sans JP,sans-serif;font-weight:400;border:none;cursor:pointer;text-decoration:none;transition:all .3s;-webkit-clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px));clip-path:polygon(0 0,calc(100% - 8px) 0,100% 8px,100% 100%,8px 100%,0 calc(100% - 8px))}.btn-primary:hover{background:var(--accent2);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;gap:.5rem;background:transparent;color:var(--text2);padding:.8rem 1.8rem;font-size:.85rem;letter-spacing:.1em;font-family:Noto Sans JP,sans-serif;border:1px solid var(--border2);cursor:pointer;text-decoration:none;transition:all .3s}.btn-secondary:hover{color:var(--text);border-color:var(--text3)}.tag{font-family:DM Mono,monospace;font-size:.75rem;padding:.25rem .7rem;border:1px solid var(--skill-good-border);background:var(--skill-good-bg);color:var(--tag-text);letter-spacing:.05em}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{border-color:var(--accent)}50%{border-color:transparent}}@keyframes scrollDown{0%,to{transform:scaleY(1);transform-origin:top}50%{transform:scaleY(.6)}}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}@media (max-width:700px){section{padding-left:1.25rem;padding-right:1.25rem}.container{padding:0 1.25rem}}