/* Curated portfolio scenes, shared by all detail pages and the collection. */
.k-work{--k-gutter:var(--k-work-gutter);padding:0;font-family:var(--k-face-body)}
.k-work .case-intro{padding:var(--k-work-intro) var(--k-gutter) var(--k-gap)}
.k-work .crumb{color:var(--k-ink-mid);font-size:var(--k-t-label)}
.k-work h1{font-size:var(--k-work-title);line-height:1;overflow-wrap:anywhere;max-width:100%;margin:var(--k-gap-sm) 0 var(--k-gap)}
.k-work .lead{max-width:var(--k-work-copy);font-size:var(--k-t-lead);margin:0}
.k-work dl{margin-top:var(--k-gap);gap:var(--k-gap);padding-top:var(--k-gap-sm)}
.k-work dt{color:var(--k-ink-mid);font-size:var(--k-t-label)}
.k-work dd{font-size:var(--k-t-body)}
.k-work .case-hero{margin:0 var(--k-gutter)}
.k-work .case-hero img{width:100%;height:auto;max-height:none;object-fit:contain;display:block}
.k-work .case-overview{display:grid;grid-template-columns:1fr 2fr;gap:var(--k-work-gap);padding:var(--k-work-band) var(--k-gutter)}
.k-work .case-label{font-size:var(--k-t-label);font-weight:600;letter-spacing:var(--k-ls-label);text-transform:uppercase}
.k-work .case-overview .body{margin:0;max-width:var(--k-work-copy)}
.k-work .case-technology{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--k-work-gap);padding:0 var(--k-gutter) var(--k-work-band)}
.k-work .case-technology h2{margin:0;padding-top:var(--k-gap-sm)}
.k-work .case-technology dl{display:block;margin:0;padding:0;border:0}
.k-work .case-technology dl>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,3fr);gap:var(--k-gap);border-top:var(--k-hairline) solid var(--k-line);padding-block:var(--k-gap-sm)}
.k-work .case-technology dt,.k-work .case-technology dd{margin:0;line-height:var(--k-lh-body);overflow-wrap:anywhere}
@media(max-width:760px){.k-work .case-technology{grid-template-columns:minmax(0,1fr);gap:var(--k-gap)}.k-work .case-technology dl>div{grid-template-columns:minmax(0,1fr);gap:calc(var(--k-gap-sm)/2)}}
.k-work .body p{font-size:var(--k-t-lead);color:var(--k-ink-mid)}
.k-work .case-section{padding:var(--k-work-band) var(--k-gutter)}
.k-work .case-section:nth-of-type(even){background:var(--k-paper-sunk)}
.k-work .case-section-head{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-work-gap);align-items:end;margin-bottom:var(--k-gap)}
.k-work .case-section h2{font-family:var(--k-face-display);font-size:var(--k-t-title);font-weight:500;line-height:1.2;letter-spacing:var(--k-ls-title)}
.k-work .case-section-head p{font-size:var(--k-t-small);line-height:var(--k-lh-body);color:var(--k-ink-mid)}
.k-work .scene{margin:0;min-width:0}
.k-work .scene img{width:100%;height:auto;display:block}
.k-work .scene button,.k-work .case-hero button{padding:0;border:0;display:block;width:100%;background:transparent;cursor:zoom-in}
.k-work .scene-mobile{padding:var(--k-work-pad);background:var(--k-paper-sunk);display:flex;justify-content:center}
.k-work .scene-mobile button{width:min(100%,var(--k-work-phone))}
.k-work .scene-pair{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-gap)}
.k-work .scene-pair .scene img{max-height:var(--k-work-phone-stage);object-fit:contain}
.k-work figcaption{font:400 var(--k-t-label)/var(--k-lh-body) var(--k-face-body);color:var(--k-ink-mid);padding-top:var(--k-gap-sm);display:flex;justify-content:space-between;gap:var(--k-gap-sm)}
.k-work .case-note{padding:var(--k-gap) var(--k-gutter);background:var(--k-paper-sunk);font-size:var(--k-t-small);color:var(--k-ink-mid)}
.k-work .case-gallery{padding:0 var(--k-gutter)}
.k-work .grid{margin-top:0;gap:var(--k-gap)}
.k-work .cell img{mix-blend-mode:normal}
.k-work .cell{background:transparent}
.k-work .case-related{padding:var(--k-gap) var(--k-gutter) var(--k-work-band)}
.k-work .pager{padding-block:var(--k-gap);font-size:var(--k-t-lead)}
.k-work .kin{margin-top:var(--k-gap)}
.k-work .kin summary,.k-work .pager a{min-height:44px}
.k-zoom{width:min(96vw,var(--k-work-dialog));max-width:none;max-height:96vh;border:0;padding:0;background:var(--k-deep);color:var(--k-deep-ink);overflow:auto}
.k-zoom::backdrop{background:var(--k-work-overlay)}
.k-zoom-head{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:var(--k-gap);padding:var(--k-gap-sm);background:var(--k-deep);font-family:var(--k-face-body)}
.k-zoom button{min-height:44px;padding:var(--k-gap-sm);color:inherit;background:transparent;border:var(--k-hairline) solid var(--k-deep-line);cursor:pointer}
.k-zoom img{display:block;width:100%;height:auto}
.work-intro{padding:var(--k-work-intro) var(--k-work-gutter) var(--k-gap)}
.work-intro h1,.work-intro h2{font:500 var(--k-work-title)/1 var(--k-face-display);letter-spacing:var(--k-ls-display);margin:var(--k-gap-sm) 0 var(--k-gap)}
.work-intro p{font:400 var(--k-t-lead)/var(--k-lh-body) var(--k-face-body);color:var(--k-ink-mid);max-width:var(--k-work-copy)}
.work-filter{display:flex;gap:var(--k-gap-sm);flex-wrap:wrap;padding-top:var(--k-gap)}
.work-filter button{min-height:44px!important}
.work-collection{padding:var(--k-gap) var(--k-work-gutter) var(--k-work-band)}
.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--k-work-gap) var(--k-gap)}
.work-card{display:block;min-width:0}
.work-card.is-featured{grid-column:1 / -1}
.work-card .work-photo{display:block;position:relative;aspect-ratio:var(--k-work-ratio);overflow:hidden;background:var(--k-paper-sunk)}
.work-card .work-photo>span{mix-blend-mode:normal!important;background-size:cover!important}
.work-card .work-caption{display:flex;justify-content:space-between;gap:var(--k-gap-sm);padding-top:var(--k-gap-sm)}
.work-card .work-caption strong{font:500 var(--k-t-lead)/1.3 var(--k-face-display);letter-spacing:var(--k-ls-title)}
.work-card.is-featured .work-caption strong{font-size:var(--k-t-title)}
.work-card .work-caption small{font:400 var(--k-t-small)/1.5 var(--k-face-body);color:var(--k-ink-mid)}
.work-card .work-summary{display:block;margin-top:var(--k-gap-sm);font:400 var(--k-t-small)/1.5 var(--k-face-body);color:var(--k-ink-mid)}
.work-card:hover strong{text-decoration:underline;text-underline-offset:var(--k-focus-gap)}
.work-card .work-empty{display:flex;flex-direction:column;justify-content:space-between;padding:var(--k-work-pad);min-height:var(--k-work-phone);background:var(--k-paper-sunk)}
.work-card .work-empty b{font:500 var(--k-t-title)/1.2 var(--k-face-display)}
.work-card .work-empty span{font:400 var(--k-t-body)/var(--k-lh-body) var(--k-face-body);color:var(--k-ink-mid)}
@media(max-width:760px){
 .k-work .case-overview,.k-work .case-section-head,.work-grid{grid-template-columns:1fr}
 .k-work .case-section-head{gap:var(--k-gap)}
 .k-work .case-hero{margin-inline:0}
 .k-work .case-hero figcaption{padding-inline:var(--k-gutter)}
 .k-work h1{font-size:var(--k-t-display)}
 .k-work .scene-pair{grid-template-columns:1fr}
 .work-card .work-caption{flex-direction:column}
 .k-work .pager{flex-wrap:wrap}
 .k-work .grid .cell{grid-column:1 / -1!important}
}
@media(prefers-reduced-motion:reduce){.work-card{animation:none!important}.work-card *{transition:none!important}}

