/* A small archive of folders: previews remain links with or without scripting. */
.portfolio-section{background:#f6f2ed;border-block:1px solid var(--line)}
.portfolio-section .section-heading{max-width:none;align-items:end;justify-content:space-between}
.portfolio-section .section-heading>p{max-width:350px;color:var(--muted);font-size:15px}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:18px}
.portfolio-project{min-width:0}.portfolio-card{display:block;text-decoration:none;color:var(--ink)}
.portfolio-deck{position:relative;isolation:isolate;height:390px;border-radius:14px 34px 14px 14px;background:#e4d7ca;overflow:hidden;border:1px solid #2d1b6218;transition:background .35s}
.portfolio-remax .portfolio-deck{background:#dbe8f1}.portfolio-qualen .portfolio-deck{background:#e3d9f4}
.portfolio-tab{position:absolute;top:20px;left:22px;right:18px;font-size:10px;letter-spacing:.07em;text-transform:uppercase;color:#3d3157;z-index:3}
.portfolio-sheet{position:absolute;display:block;top:68px;left:15%;width:70%;height:280px;background:#fff;border:6px solid #fff;border-radius:4px;box-shadow:0 8px 22px #24153226;transform-origin:50% 100%;transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.portfolio-sheet img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}
.sheet-back{transform:rotate(8deg) translate(12px,-7px)}.sheet-front{transform:rotate(-7deg) translate(-9px,3px)}
.portfolio-buau .sheet-front img{object-fit:cover;object-position:top}.portfolio-buau .sheet-back img{object-position:bottom}
.portfolio-open{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;padding:16px 22px;background:#fffdf5f2;font-size:12px;z-index:4;border-top:1px solid #2d1b6218}.portfolio-open>span{font-size:25px;line-height:1}
.portfolio-card:hover .sheet-front,.portfolio-card:focus-visible .sheet-front{transform:rotate(-12deg) translate(-22px,12px)}
.portfolio-card:hover .sheet-back,.portfolio-card:focus-visible .sheet-back{transform:rotate(13deg) translate(26px,-20px)}
.portfolio-card:focus-visible{outline:3px solid var(--purple);outline-offset:8px;border-radius:14px}
.portfolio-caption{padding:22px 2px 6px}.portfolio-caption h3{font-size:27px;letter-spacing:-.025em;margin:0 0 5px}.portfolio-caption p{font-size:13px;color:var(--muted);margin:0}
.portfolio-intro h1 em{font-style:normal;color:var(--purple)}.portfolio-intro .lead{max-width:720px}.portfolio-index{margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}
.portfolio-collection{padding-bottom:80px}.portfolio-collection .portfolio-deck{height:430px}.portfolio-collection .portfolio-sheet{height:320px}
.portfolio-cta{border-top:1px solid var(--line);text-align:center;padding-block:75px}.portfolio-cta h2{margin-bottom:28px}
.portfolio-back{display:inline-block;font-size:13px;margin-bottom:35px;text-underline-offset:5px}
.portfolio-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;align-items:start;padding-bottom:60px}
.portfolio-piece{margin:0;min-width:0}.portfolio-piece a{display:block;border-radius:10px;overflow:hidden;background:#eee9f6;cursor:zoom-in}.portfolio-piece img{display:block;width:100%;height:auto;transition:filter .2s}.portfolio-piece a:hover img{filter:brightness(.94)}
.portfolio-piece a:focus-visible{outline:3px solid var(--purple);outline-offset:5px}.portfolio-piece figcaption{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:12px 2px}
.single-piece{display:block;max-width:950px}.single-piece img{max-height:none}
.portfolio-next{border-top:1px solid var(--line);padding-block:36px 65px}.portfolio-next>span{font-size:12px;color:var(--muted)}.portfolio-next>a{display:flex;justify-content:space-between;align-items:center;font-size:clamp(28px,4vw,52px);text-decoration:none;margin-top:12px;letter-spacing:-.03em}
.portfolio-lightbox{position:fixed;inset:0;width:min(1200px,96vw);height:94dvh;max-width:none;max-height:none;padding:20px;border:1px solid #776a92;border-radius:15px;background:#1e1531;color:#fff;overflow:hidden}
.portfolio-lightbox[open]{display:flex;flex-direction:column}.portfolio-lightbox::backdrop{background:#130c25ed}
.lightbox-toolbar,.lightbox-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-shrink:0}.lightbox-toolbar p{margin:0;font-size:13px}.portfolio-lightbox button{background:transparent;color:#fff;border:1px solid #a49ab6;border-radius:30px;min-height:44px;padding:9px 20px;cursor:pointer;font:inherit;font-size:13px}.portfolio-lightbox button:focus-visible{outline:3px solid #b6eced;outline-offset:3px}.portfolio-lightbox button:disabled{opacity:.4;cursor:default}
.lightbox-image{min-height:0;flex:1;overflow:auto;display:flex;justify-content:center;padding-block:15px}.lightbox-image img{height:100%;width:auto;max-width:100%;object-fit:contain;align-self:flex-start}.lightbox-controls{padding-top:8px}.portfolio-modal-open{overflow:hidden}
@media(min-width:901px){#navigation{gap:clamp(12px,1.6vw,26px)}#navigation>a{font-size:12px}.nav-wrap{gap:22px}}
@media(max-width:1050px) and (min-width:651px){.portfolio-grid{gap:18px}.portfolio-deck,.portfolio-collection .portfolio-deck{height:330px}.portfolio-sheet,.portfolio-collection .portfolio-sheet{height:230px}.portfolio-tab{font-size:9px;left:14px}.portfolio-caption h3{font-size:23px}.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.portfolio-grid{grid-template-columns:1fr;gap:32px;padding-top:5px}.portfolio-deck,.portfolio-collection .portfolio-deck{height:410px}.portfolio-sheet,.portfolio-collection .portfolio-sheet{height:300px;left:18%;width:64%}.portfolio-caption{padding-top:18px}.portfolio-section .section-heading>p{max-width:100%}.portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}.portfolio-piece figcaption{font-size:10px}.portfolio-piece figcaption span:last-child{display:none}.single-piece{display:block}.portfolio-cta{padding-block:55px}.portfolio-lightbox{padding:14px}.lightbox-toolbar p{font-size:11px;max-width:65%}}
@media(max-width:360px){.portfolio-deck,.portfolio-collection .portfolio-deck{height:355px}.portfolio-sheet,.portfolio-collection .portfolio-sheet{height:245px}.portfolio-gallery{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.portfolio-sheet,.portfolio-deck{transition:none}.portfolio-card:hover .sheet-front,.portfolio-card:focus-visible .sheet-front{transform:rotate(-7deg) translate(-9px,3px)}.portfolio-card:hover .sheet-back,.portfolio-card:focus-visible .sheet-back{transform:rotate(8deg) translate(12px,-7px)}}