/* 화면이 좁거나 세로로 길어져도 소개 구간이 좌우로 잘리지 않게 크기를 제한한다. */
.ours{--v:min(calc(100vh / 1024),calc(100vw / 1820))}
.mobile-site{display:none}
@media (max-width: 767px), (max-width: 1024px) and (orientation: portrait){
  html{scroll-behavior:smooth;scroll-snap-type:none}
  body,body *{cursor:auto}
  body{overflow-x:hidden;background:#fff;color:#111}
  body > :not(.mobile-site):not(script){display:none!important}
  .mobile-site{display:block;font-family:Arial,'Apple SD Gothic Neo',sans-serif;line-height:1.35;overflow:hidden}
  .mobile-site *{box-sizing:border-box}
  .mobile-header{height:64px;padding:0 20px;display:flex;align-items:center;justify-content:space-between;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid #111}
  .mobile-header a{color:#111;text-decoration:none}
  .mobile-header nav a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}
  .mobile-site [hidden]{display:none!important}
  .mobile-brand{display:flex;align-items:center}
  .mobile-brand img{display:block;width:57px;height:39px;object-fit:contain}
  .mobile-header nav{display:flex;gap:20px;font-size:13px;font-weight:700}
  .mobile-poster{background:#fff;scroll-margin-top:64px}
  .poster-image-area{position:relative;overflow:hidden}
  .poster-count{position:absolute;z-index:1;right:16px;top:16px;padding:6px 10px;border-radius:999px;background:rgba(17,17,17,.68);color:#fff;font:500 12px/1 Arial,sans-serif;font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none}
  .poster-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;touch-action:pan-x pan-y}
  .poster-track::-webkit-scrollbar{display:none}
  .poster-slide{flex:0 0 100%;margin:0;scroll-snap-align:start;scroll-snap-stop:always}
  .poster-slide img{display:block;width:100%;height:auto}
  .poster-controls{display:flex;justify-content:center;align-items:center;min-height:52px}
  .poster-controls button{display:grid;place-items:center;width:40px;height:44px;padding:0;border:0;background:none;cursor:pointer}
  .poster-controls button::before{content:"";display:block;width:24px;height:3px;border-radius:2px;background:#d3d3d3;transition:background-color .25s ease}
  .poster-controls button[aria-current="true"]::before{background:#111}
  .poster-controls button:focus-visible{outline:2px solid #111;outline-offset:-4px;border-radius:4px}
  .mobile-section{padding:62px 20px 112px;scroll-margin-top:64px}
  .mobile-section-heading{margin-bottom:28px}
  .mobile-section-heading>span{font:700 10px Arial;letter-spacing:.1em}
  .mobile-section-heading h2{font-size:26px;line-height:1.2;letter-spacing:-.04em;margin:0}
  .mobile-section-heading h2 span{color:#f36d9f}
  .mobile-people{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px}
  .mobile-person{margin:0;min-width:0}.mobile-person img{display:block;width:100%;height:auto;object-fit:contain;background:#eee}
  .mobile-person figcaption{padding-top:8px;display:flex;flex-direction:column;gap:3px}.mobile-person strong{font-size:15px}.mobile-person figcaption span{font:10px Arial;letter-spacing:.03em}
  .mobile-works{background:#fff}.mobile-projects{display:grid;gap:32px}.mobile-project{min-width:0}.mobile-project img{width:100%;display:block;height:auto;object-fit:contain;background:#fff}
  .mobile-project-text{padding-top:12px}.mobile-project h3{font-family:Panchang,Arial,sans-serif;font-size:20px;letter-spacing:-.04em;margin:0 0 6px}.mobile-project p{font-size:14px;margin:0 0 7px}.mobile-project small{font-size:12px;color:#555}
  .mobile-footer{padding:28px 20px;background:#111;color:#fff;font:700 10px/1.5 Arial;letter-spacing:.08em}
}

@media (max-width: 767px), (max-width: 1024px) and (orientation: portrait) {
  .mobile-project-media { display: block; position: relative; }
  .mobile-project-media:focus-visible { outline: 2px solid #111; outline-offset: 4px; }
  .mobile-project .award-ribbon { right: clamp(10px, 3vw, 18px); width: clamp(56px, 14vw, 80px); padding: 11px 3px 21px; font-size: clamp(9px, 2.3vw, 11px); }
}