.portfolio-page{min-height:100vh;color:var(--color-nice-black);background:var(--color-surface-muted)}.portfolio-page h1,.portfolio-page h2,.portfolio-page h3,.portfolio-page p{margin:0}.portfolio-subnav{color:var(--color-white);background:var(--color-nice-black)}.portfolio-subnav__inner{width:calc(100% - (var(--page-gutter) * 2));max-width:var(--layout-content);height:40px;font-size:var(--font-button-2);align-items:center;margin-inline:auto;font-weight:700;line-height:1;display:flex}.portfolio-subnav__title{font:inherit}.portfolio-directory{padding:40px var(--page-gutter);background:var(--color-surface-muted)}.portfolio-directory__inner{width:100%;max-width:var(--layout-content);flex-direction:column;gap:40px;margin-inline:auto;display:flex}.portfolio-categories{background:#1414140d;border-radius:999px;grid-template-columns:repeat(5,minmax(0,1fr));height:60px;padding:8px;display:grid}.portfolio-categories li,.portfolio-category-link{min-width:0;height:100%}.portfolio-category-link{color:#14141452;font-size:var(--font-title-4);text-align:center;white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding-inline:12px;font-weight:700;line-height:1;transition:color .18s,background-color .18s;display:flex}.portfolio-category-link:hover,.portfolio-category-link:focus-visible{color:#141414b8}.portfolio-category-link[aria-current=page]{color:var(--color-nice-black);background:var(--color-white)}.portfolio-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;min-height:60px;display:grid}.portfolio-result-summary{min-width:0;font-size:var(--font-title-4);align-items:center;gap:4px;font-weight:700;line-height:1;display:flex}.portfolio-result-summary strong{color:inherit;font:inherit}.portfolio-search{background:#1414140d;border-radius:999px;height:60px;padding:8px;position:relative}.portfolio-search input{width:100%;min-width:0;height:44px;color:var(--color-nice-black);font:inherit;font-size:var(--font-title-4);background:0 0;border:0;border-radius:999px;outline:0;padding-inline:24px;font-weight:700;line-height:1}.portfolio-search input::placeholder{color:#1414147a;opacity:1}.portfolio-search:focus-within{box-shadow:inset 0 0 0 2px var(--color-focus)}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;display:grid}.portfolio-card{background:var(--color-white);min-width:0;min-height:318px}.portfolio-card__content{min-height:318px;color:inherit;flex-direction:column;justify-content:center;gap:20px;padding:20px;display:flex}.portfolio-card__brand{flex:0 0 204px;place-items:center;width:100%;display:grid}.portfolio-card__logo{background:var(--color-white);border-radius:50%;place-items:center;width:160px;height:160px;display:grid;position:relative;overflow:hidden}.portfolio-card__logo img{width:var(--portfolio-logo-width,65%);max-width:none;height:var(--portfolio-logo-height,auto);object-fit:fill;max-height:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.portfolio-card__fallback{max-width:13ch;font-family:var(--font-latin);text-align:center;word-break:keep-all;font-size:24px;font-weight:700;line-height:1.05}.portfolio-card__copy{flex-direction:column;gap:4px;padding-inline:6px;display:flex}.portfolio-card__client{font-size:20px;font-weight:700;line-height:1.2}.portfolio-card__summary{word-break:keep-all;font-size:18px;font-weight:500;line-height:1.4}@media (hover:hover) and (pointer:fine){a.portfolio-card__content{transition:transform .18s,box-shadow .18s}a.portfolio-card__content:hover{z-index:1;position:relative;transform:translateY(-4px);box-shadow:0 16px 40px #0b0b4524}}.portfolio-card[data-record-id=timefolio-brand-campaign]{--portfolio-logo-width:80%;--portfolio-logo-height:15%}.portfolio-card[data-record-id=unicef-child-friendly-city]{--portfolio-logo-width:118.58%;--portfolio-logo-height:74%}.portfolio-card[data-record-id=ok-financial-group-campaign]{--portfolio-logo-width:81.25%;--portfolio-logo-height:81.25%}.portfolio-card[data-record-id=sca-performance-marketing]{--portfolio-logo-width:75.625%;--portfolio-logo-height:75.625%}.portfolio-card[data-record-id=hogwanwon-health-supplement],.portfolio-card[data-record-id=spc-samlip-food],.portfolio-card[data-record-id=hanil-patech-beauty-appliance],.portfolio-card[data-record-id=essian-baby-products]{--portfolio-logo-width:100%;--portfolio-logo-height:100%}.portfolio-card[data-record-id=inl-microsoft-distributor]{--portfolio-logo-width:144%;--portfolio-logo-height:75.36%}.portfolio-card[data-record-id=jellycat-korea-launch]{--portfolio-logo-width:61.399%;--portfolio-logo-height:59.532%}.portfolio-card[data-record-id=puma-performance-marketing]{--portfolio-logo-width:85.877%;--portfolio-logo-height:51.419%}.portfolio-card[data-record-id=decathlon-full-funnel-marketing]{--portfolio-logo-width:85.877%;--portfolio-logo-height:48.199%}.portfolio-card[data-record-id=blue-bottle-performance-marketing]{--portfolio-logo-width:62%;--portfolio-logo-height:74%}.portfolio-card[data-record-id=garmin-integrated-marketing]{--portfolio-logo-width:76.923%;--portfolio-logo-height:22%}.portfolio-card[data-record-id=airbnb-integrated-channel]{--portfolio-logo-width:78%;--portfolio-logo-height:24%}.portfolio-card[data-record-id=shutterstock-korea-localization]{--portfolio-logo-width:80.51%;--portfolio-logo-height:11.701%}.portfolio-card[data-record-id=farfetch-performance-marketing]{--portfolio-logo-width:80%;--portfolio-logo-height:10%}.portfolio-card[data-record-id=ebay-search-advertising]{--portfolio-logo-width:79.844%;--portfolio-logo-height:32%}.portfolio-card[data-record-id=loreal-search-advertising]{--portfolio-logo-width:78%;--portfolio-logo-height:14%}.portfolio-card[data-record-id=gentle-monster-global-display]{--portfolio-logo-width:88%;--portfolio-logo-height:12%}.portfolio-empty{color:#1414147a;min-height:318px;font-size:var(--font-title-4);text-align:center;background:var(--color-white);place-items:center;font-weight:700;display:grid}.portfolio-pagination__list{justify-content:center;gap:12px;display:flex}.portfolio-pagination__item{flex:none}.portfolio-pagination__link{width:60px;height:60px;color:var(--color-nice-black);font-family:var(--font-latin);font-size:var(--font-title-4);border-radius:50%;place-items:center;font-weight:700;line-height:1;display:grid}.portfolio-pagination__link[aria-disabled=true]{color:#14141447}.portfolio-pagination__link[aria-current=page]{background:var(--color-white)}.portfolio-visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=1279px){.portfolio-category-link{white-space:normal;padding-inline:8px}.portfolio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.portfolio-card,.portfolio-card__content{min-height:278.5px}.portfolio-card__brand{flex-basis:auto}.portfolio-card__logo{aspect-ratio:1;width:100%;max-width:160px;height:auto}.portfolio-card__client{font-size:18px}.portfolio-card__summary{font-size:16px;font-weight:700}.portfolio-pagination__link{width:40px;height:40px;font-size:15px}}@media (width<=767px){.portfolio-subnav__inner{font-size:var(--font-button-3)}.portfolio-directory{padding-block:40px}.portfolio-directory__inner{gap:20px}.portfolio-category-navigation{scrollbar-width:none;overflow-x:auto}.portfolio-category-navigation::-webkit-scrollbar{display:none}.portfolio-categories{width:max-content;height:38px;padding:4px;display:flex}.portfolio-categories li{flex:none}.portfolio-category-link{white-space:nowrap;padding-inline:12px;font-size:14px}.portfolio-controls{display:contents}.portfolio-result-summary{order:2;min-height:40px;margin-bottom:-20px;font-size:14px}.portfolio-search{order:1;height:40px;padding:0}.portfolio-search input{height:40px;padding-inline:16px;font-size:14px}.portfolio-grid{order:3;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin-top:-20px}.portfolio-card,.portfolio-card__content{min-height:236px}.portfolio-card__content{gap:20px;padding:12px}.portfolio-card__brand{flex-basis:auto}.portfolio-card__logo{width:100%;max-width:160px;height:auto}.portfolio-card__copy{gap:4px;padding-inline:2px}.portfolio-card__client{font-size:14px}.portfolio-card__summary{font-size:13px;font-weight:500}.portfolio-empty{order:3}.portfolio-pagination{order:4}.portfolio-pagination__list{gap:6.666px}.portfolio-pagination__link{width:40px;height:40px;font-size:14px}.portfolio-pagination__page--mobile-hidden{display:none}}