/* Business OS 6.7.4: four equally prominent anonymized projects.
   All changes target public reference sections; no typography enlargement or admin changes. */
.as-home-references-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:stretch}
.as-home-reference{min-width:0;height:100%;isolation:isolate}
.as-home-reference--portfolio{--reference-accent:#e9cb8d;background:#121c29}
.as-home-reference--jubilaeum{--reference-accent:#9bdcbb;background:#10211c}
.as-home-reference--portfolio .as-home-reference-visual{background:radial-gradient(ellipse at 45% 20%,#34302c,#151c28 65%,#101722)}
.as-home-reference--jubilaeum .as-home-reference-visual{background:radial-gradient(ellipse at 50% 20%,#213a2f,#14221e 65%,#101b19)}
.as-home-reference-link{display:flex;flex-direction:column;min-height:100%;height:100%;text-decoration:none}
.as-home-reference-visual{flex:none;min-width:0}
.as-home-reference-visual>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center top;background:#0b1720;transform:none;border-bottom:0}
.as-home-reference:hover .as-home-reference-visual>img{transform:none;filter:brightness(1.055)}
.as-home-reference-screen-label{position:static;display:block;bottom:auto;left:auto;margin:0;border:1px solid #486278;border-top:0;background:#122332;color:#d1e9f9;padding:9px 12px;font-size:9px;line-height:1.4;min-height:31px}
.as-home-reference-body{flex:1;display:flex;flex-direction:column;align-items:stretch;min-width:0}
.as-home-reference-body p{flex:1;min-height:0}
.as-home-reference-cta{margin-top:auto}
.as-home-reference--jubilaeum .as-home-reference-screen-label{background:#172a21;border-color:#446b56}
.as-home-reference--portfolio .as-home-reference-screen-label{background:#242321;border-color:#786345}
/* Keep all four detail-page screenshots fully visible, including narrow phone mockups. */
.p65-portfolio-wrap .p65-reference-browser>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center top;background:#0a1420}
.p65-portfolio-wrap .p65-reference-phone img{object-fit:contain;background:#050a10}
.p65-portfolio-wrap .p65-reference{scroll-margin-top:100px}
.p674-project-jump{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:-8px 0 26px}
.p674-project-jump a{min-width:0;min-height:66px;display:flex;align-items:center;gap:9px;padding:14px 12px;border:1px solid #365369;background:#101e2b;color:#dbe9f5;font-size:12px;line-height:1.4;font-weight:700;transition:border-color .18s,background .18s}
.p674-project-jump a span:first-child{font:700 11px ui-monospace,Consolas,monospace;color:#99d7f5}
.p674-project-jump a span:last-child{margin-left:auto;color:#8fc8e2}
.p674-project-jump a:hover{border-color:#76c4e6;background:#172b3d}
.p674-project-jump a:focus-visible{outline:3px solid #a1e1ff;outline-offset:3px}
@media(max-width:900px){.p674-project-jump{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:660px){.as-home-references-grid{grid-template-columns:1fr;gap:16px}.as-home-reference-visual>img{aspect-ratio:3/2}.as-home-reference-screen-label{font-size:8px;min-height:0;padding:8px 10px}.p674-project-jump{gap:8px;margin:0 0 20px}.p674-project-jump a{min-height:55px;padding:10px;font-size:11px}.p65-portfolio-wrap .p65-reference-browser>img{aspect-ratio:3/2}}
@media(max-width:350px){.p674-project-jump a{gap:6px;font-size:10px}.as-home-reference-browser{font-size:7px;gap:6px;padding-inline:8px}}
@media(prefers-reduced-motion:reduce){.as-home-reference-visual>img,.p674-project-jump a{transition:none!important}.as-home-reference:hover .as-home-reference-visual>img{filter:none}}