.work-intro{padding-top:calc(var(--k-hdr-h) + var(--k-work-intro))}.work-photo img{display:block;width:100%;height:100%;object-fit:contain}.k-work [data-gallery-scene]{cursor:zoom-in}.k-work :focus-visible,.work-card:focus-visible{outline:var(--k-focus-w) solid var(--k-flare);outline-offset:var(--k-focus-gap)}

/* Functional case studies: feature navigation and action/result explanations. */
.k-work .case-functions,.k-work .case-engineering{padding:var(--k-gap) var(--k-gutter) var(--k-work-band);display:grid;grid-template-columns:1fr 2fr;gap:var(--k-work-gap)}
.k-work .case-functions ul{display:grid;grid-template-columns:1fr 1fr;gap:0 var(--k-gap);padding:0;margin:0;list-style:none}
.k-work .case-functions a{display:block;border-top:var(--k-hairline) solid var(--k-line);padding:var(--k-gap-sm) 0;font-size:var(--k-t-body);line-height:var(--k-lh-body)}
.k-work .case-functions a:hover{color:var(--k-flare)}
.k-work .case-section[id]{scroll-margin-top:calc(var(--k-hdr-h) + var(--k-gap))}
.k-work .feature-flow{display:block;border:0;padding:0;margin:var(--k-gap) 0 0}
.k-work .feature-flow>div{display:grid;grid-template-columns:var(--k-work-step-label) 1fr;gap:var(--k-gap-sm);border-top:var(--k-hairline) solid var(--k-line);padding:var(--k-gap-sm) 0}
.k-work .feature-flow dt,.k-work .feature-flow dd{margin:0;font-size:var(--k-t-small);line-height:var(--k-lh-body)}
.k-work .feature-flow dt{color:var(--k-ink);font-weight:600}
.k-work .feature-flow dd{color:var(--k-ink-mid)}
.k-work .is-mobile-feature{display:grid;grid-template-columns:1fr 1fr;column-gap:var(--k-work-gap);align-items:center}
.k-work .is-mobile-feature .case-section-head{display:block;margin:0}
.k-work .is-mobile-feature .case-section-head h2{margin-bottom:var(--k-gap)}
.k-work .is-mobile-feature .scene-mobile{padding:0;background:transparent}
.k-work .is-mobile-feature figcaption{grid-column:2}
.k-work .case-engineering>div>div{border-top:var(--k-hairline) solid var(--k-line);padding-block:var(--k-gap)}
.k-work .case-engineering h3{font:500 var(--k-t-lead)/var(--k-lh-body) var(--k-face-body);margin:0 0 var(--k-gap-sm)}
.k-work .case-engineering p{font-size:var(--k-t-body);line-height:var(--k-lh-body);color:var(--k-ink-mid);margin:0}
@media(max-width:760px){.k-work .case-functions,.k-work .case-engineering,.k-work .is-mobile-feature{grid-template-columns:1fr;gap:var(--k-gap)}.k-work .case-functions ul{grid-template-columns:1fr}.k-work .is-mobile-feature figcaption{grid-column:1}.k-work .is-mobile-feature .scene-mobile{margin-top:var(--k-gap)}}

