
:root{--paper:#f0f0f0;--ink:#2a2a2a;--rule:rgba(42,42,42,.24);--gap:2vw;--body-size:16.15px}
html{scroll-behavior:smooth;background:var(--paper)}
body.about-centered{background:var(--paper);color:var(--ink);font-family:'ARTNEST Sans','ARTNEST Pretendard',sans-serif;font-weight:400;margin:0;overflow-x:clip}
.about-centered *{box-sizing:border-box}
.about-centered a{color:inherit;text-decoration:none}
.about-centered a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.about-centered figure{margin:0;min-width:0}
.about-centered img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.about-centered .ko{font-family:'ARTNEST Sans','ARTNEST Pretendard',sans-serif;font-weight:400;letter-spacing:-.025em;word-break:keep-all;overflow-wrap:break-word;text-transform:none}
.page-width{margin-left:2vw;margin-right:2vw}
.intro{text-align:center;padding:150px 4vw 112px;margin:auto}
.intro-ko{font-size:var(--body-size);line-height:1.9;max-width:720px;margin:42px auto 0}
.intro-ko p{margin:0}
.intro-ko p+p{margin-top:18px}
.gallery{text-align:center}
.studio-chapter{margin-bottom:78px}
.studio-name{font-size:20.4px;font-weight:400;letter-spacing:-.025em;line-height:1;margin:0 0 20px}
.studio-name a{display:inline-flex;min-height:44px;align-items:center;gap:10px}
.studio-name span,figcaption span{font-size:13px;transition:transform .25s}
.studio-name a:hover span,figcaption a:hover span{transform:translate(2px,-2px)}
.photo-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap)}
.about-centered footer{border-top:1px solid var(--rule);padding-top:45px;text-align:center}
@media(min-width:1800px){.intro{padding-top:175px;padding-bottom:130px}}
@media(max-width:1000px) and (min-width:601px){
 .intro{padding-top:135px}.intro-ko{max-width:650px}
}
@media(max-width:600px){
 :root{--body-size:15.3px}
 .page-width{margin-left:4vw;margin-right:4vw}
 .intro{padding:120px 6vw 70px}
 .intro-ko{margin-top:30px;line-height:1.9;max-width:420px}
 .intro-ko p+p{margin-top:15px}
 .photo-pair{grid-template-columns:1fr;gap:16px}
 .studio-chapter{margin-bottom:54px}
 .studio-name{font-size:17px;margin-bottom:12px}
 .about-centered footer{padding-top:28px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.about-centered *{transition:none!important}}
