@charset "UTF-8";
/* One finished textile master, with its two earlier studies kept secondary. */
.study-grid[data-mode="planets"]{display:block;max-width:1060px}
.planet-master{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(210px,.65fr);gap:36px;align-items:center;margin:0}
.planet-master .planet-art-button{aspect-ratio:1;border:0;border-radius:0;overflow:visible;background:radial-gradient(ellipse at 49% 50%,#b4c1d411,transparent 64%);perspective:1100px;touch-action:pan-y;cursor:grab;outline-offset:8px}
.planet-master .planet-art-button:before{display:none}
.planet-master .planet-art{position:relative;z-index:1;transform:perspective(1100px) rotateX(var(--orbit-rx,0deg)) rotateY(var(--orbit-ry,0deg)) translate(var(--orbit-dx,0px),var(--orbit-dy,0px));transform-origin:50% 52%;transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .45s;filter:drop-shadow(calc(0px - var(--orbit-dx,0px)) 12px 16px #31415613);user-select:none;-webkit-user-drag:none}
.planet-master figcaption{text-align:left;padding:0;margin:0;letter-spacing:0}
.planet-master figcaption strong{font:400 clamp(28px,3vw,38px)/1.45 var(--serif);letter-spacing:.12em;padding-left:0}
.planet-master figcaption span{font-size:10px;letter-spacing:.2em;padding-left:0;margin-top:12px}
.planet-master figcaption small{font-size:12px;line-height:2;letter-spacing:.06em;padding-left:0;margin-top:25px;max-width:20em}
.master-interaction-hint{margin:23px 0 0;font:10px/1.8 var(--ui);letter-spacing:.04em;color:var(--muted)}
.planet-secondary-group{max-width:620px;margin:58px auto 0;border-top:1px solid var(--rule);padding-top:30px}
.planet-secondary-title{margin:0 0 22px;text-align:center;font:400 16px/1.5 var(--serif);letter-spacing:.15em;padding-left:.15em;color:var(--muted)}
.planet-secondary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px;max-width:480px;margin:auto}
.planet-secondary-grid .planet-study figcaption{font-size:16px}
.planet-secondary-grid .planet-art-button{border-radius:48% 48% 3px 3px}
:root[data-theme="dark"] .planet-master .planet-art-button{background:radial-gradient(ellipse at 50% 50%,#bdcfe10b,transparent 67%);border:0}
:root[data-theme="dark"] .planet-master .planet-art{filter:drop-shadow(calc(0px - var(--orbit-dx,0px)) 14px 20px #0c142938)}
/* The light is restricted to a narrow native path following the front ring. */
.planet-master .planet-art-button:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:calc(var(--orbit-light,0)*.5);background:radial-gradient(ellipse 14% 10% at var(--orbit-x,50%) var(--orbit-y,60%),#fff5e9cf,transparent 100%);-webkit-mask:url('./assets/museum-v5/platinum-ring-light.svg') center/100% 100% no-repeat;mask:url('./assets/museum-v5/platinum-ring-light.svg') center/100% 100% no-repeat;transform:perspective(1100px) rotateX(var(--orbit-rx,0deg)) rotateY(var(--orbit-ry,0deg)) translate(var(--orbit-dx,0px),var(--orbit-dy,0px));transition:opacity .45s,transform .5s cubic-bezier(.2,.7,.2,1);z-index:2}
#detail-dialog[data-content="planet"][data-planet="orbit"]{width:min(760px,calc(100dvh - 196px));padding:18px 12px 12px}
#detail-dialog[data-content="planet"][data-planet="orbit"] #detail-slot{aspect-ratio:auto;background:radial-gradient(ellipse at 50% 43%,#f4f1eb,#eae7e1)}
#detail-dialog[data-content="planet"][data-planet="orbit"] .planet-detail{height:auto;grid-template-rows:auto auto}
#detail-dialog[data-content="planet"][data-planet="orbit"] .planet-detail-art{height:auto;aspect-ratio:1}
#detail-dialog[data-content="planet"][data-planet="orbit"]>.close-button{width:44px;height:44px;border:1px solid #e9e7e34d;background:#28303cba;border-radius:50%;color:#fff9ed}
#detail-dialog[data-planet="orbit"] .planet-detail{perspective:1100px;touch-action:pan-y;outline-offset:4px}
#detail-dialog[data-planet="orbit"] .planet-detail-art{transform:perspective(1100px) rotateX(var(--orbit-rx,0deg)) rotateY(var(--orbit-ry,0deg)) translate(var(--orbit-dx,0px),var(--orbit-dy,0px));transition:transform .5s cubic-bezier(.2,.7,.2,1);transform-origin:50% 50%;user-select:none;-webkit-user-drag:none}
#detail-dialog[data-planet="orbit"] .planet-detail-caption{padding-bottom:17px}
#detail-dialog[data-planet="orbit"] .master-interaction-hint{margin-top:9px;font-size:9px}
:root[data-theme="dark"] #detail-dialog[data-planet="orbit"] #detail-slot{background:radial-gradient(ellipse at 48% 43%,#3b4250,#252c36)}
[data-orbit-state="engaged"] .planet-art,[data-orbit-state="engaged"] .planet-detail-art,#detail-dialog[data-planet="orbit"] [data-orbit-state="engaged"] .planet-detail-art{transition:transform .07s linear}
.planet-master [data-orbit-state="engaged"]:after{transition:opacity .1s,transform .07s linear}
@media(max-width:740px){
 .planet-master{grid-template-columns:1fr;gap:4px;max-width:520px;margin:auto}
 .planet-master figcaption{text-align:center;padding:0 10px}
 .planet-master figcaption strong{font-size:28px;padding-left:.12em}
 .planet-master figcaption span{font-size:9px;margin-top:7px;padding-left:.2em}
 .planet-master figcaption small{font-size:11px;margin:15px auto 0;max-width:none}
 .master-interaction-hint{margin-top:14px}
 .planet-secondary-group{margin-top:42px;padding-top:25px}
 .planet-secondary-grid{gap:17px}
 .planet-secondary-grid .planet-study figcaption{font-size:14px;margin-top:12px}
 .planet-secondary-grid .planet-study figcaption span{font-size:7px;letter-spacing:.08em}
 .planet-secondary-grid .planet-study figcaption small{font-size:8px}
}
@media(max-height:500px) and (min-width:600px){
 #detail-dialog[data-content="planet"][data-planet="orbit"]{width:min(680px,calc(100% - 40px))}
 #detail-dialog[data-content="planet"][data-planet="orbit"] .planet-detail{grid-template-columns:minmax(0,1.3fr) minmax(170px,.8fr);grid-template-rows:auto}
 #detail-dialog[data-content="planet"][data-planet="orbit"] .planet-detail-art{height:calc(100dvh - 100px);object-fit:contain}
 #detail-dialog[data-planet="orbit"] .planet-detail-caption{padding:12px}
 .planet-detail-caption .master-interaction-hint{font-size:8px;margin-top:5px}
}
@media(prefers-reduced-motion:reduce){.planet-master .planet-art,#detail-dialog[data-planet="orbit"] .planet-detail-art{transform:none!important;transition:none!important}.planet-master .planet-art-button:after{display:none}.master-interaction-hint{display:none}}
@media(forced-colors:active){.planet-master .planet-art-button{background:Canvas;border:1px solid CanvasText}.planet-master .planet-art-button:after{display:none}}