@font-face{font-family:'Cover Display';src:url('assets/fonts/Anton-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
.portfolio>.cover.vietnamese-cover{position:relative;display:block;height:clamp(560px,100svh,780px);min-height:0;padding:0;background:var(--theme-cream)}
.vietnamese-cover-stage{position:absolute;inset:60px 0 60px;container-type:inline-size;overflow:hidden}
.vietnamese-cover-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none}
.vietnamese-cover-label,.vietnamese-cover-name{position:absolute;z-index:1;font-family:Georgia,'Times New Roman',serif;font-weight:400;color:var(--theme-ink);font-style:normal;line-height:1.3;white-space:nowrap;margin:0}
.vietnamese-cover-label{left:6.5%;top:22%;font-size:clamp(22px,2.6cqw,34px)}
.vietnamese-cover-name{right:6.5%;top:53%;font-size:clamp(22px,2.6cqw,34px)}
.vietnamese-cover h1{position:absolute;z-index:1;left:6%;right:6%;top:31%;margin:0;padding:0;text-align:center;font-family:'Cover Display',Impact,sans-serif;font-weight:400;font-style:normal;letter-spacing:.01em;line-height:1.15;font-size:clamp(44px,9cqw,108px);white-space:nowrap;color:var(--theme-ink);text-shadow:2px 3px 0 var(--theme-pink);font-synthesis:none}
.vietnamese-cover>.page-bridge{position:absolute;bottom:18px;left:38px;right:38px;width:auto;max-width:none;margin:0}
@media screen and (max-width:767px){.portfolio>.cover.vietnamese-cover{height:clamp(620px,100svh,820px)}.vietnamese-cover-stage{inset:60px 0 60px}.vietnamese-cover-background{object-fit:cover;object-position:center}.vietnamese-cover-label{left:7%;top:13%;font-size:22px}.vietnamese-cover h1{left:7%;right:7%;top:24%;font-size:clamp(38px,12cqw,76px);white-space:normal;line-height:1.15;letter-spacing:.015em}.vietnamese-cover-name{right:7%;top:57%;font-size:22px}.vietnamese-cover>.page-bridge{left:24px;right:24px}}
@media print{.portfolio>.cover.vietnamese-cover{height:185mm;min-height:0;padding:0;break-after:page}.vietnamese-cover-stage{inset:0 0 14mm}.vietnamese-cover h1{font-size:65pt;top:31%}.vietnamese-cover-label,.vietnamese-cover-name{font-size:23pt}.vietnamese-cover>.page-bridge{left:10mm;right:10mm;bottom:4mm}}
@media screen and (min-width:768px){.vietnamese-cover-label{top:18.5%}.vietnamese-cover h1{top:29%}.vietnamese-cover-name{top:48%}}