@layer templates{body[data-template=personal_tribute]{--personal-paper:#fffaf1;--personal-paper-deep:#f3e3cc;--personal-paper-warm:#f8ebd8;--personal-ink:#33271f;--personal-russet:#9a573d;--personal-plum:#6f4b55;--personal-sage:#7b8462;--personal-line:#79533738;--personal-shadow:0 1.2rem 3rem #442b1a1a;--personal-photo-shadow:0 1rem 2.2rem #442b1a29;--color-canvas:var(--color-background);--color-surface-raised:color-mix(in srgb, var(--personal-paper) 88%, var(--color-background));--color-surface-strong:color-mix(in srgb, var(--personal-paper-deep) 70%, white);background:linear-gradient(180deg, #ffffff7a 0, #f6e5cd6b 30rem, transparent 48rem), repeating-linear-gradient(90deg, #583a2206 0, #583a2206 1px, transparent 1px, transparent 5.5rem), repeating-linear-gradient(0deg, #ffffff47 0, #ffffff47 1px, transparent 1px, transparent 4.5rem), var(--color-background);color:var(--personal-ink)}body[data-template=personal_tribute] .page-frame{width:min(100% - 2rem,72rem);padding-top:clamp(1rem,3vw,2.75rem)}body[data-template=personal_tribute] .module{border-color:var(--personal-line);background:linear-gradient(145deg, #ffffffb8, #fff7eb94), var(--personal-paper);box-shadow:var(--personal-shadow);border-radius:1.25rem;position:relative}body[data-template=personal_tribute] .module:before{content:"";pointer-events:none;border:1px solid #9a573d1a;border-radius:.9rem;position:absolute;inset:.55rem}body[data-template=personal_tribute] .module__header{gap:.4rem}body[data-template=personal_tribute] :is(.module__title,.story__section-title){color:var(--personal-ink);letter-spacing:0}body[data-template=personal_tribute] .text-label{color:var(--personal-russet);letter-spacing:.1em}body[data-template=personal_tribute] .text-body--muted,body[data-template=personal_tribute] .text-meta,body[data-template=personal_tribute] .prose{color:color-mix(in srgb, var(--personal-ink) 74%, var(--color-background))}body[data-template=personal_tribute] .module--hero{background:linear-gradient(135deg, color-mix(in srgb, var(--personal-paper) 92%, white), color-mix(in srgb, var(--personal-paper-deep) 62%, white));gap:0;padding:clamp(.85rem,2vw,1.4rem);display:grid;overflow:hidden}body[data-template=personal_tribute] .module--hero:after{content:"";pointer-events:none;background:#ffe7bcb8;border-radius:.25rem;width:5rem;height:1.45rem;position:absolute;top:1rem;right:clamp(1rem,3vw,2rem);transform:rotate(2deg);box-shadow:0 .25rem .8rem #442b1a14}body[data-template=personal_tribute] :is(memorial-avatar,.memorial-avatar).hero__media{--avatar-padding:.48rem;--avatar-frame-radius:.95rem;--avatar-image-radius:.58rem;--avatar-image-border:1px solid #79533724;--avatar-image-background:#fffdf8;box-shadow:var(--personal-photo-shadow);background:#fffdf8;align-self:stretch;overflow:visible;transform:rotate(-1.2deg)}body[data-template=personal_tribute] .hero__content{align-content:center;gap:.85rem;margin-top:0;padding:clamp(1.5rem,4vw,3.5rem)}body[data-template=personal_tribute] .hero__name{max-width:11ch;color:var(--personal-ink);letter-spacing:0}body[data-template=personal_tribute] .hero__dates{color:var(--personal-plum)}body[data-template=personal_tribute] .hero__location{color:color-mix(in srgb, var(--personal-ink) 66%, var(--color-background))}body[data-template=personal_tribute] .module--intro{background:linear-gradient(180deg, #ffffffdb, #fff8eee6), var(--personal-paper);width:min(100%,55rem);margin-left:auto;margin-right:auto;padding:clamp(2rem,5vw,4rem)}body[data-template=personal_tribute] .module--intro:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#9a573d3d,#0000);height:1px;position:absolute;bottom:clamp(1rem,4vw,2rem);left:clamp(1.25rem,5vw,3rem);right:clamp(1.25rem,5vw,3rem)}body[data-template=personal_tribute] .module--intro .module__header{margin-bottom:.85rem}body[data-template=personal_tribute] .module--intro .module__title{color:var(--personal-plum);font-style:italic}body[data-template=personal_tribute] .intro__body{max-width:52ch;color:var(--personal-ink);font-family:var(--font-heading), serif;font-size:1.22rem;font-style:italic;line-height:1.9}body[data-template=personal_tribute] .module--gallery{--personal-gallery-fade:clamp(2.75rem, 9vw, 5.75rem);--personal-gallery-peek:clamp(6.5rem, 30vw, 9.5rem);background:linear-gradient(180deg, #fffaf1f0, #f5e6cfd6), var(--personal-paper-warm);padding-right:0;overflow:hidden}body[data-template=personal_tribute] .module--gallery:before{right:max(.55rem, var(--personal-gallery-fade))}body[data-template=personal_tribute] .module--gallery .module__header{margin-right:var(--space-module-padding);border-bottom:1px solid #9a573d29;margin-bottom:1.4rem;padding-bottom:1rem}body[data-template=personal_tribute] .module--gallery .module__title{color:var(--personal-plum);font-size:2.1rem;font-style:italic}body[data-template=personal_tribute] .module--gallery memorial-gallery[data-variant=personal-strip-grid]{--gallery-strip-focus-ring:color-mix(in srgb, var(--personal-plum) 68%, var(--color-accent));--gallery-strip-scroll-padding:.85rem;--gallery-strip-scrollbar:color-mix(in srgb, var(--personal-plum) 42%, transparent);margin-right:calc(var(--space-module-padding) * -1);padding-right:var(--personal-gallery-fade);padding-bottom:1.1rem;position:relative}@supports ((-webkit-mask-image:linear-gradient(black, transparent)) or (mask-image:linear-gradient(black, transparent))){body[data-template=personal_tribute] .module--gallery memorial-gallery[data-variant=personal-strip-grid]{-webkit-mask-image:linear-gradient(90deg, #000 0, #000 calc(100% - var(--personal-gallery-fade)), transparent 100%);-webkit-mask-image:linear-gradient(90deg, #000 0, #000 calc(100% - var(--personal-gallery-fade)), transparent 100%);mask-image:linear-gradient(90deg, #000 0, #000 calc(100% - var(--personal-gallery-fade)), transparent 100%)}}body[data-template=personal_tribute] .module--gallery memorial-gallery[data-variant=personal-strip-grid]:after{content:"";width:var(--personal-gallery-fade);background:linear-gradient(90deg, transparent, color-mix(in srgb, var(--personal-paper-warm) 84%, white 16%) 74%), linear-gradient(180deg, transparent 10%, #9a573d1c 42%, #9a573d1c 58%, transparent 90%);pointer-events:none;border-left:1px solid #9a573d29;position:absolute;top:0;bottom:1rem;right:0}body[data-template=personal_tribute] memorial-gallery[data-variant=personal-strip-grid]>.gallery__list{grid-auto-columns:minmax(13rem, min(calc(100vw - var(--personal-gallery-peek)), 19rem));padding:.25rem var(--personal-gallery-fade) .45rem .2rem;gap:1rem}body[data-template=personal_tribute] memorial-gallery[data-variant=personal-strip-grid] .gallery__link{box-shadow:var(--personal-photo-shadow);background:#fffdf8;border:1px solid #79533729;border-radius:.9rem;padding:.45rem}body[data-template=personal_tribute] memorial-gallery[data-variant=personal-strip-grid] .gallery__link:focus-visible{outline-color:var(--personal-plum);outline-offset:.32rem}body[data-template=personal_tribute] memorial-gallery[data-variant=personal-strip-grid] .gallery__link img{border-radius:.58rem}body[data-template=personal_tribute] memorial-gallery[data-variant=personal-strip-grid] .gallery__caption{max-width:19rem;color:color-mix(in srgb, var(--personal-ink) 62%, var(--color-background));font-family:var(--font-heading), serif;font-style:italic;line-height:1.5}body[data-template=personal_tribute] memorial-gallery[data-variant=personal-strip-grid]>.gallery__list>.gallery__item:nth-child(odd) .gallery__link{transform:rotate(-.7deg)}body[data-template=personal_tribute] memorial-gallery[data-variant=personal-strip-grid]>.gallery__list>.gallery__item:nth-child(2n) .gallery__link{transform:rotate(.55deg)}body[data-template=personal_tribute] .module--story{background:linear-gradient(180deg, color-mix(in srgb, var(--personal-paper) 92%, white), color-mix(in srgb, var(--personal-paper-deep) 38%, white))}body[data-template=personal_tribute] .story__sections{gap:1.5rem}body[data-template=personal_tribute] .story__section{border-left:3px solid color-mix(in srgb, var(--personal-sage) 54%, white);background:#ffffff6b;border-radius:.9rem;padding:clamp(1.1rem,3vw,1.8rem)}body[data-template=personal_tribute] .story__section-title{color:var(--personal-plum)}body[data-template=personal_tribute] .module--memories{background:linear-gradient(180deg, color-mix(in srgb, var(--personal-paper-warm) 86%, white), color-mix(in srgb, var(--personal-paper-deep) 54%, white))}body[data-template=personal_tribute] memorial-guestbook .memories__list{gap:1.2rem}body[data-template=personal_tribute] .memory-card{background:linear-gradient(#fffdf8,#fff7eb),#fff;border-color:#9a573d2e;border-radius:1rem;position:relative;box-shadow:0 .9rem 1.8rem #442b1a1a}body[data-template=personal_tribute] .memory-card:before{content:"";pointer-events:none;background:#ffe2b1b8;border-radius:.15rem;width:3rem;height:.7rem;position:absolute;top:-.35rem;left:clamp(1.1rem,8vw,2.5rem);transform:rotate(-2deg)}body[data-template=personal_tribute] .memory-card__author{color:var(--personal-russet)}body[data-template=personal_tribute] .memory-card__message{color:color-mix(in srgb, var(--personal-ink) 80%, var(--color-background));font-size:1.05rem}body[data-template=personal_tribute] .module--ceremony,body[data-template=personal_tribute] .module--timeline{background:linear-gradient(145deg, #ffffff9e, #f9eedea3), var(--personal-paper)}body[data-template=personal_tribute] .ceremony__meta,body[data-template=personal_tribute] .timeline--simple .timeline__item{color:color-mix(in srgb, var(--personal-ink) 72%, var(--color-background))}body[data-template=personal_tribute] .timeline--alternating .timeline__item{background:#fffdf8b8;border-color:#9a573d29}body[data-template=personal_tribute] .memorial-footer{color:color-mix(in srgb, var(--personal-ink) 64%, var(--color-background))}@media (min-width:900px){body[data-template=personal_tribute] .module--hero{grid-template-columns:1.2fr 1fr;align-items:stretch}body[data-template=personal_tribute] memorial-guestbook .memories__list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template=personal_tribute] memorial-gallery[data-variant=personal-strip-grid]>.gallery__list{grid-auto-columns:minmax(17rem,24rem);gap:1.25rem}}@media (max-width:700px){body[data-template=personal_tribute] .page-frame{width:min(100% - 1rem,100%)}body[data-template=personal_tribute] .module{border-radius:1rem}body[data-template=personal_tribute] .module:before{border-radius:.72rem;inset:.4rem}body[data-template=personal_tribute] .module--hero:after{width:4rem;height:1.1rem}body[data-template=personal_tribute] :is(memorial-avatar,.memorial-avatar).hero__media{transform:rotate(-.6deg)}body[data-template=personal_tribute] .intro__body{font-size:1.12rem}body[data-template=personal_tribute] .module--gallery .module__title{font-size:1.75rem}}}
