.complete-aera{position:relative;container-type:inline-size;aspect-ratio:4/5.4;overflow:hidden;color:#203439;background:#eef0ec}.complete-aera>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.complete-aera:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(13,27,30,.12) 76%,rgba(13,27,30,.82) 100%)}.complete-aera .aera-copy{position:absolute;top:16%;left:8%;right:8%;z-index:1}.complete-aera .aera-copy h2{font-size:9.2cqw;font-weight:400;line-height:1.09;letter-spacing:-.045em;margin:0}.complete-aera .aera-copy p{font-size:2.6cqw;line-height:1.6;margin:5% 0 0;color:#203439}.complete-aera .aera-signature{position:absolute;bottom:7%;left:8%;z-index:1;color:#eef0ec}.aera-signature strong{display:block;font-size:5.3cqw;letter-spacing:.23em;font-weight:500;line-height:1.1}.aera-signature small{display:block;font:1.5cqw/1.5 'IBM Plex Mono',monospace;letter-spacing:.1em;margin-top:6px}.aera-signature>span{display:inline-block;font-size:2.2cqw;margin-top:14px;border-bottom:1px solid #a6b5a5;padding-bottom:4px}.brand-poster-frame{background:white;border-radius:20px;padding:16px}.brand-poster-frame>a{display:block}.poster-full{width:min(740px,100%);margin:24px auto;padding:0 20px}.poster-full>a{display:block;margin-bottom:16px;font-size:14px}
.poster-open{display:block;width:100%;padding:0;border:0;background:none;text-align:left;cursor:zoom-in}.poster-dialog{width:min(800px,94vw);max-width:94vw;max-height:94vh;padding:48px 20px 20px;border:0;border-radius:16px;overflow:auto;background:#fff}.poster-dialog::backdrop{background:rgba(0,0,0,.75)}.poster-close{position:sticky;top:0;display:block;margin:-38px 0 8px auto;width:36px;height:36px;border:0;border-radius:50%;background:#18181b;color:white;font-size:26px;line-height:1;z-index:5}.poster-dialog-content{width:100%}

.poster-dialog{padding:64px 20px 20px}.poster-close{position:sticky;top:0;margin:-52px 0 16px auto;padding:0;display:grid;place-items:center;width:36px;height:36px;font-size:0;flex-shrink:0}.poster-close::before,.poster-close::after{content:'';position:absolute;width:16px;height:2px;background:currentColor;border-radius:1px;left:10px;top:17px;transform:rotate(45deg)}.poster-close::after{transform:rotate(-45deg)}

.poster-dialog{padding:0 20px 20px}.poster-toolbar{position:sticky;top:0;z-index:10;height:64px;display:flex;align-items:center;justify-content:flex-end;background:#fff;flex-shrink:0}.poster-toolbar .poster-close{position:relative;top:auto;margin:0;padding:0;display:grid;place-items:center}

.brand-composition{display:grid;grid-template-columns:repeat(20,minmax(0,1fr));align-items:start;isolation:isolate}.brand-composition .brand-poster-frame{grid-column:1/19;grid-row:1;padding:8px;border-radius:12px}.detail-brand-guide{grid-column:10/-1;grid-row:1;margin-top:170px;position:relative;z-index:2;background:white;padding:20px;color:#203439;box-shadow:0 16px 40px #20343915}.detail-brand-guide .brand-micro{display:block;font:8px/1.5 'IBM Plex Mono',monospace;letter-spacing:.06em;text-transform:uppercase;color:#6d6d77}.detail-brand-guide .aera-wordmark{font-size:27px;font-weight:500;letter-spacing:.19em;margin:14px 0 22px}.detail-brand-guide .aera-wordmark>span{display:block;font:6px/1.6 'IBM Plex Mono',monospace;letter-spacing:.09em;margin-top:6px}.detail-brand-guide .brand-guide-rule{padding:12px 0;border-top:1px solid #ddd}.draft-hero .detail-brand-guide p{font-size:10px;line-height:1.65;margin:7px 0 0;color:#203439}.detail-brand-guide .brand-logo-spec{display:inline-block;margin-top:10px;padding:8px;border:1px dashed #a6b5a5;font-size:22px;letter-spacing:.2em}.detail-brand-guide .brand-type-sample{display:flex;align-items:center;gap:8px;font-size:28px;margin-top:8px}.detail-brand-guide .brand-type-sample span{font-size:8px;font-weight:400}.detail-brand-guide .aera-swatches{display:flex;gap:9px;margin-top:10px}.detail-brand-guide .aera-swatches span{font:8px/1.6 monospace}.detail-brand-guide .aera-swatches i{display:block;width:28px;height:24px;margin-bottom:5px;border:1px solid #ddd}.detail-brand-guide .aera-ink{background:#203439}.detail-brand-guide .aera-mist{background:#eef0ec}.detail-brand-guide .aera-sage{background:#a6b5a5}.poster-dialog .detail-brand-guide{margin-top:230px;padding:26px}.poster-dialog .detail-brand-guide p{font-size:13px;line-height:1.6;margin:8px 0;color:#203439}@media(max-width:600px){.detail-brand-guide{margin-top:135px;padding:14px}.poster-dialog .detail-brand-guide{margin-top:130px;padding:14px}.poster-dialog .detail-brand-guide p{font-size:10px}.detail-brand-guide .aera-swatches{gap:5px}.detail-brand-guide .aera-swatches i{width:24px}.detail-brand-guide .brand-type-sample{flex-wrap:wrap}}