.hk-fair-art { position:absolute; inset:0; overflow:hidden; color:#fff; background:#102b4b; font-family:Arial,Helvetica,sans-serif; }
.hk-fair-art > .hk-fair-background { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; }
.hk-fair-content { position:absolute; inset:7% 7%; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; gap:16px; }
.hk-fair-brand { width:250px; max-width:65%; height:auto; }
.hk-fair-official { position:absolute; top:0; right:0; width:220px; aspect-ratio:440/193; overflow:hidden; background:white; border:10px solid white; box-sizing:content-box; }
.hk-fair-official img { display:block; width:334.09091%; max-width:none; height:auto; }
.hk-fair-heading { margin:48px 0 0; font-size:32px; line-height:1.15; font-weight:400; }
.hk-fair-booth { margin:0; font-size:46px; line-height:1.1; font-weight:700; }
.hk-fair-date { margin:0; font-size:24px; line-height:1.3; }
.hk-fair-venue { margin:0; max-width:450px; font-size:18px; line-height:1.4; }
.hk-fair-slogan { margin:10px 0 0; font-size:16px; }
.home-v2-2 .portfolio-slide--hk-fair .portfolio-slide-shade { display:none; }
.home-v2-2 .portfolio-slide--hk-fair .portfolio-slide-copy { inset:0; width:100%; height:100%; max-width:none; transform:none; padding:0; }
.home-v2-2 .portfolio-slide--hk-fair .portfolio-slide-copy a { position:absolute; inset:0; display:block; border:0; border-radius:0; background:none; color:transparent; padding:0; font-size:0; }
.home-v2-2 .portfolio-slide--hk-fair .portfolio-slide-copy a:focus-visible { outline:3px solid white; outline-offset:-8px; }
.home-v2-2 .portfolio-slide[data-position="3"], .home-v2-2 .portfolio-slide[data-position="-3"] { opacity:0; pointer-events:none; transform:translate3d(110%,0,0); clip-path:inset(0 46.428571% round var(--card-radius)); }
@media(max-width:1100px) {
 .hk-fair-brand { width:190px; }
 .hk-fair-official { width:170px; border-width:7px; }
 .hk-fair-heading { font-size:26px; margin-top:40px; }
 .hk-fair-booth { font-size:34px; }
 .hk-fair-date { font-size:20px; }
 .hk-fair-venue { font-size:16px; }
}
@media(min-width:641px) and (max-height:760px) {
 .hk-fair-content { gap:5px; }
 .hk-fair-brand { width:180px; }
 .hk-fair-official { width:170px; border-width:7px; }
 .hk-fair-heading { font-size:26px; margin-top:8px; }
 .hk-fair-booth { font-size:32px; }
 .hk-fair-date { font-size:18px; }
 .hk-fair-venue { font-size:14px; }
 .hk-fair-slogan { font-size:12px; margin-top:0; }
}
@media(max-width:640px) {
 .hk-fair-content { inset:5%; justify-content:center; align-items:center; text-align:center; gap:6px; }
 .hk-fair-official { position:relative; top:auto; right:auto; order:-1; width:115px; border-width:5px; flex-shrink:0; }
 .hk-fair-brand { width:150px; max-width:90%; margin-top:4px; }
 .hk-fair-heading { font-size:17px; margin:8px 0 0; }
 .hk-fair-booth { font-size:21px; }
 .hk-fair-date { font-size:15px; }
 .hk-fair-venue { font-size:11px; }
 .hk-fair-slogan { font-size:11px; margin-top:6px; }
 .hk-fair-art > .hk-fair-background { object-position:70% center; filter:brightness(.7); }
}