/* ==========================================================================
   IVERIONI — Editorial Design v2.0 (Full Redesign)
   --------------------------------------------------------------------------
   Replaces all visual layers. Used together with new main.tpl + header.tpl
   + footer.tpl. Existing photos / news / categories pulled from DLE.
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Georgian:wght@400;500;600;700&family=Noto+Serif+Georgian:wght@400;600;700;800&display=swap');

/* ============ TOKENS ============ */
:root{
    --ink:#0A0A0A;
    --bg:#FFFFFF;
    --bg-warm:#FAFAF7;
    --muted:#6B6B6B;
    --hairline:#E5E5E5;
    --hairline-dark:#2a2a2a;
    --accent:#B91C1C;
    --accent-dark:#7F1414;
    --serif:'Noto Serif Georgian', Georgia, 'Times New Roman', serif;
    --sans:'Noto Sans Georgian', system-ui, -apple-system, sans-serif;
    --container: 1280px;
    --gutter: 32px;
    --ease: cubic-bezier(.2,.7,.2,1);
}

*,*::before,*::after{box-sizing:border-box}
html,body{margin:0;padding:0}
body, body.body-color{
    font-family:var(--sans) !important;
    color:var(--ink) !important;
    background:var(--bg) !important;
    font-size:15px;
    line-height:1.5;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    overflow-x:hidden;
}
.iv-img{max-width:100%;display:block}
.iv a{color:inherit;text-decoration:none;transition:color .18s var(--ease)}
.iv a:hover{color:var(--accent)}
.iv ul{list-style:none;margin:0;padding:0}

.iv-container{
    max-width:var(--container);
    margin:0 auto;
    padding:0 var(--gutter);
}