.k-work .case-journey{padding:0 var(--k-gutter) var(--k-work-band);display:grid;grid-template-columns:1fr 2fr;gap:var(--k-work-gap)}
.k-work .case-journey ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:var(--k-gap)}
.k-work .case-journey li{border-top:var(--k-hairline) solid var(--k-line);padding-top:var(--k-gap-sm);display:flex;gap:var(--k-gap-sm)}
.k-work .case-journey li>span{font-family:var(--k-face-mono);font-size:var(--k-t-label);color:var(--k-ink-mid)}
.k-work .case-journey h3{font-size:var(--k-t-lead);font-weight:500;margin:0 0 var(--k-gap-sm)}
.k-work .case-journey p{font-size:var(--k-t-small);color:var(--k-ink-mid);margin:0}
.k-work[data-work-slug="counseling-kiosk"] #feature-result .scene{max-width:var(--k-work-result);margin-inline:auto}
@media(max-width:760px){.k-work .case-journey{grid-template-columns:1fr}.k-work .case-journey ol{grid-template-columns:1fr}}

.k-work .scene-video{max-width:var(--k-work-phone);margin-inline:auto}.k-work .scene-video video{display:block;width:100%;height:auto}

.k-work[data-work-slug="samsung-galaxy-motion"] .case-hero img{max-height:var(--k-work-tall-hero)}
/* Work scopes are independent from the project's primary category. */
.case-scope-tags,.work-scope-tags{display:block;font:500 var(--k-t-label)/var(--k-lh-body) var(--k-face-body);color:var(--k-ink-mid);margin-top:var(--k-gap-sm);word-spacing:var(--k-scope-word-gap)}
.case-source-links{display:flex;flex-wrap:wrap;gap:var(--k-gap);padding:var(--k-gap) var(--k-gutter);font-size:var(--k-t-small)}
.case-source-links a{border-bottom:var(--k-hairline) solid var(--k-line);padding-block:var(--k-gap-sm)}
.work-card.is-consulting{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 var(--k-gap);padding-block:var(--k-gap);border-block:var(--k-hairline) solid var(--k-line)}
.work-card.is-consulting .work-empty{grid-row:span 3;min-height:0;background:transparent;padding:0;justify-content:start;gap:var(--k-gap-sm)}
.work-card.is-consulting .work-caption{padding:0}.work-card.is-consulting .work-empty b{font-size:var(--k-t-title)}
.k-work.is-consulting .case-intro{border-bottom:var(--k-hairline) solid var(--k-line)}
.k-work.is-consulting .case-overview{background:var(--k-paper-sunk)}
.k-work.is-consulting .body h2{border-top:var(--k-hairline) solid var(--k-line);padding-top:var(--k-gap);margin-top:var(--k-work-gap);font:500 var(--k-t-title)/1.2 var(--k-face-display)}
.scene-crop{display:block;position:relative;overflow:hidden;width:100%}
.scene-crop img{position:absolute;max-width:none!important;max-height:none!important;height:auto!important;object-fit:fill!important}
.crop-root-spread{aspect-ratio:var(--k-root-spread-ratio)}
.crop-root-spread img{width:var(--k-root-spread-width)!important;left:var(--k-root-spread-left);top:var(--k-root-spread-top)}
.crop-root-detail{aspect-ratio:var(--k-root-detail-ratio)}
.crop-root-detail img{width:var(--k-root-detail-width)!important;left:var(--k-root-detail-left);top:0}
.crop-showny-receipt{aspect-ratio:var(--k-showny-receipt-ratio)}
.crop-showny-receipt img{width:100%!important;left:0;top:var(--k-showny-receipt-top)}
.case-hero .crop-showny-receipt{width:min(100%,calc(var(--k-detail-banner-height)*var(--k-showny-receipt-ratio)));flex:none}
.scene-monitor{padding:var(--k-work-pad);background:var(--k-paper-sunk)}
.scene-device{display:block;border:var(--k-device-bezel) solid var(--k-deep);border-bottom-width:var(--k-gap);border-radius:var(--k-r-md);position:relative;margin-bottom:var(--k-device-stand)}
.scene-device:after{content:'';position:absolute;top:100%;left:35%;width:30%;height:var(--k-device-stand);background:var(--k-line);clip-path:polygon(38% 0,62% 0,70% 75%,100% 90%,100% 100%,0 100%,0 90%,30% 75%)}
.scene-embed{max-width:var(--k-work-copy);margin-inline:auto}.scene-embed iframe{display:block;width:100%;height:var(--k-embed-height);border:0;background:var(--k-paper-sunk)}
.k-work[data-work-slug="layered-by-ondoyer"] .case-hero img,.k-work[data-work-slug="howmuch-magazine"] .case-hero img,.k-work[data-work-slug="itcar"] .case-hero img{max-height:var(--k-work-tall-hero);object-fit:contain}
.k-work[data-work-slug="itcar"] .scene img{max-height:var(--k-work-phone-stage);object-fit:contain}.k-work[data-work-slug="itcar"] .scene:has(img[src$="svg"]){padding:var(--k-work-pad)}
@media(max-width:760px){.work-card.is-consulting{grid-template-columns:1fr}.work-card.is-consulting .work-empty{grid-row:auto}.work-card.is-consulting .work-caption{display:none}}

