/* Home only: dates settle into layers; content and focus stay outside the clipped art. */
.observatory{--bg:#202321;--surface:#30372f;--paper:#e8e5db;--muted:#c2c4bb;--line:#555b4f;--accent:#ed9276;background:var(--bg);color:var(--paper);font-variant-numeric:tabular-nums}
.observatory ::selection{background:var(--accent);color:var(--bg)}
.observatory :focus-visible{outline:2px solid var(--accent);outline-offset:6px}
.observatory .site-wrap{max-width:1440px;padding:0 5%}
.observatory .masthead{height:96px;border-color:#e8e5db26}
.observatory .brand{font-size:21px;letter-spacing:2px}
.observatory .brand small{letter-spacing:1.4px;font-size:9px}
.observatory .masthead nav{gap:32px}
.observatory main{position:relative;isolation:isolate}
.observatory .intro{grid-template-columns:1.12fr 1fr;min-height:440px}
.observatory .intro-copy{padding:48px 0 58px}
.observatory .intro-note{margin-bottom:22px;font-size:13px;letter-spacing:1px}
.mineral-dot{display:block;width:11px;height:12px;background:var(--accent);clip-path:polygon(25% 0,100% 28%,75% 100%,0 72%)}
.observatory h1{font:500 clamp(48px,5.7vw,78px)/1.32 "Songti SC","STSong","SimSun",serif;letter-spacing:3px;white-space:normal;text-wrap:balance}
.observatory .keep-word{color:var(--accent)}
.observatory .intro-description{font-size:15px;line-height:1.85;margin:22px 0 28px;text-wrap:pretty}
.observatory .intro-bottom{position:static;font-size:12px;gap:16px;flex-wrap:wrap}
.observatory .edition{font-size:10px;letter-spacing:.96px}
.observatory .guardian-stage{min-height:440px;height:auto;margin:0;overflow:visible}
.earth-section{position:absolute;right:6%;top:28px;width:90%;height:340px;filter:drop-shadow(0 12px 14px #111b142b)}
.section-label{position:absolute;right:0;top:28px;display:flex;flex-direction:column;gap:4px;font:10px/1.6 "Courier New",monospace;letter-spacing:1px;color:var(--muted)}
.section-label span:first-child{font:12px/1.7 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:2px}
.observatory .guardian{width:67%;max-width:350px;position:absolute;left:50%;top:190px;transform:translateX(-50%) rotate(-5deg);mix-blend-mode:normal;transition:transform 220ms var(--ease)}
.observatory .guardian img{width:100%;height:auto;object-fit:contain}
.observatory .stone-caption{bottom:27px;left:20%;font-size:12px;white-space:nowrap}
.observatory .stage-coordinate.bottom{bottom:6px;right:10%;font:11px/1.6 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:2px}
.observatory .stone-voice{left:26%;top:180px;max-width:245px;font-size:14px}
.descend{position:absolute;left:0;bottom:9px;font-size:12px;letter-spacing:1px;color:var(--muted);display:flex;gap:24px;align-items:center;min-height:32px}
.descend span{color:var(--accent);font-size:20px}
.surface-art{position:absolute;top:400px;left:-5.56%;width:111.12%;height:400px;z-index:-1;pointer-events:none;overflow:hidden}
.surface-section{width:100%;height:100%;opacity:.8}
.mineral-seam{fill:none;stroke:#c5c2b9;stroke-width:.7;opacity:.15}
.mineral-crack{fill:none;stroke:#ed9276;stroke-width:1;opacity:.3}
.observatory .featured{position:relative;grid-template-columns:128px 1fr 150px;border-top:0;border-bottom:0;gap:36px;padding:50px 0 42px;min-height:275px}
.observatory .feature-date{position:relative}
.observatory .feature-date>span:first-child{letter-spacing:1px}
.observatory .date-display{font-size:40px;letter-spacing:-2px;margin:16px 0 7px}
.observatory .date-year{font-size:14px}
.observatory .feature-story{min-width:0}
.observatory .feature-story h2{font-size:25px;line-height:1.6;letter-spacing:0;text-wrap:pretty}
.observatory .feature-story p{font-size:14px;line-height:1.8;color:#d5d7cc}
.observatory .feature-meta{margin-bottom:12px;color:#d5d7cc}
.observatory .read-link{font-size:14px;border-color:var(--accent);gap:32px}
.observatory .read-link span{color:var(--accent)}
.observatory .feature-controls{justify-content:flex-start;gap:20px}
.observatory .feature-controls>div{margin:0}
.observatory .feature-controls>div button{width:44px;height:44px;border-color:#c2c4bb66;border-radius:50%}
.observatory .random-button{font-size:13px;min-height:36px}
.observatory .collection{padding:58px 0 0;background:var(--bg)}
.observatory .collection-heading{align-items:center}
.observatory .collection h2{font:500 30px/1.5 "Songti SC","STSong","SimSun",serif;letter-spacing:1px}
.observatory .collection-overline{font-size:10px;letter-spacing:2px;margin-bottom:8px}
.observatory .collection h2 span{font-size:13px;vertical-align:middle}
.observatory .view-toggle{border-radius:0;border-color:#656c5e}
.observatory .view-toggle button{min-height:38px}
.observatory .view-toggle [aria-pressed=true]{background:#d1d3c2;color:var(--bg)}
.observatory .archive-navigation{padding:10px 0 26px;margin-top:25px;border-color:#e8e5db26}
.observatory .months{gap:24px}
.observatory .months button{min-height:44px;font-size:14px}
.observatory #result-count{font-size:12px}
.observatory .collection-tools>button{min-height:44px}
.observatory .specimens{display:flex;flex-direction:column;gap:0;position:relative}
.observatory .specimen{--rock:#30372f;--edge:polygon(0 4%,8% 2%,17% 5%,29% 1%,40% 4%,53% 2%,65% 6%,77% 1%,89% 4%,100% 0,100% 98%,89% 100%,76% 97%,64% 100%,52% 96%,39% 100%,27% 98%,15% 100%,0 97%);display:grid;grid-template-columns:150px minmax(0,1fr) 112px;gap:32px;align-items:center;padding:40px 44px;min-height:198px;margin:0;border:0;background:none!important;overflow:visible;isolation:isolate;transition:none;color:var(--paper)}
.observatory .specimen:before{content:"";position:absolute;inset:0 -2%;background:var(--rock);clip-path:var(--edge);z-index:-1;transition:transform 200ms var(--ease)}
.observatory .specimen:after{content:"";position:absolute;top:6%;left:-2%;width:104%;height:1px;background:#b4baa34d;transform:rotate(-.4deg);z-index:-1;pointer-events:none}
.observatory .specimen:nth-child(3n+2){--rock:#394034;--edge:polygon(0 1%,12% 4%,25% 1%,38% 5%,49% 2%,63% 4%,74% 1%,89% 4%,100% 2%,100% 100%,88% 96%,74% 100%,60% 97%,47% 100%,32% 97%,19% 100%,0 98%);padding-left:64px}
.observatory .specimen:nth-child(3n){--rock:#333931;padding-left:84px}
.observatory .specimen-date{display:flex;flex-direction:column;align-items:flex-start;gap:8px;grid-column:1;grid-row:1;margin:0;font:400 35px/1.25 "Courier New",monospace;letter-spacing:0;color:var(--accent)}
.observatory .specimen-date .date-era{font:12px/1.5 "Courier New",monospace;color:#d1d4c5;letter-spacing:3px;margin:0}
.observatory .specimen-date time{white-space:nowrap;display:flex;gap:5px}
.observatory .specimen-date time span{font:inherit;color:#c0c5b1;margin:0;align-self:auto}
.observatory .date-engraving{display:block;width:65px;height:8px;margin-top:8px;background:repeating-linear-gradient(90deg,var(--accent) 0 1px,transparent 1px 8px);opacity:.6}
.observatory .specimen-content{min-width:0;grid-column:2;grid-row:1}
.observatory .specimen-top{font-size:12px;display:flex;justify-content:flex-start;align-items:center;gap:24px;color:#d0d4c6;margin-bottom:10px}
.observatory .record-number{font-size:11px;font-family:"Courier New","PingFang SC",monospace;letter-spacing:1px;color:#c2c7b5}
.observatory .specimen h3{display:block;font-size:21px;font-weight:500;line-height:1.65;letter-spacing:0;overflow:visible;margin:0;text-wrap:pretty;overflow-wrap:anywhere}
.specimen-excerpt{font-size:14px;line-height:1.8;margin:12px 0 0;color:#d5d7cc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-wrap:pretty}
.observatory .specimen-bottom{grid-column:3;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:12px;border:0;padding:0;margin:0;font-size:12px;color:#d1d4c5}
.observatory .specimen-mark{display:block;font-size:36px;line-height:1;color:var(--accent);transition:transform 180ms var(--ease)}
.layer-read{font-size:12px}
.observatory .specimen:focus-visible{outline-offset:0}
.observatory .specimen:focus-visible:before{box-shadow:inset 0 0 0 2px var(--accent)}
.observatory .specimens.list{display:flex;border:0;gap:0}
.observatory .list .specimen{padding:24px 16px;grid-template-columns:150px minmax(0,1fr) 100px;gap:26px;min-height:0;border-bottom:1px solid var(--line)}
.observatory .list .specimen:before,.observatory .list .specimen:after,.observatory .list .date-engraving,.observatory .list .specimen-excerpt,.observatory .list .layer-read{display:none}
.observatory .list .specimen-date{grid-column:1;grid-row:1;font-size:24px;gap:4px}
.observatory .list .specimen-top{display:flex;font-size:12px;gap:18px}
.observatory .list .specimen h3{display:block;font-size:16px;grid-column:auto;grid-row:auto}
.observatory .list .specimen-bottom{display:flex;grid-column:3;grid-row:1;flex-direction:row;justify-content:space-between;gap:10px}
.observatory .list .specimen-mark{font-size:23px}
.observatory .load-more{font-size:14px;min-height:48px;min-width:240px;margin-top:32px;border-color:#777f6a}
.observatory .load-more[hidden]{display:none}
.observatory .archive-tail{padding-bottom:32px;margin-top:36px;border-color:#e8e5db26}
.observatory .closing{padding:52px 0;grid-template-columns:60px 1.5fr 1fr}
.observatory .closing p{font:500 25px/1.7 "Songti SC","STSong","SimSun",serif}
.observatory .closing-star{display:block;width:40px;height:48px;background:var(--accent);clip-path:polygon(15% 10%,68% 0,100% 40%,84% 88%,37% 100%,0 58%);font-size:0}
.observatory .closing>div{font-size:14px}
.observatory footer{border-color:#e8e5db26}
.observatory dialog{background:#30372f;overscroll-behavior:contain}
@media(hover:hover) and (pointer:fine){
 .observatory .guardian:hover{transform:translateX(-50%) rotate(0deg)}
 .observatory .specimen:hover{transform:none;border-color:transparent}
 .observatory .specimen:hover:before{transform:translateY(-3px)}
 .observatory .specimen:hover .specimen-mark{transform:translate(3px,-3px)}
 .observatory .specimen:hover h3{color:var(--paper);text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:7px}
 .observatory .list .specimen:hover{background:#30372f!important}
 .observatory .feature-controls>div button:hover{background:#d1d3c2;color:var(--bg)}
}
@media(max-width:1050px) and (min-width:761px){
 .observatory .intro{min-height:430px;grid-template-columns:1.15fr 1fr}
 .observatory .intro-copy{padding-top:44px}
 .observatory h1{font-size:60px}
 .earth-section{top:38px;height:280px;right:2%;width:96%}
 .observatory .guardian{top:190px;width:77%}
 .observatory .featured{grid-template-columns:110px 1fr 125px;gap:24px}
 .observatory .specimen{grid-template-columns:115px 1fr 80px;gap:24px;padding:32px}
 .observatory .specimen:nth-child(3n+2){padding-left:44px}.observatory .specimen:nth-child(3n){padding-left:56px}
 .observatory .specimen-date{font-size:29px}
 .observatory .specimen h3{font-size:19px}
}
@media(max-width:760px){
 .observatory .site-wrap{padding:0 24px}
 .observatory .masthead{height:84px;gap:12px}
 .observatory .brand{font-size:18px;gap:10px}
 .observatory .brand small{font-size:8px;letter-spacing:.8px}
 .observatory .masthead nav{font-size:12px;gap:12px}
 .observatory .intro{grid-template-columns:1fr;min-height:0}
 .observatory .intro-copy{padding:32px 0 0}
 .observatory .intro-note{font-size:12px;margin-bottom:18px}
 .observatory h1{font-size:clamp(45px,10vw,64px);line-height:1.3;letter-spacing:2px}
 .observatory .intro-description{font-size:14px;margin:18px 0 18px;line-height:1.8}
 .observatory .intro-bottom{position:static;font-size:11px;gap:12px;white-space:normal}
 .observatory .edition{font-size:9px}
 .observatory .guardian-stage{height:280px;min-height:0;margin:0 0 32px}
 .earth-section{height:238px;width:80%;max-width:330px;top:14px;right:10%}
 .section-label{top:14px;font-size:8px;writing-mode:horizontal-tb;right:0}
 .section-label span:first-child{font-size:10px}
 .section-label span:last-child{display:none}
 .observatory .guardian{top:126px;width:68%;max-width:280px}
 .observatory .stone-caption{left:22%;bottom:0;font-size:11px;gap:10px}
 .observatory .stage-coordinate.bottom{display:none}
 .observatory .stone-voice{top:96px;left:12%;font-size:13px}
 .descend{bottom:0;min-height:28px;font-size:11px}
 .surface-art{top:560px;left:-8%;width:116%;height:430px}
 .surface-section{width:180%;margin-left:-35%}
 .observatory .featured{grid-template-columns:75px minmax(0,1fr);gap:20px;padding:42px 0 32px;min-height:0}
 .observatory .feature-date>span:first-child{font-size:11px}
 .observatory .date-display{font-size:28px;letter-spacing:-1px;margin-top:18px}
 .observatory .date-year{font-size:12px}
 .observatory .feature-meta{font-size:11px;gap:8px}
 .observatory .feature-story h2{font-size:20px;line-height:1.65}
 .observatory .feature-story p{font-size:14px;-webkit-line-clamp:3}
 .observatory .feature-controls{grid-column:2;display:flex;flex-direction:row;align-items:center;gap:16px;flex-wrap:wrap}
 .observatory .feature-controls>div{gap:8px}
 .observatory .random-button{font-size:12px}
 .observatory .collection{padding-top:38px}
 .observatory .collection-heading{align-items:flex-start;gap:18px}
 .observatory .collection h2{font-size:26px}
 .observatory .collection-tools{font-size:13px;gap:16px}
 .observatory .archive-navigation{gap:10px;padding:8px 0 20px;margin-top:16px}
 .observatory .months{gap:18px}
 .observatory .months button{font-size:13px}
 .observatory #result-count{padding-top:13px}
 .observatory .specimen,.observatory .specimen:nth-child(3n+2),.observatory .specimen:nth-child(3n){grid-template-columns:minmax(0,1fr) 60px;gap:16px 12px;padding:30px 18px;min-height:0}
 .observatory .specimen:before{inset:0 -3%}
 .observatory .specimen:after{left:-3%;width:106%;top:3%}
 .observatory .specimen-date{grid-column:1;grid-row:1;flex-direction:row;align-items:center;gap:12px;font-size:25px}
 .observatory .specimen-date .date-era{font-size:12px;letter-spacing:2px}
 .observatory .date-engraving{display:none}
 .observatory .specimen-content{grid-column:1/3;grid-row:2}
 .observatory .specimen-top{margin-bottom:8px;font-size:11px;gap:18px}
 .observatory .specimen h3{font-size:18px;line-height:1.7}
 .observatory .specimen-excerpt{font-size:14px;line-height:1.8;margin-top:10px}
 .observatory .specimen-bottom{grid-column:2;grid-row:1;flex-direction:row;gap:8px;justify-content:flex-end;font-size:10px;white-space:nowrap}
 .observatory .specimen-mark{font-size:24px}
 .observatory .layer-read{display:none}
 .observatory .list .specimen{grid-template-columns:minmax(0,1fr) 60px;gap:12px;padding:22px 0}
 .observatory .list .specimen-date{grid-column:1;grid-row:1;flex-direction:row;font-size:22px;gap:12px}
 .observatory .list .specimen-content{grid-column:1/3;grid-row:2}
 .observatory .list .specimen h3{font-size:16px;line-height:1.7}
 .observatory .list .specimen-bottom{grid-column:2;grid-row:1;display:flex;font-size:10px}
 .observatory .list .specimen-top{font-size:11px}
 .observatory .closing{grid-template-columns:30px 1fr;gap:18px;padding:36px 0}
 .observatory .closing p{font-size:21px}
 .observatory .closing-star{width:28px;height:34px}
 .observatory .closing>div{font-size:13px}
 .observatory footer{gap:18px}
}
@media(max-width:360px){
 .observatory .site-wrap{padding:0 18px}.observatory .brand{font-size:16px}.observatory .brand small{font-size:7px}.observatory .brand-symbol{width:38px;height:38px}
 .observatory .rss-link{gap:5px;font-size:11px}.observatory .intro-bottom{gap:9px}.observatory .edition{font-size:8px}
 .observatory .featured{grid-template-columns:64px 1fr;gap:15px}.observatory .date-display{font-size:25px}.observatory .feature-story h2{font-size:18px}
 .observatory .collection h2{font-size:23px}.observatory .collection h2 span{margin-left:7px}.observatory .view-toggle button{padding:5px 10px}
 .observatory .specimen,.observatory .specimen:nth-child(3n+2),.observatory .specimen:nth-child(3n){padding:28px 14px}.observatory .specimen h3{font-size:17px}
}
@media(prefers-reduced-motion:reduce){.observatory *,.observatory *:before,.observatory *:after{animation:none!important;transition:none!important}.observatory .specimen:hover:before,.observatory .specimen:hover .specimen-mark{transform:none}}
/* Second pass: quiet text surfaces, stable labels, and exact full-bleed bounds. */
.observatory .feature-story{background:#30372feb;box-shadow:0 0 20px 12px #30372feb}
.observatory .specimen-top{flex-direction:row}
@media(max-width:760px){
 .surface-art{left:-24px;width:calc(100% + 48px);top:515px}
 .observatory .guardian-stage{height:240px}
 .earth-section{height:214px;top:8px}
 .observatory .guardian{top:101px;width:64%}
 .observatory .stone-voice{top:74px}
 .observatory .stone-caption{bottom:-1px;left:16%}
 .observatory .intro-copy{padding-top:28px}
 .observatory .feature-story{box-shadow:0 0 12px 7px #30372feb}
}
@media(max-width:360px){.surface-art{left:-18px;width:calc(100% + 36px)}}
.observatory .list .specimen-top span:first-child{display:inline}