@import"https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&display=swap";html,body{overflow-x:clip;max-width:100%}html{background-color:#f6f1e3}body{margin:0;padding:0;font-family:Lora,serif;font-size:16px;background-image:url(https://www.michigandaily.com/wp-content/uploads/2026/04/726b1b503c24725d7e587f417c441885192e6c97-scaled.png);background-repeat:repeat-y;background-position:top center;background-size:100% auto}@font-face{font-family:NothingYouCouldDo;src:url(/arts/goodbye-bside/assets/NothingYouCouldDo-Regular-DDe7HefH.ttf) format("truetype");font-weight:400;font-style:normal}header{display:grid;place-items:center;min-height:100vh;position:relative;padding:1.5rem 1rem;box-sizing:border-box}.header-hero-image{display:flex;justify-content:center;width:100%;margin-bottom:clamp(.75rem,2vw,1.25rem)}.header-hero-image img{display:block;width:min(520px,86vw);height:auto}.title{font-size:clamp(2.5rem,11vw,6rem);font-weight:400;text-align:center;font-family:NothingYouCouldDo;line-height:1.05;max-width:100%;overflow-wrap:anywhere}.header-container{background-image:url(https://www.michigandaily.com/wp-content/uploads/2026/04/header-background-scaled.jpg);background-size:cover;background-position:center;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;width:min(56.5rem,100vw - 2rem);min-height:min(31.125rem,70vh);padding:clamp(1rem,4vw,2rem) clamp(.75rem,3vw,1.5rem);gap:clamp(.75rem,2.5vw,1.5rem);transform:rotate(-.97deg)}.header-text{text-align:center;font-family:Times New Roman,Times,serif;font-weight:400;font-size:clamp(1rem,2.4vw,2rem);line-height:1.35;width:100%;max-width:46.875rem;box-sizing:border-box;margin:0}.header-text-1{text-align:center;font-family:Times New Roman,Times,serif;font-size:clamp(.85rem,1.75vw,1.125rem);font-style:italic;font-weight:400;line-height:1.45;color:#4d4034;max-width:46.875rem;width:100%;margin:0;padding-top:.5rem;box-sizing:border-box}@media (min-width: 480px){.header-text-1{padding-top:.75rem}}.header-text-1-email{color:#6b2e22;font-style:normal;font-weight:500;text-decoration:underline;text-decoration-color:#6b2e2273;text-underline-offset:2px}.header-text-1-email:hover,.header-text-1-email:focus-visible{color:#4a1f18;text-decoration-color:currentColor}.header-text-2{text-align:center;font-family:Caveat,cursive;font-size:clamp(1.2rem,2.85vw,1.65rem);font-weight:600;line-height:1.3;color:#6f3f6a;max-width:40rem;width:100%;margin:0;box-sizing:border-box;position:relative;padding:.45rem .75rem 0}@media (min-width: 480px){.header-text-2{padding-left:1rem;padding-right:1rem}}audio{display:block;width:100%;max-width:46.063rem;height:clamp(2.75rem,5vw,3.75rem);border-radius:3rem}audio::-webkit-media-controls-panel{background-color:#c3c3c3}.header-audio{margin-top:auto;width:100%;max-width:46.063rem;padding:0 .5rem;box-sizing:border-box;display:flex;justify-content:center}.body-section{position:relative;width:100%;padding:3rem 0 4rem;overflow-x:clip;box-sizing:border-box}.body-scatter{position:relative;width:100%;max-width:min(950px,70vw);margin:0 auto;overflow:visible}.scatter-item{box-sizing:border-box;transform-origin:center center}.body-stack{display:flex;flex-direction:column;align-items:center;gap:2.25rem;padding:1.5rem clamp(1.75rem,10vw,2.75rem) 2rem;width:100%;max-width:100%;box-sizing:border-box}.stack-item{display:flex;justify-content:center;width:100%;transform-origin:center center}.stack-item .article{width:min(360px,70vw)}.stack-item .crossword{width:min(260px,60vw)}.stack-item--butterfly{padding-inline:.75rem;box-sizing:border-box}.stack-item .butterfly{width:min(200px,42vw);max-width:100%;height:auto;aspect-ratio:288/238}.body-image-wrapper-container{justify-content:center;align-items:center;gap:4rem}.image-row{display:flex;flex-direction:row;align-items:center;gap:2rem;width:100%}.articles-wrapper{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;gap:2rem}.article-1{padding-right:10rem;transform:rotate(-6.22deg)}.article-2{transform:rotate(5.85deg)}.image-wrapper-1{display:flex;justify-content:center}.image-wrapper-1 img{width:20%;height:auto;transform:rotate(1.61deg)}.image-wrapper-2{flex:0 0 25%;padding-left:15rem}.image-wrapper-2 img{width:100%;height:auto;transform:rotate(-3.48deg)}.image-wrapper-3{flex:0 0 10%;padding-right:10rem}.image-wrapper-3 img{width:100%;height:auto;transform:rotate(-7.16deg)}.article{display:block;cursor:pointer;width:390px;max-width:100%;box-sizing:border-box;color:inherit;text-decoration:none;container-type:inline-size;container-name:article-card}.article img{width:100%;height:auto;display:block}.article .article-caption{margin-top:clamp(.5rem,2.5cqi,.7rem);width:100%;min-width:0}.article .article-title{font-family:Caveat,cursive;font-size:clamp(1.05rem,7.2cqi,1.85rem);font-weight:600;line-height:1.2;margin:0 0 .25rem;color:#111;overflow-wrap:anywhere;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.article .article-author{font-family:Caveat,cursive;font-size:clamp(.88rem,5.2cqi,1.35rem);color:#4a3a2a;margin:0;overflow-wrap:anywhere;word-break:break-word}.article:hover .article-title,.article:focus-visible .article-title{text-decoration:underline}@media (max-width: 700px){.body-stack .article .article-title{font-size:clamp(.92rem,6cqi,1.45rem)}.body-stack .article .article-author{font-size:clamp(.75rem,4.2cqi,1.05rem)}}.butterfly{background:transparent;border:0;padding:0;margin:0;cursor:pointer;display:block;width:288px;height:238px;transition:transform .18s ease}.butterfly:hover{filter:drop-shadow(0 4px 6px rgba(0,0,0,.15))}.butterfly:focus-visible{outline:none;filter:drop-shadow(0 0 4px rgba(120,80,200,.7))}.butterfly-img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.note-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#14120e8c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:clamp(.25rem,1.5vw,.75rem);animation:note-modal-fade .18s ease-out}@media (max-width: 700px){.note-modal-backdrop{padding-inline:max(clamp(.5rem,4vw,1.25rem),env(safe-area-inset-left)) max(clamp(.5rem,4vw,1.25rem),env(safe-area-inset-right));padding-block:max(clamp(.25rem,2vw,.75rem),env(safe-area-inset-top)) max(clamp(.25rem,2vw,.75rem),env(safe-area-inset-bottom))}}.note-modal-dismiss{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;z-index:1}.note-modal-dismiss:focus-visible{outline:2px dashed rgba(255,255,255,.6);outline-offset:-8px}.note-modal{position:relative;z-index:2;box-sizing:border-box;width:min(100vw,120.4033613445dvh);aspect-ratio:288/238;max-height:99.5dvh;height:auto;overflow:hidden;display:flex;flex-direction:column;padding:0;outline:none;background:transparent;box-shadow:none;filter:drop-shadow(0 10px 26px rgba(0,0,0,.45))}.note-modal:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background-color:#0a0a0a;background-image:url(https://www.michigandaily.com/wp-content/uploads/2026/05/ButterflyPaper.png);background-size:contain;background-position:center;background-repeat:no-repeat;-webkit-mask-image:url(https://www.michigandaily.com/wp-content/uploads/2026/05/ButterflyPaper.png);mask-image:url(https://www.michigandaily.com/wp-content/uploads/2026/05/ButterflyPaper.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-mode:luminance;-webkit-mask-mode:luminance}@media (max-width: 700px){.note-modal{width:min(118vw,118.5882352941dvh);max-width:none}}.note-modal-close{position:absolute;top:7%;right:22%;z-index:3;background:transparent;border:0;font-size:clamp(1.5rem,4.5vmin,2.25rem);line-height:1;cursor:pointer;color:#2a2420;padding:.25rem .5rem}.note-modal-close:hover,.note-modal-close:focus-visible{color:#000}.note-modal-inner{box-sizing:border-box;position:absolute;top:39%;right:20%;bottom:38%;left:20%;z-index:1;display:flex;align-items:center;justify-content:center}.note-modal-text-scroll{box-sizing:border-box;width:100%;min-width:min(100%,clamp(5rem,16vw,7.5rem));max-width:min(100%,clamp(6.25rem,28vw,17rem));min-height:0;max-height:100%;padding-right:.5rem;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(74,58,42,.55) transparent}.note-modal-text-scroll::-webkit-scrollbar{width:4px}.note-modal-text-scroll::-webkit-scrollbar-track{background:transparent}.note-modal-text-scroll::-webkit-scrollbar-thumb{background:#4a3a2a8c;border-radius:2px}.note-modal-text{position:relative;z-index:2;margin:0;width:100%;min-width:0;max-width:100%;font-family:Caveat,cursive;font-size:clamp(1.05rem,2.25vw,1.85rem);line-height:1.4;color:#141210;white-space:pre-wrap;overflow-wrap:break-word;word-break:normal;-webkit-hyphens:auto;hyphens:auto;text-align:center;text-wrap:pretty;text-shadow:0 0 1px rgba(255,255,255,.9)}@media (max-width: 700px){.note-modal-inner{top:43%;right:22%;bottom:41%;left:22%}.note-modal-text-scroll{max-height:min(100%,36svh)}.note-modal-text{font-size:clamp(.72rem,3.35vw,1.05rem);line-height:1.3;overflow-wrap:break-word;word-break:break-word}}@media (max-width: 400px){.note-modal-inner{top:45%;right:24%;bottom:43%;left:24%}.note-modal-text-scroll{max-height:min(100%,32svh)}.note-modal-text{font-size:clamp(.67rem,3.5vw,.95rem);line-height:1.28}}@keyframes note-modal-fade{0%{opacity:0}to{opacity:1}}.crossword{display:block;width:250px;color:inherit;text-decoration:none;container-type:inline-size}.crossword:hover .crossword-cta,.crossword:focus-visible .crossword-cta{text-decoration:underline}.crossword:focus-visible .crossword-card{outline:2px solid #7e63a8;outline-offset:3px}.crossword-card{background:#fdfcf7;border:2px solid #b8443c;box-shadow:0 6px 14px #0000001f;overflow:hidden;display:flex;flex-direction:column}.crossword-card-main{flex:1;min-height:55cqi;display:flex;align-items:center;justify-content:center;padding:6cqi 5cqi 3cqi}.crossword-card-main img{width:60%;height:auto}.crossword-placeholder{font-family:Caveat,cursive;font-size:clamp(.95rem,12cqi,1.55rem);color:#1a1a1a;text-align:center;line-height:1.25}.crossword-card-frame{border-top:2px solid #b8443c;padding:.25cqi 4cqi 4cqi;display:flex;flex-direction:column;align-items:center;gap:1cqi;text-align:center;background:#b8443c0f}.crossword-cta{font-family:Caveat,cursive;font-size:clamp(1.1rem,14cqi,1.9rem);font-weight:600;color:#8b2e26;line-height:1.05}.crossword-byline{font-family:Caveat,cursive;font-size:clamp(.8rem,8.5cqi,1.15rem);line-height:1.2;color:#4a3a2a;max-width:100%}.site-footer{width:100%;padding:1.5rem 1.5rem 5rem;display:flex;justify-content:center;position:relative;z-index:10}.site-footer audio{width:46.063rem;max-width:100%;height:3.75rem;border-radius:3rem}.site-footer audio::-webkit-media-controls-panel{background-color:#c3c3c3}