/* Keep the original portrait and glass composition, with room below it. */
body[data-page="home"] .reference-offer p { margin-top:24px; }
@media (min-width:1181px) and (hover:hover),
       (min-width:821px) and (orientation:landscape) and (hover:hover),
       (min-width:1367px) and (orientation:landscape) {
  body[data-page="home"] .reference-portal {
    --home-portrait-width:clamp(280px,24vw,720px);
    min-height:max(900px,calc(var(--home-portrait-width) * 1.735 + 355px));
  }
  body[data-page="home"] .reference-contact {
    top:calc(38% + var(--home-portrait-width) * 1.07527 + 40px);
    bottom:auto;
  }
  body[data-page="home"] .reference-legal {
    top:calc(38% + var(--home-portrait-width) * 1.07527 + 132px);
    bottom:auto;
  }
}

/* An SVG arrow has no text baseline; center its wrapper beside the label. */
body[data-page="home"] .reference-label i {
  display:flex;
  align-items:center;
  justify-content:center;
  height:16px;
  line-height:0;
}
body[data-page="home"] .reference-label .ui-arrow {
  display:block;
  vertical-align:middle;
}

@media (min-width:821px) and (max-width:1180px) and (orientation:landscape) and (hover:hover) {
  body[data-page="home"] .reference-node {
    width:calc((100% - var(--home-portrait-width)) / 2 - 32px);
    grid-template-columns:minmax(0,1fr) auto;
    gap:8px;
  }
  body[data-page="home"] .reference-node--about,
  body[data-page="home"] .reference-node--projects { left:16px; }
  body[data-page="home"] .reference-node--services,
  body[data-page="home"] .reference-node--calculate { right:16px; }
  body[data-page="home"] .reference-node .portal-object { width:100%; }
}

/* Raised desktop business line with compact brackets around the lettering. */
@media (min-width:821px) and (orientation:landscape) and (hover:hover) and (pointer:fine),
       (min-width:1181px) and (hover:hover) and (pointer:fine) {
 body[data-page="home"] .reference-offer{translate:0 -42px;width:max-content;max-width:calc(100% - 64px);padding-inline:32px}
 body[data-page="home"] .reference-offer::before,
 body[data-page="home"] .reference-offer::after{
  content:"";position:absolute;top:50%;width:16px;height:calc(100% + 10px);
  transform:translateY(-50%);border-top:1px solid rgb(204 182 255 / 32%);
  border-bottom:1px solid rgb(204 182 255 / 32%);pointer-events:none;opacity:.8;
 }
 body[data-page="home"] .reference-offer::before{left:0;border-left:1px solid rgb(204 182 255 / 32%)}
 body[data-page="home"] .reference-offer::after{right:0;border-right:1px solid rgb(204 182 255 / 32%)}
}

/* Optical centering compensates for the JEFE word's 1.36x scale.
   Its right transform origin extends the visible title to the left. */
@media (min-width:821px) and (orientation:landscape) and (hover:hover) and (pointer:fine),
       (min-width:1181px) and (hover:hover) and (pointer:fine) {
 body[data-page="home"] .reference-title{left:calc(50% + min(4.12vw,4.305rem) - 4px)}
}