.ugm-portfolio body{font-family:Arial,Helvetica,sans-serif}.ugm-portfolio .body.index,.ugm-portfolio .body.index>.main{padding:0!important}.ugm-portfolio .body.index>.main>.container{width:100%;max-width:none;padding:0}
.ugm-portfolio-page{background:#f7f5ef;color:#172a30;font:16px/1.75 Arial,Helvetica,sans-serif}.ugm-portfolio-page *{box-sizing:border-box}.ugm-portfolio-page a{color:inherit;text-decoration:none}.ugm-portfolio-page :is(a,button):focus-visible{outline:3px solid #b4794e;outline-offset:5px}.ugm-portfolio-wrap{max-width:1600px;padding:65px 5%;margin:auto}.ugm-portfolio-page :is(h1,h2,h3){color:inherit;font-family:Arial,Helvetica,sans-serif;font-weight:400;margin:0}.ugm-portfolio-page h2{font-size:clamp(30px,3vw,43px);line-height:1.2;letter-spacing:-1px}.ugm-portfolio-page p{margin:0 0 22px}.ugm-portfolio-page figure{margin:0}
.ugm-portfolio-cover{background:#102128;color:#f7f5ef}.ugm-portfolio-cover>.ugm-portfolio-wrap{padding-top:24px;padding-bottom:50px}.ugm-portfolio-crumbs{display:flex;flex-wrap:wrap;gap:8px 14px;font-size:12px;color:#b5c3c5;margin-bottom:45px}.ugm-portfolio-page .ugm-portfolio-eyebrow{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#a46e48;margin-bottom:22px}.ugm-portfolio-cover .ugm-portfolio-eyebrow{color:#e0a273}.ugm-portfolio-cover h1{font-size:clamp(36px,4.3vw,66px);line-height:1.09;letter-spacing:-1.8px;max-width:1160px;overflow-wrap:break-word}.ugm-portfolio-cover .ugm-portfolio-lead{color:#b6c6c9;max-width:660px;font-size:17px;line-height:1.75;margin:25px 0 0}
.ugm-portfolio-list{padding-top:35px}.ugm-portfolio-filters{display:flex;gap:10px;flex-wrap:wrap}.ugm-portfolio-filters a{border:1px solid #bac3be;padding:13px 18px;display:flex;align-items:center;gap:18px;font-size:14px;min-height:48px;line-height:1.4}.ugm-portfolio-filters span{font-size:11px;opacity:.75}.ugm-portfolio-filters a[aria-current]{background:#102128;color:#f7f5ef;border-color:#102128}.ugm-portfolio-filters a:hover{border-color:#9c6947}.ugm-portfolio-page .ugm-portfolio-count{color:#657572;font-size:12px;margin:28px 0}.ugm-portfolio-page .ugm-project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 28px}.ugm-portfolio-page .ugm-project__photo{aspect-ratio:1.55}.ugm-portfolio-page .ugm-project h3{font-size:clamp(20px,1.6vw,25px);line-height:1.35;color:#172a30}.ugm-portfolio-page .ugm-project__link:hover h3{color:#946040}.ugm-portfolio-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;padding:45px 0 0}.ugm-portfolio-pagination a{min-width:46px;min-height:46px;padding:10px 14px;border:1px solid #bbc3be;text-align:center;font-size:14px}.ugm-portfolio-pagination a[aria-current]{background:#102128;color:#fff}.ugm-portfolio-pagination a:hover{border-color:#9c6947}
.ugm-project-jumps{display:flex;flex-wrap:wrap;gap:15px 32px;padding-top:30px;color:#e2b088;font-size:13px}.ugm-project-jumps a{border-bottom:1px solid #796451;padding:10px 0;min-height:44px}.ugm-project-jumps span{font-size:10px;margin:0 10px}.ugm-project-hero{background:#14272d;text-align:center;padding:0 5% 35px}.ugm-project-hero a{display:block;margin:auto;max-width:1440px}.ugm-project-hero img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#0b1b22}
.ugm-project-story{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.7fr);gap:8%}.ugm-project-facts{font-size:14px}.ugm-project-facts dl{margin:0}.ugm-project-facts dt{font-size:11px;color:#697974;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px}.ugm-project-facts dd{margin:0 0 30px;padding-bottom:22px;border-bottom:1px solid #c5cdc5;color:#24424a}.ugm-project-facts nav{padding-top:15px}.ugm-project-facts nav>a{display:block;border-bottom:1px solid #c7cec5;padding:15px 0;color:#865b3e}.ugm-project-prose{margin-bottom:45px}.ugm-project-prose h2{margin-bottom:30px}.ugm-project-prose p,.ugm-project-prose li{font-size:17px;color:#425b62;line-height:1.85;overflow-wrap:anywhere}.ugm-project-prose ul{padding-left:22px;margin:22px 0 32px}.ugm-project-prose li{padding-left:9px;margin-bottom:12px}.ugm-project-prose li::marker{color:#b07c54}.ugm-portfolio-heading{display:flex;gap:30px;justify-content:space-between;align-items:baseline;margin-bottom:30px}.ugm-portfolio-heading>span{color:#9a6745;font-size:13px}.ugm-project-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.ugm-project-gallery__grid a{display:block;position:relative;background:#e8e4d9}.ugm-project-gallery__grid img{display:block;width:100%;height:auto;aspect-ratio:1.4;object-fit:cover}.ugm-project-gallery__grid span{display:block;padding:7px 12px;text-align:right;font-size:11px;color:#7f5c41}.ugm-portfolio-page .ugm-project-source{font-size:11px;color:#6e7b74;border-top:1px solid #c6cec5;padding-top:24px;margin-top:35px}.ugm-project-more{background:#eae6dc}.ugm-portfolio-page [id]{scroll-margin-top:28px}
.ugm-lightbox{width:94vw;max-width:1800px;height:92vh;max-height:1100px;padding:55px 65px 25px;border:1px solid #617278;background:#0b1b22;color:#fff;overflow:hidden}.ugm-lightbox::backdrop{background:#061015e8}.ugm-lightbox[open]{display:grid;grid-template-columns:1fr;align-items:center}.ugm-lightbox figure{margin:0;min-height:0;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.ugm-lightbox img{max-height:calc(100% - 42px);max-width:100%;object-fit:contain}.ugm-lightbox figcaption{font:13px/1.5 Arial,sans-serif;color:#e4b18b}.ugm-lightbox button{position:absolute;min-width:46px;min-height:46px;border:1px solid #6f8289;background:#132b34;color:#fff;font:24px Arial,sans-serif;cursor:pointer}.ugm-lightbox button:focus-visible{outline:3px solid #e4b18b;outline-offset:3px}.ugm-lightbox button:disabled{opacity:.3;cursor:default}.ugm-lightbox-close{top:8px;right:8px}.ugm-lightbox-prev{left:8px;top:48%}.ugm-lightbox-next{right:8px;top:48%}.ugm-lightbox-open body{overflow:hidden}
@media(max-width:1100px){.ugm-portfolio-page .ugm-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ugm-project-story{gap:5%;grid-template-columns:220px minmax(0,1fr)}}
@media(max-width:800px){.ugm-project-story{grid-template-columns:1fr}.ugm-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:30px}.ugm-portfolio-heading{align-items:flex-start;flex-direction:column;gap:18px}.ugm-project-hero{padding:0 4% 25px}}
@media(max-width:600px){.ugm-portfolio-wrap{padding:40px 22px}.ugm-portfolio-cover>.ugm-portfolio-wrap{padding-top:22px;padding-bottom:35px}.ugm-portfolio-crumbs{font-size:11px;margin-bottom:28px}.ugm-portfolio-cover h1{font-size:34px;letter-spacing:-1px}.ugm-portfolio-cover .ugm-portfolio-lead{font-size:16px}.ugm-portfolio-page .ugm-project-grid{grid-template-columns:1fr;gap:30px}.ugm-portfolio-filters{gap:8px}.ugm-portfolio-filters a{font-size:13px;padding:11px 12px;gap:12px}.ugm-portfolio-page .ugm-project h3{font-size:23px}.ugm-project-jumps{gap:8px 20px;font-size:12px}.ugm-project-hero{padding:0 0 18px}.ugm-project-story{gap:25px}.ugm-project-facts{grid-template-columns:1fr;gap:0}.ugm-project-facts dl{display:grid;grid-template-columns:1fr 1.4fr;gap:14px}.ugm-project-facts dd{margin:0 0 8px;padding-bottom:12px}.ugm-project-facts dt{margin:0}.ugm-project-facts nav{margin-bottom:25px}.ugm-project-prose p,.ugm-project-prose li{font-size:16px}.ugm-project-gallery__grid{gap:13px}.ugm-project-gallery__grid img{aspect-ratio:1.1}.ugm-portfolio-page h2{font-size:30px}.ugm-lightbox{width:100vw;height:90vh;padding:62px 10px 64px}.ugm-lightbox-prev{top:auto;bottom:8px;left:15px}.ugm-lightbox-next{top:auto;bottom:8px;right:15px}}
html[lang="zh-CN"] .ugm-portfolio-page :is(h1,h2,h3){line-height:1.3;letter-spacing:0}