.scene-embed:has(iframe[src*="youtube"]) {max-width:none;aspect-ratio:16/9}.scene-embed iframe[src*="youtube"]{height:100%;aspect-ratio:16/9}

.work-card.is-consulting:has(.work-empty) .work-caption,.work-card.is-consulting .work-empty>span:last-child{display:none}
.work-card.is-consulting .work-empty{grid-row:1 / span 2}
.work-card.is-consulting:has(.work-empty) .work-summary{grid-column:2;grid-row:1;margin:0;font-size:var(--k-t-lead)}
.work-card.is-consulting:has(.work-empty) .work-scope-tags{grid-column:2;grid-row:2}
@media(max-width:760px){.work-card.is-consulting .work-empty,.work-card.is-consulting:has(.work-empty) .work-summary,.work-card.is-consulting:has(.work-empty) .work-scope-tags{grid-column:1;grid-row:auto}.work-card.is-consulting:has(.work-empty) .work-summary{margin-top:var(--k-gap-sm)}}

.scene-rotate{display:block;position:relative;overflow:hidden;width:100%;margin-inline:auto}
.scene-rotate img{position:absolute;left:100%;top:0;max-width:none!important;max-height:none!important;height:auto!important;transform:rotate(var(--k-photo-quarter-turn));transform-origin:0 0}
.rotate-portrait{aspect-ratio:var(--k-photo-portrait-ratio)}.rotate-portrait img{width:var(--k-photo-portrait-width)!important}
.rotate-tall{aspect-ratio:var(--k-photo-tall-ratio)}.rotate-tall img{width:var(--k-photo-tall-width)!important}
.case-hero .rotate-portrait{max-width:calc(var(--k-work-tall-hero) * .75)}
.scene-pair .rotate-portrait{max-width:calc(var(--k-work-phone-stage) * .75)}

.work-photo img.is-rotated{position:absolute;left:50%;top:50%;width:var(--k-photo-card-width);height:var(--k-photo-card-height);transform:translate(-50%,-50%) rotate(var(--k-photo-quarter-turn));object-fit:contain}

.work-card:not(.is-consulting):has(.work-empty) .work-caption,.work-card:not(.is-consulting):has(.work-empty) .work-summary{display:none}

.k-zoom-head{z-index:var(--k-z-nav)}

.crop-jk-document{aspect-ratio:var(--k-jk-document-ratio)}
.crop-jk-timeline{aspect-ratio:var(--k-jk-timeline-ratio)}
.crop-jk-calendar{aspect-ratio:var(--k-jk-calendar-ratio)}
.crop-jk-quote{aspect-ratio:var(--k-jk-quote-ratio)}
.scene-crop[class*=crop-jk-] img{width:100%!important;left:0;top:0}

.k-zoom.is-phone{width:min(96vw,var(--k-work-phone))}
.k-zoom.is-phone [data-zoom-content]>img{width:auto;max-width:100%;max-height:calc(96dvh - var(--k-work-zoom-headroom));margin-inline:auto;object-fit:contain}

