.alumni-page{position:relative;isolation:isolate;overflow:hidden}
.alumni-content{position:relative;z-index:1;padding-bottom:75px}
.alumni-intro{text-align:center;padding:75px 0 85px}
.alumni-intro h1{font-size:clamp(38px,5vw,62px);letter-spacing:-1.5px;margin-bottom:15px}
.alumni-intro p{font:italic 25px Georgia,serif;color:#896943;margin:0}
.alumni-sayings{position:absolute;inset:0;pointer-events:none;user-select:none;z-index:0}
.alumni-sayings span{position:absolute;left:var(--x);top:var(--y);transform:rotate(var(--turn));font:italic var(--size) Georgia,serif;color:#92784d;opacity:.15;white-space:nowrap}
.graduate{display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center;margin:0 0 130px}
.graduate-story{background:var(--cream);padding:18px 0}
.graduate-story h2{font-size:clamp(33px,4vw,46px);margin:0 0 25px}
.graduate-story .birth{font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#846640;margin:0 0 14px}
.graduate-story p:last-child{font-size:17px;line-height:1.9;color:#51483f;margin:0}
.graduate-photos{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}
.graduate-photos figure{margin:0;min-width:0}
.graduate-photos figure:nth-child(even){margin-top:45px;transform:rotate(2deg)}
.graduate-photos figure:nth-child(odd){transform:rotate(-2deg)}
.graduate-photos img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 9px 24px #47341d12}
.graduate-photos a{display:block;border-radius:14px}
.layout-1{grid-template-columns:1.15fr .85fr;gap:65px}
.layout-1 .graduate-story{grid-column:2;grid-row:1}
.layout-1 .graduate-photos{grid-column:1;grid-row:1;grid-template-columns:.65fr 1fr;align-items:center}
.layout-1 figure:first-child{grid-column:1 / -1;width:84%;justify-self:center;transform:rotate(2deg)}
.layout-1 figure:nth-child(2){margin-top:10px;transform:rotate(-3deg)}
.layout-1 figure:nth-child(3){margin-top:40px;transform:rotate(3deg)}
.alumni-back{margin-top:0}
@media(max-width:900px){.graduate,.layout-1{gap:35px}.graduate-story p:last-child{font-size:16px}.graduate-photos{gap:16px}}
@media(max-width:650px){.alumni-intro{padding:50px 0 55px}.alumni-intro h1{font-size:38px}.alumni-intro p{font-size:22px}.graduate,.layout-1{display:flex;flex-direction:column;gap:30px;margin-bottom:80px;align-items:stretch}.graduate-story{padding:12px 0}.graduate-story h2{font-size:35px;margin-bottom:18px}.graduate-photos{gap:15px}.graduate-photos figure:nth-child(even){margin-top:25px}.alumni-sayings span{font-size:20px;opacity:.11}.alumni-content{padding-bottom:45px}}
.graduate-story{padding:24px;border-radius:16px;background:rgba(248,244,237,.86)}
.layout-1 figure:nth-child(2){grid-column:1 / -1;width:48%;justify-self:end;margin-right:12%;margin-top:-25px}
@media(max-width:650px){.graduate-story{padding:20px}.layout-1 figure:nth-child(2){width:53%;margin-right:6%;margin-top:-10px}}
/* Decorative scrapbook sayings: distinct lettering, visible without competing with stories. */
.alumni-sayings span{opacity:.36;color:#806647;font-size:calc(var(--size) * 1.25)}
.alumni-sayings span:nth-child(4n+1){font-family:'Segoe Print','Comic Sans MS',cursive;font-style:normal}
.alumni-sayings span:nth-child(4n+2){font-family:Georgia,serif;font-style:italic;font-weight:bold}
.alumni-sayings span:nth-child(4n+3){font-family:'Trebuchet MS',Arial,sans-serif;font-style:normal;letter-spacing:2px;text-transform:uppercase}
.alumni-sayings span:nth-child(4n){font-family:'Courier New',monospace;font-weight:bold;font-style:normal}
@media(max-width:650px){.alumni-sayings span{font-size:calc(var(--size) * .85);opacity:.30}}
.alumni-intro{padding-bottom:20px}.graduate{margin-bottom:20px}.graduate-story{background:var(--cream)}
.saying-band{display:flex;justify-content:space-around;align-items:center;flex-wrap:wrap;gap:24px 35px;padding:35px 0 55px;pointer-events:none;user-select:none;color:#806647;opacity:.43}
.saying-band span:nth-child(4n+1){font:27px 'Segoe Print','Comic Sans MS',cursive;transform:rotate(-7deg)}
.saying-band span:nth-child(4n+2){font:italic bold 35px Georgia,serif;transform:rotate(5deg)}
.saying-band span:nth-child(4n+3){font:22px 'Trebuchet MS',sans-serif;letter-spacing:2px;transform:rotate(-3deg)}
.saying-band span:nth-child(4n){font:bold 25px 'Courier New',monospace;transform:rotate(6deg)}
@media(max-width:650px){.saying-band{gap:20px;padding:25px 0 40px}.saying-band span:nth-child(n){font-size:21px}.graduate{margin-bottom:5px}}
.graduate-photos figure:only-child{grid-column:1 / -1;width:75%;max-width:390px;justify-self:center}
.graduate-story .alumni-story-text{font-size:17px;line-height:1.9;color:#51483f;margin:0}
.graduate-story .owner-credit{font:italic 16px Georgia,serif;text-align:right;margin:22px 0 0;color:#725837}
@media(max-width:650px){.graduate-story .alumni-story-text{font-size:16px}}
.breed-sayings{margin:0 auto 85px;max-width:950px;padding:5px 10px 35px;border-bottom:1px solid #aa805340}.sayings-label{text-align:center;font:italic 20px Georgia,serif;color:#806647}.breed-sayings .saying-band{gap:28px 40px;padding:20px 0;opacity:.5}.graduate{margin-bottom:100px}@media(max-width:650px){.breed-sayings{margin-bottom:50px}.breed-sayings .saying-band{gap:23px}.graduate{margin-bottom:65px}}
.graduate-photos figcaption{text-align:center;font:italic 15px Georgia,serif;color:#725837;margin-top:12px;line-height:1.5}
.breed-sayings .saying-band.scattered{display:block;position:relative;padding:0;opacity:.62;margin-top:25px}
.breed-sayings .saying-band.scattered span{position:absolute;white-space:nowrap;line-height:1.3;margin:0;transform-origin:center}
/* Magazine-paper scraps, confined to the introductory word collage. */
.breed-sayings .saying-band.scattered{opacity:1}
.breed-sayings .saying-band.scattered span{padding:8px 13px;isolation:isolate;filter:drop-shadow(1px 3px 2px #42352129)}
.breed-sayings .saying-band.scattered span::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#ffffff35,transparent 55%,#927b4810),var(--paper,#eee4d0);clip-path:polygon(1% 4%,28% 1%,52% 3%,79% 0,99% 3%,100% 94%,73% 98%,44% 96%,0 100%)}
.breed-sayings .saying-band.scattered span:nth-child(5n+1){--paper:#e9d3d0}
.breed-sayings .saying-band.scattered span:nth-child(5n+2){--paper:#dbe2d2}
.breed-sayings .saying-band.scattered span:nth-child(5n+3){--paper:#ead9ad}
.breed-sayings .saying-band.scattered span:nth-child(5n+4){--paper:#f4eddf}
.breed-sayings .saying-band.scattered span:nth-child(3n)::before{clip-path:polygon(0 2%,98% 0,100% 98%,2% 100%)}
.breed-sayings .saying-band.scattered span:nth-child(4n)::before{clip-path:polygon(2% 0,98% 3%,100% 15%,98% 31%,100% 51%,98% 73%,100% 96%,1% 100%,0 81%,2% 62%,0 40%,1% 21%)}
@media(max-width:650px){.breed-sayings .saying-band.scattered span{padding:6px 10px}}
/* Small irregular tears; keep the printed words inside the intact paper. */
.breed-sayings .saying-band.scattered span::before{clip-path:polygon(1% 3%,9% 1%,17% 4%,26% 0,35% 3%,43% 1%,52% 4%,61% 0,72% 3%,83% 1%,96% 3%,100% 0,98% 18%,100% 35%,98% 53%,100% 72%,98% 88%,100% 97%,89% 100%,80% 97%,69% 100%,58% 96%,47% 99%,37% 97%,25% 100%,14% 97%,1% 100%,2% 82%,0 66%,2% 48%,0 29%)}
.breed-sayings .saying-band.scattered span:nth-child(3n)::before{clip-path:polygon(0 5%,12% 2%,22% 5%,33% 1%,46% 4%,59% 0,73% 3%,86% 1%,99% 4%,98% 22%,100% 43%,98% 65%,100% 87%,97% 100%,84% 97%,71% 100%,57% 96%,43% 100%,29% 97%,16% 100%,0 97%,2% 77%,0 59%,2% 37%)}

.family-note{max-width:740px;margin:0 auto 70px;padding:0 24px;font-style:italic;text-align:center}
/* Owner-inspired magazine clippings belong to the matching cat's photos. */
.cat-clipping{grid-column:1/-1;justify-self:center;position:relative;isolation:isolate;max-width:90%;padding:12px 20px;margin:12px 0;font:bold 26px Georgia,serif;line-height:1.25;text-align:center;color:#493b32;transform:rotate(-4deg);filter:drop-shadow(1px 3px 2px #493b3220)}
.cat-clipping::before{content:'';position:absolute;inset:0;z-index:-1;background:#ead9ad;clip-path:polygon(0 3%,12% 0,25% 4%,40% 1%,55% 3%,70% 0,85% 3%,99% 0,98% 25%,100% 50%,98% 75%,100% 98%,84% 96%,65% 100%,48% 97%,30% 100%,15% 97%,0 100%,2% 72%,0 45%,2% 20%)}
.clip-1{font:italic bold 29px Georgia,serif;transform:rotate(3deg)}.clip-1::before{background:#e6d0cf}.clip-2{font:bold 23px 'Courier New',monospace;transform:rotate(-2deg)}.clip-2::before{background:#dce3d3}.clip-3{font:bold 25px Arial,sans-serif;transform:rotate(4deg)}.clip-3::before{background:#f4eddf}
.graduate-photos:has(figure:only-of-type){grid-template-columns:1fr}.graduate-photos figure:only-of-type{width:80%;max-width:420px;justify-self:center;grid-column:1/-1}
@media(max-width:650px){.cat-clipping{font-size:22px}.graduate-photos figure:only-of-type{width:90%}}