.hero{background:#273b3d;min-height:530px}
.ip{display:grid;grid-template-columns:1fr 1.9fr;gap:48px;align-items:center}
@media(max-width:1100px){.ip{grid-template-columns:1fr;gap:22px}}
#company .intro{grid-template-columns:minmax(0,1fr) minmax(0,2.5fr);gap:40px;align-items:start}
#company .intro>div{min-width:0}
#company .intro p{max-width:none;line-height:1.9;text-align:left}
@media(max-width:700px){#company .intro{grid-template-columns:minmax(0,1fr);gap:24px}}
.hero>img:first-child{object-position:75% top}
@media(min-width:701px){section.hero{min-height:max(560px,39vw)}}
@media(max-width:700px){.hero>img:first-child{aspect-ratio:4/3;object-position:center top}}
.hero:after{background:linear-gradient(90deg,rgba(17,33,35,.84),rgba(17,33,35,.58) 32%,rgba(17,33,35,0) 65%)}
.hero-content{min-height:530px;padding:60px 0 76px}
.hero h1{font-size:54px;max-width:510px}
.hero small{max-width:calc(100% - 48px);line-height:1.5}
.campus-grid{gap:48px}
.showroom-media.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.showroom-media.photo-gallery img{width:100%;height:100%;object-fit:cover;object-position:center;aspect-ratio:auto;background:none}
.showroom-media.photo-gallery figure a{display:block;min-height:0;aspect-ratio:4/3;overflow:hidden}
.certificate-link{display:block;width:100%;height:100%;cursor:zoom-in}
.certificate-link:focus-visible{outline:3px solid #087db4;outline-offset:4px}
.document-mount:focus-within{z-index:5}
.capabilities{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px}
.capability{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;border:0;border-radius:0;border-bottom:1px solid var(--line);padding-bottom:24px;min-width:0}
.capability img{width:100%;height:auto;min-height:0;aspect-ratio:3/4;object-fit:cover}
.capability>div{padding:12px 0;min-width:0;overflow-wrap:anywhere}
.capability:nth-child(n+4)>img{grid-column:2;grid-row:1}
.capability:nth-child(n+4)>div{grid-column:1;grid-row:1}
@media(max-width:700px){.capabilities{grid-template-columns:minmax(0,1fr)}.capability{gap:20px}}
.capability .number{margin-bottom:10px}
.capability h3{font-size:21px}
.capability p{font-size:14px;max-width:42em}
.campus-place:last-child{display:grid;grid-template-columns:minmax(210px,.65fr) minmax(0,1.35fr);column-gap:40px;border-top:1px solid var(--line);padding-top:30px;align-items:start}
.campus-place:last-child .place-heading{border:0;padding:0;grid-column:1;grid-row:1}
.office-view{grid-column:2;grid-row:1 / span 2;background:#f1f3f2}
.office-view>img{height:440px;object-fit:contain;aspect-ratio:auto}
.office-view>a{display:block;cursor:zoom-in}
.office-view>a>img{width:100%;height:560px;object-fit:contain}
@media(max-width:700px){.office-view>a>img{height:auto;aspect-ratio:3/4;object-fit:contain}}
.office-thumbnails{grid-column:1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:30px}
.office-thumbnails img{height:84px;object-fit:contain;background:#f1f3f2}
.image-viewer{border:0;padding:0;width:min(1100px,calc(100% - 32px));max-height:calc(100dvh - 32px);background:#fff;color:var(--ink)}
.image-viewer::backdrop{background:#101819de}
.viewer-toolbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}
.viewer-toolbar strong{flex:1;font-size:15px;overflow-wrap:anywhere}
.viewer-toolbar button{width:42px;height:42px;border:1px solid var(--line);background:white;font-size:24px;flex-shrink:0}
.viewer-image{width:100%;height:min(72dvh,760px);object-fit:contain;background:#f1f3f2}
.viewer-caption{padding:12px 16px;font-size:12px;color:var(--muted)}
.campus-place:last-child:has(.office-large-gallery){display:block}
.office-large-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;align-items:start}
.office-large-gallery>a{display:block;min-width:0;aspect-ratio:4/3;overflow:hidden;cursor:zoom-in}
.office-large-gallery img{display:block;width:100%;height:100%;max-height:none;object-fit:cover;object-position:center}
@media(min-width:1280px){body:not([data-lang=zh]) .header-inner{height:auto;min-height:108px;display:grid;grid-template-columns:90px 1fr auto;gap:12px 32px;padding:12px 0}body:not([data-lang=zh]) .nav{display:grid;grid-template-columns:repeat(5,max-content);justify-content:center;column-gap:26px;row-gap:0}body:not([data-lang=zh]) .nav a{padding:6px 0}}
@media(max-width:700px){.hero{min-height:0;background:#fff;color:var(--ink);display:block;overflow:visible}.hero>img{position:relative;width:100%!important;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:75% center;mask-image:none}.hero:after{display:none}.hero-content{min-height:0;padding:28px 0 62px}.hero .eyebrow{color:var(--blue);font-size:11px}.hero h1{font-size:36px}.hero-company{color:var(--muted)}.hero p{color:var(--muted);font-size:15px;margin:16px 0}.hero-link{color:var(--ink);border-color:var(--line)}.hero small{background:none;color:var(--muted);bottom:14px;left:18px;right:18px;font-size:10px;padding:0}.photo-gallery{grid-template-columns:1fr!important}.photo-gallery img{aspect-ratio:auto}.campus-place:last-child{grid-template-columns:1fr;gap:20px}.campus-place:last-child .place-heading,.office-view,.office-thumbnails{grid-column:1;grid-row:auto}.office-view>img{height:auto;max-height:480px;aspect-ratio:4/3}.office-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));margin:0}.office-thumbnails img{height:55px}.viewer-toolbar{padding:8px;gap:6px}.viewer-toolbar button{width:36px;height:36px}.viewer-image{height:60dvh}}