/*
 * ============================================================================
 * SGCS | EDITORIAL SYSTEM
 * ============================================================================
 *
 * File        : editorial.css
 * Version     : 2.0.0
 * Project     : Sandeep Ghag Consulting Services
 *
 * PURPOSE
 *
 * Shared editorial composition system for the four capability pages:
 *
 * advisory.php
 * leadership.php
 * performance.php
 * excellence.php
 *
 * This file controls editorial composition only.
 * Design tokens come from variables.css.
 *
 * ============================================================================
 */


/* ==========================================================================
   01. PAGE FOUNDATION
========================================================================== */

.editorial{

    position:relative;

    overflow:hidden;

    background:var(--surface-default);

    color:var(--text-primary);

}

.editorial *,
.editorial *::before,
.editorial *::after{

    box-sizing:border-box;

}

.editorial p,
.editorial h1,
.editorial h2,
.editorial h3,
.editorial h4,
.editorial ul,
.editorial blockquote{

    margin-top:0;

}

.editorial img{

    display:block;

    max-width:100%;

}

.editorial a{

    color:inherit;

}


/* ==========================================================================
   02. COMMON SECTION SYSTEM
========================================================================== */

.editorial-section{

    position:relative;

    padding-top:var(--section-space-lg);

    padding-bottom:var(--section-space-lg);

}

.editorial-section + .editorial-section{

    padding-top:var(--section-space-lg);

}


/* ==========================================================================
   03. INTRO
========================================================================== */

.editorial-intro{

    max-width:var(--content-wide);

    margin:0 auto;

}

.editorial-intro--wide{

    max-width:var(--content-editorial);

}

.editorial-eyebrow{

    margin:0 0 var(--flow-sm);

    font-family:var(--font-display);

    font-size:var(--caption);

    font-weight:var(--weight-semibold);

    line-height:1;

    letter-spacing:var(--tracking-wide);

    text-transform:uppercase;

    color:var(--text-secondary);

}

.editorial-title{

    max-width:var(--content-wide);

    margin:0;

    font-family:var(--font-display);

    font-size:var(--display-lg);

    font-weight:var(--weight-regular);

    line-height:var(--leading-display);

    letter-spacing:var(--tracking-tight);

    color:var(--text-primary);

}

.editorial-title span{

    display:block;

    color:var(--text-secondary);

}

.editorial-lead{

    max-width:var(--content-default);

    margin:var(--flow-lg) 0 0;

    font-family:var(--font-body);

    font-size:var(--body-xl);

    font-weight:var(--weight-regular);

    line-height:var(--leading-body);

    color:var(--text-secondary);

}


/* ==========================================================================
   04. HERO
========================================================================== */

.editorial-hero{

    position:relative;

    min-height:100svh;

    display:flex;

    align-items:flex-end;

    overflow:hidden;

    background:var(--surface-dark);

}

.editorial-hero__media{

    position:absolute;

    inset:0;

    z-index:0;

}

.editorial-hero__image{

    display:block;

    width:100%;

    height:100%;

    object-fit:cover;

    object-position:center center;

    opacity:var(--hero-image-opacity);

}

.editorial-hero::after{

    content:"";

    position:absolute;

    inset:0;

    z-index:1;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(27,26,24,.04) 0%,
            rgba(27,26,24,.10) 38%,
            rgba(27,26,24,.72) 100%
        );

}

.editorial-hero__inner{

    position:relative;

    z-index:2;

    width:100%;

    padding-top:var(--section-space-xl);

    padding-bottom:var(--section-space-lg);

}

.editorial-hero__content{

    max-width:var(--content-editorial);

}

.editorial-hero__eyebrow{

    margin:0 0 var(--flow-sm);

    font-family:var(--font-display);

    font-size:var(--caption);

    font-weight:var(--weight-semibold);

    line-height:1;

    letter-spacing:var(--tracking-wide);

    text-transform:uppercase;

    color:rgba(255,255,255,.82);

}

.editorial-hero__title{

    max-width:var(--content-editorial);

    margin:0;

    font-family:var(--font-display);

    font-size:var(--display-xl);

    font-weight:var(--weight-regular);

    line-height:.90;

    letter-spacing:-.05em;

    color:#fff;

}

.editorial-hero__title span{

    display:block;

    margin-top:.15em;

    color:rgba(255,255,255,.78);

}

