@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap');
:root{--bg:#0b0c0d;--panel:#121416;--text:#f1f0eb;--muted:#9a9b97;--line:#2a2c2d;--accent:#d7ff3f;--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,'Microsoft YaHei',sans-serif;font-weight:500}a{color:inherit;text-decoration:none}.portal{min-height:100vh;position:relative;overflow:hidden;background:#090909}.portal-media{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,8,.88) 0%,rgba(8,9,8,.25) 50%,rgba(8,9,8,.28)),url('assets/hero-creature.webp') 73% 46%/cover no-repeat;filter:saturate(.85) contrast(1.1)}.portal-grid{position:absolute;inset:0;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000 0%,transparent 80%)}.portal-nav,.portal-foot{position:absolute;left:5vw;right:5vw;display:flex;justify-content:space-between;z-index:2;font:12px 'DM Mono',monospace;letter-spacing:.12em}.portal-nav{top:34px}.portal-index{color:var(--accent)}.portal-copy{position:absolute;z-index:2;left:11vw;top:50%;transform:translateY(-46%);max-width:640px}.eyebrow{font:12px 'DM Mono',monospace;letter-spacing:.18em;color:var(--muted);margin:0 0 30px}.portal h1{font-size:clamp(65px,10vw,150px);line-height:.87;letter-spacing:-.08em;margin:0 0 38px;font-weight:600}.portal h1 em,.hero-section h1 span,.about-copy em,.works-intro em,.process-heading em,.contact-inner em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em}.portal-intro{font-size:16px;line-height:1.9;color:#d9d8d2;margin-bottom:42px}.enter-button{display:inline-flex;align-items:center;gap:36px;padding:17px 20px 17px 24px;border:1px solid rgba(255,255,255,.45);font-size:13px;transition:.3s;background:rgba(0,0,0,.18)}.enter-button:hover{background:var(--accent);color:#111;border-color:var(--accent);transform:translateX(5px)}.arrow{font-size:20px}.portal-foot{bottom:28px;color:#b8b9b5}.portal-note{position:absolute;right:5vw;bottom:28px;color:#c3c4c0;font-size:12px;line-height:1.6;text-align:right}.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:11px 'DM Mono',monospace;letter-spacing:.1em;position:sticky;top:0;background:rgba(11,12,13,.88);backdrop-filter:blur(12px);z-index:10}.brand span{color:var(--accent)}.site-nav{display:flex;gap:28px;color:var(--muted)}.site-nav a:hover,.header-link:hover,.text-link:hover{color:var(--accent)}.header-link{color:var(--accent)}.section-shell{padding:0 5vw}.hero-section{min-height:calc(100vh - 88px);display:flex;flex-direction:column;justify-content:space-between;padding-top:54px;padding-bottom:30px;position:relative;overflow:hidden}.hero-meta,.hero-bottom,.section-kicker{display:flex;justify-content:space-between;font:11px 'DM Mono',monospace;letter-spacing:.12em;color:var(--muted)}.hero-heading{margin-top:auto;margin-bottom:auto;position:relative;z-index:1}.accent{color:var(--accent)}.hero-section h1{font-size:clamp(70px,12vw,180px);line-height:.83;letter-spacing:-.09em;margin:0 0 42px;font-weight:600}.hero-summary{font-size:16px;line-height:1.75;color:#c5c6c1}.hero-orbit{position:absolute;right:8vw;top:25%;width:31vw;height:31vw;max-width:440px;max-height:440px;border:1px solid #363b3b;border-radius:50%;color:#6f7470;font:11px 'DM Mono',monospace;animation:spin 26s linear infinite}.hero-orbit:before,.hero-orbit:after{content:'';position:absolute;border-radius:50%;inset:12%;border:1px solid #262a2a}.hero-orbit:after{inset:35%;border-color:var(--accent);box-shadow:0 0 60px rgba(215,255,63,.1)}.hero-orbit span{position:absolute}.hero-orbit span:nth-child(1){top:10%;left:48%}.hero-orbit span:nth-child(2){bottom:12%;left:9%}.hero-orbit span:nth-child(3){right:3%;top:47%}@keyframes spin{to{transform:rotate(360deg)}}.about-section,.works-section,.process-section{padding-top:145px;padding-bottom:150px}.section-kicker{border-top:1px solid var(--line);padding-top:16px}.section-kicker span:last-child{color:#626763}.about-grid{display:grid;grid-template-columns:1fr 1.15fr .65fr;gap:8vw;padding-top:74px;align-items:end}.portrait-wrap{position:relative;max-width:300px}.portrait-wrap img{width:100%;filter:grayscale(1) contrast(1.05);display:block}.portrait-tag{position:absolute;bottom:16px;left:16px;font:10px 'DM Mono',monospace;line-height:1.5;color:#fff;background:rgba(0,0,0,.45);padding:8px}.about-copy h2,.works-intro h2,.process-heading h2{font-size:clamp(42px,6vw,84px);line-height:.92;letter-spacing:-.07em;margin:0 0 36px}.about-copy p,.process-heading p{color:var(--muted);font-size:15px;line-height:1.9;max-width:450px}.text-link{display:inline-block;margin-top:25px;color:var(--accent);font:12px 'DM Mono',monospace;border-bottom:1px solid var(--accent);padding-bottom:8px}.facts{border-left:1px solid var(--line);padding-left:28px}.facts div{border-bottom:1px solid var(--line);padding:16px 0}.facts b{display:block;font:42px 'DM Mono',monospace;color:var(--accent);letter-spacing:-.08em}.facts span{display:block;color:var(--muted);font-size:12px;margin-top:4px}.works-intro{display:flex;align-items:end;justify-content:space-between;padding:70px 0 65px}.works-intro p{color:var(--muted);line-height:1.8;margin:0 10% 8px 0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 22px}.project-card{cursor:pointer}.project-wide{grid-column:span 2}.project-image{background:var(--panel);position:relative;overflow:hidden;aspect-ratio:1.2}.project-wide .project-image{aspect-ratio:2.05}.project-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .6s ease}.project-card:nth-child(2) img{object-position:center 35%}.project-card:nth-child(3) img{object-position:center 47%}.project-card:hover img{transform:scale(1.035);filter:brightness(.72)}.view-mark{position:absolute;right:18px;top:18px;padding:8px 11px;border:1px solid rgba(255,255,255,.45);font:10px 'DM Mono',monospace;opacity:0;transform:translateY(10px);transition:.35s}.project-card:hover .view-mark{opacity:1;transform:translateY(0)}.project-info{display:flex;justify-content:space-between;padding-top:16px;border-top:1px solid var(--line);margin-top:12px}.project-info h3{font-size:17px;font-weight:500;margin:0 0 7px}.project-info p{font:11px 'DM Mono',monospace;color:var(--muted);margin:0}.project-info>span{font:12px 'DM Mono',monospace;color:var(--accent)}.process-section{background:#d9ff4a;color:#10120f}.process-section .section-kicker{border-color:rgba(0,0,0,.25);color:#29321b}.process-section .section-kicker span:last-child{color:#536127}.process-heading{display:flex;justify-content:space-between;align-items:end;padding:70px 0 85px}.process-heading p{color:#424d25}.strength-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(0,0,0,.3)}.strength{padding:25px 4vw 12px 0;border-right:1px solid rgba(0,0,0,.3);min-height:220px}.strength+ .strength{padding-left:4vw}.strength:last-child{border-right:0}.strength span{font:11px 'DM Mono',monospace;color:#50601f}.strength h3{font-size:28px;letter-spacing:-.05em;margin:36px 0 16px}.strength p{font-size:14px;line-height:1.8;max-width:300px;color:#434d29}.contact-section{min-height:78vh;padding-top:34px;padding-bottom:30px;display:flex;flex-direction:column;justify-content:space-between}.contact-inner{padding:70px 0 55px}.contact-inner h2{font-size:clamp(70px,12vw,180px);line-height:.82;letter-spacing:-.1em;margin:0 0 60px}.contact-button{display:inline-flex;gap:30px;align-items:center;color:var(--accent);font:14px 'DM Mono',monospace;border-bottom:1px solid var(--accent);padding-bottom:12px}.contact-button span{font-size:20px}.contact-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;color:var(--muted);font:10px 'DM Mono',monospace}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.9);z-index:20;display:none;align-items:center;justify-content:center;padding:5vw}.lightbox.open{display:flex}.lightbox img{max-width:90vw;max-height:88vh;object-fit:contain}.lightbox-close{position:absolute;right:30px;top:20px;background:none;border:0;color:#fff;font-size:40px;cursor:pointer;font-weight:200}@media(max-width:760px){.portal-media{background-position:64% center}.portal-nav,.portal-foot{left:22px;right:22px}.portal-copy{left:22px;right:22px;top:47%}.portal h1{font-size:76px}.portal-note{display:none}.portal-foot{bottom:20px}.site-header{height:70px;padding:0 22px}.site-nav{display:none}.brand{font-size:10px}.header-link{font-size:10px}.section-shell{padding-left:22px;padding-right:22px}.hero-section{min-height:calc(100vh - 70px);padding-top:30px}.hero-meta span:last-child{display:none}.hero-section h1{font-size:76px}.hero-orbit{width:75vw;height:75vw;right:-15vw;top:30%;opacity:.6}.hero-summary{font-size:14px}.about-section,.works-section,.process-section{padding-top:95px;padding-bottom:100px}.about-grid{grid-template-columns:1fr;gap:40px;padding-top:48px}.portrait-wrap{width:56%;max-width:220px}.facts{display:grid;grid-template-columns:repeat(3,1fr);border-left:0;border-top:1px solid var(--line);padding-left:0}.facts div{border-bottom:0}.facts b{font-size:30px}.works-intro,.process-heading{display:block;padding:48px 0}.works-intro p,.process-heading p{margin-top:30px}.project-grid{grid-template-columns:1fr;gap:50px}.project-wide{grid-column:span 1}.project-wide .project-image,.project-image{aspect-ratio:1.2}.project-info h3{font-size:15px}.strength-grid{display:block}.strength,.strength+.strength{padding:24px 0;min-height:0;border-right:0;border-bottom:1px solid rgba(0,0,0,.3)}.strength h3{margin:22px 0 10px}.contact-section{min-height:78vh}.contact-inner{padding:55px 0}.contact-inner h2{font-size:79px;margin-bottom:46px}.contact-foot{display:block;line-height:2.1}.contact-foot span{display:block}.lightbox-close{right:16px;top:8px}}