:root{--pink:#ff176f;--red:#e51524;--yellow:#f4e900;--cream:#f4efe8}
*{box-sizing:border-box}
html,body{margin:0;background:#050505;color:var(--cream);font-family:Arial,sans-serif}
body.article-open>#entry,body.article-open>#home{display:none!important}
button{font:inherit;color:inherit;cursor:pointer}
.entry{min-height:100vh;background:#030303 url('entry-approved.png') center/cover no-repeat}
.entry-copy{width:60%;min-height:100vh;padding:5vh 7vw;background:linear-gradient(90deg,#000 55%,transparent)}
.kicker{letter-spacing:.25em}.kicker span{color:var(--yellow)}
h1,.brand,h2{font-family:Georgia,serif}
.entry h1{font-size:8vw;line-height:.78;margin:5vh 0}
.entry-headline{font-size:4.2vw;font-weight:900;line-height:.9}.entry-headline b{color:var(--pink)}
.entry button,.home-copy button{border:0;background:var(--yellow);color:#050505;font-weight:900;padding:18px 28px}
header{height:72px;border-bottom:1px solid var(--red);display:flex;align-items:center;padding:0 4vw;gap:30px}
.brand{background:0;border:0;font-size:2.2vw;margin-right:auto}
nav{display:flex;gap:2.5vw}nav button{background:0;border:0;letter-spacing:.12em}
.back-home{display:block;width:max-content;margin:16px 4vw;padding:7px 0;border:0;border-bottom:1px solid var(--red);background:transparent;color:#fff;font-size:13px;font-weight:700;letter-spacing:.14em}
.back-home:hover{color:var(--red)}
.home-hero{position:relative;min-height:680px;display:grid;grid-template-columns:52% 48%;overflow:hidden}.closed-read{display:none;position:absolute;left:1.1%;top:40.4%;width:132px;height:34px;z-index:20;border:0;background:transparent;color:transparent;padding:0;cursor:pointer}
.home-copy{position:relative;padding:4vw 5vw}.feature-close{position:absolute;top:18px;right:22px;padding:0!important;border:0!important;background:transparent!important;color:#fff!important;font:300 27px/1 Arial!important;opacity:.9}.feature-close:hover{opacity:1;transform:scale(1.1)}.home-copy>span,.article-title>span{background:var(--yellow);color:#111;padding:7px 16px;font-family:Georgia}
.home-hero.feature-closed{display:block}.home-hero.feature-closed .home-copy{display:none}.home-hero.feature-closed .home-model{min-height:680px;background-size:104.17% auto;background-position:right -78px}.home-hero.feature-closed .closed-read{display:block}
.home-copy h1{font-size:5.5vw;line-height:.9}.home-copy p{font:italic 2vw Georgia;color:var(--yellow)}.home-copy button{background:var(--red);color:#fff}
.home-model{background-image:url('homepage.png');background-position:right -78px;background-size:208.34% auto;background-repeat:no-repeat}
.drama{display:grid;grid-template-columns:2fr 1fr;gap:36px;padding:26px 4vw;border-top:1px solid var(--red)}
h2{color:var(--red)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.cards button,.most button{background:#090909;border:1px solid var(--red);padding:22px;text-align:left}.cards small{color:var(--pink)}.cards strong{display:block;font:22px/1.25 Georgia;margin-top:15px}.most{border-left:1px solid var(--red);padding-left:24px}.most button{width:100%;border-width:0 0 1px}.most b{color:var(--red);font:26px Georgia;margin-right:20px}
.article-hero{min-height:520px;background:#050505;overflow:hidden}.article-image{position:relative;min-height:520px;background-image:url('article-v2.png');background-position:right -62px;background-size:104.17% auto;background-repeat:no-repeat}.article-image:after{content:"Sun, beaches, lies—and a credit card that’s still recovering.";position:absolute;left:4.35%;top:39%;z-index:2;width:39%;padding:5px 7px;background:#e51524;color:#fff;font:400 17px/1.35 Georgia}
.article-continuation{display:grid;grid-template-columns:90px minmax(300px,760px) 310px;gap:42px;max-width:1200px;margin:0 auto;padding:58px 25px 90px;background:#050505}.continuation-share{display:flex;flex-direction:column;align-items:center;gap:25px;border-right:1px solid var(--red);color:#fff}.continuation-share small{color:var(--red);font-weight:700}.continuation-copy{font:400 16px/1.55 Georgia;color:#eee}.continuation-copy p{margin:0 0 22px}.article-continuation blockquote{border:1px solid var(--red);padding:32px;margin:0;color:var(--red);font:34px/1.3 Georgia;align-self:start}
article{display:grid;grid-template-columns:minmax(300px,760px) 310px;gap:50px;max-width:1150px;margin:auto;padding:55px 25px}.prose{font:22px/1.45 Georgia}.lede:first-letter{font-size:100px;float:left;line-height:.8;color:var(--red)}blockquote{border:1px solid var(--red);padding:32px;margin:0;color:var(--red);font:40px/1.3 Georgia}
@media(max-width:800px){.entry-copy{width:100%;padding:35px 24px}.entry h1{font-size:18vw}.entry-headline{font-size:10vw}header{height:auto;padding:18px;flex-wrap:wrap}.brand{font-size:25px;width:100%;text-align:left}nav{overflow:auto}.home-hero,.article-hero,.drama,article{grid-template-columns:1fr}.home-model,.article-image{min-height:420px;order:-1;background-size:auto 118%;background-position:right -45px}.home-copy h1,.article-title h1{font-size:12vw}.cards{grid-template-columns:1fr}.most{border:0}.back-home{margin:14px 18px}.article-continuation{grid-template-columns:1fr;padding:35px 24px}.continuation-share{flex-direction:row;justify-content:center;border-right:0;border-bottom:1px solid var(--red);padding-bottom:18px}.article-continuation blockquote{font-size:29px}}
