/* GalaxyLink / Portfolio edition 8 */
.works-v8-hero{padding:64px 0 66px;border-bottom:1px solid #dce2ef;position:relative;overflow:hidden;background:radial-gradient(ellipse at 95% 0%,#ded8fc80,transparent 48%)}
.works-hero-heading{display:flex;align-items:center;justify-content:space-between;gap:42px}.works-hero-heading h1{font-size:clamp(35px,4.7vw,70px);font-weight:650;line-height:1.35;color:#004878}.works-v8-hero p{margin-top:26px;font-size:15px;line-height:1.9}.works-total{display:flex;flex-direction:column;align-items:flex-end;padding-right:4px}.works-total strong{font-family:'GL Sans',sans-serif;font-size:clamp(80px,12vw,168px);font-weight:450;letter-spacing:-.09em;line-height:1;color:#004878}.works-total span{font-size:10px;letter-spacing:.25em;color:#7362aa;margin-top:12px}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 27px}.work-card{display:flex;flex-direction:column;border-bottom:1px solid #dce2ef;padding-bottom:24px;min-width:0;content-visibility:auto;contain-intrinsic-size:auto 380px}.work-card[hidden]{display:none!important}.work-visual{aspect-ratio:1.55;background:#eff2f8;isolation:isolate}.work-visual .case-cover{object-fit:contain;padding:0;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.work-visual .case-brand-icon{object-fit:contain;padding:38px}.work-card[href*="coupang-play"] .work-visual,.case-v8-image:has(img[src*="coupang-play"]){background:#172435}.work-card[href*="coupang-play"] .case-cover{background:#172435}.work-visual .case-poster{padding:12px;background:#edf0f7}.work-card:hover .case-cover{transform:scale(1.035)}.work-meta{margin-top:19px;align-items:flex-start;gap:12px}.work-meta h3{font-size:21px;line-height:1.42;font-weight:600}.work-meta small{font-size:10px;color:#697387;display:block;margin-top:6px}.work-meta .arrow{font-size:26px;color:#7861c0;transition:transform .3s}.work-card:hover .arrow{transform:translate(3px,-3px)}.work-desc{font-size:12px;line-height:1.9;margin-top:12px;margin-bottom:18px;color:#526178}.agency-tag{display:block;font-size:10px;letter-spacing:.02em;color:#004878;margin-top:auto}.work-visual .visual-label{display:none}.filter-toolbar{align-items:flex-end;gap:28px}.filter-toolbar label{min-width:240px}.filters{flex-wrap:wrap}.search-field{min-height:46px;background:#fff;border-color:#c6ccdf}.filter-count{margin:24px 0 32px;font-size:12px;color:#697387}
.case-type-cover{width:100%;height:100%;min-height:230px;padding:30px;display:flex;flex-direction:column;justify-content:center;background:#004878;color:#fff;position:relative;overflow:hidden}.case-type-cover:after{content:'';position:absolute;border:1px solid #a898f870;border-radius:50%;height:200px;width:200px;right:-80px;bottom:-90px}.case-type-cover span{font-size:8px;letter-spacing:.13em;color:#cec5ff;margin-bottom:25px}.case-type-cover strong{font-size:clamp(25px,2.4vw,42px);line-height:1.35;font-weight:500;max-width:90%}.case-type-cover i{font-style:normal;font-size:24px;margin-top:20px;color:#b9a8fb}.case-v8-image{background:#f0f3fa;overflow:hidden}.case-v8-image>img{width:100%;height:380px;min-height:0;max-height:none;object-fit:contain;padding:0;background:transparent}.case-v8-image>.case-brand-icon{padding:66px}.case-v8-image>.case-poster{padding:18px}.case-v8-image figcaption{padding:13px 16px;border-top:1px solid #dce2ef;font-size:10px;color:#667289;background:#fbfcff}.case-v8-image figcaption a{text-decoration:underline;text-underline-offset:3px}.case-v8-image .case-type-cover{min-height:380px}.case-agency{font-size:12px!important;letter-spacing:.04em;color:#004878!important;margin-top:25px!important}.case-agency strong{margin-left:12px;font-weight:600}.case-scope-grid{display:grid;grid-template-columns:1fr 1.55fr;gap:70px}.case-scope-grid h2{font-size:clamp(28px,3.3vw,46px);line-height:1.35;font-weight:550;color:#004878}.case-scope-list{list-style:none;padding:0;margin:0 0 35px}.case-scope-list li{padding:24px 0;border-top:1px solid #dce2ef;font-size:17px;display:flex;gap:28px;align-items:baseline}.case-scope-list li span{font-size:11px;color:#8270bb;flex:0 0 20px}.case-facts>div{min-width:0}
@media(max-width:1050px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filter-toolbar{display:block}.filter-toolbar label{display:block;max-width:360px;margin-top:24px}.case-scope-grid{gap:35px}.case-v8-image>img{height:320px}}
@media(max-width:700px){.works-v8-hero{padding:35px 0 42px}.works-hero-heading{gap:15px;align-items:flex-end}.works-hero-heading h1{font-size:33px}.works-v8-hero .eyebrow{font-size:8px}.works-total strong{font-size:68px}.works-total span{font-size:7px;letter-spacing:.1em}.works-v8-hero p{font-size:13px}.work-grid{grid-template-columns:1fr;gap:34px}.work-card{padding-bottom:22px;contain-intrinsic-size:auto 380px}.work-meta h3{font-size:23px}.work-visual{aspect-ratio:1.55}.work-desc{font-size:13px}.agency-tag{font-size:11px}.filter-toolbar label{max-width:none}.filter-btn{font-size:11px;padding:8px 11px}.case-scope-grid{grid-template-columns:1fr;gap:30px}.case-scope-list li{font-size:15px;padding:21px 0;gap:16px}.case-v8-image>img{height:300px}.case-v8-image>.case-brand-icon{padding:55px}.case-v8-image .case-type-cover{min-height:300px}.case-type-cover strong{font-size:34px}}
@media(max-width:380px){.works-hero-heading h1{font-size:29px}.works-total strong{font-size:52px}.works-total span{font-size:6px}.case-v8-image>img{height:260px}}
@media(prefers-reduced-motion:reduce){.work-card .case-cover,.work-meta .arrow{transition:none}.work-card:hover .case-cover,.work-card:hover .arrow{transform:none}}