/* Preserve the original rounded covers and catalogue caption hierarchy. */
.work-collection .work-photo,.work-collection .work-card:not(.is-consulting) .work-empty{border-radius:var(--k-r-lg)}
.work-collection .work-module,.work-collection .work-open{position:absolute;top:var(--k-work-badge-inset);display:inline-flex;align-items:center;justify-content:center;background:var(--k-work-badge-bg);color:var(--k-ink);border-radius:var(--k-r-pill)}
.work-collection .work-module{left:var(--k-work-badge-inset);gap:var(--k-work-meta-gap);padding:var(--k-work-badge-py) var(--k-work-badge-px);font:700 var(--k-work-meta-size)/1.5 var(--k-face-body);letter-spacing:var(--k-ls-label)}
.work-module svg{width:var(--k-work-module-icon);height:var(--k-work-module-icon);fill:currentColor;flex-shrink:0}
.work-module .work-module-accent{fill:var(--k-flare)}
.work-collection .work-open{right:var(--k-work-badge-inset);width:var(--k-work-open-size);height:var(--k-work-open-size);font:500 var(--k-t-body)/1 var(--k-face-body)}
.work-collection .work-card .work-caption{display:flex;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:var(--k-work-meta-gap) var(--k-work-caption-gap);padding-top:var(--k-work-caption-top)}
.work-heading{display:flex;align-items:baseline;gap:var(--k-work-caption-gap);flex:1 1 auto;min-width:0}
.work-number{font:600 var(--k-work-number-size)/1 var(--k-face-display);letter-spacing:var(--k-ls-title);color:transparent;-webkit-text-stroke:var(--k-hairline) var(--k-ink-faint);flex-shrink:0}
.work-collection .work-card .work-caption strong{font:500 var(--k-work-card-title)/1.25 var(--k-face-body);letter-spacing:var(--k-ls-title);word-break:keep-all;overflow-wrap:break-word;min-width:0}
.work-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--k-work-meta-gap);margin-left:auto}
.work-collection .work-card .work-caption small{font:700 var(--k-work-meta-size)/1.5 var(--k-face-body);letter-spacing:var(--k-ls-label);text-transform:uppercase;color:var(--k-ink-faint)}
.work-kind{display:inline-flex;align-items:center;border:var(--k-hairline) solid var(--k-ink);border-radius:var(--k-r-pill);padding:var(--k-work-kind-py) var(--k-work-kind-px);font:700 var(--k-work-kind-size)/1.5 var(--k-face-body);background:var(--k-ink);color:var(--k-paper);white-space:nowrap}
.work-kind[data-kind="컨셉"]{background:transparent;border-style:dashed;border-color:var(--k-ink-faint);color:var(--k-ink-faint)}
.work-by{display:block;margin-top:var(--k-work-by-top);font:700 var(--k-work-meta-size)/1.5 var(--k-face-body);letter-spacing:var(--k-ls-label);text-transform:uppercase;color:var(--k-flare)}
.work-collection .work-summary{font-size:var(--k-t-body)}

/* Touch layouts keep their existing captions below each image. */
.work-info{display:contents}
.work-card{position:relative}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .work-collection .work-grid{--k-work-masonry-gap:var(--k-gap)}
 .work-collection .work-card:has(.work-photo){border-radius:var(--k-r-lg);overflow:hidden;isolation:isolate}
 .work-collection .work-card:has(.work-photo) .work-info{display:block;position:absolute;inset:auto 0 0;padding:var(--k-work-hover-pad);isolation:isolate;color:var(--k-deep-ink);opacity:0;pointer-events:none;transition:opacity var(--k-dur-hover) var(--k-ease)}
 .work-collection .work-card:has(.work-photo) .work-info:before{content:'';position:absolute;inset:calc(-1 * var(--k-work-hover-fade)) 0 0;background:var(--k-work-hover-shade);z-index:-1;pointer-events:none}
 .work-collection .work-card:has(.work-photo):is(:hover,:focus-visible,:focus-within) .work-info{opacity:1}
 .work-collection .work-card:has(.work-photo) :is(.work-module,.work-open){opacity:0;transition:opacity var(--k-dur-hover) var(--k-ease)}
 .work-collection .work-card:has(.work-photo):is(:hover,:focus-visible,:focus-within) :is(.work-module,.work-open){opacity:1}
 .work-collection .work-card:has(.work-photo) .work-caption{padding:0;gap:var(--k-work-hover-gap);color:var(--k-deep-ink)}
 .work-collection .work-card:has(.work-photo) .work-heading{flex-basis:100%;gap:var(--k-work-hover-gap)}
 .work-collection .work-card:has(.work-photo) .work-caption strong{font-size:var(--k-work-hover-title);color:var(--k-deep-ink);text-decoration:none}
 .work-collection .work-card:has(.work-photo) .work-number{-webkit-text-stroke-color:var(--k-deep-mid)}
 .work-collection .work-card:has(.work-photo) .work-meta{margin-left:0;gap:var(--k-work-hover-gap)}
 .work-collection .work-card:has(.work-photo) .work-caption small{color:var(--k-deep-ink)}
 .work-collection .work-card:has(.work-photo) .work-kind{color:var(--k-deep);background:var(--k-deep-ink);border-color:var(--k-deep-ink)}
 .work-collection .work-card:has(.work-photo) .work-kind[data-kind="컨셉"]{color:var(--k-deep-ink);background:transparent}
 .work-collection .work-card:has(.work-photo) .work-by{color:var(--k-ember-lit);margin-top:var(--k-work-hover-gap)}
 .work-collection .work-card:has(.work-photo) .work-summary{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-top:var(--k-work-hover-gap);font-size:var(--k-work-hover-copy);color:var(--k-deep-ink)}
 .work-collection .work-card:has(.work-photo) .work-scope-tags{margin-top:var(--k-work-hover-gap);color:var(--k-deep-mid);line-height:1.5}
 .work-collection .work-card[data-info-density="compact"] .work-by,.work-collection .work-card[data-info-density="small"] :is(.work-by,.work-summary){display:none}
 .work-collection .work-card[data-info-density="small"] .work-caption small{letter-spacing:normal}
}

