/* SCART — deliberately restrained logo grid. No backgrounds, cards, or hover filters. */
.portfolio-clean{--logo-ice:#c5cfdf;--logo-muted:#a9b9d0;}
.portfolio-clean .section-header h2{font-size:clamp(44px,5.3vw,78px);line-height:1.02;letter-spacing:-.058em;font-weight:650}
.portfolio-clean .section-note{font-size:15px;line-height:1.75;color:#a9b5cd;max-width:660px;margin:0 0 26px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:46px 46px;align-items:start}
.portfolio-mark{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:space-between;gap:9px;margin:0;padding:0;cursor:default;outline:0;position:relative}
.portfolio-art{display:grid;place-items:center;width:100%;height:205px;position:relative;overflow:visible}
.portfolio-art img{position:absolute;display:block;left:50%;top:50%;width:auto;height:auto;max-width:78%;max-height:81%;object-fit:contain;transform:translate(-50%,-50%);transition:opacity .32s ease;pointer-events:none}
.portfolio-art img.art-muted{opacity:1}
.portfolio-art img.art-reveal{opacity:0}
.portfolio-mark:hover .art-muted,.portfolio-mark:focus-visible .art-muted,.portfolio-mark:focus .art-muted{opacity:0}
.portfolio-mark:hover .art-reveal,.portfolio-mark:focus-visible .art-reveal,.portfolio-mark:focus .art-reveal{opacity:1}
.portfolio-mark:focus-visible{outline:2px solid #cbd7ed;outline-offset:6px;border-radius:3px}
.portfolio-mark.shape-wide .portfolio-art img{max-width:88%;max-height:69%}
.portfolio-mark.shape-tall .portfolio-art img{max-width:70%;max-height:85%}
.portfolio-mark figcaption{font-size:13px;font-weight:450;color:#b8c6dd;line-height:1.4;text-align:center;margin:0;min-height:22px;letter-spacing:.015em}
.portfolio-mark:hover figcaption,.portfolio-mark:focus figcaption{color:#fff}
.portfolio-clean .portfolio-mark,.portfolio-clean .portfolio-art{background:none!important;box-shadow:none!important;border:0!important;border-radius:0!important;filter:none!important}
.archive-hero{padding-bottom:56px}
.archive-marks{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 25px}
.archive-marks .portfolio-art{height:178px}
.archive-marks .portfolio-art img{max-height:83%}
.archive-marks .portfolio-mark.shape-wide .portfolio-art img{max-width:91%}
.featured-marks{grid-template-columns:repeat(3,minmax(0,1fr))}
.minimal-marks{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px}
.minimal-marks .portfolio-art{height:140px}
.portfolio-clean + .portfolio-clean{padding-top:62px}
@media(max-width:1000px){.portfolio-grid{gap:28px 24px}.archive-marks{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-art{height:185px}.archive-marks .portfolio-art{height:160px}.minimal-marks{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:700px){.portfolio-grid,.archive-marks,.featured-marks,.minimal-marks{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 17px}.portfolio-art,.archive-marks .portfolio-art{height:148px}.minimal-marks .portfolio-art{height:148px}.portfolio-art img{max-width:85%;max-height:80%}.portfolio-mark figcaption{font-size:12px}.portfolio-clean .section-note{font-size:14px;margin-bottom:20px}.portfolio-clean .section-header h2{font-size:42px}}
@media(max-width:390px){.portfolio-art,.archive-marks .portfolio-art{height:126px}}
@media(prefers-reduced-motion:reduce){.portfolio-art img{transition:none!important}}
/* Stable 1:1 before/after reveal: both source images occupy the full canvas. */
.compare .compare-before{
    width:100%!important;
    height:100%;
    overflow:visible!important;
    clip-path:inset(0 calc(100% - var(--pos)) 0 0);
    border:0!important;
}
.compare .compare-before img{width:100%!important;max-width:none!important;height:100%!important;object-fit:contain!important}
.compare::after{content:"";position:absolute;top:0;bottom:0;left:var(--pos);border-left:2px solid rgba(255,255,255,.92);z-index:3;pointer-events:none}

.page-logos .archive-hero{padding-top:104px}
@media(max-width:700px){.page-logos .archive-hero{padding-top:56px}}