Living and dying through B.C.’s overdose crisis

.gi-media-card{position:relative;overflow:hidden;left:calc(50% - 50vw);width:100vw;margin:2rem 0;z-index:0}@media (min-width: 768px){.gi-media-card{margin-top:2.2rem;margin-bottom:3rem}}.gi-media-card.gi-media-card--credit{margin-bottom:0}.gi-media-card__wrapper{height:100vh}.gi-media-card__bg{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;width:100%;height:100vh;background-color:#dcd9d7;z-index:-1}.gi-media-card__bg .gi-media-card__asset:first-child{opacity:1}.gi-media-card__bg.fixed{position:fixed;top:0;width:100vw;height:100vh}.gi-media-card__bg.bottom{position:absolute;top:auto;bottom:0}.gi-media-card__asset{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;-webkit-transition:opacity .25s linear;transition:opacity .25s linear;height:100vh;background-color:#fff}.js-gi-mediacard.light .gi-media-card__asset{background-color:#fff}.js-gi-mediacard.dark .gi-media-card__asset{background-color:#0a0a0a}.gi-media-card__asset.active{opacity:1}.gi-media-card__asset.remove{display:none}.gi-media-card__media{display:block;width:100%;height:100vh;-o-object-fit:cover;object-fit:cover;font-family:'object-fit: cover;'}@media (orientation: portrait){.gi-media-card__media.contain-portrait{-o-object-fit:contain;object-fit:contain;font-family:'object-fit: contain;'}}@media (orientation: landscape){.gi-media-card__media.contain-landscape{-o-object-fit:contain;object-fit:contain;font-family:'object-fit: contain;'}}.gi-media-card__fg{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.gi-media-card__fg img{display:block;width:100%}@media (min-width: 768px){.gi-media-card__fg.gi-media-card__fg--left{margin-left:-50vw}.gi-media-card__fg.gi-media-card__fg--right{margin-right:-50vw}}@media (orientation: landscape){.gi-media-card__fg.gi-media-card__fg--left{margin-left:-50vw}.gi-media-card__fg.gi-media-card__fg--right{margin-right:-50vw}}.gi-media-card__caption{margin-bottom:125vh;width:calc(100% - 2.5rem);color:#fff;background-color:#0a0a0a;-webkit-box-shadow:rgba(0,0,0,0.1) 2px 2px 5px;box-shadow:rgba(0,0,0,0.1) 2px 2px 5px}@media (orientation: landscape){.gi-media-card__caption.gi-media-card__caption--left{-ms-flex-item-align:start;align-self:flex-start;margin-left:4vw}.gi-media-card__caption.gi-media-card__caption--centre{-ms-flex-item-align:center;align-self:center}.gi-media-card__caption.gi-media-card__caption--right{-ms-flex-item-align:end;align-self:flex-end;margin-right:4vw}}.gi-media-card__caption p{margin:0;font-family:"Pratt",Georgia,"Times New Roman",Times,serif;font-size:1.125rem;line-height:1.4;margin-bottom:10px;letter-spacing:.0125rem}@media (min-width: 992px){.gi-media-card__caption p{font-size:1.35rem;line-height:1.45}}@media (min-width: 768px){.gi-media-card__caption{max-width:620px}}.gi-media-card__caption i{font-family:"Pratt-Italic",Georgia,"Times New Roman",Times,serif;font-style:normal}.gi-media-card__caption b{font-family:"Pratt-Bold",Georgia,"Times New Roman",Times,serif;font-weight:normal}.gi-media-card__caption a{color:#fff !important;border-bottom:1px solid #fff !important;text-decoration:none !important}.gi-media-card__caption a:hover{color:#da161f !important;border-bottom:1px solid #da161f !important}.gi-media-card__text{padding:1.2rem 1.5rem 1rem 1.5rem}@media (min-width: 768px){.gi-media-card__text{padding:1.4rem 1.8rem 1.3rem}}.gi-media-card__text :last-child{margin-bottom:0}.gi-media-card__title{font-family:"Pratt-Bold",Georgia,"Times New Roman",Times,serif;font-size:1.4rem;line-height:1.3;letter-spacing:.0125rem;color:#fff;margin-bottom:.75rem}.gi-media-card__title b{font-family:"Pratt-Bold",Georgia,"Times New Roman",Times,serif}.gi-media-card__title span{font-family:"Pratt",Georgia,"Times New Roman",Times,serif}@media (min-width: 768px){.gi-media-card__title{font-size:1.8rem;line-height:1.3;margin-bottom:1rem}}.gi-media-card__credit{position:absolute;bottom:.4rem;left:1rem;font-family:"GMsanC-Regular","Helvetica Neue",Helvetica,Arial,sans-serif;font-size:.65rem;color:#000;text-transform:uppercase;line-height:1.5;letter-spacing:.0625rem}.js-gi-mediacard.light .gi-media-card__credit{color:#000;text-shadow:0px 0px 20px rgba(255,255,255,0.6)}.js-gi-mediacard.dark .gi-media-card__credit{color:#fff;text-shadow:0px 0px 20px rgba(0,0,0,0.6)}@media (min-width: 768px){.gi-media-card__credit{font-size:.75rem}}.gi-lazyimage,.gi-lazyimage--autosizes{opacity:0;-webkit-transition:opacity 500ms;transition:opacity 500ms}.gi-lazyimage--loaded{opacity:1} @media (min-width: 768px) { .gi-component.gi-image-layout-component .gi-image-layout_group.two_three.gilb_solo { max-width: 460px; } } .gi-image-layout_group.extra_wide.three_two.gilb_fourmid img.gi-media { #margin-bottom: 0px; } .js-gi-mediacard.light.gilb-mediacard { margin-bottom: 2rem; } .gi-component.gi-image-layout-component.gilb_topseqimg { margin-top: 2rem; } .gi-component.gi-image-layout-component.gilb_botseqimg { margin-bottom: 2rem; } .gi-component.gi-image-layout-component.gilb_topbotseqimg { margin-top: 2rem; margin-bottom: 2rem; } .gi-image-layout_group__media.gilb-group-moretwo.gilb-group-toprow { #padding-bottom: 1rem; } @media (max-width: 768px) { .gi-image-layout_group__media.gilb-group-top { padding-bottom: 1rem; } .gi-image-layout_group__media.gilb-group-bottom { padding-top: 0rem; } } .gi-component.gi-image-layout-component .gi-image-layout_group-caption { margin-bottom: 0rem; } .gi-component.gi-image-layout-component .gi-image-layout_group-caption_credit { display: none; } .gi-media-card__caption { color: #0a0a0a; background-color: #ffffff; } .gi-media-card__caption.gi-media-card__caption--centre { background: none; box-shadow: none; } .gi-media-card__caption p { text-align: center; } p.c-article-media__credit { font-size: 1rem; line-height: 24px; font-family: GMsanC-Regular, Arial, Helvetica, sans-serif; color: #555; letter-spacing: .0125rem; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; margin-bottom: 0rem; } .gi-media-card__title { color: #fff; text-align: center; margin-bottom: 0rem; font-family: "Pratt-Bold", Georgia, "Times New Roman", Times, serif; font-size: 5rem; line-height: 1; letter-spacing: .0125rem; } @media (min-width: 768px) { .gi-media-card__title { font-size: 8rem; line-height: 1; } } Underexposed is a year-long photojournalism project dedicated to shedding light on the unseen lives of Canadians in every province and territory. Learn more and share your thoughts with The Globe.