@font-face {
font-family: 'Adelphe Fructidor';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorRegular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Adelphe Fructidor';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorSemiBold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Adelphe Fructidor';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorItalic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Adelphe Fructidor';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorBoldItalic.woff2') format('woff2');
font-weight: 700;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: 'Lateral';
src: url('https://laist-fonts.pages.dev/Lateral-ExtendedBlack.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-stretch: expanded;
font-display: swap;
}
@font-face {
font-family: 'Lateral';
src: url('https://laist-fonts.pages.dev/Lateral-StandardBold.woff2') format('woff2');
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lateral';
src: url('https://laist-fonts.pages.dev/Lateral-StandardRegular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Lateral';
src: url('https://laist-fonts.pages.dev/Adelphe-FructidorItalic.woff2') format('woff2');
font-weight: 400;
font-style: italic;
font-display: swap;
}
html, body {
margin: 0px;
padding: 0px;
background-color: #FFFFFF;
font-family: 'Adelphe Fructidor', Times New Roman, serif!important;
font-weight: 400;
font-style: normal;
}
h1, h2, h3 {margin:0px;}
h1 {
font-family: Lateral, Arial, sans-serif!important; font-weight:900!important; font-stretch: expanded!important;
}
h2 {
font-family: Lateral, Helvetica, Arial, sans-serif!important;
font-weight: bold!important; font-size:20px!important; line-height:1.15!important;}
h3 {
font-family: Lateral, Helvetica, Arial, sans-serif!important;
margin: 0px;
}
body, td, ul, li, p {
font-family: 'Adelphe Fructidor', Times New Roman, serif!important;
font-weight: 400;
font-style: normal;
line-height:1.75;
}
ul {padding:0px;}
li {list-style-position: outside; margin:10px 0px 20px 20px;}
h1 a, li a, h2 a {color:#141414!important; text-decoration:underline!important;}
.buttonstyles, button, .ie-frm-btn {
letter-spacing: .86px!important; font-family:Lateral, Arial, sans-serif!important;
}
.ie-b-label-box {font-family:Lateral; font-weight:400!important;}
ReadMsgBody {
width: 100%;
}
.ExternalClass {
width: 100%;
}
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div {
line-height: 100%;
}
body {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
margin: 0 !important;
}
p {
margin: 1em 0;
}
table td {
border-collapse: collapse;
}
img {
outline: 0;
}
a img {
border: none;
}
@-ms-viewport {
width: device-width;
}
@media only screen and (max-width: 670px) {
.container {
width: 100% !important;
}
.footer {
width: auto !important;
margin-left: 0;
}
.mobile-hidden {
display: none !important;
}
.logo {
display: block !important;
padding: 0 !important;
}
img {
max-width: 100% !important;
height: auto !important;
max-height: auto !important;
}
.header img {
max-width: 100% !important;
height: auto !important;
max-height: auto !important;
}
.photo img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
.drop {
display: block !important;
width: 100% !important;
float: left;
clear: both;
}
.footerlogo {
display: block !important;
width: 100% !important;
padding-top: 15px;
float: left;
clear: both;
}
.nav4, .nav5, .nav6 {
display: none !important;
}
.tableBlock {
width: 100% !important;
}
.responsive-td {
width: 100% !important;
display: block !important;
padding: 0 !important;
}
.fluid, .fluid-centered {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
.fluid-centered {
margin-left: auto !important;
margin-right: auto !important;
}
/* MOBILE GLOBAL STYLES - DO NOT CHANGE */
body, .tb_properties {
font-size: 15px !important;
line-height: 1.5 !important;
padding: 0px !important;
}
h2 {
font-size: 20px !important;
line-height: 1 !important;
}
h3 {
font-size: 12px !important;
line-height: 1 !important;
}
.mobile-hidden {
display: none !important;
}
.responsive-td {
width: 100% !important;
display: block !important;
padding: 0 !important;
}
/* END OF MOBILE GLOBAL STYLES - DO NOT CHANGE */
}
@media only screen and (max-width: 640px) {
.newslettercontainer {padding:10px!important; display:block!important; background-size:800px auto!important;}
.block {width:100%!important; display:block!important; padding:0px!important; text-align:left!important;}
table.divider {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
}
td.stroke {
width: 100% !important;
min-width: 100% !important;
max-width: 100% !important;
padding: 0 !important;
}
.container {
width: 100% !important;
display:block!important;
}
.mobile-hidden {
display: none !important;
}
.logo {
display: block !important;
padding: 0 !important;
}
.photo img {
width: 100% !important;
height: auto !important;
}
.nav5, .nav6 {
display: none !important;
}
.fluid, .fluid-centered {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
margin-left: auto !important;
margin-right: auto !important;
}
.fluid-centered {
margin-left: auto !important;
margin-right: auto !important;
}
}
@media (prefers-color-scheme: dark) {
html, body {background-color:#1B1B1B!important;}.newslettercontainer {background-color:#1B1B1B!important;}
td, h1, h2, h3, span, div, p, a, li a, ul a {color:#F1F1F1!important;}
.buttonstyles {border:1px #f1f1f1 solid!important;}
.stroke {background-color:#9F9F9F!important;}
.footerstroke {border-top:1px #DDDDDD solid!important; border-bottom:1px #9F9F9F solid!important;}
.darkmodeimage {filter: invert(1) hue-rotate(180deg) !important;}
.hidedarkmode {
display: none!important;
}
.showdarkmode {
display: inline!important;
}
}
div.preheader
{ display: none !important; }
Your free trial awaits.
@media only screen and (max-width: 670px) {
.membermessage, .memberbutton {width:100%!important; text-align:center!important; display:block!important; padding:5px 0px!important;}
.membership {width:100%!important; display:block!important; padding:7px 16px!important;}
We noticed you’re not an LAist member. We are 100% community funded now, so please help keep public media and local reporting strong by becoming a member.
DONATE NOW
VIEW ONLINE
From time to time, we send you messages such as this one from our underwriting partners. Our newsroom is not involved in their creation or messaging. These occasional messages help to support our independent journalism.
This message is from
If it gets too real…
you can always turn it off.
Jane Schoenbrun (I Saw the TV Glow) returns with TEENAGE SEX AND DEATH AT CAMP MIASMA. Get a free month to stream it now, exclusively on MUBI.
Carving up slasher conventions with surreal, campy abandon, newly-minted scream queens Hannah Einbinder and Gillian Anderson are a revelatory pairing, bringing wit, deep feeling and sultry eroticism to this visionary dissection of movie nostalgia.
WATCH NOW
LAist is part of Southern California Public Radio, 474 South Raymond Avenue, Pasadena, CA, 91105, a member-supported public media network.
About Us
LAist Staff
Unsubscribe
Contact Us
Support Us
© 2026 Southern California Public Radio - All Rights Reserved
Terms of Use
Privacy Policy
