/* An heirloom-album frame for the maker's story. Decoration never contains
   content; original process photographs remain unaltered and open full-size. */
.home-welcome.handmade-story{position:relative;isolation:isolate;max-width:1380px;width:calc(100% - 64px);margin:54px auto 68px;padding:72px 54px 76px;display:grid;grid-template-columns:minmax(170px,1fr) minmax(340px,2.35fr) minmax(170px,1fr);gap:34px;align-items:center;border-left:1px dashed #c5b18e;border-right:1px dashed #c5b18e;background:radial-gradient(ellipse at 50% 45%,#fffaf0a0,transparent 70%),repeating-linear-gradient(90deg,#9b825007 0 1px,transparent 1px 4px),#f5ecda;box-shadow:0 12px 32px #6b502008}
.handmade-story:before,.handmade-story:after{content:"";position:absolute;left:0;right:0;height:30px;background:url('/assets/lace-trim.svg') repeat-x center top;pointer-events:none;opacity:.8}
.handmade-story:before{top:0}.handmade-story:after{bottom:0;transform:rotate(180deg)}
.handmade-story .story-letter{grid-column:2;grid-row:1;min-width:0}
.handmade-story .welcome-mark{font:32px Georgia;color:#947447;margin-bottom:18px}
.handmade-story h2{font-size:clamp(34px,3.3vw,49px);line-height:1.18;margin:21px 0 27px}
.handmade-story .story-letter p{font:16px/1.85 Georgia,serif;margin:18px auto;color:#6b5743;max-width:560px}
.handmade-story .script-note{font:22px/1.4 Kalam,cursive;margin-top:24px;display:block;color:#896038}
.craft-keepsake{margin:0;padding:12px 12px 16px;background:#fffaf0;border:1px solid #d3c1a1;box-shadow:0 9px 17px #62442522;position:relative;min-width:0}
.craft-keepsake:before{content:"";position:absolute;width:70px;height:20px;left:calc(50% - 35px);top:-11px;background:#d1c3a9aa;border-left:1px dashed #b5a17b66;border-right:1px dashed #b5a17b66;transform:rotate(-3deg);z-index:1;pointer-events:none}
.craft-keepsake-left{grid-column:1;grid-row:1;transform:rotate(-3deg);margin-top:100px}
.craft-keepsake-right{grid-column:3;grid-row:1;transform:rotate(3deg);margin-top:-30px}
.craft-keepsake a{display:block;outline-offset:5px}.craft-keepsake a:focus-visible{outline:3px solid #436b66}
.craft-keepsake img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border:1px solid #dacaae}
.craft-keepsake figcaption{font:19px/1.25 Kalam,cursive;color:#6a4a31;margin-top:14px;text-align:center}
.craft-keepsake figcaption span{display:block;font:10px/1.5 Georgia,serif;letter-spacing:.04em;color:#7b6a52;margin-top:5px}
@media(max-width:1000px){.home-welcome.handmade-story{width:calc(100% - 40px);padding:60px 30px;gap:24px;grid-template-columns:1fr 1fr;max-width:780px}.handmade-story .story-letter{grid-column:1/-1;grid-row:1}.craft-keepsake-left{grid-column:1;grid-row:2;margin:16px 6px 0}.craft-keepsake-right{grid-column:2;grid-row:2;margin:16px 6px 0}.handmade-story h2{font-size:39px}.craft-keepsake img{max-height:230px}}
@media(max-width:480px){.home-welcome.handmade-story{width:calc(100% - 28px);margin:32px auto 42px;padding:54px 23px 50px;grid-template-columns:1fr;gap:26px}.handmade-story .story-letter{grid-column:1}.handmade-story h2{font-size:32px;line-height:1.2}.handmade-story .story-letter p{font-size:15px;line-height:1.8}.handmade-story .eyebrow{font-size:9px;letter-spacing:.13em}.craft-keepsake-left{grid-column:1;grid-row:2;margin:8px 4px 0}.craft-keepsake-right{grid-column:1;grid-row:3;margin:6px 4px 0}.craft-keepsake{padding:10px 10px 14px}.craft-keepsake figcaption{font-size:20px}.handmade-story .script-note{font-size:20px}}
