@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Noto+Sans+SC:wght@400;500;700;900&display=swap');
:root{--bg:#101110;--text:#f0f0e8;--muted:#989b93;--accent:#d4f86a;--line:#34362f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans SC',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button{border:0}header{height:88px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}.brand img{width:105px;height:34px;object-fit:contain}nav{display:flex;gap:38px;font-size:12px}nav a:hover{color:var(--accent)}.header-note,.eyebrow,.section-marker,.hero-top,.hero-bottom,.art-label,.rail-foot,.world-tag,.archive-count{font:10px/1.7 monospace;letter-spacing:1.5px}.header-note i{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:9px}.hero{min-height:780px;height:calc(100svh - 88px);max-height:1100px;position:relative;overflow:hidden;padding:24px 4%}.hero-top{display:flex;justify-content:space-between;color:var(--muted)}h1{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;font-size:clamp(110px,14vw,230px);line-height:.82;letter-spacing:-.02em;margin:38px 0 0;position:relative;z-index:2;pointer-events:none}h1 span{display:block;color:transparent;-webkit-text-stroke:1px var(--text)}.hero-art{position:absolute;width:min(54vw,700px);height:78%;right:10%;top:11%;transform:rotate(-6deg);transition:transform .5s ease;will-change:transform;overflow:hidden;background:#18362f}.hero-art>img{width:100%;height:100%;object-fit:cover;transition:opacity .2s,transform .7s}.hero-art:hover>img{transform:scale(1.04)}.art-shade{position:absolute;inset:0;background:linear-gradient(0deg,#000a,transparent 45%)}.cross{position:absolute;font:24px monospace}.top{top:10px;right:15px}.bottom{bottom:48px;left:15px}.art-label{position:absolute;bottom:20px;left:25px;right:25px;display:flex;justify-content:space-between}.hero-copy{position:absolute;left:4%;bottom:100px;z-index:3}.eyebrow{color:var(--muted)}.hero-copy p{font-size:18px;line-height:1.8;margin:20px 0}.round-link{display:flex;align-items:center;gap:30px;font-size:13px}.round-link b{display:grid;place-items:center;width:42px;height:42px;border:1px solid #777;border-radius:50%;font-size:24px;transition:.2s}.round-link:hover b{background:var(--accent);color:#111;border-color:var(--accent);transform:rotate(45deg)}.hero-switch{position:absolute;right:3%;top:50%;display:flex;flex-direction:column;gap:20px}.hero-switch button{background:transparent;color:#888;font:12px monospace;padding:12px;border-right:1px solid #555}.hero-switch button.active{color:var(--accent);border-right:3px solid var(--accent)}.hero-bottom{position:absolute;bottom:25px;left:4%;right:4%;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.ticker{overflow:hidden;background:var(--accent);color:#151714;padding:18px 0;transform:rotate(-1deg);margin:0 -1%;font:700 27px 'Barlow Condensed',sans-serif;letter-spacing:2px}.ticker>div{width:max-content;animation:marquee 35s linear infinite}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:120px 5%}.intro{display:grid;grid-template-columns:1fr 3fr;gap:40px}.section-marker{color:var(--muted);margin-bottom:24px}h2{font-size:clamp(34px,4.6vw,72px);line-height:1.4;letter-spacing:-2px;font-weight:500;margin:0}.serif{font-family:Georgia,'Songti SC',serif;font-style:italic;color:var(--accent)}.intro-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px}.intro p{font-size:13px;line-height:2;color:var(--muted)}.mini-stack{display:flex;padding-right:20px}.mini-stack img{width:100px;height:125px;object-fit:cover;margin-left:-25px;border:4px solid var(--bg);transform:rotate(-10deg)}.mini-stack img:nth-child(2){transform:rotate(5deg)}.mini-stack img:nth-child(3){transform:rotate(14deg)}.worlds{padding-top:40px;overflow:hidden}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:40px}.rail-controls{display:flex;gap:10px}.rail-controls button,.viewer-nav button{height:45px;width:45px;border:1px solid #555;border-radius:50%;background:transparent;font-size:20px}.rail-controls button:hover,.viewer-nav button:hover{background:var(--accent);color:#111}.world-rail{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.world-card{position:relative;flex:0 0 40%;height:570px;padding:0;background:#222;text-align:left;overflow:hidden;scroll-snap-align:start}.world-card img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.world-card:hover img{transform:scale(1.06)}.world-card:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 40%,#000c)}.world-tag{position:absolute;left:25px;top:25px;z-index:1;background:#0006;padding:6px 10px}.world-card>div{position:absolute;bottom:30px;left:30px;right:30px;z-index:2}.world-card small{font-size:12px}.world-card h3{font-size:32px;font-weight:500;margin:10px 0 0}.world-card b{position:absolute;right:0;bottom:0;font-size:36px;font-weight:400}.rail-foot{display:flex;justify-content:space-between;color:var(--muted);margin-top:22px}.statement{height:800px;position:relative;overflow:hidden}.statement-bg{position:absolute;inset:0}.statement-bg img{width:100%;height:100%;object-fit:cover;object-position:center 34%}.statement-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000d,transparent),linear-gradient(0deg,#101110,transparent 20%,transparent 80%,#101110)}.statement-content{position:absolute;left:8%;top:24%}.statement h2{font-size:clamp(48px,6.5vw,100px);margin:30px 0}.statement em{font-style:normal;font-weight:400;color:#e4d8af}.pill{display:inline-flex;gap:50px;align-items:center;border:1px solid #888;border-radius:50px;padding:18px 25px;background:transparent;font-size:13px;transition:.2s}.pill:hover{background:var(--accent);color:#111;border-color:var(--accent)}.statement-caption{position:absolute;bottom:50px;right:5%;font:10px monospace;letter-spacing:2px}.archive-toolbar{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);margin-bottom:30px;padding-bottom:20px}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{padding:10px 18px;background:transparent;color:#aaa;font-size:12px;border-radius:30px}.filters button.active{background:var(--accent);color:#111}.shuffle{background:transparent;font-size:12px;white-space:nowrap}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:35px 20px}.work{background:transparent;padding:0;text-align:left}.work-picture{overflow:hidden;aspect-ratio:1;position:relative}.work img{width:100%;height:100%;object-fit:cover;transition:transform .6s,filter .6s}.work:hover img{transform:scale(1.065);filter:saturate(1.15)}.work-picture:after{content:'↗';position:absolute;bottom:14px;right:14px;background:var(--accent);color:#111;border-radius:50%;height:35px;width:35px;display:grid;place-items:center;opacity:0;transform:translateY(10px);transition:.3s}.work:hover .work-picture:after{opacity:1;transform:none}.work-caption{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:12px}.work-caption strong{font-size:12px;font-weight:400}.work-caption small{font:10px monospace;color:var(--muted)}.load-more{display:block;width:100%;border:1px solid var(--line);padding:20px;background:transparent;font-size:12px;margin-top:50px}.load-more:hover{border-color:var(--accent);color:var(--accent)}.load-more span{margin-left:20px}.outro{padding:100px 8% 120px;border-top:1px solid var(--line);position:relative;overflow:hidden}.outro h2{font-size:clamp(60px,8vw,130px);margin:25px 0 35px;line-height:1.2}.outro-portraits{position:absolute;right:7%;top:30%;display:flex;transform:rotate(-9deg);z-index:-1}.outro-portraits img{width:170px;height:230px;object-fit:cover;margin-left:-30px;border:5px solid #111}.outro-portraits img:nth-child(2){transform:translateY(-45px) rotate(9deg)}.outro-portraits img:nth-child(3){transform:rotate(18deg)}footer{border-top:1px solid var(--line);padding:45px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}footer span,footer a:not(.brand),footer small{font:9px monospace;letter-spacing:1px;color:var(--muted)}dialog{max-width:1100px;width:90vw;padding:30px;border:1px solid #444;background:#151615;color:var(--text);max-height:92svh}dialog::backdrop{background:#000d;backdrop-filter:blur(15px)}.viewer-close{display:block;margin:0 0 25px auto;background:transparent;font-size:13px}.viewer-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center}.viewer-layout>img{width:100%;max-height:72svh;object-fit:contain}.viewer-info h2{font-size:30px;overflow-wrap:anywhere;letter-spacing:0;margin:20px 0}.viewer-info p{font-size:13px;color:var(--muted)}.viewer-info small{color:var(--muted);font-size:10px}.viewer-nav{display:flex;justify-content:space-between;align-items:center;margin:40px 0 20px}.viewer-nav span{font:12px monospace}[hidden]{display:none!important}
@media(min-width:1600px){.hero-copy{bottom:150px}}@media(max-width:900px){.header-note{display:none}.hero{min-height:750px}.hero-art{width:62vw;right:8%;height:62%;top:21%}h1{font-size:18vw}.hero-copy{bottom:95px}.hero-copy p{font-size:15px}.intro{grid-template-columns:1fr}.section{padding:75px 5%}.world-card{flex-basis:65%;height:500px}.gallery{grid-template-columns:repeat(3,1fr)}.outro-portraits{opacity:.5;right:0}.statement{height:650px}}
@media(max-width:600px){header{height:72px}.brand img{width:80px}nav{gap:18px;font-size:10px}.hero{height:calc(100svh - 72px);min-height:690px;max-height:850px}.hero-top span:last-child{display:none}h1{font-size:24vw;margin-top:30px;line-height:.9}.hero-art{top:26%;right:10%;height:51%;width:78vw;transform:rotate(-6deg)}.hero-copy{bottom:80px}.hero-copy>.eyebrow,.hero-copy p{display:none}.round-link{background:var(--bg);padding:8px 14px;border-radius:40px}.hero-switch{right:1%;top:36%;gap:6px}.hero-bottom{font-size:8px}.hero-bottom>span:last-child{display:none}.hero-top{font-size:9px}.ticker{font-size:22px;padding:14px 0}.intro-bottom{display:block}.mini-stack{margin-top:30px;padding-left:25px}.mini-stack img{width:100px;height:120px}.section-head{align-items:center}h2{letter-spacing:-1px;font-size:34px}.section-marker{font-size:8px;letter-spacing:1px}.world-card{flex-basis:87%;height:460px}.world-card h3{font-size:28px}.rail-controls button{width:35px;height:35px}.statement{height:600px}.statement-bg img{object-position:60% center}.statement-content{left:6%;top:25%}.statement h2{font-size:52px}.gallery{grid-template-columns:repeat(2,1fr);gap:24px 12px}.filters{gap:4px}.filters button{padding:9px 12px}.archive-toolbar{flex-direction:column}.shuffle{align-self:flex-end}.archive-count{font-size:8px;white-space:nowrap}.work-caption strong{font-size:10px}.work-caption small{font-size:8px}.outro{padding:65px 6% 95px}.outro h2{font-size:75px}.outro-portraits{right:-80px;top:35%;opacity:.4}.outro-portraits img{width:110px;height:160px}footer{flex-wrap:wrap}footer small{width:100%;margin-top:20px}.viewer-layout{grid-template-columns:1fr;gap:18px}dialog{padding:18px}.viewer-layout>img{max-height:49svh}.viewer-info h2{font-size:21px;margin:10px 0}.viewer-info .eyebrow{display:none}.viewer-nav{margin:15px 0}.viewer-close{margin-bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-art{transform:none!important}}
.tapeout-brand{display:flex;align-items:center;gap:12px;font:10px monospace;letter-spacing:3px}.tapeout-brand img{width:44px;height:32px;object-fit:contain}.space-section{position:relative;height:980px;background:radial-gradient(ellipse at 50% 60%,#102530,#040709 70%);overflow:hidden;border-top:1px solid #34434a;border-bottom:1px solid #34434a}.space-heading{position:absolute;top:55px;left:5%;z-index:2;pointer-events:none}.space-heading h2{font-size:clamp(35px,4vw,65px);line-height:1.25;margin:15px 0}.space-heading p{font-size:12px;line-height:1.9;color:#a3b6bb}.space-heading .serif{color:#76edff}#spaceCanvas{position:absolute;inset:0}#spaceCanvas canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}#spaceCanvas canvas:active{cursor:grabbing}#spaceStatus{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:14px;color:#9defff;text-align:center}.space-ui{position:absolute;bottom:30px;left:5%;right:5%;z-index:3;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.formations{display:flex;border:1px solid #56717b;border-radius:30px;background:#051014aa;backdrop-filter:blur(12px);padding:5px;gap:4px}.formations button{background:none;padding:12px 20px;border-radius:25px;font-size:11px;color:#b7cbd3}.formations .active{background:#9aefff;color:#061016}.space-actions{display:flex;gap:8px;margin-left:auto}.space-actions button{font-size:11px;background:#0d1b22;border:1px solid #3c535c;padding:12px;border-radius:20px}.space-actions button:hover{border-color:#9aefff}.space-hint{width:100%;display:flex;justify-content:space-between;color:#91a5ad;font-size:10px}.space-section:fullscreen{height:100vh;width:100vw}.crew-section{position:relative;margin-top:40px;background:#03070d}.crew-section>img{display:block;width:100%;min-height:360px;object-fit:cover}.crew-section>div{padding:60px 6%;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:flex-start}.identity-section{display:grid;grid-template-columns:1.2fr 1fr;gap:7%;align-items:center}.identity-art{height:660px;overflow:hidden}.identity-art img{width:100%;height:100%;object-fit:cover}.identity-mark{display:block;width:120px;height:90px;object-fit:contain;filter:drop-shadow(0 0 20px #41cfff);margin:30px 0}.identity-copy p{font-size:13px;line-height:2;color:var(--muted);max-width:370px;margin:25px 0}.identity-copy h2{font-size:50px}.contact-wall{padding:30px 2% 80px}.contact-wall>.section-head{padding:0 3%}#imageWall{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}#imageWall button{padding:0;aspect-ratio:1;background:#222;overflow:hidden}#imageWall img{width:100%;height:100%;object-fit:cover;transition:transform .4s,filter .4s;filter:saturate(.7)}#imageWall button:hover img{transform:scale(1.12);filter:saturate(1.2)}.search-row{display:flex;align-items:center;gap:15px;margin:0 0 30px;font-size:12px}.search-row input,.search-row select{border:1px solid #484e40;background:#191c17;color:var(--text);font:inherit;padding:13px 15px;border-radius:4px;min-width:0}.search-row input{flex:1}.search-row select{width:220px}#emptyState{padding:40px;text-align:center;color:var(--muted)}.outro{isolation:isolate}.outro-portraits{z-index:0;pointer-events:none}.outro>h2,.outro>button,.outro>.eyebrow{position:relative;z-index:1}
@media(max-width:900px){.space-section{height:880px}.space-heading{top:30px}.space-heading h2{font-size:40px}.space-heading p{display:none}.space-actions{margin-left:0}.formations button{padding:10px 16px}.identity-section{gap:30px}.identity-art{height:500px}.identity-copy h2{font-size:36px}.crew-section>div{display:block}.crew-section h2{margin-top:20px}#imageWall{grid-template-columns:repeat(6,1fr)}}@media(max-width:600px){.tapeout-brand span{display:none}.tapeout-brand img{width:26px}nav{gap:12px}.space-section{height:850px}.space-heading h2{font-size:34px}.space-ui{left:4%;right:4%;bottom:20px;gap:12px}.formations{width:100%;justify-content:center}.formations button{padding:10px 12px;font-size:10px}.space-actions{width:100%;justify-content:center}.space-actions button{padding:10px;font-size:10px}.space-hint{font-size:9px}.identity-section{grid-template-columns:1fr}.identity-art{height:400px}.identity-copy h2{font-size:40px}#imageWall{grid-template-columns:repeat(4,1fr);gap:5px}.crew-section>img{min-height:270px;object-position:center}.search-row{flex-wrap:wrap;gap:10px}.search-row input{flex-basis:75%}.search-row select{flex:1}.space-heading .eyebrow{font-size:8px}}
