/* A native-scroll scene, not a wheel trap. The unenhanced version is a complete static story. */
.ed-signature { border-bottom:1px solid var(--ed-line); --signature-progress:0; --signature-clarity:1; }
.ed-signature__pin { padding:36px 0 28px; }
.ed-signature__grid { display:grid; grid-template-columns:minmax(0,.68fr) minmax(0,1.32fr); gap:20px 58px; align-items:center; }
.ed-signature .ed-label { font-size:9px; letter-spacing:.12em; gap:13px; }
.ed-signature h2 { font-size:clamp(64px,6.65vw,98px); line-height:.88; letter-spacing:-.055em; }
.ed-signature h2 em { color:var(--ed-blue); font-style:normal; }
.ed-signature__copy>p:not(.ed-label):not(.ed-signature__hint) { color:#6c6357; font-size:13px; line-height:1.9; margin:25px 0!important; max-width:320px; }
.ed-signature__copy>a { display:inline-flex; align-items:center; gap:17px; font-size:11px; line-height:1.7; }
.ed-signature__copy>a>span { color:var(--ed-blue); }
.ed-signature .ed-signature__hint { display:flex; align-items:center; gap:12px; font:500 9px/1.6 var(--ed-sans); color:#6c6357; margin:28px 0 0!important; }
.ed-signature__hint>span { color:var(--ed-blue); font-size:21px; }
.ed-signature__sheet { position:relative; min-width:0; background:var(--ed-white); border:1px solid #d6cdbf; border-top:3px solid var(--ed-blue); box-shadow:5px 7px 0 #e2dacb,8px 10px 19px #241b1412; padding:25px 28px 24px; transform:rotate(-1deg); }
.ed-signature__sheet::before { content:''; position:absolute; width:17px; height:52px; border:3px solid #8d9090; border-radius:11px; left:26px; top:-20px; transform:rotate(-13deg); box-shadow:2px 2px 2px #0002; }
.ed-signature__folio { display:flex; justify-content:space-between; gap:20px; color:#8b8070; font:600 8px/1.5 var(--ed-sans); letter-spacing:.12em; border-bottom:1px solid var(--ed-line); padding-bottom:15px; }
.ed-signature__folio>span:first-child { padding-left:25px; }.ed-signature__folio>span:last-child { white-space:nowrap; }
.ed-signature__canvas { position:relative; margin:3px -10px 0; isolation:isolate; }
.ed-signature__ink { display:block; width:100%; height:auto; max-height:220px; color:var(--ed-blue); overflow:visible; }
.ed-signature__check,.ed-signature__hand { opacity:var(--signature-clarity); }
.ed-signature__scatter { position:absolute; inset:0; opacity:0; pointer-events:none; }
.ed-signature__scatter span { position:absolute; padding:4px 9px; background:var(--ed-white); color:#9a8d7a; font:italic 20px/1 var(--ed-serif); z-index:2; }
.ed-signature__scatter span:nth-child(1) { left:9%; top:12%; transform:rotate(-9deg); }.ed-signature__scatter span:nth-child(2) { left:35%; top:13%; transform:rotate(6deg); }.ed-signature__scatter span:nth-child(3) { left:70%; top:12%; transform:rotate(9deg); }.ed-signature__scatter span:nth-child(4) { left:20%; bottom:11%; transform:rotate(5deg); }.ed-signature__scatter span:nth-child(5) { left:67%; bottom:12%; transform:rotate(-6deg); }
.ed-signature__hand { position:absolute; right:7%; bottom:3%; color:var(--ed-wine); font:italic 19px/1 var(--ed-serif); transform:rotate(-5deg); }
.ed-signature__chapters { position:relative; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:9px 0 10px; border-bottom:1px solid var(--ed-line); }
.ed-signature__chapters button { min-height:44px; padding:0; border:0; background:none; color:#817664; text-align:left; cursor:pointer; font:500 10px/1.6 var(--ed-sans); }
.ed-signature__chapters button>span { display:block; color:var(--ed-wine); font-size:8px; letter-spacing:.08em; margin-bottom:3px; }
.ed-signature__chapters button[aria-current="step"] { color:var(--ed-blue); }.ed-signature__chapters button[aria-current="step"]>span { color:var(--ed-blue); }
.ed-signature__chapters button:hover { color:var(--ed-blue); }
.ed-signature__progress { position:absolute; bottom:-1px; left:0; right:0; height:2px; background:#d7d0c3; }
.ed-signature__progress i { display:block; width:100%; height:100%; background:var(--ed-blue); transform:scaleX(var(--signature-progress)); transform-origin:left; }
.ed-signature figcaption { position:relative; padding:23px 103px 0 0; min-height:116px; }
.ed-signature__story { display:grid; gap:22px; }.ed-signature__story h3 { font:500 31px/1.05 var(--ed-serif); letter-spacing:-.035em; margin:0 0 9px; }
.ed-signature__story p { font:400 10px/1.8 var(--ed-sans); color:#827664; margin:0; max-width:400px; }.ed-signature__story strong { font-weight:600; color:var(--ed-wine); }
.ed-signature__seal { position:absolute; right:-5px; top:25px; display:flex; flex-direction:column; justify-content:center; width:80px; height:80px; border:3px double var(--ed-wine); border-radius:50%; color:var(--ed-wine); text-align:center; font:600 7px/1.3 var(--ed-sans); transform:rotate(-10deg); opacity:.85; }
.ed-signature__seal b { font:500 17px/1 var(--ed-serif); letter-spacing:.04em; }
.ed-signature__skip { grid-column:1/-1; justify-self:end; display:inline-flex; align-items:center; gap:17px; color:#6c6357; font:500 9px/1.6 var(--ed-sans); padding:7px 0; }
.ed-signature__skip>span { color:var(--ed-blue); font-size:18px; }.ed-signature :is(button,a):focus-visible { outline:3px solid var(--ed-blue); outline-offset:5px; }
.ed-signature [hidden] { display:none!important; }
/* No extra scroll space unless the entire scene fits below the header. */
.ed-signature[data-signature-mode="scroll"] { height:calc(var(--signature-pin-height) + var(--signature-travel)); }
.ed-signature[data-signature-mode="scroll"] .ed-signature__pin { position:sticky; top:var(--signature-top); }
.ed-signature[data-signature-mode="scroll"] .ed-signature__story { gap:0; }
.ed-signature[data-signature-mode="scroll"] [data-signature-chapter] { grid-area:1/1; visibility:hidden; }
.ed-signature[data-signature-mode="scroll"] [data-signature-chapter].is-current { visibility:visible; }
.ed-signature[data-signature-mode="scroll"] .ed-signature__scatter { opacity:calc(1 - var(--signature-progress)); }
.ed-signature[data-signature-mode="scroll"] .ed-signature__seal { opacity:calc(.12 + var(--signature-clarity) * .73); }
@media(max-width:1100px) {
 .ed-signature__grid { grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr); gap:24px 32px; }.ed-signature__sheet { padding-inline:22px; }.ed-signature__hand { font-size:17px; }
 .ed-signature__story h3 { font-size:28px; }.ed-signature figcaption { padding-right:88px; }
}
@media(max-width:820px) {
 .ed-signature__pin { padding:38px 0 28px; }.ed-signature__grid { grid-template-columns:1fr; gap:27px; }.ed-signature__copy { max-width:650px; }.ed-signature h2 { font-size:74px; }
 .ed-signature__copy>p:not(.ed-label):not(.ed-signature__hint) { max-width:540px; margin-block:18px!important; }.ed-signature__sheet { width:100%; max-width:720px; margin-inline:auto!important; }.ed-signature__hand { font-size:21px; }
 .ed-signature .ed-signature__hint { margin-top:17px!important; }.ed-signature__skip { margin-top:-10px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__copy>p:not(.ed-label):not(.ed-signature__hint),
 .ed-signature[data-signature-mode="scroll"] .ed-signature__copy>a { display:none; }
 .ed-signature[data-signature-mode="scroll"] h2 { font-size:64px; }
}
@media(max-width:560px) {
 .ed-signature__pin { padding:27px 0 18px; }.ed-signature__grid { gap:23px; }.ed-signature h2 { font-size:54px; }.ed-signature .ed-label { font-size:7px; letter-spacing:.09em; margin-bottom:14px; }
 .ed-signature__copy>p:not(.ed-label):not(.ed-signature__hint) { font-size:11px; line-height:1.7; margin:15px 0!important; max-width:310px; }
 .ed-signature__copy>a { font-size:9px; }.ed-signature .ed-signature__hint { font-size:8px; margin-top:13px!important; }.ed-signature__hint>span { font-size:17px; }
 .ed-signature__sheet { padding:18px 18px 17px; transform:rotate(-.6deg); }.ed-signature__folio { font-size:6px; letter-spacing:.05em; gap:9px; padding-bottom:10px; }.ed-signature__folio>span:first-child { padding-left:7px; }
 .ed-signature__sheet::before { width:13px; height:37px; left:17px; top:-15px; border-width:2px; }.ed-signature__canvas { margin:9px -7px 0; }.ed-signature__ink { min-height:102px; }
 .ed-signature__hand { font-size:12px; right:5%; bottom:0; }.ed-signature__scatter span { font-size:12px; padding:2px 3px; }.ed-signature__chapters { padding:4px 0 10px; gap:9px; }.ed-signature__chapters button { font-size:8px; }
 .ed-signature figcaption { padding:17px 66px 0 0; min-height:110px; }.ed-signature__story h3 { font-size:25px; margin-bottom:6px; }.ed-signature__story p { font-size:8px; }
 .ed-signature__seal { width:59px; height:59px; right:-5px; top:25px; font-size:5px; }.ed-signature__seal b { font-size:13px; }.ed-signature__skip { font-size:8px; margin-top:-10px; }.ed-brand-line { font-size:15px; }
 /* Keep the actual drawing and its changing caption on screen together, including 667px phones. */
 .ed-signature[data-signature-mode="scroll"] h2 { font-size:54px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__grid { gap:16px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__pin { padding:20px 0 15px; }
 .ed-signature[data-signature-mode="scroll"] figcaption { min-height:102px; }
}
@media(min-width:561px) and (max-width:820px) and (max-height:760px) {
 .ed-signature[data-signature-mode="scroll"] .ed-signature__grid { grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr); gap:12px 22px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__pin { padding:18px 0 10px; }
 .ed-signature[data-signature-mode="scroll"] h2 { font-size:40px; }
 .ed-signature[data-signature-mode="scroll"] .ed-label { font-size:6px; letter-spacing:.06em; gap:8px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__hint { font-size:8px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__sheet { padding:18px 16px 14px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__folio { font-size:6px; letter-spacing:.04em; gap:8px; padding-bottom:10px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__folio>span:first-child { padding-left:9px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__ink { max-height:125px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__scatter span { font-size:12px; padding:2px 4px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__hand { font-size:12px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__chapters { padding:4px 0 8px; gap:7px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__chapters button { font-size:7px; }
 .ed-signature[data-signature-mode="scroll"] figcaption { min-height:95px; padding:15px 62px 0 0; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__story h3 { font-size:24px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__story p { font-size:8px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__seal { width:54px; height:54px; font-size:5px; top:22px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__seal b { font-size:12px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__skip { font-size:8px; }
}
@media(max-width:560px) and (max-height:740px) {
 .ed-signature[data-signature-mode="scroll"] h2 { font-size:48px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__pin { padding:16px 0 10px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__sheet { padding-block:15px 13px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__ink { min-height:88px; }
 .ed-signature[data-signature-mode="scroll"] figcaption { min-height:95px; }
 .ed-signature[data-signature-mode="scroll"] .ed-signature__story h3 { font-size:23px; }
}
@media(prefers-reduced-motion:reduce) { .ed-signature * { transition:none!important; } }