:root{--black:#080808;--white:#f4f1ea;--muted:#9b9b9b;--red:#f13b25;--blue:#22a8e0;--yellow:#f7c83a}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Arial,"PingFang SC",sans-serif}.nav{height:72px;position:fixed;z-index:30;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:rgba(8,8,8,.82);backdrop-filter:blur(16px);border-bottom:1px solid #292929}.nav a{color:inherit;text-decoration:none}.mark{font-weight:900;font-size:18px;letter-spacing:-.04em}.mark span{font-size:8px;font-weight:400;letter-spacing:.18em;margin-left:12px;color:#999}.nav-right{display:flex;gap:28px;font-size:9px;letter-spacing:.16em;color:#aaa}.hero{min-height:100vh;padding:130px 5vw 70px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.index,.type{font-size:9px;letter-spacing:.2em}.hero h1{font-size:clamp(82px,13.4vw,215px);line-height:.76;letter-spacing:-.075em;margin:5vh 0 0;text-transform:uppercase;position:relative;z-index:2}.hero h1 span{display:block}.hero h1 span:last-child{text-align:right}.hero h1 i{position:absolute;left:48%;top:26%;font:400 .35em Georgia,serif;color:var(--yellow);transform:rotate(-12deg)}.hero-foot{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end;position:relative;z-index:2}.hero-foot h2{font:500 clamp(28px,3vw,48px) "Songti SC",serif;margin:0}.hero-foot p{max-width:560px;color:#aaa;font-size:13px;line-height:1.8;margin:0}.orbit{position:absolute;border:1px solid #262626;border-radius:50%;pointer-events:none}.orbit-a{width:42vw;height:42vw;right:12vw;top:17vh}.orbit-b{width:17vw;height:17vw;right:24vw;top:30vh;border-color:rgba(247,200,58,.35)}.projects{border-top:1px solid #2a2a2a}.project{min-height:90vh;display:grid;grid-template-columns:60% 40%;color:inherit;text-decoration:none;border-bottom:1px solid #2a2a2a;overflow:hidden}.project:nth-child(even){grid-template-columns:40% 60%}.visual{min-height:90vh;overflow:hidden;background:#161616}.visual img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) contrast(1.05);transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.copy{padding:7vw 4vw;display:flex;flex-direction:column;position:relative}.no{font:400 72px/1 Georgia,serif;color:#404040}.copy .type{margin-top:auto;color:#999}.copy h3{font:500 clamp(48px,6vw,96px)/.95 "Songti SC",serif;margin:18px 0 4px;letter-spacing:-.06em}.copy .en{font-size:13px;letter-spacing:.17em;margin:0 0 34px}.desc{max-width:420px;color:#aaa;font-size:13px;line-height:1.8}.result{margin-top:30px;padding-top:15px;border-top:1px solid #333;display:flex;justify-content:space-between;gap:12px;align-items:end;font-size:9px;letter-spacing:.12em;color:#888}.result b{font-size:12px;color:var(--white);font-weight:500;letter-spacing:0}.view{margin-top:auto;font-size:10px;letter-spacing:.18em}.view b{display:inline-grid;place-items:center;margin-left:8px;width:32px;height:32px;border-radius:50%;border:1px solid #555;transition:.3s}.project:hover .visual img{transform:scale(1.035);filter:saturate(1) contrast(1.03)}.project:hover .view b{background:var(--white);color:var(--black);border-color:var(--white)}.project-gz .copy{border-top:8px solid var(--yellow)}.project-jy .copy{border-top:8px solid var(--red)}.project-999 .copy{border-top:8px solid var(--blue)}footer{height:160px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;color:#777;font-size:9px;letter-spacing:.17em}footer a{color:inherit;text-decoration:none}@media(max-width:850px){.nav-right span:last-child{display:none}.hero{min-height:90vh}.hero h1{font-size:18vw;line-height:.83}.hero-foot{grid-template-columns:1fr;gap:20px}.project,.project:nth-child(even){grid-template-columns:1fr;min-height:auto}.project-jy .copy{order:2}.visual{min-height:56vw}.copy{min-height:540px;padding:55px 7vw}.no{font-size:52px}.result{align-items:start;flex-direction:column}footer{height:130px}}@media(max-width:520px){.nav{padding:0 5vw}.mark span,.nav-right{display:none}.hero{padding:110px 6vw 55px}.hero h1{font-size:18.5vw}.orbit-a{width:80vw;height:80vw;right:-20vw}.project .copy{min-height:500px}.copy h3{font-size:16vw}.visual{min-height:70vw}}
