/* Original ACL artwork within the portfolio's shared typography and white canvas. */
body[data-portfolio-route="/acl"] #main{padding-top:0}
.portfolio-acl-root{--acl-green:#00ff30;--acl-graphite:#2f2c30}
body[data-portfolio-route="/acl"] .portfolio-native p.portfolio-case-credit{font-size:12px!important;line-height:1.6!important;color:#888;margin:18px 0 0!important;letter-spacing:0!important}
.portfolio-acl-keywords{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 36px}
.portfolio-acl-keywords span{border:1px solid #e4e4e4;border-radius:99px;padding:9px 13px;color:#777;font-size:12px}
.portfolio-acl-figure{margin:32px 0 38px;min-width:0}
.portfolio-acl-figure>img{width:100%;height:auto;display:block;border-radius:22px;object-fit:contain}
.portfolio-acl-figure figcaption{font-size:12px;line-height:1.6;color:#888;max-width:76ch;margin-top:14px}
.portfolio-acl-construction{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:32px 0}
.portfolio-acl-logo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:36px 0}
.portfolio-acl-logo{margin:0;padding:22px;background:#f5f5f5;border-radius:22px;min-width:0}
.portfolio-acl-logo>div{height:220px;display:flex;align-items:center;justify-content:center}
.portfolio-acl-logo img{width:100%;height:auto;max-height:150px;max-width:340px;object-fit:contain}
.portfolio-acl-logo.is-vertical img{height:180px;max-height:180px;width:auto}
.portfolio-acl-logo.is-dark{background:#2d2b2d;color:#fff}
.portfolio-acl-logo figcaption{font-size:12px;line-height:1.5;color:#888;margin-top:16px}
.portfolio-acl-logo.is-dark figcaption{color:#bbb}
.portfolio-acl-colors{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:34px 0}
.portfolio-acl-colors figure{margin:0;min-width:0}
.portfolio-acl-colors figure>div{aspect-ratio:1/1.2;border-radius:16px;border:1px solid #00000008}
.portfolio-acl-colors figcaption{font-size:12px;line-height:1.5;display:grid;gap:5px;margin-top:14px}
.portfolio-acl-colors strong{font-weight:500}.portfolio-acl-colors span{color:#999;font-variant-numeric:tabular-nums}
.portfolio-acl-color-details{display:flex;align-items:center;justify-content:space-between;gap:24px;border-block:1px solid #eee;padding:24px 0;color:#888;font-size:13px}
.portfolio-acl-color-details>div{display:flex;gap:10px}
.portfolio-acl-color-details i{width:32px;height:32px;display:block;border-radius:50%}
.portfolio-acl-specimen>img{border:1px solid #eee}
.portfolio-acl-voice{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:34px 0}
.portfolio-acl-voice article{background:#f5f5f5;padding:28px;border-radius:22px;min-width:0}
.portfolio-acl-voice article:first-child{background:#f1f8eb}
.portfolio-acl-voice ul{padding-left:20px;margin:0;color:#666;display:grid;gap:14px}
.portfolio-acl-applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px;margin:36px 0}
.portfolio-acl-applications figure{margin:0;min-width:0}
.portfolio-acl-applications img{display:block;width:100%;height:auto;border-radius:22px}
.portfolio-acl-applications figcaption{padding:22px 4px 0}
body #main .portfolio-acl-applications h3{margin-bottom:12px!important}
body #main .portfolio-acl-applications p{font-size:15px!important;line-height:1.6!important;margin:0!important;color:#888}
.portfolio-acl-film{margin:34px 0;min-width:0}
.portfolio-acl-film-frame{aspect-ratio:16/9!important;background:#2f2c30;border-radius:22px;overflow:hidden;position:relative}
.portfolio-acl-film video{display:block;width:100%;height:100%;object-fit:contain}
.portfolio-acl-film-start{position:absolute;inset:auto 18px 18px;background:#ffffffed;border-radius:99px;color:#171717;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:380px;padding:13px 18px;font-size:13px;pointer-events:none;transition:opacity .2s}
.portfolio-acl-film-start span{font-size:18px}.portfolio-acl-film.has-started .portfolio-acl-film-start{opacity:0}
.portfolio-acl-film figcaption{display:flex;align-items:start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:18px}
.portfolio-acl-film figcaption strong{display:block;font-size:15px;line-height:1.5;font-weight:500;color:#333}
.portfolio-acl-film figcaption>div>span{display:block;font-size:12px;line-height:1.5;color:#888;margin-top:5px}
.portfolio-acl-film-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.portfolio-acl-film-actions :is(.portfolio-case-pause,.portfolio-case-play){position:static;width:auto;min-width:74px;height:44px;min-height:44px;padding:10px 14px;border:1px solid #e5e5e5;border-radius:99px;background:#fff;color:#171717;transform:none;font-size:11px;display:flex;align-items:center;justify-content:center;gap:0;font-weight:500}
.portfolio-acl-film-actions a{display:inline-flex;align-items:center;font-size:12px;min-height:44px;color:#777;text-decoration:none;padding:8px}
.portfolio-acl-film-actions button:hover{background:#f4f4f4}
.portfolio-acl-film-progress{display:flex;align-items:center;gap:16px;margin-top:16px}
.portfolio-acl-film-progress input{min-width:0;width:100%;accent-color:#171717;cursor:pointer;height:28px}
.portfolio-acl-film-progress span{flex:none;font-size:12px;color:#888;font-variant-numeric:tabular-nums}
.portfolio-acl-film[data-playing=true] .portfolio-case-pause{background:#171717;border-color:#171717;color:#fff}
.portfolio-acl-archive{margin-top:22px;border-top:1px solid #e7e7e7}
.portfolio-acl-archive summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;min-height:70px;font-size:17px;line-height:1.5;font-weight:500}
.portfolio-acl-archive summary::-webkit-details-marker{display:none}.portfolio-acl-archive summary>span{font-size:26px;color:#999;transition:transform .2s}
.portfolio-acl-archive[open] summary>span{transform:rotate(45deg)}
.portfolio-acl-archive .portfolio-scout-slide-grid{margin:16px 0 32px}
body #main .portfolio-acl-root p.portfolio-acl-credit{margin:34px 0 0!important;font-size:12px!important;line-height:1.7!important;color:#999}
.portfolio-acl-root :is(button,a,input,summary):focus-visible{outline:2px solid #171717;outline-offset:4px}
@media(max-width:1068px){.portfolio-acl-logo>div{height:160px}.portfolio-acl-logo img{max-height:110px}.portfolio-acl-logo.is-vertical img{height:145px;max-height:145px}.portfolio-acl-applications{grid-template-columns:1fr}.portfolio-acl-colors{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 12px}.portfolio-acl-voice{grid-template-columns:1fr}.portfolio-acl-color-details{flex-wrap:wrap}.portfolio-acl-construction{grid-template-columns:1fr 1fr}.portfolio-acl-construction>button:last-child{grid-column:1/-1}}
@media(max-width:809px){.portfolio-acl-applications{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-acl-construction{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-acl-construction>button:last-child{grid-column:auto}}
@media(max-width:600px){.portfolio-acl-applications{grid-template-columns:1fr;gap:32px}.portfolio-acl-figure{margin-block:26px}.portfolio-acl-logo-grid{gap:12px}.portfolio-acl-logo{padding:14px;border-radius:16px}.portfolio-acl-logo>div{height:125px}.portfolio-acl-logo img{max-height:90px}.portfolio-acl-logo.is-vertical img{height:110px;max-height:110px}.portfolio-acl-logo figcaption{font-size:11px;margin-top:10px}.portfolio-acl-construction{grid-template-columns:1fr 1fr}.portfolio-acl-construction>button:last-child{grid-column:1/-1}.portfolio-acl-colors{grid-template-columns:repeat(2,minmax(0,1fr))}.portfolio-acl-colors figure>div{aspect-ratio:1.25/1}.portfolio-acl-colors figure:last-child{grid-column:1/-1}.portfolio-acl-colors figure:last-child>div{aspect-ratio:3/1}.portfolio-acl-voice article{padding:24px}.portfolio-acl-film-start{font-size:11px;padding:10px 12px;inset:auto 12px 12px}.portfolio-acl-film-frame{border-radius:16px}.portfolio-acl-archive summary{font-size:15px}.portfolio-acl-color-details i{width:27px;height:27px}.portfolio-acl-color-details>div{gap:8px}}
@media(prefers-reduced-motion:reduce){.portfolio-acl-root *{transition:none!important}}