.portfolio-page{display:block;min-height:70svh}.portfolio-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:clamp(30px,7vw,120px);padding:clamp(48px,6vw,84px) var(--gutter) clamp(36px,5vw,68px);border-bottom:1px solid var(--line);background:var(--pink)}.portfolio-intro>div{max-width:980px}.portfolio-intro .eyebrow{margin-bottom:16px}.portfolio-intro h1{max-width:850px;margin:0;font:750 clamp(3rem,6.8vw,7rem)/.84 var(--display);letter-spacing:-.06em;text-transform:uppercase}.portfolio-load-status{width:min(330px,100%);margin:0;font-size:.8rem;font-weight:700}.category-overview{padding:clamp(32px,5vw,70px) var(--gutter) var(--section)}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(18px,2.4vw,38px)}.collection-card{position:relative;min-height:clamp(320px,39vw,590px);overflow:hidden;color:var(--cream);background:var(--blue);text-decoration:none;isolation:isolate}.collection-card:nth-child(1){clip-path:polygon(0 2%,97% 0,100% 93%,95% 100%,2% 97%)}.collection-card:nth-child(2){border-radius:4% 14% 3% 2%/3% 8% 3% 2%}.collection-card:nth-child(3){border-radius:2% 3% 16% 3%/2% 3% 9% 2%}.collection-card:nth-child(4){clip-path:polygon(3% 0,100% 3%,97% 100%,0 96%)}.collection-card img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .55s ease,filter .55s ease}.collection-card::after{content:"";position:absolute;z-index:0;inset:0;background:linear-gradient(180deg,rgba(15,16,31,.04) 24%,rgba(15,16,31,.88) 100%)}.collection-card:hover img,.collection-card:focus-visible img{transform:scale(1.035);filter:saturate(1.08)}.collection-copy{position:absolute;z-index:1;left:clamp(22px,3vw,46px);right:clamp(22px,3vw,46px);bottom:clamp(22px,3vw,42px);display:grid;grid-template-columns:auto 1fr auto;gap:14px 20px;align-items:end}.collection-index{grid-row:1/3;align-self:start;font:700 .7rem/1 var(--body);letter-spacing:.16em}.collection-copy h2{margin:0;font:750 clamp(2.1rem,4.5vw,5rem)/.86 var(--display);letter-spacing:-.055em}.collection-copy p{grid-column:2;margin:0;font-size:.78rem;font-weight:700}.collection-action{grid-column:3;grid-row:1/3;align-self:center;width:54px;height:54px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.7);border-radius:50%;font-size:1.45rem;transition:transform .25s ease,background-color .25s ease}.collection-card:hover .collection-action,.collection-card:focus-visible .collection-action{transform:rotate(-10deg);background:var(--coral)}.selected-category{padding:clamp(38px,5vw,72px) var(--gutter) var(--section)}.selected-category-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:clamp(45px,7vw,90px)}.selected-category-title .eyebrow{margin:0 0 15px}.selected-category-title h2{margin:0;font:750 clamp(3rem,7vw,7rem)/.85 var(--display);letter-spacing:-.055em}.category-back{display:inline-flex;align-items:center;gap:9px;margin-bottom:10px;font-size:.78rem;font-weight:800;text-underline-offset:5px}.selected-category-heading>p{margin:0;font-weight:700}.project-stream{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(22px,3vw,50px)}.project-card{flex:0 0 var(--project-width);margin:var(--project-top) 0 0 var(--project-left);min-width:0}.project-open{width:100%;padding:0;border:0;color:inherit;background:transparent;text-align:left;cursor:pointer}.project-image{position:relative;aspect-ratio:var(--project-ratio);overflow:hidden;background:var(--blue);clip-path:polygon(2% 2%,96% 0,100% 91%,92% 100%,0 96%)}.project-card:nth-child(3n+2) .project-image{clip-path:polygon(0 6%,8% 0,100% 2%,97% 100%,3% 96%)}.project-card:nth-child(3n) .project-image{border-radius:16% 2% 14% 4%/7% 3% 12% 5%;clip-path:none}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s ease}.project-open:hover img,.project-open:focus-visible img{transform:scale(1.025)}.project-meta{display:flex;justify-content:space-between;gap:15px;padding:13px 2%}.project-meta strong{font:700 clamp(1.15rem,2vw,1.8rem)/1 var(--display)}.project-meta span{font-size:.7rem;font-weight:800;text-transform:uppercase}.portfolio-retry{margin:45px var(--gutter) 70px;padding:12px 18px;border:2px solid var(--ink);color:inherit;background:transparent;font-weight:800;cursor:pointer}.project-viewer{width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;color:var(--cream);background:var(--ink)}.project-viewer::backdrop{background:rgba(17,18,35,.9)}.viewer-bar,.viewer-footer{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:18px var(--gutter)}.viewer-bar h2{margin:0;font:700 clamp(1.5rem,3vw,3rem)/1 var(--display)}.viewer-bar .eyebrow{margin:0 0 6px}.viewer-close,.viewer-arrow{border:1px solid var(--cream);color:inherit;background:rgba(64,86,161,.72);cursor:pointer;font-weight:800}.viewer-close{padding:10px 15px;border-radius:999px}.viewer-stage{position:relative;height:calc(100dvh - 190px);display:flex;align-items:center;justify-content:center}.viewer-stage img{max-width:calc(100% - 150px);max-height:100%;object-fit:contain}.viewer-arrow{position:absolute;z-index:2;width:48px;height:48px;border-radius:50%}.viewer-previous{left:24px}.viewer-next{right:24px}.viewer-thumbnails{display:flex;gap:7px;max-width:72%;overflow-x:auto}.viewer-thumbnails button{flex:0 0 56px;width:56px;height:44px;padding:0;border:2px solid transparent;background:none;cursor:pointer}.viewer-thumbnails button[aria-current="true"]{border-color:var(--coral)}.viewer-thumbnails img{width:100%;height:100%;object-fit:cover}.viewer-footer>span{font-weight:800}.project-viewer[open]{display:block}
@media(max-width:800px){.portfolio-intro{display:block;padding-top:42px}.portfolio-intro h1{font-size:clamp(2.8rem,14vw,5rem)}.portfolio-load-status{margin-top:24px}.collection-grid{grid-template-columns:1fr}.collection-card{min-height:120vw;max-height:560px}.collection-copy{grid-template-columns:auto 1fr auto}.collection-copy h2{font-size:clamp(2.4rem,12vw,4rem)}.collection-action{width:48px;height:48px}.selected-category-heading{display:block}.selected-category-heading>p{margin-top:18px}.project-card{--project-width:100%!important;--project-left:0!important;--project-top:0!important}.project-image{aspect-ratio:4/3}.viewer-stage{height:calc(100dvh - 220px)}.viewer-stage img{max-width:100%;max-height:calc(100% - 70px)}.viewer-arrow{bottom:5px}.viewer-thumbnails{max-width:76%}}
@media(prefers-reduced-motion:reduce){.collection-card img,.collection-action,.project-image img{transition:none}}