:root{--ink:#252628;--muted:#626568;--paper:#f5f5f3;--line:#c9caca;--pink:#ffc6de;--yellow:#ffd763;--blue:#a8d6fb;--purple:#d7c2fb}
*{box-sizing:border-box}
html{background:#e6e6e4}
body{margin:0;min-width:320px;color:var(--ink);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:#e6e6e4}
a{color:inherit}
button{font:inherit}
:focus-visible{outline:3px solid #363638;outline-offset:5px}
.window{width:min(1180px,calc(100% - 28px));min-height:calc(100svh - 28px);margin:14px auto;background:var(--paper);border:1px solid #abadac;box-shadow:0 20px 45px #3333;overflow:hidden}
.chrome{height:33px;padding:0 17px;display:flex;align-items:center;justify-content:space-between;background:#dadbd9;border-bottom:1px solid #bfc1bf}
.window-dots{display:flex;gap:6px}.window-dots i{display:block;width:9px;height:9px;border-radius:50%;background:#5e6060}
.chrome-actions{display:flex;gap:15px;align-items:center;color:#929695;font-size:20px;line-height:1}
.file-header{height:82px;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}
.file-header h1{margin:0;font-size:19px;font-weight:800;letter-spacing:-.9px}.file-header p{margin:4px 0 0;font-size:13px;font-style:italic;color:#646768}
.file-counter{color:#858789;font-size:11px;letter-spacing:.08em}
.home-stage{min-height:calc(100svh - 143px);position:relative;display:grid;place-items:center;padding:35px 55px 40px;background:radial-gradient(circle at 13% 68%,#fff9 0 1px,transparent 1.5px) 0 0/21px 21px,var(--paper)}
.home-grid{width:min(970px,100%);min-height:clamp(490px,calc(100svh - 220px),630px);display:grid;grid-template-columns:1fr 1.2fr 1fr;grid-template-rows:1fr 1fr;place-items:center;position:relative;z-index:1}
.folder-link{width:190px;min-height:162px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;text-align:center;text-decoration:none;border-radius:22px;cursor:pointer;transition:transform .28s cubic-bezier(.2,.8,.2,1),filter .28s;animation:float-in .6s both}
.folder-link:hover,.folder-link:focus-visible{transform:translateY(-9px) rotate(-2deg);filter:drop-shadow(0 12px 8px #24242415)}
.folder-link:hover .folder-art:before,.folder-link:focus-visible .folder-art:before{transform:rotate(-10deg) translateY(-4px)}
.folder-art{width:145px;height:102px;display:block;position:relative;margin:14px auto 12px;background:var(--folder-color);border-radius:13px 14px 13px 13px;box-shadow:0 6px 0 #0000000c,0 13px 25px #00000012;isolation:isolate}
.folder-art:before{content:"";position:absolute;left:0;top:-17px;width:67px;height:32px;background:var(--folder-color);border-radius:12px 18px 0 0;transform-origin:left bottom;transition:transform .28s;z-index:-1}
.folder-art:after{content:"";position:absolute;inset:22px 7px 0;background:#ffffff3d;border-radius:10px 13px 10px 10px;box-shadow:inset 0 4px 8px #ffffff3b}
.folder-highlight{position:absolute;z-index:2;inset:24px 11px auto;height:2px;background:#ffffff80;border-radius:2px}
.folder-sticker{position:absolute;z-index:3;right:17px;top:42px;width:36px;height:36px;border-radius:50%;background:#fff9;display:grid;place-items:center;font-size:21px;font-weight:800;transform:rotate(12deg);box-shadow:0 2px 7px #0000000c}
.folder-name{display:block;font-size:16px;font-weight:800;line-height:1.2}.folder-english{display:block;margin-top:5px;color:#66696a;font-size:11px;letter-spacing:.02em}
.folder-writing{grid-column:1;grid-row:1;justify-self:start;align-self:start;margin-top:35px;animation-delay:.15s}
.folder-photo{grid-column:3;grid-row:1;justify-self:end;align-self:start;margin-top:28px;animation-delay:.25s}
.folder-video{grid-column:1;grid-row:2;justify-self:start;align-self:end;margin-bottom:25px;animation-delay:.35s}
.folder-social{grid-column:3;grid-row:2;justify-self:end;align-self:end;margin-bottom:28px;animation-delay:.45s}
.profile-card{grid-column:2;grid-row:1/3;z-index:2;position:relative;width:280px;align-self:center;text-align:center;animation:profile-in .75s .2s both}
.photo-frame{width:236px;height:306px;margin:auto;padding:8px;background:#d7d9d8;border:1px solid #c2c4c3;box-shadow:5px 5px 0 #c8caca;transform:rotate(-1.5deg)}
.photo-frame:before{content:"";position:absolute;top:-8px;left:86px;width:75px;height:19px;background:#e9dfc3a8;transform:rotate(5deg)}
.photo-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:50% 36%}
.name-label{position:relative;width:max-content;min-width:116px;margin:14px auto 0;padding:8px 18px 7px;background:var(--pink);border-radius:11px;box-shadow:3px 4px 0 #0000000b;transform:rotate(-2deg)}
.name-label strong{display:block;font-size:28px;line-height:1}.name-label small{display:block;margin-top:5px;font-size:10px;font-weight:800;letter-spacing:.16em}
.profile-scribble{position:absolute;right:-2px;bottom:5px;font-size:52px;transform:rotate(-18deg);font-weight:300}
.stage-star{position:absolute;z-index:0;line-height:1;pointer-events:none}.star-one{top:9%;left:46%;color:#f4accd;font-size:28px;transform:rotate(-11deg)}.star-two{bottom:12%;left:32%;color:#e5ba2c;font-size:37px}.star-three{top:33%;right:8%;color:#bda3ec;font-size:35px}
.boot-screen{position:fixed;inset:0;z-index:100;display:grid;place-items:center;background:#faf9f5;pointer-events:none;animation:boot-away .55s 1.55s both}
.boot-card{text-align:center;animation:boot-pop .55s both}.boot-card strong{display:block;margin:12px 0 4px;font-size:20px;letter-spacing:-.04em}.boot-card span{font-size:11px;color:#85898b;letter-spacing:.09em}
.boot-folder{width:88px;height:63px;margin:0 auto;background:#ffc6de;border-radius:9px;position:relative;box-shadow:0 8px 0 #0000000b;animation:boot-bounce .8s .2s both}
.boot-folder:before{content:"";position:absolute;left:0;top:-11px;width:38px;height:20px;background:#ffc6de;border-radius:8px 9px 0 0}.boot-folder i{position:absolute;inset:15px 5px 0;background:#ffffff4d;border-radius:8px;transform-origin:bottom;animation:folder-open .45s .72s both}.boot-folder b{position:absolute;z-index:2;right:16px;top:23px;font-size:20px}
.boot-progress{width:130px;height:3px;background:#e9e8e6;border-radius:3px;margin:18px auto 0;overflow:hidden}.boot-progress:after{content:"";display:block;height:100%;background:#f4a7c8;animation:load-line 1.2s .25s both}
.page-wipe{position:fixed;inset:0;z-index:80;pointer-events:none;background:var(--wipe-color,#ffe0ec);clip-path:circle(0 at var(--click-x,50%) var(--click-y,50%));transition:clip-path .62s cubic-bezier(.24,.8,.3,1)}
body.is-entering .page-wipe{clip-path:circle(160vmax at var(--click-x,50%) var(--click-y,50%))}
body.is-entering .folder-link.is-opening{z-index:20;animation:folder-zoom .56s both}
@keyframes boot-away{to{opacity:0;visibility:hidden}}@keyframes boot-pop{from{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:none}}@keyframes boot-bounce{50%{transform:rotate(-7deg) scale(1.06)}}@keyframes folder-open{to{transform:perspective(180px) rotateX(-30deg)}}@keyframes load-line{from{width:0}to{width:100%}}@keyframes float-in{from{opacity:0;transform:translateY(22px) scale(.94)}to{opacity:1;transform:none}}@keyframes profile-in{from{opacity:0;transform:translateY(25px) rotate(3deg)}to{opacity:1;transform:none}}@keyframes folder-zoom{to{transform:translateY(-24px) scale(1.4);filter:blur(2px)}}
.explore-window{min-height:calc(100svh - 28px)}.explore-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 4%;border-bottom:1px solid var(--line)}.back-home{font-weight:800;font-size:13px;text-decoration:none}.explore-title{font-size:11px;letter-spacing:.12em;color:#777b7d}.explore-nav{display:flex;gap:6px;flex-wrap:wrap}.explore-nav button{border:1px solid #d7d8d8;background:#fff8;border-radius:20px;padding:8px 13px;cursor:pointer;font-size:12px}.explore-nav button[aria-current="page"]{background:#27292b;color:white;border-color:#27292b}
.explore-intro{padding:28px 5% 0;display:flex;align-items:flex-start;justify-content:space-between;gap:30px}.intro-copy{max-width:600px}.eyebrow{margin:0 0 9px;color:#8b898a;font-size:11px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.explore-intro h1{margin:0;font-size:clamp(35px,4.3vw,57px);line-height:1.06;letter-spacing:-.06em}.explore-intro p.description{max-width:560px;margin:13px 0 0;color:#626669;font-size:14px;line-height:1.7}
.about-note{width:260px;flex:none;position:relative;padding:18px 19px 17px;background:#ffe4ee;border:1px solid #f5d4e1;border-radius:11px;box-shadow:5px 5px 0 #e7d8de;transform:rotate(1deg)}.about-note:before{content:"";position:absolute;width:55px;height:17px;background:#f4efdfbd;top:-9px;left:100px;transform:rotate(-5deg)}.about-note h2{margin:0 0 8px;font-size:15px}.about-note p{margin:0 0 11px;line-height:1.55;font-size:12px}.about-note a{font-weight:700;font-size:12px;overflow-wrap:anywhere;text-decoration-thickness:1px;text-underline-offset:3px}
.showcase{position:relative;margin:6px auto 0;min-height:535px;overflow:hidden;perspective:1000px;background:radial-gradient(ellipse at 50% 75%,#e7e6e4 0,transparent 55%)}
.showcase:before{content:"";position:absolute;left:10%;right:10%;bottom:53px;height:1px;background:#d6d8d7}.carousel-track{height:465px;position:relative;max-width:1120px;margin:0 auto;transform-style:preserve-3d}.story-card{width:min(30vw,330px);height:416px;position:absolute;top:24px;left:50%;display:flex;flex-direction:column;background:#fff;border:1px solid #e0e0df;border-radius:9px;box-shadow:0 18px 24px #25252524;overflow:hidden;transform-style:preserve-3d;transform:translateX(calc(-50% + var(--shift,0px))) translateZ(var(--depth,0px)) rotateY(var(--tilt,0deg)) scale(var(--scale,1));transition:transform .55s cubic-bezier(.2,.75,.2,1),opacity .45s,filter .45s;opacity:var(--opacity,1);filter:saturate(var(--saturation,1));cursor:pointer}.story-card.is-far{visibility:hidden;pointer-events:none}.story-card.is-active{cursor:default}.story-card:hover{box-shadow:0 22px 33px #25252535}
.story-cover{height:278px;position:relative;overflow:hidden;background:var(--cover,#dce8e4)}.story-cover img{width:100%;height:100%;display:block;object-fit:cover}.story-cover.video img{object-position:center}.story-cover.photo img{object-position:center}.story-cover.type{display:flex;flex-direction:column;justify-content:space-between;padding:23px;background:var(--cover,#ffe3ec)}.cover-index{font-size:12px;letter-spacing:.12em;font-weight:800}.cover-title{max-width:94%;font-family:Georgia,"Songti SC",serif;font-weight:700;font-size:clamp(23px,2.1vw,31px);line-height:1.35;letter-spacing:-.04em}.cover-mark{font-size:35px;align-self:flex-end;line-height:1}.cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62px;height:62px;display:grid;place-items:center;background:#ffffffdc;border-radius:50%;font-size:28px;box-shadow:0 6px 18px #2225}
.story-detail{padding:14px 18px 16px;display:flex;flex-direction:column;flex:1;justify-content:space-between}.story-detail .category{font-size:10px;color:#7a7d7d;font-weight:800;letter-spacing:.12em}.story-detail h3{font-size:15px;line-height:1.35;margin:5px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.story-detail .open-link{font-size:12px;font-weight:800;border-bottom:1px solid;align-self:flex-start;padding-bottom:3px}.story-card:hover .open-link{text-decoration:underline}
.carousel-controls{position:absolute;z-index:10;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:17px;background:#ffffffd9;border:1px solid #e5e6e6;padding:8px 12px;border-radius:999px;box-shadow:0 5px 15px #00000010}.carousel-controls button{width:34px;height:34px;border:0;background:#e9e9e7;border-radius:50%;cursor:pointer;font-size:21px;line-height:1}.carousel-controls button:hover{background:#ffd6e5}.carousel-count{font-size:12px;min-width:45px;text-align:center;font-weight:800}.carousel-tip{text-align:center;margin:0;padding:0 15px 30px;color:#888b8b;font-size:11px}
@media(max-width:850px){.file-counter{display:none}.home-stage{padding-inline:20px}.home-grid{min-height:620px}.folder-link{width:155px}.folder-art{width:127px;height:91px}.folder-art:after{top:19px}.folder-art:before{top:-15px}.profile-card{width:220px}.photo-frame{width:195px;height:260px}.profile-scribble{display:none}.explore-intro{gap:16px}.about-note{width:220px}.story-card{width:min(43vw,310px)}.showcase{--step:270px}}
@media(max-width:660px){.window{width:100%;min-height:100svh;margin:0;border:0;box-shadow:none}.chrome{padding-inline:13px}.file-header{height:76px;padding:11px 18px}.file-header h1{font-size:18px}.home-stage{min-height:calc(100svh - 109px);padding:32px 14px 35px}.home-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto auto;row-gap:17px;min-height:0;width:100%;max-width:400px}.profile-card{grid-column:1/3;grid-row:1;order:0;margin:0 auto 16px;width:220px}.photo-frame{width:170px;height:226px}.name-label{margin-top:11px}.name-label strong{font-size:25px}.folder-link{width:min(47vw,170px);min-height:142px;justify-self:center!important;align-self:center!important;margin:0!important;padding:0 2px}.folder-art{width:min(34vw,125px);height:82px;margin:14px auto 10px}.folder-art:after{top:18px}.folder-art:before{width:58px;height:24px;top:-13px}.folder-sticker{width:30px;height:30px;font-size:18px;top:35px;right:13px}.folder-name{font-size:14px}.folder-english{font-size:10px}.folder-writing{grid-column:1;grid-row:2}.folder-photo{grid-column:2;grid-row:2}.folder-video{grid-column:1;grid-row:3}.folder-social{grid-column:2;grid-row:3}.stage-star{display:none}.explore-header{padding:14px 17px;align-items:flex-start;flex-direction:column}.explore-title{display:none}.explore-nav{width:100%}.explore-nav button{padding:7px 10px;font-size:11px}.explore-intro{padding:25px 18px 0;display:block}.explore-intro h1{font-size:41px}.explore-intro p.description{font-size:13px;margin-top:10px}.about-note{width:100%;max-width:none;margin:23px 0 8px;transform:rotate(0)}.about-note:before{left:35px}.showcase{margin-top:8px;min-height:492px;--step:68vw}.carousel-track{height:430px}.story-card{width:min(72vw,300px);height:381px;top:14px}.story-cover{height:250px}.cover-title{font-size:24px}.carousel-controls{bottom:7px}.carousel-tip{padding-bottom:24px}}
@media(max-width:370px){.folder-link{min-height:133px}.folder-name{font-size:13px}.folder-english{font-size:9px}.photo-frame{height:211px;width:160px}.showcase{--step:72vw}.story-card{width:76vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.boot-screen{display:none}.page-wipe{display:none}}

/* Selected archive: six entry points and an uncropped, responsive gallery. */
.home-grid{grid-template-rows:repeat(3,1fr);min-height:clamp(650px,calc(100svh - 205px),790px)}
.home-stage{padding-block:30px 42px}
.profile-card{grid-column:2;grid-row:1/4}
.folder-feature,.folder-government,.folder-video{grid-column:1;justify-self:start}
.folder-business,.folder-photo,.folder-social{grid-column:3;justify-self:end}
.folder-feature,.folder-business{grid-row:1;align-self:center;margin:0}
.folder-government,.folder-photo{grid-row:2;align-self:center;margin:0}
.folder-video,.folder-social{grid-row:3;align-self:center;margin:0}
.folder-feature{animation-delay:.12s}.folder-business{animation-delay:.2s}.folder-government{animation-delay:.28s}.folder-photo{animation-delay:.36s}.folder-video{animation-delay:.44s}.folder-social{animation-delay:.52s}
.folder-link{min-height:170px}
.explore-header{position:relative;flex-wrap:wrap}.explore-nav{justify-content:center}.explore-nav button{transition:background .18s,transform .18s}.explore-nav button:hover{background:#ffe0eb;transform:translateY(-2px)}
.explore-intro{padding-bottom:25px}.explore-intro .description{max-width:650px}
.showcase{min-height:0;margin:0;padding:2px 5% 60px;overflow:visible;perspective:none;background:transparent}.showcase:before{display:none}
.work-count{padding:15px 0 20px;border-top:1px solid #d7d9d8;color:#7e8282;font-size:11px;font-weight:800;letter-spacing:.16em}
.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1050px;margin:0 auto}
.work-card{min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #dedfdd;border-radius:18px;overflow:hidden;box-shadow:5px 7px 0 #2c2c2c0b;transition:transform .25s,box-shadow .25s}
.work-card:hover{transform:translateY(-5px) rotate(-.5deg);box-shadow:8px 13px 0 #2c2c2c0d}
.work-visual{position:relative;width:100%;height:260px;overflow:hidden;background:var(--card-color)}
.work-image{display:block;width:100%;height:100%;object-fit:contain;background:#f6f6f4}
.type-visual{display:flex;flex-direction:column;justify-content:space-between;padding:25px;background:radial-gradient(circle at 80% 23%,#fff9 0 5px,transparent 6px) 0 0/42px 42px,var(--card-color)}
.visual-kicker{font-size:12px;letter-spacing:.15em;font-weight:800}.visual-mark{align-self:flex-end;font-family:Georgia,"Songti SC",serif;font-size:clamp(38px,5vw,68px);line-height:1.1;transform:rotate(-8deg)}
.video-play{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:62px;height:62px;border-radius:50%;transform:translate(-50%,-50%);background:#fffffff0;box-shadow:0 4px 15px #0002;font-size:25px}
.work-copy{display:flex;flex-direction:column;align-items:flex-start;gap:11px;padding:24px;flex:1}
.work-category{color:#85898a;font-size:11px;font-weight:800;letter-spacing:.08em}.work-title{font-size:22px;line-height:1.35;letter-spacing:-.035em;margin:0}.work-note{font-size:13px;line-height:1.7;color:#5e6262;margin:0 0 8px}
.item-link{display:inline-flex;align-items:center;margin-top:auto;min-height:39px;padding:7px 15px;border-radius:999px;background:#f2f2f0;text-decoration:none;font-size:12px;font-weight:800;transition:background .2s,transform .2s}.item-link:hover{background:#ffdce9;transform:translateX(3px)}
.feature-grid .work-card,.business-grid .work-card{grid-column:span 2;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}
.feature-grid .work-visual,.business-grid .work-visual{height:340px}.feature-grid .work-copy,.business-grid .work-copy{justify-content:center;padding:35px}.feature-grid .work-title,.business-grid .work-title{font-size:clamp(25px,3vw,34px)}
.photo-grid{display:block;columns:3 240px;column-gap:20px}
.photo-card{display:block;break-inside:avoid;margin:0 0 20px;padding:9px 9px 8px;background:#fff;border:1px solid #e1e1e0;border-radius:7px;text-decoration:none;box-shadow:3px 4px 0 #2c2c2c0b;transition:transform .2s,box-shadow .2s}
.photo-card:hover{transform:translateY(-3px);box-shadow:5px 8px 0 #2c2c2c12}
.photo-image{display:block;width:100%;height:auto;max-height:none;object-fit:contain;background:#f4f4f3}
.photo-caption{display:block;padding:10px 3px 2px;color:#707474;font-size:10px;letter-spacing:.1em;font-weight:800}
.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #dfdfde;border-radius:18px;background:white;box-shadow:5px 7px 0 #2c2c2c0b}
.social-preview{min-height:290px;margin:20px 0 20px 20px;padding:22px 17px;display:flex;flex-direction:column;align-items:flex-start;position:relative;overflow:hidden;border:7px solid #242629;border-radius:22px;background:var(--card-color);box-shadow:0 8px 15px #0002}
.social-preview:before{content:"";position:absolute;top:4px;left:50%;width:54px;height:8px;transform:translateX(-50%);border-radius:0 0 8px 8px;background:#242629}
.phone-topline{font-size:9px;letter-spacing:.12em;font-weight:800;color:#646669}.phone-symbol{font-size:36px;margin:auto auto 2px;transform:rotate(-16deg)}.phone-title{font-size:18px;line-height:1.34;letter-spacing:-.04em;margin:0 auto auto}.screenshot-pending{align-self:flex-start;padding:5px 8px;border-radius:5px;background:#fff9;font-size:10px;font-weight:700}
.social-copy{padding:28px 20px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.social-copy .work-title{font-size:18px}.social-screenshot-link{display:block;width:100%;height:100%;overflow:auto}.social-screenshot{display:block;width:100%;height:auto}
@media(max-width:900px){.explore-title{display:none}.explore-header{justify-content:flex-start}.explore-nav{justify-content:flex-start}.social-card{display:block}.social-preview{margin:18px 18px 0;min-height:250px}.social-copy{padding:20px}.home-grid{min-height:680px}.folder-link{width:160px}.folder-art{width:127px;height:91px}}
@media(max-width:660px){.home-stage{padding:23px 12px 42px}.home-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto repeat(3,auto);gap:12px;min-height:0;max-width:410px}.profile-card{grid-column:1/3;grid-row:1;margin:0 auto 17px}.folder-link{width:min(46vw,180px);min-height:145px;margin:0;justify-self:center!important;align-self:center!important}.folder-art{width:min(34vw,125px);height:82px}.folder-feature{grid-column:1;grid-row:2}.folder-business{grid-column:2;grid-row:2}.folder-government{grid-column:1;grid-row:3}.folder-photo{grid-column:2;grid-row:3}.folder-video{grid-column:1;grid-row:4}.folder-social{grid-column:2;grid-row:4}.explore-header{gap:12px}.explore-nav{gap:7px;overflow-x:auto;flex-wrap:nowrap;max-width:100%;padding-bottom:3px;scrollbar-width:thin}.explore-nav button{flex:none}.explore-intro{padding:24px 18px 25px}.about-note{margin-top:22px}.showcase{padding:0 16px 40px}.work-grid,.social-grid{grid-template-columns:1fr;gap:18px}.feature-grid .work-card,.business-grid .work-card{grid-column:auto;display:flex}.feature-grid .work-visual,.business-grid .work-visual{height:230px}.feature-grid .work-copy,.business-grid .work-copy{padding:22px}.work-visual{height:230px}.work-copy{padding:21px}.work-title,.feature-grid .work-title,.business-grid .work-title{font-size:21px}.photo-grid{columns:2 145px;column-gap:11px}.photo-card{padding:5px;margin-bottom:11px}.photo-caption{font-size:9px;padding:8px 2px 3px}.social-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}.social-preview{margin:14px 0 14px 14px;padding:20px 11px;min-height:240px;border-width:5px;border-radius:17px}.phone-title{font-size:14px}.phone-symbol{font-size:27px}.social-copy{padding:18px 14px}.social-copy .work-title{font-size:16px}}
@media(max-width:390px){.folder-name{font-size:13px}.folder-english{font-size:9px}.photo-grid{columns:2 135px}.social-grid{grid-template-columns:1fr}.social-card{display:block}.social-preview{margin:16px 16px 0;min-height:230px}.social-copy{padding:20px}}

/* The opening computer invites a click before the archive appears. */
.entry-screen{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:22px;overflow:hidden;background:radial-gradient(circle at 22% 22%,#ffe1ec 0,transparent 26%),radial-gradient(circle at 82% 80%,#e1eefb 0,transparent 29%),#f7f6f2;transition:opacity .55s,transform .55s,visibility .55s}
.entry-screen:before{content:"";position:absolute;inset:22px;border:1px dashed #e0ded9;border-radius:28px;pointer-events:none}
.entry-spark{position:absolute;font-size:clamp(30px,5vw,60px);line-height:1;pointer-events:none}.entry-spark-one{left:17%;top:18%;color:#efaaca;transform:rotate(-18deg)}.entry-spark-two{right:17%;bottom:21%;color:#d5b23f;transform:rotate(15deg)}
.entry-computer{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(470px,85vw);padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;animation:computer-appear .7s both;transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.entry-computer:hover,.entry-computer:focus-visible{transform:translateY(-9px) rotate(-1deg)}
.computer-monitor{display:block;width:100%;height:310px;overflow:hidden;border:12px solid #353839;border-bottom-width:18px;border-radius:22px;background:#fff;box-shadow:12px 14px 0 #afd5ef,18px 21px 27px #30353728;transition:box-shadow .3s}
.entry-computer:hover .computer-monitor,.entry-computer:focus-visible .computer-monitor{box-shadow:15px 20px 0 #ffc6de,20px 25px 30px #30353730}
.computer-topbar{height:27px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#e9e9e7;border-bottom:1px solid #d9d9d7}.computer-topbar i{width:6px;height:6px;border-radius:50%;background:#858a89}.computer-topbar span{margin-left:auto;color:#767a79;font-size:10px;font-weight:800;letter-spacing:.03em}
.computer-screen{height:calc(100% - 27px);display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 20% 25%,#fff3 0 2px,transparent 3px) 0 0/22px 22px,#fbfaf8}
.computer-screen .boot-folder{flex:none;margin:1px auto 13px}.computer-screen strong{font-size:22px;letter-spacing:-.04em}.computer-loading{margin-top:5px;color:#868989;font-size:11px;letter-spacing:.08em}.computer-screen .boot-progress{display:block;margin:17px auto 0}.computer-enter{margin-top:12px;color:#4c5558;font-size:11px;font-weight:800;animation:enter-pulse 1.5s 1.1s infinite alternate}
.computer-neck{display:block;width:55px;height:27px;background:#d2d5d4;border:1px solid #b9bfbd;border-top:0}.computer-base{display:block;width:160px;height:15px;border-radius:50% 50% 8px 8px;background:#bfc6c4;box-shadow:0 5px 0 #aab3b0}
.entry-about{display:inline-block;margin-top:23px;padding:9px 20px;border-radius:12px;background:#ffc6de;font-size:27px;font-weight:900;letter-spacing:-.06em;box-shadow:4px 5px 0 #e4b2c5;transform:rotate(-3deg)}
.entry-caption{position:relative;z-index:1;margin:0;color:#5e6261;font-size:13px;font-weight:700;letter-spacing:.03em}.entry-caption span{color:#c8769b}
.entry-leaving .entry-screen{opacity:0;transform:scale(1.07);visibility:hidden;pointer-events:none}.entry-complete .entry-screen{display:none}
@keyframes computer-appear{from{opacity:0;transform:translateY(32px) scale(.92)}to{opacity:1;transform:none}}@keyframes enter-pulse{to{transform:translateY(-2px);color:#c76090}}

/* Selected folders give a quick route into the strongest proof of work. */
.home-stage{display:block;padding:26px 35px 38px}
.home-overview{position:relative;z-index:2;width:min(970px,100%);margin:0 auto 6px;text-align:center}
.overview-kicker{margin:0 0 10px;color:#797d7d;font-size:10px;font-weight:800;letter-spacing:.16em}
.overview-copy h2{margin:0;font-size:clamp(26px,3.1vw,39px);line-height:1.19;letter-spacing:-.06em}
.overview-copy h2 span{box-shadow:inset 0 -.33em #ffe0eb}
.overview-education{margin:11px 0 0;font-size:11px;color:#6d7272;line-height:1.5}
.overview-copy>p:last-child{margin:12px 0 0;font-size:12px;color:#626566;letter-spacing:.03em}
.home-grid{min-height:clamp(600px,calc(100svh - 250px),700px)}
.home-grid .folder-link.is-recommended .folder-art{transform:translateY(-5px) rotate(-2deg);box-shadow:0 7px 0 #0000000c,0 17px 27px #00000024}
.home-grid .folder-link.is-recommended .folder-name{text-decoration:underline;text-decoration-color:#f2a5c1;text-decoration-thickness:3px;text-underline-offset:5px}
.folder-link.is-recommended:before{content:"✦ 推荐";position:absolute;z-index:5;top:0;right:4px;padding:4px 7px;border-radius:999px;background:#fff9;font-size:10px;font-weight:800;box-shadow:0 2px 7px #0001;transform:rotate(7deg)}
.folder-link[data-preview]:after{content:attr(data-preview);position:absolute;z-index:6;top:100%;left:50%;width:max-content;max-width:180px;padding:7px 10px;border:1px solid #dedfdd;border-radius:9px;background:#fff;box-shadow:3px 4px 0 #e5e5e2;color:#585d5c;font-size:10px;font-weight:800;opacity:0;pointer-events:none;transform:translate(-50%,-7px) rotate(-3deg);transition:opacity .2s,transform .2s}
.folder-link[data-preview]:hover:after,.folder-link[data-preview]:focus-visible:after{opacity:1;transform:translate(-50%,2px) rotate(-3deg)}
.profile-flip{position:relative;display:block;width:100%;height:405px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;perspective:900px}
.profile-face{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;transition:transform .66s cubic-bezier(.2,.8,.2,1)}
.profile-front{transform:rotateY(0deg)}.profile-back{inset:23px 0 19px;padding:23px 23px 17px;justify-content:space-between;border:1px solid #eacbd8;border-radius:17px;background:#ffe1ec;box-shadow:7px 9px 0 #e1ced4;transform:rotateY(180deg) rotate(-2deg)}
.profile-card.is-flipped .profile-front{transform:rotateY(-180deg)}.profile-card.is-flipped .profile-back{transform:rotateY(0deg) rotate(-2deg)}
.profile-front .photo-frame{display:block;position:relative}.profile-front .name-label{display:block}
.back-star{align-self:flex-end;font-size:33px;color:#cf7da3;line-height:1}.back-kicker{font-size:10px;font-weight:900;letter-spacing:.14em}.profile-back strong{font-size:22px;letter-spacing:-.05em}.profile-back>span:nth-of-type(3){font-size:12px;line-height:1.75;text-align:left}.back-skills{align-self:stretch;padding:10px;border-top:1px dashed #c888a3;border-bottom:1px dashed #c888a3;font-size:11px;line-height:1.7;font-weight:800}.back-email{font-size:11px;font-weight:800;overflow-wrap:anywhere}.back-hint{font-size:10px;color:#8a6a78}
.profile-peek{position:absolute;right:-25px;bottom:12px;padding:7px 10px;border-radius:999px;background:#fff;border:1px solid #e5d8dc;box-shadow:3px 3px 0 #eadfe2;font-size:10px;font-weight:800;transform:rotate(8deg);pointer-events:none}.profile-card.is-flipped .profile-peek{display:none}

/* Curated social proof: only short viewport crops are shown; originals open on demand. */
.social-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch}
.social-section-heading{grid-column:1/-1;display:flex;align-items:flex-start;gap:17px;margin:2px 0 3px;padding:13px 0 0;border-top:1px solid #d8d9d7}
.social-section-heading:not(:first-child){margin-top:24px}
.social-section-number{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:13px;background:#ffc8dd;font-size:15px;font-weight:900;transform:rotate(-7deg)}
.social-section-copy h2{margin:0;font-size:clamp(20px,2.1vw,28px);letter-spacing:-.04em}.social-section-copy p{margin:6px 0 0;color:#727677;font-size:12px;line-height:1.55}
.social-case{grid-column:span 1;min-width:0;display:flex;flex-direction:column;overflow:hidden;border:1px solid #dcdddb;border-radius:17px;background:#fff;box-shadow:4px 6px 0 #2525250b;transition:transform .23s,box-shadow .23s;animation:case-enter .55s both}
.social-case:hover{transform:translateY(-5px);box-shadow:7px 11px 0 #2525250e}
.case-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:16px 18px 11px}.case-number{font-size:10px;font-weight:900;letter-spacing:.13em}.case-header .work-category{font-size:10px;letter-spacing:0;text-align:right}
.case-visual{padding:11px 13px 13px;background:var(--card-color)}
.case-image-button{position:relative;width:100%;height:290px;display:block;padding:0;overflow:hidden;border:6px solid #242727;border-radius:16px;background:#f1f1ef;cursor:zoom-in;box-shadow:0 8px 15px #0002}
.case-image{display:block;width:100%;height:100%;object-fit:contain;background:#fff;transition:transform .35s}.case-image-button:hover .case-image{transform:scale(1.025)}
.zoom-hint{position:absolute;right:9px;bottom:9px;padding:7px 9px;border-radius:999px;background:#fffffff0;font-size:10px;font-weight:800}
.shot-switcher{display:flex;gap:7px;margin-top:12px}.shot-switcher button{flex:1;border:1px solid #26302e38;border-radius:999px;background:#fff9;padding:7px 8px;font-size:10px;font-weight:800;cursor:pointer}.shot-switcher button[aria-pressed="true"]{background:#262829;border-color:#262829;color:white}
.case-layout-note{margin:11px 3px 0;color:#4f5957;font-size:10px;font-weight:700;line-height:1.55}
.case-copy{padding:18px 19px 10px}.case-title{margin:0;font-size:18px;line-height:1.35;letter-spacing:-.03em}.case-evidence{margin:11px 0;color:#626667;font-size:12px;line-height:1.65}.case-ability{margin:0;padding:8px 10px;border-radius:8px;background:#f3f3f1;color:#596061;font-size:10px;line-height:1.55}.case-ability strong{color:#202324}
.case-actions{margin-top:auto;padding:13px 19px 20px}.case-actions .item-link{background:#242728;color:#fff}.case-actions .item-link:hover{background:#555}
.citywalk-case{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);overflow:hidden;border:1px solid #d7dcdf;border-radius:19px;background:#fff;box-shadow:6px 7px 0 #2525250c;animation:case-enter .55s both}
.citywalk-scene-link{position:relative;display:block;min-height:460px;padding:19px;background:radial-gradient(circle at 20% 18%,#f8fbfe 0,transparent 25%),#daeaf1;overflow:hidden}
.citywalk-scene{display:block;width:100%;height:100%;max-height:420px;object-fit:contain;filter:drop-shadow(7px 8px 0 #1e2b3030);transition:transform .3s}.citywalk-scene-link:hover .citywalk-scene{transform:scale(1.025)}
.citywalk-play{position:absolute;right:21px;bottom:22px;padding:10px 14px;border-radius:999px;background:#fffffff0;box-shadow:0 4px 13px #0002;font-size:11px;font-weight:800}
.citywalk-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:28px 30px 27px}.citywalk-copy .case-title{margin-top:9px;font-size:26px}.citywalk-copy .case-ability{width:100%}
.citywalk-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;margin:18px 0 13px}.citywalk-metric{padding:11px 6px;border-radius:11px;background:#eef4f7;text-align:center}.citywalk-metric strong{display:block;font-size:clamp(17px,2vw,24px);letter-spacing:-.04em}.citywalk-metric span{display:block;margin-top:4px;color:#657279;font-size:10px}
.citywalk-proof-button{width:min(100%,550px);padding:0;border:2px solid #36383f;border-radius:11px;background:#191b25;overflow:hidden;cursor:zoom-in;box-shadow:0 5px 0 #24242a25}.citywalk-proof-image{display:block;width:100%;height:auto}.citywalk-copy .metric-source{margin:12px 0 16px}.citywalk-copy .item-link{margin-top:auto}
.work-ability{margin:0 0 4px;padding:8px 10px;border-radius:8px;background:#f7f1f3;color:#704e5d;font-size:11px;line-height:1.55;font-weight:700}
.douban-card{grid-column:span 1;min-width:0;display:grid;grid-template-columns:minmax(145px,.67fr) minmax(0,1fr);gap:0;overflow:hidden;border:1px solid #dedfdd;border-radius:17px;background:#fff;box-shadow:4px 6px 0 #2525250b;animation:case-enter .55s both}
.douban-proof{display:block;width:100%;min-height:400px;padding:0;border:0;border-right:1px solid #e5e5e4;overflow:hidden;background:#f5f5f3;cursor:zoom-in}
.douban-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .25s}.douban-proof:hover .douban-image{transform:scale(1.035)}
.douban-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;padding:24px 20px 21px}.douban-copy .case-title{margin-top:8px}
.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;width:100%;margin:7px 0 4px}.metric{padding:9px 7px;border-radius:8px;background:#f2f5f2;text-align:center}.metric strong{display:block;font-size:17px;line-height:1.1}.metric span{display:block;margin-top:4px;font-size:10px;color:#6b7470}.main-metric{grid-column:1/-1;display:flex;justify-content:center;align-items:baseline;gap:6px;background:#e1f4e7}.main-metric strong{font-size:32px;letter-spacing:-.06em}.main-metric span{font-size:11px}
.metric-source{margin:9px 0 14px;color:#8a8d8c;font-size:10px;line-height:1.5}.douban-copy .item-link{margin-top:auto}
.screen-dialog{width:min(530px,calc(100% - 26px));max-height:88svh;padding:0;border:1px solid #333;border-radius:14px;background:#f6f6f4;box-shadow:0 18px 60px #0006;overflow:auto}.screen-dialog::backdrop{background:#202426bd}.screen-dialog-toolbar{position:sticky;top:0;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;background:#f6f6f4eF;border-bottom:1px solid #d8d9d7;backdrop-filter:blur(8px)}.screen-dialog-toolbar span{font-size:11px;font-weight:800;line-height:1.3}.screen-dialog-toolbar button{flex:none;border:0;border-radius:999px;background:#262829;color:#fff;padding:8px 12px;font-size:11px;cursor:pointer}.screen-dialog img{display:block;width:100%;height:auto}
@keyframes case-enter{from{opacity:0;transform:translateY(17px)}to{opacity:1;transform:none}}
@media(max-width:900px){.home-overview{max-width:630px}.home-grid{min-height:640px}.social-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.social-case,.douban-card{grid-column:span 1}.social-section-heading{grid-column:1/-1}.douban-card{display:block}.douban-proof{height:270px;min-height:0;border-right:0;border-bottom:1px solid #e5e5e4}.douban-copy{min-height:335px}}
@media(max-width:660px){.home-stage{padding:20px 14px 35px}.home-overview{margin-bottom:19px}.overview-copy h2{font-size:28px}.overview-copy>p:last-child{font-size:11px}.home-grid{min-height:0}.folder-link.is-recommended:before{right:0;top:-3px;font-size:8px}.profile-flip{height:322px}.profile-back{inset:10px 0 9px;padding:18px}.profile-back strong{font-size:19px}.profile-back>span:nth-of-type(3){font-size:11px}.back-skills{font-size:10px}.profile-peek{right:-18px;bottom:-4px;font-size:9px}.social-grid{grid-template-columns:1fr;gap:16px}.social-section-heading{grid-column:1;gap:12px}.social-case,.douban-card{grid-column:1}.social-section-heading:not(:first-child){margin-top:18px}.case-image-button{height:320px}.case-title{font-size:19px}.citywalk-case{display:block}.citywalk-scene-link{min-height:0;height:370px}.citywalk-scene{height:100%;max-height:none}.citywalk-copy{padding:21px}.citywalk-copy .case-title{font-size:23px}.citywalk-metrics{gap:5px}.citywalk-metric{padding:8px 4px}.citywalk-metric strong{font-size:16px}.citywalk-metric span{font-size:9px}.douban-card{display:grid;grid-template-columns:minmax(125px,.72fr) minmax(0,1fr)}.douban-proof{height:auto;min-height:385px;border-right:1px solid #e5e5e4;border-bottom:0}.douban-copy{min-height:0;padding:16px 12px}.douban-copy .case-title{font-size:16px}.douban-copy .case-evidence{font-size:11px}.metric strong{font-size:15px}.main-metric strong{font-size:26px}.metric span{font-size:9px}}
@media(max-width:420px){.douban-card{display:block}.douban-proof{height:260px;min-height:0;border-right:0;border-bottom:1px solid #e5e5e4}.douban-copy{padding:19px;min-height:0}.case-image-button{height:280px}.computer-monitor{height:244px;border-width:9px;border-bottom-width:15px}.computer-screen .boot-folder{transform:scale(.84);margin-bottom:3px}.computer-screen strong{font-size:18px}.computer-loading{font-size:9px}.computer-screen .boot-progress{margin-top:11px}.computer-enter{font-size:10px;margin-top:8px}.entry-about{font-size:22px}.entry-caption{font-size:11px}}
@keyframes float-in{from{opacity:.82;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@keyframes profile-in{from{opacity:.88;transform:translateY(12px) rotate(2deg)}to{opacity:1;transform:none}}
@media(max-width:660px){body{min-width:0}}

/* The feature story opens as a real five-page, page-turning book. */
.feature-book-card{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;border:1px solid #e0d9dc;border-radius:21px;background:#fff;box-shadow:6px 8px 0 #2424240c}
.feature-book-preview{position:relative;display:grid;place-items:center;min-width:0;min-height:460px;padding:34px;border:0;background:radial-gradient(circle at 16% 27%,#fff9 0 4px,transparent 5px) 0 0/36px 36px,#f7e5ec;cursor:pointer;perspective:900px}
.feature-book-cover,.feature-book-stack{display:flex;flex-direction:column;justify-content:space-between;width:min(74%,286px);aspect-ratio:.76;border-radius:5px 16px 16px 5px}
.feature-book-stack{position:absolute;background:repeating-linear-gradient(90deg,#fffcf5 0 2px,#e6ded6 2px 3px);border:1px solid #d5c8c3;transform:translate(13px,8px) rotate(2deg);box-shadow:8px 11px 0 #baaeb144}
.feature-book-cover{position:relative;z-index:1;padding:24px 25px 26px;border:1px solid #dea5bd;background:radial-gradient(circle at 85% 18%,#fff9 0 4px,transparent 5px) 0 0/37px 37px,#ffd6e5;box-shadow:inset 12px 0 10px #b96c8a25,7px 12px 18px #a9778e35;transform:rotate(-4deg);transition:transform .36s cubic-bezier(.2,.8,.2,1),box-shadow .36s}
.feature-book-cover:before{content:"";position:absolute;left:11px;top:0;bottom:0;border-left:2px solid #d58aa8aa}
.feature-book-preview:hover .feature-book-cover,.feature-book-preview:focus-visible .feature-book-cover{transform:rotate(-9deg) translateX(-8px);box-shadow:inset 12px 0 10px #b96c8a25,16px 17px 24px #a9778e45}
.feature-book-kicker{font-size:10px;font-weight:900;letter-spacing:.13em;text-align:left}.feature-book-doodle{align-self:flex-end;color:#bb658a;font-size:30px;line-height:1}
.feature-book-cover strong{font-family:Georgia,"Songti SC",serif;font-size:clamp(24px,2.7vw,33px);line-height:1.38;letter-spacing:-.055em;text-align:left}
.feature-book-subtitle{font-size:11px;font-weight:800;text-align:left;letter-spacing:.08em}
.feature-book-peek{position:absolute;z-index:2;right:22px;bottom:20px;padding:8px 11px;border-radius:999px;background:#fff;box-shadow:3px 4px 0 #2222;font-size:11px;font-weight:800;transform:rotate(5deg)}
.feature-book-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px;min-width:0;padding:36px 42px}
.feature-book-copy .work-title{font-size:clamp(26px,3vw,36px)}.feature-book-copy .work-note{font-size:14px;max-width:35em}.feature-book-copy .work-ability{font-size:11px}
.feature-book-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:11px}.feature-book-actions .item-link{margin:0}.feature-read-button{border:0;background:#262728;color:#fff;cursor:pointer}.feature-read-button:hover{background:#53434b}
.book-dialog{width:min(810px,calc(100% - 22px));max-height:95svh;padding:0;border:1px solid #5a5554;border-radius:18px;background:#f6f1ed;box-shadow:0 24px 75px #15151577;overflow:hidden}.book-dialog::backdrop{background:#242228c9;backdrop-filter:blur(5px)}
.book-toolbar{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid #d9d2cd;background:#fffaf7}.book-toolbar span{font-size:11px;font-weight:900;letter-spacing:.14em}.book-toolbar button{border:0;border-radius:999px;padding:7px 13px;background:#2c292a;color:white;font-size:11px;font-weight:800;cursor:pointer}
.book-reader{padding:16px 18px 14px}.book-spread{position:relative;display:flex;justify-content:center;max-width:640px;margin:auto;padding-left:15px;border-radius:6px 13px 13px 6px;background:#eadfda;box-shadow:7px 10px 20px #2222}.book-gutter{position:absolute;z-index:2;top:0;bottom:0;left:10px;width:17px;background:linear-gradient(90deg,#927d83aa,#e9dfe0 42%,#ffffff20);pointer-events:none}
.book-sheet{width:100%;height:min(68svh,740px);overflow:auto;overscroll-behavior:contain;border-radius:3px 11px 11px 3px;background:#fff;box-shadow:inset 5px 0 10px #74676921;transform-origin:left center}
.book-cover{display:flex;flex-direction:column;justify-content:space-between;min-height:100%;padding:34px 45px 40px;background:radial-gradient(circle at 86% 23%,#fff9 0 5px,transparent 6px) 0 0/46px 46px,#ffd8e7;text-align:left}.book-cover span{font-size:12px;font-weight:900;letter-spacing:.13em}.book-cover strong{margin:auto 0;font-family:Georgia,"Songti SC",serif;font-size:clamp(34px,5vw,53px);line-height:1.28;letter-spacing:-.06em}.book-cover p{font-size:15px;line-height:1.8}.book-cover small{font-size:11px;font-weight:800;letter-spacing:.08em}
.book-sheet img{display:block;width:100%;height:auto}.book-sheet img[hidden],.book-cover[hidden]{display:none}
.book-sheet.is-turning-forward{animation:turn-forward .4s ease-in-out}.book-sheet.is-turning-back{animation:turn-back .4s ease-in-out}
@keyframes turn-forward{0%,100%{transform:perspective(1100px) rotateY(0deg)}48%{transform:perspective(1100px) rotateY(-17deg);filter:brightness(.88)}}
@keyframes turn-back{0%,100%{transform:perspective(1100px) rotateY(0deg)}48%{transform:perspective(1100px) rotateY(17deg);filter:brightness(.88)}}
.book-controls{display:flex;align-items:center;justify-content:center;gap:15px;margin:15px 0 0}.book-controls button,.book-links button,.book-links a{border:1px solid #3c3938;border-radius:999px;padding:9px 14px;background:white;color:#2b2929;font-size:12px;font-weight:800;text-decoration:none;cursor:pointer}.book-controls button:disabled{opacity:.38;cursor:not-allowed}.book-controls span{min-width:100px;text-align:center;font-size:12px;font-weight:800}
.book-links{display:flex;justify-content:center;gap:10px;margin-top:9px}.book-links button{border-color:#d6c3cc;background:#fff4f8}.book-links a{border-color:#d8d0cc;background:transparent}
.book-pan-hint{display:none;margin:8px 0 0;color:#74706f;font-size:11px;text-align:center}.book-dialog.is-zoomed .book-pan-hint{display:block}
.book-dialog.is-zoomed .book-sheet img{width:1000px;max-width:none}
@media(max-width:850px){.mascot-note{width:235px}.mascot-portrait{width:86px;height:86px}.mascot-copy strong{font-size:13px}.feature-book-preview{min-height:410px}.feature-book-copy{padding:29px}}
@media(max-width:660px){.mascot-note{width:100%;min-height:94px;margin:17px 0 0;padding:6px 35px 6px 8px}.mascot-portrait{width:82px;height:82px}.mascot-copy{gap:5px}.mascot-copy strong{font-size:15px}.mascot-copy a span{display:inline;font-size:10px}.mascot-sticker{right:9px;top:-12px;width:33px;height:33px;font-size:18px}.feature-book-card{display:block}.feature-book-preview{width:100%;min-height:390px}.feature-book-cover,.feature-book-stack{width:min(69%,270px)}.feature-book-copy{padding:25px}.feature-book-copy .work-title{font-size:27px}.feature-book-peek{bottom:17px}.book-reader{padding:12px}.book-spread{padding-left:10px}.book-gutter{left:5px;width:12px}.book-sheet{height:min(65svh,650px)}.book-cover{padding:27px}.book-cover strong{font-size:34px}.book-controls{gap:7px}.book-controls button{padding:8px 10px;font-size:11px}.book-controls span{min-width:82px;font-size:11px}.book-links button,.book-links a{font-size:11px}.book-dialog.is-zoomed .book-sheet img{width:780px}}
@media(max-width:370px){.feature-book-preview{min-height:350px}.feature-book-cover,.feature-book-stack{width:72%}.feature-book-cover{padding:20px}.feature-book-cover strong{font-size:22px}.book-controls span{min-width:67px}.book-controls button{font-size:10px}.book-links{gap:5px}.book-links button,.book-links a{padding:7px 9px;font-size:10px}}

/* Employee-story longform has its own cover and a scrollable original artwork. */
.business-story-card{grid-column:1/-1;min-width:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);overflow:hidden;border:1px solid #d9e4dc;border-radius:20px;background:#fff;box-shadow:5px 7px 0 #2424240d}
.business-story-cover{position:relative;display:block;min-width:0;height:430px;padding:0;border:0;overflow:hidden;background:#006e50;cursor:pointer}
.business-story-cover-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .35s}.business-story-cover:hover .business-story-cover-image,.business-story-cover:focus-visible .business-story-cover-image{transform:scale(1.025)}
.business-story-cover-hint{position:absolute;right:18px;bottom:17px;padding:9px 13px;border-radius:999px;background:#fff;box-shadow:3px 4px 0 #223a312a;font-size:11px;font-weight:800}
.business-story-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:15px;min-width:0;padding:34px 40px}.business-story-copy .work-title{font-size:clamp(26px,3vw,34px)}.business-story-copy .work-note{max-width:36em;font-size:14px}
.business-story-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:10px}.business-story-actions .item-link{margin:0}.business-story-read{border:0;background:#087b5b;color:#fff;cursor:pointer}.business-story-read:hover{background:#0b5d48}
.business-dialog{width:min(870px,calc(100% - 22px));max-height:95svh;padding:0;border:1px solid #4e6459;border-radius:17px;background:#f7faf7;box-shadow:0 22px 70px #1119;overflow:hidden}.business-dialog::backdrop{background:#1e2826c9;backdrop-filter:blur(5px)}
.business-dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #d5e3da;background:#f7faf7}.business-dialog-toolbar span{font-size:13px;font-weight:900;letter-spacing:-.02em}.business-dialog-toolbar button{flex:none;border:0;border-radius:999px;padding:8px 13px;background:#263a32;color:#fff;font-size:11px;font-weight:800;cursor:pointer}
.business-dialog-scroll{height:min(73svh,750px);overflow:auto;overscroll-behavior:contain;background:#e7f1eb}.business-dialog-scroll img{display:block;width:min(100%,760px);height:auto;margin:0 auto;box-shadow:0 4px 15px #123b272e}.business-dialog.is-zoomed .business-dialog-scroll img{width:1250px;max-width:none}
.business-dialog-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;padding:10px;background:#f7faf7}.business-dialog-actions button,.business-dialog-actions a{border:1px solid #b8cfc1;border-radius:999px;padding:8px 13px;background:#fff;color:#263a32;font-size:11px;font-weight:800;text-decoration:none;cursor:pointer}.business-dialog-actions span{display:none;color:#5d6d63;font-size:10px}.business-dialog.is-zoomed .business-dialog-actions span{display:inline}
@media(max-width:660px){.business-story-card{display:block}.business-story-cover{width:100%;height:315px}.business-story-copy{padding:24px}.business-story-copy .work-title{font-size:27px}.business-dialog-scroll{height:73svh}.business-dialog.is-zoomed .business-dialog-scroll img{width:930px}}
@media(max-width:370px){.business-story-cover{height:270px}.business-story-copy{padding:20px}.business-dialog-toolbar span{font-size:11px}}

/* The selected folder opens as a small, playful desktop application. */
body.explore-page{position:relative;min-height:100svh;padding-bottom:55px;background:linear-gradient(180deg,#b7d9f1 0 54%,#cce8cc 54% 100%);background-attachment:fixed}
body.explore-page:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 18% 13%,#fff9 0 7%,transparent 7.2%),radial-gradient(ellipse at 82% 20%,#fff9 0 6%,transparent 6.2%),linear-gradient(90deg,#ffffff23 1px,transparent 1px) 0 0/18px 18px;opacity:.55}
.desktop-shortcuts{position:fixed;z-index:2;top:20px;left:max(17px,calc((100vw - 1440px)/2 + 25px));display:grid;gap:5px;width:104px;max-height:calc(100svh - 67px);overflow-y:auto;scrollbar-width:thin}
.desktop-shortcuts button{display:flex;flex-direction:column;align-items:center;gap:3px;width:96px;min-height:62px;padding:4px 2px;border:1px solid transparent;border-radius:6px;background:transparent;color:#273846;text-shadow:0 1px #fffa;font-size:10px;font-weight:900;line-height:1.2;cursor:pointer;transition:background .17s,transform .17s}
.desktop-shortcuts button:hover,.desktop-shortcuts button:focus-visible,.desktop-shortcuts button[aria-current="page"]{background:#ffffffa6;border-color:#ffffffd6;transform:translateX(3px)}
.desktop-app-icon{display:grid;place-items:center;width:38px;height:38px;border:2px solid #273a52;border-radius:8px;box-shadow:inset 3px 3px #fff8,3px 4px 0 #283b4938;color:#fff;font-size:20px;font-weight:900;letter-spacing:-.09em;text-shadow:none}
.app-word{background:#4572b7}.app-browser{background:#ffe27b;color:#544156}.app-news{background:#fa9da6}.app-lightroom{background:#253c62;color:#b3e1ff;font-size:17px}.app-player{background:#a1d8af;color:#205541}.app-social{background:#dda5dc;color:#523660}
.explore-window{position:relative;z-index:1;width:min(1120px,calc(100% - clamp(180px,17vw,270px) - 30px));min-height:calc(100svh - 90px);margin:30px 25px 20px clamp(180px,17vw,270px);border:2px solid #363742;border-radius:7px;background:#f9f9f6;box-shadow:7px 8px 0 #3849554d,0 28px 60px #1c405c30;overflow:hidden;animation:app-open .46s cubic-bezier(.18,.76,.22,1) both}
.app-chrome{height:43px;padding:0 8px 0 12px;justify-content:flex-start;gap:10px;border-bottom:2px solid #363742;background:#f9bed9;color:#2c2c38}
.app-chrome-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #2e3750;border-radius:4px;background:#4c78bd;color:white;font-size:15px;font-weight:900;letter-spacing:-.06em}
.app-chrome strong{font-size:12px;font-weight:900;letter-spacing:.02em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.app-window-controls{display:flex;gap:3px;margin-left:auto}.app-window-controls span{display:grid;place-items:center;width:24px;height:23px;border:1px solid #363742;background:#fff5fa;box-shadow:inset 2px 2px #fff;font-size:17px;font-weight:900;line-height:1}
.explore-header{min-height:67px;padding:10px 3.5%;background:#f1f0ec;border-bottom:1px solid #c5c7c7}
.back-home{flex:none;padding:8px 9px;border:1px solid #c2c2c0;background:#fff;text-decoration:none;box-shadow:2px 2px 0 #d5d5d0;font-size:11px}
.explore-nav{gap:5px}.explore-nav button{border:1px solid #c8c9c7;border-radius:5px;background:#fff;box-shadow:inset 1px 1px #fff,2px 2px 0 #dededb;font-size:11px;font-weight:800}
.explore-nav button[aria-current="page"]{border-color:#3a4457;background:#596d9a;color:#fff;box-shadow:inset 2px 2px #8594b5}
.explore-nav button:hover{background:#ffe2ee}
.explore-title{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9px;letter-spacing:0;color:#66737b}
.explore-intro{padding:31px 4.5% 24px;align-items:center;background:linear-gradient(135deg,#fff 0%,#f8f6f8 100%)}
.intro-copy{max-width:100%}.explore-intro h1{font-size:clamp(34px,4vw,52px)}.explore-intro p.description{max-width:800px}
.showcase{padding:8px 4.5% 70px;background:#f9f9f6}
.work-count{border-top:1px dashed #c7c8ca}
.work-grid.app-swapped{animation:window-content-in .34s ease-out both}
.work-card,.feature-book-card,.business-story-card,.social-case,.citywalk-case,.douban-card{border-radius:8px;box-shadow:4px 4px 0 #32425020}
.media-credit-card{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:0;overflow:hidden;border:1px solid #d9d2d4;border-radius:9px;background:#fff;box-shadow:5px 6px 0 #3344551e}
.media-credit-visuals{display:flex;min-width:0;padding:17px;background:linear-gradient(135deg,#f7e9ee,#e7f0fa)}
.media-credit-shot{width:100%;min-width:0;padding:7px 7px 0;border:1px solid #d4d4d4;background:#fff;box-shadow:3px 4px 0 #2a3d5226;cursor:zoom-in;transition:transform .2s}
.media-credit-shot:hover,.media-credit-shot:focus-visible{transform:translateY(-4px) rotate(-1deg)}
.media-credit-image{display:block;width:100%;height:auto;background:#fff}
.media-credit-shot span{display:block;padding:8px 0;color:#495465;font-size:10px;font-weight:800;text-align:center}
.media-credit-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:13px;padding:28px 31px}
.media-credit-copy .work-title{font-size:clamp(22px,2.5vw,31px)}
.credit-callout{margin:0;padding:10px 13px;border:1px solid #f3c4d8;border-radius:5px;background:#fff0f6;color:#563344;font-size:14px;font-weight:900}
.case-strategy{margin:0;padding:10px 12px;border-left:3px solid #d880a8;background:#fff9fb;color:#5b5157;font-size:12px;line-height:1.6}
.case-strategy strong{color:#2d3032}
.desktop-taskbar{position:fixed;z-index:30;left:0;right:0;bottom:0;display:flex;align-items:center;gap:8px;height:43px;padding:4px 14px;border-top:2px solid #596572;background:#e8e6e4;box-shadow:0 -2px 8px #11293819}
.desktop-taskbar a,.taskbar-active{display:flex;align-items:center;gap:7px;height:31px;padding:0 11px;border:1px solid #7e8991;background:#f8f8f4;box-shadow:inset 2px 2px white,2px 2px 0 #aeb4b6;color:#293039;font-size:10px;font-weight:900;text-decoration:none}
.taskbar-active{min-width:155px;border-color:#617b95;background:#d7e5f5}.taskbar-active #taskbar-icon{display:grid;place-items:center;width:20px;height:20px;border-radius:3px;background:#5c7fb6;color:#fff;font-size:10px}
.taskbar-clock{margin-left:auto;color:#59636b;font-size:10px;font-weight:900;letter-spacing:.08em}
@keyframes app-open{from{opacity:0;transform:translateY(30px) scale(.965)}to{opacity:1;transform:none}}
@keyframes window-content-in{from{opacity:.4;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:980px){.desktop-shortcuts{left:10px;width:90px}.desktop-shortcuts button{width:84px}.explore-window{width:calc(100% - 125px);margin-left:108px;margin-right:17px}.explore-title{display:none}.mascot-note{width:235px}.mascot-portrait{width:75px;height:75px}}
@media(max-height:650px) and (min-width:761px){.desktop-shortcuts{top:12px;gap:2px;max-height:calc(100svh - 57px)}.desktop-shortcuts button{min-height:50px;padding:1px 2px;gap:2px}.desktop-app-icon{width:31px;height:31px;font-size:17px}.app-lightroom{font-size:14px}}
@media(max-width:760px){.desktop-shortcuts{display:none}.explore-window{width:calc(100% - 22px);min-height:calc(100svh - 63px);margin:11px auto 20px}.explore-header{padding:10px 15px}.explore-intro{padding:24px 20px}.showcase{padding:7px 20px 64px}.mascot-note{width:100%;max-width:420px;margin-top:17px;transform:rotate(0)}.media-credit-card{grid-template-columns:1fr}.media-credit-visuals{max-width:100%}.media-credit-copy{padding:23px}.desktop-taskbar{height:42px}.taskbar-clock{display:none}}
@media(max-width:760px){.explore-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none;overflow:visible}.explore-nav button{min-width:0;text-align:center}}
@media(max-width:500px){.explore-window{width:100%;margin:0 0 15px;border-left:0;border-right:0;border-radius:0}.app-chrome{height:39px}.explore-header{gap:10px}.back-home{font-size:10px}.explore-intro{padding:22px 17px}.explore-intro h1{font-size:38px}.explore-intro p.description{font-size:12px}.showcase{padding:5px 15px 64px}.media-credit-visuals{padding:10px}.media-credit-shot{padding:4px 4px 0}.media-credit-shot span{font-size:9px}.media-credit-copy{padding:19px}.media-credit-copy .work-title{font-size:21px}.credit-callout{font-size:12px}.desktop-taskbar{padding-inline:7px}.desktop-taskbar a,.taskbar-active{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.explore-window,.work-grid.app-swapped,.mascot-portrait{animation:none}}

/* A retro desktop boot sequence keeps the original loading folder interaction. */
.entry-screen{background:radial-gradient(circle at 15% 15%,#ffe7f0 0,transparent 28%),radial-gradient(circle at 80% 82%,#cce8f6 0,transparent 30%),#fbf8f2}
.entry-screen:before{border-color:#f0d3df;background:linear-gradient(90deg,#e7d5db26 1px,transparent 1px) 0 0/24px 24px;opacity:.7}
.computer-monitor{height:310px;border:13px solid #eee8d9;border-bottom-width:23px;border-radius:18px;box-shadow:inset 0 0 0 3px #7d7a7a,10px 13px 0 #b6d1e2,17px 21px 31px #30353734}
.entry-computer:hover .computer-monitor,.entry-computer:focus-visible .computer-monitor{box-shadow:inset 0 0 0 3px #7d7a7a,12px 16px 0 #f1b8d2,19px 26px 35px #3035373c}
.computer-topbar{height:30px;border-bottom:2px solid #5e6270;background:#efb8d7}.computer-topbar i{border:1px solid #575565;background:#fff7f9;border-radius:2px}.computer-topbar span{color:#35364a;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.computer-screen{position:relative;height:calc(100% - 30px);overflow:hidden;background:linear-gradient(180deg,#b6d8f4 0 61%,#c8e4bf 61% 100%)}
.computer-screen:before{content:"";position:absolute;left:8%;right:8%;top:11%;height:45px;background:radial-gradient(ellipse at 12% 40%,#fff 0 14%,transparent 15%),radial-gradient(ellipse at 72% 65%,#fff 0 17%,transparent 18%);opacity:.82;pointer-events:none}
.computer-screen:after{content:"";position:absolute;left:0;right:0;bottom:0;height:17%;background:linear-gradient(90deg,#ffffff25 1px,transparent 1px) 0 0/14px 14px;pointer-events:none}
.computer-screen .boot-folder{z-index:1;filter:drop-shadow(3px 5px 0 #31495840)}
.computer-screen strong,.computer-loading,.computer-enter,.computer-screen .boot-progress{position:relative;z-index:1}
.computer-screen strong{padding:5px 14px;border:1px solid #474356;background:#fff9f3;box-shadow:3px 3px 0 #4042596b;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:18px}
.computer-loading{padding:4px 8px;background:#ffffffbc;color:#435467;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.computer-enter{padding:5px 9px;border:1px solid #507794;background:#fff;box-shadow:2px 2px 0 #60748880;color:#31465c}
.computer-neck{background:#e5dfd2;border-color:#aeafa9}.computer-base{background:#d2cbbd;box-shadow:0 5px 0 #aaa595}
.entry-about{border:1px solid #473e4c;border-radius:5px;box-shadow:4px 4px 0 #b582a5;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
@media(max-width:420px){.computer-monitor{height:244px;border-width:10px;border-bottom-width:17px}.computer-screen{height:calc(100% - 30px)}.computer-screen strong{font-size:15px}}