/* A quieter type scale, keeping the scrapbook composition. */
.logo{font-size:clamp(24px,2.2vw,32px);letter-spacing:-1.1px}
.hero{min-height:205px;padding-bottom:18px}
.hero h1{font-size:clamp(42px,4.8vw,74px);line-height:.9;letter-spacing:-.045em}
.hero .tagline{font-size:clamp(13px,1.2vw,18px);margin-top:20px;letter-spacing:-.6px}
.btn,.btn.primary{font-size:15px;padding:10px 22px}
.chip{font-size:14px}
.sort button{font-size:14px}
.card{min-height:235px;padding:23px 26px 18px}
.msg{font-size:clamp(23px,1.9vw,30px);line-height:1.12;padding-bottom:16px}
.card.long .msg{font-size:clamp(21px,1.62vw,25px)}
.exbadge{font-size:17px}
.rstamp .brand{font-size:17px}
.card-doodle{font-size:50px;width:48px;height:56px}
.card-doodle .broken{font-size:35px;left:18px;top:5px}
footer.foot-note .dmg,.footer-scrawl{font-size:17px}
@media(max-width:1100px){
 .logo{font-size:25px}
 .hero{min-height:180px}
 .hero h1{font-size:5.15vw}
 .hero .tagline{font-size:1.4vw}
 .btn,.btn.primary{font-size:13px;padding:9px 17px}
 .chip,.sort button{font-size:13px}
 .card{min-height:225px;padding:21px 20px 17px}
 .msg{font-size:23.5px}.card.long .msg{font-size:21px}
 .exbadge{font-size:16px}.rstamp .brand{font-size:16px}
}
@media(max-width:760px){
 .logo{font-size:25px}
 .hero{min-height:0;padding-top:15px;gap:16px}
 .hero h1{font-size:clamp(36px,7.65vw,56px);line-height:.94}
 .hero .tagline{font-size:clamp(12px,2.4vw,16px);white-space:normal;line-height:1.4;letter-spacing:-.4px}
 .card{min-height:230px;padding:21px 18px 17px}
 .msg{font-size:22.5px}.card.long .msg{font-size:20px}
 .rstamp .brand{font-size:15px}
}
@media(max-width:480px){
 .logo{font-size:23px}
 .hero h1{font-size:clamp(29px,8.1vw,39px)}
 .hero .tagline{font-size:12px}
 .card{min-height:218px;padding:23px 24px 18px}
 .msg{font-size:25px}.card.long .msg{font-size:22.5px}
 .rtop{margin-bottom:14px}
 .exbadge{font-size:17px}.rstamp .brand{font-size:17px}
}