.five-chapters{--body:var(--font-body),"PingFang SC","Microsoft YaHei",sans-serif}.five-chapters *{box-sizing:border-box}html .five-chapters{scroll-behavior:smooth;scroll-padding-top:108px}.five-chapters{margin:0;font:16px/1.65 var(--body);-webkit-font-smoothing:antialiased;transition:background-color .22s,color .22s}.five-chapters a{color:inherit;text-decoration:none}.five-chapters button{font:inherit;color:inherit;cursor:pointer}.five-chapters a,.five-chapters button{-webkit-tap-highlight-color:transparent}.five-chapters button{border:0}.five-chapters img{display:block;max-width:100%;height:auto}.five-chapters figure,.five-chapters h1,.five-chapters h2,.five-chapters h3,.five-chapters p{margin:0}.five-chapters h1,.five-chapters h2,.five-chapters h3{font-weight:400}.five-chapters ul{padding:0;margin:0;list-style:none}.five-chapters a:focus-visible,.five-chapters button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.five-chapters section:focus{outline:0}.five-chapters .icon{width:20px;height:20px;flex:none;display:block}.five-chapters .shell{width:min(calc(100% - 128px),1248px);margin-inline:auto}.five-chapters .section{padding-block:104px}.five-chapters .eyebrow{font-size:12px;letter-spacing:.15em;line-height:1.5;font-weight:500}.five-chapters .mono{font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums}.five-chapters .display{font-family:var(--display);font-size:52px;letter-spacing:-.015em;line-height:1.21}.five-chapters .section-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-bottom:22px;margin-bottom:48px;border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.five-chapters .section-kicker .eyebrow{color:var(--accent)}.five-chapters .button{height:50px;display:inline-flex;align-items:center;justify-content:center;gap:22px;border-radius:999px;padding:0 24px;font-size:14px;font-weight:500;transition:background .2s,transform .2s,box-shadow .2s}.five-chapters .button-primary{background:var(--ui-button-bg);color:var(--ui-button-text);border:1px solid var(--ui-border-control);font-weight:600}.five-chapters .button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.five-chapters .button .icon,.five-chapters .text-link .icon{transition:transform .2s}.five-chapters .button:hover .icon,.five-chapters .text-link:hover .icon{transform:translate(2px,-2px)}.five-chapters .text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:14px;font-weight:500}.five-chapters .text-link:hover{color:var(--accent)}.five-chapters .skip-link{position:fixed;z-index:200;top:12px;left:12px;background:var(--surface);padding:12px 20px;border-radius:10px;transform:translateY(-200%)}.five-chapters .skip-link:focus{transform:none}.five-chapters .site-nav{position:fixed;top:22px;left:0;width:100%;z-index:50;pointer-events:none}.five-chapters .nav-glass{width:min(calc(100% - 96px),1248px);height:58px;margin:auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:6px 8px 6px 16px;background:var(--glass);border:1px solid color-mix(in srgb,var(--line) 80%,transparent);border-radius:999px;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:var(--ui-nav-shadow);pointer-events:auto;transition:background-color .22s,border-color .22s,color .22s}.five-chapters .brand{display:flex;align-items:center;gap:10px;justify-self:start;white-space:nowrap;font-size:15px;font-weight:500}.five-chapters .brand img{width:32px;height:32px;-o-object-fit:cover;object-fit:cover;border-radius:50%;border:1px solid var(--ui-image-border)}.five-chapters .desktop-nav{display:flex;gap:4px;align-items:center}.five-chapters .desktop-nav a{padding:9px 13px;font-size:13px;color:var(--muted);line-height:1.4;border-radius:999px;transition:background .2s,color .2s}.five-chapters .desktop-nav a:hover,.five-chapters .desktop-nav a[aria-current]{background:var(--soft-accent);color:var(--accent)}.five-chapters .nav-actions{display:flex;gap:8px;align-items:center;justify-self:end}.five-chapters .icon-button{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:transparent;transition:background .2s}.five-chapters .icon-button:hover{background:var(--ui-hover)}.five-chapters .icon-button .icon{width:18px;height:18px}.five-chapters .workbench{display:flex;align-items:center;gap:14px;padding:0 19px;height:40px;border-radius:999px;background:var(--ui-button-bg);color:var(--ui-button-text);border:1px solid var(--ui-border-control);font-size:13px;font-weight:600}.five-chapters .workbench .icon{width:16px;height:16px}.five-chapters .workbench:hover{background:var(--ui-hover)}.five-chapters .menu-trigger{display:none}.five-chapters .appearance{position:relative}.five-chapters .theme-menu{position:absolute;top:55px;right:0;width:188px;padding:8px;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:16px;box-shadow:var(--ui-shadow);animation:popover .18s ease-out}.five-chapters .theme-menu p{font-size:12px;color:var(--muted);padding:5px 10px 8px}.five-chapters .theme-menu button{background:transparent;border-radius:9px;width:100%;display:flex;align-items:center;gap:12px;height:42px;padding:0 10px;font-size:13px}.five-chapters .theme-menu button .icon{width:16px;height:16px}.five-chapters .theme-menu button .icon:last-child{margin-left:auto;visibility:hidden}.five-chapters .theme-menu button[aria-checked=true]{background:var(--soft-accent);color:var(--accent)}.five-chapters .theme-menu button[aria-checked=true] .icon:last-child{visibility:visible}.five-chapters .theme-menu button:hover{background:var(--surface-alt)}.five-chapters .theme-dark-icon,[data-theme=dark] .five-chapters .theme-light-icon{display:none}[data-theme=dark] .five-chapters .theme-dark-icon{display:block}.five-chapters [hidden]{display:none!important}.five-chapters .mobile-menu{border:1px solid var(--line);background:var(--page);color:var(--ink);border-radius:24px;padding:24px;width:calc(100% - 32px);max-width:430px;box-shadow:var(--shadow)}.five-chapters .mobile-menu::backdrop{background:var(--ui-backdrop);backdrop-filter:blur(10px)}.five-chapters .mobile-menu-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.five-chapters .mobile-menu nav a{padding:17px 0;display:flex;align-items:center;gap:20px;border-top:1px solid var(--line);font-size:18px}.five-chapters .mobile-menu nav a .mono{color:var(--muted)}.five-chapters .mobile-menu nav a .icon{margin-left:auto}.five-chapters .mobile-menu .button{width:100%;margin-top:28px}.five-chapters .mobile-menu p{color:var(--muted);text-align:center;font-size:12px;margin-top:20px}.five-chapters .hero{height:100svh;min-height:820px;max-height:1560px;position:relative;overflow:hidden;background:var(--ui-page);color:var(--ui-on-image)}.five-chapters .hero-picture,.five-chapters .hero-picture img,.five-chapters .hero-shade{position:absolute;inset:0;width:100%;height:100%}.five-chapters .hero-picture img{-o-object-fit:cover;object-fit:cover;-o-object-position:center 48%;object-position:center 48%}.five-chapters .hero-copy{position:relative;text-align:center;padding-top:clamp(180px,25.8svh,380px);text-shadow:var(--ui-image-text-shadow)}.five-chapters .hero-copy h1{font-family:var(--display);font-size:clamp(60px,5.56vw,128px);line-height:1.15;letter-spacing:0;display:flex;gap:.32em;justify-content:center}.five-chapters .hero-copy p{font-size:13px;letter-spacing:.34em;margin-top:27px}.five-chapters .hero-works{position:absolute;left:0;right:0;bottom:44px}.five-chapters .rail-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:22px}.five-chapters .rail-heading .eyebrow{font-size:10px;letter-spacing:.14em;color:var(--ui-on-image-muted)}.five-chapters .rail-heading h2{font-size:14px;letter-spacing:.02em;margin-top:6px;font-weight:500}.five-chapters .hero-all{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;color:var(--ui-on-image-muted)}.five-chapters .hero-all .icon{width:16px;height:16px}.five-chapters .works-track{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;padding:6px 0 14px;perspective:1000px}.five-chapters .work-card{aspect-ratio:4/5;position:relative;border:1px solid var(--ui-image-border);border-radius:12px;overflow:hidden;transform:translateY(var(--arc)) rotate(var(--angle));transform-origin:50% 90%;transition:transform .22s,border-color .22s;box-shadow:var(--ui-image-shadow)}.five-chapters .work-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .22s}.five-chapters .work-card:after{content:"";position:absolute;inset:0;pointer-events:none;background:var(--ui-image-caption-overlay)}.five-chapters .work-index{position:absolute;left:12px;top:10px;z-index:1;color:var(--ui-on-image);font-size:10px}.five-chapters .work-caption{position:absolute;bottom:15px;left:14px;right:10px;z-index:1;display:flex;flex-direction:column;gap:3px}.five-chapters .work-caption small{font-size:10px;color:var(--ui-on-image-muted);letter-spacing:.02em}.five-chapters .work-caption strong{font-size:14px;font-weight:500;line-height:1.55}.five-chapters .work-open{position:absolute;right:10px;top:10px;z-index:2;opacity:0;transition:opacity .2s,transform .2s;transform:translateY(4px)}.five-chapters .work-open .icon{width:16px;height:16px}.five-chapters .work-card:is(:hover,:focus-visible){transform:translateY(calc(var(--arc) - 4px)) rotate(var(--angle));border-color:var(--ui-image-border-hover);z-index:2}.five-chapters .work-card:is(:hover,:focus-visible) img{transform:scale(1.02)}.five-chapters .work-card:is(:hover,:focus-visible) .work-open{opacity:1;transform:none}.five-chapters .work-card:focus-visible{outline-color:var(--ui-image-focus)}.five-chapters .scroll-cue{position:absolute;bottom:3px;left:calc(50% - 20px);width:40px;height:38px;display:grid;place-items:center;color:var(--ui-on-image-muted)}.five-chapters .scroll-cue .icon{width:16px;height:16px}@keyframes enter{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes popover{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.five-chapters .enter.is-entering{animation:enter .45s cubic-bezier(.16,1,.3,1) both}@media (min-width:1920px){.five-chapters .shell{width:min(calc(100% - 192px),2080px)}.five-chapters .section{padding-block:clamp(124px,7vw,180px)}.five-chapters .display{font-size:clamp(64px,3.44vw,88px)}.five-chapters .section-kicker{margin-bottom:64px}.five-chapters .eyebrow,.five-chapters .section-kicker{font-size:15px}.five-chapters .nav-glass{max-width:1800px;height:68px}.five-chapters .desktop-nav a{font-size:16px;padding-inline:20px}.five-chapters .brand{font-size:18px}.five-chapters .brand img{width:38px;height:38px}.five-chapters .workbench{font-size:15px;height:46px}.five-chapters .hero-works{bottom:55px;max-width:2000px}.five-chapters .works-track{gap:22px}.five-chapters .work-card{aspect-ratio:4/4.5;max-height:360px}.five-chapters .work-caption strong{font-size:20px}.five-chapters .work-caption small{font-size:13px}.five-chapters .work-caption{left:22px;bottom:23px}.five-chapters .work-index{font-size:13px;left:20px;top:17px}.five-chapters .rail-heading h2{font-size:20px}.five-chapters .hero-all,.five-chapters .rail-heading .eyebrow{font-size:14px}.five-chapters .hero-copy p{font-size:17px}.five-chapters .about-grid{gap:150px;grid-template-columns:1.15fr 1fr}.five-chapters .about-copy{max-width:880px}.five-chapters .portrait{max-width:640px}.five-chapters .bio-lead,.five-chapters .identity{font-size:24px}.five-chapters .role{font-size:16px}.five-chapters .bio{font-size:22px;max-width:800px}.five-chapters .button{font-size:18px;height:62px;padding-inline:30px}.five-chapters .text-link{font-size:18px}.five-chapters .method-strip{margin-top:88px}.five-chapters .method-strip strong{font-size:22px}.five-chapters .method-strip>div>span:last-child{font-size:17px}.five-chapters .project-layout{gap:72px}.five-chapters .project-heading>p{font-size:22px;max-width:670px}.five-chapters .project-choice{padding:33px 26px;gap:24px}.five-chapters .choice-title{font-size:32px}.five-chapters .choice-summary{font-size:18px;max-width:100%}.five-chapters .project-status{font-size:14px}.five-chapters .project-caption h3{font-size:32px}.five-chapters .project-caption .text-link{font-size:17px}.five-chapters .caption-kicker{font-size:14px}.five-chapters .all-projects{font-size:17px}.five-chapters .footprint-intro .display{font-size:76px}.five-chapters .footprint-intro>p:not(.eyebrow){font-size:22px}.five-chapters .record{grid-template-columns:135px 1fr;padding-block:38px}.five-chapters .record-label{font-size:16px}.five-chapters .record-main h3{font-size:30px}.five-chapters .record-main>p{font-size:20px}.five-chapters .account-line h3{font-size:29px}.five-chapters .account-line>div>span{font-size:14px}.five-chapters .account-line img{width:56px;height:56px}.five-chapters .project-records a{font-size:19px;padding-block:11px}.five-chapters .project-records a span:nth-child(2){font-size:15px}.five-chapters .record-topics span{font-size:13px}.five-chapters .collaboration{padding-top:0;padding-bottom:80px}.five-chapters .collab-panel{min-height:820px}.five-chapters .collab-copy{padding:100px 0 90px 96px;width:53%}.five-chapters .collab-copy .display{font-size:76px}.five-chapters .collab-copy>.eyebrow{font-size:14px}.five-chapters .collab-description{font-size:22px;max-width:670px}.five-chapters .collab-types{max-width:620px;gap:12px 22px}.five-chapters .collab-types li{font-size:15px}.five-chapters .collab-button{margin-top:40px}}@media (max-width:1100px){.five-chapters .shell{width:calc(100% - 80px)}.five-chapters .nav-glass{width:calc(100% - 64px);gap:8px}.five-chapters .desktop-nav a{padding-inline:10px;font-size:12px}.five-chapters .workbench{padding-inline:14px}.five-chapters .about-grid{gap:56px;grid-template-columns:1.1fr .9fr}.five-chapters .display{font-size:44px}.five-chapters .bio{font-size:15px}.five-chapters .project-layout{gap:28px;grid-template-columns:1.45fr 1fr}.five-chapters .project-choice{padding:16px 12px;gap:10px}.five-chapters .choice-title{font-size:21px}.five-chapters .choice-summary{font-size:12px}.five-chapters .footprint-layout{gap:50px;grid-template-columns:.85fr 1.35fr}.five-chapters .footprint-intro .display{font-size:42px}.five-chapters .record{grid-template-columns:70px 1fr}.five-chapters .collab-copy{padding-left:42px;width:56%}.five-chapters .collab-copy .display{font-size:44px}.five-chapters .collab-types li{font-size:11px}.five-chapters .collab-panel{min-height:620px}.five-chapters .work-caption{left:10px;bottom:12px}.five-chapters .work-caption strong{font-size:12px}}@media (max-width:767px){html .five-chapters{scroll-padding-top:96px}.five-chapters .shell{width:calc(100% - 40px)}.five-chapters .section{padding-block:68px}.five-chapters .section-kicker{padding-bottom:17px;margin-bottom:30px;gap:12px;font-size:11px;align-items:start}.five-chapters .section-kicker>span:last-child{max-width:125px;text-align:right;font-size:10px}.five-chapters .eyebrow,.five-chapters .section-kicker .eyebrow{font-size:10px}.five-chapters .display{font-size:36px;line-height:1.24}.five-chapters .button{font-size:14px;height:48px;padding-inline:22px}.five-chapters .text-link{font-size:13px}.five-chapters .site-nav{top:16px}.five-chapters .nav-glass{width:calc(100% - 32px);height:54px;padding:5px 7px 5px 12px;grid-template-columns:1fr auto}.five-chapters .brand{font-size:15px;gap:9px}.five-chapters .brand img{width:30px;height:30px}.five-chapters .desktop-nav,.five-chapters .nav-actions>.workbench{display:none}.five-chapters .nav-actions{gap:2px}.five-chapters .icon-button{width:38px;height:38px}.five-chapters .menu-trigger{display:grid}.five-chapters .theme-menu{right:-40px;top:49px}.five-chapters .hero{height:100svh;min-height:780px;max-height:1080px}.five-chapters .hero-copy{padding-top:150px}.five-chapters .hero-copy h1{font-size:40px;display:block;line-height:1.18}.five-chapters .hero-copy h1 span{display:block}.five-chapters .hero-copy h1 span+span{margin-top:8px}.five-chapters .hero-copy p{font-size:10px;letter-spacing:.29em;margin-top:18px}.five-chapters .hero-picture img{-o-object-position:50% 51%;object-position:50% 51%}.five-chapters .hero-shade{background:var(--ui-hero-overlay-mobile)}.five-chapters .hero-works{width:100%;bottom:36px}.five-chapters .rail-heading{padding-inline:20px;margin-bottom:13px}.five-chapters .rail-heading .eyebrow{font-size:8px}.five-chapters .rail-heading h2{font-size:13px;margin-top:4px}.five-chapters .hero-all{font-size:11px}.five-chapters .works-track{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 20px 12px;scrollbar-width:none;perspective:none;scroll-padding-inline:20px}.five-chapters .works-track::-webkit-scrollbar{display:none}.five-chapters .work-card{width:128px;min-width:128px;aspect-ratio:4/5.1;border-radius:10px;transform:none!important;scroll-snap-align:start}.five-chapters .work-caption{left:10px;right:8px;bottom:10px}.five-chapters .work-caption strong{font-size:12px;line-height:1.6}.five-chapters .work-caption small{display:none}.five-chapters .work-index{font-size:10px;left:10px}.five-chapters .work-open{display:none}.five-chapters .scroll-cue{bottom:2px}.five-chapters .about-grid{display:flex;flex-direction:column;gap:34px}.five-chapters .about-copy{max-width:none;width:100%}.five-chapters .identity{font-size:13px;margin-bottom:16px}.five-chapters .about-copy .display{margin-bottom:20px}.five-chapters .role{font-size:12px;line-height:1.8;margin-bottom:23px;padding-bottom:20px}.five-chapters .bio-lead{font-size:16px;margin-bottom:12px}.five-chapters .bio{font-size:16px;line-height:1.85;max-width:none}.five-chapters .bio p+p{margin-top:14px}.five-chapters .about-actions{margin-top:27px;gap:24px}.five-chapters .portrait{max-width:100%;width:100%;padding-inline:20px;transform:none}.five-chapters .portrait-frame{border-radius:18px}.five-chapters .portrait figcaption{font-size:8px;gap:8px;padding-top:13px;letter-spacing:.06em}.five-chapters .method-strip{margin-top:36px;padding:0;display:block}.five-chapters .method-strip>div{grid-template-columns:24px 1fr auto;align-items:center;padding:17px 0;border-right:0;border-bottom:1px solid var(--line);gap:12px}.five-chapters .method-strip>div:last-child{border-bottom:0}.five-chapters .method-strip .mono{grid-row:auto;font-size:10px;padding-top:0}.five-chapters .method-strip strong{font-size:14px}.five-chapters .method-strip>div>span:last-child{font-size:10px;max-width:125px;line-height:1.7}.five-chapters .project-heading{display:block;margin-bottom:30px}.five-chapters .project-heading>p{font-size:16px;margin-top:22px;line-height:1.85}.five-chapters .desktop-only{display:none}.five-chapters .project-layout{display:block}.five-chapters .project-stage{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;gap:16px;scroll-padding-inline:20px;margin-inline:-20px;padding-inline:20px;padding-bottom:8px}.five-chapters .project-stage::-webkit-scrollbar{display:none}.five-chapters .project-panel{grid-area:auto;min-width:calc(100vw - 58px);max-width:calc(100vw - 58px);opacity:1;visibility:visible;pointer-events:auto;scroll-snap-align:start;transition:none}.five-chapters .project-screen{padding:13px;border-radius:17px}.five-chapters .screen-label{font-size:9px;padding-bottom:11px}.five-chapters .screen-label>span:first-child{font-size:11px}.five-chapters .project-screen img{border-radius:7px}.five-chapters .screen-open{display:none}.five-chapters .project-caption{display:block;padding:19px 2px 0}.five-chapters .project-caption h3{font-size:25px;margin-top:3px}.five-chapters .caption-kicker{font-size:11px}.five-chapters .mobile-summary{display:block;font-size:16px;line-height:1.8;color:var(--muted);margin-top:13px;min-height:3.6em}.five-chapters .project-caption .text-link{font-size:13px;margin-top:15px}.five-chapters .mobile-status{display:flex;padding:7px 2px 0;font-size:11px}.five-chapters .project-list{display:none}.five-chapters .mobile-project-progress{display:flex;align-items:center;gap:6px;margin-top:25px;justify-content:center}.five-chapters .mobile-project-progress span{height:3px;width:14px;border-radius:3px;background:var(--line);transition:width .2s,background .2s}.five-chapters .mobile-project-progress span.active{width:28px;background:var(--accent)}.five-chapters .footprint-layout{display:block}.five-chapters .footprint-intro .display{font-size:36px}.five-chapters .footprint-intro .eyebrow{margin-bottom:20px}.five-chapters .footprint-intro>p:not(.eyebrow){font-size:16px;margin:22px 0 14px}.five-chapters .footprint-records{margin-top:30px}.five-chapters .record{grid-template-columns:62px 1fr;gap:17px;padding:26px 0}.five-chapters .record-label{font-size:10px;gap:8px}.five-chapters .record-main{padding-right:27px}.five-chapters .record-main h3{font-size:19px}.five-chapters .record-main>p{font-size:14px;line-height:1.85}.five-chapters .record-main br{display:none}.five-chapters .account-line{gap:9px}.five-chapters .account-line img{width:36px;height:36px}.five-chapters .account-line h3{font-size:19px}.five-chapters .account-line>div>span{font-size:10px}.five-chapters .record-action{width:28px;height:28px}.five-chapters .record-action .icon{width:14px;height:14px}.five-chapters .record-topics{gap:5px;flex-wrap:wrap;margin-top:15px}.five-chapters .record-topics span{font-size:9px;padding:3px 6px}.five-chapters .project-records a{font-size:13px;gap:7px;padding-block:10px;flex-wrap:wrap}.five-chapters .project-records a span:nth-child(2){font-size:10px}.five-chapters .project-records a .icon{width:12px;height:12px}.five-chapters .record-source{font-size:10px}.five-chapters .collaboration{padding-top:0;padding-bottom:40px}.five-chapters .collab-panel{min-height:0;border-radius:20px}.five-chapters .collab-image{height:285px;-o-object-fit:cover;object-fit:cover;-o-object-position:75% 25%;object-position:75% 25%}.five-chapters .collab-shade{height:290px;background:linear-gradient(180deg,transparent 40%,var(--ui-page) 100%)}.five-chapters .collab-copy{width:auto;padding:270px 24px 34px}.five-chapters .collab-copy>.eyebrow{font-size:8px;letter-spacing:.12em;margin-bottom:18px}.five-chapters .collab-copy .display{font-size:34px;line-height:1.26}.five-chapters .collab-description{font-size:16px;line-height:1.85;margin-top:23px}.five-chapters .collab-types{gap:9px 14px;margin-top:22px}.five-chapters .collab-types li{font-size:11px}.five-chapters .collab-button{margin-top:27px;min-width:150px}.five-chapters .footer{padding-bottom:26px}.five-chapters .footer-top{display:grid;grid-template-columns:1fr auto;gap:28px;padding-top:0;padding-bottom:28px}.five-chapters .footer-brand{font-size:24px;gap:5px}.five-chapters .footer-brand span{font-size:11px}.five-chapters .footer nav{grid-column:1/3;grid-row:2;justify-content:space-between;gap:18px;width:100%;margin-left:0}.five-chapters .footer nav a{font-size:12px;gap:6px}.five-chapters .back-top{width:42px;height:42px;grid-column:2;grid-row:1}.five-chapters .footer-bottom{display:flex;gap:14px;font-size:10px;flex-wrap:wrap;padding-top:20px}.five-chapters .footer-bottom span:last-child{display:none}}@media (max-width:374px){.five-chapters .hero-copy h1{font-size:37px}.five-chapters .display,.five-chapters .footprint-intro .display{font-size:34px}.five-chapters .method-strip>div{-moz-column-gap:9px;column-gap:9px}.five-chapters .method-strip>div>span:last-child{font-size:9px}.five-chapters .collab-copy{padding-inline:21px}.five-chapters .collab-copy .display{font-size:31px}.five-chapters .record{grid-template-columns:54px 1fr;gap:13px}.five-chapters .record-main{padding-right:23px}.five-chapters .project-records a span:nth-child(2){font-size:9px}.five-chapters .footer nav{gap:12px}}.five-chapters .bio,.five-chapters .footprint-intro>p:not(.eyebrow),.five-chapters .project-heading>p{font-size:18px}.five-chapters .choice-summary,.five-chapters .record-main>p{font-size:16px}.five-chapters .account-line>div>span,.five-chapters .caption-kicker,.five-chapters .collab-copy>.eyebrow,.five-chapters .collab-types li,.five-chapters .footer-bottom,.five-chapters .footer-bottom span:last-child,.five-chapters .portrait figcaption,.five-chapters .project-records a span:nth-child(2),.five-chapters .project-status,.five-chapters .record-label,.five-chapters .record-source,.five-chapters .record-topics span,.five-chapters .screen-label,.five-chapters .work-caption small,.five-chapters .work-index{font-size:12px}.five-chapters .collab-description{font-size:18px}.five-chapters .rail-heading .eyebrow{font-size:12px}.five-chapters .choice-title{font-size:26px}.five-chapters .choice-summary{line-height:1.75}.five-chapters .project-choice{padding-block:21px}.five-chapters .project-heading{align-items:center}.five-chapters .footer nav a,.five-chapters .footer-brand span{font-size:13px}@media (min-width:1920px){.five-chapters .bio,.five-chapters .footprint-intro>p:not(.eyebrow),.five-chapters .project-heading>p{font-size:22px}.five-chapters .choice-summary,.five-chapters .record-main>p{font-size:20px}.five-chapters .choice-title{font-size:32px}.five-chapters .project-choice{padding-block:33px}.five-chapters .caption-kicker,.five-chapters .collab-types li,.five-chapters .project-records a span:nth-child(2),.five-chapters .project-status,.five-chapters .record-label,.five-chapters .record-source{font-size:15px}.five-chapters .collab-description{font-size:22px}}@media (max-width:767px){.five-chapters .bio,.five-chapters .collab-description,.five-chapters .footprint-intro>p:not(.eyebrow),.five-chapters .project-heading>p,.five-chapters .record-main>p{font-size:16px}.five-chapters .account-line>div>span,.five-chapters .caption-kicker,.five-chapters .collab-copy>.eyebrow,.five-chapters .collab-types li,.five-chapters .eyebrow,.five-chapters .footer-bottom,.five-chapters .footer-brand span,.five-chapters .hero-all,.five-chapters .hero-copy p,.five-chapters .method-strip .mono,.five-chapters .method-strip>div>span:last-child,.five-chapters .mobile-status,.five-chapters .portrait figcaption,.five-chapters .project-records a span:nth-child(2),.five-chapters .rail-heading .eyebrow,.five-chapters .record-label,.five-chapters .record-label .mono,.five-chapters .record-source,.five-chapters .record-topics span,.five-chapters .screen-label,.five-chapters .screen-label>span:first-child,.five-chapters .section-kicker .eyebrow,.five-chapters .section-kicker>span:last-child,.five-chapters .work-index{font-size:12px}.five-chapters .section-kicker>span:last-child{max-width:125px}.five-chapters .rail-heading .eyebrow{letter-spacing:.08em}.five-chapters .work-caption strong{font-size:13px}.five-chapters .portrait{padding-inline:12px}.five-chapters .portrait figcaption{flex-wrap:wrap;letter-spacing:.015em}.five-chapters .method-strip>div{grid-template-columns:20px 1fr;gap:4px 12px}.five-chapters .method-strip .mono{grid-row:1/3}.five-chapters .method-strip>div>span:last-child{grid-column:2;max-width:none}.five-chapters .record{grid-template-columns:54px 1fr;gap:14px}.five-chapters .record-label>span:last-child{max-width:48px;line-height:1.8}.five-chapters .record-main{padding-right:29px}.five-chapters .record-main>p{margin-top:15px}.five-chapters .project-records a{display:grid;grid-template-columns:1fr auto;gap:3px 8px}.five-chapters .project-records a span:first-child{font-size:15px}.five-chapters .project-records a span:nth-child(2){grid-column:1;margin-left:0}.five-chapters .project-records a .icon{grid-column:2;grid-row:1/3}.five-chapters .collab-types{gap:10px 14px}.five-chapters .collab-copy>.eyebrow{letter-spacing:.09em}.five-chapters .footer nav a{font-size:13px}.five-chapters .footer-bottom span:nth-child(2){margin-left:auto}}@media (prefers-reduced-motion:reduce){html .five-chapters{scroll-behavior:auto}.five-chapters *,.five-chapters :after,.five-chapters :before{animation:none!important;transition:none!important}.five-chapters .button:hover,.five-chapters .work-card:is(:hover,:focus-visible){transform:none}.five-chapters .work-card:is(:hover,:focus-visible) img{transform:none}}html .five-chapters{--story-anchor-offset:112px;--story-title:clamp(52px,calc(16px + 2.5vw),112px);--story-closing-title:clamp(64px,calc(25.6px + 2.667vw),128px);--story-card-title:clamp(26px,calc(12.8px + .9167vw),48px);--story-body:clamp(18px,calc(10.8px + .5vw),30px);--story-description:clamp(16px,calc(8.8px + .5vw),28px);--story-meta:clamp(13px,calc(7.6px + .375vw),22px);--story-belief:clamp(24px,calc(12px + .8333vw),44px);--story-section-space:clamp(96px,calc(57.6px + 2.667vw),160px);--story-gap:clamp(24px,calc(9.6px + 1vw),48px);--story-group-gap:clamp(32px,calc(8px + 1.667vw),72px);--story-card-inset:clamp(24px,calc(9.6px + 1vw),48px);--story-radius:clamp(20px,calc(12.8px + .5vw),32px);--story-control:clamp(48px,calc(31.2px + 1.167vw),76px);--story-icon:clamp(18px,calc(10.8px + .5vw),30px);--story-footprint-gap:clamp(56px,calc(36.8px + 1.333vw),88px);scroll-padding-top:var(--story-anchor-offset)}.five-chapters .restored-section{position:relative;background:var(--page);color:var(--ink)}.five-chapters .story-shell{margin-inline:auto}.five-chapters .story-section-heading h2{font:400 var(--story-title)/1.16 var(--display);letter-spacing:-.025em;text-wrap:balance}.five-chapters .story-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--story-gap);margin-top:var(--story-group-gap)}.five-chapters .story-actions .button{min-height:var(--story-control);height:auto;padding:12px var(--story-card-inset);font-size:var(--story-description)}.five-chapters .story-text-link{display:inline-flex;align-items:center;gap:calc(var(--story-icon) * .55);min-height:var(--story-control);font-size:var(--story-description);color:var(--muted);white-space:nowrap;transition:color .2s}.five-chapters .story-text-link .icon{width:var(--story-icon);height:var(--story-icon);transition:transform .2s}.five-chapters .story-text-link:is(:hover,:focus-visible){color:var(--accent)}.five-chapters .story-text-link:is(:hover,:focus-visible) .icon{transform:translate(2px,-2px)}.five-chapters .hero-copy p.hero-belief{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;-moz-column-gap:18px;column-gap:18px;row-gap:7px;margin-top:28px;font-size:clamp(12px,.93vw,17px);font-weight:600;letter-spacing:.15em;line-height:1.6;text-shadow:var(--ui-image-caption-shadow)}.five-chapters .hero-belief span{white-space:nowrap}.five-chapters .work-caption small{display:none}.five-chapters .work-index{font-size:12px}.five-chapters .hero-shade{background:var(--ui-hero-overlay)}.five-chapters .story-about-layout{display:grid;grid-template-columns:minmax(0,33.333333%) minmax(0,1fr);align-items:center;gap:min(12.5%,420px);padding-block:var(--story-section-space)}.five-chapters .story-about-portrait{position:relative;width:100%;aspect-ratio:4/5}.five-chapters .story-about-copy{padding-block:12px}.five-chapters .story-about-role{margin:0 0 calc(var(--story-group-gap) * .6);line-height:1.65;letter-spacing:.025em;color:var(--muted)}.five-chapters .story-about .story-section-heading h2{font-size:var(--story-title);line-height:1.1;letter-spacing:-.035em;white-space:nowrap}.five-chapters .name-period{color:var(--ink)}.five-chapters .story-about-introduction{margin-top:var(--story-group-gap);max-width:32ic;font-size:var(--story-body);line-height:1.9;color:var(--muted)}.five-chapters .story-about-introduction p+p{margin-top:1em}.five-chapters .story-belief{margin:var(--story-group-gap) 0 0}.five-chapters .story-belief p{font:500 var(--story-belief)/1.45 var(--body);color:var(--ink);letter-spacing:.055em}.five-chapters .story-belief span{display:block}.five-chapters .story-about-actions{margin-top:var(--story-group-gap)}.five-chapters .story-projects{background:var(--page)}.five-chapters .story-projects-content{padding-block:var(--story-section-space) var(--story-footprint-gap)}.five-chapters .story-section-heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--story-gap)}.five-chapters .story-section-heading-row>h2{flex-shrink:0}.five-chapters .story-projects-intro{width:44%;max-width:32ic;font-size:var(--story-body)}.five-chapters .story-section-deck{color:var(--muted);font-size:var(--story-body);line-height:1.8}.five-chapters .story-projects-intro .story-text-link{margin-top:calc(var(--story-group-gap) * .4)}.five-chapters .story-project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--story-gap);margin-top:clamp(40px,calc(16px + 1.667vw),80px)}.five-chapters .story-project-card{min-width:0;border:1px solid var(--line);border-radius:var(--story-radius);background:var(--surface);box-shadow:0 6px 20px color-mix(in srgb,var(--ink) 3%,transparent);transition:transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s,border-color .22s}.five-chapters .story-project-link{display:flex;flex-direction:column;height:100%;border-radius:inherit}.five-chapters .story-project-media{position:relative;aspect-ratio:16/10;margin:calc(var(--story-card-inset) * .6) calc(var(--story-card-inset) * .6) 0}.five-chapters .story-project-media img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:calc(var(--story-radius) * .5);background:var(--surface-alt)}.five-chapters .story-project-body{display:flex;flex-direction:column;flex:1;padding:var(--story-card-inset)}.five-chapters .story-project-title-row{display:flex;justify-content:space-between;align-items:center;gap:12px}.five-chapters .story-project-body h3{font-size:var(--story-card-title);font-weight:500;line-height:1.3;letter-spacing:-.045em}.five-chapters .project-card-arrow{display:grid;place-items:center;width:calc(var(--story-control) * .72);height:calc(var(--story-control) * .72);flex:none;border-radius:50%;background:var(--surface-alt);color:var(--muted);transition:color .2s,background .2s}.five-chapters .project-card-arrow .icon{width:var(--story-icon);height:var(--story-icon)}.five-chapters .story-project-body>p{margin-top:.5em;color:var(--muted);font-size:var(--story-body);line-height:1.6}.five-chapters .story-project-body>.story-project-description{margin-top:1em;margin-bottom:1.25em;font-size:var(--story-description);line-height:1.8}.five-chapters .story-project-status{display:flex;align-items:center;gap:.55em;margin-top:auto;padding-top:.5em;font-size:var(--story-meta);line-height:1.7;color:var(--muted)}.five-chapters .story-project-status .status-dot{width:.4em;height:.4em;flex:none;border-radius:50%;background:currentColor}.five-chapters .story-project-card:has(a:focus-visible){border-color:var(--accent)}.five-chapters .story-project-link:focus-visible{outline-offset:4px}.five-chapters .story-footprint-content{padding-bottom:var(--story-section-space)}.five-chapters .story-footprint-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:var(--story-gap);border-top:1px solid var(--line);padding-top:var(--story-group-gap)}.five-chapters .story-footprint-heading h2{font:400 var(--story-card-title)/1.3 var(--display);letter-spacing:-.025em}.five-chapters .story-footprint-heading p{margin-top:.7em;font-size:var(--story-meta);color:var(--muted);line-height:1.8}.five-chapters .story-footprint-entry{display:flex;align-items:center;min-width:0;gap:var(--story-gap);padding-block:12px;border-radius:8px}.five-chapters .footprint-visual{display:flex;align-items:center;justify-content:center;width:var(--story-control);height:var(--story-control);flex:none}.five-chapters .footprint-avatar img{width:100%;height:100%;border-radius:50%}.five-chapters .footprint-covers{position:relative}.five-chapters .footprint-covers img{position:absolute;width:58%;height:86%;-o-object-fit:cover;object-fit:cover;border-radius:4px;border:1px solid var(--surface);box-shadow:var(--ui-thumb-shadow);transition:transform .22s}.five-chapters .footprint-covers img:first-child{transform:translateX(-28%) rotate(-12deg)}.five-chapters .footprint-covers img:nth-child(2){transform:translateX(28%) rotate(12deg)}.five-chapters .footprint-covers img:nth-child(3){transform:translateY(-2px)}.five-chapters .footprint-entry-copy{display:flex;min-width:0;flex-direction:column;gap:.3em}.five-chapters .footprint-entry-copy strong{font-size:var(--story-body);line-height:1.5;font-weight:500}.five-chapters .footprint-entry-copy>span{font-size:var(--story-meta);color:var(--muted)}.five-chapters .story-footprint-entry>.icon{width:var(--story-icon);height:var(--story-icon);flex:none;color:var(--muted);margin-left:auto;transition:transform .2s,color .2s}.five-chapters .story-footprint-entry:is(:hover,:focus-visible)>.icon{color:var(--accent);transform:translate(2px,-2px)}.five-chapters .story-collaboration{overflow:hidden}.five-chapters .story-collaboration-image,.five-chapters .story-collaboration-overlay{position:absolute;inset:0;width:100%;height:100%}.five-chapters .story-collaboration-image{-o-object-position:center top;object-position:center top}.five-chapters .story-collaboration-overlay{background:var(--collaboration-overlay)}.five-chapters .story-collaboration-content{position:relative;display:flex;min-height:clamp(720px,72svh,1600px);flex-direction:column;justify-content:space-between;padding-block:var(--story-section-space) var(--story-gap);gap:var(--story-section-space)}.five-chapters .story-collaboration-main{width:56%;margin-block:auto}.five-chapters .story-collaboration-main h2{font:400 var(--story-closing-title)/1.22 var(--display);letter-spacing:-.035em;text-wrap:balance}.five-chapters .story-collaboration-main>p{margin-top:var(--story-group-gap);font-size:var(--story-body);line-height:1.8;color:var(--muted)}.five-chapters .story-collaboration-types{display:flex;flex-wrap:wrap;gap:.5em 1.5em;max-width:40em;margin-top:var(--story-gap);font-size:var(--story-meta)}.five-chapters .story-collaboration-types li{color:var(--muted);font-size:inherit;line-height:1.8}.five-chapters .story-collaboration-main .story-actions{margin-top:var(--story-group-gap)}.five-chapters .story-home-footer{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--story-gap);border-top:1px solid var(--line);padding-top:var(--story-gap)}.five-chapters .story-home-footer nav{display:flex;align-items:center;gap:var(--story-gap)}.five-chapters .story-home-footer nav a{display:inline-flex;align-items:center;min-height:var(--story-control);font-size:var(--story-meta);color:var(--muted)}.five-chapters .story-home-footer>p{justify-self:end;font-size:var(--story-meta);color:var(--muted)}@media (hover:hover) and (pointer:fine){.five-chapters .story-project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.five-chapters .story-project-link:focus-visible .project-card-arrow,.five-chapters .story-project-link:hover .project-card-arrow{color:var(--accent);background:var(--soft-accent)}.five-chapters .story-project-link:hover .project-card-arrow .icon{transform:translate(1px,-1px)}.five-chapters .story-footprint-entry:hover .footprint-covers img:first-child{transform:translateX(-14px) rotate(-16deg)}.five-chapters .story-footprint-entry:hover .footprint-covers img:nth-child(2){transform:translateX(14px) rotate(16deg)}}@media (min-width:768px) and (max-width:1199px){.five-chapters .story-shell{width:calc(100% - 80px)}.five-chapters .story-about-layout{grid-template-columns:.9fr 1.1fr;gap:56px;padding-block:104px}.five-chapters .story-about .story-section-heading h2{font-size:48px}.five-chapters .story-about-introduction{font-size:16px}.five-chapters .story-belief p{font-size:24px}.five-chapters .story-project-grid{gap:16px}.five-chapters .story-project-body{padding:18px}.five-chapters .story-project-body h3{font-size:23px}.five-chapters .story-project-body>p{font-size:14px}.five-chapters .story-footprint-grid{gap:22px}.five-chapters .story-footprint-entry{gap:12px}.five-chapters .footprint-visual{width:44px;height:44px}.five-chapters .footprint-entry-copy strong{font-size:16px}.five-chapters .footprint-entry-copy>span{font-size:12px}}@media (max-width:767px){html .five-chapters{--story-section-space:72px;--story-group-gap:26px;--story-footprint-gap:40px}.five-chapters .story-shell{width:calc(100% - 40px)}.five-chapters .hero-copy p.hero-belief{width:calc(100% - 40px);margin:24px auto 0;-moz-column-gap:9px;column-gap:9px;row-gap:5px;font-size:12px;letter-spacing:.065em}.five-chapters .hero-belief span:last-child{flex-basis:100%}.five-chapters .hero-shade{background:var(--ui-hero-overlay-mobile)}.five-chapters .story-about-layout{display:flex;flex-direction:column;align-items:stretch;padding-block:72px 80px;gap:38px}.five-chapters .story-about-portrait{width:100%;max-width:420px;align-self:center}.five-chapters .story-about-copy{padding-block:0}.five-chapters .story-about-role{font-size:13px;margin-bottom:14px}.five-chapters .story-about .story-section-heading h2{font-size:43px}.five-chapters .story-about-introduction{font-size:16px;line-height:1.85;margin-top:22px}.five-chapters .story-belief{margin-top:25px}.five-chapters .story-belief p{font-size:20px;line-height:1.45;max-width:100%}.five-chapters .story-actions{gap:24px;margin-top:26px}.five-chapters .story-actions .button{font-size:14px;min-height:48px}.five-chapters .story-section-heading h2{font-size:34px}.five-chapters .story-projects-content{padding-block:72px 40px}.five-chapters .story-section-heading-row{display:block}.five-chapters .story-projects-intro{width:100%;margin-top:22px}.five-chapters .story-section-deck{font-size:16px;line-height:1.8}.five-chapters .story-text-link{font-size:13px;gap:7px}.five-chapters .story-project-grid{display:flex;gap:16px;width:calc(100% + 40px);margin:28px -20px 0;padding:0 20px 12px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:20px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}.five-chapters .story-project-card{flex:0 0 calc(100vw - 66px);min-width:0;scroll-snap-align:start;border-radius:18px}.five-chapters .story-project-media{margin:12px 12px 0}.five-chapters .story-project-body{padding:20px}.five-chapters .story-project-body h3{font-size:25px}.five-chapters .story-project-body>.story-project-description,.five-chapters .story-project-body>p{font-size:16px}.five-chapters .story-project-status{margin-top:auto;font-size:12px}.five-chapters .story-footprint-content{padding-block:0 72px}.five-chapters .story-footprint-grid{grid-template-columns:1fr;gap:14px;padding-top:30px}.five-chapters .story-footprint-heading{margin-bottom:8px}.five-chapters .story-footprint-heading h2{font-size:28px}.five-chapters .story-footprint-heading p{font-size:13px}.five-chapters .story-footprint-entry{gap:20px;padding-block:16px}.five-chapters .footprint-entry-copy strong{font-size:17px}.five-chapters .footprint-entry-copy>span{font-size:13px}.five-chapters .story-collaboration-content{min-height:max(940px,100svh);padding-block:100px 24px;gap:70px}.five-chapters .story-collaboration-main{width:100%;margin-block:0 auto}.five-chapters .story-collaboration-main h2{font-size:40px;line-height:1.25}.five-chapters .story-collaboration-main>p{margin-top:20px;font-size:16px;max-width:340px}.five-chapters .story-collaboration-types{gap:8px 18px;margin-top:18px;max-width:340px}.five-chapters .story-collaboration-types li{font-size:12px}.five-chapters .story-collaboration-main .story-actions{gap:18px;margin-top:26px}.five-chapters .story-collaboration-image{top:400px;height:calc(100% - 460px);-o-object-position:70% 15%;object-position:70% 15%}.five-chapters .story-collaboration-overlay{background:var(--collaboration-overlay-mobile)}.five-chapters .story-home-footer{grid-template-columns:1fr auto;gap:18px;padding-top:20px}.five-chapters .story-home-footer nav{grid-column:1/3;grid-row:2;gap:0;justify-content:space-between}.five-chapters .story-home-footer>p{font-size:12px}}@media (max-width:374px){.five-chapters .story-about .story-section-heading h2{font-size:40px}.five-chapters .story-about-introduction{font-size:16px;letter-spacing:-.025em}.five-chapters .story-belief p{font-size:20px}.five-chapters .story-collaboration-main h2{font-size:37px}}@media (prefers-reduced-motion:reduce){.five-chapters .restored-section *{animation:none!important;transition:none!important}.five-chapters .story-project-card:hover{transform:none}}.five-chapters .story-actions .button .icon{width:var(--story-icon);height:var(--story-icon)}.five-chapters .story-home-footer>.brand{font-size:var(--story-body)}.five-chapters{--page:var(--ui-page);--surface:var(--ui-surface);--surface-alt:var(--ui-surface-secondary);--ink:var(--ui-text);--muted:var(--ui-text-muted);--line:var(--ui-border);--accent:var(--ui-accent);--soft-accent:var(--ui-selection);--glass:var(--ui-glass);--glass-border:var(--ui-glass-border);--nav-shadow:var(--ui-nav-shadow);--control-hover:var(--ui-hover);--shadow:var(--ui-shadow);--portrait-shadow:var(--ui-portrait-shadow);--portrait-shadow-active:var(--ui-portrait-shadow-active);--portrait-edge:var(--ui-glass-border);--portrait-sheen:var(--ui-portrait-sheen);--dialog-backdrop:var(--ui-backdrop);--collaboration-overlay:var(--ui-collaboration-overlay);--collaboration-overlay-mobile:var(--ui-collaboration-overlay-mobile)}html .five-chapters{scrollbar-gutter:stable}html .five-chapters .theme-changing *,html .five-chapters .theme-changing :after,html .five-chapters .theme-changing :before{transition:none!important}.five-chapters{background:var(--page);color:var(--ink)}.five-chapters .hero{background-color:var(--page)}body:has(.mobile-menu[open]),body:has(.portrait-dialog[open]){overflow:hidden}.five-chapters ::-moz-selection{background:var(--ui-editor-selection-bg);color:var(--ui-editor-selection-text)}.five-chapters ::selection{background:var(--ui-editor-selection-bg);color:var(--ui-editor-selection-text)}.five-chapters .nav-glass,.five-chapters .on-hero .nav-glass{background:color-mix(in srgb,var(--ui-nav-glass) 72%,transparent);color:var(--ink);border-color:color-mix(in srgb,var(--glass-border) 65%,transparent);box-shadow:var(--ui-thumb-shadow)}.five-chapters .desktop-nav a,.five-chapters .on-hero .desktop-nav a{color:var(--ui-text)}.five-chapters .desktop-nav a{position:relative}.five-chapters .desktop-nav a:hover,.five-chapters .on-hero .desktop-nav a:hover{background:var(--ui-nav-hover);color:var(--ui-nav-active-text)}.five-chapters .desktop-nav a[aria-current],.five-chapters .on-hero .desktop-nav a[aria-current]{background:var(--ui-nav-active-bg);color:var(--ui-nav-active-text)}.five-chapters .desktop-nav a[aria-current]:after{content:"";position:absolute;width:16px;height:1.5px;bottom:4px;left:calc(50% - 8px);border-radius:2px;background:var(--ui-nav-indicator)}.five-chapters .desktop-nav a:focus-visible{outline:2px solid var(--ui-nav-active-text);outline-offset:3px}.five-chapters .icon-button:hover{background:var(--control-hover)}.five-chapters .mobile-menu,.five-chapters .theme-menu{background:var(--ui-menu);color:var(--ink);border-color:var(--line);box-shadow:var(--shadow)}.five-chapters .mobile-menu::backdrop{background:var(--dialog-backdrop)}.five-chapters .brand img{border-color:var(--line)}.five-chapters .story-project-index{background:var(--glass);border-color:var(--glass-border);color:var(--ink);backdrop-filter:blur(16px)}.five-chapters .story-collaboration-image{pointer-events:none}.five-chapters .theme-image-dark{visibility:hidden}.five-chapters .theme-image-light,[data-theme=dark] .five-chapters .theme-image-dark{visibility:visible}[data-theme=dark] .five-chapters .theme-image-light{visibility:hidden}.five-chapters .story-collaboration-types li{background:transparent}.five-chapters .story-collaboration-main>p:last-of-type{max-width:min(100%,32ic)}.five-chapters .story-home-footer a:hover{color:var(--accent)}.five-chapters .story-about-portrait{isolation:isolate;background:var(--surface);border:1px solid var(--line);border-radius:var(--story-radius);box-shadow:var(--portrait-shadow);overflow:visible;transform:none;transition:transform .38s cubic-bezier(.16,1,.3,1),box-shadow .25s,border-color .25s}.five-chapters .story-about-portrait.is-tilting{transform:perspective(1200px) rotateX(var(--portrait-rx,0deg)) rotateY(var(--portrait-ry,0deg))}.five-chapters .portrait-open{display:block;position:relative;padding:0;overflow:hidden;border-radius:inherit;background:var(--surface-alt);cursor:zoom-in;text-align:left}.five-chapters .portrait-open img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit;transition:transform .5s cubic-bezier(.16,1,.3,1)}.five-chapters .portrait-open:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--portrait-mx,50%) var(--portrait-my,30%),var(--portrait-sheen),transparent 60%);opacity:0;transition:opacity .35s}.five-chapters .portrait-view-label{position:absolute;bottom:20px;right:20px;z-index:3;display:grid;place-items:center;width:var(--story-control);height:var(--story-control);border:1px solid var(--glass-border);border-radius:999px;background:var(--glass);color:var(--ink);backdrop-filter:blur(18px);opacity:.9;transition:opacity .2s,transform .25s,background-color .2s}.five-chapters .portrait-view-label .icon{width:var(--story-icon);height:var(--story-icon)}.five-chapters .story-about-portrait-caption{z-index:4;left:20px;right:20px;bottom:20px;padding:14px 16px;min-height:48px;align-items:center;background:var(--glass);border:1px solid var(--glass-border);border-radius:12px;backdrop-filter:blur(20px);color:var(--ink);font-size:11px;pointer-events:none;letter-spacing:.07em}.five-chapters .story-about-portrait:focus-within{border-color:var(--accent);box-shadow:var(--portrait-shadow-active)}.five-chapters .portrait-open:focus-visible{outline:none}.five-chapters .story-about-portrait:has(.portrait-open:focus-visible){border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--portrait-shadow)}.five-chapters .portrait-open:focus-visible .portrait-view-label{opacity:1;background:var(--surface)}@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.five-chapters .story-about-portrait:hover{box-shadow:var(--portrait-shadow-active);border-color:var(--accent)}.five-chapters .story-about-portrait:hover .portrait-open img{transform:scale(1.018)}.five-chapters .story-about-portrait:hover .portrait-open:after{opacity:1}.five-chapters .story-about-portrait:hover .portrait-view-label{opacity:1;transform:translateY(-2px)}}.five-chapters .portrait-dialog{width:min(680px,calc(100% - 40px));height:min(880px,calc(100svh - 40px));max-height:calc(100svh - 40px);padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:var(--shadow)}.five-chapters .portrait-dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:20px;animation:portrait-reveal .25s cubic-bezier(.16,1,.3,1)}.five-chapters .portrait-dialog::backdrop{background:var(--dialog-backdrop);backdrop-filter:blur(14px)}.five-chapters .portrait-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.five-chapters .portrait-dialog-head .eyebrow{font-size:11px;color:var(--accent);letter-spacing:.12em}.five-chapters .portrait-dialog-head h2{margin-top:3px;font-family:var(--display);font-size:28px}.five-chapters .portrait-dialog-image{width:100%;height:100%;min-height:0;-o-object-fit:contain;object-fit:contain;border-radius:14px}.five-chapters .portrait-dialog #portrait-dialog-description{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:var(--muted);font-size:13px}.five-chapters .portrait-dialog #portrait-dialog-description span{font-size:11px;letter-spacing:.06em}@keyframes portrait-reveal{0%{opacity:0;transform:translateY(8px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:767px){.five-chapters .story-about-portrait{border-radius:20px}.five-chapters .story-about-portrait-caption{left:16px;right:16px;bottom:16px;padding:12px;font-size:12px;gap:4px;letter-spacing:.025em}.five-chapters .portrait-view-label{bottom:18px;right:18px}.five-chapters .portrait-dialog{padding:18px;border-radius:20px;width:calc(100% - 24px);height:calc(100svh - 32px);max-height:calc(100svh - 32px)}.five-chapters .portrait-dialog[open]{gap:16px}.five-chapters .portrait-dialog #portrait-dialog-description span,.five-chapters .portrait-dialog-head .eyebrow{font-size:12px}}@media(prefers-reduced-motion:reduce){.five-chapters .portrait-view-label,.five-chapters .story-about-portrait,.five-chapters .story-about-portrait:hover .portrait-open img{transform:none!important}.five-chapters .portrait-dialog[open]{animation:none}}.five-chapters .button-primary,.five-chapters .workbench{background:var(--ui-button-bg);color:var(--ui-button-text);border:1px solid var(--ui-border-control)}.five-chapters .button-primary:hover,.five-chapters .workbench:hover{background:var(--ui-hover)}.five-chapters .button-primary:active,.five-chapters .icon-button:active,.five-chapters .workbench:active{background:var(--ui-pressed)}.five-chapters .button:disabled,.five-chapters .workbench[aria-disabled=true]{background:var(--ui-disabled-bg);color:var(--ui-disabled-text);border-color:var(--ui-border);cursor:not-allowed;box-shadow:none;transform:none}.five-chapters .theme-menu button:active{background:var(--ui-pressed)}.five-chapters .story-project-status[data-status=live]{color:var(--ui-success)}.five-chapters .story-project-status[data-status=building],.five-chapters .story-project-status[data-status=internal]{color:var(--ui-text-muted)}.five-chapters .story-text-link:focus-visible,.five-chapters .workbench:focus-visible{outline:2px solid var(--ui-focus);outline-offset:3px}@supports not (backdrop-filter:blur(1px)){.five-chapters .nav-glass,.five-chapters .on-hero .nav-glass{background:var(--ui-surface)}}.five-chapters .nav-actions .workbench{background:var(--ui-nav-button-bg);color:var(--ui-nav-button-text);border-color:var(--ui-nav-button-border);transition:background-color .2s,border-color .2s,color .2s}.five-chapters .nav-actions .workbench:hover{background:var(--ui-nav-button-hover)}.five-chapters .nav-actions .workbench:active{background:var(--ui-nav-button-pressed)}.five-chapters .nav-actions .workbench:focus-visible{outline-color:var(--ui-nav-button-text)}.five-chapters .nav-actions .workbench .icon{transition:transform .2s}@media(hover:hover) and (prefers-reduced-motion:no-preference){.five-chapters .nav-actions .workbench:hover .icon{transform:translate(2px,-2px)}}@media(min-width:2561px){.five-chapters .hero{max-height:none}.five-chapters .hero-copy{padding-top:clamp(380px,25.8svh,760px)}.five-chapters .hero-copy h1{font-size:clamp(128px,5vw,192px)}.five-chapters .hero-copy p{font-size:clamp(17px,.664vw,25px);margin-top:clamp(27px,1.055vw,40px)}.five-chapters .hero-works{width:min(78.125%,3000px);max-width:none;bottom:clamp(55px,2.15vw,83px)}.five-chapters .works-track{gap:clamp(22px,.86vw,33px)}.five-chapters .work-card{max-height:clamp(360px,14.063vw,540px)}.five-chapters .work-caption strong{font-size:clamp(20px,.781vw,30px)}.five-chapters .work-index{font-size:clamp(13px,.508vw,19px)}}@media(min-width:1600px){html .five-chapters{scroll-padding-top:var(--story-anchor-offset)}.five-chapters .site-nav{top:clamp(22px,1.15vw,44px)}.five-chapters .nav-glass{width:min(87.5%,3360px);max-width:none;height:clamp(62px,3.125vw,112px);gap:clamp(20px,1.05vw,40px);padding:clamp(6px,.31vw,12px) clamp(8px,.42vw,16px) clamp(6px,.31vw,12px) clamp(16px,.84vw,32px)}.five-chapters .brand{gap:clamp(10px,.52vw,20px);font-size:clamp(16px,.79vw,28px)}.five-chapters .brand img{width:clamp(34px,1.67vw,60px);height:clamp(34px,1.67vw,60px)}.five-chapters .desktop-nav{gap:clamp(4px,.21vw,8px)}.five-chapters .desktop-nav a{font-size:clamp(14px,.73vw,26px);padding:clamp(9px,.47vw,18px) clamp(14px,.78vw,28px)}.five-chapters .desktop-nav a[aria-current]:after{width:clamp(16px,.83vw,30px);left:50%;transform:translateX(-50%);bottom:clamp(4px,.21vw,8px)}.five-chapters .nav-actions{gap:clamp(8px,.42vw,16px)}.five-chapters .nav-actions .icon-button{width:clamp(42px,2.03vw,74px);height:clamp(42px,2.03vw,74px)}.five-chapters .nav-actions .icon-button .icon{width:clamp(18px,.89vw,32px);height:clamp(18px,.89vw,32px)}.five-chapters .nav-actions .workbench{height:clamp(42px,2.2vw,80px);padding-inline:clamp(19px,.99vw,36px);gap:clamp(14px,.73vw,26px);font-size:clamp(14px,.73vw,26px)}.five-chapters .nav-actions .workbench .icon{width:clamp(16px,.83vw,30px);height:clamp(16px,.83vw,30px)}.five-chapters .theme-menu{top:calc(100% + 14px);width:clamp(188px,9.8vw,320px);padding:clamp(8px,.42vw,14px)}.five-chapters .theme-menu p{font-size:clamp(12px,.63vw,20px)}.five-chapters .theme-menu button{height:clamp(42px,2.2vw,72px);font-size:clamp(13px,.68vw,24px)}.five-chapters .theme-menu button .icon{width:clamp(16px,.83vw,28px);height:clamp(16px,.83vw,28px)}}@media (min-width:1200px){.five-chapters .portrait-view-label{bottom:var(--story-card-inset);right:var(--story-card-inset)}.five-chapters .portrait-dialog{width:min(clamp(680px,40vw,1440px),calc(100% - 64px));height:min(88svh,1840px);padding:var(--story-card-inset)}.five-chapters .portrait-dialog-head h2{font-size:var(--story-card-title)}.five-chapters .portrait-dialog #portrait-dialog-description{font-size:var(--story-meta)}.five-chapters .portrait-dialog-head .icon-button{width:var(--story-control);height:var(--story-control)}.five-chapters .portrait-dialog-head .icon-button .icon{width:var(--story-icon);height:var(--story-icon)}}.five-chapters .nav-glass{height:52px;padding:3px 6px 3px 12px}.five-chapters .brand img{width:28px;height:28px}.five-chapters .desktop-nav a{padding-block:7px}.five-chapters .nav-actions .workbench{position:relative;height:36px;padding-inline:20px;gap:0;font-weight:500}.five-chapters .nav-actions .workbench:after{content:"";position:absolute;inset:-4px 0}.five-chapters .hero{--preview-title-shadow:var(--ui-image-caption-shadow);--preview-title-scrim:var(--ui-media-13ea0f53)}.five-chapters .hero-copy{text-shadow:var(--preview-title-shadow)}.five-chapters .hero-copy h1{-webkit-text-stroke:.003em currentColor;paint-order:stroke fill}.five-chapters .hero-copy p{font-family:var(--font-body),"Segoe UI",sans-serif;font-size:clamp(18px,1.4vw,44px);letter-spacing:.18em;margin-top:22px;text-shadow:var(--preview-title-shadow)}@media(min-width:1600px){.five-chapters .nav-glass{height:clamp(56px,3vw,116px);padding:clamp(3px,.2vw,8px) clamp(6px,.35vw,14px) clamp(3px,.2vw,8px) clamp(12px,.7vw,26px)}.five-chapters .brand img{width:clamp(30px,1.5vw,56px);height:clamp(30px,1.5vw,56px)}.five-chapters .brand{font-size:clamp(17px,.84vw,32px)}.five-chapters .desktop-nav a{font-size:clamp(15px,.8vw,30px);padding:clamp(8px,.42vw,16px) clamp(14px,.78vw,28px)}.five-chapters .nav-actions .workbench{height:clamp(40px,2.05vw,78px);font-size:clamp(15px,.8vw,30px);padding-inline:clamp(20px,1.1vw,42px)}.five-chapters .hero-copy p{margin-top:clamp(24px,.9vw,36px)}}@media(max-width:767px){.five-chapters .nav-glass{height:52px;padding:3px 5px 3px 12px}.five-chapters .nav-actions .menu-trigger{width:44px;height:44px}.five-chapters .hero-copy p{font-size:15px;letter-spacing:.19em;margin-top:22px}}.five-chapters .site-nav.on-hero{--preview-hero-nav-bg:color-mix(in srgb,var(--ui-media-stage-bg) 42%,transparent);--preview-hero-nav-border:color-mix(in srgb,var(--ui-on-image) 15%,transparent);--preview-hero-nav-control:var(--ui-image-edge);--preview-hero-nav-control-border:color-mix(in srgb,var(--ui-on-image) 11%,transparent)}.five-chapters .site-nav.on-hero .nav-glass{background:var(--preview-hero-nav-bg);color:var(--ui-on-image);border-color:var(--preview-hero-nav-border);box-shadow:inset 0 1px 0 var(--ui-image-sheen),var(--ui-image-shadow);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.five-chapters .site-nav.on-hero .desktop-nav a{color:var(--ui-on-image-muted)}.five-chapters .site-nav.on-hero .desktop-nav a:is(:hover,[aria-current]){background:var(--preview-hero-nav-control);color:var(--ui-on-image)}.five-chapters .site-nav.on-hero .desktop-nav a[aria-current]:after{background:var(--ui-on-image)}.five-chapters .site-nav.on-hero .workbench{background:var(--preview-hero-nav-control);color:var(--ui-on-image);border-color:var(--preview-hero-nav-control-border)}.five-chapters .site-nav.on-hero .workbench:hover{background:var(--preview-hero-nav-border)}.five-chapters .site-nav.on-hero .workbench:active{background:var(--ui-image-border)}.five-chapters .site-nav.on-hero :focus-visible{outline-color:var(--ui-image-focus)}@supports not (backdrop-filter:blur(1px)){.five-chapters .site-nav.on-hero .nav-glass{background:var(--ui-media-stage-bg)}}.five-chapters .hero-shade:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 46% 20% at 50% 35%,var(--preview-title-scrim),transparent)}.five-chapters .hero-shade:after{content:"";position:absolute;inset:65% 0 0;background:linear-gradient(180deg,transparent,var(--ui-media-stage-bg) 92%)}.five-chapters .hero-works.shell{width:min(calc(100% - 128px),1248px);max-width:none;bottom:12px;container-type:inline-size}.five-chapters .gallery-viewport{position:relative;width:var(--gallery-screen-width,100vw);margin-left:calc((100% - var(--gallery-screen-width,100vw)) / 2);height:calc(100cqw * .235 + 24px);overflow:hidden;isolation:isolate;-webkit-mask-image:linear-gradient(to right,transparent,var(--ui-mask-81ef715e) clamp(12px,2.2vw,72px),var(--ui-mask-81ef715e) calc(100% - clamp(12px,2.2vw,72px)),transparent);mask-image:linear-gradient(to right,transparent,var(--ui-mask-81ef715e) clamp(12px,2.2vw,72px),var(--ui-mask-81ef715e) calc(100% - clamp(12px,2.2vw,72px)),transparent)}.five-chapters .gallery-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.five-chapters .gallery-viewport .works-track{display:flex;gap:14px;height:100%;padding:12px 0;margin:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;perspective:none;scroll-snap-type:x proximity;touch-action:pan-y pinch-zoom}.five-chapters .gallery-viewport .work-card{flex:0 0 min(calc((100cqw - 70px) / 6 * .94),23.2svh);min-width:0;width:auto;height:auto;aspect-ratio:4/5;max-height:none;transform:none;border-radius:10%/10%;scroll-snap-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-user-drag:none}.five-chapters .gallery-viewport .work-caption small{display:none}.five-chapters .gallery-viewport .work-caption strong{font-size:clamp(13px,1.02cqw,30px)}.five-chapters .gallery-viewport .work-index{font-size:clamp(12px,.65cqw,19px)}.five-chapters .gallery-viewport[data-renderer=webgl] .works-track{position:absolute;inset:0;overflow:clip;scroll-snap-type:none;overflow-anchor:none;display:block;padding:0;cursor:grab}.five-chapters .gallery-viewport[data-renderer=webgl] .works-track.is-dragging{cursor:grabbing}.five-chapters .gallery-viewport[data-renderer=webgl] .work-card{position:absolute;left:0;top:0;width:var(--card-width);height:var(--card-height);border:0;background:transparent;box-shadow:none;transition:none;transform-origin:center;scroll-snap-align:none}.five-chapters .gallery-viewport[data-renderer=webgl] .work-card img{opacity:0}.five-chapters .gallery-viewport[data-renderer=webgl] .work-card:is(:hover,:focus-visible){transform:none}.five-chapters .gallery-viewport .work-card:focus-visible{outline:2px solid var(--ui-image-focus);outline-offset:3px}.five-chapters .gallery-viewport[data-renderer=fallback] .works-track{touch-action:auto}.five-chapters .gallery-footer{position:relative;min-height:52px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;margin-top:2px;color:var(--ui-on-image-muted)}.five-chapters .hero-chapters{grid-column:2;display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.6cqw,42px)}.five-chapters .hero-chapters a{min-height:44px;display:flex;align-items:center;white-space:nowrap;font-size:clamp(13px,.72cqw,18px);line-height:1.5;color:var(--ui-on-image-muted);transition:color .2s}.five-chapters .hero-chapters a+a:before{content:"";width:clamp(8px,.65cqw,18px);height:1px;margin-right:clamp(12px,1.6cqw,42px);background:currentColor;opacity:.4;pointer-events:none}.five-chapters .hero-chapters a:focus-visible,.five-chapters .hero-chapters a:hover{color:var(--ui-on-image)}.five-chapters .gallery-controls{grid-column:3;justify-self:end;display:flex;align-items:center;gap:2px}.five-chapters .gallery-control{position:relative;width:44px;height:44px;padding:0;border:0;border-radius:50%;display:grid;place-items:center;color:var(--ui-on-image-muted);background:transparent;cursor:pointer;transition:color .2s}.five-chapters .gallery-control:focus-visible,.five-chapters .gallery-control:hover{color:var(--ui-on-image);background:transparent}.five-chapters .gallery-control:focus-visible,.five-chapters .hero-chapters a:focus-visible{outline:2px solid var(--ui-image-focus);outline-offset:2px}.five-chapters .gallery-control .icon{width:17px;height:17px}.five-chapters .gallery-control:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 4px);left:50%;transform:translate(-50%,4px);font-size:12px;white-space:nowrap;padding:5px 10px;border-radius:8px;color:var(--ui-text);background:var(--ui-surface);box-shadow:var(--ui-shadow);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s,transform .18s}.five-chapters .gallery-control:is(:hover,:focus-visible):after{opacity:1;visibility:visible;transform:translate(-50%)}.five-chapters .gallery-control[aria-expanded=true]:after,.five-chapters .gallery-control[data-paused=false] .play-icon,.five-chapters .gallery-control[data-paused=true] .pause-icon,.five-chapters .gallery-control[hidden]{display:none}.five-chapters .theme-menu.gallery-appearance-menu{position:fixed;z-index:220;top:auto;right:auto;bottom:auto;width:190px;padding:8px;transform:none}.five-chapters .gallery-appearance-menu p{font-size:12px}.five-chapters .gallery-appearance-menu button{min-height:44px;height:auto;font-size:13px}.five-chapters .gallery-appearance-menu button .icon{width:16px;height:16px}@media(min-width:1600px){.five-chapters .hero-works.shell{width:min(87.5%,3360px);bottom:clamp(12px,.52vw,20px)}.five-chapters .gallery-footer{min-height:clamp(52px,1.875vw,72px);margin-top:clamp(2px,.25vw,9px)}.five-chapters .gallery-controls{gap:8px}.five-chapters .gallery-control{width:clamp(44px,1.5vw,58px);height:clamp(44px,1.5vw,58px)}.five-chapters .gallery-control .icon{width:18px;height:18px}}@media(min-width:768px) and (max-width:1023px){.five-chapters .hero-works.shell{width:calc(100% - 64px)}.five-chapters .gallery-viewport{height:calc(100cqw * .36 + 24px)}.five-chapters .gallery-viewport .work-card{flex-basis:min(calc((100cqw - 42px)/4 * .94),23.2svh)}}@media(max-width:767px){.five-chapters .hero-works.shell{width:100%;bottom:12px}.five-chapters .gallery-viewport{height:calc(100cqw * .59 + 24px)}.five-chapters .gallery-viewport .works-track{padding-inline:20px}.five-chapters .gallery-viewport .work-card{flex-basis:calc((100% - 14px)/2.4)}.five-chapters .gallery-viewport .work-caption{left:10px;right:10px;bottom:12px}.five-chapters .gallery-viewport .work-caption strong{font-size:13px}.five-chapters .gallery-footer{grid-template-columns:1fr auto;gap:2px;padding-inline:12px;margin-top:0}.five-chapters .hero-chapters{grid-column:1;justify-content:flex-start;gap:6px}.five-chapters .hero-chapters a{font-size:12px}.five-chapters .hero-chapters a+a:before{width:5px;margin-right:6px}.five-chapters .gallery-controls{grid-column:2;gap:0}}.five-chapters{--display:var(--font-display),"Songti SC","STSong","SimSun",serif;--story-title:clamp(56px,calc(22.4px + 2.3333vw),112px);--chapter-space:clamp(96px,calc(57.6px + 2.667vw),160px)}.five-chapters .story-shell{width:min(87.5%,3360px)}.five-chapters .nav-glass{width:min(87.5%,3360px);height:clamp(58px,calc(35.2px + 1.5833vw),96px)}.five-chapters .nav-actions .workbench{height:clamp(42px,calc(24px + 1.25vw),72px)}.five-chapters .hero-copy h1{font-size:clamp(88px,calc(25.6px + 4.3333vw),192px)}.five-chapters .hero-copy p{font-size:clamp(24px,calc(12px + .8333vw),44px);font-weight:500;letter-spacing:.22em;line-height:1.5}.five-chapters .hero-works.shell{bottom:clamp(10px,.52vw,20px)}.five-chapters .chapter-label{font:500 var(--story-meta)/1.5 var(--body);letter-spacing:.12em;color:var(--muted);margin:0 0 var(--story-group-gap)}.five-chapters .story-about-layout{grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--story-gap);padding-block:var(--chapter-space)}.five-chapters .story-about-portrait{grid-column:1/5}.five-chapters .story-about-copy{grid-column:6/13;max-width:32ic;font-size:var(--story-body)}.five-chapters .story-about-role{font-size:var(--story-meta)}.five-chapters .story-about-introduction{line-height:1.85}.five-chapters .story-belief p{letter-spacing:.025em}.five-chapters .portrait-open:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.five-chapters .story-about-portrait:has(.portrait-open:focus-visible){box-shadow:var(--portrait-shadow)}.five-chapters .story-about-portrait:hover .portrait-open img{transform:scale(1.01)}.five-chapters .story-projects-content{padding-block:var(--chapter-space);border-top:1px solid var(--line)}.five-chapters .story-section-heading-row{align-items:flex-start}.five-chapters .showcase{display:grid;grid-template-columns:minmax(0,7.8fr) minmax(0,4.2fr);gap:clamp(40px,2.5vw,96px);align-items:center;margin-top:var(--story-group-gap)}.five-chapters .showcase-stage{position:sticky;top:var(--story-anchor-offset);align-self:start;aspect-ratio:16/10;border-radius:var(--story-radius);background:var(--surface-alt);box-shadow:var(--shadow);overflow:hidden}.five-chapters .switch-image{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .32s ease,visibility .32s}.five-chapters .switch-image.is-active{opacity:1;visibility:visible;z-index:1}.five-chapters .switch-image img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.five-chapters .preview-open{display:flex;align-items:center;gap:.7em;position:absolute;bottom:var(--story-gap);right:var(--story-gap);padding:12px 18px;border-radius:999px;background:var(--surface);color:var(--ink);font-size:var(--story-meta);box-shadow:var(--shadow);opacity:0;transform:translateY(4px);transition:opacity .2s,transform .2s}.five-chapters .switch-image:is(:hover,:focus-visible) .preview-open{opacity:1;transform:none}.five-chapters .preview-open .icon{width:var(--story-icon);height:var(--story-icon)}.five-chapters .showcase-item{padding:clamp(20px,1.15vw,44px) 0;border-top:1px solid var(--line);position:relative}.five-chapters .showcase-item:last-child{border-bottom:1px solid var(--line)}.five-chapters .showcase-select{width:100%;display:grid;grid-template-columns:2em 1fr 1em;gap:.6em;text-align:left;color:var(--ink);font-size:var(--story-card-title);cursor:pointer;background:transparent;padding:0}.five-chapters .item-number{font:400 var(--story-meta)/1.5 var(--body);color:var(--muted);padding-top:.35em;font-variant-numeric:tabular-nums}.five-chapters .archive-select strong,.five-chapters .showcase-select strong{font-weight:500;line-height:1.35;letter-spacing:-.02em}.five-chapters .showcase-select small{display:block;font-size:var(--story-description);color:var(--muted);margin-top:.35em;line-height:1.5}.five-chapters .selection-mark{color:var(--muted);opacity:0;transform:translateX(-4px);transition:.2s}.five-chapters .selection-mark .icon{width:var(--story-icon);height:var(--story-icon)}.five-chapters .showcase-item.is-active .selection-mark{opacity:1;color:var(--accent);transform:none}.five-chapters .showcase-item.is-active:before{content:"";position:absolute;left:0;top:-1px;width:clamp(32px,2vw,72px);height:2px;background:var(--accent)}.five-chapters .showcase-details{padding-left:calc(var(--story-card-title) * 2.6);margin-top:14px}.five-chapters .showcase-details>p{color:var(--muted);font-size:var(--story-description);line-height:1.8}.five-chapters .showcase-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:16px;font-size:var(--story-meta);line-height:1.5}.five-chapters .project-stage{color:var(--muted)}.five-chapters .showcase-bottom a{display:inline-flex;align-items:center;gap:.5em;min-height:44px}.five-chapters .showcase-bottom .icon{width:var(--story-icon);height:var(--story-icon)}.five-chapters .showcase-mobile-image{display:none}.five-chapters .story-footprint{background:var(--page)}.five-chapters .story-footprint-content{padding-block:var(--chapter-space)}.five-chapters .archive-heading{display:grid;grid-template-columns:1fr 1fr;gap:var(--story-gap);align-items:end}.five-chapters .archive-directions{font-size:var(--story-body);color:var(--muted);margin-top:var(--story-gap)}.five-chapters .archive-context{justify-self:end;width:min(100%,24em);font-size:var(--story-body)}.five-chapters .archive-counts{display:flex;gap:clamp(64px,6vw,230px)}.five-chapters .archive-counts>div{display:flex;flex-direction:column-reverse;gap:8px}.five-chapters .archive-counts dd{font-size:clamp(56px,4vw,128px);font-weight:400;letter-spacing:-.07em;line-height:1}.five-chapters .archive-counts dt{font-size:var(--story-meta);color:var(--muted);line-height:1.5}.five-chapters .archive-social{display:flex;align-items:center;gap:var(--story-gap);border-top:1px solid var(--line);padding-top:var(--story-gap);margin-top:var(--story-group-gap)}.five-chapters .archive-social img{width:var(--story-control);height:var(--story-control);border-radius:50%}.five-chapters .archive-social small{display:block;color:var(--muted);font-size:var(--story-meta);margin-top:.4em}.five-chapters .archive-social>.icon{margin-left:auto;width:var(--story-icon);height:var(--story-icon)}.five-chapters .archive-display{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,6fr);gap:clamp(56px,7vw,270px);margin-top:var(--story-group-gap);align-items:center}.five-chapters .archive-stage{position:relative;aspect-ratio:4/5;max-width:980px;width:100%;overflow:hidden;border-radius:var(--story-radius);background:var(--surface-alt)}.five-chapters .archive-item{display:flex;align-items:center;border-top:1px solid var(--line);padding-block:clamp(20px,1.5vw,56px);gap:var(--story-gap)}.five-chapters .archive-item:nth-last-child(2){border-bottom:1px solid var(--line)}.five-chapters .archive-select{flex:1;min-width:0;display:grid;grid-template-columns:2.5em 1fr;align-items:start;text-align:left;background:transparent;color:var(--ink);font-size:var(--story-card-title);padding:0;cursor:pointer}.five-chapters .archive-select small{display:block;font-size:var(--story-meta);color:var(--muted);margin-top:.5em}.five-chapters .archive-item.is-active .item-number{color:var(--accent)}.five-chapters .archive-item.is-active .archive-select strong{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:1px;text-underline-offset:.3em}.five-chapters .archive-detail{display:grid;place-items:center;width:var(--story-control);height:var(--story-control);border-radius:50%;background:transparent;color:var(--muted);transition:background .2s,color .2s;flex:none}.five-chapters .archive-detail:hover,.five-chapters .archive-item.is-active .archive-detail{background:var(--surface-alt);color:var(--ink)}.five-chapters .archive-detail .icon{width:var(--story-icon);height:var(--story-icon)}.five-chapters .archive-all{margin-top:var(--story-gap)}.five-chapters .practice-heading{display:flex;justify-content:space-between;gap:var(--story-gap);margin-top:var(--chapter-space);padding-bottom:var(--story-gap);font-size:var(--story-description)}.five-chapters .practice-heading>span{color:var(--muted);font-size:var(--story-meta)}.five-chapters .practice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--story-group-gap)}.five-chapters .practice-item{display:flex;flex-direction:column;border-top:1px solid var(--line);padding-top:var(--story-gap)}.five-chapters .practice-index,.five-chapters .practice-status{font-size:var(--story-meta);color:var(--muted);line-height:1.6}.five-chapters .practice-item h3{font:400 var(--story-card-title)/1.5 var(--display);margin:var(--story-gap) 0}.five-chapters .practice-status{display:flex;justify-content:space-between;align-items:center;margin-top:auto}.five-chapters .practice-status .icon{width:var(--story-icon);height:var(--story-icon);transition:transform .2s}.five-chapters .practice-item:hover .icon{transform:translate(2px,-2px)}.five-chapters .story-collaboration-content{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr auto;align-items:center;-moz-column-gap:var(--story-gap);column-gap:var(--story-gap);row-gap:var(--story-gap);min-height:100svh;padding-top:var(--chapter-space)}.five-chapters .story-collaboration-main{width:100%;min-width:0}.five-chapters .story-collaboration-visual{position:relative;width:100%;height:clamp(520px,72svh,1560px);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,var(--ui-mask-81ef715e) 8%,var(--ui-mask-81ef715e) 92%,transparent),linear-gradient(180deg,transparent,var(--ui-mask-81ef715e) 2%,var(--ui-mask-81ef715e) 92%,transparent);mask-image:linear-gradient(90deg,transparent,var(--ui-mask-81ef715e) 8%,var(--ui-mask-81ef715e) 92%,transparent),linear-gradient(180deg,transparent,var(--ui-mask-81ef715e) 2%,var(--ui-mask-81ef715e) 92%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.five-chapters .story-collaboration-image{inset:0;width:100%;height:110%;-o-object-fit:cover;object-fit:cover;-o-object-position:85% top;object-position:85% top}.five-chapters .story-home-footer{grid-column:1/-1}.five-chapters .story-collaboration-main>.chapter-label{font-size:var(--story-meta);margin:0 0 var(--story-group-gap)}.five-chapters .story-collaboration-types{gap:.75em 1.5em}.five-chapters :is(.showcase-select,.archive-select,.archive-detail,.practice-item,.archive-social):focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:4px}@media(max-width:1199px) and (min-width:768px){.five-chapters .story-shell{width:calc(100% - 80px)}.five-chapters .showcase{grid-template-columns:1.2fr 1fr;gap:32px}.five-chapters .showcase-details{padding-left:0}.five-chapters .archive-display{gap:40px}.five-chapters .hero-copy h1{font-size:76px}}@media(max-width:767px){.five-chapters{--story-title:36px;--story-card-title:24px;--story-body:16px;--story-description:16px;--story-meta:12px;--story-control:48px;--story-icon:20px;--story-gap:20px;--story-group-gap:28px;--chapter-space:72px}.five-chapters .story-shell{width:calc(100% - 40px)}.five-chapters .nav-glass{height:54px;width:calc(100% - 32px)}.five-chapters .hero-copy h1{font-size:clamp(42px,11.5vw,56px);line-height:1.35}.five-chapters .hero-copy p{font-size:18px;letter-spacing:.18em}.five-chapters .story-about-layout{display:flex;gap:32px}.five-chapters .story-about-copy{max-width:none}.five-chapters .story-about .story-section-heading h2{font-size:38px}.five-chapters .chapter-label{font-size:12px;margin-bottom:24px}.five-chapters .story-about-role{font-size:13px}.five-chapters .story-about-introduction,.five-chapters .story-actions .button,.five-chapters .story-text-link{font-size:16px}.five-chapters .showcase{display:block;margin-top:28px}.five-chapters .showcase-stage{display:none}.five-chapters .showcase-list{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding:20px;margin-inline:-20px;padding:0 20px 16px;scrollbar-width:thin}.five-chapters .showcase-item{flex:0 0 calc(100vw - 64px);min-width:0;border:1px solid var(--line);border-radius:20px;padding:12px;background:var(--surface);scroll-snap-align:start;display:flex;flex-direction:column}.five-chapters .showcase-item.is-active:before{display:none}.five-chapters .showcase-mobile-image{display:block;width:100%;aspect-ratio:16/10;height:auto;-o-object-fit:contain;object-fit:contain;border-radius:10px;margin-bottom:24px}.five-chapters .showcase-select{grid-template-columns:1fr;font-size:24px;padding-inline:8px}.five-chapters .showcase-select .item-number,.five-chapters .showcase-select .selection-mark{display:none}.five-chapters .showcase-details{padding:0 8px 8px;flex:1;display:flex;flex-direction:column}.five-chapters .showcase-details>p{font-size:16px;line-height:1.75}.five-chapters .showcase-bottom{margin-top:auto;padding-top:18px;font-size:12px}.five-chapters .archive-heading{grid-template-columns:1fr;gap:32px}.five-chapters .archive-context{width:100%;justify-self:stretch}.five-chapters .archive-counts{gap:64px}.five-chapters .archive-counts dd{font-size:56px}.five-chapters .archive-social{margin-top:24px}.five-chapters .archive-display{grid-template-columns:1fr;gap:24px;margin-top:32px}.five-chapters .archive-stage{width:76%;margin-inline:auto;max-width:420px}.five-chapters .archive-item{padding-block:20px}.five-chapters .archive-select{font-size:20px;grid-template-columns:2em 1fr}.five-chapters .archive-select small{font-size:12px}.five-chapters .archive-detail{width:44px;height:44px}.five-chapters .practice-heading{display:block;margin-top:56px}.five-chapters .practice-heading>span{display:block;margin-top:8px}.five-chapters .practice-list{grid-template-columns:1fr;gap:24px}.five-chapters .practice-item{padding:20px 0 0}.five-chapters .practice-item h3{font-size:24px;margin:16px 0}.five-chapters .story-collaboration-content{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:100svh;gap:32px;padding-block:72px 24px}.five-chapters .story-collaboration-main{margin:0}.five-chapters .story-collaboration-visual{width:calc(100% + 40px);margin-inline:-20px;height:clamp(440px,120vw,560px)}.five-chapters .story-collaboration-main h2{font-size:38px}.five-chapters .story-collaboration-main>.chapter-label{margin-bottom:24px}}@media(prefers-reduced-motion:reduce){.five-chapters .preview-open,.five-chapters .switch-image{transition:none}.five-chapters .story-about-portrait:hover .portrait-open img{transform:none}}@media (min-width:1200px) and (min-height:760px){html .five-chapters{scroll-padding-top:0!important}.five-chapters{--screen-top:clamp(114px,7.8svh,180px);--screen-bottom:clamp(32px,3.5svh,80px);--screen-gap:clamp(24px,2.4svh,52px)}.five-chapters main>.restored-section{min-height:100svh;scroll-margin-top:0}.five-chapters :is(.story-about-layout,.story-projects-content,.story-footprint-content,.story-collaboration-content){min-height:100svh;padding-block:var(--screen-top) var(--screen-bottom)}.five-chapters .story-about-layout{align-content:center}.five-chapters .story-about-portrait{width:min(100%,56svh);justify-self:center}.five-chapters .story-projects-content{display:flex;flex-direction:column;justify-content:center}.five-chapters .chapter-label{margin-bottom:var(--screen-gap)}.five-chapters .story-project-grid{margin-top:var(--screen-gap)}.five-chapters .story-footprint-content{display:flex;flex-direction:column;justify-content:center}.five-chapters .archive-composition{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:clamp(40px,3vw,116px)}.five-chapters .archive-heading{display:flex;flex-direction:column;justify-content:space-between;align-items:stretch;gap:var(--screen-gap);padding-block:12px}.five-chapters .archive-heading h2{font-size:clamp(48px,2.65vw,102px)}.five-chapters .archive-directions{font-size:var(--story-meta);margin-top:var(--story-gap)}.five-chapters .archive-context{width:100%;font-size:var(--story-description)}.five-chapters .archive-counts{gap:clamp(28px,2vw,76px);justify-content:space-between}.five-chapters .archive-counts dd{font-size:clamp(48px,3vw,112px)}.five-chapters .archive-social{gap:16px;margin-top:var(--screen-gap);padding-top:var(--screen-gap)}.five-chapters .archive-display{grid-template-columns:minmax(0,4fr) minmax(0,5fr);gap:clamp(32px,2.4vw,92px);margin:0}.five-chapters .archive-stage{width:min(100%,44svh);max-width:none;justify-self:center}.five-chapters .archive-item{padding-block:clamp(12px,1.35svh,30px);gap:16px}.five-chapters .archive-select{font-size:clamp(22px,1.15vw,44px);grid-template-columns:2em 1fr}.five-chapters .archive-select small{margin-top:.3em}.five-chapters .archive-all{margin-top:12px}.five-chapters .practice-heading{display:none}.five-chapters .practice-list{margin-top:var(--screen-gap);gap:clamp(32px,3vw,116px)}.five-chapters .practice-item{padding-top:clamp(16px,1.4svh,30px)}.five-chapters .practice-item h3{font-family:var(--body);font-size:clamp(18px,.85vw,32px);margin:8px 0}.five-chapters .story-collaboration-content{gap:var(--screen-gap)}.five-chapters .story-collaboration-main{margin-block:auto}}@media (min-width:1200px) and (max-width:1919px) and (min-height:760px){.five-chapters .story-projects-content{--screen-gap:22px}.five-chapters .story-project-description{line-height:1.7}}.five-chapters .restored-section{--lab-display:"PingFang SC","Microsoft YaHei",var(--font-body),sans-serif}.five-chapters .restored-section h2,.five-chapters .restored-section h3,.five-chapters .restored-section h4{font-family:var(--lab-display);color:var(--ink)}.five-chapters .restored-section h2{font-weight:600;font-size:var(--story-title);line-height:1.2;letter-spacing:-.045em}.five-chapters .restored-section .chapter-label{color:var(--muted);letter-spacing:.16em;font-weight:500}.five-chapters .restored-section a:focus-visible,.five-chapters .restored-section button:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:6px}.five-chapters .story-about-copy .story-about-role{margin-bottom:1.2em;font-size:var(--story-meta)}.five-chapters .story-about-copy .story-about-introduction{max-width:31ic;margin-top:clamp(24px,2.4vw,72px);line-height:1.8}.five-chapters .story-about-copy .story-belief{padding-top:clamp(24px,2vw,64px);margin-top:clamp(24px,2vw,64px);border-top:1px solid var(--line)}.five-chapters .story-about-copy .story-belief p{font-family:var(--font-body),sans-serif;font-size:var(--story-belief);font-weight:550;letter-spacing:-.035em;line-height:1.45}.five-chapters .story-about-copy .story-belief span{display:block}.five-chapters .story-about-copy .story-belief.will-enter{opacity:1;transform:none}.five-chapters .story-about-copy .story-belief.will-enter span{transition:opacity .45s ease,transform .45s cubic-bezier(.22,.61,.36,1)}.five-chapters .story-about-copy .story-belief.will-enter:not(.is-visible) span{opacity:0;transform:translateY(12px)}.five-chapters .story-about-copy .story-belief span:nth-child(2){transition-delay:70ms}.five-chapters .story-about-copy .story-belief span:nth-child(3){transition-delay:.14s}.five-chapters .story-about-portrait{transition:transform .22s ease-out}.five-chapters .story-project-card{position:relative;isolation:isolate;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.five-chapters .story-project-card:after{content:"";position:absolute;inset:-1px;padding:1px;border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(280px circle at var(--pointer-x,50%) var(--pointer-y,0),color-mix(in srgb,var(--ink) 32%,transparent),transparent 75%);-webkit-mask:linear-gradient(var(--ui-mask-81ef715e) 0 0) content-box,linear-gradient(var(--ui-mask-81ef715e) 0 0);mask:linear-gradient(var(--ui-mask-81ef715e) 0 0) content-box,linear-gradient(var(--ui-mask-81ef715e) 0 0);-webkit-mask-composite:xor;mask-composite:exclude;transition:opacity .2s}.five-chapters .story-project-card .story-project-media img{transform:none}.five-chapters .story-project-card .story-project-body{padding:clamp(22px,1.8vw,60px);gap:0}.five-chapters .story-project-card .story-project-title-row h3{font-size:var(--story-card-title);font-weight:550;letter-spacing:-.03em}.five-chapters .story-project-card .story-project-description{min-height:0;margin:1em 0 1.4em;line-height:1.75}.five-chapters .project-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:1em;border-top:1px solid var(--line)}.five-chapters .project-card-bottom .story-project-status{margin:0}.five-chapters .project-details-label{font-size:var(--story-meta);color:var(--muted);white-space:nowrap}.five-chapters .project-card-arrow .icon{transition:transform .2s}.five-chapters .archive-revised,.five-chapters .collaboration-revised{background:var(--page);color:var(--ink)}.five-chapters .archive-revised .story-footprint-content{display:flex;flex-direction:column;justify-content:center;gap:clamp(36px,3.5vw,100px)}.five-chapters .footprint-heading{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:10%}.five-chapters .footprint-heading .chapter-label{margin-bottom:clamp(20px,1.5vw,52px)}.five-chapters .footprint-heading h2{margin:0}.five-chapters .footprint-heading h2 span{display:block}.five-chapters .footprint-deck{max-width:29ic;margin:0 0 .3em;color:var(--muted);font-size:var(--story-body);line-height:1.8}.five-chapters .footprint-group{min-width:0;padding:0}.five-chapters .footprint-details{margin-top:clamp(24px,2.2vw,72px)}.five-chapters .footprint-description{margin:0 0 1em;max-width:24ic;color:var(--muted);font-size:var(--story-description);line-height:1.8}.five-chapters .footprint-stages{margin:0;font-size:var(--story-description)}.five-chapters .footprint-stages>div{display:flex;justify-content:space-between;gap:1em;padding:.5em 0}.five-chapters .footprint-stages>div:first-child{padding-top:0}.five-chapters .footprint-stages dt{color:var(--muted)}.five-chapters .footprint-stages dd{margin:0;font-variant-numeric:tabular-nums}.five-chapters .footprint-source{margin:1em 0 0;font-size:var(--story-meta);color:var(--muted)}.five-chapters .footprint-metrics{display:grid;gap:18px;margin:0 0 1em;font-size:var(--story-description)}.five-chapters .footprint-metrics dt{color:var(--muted)}.five-chapters .footprint-metrics dd{margin:.35em 0 0}.five-chapters .footprint-metrics dd strong{font-weight:550;margin-right:.35em}.five-chapters .metric-provenance{display:flex;flex-wrap:wrap;gap:.4em 1em;font-size:var(--story-meta);color:var(--muted)}.five-chapters .footprint-evidence a,.five-chapters .metric-provenance a{display:inline-flex;align-items:center;gap:.5em;min-height:44px}.five-chapters .footprint-evidence .icon,.five-chapters .metric-provenance .icon{width:1em;height:1em}.five-chapters .footprint-evidence{list-style:none;padding:0;margin:0}.five-chapters .footprint-evidence>li{border-top:1px solid var(--line);padding:12px 0}.five-chapters .archive-revised .practice-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(28px,3vw,96px);margin:0;padding-top:clamp(24px,2vw,64px);border-top:1px solid var(--line)}.five-chapters .archive-revised .practice-item{display:grid;grid-template-columns:clamp(88px,8.3vw,320px) minmax(0,1fr) auto;align-items:center;gap:clamp(12px,1.1vw,40px);padding:0;border:0;min-height:44px;transition:transform .2s}.five-chapters .archive-revised .practice-image{grid-column:auto;overflow:hidden;aspect-ratio:16/10;border-radius:clamp(6px,.45vw,16px);background:var(--surface-alt)}.five-chapters .archive-revised .practice-image img{display:block;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.five-chapters .archive-revised .practice-avatar{display:grid;place-items:center;background:transparent}.five-chapters .archive-revised .practice-avatar img{width:56%;height:auto;aspect-ratio:1;border-radius:50%}.five-chapters .archive-revised .practice-covers,.five-chapters .archive-revised .practice-projects{position:relative;overflow:visible;background:transparent}.five-chapters .archive-revised .practice-covers img{position:absolute;width:44%;height:88%;top:6%;left:28%;-o-object-fit:cover;object-fit:cover;border-radius:5px;border:1px solid var(--line)}.five-chapters .archive-revised .practice-covers img:first-child{transform:translateX(-48%) rotate(-12deg)}.five-chapters .archive-revised .practice-covers img:nth-child(2){transform:translateX(48%) rotate(12deg)}.five-chapters .archive-revised .practice-covers img:nth-child(3){transform:translateY(-2%)}.five-chapters .archive-revised .practice-projects img{position:absolute;width:82%;height:82%;-o-object-fit:contain;object-fit:contain;border-radius:5px;border:1px solid var(--line);background:var(--surface-alt)}.five-chapters .archive-revised .practice-projects img:first-child{top:0;left:0}.five-chapters .archive-revised .practice-projects img:nth-child(2){top:9%;left:9%}.five-chapters .archive-revised .practice-projects img:nth-child(3){top:18%;left:18%}.five-chapters .archive-revised .practice-copy{min-width:0}.five-chapters .archive-revised .practice-item h3{margin:.45em 0;font-size:clamp(14px,.3rem + .8vw,32px);line-height:1.5;font-weight:500;letter-spacing:-.025em}.five-chapters .archive-revised .practice-index,.five-chapters .archive-revised .practice-status{font-size:clamp(12px,.32rem + .42vw,21px);line-height:1.65;color:var(--muted);margin:0}.five-chapters .archive-revised .practice-item>.icon{width:var(--story-icon);height:var(--story-icon);color:var(--muted);transition:transform .2s}.five-chapters .collaboration-revised .story-collaboration-content{grid-template-columns:minmax(0,46fr) minmax(0,54fr);-moz-column-gap:0;column-gap:0;row-gap:clamp(24px,2svh,44px);isolation:isolate}.five-chapters .collaboration-revised .story-collaboration-main{position:relative;z-index:1;padding-block:24px}.five-chapters .collaboration-revised .story-collaboration-main h2{font-size:clamp(34px,2.7vw + 6px,110px);font-weight:500;line-height:1.35;letter-spacing:-.025em;text-wrap:pretty;word-break:keep-all;margin:0}.five-chapters .collaboration-revised .collaboration-intro{font-size:var(--story-body);max-width:25ic;line-height:1.85;margin:clamp(28px,2.6svh,56px) 0}.five-chapters .collaboration-revised .story-collaboration-types{display:grid;grid-template-columns:repeat(3,max-content);gap:1em 1.8em;font-size:var(--story-meta);padding:0;margin:0 0 clamp(36px,3.4svh,76px)}.five-chapters .collaboration-revised .story-collaboration-types li{border:0;border-radius:0;padding:0;font-size:inherit;line-height:1.6;color:var(--muted)}.five-chapters .collaboration-revised .story-collaboration-visual{height:clamp(480px,68svh,1480px);width:100%;margin-left:0;background:var(--page);-webkit-mask-image:none;mask-image:none}.five-chapters .collaboration-revised .story-collaboration-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;filter:none;transform:none;mix-blend-mode:normal;-webkit-mask-image:linear-gradient(90deg,transparent,var(--ui-mask-81ef715e) 10%,var(--ui-mask-81ef715e) 90%,transparent),linear-gradient(180deg,transparent,var(--ui-mask-81ef715e) 7%,var(--ui-mask-81ef715e) 89%,transparent);mask-image:linear-gradient(90deg,transparent,var(--ui-mask-81ef715e) 10%,var(--ui-mask-81ef715e) 90%,transparent),linear-gradient(180deg,transparent,var(--ui-mask-81ef715e) 7%,var(--ui-mask-81ef715e) 89%,transparent);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.five-chapters .collaboration-revised .story-collaboration-visual.enter{transform:none;transition:opacity .45s ease}.five-chapters .collaboration-revised .story-home-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;margin:0;padding:clamp(16px,1.4svh,32px) 0 0;border-top:1px solid var(--line);font-size:var(--story-meta);font-weight:400;line-height:1.5;color:var(--muted)}.five-chapters .collaboration-revised .story-home-footer p{margin:0}.five-chapters .collaboration-revised .story-home-footer nav{gap:clamp(20px,1.7vw,64px)}.five-chapters .collaboration-revised .story-home-footer a{display:inline-flex;align-items:center;min-height:44px;font-weight:400}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.five-chapters .story-project-card:hover{transform:translateY(-4px);border-color:var(--line)}.five-chapters .story-project-card:hover:after{opacity:1}.five-chapters .story-project-card:hover .project-card-arrow .icon{transform:translate(3px,-3px)}.five-chapters .archive-revised .practice-item:hover{transform:translateY(-2px)}.five-chapters .archive-revised .practice-item:hover>.icon{transform:translate(3px,-3px)}}@media (max-width:1199px){.five-chapters .archive-revised .practice-list{grid-template-columns:1fr;gap:24px}.five-chapters .archive-revised .practice-item{grid-template-columns:clamp(88px,12vw,144px) minmax(0,1fr) auto;gap:20px}.five-chapters .footprint-group+.footprint-group{padding-top:24px;border-top:1px solid var(--line)}.five-chapters .collaboration-revised .story-collaboration-types{gap:1em}}@media (max-width:767px){.five-chapters .restored-section h2{font-size:36px;line-height:1.22}.five-chapters .story-about-copy .story-about-role{line-height:1.8}.five-chapters .story-about-copy .story-belief{margin-block:28px;padding-top:24px}.five-chapters .story-about-copy .story-belief p{font-size:22px}.five-chapters .story-project-card .story-project-body{padding:22px 20px}.five-chapters .project-details-label{display:none}.five-chapters .archive-revised .story-footprint-content{gap:32px}.five-chapters .footprint-heading{grid-template-columns:1fr;gap:24px}.five-chapters .footprint-deck{font-size:16px;max-width:100%}.five-chapters .footprint-details{margin-top:20px}.five-chapters .footprint-description{max-width:100%;font-size:16px}.five-chapters .archive-revised .practice-item{grid-template-columns:88px minmax(0,1fr) auto;gap:14px}.five-chapters .archive-revised .practice-item h3{font-size:16px}.five-chapters .collaboration-revised .story-collaboration-content{grid-template-columns:1fr;gap:0;padding-top:max(96px,var(--story-anchor-offset,96px))}.five-chapters .collaboration-revised .story-collaboration-main{padding:0}.five-chapters .collaboration-revised .story-collaboration-main h2{font-size:clamp(30px,8vw,38px);text-wrap:balance}.five-chapters .collaboration-revised .collaboration-intro{max-width:100%;margin-block:24px}.five-chapters .collaboration-revised .story-collaboration-types{grid-template-columns:repeat(2,max-content);margin-bottom:32px;gap:12px 20px}.five-chapters .collaboration-revised .story-actions{gap:20px}.five-chapters .collaboration-revised .story-collaboration-visual{height:clamp(400px,116vw,560px);width:calc(100% + 40px);margin:12px -20px 0}.five-chapters .collaboration-revised .story-home-footer{flex-direction:column-reverse;align-items:flex-start;gap:12px;padding-top:12px}.five-chapters .collaboration-revised .story-home-footer nav{justify-content:space-between;width:100%;gap:16px}}@media (hover:none),(pointer:coarse){.five-chapters .story-about-portrait{transform:none!important}.five-chapters .story-project-card:hover{transform:none}.five-chapters .story-project-card:after{display:none}}@media (prefers-reduced-motion:reduce){.five-chapters .restored-section *,.five-chapters .restored-section :after{transition:none!important;animation:none!important}.five-chapters .archive-revised .practice-item:hover,.five-chapters .story-about-copy .story-belief.will-enter span,.five-chapters .story-about-portrait,.five-chapters .story-project-card:hover{transform:none!important;opacity:1}}.five-chapters .footprint-timeline .story-footprint-content{gap:clamp(28px,3.4svh,74px)}.five-chapters .footprint-timeline .footprint-heading{grid-template-columns:1fr auto;gap:40px}.five-chapters .footprint-timeline .footprint-heading h2{font-size:clamp(34px,2.34vw + 14.3px,104px);font-weight:500;line-height:1.3;letter-spacing:-.025em;text-wrap:pretty;word-break:keep-all}.five-chapters .footprint-timeline .timeline-summary{display:flex;align-items:flex-end;gap:clamp(24px,2.8vw,96px);padding-bottom:.3em;font-size:var(--story-body)}.five-chapters .timeline-summary p{margin:0 0 .15em;color:var(--muted);line-height:1.6}.five-chapters .timeline-total{display:flex;flex-direction:column;gap:.12em;padding-left:clamp(24px,2vw,72px);border-left:1px solid var(--line);color:var(--ink);white-space:nowrap}.five-chapters .timeline-total strong{font-size:clamp(42px,2.2vw + 10px,94px);font-weight:600;line-height:1;letter-spacing:-.06em;font-variant-numeric:tabular-nums}.five-chapters .timeline-total span{color:var(--muted);font-size:var(--story-meta)}.five-chapters .timeline-track{--timeline-gap:clamp(24px,2.3vw,88px);--timeline-media:clamp(210px,26svh,570px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--timeline-gap);padding:0;margin:0;list-style:none}.five-chapters .timeline-node{--timeline-marker-ink:var(--muted);--timeline-marker-fill:var(--page);min-width:0;position:relative}.five-chapters .timeline-marker{position:relative;display:block;padding-bottom:clamp(20px,1.4vw,48px);margin-bottom:clamp(18px,1.3vw,42px);color:var(--timeline-marker-ink);font-size:var(--story-meta);font-variant-numeric:tabular-nums}.five-chapters .timeline-marker:before{content:"";position:absolute;height:1px;background:var(--line);bottom:0;left:24px;right:calc(-1 * var(--timeline-gap) + 12px)}.five-chapters .timeline-node:last-child .timeline-marker:before{right:0}.five-chapters .timeline-marker:after{content:"";position:absolute;left:0;bottom:-6px;width:12px;height:12px;border:1px solid var(--timeline-marker-ink);border-radius:50%;background:var(--timeline-marker-fill);transition:background .2s ease,border-color .2s ease}.five-chapters .timeline-story{display:block;color:var(--ink);text-decoration:none}.five-chapters .timeline-story h3{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;font-size:clamp(22px,1.1vw + 6px,48px);line-height:1.4;font-weight:600;letter-spacing:-.035em}.five-chapters .timeline-story h3 .icon{width:18px;height:18px;color:var(--muted);transition:transform .2s ease}.five-chapters .timeline-caption{margin:.3em 0 0;color:var(--muted);font-size:var(--story-description);line-height:1.5}.five-chapters .timeline-media{height:var(--timeline-media);margin-top:clamp(16px,1.1vw,40px);position:relative}.five-chapters .timeline-artwork{overflow:hidden;border-radius:clamp(4px,.45vw,14px);background:var(--surface)}.five-chapters .timeline-artwork img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:50% 38%;object-position:50% 38%}.five-chapters .timeline-node:nth-child(3) .timeline-artwork img{-o-object-position:50% 15%;object-position:50% 15%}.five-chapters .timeline-account{display:flex;align-items:center;gap:clamp(14px,1vw,36px)}.five-chapters .timeline-account img{width:55%;height:auto;aspect-ratio:1;border-radius:50%}.five-chapters .timeline-interests{display:flex;flex-direction:column;gap:.45em;color:var(--muted);font-size:var(--story-meta);line-height:1.45}.five-chapters .timeline-interests small{margin-top:1em;letter-spacing:.12em;font-size:.7em;line-height:1.6}.five-chapters .timeline-products img{position:absolute;width:74%;height:auto;aspect-ratio:16/10;-o-object-fit:contain;object-fit:contain;border-radius:clamp(6px,.5vw,16px);border:1px solid var(--line);box-shadow:0 8px 22px color-mix(in srgb,var(--ink) 8%,transparent)}.five-chapters .timeline-products img:first-child{left:0;top:10%;transform:rotate(-4deg)}.five-chapters .timeline-products img:nth-child(2){left:10%;top:27%;transform:rotate(-1deg)}.five-chapters .timeline-products img:nth-child(3){right:0;top:44%;transform:rotate(2deg)}.five-chapters .timeline-description{margin:clamp(16px,1.1vw,40px) 0 0;font-size:var(--story-description);color:var(--muted);line-height:1.8;max-width:24ic}.five-chapters .timeline-footer{display:flex;justify-content:space-between;gap:24px;padding-top:clamp(16px,1.5vw,48px);border-top:1px solid var(--line)}.five-chapters .timeline-footer a{display:flex;flex-direction:column;gap:.4em;min-height:44px;color:var(--ink);font-size:var(--story-body);text-decoration:none}.five-chapters .timeline-footer a:last-child{text-align:right}.five-chapters .timeline-footer span{display:flex;align-items:center;gap:12px;font-weight:500}.five-chapters .timeline-footer a:last-child span{justify-content:flex-end;color:var(--accent)}.five-chapters .timeline-footer small{font-size:var(--story-meta);color:var(--muted);font-weight:400}.five-chapters .timeline-footer .icon{width:1em;height:1em;transition:transform .2s}.five-chapters .timeline-node:has(:focus-visible){--timeline-marker-ink:var(--accent);--timeline-marker-fill:var(--accent)}@media (hover:hover) and (pointer:fine){.five-chapters .timeline-node:hover{--timeline-marker-ink:var(--accent);--timeline-marker-fill:var(--accent)}.five-chapters .timeline-track:has(>.timeline-node:hover)>.timeline-node:not(:hover){--timeline-marker-ink:var(--muted);--timeline-marker-fill:var(--page)}.five-chapters .timeline-footer a:hover .icon,.five-chapters .timeline-story:hover h3 .icon{transform:translate(3px,-3px)}}@media (max-width:1199px){.five-chapters .footprint-timeline .footprint-heading{grid-template-columns:1fr;gap:28px}.five-chapters .footprint-timeline .timeline-summary{justify-content:space-between}.five-chapters .timeline-track{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:40px;--timeline-media:clamp(220px,28vw,340px)}.five-chapters .timeline-node:nth-child(2) .timeline-marker:before{right:0}}@media (max-width:767px){.five-chapters .footprint-timeline .story-footprint-content{gap:32px}.five-chapters .footprint-timeline .timeline-summary{align-items:center;gap:16px;font-size:16px}.five-chapters .timeline-summary p{max-width:10ic}.five-chapters .timeline-total{padding-left:18px}.five-chapters .timeline-total strong{font-size:38px}.five-chapters .timeline-total span{font-size:12px}.five-chapters .timeline-track{display:block;padding-left:24px;--timeline-media:clamp(230px,68vw,400px);border-left:1px solid var(--line)}.five-chapters .timeline-node+.timeline-node{margin-top:36px}.five-chapters .timeline-marker{font-size:12px;padding:0;margin:0 0 12px}.five-chapters .timeline-marker:before{display:none}.five-chapters .timeline-marker:after{left:-31px;bottom:3px}.five-chapters .timeline-story h3{font-size:24px}.five-chapters .timeline-caption,.five-chapters .timeline-description{font-size:16px}.five-chapters .timeline-interests{font-size:14px}.five-chapters .timeline-description{max-width:none}.five-chapters .timeline-footer a{font-size:16px}.five-chapters .timeline-footer small{font-size:12px}}@media (prefers-reduced-motion:reduce){.five-chapters .timeline-marker:after{transition:none}.five-chapters .timeline-footer a:hover .icon,.five-chapters .timeline-story:hover h3 .icon{transform:none}}.five-chapters{font-family:var(--font-ui)}.five-chapters h1,.five-chapters h2{font-family:var(--font-display),"Songti SC","SimSun",serif}.five-chapters .story-projects .story-section-heading h2>span{display:block}.five-chapters .enter{opacity:1;transform:none}.five-chapters .enter.will-enter:not(.is-visible){opacity:0;transform:translateY(14px)}.five-chapters .enter{transition:opacity .45s,transform .45s}.five-chapters .icon{flex-shrink:0}.five-chapters dialog:not([open]){display:none}.five-chapters .restored-section{scroll-margin-top:0}.five-chapters[data-navigation="2"] .nav-glass{background:transparent;border:0;box-shadow:none;backdrop-filter:none}.five-chapters[data-navigation="2"] .desktop-nav,.five-chapters[data-navigation="2"] .nav-actions,.five-chapters[data-navigation="2"] .nav-glass>.brand{background:var(--glass);border:1px solid var(--glass-border);border-radius:999px;backdrop-filter:blur(22px);padding:6px 14px}.five-chapters[data-navigation="2"] .on-hero .brand,.five-chapters[data-navigation="2"] .on-hero .desktop-nav,.five-chapters[data-navigation="2"] .on-hero .nav-actions{background:var(--preview-hero-nav-bg)}@media(prefers-reduced-motion:reduce){.five-chapters .enter.will-enter{opacity:1;transform:none;transition:none}}.five-chapters .story-about-portrait{align-self:center;height:auto;min-height:0}.five-chapters .portrait-open{position:absolute;inset:0;width:100%;height:100%}.five-chapters .story-collaboration-image{filter:none;transform:none;z-index:0}.five-chapters .story-about-portrait:after{content:none}.five-chapters .story-project-card:hover .story-project-media img{transform:none;filter:none}