.editorial-hero__scroll{

    position:absolute;

    right:clamp(1.5rem,4vw,4rem);

    bottom:clamp(2rem,4vw,4rem);

    z-index:2;

    display:flex;

    align-items:center;

    gap:var(--space-16);

    writing-mode:vertical-rl;

    font-family:var(--font-display);

    font-size:var(--caption);

    letter-spacing:var(--tracking-wide);

    text-transform:uppercase;

    color:rgba(255,255,255,.70);

}

.editorial-hero__scroll-line{

    width:1px;

    height:64px;

    background:rgba(255,255,255,.45);

}


/* ==========================================================================
   05. CHALLENGE
========================================================================== */

.editorial-section--challenge{

    padding-top:var(--section-space-xl);

}

.editorial-grid{

    display:grid;

}

.editorial-grid--challenge{

    grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr);

    gap:var(--section-space-md);

    align-items:start;

    margin-top:var(--section-space-md);

}

.editorial-copy{

    max-width:var(--content-narrow);

}

.editorial-copy p{

    margin:0;

    font-family:var(--font-body);

    font-size:var(--body-xl);

    font-weight:var(--weight-regular);

    line-height:var(--leading-body);

    color:var(--text-secondary);

}

.editorial-copy p + p{

    margin-top:var(--flow-md);

}

.editorial-copy strong{

    font-weight:var(--weight-semibold);

    color:var(--text-primary);

}

.editorial-question{

    margin-top:var(--flow-lg) !important;

    padding-left:var(--flow-sm);

    border-left:2px solid var(--accent-burgundy);

    font-size:var(--h5) !important;

    line-height:var(--leading-heading) !important;

    color:var(--text-primary) !important;

}

.editorial-observation{

    position:relative;

    padding:var(--flow-md) 0 var(--flow-md) var(--flow-lg);

    border-left:var(--border-width) solid var(--border-medium);

}

.editorial-observation__label{

    margin:0 0 var(--flow-sm);

    font-family:var(--font-display);

    font-size:var(--caption);

    font-weight:var(--weight-semibold);

    letter-spacing:var(--tracking-wide);

    text-transform:uppercase;

    color:var(--text-secondary);

}

.editorial-observation blockquote{

    margin:0 0 var(--flow-md);

    font-family:var(--font-display);

    font-size:var(--h4);

    font-weight:var(--weight-regular);

    line-height:1;

    letter-spacing:var(--tracking-tight);

    color:var(--text-primary);

}

.editorial-observation > p:last-child{

    margin:0;

    font-family:var(--font-body);

    font-size:var(--body);

    line-height:var(--leading-body);

    color:var(--text-secondary);

}


/* ==========================================================================
   06. EDITORIAL MODEL
========================================================================== */

.editorial-model{

    display:grid;

    grid-template-columns:1fr auto 1fr;

    align-items:center;

    gap:var(--grid-gap-lg);

    max-width:var(--content-wide);

    margin:var(--section-space-md) auto 0;

    padding:var(--flow-lg) 0;

    border-top:var(--border-width) solid var(--border-light);

    border-bottom:var(--border-width) solid var(--border-light);

}

.editorial-model__item{

    display:flex;

    flex-direction:column;

    gap:var(--space-8);

}

.editorial-model__item span{

    font-family:var(--font-display);

    font-size:var(--caption);

    font-weight:var(--weight-semibold);

    letter-spacing:var(--tracking-wide);

    text-transform:uppercase;

    color:var(--text-secondary);

}

.editorial-model__item strong{

    font-family:var(--font-display);

    font-size:var(--h5);

    font-weight:var(--weight-medium);

    line-height:1.05;

    letter-spacing:var(--tracking-tight);

    color:var(--text-primary);

}

.editorial-model__item small{

    font-family:var(--font-body);

    font-size:var(--body-sm);

    color:var(--text-secondary);

}

.editorial-model__item--accent strong{

    color:var(--accent-burgundy);

}

.editorial-model__connector{

    font-family:var(--font-display);

    font-size:var(--h4);

    color:var(--text-secondary);

}


/* ==========================================================================
   07. PERSPECTIVE
========================================================================== */

.editorial-section--perspective{

    background:var(--surface-alt);

}

.editorial-feature{

    max-width:var(--content-editorial);

    margin:var(--section-space-md) auto 0;

    padding:var(--section-space-sm) 0;

    border-top:var(--border-width) solid var(--border-light);

    border-bottom:var(--border-width) solid var(--border-light);

}

