.page-main { padding-top:88px; }
.page-hero { position:relative; min-height:540px; display:grid; align-items:end; overflow:hidden; color:#fff; background:var(--black); }
.page-hero--compact { min-height:410px; }
.page-hero__media { position:absolute; inset:0; }
.page-hero__media::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.38) 65%,rgba(0,0,0,.62)); }
.page-hero__content { position:relative; z-index:1; width:var(--page); margin:auto; padding:120px 0 70px; }
.page-hero__content h1 { max-width:1200px; margin:0; font-size:clamp(58px,8vw,142px); letter-spacing:-.07em; line-height:.88; }
.page-hero__content h1 small { display:block; margin-top:22px; font-size:.37em; letter-spacing:-.04em; line-height:1.08; }
.page-hero__content>p:last-child { max-width:760px; margin:32px 0 0; color:rgba(255,255,255,.75); font-size:18px; line-height:1.8; }
.breadcrumbs { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 30px; color:rgba(255,255,255,.58); font:700 11px Arial,sans-serif; letter-spacing:.08em; }
.breadcrumbs a:hover { color:var(--acid); }
.detail-section { padding-top:115px; padding-bottom:125px; }
.detail-grid { display:grid; grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr); gap:clamp(50px,8vw,130px); }
.detail-grid--reverse { grid-template-columns:minmax(0,1.22fr) minmax(0,.78fr); }
.detail-image { min-height:610px; }
.detail-image img,.detail-gallery img,.works-list__image img { width:100%; height:100%; display:block; object-fit:cover; }
.detail-copy { align-self:center; }
.detail-copy h2 { margin:0 0 34px; font-size:clamp(44px,5.4vw,88px); letter-spacing:-.06em; line-height:1.04; }
.detail-copy p { margin:0 0 22px; font-size:17px; line-height:1.9; }
.detail-facts { display:grid; margin:50px 0 0; border-top:2px solid var(--black); }
.detail-facts div { display:grid; grid-template-columns:145px 1fr; gap:30px; padding:20px 0; border-bottom:1px solid var(--line-light); }
.detail-facts dt { color:#777; font:700 12px Arial,sans-serif; letter-spacing:.08em; }
.detail-facts dd { margin:0; font-weight:700; line-height:1.65; }
.detail-statement { padding:120px max(28px,calc((100vw - 1540px)/2)); color:#fff; background:#141414; }
.detail-statement blockquote { max-width:1250px; margin:0; font:clamp(36px,5vw,82px)/1.26 Georgia,"Noto Sans KR",serif; letter-spacing:-.04em; }
.detail-statement p { max-width:760px; margin:45px 0 0 auto; color:rgba(255,255,255,.66); font-size:17px; line-height:1.9; }
.page-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:42px; }
.page-actions .button--line { color:var(--black); background:transparent; }
.works-list { color:#fff; background:var(--black); }
.works-list__head { padding-top:110px; padding-bottom:65px; }
.works-list__head h2 { margin:0; font-size:clamp(52px,7vw,110px); letter-spacing:-.07em; }
.works-list__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
.works-list__card { display:grid; grid-template-columns:45% 1fr; min-height:410px; border-top:1px solid var(--line-dark); border-right:1px solid var(--line-dark); }
.works-list__image { min-height:320px; border-right:1px solid var(--line-dark); }
.works-list__copy { display:flex; flex-direction:column; padding:35px; }
.works-list__copy .work-type { margin-bottom:30px; }
.works-list__copy h2,.works-list__copy h3 { margin:0; font-size:clamp(28px,3vw,50px); letter-spacing:-.055em; line-height:1.06; }
.works-list__copy>p:not(.work-type) { color:rgba(255,255,255,.62); line-height:1.75; }
.works-list__copy .text-link { margin-top:auto; align-self:flex-start; }
.about-awards { padding:110px 0; color:#fff; background:#161616; }
.about-awards h2 { margin:0 0 55px; font-size:clamp(50px,6vw,96px); letter-spacing:-.065em; }
.news-page .board,.qna-page .qna { padding-top:115px; }
.news-admin-link { margin-left:auto; }
.contact-page .contact { min-height:calc(100vh - 88px); }
.seo-note { max-width:760px; color:#555; line-height:1.8; }

@media (max-width:980px) {
  .page-main { padding-top:72px; }
  .page-hero { min-height:500px; }
  .detail-grid,.detail-grid--reverse { grid-template-columns:1fr; }
  .detail-image { min-height:540px; }
  .works-list__grid { grid-template-columns:1fr; }
  .works-list__card { border-right:0; }
}

@media (max-width:640px) {
  .page-hero,.page-hero--compact { min-height:450px; }
  .page-hero__content { padding:100px 0 55px; }
  .page-hero__content h1 { font-size:55px; }
  .page-hero__content>p:last-child { font-size:16px; }
  .detail-section { padding-top:80px; padding-bottom:90px; }
  .detail-image { min-height:420px; }
  .detail-facts div { grid-template-columns:1fr; gap:8px; }
  .detail-statement { padding:85px 19px; }
  .works-list__card { grid-template-columns:1fr; }
  .works-list__image { min-height:280px; border-right:0; border-bottom:1px solid var(--line-dark); }
  .works-list__copy { min-height:360px; padding:30px 19px; }
  .news-admin-link { margin-left:0; }
}