.selected-story{--story-accent:#1769b9;--story-surface:#f0f5fa;--story-ink:#172639;color:var(--story-ink);background:#fff}.selected-story figure{margin:0;min-width:0}.selected-story figure button{display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}.selected-story figure img{display:block;width:100%;height:auto;border-radius:6px;box-shadow:0 12px 38px #132b4312}.selected-story figcaption{font-size:12px;color:#76828d;margin-top:14px;line-height:1.7}.story-opening{padding:70px 6%;background:var(--story-surface)}.story-intro>span{font-size:11px;letter-spacing:.13em;color:var(--story-accent)}.story-intro h2{font-size:clamp(30px,3.7vw,54px);line-height:1.3;font-weight:500;letter-spacing:-.04em;margin:20px 0}.story-intro p{max-width:450px;font-size:15px;line-height:1.9;color:#66727c}.story-topics{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.story-topics span{font-size:11px;border:1px solid #9aabba55;padding:6px 11px;border-radius:30px}.opening-portrait{display:grid;grid-template-columns:1fr minmax(220px,35%);align-items:center;gap:10%;padding-right:12%}.opening-panorama .story-intro{display:grid;grid-template-columns:1fr 1fr;gap:10px 7%;margin-bottom:42px}.opening-panorama .story-intro>span,.opening-panorama .story-topics{grid-column:1/-1}.opening-panorama .story-intro h2{margin:0}.opening-panorama .story-intro p{margin:0;align-self:center}.opening-instrument{display:flex;flex-direction:column;gap:40px}.opening-instrument .story-intro{max-width:700px}.opening-instrument figure{width:90%;margin:auto}.story-section{padding:80px 5%}.story-section-heading{display:flex;gap:26px;margin-bottom:35px;max-width:750px}.story-section-heading>span{font-size:12px;color:var(--story-accent);padding-top:9px}.story-section-heading h2{font-size:clamp(24px,2.4vw,36px);font-weight:500;margin:0 0 12px}.story-section-heading p{font-size:14px;color:#71808b;line-height:1.9;margin:0}.story-section-images{display:grid;align-items:start;gap:35px}.composition-journey .story-section-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 12%;padding:0 10%}.composition-journey{background:#fff}.composition-focus{background:var(--story-surface)}.composition-focus .story-section-images{grid-template-columns:1.12fr .88fr;gap:48px 8%;align-items:start}.composition-focus .story-section-images figure:nth-child(n+3){width:82%;justify-self:center}.composition-flow .story-section-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:46px}.composition-flow .story-section-images figure:first-child{grid-column:span 2;max-width:480px;justify-self:center}.composition-archive{border-top:1px solid #e1e7ed}.composition-archive .story-section-images{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:55px;row-gap:50px}.composition-analysis .story-section-images{grid-template-columns:1fr}.composition-analysis{background:var(--story-surface)}.composition-evidence .story-section-images{grid-template-columns:1.2fr 1fr;align-items:center;gap:5%}.composition-single .story-section-images{display:block;max-width:1000px;margin:auto}.story-diagnostic{--story-accent:#00a991;--story-surface:#0c2125;--story-ink:#e9f8f5;background:#102b30}.story-diagnostic .story-intro p,.story-diagnostic .story-section-heading p{color:#a6c5c6}.story-diagnostic figcaption{color:#91adaf}.story-diagnostic .composition-evidence{background:#f0f6f4;color:#173334}.story-diagnostic .composition-evidence .story-section-heading p{color:#647a79}.story-diagnostic .composition-evidence figcaption{color:#647a79}@media(max-width:700px){.story-opening,.story-section{padding:34px 18px}.opening-portrait{display:flex;flex-direction:column;gap:32px;align-items:stretch}.opening-portrait figure{width:100%;max-width:380px;align-self:center}.opening-panorama .story-intro{display:block}.opening-panorama .story-intro h2{margin:18px 0}.opening-panorama .story-intro p{margin-top:20px}.opening-instrument figure{width:100%}.story-intro h2{font-size:32px}.story-section-heading{gap:14px;margin-bottom:26px}.story-section-heading h2{font-size:25px}.selected-story .story-section-images{display:flex;flex-direction:column;gap:32px;align-items:stretch}.selected-story .story-section-images figure{width:100%;max-width:none;grid-column:auto;grid-row:auto}.selected-story .story-section-images .story-phone{max-width:390px;margin:auto}.selected-story figure img{border-radius:3px}.story-topics{margin-top:18px}.selected-story figcaption{font-size:11px}}@media(max-width:700px){.composition-journey .story-section-images{padding:0}.selected-story .composition-focus .story-section-images figure{width:100%}}.story-midnight{--story-accent:#78bdec;--story-surface:#101d2b;--story-ink:#eef4fa;background:#142538}.story-midnight .story-intro p,.story-midnight .story-section-heading p{color:#a3b6c9}.story-midnight figcaption{color:#8ea9bf}.story-midnight .composition-control{background:#edf2f7;color:#183047}.story-midnight .composition-control .story-section-heading p,.story-midnight .composition-control figcaption{color:#667b8c}.story-mint{--story-accent:#2b8b72;--story-surface:#eaf4ef;--story-ink:#163b31}.story-steel{--story-accent:#406080;--story-surface:#e9edf1;--story-ink:#233343}.story-warm{--story-accent:#85603c;--story-surface:#f3efe7;--story-ink:#40362c}.composition-process{background:var(--story-surface)}.composition-process .story-section-images{grid-template-columns:1fr 1fr;gap:44px}.composition-process .story-section-images figure:first-child{grid-column:1/-1}.composition-process .story-section-images figure:last-child:nth-child(2n){grid-column:1/-1;width:78%;justify-self:center}.composition-control .story-section-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.composition-control .story-section-images figure:only-child{grid-column:1/-1}.composition-sequence{display:grid;grid-template-columns:230px minmax(0,1fr);gap:40px}.composition-sequence .story-section-heading{position:sticky;top:125px;align-self:start;display:block}.composition-sequence .story-section-heading>span{display:block;margin-bottom:20px}.composition-sequence .story-section-images{grid-template-columns:1fr;gap:55px}.composition-aside{display:grid;grid-template-columns:.65fr 1.35fr;gap:6%;align-items:center;background:var(--story-surface)}.composition-aside .story-section-heading{display:block}.composition-aside .story-section-heading>span{display:block;margin-bottom:20px}.composition-portrait-feature{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:12%;padding:70px 12%}.composition-portrait-feature .story-section-heading{display:block}.composition-portrait-feature .story-section-heading>span{display:block;margin-bottom:20px}@media(max-width:1000px){.composition-sequence{grid-template-columns:180px minmax(0,1fr);gap:25px}}@media(max-width:700px){.composition-sequence,.composition-aside,.composition-portrait-feature{display:block;padding:34px 18px}.composition-sequence .story-section-heading{position:static}.selected-story .composition-process .story-section-images figure{width:100%}.composition-aside .story-section-heading,.composition-portrait-feature .story-section-heading{margin-bottom:28px}}@media(max-width:700px){.selected-story .composition-process .story-section-images figure:last-child:nth-child(2n){width:100%}}.story-red{--story-accent:#a7263a;--story-surface:#f7f0ed;--story-ink:#482b30}.opening-web .story-intro{max-width:700px;margin-bottom:42px}.opening-web>figure>button{max-height:780px;overflow:hidden}.opening-web>figure img{border-radius:0}.opening-web>figure{position:relative}.opening-web>figure:after{content:"点击查看完整页面 ↗";position:absolute;right:20px;bottom:48px;font-size:12px;padding:12px 16px;background:#fff;color:#222;box-shadow:0 4px 22px #0002;pointer-events:none}.opening-ultrawide{padding:60px 2.5% 40px}.opening-ultrawide .story-intro{max-width:760px;padding:0 4%;margin-bottom:40px}.opening-ultrawide>figure{width:100%}@media(max-width:700px){.opening-web>figure>button{max-height:610px}.opening-web>figure:after{right:8px;bottom:40px;font-size:11px}.opening-ultrawide{padding:34px 12px}.opening-ultrawide .story-intro{padding:0 6px}}.story-coral{--story-accent:#d75f3f;--story-surface:#fff3ed;--story-ink:#422d29}.story-sky{--story-accent:#337dd3;--story-surface:#eef6ff;--story-ink:#1b3553}.story-commerce-red{--story-accent:#d33330;--story-surface:#fff1ed;--story-ink:#4d2424}.story-forest{--story-accent:#aebf87;--story-surface:#15382b;--story-ink:#eff3e7;background:#173e30}.story-forest .story-intro p,.story-forest .story-section-heading p,.story-forest figcaption{color:#b8cbbd}.opening-mobile{display:grid;grid-template-columns:1fr minmax(250px,39%);gap:9%;align-items:center;padding:65px 10%}.opening-mobile>figure>button{max-height:750px;overflow:hidden}.opening-mobile>figure{position:relative}.opening-mobile>figure:after{content:"点击查看完整页面 ↗";position:absolute;right:12px;bottom:44px;padding:10px 14px;background:#fff;color:#333;box-shadow:0 5px 24px #0002;pointer-events:none;font-size:11px}.composition-mobile-duet .story-section-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:10%;padding:0 12%}.composition-mobile-duet .story-section-images figure{width:100%}.composition-mobile-trio{background:var(--story-surface)}.composition-mobile-trio .story-section-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}.composition-mobile-feature .story-section-images{grid-template-columns:1.2fr 1fr;gap:9%;padding:0 7%;align-items:start}.story-support{display:grid;gap:38px;min-width:0}.composition-mobile-feature .story-support{padding-top:60px;max-width:310px;justify-self:center;width:100%}.composition-mobile-feature{background:var(--story-surface)}.composition-mobile-role{background:#182c3e;color:#f1f5f9}.composition-mobile-role .story-section-heading p,.composition-mobile-role figcaption{color:#b2c3d2}.composition-mobile-role .story-section-images{grid-template-columns:.8fr 1.3fr;gap:9%;padding:0 4%}.composition-mobile-role .story-support{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:start}.composition-mobile-role .story-support figure:only-child{max-width:300px}.composition-mobile-narrative{display:grid;grid-template-columns:240px minmax(0,1fr);gap:45px}.composition-mobile-narrative .story-section-heading{display:block;position:sticky;top:125px;align-self:start}.composition-mobile-narrative .story-section-heading>span{display:block;margin-bottom:18px}.composition-mobile-narrative .story-section-images{grid-template-columns:repeat(2,minmax(0,1fr));gap:44px}.composition-mobile-narrative .story-section-images figure:last-child:nth-child(odd){grid-column:1/-1;width:52%;justify-self:center}.composition-mobile-access .story-section-images{grid-template-columns:.6fr 1.4fr;gap:9%;align-items:center}@media(max-width:1000px)and (min-width:701px){.composition-mobile-narrative{grid-template-columns:170px minmax(0,1fr);gap:25px}.composition-mobile-trio .story-section-images{gap:25px}}@media(max-width:700px){.opening-mobile{display:flex;flex-direction:column;padding:34px 18px;gap:32px;align-items:stretch}.opening-mobile>figure{width:100%;max-width:390px;align-self:center}.opening-mobile>figure>button{max-height:640px}.selected-story .story-support{display:flex;flex-direction:column;gap:32px;padding:0;max-width:none;width:100%}.selected-story .story-section-images{padding:0}.composition-mobile-narrative{display:block}.composition-mobile-narrative .story-section-heading{position:static}.selected-story .composition-mobile-narrative .story-section-images figure:last-child:nth-child(odd){width:100%}.selected-story .composition-mobile-role .story-support figure:only-child{max-width:none}}:root{font-family:Microsoft YaHei UI,Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#171717;background:#fff;font-synthesis:none;--space:6vw;--line:#dedede}body{margin:0;min-width:320px;-webkit-font-smoothing:antialiased}button{font:inherit;border:0;background:none;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #5a79d8;outline-offset:7px}svg{flex-shrink:0}::selection{background:#c7c7c7;color:#111}.header{height:90px;padding:0 var(--space);display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;width:100%;z-index:30;transition:background .3s,color .3s}.header-dark{color:#f8f8f8;background:transparent}.header-light{color:#171717;background:#fffffff5;border-bottom:1px solid #eee;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.wordmark{font-size:17px;font-weight:500;letter-spacing:-.7px}.wordmark span{margin-left:3px}.desktop-nav{display:flex;gap:40px;align-items:center;font-size:14px}.desktop-nav button{display:flex;align-items:center;gap:10px;padding:10px 0}.desktop-nav a{padding:10px 0}.desktop-nav a:hover,.desktop-nav button:hover{opacity:.55}.menu-toggle{display:none}.hero{height:100svh;min-height:720px;background:#101010;color:#fafafa;position:relative;overflow:hidden}.hero-composition{position:absolute;top:30%;left:30%;width:66%;animation:hero-enter 1s cubic-bezier(.22,1,.36,1) both}.hero h1{font-weight:300;font-size:clamp(70px,6.15vw,132px);line-height:1.42;letter-spacing:-.055em;margin:0}.title-row{display:block;white-space:nowrap}.row-two{margin-left:8.8vw}.row-three{margin-left:25.2vw}.hero-description{position:absolute;top:2.3vw;left:24.5vw;font-size:14px;line-height:1.8;font-weight:400;white-space:nowrap}.hero-links{position:absolute;left:10.7vw;bottom:2.5vw;display:flex;gap:32px}.text-link{display:inline-flex;align-items:center;gap:10px;font-size:14px;padding:6px 0 9px;border-bottom:1px solid currentColor;line-height:1.5}.text-link:hover{opacity:.6}.hero-links .text-link{white-space:nowrap}.scroll-cue{position:absolute;left:50%;bottom:40px;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:15px;font-size:13px;color:#a0a0a0;padding:14px}.scroll-cue:before{content:"";height:34px;width:1px;background:#656565;margin-bottom:6px}.scroll-cue svg{color:#eee;transition:transform .3s}.scroll-cue:hover svg{transform:translateY(5px)}.category-section{padding:116px var(--space) 130px;scroll-margin-top:88px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:54px}.section-heading h2{font-size:clamp(28px,3vw,46px);font-weight:300;letter-spacing:-1.5px;margin:0}.section-heading>span{font-size:11px;color:#7a7a7a;letter-spacing:1.5px}.category-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:12vw;row-gap:96px}.category-card{min-width:0}.category-picture{aspect-ratio:1.574;position:relative;overflow:hidden;background:#101417}.category-picture img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.category-1 .category-picture img,.category-3 .category-picture img{object-fit:contain;background:#101010}.category-card:hover .category-picture img{transform:scale(1.035)}.image-cta{position:absolute;right:20px;bottom:20px;background:#fff;color:#111;padding:12px 17px;display:flex;align-items:center;gap:18px;font-size:13px;opacity:0;transform:translateY(10px);transition:.25s}.category-card:hover .image-cta,.project-card:hover .image-cta,.category-card:focus-visible .image-cta,.project-card:focus-visible .image-cta{opacity:1;transform:none}.category-caption{display:flex;justify-content:space-between;gap:15px;padding:21px 18px 0}.category-caption h3{font-size:17px;font-weight:400;margin:0 0 10px}.category-caption p{color:#777;font-size:12px;line-height:1.8;margin:0}.category-number{font-size:11px;display:flex;gap:15px;align-items:flex-start;padding-top:5px;color:#5d5d5d}.all-projects-link{display:flex;width:fit-content;align-items:center;gap:25px;font-weight:300;font-size:clamp(26px,3.5vw,64px);letter-spacing:-1.7px;margin:110px auto 0;border-bottom:1px solid #171717;padding-bottom:7px}.all-projects-link svg{width:1em;height:1em;transition:transform .3s}.all-projects-link:hover svg{transform:translate(5px,-5px)}.footer{background:#101010;color:#f6f6f6;padding:78px var(--space) 30px}.footer-top{padding-bottom:70px}.footer-top p{font-size:14px;color:#999;margin:0 0 20px}.footer-top button{font-size:clamp(28px,4vw,68px);font-weight:300;letter-spacing:-2px;padding:0;display:flex;align-items:center;gap:35px}.footer-top svg{width:1em;height:1em}.footer-bottom{padding-top:28px;border-top:1px solid #333;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:#999}.footer-bottom>a{display:flex;align-items:center;gap:8px}.footer-bottom>a:first-child{color:#eee;font-size:15px}.page-shell{padding:140px var(--space) 110px;min-height:70vh}.back-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;color:#666;padding:6px 0}.back-link:hover{color:#111}.projects-intro{padding:68px 0 55px}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:1.5px;color:#777;margin:0 0 20px}.projects-intro h1,.project-heading h1{font-size:clamp(36px,5vw,78px);font-weight:300;letter-spacing:-2px;line-height:1.25;margin:0 0 23px}.projects-intro>p:last-child{color:#777;font-size:15px;line-height:1.8}.filter-bar{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;gap:25px;margin-bottom:48px}.filter-bar>div{display:flex;gap:8px;flex-wrap:wrap}.filter-bar button{font-size:13px;padding:10px 15px;border-radius:24px}.filter-bar button.active{background:#151515;color:#fff}.filter-bar button:not(.active):hover{background:#f0f0f0}.filter-bar>span{color:#888;font-size:12px;white-space:nowrap}.projects-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px 5vw}.project-picture{aspect-ratio:1.55;background:#f1f2f2;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.project-picture img{width:100%;height:100%;object-fit:contain;transition:transform .5s}.project-card:hover .project-picture img{transform:scale(1.025)}.project-picture.cat-1 img{object-fit:cover;object-position:top}.project-picture.cat-2{background:#081d2b}.project-caption{display:flex;justify-content:space-between;gap:20px;padding-top:21px}.project-caption h2{font-size:19px;font-weight:400;margin:0 0 9px}.project-caption p{color:#888;font-size:12px;margin:0}.project-caption>svg{margin-top:4px}.project-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;padding:70px 0 45px}.project-heading h1{font-size:clamp(32px,4vw,64px);margin:0}.project-heading>.text-link{flex-shrink:0}.project-meta{border-top:1px solid var(--line);padding:22px 0 48px;font-size:12px;color:#777;display:flex;justify-content:space-between;gap:15px}.project-gallery{display:flex;flex-direction:column;gap:60px}.project-gallery figure{margin:0}.project-gallery figure>button{padding:0;width:100%;position:relative;background:#f2f3f4;display:flex;justify-content:center;cursor:zoom-in;overflow:hidden}.project-gallery img{width:100%;height:auto;object-fit:contain}.project-gallery .portrait-figure>button{padding:40px 10px}.project-gallery .portrait-figure img{width:min(100%,480px)}.zoom-hint{position:absolute;right:20px;top:20px;padding:10px 15px;background:#fffffff0;color:#333;display:flex;align-items:center;gap:10px;font-size:12px;opacity:0;transition:opacity .2s}.project-gallery button:hover .zoom-hint,.project-gallery button:focus-visible .zoom-hint{opacity:1}.project-gallery figcaption{padding:15px 0;color:#888;font-size:12px}.related{padding-top:100px}.not-found{padding-top:220px}.not-found h1{font-size:38px;font-weight:300}.modal{border:0;padding:0}.modal::backdrop{background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.contact-modal{width:min(620px,calc(100vw - 32px));max-height:90dvh;overflow:auto;padding:58px;background:#fafaf8;color:#181818}.modal-close{position:absolute;right:20px;top:20px;padding:10px;font-size:24px}.contact-modal h2{font-size:34px;font-weight:300;letter-spacing:-1px;margin:0 0 17px}.contact-intro{font-size:14px;color:#777;line-height:1.8}.contact-pending{font-size:14px;line-height:1.8;border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:22px 0;margin:30px 0}.contact-row{display:flex;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid #ddd;font-size:14px}.contact-row strong{font-weight:400;flex:1;overflow-wrap:anywhere}.contact-row>span{color:#888}.inquiry{padding-top:15px}.inquiry>p{font-size:13px;color:#666}.inquiry pre{white-space:pre-wrap;font-family:inherit;font-size:14px;line-height:2;color:#555}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;background:#111;color:#fff;display:flex;flex-direction:column}.viewer-toolbar{height:78px;flex-shrink:0;padding:0 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #333}.viewer-toolbar>span{font-size:15px}.viewer-toolbar small{margin-left:25px;color:#888}.viewer-actions{display:flex;gap:15px;align-items:center;font-size:12px}.viewer-actions button{padding:10px;font-size:24px;line-height:0}.viewer-actions button:disabled{opacity:.3;cursor:default}.viewer-scroll{overflow:auto;flex:1;overscroll-behavior:contain}.viewer-image{min-height:100%;padding:30px;display:flex;align-items:flex-start;justify-content:center}.viewer-image img{max-width:100%;width:auto;height:auto;max-height:none}.viewer-navigation{height:62px;flex-shrink:0;display:flex;justify-content:space-between;padding:0 30px;border-top:1px solid #333}.viewer-navigation button{display:flex;gap:12px;align-items:center;font-size:13px}.mobile-nav{display:none}@keyframes hero-enter{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@media(min-width:1800px){.category-caption h3{font-size:20px}.category-caption p{font-size:14px}.desktop-nav{font-size:15px}.hero-description,.hero-links .text-link{font-size:16px}}@media(max-width:1100px){.hero{min-height:660px}.hero-composition{left:19%;width:78%;top:31%}.hero h1{font-size:7.7vw}.hero-description{top:-55px;left:0}.row-three{margin-left:38vw}.hero-links{left:14vw;bottom:3vw;gap:20px}.category-grid{column-gap:7vw}.category-caption{padding-left:0;padding-right:0}.desktop-nav{gap:25px}.project-heading{align-items:flex-start;flex-direction:column}.viewer-actions{gap:7px}}@media(max-width:700px){:root{--space:24px}.header{height:74px}.wordmark{font-size:16px}.desktop-nav{display:none}.menu-toggle{display:block;padding:8px;margin-right:-8px;font-size:25px;line-height:0}.mobile-nav{position:absolute;display:flex;flex-direction:column;gap:0;left:0;right:0;top:74px;background:#fff;color:#111;padding:12px 24px 28px;border-bottom:1px solid #ddd}.mobile-nav a,.mobile-nav button{display:flex;justify-content:space-between;align-items:center;font-size:25px;padding:22px 0;text-align:left;border-bottom:1px solid #eee}.hero{min-height:680px;height:100svh;max-height:1000px}.hero-composition{left:24px;top:26%;width:calc(100% - 48px)}.hero h1{font-size:clamp(43px,10.5vw,72px);line-height:1.65;letter-spacing:-.07em}.row-two{margin-left:7vw}.row-three{margin-left:43vw}.hero-description{position:static;font-size:12px;line-height:1.8;margin-top:30px;color:#aaa;white-space:normal;max-width:280px}.hero-links{position:static;margin-top:25px;gap:27px}.hero-links .text-link{font-size:13px}.scroll-cue{bottom:18px;gap:9px;font-size:11px}.scroll-cue:before{height:25px}.category-section{padding-top:70px;padding-bottom:74px;scroll-margin-top:73px}.section-heading{margin-bottom:32px;align-items:flex-start;flex-direction:column;gap:15px}.section-heading h2{font-size:30px}.section-heading>span{font-size:10px}.category-grid{grid-template-columns:1fr;row-gap:42px}.category-caption{padding-top:17px}.category-caption h3{font-size:18px}.category-caption p{font-size:12px}.category-number{font-size:11px}.image-cta{display:none}.all-projects-link{font-size:26px;gap:8px;letter-spacing:-1px;margin-top:65px}.footer{padding-top:55px}.footer-top{padding-bottom:50px}.footer-top button{font-size:32px;gap:14px;letter-spacing:-1px}.footer-bottom{flex-wrap:wrap;gap:23px}.footer-bottom>span{order:3;width:100%;font-size:11px}.footer-bottom>a:last-child{margin-left:auto}.page-shell{padding-top:110px;padding-bottom:70px}.projects-intro{padding:48px 0 28px}.projects-intro h1{font-size:38px}.projects-intro>p:last-child{font-size:13px}.filter-bar{align-items:flex-start;flex-direction:column;gap:14px;padding:16px 0 20px;margin-bottom:30px}.filter-bar>div{gap:4px}.filter-bar button{font-size:12px;padding:9px 12px}.projects-grid{grid-template-columns:1fr;gap:35px}.project-caption h2{font-size:18px}.project-heading{padding-top:43px;padding-bottom:30px;gap:25px}.project-heading h1{font-size:34px;line-height:1.4}.project-heading .eyebrow{font-size:11px}.project-meta{font-size:11px;padding-bottom:30px;line-height:1.8}.project-gallery{gap:28px}.project-gallery .portrait-figure>button{padding:16px}.related{padding-top:60px}.contact-modal{padding:48px 25px 30px}.contact-modal h2{font-size:30px}.viewer-toolbar{height:72px;padding:0 10px;gap:6px}.viewer-toolbar>span{font-size:12px;max-width:45%}.viewer-toolbar small{display:block;margin:4px 0 0}.viewer-actions{gap:0}.viewer-actions button{padding:9px;font-size:21px}.viewer-image{padding:12px}.viewer-navigation{padding:0 16px}.zoom-hint{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.projects-intro .selection-notice,.project-meta .selection-notice{font-size:12px;line-height:1.8;color:#777}.projects-intro .selection-notice{margin:16px 0 0}.project-meta>span:last-child{flex-shrink:0}@media(max-width:700px){.project-meta{flex-wrap:wrap}.project-meta .selection-notice{flex-basis:100%;font-size:11px}}.showcase-end-note{margin:0;padding:32px 20px 40px;text-align:center;font-size:15px;line-height:1.8;color:#666;background:#fff}.skip-link{position:fixed;left:18px;top:-70px;padding:12px 20px;z-index:1000;background:#fff;color:#111;border:2px solid #111}.skip-link:focus{top:15px}#主要内容:focus{outline:none}.copy-feedback{font-size:12px;line-height:1.6;min-height:20px;color:#555}button:focus-visible,a:focus-visible{outline:2px solid #2862b1;outline-offset:4px}:root{--motion-ease:cubic-bezier(.22,1,.36,1)}.hero{isolation:isolate}.cursor-project-trail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;contain:layout paint}.cursor-project-image{position:absolute;max-width:none;object-fit:cover;object-position:top;pointer-events:none;-webkit-user-select:none;user-select:none;will-change:transform,opacity;box-shadow:0 14px 36px #0003}.hero-composition{z-index:2;pointer-events:none}.hero-composition .hero-links{pointer-events:auto}.hero .scroll-cue{z-index:3}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-project-trail{display:none}}.hero-composition{animation:none}.hero .title-row{animation:headline-arrive 1.25s var(--motion-ease) both;transform-origin:0 100%}.hero .row-one{animation-delay:.08s}.hero .row-two{animation-delay:.25s}.hero .row-three{animation-delay:.42s}.hero-description{animation:quiet-arrive .9s var(--motion-ease) .8s both}.hero-links{animation:quiet-arrive .9s var(--motion-ease) 1s both}.hero .scroll-cue{animation:cue-arrive .8s ease 1.3s both}.scroll-cue svg{animation:scroll-invitation 2.6s ease-in-out 2s 3}.motion-reveal{opacity:0;transform:translate3d(0,38px,0);transition:opacity .85s var(--motion-ease),transform 1s var(--motion-ease)}.motion-reveal.motion-visible{opacity:1;transform:translateZ(0)}.category-card:nth-child(2n).motion-reveal{transition-delay:.1s}.projects-page,.project-page,.not-found{animation:page-arrive .65s var(--motion-ease) both}.projects-grid{animation:page-arrive .55s var(--motion-ease) both}.category-picture img{transition:transform .85s var(--motion-ease),filter .65s ease}.category-card:hover .category-picture img{transform:scale(1.045)}.category-caption h3,.project-caption h2{transition:transform .4s var(--motion-ease)}.category-card:hover .category-caption h3,.project-card:hover .project-caption h2{transform:translate(5px)}.category-number svg,.project-caption>svg{transition:transform .45s var(--motion-ease)}.category-card:hover .category-number svg,.project-card:hover .project-caption>svg{transform:translate(4px,-4px)}.text-link{position:relative;border-bottom-color:transparent}.text-link:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform-origin:left;transition:transform .4s var(--motion-ease)}.text-link:hover{opacity:1}.text-link:hover:after{transform:scaleX(.65)}.text-link svg{transition:transform .4s var(--motion-ease)}.text-link:hover svg{transform:translate(3px,-3px)}.contact-modal[open]{animation:dialog-arrive .35s var(--motion-ease) both}.modal[open]::backdrop{animation:backdrop-arrive .25s ease both}.lightbox[open]{animation:quiet-arrive .25s ease both}.mobile-nav{animation:page-arrive .35s var(--motion-ease) both}.footer-top button svg{transition:transform .5s var(--motion-ease)}.footer-top button:hover svg{transform:translate(8px,-8px)}@keyframes headline-arrive{0%{opacity:0;transform:translate3d(0,50px,0);clip-path:inset(0 0 100% 0)}to{opacity:1;transform:none;clip-path:inset(0 0 0 0)}}@keyframes quiet-arrive{0%{opacity:0}to{opacity:1}}@keyframes cue-arrive{0%{opacity:0}to{opacity:1}}@keyframes scroll-invitation{0%,to{transform:translateY(0)}50%{transform:translateY(6px)}}@keyframes page-arrive{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-arrive{0%{opacity:0}to{opacity:1}}@media(hover:none){.category-card:hover .category-picture img,.category-card:hover .category-caption h3,.project-card:hover .project-caption h2{transform:none}}@media(max-width:700px){.motion-reveal{transform:translate3d(0,22px,0)}.category-card:nth-child(2n).motion-reveal{transition-delay:0}.hero .title-row{animation-duration:1s}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.motion-reveal{opacity:1;transform:none}.hero .title-row{clip-path:none}}.reference-trail{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;opacity:0;transition:opacity .333s linear;overflow:hidden}.trail-item{position:absolute;left:0;top:0;width:278px;height:278px;pointer-events:none;will-change:transform,opacity}.trail-mask{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden}.trail-mask img{max-width:none;flex:none;object-fit:contain;will-change:transform}.link-trail{z-index:5}.all-projects-link,.footer-top button{position:relative;z-index:6}.category-picture,.project-picture{overflow:hidden}.project-picture img{transition:transform .8s cubic-bezier(.14,1,.34,1)}.project-card:hover .project-picture img{transform:scale(1.045)}.desktop-nav a,.desktop-nav button{position:relative}.desktop-nav a:after,.desktop-nav button:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.22,1,.36,1)}.desktop-nav a:hover:after,.desktop-nav button:hover:after{transform:scaleX(1);transform-origin:left}.text-link:hover:after{animation:underline-pass .6s cubic-bezier(.22,1,.36,1);transform:scaleX(1)}@keyframes underline-pass{0%{transform-origin:right;transform:scaleX(1)}49%{transform-origin:right;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(0)}to{transform-origin:left;transform:scaleX(1)}}.mobile-nav{animation:menu-slide .8s cubic-bezier(.14,1,.34,1) both}.mobile-nav>*{animation:menu-link .8s cubic-bezier(.14,1,.34,1) .2s both}.mobile-nav>*:nth-child(2){animation-delay:.25s}.mobile-nav>*:nth-child(3){animation-delay:.3s}@keyframes menu-slide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes menu-link{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}@media(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.reference-trail{display:none}}.category-card.motion-reveal{opacity:1;transform:none;transition:none}.category-card.motion-reveal .category-picture{clip-path:inset(100% 0 0);transition:clip-path 1.05s var(--motion-ease)}.category-card.motion-visible .category-picture{clip-path:inset(0)}.category-card.motion-reveal .category-caption{opacity:0;transform:translateY(16px);transition:opacity .65s var(--motion-ease) .2s,transform .8s var(--motion-ease) .2s}.category-card.motion-visible .category-caption{opacity:1;transform:none}.category-card:nth-child(2n).motion-reveal .category-picture{transition-delay:.12s}.category-card:nth-child(2n).motion-reveal .category-caption{transition-delay:.32s}.cover-drift{width:100%;height:100%;transform:translate3d(var(--picture-x,0px),var(--picture-y,0px),0)}.category-card .interactive-cover img{transform:scale(1);transition:transform .9s var(--motion-ease)}.category-card .interactive-cover.cover-active img{transform:scale(1.055)}.cover-cursor{position:absolute;top:0;left:0;transform:translate3d(var(--cursor-x,0px),var(--cursor-y,0px),0);pointer-events:none;z-index:2}.cover-cursor>span{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;width:88px;height:88px;margin:-44px 0 0 -44px;border-radius:50%;background:#fffffff5;color:#171717;font-size:12px;opacity:0;transform:scale(.3);transition:transform .45s var(--motion-ease),opacity .2s ease;box-shadow:0 2px 18px #0000000a}.cover-active .cover-cursor>span{opacity:1;transform:scale(1)}.category-caption h3{position:relative;display:inline-block;padding-bottom:4px}.category-caption h3:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--motion-ease)}.category-card:hover .category-caption h3,.category-card:focus-visible .category-caption h3{transform:none}.category-card:hover .category-caption h3:after,.category-card:focus-visible .category-caption h3:after{transform:scaleX(1);transform-origin:left}.category-card:focus-visible .cover-cursor{left:50%;top:50%;transform:none}.category-card:focus-visible .cover-cursor>span{opacity:1;transform:scale(1)}@media(hover:none),(pointer:coarse){.cover-cursor{display:none}.category-card:hover .interactive-cover img{transform:none}.category-card:hover .category-caption h3:after{transform:scaleX(0)}}@media(max-width:700px){.category-card:nth-child(2n).motion-reveal .category-picture{transition-delay:0s}.category-card:nth-child(2n).motion-reveal .category-caption{transition-delay:.2s}}@media(prefers-reduced-motion:reduce){.category-card.motion-reveal .category-picture{clip-path:none}.category-card.motion-reveal .category-caption{opacity:1;transform:none}.cover-drift,.category-card .interactive-cover img{transform:none!important}.cover-cursor{display:none}}.charging-display{margin-top:0}.charging-cover{overflow:hidden;background:#eaf2ff}.charging-cover img{width:100%;height:auto}.charging-feature,.charging-secondary{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start;padding:100px 8%;margin-top:64px;background:#eef4fb}.charging-feature-title{position:sticky;top:130px;padding-top:35px}.charging-feature-title>span,.display-section-title>span{font-size:11px;letter-spacing:1.5px;color:#72829a}.charging-feature-title h2,.display-section-title h2{font-size:clamp(26px,3vw,44px);font-weight:400;letter-spacing:-1px;margin:22px 0}.charging-feature-title p{font-size:14px;color:#72829a}.charging-display figure{margin:0;min-width:0}.charging-display figure>button{position:relative;display:block;width:100%;padding:0;cursor:zoom-in;border-radius:16px;overflow:hidden;box-shadow:0 16px 45px #21457510}.charging-display figure img{width:100%;height:auto}.charging-display figcaption{font-size:12px;color:#738096;padding-top:18px}.charging-display figure button:hover .zoom-hint,.charging-display figure button:focus-visible .zoom-hint{opacity:1}.charging-pair{padding:90px 8%;background:#f7f8fa;margin-top:32px}.display-section-title{margin-bottom:50px}.charging-pair-grid{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:start}.charging-secondary{background:#f5f7fa;margin-top:32px;padding:70px 15%;grid-template-columns:1fr minmax(0,320px)}.display-contact{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:48px 0;border-bottom:1px solid #ddd}.display-contact p{font-size:24px;font-weight:300}@media(max-width:700px){.charging-feature,.charging-secondary{grid-template-columns:1fr;padding:30px 20px;margin-top:24px;gap:24px}.charging-feature-title{position:static;padding-top:0}.charging-feature-title h2,.display-section-title h2{margin:14px 0}.charging-pair{padding:32px 20px;margin-top:24px}.charging-pair-grid{grid-template-columns:1fr;gap:36px}.display-section-title{margin-bottom:28px}.charging-secondary figure{width:100%}.charging-display figure>button{border-radius:10px}.display-contact{padding:28px 0}.display-contact p{font-size:20px}}.wide-display .wide-cover img{width:100%;height:auto}.wide-images{padding:60px 4%;background:#f1f4f9;margin-top:48px}.wide-images figure{margin:0 0 70px}.wide-images figure:last-child{margin-bottom:0}.wide-images figcaption{display:flex;gap:18px;align-items:center;margin-bottom:24px;color:#728098;font-size:12px}.wide-images figcaption h2{font-size:20px;font-weight:400;color:#25344a;margin:0;flex:1}.wide-images figure>button{padding:0;display:block;width:100%;position:relative;cursor:zoom-in;box-shadow:0 14px 45px #172c4510}.wide-images img{width:100%;height:auto}.wide-images button:hover .zoom-hint,.wide-images button:focus-visible .zoom-hint{opacity:1}.display-dark .wide-images{background:#09131e;padding:64px 3%}.display-dark figcaption{color:#7b9ab6}.display-dark figcaption h2{color:#d9e7f5}.display-dark .wide-images figure{margin-bottom:88px}.display-dark .wide-images figure:last-child{margin-bottom:0}@media(max-width:700px){.wide-images,.display-dark .wide-images{padding:26px 12px;margin-top:24px}.wide-images figure,.display-dark .wide-images figure{margin-bottom:40px}.wide-images figcaption{gap:10px;margin-bottom:16px;font-size:10px}.wide-images figcaption h2{font-size:15px}.wide-images figcaption>span:last-child{display:none}}.commerce-cover{width:100%;height:auto}.commerce-section{background:#fff3ec;margin-top:40px;padding:64px 9%}.commerce-section:nth-of-type(2){background:#f6f6f5}.commerce-section:nth-of-type(3){background:#fff0ee}.commerce-section .display-section-title>span{color:#b57366}.commerce-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:start}.commerce-grid figure{margin:0;min-width:0}.commerce-grid figure>button{display:block;position:relative;width:100%;padding:0;border-radius:16px;overflow:hidden;cursor:zoom-in;box-shadow:0 15px 40px #793a2510}.commerce-grid img{display:block;width:100%;height:auto}.commerce-grid figcaption{padding-top:18px;font-size:12px;color:#856b66}.commerce-grid button:hover .zoom-hint,.commerce-grid button:focus-visible .zoom-hint{opacity:1}@media(max-width:700px){.commerce-section{padding:28px 18px;margin-top:24px}.commerce-grid{grid-template-columns:1fr;gap:32px}.commerce-grid figure>button{border-radius:10px}}.editorial-cover{width:100%;height:auto}.editorial-group{padding:60px 6%;margin-top:36px;background:#f7f0f5}.editorial-label>span{font-size:11px;letter-spacing:1.5px;color:#95738f}.editorial-label h2{font-size:32px;font-weight:400;margin:18px 0 40px}.editorial-screens{display:grid;gap:5%;align-items:start}.duo .editorial-screens{grid-template-columns:repeat(2,minmax(0,375px));justify-content:center}.trio{background:#f0eef7}.trio .editorial-screens{grid-template-columns:repeat(3,minmax(0,1fr))}.editorial-screens figure{margin:0;min-width:0}.editorial-screens figure:nth-child(2){padding-top:65px}.editorial-screens button{display:block;width:100%;padding:0;position:relative;border-radius:14px;overflow:hidden;cursor:zoom-in;box-shadow:0 12px 32px #39234412}.editorial-screens img{width:100%;height:auto}.editorial-screens figcaption{font-size:12px;color:#827285;padding-top:16px}.editorial-screens button:hover .zoom-hint,.editorial-screens button:focus-visible .zoom-hint{opacity:1}@media(max-width:700px){.editorial-group{padding:28px 18px;margin-top:24px}.editorial-label h2{font-size:24px;margin-bottom:26px}.duo .editorial-screens,.trio .editorial-screens{grid-template-columns:minmax(0,375px);gap:32px;justify-content:center}.editorial-screens figure:nth-child(2){padding-top:0}}.compact .editorial-screens{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.compact .editorial-screens figure:nth-child(2){padding-top:0}.editorial-group.compact{background:#f6f5f8;padding:44px 4%}.compact .editorial-label h2{font-size:28px}.editorial-group:nth-of-type(4n){background:#f9eff3}@media(min-width:701px)and (max-width:1000px){.compact .editorial-screens{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.compact .editorial-screens{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.editorial-group.compact{padding:28px 14px}.compact .editorial-label h2{font-size:24px}.compact .editorial-screens button{border-radius:7px}.compact .editorial-screens figcaption{font-size:11px;line-height:1.6}}.social-showcase figure{margin:0;min-width:0}.social-showcase figure button{display:block;padding:0;width:100%;position:relative;overflow:hidden;border-radius:14px;cursor:zoom-in;box-shadow:0 14px 35px #3e234412}.social-showcase figure img{width:100%;height:auto;display:block}.social-showcase figcaption{padding:14px 0;font-size:12px;color:#8c7788}.social-showcase figure button:hover .zoom-hint,.social-showcase figure button:focus-visible .zoom-hint{opacity:1}.social-heading>span,.social-opening-copy>span,.social-style-copy>span{font-size:11px;letter-spacing:2px;color:#a37699}.social-heading h2{font-size:clamp(28px,3.3vw,48px);font-weight:300;letter-spacing:-1px;margin:20px 0 40px}.social-heading p{font-size:13px;color:#8c7788}.social-opening{display:grid;grid-template-columns:1fr 375px;align-items:center;gap:8%;padding:75px 11%;background:#251e30;color:#fff;overflow:hidden}.social-opening-copy h2{font-size:clamp(40px,5vw,74px);font-weight:300;line-height:1.4;letter-spacing:-3px;margin:40px 0}.social-opening-copy p{font-size:14px;color:#bca9c6}.social-opening-screen{transform:rotate(5deg)}.social-profile{display:grid;grid-template-columns:375px 1fr;gap:8%;padding:110px 5%;align-items:start}.social-profile-main{position:sticky;top:115px}.social-profile-side{padding-top:80px}.social-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px}.social-detail-screen{width:62%;margin:35px auto 0!important}.social-conversation{padding:65px 7%;background:#f6f2f6}.social-conversation-stage{display:grid;grid-template-columns:1fr 1.65fr;gap:7%;align-items:center}.social-chat-support{display:grid;grid-template-columns:1fr 1fr;gap:28px}.social-chat-support figure:first-child{grid-row:span 2;align-self:center}.social-calls{padding:85px 7%;background:#241e2a;color:#fff;margin-top:0}.social-call-row{display:flex;gap:5%;justify-content:center;align-items:center}.social-call-row figure{width:27%}.social-call-row figure:nth-child(2){width:34%}.social-growth{padding:95px 0}.social-growth-row{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:5%}.social-growth-row figure:nth-child(2){padding-top:110px}.social-growth-row figure:nth-child(3){padding-top:45px}.social-style{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5%;align-items:center;border-top:1px solid #e8dfe9;border-bottom:1px solid #e8dfe9;padding:65px 3%;background:#fff9fc}.social-style-copy h2{font-size:40px;font-weight:300;line-height:1.5}.social-archive{padding:90px 0 0}.social-archive-group{padding:25px 0 45px;border-top:1px solid #e8e3e9}.social-archive-group h3{font-size:17px;font-weight:400;margin:0 0 25px}.social-archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;align-items:start}.social-archive figure button{border-radius:8px;box-shadow:none;background:#f7f6f8}.social-archive-grid figcaption{font-size:11px}@media(max-width:1100px){.social-opening{grid-template-columns:1fr 40%;padding:50px 7%}.social-profile{grid-template-columns:38% 1fr;gap:6%}.social-style-copy h2{font-size:30px}}@media(max-width:700px){.social-opening{grid-template-columns:1fr;padding:36px 22px;gap:35px}.social-opening-copy h2{font-size:44px;margin:24px 0;letter-spacing:-1px}.social-opening-screen{transform:none;width:100%;max-width:375px;margin:auto}.social-profile{display:block;padding:50px 0}.social-profile-main{position:static;max-width:375px;margin:auto}.social-profile-side{padding-top:35px}.social-pair{grid-template-columns:1fr;gap:24px}.social-detail-screen{width:100%;margin-top:24px!important}.social-conversation,.social-calls{padding:32px 18px}.social-conversation-stage,.social-chat-support{display:block}.social-chat-support figure{margin-top:30px}.social-call-row{display:block}.social-call-row figure,.social-call-row figure:nth-child(2){width:100%;margin-bottom:30px}.social-growth{padding:50px 0}.social-growth-row{grid-template-columns:1fr;gap:28px}.social-growth-row figure:nth-child(n){padding-top:0}.social-style{grid-template-columns:1fr;padding:32px 18px;gap:26px}.social-archive{padding-top:50px}.social-archive-grid{grid-template-columns:1fr;gap:26px}.social-heading h2{font-size:28px;margin:14px 0 26px}.social-showcase figure{max-width:375px;margin-left:auto;margin-right:auto}}@media(min-width:701px){.social-conversation-stage{align-items:start}.social-chat-support figure:first-child{grid-row:auto;align-self:start}.social-chat-support figure:last-child{grid-column:1 / -1;width:62%;justify-self:center}.social-chat-main{position:sticky;top:115px}}.relationship-scene{background:#fff1f7;padding:60px 6%;display:grid;grid-template-columns:1.6fr 1fr;gap:28px 6%}.relationship-scene>.social-heading{grid-column:1/-1}.relationship-feature{display:flex;align-items:flex-start;gap:22px}.relationship-feature figure{width:50%}.relationship-feature figure:nth-child(2){margin-top:115px}.relationship-support{display:grid;grid-template-columns:1fr;gap:28px;max-width:220px;justify-self:center}.account-scene{display:grid;grid-template-columns:1fr 1.1fr .72fr;gap:5%;align-items:start;padding:100px 3%}.account-lead h2{font-size:38px}.account-edit{padding-top:185px}.account-lists{padding-top:75px;display:grid;gap:30px}.wallet-scene{background:#2b1e30;padding:65px 7%;color:#fff;display:grid;grid-template-columns:1fr 1.8fr;gap:45px 8%}.wallet-heading{align-self:center}.wallet-heading>span{font-size:11px;letter-spacing:2px;color:#e3a0c5}.wallet-heading h2{font-size:44px;font-weight:300;margin:22px 0}.wallet-heading p{font-size:13px;color:#c5a8bf}.wallet-feature{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:start}.wallet-feature figure:nth-child(2){padding-top:90px}.wallet-secondary{grid-column:1/-1;display:flex;gap:40px;justify-content:center;padding:40px 0 0;border-top:1px solid #ffffff20}.wallet-secondary figure{width:27%}.wallet-scene figcaption{color:#c5a8bf}.settings-scene{padding-top:90px}.settings-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6%;align-items:center;padding:55px 5%;background:#f5f4f7}.settings-greeting{margin-top:35px;background:#fff8f3}.settings-row h2{font-size:32px}.settings-row figure{width:100%}@media(max-width:1000px)and (min-width:701px){.account-scene{gap:3%}.account-lead h2{font-size:28px}.wallet-heading h2{font-size:32px}}@media(max-width:700px){.relationship-scene{display:block;padding:30px 18px}.relationship-feature{display:block}.relationship-feature figure{width:100%}.relationship-feature figure:nth-child(2){margin-top:28px}.relationship-support{max-width:none;margin-top:28px}.account-scene{display:block;padding:45px 0}.account-edit,.account-lists{padding-top:28px}.wallet-scene{display:block;padding:32px 18px}.wallet-heading{margin-bottom:28px}.wallet-feature{display:block}.wallet-feature figure:nth-child(2){padding-top:28px}.wallet-secondary{display:block;margin-top:28px;padding-top:28px}.wallet-secondary figure{width:100%;margin-bottom:28px}.settings-scene{padding-top:35px}.settings-row{display:flex;flex-direction:column;padding:28px 18px;gap:28px}.settings-greeting>.social-heading{order:-1}.settings-row>.social-heading{width:100%}}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;-webkit-font-smoothing:antialiased}.mobile-prototype{width:min(100vw,390px);height:min(100dvh,844px);margin-inline:auto;overflow:hidden;position:relative}