/* Byun Shi-Ji Atlas — mobile contrast reinforcement v10.5 */
@media (max-width: 920px){
  :root{
    --atlas-mobile-bg:#f3ecdf;
    --atlas-mobile-paper:#fffdf8;
    --atlas-mobile-ink:#2b241c;
    --atlas-mobile-muted:#5a5148;
    --atlas-mobile-accent:#6d4518;
    --atlas-mobile-line:#b9aa92;
    --atlas-mobile-dark:#17110b;
    --atlas-mobile-light:#fffdf7;
  }

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

  body{
    background-color:var(--atlas-mobile-bg)!important;
    color:var(--atlas-mobile-ink)!important;
  }

  p,li,dd,dt,figcaption,caption,
  .description,.summary,.lead,.intro,.excerpt,.meta,.subtitle,.subcopy{
    color:var(--atlas-mobile-ink)!important;
  }

  small,.muted,.secondary,.eyebrow,.label,.year,.num,
  [class*="muted"],[class*="caption"],[class*="meta"]{
    color:var(--atlas-mobile-muted)!important;
    opacity:1!important;
  }

  a{
    color:var(--atlas-mobile-accent)!important;
    text-decoration-color:rgba(109,69,24,.62)!important;
    text-underline-offset:3px;
  }

  h1,h2,h3,h4,h5,h6,strong,b{
    color:var(--atlas-mobile-ink)!important;
  }

  input,textarea,select{
    background:#fff!important;
    color:var(--atlas-mobile-ink)!important;
    border-color:var(--atlas-mobile-line)!important;
  }

  input::placeholder,textarea::placeholder{
    color:#675d53!important;
    opacity:1!important;
  }

  button,.button,.btn,input[type="submit"],input[type="button"]{
    color:var(--atlas-mobile-light)!important;
    background:var(--atlas-mobile-dark)!important;
    border-color:var(--atlas-mobile-dark)!important;
  }

  .atlas-global-header-v102,
  .atlas-global-header,
  .atlas-admin-header-v103{
    background:rgba(255,253,248,.99)!important;
    border-color:var(--atlas-mobile-line)!important;
  }

  .atlas-global-header-v102 .brand b,
  .atlas-global-header-v102 .menu a,
  .atlas-global-header .atlas-global-brand b,
  .atlas-global-header .atlas-global-nav a,
  .atlas-admin-header-v103 .brand b{
    color:var(--atlas-mobile-ink)!important;
  }

  .atlas-global-header-v102 .brand small,
  .atlas-global-header .atlas-global-brand small,
  .atlas-admin-header-v103 .brand small{
    color:var(--atlas-mobile-accent)!important;
  }

  .atlas-global-header-v102 .language,
  .atlas-global-header .atlas-global-language,
  .atlas-admin-header-v103 .actions a{
    color:var(--atlas-mobile-ink)!important;
    background:var(--atlas-mobile-paper)!important;
    border-color:var(--atlas-mobile-line)!important;
  }

  .card,.panel,.box,.notice,.widget,.dashboard-card,
  article,section[class*="card"],div[class*="card"]{
    border-color:var(--atlas-mobile-line)!important;
  }

  [data-atlas-mobile-contrast="light"],
  [data-atlas-mobile-contrast="light"] *{
    color:var(--atlas-mobile-light)!important;
  }

  [data-atlas-mobile-contrast="dark"],
  [data-atlas-mobile-contrast="dark"] *{
    color:var(--atlas-mobile-ink)!important;
  }

  .atlas-mobile-contrast-fixed{
    opacity:1!important;
    text-shadow:none!important;
  }
}

