:root{--paper:#fff;--ink:#191b20;--muted:#747983;--line:#eceef2;--accent:#793443;--placeholder:#f5f6f8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Microsoft YaHei','Malgun Gothic',sans-serif;-webkit-font-smoothing:antialiased}[hidden]{display:none!important}a{color:inherit;text-decoration:none;transition:color .2s,border-color .2s}button{font:inherit}.shell{width:min(88%,1160px);margin-inline:auto}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:27px;font-weight:500;letter-spacing:-1px}.brand span,h1 span{color:var(--accent)}nav{display:flex;gap:34px;font-size:14px}nav a{padding:12px 0}.languages{display:flex;gap:16px}.languages button{border:0;background:none;padding:12px 0;color:var(--muted);font-size:14px;cursor:pointer}.languages button[aria-pressed=true]{color:var(--ink);text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--accent)}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.about{padding-top:65px;padding-bottom:140px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:9%;align-items:center}h1{font:400 clamp(68px,7.5vw,110px)/1 Georgia,'Times New Roman',serif;letter-spacing:-5px;margin:0 0 35px}.position{font-size:clamp(20px,1.8vw,25px);line-height:1.7;margin:0 0 36px}.bio{font-size:16px;line-height:1.9;color:var(--muted)}.bio p{margin:0}.bio .name{color:var(--ink);margin-bottom:10px}.location{font-size:14px;color:var(--muted);margin:36px 0 0}.hero{margin:0;aspect-ratio:5/6;background:var(--placeholder);overflow:hidden;display:grid;place-items:center}.hero img{width:100%;height:100%;object-fit:cover}.section-heading{padding-bottom:65px}h2{font-size:40px;font-weight:400;letter-spacing:-1.2px;line-height:1.2;margin:0}.section-heading p{font-size:16px;line-height:1.8;color:var(--muted);margin:17px 0 0}.pillar{margin-bottom:110px}.pillar-heading{padding-bottom:25px;margin-bottom:38px;border-bottom:1px solid var(--line)}.pillar-heading h3{font-size:26px;font-weight:400;letter-spacing:-.5px;margin:0 0 10px}.pillar-heading>span{display:block;font-size:14px;color:var(--muted)}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 42px}.work{min-width:0;display:grid;grid-template-rows:auto 1fr}.cover{width:100%;aspect-ratio:3/4;background:var(--placeholder);overflow:hidden;display:grid;place-items:center;margin:0}.cover img{height:100%;width:100%;object-fit:cover;display:block;transition:transform .55s ease}.work:hover .cover img{transform:scale(1.025)}.cover-placeholder{text-align:center;color:var(--muted);display:flex;flex-direction:column;gap:12px;font-size:14px}.cover-placeholder small{font-size:12px}.work-info{display:flex;flex-direction:column;align-items:flex-start;padding-top:25px;min-width:0}.category{font-size:13px;color:var(--accent);min-height:18px;margin:0 0 12px}.work h4{font-size:26px;font-weight:400;line-height:1.4;letter-spacing:-.4px;margin:0;overflow-wrap:anywhere;min-height:2.8em}.title-note{font-size:12px;color:var(--muted);margin:7px 0 0}.description{font-size:16px;color:var(--muted);line-height:1.8;margin:16px 0 0;min-height:3.6em}.metrics{display:flex;flex-wrap:wrap;gap:30px;margin:23px 0 0}.metrics dt{font-size:12px;color:var(--muted);margin-bottom:6px}.metrics dd{font-size:20px;margin:0}.details{display:flex;gap:14px 25px;padding:0;margin:20px 0 0}.details dt{font-size:12px;color:var(--muted);margin-bottom:6px}.details dd{font-size:14px;margin:0}.link-row{display:flex;align-items:center;flex-wrap:wrap;gap:13px;margin-top:auto;padding-top:24px}.work-link{font-size:14px;padding:6px 0;border-bottom:1px solid var(--ink)}.work-link:hover{border-color:var(--accent)}.work-link[aria-disabled=true]{color:#838791;border-color:#cdd0d5}.link-note{font-size:12px;color:var(--muted)}.contact{min-height:60svh;display:flex;flex-direction:column;border-top:1px solid var(--line)}.contact-body{flex:1;min-height:390px;display:flex;justify-content:space-between;align-items:center;padding:70px 0;gap:60px}.contact h2{font-size:clamp(36px,4vw,52px);letter-spacing:-1.5px}.contact p{font-size:16px;color:var(--muted);max-width:510px;line-height:1.9;margin:24px 0 0}.contact-details{min-width:280px}.email{font-size:20px;line-height:1.7}.socials{display:flex;flex-wrap:wrap;gap:22px;margin-top:25px;font-size:14px}.socials [aria-disabled=true],.missing{color:var(--muted)}.collaboration-tags{list-style:none;display:flex;gap:12px 22px;flex-wrap:wrap;padding:0;margin:32px 0 0;color:var(--muted);font-size:13px;max-width:480px}.collaboration-tags li:first-child{color:var(--accent)}footer{display:flex;justify-content:space-between;align-items:center;padding:25px 0 30px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}footer .brand{font-size:22px;color:var(--ink)}@media(max-width:900px){.shell{width:90%}.about{gap:6%;padding-top:45px;padding-bottom:100px}h1{font-size:76px}.content-grid{column-gap:30px}.contact-body{display:block;padding:60px 0}.contact-details{margin-top:38px}}@media(max-width:600px){header{min-height:105px;display:grid;grid-template-columns:1fr auto;gap:2px 16px;padding-block:18px}header .brand{font-size:25px}nav{grid-column:1/-1;grid-row:2;gap:26px}.languages{grid-column:2;grid-row:1;gap:14px}.about{grid-template-columns:1fr;gap:35px;padding-top:32px;padding-bottom:85px}h1{font-size:clamp(68px,17vw,94px);letter-spacing:-4px;margin-bottom:28px}.position{font-size:21px;margin-bottom:26px}.location{margin-top:25px}.section-heading{padding-bottom:42px}h2{font-size:32px}.pillar{margin-bottom:75px}.pillar-heading{margin-bottom:28px;padding-bottom:18px}.pillar-heading h3{font-size:23px}.content-grid{grid-template-columns:1fr;gap:42px}.work-info{padding-top:22px}.work h4{font-size:24px;min-height:0}.description{min-height:0}.contact-body{min-height:0;padding:55px 0}.contact h2{font-size:38px;letter-spacing:-1.2px}.contact-details{min-width:0;margin-top:38px}.email{font-size:18px}.collaboration-tags{gap:13px 20px;margin-top:26px}.metrics{gap:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Reference-aligned soft off-white system and two-column horizontal cases. */
:root{--paper:#f7f7f5;--ink:#1b1b1b;--muted:#77797d;--line:#dedfe1;--accent:#8a3a45;--placeholder:#f7f7f5}
body,header,main,footer,.about,.contents,.contact{background:var(--paper)}
.shell{width:min(88%,1240px)}
.pillar{margin-bottom:78px}
.pillar-heading{padding-top:26px;padding-bottom:0;margin-bottom:30px;border-top:1px solid var(--line);border-bottom:0}
.pillar-heading h3{margin-bottom:8px}
.content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 48px}
.work{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);grid-template-rows:auto;column-gap:26px;align-items:start}
.cover{width:100%;aspect-ratio:3/4;align-self:start;background:var(--paper);outline:1px solid var(--line);outline-offset:-1px}
.cover img{width:100%;height:100%;object-fit:cover}
.work-info{padding:0;min-height:100%;min-width:0}
.category{margin-bottom:10px;min-height:18px;font-size:13px}
.work h4{font-size:22px;line-height:1.45;min-height:2.9em;letter-spacing:-.3px}
.title-note{font-size:12px;margin-top:5px}
.description{font-size:16px;line-height:1.65;min-height:3.3em;margin-top:12px}
.metrics{display:flex;justify-content:flex-start;gap:22px;width:100%;border-top:1px solid var(--line);padding-top:12px;margin-top:16px}
.metrics>div{display:flex;flex-direction:column;min-width:0}
.metrics dd{order:-1;font-size:19px;line-height:1.3;margin-bottom:4px;overflow-wrap:anywhere}
.metrics dt{font-size:12px;margin:0}
.details{margin-top:12px}
.link-row{padding-top:18px;gap:9px}
.work-link{border-color:var(--accent);font-size:14px}
.work-link[aria-disabled=true]{border-color:#bd949b}
.link-note{font-size:12px}
@media(min-width:901px){.section-heading{padding-bottom:32px}}
@media(min-width:601px) and (max-width:1000px){.content-grid{column-gap:28px;row-gap:36px}.work{column-gap:18px}.work h4{font-size:20px}.metrics{gap:14px}}
@media(max-width:600px){.content-grid{grid-template-columns:1fr;gap:42px}.work{grid-template-columns:1fr;gap:0}.cover{width:100%}.work-info{padding-top:22px;min-height:0}.work h4{font-size:24px;min-height:0}.description{min-height:0}.pillar{margin-bottom:64px}.pillar-heading{padding-top:23px;margin-bottom:26px}.metrics{gap:28px}.link-row{padding-top:22px}}
/* Cover emphasis and a shared, quiet divider rhythm. */
:root{--section-divider:#e5e5e5}
@media(min-width:601px){.work{grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:20px}}
@media(min-width:601px) and (max-width:1000px){.work{column-gap:16px}}
.metrics{border-top:1px solid var(--section-divider);width:100%;margin-top:20px;padding-top:16px}
.contents{border-top:1px solid var(--section-divider);padding-top:64px}
.pillar-heading{border-top-color:var(--section-divider);padding-top:38px}
.contact{border-top-color:var(--section-divider)}
@media(max-width:600px){.contents{padding-top:42px}.pillar-heading{padding-top:30px}}
/* Final finish: pure white, black and neutral gray. Layout remains unchanged. */
:root{--paper:#ffffff;--ink:#111111;--muted:#666666;--line:#e5e5e5;--section-divider:#e5e5e5;--placeholder:#f4f4f4;--accent:#8a3a45}
body,header,main,footer,.about,.contents,.contact{background:#ffffff;color:var(--ink)}
.hero,.cover{background:var(--placeholder)}
.brand span,h1 span,.category,.collaboration-tags li:first-child{color:var(--ink)}
nav,.languages,.work-info,.metrics,.details,.socials,.collaboration-tags{font-family:Arial,'Microsoft YaHei','Malgun Gothic',sans-serif}
.work h4{font-family:inherit;font-weight:400}
.category,.title-note,.description,.link-note,.cover-placeholder,.location,.section-heading p,.pillar-heading>span,.contact p,.socials [aria-disabled=true],.missing{color:var(--muted)}
.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:100%;margin-top:20px;padding-top:16px;border-top:1px solid #e5e5e5;align-items:start}
.metrics>div{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.metrics dd{order:-1;font-family:inherit;font-size:20px;font-weight:400;font-variant-numeric:tabular-nums;line-height:1.3;color:var(--ink);margin:0 0 5px}
.metrics dt{font-family:inherit;font-size:12px;font-weight:400;line-height:1.4;color:var(--muted);margin:0}
.work-link{color:var(--ink);border-bottom-color:var(--ink)}
.work-link[aria-disabled=true]{color:var(--muted);border-bottom-color:#cccccc}
a:hover,.work-link:hover{color:var(--accent)}
.work-link:hover{border-bottom-color:var(--accent)}
footer{color:var(--muted)}
@media(max-width:600px){.metrics{gap:16px}}
/* Contents heading leads directly into the first pillar, without a rule. */
.contents .section-heading{padding-bottom:48px}
.works>.pillar:first-child>.pillar-heading{border-top:0;padding-top:0}
.works>.pillar+.pillar>.pillar-heading{border-top:1px solid #e5e5e5}
@media(max-width:600px){.contents .section-heading{padding-bottom:36px}}
/* Harmonized About type scale. */
.about h1{font-size:clamp(52px,5.35vw,76px);line-height:1.08;letter-spacing:-2.5px;margin-bottom:28px}
.about .position{font-size:clamp(19px,1.65vw,22px);line-height:1.65;margin-bottom:26px}
.about .bio{font-size:16px;line-height:1.85;max-width:510px}
.about .bio .name{margin-bottom:12px}
.about .location{font-size:14px;margin-top:28px}
@media(max-width:900px) and (min-width:601px){.about h1{font-size:clamp(42px,5.6vw,52px);letter-spacing:-1.7px}}
@media(max-width:600px){.about h1{font-size:clamp(42px,10.8vw,60px);line-height:1.1;letter-spacing:-1.6px;margin-bottom:24px}.about .position{font-size:19px;margin-bottom:24px}.about .bio{font-size:16px;line-height:1.85}.about .location{margin-top:25px}}
/* Precise About / Contact finishing adjustments. */
.about .position{margin-bottom:38px}
.about .bio{width:100%;max-width:none;font-size:16px;line-height:1.85}
.about .bio .name{margin-bottom:0;line-height:1.85}
.about .location{margin-top:36px}
.contact h2{font-size:clamp(36px,3.1vw,42px);line-height:1.2;letter-spacing:-1px}
.contact p{font-size:19px;line-height:1.75;margin-top:28px}
.contact .collaboration-tags{margin-top:34px;gap:12px 22px;color:var(--muted)}
.contact .collaboration-tags li:first-child{color:var(--muted)}
.email{display:inline-flex;align-items:center;gap:10px;font-size:19px}
.mail-icon{flex:none;color:var(--ink)}
.socials{gap:0;font-size:15px;align-items:center}
.socials>a+a::before{content:'·';display:inline-block;margin:0 12px;color:var(--muted);pointer-events:none}
@media(max-width:600px){.about .position{margin-bottom:32px}.about .bio{font-size:16px;line-height:1.85}.about .location{margin-top:32px}.contact h2{font-size:32px;line-height:1.25}.contact p{font-size:18px;margin-top:26px}.contact .collaboration-tags{margin-top:30px}.email{font-size:18px}.socials{font-size:14px}.socials>a+a::before{margin:0 10px}}
/* Final precision pass: lighter signatures and compact Contact. */
header .brand{font-family:Arial,'Microsoft YaHei','Malgun Gothic',sans-serif;font-size:17px;font-weight:400;letter-spacing:0}
.contact{min-height:0}
.contact-body{min-height:0;flex:initial;padding:42px 0 38px}
.contact h2{font-size:22px;line-height:1.5;letter-spacing:-.2px;font-weight:400}
.contact p{font-size:19px;line-height:1.7;margin-top:14px}
.contact .collaboration-tags{margin-top:22px}
.contact footer{position:relative;border-top:0;padding-top:23px;padding-bottom:25px}
.contact footer::before{content:'';position:absolute;top:0;left:12.5%;width:75%;height:1px;background:#e5e5e5}
.contact footer .brand{font-family:Arial,'Microsoft YaHei','Malgun Gothic',sans-serif;font-size:15px;font-weight:400;letter-spacing:0;color:var(--muted)}
@media(max-width:600px){header .brand{font-size:17px}.contact-body{padding:32px 0 30px}.contact h2{font-size:21px;line-height:1.5}.contact p{font-size:18px;margin-top:12px}.contact .collaboration-tags{margin-top:20px}.contact footer .brand{font-size:15px}}
/* Align Footer divider with the same edges as its signature and copyright. */
.contact footer::before{left:0;width:100%}
/* Preserve the requested Korean lines and the portrait's lower framing. */
.ko-line{display:block;white-space:nowrap}
.hero img{object-fit:cover;object-position:center bottom}
/* About: show the complete original portrait without cropping at any breakpoint. */
.about .hero{aspect-ratio:auto;display:block;height:auto}
.about .hero img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
/* Keep Korean sentence endings attached to their words. */
.about .ko-sentence{display:block;word-break:keep-all;overflow-wrap:normal;text-wrap:pretty}
/* Personal Stories only: preserve editorial line breaks and compact information. */
html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) h4,html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{white-space:pre-line}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .category:empty{display:none}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-info{min-height:0}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{margin-top:10px}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .metrics{margin-top:14px;padding-top:12px}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .link-row{margin-top:0;padding-top:12px}
@media(min-width:1200px){html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) h4{font-size:19px}html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{font-size:14px}}
/* Personal Stories only: strengthen text relative to the unchanged covers. */
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{font-size:26px;line-height:1.45}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{font-size:18px;line-height:1.65}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .metrics dd{font-size:22px}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-link{font-size:16px}
@media(min-width:1200px){html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) h4{font-size:22.5px}html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{font-size:16px}}
@media(min-width:601px) and (max-width:1000px){:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{font-size:23.5px}}
@media(max-width:600px){:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{font-size:28px}}
/* Align Personal Stories information to the full height of its cover. */
@media(min-width:601px){
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work{align-items:stretch}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-info{align-self:stretch;min-height:100%;display:flex;flex-direction:column;padding:0}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{min-height:0;margin:0}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{min-height:0;margin-top:16px}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .metrics{margin-top:auto;padding-top:16px}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .link-row{margin-top:0;padding-top:18px;padding-bottom:0}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-link{padding-bottom:4px}
}
/* Personal Stories: match the unchanged cover height and anchor the final link. */
@media(min-width:601px){
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-info{aspect-ratio:3/4;min-height:0;align-self:start;justify-content:space-between;gap:10px}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{margin:0;line-height:1.35}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{margin:0;line-height:1.6}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .metrics{margin-top:0;padding-top:12px;flex-shrink:0}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .link-row{margin-top:auto;padding-top:0;flex-shrink:0}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-link{padding-top:0;padding-bottom:0;line-height:1.4}
}

/* Personal Stories Chinese titles: text sizing only. */
html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{font-size:clamp(12px,1.54vw,21px);letter-spacing:0}
@media(max-width:600px){html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{font-size:clamp(18px,5.8vw,28px)}}
/* Personal Stories: redistribute vertical spacing without moving the endpoints. */
@media(min-width:601px){
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-info{gap:6px}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{margin-bottom:8px}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{margin-bottom:4px}
}
/* Personal Stories: compact information group, centered slightly above midpoint. */
@media(min-width:601px){
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work{align-items:center}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-info{height:auto;min-height:0;aspect-ratio:auto;align-self:center;justify-content:flex-start;gap:0;transform:translateY(-6px)}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4{margin:0}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description{margin-top:12px;margin-bottom:0}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .metrics{margin-top:14px}
 :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .link-row{margin-top:0;padding-top:8px}
}
@media(min-width:601px){:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .cover{align-self:center}}
/* Personal Stories link-only offset: no reflow of the information above. */
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .link-row{position:relative;top:20px}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-link{display:inline-flex;align-items:center;gap:6px}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .click-icon{flex:none;color:#333;vertical-align:middle}

/* Retain the supplied Korean and Chinese paragraph breaks in Career. */
.pillar-career h4,.pillar-career .description{white-space:pre-line}

.pillar-brands h4,.pillar-brands .description{white-space:pre-line}

.pillar-organic h4,.pillar-organic .description{white-space:pre-line}
/* Seoul Dal Chinese only: optical opening-bracket alignment and three exact lines. */
html[lang="zh-CN"] .pillar-organic .work:first-child h4{text-indent:-.5em;padding-left:0;margin-left:0;hanging-punctuation:none}
html[lang="zh-CN"] .pillar-organic .work:first-child .description{white-space:pre}

/* Restrained interactions on the restored design; hero typography is unchanged. */
.category-nav {
  display:flex;
  flex-wrap:wrap;
  gap:6px 26px;
  margin: -18px 0 36px;
  font-size:14px;
  line-height:1.5;
}
.category-nav a {
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 0;
  color:var(--muted);
  border-bottom:1px solid transparent;
}
.category-nav a[aria-current="location"] {
  color:var(--ink);
  border-bottom-color:var(--ink);
}
.category-nav a:hover {color:var(--ink)}
.pillar {scroll-margin-top:30px}
.work {position:relative;isolation:isolate}
.project-open {
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  border:0;
  border-radius:0;
  background:transparent;
  cursor:pointer;
}
.project-open:focus-visible {outline:2px solid var(--ink);outline-offset:6px}
.work .work-link {position:relative;z-index:2;min-height:44px;align-items:center}
.work .cover img {
  object-fit:contain;
  transform:scale(.985);
  transition:transform .3s ease;
}
.work:hover .cover img {transform:scale(.985)}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
  .work:hover .cover img {transform:scale(1)}
  .work-link:hover {text-underline-offset:5px}
}
:is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .link-row {
  top:0;
  padding-top:16px;
}
/* Wrapping preserves supplied line breaks without forcing overflowing lines. */
html[lang="zh-CN"] .pillar-organic .work:first-child .description {white-space:pre-line}
html[lang="ko"] .work-info {word-break:keep-all;overflow-wrap:anywhere}
.metrics dt,.metrics dd {overflow-wrap:anywhere}
nav a,.languages button {min-height:44px}
a:focus-visible,button:focus-visible {outline-color:var(--ink)}
body.detail-open {overflow:hidden}
#project-detail {
  width:min(900px,calc(100% - 40px));
  max-height:calc(100dvh - 40px);
  padding:0 28px 28px;
  border:1px solid var(--line);
  border-radius:0;
  background:#fff;
  color:var(--ink);
  overscroll-behavior:contain;
}
#project-detail::backdrop {background:rgb(0 0 0 / .45)}
.detail-toolbar {
  position:sticky;
  top:0;
  z-index:1;
  display:flex;
  justify-content:flex-end;
  padding-block:8px;
  background:#fff;
}
#detail-close {
  min-height:44px;
  padding:8px 12px;
  border:0;
  background:#fff;
  color:var(--ink);
  font-size:14px;
  text-decoration:underline;
  text-underline-offset:5px;
  cursor:pointer;
}
.detail-content {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;align-items:start}
.detail-cover {margin:0;min-width:0}
.detail-cover img {display:block;width:100%;height:auto;object-fit:contain}
.detail-copy {min-width:0;word-break:normal;overflow-wrap:anywhere}
html[lang="ko"] .detail-copy {word-break:keep-all}
.detail-category {font-size:14px;color:var(--muted);margin:0 0 14px}
#detail-title {font:400 25px/1.5 Arial,'Microsoft YaHei','Malgun Gothic',sans-serif;letter-spacing:0;white-space:pre-line;margin:0}
.detail-description {font-size:16px;line-height:1.85;white-space:pre-line;color:var(--muted);margin:20px 0 0}
.detail-copy .metrics {grid-template-columns:repeat(auto-fit,minmax(65px,1fr));gap:12px;margin:24px 0}
.detail-original {display:inline-flex;min-height:44px;flex-direction:column;justify-content:center;font-size:16px;text-decoration:underline;text-underline-offset:5px;line-height:1.7}
.detail-link-note {font-size:12px;color:var(--muted);text-decoration:none;margin-top:4px}
@media (min-width:601px) and (max-width:1000px) {
  .content-grid {grid-template-columns:1fr;row-gap:42px}
  .work {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);column-gap:28px}
  html[lang="zh-CN"] :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work h4 {font-size:22px}
  :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description {font-size:16px}
}
@media (max-width:600px) {
  header nav {flex-wrap:wrap;gap:4px 24px}
  .category-nav {gap:4px 20px;margin:-8px 0 28px}
  .category-nav a {padding-block:10px}
  :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .work-info {transform:none}
  :is(.pillar-personal,.pillar-career,.pillar-brands,.pillar-organic) .description {font-size:16px;line-height:1.8}
  .metrics {gap:12px}
  .contact-details {min-width:0}
  .email {overflow-wrap:anywhere;max-width:100%;min-height:44px}
  .socials a {display:inline-flex;align-items:center;min-height:44px}
  #project-detail {width:calc(100% - 24px);max-height:calc(100dvh - 24px);padding:0 18px 24px}
  .detail-content {grid-template-columns:minmax(0,1fr);gap:24px}
  .detail-cover {max-width:340px;justify-self:center;width:100%}
  #detail-title {font-size:22px}
}
@media (prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  .work .cover img,.work:hover .cover img {transform:none;transition:none}
}
.category-nav {position:sticky;top:0;z-index:5;background:var(--paper);padding-block:6px}
.pillar {scroll-margin-top:calc(var(--category-nav-height,100px) + 12px)}
/* Keep original links above the card target, including transformed info panels. */
.work .work-info {position:relative;z-index:2;pointer-events:none}
.work .work-link {pointer-events:auto}

/* Selected Works only: compact, three/two/one-card looping carousel. */
.selected-works {padding-bottom:56px}
.selected-heading {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:64px 0 32px;border-top:1px solid var(--line)}
.selected-controls {display:flex;align-items:center;gap:8px;flex-shrink:0}
.selected-progress {font-size:13px;line-height:1.5;font-variant-numeric:tabular-nums;color:var(--muted);min-width:52px;margin-right:12px}
.selected-controls button {display:grid;place-items:center;width:44px;height:44px;padding:0;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:0;cursor:pointer;transition:opacity .3s ease,border-color .3s ease}
.selected-controls button:disabled {opacity:.3;cursor:default}
.selected-controls button:not(:disabled):hover {border-color:var(--ink)}
.selected-grid {--card-width:calc((100% - 48px) / 3);position:relative;display:flex;gap:24px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding-block:6px 18px;scroll-padding-inline:0}
.selected-grid::-webkit-scrollbar {display:none}
.selected-grid.is-animating {scroll-snap-type:none}
.selected-project {display:block;flex:0 0 var(--card-width);min-width:0;scroll-snap-align:start;color:var(--ink);text-decoration:none}
.selected-project:hover {color:var(--ink)}
.selected-project:focus-visible {outline:2px solid var(--ink);outline-offset:-2px}
.selected-grid:focus-visible {outline:2px solid var(--ink);outline-offset:5px}
.selected-image {margin:0;width:88%;aspect-ratio:3/4;overflow:hidden;background:#fff}
.selected-image img {display:block;width:100%;height:100%;object-fit:contain;transition:transform .3s ease;transform:scale(1)}
.selected-caption {padding-top:12px;min-width:0}
.selected-category {margin:0 0 6px;font-size:13px;line-height:1.5;min-height:1.5em;color:var(--muted)}
.selected-caption h3 {font:400 20px/1.5 Arial,'Microsoft YaHei','Malgun Gothic',sans-serif;letter-spacing:0;margin:0;white-space:pre-line;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;height:3em}
html[lang="ko"] .selected-caption h3 {word-break:keep-all}
.selected-link {display:inline-flex;align-items:center;min-height:44px;margin-top:4px;font-size:14px;line-height:1.5;text-decoration:underline;text-underline-offset:6px;color:var(--ink)}
@media(hover:hover) and (prefers-reduced-motion:no-preference) {
  .selected-project:hover .selected-image img {transform:scale(1.03)}
}
@media(max-width:1023px) and (min-width:768px) {
  .selected-grid {--card-width:calc((100% - 24px) / 2)}
}
@media(max-width:767px) {
  .selected-works {padding-bottom:48px}
  .selected-heading {align-items:flex-start;flex-wrap:wrap;padding:42px 0 24px;gap:12px}
  .selected-heading h2 {font-size:30px}
  .selected-controls {margin-left:auto}
  .selected-grid {--card-width:100%}
  .selected-image,.selected-caption {margin-inline:0}
  .selected-caption h3 {font-size:18px}
}
@media(prefers-reduced-motion:reduce) {
  .selected-grid {scroll-behavior:auto}
  .selected-image img {transform:none;transition:none}
  .selected-controls button {transition:none}
}

/* Contact inquiry form only. */
.contact .contact-details {min-width:0;width:100%;margin:0}
.contact .inquiry-form {display:grid;gap:22px;margin:0;font-family:Arial,'Microsoft YaHei','Malgun Gothic',sans-serif}
.contact .inquiry-row {display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contact .inquiry-form label {display:grid;gap:9px;font-size:14px;line-height:1.6;min-width:0}
.contact .inquiry-form input,.contact .inquiry-form select,.contact .inquiry-form textarea {box-sizing:border-box;width:100%;min-width:0;padding:12px;background:#fff;color:#111;border:1px solid #ccc;border-radius:0;font:inherit;font-size:16px;line-height:1.5}
.contact .inquiry-form textarea {resize:vertical;min-height:140px}
.contact .inquiry-form :is(input,select,textarea):focus-visible {outline:2px solid #111;outline-offset:2px}
.contact .inquiry-form button {justify-self:start;background:#111;color:#fff;padding:13px 22px;border:1px solid #111;font:inherit;font-size:14px;cursor:pointer;transition:background .2s,color .2s}
.contact .inquiry-form button:hover {background:#fff;color:#111}
.contact .inquiry-form button:focus-visible {outline:2px solid #111;outline-offset:3px}
.contact .inquiry-form .inquiry-note {font-size:13px;line-height:1.6;margin:0;color:#666}


/* Compact Contact email and text-only social links. */
.contact .email {display:inline-flex;gap:6px;align-items:center;padding:0}
.contact .email .mail-icon {width:18px;height:18px;flex:0 0 18px;margin:0;padding:0}
.contact .socials {margin-top:24px;gap:24px}
.contact .socials>a+a::before {content:none}
.contact .socials a {text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:4px;transition:text-decoration-color .2s ease}
.contact .socials a:hover,.contact .socials a:focus-visible {text-decoration-color:currentColor}

/* Contact information and inquiry form share a top-aligned grid. */
.contact .contact-body {display:grid;grid-template-columns:40% minmax(0,1fr);column-gap:48px;row-gap:36px;align-items:start;justify-content:normal;min-height:0;height:auto}
.contact .contact-info {min-width:0;text-align:left}
.contact .contact-info h2 {margin-top:0}
.contact .contact-direct {border-top:1px solid var(--line);margin-top:28px;padding-top:22px}
.contact .contact-direct .contact-touch {margin:0 0 14px;font-size:14px;color:inherit}
@media(max-width:767px){.contact .contact-body{grid-template-columns:minmax(0,1fr);gap:36px}.contact .inquiry-row{gap:16px}}

/* Approved Contact reference proportions, scoped to Contact. */
.contact .contact-body {padding-block:72px 56px}
.contact .contact-info {padding-top:0}
.contact .contact-info h2 {font-size:clamp(32px,3.5vw,50px);line-height:1.15;letter-spacing:-1.3px;margin-bottom:0}
.contact .contact-info > p {margin-top:34px;line-height:1.75}
.contact .collaboration-tags {margin-top:28px;gap:16px 32px;font-size:15px}
.contact .contact-direct {margin-top:64px;padding-top:28px}
.contact .contact-direct .contact-touch {font-size:20px;margin-bottom:22px}
.contact .socials {gap:0;margin-top:24px;font-size:17px}
.contact .socials>a+a::before {content:'·';display:inline-block;margin:0 18px;pointer-events:none}
.contact .contact-details {position:relative;padding-block:0}
.contact .contact-details::before {content:'';position:absolute;left:-24px;top:-36px;bottom:-36px;width:1px;background:var(--line)}
.contact .inquiry-form {gap:26px}
.contact .inquiry-form label {font-size:16px;gap:12px}
.contact .inquiry-form input,.contact .inquiry-form select,.contact .inquiry-form textarea {padding:14px;font-size:17px}
.contact .inquiry-form textarea {height:150px;min-height:150px}
.contact .inquiry-form button {font-size:17px;padding:15px 28px}
.contact .inquiry-form .inquiry-note {font-size:15px}
@media(max-width:767px){.contact .contact-body{padding-block:40px 28px}.contact .contact-info{padding-top:0}.contact .contact-info h2{font-size:34px}.contact .contact-direct{margin-top:32px}.contact .contact-details::before{display:none}.contact .socials>a+a::before{margin-inline:12px}.contact .inquiry-form{gap:22px}}
.contact .contact-direct #email {display:flex;align-items:center}