/* Final reference-led refinement, 15 November 2026.
 * Complements the existing layouts without changing routing or auction permissions.
 */
:root{
  --ref-ink:#103d46;
  --ref-mint:#b8e9ae;
  --ref-teal:#003b43;
  --ref-yellow:#ffb500;
}
/* The licensed Qanelas 400/700/800 faces already load from the site's Supabase CMS.
   Previous navigation refinements forced Manrope and prevented them taking effect. */
body,button,input,select,textarea{font-family:var(--font,"Auction Licensed","DM Sans",sans-serif)}
h1,h2,h3,h4,h5,h6{font-family:var(--display,"Auction Licensed",Manrope,sans-serif)}
.utility-bar .utility-inner a,
.utility-bar .utility-search,
.main-header .primary-nav>a,
.main-header .mega-primary-link,
.main-header .mega-main h2,
.main-header .mega-link-columns a,
.main-header .mega-promo h2,
.main-header .mega-promo p,
.main-header .mega-promo a.mega-promo-button,
.main-header .header-actions .btn-primary{font-family:var(--font,"Auction Licensed",sans-serif)!important}
.main-header .logo-reference{height:100%!important;min-height:0;align-items:center;overflow:visible}
.main-header .logo-reference .uploaded-logo{display:block!important;width:100%!important;height:auto!important;aspect-ratio:19/10;max-height:94px!important;object-fit:contain!important;object-position:center!important;opacity:1!important}
.main-header .logo-reference:focus-visible,.main-header .mega-primary-link:focus-visible{
 outline:3px solid #067e77;outline-offset:6px;border-radius:5px}
.main-header .header-actions .btn-primary:focus-visible,.btn:focus-visible,.save-btn:focus-visible,
.category-chip:focus-visible,.filter-panel button:focus-visible{outline:3px solid #087c75;outline-offset:3px}
/* Reference hero: retain the existing four cards and original licensed image slideshow. */
.motion-home .hero h1{font-weight:800!important;text-wrap:balance;letter-spacing:-.048em!important}
.motion-home .hero p{text-wrap:pretty}
.motion-home .home-intros.home-reference-tiles{align-items:stretch}
.motion-home .home-intros.home-reference-tiles .intro-card{
 border:1px solid rgba(217,237,230,.9);
 box-shadow:0 9px 26px rgba(0,33,37,.13)!important;
 transition:transform .18s ease,box-shadow .18s ease;
}
.motion-home .home-intros.home-reference-tiles .intro-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px rgba(0,32,37,.16)!important}
.motion-home .home-intros.home-reference-tiles .intro-card h3{font-weight:800;line-height:1.22!important;text-wrap:balance}
.motion-home .home-intros.home-reference-tiles .intro-card p{line-height:1.6!important}
.motion-home .home-intros.home-reference-tiles .intro-card .btn{font-weight:800;gap:11px}
.motion-home .reference-search{box-shadow:0 13px 34px rgba(0,29,35,.19)}
.motion-home .reference-search .search-field{min-width:0}
.motion-home .reference-search .search-field input{font-size:14px;min-width:0}
/* Original information architecture: clear legibility and useful card hierarchy. */
.stats-grid .stat-number{font-weight:800;font-variant-numeric:tabular-nums}
.properties-section .property-card,.article-collection .news-card,.latest-news-reference .news-ref-card{
 border:1px solid #e1ebe6;
 box-shadow:0 7px 22px rgba(9,53,58,.055)
}
.property-card .property-picture{position:relative;isolation:isolate}
.property-card .property-picture img{object-position:center;display:block}
.property-card .status-label{line-height:1.35;display:inline-flex;align-items:center;gap:4px;max-width:calc(100% - 88px)}
.property-card .status-label .status-days{font-variant-numeric:tabular-nums}
.property-card .picture-count{display:inline-flex;gap:5px;align-items:center}
.property-card .property-meta{gap:7px;min-height:23px}
.property-card h3{font-size:18px;line-height:1.32;font-weight:800;letter-spacing:-.027em}
.property-card .property-location{font-size:12px;min-height:0}
.property-card .property-brief{gap:11px;flex-wrap:wrap}
.property-card .property-bottom{align-items:end;gap:12px}
.property-card .property-bottom .btn{white-space:normal;text-align:center;line-height:1.2;flex-shrink:0;max-width:56%;}
.property-card .bid-value{font-size:23px;font-variant-numeric:tabular-nums}
.property-card .btn:hover,.news-card .news-read-link:hover{text-decoration:none}
/* Real listing galleries never present the site's lifestyle photos as if they are rooms for sale. */
.gallery.gallery-count-1{display:block!important;max-height:520px;overflow:hidden;border-radius:14px}
.gallery.gallery-count-1 .gallery-photo{height:clamp(230px,39vw,510px);width:100%;grid-row:auto!important;grid-column:auto!important}
.gallery.gallery-count-2{grid-template-columns:2fr 1fr!important;grid-template-rows:minmax(250px,400px)!important}
.gallery.gallery-count-2 .gallery-photo:first-child{grid-row:1!important;grid-column:1!important}
.gallery.gallery-count-2 .gallery-photo:nth-child(2){grid-row:1!important;grid-column:2!important}
.gallery.gallery-count-3 .gallery-photo:first-child{grid-column:1;grid-row:1 / 3}
.gallery .gallery-photo img{width:100%;height:100%;object-fit:cover;display:block}
.gallery-label.gallery-open{border:1px solid #e7efe9;box-shadow:0 5px 20px #123a3c22;cursor:pointer}
.gallery-modal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:12px}
.gallery-modal-grid img{width:100%;height:260px;object-fit:cover;border-radius:9px;background:#e5f3ed}
.listing-fee-disclosure{border:1px solid #d6e8df;background:#f6fbf8;border-radius:12px;padding:19px 22px;margin:15px 0 23px;display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.listing-fee-disclosure span{font-weight:700;color:#365f65;font-size:14px}
.listing-fee-disclosure strong{font-size:21px;color:#083c43}
.listing-fee-disclosure p{grid-column:1 / -1;margin:0;font-size:12px;line-height:1.55;color:#5b7075}
.details-layout .detail-sidebar{align-self:start}
/* Secondary guides and news: more accurate spacing and strong headings. */
.page-hero .breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12px}
.page-hero .breadcrumb [aria-current="page"]{color:#dcf1ec;font-weight:800}
.breadcrumb-separator{opacity:.8}
.ref26-resources .article-collection{row-gap:30px}
.ref26-resources .news-card-body,.latest-news-reference .news-card-body{display:flex;flex-direction:column}
.ref26-resources .news-card-body h3,.latest-news-reference .news-card-body h3{flex:1}
.ref26-resources .news-read-link,.latest-news-reference .news-read-link{margin-top:auto;align-self:start}
.ref26-resources .category-chip{font-weight:700}
.reference-partner-rail .partner-logo-slot img{display:block;max-width:100%;max-height:100%;object-fit:contain}
.partner-logo-notice{font-size:12px;margin-top:12px}
.footer-social-unlinked{opacity:.4;cursor:default;pointer-events:none}
.footer-brand-2026 .footer-company-statement{overflow-wrap:anywhere}
.footer-brand-2026 .footer-cert-band img.footer-logo-licensed{height:auto!important;object-fit:contain}
@media (max-width:1180px){
 .main-header .logo-reference{height:100%!important}
 .main-header .logo-reference .uploaded-logo{max-height:74px!important}
 .property-card .property-bottom{flex-wrap:wrap}
 .property-card .property-bottom .btn{max-width:100%}
}
@media (max-width:760px){
 .motion-home .home-intros.home-reference-tiles .intro-card:hover{transform:none}
 .motion-home .home-intros.home-reference-tiles .intro-card h3{font-size:19px!important}
 .motion-home .home-intros.home-reference-tiles .intro-card p{font-size:13px!important;max-width:60ch}
 .main-header .logo-reference .uploaded-logo{max-height:64px!important}
 .gallery.gallery-count-2{display:grid;grid-template-columns:1fr 1fr!important;grid-template-rows:235px 140px!important}
 .gallery.gallery-count-2 .gallery-photo:first-child{grid-row:1!important;grid-column:1 / -1!important}
 .gallery.gallery-count-2 .gallery-photo:nth-child(2){grid-row:2!important;grid-column:1 / -1!important}
 .gallery.gallery-count-1 .gallery-photo{height:290px}
 .property-card .property-picture{height:220px}
 .property-card .property-bottom{flex-wrap:wrap}
 .property-card .property-bottom .btn{width:100%;max-width:none}
 .ref26-resources .article-collection{row-gap:18px}
}
@media (max-width:410px){
 .main-header .logo-reference{min-width:105px!important;width:115px!important}
 .main-header .header-actions .btn-primary{white-space:normal!important;text-align:center;font-size:11px!important;padding:7px 10px!important;line-height:1.2}
 .motion-home .hero h1{font-size:clamp(29px,7.9vw,39px)!important}
 .motion-home .hero p{font-size:13px!important}
 .gallery.gallery-count-1 .gallery-photo{height:245px}
}
@media (prefers-reduced-motion:reduce){
 .motion-home .home-intros.home-reference-tiles .intro-card{transition:none}
 .motion-home .home-intros.home-reference-tiles .intro-card:hover{transform:none}
}