.specimen{grid-column:1/-1;margin:clamp(2.5rem,5vw,5rem) 0 0;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.65fr);align-items:center;gap:clamp(1.75rem,5vw,6rem);border-top:1px solid #cac9c3;padding-top:2rem;isolation:isolate;color:#181a1b}.specimen-viewport{position:relative;min-width:0;height:clamp(340px,39vw,560px);cursor:pointer;overflow:hidden;contain:layout paint}.specimen-viewport:after{content:"";position:absolute;left:14%;right:14%;bottom:8%;height:10%;border-radius:50%;background:#8a87931a;filter:blur(18px);pointer-events:none;z-index:-1}.specimen-canvas,.specimen-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}.specimen-fallback{opacity:1;transition:opacity .25s}.specimen-live .specimen-fallback{opacity:0}.specimen-canvas{z-index:1;pointer-events:none}.specimen-caption{max-width:34ch}.specimen-index{display:block;font:500 11px/1.5 sans-serif;letter-spacing:.16em;color:#606461;margin-bottom:1.4rem}.specimen-title{font-family:inherit;font-weight:500;font-size:clamp(2rem,3.6vw,3.7rem);line-height:1.02;letter-spacing:-.045em;margin:0 0 1.25rem}.specimen-description{font-size:clamp(.98rem,1.2vw,1.12rem);line-height:1.65;margin:0 0 1.6rem;color:#444a47;min-height:6.6em}.specimen-action{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.9rem 1.3rem;border:1px solid #353a37;border-radius:0;background:transparent;color:#171d19;font-family:inherit;font-size:13px;font-weight:600;line-height:1.25;cursor:pointer;transition:background .18s,color .18s}.specimen-action:hover,.specimen-action[aria-pressed=true]{background:#222923;color:#fafaf6}.specimen-action:focus-visible{outline:3px solid #277187;outline-offset:5px}.specimen-hint{font-size:11px;line-height:1.6;color:#505853;margin:1rem 0 0}.specimen-note{display:block;margin-top:.85rem;font-size:10px;line-height:1.5;letter-spacing:.035em;color:#505853}.specimen[data-specimen=field] .specimen-viewport{height:clamp(360px,42vw,580px)}.specimen[data-specimen=karst] .specimen-viewport{height:clamp(340px,35vw,510px)}.specimen-static .specimen-hint{display:none}.specimen[data-specimen-state=active] .fallback-half-left{transform:translateX(-30px) rotate(-7deg);transform-origin:270px 240px}.specimen[data-specimen-state=active] .fallback-half-right{transform:translateX(30px) rotate(7deg);transform-origin:380px 240px}.specimen [data-fallback-flow]{opacity:.3}.specimen[data-specimen-state=active] [data-fallback-flow]{opacity:1}@media(max-width:760px){.specimen{grid-template-columns:1fr;gap:1.5rem;padding-top:1.25rem;margin-top:2.5rem}.specimen-viewport{height:350px}.specimen[data-specimen=karst] .specimen-viewport{height:310px}.specimen[data-specimen=field] .specimen-viewport{height:360px}.specimen-caption{max-width:45ch}.specimen-description{min-height:0}.specimen-index{margin-bottom:.7rem}.specimen-title{font-size:2.3rem}.specimen-action{width:100%}}@media(prefers-reduced-motion:reduce){.specimen-fallback,.specimen-action{transition:none}}

/* Static previews are captures of these same models, including their action states. */
.specimen-fallback{object-fit:contain}.specimen-fallback-active{display:none}.specimen[data-specimen-state=active] .specimen-fallback-rest{display:none}.specimen[data-specimen-state=active] .specimen-fallback-active{display:block}.specimen-note a{color:inherit;text-underline-offset:2px}.specimen[data-specimen=field] .specimen-viewport:after{display:none}

