@layer components{.portfolio-case-main{padding-top:0}.portfolio-case-page .portfolio-case-pillbar{border-color:color-mix(in oklab, var(--color-charcoal-50) 20%, transparent)}.portfolio-index-hero,.portfolio-case-hero{isolation:isolate;border-bottom:1px solid var(--color-border);background:var(--color-background);place-items:center;min-height:min(900px,88svh);display:grid;position:relative;overflow:hidden}.portfolio-case-hero{flex-direction:column;justify-content:flex-end;min-height:min(860px,76svh);display:flex}.portfolio-index-hero-media,.portfolio-case-hero-media{z-index:-2;position:absolute;inset:0}.portfolio-index-hero-media:after,.portfolio-case-hero-media:after{content:"";background:linear-gradient(180deg, color-mix(in oklab, var(--color-background) 38%, transparent) 0%, transparent 34%), linear-gradient(0deg, var(--color-background) 0%, color-mix(in oklab, var(--color-background) 38%, transparent) 54%, color-mix(in oklab, var(--color-background) 58%, transparent) 100%), linear-gradient(90deg, color-mix(in oklab, var(--color-background) 58%, transparent), transparent 70%);position:absolute;inset:0}.portfolio-index-hero-image,.portfolio-case-hero-image{object-fit:cover;object-position:center;filter:saturate(.88)contrast(1.06)}.portfolio-case-page .portfolio-case-hero-image{opacity:.9}.portfolio-index-hero-content,.portfolio-case-hero-content{text-align:center;flex-direction:column;align-items:center;gap:20px;width:min(100% - clamp(24px,6vw,80px),920px);padding-block:clamp(128px,22svh,220px) clamp(72px,12svh,128px);display:flex}.portfolio-case-hero-content{padding-block:var(--pillbar-clearance) clamp(32px, 7svh, 64px);text-align:left;align-items:flex-start;margin-inline:auto}.portfolio-index-hero-content>*,.portfolio-case-hero-content>*{margin:0}.portfolio-index-hero-content .text-caption,.portfolio-case-hero-content .text-caption,.portfolio-section-kicker,.portfolio-project-index,.portfolio-trust-note .text-caption,.portfolio-case-section .text-caption{color:var(--color-primary);letter-spacing:.16em}.portfolio-index-hero-label{border:1px solid color-mix(in oklab, var(--color-primary) 48%, var(--color-border));background:color-mix(in oklab, var(--color-background) 78%, transparent);min-height:32px;box-shadow:0 8px 24px color-mix(in oklab, var(--color-background) 36%, transparent);text-shadow:none;border-radius:3px;align-items:center;padding:6px 12px 6px 14px;line-height:1.25;display:inline-flex}.portfolio-index-hero-content h1,.portfolio-case-hero-content h1{text-wrap:balance;max-width:15ch;text-shadow:var(--text-shadow-overlay-strong)}.portfolio-index-hero-content .text-lead,.portfolio-case-hero-content .text-lead{max-width:50ch;color:color-mix(in oklab, var(--color-foreground) 82%, transparent);text-wrap:pretty;text-shadow:var(--text-shadow-overlay-soft)}.portfolio-index-section,.portfolio-case-section,.portfolio-register-footer{padding-block:var(--spacing-section-y);border-bottom:1px solid var(--color-border)}.portfolio-register-footer--next-project{border-bottom:0}.portfolio-case-hero+.portfolio-case-section{padding-block:0}.portfolio-index-heading,.portfolio-case-section-heading{gap:14px;margin-bottom:clamp(28px,6vw,64px);display:grid}.portfolio-index-heading>*,.portfolio-case-section-heading>*{margin:0}.portfolio-index-heading h2,.portfolio-case-section-heading h2{text-wrap:balance;max-width:20ch}.portfolio-index-heading h2{scroll-margin-top:calc(var(--pillbar-clearance) + 16px)}.portfolio-index-heading .text-lead,.portfolio-case-section-heading .text-lead{max-width:54ch;color:var(--color-muted-foreground);text-wrap:pretty}.portfolio-archive-toolbar{border-block:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:12px;min-height:76px;margin-bottom:clamp(24px,5vw,44px);padding-block:14px;display:flex}.portfolio-result-count{color:var(--color-muted-foreground);margin:0}.portfolio-result-count span,.portfolio-filter-count,.portfolio-project-index,.portfolio-pagination-label{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.portfolio-archive-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.portfolio-toolbar-button,.portfolio-sort-trigger,.portfolio-dialog-close,.portfolio-clear-link{border:1px solid var(--color-border-strong);min-height:44px;color:var(--color-foreground);background:color-mix(in oklab, var(--color-surface) 88%, transparent);transition:color .15s var(--ease-craft), border-color .15s var(--ease-craft), background-color .15s var(--ease-craft), transform .15s var(--ease-craft)}.portfolio-toolbar-button{border-radius:var(--radius-control);min-width:96px;font:inherit;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding-inline:16px;display:inline-flex}.portfolio-toolbar-button svg{stroke-width:1.7px;flex:none;width:17px;height:17px}.portfolio-archive-page .portfolio-toolbar-button{border-color:var(--color-brand-action);color:var(--color-brand-action-foreground);background:var(--color-brand-action);font-weight:600}@media (hover:hover){.portfolio-archive-page .portfolio-toolbar-button:hover{border-color:var(--color-brand-action-hover);color:var(--color-brand-action-foreground);background:var(--color-brand-action-hover)}}.portfolio-sort-control{min-width:152px;transition:opacity var(--duration-fast) var(--ease-precise);align-items:center;display:grid;position:relative}.portfolio-sort-trigger{border-radius:var(--radius-control);width:100%;min-height:44px;font:inherit;text-align:left;cursor:pointer;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:9px;padding:0 12px;display:grid}.portfolio-sort-trigger-icon,.portfolio-sort-option-icon{color:var(--color-muted-foreground);place-items:center;display:grid}.portfolio-sort-trigger-icon svg,.portfolio-sort-trigger>svg{stroke-width:1.7px;width:18px;height:18px}.portfolio-sort-trigger-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.portfolio-sort-trigger>svg{color:var(--color-muted-foreground);transition:color var(--duration-fast) var(--ease-craft), transform var(--duration-fast) var(--ease-craft)}.portfolio-sort-menu{z-index:var(--z-dropdown);visibility:hidden;border:1px solid var(--color-border-strong);border-radius:var(--radius-tile);background:color-mix(in oklab, var(--color-surface) 94%, var(--color-background));width:min(286px,100vw - 24px);box-shadow:var(--shadow-elevated);opacity:0;transform-origin:100% 0;pointer-events:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:visibility 0s linear var(--duration-fast), opacity var(--duration-fast) var(--ease-craft), transform var(--duration-base) var(--ease-craft);gap:2px;padding:4px;display:grid;position:absolute;top:calc(100% + 8px);right:0;transform:translateY(-6px)scale(.98)}.portfolio-sort-menu[data-open=true]{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s;transform:translateY(0)scale(1)}.portfolio-sort-option{border-radius:var(--radius-control);width:100%;min-height:48px;color:var(--color-muted-foreground);font:inherit;text-align:left;cursor:pointer;transition:color var(--duration-fast) var(--ease-craft), background-color var(--duration-fast) var(--ease-craft), transform var(--duration-fast) var(--ease-precise);background:0 0;border:0;grid-template-columns:24px minmax(0,1fr) 20px;align-items:center;gap:11px;padding:8px 10px;font-weight:500;display:grid}.portfolio-sort-option-icon svg{stroke-width:1.6px;width:20px;height:20px}.portfolio-sort-option-check{width:20px;height:20px;color:var(--color-primary);opacity:0;filter:blur(4px);transition:opacity var(--duration-fast) var(--ease-craft), filter var(--duration-fast) var(--ease-craft), transform var(--duration-fast) var(--ease-craft);place-items:center;display:grid;transform:scale(.25)}.portfolio-sort-option-check svg{stroke-width:2px;width:16px;height:16px}.portfolio-sort-option[data-selected=true]{color:var(--color-foreground);background:color-mix(in oklab, var(--color-primary) 7%, transparent)}.portfolio-sort-option[data-selected=true] .portfolio-sort-option-icon,.portfolio-sort-option[data-selected=true] .portfolio-sort-option-check{color:var(--color-primary)}.portfolio-sort-option[data-selected=true] .portfolio-sort-option-check{opacity:1;filter:blur();transform:scale(1)}.portfolio-sort-control[data-pending=true]{opacity:.62}.portfolio-toolbar-button:hover,.portfolio-sort-trigger:hover,.portfolio-clear-link:hover{border-color:color-mix(in oklab, var(--color-primary) 58%, var(--color-border));color:var(--color-primary)}.portfolio-toolbar-button:active,.portfolio-sort-trigger:active,.portfolio-sort-option:active,.portfolio-dialog-close:active,.portfolio-filter-footer .btn:active{transform:scale(.96)}.portfolio-toolbar-button:disabled,.portfolio-sort-trigger:disabled,.portfolio-dialog-close:disabled,.portfolio-filter-footer .btn:disabled{cursor:not-allowed;opacity:.55}.portfolio-toolbar-button:focus-visible,.portfolio-sort-trigger:focus-visible,.portfolio-sort-option:focus-visible,.portfolio-dialog-close:focus-visible,.portfolio-clear-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.portfolio-filter-option:has(input:focus-visible){outline:2px solid var(--color-primary);outline-offset:3px}.portfolio-sort-option:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.portfolio-sort-control:focus-within .portfolio-sort-trigger>svg,.portfolio-sort-control:hover .portfolio-sort-trigger>svg{color:var(--color-primary);transform:translateY(1px)}.portfolio-sort-control[data-open=true] .portfolio-sort-trigger{border-color:color-mix(in oklab, var(--color-primary) 68%, var(--color-border));color:var(--color-foreground);background:color-mix(in oklab, var(--color-primary) 5%, var(--color-surface))}.portfolio-sort-control[data-open=true] .portfolio-sort-trigger>svg{color:var(--color-primary);transform:rotate(180deg)}@media (hover:hover) and (pointer:fine){.portfolio-sort-option:hover{color:var(--color-foreground);background:var(--color-surface-elevated)}}@media (max-width:767px){.portfolio-archive-toolbar{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.portfolio-archive-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.portfolio-toolbar-button,.portfolio-sort-control{width:100%;min-width:0}}.portfolio-project-register{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,3vw,16px);display:grid}.portfolio-project-card{border-radius:var(--radius-media);min-width:0;color:inherit;border-top:0;align-content:start;gap:8px;padding:0;text-decoration:none;display:grid}.portfolio-project-card:first-child{border-top:0}.portfolio-project-media{aspect-ratio:4/5;border-radius:var(--radius-media);background:var(--color-charcoal-950);box-shadow:var(--shadow-photo);position:relative;overflow:hidden}.portfolio-project-image{object-fit:cover;transition:transform .42s var(--ease-craft), filter .42s var(--ease-craft)}.portfolio-project-card:hover .portfolio-project-image,.portfolio-project-card:focus-visible .portfolio-project-image{filter:contrast(1.04)saturate(1.03);transform:scale(1.025)}.portfolio-project-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.portfolio-project-copy{align-content:start;gap:6px;display:grid}.portfolio-project-copy>*{margin:0}.portfolio-project-meta{color:var(--color-muted-foreground);flex-wrap:wrap;gap:8px 16px;display:none}.portfolio-project-title-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;display:grid}.portfolio-project-title-row h3{overflow-wrap:break-word;text-wrap:balance;min-width:0;max-width:20ch;margin:0}.portfolio-project-service{color:var(--color-muted-foreground);overflow-wrap:break-word;text-wrap:pretty}.portfolio-project-arrow{color:var(--color-primary);transition:transform .18s var(--ease-craft)}.portfolio-project-card:hover .portfolio-project-arrow,.portfolio-project-card:focus-visible .portfolio-project-arrow{transform:translate(4px)}.portfolio-pagination{border-top:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:clamp(36px,7vw,72px);padding-top:16px;display:grid}.portfolio-pagination-label{color:var(--color-muted-foreground);grid-column:1/-1;margin:0 0 4px}.portfolio-pagination-link{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);min-height:64px;color:var(--color-foreground);text-align:center;white-space:nowrap;transition:color .15s var(--ease-craft), border-color .15s var(--ease-craft), background-color .15s var(--ease-craft);justify-content:center;align-items:center;padding:14px 16px;text-decoration:none;display:flex}.portfolio-pagination-link:only-of-type{grid-column:1/-1}.portfolio-pagination-link:active{transform:scale(.96)}.portfolio-pagination-link:hover,.portfolio-pagination-link:focus-visible{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in oklab, var(--color-primary) 5%, transparent)}.portfolio-pagination-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.portfolio-empty-state,.portfolio-trust-note{border-left:2px solid var(--color-primary);background:color-mix(in oklab, var(--color-surface) 76%, transparent);gap:16px;padding:clamp(26px,5vw,44px);display:grid}.portfolio-empty-state>*,.portfolio-trust-note>*{max-width:56ch;margin:0}.portfolio-empty-state p,.portfolio-trust-note p{color:var(--color-muted-foreground)}.portfolio-archive-evidence-note{border:1px solid var(--color-border);border-left:4px solid var(--color-primary);border-radius:var(--radius-panel);background:color-mix(in oklab, var(--color-surface) 78%, transparent);gap:14px;max-width:840px;padding:clamp(18px,5vw,36px);display:grid}.portfolio-archive-evidence-lead{grid-template-columns:clamp(88px,28vw,108px) minmax(0,1fr);align-items:center;gap:16px;display:grid}.portfolio-archive-evidence-figure{aspect-ratio:4/5;border-radius:var(--radius-media);background:var(--color-charcoal-900);margin:0;position:relative;overflow:hidden}.portfolio-archive-evidence-figure img{object-fit:cover}.portfolio-archive-evidence-heading{align-content:center;gap:8px;min-width:0;display:grid}.portfolio-archive-evidence-heading>*{margin:0}.portfolio-archive-evidence-heading .text-caption{color:var(--color-muted-foreground);letter-spacing:.12em}.portfolio-archive-evidence-heading h2{max-width:16ch}.portfolio-archive-evidence-summary{max-width:52ch;color:var(--color-muted-foreground);margin:0}.portfolio-archive-evidence-links{align-items:start;display:grid}.portfolio-archive-evidence-source,.portfolio-archive-evidence-details summary{width:fit-content;min-height:44px;color:var(--color-foreground);touch-action:manipulation;align-items:center;gap:8px;font-weight:600;text-decoration:none;display:inline-flex}.portfolio-archive-evidence-source svg,.portfolio-archive-evidence-details summary svg{width:16px;height:16px;color:var(--color-primary);flex:none}.portfolio-archive-evidence-source:focus-visible,.portfolio-archive-evidence-details summary:focus-visible{box-shadow:var(--shadow-focus);outline:none}.portfolio-archive-evidence-details{border-top:1px solid var(--color-border)}.portfolio-archive-evidence-details summary{cursor:pointer;list-style:none}.portfolio-archive-evidence-details summary::-webkit-details-marker{display:none}.portfolio-archive-evidence-details summary svg{transition:transform .18s var(--ease-craft)}.portfolio-archive-evidence-details[open] summary svg{transform:rotate(180deg)}.portfolio-archive-evidence-details p{max-width:56ch;color:var(--color-muted-foreground);margin:0 0 12px}@media (min-width:768px){.portfolio-archive-evidence-note{grid-template-rows:auto auto 1fr;grid-template-columns:168px minmax(0,1fr);column-gap:clamp(24px,4vw,40px)}.portfolio-archive-evidence-lead{display:contents}.portfolio-archive-evidence-figure{grid-row:1/4}.portfolio-archive-evidence-heading,.portfolio-archive-evidence-summary,.portfolio-archive-evidence-links{grid-column:2}.portfolio-archive-evidence-links{flex-wrap:wrap;column-gap:24px;display:flex}.portfolio-archive-evidence-details{border-top:0}}@media (hover:hover) and (pointer:fine){.portfolio-archive-evidence-source:hover,.portfolio-archive-evidence-details summary:hover{color:var(--color-primary)}}@media (prefers-reduced-motion:reduce){.portfolio-archive-evidence-details summary svg{transition:none}}.portfolio-evidence-booking-panel{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);display:grid;overflow:hidden}.portfolio-evidence-booking-figure{background:var(--color-charcoal-900);min-height:220px;margin:0;position:relative;overflow:hidden}.portfolio-evidence-booking-figure img{object-fit:cover}.portfolio-evidence-booking-figure:after{background:linear-gradient(to top, color-mix(in srgb, var(--color-background) 85%, transparent), transparent 54%);pointer-events:none;content:"";position:absolute;inset:0}.portfolio-evidence-booking-figure figcaption{z-index:1;color:var(--color-primary);letter-spacing:.1em;text-shadow:var(--text-shadow-overlay-strong);position:absolute;bottom:14px;left:16px;right:16px}.portfolio-evidence-booking-copy{align-content:start;gap:14px;padding:clamp(22px,5vw,40px);display:grid}.portfolio-evidence-booking-copy>*{max-width:56ch;margin:0}.portfolio-evidence-booking-copy>.text-caption{color:var(--color-primary);letter-spacing:.16em}html[data-site-theme=light] .portfolio-evidence-booking-figure figcaption{color:var(--color-charcoal-50);background:linear-gradient(to top, color-mix(in srgb, var(--color-charcoal-950) 88%, transparent), transparent);text-shadow:none;padding:38px 16px 14px;bottom:0;left:0;right:0}html[data-site-theme=light] .portfolio-evidence-booking-copy>.text-caption{color:var(--color-foreground)}.portfolio-evidence-booking-copy>.text-body{color:var(--color-muted-foreground)}.portfolio-evidence-booking-actions{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:6px;display:flex}.portfolio-evidence-booking-actions .btn svg{width:18px;height:18px}@media (min-width:768px){.portfolio-evidence-booking-panel{grid-template-columns:minmax(220px,5fr) minmax(0,7fr)}.portfolio-evidence-booking-figure{min-height:100%}}.portfolio-filter-dialog{border:1px solid var(--color-border-strong);border-radius:var(--radius-panel) var(--radius-panel) 0 0;width:min(100%,560px);max-width:none;max-height:min(88svh,760px);color:var(--color-foreground);background:var(--color-background);box-shadow:var(--shadow-modal);opacity:0;transition:opacity var(--duration-base) var(--ease-craft), transform var(--duration-base) var(--ease-craft);margin:auto 0 0;padding:0;overflow:hidden;transform:translateY(16px)scale(.985)}.portfolio-filter-dialog[data-state=open]{opacity:1;transform:translateY(0)scale(1)}.portfolio-filter-dialog::backdrop{background:color-mix(in oklab, var(--color-background) 68%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:0;transition:opacity var(--duration-base) var(--ease-craft)}.portfolio-filter-dialog[data-state=open]::backdrop{opacity:1}.portfolio-filter-form{grid-template-rows:auto minmax(0,1fr) auto;max-height:min(88svh,760px);display:grid}.portfolio-filter-head,.portfolio-filter-footer{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:16px;padding:16px clamp(18px,5vw,28px);display:flex}.portfolio-filter-head>div{gap:5px;display:grid}.portfolio-filter-head h2,.portfolio-filter-head p{margin:0}.portfolio-dialog-close{cursor:pointer;border-radius:50%;place-items:center;width:44px;min-width:44px;padding:0;font-size:28px;display:grid}.portfolio-filter-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 clamp(18px,5vw,28px);scroll-padding-block:24px 96px;overflow-y:auto}.portfolio-filter-group{border:0;border-bottom:1px solid var(--color-border);margin:0;padding:0 0 24px}.portfolio-filter-group:last-child{border-bottom:0}.portfolio-filter-group legend{width:100%;color:var(--color-muted-foreground);margin:0 0 12px;padding:20px 0 0;font-weight:500;line-height:1.3}.portfolio-filter-options{gap:10px;display:grid}.portfolio-filter-option{border:1px solid var(--color-border);border-radius:var(--radius-tile);cursor:pointer;min-height:52px;transition:border-color .15s var(--ease-craft), background-color .15s var(--ease-craft);grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;padding:8px 12px;display:grid}.portfolio-filter-option:hover{border-color:color-mix(in oklab, var(--color-primary) 54%, var(--color-border));background:color-mix(in oklab, var(--color-primary) 5%, transparent)}.portfolio-filter-option:has(input:checked){border-color:color-mix(in oklab, var(--color-primary) 54%, var(--color-border));background:color-mix(in oklab, var(--color-primary) 5%, transparent)}.portfolio-filter-option input{width:18px;height:18px;accent-color:var(--color-primary);margin:0}.portfolio-filter-count{color:var(--color-muted-foreground)}.portfolio-compact-filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-compact-filter-option{border:1px solid var(--color-border);border-radius:var(--radius-tile);min-width:0;min-height:88px;color:var(--color-foreground);background:color-mix(in oklab, var(--color-surface) 42%, transparent);cursor:pointer;transition:border-color var(--duration-fast) var(--ease-craft), background-color var(--duration-fast) var(--ease-craft), transform var(--duration-fast) var(--ease-precise);place-items:center;gap:8px;padding:16px 12px 12px;display:grid;position:relative;overflow:hidden}.portfolio-compact-filter-option input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.portfolio-compact-filter-option:has(input:checked){border-color:color-mix(in oklab, var(--color-primary) 68%, var(--color-border));background:color-mix(in oklab, var(--color-primary) 7%, var(--color-surface))}.portfolio-compact-filter-option:has(input:focus-visible){outline:2px solid var(--color-ring);outline-offset:2px}.portfolio-compact-filter-option:has(input:disabled){opacity:.5;cursor:not-allowed}@media (hover:hover) and (pointer:fine){.portfolio-compact-filter-option:not(:has(input:disabled)):hover{border-color:var(--color-border-strong)}}.portfolio-compact-filter-option:not(:has(input:disabled)):active{transform:scale(.96)}.portfolio-compact-filter-check{width:20px;height:20px;color:var(--color-primary-foreground);background:var(--color-primary);opacity:0;filter:blur(4px);transition:opacity var(--duration-fast) var(--ease-craft), filter var(--duration-fast) var(--ease-craft), transform var(--duration-fast) var(--ease-craft);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:8px;transform:scale(.25)}.portfolio-compact-filter-check svg{stroke-width:2.4px;width:13px;height:13px}.portfolio-compact-filter-option:has(input:checked) .portfolio-compact-filter-check{opacity:1;filter:blur();transform:scale(1)}.portfolio-compact-filter-count{font-family:var(--font-mono);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:500;line-height:1;position:absolute;top:8px;right:8px}.portfolio-year-filter-label{font-family:var(--font-mono);font-size:var(--text-h4);font-variant-numeric:tabular-nums;font-weight:500;line-height:1}.portfolio-year-filter-label-all{font-family:var(--font-sans);font-size:var(--text-body)}.portfolio-sort-filter-option{grid-template-rows:32px auto;min-height:96px}.portfolio-sort-filter-option:last-child{grid-column:1/-1}.portfolio-sort-filter-icon{width:32px;height:32px;color:var(--color-muted-foreground);transition:color var(--duration-fast) var(--ease-craft);place-items:center;display:grid}.portfolio-sort-filter-icon svg{stroke-width:1.6px;width:25px;height:25px}.portfolio-sort-filter-label{min-width:0;font-size:var(--text-small);text-align:center;white-space:nowrap;font-weight:500;line-height:1.2}.portfolio-compact-filter-option:has(input:checked) .portfolio-sort-filter-icon{color:var(--color-primary)}@media (min-width:768px){.portfolio-year-filter-options{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-sort-filter-options{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-sort-filter-option:last-child{grid-column:auto}}.portfolio-maker-filter-option{--maker-mark-scale:1;grid-template-columns:22px 36px minmax(0,1fr) auto;position:relative}.portfolio-maker-filter-mark{width:32px;height:32px;color:var(--color-muted-foreground);place-items:center;display:grid;position:relative;overflow:hidden}.portfolio-maker-filter-mark>svg{stroke-width:1.6px;width:18px;height:18px}.portfolio-maker-filter-logo{object-fit:contain;object-position:center;filter:none;opacity:1;width:100%;max-width:none;height:100%;max-height:none;transform:scale(var(--maker-mark-scale));transform-origin:50%;display:block;position:absolute;inset:0}.portfolio-maker-filter-mark[data-mark-shape=compact] .portfolio-maker-filter-logo{width:100%;height:100%}.portfolio-maker-filter-option[data-maker] .portfolio-maker-filter-mark{background:0 0;border:0}.portfolio-maker-filter-monogram{border:1px solid var(--color-border-strong);width:24px;height:24px;color:var(--color-muted-foreground);font-family:var(--font-mono);font-size:var(--text-caption);border-radius:50%;place-items:center;display:grid}.portfolio-maker-filter-label{min-width:0}.portfolio-service-filter-option{grid-template-columns:22px 36px minmax(0,1fr) auto;position:relative}.portfolio-service-filter-icon{width:32px;height:32px;color:var(--color-muted-foreground);transition:color var(--duration-fast) var(--ease-craft);place-items:center;display:grid}.portfolio-service-filter-glyph{width:24px;height:24px}.portfolio-service-filter-label{min-width:0}.portfolio-filter-selection-mark{display:none}@media (max-width:767px){.portfolio-service-filter-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.portfolio-service-filter-option{border-radius:var(--radius-tile);text-align:center;min-height:84px;transition:border-color var(--duration-fast) var(--ease-craft), background-color var(--duration-fast) var(--ease-craft), transform var(--duration-fast) var(--ease-precise);grid-template-rows:24px auto;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:8px;padding:12px 10px}.portfolio-service-filter-option-all{grid-column:1/-1;grid-template-rows:auto;grid-template-columns:24px auto;justify-content:center;min-height:44px;padding-block:10px}.portfolio-maker-filter-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 10px}.portfolio-maker-filter-option{border-radius:var(--radius-tile);text-align:center;min-height:80px;transition:border-color .15s var(--ease-craft), background-color .15s var(--ease-craft), transform .15s var(--ease-craft);grid-template-rows:minmax(44px,1fr);grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:0;padding:24px 8px 8px;display:grid;overflow:hidden}.portfolio-maker-filter-option-all{grid-template-rows:24px auto;gap:4px;padding-block:12px}.portfolio-maker-filter-option input,.portfolio-service-filter-option input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.portfolio-service-filter-icon,.portfolio-service-filter-glyph{width:24px;height:24px}.portfolio-service-filter-label{color:var(--color-foreground);font-size:var(--text-small);overflow-wrap:anywhere;text-wrap:balance;font-weight:500;line-height:1.25;display:block}.portfolio-service-filter-count{font-size:var(--text-small);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.2;position:absolute;top:10px;right:10px}.portfolio-maker-filter-mark{width:min(100%,68px);height:44px;padding:0}.portfolio-maker-filter-mark>svg{width:22px;height:22px}.portfolio-maker-filter-option-all .portfolio-maker-filter-mark{width:24px;height:24px;padding:0}.portfolio-maker-filter-logo{object-fit:contain;object-position:center;width:100%;max-width:none;height:100%;max-height:none}.portfolio-maker-filter-mark[data-mark-shape=compact] .portfolio-maker-filter-logo{width:100%;height:100%}.portfolio-maker-filter-option:is([data-maker=audi],[data-maker=chevrolet],[data-maker=dodge],[data-maker=toyota]){--maker-mark-scale:1.48}.portfolio-maker-filter-option[data-maker=land-rover]{--maker-mark-scale:1.6}.portfolio-maker-filter-option[data-maker=seat]{--maker-mark-scale:.78}.portfolio-maker-filter-option:is([data-maker=bmw],[data-maker=vw],[data-maker=volkswagen]){--maker-mark-scale:1.1}.portfolio-maker-filter-option[data-maker=maserati]{--maker-mark-scale:.98}.portfolio-maker-filter-option:is([data-maker=mercedes-benz],[data-maker=porsche]){--maker-mark-scale:1.15}.portfolio-maker-filter-option[data-maker=tesla]{--maker-mark-scale:1.45}.portfolio-maker-filter-label{min-height:32px;color:var(--color-foreground);font-size:var(--text-small);overflow-wrap:anywhere;text-wrap:balance;-webkit-line-clamp:2;-webkit-box-orient:vertical;align-self:center;font-weight:500;line-height:1.25;display:-webkit-box;overflow:hidden}.portfolio-maker-filter-label-accessible{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;min-height:0;margin:-1px;padding:0;display:block;position:absolute;overflow:hidden}.portfolio-maker-filter-count{color:var(--color-muted-foreground);font-size:var(--text-caption);font-variant-numeric:tabular-nums;font-weight:500;line-height:1.2;position:absolute;top:9px;right:9px}.portfolio-filter-selection-mark{width:18px;height:18px;color:var(--color-primary-foreground);background:var(--color-primary);opacity:0;transition:opacity .15s var(--ease-craft), transform .15s var(--ease-craft);border-radius:50%;place-items:center;display:grid;position:absolute;top:8px;left:8px;transform:scale(.72)}.portfolio-filter-selection-mark svg{stroke-width:2.4px;width:12px;height:12px}:is(.portfolio-maker-filter-option:has(input:checked) .portfolio-filter-selection-mark,.portfolio-service-filter-option:has(input:checked) .portfolio-filter-selection-mark){opacity:1;transform:scale(1)}.portfolio-service-filter-option:has(input:checked) .portfolio-service-filter-icon{color:var(--color-primary)}.portfolio-maker-filter-option:active,.portfolio-service-filter-option:active{transform:scale(.96)}}.portfolio-filter-footer{border-top:1px solid var(--color-border);background:var(--color-surface);border-bottom:0;justify-content:center}.portfolio-filter-footer .btn{gap:10px;width:min(100%,360px);min-width:0}.portfolio-filter-footer[data-has-active-filters=true]{justify-content:space-between}.portfolio-filter-apply-icon{stroke-width:1.8px;flex:none;width:24px;height:24px}.portfolio-clear-link{border-radius:var(--radius-control);background:0 0;border:0;justify-content:center;align-items:center;min-width:88px;padding-inline:12px;display:inline-flex}@media (max-width:767px){.portfolio-filter-footer{padding-bottom:max(18px, env(safe-area-inset-bottom));grid-template-columns:minmax(0,1fr);gap:10px;display:grid}.portfolio-filter-footer .btn{justify-self:stretch;width:100%;min-height:56px}.portfolio-filter-footer .btn-label{white-space:nowrap}.portfolio-clear-link{width:100%}}@media (max-width:359px){.portfolio-archive-actions{grid-template-columns:minmax(0,1fr)}.portfolio-maker-filter-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.portfolio-case-facts{border-block:1px solid var(--color-border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portfolio-case-fact{border-bottom:1px solid var(--color-border);gap:8px;padding:clamp(18px,5vw,30px) 0;display:grid}.portfolio-case-fact:nth-child(odd){border-right:1px solid var(--color-border);padding-right:16px}.portfolio-case-fact:nth-child(2n){padding-left:16px}.portfolio-case-fact:last-child:nth-child(odd){border-right:0;grid-column:1/-1;padding-right:0}.portfolio-case-fact dt,.portfolio-case-fact dd{margin:0}.portfolio-case-fact dt{color:var(--color-muted-foreground)}.portfolio-case-fact-maker{align-content:space-between;min-height:124px}.portfolio-case-fact-date{border-right:0;grid-column:1/-1;padding-inline:0}.portfolio-case-facts:not(:has(.portfolio-case-fact-maker))>.portfolio-case-fact:not(.portfolio-case-fact-date){border-right:0;grid-column:1/-1;padding-inline:0}.portfolio-date-navigator{grid-template-columns:minmax(0,1fr);gap:10px}.portfolio-date-navigator>dt{color:var(--color-primary)}.portfolio-date-navigator>dd{gap:0;width:100%;min-width:0;display:grid}.portfolio-date-trigger{border:1px solid var(--color-border-strong);border-radius:var(--radius-control);background:color-mix(in oklab, var(--color-surface) 78%, transparent);width:100%;min-height:58px;color:var(--color-foreground);text-align:left;cursor:pointer;transition:border-color var(--duration-base) var(--ease-craft), background-color var(--duration-base) var(--ease-craft), transform var(--duration-fast) var(--ease-craft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px 14px;display:grid}.portfolio-date-trigger:hover,.portfolio-date-navigator[data-open=true] .portfolio-date-trigger{border-color:color-mix(in oklab, var(--color-primary) 72%, var(--color-border-strong));background:color-mix(in oklab, var(--color-primary) 5%, var(--color-surface))}.portfolio-date-trigger:active{transform:scale(.985)}.portfolio-date-trigger:focus-visible{box-shadow:var(--shadow-focus);outline:none}.portfolio-date-trigger>svg:first-child{width:21px;height:21px;color:var(--color-primary)}.portfolio-date-trigger-chevron{width:18px;height:18px;color:var(--color-muted-foreground);transition:transform var(--duration-base) var(--ease-craft)}.portfolio-date-navigator[data-open=true] .portfolio-date-trigger-chevron{transform:rotate(180deg)}.portfolio-date-disclosure{opacity:0;visibility:hidden;transition:grid-template-rows var(--duration-slow) var(--ease-craft), opacity var(--duration-base) var(--ease-craft), transform var(--duration-base) var(--ease-craft), visibility 0s linear var(--duration-slow);grid-template-rows:0fr;display:grid;transform:translateY(-6px)}.portfolio-date-navigator[data-open=true] .portfolio-date-disclosure{opacity:1;visibility:visible;grid-template-rows:1fr;transition-delay:0s;transform:translateY(0)}.portfolio-date-disclosure-inner{min-height:0;overflow:hidden}.portfolio-date-disclosure-content{gap:22px;min-width:0;padding-top:18px;display:grid}.portfolio-date-calendar{gap:10px;min-width:0;display:grid}.portfolio-date-instruction,.portfolio-date-selected-day,.portfolio-date-current-note{color:var(--color-muted-foreground);margin:0}.portfolio-date-calendar .booking-calendar{background:0 0;border:0;border-radius:0;gap:12px;padding:0}.portfolio-date-calendar .booking-calendar-status{display:none}.portfolio-date-calendar .booking-calendar-month{text-transform:none}.portfolio-date-calendar .booking-calendar-weekdays,.portfolio-date-calendar .booking-calendar-row,.portfolio-date-calendar .booking-calendar-grid{gap:4px}.portfolio-date-calendar .booking-calendar-cell{aspect-ratio:auto;min-height:44px}.portfolio-date-calendar .booking-calendar-day[data-state=available]{background:0 0;border-color:#0000}.portfolio-date-calendar .booking-calendar-day[data-state=available]:after{content:"";border-radius:var(--radius-full);background:var(--color-primary);width:3px;height:3px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.portfolio-date-calendar .booking-calendar-day[data-state=available],.portfolio-date-calendar .booking-calendar-day[data-state=highlighted]{position:relative}.portfolio-date-calendar .booking-calendar-day[data-state=full]:after{content:none}.portfolio-date-projects{border:0;border-top:1px solid var(--color-border);gap:12px;min-width:0;margin:0;padding:18px 0 0;display:grid}.portfolio-date-projects>legend{color:var(--color-primary);padding:0}.portfolio-date-project-options{border-top:1px solid var(--color-border);display:grid}.portfolio-date-project-option{border-bottom:1px solid var(--color-border);cursor:pointer;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:12px;min-height:64px;padding:12px 2px;display:grid}.portfolio-date-project-option input{width:18px;height:18px;accent-color:var(--color-primary);margin:0}.portfolio-date-project-option:has(input:focus-visible){box-shadow:var(--shadow-focus);outline:none}.portfolio-date-project-copy{gap:2px;min-width:0;display:grid}.portfolio-date-project-copy>.text-small{color:var(--color-muted-foreground)}.portfolio-date-current{width:max-content;color:var(--color-primary);grid-column:2}.portfolio-date-open-project{justify-content:center;width:100%}.portfolio-date-open-project>svg{width:18px;height:18px}@media (min-width:768px){.portfolio-date-disclosure-content{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:start}.portfolio-date-projects{border-top:0;border-left:1px solid var(--color-border);padding:0 0 0 22px}}@media (prefers-reduced-motion:reduce){.portfolio-date-trigger,.portfolio-date-trigger-chevron,.portfolio-date-disclosure{transition:none}.portfolio-date-trigger:active,.portfolio-date-disclosure{transform:none}}.portfolio-case-proof{border-bottom:1px solid var(--color-border);gap:18px;padding-block:clamp(24px,6vw,38px);display:grid}.portfolio-case-proof-copy{gap:10px;display:grid}.portfolio-case-proof-copy>*{margin:0}.portfolio-case-proof-copy h2{color:var(--color-foreground)}.portfolio-case-proof-copy p{max-width:62ch;color:var(--color-muted-foreground);text-wrap:pretty}.portfolio-case-proof-links{flex-wrap:wrap;gap:8px 22px;margin:0;padding:0;list-style:none;display:flex}.portfolio-case-details{margin:2px 0 0;padding:0;list-style:none;display:grid}.portfolio-case-details>li{border-top:1px solid var(--color-border);grid-template-columns:28px minmax(0,1fr);gap:14px;padding-block:20px;display:grid}.portfolio-case-detail-number{color:var(--color-primary);font-family:var(--font-mono);font-variant-numeric:tabular-nums;padding-top:3px}.portfolio-case-details h3{margin:0 0 6px;font-weight:600}.portfolio-case-details p{max-width:62ch;color:var(--color-muted-foreground);text-wrap:pretty;margin:0}@media (min-width:1024px){.portfolio-case-details{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:48px}}.portfolio-case-proof-link{min-height:44px;color:var(--color-foreground);white-space:nowrap;align-items:center;gap:8px;text-decoration:none;display:inline-flex}.portfolio-case-proof-link svg{width:16px;height:16px;color:var(--color-primary);flex:none}.portfolio-case-proof-link:hover,.portfolio-case-proof-link:focus-visible{color:var(--color-primary);text-underline-offset:4px;text-decoration:underline}.portfolio-before-after{gap:16px;display:grid;position:relative}.portfolio-before-after-stage{aspect-ratio:4/5;border:1px solid var(--color-border-strong);width:100%;color:var(--color-foreground);background:var(--color-charcoal-950);touch-action:manipulation;cursor:pointer;padding:0;display:block;position:relative;overflow:hidden}.portfolio-before-after-image{object-fit:cover;-webkit-user-select:none;user-select:none}.portfolio-before-layer{clip-path:inset(0 calc(100% - var(--portfolio-before-position)) 0 0);transition:clip-path .18s var(--ease-craft);position:absolute;inset:0}.portfolio-compare-label{z-index:3;border:1px solid color-mix(in oklab, var(--color-foreground) 20%, transparent);background:color-mix(in oklab, var(--color-background) 74%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:7px 10px;position:absolute;top:14px}.portfolio-compare-label-before{left:14px}.portfolio-compare-label-after{right:14px}.portfolio-compare-divider{top:0;bottom:0;left:var(--portfolio-before-position);z-index:2;background:var(--color-primary);width:1px;box-shadow:var(--shadow-glow-lime-lg);transition:left .18s var(--ease-craft);position:absolute;transform:translate(-.5px)}.portfolio-before-after-control{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:56px;padding-inline:4px;display:grid}.portfolio-before-after-control input{width:100%;accent-color:var(--color-primary);cursor:ew-resize}.portfolio-next-project{border:1px solid var(--color-border);color:inherit;background:color-mix(in oklab, var(--color-surface) 78%, transparent);gap:16px;padding:clamp(28px,6vw,54px);text-decoration:none;display:grid}.portfolio-next-project>*{margin:0}.portfolio-next-project-heading{grid-template-columns:minmax(0,1fr) clamp(76px,22vw,108px);align-items:center;gap:clamp(28px,8vw,48px);display:grid}.portfolio-next-project-heading-copy{gap:18px;min-width:0;display:grid}.portfolio-next-project-heading-copy>*{margin:0}.portfolio-next-project-mark{place-self:center end;place-items:center;width:100%;display:grid}.portfolio-next-project-mark .portfolio-manufacturer-mark{background:0 0;width:100%;max-width:none;height:clamp(56px,16vw,76px)}.portfolio-next-project:hover,.portfolio-next-project:focus-visible{border-color:var(--color-primary)}.portfolio-read-completion-marker{width:1px;height:1px;display:block}@media (min-width:768px){.portfolio-index-hero-content,.portfolio-index-hero-content{padding-block:clamp(160px,20svh,240px) clamp(90px,12svh,140px)}.portfolio-case-hero-content{padding-block:var(--pillbar-clearance) clamp(48px, 8svh, 88px)}.portfolio-archive-toolbar{min-height:44px;padding-block:8px}.portfolio-project-register{grid-template-columns:minmax(0,1fr);gap:0}.portfolio-project-card{border-top:1px solid var(--color-border);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:clamp(24px,4vw,64px);padding-block:clamp(28px,7vw,56px)}.portfolio-project-card:nth-child(odd) .portfolio-project-media{grid-column:1/span 7}.portfolio-project-card:nth-child(odd) .portfolio-project-copy{grid-column:8/-1}.portfolio-project-card:nth-child(2n) .portfolio-project-media{grid-area:1/6/auto/-1}.portfolio-project-card:nth-child(2n) .portfolio-project-copy{grid-area:1/1/auto/span 5}.portfolio-project-media{aspect-ratio:16/11}.portfolio-project-copy{gap:12px}.portfolio-project-meta{display:flex}.portfolio-project-title-row{align-items:baseline;gap:16px}.portfolio-project-title-row h3{overflow-wrap:normal}.portfolio-project-service{color:var(--color-foreground)}.portfolio-filter-dialog{border-radius:var(--radius-panel);margin:auto}.portfolio-case-facts{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.portfolio-case-fact,.portfolio-case-fact:nth-child(odd),.portfolio-case-fact:nth-child(2n){border-right:1px solid var(--color-border);border-bottom:0;padding-inline:clamp(16px,3vw,30px)}.portfolio-case-fact:last-child:nth-child(odd){grid-column:auto}.portfolio-case-facts>.portfolio-case-fact.portfolio-case-fact-date{border-right:0;border-top:1px solid var(--color-border);grid-column:1/-1;padding-inline:0}.portfolio-case-fact:first-child{padding-left:0}.portfolio-case-fact:last-child{border-right:0;padding-right:0}.portfolio-before-after-stage{aspect-ratio:16/10}.portfolio-before-after-control{z-index:4;border:1px solid color-mix(in oklab, var(--color-foreground) 18%, transparent);background:color-mix(in oklab, var(--color-background) 76%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding-inline:16px;position:absolute;bottom:24px;left:24px;right:24px}}@media (min-width:1120px){.portfolio-case-hero-content{width:min(100% - 96px, var(--container-app))}.portfolio-case-hero-content h1{max-width:12ch}}@media (prefers-reduced-motion:reduce){.portfolio-project-image,.portfolio-project-arrow,.portfolio-before-layer,.portfolio-compare-divider,.portfolio-toolbar-button,.portfolio-sort-trigger,.portfolio-sort-control,.portfolio-sort-menu,.portfolio-sort-option,.portfolio-sort-option-check,.portfolio-filter-dialog,.portfolio-dialog-close,.portfolio-compact-filter-option,.portfolio-compact-filter-check,.portfolio-sort-filter-icon,.portfolio-maker-filter-option,.portfolio-service-filter-option,.portfolio-service-filter-icon,.portfolio-maker-filter-logo,.portfolio-filter-selection-mark,.portfolio-filter-dialog::backdrop{transition-duration:0s}.portfolio-before-after-stage{aspect-ratio:auto;cursor:default;pointer-events:none;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.portfolio-before-after-stage>img,.portfolio-before-layer{clip-path:none;min-height:320px;display:block;inset:auto;position:relative!important}.portfolio-before-layer img{object-position:left center}.portfolio-compare-divider,.portfolio-before-after-control{display:none}}.portfolio-case-context{position:relative}.portfolio-case-context>.studio-edge--quiet{top:-19px;transform:scaleY(-1)}.site-public-content .portfolio-page{background:var(--color-background)}.portfolio-case-page section[aria-labelledby=portfolio-gallery-title],.portfolio-page .portfolio-register-footer:last-of-type{background:var(--color-surface)}.portfolio-archive-page .home-container,.portfolio-case-page .home-container,.portfolio-case-page .portfolio-register-footer--next-project .home-container{width:min(100% - 48px, var(--container-app))}.portfolio-archive-page .portfolio-index-hero{background:var(--color-background);border:0;min-height:0}.portfolio-archive-page .portfolio-index-hero-content{width:min(100% - 48px, var(--container-app));text-align:start;align-items:flex-start;gap:8px;padding-block:8px 20px}.portfolio-archive-page .portfolio-index-hero .service-hex-motif{z-index:-1;opacity:.35;pointer-events:none;width:clamp(260px,40vw,540px);position:absolute;top:0;right:-64px}.portfolio-archive-page .portfolio-index-hero-label{min-height:0;box-shadow:none;color:var(--color-muted-foreground);background:0 0;border:0;padding:0}.portfolio-archive-page .portfolio-index-hero-content :is(h1,.text-lead){text-shadow:none}.portfolio-archive-page .portfolio-index-hero-content h1{overflow-wrap:anywhere;max-width:none}.portfolio-index-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:4px 16px;width:100%;display:flex}.portfolio-index-breadcrumb{color:var(--color-muted-foreground);flex-wrap:wrap;align-items:center;gap:4px 8px;display:flex}.portfolio-index-breadcrumb a{align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.portfolio-index-breadcrumb a:hover{color:var(--color-foreground);text-underline-offset:4px;text-decoration:underline}.portfolio-archive-page .portfolio-index-intro{max-width:48ch;color:var(--color-muted-foreground);text-shadow:none}.portfolio-archive-page .portfolio-index-section{padding-block:0 48px}#portfolio-register-title{scroll-margin-top:calc(var(--pillbar-clearance) + 16px)}.portfolio-archive-page .portfolio-archive-toolbar{border:0;min-height:0;margin-bottom:20px;padding-block:0}.portfolio-archive-page .portfolio-archive-actions{flex-wrap:wrap;align-items:stretch;width:100%;display:flex}.portfolio-maker-select{flex:12rem}.portfolio-maker-select .field-select-label{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.portfolio-maker-select .field-select-trigger{border-color:var(--color-border-strong);height:100%;min-height:44px;padding-block:8px}.portfolio-archive-page .portfolio-filter-trigger{flex:7rem;width:auto;min-width:44px;padding:8px 12px}.portfolio-applied-filters{color:var(--color-muted-foreground);flex-wrap:wrap;align-items:center;gap:4px 16px;margin:-12px 0 16px;display:flex}.portfolio-applied-filters a{text-underline-offset:4px;align-items:center;min-height:44px;display:inline-flex}.portfolio-archive-page .portfolio-sort-control{display:none}.portfolio-archive-page .portfolio-project-register{grid-template-columns:minmax(0,1fr);gap:0}.portfolio-archive-page .portfolio-project-card{font-size:var(--text-body);border:0;border-bottom:1px solid var(--color-border);background:0 0;border-radius:0;flex-wrap:wrap;align-self:stretch;align-items:center;gap:16px;padding:24px 0;display:flex;overflow:visible}.portfolio-archive-page .portfolio-project-card>*{grid-area:auto}.portfolio-archive-page .portfolio-project-card[data-feature]{grid-template-columns:minmax(0,1fr);gap:20px;padding-block:32px;display:grid}.portfolio-archive-page .portfolio-project-card:first-child{padding-top:0}.portfolio-archive-page .portfolio-project-media{aspect-ratio:4/3;border-radius:var(--radius-media);width:112px;max-width:100%;box-shadow:none;flex:0 0 112px}.portfolio-archive-page .portfolio-project-copy,.portfolio-archive-page .portfolio-project-copy[data-has-maker=false]{flex:12em;grid-template-columns:minmax(0,1fr) 20px;align-items:start;gap:8px;min-width:0;padding:0}.portfolio-archive-page .portfolio-project-heading{align-items:center;gap:8px;min-width:0;display:flex}.portfolio-archive-page .portfolio-project-heading h3{min-width:0;margin:0}.portfolio-archive-page .portfolio-project-maker{flex:0 0 40px;place-items:center;width:40px;height:32px;display:grid}.portfolio-archive-page .portfolio-project-maker .portfolio-manufacturer-mark{width:40px;max-width:40px;height:32px}.portfolio-archive-page .portfolio-project-maker .portfolio-manufacturer-logo{max-width:40px;max-height:32px;transform:scale(min(var(--maker-mark-scale), 1.2))}.portfolio-archive-page .portfolio-project-summary{color:var(--color-muted-foreground);max-width:48ch;margin-block:8px}.portfolio-archive-page .portfolio-project-image,.portfolio-archive-page .portfolio-project-card:hover .portfolio-project-image{filter:none;transform:none}.portfolio-archive-page .portfolio-project-card[data-feature] .portfolio-project-media{width:100%}@media (max-width:359px){.portfolio-archive-page .portfolio-project-media{flex-basis:100%;width:100%}}.portfolio-project-details{gap:4px;min-width:0;display:grid}.portfolio-project-details>*{margin:0}.portfolio-project-details h3{overflow-wrap:anywhere;text-wrap:pretty}.portfolio-project-date-row{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:4px;display:flex}.portfolio-project-date-row .portfolio-project-date{margin:0}.portfolio-select-maker-mark.portfolio-manufacturer-mark{width:32px;max-width:32px;height:24px}.portfolio-select-maker-mark .portfolio-manufacturer-logo{transform:scale(min(var(--maker-mark-scale), 1.2))}.portfolio-project-tag{border:1px solid var(--color-project-new-border);border-radius:var(--radius-full);color:var(--color-project-new-foreground);background:var(--color-project-new-surface);letter-spacing:.04em;align-items:center;padding:2px 7px;font-weight:600;display:inline-flex}.portfolio-archive-page .portfolio-project-card:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}@media (hover:hover) and (pointer:fine){.portfolio-archive-page .portfolio-project-card:hover{outline:2px solid var(--color-primary);outline-offset:4px}}.portfolio-project-date{color:var(--color-muted-foreground);margin-top:4px}.portfolio-archive-page .portfolio-project-service{color:var(--color-muted-foreground)}.portfolio-project-maker{flex:none;place-items:center;width:56px;height:32px;display:grid}.portfolio-project-maker .portfolio-manufacturer-mark{width:100%;height:32px}.portfolio-project-maker .portfolio-manufacturer-logo{max-width:56px;max-height:32px;transform:scale(min(var(--maker-mark-scale), 1.5))}.portfolio-archive-page .portfolio-project-title-row h3{text-wrap:pretty;max-width:none}.portfolio-archive-page .portfolio-project-arrow{width:20px;height:20px;margin-top:4px;transform:none}.portfolio-archive-page .portfolio-project-image{object-position:var(--portfolio-image-position,center);filter:none;transition:transform var(--duration-base) var(--ease-craft);transform:none}.portfolio-page .portfolio-register-footer,.portfolio-case-page .portfolio-case-section{padding-block:48px}.portfolio-case-page .portfolio-case-hero+.portfolio-case-section{padding-block:0}.portfolio-case-page .portfolio-case-hero-content{width:min(100% - 48px, var(--container-app));gap:12px}.portfolio-case-page .portfolio-case-hero-content h1{max-width:20ch}.portfolio-case-back{min-height:44px;color:var(--color-charcoal-50);align-items:center;gap:8px;text-decoration:none;display:inline-flex}.portfolio-case-back svg{flex:none;width:20px;height:20px}.portfolio-case-back:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px;border-radius:0}.portfolio-case-page .portfolio-case-context{max-width:840px}.portfolio-case-page .portfolio-case-facts{grid-template-columns:minmax(0,1fr);margin:0}.portfolio-case-page .portfolio-case-facts>.portfolio-case-fact{border:0;border-bottom:1px solid var(--color-border);align-content:start;gap:8px;min-width:0;min-height:0;padding:20px 0}.portfolio-case-page .portfolio-case-facts>.portfolio-case-fact:last-child{border-bottom:0}.portfolio-case-page .portfolio-case-fact>dt{color:var(--color-muted-foreground)}.portfolio-case-maker-identity{align-items:center;gap:16px;font-weight:500;display:flex}.portfolio-case-maker-identity>[aria-hidden]{flex:0 0 64px}.portfolio-case-page .portfolio-case-fact-maker .portfolio-manufacturer-mark{width:64px;max-width:64px;height:44px}.portfolio-case-page .portfolio-case-fact-maker .portfolio-manufacturer-logo{max-width:64px;max-height:44px;transform:scale(min(var(--maker-mark-scale), 1.5))}.portfolio-case-page .portfolio-evidence-booking-actions{grid-template-columns:minmax(0,1fr);gap:12px;width:100%;max-width:none;display:grid}.portfolio-case-page .portfolio-evidence-booking-actions>a{justify-content:center;width:100%;min-height:52px}.portfolio-case-page .portfolio-case-section-heading{gap:8px;margin-bottom:24px}.portfolio-case-page .portfolio-case-section-heading p{color:var(--color-muted-foreground)}.portfolio-case-page .portfolio-next-project{border:1px solid var(--color-border-strong);border-radius:var(--radius-panel);grid-template-columns:88px minmax(0,1fr) 20px;align-items:center;gap:16px;padding:16px;display:grid}.portfolio-next-project-photo{aspect-ratio:4/5;border-radius:var(--radius-media);margin:0;position:relative;overflow:hidden}.portfolio-next-project-photo img{object-fit:cover}.portfolio-next-project-summary{gap:8px;min-width:0;display:grid}.portfolio-next-project-summary>p{color:var(--color-muted-foreground);margin:0}.portfolio-case-page .portfolio-next-project-heading{display:block}.portfolio-case-page .portfolio-next-project-mark{display:none}.portfolio-next-arrow{width:20px;height:20px;color:var(--color-primary)}@media (min-width:768px){.portfolio-case-page .portfolio-case-facts{grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:32px}.portfolio-archive-page .portfolio-index-hero-content{padding-block:24px}.portfolio-archive-page .portfolio-archive-actions{grid-template-columns:minmax(200px,1fr) auto minmax(160px,1fr);width:auto;display:grid}.portfolio-archive-page .portfolio-sort-control{display:grid}.portfolio-archive-page .portfolio-project-card{gap:32px}.portfolio-archive-page .portfolio-project-media{flex-basis:184px;width:184px}.portfolio-archive-page .portfolio-project-card:nth-child(n)>*{grid-area:auto}.portfolio-page .portfolio-register-footer,.portfolio-case-page .portfolio-case-section{padding-block:72px}.portfolio-case-page .portfolio-next-project{grid-template-columns:160px minmax(0,1fr) 24px;gap:32px;padding:24px}.portfolio-case-page .portfolio-next-project-heading{display:grid}.portfolio-case-page .portfolio-next-project-mark{display:block}}@media (max-width:1023px){.portfolio-maker-select{flex:10rem}.portfolio-archive-page .portfolio-filter-trigger{flex:none}.portfolio-archive-page .portfolio-project-register{gap:24px}.portfolio-archive-page .portfolio-project-register .portfolio-project-card{border:1px solid var(--color-border);border-radius:var(--radius-media);background:var(--color-surface);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;padding:0;display:grid}.portfolio-archive-page .portfolio-project-card .portfolio-project-media{aspect-ratio:4/3;border-radius:calc(var(--radius-media) - 1px) calc(var(--radius-media) - 1px) 0 0;width:100%}.portfolio-archive-page .portfolio-project-card .portfolio-project-copy{grid-template-columns:minmax(0,1fr) 32px;align-items:start;padding:14px}.portfolio-archive-page .portfolio-project-summary{display:none}.portfolio-archive-page .portfolio-project-arrow{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:32px;height:32px;margin:0;padding:6px}}@media (min-width:640px) and (max-width:1023px){.portfolio-archive-page .portfolio-project-register{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.portfolio-archive-page .portfolio-archive-actions{grid-template-columns:minmax(200px,280px) auto minmax(160px,1fr);width:100%}.portfolio-archive-page .portfolio-sort-control{justify-self:end;min-width:200px}.portfolio-archive-page .portfolio-project-register{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px}.portfolio-archive-page .portfolio-project-register .portfolio-project-card{border-radius:var(--radius-media);isolation:isolate;border:0;grid-column:span 6;grid-template-rows:auto minmax(180px,1fr);grid-template-columns:minmax(0,1fr);align-content:stretch;align-items:stretch;gap:0;min-height:calc(37.5vw - 27px);padding:0;display:grid}.portfolio-archive-page .portfolio-project-register .portfolio-project-card>.portfolio-project-media{aspect-ratio:auto;grid-area:1/1/3;width:100%;height:100%;min-height:0}.portfolio-archive-page .portfolio-project-register .portfolio-project-card>.portfolio-project-copy{border:1px solid var(--color-border);border-radius:var(--radius-media);background:var(--color-surface);z-index:1;grid-area:1/1;grid-template-columns:minmax(0,1fr) 44px;place-self:start;align-items:center;gap:16px;width:fit-content;max-width:calc(100% - 24px);margin:12px;padding:12px 16px}.portfolio-archive-page .portfolio-project-image{object-position:var(--portfolio-bento-position,var(--portfolio-image-position,center))}.portfolio-archive-page .portfolio-project-summary{display:none}.portfolio-archive-page .portfolio-project-arrow{border:1px solid var(--color-border-strong);border-radius:var(--radius-full);width:44px;height:44px;margin:0;padding:11px}.portfolio-archive-page .portfolio-project-card:is(:hover,:focus-visible) .portfolio-project-arrow{background:var(--color-muted);border-color:var(--color-primary);transform:none}.portfolio-archive-page .portfolio-project-card:focus-visible .portfolio-project-image{transform:none}}@media (min-width:1280px){.portfolio-archive-page .portfolio-project-register .portfolio-project-card{grid-column:span 5;min-height:440px}.portfolio-archive-page .portfolio-project-register .portfolio-project-card:nth-child(4n+1),.portfolio-archive-page .portfolio-project-register .portfolio-project-card:nth-child(4n),.portfolio-archive-page .portfolio-project-register .portfolio-project-card:last-child:nth-child(odd){grid-column:span 7}}@media (prefers-reduced-motion:reduce){.portfolio-archive-page .portfolio-project-image{transition:none}}}