@media(min-width:761px) and (hover:hover) and (pointer:fine){
 .work-collection .work-card[data-info-density="small"]{--k-work-hover-pad:var(--k-work-hover-compact-pad);--k-work-hover-gap:var(--k-work-hover-compact-gap);--k-work-hover-title:var(--k-work-hover-compact-title)}
}

.work-intro h1{font:500 var(--k-work-intro)/var(--k-work-collection-leading) var(--k-face-body);letter-spacing:var(--k-ls-title);margin:0 0 var(--k-gap)}
.work-collection[data-work-section="consulting"] .work-grid .work-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--k-work-gap);padding-block:var(--k-work-pad);border-top:var(--k-focus-w) solid var(--k-line);color:var(--k-ink);text-decoration:none}
.work-engagement-heading,.work-engagement-detail{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.work-engagement-heading{gap:var(--k-gap)}
.work-engagement-heading strong{font:600 var(--k-work-card-title)/var(--k-lh-body) var(--k-face-body);word-break:keep-all;overflow-wrap:anywhere}
.work-engagement-kind,.work-engagement-label{font:500 var(--k-work-meta-size)/var(--k-lh-body) var(--k-face-body);color:var(--k-ink-faint)}
.work-engagement-role,.work-engagement-body{font:400 var(--k-t-body)/var(--k-lh-body) var(--k-face-body);margin-top:var(--k-work-hover-gap);overflow-wrap:anywhere;white-space:pre-line}
.work-engagement-label:not(:first-child){margin-top:var(--k-gap)}
.work-engagement-more{font:600 var(--k-t-body)/var(--k-lh-body) var(--k-face-body);color:var(--k-flare);margin-top:var(--k-gap)}
.work-collection[data-work-section="consulting"] .work-grid .work-card:focus-visible{outline:var(--k-focus-w) solid var(--k-flare);outline-offset:var(--k-focus-gap)}
@media(max-width:760px){.work-collection[data-work-section="consulting"] .work-grid .work-card{grid-template-columns:1fr;gap:var(--k-gap)}.work-engagement-heading{gap:var(--k-work-hover-gap)}}

.work-collection-page #khdr a,.work-collection-page .km-btn{color:var(--k-ink)!important}
.work-collection-page #khdr a[aria-current="page"]{color:var(--k-flare)!important}

/* Three horizontal collection links; the selected label is exactly 3×. */
.work-sections{display:flex;flex-wrap:nowrap;align-items:baseline;gap:var(--k-work-nav-gap);margin-bottom:var(--k-work-gap);padding-bottom:var(--k-gap);border-bottom:var(--k-focus-w) solid var(--k-line)}
.work-sections a{display:block;flex:0 0 auto;font:500 var(--k-work-nav-size)/var(--k-lh-body) var(--k-face-display);letter-spacing:var(--k-ls-title);white-space:nowrap;color:var(--k-ink-faint);text-decoration:none;transition:font-size var(--k-work-nav-duration) var(--k-ease),color var(--k-work-nav-duration) var(--k-ease)}
.work-sections a[aria-current="page"]{font-size:calc(var(--k-work-nav-size) * 3);color:var(--k-ink)}
.work-sections a span{display:none}
.work-sections a:focus-visible{outline:var(--k-focus-w) solid var(--k-flare);outline-offset:var(--k-focus-gap)}
@media(prefers-reduced-motion:reduce){.work-sections a{transition:none}}

.work-intro:has(.work-sections),.work-collection,.work-collection-page{background:var(--k-work-paper)}

/* Detail-only reading space; catalogue cards retain their own layout tokens. */
.k-work{--k-gutter:var(--k-detail-gutter)}
.k-work .case-intro{padding-block:var(--k-detail-hero-gap)}
.k-work .case-intro h1{font-size:var(--k-detail-intro-title);line-height:var(--k-detail-title-leading);margin-bottom:var(--k-gap-sm)}
.k-work .case-intro .lead{font-size:var(--k-detail-lead)}
.k-work .case-metadata{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--k-gap) var(--k-gap-sm);margin-top:var(--k-gap);padding-top:var(--k-gap)}
.k-work .case-metadata>div{min-width:0}
.k-work .case-metadata dt{margin-bottom:var(--k-focus-gap)}
.k-work .case-metadata dd{font-size:var(--k-detail-meta-value);line-height:var(--k-lh-body);font-weight:400;overflow-wrap:anywhere}
.k-work .case-metadata>:is([data-work-meta="role"],[data-work-meta="tag"]){grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,7fr);gap:var(--k-gap-sm)}
.k-work .case-metadata>:is([data-work-meta="role"],[data-work-meta="tag"]) dd{color:var(--k-ink-mid)}
.k-work .case-metadata>[hidden]{display:none}
.k-work .case-hero{margin:var(--k-gap-sm) max(var(--k-detail-banner-inset),calc((100% - var(--k-detail-banner-width))/2)) 0}
.k-work .case-hero>button{height:var(--k-detail-banner-height);display:flex;align-items:center;justify-content:center;background:var(--k-paper-sunk);border-radius:var(--k-r-lg);overflow:hidden}
.k-work .case-hero>button>img{height:100%;max-height:100%;width:100%;object-fit:contain}
.k-work .case-hero figcaption{padding-inline:0}
@media(max-width:760px){
 .k-work .case-metadata{grid-template-columns:repeat(2,minmax(0,1fr))}
 .k-work .case-metadata>:is([data-work-meta="role"],[data-work-meta="tag"]){grid-template-columns:minmax(0,1fr);gap:var(--k-focus-gap)}
 .k-work .case-hero figcaption{flex-wrap:wrap}
}
.k-work .case-overview,.k-work .case-section{padding-block:var(--k-detail-section-space)}
.k-work .case-section-head{margin-bottom:var(--k-detail-heading-gap)}
.k-work .case-section:not(.is-mobile-feature)>:is(.scene:not(.scene-mobile,.scene-video,.scene-embed),.scene-pair){max-width:var(--k-detail-media-width);margin-inline:auto}
.k-work .scene-pair{gap:var(--k-detail-scene-gap)}
.k-work figcaption{padding-top:var(--k-detail-caption-gap)}
.k-work .case-gallery{padding-inline:var(--k-detail-media-inset)}
.k-work .case-gallery .grid{gap:var(--k-detail-gallery-gap)}
.k-work .case-related{padding-top:var(--k-detail-heading-gap)}
.k-work .case-section:not(:has(.scene,.scene-pair,.scene-embed,.scene-video,.grid)) .case-section-head{margin-bottom:0}
.k-work .case-section:not(.is-mobile-feature)>figcaption{max-width:var(--k-detail-media-width);margin-inline:auto}
@media(max-width:760px){.k-work .case-gallery .grid{grid-template-columns:minmax(0,1fr)}}