/* ATLAS-MOBILE-IMAGE-TEXT-V108 */
@media (max-width: 920px){
  .atlas-mobile-image-zone-v108{
    position:relative!important;
    isolation:isolate!important;
  }

  .atlas-mobile-image-overlay-v108{
    position:absolute!important;
    z-index:1!important;
    pointer-events:none!important;
    background:
      linear-gradient(90deg,
        rgba(18,12,8,.86) 0%,
        rgba(18,12,8,.72) 42%,
        rgba(18,12,8,.44) 72%,
        rgba(18,12,8,.26) 100%),
      linear-gradient(0deg,
        rgba(18,12,8,.46) 0%,
        rgba(18,12,8,.10) 52%,
        rgba(18,12,8,.22) 100%)!important;
  }

  .atlas-mobile-image-zone-v108 > img,
  .atlas-mobile-image-zone-v108 > picture,
  .atlas-mobile-image-zone-v108 > video,
  .atlas-mobile-image-zone-v108 > canvas{
    position:relative!important;
    z-index:0!important;
  }

  .atlas-on-image-text-v108{
    position:relative!important;
    z-index:2!important;
    color:#fffdf7!important;
    opacity:1!important;
    text-shadow:0 2px 15px rgba(0,0,0,.72)!important;
  }

  .atlas-on-image-accent-v108{
    color:#f1d3a1!important;
    opacity:1!important;
    text-shadow:0 2px 13px rgba(0,0,0,.74)!important;
  }

  .atlas-on-image-text-v108 a,
  a.atlas-on-image-text-v108{
    color:#fffdf7!important;
    text-decoration-color:rgba(255,253,247,.82)!important;
  }

  .atlas-on-image-stat-v108,
  .atlas-on-image-stat-v108 *{
    color:#fffdf7!important;
    opacity:1!important;
    text-shadow:0 2px 15px rgba(0,0,0,.76)!important;
  }

  .atlas-mobile-image-zone-v108 .atlas-mobile-contrast-fixed,
  .atlas-mobile-image-zone-v108 [data-atlas-mobile-contrast]{
    color:#fffdf7!important;
    opacity:1!important;
  }
}
/* /ATLAS-MOBILE-IMAGE-TEXT-V108 */

