@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}:root{--paper:#f8f6f0;--ink:#3e253d;--muted:#677078;--rule:#d9d2cb;--footer-text:#f8f3ea;--rail:340px;--sidebar-scale:1.2;--feedback-duration:.18s;--menu-duration:.3s;--ease:cubic-bezier(.22, 1, .36, 1);color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}html:has([data-reading-page]){scrollbar-gutter:stable}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit}a{color:inherit}picture,img{display:block}button{touch-action:manipulation}:focus-visible{outline-offset:5px;outline:2px solid}.skip-link{z-index:10;color:var(--paper);background:var(--ink);padding:12px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.layout{grid-template-columns:var(--rail) minmax(0, 1fr);min-height:100svh;display:grid}.sidebar{border-right:1px solid #bdb7b1;align-self:start;min-height:100svh;padding:64px 48px 40px;position:sticky;top:0}.brand{text-decoration:none;display:block}.portrait img{width:calc(166px * var(--sidebar-scale));height:calc(240px * var(--sidebar-scale));object-fit:cover;object-position:43% 40%;border-radius:calc(90px * var(--sidebar-scale))}.signature{margin:calc(16px * var(--sidebar-scale)) calc(10px * var(--sidebar-scale)) 0;font-family:Georgia,serif;font-size:calc(28px * var(--sidebar-scale));letter-spacing:1.4px;line-height:1.15;display:block}.signature span{display:block}.navigation{margin:49px 0 0 11px}.sidebar .navigation{margin:calc(49px * var(--sidebar-scale)) 0 0 calc(11px * var(--sidebar-scale))}.sidebar .navigation ul{gap:calc(23px * var(--sidebar-scale))}.sidebar .nav-item{font-size:calc(17px * var(--sidebar-scale))}.navigation ul{flex-direction:column;gap:23px;margin:0;padding:0;list-style:none;display:flex}.nav-item{width:fit-content;max-width:100%;color:var(--muted);letter-spacing:.35px;font-size:17px;line-height:1.4;text-decoration:none;display:block;position:relative}.nav-item--active{color:var(--ink);padding-bottom:6px;font-weight:700}.nav-item--active:after{content:"";transform-origin:0;width:100%;height:2px;transition:transform var(--feedback-duration) var(--ease);background:currentColor;position:absolute;bottom:0;left:0}.nav-item--active:hover:after{transform:scaleX(.75)}.nav-item--unavailable{cursor:default}.nav-label{display:block}.coming-soon{color:var(--muted);letter-spacing:.4px;margin-top:3px;font-size:10px;line-height:1.3;display:block}.main-column{flex-direction:column;min-width:0;min-height:100svh;display:flex}main{flex:1;min-width:0;display:flex}main:focus{outline:none}.mobile-header{display:none}.home-stage{flex:1;min-width:0;min-height:max(620px,100svh - 105px);position:relative;overflow:hidden;container-type:inline-size}.scene{position:absolute;inset:0}.scene img{object-fit:cover;object-position:50% 50%;width:100%;height:100%}.home-intro{padding:clamp(100px,15cqw,205px) clamp(32px,4.7cqw,64px) 40px;position:relative}.home-intro h1{letter-spacing:-.036em;margin:0;font-family:Georgia,serif;font-size:clamp(56px,8.06cqw,110px);font-weight:400;line-height:.92}.home-intro h1 span{display:block}.home-intro p{letter-spacing:.15px;max-width:440px;margin:10px 0 0;font-size:clamp(20px,1.83cqw,25px);line-height:1.4}.home-intro h1{animation:introduction .5s var(--ease) both}.home-intro p{animation:introduction .5s var(--ease) 70ms both}@keyframes introduction{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{background:var(--ink);min-height:105px;color:var(--footer-text);align-items:center;gap:32px;padding:28px 64px;display:flex}.social-list{flex-wrap:wrap;align-items:center;gap:54px;display:flex}.social{letter-spacing:.5px;align-items:center;gap:18px;font-size:17px;text-decoration:none;display:flex}.social img{width:28px;height:28px}.social .social-arrow{width:16px;height:16px;margin-left:-10px}a.social{min-height:44px;transition:opacity var(--feedback-duration), transform var(--feedback-duration) var(--ease)}a.social:hover{opacity:.85;transform:translateY(-2px)}.social--unavailable{cursor:default}.copyright{letter-spacing:.3px;white-space:nowrap;margin-left:auto;font-size:16px}.mobile-menu{width:100%;max-width:none;height:100dvh;max-height:none;color:var(--ink);background:var(--paper);opacity:0;transition:opacity var(--menu-duration), transform var(--menu-duration) var(--ease);overscroll-behavior:contain;border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto;transform:translateY(-10px)}.mobile-menu::backdrop{background:var(--paper)}.mobile-menu.is-visible{opacity:1;transform:translateY(0)}.menu-panel{flex-direction:column;min-height:100dvh;display:flex}.menu-top{border-bottom:1px solid var(--rule);align-items:center;min-height:106px;padding:26px 24px;display:flex}.menu-top p{margin:0;font-family:Georgia,serif;font-size:25px}.menu-button{cursor:pointer;min-width:44px;min-height:44px;transition:transform var(--feedback-duration) var(--ease);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;margin-left:auto;padding:10px;display:flex}.menu-button:hover{transform:translateY(-1px)}.menu-button img{width:28px;height:28px}.navigation--mobile{margin:0;padding:37px 24px 28px}.navigation--mobile ul{gap:0}.navigation--mobile .nav-item{border-bottom:1px solid var(--rule);width:100%;min-height:82px;color:var(--ink);letter-spacing:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 0;font-family:Georgia,serif;font-size:29px;line-height:1.25;display:flex}.navigation--mobile .nav-item:after{display:none}.navigation--mobile .nav-item--unavailable{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px}.navigation--mobile .coming-soon{text-align:left;width:auto;margin:0;font-family:Arial,Helvetica,sans-serif;font-size:10px}.menu-is-open{overflow:hidden}.noscript-navigation{display:none}@media (width>=768px) and (width<=1100px){.footer{flex-wrap:wrap;gap:18px;padding-left:32px;padding-right:32px}.social-list{gap:28px}.copyright{width:100%;margin-left:0;font-size:13px}}@media (width<=767px){.layout{display:block}.sidebar{display:none}.mobile-header{border-bottom:1px solid var(--rule);align-items:center;gap:13px;min-height:106px;padding:20px 24px;display:flex}.mobile-brand{align-items:center;gap:13px;text-decoration:none;display:flex}.mobile-portrait img{object-fit:cover;object-position:43% 40%;border-radius:50px;width:44px;height:61px}.mobile-signature{letter-spacing:.5px;font-family:Georgia,serif;font-size:21px;line-height:1.15}.home-stage{min-height:max(618px,100svh - 226px)}.scene img{object-position:10% 50%}.home-intro{padding:55px 24px 40px}.home-intro h1{letter-spacing:-2.3px;font-size:57px;line-height:1.04}.home-intro p{max-width:335px;margin-top:25px;font-size:20px;line-height:1.5}.footer{flex-wrap:wrap;gap:22px;min-height:120px;padding:24px}.social-list{gap:22px}.social{letter-spacing:0;gap:10px;font-size:14px}.social img{width:23px;height:23px}.copyright{width:100%;margin-left:0;font-size:12px}.noscript-navigation{flex-wrap:wrap;gap:12px;padding:24px;font-size:14px;display:flex}}@media (width<=359px){.home-intro h1{font-size:50px}.navigation--mobile .nav-item{font-size:27px}.navigation--mobile .nav-item--unavailable{flex-wrap:wrap;gap:4px}.navigation--mobile .coming-soon{text-align:left;width:auto}.menu-top p{font-size:22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.mobile-menu{transform:none}}.brand-transition{z-index:30;background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;place-items:center;transition:opacity .18s,visibility .18s;display:grid;position:fixed;inset:0}.brand-transition span{letter-spacing:-.02em;font-family:Georgia,serif;font-size:clamp(28px,5vw,48px)}.brand-is-pending .brand-transition{opacity:1;visibility:visible}.top-feedback{z-index:25;pointer-events:none;height:3px;position:fixed;inset:0 0 auto}.route-progress{height:3px;display:none;overflow:hidden}.route-progress span{background:var(--ink);width:35%;height:100%;animation:.9s ease-in-out infinite page-loading;display:block}.route-is-loading .route-progress{display:block}.route-is-loading .reading-progress{visibility:hidden}.reading-progress{background:var(--ink);transform-origin:0;width:100%;height:3px;transform:scaleX(var(--reading,0))}@keyframes page-loading{0%{transform:translate(-100%)}to{transform:translate(390%)}}a.nav-item:not(.nav-item--active):hover{color:var(--ink);transition:color .18s}::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}@media (prefers-reduced-motion:reduce){.route-progress span{width:100%}}.back-to-top{width:48px;right:var(--back-to-top-right,24px);bottom:calc(24px + var(--back-to-top-lift,0px));z-index:6;grid-template-columns:minmax(0,1fr);justify-items:center;gap:6px;display:grid;position:fixed}.back-to-top[hidden],.menu-is-open .back-to-top,.brand-is-pending .back-to-top{display:none}.back-to-top-button{border:1px solid var(--ink);background:var(--paper);width:48px;height:48px;color:var(--ink);border-radius:50%;place-items:center;text-decoration:none;transition:background .18s;display:grid}.back-to-top-button img{transform:rotate(-45deg)}.back-to-top-button:hover{background:#eee7ed}.back-to-top-label{white-space:nowrap;color:var(--ink);font:400 12px/1.3 Arial,sans-serif}.back-to-top-fallback{text-align:right;padding:16px 24px;display:block}@media (width<=767px){.back-to-top{right:20px;bottom:calc(24px + env(safe-area-inset-bottom,0px) + var(--back-to-top-lift,0px))}.back-to-top-button{background:var(--ink)}.back-to-top-button img{filter:brightness(0)invert()}.back-to-top-button:hover{background:#61435e}.back-to-top-label{display:none}}img,picture{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img{-webkit-user-drag:none}[data-reveal=pending]{opacity:0;translate:0 25px}[data-reveal=visible]{animation:.75s both content-reveal}[data-reveal=instant]{opacity:1;translate:none}.home-intro h1,.home-intro p{animation:none}.home-intro [data-reveal=visible]{animation:.75s both content-reveal}@keyframes content-reveal{0%{opacity:0;translate:0 25px}to{opacity:1;translate:0}}:where([data-image]){position:relative}[data-image][data-state=loading],[data-image][data-state=error]{background:#eee9e2}[data-image][data-state=loading]:after,[data-image][data-state=error]:after{text-align:center;color:var(--ink);pointer-events:none;place-items:center;padding:12px;font:400 13px/1.4 Arial,sans-serif;display:grid;position:absolute;inset:0}[data-image][data-state=loading]:after{content:attr(data-loading-label);animation:1.3s ease-in-out infinite waiting-pulse}[data-image][data-state=error]:after{content:attr(data-error-label)}[data-image][data-state=error] img{visibility:hidden}[data-image][data-state=ready]>img{animation:.75s both image-reveal}[data-image]:is(.portrait,.mobile-portrait)>img{animation:none!important}picture.portrait{view-transition-name:portrait-avatar}picture.mobile-portrait{view-transition-name:mobile-portrait-avatar}::view-transition-old(portrait-avatar),::view-transition-new(portrait-avatar),::view-transition-old(mobile-portrait-avatar),::view-transition-new(mobile-portrait-avatar){animation:none!important}[data-image][data-state=cached]{background:0 0}:is(.portrait,.mobile-portrait,.position-map-mark,.shantao-screen-logo) [data-image]:is([data-state=loading],[data-state=error]):after,[data-image]:is(.portrait,.mobile-portrait):is([data-state=loading],[data-state=error]):after{content:"…";padding:2px;font-size:10px;overflow:hidden}[data-image]:is(.portrait,.mobile-portrait):is([data-state=loading],[data-state=error]){background:0 0}[data-image].portrait:is([data-state=loading],[data-state=error]):after{width:calc(166px * var(--sidebar-scale));height:calc(240px * var(--sidebar-scale));border-radius:calc(90px * var(--sidebar-scale));background:#eee9e2;inset:0 auto auto 0}[data-image].mobile-portrait:is([data-state=loading],[data-state=error]):after{background:#eee9e2;border-radius:50px;width:44px;height:61px;inset:0}.video-cover picture{width:100%;height:100%}@keyframes image-reveal{0%{opacity:0}to{opacity:1}}@keyframes waiting-pulse{50%{opacity:.5}}.project-video{width:100%;aspect-ratio:var(--media-ratio);background:#eee9e2;position:relative}.project-video--youtube{min-height:200px}.project-video--youtube iframe{border:0;width:100%;height:100%;min-height:200px;display:block;position:absolute;inset:0}.embed-feedback{pointer-events:none;align-content:center;justify-items:center;gap:16px;padding:20px;display:grid;position:absolute;inset:0}.embed-feedback[hidden],.media-retry[hidden]{display:none}[data-embed][data-state=loading] .embed-feedback{background:#eee9e2}.embed-state{max-width:340px;color:var(--ink);text-align:center;flex-direction:column;align-items:center;gap:14px;margin:0;font:400 14px/1.5 Arial,sans-serif;display:flex}[data-embed][data-state=loading] .embed-state:before{content:"";border:2px solid #d0c3ce;border-top-color:var(--ink);border-radius:50%;width:28px;height:28px;animation:.9s linear infinite media-spin}[data-embed][data-state=slow] .embed-feedback,[data-embed][data-state=error] .embed-feedback{background:var(--paper);border:1px solid var(--rule);gap:8px;padding:16px;inset:auto 12px 12px}.media-retry{border:1px solid var(--ink);background:var(--paper);min-height:44px;color:var(--ink);cursor:pointer;pointer-events:auto;padding:10px 18px;font:400 14px/1.4 Arial,sans-serif}.media-retry:hover{background:#eee7ed}.video-retry{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-video[data-state=loading] .video-state:before,.project-video[data-state=buffering] .video-state:before{content:"";border:2px solid #d0c3ce;border-top-color:var(--ink);vertical-align:-2px;border-radius:50%;width:12px;height:12px;margin-right:8px;animation:.9s linear infinite media-spin;display:inline-block}@keyframes media-spin{to{rotate:360deg}}.footer a.social{cursor:pointer}.footer .social>img{transition:transform .18s var(--ease)}.footer .social:is(:hover,:focus-visible)>img:not(.social-arrow){transform:translateY(-3px)scale(1.08)}.footer .social:is(:hover,:focus-visible)>.social-arrow{transform:translate(3px)}.footer a.social:focus-visible{opacity:.85}.footer a.social:active>img:not(.social-arrow){transform:scale(.96)}@media (prefers-reduced-motion:reduce){.footer .social>img{transform:none!important}[data-reveal=pending]{opacity:1;translate:none}[data-reveal],[data-image]>img,[data-image]:after,.embed-state:before,.video-state:before{animation:none!important}}:root[data-visual-page]{--sidebar-scale:.88;color-scheme:light;--paper:#faf6ef;--ink:#493c32;--muted:#65594d;--rule:#cfc3b4;--rail-surface:#d6caba;--contents-surface:#eae1d4;--accent:#725933;--reading-surface:#faf6ef;--image-opacity:.62;--public-opacity:.2;--read-mask:linear-gradient(90deg, #faf6efe0, #faf6ef8c 65%, #faf6ef42);background:var(--paper);color:var(--ink)}:root[data-visual-page=passion-projects]{--paper:#f7f4fa;--ink:#392b48;--muted:#65576f;--rule:#d0c5da;--rail-surface:#cfc6d8;--contents-surface:#e8e1ee;--accent:#725390;--reading-surface:#f7f4fa;--read-mask:linear-gradient(90deg, #f7f4faeb, #f7f4faa3 65%, #f7f4fa40)}:root[data-visual-page=branding-advertising]{--paper:#fbf8f5;--ink:#50323f;--muted:#70545e;--rule:#d1bfc4;--rail-surface:#c9b8bf;--contents-surface:#e9dee0;--accent:#80465d;--reading-surface:#fbf8f5;--read-mask:linear-gradient(90deg, #fbf8f5eb, #fbf8f59e 65%, #fbf8f54d)}:root[data-visual-page=film]{--paper:#f6f4f0;--ink:#38343a;--muted:#625b65;--rule:#cbc3ca;--rail-surface:#d4cdc5;--contents-surface:#e4ded6;--accent:#64546f;--reading-surface:#f6f4f0;--read-mask:linear-gradient(90deg, #f6f4f0f2, #f6f4f0cc 65%, #f6f4f0a6)}:root[data-visual-page=fine-arts]{--paper:#faf5ec;--ink:#4f3d25;--muted:#68583f;--rule:#cdbf9f;--rail-surface:#d2c5ae;--contents-surface:#eae0ce;--accent:#826335;--reading-surface:#faf5ec;--read-mask:linear-gradient(90deg, #faf5ecc7, #faf5ec66 65%, #faf5ec24)}:root[data-theme=dark]{color-scheme:dark;--paper:#111b27;--ink:#f1ece3;--muted:#c3c7cc;--rule:#46515f;--rail-surface:#182532;--contents-surface:#1b2b3b;--accent:#d2ddea;--reading-surface:#111b27;--image-opacity:.66;--public-opacity:.12;--read-mask:linear-gradient(90deg, #111b27f0, #111b27d1 65%, #111b2791)}:root[data-theme=dark][data-visual-page=passion-projects]{--paper:#151426;--rail-surface:#211f36;--contents-surface:#25243b;--accent:#d5c0ed;--reading-surface:#151426;--read-mask:linear-gradient(90deg, #151426e6, #151426c2 65%, #1514264d)}:root[data-theme=dark][data-visual-page=branding-advertising]{--paper:#201b21;--rail-surface:#33282e;--contents-surface:#3a2d35;--accent:#e6bccc;--reading-surface:#201b21;--read-mask:linear-gradient(90deg, #201b21f7, #201b21d9 65%, #201b2194)}:root[data-theme=dark]:is([data-visual-page=home],[data-visual-page=fine-arts]){--paper:#201e1b;--rail-surface:#302c27;--contents-surface:#3a342c;--accent:#e0cda5;--reading-surface:#201e1b;--read-mask:linear-gradient(90deg, #201e1bf0, #201e1bcc 65%, #201e1b8f)}:root[data-visual-page=branding-advertising][data-visual-section=shantao]{--rail-surface:#c4cec1;--contents-surface:#e2e9df;--accent:#486042}:root[data-theme=dark][data-visual-page=branding-advertising][data-visual-section=shantao]{--rail-surface:#28332b;--contents-surface:#2d3a30;--accent:#c4dac0}body{background-color:var(--paper);color:var(--ink);transition:background-color .42s,color .22s}.atmosphere-layer{z-index:-1;pointer-events:none;position:absolute;inset:0;overflow:clip}.atmosphere-layer picture{width:100%;height:min(100%,100svh);display:block;position:sticky;top:0}.atmosphere-layer img{object-fit:cover;object-position:center;width:100%;height:100%;opacity:var(--image-opacity)}.atmosphere-layer:after{content:"";background:var(--read-mask);transition:background-color .42s,opacity .42s;position:absolute;inset:0}.atmosphere-layer--public{--image-opacity:var(--public-opacity)}.atmosphere-layer--public picture{height:100%;position:static}.atmosphere-layer--public:after{background:0 0}.atmosphere-layer--public img{transition:opacity .42s}:root[data-visual-page] :is(.sidebar,.reading-contents):is(:hover,:focus-within)>.atmosphere-layer--public img{opacity:calc(var(--public-opacity) + .06)}:root[data-visual-page] :is(.sidebar,.mobile-header,.mobile-menu,.footer,.reading-contents){isolation:isolate;background-color:var(--rail-surface);color:var(--ink);transition:background-color .42s,color .22s}:root[data-visual-page] .sidebar{scrollbar-width:none;border-color:var(--rule);flex-direction:column;height:100svh;min-height:0;padding-top:clamp(64px,50svh - 340px,200px);display:flex;overflow-y:auto}:root[data-visual-page] .sidebar::-webkit-scrollbar{display:none}:root[data-visual-page] .sidebar .portrait{--sidebar-scale:1.4}.sidebar>.brand,.sidebar>.navigation{flex-shrink:0}.sidebar .navigation{margin-top:32px}:root[data-visual-page] .sidebar .nav-item{font-size:17px}:root[data-visual-page] .sidebar .signature{font-size:26px}:root[data-visual-page] .footer{--footer-text:var(--ink);position:relative}:root[data-visual-page] .mobile-header,:root[data-visual-page] .mobile-menu{background-color:var(--rail-surface)}:root[data-visual-page] .mobile-menu::backdrop{background:var(--rail-surface)}.theme-control{flex-wrap:wrap;align-items:center;gap:18px;display:flex}:is(.theme-control,.preference-options) button{min-height:44px;color:var(--muted);cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:13px;transition:color .22s;position:relative}:is(.theme-control,.preference-options) button[aria-pressed=true]{color:var(--ink)}:is(.theme-control,.preference-options) button:after{content:"";bottom:7px;background:var(--accent);transform-origin:0;height:1.5px;transition:transform .2s;position:absolute;inset-inline:0;transform:scaleX(0)}:is(.theme-control,.preference-options) button:is(:hover,[aria-pressed=true]):after{transform:scaleX(1)}:root[data-visual-page] .nav-item{font-weight:400;transition:color .22s,transform .22s}:root[data-visual-page] .nav-item--active{color:var(--ink);padding-bottom:0}:root[data-visual-page] .nav-item:after{content:"";bottom:-5px;background:var(--accent);transform-origin:0;width:100%;height:1.5px;transition:transform .2s;display:block;position:absolute;inset-inline:0;transform:scaleX(0)}:root[data-visual-page] .nav-item:is(:hover,[aria-current=page]):after{transform:scaleX(1)}:root[data-visual-page] a.nav-item:hover{color:var(--ink);transform:translate(2px)}:root[data-visual-page] .navigation--mobile .nav-item{border:0}:root[data-visual-page] .navigation--mobile .nav-item:after{width:min(100%,210px);bottom:8px}:root[data-visual-page] .reading-contents{background-color:var(--contents-surface)}:root[data-visual-page] .reading-contents .wide-contents{padding:18px 14px}:root[data-visual-page] .reading-contents a{border:0;padding-left:0;transition:color .22s,transform .22s}:root[data-visual-page] .reading-contents .contents-level-4 a{padding-left:12px}:root[data-visual-page] .reading-contents a span{display:inline-block;position:relative}:root[data-visual-page] .reading-contents a span:after{content:"";inset-inline:0;background:var(--accent);transform-origin:0;height:1.5px;transition:transform .2s;position:absolute;bottom:-3px;transform:scaleX(0)}:root[data-visual-page] .reading-contents a:is(:hover,[aria-current=location]){color:var(--ink);text-decoration:none}:root[data-visual-page] .reading-contents a:is(:hover,[aria-current=location]) span:after{transform:scaleX(1)}:root[data-visual-page] .reading-contents a:hover{transform:translate(2px)}:root[data-visual-page] .contents-disclosure{padding-inline:14px}:root[data-visual-page] .contents-label{color:var(--muted)}:root[data-visual-page] :is(.passion-intro,.branding-intro,.film-intro,.fine-intro,.project-section,.film-chapter,.fine-chapter,.pinkmoire,.shantao,[data-topic=voices-unseen]){isolation:isolate;position:relative}:root[data-visual-page] .editorial-backdrop{display:none}.passion-intro{color:#f3edf7;--muted:#ddd0e8;--accent:#d6c2f0;--image-opacity:1;--read-mask:linear-gradient(90deg, #110f23b8, #110f2338);margin:-32px -24px 24px;padding:36px 24px 24px}:root[data-visual-page] .passion-intro h1>span{color:inherit}:root[data-visual-page] .topic-index{border-top:1px solid #e6d7f84d;flex-wrap:wrap;gap:12px 26px;padding-top:12px;display:flex}:root[data-visual-page] .topic-entry{min-height:44px;padding:8px 0;display:block}:root[data-visual-page] .topic-entry>picture,:root[data-visual-page] .topic-entry-arrow{display:none}:root[data-visual-page] .topic-entry-text{font:400 18px/1.4 Georgia,serif}.topic-entry-text>span,.branding-index a,.film-index>a>span{position:relative}:root[data-visual-page] :is(.topic-entry-text>span,.branding-index a,.film-index>a>span):after{content:"";bottom:-4px;background:var(--accent);transform-origin:0;height:1.5px;transition:transform .2s;position:absolute;inset-inline:0;transform:scaleX(0)}:root[data-visual-page] :is(.topic-entry,.film-index a):is(:hover,[aria-current=location]) span:after,:root[data-visual-page] .branding-index a:is(:hover,[aria-current=location]):after{transform:scaleX(1)}:root[data-visual-page] .branding-index a{border:0;font-weight:400;transition:color .22s}.branding-intro{--image-opacity:1;--read-mask:linear-gradient(90deg, #fbf8f580, #fbf8f50a);margin:-48px -24px 0;padding:42px 24px 30px}:root[data-theme=dark] .branding-intro{--read-mask:linear-gradient(90deg, #201b21eb, #201b21a8)}.film-intro{color:#f1ece3;--accent:#d2ddea;--image-opacity:1;--read-mask:linear-gradient(90deg, #0c1420a8, #0c142033);margin:-40px -40px 0;padding:36px 40px 28px}:root[data-visual-page] .film-index a:is(:hover,[aria-current=location]) span{text-decoration:none}.fine-intro{--image-opacity:1;margin:-40px -24px 0;padding:40px 24px 24px}:root[data-visual-page] .fine-page .reading-contents{margin-inline:-24px;padding-inline:10px}.project-section{--image-opacity:.72}.project-section>.atmosphere-layer{inset:-12px -12px -18px}.film-chapter>.atmosphere-layer{inset:0 -16px -20px}.pinkmoire>.atmosphere-layer,.shantao>.atmosphere-layer{inset-inline:-12px}.fine-chapter>.atmosphere-layer{z-index:-1}:root[data-visual-page] .fine-background{z-index:-2}:root[data-visual-page] .fine-chapter--ridge{background:var(--paper)}:root[data-theme=dark] .fine-background{opacity:.12}:root[data-visual-page=home] .home-stage:after{content:"";pointer-events:none;background:#faf6ef1f;position:absolute;inset:0}:root[data-theme=dark][data-visual-page=home] .home-stage:after{content:none}:root[data-visual-page=home] .home-intro{z-index:1}:root[data-theme=dark] .home-intro{z-index:1;color:#f6eddf;text-shadow:0 2px 18px #0000004d}:root[data-theme=dark] .pink-member-policy thead{background:#583743}:root[data-theme=dark] .pink-member-policy tbody tr:nth-child(odd){background:#342a32}:root[data-theme=dark] .shantao-competitor-table thead{background:#2c3a32}:root[data-theme=dark] [data-image][data-state=loading],:root[data-theme=dark] [data-image][data-state=error],:root[data-theme=dark] .project-video,:root[data-theme=dark] [data-embed][data-state=loading] .embed-feedback{background:#26313e}:root[data-theme=dark] :is(.mobile-header,.mobile-menu) .menu-button img{filter:brightness(0)invert()}:root[data-theme=light] .footer .social img{filter:brightness(0)}:root[data-theme=dark] .footer .social img{filter:brightness(0)invert()}:root[data-visual-page] .back-to-top-button{background:var(--contents-surface)}:root[data-theme=dark] .back-to-top-button img{filter:brightness(0)invert()}::view-transition-old(site-sidebar),::view-transition-new(site-sidebar){animation-duration:.42s}:root[data-visual-page] :is(.sidebar,.mobile-header,.mobile-menu){--rail-surface:#f4f4f1;--ink:#28282b;--muted:#656568;--rule:#ddddda;--accent:#424245;color:var(--ink);border-color:var(--rule);background:linear-gradient(160deg,#fbfbf9,#eeefec)}:root[data-theme=dark] :is(.sidebar,.mobile-header,.mobile-menu){--rail-surface:#101010;--ink:#ededed;--muted:#a7a7aa;--rule:#303033;--accent:#dedede;background:#101010}:root[data-visual-page] :is(.sidebar,.mobile-header,.mobile-menu)>.atmosphere-layer{display:none}.sidebar-settings{flex-shrink:0;gap:8px;margin:auto 0 0 11px;padding-top:40px;display:grid}.preference-label{color:var(--muted);letter-spacing:.06em;font-size:11px;display:block}.preference-options{gap:22px;display:flex}.menu-settings{gap:8px;margin-top:auto;padding:28px 24px 16px;display:grid}.menu-panel .footer{margin-top:0}:root[data-visual-page=home] .content-width-control{display:none}:root[data-content-width=fluid] :is(.passion-page,.film-page,.fine-page,.branding-shell){width:100%;max-width:none}:root[data-visual-page=home] #main-content{flex:none;min-height:calc(100dvh + 1px)}:root[data-visual-page=home] .home-stage{min-height:calc(100dvh + 1px)}:root[data-visual-page=home] .main-column>.footer{flex-shrink:0}@media (width<=1279px){.passion-intro,.film-intro{margin-top:0}.branding-intro{margin-top:0;margin-inline:-40px;padding-inline:40px}:root[data-visual-page] .reading-contents{border-color:var(--rule)}}@media (width<=767px){:root[data-visual-page] .sidebar{display:none}.passion-intro,.film-intro,.branding-intro{margin-inline:-20px;padding:28px 20px 24px}.fine-intro{margin-top:0;margin-inline:-20px;padding:28px 20px 24px}:root[data-visual-page] .fine-page .reading-contents{margin-inline:-20px}:root[data-visual-page] .topic-index{gap:4px 20px}:root[data-visual-page] .topic-entry-text{font-size:16px}.project-section>.atmosphere-layer{inset-inline:-8px}:root[data-visual-page=home] :is(#main-content,.home-stage){min-height:calc(100dvh - 105px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}:root[data-visual-page] a.nav-item:hover,:root[data-visual-page] .reading-contents a:hover{transform:none}}:root[data-visual-page] .footer{--footer-text:#493f35;color:var(--footer-text);background:#f3eee6;border-top:1px solid #e1d9ce}:root[data-theme=dark][data-visual-page] .footer{--footer-text:#e8e2d8;color:var(--footer-text);background:#1b1a18;border-color:#35322d}.footer .social-brand-icon{width:28px;height:28px;transition:transform .18s var(--ease);flex-shrink:0;display:block}.footer .social:is(:hover,:focus-visible)>.social-brand-icon{transform:translateY(-3px)scale(1.08)}:root[data-visual-page] :is(.passion-page,.branding-shell,.fine-page){--visual-gutter:24px}:root[data-visual-page] .film-page{--visual-gutter:40px}:root[data-visual-page] :is(.passion-intro,.branding-intro,.film-intro,.fine-intro){margin-inline:calc(-1 * var(--visual-gutter));padding-inline:var(--visual-gutter)}:root[data-visual-page] :is(.project-section,.film-chapter,.pinkmoire,.shantao,.fine-chapter)>.atmosphere-layer{inset-inline:calc(-1 * var(--visual-gutter))}@media (width>=768px) and (width<=1279px){:root[data-visual-page] :is(.passion-page,.branding-shell){--visual-gutter:40px}}@media (width<=767px){:root[data-visual-page] :is(.passion-page,.branding-shell,.film-page,.fine-page){--visual-gutter:20px}.footer .social-brand-icon{width:23px;height:23px}}@media (prefers-reduced-motion:reduce){.footer .social-brand-icon{transition:none;transform:none!important}}@media (width>=768px) and (width<=1023px){:root[data-visual-page] .passion-page{--visual-gutter:28px}}@media (width<=767px){:root[data-visual-page] :is(.fine-chapter--ip,.fine-chapter--rock)>.atmosphere-layer{inset-inline:0}}:root[data-theme=dark] .composition--cf-brainstorm .copy-label{color:var(--accent)}@container passion-content (width>=1200px){:root[data-content-width=fluid] :is(.composition--scintillate,.composition--cf,.composition--portrait-story,.composition--portrait-display,.composition--voices-exhibition){width:min(100%,1600px,72cqw);max-width:none;margin-inline:0}:root[data-content-width=fluid] .composition--scintillate{--body-size:clamp(18px,.9cqw,20px);grid-template-rows:repeat(3,auto);grid-template-columns:224px 284px minmax(0,1fr);gap:20px 16px;width:min(1200px,72cqw)}:root[data-content-width=fluid] .composition--scintillate>.project-copy{width:100%;max-width:none;margin-left:0}:root[data-content-width=fluid] .composition--scintillate-backstage{grid-template-rows:236px 224px;align-self:start}:root[data-content-width=fluid] .composition--scintillate-backstage>.composition--media-row{height:236px;min-height:0}:root[data-content-width=fluid] .composition--cf{width:min(1200px,72cqw)}:root[data-content-width=fluid] .composition--cf-inspiration{--cf-unit:calc(min(72cqw,1200px) / 634)}:root[data-content-width=fluid] .composition--cf-story{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr)}:root[data-content-width=fluid] .composition--cf :is(.copy-paragraph,.copy-label){font-size:clamp(18px,.9cqw,20px)}:root[data-content-width=fluid] .composition--portrait-story{grid-template-columns:minmax(0,62fr) minmax(0,38fr);gap:28px}:root[data-content-width=fluid] :is(.composition--portrait-story,.composition--portrait-display) .project-figure{max-width:100%}:root[data-content-width=fluid] :is(.composition--portrait-story,.composition--portrait-display){--body-size:clamp(18px,1.05cqw,22px)}:root[data-content-width=fluid] .composition--portrait-display .composition--media-row{grid-template-columns:var(--row-columns);gap:24px}:root[data-content-width=fluid] .composition--voices-exhibition{align-items:start;gap:28px}:root[data-content-width=fluid] .composition--voices-exhibition>.project-copy{align-self:start}:root[data-content-width=fluid] .composition--voices-exhibition .copy-paragraph{font-size:clamp(18px,1.05cqw,22px);line-height:1.65}}.branding-page{container-name:branding-content}@container branding-content (width>=1200px){:root[data-content-width=fluid] :is(.pink-research-folio,.pink-concept,.self-advantages-band,.self-shortcomings-band,.pink-positioning,.pink-persona,.pink-visual-matrix,.pink-popup,.pink-business-analysis){width:min(100%,1400px,82cqw);margin-inline:0}:root[data-content-width=fluid] .pink-research-folio{grid-template-columns:minmax(0,48fr) minmax(0,52fr);font-size:26px;line-height:1.5}:root[data-content-width=fluid] .pink-martha figure{float:left;width:42%;max-width:302px;margin:0 24px 16px 0}:root[data-content-width=fluid] .pink-martha h4{margin-top:0}:root[data-content-width=fluid] .pink-martha:after{content:"";clear:both;display:block}:root[data-content-width=fluid] .pink-research-visuals,:root[data-content-width=fluid] .pink-research-writing{flex-direction:column;display:flex}:root[data-content-width=fluid] .pink-room{flex:1;grid-template-columns:minmax(0,52fr) minmax(0,48fr);gap:20px;font-size:26px;line-height:1.5;display:grid}:root[data-content-width=fluid] .pink-room>figure{float:none;align-self:start;width:100%;margin:0}:root[data-content-width=fluid] .pink-room>div{flex-direction:column;justify-content:space-between;align-self:stretch;gap:24px;display:flex}:root[data-content-width=fluid] .pink-room p:last-child{margin-bottom:0}:root[data-content-width=fluid] .pink-supporting-references{flex:1;align-items:stretch}:root[data-content-width=fluid] .pink-fashion-reference :is(picture,img){height:100%}:root[data-content-width=fluid] .pink-concept-prelude{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:28px}:root[data-content-width=fluid] .pink-concept-introduction{font-size:26px;line-height:1.4}:root[data-content-width=fluid] .pink-concept-folio{grid-template-columns:minmax(0,68fr) minmax(0,32fr);font-size:24px;line-height:1.45}:root[data-content-width=fluid] .pink-concept-philosophy{align-content:space-between;gap:40px;font-size:clamp(26px,2.4cqw,32px);line-height:1.6}:root[data-content-width=fluid] .pink-concept-references{padding-left:24px;font-size:22px}:root[data-content-width=fluid] .self-advantages-band{grid-template-columns:minmax(0,1fr) 320px;align-items:start}:root[data-content-width=fluid] .self-advantages-band>figure{align-self:start}:root[data-content-width=fluid] .self-advantages-band .self-analysis-group{font-size:22px;line-height:1.4}:root[data-content-width=fluid] .self-advantages-band ol{flex:none;align-content:start;gap:28px}:root[data-content-width=fluid] .self-shortcomings-band{grid-template-columns:360px minmax(0,1fr);font-size:22px;line-height:1.4}:root[data-content-width=fluid] .pink-positioning-folio{grid-template-columns:minmax(0,1fr) 420px}:root[data-content-width=fluid] .pink-positioning-statements{font-size:24px;line-height:1.4}:root[data-content-width=fluid] .pink-positioning-statements h4{font-size:28px}:root[data-content-width=fluid] .pink-positioning-statements li{padding-block:24px}:root[data-content-width=fluid] .pink-customer-overview{grid-template-columns:minmax(360px,1fr) minmax(0,700px);align-items:stretch;gap:clamp(40px,8cqw,220px);width:min(100%,1400px,82cqw);max-width:none;padding-inline:0}:root[data-content-width=fluid] .pink-customer-writing{justify-content:space-between;gap:48px}:root[data-content-width=fluid] .pink-customer-writing section{flex-direction:column;flex:1;display:flex}:root[data-content-width=fluid] .pink-customer-writing section+section{margin-top:0}:root[data-content-width=fluid] .pink-customer-writing section>p:last-child{margin-top:auto;margin-bottom:0}:root[data-content-width=fluid] .pink-customer-writing p{width:auto;max-width:36ch;font-size:24px;line-height:1.4}:root[data-content-width=fluid] .pink-customer-writing h3,:root[data-content-width=fluid] .pink-customer-writing h4{font-size:28px}:root[data-content-width=fluid] .pink-customer-overview figure{align-self:start}:root[data-content-width=fluid] .pink-persona-profile{grid-template-columns:minmax(0,24fr) minmax(0,36fr) minmax(0,40fr);gap:28px;font-size:24px;line-height:1.5}:root[data-content-width=fluid] .pink-persona-heading h3{font-size:64px}:root[data-content-width=fluid] .pink-persona-profile h4{white-space:normal;margin-bottom:24px;font-size:28px}:root[data-content-width=fluid] .pink-persona-lifestyle{margin-top:36px;padding-top:28px}:root[data-content-width=fluid] .pink-visual-matrix{grid-template-columns:minmax(0,55fr) minmax(0,45fr);align-items:start;margin-inline:auto}:root[data-content-width=fluid] .pink-matrix-copy{text-align:left;font-size:24px;line-height:1.5}:root[data-content-width=fluid] .pink-popup-intro{grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:32px}:root[data-content-width=fluid] .pink-popup-basics p{font-size:22px;line-height:1.5}:root[data-content-width=fluid] .pink-popup-basics .pink-popup-theme{font-size:24px}:root[data-content-width=fluid] .pink-analysis-row{grid-template-columns:minmax(0,1fr) 320px;gap:28px}:root[data-content-width=fluid] .pink-analysis-group ul{font-size:22px;line-height:1.5}:root[data-content-width=fluid] .pink-analysis-row--pest{grid-template-columns:minmax(0,44fr) minmax(0,56fr)}:root[data-content-width=fluid] .pink-analysis-row--pest .pink-analysis-group ul{font-size:22px}:root[data-content-width=fluid] .pink-cultural{width:min(100%,1200px,82cqw)}:root[data-content-width=fluid] :is(.pink-cultural-scenes,.pink-cultural-theme,.pink-cultural-portraits,.pink-cultural-copy){width:100%;max-width:none;padding-right:0}:root[data-content-width=fluid] .pink-cultural-copy{max-width:75ch;font-size:24px;line-height:1.5}}:root[data-visual-page] .fine-chapter--ip>.atmosphere-layer{display:none}:root[data-visual-page] .fine-chapter--ip>.fine-background{z-index:-1;opacity:1}@media (width>=768px){:root[data-visual-page] .fine-chapter--ip>.fine-background{inset-inline:calc(-1 * var(--visual-gutter))}}:root[data-visual-page] .fine-chapter--ip{--ink:#4f3d25;--muted:#68583f;color:var(--ink)}.fine-horse{container-name:horse-canvas}:root[data-content-width=fluid] .fine-horse{width:min(100%,1600px)}@container horse-canvas (width>=960px){.fine-horse:before{content:"";z-index:1;pointer-events:none;background:#faf5ec;width:19%;height:41.494cqw;position:absolute;top:0;left:0}:root[data-theme=dark] .fine-horse:before{background:#28231d}:root[data-visual-page] .fine-horse-information{z-index:2;justify-content:flex-start;gap:24px}:root[data-visual-page] .fine-horse-information .fine-copy{font-size:clamp(14px,1.2cqw,18px);line-height:1.5}:root[data-visual-page] .fine-horse-information .fine-credits{border-color:currentColor}}@container passion-content (width>=600px){:root[data-visual-page] .composition--cf-brainstorm>.project-copy{flex-direction:column;align-self:stretch;display:flex}:root[data-visual-page] .composition--cf-brainstorm>.project-copy>:is(.copy-label,.copy-paragraph){flex-shrink:0}:root[data-visual-page] .composition--cf-brainstorm>.project-copy>.copy-label:not(:first-child){margin-top:auto;padding-top:14px}}:root[data-visual-page=film] :is(.film-intro,.film-chapter){--ink:#f1ece3;--muted:#c3c7cc;--rule:#46515f;--accent:#d2ddea;--image-opacity:1;--read-mask:linear-gradient(90deg, #0c1420a8, #0c142033);color:var(--ink);border-color:var(--rule)}:root[data-visual-page=film] :is(.film-intro,.film-chapter)>.atmosphere-layer{background-color:#0c1420}:root[data-visual-page=film] :is(.film-intro,.film-chapter)>.atmosphere-layer img{object-position:right top}:root[data-visual-page=film] .film-chapter{border-top:0;margin-top:0;padding-top:66px}:root[data-visual-page=film] .film-chapter>.atmosphere-layer{inset-block:0}:root[data-visual-page=passion-projects] .passion-intro{margin-bottom:0}:root[data-visual-page=passion-projects] .topic-section{border-top:0;margin-top:0;padding-top:0}:root[data-visual-page=passion-projects] .project-section{border-top:0;margin-block:0;padding-block:20px 36px}:root[data-visual-page=passion-projects] [data-project=portrait-print]{padding-top:42px}:root[data-visual-page=passion-projects] [data-project=cracked-image-interpretation]{padding-top:24px}:root[data-visual-page=passion-projects] .project-section>.atmosphere-layer{inset-block:0}@media (width<=767px){:root[data-visual-page=passion-projects] .project-section{padding-bottom:28px}}:root[data-visual-page] .floating-contents{--toc-line:#76717c}:root[data-visual-page][data-theme=dark] .floating-contents{--toc-line:#aaa7af}:root[data-visual-page] .floating-contents .toc-tick{box-shadow:0 0 0 1px #ffffffeb,0 1px 3px #000000a6}:root[data-visual-page] .floating-contents .toc-tick.is-current{opacity:1}:root[data-visual-page] .floating-contents .toc-trigger:focus-visible .toc-tick.is-preview{box-shadow:0 0 0 1px #ffffffeb,0 0 0 3px #343237,0 0 0 4px #ffffffeb}