:root{--ink:#090907;--gold:#d0ad61;--paper:#f5f0e6;--serif:"Baskerville","Iowan Old Style","Songti SC",serif;--sans:"Avenir Next","Futura","PingFang SC",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--sans);background:var(--ink);color:#fff}.top{position:fixed;z-index:9;left:0;right:0;top:0;padding:24px 5vw;display:flex;justify-content:space-between;align-items:center;mix-blend-mode:difference}.top a{color:#fff;text-decoration:none;font-size:10px;letter-spacing:.18em;text-transform:uppercase}.top b{font:18px var(--serif);letter-spacing:.18em}.concept{min-height:100svh;display:grid;place-items:center;position:relative;overflow:hidden;padding:110px 6vw 70px}.copy{position:relative;z-index:3;max-width:1100px;width:100%}.copy small{letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}h1{font:clamp(78px,14vw,220px)/.72 var(--serif);font-weight:400;letter-spacing:-.07em;margin:.22em 0}.copy p{font:18px/1.7 var(--serif);max-width:530px;color:rgba(255,255,255,.65)}.scroll{position:absolute;bottom:30px;right:5vw;font-size:9px;letter-spacing:.2em}.panel{min-height:100svh;padding:14vh 6vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.panel h2{font:clamp(48px,7vw,108px)/.9 var(--serif);font-weight:400;margin:0}.panel p{line-height:1.8;opacity:.65}.visual{height:70vh;position:relative;display:grid;place-items:center;overflow:hidden}.back{display:inline-block;margin-top:25px;color:inherit;border-bottom:1px solid;padding-bottom:5px;text-decoration:none;font-size:10px;letter-spacing:.15em;text-transform:uppercase}@media(max-width:750px){.panel{grid-template-columns:1fr}.visual{height:50vh}h1{font-size:25vw}}
.lume .concept{background:radial-gradient(circle at 65% 40%,#a07e5f,#2d2017 45%,#080706 72%)}.lume .bottle{position:absolute;right:12%;width:18vw;min-width:190px;aspect-ratio:.55;border-radius:50% 50% 16% 16%;background:linear-gradient(90deg,#241811,#e1c39a 48%,#3b2819);box-shadow:0 50px 100px #120b07;animation:float 6s ease-in-out infinite}.lume .bottle:after{content:"LUME\A PARIS · 上海";white-space:pre;position:absolute;inset:38% 10%;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;text-align:center;font:20px/2 var(--serif);letter-spacing:.15em}.lume .copy{align-self:end}.lume .panel{background:var(--paper);color:#17110d}.lume .visual{background:#251b14}.lume .visual:before{content:"香";font:44vh var(--serif);color:rgba(255,255,255,.06)}
.yun .concept{background:#13241a}.yun .concept:before,.yun .concept:after{content:"";position:absolute;border:1px solid rgba(208,173,97,.35);border-radius:50%;width:60vw;aspect-ratio:1;left:42%;animation:orbit 14s linear infinite}.yun .concept:after{width:35vw;left:55%;animation-direction:reverse}.yun h1{color:#dfcc91}.yun .mark{position:absolute;right:16%;font:32vw var(--serif);color:rgba(208,173,97,.09)}.yun .panel{background:#dfd3a7;color:#13241a}.yun .visual{border-radius:50%;background:radial-gradient(circle,#76836b,#213426 64%)}.yun .visual:after{content:"云";font:28vh var(--serif);color:#dfcc91}
.aeon .concept{background:linear-gradient(145deg,#e8eef1,#86939b);color:#11191e}.aeon .copy small{color:#26353d}.aeon .copy p{color:rgba(17,25,30,.65)}.aeon h1{mix-blend-mode:overlay}.aeon .ring{position:absolute;width:52vw;aspect-ratio:1;border:2px solid rgba(255,255,255,.8);border-radius:50%;right:-4%;animation:pulse 5s infinite}.aeon .ring:after{content:"";position:absolute;inset:8%;border:1px solid #1d2a31;border-radius:50%}.aeon .panel{background:#071015}.aeon .visual{background:linear-gradient(150deg,#384852,#0b1115)}.aeon .visual:before{content:"∞";font:38vh var(--serif);color:#a9bbc4;animation:float 5s infinite}
@keyframes float{50%{transform:translateY(-25px) rotate(3deg)}}@keyframes orbit{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.12);opacity:.45}}