/* The collection menu follows the catalogue, beneath the global header. */
.work-browse{margin-top:0;background:var(--k-work-paper)}
.work-collection-page .work-browse{margin-top:calc(var(--k-hdr-h) + var(--k-work-intro))}
.work-browse>.work-sections{position:sticky;top:var(--k-hdr-h);z-index:var(--k-z-nav);isolation:isolate;margin:0;padding:var(--k-work-nav-padding) var(--k-work-gutter);background:transparent;border:0;backdrop-filter:none;-webkit-backdrop-filter:none}
/* The shared header stylesheet paints the same glass layer behind both menus. */
.work-browse>.work-sections a:not([aria-current="page"]){color:var(--k-ink-mid)}
.work-browse>.work-intro{padding-top:var(--k-gap);background:var(--k-work-paper)}

.k-work .case-hero.is-portrait button{width:100%}

/* The work is shown first; its short explanation stays with that screen. */
.k-work .case-media{min-width:0;width:100%;max-width:var(--k-detail-media-width);margin-inline:auto}
.k-work .case-media .grid{margin:0;gap:var(--k-detail-scene-gap)}
.k-work .case-media .scene button{max-width:var(--scene-source-width,100%);margin-inline:auto}
.k-work .case-media>.scene-portrait button{width:min(100%,var(--k-detail-portrait-width))}
.k-work .case-screen-story .cell{width:100%;max-width:var(--scene-source-width,100%);margin-inline:auto}
.k-work .case-screen-story .grid:not(:has(.cell~.cell))>.cell.is-portrait{max-width:min(100%,var(--k-detail-portrait-width),var(--scene-source-width,100%))}
@media(min-width:761px){.k-work .case-screen-story .grid:has(.cell~.cell)>.cell{grid-column:span 6!important}}
@media(max-width:760px){.k-work .case-screen-story .case-media .grid:has(>.cell.is-portrait:first-child+.cell.is-portrait:last-child)>.cell{grid-column:span 6!important}}
.k-work .case-media+.case-section-head{margin-top:var(--k-detail-heading-gap);margin-bottom:0;align-items:start}
.k-work .case-section-head h2,.k-work .case-section-head p{margin:0}
.k-work .case-scene-caption{display:flex;justify-content:space-between;gap:var(--k-gap-sm);margin:0;padding-top:var(--k-detail-caption-gap);font-size:var(--k-t-label);line-height:var(--k-lh-body);color:var(--k-ink-mid)}
.k-work .is-mobile-feature>.case-media+.case-section-head{margin:0}
.k-work .case-screen-index,.k-work .case-engineering-notes,.k-work .case-process-notes{margin:0 var(--k-gutter) var(--k-gap);border-top:var(--k-hairline) solid var(--k-line)}
.k-work :is(.case-screen-index,.case-engineering-notes,.case-process-notes)>summary{padding-block:var(--k-gap-sm);font-size:var(--k-t-body);cursor:pointer}
.k-work .case-screen-index .case-functions,.k-work .case-engineering-notes .case-engineering{display:block;padding:0 0 var(--k-gap)}
.k-work .case-process-notes .case-journey{display:block;padding:0 0 var(--k-gap)}
.k-work .case-extra-screens{margin-top:var(--k-gap);border-top:var(--k-hairline) solid var(--k-line)}
.k-work .case-extra-screens>summary{padding-block:var(--k-gap-sm);font-size:var(--k-t-small);color:var(--k-ink-mid);cursor:pointer}
.k-work .case-extra-screens .grid{padding-top:var(--k-gap);gap:var(--k-detail-scene-gap)}
.k-work .case-technology{padding-top:var(--k-gap)}
@media(max-width:760px){.k-work .is-mobile-feature{display:block}.k-work .is-mobile-feature>.case-media+.case-section-head{margin-top:var(--k-detail-heading-gap)}.k-work .case-scene-caption{flex-wrap:wrap}.k-work .case-scene-caption>span:last-child{white-space:nowrap}}

