/* TZYURASH — website design system */
:root{--ink:#0f110f;--ink-2:#161916;--ink-3:#212520;--cream:#e6d5b8;--cream-2:#b9aa90;--line:rgba(230,213,184,.16);--ember:#c17e28;--rust:#9c2f1f;--sage:#5e7668;--aqua:#83a598;--violet:#806079;--max:1320px;--font-sans:'DM Sans',Arial,sans-serif;--font-serif:'Cormorant Garamond',Georgia,serif;--font-mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--ink);color:var(--cream);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}body:before{content:'';pointer-events:none;position:fixed;inset:0;z-index:90;opacity:.13;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E")}
a{color:inherit;text-decoration:none}a:hover{text-decoration:none}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--ember);outline-offset:4px}::selection{color:var(--ink);background:var(--ember)}.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.container{max-width:var(--max);padding:0 54px;margin:0 auto}.rule{border:0;border-top:1px solid var(--line);margin:0}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.24em;font-size:10px;color:var(--ember);font-weight:500}.micro{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-2)}.big-title{font-family:var(--font-serif);font-size:clamp(60px,8vw,132px);font-weight:400;line-height:.8;letter-spacing:-.055em;margin:0}.section-title{font-family:var(--font-serif);font-weight:400;font-size:clamp(52px,6.8vw,104px);letter-spacing:-.046em;line-height:.88;margin:16px 0 24px}.section-title em,.big-title em{font-style:italic;color:var(--ember);font-weight:300}.lead{font-family:var(--font-serif);font-size:clamp(23px,2.75vw,36px);line-height:1.2;font-weight:400;letter-spacing:-.015em}.muted{color:var(--cream-2)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--line);border-radius:0;background:transparent;padding:17px 24px;color:var(--cream);font-family:var(--font-mono);font-weight:500;font-size:10px;letter-spacing:.12em;text-transform:uppercase;transition:background .23s,border-color .23s,color .23s,transform .23s}.btn:hover{border-color:var(--ember);background:rgba(193,126,40,.07);transform:translateY(-2px)}.btn-primary{color:var(--ink);background:var(--cream);border-color:var(--cream)}.btn-primary:hover{background:var(--ember);border-color:var(--ember)}.btn .arrow{font-size:15px;letter-spacing:0}.text-link{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.17em;color:var(--cream);display:inline-flex;gap:16px;align-items:center;border-bottom:1px solid var(--ember);padding-bottom:7px}.text-link:hover{color:var(--ember)}.dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--ember);vertical-align:middle;margin:0 12px}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(15,17,15,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(20px)}.nav-shell{height:82px;max-width:var(--max);padding:0 54px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:14px;min-width:0}.brand img{width:28px;height:34px;object-fit:contain}.brand-name{font-family:var(--font-serif);font-size:25px;letter-spacing:.23em;white-space:nowrap;line-height:1}.nav-links{display:flex;align-items:center;gap:32px;margin-left:auto}.nav-links a{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#d3c9b7;transition:color .2s}.nav-links a:hover,.nav-links a.active{color:var(--ember)}.nav-cta{border-left:1px solid var(--line);padding-left:26px;margin-left:2px}.nav-toggle{display:none;align-items:center;justify-content:center;color:var(--cream);width:42px;height:42px;border:1px solid var(--line);background:none;font-size:22px}
/* hero */
.hero{position:relative;overflow:hidden;min-height:calc(100svh - 82px);display:flex;align-items:center}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:5%;padding-top:75px;padding-bottom:80px}.hero:before{content:'';position:absolute;top:2%;left:-18%;height:500px;width:500px;background:radial-gradient(circle,rgba(156,47,31,.11),transparent 68%);pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-copy .eyebrow{margin-bottom:41px}.hero-copy h1{margin-bottom:32px}.hero-copy .intro{font-size:15px;max-width:450px;color:var(--cream-2);line-height:1.85;margin:0 0 37px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.hero-index{position:absolute;left:54px;bottom:18px}.hero-art{position:relative;min-width:0;min-height:540px;padding:45px 12px 30px}.hero-art-frame{height:100%;max-height:615px;aspect-ratio:1/1;position:relative;overflow:hidden;box-shadow:15px 25px 80px rgba(0,0,0,.3);border:1px solid rgba(230,213,184,.16);margin-left:auto}.hero-art-frame img{height:100%;width:100%;object-fit:cover;filter:saturate(.88)}.hero-art-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 70%,rgba(7,10,7,.3))}.hero-art .vertical-label{position:absolute;right:-12px;top:45px;writing-mode:vertical-rl;font-family:var(--font-mono);letter-spacing:.21em;font-size:9px;color:var(--cream-2)}.hero-number{position:absolute;bottom:20px;left:-8px;background:var(--ink);padding:16px 21px;border:1px solid var(--line);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--cream-2)}.hero-small-orbit{position:absolute;left:-39px;top:16%;width:80px;height:80px;border:1px solid var(--ember);border-radius:50%;opacity:.3}.hero-small-orbit:after{content:'';position:absolute;right:0;bottom:10px;width:6px;height:6px;border-radius:50%;background:var(--ember)}
/* ticker */
.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#141713}.ribbon-track{max-width:var(--max);margin:auto;padding:19px 54px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.ribbon-track span{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.22em;font-size:10px;color:#b8b4a9}.ribbon-track i{font-style:normal;color:var(--ember)}
/* shared sections */
.section{padding:128px 0;position:relative;overflow:hidden}.section-top{display:flex;justify-content:space-between;align-items:start;gap:40px;margin-bottom:55px}.section-top .description{max-width:355px;color:var(--cream-2);font-size:14px;line-height:1.9;margin:16px 0}.section-index{font-family:var(--font-mono);font-size:10px;letter-spacing:.15em;color:var(--ember)}
/* listening */
.listen-grid{display:grid;grid-template-columns:.93fr 1.07fr;gap:40px}.track-panel{border-top:1px solid var(--line)}.track-row{display:grid;grid-template-columns:50px 1fr 28px;gap:24px;align-items:center;width:100%;padding:26px 12px 26px 0;text-align:left;color:var(--cream);background:transparent;border:0;border-bottom:1px solid var(--line);transition:padding .2s,background .2s}.track-row:hover,.track-row.selected{background:rgba(230,213,184,.03);padding-left:12px}.track-row.selected .track-name{color:var(--ember)}.track-no{font-family:var(--font-mono);font-size:11px;color:var(--cream-2)}.track-name{display:block;font-family:var(--font-serif);font-size:37px;line-height:1.05;transition:color .2s}.track-detail{display:block;margin-top:9px;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:var(--cream-2)}.track-play{display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;width:34px;height:34px;font-size:11px}.listen-note{margin-top:24px;max-width:470px;font-size:12px;color:var(--cream-2)}.player-stage{background:#1b211b;border:1px solid var(--line);padding:29px;min-height:390px;position:relative;overflow:hidden}.player-stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 15%,rgba(193,126,40,.10),transparent 50%);pointer-events:none}.player-head{display:flex;justify-content:space-between;gap:20px;align-items:center;position:relative;z-index:1}.player-image{width:100%;height:230px;object-fit:cover;margin:20px 0;border:1px solid rgba(255,255,255,.08)}.player-line{display:flex;align-items:center;justify-content:space-between;gap:20px;position:relative}.player-line h3{font-family:var(--font-serif);font-size:36px;font-weight:400;line-height:1.2;margin:0}.player-cta{width:50px;height:50px;border:1px solid var(--ember);border-radius:50%;color:var(--cream);background:rgba(193,126,40,.09);font-size:16px;flex-shrink:0}.player-cta:hover{background:var(--ember);color:var(--ink)}.embed-wrap{position:relative;padding-top:15px}.embed-wrap iframe{width:100%;height:166px;border:0;display:block}.native-audio{width:100%;margin-top:14px;accent-color:var(--ember)}.player-message{padding-top:12px;color:var(--cream-2);font-size:12px}.external-soundcloud{display:inline-block;color:var(--ember);font-family:var(--font-mono);text-transform:uppercase;font-size:10px;letter-spacing:.08em;margin-top:13px}
/* concept features */
.world{background:#151915;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.world-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:11%;align-items:center}.world-quote{font-family:var(--font-serif);font-weight:300;font-style:italic;line-height:.98;font-size:clamp(47px,5vw,82px);margin:20px 0 30px}.world-quote strong{font-weight:400;color:var(--ember)}.world-panels{display:grid;grid-template-columns:1fr 1fr;gap:14px}.world-panels .panel{min-height:230px;padding:25px;border:1px solid var(--line);display:flex;justify-content:space-between;flex-direction:column;position:relative;overflow:hidden}.world-panels .panel:nth-child(1){background:#2b291c}.world-panels .panel:nth-child(2){background:#1a2622}.world-panels .panel:nth-child(3){background:#301d19}.world-panels .panel:nth-child(4){background:#232027}.world-panels .panel:before{content:'';position:absolute;width:170px;height:170px;border:1px solid currentColor;opacity:.12;border-radius:50%;right:-42px;top:-53px}.world-panels .panel h3{font-family:var(--font-serif);font-size:38px;font-weight:400;line-height:.95;margin:0;position:relative}.world-panels .panel p{font-size:12px;line-height:1.6;color:#d0bba1;max-width:185px;margin:0;position:relative}
/* about */
.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:10%;align-items:start}.about-lockup{min-height:490px;position:relative;background-image:url('assets/hero-mobile.webp');background-position:center;background-size:cover;border:1px solid var(--line)}.about-lockup:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,13,10,.74),transparent 56%)}.about-lockup .about-lockup-text{position:absolute;bottom:35px;left:35px;z-index:2;font-family:var(--font-serif);font-size:50px;line-height:.93;font-style:italic}.about-text .lead{margin:28px 0}.about-text p:not(.eyebrow):not(.lead){color:var(--cream-2);font-size:14px;line-height:1.9}.about-points{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:32px 0}.about-points span{border:1px solid var(--line);padding:8px 12px;font-family:var(--font-mono);font-size:10px;letter-spacing:.09em;color:var(--cream-2)}
/* visual studies */
.studies-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.study-card{display:block;position:relative;overflow:hidden;border:1px solid var(--line);background:#1a1e18}.study-card img{aspect-ratio:1/1;width:100%;object-fit:cover;transition:transform .55s}.study-card:hover img{transform:scale(1.045)}.study-caption{display:flex;justify-content:space-between;align-items:center;padding:17px 4px 3px;gap:20px}.study-caption h3{font-family:var(--font-serif);font-weight:400;font-size:27px;margin:0}.study-caption span{font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--cream-2)}.study-card a:focus-visible{outline-offset:-2px}
/* contact CTA */
.contact-band{padding:110px 0;background:#1c221b;border-top:1px solid var(--line)}.contact-band-inner{display:flex;justify-content:space-between;align-items:end;gap:35px}.contact-band h2{font-family:var(--font-serif);font-size:clamp(60px,7vw,118px);font-weight:400;line-height:.91;letter-spacing:-.05em;margin:18px 0 0}.contact-band h2 em{color:var(--ember);font-weight:300}.contact-band .btn{white-space:nowrap}
/* footer */
footer{padding:48px 0 26px;border-top:1px solid var(--line);background:#0b0d0b}.footer-top{display:flex;justify-content:space-between;gap:40px;align-items:start;padding-bottom:65px}.footer-logo{width:230px;height:auto}.footer-mark{display:flex;align-items:center;gap:18px}.footer-mark p{max-width:205px;color:var(--cream-2);font-family:var(--font-serif);font-size:19px;line-height:1.2;font-style:italic}.footer-links{display:flex;gap:64px;flex-wrap:wrap}.footer-col{display:flex;flex-direction:column;gap:11px}.footer-col .micro{color:var(--ember);margin:0 0 5px}.footer-col a{font-size:13px;color:var(--cream-2)}.footer-col a:hover{color:var(--cream)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:22px;flex-wrap:wrap}.footer-bottom span{font-family:var(--font-mono);color:#a99f8b;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
/* interior pages */
.page-banner{padding:116px 0 85px;position:relative;overflow:hidden;border-bottom:1px solid var(--line)}.page-banner:after{content:'';position:absolute;right:-95px;top:-150px;width:420px;height:420px;border:1px solid rgba(193,126,40,.16);border-radius:50%;box-shadow:0 0 0 70px rgba(193,126,40,.025),0 0 0 140px rgba(193,126,40,.018);pointer-events:none}.page-banner h1{font-family:var(--font-serif);font-weight:300;letter-spacing:-.065em;font-size:clamp(80px,12vw,182px);line-height:.8;margin:25px 0 30px}.page-banner h1 em{color:var(--ember);font-weight:300}.page-banner p{max-width:570px;color:var(--cream-2);line-height:1.8;font-size:15px}.page-banner .micro{margin:0}.recording-list{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.recording-card{border:1px solid var(--line);padding:16px 16px 22px;background:#151a15}.recording-card img{aspect-ratio:1/1;object-fit:cover;width:100%;margin-bottom:22px}.recording-card .micro{color:var(--ember)}.recording-card h2{font-family:var(--font-serif);font-size:42px;font-weight:400;margin:6px 0 3px}.recording-card p{color:var(--cream-2);font-size:12px;line-height:1.6;min-height:33px}.recording-card button{width:100%;justify-content:space-between;margin-top:12px}.track-intro{color:var(--cream-2);max-width:670px;line-height:1.9;font-size:14px}.full-player{margin-top:50px;max-width:750px}.full-player .player-stage{min-height:unset}.full-player .player-image{height:280px;object-fit:cover}.two-col-editorial{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;padding:105px 0 145px}.two-col-editorial h2{font-family:var(--font-serif);font-size:clamp(50px,6vw,86px);font-weight:400;line-height:.91;margin:0}.two-col-editorial .copy p{color:var(--cream-2);font-size:15px;line-height:2;margin:0 0 24px}.two-col-editorial .copy .lead{color:var(--cream);font-size:28px;line-height:1.3}.manifesto{padding:95px 0;border-top:1px solid var(--line);background:#1b211b}.manifesto blockquote{font-family:var(--font-serif);font-size:clamp(35px,4.4vw,65px);line-height:1.13;max-width:1030px;margin:0;font-style:italic}.manifesto small{display:block;margin-top:28px}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:10%;padding-top:100px;padding-bottom:145px}.contact-left p{font-size:14px;color:var(--cream-2);line-height:1.9;max-width:390px}.social-pills{display:flex;flex-direction:column;align-items:start;gap:12px;margin-top:40px}.social-pills a{display:flex;justify-content:space-between;align-items:center;gap:40px;border-bottom:1px solid var(--line);width:100%;max-width:310px;padding:14px 0;text-transform:uppercase;font-family:var(--font-mono);font-size:11px;letter-spacing:.12em}.social-pills a span:last-child{color:var(--ember)}.contact-form{border:1px solid var(--line);padding:38px;background:#161a15}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}.field{margin-bottom:23px}.field label{display:block;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.15em;font-size:10px;color:var(--cream-2);margin-bottom:11px}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(230,213,184,.2);border-radius:0;background:#0d110d;color:var(--cream);padding:15px 16px;outline:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--ember)}.field textarea{height:165px;resize:vertical}.contact-form button{width:100%;justify-content:space-between}.form-status{min-height:45px;color:var(--cream-2);font-size:12px;line-height:1.6;margin-top:15px}.fineprint{font-size:11px;color:var(--cream-2);line-height:1.6;margin:0}
/* reveal */
.reveal{opacity:0;transform:translateY(18px);transition:opacity .65s ease,transform .65s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
/* mobile */
@media(max-width:1050px){.container,.nav-shell{padding-left:34px;padding-right:34px}.nav-links{gap:22px}.hero-grid{gap:20px}.hero-art{min-height:450px;padding:20px}.hero-art .vertical-label{right:0}.listen-grid{gap:22px}.hero-index{left:34px}.track-name{font-size:32px}.world-grid{gap:6%}}
@media(max-width:800px){.container,.nav-shell{padding-left:23px;padding-right:23px}.nav-shell{height:72px}.nav-toggle{display:flex;margin-left:auto}.nav-links{position:absolute;top:72px;left:0;right:0;display:none;background:#101410;border-bottom:1px solid var(--line);padding:24px;flex-direction:column;align-items:stretch;gap:18px}.nav-links.open{display:flex}.nav-links a{padding:9px 0}.nav-cta{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:16px}.brand-name{font-size:23px}.hero{min-height:unset}.hero-grid{display:flex;flex-direction:column;gap:38px;padding-top:74px;padding-bottom:80px}.hero-copy .eyebrow{margin-bottom:30px}.hero-copy h1{font-size:clamp(80px,13vw,112px)}.hero-art{width:100%;min-height:0;padding:0 8px}.hero-art-frame{height:auto;aspect-ratio:1/1;max-width:600px;margin:0 auto}.hero-number{left:0}.hero-small-orbit{left:-8px}.hero-index{display:none}.section{padding:85px 0}.section-top{display:block;margin-bottom:35px}.section-top .description{margin-top:22px}.listen-grid,.world-grid,.about-grid,.two-col-editorial,.contact-layout{grid-template-columns:1fr;gap:50px}.about-lockup{min-height:550px}.studies-grid,.recording-list{grid-template-columns:repeat(2,1fr)}.ribbon-track{padding:18px 23px;justify-content:center}.contact-band-inner{display:block}.contact-band .btn{margin-top:40px}.footer-top{display:block}.footer-links{margin-top:40px}.page-banner{padding:85px 0 65px}.page-banner h1{font-size:clamp(77px,13vw,120px)}.two-col-editorial,.contact-layout{padding:80px 0}}
@media(max-width:560px){.container,.nav-shell{padding-left:18px;padding-right:18px}.hero-copy h1{font-size:clamp(67px,16vw,90px)}.hero-art{padding:0}.hero-copy .intro{font-size:14px}.hero-actions{display:flex;flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:space-between}.ribbon-track{gap:12px 20px}.ribbon-track span{font-size:9px}.section-title{font-size:clamp(57px,13vw,78px)}.track-row{grid-template-columns:30px 1fr 28px;gap:12px}.track-name{font-size:30px}.player-stage{padding:18px}.world-panels{gap:10px}.world-panels .panel{min-height:200px;padding:17px}.world-panels .panel h3{font-size:32px}.world-panels .panel p{font-size:11px}.studies-grid,.recording-list{grid-template-columns:1fr}.about-lockup{min-height:450px}.footer-links{gap:42px}.footer-logo{width:180px}.footer-bottom{flex-direction:column}.contact-form{padding:22px}.form-row{grid-template-columns:1fr;gap:0}.page-banner h1{font-size:clamp(65px,18vw,95px)}.section{padding:74px 0}.contact-band{padding:75px 0}.contact-band h2{font-size:clamp(55px,12vw,80px)}.world-quote{font-size:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1!important;transform:none!important;transition:none!important}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

.contact-success{padding:40px 0}.contact-success h2{font-family:var(--font-serif);font-size:clamp(72px,9vw,120px);font-weight:400;line-height:1;margin:24px 0;letter-spacing:-.05em}.contact-success h2 span{color:var(--ember)}.contact-success p{color:var(--cream-2);font-size:15px;line-height:1.9;max-width:360px;margin:0 0 36px}.contact-form button:disabled{cursor:wait;opacity:.65;transform:none}

.contact-layout .contact-heading{font-size:clamp(55px,6.5vw,94px)}.contact-intro{font-size:13px;margin-bottom:30px}.section-bordered{border-top:1px solid var(--line)}.recording-list-spaced{margin-top:34px}
