@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../assets/fonts/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7TcqyWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7SCqyWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7SwqyWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Noto Serif SC';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../assets/fonts/H4cyBXePl9DZ0Xe7gG9cyOj7uK2-n-D2rd4FY7RcrCWv.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_qiTbtY.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: italic;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/nuFRD-vYSZviVYUb_rj3ij__anPXDTnCjmHKM4nYO7KN_pqTbtY.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../assets/fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKdFvUDQ.ttf) format('truetype');
}
@font-face {
  font-family: 'Playfair Display';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../assets/fonts/nuFvD-vYSZviVYUb_rj3ij__anPXJzDwcbmjWBN2PKd3vUDQ.ttf) format('truetype');
}
:root{--night:#020711;--deep:#030d20;--blue:#0b4fb4;--electric:#69a9ff;--white:#f4f5f2;--mist:#b8c7df;--warm:#ffd4a0;--line:rgba(202,221,255,.18);--serif:"Playfair Display","Noto Serif SC","Songti SC",serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--night)}
body{margin:0;background:var(--night);color:var(--white);font-family:"Helvetica Neue","PingFang SC",Arial,sans-serif}
button,a{font:inherit}
button{color:inherit}
img{max-width:100%;user-select:none;-webkit-user-select:none;-webkit-user-drag:none}
::selection{background:var(--electric);color:var(--night)}
.night-site{position:relative;min-height:100vh;overflow-x:clip;overflow-y:visible;background:radial-gradient(circle at 78% 12%,#0d2b62 0,transparent 27rem),linear-gradient(180deg,#020711,#030c1b 55%,#020711)}
.night-noise{position:fixed;inset:0;z-index:100;pointer-events:none;opacity:.2;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E")}
.stars{position:fixed;inset:0;z-index:0;pointer-events:none}
.stars i{position:absolute;width:2px;height:2px;border-radius:50%;background:#fff;box-shadow:0 0 8px rgba(153,200,255,.9);opacity:.55;animation:twinkle 4s ease-in-out infinite}
.stars i:nth-child(3n){width:1px;height:1px;animation-delay:-1.4s}
.stars i:nth-child(4n){background:var(--warm);animation-delay:-2.7s}
.stars i:nth-child(1){left:4%;top:8%}
.stars i:nth-child(2){left:11%;top:32%}
.stars i:nth-child(3){left:18%;top:18%}
.stars i:nth-child(4){left:25%;top:62%}
.stars i:nth-child(5){left:32%;top:9%}
.stars i:nth-child(6){left:39%;top:44%}
.stars i:nth-child(7){left:46%;top:21%}
.stars i:nth-child(8){left:53%;top:72%}
.stars i:nth-child(9){left:60%;top:13%}
.stars i:nth-child(10){left:67%;top:48%}
.stars i:nth-child(11){left:74%;top:7%}
.stars i:nth-child(12){left:81%;top:39%}
.stars i:nth-child(13){left:88%;top:16%}
.stars i:nth-child(14){left:95%;top:66%}
.stars i:nth-child(15){left:7%;top:81%}
.stars i:nth-child(16){left:14%;top:56%}
.stars i:nth-child(17){left:22%;top:91%}
.stars i:nth-child(18){left:29%;top:37%}
.stars i:nth-child(19){left:36%;top:77%}
.stars i:nth-child(20){left:43%;top:6%}
.stars i:nth-child(21){left:50%;top:53%}
.stars i:nth-child(22){left:57%;top:88%}
.stars i:nth-child(23){left:64%;top:27%}
.stars i:nth-child(24){left:71%;top:79%}
.stars i:nth-child(25){left:78%;top:59%}
.stars i:nth-child(26){left:85%;top:92%}
.stars i:nth-child(27){left:92%;top:33%}
.stars i:nth-child(28){left:2%;top:47%}
.stars i:nth-child(29){left:16%;top:71%}
.stars i:nth-child(30){left:34%;top:25%}
.stars i:nth-child(31){left:49%;top:94%}
.stars i:nth-child(32){left:58%;top:35%}
.stars i:nth-child(33){left:69%;top:4%}
.stars i:nth-child(34){left:77%;top:85%}
.stars i:nth-child(35){left:90%;top:73%}
.stars i:nth-child(36){left:97%;top:19%}
@keyframes twinkle{50%{opacity:.12;transform:scale(.55)}}
.night-header{position:fixed;z-index:60;left:0;right:0;top:0;height:86px;padding:0 clamp(20px,4vw,70px);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid transparent;transition:.4s}
.night-header.is-scrolled{height:68px;background:rgba(2,7,17,.78);backdrop-filter:blur(22px);border-color:var(--line)}
.night-brand{justify-self:start;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.night-brand .brand-art{width:36px;height:36px;display:block;overflow:hidden;border:1px solid rgba(255,255,255,.72);border-radius:50%;box-shadow:0 0 22px rgba(105,169,255,.14)}
.night-brand .brand-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.04)}
.night-brand b{font:500 12px var(--serif);letter-spacing:.2em}
.night-brand em{font:400 10px "Noto Serif SC",serif;letter-spacing:.22em;color:var(--electric)}
.night-header nav{display:flex;gap:clamp(18px,2.5vw,42px)}
.night-header nav a{position:relative;color:rgba(255,255,255,.68);text-decoration:none;font-size:10px;letter-spacing:.13em}
.night-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:1px;background:var(--warm);transition:.3s}
.night-header nav a:hover{color:#fff}
.night-header nav a:hover:after{right:0}
.header-time{justify-self:end;font:italic 9px var(--serif);letter-spacing:.18em;color:rgba(255,255,255,.42)}
.night-menu{display:none}
.night-hero{position:relative;z-index:1;isolation:isolate;min-height:100svh;padding:118px clamp(22px,6vw,100px) 62px;display:flex;align-items:center;overflow:hidden}
.hero-art{position:absolute;z-index:-4;inset:0 0 0 34%;overflow:hidden}
.hero-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.58) contrast(1.08) brightness(.36);transform:scale(1.03)}
.hero-veil{position:absolute;z-index:-3;inset:0;background:linear-gradient(90deg,#020711 0 31%,rgba(2,7,17,.91) 45%,rgba(2,7,17,.32) 78%,rgba(2,7,17,.72)),linear-gradient(0deg,#020711 0,transparent 25%,rgba(2,7,17,.42))}
.moon{position:absolute;z-index:-2;right:8vw;top:14vh;width:clamp(130px,16vw,260px);aspect-ratio:1;border:1px solid rgba(222,236,255,.36);border-radius:50%;box-shadow:0 0 80px rgba(83,152,255,.16),inset 0 0 55px rgba(154,196,255,.06)}
.moon i{position:absolute;inset:18%;border:1px solid rgba(255,255,255,.18);border-radius:50%}
.hero-content{width:min(760px,53vw);position:relative;z-index:6}
.hero-kicker{margin:0 0 clamp(28px,3.8vw,52px);font:italic 9px var(--serif);letter-spacing:.38em;color:var(--electric)}
.night-hero h1{margin:0;font:400 clamp(92px,13.2vw,210px)/.66 var(--serif);letter-spacing:-.065em;text-shadow:0 12px 55px rgba(1,5,13,.5)}
.night-hero h1 span{display:block}
.night-hero h1 .outlined{margin-left:clamp(45px,8vw,130px);color:transparent;-webkit-text-stroke:1px rgba(245,248,255,.82);font-style:italic}
.hero-signature{position:absolute;left:min(58vw,700px);top:22%;display:flex;flex-direction:column;align-items:center;transform:rotate(90deg);transform-origin:left top;white-space:nowrap}
.hero-signature b{font:500 12px var(--serif);letter-spacing:.6em}
.hero-signature em{margin-top:8px;color:var(--warm);font:400 10px "Noto Serif SC",serif;letter-spacing:.5em}
.hero-poem{margin:clamp(34px,4vw,58px) 0 0 clamp(25px,4vw,66px);max-width:440px;font:300 clamp(15px,1.25vw,20px)/1.85 var(--serif);letter-spacing:.08em;color:rgba(244,247,255,.76);text-shadow:0 4px 22px rgba(1,5,13,.75)}
.hero-links{margin:25px 0 0 clamp(25px,4vw,66px);display:flex;align-items:center;gap:35px}
.hero-links a,.hero-links button{padding:10px 0;border:0;border-bottom:1px solid rgba(255,255,255,.45);background:none;color:#fff;text-decoration:none;font-size:10px;letter-spacing:.16em;cursor:pointer}
.hero-links span{color:var(--warm)}
.hero-floating{position:absolute;z-index:3;right:-1.5vw;top:11vh;width:min(59vw,950px);height:min(77vh,790px)}
.hero-floating button{position:absolute;padding:0;border:1px solid rgba(228,239,255,.22);background:#061326;cursor:pointer;box-shadow:0 35px 100px rgba(0,0,0,.48);transition:.75s cubic-bezier(.2,.8,.2,1);line-height:0}
.hero-floating button:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(0deg,rgba(1,5,13,.78),transparent);pointer-events:none}
.hero-floating button:hover{z-index:9;transform:translateY(-14px) rotate(0) scale(1.015);box-shadow:0 42px 125px rgba(0,0,0,.58)}
.hero-floating img{display:block;width:100%;height:auto;object-fit:contain;filter:saturate(.82) brightness(.78);transition:.75s}
.hero-floating button:hover img{filter:saturate(1.02) brightness(.98)}
.floating-a{z-index:2;left:0;top:36%;width:36%;transform:rotate(-4deg)}
.floating-b{z-index:6;left:22%;top:0;width:56%;transform:rotate(-1deg)}
.floating-c{z-index:3;right:0;top:31%;width:34%;transform:rotate(4deg)}
.hero-floating .hero-featured{border-color:rgba(255,212,160,.48);box-shadow:0 45px 135px rgba(0,0,0,.62),0 0 0 1px rgba(105,169,255,.12)}
.hero-floating .hero-featured img{filter:saturate(.96) brightness(.94)}
.hero-floating .hero-featured .hero-work-label b{font-size:clamp(18px,1.65vw,28px)}
.hero-work-index{position:absolute;z-index:3;left:13px;top:12px;font:italic 10px var(--serif);letter-spacing:.1em;color:var(--warm);text-shadow:0 2px 10px #000;line-height:1}
.hero-work-label{position:absolute;z-index:3;left:15px;right:14px;bottom:14px;color:#fff;text-align:left;line-height:1.2}
.hero-work-label b{display:block;font:400 clamp(13px,1.25vw,21px)/1.1 var(--serif)}
.hero-work-label small{display:block;margin-top:5px;font:italic 8px var(--serif);letter-spacing:.07em;color:rgba(190,216,255,.72)}
.hero-collage-label{position:absolute;right:2.5%;bottom:3%;display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.45)}
.hero-collage-label i{width:32px;height:32px;display:grid;place-items:center;border:1px solid rgba(105,169,255,.34);border-radius:50%;color:var(--electric);font:italic 8px var(--serif)}
.hero-collage-label span{font:italic 7px var(--serif);letter-spacing:.18em}
.hero-side{position:absolute;left:27px;bottom:11vh;writing-mode:vertical-rl;margin:0;font:italic 8px var(--serif);letter-spacing:.34em;color:rgba(255,255,255,.35)}
.scroll-note{position:absolute;right:4vw;bottom:3vh;display:flex;align-items:center;gap:14px}
.scroll-note span{width:55px;height:1px;background:rgba(255,255,255,.38)}
.scroll-note b{font:400 7px var(--serif);letter-spacing:.28em;color:rgba(255,255,255,.45)}
.fireflies i{position:absolute;width:4px;height:4px;border-radius:50%;background:var(--warm);box-shadow:0 0 12px 3px rgba(255,196,112,.46);animation:firefly 7s ease-in-out infinite}
.fireflies i:nth-child(1){left:48%;top:18%}
.fireflies i:nth-child(2){left:65%;top:56%;animation-delay:-1s}
.fireflies i:nth-child(3){left:76%;top:29%;animation-delay:-2s}
.fireflies i:nth-child(4){left:86%;top:64%;animation-delay:-3s}
.fireflies i:nth-child(5){left:55%;top:78%;animation-delay:-4s}
.fireflies i:nth-child(6){left:94%;top:42%;animation-delay:-5s}
.fireflies i:nth-child(7){left:42%;top:62%;animation-delay:-6s}
.fireflies i:nth-child(n+8){display:none}
@keyframes firefly{50%{transform:translate(28px,-18px);opacity:.25}}
.category-section{position:relative;z-index:2;padding:clamp(130px,16vw,250px) clamp(22px,6vw,100px);background:linear-gradient(180deg,#020711,#051126 65%,#030b19)}
.night-section-head{display:grid;grid-template-columns:.5fr 1.45fr .55fr;gap:5vw;align-items:end}
.night-section-head>p,.works-header>div>p,.radio-section>header>p,.about-copy>p{font:italic 8px var(--serif);letter-spacing:.34em;color:var(--electric)}
.night-section-head>p span{display:inline-grid;width:35px;height:35px;margin-right:14px;place-items:center;border:1px solid rgba(105,169,255,.45);border-radius:50%}
.night-section-head h2{margin:0;font:400 clamp(48px,6.6vw,105px)/.96 var(--serif);letter-spacing:-.04em}
.night-section-head h2 em{color:var(--electric);font-weight:400}
.night-section-head small{font:300 14px/1.9 var(--serif);color:rgba(255,255,255,.48)}
.category-orbit{position:relative;margin-top:clamp(90px,11vw,170px);display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(12,42px)}
.category-door{position:relative;z-index:2;display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:end;padding:0;border:0;background:none;text-align:left;cursor:pointer}
.category-door figure{position:relative;height:100%;margin:0;overflow:hidden}
.category-door figure:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.category-door figure img{width:100%;height:100%;object-fit:cover;filter:saturate(.7) brightness(.72);transition:.8s}
.category-door:hover figure img{transform:scale(1.035);filter:saturate(.95) brightness(.86)}
.category-door figure span{position:absolute;left:12px;top:12px;z-index:2;font:italic 10px var(--serif);color:var(--warm)}
.category-door small{font:italic 8px var(--serif);letter-spacing:.25em;color:var(--electric)}
.category-door h3{margin:10px 0 15px;font:400 clamp(30px,3.6vw,58px)/1 var(--serif)}
.category-door p{margin:0 0 17px;max-width:260px;font:300 12px/1.8 var(--serif);color:rgba(255,255,255,.5)}
.category-door b{font-size:8px;letter-spacing:.13em;color:var(--warm)}
.door-1{grid-column:1/7;grid-row:1/7}
.door-2{grid-column:7/13;grid-row:4/11}
.door-3{grid-column:2/8;grid-row:8/13}
.door-3 figure{order:2}
.door-3>div{text-align:right}
.door-3 p{margin-left:auto}
.orbit-line{position:absolute;left:43%;top:24%;width:42%;height:45%;border:1px solid rgba(105,169,255,.16);border-radius:50%;transform:rotate(-15deg);pointer-events:none}
.works-section{position:relative;z-index:2;padding:clamp(130px,14vw,220px) clamp(22px,5vw,86px);background:#f2f2ef;color:#061326}
.works-header{display:grid;grid-template-columns:1fr .55fr;gap:10vw;align-items:end;padding-bottom:55px;border-bottom:1px solid rgba(5,29,64,.2)}
.works-header h2{margin:14px 0 0;font:italic 400 clamp(68px,9vw,145px)/.8 var(--serif);letter-spacing:-.06em}
.works-header>p{max-width:420px;font:300 15px/1.9 var(--serif);color:rgba(6,19,38,.6)}
.filter-line{position:sticky;z-index:15;top:68px;display:flex;align-items:center;gap:clamp(18px,3vw,48px);padding:25px 0;margin-bottom:75px;background:rgba(242,242,239,.88);backdrop-filter:blur(20px);border-bottom:1px solid rgba(5,29,64,.14)}
.filter-line button{padding:7px 0;border:0;border-bottom:1px solid transparent;background:none;color:rgba(6,19,38,.45);font:400 11px var(--serif);letter-spacing:.08em;cursor:pointer}
.filter-line button i{font-size:8px;opacity:.65}
.filter-line button.active,.filter-line button:hover{color:#064aa7;border-color:currentColor}
.filter-line .random-button{margin-left:auto;color:#064aa7}
.night-gallery{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(60px,8vw,140px) clamp(20px,3vw,54px);align-items:start}
.night-work{position:relative;grid-column:span 5}
.night-work:nth-child(7n+1){grid-column:1/8}
.night-work:nth-child(7n+2){grid-column:9/13;margin-top:11vw}
.night-work:nth-child(7n+3){grid-column:2/6}
.night-work:nth-child(7n+4){grid-column:7/13;margin-top:-4vw}
.night-work:nth-child(7n+5){grid-column:1/5;margin-top:8vw}
.night-work:nth-child(7n+6){grid-column:6/11}
.night-work:nth-child(7n){grid-column:9/13;margin-top:5vw}
.work-image{position:relative;display:block;width:100%;padding:0;border:0;background:#0a1d39;overflow:hidden;cursor:pointer;box-shadow:0 24px 70px rgba(6,25,58,.13);line-height:0}
.work-image:after{content:"© HUOQIN";position:absolute;right:14px;top:13px;font:500 7px/1 var(--serif);letter-spacing:.16em;color:rgba(255,255,255,.72);text-shadow:0 1px 8px rgba(0,0,0,.9)}
.work-image img{display:block;width:100%;height:auto;object-fit:contain;filter:saturate(.88);transition:1s cubic-bezier(.2,.7,.2,1)}
.work-image:hover img{transform:scale(1.01);filter:saturate(1.04)}
.work-index{position:absolute;left:15px;top:13px;font:italic 10px var(--serif);line-height:1;color:#fff;text-shadow:0 1px 8px #000}
.work-open{position:absolute;right:15px;bottom:13px;font:400 8px var(--serif);line-height:1;letter-spacing:.2em;color:#fff;opacity:0;transition:.3s}
.work-image:hover .work-open{opacity:1}
.work-caption{display:flex;justify-content:space-between;gap:20px;padding-top:22px}
.work-caption h3{margin:0 0 5px;font:400 clamp(22px,2.2vw,35px)/1.1 var(--serif)}
.work-caption p{margin:0;font:italic 12px var(--serif);color:rgba(6,19,38,.5)}
.work-caption>div:last-child{text-align:right}
.work-caption span{display:block;margin-bottom:7px;font:500 9px "Noto Serif SC",serif;letter-spacing:.12em;color:#0750ae}
.work-caption small{font:300 10px var(--serif);color:rgba(6,19,38,.5)}
.work-like{position:absolute;right:0;bottom:-36px;padding:0;border:0;background:none;color:#0b4a99;font-size:19px;cursor:pointer}
.radio-section{position:relative;z-index:2;padding:clamp(140px,16vw,250px) clamp(22px,6vw,100px);overflow:hidden;background:linear-gradient(135deg,#031126,#01050c);color:#fff}
.radio-section>header{position:relative;z-index:2}
.radio-section h2{margin:25px 0 0;font:400 clamp(58px,7.7vw,125px)/.9 var(--serif);letter-spacing:-.05em}
.radio-section h2 em{margin-left:12vw;color:var(--electric);font-weight:400}
.radio-layout{position:relative;z-index:2;margin-top:clamp(80px,10vw,155px);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(65px,10vw,160px);align-items:center}
.record{width:min(37vw,540px);aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:repeating-radial-gradient(circle,rgba(255,255,255,.1) 0 1px,transparent 1px 7px),radial-gradient(circle at 35% 27%,#174c8d,#04152f 58%,#00050d 86%);box-shadow:0 55px 150px rgba(0,0,0,.55),inset -22px -25px 70px rgba(0,0,0,.7)}
.record.playing{animation:spin 11s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.record-art{width:27%;aspect-ratio:1;border-radius:50%;overflow:hidden;border:3px solid rgba(242,242,239,.92);background:#07152b;box-shadow:0 0 0 1px rgba(105,169,255,.5),0 0 38px rgba(105,169,255,.22)}
.record-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84) contrast(1.05)}
.playlist{border-top:1px solid var(--line)}
.playlist>button{width:100%;min-height:100px;display:grid;grid-template-columns:38px 48px 1fr auto;gap:15px;align-items:center;padding:20px 0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;transition:.3s}
.playlist>button:hover,.playlist>button.active{padding-left:15px;background:rgba(255,255,255,.035)}
.playlist>button>span{font:italic 12px var(--serif);color:rgba(255,255,255,.4)}
.playlist>button>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-style:normal;font-size:10px}
.playlist b{display:block;font:400 clamp(18px,1.6vw,26px)/1.25 var(--serif)}
.playlist small{display:block;margin-top:6px;color:rgba(255,255,255,.43);font:italic 10px var(--serif)}
.playlist em{font:italic 8px var(--serif);letter-spacing:.16em;color:var(--electric)}
.radio-moon{position:absolute;right:-13vw;top:-11vw;width:45vw;aspect-ratio:1;border:1px solid rgba(105,169,255,.1);border-radius:50%}
.radio-moon span,.radio-moon i{position:absolute;border:1px solid rgba(105,169,255,.08);border-radius:50%;inset:15%}
.radio-moon i{inset:32%}
.about-night{position:relative;z-index:2;min-height:100svh;padding:clamp(130px,15vw,230px) clamp(22px,6vw,100px);display:grid;grid-template-columns:.62fr 1.38fr;gap:clamp(65px,9vw,150px);align-items:center;background:#061327}
.about-window{position:relative;max-width:500px;padding:13px 13px 55px;background:#f2f0e9;transform:rotate(-2deg);box-shadow:0 35px 110px rgba(0,0,0,.42)}
.about-window:before{content:"";position:absolute;left:50%;top:-30px;width:1px;height:30px;background:rgba(255,255,255,.35)}
.about-window img{display:block;width:100%;max-height:610px;object-fit:cover;filter:saturate(.78)}
.about-window span{position:absolute;left:18px;bottom:18px;color:#13223b;font:italic 12px var(--serif)}
.about-copy h2{margin:35px 0 65px;max-width:1000px;font:400 clamp(42px,5.3vw,84px)/1.07 var(--serif);letter-spacing:-.045em}
.about-copy>div{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.about-copy>div p{margin:0;font:300 clamp(14px,1.1vw,18px)/2 var(--serif);color:rgba(255,255,255,.58)}
.night-footer{position:relative;z-index:2;min-height:80svh;padding:clamp(120px,14vw,220px) clamp(22px,6vw,100px) 45px;display:flex;flex-direction:column;justify-content:flex-end;background:#01050b}
.night-footer>p{font:300 16px var(--serif);letter-spacing:.18em;color:var(--warm)}
.night-footer h2{margin:30px 0 clamp(95px,11vw,175px);font:italic 400 clamp(82px,15vw,240px)/.72 var(--serif);letter-spacing:-.07em}
.night-footer h2 span{font:400 clamp(24px,3vw,46px) "Noto Serif SC",serif;letter-spacing:.4em;color:var(--electric)}
.copyright-panel{display:grid;grid-template-columns:minmax(140px,.32fr) 1fr;gap:clamp(32px,7vw,120px);align-items:start;margin-bottom:55px;padding:34px 0 38px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.copyright-panel>span{font:italic 8px var(--serif);letter-spacing:.2em;color:var(--electric)}
.copyright-panel h3{margin:0 0 18px;font:400 clamp(24px,2.7vw,42px)/1 var(--serif)}
.copyright-panel h3 small{display:block;margin-top:9px;font:italic 9px var(--serif);letter-spacing:.12em;color:rgba(105,169,255,.58)}
.copyright-panel p{max-width:920px;margin:0;font:300 clamp(11px,1vw,14px)/1.9 var(--serif);color:rgba(255,255,255,.57)}
.copyright-panel p .en-accent{max-width:900px;margin-top:14px;color:rgba(105,169,255,.58);font-size:9px}
.copyright-panel b{display:block;margin-top:23px;font:500 9px var(--serif);letter-spacing:.12em;color:rgba(255,255,255,.76)}
.copyright-panel b small{display:block;margin-top:8px;font:italic 8px var(--serif);letter-spacing:.08em;color:rgba(105,169,255,.56)}
.night-footer>div{display:flex;justify-content:space-between;gap:30px;padding-top:28px;border-top:1px solid var(--line);font:400 8px var(--serif);letter-spacing:.2em;color:rgba(255,255,255,.43)}
.night-footer a{color:rgba(255,255,255,.65);text-decoration:none}
.lightbox{position:fixed;z-index:90;inset:0;display:grid;grid-template-columns:70px minmax(0,1.4fr) minmax(300px,.6fr) 70px;align-items:center;background:rgba(1,5,13,.94);backdrop-filter:blur(18px);color:#fff}
.lightbox figure{position:relative;height:86vh;margin:0;display:grid;place-items:center}
.lightbox figure:after{content:"© HUOQIN · LEOHUOQIN.ART";position:absolute;right:18px;bottom:16px;font:500 7px var(--serif);letter-spacing:.18em;color:rgba(255,255,255,.62);text-shadow:0 2px 10px #000}
.lightbox figure img{max-width:100%;max-height:86vh;object-fit:contain;box-shadow:0 35px 120px rgba(0,0,0,.55)}
.lightbox aside{padding:50px}
.lightbox aside>p{font:italic 8px var(--serif);letter-spacing:.3em;color:var(--electric)}
.lightbox h2{margin:35px 0 8px;font:400 clamp(38px,4vw,68px)/1 var(--serif)}
.lightbox h3{margin:0 0 24px;font:italic 16px var(--serif);color:rgba(255,255,255,.5)}
.lightbox aside>span{font:300 12px var(--serif);color:rgba(255,255,255,.6)}
.lightbox aside button{display:block;margin-top:50px;padding:10px 0;border:0;border-bottom:1px solid currentColor;background:none;color:#fff;cursor:pointer}
.lightbox aside button.liked{color:var(--warm)}
.lightbox-close,.lightbox-prev,.lightbox-next{border:0;background:none;color:#fff;cursor:pointer}
.lightbox-close{position:absolute;right:26px;top:20px;font:300 38px var(--serif)}
.lightbox-prev,.lightbox-next{font:300 24px var(--serif)}
@media(max-width:1000px){.night-header{grid-template-columns:1fr auto}.header-time{display:none}.night-header nav{position:fixed;inset:68px 0 auto;background:rgba(2,7,17,.96);padding:35px;display:none;flex-direction:column}.night-header nav.open{display:flex}.night-menu{justify-self:end;width:36px;height:36px;display:flex;flex-direction:column;justify-content:center;gap:6px;border:0;background:none}.night-menu i{display:block;width:23px;height:1px;background:#fff}.hero-art{inset:0 0 0 26%}.hero-content{width:72vw}.hero-floating{width:46vw;opacity:.82}.night-section-head{grid-template-columns:1fr}.night-section-head small{max-width:400px}.category-orbit{display:flex;flex-direction:column;gap:80px}.category-door{min-height:450px}.door-2{margin-left:10vw}.door-3{margin-right:10vw}.radio-layout{grid-template-columns:1fr}.record{width:min(70vw,520px);margin:auto}.about-night{grid-template-columns:1fr}.about-window{width:60%;margin:auto}.lightbox{grid-template-columns:50px 1fr 50px;grid-template-rows:1fr auto}.lightbox figure{grid-column:2}.lightbox aside{grid-column:2;padding:20px 0 40px}.lightbox-next{grid-column:3;grid-row:1}.lightbox-prev{grid-column:1;grid-row:1}}
@media(max-width:650px){.night-header{height:68px;padding:0 18px}.night-brand b{font-size:10px}.night-hero{min-height:920px;padding:120px 20px 80px;align-items:flex-start}.hero-art{inset:0;opacity:.72}.hero-veil{background:linear-gradient(180deg,rgba(2,7,17,.96),rgba(2,7,17,.75) 55%,#020711 100%)}.hero-content{width:100%}.night-hero h1{font-size:clamp(78px,29vw,120px)}.night-hero h1 .outlined{margin-left:32px}.hero-signature{display:none}.hero-poem{margin:50px 0 0 30px}.hero-links{margin-left:30px;align-items:flex-start;flex-direction:column;gap:10px}.hero-floating{right:0;bottom:65px;width:82vw;height:350px;opacity:.8}.floating-a{width:48%}.floating-b{width:38%}.floating-c{width:30%}.hero-side{display:none}.category-section,.works-section,.radio-section,.about-night,.night-footer{padding-left:20px;padding-right:20px}.night-section-head h2{font-size:48px}.category-door{grid-template-columns:1fr;min-height:auto;gap:25px}.category-door figure{height:380px}.door-2,.door-3{margin:0}.door-3 figure{order:0}.door-3>div{text-align:left}.door-3 p{margin-left:0}.category-door h3{font-size:40px}.works-header{grid-template-columns:1fr;gap:35px}.works-header h2{font-size:70px}.filter-line{top:68px;overflow-x:auto;gap:24px}.filter-line button{white-space:nowrap}.filter-line .random-button{display:none}.night-gallery{display:block}.night-work,.night-work:nth-child(n){width:100%;margin:0 0 95px}.night-work:nth-child(even){width:86%;margin-left:auto}.work-image img{min-height:0}.work-caption{display:block}.work-caption>div:last-child{text-align:left;margin-top:12px}.radio-section h2{font-size:54px}.radio-section h2 em{margin-left:0}.record{width:82vw}.playlist>button{grid-template-columns:25px 38px 1fr}.playlist>button>em{display:none}.about-window{width:88%}.about-copy h2{font-size:42px}.about-copy>div{grid-template-columns:1fr}.night-footer{min-height:70svh}.night-footer h2{font-size:90px}.night-footer h2 span{display:block;margin-top:28px}.night-footer>div{flex-direction:column}.lightbox{grid-template-columns:35px 1fr 35px}.lightbox figure{height:58vh}.lightbox figure img{max-height:58vh}.lightbox aside{padding:15px}.lightbox h2{font-size:36px}.lightbox aside button{margin-top:24px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.stars i,.fireflies i,.record.playing{animation:none!important}}
/* Four-language navigation and the always-available summer-night player */
.header-actions{justify-self:end;display:flex;align-items:center;gap:22px}
.language-switch{display:flex;align-items:center;gap:3px;padding:3px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(2,7,17,.28);backdrop-filter:blur(12px)}
.language-switch button{width:29px;height:26px;padding:0;border:0;border-radius:999px;background:transparent;color:rgba(255,255,255,.5);font:500 8px var(--serif);letter-spacing:.04em;cursor:pointer;transition:.25s}
.language-switch button:hover{color:#fff}
.language-switch button.active{background:rgba(105,169,255,.2);color:#fff;box-shadow:0 0 18px rgba(105,169,255,.12)}
.lang-ja,.lang-ko{font-family:"Noto Serif SC","Yu Mincho","Hiragino Mincho ProN","Malgun Gothic",serif}
.lang-ja .night-hero h1,.lang-ko .night-hero h1{letter-spacing:-.035em}
.playlist .track-row{border-bottom:1px solid var(--line);transition:.35s}
.playlist .track-row:hover,.playlist .track-row.active{padding-left:14px;background:rgba(255,255,255,.035)}
.playlist .track-control{width:100%;min-height:84px;display:grid;grid-template-columns:38px 48px minmax(0,1fr) auto;gap:15px;align-items:center;padding:17px 0 8px;border:0;background:none;text-align:left;cursor:pointer}
.playlist .track-control>span{font:italic 12px var(--serif);color:rgba(255,255,255,.4)}
.playlist .track-control>i{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;font-style:normal;font-size:10px;transition:.25s}
.playlist .track-row.active .track-control>i{border-color:var(--electric);background:rgba(105,169,255,.13);box-shadow:0 0 25px rgba(105,169,255,.12)}
.playlist .track-progress{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center;padding:0 0 15px 101px}
.playlist .track-progress input{width:100%;height:18px;margin:0;cursor:pointer;accent-color:var(--electric);background:transparent}
.playlist .track-progress input:disabled{cursor:default;opacity:.35}
.playlist .track-progress input::-webkit-slider-runnable-track{height:2px;border-radius:3px;background:linear-gradient(90deg,var(--electric),rgba(255,255,255,.18))}
.playlist .track-progress input::-webkit-slider-thumb{width:11px;height:11px;margin-top:-4.5px;border:1px solid #cfe2ff;border-radius:50%;appearance:none;background:#081c3a;box-shadow:0 0 13px rgba(105,169,255,.65)}
.playlist .track-progress span{min-width:78px;font:italic 8px var(--serif);letter-spacing:.08em;color:rgba(255,255,255,.43)}
.background-player{position:fixed;z-index:75;right:22px;bottom:20px;width:min(390px,calc(100vw - 40px));display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:13px;align-items:center;padding:11px 14px;border:1px solid rgba(158,198,255,.24);border-radius:4px;background:rgba(2,9,22,.83);color:#fff;text-align:left;box-shadow:0 18px 65px rgba(0,0,0,.38),inset 0 0 35px rgba(43,102,189,.08);backdrop-filter:blur(20px);cursor:pointer;transition:.3s}
.background-player:hover{transform:translateY(-3px);border-color:rgba(158,198,255,.46)}
.background-player>i{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.38);border-radius:50%;font-style:normal;font-size:9px}
.background-player>span{min-width:0}
.background-player small{display:block;margin-bottom:3px;color:var(--electric);font:italic 7px var(--serif);letter-spacing:.16em}
.background-player b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:400 13px var(--serif)}
.background-player>em{font:italic 8px var(--serif);color:rgba(255,255,255,.52)}
.background-player.needs-action{border-color:rgba(255,212,160,.55);animation:music-pulse 2.6s ease-in-out infinite}
@keyframes music-pulse{50%{box-shadow:0 18px 65px rgba(0,0,0,.38),0 0 30px rgba(255,212,160,.12)}}
/* English stays present as a quiet curatorial caption in every other edition. */
.night-header nav a{display:flex;flex-direction:column;align-items:center;line-height:1.25}
.night-header nav a small{margin-top:4px;font:italic 6px var(--serif);letter-spacing:.13em;color:rgba(105,169,255,.68)}
.en-accent{display:block;margin-top:10px;font:italic 9px/1.55 "Playfair Display",serif;letter-spacing:.08em;color:rgba(105,169,255,.66);white-space:pre-line}
.hero-kicker .en-accent{margin-top:8px;font-size:8px;letter-spacing:.2em;color:rgba(255,255,255,.42)}
.hero-poem .poem-en{max-width:370px;margin-top:18px;font-size:11px;line-height:1.7;letter-spacing:.05em;color:rgba(154,193,245,.48)}
.hero-side .en-accent{display:inline;margin:14px 0 0;color:rgba(105,169,255,.45)}
.scroll-note b small{display:block;margin-top:4px;font:italic 6px var(--serif);letter-spacing:.16em;color:rgba(105,169,255,.65)}
.heading-en{max-width:650px;margin-top:18px!important;font-size:clamp(10px,1vw,15px)!important;line-height:1.5!important;letter-spacing:.09em!important;color:rgba(105,169,255,.58)!important}
.night-section-head>p .en-accent,.works-header>div>p .en-accent,.radio-section>header>p .en-accent,.about-copy>p .en-accent{margin:5px 0 0 50px;font-size:7px;letter-spacing:.16em}
.category-door p .en-accent{margin-top:9px;font-size:9px;color:rgba(154,193,245,.48)}
.work-caption .caption-en{margin:0 0 7px;color:rgba(6,19,38,.38);font:italic 8px var(--serif);letter-spacing:.06em}
.playlist .track-en{display:block;margin-top:4px;color:rgba(105,169,255,.65);font:italic 9px var(--serif);letter-spacing:.05em}
.about-window>span .en-accent{margin-top:4px;color:rgba(11,74,153,.6);font-size:8px}
.about-copy h2 .heading-en{max-width:560px}
.night-footer>p .en-accent{color:rgba(105,169,255,.6)}
.night-footer>div .en-accent{margin-top:5px;font-size:6px}
.background-player .player-en{margin:3px 0 0;color:rgba(255,255,255,.36);font-size:6px;letter-spacing:.08em}
.lightbox aside .en-accent{margin-top:6px}
.lightbox h2 .heading-en{font-size:12px!important}
.lightbox aside>span .en-accent{color:rgba(105,169,255,.62)}
@media(max-width:1000px){.header-actions{position:absolute;right:72px;top:19px}.language-switch button{width:27px}.playlist .track-progress{padding-left:101px}}
@media(max-width:650px){.night-brand em{display:none}.header-actions{right:60px;top:18px}.language-switch{gap:0}.language-switch button{width:24px;height:25px}.night-header nav a{align-items:flex-start}.night-header nav a small{font-size:7px}.playlist .track-control{grid-template-columns:24px 38px minmax(0,1fr);gap:12px}.playlist .track-control>em{display:none}.playlist .track-progress{padding:0 0 14px 74px;gap:8px}.playlist .track-progress span{min-width:70px;font-size:7px}.background-player{right:12px;bottom:12px;width:calc(100vw - 24px)}.night-footer{padding-bottom:110px}.copyright-panel{grid-template-columns:1fr;gap:22px;padding:28px 0 32px}.copyright-panel p{font-size:11px}.copyright-panel h3{font-size:28px}}
@media(max-width:430px){.night-brand b{display:none}.header-actions{right:58px}.language-switch button{width:23px}}
@media(max-width:1000px) and (min-width:651px){.hero-content{width:66vw}.hero-floating{right:-4vw;top:20vh;width:54vw;height:64vh;opacity:.94}.hero-collage-label{display:none}}
@media(max-width:650px){.night-hero{min-height:1080px;padding-top:112px}.hero-content{width:100%}.hero-floating{top:auto;right:-8vw;bottom:40px;width:102vw;height:500px;opacity:1}.floating-a{left:0;top:42%;width:40%;height:auto}.floating-b{left:18%;top:0;width:62%;height:auto}.floating-c{left:auto;right:0;top:48%;width:36%;height:auto}.hero-work-label b{font-size:13px}.hero-featured .hero-work-label b{font-size:18px!important}.hero-work-label small{font-size:7px}.hero-collage-label{display:none}.scroll-note{display:none}}
/* Dark vinyl surface: restrained grooves, soft reflected light and a real spindle hole. */
.record{position:relative;overflow:hidden;background:repeating-radial-gradient(circle at 50% 50%,rgba(255,255,255,.035) 0 1px,rgba(0,0,0,.18) 1px 3px,rgba(255,255,255,.012) 3px 6px),radial-gradient(circle at 34% 28%,#282c31 0,#111419 21%,#07090c 52%,#020305 78%,#11151a 100%);box-shadow:0 55px 150px rgba(0,0,0,.68),0 0 0 1px rgba(255,255,255,.06),inset -24px -28px 72px rgba(0,0,0,.78),inset 16px 18px 45px rgba(255,255,255,.035)}
.record:before{content:"";position:absolute;inset:2.5%;border-radius:50%;background:conic-gradient(from 205deg,transparent 0 8%,rgba(255,255,255,.11) 12%,transparent 19% 45%,rgba(117,151,196,.055) 51%,transparent 57% 78%,rgba(255,255,255,.045) 83%,transparent 89%);mix-blend-mode:screen;filter:blur(1.2px);pointer-events:none}
.record-art{position:relative;z-index:1;width:24%;border:2px solid rgba(235,237,231,.84);background:#07101d;box-shadow:0 0 0 1px rgba(0,0,0,.86),0 5px 22px rgba(0,0,0,.68)}
.record-art:after{content:"";position:absolute;left:50%;top:50%;width:9%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:#08090b;box-shadow:0 0 0 1px rgba(255,255,255,.3),0 0 6px rgba(0,0,0,.9)}
.record-art img{filter:saturate(.78) contrast(1.08) brightness(.9)}
/* Keep the legal notice present but visually secondary to the exhibition. */
.copyright-panel{grid-template-columns:minmax(120px,.25fr) 1fr;gap:clamp(26px,5vw,84px);margin-bottom:42px;padding:26px 0 30px}
.copyright-panel>span{font-size:7px;color:rgba(105,169,255,.58)}
.copyright-panel h3{margin-bottom:14px;font-size:clamp(18px,1.7vw,27px)}
.copyright-panel h3 small{margin-top:7px;font-size:7px}
.copyright-panel p{max-width:860px;font-size:clamp(9px,.75vw,11px);line-height:1.85;color:rgba(255,255,255,.46)}
.copyright-panel p .en-accent{margin-top:10px;font-size:7px;color:rgba(105,169,255,.46)}
.copyright-panel b{margin-top:18px;font-size:7px;color:rgba(255,255,255,.6)}
.copyright-panel b small{margin-top:6px;font-size:6px}
@media(max-width:650px){.copyright-panel{gap:16px;padding:22px 0 26px}.copyright-panel h3{font-size:21px}.copyright-panel p{font-size:9px}.copyright-panel p .en-accent{font-size:6.5px}}
/* A complete turntable separates the spinning record from the night-blue room. */
.turntable{position:relative;width:min(39vw,560px);aspect-ratio:1;margin:auto;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:linear-gradient(145deg,#515961 0,#2c333b 18%,#181e24 58%,#0d1116 100%);box-shadow:0 55px 140px rgba(0,0,0,.58),inset 1px 1px 0 rgba(255,255,255,.13),inset -18px -20px 45px rgba(0,0,0,.38);transform:rotate(-1.2deg)}
.turntable:before{content:"";position:absolute;inset:2.6%;border:1px solid rgba(255,255,255,.045);border-radius:13px;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 32% 74%,rgba(0,0,0,.11));pointer-events:none}
.turntable .record{position:absolute;left:7%;top:10%;width:76%;margin:0;box-shadow:0 20px 42px rgba(0,0,0,.58),0 0 0 2px rgba(0,0,0,.62),inset -24px -28px 72px rgba(0,0,0,.78),inset 16px 18px 45px rgba(255,255,255,.035)}
.tonearm{position:absolute;z-index:4;right:5.2%;top:7%;width:18%;height:71%;filter:drop-shadow(0 7px 7px rgba(0,0,0,.5))}
.tonearm:before{content:"";position:absolute;left:50%;top:0;width:68%;aspect-ratio:1;transform:translateX(-50%);border:1px solid rgba(255,255,255,.28);border-radius:50%;background:radial-gradient(circle at 36% 32%,#b7bec4,#5a626a 32%,#1c2228 72%);box-shadow:0 0 0 5px rgba(0,0,0,.2)}
.tonearm i{position:absolute;left:48%;top:11%;width:7px;height:69%;border-radius:99px;background:linear-gradient(90deg,#363e44,#c0c6ca 46%,#4e565d);transform:rotate(7deg);transform-origin:50% 0}
.tonearm span{position:absolute;left:51%;top:75%;width:24%;height:10%;border-radius:2px;background:linear-gradient(135deg,#aeb5ba,#343a40);transform:rotate(21deg);box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.turntable-controls{position:absolute;right:6.5%;bottom:7%;display:flex;align-items:center;gap:10px;color:rgba(255,255,255,.46)}
.turntable-controls i{width:12px;height:12px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#12171c;box-shadow:inset 0 0 0 3px #303840}
.turntable-controls i:nth-child(2){width:7px;height:7px;background:#8ba7c7;box-shadow:0 0 10px rgba(105,169,255,.35)}
.turntable-controls span,.turntable>small{font:italic 6px var(--serif);letter-spacing:.15em}
.turntable>small{position:absolute;left:6.5%;bottom:6.5%;color:rgba(255,255,255,.33)}
.work-rights{max-width:470px;margin-top:22px;padding:13px 0 0 14px;border-left:1px solid rgba(105,169,255,.35);font:300 9px/1.72 var(--serif);color:rgba(255,255,255,.46)}
.work-rights>span,.work-rights>small{display:block}
.work-rights>small{margin-top:8px;font:italic 7px/1.62 var(--serif);color:rgba(105,169,255,.48)}
.lightbox aside:has(.work-rights) button{margin-top:30px}
@media(max-width:1000px){.turntable{width:min(76vw,560px)}.lightbox aside{max-height:38vh;overflow-y:auto}}
@media(max-width:650px){.turntable{width:88vw;border-radius:13px}.tonearm i{width:5px}.work-rights{margin-top:16px;font-size:8px}.work-rights>small{font-size:6.5px}.lightbox{overflow-y:auto}.lightbox aside{max-height:none;overflow:visible}}
/* Night Gallery — orderly exhibition bays with artwork-specific framing. */
.night-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;align-items:stretch;border:1px solid rgba(6,19,38,.18);background:rgba(6,19,38,.18);box-shadow:0 28px 80px rgba(6,25,58,.08)}
.night-work,.night-work:nth-child(n){position:relative;grid-column:auto;width:auto;min-width:0;margin:0;padding:clamp(18px,2.2vw,34px);background:#f2f2ef}
.work-image{--frame:#30353a;--mat:#e9e8e3;--edge:rgba(0,0,0,.48);--frame-width:8px;--mat-width:11px;position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:clamp(330px,32vw,510px);padding:clamp(28px,3.8vw,58px) clamp(18px,2.8vw,42px);border:0;background:linear-gradient(145deg,#e9e9e5,#f7f7f3 62%,#e4e4df);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(6,19,38,.08),inset 0 18px 50px rgba(255,255,255,.7);cursor:pointer}
.work-image:before{content:"";position:absolute;inset:10px;border:1px solid rgba(6,19,38,.055);pointer-events:none}
.work-image img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;padding:var(--mat-width);border:var(--frame-width) solid var(--frame);background:var(--mat);object-fit:contain;filter:saturate(.92);box-shadow:0 0 0 1px var(--edge),0 14px 28px rgba(6,19,38,.2),0 3px 7px rgba(6,19,38,.18);transition:.7s cubic-bezier(.2,.7,.2,1)}
.work-image:hover img{transform:translateY(-3px) scale(1.012);filter:saturate(1.04);box-shadow:0 0 0 1px var(--edge),0 22px 38px rgba(6,19,38,.24),0 4px 9px rgba(6,19,38,.18)}
.work-image:after{right:17px;top:auto;bottom:14px;color:rgba(6,19,38,.35);text-shadow:none}
.work-index{left:17px;top:15px;color:rgba(6,19,38,.55);text-shadow:none}
.work-open{right:17px;bottom:30px;color:#0b4a99;text-shadow:none}
.work-caption{min-height:92px;gap:16px;padding:17px 30px 0 0;border-top:1px solid rgba(6,19,38,.06)}
.work-caption h3{margin:0 0 5px;font-size:clamp(17px,1.65vw,25px);line-height:1.15}
.work-caption p{font-size:9px}
.work-caption span{font-size:8px}
.work-caption small{font-size:8px}
.work-like{right:clamp(18px,2.2vw,34px);bottom:clamp(18px,2.2vw,34px);font-size:16px}
.frame-ivory{--frame:#e0ddd2;--mat:#faf8f1;--edge:rgba(83,79,68,.35);--frame-width:6px;--mat-width:16px}
.frame-oak{--frame:#9a7655;--mat:#f2ede2;--edge:rgba(65,44,28,.58);--frame-width:9px;--mat-width:13px}
.frame-walnut{--frame:#5d4638;--mat:#eee8dd;--edge:rgba(37,25,19,.72);--frame-width:11px;--mat-width:13px}
.frame-ebony{--frame:#171b1f;--mat:#e8e6df;--edge:rgba(0,0,0,.8);--frame-width:10px;--mat-width:10px}
.frame-graphite{--frame:#444b52;--mat:#e3e4e3;--edge:rgba(19,24,29,.65);--frame-width:8px;--mat-width:11px}
.frame-silver{--frame:#a9aba7;--mat:#f0efea;--edge:rgba(75,78,76,.52);--frame-width:6px;--mat-width:17px}
.frame-blue{--frame:#173b60;--mat:#e8edf1;--edge:rgba(4,27,53,.72);--frame-width:8px;--mat-width:12px}
@media(max-width:1050px){.night-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.work-image{height:clamp(340px,48vw,520px)}}
@media(max-width:650px){.night-gallery{display:grid;grid-template-columns:1fr;gap:1px}.night-work,.night-work:nth-child(n){width:auto;margin:0;padding:20px 16px 25px}.work-image{height:min(112vw,520px);padding:34px 21px}.work-caption{display:flex;min-height:78px;padding-top:15px}.work-caption>div:last-child{margin-top:0;text-align:right}.work-like{right:17px;bottom:24px}}
/* Summer Night Radio — photographic Milky Way fixed behind the whole section. */
.radio-section{isolation:isolate;background:#010713}
.radio-section:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-image:url("../assets/backgrounds/summer-night-milky-way.webp");background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;filter:saturate(.78) brightness(.66) contrast(1.06);transform:scale(1.01)}
.radio-section:after{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(1,6,16,.38),rgba(1,6,16,.13) 45%,rgba(1,6,16,.28)),radial-gradient(ellipse at 50% 46%,transparent 18%,rgba(1,5,14,.1) 64%,rgba(1,4,11,.58) 100%),linear-gradient(180deg,rgba(1,6,16,.22),transparent 20% 78%,rgba(1,5,13,.62))}
.radio-section>header,.radio-section .radio-layout{position:relative;z-index:3}
.radio-section .radio-moon{z-index:2;border-color:rgba(126,170,230,.1);opacity:.54}
.radio-section .playlist{background:linear-gradient(135deg,rgba(3,13,32,.26),rgba(2,8,20,.52));backdrop-filter:blur(2px)}
.radio-section .track-row{background:rgba(1,7,18,.08)}
/* The original Huoqin artwork stays anchored while the opening page scrolls. */
.hero-art{background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}
.hero-art img{opacity:0;pointer-events:none}
@media(max-width:650px){.hero-art{background-position:58% center}}
/* One continuous, viewport-anchored exhibition backdrop for Home + Categories.
   A sticky scene layer is used instead of background-attachment so the effect
   remains reliable in mobile Safari and other touch browsers. */
.opening-scene{position:relative;isolation:isolate;background:#020711}
.opening-fixed-bg{position:sticky;z-index:0;top:0;width:100%;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.76) contrast(1.04) brightness(.64);pointer-events:none}
.opening-fixed-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,7,17,.62) 0 25%,rgba(2,7,17,.2) 58%,rgba(2,7,17,.28)),linear-gradient(180deg,rgba(2,7,17,.04),rgba(2,7,17,.2))}
.opening-scene .night-hero,.opening-scene .category-section{position:relative;z-index:1;background:transparent}
.opening-scene .hero-veil{background:linear-gradient(90deg,#020711 0 24%,rgba(2,7,17,.78) 42%,rgba(2,7,17,.1) 78%,rgba(2,7,17,.34)),linear-gradient(0deg,rgba(2,7,17,.58) 0,transparent 27%,rgba(2,7,17,.18));-webkit-mask-image:linear-gradient(to bottom,#000 0 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 72%,transparent 100%)}
.opening-scene .category-section{background:linear-gradient(180deg,transparent 0,rgba(5,17,38,.18) 22%,rgba(5,17,38,.68) 68%,rgba(3,11,25,.9));box-shadow:none}
/* The radio uses its own sticky scenery layer: the content scrolls, the galaxy
   stays still, then releases naturally when the visitor leaves the section. */
.radio-section{padding:0!important;overflow:clip;isolation:isolate;background:#010713}
.radio-section:before{display:none}
.radio-fixed-bg{position:sticky;z-index:0;top:0;width:100%;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;background-image:url("../assets/backgrounds/summer-night-milky-way.webp");background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.78) brightness(.66) contrast(1.06);pointer-events:none}
.radio-content{position:relative;z-index:3;padding:clamp(140px,16vw,250px) clamp(22px,6vw,100px)}
.radio-content>header>p{font:italic 8px var(--serif);letter-spacing:.34em;color:var(--electric)}
.radio-content>header>p .en-accent{margin:5px 0 0 50px;font-size:7px;letter-spacing:.16em}
@media(max-width:650px){
  .opening-fixed-bg{background-position:58% center}
  .opening-fixed-bg:after{background:linear-gradient(180deg,rgba(2,7,17,.48),rgba(2,7,17,.2) 52%,rgba(2,7,17,.42))}
  .opening-scene .hero-veil{background:linear-gradient(180deg,rgba(2,7,17,.72),rgba(2,7,17,.34) 52%,rgba(2,7,17,.62) 100%)}
  .opening-scene .category-section{background:linear-gradient(180deg,transparent 0,rgba(4,15,34,.24) 20%,rgba(4,15,34,.76) 64%,rgba(3,11,25,.93))}
  .radio-fixed-bg{background-position:58% center}
  .radio-content{padding:clamp(140px,16vw,250px) 20px}
}
/* Commission room — a quiet commercial path that still belongs to the exhibition. */
.commission-section{position:relative;z-index:2;padding:clamp(130px,14vw,220px) clamp(22px,6vw,100px);overflow:hidden;background:radial-gradient(circle at 88% 10%,rgba(44,107,189,.22),transparent 32rem),linear-gradient(145deg,#07172e 0,#020915 58%,#061225 100%);border-top:1px solid rgba(139,186,245,.14)}
.commission-section:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.24;background-image:linear-gradient(rgba(120,167,227,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(120,167,227,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(120deg,#000,transparent 74%)}
.commission-section:after{content:"";position:absolute;right:-11vw;top:-18vw;width:46vw;aspect-ratio:1;border:1px solid rgba(144,190,249,.13);border-radius:50%;box-shadow:0 0 0 7vw rgba(105,169,255,.025),0 0 0 14vw rgba(105,169,255,.018);pointer-events:none}
.commission-section>header,.commission-layout{position:relative;z-index:1}
.commission-section>header{display:grid;grid-template-columns:.38fr 1.32fr .58fr;gap:clamp(32px,5vw,80px);align-items:end;padding-bottom:clamp(70px,8vw,120px)}
.commission-section>header>p{align-self:start;margin:9px 0 0;font:italic 8px var(--serif);letter-spacing:.3em;color:var(--electric)}
.commission-section>header>p .en-accent{margin:7px 0 0 37px;font-size:7px}
.commission-section>header h2{margin:0;font:400 clamp(50px,6.7vw,106px)/.95 var(--serif);letter-spacing:-.052em}
.commission-section>header h2>span{display:inline}
.commission-section>header h2 .heading-en{max-width:520px;margin-top:24px!important}
.commission-section>header>div>p{margin:0;font:300 14px/1.95 var(--serif);color:rgba(255,255,255,.58)}
.commission-layout{display:grid;grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:clamp(55px,8vw,135px);align-items:start}
.service-list>p{margin:0 0 24px;font:italic 9px var(--serif);letter-spacing:.25em;color:rgba(255,255,255,.42)}
.service-list>p small{display:block;margin-top:7px;color:var(--electric);font-size:7px}
.service-list article{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:20px;align-items:center;min-height:104px;border-top:1px solid rgba(173,205,245,.18);transition:.35s}
.service-list article:last-child{border-bottom:1px solid rgba(173,205,245,.18)}
.service-list article:hover{padding-left:12px;background:linear-gradient(90deg,rgba(105,169,255,.07),transparent)}
.service-list article>span{font:italic 9px var(--serif);color:var(--electric)}
.service-list h3{margin:0;font:400 clamp(18px,1.55vw,25px)/1.25 var(--serif)}
.service-list h3 small{display:block;margin-top:7px;font:italic 8px var(--serif);letter-spacing:.06em;color:rgba(105,169,255,.55)}
.service-list article>i{font:300 15px var(--serif);color:rgba(255,255,255,.28)}
.inquiry-panel{position:relative;padding:clamp(28px,4vw,58px);border:1px solid rgba(184,213,250,.22);background:linear-gradient(135deg,rgba(14,38,72,.62),rgba(3,12,27,.72));box-shadow:0 35px 110px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.06);backdrop-filter:blur(22px)}
.inquiry-panel:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.035);pointer-events:none}
.inquiry-intro{position:relative}
.inquiry-intro>span{font:italic 7px var(--serif);letter-spacing:.28em;color:var(--electric)}
.inquiry-intro h3{margin:22px 0 16px;font:400 clamp(34px,3.7vw,58px)/1 var(--serif)}
.inquiry-intro h3 small{display:block;margin-top:12px;font:italic 10px var(--serif);letter-spacing:.08em;color:rgba(105,169,255,.58)}
.inquiry-intro p{margin:0 0 40px;max-width:600px;font:300 12px/1.85 var(--serif);color:rgba(255,255,255,.52)}
.inquiry-panel form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:24px 22px}
.inquiry-panel label{display:block}
.inquiry-panel label>span{display:block;margin-bottom:9px;font:400 8px var(--serif);letter-spacing:.18em;color:rgba(255,255,255,.6)}
.inquiry-panel .form-wide{grid-column:1/-1}
.inquiry-panel input,.inquiry-panel select,.inquiry-panel textarea{width:100%;border:0;border-bottom:1px solid rgba(187,214,247,.27);border-radius:0;padding:11px 2px;background:rgba(1,7,18,.14);color:#fff;outline:none;font:300 13px/1.55 var(--serif);transition:.25s}
.inquiry-panel textarea{min-height:116px;padding:12px;resize:vertical;border:1px solid rgba(187,214,247,.22)}
.inquiry-panel select{appearance:none}
.inquiry-panel select option{background:#07152a;color:#fff}
.inquiry-panel input::placeholder,.inquiry-panel textarea::placeholder{color:rgba(255,255,255,.25)}
.inquiry-panel input:focus,.inquiry-panel select:focus,.inquiry-panel textarea:focus{border-color:var(--electric);box-shadow:0 8px 25px rgba(36,102,190,.08)}
.inquiry-panel form>button{grid-column:1/-1;width:100%;margin-top:8px;padding:17px 20px;border:1px solid rgba(195,220,251,.42);background:rgba(105,169,255,.1);color:#fff;font:400 10px var(--serif);letter-spacing:.18em;cursor:pointer;transition:.3s}
.inquiry-panel form>button span{float:right;color:var(--warm)}
.inquiry-panel form>button:hover{background:rgba(105,169,255,.2);border-color:rgba(195,220,251,.72)}
.inquiry-panel form>small{grid-column:1/-1;font:italic 7px/1.6 var(--serif);letter-spacing:.05em;color:rgba(255,255,255,.31)}
.direct-contact{position:relative;display:grid;gap:9px;margin-top:36px;padding-top:25px;border-top:1px solid rgba(173,205,245,.16)}
.direct-contact>span{margin-bottom:5px;font:italic 7px var(--serif);letter-spacing:.2em;color:rgba(255,255,255,.35)}
.direct-contact a{width:max-content;max-width:100%;color:#fff;text-decoration:none;font:400 clamp(13px,1.25vw,18px) var(--serif);border-bottom:1px solid rgba(105,169,255,.35);transition:.25s}
.direct-contact a:hover{color:var(--electric);border-color:currentColor}
.lightbox-actions{display:flex;flex-wrap:wrap;gap:18px 28px;align-items:center;margin-top:42px}
.lightbox aside .lightbox-actions button,.lightbox aside .lightbox-actions a{display:block;margin:0;padding:10px 0;border:0;border-bottom:1px solid currentColor;background:none;color:#fff;text-decoration:none;font:400 10px var(--serif);letter-spacing:.08em;cursor:pointer}
.lightbox aside .lightbox-actions button.liked{color:var(--warm)}
.lightbox aside .lightbox-actions a{color:var(--electric)}
#commission{scroll-margin-top:68px}
@media(max-width:1120px){.commission-section>header{grid-template-columns:.35fr 1.2fr}.commission-section>header>div{grid-column:2}.commission-layout{grid-template-columns:1fr;gap:80px}.inquiry-panel{max-width:820px;margin-left:auto}.night-header nav{gap:18px}}
@media(max-width:1000px){.commission-section{padding-left:clamp(22px,6vw,100px);padding-right:clamp(22px,6vw,100px)}}
@media(max-width:650px){.commission-section{padding:120px 20px}.commission-section>header{grid-template-columns:1fr;gap:30px;padding-bottom:75px}.commission-section>header>div{grid-column:auto}.commission-section>header h2{font-size:50px}.commission-section>header>p .en-accent{margin-left:0}.commission-layout{gap:65px}.service-list article{grid-template-columns:30px minmax(0,1fr) auto;gap:12px;min-height:94px}.service-list h3{font-size:18px}.inquiry-panel{padding:30px 20px}.inquiry-panel form{grid-template-columns:1fr}.inquiry-panel .form-wide{grid-column:auto}.inquiry-panel form>button,.inquiry-panel form>small{grid-column:auto}.lightbox-actions{margin-top:24px}}
/* One continuous, fixed Milky Way from Summer Night Radio to the final footer. */
.closing-scene{position:relative;z-index:2;isolation:isolate;background:#010713}
.closing-fixed-bg{position:sticky;z-index:0;top:0;width:100%;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;background-image:url("../assets/backgrounds/summer-night-milky-way.webp");background-size:cover;background-position:center;background-repeat:no-repeat;filter:saturate(.82) brightness(.7) contrast(1.06);pointer-events:none}
.closing-fixed-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 52% 36%,transparent 12%,rgba(1,5,14,.12) 68%,rgba(1,4,11,.48) 100%),linear-gradient(90deg,rgba(1,6,16,.24),rgba(1,6,16,.06) 48%,rgba(1,6,16,.2))}
.closing-scene>.radio-section,.closing-scene>.about-night,.closing-scene>.commission-section,.closing-scene>.night-footer{position:relative;z-index:1}
.closing-scene .radio-fixed-bg{display:none}
.closing-scene>.radio-section{background:linear-gradient(180deg,rgba(1,7,19,.26),rgba(1,7,19,.42))}
.closing-scene>.about-night{background:linear-gradient(180deg,rgba(3,13,30,.46),rgba(4,16,36,.6))}
.closing-scene>.commission-section{border-top:0;background:linear-gradient(180deg,rgba(4,16,36,.58),rgba(2,10,24,.7))}
.closing-scene>.night-footer{background:linear-gradient(180deg,rgba(2,10,24,.7),rgba(1,5,12,.88) 88%)}
@media(max-width:650px){.closing-fixed-bg{background-position:58% center;filter:saturate(.8) brightness(.66) contrast(1.06)}.closing-scene>.about-night{background:linear-gradient(180deg,rgba(3,13,30,.56),rgba(4,16,36,.68))}.closing-scene>.commission-section{background:linear-gradient(180deg,rgba(4,16,36,.66),rgba(2,10,24,.76))}}
/* The lower exhibition is one continuous room: light shifts, but no section walls. */
.closing-scene>.radio-section,.closing-scene>.about-night,.closing-scene>.commission-section,.closing-scene>.night-footer{border:0;background:transparent;box-shadow:none}
.closing-scene>.radio-section:after{background:radial-gradient(ellipse at 50% 48%,rgba(1,7,18,.02) 12%,rgba(1,6,16,.18) 70%,rgba(1,5,13,.4) 100%)}
.closing-scene>.about-night:before{content:"";position:absolute;z-index:-1;inset:9% 4%;pointer-events:none;background:radial-gradient(ellipse at 68% 48%,rgba(18,61,119,.25),transparent 54%);filter:blur(40px)}
.closing-scene>.commission-section{padding-top:clamp(170px,17vw,270px);padding-bottom:clamp(180px,18vw,290px)}
.closing-scene>.commission-section:before{opacity:1;mask-image:none;background:radial-gradient(ellipse at 72% 43%,rgba(34,91,165,.18),transparent 48%),radial-gradient(ellipse at 18% 78%,rgba(86,143,219,.08),transparent 38%)}
.closing-scene>.commission-section:after{right:-8vw;top:18%;width:38vw;border:0;border-radius:48% 52% 44% 56%/57% 42% 58% 43%;background:rgba(79,139,217,.08);box-shadow:none;filter:blur(55px);transform:rotate(-18deg)}
.closing-scene>.night-footer{background:linear-gradient(180deg,transparent,rgba(1,5,12,.24) 84%,rgba(1,5,12,.5))}
/* Artist-studio correspondence desk — asymmetric, editorial and softly translucent. */
.commission-layout{grid-template-columns:minmax(280px,.64fr) minmax(0,1.36fr);gap:clamp(60px,9vw,155px);align-items:start}
.service-list article{border-color:rgba(184,213,250,.12)}
.service-list article:last-child{border-bottom-color:rgba(184,213,250,.12)}
.inquiry-panel{isolation:isolate;display:grid;grid-template-columns:minmax(210px,.58fr) minmax(0,1fr);grid-template-areas:"intro form" "contact form";column-gap:clamp(45px,6vw,95px);row-gap:52px;max-width:none;margin:0;padding:clamp(26px,3vw,48px) 0 0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.inquiry-panel:before{content:"";z-index:-1;inset:-4% -4% -6% 32%;position:absolute;border:0;border-radius:10% 3% 12% 5%/5% 12% 4% 10%;background:linear-gradient(135deg,rgba(21,55,101,.34),rgba(4,15,34,.16) 62%,rgba(86,146,221,.08));box-shadow:inset 0 1px rgba(224,238,255,.07),0 45px 130px rgba(0,0,0,.18);backdrop-filter:blur(12px);transform:rotate(-.7deg)}
.inquiry-panel:after{content:"✦";position:absolute;z-index:1;right:2.5%;top:-20px;width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.18);border-radius:50%;color:var(--warm);font:italic 10px var(--serif);box-shadow:0 0 38px rgba(105,169,255,.12)}
.inquiry-intro{grid-area:intro;align-self:start;padding-top:12px}
.inquiry-intro>span{color:rgba(105,169,255,.68)}
.inquiry-intro h3{margin:28px 0 24px;font-size:clamp(41px,4.2vw,68px);line-height:.98;letter-spacing:-.035em}
.inquiry-intro h3 small{margin-top:18px;font-size:9px}
.inquiry-intro p{margin:0;max-width:330px;font-size:12px;line-height:2;color:rgba(255,255,255,.52)}
.inquiry-panel form{grid-area:form;counter-reset:inquiry-field;display:grid;grid-template-columns:1fr 1fr;gap:32px 26px;padding:clamp(28px,3.8vw,58px) clamp(22px,4vw,64px) clamp(32px,4.5vw,70px);background:transparent}
.inquiry-panel form label{counter-increment:inquiry-field;position:relative;padding-left:27px}
.inquiry-panel form label:before{content:"0" counter(inquiry-field);position:absolute;left:0;top:2px;font:italic 6px var(--serif);letter-spacing:.1em;color:rgba(105,169,255,.52)}
.inquiry-panel label>span{margin-bottom:11px;color:rgba(231,239,251,.56);font-size:7px;letter-spacing:.2em}
.inquiry-panel input,.inquiry-panel select,.inquiry-panel textarea{padding:10px 1px 13px;border:0;border-bottom:1px solid rgba(184,213,250,.24);background:transparent;font-size:14px}
.inquiry-panel textarea{min-height:142px;padding:12px 10px 16px;border:0;border-bottom:1px solid rgba(184,213,250,.24);background:linear-gradient(180deg,rgba(105,169,255,.025),transparent)}
.inquiry-panel input:focus,.inquiry-panel select:focus,.inquiry-panel textarea:focus{border-color:rgba(141,190,255,.72);box-shadow:none;background:linear-gradient(180deg,rgba(105,169,255,.04),transparent)}
.inquiry-panel form>button{grid-column:1/-1;justify-self:end;width:min(100%,320px);margin-top:10px;padding:15px 21px;border-color:rgba(203,225,253,.3);border-radius:999px;background:linear-gradient(90deg,rgba(105,169,255,.08),rgba(105,169,255,.15));letter-spacing:.2em}
.inquiry-panel form>button:hover{transform:translateY(-2px);background:linear-gradient(90deg,rgba(105,169,255,.14),rgba(105,169,255,.24));box-shadow:0 15px 42px rgba(0,0,0,.2)}
.inquiry-panel form>small{grid-column:1/-1;justify-self:end;max-width:320px;text-align:right;color:rgba(255,255,255,.28)}
.direct-contact{grid-area:contact;align-self:end;margin:0;padding:0;border:0}
.direct-contact>span{margin-bottom:10px}
.direct-contact a{font-size:clamp(15px,1.4vw,21px);line-height:1.45;border-bottom-color:rgba(105,169,255,.22)}
@media(max-width:1250px){.commission-layout{grid-template-columns:minmax(240px,.52fr) minmax(0,1.48fr);gap:65px}.inquiry-panel{grid-template-columns:minmax(190px,.5fr) minmax(0,1fr);column-gap:38px}.inquiry-panel form{padding-left:32px;padding-right:32px}}
@media(max-width:980px){.commission-layout{grid-template-columns:1fr;gap:95px}.inquiry-panel{max-width:none;margin:0}.service-list{max-width:720px}.inquiry-panel:before{left:26%}}
@media(max-width:760px){.closing-scene>.commission-section{padding-top:145px;padding-bottom:160px}.inquiry-panel{display:grid;grid-template-columns:1fr;grid-template-areas:"intro" "form" "contact";gap:42px;padding-top:0}.inquiry-panel:before{left:-8px;right:-8px;top:190px;bottom:115px;border-radius:28px 8px 34px 12px}.inquiry-panel:after{right:10px;top:0}.inquiry-intro{padding-right:65px}.inquiry-intro h3{font-size:46px}.inquiry-panel form{grid-template-columns:1fr;padding:42px 22px 48px}.inquiry-panel .form-wide,.inquiry-panel form>button,.inquiry-panel form>small{grid-column:1}.inquiry-panel form>button{justify-self:stretch;width:100%}.inquiry-panel form>small{justify-self:stretch;max-width:none;text-align:left}.direct-contact{padding-top:12px}.closing-scene>.night-footer{background:linear-gradient(180deg,transparent,rgba(1,5,12,.42))}}
/* Commission salon — services become a curated programme, followed by one quiet correspondence desk. */
.closing-scene>.commission-section{padding-top:clamp(165px,16vw,255px);padding-bottom:clamp(150px,15vw,235px)}
.commission-section>header{max-width:1540px;margin:0 auto;padding-bottom:clamp(95px,10vw,155px)}
.commission-layout{display:block;max-width:1540px;margin:0 auto}
.service-list{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(22px,2.8vw,48px);padding:56px 0 92px}
.service-list:before{content:"";position:absolute;left:0;right:0;top:27px;height:1px;background:linear-gradient(90deg,transparent,rgba(176,207,245,.18) 14%,rgba(176,207,245,.18) 86%,transparent)}
.service-list>p{position:absolute;left:0;top:0;margin:0;font-size:8px;letter-spacing:.28em;color:rgba(255,255,255,.46)}
.service-list article,.service-list article:last-child{position:relative;display:block;min-height:150px;padding:36px 12px 22px 22px;border:0;background:transparent;transition:transform .45s ease,color .45s ease}
.service-list article:nth-of-type(even){transform:translateY(34px)}
.service-list article:before{content:"";position:absolute;left:1px;top:43px;width:5px;height:5px;border:1px solid rgba(255,210,150,.7);border-radius:50%;box-shadow:0 0 20px rgba(255,202,129,.28)}
.service-list article:hover{padding-left:22px;background:transparent;color:#bcd9ff;transform:translateY(-7px)}
.service-list article:nth-of-type(even):hover{transform:translateY(27px)}
.service-list article>span{display:block;margin-bottom:34px;font-size:8px;color:rgba(105,169,255,.66)}
.service-list h3{max-width:230px;font-size:clamp(18px,1.45vw,24px);line-height:1.35}
.service-list h3 small{margin-top:10px;font-size:7px;line-height:1.45;color:rgba(141,185,241,.48)}
.service-list article>i{position:absolute;right:8px;top:36px;font-size:11px;color:rgba(255,255,255,.22)}
.inquiry-panel{isolation:isolate;display:grid;grid-template-columns:minmax(270px,.72fr) minmax(520px,1.28fr);grid-template-areas:"intro form" "contact form";column-gap:clamp(85px,10vw,170px);row-gap:64px;max-width:1320px;margin:clamp(75px,8vw,130px) auto 0;padding:clamp(48px,5vw,76px) clamp(18px,2vw,34px) clamp(40px,4vw,64px);border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.inquiry-panel:before{content:"";position:absolute;z-index:-1;inset:-7% -5% -10% 38%;border:0;border-radius:48% 52% 46% 54%/8% 9% 8% 10%;background:radial-gradient(ellipse at 50% 38%,rgba(69,126,199,.17),rgba(19,54,99,.08) 43%,transparent 74%);box-shadow:none;backdrop-filter:none;transform:none}
.inquiry-panel:after{content:"✦";position:absolute;z-index:1;left:34%;right:auto;top:26px;width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.13);border-radius:50%;color:rgba(255,210,150,.86);font:italic 8px var(--serif);box-shadow:0 0 32px rgba(105,169,255,.09)}
.inquiry-intro{grid-area:intro;align-self:start;padding:0}
.inquiry-intro>span{font-size:7px;letter-spacing:.32em;color:rgba(105,169,255,.62)}
.inquiry-intro h3{margin:34px 0 28px;font-size:clamp(46px,5vw,78px);line-height:.96;letter-spacing:-.045em}
.inquiry-intro h3 small{margin-top:18px;font-size:9px;color:rgba(125,174,236,.55)}
.inquiry-intro p{max-width:360px;margin:0;font-size:12px;line-height:2.05;color:rgba(255,255,255,.5)}
.inquiry-panel form{grid-area:form;align-self:start;display:grid;grid-template-columns:1fr 1fr;gap:36px 44px;padding:8px 0 0;background:transparent}
.inquiry-panel form label{padding-left:24px}
.inquiry-panel form label:before{top:4px;font-size:6px;color:rgba(105,169,255,.46)}
.inquiry-panel label>span{margin-bottom:13px;font-size:7px;color:rgba(236,242,251,.54)}
.inquiry-panel input,.inquiry-panel select,.inquiry-panel textarea{padding:10px 0 15px;border-bottom-color:rgba(188,216,251,.2);background:transparent;font-size:14px}
.inquiry-panel textarea{min-height:118px;padding:12px 0 15px;background:transparent}
.inquiry-panel form>button{justify-self:start;width:auto;min-width:245px;margin-top:3px;padding:15px 25px;border:1px solid rgba(203,225,253,.28);border-radius:999px;background:rgba(84,142,215,.08);box-shadow:inset 0 1px rgba(255,255,255,.04)}
.inquiry-panel form>small{justify-self:end;align-self:center;max-width:310px;text-align:right}
.direct-contact{grid-area:contact;align-self:end;display:grid;gap:10px;margin:0;padding:0;border:0}
.direct-contact>span{margin-bottom:8px}
.direct-contact a{font-size:clamp(15px,1.25vw,19px);border-bottom-color:rgba(105,169,255,.2)}
/* Final wall label — quiet signature, legal note, and a small way back into the exhibition. */
.closing-scene>.night-footer{min-height:auto;padding:clamp(155px,16vw,250px) clamp(22px,6vw,100px) 44px;background:linear-gradient(180deg,transparent,rgba(1,5,12,.18) 72%,rgba(1,5,12,.54));text-align:center;overflow:hidden}
.night-footer:before{content:"";position:absolute;left:50%;top:clamp(125px,14vw,205px);width:min(52vw,760px);aspect-ratio:1;transform:translate(-50%,-42%);border-radius:50%;background:radial-gradient(circle,rgba(71,129,201,.11),rgba(32,76,137,.04) 39%,transparent 70%);pointer-events:none}
.night-footer>p{position:relative;margin:0;font-size:12px;letter-spacing:.25em;color:rgba(255,210,150,.78)}
.night-footer>p .en-accent{display:block;margin-top:10px;font-size:7px;color:rgba(105,169,255,.56)}
.night-footer h2{position:relative;margin:clamp(54px,6vw,88px) 0 clamp(100px,10vw,155px);font-size:clamp(52px,7.4vw,108px);line-height:.9;letter-spacing:.045em;text-shadow:0 18px 55px rgba(0,0,0,.42)}
.night-footer h2 span{display:block;margin-top:26px;font-size:clamp(17px,1.7vw,25px);letter-spacing:.52em;color:rgba(105,169,255,.8)}
.copyright-panel{position:relative;width:min(100%,1050px);display:grid;grid-template-columns:minmax(145px,.28fr) minmax(0,.72fr);gap:clamp(38px,6vw,90px);align-items:start;margin:0 auto clamp(105px,11vw,165px);padding:0;text-align:left;border:0}
.copyright-panel:before{content:"";position:absolute;left:calc(28% + 8px);top:-24px;width:34px;height:1px;background:rgba(255,210,150,.5)}
.copyright-panel>span{padding-top:4px;font-size:7px;line-height:1.7;letter-spacing:.24em;color:rgba(105,169,255,.62)}
.copyright-panel h3{margin:0 0 20px;font-size:clamp(24px,2.5vw,36px)}
.copyright-panel h3 small{margin-top:10px;font-size:8px}
.copyright-panel p{max-width:760px;font-size:clamp(10px,.86vw,12px);line-height:2;color:rgba(255,255,255,.48)}
.copyright-panel p .en-accent{margin-top:14px;font-size:8px;line-height:1.8;color:rgba(105,169,255,.5)}
.copyright-panel b{margin-top:22px;font-size:8px;color:rgba(255,255,255,.67)}
.copyright-panel b small{font-size:7px}
.night-footer>div{position:relative;width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;gap:24px;padding:0;border:0;font-size:7px;color:rgba(255,255,255,.34)}
.night-footer>div>span:first-child{text-align:left}
.night-footer>div>span:nth-child(2){text-align:center}
.night-footer>div>a{text-align:right;color:rgba(255,255,255,.54)}
@media(max-width:1050px){
  .service-list{grid-template-columns:repeat(3,1fr);row-gap:18px}.service-list article:nth-of-type(even){transform:none}.service-list article:nth-of-type(even):hover{transform:translateY(-7px)}
  .inquiry-panel{grid-template-columns:minmax(230px,.62fr) minmax(420px,1.38fr);column-gap:58px}
}
@media(max-width:760px){
  .closing-scene>.commission-section{padding-top:135px;padding-bottom:145px}
  .commission-section>header{padding-bottom:75px}
  .service-list{grid-template-columns:1fr 1fr;gap:8px 20px;padding:48px 0 52px}.service-list article,.service-list article:last-child{min-height:132px;padding:27px 8px 18px 18px}.service-list article:before{top:34px}.service-list article>span{margin-bottom:25px}.service-list h3{font-size:17px}.service-list article>i{top:27px}
  .inquiry-panel{display:grid;grid-template-columns:1fr;grid-template-areas:"intro" "form" "contact";gap:52px;margin-top:70px;padding:28px 0 0}.inquiry-panel:before{inset:23% -20px 12%;border-radius:45px;background:radial-gradient(ellipse at 50% 38%,rgba(69,126,199,.14),rgba(19,54,99,.05) 52%,transparent 78%)}.inquiry-panel:after{left:auto;right:4px;top:0}.inquiry-intro{padding-right:48px}.inquiry-intro h3{font-size:48px}.inquiry-panel form{grid-template-columns:1fr;gap:30px;padding:30px 18px 0}.inquiry-panel .form-wide,.inquiry-panel form>button,.inquiry-panel form>small{grid-column:1}.inquiry-panel form>button{justify-self:stretch;width:100%}.inquiry-panel form>small{justify-self:stretch;text-align:left}.direct-contact{padding-top:14px}
  .closing-scene>.night-footer{padding:135px 20px 34px}.night-footer:before{width:110vw;top:150px}.night-footer>p{font-size:11px;line-height:1.8}.night-footer h2{margin:48px 0 100px;font-size:57px}.night-footer h2 span{font-size:17px}.copyright-panel{grid-template-columns:1fr;gap:30px;margin-bottom:100px;text-align:left}.copyright-panel:before{left:0;top:45px}.copyright-panel>span{max-width:180px}.copyright-panel h3{font-size:27px}.copyright-panel p{font-size:10px}.night-footer>div{grid-template-columns:1fr;gap:15px}.night-footer>div>span:first-child,.night-footer>div>span:nth-child(2),.night-footer>div>a{text-align:left}
}
/* Commission v3 — a gallery foyer with one clear directory and one luminous studio doorway. */
.closing-scene>.commission-v3{position:relative;isolation:isolate;padding:clamp(170px,17vw,270px) clamp(22px,6vw,100px) clamp(180px,18vw,285px);overflow:hidden}
.closing-scene>.commission-v3:before{content:"";position:absolute;z-index:-2;inset:0;opacity:1;mask-image:none;background:radial-gradient(ellipse at 76% 58%,rgba(50,111,188,.18),transparent 38%),radial-gradient(ellipse at 22% 24%,rgba(9,30,67,.28),transparent 44%)}
.closing-scene>.commission-v3:after{content:"";position:absolute;z-index:-1;right:-16vw;top:28%;width:min(64vw,980px);aspect-ratio:1;border:1px solid rgba(124,172,232,.08);border-radius:50%;background:radial-gradient(circle,rgba(72,132,207,.055),transparent 66%);box-shadow:0 0 0 7vw rgba(84,142,215,.012),0 0 0 14vw rgba(84,142,215,.008);filter:none;transform:none;pointer-events:none}
.commission-salon{width:min(100%,1540px);margin:0 auto}
.commission-statement{display:grid;grid-template-columns:minmax(150px,.32fr) minmax(520px,1.2fr) minmax(260px,.48fr);gap:clamp(40px,6vw,100px);align-items:end}
.commission-statement>p{align-self:start;margin:10px 0 0;font:italic 8px var(--serif);letter-spacing:.32em;color:rgba(105,169,255,.74)}
.commission-statement>p .en-accent{display:block;margin:8px 0 0 36px;font-size:7px}
.commission-statement h2{margin:0;font:400 clamp(62px,7.6vw,120px)/.9 var(--serif);letter-spacing:-.06em;text-wrap:balance}
.commission-statement h2>span{display:inline}
.commission-statement h2 .heading-en{max-width:560px;margin-top:27px!important}
.commission-statement>div>p{margin:0;font:300 14px/2 var(--serif);color:rgba(255,255,255,.58)}
.commission-statement>div>.en-accent{display:block;margin-top:16px;font-size:9px;line-height:1.8;color:rgba(105,169,255,.52)}
.commission-room{display:grid;grid-template-columns:minmax(360px,.82fr) minmax(520px,1.18fr);gap:clamp(80px,11vw,180px);align-items:center;margin-top:clamp(130px,14vw,215px)}
.commission-directory{align-self:center;padding:30px 0}
.commission-directory>p{margin:0 0 55px;font:italic 8px var(--serif);letter-spacing:.3em;color:rgba(255,255,255,.45)}
.commission-directory>p small{display:block;margin-top:9px;color:rgba(105,169,255,.56);font-size:7px}
.commission-directory>div{display:grid}
.commission-directory article{position:relative;display:grid;grid-template-columns:42px 1fr;gap:22px;align-items:start;padding:28px 0 31px;border-bottom:1px solid rgba(183,211,246,.13);transition:color .35s ease,transform .35s ease}
.commission-directory article:first-child{border-top:1px solid rgba(183,211,246,.13)}
.commission-directory article:after{content:"";position:absolute;right:0;bottom:-1px;width:0;height:1px;background:rgba(255,210,150,.72);transition:width .45s ease}
.commission-directory article:hover{color:#bddaff;transform:translateX(8px)}
.commission-directory article:hover:after{width:100%}
.commission-directory article>span{padding-top:6px;font:italic 8px var(--serif);color:rgba(105,169,255,.62)}
.commission-directory h3{margin:0;font:400 clamp(20px,1.75vw,29px)/1.28 var(--serif)}
.commission-directory h3 small{display:block;margin-top:9px;font:italic 8px/1.5 var(--serif);letter-spacing:.06em;color:rgba(105,169,255,.48)}
.commission-portal{position:relative;isolation:isolate;min-height:720px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:150px clamp(48px,6vw,100px) 72px;border:1px solid rgba(190,217,250,.17);border-radius:380px 380px 30px 30px/245px 245px 30px 30px;background:linear-gradient(180deg,rgba(25,63,111,.3),rgba(5,17,38,.28) 52%,rgba(3,12,27,.5));box-shadow:inset 0 1px rgba(255,255,255,.055),0 55px 150px rgba(0,0,0,.18);backdrop-filter:blur(10px);text-align:center;overflow:hidden}
.commission-portal:before{content:"";position:absolute;z-index:-1;left:50%;top:70px;width:65%;aspect-ratio:1;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(113,171,240,.2),rgba(64,122,194,.065) 38%,transparent 70%);filter:blur(5px)}
.commission-portal:after{content:"";position:absolute;z-index:-1;left:15%;right:15%;bottom:-18%;height:42%;border-radius:50%;background:rgba(81,141,215,.09);filter:blur(48px)}
.commission-portal>i{position:absolute;top:58px;left:50%;width:42px;height:42px;display:grid;place-items:center;transform:translateX(-50%);border:1px solid rgba(255,255,255,.16);border-radius:50%;color:rgba(255,211,153,.88);font:italic 9px var(--serif);box-shadow:0 0 42px rgba(105,169,255,.12)}
.commission-portal>span{font:italic 7px var(--serif);letter-spacing:.34em;color:rgba(105,169,255,.68)}
.commission-portal h3{max-width:650px;margin:34px 0 25px;font:400 clamp(50px,5.2vw,82px)/.95 var(--serif);letter-spacing:-.045em}
.commission-portal h3 small{display:block;margin-top:18px;font:italic 9px var(--serif);letter-spacing:.08em;color:rgba(120,172,236,.58)}
.commission-portal>p{max-width:510px;margin:0;font:300 12px/2 var(--serif);color:rgba(255,255,255,.52)}
.commission-portal>p .en-accent{margin-top:13px;font-size:8px;line-height:1.8;color:rgba(105,169,255,.5)}
.commission-mail{min-width:280px;margin-top:48px;padding:16px 26px;border:1px solid rgba(205,227,253,.35);border-radius:999px;background:rgba(102,162,233,.07);color:#fff;text-decoration:none;font:400 10px var(--serif);letter-spacing:.18em;transition:.35s ease}
.commission-mail b{float:right;color:rgba(255,210,150,.9);font-weight:400}
.commission-mail:hover{transform:translateY(-3px);border-color:rgba(205,227,253,.64);background:rgba(102,162,233,.14);box-shadow:0 20px 55px rgba(0,0,0,.2)}
.commission-direct{width:100%;display:grid;justify-items:center;gap:8px;margin-top:auto;padding-top:54px}
.commission-direct>span{margin-bottom:7px;font:italic 7px var(--serif);letter-spacing:.2em;color:rgba(255,255,255,.33)}
.commission-direct a{width:max-content;max-width:100%;color:rgba(255,255,255,.78);text-decoration:none;font:400 clamp(13px,1.1vw,17px) var(--serif);border-bottom:1px solid rgba(105,169,255,.22);transition:.25s}
.commission-direct a:hover{color:#a8cdff;border-color:currentColor}
@media(max-width:1120px){
  .commission-statement{grid-template-columns:minmax(120px,.26fr) minmax(0,1fr)}.commission-statement>div{grid-column:2;max-width:520px}
  .commission-room{grid-template-columns:minmax(300px,.76fr) minmax(440px,1.24fr);gap:65px}.commission-portal{min-height:680px;padding-left:46px;padding-right:46px}
}
@media(max-width:820px){
  .closing-scene>.commission-v3{padding:140px 20px 165px}
  .commission-statement{grid-template-columns:1fr;gap:30px}.commission-statement>p .en-accent{margin-left:0}.commission-statement h2{font-size:clamp(50px,14vw,72px)}.commission-statement>div{grid-column:auto;max-width:520px}
  .commission-room{grid-template-columns:1fr;gap:105px;margin-top:105px}.commission-directory{padding:0}.commission-directory>p{margin-bottom:35px}.commission-directory article{grid-template-columns:34px 1fr;gap:14px;padding:23px 0 26px}.commission-directory h3{font-size:20px}
  .commission-portal{width:100%;min-height:640px;padding:125px 30px 52px;border-radius:240px 240px 24px 24px/170px 170px 24px 24px}.commission-portal>i{top:46px}.commission-portal h3{font-size:47px}.commission-mail{width:100%;min-width:0}.commission-direct{padding-top:48px}
}
/* Commission v38 — the earlier editorial room, gathered around one correspondence table. */
.closing-scene>.commission-section{padding-top:clamp(155px,15vw,235px);padding-bottom:clamp(165px,16vw,250px)}
.commission-section>header{max-width:1450px;margin:0 auto;padding-bottom:clamp(70px,7vw,108px)}
.commission-layout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(290px,.7fr) minmax(0,1.3fr);gap:clamp(58px,7vw,112px);align-items:start;max-width:1450px;margin:0 auto;padding:clamp(48px,5.5vw,82px)}
.commission-layout:before{display:none}
.commission-layout:after{content:"✦";position:absolute;right:34px;top:26px;color:rgba(255,210,150,.88);font:italic 8px var(--serif)}
.commission-layout .service-list{position:relative;display:block;max-width:none;padding:0}
.commission-layout .service-list:before{display:none}
.commission-layout .service-list>p{position:static;margin:0 0 31px;font:italic 8px var(--serif);letter-spacing:.28em;color:rgba(255,255,255,.47)}
.commission-layout .service-list>p small{display:block;margin-top:9px;font-size:7px;color:rgba(105,169,255,.58)}
.commission-layout .service-list article,.commission-layout .service-list article:last-child{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr) auto;gap:15px;align-items:start;min-height:0;padding:23px 0 25px;border:0;border-bottom:1px solid rgba(184,213,250,.13);background:transparent;transform:none;transition:color .35s ease,transform .35s ease}
.commission-layout .service-list article:first-of-type{border-top:1px solid rgba(184,213,250,.13)}
.commission-layout .service-list article:before{display:none}
.commission-layout .service-list article:hover,.commission-layout .service-list article:nth-of-type(even):hover{padding-left:0;background:transparent;color:#bddaff;transform:translateX(7px)}
.commission-layout .service-list article>span{display:block;margin:4px 0 0;font:italic 7px var(--serif);color:rgba(105,169,255,.64)}
.commission-layout .service-list h3{max-width:none;margin:0;font:400 clamp(17px,1.35vw,22px)/1.35 var(--serif)}
.commission-layout .service-list h3 small{display:block;margin-top:8px;font:italic 7px/1.45 var(--serif);letter-spacing:.04em;color:rgba(141,185,241,.5)}
.commission-layout .service-list article>i{position:static;padding-top:2px;font-size:10px;color:rgba(255,255,255,.24)}
.commission-layout .inquiry-panel{position:relative;isolation:auto;display:block;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;backdrop-filter:none}
.commission-layout .inquiry-panel:before,.commission-layout .inquiry-panel:after{display:none}
.commission-layout .inquiry-intro{padding:0 0 39px;border-bottom:1px solid rgba(184,213,250,.14)}
.commission-layout .inquiry-intro>span{font-size:7px;letter-spacing:.32em;color:rgba(105,169,255,.68)}
.commission-layout .inquiry-intro h3{margin:23px 0 20px;font-size:clamp(43px,4.4vw,68px);line-height:.96;letter-spacing:-.04em}
.commission-layout .inquiry-intro h3 small{margin-top:15px;font-size:8px;color:rgba(125,174,236,.56)}
.commission-layout .inquiry-intro p{max-width:650px;margin:0;font-size:12px;line-height:2;color:rgba(255,255,255,.52)}
.commission-layout .inquiry-panel form{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:29px 34px;padding:40px 0 0;background:transparent;counter-reset:inquiry-field}
.commission-layout .inquiry-panel form label{counter-increment:inquiry-field;position:relative;padding-left:25px}
.commission-layout .inquiry-panel form label:before{content:"0" counter(inquiry-field);position:absolute;left:0;top:3px;font:italic 6px var(--serif);letter-spacing:.1em;color:rgba(105,169,255,.5)}
.commission-layout .inquiry-panel label>span{margin-bottom:11px;font-size:7px;letter-spacing:.2em;color:rgba(234,241,250,.56)}
.commission-layout .inquiry-panel input,.commission-layout .inquiry-panel select,.commission-layout .inquiry-panel textarea{padding:10px 0 14px;border:0;border-bottom:1px solid rgba(188,216,251,.22);background:transparent;font-size:14px}
.commission-layout .inquiry-panel textarea{min-height:118px;padding:12px 0 15px;resize:vertical}
.commission-layout .inquiry-panel input:focus,.commission-layout .inquiry-panel select:focus,.commission-layout .inquiry-panel textarea:focus{border-color:rgba(141,190,255,.72);box-shadow:none;background:linear-gradient(180deg,rgba(105,169,255,.035),transparent)}
.commission-layout .inquiry-panel form>button{grid-column:1/-1;justify-self:start;width:min(100%,285px);margin-top:4px;padding:15px 23px;border:1px solid rgba(203,225,253,.32);border-radius:999px;background:linear-gradient(90deg,rgba(105,169,255,.075),rgba(105,169,255,.14));letter-spacing:.2em}
.commission-layout .inquiry-panel form>button:hover{transform:translateY(-2px);background:linear-gradient(90deg,rgba(105,169,255,.14),rgba(105,169,255,.23));box-shadow:0 15px 42px rgba(0,0,0,.2)}
.commission-layout .inquiry-panel form>small{grid-column:1/-1;justify-self:start;max-width:520px;text-align:left;color:rgba(255,255,255,.3)}
.commission-layout .direct-contact{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;margin-top:38px;padding-top:24px;border-top:1px solid rgba(173,205,245,.14)}
.commission-layout .direct-contact>span{width:100%;margin:0 0 3px;font-size:7px;color:rgba(255,255,255,.35)}
.commission-layout .direct-contact a{font-size:clamp(14px,1.15vw,18px);line-height:1.5;border-bottom-color:rgba(105,169,255,.23)}
@media(max-width:1020px){
  .commission-layout{grid-template-columns:1fr;gap:70px;padding:58px}.commission-layout .service-list{max-width:none}.commission-layout .service-list article,.commission-layout .service-list article:last-child{grid-template-columns:38px minmax(0,1fr) auto}.commission-layout .inquiry-intro p{max-width:720px}
}
@media(max-width:650px){
  .closing-scene>.commission-section{padding-top:125px;padding-bottom:140px}.commission-section>header{padding-bottom:64px}.commission-layout{grid-template-columns:1fr;gap:64px;padding:40px 20px 46px}.commission-layout:before{inset:-4% -8%;border-radius:50%;backdrop-filter:blur(5px)}.commission-layout:after{right:20px;top:17px}.commission-layout .service-list article,.commission-layout .service-list article:last-child{grid-template-columns:28px minmax(0,1fr) auto;gap:12px;padding:20px 0 22px}.commission-layout .service-list h3{font-size:17px}.commission-layout .inquiry-intro{padding-bottom:34px}.commission-layout .inquiry-intro h3{font-size:43px}.commission-layout .inquiry-panel form{grid-template-columns:1fr;gap:28px;padding-top:35px}.commission-layout .inquiry-panel .form-wide,.commission-layout .inquiry-panel form>button,.commission-layout .inquiry-panel form>small{grid-column:1}.commission-layout .inquiry-panel form>button{justify-self:stretch;width:100%}.commission-layout .direct-contact{display:grid;gap:9px;margin-top:34px}.commission-layout .direct-contact>span{width:auto}
}
/* Night Gallery v41 — a museum hall suspended between the painted room and the Milky Way. */
.works-section{
  isolation:isolate;
  overflow:hidden;
  padding:clamp(245px,22vw,350px) clamp(22px,5vw,86px) clamp(320px,30vw,480px);
  background:linear-gradient(180deg,#030d1d 0,#0a1d38 7rem,#afb4b3 17rem,#efeee9 27rem,#f1f0eb calc(100% - 30rem),#bfc4c5 calc(100% - 18rem),#061126 100%);
  color:#061326;
}
.works-section:before{
  content:"";
  position:absolute;
  z-index:0;
  inset:0 0 auto;
  height:clamp(220px,22vw,350px);
  background:radial-gradient(ellipse at 50% 20%,rgba(111,170,239,.2),transparent 46%),linear-gradient(180deg,rgba(2,9,22,.32),transparent 82%);
  pointer-events:none;
}
.works-section:after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  bottom:0;
  height:clamp(310px,30vw,480px);
  background:linear-gradient(180deg,transparent,rgba(2,9,21,.18) 28%,rgba(1,7,18,.7) 76%,#010713),url("../assets/backgrounds/summer-night-milky-way.webp") center 58%/cover no-repeat;
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%);
  mask-image:linear-gradient(to bottom,transparent,#000 28%);
  filter:saturate(.72) brightness(.72);
  pointer-events:none;
}
.works-header,.filter-line,.night-gallery{position:relative;z-index:1}
.works-header{
  max-width:1540px;
  margin:0 auto clamp(60px,7vw,105px);
  padding:0 0 clamp(52px,5.5vw,84px);
  grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);
  gap:clamp(55px,9vw,145px);
  border:0;
}
.works-header:before{
  content:"HUOQIN · NIGHT EXHIBITION";
  position:absolute;
  left:0;
  top:-54px;
  font:italic 7px var(--serif);
  letter-spacing:.34em;
  color:rgba(12,41,75,.48);
}
.works-header:after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg,rgba(6,32,65,.3),rgba(6,32,65,.08) 72%,transparent);
}
.works-header h2{max-width:930px;font-size:clamp(68px,8.2vw,132px);line-height:.84;letter-spacing:-.065em}
.works-header>p{max-width:430px;padding-bottom:4px;font-size:12px;line-height:2.05;color:rgba(6,19,38,.56)}
.filter-line{
  top:76px;
  max-width:1540px;
  margin:0 auto clamp(62px,7vw,105px);
  padding:14px 0;
  border:0;
  border-top:1px solid rgba(6,31,64,.12);
  border-bottom:1px solid rgba(6,31,64,.12);
  border-radius:0;
  background:rgba(241,240,235,.8);
  box-shadow:0 18px 35px rgba(7,25,52,.045);
  backdrop-filter:blur(18px) saturate(1.1);
}
.filter-line button{padding:9px 17px;color:rgba(6,19,38,.54)}
.filter-line button.active{color:#061326;background:rgba(22,61,105,.075)}
.filter-line .random-button{margin-left:auto;color:#174c86}
.night-gallery{
  max-width:1540px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-flow:dense;
  gap:clamp(20px,2.35vw,38px);
  align-items:stretch;
  border:0;
  background:transparent;
  box-shadow:none;
}
.night-work,.night-work:nth-child(n){
  position:relative;
  grid-column:span 4;
  width:auto;
  min-width:0;
  margin:0;
  padding:clamp(20px,2.2vw,35px);
  overflow:hidden;
  background:linear-gradient(145deg,rgba(249,248,242,.97),rgba(226,226,220,.95));
  box-shadow:0 24px 65px rgba(5,21,45,.085),inset 0 1px rgba(255,255,255,.75);
  transform:none;
  transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .55s ease;
}
.night-work:first-child{grid-column:span 8}
.night-work:before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  top:-18%;
  height:62%;
  background:radial-gradient(ellipse at 50% 0,rgba(255,252,236,.95),rgba(255,250,228,.24) 42%,transparent 72%);
  pointer-events:none;
}
.night-work:hover{transform:translateY(-7px);box-shadow:0 34px 90px rgba(5,21,45,.14),inset 0 1px rgba(255,255,255,.8)}
.night-work .work-image{height:clamp(340px,32vw,500px);background:radial-gradient(ellipse at 50% 28%,#faf9f3 0,#ecebe5 62%,#dddcd6 100%);box-shadow:inset 0 0 45px rgba(21,39,57,.055)}
.night-work:first-child .work-image{height:clamp(420px,43vw,670px)}
.night-work .work-caption{position:relative;margin-top:0;padding-top:22px;border:0}
.night-work .work-caption:before{content:"";position:absolute;left:0;top:0;width:38px;height:1px;background:rgba(10,42,77,.3)}
.night-work .work-caption h3{font-size:clamp(18px,1.45vw,24px);letter-spacing:-.015em}
.night-work .work-like{right:clamp(20px,2.2vw,35px);bottom:clamp(20px,2.2vw,35px)}
@media(max-width:1050px){
  .works-section{padding-top:230px;padding-bottom:340px}.works-header{grid-template-columns:1fr .65fr}.night-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.night-work,.night-work:nth-child(n),.night-work:first-child{grid-column:auto}.night-work:first-child{grid-column:1/-1}.night-work .work-image{height:clamp(350px,48vw,530px)}.night-work:first-child .work-image{height:clamp(410px,60vw,650px)}
}
@media(max-width:650px){
  .works-section{padding:185px 15px 270px;background:linear-gradient(180deg,#030d1d 0,#0a1d38 5rem,#c3c6c3 12rem,#efeee9 19rem,#f1f0eb calc(100% - 20rem),#061126 100%)}
  .works-section:before{height:205px}.works-section:after{height:300px}
  .works-header{grid-template-columns:1fr;gap:28px;margin-bottom:50px;padding:0 6px 42px}.works-header:before{top:-37px}.works-header h2{font-size:clamp(58px,20vw,82px)}.works-header>p{max-width:330px}
  .filter-line{top:64px;margin:0 -15px 42px;padding:12px 15px;overflow-x:auto;border-radius:0}.filter-line button{flex:none;padding:8px 13px}.filter-line .random-button{margin-left:0}
  .night-gallery{grid-template-columns:1fr;gap:18px}.night-work,.night-work:nth-child(n),.night-work:first-child{grid-column:1;padding:18px}.night-work .work-image,.night-work:first-child .work-image{height:min(126vw,560px)}.night-work .work-like{right:18px;bottom:18px}
}
/* Exhibition suite v42 — entrance hall, three galleries, listening room and artist catalogue. */
.opening-fixed-bg{filter:saturate(.84) contrast(1.03) brightness(.72)}
.opening-fixed-bg:after{background:linear-gradient(90deg,rgba(2,7,17,.7) 0 23%,rgba(2,7,17,.3) 52%,rgba(2,7,17,.16) 79%,rgba(2,7,17,.32)),linear-gradient(180deg,rgba(2,7,17,.08),rgba(2,7,17,.12) 66%,rgba(2,7,17,.46))}
.night-hero{min-height:clamp(850px,100svh,1120px);padding-top:132px;padding-bottom:90px}
.opening-scene .hero-veil{background:linear-gradient(90deg,#020711 0 22%,rgba(2,7,17,.82) 38%,rgba(2,7,17,.16) 70%,rgba(2,7,17,.28)),linear-gradient(180deg,rgba(2,7,17,.05),transparent 62%,rgba(2,7,17,.56));-webkit-mask-image:none;mask-image:none}
.night-hero:after{content:"";position:absolute;z-index:1;left:clamp(22px,6vw,100px);right:clamp(22px,6vw,100px);bottom:40px;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.28),rgba(105,169,255,.13) 62%,transparent);pointer-events:none}
.hero-content{width:min(760px,50vw);padding-top:2vh}
.hero-content:before{content:"01 — 05  ·  SUMMER NIGHT EXHIBITION";display:block;margin:0 0 28px;font:italic 7px var(--serif);letter-spacing:.34em;color:rgba(255,255,255,.42)}
.hero-kicker{margin-bottom:clamp(24px,3vw,40px);color:#94c3ff}
.night-hero h1{font-size:clamp(90px,11.6vw,186px);line-height:.7;letter-spacing:-.072em;text-shadow:0 22px 70px rgba(0,0,0,.48)}
.night-hero h1 .outlined{margin-left:clamp(35px,6.3vw,102px);-webkit-text-stroke:1px rgba(248,250,255,.92)}
.hero-poem{position:relative;margin:clamp(38px,4vw,60px) 0 0 clamp(18px,3vw,48px);padding:17px 22px 18px 26px;max-width:430px;border-left:1px solid rgba(255,216,163,.58);background:linear-gradient(90deg,rgba(5,18,42,.46),transparent);backdrop-filter:blur(5px);color:rgba(250,251,255,.84)}
.hero-links{margin-left:clamp(18px,3vw,48px);gap:clamp(19px,2.5vw,38px)}
.hero-links a,.hero-links button{border-bottom-color:rgba(255,255,255,.26);transition:color .3s,border-color .3s,transform .3s}
.hero-links a:hover,.hero-links button:hover{color:#b8d8ff;border-color:#b8d8ff;transform:translateY(-2px)}
.hero-floating{right:1vw;top:12vh;width:min(51vw,870px);height:min(76vh,790px)}
.hero-floating:before{content:"";position:absolute;inset:-7% -5% -9%;background:radial-gradient(ellipse at 55% 48%,rgba(105,169,255,.14),transparent 61%);filter:blur(16px);pointer-events:none}
.hero-floating button{border:1px solid rgba(231,240,255,.3);background:#e7e8e3;box-shadow:0 38px 110px rgba(0,0,0,.58),0 0 0 7px rgba(3,12,28,.56)}
.hero-floating button:hover{box-shadow:0 50px 135px rgba(0,0,0,.66),0 0 0 7px rgba(16,39,72,.68)}
.hero-floating img{filter:saturate(.9) brightness(.9)}
.hero-floating .floating-b{left:12%;top:2%;width:66%;transform:rotate(-.4deg)}
.hero-floating .floating-a{left:0;top:52%;width:32%;transform:rotate(-2.2deg)}
.hero-floating .floating-c{right:0;top:39%;width:30%;transform:rotate(2deg)}
.hero-floating .hero-featured{border-color:rgba(255,226,189,.65);box-shadow:0 50px 145px rgba(0,0,0,.66),0 0 0 9px rgba(4,14,32,.68)}
.hero-collage-label{right:3%;bottom:0}
.hero-collage-label i{border-radius:0;transform:rotate(45deg)}
.hero-collage-label i::first-letter{transform:rotate(-45deg)}
.moon{opacity:.54;right:5vw;top:10vh}
.opening-scene .category-section{padding-top:clamp(190px,19vw,300px);padding-bottom:clamp(250px,24vw,380px);background:linear-gradient(180deg,rgba(2,7,17,.2),rgba(3,12,28,.56) 20%,rgba(4,17,39,.72) 64%,rgba(3,11,25,.96));overflow:hidden}
.category-section:before{content:"";position:absolute;left:6vw;right:6vw;top:8%;height:48%;background:radial-gradient(ellipse at 53% 32%,rgba(72,130,201,.18),transparent 62%);filter:blur(34px);pointer-events:none}
.night-section-head{position:relative;max-width:1540px;margin:0 auto;grid-template-columns:minmax(150px,.32fr) minmax(0,1.28fr) minmax(230px,.42fr);gap:clamp(36px,6vw,100px);padding-bottom:clamp(54px,6vw,90px);border-bottom:1px solid rgba(195,220,252,.14)}
.night-section-head>p{align-self:start;margin-top:8px}
.night-section-head>p span{width:auto;height:auto;margin-right:14px;border:0;border-radius:0;color:var(--warm)}
.night-section-head h2{font-size:clamp(58px,7.15vw,114px);line-height:.91;letter-spacing:-.052em}
.night-section-head h2 em{color:#88baff}
.night-section-head>small{max-width:330px;padding-bottom:7px;font-size:13px;line-height:2;color:rgba(255,255,255,.58)}
.category-orbit{max-width:1540px;margin:clamp(78px,8vw,125px) auto 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:none;gap:clamp(20px,2.2vw,36px)}
.category-door,.door-1,.door-2,.door-3{position:relative;display:block;grid-column:auto;grid-row:auto;min-height:0;margin:0;padding:0 0 48px;border:0;background:transparent;text-align:left;overflow:visible;transform:none}
.category-door figure,.door-3 figure{order:0;height:clamp(490px,43vw,680px);margin:0;background:#051126;box-shadow:0 32px 90px rgba(0,0,0,.34)}
.category-door figure:before{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(2,8,19,.74) 100%);pointer-events:none}
.category-door figure:after{box-shadow:inset 0 0 0 1px rgba(223,237,255,.2),inset 0 -60px 100px rgba(0,0,0,.2)}
.category-door figure img{filter:saturate(.73) brightness(.78);transition:transform 1.05s cubic-bezier(.2,.7,.2,1),filter .8s}
.category-door:hover figure img{transform:scale(1.045);filter:saturate(.97) brightness(.9)}
.category-door figure span{left:22px;top:20px;font-size:9px;letter-spacing:.18em}
.category-door>div,.door-3>div{position:relative;z-index:3;width:88%;min-height:218px;margin:-126px auto 0;padding:31px 33px 30px;text-align:left;background:linear-gradient(135deg,rgba(10,31,62,.86),rgba(4,15,34,.66));box-shadow:0 26px 70px rgba(0,0,0,.27),inset 0 1px rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.category-door>div:before{content:"ROOM  0";position:absolute;right:24px;top:22px;font:italic 6px var(--serif);letter-spacing:.24em;color:rgba(255,255,255,.28)}
.category-door:nth-child(1)>div:before{content:"ROOM  01"}
.category-door:nth-child(2)>div:before{content:"ROOM  02"}
.category-door:nth-child(3)>div:before{content:"ROOM  03"}
.category-door small{color:#8fbeff}
.category-door h3{margin:13px 0 18px;font-size:clamp(31px,3vw,47px);letter-spacing:-.03em}
.category-door p,.door-3 p{max-width:275px;margin:0 0 20px;color:rgba(255,255,255,.6)}
.category-door b{color:#ffd7a6}
.orbit-line{display:none}
.radio-content{max-width:1740px;margin:0 auto;padding-top:clamp(185px,18vw,290px);padding-bottom:clamp(190px,19vw,300px)}
.radio-content>header{display:grid;grid-template-columns:minmax(160px,.32fr) minmax(0,1.35fr);gap:clamp(42px,7vw,115px);align-items:start;max-width:1540px;margin:0 auto}
.radio-content>header>p{margin-top:13px}
.radio-section h2{position:relative;margin:0;font-size:clamp(68px,8.2vw,132px);line-height:.86;letter-spacing:-.064em}
.radio-section h2:after{content:"LISTENING ROOM  ·  SIDE A  ·  33⅓ RPM";display:block;margin-top:34px;font:italic 7px var(--serif);letter-spacing:.34em;color:rgba(255,255,255,.38)}
.radio-section h2 em{display:inline-block;margin-left:8vw;color:#8fbeff}
.radio-layout{max-width:1540px;margin:clamp(95px,10vw,155px) auto 0;grid-template-columns:minmax(410px,.82fr) minmax(0,1.18fr);gap:clamp(70px,9vw,145px);align-items:center}
.turntable{width:min(39vw,570px);border-radius:24px;border-color:rgba(223,237,255,.2);background:linear-gradient(145deg,#626970 0,#323940 17%,#171d23 58%,#0b1015 100%);box-shadow:0 60px 160px rgba(0,0,0,.62),inset 1px 1px rgba(255,255,255,.16),inset -25px -25px 60px rgba(0,0,0,.4);transform:none}
.turntable:after{content:"";position:absolute;z-index:6;left:2.8%;right:2.8%;top:2.8%;height:42%;border-radius:18px 18px 45% 45%;background:linear-gradient(160deg,rgba(228,240,255,.1),rgba(192,218,250,.025) 58%,transparent);border-top:1px solid rgba(255,255,255,.12);pointer-events:none}
.turntable .record{background:repeating-radial-gradient(circle,rgba(255,255,255,.055) 0 1px,transparent 1px 5px),radial-gradient(circle at 36% 29%,#252a2f,#070a0d 57%,#010203 87%);box-shadow:0 24px 55px rgba(0,0,0,.68),0 0 0 2px #030405,inset -25px -28px 78px rgba(0,0,0,.86),inset 17px 18px 40px rgba(255,255,255,.045)}
.playlist{position:relative;padding:clamp(20px,2.5vw,38px) clamp(22px,3.2vw,50px);border:0;background:linear-gradient(135deg,rgba(10,31,62,.56),rgba(2,10,25,.42));box-shadow:0 38px 110px rgba(0,0,0,.25),inset 0 1px rgba(255,255,255,.075);backdrop-filter:blur(16px)}
.playlist:before{content:"NOW PLAYING  /  HUOQIN ARCHIVE";display:block;padding:0 0 24px;font:italic 7px var(--serif);letter-spacing:.3em;color:rgba(137,187,255,.64)}
.playlist .track-row{padding:0;border-bottom-color:rgba(199,222,250,.13);background:transparent!important}
.playlist .track-row:first-of-type{border-top:1px solid rgba(199,222,250,.13)}
.playlist .track-row:hover,.playlist .track-row.active{padding-left:10px;background:linear-gradient(90deg,rgba(105,169,255,.08),transparent)!important}
.playlist .track-control{min-height:94px;padding-top:18px}
.playlist .track-control>span{color:rgba(255,215,166,.65)}
.playlist .track-control>i{border-color:rgba(220,236,255,.32)}
.playlist b{font-size:clamp(20px,1.7vw,28px)}
.playlist .track-progress{padding-bottom:18px}
.playlist .track-progress input::-webkit-slider-runnable-track{background:linear-gradient(90deg,#8ebeff,rgba(255,255,255,.13))}
.about-night{isolation:isolate;min-height:110svh;padding-top:clamp(190px,18vw,290px);padding-bottom:clamp(200px,20vw,320px);grid-template-columns:minmax(330px,.68fr) minmax(0,1.32fr);gap:clamp(80px,10vw,165px);overflow:hidden}
.about-night:after{content:"04";position:absolute;z-index:-1;right:-.02em;bottom:-.2em;font:italic 400 clamp(210px,31vw,500px)/1 var(--serif);letter-spacing:-.08em;color:rgba(105,169,255,.04);pointer-events:none}
.about-window{justify-self:end;width:min(100%,540px);max-width:none;padding:clamp(18px,1.5vw,25px) clamp(18px,1.5vw,25px) clamp(64px,5vw,82px);background:linear-gradient(145deg,#f5f3ec,#d9d8d2);transform:none;box-shadow:0 55px 145px rgba(0,0,0,.46),0 0 0 1px rgba(255,255,255,.16)}
.about-window:before{left:auto;right:-36px;top:13%;width:70px;height:1px;background:linear-gradient(90deg,rgba(255,215,166,.7),transparent)}
.about-window:after{content:"ARTIST STUDY  /  HANGZHOU";position:absolute;right:18px;bottom:20px;font:italic 6px var(--serif);letter-spacing:.22em;color:rgba(12,31,56,.42)}
.about-window img{width:100%;max-height:700px;object-fit:cover;filter:saturate(.86) contrast(1.02)}
.about-window span{left:clamp(18px,1.5vw,25px);bottom:22px;font-size:13px;color:#112541}
.about-copy{position:relative;max-width:980px;padding:clamp(46px,5vw,80px) clamp(38px,5vw,82px);background:linear-gradient(135deg,rgba(13,39,77,.5),rgba(3,14,33,.25) 65%,rgba(90,148,219,.08));box-shadow:0 45px 135px rgba(0,0,0,.2),inset 0 1px rgba(255,255,255,.07);backdrop-filter:blur(14px)}
.about-copy:before{content:"ARTIST STATEMENT";position:absolute;right:-22px;top:50%;writing-mode:vertical-rl;transform:translateY(-50%);font:italic 6px var(--serif);letter-spacing:.32em;color:rgba(145,192,250,.42)}
.about-copy>p{margin:0}
.about-copy h2{margin:clamp(38px,4vw,60px) 0 clamp(58px,6vw,88px);font-size:clamp(43px,5.1vw,80px);line-height:1.08;letter-spacing:-.048em}
.about-copy h2:after{content:"";display:block;width:54px;height:1px;margin-top:42px;background:#ffd7a6}
.about-copy>div{gap:clamp(38px,5vw,75px)}
.about-copy>div p{font-size:clamp(13px,1vw,16px);line-height:2.05;color:rgba(255,255,255,.64)}
@media(max-width:1050px){
  .hero-content{width:64vw}.hero-floating{right:-8vw;width:52vw;opacity:.92}.night-hero h1{font-size:clamp(86px,14vw,150px)}
  .night-section-head{grid-template-columns:1fr 2fr}.night-section-head>small{grid-column:2}.category-orbit{grid-template-columns:1fr;gap:64px}.category-door,.door-1,.door-2,.door-3{width:min(100%,780px)}.category-door:nth-child(2){margin-left:auto}.category-door figure,.door-3 figure{height:min(72vw,660px)}.category-door>div,.door-3>div{width:82%;margin-top:-140px}
  .radio-content>header{grid-template-columns:1fr}.radio-content>header>p{margin:0 0 25px}.radio-layout{grid-template-columns:1fr;gap:105px}.turntable{width:min(76vw,580px)}.playlist{width:min(100%,860px);margin-left:auto}
  .about-night{grid-template-columns:1fr;gap:105px}.about-window{justify-self:start;width:min(68vw,540px);margin:0}.about-copy{justify-self:end;width:min(92%,980px)}
}
@media(max-width:650px){
  .opening-fixed-bg{filter:saturate(.82) brightness(.69)}.opening-fixed-bg:after{background:linear-gradient(180deg,rgba(2,7,17,.58),rgba(2,7,17,.2) 45%,rgba(2,7,17,.55))}
  .night-hero{min-height:1120px;padding:112px 18px 70px}.night-hero:after{left:18px;right:18px;bottom:28px}.hero-content{width:100%;padding-top:0}.hero-content:before{margin-bottom:20px;font-size:6px;letter-spacing:.24em}.night-hero h1{font-size:clamp(78px,27vw,116px);line-height:.72}.hero-poem{margin:42px 0 0 20px;padding:13px 16px 14px 20px;max-width:88%;font-size:14px}.hero-links{margin-left:20px;gap:8px;align-items:flex-start}.hero-floating{right:-10vw;bottom:45px;top:auto;width:106vw;height:470px}.hero-floating .floating-b{left:20%;top:0;width:59%}.hero-floating .floating-a{left:1%;top:48%;width:39%}.hero-floating .floating-c{right:0;top:52%;width:34%}.hero-floating button,.hero-floating .hero-featured{box-shadow:0 28px 75px rgba(0,0,0,.58),0 0 0 5px rgba(3,12,28,.6)}.moon{display:none}
  .opening-scene .category-section{padding:150px 18px 230px}.night-section-head{grid-template-columns:1fr;gap:28px;padding-bottom:46px}.night-section-head>small{grid-column:1}.night-section-head h2{font-size:clamp(48px,14vw,62px)}.category-orbit{gap:48px;margin-top:55px}.category-door,.door-1,.door-2,.door-3,.category-door:nth-child(2){width:100%;margin:0}.category-door figure,.door-3 figure{height:122vw;max-height:560px}.category-door>div,.door-3>div{width:90%;min-height:0;margin-top:-105px;padding:25px 24px}.category-door h3{font-size:36px}.category-door>div:before{right:18px;top:18px}
  .radio-content{padding:155px 18px 190px}.radio-section h2{font-size:clamp(56px,17vw,76px);line-height:.9}.radio-section h2 em{margin-left:0}.radio-section h2:after{margin-top:26px;font-size:6px;line-height:1.8}.radio-layout{margin-top:75px;gap:78px}.turntable{width:92vw;max-width:500px;margin-left:-3vw;border-radius:18px}.playlist{width:100%;padding:24px 18px}.playlist .track-control{grid-template-columns:24px 36px minmax(0,1fr);gap:11px}.playlist .track-progress{padding-left:71px}.playlist b{font-size:20px}
  .about-night{min-height:0;padding:155px 18px 210px;gap:72px}.about-window{width:88vw;padding:16px 16px 62px}.about-window:before{right:-20px;width:44px}.about-copy{justify-self:stretch;width:100%;padding:42px 25px 48px}.about-copy:before{display:none}.about-copy h2{font-size:40px;margin:34px 0 52px}.about-copy h2:after{margin-top:30px}.about-copy>div{grid-template-columns:1fr;gap:30px}.about-night:after{font-size:240px}
}
/* Warm Gallery v43 — final cascade overrides. */
.works-section{position:relative;isolation:isolate;overflow:clip;padding:0;background:#17140f;color:#171b20}
.works-fixed-bg{position:sticky;z-index:0;top:0;width:100%;height:100vh;height:100svh;margin-bottom:-100vh;margin-bottom:-100svh;background:url("../assets/backgrounds/warm-gallery-museum.png") center 54%/cover no-repeat;filter:saturate(.82) contrast(1.035) brightness(.94);pointer-events:none}
.works-fixed-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,8,19,.94) 0,rgba(3,10,23,.5) 8%,rgba(27,22,16,.03) 23% 76%,rgba(3,9,19,.28) 88%,rgba(1,7,18,.92) 100%),linear-gradient(90deg,rgba(5,10,16,.3),transparent 22% 78%,rgba(5,10,16,.26))}
.works-fixed-bg:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 34%,rgba(255,229,181,.15),transparent 55%);mix-blend-mode:screen}
.works-content{position:relative;z-index:2;padding:clamp(245px,22vw,350px) clamp(22px,5vw,86px) clamp(340px,31vw,500px)}
.works-section:before{display:none}
.works-section:after{z-index:1;height:clamp(310px,30vw,480px);background:linear-gradient(180deg,transparent,rgba(2,9,21,.24) 30%,rgba(1,7,18,.78) 78%,#010713),url("../assets/backgrounds/summer-night-milky-way.webp") center 58%/cover no-repeat;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 28%);mask-image:linear-gradient(to bottom,transparent,#000 28%);filter:saturate(.74) brightness(.72)}
.works-header{z-index:3;align-items:end;padding:clamp(42px,4.6vw,72px) clamp(34px,4.8vw,76px) clamp(45px,4.8vw,76px);background:linear-gradient(128deg,rgba(252,248,239,.88),rgba(235,226,209,.68));box-shadow:0 30px 100px rgba(44,32,18,.15),inset 0 1px rgba(255,255,255,.88);backdrop-filter:blur(15px) saturate(.9)}
.works-header:before{left:clamp(34px,4.8vw,76px);top:27px;color:rgba(63,46,28,.52)}
.works-header:after{left:clamp(34px,4.8vw,76px);right:clamp(34px,4.8vw,76px);bottom:28px;background:linear-gradient(90deg,rgba(70,49,27,.3),rgba(70,49,27,.08) 72%,transparent)}
.works-header h2{color:#171815;text-shadow:0 1px rgba(255,255,255,.45)}
.works-header>p{color:rgba(42,35,27,.62)}
.works-header .en-accent{color:rgba(72,52,32,.56)}
.filter-line{z-index:4;top:76px;padding:12px 18px;border-color:rgba(75,55,32,.14);background:rgba(242,235,222,.74);box-shadow:0 18px 55px rgba(48,35,19,.09),inset 0 1px rgba(255,255,255,.64);backdrop-filter:blur(19px) saturate(.82)}
.filter-line button{color:rgba(48,39,29,.58)}
.filter-line button.active{color:#211b14;background:rgba(91,66,38,.09)}
.filter-line .random-button{color:#7b562f}
.night-gallery{gap:clamp(28px,3vw,52px)}
.night-work,.night-work:nth-child(n){padding:clamp(16px,1.7vw,27px) clamp(16px,1.7vw,27px) clamp(23px,2.2vw,34px);overflow:visible;background:linear-gradient(155deg,rgba(255,249,238,.13),rgba(255,249,238,.025) 72%);box-shadow:none;backdrop-filter:blur(2px)}
.night-work:before{left:-4%;right:-4%;top:-12%;height:74%;background:radial-gradient(ellipse at 50% 0,rgba(255,231,187,.38),rgba(255,228,181,.08) 45%,transparent 73%);filter:blur(9px)}
.night-work:hover{transform:translateY(-6px);box-shadow:none}
.night-work .work-image,.night-work:first-child .work-image{background:transparent;box-shadow:none}
.night-work .work-image img{filter:saturate(.96) contrast(1.015);box-shadow:0 0 0 1px var(--edge),0 24px 52px rgba(40,29,17,.26),0 5px 12px rgba(40,29,17,.2)}
.night-work .work-caption{width:calc(100% - clamp(10px,1.3vw,22px));margin:18px auto 0;padding:16px 18px 17px;background:rgba(248,242,230,.8);color:#1d1c19;box-shadow:0 13px 38px rgba(46,34,20,.12),inset 0 1px rgba(255,255,255,.78);backdrop-filter:blur(13px) saturate(.85)}
.night-work .work-caption:before{left:18px;top:0;background:rgba(99,72,41,.34)}
.night-work .work-caption h3{color:#1a1917}
.night-work .work-caption p,.night-work .work-caption span,.night-work .work-caption small{color:rgba(49,42,34,.57)}
.night-work .work-like{right:clamp(25px,2.8vw,44px);bottom:clamp(30px,3vw,48px);color:#6b4a28}
.hero-floating button,.hero-floating .hero-featured{border:0;outline:1px solid rgba(255,255,255,.22);outline-offset:-1px;background:transparent;box-shadow:0 30px 90px rgba(0,0,0,.4),0 5px 18px rgba(0,0,0,.22)}
.hero-floating button:hover,.hero-floating .hero-featured:hover{box-shadow:0 42px 118px rgba(0,0,0,.5),0 8px 22px rgba(0,0,0,.25)}
@media(max-width:1050px){.works-content{padding-top:230px;padding-bottom:350px}}
@media(max-width:650px){
  .works-section{padding:0;background:#17140f}.works-fixed-bg{background-position:57% 50%;filter:saturate(.8) brightness(.91)}.works-content{padding:185px 15px 285px}.works-section:after{height:310px}
  .works-header{padding:44px 24px 42px;gap:30px;margin-bottom:48px}.works-header:before{left:24px;top:20px}.works-header:after{left:24px;right:24px;bottom:22px}
  .filter-line{margin:0 -15px 44px;padding:12px 15px}.night-gallery{gap:38px}.night-work,.night-work:nth-child(n),.night-work:first-child{padding:13px 10px 20px}.night-work .work-caption{width:calc(100% - 10px);margin-top:13px;padding:14px 15px 15px}.night-work .work-caption:before{left:15px}.night-work .work-like{right:25px;bottom:27px}
  .hero-floating button,.hero-floating .hero-featured{box-shadow:0 24px 68px rgba(0,0,0,.38),0 4px 14px rgba(0,0,0,.2)}
}
/* Opening suite v44 — homepage and category rooms share one continuous atmosphere. */
.opening-scene .night-hero{margin-bottom:-1px;padding-bottom:clamp(125px,12vw,190px)}
.opening-scene .night-hero:after{display:none}
.opening-scene .hero-veil{
  background:linear-gradient(90deg,#020711 0 22%,rgba(2,7,17,.82) 38%,rgba(2,7,17,.16) 70%,rgba(2,7,17,.28)),linear-gradient(180deg,rgba(2,7,17,.05),transparent 57%,rgba(2,7,17,.2) 84%,rgba(2,7,17,.3));
  -webkit-mask-image:linear-gradient(to bottom,#000 0 78%,rgba(0,0,0,.72) 90%,transparent 100%);
  mask-image:linear-gradient(to bottom,#000 0 78%,rgba(0,0,0,.72) 90%,transparent 100%);
}
.opening-scene .category-section{
  margin-top:-1px;
  padding-top:clamp(125px,13vw,205px);
  background:linear-gradient(180deg,rgba(2,7,17,.06),rgba(3,12,28,.3) 18%,rgba(4,17,39,.66) 62%,rgba(3,11,25,.96));
  box-shadow:none;
}
.opening-scene .category-section:after{
  content:"";
  position:absolute;
  z-index:0;
  left:0;
  right:0;
  top:-18vh;
  height:42vh;
  background:radial-gradient(ellipse at 52% 50%,rgba(78,137,207,.1),transparent 62%);
  filter:blur(28px);
  pointer-events:none;
}
.opening-scene .category-section>*{position:relative;z-index:1}
.opening-scene .night-section-head{border-bottom:0}
.opening-scene .night-section-head:after{
  content:"";
  position:absolute;
  left:0;
  bottom:0;
  width:clamp(44px,5vw,78px);
  height:1px;
  background:rgba(255,215,166,.42);
}
@media(max-width:650px){
  .opening-scene .night-hero{padding-bottom:125px}
  .opening-scene .hero-veil{background:linear-gradient(180deg,rgba(2,7,17,.58),rgba(2,7,17,.18) 48%,rgba(2,7,17,.3) 82%,rgba(2,7,17,.18));-webkit-mask-image:linear-gradient(to bottom,#000 0 78%,rgba(0,0,0,.66) 90%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0 78%,rgba(0,0,0,.66) 90%,transparent 100%)}
  .opening-scene .category-section{padding-top:105px;background:linear-gradient(180deg,rgba(2,7,17,.04),rgba(4,15,34,.32) 18%,rgba(4,15,34,.72) 62%,rgba(3,11,25,.95))}
}
/* Artist catalogue v45 — open typography, without a card or visible frame. */
.about-copy{
  position:relative;
  isolation:isolate;
  max-width:1040px;
  padding:clamp(18px,2.2vw,34px) clamp(14px,2.8vw,44px) clamp(34px,4.2vw,64px) clamp(28px,5vw,78px);
  background:transparent;
  box-shadow:none;
  backdrop-filter:none;
}
.about-copy:after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:-13% -7% -16% -11%;
  background:radial-gradient(ellipse at 35% 40%,rgba(31,79,139,.22),transparent 58%),radial-gradient(ellipse at 82% 72%,rgba(112,170,237,.07),transparent 44%);
  filter:blur(34px);
  pointer-events:none;
}
.about-copy:before{
  right:-8px;
  color:rgba(145,192,250,.25);
  letter-spacing:.4em;
}
.about-copy>p{color:rgba(146,194,252,.78)}
.about-copy h2{
  max-width:930px;
  margin:clamp(42px,4.4vw,68px) 0 clamp(72px,7.2vw,110px);
  font-size:clamp(48px,5.25vw,84px);
  line-height:1.065;
  letter-spacing:-.052em;
  text-wrap:balance;
  text-shadow:0 12px 48px rgba(0,0,0,.22);
}
.about-copy h2:after{
  width:78px;
  margin-top:clamp(38px,4vw,58px);
  background:linear-gradient(90deg,rgba(255,215,166,.78),transparent);
}
.about-copy>div{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:clamp(52px,6.5vw,98px);
}
.about-copy>div p{
  position:relative;
  padding-top:28px;
  font-size:clamp(13px,1vw,16px);
  line-height:2.05;
  color:rgba(242,246,252,.64);
}
.about-copy>div p:before{
  position:absolute;
  left:0;
  top:0;
  font:italic 6px var(--serif);
  letter-spacing:.28em;
  color:rgba(255,215,166,.56);
}
.about-copy>div p:first-child:before{content:"I  /  IMAGE"}
.about-copy>div p:last-child:before{content:"II  /  SOUND"}
@media(max-width:650px){
  .about-copy{padding:10px 8px 34px}
  .about-copy:after{inset:-8% -12% -10%;filter:blur(28px)}
  .about-copy h2{margin:32px 0 62px;font-size:clamp(40px,12vw,54px);line-height:1.08}
  .about-copy h2:after{margin-top:32px}
  .about-copy>div{grid-template-columns:1fr;gap:48px}
  .about-copy>div p{padding-top:25px}
}