/* V11 — an observatory spanning the reading column, with its own dark stage. */
.specimen.field-observatory{display:block;position:relative;background:#05090e;color:#f0f2f4;border-top:0;margin-top:clamp(64px,8vw,120px);padding:0;overflow:hidden}
.field-heading{position:relative;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:42px 44px 0}
.field-heading .specimen-index{color:#9caab8;margin-bottom:14px;letter-spacing:.13em}
.field-heading .specimen-title{font-size:clamp(40px,5vw,74px);letter-spacing:-.055em;margin:0;font-weight:450}
.field-state{display:flex;align-items:center;gap:9px;white-space:nowrap;font:500 10px/1.5 sans-serif;letter-spacing:.09em;color:#a0adb8;padding-top:8px}
.field-state::before{content:"";width:5px;height:5px;background:#7badad;border-radius:50%}
[data-specimen-state=active] .field-state{color:#e6b284}[data-specimen-state=active] .field-state::before{background:#e6b284}
.specimen.field-observatory .specimen-viewport{height:clamp(450px,46vw,660px);margin-top:-8px;background:#05090e}
.field-label{position:absolute;z-index:2;top:32px;font-size:9px;letter-spacing:.13em;line-height:1.5;pointer-events:none;color:#8b9aaa}
.field-label i{display:block;font-size:12px;font-style:normal;letter-spacing:0;margin-top:6px;color:#d6b395}
.field-label-sun{left:44px}.field-label-tail{right:44px;text-align:right}.field-label-tail i{color:#9cb9d9}
.field-legend{position:absolute;z-index:2;bottom:24px;left:44px;display:flex;gap:24px;font-size:10px;letter-spacing:.02em;pointer-events:none;color:#aebbc8}
.field-legend span{display:flex;align-items:center;gap:8px}.field-legend span:before{content:"";height:1px;width:17px;background:#d99c63}.field-legend span:nth-child(2):before{background:#60bbdc}.field-legend span:nth-child(3):before{background:#71d5a1}
.field-observatory .specimen-caption{display:grid;grid-template-columns:1.3fr 1fr;gap:28px 70px;max-width:none;padding:0 44px 35px}
.field-explanation{border-top:1px solid #26313c;padding-top:25px}.field-observatory .specimen-description{color:#bfc8d0;min-height:0;font-size:16px;line-height:1.75;margin-bottom:16px;max-width:53ch}
.field-source{font-size:11px;color:#95aabd;text-underline-offset:4px}.field-source:hover{text-decoration:underline}
.field-interaction{padding-top:25px;border-top:1px solid #26313c;max-width:360px;justify-self:end}
.field-observatory .specimen-action{min-width:245px;border-color:#7490a4;color:#e5edf3;padding:17px 22px;text-align:center}
.field-observatory .specimen-action:hover,.field-observatory .specimen-action[aria-pressed=true]{background:#d9e6ed;color:#071019;border-color:#d9e6ed}
.field-observatory .specimen-hint{color:#8c9ca9;font-size:11px;max-width:34ch}
.field-credits{grid-column:1/-1}.field-observatory .specimen-note{color:#7f91a0;font-size:9px;margin-top:8px}
@media(max-width:760px){.field-heading{padding:29px 23px 0;gap:20px;flex-direction:column}.field-heading .specimen-title{font-size:46px}.field-state{padding:0;font-size:9px}.specimen.field-observatory .specimen-viewport{height:430px;margin-top:8px}.field-label{top:12px;font-size:8px}.field-label-sun{left:23px}.field-label-tail{right:23px}.field-label i{font-size:10px}.field-legend{left:23px;bottom:16px;gap:15px;font-size:9px}.field-legend span:before{width:10px}.field-observatory .specimen-caption{display:block;padding:0 23px 27px}.field-observatory .specimen-description{font-size:15px}.field-interaction{margin-top:25px;padding-top:23px;max-width:none}.field-observatory .specimen-action{min-width:0;width:100%}.field-observatory .specimen-hint{max-width:none}.field-credits{margin-top:30px}.field-observatory .specimen-note{font-size:8px;line-height:1.7}}

.field-observatory picture.specimen-fallback img{display:block;width:100%;height:100%;object-fit:cover}