@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Inter:wght@400;500;600;700;800;900&display=swap";:root{--bg:#080909;--paper:#e9e9e2;--ink:#0a0b0b;--muted:#969993;--line:#ffffff24;--acid:#d7ff45;--max:1700px;--pad:clamp(24px,3.2vw,64px);color:#f2f2ed;background:var(--bg);font-synthesis:none;font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);min-width:320px;margin:0;overflow-x:hidden}button,a{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}a{text-decoration:none}::selection{background:var(--acid);color:#0a0b0b}.cursor-glow{z-index:20;pointer-events:none;background:radial-gradient(380px circle at var(--x,-100px) var(--y,-100px),#d7ff4512,transparent 70%);mix-blend-mode:screen;position:fixed;inset:0}.site-header{z-index:100;-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);background:#090a0a8c;border:1px solid #ffffff1f;border-radius:18px;grid-template-columns:1fr auto 1fr;align-items:center;width:min(100% - 44px,1680px);height:64px;padding:0 10px 0 18px;display:grid;position:fixed;top:22px;left:50%;transform:translate(-50%);box-shadow:0 20px 70px #0003}.brand{letter-spacing:-.08em;justify-self:start;font-size:23px;font-weight:900}.brand sup{letter-spacing:0;margin-left:4px;font:8px DM Mono}.site-header nav{gap:8px;display:flex}.site-header nav button{color:#a9aaa6;letter-spacing:.12em;padding:10px 15px;font:11px DM Mono;transition:all .25s}.site-header nav button:hover{color:#fff}.contact-pill{color:#111;letter-spacing:.08em;background:#f1f1ea;border-radius:12px;justify-self:end;align-items:center;gap:12px;padding:14px 18px;font:600 11px DM Mono;display:flex}.status-dot{background:#5aee6f;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #5aee6f21}.section{width:min(100%,var(--max));padding-left:var(--pad);padding-right:var(--pad);margin:auto}.hero{min-height:100svh;padding:118px var(--pad) 40px;border-bottom:1px solid var(--line);align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero-media{background:radial-gradient(circle at 63% 38%,#252a25 0,#0000 25%),linear-gradient(135deg,#050606 10%,#171a18 55%,#060707 90%);position:absolute;inset:0}.hero-media video{object-fit:cover;opacity:.22;filter:grayscale()contrast(1.35)brightness(.7);width:100%;height:100%}.hero-media:after{content:"";background:linear-gradient(#08090940,#08090914 48%,#080909 100%),linear-gradient(90deg,#080909a6,#0000 55%);position:absolute;inset:0}.hero-grain{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='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");animation:.18s steps(2,end) infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-3%)}50%{transform:translate(-3%,2%)}75%{transform:translate(3%,4%)}to{transform:translate(-2%,-3%)}}.hero-orbit{mix-blend-mode:screen;border:1px solid #ffffff21;border-radius:50%;position:absolute}.orbit-one{aspect-ratio:1;width:48vw;animation:18s linear infinite orbit;top:8vh;right:-5vw}.orbit-two{aspect-ratio:1;border-color:#d7ff4538;width:30vw;animation:13s linear infinite reverse orbit;top:25vh;right:9vw}.hero-orbit:before{content:"";background:var(--acid);width:10px;height:10px;box-shadow:0 0 30px var(--acid);border-radius:50%;position:absolute;top:8%;left:23%}@keyframes orbit{to{transform:rotate(360deg)}}.hero-topline{z-index:2;top:120px;left:var(--pad);right:var(--pad);color:#9b9e98;letter-spacing:.12em;justify-content:space-between;font:10px DM Mono;display:flex;position:absolute}.hero-title-wrap{z-index:2;width:100%;max-width:var(--max);margin:0 auto;position:relative}.eyebrow{letter-spacing:.2em;color:var(--acid);margin:0 0 18px;font:11px DM Mono}.hero h1{letter-spacing:-.085em;margin:0;font-size:clamp(64px,10.6vw,196px);font-weight:800;line-height:.76}.hero h1 span{display:block}.outline-line{color:#0000;-webkit-text-stroke:1.5px #ffffffad}.hero h1 i{color:var(--paper);letter-spacing:-.06em;font-family:Georgia,serif;font-weight:400}.hero-caption{border-top:1px solid #ffffff47;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;margin-top:40px;padding-top:17px;display:grid}.hero-caption p{color:#babcb7;margin:0;font-size:13px}.hero-caption a{border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:54px;height:54px;font-size:22px;transition:all .3s;display:grid;transform:rotate(90deg)}.hero-caption a:hover{background:var(--acid);color:#111;border-color:var(--acid)}.hero-index{z-index:2;writing-mode:vertical-rl;letter-spacing:.16em;color:#8b8e88;font:9px DM Mono;position:absolute;bottom:42%;right:24px}.hero-index span{color:var(--acid);margin-top:14px}.section-label{color:#777b75;letter-spacing:.18em;align-items:center;gap:12px;font:10px DM Mono;display:flex}.section-label:after{content:"";background:#d9d9d3;flex:1;height:1px}.section-label.light:after{background:#ffffff2e}.section-label.light span{color:var(--acid)}.about{background:var(--paper);color:var(--ink);padding-top:150px;padding-bottom:150px}.about-grid{grid-template-columns:minmax(300px,.72fr) 1.28fr;align-items:center;gap:clamp(50px,8vw,150px);margin-top:72px;display:grid}.portrait-card{max-width:520px}.portrait-art{aspect-ratio:4/5;background:linear-gradient(145deg,#151716,#2f332f);position:relative;overflow:hidden;box-shadow:0 28px 80px #0000002e}.portrait-art:after{content:"";background:repeating-linear-gradient(90deg,#0000 0 29px,#ffffff09 30px),linear-gradient(#0000 60%,#0000008c);position:absolute;inset:0}.portrait-halo{aspect-ratio:1;filter:blur(8px);background:radial-gradient(circle at 40% 35%,#f5ffc7,#d7ff45b3 18%,#d7ff450d 57%,#0000 60%);border-radius:50%;width:75%;position:absolute;top:8%;left:12%}.portrait-head{aspect-ratio:.78;background:linear-gradient(120deg,#999f91,#242724 65%);border-radius:47% 47% 42% 42%;width:33%;position:absolute;top:22%;left:35%;box-shadow:inset -20px 0 35px #0006}.portrait-body{clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);background:linear-gradient(120deg,#73796e 0,#1b1d1b 58%);border-radius:50% 50% 0 0;width:76%;height:55%;position:absolute;bottom:-8%;left:12%}.portrait-code{z-index:2;color:#fff;letter-spacing:.15em;font:9px DM Mono;position:absolute;bottom:18px;left:20px}.portrait-meta{letter-spacing:.11em;justify-content:space-between;padding-top:13px;font:9px DM Mono;display:flex}.portrait-meta span:last-child{color:#56c766}.about-copy .kicker{letter-spacing:.2em;color:#777b75;font:10px DM Mono}.about-copy h2{letter-spacing:-.06em;margin:26px 0 46px;font-size:clamp(42px,5vw,82px);font-weight:600;line-height:1.08}.about-copy h2 span{border-bottom:5px solid var(--acid);font-family:Georgia,serif;font-style:italic;font-weight:400}.about-text-columns{grid-template-columns:1fr 1fr;gap:40px;max-width:900px;display:grid}.about-text-columns p{color:#4b4e49;margin:0;font-size:15px;line-height:1.8}.contact-list{border-top:1px solid #bbbdb6;margin-top:50px}.contact-list a{border-bottom:1px solid #bbbdb6;grid-template-columns:140px 1fr auto;padding:18px 0;font:13px DM Mono;display:grid}.contact-list a span:first-child{color:#7f827c;letter-spacing:.13em;font-size:9px}.timeline{grid-template-columns:repeat(3,1fr);gap:60px;margin-top:140px;padding-top:45px;display:grid;position:relative}.timeline-line{background:linear-gradient(90deg,#222 0,#8e9388 48%,var(--acid) 100%);height:7px;position:absolute;top:5px;left:0;right:0}.timeline-item{position:relative}.timeline-dot{border:3px solid var(--paper);background:var(--acid);width:13px;height:13px;opacity:var(--brightness);box-shadow:0 0 20px var(--acid);border-radius:50%;position:absolute;top:-48px}.timeline-year{color:#6f726c;font:10px DM Mono}.timeline-item h3{margin:18px 0 7px;font-size:20px}.timeline-item strong{font-size:12px}.timeline-item p{color:#696c66;max-width:330px;font-size:13px;line-height:1.7}.featured{padding-top:150px;padding-bottom:190px}.featured .section-label:after{background:#ffffff29}.section-head{justify-content:space-between;align-items:flex-end;margin:70px 0 110px;display:flex}.section-head h2{letter-spacing:-.08em;margin:0;font-size:clamp(60px,8vw,132px);line-height:.78}.section-head h2 i{color:#0000;-webkit-text-stroke:1px #fff;font-family:Georgia,serif;font-weight:400}.section-head p{color:#8f928d;max-width:400px;margin:0;font-size:13px;line-height:1.7}.folder-grid{perspective:1800px;grid-template-columns:repeat(3,1fr);gap:clamp(22px,3vw,52px);display:grid}.folder-project{text-align:left;min-width:0}.folder-stage{height:clamp(360px,34vw,570px);transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .18s;position:relative}.folder-back{background:#1c1f1c;border:1px solid #ffffff2e;border-radius:17px 17px 12px 12px;position:absolute;inset:13% 4% 7%;box-shadow:0 30px 70px #00000073}.folder-back:before{content:"";background:#1c1f1c;border:1px solid #ffffff2e;border-bottom:0;border-radius:14px 30px 0 0;width:45%;height:55px;position:absolute;top:-44px;left:0}.folder-back>span{color:#757a73;letter-spacing:.12em;font:8px DM Mono;position:absolute;top:15px;right:18px}.project-sheet{z-index:2;color:#111;background:#d8d9d2;padding:22px;transition:transform .65s cubic-bezier(.2,.8,.2,1),rotate .65s;position:absolute;inset:4% 10% 16%;overflow:hidden;transform:translateY(16%)}.folder-project:hover .project-sheet{transform:translateY(-10%)rotate(-2deg)}.project-sheet>span{font:10px DM Mono}.project-sheet strong{letter-spacing:-.07em;margin-top:15px;font-size:clamp(25px,2.6vw,47px);line-height:.9;display:block}.project-sheet>i{font-size:11px}.sheet-grid{opacity:.22;background-color:#0000;background-image:linear-gradient(#0003 1px,#0000 1px),linear-gradient(90deg,#0003 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.sheet-object{aspect-ratio:1;background:radial-gradient(circle at 30% 30%,#fff,transparent 8%),conic-gradient(from 90deg,#202520,var(--tone),#eef0e8,#141614,#202520);border-radius:48% 52% 38% 62%;width:68%;animation:8s linear infinite blob;position:absolute;bottom:-8%;right:-10%;box-shadow:-20px 20px 60px #0000004d}@keyframes blob{to{transform:rotate(360deg)}}.tone-acid{--tone:#d7ff45}.tone-ice{--tone:#82a8ff}.tone-violet{--tone:#c28cff}.folder-front{z-index:3;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);transform-origin:bottom;background:linear-gradient(145deg,#373b36c2,#0f1110f0);border:1px solid #fff3;border-radius:16px;height:61%;transition:transform .65s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:0;left:0;right:0;box-shadow:0 30px 70px #00000059}.folder-project:hover .folder-front{transform:rotateX(-14deg)translateY(4%)}.folder-tab{color:#a6aaa2;letter-spacing:.12em;background:#292c29f0;border:1px solid #fff3;border-bottom:0;border-radius:12px 24px 0 0;width:43%;height:41px;padding:14px 18px;font:8px DM Mono;position:absolute;top:-40px;left:-1px}.folder-info{justify-content:space-between;align-items:flex-end;display:flex;position:absolute;bottom:20px;left:20px;right:20px}.folder-info div{flex-wrap:wrap;gap:7px;display:flex}.folder-info div span{color:#a9ada6;border:1px solid #ffffff26;border-radius:20px;padding:7px 9px;font:8px DM Mono}.folder-info>span{font-size:22px}.project-caption{border-top:1px solid #ffffff26;justify-content:space-between;align-items:end;margin-top:22px;padding-top:14px;display:flex}.project-caption h3{margin:0;font-size:20px}.project-caption span{color:#7c807a;font-size:11px}.archive{color:#0c0d0d;background:#ecece5}.archive-inner{padding-top:150px;padding-bottom:150px}.archive-head{justify-content:space-between;align-items:end;margin:70px 0;display:flex}.archive-head h2{letter-spacing:-.09em;margin:0;font-size:clamp(70px,10vw,170px);line-height:.72}.archive-head p{text-align:right;font:10px/1.8 DM Mono}.category-list{border-top:1px solid #a9aba5}.category-list button{text-align:left;color:#111;border-bottom:1px solid #a9aba5;grid-template-columns:80px 1fr auto 70px;align-items:center;width:100%;padding:30px 0;transition:all .35s;display:grid;position:relative;overflow:hidden}.category-list button:before{content:"";background:#101111;transition:all .4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:translateY(101%)}.category-list button.active:before{transform:none}.category-list button>*{z-index:1;position:relative}.category-list button.active{color:#f4f4ee;padding-left:20px;padding-right:20px}.category-no,.category-count{letter-spacing:.1em;font:10px DM Mono}.category-title{align-items:baseline;gap:25px;display:flex}.category-title i{letter-spacing:-.05em;font-size:clamp(28px,4vw,68px);font-style:normal;font-weight:700}.category-title b{color:#72756f;font-size:12px;font-weight:500}.category-list button.active .category-title b{color:#aaa}.category-arrow{color:#111;opacity:0;border-radius:50%;place-items:center;width:50px;height:50px;font-size:20px;transition:all .4s;display:grid;transform:scale(.6)rotate(-25deg)}.category-list button.active .category-arrow{opacity:1;transform:scale(1)rotate(0)}.contact{min-height:100svh;padding:42px var(--pad) 22px;background:#070808;flex-direction:column;justify-content:space-between;display:flex;position:relative;overflow:hidden}.contact-signal{color:#8b8e88;letter-spacing:.13em;justify-content:space-between;font:9px DM Mono;display:flex}.contact-main{margin:auto 0}.contact-main>p{letter-spacing:.18em;color:#81847e;font:10px DM Mono}.contact-main>a{letter-spacing:-.09em;align-items:flex-end;gap:35px;font-size:clamp(60px,10.3vw,180px);font-weight:800;line-height:.72;display:flex}.contact-main a i{color:#0000;-webkit-text-stroke:1px #fff;font-family:Georgia,serif;font-weight:400}.contact-main a>span{aspect-ratio:1;background:var(--acid);color:#111;border-radius:50%;flex:0 0 clamp(60px,8vw,130px);place-items:center;font-size:clamp(25px,4vw,58px);transition:all .35s;display:grid}.contact-main a:hover>span{transform:rotate(45deg)}.contact-footer{border-top:1px solid var(--line);grid-template-columns:1.2fr 1.2fr 1.2fr auto;gap:30px;padding-top:28px;display:grid}.contact-footer a,.contact-footer button{text-align:left;font-size:11px}.contact-footer button{align-self:end;font:9px DM Mono}.contact-marquee{z-index:-1;color:#ffffff05;white-space:nowrap;letter-spacing:-.07em;font-size:12vw;font-weight:900;position:absolute;bottom:8%;right:-1vw}.back-link{color:#a5a8a2;letter-spacing:.14em;align-items:center;gap:14px;font:10px DM Mono;display:flex}.back-link span{font-size:18px}.detail-page,.archive-page{background:#090a0a;min-height:100vh}.detail-hero{min-height:100svh;padding:130px var(--pad) 45px;grid-template-rows:auto 1fr auto;display:grid;position:relative;overflow:hidden}.detail-title{z-index:2;align-self:center;position:relative}.detail-title>span{color:var(--acid);letter-spacing:.15em;font:9px DM Mono}.detail-title h1{letter-spacing:-.085em;margin:18px 0 2px;font-size:clamp(70px,12vw,205px);line-height:.8}.detail-title p{color:#b0b3ac;margin:20px 0;font-size:18px}.detail-art{color:#111;background:#d8d9d2;position:absolute;inset:10% 2% 6% 42%;overflow:hidden;transform:rotate(3deg);box-shadow:0 30px 100px #000}.detail-grid{background-color:#0000;background-image:linear-gradient(#00000021 1px,#0000 1px),linear-gradient(90deg,#00000021 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:55px 55px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.detail-orb{aspect-ratio:1;background:conic-gradient(#121412,var(--tone),#e5e6df,#151715,var(--tone));border-radius:44% 56% 49% 51%;width:80%;animation:12s linear infinite blob;position:absolute;top:15%;right:-10%;box-shadow:-30px 30px 100px #00000059}.detail-art b{letter-spacing:-.1em;mix-blend-mode:overlay;font-size:16vw;line-height:.7;position:absolute;bottom:20px;left:25px}.detail-meta{z-index:2;gap:10px;display:flex}.detail-meta span{border:1px solid var(--line);color:#aaa;border-radius:20px;padding:9px 12px;font:8px DM Mono}.detail-intro{padding-top:140px;padding-bottom:100px}.detail-intro .section-label:after{background:var(--line)}.detail-intro .section-label span{color:var(--acid)}.detail-intro h2{letter-spacing:-.05em;max-width:1200px;margin:70px 0;font-size:clamp(35px,5vw,78px);line-height:1.15}.metrics{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.metrics div{border-right:1px solid var(--line);padding:30px;font:12px DM Mono}.metrics div:last-child{border:0}.case-grid{grid-template-columns:repeat(2,1fr);gap:22px;padding-bottom:140px;display:grid}.case-visual{aspect-ratio:16/11;color:#111;background:#d6d7d0;position:relative;overflow:hidden}.case-visual span{z-index:2;font:8px DM Mono;position:absolute;top:18px;left:18px}.case-visual i{aspect-ratio:1;background:var(--tone);border-radius:50%;width:55%;position:absolute;top:18%;left:22%;box-shadow:30px 40px 60px #0000003d}.visual-2{color:#eee;background:#171918}.visual-2 i{background:linear-gradient(45deg,var(--tone),transparent);border-radius:0;transform:rotate(24deg)}.visual-3 i{background:conic-gradient(var(--tone),#161816,var(--tone));border-radius:50% 50% 0 0;width:80%;top:40%;left:10%}.visual-4{background:var(--tone)}.visual-4 i{background:#111;border-radius:45% 55%}.next-project{padding:100px var(--pad);background:var(--paper);color:#111}.next-project p{font:9px DM Mono}.next-project button{letter-spacing:-.07em;border-bottom:1px solid #aaa;justify-content:space-between;width:100%;font-size:clamp(45px,8vw,120px);font-weight:800;display:flex}.archive-page-head{min-height:72vh;padding:150px var(--pad) 70px;background:var(--category-color);color:#0c0d0d}.archive-page-head>span{margin-top:90px;font:10px DM Mono;display:block}.archive-page-head h1{letter-spacing:-.09em;margin:15px 0 0;font-size:clamp(70px,13vw,220px);line-height:.8}.archive-page-head p{font-size:16px}.archive-page-head .back-link{color:#111}.works-grid{grid-template-columns:repeat(3,1fr);gap:70px 24px;padding-top:100px;padding-bottom:130px;display:grid}.work-tile{text-align:left}.work-cover{aspect-ratio:4/3;color:#111;background:#d9dad3;position:relative;overflow:hidden}.work-cover>span{z-index:2;font:9px DM Mono;position:absolute;top:15px;left:15px}.work-cover i{aspect-ratio:1;background:var(--category-color);border-radius:50%;width:68%;transition:all .5s;position:absolute;top:22%;left:25%;box-shadow:-20px 25px 50px #00000047}.work-tile:hover i{transform:scale(1.15)rotate(30deg)}.cover-2{color:#eee;background:#181a18}.cover-2 i{border-radius:0;transform:rotate(18deg)}.cover-3 i{background:conic-gradient(var(--category-color),#111,var(--category-color));border-radius:5%}.cover-4{background:var(--category-color)}.cover-4 i{background:#111;border-radius:35% 65%}.work-tile>div:last-child{color:#90938d;justify-content:space-between;margin-top:14px;font:9px DM Mono;display:flex}.work-tile strong{color:#eee;font-weight:400}@media (width<=1000px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.about-grid{grid-template-columns:1fr}.portrait-card{max-width:430px}.folder-grid{grid-template-columns:1fr 1fr}.folder-project:last-child{grid-column:1/-1;width:50%;margin:auto}.category-list button{grid-template-columns:55px 1fr auto}.category-count{display:none}.contact-footer{grid-template-columns:1fr 1fr}.detail-art{opacity:.55;inset:24% -10% 13% 35%}.works-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=650px){.site-header{width:calc(100% - 24px);height:56px;top:12px}.contact-pill{padding:12px;font-size:9px}.hero{padding-top:95px}.hero-topline{top:94px}.hero-topline span:last-child{display:none}.hero h1{font-size:18.5vw;line-height:.82}.hero-caption{grid-template-columns:auto 1fr}.hero-caption a,.hero-index{display:none}.about,.featured,.archive-inner{padding-top:95px;padding-bottom:95px}.about-grid{margin-top:45px}.about-copy h2{font-size:42px}.about-text-columns{grid-template-columns:1fr}.contact-list a{grid-template-columns:1fr auto}.contact-list a span:first-child{grid-column:1/-1;margin-bottom:8px}.timeline{grid-template-columns:1fr;gap:45px;margin-top:90px;padding-left:25px}.timeline-line{background:linear-gradient(180deg,#222,var(--acid));width:6px;height:auto;top:0;bottom:0;left:4px}.timeline-dot{top:2px;left:-27px}.section-head{margin:50px 0 80px;display:block}.section-head p{margin-top:35px}.folder-grid{grid-template-columns:1fr}.folder-project:last-child{grid-column:auto;width:auto}.folder-stage{height:115vw;max-height:520px}.archive-head{display:block}.archive-head p{text-align:left;margin-top:30px}.category-list button{grid-template-columns:40px 1fr 48px;padding:22px 0}.category-title{display:block}.category-title i{font-size:27px}.category-title b{margin-top:4px;display:block}.category-arrow{width:42px;height:42px}.contact-main>a{gap:10px;font-size:16vw}.contact-footer{grid-template-columns:1fr 1fr;gap:20px}.contact-footer div:nth-child(3){display:none}.detail-hero{padding-top:100px}.detail-art{inset:35% -30% 13% 18%}.detail-title h1{font-size:17vw}.detail-intro{padding-top:90px}.metrics{grid-template-columns:1fr}.metrics div{border-right:0;border-bottom:1px solid var(--line)}.case-grid,.works-grid{grid-template-columns:1fr}.archive-page-head{min-height:60vh;padding-top:110px}.archive-page-head>span{margin-top:70px}.works-grid{padding-top:65px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.cursor-glow{display:none}}:root{--acid:#ff5a24;--signal:#d7ff45;--paper:#0a0a0a;--ink:#f3f0e9;--muted:#99958f}.site-header{background:#0a09099e;border-color:#ffffff1a;box-shadow:0 18px 70px #0000006b}.brand span{color:var(--signal)}.site-header nav button{color:#bbb6af;font-size:10px}.contact-pill{color:#fff;background:linear-gradient(90deg,#ff4c1f,#ff7435)}.contact-pill>span{opacity:.65;font:8px DM Mono}.status-dot{background:var(--signal);box-shadow:0 0 0 4px #d7ff451f}.cursor-glow{background:radial-gradient(420px circle at var(--x,-100px) var(--y,-100px),#ff5a2417,transparent 70%)}.hero,.hero-media{background:#050505}.hero-orbit{opacity:.28;border-color:#ff5c2366}.orbit-two{border-color:#d7ff4561}.hero-orbit:before{background:#ff642e;box-shadow:0 0 35px #ff642e}.eyebrow{color:#ff6a35}.hero h1{text-shadow:0 12px 45px #0000006b;font-size:clamp(64px,9.7vw,178px)}.hero h1 i{color:#fff5eb}.outline-line{-webkit-text-stroke:1.5px #ffffffb8}.hero-caption span:first-child,.hero-index span{color:#ff6a35}.section-label{color:#8e8982}.section-label:after{background:#ffffff29}.section-label span{color:#ff6732}.about{color:#f2eee8;background:#080808;position:relative;overflow:hidden}.about:before{content:"";pointer-events:none;background:radial-gradient(circle,#ff541c2e,#0000 66%);width:48vw;height:48vw;position:absolute;top:20%;left:-30vw}.about:after{content:"108";color:#ffffff05;pointer-events:none;font-size:25vw;font-weight:900;line-height:1;position:absolute;top:38%;right:-2vw}.about-grid,.timeline{z-index:1;position:relative}.portrait-art{background:#111;border:1px solid #ffffff14;box-shadow:0 35px 100px #0000008c}.portrait-meta{color:#8b8781}.about-copy .kicker{color:#ff6a35}.about-copy h2 span{border-color:#ff612b}.about-text-columns p{color:#aaa59e}.contact-list,.contact-list a{border-color:#333}.contact-list a span:first-child{color:#76726d}.timeline-line{background:linear-gradient(90deg,#30251f 0,#e34f24 50%,#d7ff45 100%)}.timeline-dot{background:#ff612b;border-color:#080808;box-shadow:0 0 24px #ff612b}.timeline-year,.timeline-item p{color:#8e8982}.timeline-item strong{color:#c9c4bd}.featured{background:#080909;position:relative}.featured:before{content:"";pointer-events:none;background:radial-gradient(circle,#461bff26,#0000 66%);width:55vw;height:55vw;position:absolute;top:12%;right:-38vw}.featured .section-label span{color:#ff6732}.section-head h2 i{color:#0000;-webkit-text-stroke:1px #ff8a62}.folder-front{background:linear-gradient(145deg,#362a24b8,#0d0d0df2)}.folder-tab{background:#271f1bf5}.archive{color:#f4f0ea;background:#070707;position:relative;overflow:hidden}.archive:before{content:"";background:radial-gradient(circle,#1b72ff33,#0000 65%);width:60vw;height:40vw;position:absolute;bottom:-18vw;right:-28vw}.archive:after{content:"";background:radial-gradient(circle,#ff531b33,#0000 65%);width:52vw;height:36vw;position:absolute;top:18%;left:-30vw}.archive-inner{z-index:1;position:relative}.archive-head{margin-bottom:90px}.archive-head h2{font-size:clamp(70px,9vw,150px)}.archive-head p{color:#8e8982}.discipline-grid{grid-template-columns:repeat(5,1fr);align-items:start;gap:clamp(14px,1.6vw,28px);display:grid}.discipline-card{text-align:left;background:linear-gradient(180deg,color-mix(in srgb,var(--card-color) 70%,#111),color-mix(in srgb,var(--card-color) 28%,#080808));transform-origin:bottom;border:1px solid #ffffff1f;border-radius:8px;min-width:0;transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;position:relative;overflow:hidden;transform:translateY(0)rotateX(0);box-shadow:0 28px 70px #00000059}.discipline-card:nth-child(2n){margin-top:45px}.discipline-card:hover{box-shadow:0 35px 90px color-mix(in srgb,var(--card-color) 28%,transparent);transform:translateY(-18px)rotateX(3deg)}.discipline-cover{aspect-ratio:4/3;background:#111;position:relative;overflow:hidden}.discipline-cover:after{content:"";background:linear-gradient(180deg,transparent 30%,#000000bd),linear-gradient(135deg,color-mix(in srgb,var(--card-color) 25%,transparent),transparent);position:absolute;inset:0}.discipline-cover img{object-fit:cover;filter:saturate(1.1)contrast(1.05);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}.discipline-card:hover .discipline-cover img{filter:saturate(1.35)contrast(1.1);transform:scale(1.12)}.discipline-cover>span{z-index:2;color:#fff;font:10px DM Mono;position:absolute;top:14px;left:14px}.discipline-cover>i{z-index:2;background:var(--card-color);width:34px;height:34px;box-shadow:0 0 30px var(--card-color);border-radius:50%;transition:transform .5s;position:absolute;bottom:-17px;right:16px}.discipline-card:hover .discipline-cover>i{transform:translateY(-16px)scale(1.18)}.discipline-body{flex-direction:column;min-height:250px;padding:28px 22px 22px;display:flex}.discipline-body>span{letter-spacing:.12em;color:#ffffff9e;font:8px DM Mono}.discipline-body h3{letter-spacing:-.05em;margin:12px 0 16px;font-size:clamp(22px,2vw,34px)}.discipline-body p{color:#ffffffad;margin:0;font-size:12px;line-height:1.7}.discipline-body>div{justify-content:space-between;align-items:end;margin-top:auto;padding-top:28px;display:flex}.discipline-body b{font:400 9px DM Mono}.discipline-arrow{background:#0000004d;border-radius:50%;place-items:center;width:42px;height:42px;font-size:19px;transition:all .4s;display:grid}.discipline-card:hover .discipline-arrow{color:#111;background:#fff;transform:rotate(45deg)}.contact{background:#060606}.contact:before{content:"";background:radial-gradient(circle,#ff4f1833,#0000 65%);width:70vw;height:45vw;position:absolute;bottom:-25vw;left:-30vw}.contact-signal span:first-child{color:#ff6834}.contact-main>a{z-index:1;position:relative}.contact-main a i{-webkit-text-stroke:1px #ff8b64}.contact-main a>span{background:#ff5a24}.contact-footer{z-index:1;position:relative}@media (width<=1250px){.discipline-grid{grid-template-columns:repeat(3,1fr)}.discipline-card:nth-child(2n){margin-top:0}.discipline-card:nth-child(2),.discipline-card:nth-child(5){margin-top:35px}}@media (width<=800px){.discipline-grid{grid-template-columns:repeat(2,1fr)}.discipline-card:nth-child(2),.discipline-card:nth-child(5){margin-top:0}.discipline-body{min-height:220px}.hero-media video{opacity:.66}}@media (width<=520px){.discipline-grid{grid-template-columns:1fr}.discipline-card{grid-template-columns:42% 1fr;display:grid}.discipline-cover{aspect-ratio:auto;height:100%}.discipline-body{min-height:210px}.contact-pill>span{display:none}}i,.hero h1 i,.section-head h2 i,.contact-main a i{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif!important;font-style:normal!important}.hero-media video{opacity:.96;filter:saturate()contrast(1.04)brightness(.9)}.hero-media:after{background:linear-gradient(#0000001f,#00000005 38%,#050505c7 100%),linear-gradient(90deg,#00000085,#0000 68%)}.hero-caption p{flex-direction:column;gap:7px;display:flex}.hero-caption p strong{letter-spacing:.06em;font-size:15px;font-weight:600}.hero-caption p small{color:#92908b;letter-spacing:.15em;font:9px DM Mono}.bilingual-head{align-items:flex-end}.bilingual-head h2{flex-direction:column;gap:18px;line-height:.82;display:flex}.bilingual-head h2 small{color:#ff7548;letter-spacing:.16em;font:500 clamp(14px,1.5vw,24px)/1 DM Mono;display:block}.archive-head.bilingual-head h2{line-height:.82}.folder-project-title{z-index:4;color:#f5f1eb;letter-spacing:-.04em;text-shadow:0 8px 30px #00000080;margin:0;font-size:clamp(19px,1.8vw,30px);line-height:1.08;position:absolute;top:34px;left:22px;right:22px}.folder-project-title small{color:#8f8b85;letter-spacing:.11em;margin-top:8px;font:8px DM Mono;display:block}.folder-project:hover .folder-project-title{color:#fff}.project-caption h3{letter-spacing:.06em;font-family:DM Mono;font-size:13px;font-weight:400}.project-caption span{color:#f0ece6;font-size:15px;font-weight:600}@media (width<=650px){.bilingual-head h2{gap:12px}.folder-project-title{font-size:24px}.hero-caption p strong{font-size:13px}}.portfolio-title{letter-spacing:-.085em!important;font-size:clamp(72px,12vw,220px)!important;line-height:.76!important}.portfolio-title span{color:#f4f1eb;text-shadow:0 20px 65px #00000080}.about-intro{grid-template-columns:1.25fr .75fr;gap:clamp(30px,4vw,70px)}.about-intro p:first-child{color:#d3cec7;font-size:16px}.about-intro p:last-child{border-left:1px solid #ffffff2e;padding-left:28px}.timeline-item h3{font-size:22px}.timeline-item strong{max-width:360px;min-height:38px;line-height:1.55;display:block}.timeline-item p{max-width:390px}.portrait-art img{z-index:2;object-fit:cover;filter:saturate(.86)contrast(1.05);width:100%;height:100%;position:absolute;inset:0}@media (width<=800px){.about-intro{grid-template-columns:1fr}.about-intro p:last-child{border-top:1px solid #ffffff2e;border-left:0;padding-top:24px;padding-left:0}}.about-copy h2 span{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif!important;font-style:normal!important}.portrait-art img{object-position:50% 68%;filter:saturate(.72)contrast(1.1)brightness(.78)}.portrait-art:after{z-index:3;background:linear-gradient(#08080805 40%,#080808bd 100%),linear-gradient(90deg,#ff5b2314,#0000 45%)}.portrait-code{z-index:4}.portrait-art:hover img{filter:saturate(.9)contrast(1.08)brightness(.84);transform:scale(1.035)}.portrait-art img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .7s}.discipline-grid{grid-template-columns:repeat(3,1fr);gap:clamp(22px,2.5vw,44px)}.discipline-card:nth-child(2n),.discipline-card:nth-child(2),.discipline-card:nth-child(5){margin-top:0}.discipline-cover img,.discipline-cover video{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.discipline-card:hover .discipline-cover img,.discipline-card:hover .discipline-cover video{transform:scale(1.065)}.portfolio-groups{flex-direction:column;gap:clamp(120px,13vw,210px);padding-top:130px;padding-bottom:190px;display:flex}.portfolio-group{content-visibility:auto;contain-intrinsic-size:700px 900px;min-width:0;position:relative}.compact-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(85px,8vw,140px) clamp(28px,4vw,70px);display:grid}.stack-gallery{isolation:isolate;width:100%;height:clamp(500px,48vw,790px);color:inherit;text-align:left;place-items:center;display:grid;position:relative}.compact-groups .stack-gallery{height:clamp(390px,32vw,540px)}.stack-gallery:before{content:"";background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--category-color) 14%,transparent),transparent 62%);border:1px solid #ffffff14;position:absolute;inset:8% 3% 2%}.stack-media{width:min(68%,930px);height:88%;z-index:var(--z);transform:translate(var(--rest-x),var(--rest-y)) rotate(var(--rest-r));opacity:.76;background:#121212;border:1px solid #ffffff2e;border-radius:7px;transition:transform .62s cubic-bezier(.18,.8,.18,1),opacity .45s;display:block;position:absolute;overflow:hidden;box-shadow:0 18px 45px #0000006b}.compact-groups .stack-media{width:74%;height:82%}.stack-media img,.stack-media video,.stack-media .video-card-placeholder{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.stack-media:first-of-type{opacity:1;box-shadow:0 24px 58px #00000085}.stack-gallery:hover .stack-media{transform:translateX(var(--fan-x)) rotate(var(--fan-r));opacity:1}.stack-count{z-index:30;color:#fff;align-items:flex-end;gap:7px;font:700 clamp(36px,4vw,68px)/.8 Inter;display:flex;position:absolute;top:8%;left:4%}.stack-count small{color:#aaa;letter-spacing:.15em;padding-bottom:4px;font:8px DM Mono}.stack-hint{z-index:30;color:#d0cdc7;letter-spacing:.12em;background:#080808e6;border:1px solid #ffffff26;padding:11px 14px;font:8px DM Mono;position:absolute;bottom:2%;right:4%}.single-gallery{background:radial-gradient(circle at 50% 42%,color-mix(in srgb,var(--category-color) 13%,#151515),#090909 70%);border:1px solid #ffffff1f;place-items:center;width:100%;min-height:clamp(470px,46vw,760px);display:grid;position:relative;overflow:hidden;box-shadow:0 22px 62px #00000061}.compact-groups .single-gallery{min-height:clamp(380px,30vw,520px)}.single-gallery>img{object-fit:cover;width:100%;height:100%;display:block}.single-gallery>.video-card-placeholder{width:100%;height:100%;min-height:inherit}.single-badge{color:#ddd;letter-spacing:.13em;background:#050505e0;border:1px solid #ffffff24;padding:10px 13px;font:8px DM Mono;position:absolute;bottom:18px;right:18px}.single-video{aspect-ratio:16/9;min-height:0}.video-card-placeholder{background:radial-gradient(circle at 50% 45%,color-mix(in srgb,var(--category-color) 25%,#222),#070707 68%);color:#fff;align-content:center;place-items:center;gap:13px;display:grid!important}.video-card-placeholder b{border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:66px;height:66px;padding-left:5px;font-size:23px;display:grid}.video-card-placeholder small{text-overflow:ellipsis;color:#aaa;letter-spacing:.12em;white-space:nowrap;max-width:80%;font:9px DM Mono;overflow:hidden}.group-copy{border-top:1px solid #ffffff29;grid-template-columns:minmax(180px,.42fr) 1fr 1fr;align-items:start;gap:clamp(24px,4vw,80px);margin-top:38px;padding-top:28px;display:grid}.compact-groups .group-copy{grid-template-columns:1fr;gap:15px;margin-top:24px}.group-copy>span{color:var(--category-color);letter-spacing:.13em;font:9px DM Mono}.group-copy h2{letter-spacing:-.06em;overflow-wrap:anywhere;margin:0;font-size:clamp(34px,4vw,68px);line-height:.92}.compact-groups .group-copy h2{font-size:clamp(30px,3vw,48px)}.group-copy h2 small{color:#8e908b;letter-spacing:.14em;margin-top:15px;font:9px/1.4 DM Mono;display:block}.group-copy p{color:#9d9f99;max-width:560px;margin:0;font-size:14px;line-height:1.85}.long-preview{text-align:left;background:#111;border:1px solid #ffffff24;width:100%;height:clamp(560px,48vw,760px);display:block;position:relative;overflow:hidden;box-shadow:0 24px 68px #0006}.compact-groups .long-preview{height:clamp(420px,32vw,540px)}.long-preview img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.8,.2,1);display:block}.long-preview:hover img{transform:scale(1.025)}.long-action{z-index:2;color:#fff;letter-spacing:.12em;background:#050505e6;border:1px solid #ffffff2e;padding:12px 16px;font:9px DM Mono;position:absolute;bottom:20px;right:20px}.project-viewer{z-index:5000;content-visibility:visible;background:#000000f0;place-items:center;padding:3vh 3vw;display:grid;position:fixed;inset:0}.viewer-shell{background:#080808;border:1px solid #ffffff2b;grid-template-rows:auto minmax(0,1fr) auto;gap:14px;width:min(94vw,1800px);height:94vh;padding:18px;display:grid;position:relative;box-shadow:0 40px 120px #000}.viewer-header{border-bottom:1px solid #ffffff21;justify-content:space-between;align-items:center;gap:30px;padding-bottom:13px;display:flex}.viewer-header div{align-items:baseline;gap:18px;min-width:0;display:flex}.viewer-header span{font-size:20px;font-weight:700}.viewer-header small{text-overflow:ellipsis;color:#858782;letter-spacing:.1em;white-space:nowrap;font:9px DM Mono;overflow:hidden}.viewer-header button{color:#fff;border:1px solid #ffffff2e;flex:none;padding:9px 12px;font:9px DM Mono}.viewer-media{background:#030303;justify-content:center;align-items:center;min-height:0;display:flex;overflow:hidden}.viewer-media img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.viewer-media video{object-fit:contain;background:#000;width:100%;height:100%;display:block}.viewer-media.is-long{overscroll-behavior:contain;align-items:flex-start;overflow-y:auto}.viewer-media.is-long img{width:min(100%,1500px);max-width:1500px;height:auto;max-height:none}.viewer-arrow{z-index:3;color:#fff;background:#050505d1;border:1px solid #ffffff38;border-radius:50%;place-items:center;width:48px;height:48px;font-size:20px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-prev{left:28px}.viewer-next{right:28px}.viewer-thumbs{border-top:1px solid #ffffff21;gap:9px;min-height:74px;padding-top:12px;display:flex;overflow-x:auto}.viewer-thumbs button{opacity:.52;background:#111;border:1px solid #0000;flex:0 0 58px;height:68px;transition:opacity .25s,border-color .25s;position:relative;overflow:hidden}.viewer-thumbs button.active{border-color:var(--category-color);opacity:1}.viewer-thumbs img,.viewer-thumbs .video-card-placeholder{object-fit:cover;width:100%;height:100%}.viewer-thumbs .video-card-placeholder b{width:28px;height:28px;font-size:10px}.viewer-thumbs .video-card-placeholder small{display:none}.viewer-thumbs button>span{color:#fff;background:#000c;padding:2px 4px;font:7px DM Mono;position:absolute;bottom:2px;right:3px}@media (width<=1100px){.discipline-grid{grid-template-columns:repeat(2,1fr)}.compact-groups,.group-copy{grid-template-columns:1fr}.compact-groups .stack-gallery{height:clamp(480px,62vw,680px)}.compact-groups .single-gallery{min-height:clamp(440px,58vw,650px)}.viewer-prev{left:22px}.viewer-next{right:22px}}@media (width<=650px){.discipline-grid{grid-template-columns:1fr}.discipline-card{grid-template-columns:42% 1fr;display:grid}.portfolio-groups,.compact-groups{gap:100px;padding-top:90px;display:flex}.stack-gallery,.compact-groups .stack-gallery{height:108vw;overflow:hidden}.stack-media,.compact-groups .stack-media{width:82%;height:84%}.stack-gallery:hover .stack-media{transform:translateX(var(--fan-x)) rotate(var(--fan-r)) scale(.82)}.stack-hint{bottom:0;right:2%}.single-gallery,.compact-groups .single-gallery{min-height:95vw}.long-preview,.compact-groups .long-preview{height:95vw}.group-copy{margin-top:24px}.group-copy h2,.compact-groups .group-copy h2{font-size:38px}.project-viewer{padding:0}.viewer-shell{border:0;width:100vw;height:100dvh;padding:12px}.viewer-header div{display:block}.viewer-header small{margin-top:5px;display:block}.viewer-arrow{top:auto;bottom:92px}.viewer-prev{left:18px}.viewer-next{right:18px}.viewer-thumbs{padding-bottom:4px}}.long-preview,.compact-groups .long-preview{aspect-ratio:3/4;height:auto}.contact{min-height:100svh;padding:38px var(--pad) 24px;color:#fff;background:#08090d url(/images/contact-screen.jpg) 50%/cover no-repeat;flex-direction:column;justify-content:flex-end;display:flex;position:relative;overflow:hidden}.contact:before{display:none}.contact-shade{pointer-events:none;background:linear-gradient(90deg,#02050e14 0%,#02050e05 48%,#02050e80 73%,#02050ec7 100%),linear-gradient(#00000005,#0000 58%,#000000c2);position:absolute;inset:0}.contact-thanks{z-index:2;align-self:flex-end;width:min(42vw,720px);margin:auto 0;padding:96px 0 64px;position:relative}.contact-thanks>span{color:#ff8a58;letter-spacing:.22em;margin-bottom:22px;font:9px DM Mono;display:block}.contact-thanks h2{letter-spacing:-.085em;text-shadow:0 20px 60px #00000073;margin:0;font-size:clamp(70px,8vw,148px);line-height:.82}.wechat-direction{justify-content:flex-end;align-items:center;gap:22px;margin:50px 0 0;display:flex}.wechat-direction svg{fill:none;stroke:#ff7447;stroke-width:1.4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 12px #ff683c59);width:clamp(128px,10vw,190px);overflow:visible}.wechat-direction p{min-width:190px;margin:0;font-size:clamp(18px,1.55vw,27px);font-weight:620}.wechat-direction small{color:#aaa;letter-spacing:.15em;margin-top:8px;font:8px DM Mono;display:block}.contact-footer{z-index:2;text-shadow:0 2px 12px #000;border-top:1px solid #ffffff3d;grid-template-columns:1.15fr 1fr 1.2fr auto auto;align-items:end;gap:26px;padding-top:18px;display:grid;position:relative}.contact-footer div{flex-direction:column;gap:7px;display:flex}.contact-footer span{color:#aaa;letter-spacing:.13em;font:8px DM Mono}.contact-footer a,.contact-footer b{font-size:11px;font-weight:500}.contact-copy{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#03060e70;border:1px solid #fff3;border-radius:999px;align-items:center;gap:18px;min-width:240px;padding:10px 13px;transition:border-color .3s,background .3s,transform .3s;display:flex}.contact-copy:hover{background:#ff622e24;border-color:#ff7546cc;transform:translateY(-2px)}.contact-copy.copied{background:#20875247;border-color:#78ffad}.contact-copy.failed{background:#a53e2247;border-color:#ff8a58}.contact-copy span{white-space:nowrap;font-size:10px;font-weight:600}.contact-copy strong{letter-spacing:.1em;margin-left:auto;font:9px DM Mono}.contact-top{color:#fff;white-space:nowrap;align-self:center;font:9px DM Mono}@media (width<=1100px){.contact-footer{grid-template-columns:1fr 1fr 1fr auto}.contact-footer div:nth-child(3){display:none}.contact-copy{min-width:220px}}@media (width<=900px){.contact{background-position:38%}.contact-shade{background:linear-gradient(#03050c14,#03050c24 38%,#03050ce6 72%)}.contact-thanks{align-self:stretch;width:100%;margin-top:auto;padding:48vh 0 45px}.contact-thanks h2{font-size:clamp(64px,14vw,110px)}.wechat-direction{justify-content:flex-start;margin-top:30px}.contact-footer{grid-template-columns:1fr 1fr}.contact-copy{grid-area:2/1/auto/2;min-width:0}.contact-top{grid-area:2/2;justify-self:end}}@media (width<=560px){.contact{background-position:34%;padding:24px 22px 18px}.contact-thanks{padding-top:44vh}.contact-thanks>span{margin-bottom:15px}.wechat-direction{gap:10px}.wechat-direction svg{width:92px}.wechat-direction p{min-width:0;font-size:16px}.contact-footer{grid-template-columns:1fr auto;gap:16px}.contact-footer div:nth-child(2){display:none}.contact-copy{min-width:0;padding:10px 12px}.contact-copy strong{display:none}}.has-project-cover .project-sheet{background:#edf4f8;padding:0}.has-project-cover .project-sheet img{object-fit:cover;object-position:center top;filter:saturate(.92)contrast(1.02);width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.folder-project.has-project-cover:hover .project-sheet img{transform:scale(1.035)}.baimeng-project{color:#0b1726;background:#e9eff4}.baimeng-project .site-header{color:#f4f6f8}.baimeng-cover{min-height:100svh;padding:116px var(--pad) 48px;background:#080d13;position:relative}.baimeng-back{z-index:3;left:var(--pad);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050a108c;border:1px solid #ffffff3d;border-radius:999px;padding:11px 15px;position:absolute;top:116px}.baimeng-cover-frame{background:#dfe8ef;width:min(100%,1700px);margin:0 auto;position:relative;overflow:hidden;box-shadow:0 36px 110px #0006}.baimeng-cover-frame img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.baimeng-cover-frame>span{color:#102034;letter-spacing:.13em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffb8;padding:8px 10px;font:8px DM Mono;position:absolute;bottom:15px;right:18px}.baimeng-overview{color:#0b1726;background:#edf3f7;padding-top:130px;padding-bottom:120px}.baimeng-overview .section-label{color:#718092}.baimeng-overview .section-label:after{background:#0d1f3133}.baimeng-overview .section-label span{color:#6f91b5}.baimeng-overview-copy{margin:74px 0 90px}.baimeng-overview-copy>p{color:#7890a7;letter-spacing:.16em;margin:0 0 18px;font:9px DM Mono}.baimeng-overview-copy h1{letter-spacing:-.08em;margin:0;font-size:clamp(64px,9.5vw,164px);line-height:.86}.baimeng-overview-copy h2{color:#4f6275;letter-spacing:-.04em;max-width:1100px;margin:42px 0 0;font-size:clamp(25px,3vw,50px);font-weight:450;line-height:1.35}.baimeng-overview .metrics{border-color:#0d1f3133}.baimeng-overview .metrics div{color:#25384a;border-color:#0d1f3133}.baimeng-case-stack{padding:130px var(--pad) 150px;background:#08090b;gap:104px;display:grid}.baimeng-case{width:min(100%,1700px);margin:0 auto}.baimeng-case figcaption{color:#f5f5f3;border-bottom:1px solid #ffffff2e;justify-content:space-between;align-items:end;gap:25px;padding:0 2px 18px;display:flex}.baimeng-case figcaption span{font-size:17px;font-weight:650}.baimeng-case figcaption small{color:#777d83;letter-spacing:.15em;font:8px DM Mono}.baimeng-case img{background:#111;width:100%;height:auto;margin-top:24px;display:block;box-shadow:0 30px 100px #0000006b}.baimeng-next{color:#0a1724;background:#dce8f0}@media (width<=900px){.baimeng-cover{min-height:auto;padding-top:98px}.baimeng-back{top:98px}.baimeng-overview{padding-top:95px;padding-bottom:90px}.baimeng-overview-copy{margin:55px 0 65px}.baimeng-case-stack{gap:70px;padding-top:90px;padding-bottom:100px}}@media (width<=650px){.baimeng-cover{padding:82px 0 24px}.baimeng-back{font-size:8px;top:82px;left:18px}.baimeng-cover-frame img{object-fit:cover;min-height:62vw}.baimeng-cover-frame>span{font-size:6px;bottom:8px;right:10px}.baimeng-overview{padding-top:78px;padding-bottom:72px}.baimeng-overview-copy{margin:44px 0 52px}.baimeng-overview-copy h1{font-size:16vw}.baimeng-overview-copy h2{margin-top:28px;font-size:24px}.baimeng-case-stack{gap:55px;padding:72px 14px 85px}.baimeng-case figcaption{padding-bottom:12px}.baimeng-case figcaption span{font-size:13px}.baimeng-case img{margin-top:14px}}.video-card-placeholder.has-poster{background:#050505;position:relative;overflow:hidden}.video-card-placeholder.has-poster img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute;inset:0}.video-card-placeholder.has-poster:after{content:"";background:linear-gradient(#0000 45%,#0000007a);position:absolute;inset:0}.video-card-placeholder.has-poster b,.video-card-placeholder.has-poster small{z-index:2;position:relative}.video-card-placeholder.has-poster b{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#05050559}.about-copy .profile-name{letter-spacing:-.055em;align-items:flex-end;gap:clamp(14px,2vw,30px);margin:24px 0 42px;font-size:clamp(42px,4.4vw,72px);font-weight:650;line-height:.95;display:flex}.profile-name small{color:#8d8982;letter-spacing:.18em;white-space:nowrap;padding-bottom:.12em;font:500 clamp(11px,1.05vw,17px)/1.2 DM Mono}.woowu-project{color:#f2f3f5;background:#08090d}.woowu-cover{min-height:100svh;padding:108px var(--pad) 42px;background:#090b10;place-items:center;display:grid;position:relative;overflow:hidden}.woowu-cover:before{content:"";filter:blur(48px)brightness(.35)saturate(.8);opacity:.58;background:url(/projects/woowu-ai/detail-cover.jpg) 50%/cover no-repeat;position:absolute;inset:-10%;transform:scale(1.1)}.woowu-cover:after{content:"";background:radial-gradient(circle at 50% 38%,#0000,#04050885 70%),linear-gradient(#04050833,#040508bd);position:absolute;inset:0}.woowu-back{z-index:4;left:var(--pad);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07090e8c;border:1px solid #fff3;border-radius:999px;padding:11px 15px;position:absolute;top:112px}.woowu-cover-glow{z-index:1;background:radial-gradient(circle,#756cff29,#0000 66%);border-radius:50%;width:55vw;height:55vw;position:absolute}.woowu-cover-frame{z-index:2;justify-content:center;align-items:center;max-width:min(100%,1100px);height:calc(100svh - 168px);margin:0;display:flex;position:relative}.woowu-cover-frame img{object-fit:contain;width:auto;max-width:100%;height:100%;display:block;box-shadow:0 35px 120px #0000007a}.woowu-cover-frame figcaption{color:#c7c9d1;letter-spacing:.14em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080a109e;padding:8px 10px;font:7px DM Mono;position:absolute;bottom:12px;right:12px}.woowu-overview{color:#f2f3f5;background:#111319;padding-top:130px;padding-bottom:120px}.woowu-overview .section-label{color:#777b88}.woowu-overview .section-label:after{background:#ffffff26}.woowu-overview .section-label span{color:#ffca55}.woowu-overview-copy{margin:72px 0 88px}.woowu-overview-copy>p{color:#777e91;letter-spacing:.16em;margin:0 0 18px;font:9px DM Mono}.woowu-overview-copy h1{letter-spacing:-.08em;margin:0;font-size:clamp(62px,9vw,152px);line-height:.86}.woowu-overview-copy h2{color:#a9adba;letter-spacing:-.04em;max-width:1080px;margin:40px 0 0;font-size:clamp(25px,3vw,48px);font-weight:430;line-height:1.35}.woowu-overview .metrics{border-color:#ffffff26}.woowu-overview .metrics div{color:#d1d3da;border-color:#ffffff26}.woowu-case-section{padding:125px var(--pad) 150px;background:#07080c}.woowu-case-section>header{border-bottom:1px solid #ffffff2b;justify-content:space-between;align-items:end;width:min(100%,1100px);margin:0 auto 28px;padding-bottom:18px;display:flex}.woowu-case-section>header span{font-size:17px;font-weight:650}.woowu-case-section>header small{color:#686d7a;letter-spacing:.15em;font:8px DM Mono}.woowu-long-frame{background:#11141c;width:min(100%,900px);margin:0 auto;box-shadow:0 36px 120px #00000080}.woowu-long-frame img{width:100%;height:auto;display:block}.woowu-next{color:#11141a;background:#ffca55}@media (width<=650px){.about-copy .profile-name{margin-bottom:34px;font-size:48px;display:block}.profile-name small{margin-top:12px;padding:0;font-size:10px;display:block}.woowu-cover{min-height:auto;padding:80px 12px 26px}.woowu-back{font-size:8px;top:82px;left:18px}.woowu-cover-frame{height:calc(100svh - 128px);min-height:620px}.woowu-overview{padding-top:78px;padding-bottom:72px}.woowu-overview-copy{margin:44px 0 52px}.woowu-overview-copy h1{font-size:15vw}.woowu-overview-copy h2{margin-top:28px;font-size:23px}.woowu-case-section{padding:72px 12px 90px}.woowu-case-section>header{margin-bottom:18px;display:block}.woowu-case-section>header small{margin-top:8px;display:block}}html.is-opening,html.is-opening body{overscroll-behavior:none}.opening-sequence{z-index:1000;pointer-events:none;color:#f4f4ee;background:#080909;place-items:center;display:grid;position:fixed;inset:0;overflow:hidden}.opening-panels{grid-template-columns:repeat(4,1fr);display:grid;position:absolute;inset:0}.opening-panel{will-change:transform;background:#0b0c0c;border-right:1px solid #ffffff0f;display:block}.opening-panel:nth-child(2){background:#0d0e0e}.opening-panel:nth-child(3){background:#090a0a}.opening-panel:nth-child(4){background:#0c0d0d;border:0}.opening-content{z-index:2;width:min(100% - 88px,1680px);position:relative}.opening-kicker{color:#a8aaa5;letter-spacing:.2em;margin:0 0 22px;font:10px/1.2 DM Mono,monospace}.opening-word{padding:.08em 0 .13em;overflow:hidden}.opening-word span{letter-spacing:-.09em;will-change:transform;font-size:clamp(66px,12.2vw,220px);font-weight:800;line-height:.72;display:block}.opening-progress{color:#8b8e88;letter-spacing:.16em;grid-template-columns:auto 1fr;align-items:center;gap:28px;margin-top:42px;font:8px/1 DM Mono,monospace;display:grid}.opening-progress i{transform-origin:0;will-change:transform;background:linear-gradient(90deg,#d7ff45,#fff);height:1px;display:block}.hero-media,.portfolio-title span,.portrait-card,.folder-project,.discipline-card,.woowu-cover-frame,.woowu-long-frame{will-change:transform,opacity,clip-path}.hero-title-wrap{overflow:visible}.portfolio-title{padding:.09em 0 .13em;overflow:hidden;margin:-.09em 0 -.13em!important}.bilingual-head h2{overflow:visible}.bilingual-head h2 small{transform-origin:0;will-change:transform,opacity;display:block}.portrait-art,.project-sheet,.discipline-cover{overflow:hidden}.woowu-cover-frame{aspect-ratio:16/9;width:min(100%,1360px);height:auto}.woowu-cover-frame img{object-fit:cover;width:100%;max-width:none;height:100%}.woowu-cover-frame figcaption{bottom:18px;right:18px}.woowu-cover:before{filter:blur(58px)brightness(.3)saturate(.85);background-image:url(/projects/woowu-ai/detail-cover.jpg)}@media (width<=900px){.opening-content{width:calc(100% - 44px)}.opening-panels{grid-template-columns:repeat(2,1fr)}.opening-panel:nth-child(n+3){display:none}.opening-progress{gap:16px}.woowu-cover-frame{aspect-ratio:16/10}}@media (width<=650px){.opening-word span{font-size:17vw}.opening-kicker{font-size:7px}.opening-progress{margin-top:26px}.opening-progress small{max-width:150px;line-height:1.5}.woowu-cover-frame{aspect-ratio:16/10;height:auto;min-height:0}}@media (prefers-reduced-motion:reduce){.opening-sequence{display:none!important}.hero-media,.portfolio-title span,.portrait-card,.folder-project,.discipline-card,.woowu-cover-frame,.woowu-long-frame{will-change:auto}}@media (width>=901px){.contact .wechat-direction svg{transform:translate(clamp(-150px,-7vw,-72px))}}@media (width<=560px){.discipline-card{grid-template-rows:210px;grid-template-columns:42% 1fr;align-items:stretch;display:grid}.discipline-cover{aspect-ratio:auto;height:210px;min-height:0}.discipline-cover img,.discipline-cover video{object-fit:cover;object-position:top;height:100%;min-height:0}.discipline-body{height:210px;min-height:0;padding:20px 16px}.discipline-body h3{margin:8px 0 10px;font-size:24px}.discipline-body p{font-size:11px;line-height:1.55}.discipline-body>div{padding-top:12px}.contact{background-position:0;min-height:0;padding:24px 22px;overflow:visible}.contact-thanks{width:100%;margin:0;padding:clamp(330px,46vh,430px) 0 36px}.contact-thanks h2{font-size:13vw}.contact-thanks>span{margin-bottom:14px}.wechat-direction{gap:10px;margin-top:24px}.wechat-direction svg{flex:0 0 86px;width:86px}.wechat-direction p{font-size:16px}.contact-footer{grid-template-columns:1fr;gap:16px;padding-top:22px}.contact-footer div:nth-child(2),.contact-footer div:nth-child(3){display:flex}.contact-copy,.contact-top{grid-area:auto}.contact-copy{justify-content:space-between;width:100%;min-width:0;padding:12px 14px}.contact-copy strong{display:block}.contact-top{justify-self:start;padding:5px 0}}.tone-ember{--tone:#f16c2d}.folder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.folder-project:last-child{grid-column:auto;width:auto;margin:0}.bonfire-project{--bonfire-ink:#0b0a09;--bonfire-paper:#caa86e;--bonfire-ember:#f16c2d;--bonfire-mint:#97e8d5;background:var(--bonfire-ink);color:#f4efe5}.bonfire-project .site-header{color:#f4efe5}.bonfire-hero{background:#17110b;height:100svh;min-height:760px;position:relative;overflow:hidden}.bonfire-hero-map{object-fit:cover;filter:saturate(.75)contrast(1.08)brightness(.58);width:112%;height:112%;position:absolute;inset:-6%}.bonfire-hero-scrim{background:linear-gradient(#04030257,#0403021a 42%,#070605e6),linear-gradient(90deg,#050403de,#0504032e 62%,#050403a8);position:absolute;inset:0}.bonfire-hero-scrim:after{content:"";opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='b'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)' opacity='.45'/%3E%3C/svg%3E");position:absolute;inset:0}.bonfire-back{z-index:4;left:var(--pad);color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08060480;border:1px solid #ffffff3d;border-radius:999px;padding:11px 15px;position:absolute;top:116px}.bonfire-hero-copy{z-index:2;left:var(--pad);width:min(78vw,1300px);position:absolute;bottom:clamp(62px,9vh,120px)}.bonfire-hero-copy>p{color:#e18a51;letter-spacing:.16em;margin:0 0 22px;font:9px DM Mono}.bonfire-hero-copy h1{letter-spacing:0;align-items:flex-end;gap:28px;margin:0;font-size:clamp(92px,13vw,230px);font-weight:700;line-height:.72;display:flex}.bonfire-hero-copy h1 small{color:#efe8dc;letter-spacing:.12em;padding-bottom:.12em;font:500 clamp(16px,2vw,32px) DM Mono}.bonfire-hero-copy h2{color:#0000;letter-spacing:0;-webkit-text-stroke:1px #ffffff9e;margin:30px 0 0;font-size:clamp(50px,8.2vw,150px);font-weight:700;line-height:.76}.bonfire-hero-copy>span{color:#c9c1b5;letter-spacing:.12em;margin-top:38px;font:9px DM Mono;display:block}.bonfire-hero-index{z-index:2;right:var(--pad);align-items:end;gap:18px;display:flex;position:absolute;bottom:58px}.bonfire-hero-index span{color:#f16c2d;font-size:68px;font-weight:700;line-height:.75}.bonfire-hero-index small{color:#aaa297;letter-spacing:.12em;max-width:100px;font:7px/1.5 DM Mono}.bonfire-overview{padding-top:140px;padding-bottom:145px}.bonfire-project .section-label.light{color:#827b71}.bonfire-project .section-label.light span{color:var(--bonfire-ember)}.bonfire-project .section-label.light:after{background:#ffffff24}.bonfire-overview-copy{margin:78px 0 100px}.bonfire-overview-copy>p{color:#e17a3f;letter-spacing:.16em;margin:0 0 25px;font:9px DM Mono}.bonfire-overview-copy>h2{letter-spacing:0;max-width:1380px;margin:0;font-size:clamp(45px,6.6vw,110px);font-weight:620;line-height:1.05}.bonfire-overview-columns{border-top:1px solid #ffffff21;grid-template-columns:1.15fr .85fr;gap:clamp(48px,8vw,140px);margin-top:72px;padding-top:30px;display:grid}.bonfire-overview-columns p{color:#a9a198;margin:0;font-size:15px;line-height:1.9}.bonfire-overview-columns p:first-child{color:#e4ddd3;font-size:19px}.bonfire-overview .metrics{border-color:#ffffff24}.bonfire-overview .metrics div{color:#d6cec4;border-color:#ffffff24}.bonfire-world{padding-top:120px;padding-bottom:160px}.bonfire-section-head{border-top:1px solid #ffffff2b;padding-top:24px}.bonfire-section-head>span{color:var(--bonfire-ember);letter-spacing:.15em;font:9px DM Mono;display:block}.bonfire-section-head>div{grid-template-columns:1.35fr .65fr;align-items:end;gap:60px;margin-top:38px;display:grid}.bonfire-section-head h2{letter-spacing:0;margin:0;font-size:clamp(54px,7vw,116px);font-weight:650;line-height:.88}.bonfire-section-head h2 small{color:#807970;letter-spacing:.14em;margin-top:22px;font:500 10px DM Mono;display:block}.bonfire-section-head p{color:#918a81;max-width:530px;margin:0;font-size:14px;line-height:1.8}.bonfire-map-copy{grid-template-columns:.5fr 1fr 1fr;align-items:end;gap:clamp(30px,5vw,90px);margin:130px 0 52px;display:grid}.bonfire-map-copy>span{color:#8d8479;letter-spacing:.14em;font:8px DM Mono}.bonfire-map-copy h3{color:#d6b378;letter-spacing:0;margin:0;font-size:clamp(36px,4vw,68px);font-weight:550;line-height:1.05}.bonfire-map-copy p{color:#979087;margin:0;font-size:14px;line-height:1.85}.bonfire-map-main{background:#241a10;margin:0;position:relative;overflow:hidden;box-shadow:0 44px 120px #0000008c}.bonfire-map-main img{width:100%;height:auto;display:block;transform:scale(1.035)}.bonfire-map-main figcaption{letter-spacing:.12em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0907059e;padding:9px 11px;font:8px DM Mono;position:absolute;bottom:16px;right:18px}.bonfire-map-details{grid-template-columns:1fr 1fr;gap:26px;margin-top:26px;display:grid}.bonfire-map-detail{background:#14110e;border:1px solid #ffffff1a;margin:0;padding:16px}.bonfire-map-detail img{filter:saturate(.78);width:100%;height:auto;display:block}.bonfire-map-detail figcaption{color:#91887e;letter-spacing:.12em;padding:15px 2px 0;font:8px DM Mono}.bonfire-characters{color:#15110d;background:#d6b67e;padding:140px 0 160px;overflow:hidden}.bonfire-characters .bonfire-section-head{border-color:#18120c33}.bonfire-characters .bonfire-section-head h2 small,.bonfire-characters .bonfire-section-head p{color:#6b5943}.bonfire-character-grid{grid-template-columns:repeat(4,1fr);gap:clamp(12px,1.8vw,28px);margin-top:100px;display:grid}.bonfire-character-card{text-align:left;background:#b99660;border:1px solid #1a120a2b;height:clamp(470px,40vw,680px);transition:transform .65s cubic-bezier(.2,.8,.2,1),background .65s;position:relative;overflow:hidden}.bonfire-character-card:nth-child(2n){margin-top:80px}.bonfire-character-card:hover{z-index:2;background:#e0c38d;transform:translateY(-24px)}.bonfire-character-card img{object-fit:contain;filter:drop-shadow(0 24px 25px #20140833);width:100%;height:calc(100% - 109px);transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:45px 0 64px}.bonfire-character-card:hover img{transform:scale(1.07)translateY(-8px)}.bonfire-frame-no{z-index:2;color:#725b3d;font:9px DM Mono;position:absolute;top:17px;left:17px}.bonfire-card-caption{z-index:2;border-top:1px solid #19110a33;justify-content:space-between;align-items:end;gap:14px;padding-top:12px;display:flex;position:absolute;bottom:16px;left:17px;right:17px}.bonfire-card-caption strong{font-size:15px;font-weight:650}.bonfire-card-caption small{color:#725d43;letter-spacing:.1em;text-align:right;font:7px DM Mono}.bonfire-ui{background:#090a0b;padding-top:150px;padding-bottom:170px}.bonfire-ui-intro{border-bottom:1px solid #ffffff24;grid-template-columns:1fr auto;align-items:end;gap:60px;margin:90px 0 70px;padding:0 0 26px;display:grid}.bonfire-ui-intro p{color:#9a9893;max-width:850px;margin:0;font-size:16px;line-height:1.85}.bonfire-ui-intro span{color:var(--bonfire-mint);letter-spacing:.12em;text-align:right;font:9px/1.8 DM Mono}.bonfire-ui-grid{grid-template-columns:repeat(4,1fr);gap:clamp(14px,1.7vw,28px);display:grid}.bonfire-ui-card{aspect-ratio:3/5.34;text-align:left;background:#141518;border:1px solid #ffffff1f;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .55s;position:relative;overflow:hidden}.bonfire-ui-card:nth-child(4n+2),.bonfire-ui-card:nth-child(4n+4){margin-top:50px}.bonfire-ui-card:hover{z-index:2;border-color:#97e8d58c;transform:translateY(-18px)}.bonfire-ui-card img{object-fit:cover;width:100%;height:100%;transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .75s}.bonfire-ui-card:hover img{filter:brightness(.72);transform:scale(1.045)}.bonfire-ui-card .bonfire-frame-no{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0405068f;padding:7px 8px}.bonfire-ui-card .bonfire-card-caption{opacity:0;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#050607ad;border:0;padding:14px;transition:all .45s;transform:translateY(12px)}.bonfire-ui-card:hover .bonfire-card-caption{opacity:1;transform:none}.bonfire-ui-card .bonfire-card-caption small{color:#a7e9d9}.bonfire-gameplay{color:#eef3ef;background:#13231e;padding:145px 0 165px;overflow:hidden}.bonfire-gameplay .bonfire-section-head{border-color:#ffffff2b}.bonfire-gameplay .bonfire-section-head>span{color:#9ee7d7}.bonfire-gameplay .bonfire-section-head h2 small,.bonfire-gameplay .bonfire-section-head p{color:#90a39c}.bonfire-gameplay-track{grid-template-columns:repeat(6,minmax(220px,1fr));gap:22px;margin-top:95px;display:grid}.bonfire-gameplay-card{aspect-ratio:9/16;text-align:left;background:#0b1512;border:1px solid #ffffff26;min-width:0;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.bonfire-gameplay-card:nth-child(2n){margin-top:70px}.bonfire-gameplay-card:hover{z-index:2;transform:translateY(-20px)scale(1.02)}.bonfire-gameplay-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s,filter .7s}.bonfire-gameplay-card:hover img{filter:brightness(.65);transform:scale(1.05)}.bonfire-gameplay-card .bonfire-frame-no{color:#fff;text-shadow:0 2px 12px #000}.bonfire-gameplay-card .bonfire-card-caption{opacity:0;background:#060c0ac7;border:0;padding:13px;transition:all .4s;transform:translateY(10px)}.bonfire-gameplay-card:hover .bonfire-card-caption{opacity:1;transform:none}.bonfire-gameplay-card .bonfire-card-caption small{color:#9ee7d7}.bonfire-assets{padding-top:150px;padding-bottom:170px}.bonfire-assets-grid{grid-template-columns:1fr 1fr;gap:32px;margin-top:100px;display:grid}.bonfire-asset-card{background:#11110f;border:1px solid #ffffff1f;margin:0;padding:22px}.bonfire-asset-card img{background:#0d0d0c;width:100%;height:auto;display:block}.bonfire-asset-card figcaption{justify-content:space-between;align-items:end;gap:25px;padding:19px 2px 2px;display:flex}.bonfire-asset-card figcaption span{font-size:15px;font-weight:650}.bonfire-asset-card figcaption small{color:#878078;letter-spacing:.12em;font:8px DM Mono}.bonfire-conclusion{padding:clamp(110px,14vw,240px) var(--pad);text-align:center;color:#15110d;background:#d6b67e}.bonfire-conclusion>span{color:#765d3d;letter-spacing:.14em;font:9px DM Mono}.bonfire-conclusion h2{letter-spacing:0;max-width:1350px;margin:40px auto;font-size:clamp(46px,7.6vw,130px);font-weight:620;line-height:1.05}.bonfire-conclusion p{color:#6a543b;max-width:680px;margin:0 auto;font-size:15px;line-height:1.9}.bonfire-next{color:#110c08;background:#f16c2d}.bonfire-lightbox{z-index:1200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040404f0;place-items:center;padding:82px 28px 60px;display:grid;position:fixed;inset:0}.bonfire-lightbox>button{background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;padding:11px 14px;font:9px DM Mono;position:absolute;top:25px;right:28px}.bonfire-lightbox>img{object-fit:contain;max-width:min(92vw,1500px);max-height:calc(100svh - 150px);display:block}.bonfire-lightbox>p{margin:0;font-size:14px;position:absolute;bottom:24px;left:28px}.bonfire-lightbox>p small{color:#898989;letter-spacing:.12em;margin-top:7px;font:8px DM Mono;display:block}@media (width<=1100px){.bonfire-character-grid,.bonfire-ui-grid{grid-template-columns:repeat(2,1fr)}.bonfire-gameplay-track{grid-template-columns:repeat(3,1fr)}.bonfire-gameplay-card:nth-child(2n){margin-top:30px}.bonfire-section-head>div{grid-template-columns:1fr;gap:30px}.bonfire-map-copy{grid-template-columns:1fr 1fr}.bonfire-map-copy>span{grid-column:1/-1}}@media (width<=800px){.folder-grid{grid-template-columns:1fr}.bonfire-hero{min-height:680px}.bonfire-hero-map{width:100%;height:100%;inset:0}.bonfire-hero-copy{width:calc(100% - 48px)}.bonfire-hero-copy h1{font-size:20vw;display:block}.bonfire-hero-copy h1 small{margin-top:18px;display:block}.bonfire-hero-copy h2{margin-top:20px;font-size:13vw}.bonfire-hero-index{display:none}.bonfire-overview-columns{grid-template-columns:1fr;gap:28px}.bonfire-map-details,.bonfire-assets-grid{grid-template-columns:1fr}.bonfire-character-grid,.bonfire-ui-grid,.bonfire-gameplay-track{margin-right:calc(var(--pad) * -1);padding-right:var(--pad);scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.bonfire-character-grid::-webkit-scrollbar{display:none}.bonfire-ui-grid::-webkit-scrollbar{display:none}.bonfire-gameplay-track::-webkit-scrollbar{display:none}.bonfire-character-card{scroll-snap-align:start;flex:0 0 min(76vw,390px);height:min(130vw,610px);margin-top:0!important}.bonfire-ui-card,.bonfire-gameplay-card{scroll-snap-align:start;flex:0 0 min(70vw,360px);margin-top:0!important}.bonfire-ui-card .bonfire-card-caption,.bonfire-gameplay-card .bonfire-card-caption{opacity:1;transform:none}.bonfire-ui-intro{grid-template-columns:1fr}.bonfire-ui-intro span{text-align:left}}@media (width<=560px){.bonfire-hero{height:100svh;min-height:620px}.bonfire-back{font-size:8px;top:82px;left:18px}.bonfire-hero-map{object-position:58% center}.bonfire-hero-copy{width:calc(100% - 44px);bottom:50px;left:22px}.bonfire-hero-copy>p{font-size:7px}.bonfire-hero-copy h1{font-size:22vw}.bonfire-hero-copy h1 small{font-size:12px}.bonfire-hero-copy h2{font-size:13.5vw}.bonfire-hero-copy>span{font-size:7px;line-height:1.7}.bonfire-overview,.bonfire-world,.bonfire-ui,.bonfire-assets{padding-top:88px;padding-bottom:95px}.bonfire-characters,.bonfire-gameplay{padding:88px 0 95px}.bonfire-overview-copy{margin:52px 0 62px}.bonfire-overview-copy>h2{font-size:11vw}.bonfire-overview-columns{margin-top:45px}.bonfire-overview-columns p,.bonfire-overview-columns p:first-child{font-size:14px}.bonfire-section-head>div{margin-top:25px}.bonfire-section-head h2{font-size:12vw}.bonfire-section-head p{font-size:13px}.bonfire-map-copy{grid-template-columns:1fr;gap:24px;margin:72px 0 34px}.bonfire-map-copy>span{grid-column:auto}.bonfire-map-copy h3{font-size:10vw}.bonfire-map-details{gap:14px;margin-top:14px}.bonfire-map-detail{padding:8px}.bonfire-map-main figcaption{font-size:6px}.bonfire-character-grid,.bonfire-ui-grid,.bonfire-gameplay-track{margin-top:58px}.bonfire-character-card{flex-basis:78vw;height:118vw;max-height:540px}.bonfire-character-card img{height:calc(100% - 100px);inset:40px 0 60px}.bonfire-ui-intro{gap:24px;margin:55px 0 38px}.bonfire-ui-intro p{font-size:13px}.bonfire-ui-card,.bonfire-gameplay-card{flex-basis:72vw}.bonfire-assets-grid{gap:18px;margin-top:60px}.bonfire-asset-card{padding:10px}.bonfire-asset-card figcaption{display:block}.bonfire-asset-card figcaption small{margin-top:8px;display:block}.bonfire-conclusion{padding-top:100px;padding-bottom:100px}.bonfire-conclusion h2{font-size:12vw}.bonfire-conclusion p{font-size:13px}}@media (prefers-reduced-motion:reduce){.bonfire-character-card,.bonfire-ui-card,.bonfire-gameplay-card,.bonfire-hero-map{transition:none!important;transform:none!important}}.bonfire-project-v2{--bf-night:#08070a;--bf-panel:#151119;--bf-gold:#d8a94f;--bf-gold-light:#f0ce83;--bf-paper:#d5c39e;--bf-ember:#ef6632;--bf-violet:#8d6aff;--bf-cyan:#59e1cf;background:var(--bf-night);color:#f3eee4}.bonfire-project-v2 .site-header{color:#f7f0e3;background:#09070ab3;border-color:#d8a94f38}.bonfire-project-v2 .brand span{color:var(--bf-gold-light)}.bonfire-project-v2 .contact-pill{background:var(--bf-gold);color:#130e08}.bf-opening{background:#050406;place-items:center;height:100svh;min-height:780px;display:grid;position:relative;overflow:hidden}.bf-opening-bg{object-fit:cover;filter:blur(42px)saturate(.78)brightness(.28);width:124%;height:124%;position:absolute;inset:-12%;transform:scale(1.06)}.bf-opening-shade{background:linear-gradient(90deg,#040305e6,#04030557 35% 65%,#040305e6),linear-gradient(#04030557,#0000 35%,#040305b8);position:absolute;inset:0}.bf-opening-shade:after{content:"";opacity:.1;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='.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");position:absolute;inset:0}.bf-opening-poster{z-index:2;object-fit:contain;filter:drop-shadow(0 40px 90px #0000009e);will-change:transform,clip-path;width:auto;max-width:72vw;height:min(88svh,1050px);display:block;position:relative}.bf-back{z-index:5;left:var(--pad);color:#f4ead8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0907088c;border:1px solid #f0ce8357;border-radius:999px;padding:11px 15px;position:absolute;top:116px}.bf-opening-side{z-index:3;align-items:end;gap:16px;display:flex;position:absolute;bottom:54px}.bf-opening-side>span{color:var(--bf-gold-light);font-size:42px;font-weight:700;line-height:.78}.bf-opening-side small{color:#a59d92;letter-spacing:.13em;font:7px/1.55 DM Mono}.bf-opening-left{left:var(--pad)}.bf-opening-right{right:var(--pad);text-align:right}.bf-opening-right small{order:-1}.bf-series{padding-top:150px;padding-bottom:160px}.bf-series-copy>span,.bf-prologue-copy>span,.bf-b3-intro-copy>span{color:var(--bf-gold);letter-spacing:.17em;font:9px DM Mono}.bf-series-copy h1{letter-spacing:0;max-width:1380px;margin:36px 0 68px;font-size:clamp(58px,8.5vw,145px);font-weight:650;line-height:1.02}.bf-series-copy>div{border-top:1px solid #ffffff29;grid-template-columns:1.1fr .9fr;gap:clamp(45px,8vw,140px);padding-top:28px;display:grid}.bf-series-copy p{color:#9f988f;margin:0;font-size:15px;line-height:1.9}.bf-series-copy p:first-child{color:#e7dfd2;font-size:20px}.bf-version-switch{border-top:1px solid #d8a94f47;border-bottom:1px solid #d8a94f47;grid-template-columns:1fr 1fr;margin-top:110px;display:grid}.bf-version-switch a{grid-template-columns:auto 1fr auto;align-items:center;gap:25px;min-height:180px;padding:28px 34px;transition:background .45s,color .45s;display:grid}.bf-version-switch a+a{border-left:1px solid #d8a94f47}.bf-version-switch a:hover{background:#201626}.bf-version-switch a:first-child:hover{background:#23190e}.bf-version-switch a>span{color:var(--bf-gold);font-size:74px;font-weight:700;line-height:.8}.bf-version-switch a:nth-child(2)>span{color:var(--bf-violet)}.bf-version-switch strong{font-size:24px;display:block}.bf-version-switch small{color:#817a72;letter-spacing:.11em;margin-top:8px;font:8px DM Mono;display:block}.bf-version-switch i{color:#938a81;letter-spacing:.1em;font:8px DM Mono}.bf-prologue{background:#0a0909;align-items:flex-end;min-height:100svh;display:flex;position:relative;overflow:hidden}.bf-prologue-map{object-fit:cover;filter:saturate(.55)contrast(1.12)brightness(.5);width:114%;height:114%;position:absolute;inset:-7%}.bf-prologue-shade{background:linear-gradient(#06050738,#0605072e 35%,#060507f2),linear-gradient(90deg,#060507b8,#0000 65%);position:absolute;inset:0}.bf-prologue-copy{z-index:2;padding-top:180px;padding-bottom:100px;position:relative}.bf-prologue-copy h2{color:#f4dfad;letter-spacing:0;max-width:1380px;margin:35px 0 68px;font-size:clamp(44px,6.2vw,104px);font-weight:560;line-height:1.18}.bf-prologue-copy>div{border-top:1px solid #f0ce834d;grid-template-columns:1fr auto;align-items:end;gap:80px;padding-top:28px;display:grid}.bf-prologue-copy p{color:#c5baab;max-width:880px;margin:0;font-size:16px;line-height:1.9}.bf-prologue-copy ul{flex-wrap:wrap;justify-content:flex-end;gap:9px;margin:0;padding:0;list-style:none;display:flex}.bf-prologue-copy li{color:#c9b98f;letter-spacing:.09em;border:1px solid #f0ce8342;padding:8px 10px;font:8px DM Mono}.bf-world{background:var(--bf-paper);color:#1a1510;padding-top:150px;padding-bottom:170px}.bf-section-head{border-top:1px solid #fff3;padding-top:22px}.bf-section-head>span{color:var(--bf-gold);letter-spacing:.16em;font:9px DM Mono}.bf-section-head>div{grid-template-columns:1.35fr .65fr;align-items:end;gap:60px;margin-top:35px;display:grid}.bf-section-head h2{letter-spacing:0;margin:0;font-size:clamp(54px,7vw,116px);font-weight:650;line-height:.92}.bf-section-head h2 small{color:#8f877e;letter-spacing:.14em;margin-top:22px;font:500 9px DM Mono;display:block}.bf-section-head p{color:#989087;max-width:520px;margin:0;font-size:14px;line-height:1.85}.bf-section-head.is-light{border-color:#1a151038}.bf-section-head.is-light>span{color:#8a5b20}.bf-section-head.is-light h2 small,.bf-section-head.is-light p{color:#675a4c}.bf-lore-grid{border-top:1px solid #1f170e38;border-bottom:1px solid #1f170e38;grid-template-columns:repeat(3,1fr);margin:100px 0 90px;display:grid}.bf-lore-item{min-height:310px;padding:34px 32px}.bf-lore-item+.bf-lore-item{border-left:1px solid #1f170e38}.bf-lore-item>span{color:#956321;font:9px DM Mono}.bf-lore-item h3{margin:70px 0 18px;font-size:28px}.bf-lore-item p{color:#66584a;margin:0;font-size:14px;line-height:1.85}.bf-map-frame{background:#221810;margin:0;padding:20px;position:relative;box-shadow:0 42px 100px #37240f42}.bf-map-frame:before,.bf-map-frame:after{content:"";border-color:var(--bf-gold);pointer-events:none;width:56px;height:56px;position:absolute}.bf-map-frame:before{border-top:2px solid;border-left:2px solid;top:9px;left:9px}.bf-map-frame:after{border-bottom:2px solid;border-right:2px solid;bottom:9px;right:9px}.bf-map-frame img{width:100%;height:auto;display:block}.bf-map-frame figcaption{color:#d7c49c;justify-content:space-between;padding:17px 3px 0;display:flex}.bf-map-frame figcaption span{font-size:13px;font-weight:600}.bf-map-frame figcaption small{letter-spacing:.12em;font:8px DM Mono}.bf-direction-grid{grid-template-columns:repeat(3,1fr);gap:0;margin-top:100px;display:grid}.bf-direction-item{padding:10px 38px 10px 0}.bf-direction-item+.bf-direction-item{border-left:1px solid #1f170e38;padding-left:38px}.bf-direction-item span{color:#8e6022;letter-spacing:.13em;font:8px DM Mono}.bf-direction-item h3{margin:30px 0 17px;font-size:26px}.bf-direction-item p{color:#6d5f51;margin:0;font-size:14px;line-height:1.85}.bf-b2-characters{color:#f4eee4;background:#111018;padding:150px 0 170px;overflow:hidden}.bf-b2-characters .bf-section-head.is-light{border-color:#d8a94f40}.bf-b2-characters .bf-section-head.is-light>span{color:var(--bf-gold)}.bf-b2-characters .bf-section-head.is-light h2 small,.bf-b2-characters .bf-section-head.is-light p{color:#8f8792}.bf-b2-character-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:100px;display:grid}.bf-character-card{text-align:left;border:1px solid #ffffff1f;min-width:0;height:clamp(460px,36vw,630px);transition:transform .6s cubic-bezier(.2,.8,.2,1),border-color .6s,background .6s;position:relative;overflow:hidden}.bf-character-card.is-b2{background:linear-gradient(#241d2b,#15121a)}.bf-character-card:nth-child(4n+2),.bf-character-card:nth-child(4n+4){margin-top:52px}.bf-character-card:hover{z-index:2;background:#29202f;border-color:#d8a94f85;transform:translateY(-20px)}.bf-character-card img{object-fit:contain;filter:drop-shadow(0 26px 30px #00000057);width:100%;height:calc(100% - 112px);transition:transform .8s cubic-bezier(.2,.8,.2,1);position:absolute;inset:42px 0 70px}.bf-character-card:hover img{transform:scale(1.075)translateY(-7px)}.bf-frame-no{z-index:2;color:#bba06e;font:8px DM Mono;position:absolute;top:16px;left:16px}.bf-card-caption{z-index:2;border-top:1px solid #ffffff26;justify-content:space-between;align-items:end;gap:12px;padding-top:12px;display:flex;position:absolute;bottom:15px;left:16px;right:16px}.bf-card-caption strong{font-size:14px;font-weight:650}.bf-card-caption small{color:#8c8490;letter-spacing:.08em;text-align:right;max-width:54%;font:7px DM Mono}.bf-b2-ui{background:#0b090c;padding-top:150px;padding-bottom:170px}.bf-ui-note{border-bottom:1px solid #d8a94f33;grid-template-columns:1fr auto;align-items:end;gap:60px;margin:90px 0 65px;padding-bottom:27px;display:grid}.bf-ui-note p{color:#9c938c;max-width:880px;margin:0;font-size:15px;line-height:1.9}.bf-ui-note span{color:var(--bf-gold);letter-spacing:.12em;text-align:right;font:8px/1.8 DM Mono}.bf-ui-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.bf-ui-grid.is-b3{grid-template-columns:repeat(3,1fr)}.bf-ui-card{aspect-ratio:3/5.33;text-align:left;background:#161218;border:1px solid #ffffff21;min-width:0;transition:transform .55s cubic-bezier(.2,.8,.2,1),border-color .55s;position:relative;overflow:hidden}.bf-ui-card:nth-child(2n){margin-top:46px}.bf-ui-card:hover{z-index:2;border-color:#d8a94f80;transform:translateY(-17px)}.bf-ui-card img{object-fit:cover;width:100%;height:100%;transition:transform .75s,filter .75s}.bf-ui-card:hover img{filter:brightness(.6);transform:scale(1.045)}.bf-ui-card .bf-frame-no{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#07060894;padding:7px 8px}.bf-ui-card .bf-card-caption{opacity:0;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#080609c7;border:0;padding:14px;transition:all .42s;transform:translateY(12px)}.bf-ui-card:hover .bf-card-caption{opacity:1;transform:none}.bf-ui-card .bf-card-caption small{color:#d1ad66}.bf-b2-gameplay{color:#19120b;background:#bf9d60;padding:150px 0 170px;overflow:hidden}.bf-loop-steps{border-top:1px solid #1e140a3d;border-bottom:1px solid #1e140a3d;grid-template-columns:repeat(4,1fr);margin:95px 0 80px;display:grid}.bf-loop-step{grid-template-columns:auto 1fr;gap:8px 18px;min-height:180px;padding:28px 24px;display:grid}.bf-loop-step+.bf-loop-step{border-left:1px solid #1e140a3d}.bf-loop-step b{color:#71461b;grid-row:1/3;font-size:42px}.bf-loop-step span{align-self:end;font-size:18px;font-weight:650}.bf-loop-step small{color:#705d44;letter-spacing:.08em;font:8px DM Mono}.bf-gameplay-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:17px;display:grid}.bf-gameplay-card{aspect-ratio:9/16;text-align:left;background:#18130e;border:1px solid #1b120947;min-width:0;transition:transform .55s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden}.bf-gameplay-card:nth-child(2n){margin-top:46px}.bf-gameplay-card:hover{z-index:2;transform:translateY(-16px)scale(1.015)}.bf-gameplay-card img{object-fit:cover;width:100%;height:100%;transition:transform .7s,filter .7s}.bf-gameplay-card:hover img{filter:brightness(.62);transform:scale(1.045)}.bf-gameplay-card .bf-frame-no{color:#fff;text-shadow:0 2px 12px #000}.bf-gameplay-card .bf-card-caption{opacity:0;color:#fff;background:#0c0805c2;border:0;padding:13px;transition:all .4s}.bf-gameplay-card:hover .bf-card-caption{opacity:1}.bf-gameplay-card .bf-card-caption small{color:#e2bd72}.bf-assets{background:#0a0a0e;padding-top:150px;padding-bottom:170px}.bf-assets-grid{grid-template-columns:1fr 1fr;gap:28px;margin-top:95px;display:grid}.bf-assets-grid figure{background:#121116;border:1px solid #ffffff1f;margin:0;padding:18px}.bf-assets-grid img{width:100%;height:auto;display:block}.bf-assets-grid figcaption{color:#9a9188;letter-spacing:.12em;padding:16px 2px 0;font:8px DM Mono}.bf-b3-intro{background:#0a0911;align-items:center;min-height:100svh;display:flex;position:relative;overflow:hidden}.bf-b3-intro:before{content:"";background:radial-gradient(circle at 76% 48%,#8d6aff38,#0000 36%),linear-gradient(110deg,#08070e 20%,#131021 60%,#081312);position:absolute;inset:0}.bf-b3-intro:after{content:"III";color:#ffffff06;font-size:42vw;font-weight:800;line-height:.7;position:absolute;bottom:-8vw;right:-2vw}.bf-b3-intro-copy{z-index:2;margin:0;padding-top:150px;padding-bottom:150px;position:relative}.bf-b3-intro-copy>span{color:var(--bf-cyan)}.bf-b3-intro-copy h2{letter-spacing:0;max-width:950px;margin:36px 0 45px;font-size:clamp(54px,7.4vw,125px);font-weight:650;line-height:1.02}.bf-b3-intro-copy>p{color:#aaa5b6;max-width:690px;margin:0;font-size:15px;line-height:1.9}.bf-b3-intro-copy>div{border-top:1px solid #59e1cf33;grid-template-columns:auto 1fr;gap:13px 24px;max-width:680px;margin-top:52px;padding-top:25px;display:grid}.bf-b3-intro-copy b{color:var(--bf-cyan);font:8px DM Mono}.bf-b3-intro-copy div span{color:#837d8b;font:9px DM Mono}.bf-b3-hero{z-index:2;object-fit:contain;object-position:right bottom;filter:drop-shadow(0 35px 70px #46249652);width:min(52vw,850px);height:88vh;position:absolute;bottom:-4vh;right:-1vw}.bf-b3-characters{background:#0d0c13;padding-top:150px;padding-bottom:170px}.bf-b3-character-grid{grid-template-columns:repeat(4,1fr);gap:18px;margin-top:95px;display:grid}.bf-character-card.is-b3{background:linear-gradient(#181625,#0e0d14)}.bf-character-card.is-b3:hover{background:#1d1930;border-color:#59e1cf80}.bf-character-card.is-b3 .bf-card-caption small{color:#8f7cff}.bf-b3-ui{color:#f1f2f7;background:#181927;padding:150px 0 170px}.bf-b3-ui .bf-section-head.is-light{border-color:#59e1cf33}.bf-b3-ui .bf-section-head.is-light>span{color:var(--bf-cyan)}.bf-b3-ui .bf-section-head.is-light h2 small,.bf-b3-ui .bf-section-head.is-light p{color:#8f91a5}.bf-ui-grid.is-b3{margin-top:95px}.bf-ui-card.is-b3{background:#0d0e15}.bf-ui-card.is-b3:hover{border-color:#59e1cf80}.bf-ui-card.is-b3 .bf-card-caption small{color:var(--bf-cyan)}.bf-conclusion{padding:clamp(120px,15vw,250px) var(--pad);text-align:center;color:#18100a;background:#d3ad61}.bf-conclusion>span{color:#714a1f;letter-spacing:.15em;font:9px DM Mono}.bf-conclusion h2{letter-spacing:0;max-width:1300px;margin:40px auto;font-size:clamp(50px,8vw,138px);font-weight:650;line-height:1.02}.bf-conclusion p{color:#644f37;max-width:760px;margin:0 auto;font-size:15px;line-height:1.9}.bf-next{color:#f5edf7;background:#3f284e}.bf-lightbox{z-index:1200;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#040306f5;place-items:center;padding:78px 70px 62px;display:grid;position:fixed;inset:0}.bf-lightbox-close{background:#ffffff0f;border:1px solid #ffffff40;border-radius:999px;padding:11px 14px;font:9px DM Mono;position:absolute;top:25px;right:28px}.bf-lightbox>img{object-fit:contain;max-width:min(88vw,1550px);max-height:calc(100svh - 145px);display:block}.bf-lightbox>p{margin:0;font-size:14px;position:absolute;bottom:22px;left:28px}.bf-lightbox>p small{color:#8e8792;letter-spacing:.12em;margin-top:7px;font:8px DM Mono;display:block}.bf-lightbox-prev,.bf-lightbox-next{border:1px solid #fff3;border-radius:50%;width:48px;height:48px;font-size:20px;position:absolute;top:50%}.bf-lightbox-prev{left:20px}.bf-lightbox-next{right:20px}@media (width<=1200px){.bf-section-head>div{grid-template-columns:1fr;gap:30px}.bf-b2-character-grid,.bf-b3-character-grid,.bf-gameplay-grid{grid-template-columns:repeat(3,1fr)}.bf-gameplay-card:nth-child(2n){margin-top:22px}.bf-b3-hero{opacity:.72;right:-13vw}.bf-b3-intro-copy>p,.bf-b3-intro-copy>div{max-width:58%}}@media (width<=850px){.bf-opening-poster{max-width:88vw;height:78svh}.bf-opening-side{bottom:28px}.bf-opening-side>span{font-size:30px}.bf-series-copy>div,.bf-prologue-copy>div,.bf-ui-note{grid-template-columns:1fr;gap:28px}.bf-prologue-copy ul{justify-content:flex-start}.bf-version-switch{grid-template-columns:1fr}.bf-version-switch a+a{border-top:1px solid #d8a94f47;border-left:0}.bf-lore-grid{grid-template-columns:1fr}.bf-lore-item{min-height:0}.bf-lore-item+.bf-lore-item{border-top:1px solid #1f170e38;border-left:0}.bf-lore-item h3{margin-top:35px}.bf-direction-grid{grid-template-columns:1fr}.bf-direction-item,.bf-direction-item+.bf-direction-item{padding:32px 0}.bf-direction-item+.bf-direction-item{border-top:1px solid #1f170e38;border-left:0}.bf-loop-steps{grid-template-columns:1fr 1fr}.bf-loop-step:nth-child(3){border-top:1px solid #1e140a3d;border-left:0}.bf-loop-step:nth-child(4){border-top:1px solid #1e140a3d}.bf-assets-grid{grid-template-columns:1fr}.bf-b3-intro{align-items:flex-start;min-height:auto;padding-bottom:0}.bf-b3-intro-copy{padding-bottom:70vw}.bf-b3-intro-copy>p,.bf-b3-intro-copy>div{max-width:100%}.bf-b3-hero{opacity:.9;width:100vw;height:72vw;bottom:-2vw;right:0}.bf-b2-character-grid,.bf-b3-character-grid,.bf-ui-grid,.bf-ui-grid.is-b3,.bf-gameplay-grid{margin-right:calc(var(--pad) * -1);padding-right:var(--pad);scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;display:flex;overflow-x:auto}.bf-b2-character-grid::-webkit-scrollbar{display:none}.bf-b3-character-grid::-webkit-scrollbar{display:none}.bf-ui-grid::-webkit-scrollbar{display:none}.bf-gameplay-grid::-webkit-scrollbar{display:none}.bf-character-card{scroll-snap-align:start;flex:0 0 min(72vw,390px);height:min(115vw,610px);margin-top:0!important}.bf-ui-card,.bf-gameplay-card{scroll-snap-align:start;flex:0 0 min(68vw,350px);margin-top:0!important}.bf-ui-card .bf-card-caption,.bf-gameplay-card .bf-card-caption{opacity:1;transform:none}}@media (width<=560px){.bf-opening{min-height:680px}.bf-back{font-size:8px;top:82px;left:18px}.bf-opening-poster{object-fit:contain;width:100%;max-width:100%;height:72svh}.bf-opening-left{left:20px}.bf-opening-right{right:20px}.bf-opening-side small{display:none}.bf-series,.bf-world,.bf-b2-ui,.bf-assets,.bf-b3-characters,.bf-b2-characters,.bf-b2-gameplay,.bf-b3-ui{padding-top:90px;padding-bottom:100px}.bf-series-copy h1{margin:28px 0 50px;font-size:12vw}.bf-series-copy p,.bf-series-copy p:first-child{font-size:14px}.bf-version-switch{margin-top:65px}.bf-version-switch a{grid-template-columns:auto 1fr;min-height:130px;padding:22px 15px}.bf-version-switch a>span{font-size:54px}.bf-version-switch i{display:none}.bf-prologue{min-height:850px}.bf-prologue-copy{padding-top:130px;padding-bottom:70px}.bf-prologue-copy h2{font-size:10vw}.bf-prologue-copy p{font-size:14px}.bf-section-head>div{margin-top:24px}.bf-section-head h2{font-size:12vw}.bf-section-head p{font-size:13px}.bf-lore-grid{margin:60px 0}.bf-lore-item{padding:26px 18px}.bf-map-frame{padding:8px}.bf-map-frame figcaption{display:block}.bf-map-frame figcaption small{margin-top:8px;display:block}.bf-direction-grid{margin-top:62px}.bf-direction-item h3{font-size:23px}.bf-b2-character-grid,.bf-b3-character-grid,.bf-ui-grid,.bf-gameplay-grid{margin-top:58px}.bf-character-card{flex-basis:78vw;height:120vw;max-height:540px}.bf-ui-card,.bf-gameplay-card{flex-basis:72vw}.bf-ui-note{margin:58px 0 38px}.bf-ui-note p{font-size:13px}.bf-ui-note span{text-align:left}.bf-loop-steps{grid-template-columns:1fr;margin:58px 0}.bf-loop-step,.bf-loop-step:nth-child(3),.bf-loop-step:nth-child(4){border-top:1px solid #1e140a3d;border-left:0}.bf-loop-step:first-child{border-top:0}.bf-assets-grid{margin-top:58px}.bf-assets-grid figure{padding:9px}.bf-b3-intro-copy{padding-top:110px;padding-bottom:92vw}.bf-b3-intro-copy h2{font-size:12vw}.bf-b3-intro-copy>p{font-size:13px}.bf-b3-intro-copy>div{grid-template-columns:1fr;gap:8px}.bf-b3-hero{height:88vw}.bf-conclusion{padding-top:105px;padding-bottom:105px}.bf-conclusion h2{font-size:12vw}.bf-conclusion p{font-size:13px}.bf-lightbox{padding:70px 42px 58px}.bf-lightbox-prev,.bf-lightbox-next{width:36px;height:36px}.bf-lightbox-prev{left:5px}.bf-lightbox-next{right:5px}}@media (prefers-reduced-motion:reduce){.bf-opening-poster,.bf-character-card,.bf-ui-card,.bf-gameplay-card,.bf-b3-hero{transition:none!important;transform:none!important}}.contact{isolation:isolate}.contact-footer{flex-shrink:0}.wechat-direction{justify-content:flex-start;gap:14px;margin-top:38px}.wechat-direction svg{transform:none!important}@media (width>=901px){.contact-footer{grid-template-columns:minmax(170px,1.15fr) minmax(150px,1fr) minmax(180px,1.2fr) auto auto;gap:22px}.contact-footer div:nth-child(3){display:flex}.contact-copy{min-width:228px}}@media (width<=900px){.contact{min-height:100svh;padding-bottom:24px;overflow:visible}.contact-thanks{padding-bottom:38px}.contact-footer{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px 22px}.contact-footer div:nth-child(3){display:flex}.contact-copy{grid-area:auto/1/auto/-1;justify-content:space-between;min-width:0}.contact-top{grid-area:auto/1/auto/-1;justify-self:start}}@media (width<=560px){.contact{background-position:30%;min-height:0;padding:24px 22px}.contact-thanks{padding:clamp(320px,45svh,410px) 0 34px}.contact-footer{grid-template-columns:1fr;gap:15px;padding-top:22px}.contact-footer div:nth-child(2),.contact-footer div:nth-child(3){display:flex}.contact-copy,.contact-top{grid-area:auto}.contact-copy{width:100%;padding:12px 14px}.contact-copy strong{display:block}.contact-top{padding:5px 0}}