.bridge-graphic.sculpture-panel{background:#ededed;color:#1e1e1e;display:flex;flex-direction:column;min-height:780px;padding:30px clamp(22px,3vw,48px);overflow:hidden;--sculpt-x:0deg;--sculpt-y:0deg;--sculpt-accent:#757575}
.sculpture-heading,.sculpture-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;font:9px var(--mono);letter-spacing:.12em;color:#5d5d5d}
.sculpture-heading{border-bottom:1px solid #38383826;padding-bottom:19px}
.sculpture-stage{position:relative;width:100%;height:clamp(330px,36vw,530px);display:grid;place-items:center;perspective:1000px;cursor:grab;touch-action:pan-y;isolation:isolate}
.sculpture-stage:active{cursor:grabbing}.sculpture-stage:focus-visible{outline:1px solid #393939;outline-offset:2px}
.sculpture-stage .sculpture-image{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;user-select:none;-webkit-user-drag:none;transform:rotateX(var(--sculpt-x)) rotateY(var(--sculpt-y));transition:transform .12s linear}
.sculpture-float{width:min(100%,480px);height:100%;animation:sculpture-drift 12s ease-in-out infinite;mix-blend-mode:multiply;will-change:transform}
.sculpture-orbit{position:absolute;width:72%;aspect-ratio:1;border:1px solid #42424217;border-radius:50%;transform:rotateX(66deg) translateY(14%);z-index:-1}
.sculpture-instruction{font:8px var(--mono);color:#676767;letter-spacing:.15em;text-align:center;margin:-3px 0 24px}.sculpture-instruction span{margin:0 8px}
.sculpture-selectors{display:flex;border-bottom:1px solid #37373729;gap:20px}.sculpture-selectors button{border:0;border-bottom:2px solid transparent;background:transparent;padding:15px 0;color:#6e6e6e;font:10px var(--mono);letter-spacing:.08em;cursor:pointer;flex:1;text-align:left;transition:color .25s,border-color .25s}
.sculpture-selectors button[aria-pressed="true"]{color:#232323;border-bottom-color:var(--sculpt-accent)}
.sculpture-caption{min-height:110px;padding:22px 0}.sculpture-caption h3{font-size:clamp(25px,2.8vw,40px);line-height:1.1;letter-spacing:-.045em;font-weight:500;margin:0 0 12px}.sculpture-caption p{font-size:12px;line-height:1.6;color:#5f5f5f;margin:0;max-width:42ch}
.sculpture-footer{margin-top:auto;border-top:1px solid #37373729;padding-top:16px;font-size:8px}.sculpture-footer>div{display:flex;gap:14px}.sculpture-footer button{padding:8px 0;border:0;border-bottom:1px solid #5f5f5f;background:transparent;color:#393939;font:9px var(--mono);cursor:pointer}
.sculpture-panel button:focus-visible{outline:2px solid #282828;outline-offset:4px}
.sculpture-panel.is-paused .sculpture-float,.sculpture-panel:not(.is-visible) .sculpture-float{animation-play-state:paused!important}
@keyframes sculpture-drift{0%,100%{transform:translateY(0) rotate(-3deg) scale(.96)}50%{transform:translateY(-10px) rotate(3deg) scale(1)}}
@media(max-width:720px){.bridge-graphic.sculpture-panel{min-height:700px;padding:24px}.sculpture-heading{font-size:8px}.sculpture-heading span:last-child{max-width:90px;text-align:right}.sculpture-selectors{gap:8px}.sculpture-selectors button{font-size:9px}.sculpture-stage{height:360px}.sculpture-footer{align-items:flex-start}.sculpture-footer>span{max-width:100px;line-height:1.6}}
@media(prefers-reduced-motion:reduce){.sculpture-float{animation:none!important}.sculpture-stage .sculpture-image{transition:none}}

/* Genus-three magnetic field replacement. */
.bridge-graphic.sculpture-panel{background:#0c0c0c;color:#e7e7e7;--sculpt-accent:#cacaca;padding:28px clamp(18px,3vw,42px)}
.sculpture-heading,.sculpture-footer{color:#a5a5a5;border-color:#c2c2c229}
.sculpture-stage{height:clamp(360px,40vw,580px);margin:0;overflow:hidden}
.sculpture-stage canvas{display:block;width:100%;height:100%;background:#0c0c0c}
.sculpture-instruction{color:#979797;margin:8px 0 20px}
.sculpture-selectors{border-color:#bcbcbc2c}.sculpture-selectors button{color:#9e9e9e}.sculpture-selectors button[aria-pressed="true"]{color:#eaeaea}
.sculpture-caption p{color:#a8a8a8}.sculpture-footer button{color:#cfcfcf;border-color:#848484}
.sculpture-panel button:focus-visible,.sculpture-stage:focus-visible,.magnetic-controls input:focus-visible{outline:2px solid #dbdbdb;outline-offset:4px}
.magnetic-controls{display:grid;grid-template-columns:1fr auto;gap:12px 22px;align-items:center;border-top:1px solid #c2c2c229;padding-top:16px;font:9px var(--mono);letter-spacing:.1em;color:#cccccc}
.magnetic-controls label{display:flex;justify-content:space-between;gap:12px}.magnetic-controls input{grid-row:2;width:100%;accent-color:#cfcfcf;cursor:pointer}.magnetic-controls button{grid-column:2;grid-row:1/3;border:1px solid #7e7e7e;color:#d4d4d4;background:transparent;font:9px var(--mono);padding:12px;cursor:pointer}
.magnetic-note{font:8px/1.5 var(--mono);letter-spacing:.04em;color:#979797;margin:12px 0 15px}
@media(max-width:720px){.sculpture-stage{height:370px}.magnetic-controls{column-gap:14px}.magnetic-controls button{font-size:8px;padding:10px}}

/* Monochrome GEO field study. */
.bridge-graphic.sculpture-panel{background:#0a0a0a;color:#e6e6e6;--sculpt-accent:#d2d2d2}
.sculpture-stage canvas{background:#0a0a0a}
.sculpture-heading,.sculpture-footer,.sculpture-instruction,.sculpture-caption p,.magnetic-note{color:#a4a4a4}
.sculpture-selectors button{color:#9b9b9b}.sculpture-selectors button[aria-pressed="true"]{color:#eeeeee}
.magnetic-controls,.magnetic-controls button,.sculpture-footer button{color:#d2d2d2;border-color:#737373}
.magnetic-controls input{accent-color:#d2d2d2}
.sculpture-panel button:focus-visible,.sculpture-stage:focus-visible,.magnetic-controls input:focus-visible{outline-color:#eeeeee}