*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;background:#ededf0;color:#171817;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.page{width:1260px;margin:72px auto;background:#fff}header{height:70px;padding:0 36px;display:flex;align-items:center;justify-content:space-between;background:#faf8f5}.brand{font-size:17px;font-weight:600;letter-spacing:3px;display:flex;align-items:center;gap:16px}.brand span{font-size:11px;letter-spacing:2px;font-weight:400}header nav{display:flex;gap:25px;font-size:11px}header .pill{font-size:11px;padding:10px 13px 10px 18px;border-radius:25px;color:#fff;background:#1e1e1b;display:flex;gap:22px}.pill span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;color:#222;margin:-3px -6px -3px 0}.hero{height:860px;position:relative;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:50% 45%}.hero-label{position:absolute;left:38px;top:40px;color:#fff;font-size:10px;line-height:1.8;letter-spacing:2px;text-shadow:0 1px 8px #0006}.floating{position:absolute;right:150px;top:315px;width:408px;background:#f9f8f3f2;border:5px solid #fff;border-radius:16px;box-shadow:0 10px 35px #0002;display:flex;gap:18px;padding:12px}.floating>img{width:140px;height:167px;object-fit:cover;border-radius:8px}.floating>div{flex:1}.floating .micro{font-size:7px;letter-spacing:1px}.floating h3{font-size:27px;line-height:1.3;letter-spacing:-1px;font-weight:500;margin:10px 0}.floating p{font-size:9px;color:#6f706b}.floating a{font-size:9px;display:inline-block;background:#232320;color:#fff;padding:7px 12px;border-radius:16px}.hero-title{position:absolute;bottom:25px;left:28px;right:38px;display:flex;justify-content:space-between;align-items:end;color:#fff;text-shadow:0 2px 15px #0002}.hero-title h1{font-size:218px;line-height:1;letter-spacing:-14px;margin:0;font-weight:500}.hero-title>span{font-size:14px;line-height:2;letter-spacing:3px;padding-bottom:15px}section:not(.hero){padding:0 36px}.rail{font-size:10px;letter-spacing:1px;line-height:1.6}.rail>span{font-size:9px;color:#626761;letter-spacing:1.2px}.rail>p{margin-top:9px;color:#8b8e88;font-size:11px;letter-spacing:1px}.right{width:560px}.studio,.services,.writing{display:flex;justify-content:space-between}.studio{padding-top:96px!important;padding-bottom:140px!important}.intro-mark{font-size:9px;letter-spacing:2px;display:block;margin-bottom:26px;color:#8f9088}h2{font-size:42px;line-height:1.32;letter-spacing:-1.6px;font-weight:500;margin:0}.studio h2{font-size:52px;line-height:1.45;letter-spacing:-1px}.body{font-size:15px;color:#5f655d;line-height:2;margin-top:30px}.muted{font-size:11px;line-height:1.8;color:#9b9d98;letter-spacing:.2px;margin:20px 0 0}.stats{margin-top:125px;display:flex;gap:65px}.stats div{display:flex;flex-direction:column;gap:13px}.stats b{font-size:54px;font-weight:400;letter-spacing:-2px;line-height:1}.stats span{font-size:10px;color:#7c8278;letter-spacing:0}.split-heading{display:flex;justify-content:space-between;margin-bottom:60px}.approach{padding-bottom:170px!important}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.method-grid figure{height:300px;margin:0 0 22px;background:#f6f4f0;position:relative;overflow:hidden;border-radius:8px;padding:24px}.method-grid img{width:100%;height:100%;object-fit:contain}.method-grid .office-model{mix-blend-mode:multiply;transform:scale(1.18)}.method-grid .exploded{object-fit:cover;object-position:50% 57%}.dot{position:absolute;left:28px;top:27px;width:6px;height:6px;border-radius:50%;background:#c8552d;box-shadow:0 0 15px 5px #c8552d40}.micro{font-size:8px;letter-spacing:1px;color:#777e71}.method-grid h3{font-size:17px;font-weight:500;line-height:1.6;margin:10px 0}.method-grid p{font-size:11px;line-height:1.9;color:#81877b;margin:0}.works{padding-bottom:165px!important}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px 16px}.project-tag,.project-meta{display:flex;justify-content:space-between;font-size:10px;color:#73786e;padding:12px 3px}.project-tag{border-top:1px solid #e8e9e3;font-size:11px}.project-tag>span:last-child{font-size:9px;color:#a4a79e}.project img{width:100%;height:360px;object-fit:cover;border-radius:8px;display:block}.project:nth-child(3) img{object-position:center 65%}.project-meta{font-size:9px;padding-top:15px}.works-foot{border-top:1px solid #ecece7;margin-top:34px;padding-top:22px;font-size:10px;display:flex;justify-content:space-between;color:#8c9185}.services{padding-bottom:175px!important}.service-list{margin-top:45px;display:flex;flex-direction:column;gap:12px}.service-list article{padding:28px;background:#f8f6f2;border-radius:8px;min-height:190px}.service-list article>div{display:flex;align-items:center;gap:16px}.service-list article>div>span{font-size:10px;color:#8e9186}.service-list h3{font-size:23px;font-weight:500;margin:0}.service-list b{margin-left:auto;font-size:17px;font-weight:400}.service-list .micro{display:block;margin:14px 0 0 30px}.service-list p{font-size:12px;color:#858a7d;line-height:1.9;margin:26px 0 0 30px}.writing{padding-bottom:110px!important}.writing h2{font-size:35px}.journal-card{margin-top:42px;background:#171915;border-radius:10px;padding:45px 35px;position:relative;color:#fff;min-height:420px;overflow:hidden}.journal-card>img{width:100%;height:230px;object-fit:cover;opacity:.78}.journal-card>div{padding-top:20px}.journal-card .micro{color:#9ea794;font-size:8px}.journal-card h3{font-size:24px;line-height:1.4;margin:12px 0;font-weight:400}.journal-card h3 br{display:none}.journal-card>div>span:last-child{font-size:10px;color:#a8b29c}.journal-bottom{display:flex;justify-content:flex-end;align-items:center;gap:22px;padding-top:23px;color:#9ca08f;font-size:9px}.journal-bottom>div{display:flex;gap:8px}.journal-bottom button{border:1px solid #e4e7df;border-radius:50%;background:#f7f8f4;color:#8c9380;width:32px;height:32px}footer{background:#f6f3ef;padding:35px 36px 25px}.footer-top{display:flex;justify-content:space-between;font-size:10px}.footer-top nav{display:flex;gap:22px}.footer-top>span{font-size:8px;color:#929789;letter-spacing:1px}.footer-main{display:flex;justify-content:space-between;margin-top:65px;margin-bottom:80px}.footer-left{font-size:11px;color:#858b7b}.footer-left p{margin-bottom:30px}.footer-left>a{display:inline-block;margin-right:24px;border-bottom:1px solid #c7cebd;padding-bottom:5px}.footer-main h2{font-size:39px;line-height:1.5}.contact-link{display:inline-block;margin-top:26px;font-size:12px;border-bottom:1px solid #292e23;padding:0 0 9px}.footer-word{font-size:212px;letter-spacing:-12px;line-height:1.05;font-weight:600;background-image:url('assets/hero.jpg');background-size:cover;background-position:center 40%;color:transparent;background-clip:text;-webkit-background-clip:text}.footer-bottom{display:flex;justify-content:space-between;padding-top:25px;font-size:9px;color:#858a7d;border-top:1px solid #e4e2da;margin-top:10px}

