/* MODERN CULTURAL MAGAZINE — CA LA CARTE */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{--bg:#f9f1e7;--ink:#3b1717;--orange:#cf2e25;--pink:#f6cbd1;--card:#fff7ec;--line:#e8cfc7}
body,body:has(.home-split){background:#f4b9c4;background-image:none;color:#351b1b;font-family:'DM Sans',Arial,sans-serif}
body>nav,body:has(.home-split) nav{background:#fff7ec;border:0;position:relative;max-width:1440px;margin:32px auto 0;border-radius:24px 24px 0 0}
body>nav .nav{min-height:86px;padding:0 24px}
.logo,body:has(.home-split) .logo{color:#bb201e;font-family:'Playfair Display',Georgia,serif;font-size:25px;letter-spacing:-.055em}
.links{gap:clamp(12px,2vw,29px)}.links a{font-size:11px;font-weight:700;letter-spacing:.01em}
.wrap{width:min(1320px,calc(100% - 76px))}
body:has(.home-split) .home-intro-line{background:#fff7ec;border:0;margin:0 auto;padding:20px 22px 10px;max-width:1440px;width:100%;color:#a6534e}
body:has(.home-split) .home-split{width:100%;max-width:1440px;margin:0 auto;background:#fff7ec;padding:20px 24px 38px;display:grid;grid-template-columns:1fr 1fr;gap:16px;border:0}
.home-split .home-community-panel,.home-split .home-feature-panel{border:0;border-radius:16px;background:#f7cdd2;min-height:530px;padding:42px 34px;overflow:hidden;box-shadow:none}
.home-split .home-feature-panel{background:#f4d6bc}
.home-split .home-reading-feature h1,.home-split .home-feature-panel h2{color:#b72121;font-family:'Playfair Display',Georgia,serif;font-weight:700;font-size:clamp(42px,4.1vw,69px);line-height:1.03;letter-spacing:-.06em}
.home-split .home-reading-feature h1 em{color:#b72121}
.home-split .home-reading-month{font-family:'DM Sans',sans-serif;font-size:clamp(15px,1.5vw,21px);font-weight:700;color:#b72121}
.home-split .home-panel-kicker{color:#8d2929;font-size:10px;letter-spacing:.12em}
.home-split .home-reading-title{font-size:20px;color:#3b1717}
.home-split .home-community-inner>p:not(.home-reading-title):not(.home-reading-author),.home-split .home-feature-panel p{color:#5b4140;font-size:13px}
.home-split .home-reading-art{height:280px}
.home-split .home-reading-cover{height:260px;box-shadow:9px 12px 0 #e6aeb0}
.home-split .home-feature-cover{height:250px;box-shadow:9px 12px 0 #dfb7a5}
.home-split .home-panel-link,.home-split .home-reading-feature .home-panel-link{background:#c82020;border:1px solid #c82020;color:white;border-radius:999px;box-shadow:none;padding:13px 22px;font-size:11px}
.home-split .home-panel-link:hover{background:#951919;border-color:#951919}
body:has(.home-split) .home-bottom-note{background:#fff7ec;max-width:1440px;width:100%;margin:0 auto;padding:38px 35px 65px;border:0;display:grid;grid-template-columns:1fr 1fr auto;gap:28px;align-items:center}
.home-bottom-note h2{font-family:'Playfair Display',Georgia,serif;color:#b72121;font-size:clamp(34px,3.4vw,54px)}
.home-bottom-note p{font-size:14px;color:#5d4a46}
.home-bottom-note a{color:#bd2222}
body:has(.home-split) footer{max-width:1440px;margin:0 auto 32px;background:#fff7ec}
body:has(.home-split) footer .foot{border-top:1px solid #ebd8ce}
body:not(:has(.home-split)) nav{border-radius:0;margin:0;max-width:none}
body:not(:has(.home-split)){background:#fff7ec}
body:not(:has(.home-split)) .page-head h1{color:#b72121}
body:not(:has(.home-split)) .panel,body:not(:has(.home-split)) .reco{background:#fff9f2}
body:not(:has(.home-split)) .primary{background:#c82020;border-color:#c82020}
@media(max-width:1000px){body:has(.home-split) .home-split{grid-template-columns:1fr}.home-split .home-community-panel,.home-split .home-feature-panel{min-height:0;padding:38px}.home-bottom-note{grid-template-columns:1fr 1fr!important}.home-bottom-note a{grid-column:1/-1}}
@media(max-width:600px){body>nav,body:has(.home-split) nav{margin:0;border-radius:0}body:has(.home-split) .home-split{padding:12px;gap:12px}.home-split .home-community-panel.home-reading-feature,.home-split .home-feature-panel{width:100%;padding:30px 22px;border-radius:16px}.home-split .home-reading-feature h1,.home-split .home-feature-panel h2{font-size:clamp(39px,10vw,56px)}body:has(.home-split) .home-bottom-note{display:block;padding:32px 22px}.home-split .home-reading-art{height:270px}.home-split .home-feature-cover{height:230px}body:has(.home-split) footer{margin-bottom:0}}
