.ps-miles-v1{color-scheme:light;background:#f8f9f7;color:#181b18;font:16px/1.75 ui-sans-serif,system-ui,"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere;--m-line:#d4d8d1;--m-x:clamp(22px,5vw,76px)}
.ps-miles-v1 *{box-sizing:border-box;min-width:0}.ps-miles-v1 :where(h1,h2,h3,p,ul,dl,dd,figure){margin:0}.ps-miles-v1 :is(h1,h2,h3){text-wrap:balance;font-weight:500}.ps-miles-v1 p,.ps-miles-v1 li,.ps-miles-v1 dd{white-space:pre-line}.ps-miles-v1 a{color:inherit;text-decoration:none;touch-action:manipulation}.ps-miles-v1 a:hover{text-decoration:underline;text-underline-offset:6px}.ps-miles-v1 :focus-visible{outline:2px solid currentColor;outline-offset:5px}.ps-miles-v1 ::selection{background:#d2e4c8;color:#151815}.ps-miles-v1 img{display:block;max-width:100%;width:100%;height:auto}.ps-miles-v1 ul{padding-left:1.25em}.ps-miles-v1 li+li{margin-top:8px}.ps-miles-v1 .m-dark{background:#111411;color:#f4f6f0}.ps-miles-v1 .m-nav{max-width:1440px;margin:auto;padding:28px var(--m-x);display:flex;align-items:center;justify-content:space-between;gap:24px;line-height:1.4;font-size:14px}.ps-miles-v1 .m-nav>div{display:flex;gap:32px;flex-wrap:wrap}.ps-miles-v1 .m-name{font-weight:600;max-width:55%}.ps-miles-v1 .m-nav a{padding-block:8px}
.ps-miles-v1 .m-hero{max-width:1440px;margin:auto;min-height:650px;padding:72px var(--m-x) 96px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%}.ps-miles-v1 .m-hero-empty{min-height:420px;grid-template-columns:1fr}.ps-miles-v1 .m-identity h1{font-size:clamp(52px,6.5vw,96px);line-height:1.15;letter-spacing:-.035em}.ps-miles-v1 .m-identity>p{margin-top:32px;max-width:30ch;font-size:23px;line-height:1.7;white-space:pre-line}.ps-miles-v1 .m-hero-action{margin-top:44px;font-size:14px}.ps-miles-v1 .m-hero-action a{border-bottom:1px solid var(--m-accent);padding-bottom:6px}.ps-miles-v1 .m-orbit{height:420px;position:relative}.ps-miles-v1 .m-orbit figure{position:absolute;width:59%;aspect-ratio:1.5;overflow:hidden;background:#e1e6dc}.ps-miles-v1 .m-orbit img{height:100%;object-fit:contain}.ps-miles-v1 .m-orbit figure:nth-child(1){left:1%;top:10%;transform:rotate(-12deg)}.ps-miles-v1 .m-orbit figure:nth-child(2){right:0;top:26%;transform:rotate(11deg)}.ps-miles-v1 .m-orbit figure:nth-child(3){left:14%;top:48%;transform:rotate(-6deg)}.ps-miles-v1 .m-orbit-1 figure{width:87%;left:6%;top:20%;transform:rotate(-7deg)}.ps-miles-v1 .m-orbit-2 figure:nth-child(2){top:43%}.ps-miles-v1 .m-word-index{display:flex;flex-direction:column;max-width:42ch}.ps-miles-v1 .m-word-index>p{color:#c7d0c3;font-size:14px;margin-bottom:22px}.ps-miles-v1 .m-word-index>a{padding:17px 0;border-bottom:1px solid #52594f;font-size:20px;line-height:1.6}
.ps-miles-v1 .m-content,.ps-miles-v1 .m-story{max-width:1440px;padding-inline:var(--m-x);margin:auto}.ps-miles-v1 .m-works{padding-block:var(--m-space)}.ps-miles-v1 .m-works>header{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:44px}.ps-miles-v1 .m-works h2{font-size:36px}.ps-miles-v1 .m-works>header p{font-size:14px;color:#51594e}.ps-miles-v1 .m-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;row-gap:var(--m-space);align-items:start}.ps-miles-v1 .m-project:last-child:nth-child(odd){grid-column:1/-1;width:76%;justify-self:center}.ps-miles-v1 .m-project:only-child{width:100%;max-width:1000px}.ps-miles-v1 .m-cover{aspect-ratio:1.5;background:#e4e8df;overflow:hidden}.ps-miles-v1 .m-cover img{height:100%;object-fit:contain;transition:transform .25s ease-out}.ps-miles-v1 .m-project a:hover img{transform:scale(1.015)}.ps-miles-v1 .m-project-title{margin-top:22px;display:flex;justify-content:space-between;align-items:baseline;gap:22px}.ps-miles-v1 .m-project-title h3{font-size:23px;line-height:1.5}.ps-miles-v1 .m-project-title span{flex-shrink:0;font-size:13px;white-space:nowrap;color:#4a5547}.ps-miles-v1 .m-meta{font-size:13px;color:#51594e;margin-top:12px}.ps-miles-v1 .m-project-summary{margin-top:16px;max-width:65ch}.ps-miles-v1 .m-role{font-size:14px;color:#51594e;margin-top:10px}.ps-miles-v1 .m-text-project{padding-top:24px;border-top:1px solid var(--m-line)}.ps-miles-v1 .m-text-project .m-project-title{margin-top:0}
.ps-miles-v1 .m-section{border-top:1px solid var(--m-line);padding-block:var(--m-space);display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:48px}.ps-miles-v1 .m-section>h2{font-size:16px;font-weight:500}.ps-miles-v1 .m-section>div{max-width:76ch}.ps-miles-v1 .m-about>p{max-width:68ch}.ps-miles-v1 .m-about>p+p{margin-top:28px}.ps-miles-v1 .m-about .m-lead{font-size:30px;line-height:1.65}.ps-miles-v1 .m-avatar{max-width:100px;max-height:130px;object-fit:contain;margin-bottom:30px}.ps-miles-v1 .m-links{display:flex;flex-wrap:wrap;gap:14px 28px;list-style:none;padding:0;margin-top:26px}.ps-miles-v1 .m-links li+li{margin:0}.ps-miles-v1 .m-links a{text-decoration:underline;text-decoration-color:var(--m-accent);text-underline-offset:5px}.ps-miles-v1 .m-entry{display:flex;justify-content:space-between;align-items:baseline;gap:32px;padding-block:25px;border-bottom:1px solid var(--m-line)}.ps-miles-v1 .m-entry:first-child{padding-top:0}.ps-miles-v1 .m-entry:last-child{border:0;padding-bottom:0}.ps-miles-v1 .m-entry h3{font-size:22px;line-height:1.5}.ps-miles-v1 .m-entry p,.ps-miles-v1 .m-entry ul{margin-top:10px}.ps-miles-v1 .m-entry .m-date{font-size:13px;white-space:nowrap;color:#51594e;margin:0}.ps-miles-v1 .m-skills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}.ps-miles-v1 .m-skills h3{font-size:20px}.ps-miles-v1 .m-skills p{font-size:14px;color:#51594e;margin-top:5px}.ps-miles-v1 .m-contact{display:flex;flex-direction:column;gap:26px}.ps-miles-v1 .m-contact span{display:block;font-size:14px;color:#51594e;margin-bottom:6px}.ps-miles-v1 .m-contact a,.ps-miles-v1 .m-contact p{font-size:clamp(20px,2.5vw,32px);line-height:1.6}.ps-miles-v1 .m-footer{max-width:1440px;margin:auto;padding:28px var(--m-x);display:flex;gap:30px;justify-content:space-between;border-top:1px solid var(--m-line);font-size:13px;color:#51594e}
.ps-miles-v1 .m-case{display:none}.ps-miles-v1 .m-case:target,.ps-miles-v1 .m-case[data-preview-active]{display:block}.ps-miles-v1:has(>.m-case:target,>.m-case[data-preview-active])>.m-home{display:none}.ps-miles-v1 .m-case-title{max-width:1440px;margin:auto;padding:44px var(--m-x) 60px}.ps-miles-v1 .m-case-title>a{font-size:14px}.ps-miles-v1 .m-case-title h1{font-size:clamp(34px,4.7vw,68px);line-height:1.25;letter-spacing:-.025em;margin-top:28px;max-width:24ch}.ps-miles-v1 .m-dark .m-meta{color:#c7d0c3;margin-top:36px}.ps-miles-v1 .m-case-cover{max-width:1440px;margin:auto;padding-inline:var(--m-x)}.ps-miles-v1 .m-case-cover img{max-height:80vh;object-fit:contain}.ps-miles-v1 .m-case-intro{max-width:1440px;margin:auto;padding:var(--m-space) var(--m-x);display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:48px}.ps-miles-v1 .m-case-intro h2{font-size:16px}.ps-miles-v1 .m-case-intro>div>p{font-size:27px;line-height:1.7;max-width:58ch}.ps-miles-v1 .m-case-intro dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-top:40px}.ps-miles-v1 .m-case-intro dt{font-size:13px;color:#c7d0c3;margin-bottom:8px}.ps-miles-v1 .m-case-intro dd{font-size:15px}.ps-miles-v1 .m-story{padding-block:30px var(--m-space)}.ps-miles-v1 .m-story-block{display:grid;grid-template-columns:minmax(140px,1fr) minmax(0,3fr);gap:48px;padding-block:calc(var(--m-space)*.65);border-bottom:1px solid var(--m-line)}.ps-miles-v1 .m-story-block h2{font-size:16px}.ps-miles-v1 .m-story-block>p,.ps-miles-v1 .m-story-block>ul{font-size:18px;line-height:1.9;max-width:72ch}.ps-miles-v1 .m-story-block>.m-links{margin-top:0}.ps-miles-v1 .m-case-images{display:flex;flex-direction:column;gap:28px}.ps-miles-v1 .m-case-images img{object-fit:contain}.ps-miles-v1 .m-case-return{padding-top:48px;display:flex;justify-content:space-between;gap:36px;align-items:baseline}.ps-miles-v1 .m-case-return a{max-width:45%;text-decoration:underline;text-underline-offset:5px}
@media(max-width:760px){.ps-miles-v1{font-size:16px;--m-space:var(--m-mobile-space)}.ps-miles-v1 .m-nav{padding-block:20px;font-size:13px;gap:20px}.ps-miles-v1 .m-nav>div{gap:18px}.ps-miles-v1 .m-hero{display:flex;flex-direction:column;align-items:stretch;gap:38px;min-height:0;padding-block:34px 60px}.ps-miles-v1 .m-hero-empty{padding-block:70px 90px}.ps-miles-v1 .m-orbit{width:100%;max-width:450px;height:280px;margin:auto}.ps-miles-v1 .m-orbit figure{width:58%}.ps-miles-v1 .m-identity h1{font-size:clamp(44px,12vw,68px);line-height:1.2}.ps-miles-v1 .m-identity>p{font-size:19px;margin-top:24px}.ps-miles-v1 .m-hero-action{margin-top:30px}.ps-miles-v1 .m-word-index>a{font-size:18px}.ps-miles-v1 .m-gallery{grid-template-columns:1fr;gap:46px}.ps-miles-v1 .m-project:last-child:nth-child(odd){width:100%;grid-column:auto}.ps-miles-v1 .m-works h2{font-size:28px}.ps-miles-v1 .m-works>header{margin-bottom:30px}.ps-miles-v1 .m-project-title{gap:14px;margin-top:18px}.ps-miles-v1 .m-project-title h3{font-size:21px}.ps-miles-v1 .m-project-title span{flex-shrink:0;font-size:12px}.ps-miles-v1 .m-section,.ps-miles-v1 .m-case-intro,.ps-miles-v1 .m-story-block{grid-template-columns:1fr;gap:24px}.ps-miles-v1 .m-section>h2,.ps-miles-v1 .m-story-block>h2{color:#51594e}.ps-miles-v1 .m-about .m-lead{font-size:25px}.ps-miles-v1 .m-entry{flex-direction:column;gap:12px}.ps-miles-v1 .m-entry h3{font-size:20px}.ps-miles-v1 .m-skills{gap:28px 18px}.ps-miles-v1 .m-skills h3{font-size:18px}.ps-miles-v1 .m-footer{flex-direction:column;gap:12px}.ps-miles-v1 .m-case-title{padding-block:26px 38px}.ps-miles-v1 .m-case-title h1{font-size:32px;line-height:1.4;margin-top:24px}.ps-miles-v1 .m-case-cover{padding:0}.ps-miles-v1 .m-case-intro>div>p{font-size:23px}.ps-miles-v1 .m-case-intro dl{grid-template-columns:1fr;margin-top:28px;gap:24px}.ps-miles-v1 .m-story-block>p,.ps-miles-v1 .m-story-block>ul{font-size:17px;line-height:1.85}.ps-miles-v1 .m-case-return{flex-direction:column;gap:26px}.ps-miles-v1 .m-case-return a{max-width:100%}}
@media(prefers-reduced-motion:reduce){.ps-miles-v1 .m-cover img{transition:none;transform:none!important}}