/* Final fit-and-finish rules for the reconstructed artwork, not the legacy layout. */
.rr-photo-crew{background-image:url('./assets/reference-crew.jpg');background-size:cover;background-position:center}
.rr-photo-boards{background-image:url('./assets/reference-boards.jpg');background-size:cover;background-position:center}
.rr-photo-invoice{background-image:url('./assets/reference-invoice.jpg');background-size:cover;background-position:center}
.rr-photo-job-martin{background-image:url('./assets/reference-job-martin.jpg');background-size:cover;background-position:center}
.rr-photo-job-harper{background-image:url('./assets/reference-job-harper.jpg');background-size:cover;background-position:center}
.rr-photo-job-ocean{background-image:url('./assets/reference-job-ocean.jpg');background-size:cover;background-position:center}
/* Keep the quieter default recognisably the supplied composition. */
html[data-density=focused] .rr-advanced{display:none}
.rr-advanced{margin:15px 0;padding:20px}.rr-advanced h2{font-size:26px;margin-bottom:10px}.rr-advanced .risk-row{background:var(--rr-row);border-radius:10px;margin:8px 0}.rr-advanced .risk-copy p{color:var(--rr-muted)}
.rr-stage-rail[data-stage="0"]:after{display:none}
.rr-app[data-persona=operative] .rr-financials,.rr-app[data-persona=operative] .rr-mini-footer>strong{display:none}
.rr-app[data-persona=operative] .rr-feature-bottom:after{content:'Site view · commercial details stay with the office';display:block;text-align:center;padding:12px;color:var(--rr-muted);font-size:12px}
.rr-app[data-persona=operative] .rr-stage-rail button:first-child{pointer-events:none}
html[data-glow=off] .rr-stage-rail .current>span,html[data-glow=off] .rr-rail{box-shadow:none}
.rr-footer{font-size:10px}.rr-footer button{min-height:28px;font-size:10px}
.rr-inner-content .card+.card{margin-top:0}.rr-inner-content .card:only-child{margin-top:0}
.rr-inner-content .equal-col,.rr-inner-content .two-col{align-items:start}
.rr-inner-content .card-head h2{line-height:1.24}
.rr-inner-content .head-buttons{flex-wrap:wrap}
.rr-app .rr-search:focus-visible,.rr-app .rr-round:focus-visible{outline-offset:4px}
.rr-app button[aria-disabled=true]{opacity:.7;cursor:default}
html[data-skin=obsidian] .rr-assist{background:#102d39f5;color:#edf8f9;border-color:#488a9580}
html[data-skin=obsidian] .rr-assist h2,html[data-skin=obsidian] .rr-assist strong{color:#f5fcff}
html[data-skin=obsidian] .rr-assist>p,html[data-skin=obsidian] .rr-search-results small{color:#c2d5de}
html[data-skin=obsidian] .rr-profile-options button,html[data-skin=obsidian] .rr-search-field input{background:#173b49;color:#ecfbff;border-color:#50808d}
html[data-skin=obsidian] .rr-search-results>button{color:#edf8fc;border-color:#326171}
@media(max-width:760px){
 .rr-inner-content .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .rr-inner-content .job-row{align-items:flex-start}.rr-inner-content .job-side{width:100%}
 .rr-attention-copy p{max-width:none}.rr-attention-copy h3{max-width:none}
 .rr-advanced .risk-row{padding:14px}.rr-advanced .risk-action{margin-left:0;width:100%}
 .rr-footer{padding-bottom:14px}.rr-footer>div{flex-wrap:wrap;justify-content:center}
 .rr-footer button{min-height:38px;font-size:11px}
 .rr-is-inner .rr-header h1{max-width:100%;overflow-wrap:anywhere}
}
@media(max-width:410px){.rr-search{width:180px}.rr-header-tools{max-width:100%;gap:5px}.rr-company{font-size:8px}.rr-header h1{font-size:35px}.rr-feature-heading h2{font-size:26px}.rr-mini-footer{flex-wrap:wrap}.rr-mini-footer>div{border:0;padding-left:0}.rr-mini-menu{min-width:28px}.rr-app .rr-job-title{white-space:normal}.rr-mini-job{min-height:136px}.rr-cost-metric small{white-space:normal}}
@media(prefers-reduced-motion:reduce){.rr-button:hover{transform:none}.rr-glass,.rr-button,.rr-rail{transition:none!important}}
@media print{.rr-advanced{display:block}}
@media(min-width:761px) and (max-width:1120px){.rr-header h1{white-space:normal;max-width:100%;line-height:1.1}.rr-header{height:auto;min-height:159px}.rr-header .rr-subtitle{max-width:100%}.rr-header-tools{max-width:100%}}

/* Native-resolution crop from the supplied original: photographic pixels only,
   with all project titles, metadata and controls remaining editable HTML. */
.rr-feature-art:after{left:0;right:auto;top:auto;bottom:0;width:56%;height:58%;background:url('./assets/kitchen-photo-native.avif') center/cover no-repeat;mask-image:linear-gradient(90deg,#000 0%,#000 75%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 75%,transparent 100%);z-index:0;pointer-events:none}
html[data-skin=obsidian] .rr-feature-art:after{background-image:url('./assets/kitchen-photo-native.avif');filter:brightness(.8)}

.rr-photo-crew,.rr-photo-boards,.rr-photo-invoice{background-image:url('./assets/attention-native.avif');background-size:300% 100%}
.rr-photo-crew{background-position:0 0}.rr-photo-boards{background-position:50% 0}.rr-photo-invoice{background-position:100% 0}
.rr-sun{padding:0}
@media(min-width:761px) and (max-width:1120px){.rr-metrics{height:auto;grid-template-columns:repeat(2,minmax(0,1fr));max-width:100%}.rr-metric{min-height:72px}.rr-cost-metric{grid-column:1/-1;min-height:58px}.rr-metric small{white-space:normal}.rr-cost-metric b{white-space:nowrap}}

/* Preserve photographic proportions instead of stretching a sprite on phones. */
.rr-photo-crew{background-image:url('./assets/native-crew.png');background-size:cover;background-position:center}
.rr-photo-boards{background-image:url('./assets/native-boards.png');background-size:cover;background-position:center}
.rr-photo-invoice{background-image:url('./assets/native-invoice.png');background-size:cover;background-position:center}
@media(max-width:760px){.rr-company{display:none}.rr-header-tools{left:0;right:0;top:0;gap:8px}.rr-header-tools .rr-search{flex:1;width:auto;min-width:0}.rr-header-tools .rr-search span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rr-header{padding-top:48px}.rr-is-inner .rr-header{padding-top:49px}.rr-attention-row>.rr-photo{height:105px;min-height:105px;align-self:start}}
@media(max-height:800px) and (min-width:761px){.rr-rail{overflow-y:auto;scrollbar-width:thin}.rr-rail-foot{min-height:160px}}