.editorial-feature__statement{

    max-width:var(--content-wide);

    margin:0;

    font-family:var(--font-display);

    font-size:var(--display-lg);

    font-weight:var(--weight-regular);

    line-height:.98;

    letter-spacing:-.045em;

    color:var(--text-primary);

}

.editorial-feature__body{

    max-width:var(--content-reading);

    margin:var(--flow-lg) 0 0 auto;

    font-family:var(--font-body);

    font-size:var(--body-xl);

    line-height:var(--leading-body);

    color:var(--text-secondary);

}

.editorial-lens{

    max-width:var(--content-editorial);

    margin:var(--section-space-lg) auto 0;

}

.editorial-lens__header{

    margin-bottom:var(--flow-lg);

}

.editorial-lens__header h3{

    max-width:var(--content-narrow);

    margin:0;

    font-family:var(--font-display);

    font-size:var(--h3);

    font-weight:var(--weight-regular);

    line-height:var(--leading-display);

    letter-spacing:var(--tracking-tight);

}

.editorial-lens__table{

    width:100%;

    border-top:var(--border-width) solid var(--border-light);

}

.editorial-lens__row{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:var(--grid-gap);

    padding:var(--space-20) 0;

    border-bottom:var(--border-width) solid var(--border-light);

}

.editorial-lens__row span,
.editorial-lens__row strong{

    font-family:var(--font-body);

    font-size:var(--body);

    line-height:var(--leading-body);

}

.editorial-lens__row span{

    color:var(--text-secondary);

}

.editorial-lens__row strong{

    font-weight:var(--weight-medium);

    color:var(--text-primary);

}

.editorial-lens__row--head span{

    font-family:var(--font-display);

    font-size:var(--caption);

    font-weight:var(--weight-semibold);

    letter-spacing:var(--tracking-wide);

    text-transform:uppercase;

    color:var(--text-secondary);

}

.editorial-callout{

    max-width:var(--content-wide);

    margin:var(--section-space-md) auto 0;

    text-align:center;

}

.editorial-callout p{

    margin:0;

    font-family:var(--font-display);

    font-size:var(--display-lg);

    font-weight:var(--weight-regular);

    line-height:1.02;

    letter-spacing:-.04em;

    color:var(--text-secondary);

}

.editorial-callout strong{

    display:block;

    margin-top:.25em;

    font-weight:var(--weight-medium);

    color:var(--accent-burgundy);

}


/* ==========================================================================
   08. PRACTICE
========================================================================== */

.editorial-section--practice{

    background:var(--surface-default);

}

.editorial-practice{

    margin-top:var(--section-space-md);

}

.editorial-practice__intro{

    display:grid;

    grid-template-columns:.6fr 1.4fr;

    gap:var(--grid-gap-lg);

    padding-bottom:var(--section-space-sm);

    border-bottom:var(--border-width) solid var(--border-light);

}

.editorial-practice__intro h3{

    max-width:var(--content-wide);

    margin:0;

    font-family:var(--font-display);

    font-size:var(--h3);

    font-weight:var(--weight-regular);

    line-height:.98;

    letter-spacing:-.045em;

}

.editorial-practice__intro h3 span{

    color:var(--accent-burgundy);

}

.editorial-practice__list{

    max-width:var(--content-editorial);

    margin:0 auto;

}

.editorial-practice__item{

    display:grid;

    grid-template-columns:90px 1fr;

    gap:var(--grid-gap);

    padding:var(--section-space-xs) 0;

    border-bottom:var(--border-width) solid var(--border-light);

}

.editorial-practice__item > span{

    font-family:var(--font-display);

    font-size:var(--body-sm);

    font-weight:var(--weight-semibold);

    letter-spacing:var(--tracking-wide);

    color:var(--text-secondary);

}

.editorial-practice__item h4{

    margin:0 0 var(--space-12);

    font-family:var(--font-display);

    font-size:var(--h4);

    font-weight:var(--weight-medium);

    line-height:1;

    letter-spacing:var(--tracking-tight);

}

.editorial-practice__item p{

    max-width:var(--content-reading);

    margin:0;

    font-family:var(--font-body);

    font-size:var(--body);

    line-height:var(--leading-body);

    color:var(--text-secondary);

}

.editorial-conversations{

    margin-top:var(--section-space-lg);

}

