/* Four chapters, fourteen original project records; an exhibition rather than a project index. */
.experiments-page{max-width:none;background:#000;color:#fff;overflow-x:clip;overflow-y:visible}
.experiments-page .experiments-exhibition{max-width:1600px;margin:auto;color:#fff;background:#000}
.experiments-page .exp-intro{padding:35px 0 135px}
.experiments-page .exp-intro-top{display:flex;justify-content:space-between;gap:25px;font-size:8px;letter-spacing:.1em;color:#888}
.experiments-page .exp-intro h1{font-size:clamp(78px,14.5vw,235px);line-height:.86;letter-spacing:-.077em;font-weight:450;margin:51px 0 70px;white-space:nowrap}
.experiments-page .exp-intro h1>span{color:#666}
.experiments-page .exp-intro-bottom{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;align-items:start}
.experiments-page .exp-intro-bottom>p{font-size:clamp(27px,4vw,61px);line-height:1.06;letter-spacing:-.05em;max-width:650px}
.experiments-page .exp-intro-bottom nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 40px;padding-top:7px}
.experiments-page .exp-intro-bottom nav a{display:flex;align-items:center;justify-content:space-between;gap:13px;min-height:38px;font-size:11px;color:#fff;padding:8px 0}
.experiments-page .exp-intro-bottom nav a>span:first-child{color:#666;font-size:8px;margin-right:auto}
.experiments-page .exp-intro-bottom nav a>span:last-child{margin-left:12px;color:#777;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.experiments-page .exp-intro-bottom nav a:hover>span:last-child{color:#fff;transform:translateY(5px)}
.experiments-page .exp-chapter{scroll-margin-top:100px;position:relative;margin:0 0 110px}
.experiments-page .exp-chapter-heading{position:relative;padding:0 0 115px;isolation:isolate}
.experiments-page .exp-chapter-top{display:flex;justify-content:space-between;gap:25px;font-size:8px;line-height:1.4;letter-spacing:.1em;color:#777}
.experiments-page .exp-chapter-title{font-size:clamp(100px,24vw,370px);font-weight:450;letter-spacing:-.08em;line-height:.85;margin:65px 0 60px;white-space:nowrap;color:#fff}
.experiments-page .exp-chapter-title>span{display:block;transform:translate3d(0,var(--exp-scroll-y,0px),0)}
.experiments-page .exp-chapter-title sup{vertical-align:top;display:inline-block;font-size:11px;letter-spacing:0;line-height:1;margin:8px 0 0 25px;color:#777;font-weight:400}
.experiments-page .exp-chapter-heading>p{font-size:clamp(16px,2.2vw,31px);line-height:1.22;letter-spacing:-.025em;color:#aaa;max-width:540px;margin-left:48%}
.experiments-page .exp-chapter-installation .exp-chapter-title{font-size:clamp(75px,13.8vw,222px)}
.experiments-page .exp-chapter-concepts .exp-chapter-title{font-size:clamp(95px,20vw,320px)}
.experiments-page .exp-project{position:relative;max-width:1500px;margin:0 auto clamp(135px,19vw,290px)}
.experiments-page .exp-project-heading{position:relative;z-index:2;margin-bottom:42px}
.experiments-page .exp-project-label{display:block;font-size:8px;color:#777;line-height:1.4;letter-spacing:.065em;text-transform:uppercase}
.experiments-page .exp-title{font-size:clamp(40px,6.2vw,96px);font-weight:450;letter-spacing:-.055em;line-height:1.04;margin:24px 0 14px;max-width:95%}
.experiments-page .exp-title>a{display:inline-flex;gap:23px;align-items:flex-start;max-width:100%}
.experiments-page .exp-title .roll-title{max-width:100%}
.experiments-page .exp-title-arrow{font-size:.4em;color:#777;line-height:1;padding-top:.15em;transition:transform .6s cubic-bezier(.16,1,.3,1),color .35s}
.experiments-page .exp-project:is(:hover,:focus-within) .exp-title .roll-title>span:first-child{transform:translateY(-110%)}
.experiments-page .exp-project:is(:hover,:focus-within) .exp-title .roll-title>span:last-child{transform:translateY(0)}
.experiments-page .exp-project:is(:hover,:focus-within) .exp-title-arrow{color:#fff;transform:translate(5px,-5px)}
.experiments-page .exp-project-line{font-size:12px;line-height:1.5;color:#888;max-width:520px}
.experiments-page .exp-gallery{position:relative;display:grid;gap:6%;align-items:end}
.experiments-page .exp-art{position:relative;margin:0;min-width:0}
.experiments-page .exp-art-shift,.experiments-page .exp-sound-player-shift{position:relative;transform:translate3d(0,var(--exp-scroll-y,0px),0) rotate(var(--exp-scroll-r,0deg));transform-origin:50% 50%;will-change:transform}
.experiments-page .exp-art-link{position:relative;display:block;border:0;outline:0;color:#fff}
.experiments-page .exp-surface{position:relative;aspect-ratio:var(--exp-ratio,1.77778);background:#000;display:grid;place-items:center;isolation:isolate}
.experiments-page .exp-surface>img,.experiments-page .exp-surface>video{width:100%;height:100%;object-fit:contain;display:block;min-width:0;min-height:0;border:0;outline:0}
.experiments-page .exp-art-cue{position:absolute;bottom:12px;right:12px;left:12px;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.08em;opacity:0;transition:opacity .3s;pointer-events:none}
.experiments-page .exp-art-cue>span:first-child{padding:8px 10px;background:#000d;color:#fff}
.experiments-page .exp-art-cue>span:last-child{width:29px;height:29px;display:grid;place-items:center;background:#fff;color:#000;font-size:20px}
.experiments-page .exp-art-link:is(:hover,:focus-visible) .exp-art-cue{opacity:1}
.experiments-page .exp-art figcaption{font-size:8px;color:#777;line-height:1.5;padding-top:14px;max-width:500px}
.experiments-page .exp-project-reading{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:11%;margin:56px 0 0 21%;max-width:1000px;position:relative;z-index:2}
.experiments-page .exp-summary{font-size:14px;line-height:1.65;letter-spacing:-.015em;color:#aaa;white-space:pre-line}
.experiments-page .exp-credit dl{display:grid;gap:15px;margin:0 0 26px}
.experiments-page .exp-credit dl>div{display:grid;grid-template-columns:90px 1fr;gap:14px}
.experiments-page .exp-credit dt{font-size:8px;line-height:1.5;color:#666}
.experiments-page .exp-credit dd{font-size:10px;line-height:1.55;color:#ccc;margin:0}
.experiments-page .exp-case-link{display:flex;justify-content:space-between;gap:30px;font-size:11px;line-height:1.4;color:#fff;padding:10px 0}
.experiments-page .exp-case-link>span{transition:transform .45s cubic-bezier(.16,1,.3,1)}
.experiments-page .exp-case-link:hover>span{transform:translate(5px,-5px)}
/* Listening is presented through the actual film, with sound attribution alongside it. */
.experiments-page .exp-sound-project{max-width:1390px}
.experiments-page .exp-sound-project .exp-title{font-size:clamp(43px,7vw,112px)}
.experiments-page .exp-sound-left .exp-sound-player{width:84%;margin-left:0}
.experiments-page .exp-sound-right .exp-sound-player{width:84%;margin-left:16%}
.experiments-page .exp-sound-right .exp-project-heading{margin-left:16%}
.experiments-page .exp-sound-project .exp-project-reading{margin-top:82px;margin-left:23%}
.experiments-page .exp-film-entry{position:relative;width:min(100%,360px);margin:32px 0 0 21%;min-width:0}
.experiments-page .exp-audio-list{display:grid;gap:25px;margin:45px 0 0 23%;max-width:1000px}
.experiments-page .exp-audio-item{display:grid;gap:12px;font-size:11px;color:#aaa}
.experiments-page .exp-audio-item audio{width:100%;max-width:700px}
/* Unequal scales and offsets create arrivals; every artwork uses contain. */
.experiments-page .exp-layout-wide .exp-gallery{width:94%;margin-left:6%;grid-template-columns:minmax(0,1fr)}
.experiments-page .exp-layout-wide.exp-has-support .exp-art-support{width:42%;margin:8% 0 0 58%}
.experiments-page .exp-layout-wide .exp-project-heading{margin-left:6%}
.experiments-page .exp-layout-offset .exp-gallery{width:79%;margin-left:21%;grid-template-columns:minmax(0,1fr)}
.experiments-page .exp-layout-offset .exp-art-support{width:44%;margin:9% 0 0 -15%}
.experiments-page .exp-layout-offset .exp-project-heading{margin-left:21%}
.experiments-page .exp-layout-portrait .exp-gallery{width:76%;margin-left:9%;grid-template-columns:1fr .65fr;gap:12%}
.experiments-page .exp-layout-portrait .exp-art-support{margin-bottom:21%}
.experiments-page .exp-layout-portrait .exp-project-heading{margin-left:9%}
.experiments-page .exp-layout-bleed .exp-gallery{width:calc(100% + var(--gutter)*2);margin-inline:calc(var(--gutter)*-1);grid-template-columns:minmax(0,1fr)}
.experiments-page .exp-layout-bleed.exp-has-support .exp-art-support{width:38%;margin:8% 0 0 57%}
.experiments-page .exp-layout-paired .exp-gallery{width:90%;margin-left:10%;grid-template-columns:.55fr 1fr;gap:9%}
.experiments-page .exp-layout-paired .exp-art-primary{grid-column:2;grid-row:1}
.experiments-page .exp-layout-paired .exp-art-support{grid-column:1;grid-row:1;margin-bottom:18%}
.experiments-page .exp-layout-paired .exp-project-heading{margin-left:10%}
.experiments-page .exp-layout-left .exp-gallery{width:77%;margin-left:0;grid-template-columns:minmax(0,1fr)}
.experiments-page .exp-layout-left .exp-art-support{width:40%;margin:10% 0 0 60%}
.experiments-page .exp-endnote{display:flex;justify-content:space-between;gap:40px;align-items:baseline;margin:25px 0 65px;padding-top:35px}
.experiments-page .exp-endnote>span{font-size:8px;letter-spacing:.1em;color:#777}
.experiments-page .exp-endnote>a{font-size:clamp(40px,6vw,94px);letter-spacing:-.06em;line-height:1;display:flex;gap:50px}
.experiments-page .exp-endnote>a>span{transition:transform .5s cubic-bezier(.16,1,.3,1)}
.experiments-page .exp-endnote>a:hover>span{transform:translate(6px,-6px)}
.experiments-page .exp-reveal{transition:opacity .85s cubic-bezier(.16,1,.3,1),clip-path 1s cubic-bezier(.16,1,.3,1)}
.experiments-page .exp-ready .exp-reveal:not(.is-seen){opacity:.15;clip-path:inset(0 0 4% 0)}
.experiments-page .exp-ready .exp-reveal.is-seen{opacity:1;clip-path:none}
.experiments-page :is(.exp-art,.exp-art-link,.exp-art-shift,.exp-surface){border:0;outline:0;box-shadow:none}
.experiments-page .contact-block{margin-top:75px}
@media(max-width:950px){.experiments-page .exp-intro{padding-bottom:100px}.experiments-page .exp-intro-bottom{gap:7%}.experiments-page .exp-intro-bottom nav{gap:8px 24px}.experiments-page .exp-chapter-heading{padding-bottom:85px}.experiments-page .exp-project-reading{gap:8%;margin-left:12%}.experiments-page .exp-title{font-size:clamp(39px,7vw,70px)}}
@media(max-width:680px){
.experiments-page .exp-intro{padding-top:25px;padding-bottom:85px}
.experiments-page .exp-intro-top{font-size:6px;gap:15px}
.experiments-page .exp-intro h1{font-size:13.3vw;letter-spacing:-.07em;margin:40px 0 35px}
.experiments-page .exp-intro-bottom{grid-template-columns:1fr;gap:30px}
.experiments-page .exp-intro-bottom>p{font-size:35px;max-width:300px}
.experiments-page .exp-intro-bottom nav{max-width:340px;gap:8px 25px}
.experiments-page .exp-intro-bottom nav a{font-size:9px;min-height:35px}
.experiments-page .exp-intro-bottom nav a>span:first-child{font-size:6px}
.experiments-page .exp-chapter{scroll-margin-top:85px;margin-bottom:65px}
.experiments-page .exp-chapter-heading{padding-bottom:65px}
.experiments-page .exp-chapter-top{font-size:6px}
.experiments-page .exp-chapter-title{font-size:27vw;letter-spacing:-.075em;margin:48px 0 36px}
.experiments-page .exp-chapter-title sup{font-size:8px;margin:5px 0 0 13px}
.experiments-page .exp-chapter-installation .exp-chapter-title{font-size:14.1vw}
.experiments-page .exp-chapter-concepts .exp-chapter-title{font-size:21.4vw}
.experiments-page .exp-chapter-heading>p{font-size:16px;line-height:1.3;margin-left:17%;max-width:80%}
.experiments-page .exp-project{margin-bottom:115px}
.experiments-page .exp-project .exp-project-heading{margin-left:0;margin-bottom:27px}
.experiments-page .exp-project-label{font-size:6px}
.experiments-page .exp-project .exp-title{font-size:clamp(31px,10vw,49px);line-height:1.06;margin:18px 0 11px;max-width:100%}
.experiments-page .exp-title>a{gap:13px}
.experiments-page .exp-project-line{font-size:10px}
.experiments-page .exp-project .exp-gallery{width:100%;margin-inline:0;grid-template-columns:minmax(0,1fr);gap:26px}
.experiments-page .exp-project .exp-gallery .exp-art-primary,.experiments-page .exp-project .exp-gallery .exp-art-support{grid-column:1;grid-row:auto;width:100%;margin:0}
.experiments-page .exp-project .exp-gallery .exp-art-support{width:69%;margin-left:auto;margin-top:12px}
.experiments-page .exp-layout-bleed .exp-gallery{width:calc(100% + var(--gutter)*2);margin-inline:calc(var(--gutter)*-1)}
.experiments-page .exp-project .exp-project-reading,.experiments-page .exp-sound-project .exp-project-reading{display:block;margin:45px 0 0;max-width:none}
.experiments-page .exp-summary{font-size:12px;line-height:1.65}
.experiments-page .exp-credit{margin-top:25px}
.experiments-page .exp-credit dl{gap:12px;margin-bottom:17px}
.experiments-page .exp-credit dt{font-size:7px}
.experiments-page .exp-credit dd{font-size:9px}
.experiments-page .exp-case-link{font-size:10px}
.experiments-page .exp-art-cue{opacity:1;left:8px;right:8px;bottom:8px;font-size:5px}
.experiments-page .exp-art-cue>span:first-child{padding:6px 8px}
.experiments-page .exp-art-cue>span:last-child{width:24px;height:24px;font-size:16px}
.experiments-page .exp-art figcaption{font-size:7px;padding-top:11px}
.experiments-page .exp-sound-project .exp-sound-player{width:100%;margin-left:0}
.experiments-page .exp-film-entry{width:min(100%,320px);margin:24px 0 0}
.experiments-page .exp-audio-list{margin:30px 0 0}
.experiments-page .exp-endnote{gap:20px;margin-bottom:40px}
.experiments-page .exp-endnote>span{font-size:6px;max-width:105px;line-height:1.5}
.experiments-page .exp-endnote>a{font-size:36px;gap:25px}
.experiments-page .contact-block{margin-top:60px}
}
.experiments-page .exp-audio-item audio{color-scheme:dark;accent-color:#fff}