/* ATLAS-MOBILE-HOME-STATIC-V112 */
@media (max-width: 920px){
  /*
   * 홈페이지는 원래 HTML 구조만 사용한다.
   * JavaScript가 만든 복제 제목·통계·오버레이는 표시하지 않는다.
   */
  .atlas-mobile-home-overlay-v110,
  .atlas-mobile-home-stats-v109,
  .atlas-mobile-home-stats-v110,
  .atlas-mobile-home-stats-v111,
  .atlas-mobile-home-copy-v111{
    display:none!important;
  }

  html[data-atlas-mobile-home-v109],
  html[data-atlas-mobile-home-v110],
  html[data-atlas-mobile-home-v111]{
    --atlas-home-repaired:1;
  }

  body .hero.home{
    position:relative!important;
    isolation:isolate!important;
    display:flex!important;
    align-items:flex-end!important;
    justify-content:flex-start!important;
    width:100%!important;
    min-height:720px!important;
    height:clamp(720px,calc(100svh - 78px),820px)!important;
    margin:0!important;
    padding:0!important;
    overflow:hidden!important;
    color:#fffdf7!important;
    background-image:
      linear-gradient(90deg,
        rgba(7,5,3,.80) 0%,
        rgba(7,5,3,.58) 43%,
        rgba(7,5,3,.24) 76%,
        rgba(7,5,3,.10) 100%),
      url("https://byunshiji.org/100/assets/images/008_Tropical_Sun_1983.jpg")!important;
    background-position:62% center!important;
    background-size:cover!important;
    background-repeat:no-repeat!important;
  }

  body .hero.home::before,
  body .hero.home::after{
    content:none!important;
    display:none!important;
  }

  body .hero.home > .atlas-mobile-image-overlay-v108,
  body .hero.home > .atlas-mobile-image-overlay-v106{
    display:none!important;
  }

  body .hero.home .heroin{
    position:relative!important;
    inset:auto!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    height:auto!important;
    margin:0!important;
    padding:48px 24px 38px!important;
    transform:none!important;
    text-align:left!important;
  }

  body .hero.home .eyebrow{
    display:block!important;
    width:min(100%,27em)!important;
    max-width:27em!important;
    margin:0 0 24px!important;
    padding:0!important;
    color:#f1d3a1!important;
    font-family:Arial,"Noto Sans KR","Noto Sans",sans-serif!important;
    font-size:10.5px!important;
    line-height:1.42!important;
    letter-spacing:.20em!important;
    text-transform:uppercase!important;
    opacity:1!important;
    text-align:left!important;
    text-shadow:0 2px 12px rgba(0,0,0,.70)!important;
  }

  body .hero.home h1{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#fffdf7!important;
    font-family:Georgia,"Times New Roman","Noto Serif KR",serif!important;
    font-size:clamp(52px,15vw,66px)!important;
    line-height:.92!important;
    font-weight:500!important;
    letter-spacing:-.055em!important;
    word-break:keep-all!important;
    overflow-wrap:normal!important;
    white-space:normal!important;
    opacity:1!important;
    text-align:left!important;
    text-shadow:0 3px 18px rgba(0,0,0,.72)!important;
  }

  body .hero.home h1 br{
    display:block!important;
  }

  body .hero.home p{
    display:block!important;
    width:min(100%,18em)!important;
    max-width:18em!important;
    min-width:0!important;
    margin:30px 0 0!important;
    padding:0!important;
    color:#fffdf7!important;
    font-family:Georgia,"Times New Roman","Noto Serif KR",serif!important;
    font-size:clamp(18px,4.8vw,20px)!important;
    line-height:1.58!important;
    letter-spacing:-.024em!important;
    word-break:keep-all!important;
    overflow-wrap:break-word!important;
    opacity:1!important;
    text-align:left!important;
    text-shadow:0 2px 14px rgba(0,0,0,.76)!important;
  }

  body .hero.home .stats{
    position:static!important;
    display:flex!important;
    align-items:flex-start!important;
    flex-wrap:nowrap!important;
    width:auto!important;
    max-width:100%!important;
    gap:26px!important;
    margin:28px 0 0!important;
    padding:0!important;
    transform:none!important;
    color:#fffdf7!important;
    background:transparent!important;
    border:0!important;
    text-align:left!important;
  }

  body .hero.home .stats span{
    display:block!important;
    min-width:0!important;
    margin:0!important;
    padding:0!important;
    color:#fffdf7!important;
    font-family:Arial,"Noto Sans KR","Noto Sans",sans-serif!important;
    font-size:10px!important;
    line-height:1.25!important;
    word-break:keep-all!important;
    opacity:1!important;
    text-shadow:0 2px 12px rgba(0,0,0,.75)!important;
  }

  body .hero.home .stats b{
    display:block!important;
    margin:0 0 5px!important;
    color:#fffdf7!important;
    font-family:Georgia,"Times New Roman","Noto Serif KR",serif!important;
    font-size:29px!important;
    line-height:1!important;
    font-weight:600!important;
    opacity:1!important;
    text-shadow:0 2px 12px rgba(0,0,0,.78)!important;
  }

  /*
   * 앞선 스크립트가 원본 요소에 붙인 숨김·이동용 클래스도 홈페이지에서는 복원한다.
   */
  body .hero.home .atlas-mobile-home-source-v110,
  body .hero.home .atlas-mobile-home-duplicate-v111,
  body .hero.home .atlas-mobile-home-original-stats-v109{
    display:initial!important;
  }

  body .hero.home .heroin.atlas-mobile-home-source-v110,
  body .hero.home .heroin.atlas-mobile-home-duplicate-v111{
    display:block!important;
  }
}

@media (max-width: 420px){
  body .hero.home{
    min-height:720px!important;
    height:720px!important;
    background-position:64% center!important;
  }

  body .hero.home .heroin{
    padding:42px 22px 32px!important;
  }

  body .hero.home h1{
    font-size:clamp(48px,15vw,60px)!important;
  }

  body .hero.home p{
    width:min(100%,17em)!important;
    max-width:17em!important;
    font-size:18px!important;
  }

  body .hero.home .stats{
    gap:23px!important;
  }
}
/* /ATLAS-MOBILE-HOME-STATIC-V112 */
