@font-face{font-family:Geist;src:url('/assets/geist-regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Geist;src:url('/assets/geist-semibold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:EigenKorean;src:url('/assets/eigen-korean.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
:root{--paper:#fff;--ink:#171717;--muted:#686868;--line:#e3e3e3;--soft:#f4f4f4;--sans:Geist,-apple-system,BlinkMacSystemFont,Arial,sans-serif;--gutter:clamp(24px,4.5vw,96px);--max:1440px;--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.6 var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;border:0;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline:3px solid #147bd1;outline-offset:5px}button:focus:not(:focus-visible){outline:none}img{display:block;max-width:100%}em{font-style:normal}::selection{background:#badcf0;color:#142934}.wrap{width:calc(100% - var(--gutter)*2);max-width:var(--max);margin-inline:auto}.skip-link{position:fixed;left:20px;top:-100px;padding:14px 20px;background:var(--ink);color:#fff;z-index:100}.skip-link:focus{top:15px}
.site-header{position:sticky;top:0;z-index:20;background:#fffffff0;backdrop-filter:blur(18px)}.global-nav{display:flex;align-items:center;gap:clamp(35px,6vw,100px);min-height:86px;padding:14px 32px;max-width:1920px;margin:auto}.wordmark{display:flex;align-items:center;gap:9px;font-size:1.7rem;letter-spacing:-.06em;font-weight:600;white-space:nowrap}.wordmark svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.wordmark>span{margin-left:-9px}.site-header nav{display:flex;gap:clamp(24px,3vw,48px);align-items:center}.site-header nav a{font-size:1rem;color:#414141;transition:color .2s}.site-header nav a:hover{color:#000;text-decoration:underline;text-underline-offset:5px}.header-contact{margin-left:auto}.pill{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:12px 23px;border:1px solid var(--ink);border-radius:100px;font-size:.9375rem;line-height:1.4;transition:background .25s,color .25s}.primary{background:var(--ink);color:white}.primary:hover{background:#393939}.outline{background:transparent;color:var(--ink)}.outline:hover{background:var(--soft)}.pill>span{font-size:1.15rem;line-height:1;transition:transform .25s}.pill:hover>span{transform:translate(2px,-2px)}
.hero{padding-top:clamp(55px,6.5vw,112px)}.hero-copy{text-align:center}.eyebrow{font-size:.875rem;line-height:1.6;color:var(--muted);letter-spacing:.015em}.hero .eyebrow{margin-bottom:25px}.hero h1{font-size:clamp(2.6rem,5.9vw,6rem);line-height:1.045;letter-spacing:-.058em;text-wrap:balance}.hero-description{font-size:clamp(1.125rem,1.55vw,1.375rem);line-height:1.5;color:#595959;letter-spacing:-.025em;margin:28px auto 0}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-art{position:relative;height:clamp(340px,37vw,590px);margin-top:65px;border-radius:12px;overflow:hidden;background:#34617a;isolation:isolate}.hero-image-frame{position:absolute;inset:0;overflow:hidden}.hero-image-frame img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.035)}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#051620b3);pointer-events:none}.hero-art figcaption{position:absolute;inset:auto 38px 33px;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:25px;color:#fff;font-size:1.125rem;line-height:1.5}.image-down{width:48px;height:48px;flex-shrink:0;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;font-size:1.4rem;transition:background .3s}.image-down:hover{background:#ffffff30}.series-nav{display:flex;justify-content:space-between;align-items:center;gap:30px;padding:29px 0;border-bottom:1px solid var(--line)}.series-nav>span{font-size:.875rem;color:var(--muted)}.series-nav nav{display:flex;flex-wrap:wrap;gap:30px}.series-nav a{font-size:1rem;letter-spacing:-.025em}.series-nav a:hover{text-decoration:underline;text-underline-offset:5px}
.section-space{padding-top:clamp(80px,9vw,150px);padding-bottom:clamp(80px,9vw,150px)}.section-intro{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:54px}.section-intro .eyebrow{margin-bottom:18px}h2{font-size:clamp(2.375rem,4.2vw,4.5rem);line-height:1.09;letter-spacing:-.05em;text-wrap:balance}.section-intro>p{font-size:1.0625rem;color:var(--muted);line-height:1.5;margin-bottom:4px}.work-section{padding-bottom:0;overflow:hidden}.carousel-controls{display:flex;gap:10px;padding-bottom:5px}.round-control{width:48px;height:48px;border-radius:50%;background:var(--soft);font-size:1.5rem;display:grid;place-items:center;line-height:1;transition:background .2s,color .2s}.round-control:hover:not(:disabled){background:var(--ink);color:white}.round-control:disabled{opacity:.32;cursor:default}.project-track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--gutter),calc((100vw - var(--max))/2));padding:6px max(var(--gutter),calc((100vw - var(--max))/2)) 14px;scrollbar-width:none}.project-track::-webkit-scrollbar{display:none}.project-card{flex:0 0 min(42vw,620px);min-width:0;scroll-snap-align:start;scroll-margin-top:110px}.project-cover{position:relative;display:block;width:100%;height:clamp(430px,43vw,635px);padding:0;overflow:hidden;background:#315263;border-radius:12px;text-align:left;color:white;isolation:isolate}.project-cover img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}.project-cover:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#07151ac7,transparent 49%,#06121bba);z-index:0}.project-cover:hover img{transform:scale(1.045)}.photo-title{position:absolute;inset:32px 66px auto 32px;font-size:clamp(1.625rem,2.25vw,2.25rem);line-height:1.17;letter-spacing:-.04em;z-index:1;text-wrap:balance}.photo-arrow{position:absolute;top:30px;right:28px;font-size:1.9rem;line-height:1;z-index:1;transition:transform .3s}.project-cover:hover .photo-arrow{transform:translate(3px,-3px)}.photo-bottom{position:absolute;left:32px;right:32px;bottom:29px;z-index:1;display:flex;flex-direction:column;gap:2px}.photo-brand{font-size:2.2rem;line-height:1.2;letter-spacing:-.06em}.photo-bottom>span:last-child{font-size:.875rem;color:#ffffffe6}.lyric-panel img{object-position:52% center}.cardnews-panel img{object-position:center 50%}.chef-panel img{object-position:59% center}.knot-panel img{object-position:88% center}.product-caption{padding:22px 2px 0;display:flex;flex-direction:column;align-items:flex-start;gap:15px}.product-caption p{font-size:1.125rem;line-height:1.5;color:#4e4e4e;max-width:31rem}.product-link{display:inline-flex;align-items:center;gap:24px;font-size:.9375rem;padding:7px 0;border-bottom:1px solid #c9c9c9}.product-link:hover{border-color:var(--ink)}.track-footer{display:flex;justify-content:space-between;gap:20px;padding-top:23px;color:var(--muted);font-size:.875rem}.track-footer>span:last-child{font-variant-numeric:tabular-nums}
.writing-section{padding-bottom:0}.essay-feature{display:grid;grid-template-columns:1.3fr 1fr;gap:clamp(40px,5vw,85px);align-items:center}.essay-art{display:block;width:100%;aspect-ratio:1.3;position:relative;overflow:hidden;background:#385159;border-radius:12px;text-align:left;color:#fff;padding:0;isolation:isolate}.essay-art img{width:100%;height:100%;object-fit:cover;object-position:38% center;transition:transform 1s var(--ease)}.essay-art:after{content:'';position:absolute;inset:0;background:#10283178;z-index:0}.essay-art:hover img{transform:scale(1.04)}.essay-art-type{position:absolute;inset:12% 7% auto;font-size:clamp(3rem,6.7vw,7.25rem);line-height:1.02;letter-spacing:-.06em;z-index:1}.essay-art-label{position:absolute;bottom:7%;left:7%;z-index:1;font-size:.875rem}.essay-copy .eyebrow{margin-bottom:24px}.essay-copy h3{font-size:clamp(2.2rem,3.3vw,3.625rem);line-height:1.1;letter-spacing:-.045em}.essay-copy>p:not(.eyebrow){font-size:1.125rem;line-height:1.65;color:#595959;max-width:32rem;margin-top:22px}.essay-copy>.pill{margin-top:29px}
.about-section{padding-bottom:125px}.about-approach{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);grid-template-areas:"heading steps" "links steps";grid-template-rows:auto 1fr;column-gap:clamp(36px,6vw,96px);row-gap:28px;align-items:start}.approach-heading{grid-area:heading;min-width:0}.approach-heading .eyebrow{margin-bottom:22px}.approach-list{grid-area:steps;list-style:none;margin:0;padding:4px 0 0;min-width:0}.approach-list li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px}.approach-list li+li{margin-top:24px;padding-top:24px;border-top:1px solid var(--line)}.approach-list li>span{padding-top:4px;font-size:.875rem;color:var(--muted);font-variant-numeric:tabular-nums}.approach-list h3{font-size:clamp(1.375rem,2vw,1.625rem);line-height:1.3;letter-spacing:-.04em}.approach-list p{font-size:1rem;line-height:1.6;color:#626262;margin-top:8px}.approach-links{grid-area:links;display:flex;align-items:center;flex-wrap:wrap;gap:12px 26px;min-width:0}.approach-links [lang="ko"]{font-family:Geist,EigenKorean,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}
.contact-section{background:#f4f4f2;padding:82px 0 30px}.contact-row{display:flex;justify-content:space-between;align-items:flex-end;gap:35px}.contact-row .eyebrow{margin-bottom:22px}.contact-row h2{font-size:clamp(2.7rem,5.8vw,6rem);line-height:1.05;letter-spacing:-.055em}.contact-row>.pill{margin-bottom:5px;flex-shrink:0}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:85px;padding-top:28px;border-top:1px solid #d8d8d6;font-size:.875rem;color:#626262}.footer-wordmark{font-size:1.75rem;font-weight:600;letter-spacing:-.07em;color:var(--ink)}.footer-bottom>a:last-child{white-space:nowrap}.footer-bottom>a:last-child:hover{text-decoration:underline}
.detail-dialog{padding:0;border:0;border-radius:14px;width:min(830px,calc(100% - 32px));max-height:88dvh;color:var(--ink);background:#fff;box-shadow:0 35px 100px #080d2840;overscroll-behavior:contain}.detail-dialog::backdrop{background:#1111118c;backdrop-filter:blur(8px)}.dialog-top{position:sticky;top:0;background:#fffffff5;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 28px;border-bottom:1px solid var(--line);z-index:1}.dialog-brand{font-size:.875rem;color:var(--muted)}.dialog-close{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--soft);font-size:1.75rem;line-height:1}.dialog-close:hover{background:#e7e7e7}.dialog-content{padding:42px 50px 50px}.dialog-content .eyebrow{color:var(--muted);font-size:.875rem;margin-bottom:20px}.dialog-content h2{font-size:clamp(2.3rem,4vw,3.5rem);line-height:1.09;letter-spacing:-.045em;overflow-wrap:anywhere}.dialog-content h2:focus{outline:none}.dialog-content p{font-size:1.0625rem;color:#626262;line-height:1.8;margin:18px 0}.dialog-content .dialog-lead{font-size:1.5rem;line-height:1.5;color:var(--ink);letter-spacing:-.025em;margin-bottom:30px}.dialog-content h3{font-size:1.125rem;line-height:1.4;margin-top:29px;font-weight:600}.dialog-actions{border-top:1px solid var(--line);margin-top:34px;padding-top:24px;display:flex;gap:15px;align-items:center;flex-wrap:wrap}.button-blue{display:inline-flex;align-items:center;gap:20px;background:var(--ink);color:white;min-height:48px;padding:12px 21px;border-radius:60px;font-size:.9375rem}.button-blue:hover{background:#393939}.essay-body .essay-signoff{font-size:1.375rem;color:var(--ink);letter-spacing:-.03em;margin-top:32px}
@media(prefers-reduced-motion:no-preference){.reveal.is-pending{opacity:0;transform:translateY(20px)}.reveal{transition:opacity .75s var(--ease),transform .75s var(--ease)}.hero-copy{animation:hero-enter .85s var(--ease) both}@keyframes hero-enter{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}}
@media(min-width:1800px){.project-card{flex-basis:620px}}
@media(max-width:1000px){.global-nav{gap:40px;padding-inline:var(--gutter)}.project-card{flex-basis:57vw}.photo-title{font-size:1.875rem}.project-cover{height:510px}.series-nav nav{gap:20px}.essay-feature{gap:35px;grid-template-columns:1.1fr 1fr}.essay-copy h3{font-size:2.5rem}.footer-bottom{flex-wrap:wrap}.footer-wordmark{margin-right:20px}}
@media(max-width:700px){html{scroll-padding-top:90px}.global-nav{min-height:75px;gap:24px;justify-content:space-between;padding:14px var(--gutter)}.wordmark{font-size:1.4rem}.wordmark svg{width:18px;height:18px}.site-header nav{gap:20px}.site-header nav a{font-size:.875rem}.header-contact{display:none}.hero{padding-top:50px}.hero .eyebrow{margin-bottom:20px}.hero h1{font-size:clamp(2.3rem,7.5vw,3.75rem);line-height:1.085;letter-spacing:-.055em}.hero-description{font-size:1.0625rem;margin-top:24px}.hero-actions{gap:10px;margin-top:26px}.pill{font-size:.875rem;min-height:46px;padding:11px 19px;gap:13px}.hero-art{margin-top:43px;height:370px;border-radius:10px}.hero-image-frame img{object-position:51% center}.hero-art figcaption{inset:auto 21px 21px;font-size:.9375rem;gap:15px}.image-down{width:44px;height:44px}.series-nav{display:block;padding:25px 0}.series-nav nav{margin-top:13px;gap:10px 23px}.series-nav a{font-size:.9375rem}.section-space{padding-top:78px;padding-bottom:78px}.section-intro{gap:20px;margin-bottom:33px;align-items:flex-end}.section-intro .eyebrow{margin-bottom:15px}h2{font-size:clamp(2.125rem,6.5vw,3rem)}.round-control{width:42px;height:42px;font-size:1.3rem}.carousel-controls{gap:7px;flex-shrink:0;align-self:flex-end;padding:0}.work-section{padding-bottom:0}.work-section .section-intro{flex-wrap:wrap}.project-track{gap:16px}.project-card{flex-basis:82vw}.project-cover{height:460px;border-radius:10px}.photo-title{inset:26px 57px auto 24px;font-size:1.75rem;line-height:1.18}.photo-arrow{top:24px;right:23px;font-size:1.625rem}.photo-bottom{left:24px;right:24px;bottom:23px}.photo-brand{font-size:1.875rem}.photo-bottom>span:last-child{font-size:.875rem}.product-caption{padding-top:18px;gap:10px}.product-caption p{font-size:1rem}.track-footer{font-size:.875rem;padding-top:19px;gap:12px}.writing-section{padding-bottom:0}.writing-section .section-intro{display:block}.section-intro>p{margin-top:22px;font-size:1rem}.essay-feature{grid-template-columns:1fr;gap:28px}.essay-art{aspect-ratio:1.25}.essay-art-type{font-size:clamp(3.75rem,13vw,6.5rem)}.essay-copy .eyebrow{font-size:.875rem;margin-bottom:18px}.essay-copy h3{font-size:2.5rem}.essay-copy>p:not(.eyebrow){font-size:1.0625rem;margin-top:19px}.essay-copy>.pill{margin-top:22px}.about-approach{grid-template-columns:1fr;grid-template-areas:"heading" "steps" "links";grid-template-rows:auto;row-gap:30px}.approach-list{padding:0}.approach-list li{column-gap:16px}.approach-list li+li{margin-top:20px;padding-top:20px}.approach-heading .eyebrow{margin-bottom:18px}.approach-links{gap:12px 24px}.contact-section{padding:58px 0 28px}.contact-row{display:block}.contact-row h2{font-size:clamp(2.65rem,8.5vw,4.25rem)}.contact-row>.pill{margin-top:28px}.footer-bottom{display:grid;grid-template-columns:1fr auto;gap:18px;margin-top:56px;font-size:.875rem}.footer-wordmark{font-size:1.6rem}.footer-bottom>span:first-of-type{grid-row:2;grid-column:1/-1}.footer-bottom>span:nth-of-type(2){grid-row:3}.footer-bottom>a:last-child{grid-row:3;grid-column:2}.dialog-top{padding:13px 19px}.dialog-brand{font-size:.875rem}.dialog-content{padding:30px 24px 35px}.dialog-content .dialog-lead{font-size:1.25rem}.dialog-content p{font-size:1rem}.dialog-actions{gap:12px}}
@media(max-width:390px){:root{--gutter:20px}.global-nav{gap:16px}.wordmark{font-size:1.25rem;gap:5px}.wordmark svg{display:none}.site-header nav{gap:16px}.hero h1{font-size:2.3rem}.hero-art{height:340px}.hero-art figcaption{font-size:.875rem}.project-cover{height:430px}.photo-title{font-size:1.5rem}.photo-brand{font-size:1.75rem}.section-intro h2{font-size:2.1rem}.track-footer{font-size:.875rem}.footer-bottom{column-gap:12px}.dialog-brand{max-width:200px}}
.global-nav,.site-header nav{flex-wrap:wrap}.wordmark{gap:0}.wordmark svg{margin-right:8px}.wordmark>span{margin-left:0}.project-cover{min-height:26rem}.essay-art{min-height:20rem}.essay-art img{position:absolute;inset:0}.photo-title,.photo-brand{overflow-wrap:anywhere}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}


.writing-label{margin-bottom:23px}.book-row{display:grid;grid-template-columns:156px minmax(0,1fr) auto;align-items:center;gap:32px;scroll-margin-top:110px}.book-row-photo{width:156px;overflow:hidden;border-radius:8px;background:#d6d9d6}.book-row-photo img{width:100%;height:auto;filter:saturate(.55) brightness(.88) contrast(.94)}.book-row-copy{min-width:0}.book-row-copy>.eyebrow{margin-bottom:12px;font-family:Geist,EigenKorean,-apple-system,BlinkMacSystemFont,'Apple SD Gothic Neo','Malgun Gothic',sans-serif}.book-row-copy h2{font-size:clamp(1.5rem,2.3vw,2rem);line-height:1.2;letter-spacing:-.04em;text-wrap:balance}.book-row-copy>p:not(.eyebrow){font-size:1rem;line-height:1.7;color:var(--muted);margin-top:12px}.book-row-copy>p.book-row-meta{font-size:.875rem;margin-top:8px}.book-row-actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.book-interview{display:inline-flex;align-items:center;gap:17px;font-size:.875rem;line-height:1.5;border-bottom:1px solid #aaa;padding:7px 0}.book-interview:hover{border-color:var(--ink)}
@media(max-width:1000px){.book-row{grid-template-columns:132px minmax(0,1fr);gap:16px 26px}.book-row-photo{width:132px;grid-row:1/3;align-self:start}.book-row-actions{grid-column:2;flex-direction:row;align-items:center;flex-wrap:wrap;gap:14px 23px}}
@media(max-width:700px){.book-row{grid-template-columns:100px minmax(0,1fr);gap:18px;scroll-margin-top:145px}.book-row-photo{width:100px;grid-row:1}.book-row-copy h2{font-size:1.5rem}.book-row-copy>.eyebrow{font-size:.875rem;margin-bottom:9px}.book-row-actions{grid-column:1/-1}.writing-label{margin-bottom:20px}}
@media(max-width:390px){.book-row{grid-template-columns:82px minmax(0,1fr);gap:16px}.book-row-photo{width:82px}.book-row-copy h2{font-size:1.375rem}}
@media(max-width:760px){.global-nav{gap:12px 24px}.site-header nav{gap:18px}}
@media(max-width:460px){.global-nav{justify-content:flex-start}.global-nav>nav{width:100%;justify-content:space-between;gap:16px}}