.ltlife{
--red:#d61523;
--ink:#111;
--line:#dedede;
--muted:#777;
background:#fff;
color:var(--ink);
}
.ltlife a{color:inherit;text-decoration:none}
.ltlife img{display:block}
.ltlife-head{
border-top:1px solid #111;
border-bottom:1px solid #111;
background:linear-gradient(90deg,#fff 0%,#fff 74%,#f5f3f2 74%,#f5f3f2 100%);
}
.ltlife-head-inner{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:40px;
padding-top:38px;
padding-bottom:30px;
}
.ltlife-kicker{margin:0 0 8px;color:var(--red);font-size:11px;font-weight:900;letter-spacing:.12em}
.ltlife-head h1{
margin:0;
font-family:var(--lt-font-heading);
font-size:clamp(46px,5.8vw,76px);
line-height:.98;
font-weight:900;
letter-spacing:-.045em;
}
.ltlife-desc{max-width:820px;margin:14px 0 0;color:#555;font-size:15px;line-height:1.75}
.ltlife-brand{min-width:220px;padding-left:20px;border-left:5px solid var(--red)}
.ltlife-brand span,.ltlife-brand strong,.ltlife-brand small{display:block}
.ltlife-brand span{font-size:15px;font-weight:800;letter-spacing:.12em}
.ltlife-brand strong{color:var(--red);font-size:36px;line-height:1;font-weight:950}
.ltlife-brand small{margin-top:8px;color:#777;font-size:8px;font-weight:800;letter-spacing:.08em}
.ltlife-nav{position:relative;border-bottom:1px solid var(--line);background:#fafafa}
.ltlife-nav .lt-wrap{display:grid;grid-template-columns:repeat(6,1fr)}
.ltlife-nav a{
display:flex;
min-height:46px;
align-items:center;
justify-content:center;
padding:8px 10px;
border-right:1px solid var(--line);
text-align:center;
font-size:10px;
line-height:1.25;
font-weight:850;
}
.ltlife-nav a:first-child{border-left:1px solid var(--line)}
.ltlife-nav a:hover{background:#111;color:#fff}
.ltlife-ad{margin:26px 0} .ltlife-hero{
display:grid;
grid-template-columns:minmax(0,1.65fr) minmax(330px,.75fr);
gap:32px;
margin-top:32px;
margin-bottom:46px;
}
.ltlife-lead{
display:grid;
grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);
border-top:5px solid #111;
border-bottom:1px solid #111;
}
.ltlife-lead-img{position:relative;min-height:470px;overflow:hidden;background:#eee}
.ltlife-lead-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ltlife-lead-img span{
position:absolute;left:18px;bottom:18px;
padding:8px 11px;background:var(--red);color:#fff;
font-size:10px;font-weight:900;letter-spacing:.08em;
}
.ltlife-lead-copy{display:flex;flex-direction:column;justify-content:center;padding:28px}
.ltlife-meta{display:flex;flex-wrap:wrap;gap:9px;color:#7a7a7a;font-size:var(--lt-meta-size,11px)}
.ltlife-lead-copy h2{
margin:16px 0 13px;
font-family:var(--lt-font-heading);
font-size:clamp(28px,2.7vw,43px);
line-height:1.2;
font-weight:900;
}
.ltlife-lead-copy p{margin:0;color:#555;font-size:14px;line-height:1.8}
.ltlife-picks{border-top:5px solid var(--red)}
.ltlife-picks-head{
display:flex;align-items:baseline;justify-content:space-between;
padding:13px 0 10px;border-bottom:2px solid #111;
}
.ltlife-picks-head span{color:var(--red);font-size:9px;font-weight:900;letter-spacing:.1em}
.ltlife-picks-head h2{margin:0;font-size:18px;font-weight:900}
.ltlife-picks article{
display:grid;grid-template-columns:94px 1fr;gap:13px;
padding:14px 0;border-bottom:1px solid var(--line);
}
.ltlife-pick-img{height:72px;overflow:hidden;background:#eee}
.ltlife-pick-img img{width:100%;height:100%;object-fit:cover}
.ltlife-picks b{color:var(--red);font-size:9px}
.ltlife-picks h3{margin:2px 0 6px;font-size:14px;line-height:1.4;font-weight:850} .ltlife-magazine{padding-bottom:12px}
.ltlife-zone{margin-bottom:52px;scroll-margin-top:120px}
.ltlife-zone-head{
display:flex;
align-items:flex-end;
justify-content:space-between;
gap:22px;
padding-bottom:11px;
border-bottom:4px solid var(--accent,#111);
}
.ltlife-zone-head span{
display:block;
margin-bottom:2px;
color:var(--accent,#111);
font-size:9px;
font-weight:900;
letter-spacing:.11em;
}
.ltlife-zone-head h2{
margin:0;
font-family:var(--lt-font-heading);
font-size:30px;
line-height:1.08;
font-weight:900;
}
.ltlife-zone-head>a{color:#777;font-size:11px;font-weight:800}
.ltlife-zone-head>a:hover{color:var(--accent,#111)} .ltlife-editor-picks{--accent:#111}
.ltlife-zone-head-editor{border-bottom-color:var(--red)}
.ltlife-zone-head-editor span{color:var(--red)}
.ltlife-editor-layout{
display:grid;
grid-template-columns:minmax(0,1.22fr) minmax(360px,.78fr);
gap:28px;
padding-top:20px;
}
.ltlife-editor-lead{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);
min-height:320px;
background:#fafafa;
}
.ltlife-editor-lead-img{position:relative;overflow:hidden;background:#eee}
.ltlife-editor-lead-img img{width:100%;height:100%;object-fit:cover}
.ltlife-editor-lead-img span{
position:absolute;left:14px;bottom:14px;
background:var(--red);color:#fff;
padding:6px 8px;font-size:9px;font-weight:900;
}
.ltlife-editor-lead-copy{display:flex;flex-direction:column;justify-content:center;padding:24px}
.ltlife-editor-lead-copy h3{margin:10px 0;font-size:25px;line-height:1.32;font-weight:900}
.ltlife-editor-lead-copy p{margin:0;color:#555;font-size:13px;line-height:1.7}
.ltlife-editor-list{border-top:1px solid #111}
.ltlife-editor-list article{
display:grid;
grid-template-columns:32px 92px 1fr;
gap:12px;
align-items:start;
padding:13px 0;
border-bottom:1px solid var(--line);
}
.ltlife-editor-no{color:var(--red);font-family:Georgia,serif;font-size:18px}
.ltlife-editor-thumb{height:68px;overflow:hidden;background:#eee}
.ltlife-editor-thumb img{width:100%;height:100%;object-fit:cover}
.ltlife-editor-list h3{margin:4px 0 0;font-size:14px;line-height:1.4;font-weight:850} .ltlife-zone-quality{--accent:#6b5876}
.ltlife-zone-travel{--accent:#b55b2a}
.ltlife-zone-it{--accent:#235f9b}
.ltlife-zone-health{--accent:#c55170}
.ltlife-zone-layout{
display:grid;
grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
gap:28px;
padding-top:20px;
}
.ltlife-zone-layout.is-reverse{
grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);
}
.ltlife-zone-layout.is-reverse .ltlife-zone-lead{order:2}
.ltlife-zone-layout.is-reverse .ltlife-zone-grid{order:1}
.ltlife-zone-lead{
display:grid;
grid-template-columns:minmax(0,1.1fr) minmax(250px,.9fr);
min-height:300px;
background:#fafafa;
}
.ltlife-zone-lead-img{overflow:hidden;background:#eee}
.ltlife-zone-lead-img img{width:100%;height:100%;object-fit:cover}
.ltlife-zone-lead-copy{
display:flex;flex-direction:column;justify-content:center;
padding:22px;border-top:4px solid var(--accent);
}
.ltlife-zone-lead-copy h3{margin:9px 0;font-size:23px;line-height:1.34;font-weight:900}
.ltlife-zone-lead-copy p{margin:0;color:#555;font-size:13px;line-height:1.72}
.ltlife-zone-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px 16px;
}
.ltlife-zone-card{padding-bottom:12px;border-bottom:1px solid var(--line)}
.ltlife-zone-card-img{display:block;height:132px;overflow:hidden;margin-bottom:9px;background:#eee}
.ltlife-zone-card-img img{width:100%;height:100%;object-fit:cover}
.ltlife-zone-card h3{margin:5px 0 0;font-size:14px;line-height:1.42;font-weight:850}
.ltlife-zone h3 a:hover{color:var(--accent)} .ltlife-horoscope{--accent:#5f3470;padding:24px 0 28px;border-top:1px solid #111;border-bottom:1px solid #111;background:#faf8fb}
.ltlife-zone-head-horoscope{border-bottom-color:#5f3470}
.ltlife-horo-layout{
display:grid;
grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
gap:26px;
padding-top:20px;
}
.ltlife-horo-lead{
display:grid;
grid-template-columns:1fr 1fr;
background:#fff;
border:1px solid #e5dce9;
}
.ltlife-horo-lead>a{height:240px;overflow:hidden}
.ltlife-horo-lead img{width:100%;height:100%;object-fit:cover}
.ltlife-horo-lead>div{display:flex;flex-direction:column;justify-content:center;padding:20px}
.ltlife-horo-badge{align-self:flex-start;margin-bottom:8px;padding:5px 7px;background:#5f3470;color:#fff;font-size:9px;font-weight:900}
.ltlife-horo-lead h3{margin:8px 0 0;font-size:21px;line-height:1.38;font-weight:900}
.ltlife-horo-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ltlife-horo-grid article{
display:grid;
grid-template-columns:30px 80px 1fr;
gap:10px;
align-items:start;
padding:10px;
background:#fff;
border:1px solid #eadfed;
}
.ltlife-horo-no{color:#5f3470;font-family:Georgia,serif;font-size:17px}
.ltlife-horo-grid article>a{height:62px;overflow:hidden}
.ltlife-horo-grid img{width:100%;height:100%;object-fit:cover}
.ltlife-horo-grid h3{margin:4px 0 0;font-size:13px;line-height:1.4;font-weight:850}
.ltlife-empty{padding:30px 0;color:#888;font-size:13px}
.ltlife-ad-mid{margin-top:26px;padding-top:20px;border-top:1px solid #111}
.ltlife-ad-bottom{padding-top:22px;border-top:1px solid #111}
@media(max-width:1100px){
.ltlife-hero{grid-template-columns:1fr}
.ltlife-picks{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}
.ltlife-picks-head{grid-column:1/-1}
.ltlife-editor-layout,.ltlife-zone-layout,.ltlife-zone-layout.is-reverse,.ltlife-horo-layout{grid-template-columns:1fr}
.ltlife-zone-layout.is-reverse .ltlife-zone-lead,.ltlife-zone-layout.is-reverse .ltlife-zone-grid{order:initial}
}
@media(max-width:820px){
.ltlife-head{background:#fff}
.ltlife-head-inner{display:block}
.ltlife-brand{margin-top:20px}
.ltlife-nav .lt-wrap{grid-template-columns:repeat(3,1fr)}
.ltlife-lead{grid-template-columns:1fr}
.ltlife-lead-img{min-height:340px}
.ltlife-editor-lead,.ltlife-zone-lead,.ltlife-horo-lead{grid-template-columns:1fr}
.ltlife-editor-lead-img,.ltlife-zone-lead-img{height:300px}
.ltlife-horo-lead>a{height:260px}
}
@media(max-width:620px){
.ltlife-head h1{font-size:44px}
.ltlife-desc{font-size:14px}
.ltlife-nav .lt-wrap{grid-template-columns:1fr 1fr}
.ltlife-nav a{font-size:9px}
.ltlife-hero{margin-top:22px;margin-bottom:34px}
.ltlife-lead-img{min-height:270px}
.ltlife-lead-copy{padding:20px 0}
.ltlife-picks{display:block}
.ltlife-zone{margin-bottom:38px}
.ltlife-zone-head{display:block}
.ltlife-zone-head>a{display:inline-block;margin-top:7px}
.ltlife-zone-head h2{font-size:24px}
.ltlife-editor-lead-img,.ltlife-zone-lead-img{height:220px}
.ltlife-editor-lead-copy,.ltlife-zone-lead-copy{padding:17px 0}
.ltlife-editor-lead-copy h3,.ltlife-zone-lead-copy h3{font-size:20px}
.ltlife-editor-list article{grid-template-columns:28px 78px 1fr}
.ltlife-zone-grid{gap:12px}
.ltlife-zone-card-img{height:105px}
.ltlife-zone-card h3{font-size:13px}
.ltlife-horo-grid{grid-template-columns:1fr}
}