.trio-pvs{
    --trio-pvs-gold:#c6a153;
    --trio-pvs-dark:#353535;
    --trio-pvs-text:#333;
    width:100%;
}
.trio-pvs-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:24px;
    margin-bottom:20px;
}
.trio-pvs-heading{
    display:flex;
    align-items:flex-start;
    gap:13px;
}
.trio-pvs-heading-icon{
    width:29px;
    height:29px;
    flex:0 0 29px;
    margin-top:3px;
    color:var(--trio-pvs-gold);
}
.trio-pvs svg{
    display:block;
    width:100%;
    height:100%;
    fill:none;
    stroke:currentColor;
    stroke-width:1.75;
    stroke-linecap:round;
    stroke-linejoin:round;
}
.trio-pvs-heading h2{
    margin:0 0 5px;
    color:var(--trio-pvs-text);
    font-family:inherit;
    font-size:clamp(25px,2.2vw,38px);
    line-height:1.15;
    font-weight:600;
}
.trio-pvs-heading p{
    margin:0;
    color:#777;
    font-size:13px;
    line-height:1.45;
}
.trio-pvs-tour-button{
    min-height:48px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:9px;
    padding:11px 16px;
    border-radius:6px;
    color:#fff!important;
    background:var(--trio-pvs-dark);
    text-decoration:none!important;
    font-size:12px;
    transition:transform .18s ease,background .18s ease;
}
.trio-pvs-tour-button:hover{
    background:#242424;
    transform:translateY(-1px);
}
.trio-pvs-tour-button span{
    width:20px;
    height:20px;
}
.trio-pvs-tour-button i{
    width:14px;
    height:14px;
}
.trio-pvs-grid{
    display:grid;
    gap:20px;
}
.trio-pvs-grid.has-two-items{
    grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr);
}
.trio-pvs-grid.has-one-item{
    grid-template-columns:1fr;
}
.trio-pvs-card{
    min-width:0;
    overflow:hidden;
    border:1px solid rgba(45,45,45,.12);
    border-radius:9px;
    background:#f6f3ee;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.trio-pvs-card-label{
    min-height:44px;
    display:flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    color:#3c3c3c;
    background:#fff;
    border-bottom:1px solid rgba(45,45,45,.10);
    font-size:12px;
}
.trio-pvs-card-label span{
    width:17px;
    height:17px;
    color:var(--trio-pvs-gold);
}
.trio-pvs-player{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    overflow:hidden;
    background:#111;
}
.trio-pvs-player iframe,
.trio-pvs-player video{
    display:block;
    width:100%;
    height:100%;
    border:0;
    object-fit:cover;
}
.trio-pvs-external-video{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:12px;
    color:#fff!important;
    background-color:#222;
    background-position:center;
    background-size:cover;
    text-decoration:none!important;
    overflow:hidden;
}
.trio-pvs-external-video::before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.48);
}
.trio-pvs-external-video > *{
    position:relative;
    z-index:1;
}
.trio-pvs-play{
    width:64px;
    height:64px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:17px;
    border:2px solid rgba(255,255,255,.85);
    border-radius:50%;
    background:rgba(0,0,0,.35);
}
.trio-pvs-tour-card{
    display:flex;
}
.trio-pvs-tour-visual{
    width:100%;
    min-height:100%;
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding:36px 30px;
    color:#fff;
    background:
        radial-gradient(circle at 85% 15%,rgba(198,161,83,.58),transparent 35%),
        linear-gradient(145deg,#343434,#1f1f1f);
}
.trio-pvs-tour-icon{
    width:38px;
    height:38px;
    margin-bottom:17px;
    color:var(--trio-pvs-gold);
}
.trio-pvs-360{
    display:inline-block;
    margin-bottom:8px;
    color:var(--trio-pvs-gold);
    font-size:13px;
    font-weight:800;
    letter-spacing:.12em;
}
.trio-pvs-tour-visual h3{
    margin:0 0 10px;
    color:#fff;
    font-family:inherit;
    font-size:23px;
    line-height:1.2;
    font-weight:700;
}
.trio-pvs-tour-visual p{
    margin:0 0 22px;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.55;
}
.trio-pvs-tour-visual a{
    min-height:43px;
    display:inline-flex;
    align-items:center;
    gap:8px;
    padding:10px 14px;
    border-radius:5px;
    color:#303030!important;
    background:#fff;
    text-decoration:none!important;
    font-size:11px;
}
.trio-pvs-tour-visual a span{
    width:18px;
    height:18px;
    color:var(--trio-pvs-gold);
}
.trio-pvs-tour-visual a i{
    width:13px;
    height:13px;
}
@media (max-width:900px){
    .trio-pvs-grid.has-two-items{
        grid-template-columns:1fr;
    }
    .trio-pvs-tour-visual{
        min-height:270px;
    }
}
@media (max-width:767px){
    .trio-pvs-head{
        align-items:flex-start;
        margin-bottom:15px;
    }
    .trio-pvs-heading{
        gap:10px;
    }
    .trio-pvs-heading-icon{
        width:25px;
        height:25px;
        flex-basis:25px;
    }
    .trio-pvs-heading h2{
        font-size:25px;
    }
    .trio-pvs-heading p{
        font-size:11px;
    }
    .trio-pvs-tour-button{
        display:none;
    }
    .trio-pvs-grid{
        gap:14px;
    }
    .trio-pvs-card{
        border-radius:6px;
    }
    .trio-pvs-card-label{
        min-height:40px;
        padding:9px 11px;
        font-size:11px;
    }
    .trio-pvs-tour-visual{
        min-height:240px;
        padding:27px 22px;
    }
    .trio-pvs-tour-visual h3{
        font-size:20px;
    }
}