/* Click-first portfolio: every available project is visible without a pinned scene sequence. */
.work-surface{padding-bottom:56px}.work-section,#main .work-section{padding-top:56px}
.work-section .section-head{align-items:center;margin-bottom:26px}.work-section .section-head h2{font-size:40px;line-height:1.2;max-width:none}.work-section .section-head>p{max-width:45ch;font-size:13px;margin:0;line-height:1.85}
.work-toolbar{padding:0 0 18px;border-color:#494252}.work-toolbar .filters{display:flex;gap:8px;flex-wrap:wrap;overflow:visible;width:100%;justify-content:flex-start}
.work-toolbar .filters button{font-size:12px;min-height:44px;padding:9px 18px;border:1px solid #736a81;border-radius:24px;color:#ded7e9;background:transparent}
.work-toolbar .filters button[aria-pressed=true]{background:#c6b9ff;border-color:#c6b9ff;color:#241a3d}.work-toolbar .filters button:hover:not([aria-pressed=true]){border-color:#c6b9ff;background:#322a40;color:#fff}
.portfolio-status{font-size:11px;line-height:1.6;color:#c3bdcd;margin:15px 0 19px}
.portfolio-grid{height:auto;min-height:0;position:relative}
.portfolio-cards.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 26px;position:static;height:auto;perspective:none;isolation:auto;overflow:visible}
.portfolio-cards .project,.portfolio-cards .project:nth-child(-n+2){grid-column:auto;position:relative;inset:auto;display:flex;flex-direction:column;gap:0;padding:0;margin:0;min-width:0;transform:none;opacity:1;visibility:visible;will-change:auto;background:transparent}
.portfolio-cards .project[hidden]{display:none}
.portfolio-cards .work-visual{order:0;display:block;position:relative;padding:0;width:100%;height:auto;min-height:0;perspective:none;animation:none!important;clip-path:none!important;transform:none!important}
.portfolio-cards .project-copy,.portfolio-cards .project-concept .project-copy{order:1;display:block!important;position:relative;padding:0;margin:15px 0 0;transform:none;opacity:1;will-change:auto}
.portfolio-cards .project-image,.portfolio-cards .project-feature .project-image,.portfolio-cards .project-long .project-image,.portfolio-cards .project-deck .project-image{display:block;position:relative;width:100%;height:auto;aspect-ratio:1.65;max-height:none;overflow:hidden;border:0;border-radius:12px;background:#eeebfa;box-shadow:none;outline:0;transform:none;animation:none!important}
.portfolio-cards .project-image picture{display:block;width:100%;height:100%}
.portfolio-cards .project-image img,.portfolio-cards .project-feature .project-image img,.portfolio-cards .project-deck .project-image img,.portfolio-cards .project-concept .project-image img,.portfolio-cards .project-long .project-image img,.portfolio-cards .project-blog .project-image img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:top;transform:none;animation:none!important;max-height:none;transition:transform .45s cubic-bezier(.16,1,.3,1)}
.portfolio-cards .project-deck .project-image img{object-fit:contain}.portfolio-cards .project-concept .project-image img{object-position:center 35%}
.portfolio-cards .project-image:hover img{transform:scale(1.025)}
.portfolio-cards .image-action{display:none}
.portfolio-cards .project-line,.portfolio-cards .project:nth-child(-n+2) .project-line{display:block;margin:0;min-width:0}
.portfolio-cards .project-line h3,.portfolio-cards .project:nth-child(-n+2) .project-line h3{font-size:22px;line-height:1.4;letter-spacing:-.02em;font-weight:600;color:#f6f4fa}
.portfolio-cards .project-line h3 a{display:block;padding:2px 0;min-height:30px}.portfolio-cards .project-line h3 a:hover{color:#d7ccff}
.portfolio-cards .project-line>span{display:block;font-size:11px;line-height:1.7;margin-top:5px;color:#c6b9ff}
.portfolio-cards .project-copy>p:not(.work-format){font-size:11px;line-height:1.8;margin:5px 0 0;color:#b9b1c5;max-width:100%}
.motion-runtime .portfolio-cards .project.in-view .project-image{animation:none}
/* Reduce passive runway distance; preserve the original opening motion and native scrolling. */
.opening-runway{height:calc(var(--scene-height) + 70px)}.story-runway,.story-sticky{height:290px}
@media(min-width:768px) and (max-width:1023px){.portfolio-cards.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px}.work-section .section-head h2{font-size:36px}.work-section .section-head>p{max-width:35ch}}
@media(max-width:767px){
 .work-surface{padding-bottom:42px}.work-section,#main .work-section{padding-top:42px}.work-section .section-head{display:block;margin-bottom:22px}.work-section .section-head h2{font-size:29px}.work-section .section-head>p{margin-top:14px;font-size:12px;line-height:1.85;max-width:40ch}
 .work-toolbar{padding-bottom:16px}.work-toolbar .filters{display:flex;flex-wrap:wrap;gap:7px;width:100%;overflow:visible;justify-content:flex-start}.work-toolbar .filters button{font-size:11px;min-height:44px;padding:8px 12px}.portfolio-status{font-size:10px;margin:13px 0 17px}
 .portfolio-cards.projects{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}.portfolio-cards .project-image,.portfolio-cards .project-feature .project-image,.portfolio-cards .project-long .project-image,.portfolio-cards .project-deck .project-image{aspect-ratio:1.45;border-radius:9px}
 .portfolio-cards .project-copy,.portfolio-cards .project-concept .project-copy{margin-top:11px}
 .portfolio-cards .project-line h3,.portfolio-cards .project:nth-child(-n+2) .project-line h3{font-size:16px;line-height:1.45;letter-spacing:-.02em;word-break:keep-all;overflow-wrap:anywhere}.portfolio-cards .project-line h3 a{min-height:28px;padding-block:2px}
 .portfolio-cards .project-line>span{font-size:10px;line-height:1.65;margin-top:4px}.portfolio-cards .project-copy>p:not(.work-format){font-size:10px;line-height:1.7;margin-top:5px;color:#c3bdcd}
 .opening-runway{height:385px}.story-runway,.story-sticky{height:250px}.story-line{font-size:clamp(22px,6vw,27px)}
}
@media(prefers-reduced-motion:reduce){.portfolio-cards .project-image img{transition:none}.opening-runway,.story-runway,.story-sticky{height:auto}}
.portfolio-card{display:flex;flex-direction:column;width:100%;min-width:0;height:100%;border-radius:12px;outline-offset:6px}.portfolio-card:focus-visible{outline:2px solid #c6b9ff}.portfolio-card:hover .project-line h3{color:#d7ccff}.portfolio-card:hover .project-image img{transform:scale(1.025)}
@media(max-width:767px){.portfolio-cards .project-copy>p:not(.work-format){display:none}.portfolio-cards .project-line>span{font-size:11px}.portfolio-cards .project-line h3{font-size:16px}}
/* Seven published projects fit into two rows on a wide desktop. */
@media(min-width:1200px){.portfolio-cards.projects{grid-template-columns:repeat(4,minmax(0,1fr));gap:26px 22px}.work-section,#main .work-section{padding-top:44px}.portfolio-cards .project-line h3,.portfolio-cards .project:nth-child(-n+2) .project-line h3{font-size:20px}.portfolio-cards .project-copy>p:not(.work-format){display:none}}
.work-surface+.faq-section{padding-top:64px}@media(max-width:767px){.work-surface+.faq-section{padding-top:44px}}