/* ============ 1. UTILITY TOP BAR ============ */
.iv-utility{
    background:var(--ink);
    color:#cfcfcf;
    height:40px;
    display:flex;
    align-items:center;
    font-size:11px;
    letter-spacing:.08em;
}
.iv-utility .iv-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
}
.iv-utility__date{
    text-transform:uppercase;
    font-weight:500;
    color:#cfcfcf;
}
.iv-utility__date span{color:#fff;margin-right:6px;font-weight:600}
.iv-utility__social{
    display:flex;
    gap:8px;
    align-items:center;
}
.iv-social-icon{
    width:26px;height:26px;
    border-radius:50%;
    background:#1a1a1a;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:#9a9a9a;
    transition:background .18s var(--ease), color .18s var(--ease);
}
.iv-social-icon:hover{background:var(--accent);color:#fff}
.iv-social-icon svg{width:13px;height:13px;fill:currentColor}

/* ============ 2. MASTHEAD ============ */
.iv-masthead{
    background:#fff;
    border-bottom:3px solid var(--ink);
}
.iv-masthead .iv-container{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding-top:24px;
    padding-bottom:20px;
}
.iv-logo{
    display:flex;
    align-items:center;
    gap:14px;
    text-decoration:none;
}
.iv-logo__img{
    width:62px;height:62px;
    object-fit:contain;
    flex-shrink:0;
}
.iv-logo__text{display:flex;flex-direction:column;line-height:1}
.iv-logo__word{
    font-family:var(--serif);
    font-weight:800;
    font-size:30px;
    letter-spacing:.04em;
    color:var(--ink);
}
.iv-logo__tag{
    font-size:10.5px;
    letter-spacing:.16em;
    text-transform:uppercase;
    color:var(--muted);
    margin-top:6px;
    font-weight:500;
}
.iv-masthead__tools{
    display:flex;
    align-items:center;
    gap:8px;
}
.iv-tool-btn{
    width:40px;height:40px;
    border:1px solid var(--hairline);
    background:#fff;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    color:var(--ink);
    transition:border-color .18s var(--ease), color .18s var(--ease);
    cursor:pointer;
}
.iv-tool-btn:hover{border-color:var(--ink)}
.iv-tool-btn svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6}
.iv-search-wrap{position:relative;display:flex;align-items:center}
.iv-search-input{
    width:0;
    border:none;
    border-bottom:1px solid transparent;
    background:transparent;
    padding:8px 0;
    font:inherit;
    transition:width .3s var(--ease), border-color .3s var(--ease), padding .3s var(--ease);
    outline:none;
}
.iv-search-input.open{
    width:200px;
    border-bottom-color:var(--ink);
    padding:8px 12px 8px 0;
    margin-right:8px;
}
.iv-login-label{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.1em;
    margin-left:14px;
    padding-left:14px;
    border-left:1px solid var(--hairline);
    font-weight:600;
    color:var(--ink);
}

/* ============ 3. NAVIGATION ============ */
.iv-nav{
    background:var(--ink);
    height:56px;
    position:sticky;
    top:0;
    z-index:50;
    transition:height .25s var(--ease), box-shadow .25s var(--ease);
}
.iv-nav.shrunk{ height:48px; box-shadow:0 2px 0 rgba(255,255,255,.04), 0 6px 18px rgba(0,0,0,.18) }
.iv-nav.shrunk .iv-nav__list{height:48px}
.iv-nav__inner{
    height:100%;
    display:flex;
    align-items:center;
    justify-content:space-between;
}
.iv-nav__list{
    display:flex;
    align-items:stretch;
    height:56px;
    margin:0 auto;
    transition:height .25s var(--ease);
    list-style:none;padding:0;
}
.iv-nav__item{position:relative;display:flex;align-items:center}
.iv-nav__link{
    color:#fff;
    text-transform:uppercase;
    font-size:12px;
    letter-spacing:.14em;
    font-weight:600;
    padding:0 18px;
    height:100%;
    display:inline-flex;
    align-items:center;
    position:relative;
    text-decoration:none;
}
.iv-nav__link::after{
    content:"";
    position:absolute;
    left:50%;right:50%;
    bottom:14px;
    height:3px;
    background:var(--accent);
    transition:left .25s var(--ease), right .25s var(--ease);
}
.iv-nav__link:hover, .iv-nav__item.is-active .iv-nav__link{color:#fff}
.iv-nav__link:hover::after,
.iv-nav__item.is-active .iv-nav__link::after{
    left:18px;right:18px;
}
.iv-nav__hamburger{
    display:none;
    background:none;
    border:none;
    color:#fff;
    width:48px;height:48px;
    align-items:center;justify-content:center;
    cursor:pointer;
}
.iv-nav__hamburger span{
    width:22px;height:2px;background:#fff;position:relative;display:block;
}
.iv-nav__hamburger span::before,
.iv-nav__hamburger span::after{
    content:"";position:absolute;left:0;width:22px;height:2px;background:#fff;
}
.iv-nav__hamburger span::before{top:-7px}
.iv-nav__hamburger span::after{top:7px}

/* ============ 4. BREAKING STRIP ============ */
.iv-breaking{
    height:60px;
    background:#fff;
    border-top:1px solid var(--hairline);
    border-bottom:1px solid var(--hairline);
    display:flex;
    align-items:center;
    overflow:hidden;
}
.iv-breaking .iv-container{display:flex;align-items:center;gap:20px;width:100%}
.iv-breaking__badge{
    background:var(--accent);
    color:#fff;
    text-transform:uppercase;
    font-size:11px;
    letter-spacing:.14em;
    font-weight:700;
    padding:8px 14px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    flex-shrink:0;
}
.iv-pulse-dot{
    width:8px;height:8px;
    border-radius:50%;
    background:#fff;
    position:relative;
}
.iv-pulse-dot::after{
    content:"";
    position:absolute;inset:-4px;
    border-radius:50%;
    background:rgba(255,255,255,.5);
    animation:iv-pulse 1.6s ease-out infinite;
}
@keyframes iv-pulse{
    0%{transform:scale(.6);opacity:.9}
    100%{transform:scale(2);opacity:0}
}
.iv-breaking__track{
    flex:1;
    overflow:hidden;
    position:relative;
    height:24px;
}
.iv-breaking__rail{
    display:flex;
    gap:48px;
    position:absolute;
    white-space:nowrap;
    animation:iv-ticker 60s linear infinite;
    padding-left:100%;
}
.iv-breaking__rail:hover{animation-play-state:paused}
.iv-breaking__item{
    font-family:var(--serif);
    font-size:15px;
    font-weight:600;
    color:var(--ink);
    text-decoration:none;
}
.iv-breaking__item .iv-sep{
    color:var(--accent);
    margin-right:14px;
    font-weight:700;
}
.iv-breaking__item:hover{color:var(--accent)}
@keyframes iv-ticker{
    0%{transform:translateX(0)}
    100%{transform:translateX(-50%)}
}

/* ============ 5. HERO ============ */
.iv-hero{padding:48px 0 56px;background:#fff}
.iv-hero__grid{
    display:grid;
    grid-template-columns:8fr 4fr;
    gap:48px;
}
.iv-featured__media{
    aspect-ratio:16/9;
    overflow:hidden;
    position:relative;
    background:#eee;
    display:block;
}
.iv-featured__img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .6s var(--ease);
    display:block;
}
.iv-featured:hover .iv-featured__img{transform:scale(1.05)}
.iv-featured__body{padding-top:24px}
.iv-cat-tag{
    display:inline-block;
    color:var(--accent);
    font-size:11px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    margin-bottom:14px;
    text-decoration:none;
}
.iv-cat-tag::before{
    content:"";
    display:inline-block;
    width:10px;height:1px;
    background:var(--accent);
    vertical-align:middle;
    margin-right:10px;
    margin-bottom:3px;
}
.iv-featured__headline{
    font-family:var(--serif);
    font-size:40px;
    line-height:1.14;
    font-weight:800;
    margin:0 0 16px;
    letter-spacing:-.005em;
    color:var(--ink);
}
.iv-featured__headline a{color:var(--ink);text-decoration:none}
.iv-featured__headline a:hover{color:var(--accent)}
.iv-featured__lede{
    font-size:16px;
    line-height:1.6;
    color:#3a3a3a;
    margin:0 0 18px;
    max-width:62ch;
}
.iv-meta{
    display:flex;
    align-items:center;
    gap:14px;
    font-size:12px;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:500;
}
.iv-meta__sep{
    width:3px;height:3px;border-radius:50%;background:#bbb;
}

/* Secondary stack (right of hero) */
.iv-secondary{
    display:flex;
    flex-direction:column;
}
.iv-secondary__heading{
    font-family:var(--sans);
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:11px;
    font-weight:700;
    padding-bottom:14px;
    border-bottom:2px solid var(--ink);
    margin:0 0 4px;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--ink);
}
.iv-secondary__heading::before{
    content:"";
    width:8px;height:8px;
    background:var(--accent);
    display:inline-block;
}
.iv-sec-item{
    display:grid;
    grid-template-columns:80px 1fr;
    gap:16px;
    padding:18px 0;
    border-bottom:1px solid var(--hairline);
    align-items:flex-start;
    text-decoration:none;
    color:inherit;
}
.iv-sec-item:last-child{border-bottom:none}
.iv-sec-item__media{
    width:80px;height:80px;
    overflow:hidden;
    background:#eee;
    flex-shrink:0;
}
.iv-sec-item__media img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .6s var(--ease);
    display:block;
}
.iv-sec-item:hover .iv-sec-item__media img{transform:scale(1.06)}
.iv-sec-item__rank{
    color:var(--accent);
    font-family:var(--sans);
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.16em;
    text-transform:uppercase;
    margin-bottom:6px;
    display:block;
}
.iv-sec-item__title{
    font-family:var(--serif);
    font-size:15px;
    font-weight:700;
    line-height:1.3;
    margin:0 0 8px;
    color:var(--ink);
}
.iv-sec-item:hover .iv-sec-item__title{color:var(--accent)}
.iv-sec-item__date{
    font-size:11px;
    color:var(--muted);
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:500;
}

