/* footer: stub edge (C) */
.updates-form .updates-field{background:var(--paper);border:1px solid var(--ink);border-radius:7px;min-height:32px;overflow:hidden;position:relative}
.updates-form .updates-field input{font:10px var(--mono)!important;color:var(--ink);text-transform:uppercase;letter-spacing:.06em}
.updates-form .updates-field input::placeholder{color:#6b6455}
.updates-form .updates-field button{width:38px;background:var(--stamp);color:var(--paper);border:0;border-left:1.5px dashed var(--ink);padding:0;display:grid;place-items:center}
.updates-form .updates-field button:hover{background:var(--ink)}
.updates-form .updates-field svg{width:15px;height:15px;fill:currentColor}
.updates-form .updates-field:focus-within{outline:2px solid var(--ink);outline-offset:2px}
/* contact page: kraft button (B) */
.contact-footer .updates-form{width:220px;margin:1.2rem auto 0}
.contact-footer .updates-form .updates-field{border:1px solid #bda57a}
.contact-footer .updates-form .updates-field button{background:#d2b48c;color:var(--ink);border-left:1px solid var(--ink)}
.contact-footer .updates-form .updates-field button:hover{background:var(--ink);color:var(--paper)}
/* blog subscribe receipt */
.sub-receipt{position:relative;max-width:420px;margin:2.5rem 0;background:#fffdf5;border:1px solid var(--ink);padding:.9rem 1.1rem 1.05rem;font-family:var(--mono);box-shadow:5px 5px 0 var(--ink)}
.sub-receipt:before,.sub-receipt:after{content:"";position:absolute;left:-1px;right:-1px;height:7px;background:linear-gradient(-45deg,transparent 4px,var(--paper) 0) 0 0/10px 7px repeat-x}
.sub-receipt:before{top:-7px;transform:scaleY(-1);filter:drop-shadow(0 -1px 0 var(--ink))}
.sub-receipt:after{bottom:-7px;filter:drop-shadow(0 1px 0 var(--ink))}
.sr-top{display:flex;justify-content:space-between;align-items:center;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.sr-free{font:700 11px var(--mono);letter-spacing:.16em;color:var(--stamp);border:2px solid var(--stamp);padding:2px 7px;transform:rotate(-6deg)}
.sub-receipt h3{font:400 2.1rem/1 "ITWeralionis",var(--serif);margin:.55rem 0 .5rem;color:var(--ink)}
.sr-bar{height:20px;margin-bottom:.7rem;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 5px,transparent 5px 9px,var(--ink) 9px 12px,transparent 12px 14px)}
.sr-form{display:flex;border:1px solid var(--ink)}
.sr-form input{flex:1;min-width:0;border:0;background:transparent;padding:9px 10px;font:11px var(--mono);letter-spacing:.04em;outline:0;color:var(--ink)}
.sr-form input::placeholder{color:#7a7262}
.sr-form button{border:0;background:var(--ink);color:var(--paper);font:11px var(--mono);letter-spacing:.14em;padding:0 14px;cursor:pointer}
.sr-form button:hover{background:var(--stamp)}
/* footer button: kraft scheme everywhere */
.updates-form .updates-field button{background:#d2b48c!important;color:var(--ink)!important;border-left:1.5px dashed var(--ink)!important}
.updates-form .updates-field button:hover{background:var(--ink)!important;color:var(--paper)!important}
/* blog banner: full content width, wide crop, blends into the page */
img.hero-i{width:100%!important;aspect-ratio:3/2!important;object-fit:cover!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;mix-blend-mode:multiply}

/* blog index: white-surround banners blend into the page */
.row img.th,a.feat img{mix-blend-mode:multiply}


.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* landing page photo band */
.lp-photo{margin:2.2rem 0 0}
.lp-photo img{display:block;width:100%;aspect-ratio:21/9;object-fit:cover;border:1px solid #d9d2bf;border-radius:4px;box-shadow:0 10px 24px rgba(60,40,10,.12)}

/* subscribe receipt: sticky right rail on posts (wide screens), mirrors Contents */
.pw .sub-rail{display:none}
@media (min-width:1421px){
.pw .sub-rail{display:block;position:sticky;top:6rem;float:right;width:15rem;margin-right:-18rem;margin-left:2rem}
.pw .sub-rail .sub-receipt{margin:0;max-width:100%}
.pw>div .sub-receipt{display:none}
}
/* contact: Contact Us styled like the footer Get updates field (same size) */
.contact-action{background:#fff!important;border:1px solid #d3caba;color:#736b59;padding:0 0 0 14px!important;overflow:hidden;gap:35px}
.contact-action svg{box-sizing:content-box;width:16px;height:16px;padding:10px 13px;margin:-1px 0;background:#d2b48c;color:#151515;border-left:1.5px dashed #151515;align-self:stretch}
.contact-action:hover{background:#fff!important;color:#151515}
.contact-action:hover svg{background:#151515;color:#f4f1e6}