:root{color-scheme:dark;--black:#07080b;--ivory:#f1efea;--grey:#85858c;--gold:#c6a66b;--blue:#008cff}*{box-sizing:border-box}html{background:var(--black)}body{margin:0;color:var(--ivory);font-family:"Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:#008cff55}.experience{position:relative;max-width:2400px;min-height:100vh;min-height:100svh;margin:auto;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(ellipse at 66% 40%,#10131a55,transparent 48%)}
header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;margin:0 4.4%;padding:39px 0 27px;border-bottom:1px solid #f1efea12}.wordmark{color:var(--ivory);text-decoration:none;font-size:25px;font-weight:500;letter-spacing:.18em;line-height:1}.wordmark sup{font-size:8px;vertical-align:top;letter-spacing:0;margin-left:7px}.descriptor{font-size:8px;text-transform:uppercase;line-height:1.8;letter-spacing:.23em;margin:0;color:#b2b1b6}main{position:relative;flex:1;min-height:660px}.edition{position:absolute;left:4.4%;top:36px;display:flex;align-items:center;gap:15px;color:var(--grey);text-transform:uppercase;font-size:8px;letter-spacing:.2em}.edition i{width:27px;height:1px;background:#c6a66b70}.edition span{color:#c6a66bb0}
.artwork{position:absolute;top:-6%;right:3%;width:min(64vw,1100px);margin:0;pointer-events:none;transform:translate3d(var(--px,0px),var(--py,0px),0);transition:transform 1.5s cubic-bezier(.2,.7,.3,1)}.float{position:relative}.artwork img{width:100%;height:auto;display:block;opacity:.94}.light{position:absolute;inset:10% 15%;background:linear-gradient(115deg,transparent 40%,#008cff07 48%,#c6a66b06 50%,transparent 56%);mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000,transparent 68%)}
.copy{position:absolute;z-index:2;left:8.3%;right:8.3%;bottom:10%}.eyebrow{margin:0 0 29px;display:flex;align-items:center;gap:13px;font-size:8px;letter-spacing:.25em;text-transform:uppercase;color:#b0b0b7}.eyebrow>span{width:25px;height:1px;background:var(--blue);box-shadow:0 0 12px #008cff66}h1{font-weight:400;margin:0;font-size:clamp(46px,5.75vw,110px);line-height:1.08;letter-spacing:-.055em}h1>span{display:block}.first{font-weight:300}.second{margin-left:10.3%}h1 em{font-family:Didot,"Bodoni MT","Times New Roman",serif;font-weight:400;letter-spacing:-.065em;font-size:1.09em}.hero-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:37px;padding-left:10.3%;gap:30px}.support{font-family:Georgia,serif;font-style:italic;color:#aaa9ae;font-size:14px;line-height:1.6;margin:0}.status{display:flex;align-items:center;gap:11px;text-transform:uppercase;font-size:8px;letter-spacing:.25em;white-space:nowrap;color:var(--gold);margin:0}.status span{width:4px;height:4px;background:var(--gold);border-radius:50%}.side{position:absolute;right:3%;top:38%;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.23em;font-size:7px;color:#85858c}
footer{position:relative;z-index:2;margin:0 4.4%;height:72px;border-top:1px solid #f1efea12;display:flex;align-items:center;justify-content:space-between;color:var(--grey);font-size:8px;letter-spacing:.1em}footer p{margin:0}footer svg{width:30px;height:24px;color:var(--gold);position:absolute;left:50%;transform:translateX(-50%);opacity:.8}.footer-note{display:flex;align-items:center;gap:15px}.footer-note span{height:1px;width:22px;background:#008cff80}a:focus-visible{outline:1px solid var(--blue);outline-offset:8px}
@media(min-width:1700px){main{min-height:760px}.artwork{top:-7%;right:7%;width:58vw}.copy{bottom:12%}}
@media(max-width:1000px) and (min-width:701px){.artwork{width:80vw;right:-5%;top:0}main{min-height:700px}.copy{left:6%;right:6%;bottom:12%}h1{font-size:6.5vw}.hero-bottom{padding-left:0}}
@media(max-width:700px){header{margin:0 7%;padding:28px 0 23px}.wordmark{font-size:20px;letter-spacing:.12em}.descriptor{font-size:6px;letter-spacing:.12em}.wordmark sup{font-size:6px;margin-left:3px}main{min-height:0;display:flex;flex-direction:column;padding-bottom:43px}.edition{position:relative;left:auto;top:auto;margin:24px 7% 0;font-size:7px;gap:10px}.edition i{width:17px}.artwork{position:relative;top:auto;right:auto;width:112%;margin:-15px -6% -53px}.copy{position:relative;left:auto;right:auto;bottom:auto;margin:0 7%}.eyebrow{font-size:6px;letter-spacing:.2em;margin:0 0 22px;gap:10px}.eyebrow>span{width:18px}h1{font-size:clamp(26px,6.75vw,47px);line-height:1.16;letter-spacing:-.055em}.second{margin-left:0}h1 em{font-size:1.12em}.hero-bottom{margin-top:25px;padding-left:0;align-items:flex-start;flex-direction:column;gap:26px}.support{font-size:12px}.status{font-size:7px}.side{display:none}footer{margin:0 7%;height:65px;font-size:6px}.footer-note{gap:7px}.footer-note span{width:12px}footer svg{width:22px}}
@media(prefers-reduced-motion:no-preference){header{animation:reveal 1.8s .7s both}.float{animation:art-reveal 3s both,levitate 12s 3s ease-in-out infinite}.edition,.side,footer{animation:reveal 2s 1.4s both}.eyebrow{animation:rise 1.4s 1s both}.first{animation:rise 1.7s 1.2s both}.second{animation:rise 1.7s 1.45s both}.hero-bottom{animation:rise 1.8s 1.8s both}.light{animation:light 14s 3s ease-in-out infinite}@keyframes reveal{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes art-reveal{0%{opacity:0;filter:brightness(.2);transform:scale(.98)}35%{opacity:.45;filter:brightness(.65)}100%{opacity:1;filter:brightness(1);transform:scale(1)}}@keyframes levitate{0%,100%{transform:translateY(0) rotate(-.25deg)}50%{transform:translateY(-8px) rotate(.25deg)}}@keyframes light{0%,100%{opacity:.15;transform:translateX(-8%)}50%{opacity:1;transform:translateX(8%)}}}
.wordmark{display:inline-flex;align-items:baseline;gap:.22em;font-family:Didot,"Bodoni MT","Palatino Linotype",Georgia,serif;font-size:36px;font-weight:400;letter-spacing:-.065em;line-height:1.15;white-space:nowrap}.wordmark-name{font-weight:400}.wordmark-agy{font-style:italic;font-size:1.12em;letter-spacing:-.075em;position:relative}.wordmark-agy::after{content:"";position:absolute;width:13px;height:1px;right:-17px;bottom:.2em;background:var(--gold);opacity:.75}
@media(max-width:700px){.wordmark{font-size:28px;letter-spacing:-.065em;gap:.22em}.wordmark-agy::after{width:8px;right:-11px}.descriptor{max-width:96px}}
/* Exhibition composition: one name, one artwork, one thought. */
.experience{background:#07080b}header{margin:0 5%;padding:30px 0 0;border:0;align-items:flex-start}.wordmark{font-size:clamp(65px,8.7vw,166px);line-height:.93;letter-spacing:-.075em;gap:.14em}.wordmark-agy{font-size:1em;letter-spacing:-.085em;transform:translateY(.12em)}.wordmark-agy::after{display:none}.descriptor{margin-top:12px;max-width:130px;font-size:9px;line-height:1.5;letter-spacing:.02em;text-transform:none;color:#85858c}main{min-height:650px}.artwork{top:-13%;right:4%;width:min(70vw,1160px);transform:translate3d(var(--px,0px),var(--py,0px),0) rotate(13deg)}.copy{left:9%;right:6%;top:12%;bottom:8%;display:flex;flex-direction:column;justify-content:space-between}h1{font-family:Didot,"Bodoni MT","Times New Roman",serif;font-size:clamp(50px,5.8vw,112px);line-height:.92;letter-spacing:-.055em;font-weight:400}.first{font-weight:400}.second{margin-left:9%;margin-top:.16em}h1 em{font-size:1em;font-weight:400;letter-spacing:-.065em}.hero-bottom{padding-left:0;margin-top:35px;align-items:flex-end}.support{font-family:"Helvetica Neue",Arial,sans-serif;font-style:normal;font-size:11px;line-height:1.6;color:#85858c}.status{font-family:Georgia,serif;font-size:19px;font-style:italic;text-transform:none;letter-spacing:-.04em;color:#c6a66b;transform:rotate(-6deg);padding-bottom:10px}footer{height:50px;border:0;margin:0 5%;font-size:8px}footer svg{left:auto;right:0;transform:none;width:25px}
@media(min-width:1700px){main{min-height:790px}.artwork{top:-17%;right:3%;width:66vw}.copy{top:14%;bottom:9%}}
@media(max-width:1000px) and (min-width:701px){main{min-height:740px}.artwork{width:95vw;right:-17%;top:0}.copy{left:7%;top:15%;bottom:9%}h1{font-size:8vw}.wordmark{font-size:10vw}}
@media(max-width:700px){header{margin:0 7%;padding-top:30px;display:block}.wordmark{font-size:clamp(53px,13.5vw,94px);gap:.14em;letter-spacing:-.075em}.descriptor{margin-top:22px;max-width:none;font-size:8px;letter-spacing:.04em}main{min-height:680px;padding:0;display:block}.artwork{position:absolute;width:127%;top:33px;right:-28%;margin:0;transform:rotate(17deg)}.copy{position:relative;left:auto;right:auto;top:auto;bottom:auto;margin:0 8%;padding-top:220px;padding-bottom:45px;min-height:680px}h1{font-size:clamp(54px,13.8vw,88px);line-height:.92}.second{margin-left:16%;margin-top:.14em}.hero-bottom{margin-top:36px;flex-direction:row;align-items:flex-end;gap:16px}.support{font-size:10px}.status{font-size:17px;white-space:nowrap}footer{margin:0 8%;height:48px;font-size:7px}.float{opacity:.88}}
@media(prefers-reduced-motion:no-preference){.first{animation:reveal 2s .8s both}.second{animation:reveal 2s 1.1s both}.float{animation:art-reveal 3s both,levitate 18s 3s ease-in-out infinite}}
.socials{display:flex;align-items:center;gap:9px}.social-mark{display:inline-flex;align-items:center;justify-content:center;width:32px;height:36px;color:#aaa9ae}.socials svg{position:static;inset:auto;transform:none;width:19px;height:19px;color:inherit;opacity:1}.socials a{min-width:44px;min-height:44px;text-decoration:none;transition:color .25s ease}.socials a:hover{color:var(--gold)}.socials a:focus-visible{outline:1px solid var(--blue);outline-offset:2px}@media(max-width:700px){footer{height:64px}.socials{gap:3px}.social-mark{width:29px}.socials svg{width:17px;height:17px}}
footer .socials{display:flex;flex-wrap:nowrap;align-items:center;flex-shrink:0}footer .socials .social-mark{position:relative;flex-shrink:0}footer .socials svg{position:static;inset:auto;transform:none;display:block;flex-shrink:0;margin:0}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.artwork{transform:rotate(13deg)}}