*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--cream:#f5f0e8;--ink:#1a1612;--gold:#c9a84c;--muted:#7a6e62;--card-bg:#fff}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--ink);font-family:Noto Serif JP,serif;overflow-x:hidden}.content{max-width:800px;margin:0 auto;padding:80px 24px 40px}.work-history{width:100%;padding:40px 0}.work-history-title{text-align:center;color:var(--ink);letter-spacing:.05em;margin-bottom:80px;font-family:Cormorant Garamond,serif;font-size:2.5rem;position:relative}.work-history-title:after{content:"";background:var(--gold);width:60px;height:1px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.timeline{max-width:800px;margin:0 auto;padding:60px 0;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--gold), var(--muted));width:2px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-item{opacity:0;margin-bottom:60px;transition:opacity .8s,transform .8s;position:relative;transform:translateY(30px)}.timeline-item.visible{opacity:1;transform:translateY(0)}.timeline-item:nth-child(odd) .timeline-title-line:after{left:50%;right:0}.timeline-item:nth-child(2n) .timeline-title-line:after{left:0;right:50%}.timeline-title-line{margin-bottom:16px;padding-bottom:8px;display:inline-block;position:relative}.timeline-title-line:after{content:"";background:var(--gold);width:100%;height:1px;position:absolute;bottom:0;left:0}.timeline-junction{background:var(--gold);z-index:1;border-radius:50%;width:12px;height:12px;position:absolute;top:40px;left:50%;transform:translate(-50%)}.timeline-item:last-child .timeline-junction{display:none}.timeline-item:nth-child(odd){text-align:left;padding-right:50%}.timeline-item:nth-child(2n){text-align:right;padding-left:50%}.timeline-date{color:var(--gold);letter-spacing:.08em;opacity:.8;margin-bottom:16px;font-size:.95rem;font-weight:300}.timeline-title{color:var(--ink);letter-spacing:.02em;margin-bottom:0;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:400;display:inline-block}.timeline-explanation{color:var(--muted);max-width:90%;margin-bottom:20px;font-size:1.1rem;line-height:1.8}.timeline-image{object-fit:cover;opacity:.9;border-radius:8px;width:100%;max-width:300px;height:180px;transition:transform .3s,opacity .3s}.timeline-image:hover{opacity:1;transform:scale(1.05)}.timeline-image-placeholder{background:var(--cream);width:100%;max-width:300px;height:180px;color:var(--muted);opacity:.7;border-radius:8px;justify-content:center;align-items:center;font-size:.9rem;display:flex}footer{text-align:center;letter-spacing:.25em;color:#1a161259;text-transform:uppercase;padding:48px 24px 32px;font-size:.7rem}@media (width<=768px){.timeline:before,.timeline-title-line:after,.timeline-junction{display:none}.timeline-item{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px);text-align:left!important;border-left:3px solid var(--gold)!important;margin-bottom:50px!important;padding:20px 20px 20px 25px!important}.timeline-item.visible{opacity:1;transform:translateY(0)}}