/* Extracted from original inline style block: spotlight-exact-ref. Order is intentional. */
#projects{margin:-36px calc(-1 * clamp(28px,4vw,55px));min-height:100vh;background:linear-gradient(155deg,#f9fafc 0%,#eff2f8 60%,#e5e9f3 100%);color:#161c27;overflow:hidden}
#projects .project-detail{margin:0}#projects #project-graphics{display:block}
#projects .spotlight{margin:0;border:0;border-radius:0;min-height:100vh;background:transparent;box-shadow:none;display:flex;flex-direction:column}
#projects .spotlight-top{padding:13px clamp(23px,3vw,42px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;color:#191d2a;font-weight:750}
#projects .spotlight-top>span{justify-self:start;white-space:nowrap;font-size:13px}#projects .spotlight-top>span i{color:#2566ff}
#projects .spotlight-categories{display:flex;gap:20px;justify-content:center}#projects .spotlight-categories button{background:#08090c;color:white;border:0;border-radius:10px;padding:10px 19px;font-weight:700;font-size:12px;line-height:1;min-height:35px;cursor:pointer;transition:transform .2s,background .2s}
#projects .spotlight-categories button:hover,#projects .spotlight-categories button.is-selected{background:#182943;transform:translateY(-2px)}
#projects .spotlight-action{justify-self:end;background:#101115;color:#fff;border-radius:30px;padding:11px 17px}
#projects .spotlight-heading{margin:28px 0 18px;text-align:center}#projects .spotlight-heading>span{font-size:10px;letter-spacing:3px;color:#8d929a;font-weight:750}#projects .spotlight-heading h3{font-size:clamp(42px,4.3vw,65px);line-height:.98;letter-spacing:-2.5px;margin:12px 0 0;font-weight:400}
#projects .spotlight-stage{height:clamp(245px,36vh,400px);width:100%;flex:1;min-height:230px;max-height:460px;overflow:hidden}
#projects .spotlight-piece{width:clamp(138px,14vw,196px);height:clamp(210px,28vw,278px);border-radius:14px;box-shadow:0 17px 24px #283c5e27;transform:perspective(950px) rotateY(-9deg) scale(.91)}#projects .spotlight-piece.is-focus{transform:perspective(950px) rotateY(0deg) scale(1.04)}
#projects .spotlight-instructions{margin-top:auto;color:#9199a8;font-size:10px;letter-spacing:3px;padding-top:28px}
#projects .spotlight-footer{padding:14px 37px 12px;align-items:end}#projects .spotlight-caption h4{font-family:Georgia,'Times New Roman',serif;font-size:29px;font-weight:400}#projects .spotlight-number strong{font-family:Georgia,serif;font-size:30px}#projects .spotlight-controls button{width:40px;height:40px}
#projects .spotlight-disclaimer{font-size:9px;text-align:center;color:#9ba4b3;margin:0;padding-bottom:8px}
#projects #project-podcasts,#projects #project-websites{padding:55px clamp(25px,4vw,60px);min-height:100vh;background:linear-gradient(150deg,#f9fafc,#e9eefd)}
#projects #project-podcasts[hidden],#projects #project-websites[hidden],#projects #project-graphics[hidden]{display:none!important}
#projects .project-detail:not(.is-visible){display:none!important}
@media(max-width:1100px){#projects{margin:-28px -22px}#projects .spotlight-top{gap:7px}#projects .spotlight-categories{gap:8px}#projects .spotlight-categories button{padding:10px 12px}}
@media(max-width:760px){#projects{margin:-12px -14px -104px;min-height:100dvh;padding-bottom:85px}#projects .spotlight{min-height:calc(100dvh - 85px)}#projects .spotlight-top{display:flex;flex-wrap:wrap;justify-content:space-between;padding:17px 15px 4px}#projects .spotlight-top>span{font-size:11px}#projects .spotlight-action{font-size:10px;padding:8px 12px}#projects .spotlight-categories{order:3;width:100%;gap:8px;justify-content:space-between;margin-top:13px}#projects .spotlight-categories button{flex:1;padding:12px 5px;font-size:11px}#projects .spotlight-heading{margin:30px 0 12px}#projects .spotlight-heading h3{font-size:39px}#projects .spotlight-heading>span{font-size:8px}#projects .spotlight-stage{height:300px;min-height:260px;flex:none}#projects .spotlight-piece{width:140px;height:218px}#projects .spotlight-footer{padding:12px 19px 16px}#projects .spotlight-caption h4{font-size:22px}#projects .spotlight-number strong{font-size:24px}#projects .spotlight-controls button{width:34px;height:34px}#projects .spotlight-instructions{padding-top:8px}#projects #project-podcasts,#projects #project-websites{min-height:calc(100dvh - 85px);padding:38px 18px}}
@media(prefers-reduced-motion:reduce){#projects .spotlight-track,#projects .spotlight-piece{transition:none}}