.portfolio-nav{width:48px;height:48px;display:grid;place-items:center;border:1px solid #dacfc0;color:#463a2f;background:transparent;transition:background .2s,border-color .2s}.portfolio-nav:hover{background:#f0e7dc;border-color:#bfa987}.portfolio-fluid{display:flex;gap:12px;width:100%;height:510px;margin-top:54px;min-width:0}.portfolio-fluid-card{position:relative;flex:1 1 0;min-width:0;padding:0;overflow:hidden;isolation:isolate;border:0;cursor:pointer;background:#2e2822;text-align:left;transform:translateZ(0);transition:flex-grow .75s cubic-bezier(.19,1,.22,1),filter .3s ease}.portfolio-fluid-card.is-active{flex-grow:2.5}.portfolio-fluid-card img{width:100%;height:100%;object-fit:cover;object-position:center top;transition:transform .8s cubic-bezier(.19,1,.22,1);pointer-events:none}.portfolio-fluid-card.has-motion:hover img{transform:scale(1.035)}.portfolio-card-shade{position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#000000b8);pointer-events:none}.portfolio-card-bottom{position:absolute;bottom:0;left:0;right:0;padding:22px 15px;color:#fff;display:flex;flex-direction:column;gap:12px;white-space:normal}.portfolio-card-meta{font-size:10px;letter-spacing:.14em;text-transform:uppercase;line-height:1.45;color:#eee5db}.portfolio-card-action{display:flex;align-items:center;gap:8px;font-size:12px;letter-spacing:.05em}.portfolio-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:24px}.portfolio-cta{display:inline-flex;align-items:center;gap:8px;border-bottom:1px solid #bda27f;padding:10px 0;text-transform:uppercase;letter-spacing:.13em;font-size:11px;color:#40352c}.portfolio-cta:hover{color:#9d7451}.portfolio-modal{position:fixed;inset:0;z-index:1000;background:#0f0d0bde;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.portfolio-dialog{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);max-width:960px;max-height:calc(100dvh - 48px);width:100%;background:#faf7f2;color:#302a23;overflow:auto}.portfolio-video-wrap{min-height:380px;display:grid;place-items:center;background:#171310;overflow:hidden}.portfolio-video-wrap video{display:block;width:100%;height:min(75dvh,620px);object-fit:contain}.portfolio-dialog-copy{padding:64px 40px 40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:20px}.portfolio-dialog-copy p{font-size:15px;line-height:1.7;color:#675d52}.portfolio-dialog-copy a{display:inline-flex;align-items:center;gap:8px;text-decoration:underline;text-underline-offset:6px;font-size:13px}.portfolio-close{position:absolute;z-index:2;right:12px;top:12px;width:42px;height:42px;background:#fff;color:#302a23;display:grid;place-items:center;box-shadow:0 2px 15px #0002}@media(max-width:900px){.portfolio-fluid{height:430px;gap:8px}.portfolio-fluid-card.is-active{flex-grow:2.7}.portfolio-card-bottom{padding:15px 10px}.portfolio-card-meta{font-size:9px}.portfolio-card-action{font-size:10px}}@media(max-width:640px){.portfolio-fluid{height:410px;margin-top:32px;gap:8px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}.portfolio-fluid::-webkit-scrollbar{display:none}.portfolio-fluid-card{flex:0 0 64px;scroll-snap-align:center;transition:flex-basis .55s cubic-bezier(.19,1,.22,1)}.portfolio-fluid-card.is-active{flex:0 0 min(62vw,260px)}.portfolio-card-meta{font-size:9px}.portfolio-fluid-card:not(.is-active) .portfolio-card-bottom{opacity:0}.portfolio-footer{flex-direction:column;align-items:flex-start;gap:6px}.portfolio-dialog{grid-template-columns:1fr;max-width:480px}.portfolio-video-wrap{min-height:200px}.portfolio-video-wrap video{height:min(55dvh,460px)}.portfolio-dialog-copy{padding:26px 22px;gap:12px}.portfolio-modal{padding:12px}.portfolio-close{right:8px;top:8px}}@media(prefers-reduced-motion:reduce){.portfolio-fluid-card,.portfolio-fluid-card img{transition:none!important}}.portfolio-step{position:absolute;z-index:3;top:50%;width:44px;height:44px;display:grid;place-items:center;transform:translateY(-50%);background:#faf7f2;color:#302a23;box-shadow:0 2px 15px #0004}.portfolio-step-prev{left:12px}.portfolio-step-next{right:12px}.portfolio-fluid-card.is-active img{object-fit:contain;object-position:center;background:#241d18}.portfolio-fluid-card:not(.is-active) img{opacity:.16;filter:blur(1.5px);transform:scale(1.04)}.portfolio-fluid-card:not(.is-active) .portfolio-card-bottom{opacity:0}.portfolio-card-collapsed{position:absolute;inset:12px;display:flex;justify-content:center;align-items:center;color:#f7eddf;font-family:Georgia,serif;font-size:clamp(11px,1.1vw,17px);letter-spacing:.06em;line-height:1.3;text-align:center;overflow-wrap:anywhere;opacity:1;transition:opacity .25s ease;pointer-events:none}.portfolio-fluid-card.is-active .portfolio-card-collapsed{opacity:0}@media(max-width:640px){.portfolio-fluid{height:auto;min-height:0;align-items:stretch;gap:10px;scroll-padding-inline:9%;overscroll-behavior-x:contain}.portfolio-fluid-card{height:min(100vw,430px);flex:0 0 66px;scroll-snap-align:center}.portfolio-fluid-card.is-active{flex:0 0 min(79vw,344px)}.portfolio-fluid-card.is-active img{object-fit:contain}.portfolio-fluid-card:not(.is-active) .portfolio-card-bottom{opacity:0}.portfolio-card-collapsed{writing-mode:vertical-rl;transform:rotate(180deg);font-size:12px;letter-spacing:.12em;white-space:nowrap;overflow-wrap:normal}.portfolio-card-bottom{padding:14px 12px}}.portfolio-cover-intro{position:relative;width:100%;height:100%;min-height:380px;display:flex;align-items:center;justify-content:center;background:#171310;overflow:hidden}.portfolio-cover-intro>img{width:100%;height:min(75dvh,620px);object-fit:contain;display:block}.portfolio-cover-play{position:absolute;left:50%;bottom:22px;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;padding:13px 20px;background:#faf7f2;color:#302a23;white-space:nowrap;font-size:13px;font-weight:600;box-shadow:0 4px 22px #0006}.portfolio-cover-play:hover{background:#e9d9c4}.portfolio-dialog-play{display:inline-flex;align-items:center;gap:9px;background:#302a23;color:#fff;padding:12px 16px;font-size:13px}.portfolio-dialog-play:hover{background:#5b4938}@media(max-width:640px){.portfolio-cover-intro{min-height:200px}.portfolio-cover-intro>img{height:min(55dvh,460px)}.portfolio-cover-play{bottom:12px;padding:10px 14px}}@media(max-width:640px){.portfolio-fluid{box-sizing:border-box;height:min(100vw,430px,52dvh);min-height:240px;padding-inline:max(0px,calc((100% - min(79vw,344px))/2));scroll-padding-inline:50%;touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}.portfolio-fluid-card,.portfolio-fluid-card.is-active{flex-shrink:0}.portfolio-fluid-card{touch-action:pan-x pan-y;-webkit-tap-highlight-color:transparent}.portfolio-modal{box-sizing:border-box;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.portfolio-dialog{box-sizing:border-box;max-height:calc(100dvh - 16px);max-height:calc(100svh - 16px);overscroll-behavior:contain}.portfolio-video-wrap{position:relative;box-sizing:border-box;min-height:0;height:min(48dvh,420px);height:min(48svh,420px)}.portfolio-video-wrap video,.portfolio-cover-intro>img{width:100%;height:100%;max-height:100%;object-fit:contain}.portfolio-cover-intro{box-sizing:border-box;width:100%;height:100%;min-height:0}.portfolio-step,.portfolio-close{display:grid;place-items:center;width:48px;height:48px;min-width:48px;min-height:48px;padding:0;border:0;border-radius:50%;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.portfolio-step{position:absolute;z-index:3;top:calc(min(48svh,420px)/2 - 24px);background:#faf7f2f0;color:#302a23;box-shadow:0 2px 15px #0004}.portfolio-step-prev{left:8px}.portfolio-step-next{right:8px}.portfolio-close{position:absolute;top:max(8px,env(safe-area-inset-top));right:max(8px,env(safe-area-inset-right));background:#fff;color:#302a23}}.pixelated-image-card{position:relative;width:100%;overflow:hidden;background:var(--background);color:var(--foreground);border:1px solid var(--border);outline:none;-webkit-tap-highlight-color:transparent}.pixelated-image-card:focus-visible{border-color:var(--champagne);box-shadow:0 0 0 2px color-mix(in oklab,var(--champagne) 28%,transparent)}.pixelated-image-card__default,.pixelated-image-card__active,.pixelated-image-card__pixels{width:100%;height:100%;position:absolute;inset:0}.pixelated-image-card__default,.pixelated-image-card__active{z-index:1}.pixelated-image-card__active{display:none;z-index:2}.pixelated-image-card__pixels{pointer-events:none;z-index:3}.pixelated-image-card__pixel{display:none;position:absolute}