.b-portfolio--geometric{--portfolio-background:#f7f5ee;--portfolio-surface:#fff;--portfolio-primary:#072032;--portfolio-secondary:#51616c;--portfolio-brand:#e3b505;--portfolio-brand-hover:#c99f04;--portfolio-border:#0720321f;isolation:isolate;background:var(--portfolio-background);width:100%;max-width:none;color:var(--portfolio-primary);margin-top:0;padding:clamp(82px,7vw,108px) 0 0;position:relative;overflow:hidden}.b-portfolio--geometric .c-portfolio-corner,.b-portfolio--geometric .c-portfolio-corner__accent-layer,.b-portfolio--geometric .c-portfolio-corner__accent,.b-portfolio--geometric .c-portfolio-corner__main-layer,.b-portfolio--geometric .c-portfolio-corner__main{pointer-events:none;position:absolute;inset:0}.b-portfolio--geometric .c-portfolio-corner{--portfolio-corner-accent:polygon(0% 0%, 100% 0%, 100% 100%, 90% 42%, 0% 42%);--portfolio-corner-main:polygon(0% 0%, 100% 0%, 100% 94%, 91% 39%, 0% 39%);z-index:4;height:clamp(190px,19vw,270px);bottom:auto}.b-portfolio--geometric .c-portfolio-corner--bottom{transform-origin:50%;height:clamp(150px,15vw,220px);top:auto;bottom:0;transform:rotate(180deg)}.b-portfolio--geometric .c-portfolio-corner--bottom .c-portfolio-corner__main-layer{filter:drop-shadow(0 4px 2px #07203285)drop-shadow(0 9px 10px #07203247)}.b-portfolio--geometric .c-portfolio-corner__accent-layer{filter:drop-shadow(0 5px 10px #0720321a)drop-shadow(-6px 8px 18px #07203214)}.b-portfolio--geometric .c-portfolio-corner__accent{background:var(--portfolio-brand);clip-path:var(--portfolio-corner-accent);pointer-events:auto}.b-portfolio--geometric .c-portfolio-corner__main-layer{z-index:1;filter:drop-shadow(0 5px 7px #0720324d)drop-shadow(-3px 10px 16px #0720322e)}.b-portfolio--geometric .c-portfolio-corner__main{background:var(--portfolio-primary);clip-path:var(--portfolio-corner-main);pointer-events:auto}.b-portfolio--geometric .c-portfolio__escape-hint{z-index:7;color:var(--portfolio-surface);letter-spacing:.08em;pointer-events:none;text-transform:uppercase;white-space:nowrap;align-items:center;gap:10px;font-size:clamp(.78rem,1vw,.92rem);font-weight:700;display:inline-flex;position:absolute;bottom:clamp(22px,2.5vw,36px);left:50%;transform:translate(-50%)}.b-portfolio--geometric .c-portfolio__escape-hint kbd{color:var(--portfolio-brand);font-family:var(--font-inconsolata);background:#072032b8;border:1px solid #e3b505a6;border-radius:6px;padding:5px 9px;line-height:1;animation:2.4s ease-in-out infinite portfolio-escape-keypress;box-shadow:0 4px #e3b50561,0 8px 18px #0720323d}@keyframes portfolio-escape-keypress{0%,68%,to{transform:translateY(0);box-shadow:0 4px #e3b50561,0 8px 18px #0720323d}76%,84%{transform:translateY(3px);box-shadow:0 1px #e3b50561,0 4px 10px #0720322e}}.b-portfolio--geometric .b-portfolio__inner{z-index:2;width:100%;position:relative}.b-portfolio--geometric .b-portfolio__heading-text{z-index:5;width:min(100%,1280px);color:var(--portfolio-primary);letter-spacing:-.045em;text-align:left;text-wrap:balance;margin:0 auto clamp(28px,4vw,52px);padding-inline:clamp(8px,2vw,28px);font-size:clamp(2.6rem,5vw,5rem);line-height:.98;position:relative}.b-portfolio--geometric .c-portfolio{width:100%;display:block;position:relative}.b-portfolio--geometric .c-portfolio__intro-title{z-index:20;color:var(--portfolio-surface);visibility:visible;opacity:1;pointer-events:none;text-align:center;text-shadow:0 8px 30px #072032e6;place-items:center;transition:opacity .52s,visibility .52s,transform .62s cubic-bezier(.2,.75,.25,1);display:grid;position:absolute;inset:0;transform:scale(1)}.b-portfolio--geometric .c-portfolio__intro-title span{font-family:var(--font-lora);letter-spacing:-.045em;padding:0 20px 16px;font-size:clamp(3rem,7vw,7.5rem);font-weight:700;line-height:.95;position:relative}.b-portfolio--geometric .c-portfolio__intro-title span:after{background:var(--portfolio-brand);content:"";border-radius:999px;height:5px;position:absolute;bottom:0;left:24%;right:24%}.b-portfolio--geometric .c-portfolio:not(.is-escaped):hover .c-portfolio__intro-title,.b-portfolio--geometric .c-portfolio:not(.is-escaped):focus-within .c-portfolio__intro-title{visibility:hidden;opacity:0;transform:scale(1.06)}.b-portfolio--geometric .c-portfolio__grid{flex-wrap:wrap;gap:0;width:100%;display:flex}.b-portfolio--geometric .c-portfolio-card{isolation:isolate;background:var(--portfolio-primary);min-width:min(100%,280px);height:clamp(315px,28.5vw,485px);color:var(--portfolio-surface);transform-origin:50%;border:0;border-radius:0;flex:25%;text-decoration:none;transition:transform .52s cubic-bezier(.2,.75,.25,1),box-shadow .52s,border-color .32s;position:relative;overflow:hidden;transform:translateZ(0)scale(1);box-shadow:0 18px 46px #0720321f}.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:hover,.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:focus-visible{z-index:6;transform:translateZ(0)scale(1.04);box-shadow:0 30px 72px #07203238,0 8px 20px #0720321a}.b-portfolio--geometric .c-portfolio-card:focus-visible{outline:3px solid var(--portfolio-brand);outline-offset:-3px}.b-portfolio--geometric .c-portfolio-card__picture,.b-portfolio--geometric .c-portfolio-card__overlay{width:100%;height:100%;position:absolute;inset:0}.b-portfolio--geometric .c-portfolio-card__picture{overscroll-behavior-y:auto;scrollbar-width:none;display:block;overflow:hidden auto}.b-portfolio--geometric .c-portfolio.is-escaped .c-portfolio-card__picture{overflow-y:hidden}.b-portfolio--geometric .c-portfolio-card__picture::-webkit-scrollbar{display:none}.b-portfolio--geometric .c-portfolio-card__background{object-fit:cover;object-position:center top;filter:grayscale()saturate(0)brightness(.55)contrast(.95);width:100%;max-width:none;height:auto;min-height:100%;transition:filter .42s;display:block;position:relative}.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:hover .c-portfolio-card__background,.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:focus-visible .c-portfolio-card__background{filter:grayscale(0)saturate()brightness(.9)contrast()}.b-portfolio--geometric .c-portfolio-card__overlay{z-index:2;pointer-events:none;background:linear-gradient(#07203266,#072032ad),linear-gradient(#0000 52%,#072032bd);flex-direction:column;justify-content:center;align-items:center;padding:clamp(22px,3vw,42px);transition:background .42s,opacity .42s;display:flex}.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:hover .c-portfolio-card__overlay,.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:focus-visible .c-portfolio-card__overlay{background:linear-gradient(#0720321a,#07203247),linear-gradient(#0000 52%,#07203266)}.b-portfolio--geometric .c-portfolio-card__identity{justify-content:center;align-items:center;width:min(68%,220px);padding:0;transition:transform .42s cubic-bezier(.2,.75,.25,1),opacity .32s;display:flex}.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:hover .c-portfolio-card__identity,.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:focus-visible .c-portfolio-card__identity{opacity:.24;transform:translateY(-8px)scale(1.04)}.b-portfolio--geometric .c-portfolio-card__logo{object-fit:contain;filter:drop-shadow(0 3px 12px #ffffff7a);width:auto;max-width:100%;height:auto;max-height:72px;display:block}.b-portfolio--geometric .c-portfolio-card__name{color:var(--portfolio-surface);font-family:var(--font-lora);text-align:center;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:700;line-height:1.1}.b-portfolio--geometric .c-portfolio-card__action{color:var(--portfolio-surface);opacity:.78;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#072032c2;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:.82rem;font-weight:700;transition:opacity .32s,transform .32s;display:inline-flex;position:absolute;bottom:clamp(16px,2vw,24px);right:clamp(18px,2vw,28px);transform:translateY(5px)}.b-portfolio--geometric .c-portfolio__load-more{z-index:12;border:1px solid var(--portfolio-primary);background:var(--portfolio-primary);width:58px;height:58px;color:var(--portfolio-brand);cursor:pointer;border-radius:50%;place-items:center;margin:0;padding:0;transition:background-color .22s,color .22s,transform .22s;display:grid;position:absolute;bottom:clamp(86px,8vw,118px);left:50%;transform:translate(-50%);box-shadow:0 14px 30px #07203229}.b-portfolio--geometric .c-portfolio__load-more svg{width:28px;height:28px}.b-portfolio--geometric .c-portfolio__load-more:hover{background:var(--portfolio-brand-hover);color:var(--portfolio-primary);transform:translate(-50%,3px)}.b-portfolio--geometric .c-portfolio__load-more:focus-visible{outline:3px solid var(--portfolio-primary);outline-offset:3px}.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:hover .c-portfolio-card__action,.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:focus-visible .c-portfolio-card__action{opacity:1;transform:translateY(0)}@media (max-width:1199px){.b-portfolio--geometric .c-portfolio-card{flex-basis:33.333%}}@media (pointer:coarse){.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card__action{opacity:1;transform:translateY(0)}}@media (max-width:899px){.b-portfolio--geometric .c-portfolio-corner{--portfolio-corner-accent:polygon(0% 0%, 100% 0%, 100% 100%, 90% 44%, 0% 44%);--portfolio-corner-main:polygon(0% 0%, 100% 0%, 100% 94%, 91% 41%, 0% 41%)}.b-portfolio--geometric .c-portfolio-card{flex-basis:50%;min-width:min(100%,250px);height:clamp(325px,44.5vw,440px)}}@media (max-width:599px){.b-portfolio--geometric{padding:74px 0 0}.b-portfolio--geometric .c-portfolio-corner{--portfolio-corner-accent:polygon(0% 0%, 100% 0%, 100% 100%, 88% 46%, 0% 46%);--portfolio-corner-main:polygon(0% 0%, 100% 0%, 100% 94%, 89% 43%, 0% 43%);height:155px}.b-portfolio--geometric .c-portfolio-corner--bottom{height:135px}.b-portfolio--geometric .b-portfolio__heading-text{margin-bottom:24px;padding-inline:6px;font-size:clamp(2.3rem,12vw,3.5rem)}.b-portfolio--geometric .c-portfolio-card{border-radius:0;flex-basis:100%;min-width:100%;height:clamp(345px,104vw,470px)}.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:hover,.b-portfolio--geometric .c-portfolio:not(.is-escaped) .c-portfolio-card:focus-visible{transform:none}.b-portfolio--geometric .c-portfolio__load-more{bottom:66px}}@media (prefers-reduced-motion:reduce){.b-portfolio--geometric .c-portfolio-card,.b-portfolio--geometric .c-portfolio-card__background,.b-portfolio--geometric .c-portfolio-card__identity,.b-portfolio--geometric .c-portfolio-card__action{transition:none}.b-portfolio--geometric .c-portfolio__intro-title{display:none}.b-portfolio--geometric .c-portfolio__escape-hint kbd{animation:none}}.c-dock__item.is-active{width:6em}