:root{--paper:#f7f4ec;--paper-dim:#ede8db;--ink:#16151a;--ink-soft:#5b574d;--hairline:rgba(22,21,26,0.16);--accent:#14655a;--status-live:#14655a;--status-wip:#8a5a10;--status-lab:#4e4b44;--status-rest:#6e6a60;--danger:#a33a2a;--measure:720px;--font-sans:var(--font-noto-sans-jp),"Noto Sans JP","Hiragino Sans",sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.8;font-feature-settings:"palt";overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--paper)}.container{max-width:var(--measure);margin:0 auto;padding:0 20px}.site-header{border-bottom:1px solid var(--hairline)}.site-header .container{display:flex;align-items:center;justify-content:space-between;padding-top:18px;padding-bottom:18px}.wordmark{font-weight:800;font-size:.95rem;letter-spacing:.04em}.wordmark:hover{color:var(--accent)}.back-link{font-size:.85rem;color:var(--ink-soft)}.back-link:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--hairline);margin-top:96px}.site-footer .container{padding-top:28px;padding-bottom:40px;font-size:.8rem;color:var(--ink-soft)}.intro{padding-top:64px}.intro-name{font-size:clamp(2.75rem,10vw,4.25rem);font-weight:900;line-height:1.1;letter-spacing:.01em;margin:0 0 8px}.intro-role{font-size:.9rem;color:var(--ink-soft);margin:0 0 40px}.intro-body{display:grid;grid-template-columns:128px 1fr;grid-gap:28px;gap:28px;align-items:start}.portrait{width:128px;aspect-ratio:1;background:var(--paper-dim)}.intro-text{margin:0;font-size:1rem;line-height:1.9}.intro-text p{margin:0 0 1em}.intro-text p:last-child{margin-bottom:0}@media (max-width:540px){.intro{padding-top:48px}.intro-body{grid-template-columns:1fr;gap:20px}.portrait{width:104px}}.works{margin-top:88px}.works-heading{font-size:1.1rem;font-weight:800;margin:0;padding-bottom:16px;border-bottom:1px solid var(--ink)}.work-item{display:grid;grid-template-columns:216px 1fr;grid-gap:26px;gap:26px;padding:34px 0;border-bottom:1px solid var(--hairline);align-items:start}.work-thumb{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--paper-dim)}.work-meta{display:flex;gap:14px;align-items:baseline;font-size:.78rem;color:var(--ink-soft);margin-bottom:6px}.work-title{font-size:1.4rem;font-weight:800;line-height:1.35;margin:0 0 6px;transition:color .2s ease}.work-item:hover .work-title{color:var(--accent)}.work-tagline{margin:0;font-size:.92rem;line-height:1.7;color:var(--ink-soft)}@media (max-width:540px){.work-item{grid-template-columns:1fr;gap:16px;padding:28px 0}}.status{display:inline-flex;align-items:center;gap:6px;font-weight:500;white-space:nowrap}.status:before{content:"";width:4px;height:4px;background:currentColor}.status[data-status="公開中"]{color:var(--status-live)}.status[data-status="制作中"]{color:var(--status-wip)}.status[data-status="実験"]{color:var(--status-lab)}.status[data-status="休眠"]{color:var(--status-rest)}.project-hero{padding-top:56px}.project-meta{display:flex;gap:14px;align-items:baseline;font-size:.82rem;color:var(--ink-soft);margin-bottom:12px}.project-title{font-size:clamp(2rem,8vw,3rem);font-weight:900;line-height:1.2;margin:0 0 12px;letter-spacing:.01em}.project-tagline{font-size:1.05rem;line-height:1.8;color:var(--ink-soft);margin:0 0 20px}.project-links{display:flex;gap:24px;flex-wrap:wrap}.project-links a{color:var(--accent);font-weight:500;font-size:.95rem;display:inline-flex;align-items:center;gap:8px}.project-links a:before{content:"";width:0;height:0;border-left:6px solid;border-top:4px solid transparent;border-bottom:4px solid transparent}.project-links a:hover{text-decoration:underline;text-underline-offset:4px}.project-thumb{width:100%;aspect-ratio:3/2;object-fit:cover;background:var(--paper-dim);margin-top:36px}.project-section{margin-top:72px}.project-section h2{font-size:1.45rem;font-weight:800;margin:0 0 20px}.section-body{font-size:1rem;line-height:1.85}.section-body>:first-child{margin-top:0}.section-body p{margin:0 0 1.1em}.section-body a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.section-body ol,.section-body ul{padding-left:1.4em;margin:0 0 1.1em}.section-body h3{font-size:1.05rem;font-weight:800;margin:1.8em 0 .6em}.section-body blockquote{margin:0 0 1.1em;padding:2px 0 2px 18px;border-left:2px solid var(--accent);color:var(--ink-soft)}.section-body code{background:var(--paper-dim);padding:.15em .4em;font-size:.9em}.section-body pre{background:var(--ink);color:var(--paper);padding:18px 20px;overflow-x:auto;font-size:.85rem;line-height:1.6}.section-body pre code{background:none;padding:0}.section-body img{margin:1.2em 0}.project-tags{margin-top:72px;padding-top:20px;border-top:1px solid var(--hairline);font-size:.85rem;color:var(--ink-soft)}.fade{opacity:0;transform:translateY(14px);transition:opacity .7s ease,transform .7s ease}.fade.is-in{opacity:1;transform:none}.reveal{position:relative;display:inline-block}.reveal>.reveal-text{opacity:0;animation:reveal-text .01s .42s forwards}.reveal:after{content:"";position:absolute;inset:0;background:var(--accent);transform:scaleX(0);transform-origin:left center;animation:reveal-sweep .9s cubic-bezier(.77,0,.18,1) .08s forwards}@keyframes reveal-text{to{opacity:1}}@keyframes reveal-sweep{0%{transform:scaleX(0);transform-origin:left center}45%{transform:scaleX(1);transform-origin:left center}55%{transform:scaleX(1);transform-origin:right center}to{transform:scaleX(0);transform-origin:right center}}@media (prefers-reduced-motion:reduce){.fade{opacity:1;transform:none;transition:none}.reveal:after{animation:none;display:none}.reveal>.reveal-text{opacity:1;animation:none}}.not-found{padding-top:96px}.not-found h1{font-size:1.6rem;font-weight:800;margin:0 0 12px}.not-found a{color:var(--accent);text-decoration:underline;text-underline-offset:4px}.admin{padding-top:48px;padding-bottom:96px}.admin-title{font-size:1.3rem;font-weight:800;margin:0 0 4px}.admin-note{font-size:.85rem;color:var(--ink-soft);margin:0 0 32px}.admin-header-row{justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-actions,.admin-header-row{display:flex;align-items:baseline}.admin-actions{gap:20px}.login-form{max-width:360px;margin-top:64px}.field{margin-bottom:22px}.field label{display:block;font-size:.8rem;font-weight:700;margin-bottom:6px}.field .hint{font-weight:400;color:var(--ink-soft);margin-left:8px}.field input[type=date],.field input[type=password],.field input[type=text],.field input[type=url],.field select,.field textarea{width:100%;border:1px solid var(--hairline);border-radius:0;background:#fff;color:var(--ink);font:inherit;font-size:.95rem;padding:10px 12px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.field select{background-image:linear-gradient(45deg,transparent 50%,var(--ink) 50%),linear-gradient(135deg,var(--ink) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat}.field textarea{min-height:160px;line-height:1.7;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none}.field-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}@media (max-width:540px){.field-row{grid-template-columns:1fr}}.btn{display:inline-block;border:none;border-radius:0;background:var(--ink);color:var(--paper);font:inherit;font-size:.9rem;font-weight:700;padding:10px 22px;cursor:pointer}.btn:hover{background:var(--accent)}.btn:disabled{opacity:.5;cursor:default}.btn:disabled:hover{background:var(--ink)}.btn-text{background:none;border:none;padding:0;font:inherit;font-size:.85rem;color:var(--accent);cursor:pointer}.btn-text:hover{text-decoration:underline;text-underline-offset:4px}.btn-text:disabled{opacity:.4;cursor:default;text-decoration:none}.btn-text.is-danger{color:var(--danger)}.admin-list{margin-top:24px;border-top:1px solid var(--ink)}.admin-row{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--hairline)}.admin-row-order{display:flex;flex-direction:column;gap:2px}.admin-row-order button{background:none;border:none;padding:2px 6px;cursor:pointer;color:var(--ink-soft);font-size:.7rem;line-height:1}.admin-row-order button:hover:not(:disabled){color:var(--accent)}.admin-row-order button:disabled{opacity:.25;cursor:default}.admin-row-main{flex:1 1;min-width:0}.admin-row-title{font-weight:700;font-size:.98rem}.admin-row-sub{font-size:.78rem;color:var(--ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-row a.edit-link{font-size:.85rem;color:var(--accent);flex-shrink:0}.admin-row a.edit-link:hover{text-decoration:underline;text-underline-offset:4px}.thumb-preview{width:216px;aspect-ratio:3/2;object-fit:cover;background:var(--paper-dim);margin-bottom:10px}.form-message{font-size:.88rem;margin:16px 0 0}.form-message.is-error{color:var(--danger)}.form-message.is-ok{color:var(--accent)}.form-footer{display:flex;align-items:center;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--hairline)}.form-footer .spacer{flex:1 1}