@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Noto+Sans+SC:wght@300;400;500&family=Noto+Serif+SC:wght@400;500;600&display=swap";:root{--black:#050608;--ink:#090d14;--paper:#f1f2f4;--muted:#9da3ae;--line:#ffffff29;--serif:"Noto Serif SC","Songti SC",serif;--sans:"DM Sans","Noto Sans SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{background:var(--black);color:var(--paper);font-family:var(--sans);margin:0;font-weight:300}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img{width:100%;display:block}.eyebrow,.project-title p,.chapter-index,.stage-heading>p,.cooperation-heading>p{letter-spacing:.2em;text-transform:uppercase;margin:0;font-size:11px;font-weight:500}.site-header{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(#030407c2,#0304072e);border-bottom:1px solid #ffffff21;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:76px;padding:0 3.3vw;display:grid;position:fixed;top:0;left:0}.wordmark{justify-self:start;display:block}.wordmark img{width:106px;height:auto}.site-header nav{letter-spacing:.12em;gap:34px;font-size:12px;display:flex}.site-header nav a{opacity:.78;transition:opacity .2s}.site-header nav a:hover{opacity:1}.language{justify-self:end;align-items:center;display:flex}.language button{opacity:.42;cursor:pointer;background:0 0;border:0;min-width:30px;height:30px;padding:0;font-size:10px}.language button.active{opacity:1;border-bottom:1px solid}.opening{background:#020305;height:100svh;min-height:650px;position:relative;overflow:hidden}.opening>img{object-fit:cover;object-position:center 43%;width:100%;height:100%}.opening-shade{background:linear-gradient(90deg,#020408db 0%,#0204086b 30%,#0204080d 62%),linear-gradient(#0000 55%,#010204b8);position:absolute;inset:0}.opening-copy{z-index:2;width:min(590px,45vw);position:absolute;top:50%;left:7vw;transform:translateY(-43%)}.opening-copy .eyebrow{color:#c8cbd3;margin-bottom:28px}.opening-copy h1{max-width:620px;font-family:var(--serif);letter-spacing:-.04em;text-shadow:0 2px 30px #00000059;margin:0;font-size:clamp(44px,5.8vw,86px);font-weight:500;line-height:1.14}.opening-copy>p:last-child{color:#d7d9df;max-width:490px;margin:30px 0 0;font-size:15px;line-height:1.9}.scroll-cue{z-index:2;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:17px;font-size:10px;display:flex;position:absolute;bottom:34px;left:7vw}.scroll-cue i{background:currentColor;width:58px;height:1px;position:relative}.scroll-cue i:after{content:"";border-bottom:1px solid;border-right:1px solid;width:7px;height:7px;position:absolute;top:-3px;right:0;transform:rotate(-45deg)}.project-chapter{isolation:isolate;background:#05070b;height:100svh;min-height:690px;position:relative;overflow:hidden}.project-chapter:before{content:"";z-index:-1;filter:blur(28px)brightness(.42)saturate(.72);opacity:.62;background:50%/cover no-repeat;position:absolute;inset:-4%;transform:scale(1.08)}.project-chapter.jade:before{background-image:url(/images/twin-jade-wide.webp)}.project-chapter.poetry:before{background-image:url(/images/poetry-stars-wide.webp)}.project-chapter>picture,.project-chapter>picture img{width:100%;height:100%;display:block}.project-chapter>picture img{object-fit:contain}.project-shade{position:absolute;inset:0}.poetry .project-shade{background:linear-gradient(90deg,#04070f94,#05081114 48%,#04060b29),linear-gradient(#0000 54%,#020409b8)}.jade .project-shade{background:linear-gradient(90deg,#05060cb3,#05060c14 38%,#0000 64%),linear-gradient(#0000 58%,#040308a8)}.project-title{z-index:2;position:absolute;top:38%;left:7vw}.poetry .project-title{text-align:right;top:29%;left:auto;right:7vw}.project-title p{color:#ffffffad;margin-bottom:18px}.project-title h2{font-family:var(--serif);letter-spacing:-.06em;margin:0;font-size:clamp(48px,6vw,86px);font-weight:500;line-height:.95}.project-title span{letter-spacing:.08em;margin-top:21px;font-size:18px;display:block}.trailer-trigger{color:#fff;letter-spacing:.14em;cursor:pointer;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #ffffff80;margin-top:31px;padding:0 0 9px;font-size:10px;transition:border-color .2s,text-shadow .2s;display:block}.poetry .trailer-trigger{margin-left:auto}.trailer-trigger:hover{text-shadow:0 0 16px #fff6;border-color:#fff}.project-information{border-top:1px solid var(--line);background:#060a11;grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:10vw;padding:9vw 7vw 11vw;display:grid}.jade-info{background:radial-gradient(circle at 83% 8%,#5927482e,#0000 34%),radial-gradient(circle at 8% 80%,#1a2e5633,#0000 36%),linear-gradient(135deg,#0a070c,#070912 58%,#09070c)}.poetry-info{background:radial-gradient(circle at 78% 22%,#45397829,#0000 35%),radial-gradient(circle at 13% 82%,#1d3e6933,#0000 38%),linear-gradient(145deg,#060a12,#080914 62%,#0c0d12)}.project-description{max-width:760px}.chapter-index{color:#8d98ae;margin-bottom:35px}.project-description>p:nth-child(2){white-space:pre-line;font-family:var(--serif);color:#e1e3e8;margin:0;font-size:clamp(17px,1.55vw,23px);line-height:2}.facts{border-top:1px solid var(--line);align-self:start;margin:0}.facts div{border-bottom:1px solid var(--line);grid-template-columns:1.25fr 1fr;gap:20px;padding:15px 0;display:grid}.facts dt{color:var(--muted);letter-spacing:.08em;font-size:11px}.facts dd{text-align:right;margin:0;font-size:12px}.facts dd small{color:var(--muted);letter-spacing:.08em;margin-top:7px;font-size:10px;display:block}.project-gallery{border-top:1px solid var(--line);height:100svh;min-height:680px;position:relative;overflow:hidden}.jade-gallery{background:radial-gradient(circle at 10% 16%,#5e223329,#0000 32%),linear-gradient(115deg,#040306,#080711 58%,#04060b)}.poetry-gallery{background:radial-gradient(circle at 86% 18%,#3a40752e,#0000 34%),linear-gradient(125deg,#03060b,#070813 60%,#07070b)}.gallery-track{scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;touch-action:pan-x pan-y;width:100%;height:100%;display:flex;overflow:auto hidden}.gallery-track::-webkit-scrollbar{display:none}.gallery-slide{scroll-snap-align:start;scroll-snap-stop:always;background:0 0;flex:0 0 100%;place-items:center;width:100%;height:100%;margin:0;display:grid;position:relative}.gallery-slide img{object-fit:contain;width:100%;height:100%}.gallery-slide figcaption{color:#ffffffb8;letter-spacing:.15em;text-transform:uppercase;text-shadow:0 1px 8px #000;font-size:9px;position:absolute;bottom:30px;left:4vw}.gallery-label{z-index:4;pointer-events:none;letter-spacing:.17em;text-transform:uppercase;text-shadow:0 1px 8px #000;justify-content:space-between;font-size:9px;display:flex;position:absolute;top:28px;left:4vw;right:4vw}.gallery-label b{font-weight:400}.gallery-arrow{z-index:4;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#01020440;border:1px solid #ffffff57;border-radius:50%;width:56px;height:56px;margin-top:-28px;padding:0;font-size:23px;position:absolute;top:50%}.gallery-arrow.prev{left:24px}.gallery-arrow.next{right:24px}.gallery-dots{z-index:4;gap:7px;display:flex;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.gallery-dots i{background:#ffffff47;width:20px;height:1px}.gallery-dots i.active{background:#fff}.about{isolation:isolate;border-top:1px solid var(--line);background:#080b12;padding:12vw 7vw;position:relative;overflow:hidden}.about:before{content:"";z-index:-2;opacity:.075;filter:saturate(.65)contrast(1.15);background:url(/images/stage/gallery-poetry-guitar.webp) 50% 38%/cover no-repeat;position:absolute;inset:-12%}.about:after{content:"";z-index:-1;background:linear-gradient(100deg,#05080ee6,#090b12ba),radial-gradient(circle at 82% 20%,#4c346b26,#0000 42%);position:absolute;inset:0}.about>.eyebrow{color:var(--muted);margin-bottom:7vw}.about-grid{grid-template-columns:.7fr 1.3fr;align-items:start;gap:8vw;display:grid}.about-grid h2{font-family:var(--serif);margin:0;font-size:clamp(34px,5vw,72px);font-weight:400}.about-grid>p{max-width:900px;font-family:var(--serif);letter-spacing:-.025em;margin:0;font-size:clamp(24px,3.2vw,49px);line-height:1.62}.cooperation{border-top:1px solid var(--line);background:radial-gradient(circle at 12% 25%,#1b396221,#0000 31%),radial-gradient(circle at 88% 72%,#5d1f2f1c,#0000 34%),#050608;padding:11vw 7vw}.cooperation-heading{grid-template-columns:.7fr 1.3fr;align-items:end;gap:8vw;padding-bottom:6vw;display:grid}.cooperation-heading>p{color:var(--muted)}.cooperation-heading h2{font-family:var(--serif);margin:0;font-size:clamp(38px,5.5vw,78px);font-weight:400}.cooperation-list{border-top:1px solid var(--line)}.cooperation-list article{border-bottom:1px solid var(--line);grid-template-columns:.2fr .75fr 1.25fr;align-items:start;gap:4vw;padding:35px 0;transition:background .3s,border-color .3s,padding .3s;display:grid}.cooperation-list article:first-child:hover{background:linear-gradient(90deg,#22497e1f,#0000 72%);border-color:#5c86be73;padding-left:12px}.cooperation-list article:nth-child(2):hover{background:linear-gradient(90deg,#4f396621,#0000 72%);border-color:#8363976b;padding-left:12px}.cooperation-list article:nth-child(3):hover{background:linear-gradient(90deg,#69273721,#0000 72%);border-color:#9b4b5d66;padding-left:12px}.cooperation-list article>span{color:#646b78;font-size:11px}.cooperation-list h3{font-family:var(--serif);margin:0;font-size:clamp(20px,2vw,30px);font-weight:400}.cooperation-list p{color:#aeb3bd;max-width:660px;margin:0;font-size:14px;line-height:1.9}footer{border-top:1px solid var(--line);background:radial-gradient(circle at 22% 0,#26316a2b,#0000 34%),radial-gradient(circle at 88% 72%,#70233324,#0000 36%),linear-gradient(135deg,#03050a,#08060b 72%,#070306);padding:11vw 7vw 35px}.footer-logo{width:min(230px,34vw);height:auto;margin:0 0 50px}footer>.eyebrow{color:var(--muted)}footer>h2{max-width:1000px;font-family:var(--serif);letter-spacing:-.05em;margin:5vw 0 9vw;font-size:clamp(50px,8vw,118px);font-weight:400;line-height:1.1}.footer-grid{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;display:grid}.footer-grid>div{padding:29px 0}.footer-grid>div+div{border-left:1px solid var(--line);padding-left:4vw}.footer-grid span{color:var(--muted);letter-spacing:.16em;text-transform:uppercase;margin-bottom:14px;font-size:9px;display:block}.footer-grid p,.footer-grid a{margin:0;font-size:13px}.social-links{flex-wrap:wrap;gap:12px 28px;display:flex}.social-links a{border-bottom:1px solid #ffffff4d;padding-bottom:5px}.footer-bottom{color:#666c76;letter-spacing:.08em;justify-content:space-between;gap:20px;padding-top:30px;font-size:9px;display:flex}.video-modal{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000f0;place-items:center;padding:5vw;display:grid;position:fixed;inset:0}.video-frame{aspect-ratio:16/9;background:#000;border:1px solid #ffffff29;width:min(1120px,90vw);box-shadow:0 24px 100px #000c}.video-frame iframe{border:0;width:100%;height:100%}.video-close{color:#fff;cursor:pointer;background:#00000052;border:1px solid #ffffff59;border-radius:50%;width:46px;height:46px;padding:0;font-size:27px;line-height:1;position:absolute;top:28px;right:34px}@media (width<=900px){.site-header{grid-template-columns:1fr auto;height:66px;padding:0 20px}.site-header nav{display:none}.wordmark img{width:92px}.opening{min-height:680px}.opening>img{object-position:63% center}.opening-shade{background:linear-gradient(90deg,#020408d4,#02040840 72%),linear-gradient(#0000 45%,#010204d9)}.opening-copy{width:calc(100% - 48px);top:auto;bottom:110px;left:24px;transform:none}.opening-copy h1{max-width:520px;font-size:clamp(42px,11vw,64px)}.opening-copy>p:last-child{max-width:500px;margin-top:22px;font-size:13px;line-height:1.75}.scroll-cue{bottom:28px;left:24px}.project-chapter{height:92svh;min-height:620px}.project-information{grid-template-columns:1fr;gap:70px;padding:90px 7vw 100px}.poetry .project-title{left:auto;right:7vw}.project-gallery{min-height:620px}}@media (width<=600px){.site-header{background:#030407bd}.language button{min-width:28px}.opening{height:100svh;min-height:620px}.opening>img{object-position:58% center}.opening-copy h1{font-size:11.5vw;line-height:1.18}.opening-copy .eyebrow{margin-bottom:18px;font-size:9px}.opening-copy>p:last-child{max-width:330px;font-size:12px}.project-chapter{height:88svh;min-height:580px}.project-chapter:before{opacity:.82;filter:blur(22px)brightness(.34)saturate(.8)}.project-chapter>picture img{object-fit:contain}.project-shade,.poetry .project-shade,.jade .project-shade{background:linear-gradient(#0000 52%,#020408b8 81%,#010205f0 100%)}.project-title,.poetry .project-title{text-align:left;inset:auto auto 36px 22px!important}.project-title p{margin-bottom:13px;font-size:9px}.project-title h2{font-size:14vw}.project-title span{margin-top:13px;font-size:14px}.poetry .trailer-trigger{margin-left:0}.trailer-trigger{margin-top:22px;font-size:8px}.project-information{gap:58px;padding:74px 22px 85px}.project-description>p:nth-child(2){font-size:16px;line-height:1.95}.facts div{padding:13px 0}.project-gallery{height:88svh;min-height:580px}.gallery-label{font-size:8px;top:20px;left:18px;right:18px}.gallery-slide figcaption{font-size:8px;bottom:22px;left:18px}.gallery-arrow{width:42px;height:42px;margin:0;font-size:18px;top:auto;bottom:52px}.gallery-arrow.prev{left:15px}.gallery-arrow.next{right:15px}.gallery-dots{bottom:37px}.about{padding:95px 22px 105px}.about>.eyebrow{margin-bottom:55px}.about-grid{grid-template-columns:1fr;gap:45px}.about-grid h2{font-size:35px}.about-grid>p{font-size:25px;line-height:1.68}.cooperation{padding:90px 22px 100px}.cooperation-heading{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.cooperation-heading h2{font-size:39px}.cooperation-list article{grid-template-columns:42px 1fr;gap:18px;padding:28px 0}.cooperation-list article p{grid-column:2;font-size:13px}footer{padding:90px 22px 28px}.footer-logo{width:170px;margin-bottom:38px}footer>h2{margin:42px 0 70px;font-size:14vw}.footer-grid{grid-template-columns:1fr}.footer-grid>div{padding:24px 0}.footer-grid>div+div{border-left:0;border-top:1px solid var(--line);padding-left:0}.footer-bottom{flex-direction:column}.video-modal{padding:16px}.video-frame{width:100%}.video-close{width:40px;height:40px;top:18px;right:18px}.project-chapter.jade:before{background-image:url(/images/twin-jade-poster.webp)}.project-chapter.poetry:before{background-image:url(/images/poetry-stars-poster.webp)}}@media (prefers-reduced-motion:reduce){html,.gallery-track{scroll-behavior:auto}}