/* 第二轮：视频视觉与品牌内容适配 */
section.splash{height:780px;padding:0;background:#faf7f3;display:flex;align-items:center;justify-content:center}
.splash img{width:235px;height:auto;mix-blend-mode:multiply}
.brand img{width:141px;height:auto;mix-blend-mode:multiply;filter:none}
.hero{isolation:isolate}.hero>img{object-position:center bottom}
.hero-label{top:46px;left:38px;letter-spacing:1.8px}
.hero-label>span{font-size:9px}.hero-label p{font-size:31px;line-height:1.5;letter-spacing:-.4px;margin:30px 0 0;font-weight:500;text-shadow:0 2px 12px #0005}
.hero-title{left:25px;right:25px;bottom:23px;mix-blend-mode:normal;text-shadow:none}
.hero-title h1{font-size:154px;letter-spacing:-8px;line-height:1.15;font-weight:600;white-space:nowrap;color:#fff}
.studio{padding-top:100px!important;padding-bottom:155px!important}.studio .brand-promise{font-size:55px;line-height:1.5;letter-spacing:-1.8px}
.stats{margin-top:87px}
.method-grid figure{padding:0;height:350px;background:#f7f4ef}
.method-grid .model-panel{position:absolute;width:300%;height:auto;max-width:none;top:50%;transform:translateY(-50%);object-fit:unset}
.method-grid .panel-one{left:0}.method-grid .panel-two{left:-100%}.method-grid .panel-three{left:-200%}
.project-image{width:100%;height:360px;overflow:hidden;border-radius:8px;background:#f5f3ef}
.project .project-image img{width:100%;height:100%;object-fit:cover;border-radius:0;transform:scale(1.035)}
.project:nth-child(1) .project-image img{object-position:50% 64%}
.project:nth-child(2) .project-image img{object-position:50% 55%}
.project:nth-child(3) .project-image img{object-position:50% 72%;transform:scale(1.09);transform-origin:left center}
.project:nth-child(4) .project-image img{object-position:50% 59%}
.project:nth-child(5) .project-image img{object-position:50% 68%}
.project:nth-child(6) .project-image img{object-position:50% 61%}
.footer-left p{font-size:16px;font-weight:500;color:#37352f;margin:20px 0 8px}
.footer-left>span:last-of-type{display:block;margin-bottom:26px;font-size:11px}
.footer-word{background-image:radial-gradient(ellipse at 100% 0%,#eed8d0 0%,#eed8d0 12%,#da7339 37%,transparent 64%),linear-gradient(12deg,#090706 9%,#24120d 33%,#a6401d 70%,#cc602e 100%);background-size:100% 100%;background-position:center}

.method-grid .panel-three{clip-path:inset(0 0 0 73%)}