.work-intro-title{position:absolute;inset:0;z-index:600;isolation:isolate;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px;margin:0;padding:100px 8vw;text-align:center;pointer-events:none;color:#f4f8ff;text-shadow:0 6px 35px #00152e99;font-family:var(--sans);line-height:1.05;letter-spacing:-.045em}
.work-intro-title::before{content:'';position:absolute;z-index:-1;width:min(950px,94vw);height:450px;max-height:70%;border-radius:50%;background:radial-gradient(ellipse,rgba(2,13,32,.62),rgba(2,13,32,.28) 45%,transparent 72%);filter:blur(18px)}
.work-intro-lead{font-size:clamp(30px,4.4vw,69px);font-weight:500;letter-spacing:-.045em}
.work-intro-accent{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(51px,7.5vw,118px);letter-spacing:-.025em;line-height:1.02;background:linear-gradient(115deg,#fff 15%,#d2eeff 55%,#81bdff);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0 .12em .1em}
.work.stacked .work-intro-title{position:relative;inset:auto;padding:75px 20px 45px;transform:none!important;opacity:1!important}
@media(max-width:600px){.work-intro-title{padding:80px 22px;gap:8px}.work-intro-lead{font-size:clamp(28px,7.5vw,42px)}.work-intro-accent{font-size:clamp(42px,11vw,65px)}.work-intro-title::before{width:100%;height:280px}}

.work-intro-accent{background:none;color:#399bff;-webkit-text-fill-color:#399bff}

.wi-spin{display:flex;flex-direction:column;align-items:center;gap:7px}

/* Words appear in sequence as the visitor scrolls into the portfolio. */
.wi-reveal-word{display:inline-block;white-space:nowrap;will-change:opacity,transform}
@media(prefers-reduced-motion:reduce){.wi-reveal-word{opacity:1!important;transform:none!important}}
