@font-face{font-family:KeepsakeCursive;src:url('/studio-v2/assets/fonts/dancing-script/DancingScript-variable.ttf') format('truetype');font-weight:400 700;font-display:swap}
.keepsake-wall{display:grid;gap:48px;padding:12px 0 0;background:transparent}
.keepsake-wall[hidden]{display:none}
.ks-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px 32px;align-items:start}
.ks-entry{display:flex;flex-direction:column;min-width:0;padding:0;border:0;background:transparent}
.ks-cover{align-self:center}
.ks-cover{display:block;position:relative;width:100%;max-width:240px;justify-self:center;align-self:end;appearance:none;border:0!important;padding:0!important;margin:0;background:transparent!important;cursor:pointer;text-decoration:none;isolation:isolate;transform:rotateY(-6deg);transform-origin:50% 100%;transition:translate .25s cubic-bezier(.2,.6,.2,1);color:var(--ink,#1C2733)}
.ks-cover:hover,.ks-cover:focus-visible{translate:0 -3px}.ks-cover::before{content:'';position:absolute;inset:1px -2px 0 1px;transform:skewY(.6deg);transform-origin:left bottom;background:var(--paper,#F6F1E7);border:.6px solid #cec3b0;box-shadow:5px 3px 9px -7px #1c27335c;z-index:-1}
.ks-paper{display:block;position:relative;width:100%;aspect-ratio:5/7;background:var(--ks-paper,#F6F1E7);border-radius:1px;box-shadow:.7px .5px 0 #c8bda8;overflow:hidden;pointer-events:none}
.ks-paper::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1c273320,transparent 2%,#fffaf214 5%,transparent 10%);box-shadow:inset 0 0 0 .4px #f6f1e766;pointer-events:none}
.ks-art{border-radius:0;max-width:none!important;max-height:none!important;display:block!important;width:100%!important;height:100%!important;object-fit:contain;position:absolute;inset:0;pointer-events:none}.ks-art img,.ks-art video{border-radius:0;max-width:none!important;max-height:none!important;width:100%;height:100%;object-fit:contain}.ks-legacy-art{display:block;position:absolute;inset:0}.ks-legacy-art>*{width:100%;height:100%}
.ks-cover-words{position:absolute;left:12%;right:12%;top:15%;font:400 clamp(17px,2vw,29px)/1.15 Georgia,serif;text-align:center;color:var(--ink,#1C2733)}.ks-cover-words[data-font=simple]{font-family:var(--font-body,system-ui)}.ks-cover-words[data-font=cursive]{font-family:KeepsakeCursive,cursive}

.ks-caption{min-width:0;padding:20px 0 0}
.ks-caption h2,.ks-caption h3{font:400 23px/1.2 var(--font-display,Georgia,serif);letter-spacing:-.02em;margin:0 0 8px;overflow-wrap:anywhere}
.ks-caption p{font:400 16px/1.5 var(--font-body,system-ui);color:#46515d;margin:3px 0;overflow-wrap:anywhere}
.ks-caption .ks-kind{font:600 12px/1.5 var(--font-body,system-ui);letter-spacing:.09em;text-transform:uppercase;color:#764c1c;margin:0 0 7px}
.ks-detail,.ks-caption .small-button{display:inline-flex;align-items:center;min-height:44px;font:500 15px/1.4 var(--font-body,system-ui);color:var(--bronze-deep,#764C1C);border:0;background:transparent;padding:8px 0;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.ks-cover:focus-visible,.ks-detail:focus-visible{outline:2px solid var(--bronze-deep,#764C1C);outline-offset:6px}
.ks-period-heading{display:flex;align-items:baseline;gap:20px;margin:0 0 26px;padding:0 0 16px;border-bottom:1px solid #d4c8b5;font:400 30px/1.2 var(--font-display,Georgia,serif);color:#1c2733}
.ks-year{font:500 15px/1.5 var(--font-body,system-ui);color:#764c1c;min-width:4ch}
.ks-date{font:500 15px/1.5 var(--font-body,system-ui);color:#46515d;margin:0 0 16px;padding:0;display:block;min-height:23px}
.ks-note-paper{padding:24px 18px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;text-align:center;background:#fffaf1;border:1px solid #e1d6c4}
.ks-note-paper>span:first-child{font:500 12px/1.4 var(--font-body,system-ui);letter-spacing:.12em;text-transform:uppercase;color:#764c1c}
.ks-note-paper>span:nth-child(2){font:400 24px/1.25 var(--font-display,Georgia,serif);overflow-wrap:anywhere;max-width:100%}
.ks-note-paper>span:last-child{font:400 15px/1.4 var(--font-body,system-ui);overflow-wrap:anywhere;max-width:100%}
@media(max-width:1000px){.ks-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 28px}}
@media(max-width:700px){.keepsake-wall{gap:40px}.ks-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 24px}.ks-caption h2,.ks-caption h3{font-size:21px}.ks-caption p{font-size:16px}.ks-cover-words{font-size:clamp(16px,4.8vw,21px)}.ks-note-paper{padding:14px 10px}.ks-note-paper>span:nth-child(2){font-size:20px}}
@media(max-width:360px){.ks-row{grid-template-columns:minmax(0,1fr);gap:36px}.ks-cover{max-width:225px}.ks-caption{max-width:225px;width:100%;align-self:center}.ks-date{max-width:225px;width:100%;align-self:center}}
@media(prefers-reduced-motion:reduce){.ks-cover{transition:none}.ks-cover:hover,.ks-cover:focus-visible{translate:none}}

.ks-collection .ks-period{padding:24px;border:1px solid #d4c8b5;border-radius:6px}
.ks-collection .ks-period-heading{margin-bottom:24px;padding-bottom:18px}
.ks-caption h2,.ks-caption h3{font-size:21px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ks-caption .ks-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ks-title-details{font:400 15px/1.5 var(--font-body,system-ui);margin-top:4px}
.ks-title-details summary{color:#764c1c;min-height:44px;padding-block:10px;cursor:pointer}
.ks-full-details p{font-size:15px;display:block;overflow:visible;-webkit-line-clamp:unset}
@media(max-width:700px){.ks-collection .ks-period{padding:18px 14px}.ks-row{gap:28px 20px}.ks-caption h2,.ks-caption h3{font-size:19px}.ks-caption p{font-size:15px}}

@media(min-width:361px) and (max-width:700px){.ks-collection .ks-date{min-height:3em}}