@font-face{font-family:"Nimbus Sans Narrow";src:url("assets/fonts/NimbusSansNarrow-Regular.otf") format("opentype");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"Nimbus Sans Narrow";src:url("assets/fonts/NimbusSansNarrow-Bold.otf") format("opentype");font-style:normal;font-weight:700;font-display:swap}
.asia-cover{display:grid!important;grid-template-columns:40% 60%;aspect-ratio:1200/750;background:#f4f0e7!important}
.asia-cover-copy{padding:7% 7% 6%;display:flex;flex-direction:column;justify-content:center}
.asia-cover-copy small{font-size:8px;letter-spacing:.18em;color:#8a735f;margin-bottom:8%}
.asia-cover-copy strong{font-family:"Nimbus Sans Narrow","Arial Narrow",Arial,sans-serif;font-size:clamp(66px,9.2vw,142px);line-height:.84;letter-spacing:.005em;font-weight:700;color:#8f4f30}
.asia-cover-copy strong i{font-style:normal;color:#efa915}
.asia-cover-copy b{border-top:6px solid #476a9b;margin-top:8%;padding-top:5%;font-size:clamp(16px,2vw,30px);letter-spacing:.02em;color:#8f4f30}
.asia-cover>img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.project:hover .asia-cover>img{transform:scale(1.055)}
@media(max-width:800px){.asia-cover{grid-template-columns:42% 58%}.asia-cover-copy small{display:none}.asia-cover-copy strong{font-size:10vw}.asia-cover-copy b{border-top-width:4px;font-size:3.2vw}}

/* Keep the homepage preview in sync with the live communication project. */
.brand-cover{position:relative}
.brand-cover-title{position:absolute;z-index:2;left:3%;top:14%;width:42%;height:52%;padding:2.5% 1.3%;background:#f5f1e8;display:flex;flex-direction:column;align-items:flex-start;font-family:"Nimbus Sans Narrow","Arial Narrow",Arial,sans-serif;line-height:.86}
.brand-cover-title small{font-family:Manrope,sans-serif;font-size:clamp(4px,.48vw,8px);font-weight:600;line-height:1;letter-spacing:.18em;color:#9b7547;margin:0 0 7%}
.brand-cover-title strong,.brand-cover-title em{font-size:clamp(30px,4.8vw,70px);font-weight:700;font-style:normal;letter-spacing:.005em}
.brand-cover-title em{color:#d48793;margin-top:.12em}
@media(max-width:800px){.brand-cover-title{top:15%;height:48%;width:42%}.brand-cover-title small{display:none}.brand-cover-title strong,.brand-cover-title em{font-size:7.7vw}}