:root{--bg:#080907;--paper:#e9e4d7;--ink:#11120e;--white:#ecebdc;--muted:#8b8d83;--line:rgba(238,238,220,.14);--lime:#c8fb39;--pink:#ff61b4;--blue:#8e94ff;--mx:50vw;--my:35vh;--aim:0deg}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--white);background:var(--bg);font-family:"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:var(--lime);color:var(--ink)}
.noise{position:fixed;inset:0;z-index:20;opacity:.055;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}#dust{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.5}.cursor-light{position:fixed;z-index:1;width:50vw;aspect-ratio:1;left:var(--mx);top:var(--my);transform:translate(-50%,-50%);border-radius:50%;pointer-events:none;background:radial-gradient(circle,rgba(251,225,170,.065),transparent 66%)}
.topbar{position:fixed;z-index:30;top:0;left:0;width:100%;min-height:76px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid var(--line);background:linear-gradient(to bottom,rgba(8,9,7,.9),rgba(8,9,7,.16));backdrop-filter:blur(8px)}.monogram{display:flex;align-items:center;gap:13px}.monogram b{width:32px;height:32px;display:grid;place-items:center;border:1px solid #77796e;font-family:"Songti SC",serif;font-size:20px;letter-spacing:0}.monogram span{display:flex;flex-direction:column;gap:1px;font-size:13px;letter-spacing:.14em;color:var(--white)}.monogram small{font-size:7px;letter-spacing:.18em;color:#77796e}.topbar nav a,.sound{font-size:10px;letter-spacing:.17em;color:#b8b9ad}.topbar nav{display:flex;gap:38px}.topbar nav a{position:relative;transition:color .25s}.topbar nav a:after{content:"";position:absolute;height:1px;left:0;right:100%;bottom:-9px;background:var(--lime);transition:right .25s}.topbar nav a:hover{color:var(--white)}.topbar nav a:hover:after{right:0}.sound{justify-self:end;border:0;padding:8px 0;color:#aaa;background:transparent;display:flex;align-items:center;gap:10px;cursor:pointer}.sound i{width:7px;height:7px;border-radius:50%;background:#555}.sound[aria-pressed=true] i{background:var(--lime);box-shadow:0 0 12px var(--lime)}
main,footer{position:relative;z-index:3}section{padding-left:7vw;padding-right:7vw}.hero{position:relative;height:100svh;min-height:720px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line)}.lamp-wrap{position:absolute;top:0;left:50%;width:560px;height:76%;transform:translateX(-50%);pointer-events:none}.wire{position:absolute;left:50%;width:1px;height:135px;background:#77746b}.lamp{position:absolute;left:50%;top:128px;width:140px;transform:translateX(-50%) rotate(calc(var(--aim) * .32));transform-origin:50% 0;transition:transform .18s ease-out}.cap{margin:auto;width:25px;height:13px;border-radius:10px 10px 2px 2px;background:#726c5e}.shade{width:140px;height:56px;border-radius:70px 70px 12px 12px;background:linear-gradient(155deg,#6a6559,#1b1c18 70%);border-bottom:3px solid #d8c89f;box-shadow:inset 0 -11px 16px rgba(255,224,150,.14)}.bulb{position:absolute;left:50%;bottom:-7px;width:22px;height:14px;transform:translateX(-50%);border-radius:50%;background:#fff0bf;box-shadow:0 0 24px 12px rgba(255,223,145,.34)}.beam{position:absolute;top:192px;left:50%;width:540px;height:560px;transform:translateX(-50%) rotate(var(--aim));transform-origin:50% 0;transition:transform .18s ease-out;clip-path:polygon(43% 0,57% 0,100% 100%,0 100%);background:linear-gradient(to bottom,rgba(255,230,176,.16),rgba(255,225,166,.035) 62%,transparent);filter:blur(12px)}
.hero-kicker{display:flex;align-items:center;gap:14px;margin:70px 0 28px}.hero-kicker span,.section-label{font-size:10px;letter-spacing:.2em;color:#929488}.hero-kicker i{display:block;width:3px;height:3px;border-radius:50%;background:var(--lime)}.hero-title{max-width:1080px;margin:0;font-family:"Songti SC","STSong",serif;font-size:clamp(66px,9.4vw,152px);font-weight:900;line-height:.94;letter-spacing:-.065em}.hero-title>span{display:block}.glitch{position:relative;width:max-content;color:var(--white);text-shadow:-5px 0 0 rgba(199,251,57,.8),5px 0 0 rgba(255,71,166,.58)}.glitch:before,.glitch:after{content:attr(data-text);position:absolute;inset:0;pointer-events:none;opacity:0}.glitch:before{color:var(--lime);transform:translateX(-8px)}.glitch:after{color:var(--pink);transform:translateX(8px)}.glitch:hover:before,.glitch:hover:after{animation:glitch .7s steps(2) infinite;opacity:.55}@keyframes glitch{0%{clip-path:inset(5% 0 72%)}33%{clip-path:inset(47% 0 31%);transform:translateX(6px)}66%{clip-path:inset(76% 0 4%);transform:translateX(-5px)}100%{clip-path:inset(20% 0 58%)}}.hero-bottom{margin-top:48px;display:flex;align-items:flex-end;justify-content:space-between}.hero-bottom p,.work-heading p{margin:0;max-width:480px;color:#aaa99f;font-family:"Songti SC",serif;font-size:15px;line-height:1.9}.small-button{padding:13px 18px;border:1px solid #44463f;font-size:11px;letter-spacing:.12em;transition:.3s}.small-button:hover{color:var(--ink);background:var(--lime);border-color:var(--lime)}.small-button b{margin-left:28px}.scroll-mark{position:absolute;right:2.4vw;bottom:34px;display:flex;flex-direction:column;align-items:center;gap:8px}.scroll-mark span{writing-mode:vertical-rl;font-size:8px;letter-spacing:.25em;color:#686a61}.scroll-mark i{height:40px;width:1px;background:linear-gradient(var(--lime),transparent);animation:scan 1.8s infinite}@keyframes scan{50%{transform:scaleY(.35);transform-origin:top;opacity:.35}}
.manifesto{padding-top:150px;padding-bottom:150px}.section-label{margin-bottom:55px}.section-label span{color:var(--lime)}.lead{color:#a5a69d;font-family:"Songti SC",serif;font-size:19px}.statement{margin:35px 0 90px;max-width:1200px;font-family:"Songti SC",serif;font-size:clamp(40px,6vw,86px);line-height:1.16;letter-spacing:-.045em}.statement em,.work-heading em,.contact h2 em{color:var(--lime);font-style:normal}.thin-rule{height:1px;background:var(--line)}.belief-grid{display:grid;grid-template-columns:repeat(3,1fr)}.belief-grid article{min-height:340px;padding:32px 6vw 30px 0;border-right:1px solid var(--line)}.belief-grid article+article{padding-left:36px}.belief-grid article:last-child{border-right:0}.belief-grid article>span,.card-top{color:#7e8077;font-size:9px;letter-spacing:.2em;text-transform:uppercase}.belief-grid h3{margin:70px 0 18px;font-family:"Songti SC",serif;font-size:28px;line-height:1.38}.belief-grid p{margin:0;color:#8d8e85;font-size:13px;line-height:1.9}
.work{padding-top:145px;padding-bottom:150px;background:#0d0e0b;border-block:1px solid var(--line)}.work-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;align-items:end;margin-bottom:75px}.work-heading h2{margin:0;font-family:"Songti SC",serif;font-size:clamp(46px,6.3vw,94px);line-height:1.04;letter-spacing:-.055em}.work-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.card{position:relative;min-height:410px;padding:30px;overflow:hidden;border:1px solid #2e302a;background:#12130f;transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s}.card:before{content:"";position:absolute;inset:0;opacity:0;background:radial-gradient(circle at var(--cx,50%) var(--cy,50%),var(--card-glow),transparent 54%);transition:opacity .35s}.card:hover{transform:translateY(-7px);border-color:#66685d}.card:hover:before{opacity:.21}.card[data-color=lime]{--card-glow:var(--lime)}.card[data-color=pink]{--card-glow:var(--pink)}.card[data-color=blue]{--card-glow:var(--blue)}.card[data-color=cream]{--card-glow:#f0e9d8}.card-top{position:relative;display:flex;justify-content:space-between}.card-top b{font-weight:500}.card h3{position:relative;margin:115px 0 18px;font-family:"Songti SC",serif;font-size:38px}.card>p{position:relative;max-width:530px;color:#989990;font-size:13px;line-height:1.9}.tags{position:absolute;left:30px;bottom:28px;display:flex;gap:8px}.tags span{padding:6px 10px;color:#999b91;border:1px solid #32342e;border-radius:99px;font-size:9px}.arrow{position:absolute;right:28px;bottom:26px;color:#8f9188;font-style:normal;font-size:25px;transition:.3s}.card:hover .arrow{color:var(--lime);transform:translate(4px,-4px)}.quote-card{background:var(--paper);color:var(--ink)}.quote-card .card-top{color:#69675e}.quote-card blockquote{position:relative;margin:90px 0 25px;max-width:620px;font-family:"Songti SC",serif;font-size:clamp(28px,4vw,54px);line-height:1.32}.quote-card>p{color:#656359}
.quote-section{padding-top:130px;padding-bottom:150px}.quote-box{padding:54px 60px;color:var(--ink);background:var(--paper);border-radius:9px;box-shadow:7px 8px 0 var(--blue)}.quote-box>span{font-size:9px;letter-spacing:.2em;color:#767267}.quote-box p{margin:42px 0 8px;font-family:"Songti SC",serif;font-size:clamp(28px,4.4vw,64px);font-weight:900;line-height:1.3}.quote-box em{color:#5c650a;font-style:normal}.quote-foot{margin:42px 0 0;text-align:center;color:#9a9b91;font-family:"Songti SC",serif}
.contact{position:relative;padding-top:150px;padding-bottom:130px;min-height:700px;overflow:hidden;border-top:1px solid var(--line)}.contact h2{margin:0;font-family:"Songti SC",serif;font-size:clamp(48px,7.2vw,106px);line-height:1.08;letter-spacing:-.055em}.contact-row{margin-top:80px;display:flex;gap:15px}.contact-row a{min-width:280px;padding:18px 20px;border:1px solid #3a3c35;font-size:11px;letter-spacing:.08em;display:flex;justify-content:space-between;transition:.3s}.contact-row a:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.lamp-mini{position:absolute;right:12vw;top:0;width:240px;height:480px;pointer-events:none}.lamp-mini i{position:absolute;left:50%;width:1px;height:130px;background:#65675f}.lamp-mini b{position:absolute;top:128px;left:50%;transform:translateX(-50%);width:110px;height:42px;border-radius:60px 60px 8px 8px;background:#35362f;box-shadow:0 8px 30px rgba(255,225,160,.2)}.lamp-mini:after{content:"";position:absolute;top:170px;left:50%;transform:translateX(-50%);width:420px;height:360px;clip-path:polygon(42% 0,58% 0,100% 100%,0 100%);background:linear-gradient(rgba(255,228,175,.09),transparent 80%)}
footer{min-height:150px;padding:45px 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:end;border-top:1px solid var(--line);color:#7f8178;font-size:10px;letter-spacing:.12em}footer div{display:flex;align-items:baseline;gap:16px}footer div b{color:var(--white);font-family:"Songti SC",serif;font-size:19px}footer p{margin:0;color:#9a9c91}footer small{justify-self:end}.reveal{opacity:0;transform:translateY(35px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
@media(max-width:760px){.topbar{grid-template-columns:1fr auto;min-height:64px}.topbar nav{display:none}.sound span{display:none}section{padding-left:22px;padding-right:22px}.hero{min-height:680px}.lamp-wrap{width:360px}.wire{height:95px}.lamp{top:89px;width:100px}.shade{width:100px;height:43px}.beam{top:142px;width:360px;height:430px}.hero-title{font-size:clamp(54px,17vw,82px);line-height:1.02}.glitch{width:auto}.hero-bottom{align-items:flex-start;flex-direction:column;gap:26px}.hero-bottom p{font-size:13px}.scroll-mark{display:none}.manifesto,.work,.quote-section,.contact{padding-top:95px;padding-bottom:95px}.statement{margin-bottom:60px}.belief-grid{grid-template-columns:1fr}.belief-grid article,.belief-grid article+article{min-height:260px;padding:28px 0;border-right:0;border-bottom:1px solid var(--line)}.belief-grid h3{margin-top:44px}.work-heading{grid-template-columns:1fr;gap:35px}.work-cards{grid-template-columns:1fr}.card{min-height:360px}.card h3{margin-top:90px}.quote-box{padding:38px 25px}.contact-row{flex-direction:column}.contact-row a{min-width:0}.lamp-mini{right:-25px;opacity:.6}footer{grid-template-columns:1fr;gap:24px;align-items:start}footer small{justify-self:start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

/* Readability pass: calm contemporary Chinese typography. */
.hero-title,
.statement,
.belief-grid h3,
.work-heading h2,
.card h3,
.quote-card blockquote,
.quote-box p,
.contact h2 {
  font-family: "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}
.hero-title {
  font-weight: 700;
  line-height: 1.01;
  letter-spacing: -.075em;
}
.glitch {
  text-shadow: -2px 1px 0 rgba(199,251,57,.72), 2px 1px 0 rgba(255,97,180,.5);
}
.glitch::before,
.glitch::after {
  display: none !important;
}

/* Warm editorial pass: one restrained accent, softer contrast and calmer scale. */
:root {
  --bg: #0b0a08;
  --paper: #e8e0d2;
  --ink: #15120d;
  --white: #eee9df;
  --muted: #999286;
  --line: rgba(238, 229, 214, .13);
  --lime: #c98443;
  --pink: #c98443;
  --blue: #c98443;
}
.cursor-light {
  background: radial-gradient(circle, rgba(218, 139, 68, .075), transparent 66%);
}
.bulb {
  background: #ffd29a;
  box-shadow: 0 0 22px 10px rgba(211, 125, 52, .3);
}
.beam {
  background: linear-gradient(to bottom, rgba(218, 137, 63, .14), rgba(198, 111, 42, .03) 62%, transparent);
  filter: blur(14px);
}
.statement {
  max-width: 1120px;
  font-size: clamp(38px, 5.15vw, 74px);
  line-height: 1.22;
  letter-spacing: -.038em;
  text-wrap: pretty;
}
.glitch {
  text-shadow: none;
}
.card::before {
  opacity: 0;
}
.quote-box {
  box-shadow: 7px 8px 0 rgba(201, 132, 67, .78);
}

@media (max-width: 760px) {
  section {
    padding-left: 20px;
    padding-right: 20px;
  }
  .hero {
    min-height: 100dvh;
    height: auto;
    padding-top: 112px;
    padding-bottom: 54px;
  }
  .lamp-wrap {
    width: 300px;
    opacity: .82;
  }
  .beam {
    top: 140px;
    width: 310px;
    height: 370px;
    opacity: .72;
    filter: blur(17px);
  }
  .hero-kicker {
    margin-top: 54px;
    margin-bottom: 22px;
    gap: 9px;
  }
  .hero-kicker span {
    font-size: 8px;
    letter-spacing: .14em;
  }
  .hero-title {
    max-width: 100%;
    font-size: clamp(42px, 13.2vw, 62px);
    line-height: 1.08;
    letter-spacing: -.055em;
    text-wrap: balance;
  }
  .hero-bottom {
    margin-top: 34px;
  }
  .manifesto,
  .work,
  .quote-section,
  .contact {
    padding-top: 78px;
    padding-bottom: 84px;
  }
  .section-label {
    margin-bottom: 38px;
  }
  .lead {
    font-size: 15px;
    line-height: 1.8;
  }
  .statement {
    max-width: none;
    margin-top: 24px;
    margin-bottom: 52px;
    font-size: clamp(30px, 9.2vw, 42px);
    line-height: 1.34;
    letter-spacing: -.035em;
    overflow-wrap: anywhere;
  }
  .statement br {
    display: none;
  }
  .work-heading h2,
  .contact h2 {
    font-size: clamp(38px, 11.5vw, 54px);
    line-height: 1.16;
    letter-spacing: -.045em;
  }
  .card {
    min-height: 330px;
    padding: 24px;
  }
  .card h3 {
    margin-top: 72px;
    font-size: 30px;
  }
  .tags {
    left: 24px;
  }
  .quote-box {
    padding: 32px 22px;
    box-shadow: 4px 5px 0 rgba(201, 132, 67, .72);
  }
  .quote-box p {
    margin-top: 30px;
    font-size: clamp(26px, 8.3vw, 38px);
    line-height: 1.42;
  }
  .contact-row {
    margin-top: 52px;
  }
}

@media (hover: none), (pointer: coarse) {
  .cursor-light {
    display: none;
  }
  .lamp,
  .beam {
    transition: none;
  }
}