/* Selected Work: an isolated, quiet illustrated constellation. */
#selected{isolation:isolate;background:#03080f;min-height:780px;padding:64px 6% 24px;scroll-margin-top:-24px;color:#e4e5df}
#selected .work-nebula,#selected .work-dust{position:absolute;inset:0;z-index:-1;pointer-events:none}
#selected .work-nebula{background:url('assets/starfield.webp') right top/cover no-repeat;filter:hue-rotate(340deg) saturate(.65);opacity:.68;mask-image:radial-gradient(ellipse at 47% 43%,transparent 24%,#0003 48%,#000 85%)}
#selected .work-nebula:after{content:'';position:absolute;inset:0;background:url('assets/starfield.webp') right top/cover no-repeat;transform:rotate(180deg);opacity:.65;mask-image:linear-gradient(transparent 35%,#000 100%)}
#selected .work-dust{background:url('assets/selected-dust.svg') center/cover;opacity:.7}
#selected .block-heading{z-index:3;max-width:700px}
#selected .block-heading h2{font-size:clamp(30px,3.3vw,51px);margin-bottom:16px;letter-spacing:.025em}
#selected .block-heading p{font-size:15px;color:#b8c3cd;letter-spacing:.1em}
#selected .world-map{height:600px;max-width:1200px;margin:0 auto}
#selected .decorative-planet{width:62%;max-width:690px;height:auto;aspect-ratio:700/460;left:15%;top:24%;transform:none;pointer-events:none}
#selected .decorative-planet svg{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#b9c7d0;stroke-width:.9;stroke-linecap:round;opacity:.54}
#selected .decorative-planet .orbit-back{z-index:0;opacity:.29}
#selected .decorative-planet .orbit-front{z-index:2;opacity:.57}
#selected .work-orb{position:absolute;width:28%;aspect-ratio:1;left:36%;top:28.7%;border-radius:50%;overflow:hidden;z-index:1;background:#03080f}
#selected .work-orb img{position:absolute;inset:0;width:100%;height:100%;animation:work-turn 240s linear infinite;filter:brightness(.94)}
#selected .work-orb span{position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 24% 35%,#02060ac9,transparent 75%);box-shadow:inset -3px -4px 12px #01040955}
#selected .world-link{position:absolute;z-index:4;display:flex;align-items:center;gap:24px;min-height:120px;padding:10px 6px;max-width:none;border-radius:4px;transform:none;transition:color .3s}
#selected .temu{left:12%;top:3%}
#selected .advertising{right:0;top:42%}
#selected .world-link img{position:relative;width:106px;height:106px;object-fit:contain;flex:none;transition:transform .35s ease,filter .35s ease;filter:brightness(.95);scale:1}
#selected .advertising img{width:95px;height:104px;transform:rotate(-17deg);filter:grayscale(.65) brightness(.8)}
#selected .world-link strong{display:block;font:400 20px/1.6 'Songti SC',Georgia,serif;letter-spacing:.045em}
#selected .work-description{display:block;margin-top:7px;font:300 13px/1.7 system-ui,-apple-system,'PingFang SC',sans-serif;letter-spacing:.08em;color:#aebdcb}
#selected .world-link small{position:relative;display:table;margin-top:17px;padding-bottom:6px;font-size:12px;color:#ccd5dc;border:0;letter-spacing:.08em}
#selected .world-link small:after{content:'';position:absolute;left:0;bottom:0;height:1px;width:74%;background:#c1ced7;opacity:.55;transition:width .35s,opacity .35s}
#selected .world-link:hover img,#selected .world-link:focus-visible img{transform:scale(1.045);filter:brightness(1.16) drop-shadow(0 0 10px #95b8d323)}
#selected .advertising:hover img,#selected .advertising:focus-visible img{transform:rotate(-17deg) scale(1.045);filter:grayscale(.5) brightness(1.05) drop-shadow(0 0 10px #95b8d323)}
#selected .world-link:hover small:after,#selected .world-link:focus-visible small:after{width:100%;opacity:1}
#selected .world-link:active img{scale:.98}
#selected .world-link:focus-visible{outline:1px solid #bfd3f0;outline-offset:8px}
#selected .world-note{right:0;bottom:6%;margin:0;font:400 14px/1.7 'Songti SC',Georgia,serif;letter-spacing:.15em;color:#a8b5c0;transform:rotate(-7deg)}
#selected .work-stars{position:absolute;inset:0;pointer-events:none}
#selected .work-stars i{position:absolute;width:18px;height:18px;background:#d2dce5;opacity:.6;clip-path:polygon(50% 0,57% 43%,100% 50%,57% 57%,50% 100%,43% 57%,0 50%,43% 43%)}
#selected .work-stars i:nth-child(1){left:3%;top:34%;width:24px;height:24px;opacity:.7}
#selected .work-stars i:nth-child(2){left:55%;top:6%;width:13px;height:13px}
#selected .work-stars i:nth-child(3){right:6%;top:16%;width:21px;height:21px}
#selected .work-stars i:nth-child(4){left:19%;bottom:14%;width:14px;height:14px;opacity:.45}
@keyframes work-turn{to{transform:rotate(360deg)}}
@media(min-width:1500px){#selected .world-map{height:630px}}
@media(min-width:701px) and (max-width:1000px){#selected .world-link{gap:14px}#selected .temu{left:5%}#selected .world-link strong{font-size:17px}#selected .work-description{font-size:12px}#selected .advertising{top:46%}#selected .decorative-planet{left:4%;top:30%;width:67%}}
@media(max-width:700px){
 #selected{padding:46px 7% 26px;min-height:680px}
 #selected .block-heading h2{font-size:30px;letter-spacing:.01em}
 #selected .block-heading p{font-size:13px}
 #selected .world-map{height:auto;min-height:510px;display:flex;flex-direction:column;gap:46px;padding-top:45px}
 #selected .world-link{position:relative;inset:auto;gap:18px;min-height:130px;padding:10px 0;align-self:flex-start}
 #selected .advertising{align-self:flex-end}
 #selected .world-link img{width:84px;height:84px}
 #selected .advertising img{width:74px;height:84px}
 #selected .world-link strong{font-size:17px;letter-spacing:.015em}
 #selected .work-description{font-size:12px;letter-spacing:.02em;margin-top:5px}
 #selected .world-link small{margin-top:12px;font-size:12px}
 #selected .decorative-planet{width:110%;max-width:none;left:-22%;top:34%;opacity:.18}
 #selected .world-note{font-size:12px;position:relative;inset:auto;align-self:flex-end;margin:25px 0 12px;transform:rotate(-5deg)}
 #selected .work-stars i:nth-child(1){left:1%;top:40%;width:15px;height:15px}
 #selected .work-stars i:nth-child(2){left:83%;top:3%}
 #selected .work-stars i:nth-child(3){right:7%;top:83%;width:17px;height:17px}
 #selected .work-stars i:nth-child(4){left:10%;bottom:12%;width:11px;height:11px}
}
@media(prefers-reduced-motion:reduce){#selected .work-orb img{animation:none}#selected .world-link img,#selected .world-link small:after{transition:none}}
/* Rock texture sits beneath the etched grain; shading stays fixed as grain turns. */
#selected .work-orb{background:#03080f url('assets/meteor.webp') 52% 48%/155% auto no-repeat;box-shadow:inset 24px 4px 35px 10px #02060e,inset -8px -8px 22px #02060e88}
#selected .work-orb img{mix-blend-mode:screen;opacity:.85}
#selected .work-orb span{background:linear-gradient(105deg,#02060ff5 12%,#02060f99 42%,#02060f15 79%,#cbd5d908);box-shadow:inset 0 -9px 18px #02060f}
#selected .work-orb{background-size:300% auto}
/* Reference 2 refinement: coordinates are relative to the whole section. */
#selected{height:780px;min-height:0;padding:57px 6%;background:#03080e}
#selected .world-map{position:absolute;inset:0;max-width:none;height:100%;margin:0}
#selected .block-heading{pointer-events:none}
#selected .work-nebula{background:url('assets/work-edge-nebula.svg') center/100% 100% no-repeat;filter:none;opacity:1;mask-image:none}
#selected .work-nebula:after{display:none}
#selected .work-dust{opacity:.17}
#selected .temu{left:28%;top:29%;right:auto;transform:translate(-50%,-50%)}
#selected .advertising{left:79%;top:49%;right:auto;transform:translate(-50%,-50%)}
#selected .world-link{gap:20px}
#selected .world-link img{width:112px;height:112px;filter:none}
#selected .advertising img{width:106px;height:106px;transform:none;filter:none}
#selected .advertising:hover img,#selected .advertising:focus-visible img{transform:scale(1.045);filter:brightness(1.15)}
#selected .decorative-planet{left:46%;top:59%;width:70%;max-width:none;height:auto;transform:translate(-50%,-50%);aspect-ratio:700/460}
#selected .work-orb{width:34.5%;left:32.75%;top:23.75%;background:#03080e;box-shadow:none}
#selected .work-orb img{inset:0;width:100%;height:100%;animation:none;opacity:1;filter:none;mix-blend-mode:normal}
#selected .work-orb span{display:none}
#selected .decorative-planet svg{stroke:#e7ddc9;stroke-linecap:round}
#selected .decorative-planet .orbit-back{opacity:.65}
#selected .decorative-planet .orbit-front{opacity:.86}
#selected .work-stars i{background:#f2ebdb;opacity:.85}
#selected .work-stars i:nth-child(1){left:7%;top:43%}
#selected .work-stars i:nth-child(2){left:55%;top:23%}
#selected .work-stars i:nth-child(3){right:10%;top:12%}
#selected .work-stars i:nth-child(4){left:20%;bottom:17%;opacity:.8}
@media(min-width:1500px){#selected{height:850px}#selected .world-map{height:100%}}
@media(min-width:701px) and (max-width:1000px){#selected{height:700px}#selected .world-link{gap:8px}#selected .world-link img{width:88px;height:88px}#selected .world-link strong{font-size:16px}#selected .advertising{left:77%}#selected .temu{left:29%}}
@media(max-width:700px){#selected{height:auto;min-height:650px;padding:45px 7% 30px}#selected .world-map{position:relative;inset:auto;height:auto;min-height:470px;padding-top:35px;gap:40px}#selected .world-link{position:relative;left:auto;right:auto;top:auto;transform:none;gap:15px}#selected .world-link img{width:88px;height:88px}#selected .advertising img{width:82px;height:82px}#selected .decorative-planet{width:135%;left:44%;top:65%;opacity:.2}#selected .work-nebula{background-size:auto 100%;background-position:center}#selected .work-stars i:nth-child(1){left:0;top:45%}#selected .work-stars i:nth-child(3){right:5%;top:4%}#selected .work-stars i:nth-child(4){left:16%;bottom:2%}}
#selected .world-link{width:max-content}
#selected .world-link strong,#selected .work-description{white-space:nowrap}
#selected .temu{top:27%}
@media(max-width:700px){#selected .temu{top:auto}#selected .world-link{max-width:100%}#selected .world-link strong{font-size:16px}#selected .work-description{font-size:11px}}