.portfolio-showcase{background:#293524}.portfolio-showcase .hero-preview{padding-bottom:0}.portfolio-presentation .portfolio-seated figcaption{display:none}.portfolio-showcase :is(.feeling-nav,.biography-nav,.portfolio-nav,.ending-nav,.feeling-footer,.biography-footer,.portfolio-footer,.ending-footer){visibility:hidden;pointer-events:none}.portfolio-showcase .hero-skip:focus{z-index:90}.site-header{position:fixed;inset:0 0 auto;z-index:60;height:88px;padding:0 5.5%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;color:#f0efdc;font-family:Manrope,Microsoft YaHei,sans-serif;background:transparent}.site-brand{font-size:30px;letter-spacing:-.04em;line-height:1;justify-self:start}.site-brand span{color:#e1bf87}.site-header nav{display:flex;gap:28px;align-items:center}.site-header nav a{font-size:12px;min-height:44px;display:flex;align-items:center;white-space:nowrap;border-bottom:1px solid transparent}.site-header nav a[aria-current]{border-bottom-color:#e7e8cf}.site-role{justify-self:end;text-align:right;font-size:10px;letter-spacing:.08em;line-height:1.8}.site-role small{display:block;font-size:8px;letter-spacing:.01em;color:#ccd2bb}.site-reading-footer{position:fixed;inset:auto 0 0;z-index:60;min-height:68px;padding:10px 5.5%;display:grid;grid-template-columns:minmax(180px,1fr) minmax(80px,7fr) minmax(180px,1fr);align-items:center;gap:30px;color:#f0efdc;font-family:Manrope,Microsoft YaHei,sans-serif;background:linear-gradient(transparent,#243321b8)}.site-chapter{display:flex;align-items:center;gap:15px;font-size:9px;line-height:1.7;letter-spacing:.07em;margin:0;white-space:nowrap}.site-chapter span:last-child{font-size:10px;letter-spacing:0;color:#d1d7c2}.site-reading-progress{position:relative;height:1px;background:#ecebd34d}.site-reading-fill{position:absolute;top:0;right:0;bottom:0;left:0;background:#f1efda;transform:scaleX(0);transform-origin:left}.site-reading-progress>i{position:absolute;left:-3px;top:-2.5px;width:6px;height:6px;border-radius:50%;background:#f3f0dc}.site-reading-progress>b{position:absolute;top:-2px;width:1px;height:5px;background:#f4f1da70}.site-motion-switch{display:flex;gap:10px;align-items:center;min-height:44px;padding:0;border:0;background:none;color:inherit;font:11px/1.5 Manrope,Microsoft YaHei,sans-serif;white-space:nowrap}.site-motion-switch small{font-size:9px;width:10px}.site-switch-track{width:30px;height:17px;border-radius:20px;border:1px solid #edeed17a;position:relative;background:#1c2d1b77}.site-switch-track>i{display:block;width:11px;height:11px;border-radius:50%;position:absolute;top:2px;left:2px;background:#e9ebd4;transition:transform .15s var(--ease-out,cubic-bezier(.23,1,.32,1))}.site-motion-switch[aria-checked=true] .site-switch-track{background:#e0e5cc}.site-motion-switch[aria-checked=true] .site-switch-track>i{background:#34462c;transform:translate(13px)}.site-motion-switch:disabled{opacity:.6;cursor:default}.site-header a:focus-visible,.site-motion-switch:focus-visible{outline:2px solid #e9bd7d;outline-offset:5px}@media(hover:hover)and (pointer:fine){.site-header a:hover{color:#f2ca93}}@media(max-width:1100px){.site-header{height:76px;padding:0 4%;gap:20px}.site-header nav{gap:21px}.site-header nav a{font-size:11px}.site-role{font-size:9px}.site-role small{display:none}.site-reading-footer{padding-inline:4%;gap:20px;grid-template-columns:minmax(155px,1fr) minmax(80px,4fr) minmax(155px,1fr)}.site-chapter{gap:10px;font-size:8px}}@media(max-width:760px){.site-header{height:auto;min-height:78px;padding:14px 6% 8px;display:flex;flex-wrap:wrap;gap:6px 20px;align-content:start;background:transparent}.site-brand{font-size:25px}.site-role{display:none}.site-header nav{width:100%;justify-content:space-between;gap:10px;order:2}.site-header nav a{font-size:10px;min-height:36px}.site-reading-footer{min-height:58px;padding:8px 6%;gap:12px;grid-template-columns:minmax(90px,1fr) minmax(32px,2fr) minmax(90px,1fr)}.site-chapter{font-size:8px}.site-chapter span:last-child{display:none}.site-motion-switch{font-size:10px;gap:6px}.site-motion-switch small{display:none}.site-switch-track{width:28px}.site-motion-switch[aria-checked=true] .site-switch-track>i{transform:translate(11px)}}@media(prefers-reduced-motion:reduce){.site-switch-track>i{transition:none}}.portfolio-showcase .feeling-footer{visibility:visible;pointer-events:auto;position:absolute;left:0;right:0;bottom:90px;grid-template-columns:1fr auto 1fr;align-items:end}.portfolio-showcase .feeling-footer-intro{max-width:330px;font-size:11px;line-height:1.95;color:#e0e3d1;letter-spacing:.01em;text-wrap:pretty}.portfolio-showcase .feeling-footer>span:last-child{display:none}.portfolio-showcase .feeling-scroll{grid-column:2;font-size:9px;letter-spacing:.15em;min-width:150px;min-height:52px;gap:10px}.portfolio-showcase .feeling-scroll>span{font-size:25px}@media(max-width:1100px)and (min-width:768px){.portfolio-showcase .feeling-footer-intro{max-width:235px;font-size:10px}.portfolio-showcase .feeling-footer{bottom:85px;gap:16px}}@media(max-width:767px){.portfolio-showcase .feeling-hero{grid-template-rows:80px 1fr 170px;min-height:1170px}.portfolio-showcase .feeling-footer{position:relative;bottom:auto;grid-template-columns:1fr auto;align-items:start;gap:14px;padding-bottom:65px}.portfolio-showcase .feeling-footer-intro{max-width:210px;font-size:9px;padding-top:12px}.portfolio-showcase .feeling-scroll{grid-column:2;grid-row:1;min-width:98px;font-size:7px;letter-spacing:.06em}}.site-header{background:transparent;border-bottom:0;box-shadow:none;box-sizing:border-box}html:has(.site-header){scroll-padding-top:0}.portfolio-showcase :is(#biography-section,#portfolio-section,#ending-section){scroll-margin-top:88px}.site-header+.sw-content{padding-top:20px}.sw-navigation-space,.portfolio-navigation-space{height:88px}@media(max-width:1100px){.sw-navigation-space,.portfolio-navigation-space{height:76px}}@media(max-width:760px){.site-header{min-height:88px;background:transparent}.sw-navigation-space,.portfolio-navigation-space{height:94px}html:has(.site-header){scroll-padding-top:0}.portfolio-showcase :is(#biography-section,#portfolio-section,#ending-section){scroll-margin-top:98px}}.site-motion-switch{justify-self:end}.site-chapter{justify-self:start}