.editorial-conversations > .editorial-eyebrow{

    margin-bottom:var(--flow-lg);

}

.editorial-conversations__grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:var(--grid-gap-lg);

}

.editorial-conversations__grid article{

    padding-top:var(--flow-sm);

    border-top:var(--border-width) solid var(--border-light);

}

.editorial-conversations__grid article > span{

    display:block;

    margin-bottom:var(--flow-md);

    font-family:var(--font-display);

    font-size:var(--caption);

    font-weight:var(--weight-semibold);

    letter-spacing:var(--tracking-wide);

    color:var(--text-secondary);

}

.editorial-conversations__grid h3{

    margin:0 0 var(--space-16);

    font-family:var(--font-display);

    font-size:var(--h4);

    font-weight:var(--weight-regular);

    line-height:1;

}

.editorial-conversations__grid p{

    margin:0;

    font-family:var(--font-body);

    font-size:var(--body);

    line-height:var(--leading-body);

    color:var(--text-secondary);

}


/* ==========================================================================
   09. DIFFERENCE
========================================================================== */

.editorial-section--difference{

    background:var(--surface-alt);

}

.editorial-difference{

    display:grid;

    grid-template-columns:1fr auto 1fr;

    gap:var(--grid-gap-lg);

    align-items:center;

    margin-top:var(--section-space-md);

}

.editorial-difference__old,
.editorial-difference__new{

    padding:var(--flow-md) 0;

}

.editorial-difference__old{

    opacity:.7;

}

.editorial-difference__new{

    padding-left:var(--flow-lg);

    border-left:var(--border-width) solid var(--accent-burgundy);

}

.editorial-difference ul{

    display:flex;

    flex-direction:column;

    gap:var(--flow-xs);

    margin:var(--flow-md) 0 0;

    padding:0;

    list-style:none;

}

.editorial-difference li{

    font-family:var(--font-body);

    font-size:var(--body-xl);

    line-height:1.3;

    color:var(--text-secondary);

}

.editorial-difference__new li{

    color:var(--text-primary);

}

.editorial-difference__arrow{

    font-family:var(--font-display);

    font-size:var(--h4);

    color:var(--accent-burgundy);

}

.editorial-quote{

    max-width:var(--content-editorial);

    margin:var(--section-space-lg) auto 0;

    text-align:center;

}

.editorial-quote p{

    margin:0;

    font-family:var(--font-display);

    font-size:var(--display-lg);

    font-weight:var(--weight-regular);

    line-height:1;

    letter-spacing:-.04em;

    color:var(--text-secondary);

}

.editorial-quote strong{

    display:block;

    margin-top:.35em;

    font-family:var(--font-display);

    font-size:var(--h3);

    font-weight:var(--weight-medium);

    line-height:.98;

    letter-spacing:-.045em;

    color:var(--text-primary);

}


/* ==========================================================================
   10. REFLECTION
========================================================================== */

.editorial-section--reflection{

    padding-bottom:var(--section-space-xl);

}

.editorial-audit{

    max-width:var(--content-editorial);

    margin:var(--section-space-md) auto 0;

    border-top:var(--border-width) solid var(--border-light);

    border-bottom:var(--border-width) solid var(--border-light);

}

.editorial-audit__header{

    display:grid;

    grid-template-columns:.7fr 1.3fr;

    gap:var(--grid-gap-lg);

    padding:var(--flow-md) 0;

    border-bottom:var(--border-width) solid var(--border-light);

}

.editorial-audit__header p:last-child{

    max-width:var(--content-reading);

    margin:0;

    font-family:var(--font-body);

    font-size:var(--body);

    line-height:1.5;

    color:var(--text-secondary);

}

.editorial-audit__list label{

    display:grid;

    grid-template-columns:70px 1fr;

    gap:var(--grid-gap);

    align-items:start;

    padding:var(--flow-md) 0;

    border-bottom:var(--border-width) solid var(--border-light);

    cursor:default;

}

.editorial-audit__list label:last-child{

    border-bottom:0;

}

.editorial-audit__list label > span:first-child{

    font-family:var(--font-display);

    font-size:var(--caption);

    font-weight:var(--weight-semibold);

    letter-spacing:var(--tracking-wide);

    color:var(--text-secondary);

}

.editorial-audit__list label > span:last-child{

    max-width:var(--content-default);

    font-family:var(--font-body);

    font-size:var(--body);

    line-height:1.5;

    color:var(--text-primary);

}

