/* ARTISTASDELATIERRA — Entrevista
   Només estils específics. Capçalera, navegació, botons i 6 obres
   provenen d'espai-artista.css.
*/

.interview{
    padding-block:72px 84px;
    max-width:980px;
}

.interview__head{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:30px;
    margin-bottom:42px;
}

.interview__head h2{
    font-size:clamp(2.2rem,4vw,4rem);
    margin:.08em 0 0;
    font-weight:300;
}

.interview-message{
    margin:0 0 28px;
}

.interview__name{
    margin:0 0 8px;
    color:var(--adt-text-light);
    font-size:1.15rem;
}

.interview__date{
    margin:0 0 28px;
    color:var(--adt-text-subdued);
    font-size:.85rem;
}

.interview__intro{
    max-width:850px;
    margin-bottom:52px;
    color:var(--adt-text-muted);
    font-size:1rem;
    line-height:1.75;
}

.interview__questions{
    max-width:850px;
}

.interview-item{
    padding:32px 0;
    border-top:1px solid var(--line);
}

.interview-item h3{
    margin:0 0 14px;
    color:var(--adt-text-light);
    font-size:1.15rem;
    line-height:1.4;
    font-weight:400;
}

.interview-item__answer{
    color:var(--adt-text-muted);
    font-size:1rem;
    line-height:1.8;
}

.interview-empty{
    color:var(--adt-text-faint);
    font-style:italic;
}

.interview-editor{
    max-width:850px;
}

.interview-editor label{
    display:block;
    margin:0 0 28px;
}

.interview-editor label>span{
    display:block;
    margin:0 0 8px;
    color:var(--adt-text-dim);
    font-size:.78rem;
}

.interview-editor input,
.interview-editor textarea{
    width:100%;
    box-sizing:border-box;
    padding:13px 14px;
    border:1px solid var(--line);
    border-radius:0;
    background:rgba(255,255,255,.03);
    color:inherit;
    font:inherit;
}

.interview-editor textarea{
    resize:vertical;
    line-height:1.6;
}

.interview-editor input:focus,
.interview-editor textarea:focus{
    outline:none;
    border-color:#a86632;
}

.interview-editor__grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:20px;
}

.interview-editor__custom{
    margin:6px 0 28px;
    padding:24px;
    border:1px solid rgba(255,255,255,.08);
}

.interview-editor__custom label:last-child{
    margin-bottom:0;
}

.interview-editor__actions{
    display:flex;
    justify-content:flex-end;
    gap:12px;
    margin-top:10px;
}

@media(max-width:700px){
    .interview{
        padding-block:48px;
    }

    .interview__head{
        align-items:flex-start;
        flex-direction:column;
    }

    .interview-editor__grid{
        grid-template-columns:1fr;
        gap:0;
    }

    .interview-editor__custom{
        padding:18px;
    }
}