:root{color:#1a1a1a;--primary:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#7c3aed;--surface:#fff;--surface-hover:#faf9f8;--border:#e8e6e0;--border-hover:#8b5cf6;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--text-accent:#7c3aed;--shadow-sm:0 2px 8px #8b5cf614;--shadow-md:0 8px 24px #8b5cf61f;--shadow-lg:0 16px 48px #8b5cf629;background:#0a0a0f;font-family:Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}html{text-size-adjust:100%;background:#0a0a0f}*{box-sizing:border-box}body{background:#0a0a0f;min-width:320px;margin:0;position:relative}.aurora-background{z-index:0;pointer-events:none;background:#0a0a0f;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.aurora-background.active{display:block}.aurora-background canvas{width:100%;height:100%;display:block}.portfolio-content{z-index:10;position:relative}.portfolio-shell{z-index:5;background:0 0;position:relative}main{background:0 0;width:min(1180px,100% - clamp(24px,6vw,64px));margin:0 auto;padding:44px 0 64px}.intro{margin-bottom:32px}.intro h1{letter-spacing:0;background:linear-gradient(135deg, var(--primary-dark) 0%, var(--primary-light) 100%);-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;font-size:3.5rem;font-weight:700;line-height:1.08}.intro p{color:#5f6368;max-width:720px;margin:0;font-size:1rem;line-height:1.7}.category-heading{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px;display:flex}.category h2{letter-spacing:0;color:var(--text-primary);margin:0;font-size:1.75rem;font-weight:700}.category-count,.subcategory-heading span{color:#6b6b6b;font-size:.875rem}.subcategory-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:16px;display:flex}.subcategory h3{letter-spacing:0;color:var(--text-secondary);margin:0;font-size:1.25rem;font-weight:600}.intro,.category,.subcategory,.work,.work-body,.work-detail,.work-detail-body{min-width:0}.intro h1,.intro p,.category h2,.subcategory h3,.work h4,.work p,.meta,.work-tools,.work-highlights,.work-detail-body h2,.work-detail-body p,.work-detail-tools{overflow-wrap:anywhere}.works{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.work-item{min-width:0}.work{border:2px solid var(--border);background:var(--surface);border-radius:16px;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.work:before{content:"";background:linear-gradient(135deg, var(--primary-light), var(--primary-dark));-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:14px;padding:2px;transition:opacity .4s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.work:hover{box-shadow:var(--shadow-lg);border-color:var(--border-hover);transform:translateY(-8px)}.work:hover:before{opacity:1}.portfolio-cover-button{aspect-ratio:16/9;width:100%;min-width:0;color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0;overflow:hidden}.portfolio-cover-placeholder{color:#3f4448;background:#e9ece7;justify-content:center;align-items:center;font-weight:700;display:flex}.work-body{flex-direction:column;gap:8px;padding:20px;display:flex}.work h4{letter-spacing:0;color:var(--text-primary);margin:0;font-size:1.125rem;font-weight:600;line-height:1.4;transition:color .3s}.work p{color:#6b6b6b;margin:0;font-size:.9375rem;line-height:1.65}.meta{color:#7a4f2d;font-size:.875rem;display:block}.access-panel{background:#fff;border:1px solid #d8d6cf;border-radius:8px;padding:24px}.portfolio-shell{background:0 0;border:none;padding:0}.access-form{max-width:520px}.access-form label{margin-bottom:12px;font-weight:650;display:block}.access-row{grid-template-columns:1fr auto;gap:10px;display:grid}.access-row input,.access-row button{min-height:44px;font:inherit;border-radius:8px}.access-row input{border:1px solid #b9b6ae;width:100%;padding:0 12px}.access-row button{color:#fff;cursor:pointer;background:#202124;border:0;padding:0 18px}.access-row button:hover,.access-row button:focus-visible{background:#111315}.access-row button:focus-visible,.portfolio-cover-button:focus-visible,.work-detail-close:focus-visible{outline-offset:3px;outline:3px solid #202124}.access-error{color:#7c1515;background:#fff4f2;border-left:3px solid #9b1c1c;margin:12px 0 0;padding:8px 10px}.portfolio-status{color:#5f6368;background:#f1f2ee;border-left:3px solid #5f6368;padding:8px 10px}.work-tools{color:#3f4448;font-size:.95rem}.work-highlights{margin:0;padding-left:20px}.portfolio-cover-image{object-fit:cover;width:100%;height:100%;display:block}.portfolio-cover-placeholder{color:#3f4448;background:#e9ece7;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700;display:flex}.portfolio-cover-button:hover .portfolio-cover-placeholder,.portfolio-cover-button:focus-visible .portfolio-cover-placeholder{background:#dde3dc}.work-detail-panel{z-index:1000;backdrop-filter:blur(8px);background:#0f0f0fbf;justify-content:center;align-items:center;padding:clamp(16px,4vw,40px);animation:.25s cubic-bezier(.16,1,.3,1) fadeIn;display:none;position:fixed;inset:0}.work-detail-panel:not([hidden]){display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.work-detail-surface{background:#fff;border-radius:16px;flex-direction:column;width:100%;max-width:1400px;max-height:92vh;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;display:flex;overflow:hidden;box-shadow:0 0 0 1px #0000000d,0 24px 48px -12px #00000040,0 48px 96px -24px #0003}@keyframes slideUp{0%{opacity:0;transform:translateY(32px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.work-detail{grid-template-columns:1fr minmax(280px,360px);gap:32px;height:100%;padding:0;display:grid;position:relative;overflow-y:auto}.work-detail-header{z-index:10;backdrop-filter:blur(10px);box-shadow:var(--shadow-sm);background:#fffffffa;border-radius:12px;gap:8px;padding:8px;display:flex;position:absolute;top:20px;right:20px}.work-detail-nav-btn,.work-detail-close{background:var(--surface);cursor:pointer;font:inherit;color:var(--text-primary);border:none;border-radius:10px;align-items:center;gap:6px;padding:10px 16px;font-size:.9rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 0 0 1px #8b5cf61a,0 2px 8px #8b5cf614}.work-detail-nav-btn svg,.work-detail-close svg{opacity:.7;transition:opacity .3s}.work-detail-nav-btn:hover,.work-detail-close:hover{background:var(--primary);color:#fff;box-shadow:0 0 0 1px var(--primary), 0 4px 16px #8b5cf64d;transform:translateY(-2px)}.work-detail-nav-btn:hover svg,.work-detail-close:hover svg{opacity:1;filter:brightness(0)invert()}.work-detail-nav-btn:active,.work-detail-close:active{transform:translateY(0)}.work-detail-nav-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.work-detail-media-frame{background:#f7f7f4;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:280px;max-height:75vh;margin:32px 0 32px 32px;display:flex;position:relative;overflow:auto;box-shadow:0 0 0 1px #8b5cf614,0 2px 12px #8b5cf60f}.work-detail-media-frame.loading:after{content:"";border:3px solid #8b5cf633;border-top-color:var(--primary);border-radius:50%;width:48px;height:48px;margin:-24px 0 0 -24px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.work-detail-body{padding:32px 32px 32px 0}.work-detail-media{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:75vh;display:block}.work-detail-media-empty,.work-detail-media-link{color:#5f6368;text-align:center;justify-content:center;align-items:center;width:100%;min-height:280px;padding:20px;display:flex}.work-detail-media-empty[data-media-state=unavailable]{color:#5f6368;background:#f1f2ee}.work-detail-media-gallery{background:#fff;flex-direction:column;gap:16px;padding:16px;display:flex}.work-detail-media-gallery-item{border-radius:4px;width:100%;height:auto;box-shadow:0 1px 3px #0000001a}.work-detail-media-gallery-carousel{background:#f7f7f4;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.work-detail-media-gallery-track{justify-content:center;align-items:flex-start;width:100%;height:100%;padding:20px;display:flex;position:relative;overflow:auto}.work-detail-media-gallery-slide{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:75vh;display:none}.work-detail-media-gallery-slide.active{display:block}.work-detail-media-gallery-carousel.long-image-mode .work-detail-media-gallery-track{overflow:auto}.work-detail-media-gallery-carousel.long-image-mode .work-detail-media-gallery-slide{object-fit:none;max-width:none;max-height:none}.work-detail-gallery-nav{backdrop-filter:blur(10px);cursor:pointer;color:#202124;z-index:5;background:#fffffff2;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 0 1px #00000014,0 2px 12px #00000026}.work-detail-gallery-prev{left:20px}.work-detail-gallery-next{right:20px}.work-detail-gallery-nav:hover{background:#fff;transform:translateY(-50%)scale(1.05);box-shadow:0 0 0 1px #0000001f,0 4px 20px #0003}.work-detail-gallery-nav:active{transform:translateY(-50%)scale(.95)}.work-detail-gallery-nav:disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.work-detail-gallery-indicator{backdrop-filter:blur(10px);color:#202124;z-index:5;background:#fffffff2;border-radius:20px;padding:8px 16px;font-size:.875rem;font-weight:500;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 2px 8px #0000001f}.work-detail-media-links{flex-direction:column;gap:12px;padding:20px;display:flex}.work-detail-media-links .work-detail-media-link{color:#202124;background:#fff;border:1px solid #d8d6cf;border-radius:8px;min-height:auto;padding:12px 16px;text-decoration:none;transition:background .2s}.work-detail-media-links .work-detail-media-link:hover{background:#f7f7f4;border-color:#b9b6ae}.work-detail-media-pdf{border:none;width:100%;height:75vh;min-height:600px;display:block}.work-detail-media-case{background:#fff;flex-direction:column;height:75vh;min-height:600px;display:flex}.work-detail-case-tabs{background:#f7f7f4;border-bottom:1px solid #d8d6cf;flex-shrink:0;gap:4px;padding:12px 12px 0;display:flex}.work-detail-case-tab{color:#5f6368;cursor:pointer;font:inherit;background:#fff;border:1px solid #d8d6cf;border-bottom:none;border-radius:8px 8px 0 0;padding:8px 16px;font-size:.875rem;transition:all .2s}.work-detail-case-tab:hover{background:#f1f2ee}.work-detail-case-tab.active{color:#202124;background:#fff;border-color:#b9b6ae;font-weight:600}.work-detail-case-viewer{border:none;flex:1;display:block}.work-detail-body{padding-right:72px}.work-detail-body h2{margin:8px 0 12px;font-size:1.5rem}.work-detail-body p{color:#5f6368;margin:0;line-height:1.7}.work-detail-tools{margin-top:12px}@media (width<=900px){main{width:min(100% - 32px,760px);padding-top:36px}.portfolio-shell,.access-panel{padding:20px}.works{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}}@media (width<=520px){.access-row{grid-template-columns:1fr}}@media (width<=560px){.category-heading,.subcategory-heading{flex-direction:column;align-items:flex-start}}@media (width<=760px){.work-detail{grid-template-columns:1fr;padding:24px 20px 32px}.work-detail-body{padding-right:0}.work-detail-header{bottom:12px;right:12px}.work-detail-nav-btn,.work-detail-close{padding:6px 10px;font-size:.875rem}.work-detail-media-frame{margin:0 0 24px}.work-detail-body{padding:0}.work-detail-media-pdf,.work-detail-media-case{height:60vh;min-height:400px}}@media (width<=680px){main{width:calc(100% - 24px);padding:28px 0 44px}.intro{margin-bottom:24px}.intro h1{font-size:2rem}.intro p{font-size:.95rem;line-height:1.65}.access-panel,.portfolio-shell{padding:16px}.category{padding:24px 0}.works{grid-template-columns:1fr}.work{min-height:0}.work-detail-media-frame,.work-detail-media,.work-detail-media-empty,.work-detail-media-link{min-height:180px}}.portfolio-content{color:#f4f1e8;width:min(1280px,100% - clamp(32px,7vw,112px));margin:0 auto 0 max(32px,50vw - 712px);padding:clamp(56px,8vw,112px) 0 clamp(72px,10vw,140px)}.portfolio-content>h1{color:#f4f1e8;letter-spacing:-.045em;text-wrap:balance;margin:0 0 clamp(56px,8vw,104px);font-size:6rem;font-weight:500;line-height:.95}body[data-locale=en] .portfolio-content>h1{letter-spacing:-.035em;line-height:1.08}.category{border-top:1px solid #f4f1e833;padding:clamp(34px,5vw,72px) 0 0}.category+.category{margin-top:clamp(64px,9vw,128px)}.category-heading{align-items:center;margin-bottom:clamp(28px,4vw,48px)}.category h2{color:#f4f1e8;letter-spacing:-.025em;font-size:1.8rem;font-weight:500}.category-count,.subcategory-heading span{color:#f4f1e88a;letter-spacing:.04em;font-size:.75rem}.subcategory{margin-top:clamp(36px,5vw,64px)}.subcategory-heading{border-bottom:1px solid #f4f1e81c;margin-bottom:16px;padding-bottom:12px}.subcategory h3{color:#f4f1e8b3;letter-spacing:.01em;font-size:.95rem;font-weight:500}.works{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:clamp(14px,2vw,24px)}.work{box-shadow:none;background:#15151b;border:1px solid #f4f1e82e;border-radius:10px;transition:transform .28s ease-out,border-color .28s ease-out,background .28s ease-out}.work:before{display:none}.work:hover{background:#1b1a23;border-color:#a78bfacc;transform:translateY(-4px);box-shadow:0 8px 22px #00000038}.portfolio-cover-button{aspect-ratio:4/3;background:#24232b;position:relative}.portfolio-cover-image{transition:transform .5s cubic-bezier(.16,1,.3,1),opacity .3s}.work:hover .portfolio-cover-image,.portfolio-cover-button:focus-visible .portfolio-cover-image{opacity:.82;transform:scale(1.035)}.portfolio-cover-overlay{z-index:1;opacity:0;background:linear-gradient(#0000 58%,#0a0a0f94);justify-content:flex-end;align-items:flex-end;padding:14px;transition:opacity .24s ease-out;display:flex;position:absolute;inset:0}.work:hover .portfolio-cover-overlay,.portfolio-cover-button:focus-visible .portfolio-cover-overlay{opacity:1}.portfolio-cover-overlay-label{color:#f4f1e8;letter-spacing:.04em;background:#0a0a0f85;border:1px solid #f4f1e86b;border-radius:999px;padding:7px 10px;font-size:.7rem}.portfolio-cover-placeholder{color:#f4f1e899;background:#24232b}.work-body{gap:5px;padding:16px 17px 18px}.work h4{color:#f4f1e8;font-size:1rem;font-weight:500}.work:hover h4{color:#f4f1e8}.work-view-hint{color:#f4f1e86e;font-size:.72rem}.work-detail-panel{backdrop-filter:blur(12px);background:#050508db;padding:clamp(12px,3vw,40px)}.work-detail-surface{background:#f4f1e8;border:1px solid #f4f1e829;border-radius:12px;max-width:1460px;max-height:min(900px,92vh);box-shadow:0 24px 70px #0000006b}.work-detail{background:#f4f1e8;grid-template-columns:minmax(0,1fr) minmax(300px,390px);gap:0}.work-detail-media-frame{min-height:420px;max-height:none;box-shadow:none;background:#22222a;border-radius:0;margin:0}.work-detail-media{max-height:78vh}.work-detail-media-gallery-carousel{background:#22222a}.work-detail-media-gallery-track{padding:clamp(40px,6vw,88px)}.work-detail-media-gallery-slide{max-height:78vh}.work-detail-body{color:#15151b;background:#f4f1e8;flex-direction:column;min-height:100%;padding:clamp(72px,9vw,112px) clamp(24px,4vw,52px) clamp(32px,5vw,64px);display:flex}.work-detail-body .meta{color:#6a5a91;letter-spacing:.04em;font-size:.72rem}.work-detail-body h2{color:#15151b;letter-spacing:-.035em;margin:18px 0 16px;font-size:2.1rem;font-weight:500;line-height:1.05}.work-detail-body p{color:#45434a;line-height:1.7}.work-detail-tools{color:#6a5a91;margin-top:26px;font-size:.82rem}.work-highlights{color:#45434a;margin-top:auto;padding-top:28px;padding-left:18px;font-size:.88rem;line-height:1.8}.work-detail-header{box-shadow:none;background:0 0;padding:0;top:18px;right:18px}.work-detail-nav-btn,.work-detail-close{color:#15151b;min-width:44px;min-height:44px;box-shadow:none;background:#f4f1e8eb;border:1px solid #15151b29;border-radius:999px;justify-content:center;padding:9px 12px;transition:background .18s ease-out,color .18s ease-out,transform .18s ease-out}.work-detail-nav-btn:hover,.work-detail-close:hover{color:#f4f1e8;box-shadow:none;background:#15151b;transform:none}.work-detail-nav-btn:disabled{opacity:.35}.work-detail-gallery-nav{width:44px;height:44px;box-shadow:none;background:#f4f1e8e6}.work-detail-gallery-nav:hover{box-shadow:none;background:#f4f1e8}.work-detail-gallery-indicator{color:#15151b;box-shadow:none;background:#f4f1e8e6;padding:7px 11px;bottom:18px}.work-detail-case-tabs{background:#ece9df;border-color:#d6d0c2;padding:12px 12px 0;overflow-x:auto}.work-detail-case-tab{white-space:nowrap;color:#6b6870;background:#f4f1e8;border-color:#d6d0c2}.work-detail-case-tab.active{color:#15151b;border-color:#b9b0a0}@media (width<=760px){.portfolio-content{width:min(100% - 28px,620px);padding-top:42px}.portfolio-content>h1{margin-bottom:56px}.work-detail-panel{align-items:stretch;padding:0}.work-detail-surface{border:0;border-radius:0;width:100%;max-height:100dvh}.work-detail{grid-template-columns:1fr;min-height:100dvh;overflow-y:auto}.work-detail-media-frame{min-height:43vh;max-height:56vh}.work-detail-media{max-height:50vh}.work-detail-body{min-height:auto;padding:72px 22px 32px}.work-detail-header{top:14px;right:14px}.work-detail-nav-btn{padding:9px 11px}.work-detail-nav-btn svg{display:none}.work-detail-gallery-nav{width:42px;height:42px}.work-detail-media-gallery-track{padding:32px 38px}.work-detail-media-pdf,.work-detail-media-case{height:56vh;min-height:360px}}@media (prefers-reduced-motion:reduce){.work,.portfolio-cover-image,.portfolio-cover-overlay,.work-detail-surface{transition:none;animation:none}}.works{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;align-items:start;gap:clamp(24px,3vw,48px) clamp(14px,2.4vw,32px);display:grid}.work-item{grid-column:span 4}.work-item-featured{grid-column:span 7}.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square]{grid-column:span 4}.work-item-featured[data-cover-shape=portrait]{grid-column:span 5}.work-item-featured[data-cover-shape=tall]{grid-column:span 4}.work{box-shadow:none;background:0 0;border:0;border-radius:0;overflow:visible;transform:none}.work:hover{box-shadow:none;background:0 0;border-color:#0000;transform:none}.portfolio-cover-button{aspect-ratio:4/3;outline-offset:6px;background:#1a1920}.work-item[data-cover-shape=landscape] .portfolio-cover-button{aspect-ratio:16/9}.work-item[data-cover-shape=portrait] .portfolio-cover-button{aspect-ratio:3/4}.work-item[data-cover-shape=square] .portfolio-cover-button{aspect-ratio:1}.work-item[data-cover-shape=tall] .portfolio-cover-button{aspect-ratio:2/3}.work-item[data-cover-shape=portrait] .portfolio-cover-image{object-fit:contain;background:#1a1920;padding:5% 0}.work-body{padding:14px 0 0}.work h4{font-size:.98rem;font-weight:500}.work-view-hint{color:#d3c5f6d1;border:1px solid #a78bfa59;border-radius:999px;width:fit-content;padding:4px 8px;font-size:.7rem;line-height:1.2;display:inline-flex}.portfolio-cover-overlay{background:linear-gradient(#0000 52%,#0a0a0fb8)}.work-item-featured .work-body{padding-top:16px}.work-item-featured h4{font-size:1.1rem}@media (width<=900px){.works{grid-template-columns:repeat(6,minmax(0,1fr))}.work-item,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square]{grid-column:span 3}.work-item-featured{grid-column:span 6}.work-item[data-cover-shape=tall]{grid-column:span 2}.work-item-featured[data-cover-shape=portrait],.work-item-featured[data-cover-shape=tall]{grid-column:span 4}}@media (width<=680px){.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px}.work-item,.work-item-featured,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square],.work-item[data-cover-shape=tall],.work-item-featured[data-cover-shape=portrait],.work-item-featured[data-cover-shape=tall]{grid-column:span 2}.work-item:not(.work-item-featured) .portfolio-cover-button{aspect-ratio:4/3}.work-item[data-cover-shape=portrait]:not(.work-item-featured) .portfolio-cover-button{aspect-ratio:3/4}.work-item[data-cover-shape=tall]:not(.work-item-featured) .portfolio-cover-button{aspect-ratio:2/3}}.portfolio-cover-button,.work-item[data-cover-shape=landscape] .portfolio-cover-button,.work-item[data-cover-shape=portrait] .portfolio-cover-button,.work-item[data-cover-shape=square] .portfolio-cover-button,.work-item[data-cover-shape=tall] .portfolio-cover-button,.work-item-featured[data-cover-shape=portrait] .portfolio-cover-button,.work-item-featured[data-cover-shape=tall] .portfolio-cover-button{aspect-ratio:auto;justify-content:center;align-items:center;height:auto;min-height:220px;display:flex}.portfolio-cover-image{object-fit:contain;object-position:center;width:100%;max-width:100%;height:auto;max-height:min(72vh,680px);opacity:1!important;transform:none!important}.work-item[data-cover-shape=portrait] .portfolio-cover-image,.work-item[data-cover-shape=tall] .portfolio-cover-image{width:auto;max-width:100%;max-height:min(72vh,680px);padding:0}.work-item[data-cover-shape=tall] .portfolio-cover-image{object-position:center}.portfolio-cover-placeholder{width:100%;min-height:220px}.works{flex-wrap:wrap;align-items:flex-start;gap:clamp(28px,4vw,64px) clamp(18px,3vw,42px);display:flex}.work-item,.work-item-featured,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square],.work-item[data-cover-shape=tall],.work-item-featured[data-cover-shape=portrait],.work-item-featured[data-cover-shape=tall]{flex:0 260px;grid-column:auto;width:auto;min-width:0}.work-item-featured,.work-item-featured[data-cover-shape=landscape]{flex-basis:min(46%,500px)}.work-item[data-cover-shape=landscape]{flex-basis:min(36%,390px)}.work-item[data-cover-shape=portrait]{flex-basis:min(24%,260px)}.work-item[data-cover-shape=square]{flex-basis:min(28%,300px)}.work-item[data-cover-shape=tall]{flex-basis:min(18%,190px)}.work-item:nth-child(3n+2){margin-top:clamp(10px,2vw,32px)}.work-item:nth-child(5n+4){margin-top:clamp(22px,3vw,52px)}.work-item-featured:nth-child(3n+2),.work-item-featured:nth-child(5n+4){margin-top:0}.portfolio-cover-button{background:0 0;min-height:0}.work-item[data-cover-shape=tall] .portfolio-cover-button{min-height:0}.portfolio-cover-image{max-height:min(52vh,460px)}.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=tall],.work-item-featured[data-cover-shape=portrait],.work-item-featured[data-cover-shape=tall]{flex-basis:min(24%,260px)}.work-item[data-cover-shape=tall],.work-item-featured[data-cover-shape=tall]{flex-basis:min(16%,170px)}.work-item[data-cover-shape=portrait] .portfolio-cover-image,.work-item[data-cover-shape=tall] .portfolio-cover-image{max-height:min(52vh,460px)}@media (width<=900px){.works{gap:28px 18px}.work-item,.work-item-featured,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square],.work-item[data-cover-shape=tall]{flex-basis:min(46%,320px)}.work-item-featured{flex-basis:100%}}@media (width<=680px){.works{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 16px;display:grid}.work-item,.work-item-featured,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square],.work-item[data-cover-shape=tall]{flex:none;grid-column:auto;width:auto;margin-top:0}.work-item-featured{grid-column:1/-1}}.works{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:8px;grid-auto-flow:dense;align-items:start;gap:18px 24px;display:grid}.work-item,.work-item-featured,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square],.work-item[data-cover-shape=tall]{flex:none;grid-column:span 3;width:auto;min-width:0;margin-top:0}.work-item[data-cover-shape=landscape]{grid-column:span 4}.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square]{grid-column:span 3}.work-item[data-cover-shape=tall]{grid-column:span 2}.work-item .work{height:auto}@media (width<=900px){.works{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:7px;gap:16px 18px}.work-item,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square]{grid-column:span 2}.work-item[data-cover-shape=tall]{grid-column:span 1}}@media (width<=680px){.works{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:6px;gap:30px 16px}.work-item,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square],.work-item[data-cover-shape=tall]{grid-column:span 1}}.works{column-count:5;column-fill:balance;column-gap:clamp(18px,2vw,30px);display:block}.work-item,.work-item-featured,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square],.work-item[data-cover-shape=tall]{break-inside:avoid;page-break-inside:avoid;flex:none;grid-column:auto;width:100%;margin:0 0 clamp(28px,3vw,44px);display:block}.portfolio-cover-button{background:0 0;height:auto;min-height:0}.portfolio-cover-image,.work-item[data-cover-shape=portrait] .portfolio-cover-image,.work-item[data-cover-shape=tall] .portfolio-cover-image{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:none;padding:0;display:block}.work-body{padding-top:12px}@media (width<=1200px){.works{column-count:4}}@media (width<=900px){.works{column-count:3}}@media (width<=680px){.works{column-count:2;column-gap:16px}.work-item,.work-item-featured,.work-item[data-cover-shape=landscape],.work-item[data-cover-shape=portrait],.work-item[data-cover-shape=square],.work-item[data-cover-shape=tall]{margin-bottom:28px}}@media (width<=430px){.works{column-count:1}}.subcategory-columns{grid-template-columns:repeat(5,minmax(0,1fr));align-items:start;gap:clamp(18px,2.2vw,32px);display:grid}.subcategory-column{min-width:0}.subcategory-column .works{column-count:1;column-gap:0;display:block}.subcategory-column .work-item,.subcategory-column .work-item-featured,.subcategory-column .work-item[data-cover-shape=landscape],.subcategory-column .work-item[data-cover-shape=portrait],.subcategory-column .work-item[data-cover-shape=square],.subcategory-column .work-item[data-cover-shape=tall]{break-inside:avoid;width:100%;margin:0 0 clamp(28px,3vw,44px);display:block}.category[data-category-id=office-design] .subcategory-columns{grid-template-columns:1fr}.category[data-category-id=office-design] .subcategory-column .works{column-count:4;column-gap:clamp(18px,2vw,30px)}@media (width<=900px){.category[data-category-id=office-design] .subcategory-column .works{column-count:3}}@media (width<=680px){.category[data-category-id=office-design] .subcategory-column .works{column-count:2}}@media (width<=430px){.category[data-category-id=office-design] .subcategory-column .works{column-count:1}}.work[data-work-id=wechat-poster] .portfolio-cover-button{height:clamp(260px,34vw,420px);overflow:hidden}.work[data-work-id=wechat-poster] .portfolio-cover-image{object-fit:cover;object-position:center top;width:100%;height:100%;max-height:none}@media (width<=1200px){.subcategory-columns{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=900px){.subcategory-columns{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=680px){.subcategory-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media (width<=430px){.subcategory-columns{grid-template-columns:1fr}}@media (width<=680px){.portfolio-content{width:calc(100% - 28px);margin:0 auto;padding:34px 0 64px}.portfolio-content>h1{margin-bottom:42px;font-size:2.8rem;line-height:.98}.category{padding-top:28px}.category+.category{margin-top:64px}.category-heading{margin-bottom:28px}.category h2{font-size:1.35rem}.category-count{font-size:.68rem}.subcategory-columns{gap:22px 12px}.subcategory-column .works{column-count:1}.subcategory-column .work-item,.subcategory-column .work-item-featured,.subcategory-column .work-item[data-cover-shape=landscape],.subcategory-column .work-item[data-cover-shape=portrait],.subcategory-column .work-item[data-cover-shape=square],.subcategory-column .work-item[data-cover-shape=tall]{margin-bottom:24px}.work-body{padding-top:9px}.work h4{font-size:.82rem;line-height:1.35}.work-view-hint{padding:3px 6px;font-size:.64rem}.work[data-work-id=wechat-poster] .portfolio-cover-button{height:240px}.work-detail-panel{overscroll-behavior:contain;justify-content:center;align-items:flex-start;overflow-y:auto}.work-detail-surface{flex:none;align-self:flex-start;height:auto;min-height:0;max-height:none;overflow:visible}.work-detail{flex-direction:column;align-content:start;min-height:0;display:flex;overflow:visible;height:auto!important}.work-detail-media-frame{flex:0 0 min(62svh,720px);height:min(62svh,720px);min-height:420px;max-height:none;overflow:hidden}.work-detail-body{flex:none;height:auto;padding:28px 18px 32px;min-height:0!important}.work-detail-body h2{margin:12px 0 10px;font-size:1.7rem}.work-detail-body p{font-size:.9rem}.work-detail-tools{margin-top:20px}.work-highlights{padding-top:22px;font-size:.82rem}.work-detail-header{z-index:auto;background:#f4f1e8;border-bottom:1px solid #15151b1a;justify-content:flex-end;gap:4px;width:100%;padding:10px 12px;display:flex;position:static}.work-detail-nav-btn,.work-detail-close{width:44px;min-width:44px;height:44px;min-height:44px;padding:9px;font-size:0}.work-detail-nav-btn svg,.work-detail-close svg{display:block}.work-detail-gallery-nav{width:40px;height:40px}.work-detail-media-gallery-track{place-items:center;padding:24px 46px;display:grid;overflow:auto}.work-detail-media-gallery-slide.active{width:auto;max-width:100%;max-height:100%;margin:auto;display:block}.work-detail-media-gallery-carousel.long-image-mode .work-detail-media-gallery-track{justify-content:center;align-items:flex-start;padding:0 18px;display:flex;overflow:hidden auto}.work-detail-media-gallery-carousel.long-image-mode .work-detail-media-gallery-slide.active{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:none}.work-detail-media-frame>.work-detail-media{max-width:calc(100% - 32px);max-height:100%;margin:auto}.work-detail-gallery-indicator{font-size:.75rem;bottom:12px}.work-detail-media-pdf,.work-detail-media-case{height:100%;min-height:0}}@media (width<=430px){.portfolio-content>h1{font-size:2.45rem}.subcategory-columns{grid-template-columns:1fr}.category[data-category-id=office-design] .subcategory-column .works{column-count:1}.work[data-work-id=wechat-poster] .portfolio-cover-button{height:220px}}@media (width<=680px){.work-detail-panel{backdrop-filter:none;background:#0a0a0f;align-items:stretch;overflow:hidden}.work-detail-surface{background:#0a0a0f;height:100svh;max-height:100svh;overflow:hidden}.work-detail{background:#0a0a0f;min-height:100svh;overflow:hidden;height:100svh!important}.work-detail-header{background:#0a0a0f;border-bottom-color:#f4f1e824;flex:none;order:0}.work-detail-body{color:#f4f1e8;background:#0a0a0f;flex:none;order:1;padding:16px 20px 14px}.work-detail-body h2{color:#f4f1e8;margin:7px 0 6px;font-size:1.4rem}.work-detail-body p{color:#f4f1e8c2;font-size:.82rem;line-height:1.55}.work-detail-tools{color:#c9b0f4;margin-top:10px}.work-highlights{display:none}.work-detail-media-frame{background:#000;flex:auto;order:2;height:auto;min-height:0;max-height:none}.work-detail-media-gallery-carousel,.work-detail-media-gallery-carousel.long-image-mode{background:#000}.work-detail-media-gallery-carousel.long-image-mode .work-detail-media-gallery-track{background:#000;padding:0}.work-detail-media-gallery-carousel.long-image-mode .work-detail-media-gallery-slide.active{width:100%;max-width:100%}.work-detail-media-frame>.work-detail-media{object-fit:contain;width:100%;max-width:none;height:100%;max-height:none;margin:0}.work-detail{isolation:isolate;display:block;position:relative}.work-detail-media-frame{z-index:0;width:100%;height:100svh;min-height:0;position:absolute;inset:0}.work-detail-header{top:max(10px, env(safe-area-inset-top));z-index:3;background:0 0;border:0;width:auto;padding:0;position:absolute;right:10px}.work-detail-nav-btn,.work-detail-close{color:#f4f1e8;background:#0a0a0fad;border-color:#f4f1e847}.work-detail-body{z-index:2;max-height:38svh;padding:88px 20px max(24px, env(safe-area-inset-bottom));color:#f4f1e8;background:linear-gradient(#0000 0%,#0a0a0fc2 38%,#0a0a0ff5 100%);position:absolute;bottom:0;left:0;right:0;overflow-y:auto}.work-detail-body .meta{color:#d5c3fa}.work-detail-body h2{color:#fff}.work-detail-body p{color:#f4f1e8e0}.work-detail-tools{color:#d5c3fa}.work-detail-header{min-height:64px;padding:max(10px, env(safe-area-inset-top)) 12px 10px;background:#0a0a0f;border-bottom:1px solid #f4f1e824;justify-content:flex-end;display:flex;top:0;left:0;right:0}.work-detail-media-frame{height:calc(100svh - 64px);top:64px}.work-detail[data-media-type=video] .work-detail-body{bottom:64px}.work-detail-case-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;padding:8px;display:grid;overflow:visible}.work-detail-case-tab{white-space:normal;border:1px solid #15151b29;border-radius:6px;min-width:0;min-height:40px;padding:7px 4px;font-size:.72rem;line-height:1.2}}.work-detail-video-shell{width:100%;min-width:0;height:100%;min-height:0}.work-detail-video-shell>video{width:100%;height:100%}.work-detail-video-controls{display:none}@media (width<=680px){.work-detail-video-shell{background:#000;grid-template-rows:minmax(0,1fr) 68px;display:grid}.work-detail-video-shell>video{object-fit:cover;grid-row:1;min-height:0}.work-detail-video-controls{color:#f4f1e8;background:#050508;border-top:1px solid #f4f1e829;flex-direction:column;grid-row:2;justify-content:center;gap:3px;min-height:68px;padding:4px 14px 7px;display:flex}.work-detail-video-controls-main{align-items:center;gap:5px;min-height:36px;display:flex}.work-detail-video-control{color:#f4f1e8;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;display:grid}.work-detail-video-spacer{flex:1}.work-detail-video-time{font-variant-numeric:tabular-nums;font-size:.78rem}.video-pause-icon,.work-detail-video-shell.is-playing .video-play-icon{display:none}.work-detail-video-shell.is-playing .video-pause-icon{display:block}.work-detail-video-control.is-muted{opacity:.52}.work-detail-video-progress{appearance:none;cursor:pointer;--video-progress:0%;background:0 0;width:100%;height:18px;margin:0}.work-detail-video-progress::-webkit-slider-runnable-track{background:linear-gradient(90deg, #f4f1e8 var(--video-progress), #f4f1e847 var(--video-progress));border-radius:999px;height:3px}.work-detail-video-progress::-webkit-slider-thumb{appearance:none;background:#f4f1e8;border:0;border-radius:50%;width:12px;height:12px;margin-top:-4.5px}.work-detail-video-progress::-moz-range-track{background:#f4f1e847;border-radius:999px;height:3px}.work-detail-video-progress::-moz-range-progress{background:#f4f1e8;border-radius:999px;height:3px}.work-detail-video-progress::-moz-range-thumb{background:#f4f1e8;border:0;border-radius:50%;width:12px;height:12px}.work-detail{isolation:isolate;grid-template-rows:64px minmax(0,1fr);grid-template-columns:minmax(0,1fr);min-height:100svh;display:grid;position:relative;height:100svh!important}.work-detail-header{z-index:3;grid-area:1/1;position:static}.work-detail-media-frame{z-index:1;grid-area:2/1;width:auto;height:auto;min-height:0;position:relative;inset:auto}.work-detail-body{z-index:2;grid-area:2/1;align-self:end;position:relative;bottom:auto;left:auto;right:auto}.work-detail[data-media-type=video] .work-detail-body{margin-bottom:64px;bottom:auto}.work-detail[data-media-type=video] .work-detail-media-frame>video.work-detail-media{object-fit:cover;width:100%;height:100%}.work-detail-media-case,.work-detail-media-case .work-detail-case-viewer,.work-detail-media-pdf{width:100%;min-width:0;height:100%}.work-detail-media-gallery-track{padding:0}.work-detail-media-gallery-carousel:not(.long-image-mode) .work-detail-media-gallery-slide.active{object-fit:contain;width:auto;max-width:100%;height:100%;max-height:100%}.work-detail{gap:0;padding:0}.work-detail-media-frame{border-radius:0;margin:0}.work-detail{grid-template-rows:56px minmax(0,1fr)}.work-detail-header{min-height:56px;padding-top:max(6px, env(safe-area-inset-top));padding-bottom:6px}.work-detail-body{max-height:26svh;padding:34px 20px max(14px, env(safe-area-inset-bottom))}.work-detail[data-media-type=video] .work-detail-body{margin-bottom:64px}.work-detail[data-media-type=case] .work-detail-media-frame{align-self:start;height:min(66svh,640px)}.work-detail[data-media-type=case] .work-detail-media-case,.work-detail[data-media-type=case] .work-detail-case-viewer{height:100%}.work-detail[data-media-type=video] .work-detail-video-shell>video.work-detail-media{object-fit:cover;width:100%;max-width:none;height:100%;max-height:none}.work-detail[data-media-type=video] .work-detail-body{margin-bottom:0;position:absolute;bottom:68px;left:0;right:0}.work-detail[data-media-type=case] .work-detail-media-frame{background:#0a0a0f;align-self:stretch;height:auto;min-height:0;max-height:none;overflow:hidden}.work-detail[data-media-type=case] .work-detail-media-case{grid-template-rows:auto minmax(0,1fr);width:100%;height:100%;min-height:0;max-height:none;display:grid}.work-detail[data-media-type=case] .work-detail-case-viewer{width:100%;height:100%;min-height:0;max-height:none}.work-detail[data-media-type=case] .work-detail-body{margin:0;position:absolute;bottom:0;left:0;right:0}.category .subcategory-columns{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:30px 16px;display:grid}.category .subcategory-column,.category .subcategory-column>.works{display:contents}.category .work-item,.category .work-item-featured{break-inside:auto;grid-area:auto;width:auto;margin:0}}.work-detail-title-en{color:#45434a;letter-spacing:.01em;margin:0;font-size:.92rem;line-height:1.5}@media (width<=680px){.work-detail-title-en{color:#f4f1e8c7;font-size:.82rem;line-height:1.45}}.portfolio-title-en{color:#d5c3fac2;letter-spacing:.015em;vertical-align:baseline;margin-left:.65rem;font-size:2rem;font-weight:400;line-height:1.3}.category-title-en{color:#d5c3fab8;letter-spacing:.015em;margin-left:.65rem;font-size:1.2rem;font-weight:400;line-height:1.35}.work-title-en{color:#d5c3fab3;letter-spacing:.01em;margin-top:.22rem;font-size:.74rem;font-weight:400;line-height:1.4;display:block}@media (width<=680px){.portfolio-title-en{font-size:1.5rem}.category-title-en{text-align:center;margin:.22rem 0 0;font-size:1rem;display:block}.work-title-en{font-size:.68rem}}.site-filing{z-index:10;color:#f4f1e894;letter-spacing:.02em;background:#0a0a0f;justify-content:center;padding:18px 16px 24px;font-size:.75rem;line-height:1.5;display:flex;position:relative}.site-filing a{color:inherit;text-decoration:none}.site-filing a:hover,.site-filing a:focus-visible{color:#f4f1e8;text-underline-offset:3px;text-decoration:underline}.portfolio-home-link{z-index:30;color:#ffffffeb;-webkit-backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(135deg,#fff3,#ffffff0f),#0a0a0f4d;border:1px solid #f4f1e847;border-radius:50%;place-items:center;width:48px;height:48px;line-height:0;text-decoration:none;transition:transform .16s,border-color .16s,color .16s,background .16s;display:inline-grid;position:fixed;top:30px;left:auto;right:max(152px,50vw - 568px);box-shadow:inset 0 1px #ffffff3d,0 16px 36px #00000042}.portfolio-home-link svg{width:24px;height:24px;display:block}.portfolio-home-link:hover,.portfolio-home-link:focus-visible{color:#fff;background:linear-gradient(135deg,#ffffff42,#ffffff14),#0a0a0f66;border-color:#f4f1e87a;transform:translateY(-1px)}.portfolio-home-link:focus-visible{outline-offset:4px;outline:2px solid #f4f1e8a3}@media (width<=680px){.portfolio-home-link{top:max(16px, env(safe-area-inset-top));width:42px;height:42px;left:auto;right:16px}.portfolio-home-link svg{width:23px;height:23px}.portfolio-home-link:hover,.portfolio-home-link:focus-visible{transform:translate(2px)}}.language-switch{z-index:40;color:#ffffffeb;-webkit-backdrop-filter:blur(18px)saturate(150%);background:linear-gradient(135deg,#fff3,#ffffff0f),#0a0a0f4d;border:1px solid #f4f1e847;border-radius:999px;justify-content:center;align-items:center;min-width:46px;height:34px;padding:0 14px;font-size:.78rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .16s,border-color .16s,color .16s,background .16s;display:inline-flex;position:fixed;top:22px;right:22px}.language-switch:hover,.language-switch:focus-visible{color:#fff;background:linear-gradient(135deg,#ffffff42,#ffffff14),#0a0a0f66;border-color:#f4f1e87a;transform:translateY(-1px)}.language-switch:focus-visible{outline-offset:4px;outline:2px solid #f4f1e8a3}.portfolio-shell .portfolio-language-switch{z-index:31;letter-spacing:0;border-radius:50%;width:48px;min-width:48px;height:48px;padding:0;font-size:.72rem;top:30px;right:max(96px,50vw - 624px);box-shadow:inset 0 1px #ffffff3d,0 16px 36px #00000042}@media (width<=680px){.language-switch{top:max(16px, env(safe-area-inset-top));min-width:42px;height:32px;padding:0 12px;right:16px}.portfolio-shell .portfolio-language-switch{top:max(16px, env(safe-area-inset-top));width:42px;min-width:42px;height:42px;padding:0;font-size:.68rem;right:66px}body[data-locale=en] .portfolio-content>h1{line-height:1.08}}@media (width>=681px){.work-detail-panel{-webkit-backdrop-filter:blur(18px)saturate(145%);background:radial-gradient(circle at 52% 4%,#a78bfa2b,#0000 42%),#050508ad}.work-detail-surface{-webkit-backdrop-filter:blur(22px)saturate(150%);background:linear-gradient(135deg,#ffffff24,#ffffff0b),#0d0c1494;border:0;box-shadow:inset 0 0 0 1px #f4f1e833,inset 0 1px #ffffff29,0 28px 72px #0000007a}.work-detail{background:0 0}.work-detail-media-frame{background:linear-gradient(135deg,#ffffff14,#ffffff06),#09090e57;justify-content:center;align-items:center;box-shadow:inset -1px 0 #f4f1e814}.work-detail-body{color:#f4f1e8;background:linear-gradient(#ffffff1a,#ffffff09),#0d0c147a;border-left:1px solid #f4f1e81f}.work-detail-body .meta{color:#d5c3fadb}.work-detail-body h2{color:#fff}.work-detail-body p,.work-detail-tools,.work-highlights,.work-detail-title-en{color:#f4f1e8c2}.work-detail-nav-btn,.work-detail-close{color:#f4f1e8f0;-webkit-backdrop-filter:blur(14px)saturate(150%);background:linear-gradient(135deg,#ffffff1f,#ffffff09),#0a0a0f57;border-color:#f4f1e838}.work-detail-nav-btn:hover,.work-detail-close:hover{color:#fff;background:#f4f1e829}.work-detail-nav-btn:disabled{color:#f4f1e86b;background:#0a0a0f33}.work-detail-case-tabs{background:#f4f1e817;border-color:#f4f1e829}.work-detail-case-tab{color:#f4f1e8a8;background:#0a0a0f2e;border-color:#f4f1e829}.work-detail-case-tab:hover,.work-detail-case-tab.active{color:#fff;background:#f4f1e826;border-color:#f4f1e857}.work-detail-video-shell{background:0 0;justify-content:center;align-items:center;padding:clamp(18px,3vw,44px);display:flex}.work-detail-video-shell>video.work-detail-media{object-fit:contain;background:0 0;border-radius:8px;width:auto;max-width:100%;height:100%;max-height:min(78vh,820px);box-shadow:0 6px 14px #0000003d}.work-detail[data-media-type=video] .work-detail-media-frame,.work-detail[data-media-type=case] .work-detail-media-frame{height:min(78vh,820px);min-height:min(600px,78vh)}.work-detail[data-media-type=case] .work-detail-media-frame{background:#f4f1e814;padding:0}.work-detail[data-media-type=case] .work-detail-media-case{width:100%;height:100%;min-height:0;box-shadow:none;background:#f4f1e8;border-radius:0;overflow:hidden}.work-detail[data-media-type=case] .work-detail-case-viewer{background:#f4f1e8;flex:auto;height:auto;min-height:0}}@media (width<=680px){.work-detail[data-media-type=video] .work-detail-video-shell>video.work-detail-media,.work-detail[data-media-type=video] .work-detail-media-frame>video.work-detail-media{object-fit:contain;background:#000;width:100%;max-width:100%;height:100%;max-height:100%}.work-detail[data-media-type=video][data-selected-work-id=lecture-promo] .work-detail-video-shell>video.work-detail-media,.work-detail[data-media-type=video][data-selected-work-id=market-quick-cut] .work-detail-video-shell>video.work-detail-media,.work-detail[data-media-type=video][data-selected-work-id=erxiao-summary] .work-detail-video-shell>video.work-detail-media,.work-detail[data-media-type=video][data-selected-work-id=flight-simulation-intro] .work-detail-video-shell>video.work-detail-media,.work-detail[data-media-type=video][data-selected-work-id=group-annual-meeting-2024] .work-detail-video-shell>video.work-detail-media,.work-detail[data-media-type=video][data-selected-work-id=mc-account-retention-en] .work-detail-video-shell>video.work-detail-media{aspect-ratio:16/9;align-self:center;height:auto}}body{color:#f4f1e8;background:#e4e4e4;overflow-x:hidden}.splash{z-index:9999;pointer-events:none;width:100vw;height:100vh;animation:.3s 1.35s forwards splashHide;position:fixed;inset:0;overflow:hidden}.splash-row{width:100%;height:50%;display:flex}.splash-box{background:#a78bfa;width:20%;height:100%}.splash-row-top .splash-box{animation:1s cubic-bezier(.96,-.02,.38,1.01) forwards splashTop}.splash-row-bottom .splash-box{animation:1s cubic-bezier(.96,-.02,.38,1.01) forwards splashBottom}.splash-box:first-child{animation-delay:0s}.splash-box:nth-child(2){animation-delay:50ms}.splash-box:nth-child(3){animation-delay:.1s}.splash-box:nth-child(4){animation-delay:.15s}.splash-box:nth-child(5){animation-delay:.2s}@keyframes splashTop{0%{transform:translateY(0%)}to{transform:translateY(-100%)}}@keyframes splashBottom{0%{transform:translateY(0%)}to{transform:translateY(100%)}}@keyframes splashHide{to{opacity:0;visibility:hidden}}@keyframes heroImageIn{0%{opacity:0;transform:scale(1.5)rotate(3deg)}to{opacity:1;transform:scale(1)rotate(0)}}.hero-image-animate{opacity:0;animation:1.2s cubic-bezier(.25,.46,.45,.94) 1s forwards heroImageIn}@keyframes wordReveal{0%{opacity:0;filter:blur(10px);transform:translateY(10px)}to{opacity:1;filter:blur();transform:translateY(0)}}.word-reveal{opacity:0;margin-right:.3em;animation:.4s forwards wordReveal;display:inline-block}@keyframes slideUpScale{0%{opacity:0;transform:translateY(60px)scale(.4)}to{opacity:1;transform:translateY(0)scale(1)}}.cta-animate{opacity:0;animation:.8s cubic-bezier(.25,.46,.45,.94) 1s forwards slideUpScale}.cta-btn{cursor:pointer;background:0 0;border:none;border-radius:9999px;align-items:center;gap:12px;padding:8px;display:flex;position:relative;overflow:hidden}.cta-btn-bg{z-index:0;background:#fff;border-radius:9999px;width:calc(100% - 76px);transition:width .4s cubic-bezier(.25,.46,.45,.94);position:absolute;top:5px;bottom:5px;left:8px}@media (width>=768px){.cta-btn-bg{width:calc(100% - 82px)}}.cta-btn:hover .cta-btn-bg,.cta-btn:focus-within .cta-btn-bg{width:calc(100% - 16px)}.cta-btn-text{z-index:1;color:#111;white-space:nowrap;background:0 0;border:none;outline:none;width:auto;padding:12px 32px;font-size:16px;font-weight:500;position:relative}@media (width>=768px){.cta-btn-text{padding:16px 40px;font-size:18px}}.cta-btn-text::placeholder{color:#999}.cta-btn-circle{z-index:1;cursor:pointer;background:#a78bfa;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;transition:transform .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative}@media (width>=768px){.cta-btn-circle{width:54px;height:54px}}.cta-btn:hover .cta-btn-circle{transform:translate(-7px)}@keyframes creatorSlideUp{0%{transform:translateY(330px)}to{transform:translateY(0)}}.creator-text-animate{animation:1s cubic-bezier(.16,1,.3,1) 1.5s forwards creatorSlideUp;transform:translateY(330px)}.hero{background:#e4e4e4;width:100%;min-height:100vh;position:relative;overflow:hidden}@media (width>=768px){.hero{height:100vh;min-height:800px}}.hero-big-text{z-index:2;pointer-events:none;text-align:center;width:100%;position:absolute;bottom:-30px;left:0;right:0}@media (width>=768px){.hero-big-text{bottom:-40px}}.hero-big-text h2{color:#f4f1e8;letter-spacing:-.04em;white-space:nowrap;font-size:clamp(180px,28vw,560px);font-weight:500;line-height:80%}.hero-base-img{z-index:5;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.hero-reveal-img{z-index:7;pointer-events:none;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.hero-content{z-index:8;pointer-events:none;flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;max-width:1600px;margin:0 auto;padding:110px 16px 24px;display:flex;position:relative}@media (width>=768px){.hero-content{justify-content:space-between;padding:160px 40px 100px;position:absolute;inset:0}}.hero-content-inner{pointer-events:auto;flex-direction:column;align-items:flex-start;gap:30px;width:100%;display:flex}.hero-headline{letter-spacing:-.02em;color:#111;max-width:447px;padding-left:20px;font-size:22px;font-weight:700;line-height:120%}@media (width>=768px){.hero-headline{padding-left:30px;font-size:28px}}#reveal-canvas{pointer-events:none;display:none;position:absolute;inset:0}.error-message{color:#c53030;background:#fee2e2f2;border-left:4px solid #fc8181;border-radius:12px;max-width:447px;padding:14px 20px;font-size:14px;animation:.4s ease-in-out shake;display:none}.error-message.show{display:block}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-8px)}75%{transform:translate(8px)}}@media (prefers-reduced-motion:reduce){.splash{animation:10ms linear forwards splashHide}.splash-box{animation:none!important}.hero-image-animate,.word-reveal,.cta-animate,.creator-text-animate{opacity:1!important;filter:none!important;visibility:visible!important;animation:none!important;transform:none!important}}