:root{--paper:#f5eee0;--paper-light:#fff8e9;--peacock:#164742;--jade:#80c9c2;--peach:#ed7899;--crimson:#bd3d60;--aged-gold:#d3ad55;--night:#092b29;--progress:0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--peacock);margin:0;font-family:Iowan Old Style,Songti SC,Noto Serif CJK SC,serif}a{color:inherit}:where(a,button,input,textarea,select){min-height:44px}:where(button,input,textarea,select){min-width:44px}img{max-width:100%;display:block}img[hidden]{display:none}::selection{background:var(--peach);color:var(--night)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.exhibition{background:var(--paper);width:100%;min-width:0;max-width:100vw;overflow-x:clip}.act{isolation:isolate;position:relative;overflow:hidden}.act-mark{color:var(--peacock);font-family:var(--font-geist-mono), monospace;letter-spacing:.28em;text-transform:uppercase;margin:0 0 1.6rem;font-size:.7rem;font-weight:600}.gaze .act-mark,.reveal .act-mark{color:var(--aged-gold)}.gaze{background:var(--night);min-height:100svh;color:var(--paper-light);place-items:center;padding:5rem 7vw 4rem;display:grid}.gaze:before,.gaze:after{content:"";z-index:2;opacity:.55;pointer-events:none;mix-blend-mode:screen;background-image:url(/art/current-botanical.webp);background-position:top;background-repeat:repeat-y;background-size:100%;width:clamp(7.5rem,13vw,11.5rem);position:absolute;inset-block:-12%}.gaze:before{left:5vw;transform:rotate(9deg)translateY(-3%)}.gaze:after{right:4vw;transform:rotate(-7deg)translateY(7%)}.gaze__artwork{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.gaze__beasts{object-fit:cover;mix-blend-mode:multiply;opacity:.74;filter:saturate(1.15)contrast(1.08);clip-path:ellipse(46% 52%);width:min(76vw,68rem);height:114%;position:absolute;top:-7%}.gaze__beasts--left{object-position:32% center;left:-28%}.gaze__beasts--right{object-position:68% center;right:-30%;transform:scaleX(-1)}.gaze__copy{z-index:4;text-align:center;width:min(34rem,82vw);position:relative}.gaze h1{letter-spacing:-.09em;justify-content:center;gap:clamp(.25rem,2vw,1.5rem);margin:0;font-size:clamp(4.6rem,11.5vw,10.5rem);font-weight:400;line-height:.82;display:flex}.gaze h1 span[aria-hidden=true]:last-child{color:var(--peach);transform:translateY(.42em)}.gaze__lede{color:color-mix(in srgb, var(--paper-light) 78%, transparent);letter-spacing:.12em;margin:clamp(3.5rem,8vh,6rem) auto 0;font-size:clamp(.9rem,1.25vw,1.06rem);line-height:2}.invitation{border-block:1px solid color-mix(in srgb, var(--aged-gold) 62%, transparent);width:min(20rem,100%);color:var(--aged-gold);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.18em;justify-content:space-between;align-items:center;margin:clamp(2.5rem,6vh,4rem) auto 0;padding:.9rem .2rem;font-size:.76rem;text-decoration:none;display:flex}.invitation span:last-child{font-size:1rem}.gaze__date{z-index:4;color:var(--jade);font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;writing-mode:vertical-rl;margin:0;font-size:.66rem;position:absolute;bottom:2rem;right:3vw}.plaque{background:var(--paper-light);min-height:112svh;padding:clamp(7rem,14vw,13rem) 8vw 8rem}.plaque:before{content:"";aspect-ratio:1;border:1px solid color-mix(in srgb, var(--peach) 45%, transparent);border-radius:50%;width:min(38vw,31rem);position:absolute;top:7%;right:-13rem}.plaque:after{content:"双 潮";color:color-mix(in srgb, var(--crimson) 16%, transparent);letter-spacing:-.2em;white-space:nowrap;z-index:-1;font-size:clamp(7rem,21vw,20rem);line-height:.75;position:absolute;bottom:5rem;right:4vw}.plaque__intro{width:min(37rem,68vw);margin-left:7vw}.plaque h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.5rem,6.2vw,6rem);font-weight:400;line-height:1.05}.plaque__intro>p:last-child{width:min(29rem,100%);color:color-mix(in srgb, var(--peacock) 76%, transparent);margin:2.5rem 0 0 18%;font-size:1rem;line-height:2}.name-plaque{border-block:1px solid color-mix(in srgb, var(--peacock) 34%, transparent);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3.5rem 8vw;width:min(58rem,82vw);margin:clamp(5rem,10vw,8rem) auto 0;padding:2rem 0 1rem;display:grid;position:relative}.name-plaque:before{content:"QIXI · DOUBLE CURRENT · INSCRIPTION";color:var(--crimson);font-family:var(--font-geist-mono), monospace;letter-spacing:.23em;font-size:.58rem;position:absolute;top:-1.7rem;left:0}.name-plaque__field{min-width:0;position:relative}.name-plaque__field--second{margin-top:2.8rem}.name-plaque__field--message{grid-column:1/-1;width:78%;margin-inline:auto}.name-plaque label{color:var(--crimson);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.2em;margin-bottom:.85rem;font-size:.7rem;display:block}.name-plaque input,.name-plaque textarea{border:0;border-bottom:1px solid color-mix(in srgb, var(--peacock) 55%, transparent);width:100%;color:var(--peacock);font:inherit;letter-spacing:.08em;background:0 0;border-radius:0;padding:.5rem .1rem .75rem;font-size:clamp(1.35rem,3vw,2.3rem)}.name-plaque textarea{resize:vertical;min-height:5rem;font-size:1rem;line-height:1.8}:is(.name-plaque input:focus-visible,.name-plaque textarea:focus-visible){border-bottom-color:var(--crimson);box-shadow:0 3px 0 -1px var(--aged-gold)}.name-plaque__error{color:var(--crimson);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.06em;margin:.55rem 0 0;font-size:.72rem}.name-plaque__error:empty{display:none}.name-plaque__submit{border:0;border-block:1px solid var(--crimson);color:var(--crimson);cursor:pointer;font-family:var(--font-geist-sans), sans-serif;letter-spacing:.2em;background:0 0;grid-column:1/-1;justify-self:end;padding:.85rem .15rem;font-size:.72rem}.name-plaque--sealed{text-align:center;display:block}.name-plaque--sealed:before{content:"QIXI · DOUBLE CURRENT · SEALED"}.name-plaque--sealed .name-plaque__seal-mark{color:var(--crimson);font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;margin:0 0 1.25rem;font-size:.65rem}.name-plaque--sealed strong{color:var(--peacock);letter-spacing:.08em;font-size:clamp(1.7rem,3.5vw,2.8rem);font-weight:400;display:block}.name-plaque--sealed blockquote{width:min(34rem,78%);color:var(--crimson);margin:1.5rem auto 0;font-size:.95rem;line-height:1.8}.plaque__lines{width:min(54rem,82vw);margin:clamp(5rem,12vw,10rem) auto 0;padding-block:1rem;position:relative}.plaque__name{border-bottom:1px solid color-mix(in srgb, var(--peacock) 45%, transparent);align-items:baseline;gap:1.4rem;width:64%;padding:1.1rem 0;display:flex}.plaque__name span{color:var(--crimson);font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;font-size:.67rem}.plaque__name strong{letter-spacing:.08em;font-size:clamp(1.6rem,3.2vw,2.75rem);font-weight:400}.plaque__name--second{margin:2.5rem 0 0 auto}.plaque__message{width:min(23rem,60%);color:var(--crimson);text-align:center;margin:2.5rem auto;font-size:.84rem;line-height:1.9}.name-plaque--sealed strong,.name-plaque--sealed blockquote,.plaque__name strong,.plaque__message{overflow-wrap:anywhere}.approach{background:var(--paper);min-height:132svh;padding:10rem 7vw}.approach__copy{z-index:3;width:min(47rem,68vw);position:relative}.approach h2{color:var(--crimson);letter-spacing:-.08em;margin:0;font-size:clamp(3.4rem,8.6vw,9rem);font-weight:400;line-height:.96}.approach__copy>p:last-child{width:min(29rem,70%);margin:3rem 0 0 28%;font-size:1rem;line-height:2}.approach__interaction{z-index:4;width:min(61rem,88vw);margin:clamp(5rem,11vw,9rem) auto 0;transition:opacity .24s;position:relative}.approach__interaction[aria-disabled=true]{opacity:.34;filter:saturate(.55)}.convergence__instruction{color:var(--crimson);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.16em;text-align:center;margin:0 0 1.25rem;font-size:.78rem}.convergence__stage{border-block:1px solid color-mix(in srgb, var(--peacock) 32%, transparent);background:radial-gradient(circle at 50% 50%, color-mix(in srgb, var(--peach) calc(var(--progress) * 18%), transparent), transparent 44%), color-mix(in srgb, var(--paper-light) 72%, transparent);touch-action:pan-y;min-height:clamp(21rem,49vw,32rem);position:relative;overflow:hidden}.convergence__stage:before,.convergence__stage:after{content:"";width:calc(15% + (var(--progress) * 21%));background-image:url(/art/current-botanical.webp);background-repeat:repeat-y;background-size:calc(10rem - (var(--progress) * 4rem)) auto;opacity:calc(.13 + (var(--progress) * .47));mix-blend-mode:multiply;pointer-events:none;position:absolute;inset-block:6%}.convergence__stage:before{background-position:0;left:0}.convergence__stage:after{background-position:100%;right:0;transform:scaleX(-1)}.convergence__current{width:calc(20% + (var(--progress) * 55%));height:calc(1px + (var(--progress) * 7px));background:color-mix(in srgb, var(--jade), var(--peach) calc(var(--progress) * 100%));opacity:calc(.22 + (var(--progress) * .7));box-shadow:0 0 calc(.6rem + (var(--progress) * 2.6rem)) color-mix(in srgb, var(--peach) 42%, transparent);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-4deg)}.convergence__star{z-index:3;aspect-ratio:1;border:1px solid color-mix(in srgb, currentColor 65%, var(--paper-light));width:clamp(3rem,6vw,4.25rem);color:var(--jade);cursor:grab;touch-action:none;box-shadow:0 0 0 calc(.4rem + (var(--progress) * .5rem)) color-mix(in srgb, currentColor 14%, transparent), 0 0 calc(1rem + (var(--progress) * 2.2rem)) color-mix(in srgb, currentColor 58%, transparent);border-radius:50%;padding:0;position:absolute;transform:translate(-50%,-50%)}.convergence__star:active{cursor:grabbing}.convergence__star--jade{background:radial-gradient(circle at 34% 30%, var(--paper-light), var(--jade) 34%, var(--peacock))}.convergence__star--peach{color:var(--peach);background:radial-gradient(circle at 34% 30%, var(--paper-light), var(--peach) 34%, var(--crimson))}.convergence__alternatives{justify-content:center;gap:clamp(1rem,5vw,4rem);margin-top:1.5rem;display:flex}.convergence__alternatives button{color:var(--peacock);cursor:pointer;font-family:var(--font-geist-sans), sans-serif;letter-spacing:.14em;background:0 0;border:0;border-bottom:1px solid;padding:.7rem .1rem;font-size:.72rem}.approach__creature{z-index:1;object-fit:cover;object-position:28% center;mix-blend-mode:multiply;clip-path:ellipse(47% 55% at 52%);width:min(63vw,56rem);height:65%;position:absolute;bottom:-8%;right:-13vw}.reveal{background:var(--peacock);min-height:106svh;color:var(--paper-light);grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr);align-items:center;gap:5vw;padding:8rem 8vw;display:grid}.symbiotic-reveal{isolation:isolate;clip-path:ellipse(47% 53% at 45%);align-self:stretch;min-height:38rem;margin-left:-12vw;position:relative;overflow:hidden}.symbiotic-reveal__currents,.symbiotic-reveal__current{position:absolute;inset:0}.symbiotic-reveal__current{opacity:.72;filter:blur(12px)}.symbiotic-reveal__current--jade{background:radial-gradient(ellipse at 38% 52%, var(--jade), transparent 61%);transform:translate(-13%)}.symbiotic-reveal__current--peach{background:radial-gradient(ellipse at 68% 46%, var(--peach), transparent 58%);transform:translate(13%)}.symbiotic-reveal__work{z-index:1;width:100%;height:100%;min-height:inherit;margin:0;position:relative}.symbiotic-reveal__creature{width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:54% center;mix-blend-mode:screen;filter:saturate(1.12)contrast(1.05)}.symbiotic-reveal__caption{z-index:2;border-top:1px solid color-mix(in srgb, var(--aged-gold) 58%, transparent);width:min(23rem,70%);color:color-mix(in srgb, var(--paper-light) 84%, transparent);letter-spacing:.08em;gap:.55rem;padding-top:.75rem;font-size:.72rem;line-height:1.7;display:grid;position:absolute;bottom:7%;left:13%}.symbiotic-reveal__caption strong{color:var(--aged-gold);font-family:var(--font-geist-mono), monospace;letter-spacing:.2em;font-size:.64rem}.symbiotic-reveal[data-state=dormant] .symbiotic-reveal__work{opacity:.24;transform:scale(.96)}.symbiotic-reveal[data-state=revealing] .symbiotic-reveal__work{animation:1.8s cubic-bezier(.2,.72,.25,1) both symbiotic-reveal-peak}.symbiotic-reveal[data-state=revealing] .symbiotic-reveal__current--jade{animation:1.8s ease-out both current-jade-converge}.symbiotic-reveal[data-state=revealing] .symbiotic-reveal__current--peach{animation:1.8s ease-out both current-peach-converge}@keyframes symbiotic-reveal-peak{0%{opacity:.18;filter:blur(14px);transform:scale(.9)}58%{opacity:1;filter:blur();transform:scale(1.025)}to{opacity:1;filter:blur();transform:scale(1)}}@keyframes current-jade-converge{0%{transform:translate(-24%)}to{transform:translate(-3%)}}@keyframes current-peach-converge{0%{transform:translate(24%)}to{transform:translate(3%)}}.reveal__copy{z-index:2;align-self:end;margin-bottom:7vh;position:relative}.reveal h2{letter-spacing:-.06em;margin:0;font-size:clamp(2.7rem,5.2vw,5.8rem);font-weight:400;line-height:1.06}.reveal__copy>p:not(.act-mark):not(.reveal__annotation){color:color-mix(in srgb, var(--paper-light) 76%, transparent);margin:2.5rem 0 0;font-size:.95rem;line-height:2}.reveal__annotation{border-top:1px solid color-mix(in srgb, var(--jade) 50%, transparent);color:var(--jade);font-family:var(--font-geist-mono), monospace;letter-spacing:.18em;margin:5rem 0 0;padding-top:.8rem;font-size:.65rem}.keepsake{background:var(--paper-light);min-height:92svh;padding:8rem 9vw 7rem}.keepsake__specimen{object-fit:cover;object-position:center top;mix-blend-mode:multiply;width:clamp(8rem,16vw,13rem);height:112%;position:absolute;top:-4rem;left:-2.5rem}.keepsake__copy{width:min(52rem,67vw);margin:13vh 0 0 auto}.keepsake h2{letter-spacing:-.07em;margin:0;font-size:clamp(3rem,7vw,7.4rem);font-weight:400;line-height:.98}.keepsake__copy>p:not(.act-mark){width:min(31rem,72%);margin:3rem 0 0 22%;line-height:2}.keepsake-card{z-index:2;width:min(39rem,72vw);margin:0 auto;position:relative}.keepsake-card__print{aspect-ratio:3/4.4;border:1px solid color-mix(in srgb, var(--peacock) 34%, transparent);background:linear-gradient(152deg, color-mix(in srgb, var(--paper-light) 97%, var(--jade)), var(--paper)), var(--paper-light);box-shadow:0 2rem 5rem color-mix(in srgb, var(--peacock) 13%, transparent);margin:0;position:relative;overflow:hidden}.keepsake-card__print:after{content:"双潮";color:color-mix(in srgb, var(--crimson) 46%, transparent);letter-spacing:.32em;writing-mode:vertical-rl;font-size:clamp(.75rem,1.3vw,1rem);position:absolute;top:3.5%;right:5%}.keepsake-card__artwork{position:absolute;inset:0;overflow:hidden}.keepsake-card__current{object-fit:cover;opacity:.34;mix-blend-mode:multiply;width:54%;height:104%;position:absolute;inset:-2% auto -2% -9%}.keepsake-card__creature{object-fit:cover;object-position:center 43%;mix-blend-mode:multiply;width:83%;height:72%;position:absolute;top:3%;right:-5%}.keepsake-card__inscription{z-index:2;position:absolute;inset:auto 9% 6.5%}.keepsake-card__title{color:var(--crimson);font-family:var(--font-geist-mono), monospace;letter-spacing:.23em;margin:0 0 1rem;font-size:.58rem}.keepsake-card__inscription h3{color:var(--peacock);letter-spacing:.08em;margin:0;font-size:clamp(1.75rem,4.2vw,3rem);font-weight:400}.keepsake-card__inscription blockquote{color:var(--crimson);margin:1rem 0 0;font-size:clamp(.85rem,1.5vw,1rem);line-height:1.8}.keepsake-card__description{width:86%;color:color-mix(in srgb, var(--peacock) 73%, transparent);margin:.75rem 0 0;font-size:.68rem;line-height:1.7}.keepsake-card__catalogue{border-top:1px solid color-mix(in srgb, var(--peacock) 34%, transparent);color:var(--peacock);font-family:var(--font-geist-mono), monospace;letter-spacing:.1em;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:.65rem;font-size:.58rem;display:flex}.keepsake-card__controls{border-block:1px solid color-mix(in srgb, var(--crimson) 50%, transparent);justify-content:space-between;gap:3rem;margin-top:1.5rem;display:flex}.keepsake-card__controls button{min-width:44px;color:var(--crimson);cursor:pointer;font-family:var(--font-geist-sans), sans-serif;letter-spacing:.18em;background:0 0;border:0;flex:1;padding:.9rem .1rem;font-size:.72rem}.keepsake-card__error{min-height:1.4em;color:var(--crimson);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.06em;text-align:center;margin:.85rem 0 0;font-size:.72rem}.return-link{border-bottom:1px solid var(--crimson);color:var(--crimson);font-family:var(--font-geist-sans), sans-serif;letter-spacing:.16em;margin:3.5rem 0 0 22%;padding-bottom:.45rem;font-size:.72rem;text-decoration:none;display:inline-block}.keepsake__seal{border:1px solid var(--crimson);color:var(--crimson);letter-spacing:.15em;text-align:center;margin:0;padding:.7rem .45rem;font-size:.68rem;line-height:1.5;position:absolute;bottom:3rem;right:3vw}:is(a,button,input,textarea,select,[tabindex]):focus-visible{outline:3px solid var(--aged-gold);outline-offset:4px;box-shadow:0 0 0 1px var(--night)}@media (max-width:760px){.gaze{padding-inline:1.5rem}.gaze:before,.gaze:after{opacity:.5;width:6.7rem}.gaze:before{left:-2.5rem;transform:rotate(7deg)translateY(-1%)}.gaze:after{right:-2.8rem;transform:rotate(-6deg)translateY(9%)}.gaze__beasts{object-fit:cover;clip-path:ellipse(48% 52%);width:92vw;height:88%;top:4%}.gaze__beasts--left{object-position:left center;left:-68vw}.gaze__beasts--right{object-position:right center;right:-67vw}.gaze h1{flex-direction:column;gap:0;font-size:clamp(5.2rem,25vw,8rem)}.gaze h1 span[aria-hidden=true]:nth-child(2){transform:translate(-.18em)}.gaze h1 span[aria-hidden=true]:last-child{transform:translate(.15em,-.04em)}.gaze__lede{margin-top:3rem;font-size:.8rem}.gaze__date{bottom:1.2rem;right:.6rem}.plaque{min-height:104svh;padding:7rem 1.5rem}.plaque:before{width:18rem;right:-10rem}.plaque__intro{width:88%;margin-left:0}.plaque__intro>p:last-child{margin-left:10%}.plaque__lines{width:100%;margin-top:5rem}.name-plaque{width:100%;margin-top:5.5rem;display:block}.name-plaque__field,.name-plaque__field--second,.name-plaque__field--message{width:88%;margin:0 0 2.8rem}.name-plaque__field--second{margin-bottom:6.3rem;margin-left:auto;transform:translateY(3.5rem)}.name-plaque__field--message{width:100%}.name-plaque__submit{margin-left:auto;display:block}.plaque__name{width:82%}.plaque__message{width:76%}.approach{min-height:118svh;padding:8rem 1.5rem}.approach__copy{width:100%}.approach h2{font-size:clamp(3.4rem,16vw,5.2rem)}.approach__copy>p:last-child{width:77%;margin-left:18%}.approach__interaction{width:100%;margin-top:4.5rem}.convergence__stage{min-height:100svh}.convergence__stage:before,.convergence__stage:after{background-size:7rem;width:clamp(2.75rem,14vw,4rem);inset-block:3%}.convergence__alternatives{flex-direction:column;align-items:center;gap:.6rem}.approach__creature{object-position:16% center;width:118vw;height:52%;bottom:-2%;right:-58vw}.reveal{min-height:112svh;padding:7rem 1.5rem 6rem;display:block}.symbiotic-reveal{width:112vw;height:58%;min-height:0;position:absolute;inset:4% auto auto -58vw}.reveal__copy{width:87%;margin:47vh 0 0 auto}.reveal h2{font-size:clamp(2.8rem,13vw,4.7rem)}.reveal__annotation{margin-top:3.5rem}.keepsake{min-height:100svh;padding:7rem 1.5rem 6rem}.keepsake__specimen{width:7.5rem;left:-3.4rem}.keepsake__copy{width:84%;margin-top:8vh}.keepsake h2{font-size:clamp(3.3rem,15vw,5rem)}.keepsake__copy>p:not(.act-mark){width:84%;margin-left:12%}.keepsake-card{width:min(100%,32rem);max-width:100%}.keepsake-card__print{width:100%;max-width:100%}.keepsake-card__inscription h3,.keepsake-card__inscription blockquote{overflow-wrap:anywhere}.keepsake-card__description{display:none}.keepsake-card__inscription{inset-inline:8%;bottom:5.5%}.return-link{margin-left:12%}}@media (max-width:320px){.gaze,.plaque,.approach,.reveal,.keepsake{max-width:100%;padding-inline:1rem}.gaze__copy,.plaque__intro,.name-plaque,.approach__copy,.approach__interaction,.reveal__copy,.keepsake__copy,.keepsake-card{max-width:100%}.gaze h1{font-size:clamp(4.6rem,24vw,5.2rem)}.keepsake-card__controls{gap:1rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}