:root{color-scheme:dark;--dark:#232323;--ink:#292929;--paper:#f1eee7;--muted:#bab7af;--line:#ffffff30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--dark);color:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:7px}a:focus-visible{outline:2px solid currentColor;outline-offset:7px}figure,p,h1,h2,h3{margin:0}img{display:block;width:100%;height:auto}h1,h2,h3{font-weight:400;letter-spacing:-.055em;line-height:1.04}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}header{height:116px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;font-size:28px;line-height:1;letter-spacing:.04em;display:inline-flex;flex-direction:column;gap:8px}.brand span{font-size:12px;letter-spacing:.22em;font-weight:400}nav{display:flex;gap:36px;font-size:14px}.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;padding:0 5.5%}.hero-copy{padding:80px 15px 65px 0}.eyebrow{font-size:12px;letter-spacing:.16em;font-weight:600;line-height:1.5}.hero h1{font-size:clamp(64px,7.8vw,122px);margin:36px 0}.hero-note{font-size:20px;line-height:1.55;color:var(--muted)}.text-link{display:inline-flex;gap:45px;align-items:center;border-bottom:1px solid #f1eee780;padding:12px 0;font-size:15px;margin-top:32px}.text-link span{font-size:26px}.hero-photo{position:relative;margin-left:5%;background:#202020;align-self:stretch}.hero-photo img{height:100%;object-fit:cover;object-position:50% 40%;max-height:790px}.hero-photo figcaption{position:absolute;bottom:22px;right:24px;font-size:12px;letter-spacing:.17em}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;padding:25px 0;font-size:12px;letter-spacing:.12em;border-top:1px solid var(--line)}.section-heading{background:var(--paper);color:var(--ink);padding:100px 8% 75px;display:flex;justify-content:space-between;align-items:flex-start}.section-heading h2{font-size:clamp(42px,5vw,72px);width:53%}.project{display:grid;grid-template-columns:1fr 1fr;padding:45px 8% 100px;gap:10%;align-items:center}.project figure{max-width:490px}.project figure img{aspect-ratio:2/3;object-fit:cover}.project-copy{max-width:490px}.project h3{font-size:clamp(45px,6.1vw,88px);margin:26px 0 35px}.project-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;margin:0 0 20px}.sonus{background:var(--paper);color:var(--ink)}.sounds{padding-top:100px;background:#1a1a1a}.sounds figure{grid-column:2;grid-row:1}.sounds .project-copy{grid-column:1;grid-row:1}.mishrooms{padding-top:100px;background:#dedfd9;color:var(--ink)}.mishrooms h3{font-size:clamp(40px,5.5vw,80px)}.platforms{display:flex;gap:28px;flex-wrap:wrap;margin-top:35px}.platforms a{border-bottom:1px solid currentColor;display:flex;align-items:center;gap:23px;padding:10px 0;font-size:15px}.platforms span{font-size:20px}.perspective{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;padding:110px 8%;align-items:center}.perspective h2{font-size:clamp(44px,5.8vw,83px);margin:35px 0}.manifesto{max-width:480px;color:#cbc7bf;font-size:17px}.manifesto p+p{margin-top:18px}.perspective figure{align-self:center}.contact{background:var(--paper);color:var(--ink);padding:95px 8%;display:grid;grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}.contact figure{max-width:330px}.contact h2{font-size:clamp(54px,6.5vw,96px);margin:30px 0}.contact p:not(.eyebrow){font-size:17px}.email{display:inline-block;margin-top:30px;border-bottom:1px solid;font-size:clamp(15px,1.8vw,24px);overflow-wrap:anywhere}footer{padding:48px 5.5%;display:flex;justify-content:space-between;gap:30px;align-items:center;font-size:14px}footer>span{color:var(--muted);font-size:12px}.skip{position:fixed;z-index:5;left:12px;top:-100px;background:var(--paper);color:var(--ink);padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){body{max-width:1800px;margin:auto}.hero h1{font-size:125px}}@media(max-width:760px){header{height:95px;padding:0 6%}.brand{font-size:23px}nav{gap:16px;font-size:13px}nav a:nth-child(2){display:none}.hero{padding:0 6%;grid-template-columns:1fr}.hero-copy{padding:45px 0}.hero h1{font-size:clamp(60px,14vw,95px);margin:24px 0}.hero-note{font-size:18px}.hero-photo{margin:0;width:100%}.hero-photo img{max-height:650px;height:auto}.hero-foot{font-size:10px;letter-spacing:.06em;gap:15px}.hero-foot span:last-child{display:none}.section-heading{padding:65px 7% 40px;display:block}.section-heading h2{width:auto;margin-top:24px}.project{grid-template-columns:1fr;padding:25px 7% 65px;gap:35px}.project figure{max-width:none}.project figure img{max-height:680px;object-position:50% 40%}.project-copy{max-width:none}.project h3{font-size:65px;margin:18px 0 25px}.sounds,.mishrooms{padding-top:65px}.sounds figure,.sounds .project-copy{grid-column:auto;grid-row:auto}.mishrooms h3{font-size:clamp(42px,12vw,65px)}.perspective{padding:65px 7%;grid-template-columns:1fr;gap:40px}.perspective h2{font-size:60px}.perspective figure img{max-height:620px;object-fit:cover}.contact{padding:65px 7%;grid-template-columns:1fr;gap:40px}.contact figure{max-width:270px}.contact h2{font-size:65px}footer{align-items:flex-start;flex-wrap:wrap;padding:35px 7%}footer>span{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.music-videos{padding:100px 8%;background:#1a1a1a}.videos-heading{display:flex;justify-content:space-between;margin-bottom:55px}.videos-heading h2{font-size:clamp(42px,5vw,72px);width:53%}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px 35px}.video-card{min-width:0}.video-card iframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#111}.video-caption{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:18px}.video-caption .eyebrow{color:var(--muted)}.video-caption h3{font-size:25px;line-height:1.25;letter-spacing:-.025em;margin-top:6px}.video-caption>a{font-size:14px;white-space:nowrap}nav a[href="#perspective"]{display:block}@media(max-width:760px){.music-videos{padding:65px 7%}.videos-heading{display:block;margin-bottom:35px}.videos-heading h2{width:auto;margin-top:24px}.video-grid{grid-template-columns:1fr;gap:35px}nav a[href="#perspective"]{display:none}nav a[href="#music-videos"]{display:block}}
