@import url('filters.css?v=17');
@font-face{font-family:SUIT;src:url('assets/fonts/SUIT-Variable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#242423;--muted:#777772;--line:#e9e9e5;--paper:#fff;--tile:#f5f5f2;--radius:12px;--gutter:40px;--rail:216px;--aisle:56px;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:SUIT,sans-serif;font-size:15px;font-weight:400;line-height:1.6;letter-spacing:-.012em;word-break:keep-all;overflow-wrap:break-word;font-synthesis:none;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:active{opacity:.65}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{text-wrap:balance}a:focus-visible,summary:focus-visible{outline:2px solid var(--ink);outline-offset:4px}::selection{background:#deded7;color:#171717}
header{height:112px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between}.wordmark{display:block;line-height:0}.wordmark img{width:64px;height:auto}nav{display:flex;align-items:center;gap:32px;font-size:15px;letter-spacing:-.025em}nav a{padding:12px 0}nav .social{margin-left:40px;color:var(--muted);font-size:13px}nav a:hover{text-decoration:underline;text-underline-offset:6px}
.workspace{display:grid;grid-template-columns:var(--rail) minmax(0,1fr);column-gap:var(--aisle);padding:24px var(--gutter) 0;align-items:start}.sidebar{position:sticky;top:24px;z-index:5;min-width:0}.browse{width:100%}.mode{height:36px;display:flex;gap:24px;align-items:start;margin-bottom:20px;border-bottom:1px solid var(--line);font-size:13px;letter-spacing:0}input[type=radio]{position:absolute;opacity:0;width:1px;height:1px}.mode a{position:relative;cursor:pointer;color:var(--muted);padding:0 0 12px;line-height:24px;white-space:nowrap}.mode a:first-child{color:var(--ink);font-weight:600}.mode a:first-child:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--ink)}.mode a:focus-visible,.field-list a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
fieldset{border:0;margin:0;padding:0;min-width:0}.company-list{display:grid;gap:8px;grid-template-columns:1fr}.option{position:relative}.company-link{height:64px;display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 20px;background:var(--tile);border:1px solid transparent;border-radius:var(--radius);font-size:13px;font-weight:600;letter-spacing:-.02em}.company-link img{max-width:140px;max-height:24px;width:auto;height:auto;object-fit:contain}.company-link .color-mark{display:none}.company-link:hover,.company-link:focus-visible{border-color:var(--ink);background:var(--paper)}.company-link:hover .mono-mark,.company-link:focus-visible .mono-mark{display:none}.company-link:hover .color-mark,.company-link:focus-visible .color-mark{display:block;filter:none}
.company-preview{position:absolute;left:100%;top:0;width:376px;padding-left:16px;z-index:20;visibility:hidden;opacity:0;pointer-events:none}.company-preview-inner{padding:12px 20px;background:var(--paper);border-radius:var(--radius);box-shadow:0 1px 3px rgba(0,0,0,.1)}.company-preview ul{list-style:none;margin:0;padding:0}.company-preview li a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:24px;padding:12px 0;font-size:13px;line-height:1.6}.company-preview .preview-year{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap}.company-preview li a:hover .preview-name{color:var(--muted)}.company-list .option:focus-within .company-preview{visibility:visible;opacity:1;pointer-events:auto}@media(hover:hover) and (pointer:fine){.company-list .option:hover .company-preview{visibility:visible;opacity:1;pointer-events:auto}}
.field-list{display:none}body:has(.discipline-target:target) .company-list{display:none}body:has(.discipline-target:target) .field-list{display:block}.field-list a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 8px;font-size:15px;line-height:1.6;color:var(--muted);cursor:pointer}.field-list a span{visibility:hidden}.field-list a[aria-current]{color:var(--ink);font-weight:600}.field-list a[aria-current] span{visibility:visible}.field-list a:hover{color:var(--ink)}
main{min-width:0}.sectionline{display:flex;justify-content:space-between;align-items:baseline;gap:24px;min-height:36px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--line)}.sectionline h1{font-size:13px;line-height:24px;font-weight:400;letter-spacing:0}.sectionline>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em}.gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px;align-items:start}.project{min-width:0}.project-link{display:block}.visual{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;border-radius:var(--radius);background:var(--tile)}.visual>img,.visual>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.visual .preview-secondary{opacity:0;pointer-events:none}.open-icon{display:none}.caption{padding-top:12px}.caption h2{font-size:17px;font-weight:400;line-height:1.5;letter-spacing:-.025em;text-wrap:balance}@media(hover:hover) and (pointer:fine){.project-link:hover .preview-secondary{opacity:1}.project-link:has(.preview-secondary):hover .visual>img:first-child{opacity:0}.project-link:hover .caption h2{color:var(--muted)}}.project-link:focus-visible .preview-secondary{opacity:1}.project-link:has(.preview-secondary):focus-visible .visual>img:first-child{opacity:0}
.placeholder{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:var(--tile);padding:32px;color:var(--muted);text-align:center}.placeholder strong{font-size:22px;line-height:1.4;letter-spacing:-.025em;font-weight:400;color:var(--ink)}.placeholder span{font-size:12px;line-height:1.6}.placeholder small{font-size:11px;letter-spacing:.06em}footer{display:flex;justify-content:space-between;gap:24px;margin-top:64px;border-top:1px solid var(--line);padding:24px 0 40px;font-size:12px;color:var(--muted)}
.detail{display:none;scroll-margin-top:32px}.detail:target{display:block}body:has(.detail:target) .overview{display:none}.detail-top{display:flex;align-items:baseline;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted);margin-bottom:32px}.back{display:inline-block;font-size:13px;color:var(--muted);margin-bottom:24px}.detail-top .back{margin:0}.project-period{display:flex;gap:24px;color:var(--muted);font-size:12px;letter-spacing:0;margin-bottom:16px}.project-period span{font-variant-numeric:tabular-nums;color:var(--ink)}.detail h1{font-size:28px;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin-bottom:32px;max-width:760px}.case-story{width:100%;max-width:800px;margin:0 0 48px}.case-part{display:grid;grid-template-columns:100px minmax(0,1fr);gap:32px;margin-bottom:24px}.case-part h2{font-size:12px;line-height:1.8;font-weight:400;letter-spacing:.02em;color:var(--muted);padding-top:4px}.case-part p{font-size:15px;line-height:1.85;letter-spacing:-.014em;max-width:620px;text-wrap:pretty}.scope{font-size:12px;line-height:1.8;color:var(--muted);margin:0 0 32px}
.detail-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.detail-images img{width:100%;height:auto;aspect-ratio:4/5;object-fit:contain;background:var(--tile);border-radius:var(--radius)}.detail-images img:first-child{grid-column:1/-1;aspect-ratio:16/10;object-fit:contain}.detail-images img:last-child:nth-child(even){grid-column:1/-1;aspect-ratio:16/10}.detail-images .placeholder{grid-column:1/-1;min-height:360px;border-radius:var(--radius)}.instagram-link{display:block;padding:24px 0 56px;font-size:12px;text-align:right;color:var(--muted)}
.company-target{display:block;height:0;scroll-margin-top:32px}.company-heading{display:none;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.company-heading h1{font-size:17px;font-weight:400;letter-spacing:-.025em;margin:0}.company-heading>span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}body:has(.company-target:target) .overview{display:none}body:has(.company-target:target) .detail[data-company]{margin-top:0}body:has(.company-target:target) .detail[data-company] .back{display:none}
.info{max-width:980px;padding-bottom:64px}.info>h1{margin-bottom:48px}
/* 0923 · About 머리 = 로고 + 한 문장 락업. 그 아래로 Services가 바로 온다 (미정님 지시) */
.info-lede{margin-bottom:48px}.info-mark{display:block;width:180px;height:auto;margin-bottom:36px}.info-lede h1{font-size:40px;font-weight:600;line-height:1.25;letter-spacing:-.04em;margin:0;max-width:16ch}.info-block{border-top:1px solid var(--line);padding-top:24px;margin-top:48px}.info-block>h2{font-size:12px;font-weight:400;color:var(--muted);letter-spacing:.02em;margin-bottom:24px}.services dl{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:0}.services dt{font-size:17px;line-height:1.5;letter-spacing:-.025em;margin:0 0 12px;font-weight:600}.services dd{font-size:15px;line-height:1.85;letter-spacing:-.014em;color:var(--muted);margin:0;max-width:360px}.team-member{display:flex;gap:24px;align-items:baseline;margin-bottom:16px}.team-member p{font-size:22px;letter-spacing:-.035em;font-weight:400}.team-member span{font-size:13px;color:var(--muted)}.clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 32px}.clients-grid div{height:76px;display:flex;align-items:center;justify-content:center}.clients-grid img{width:auto;max-width:100%;height:auto;max-height:28px}.contact-links{font-size:22px;line-height:1.8;letter-spacing:-.025em}.contact-links p{margin-bottom:20px}
.skip,.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip:focus{clip:auto;width:auto;height:auto;top:8px;left:8px;background:var(--paper);padding:12px;z-index:50}
@media(min-width:1500px){:root{--gutter:48px;--rail:240px;--aisle:64px}.gallery{gap:48px 28px}.detail h1{margin-bottom:40px}}@media(max-width:1100px) and (min-width:761px){:root{--gutter:24px;--rail:184px;--aisle:32px}.company-link{padding:12px 16px}.company-link img{max-width:132px}.gallery{gap:32px 20px}.case-part{grid-template-columns:80px minmax(0,1fr);gap:24px}nav .social{margin-left:8px}.company-preview{width:328px}.caption h2{font-size:15px}}
@media(max-width:760px){:root{--gutter:20px}header{height:88px}.wordmark img{width:52px}nav{font-size:13px;gap:20px}nav .social{display:none}.workspace{display:block;padding-top:16px}.sidebar{position:static}.mode{height:36px;margin-bottom:12px;gap:24px}.company-list{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding:0 0 12px;scroll-snap-type:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin}.company-list .option{flex:0 0 132px}.company-link{height:52px;padding:12px}.company-link img{max-width:108px;max-height:24px}.company-preview{display:none!important}body:has(.discipline-target:target) .field-list{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:12px;gap:20px}.field-list .option{flex:0 0 auto}.field-list a{padding:12px 0;font-size:13px;white-space:nowrap}.field-list a span{display:none}main{margin-top:24px}.sectionline{margin-bottom:20px}.gallery{grid-template-columns:1fr;gap:28px}.caption{padding-top:12px}.caption h2{font-size:15px;line-height:1.55;letter-spacing:-.025em}.detail-top{margin-bottom:24px;gap:12px}.detail h1{font-size:28px;line-height:1.35;letter-spacing:-.035em;margin-bottom:28px}.project-period{font-size:12px;gap:16px;flex-wrap:wrap}.case-story{margin-bottom:32px}.case-part{grid-template-columns:1fr;gap:8px;margin-bottom:24px}.case-part h2{padding:0;line-height:1.6}.case-part p{line-height:1.8;font-size:15px;letter-spacing:-.014em}.detail-images{gap:12px}.detail-images img:first-child,.detail-images img:last-child:nth-child(even){aspect-ratio:4/5}.detail-images .placeholder{min-height:300px}.instagram-link{padding-bottom:40px}.company-heading{padding-bottom:16px}.company-heading h1{font-size:15px}.company-heading>span{font-size:11px}body:has(.company-target:target) .detail[data-company]{margin-top:0}footer{margin-top:40px;padding-bottom:24px;gap:16px;font-size:11px}.services dl{grid-template-columns:1fr;gap:28px}.info-block{margin-top:32px}.info>h1{margin-bottom:32px}.info-lede{margin-bottom:32px}.info-mark{width:132px;margin-bottom:28px}.info-lede h1{font-size:28px;line-height:1.3;letter-spacing:-.035em}.clients-grid{grid-template-columns:1fr 1fr;gap:12px 24px}.clients-grid div{height:60px}.clients-grid img{max-height:24px}.contact-links{font-size:17px}.placeholder{padding:24px}.placeholder strong{font-size:22px}}
@media(hover:hover) and (pointer:fine){body,body a,body label,body summary{cursor:url('assets/logos/ja-cursor.svg') 2 2,auto}}
@media(prefers-color-scheme:dark){:root{--ink:#efefeb;--muted:#a6a6a0;--line:#393938;--paper:#1c1c1b;--tile:#272726;color-scheme:dark}.wordmark img,.info-mark,.company-link img:not(.color-mark),.clients-grid img{filter:invert(1)}.company-link .color-mark{filter:none}::selection{background:#55554d;color:#fff}}@media(prefers-color-scheme:dark) and (hover:hover) and (pointer:fine){body,body a,body label,body summary{cursor:url('assets/logos/ja-cursor-light.svg') 2 2,auto}}
@media(forced-colors:active){.company-link{border:1px solid ButtonText}.company-preview-inner{border-color:CanvasText}.mode a:first-child:after{background:CanvasText}}
/* The editorial grid follows the image proportions; the lead image spans two smaller rows. */
.detail-images{grid-template-columns:repeat(6,minmax(0,1fr));align-items:stretch}
.detail-images img{grid-column:span 3;width:100%;height:100%;min-height:0;aspect-ratio:4/5}
.detail-images img:first-child{grid-column:span 4;grid-row:span 2;aspect-ratio:auto}
.detail-images img:nth-child(2),.detail-images img:nth-child(3){grid-column:span 2;aspect-ratio:4/5}
.detail-images img:last-child:nth-child(even){grid-column:1/-1;grid-row:auto;aspect-ratio:16/10}
.visual>.placeholder{width:100%;height:100%}
@media(max-width:760px){.detail-images img:first-child{grid-column:1/-1;grid-row:auto;aspect-ratio:4/5}.detail-images img:nth-child(n+2){grid-column:span 3;aspect-ratio:4/5}.detail-images img:last-child:nth-child(even){grid-column:1/-1;aspect-ratio:4/5}}

/* Artwork-specific mats prevent arbitrary grey framing around contained source images. */
#sol .detail-images img:first-child{background:rgb(221, 229, 248)}
#lges .detail-images img:first-child{background:rgb(166, 166, 178)}
#beautiful .detail-images img:first-child{background:rgb(0, 0, 0)}
#dankkum .detail-images img:first-child{background:rgb(249, 97, 0)}
/* Project details retain navigation; About and Contact keep their quiet layout. */
body:has(.info:target) .browse{display:none}
input[type=radio]{clip-path:inset(50%);overflow:hidden;white-space:nowrap;pointer-events:none}

/* v9: company-based previous work and persistent project navigation. */
.mode a{padding-top:0;text-decoration:none!important}
body:has(.discipline-target:target) .mode a:first-child{color:var(--muted);font-weight:400}
body:has(.discipline-target:target) .mode a:first-child:after{display:none}
body:has(.discipline-target:target) .mode a:last-child{color:var(--ink);font-weight:600}
body:has(.discipline-target:target) .mode a:last-child:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:var(--ink)}
.discipline-target{display:block;height:0;scroll-margin-top:32px}
.previous-case{padding-bottom:56px}
.case-chapter{font-size:12px;color:var(--muted);margin-bottom:28px;letter-spacing:.02em}
.work-attribution{font-size:12px;color:var(--muted);margin-bottom:12px}
.previous-story p{font-size:15px;line-height:1.85;letter-spacing:-.014em;max-width:620px;text-wrap:pretty}
.previous-media{display:grid;gap:20px}.previous-media img{width:100%;height:auto;border-radius:var(--radius)}
.previous-pair{grid-template-columns:repeat(2,minmax(0,1fr))}
.previous-case>.placeholder{min-height:360px;border-radius:var(--radius)}
.company-link picture.color-mark img{filter:none}
@media(min-width:761px) and (max-height:960px){.sidebar{position:static}}
@media(max-width:760px){.previous-case{padding-bottom:40px}.previous-story p{line-height:1.8}.previous-media{gap:12px}.previous-case>.placeholder{min-height:300px}}

/* Short entrances, no continuous motion; fragment history restores the prior view. */
@keyframes view-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
@keyframes tile-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.overview,.detail,.company-heading{animation:view-in 240ms cubic-bezier(.2,.7,.2,1) both}
.gallery .project{scroll-margin-top:32px;animation:tile-in 360ms cubic-bezier(.2,.7,.2,1) both}
.gallery .project:nth-child(2){animation-delay:40ms}
.gallery .project:nth-child(3){animation-delay:80ms}
.gallery .project:nth-child(n+4){animation-delay:120ms}
.back{transition:opacity 160ms ease,transform 160ms ease}
.back:hover{transform:translateX(-2px)}
@media(prefers-reduced-motion:reduce){.overview,.detail,.company-heading,.gallery .project{animation:none}.back{transition:none}.back:hover{transform:none}}
@media(max-width:760px){.sidebar{position:sticky;top:0;background:var(--paper);padding-top:12px}.detail,.company-target,.discipline-target,.gallery .project{scroll-margin-top:148px}}

/* Run once per document, including #work. Keep the timeline alive during fragment navigation. */
.intro{position:fixed;inset:0;z-index:100;display:grid;place-items:center;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;color:inherit;background:#111}
/* 0921 · 파티클 인트로: 항상 블랙 배경(라이트 페이지에서도) — 걷히면 흰 페이지로 반전되며 들어감 */
/* 0921 · 파티클 인트로: JS가 붙으면(.is-live) Enter/클릭/자동 진입까지 머문다. JS 없으면 예전처럼 1.65s 뒤 자동 페이드 */
.intro:not(.is-live){animation:intro-out 560ms 1.65s cubic-bezier(.4,0,.2,1) forwards}
/* 나가는 안무(0921): 배경만 먼저 투명해져 본문이 비치고, 점들은 본문 위에서 마지막 돌풍에 쓸려 나간다. 점이 다 사라진 뒤 dialog가 닫힌다 */
.intro.is-live{background:transparent;touch-action:none;-webkit-tap-highlight-color:transparent}.intro-curtain{position:absolute;inset:0;background:#111}.intro.is-leaving{pointer-events:none}
/* 나가는 안무(0921 최종): ① 입자가 제자리로 모이고 선명한 원본 로고가 떠오른다 ② 그 로고가 커튼의 구멍이 되어 커지며 흰 페이지가 열린다(마스크는 JS가 인라인으로 애니메이션). 색은 섞지 않는다 */
.intro.is-live .intro-mark{animation:none;opacity:0;transition:opacity .36s cubic-bezier(.4,0,.2,1)}.intro.is-leaving .intro-mark{opacity:1}.intro.is-opening .intro-mark{opacity:0;transition:opacity .12s}
.intro-footer{transition:opacity .25s}.intro.is-leaving .intro-footer{opacity:0}
/* 0922 · 폰 전용 퇴장: 창 확장(마스크) 대신, 솔리드 로고가 얹힌 검정 판이 통째로 왼쪽으로 밀려나가며 페이지가 드러난다 */
.intro.is-sliding{transform:translateX(-100%);transition:transform .72s cubic-bezier(.72,0,.24,1);will-change:transform}
/* 페이지 이동(page-rise)은 제거 — 창 너머 내용이 튀어 보임. 카드 입장만 커튼 뒤에서 재생 */
.intro-canvas{position:absolute;inset:0;display:block;width:100%;height:100%}.intro-mark{position:relative;z-index:1}
.intro-footer .tap{display:none}@media(hover:none){.intro-footer .key{display:none}.intro-footer .tap{display:inline}}
.intro:not([open]){display:none}
.intro-mark{width:clamp(240px,44vw,760px);line-height:0;animation:mark-reveal 1.65s cubic-bezier(.16,.7,.25,1) both}
.intro-mark img{width:100%;height:auto;filter:invert(1)}
.intro-footer{position:absolute;bottom:40px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b5b5ad;letter-spacing:0}
.intro-footer button{appearance:none;padding:12px 0;border:0;border-radius:0;background:none;color:inherit;font:inherit;cursor:inherit;text-underline-offset:4px}.intro-footer button:hover{text-decoration:underline}.intro-footer button:active{opacity:.65}.intro-footer button:focus-visible{outline:2px solid currentColor;outline-offset:4px}
@keyframes mark-reveal{0%{opacity:.05;filter:blur(32px);transform:translateY(12px) scale(1.04)}65%,100%{opacity:1;filter:blur(0);transform:none}}
@keyframes intro-out{to{opacity:0;visibility:hidden;pointer-events:none}}
body:has(header a:focus-visible,.workspace a:focus-visible,.skip:focus-visible) .intro{visibility:hidden!important;pointer-events:none}
/* Returning to Work keeps the intro completed; the card entrance is timed below. */
/* Smaller, quieter type; comfortable mobile body size is retained. */
.case-copy{min-width:0}.case-copy p+p{margin-top:16px}
.case-application{margin-top:28px;align-items:start}
.application-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:0;min-width:0}
.application-tags li{display:inline-flex;align-items:center;min-height:32px;padding:4px 12px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:400;line-height:1.4;letter-spacing:0;white-space:nowrap;color:var(--ink)}
.previous-story>.case-application{margin-top:24px;margin-bottom:0}
body{letter-spacing:0}
header nav{font-size:13px;letter-spacing:0}
.caption h2{font-size:15px;letter-spacing:-.01em;line-height:1.55}
.detail h1{font-size:22px;font-weight:400;letter-spacing:-.02em;line-height:1.45;margin-bottom:28px}
.case-part p,.previous-story p,.services dd{font-size:13px;line-height:1.9;letter-spacing:0}
.services dt{font-size:15px;font-weight:600;letter-spacing:-.01em}
.team-description{max-width:620px}.team-description p{font-size:13px;line-height:1.9;margin-bottom:16px;letter-spacing:0}
.team-description p:first-child{font-size:17px;line-height:1.6;letter-spacing:-.02em;margin-bottom:20px}
.contact-links{font-size:17px;letter-spacing:-.01em}
.studio-address{margin-top:48px;padding-top:24px;border-top:1px solid var(--line)}
.studio-address h2{font-size:12px;line-height:1.6;font-weight:400;color:var(--muted);margin-bottom:20px}
.studio-address address{font-size:15px;line-height:1.8;font-style:normal;letter-spacing:0;margin-bottom:16px}
.studio-address>a{font-size:12px;color:var(--muted)}
@media(min-width:761px) and (max-height:1120px){.sidebar{position:static}}
@media(max-width:760px){.company-link{height:60px}.detail,.company-target,.discipline-target,.gallery .project{scroll-margin-top:156px}.case-part p,.previous-story p,.services dd,.team-description p{font-size:15px;line-height:1.85}.team-description p:first-child{font-size:17px}.intro-mark{width:76vw;min-width:240px}.intro-footer{bottom:24px}}
@media(prefers-color-scheme:dark){.intro{background:#111}@keyframes mark-reveal{0%{opacity:.05;filter:blur(32px);transform:translateY(12px) scale(1.04)}65%,100%{opacity:1;filter:blur(0);transform:none}}}
@media(prefers-reduced-motion:reduce){.intro{display:none}}

/* v13: project identity and narrative share one compact introduction. */
.company-heading{min-height:36px;padding-bottom:16px;margin-bottom:32px}
.company-heading h1{font-size:13px;line-height:20px}
.detail[data-company] .detail-top{margin-bottom:24px}
body:has(.company-target:target) .detail[data-company] .detail-top{display:none}
.project-intro{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,4vw,64px);align-items:start;margin-bottom:40px}
.project-summary{min-width:0}
.project-summary h1{font-size:22px;font-weight:400;line-height:1.4;letter-spacing:-.02em;max-width:100%;margin:0}
.project-summary .project-period{display:block;font-size:13px;line-height:1.6;margin:12px 0 0}
.project-period .period-value{display:block}
.project-period .period-note{display:block;font-size:12px;line-height:1.7;color:var(--muted);margin-top:4px}
.project-summary .case-chapter,.project-summary .work-attribution,.project-context{font-size:12px;line-height:1.7;color:var(--muted);margin:12px 0 0}
.project-intro>.case-story{min-width:0;max-width:none;margin:0}
.project-intro .case-part{display:block;margin:0 0 24px}
.project-intro .case-part:last-child{margin-bottom:0}
.project-intro .case-part h2{padding:0;margin-bottom:8px;font-size:12px;line-height:1.5;letter-spacing:0}
.project-intro .case-part p{max-width:600px;line-height:1.85}
.project-summary .case-application{margin:24px 0 0}
.detail[data-company]>.instagram-link{padding-bottom:0}
.previous-case{padding-bottom:0}
@media(max-width:900px){.project-intro{grid-template-columns:1fr;gap:28px}.project-intro .case-part p{max-width:none}}
@media(max-width:760px){.company-heading{min-height:32px;padding-bottom:12px;margin-bottom:24px}.detail[data-company] .detail-top{margin-bottom:20px}.project-intro{margin-bottom:32px}.project-summary .case-application{margin-top:20px}}

/* Per-project sticky footers reveal the next case within the same company stream. */
.project-next{display:none}
body:has(.company-target:target) .project-next{display:flex;justify-content:flex-end;position:sticky;bottom:24px;z-index:4;margin-top:24px;pointer-events:none}
.project-next>a{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:360px;padding:12px 16px;background:var(--paper);border:1px solid var(--line);border-radius:12px;pointer-events:auto;transition:border-color 160ms ease}
.next-copy{display:grid;gap:4px;min-width:0}
.next-label{font-size:11px;line-height:1.4;color:var(--muted)}
.next-title{font-size:13px;line-height:1.5;letter-spacing:0;word-break:keep-all}
.next-arrow{font-size:22px;line-height:1;font-weight:400;flex-shrink:0;transition:transform 160ms ease}
.project-next>a:hover{border-color:var(--ink)}
.project-next>a:hover .next-arrow{transform:translateY(2px)}
html:has(.company-anchor:target){scroll-behavior:smooth}
@media(max-width:760px){body:has(.company-target:target) .project-next{bottom:16px}.project-next>a{max-width:min(280px,100%);padding:12px 16px}}
@media(prefers-reduced-motion:reduce){html:has(.company-anchor:target){scroll-behavior:auto}.project-next>a,.next-arrow{transition:none}.project-next>a:hover .next-arrow{transform:none}}

/* The document owns the first entrance clock, so fragment navigation never resets its delay. */
@property --home-enter-a{syntax:"<number>";inherits:true;initial-value:1}
@property --home-enter-b{syntax:"<number>";inherits:true;initial-value:1}
@property --home-enter-c{syntax:"<number>";inherits:true;initial-value:1}
@property --home-enter-d{syntax:"<number>";inherits:true;initial-value:1}
@keyframes home-enter-a{from{--home-enter-a:0}to{--home-enter-a:1}}
@keyframes home-enter-b{from{--home-enter-b:0}to{--home-enter-b:1}}
@keyframes home-enter-c{from{--home-enter-c:0}to{--home-enter-c:1}}
@keyframes home-enter-d{from{--home-enter-d:0}to{--home-enter-d:1}}
body{animation:home-enter-a 660ms 2.19s cubic-bezier(.16,1,.3,1) both,home-enter-b 660ms 2.27s cubic-bezier(.16,1,.3,1) both,home-enter-c 660ms 2.35s cubic-bezier(.16,1,.3,1) both,home-enter-d 660ms 2.43s cubic-bezier(.16,1,.3,1) both}
/* 0921 · 파티클 인트로가 걷힐 때 카드 입장을 다시 재생 — 배경이 투명해지는 동안(0.1s~) 점들 사이로 떠오르게 */
body.is-entering{animation:home-enter-a 700ms .3s cubic-bezier(.16,1,.3,1) both,home-enter-b 700ms .4s cubic-bezier(.16,1,.3,1) both,home-enter-c 700ms .5s cubic-bezier(.16,1,.3,1) both,home-enter-d 700ms .6s cubic-bezier(.16,1,.3,1) both}
.gallery .project-link{--home-reveal:var(--home-enter-a);opacity:var(--home-reveal);transform:translateY(calc((1 - var(--home-reveal))*12px))}
.gallery .project:nth-child(2) .project-link{--home-reveal:var(--home-enter-b)}
.gallery .project:nth-child(3) .project-link{--home-reveal:var(--home-enter-c)}
.gallery .project:nth-child(n+4) .project-link{--home-reveal:var(--home-enter-d)}
body:has(.intro:not([open])) .gallery .project-link,body:has(header a:focus-visible,.workspace a:focus-visible,.skip:focus-visible) .gallery .project-link{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){body{animation:none}.gallery .project-link{opacity:1;transform:none}}

/* Keep the home mark available through detail navigation and restored scroll positions. */
header{position:sticky;top:0;z-index:30;background:var(--paper)}
html{scroll-padding-top:136px}
.sidebar{top:136px}
@media(max-width:760px){html{scroll-padding-top:112px}.sidebar{top:88px}#work{scroll-margin-top:136px}}

/* Client-first captions across the work overview. */
.caption h2 .caption-client{font-weight:700}
/* 0921 미정님 — 좌측 회사 목록은 텍스트가 메인, 호버 시 로고(10% 축소). 캡션 = 회사 | 프로젝트 */
.company-link.has-logo img,.company-link.has-logo picture{display:none}
.company-link.has-logo:hover .text-mark,.company-link.has-logo:focus-visible .text-mark{display:none}
/* 로고는 모두 블랙 단색 (0921 미정님) — 컬러 변형(.color-mark)은 호버에도 쓰지 않는다 */
.company-link.has-logo:hover img,.company-link.has-logo:focus-visible img{display:block}
.company-link .color-mark,.company-link:hover .color-mark,.company-link:focus-visible .color-mark,.company-link.has-logo:hover picture,.company-link.has-logo:focus-visible picture{display:none!important}
.company-link:hover .mono-mark,.company-link:focus-visible .mono-mark{display:block}
.company-link.has-logo img{max-width:126px;max-height:22px}
@media(max-width:1100px) and (min-width:761px){.company-link.has-logo img{max-width:119px}}
@media(max-width:760px){.company-link.has-logo img{max-width:97px;max-height:22px}}
.caption-sep{color:var(--muted);margin:0 .35em;font-weight:400}
.caption-project{font-weight:400;color:var(--muted)}
/* 0921 미정님 — 영상은 벤또 맨 마지막, 벤또 크기, 클릭하면 그 자리에서 재생(유튜브 이동 없음) */
.video-links{grid-column:1/-1;display:grid;gap:16px;margin-top:0}
.video-links.n1,.video-links.n2{grid-template-columns:1fr}  /* 영상 2개면 위아래로, 작게 안 나오게 (0921) */
.video-link{position:relative;display:block;width:100%;padding:0;border:0;border-radius:var(--radius);overflow:hidden;background:var(--tile);color:inherit;text-align:left;cursor:pointer;font:inherit}
.video-link img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}
.video-link:hover img{filter:brightness(.92)}
.video-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:rgba(0,0,0,.66);color:#fff;font-size:20px;display:flex;align-items:center;justify-content:center;padding-left:4px;transition:transform .2s}
.video-link:hover .video-play{transform:translate(-50%,-50%) scale(1.06)}
.video-meta{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;background:linear-gradient(transparent,rgba(0,0,0,.55));color:#fff;font-size:13px;line-height:1.5}
.video-meta strong{display:block;font-weight:600;letter-spacing:-.01em}
.video-meta small{display:block;opacity:.8;font-size:11px;margin-top:2px}
.video-frame{grid-column:auto;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16/9}
.video-frame iframe{width:100%;height:100%;border:0;display:block}
@media(max-width:760px){.video-play{width:48px;height:48px;font-size:16px}}
/* 0921 미정님 — 토스뱅크·현대카드 호버 로고 10% 더 축소 */
#company-tossbank.has-logo img,#company-hyundaicard.has-logo img{max-width:113px;max-height:20px}
@media(max-width:1100px) and (min-width:761px){#company-tossbank.has-logo img,#company-hyundaicard.has-logo img{max-width:107px}}
@media(max-width:760px){#company-tossbank.has-logo img,#company-hyundaicard.has-logo img{max-width:87px;max-height:20px}}

/* 0923 · 모바일 상단 조이기 (미정님 "상단부가 벙벙해보여 · 살짝 타이트하게 · 모바일에서만")
   375px 실측: 헤더 88 + 워크스페이스 16 + 사이드바 12 + 탭 36/12 + 칩 60/12 + main 24 + 라벨줄 20
   → 첫 카드가 317px 아래(화면 39%)에서 시작하고, sticky 영역이 220px을 상시 차지했다.
   글자 크기·칩 폭은 건드리지 않고 세로 간격만 4pt 그리드로 줄인다. 데스크탑은 그대로. */
@media(max-width:760px){
  header{height:72px}
  .workspace{padding-top:8px}
  .sidebar{padding-top:8px}
  .mode{margin-bottom:12px}
  /* 0923 미정님: By client / By discipline 두 모드의 목록 높이를 56px로 통일해 'Selected work' 시작점을 같게 한다
     (실측 375px: 칩 60 vs 분야 56.8 → 3.2px 차이). By client 쪽을 줄이는 방향 */
  .company-list{padding:0 0 8px;min-height:56px}
  .company-link{height:48px}
  body:has(.discipline-target:target) .field-list{padding-bottom:8px;min-height:56px}
  main{margin-top:16px}
  .sectionline{margin-bottom:16px}
  /* sticky 높이가 줄어든 만큼 앵커 착지 위치도 같이 줄인다 (안 줄이면 제목이 헤더 아래로 파묻힌다) */
  .sidebar{top:72px}
  html{scroll-padding-top:80px}
  #work{scroll-margin-top:104px}
  .detail,.company-target,.discipline-target,.gallery .project{scroll-margin-top:124px}
}
/* 0923 상세 — 2단 정렬 그리드. 첫 장·가로형·홀수 잔여 1장은 통짜(원본 비율), 세로·정방은 비율이 비슷한 것끼리 짝지어 같은 높이(짝 평균 비율, 크롭 ≤ 수%). 폰은 1단 원본 비율 */
.detail-images.detail-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start;column-count:auto}
.detail-images.detail-images img,.detail-images.detail-images img:first-child,.detail-images.detail-images img:nth-child(2),.detail-images.detail-images img:nth-child(3),.detail-images.detail-images img:last-child:nth-child(even){display:block;width:100%;height:auto;margin:0;object-fit:cover;grid-row:auto;grid-column:auto;aspect-ratio:auto}
.detail-images.detail-images img.o-full.o-full{grid-column:1/-1;aspect-ratio:auto}
.detail-images.detail-images img.o-pair.o-pair{grid-column:auto}
.detail-images.detail-images .placeholder{grid-column:1/-1}
@media(max-width:760px){.detail-images.detail-images{grid-template-columns:1fr;gap:12px}.detail-images.detail-images img.o-pair{aspect-ratio:auto!important}}
/* 0923 이전 재직 작업(.previous-media)도 같은 짝 규칙 */
.previous-media.previous-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}
.previous-media.previous-media img{display:block;width:100%;height:auto;object-fit:cover;grid-column:auto}
.previous-media.previous-media img.o-full.o-full{grid-column:1/-1}
.previous-media.previous-media img.o-pair.o-pair{grid-column:auto}
.previous-media.previous-media .video-links,.previous-media.previous-media .inline-loop{grid-column:1/-1}
@media(max-width:760px){.previous-media.previous-media{grid-template-columns:1fr;gap:12px}.previous-media.previous-media img.o-pair{aspect-ratio:auto!important}}
/* 0923 신한 BI 묶음 — 한 상세 안에 소프로젝트 여러 개 */
.bi-group+.bi-group{margin-top:72px;padding-top:32px;border-top:1px solid var(--line)}
.bi-head{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:20px}
.bi-head h2{font-size:19px;font-weight:600;line-height:1.4;letter-spacing:-.025em}
.bi-head p{font-size:14px;line-height:1.6;color:var(--muted);letter-spacing:-.01em}
@media(max-width:760px){.bi-group+.bi-group{margin-top:48px;padding-top:24px}.bi-head{display:block}.bi-head p{margin-top:4px}}
/* 1003 좌 1 + 우 2 벤또 (토스뱅크) */
.bento-l1r2{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px}.bento-l1r2>img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.bento-l1r2>div{display:grid;grid-template-rows:1fr 1fr;gap:20px}.bento-l1r2>div img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius);min-height:0}
@media(max-width:760px){.bento-l1r2{grid-template-columns:1fr;gap:12px}.bento-l1r2>div{gap:12px}}
/* 1003 아워시리즈 라인별 라벨 + 어워드 스티커 */
.previous-media .os-label{grid-column:1/-1;margin:24px 0 -8px;font-size:13px;font-weight:600;letter-spacing:-.01em}.previous-media .os-label:first-child{margin-top:0}
.award-wrap{grid-column:1/-1;position:relative}.award-wrap img{display:block;width:100%;height:auto;border-radius:var(--radius)}
.award-badge{position:absolute;right:4%;top:6%;width:clamp(72px,11vw,124px);aspect-ratio:1;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-size:clamp(10px,1.1vw,13px);line-height:1.15;font-weight:600;color:#3b2a06;background:radial-gradient(circle at 30% 25%,#fff4c2 0%,#e8c25a 45%,#b8892a 100%);box-shadow:0 6px 18px rgba(0,0,0,.18),inset 0 0 0 3px rgba(255,255,255,.45);transform:rotate(-8deg)}.award-badge b{font-size:1.5em;letter-spacing:.02em}
.award-wrap .award-logos{position:absolute;right:3%;top:5%;display:flex;gap:10px;align-items:center;background:#fff;padding:10px 12px;border-radius:10px;box-shadow:0 4px 14px rgba(0,0,0,.12)}.award-wrap .award-logos img{width:auto;height:clamp(34px,4.6vw,56px);border-radius:0}.award-badge{display:none}
/* 1003 잘림 없는 줄 맞춤: 각 이미지 원본 비율 유지, 높이만 같게 */
.row-fit{grid-column:1/-1;display:flex;gap:20px;align-items:flex-start}.row-fit img{flex-basis:0;flex-shrink:1;min-width:0;width:0;height:auto;object-fit:contain;border-radius:var(--radius);display:block}
@media(max-width:760px){.row-fit{gap:12px}}
.gallery .project.is-hidden{display:none!important}
.award-wrap .award-text{font-size:clamp(11px,1.3vw,14px);line-height:1.1;font-weight:600;letter-spacing:.04em;color:#111}.award-wrap .award-text b{font-weight:800;color:#b8892a}
.detail-images video.o-full{grid-column:1/-1;display:block}
.row-fit video{flex-basis:0;flex-shrink:1}.media-credit{grid-column:1/-1;margin:-8px 0 8px;font-size:12px;color:var(--muted)}.media-credit a{text-decoration:underline}
.phone-stage{grid-column:1/-1;display:flex;justify-content:center;align-items:center;background:#e9edf3;border-radius:var(--radius);padding:56px 16px}
.phone-frame{width:min(300px,62%);aspect-ratio:9/19.3;background:#111;border-radius:44px;padding:12px;box-shadow:0 24px 50px rgba(0,0,0,.22),inset 0 0 0 2px #333;position:relative;overflow:hidden}
.phone-frame:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:28%;height:22px;background:#111;border-radius:12px;z-index:2}
.phone-frame video{width:100%;height:100%;object-fit:contain;border-radius:33px;display:block;background:#000}
/* 1004 More info 접기 */
.more-info{margin:8px 0 32px}.more-info>summary{list-style:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:8px 0;border-bottom:1px solid currentColor}.more-info>summary::-webkit-details-marker{display:none}.more-info>summary:after{content:"+";font-size:14px}.more-info[open]>summary:after{content:"–"}.more-info[open]>summary{margin-bottom:20px}
.row-fit.full>img{flex:1 1 100%!important;width:100%!important}.section-credit{margin-top:24px}
.visual>video{width:100%;height:100%;object-fit:cover;display:block}
.project-link:has(.preview-secondary):hover .visual>video:first-child{opacity:0}
.row-fit>img:only-child,.row-fit>video:only-child{flex:1 1 100%!important;width:100%!important;height:auto}
.detail-images video{width:100%;height:auto;border-radius:var(--radius);display:block}.row-fit video{min-width:0;width:0;height:auto;object-fit:contain}.row-fit>video:only-child{width:100%!important}
.company-link.has-logo:is(:hover,:focus,:focus-visible,:active) .text-mark{display:none!important}
.company-link.has-logo:is(:focus,:active) img.mono-mark,.company-link.has-logo:is(:focus,:active)>img{display:block}
.hc-cardstack{display:none;margin:0 0 48px}
body:has(#client-hyundaicard:target) .hc-cardstack{display:block}
.hc-stage{position:relative;width:100%;height:420px;perspective:1400px;overflow:hidden;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:grab;border-radius:var(--radius);background:radial-gradient(120% 90% at 50% 38%,#3a3b3e 0%,#232426 45%,#121213 100%)}
.hc-stage::after{content:'';position:absolute;left:0;right:0;bottom:0;height:34%;background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.35) 100%);pointer-events:none}
.hc-stage::before{content:'';position:absolute;left:18%;right:18%;top:70%;height:14%;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.08),rgba(255,255,255,0));pointer-events:none}
.hc-card{will-change:transform;backface-visibility:hidden;position:absolute;left:50%;top:50%;width:200px;aspect-ratio:720/1141;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s}
.hc-card.h{aspect-ratio:1141/720;width:317px}
.hc-card>div{position:absolute;inset:0;border-radius:6%/3.8%}
.hc-card.h>div{border-radius:3.8%/6%}
.hc-card .fc{background-size:cover;background-position:center}
.hc-card .ed{background:linear-gradient(90deg,#d9d9d9,#8c8c8c 50%,#cfcfcf);transform:translateZ(-3px)}
.hc-card .ed2{background:#9a9a9a;transform:translateZ(-1.5px)}
.hc-card .sn{background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.22) 48%,transparent 62%);opacity:0;pointer-events:none}
.hc-card.top .sn{opacity:1}
.hc-card .sh{display:none}
.hc-card.top .sh{display:block;left:4%!important;right:4%!important;top:auto!important;bottom:-9%!important;height:12%;border-radius:50%!important;background:radial-gradient(closest-side,rgba(0,0,0,.7),rgba(0,0,0,0));transform:translateZ(-10px)}
.hc-stage.drag .hc-card{transition:none}
.hc-hint{margin:10px 0 0;font-size:11px;color:var(--muted);letter-spacing:.04em;text-align:right}
@media(max-width:760px){.hc-stage{height:340px}.hc-card{width:160px}.hc-card.h{width:254px}}
.hc-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:20px}
.hc-head h1{font-size:28px;font-weight:600;line-height:1.3;letter-spacing:-.035em;margin:0}
.hc-head span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:.04em}
@media(max-width:760px){.hc-head h1{font-size:22px}}
.company-link{position:relative}
.prev-tag{position:absolute;top:6px;right:8px;font-size:9px;font-weight:500;line-height:1;letter-spacing:0;color:var(--muted);padding:3px 5px;border:1px solid var(--line);border-radius:999px;background:var(--paper)}
.prev-note{margin-left:10px;font-size:11px;font-weight:400;color:var(--muted);letter-spacing:0;vertical-align:middle}
.prev-label{grid-column:1/-1;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.04em;color:var(--muted);display:flex;justify-content:space-between;gap:8px}
.prev-label span{letter-spacing:0}
@media(max-width:760px){.prev-label{flex:0 0 auto;margin:0 0 0 8px;padding:0 0 0 14px;border-top:0;border-left:1px solid var(--line);flex-direction:column;justify-content:center;gap:2px;white-space:nowrap}}
.prev-label{border-top:1px solid var(--ink)!important;color:var(--ink)}
@media(max-width:760px){.prev-label{border-top:0!important;border-left:1px solid var(--ink)!important;margin-left:12px!important;padding-left:12px!important;align-self:stretch}}
.prev-divider{grid-column:1/-1;margin:8px 0 -8px;padding-top:16px;border-top:1px solid var(--ink);font-size:11px;letter-spacing:.04em;color:var(--ink)}
@media(max-width:760px){.prev-label{font-size:0!important;padding-left:0!important;margin-left:8px!important;margin-right:0!important;min-width:0;flex:0 0 1px!important}}
@media(max-width:760px){.prev-label{margin:0!important;padding:0!important;border-left:1px solid var(--ink)!important;align-self:stretch}}
/* 1005 데스크탑 회사 메뉴 항상 고정 — 메뉴가 화면보다 길면 메뉴 안에서만 스크롤 */
@media(min-width:761px){.sidebar{position:sticky!important;max-height:calc(100vh - 160px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.sidebar::-webkit-scrollbar{display:none}}
/* 1005 About 헤드라인 한 줄 — 폰에서는 글자 크기를 화면 폭에 맞춰 줄임 */
.info-lede h1{max-width:none;white-space:nowrap}
@media(max-width:760px){.info-lede h1{font-size:min(28px,7.2vw)}}