.work-page{--work-ink:#1d222b;--work-muted:#717b88;--work-blue:#2968d1;color:var(--work-ink);word-break:keep-all;overflow-wrap:break-word;background:#fff}.work-container{width:min(1200px,88%);margin-inline:auto}.work-page a{text-decoration:none}:is(.work-page a:focus-visible,.work-page summary:focus-visible){outline-offset:6px;border-radius:8px;outline:3px solid #6d9bf0}.work-eyebrow{letter-spacing:.13em;color:var(--work-blue);margin:0 0 24px;font-size:13px;font-weight:650}.work-hero{padding-top:clamp(72px,9vw,136px);padding-bottom:76px}.work-hero-heading{justify-content:space-between;align-items:flex-end;gap:36px;display:flex}.work-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(38px,4.2vw,62px);font-weight:650;line-height:1.28}.work-hero h1 span,.work-next h2 span{color:#2868d0;-webkit-text-fill-color:transparent;background:linear-gradient(125deg,#1d304f 4%,#397de7 53%,#245cbb 90%);-webkit-background-clip:text;background-clip:text}.work-hero-introduction{flex-shrink:0;padding-bottom:4px}.work-hero-introduction p{color:var(--work-muted);margin:0;font-size:15px;line-height:1.85}.work-text-link{color:#394452;align-items:center;gap:12px;margin-top:22px;font-size:13px;font-weight:600;display:inline-flex}.work-text-link svg{transition:transform .2s}.work-text-link:hover svg{transform:translateY(3px)}.work-hero-gallery{background:linear-gradient(125deg,#f1f4f8,#eef3fa 54%,#f5f3ef);border-radius:32px;grid-template-columns:.8fr 1.5fr .8fr;align-items:center;gap:20px;margin-top:66px;padding:32px 28px;display:grid}.work-hero-shot{isolation:isolate;background:#e3e7eb;border-radius:20px;display:block;position:relative;overflow:hidden}.work-hero-shot:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0a172d80);position:absolute;inset:50% 0 0}.work-hero-shot img{object-fit:cover;width:100%;height:100%;transition:transform .65s cubic-bezier(.2,.6,.3,1);display:block}.work-hero-shot:hover img{transform:scale(1.035)}.work-hero-shot span{z-index:1;color:#fff;letter-spacing:.055em;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex;position:absolute;inset:auto 18px 18px}.work-hero-shot-one{height:290px;transform:translateY(15px)}.work-hero-shot-two{height:330px}.work-hero-shot-three{height:260px;transform:translateY(-15px)}.work-hero-shot-three img{object-position:52% center}.work-hero-caption{color:#7f8895;justify-content:space-between;gap:16px;margin-top:20px;font-size:12px;display:flex}.work-hero-caption span:last-child{letter-spacing:.08em;font-size:10px}.work-anchor,.work-case{scroll-margin-top:calc(var(--uju-header-height) + 90px)}.work-navigation{top:var(--uju-header-height);z-index:30;background:#fffffff5;border-block:1px solid #edf0f4;position:sticky}.work-navigation-inner{justify-content:space-between;align-items:center;gap:28px;width:min(1200px,88%);min-height:72px;margin-inline:auto;display:flex}.work-navigation-label{letter-spacing:.09em;white-space:nowrap;font-size:10px;font-weight:650}.work-navigation-label span{color:#a0a9b5;padding-left:10px}.work-navigation nav{scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.work-navigation nav::-webkit-scrollbar{display:none}.work-navigation nav a{white-space:nowrap;color:#7a8390;border-radius:100px;padding:12px 17px;font-size:13px;font-weight:550;transition:color .2s,background .2s;display:block}.work-navigation nav a:hover{color:var(--work-ink);background:#f4f5f7}.work-navigation nav a[aria-current=location]{color:#225fc0;background:#edf4ff}.work-case{padding-block:130px}.work-case:nth-child(2n){background:#f7f8fa}.work-case-grid{grid-template-columns:minmax(0,.85fr) minmax(0,1.2fr);align-items:center;gap:8%;display:grid}.work-case:nth-child(2n) .work-case-grid{grid-template-columns:minmax(0,1.2fr) minmax(0,.85fr)}.work-case:nth-child(2n) .work-visual{grid-area:1/1}.work-case:nth-child(2n) .work-case-copy{grid-area:1/2}.work-case-category{color:#7a8594;align-items:center;gap:12px;margin:0 0 32px;font-size:12px;font-weight:550;display:flex}.work-case-category>span{width:30px;height:30px;color:var(--work-blue);background:#eaf2ff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.work-case-brand{color:#3d6eb8;margin:0 0 13px;font-size:16px;font-weight:600}.work-case h2{letter-spacing:-.045em;white-space:pre-line;margin:0 0 24px;font-size:clamp(28px,3vw,42px);font-weight:620;line-height:1.38}.work-case-description{color:#737d8b;margin:0;font-size:16px;line-height:1.9}.work-tags{flex-wrap:wrap;gap:7px;margin:26px 0 28px;padding:0;list-style:none;display:flex}.work-tags li{color:#747e8c;background:#f0f2f5;border-radius:7px;padding:6px 10px;font-size:11px;line-height:1.4}.work-case:nth-child(2n) .work-tags li{background:#ebedf1}.work-case-detail{border-top:1px solid #e1e5eb}.work-case-detail summary{cursor:pointer;color:#4d5866;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:13px;font-weight:550;list-style:none;display:flex}.work-case-detail summary::-webkit-details-marker{display:none}.work-case-detail summary svg{flex:none;transition:transform .2s}.work-case-detail[open] summary svg{transform:rotate(45deg)}.work-case-detail-body{padding-bottom:12px}.work-case-detail h3{margin:0 0 12px;font-size:15px;font-weight:600;line-height:1.6}.work-case-detail p,.work-case-detail li{color:#747e8b;font-size:13px;line-height:1.85}.work-case-detail p{margin:0 0 15px}.work-case-detail ul{padding-left:17px;list-style:outside}.work-case-detail li+li{margin-top:5px}.work-visual{min-width:0;margin:0}.work-visual-image{background:#f0f1f4;border-radius:26px;overflow:hidden}.work-visual-image img{width:100%;height:auto;display:block}.work-visual-chungho .work-visual-image{background:#f1f0ed;padding:35px 70px}.work-visual-chungho img{object-fit:contain;max-height:510px}.work-visual figcaption{color:#9099a5;letter-spacing:.055em;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:9px;display:flex}.work-content-strip{background:#fff;border-radius:20px;grid-template-columns:1.25fr 1fr;align-items:center;gap:25px;margin-top:18px;padding:19px;display:grid}.work-content-strip img{border-radius:8px;width:100%;height:auto;display:block}.work-content-strip span{letter-spacing:-.03em;color:#2d3d53;font-size:clamp(14px,1.4vw,20px);font-weight:650;line-height:1.4}.work-content-strip p{color:#8a93a1;margin:10px 0 0;font-size:11px;line-height:1.7}.work-visual-ocean .work-visual-image{background:#eee7db;padding:24px}.work-visual-ocean img{border-radius:13px}.work-visual-ohrun video{aspect-ratio:16/9;object-fit:cover;background:#151a20;border-radius:24px;width:100%;display:block}.work-visual-byd .work-visual-image{background:#e9edf4;padding:24px}.work-visual-byd img{border-radius:14px}.work-next{text-align:center;background:linear-gradient(#f8faff,#eff4fc);padding:135px 0 145px}.work-next .work-eyebrow{margin-bottom:24px;font-size:11px}.work-next h2{letter-spacing:-.05em;margin:0 0 25px;font-size:clamp(36px,4vw,56px);font-weight:620;line-height:1.35}.work-next>div>p:not(.work-eyebrow){color:#7b8798;margin:0;font-size:16px;line-height:1.85}.work-contact-link{color:#fff;background:#2c68cd;border-radius:14px;align-items:center;gap:30px;margin-top:34px;padding:17px 24px;font-size:14px;font-weight:550;transition:background .2s,transform .2s;display:inline-flex}.work-contact-link:hover{background:#2059b8;transform:translateY(-2px)}@media (max-width:1100px){.work-hero-heading{flex-direction:column;align-items:flex-start;gap:25px}.work-hero-introduction{justify-content:space-between;align-items:flex-end;gap:24px;width:100%;display:flex}.work-hero-gallery{gap:15px;margin-top:40px;padding:25px 20px}.work-hero-shot-one{height:240px}.work-hero-shot-two{height:275px}.work-hero-shot-three{height:220px}.work-case{padding-block:100px}.work-case-grid{gap:5%}.work-case-description{font-size:15px}.work-visual-chungho .work-visual-image{padding:30px}.work-navigation-label{display:none}.work-navigation-inner{justify-content:center}}@media (max-width:760px){.work-container{width:calc(100% - 44px)}.work-hero{padding-top:60px;padding-bottom:46px}.work-hero h1{font-size:clamp(29px,5.8vw,44px)}.work-eyebrow{margin-bottom:20px;font-size:11px}.work-hero-introduction{display:block}.work-hero-introduction p{font-size:14px}.work-text-link{margin-top:20px;font-size:12px}.work-hero-gallery{border-radius:22px;grid-template-columns:.85fr 1.4fr;gap:10px;padding:22px 12px}.work-hero-shot{border-radius:14px}.work-hero-shot-one{height:205px;transform:translateY(0)}.work-hero-shot-two{height:185px}.work-hero-shot-three{display:none}.work-hero-shot span{letter-spacing:0;font-size:8px;inset:auto 12px 12px}.work-hero-shot span svg{width:13px}.work-hero-caption{font-size:11px}.work-hero-caption span:last-child{letter-spacing:0;font-size:8px}.work-navigation-inner{width:100%;min-height:60px}.work-navigation nav{gap:3px;width:100%;padding:8px 18px}.work-navigation nav a{padding:10px 13px;font-size:12px}.work-case{scroll-margin-top:calc(var(--uju-header-height) + 60px);padding-block:70px}.work-case-grid,.work-case:nth-child(2n) .work-case-grid{grid-template-columns:1fr;gap:36px}.work-case:nth-child(2n) .work-case-copy,.work-case:nth-child(2n) .work-visual{grid-area:auto}.work-case-category{margin-bottom:23px;font-size:11px}.work-case-brand{font-size:14px}.work-case h2{margin-bottom:20px;font-size:32px}.work-case-description{max-width:530px;font-size:15px;line-height:1.85}.work-tags{margin:22px 0}.work-tags li{font-size:10px}.work-visual-image{border-radius:20px}.work-visual-chungho .work-visual-image{padding:26px 45px}.work-visual-chungho img{max-height:420px}.work-visual-ocean .work-visual-image,.work-visual-byd .work-visual-image{padding:18px}.work-visual figcaption{font-size:8px}.work-content-strip{gap:20px;padding:15px}.work-content-strip span{font-size:17px}.work-next{padding:90px 0 100px}.work-next>div>p:not(.work-eyebrow){font-size:14px}.work-next h2{font-size:36px}}@media (max-width:380px){.work-hero h1{font-size:28px}.work-hero-caption span:last-child{display:none}.work-case h2{font-size:28px}.work-content-strip span{font-size:14px}.work-content-strip p{font-size:10px}.work-desktop-break{display:none}}@media (prefers-reduced-motion:reduce){.work-page *,.work-page :after{scroll-behavior:auto!important;transition:none!important}}