.work-browse-active #khdr::before{background:var(--k-work-paper);backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.work-browse-active #khdr a{mix-blend-mode:normal}
.work-browse-active #khdr a:not([aria-current="page"]){color:var(--k-ink)!important}
.work-browse-active #khdr .km-btn i{background:var(--k-ink)!important;mix-blend-mode:normal}

/* SENO editorial case layout: identity, uncropped hero, project facts, story. */
body:has(>.k-work),body:has(>main.k-work){background:var(--k-work-paper)}
.k-work{background:var(--k-work-paper);padding-bottom:var(--k-detail-story-space)}
.k-work .case-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:var(--k-detail-story-gap);padding:var(--k-detail-story-space) var(--k-detail-gutter)}
.k-work .case-title-group,.k-work .case-summary{min-width:0}
.k-work .case-intro h1{font:600 var(--k-detail-story-title)/var(--k-detail-story-leading) var(--k-face-display);letter-spacing:var(--k-ls-display);margin:var(--k-gap-sm) 0 0}
.k-work .case-intro .eyebrow{color:var(--k-ink-mid);font-weight:400;letter-spacing:var(--k-ls-title)}
.k-work .case-intro .lead{font:400 var(--k-detail-lead)/var(--k-detail-story-copy-leading) var(--k-face-body);margin:0;max-width:var(--k-work-copy)}
.k-work .case-scope-tags{margin-top:var(--k-gap-sm)}
.k-work .case-hero{margin:0 var(--k-detail-media-inset)}
.k-work .case-hero>button{height:auto;border-radius:0;background:transparent;overflow:visible}
.k-work .case-hero>button>img{height:auto;max-height:none;object-fit:contain}
.k-work .case-project-info{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--k-detail-story-gap);padding:var(--k-detail-story-space) var(--k-detail-media-inset)}
.k-work .case-project-info .case-overview{display:block;padding:0;min-width:0}
.k-work .case-project-info .case-overview[hidden]{display:none}
.k-work .case-project-info .body{margin:0;max-width:none}
.k-work .case-project-info .body p{font-size:var(--k-detail-story-copy-size);line-height:var(--k-detail-story-copy-leading)}
.k-work .case-project-info .case-metadata{display:block;margin:0;padding:0;border:0}
.k-work .case-project-info .case-metadata>div{display:grid;grid-template-columns:var(--k-detail-story-label) minmax(0,1fr);gap:var(--k-gap-sm);margin-bottom:var(--k-detail-story-meta-gap)}
.k-work .case-project-info .case-metadata>[hidden]{display:none}
.k-work .case-project-info .case-metadata dt,.k-work .case-project-info .case-metadata dd{margin:0;font-size:var(--k-detail-meta-value);line-height:var(--k-detail-story-copy-leading);font-variant-numeric:tabular-nums}
.k-work .case-section{padding:var(--k-detail-story-space) var(--k-detail-media-inset);background:transparent}
.k-work .case-section:nth-of-type(even){background:transparent}
.k-work .case-section-head{gap:var(--k-detail-story-gap);align-items:start;margin:0 0 var(--k-detail-heading-gap)}
.k-work .case-section-head h2{font-size:var(--k-t-lead);margin:0}
.k-work .case-section-head p{font-size:var(--k-detail-story-copy-size);line-height:var(--k-detail-story-copy-leading);margin:0}
.k-work .case-gallery{padding-inline:var(--k-detail-media-inset)}
.k-work .case-note{margin-top:var(--k-detail-story-space);padding:0 var(--k-detail-media-inset);background:transparent;font-size:var(--k-t-label)}
.k-work .private-case-hero .private-work-media{height:auto;aspect-ratio:auto;border-radius:0;background:transparent}
.k-work .private-case-hero .private-work-media img{position:static;height:auto;max-height:none}
@media(max-width:760px){
 .k-work .case-intro,.k-work .case-project-info{grid-template-columns:minmax(0,1fr)}
 .k-work .case-hero{margin-inline:0}
 .k-work .case-intro{padding-inline:var(--k-detail-gutter)}
 .k-work .case-project-info{padding-inline:var(--k-detail-gutter)}
}

html body:has(.k-work) :is(#khdr,header.top,header.hdr)::before{background:var(--k-work-paper)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
html body:has(.k-work) :is(#khdr,header.top,header.hdr) a{mix-blend-mode:normal;color:var(--k-ink)!important}
html body:has(.k-work) .km-btn i{background:var(--k-ink)!important;mix-blend-mode:normal}

.k-work .case-project-info .case-overview-title{font:500 var(--k-detail-story-copy-size)/var(--k-detail-story-copy-leading) var(--k-face-body);margin:0 0 var(--k-gap-sm);color:var(--k-ink)}