*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:76px}body{margin:0;color:#242622;background:#f7f7f3;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}header{height:65px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:#f7f7f3f2;border-bottom:1px solid #d7d9d0;position:sticky;top:0;z-index:20;font-size:12px}nav{display:flex;gap:25px}.hero{height:calc(100svh - 65px);min-height:560px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero h1{font-size:clamp(44px,12.8vw,200px);letter-spacing:-.065em;z-index:2;font-weight:650;margin:0}.hero-label{position:absolute;top:59%;font-size:12px}.floating{position:absolute;border:1px dashed #b6bab0;background:#e7e9e1;width:17vw;height:12vw;min-width:90px;min-height:70px;display:grid;place-items:center;font-size:11px;color:#7c8077}.f1{top:8%;left:12%;transform:rotate(-10deg)}.f2{top:9%;right:8%;transform:rotate(9deg)}.f3{bottom:11%;left:6%;transform:rotate(7deg)}.f4{bottom:8%;right:17%;transform:rotate(-7deg)}.cursor{position:absolute;font-size:60px}.c1{top:27%;left:39%;transform:rotate(15deg)}.c2{bottom:19%;right:8%;transform:rotate(-20deg)}.browser-icon{position:absolute;bottom:11%;left:43%;width:100px;border:1px solid #8e9486;transform:rotate(8deg);background:#f0f1eb}.browser-icon div{border-bottom:1px solid #8e9486;font-size:9px;padding:5px}.browser-icon span{display:block;text-align:center;padding:10px;font-size:25px}.scroll{position:absolute;bottom:22px;font-size:12px}.page{padding:65px 5vw;min-height:95svh;border-top:1px solid #d6d9cd}.section-label{font-size:11px;color:#71776a;letter-spacing:1px;margin-bottom:35px}h2{font-size:clamp(32px,4vw,56px);line-height:1.25;font-weight:550;letter-spacing:-1.5px;margin:15px 0 30px}p{line-height:1.85;font-size:14px}h3{font-weight:550}.overview{display:flex;flex-direction:column}.laptop{width:100%;max-width:1220px;margin:auto;position:relative;padding:0 15px}#laptop-toggle{display:flex;width:82%;margin:65px auto 0;aspect-ratio:1.85;border:2px solid #999f91;border-radius:20px 20px 5px 5px;background:#dddED7;align-items:center;justify-content:center;flex-direction:column;gap:35px}.lid-word{letter-spacing:5px;font-size:clamp(16px,2.5vw,34px)}#toggle-label{font-size:13px}.laptop-base{height:17px;background:#c7cbbf;border:1px solid #a4aa9a;border-radius:2px 2px 50% 50%;margin:0 auto;width:95%}.screen{background:#fbfbf8;border:10px solid #363a32;border-radius:18px 18px 3px 3px}.screen-bar{padding:12px 18px;border-bottom:1px solid #dedfd8;display:flex;justify-content:space-between;align-items:center;font-size:10px}.screen-bar button{border:0;background:transparent}.profile-grid{padding:35px;display:grid;grid-template-columns:2fr 1fr;gap:40px}.profile-copy h2{margin:15px 0}.profile-copy h3{margin-top:35px;padding-bottom:12px;border-bottom:1px solid #d5d8cd}.eyebrow,small{font-size:10px;color:#72796a}.lead{font-size:17px}.portrait{aspect-ratio:3/4;display:grid;align-content:center;text-align:center;border:1px dashed #b2b7a8;background:#e7eae0;font-size:22px;position:sticky;top:95px;align-self:start;gap:15px}.job h4{font-size:17px;margin:10px 0}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.metrics a{padding:20px 14px;border:1px solid #bfc6b4;display:flex;flex-direction:column;gap:10px;background:#edf0e6}.metrics strong{font-size:27px;font-weight:550}.metrics span{font-size:11px}.caption{font-size:10px;color:#7a8072}.next{display:block;text-align:center;margin-top:35px;font-size:12px}.laptop.is-open #laptop-toggle{display:none}.project-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-links a{border:1px solid #b7bead;min-height:240px;padding:30px;display:flex;flex-direction:column}.project-links h3{font-size:25px;margin:25px 0 8px}.project-links p{margin:0}.project-links span{margin-top:auto;padding-top:30px;font-size:12px}.project-links a:hover,.metrics a:hover{background:#e0e6d7}.case-page .case-heading{max-width:900px}.case-sub{color:#72796a}.result-strip{display:flex;flex-wrap:wrap;gap:15px;margin:30px 0}.result-strip div{border:1px solid #c5cbbd;padding:20px 28px;min-width:180px}.result-strip strong{font-size:32px;display:block;font-weight:550}.result-strip span{font-size:11px;display:block;margin-top:8px}.case-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:45px}.case-copy h3{font-size:18px;margin:30px 0 10px}.case-copy p{margin:7px 0}.media-placeholder{border:1px dashed #aeb6a3;background:#e9ece4;min-height:220px;display:grid;place-items:center;color:#7c8571;font-size:12px;text-align:center;padding:20px}.case-media{display:grid;gap:20px;align-content:start;padding-top:30px}.case-note{border-top:1px solid #d3d8cb;padding-top:18px;font-size:11px;color:#737b68;margin-top:30px}.case-nav{display:flex;justify-content:space-between;font-size:12px;margin-top:40px}.ai-part{padding-top:25px;margin-top:30px;border-top:1px solid #d0d5c7}.ai-part>h3{font-size:26px}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:40px}.wide{grid-column:1/-1;min-height:340px}footer{display:flex;justify-content:space-between;padding:30px 5vw;border-top:1px solid #ccd2c1;font-size:11px}a:focus-visible,button:focus-visible{outline:3px solid #788967;outline-offset:5px}[hidden]{display:none!important}@media(max-width:700px){header{padding:0 4vw;font-size:10px}nav{gap:14px}.hero{min-height:500px}.hero-label{top:55%;font-size:10px}.cursor{font-size:36px}.browser-icon{width:65px;left:42%}.page{padding:45px 5vw}.laptop{padding:0}#laptop-toggle{width:95%;margin-top:60px;aspect-ratio:1.4;gap:22px;border-radius:12px}.screen{border-width:5px}.profile-grid{grid-template-columns:1fr;padding:20px;gap:25px}.portrait{grid-row:1;position:static;width:45%;justify-self:end;min-height:130px;font-size:16px}.profile-copy h2{font-size:38px}.lead{font-size:15px}.metrics a{padding:15px 10px}.metrics strong{font-size:24px}.project-links{gap:12px}.project-links a{padding:18px;min-height:210px}.project-links h3{font-size:20px}.project-links p{font-size:12px}.case-layout{grid-template-columns:1fr;gap:12px}.result-strip{gap:8px}.result-strip div{min-width:0;flex:1 1 40%;padding:15px}.result-strip strong{font-size:26px}.personal-grid{gap:12px}.personal-grid .media-placeholder{min-height:170px}.personal-grid .wide{min-height:240px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Homepage visual study */
.hero{isolation:isolate;background-color:#fff;background-image:linear-gradient(to right,#e5e5e580 1px,transparent 1px),linear-gradient(to bottom,#e5e5e580 1px,transparent 1px);background-size:80px 80px;min-height:650px}.hero h1{font-size:clamp(50px,14.6vw,240px);font-weight:800;letter-spacing:-.075em;position:relative;z-index:3;line-height:1;animation:title-in .9s both}.hero-label{top:64%;z-index:5;background:#ffffffc9;padding:7px 12px;border-radius:20px}.floating,.browser-icon,.cursor{display:none}.scene-item{position:absolute;will-change:transform;transform:translate(var(--mx,0px),var(--my,0px));z-index:4;animation:scene-in .9s both;animation-delay:var(--delay,0s)}.scene-item .float-inner{animation:drift var(--duration,7s) ease-in-out infinite alternate;animation-delay:var(--delay,0s)}.window{width:260px;border:1.5px solid #d7d7d7;border-radius:12px;background:#fcfcfc;box-shadow:0 3px 10px #00000004;overflow:hidden}.window-top{height:26px;border-bottom:1px solid #ddd;padding:8px 12px;display:flex;gap:5px}.window-top i{display:block;width:7px;height:7px;border:1px solid #d3d3d3;border-radius:50%}.window-body{padding:20px;display:flex;gap:14px}.skeleton-avatar{width:36px;height:36px;border-radius:50%;background:#ececec;margin-bottom:12px}.skeleton-line{height:7px;background:#ececec;border-radius:10px;width:62px;margin-bottom:8px}.skeleton-line.short{width:40px}.skeleton-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;flex:1}.skeleton-grid i{height:65px;background:#ececec;border-radius:5px}.scene-browser{left:3%;top:13%;--delay:.15s;--duration:8s;z-index:2}.scene-browser .window{transform:rotate(7deg)}.scene-list{left:28%;bottom:7%;--delay:.5s;z-index:2}.scene-list .window{transform:rotate(5deg);width:270px}.list-lines{padding:22px;display:grid;gap:15px}.list-lines span{height:10px;background:#eee;border-radius:15px}.list-lines span:nth-child(2){width:75%}.list-lines span:nth-child(3){width:90%}.scene-code{right:13%;bottom:5%;--delay:.65s;z-index:2}.scene-code .window{transform:rotate(-7deg);width:265px}.scene-code pre{font:11px/1.5 monospace;color:#c4c4c4;padding:10px 20px;white-space:pre-wrap}.tool-tile{width:66px;height:66px;border-radius:16px;background:white;box-shadow:0 2px 7px #00000012;display:grid;place-items:center;border:1px solid #f7f7f7;font-size:35px;font-weight:750}.scene-tool1{left:36%;top:9%;--delay:.25s}.scene-tool2{right:29%;top:8%;--delay:.3s}.scene-tool3{left:25%;top:39%;--delay:.4s}.scene-tool4{left:21%;bottom:18%;--delay:.55s}.tool-letter{font-family:Georgia,serif;border:2px solid #111;line-height:1;padding:2px 5px;transform:rotate(-7deg)}.tool-orb{width:38px;height:38px;background:#181818;color:#fff;border-radius:50%;font-size:19px;display:grid;place-items:center}.figma-mark{width:26px;display:grid;grid-template-columns:13px 13px}.figma-mark i{width:13px;height:13px;background:#f24e1e;border-radius:7px 0 0 7px}.figma-mark i:nth-child(2){background:#ff7262;border-radius:0 7px 7px 0}.figma-mark i:nth-child(3){background:#a259ff}.figma-mark i:nth-child(4){background:#1abcfe;border-radius:50%}.figma-mark i:nth-child(5){background:#0acf83;border-radius:7px 0 7px 7px}.scene-toggle{left:44%;top:22%;--delay:.4s}.ai-toggle{display:flex;gap:24px;align-items:center;background:#fff;border-radius:35px;padding:17px 20px;box-shadow:0 2px 8px #0000000d;font-size:15px}.switch{width:46px;height:27px;border-radius:20px;background:#086dff;position:relative}.switch:after{content:'';position:absolute;right:2px;top:2px;width:23px;height:23px;background:white;border-radius:50%}.scene-notification{right:13%;top:29%;--delay:.6s}.notification{display:flex;gap:13px;align-items:center;padding:14px 20px;background:#fffffff2;box-shadow:0 3px 10px #00000010;border-radius:25px 25px 25px 0;font-size:13px;min-width:300px;backdrop-filter:blur(8px)}.notification strong{font-size:12px}.notification small{font-size:11px;color:#999;margin-left:9px}.notification p{margin:4px 0 0;font-size:13px;line-height:1.4}.scene-notification2{left:48%;bottom:24%;--delay:.7s}.scene-photo{right:-3%;top:13%;--delay:.35s;z-index:1}.photo-frame{width:310px;height:240px;border:1px solid #d2d2d2;padding:7px;border-radius:12px;background:white;transform:rotate(-4deg)}.photo-placeholder{height:100%;background:#e7e7e1;display:grid;place-items:center;color:#9a9c90;font-size:12px;border:1px dashed #c4c7bb}.scene-device{left:-5%;bottom:14%;--delay:.35s;z-index:5}.device{width:295px;transform:rotate(-6deg)}.device-screen{border:7px solid #222;border-radius:12px 12px 0 0;height:205px;background:#e0e3dc;padding:8px}.device-base{height:12px;background:linear-gradient(#d5d6d2,#a4a7a0);width:110%;margin-left:-5%;border-radius:0 0 40% 40%}.scene-phone{right:-1%;bottom:18%;--delay:.5s;z-index:5}.phone{height:255px;width:126px;border:5px solid #222;box-shadow:0 0 0 2px #ccc;border-radius:24px;background:white;padding:35px 10px 15px;transform:rotate(6deg);position:relative}.phone:before{content:'';position:absolute;top:7px;left:35px;right:35px;height:12px;background:#222;border-radius:10px}.phone .photo-placeholder{font-size:10px}.collab{position:absolute;z-index:8;pointer-events:none;animation:collab-drift 8s ease-in-out infinite alternate;color:var(--color);filter:drop-shadow(0 1px 2px #0002)}.collab svg{width:23px;height:28px;display:block;fill:currentColor;stroke:#fff;stroke-width:2}.collab span{display:block;background:var(--color);color:white;padding:3px 7px;border-radius:5px;font-size:12px;margin:0 0 0 16px;white-space:nowrap}.collab1{left:33%;top:5%;--color:#df3ccd}.collab2{left:40%;top:26%;--color:#7760f5;animation-delay:-3s}.collab3{right:18%;bottom:29%;--color:#f35c3e;animation-delay:-5s}.collab4{left:54%;bottom:26%;--color:#13a5ef;animation-delay:-2s}.selection-box{position:absolute;left:10%;right:10%;top:40%;height:23%;border:1px dashed #d5d5d5;z-index:1}.selection-box i{position:absolute;background:#fff;border:1px solid #ccc;width:9px;height:9px}.selection-box i:nth-child(1){top:-5px;left:-5px}.selection-box i:nth-child(2){top:-5px;right:-5px}.selection-box i:nth-child(3){bottom:-5px;left:-5px}.selection-box i:nth-child(4){bottom:-5px;right:-5px}.hero .scroll{z-index:9;background:#fff;border-radius:20px;padding:8px 15px}@keyframes drift{from{translate:0 -6px}to{translate:0 7px}}@keyframes collab-drift{from{transform:translate(-5px,-5px)}to{transform:translate(8px,6px)}}@keyframes scene-in{from{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes title-in{from{opacity:0;translate:0 22px}to{opacity:1;translate:0 0}}@media(max-width:700px){.hero{min-height:620px;background-size:55px 55px}.hero h1{font-size:13vw}.hero-label{top:57%;font-size:9px}.scene-browser{left:-14%;top:11%}.scene-browser .window{width:165px}.skeleton-grid i{height:38px}.window-body{padding:12px;gap:7px}.skeleton-line{width:35px}.scene-photo{right:-17%;top:14%}.photo-frame{width:180px;height:150px}.scene-device{left:-14%;bottom:15%}.device{width:195px}.device-screen{height:135px}.scene-phone{right:-5%;bottom:13%}.phone{width:90px;height:178px;border-width:4px;padding:28px 5px 10px}.phone:before{left:22px;right:22px;height:9px}.scene-tool1{left:43%;top:6%}.scene-tool2{right:17%;top:34%}.scene-tool3{left:15%;top:34%}.tool-tile{width:43px;height:43px;font-size:24px;border-radius:11px}.scene-tool4,.scene-list,.scene-code,.scene-toggle,.scene-notification2,.collab4{display:none}.scene-notification{left:25%;right:auto;top:auto;bottom:11%}.notification{min-width:0;width:190px;padding:10px;gap:8px;border-radius:17px 17px 17px 0}.notification p{font-size:10px}.notification strong{font-size:10px}.notification small{display:none}.tool-orb{width:28px;height:28px;font-size:14px;flex-shrink:0}.collab span{font-size:9px}.collab1{left:29%;top:10%}.collab2{left:6%;top:29%}.collab3{right:13%;bottom:36%}.selection-box{left:4%;right:4%;top:45%;height:12%}}@media(prefers-reduced-motion:reduce){.scene-item,.scene-item .float-inner,.hero h1,.collab{animation:none!important;transform:none!important}}
/* Continuous document grid and a more spacious hero */
body{background-color:#fff;background-image:linear-gradient(to right,#e5e5e580 1px,transparent 1px),linear-gradient(to bottom,#e5e5e580 1px,transparent 1px);background-size:80px 80px}
.hero{background:transparent}.page{background:transparent;border-top:0}.hero-label{z-index:12;top:65%;white-space:nowrap;background:#fffffff2;padding:9px 18px}.scene-item{scale:.78}.scene-browser{left:1%;top:10%;transform-origin:top left}.scene-photo{right:-1%;top:10%;transform-origin:top right}.scene-device{left:-3%;bottom:12%;transform-origin:bottom left}.scene-phone{right:0;bottom:12%;transform-origin:bottom right}.scene-list{left:23%;bottom:5%;transform-origin:bottom left}.scene-code{right:12%;bottom:4%;transform-origin:bottom right}.scene-tool1{left:36%;top:8%}.scene-tool2{right:29%;top:8%}.scene-tool3{left:24%;top:30%}.scene-tool4{left:18%;bottom:16%}.scene-toggle{left:44%;top:19%}.scene-notification{right:11%;top:27%}.scene-notification2{left:44%;bottom:14%}.hero h1{font-size:clamp(50px,13.6vw,220px)}.collab{animation:none;transition:none;left:0;top:0;right:auto;bottom:auto;will-change:transform}.selection-box{top:41%;height:21%}
@media(max-width:700px){body{background-size:55px 55px}.hero{background:transparent}.hero h1{font-size:13vw}.hero-label{top:58%;font-size:9px;padding:7px 8px}.scene-browser{left:-10%;top:12%}.scene-photo{right:-10%;top:14%}.scene-device{left:-10%;bottom:13%}.scene-phone{right:-2%;bottom:12%}.scene-tool1{left:43%;top:6%}.scene-tool2{right:17%;top:31%}.scene-tool3{left:15%;top:31%}.scene-notification{left:29%;right:auto;top:auto;bottom:8%}.selection-box{top:45%;height:12%}}
.scene-item{--scene-scale:.78}@keyframes scene-in{from{opacity:0;scale:.72}to{opacity:1;scale:var(--scene-scale,1)}}
/* Apply pointer offsets separately from each card's rotation and floating animation. */
.scene-item{transform:translate(var(--mx,0px),var(--my,0px))}
/* Personal overview: silver standby display and blue/green editorial folders. */
.overview{padding-top:65px;padding-bottom:75px}.laptop{max-width:1260px}.laptop:not(.is-open){padding-bottom:20px}#laptop-toggle{position:relative;overflow:hidden;width:88%;aspect-ratio:1.8;margin:25px auto 0;border:9px solid #27292c;border-bottom-width:22px;border-radius:19px 19px 5px 5px;background:radial-gradient(ellipse at 68% 28%,#f9fafc 0%,#dce0e5 28%,#b5bcc6 54%,#8d97a6 100%);box-shadow:0 0 0 2px #bfc4ca,0 15px 45px #27344715;gap:12px;color:#fff;text-shadow:0 1px 14px #47556c40;transition:box-shadow .25s}#laptop-toggle:hover{box-shadow:0 0 0 2px #bfc4ca,0 20px 55px #27344725}#laptop-toggle:before{content:'';position:absolute;top:0;width:85px;height:13px;background:#27292c;border-radius:0 0 9px 9px}#laptop-toggle:after{content:'MacBook';position:absolute;bottom:-17px;font-size:8px;color:#bbb;letter-spacing:1px}.standby-clock{font-size:clamp(40px,7vw,100px);font-weight:750;letter-spacing:-5px;margin-bottom:18px;opacity:.85}.lid-word{font-size:clamp(25px,3vw,45px);font-weight:650;letter-spacing:5px}.standby-en{font-size:10px;letter-spacing:4px;opacity:.8}#toggle-label{margin-top:28px;padding:10px 18px;border:1px solid #ffffff70;border-radius:25px;background:#ffffff20;font-size:12px;backdrop-filter:blur(12px)}.laptop-base{position:relative;background:linear-gradient(180deg,#f2f3f5 0%,#c5c9ce 35%,#a5abb3 75%,#d2d5da 100%);height:19px;width:98%;border:1px solid #b6bcc3;box-shadow:0 10px 15px #0000000a}.laptop-base:before{content:'';position:absolute;top:0;left:44%;width:12%;height:6px;border-radius:0 0 7px 7px;background:#a9afb7}.screen{border:8px solid #c6cad0;border-bottom-width:14px;background:#f0f0ef;border-radius:19px 19px 4px 4px;box-shadow:0 15px 40px #00000012;overflow:hidden;animation:profile-arrive .5s ease-out}.screen-bar{background:#f0f0ef;border-bottom:0;color:#3578db;padding:14px 22px;letter-spacing:1px}.screen-bar button{color:#3578db;font-size:11px}.profile-banner{background:#3476ee;color:#fff;padding:25px 30px 28px;position:relative;border-radius:0 0 48px 0;display:flex;flex-direction:column}.profile-banner>span{font-size:clamp(20px,3.7vw,49px);font-weight:850;line-height:1;letter-spacing:-1.8px}.profile-banner strong{font-size:clamp(26px,3.5vw,46px);letter-spacing:-1px;margin-top:10px}.profile-banner strong span{font-size:17px;vertical-align:top;margin-left:6px}.profile-banner>small{position:absolute;right:32px;bottom:30px;color:#fff;font-size:12px;letter-spacing:2px}.profile-grid{padding:30px;gap:30px;grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.profile-copy{min-width:0}.profile-copy .eyebrow{color:#397ddb;letter-spacing:1px;font-weight:550;font-size:9px}.profile-copy h2{color:#3678df;font-size:49px;font-weight:800;letter-spacing:-2px;margin:12px 0}.profile-copy .lead{font-weight:650;color:#3678df;font-size:16px}.profile-copy p{font-size:13px;line-height:1.85}.profile-copy h3.folder-heading{position:relative;background:#3476ee;color:#fff;margin:38px -1px 20px;padding:22px 20px 18px;border:0;border-radius:0 22px 0 0;box-shadow:0 5px 9px #00000012;font-size:25px;font-weight:750}.folder-heading:before{content:'';position:absolute;top:-15px;left:0;width:140px;height:20px;background:inherit;border-radius:17px 23px 0 0}.folder-heading>span{display:block;font-size:9px;font-weight:400;letter-spacing:1px;margin-bottom:6px}.profile-copy h3.education{background:#35c62d}.job{padding:12px 0}.job small{color:#397bd6;letter-spacing:1px}.job h4{font-size:18px;color:#2e70d2;font-weight:750}.metrics{gap:10px}.metrics a{background:#f5f5f3;color:#3379e3;border:0;border-radius:13px;padding:17px 15px;box-shadow:3px 4px 8px #00000014,-3px -3px 7px #ffffff}.metrics a:hover{background:#3476ee;color:white}.metrics strong{font-weight:800;font-size:28px;letter-spacing:-1px}.metrics span{font-size:10px}.profile-copy .caption{font-size:10px;color:#818b92}.portrait{background:#e3e6e9;border:1px dashed #a8b8cb;border-radius:20px 20px 0 20px;box-shadow:6px 7px 12px #00000012;color:#3678df;font-weight:650;top:90px}.portrait small{color:#6796d1}.laptop.is-open .laptop-base{width:100%}@keyframes profile-arrive{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:700px){#laptop-toggle{width:95%;aspect-ratio:1.35;border-width:6px;border-bottom-width:16px;gap:10px}.standby-clock{font-size:48px;letter-spacing:-3px;margin-bottom:6px}.lid-word{font-size:26px}.standby-en{font-size:8px;letter-spacing:2px}#toggle-label{font-size:10px;margin-top:15px;padding:8px 10px}.laptop-base{height:13px}.screen{border-width:4px;border-bottom-width:9px}.screen-bar{padding:12px 10px;font-size:8px;letter-spacing:0}.profile-banner{padding:22px 18px;border-radius:0 0 30px 0}.profile-banner>span{font-size:clamp(18px,5vw,32px);letter-spacing:-1px}.profile-banner strong{font-size:29px}.profile-banner>small{position:static;margin-top:14px;font-size:9px}.profile-grid{grid-template-columns:1fr;padding:20px;gap:20px}.portrait{grid-row:1;width:45%;min-height:145px;border-radius:15px 15px 0 15px}.profile-copy h2{font-size:39px}.profile-copy h3.folder-heading{font-size:22px;padding:18px}.profile-copy .lead{font-size:14px}.metrics strong{font-size:24px}}@media(prefers-reduced-motion:reduce){.screen{animation:none}}
/* Responsive standby typography and translucent profile glass. */
#laptop-toggle{padding:30px 18px;gap:10px}.standby-clock{font-size:clamp(30px,5vw,70px);line-height:1;letter-spacing:-2px;margin-bottom:10px;flex-shrink:0}
.screen{background:linear-gradient(135deg,#ffffff8c,#eef3fc66 45%,#ffffffa8);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);border-color:#dbe2e8a6;box-shadow:inset 1px 1px 1px #ffffffd9,inset -1px -1px 2px #ffffff80,0 18px 48px #263c5d19}
.screen-bar{background:#ffffff30}.profile-grid{background:linear-gradient(115deg,#ffffff35,#dfebff18 55%,#ffffff45)}.profile-banner{background:linear-gradient(115deg,#3476eef0,#3476eec9);box-shadow:inset 0 1px 0 #ffffff65}.metrics a{background:linear-gradient(135deg,#ffffffb8,#f0f5ff66);border:1px solid #ffffffb0;box-shadow:inset 1px 1px 1px #fff,3px 5px 12px #54739a12;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.portrait{background:linear-gradient(140deg,#e4edfc70,#ffffff40);box-shadow:inset 1px 1px 1px #ffffffc0,6px 7px 18px #42628a12}.project-results-label{font-size:14px;color:#3476df;margin:20px 0 12px;font-weight:650}.education-label{font-size:15px;color:#3379db;margin:20px 0 10px;font-weight:700}.education-divider{width:58px;margin:25px 0;border:0;border-top:2px solid #80a4dd80}
@media(max-width:700px){#laptop-toggle{padding:25px 12px 20px;gap:8px}.standby-clock{font-size:clamp(26px,7vw,43px);margin-bottom:6px;letter-spacing:-1.5px}.lid-word{font-size:clamp(20px,5vw,26px);line-height:1.2}.standby-en{line-height:1.4}#toggle-label{margin-top:12px;font-size:clamp(8px,2.5vw,10px);white-space:nowrap}.screen{backdrop-filter:blur(15px) saturate(135%);-webkit-backdrop-filter:blur(15px) saturate(135%)}}
.portrait{display:block;overflow:hidden;border:1px solid #ffffffb0;aspect-ratio:896/1200;min-height:0;padding:0}.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.portrait small{display:none}@media(max-width:700px){.portrait{min-height:0;aspect-ratio:896/1200}}
/* Project index folders */
.project-links{gap:42px 30px;margin-top:55px}.project-links>a{--folder-color:#3476ee;position:relative;isolation:isolate;background:var(--folder-color);color:#fff;border:0;border-radius:0 23px 23px 23px;min-height:260px;padding:30px;box-shadow:0 10px 22px #263b5b18,inset 0 1px 0 #ffffff35;transition:transform .2s,box-shadow .2s}.project-links>a:before{content:'';position:absolute;left:0;top:-19px;width:43%;height:25px;background:var(--folder-color);border-radius:18px 25px 0 0;z-index:-1}.project-links>a:after{content:'';position:absolute;top:-9px;right:18px;left:46%;height:9px;background:#ffffff95;border-radius:7px 7px 0 0;z-index:-2;box-shadow:0 -5px 0 -1px #e6e9ed}.project-links>a:nth-child(2){--folder-color:#34383d}.project-links>a:nth-child(3){--folder-color:#dd4146}.project-links>a:nth-child(4){--folder-color:#8154cf}.project-links>a:hover{background:var(--folder-color);transform:translateY(-5px);box-shadow:0 16px 28px #263b5b24}.project-links small{color:#ffffffbd;letter-spacing:1px}.project-links h3{font-size:clamp(21px,2.5vw,35px);font-weight:750;letter-spacing:-.7px;margin-top:28px}.project-links p{color:#ffffffcf}.project-links span{border-top:1px solid #ffffff45;margin-top:auto;padding-top:16px;display:flex;justify-content:space-between}.project-links a:focus-visible{outline-color:var(--folder-color)}@media(max-width:700px){.project-links{gap:38px 16px;margin-top:45px}.project-links>a{padding:20px 16px;min-height:225px;border-radius:0 17px 17px 17px}.project-links>a:before{width:57%;border-radius:13px 20px 0 0}.project-links>a:after{left:60%;right:12px}.project-links h3{font-size:20px;line-height:1.4;letter-spacing:-.5px}.project-links small{font-size:9px;letter-spacing:0}}@media(prefers-reduced-motion:reduce){.project-links>a{transition:none}.project-links>a:hover{transform:none}}
/* Case studies — editorial folders, evidence windows and narrative diagrams. */
.case-page{--accent:#3476ee;--tint:#edf3ff;padding-top:60px;padding-bottom:60px}#franke{--accent:#34383d;--tint:#eef0f2}#alinamin{--accent:#dd4146;--tint:#fff0f0}#ai{--accent:#8154cf;--tint:#f5efff}.case-sheet{max-width:1320px;margin:auto;border:1px solid #ffffffc9;border-radius:25px;background:#f7f8faad;backdrop-filter:blur(14px);box-shadow:8px 12px 30px #27394d13,inset 1px 1px 0 #fff;overflow:hidden}.sheet-toolbar{padding:17px 28px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:var(--accent);background:#ffffff77}.sheet-header{padding:35px 36px 30px;background:var(--accent);color:white;border-bottom-right-radius:65px;position:relative}.sheet-kicker{font-size:10px;letter-spacing:2px;color:#ffffffb0}.sheet-header .case-sub{color:#ffffffc0;font-size:11px;margin-top:22px}.sheet-header h2{font-size:clamp(26px,3vw,43px);font-weight:750;letter-spacing:-1px;line-height:1.4;margin:12px 0 0}.sheet-body{padding:0 36px 30px}.case-page .result-strip{margin:28px 0 36px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}#alinamin .result-strip{grid-template-columns:repeat(2,minmax(0,1fr))}#ai .result-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.case-page .result-strip>div{background:#ffffff9c;border:1px solid #ffffffb0;box-shadow:3px 5px 10px #263a5c0c;border-radius:15px;min-width:0;padding:23px 18px;color:var(--accent)}.case-page .result-strip strong{font-size:clamp(25px,3vw,39px);font-weight:800;letter-spacing:-1.5px}.case-page .result-strip span{font-size:10px;line-height:1.6;color:#75808d}.editorial-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:25px;margin:25px 0}.story-pane{margin:25px 0;background:#ffffff80;border:1px solid #ffffffc9;border-radius:0 20px 20px 20px;box-shadow:3px 6px 12px #2f3b5109;position:relative}.editorial-grid>.story-pane{margin:0}.pane-tab{background:var(--accent);border-radius:14px 23px 0 0;padding:10px 17px;color:white;font-size:10px;letter-spacing:.7px;display:flex;justify-content:space-between;width:min(100%,320px);position:relative;margin-top:-1px;margin-left:-1px}.pane-tab span{font-size:13px;opacity:.7}.pane-content{padding:22px}.pane-content h3{color:var(--accent);font-size:clamp(21px,2vw,28px);font-weight:750;line-height:1.45;letter-spacing:-.7px;margin:0 0 16px}.pane-content p{font-size:13px;color:#56606b;line-height:1.9;margin:10px 0}.challenge-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:19px}.challenge-tags span{background:var(--tint);color:var(--accent);font-size:10px;border-radius:15px;padding:7px 10px}.evidence-slot{border:2px solid var(--accent);border-radius:16px;margin:25px 0;background:#ffffff50;overflow:hidden}.evidence-chrome{background:var(--accent);color:white;font-size:9px;padding:9px 12px;display:flex;justify-content:space-between;letter-spacing:1px}.evidence-chrome span{font-size:8px;opacity:.65}.evidence-empty{min-height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--tint),#ffffff80);padding:25px;gap:13px;text-align:center}.evidence-empty>span{color:var(--accent);opacity:.4;font-size:35px;font-weight:300}.evidence-empty strong{font-size:12px;color:var(--accent);font-weight:500}.evidence-empty small{font-size:9px;color:#8a939d}.editorial-grid>.evidence-slot{margin:0}.strategy-timeline{border-left:2px solid var(--accent);padding-left:22px}.strategy-timeline>div{position:relative;padding:0 0 20px}.strategy-timeline>div:last-child{padding-bottom:0}.strategy-timeline>div:before{content:'';position:absolute;left:-28px;top:3px;width:10px;height:10px;background:var(--accent);border:2px solid white;border-radius:50%}.strategy-timeline small{color:var(--accent);font-size:10px}.strategy-timeline h3{font-size:24px;margin:10px 0}.strategy-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.strategy-steps>div{border-top:1px solid #bbc5d280;padding-top:15px}.strategy-steps b{color:var(--accent);font-size:25px;font-weight:800;opacity:.6}.strategy-steps h4{font-size:14px;color:var(--accent);margin:12px 0 7px}.strategy-steps p{font-size:11px}.journey{display:flex;gap:9px;align-items:stretch}.journey>span{flex:1;min-width:0;background:var(--tint);color:var(--accent);padding:17px 12px;border-radius:10px;font-size:12px;line-height:1.7;position:relative}.journey>span:not(:last-child):after{content:'→';position:absolute;right:-10px;top:50%;z-index:1;font-weight:700}.journey small{display:block;color:var(--accent);opacity:.55;margin-bottom:8px;font-size:9px}.journey.compact{flex-wrap:wrap}.journey.compact>span{font-size:10px;padding:12px 8px}.contribution-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.contribution-list>div{display:flex;align-items:start;gap:12px}.contribution-list small{font-size:22px;color:var(--accent);font-weight:750;opacity:.5}.contribution-list p{margin:0;font-size:12px}.concept-spread{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:center;padding:20px 0}.concept-spread>div>small{font-size:9px;letter-spacing:2px;color:var(--accent)}.concept-spread h3{font-size:clamp(35px,5vw,65px);font-weight:750;line-height:1.2;letter-spacing:-2px;color:var(--accent);margin:20px 0}.concept-spread p{font-size:14px;color:#626d77}.concept-spread .evidence-empty{min-height:330px}.asset-chain{display:flex;align-items:center;gap:10px;margin:20px 0}.asset-chain span{background:var(--tint);color:var(--accent);padding:13px 10px;font-size:11px;border-radius:10px;flex:1;text-align:center}.asset-chain b{color:var(--accent);font-size:14px}.insight-number{font-size:clamp(40px,5vw,65px);color:var(--accent);letter-spacing:-3px;font-weight:800}.insight-number small{display:block;font-size:11px;letter-spacing:0;font-weight:400;margin:7px 0 20px;color:var(--accent)}.dual-strategy{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dual-strategy>div+div{border-left:1px solid #ccd0d7;padding-left:20px}.dual-strategy small{font-size:8px;color:var(--accent);letter-spacing:1px}.dual-strategy h3{font-size:29px;margin:15px 0 8px}.dual-strategy strong{color:var(--accent);font-size:13px}.scenario-row{display:flex;flex-wrap:wrap;gap:10px}.scenario-row span{flex:1;text-align:center;padding:15px 8px;border:1px solid var(--accent);color:var(--accent);font-size:12px;border-radius:30px}.ai-chapter{padding:15px 0 25px}.ai-chapter+.ai-chapter{border-top:1px solid #b3a2d050;margin-top:20px;padding-top:35px}.chapter-title{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.chapter-title>b{font-size:60px;color:var(--accent);line-height:1;font-weight:800}.chapter-title small{font-size:9px;letter-spacing:1px;color:var(--accent)}.chapter-title h3{font-size:clamp(21px,2.5vw,32px);color:var(--accent);margin:8px 0}.status-tag{display:inline-block;background:var(--tint);color:var(--accent)!important;padding:8px 12px;border-radius:20px;font-size:10px!important}.case-page .case-note{font-size:10px;color:#7f8792;border-color:#bfc6d380;line-height:1.8}.case-nav{color:var(--accent);border-top:1px solid #bac3d350;padding-top:22px}.case-page .section-label{max-width:1320px;margin-left:auto;margin-right:auto;color:var(--accent)}@media(max-width:700px){.case-page{padding:40px 4vw}.case-sheet{border-radius:18px}.sheet-toolbar{padding:13px 15px;font-size:8px;letter-spacing:0}.sheet-toolbar>span:last-child{display:none}.sheet-header{padding:25px 20px;border-bottom-right-radius:35px}.sheet-header h2{font-size:26px;letter-spacing:-.7px}.sheet-kicker{font-size:8px;letter-spacing:.5px}.sheet-body{padding:0 18px 20px}.case-page .result-strip{grid-template-columns:1fr 1fr;gap:10px;margin:22px 0 28px}.case-page .result-strip>div{padding:16px 12px}.case-page .result-strip strong{font-size:28px}.editorial-grid,.concept-spread{grid-template-columns:1fr;gap:20px}.pane-content{padding:18px}.strategy-steps{grid-template-columns:1fr;gap:12px}.strategy-steps>div{display:grid;grid-template-columns:35px 1fr;gap:5px 10px}.strategy-steps h4{margin:3px 0}.strategy-steps p{grid-column:2;margin:0}.strategy-steps b{grid-row:1/3;font-size:23px}.contribution-list{grid-template-columns:1fr;gap:18px}.journey{flex-wrap:wrap;gap:10px}.journey>span{flex:1 1 27%;font-size:11px;padding:12px 9px}.concept-spread h3{font-size:46px}.concept-spread .evidence-empty{min-height:230px}.evidence-empty{min-height:200px}.dual-strategy{gap:12px}.dual-strategy>div+div{padding-left:12px}.dual-strategy h3{font-size:25px}.scenario-row span{font-size:10px;padding:10px 8px}.chapter-title>b{font-size:45px}.chapter-title h3{font-size:23px}.chapter-title{gap:12px}#ai .result-strip{grid-template-columns:1fr 1fr}#ai .result-strip>div:last-child{grid-column:1/-1}}
.xhs-project-link{display:flex;min-height:300px;padding:25px;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:linear-gradient(145deg,#e7efff,#ffffffb0);position:relative;color:#3476ee}.xhs-badge{position:absolute;top:18px;left:18px;background:#ff2442;color:white;padding:6px 11px;border-radius:8px;font-size:11px;font-weight:650}.external-play{width:60px;height:60px;border-radius:50%;background:#3476ee;color:white;font-size:30px;display:grid;place-items:center;margin:25px 0 10px;transition:transform .2s}.xhs-project-link:hover .external-play{transform:translate(3px,-3px)}.xhs-project-link strong{font-size:19px}.xhs-project-link>span:not([class]){font-size:12px}.xhs-project-link small{color:#6a83aa;font-size:11px;margin-top:10px}
.xhs-project-link.has-cover{display:block;padding:0;min-height:0;background:#fff;overflow:hidden}.xhs-cover{display:block;width:100%;height:auto;transition:filter .2s}.has-cover:hover .xhs-cover{filter:brightness(.96)}.cover-link-caption{display:flex;flex-direction:column;gap:7px;padding:16px 20px;color:#3476ee;font-size:13px;font-weight:650;background:#ffffffd9}.cover-link-caption>span{font-size:11px;font-weight:400;color:#6a83aa}
.product-photo-window img{display:block;width:100%;height:420px;object-fit:cover;object-position:center 47%}.editorial-grid.single-pane{grid-template-columns:1fr}.single-pane .pane-content{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:center}.single-pane .insight-number small{margin-bottom:0}@media(max-width:700px){.product-photo-window img{height:310px;object-position:center 45%}.single-pane .pane-content{grid-template-columns:1fr;gap:10px}}
#franke .result-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.alinamin-note{display:block;background:#fff;color:#dd4146}.alinamin-note img,.creator-evidence{display:block;width:100%;height:auto}.alinamin-note>span{display:block;padding:15px 18px;font-size:11px}.alinamin-note:hover>span{background:#fff0f0}@media(max-width:700px){#franke .result-strip{grid-template-columns:1fr 1fr}#franke .result-strip>div:last-child{grid-column:1/-1}}
.ai-tool-image{display:block;width:100%;height:auto}.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:22px;background:#f5efff66}.video-grid figure{margin:0;min-width:0}.video-grid video{display:block;width:100%;height:340px;object-fit:contain;background:#16131d;border-radius:12px}.video-grid figcaption{font-size:12px;color:#8154cf;margin-top:13px}@media(max-width:700px){.video-grid{grid-template-columns:1fr;padding:14px;gap:23px}.video-grid video{height:auto;max-height:480px}}
.design-collection{margin:45px auto 0;max-width:1250px}.design-group{background:#f9fbf9b3;border:1px solid #fff;border-radius:0 22px 22px 22px;padding:25px;margin:45px 0;box-shadow:5px 8px 22px #233a3210;position:relative}.design-group:before{content:'';position:absolute;left:-1px;top:-17px;width:180px;height:22px;background:#e0ece6;border-radius:17px 22px 0 0}.design-group-heading{display:flex;align-items:baseline;gap:20px;margin-bottom:25px;flex-wrap:wrap}.design-group-heading small{color:#3f7865;font-size:10px;letter-spacing:1px}.design-group-heading h3{font-size:26px;margin:0;color:#295e4b;font-weight:700}.design-group-heading>span{margin-left:auto;font-size:10px;color:#7b8b80}.design-images{display:grid;grid-template-columns:1fr 1fr;gap:25px}.design-images figure{margin:0;min-width:0}.design-zoom{padding:0;border:0;background:#fff;display:block;width:100%;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #173c2810;cursor:zoom-in}.design-zoom img{width:100%;height:auto;display:block;transition:filter .2s}.design-zoom:hover img{filter:brightness(.96)}.design-images figcaption{font-size:11px;color:#6f7c73;padding:13px 2px}.group-0 .design-images{grid-template-columns:1fr}.group-0 .design-zoom{padding:35px}.group-0 img{max-width:650px;margin:auto}.group-2 .design-images{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start}.design-dialog{padding:0;border:1px solid #ffffff9c;border-radius:16px;width:min(1100px,94vw);max-height:92svh;background:#f6f8f6;box-shadow:0 25px 100px #0005}.design-dialog::backdrop{background:#13241dd9;backdrop-filter:blur(7px)}.design-dialog-bar{display:flex;justify-content:space-between;gap:15px;padding:15px 20px;color:#295e4b;font-size:12px;border-bottom:1px solid #dde4df}.design-dialog-bar button{border:0;background:#e3ece6;padding:7px 12px;border-radius:20px;font-size:11px}.design-dialog-body{overflow:auto;max-height:calc(92svh - 65px);padding:20px}.design-dialog-body img{display:block;max-width:100%;height:auto;margin:0 auto}body:has(.design-dialog[open]){overflow:hidden}@media(max-width:700px){.design-group{padding:16px}.design-images{gap:14px}.design-group-heading{gap:10px}.design-group-heading h3{font-size:23px}.design-group-heading>span{width:100%;margin-left:0}.group-2 .design-images{grid-template-columns:1fr}.group-0 .design-zoom{padding:18px}.design-dialog-body{padding:10px}.design-images figcaption{font-size:10px}.design-dialog-bar{padding:12px;font-size:10px}}
.hero-project-image{display:block;width:100%;height:100%;object-fit:cover}.scene-photo .hero-project-image{object-position:center 48%;border-radius:5px}.scene-device .hero-project-image{object-fit:contain;background:#f5f5f5}.scene-phone .hero-project-image{object-fit:cover;object-position:center;border-radius:3px}.brand-icon{display:block;width:36px;height:36px}.douyin-mark{filter:drop-shadow(-1px -1px 0 #25f4ee) drop-shadow(1px 1px 0 #fe2c55)}.xiaohongshu-mark{background:#ff2442;color:white;border-radius:12px;font-size:14px;font-weight:750;letter-spacing:-1px;display:grid;place-items:center;width:48px;height:42px}@media(max-width:700px){.brand-icon{width:26px;height:26px}.xiaohongshu-mark{width:34px;height:29px;font-size:10px;border-radius:8px}}