/* ============ 6. SECTION HEADER ============ */
.iv-section-head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    border-bottom:2px solid var(--ink);
    padding-bottom:14px;
    margin-bottom:28px;
}
.iv-section-head__title{
    font-family:var(--sans);
    text-transform:uppercase;
    font-weight:700;
    font-size:14px;
    letter-spacing:.18em;
    margin:0;
    display:flex;
    align-items:center;
    gap:12px;
    color:var(--ink);
}
.iv-section-head__title::before{
    content:"";
    width:10px;height:10px;
    background:var(--accent);
    display:inline-block;
}
.iv-section-head__more{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.14em;
    font-weight:600;
    color:var(--muted);
    text-decoration:none;
}
.iv-section-head__more:hover{color:var(--accent)}

/* ============ 7. STORY GRID ============ */
.iv-stories{padding:32px 0 48px;background:#fff}
.iv-stories__row{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
}
.iv-card{
    background:#fff;
    border:1px solid var(--hairline);
    transition:transform .25s var(--ease), box-shadow .25s var(--ease), border-color .25s var(--ease);
    display:flex;
    flex-direction:column;
}
.iv-card:hover{
    transform:translateY(-3px);
    box-shadow:0 8px 24px rgba(0,0,0,.10);
    border-color:#d9d9d9;
}
.iv-card__media{
    aspect-ratio:4/3;
    overflow:hidden;
    position:relative;
    background:#eee;
    display:block;
}
.iv-card__media img{
    width:100%;height:100%;object-fit:cover;
    transition:transform .6s var(--ease);
    display:block;
}
.iv-card:hover .iv-card__media img{transform:scale(1.05)}
.iv-card__tag{
    position:absolute;
    top:14px;left:14px;
    background:var(--accent);
    color:#fff;
    font-size:10.5px;
    font-weight:700;
    text-transform:uppercase;
    letter-spacing:.14em;
    padding:6px 10px;
}
.iv-card__body{padding:18px;flex:1;display:flex;flex-direction:column}
.iv-card__title{
    font-family:var(--serif);
    font-size:18px;
    line-height:1.3;
    font-weight:700;
    margin:0 0 10px;
    color:var(--ink);
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.iv-card__title a{color:var(--ink);text-decoration:none}
.iv-card__title a:hover{color:var(--accent)}
.iv-card__desc{
    font-size:13px;
    line-height:1.55;
    color:var(--muted);
    margin:0 0 14px;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    flex:1;
}
.iv-card__meta{
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    color:var(--muted);
    font-weight:500;
    padding-top:12px;
    border-top:1px solid var(--hairline);
}
.iv-card__meta i{color:var(--accent);margin-right:4px;font-style:normal}

/* ============ 9. SIDEBAR LAYOUT ============ */
.iv-layout{
    display:grid;
    grid-template-columns:1fr 320px;
    gap:48px;
    padding:32px 0 64px;
}
.iv-sidebar{display:flex;flex-direction:column;gap:40px}
.iv-widget__title{
    font-family:var(--sans);
    text-transform:uppercase;
    font-size:12px;
    font-weight:700;
    letter-spacing:.18em;
    border-bottom:2px solid var(--ink);
    padding-bottom:12px;
    margin:0 0 18px;
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--ink);
}
.iv-widget__title::before{
    content:"";width:8px;height:8px;background:var(--accent);display:inline-block;
}
.iv-archive{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:6px;
}
.iv-archive__pill{
    padding:10px 8px;
    text-align:center;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.06em;
    color:var(--ink);
    border:1px solid var(--hairline);
    background:#fff;
    font-weight:500;
    text-decoration:none;
    transition:background .15s var(--ease), border-color .15s var(--ease), color .15s var(--ease);
}
.iv-archive__pill b{font-weight:500}
.iv-archive__pill:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.iv-archive__pill.is-current{background:var(--accent);color:#fff;border-color:var(--accent);font-weight:700}
.iv-cat-list{display:flex;flex-direction:column;list-style:none;padding:0;margin:0}
.iv-cat-list li{margin:0;padding:0}
.iv-cat-list__item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 0;
    border-bottom:1px solid var(--hairline);
    transition:padding-left .25s var(--ease), color .18s var(--ease);
    font-weight:500;
    font-size:14px;
    color:var(--ink);
    text-decoration:none;
}
.iv-cat-list__item:hover{padding-left:8px;color:var(--accent)}
.iv-cat-list__item .iv-arrow{
    color:var(--accent);
    font-family:var(--serif);
    font-weight:700;
    transform:translateX(0);
    transition:transform .25s var(--ease);
}
.iv-cat-list__item:hover .iv-arrow{transform:translateX(4px)}
.iv-top-list{display:flex;flex-direction:column;gap:0}
.iv-top-item{
    display:grid;
    grid-template-columns:32px 64px 1fr;
    gap:14px;
    align-items:center;
    padding:14px 0;
    border-bottom:1px solid var(--hairline);
    text-decoration:none;
    color:inherit;
}
.iv-top-item:last-child{border-bottom:none}
.iv-top-item__rank{
    font-family:var(--serif);
    font-size:28px;
    font-weight:800;
    color:var(--accent);
    line-height:1;
}
.iv-top-item__media{
    width:64px;height:64px;
    background:#eee;
    overflow:hidden;
}
.iv-top-item__media img{width:100%;height:100%;object-fit:cover;display:block}
.iv-top-item__title{
    font-family:var(--serif);
    font-size:14px;
    font-weight:600;
    line-height:1.35;
    margin:0;
    color:var(--ink);
    display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.iv-top-item:hover .iv-top-item__title{color:var(--accent)}

/* ============ 10. NEWSLETTER ============ */
.iv-newsletter{
    background:var(--bg-warm);
    padding:80px 0;
    border-top:1px solid var(--hairline);
    border-bottom:1px solid var(--hairline);
}
.iv-newsletter__inner{
    max-width:640px;
    margin:0 auto;
    text-align:center;
}
.iv-newsletter__eyebrow{
    color:var(--accent);
    font-size:11px;
    font-weight:700;
    letter-spacing:.2em;
    text-transform:uppercase;
    margin-bottom:14px;
}
.iv-newsletter__title{
    font-family:var(--serif);
    font-size:32px;
    line-height:1.2;
    font-weight:800;
    margin:0 0 28px;
    letter-spacing:-.005em;
    color:var(--ink);
}
.iv-newsletter__form{
    display:flex;
    max-width:480px;
    margin:0 auto;
    border:1px solid var(--ink);
    background:#fff;
}
.iv-newsletter__form input{
    flex:1;
    border:none;
    padding:16px 18px;
    font:inherit;
    font-size:14px;
    outline:none;
    background:transparent;
    color:var(--ink);
}
.iv-newsletter__form button{
    background:var(--ink);
    color:#fff;
    border:none;
    padding:0 28px;
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:11px;
    font-weight:700;
    transition:background .2s var(--ease);
    cursor:pointer;
}
.iv-newsletter__form button:hover{background:var(--accent)}
.iv-newsletter__privacy{
    font-size:11px;
    color:var(--muted);
    margin-top:14px;
    letter-spacing:.04em;
}

/* ============ 11. FOOTER ============ */
.iv-footer{
    background:var(--ink);
    color:#cfcfcf;
    padding:60px 0 0;
}
.iv-footer__cols{
    display:grid;
    grid-template-columns: 1.4fr 1fr 1fr 1.2fr;
    gap:48px;
    padding-bottom:48px;
}
.iv-footer__col h4{
    font-family:var(--sans);
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.18em;
    color:#fff;
    margin:0 0 18px;
    font-weight:700;
    padding-bottom:12px;
    border-bottom:1px solid var(--hairline-dark);
    display:flex;
    align-items:center;
    gap:10px;
}
.iv-footer__col h4::before{
    content:"";width:6px;height:6px;background:var(--accent);display:inline-block;
}
.iv-footer__about p{
    font-size:13px;
    line-height:1.7;
    color:#9a9a9a;
    margin:0 0 14px;
}
.iv-footer__logo{display:flex;align-items:center;gap:10px;margin-bottom:18px}
.iv-footer__logo img{width:42px;height:42px;object-fit:contain}
.iv-footer__logo .iv-logo__word{color:#fff;font-size:22px}
.iv-footer__list{list-style:none;padding:0;margin:0}
.iv-footer__list li{
    padding:9px 0;
    font-size:13px;
    color:#9a9a9a;
    border-bottom:1px solid var(--hairline-dark);
}
.iv-footer__list a{color:#9a9a9a;text-decoration:none}
.iv-footer__list a:hover{color:#fff}
.iv-footer__contact{list-style:none;padding:0;margin:0}
.iv-footer__contact li{
    padding:9px 0;
    font-size:13px;
    color:#9a9a9a;
    display:flex;
    gap:10px;
    align-items:flex-start;
}
.iv-footer__contact .iv-label{
    color:#fff;
    text-transform:uppercase;
    font-size:10px;
    letter-spacing:.14em;
    font-weight:700;
    min-width:54px;
    margin-top:2px;
}
.iv-footer__social{display:flex;gap:8px;margin-top:8px}
.iv-footer__social .iv-social-icon{background:#222;color:#bbb}
.iv-footer__social .iv-social-icon:hover{background:var(--accent);color:#fff}
.iv-footer__bottom{
    border-top:1px solid var(--hairline-dark);
    padding:22px 0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    font-size:11px;
    color:#7a7a7a;
    text-transform:uppercase;
    letter-spacing:.12em;
}
.iv-footer__bottom .iv-made{display:flex;align-items:center;gap:8px}
.iv-footer__bottom .iv-dot{width:4px;height:4px;background:var(--accent);border-radius:50%;display:inline-block}

/* Hide all original DLE template chrome (header, footer, sidebar) */
.top-bar,
.header-middle,
.header-default,
.ts-footer-social-list,
.ts-footer{
    display:none !important;
}

/* Reset block-wrapper to clean transparent */
.block-wrapper{
    background:transparent !important;
    padding:0 !important;
}

/* ============ MOBILE NAV PANEL ============ */
.iv-mobile-nav{
    display:none;
    position:fixed;
    top:0;left:0;right:0;bottom:0;
    background:var(--ink);
    color:#fff;
    z-index:100;
    padding:24px;
    flex-direction:column;
}
.iv-mobile-nav.open{display:flex}
.iv-mobile-nav__close{
    align-self:flex-end;
    background:none;border:none;color:#fff;
    width:40px;height:40px;font-size:24px;cursor:pointer;
}
.iv-mobile-nav ul{margin-top:24px;list-style:none;padding:0}
.iv-mobile-nav li{
    padding:18px 0;
    border-bottom:1px solid var(--hairline-dark);
    font-family:var(--serif);
    font-size:22px;
    font-weight:700;
}
.iv-mobile-nav a{color:#fff;text-decoration:none}

/* ============ RESPONSIVE ============ */
@media (max-width: 1024px){
    .iv-hero__grid{grid-template-columns:1fr;gap:48px}
    .iv-layout{grid-template-columns:1fr;gap:48px}
    .iv-footer__cols{grid-template-columns:1fr 1fr;gap:36px}
    .iv-featured__headline{font-size:34px}
}
@media (max-width: 768px){
    :root{--gutter:20px}
    .iv-utility{font-size:10px;height:36px}
    .iv-utility__date span:first-child{display:none}
    .iv-masthead .iv-container{padding-top:18px;padding-bottom:16px}
    .iv-logo__word{font-size:24px}
    .iv-logo__tag{font-size:9px}
    .iv-login-label{display:none}
    .iv-nav__list{display:none}
    .iv-nav__hamburger{display:inline-flex}
    .iv-nav__inner{justify-content:space-between}
    .iv-breaking{height:auto;padding:14px 0}
    .iv-breaking .iv-container{flex-direction:column;align-items:flex-start;gap:10px}
    .iv-stories__row{grid-template-columns:1fr;gap:24px}
    .iv-featured__headline{font-size:26px}
    .iv-newsletter__title{font-size:22px}
    .iv-newsletter__form{flex-direction:column}
    .iv-newsletter__form button{padding:14px}
    .iv-footer__cols{grid-template-columns:1fr;gap:28px}
    .iv-footer__bottom{flex-direction:column;gap:10px;text-align:center}
    .iv-hero{padding:32px 0}
}

/* End of editorial.css */