.work-foot>.portfolio-open{margin-left:auto;font-size:11px;white-space:nowrap;padding:10px 0}
#portfolio-library{width:min(1320px,96vw);height:90svh;max-height:90svh;padding:0 35px;background:#f0ede7;color:#211d29;scroll-behavior:auto}
#portfolio-library .dialog-top{position:sticky;top:0;background:#f0ede7f5;backdrop-filter:blur(12px);z-index:3;padding:18px 0;border-color:#211d2930}
#portfolio-library .dialog-top h2{font-size:12px;font-weight:600;letter-spacing:.03em}
.portfolio-list-view[hidden],.portfolio-detail-view[hidden],.portfolio-library-item[hidden]{display:none!important}
.portfolio-library-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;padding:40px 0 30px}.portfolio-library-heading h3{font-size:clamp(28px,3.1vw,48px);font-weight:550;line-height:1.2;letter-spacing:-.05em}.portfolio-library-heading em{color:var(--purple)}.portfolio-library-heading>p{font-size:12px;line-height:1.8;color:#796b85;word-break:keep-all}
.portfolio-filters{display:flex;gap:25px;align-items:center;border-bottom:1px solid #211d2925}.portfolio-filters button{font-size:13px;padding:17px 0;border-bottom:2px solid transparent;min-height:48px}.portfolio-filters button[aria-pressed=true]{border-color:var(--purple);color:var(--purple);font-weight:650}.portfolio-filters button span{font-size:10px;vertical-align:super;margin-left:5px;opacity:.65}.portfolio-filters>p{margin-left:auto;font-size:11px;color:#80728c}
.portfolio-library-list{padding-bottom:25px}.portfolio-library-item{display:grid;grid-template-columns:28px 220px 1fr 38px;gap:30px;align-items:center;padding:25px 0;width:100%;text-align:left;border-bottom:1px solid #211d2925}
.portfolio-item-number{font-size:11px;align-self:start;margin-top:5px;color:#8a789b}.portfolio-item-image{display:block;height:140px;overflow:hidden;background:#25232b}.portfolio-item-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s}
.portfolio-item-copy{display:block}.portfolio-item-copy small{font-size:9px;letter-spacing:.04em;color:#8b789c}.portfolio-item-copy b{display:block;font-size:clamp(22px,2.2vw,33px);font-weight:550;letter-spacing:-.04em;margin:11px 0}.portfolio-item-copy>span{display:block;font-size:13px;line-height:1.8;color:#75667f;word-break:keep-all}.portfolio-item-arrow{font-size:33px;font-weight:300;color:var(--purple);transition:transform .3s}.portfolio-library-item:hover .portfolio-item-arrow{transform:rotate(45deg)}.portfolio-library-item:hover .portfolio-item-image img{transform:scale(1.035)}
.portfolio-detail-nav{display:flex;justify-content:space-between;align-items:center;padding:22px 0;font-size:12px;border-bottom:1px solid #211d2925}.portfolio-detail-nav button{padding:8px 0}.portfolio-detail-nav>span{font-size:10px;color:#8a789b}
.portfolio-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px 0}.portfolio-detail-heading>div>span{font-size:9px;letter-spacing:.05em;color:#877396}.portfolio-detail-heading h3{font-size:clamp(26px,3vw,43px);font-weight:550;letter-spacing:-.045em;margin:12px 0}.portfolio-detail-heading p{font-size:13px;line-height:1.8;color:#75667f;word-break:keep-all}.portfolio-detail-heading .solid-action{flex-shrink:0;font-size:12px;gap:20px;padding:16px 20px}
#portfolio-detail-image{display:block;width:min(100%,1000px);height:auto;margin:0 auto;background:#ded7e6}
.portfolio-detail-bottom{display:flex;align-items:center;justify-content:space-between;padding:30px 0;gap:20px}.portfolio-detail-bottom button{font-size:13px;padding:12px 0;border-bottom:1px solid #211d2950}
@media(max-width:700px){#portfolio-library{width:100vw;max-width:100vw;height:100svh;max-height:100svh;margin:0;padding:0 6vw}#portfolio-library .dialog-top{padding:14px 0}.portfolio-library-heading{display:block;padding:28px 0 20px}.portfolio-library-heading h3{font-size:29px}.portfolio-library-heading>p{font-size:11px;margin-top:18px}.portfolio-filters{gap:17px;flex-wrap:wrap}.portfolio-filters button{font-size:11px;padding:14px 0}.portfolio-filters button span{font-size:8px;margin-left:3px}.portfolio-filters>p{font-size:9px}.portfolio-library-item{grid-template-columns:18px 82px 1fr 18px;gap:10px;padding:22px 0}.portfolio-item-image{height:108px}.portfolio-item-number{font-size:9px}.portfolio-item-copy small{font-size:7px;line-height:1.5;display:block}.portfolio-item-copy b{font-size:19px;margin:8px 0;word-break:keep-all}.portfolio-item-copy>span{font-size:10px;line-height:1.7}.portfolio-item-arrow{font-size:24px}.portfolio-detail-heading{display:block;padding:25px 0}.portfolio-detail-heading h3{font-size:29px}.portfolio-detail-heading p{font-size:12px}.portfolio-detail-heading .solid-action{width:100%;margin-top:20px;font-size:12px}.portfolio-detail-bottom button{font-size:11px}.work-foot>.portfolio-open{font-size:10px}}
@media(max-width:360px){.portfolio-filters{gap:12px}.portfolio-filters>p{width:100%;margin:0 0 12px}.portfolio-library-item{grid-template-columns:15px 64px 1fr 16px;gap:8px}.portfolio-item-copy b{font-size:17px}.portfolio-item-image{height:100px}.portfolio-item-copy>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.portfolio-library-item *{transition:none!important}}
/* Portfolio archive and brighter editorial selection. */
.portfolio-all-entry{display:flex;align-items:center;justify-content:space-between;gap:30px;grid-column:1/-1;width:100%;padding:22px 0;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;text-align:left;font-size:20px;letter-spacing:-.035em}
.portfolio-all-entry span{font-size:13px;color:#c6b3ed}.portfolio-all-entry:hover span{color:#fff}
.portfolio-library-list{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding-top:24px}
.portfolio-library-item{display:grid;grid-template-columns:1fr 30px;gap:0;align-content:start;padding:0 0 24px;position:relative}
.portfolio-item-number{position:absolute;z-index:1;top:12px;left:12px;background:#f7f5f0;padding:7px 10px;margin:0;color:#211d29}
.portfolio-item-image{grid-column:1/-1;height:270px;background:#eee9e2;margin-bottom:22px;overflow:hidden}
.portfolio-item-image img{object-fit:cover;object-position:top;transition:object-position 2.2s ease,transform .6s}
.portfolio-library-item:hover .portfolio-item-image img{object-position:50% 16%;transform:scale(1.015)}
.portfolio-item-copy b{font-size:26px;margin:9px 0}.portfolio-item-copy small{font-size:11px}.portfolio-item-copy>span{font-size:12px}.portfolio-item-arrow{align-self:center}
.portfolio-filters{flex-wrap:wrap;gap:22px}.portfolio-filters button{white-space:nowrap}.portfolio-filters>p{white-space:nowrap}
.portfolio-load-more{display:block;width:100%;padding:20px;border:1px solid #211d2940;margin:8px 0 40px;font-size:14px}.portfolio-load-more:hover{background:#ded5ef}.portfolio-load-more[hidden]{display:none}
.project-panel .project-visual{left:39%;right:5%;top:20%;bottom:17%;padding:0;background:#f4f2ee;border-color:#ffffff60}
.project-panel .project-visual img{object-fit:cover;object-position:top;filter:none}
.project-panel:nth-child(1){background:#dceae4;color:#213c38}.project-panel:nth-child(2){background:#e6ebf2;color:#243645}.project-panel:nth-child(3){background:#f0e4d8;color:#48352f}
.project-panel .project-word{-webkit-text-stroke-color:currentColor;opacity:.16}.project-panel .project-open{border-color:currentColor}.project-panel .project-caption{max-width:34%;bottom:25%}
.work-stage>.scene-meta,.work-stage>.work-foot{color:#243c39}.work-foot .tabs button{color:#243c39;border-color:#243c3940}.work-foot .tabs button[aria-pressed=true]{border-color:#243c39}.project-panel .project-caption p{color:#435c55;text-shadow:none}.project-panel .project-caption h2{text-shadow:none}.work-foot>.portfolio-open{font-weight:600}
@media(max-width:700px){.portfolio-library-list{grid-template-columns:1fr;gap:24px}.portfolio-item-image{height:220px;margin-bottom:17px}.portfolio-library-item{grid-template-columns:1fr 26px;padding:0 0 20px}.portfolio-item-copy b{font-size:23px}.portfolio-item-copy small{font-size:10px}.portfolio-item-copy>span{font-size:12px}.portfolio-filters{gap:14px}.portfolio-filters>p{width:100%;margin:0 0 12px}.portfolio-all-entry{font-size:19px;padding:19px 0;margin-top:4px}.portfolio-all-entry span{font-size:11px}.project-panel .project-visual{left:6%;right:6%;top:13%;height:53%;bottom:auto}.project-panel .project-caption{max-width:88%;bottom:15%}.portfolio-item-number{font-size:10px}.portfolio-load-more{min-height:52px}}