.music-console{box-shadow:inset 0 1px 1px #fff,inset 0 -1px 2px #65725e55,0 4px 0 -1px #a5b19b,0 7px 8px -4px #283c3652,0 22px 30px -17px #283c3647;transform:none}
.music{padding-bottom:62px}
.console-display #track-title{text-overflow:clip}
#track-title>span{display:inline-block;white-space:nowrap}
#track-title.scrolling-title>span{animation:title-travel var(--title-duration,12s) linear infinite alternate}
@keyframes title-travel{0%,15%{transform:translateX(0)}85%,100%{transform:translateX(var(--title-travel))}}
.motion-paused #track-title>span{animation-play-state:paused}
.gallery-stage.index-mode,.gallery-stage.webgl-ready.index-mode{height:auto;min-height:0;max-height:none;overflow:visible}
.gallery-stage.index-mode .gallery-fallback{height:auto;visibility:visible;display:grid;align-content:start}
.gallery-stage.index-mode .gallery-fallback .art-panel{display:block;visibility:visible;transform:none}
.visual-tools{display:flex;flex-wrap:wrap;gap:8px;padding:0 6vw 28px;font:12px/1.8 var(--mono);color:var(--indigo)}
.visual-tools span{color:#89947f}
.spatial-pair{align-items:start;gap:65px 7%;grid-template-columns:repeat(2,minmax(0,1fr))}
.project-stack{min-width:0;position:relative}
.stack-cover{display:block;width:100%;text-align:left;padding:0;perspective:1000px}
.stack-sheets{position:relative;display:block;aspect-ratio:16/10;margin:30px 14px 0 0}
.stack-sheets img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:1px solid #f5f7ec;box-shadow:0 12px 24px -12px #283c3660;transform:translate(calc(var(--sheet)*5px),calc(var(--sheet)*-6px)) rotate(calc(var(--sheet)*1.3deg));transition:transform .4s}
.stack-cover:hover .stack-sheets img{transform:translate(calc(var(--sheet)*7px),calc(var(--sheet)*-9px)) rotate(calc(var(--sheet)*1.7deg))}
.stack-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:22px 0;font-size:20px}
.stack-caption small{font:11px var(--mono);color:var(--muted)}
.stack-expanded{display:grid;gap:18px;padding:10px 0 25px}
.stack-expanded button{padding:0;width:100%}.stack-expanded img{width:100%;height:auto;box-shadow:0 10px 20px -15px #26392d66}
.spatial-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 45px;padding:25px 8vw 0;max-width:1440px;margin:auto}
.spatial-links a{padding:22px 0;border-top:1px solid #aab59c;font-size:20px;display:flex;justify-content:space-between;gap:15px}.spatial-links small{font:11px var(--mono);align-self:center}
.writing{padding:65px 8vw 80px;background:#334a61;color:#edf0db;position:relative;overflow:hidden}
.writing h2{font:500 clamp(40px,6vw,76px)/1 var(--sans);letter-spacing:-.05em}.writing h2 em{color:#c6d5b8}
.writing-link{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:35px;padding:24px 0;border-top:1px solid #cedcb65e;font-size:clamp(20px,3vw,36px)}
.writing-link small{font:12px var(--mono);color:#c6d5b8}
.article-shelf{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:45px;perspective:1400px}
.article-leaf{padding:24px;background:#edf0df;color:#293d4b;box-shadow:8px 12px 0 #243e53,14px 20px 25px #172f4355;transform:rotate(-2deg);transition:transform .3s;min-height:240px;display:flex;flex-direction:column;justify-content:space-between;gap:30px}
.article-leaf:nth-child(even){transform:translateY(20px) rotate(2deg)}.article-leaf:hover{transform:translateY(-8px) rotate(0)}.article-leaf h3{font:400 30px/1.05 var(--serif);margin:0}.article-leaf small{font:11px var(--mono)}
@media(max-width:700px){.music{padding-bottom:45px}.visual-tools{padding:0 24px 24px;font-size:11px;gap:5px}.spatial-pair{grid-template-columns:1fr;gap:28px;padding:0 30px}.spatial-links{grid-template-columns:1fr;padding:20px 30px 0}.writing{padding:45px 25px 60px}.writing-link{flex-wrap:wrap}.article-shelf{grid-template-columns:1fr;gap:35px}.glass-nav a{padding:9px 9px}.glass-nav{top:76px}.site-header{height:70px}.music{padding-top:140px}}