/* Approved Crisp paper: white, handwritten headings, sky blue and soft yellow. */

:root{--paper:#ffffff;--aqua:#f5e6a8;--body:Georgia,'Times New Roman',serif}
body{font-family:var(--body)}
.hero h1{line-height:1.12}
.hero h1 .marker:before,.journal-section .section-heading .marker:before{background-image:none}
.hero .hero-intro{line-height:1.7}
.site-header nav,.eyebrow,.preview-bar,.button,.underlined-link,.read-link,.footer-links,.footer-small,.fine-print{font-family:Arial,Helvetica,sans-serif}
.hero-paper{transform:rotate(2deg)}
.site-header .nav-note{transform:none;box-shadow:none}
.button,.button.secondary,.newsletter-panel{box-shadow:none}
.button:hover,.button.secondary:hover{box-shadow:2px 3px 0 var(--sky)}
.photo-frame{box-shadow:3px 3px 0 var(--aqua)}
.making-row{grid-template-columns:.9fr 1fr;gap:45px}
.resource-section{align-items:center;background:#fff9e5;grid-template-columns:1fr 1fr;gap:50px}
.handoff-sheet{display:block;width:100%;max-width:330px;justify-self:center;background:white;box-shadow:0 4px 16px #09090914}
.handoff-sheet img{display:block;width:100%;height:auto}
.story-text h3{margin-top:0}
@media(max-width:1050px){.making-row{gap:30px}.resource-section{gap:30px}}
@media(max-width:760px){.making-row{grid-template-columns:1fr;gap:20px}.making-row>div:last-child{grid-column:auto}.resource-section{grid-template-columns:1fr;gap:28px}.handoff-sheet{max-width:350px}.hero h1{font-size:clamp(54px,12vw,78px)}}
@media(max-width:370px){.hero h1{font-size:54px}.hero h1 .marker{white-space:normal}}

.marker.aqua:before{background-image:url('/assets/doodles/marker-soft-yellow.svg')}