.editorial-closing{

    max-width:var(--content-wide);

    margin:var(--section-space-lg) auto 0;

    text-align:center;

}

.editorial-closing h3{

    margin:0;

    font-family:var(--font-display);

    font-size:var(--display-lg);

    font-weight:var(--weight-regular);

    line-height:.95;

    letter-spacing:-.045em;

}

.editorial-closing > p:not(.editorial-eyebrow){

    max-width:var(--content-reading);

    margin:var(--flow-md) auto 0;

    font-family:var(--font-body);

    font-size:var(--body);

    line-height:var(--leading-body);

    color:var(--text-secondary);

}

.editorial-download{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    gap:var(--flow-sm);

    margin-top:var(--flow-lg);

    padding:var(--space-16) 0;

    border-bottom:var(--border-width) solid currentColor;

    font-family:var(--font-display);

    font-size:var(--body);

    font-weight:var(--weight-medium);

    text-decoration:none;

    transition:
        gap var(--transition-normal),
        color var(--transition-normal);

}

.editorial-download:hover{

    gap:var(--flow-md);

    color:var(--accent-burgundy);

}

.editorial-conversation{

    max-width:var(--content-wide);

    margin:var(--section-space-xl) auto 0;

    padding-top:var(--section-space-sm);

    border-top:var(--border-width) solid var(--border-light);

    text-align:center;

}

.editorial-conversation h3{

    max-width:var(--content-wide);

    margin:0 auto;

    font-family:var(--font-display);

    font-size:var(--display-lg);

    font-weight:var(--weight-regular);

    line-height:.98;

    letter-spacing:-.045em;

}

.editorial-conversation p:not(.editorial-eyebrow){

    max-width:var(--content-reading);

    margin:var(--flow-md) auto 0;

    font-family:var(--font-body);

    font-size:var(--body);

    line-height:var(--leading-body);

    color:var(--text-secondary);

}

.editorial-conversation .btn.btn-primary{

    display:flex;

    width:max-content;

    margin:var(--flow-lg) auto 0;

}

.editorial-conversation__link{

    display:inline-flex;

    align-items:center;

    gap:var(--flow-sm);

    margin-top:var(--flow-lg);

    font-family:var(--font-display);

    font-size:var(--body);

    font-weight:var(--weight-medium);

    text-decoration:none;

    transition:
        gap var(--transition-normal),
        color var(--transition-normal);

}

.editorial-conversation__link:hover{

    gap:var(--flow-md);

    color:var(--accent-burgundy);

}


/* ==========================================================================
   11. REVEAL
========================================================================== */

.editorial .reveal{

    opacity:0;

    transform:translateY(30px);

    transition:
        opacity var(--motion-editorial) cubic-bezier(.22,1,.36,1),
        transform var(--motion-editorial) cubic-bezier(.22,1,.36,1);

}

.editorial .reveal.in-view{

    opacity:1;

    transform:none;

}


/* ==========================================================================
   12. PAGE-SPECIFIC ACCENTS
========================================================================== */

.editorial--advisory{

    --editorial-accent:var(--accent-burgundy);

}

.editorial--leadership{

    --editorial-accent:var(--accent-burgundy);

}

.editorial--performance{

    --editorial-accent:var(--accent-burgundy);

}

.editorial--excellence{

    --editorial-accent:var(--accent-burgundy);

}


/* ==========================================================================
   13. TABLET
========================================================================== */

@media (max-width:992px){

    .editorial-section{

        padding-top:var(--section-space-md);

        padding-bottom:var(--section-space-md);

    }

    .editorial-hero{

        min-height:90svh;

    }

    .editorial-hero__inner{

        padding-top:var(--section-space-xl);

        padding-bottom:var(--section-space-md);

    }

    .editorial-hero__title{

        max-width:var(--content-wide);

    }

    .editorial-grid--challenge{

        grid-template-columns:1fr;

        gap:var(--section-space-sm);

    }

    .editorial-observation{

        max-width:var(--content-narrow);

        padding-left:var(--flow-md);

    }

    .editorial-model{

        max-width:var(--content-narrow);

    }

    .editorial-feature__body{

        margin-left:0;

    }

    .editorial-practice__intro{

        grid-template-columns:1fr;

        gap:var(--grid-gap);

    }

    .editorial-difference{

        gap:var(--grid-gap-lg);

    }

    .editorial-difference__new{

        padding-left:var(--flow-md);

    }

}


