/* STRENG / EXPLORER — artwork provides the colours */
.dse[hidden]{display:none!important}
.dse{position:fixed!important;inset:0!important;z-index:2147482400;overflow:hidden;isolation:isolate;background:#141515;color:#f3f2ef;font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.dse *{box-sizing:border-box}
.dse::before{content:'';position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 20% 28%,#434440,transparent 42%),radial-gradient(ellipse at 81% 72%,#38393a,transparent 43%),#141515;opacity:.55;animation:dse-air 25s ease-in-out infinite alternate}
@keyframes dse-air{from{transform:scale(1) translate(-2%,-1%)}to{transform:scale(1.12) translate(2%,1.5%)}}
.dse button{cursor:pointer;color:inherit;font-family:inherit}
.dse button:focus-visible{outline:2px solid #fff;outline-offset:4px}
.dse-header{position:absolute;inset:0 0 auto;z-index:20;min-height:88px;padding:20px clamp(20px,3vw,55px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(#080808e6,transparent)}
.dse-identity{font-size:13px;font-weight:500;letter-spacing:-.045em;white-space:nowrap;line-height:1}
.dse-identity b{font-weight:900}.dse-identity>span{opacity:.4;padding:0 8px}.dse-identity small{display:block;font-size:9px;font-weight:700;letter-spacing:.1em;opacity:.48;padding-top:9px}
.dse-modes{display:flex;justify-content:center;gap:7px;min-width:0;flex-wrap:wrap}
.dse-modes button{background:transparent;border:0;border-bottom:2px solid transparent;padding:11px;font-size:10px;font-weight:650;letter-spacing:.03em;white-space:nowrap}
.dse-modes button b{font-weight:900;margin-left:3px}.dse-modes button:hover{background:#ffffff19}.dse-modes button.is-active{border-bottom-color:#eee;background:#ffffff19}
.dse-exit{border:1px solid #ffffff66;border-radius:30px;background:#08080866;font-size:10px;font-weight:850;letter-spacing:.06em;display:flex;align-items:center;gap:16px;min-height:42px;padding:7px 8px 7px 17px;white-space:nowrap}
.dse-exit span{font-size:26px;font-weight:300;line-height:.8}
.dse-intro{position:absolute;top:clamp(104px,12vh,138px);left:clamp(22px,4vw,75px);right:25px;z-index:6;pointer-events:none}
.dse-kicker{font-size:10px;font-weight:750;letter-spacing:.15em;color:#b9b9b6}
.dse-heading{font-size:clamp(25px,3.25vw,55px);line-height:.95;font-weight:880;letter-spacing:-.07em;margin:8px 0}
.dse-description{margin:0;max-width:515px;font-size:12px;line-height:1.45;color:#c1c1bb}
.dse-scene{position:absolute;inset:180px 0 80px;overflow:hidden;z-index:2}.dse-stage{height:100%;position:relative}
.dse-bottom{position:absolute;inset:auto 0 0;z-index:10;display:flex;align-items:center;gap:20px;min-height:74px;padding:10px clamp(20px,3vw,55px);background:linear-gradient(transparent,#090a0ae8);font-size:10px;font-weight:750;letter-spacing:.07em}
.dse-range{font-variant-numeric:tabular-nums;white-space:nowrap}
.dse-actions{display:flex;gap:7px;margin:auto;justify-content:center;flex-wrap:wrap}
.dse-action,.dse-nextgroup{background:#252625aa;border:1px solid #ffffff55;border-radius:0;min-height:41px;padding:10px 13px;font-size:10px;font-weight:800;letter-spacing:.04em;white-space:nowrap;transition:background .25s,color .25s}
.dse-action:hover,.dse-nextgroup:hover{background:#f3f3f0;color:#111}.dse-nextgroup span{padding-left:12px;font-size:17px}.dse-nextgroup:disabled{opacity:.3}
.dse-message{position:absolute;z-index:20;top:50%;left:50%;transform:translate(-50%,-50%);font-size:13px;pointer-events:none;text-shadow:0 3px 12px #000}.dse-message:empty{display:none}
.dse-empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:.7}
.dse-selection{position:absolute;z-index:16;left:clamp(20px,3vw,55px);bottom:79px;display:flex;align-items:center;gap:15px;max-width:min(620px,75vw);padding:14px 16px;background:#111e;border:1px solid #ffffff44;backdrop-filter:blur(20px)}
.dse-selection[hidden]{display:none!important}.dse-selection__text{display:flex;flex-direction:column;gap:4px;min-width:0}
.dse-selection__text strong{font-size:15px;font-weight:850;line-height:1.15}.dse-selection__text span{font-size:11px;color:#c1c1bd}
.dse-inspect{background:#eee;border:0;color:#151515!important;padding:11px 14px;min-height:43px;font-size:10px;font-weight:850;white-space:nowrap}
.dse-trigger{border-left:1px solid #777!important;margin-left:9px!important;padding-left:16px!important;color:#111!important}.dse-trigger:hover{background:#252525!important;color:#fff!important}
/* CONSTELLATION — real posters with breathable motion */
.dse-stars{position:absolute;inset:0;overflow:hidden;cursor:grab;touch-action:none}.dse-stars:active{cursor:grabbing}
.dse-stars__map{position:absolute;inset:0;transform-origin:center;will-change:transform;transition:transform .28s cubic-bezier(.2,.75,.2,1)}
.dse-stars__lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:.25}.dse-stars__lines line{stroke:#c2c2bc;stroke-width:.8;stroke-dasharray:1 7}
.dse-star{position:absolute;min-width:40px;width:var(--star-size,100px);height:calc(var(--star-size,100px)*1.41);padding:0;border:1px solid #ffffff48;background:#212121;box-shadow:0 13px 33px #0008;transform:translate(-50%,-50%) rotate(var(--spin,0deg));transition:filter .25s,box-shadow .25s,border-color .25s;animation:dse-float 8s ease-in-out infinite alternate;animation-delay:var(--star-delay,0s)}
.dse-star img{width:100%;height:100%;object-fit:contain;display:block;pointer-events:none}
.dse-star:hover,.dse-star:focus-visible,.dse-star.is-selected{border-color:#fff;filter:brightness(1.19);box-shadow:0 17px 45px #000d;z-index:40}
@keyframes dse-float{from{translate:0 -5px}to{translate:0 7px}}
/* TABLE LUMINEUSE — drag with pointer, align and shuffle */
.dse-table{position:absolute;inset:0 3%;overflow:hidden;touch-action:pan-y}
.dse-table::before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:47px 47px;mask-image:linear-gradient(0deg,#000,transparent 96%)}
.dse-sheet{position:absolute;translate:-50% -50%;width:clamp(87px,12.5vw,184px);height:clamp(117px,18vw,260px);padding:0;border:1px solid #ffffff60;background:#161717;box-shadow:0 16px 31px #000a;touch-action:none;transition:left .6s cubic-bezier(.2,.8,.2,1),top .6s cubic-bezier(.2,.8,.2,1),rotate .65s cubic-bezier(.2,.8,.2,1)}
.dse-sheet img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none}.dse-sheet.is-dragging{transition:none;box-shadow:0 32px 65px #000d;cursor:grabbing}.dse-sheet:hover,.dse-sheet.is-selected{outline:2px solid #eee;outline-offset:3px}
/* SPECTRE — hue values calculated from the WordPress thumbnails */
.dse-spectrum{position:absolute;inset:0;display:flex;flex-direction:column;padding:0 clamp(22px,4vw,75px) 6px;gap:23px}
.dse-spectrum__control{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.dse-spectrum__label{font-size:clamp(12px,1.1vw,17px);font-weight:850;white-space:nowrap;width:175px}
.dse-spectrum__range{flex:1;min-width:0;appearance:none;-webkit-appearance:none;height:25px;border:0;border-radius:0;background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:pointer}
.dse-spectrum__range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:8px;height:36px;background:#fff;border:2px solid #171717;box-shadow:0 0 0 1px #fff9}
.dse-spectrum__range::-moz-range-thumb{width:8px;height:36px;background:#fff;border:1px solid #171717;border-radius:0}
.dse-spectrum__neutral{background:#171717;border:1px solid #ffffff7d;min-height:43px;font-size:10px;font-weight:850;letter-spacing:.08em;padding:8px 15px;white-space:nowrap}
.dse-spectrum__neutral[aria-pressed=true]{background:#eee;color:#171717}
.dse-spectrum__grid{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:10px;align-content:start;min-height:0;overflow:auto;scrollbar-color:#777 transparent;padding:3px 0 12px}
.dse-spectrum__work{position:relative;min-width:0;min-height:150px;display:flex;flex-direction:column;align-items:stretch;padding:0;border:1px solid #ffffff34;background:#222;overflow:hidden}
.dse-spectrum__work img{width:100%;height:clamp(102px,19vh,210px);object-fit:contain;min-width:0;flex:1;min-height:0}
.dse-spectrum__worktext{font-weight:750;font-size:11px;letter-spacing:-.03em;line-height:1.2;padding:8px 6px 10px;min-height:36px;text-align:center}
.dse-spectrum__swatch{position:absolute;left:0;top:0;width:100%;height:4px;z-index:1}
.dse-spectrum__work:hover,.dse-spectrum__work.is-selected{border-color:#fff;filter:brightness(1.12)}
.dse-spectrum__empty{font-size:14px;opacity:.72;line-height:1.5;max-width:340px}
/* ECHOS — measured relationships and a central reference */
.dse-echoes{position:absolute;inset:0;overflow:hidden}
.dse-echoes__nucleus{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:12px;width:min(27vw,410px);height:90%;z-index:4;pointer-events:none}
.dse-echoes__hero{width:100%;flex:1;min-height:0;padding:0;border:0;background:transparent;pointer-events:auto}
.dse-echoes__hero img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 20px 22px #000b)}
.dse-echoes__name{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;max-width:100%;flex:0 0 auto}
.dse-echoes__name strong{font-size:clamp(15px,1.5vw,24px);line-height:1.1;letter-spacing:-.05em}.dse-echoes__name span{font-size:11px;color:#bbb}
.dse-echoes__satellite{position:absolute;z-index:3;width:clamp(90px,14vw,205px);height:clamp(110px,25vh,230px);padding:0;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;gap:5px;opacity:.73;transition:opacity .3s,transform .4s cubic-bezier(.2,.8,.2,1);transform:translate(-50%,-50%)}
.dse-echoes__satellite:hover,.dse-echoes__satellite:focus-visible{opacity:1;transform:translate(-50%,-50%) scale(1.09);z-index:5}
.dse-echoes__satellite img{max-width:100%;max-height:calc(100% - 26px);width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 20px #000a)}
.dse-echoes__reason{font-size:9px;letter-spacing:.07em;font-weight:800;text-align:center;white-space:nowrap}
.dse-echoes__satellite:nth-of-type(1){left:17%;top:18%}
.dse-echoes__satellite:nth-of-type(2){left:83%;top:18%}
.dse-echoes__satellite:nth-of-type(3){left:9%;top:52%}
.dse-echoes__satellite:nth-of-type(4){left:91%;top:52%}
.dse-echoes__satellite:nth-of-type(5){left:23%;top:86%}
.dse-echoes__satellite:nth-of-type(6){left:77%;top:86%}
.dse-stage>*{animation:dse-reveal .55s cubic-bezier(.2,.8,.2,1) both}
@keyframes dse-reveal{from{opacity:.35;filter:blur(9px)}to{opacity:1;filter:blur(0)}}
@media(max-width:1140px){
 .dse-header{gap:9px;padding:14px 22px;min-height:99px}
 .dse-identity small{display:none}
 .dse-modes button{font-size:9px;padding:9px 6px}
 .dse-exit{font-size:9px}.dse-spectrum__grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@media(max-width:700px){
 .dse-header{align-items:flex-start;flex-wrap:wrap;padding:11px 14px 7px;gap:5px;min-height:117px}
 .dse-identity{font-size:11px;margin-top:10px}
 .dse-exit{margin-left:auto;min-height:36px;padding:6px 7px 6px 12px}
 .dse-modes{width:100%;order:3;justify-content:space-between;gap:0}
 .dse-modes button{padding:11px 2px;font-size:9px;letter-spacing:0}
 .dse-modes button b{font-size:9px;margin-left:1px}
 .dse-intro{top:135px;left:18px;right:12px}
 .dse-heading{font-size:30px;margin:5px 0}.dse-description{font-size:11px;line-height:1.35;max-width:315px}
 .dse-scene{inset:236px 0 112px}
 .dse-bottom{min-height:104px;padding:9px 12px 16px;gap:5px;flex-wrap:wrap;justify-content:space-between;align-content:center}
 .dse-actions{order:3;width:100%;gap:4px;justify-content:center}
 .dse-action{min-height:36px;font-size:9px;padding:8px}
 .dse-nextgroup{min-height:36px;font-size:9px;padding:7px 8px}.dse-nextgroup span{padding-left:4px}
 .dse-range{font-size:9px}
 .dse-selection{bottom:108px;left:9px;right:9px;max-width:none;padding:10px;gap:8px;justify-content:space-between}
 .dse-inspect{min-height:38px;padding:8px 9px;font-size:9px}
 .dse-star{min-width:30px;width:calc(var(--star-size,100px)*.56);height:calc(var(--star-size,100px)*.78)}
 .dse-table{inset:0 1%}.dse-sheet{width:clamp(72px,23vw,108px);height:clamp(98px,31vw,148px)}
 .dse-spectrum{padding:0 12px;gap:12px}.dse-spectrum__control{flex-wrap:wrap;gap:10px}
 .dse-spectrum__label{width:auto;flex:1;font-size:12px}
 .dse-spectrum__range{order:3;flex-basis:100%;height:18px}
 .dse-spectrum__neutral{min-height:35px;padding:5px 9px}
 .dse-spectrum__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
 .dse-spectrum__work{min-height:125px}.dse-spectrum__work img{height:105px}.dse-spectrum__worktext{font-size:10px}
 .dse-echoes__nucleus{width:45vw;height:76%;top:48%}.dse-echoes__name strong{font-size:14px}.dse-echoes__name span{font-size:9px}
 .dse-echoes__satellite{width:25vw;height:19vh;opacity:.79}
 .dse-echoes__satellite:nth-of-type(1){left:15%;top:15%}.dse-echoes__satellite:nth-of-type(2){left:85%;top:15%}
 .dse-echoes__satellite:nth-of-type(3){left:12%;top:48%}.dse-echoes__satellite:nth-of-type(4){left:88%;top:48%}
 .dse-echoes__satellite:nth-of-type(5){left:22%;top:82%}.dse-echoes__satellite:nth-of-type(6){left:78%;top:82%}
 .dse-echoes__reason{font-size:8px;max-width:100%;white-space:normal}
}
@media(prefers-reduced-motion:reduce){
 .dse::before,.dse-star,.dse-stage>*{animation:none!important}
 .dse *{transition-duration:.01ms!important}
}

@media(min-width:701px){.dse-scene{top:230px}}
@media(max-width:700px){
 .dse-scene{top:272px;bottom:113px}
 .dse-echoes__satellite:nth-of-type(1),.dse-echoes__satellite:nth-of-type(2){top:24%}
 .dse-echoes__nucleus{top:49%;height:77%}
}