/* Google Fonts 적용 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;700&display=swap');

.popup-layout .image-gallery {
  max-width: 1200px;
  margin: 0 auto;
}

/* 기본 스타일 */
body {
    font-family: 'Noto Sans KR', sans-serif;
    padding: 50px;
    background-color: #f4f1ee;
    color: #333;
    text-align: left;
}
a {
    color: #aa0000;        /* 링크 색상 */
    text-decoration: none; /* 밑줄 제거 */
  }
  
/* 제목 가운데 정렬 */
h2 {
    text-align: center;
    font-size: 2rem;
    font-weight: bold;
}

/* 본문 컨테이너 (가운데 정렬) */
.container {
    max-width: 800px;
    width: 80%;
    margin: 0 auto;
    padding: 20px;
    line-height: 1.8;
    text-align: left;
}

/* 클릭 가능한 링크 (문장 내 배치) */
.toggle-link {
    color: #7d1a1a;
    font-weight: normal;
    text-decoration: none;
    cursor: pointer;
    display: inline;
    word-spacing: 0.1rem;
    transition: color 0.3s;
}

.toggle-link:hover {
    text-decoration: none;
    color: #a83232;
}

/* 숨겨진 콘텐츠 */
.hidden-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease-in-out, max-height 0.4s ease-in-out;
    max-height: 0;
    overflow: hidden;
    margin: 5px 0;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    border-radius: 5px;
}

/* 콘텐츠가 표시될 때 */
.hidden-content.show {
    display: block;
    opacity: 1;
    max-height: 600px;
    overflow-y: auto;
    padding: 10px;
}
.image-gallery img {
  border-radius: 3px;
}
.image-gallery + div {
   margin-top: 3px;
}
.image-gallery.one {
  display: center;
  grid-template-columns: repeat(1, 1fr);
  gap: 3px;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.image-gallery.one img { 
  max-width: 100%;
  object-fit: cover;    
}
.image-gallery.two {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3px;
  max-width: 100%;
  box-sizing: border-box;
  overflow-x: hidden;
}
.image-gallery.two img { 
  max-width: 100%;
  object-fit: cover;    
}
  .image-gallery.three  {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 3px;
      max-width: 100%;
      box-sizing: border-box;
      overflow-x: hidden;
}
  .image-gallery.three img { 
      max-width: 100%;
      object-fit: cover;    
}
  .image-gallery.four  {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 3px;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  .image-gallery.four img { 
    max-width: 100%;
    object-fit: cover;    
}
  .image-gallery.five  {
      display: grid;
      grid-template-columns: repeat(5, 1fr);
      gap: 3px;
      max-width: 100%;
      box-sizing: border-box;
      overflow-x: hidden;
  }
  .image-gallery.five img { 
      max-width: 100%;
      object-fit: cover;
  }
  .image-gallery.six  {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 3px;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
}
.image-gallery.six img { 
    max-width: 100%;
    object-fit: cover;
}
  .image-gallery.seven {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 3px;
    max-width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
  }
  .image-gallery.seven img { 
    max-width: 100%;
    object-fit: cover;
  }
  
/* 이미지 로드 실패 시 기본 이미지 표시 */
.hidden-content img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 10px auto;
}

.hidden-content img[src="default.jpg"] {
    opacity: 0.5;
    filter: grayscale(50%);
}

/* 프로젝트 선택 드롭다운 */
.footer {
    margin-top: 50px;
    text-align: center;
}

#project-select {
    font-size: 1rem;
    padding: 5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    cursor: pointer;
    background-color: white;
}
  
/* 반응형 (화면 크기에 따라 이미지 갤러리 열 개수 조정) */
@media (max-width: 1024px) {
    .image-gallery {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 768px) {
    .image-gallery {
        grid-template-columns: repeat(5, 1fr);
    }
}

@media (max-width: 480px) {
    .image-gallery {
        grid-template-columns: repeat(5, 1fr);
    }
}
.footer {
  margin-top: 50px;
  text-align: center;
}

#project-select {
  font-size: 1rem;
  padding: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  background-color: white;
}

.hidden-gallery {
  display: none;
}

