@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/dm-sans-400.woff2) format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/dm-sans-500.woff2) format('woff2');
}
@font-face {
  font-family: 'DM Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/dm-sans-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/manrope-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/manrope-800.woff2) format('woff2');
}

:root{--bg:#101010;--paper:#f5f4ee;--ink:#151515;--muted:#c3c4bc;--line:#32322f;--amber:#e4a62c;--blue:#182b42;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope',Arial,sans-serif;--serif:Georgia,'Times New Roman',serif;--ease:cubic-bezier(.19,1,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--bg);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.6;overflow-x:hidden}button,a,input,select{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;font-family:var(--display);font-weight:500;letter-spacing:-.05em}em{font-family:var(--serif);font-weight:400;letter-spacing:-.055em}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:6px}::selection{background:var(--amber);color:var(--ink)}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.13em;line-height:1.55;text-transform:uppercase}.amber{color:var(--amber)}.dim{color:var(--muted)}.section-pad{padding:100px 6vw}.section-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:48px}.section-title{font-size:clamp(40px,5.1vw,84px);letter-spacing:-.065em;line-height:1.1}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 24px;font-size:14px;font-weight:600;border:1px solid var(--paper);transition:background .25s,color .25s,transform .25s;border-radius:0}.button.light{background:var(--paper);color:var(--ink)}.button.light:hover{background:var(--amber);border-color:var(--amber);transform:translateY(-3px)}.text-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;font-size:14px;font-weight:500;border-bottom:1px solid #686863;padding:10px 0;transition:color .2s,border-color .2s}.text-link:hover{color:var(--amber);border-color:var(--amber)}.text-link>span{font-size:25px;line-height:1}.text-link .play-small{font-size:12px}.skip-link{position:fixed;top:-100px;z-index:99;background:var(--paper);color:var(--ink);padding:16px}.skip-link:focus{top:0}.topbar{height:86px;display:flex;align-items:center;gap:38px;padding:0 4vw;position:absolute;top:0;left:0;right:0;z-index:20;border-bottom:1px solid #ffffff21}.wordmark{font-family:var(--display);font-size:36px;font-weight:800;letter-spacing:-.065em;line-height:1}.wordmark>span{color:var(--amber)}.topbar nav{margin-left:auto;display:flex;gap:30px;font-size:14px}.topbar nav a{position:relative}.topbar nav a:after{content:'';height:1px;left:0;right:100%;bottom:-8px;position:absolute;background:var(--amber);transition:right .35s}.topbar nav a:hover:after{right:0}.sound-toggle{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.07em;border:1px solid #66655e;min-height:37px;padding:8px 11px}.sound-bars{display:flex;align-items:center;gap:2px;height:14px}.sound-bars i{width:2px;background:var(--amber);height:3px;transition:height .3s}.sound-bars i:nth-child(2){height:8px}.sound-bars i:nth-child(3){height:12px}.sound-bars i:nth-child(4){height:6px}.sound-toggle[aria-pressed=true] .sound-bars i{animation:bars .8s ease-in-out infinite alternate}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(2){animation-delay:.2s}.sound-toggle[aria-pressed=true] .sound-bars i:nth-child(3){animation-delay:.4s}.menu-toggle{display:none}.mobile-nav{position:fixed;inset:75px 0 auto;z-index:30;background:#161616;padding:30px 6vw;border-bottom:1px solid var(--line)}.mobile-nav a{display:block;font-size:30px;padding:10px}.hero{min-height:800px;height:100svh;max-height:1200px;position:relative;isolation:isolate;padding:126px 6vw 30px;overflow:hidden;background:#0a0a0a}.hero-photo{position:absolute;width:63%;right:-2%;top:4%;height:96%;z-index:-3;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:46% 43%;filter:saturate(.75);transform:scale(1.07)}.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#0a0a0a 6%,#0a0a0aee 25%,#0a0a0a88 43%,transparent 70%),linear-gradient(0deg,#0a0a0a 0%,transparent 25%,transparent 80%,#0a0a0a66)}.hero-line{position:absolute;right:5.7%;top:22%;height:52%;width:1px;background:var(--amber);box-shadow:0 0 20px #e4a62c;opacity:.4;z-index:-1}.hero-top{display:flex;justify-content:space-between;color:#c5c3ba}.hero-main{margin-top:50px;position:relative}.hero h1{font-size:clamp(68px,8.3vw,144px);line-height:.98;letter-spacing:-.065em;margin:22px 0 26px;max-width:78%;font-weight:500}.hero h1 em{color:var(--amber)}.hero p{font-size:16px;color:#c9c7bf;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.hero-bottom{position:absolute;bottom:27px;left:6vw;right:6vw;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:#999a95}.hero-bottom-note{font-size:13px;color:#c7c4bb}.scroll-cue{display:flex;align-items:center;gap:12px;letter-spacing:.08em}.scroll-cue i{display:block;width:36px;height:1px;background:var(--amber);animation:scroll-line 2.5s infinite}.signal-strip{display:flex;align-items:center;justify-content:space-around;gap:32px;padding:23px 4vw;background:var(--amber);color:#141414;font-size:13px;letter-spacing:.13em;white-space:nowrap;overflow:hidden}.signal-strip>span:nth-child(even){font-size:24px;line-height:1}.intro{display:grid;grid-template-columns:1fr 2.45fr;gap:50px;border-bottom:1px solid var(--line);padding-top:105px;padding-bottom:110px}.section-label{padding-top:11px}.intro-statement{font-size:clamp(36px,4.25vw,70px);line-height:1.16}.intro-statement span{color:#858580}.intro-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:38px;max-width:860px}.intro-columns p{color:var(--muted);font-size:16px;line-height:1.8}.works>.section-title{margin-bottom:55px}.featured-works{display:grid;grid-template-columns:1fr 1fr;gap:40px}.work-art{height:420px;overflow:hidden;position:relative;isolation:isolate}.work-index{position:absolute;top:22px;left:24px;font-family:var(--serif);font-style:italic;font-size:25px;z-index:4}.art-note{position:absolute;bottom:23px;left:24px;z-index:4;font-size:12px;letter-spacing:.12em}.art-control{position:absolute;bottom:16px;right:20px;font-size:12px;z-index:4;display:flex;gap:17px;align-items:center;background:#0004;padding:7px 10px}.art-control>span{font-size:18px}.still-art{background:#12283e;color:var(--paper);transition:background 1.6s}.still-word{font-size:clamp(130px,20vw,325px);font-family:var(--serif);font-weight:400;letter-spacing:-.09em;line-height:1;position:absolute;inset:30px 0 0;text-align:center;display:flex;align-items:center;justify-content:center;mix-blend-mode:screen;z-index:2;transform:translateY(-15px)}.still-word>span{color:#dba640}.still-split{position:absolute;inset:0 0 0 50%;background:#b88932;z-index:-1;transition:inset 1.5s var(--ease),background 1.5s}.still-art:before{content:'';position:absolute;left:50%;width:1px;top:0;bottom:0;background:#eadac1;box-shadow:0 0 70px 20px #e4a62c22;z-index:3;transition:left 1.5s var(--ease)}.still-art.shifted .still-split{inset:0 50% 0 0;background:#bd944c}.still-art.shifted:before{left:35%}.still-art.shifted{background:#203c58}.syllables-art{background:#deded9;color:#1c1d20}.syllable-type{position:absolute;inset:49px 40px;font-weight:600;line-height:.9;letter-spacing:-.065em;font-family:var(--display);font-size:clamp(80px,9.9vw,158px);display:flex;flex-direction:column;justify-content:center}.syllable-type>span:nth-child(2){align-self:flex-end}.syllable-type small{font-size:14px;letter-spacing:.65em;line-height:1.8;margin-top:25px;align-self:flex-end}.syllables-art .art-control{background:#0000000c}.syllables-art .work-index{color:#666}.syllable-type.waiting .syllable-second{opacity:0;transform:translateX(30px);transition:all 2.5s}.syllable-second{transition:all 2s;opacity:1}.work-meta{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:24px 0 18px}.work-meta .eyebrow{font-size:12px;max-width:75%;color:var(--muted)}.tiny-label{font-size:12px;letter-spacing:.08em;white-space:nowrap;color:var(--amber);padding-top:2px}.work-card h3{font-size:30px;margin-bottom:15px}.work-card>p{font-size:16px;line-height:1.75;color:var(--muted);max-width:510px}.work-card>p em{font-family:var(--sans);letter-spacing:0}.work-open{margin-top:17px;width:100%}.work-open>span{font-size:29px}.catalogue-top{display:flex;align-items:center;justify-content:space-between;margin-top:100px;padding-bottom:28px}.catalogue-top h3{font-size:30px}.catalogue-top .eyebrow{color:var(--muted)}.track-row{display:grid;grid-template-columns:40px 1.4fr 1.5fr 100px 42px;gap:25px;align-items:center;text-align:left;width:100%;border-top:1px solid var(--line);padding:23px 10px;transition:background .3s,padding .3s;color:var(--paper)}.track-row:last-child{border-bottom:1px solid var(--line)}.track-row:hover{padding-left:20px;background:#1d1d1b}.track-num{color:var(--amber);font-size:12px}.track-row h4{font-family:var(--display);font-size:23px;font-weight:500;letter-spacing:-.04em;margin:0}.track-theme{font-size:14px;color:var(--muted)}.track-type{font-size:12px;letter-spacing:.06em;color:var(--muted)}.track-open-icon{width:34px;height:34px;border:1px solid #55554d;display:grid;place-items:center;border-radius:50%;font-size:12px}.platforms{display:flex;gap:34px;align-items:center;padding-top:35px;flex-wrap:wrap}.platforms>.eyebrow{margin-right:auto}.platforms a{font-size:14px;border-bottom:1px solid #555;padding-bottom:5px}.platforms a:hover{color:var(--amber)}.threshold{position:relative;overflow:hidden;background:#efede8}.threshold-image{aspect-ratio:2.03/1;overflow:hidden}.threshold-image img{width:100%;height:auto}.threshold-caption{position:absolute;left:6vw;top:20%;color:var(--paper)}.threshold-caption p{font-family:var(--serif);font-style:italic;font-size:clamp(30px,4vw,64px);line-height:1.1;letter-spacing:-.05em;margin-top:25px}.threshold-caption .text-link{margin-top:27px}.studio{background:#141513}.studio-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:55px}.studio-heading>p{font-size:16px;color:#d1d0c9;line-height:1.8;max-width:320px;padding-bottom:7px}.instrument{background:#22231f;border:1px solid #4b4c42;border-radius:8px;box-shadow:0 30px 65px #0005,inset 0 1px #ffffff15;overflow:hidden}.instrument-top{padding:18px 28px;border-bottom:1px solid #4b4c42;display:flex;align-items:center;justify-content:space-between}.instrument-brand{font-family:var(--display);font-weight:800;font-size:23px;letter-spacing:-.05em}.instrument-brand>span{font-family:var(--sans);font-size:12px;letter-spacing:.16em;font-weight:400;color:#a4a599;margin-left:14px}.small-button{font-size:12px;color:#c6c6ba;border:1px solid #54564c;padding:5px 10px;border-radius:2px}.instrument-main{display:grid;grid-template-columns:1.15fr 1.35fr .75fr;padding:28px;gap:30px}.module-label{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.12em;color:#b6b8a8;line-height:1.6}.module-label>span:nth-child(2){font-size:12px;color:#858779}.drum-pads{display:flex;gap:16px;align-items:center;margin:27px 0 22px}.drum-pad{aspect-ratio:1/1;width:56%;border-radius:50%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #727263;box-shadow:inset 0 0 0 6px #30312a,inset 0 0 0 7px #55574b,0 7px 16px #0004;background:radial-gradient(circle at 40% 35%,#4b4b3e,#2a2b23 80%);transition:filter .1s,transform .1s;touch-action:none}.drum-pad:nth-child(2){width:44%}.drum-pad>span{font-family:var(--display);font-size:21px;letter-spacing:.08em;z-index:2}.drum-pad>small{font-size:12px;letter-spacing:.1em;color:#aeb0a0;margin-top:3px;z-index:2}.drum-pad>i{position:absolute;inset:14px;border:1px solid #ffffff12;border-radius:50%;pointer-events:none}.drum-pad.hit{background:#8f692c;transform:scale(.96);box-shadow:inset 0 0 0 7px #5f4d2a,0 0 28px #e4a62c30}.drum-pad.hit>i{animation:pad-ring .45s ease-out}.breath-pad{display:flex;align-items:center;justify-content:space-between;width:100%;border:1px solid #4d5042;border-radius:3px;padding:9px 16px;font-size:12px;letter-spacing:.07em;background:#303229;min-height:46px}.breath-lines{color:#d9b76b;font-size:28px;line-height:1}kbd{font-family:var(--sans);font-size:12px;color:#a0a18f}.breath-pad.hit{background:#736440}.scope{height:117px;background:#131711;border:1px solid #515543;position:relative;border-radius:3px;margin:24px 0 19px;overflow:hidden}.scope canvas{width:100%;height:100%;display:block}.scope-label{position:absolute;top:10px;left:12px;font-size:12px;letter-spacing:.13em;color:#a4b08e}.scope-dot{position:absolute;right:12px;top:13px;width:4px;height:4px;border-radius:50%;background:#98a584}.synth-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.synth-keys button{display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:18px 8px 10px;background:#d2d1bf;color:#2e3028;min-height:95px;border-radius:2px;box-shadow:0 4px #8c8e79}.synth-keys button:nth-child(even){background:#3c3e33;color:#dcddce;box-shadow:0 4px #121710}.synth-keys button>span{font-size:12px;letter-spacing:.08em}.synth-keys button kbd{color:#696d5b}.synth-keys button.hit{background:var(--amber);transform:translateY(3px);box-shadow:0 1px #6e5425}.mixer-bank{border-left:1px solid #45473c;padding-left:27px}.mixer-bank .module-label{margin-bottom:25px}.mixer-bank label{display:flex;justify-content:space-between;font-size:12px;color:#c3c5b6;margin-top:11px}.mixer-bank output{font-size:12px;color:#bca56c}input[type=range]{width:100%;height:20px;accent-color:var(--amber);cursor:pointer}.mixer-note{font-size:12px;line-height:1.55;color:#9ea28f;margin-top:20px}.mixer-note>span{color:#dbdccd}.sequencer{border-top:1px solid #4b4c42;padding:24px 28px 19px;background:#1b1e18}.sequence-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.sequence-header p{font-size:12px;color:#909882;margin-top:4px}.sequence-controls{display:flex;align-items:center;gap:18px}.tempo-label{font-size:12px;letter-spacing:.1em;color:#a8ad9c;display:flex;gap:6px;align-items:center}.tempo-label input{background:transparent;border:0;border-bottom:1px solid #585e4d;width:53px;font-family:var(--sans);font-size:22px;color:#e8d098;padding:0 1px 3px;text-align:center;appearance:textfield}.tempo-label input::-webkit-inner-spin-button{appearance:none}.sequence-play{background:var(--amber);color:#1a1b13;border-radius:2px;font-size:12px;font-weight:600;padding:11px 16px;min-width:143px}.sequence-play>span{margin-right:10px;font-size:12px}.sequence-play[aria-pressed=true]{background:#dbdbc8}.sequence-grid{display:grid;grid-template-columns:65px repeat(12,minmax(0,1fr));gap:8px}.step-label{font-size:12px;color:#bcc1af;display:flex;align-items:center}.step-label.count{color:#69725d}.step-number{font-size:12px;text-align:center;color:#6e765f;padding-bottom:2px}.step-number.beat{color:#b8bba5}.step-button{min-height:34px;background:#32382b;border:1px solid #4c5540;border-radius:2px;position:relative;transition:background .15s,border-color .15s;touch-action:manipulation}.step-button:nth-of-type(4n+1){border-left:2px solid #777e69}.step-button[aria-pressed=true]{background:#987a3c;border-color:#bf9b4c}.step-button[aria-pressed=true]:after{content:'';position:absolute;width:4px;height:4px;border-radius:50%;background:#e9c975;left:calc(50% - 2px);top:calc(50% - 2px)}.step-button.current{outline:1px solid #eceee1;outline-offset:2px;filter:brightness(1.35)}.sequence-footer{display:flex;justify-content:space-between;gap:12px;font-size:12px;letter-spacing:.06em;color:#818c70;margin-top:18px}.sequence-footer button{color:#b5bda6;font-size:12px;padding:0}.studio-caption{font-size:12px;color:#93998a;margin-top:20px}.sound-navigation{margin-top:65px;border-top:1px solid #3b4134;padding-top:25px;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:20px;align-items:center}.sound-navigation>a{border:1px solid #444b3a;min-height:62px;display:flex;align-items:center;gap:15px;padding:12px 18px;font-size:14px;transition:background .3s}.sound-navigation>a span{font-size:12px;color:#a39364}.sound-navigation>a:hover{background:#343b2a}.process{background:var(--paper);color:var(--ink)}.process-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end;margin-bottom:65px}.process-heading>p{max-width:335px;color:#62615b;font-size:16px;line-height:1.75}.process-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:10vw}.process-selector{display:flex;flex-direction:column}.process-selector button{display:flex;align-items:center;text-align:left;gap:25px;border-top:1px solid #cdcdc3;padding:25px 2px;font-family:var(--display);font-size:28px;letter-spacing:-.035em;color:#7d7c73}.process-selector button:last-child{border-bottom:1px solid #cdcdc3}.process-selector button>span{font-family:var(--sans);font-size:12px;letter-spacing:.06em;margin-right:8px}.process-selector button>i{font-family:var(--sans);margin-left:auto;font-style:normal;font-weight:400}.process-selector button[aria-selected=true]{color:var(--ink)}.process-selector button[aria-selected=true]>span{color:#a06806}.process-selector button[aria-selected=true]>i{transform:rotate(45deg)}.process-panel{border-left:1px solid #d2d1c9;padding:20px 0 20px 50px;position:relative}.process-panel>.eyebrow{color:#83714e}.process-panel>h3{font-size:38px;margin:17px 0 23px}.process-panel>p{font-size:17px;line-height:1.75;max-width:440px;color:#53534d}.process-example{border-top:1px solid #d0cfc7;margin-top:30px;padding-top:20px;font-size:14px;color:#79756a;max-width:440px;line-height:1.7}.process-panel>#process-symbol{font-family:var(--serif);font-size:100px;line-height:1;color:#c29b45;display:block;margin-bottom:28px;font-style:italic}.authorship{margin-top:65px;border-top:1px solid #cdcdc3;padding-top:30px;display:grid;grid-template-columns:1fr 2.45fr;gap:45px}.authorship p{font-size:16px;max-width:850px;color:#5f5e57;line-height:1.8}.artist{display:grid;grid-template-columns:1fr 1.05fr;gap:9vw;align-items:center;padding-top:125px;padding-bottom:125px}.artist-image{position:relative}.artist-image img{width:100%;aspect-ratio:1/1.09;object-fit:cover;object-position:center;filter:grayscale(.3)}.artist-image>.eyebrow{display:block;margin-top:15px;color:#8b8b85}.artist-copy h2{font-size:clamp(40px,4.4vw,70px);margin:30px 0;line-height:1.1}.artist-copy p{color:var(--muted);line-height:1.8;margin:16px 0;font-size:16px}.artist-copy .text-link{margin-top:17px}.vinyl{border-top:1px solid var(--line);background:#191916;overflow:hidden}.vinyl-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:10vw;align-items:center;padding:15px 0 30px}.vinyl-visual{position:relative;min-height:470px;display:flex;align-items:center}.sleeve{width:65%;aspect-ratio:1/1;background:#222;z-index:2;position:relative;box-shadow:15px 15px 50px #0008;transform:rotate(-7deg);pointer-events:none}.sleeve img{width:100%;height:100%;object-fit:cover}.record{position:absolute;left:29%;width:66%;aspect-ratio:1/1;border-radius:50%;background:repeating-radial-gradient(circle,#171715 0px,#171715 2px,#24241f 3px,#11110f 4px);border:2px solid #33332e;box-shadow:10px 10px 30px #0007;display:grid;place-items:center;transition:left .7s var(--ease);padding:0;isolation:isolate}.record:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 10%,#f6f5da18 17%,transparent 25%,transparent 60%,#fff2 67%,transparent 75%);z-index:-1}.record-label{background:var(--amber);width:34%;aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#242218;position:relative}.record-label>b{font-family:var(--display);font-size:clamp(13px,1.7vw,24px);line-height:1;letter-spacing:-.06em}.record-label small{font-size:12px;line-height:1.4;letter-spacing:.07em;margin-top:8px}.record-label i{width:7px;height:7px;border-radius:50%;background:#111;position:absolute;bottom:19%}.record.spinning{animation:spin 7s linear infinite;left:35%}.record:hover{left:35%}.vinyl-caption{position:absolute;bottom:5px;left:0;font-size:12px;letter-spacing:.11em;color:#838378}.vinyl-copy h2{margin:18px 0 25px}.vinyl-copy>p{max-width:400px;color:#aaa99d;font-size:16px;line-height:1.8}.edition-meta{display:flex;flex-direction:column;padding:22px 0;margin-bottom:12px;font-size:13px;color:#c4c2b7;line-height:1.9}.fine-print{font-size:12px!important;color:#a5a398!important;line-height:1.65!important;margin-top:18px!important;max-width:420px}.contact{background:var(--amber);color:#191812;padding-bottom:65px}.contact h2{font-size:clamp(50px,7.5vw,120px);line-height:1.04;margin-bottom:38px;letter-spacing:-.065em}.contact-mail{font-family:var(--display);font-size:clamp(24px,3vw,48px);letter-spacing:-.04em;border-bottom:1px solid #19181266;display:inline-flex;gap:60px;align-items:center;padding-bottom:12px}.contact-mail span{font-size:40px;transition:transform .4s}.contact-mail:hover span{transform:rotate(90deg)}.contact-bottom{display:flex;justify-content:space-between;margin-top:70px;gap:30px;font-size:14px;line-height:1.8}.contact-bottom>div{display:flex;gap:30px;align-items:flex-end}.contact-bottom a{border-bottom:1px solid #19181266}footer{padding:50px 4vw 26px;overflow:hidden}.footer-wordmark{font-family:var(--display);font-size:23.4vw;letter-spacing:-.075em;font-weight:800;line-height:1.08;display:block}.footer-wordmark>span{color:var(--amber)}.footer-line{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;letter-spacing:.04em;border-top:1px solid var(--line);padding-top:24px;margin-top:10px;color:#a2a298}.footer-line>button{font-size:12px;letter-spacing:0}.mini-dock{position:fixed;bottom:25px;left:50%;transform:translateX(-50%) translateY(100px);z-index:22;background:#edeee5;color:#24271d;display:flex;box-shadow:0 10px 35px #0003;border:1px solid #c4c8b7;border-radius:4px;transition:transform .6s var(--ease);font-size:12px;overflow:hidden}.mini-dock.visible{transform:translateX(-50%) translateY(0)}.mini-dock>a{display:flex;align-items:center;gap:9px;padding:10px 14px;white-space:nowrap}.mini-symbol{font-size:23px;line-height:1;color:#756338}.mini-dock>button{border-left:1px solid #c4c8b7;padding:10px 14px;font-size:12px;white-space:nowrap}.detail-dialog,.vinyl-dialog{background:#191a17;color:var(--paper);border:1px solid #55574b;padding:65px clamp(25px,6vw,85px);width:min(860px,92vw);max-height:88svh;overflow:auto;box-shadow:0 30px 160px #000a}.vinyl-dialog{width:min(590px,92vw)}dialog::backdrop{background:#050505d9;backdrop-filter:blur(10px)}.dialog-close{position:absolute;top:16px;right:21px;display:flex;gap:16px;align-items:center;color:#aaa;font-size:12px;line-height:1}.dialog-close>span{font-size:25px;color:var(--paper)}dialog h2{font-size:clamp(34px,5vw,62px);margin:20px 0 26px;line-height:1.1}dialog p{font-size:16px;line-height:1.8;color:#b5b6a9;margin-top:15px}dialog .quote{font-family:var(--serif);font-size:32px;line-height:1.4;letter-spacing:-.03em;color:#e4bd6a;border-left:1px solid #9c7331;padding-left:25px;margin:32px 0}dialog h3{font-size:24px;margin-top:32px;letter-spacing:-.02em}dialog .tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.tags>span{border:1px solid #4b5040;padding:5px 10px;font-size:12px;color:#a6b092}dialog .external-links{display:flex;gap:22px;flex-wrap:wrap;margin-top:30px}.external-links a{font-size:14px;border-bottom:1px solid #8f957f;padding-bottom:5px}.embed-trigger{margin-top:30px;display:block}.embed-wrap iframe{border:0;width:100%;height:352px;margin-top:25px;border-radius:8px}.embed-note{font-size:12px!important;color:#a5a998!important}.vinyl-dialog form{display:flex;flex-direction:column;gap:10px;margin-top:24px}.vinyl-dialog label{font-size:13px;margin-top:12px;color:#c0c2b4}.vinyl-dialog input,.vinyl-dialog select{background:#24281f;border:1px solid #616952;color:var(--paper);padding:12px 14px;min-height:47px;outline-offset:2px}.vinyl-dialog form .button{margin-top:15px}.noscript{position:fixed;bottom:0;left:0;right:0;background:var(--paper);color:var(--ink);padding:8px 20px;font-size:13px;z-index:40}.reveal{opacity:1}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity 1s,transform 1s var(--ease)}.js-motion .reveal.in-view{opacity:1;transform:none}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bars{to{height:3px}}@keyframes pad-ring{to{transform:scale(1.23);opacity:0}}@keyframes scroll-line{0%,100%{transform:scaleX(.4);transform-origin:left}50%{transform:scaleX(1);transform-origin:left}}
@media(min-width:1700px){.section-pad{padding-left:max(6vw,calc((100vw - 1530px)/2));padding-right:max(6vw,calc((100vw - 1530px)/2))}.hero-main{margin-top:90px}}
@media(max-width:1100px){.topbar{gap:22px}.topbar nav{gap:20px}.hero{min-height:760px}.hero-photo{width:76%;right:-14%}.hero h1{font-size:10vw}.hero-main{margin-top:65px}.featured-works{gap:25px}.work-art{height:340px}.art-note{font-size:12px;bottom:60px}.intro{grid-template-columns:1fr 2.6fr;gap:25px}.intro-columns{gap:28px}.instrument-main{grid-template-columns:1fr 1.15fr .65fr;gap:18px;padding:24px}.mixer-bank{padding-left:16px}.module-label{font-size:12px}.module-label>span:nth-child(2){display:none}.synth-keys button{min-height:75px}.drum-pads{margin-bottom:24px}.scope{height:100px}.mixer-note{font-size:12px}.studio-heading>p{max-width:260px}.sound-navigation{grid-template-columns:1fr 1fr 1fr}.sound-navigation>.eyebrow{grid-column:1/-1}.process-layout{gap:5vw}.process-panel{padding-left:30px}.process-heading>p{max-width:290px}.vinyl-layout{gap:5vw}.vinyl-visual{min-height:380px}.vinyl-caption{font-size:12px}.track-row{grid-template-columns:25px 1.4fr 1.3fr 75px 35px;gap:15px}.track-row h4{font-size:21px}}
@media(max-width:760px){html{scroll-padding-top:25px}.section-pad{padding:65px 6vw}.eyebrow{font-size:12px}.section-top{margin-bottom:32px;align-items:flex-start;gap:30px}.section-top>.eyebrow:last-child{text-align:right;max-width:47%}.topbar{height:74px;padding:0 6vw;gap:16px}.wordmark{font-size:32px}.topbar nav{display:none}.sound-toggle{margin-left:auto;font-size:12px;padding:6px 8px;min-height:33px}.menu-toggle{display:flex;align-items:center;gap:9px;font-size:12px;padding:8px 0}.menu-toggle>span{font-size:23px}.hero{height:95svh;max-height:950px;min-height:750px;padding-top:103px}.hero-top{font-size:12px;letter-spacing:.1em}.hero-top>span:last-child{display:none}.hero-photo{width:110%;height:81%;right:-22%;top:15%}.hero-photo img{object-position:50% center;opacity:.67}.hero-shade{background:linear-gradient(90deg,#0a0a0af0,transparent 96%),linear-gradient(0deg,#0a0a0a 2%,transparent 30%,#0a0a0a33 70%,#0a0a0a)}.hero-main{margin-top:49px}.hero-main>.eyebrow{font-size:12px}.hero h1{font-size:clamp(56px,13.7vw,95px);max-width:100%;margin:24px 0 25px;line-height:1.04}.hero p{font-size:14px;max-width:270px}.hero-actions{gap:22px;align-items:flex-start;flex-direction:column;margin-top:27px}.hero-actions .button{font-size:13px;min-height:48px;padding:12px 19px}.hero-actions .text-link{font-size:12px;gap:28px;padding:7px 0}.hero-bottom-note{display:none}.hero-bottom{bottom:23px}.hero-bottom .eyebrow{font-size:12px}.scroll-cue{font-size:12px}.scroll-cue i{width:20px}.hero-line{display:none}.signal-strip{justify-content:flex-start;padding:17px 6vw;gap:25px;font-size:12px}.signal-strip>span:nth-child(even){font-size:19px}.intro{grid-template-columns:1fr;gap:28px}.section-label{padding:0}.intro-statement{font-size:36px;line-height:1.18}.intro-columns{grid-template-columns:1fr;gap:18px;margin-top:25px}.intro-columns p{font-size:15px;line-height:1.8}.section-title{font-size:42px}.works>.section-title{margin-bottom:35px}.featured-works{grid-template-columns:1fr;gap:48px}.work-art{height:350px}.still-word{font-size:245px}.art-note{font-size:12px;bottom:23px}.art-control{font-size:12px;gap:9px;bottom:15px;right:15px}.work-index{font-size:22px}.syllable-type{font-size:clamp(77px,22vw,150px);inset:45px 30px}.syllable-type small{font-size:12px;letter-spacing:.48em}.work-meta{margin:20px 0 15px}.work-meta .eyebrow{font-size:12px}.tiny-label{font-size:12px}.work-card h3{font-size:27px}.work-card>p{font-size:15px}.work-open{font-size:13px}.catalogue-top{margin-top:65px;gap:20px;align-items:flex-end}.catalogue-top h3{font-size:28px}.catalogue-top .eyebrow{font-size:12px;max-width:125px;text-align:right}.track-row{grid-template-columns:20px 1fr 34px;gap:13px;padding:21px 0}.track-row:hover{padding-left:7px}.track-row h4{font-size:22px}.track-theme{display:none}.track-type{display:none}.platforms{gap:22px;padding-top:27px}.platforms>.eyebrow{flex-basis:100%}.platforms a{font-size:12px}.threshold{min-height:340px}.threshold-image{aspect-ratio:auto;height:340px;position:relative;overflow:hidden}.threshold-image img{position:absolute;width:auto;max-width:none;height:680px;left:50%;transform:translateX(-50%)}.threshold-caption{top:20%;left:6vw;max-width:45%}.threshold-caption>.eyebrow{font-size:12px;max-width:120px}.threshold-caption p{font-size:28px;margin-top:25px}.threshold-caption .text-link{font-size:12px;gap:14px;margin-top:21px}.studio-heading{display:block;margin-bottom:30px}.studio-heading>p{font-size:14px;margin-top:25px;max-width:100%;line-height:1.8}.instrument{margin:0 -2vw;border-radius:5px}.instrument-top{padding:14px 17px}.instrument-brand{font-size:20px}.instrument-brand>span{font-size:12px;letter-spacing:.08em;margin-left:6px}.small-button{font-size:12px;padding:5px 7px}.instrument-main{grid-template-columns:1fr 1fr;gap:18px;padding:20px 16px}.mixer-bank{grid-column:1/-1;border-left:0;border-top:1px solid #4b4c42;padding:16px 0 0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px 18px}.mixer-bank .module-label{grid-column:1/-1;margin-bottom:7px}.mixer-bank label{font-size:12px;margin-top:0}.mixer-bank input{grid-row:3}.mixer-bank label:nth-of-type(1){grid-column:1;grid-row:2}.mixer-bank label:nth-of-type(2){grid-column:2;grid-row:2}.mixer-bank label:nth-of-type(3){grid-column:3;grid-row:2}.mixer-bank output{font-size:12px}.mixer-note{display:none}.drum-pads{gap:7px;margin:26px 0 23px;min-height:97px}.drum-pad>span{font-size:13px}.drum-pad>small{font-size:12px;margin-top:0}.drum-pad{box-shadow:inset 0 0 0 4px #30312a,inset 0 0 0 5px #55574b,0 5px 10px #0004}.drum-pad>i{inset:9px}.breath-pad{padding:7px 8px;font-size:12px;min-height:40px}.breath-lines{font-size:21px}.scope{margin:20px 0 14px;height:92px}.scope-label{font-size:12px;left:7px;top:8px}.scope-dot{right:8px;top:9px}.synth-keys{gap:4px}.synth-keys button{min-height:60px;padding:10px 2px 6px}.synth-keys button>span{font-size:12px}.synth-keys button kbd{font-size:12px}.sequencer{padding:20px 16px}.sequence-header{display:block}.sequence-header p{font-size:12px}.sequence-controls{justify-content:space-between;margin-top:16px}.sequence-play{font-size:12px;padding:11px 15px}.sequence-grid{grid-template-columns:31px repeat(12,minmax(0,1fr));gap:4px}.step-label{font-size:12px}.step-number{font-size:12px}.step-button{min-height:31px;padding:0;border-radius:1px}.step-button.current{outline-offset:1px}.sequence-footer{font-size:12px;flex-wrap:wrap;gap:12px}.sequence-footer>span:last-child{flex-basis:100%;font-size:12px}.sequence-footer button{font-size:12px;margin-left:auto}.studio-caption{font-size:12px;line-height:1.7}.sound-navigation{margin-top:40px;gap:10px}.sound-navigation>a{display:flex;flex-direction:column;gap:2px;align-items:flex-start;padding:10px 11px;font-size:12px;min-height:61px}.sound-navigation>a span{font-size:12px}.sound-navigation>.eyebrow{margin-bottom:8px}.process-heading{display:block;margin-bottom:35px}.process-heading>p{font-size:15px;margin-top:25px;max-width:100%}.process-layout{grid-template-columns:1fr;gap:30px}.process-selector{display:flex;flex-direction:row;overflow-x:auto;gap:15px;scrollbar-width:thin;padding-bottom:8px}.process-selector button{flex:0 0 auto;font-size:16px;gap:8px;padding:15px 0;border-top:1px solid #bbb9ae;border-bottom:1px solid #bbb9ae}.process-selector button>span{font-size:12px;margin:0}.process-selector button>i{display:none}.process-selector button[aria-selected=true]{border-bottom:2px solid #9c741f}.process-panel{padding:0;border-left:0}.process-panel>#process-symbol{font-size:68px;margin-bottom:20px}.process-panel>h3{font-size:32px}.process-panel>p{font-size:16px}.process-example{font-size:13px}.authorship{grid-template-columns:1fr;gap:18px;margin-top:38px;padding-top:25px}.authorship p{font-size:14px}.artist{grid-template-columns:1fr;gap:35px}.artist-image{width:85%}.artist-image img{aspect-ratio:1/1}.artist-copy h2{font-size:45px;margin:22px 0}.artist-copy p{font-size:15px}.artist-copy .text-link{font-size:13px}.vinyl-layout{grid-template-columns:1fr;gap:30px;padding:0}.vinyl-visual{min-height:350px;max-width:480px}.vinyl-caption{font-size:12px}.vinyl-copy h2{font-size:55px}.vinyl-copy>p{font-size:15px}.record-label>b{font-size:20px}.record-label small{font-size:12px}.contact h2{font-size:51px;line-height:1.15}.contact-mail{font-size:26px;gap:25px}.contact-mail>span{font-size:32px}.contact-bottom{display:block;margin-top:45px;font-size:13px}.contact-bottom>div{margin-top:28px;gap:28px}.contact .section-top>.eyebrow:last-child{max-width:130px}footer{padding:35px 5vw 80px}.footer-wordmark{font-size:23vw}.footer-line{flex-wrap:wrap;justify-content:space-between;font-size:12px;gap:16px}.footer-line>button{font-size:12px}.footer-line>a{font-size:12px}.footer-line>span:first-child{flex-basis:65%}.mini-dock{bottom:16px}.mini-dock>a{font-size:12px;padding:10px 12px}.detail-dialog,.vinyl-dialog{padding:55px 25px 35px;width:94vw;max-height:90svh}dialog h2{font-size:37px}dialog .quote{font-size:27px;padding-left:19px}dialog p{font-size:15px}.vinyl-dialog form .button{font-size:14px}.fine-print{font-size:12px!important}}
@media(max-width:370px){.hero{min-height:710px}.hero h1{font-size:51px}.hero-top{font-size:12px}.hero-main{margin-top:40px}.hero-actions{gap:15px}.work-art{height:310px}.still-word{font-size:220px}.art-note{bottom:55px}.synth-keys button{min-height:55px}.instrument-brand>span{display:none}.vinyl-visual{min-height:290px}.contact h2{font-size:44px}.contact-mail{font-size:23px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.js-motion .reveal{opacity:1;transform:none}.record.spinning{animation:none!important}.hero-photo{transform:none!important}}

/* Control typography stays legible on touch screens. */
.sound-toggle,.small-button,.art-control,.sequence-play,.sequence-footer button,.mini-dock>a,.mini-dock>button,.dialog-close,.sound-navigation>a{font-size:14px}.mixer-bank label,.synth-keys button>span,.breath-pad{font-size:14px}.module-label{font-size:12px}.sequence-footer{font-size:12px;flex-wrap:wrap}.sequence-footer>span:last-child{font-size:12px}.scope-label{font-size:12px}.track-type,.work-meta .eyebrow,.tiny-label{font-size:12px}.scope{height:125px}.synth-keys button{min-height:78px}.vinyl-caption{font-size:12px;max-width:85%}.record-label small{font-size:12px}.record-label i{bottom:10%}.instrument-main .module-label>span:nth-child(2){display:none}.record-label{width:38%}.hero .eyebrow{font-size:12px}
@media(max-width:760px){.instrument-brand>span{display:none}.mixer-bank label{font-size:12px}.mixer-bank output{font-size:12px}.breath-pad{font-size:12px;gap:4px}.breath-pad kbd{display:none}.synth-keys button>span{font-size:12px}.scope-label{font-size:12px;letter-spacing:0}.scope{height:105px}.drum-pads{margin-bottom:30px;min-height:102px}.work-meta .eyebrow{font-size:12px;max-width:70%}.tiny-label{font-size:12px;white-space:normal;text-align:right}.sequence-grid{grid-template-columns:35px repeat(12,minmax(0,1fr));gap:4px}.step-number{font-size:12px}.step-label{font-size:12px}.sound-navigation>a{font-size:13px}.mini-dock>a,.mini-dock>button{font-size:12px}.hero-top{max-width:230px}.hero-main{margin-top:35px}.art-note{bottom:60px;font-size:12px}.syllable-type small{font-size:12px}.art-control{font-size:14px}.hero-actions .text-link{font-size:14px}.topbar .sound-toggle{font-size:12px}.module-label{letter-spacing:.02em}.vinyl-caption{font-size:12px;bottom:0}.vinyl-visual{padding-bottom:40px}.record-label small{font-size:10px}.record-label i{bottom:7%}.record-label>b{font-size:17px}.footer-line{font-size:12px}.footer-line>button,.footer-line>a{font-size:12px}.footer-line>span:first-child{flex-basis:100%}.footer-line>span:nth-child(2){flex-basis:100%}.studio .section-top>.eyebrow{font-size:12px}.hero-bottom .eyebrow{max-width:180px;font-size:12px}.scroll-cue{font-size:12px}.hero-bottom{align-items:flex-end}.signal-strip{font-size:12px}.sequence-footer>span:last-child{flex-basis:100%}.mixer-bank{gap:5px 13px}.fine-print{font-size:12px!important}.artist-image{width:100%}}

[hidden]{display:none!important}.record-label small{font-size:12px}.instrument button:focus-visible{outline-offset:3px}.step-button:focus-visible{outline-offset:1px}.art-control:disabled{opacity:.75;cursor:wait}

/* Contrast repair: retain a dark stage with readable labels and controls. */
.hero-photo img{filter:saturate(.85) brightness(1.18)}
.hero p,.hero-top{color:#e2e1d8}
.hero-bottom,.hero-bottom-note,.artist-image>.eyebrow{color:#c5c6bd}
.vinyl-copy>p,.vinyl-caption,.studio-caption{color:#c6c8bd}
.module-label,.mixer-bank label,.mixer-bank output,.mixer-note,.sequence-header p,.sequence-footer,.step-label,.step-number{color:#cbd0bf}
.step-number.beat,.step-label.count{color:#f2f2de}
.sequence-footer button,.small-button{color:#eeeee2}
.synth-keys button kbd{color:#42483a}
.synth-keys button:nth-child(even) kbd{color:#d1d8bf}
.drum-pad>small,.breath-pad kbd{color:#d5d8c6}
.scope-label{color:#d2dcbf}
.step-button{border-color:#778366}
.step-button[aria-pressed=true]{background:#bb8b37;border-color:#f4c567}
.mixer-bank{border-color:#67705b}
.sound-navigation>a{border-color:#768165}
.sound-navigation>a span{color:#e0c481}
.fine-print{color:#c4c5ba!important}
.process .process-example{color:#615b4d}
.process-panel>.eyebrow{color:#69542b}
@media(max-width:760px){.hero-photo img{opacity:.85}}
/* Co-creation: a symbolic ensemble, a distinct and named portrait of Hatem. */
.hero-photo{width:100%;right:0;top:0;height:100%}
.hero-photo img{object-position:72% 45%;transform:none;filter:brightness(1.15)}
.hero-shade{background:linear-gradient(90deg,#0a0a0af5 0%,#0a0a0ac9 28%,#0a0a0a66 48%,transparent 72%),linear-gradient(0deg,#0a0a0a 0%,transparent 24%,transparent 80%,#0a0a0a66)}
.hero h1{font-size:clamp(58px,6.5vw,108px);max-width:75%;line-height:1.05}
.hero-line{display:none}
.intention-path{padding:28px 0 32px;border-top:1px solid #66665a;margin-bottom:20px}
.intention-path>div{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0}
.intention-path button{border:1px solid #8a8b7c;padding:12px 18px;color:#f5f4ee;font-size:14px;transition:background .2s,color .2s}
.intention-path button[aria-pressed=true]{background:#d3ce9f;border-color:#d3ce9f;color:#171810}
.intention-path p{max-width:730px;color:#e0e0d4;font-size:17px;min-height:3.2em}
.intention-words{display:block;margin-top:16px;color:#e4a62c;font-size:12px;letter-spacing:.14em}
.artist-image{position:relative}
.artist-image:before{content:'';position:absolute;inset:-30px -20px 25px 25px;border:1px solid #9b7833;pointer-events:none}
.artist-image img{position:relative}
@media(max-width:760px){.hero h1{font-size:clamp(43px,8.4vw,64px);max-width:100%;line-height:1.09}.hero-photo img{object-position:65% 45%;opacity:1}.hero-shade{background:linear-gradient(90deg,#0a0a0ace,#0a0a0a45),linear-gradient(0deg,#0a0a0a 0%,#0a0a0a77 38%,transparent 75%)}.hero-top{max-width:280px}.intention-path button{padding:10px 12px;font-size:13px}.intention-path p{font-size:15px;min-height:5em}.artist-image:before{inset:-16px -10px 20px 16px}.hero-main{margin-top:65px}}
.signature-controls{display:flex;align-items:center;gap:12px;position:absolute;right:6vw;bottom:85px;padding:10px 14px;border:1px solid #a6a291;background:#101010dc;z-index:3;font-size:13px}
.signature-controls[hidden]{display:none}
.signature-controls button{min-height:34px;min-width:94px;text-align:left;color:#f5f4ee;font-size:14px}
.signature-controls label{color:#deded4}
.signature-controls input{width:86px;accent-color:#e4a62c;cursor:pointer}
.signature-controls output{min-width:34px;color:#f5f4ee}
@media(max-width:760px){.signature-controls{left:6vw;right:auto;bottom:83px;gap:8px;padding:7px 10px}.signature-controls label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero{min-height:850px}.hero-main{margin-top:45px}}
@media(max-width:760px){.hero-photo img{object-position:85% 45%}.hero-shade{background:linear-gradient(90deg,#0a0a0add 0%,#0a0a0a99 40%,#0a0a0a33 100%),linear-gradient(0deg,#0a0a0a 0%,#0a0a0a55 30%,transparent 75%)}}
@media(max-width:760px){.hero-photo img{object-position:72% 45%}.drum-pad,.breath-pad,.synth-keys button{touch-action:manipulation;user-select:none;-webkit-user-select:none}.signature-controls{z-index:5}.hero p{max-width:34ch;font-size:15px}.hero{min-height:900px}}
/* Cinematic opening: the work moves behind the co-creator. */
.hero-film{position:absolute;inset:0;z-index:-4;overflow:hidden;background:#151515}
.hero-film video{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.67);transform:translateY(var(--film-shift,0px)) scale(1.13)}
.hero-photo.hero-cutout{width:60%;height:95%;right:-3%;top:auto;bottom:-2%;z-index:-2;overflow:visible;transform:translateY(var(--portrait-shift,0px));pointer-events:none}
.hero-photo.hero-cutout img{height:100%;width:100%;object-fit:contain;object-position:right bottom;filter:none;opacity:1;transform:none}
.hero-shade{z-index:-1;background:linear-gradient(90deg,#080808ee 0%,#080808c7 25%,#08080855 47%,transparent 70%),linear-gradient(0deg,#080808 0%,transparent 28%,transparent 80%,#08080877)}
.hero-main{z-index:1}.hero h1{max-width:58%}.hero-top{position:relative;z-index:1}
.film-caption{position:absolute;right:6vw;top:178px;z-index:2;display:flex;align-items:center;gap:18px;font-size:12px;letter-spacing:.08em;color:#f5f4ee}
.film-caption button{padding:7px 10px;border:1px solid #c3c4bc;background:#101010aa;font-size:13px;letter-spacing:0;min-height:36px}
.editions-intro{display:grid;grid-template-columns:1fr 1fr;gap:18px 50px;border-top:1px solid #626258;margin-top:100px;padding-top:46px}
.editions-intro>.eyebrow{grid-column:1/-1}.editions-intro h3{font-size:clamp(34px,4vw,60px)}.editions-intro>p{max-width:440px;align-self:center;color:var(--muted);font-size:17px}
.support-editions{display:grid;grid-template-columns:1fr 1fr;gap:46px;margin-top:45px}
.edition-cover{width:100%;aspect-ratio:1;max-width:450px;background:#161616;overflow:hidden}
.edition-cover img{height:100%;width:100%;object-fit:cover}
.la-edition-art{position:relative;background:linear-gradient(90deg,#1c3049 0 50%,#a77728 50%);display:flex;flex-direction:column;justify-content:space-between;padding:30px;color:#f5f4ee}
.la-edition-art strong{font:500 clamp(100px,16vw,240px)/1 var(--display);letter-spacing:-.09em;text-align:center}.la-edition-art strong span{color:#f5d996}.la-edition-art small{font-size:12px;letter-spacing:.15em}
.edition-body{padding-top:26px}.edition-body>h3{font-size:34px;margin:16px 0}.edition-body>p{color:var(--muted);margin-bottom:22px;max-width:48ch}
.support-intent{border-left:2px solid var(--amber);padding:0 0 0 19px;margin:25px 0;min-height:200px}.support-intent p{font-size:15px;margin-top:12px;color:#e3e2da;line-height:1.7}.support-intent .support-status{color:var(--muted);font-size:13px}
.edition-body>.text-link{margin-right:25px}.edition-transparency{border-top:1px solid var(--line);margin-top:38px;padding-top:24px;color:var(--muted);font-size:14px;max-width:850px}
@media(max-width:760px){.hero-photo.hero-cutout{width:110%;height:64%;right:-28%;bottom:0;top:auto;opacity:.75}.hero h1{max-width:100%}.hero-film video{object-position:60% center}.hero-shade{background:linear-gradient(90deg,#080808e8,#08080899 55%,#08080833),linear-gradient(0deg,#080808 0%,transparent 35%,#08080833 70%)}.film-caption{top:190px;right:6vw;left:6vw;justify-content:space-between;font-size:10px;gap:8px}.film-caption button{font-size:12px}.hero-main{margin-top:102px}.editions-intro{grid-template-columns:1fr;margin-top:65px;gap:22px}.editions-intro>.eyebrow{grid-column:auto}.support-editions{grid-template-columns:1fr;gap:55px}.edition-cover{max-width:none}.la-edition-art strong{font-size:50vw}.support-intent{min-height:0}.edition-body>h3{font-size:31px}.edition-transparency{font-size:13px}}
@media(prefers-reduced-motion:reduce){.hero-film video,.hero-photo.hero-cutout{transform:none}}

/* The new opening phrase stays legible without crowding Hatem. */
.hero h1{font-size:clamp(48px,5.4vw,88px);max-width:67%;line-height:1.12}
@media(max-width:760px){.hero h1{font-size:clamp(32px,7.5vw,57px);max-width:100%}}

@keyframes still-memory-split{0%,100%{inset:0 0 0 50%;background:#b88932}50%{inset:0 50% 0 0;background:#bd944c}}
@keyframes still-memory-field{0%,100%{background:#182b42}50%{background:#203c58}}
@keyframes still-memory-trace{0%,100%{left:57%}50%{left:35%}}
@keyframes syllables-arrive{0%,15%,100%{opacity:1;transform:translateX(0)}40%,65%{opacity:0;transform:translateX(30px)}}
.still-card.motion-awake .still-split{animation:still-memory-split 8s ease-in-out infinite}
.still-card.motion-awake .still-art{animation:still-memory-field 8s ease-in-out infinite}
.still-card.motion-awake .still-art:before{animation:still-memory-trace 8s ease-in-out infinite}
.syllables-card.motion-awake .syllable-second{animation:syllables-arrive 6.2s ease-in-out infinite}
.motion-sleep .still-art,.motion-sleep .still-split,.motion-sleep .still-art:before,.motion-sleep .syllable-second{animation-play-state:paused!important}
.art-control[aria-pressed=true]{color:#f6c969}
@media(prefers-reduced-motion:reduce){.motion-awake .still-art,.motion-awake .still-split,.motion-awake .still-art:before,.motion-awake .syllable-second{animation:none!important}}

/* Co-creation: an illustrated encounter, integrated with the existing dark palette. */
.cocreation{grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:6vw;align-items:center}
.cocreation-image{margin:0;width:100%;position:relative}
.cocreation-image:before{border-color:#c3382d;inset:-18px 20px 24px -18px}
.cocreation-image img{display:block;aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;filter:none}
.cocreation-image figcaption{position:relative;display:block;padding:20px 0 0;color:#d4d0c8;letter-spacing:.14em}
.cocreation .artist-copy h2{font-size:clamp(42px,4.3vw,68px);margin:22px 0 28px}
.cocreation .cocreation-lead{font-size:20px;color:var(--paper)}
.cocreation .cocreation-manifesto{color:var(--amber);padding-top:22px;border-top:1px solid var(--line);margin-top:26px;font-size:17px}
.cocreation-manifesto span{display:inline-block;margin-top:7px;font-size:15px;color:var(--muted)}
.work-audio{width:100%;margin:22px 0 8px}
@media(max-width:900px){.cocreation{grid-template-columns:1fr;gap:42px}.cocreation-image{max-width:780px}.cocreation .artist-copy{max-width:740px}.cocreation .artist-copy p{font-size:16px}.cocreation .cocreation-lead{font-size:19px}.cocreation-image:before{inset:-12px 14px 22px -12px}}

/* The record is also the listener's transport, with explicit volume and stop controls. */
.vinyl-player{margin:28px 0 24px;padding:16px 0;border-top:1px solid #55554a;border-bottom:1px solid #55554a;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:12px 24px;max-width:470px}
.vinyl-player .text-link{border:0;justify-content:flex-start;gap:12px;padding:5px 0;min-height:44px;font-size:15px}
.vinyl-player .text-link>span{font-size:15px;line-height:1.4}
.vinyl-player .text-link>span:first-child{color:var(--amber);width:16px}
.vinyl-volume{display:flex;align-items:center;gap:9px;font-size:14px;min-width:0}
.vinyl-volume input{accent-color:var(--amber);width:100%;min-width:50px;max-width:120px;min-height:44px;touch-action:pan-x}
.vinyl-volume output{white-space:nowrap;min-width:40px;font-variant-numeric:tabular-nums}
#vinyl-audio-status{grid-column:1/-1;color:var(--muted);font-size:13px;line-height:1.5}
@media(max-width:1100px){.vinyl-player{grid-template-columns:1fr;gap:4px}.vinyl-volume input{max-width:170px}.vinyl-volume{justify-content:flex-start}}

/* Language navigation and the expanded acoustic atelier. */
.language-switch{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.04em;flex-shrink:0;margin-left:auto}
.language-switch a{padding:10px 2px;color:#c9c8c0;text-decoration:none}
.language-switch a[aria-current="page"]{color:var(--amber);border-bottom:1px solid var(--amber)}
.topbar>nav{margin-left:0}.topbar{gap:25px}
.bank-choice{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px;color:#dddcd1;margin:14px 0}
.bank-choice select{max-width:70%;min-height:40px;background:#272923;color:#f5f3e8;border:1px solid #6b6e5d;border-radius:3px;padding:8px 24px 8px 8px;font:inherit}
.extra-pads{display:grid;grid-template-columns:1.7fr 1fr;gap:8px;margin-top:14px}
.extra-pads button{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:58px;background:#36392d;border:1px solid #73775e;color:#edeedf;border-radius:3px;touch-action:manipulation}
.extra-pads button span{font-size:10px;letter-spacing:.05em}.extra-pads small{font-size:10px;color:#d3d7ba}
.extra-pads .hit{background:var(--amber);color:#101010}.micro-note{font-size:12px;line-height:1.5;color:#d0d2c3;margin:12px 0 0}
.footer-platforms{display:flex;flex-wrap:wrap;gap:18px 30px;padding:25px 0;border-bottom:1px solid #ffffff25;font-size:14px}
.sequence-scroll{overflow-x:auto;overscroll-behavior-x:contain;padding:5px 0 12px}.step-button{min-height:30px;touch-action:manipulation}.sequence-grid{min-width:500px}
.track-row{width:100%;text-decoration:none}.track-row:focus-visible{outline:2px solid var(--amber);outline-offset:4px}
.track-document{max-width:840px;margin:auto;padding:135px 6vw 80px}.track-document h1{font-size:clamp(40px,7vw,84px);margin:30px 0}.track-document p{font-size:18px;line-height:1.8;color:#d3d1c7}.track-document .quote{font-size:26px;color:var(--amber)}
@media(min-width:1100px){.language-switch{order:3;margin:0}.topbar>nav{margin-left:auto}}
@media(max-width:1100px){.topbar{gap:16px}.topbar nav{gap:15px}}
@media(max-width:760px){.language-switch{gap:6px}.language-switch a{padding:10px 2px}.topbar{gap:12px}.topbar .sound-toggle{margin-left:0}.sequence-scroll{margin-right:-12px}.sequence-grid{min-width:500px}}
@media(max-width:600px){.instrument-main{grid-template-columns:1fr}.mixer-bank{grid-column:auto}.bank-choice{font-size:14px}.extra-pads button span{font-size:12px}.instrument-main .module-label>span:nth-child(2){display:inline}.synth-keys button{min-height:88px}.topbar{padding:0 4vw;gap:10px}.wordmark{font-size:25px}.topbar .sound-toggle{gap:6px}.sound-bars{display:none}.language-switch{font-size:11px}.menu-toggle{font-size:12px}.hero-top{padding-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.record,.still-card *,.syllables-card *{animation:none!important;transition:none!important}}
@media(max-width:380px){.topbar #sound-text{display:none}.topbar .sound-bars{display:flex}.topbar .sound-toggle{min-width:32px;min-height:44px}.language-switch{gap:8px}}
@media(max-width:600px){.sequence-header{align-items:flex-start;gap:18px;flex-wrap:wrap}.sequence-controls{flex-wrap:wrap;gap:12px}.sequence-play{min-height:44px}.studio-heading p{max-width:100%}}

/* A small editorial doorway from the music to the research. */
.research-home{margin-top:80px;padding-top:45px;border-top:1px solid var(--line)}
.research-heading{max-width:700px;margin-bottom:34px}.research-heading h3{font-size:clamp(29px,3.3vw,48px);margin:15px 0}.research-heading p{color:var(--muted);font-size:17px;line-height:1.7}
.research-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.research-card{display:flex;flex-direction:column;padding:30px 24px;gap:21px;border-right:1px solid var(--line);transition:background .2s}.research-card:last-child{border-right:0}.research-card:hover{background:#22211d}.research-card h3{font-size:26px;line-height:1.18;letter-spacing:-.04em}.research-card p{font-size:15px;line-height:1.65;color:#c9c8bf}.research-card>.text-link{margin-top:auto;font-size:13px}
.research-page .topbar{position:relative}.research-page .language-switch{margin-left:auto}
.research-article{max-width:1200px;margin:0 auto;padding:70px 6vw 50px}.research-intro{max-width:1000px}.research-intro>.eyebrow{margin:52px 0 24px}.research-intro h1{font-size:clamp(43px,6.5vw,92px);line-height:1.04;max-width:900px}.research-lead{font-family:var(--serif);font-size:clamp(23px,2.5vw,35px);line-height:1.45;max-width:800px;margin:32px 0;color:#e0ddd2}.research-byline{font-size:13px;color:var(--muted);margin:24px 0 60px}
.research-section{display:grid;grid-template-columns:55px 1fr;gap:24px;padding:36px 0 44px;border-top:1px solid var(--line)}.research-number{font-size:13px;letter-spacing:.15em;color:var(--amber);padding-top:7px}.research-section h2{font-size:clamp(26px,3vw,38px);line-height:1.22;margin-bottom:24px}.research-section p{font-size:18px;line-height:1.85;color:#d8d7ce;max-width:750px;margin:18px 0}.research-listen{padding:30px 32px 34px;background:#191a16;margin:16px 0 60px;border:1px solid #414437}.research-listen>div{margin:22px 0}.research-listen a:not(.button){display:grid;grid-template-columns:1fr 2fr 20px;gap:18px;align-items:center;padding:18px 0;border-top:1px solid #414437}.research-listen strong{font-weight:500}.research-listen a>span{font-size:14px;color:#c9c8bf}.research-listen i{font-style:normal;color:var(--amber)}
.research-related{margin-top:60px}.research-related>h2{font-size:25px;letter-spacing:-.02em;margin-bottom:24px}.research-related .research-cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.research-contact{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:45px 0 15px;font-size:23px}.research-contact .text-link{font-size:19px}
.track-document .research-card p{font-size:15px;line-height:1.6}.track-document .research-card h3{font-size:25px}.track-document .research-card .text-link{font-size:13px}
@media(max-width:850px){.research-cards{grid-template-columns:1fr}.research-card{border-right:0;border-bottom:1px solid var(--line);padding:28px 0}.research-card:last-child{border-bottom:0}.research-related .research-cards{grid-template-columns:1fr}.research-article{padding-top:36px}.research-section{gap:12px;grid-template-columns:32px 1fr}.research-section p{font-size:17px}.research-listen{padding:25px 20px}.research-listen a:not(.button){grid-template-columns:1fr 20px;gap:8px}.research-listen a>span{grid-column:1}.research-listen i{grid-column:2;grid-row:1 / span 2}.research-contact{flex-direction:column;align-items:flex-start}.research-home{margin-top:50px}.research-byline{margin-bottom:40px}}