@charset "UTF-8";
.bend-strip{width:calc(100% / var(--panels,12) + .75px)!important;background-size:calc(var(--panels,12) * 100%) 100%!important}
*{box-sizing:border-box}html{background:#000;scrollbar-gutter:stable}body{margin:0;font:300 15px/1.65 system-ui,"Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:2px solid #f4f2ef;outline-offset:6px}.site-header{display:flex;justify-content:space-between;align-items:center;gap:20px}.wordmark{display:flex;align-items:center;gap:10px;font-size:27px;white-space:nowrap}.wordmark img{width:30px;height:30px}.wordmark span{font:10px system-ui;letter-spacing:.18em;color:var(--dim);margin-left:5px}.site-header nav{display:flex;align-items:center;gap:28px}.entry{display:inline-flex;align-items:center;justify-content:center;gap:30px;padding:12px 20px;transition:background .2s,color .2s}.hero{position:relative}.kicker{margin:0 0 24px}.intro{line-height:1.9;margin:0 0 24px}.text-link{display:inline-block;border-bottom:1px solid #85817a;padding:8px 0}.text-link span{margin-left:20px}.hero-foot{position:absolute;display:flex;justify-content:space-between;align-items:end;gap:20px;z-index:4;letter-spacing:.12em}.hero-foot span:first-child{max-width:240px;line-height:1.9}.curved-art{position:relative;transform-style:preserve-3d}.bend-strip{display:block;position:absolute;left:calc(var(--strip)*100%/12);top:0;width:calc(100%/12 + .75px);height:100%;background-size:1200% 100%;background-repeat:no-repeat;transform:translateZ(var(--bend-z)) rotateY(var(--bend-angle))}.statement{padding:130px max(var(--pad),12vw) 100px}h2{font-size:clamp(30px,3.6vw,52px);line-height:1.35;margin:0 0 30px}.statement>p:last-child{max-width:430px;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;padding:20px max(var(--pad),12vw) 130px}.steps article{border-top:1px solid var(--line);padding-top:25px}.step-number{font-size:10px;letter-spacing:.16em;color:var(--dim)}h3{font-size:22px;line-height:1.5;margin:30px 0 18px}.steps p{font-size:13px}.steps a,.print-note{font-size:12px}.palette-strip{display:flex;gap:8px;margin-top:25px}.palette-strip i{width:22px;height:22px;background:#b6a7cb}.palette-strip i:nth-child(2){background:#dbb6ab}.palette-strip i:nth-child(3){background:#e2d6b6}.palette-strip i:nth-child(4){background:#80a1ab}.palette-strip i:nth-child(5){background:#536f5d}.palette-strip i:nth-child(6){background:#b77048}.closing{text-align:center;padding:90px var(--pad) 130px}.closing .entry{margin-top:10px}footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:30px var(--pad);border-top:1px solid var(--line)}footer p,footer>a:last-child{font-size:10px;color:var(--dim)}.static-home .ribbon{display:none}@media(max-width:760px){.site-header nav{gap:16px}.site-header nav>a:first-child{display:none}.wordmark{font-size:23px}.wordmark span{display:none}.entry{padding:10px 14px}.hero-foot span:first-child{max-width:170px}.statement{padding:90px var(--pad) 55px}.steps{grid-template-columns:1fr;gap:35px;padding:20px var(--pad) 70px}.steps h3{margin-top:20px}.closing{padding:60px var(--pad) 90px}footer{flex-wrap:wrap}footer p{width:100%;order:3}}@media(prefers-reduced-motion:reduce){*{transition:none!important}.world{will-change:auto}}
:root{--bg:#000;--ink:#f4f2ef;--dim:#8c8783;--line:rgba(244,242,239,.22);--pad:clamp(18px,2.6vw,38px);--serif:"Songti SC","SimSun","Times New Roman",serif;--persp:1150px}
/* Reference archive treatment. Native document scrolling remains unrestricted. */
html body{background:#000;color:var(--ink)}.site-header{position:absolute!important;inset:0 0 auto!important;z-index:20!important;background:transparent!important;padding:24px var(--pad)!important}.wordmark{color:var(--ink)!important;font-family:var(--serif)!important;font-weight:400!important}.site-header nav{font-size:12px!important}.entry{border:1px solid var(--line)!important;background:transparent!important;color:var(--ink)!important;border-radius:2px!important}.entry:hover{background:var(--ink)!important;color:#000!important}.hero{min-height:700px!important;height:100svh!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important}.hero-copy{position:relative!important;z-index:3!important;text-align:center!important;width:min(640px,70vw)!important;margin:0!important;pointer-events:none;text-shadow:0 2px 28px #000}.hero-copy:before{display:none!important}.hero-copy a{pointer-events:auto}.hero-copy h1{font-family:var(--serif)!important;font-weight:400!important;font-size:clamp(34px,4vw,60px)!important;line-height:1.14!important;letter-spacing:.02em!important;margin:0 0 22px!important;color:var(--ink)!important}.hero-copy h1 span{color:var(--ink)!important}.kicker{font-size:10px!important;letter-spacing:.22em!important;color:var(--dim)!important}.intro{font-size:12px!important;color:#c7c3bd!important}.text-link{color:var(--ink)!important;font-size:12px!important}.hero-foot{color:var(--dim)!important;font-size:10px!important;left:var(--pad)!important;right:var(--pad)!important;bottom:32px!important}.ribbon{position:fixed!important;inset:0!important;perspective:var(--persp)!important;overflow:hidden!important;pointer-events:none!important;z-index:1!important}.world{position:absolute;left:50%;top:50%;width:0;height:0;transform-style:preserve-3d;will-change:transform}.ribbon .art-card{position:absolute!important;left:0!important;top:0!important;width:var(--cw,190px)!important;height:var(--ch,190px)!important;margin-left:calc(var(--cw,190px)/-2);margin-top:calc(var(--ch,190px)/-2);transform-style:preserve-3d;backface-visibility:hidden}.curved-art{width:100%!important;height:100%!important;filter:none!important;backface-visibility:hidden}.bend-strip{backface-visibility:hidden}.bend-strip:after{content:"";position:absolute;inset:0;background:rgba(0,0,0,var(--shade,0))}.art-caption{display:none!important}.ribbon:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 30% 24% at 50% 50%,#0009,transparent 100%),radial-gradient(ellipse 88% 92% at 50% 50%,transparent 48%,#0004 80%,#000b 100%);pointer-events:none}.statement,.steps,.closing,.gallery-section,footer{position:relative!important;z-index:5!important;background:#000!important;color:var(--ink)!important}.statement{border-top:1px solid var(--line)}.statement h2,.closing h2{font-family:var(--serif)!important;font-weight:400!important}.statement p:last-child,.steps p,footer p{color:var(--dim)!important}.steps article{border-color:var(--line)!important}.steps h3{font-family:var(--serif)!important;font-weight:400!important}.gallery-section{padding:50px var(--pad) 110px;border-top:1px solid var(--line)}.gallery-head{display:flex;justify-content:space-between;gap:24px;align-items:baseline;margin-bottom:35px}.gallery-head h2{font:400 30px/1.4 var(--serif);margin:0}.gallery-head p{color:var(--dim);font-size:11px}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.gallery-card{margin:0;min-width:0}.gallery-card img{width:100%;aspect-ratio:1.2;object-fit:cover;border-radius:2px;background:#141414}.gallery-card figcaption{display:flex;justify-content:space-between;font-size:12px;padding:13px 0;color:#c8c3bc}.gallery-card figcaption span{font-size:10px;color:var(--dim)}footer{border-color:var(--line)!important}@media(max-width:760px){.hero{min-height:620px!important}.hero-copy{width:84vw!important}.hero-copy h1{font-size:36px!important}.gallery-head{display:block}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.gallery-card figcaption{display:block}.gallery-card figcaption span{display:block;margin-top:2px}}@media(prefers-reduced-motion:reduce){.ribbon{display:none!important}}
:root{color-scheme:dark}.hero-copy{left:auto!important;top:auto!important;transform:none!important}.site-header{border-bottom:0!important}.bend-strip{box-shadow:none!important}.gallery-card img{object-fit:contain;background:#eae7e0}
.bend-strip{left:var(--strip-left)!important;transform:translateX(-50%) translateZ(var(--bend-z)) rotateY(var(--bend-angle));transform-origin:50% 50%}
.hero-copy{height:0}.hero-copy h1{margin:0!important;transform:translateY(-50%)}.hero-copy>.kicker{position:absolute;top:-155px;left:0;width:100%;margin:0}.hero-copy>.intro{position:absolute;top:95px;left:0;width:100%;margin:0}.hero-copy>.text-link{position:absolute;top:165px;left:50%;transform:translateX(-50%);white-space:nowrap}@media(max-width:760px){.hero-copy>.kicker{top:-105px}.hero-copy>.intro{top:72px}.hero-copy>.text-link{top:143px}}
.ribbon .art-card,.curved-art,.bend-strip{backface-visibility:visible}@media(max-height:520px) and (orientation:landscape){.hero{min-height:100svh!important}.hero-copy h1{font-size:28px!important}.hero-copy>.kicker{top:-82px}.hero-copy>.intro{top:55px}.hero-copy>.text-link{top:118px}.hero-foot{display:none}.site-header{padding-top:12px!important}}
.hero-copy>.text-link{background:#000d;border:1px solid #ffffff55;border-radius:2px;padding:10px 16px}.hero-copy>.text-link:hover{background:#f4f2ef;color:#000!important}
/* The fixed sphere is shared by every section; only text gets local contrast. */
.statement,.steps,.closing,.gallery-section,footer{background:transparent!important}
.statement h2,.statement>p,.closing h2,.closing>.kicker,.gallery-head h2,.gallery-head p{position:relative;width:fit-content;max-width:100%;background:#000d;padding:12px 18px;border-radius:3px;text-shadow:0 2px 10px #000}
.statement>p:last-child{max-width:466px}.closing h2,.closing>.kicker{margin-left:auto;margin-right:auto}.steps article{background:#000d;padding:22px;border:1px solid var(--line);border-radius:3px}.gallery-card figcaption{background:#000d;padding:12px 8px}.closing .entry,footer{background:#000b!important}.gallery-head{align-items:center}.gallery-grid{position:relative}.statement{border-top-color:#ffffff20}
@media(prefers-reduced-motion:reduce){.ribbon{display:block!important}.world{will-change:auto}}

/* Open typography, not a stack of black text boxes. Contrast lives in the
   shared background veil; only interactive cards have a light glass surface. */
.statement h2,.statement>p,.closing h2,.closing>.kicker,.gallery-head h2,.gallery-head p{background:transparent!important;padding:0;border-radius:0;text-shadow:0 2px 18px #000b}
.statement>p:last-child{color:#c7cbd2!important;max-width:480px}
.ribbon:after{background:linear-gradient(#0003,#0003),radial-gradient(ellipse 45% 40% at 50% 50%,#000b,transparent 100%),radial-gradient(ellipse 88% 92% at 50% 50%,transparent 48%,#0004 80%,#000b 100%)}
.steps article{background:linear-gradient(135deg,#ffffff0b,#ffffff02),#17202a82;border:1px solid #ffffff24;border-radius:18px;box-shadow:inset 0 1px 0 #ffffff13,0 12px 28px #0002;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.steps p{color:#c7cbd2!important}.step-number{color:#b2bbc7}
.gallery-card figcaption{background:transparent;padding:12px 0;text-shadow:0 1px 8px #000}
.hero-copy>.text-link,.closing .entry,.site-header .entry{background:#ffffff0d!important;border:1px solid #ffffff38!important;border-radius:12px!important;box-shadow:inset 0 1px 0 #ffffff12;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.hero-copy>.text-link:hover,.closing .entry:hover,.site-header .entry:hover{background:#f4f2ef!important;color:#111!important}
footer{background:transparent!important}footer p,footer>a:last-child{color:#b2bbc7!important}
@media(max-width:760px){.steps article{-webkit-backdrop-filter:none;backdrop-filter:none}.statement{border-top:0}.statement h2{font-size:clamp(29px,7.8vw,38px)}.gallery-head h2{font-size:28px}}
@media(prefers-reduced-transparency:reduce){.steps article,.hero-copy>.text-link,.closing .entry,.site-header .entry{-webkit-backdrop-filter:none;backdrop-filter:none}}