/* Nosta Log polish layer (2026-11-13): readability fixes found by the Lighthouse audit, and the VESPER
   portfolio feature. Loaded last on every page by tools/add-vesper.mjs. */

/* Portfolio · transformation film: small grey labels below 4.5:1 → readable size and colour */
.chapter-nav span{font-size:10px;color:#5d655f}
.chapter-nav button[aria-pressed=true] span{color:#a63e27}
.chapter-counter{color:#5d655f}
.transformation-copy .concept-note{font-size:11px;color:#5d655f}
/* Portfolio · demo cards and sample library captions */
.mobile-labs .lab-info p{color:#4b5049}
#app-menu .menu-item span{color:#5d655f}
.sample-result-count{color:#566059}
.service-sample-copy small{color:#5b6457}

/* 3D world on phones: no interface text below 12 px */
@media (max-width:700px){
 .world-service-summary,.world-discovery-dock button,
 .world-header nav button,.world-header nav .world-services-link,.world-intro .world-eyebrow,
 .world-view-options .world-toolbar button,.world-intro #ui-browse-work{font-size:12px}
 /* the footer row is tight on phones: VESPER stays reachable from the portfolio */
 .world-service-links a[href="/vesper-video-oynatici"]{display:none}
}

/* Portfolio · VESPER feature */
.vesper-feature{padding:clamp(56px,8vw,96px) 0}
.vesper-feature-card{display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:clamp(28px,4vw,56px);padding:clamp(14px,1.6vw,22px);border-radius:28px;text-decoration:none;color:#f5f2eb;
 background:radial-gradient(700px 400px at 90% 0%,#1d3a5a 0,transparent 60%),#10263a;box-shadow:0 30px 80px #10263a33;transition:transform .35s cubic-bezier(.2,.7,.1,1),box-shadow .35s}
.vesper-feature-card:hover{transform:translateY(-4px);box-shadow:0 40px 100px #10263a4d}
.vesper-feature-card:focus-visible{outline:3px solid #a63e27;outline-offset:4px}
.vesper-feature-card img{display:block;width:100%;height:auto;border-radius:18px}
.vesper-feature-card>div{padding:8px clamp(8px,2vw,28px) 8px 0}
.vesper-feature .eyebrow{color:#f4a486}
.vesper-feature h2{margin:0 0 18px;font-size:clamp(34px,3.6vw,52px);line-height:1.05;letter-spacing:-1.5px;color:#fff;font-weight:500}
.vesper-feature h2 em{color:#f4a486}
.vesper-feature p{margin:0 0 24px;color:#c9d3dc;font-size:15px;line-height:1.7;max-width:46ch}
.vesper-feature-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 26px;padding:0;list-style:none}
.vesper-feature-tags li{padding:6px 12px;border-radius:30px;border:1px solid #ffffff2b;font-size:12px;color:#e6eef6}
.vesper-feature-link{display:inline-flex;gap:14px;align-items:center;padding:13px 20px;background:#f5f2eb;color:#10263a;font-size:13px;font-weight:700}
@media (max-width:860px){
 .vesper-feature-card{grid-template-columns:1fr}
 .vesper-feature-card>div{padding:0 8px 10px}
}