/* Project detail template */
.project-page{--project-width:1000px;--text-width:660px;--line:#d8d8d8;--muted:#777;margin:0;padding:0;background:#fff;color:#191919;font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;font-size:16px;line-height:1.7}.project-page *{box-sizing:border-box}.project-page a{color:inherit}.project-skip{position:fixed;top:-80px;left:12px;z-index:100;padding:8px 12px;background:#191919;color:#fff}.project-skip:focus{top:12px}.project-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;width:min(100%,var(--project-width));height:58px;margin:0 auto;padding:0 32px;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}.project-wordmark{font-size:15px;font-weight:600;text-decoration:none}.project-wordmark span{margin-left:6px;color:var(--muted);font-weight:400}.project-header nav{display:flex;gap:22px}.project-header nav a{font-size:13px;text-decoration:none}.project-header nav a:hover{text-decoration:underline;text-underline-offset:4px}.project-shell{width:min(100%,var(--project-width));margin:0 auto;padding:0 32px 80px}.project-title{display:grid;grid-template-columns:1fr 320px;gap:60px;padding:92px 0 46px}.project-kicker{margin:0 0 14px;color:var(--muted);font-size:12px}.project-title h1{margin:0;font-size:48px;font-weight:400;line-height:1.1;letter-spacing:-.04em}.project-en{margin:8px 0 0;color:var(--muted);font-size:18px}.project-title dl{margin:4px 0 0}.project-title dl div{display:grid;grid-template-columns:72px 1fr;padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.project-title dt{color:var(--muted)}.project-title dd{margin:0}.project-cover{margin:0 0 100px}.project-cover img{display:block;width:100%;height:auto}.project-intro,.project-text{display:grid;grid-template-columns:220px minmax(0,var(--text-width));gap:60px;padding:80px 0;border-top:1px solid #191919}.project-intro h2,.project-text h2{margin:0;font-size:15px;font-weight:500}.project-intro p,.project-text p{margin:0 0 20px}.project-section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid #191919}.project-section-heading h2{margin:0;font-size:30px;font-weight:400}.project-section-heading p{margin:0;color:var(--muted);font-size:12px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px 22px}.project-grid a{display:flex;align-items:center;justify-content:center;aspect-ratio:4/3;background:#f5f5f5}.project-grid img{display:block;width:100%;height:100%;object-fit:contain}.archive-details,.essay-details{margin-top:80px;border-top:1px solid #191919;border-bottom:1px solid #191919}.archive-details summary,.essay-details summary{display:flex;justify-content:space-between;padding:18px 0;cursor:pointer;list-style:none}.archive-details summary::-webkit-details-marker,.essay-details summary::-webkit-details-marker{display:none}.archive-details summary small,.essay-details summary small{color:var(--muted)}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding:24px 0 50px}.archive-grid a{display:flex;align-items:center;aspect-ratio:4/3;background:#f5f5f5}.archive-grid img{width:100%;height:100%;object-fit:contain}.essay-details article{width:min(100%,var(--text-width));margin:20px auto 70px}.essay-details article h2{margin:0 0 34px;font-size:26px;font-weight:400}.essay-details article p{margin:0 0 20px}.project-reference{padding:100px 0 80px}.project-reference h3{margin:54px 0 18px;font-size:14px;font-weight:500}.reference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reference-grid img{display:block;width:100%;height:auto}.print-grid{display:flex;align-items:center;justify-content:center;gap:24px;padding:30px;background:#f6f6f6}.print-grid img{max-width:45%;max-height:340px}.project-info{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:60px;padding:70px 0;border-top:1px solid var(--line)}.project-info h2{margin:0 0 18px;font-size:15px;font-weight:500}.project-info ul{margin:0;padding:0;list-style:none}.project-info li{padding:7px 0;border-bottom:1px solid var(--line);font-size:13px}.project-info a{text-decoration:none}.project-info a:hover{text-decoration:underline}.project-pagination{display:flex;justify-content:space-between;padding:28px 0;border-top:1px solid #191919;border-bottom:1px solid #191919}.project-pagination a{text-decoration:none}.project-pagination a:last-child{text-align:right}.project-pagination span{display:block;color:var(--muted);font-size:11px}.project-page .lb-data .lb-caption{font-weight:400}
@media(max-width:700px){.project-header{height:54px;padding:0 20px}.project-header nav a:not(:first-child){display:none}.project-shell{padding:0 20px 50px}.project-title{display:block;padding:65px 0 32px}.project-title h1{font-size:38px}.project-title dl{margin-top:38px}.project-cover{margin-bottom:70px}.project-intro,.project-text{display:block;padding:56px 0}.project-intro h2,.project-text h2{margin-bottom:30px}.project-grid{grid-template-columns:1fr;gap:36px}.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.essay-details article{margin-bottom:50px}.project-reference{padding:70px 0 56px}.reference-grid{grid-template-columns:1fr}.project-info{grid-template-columns:1fr;gap:50px}.print-grid{gap:12px}.project-section-heading h2{font-size:26px}}

/* Persistent portfolio index */
.project-page{--layout-width:1240px}.project-header{width:min(100%,var(--layout-width));padding-left:24px;padding-right:24px}.portfolio-layout{display:grid;grid-template-columns:260px minmax(0,1fr);width:min(100%,var(--layout-width));margin:0 auto}.portfolio-sidebar{position:sticky;top:58px;align-self:start;height:calc(100vh - 58px);overflow:auto;padding:42px 24px 60px;border-right:1px solid var(--line);background:#fff}.portfolio-list-toggle{display:none}.portfolio-list section{margin-bottom:34px}.portfolio-list h2{margin:0 0 10px;color:var(--muted);font-size:11px;font-weight:500;line-height:1.4}.portfolio-list a{display:grid;grid-template-columns:54px minmax(0,1fr);gap:5px;padding:5px 0;color:#555;text-decoration:none;font-size:12px;line-height:1.4}.portfolio-list a span{color:#999;font-variant-numeric:tabular-nums}.portfolio-list a:hover{color:#000}.portfolio-list a.is-current{color:#000;font-weight:600}.portfolio-list a.is-current::after{content:"•";grid-column:2}.project-shell{width:auto;min-width:0;margin:0;padding:0 32px 70px}.project-title{grid-template-columns:1fr 260px;gap:40px;padding:58px 0 34px}.project-title h1{font-size:38px}.project-cover{margin-bottom:70px}.project-intro,.project-text{grid-template-columns:140px minmax(0,620px);gap:38px;padding:58px 0}.project-section-heading h2{font-size:22px}.project-grid{gap:24px 16px}.archive-details,.essay-details{margin-top:60px}.project-reference{padding:72px 0 58px}.project-info{padding:56px 0}.project-pagination{margin-top:10px}
@media(max-width:900px){.project-header{width:100%}.portfolio-layout{display:block;width:100%}.portfolio-sidebar{position:sticky;top:54px;z-index:15;width:100%;height:auto;padding:0 20px;border-right:0;border-bottom:1px solid var(--line)}.portfolio-list-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 0;border:0;background:#fff;font:inherit;font-size:13px;text-align:left}.portfolio-list-toggle span{color:var(--muted)}.portfolio-list{display:none;max-height:calc(100vh - 108px);overflow:auto;padding:18px 0 30px}.portfolio-list.is-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.portfolio-list section{margin:0}.project-shell{padding-left:20px;padding-right:20px}}
@media(max-width:620px){.portfolio-list.is-open{display:block}.portfolio-list section{margin-bottom:28px}.project-title{display:block;padding-top:46px}.project-title dl{margin-top:30px}.project-grid{grid-template-columns:1fr}.project-intro,.project-text{display:block}.project-intro h2,.project-text h2{margin-bottom:24px}}

/* Contact-sheet image overview */
.project-grid,.archive-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:9px}.project-grid a,.archive-grid a{aspect-ratio:3/2;background:#f3f3f3}.project-grid img,.archive-grid img{width:100%;height:100%;object-fit:contain}
@media(max-width:1000px){.project-grid,.archive-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:700px){.project-grid,.archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}}
@media(max-width:480px){.project-grid,.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Original portfolio layout with shared index */
.legacy-sidebar-page{margin:0;padding:0;background:#f4f1ee;color:#333}.legacy-portfolio-layout{display:grid;grid-template-columns:260px minmax(0,1fr);width:min(100%,1120px);margin:0 auto}.legacy-sidebar{position:sticky;top:0;align-self:start;height:100vh;overflow:auto;padding:28px 22px 48px;border-right:1px solid #d7d3ce;background:#f4f1ee}.legacy-sidebar-head{padding-bottom:24px;margin-bottom:26px;border-bottom:1px solid #d7d3ce}.legacy-brand{display:block;margin-bottom:14px;color:#222!important;font-size:15px;font-weight:700;text-decoration:none}.legacy-brand span{margin-left:5px;color:#777;font-weight:400}.legacy-sidebar-head nav{display:flex;flex-wrap:wrap;gap:5px 14px}.legacy-sidebar-head nav a{color:#555;font-size:12px}.legacy-list-toggle{display:none}.legacy-work-list section{margin-bottom:30px}.legacy-work-list h2{margin:0 0 9px;color:#777;font-size:11px;font-weight:400;text-align:left}.legacy-work-list a{display:grid;grid-template-columns:54px minmax(0,1fr);gap:4px;padding:4px 0;color:#666;font-size:12px;line-height:1.4;text-decoration:none}.legacy-work-list a span{color:#999;font-variant-numeric:tabular-nums}.legacy-work-list a:hover{color:#111}.legacy-work-list a.is-current{color:#111;font-weight:700}.legacy-sidebar-page>.legacy-portfolio-layout>.container{width:80%;max-width:800px;margin:0 auto;padding:70px 20px;line-height:1.8;text-align:left}.legacy-sidebar-page>.legacy-portfolio-layout>.container>h2{margin-top:0}.legacy-sidebar-page .image-gallery.five{grid-template-columns:repeat(5,1fr)}
@media(max-width:760px){.legacy-portfolio-layout{display:block;width:100%}.legacy-sidebar{position:sticky;top:0;z-index:20;width:100%;height:auto;padding:0 20px;border-right:0;border-bottom:1px solid #d7d3ce}.legacy-sidebar-head{display:flex;align-items:center;justify-content:space-between;margin:0;padding:14px 0;border:0}.legacy-brand{margin:0}.legacy-sidebar-head nav{gap:12px}.legacy-list-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 0;border:0;border-top:1px solid #d7d3ce;background:transparent;color:#333;font:inherit;font-size:12px}.legacy-list-toggle span{color:#888}.legacy-work-list{display:none;max-height:65vh;overflow:auto;padding:18px 0 28px}.legacy-work-list.is-open{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.legacy-work-list section{margin:0}.legacy-sidebar-page>.legacy-portfolio-layout>.container{width:100%;padding:45px 20px}.legacy-sidebar-page .image-gallery.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){.legacy-sidebar-head nav a:nth-child(n+3){display:none}.legacy-work-list.is-open{display:block}.legacy-work-list section{margin-bottom:26px}.legacy-sidebar-page .image-gallery.five{grid-template-columns:repeat(2,1fr)}}

.legacy-work-list .sidebar-texts{margin-top:38px;padding-top:20px;border-top:1px solid #d7d3ce}.legacy-work-list .sidebar-texts a{grid-template-columns:60px minmax(0,1fr)}.legacy-work-list .sidebar-texts a span{font-size:10px}
.legacy-work-list .sidebar-exhibitions{margin-top:38px;padding-top:20px;border-top:1px solid #d7d3ce}.legacy-work-list .sidebar-exhibition-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:3px 0;border:0;background:transparent;color:#777;font:inherit;font-size:11px;line-height:1.4;cursor:pointer;text-align:left}.legacy-work-list .sidebar-exhibition-toggle:hover{color:#191919}.legacy-work-list .sidebar-exhibition-toggle small{color:#999;font-size:10px;font-weight:400}.legacy-work-list .sidebar-exhibition-toggle span::after{content:" ＋"}.legacy-work-list .sidebar-exhibition-toggle[aria-expanded="true"] span::after{content:" －"}.legacy-work-list .sidebar-exhibition-links{display:none;padding-top:9px}.legacy-work-list .sidebar-exhibition-links.is-open{display:block}.legacy-work-list .sidebar-exhibitions a{grid-template-columns:60px minmax(0,1fr)}
.sidebar-content-area{min-width:0}.sidebar-content-frame{display:block;width:100%;height:100vh;border:0;background:#fff}.embedded-content{margin:0!important;padding:0!important;background:#fff!important}.embedded-content>main.container{width:min(100%,780px);max-width:none;margin:0 auto;padding:62px 38px 100px;background:#fff;color:#191919;line-height:1.8;text-align:left}.embedded-content>main.container>h2{margin:0 0 44px;padding:0 0 18px;border-bottom:1px solid #191919;font-size:29px;font-weight:400;line-height:1.25;text-align:left;letter-spacing:-.025em}
.legacy-sidebar-page .sidebar-content-area>.container,.site-shell-page .sidebar-content-area>.container{width:min(100%,780px);max-width:none;margin:0 auto;padding:62px 38px 100px;background:#fff;color:#191919;line-height:1.8;text-align:left}.legacy-sidebar-page .sidebar-content-area>.container>h2,.site-shell-page .sidebar-content-area>.container>h2{margin:0 0 44px;padding:0 0 18px;border-bottom:1px solid #191919;color:#191919;font-size:29px;font-weight:400;line-height:1.25;text-align:left;letter-spacing:-.025em}
@media(max-width:760px){.sidebar-content-frame{height:calc(100vh - 110px)}.embedded-content>main.container{width:100%;padding:42px 20px 72px}}
@media(max-width:760px){.legacy-sidebar-page .sidebar-content-area>.container,.site-shell-page .sidebar-content-area>.container{width:100%;padding:42px 20px 72px}.legacy-sidebar-page .sidebar-content-area>.container>h2,.site-shell-page .sidebar-content-area>.container>h2{font-size:25px}}

/* Unified portfolio pages */
.legacy-sidebar-page{font-family:-apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR",sans-serif;background:#fff;color:#191919;font-size:15px;line-height:1.75}
.legacy-sidebar-page *{box-sizing:border-box}.legacy-sidebar-page a{color:inherit}.legacy-portfolio-layout{grid-template-columns:250px minmax(0,1fr);width:min(100%,1120px);background:#fff}.legacy-sidebar{padding:26px 22px 46px;border-color:#ddd;background:#fff}.legacy-sidebar-head{border-color:#ddd}.legacy-brand{color:#191919!important;font-weight:600}.legacy-sidebar-head nav a{color:#555}.legacy-work-list h2{color:#777}.legacy-work-list a{color:#666}.legacy-work-list a:hover,.legacy-work-list a.is-current{color:#191919}.legacy-work-list .sidebar-texts{border-color:#ddd}
.legacy-sidebar-page>.legacy-portfolio-layout>.container{width:min(100%,780px);max-width:none;margin:0 auto;padding:62px 38px 100px;background:#fff;color:#191919;font-size:15px;line-height:1.8;text-align:left}
.legacy-sidebar-page>.legacy-portfolio-layout>.container>h2{margin:0 0 44px;padding:0 0 18px;border-bottom:1px solid #191919;color:#191919;font-size:29px;font-weight:400;line-height:1.25;text-align:left;letter-spacing:-.025em}
.legacy-sidebar-page>.legacy-portfolio-layout>.container h3{margin-top:54px;font-size:17px;font-weight:500}.legacy-sidebar-page>.legacy-portfolio-layout>.container p{margin:0 0 22px}.legacy-sidebar-page .toggle-link{color:#191919;text-decoration:underline;text-underline-offset:4px}.legacy-sidebar-page .hidden-content{border:0;border-radius:0;background:#f6f6f6}
.legacy-sidebar-page .image-gallery{max-width:100%;margin:0 0 34px}.legacy-sidebar-page .image-gallery.one{display:block;width:min(100%,620px);margin-left:auto;margin-right:auto}.legacy-sidebar-page .image-gallery.two,.legacy-sidebar-page .image-gallery.three,.legacy-sidebar-page .image-gallery.four,.legacy-sidebar-page .image-gallery.five,.legacy-sidebar-page .image-gallery.six,.legacy-sidebar-page .image-gallery.seven{display:grid;gap:8px}.legacy-sidebar-page .image-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr))}.legacy-sidebar-page .image-gallery.three{grid-template-columns:repeat(3,minmax(0,1fr))}.legacy-sidebar-page .image-gallery.four{grid-template-columns:repeat(4,minmax(0,1fr))}.legacy-sidebar-page .image-gallery.five{grid-template-columns:repeat(5,minmax(0,1fr))}.legacy-sidebar-page .image-gallery.six{grid-template-columns:repeat(6,minmax(0,1fr))}.legacy-sidebar-page .image-gallery.seven{grid-template-columns:repeat(7,minmax(0,1fr))}.legacy-sidebar-page .image-gallery img{display:block;width:100%;height:auto;border-radius:0;background:#fff;box-shadow:none}.legacy-sidebar-page .image-gallery.two img,.legacy-sidebar-page .image-gallery.three img,.legacy-sidebar-page .image-gallery.four img,.legacy-sidebar-page .image-gallery.five img,.legacy-sidebar-page .image-gallery.six img,.legacy-sidebar-page .image-gallery.seven img{height:100%;aspect-ratio:4/3;object-fit:contain}.legacy-sidebar-page .footer{padding-top:32px;border-top:1px solid #ddd;text-align:left}
.legacy-sidebar-page .image-gallery.justified{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px}.legacy-sidebar-page .image-gallery.justified>a,.legacy-sidebar-page .image-gallery.justified>img{display:block;flex:0 0 auto;overflow:hidden}.legacy-sidebar-page .image-gallery.justified>a>img,.legacy-sidebar-page .image-gallery.justified>img{width:100%;height:100%;object-fit:contain}
.legacy-sidebar-page .image-gallery.one img{width:auto;max-width:100%;max-height:70vh;margin:0 auto;object-fit:contain}
@media(max-width:760px){.legacy-sidebar-page>.legacy-portfolio-layout>.container{width:100%;padding:42px 20px 72px}.legacy-sidebar-page>.legacy-portfolio-layout>.container>h2{margin-bottom:34px;font-size:25px}.legacy-sidebar-page .image-gallery.two,.legacy-sidebar-page .image-gallery.three,.legacy-sidebar-page .image-gallery.four,.legacy-sidebar-page .image-gallery.five,.legacy-sidebar-page .image-gallery.six,.legacy-sidebar-page .image-gallery.seven{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.legacy-sidebar{background:#fff}.legacy-list-toggle{border-color:#ddd;background:#fff}.legacy-sidebar-head nav a:nth-child(n){display:inline}.legacy-sidebar-head nav{gap:5px 12px}}

/* Additional images stay in the lightbox sequence without appearing as thumbnails. */
.legacy-sidebar-page .hidden-gallery{display:none}.legacy-sidebar-page .toggle-link{display:none}.legacy-sidebar-page .more-gallery>h3{margin:0 0 18px;padding-top:24px;border-top:1px solid #ddd}
.legacy-sidebar-page .clock-records{margin-top:42px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}.legacy-sidebar-page .clock-records>summary{display:flex;align-items:center;justify-content:space-between;padding:14px 0;cursor:pointer;list-style:none;color:#555;font-size:13px}.legacy-sidebar-page .clock-records>summary::-webkit-details-marker{display:none}.legacy-sidebar-page .clock-records>summary small{color:#888;font-size:11px;font-weight:400}.legacy-sidebar-page .clock-records>summary span::after{content:" ＋"}.legacy-sidebar-page .clock-records[open]>summary span::after{content:" －"}.legacy-sidebar-page .clock-records[open]>summary{border-bottom:1px solid #eee}.legacy-sidebar-page .clock-records>.image-gallery{padding:8px 0 24px}

/* Stable sidebar shell for introduction, texts and résumé */
.site-shell-page{margin:0;padding:0;background:#fff;color:#191919}.site-shell-page>.content-portfolio-layout>.container{width:min(100%,780px);max-width:none;margin:0 auto;padding:62px 38px 100px;background:#fff;color:#191919;line-height:1.8;text-align:left}.site-shell-page>.content-portfolio-layout>.container>h2{margin:0 0 44px;padding:0 0 18px;border-bottom:1px solid #191919;font-size:29px;font-weight:400;text-align:left}.resume-page>.content-portfolio-layout>.container h3{margin:54px 0 18px;padding-top:22px;border-top:1px solid #ddd;font-size:17px;font-weight:500}.resume-page>.content-portfolio-layout>.container a{text-decoration:underline;text-decoration-color:#bbb;text-underline-offset:3px}
.exhibition-page>.content-portfolio-layout>.container section{scroll-margin-top:30px}.exhibition-page>.content-portfolio-layout>.container section p{margin:0;padding:8px 0;border-bottom:1px solid #eee}
@media(max-width:760px){.site-shell-page>.content-portfolio-layout>.container{width:100%;padding:42px 20px 72px}.site-shell-page>.content-portfolio-layout>.container>h2{font-size:25px}}
.site-shell-page *{box-sizing:border-box}