/* ==========================================================================
   14. MOBILE
========================================================================== */

@media (max-width:768px){

    .editorial-section{

        padding-top:var(--section-space-sm);

        padding-bottom:var(--section-space-sm);

    }

    .editorial-section + .editorial-section{

        padding-top:var(--section-space-sm);

    }


    /* ----------------------------------------------------------------------
       HERO
    ---------------------------------------------------------------------- */

    .editorial-hero{

        min-height:82svh;

    }

    .editorial-hero__image{

        object-position:center center;

    }

    .editorial-hero::after{

        background:
            linear-gradient(
                180deg,
                rgba(27,26,24,.04) 0%,
                rgba(27,26,24,.16) 35%,
                rgba(27,26,24,.76) 100%
            );

    }

    .editorial-hero__inner{

        padding-top:var(--section-space-lg);

        padding-bottom:var(--section-space-sm);

    }

    .editorial-hero__scroll{

        display:none;

    }


    /* ----------------------------------------------------------------------
       INTRO
    ---------------------------------------------------------------------- */

    .editorial-eyebrow{

        font-size:.78rem;

    }

    .editorial-title{

        font-size:var(--h1);

        line-height:.96;

    }

    .editorial-lead{

        margin-top:var(--flow-md);

    }


    /* ----------------------------------------------------------------------
       CHALLENGE
    ---------------------------------------------------------------------- */

    .editorial-grid--challenge{

        gap:var(--section-space-xs);

        margin-top:var(--section-space-xs);

    }

    .editorial-copy p{

        font-size:var(--body-lg);

        line-height:1.6;

    }

    .editorial-question{

        margin-top:var(--flow-lg) !important;

        padding-left:var(--flow-xs);

        font-size:var(--h5) !important;

    }

    .editorial-observation{

        padding:var(--flow-md) 0 var(--flow-md) var(--flow-sm);

    }

    .editorial-observation blockquote{

        font-size:var(--h4);

    }

    .editorial-observation > p:last-child{

        font-size:var(--body);

        line-height:1.55;

    }


    /* ----------------------------------------------------------------------
       MODEL
    ---------------------------------------------------------------------- */

    .editorial-model{

        grid-template-columns:1fr;

        gap:var(--flow-sm);

        margin-top:var(--section-space-xs);

        padding:var(--flow-md) 0;

    }

    .editorial-model__connector{

        transform:rotate(90deg);

        justify-self:center;

        font-size:var(--h5);

    }

    .editorial-model__item strong{

        font-size:var(--h5);

    }


    /* ----------------------------------------------------------------------
       FEATURE
    ---------------------------------------------------------------------- */

    .editorial-feature{

        margin-top:var(--section-space-xs);

        padding:var(--section-space-xs) 0;

    }

    .editorial-feature__statement{

        font-size:var(--h2);

        line-height:1;

    }

    .editorial-feature__body{

        margin-top:var(--flow-md);

    }


    /* ----------------------------------------------------------------------
       LENS
    ---------------------------------------------------------------------- */

    .editorial-lens{

        margin-top:var(--section-space-sm);

    }

    .editorial-lens__header{

        margin-bottom:var(--flow-md);

    }

    .editorial-lens__header h3{

        font-size:var(--h3);

    }

    .editorial-lens__row{

        grid-template-columns:1fr;

        gap:var(--space-8);

        padding:var(--space-16) 0;

    }

    .editorial-lens__row span,
    .editorial-lens__row strong{

        font-size:var(--body);

    }

    .editorial-lens__row--head{

        display:none;

    }

    .editorial-callout{

        margin-top:var(--section-space-sm);

    }

    .editorial-callout p{

        font-size:var(--h2);

    }


    /* ----------------------------------------------------------------------
       PRACTICE
    ---------------------------------------------------------------------- */

    .editorial-practice{

        margin-top:var(--section-space-xs);

    }

    .editorial-practice__intro{

        padding-bottom:var(--section-space-xs);

    }

    .editorial-practice__intro h3{

        font-size:var(--h3);

    }

    .editorial-practice__item{

        grid-template-columns:45px 1fr;

        gap:var(--flow-xs);

        padding:var(--section-space-xs) 0;

    }

    .editorial-practice__item h4{

        font-size:var(--h4);

    }

    .editorial-practice__item p{

        font-size:var(--body);

        line-height:1.55;

    }

    .editorial-conversations{

        margin-top:var(--section-space-sm);

    }

    .editorial-conversations__grid{

        grid-template-columns:1fr;

        gap:var(--section-space-xs);

    }

    .editorial-conversations__grid article{

        padding-top:var(--flow-sm);

    }

    .editorial-conversations__grid h3{

        font-size:var(--h4);

    }


    /* ----------------------------------------------------------------------
       DIFFERENCE
    ---------------------------------------------------------------------- */

    .editorial-difference{

        grid-template-columns:1fr;

        gap:var(--flow-sm);

        margin-top:var(--section-space-xs);

    }

    .editorial-difference__old,
    .editorial-difference__new{

        padding:var(--flow-sm) 0;

    }

    .editorial-difference__new{

        padding-left:var(--flow-sm);

    }

    .editorial-difference__arrow{

        justify-self:center;

        transform:rotate(90deg);

        font-size:var(--h5);

    }

    .editorial-difference li{

        font-size:var(--body-lg);

    }

    .editorial-quote{

        margin-top:var(--section-space-sm);

    }

    .editorial-quote p{

        font-size:var(--h2);

    }

    .editorial-quote strong{

        font-size:var(--h3);

    }


    /* ----------------------------------------------------------------------
       AUDIT
    ---------------------------------------------------------------------- */

    .editorial-audit{

        margin-top:var(--section-space-xs);

    }

    .editorial-audit__header{

        grid-template-columns:1fr;

        gap:var(--flow-xs);

        padding:var(--flow-sm) 0;

    }

    .editorial-audit__header p:last-child{

        font-size:var(--body);

    }

    .editorial-audit__list label{

        grid-template-columns:40px 1fr;

        gap:var(--flow-xs);

        padding:var(--flow-sm) 0;

    }

    .editorial-audit__list label > span:last-child{

        font-size:var(--body);

        line-height:1.5;

    }


    /* ----------------------------------------------------------------------
       CLOSING
    ---------------------------------------------------------------------- */

    .editorial-closing{

        margin-top:var(--section-space-sm);

    }

    .editorial-closing h3{

        font-size:var(--display-lg);

    }

    .editorial-closing > p:not(.editorial-eyebrow){

        font-size:var(--body);

        line-height:1.55;

    }

    .editorial-download{

        margin-top:var(--flow-md);

        font-size:var(--body);

    }

    .editorial-conversation{

        margin-top:var(--section-space-md);

        padding-top:var(--section-space-xs);

    }

    .editorial-conversation h3{

        font-size:var(--display-lg);

    }

    .editorial-conversation p:not(.editorial-eyebrow){

        font-size:var(--body);

    }

}


