:root{--bg:#0a0b0d;--paper:#d8d8d3;--white:#f1f1ed;--red:#ee382d;--blue:#254e70;--grid:#ffffff1b;--mx:50vw;--my:50vh}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:Arial,"Noto Sans SC","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.13;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='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E")}.cursor-cross{position:fixed;left:var(--mx);top:var(--my);width:42px;height:42px;border:1px solid #e33;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:100;mix-blend-mode:difference}.cursor-cross:before,.cursor-cross:after{content:"";position:absolute;background:#e33}.cursor-cross:before{width:58px;height:1px;left:-9px;top:20px}.cursor-cross:after{height:58px;width:1px;top:-9px;left:20px}.nav{height:70px;position:fixed;z-index:50;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 22px;border-bottom:1px solid #ffffff4a;background:#08090bdc;backdrop-filter:blur(12px);font:11px monospace;letter-spacing:.08em}.mark{display:flex;align-items:center;gap:15px}.mark b{font-size:22px;background:var(--red);padding:8px;color:#0a0b0d}.nav nav{display:flex;height:70px}.nav nav a{display:grid;place-items:center;padding:0 22px;border-left:1px solid #ffffff3b}.nav nav a:last-child{border-right:1px solid #ffffff3b}.status{text-align:right;color:#bbb}.status:first-letter{color:var(--red)}.hero{height:100vh;min-height:760px;position:relative;overflow:hidden;padding:105px 30px 30px;background:radial-gradient(circle at 75% 42%,#2f3742 0,#12161b 25%,#090a0c 58%)}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff2b 50%,transparent 50.1%),linear-gradient(0deg,transparent 49.9%,#ffffff2b 50%,transparent 50.1%);pointer-events:none}.hero-grid{position:absolute;inset:70px 0 0;display:grid;grid-template-columns:repeat(4,1fr)}.hero-grid i{border-right:1px solid var(--grid);position:relative}.hero-grid i:after{content:"";position:absolute;left:-4px;top:47%;width:8px;height:8px;border-radius:50%;background:#ddd;box-shadow:0 0 15px white}.hero-kicker{display:flex;justify-content:space-between;position:relative;z-index:3;font:10px monospace;letter-spacing:.14em}.hero h1{position:absolute;z-index:4;left:25px;bottom:42px;margin:0;font-size:clamp(80px,13vw,215px);line-height:.68;letter-spacing:-.095em;mix-blend-mode:difference}.hero h1 span{display:block}.hero h1 em{position:absolute;font:normal 11px monospace;letter-spacing:.2em;left:53%;top:43%;white-space:nowrap;color:var(--red)}.hero-cn{position:absolute;z-index:5;right:3vw;bottom:75px;width:30vw;font-size:clamp(15px,1.45vw,22px);line-height:1.55}.hero-visual{position:absolute;z-index:2;width:52vw;height:58vh;right:5vw;top:18vh;border:1px solid #ffffff63;overflow:hidden;background:#111}.hero-visual:before{content:"";position:absolute;z-index:2;inset:0;background:repeating-linear-gradient(0deg,transparent 0 3px,#0003 4px)}.hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center 14%;filter:grayscale(.8) contrast(1.2);animation:breathe 8s ease-in-out infinite alternate}.hero-visual small{position:absolute;z-index:3;right:10px;bottom:8px;font:9px monospace}.reticle{position:absolute;z-index:4;width:160px;height:160px;border:1px solid #ef3b36aa;border-radius:50%;left:62%;top:37%}.reticle:after{content:"+";position:absolute;inset:0;display:grid;place-items:center;color:var(--red);font-size:30px}@keyframes breathe{to{transform:scale(1.035);filter:grayscale(.4) contrast(1.12)}}.scroll{position:absolute;z-index:6;left:30px;top:47%;font:10px monospace;writing-mode:vertical-rl}.scroll b{color:var(--red);font-size:20px}.manifesto{min-height:70vh;background:var(--paper);color:#101113;display:grid;grid-template-columns:1.4fr .6fr;gap:8vw;padding:9vw 4vw;align-items:end;border-bottom:1px solid;opacity:0;transition:1s}.manifesto.is-in{opacity:1}.manifesto>p{font-weight:800;font-size:clamp(48px,8vw,130px);line-height:.94;letter-spacing:-.075em;margin:0}.manifesto>div span,.archive-head>span{font:10px monospace;letter-spacing:.15em}.manifesto>div p{font-size:clamp(18px,2vw,29px);line-height:1.5}
.projects{background:var(--bg)}.archive-head{height:75vh;min-height:620px;padding:8vw 3vw 4vw;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;background:linear-gradient(#0a0b0de8,#0a0b0de8),url('/art/strand-world.webp') center/cover}.archive-head h2{font-size:clamp(80px,13vw,210px);line-height:.73;letter-spacing:-.09em;margin:0}.archive-head p{font:10px/1.7 monospace;text-align:right}.case{padding:9vw 3vw 5vw;position:relative;border-top:1px solid;opacity:0;transform:translateY(50px);transition:.9s cubic-bezier(.2,.8,.2,1)}.case.is-in{opacity:1;transform:none}.case.dark{background:#0b0c0e;color:#eee;border-color:#ffffff38;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:12.5vw 12.5vw}.case.light{background:#d8d8d3;color:#111;border-color:#111;background-image:linear-gradient(#0000000b 1px,transparent 1px),linear-gradient(90deg,#0000000b 1px,transparent 1px);background-size:12.5vw 12.5vw}.case.red{--red:#ff493c}.case>header{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;border-bottom:1px solid;padding-bottom:22px}.case>header span{font:10px monospace}.case h3{font-size:clamp(55px,9vw,150px);line-height:.82;letter-spacing:-.075em;margin:0}.case>header p{text-align:right;font:11px monospace}.case-copy{display:grid;grid-template-columns:80px 1fr 80px 1.3fr;gap:20px;max-width:1100px;margin:42px 0 70px auto;align-items:start}.case-copy b{font:10px monospace;color:var(--red)}.case-copy p{font-size:17px;line-height:1.6;margin:0}.mosaic{display:grid;gap:14px}.mosaic.two{grid-template-columns:1.2fr .8fr}.mosaic.three{grid-template-columns:1.2fr .8fr 1fr}.mosaic.four{grid-template-columns:repeat(2,1fr)}figure{margin:0;border:1px solid currentColor;position:relative;overflow:hidden;min-height:36vw;background:#111}figure img{width:100%;height:100%;object-fit:cover;object-position:center top;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .5s}figure:hover img{transform:scale(1.025);filter:contrast(1.12)}figcaption{position:absolute;bottom:0;left:0;background:#0a0b0de8;color:#fff;padding:9px 12px;font:9px monospace;letter-spacing:.1em}.three figure:nth-child(2){transform:translateY(8vw)}.three figure:nth-child(3){transform:translateY(3vw)}.four figure{min-height:45vw}.four figure:nth-child(2),.four figure:nth-child(4){transform:translateY(6vw)}blockquote{font-size:clamp(26px,4vw,65px);line-height:1.18;letter-spacing:-.05em;margin:6vw 8vw;padding-left:3vw;border-left:6px solid var(--red)}.specs{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 40px}.specs span{border:1px solid #ffffff66;padding:9px 12px;font:9px monospace}.profile{min-height:85vh;background:var(--red);color:#0a0b0d;padding:7vw 3vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;border-top:1px solid;opacity:0;transition:1s}.profile.is-in{opacity:1}.profile>div>span{font:10px monospace}.profile h2{font-size:clamp(100px,17vw,260px);line-height:.7;letter-spacing:-.1em;margin:10vw 0 0}.profile-copy{align-self:end}.profile-copy>p{font-size:clamp(22px,3vw,42px);line-height:1.35;letter-spacing:-.04em}.profile ul{display:flex;flex-wrap:wrap;gap:8px;padding:0;list-style:none;margin:40px 0}.profile li{border:1px solid;border-radius:999px;padding:8px 12px;font:10px monospace}.profile a{display:block;border-top:2px solid;padding-top:15px;font-size:clamp(22px,3vw,45px)}footer{height:90px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;font:10px monospace;border-top:1px solid #ffffff4a}
@media(max-width:760px){.cursor-cross{display:none}.nav{height:58px;grid-template-columns:1fr auto;padding:0 12px}.nav .mark span,.status,.nav nav a:nth-child(2){display:none}.nav nav{height:58px}.nav nav a{padding:0 10px}.hero{min-height:720px;padding:80px 16px 20px}.hero-kicker span:last-child{display:none}.hero h1{font-size:24vw;left:12px;bottom:125px}.hero-cn{width:75vw;right:15px;bottom:26px;font-size:15px}.hero-visual{width:78vw;height:45vh;right:4vw;top:16vh}.reticle{width:90px;height:90px}.manifesto{grid-template-columns:1fr;padding:80px 18px}.manifesto>p{font-size:14vw}.archive-head{height:62vh;min-height:500px;display:block;padding:90px 16px 30px}.archive-head h2{font-size:25vw;margin-top:20vh}.archive-head p{text-align:left}.case{padding:80px 14px}.case>header{display:block}.case h3{font-size:16vw;margin:20px 0}.case>header p{text-align:left}.case-copy{grid-template-columns:55px 1fr;margin:35px 0}.mosaic.two,.mosaic.three,.mosaic.four{grid-template-columns:1fr}.mosaic figure,.four figure{min-height:110vw;transform:none!important}.mosaic figure+figure{margin-top:10px}blockquote{font-size:8vw;margin:60px 5px}.profile{grid-template-columns:1fr;padding:80px 18px}.profile h2{font-size:31vw;margin:80px 0}.profile-copy>p{font-size:24px}footer{padding:0 12px}footer span:nth-child(2){display:none}}