/*
Theme Name: TANZAN Portfolio
Author: Soichiro Atsumi
Description: 本と地域、人と技術をつなぐオリジナルポートフォリオ。
Version: 1.0.0
Requires at least: 6.3
Requires PHP: 8.0
Text Domain: tanzan-portfolio
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--paper:#f5f2e9;--ink:#203b36;--accent:#ac4b2d;--line:#d9d9ca}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{margin:0;background:var(--paper);color:var(--ink);font-family:system-ui,-apple-system,'Yu Gothic',sans-serif;line-height:1.9}a{color:inherit}button,input,textarea{font:inherit}button,.button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.wrap{width:min(1120px,90%);margin:auto}.site-header{border-bottom:1px solid var(--line);background:var(--paper)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:20px 0}.brand{text-decoration:none;font-weight:800;letter-spacing:.12em}.menu{display:flex;gap:24px;list-style:none;margin:0;padding:0;flex-wrap:wrap}.menu a{text-decoration:none;font-size:.85rem}.hero{padding:100px 0 90px;display:grid;grid-template-columns:1.4fr 1fr;gap:50px;align-items:center}.eyebrow{font-size:.8rem;letter-spacing:.18em;color:var(--accent);font-weight:700}h1{font-family:serif;font-size:clamp(2.3rem,5vw,4.8rem);line-height:1.4;margin:20px 0}h2{font-family:serif;font-size:2.3rem;line-height:1.4}h3{line-height:1.5}.lead{max-width:39rem}.button,button[type=submit]{display:inline-block;background:var(--ink);color:white;border:0;padding:12px 24px;border-radius:4px;text-decoration:none}.book-art{height:340px;position:relative;border:1px solid var(--line);border-radius:50% 50% 4px 4px;background:#e7e7d8;overflow:hidden}.book-art:after{content:'BOOKS / PEOPLE / TECHNOLOGY';position:absolute;bottom:22px;left:25px;font-size:.65rem;letter-spacing:.15em}.spine{position:absolute;bottom:65px;width:55px;height:190px;background:var(--ink);border:1px solid var(--paper);border-radius:4px;color:white;writing-mode:vertical-rl;padding:15px;font-family:serif;animation:float 5s ease-in-out infinite}.spine:nth-child(1){left:17%;transform:rotate(-12deg)}.spine:nth-child(2){left:39%;height:220px;background:var(--accent);animation-delay:1s}.spine:nth-child(3){left:62%;height:170px;background:#7a7951;animation-delay:2s}@keyframes float{50%{translate:0 -12px}}section.content{padding:70px 0;border-top:1px solid var(--line)}.section-head{display:grid;grid-template-columns:1fr 2fr;gap:50px}.timeline{padding-left:20px}.timeline li{margin-bottom:15px}.skills,.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}.skill,.work-card{border:1px solid var(--line);padding:24px;border-radius:4px;background:#fff9}.skill progress{width:100%;height:10px;accent-color:var(--accent)}.muted{font-size:.85rem;color:#52635d}.work-card{padding:0;overflow:hidden}.work-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left}.work-cover{aspect-ratio:4/3;background:#e1e4d7;display:flex;align-items:center;justify-content:center;font-size:3rem;color:var(--accent)}.work-cover img{width:100%;height:100%;object-fit:cover}.work-label{display:block;padding:20px;font-weight:700}.work-open:hover .work-label{text-decoration:underline}.contact-layout{display:grid;grid-template-columns:1fr 1.5fr;gap:60px}.contact-form label,.wpcf7 label{display:block;margin-bottom:18px}input:not([type=checkbox]),textarea{width:100%;padding:12px;border:1px solid #87988b;background:white;border-radius:3px;color:var(--ink)}textarea{min-height:160px}.wpcf7-not-valid-tip{color:#9e2c24}.wpcf7-response-output{padding:12px;border:2px solid var(--ink)}footer{padding:35px 0;border-top:1px solid var(--line);font-size:.85rem}dialog{width:min(680px,90vw);max-height:85vh;border:1px solid var(--line);border-radius:6px;padding:30px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#142822bb}.dialog-close{float:right;background:white;border:1px solid var(--line);padding:6px 14px}.modal-body{clear:both}.modal-body img{max-width:100%;height:auto}.modal-body a{overflow-wrap:anywhere}body.modal-open{overflow:hidden}.to-top{position:fixed;bottom:22px;right:22px;border:0;border-radius:50%;width:50px;height:50px;background:var(--ink);color:white}.to-top[hidden]{display:none}.skip-link{position:absolute;left:10px;top:-100px;padding:8px;background:white;z-index:100}.skip-link:focus{top:10px}dl{display:grid;grid-template-columns:6rem 1fr;gap:8px}dd{margin:0;overflow-wrap:anywhere}@media(max-width:760px){.header-inner{display:block}.menu{gap:16px;margin-top:12px}.hero{padding:50px 0;grid-template-columns:1fr;gap:25px}.book-art{height:270px;width:min(360px,100%);margin:auto}.section-head,.contact-layout{grid-template-columns:1fr;gap:12px}.skills,.works-grid{grid-template-columns:1fr}.content h2{margin-top:0}section.content{padding:45px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.spine{animation:none}}