/* Brandkit texture stays outside reading and answer areas. */
body{background-image:url('./assets/paper-fibers.svg')}
.hero-art .art-wrap{clip-path:polygon(.5% 1%,14% .3%,31% .8%,49% .1%,66% .6%,82% 0,99.6% .8%,100% 19%,99.7% 43%,100% 67%,99.4% 99%,83% 99.6%,65% 99.2%,43% 100%,22% 99.4%,.4% 99%,0 77%,.3% 51%,0 26%)}
.story-visual{background:#fff9ed;padding:10px 10px 18px;box-shadow:1px 5px 18px #604b301c;border-radius:2px;isolation:isolate}
.story-visual .art{clip-path:polygon(0 .5%,24% 0,50% .4%,74% 0,100% .7%,99.6% 29%,100% 61%,99.6% 99.5%,69% 100%,44% 99.5%,20% 100%,0 99.5%,.4% 68%,0 36%)}
.photo-option::before,.memory::before{content:'';position:absolute;top:-7px;left:calc(50% - 27px);width:54px;height:18px;background:#d5bb8590;transform:rotate(-7deg);clip-path:polygon(1% 8%,97% 0,100% 94%,2% 100%);pointer-events:none;z-index:1}
.memory{position:relative}
.photo-option .art-wrap,.memory .art-wrap{clip-path:polygon(0 1%,48% 0,100% 1%,99.5% 50%,100% 99%,48% 100%,0 99%,.6% 50%)}
@media(max-width:680px){.story-visual{padding:8px 8px 13px}}