.work-page{padding-top:clamp(48px,7vw,84px)}.work-header{max-width:740px;margin-bottom:38px}.work-header h1{margin:10px 0 14px;font-size:var(--page-heading-size);line-height:1;letter-spacing:-.045em}.work-page .portfolio-section{margin:0 0 100px;padding:0;border:0;background:none}.work-page .portfolio-filters{margin-top:0}@media(max-width:600px){.work-page{padding-top:30px}.work-header{margin-bottom:30px}.work-page .portfolio-section{margin-bottom:74px}}.work-page .project-masonry{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:22px;columns:auto}.work-page .project-card{display:block;margin:0}.work-page .project-card[hidden]{display:none}@media(max-width:900px){.work-page .project-masonry{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.work-page .project-masonry{grid-template-columns:1fr;gap:18px}}.website-preview{min-height:230px;border-bottom:1px solid var(--line);background:#fff;color:#172136}.website-preview__bar{display:flex;gap:5px;padding:9px 12px;background:#eef2f6}.website-preview__bar i{width:7px;height:7px;border-radius:50%;background:#bdc7d3}.website-preview__nav{display:flex;align-items:center;gap:12px;padding:12px 15px;font-size:.56rem}.website-preview__nav strong{margin-right:auto;font-size:.7rem}.website-preview__hero{display:grid;place-content:center;min-height:110px;padding:20px;background:#18325c;color:#fff;text-align:center}.website-preview__hero p{margin:0!important;color:inherit!important;font-weight:750}.website-preview__categories{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:10px}.website-preview__categories span,.website-preview__score{padding:8px;border-radius:4px;background:#eff3f7;font-size:.55rem}.website-preview--soccer .website-preview__hero{background:linear-gradient(135deg,#101d32,#23436c)}.website-preview--soccer .website-preview__score{display:flex;justify-content:space-between;margin:10px 14px}.website-preview--soccer .website-preview__score span,.website-preview--soccer .website-preview__score strong{font-size:.55rem}.project-card__visual--website{position:relative;height:230px;background:var(--soft)}.project-card__visual--website:after{content:"";position:absolute;inset:0;background:color-mix(in srgb,var(--brand) 22%,transparent);mix-blend-mode:color;pointer-events:none}.project-card__visual--website img{width:100%;height:100%;object-fit:cover;object-position:top center;filter:saturate(.82) contrast(.96)}html[data-theme=dark] .project-card__visual--website:after{background:color-mix(in srgb,var(--brand) 30%,transparent)}html[data-theme=dark] .project-card__visual--website img{filter:saturate(.72) brightness(.78) contrast(1.05)}