:root{--paper:#142b38;--ink:#ebe8e0;--muted:#a7a0ad;--red:#df9269;--line:#45404c;--tamil:'Noto Tamil',sans-serif}
body{background:linear-gradient(135deg,#2c4b54 0%,#142b38 42%,#18383c 100%);color:#ebe8e0}
.site-header{color:#e9e3df}.glass-nav{background:#1d3844c9;color:#c5d6d5;border-color:#b1d0cc2c;box-shadow:inset 0 1px #fff1,0 8px 30px #0002}.glass-nav a.active{background:#dce9df;color:#20363a}.brand{filter:drop-shadow(0 2px 10px #ffffff12)}
.music{padding-bottom:115px}.section-topline{position:relative;gap:20px}.section-topline .eyebrow{color:#aac3c5;font-size:12px}.section-topline h1{font-size:clamp(56px,7.4vw,106px);font-weight:500;letter-spacing:-.075em;line-height:1.1}.title-dot{color:#df9269}.record-note em,.record-note .mono{color:#a2c1be}.record-label{color:#b4cecb!important}.record-browse{color:#c0d5d0;margin-bottom:35px}.rack-rule{background:#96b7b933!important}.browse-controls output{color:#f0e9dd}.browse-controls output span{color:#91b6b4}.record-face{box-shadow:1px 1px 0 #9e8ca0,3px 4px 0 #292331,8px 20px 25px #0006}
.machine-perspective{position:relative}.music-console{color:#303238;background:linear-gradient(119deg,#a4a7a9 0%,#dadddc 15%,#f1f0e9 38%,#c9cac7 64%,#a3a6a6 100%);border:1px solid #f4f1e5;border-right-color:#797d81;border-bottom-color:#777c7e;border-radius:24px;box-shadow:inset 0 2px 1px #fff9,inset 1px 0 1px #fffb,inset -2px -2px 4px #22252c55,0 11px 0 -1px #6f7c80,0 13px 0 -1px #28373e,0 22px 15px -8px #0009,0 45px 45px -18px #0008;isolation:isolate;transform:none;padding:28px 30px 24px}
.music-console:before{content:'';position:absolute;inset:1px;border-radius:inherit;pointer-events:none;z-index:0;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:multiply}
.music-console> :not(.screw):not(.console-edge){position:relative;z-index:1}.console-top{margin-bottom:24px}.device-brand{color:#24282b}.device-brand .mono{color:#50565d;font-size:10px}.machine-slash{color:#6c7176}.speaker{opacity:.85;background:radial-gradient(circle,#3d444a 1px,#d5d7d2 1.5px,transparent 2px) 0 0/5px 5px}.screw{background:linear-gradient(130deg,#5c666b,#e8e8df 55%,#727a7e);box-shadow:0 1px 0 #fff,inset 0 1px 2px #2227}.screw:after{background:#465057}.console-bottom{color:#535861;font-size:9px}
.screen-bezel{padding:8px;border-color:#929996;background:linear-gradient(125deg,#596166,#c4c7c5 50%,#f5f4e9);box-shadow:inset 0 2px 3px #1118,0 1px #ffff}.console-display{min-height:230px;background:radial-gradient(ellipse at 65% 10%,#1b343b,#0b1013 75%);border:1px solid #07090d;color:#e5efd7;padding:17px 19px 13px;box-shadow:inset 0 3px 10px #000d,inset 0 0 30px #0008,0 1px #fff4}.console-display:after{background:linear-gradient(120deg,#ffffff08,transparent 40%,#b797ed06);z-index:3}.console-display .display-top{color:#a6c2bc;font-size:10px;margin-bottom:14px}.display-top #transport-indicator:before{background:#647071}.is-playing #transport-indicator:before{background:#bfdf65;box-shadow:0 0 5px #aeda65}.console-display #track-title{color:#eff1dd;font-size:clamp(23px,2.4vw,32px);max-width:100%;height:1.3em;text-shadow:0 0 6px #c7e29938}.console-display #track-subtitle{font-size:10px;color:#95b7ba;max-width:100%;margin-top:5px}.led-matrix{opacity:.42;background:radial-gradient(circle at 1px 1px,#0009 .65px,transparent 1px) 0 0/3px 3px!important;box-shadow:inset 0 0 8px #0008}
.signal-display{height:90px;position:relative!important;margin:13px 0 7px;overflow:hidden}.signal-display canvas{width:100%;height:70px;display:block}.signal-legend,.signal-meta{font:9px var(--mono);letter-spacing:.04em;color:#8a9a9a;position:absolute;bottom:0}.signal-meta{right:0;color:#bce176}.progress-row{font-size:11px;color:#bdd3d3;gap:9px}.progress-row input::-webkit-slider-runnable-track{background:#577f8766}.progress-row input::-webkit-slider-thumb{background:#ff824c;box-shadow:0 0 5px #ff824c66}.progress-row input::-moz-range-thumb{background:#ff824c}.progress-row input::-moz-range-track{background:#577f8766}
.machine-controls{justify-content:center;gap:36px}.knob-control{--knob:#56606c;--knob-light:#9ca4af;--knob-dark:#262d39}.knob-control.vermilion{--knob:#ea592a;--knob-light:#ff9560;--knob-dark:#9c321b}.knob-control.matcha{--knob:#83924a;--knob-light:#bccc79;--knob-dark:#4d5827}.knob-assembly{background:linear-gradient(140deg,#565e65,#e8e9df);box-shadow:0 1px #f8f7eb,inset 0 2px 4px #0005}.knob-body{box-shadow:inset 0 2px 2px #fffa,inset 0 -3px 5px #0006,1px 6px 0 var(--knob-dark),4px 11px 8px #0006,8px 15px 15px #2225}.knob-caption{color:#51575c;font-size:10px}.knob-caption output{color:#1e2529}.hardware-button{background:linear-gradient(140deg,#f2f1e8,#b9bebd);border-color:#f4f4ea #b1b7b9 #8c9597;color:#343e49;box-shadow:inset 0 1px 2px #fff,0 5px 0 #777f86,0 7px 0 #454e58,2px 12px 9px #1b202840;height:50px}.hardware-button:active{box-shadow:inset 0 1px #fff,0 1px #454e58,0 3px 4px #0004}.play-button{background:linear-gradient(140deg,#ff9360,#e95a26);border-color:#ffbc89 #e77540 #9b3c1e;color:#332623;box-shadow:inset 0 1px 2px #ffd7ae,0 5px 0 #a84420,0 7px 0 #64331f,2px 12px 9px #53241150}.play-button:hover{background:linear-gradient(140deg,#ffa272,#f37136);color:#241e1a}.comments-button span{font-size:8px}.comments-button[aria-expanded=true]{background:linear-gradient(140deg,#dce5d9,#abc6bd);color:#284b4e}.native-player{border-color:#777e7d55}.embed-heading,#player-message{color:#484e55;font-size:10px}.native-player a:hover{color:#ad401c}
#work{background:linear-gradient(150deg,#193d47,#102731 55%,#1c343b);color:#eee9e0;border-top:1px solid #33545c;padding-top:80px}#work .gallery-header h2 em{color:#abd0c1}#work .eyebrow{color:#96b9be}#work .visual-tools{padding-bottom:32px}#work .visual-tools .tool-name{color:#d0e0d6}#work .tool-name:nth-child(2),#work .tool-name:nth-child(4){color:#b8c9a1}#work .tool-name:before{color:#cf9775}#work .tool-name:hover{color:#e9ae86}
#work .view-switch{border-color:#94b9b644;color:#aecbca}#work .view-switch button.active{background:#b5cec0;color:#203d44}#work .gallery-navigation{border-color:#9ab9af26;color:#9ab5bc}#work .gallery-navigation>span,#work #reset-view{color:#afc9c9}#work .gallery-pager button{border-color:#96babb55}#work .gallery-labels .portal-caption{bottom:88px;padding:9px 20px;border-radius:30px;background:#2b2336a8;border:1px solid #c2a5d12b;backdrop-filter:blur(16px)}#work .portal-caption span{font:500 clamp(16px,2vw,24px)/1.2 var(--sans)}#work .portal-caption small{color:#c3accf}
#work .gallery-stage.index-mode .art-panel,#work .gallery-stage:not(.webgl-ready) .art-panel{border-radius:22px;overflow:hidden;background:#1c3a43;isolation:isolate;box-shadow:0 18px 32px -20px #000c;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;transform:perspective(1100px) rotateX(var(--card-x,0deg)) rotateY(var(--card-y,0deg))}
#work .gallery-stage .art-panel img{display:block;width:100%;height:auto;object-fit:contain;transform:none!important;border-radius:inherit}#work .gallery-stage .art-panel:after{content:'';position:absolute;inset:50% 0 0;z-index:0;pointer-events:none;background:linear-gradient(transparent,#100e1777)}
#work .gallery-stage .art-panel>span{position:absolute;top:18px;left:18px;right:18px;padding:14px 16px!important;margin:0;display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:5px!important;background:linear-gradient(115deg,#1c3d46bd,#112b3466);border:1px solid #fff2!important;border-radius:12px;backdrop-filter:blur(12px);z-index:1;box-shadow:0 5px 20px #0001;transition:transform .4s,background .4s}
#work .gallery-stage .art-panel strong{font:500 clamp(16px,1.7vw,24px)/1.16 var(--sans)!important;color:#fff8ed!important;letter-spacing:-.03em;text-align:left}#work .gallery-stage .art-panel small{font:10px var(--mono)!important;color:#c6ddd3!important}#work .gallery-stage .art-panel:hover>span{transform:translateY(4px);background:#203e46e6}#work .gallery-stage .art-panel:hover{box-shadow:0 25px 45px -16px #000b}.art-card-footer{position:absolute;bottom:17px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;z-index:1;color:white;font:10px var(--mono);letter-spacing:.1em}
#process{background:linear-gradient(140deg,#223b3e,#283b3b 65%,#334541);color:#dfded5;border:0}#process .process-strip .eyebrow{color:#acc8b4}#process .process-strip p{color:#e3e4d7}#process .process-strip p span{color:#c4d789}.spatial-caption h3{color:#e8e5dc}.spatial-caption a,.spatial-number{color:#b6baa7}.spatial-image img{box-shadow:0 25px 40px -22px #000b}.writing{background:linear-gradient(140deg,#213541,#283a40 75%,#3d443f);color:#e4d8dc}.writing .eyebrow{color:#a9c4c6}.writing h2 em{color:#d7b393}.article-leaf{background:#dedbd1;color:#332c35;border-top-color:#ce7769}.article-leaf:nth-child(even){border-top-color:#6c9997}.article-excerpt{color:#4c6262}.writing-link{color:#b6d0ce}footer{background:#142b38;color:#acc5c8;border-color:#385961}.mini-player,.catalog-dialog{--ink:#2a2d31;color:#2a2d31}.catalog-track.active{color:#ab4324}
.type-reveal{animation:type-rise .85s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--reveal-delay,0ms)}@keyframes type-rise{from{opacity:0;transform:translateY(28px) rotate(2deg);filter:blur(3px)}to{opacity:1;transform:translateY(0) rotate(0);filter:blur(0)}}
@media(max-width:1000px){.music-console{padding:25px 23px 22px}.machine-main{gap:23px}.machine-controls{gap:29px}.console-display{padding:15px}.knob-caption{font-size:9px}}
@media(max-width:700px){.music{padding-top:145px;padding-bottom:85px;padding-left:22px;padding-right:22px}.section-topline h1{font-size:57px}.section-topline .eyebrow{font-size:10px}.record-note{align-self:center}.record-note em{font-size:17px}.music-console{padding:22px 18px 21px;border-radius:20px}.device-brand .mono{font-size:8px}.console-top{gap:9px}.speaker{width:48px}.console-display{min-height:222px;padding:14px 13px 12px}.console-display #track-title{font-size:24px;height:32px}.console-display #track-subtitle{font-size:9px}.machine-controls{gap:29px}.knob-caption{font-size:9px}.console-bottom{font-size:8px;line-height:1.8}.signal-display{height:85px}.signal-display canvas{height:65px}.hardware-button{height:48px}.comments-button span{font-size:7px}#work .gallery-header h2{font-size:39px}#work .gallery-labels .portal-caption{bottom:119px;padding:9px 14px}#work .portal-caption span{max-width:60vw}#work .gallery-stage.index-mode .gallery-fallback{columns:2;column-gap:14px}#work .gallery-stage .art-panel{border-radius:14px}#work .gallery-stage .art-panel>span{top:8px;left:8px;right:8px;padding:9px!important;border-radius:8px;gap:3px!important}#work .gallery-stage .art-panel strong{font-size:14px!important}#work .gallery-stage .art-panel small{font-size:9px!important}.art-card-footer{bottom:10px;left:13px;right:13px;font-size:8px}#process .process-strip{gap:14px}.writing h2{font-size:47px}}
@media(max-width:390px){.music{padding-left:16px;padding-right:16px}.console-bottom{font-size:7px}#work .gallery-stage.index-mode .gallery-fallback{columns:1}#work .gallery-stage .art-panel strong{font-size:22px!important}#work .gallery-stage .art-panel>span{inset:15px 15px auto;padding:14px!important}.art-card-footer{font-size:10px}}
@media(prefers-reduced-motion:reduce){.type-reveal{animation:none}#work .gallery-stage .art-panel{transform:none!important}}
.motion-paused .type-reveal{animation:none}.motion-paused #work .gallery-stage .art-panel{transform:none!important}

.transport-row{grid-template-columns:repeat(4,minmax(0,1fr))}.comments-button svg{width:21px;height:21px}.art-card-footer{justify-content:flex-end}