/* =========================================================
   MAGICNARA DESKTOP TYPOGRAPHY & LAYOUT REFINEMENT
   기존 디자인/사진/색상은 유지하고 PC 가독성과 구도만 보정
   ========================================================= */

@media (min-width: 781px){

  html{
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }

  body{
    overflow-x:hidden;
  }

  /* 한글 조사/단어가 줄 끝에서 어색하게 분리되지 않도록 정리 */
  h1,h2,h3,h4,p,li,span,strong,a,label,figcaption{
    word-break:keep-all;
    overflow-wrap:break-word;
  }

  h1,h2,h3{
    text-wrap:balance;
  }

  p{
    text-wrap:pretty;
  }

  .container{
    width:min(1180px,calc(100% - 96px)) !important;
  }

  /* 공통 Header */
  .site-header{
    height:82px !important;
  }

  .header-inner{
    height:82px !important;
    gap:28px !important;
  }

  .brand strong{
    font-size:23px !important;
    letter-spacing:-1px !important;
  }

  .brand span{
    font-size:12px !important;
    letter-spacing:.7px !important;
  }

  .main-nav{
    gap:30px !important;
  }

  .main-nav a{
    line-height:1.25 !important;
  }

  .header-cta{
    padding-left:21px !important;
    padding-right:21px !important;
  }

  /* 공통 제목 체계 */
  .eyebrow{
    margin-bottom:15px !important;
    font-size:11px !important;
    line-height:1.4 !important;
    letter-spacing:1px !important;
  }

  section h1,
  section h2{
    letter-spacing:-1.5px !important;
  }

  section h3{
    letter-spacing:-.5px !important;
  }

  /* 본문 가독성 */
  section p{
    line-height:1.82;
  }

  .btn{
    min-height:48px !important;
    padding-left:22px !important;
    padding-right:22px !important;
  }

  /* Footer */
  .global-site-footer{
    padding:38px 0 34px !important;
  }

  .global-footer-inner{
    align-items:center !important;
  }

  .global-footer-brand p{
    line-height:1.75 !important;
  }
}

/* ---------- HOME ---------- */
@media (min-width: 1024px){
  .page-home .hero-copy{
    max-width:680px !important;
  }

  .page-home .hero-copy h1{
    font-size:58px !important;
    line-height:1.18 !important;
    letter-spacing:-2.3px !important;
  }

  .page-home .hero-categories{
    margin-top:24px !important;
    font-size:15px !important;
    line-height:1.7 !important;
  }

  .page-home .hero-desc{
    max-width:650px !important;
    margin-top:18px !important;
    font-size:16px !important;
    line-height:1.82 !important;
  }

  .page-home .hero-actions{
    margin-top:28px !important;
  }

  .page-home .programs,
  .page-home .about,
  .page-home .portfolio,
  .page-home .contact{
    padding-top:82px !important;
    padding-bottom:82px !important;
  }

  .page-home .about h2,
  .page-home .portfolio h2,
  .page-home .contact h2{
    font-size:39px !important;
    line-height:1.36 !important;
  }

  .page-home .section-head > p,
  .page-home .about-copy > p,
  .page-home .contact-copy > p{
    max-width:700px !important;
    line-height:1.85 !important;
  }
}

/* ---------- ABOUT ---------- */
@media (min-width: 1024px){
  .page-about .about-hero{
    padding-top:84px !important;
    padding-bottom:88px !important;
  }

  .page-about .hero-copy{
    max-width:690px !important;
  }

  .page-about .hero-copy h1{
    font-size:50px !important;
    line-height:1.3 !important;
    letter-spacing:-1.9px !important;
  }

  .page-about .fields{
    margin-top:22px !important;
    font-size:14px !important;
    line-height:1.7 !important;
  }

  .page-about .intro{
    margin-top:19px !important;
    max-width:680px !important;
    font-size:16px !important;
    line-height:1.9 !important;
  }

  .page-about .approach,
  .page-about .fields-section{
    padding-top:82px !important;
    padding-bottom:82px !important;
  }

  .page-about .approach h2,
  .page-about .fields-section h2{
    font-size:38px !important;
    line-height:1.42 !important;
  }

  .page-about .steps{
    margin-top:44px !important;
  }

  .page-about .steps article p,
  .page-about .field-card p{
    line-height:1.8 !important;
  }
}

/* ---------- PERFORMANCE ---------- */
@media (min-width: 1024px){
  .page-performance .hero-copy{
    max-width:700px !important;
  }

  .page-performance .hero-copy h1{
    font-size:49px !important;
    line-height:1.32 !important;
  }

  .page-performance .hero-fields{
    margin-top:22px !important;
    font-size:14px !important;
    line-height:1.72 !important;
  }

  .page-performance .hero-desc{
    max-width:680px !important;
    margin-top:18px !important;
    font-size:16px !important;
    line-height:1.85 !important;
  }

  .page-performance .signature,
  .page-performance .category,
  .page-performance .process,
  .page-performance .cta{
    padding-top:82px !important;
    padding-bottom:82px !important;
  }

  .page-performance .signature h2,
  .page-performance .category h2,
  .page-performance .process h2,
  .page-performance .cta h2{
    font-size:38px !important;
    line-height:1.4 !important;
  }

  .page-performance .overview-copy > p,
  .page-performance .category-copy > p{
    max-width:700px !important;
    line-height:1.85 !important;
  }
}

