.showHero{
    padding:34px 0 18px;
    }
    
    .showHeroInner{
    display:grid;
    grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);
    gap:24px;
    align-items:stretch;
    }
    
    .showHeroMedia{
    min-height:560px;
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    background:
    linear-gradient(180deg, rgba(0,0,0,.00), rgba(0,0,0,.38)),
    var(--img) center/cover no-repeat;
    }
    
    .showHeroContent{
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    background:var(--bg);
    padding:30px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    }
    
    .showKicker{
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:700;
    margin-bottom:12px;
    }
    
    .showTitle{
    font-family:var(--serif);
    font-size:clamp(42px,5vw,82px);
    line-height:.96;
    letter-spacing:-0.03em;
    }
    
    .showAuthor{
    margin-top:14px;
    font-family:var(--serif);
    font-size:24px;
    line-height:1.2;
    color:color-mix(in srgb, var(--ink), transparent 12%);
    }
    
    .showDirection{
    margin-top:10px;
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:700;
    }
    
    .showYears{
    margin-top:24px;
    display:flex;
    flex-direction:column;
    gap:6px;
    }
    
    .showYearRow{
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:700;
    }
    
    .backNav{
    margin-top:12px;
    margin-bottom:8px;
    }
    
    .backLink{
    display:inline-flex;
    align-items:center;
    gap:6px;
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    font-weight:700;
    color:var(--muted);
    transition:
    color .18s var(--ease-out),
    transform .18s var(--ease-out);
    }
    
    .backLink:hover{
    color:var(--accent);
    transform:translateX(-2px);
    }
    
    .showSection{
    margin-top:8px;
    }
    
    .showGrid{
    display:grid;
    grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
    gap:24px;
    align-items:start;
    }
    
    .showTextBlock{
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    background:var(--bg);
    padding:26px;
    }
    
    .showText p{
    color:var(--muted);
    line-height:1.95;
    font-size:16px;
    }
    
    .showText p + p{
    margin-top:18px;
    }
    
    .showCard{
    border:1px solid var(--line);
    box-shadow:var(--shadow);
    background:var(--bg);
    padding:26px;
    }
    
    .showCardTitle{
    font-size:12px;
    letter-spacing:.14em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:700;
    margin-bottom:16px;
    }
    
    .creditsList{
    display:grid;
    gap:14px;
    }
    
    .creditRow{
    display:grid;
    grid-template-columns:120px 1fr;
    gap:16px;
    padding-top:12px;
    border-top:1px solid var(--line);
    }
    
    .creditRow:first-child{
    border-top:0;
    padding-top:0;
    }
    
    .creditLabel{
    font-size:12px;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--muted);
    font-weight:700;
    }
    
    .creditValue{
    color:color-mix(in srgb, var(--ink), transparent 10%);
    line-height:1.75;
    font-size:15px;
    }
    
    @media (max-width:980px){
    
    .showHeroInner{
    grid-template-columns:1fr;
    }
    
    .showHeroMedia{
    min-height:420px;
    }
    
    .showGrid{
    grid-template-columns:1fr;
    }
    
    }
    
    @media (max-width:640px){
    
    .showHero{
    padding:26px 0 14px;
    }
    
    .showHeroMedia{
    min-height:300px;
    }
    
    .showHeroContent,
    .showTextBlock,
    .showCard{
    padding:20px 18px;
    }
    
    .showAuthor{
    font-size:20px;
    }
    
    .creditRow{
    grid-template-columns:1fr;
    gap:6px;
    }
    
    }