.handwriting { background:var(--paper,#f4f0e9); color:var(--ink,#181519); padding:clamp(56px,7vw,100px) 24px; scroll-margin-top:96px; }
.handwriting__inner { max-width:1360px; margin:auto; }
.handwriting__feature { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:clamp(28px,5vw,72px); align-items:center; }
.handwriting figure { margin:0; min-width:0; }
.handwriting img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:contain; }
.handwriting figcaption { padding-top:12px; font-size:.85rem; line-height:1.6; color:#514852; }
.handwriting h2 { font-family:var(--font-display,"Instrument Serif",Georgia,serif); font-weight:400; font-size:clamp(2.4rem,4.8vw,4.7rem); line-height:1.02; letter-spacing:-.025em; margin:0 0 24px; }
.handwriting__copy p { max-width:52ch; line-height:1.7; margin:0 0 20px; }
.handwriting__copy ul { padding-left:20px; margin:24px 0; line-height:1.65; }
.handwriting__copy li+li { margin-top:8px; }
.handwriting__note { color:#514852; font-size:.9rem; }
.handwriting__details { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,48px); margin-top:48px; align-items:start; }
.handwriting__steps { margin:0; padding-left:24px; line-height:1.7; }
.handwriting__steps li { padding:0 0 20px 8px; }
.handwriting__steps strong { display:block; margin-bottom:6px; font-size:1.15rem; }
.handwriting h3 { font-family:var(--font-display,"Instrument Serif",Georgia,serif); font-size:2rem; font-weight:400; margin:0 0 24px; line-height:1.15; }
.handwriting .button { min-height:54px; }
@media(max-width:760px) { .handwriting { padding:48px 16px; } .handwriting__feature,.handwriting__details { grid-template-columns:1fr; } .handwriting__details { margin-top:32px; } .handwriting .button { width:100%; } }