html{scroll-behavior:smooth}body{margin:0;background:#f5f6fa}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
#meigoli-portfolio{--m-bg:#f6f7fb;--m-surface:#fff;--m-text:#161b2b;--m-muted:#5a6172;--m-line:#dce0eb;--m-accent:#3d4fe0;--m-soft:#e8ebff;--m-fog:#bbc7ff;--m-glass:rgba(246,247,251,.9);--m-hero:#eff2fc;--m-shadow:rgba(41,49,88,.08);--m-contrast:#fff;--m-dark:#171e41;font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.55;background:var(--m-bg);color:var(--m-text);isolation:isolate;overflow:clip;transition:background .3s,color .3s;-webkit-font-smoothing:antialiased}
#meigoli-portfolio[data-theme="dark"]{--m-bg:#111521;--m-surface:#1b2030;--m-text:#f2f3fa;--m-muted:#adb6ce;--m-line:#343c51;--m-accent:#b5bbff;--m-soft:#272f52;--m-fog:#354c9a;--m-glass:rgba(17,21,33,.92);--m-hero:#151d31;--m-shadow:rgba(0,0,0,.2);--m-contrast:#14192d;--m-dark:#0b1023;color-scheme:dark}
#meigoli-portfolio *{box-sizing:border-box}#meigoli-portfolio [hidden]{display:none!important}#meigoli-portfolio a{color:inherit;text-decoration:none}#meigoli-portfolio button,#meigoli-portfolio summary{font:inherit;cursor:pointer}#meigoli-portfolio button{color:inherit}#meigoli-portfolio button:focus-visible,#meigoli-portfolio a:focus-visible,#meigoli-portfolio summary:focus-visible{outline:3px solid var(--m-accent);outline-offset:5px}#meigoli-portfolio h1,#meigoli-portfolio h2,#meigoli-portfolio h3,#meigoli-portfolio p{margin:0}#meigoli-portfolio img{display:block;max-width:100%}#meigoli-portfolio section[id]{scroll-margin-top:106px}#meigoli-portfolio em{font-style:normal;color:var(--m-accent)}#meigoli-portfolio ::selection{background:var(--m-accent);color:var(--m-contrast)}
#meigoli-portfolio .m-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 max(5%,calc((100% - 1320px)/2));position:sticky;top:0;z-index:30;background:var(--m-glass);backdrop-filter:blur(20px);border-bottom:1px solid var(--m-line)}
#meigoli-portfolio .m-brand{display:flex;align-items:center;gap:10px;font-size:15px;line-height:1.03;letter-spacing:-.3px}#meigoli-portfolio .m-brand b{font-weight:700}#meigoli-portfolio .m-monogram{font-size:51px;line-height:1;font-weight:800;letter-spacing:-5px;margin-top:-7px}#meigoli-portfolio .m-monogram>span{color:var(--m-accent);font-size:27px;padding-right:7px}#meigoli-portfolio .m-nav{display:flex;gap:38px;margin-left:auto;margin-right:5%;font-size:14px;font-weight:600}#meigoli-portfolio .m-nav a{padding:14px 0;position:relative}#meigoli-portfolio .m-nav a::after{position:absolute;content:"";height:2px;bottom:8px;left:0;width:0;background:var(--m-accent);transition:width .2s}#meigoli-portfolio .m-nav a:hover::after{width:100%}#meigoli-portfolio .m-tools{display:flex;align-items:center;gap:15px}#meigoli-portfolio .m-languages{display:flex;background:var(--m-soft);border-radius:24px;padding:3px}#meigoli-portfolio .m-languages button{border:0;background:transparent;border-radius:22px;font-size:12px;min-width:43px;min-height:36px;padding:6px 8px}#meigoli-portfolio .m-languages button[aria-pressed="true"]{background:var(--m-text);color:var(--m-bg)}#meigoli-portfolio .m-theme{border:1px solid var(--m-line);border-radius:50%;background:transparent;width:44px;height:44px;font-size:25px;display:grid;place-items:center;padding:0}#meigoli-portfolio .m-header-contact{display:flex;align-items:center;gap:24px;border-radius:30px;padding:12px 20px;background:var(--m-text);color:var(--m-bg);font-size:14px;font-weight:600}
#meigoli-portfolio .m-hero-track{height:1130px;position:relative;background:var(--m-hero)}#meigoli-portfolio .m-hero{height:740px;position:sticky;top:92px;overflow:hidden;background:var(--m-hero);transition:background .7s;--m-scene-fog:var(--m-fog)}#meigoli-portfolio .m-hero[data-scene="1"]{--m-scene-fog:#d4bcf8}#meigoli-portfolio .m-hero[data-scene="2"]{--m-scene-fog:#9bd9d8}#meigoli-portfolio[data-theme="dark"] .m-hero[data-scene="1"]{--m-scene-fog:#534278}#meigoli-portfolio[data-theme="dark"] .m-hero[data-scene="2"]{--m-scene-fog:#2d6769}
#meigoli-portfolio .m-atmosphere{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 77% 50%,var(--m-scene-fog) 0,transparent 63%);transition:background .8s}#meigoli-portfolio .m-atmosphere::after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--m-accent) .7px,transparent .7px);background-size:7px 7px;opacity:.045;mask-image:linear-gradient(to right,transparent,black)}#meigoli-portfolio .m-orbit{position:absolute;right:1%;top:3%;width:660px;height:660px;border:1px solid color-mix(in srgb,var(--m-accent) 16%,transparent);border-radius:50%;transform:rotate(-30deg) scaleX(.8);transition:transform 1s}#meigoli-portfolio .m-orbit-two{right:-5%;transform:rotate(30deg) scaleX(.8)}#meigoli-portfolio .m-hero[data-scene="1"] .m-orbit{transform:rotate(20deg) scaleX(.83)}#meigoli-portfolio .m-hero[data-scene="2"] .m-orbit{transform:rotate(70deg) scaleX(.8)}#meigoli-portfolio .m-hero-word{position:absolute;right:-2%;top:12%;font-size:clamp(120px,17vw,245px);font-weight:900;letter-spacing:-.075em;color:var(--m-accent);opacity:.085;line-height:1;writing-mode:vertical-rl;transform:rotate(180deg);user-select:none}
#meigoli-portfolio .m-hero-content{position:relative;z-index:5;width:59%;max-width:850px;padding:62px 0 0 max(8%,calc((100vw - 1200px)/2));pointer-events:none}#meigoli-portfolio .m-hero-content a{pointer-events:auto}#meigoli-portfolio .m-availability{display:inline-flex;align-items:center;gap:9px;font-size:12px;padding:7px 11px 7px 8px;border-radius:30px;background:var(--m-surface);box-shadow:0 3px 14px var(--m-shadow);margin-bottom:37px}#meigoli-portfolio .m-availability>span:first-child,#meigoli-portfolio .m-contact-status>span:first-child{display:block;width:7px;height:7px;background:#428367;border-radius:50%;box-shadow:0 0 0 4px #42836712}#meigoli-portfolio .m-eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;line-height:1.6}#meigoli-portfolio .m-hero .m-eyebrow{color:var(--m-muted);margin-bottom:22px}#meigoli-portfolio h1{font-size:clamp(58px,5.5vw,86px);line-height:.98;letter-spacing:-.065em;font-weight:700;min-height:2.05em;margin-bottom:25px}#meigoli-portfolio .m-heading-scene{display:block;animation:m-copy-in .5s both}#meigoli-portfolio h1 em{white-space:nowrap}#meigoli-portfolio .m-hero-role{font-size:17px;font-weight:600;letter-spacing:-.3px;margin-bottom:12px}#meigoli-portfolio .m-hero-descriptions{max-width:425px;min-height:81px;font-size:15px;color:var(--m-muted);line-height:1.65}#meigoli-portfolio .m-hero-descriptions p{animation:m-copy-in .5s both}#meigoli-portfolio .m-hero-actions{display:flex;gap:12px;margin-top:24px}#meigoli-portfolio .m-button{display:inline-flex;align-items:center;justify-content:center;gap:27px;border-radius:30px;padding:14px 22px;font-size:13px;font-weight:600;min-height:49px;transition:transform .2s,box-shadow .2s}#meigoli-portfolio .m-button:hover{transform:translateY(-3px);box-shadow:0 8px 20px var(--m-shadow)}#meigoli-portfolio .m-primary{background:var(--m-accent);color:var(--m-contrast)}#meigoli-portfolio .m-secondary{border:1px solid var(--m-line);background:var(--m-glass)}
#meigoli-portfolio .m-portrait-scene{position:absolute;width:49%;max-width:740px;height:690px;right:1%;bottom:0;z-index:2;pointer-events:none;transform:translate3d(var(--m-px,0px),var(--m-py,0px),0);transition:transform .25s ease-out}#meigoli-portfolio .m-cutout{height:100%;width:100%;object-fit:contain;object-position:bottom center;filter:drop-shadow(0px 14px 26px color-mix(in srgb,var(--m-accent) 9%,transparent));mask-image:linear-gradient(to bottom,black 72%,transparent 98%);transition:filter .4s}#meigoli-portfolio .m-portrait-fade{position:absolute;inset:0;background:linear-gradient(to top,var(--m-hero),transparent 35%);opacity:.45}#meigoli-portfolio .m-portrait-note{position:absolute;z-index:7;right:5%;bottom:138px;padding:18px 21px 17px;background:var(--m-glass);border:1px solid var(--m-line);box-shadow:0 10px 36px var(--m-shadow);border-radius:10px;backdrop-filter:blur(15px);font-size:13px;line-height:1.7;transform:rotate(-4deg)}#meigoli-portfolio .m-portrait-note span,#meigoli-portfolio .m-portrait-note b{display:block}#meigoli-portfolio .m-portrait-note .m-note-line{width:26px;height:2px;background:var(--m-accent);margin-bottom:8px}
#meigoli-portfolio .m-hero-footer{position:absolute;bottom:30px;left:8%;right:8%;z-index:8;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}#meigoli-portfolio .m-chapters{display:flex;gap:25px;width:440px;max-width:70%}#meigoli-portfolio .m-chapters button{position:relative;flex:1;min-height:56px;border:0;border-top:2px solid var(--m-line);background:transparent;display:flex;align-items:center;gap:10px;text-align:left;padding:9px 0;color:var(--m-muted);font-size:12px}#meigoli-portfolio .m-chapters button b{font-weight:600}#meigoli-portfolio .m-chapters button span{font-size:10px;opacity:.75}#meigoli-portfolio .m-chapters button[aria-pressed="true"]{border-color:var(--m-accent);color:var(--m-accent)}#meigoli-portfolio .m-scroll-hint{font-size:11px;color:var(--m-muted);display:flex;align-items:center;gap:22px;height:56px}#meigoli-portfolio .m-scroll-hint>span:last-child{font-size:21px}
#meigoli-portfolio .m-proof{display:grid;grid-template-columns:1fr 1fr 1fr 1.1fr;max-width:1280px;margin:auto;padding:46px 5%;gap:35px;border-bottom:1px solid var(--m-line)}#meigoli-portfolio .m-proof strong{font-size:43px;font-weight:500;letter-spacing:-2px;line-height:1.15}#meigoli-portfolio .m-proof strong span{color:var(--m-accent);font-size:31px}#meigoli-portfolio .m-proof p{font-size:12px;color:var(--m-muted);margin-top:7px}#meigoli-portfolio .m-proof-note{display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--m-line);padding-left:27px;font-size:14px;font-weight:600}#meigoli-portfolio .m-proof-note small{font-size:10px;font-weight:400;color:var(--m-muted);margin-top:7px}
#meigoli-portfolio .m-section{max-width:1280px;padding:90px 5%;margin:0 auto}#meigoli-portfolio h2{font-size:clamp(34px,3.5vw,51px);font-weight:500;letter-spacing:-2px;line-height:1.12}#meigoli-portfolio .m-section .m-eyebrow{color:var(--m-muted);margin-bottom:22px}#meigoli-portfolio .m-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:43px}#meigoli-portfolio .m-section-heading>p{max-width:285px;font-size:14px;line-height:1.7;color:var(--m-muted);padding-bottom:3px}#meigoli-portfolio .m-work-grid{display:grid;grid-template-columns:1.12fr 1fr;gap:28px;align-items:start}#meigoli-portfolio .m-project-culture{margin-top:77px}#meigoli-portfolio .m-project{min-width:0}#meigoli-portfolio .m-brand-art{position:relative;aspect-ratio:1.3;background:#3445ce;color:#fff;border-radius:18px;overflow:hidden;padding:25px;display:flex;flex-direction:column;justify-content:space-between}#meigoli-portfolio .m-art-top,#meigoli-portfolio .m-art-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;gap:20px;font-size:10px;letter-spacing:1px}#meigoli-portfolio .m-art-top>span:first-child{font-size:12px;font-weight:700;letter-spacing:2px}#meigoli-portfolio .m-art-bottom>span{max-width:170px;line-height:1.5;letter-spacing:0;font-size:12px}#meigoli-portfolio .m-art-bottom b{font-size:31px;font-weight:400;letter-spacing:-1px}#meigoli-portfolio .m-art-word{font-size:clamp(45px,5.5vw,76px);line-height:.95;letter-spacing:-4px;font-weight:500;position:relative;z-index:1;padding:24px 0}#meigoli-portfolio .m-art-disc{position:absolute;right:-10%;top:4%;width:68%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 25% 20%,#d3e5ff 0%,#8795ff 20%,#606df1 40%,#121b85 75%);box-shadow:inset 3px 5px 9px #ffffff60,22px 18px 55px #0b146855;transform:rotate(-25deg);transition:transform .8s}#meigoli-portfolio .m-art-disc::before{content:"";position:absolute;inset:17%;border-radius:50%;background:#3445ce;box-shadow:inset 9px 10px 16px #151b7490,2px 3px 3px #ffffff60}#meigoli-portfolio .m-project:hover .m-art-disc{transform:rotate(15deg) translateY(-7px)}#meigoli-portfolio .m-event-art{position:relative;aspect-ratio:1.31;border-radius:18px;overflow:hidden;background:var(--m-soft)}#meigoli-portfolio .m-event-art img{width:100%;height:100%;object-fit:cover;object-position:47% 50%;filter:saturate(.75);transition:transform .7s}#meigoli-portfolio .m-project:hover .m-event-art img{transform:scale(1.035)}#meigoli-portfolio .m-event-art::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 45%,rgba(17,25,50,.65))}#meigoli-portfolio .m-image-caption{position:absolute;z-index:1;bottom:24px;left:25px;right:25px;font-size:22px;letter-spacing:-.7px;color:#fff}#meigoli-portfolio .m-project-info{padding:22px 2px 0}#meigoli-portfolio .m-project-tags{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:var(--m-muted);margin-bottom:12px}#meigoli-portfolio .m-project h3{font-size:26px;font-weight:500;letter-spacing:-1px;margin-bottom:10px}#meigoli-portfolio .m-project-info>p{font-size:14px;color:var(--m-muted);line-height:1.7;max-width:440px;margin-bottom:20px}#meigoli-portfolio details>summary{list-style:none}#meigoli-portfolio details>summary::-webkit-details-marker{display:none}#meigoli-portfolio .m-project summary{font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:space-between;padding:15px 0;border-top:1px solid var(--m-line);border-bottom:1px solid var(--m-line);min-height:49px}#meigoli-portfolio summary>span:last-child{transition:transform .2s}#meigoli-portfolio details[open] summary>span:last-child{transform:rotate(45deg)}#meigoli-portfolio .m-detail{font-size:13px;line-height:1.75;padding:20px 16px;background:var(--m-soft);border-radius:0 0 12px 12px}#meigoli-portfolio .m-detail ul{padding-left:17px;margin-bottom:0}#meigoli-portfolio .m-detail-note{margin-top:12px;color:var(--m-muted);font-size:11px}
#meigoli-portfolio .m-expertise{display:grid;grid-template-columns:1fr 1fr;gap:90px;padding-top:50px;padding-bottom:92px;border-bottom:1px solid var(--m-line)}#meigoli-portfolio .m-expertise-intro>p:not(.m-eyebrow){font-size:14px;color:var(--m-muted);max-width:355px;margin:25px 0}#meigoli-portfolio .m-text-link{display:inline-flex;align-items:center;gap:38px;padding:12px 0;border-bottom:1px solid var(--m-text);font-size:13px;font-weight:600}#meigoli-portfolio .m-services{padding-top:8px}#meigoli-portfolio .m-services details{border-top:1px solid var(--m-line)}#meigoli-portfolio .m-services details:last-child{border-bottom:1px solid var(--m-line)}#meigoli-portfolio .m-services summary{display:flex;align-items:center;gap:20px;padding:26px 0;min-height:90px}#meigoli-portfolio .m-service-no{font-size:10px;color:var(--m-muted)}#meigoli-portfolio .m-services h3{font-size:20px;font-weight:500;letter-spacing:-.5px;flex:1}#meigoli-portfolio .m-expand{font-size:23px;font-weight:400;color:var(--m-accent)}#meigoli-portfolio .m-services p{font-size:14px;line-height:1.75;color:var(--m-muted);padding:0 30px 28px 35px}
#meigoli-portfolio .m-about{display:grid;grid-template-columns:1fr 1.1fr;gap:75px;align-items:center;padding-bottom:50px}#meigoli-portfolio .m-about-visual{height:500px;position:relative;border-radius:24px;overflow:hidden;background:radial-gradient(circle at 50% 35%,var(--m-fog),var(--m-soft) 70%)}#meigoli-portfolio .m-about-visual img{position:absolute;height:110%;width:100%;object-fit:contain;object-position:bottom;bottom:0;filter:grayscale(1);mask-image:linear-gradient(black 55%,transparent 97%)}#meigoli-portfolio .m-about-ring{width:380px;height:380px;border:1px solid color-mix(in srgb,var(--m-accent) 30%,transparent);border-radius:50%;position:absolute;left:50%;top:40px;transform:translateX(-50%)}#meigoli-portfolio .m-about-signature{position:absolute;bottom:52px;left:33px;font-family:Georgia,serif;font-style:italic;font-size:65px;letter-spacing:-5px;transform:rotate(-9deg);color:var(--m-accent)}#meigoli-portfolio .m-about-location{position:absolute;bottom:25px;left:33px;font-size:11px;letter-spacing:.4px}#meigoli-portfolio .m-about h2{font-size:clamp(33px,3.1vw,44px)}#meigoli-portfolio .m-about-copy>p:not(.m-eyebrow){font-size:14px;color:var(--m-muted);margin-top:24px;line-height:1.8;max-width:470px}#meigoli-portfolio .m-language-note{display:flex;flex-wrap:wrap;gap:7px;margin:23px 0 12px;font-size:10px}#meigoli-portfolio .m-language-note span{padding:7px 10px;background:var(--m-soft);border-radius:20px}
#meigoli-portfolio .m-recognition{padding-top:28px;padding-bottom:90px}#meigoli-portfolio .m-recognition-title{display:flex;align-items:baseline;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid var(--m-line)}#meigoli-portfolio .m-recognition-title .m-eyebrow{margin:0}#meigoli-portfolio .m-recognition h2{font-size:24px;letter-spacing:-.6px}#meigoli-portfolio .m-milestones{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:28px}#meigoli-portfolio .m-milestones time{font-size:11px;color:var(--m-accent);letter-spacing:1px}#meigoli-portfolio .m-milestones h3{font-size:16px;font-weight:500;line-height:1.5;margin-top:12px}#meigoli-portfolio .m-milestones p{font-size:12px;color:var(--m-muted);margin-top:8px;max-width:260px}
#meigoli-portfolio .m-contact{background:var(--m-dark);color:#f1f2ff;position:relative;overflow:hidden;padding:60px max(8%,calc((100% - 1130px)/2)) 55px}#meigoli-portfolio .m-contact-orb{position:absolute;right:-230px;top:-100px;width:660px;height:660px;pointer-events:none;border-radius:50%;background:radial-gradient(circle at 30% 28%,#a3b0ff55,#5160bd33 35%,transparent 65%)}#meigoli-portfolio .m-contact-orb::before{content:"";position:absolute;inset:45px;border:1px solid #6c7ecc33;border-radius:50%}#meigoli-portfolio .m-contact-top{position:relative;display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:36px}#meigoli-portfolio .m-contact .m-eyebrow{color:#b7c0e5}#meigoli-portfolio .m-contact-status{font-size:11px;display:flex;align-items:center;gap:9px;color:#bdc5e1}#meigoli-portfolio .m-contact-status>span:first-child{background:#a2cbb5}#meigoli-portfolio .m-contact h2{font-size:clamp(44px,6.5vw,92px);font-weight:500;letter-spacing:-.055em;line-height:1.04;position:relative}#meigoli-portfolio .m-contact em{color:#adb8ff}#meigoli-portfolio .m-contact-bottom{position:relative;display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-top:43px}#meigoli-portfolio .m-contact-bottom>p{font-size:14px;color:#c1c7df;max-width:335px;line-height:1.8}#meigoli-portfolio .m-contact-actions{display:flex;flex-direction:column;gap:15px;align-items:flex-start;min-width:0}#meigoli-portfolio .m-contact-email{font-size:clamp(17px,2vw,25px);letter-spacing:-.5px;display:flex;gap:30px;border-bottom:1px solid #626a8c;padding:0 0 10px}#meigoli-portfolio .m-phone{font-size:13px;color:#c1c7df;padding:5px 0}#meigoli-portfolio .m-footer{padding:28px 8%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;color:var(--m-muted)}#meigoli-portfolio .m-footer-brand{font-size:22px;letter-spacing:-1px;font-weight:700;color:var(--m-text)}#meigoli-portfolio .m-footer-brand span{color:var(--m-accent)}#meigoli-portfolio .m-footer>a:last-child{padding:12px 0}
#meigoli-portfolio .m-announce{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}#meigoli-portfolio .m-skip{position:absolute;top:5px;left:5px;z-index:50;transform:translateY(-200%);background:var(--m-text);color:var(--m-bg);padding:10px 20px}#meigoli-portfolio .m-skip:focus{transform:translateY(0)}
#meigoli-portfolio[lang="zh-CN"] h1{font-size:clamp(53px,5vw,72px);letter-spacing:-.045em;line-height:1.12}#meigoli-portfolio[lang="zh-CN"] h2{letter-spacing:-1px}#meigoli-portfolio[lang="zh-CN"] .m-eyebrow{letter-spacing:1.4px}
@keyframes m-copy-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1550px){#meigoli-portfolio .m-portrait-scene{right:calc((100% - 1350px)/2)}#meigoli-portfolio .m-hero-footer{left:calc((100% - 1200px)/2);right:calc((100% - 1200px)/2)}#meigoli-portfolio .m-portrait-note{right:calc((100% - 1270px)/2)}}
@media(max-width:1100px){#meigoli-portfolio .m-header{padding:0 5%;gap:15px;height:80px}#meigoli-portfolio .m-nav{gap:25px;margin-right:2%}#meigoli-portfolio .m-tools{gap:10px}#meigoli-portfolio .m-hero{top:80px;height:690px}#meigoli-portfolio .m-hero-track{height:1010px}#meigoli-portfolio .m-hero-content{padding-left:6%;padding-top:55px;width:61%}#meigoli-portfolio h1{font-size:clamp(48px,5.8vw,65px)}#meigoli-portfolio .m-hero-role{font-size:15px}#meigoli-portfolio .m-hero-descriptions{max-width:350px;font-size:14px;min-height:85px}#meigoli-portfolio .m-portrait-scene{height:610px;width:50%;right:-3%}#meigoli-portfolio .m-portrait-note{right:4%;bottom:120px;font-size:11px}#meigoli-portfolio .m-hero-footer{left:6%;right:6%;bottom:22px}#meigoli-portfolio .m-availability{margin-bottom:30px}#meigoli-portfolio .m-orbit{right:-20%}#meigoli-portfolio .m-section{padding-top:70px;padding-bottom:70px}#meigoli-portfolio .m-expertise{gap:45px;padding-top:25px}#meigoli-portfolio .m-about{gap:45px;padding-bottom:35px}#meigoli-portfolio .m-about-visual{height:440px}#meigoli-portfolio .m-recognition{padding-top:25px}#meigoli-portfolio .m-section-heading{gap:35px}#meigoli-portfolio .m-section-heading>p{max-width:245px}#meigoli-portfolio .m-contact{padding-left:6%;padding-right:6%}}
@media(max-width:760px){#meigoli-portfolio .m-header{height:110px;flex-wrap:wrap;gap:0;padding:10px 5% 0;align-content:center}#meigoli-portfolio .m-brand{font-size:12px;gap:9px}#meigoli-portfolio .m-monogram{font-size:43px}#meigoli-portfolio .m-monogram>span{font-size:23px}#meigoli-portfolio .m-nav{order:3;width:100%;margin:5px 0 0;justify-content:center;gap:50px;font-size:12px;height:39px}#meigoli-portfolio .m-nav a{padding:8px 6px;min-width:52px;text-align:center;min-height:39px}#meigoli-portfolio .m-tools{margin-left:auto;gap:8px}#meigoli-portfolio .m-languages{padding:2px}#meigoli-portfolio .m-languages button{min-height:36px;min-width:38px;font-size:11px}#meigoli-portfolio .m-theme{width:40px;height:40px;font-size:23px}#meigoli-portfolio .m-header-contact{display:none}#meigoli-portfolio section[id]{scroll-margin-top:126px}
#meigoli-portfolio .m-hero-track{height:auto}#meigoli-portfolio .m-hero{position:relative;top:auto;height:auto;min-height:970px;padding-bottom:395px}#meigoli-portfolio .m-hero-content{padding:33px 7% 0;width:100%;max-width:none}#meigoli-portfolio .m-availability{font-size:11px;margin-bottom:27px;padding:6px 10px}#meigoli-portfolio .m-hero .m-eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:18px}#meigoli-portfolio h1{font-size:clamp(42px,8.3vw,62px);letter-spacing:-.055em;min-height:2.1em;margin-bottom:22px}#meigoli-portfolio .m-hero-role{font-size:14px}#meigoli-portfolio .m-hero-descriptions{font-size:14px;max-width:450px;min-height:72px}#meigoli-portfolio .m-hero-actions{margin-top:18px;gap:9px}#meigoli-portfolio .m-button{font-size:12px;padding:12px 18px;gap:21px;min-height:48px}#meigoli-portfolio .m-portrait-scene{height:485px;width:88%;max-width:460px;right:1%;bottom:56px;transform:none!important}#meigoli-portfolio .m-cutout{mask-image:linear-gradient(black 62%,transparent 99%)}#meigoli-portfolio .m-portrait-fade{opacity:.25}#meigoli-portfolio .m-atmosphere{background:radial-gradient(ellipse at 60% 75%,var(--m-scene-fog),transparent 58%)}#meigoli-portfolio .m-orbit{width:450px;height:450px;top:auto;bottom:88px;right:-12%}#meigoli-portfolio .m-orbit-two{right:-22%}#meigoli-portfolio .m-hero-word{font-size:120px;top:auto;bottom:180px;left:0;right:auto;opacity:.065}#meigoli-portfolio .m-portrait-note{right:auto;left:7%;bottom:147px;padding:13px 17px;font-size:11px;transform:rotate(-5deg)}#meigoli-portfolio .m-hero-footer{left:7%;right:7%;bottom:18px}#meigoli-portfolio .m-chapters{width:100%;max-width:none;gap:20px}#meigoli-portfolio .m-chapters button{min-height:48px;font-size:11px;gap:7px}#meigoli-portfolio .m-scroll-hint{display:none}
#meigoli-portfolio .m-proof{grid-template-columns:repeat(3,1fr);gap:12px;padding:33px 7% 25px}#meigoli-portfolio .m-proof strong{font-size:32px;letter-spacing:-1.5px}#meigoli-portfolio .m-proof strong span{font-size:24px}#meigoli-portfolio .m-proof p{font-size:10px;max-width:105px;line-height:1.5}#meigoli-portfolio .m-proof-note{border:0;padding:15px 0 0;grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between;gap:10px;font-size:11px}#meigoli-portfolio .m-proof-note small{font-size:9px;margin:0;text-align:right}
#meigoli-portfolio .m-section{padding:56px 7%}#meigoli-portfolio .m-section .m-eyebrow{font-size:10px;margin-bottom:16px;letter-spacing:1.3px}#meigoli-portfolio h2{font-size:36px;letter-spacing:-1.65px;line-height:1.15}#meigoli-portfolio .m-section-heading{display:block;margin-bottom:30px}#meigoli-portfolio .m-section-heading>p{max-width:420px;margin-top:20px;font-size:14px}#meigoli-portfolio .m-work-grid{grid-template-columns:1fr;gap:37px}#meigoli-portfolio .m-project-culture{margin-top:0}#meigoli-portfolio .m-brand-art{aspect-ratio:1.25;padding:23px;border-radius:14px}#meigoli-portfolio .m-art-word{font-size:clamp(55px,11vw,80px);letter-spacing:-3px}#meigoli-portfolio .m-event-art{aspect-ratio:1.4;border-radius:14px}#meigoli-portfolio .m-image-caption{font-size:22px;left:23px}#meigoli-portfolio .m-project-info{padding-top:19px}#meigoli-portfolio .m-project h3{font-size:26px}#meigoli-portfolio .m-project-tags{font-size:10px}#meigoli-portfolio .m-expertise{grid-template-columns:1fr;gap:30px;padding-top:8px}#meigoli-portfolio .m-services summary{padding:23px 0;min-height:78px}#meigoli-portfolio .m-services h3{font-size:19px}#meigoli-portfolio .m-services p{padding-left:34px;font-size:14px}#meigoli-portfolio .m-about{grid-template-columns:1fr;gap:34px;padding-bottom:30px}#meigoli-portfolio .m-about-visual{height:410px;max-width:510px;width:100%;margin:auto}#meigoli-portfolio .m-about h2{font-size:34px}#meigoli-portfolio .m-about-copy>p:not(.m-eyebrow){font-size:14px;margin-top:20px}#meigoli-portfolio .m-language-note{font-size:10px}#meigoli-portfolio .m-recognition{padding-top:25px}#meigoli-portfolio .m-recognition-title{display:block;padding-bottom:23px}#meigoli-portfolio .m-recognition-title .m-eyebrow{margin-bottom:14px}#meigoli-portfolio .m-recognition h2{font-size:25px}#meigoli-portfolio .m-milestones{grid-template-columns:1fr;gap:23px;margin-top:23px}#meigoli-portfolio .m-milestones article{display:grid;grid-template-columns:75px 1fr;gap:5px 14px;align-items:baseline}#meigoli-portfolio .m-milestones h3{margin:0;font-size:15px}#meigoli-portfolio .m-milestones p{grid-column:2;margin:0;font-size:12px;max-width:100%}#meigoli-portfolio .m-milestones time{font-size:10px}#meigoli-portfolio .m-contact{padding:42px 7% 36px}#meigoli-portfolio .m-contact-top{display:block;margin-bottom:28px}#meigoli-portfolio .m-contact .m-eyebrow{font-size:10px}#meigoli-portfolio .m-contact-status{margin-top:15px;font-size:10px}#meigoli-portfolio .m-contact h2{font-size:clamp(40px,8.5vw,60px);line-height:1.1}#meigoli-portfolio .m-contact-bottom{display:block;margin-top:25px}#meigoli-portfolio .m-contact-bottom>p{max-width:400px;font-size:13px}#meigoli-portfolio .m-contact-actions{margin-top:27px;gap:11px}#meigoli-portfolio .m-contact-email{font-size:clamp(17px,4.4vw,24px);width:100%;max-width:400px;justify-content:space-between;gap:10px;padding-bottom:13px}#meigoli-portfolio .m-phone{min-height:40px;font-size:13px}#meigoli-portfolio .m-footer{padding:22px 7%;flex-wrap:wrap;gap:10px}#meigoli-portfolio .m-footer>span{display:none}#meigoli-portfolio .m-footer-brand{font-size:20px}#meigoli-portfolio[lang="zh-CN"] h1{font-size:clamp(41px,8.5vw,59px);line-height:1.15;min-height:2.3em}#meigoli-portfolio[lang="zh-CN"] .m-hero-descriptions{min-height:72px}}
@media(max-width:380px){#meigoli-portfolio .m-hero{min-height:980px}#meigoli-portfolio .m-hero-content{padding-left:6%;padding-right:6%}#meigoli-portfolio h1{font-size:39px}#meigoli-portfolio .m-hero-role{font-size:12px}#meigoli-portfolio .m-hero-descriptions{font-size:13px;min-height:83px}#meigoli-portfolio .m-button{padding:12px 14px;gap:12px;font-size:11px}#meigoli-portfolio .m-portrait-scene{height:445px;width:98%;right:-5%;bottom:58px}#meigoli-portfolio h2{font-size:31px}#meigoli-portfolio .m-proof strong{font-size:28px}#meigoli-portfolio .m-proof-note{display:block}#meigoli-portfolio .m-proof-note small{display:block;text-align:left;margin-top:4px}#meigoli-portfolio .m-about h2{font-size:30px}#meigoli-portfolio .m-art-top{font-size:8px}#meigoli-portfolio .m-art-top>span:first-child{font-size:10px}#meigoli-portfolio .m-art-word{font-size:53px}#meigoli-portfolio .m-services h3{font-size:17px}#meigoli-portfolio .m-nav{gap:37px}#meigoli-portfolio .m-hero-actions{gap:7px}#meigoli-portfolio .m-project-tags{font-size:9px}}
@media(prefers-reduced-motion:reduce){#meigoli-portfolio *,#meigoli-portfolio *::before,#meigoli-portfolio *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#meigoli-portfolio .m-hero-track{height:auto}#meigoli-portfolio .m-hero{position:relative;top:auto}#meigoli-portfolio .m-portrait-scene{transform:none!important}}
#meigoli-portfolio[data-inline-preview] .m-hero-track{height:auto}#meigoli-portfolio[data-inline-preview] .m-hero{position:relative;top:auto}#meigoli-portfolio[data-inline-preview] .m-header{position:relative;top:auto}#meigoli-portfolio[data-inline-preview] .m-scroll-hint{display:none}
/* Keep the portrait inside the first mobile journey, not a second empty screen. */
@media(max-width:760px){#meigoli-portfolio .m-hero{min-height:875px;padding-bottom:345px}#meigoli-portfolio .m-portrait-scene{height:450px}#meigoli-portfolio .m-proof p,#meigoli-portfolio .m-project-tags,#meigoli-portfolio .m-language-note{font-size:11px}#meigoli-portfolio .m-proof-note small{font-size:10px}#meigoli-portfolio .m-languages button{min-height:40px;min-width:40px}#meigoli-portfolio .m-theme{width:44px;height:44px}#meigoli-portfolio .m-nav{height:44px}#meigoli-portfolio .m-nav a{min-height:44px}#meigoli-portfolio .m-header{height:116px}}
@media(max-width:380px){#meigoli-portfolio .m-hero{min-height:890px}#meigoli-portfolio .m-portrait-scene{height:430px}#meigoli-portfolio .m-hero-role{font-size:13px}}

/* Three supplied portraits share one continuous, softly lit hero canvas. */
#meigoli-portfolio .m-portrait-scene{pointer-events:auto;touch-action:pan-y;user-select:none}
#meigoli-portfolio .m-portrait-layer{position:absolute;inset:0;opacity:0;transform:translateY(6px) scale(1.02);transition:opacity 1.4s ease-in-out,transform 1.8s cubic-bezier(.22,.61,.36,1);pointer-events:none}
#meigoli-portfolio .m-portrait-layer[aria-hidden="false"]{opacity:1;transform:translateY(0) scale(1)}
#meigoli-portfolio .m-portrait-layer img{width:100%;height:100%;object-fit:cover;pointer-events:none}
#meigoli-portfolio .m-portrait-layer .m-cutout{object-fit:contain;object-position:bottom center}
#meigoli-portfolio .m-portrait-studio,#meigoli-portfolio .m-portrait-editorial{mask-image:radial-gradient(ellipse 55% 56% at 50% 46%,black 48%,transparent 96%)}
#meigoli-portfolio .m-portrait-studio img{object-position:43% 50%;filter:contrast(.94);mix-blend-mode:multiply}
#meigoli-portfolio .m-portrait-editorial img{object-position:51% 50%;filter:contrast(.98);mix-blend-mode:multiply}
#meigoli-portfolio[data-theme="dark"] .m-portrait-studio img,#meigoli-portfolio[data-theme="dark"] .m-portrait-editorial img{mix-blend-mode:normal;filter:brightness(.78) contrast(1.06)}
#meigoli-portfolio .m-portrait-fade{pointer-events:none;z-index:2}
@media(max-width:760px){#meigoli-portfolio .m-hero{min-height:850px;padding-bottom:320px}#meigoli-portfolio .m-portrait-scene{bottom:0;width:92%;max-width:500px;right:0}#meigoli-portfolio .m-portrait-note{bottom:90px;max-width:170px}#meigoli-portfolio .m-portrait-studio,#meigoli-portfolio .m-portrait-editorial{mask-image:radial-gradient(ellipse 60% 57% at 50% 44%,black 44%,transparent 96%)}#meigoli-portfolio .m-portrait-studio img{object-position:43% center}}
@media(max-width:380px){#meigoli-portfolio .m-hero{min-height:870px}#meigoli-portfolio .m-portrait-scene{width:100%;right:-3%}#meigoli-portfolio .m-portrait-note{max-width:153px}}

/* Hero v3: three real supplied photos, composited fades, stable text geometry. */
#meigoli-portfolio .m-hero-track{height:auto}
#meigoli-portfolio .m-hero{position:relative;top:0;--m-fade:1200ms}
#meigoli-portfolio .m-atmosphere{background:none}
#meigoli-portfolio .m-tone{position:absolute;inset:0;opacity:0;transition:opacity 1400ms ease-in-out;pointer-events:none;background:radial-gradient(ellipse at 77% 50%,var(--m-fog),transparent 63%)}
#meigoli-portfolio .m-tone[data-tone="1"]{background:radial-gradient(ellipse at 77% 50%,#d4bcf8,transparent 63%)}
#meigoli-portfolio .m-tone[data-tone="2"]{background:radial-gradient(ellipse at 77% 50%,#9bd9d8,transparent 63%)}
#meigoli-portfolio[data-theme="dark"] .m-tone[data-tone="1"]{background:radial-gradient(ellipse at 77% 50%,#534278,transparent 63%)}
#meigoli-portfolio[data-theme="dark"] .m-tone[data-tone="2"]{background:radial-gradient(ellipse at 77% 50%,#2d6769,transparent 63%)}
#meigoli-portfolio .m-hero[data-scene="0"] [data-tone="0"],#meigoli-portfolio .m-hero[data-scene="1"] [data-tone="1"],#meigoli-portfolio .m-hero[data-scene="2"] [data-tone="2"]{opacity:1}
#meigoli-portfolio .m-portrait-layer{opacity:0;transform:scale(1);transition:opacity var(--m-fade) cubic-bezier(.4,0,.2,1),transform 5.2s linear;will-change:opacity;backface-visibility:hidden}
#meigoli-portfolio .m-portrait-layer[aria-hidden="false"]{opacity:1;transform:scale(1.018)}
#meigoli-portfolio .m-portrait-scene{filter:none;outline-offset:-8px}
#meigoli-portfolio .m-portrait-studio img{object-position:58% 50%;mix-blend-mode:normal;filter:none}
#meigoli-portfolio .m-portrait-editorial img{object-position:51% 50%;mix-blend-mode:normal;filter:none}
#meigoli-portfolio .m-portrait-studio,#meigoli-portfolio .m-portrait-editorial{mask-image:radial-gradient(ellipse 54% 49% at 50% 51%,black 47%,rgba(0,0,0,.92) 65%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 54% 49% at 50% 51%,black 47%,rgba(0,0,0,.92) 65%,transparent 100%)}
#meigoli-portfolio.m-motion-ready h1,#meigoli-portfolio.m-motion-ready .m-hero-descriptions{display:grid;align-content:start}
#meigoli-portfolio.m-motion-ready .m-heading-scene,#meigoli-portfolio.m-motion-ready .m-hero-descriptions>[data-copy]{grid-area:1/1;opacity:0;transform:translateY(7px);animation:none;transition:opacity 1000ms cubic-bezier(.4,0,.2,1),transform 1200ms cubic-bezier(.4,0,.2,1);pointer-events:none}
#meigoli-portfolio.m-motion-ready [data-copy][aria-hidden="false"]{opacity:1;transform:translateY(0)}
#meigoli-portfolio .m-hero-word{display:grid;opacity:1;writing-mode:vertical-rl}
#meigoli-portfolio [data-word-scene]{grid-area:1/1;opacity:0;transition:opacity 1200ms ease}
#meigoli-portfolio .m-hero[data-scene="0"] [data-word-scene="0"],#meigoli-portfolio .m-hero[data-scene="1"] [data-word-scene="1"],#meigoli-portfolio .m-hero[data-scene="2"] [data-word-scene="2"]{opacity:.065}
#meigoli-portfolio .m-orbit{transition:transform 1800ms cubic-bezier(.4,0,.2,1)}
@media(max-width:760px){
#meigoli-portfolio .m-hero{display:flex;flex-direction:column;height:auto;min-height:0;padding-bottom:25px}
#meigoli-portfolio .m-hero-content{padding-top:28px}
#meigoli-portfolio h1{font-size:clamp(34px,10vw,62px);margin-bottom:18px}
#meigoli-portfolio[lang="zh-CN"] h1{font-size:clamp(34px,10vw,59px)}
#meigoli-portfolio .m-availability{margin-bottom:22px}
#meigoli-portfolio .m-portrait-scene{position:relative;height:clamp(345px,100vw,455px);width:92%;max-width:500px;right:auto;bottom:auto;margin:6px auto 0;flex-shrink:0}
#meigoli-portfolio .m-portrait-note{bottom:55px;left:7%;right:auto;max-width:170px}
#meigoli-portfolio .m-tone{background-position:center}
#meigoli-portfolio .m-hero-word{bottom:75px;height:355px;max-height:42%;overflow:hidden;top:auto}
}
@media(max-width:380px){#meigoli-portfolio .m-hero-content{padding-left:6%;padding-right:6%}#meigoli-portfolio .m-portrait-note{max-width:155px}}
@media(prefers-reduced-motion:reduce){#meigoli-portfolio .m-portrait-layer,#meigoli-portfolio .m-portrait-layer[aria-hidden="false"],#meigoli-portfolio.m-motion-ready [data-copy]{transform:none;transition:none!important}#meigoli-portfolio .m-tone,#meigoli-portfolio [data-word-scene]{transition:none}}