.vr-fields,.vr-project{font-family:inherit;padding:28px;background:#f6f5f1;border:1px solid #dcdcd5;border-radius:4px;margin:24px 0;color:#252620}.vr-fields h3{font-size:24px;margin:0 0 10px}.vr-fields p{font-size:14px;line-height:1.7;color:#5b5e54}.vr-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px;margin:24px 0}.vr-field-grid label{display:grid;gap:8px;font-size:14px;font-weight:600}.vr-field-grid input{width:100%;box-sizing:border-box;padding:13px 14px;border:1px solid #c8cac0;border-radius:3px;background:white;color:#252620;font:inherit}.vr-field-grid input:focus{outline:2px solid #a7482e;outline-offset:2px}.vr-kicker{font-size:12px;letter-spacing:2px;color:#a7482e}.vr-specs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px;margin:0}.vr-specs>div{padding:18px 0;border-bottom:1px solid #dbddd4}.vr-specs dt{font-size:12px;color:#686b60;margin-bottom:8px}.vr-specs dd{font-size:17px;margin:0;line-height:1.6;overflow-wrap:anywhere}@media(max-width:650px){.vr-fields,.vr-project{padding:20px}.vr-field-grid,.vr-specs{grid-template-columns:1fr}.vr-field-grid{gap:16px}}
.vr-compare{position:relative;aspect-ratio:16/10;background:#24261f;overflow:hidden;margin-top:24px}.vr-compare img{position:absolute;width:100%;height:100%;object-fit:contain}.vr-before{clip-path:inset(0 calc(100% - var(--reveal)) 0 0)}.vr-before-label,.vr-after-label{position:absolute;top:18px;background:#222b;color:white;padding:7px 10px;font-size:12px;letter-spacing:2px}.vr-before-label{left:18px}.vr-after-label{right:18px}.vr-slider{display:flex;align-items:center;gap:18px;padding:18px;background:#f6f5f1;font-size:14px}.vr-slider input{flex:1;min-width:60px;accent-color:#a7482e}

.vr-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px}.vr-card{display:block}.vr-card-image{aspect-ratio:4/3;background:#e4e3db;display:grid;place-items:center;overflow:hidden;color:#62665b;font-size:13px}.vr-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.vr-card:hover img{transform:scale(1.03)}.vr-card h3{font-size:23px;line-height:1.35;margin:14px 0 8px;letter-spacing:-.5px}.vr-card-meta{font-size:13px;color:#6b6f63;display:flex;flex-wrap:wrap;gap:8px 16px}.vr-empty{padding:32px;border:1px solid #d3d5cb;color:#676b60;grid-column:1/-1}.vr-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.vr-list-heading h1{font-size:34px;margin:0}.vr-search{display:flex;gap:8px;margin:24px 0}.vr-search input{padding:10px;border:1px solid #999;min-width:0}.vr-search button{padding:10px 18px;background:#252720;color:white;border:0}
@media(max-width:650px){.vr-cards{grid-template-columns:1fr}}

@media(max-width:650px){.vr-specs{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.vr-specs dd{font-size:15px}.vr-specs>div{padding:12px 0}}
.vr-compare~#bo_v #bo_v_img{display:none}

/* Keep the native board controls while matching the portfolio layout. */
.vr-project~#bo_v{background:transparent;margin-top:28px}.vr-project~#bo_v #bo_v_title{font-size:clamp(24px,3vw,34px);line-height:1.35;overflow-wrap:anywhere}.vr-project~#bo_v #bo_v_info{border-color:#d3d5cb}.vr-project~#bo_v #bo_v_con{min-height:0;margin:24px 0 36px;line-height:1.8;font-size:16px;overflow-wrap:anywhere}.vr-project~#bo_v #bo_vc_empty{padding:28px 0;color:#72766b}.vr-project~#bo_v .cmt_btn{border-color:#d3d5cb}.vr-project~#bo_v .cmt_btn span.total{color:#7a4935}

.vr-project~#bo_v #bo_v_title .bo_v_tit{font-size:inherit;line-height:inherit}.vr-project~#bo_v #bo_v_atc{min-height:0}.vr-project~#bo_v #bo_vc #bo_vc_empty{padding:28px 0 !important}.vr-project~#bo_v .cmt_btn{background:transparent}

/* Keep the search label and submit text intact on narrow screens. */
form.vr-search{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:stretch}form.vr-search label{grid-column:1/-1;font-size:14px;line-height:1.5}form.vr-search input:not([type=hidden]){width:100%;min-width:0;min-height:44px}form.vr-search button{white-space:nowrap;min-width:68px;min-height:44px}form.vr-search input:focus-visible,form.vr-search button:focus-visible{outline:3px solid var(--rf-accent,#a64a31);outline-offset:3px}
