.portfolio-open{position:absolute;top:-50px;left:0;border:1px solid #b7c79e50;border-radius:7px;background:#aabb8f13;color:#d7e2c7;padding:11px 17px;font:13px Arial;cursor:pointer}.portfolio-open:hover{background:#aabb8f28}
#portfolio-viewer{position:fixed;inset:0;margin:auto;width:92vw;max-width:1600px;height:90dvh;max-height:none;padding:0;border:1px solid #8b9d7955;border-radius:14px;background:#19201b;color:#dce4d3;box-shadow:0 35px 100px #0009;overflow:hidden}
#portfolio-viewer::backdrop{background:#06100cbb;backdrop-filter:blur(9px)}
#portfolio-viewer[open]{display:flex;flex-direction:column}
#portfolio-viewer button,#portfolio-viewer input{font:14px Arial;color:#dce4d3;background:#ffffff09;border:1px solid #b4c59e30;border-radius:6px;padding:8px 12px}#portfolio-viewer button{cursor:pointer}#portfolio-viewer button:disabled{opacity:.3;cursor:default}
.pv-header{display:flex;align-items:center;gap:22px;padding:16px 22px;border-bottom:1px solid #b4c59e25}.pv-header>div{flex:1}.pv-header strong{font:500 19px Arial}.pv-header small{display:block;font:11px Arial;color:#96a38d;margin-top:5px}.pv-header a{font:12px Arial;color:#c8d5b7;text-decoration:none}#portfolio-viewer .pv-close{font-size:25px;line-height:1;padding:6px 12px}
.pv-toolbar{display:flex;align-items:center;gap:10px;padding:10px 22px;border-bottom:1px solid #b4c59e25;font:12px Arial}.pv-toolbar label{display:flex;align-items:center;gap:8px}.pv-spacer{flex:1}#portfolio-viewer input{width:65px;padding:7px}#pv-zoom{min-width:40px;text-align:center}
.pv-scroll{--page-zoom:1;position:relative;flex:1;min-height:0;overflow:auto;padding:22px;background:#0d1310;overscroll-behavior:contain;scrollbar-color:#63725b #162019}
.pv-scroll figure{width:calc(100% * var(--page-zoom));margin:0 auto 26px;position:relative;min-height:200px}.pv-scroll img{display:block;width:100%;height:auto;background:#e5e5df}.pv-scroll figcaption{text-align:center;font:11px monospace;color:#8e9d83;padding-top:10px}
@media(min-width:801px) and (max-height:800px){body.portfolio-home .product-menu{top:48vh;justify-content:flex-start}body.portfolio-home .product-menu strong{line-height:1.12}.portfolio-open{top:-48px}body.portfolio-home .menu-caption{display:none}}
@media(max-width:800px){.portfolio-open{top:-38px;padding:8px 13px;font-size:12px}body.portfolio-home .product-menu{top:307px}#portfolio-viewer{width:96vw;height:94dvh}.pv-header{padding:12px;gap:10px}.pv-header strong{font-size:16px}.pv-header a{font-size:10px}.pv-toolbar{padding:8px;gap:5px}#portfolio-viewer button{padding:7px 9px}.pv-scroll{padding:8px}.pv-toolbar label{gap:4px}#portfolio-viewer input{width:48px}.pv-header small{font-size:10px}}
html.embed-mode .portfolio-open{display:none}

/* Header entry and a fitted, single-page reader. */
header nav .portfolio-open{position:static;display:inline-block!important;margin-right:20px;pointer-events:auto;background:transparent;border:0;padding:8px 0;color:#d7e2c7;font:inherit}
#portfolio-viewer{width:84vw;max-width:2200px;height:92dvh}
.pv-reader{position:relative;display:flex;flex:1;min-height:0;background:#0d1310;padding:0 52px}
.pv-scroll{padding:12px;display:flex;align-items:safe center;justify-content:safe center}
.pv-scroll figure{flex:none;min-height:0;margin:0;max-width:none}
.pv-scroll img{object-fit:contain;max-width:none;width:100%}
.pv-scroll figcaption{height:20px;box-sizing:border-box;padding-top:7px}
#portfolio-viewer .pv-side{position:absolute;top:50%;transform:translateY(-50%);font-size:32px;width:40px;height:64px;padding:0;border:1px solid #b4c59e25;background:#a8bc8e12;z-index:2}.pv-left{left:6px}.pv-right{right:6px}
@media(max-width:800px){header nav{gap:8px}header nav .portfolio-open{margin-right:8px;font-size:11px}#portfolio-viewer{width:96vw}.pv-reader{padding:0 32px}#portfolio-viewer .pv-side{width:28px;font-size:25px;height:50px}.pv-left{left:2px}.pv-right{right:2px}.pv-scroll{padding:8px}}

/* Gallery presentation: only the spread and quiet navigation. */
#portfolio-viewer{background:transparent;border:0;box-shadow:none;overflow:visible}
#portfolio-viewer .pv-reader{background:transparent;height:100%;border:0}
#portfolio-viewer .pv-scroll{background:transparent;overflow:hidden}
#portfolio-viewer .pv-close{position:absolute;right:0;top:0;z-index:5;border:0;background:transparent;color:#dbe4d0;font-size:28px;padding:7px 12px}
#portfolio-viewer .pv-side{border:0;background:transparent;color:#d0dcc4;opacity:.65;transition:opacity .2s}
#portfolio-viewer .pv-side:hover{opacity:1;background:#ffffff09}
#portfolio-viewer .pv-side:disabled{opacity:.15}
#portfolio-viewer .pv-scroll img{box-shadow:0 16px 55px #0005}
.pv-sr{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden;clip-path:inset(50%);padding:0!important}
.pv-outgoing{pointer-events:none;z-index:1}

/* Clear navigation against the dimmed backdrop. */
#portfolio-viewer .pv-side{opacity:1;color:#f0f6e7;background:#354431e6;border:1px solid #b9cc9f99;border-radius:10px;font-size:38px;font-weight:600;box-shadow:0 4px 18px #0005}
#portfolio-viewer .pv-side:hover{background:#536847;color:#fff;border-color:#deedc4}
#portfolio-viewer .pv-side:focus-visible{outline:2px solid #e1f1bf;outline-offset:4px}
#portfolio-viewer .pv-side:disabled{opacity:.22;background:#253021;border-color:#71806555}
@media(max-width:800px){#portfolio-viewer .pv-side{font-size:29px;border-radius:7px}}