
:root{--paper:#f1efe7;--ink:#151613;--lime:#d9ff43;--line:#c8c7bd;--blue:#071d31;--cyan:#70e1ce}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}nav{height:76px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(241,239,231,.94);backdrop-filter:blur(14px);z-index:10}.logo{font-size:23px;font-weight:900;letter-spacing:-.08em}.logo span{font-size:8px;color:#7c9f00;margin-left:5px}.navlinks{display:flex;gap:32px;font-size:13px}.download{background:var(--ink);color:white;border-radius:30px;padding:11px 18px;font-size:12px}header{padding:12vh 6vw 0;min-height:calc(100vh - 76px);overflow:hidden}.overline,.section-label,.kicker{font-size:10px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}header h1{font-size:clamp(58px,9.7vw,148px);line-height:.92;letter-spacing:-.075em;margin:35px 0 45px;font-weight:700}header h1 span{font-weight:300}.intro{margin-left:50%;max-width:520px;font-size:18px;line-height:1.7}.intro a{display:inline-flex;gap:50px;border-bottom:1px solid;margin-top:28px;padding-bottom:7px;font-size:13px}.marquee{margin:9vh -6vw 0;background:var(--lime);border-top:1px solid;border-bottom:1px solid;white-space:nowrap;overflow:hidden;padding:13px 0;font-size:11px;letter-spacing:.2em}.marquee span{display:block;width:max-content;animation:move 16s linear infinite}@keyframes move{to{transform:translateX(-50%)}}section{padding:110px 6vw}.about{display:grid;grid-template-columns:1fr 2fr;gap:5vw;border-bottom:1px solid var(--line)}h2{font-size:clamp(44px,6vw,86px);letter-spacing:-.065em;line-height:1.02;margin:16px 0 32px}.body-lg{font-size:18px;line-height:1.75;max-width:760px}.tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.tags span{border:1px solid #99998e;border-radius:40px;padding:9px 14px;font-size:12px}.project{padding-top:130px}.project-head{display:grid;grid-template-columns:1fr 2fr;gap:5vw}.period{font-size:11px;letter-spacing:.16em;color:#666}.project-head h2{font-size:clamp(70px,11vw,150px);margin:10px 0 25px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin:90px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:35px 20px;border-right:1px solid var(--line)}.stats div:last-child{border:none}.stats b{display:block;font-size:clamp(35px,4vw,65px);letter-spacing:-.06em}.stats sup{font-size:.35em}.stats span{font-size:11px;color:#666}.work-split,.editorial{display:grid;grid-template-columns:1fr 2fr;gap:5vw;margin:100px 0}.work-split h3,.editorial h3{font-size:38px;letter-spacing:-.04em;line-height:1.15}.work-split ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr}.work-split li{padding:20px 0;border-bottom:1px solid var(--line);font-size:14px}.video-head{margin:110px 0 35px}.video-head h2{margin:16px 0;font-size:55px}.video-head>p:last-child{color:#666;font-size:13px}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.vcard video,.phone video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#111}.vcard h3,.egt-grid h3{font-size:20px;margin:7px 0}.vcard .kicker{color:#6d8700;margin-top:18px}.role,.egt-grid article>p{font-size:12px;color:#686860;line-height:1.6}.egt{background:var(--blue);color:#f2f6f6}.egt .period,.egt .body-lg{color:#b3c2ca}.platform{display:grid;grid-template-columns:1fr repeat(3,1.4fr);border-top:1px solid #3b5263;border-bottom:1px solid #3b5263;margin:90px 0}.platform>p,.platform>div{padding:28px 16px;border-right:1px solid #3b5263}.platform div:last-child{border:none}.platform span{display:block;color:var(--cyan);font-size:10px;margin-bottom:18px}.platform b{font-size:14px}.editorial{margin-top:120px}.columns{columns:2;column-gap:45px;line-height:1.85;color:#b3c2ca;font-size:15px}.columns p{margin-top:0}.egt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4vw}.phone{max-width:300px;margin:auto}.egt-grid article>span{display:block;color:var(--cyan);font-size:11px;margin-top:20px}.egt-grid article>p{color:#aab9c2}.light .section-label{color:var(--cyan)}.compliance{margin-top:50px;color:#8395a0;font-size:10px}.contact{background:var(--lime)}.contact h2 i{font-weight:300}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:70px 0;border-top:1px solid #9eb72e}.contact-grid div{padding:24px 12px;border-right:1px solid #9eb72e}.contact-grid span{display:block;font-size:10px;margin-bottom:16px}.contact-grid a,.contact-grid b{font-size:15px}.resume{font-size:25px;border-bottom:2px solid;display:flex;justify-content:space-between;padding:20px 0}footer{padding:25px 6vw;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.1em;background:var(--ink);color:white}@media(max-width:820px){.navlinks{display:none}header{padding-top:9vh}header h1{font-size:16vw}.intro{margin-left:0}.about,.project-head,.work-split,.editorial{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.video-grid{grid-template-columns:1fr 1fr}.platform{grid-template-columns:1fr}.platform>p,.platform>div{border-right:0;border-bottom:1px solid #3b5263}.egt-grid{grid-template-columns:1fr}.phone{max-width:280px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid div:nth-child(2){border-right:0}footer{gap:20px;flex-wrap:wrap}}@media(max-width:480px){section{padding:80px 5vw}.video-grid{grid-template-columns:1fr 1fr;gap:10px}.vcard h3{font-size:16px}.work-split ul{grid-template-columns:1fr}.columns{columns:1}.stats b{font-size:38px}.contact-grid{grid-template-columns:1fr}.contact-grid div{border-right:0;border-bottom:1px solid #9eb72e}}
.account{margin-top:55px;display:flex;align-items:center;gap:18px;border-top:1px solid var(--line);padding:20px 0;font-size:12px}.account span,.account em{color:#6c6c64}.account code{font-family:monospace;background:#deddd4;padding:5px 8px}.account em{margin-left:auto;font-style:normal}.wide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.wide-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#111}.wide-card h3{font-size:20px;margin:7px 0}.wide-card .kicker{color:#6d8700;margin-top:18px}.video-data{border-top:1px solid var(--line);padding-top:10px;font-size:10px;color:#777}.video-grid.narrow{grid-template-columns:repeat(2,minmax(0,280px));justify-content:start}.trace{display:grid;grid-template-columns:1.5fr 1fr;gap:5vw;align-items:center;border-top:1px solid #3b5263;border-bottom:1px solid #3b5263;padding:35px 0}.trace video{width:100%;aspect-ratio:16/9;object-fit:cover;background:#000}.trace h3{font-size:34px;margin:12px 0}.trace>div>p{color:#b3c2ca;line-height:1.75}.news{margin-top:140px;display:grid;grid-template-columns:1fr 1.4fr;gap:7vw}.news h2,.seo h2{font-size:55px}.news ol{list-style:none;padding:0;margin:0}.news li{display:grid;grid-template-columns:35px 1fr auto;gap:18px;padding:23px 0;border-bottom:1px solid #3b5263;align-items:start}.news li span{color:var(--cyan);font-size:10px}.news li b{font-size:14px;line-height:1.6}.news li em{font-size:10px;color:#8fa1aa;font-style:normal}.seo{display:grid;grid-template-columns:1fr 2fr;gap:5vw;margin-top:140px;padding-top:50px;border-top:1px solid #3b5263}.seo>div>p{max-width:740px;color:#b3c2ca;line-height:1.8}.seo ul{display:grid;grid-template-columns:1fr 1fr;gap:0 30px;padding:0;list-style:none;margin-top:35px}.seo li{border-bottom:1px solid #3b5263;padding:16px 0;font-size:13px}@media(max-width:820px){.wide-grid{grid-template-columns:1fr}.trace,.news,.seo{grid-template-columns:1fr}.news{gap:30px}.account{flex-wrap:wrap}.account em{margin-left:0;width:100%}}@media(max-width:480px){.video-grid.narrow{grid-template-columns:1fr}.seo ul{grid-template-columns:1fr}.news li{grid-template-columns:30px 1fr}.news li em{display:none}}
.article-list details{border-bottom:1px solid #3b5263}.article-list summary{display:grid;grid-template-columns:35px 1fr 28px;gap:18px;padding:23px 0;align-items:start;cursor:pointer;list-style:none}.article-list summary::-webkit-details-marker{display:none}.article-list summary span{color:var(--cyan);font-size:10px}.article-list summary b{font-size:14px;line-height:1.6}.article-list summary i{font-size:22px;font-style:normal;font-weight:300;line-height:1;transition:transform .25s}.article-list details[open] summary i{transform:rotate(45deg)}.article-body{padding:5px 45px 35px 53px;max-height:560px;overflow-y:auto;color:#b3c2ca;border-top:1px solid #263e50}.article-body p{white-space:pre-wrap;font-size:13px;line-height:1.9;margin:18px 0}.article-body p:first-child{color:#f2f6f6;font-size:17px;font-weight:700}@media(max-width:480px){.article-body{padding:0 8px 25px 30px;max-height:500px}.article-list summary{grid-template-columns:25px 1fr 22px;gap:8px}}
