/* Portfolio art direction: consistent 4:3 stages; unmodified client assets. */
.refined-home .portfolio-picture.project-visual{aspect-ratio:4/3;max-height:none;width:100%;border:0;border-radius:10px;position:relative;isolation:isolate;display:block;overflow:hidden;background:var(--visual-bg,#e8eee8);box-shadow:none}
.project-visual.tone-mint{--visual-bg:#e6efea}.project-visual.tone-lavender{--visual-bg:#eeebf3}.project-visual.tone-sand{--visual-bg:#f1ece2}.project-visual.tone-violet{--visual-bg:#e9e2f0}.project-visual.tone-sage{--visual-bg:#e6eadd}.project-visual.tone-ice{--visual-bg:#e4edf0}.project-visual.tone-stone{--visual-bg:#e8e9e6}.project-visual.tone-rose{--visual-bg:#f2e7e5}.project-visual.tone-sky{--visual-bg:#e6edf3}.project-visual.tone-lilac{--visual-bg:#eae6f0}
.refined-home .project-visual .visual-canvas{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;transition:transform .35s ease}
.refined-home .project-visual img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:var(--media-position,center);border-radius:0;padding:0;filter:none;transform:none}
.refined-home .project-visual.visual-digital .visual-canvas{inset:10%;background:#fff;border-radius:5px;box-shadow:0 10px 24px #193c2920;overflow:hidden}
.refined-home .project-visual.visual-digital img{object-fit:contain;background:#fff}
.refined-home .project-visual.visual-photo .visual-canvas{inset:0}
.refined-home .project-visual.visual-photo img{object-fit:contain}
.refined-home .project-visual.visual-identity .visual-canvas{inset:14%;padding:10%;background:#fff;border-radius:4px;box-shadow:0 8px 20px #263b3010}
.refined-home .project-visual.visual-identity[data-project="ce-pa"] .visual-canvas{padding:7%}
.refined-home .project-visual.visual-identity[data-project="web3hub"] .visual-canvas{padding:9% 21%}
.refined-home .project-visual.visual-identity[data-project="skisportfamily"] .visual-canvas{padding:8% 20%}
.refined-home .portfolio-card{position:relative;border-radius:0;color:#213f36;text-decoration:none}
.refined-home .portfolio-card :is(h2,h3){font-size:clamp(21px,2vw,27px)!important;line-height:1.25!important;letter-spacing:-.025em!important;margin:19px 0 9px!important;font-weight:500}
.refined-home .portfolio-card p{font-size:15px!important;line-height:1.65!important;max-width:47ch;color:#405548}
.refined-home .portfolio-card .project-role{font-size:13px!important;line-height:1.6!important;color:#405548;letter-spacing:0;margin-bottom:10px}
.refined-home .portfolio-card .quiet-link{font-size:14px;margin-top:14px;display:inline-flex;align-items:center;min-height:36px;text-decoration-thickness:1px;text-underline-offset:5px}
.refined-home .projects-grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px;row-gap:46px}
.refined-home .projects-grid .portfolio-card{border:0;padding:0;display:flex;flex-direction:column}
.refined-home .projects-grid .portfolio-card .quiet-link{margin-top:auto;padding-top:15px;align-self:start}
.refined-home .projects-grid .portfolio-card>p{margin-bottom:0}
.refined-home .all-projects{padding-top:4px;padding-bottom:56px}
.refined-home.portfolio-index .subpage-intro{padding-block:48px 38px}
.refined-home.portfolio-index .subpage-intro h1{max-width:19ch}
.refined-home.portfolio-index .subpage-intro p{max-width:64ch}
.refined-home .portfolio-track{gap:28px;padding-bottom:20px;scroll-padding-inline:2px}
.focus-home .portfolio-card{flex-basis:46%}
.refined-home .portfolio-track .portfolio-card p:not(.project-role){max-width:48ch}
.refined-home .case-intro>.project-visual{max-width:900px;margin-inline:auto;aspect-ratio:4/3}
.refined-home .case-intro .case-lead{max-width:64ch}
.refined-home .case-intro{padding-top:35px}
.refined-home .case-intro>.studio-signature{font-size:13px;line-height:1.6;letter-spacing:.03em}
.visual-open{appearance:none;border:0;padding:0;margin:0;background:none;color:inherit;display:block;position:relative;width:100%;height:100%;cursor:zoom-in;text-align:inherit}
.visual-expand{display:grid;place-items:center;position:absolute;right:12px;bottom:12px;width:40px;height:40px;border-radius:50%;background:#fffefa;color:#213f36;box-shadow:0 2px 10px #0002;font-size:23px;line-height:1}
.refined-home .case-visual-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-block:30px 10px}
.case-visual-gallery figure{margin:0;aspect-ratio:4/3;background:#edf0e8;border-radius:8px;overflow:hidden}
.case-visual-gallery figure:only-child{grid-column:1/-1;max-width:900px;width:100%;justify-self:center}
.case-visual-gallery img{width:100%;height:100%;display:block;object-fit:contain}
.portfolio-lightbox{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;padding:64px 5vw 30px;background:#fffdf7;color:#213f36}
.portfolio-lightbox::backdrop{background:#183427c9}
.portfolio-lightbox img{width:100%;height:100%;object-fit:contain;display:block}
.portfolio-lightbox button{position:absolute;top:12px;right:20px;width:44px;height:44px;border:1px solid #213f3650;border-radius:50%;background:#fffefa;color:#213f36;font:400 27px Montserrat,sans-serif;cursor:pointer}
body:has(.portfolio-lightbox[open]){overflow:hidden}
.refined-home .portfolio-card:focus-visible,.visual-open:focus-visible,.portfolio-lightbox button:focus-visible{outline:3px solid #4a7864;outline-offset:5px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.portfolio-card:hover .project-visual .visual-canvas{transform:scale(1.025)}.portfolio-card:hover :is(h2,h3){text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px}}
@media(max-width:900px){.refined-home .projects-grid{gap:32px 24px}.focus-home .portfolio-card{flex-basis:72%}}
@media(max-width:600px){.refined-home .projects-grid{grid-template-columns:1fr;gap:33px}.refined-home.portfolio-index .subpage-intro{padding-block:28px}.refined-home .portfolio-card :is(h2,h3){font-size:23px!important;margin-top:16px!important}.focus-home .portfolio-card{flex-basis:88%}.refined-home .portfolio-track{gap:18px}.refined-home .portfolio-card p{font-size:15px!important}.refined-home .case-intro{padding-top:26px}.refined-home .case-intro>.studio-signature{margin-top:24px}.refined-home .case-visual-gallery{grid-template-columns:1fr;gap:18px;padding-top:22px}.visual-expand{width:36px;height:36px;right:9px;bottom:9px}.portfolio-lightbox{padding:68px 12px 25px}}
@media(prefers-reduced-motion:reduce){.project-visual .visual-canvas{transition:none!important}}

.case-visual-gallery .gallery-fenomen-1{background:#5024a7;padding:12%}.case-visual-gallery .gallery-robosizeme-1{background:#e6efea;padding:10%}

.refined-home .case-visual-gallery figure:only-child{max-width:440px}.portfolio-lightbox.is-dark{background:#5024a7}

/* Existing CMS uploads inspected on the live site: campaigns, web and print have distinct stages. */
.refined-home .project-visual.visual-digital[data-project="managewise"] .visual-canvas{inset:8% 6%}
.refined-home .project-visual.visual-material .visual-canvas{inset:9% 7%;background:#fff;box-shadow:0 9px 22px #213f361c;border-radius:4px;overflow:hidden}
.refined-home .project-visual.visual-identity[data-project="web3hub"] .visual-canvas{background:#000;padding:4%}
.case-visual-gallery .gallery-fenomen-1{background:#5024a7;padding:4%}
.case-visual-gallery .gallery-fenomen-2{background:#5024a7;padding:12%}