/* Coleção Técnica • DPM. As imagens e fontes desta edição são locais. */
:root{--ocean:#102d36;--ink2:#172f36;--gold:#ffc57a;--sand:#f6f4ee;--rule:#d4d8ce;--folio:#4a6665;--content:1380px}
body{background:var(--sand);color:var(--ink2)}
.wrap{max-width:var(--content);width:calc(100% - clamp(40px,8.3vw,150px))}
:where(section[id],main[id]){scroll-margin-top:1rem}
:where(a,button,input,select):focus-visible{outline:3px solid #ac4c06;outline-offset:4px}
.mast{background:#fcfcf7;border-bottom:1px solid #d9ded4}
.mast .wrap{display:grid;grid-template-columns:1fr auto auto;gap:clamp(16px,3vw,58px);min-height:74px}
.brand{color:#173440;width:max-content}.brand img{width:42px;height:42px;object-fit:contain}.brand b{font:650 18px/1.1 var(--sans);letter-spacing:-.045em}.brand small{display:block;font:600 10px/1 var(--sans);letter-spacing:.14em;margin-top:5px;color:#4a676a}.brand small i{font-style:normal;color:#b25e16}
.toplinks{gap:clamp(15px,2.3vw,37px);font-weight:550;color:#324b50}
.toplinks a,.languages button{min-height:44px;display:inline-flex;align-items:center;justify-content:center}
.languages{border-color:#cad3ca;padding:2px;border-radius:3px;gap:0}
.languages button{min-width:38px;min-height:36px;padding:4px 7px;border-radius:1px}.languages button[aria-pressed=true]{color:white;background:var(--navy)}
.folio{display:flex;align-items:center;gap:12px;color:var(--folio);font:650 11px/1.3 var(--sans);letter-spacing:.13em;text-transform:uppercase}
.folio b{font:600 11px/1.1 var(--sans);letter-spacing:.08em}.folio i,.geo-label i{height:1px;width:29px;background:currentColor;display:inline-block}
.cover{background:#102b34;color:#fff;position:relative;overflow:hidden}
.cover::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 25% -5%,#26535c70,transparent 60%);pointer-events:none}
.cover-grid{display:grid;grid-template-columns:0.91fr 1.09fr;gap:clamp(22px,4vw,76px);position:relative;align-items:stretch;padding:clamp(27px,3.3vw,58px) 0}
.cover-copy{align-self:center;padding-block:clamp(18px,2.4vw,40px)}.cover .folio{color:#f7c47e}
.cover h1{font:500 clamp(51px,5.5vw,94px)/.99 var(--sans);letter-spacing:-.065em;margin:clamp(21px,2.1vw,38px) 0 20px}
.cover h1 em{color:#ffd08e;font:400 .93em/1.06 var(--serif);letter-spacing:-.065em}
.cover-copy>p{font:400 clamp(16px,1.28vw,21px)/1.52 var(--sans);color:#dbe7e4;max-width:43ch;text-wrap:pretty}
.cover-actions{display:flex;align-items:center;gap:clamp(14px,2.3vw,38px);margin-top:clamp(24px,2.5vw,43px);flex-wrap:wrap}
.action-primary,.action-line,.arrow-link,.field-links a{display:inline-flex;align-items:center;gap:12px;font:600 14px/1.24 var(--sans);min-height:44px}
.action-primary{background:#ffca83;color:#182f35;padding:14px 18px;border-radius:2px}.action-primary:hover{background:#ffdcac;text-decoration:none}
.action-line{color:#f0f4ed;border-bottom:1px solid #7b9799}.action-line:hover,.arrow-link:hover{text-decoration:none;border-color:currentColor}
.cover :focus-visible,.footer :focus-visible{outline-color:#ffd386}
.cover-plate{position:relative;isolation:isolate;align-self:stretch;min-height:clamp(357px,32vw,505px);overflow:hidden;background:#3d5142;margin:0;border:1px solid #adc2b24d}
.cover-plate picture,.cover-plate picture img{position:absolute;inset:0;width:100%;height:100%;display:block}.cover-plate img{object-fit:cover;object-position:50% 52%}
.cover-plate::after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,rgba(9,25,27,.92));pointer-events:none;z-index:0}
.plate-code,.plate-cross{position:absolute;top:17px}.plate-code{left:17px;background:#102d36ed;color:#fff3d7;display:flex;align-items:center;gap:7px;padding:7px 9px;font:600 10px/1 var(--sans);letter-spacing:.12em}.plate-code i{width:6px;height:6px;background:#ffd191}
.plate-cross{right:17px;width:16px;height:16px;border:solid #fff5d6;border-width:1px 1px 0 0;filter:drop-shadow(0 0 1px #172b32)}
.cover-plate figcaption{position:absolute;left:clamp(15px,2vw,32px);right:clamp(15px,2vw,32px);bottom:clamp(16px,1.8vw,28px);z-index:1;display:flex;justify-content:space-between;gap:12px;align-items:end;color:white}
.cover-plate figcaption small,.photo-meta{display:block;font:550 10px/1.5 var(--sans);letter-spacing:.1em;text-transform:uppercase}.cover-plate strong{display:block;font-size:clamp(22px,2.1vw,34px);line-height:1.2;letter-spacing:-.045em}.cover-plate strong i{color:var(--gold);font-style:normal;font-weight:400}.photo-meta{text-align:right;white-space:nowrap;letter-spacing:.075em}.photo-meta a{display:block;color:#ffda9f;text-decoration:underline;text-underline-offset:3px}
.field-section,.atlas-units,.atlas-catalogue{padding:clamp(35px,4.4vw,74px) 0}.field-section{background:var(--sand);border-bottom:1px solid var(--rule)}
.field-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,6.6vw,110px);align-items:center;margin-top:clamp(17px,2.2vw,36px)}
.geo-label{display:flex;align-items:center;gap:9px;color:#786039;font:600 11px/1.4 var(--sans);letter-spacing:.14em}.geo-label i{width:19px}
.field-copy h2,.section-intro h2{font:500 clamp(40px,4.2vw,72px)/1.02 var(--sans);letter-spacing:-.062em;color:#16363b;text-wrap:balance}
.field-copy h2{margin:14px 0 18px;max-width:12.5ch}.field-copy p,.section-intro>p{font:400 clamp(16px,1.29vw,20px)/1.55 var(--serif);color:#425955;max-width:46ch}
.field-links{display:grid;margin-top:clamp(20px,2.7vw,42px);max-width:420px}.field-links a{justify-content:space-between;gap:12px;border-top:1px solid #bcc7be;padding:11px 2px}.field-links a:last-child{border-bottom:1px solid #bcc7be}.field-links a:hover,.arrow-link:hover{color:#835011}
.comparison{margin:0}.compare-viewport{position:relative;isolation:isolate;overflow:hidden;background:#2f4438;aspect-ratio:1.92;--split:50%;direction:ltr}
.compare-viewport img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 55%}.before-image{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.compare-date{position:absolute;top:12px;background:#112d30f0;color:#fffae9;padding:6px 9px;font:600 11px/1.3 var(--sans);letter-spacing:.04em;pointer-events:none}.compare-date.first{left:12px}.compare-date.last{right:12px}
.compare-line{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff7da;pointer-events:none;transform:translateX(-50%);filter:drop-shadow(0 1px 2px #162e36)}.compare-line b{display:grid;place-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;color:#142f34;background:#ffda99;border:2px solid #fff8e5}
.compare-range{appearance:none;-webkit-appearance:none;position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y;direction:ltr}
.compare-range::-webkit-slider-thumb{-webkit-appearance:none;width:1px;height:40px}.compare-range::-moz-range-thumb{width:1px;height:40px;border:0}
.compare-viewport:has(.compare-range:focus-visible){outline:4px solid #9d4f0a;outline-offset:3px}.comparison figcaption{display:grid;gap:4px;padding:10px 0 0;color:#4d635e;font:400 12px/1.52 var(--sans)}.comparison figcaption strong{color:#274743;font-size:13px}.comparison figcaption a{color:#214f5a;text-decoration:underline;text-underline-offset:2px}
.atlas-units{background:#ebeee6;border-bottom:1px solid var(--rule)}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:25px;margin:13px 0 clamp(21px,2.6vw,40px)}.arrow-link{border-bottom:1px solid #a2afa1;color:#244b4c}.tile-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.unit-tile{position:relative;overflow:hidden;padding:clamp(20px,2vw,34px);min-width:0;display:flex;flex-direction:column;background:#163e3b;color:#fff7de}
.unit-tile[data-office=cgrrd]{background:#734228}.unit-tile[data-office=cgtec]{background:#28375d}
.tile-cap{position:relative;isolation:isolate;overflow:hidden;min-height:77px;margin:-6px -6px 14px;padding:4px 6px}.tile-cap span{position:relative;z-index:1;display:inline-block;padding:5px 7px;background:#10272ea8;border:1px solid #ffffff4d;font:600 11px/1.2 var(--sans);letter-spacing:.12em;color:#fff}
.unit-art{position:absolute;right:-5px;top:-24px;width:68%;height:125px;opacity:.57;color:#a3d4bd}.unit-tile[data-office=cgrrd] .unit-art{color:#f6c58e}.unit-tile[data-office=cgtec] .unit-art{color:#c1c8f1}
.unit-tile h3{font:550 clamp(24px,2.1vw,36px)/1.07 var(--sans);letter-spacing:-.045em;max-width:19ch}.unit-tile h3 a::after{content:"";position:absolute;inset:0}.unit-tile p{color:#f1f1e7;max-width:39ch;font:400 15px/1.53 var(--sans);margin:14px 0 24px}
.tile-base{border-top:1px solid #ffffff55;padding-top:12px;display:flex;align-items:center;justify-content:space-between;margin-top:auto;font-size:13px}.unit-tile:focus-within{outline:3px solid #a45607;outline-offset:3px}
.atlas-catalogue{background:#fcfbf6}.atlas-catalogue .section-intro>p{max-width:39ch;font:400 16px/1.45 var(--sans)}
.atlas-search{display:grid;grid-template-columns:1.3fr .95fr auto;gap:17px;align-items:end;margin:0;padding:18px 0;border-block:1px solid #ced5c9}
.atlas-search label>span:first-child,.atlas-search legend{display:block;margin:0 0 6px;padding:0;font-weight:600;font-size:12px;color:#3d5550}.query,.stage-select,.atlas-search fieldset{min-width:0}.query-input{position:relative;display:block}.query-input svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#49635b;pointer-events:none}
.atlas-search input,.atlas-search select{width:100%;min-width:0;min-height:46px;border:1px solid #98aa9c;background:#fffef9;border-radius:3px;font:400 15px var(--sans);color:#203a3b}.atlas-search input{padding:9px 12px 9px 40px}.atlas-search select{padding:8px}
.atlas-search fieldset{border:0;padding:0;margin:0}.atlas-search .filters{gap:4px}.atlas-search .filters button{border-radius:3px;border-color:#9baea2;background:transparent;padding:8px 10px;font-weight:600;min-height:46px;color:#243c3e}.atlas-search .filters button[aria-pressed=true]{background:#204740;color:white;border-color:#204740}
.result-line{display:flex;align-items:center;gap:13px;min-height:47px}.count{color:#52645a}.reset-search{border:none;background:none;text-decoration:underline;text-underline-offset:3px;color:#3c504a;font:600 13px var(--sans);min-height:44px}.cards{gap:12px}.atlas-catalogue .cards{margin-top:0}
.product{border:1px solid #cbd5c9;border-top:2px solid var(--unit);border-radius:3px;padding:clamp(17px,1.55vw,26px);gap:12px;background:#fffefa}.product h3{font-size:clamp(20px,1.6vw,27px);color:#203d40;letter-spacing:-.037em}.product .tag{border:1px solid #d8e0d5;background:transparent;border-radius:2px}.product .stage{border-color:#d6ddd1}.product:hover,.product:focus-within{border-color:var(--unit)}
.footer{background:#142f37;color:#f4f3e7}.footer .wrap>div:first-child{display:grid;gap:5px}.footer strong{font:600 21px var(--sans);letter-spacing:-.03em}.footer a{font-size:14px;text-decoration:underline;text-underline-offset:3px}.sig span+span{border-color:#efac62}
.detail .hero{background:linear-gradient(110deg,#132f39,#1f434a);border-bottom:3px solid #d89851}.detail .hero:before{opacity:.08}.detail .hero h1{font-weight:550}.detail .hero .button{border-radius:2px}.detail .hero .button.primary{background:#ffd08d}.detail .section h2,.detail .copy h3{color:#214249}.detail .factbox{border-radius:0;background:#0f2c3580}.detail .section{border-color:var(--rule)}
html[lang=zh-CN] :is(.cover h1,.cover h1 em,.field-copy h2,.section-intro h2,.unit-tile h3,.brand b){letter-spacing:.015em;line-height:1.19}
@media (max-width:1000px){.atlas-search{grid-template-columns:1.22fr 1fr}.atlas-search fieldset{grid-column:1/-1}.cover h1{font-size:clamp(45px,5.7vw,66px)}.field-grid{gap:30px}.tile-grid{gap:10px}}
@media (max-width:850px){.toplinks>a{display:inline-flex}.toplinks{gap:15px}.cover-grid{gap:22px;grid-template-columns:1fr 1fr}.cover-plate{min-height:330px}.tile-cap{min-height:58px}.section-intro{align-items:start}.unit-tile{padding:18px}}
@media (max-width:700px){.wrap{width:calc(100% - 36px)}.mast .wrap{grid-template-columns:1fr auto;gap:0 16px;padding-top:8px;min-height:0}.brand img{width:36px;height:36px}.brand b{font-size:17px}.brand small{font-size:9px}.mast .languages{grid-column:2;grid-row:1}.languages button{min-width:36px;min-height:38px}.toplinks{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:10px;border-top:1px solid #e0e5dd;margin-top:7px;font-size:13px}.toplinks a{min-height:41px}.cover-grid{grid-template-columns:1fr;padding:27px 0 19px;gap:23px}.cover-copy{padding:0}.cover h1{font-size:clamp(43px,9.5vw,66px);margin:16px 0 13px}.cover-copy>p{font-size:16px;max-width:44ch}.cover-actions{margin-top:18px;gap:19px}.action-primary,.action-line{font-size:13px}.action-primary{padding:12px 14px}.cover-plate{aspect-ratio:1.94;min-height:0}.plate-code{top:10px;left:10px;font-size:9px}.plate-cross{right:11px;top:11px}.cover-plate figcaption{left:12px;right:12px;bottom:11px}.cover-plate strong{font-size:21px}.cover-plate figcaption small,.photo-meta{font-size:9px}
.field-grid{grid-template-columns:1fr;gap:22px}.field-copy h2{max-width:18ch;margin:9px 0 12px}.field-copy p{max-width:55ch}.field-links{margin-top:14px;max-width:none}.compare-viewport{aspect-ratio:1.55}.section-intro{flex-direction:column;gap:8px}.tile-grid{grid-template-columns:1fr}.tile-cap{min-height:46px;margin-bottom:10px}.unit-art{width:47%;top:-32px}.unit-tile h3{max-width:none}.unit-tile p{margin:10px 0 16px;max-width:54ch}.atlas-search{grid-template-columns:1fr 1fr;gap:14px}.atlas-search fieldset{grid-column:1/-1}.atlas-catalogue .cards{grid-template-columns:1fr}.footer .wrap{align-items:start;gap:24px}}
@media (max-width:450px){.atlas-search{grid-template-columns:1fr;gap:12px}.field-copy h2,.section-intro h2{font-size:39px}.atlas-search .filters{gap:5px}}
@media (prefers-reduced-motion:no-preference){.action-primary,.product,.field-links a{transition:background-color .18s,border-color .18s,color .18s}.tile-base svg,.arrow-link svg{transition:transform .2s}.unit-tile:hover .tile-base svg,.arrow-link:hover svg{transform:translateX(3px)}}
@media (forced-colors:active){.compare-line,.compare-line b{border:2px solid ButtonText}.compare-viewport:has(.compare-range:focus-visible){outline:3px solid Highlight}}


@media(max-width:420px){
  .mast .wrap{grid-template-columns:minmax(0,1fr) auto;column-gap:7px}
  .brand{gap:6px;max-width:100%}.brand b{font-size:15px}.brand img{width:32px;height:32px}
  .languages button{min-width:33px;padding-inline:5px}
  .cover-actions{column-gap:12px}.action-primary,.action-line{gap:7px}
}