/* A quiet invitation within the existing centered hero. */
#pure-projects .pure-story-invitation{display:flex;align-items:center;gap:20px;width:fit-content;max-width:100%;margin:28px auto 0;padding:12px 18px 12px 12px;border:1px solid #c895ac55;border-radius:17px;background:#fff4e905;color:#fff2e9;text-decoration:none;text-align:left;transition:background .2s,border-color .2s}
#pure-projects .pure-story-invitation:hover{background:#fff4e90a;border-color:#ffa9cf90}
#pure-projects .pure-story-thumbnail{position:relative;display:block;flex:none;width:142px;aspect-ratio:16/9;border-radius:10px;overflow:hidden}
#pure-projects .pure-story-thumbnail img{width:100%;height:100%;object-fit:cover;display:block}
#pure-projects .pure-story-thumbnail>span{position:absolute;inset:0;display:grid;place-content:center;background:#180c2130;color:#fff2e9;font-size:20px;text-shadow:0 1px 12px #000}
#pure-projects .pure-story-invitation-copy{display:grid;gap:6px;min-width:0}
#pure-projects .pure-story-invitation-copy strong{font:500 19px/1.25 var(--pure-ui);letter-spacing:-.035em}
#pure-projects .pure-story-invitation-copy>span{font:12px/1.55 var(--pure-ui);color:#dfcbd5}
#pure-projects .pure-story-invitation-copy .pure-story-watch{font-size:12px;color:#ffbad7;margin-top:2px}
#pure-projects .pure-story-watch>span{font-size:10px;margin-right:5px}
html.pure-story-open{overflow:hidden}
#pure-projects .pure-story-dialog{position:fixed;inset:0;box-sizing:border-box;width:calc(100% - 32px);max-width:720px;max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:1px solid #c895ac70;border-radius:22px;background:#2b1c27;color:#fff2e9;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 25px 100px #08040b80}
#pure-projects .pure-story-dialog::backdrop{background:#120b13bf;backdrop-filter:blur(5px)}
#pure-projects .pure-story-dialog h2{font:400 clamp(24px,3.5vw,34px)/1.2 var(--pure-ui);letter-spacing:-.045em;text-align:center;margin:0 24px 25px}
#pure-projects .pure-story-close{position:absolute;right:12px;top:9px;display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:#fff2e9;font:300 29px/1 var(--pure-ui);cursor:pointer}
#pure-projects .pure-story-player{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:13px;background:#170e19}
#pure-projects .pure-story-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
#pure-projects .pure-story-play{display:block;position:relative;width:100%;height:100%;padding:0;border:0;background:#170e19;cursor:pointer}
#pure-projects .pure-story-play img{display:block;width:100%;height:100%;object-fit:cover}
#pure-projects .pure-story-play>span{position:absolute;inset:0;display:grid;place-content:center;margin:auto;width:66px;height:66px;padding-left:3px;border:1px solid #fff2e9b3;border-radius:50%;background:#241523b3;color:#fff2e9;font-size:24px;backdrop-filter:blur(3px)}
#pure-projects .pure-story-introduction{display:grid;grid-template-columns:88px minmax(0,1fr);gap:24px;align-items:start;margin-top:26px}
#pure-projects .pure-story-portrait{display:block;width:88px;height:88px;object-fit:cover;object-position:center top;border-radius:50%}
#pure-projects .pure-story-dialog h3{font:500 20px/1.3 var(--pure-ui);letter-spacing:-.025em;margin:0 0 3px}
#pure-projects .pure-story-dialog .pure-story-role{font:12px/1.5 var(--pure-ui);color:#cdb4c2;margin:0}
#pure-projects .pure-story-dialog .pure-story-bio{font:14px/1.75 var(--pure-ui);color:#e3d0da;margin:13px 0 9px}
#pure-projects .pure-story-about{display:inline-flex;align-items:center;gap:8px;min-height:44px;font:13px/1.5 var(--pure-ui);color:#ffbad7;text-underline-offset:4px}
@media(max-width:600px){
 #pure-projects .pure-story-invitation{gap:12px;padding:10px;max-width:380px;width:100%;box-sizing:border-box;margin-top:24px;border-radius:14px}
 #pure-projects .pure-story-thumbnail{width:88px;aspect-ratio:1.15}
 #pure-projects .pure-story-invitation-copy{gap:5px}
 #pure-projects .pure-story-invitation-copy strong{font-size:16px}
 #pure-projects .pure-story-invitation-copy>span{font-size:11px}
 #pure-projects .pure-story-dialog{width:calc(100% - 24px);padding:28px 20px 20px;border-radius:18px}
 #pure-projects .pure-story-dialog h2{font-size:25px;margin:12px 14px 22px}
 #pure-projects .pure-story-introduction{grid-template-columns:58px minmax(0,1fr);gap:15px;margin-top:22px}
 #pure-projects .pure-story-portrait{width:58px;height:58px}
 #pure-projects .pure-story-dialog h3{font-size:18px}
 #pure-projects .pure-story-dialog .pure-story-bio{font-size:13px;line-height:1.7}
}
@media(prefers-reduced-motion:reduce){#pure-projects .pure-story-invitation{transition:none}}