/* Project preview: full-screen sheet with back + close (no site header) */
        body.pv-page { background: var(--color-grey-950); }
        body.pv-page .page-wrapper { padding-top: 0; }
        .pv-bar { position: sticky; top: 0; z-index: 50; width: 100%; max-width: none; margin: 0; display: flex; justify-content: space-between; align-items: center; padding: 18px 46px; background: linear-gradient(180deg, rgba(19,19,19,.96) 60%, rgba(19,19,19,0)); }
        .pv-icon { width: 48px; height: 48px; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; border: 1px solid rgba(255,255,255,.16); background: rgba(31,31,31,.85); color: var(--color-white); font-size: var(--fs-20); line-height: 1; text-decoration: none; transition: border-color .2s, color .2s, transform .2s; }
        .pv-icon:hover, .pv-icon:focus-visible { border-color: var(--color-brand); color: var(--color-brand); outline: none; }
        .pv-icon.close:hover { transform: rotate(90deg); }
        .pv-icon svg { width: 20px; height: 20px; }
        .pv-bar .pv-crumb { font-size: var(--fs-13); letter-spacing: .12em; text-transform: uppercase; color: rgba(255,255,255,.5); }
        .pv-bar .pv-crumb a { color: inherit; text-decoration: none; }
        .pv-bar .pv-crumb a:hover { color: var(--color-brand); }
        .pv-page .projects-details-area { padding-top: 10px; }
        .pv-page .projects-details-image img { width: 100%; aspect-ratio: 1290 / 590; height: auto; max-height: none; object-fit: cover; border-radius: 14px; }
        .pv-page .project-details-content h1 { font-size: var(--fs-fluid-cs-title); letter-spacing: -.02em; line-height: 1.1; margin-bottom: 18px; }
        .pv-page .pv-pillar { display: inline-block; margin-bottom: 14px; color: var(--color-brand); font-size: var(--fs-14); text-decoration: none; }
        .pv-page .pv-pillar:hover { text-decoration: underline; }
        .pv-page .project-details-content h3 { margin: 34px 0 12px; }
        .pv-page .project-details-info { background: var(--color-surface); border: 1px solid rgba(255,255,255,.1); border-radius: 14px; }
        .pv-page .project-details-info .pd-info-item span { color: var(--color-brand); }
        .pv-page .project-details-info .pd-info-item h5, .pv-page .project-details-info .pd-info-item h5 a { color: var(--color-white); }
        .pv-page .project-details-info .pd-info-item h5 a:hover { color: var(--color-brand); }
        .pv-metrics { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
        .pv-metric { background: var(--color-surface); border: 1px solid rgba(255,255,255,.08); border-left: 3px solid var(--color-brand); border-radius: 8px; padding: 24px 22px; }
        .pv-metric .val { font-family: "DM Sans", sans-serif; font-size: var(--fs-40); font-weight: 700; letter-spacing: -.03em; line-height: 1.05; color: var(--color-white); }
        .pv-metric .lbl { margin-top: 10px; font-size: var(--fs-12); letter-spacing: .13em; text-transform: uppercase; color: rgba(255,255,255,.6); }
        .pv-page .pv-frames .image img { width: 100%; aspect-ratio: 410 / 320; object-fit: cover; border-radius: 12px; }
        .pv-page .pv-wide img { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 14px; }
        .pv-page .tag-share { border-radius: 14px; }
        .pv-cta { display: flex; flex-wrap: wrap; gap: 16px; align-items: center; justify-content: space-between; padding: 34px 40px; border: 1px solid rgba(var(--color-brand-rgb),.35); border-radius: 14px; background: var(--color-grey-900); }
        .pv-cta h3 { margin: 0; font-size: var(--fs-24); }
        .pv-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; margin-top: 50px; }
        .pv-nav-link { display: flex; flex-direction: column; gap: 6px; padding: 20px 24px; border: 1px solid rgba(255,255,255,.12); border-radius: 14px; background: var(--color-surface); color: var(--color-white); text-decoration: none; transition: border-color .2s, background .2s; }
        .pv-nav-link:hover, .pv-nav-link:focus-visible { border-color: var(--color-brand); background: var(--color-surface-hover); color: var(--color-white); outline: none; }
        .pv-nav-link.next { text-align: right; align-items: flex-end; }
        .pv-nav-dir { font-size: var(--fs-13); color: var(--color-brand); }
        .pv-nav-title { font-family: "DM Sans", sans-serif; font-size: var(--fs-18); font-weight: 600; line-height: 1.3; }
        .pv-nav-pillar { font-size: var(--fs-14); color: rgba(255,255,255,.6); }
        .pv-nav-count { font-size: var(--fs-14); color: rgba(255,255,255,.45); }
        .pv-foot { padding: 30px 0 40px; text-align: center; font-size: var(--fs-14); color: rgba(255,255,255,.4); }
        @media (max-width: 991px) { .pv-bar { padding: 14px 20px; } .pv-bar .pv-crumb { display: none; } }
        @media (max-width: 767px) { .pv-metrics { grid-template-columns: 1fr; } .pv-cta { padding: 26px 22px; }
            .pv-nav { grid-template-columns: 1fr 1fr; gap: 14px; } .pv-nav-count { grid-column: 1 / -1; grid-row: 1; text-align: center; } .pv-nav-title { font-size: var(--fs-16); } }
    
/* Keep the supplied sheet layout responsive and independent of the main site navigation. */
.pv-page .wow { visibility: visible !important; }
.pv-page .pv-metrics { grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); }
.pv-page .pv-frames { row-gap: 24px; }
.pv-page img { max-width: 100%; }
.pv-page .pv-bar a:focus-visible { outline: 2px solid var(--color-brand); outline-offset: 4px; }
html[dir="rtl"] .pv-page .pv-icon.back svg { transform: scaleX(-1); }
@media(max-width:600px) { .pv-page .pv-metrics { grid-template-columns: 1fr; } .pv-page .pv-bar { padding: 14px 20px; } }

html[dir=rtl] .pv-page .big-letter:first-letter { float:none; font-size:inherit; line-height:inherit; background:transparent; color:inherit; padding:0; margin:0; }

/* Sticky preview toolbar must track the document, not an overflow-hidden wrapper. */
body.pv-page > .page-wrapper { overflow-x: clip; overflow-y: visible; }
body.pv-page .pv-bar { position: sticky; inset-block-start: 0; z-index: 1000; background: rgba(19,19,19,.96); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); }