/* ==========================================================================
   15. SMALL MOBILE
========================================================================== */

@media (max-width:480px){

    .editorial-section{

        padding-top:var(--section-space-xs);

        padding-bottom:var(--section-space-xs);

    }

    .editorial-hero{

        min-height:78svh;

    }

    .editorial-hero__inner{

        padding-top:var(--section-space-lg);

        padding-bottom:var(--section-space-xs);

    }

    .editorial-hero__title{

        font-size:var(--h1);

    }

    .editorial-title{

        font-size:var(--h1);

    }

    .editorial-lead{

        font-size:var(--body-lg);

    }

    .editorial-feature__statement{

        font-size:var(--h2);

    }

    .editorial-callout p{

        font-size:var(--h2);

    }

    .editorial-practice__item{

        grid-template-columns:35px 1fr;

    }

    .editorial-practice__item h4{

        font-size:var(--h4);

    }

    .editorial-quote p{

        font-size:var(--h2);

    }

    .editorial-quote strong{

        font-size:var(--h3);

    }

    .editorial-closing h3{

        font-size:var(--h2);

    }

}


/* ==========================================================================
   16. REDUCED MOTION
========================================================================== */

@media (prefers-reduced-motion:reduce){

    .editorial .reveal{

        opacity:1;

        transform:none;

        transition:none;

    }

    .editorial-download,
    .editorial-conversation__link{

        transition:none;

    }

    .editorial-item,
    .editorial-item::before{

        transition:none;

    }

}


/* ==========================================================================
   17. EDITORIAL CTA SPACING
========================================================================== */

@media (max-width:768px){

    .editorial-closing .btn.btn-primary,
    .editorial-conversation .btn.btn-primary{

        margin-top:var(--flow-md);

    }

}