/* Motion layer: the document remains readable before JavaScript runs. */
[data-page-loader]{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;background:var(--paper,#f5f3ef);pointer-events:none}
[data-page-loader][hidden]{display:none!important}.loader-logo{width:clamp(150px,19vw,245px);height:auto}.loader-line{width:48px;height:2px;background:var(--blue,#035293)}.hero-word{display:inline-block}
.project-preview{position:relative;isolation:isolate}.project-preview>img{transform-origin:center;transition:none}.project-preview:hover>img{transform:none}.project-preview .hover-preview-image{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain;opacity:0;z-index:1;pointer-events:none;transform:scale(1.012);background:inherit}.project-preview .preview-label{position:absolute;right:18px;bottom:18px;z-index:2;display:inline-flex;align-items:center;gap:16px;padding:11px 16px;background:var(--paper,#f5f3ef);color:var(--ink,#191b20);font-size:14px;line-height:1.3;opacity:0;transform:translateY(8px);pointer-events:none}.project-preview:focus-visible{outline-offset:6px}
.webai-detail .viewer-incoming-image{position:absolute;max-height:none;object-fit:contain;pointer-events:none;z-index:1}.view-buttons button[data-image]{position:relative;overflow:hidden}.view-buttons button[data-image][aria-pressed=true]{border-bottom-color:transparent}.view-buttons [data-view-progress]{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--blue,#035293);transform:scaleX(0);transform-origin:left center;pointer-events:none}.view-buttons button[data-image][aria-pressed=true]:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.28;pointer-events:none}[data-rotation-toggle]{border:0;background:transparent;color:var(--muted,#64645e);font-size:14px;padding:8px 0;min-height:44px;min-width:56px;text-align:right;text-decoration:underline;text-underline-offset:5px}[data-rotation-toggle]:hover{color:var(--blue,#035293)}[data-rotation-toggle]:disabled{text-decoration:none;opacity:.7;cursor:default}.view-controls{flex-wrap:wrap}.view-controls .view-buttons{margin-right:auto}
.discipline-row{grid-template-columns:45px 1fr 1.3fr}.discipline-row:hover h3{color:inherit}
@media(max-width:760px){.discipline-row{grid-template-columns:22px 1fr}.project-preview .preview-label{right:12px;bottom:12px;padding:9px 12px;font-size:13px}.view-controls .view-buttons{gap:18px}[data-rotation-toggle]{font-size:13px;min-width:50px}}
@media(prefers-reduced-motion:reduce){[data-page-loader]{display:none!important}.project-preview>img,.project-preview .preview-label,.viewer-incoming-image{transition:none!important;transform:none!important}.view-buttons [data-view-progress]{display:none}.hero-word{transform:none!important}}
@media print{[data-page-loader],.preview-label,.hover-preview-image,[data-rotation-toggle],[data-view-progress],.viewer-incoming-image{display:none!important}.project-preview>img{opacity:1!important;transform:none!important}}

.work-grid[data-filtered="true"] .project-card{padding-top:0}