/* ---------- EDUCATION ---------- */
@media (min-width: 1024px){
  .page-education .hero-copy{
    max-width:720px !important;
  }

  .page-education .hero-copy h1{
    font-size:49px !important;
    line-height:1.32 !important;
  }

  .page-education .hero-fields{
    margin-top:22px !important;
    font-size:14px !important;
    line-height:1.72 !important;
  }

  .page-education .hero-desc{
    max-width:680px !important;
    margin-top:18px !important;
    font-size:16px !important;
    line-height:1.86 !important;
  }

  .page-education .approach,
  .page-education .programs,
  .page-education .real-performance,
  .page-education .why,
  .page-education .cta{
    padding-top:82px !important;
    padding-bottom:82px !important;
  }

  .page-education section h2{
    font-size:38px !important;
    line-height:1.42 !important;
  }

  .page-education .program-card p,
  .page-education .why-card p{
    line-height:1.82 !important;
  }
}

/* ---------- PORTFOLIO ---------- */
@media (min-width: 1024px){
  .page-portfolio .hero-copy{
    max-width:760px !important;
  }

  .page-portfolio .hero-copy h1{
    font-size:49px !important;
    line-height:1.32 !important;
  }

  .page-portfolio .hero-fields{
    margin-top:22px !important;
    font-size:14px !important;
    line-height:1.72 !important;
  }

  .page-portfolio .hero-desc{
    max-width:760px !important;
    margin-top:18px !important;
    font-size:15px !important;
    line-height:1.9 !important;
  }

  .page-portfolio .featured-projects,
  .page-portfolio .performance-field,
  .page-portfolio .project-archive,
  .page-portfolio .experience,
  .page-portfolio .cta{
    padding-top:82px !important;
    padding-bottom:82px !important;
  }

  .page-portfolio section h2{
    font-size:38px !important;
    line-height:1.42 !important;
  }

  .page-portfolio .project-copy p,
  .page-portfolio .archive-card p,
  .page-portfolio .experience-card p{
    line-height:1.82 !important;
  }
}

/* ---------- CONTACT ---------- */
@media (min-width: 1024px){
  .page-contact .hero-copy{
    max-width:720px !important;
  }

  .page-contact .hero-copy h1{
    font-size:49px !important;
    line-height:1.3 !important;
  }

  .page-contact .hero-fields{
    margin-top:22px !important;
    font-size:14px !important;
    line-height:1.72 !important;
  }

  .page-contact .hero-desc{
    max-width:670px !important;
    margin-top:18px !important;
    font-size:16px !important;
    line-height:1.86 !important;
  }

  .page-contact .consultation,
  .page-contact .consultation-process,
  .page-contact .production-system{
    padding-top:78px !important;
    padding-bottom:78px !important;
  }

  .page-contact section h2{
    font-size:37px !important;
    line-height:1.42 !important;
  }

  .page-contact .guide-intro{
    max-width:700px !important;
    line-height:1.85 !important;
  }

  .page-contact .guide-grid article p,
  .page-contact .quick-card p,
  .page-contact .process-grid article p{
    line-height:1.75 !important;
  }

  .page-contact .form-panel{
    padding:38px !important;
  }

  .page-contact .production-copy > p:not(.eyebrow){
    max-width:620px !important;
    line-height:1.86 !important;
  }
}

/* ---------- POWPOW ---------- */
@media (min-width: 1024px){
  .page-powpow .hero-copy{
    width:57% !important;
    max-width:690px !important;
  }

  .page-powpow .hero h1{
    font-size:74px !important;
    line-height:.88 !important;
    letter-spacing:-3px !important;
  }

  .page-powpow .hero h2{
    margin-top:27px !important;
    font-size:27px !important;
    line-height:1.5 !important;
    letter-spacing:-1px !important;
  }

  .page-powpow .hero-desc{
    max-width:620px !important;
    margin-top:20px !important;
    font-size:16px !important;
    line-height:1.84 !important;
  }

  .page-powpow .overview,
  .page-powpow .design,
  .page-powpow .real,
  .page-powpow .inquiry{
    padding-top:78px !important;
    padding-bottom:78px !important;
  }

  .page-powpow .overview-copy h2{
    font-size:54px !important;
    line-height:1.05 !important;
  }

  .page-powpow .overview-copy .lead{
    font-size:20px !important;
    line-height:1.72 !important;
  }

  .page-powpow .overview-copy > p:not(.eyebrow):not(.lead){
    line-height:1.88 !important;
  }

  .page-powpow .design h2,
  .page-powpow .real h2,
  .page-powpow .inquiry h2{
    font-size:37px !important;
    line-height:1.42 !important;
  }

  .page-powpow .real-desc,
  .page-powpow .inquiry p{
    max-width:720px !important;
    line-height:1.84 !important;
  }
}