/* 메인 밖의 페이지들: 글자 크기, 쪽 틀, 소개·커버리지·스튜디오·아카이브·문의 구성 */
:root{--k:1}
html.am-scale{--k:.85}
span{display:inline-block}
img{display:inline-block;max-width:100%;vertical-align:middle;object-fit:cover}
svg{display:inline-block;width:100%;height:100%}
button[disabled]{cursor:default}
input,textarea{display:block;border-radius:0;outline:0;background:none;color:inherit;font:inherit}
textarea{overflow:auto}

/* 글자 크기. 낱말이 큰 쪽은 화면 폭을 따른다 */
.t-xl,.t-l,.t-ml,.t-m,.t-s,.t-xs,.t-xxs{line-height:1;text-transform:uppercase}
.t-xl,.t-l,.t-ml,.t-m{font-weight:400;letter-spacing:-.03em;margin-left:-.03em}
.t-s{font-weight:500;letter-spacing:-.03em;margin-left:-.03em}
.t-xs,.t-xxs{font-weight:500;letter-spacing:0;margin-left:-.02em}
.am-scale .t-xs,.am-scale .t-xxs{letter-spacing:-.02em}
.t-xl{font-size:calc(7vw*var(--k));line-height:.8}
.t-l{font-size:calc(4.86vw*var(--k));line-height:.8}
.t-ml{font-size:calc(3.8vw*var(--k));line-height:.85}
.t-m{font-size:calc(2.8vw*var(--k))}
.t-s{font-size:calc(1.5vw*var(--k));line-height:.9}
.t-xs{font-size:calc(14px*var(--k))}
.t-xxs{font-size:calc(12px*var(--k))}
.t-body{font-size:calc(1.1111vw*var(--k));font-weight:400;line-height:1.2}
.t-body p{margin-bottom:.72vw}
.t-body :last-child{margin-bottom:0}
@media(min-width:1441px){.t-m{font-size:calc(2.78vw*var(--k))}.t-xs{font-size:calc(1vw*var(--k))}.t-xxs{font-size:calc(.9vw*var(--k))}}
@media(min-width:1921px){.t-s{font-size:calc(1.4vw*var(--k))}.t-xs{font-size:calc(.7vw*var(--k))}.t-xxs{font-size:calc(.6vw*var(--k))}.t-body{font-size:calc(.9vw*var(--k))}.t-body p{margin-bottom:.54vw}}
@media(max-width:1280px){.t-l{font-size:calc(6vw*var(--k))}.t-m{font-size:calc(4vw*var(--k))}.t-s{font-size:calc(2.2vw*var(--k))}.t-body{font-size:calc(14px*var(--k))}.t-body p{margin-bottom:8px}}
@media(max-width:768px){.t-s{font-size:calc(3.4vw*var(--k))}}
@media(max-width:480px){
 .t-xl{font-size:calc(11vw*var(--k));line-height:.9}
 .t-l{font-size:calc(9.5vw*var(--k))}
 .t-ml{font-size:calc(8.1vw*var(--k))}
 .t-m{font-size:calc(6.9vw*var(--k));line-height:1.1}
 .t-s{font-size:calc(4.4vw*var(--k));line-height:1}
 .t-body{font-size:calc(16px*var(--k))}
 .t-body p{margin-bottom:2.8vw}
}

/* 쪽 틀 */
.am-page{position:relative;z-index:2;padding:52px 0 2vw}
.am-page-tight{position:relative;z-index:2;padding-top:55px}
.am-stack{position:relative;z-index:2}
.am-grey{background-color:#f0f0f0;color:#2a2a2a}
.am-on-dark{color:#fafafa}
.am-margin{margin:0 2vw}
.am-link{position:relative;padding-bottom:2px;text-transform:uppercase}
@media(max-width:480px){.am-page{padding-bottom:4vw}.am-margin{margin:0 4vw}}

/* 등장 */
.am-lift{opacity:0;transition:opacity .5s .6s}
.am-ready .am-lift{opacity:1}
.am-grow-w{width:0;transition:width 1s cubic-bezier(.3,.3,0,1)}
.am-ready .am-grow-w{width:100%;transition-delay:var(--delay)}
.am-grow-h{height:0;transition:height 6s cubic-bezier(.3,.3,0,1)}
.am-ready .am-grow-h{height:100%;transition-delay:var(--delay)}

/* 쪽 머리: 큰 제목 아래 왼쪽 부제목, 오른쪽 설명 */
.pg-hero{display:grid;grid-template-columns:repeat(8,1fr);gap:3vw 2vw;padding:6vw 0 4vw}
.pg-hero-title{position:relative;grid-column:1/-1}
.pg-hero-sub{display:flex;flex-direction:column;align-items:flex-start;grid-column:1/3}
.pg-hero-sub>div{overflow:hidden}
.pg-hero-text{grid-column:5/8}
.pg-hero-img{height:45vw;overflow:hidden}
.pg-hero-img div{height:100%}
@media(max-width:480px){
 .pg-hero{grid-template-columns:1fr;padding:24vw 0 16vw}
 .pg-hero>*{grid-column:auto}
 .pg-hero-text{margin-top:16vw}
 .pg-hero-img{height:140vw}
 .pg-hero-img img{height:114%}
}

/* 글 구성: 큰 제목과 두 칸 설명, 왼쪽 고정 글, 나누는 여백 */
.pg-info{margin-block:8vw}
.pg-info-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8vw 2vw}
.pg-info-title{grid-column:1/-1}
.pg-info-left{grid-column:1/4}
.pg-info-right{grid-column:5/8}
.pg-info-label{display:flex;margin-bottom:2vw}
.pg-info-num{margin:.05vw 0 0 .1vw;font-size:12px}
.pg-info-list{margin-bottom:2vw}
.pg-info-list li{display:flex;flex-direction:column;align-items:flex-start}
.pg-info-block{margin-bottom:4vw}
.pg-info-block:last-child{margin-bottom:0}
.pg-info-head{margin-bottom:2vw}
.pg-split{margin-block:8vw}
.pg-split-grid{display:grid;grid-template-columns:repeat(8,1fr);column-gap:2vw}
.pg-split-grid div:first-of-type{grid-column:1/4}
.pg-split-grid div:nth-of-type(2){grid-column:5/8}
.pg-break{margin-block:8vw}
.pg-pin{display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:2vw}
.pg-pin-side{position:sticky;top:80px;width:34.75vw}
.pg-pin-head{margin-bottom:2vw}
.pg-pin-list{display:flex;flex-direction:column;gap:2vw}
.pg-img{width:100%}
@media(min-width:1921px){.pg-info-num{margin:.07vw 0 0 .2vw;font-size:.8vw}}
@media(max-width:480px){
 .pg-info{margin-block:16vw}
 .pg-info-grid{grid-template-columns:1fr;row-gap:16vw}
 .pg-info-grid>*{grid-column:auto}
 .pg-info-label,.pg-info-head{margin-bottom:4vw}
 .pg-info-num{margin:.5vw 0 0 1vw}
 .pg-info-list,.pg-info-block{margin-bottom:8vw}
 .pg-split,.pg-break{margin-block:12vw}
 .pg-split-grid{grid-template-columns:1fr;row-gap:4vw}
 .pg-split-grid div:nth-of-type(n){grid-column:auto}
 .pg-pin{grid-template-columns:1fr;row-gap:8vw}
 .pg-pin-side{position:relative;top:0;width:100%}
 .pg-pin-head{margin-bottom:4vw}
 .pg-pin-list{gap:4vw}
}

/* 스튜디오 목록: 스크롤하면 초점이 옮겨 가며 사진이 바뀐다. 움직임을 줄인 환경에서는 그냥 차례로 쌓인다 */
.st-slide{position:relative;display:block;width:100%;height:100lvh;overflow:hidden;color:#fafafa}
.st-slide::after{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent 68%,rgba(0,0,0,.32)),rgba(0,0,0,.25)}
.st-slide:focus-visible{outline:0}
.st-slide:focus-visible .st-name{text-decoration:underline;text-underline-offset:3px}
.st-photo{position:absolute;left:0;top:-10%;width:100%;height:120%;max-width:none;object-fit:cover}
.st-text{position:absolute;z-index:4;left:16px;right:16px;bottom:calc(100lvh - 100svh + 22px);text-align:center}
.st-name{overflow:hidden;font-size:14px;font-weight:500;line-height:1.25}
.st-name span{display:block}
.st-text small{display:block;margin-top:5px;font-size:10px;font-weight:500;line-height:1.35;text-transform:uppercase}
.st-pin{height:calc(100lvh + 490vh)}
.st-pin .st-stage{position:sticky;top:0;height:100lvh;overflow:hidden;isolation:isolate;background:#111}
.st-pin .st-stage::after{content:'';position:absolute;inset:0;z-index:3;background:linear-gradient(to bottom,transparent 68%,rgba(0,0,0,.32)),rgba(0,0,0,.25);pointer-events:none}
.st-pin .st-slide{position:absolute;inset:0;height:auto;overflow:visible;pointer-events:none}
.st-pin .st-slide::after{display:none}
.st-pin .st-slide.is-on{pointer-events:auto}
.st-pin .st-photo{opacity:0}
.st-pin .st-name span{transform:translateY(112%);transition:transform .6s var(--am-soft)}
.st-pin .is-on .st-name span{transform:none;transition:transform .95s cubic-bezier(.23,1,.32,1) .12s}
.st-pin .st-text small{opacity:0;transition:opacity .35s}
.st-pin .is-on .st-text small{opacity:1;transition:opacity .7s .35s}
@media(max-width:700px){
 .st-text{bottom:calc(100lvh - 100svh + 16px)}
 .st-name{font-size:13px}
 .st-text small{font-size:9.5px}
}

/* 넘기는 사진 묶음의 화살표와 번호 */
.seq-arrows{justify-content:space-between;z-index:100}
.seq-arrows button[disabled]{opacity:.2}
.seq-count{display:flex;justify-content:flex-start;width:50%}
.seq-count div:nth-child(2){margin:0 1vw}
.seq-count div:nth-child(3){color:#949494}
@media(max-width:480px){.seq-count{top:0;align-items:center;height:64px}}

/* 커버리지 */
.cov{position:relative}
.cov-row{display:grid;grid-template-columns:1fr 1fr;column-gap:2vw;margin-top:-158px;padding-top:calc(158px + 2vw);border-bottom:1px solid #949494}
.arc-card.cov-block{padding:0}
.cov-info{width:34.75vw}
.cov-title{margin-bottom:1vw}
.cov-text{margin-bottom:2vw}
@media(max-width:480px){
 .cov-row{grid-template-columns:1fr;padding-top:calc(158px + 12vw)}
 .cov-info{width:100%;margin-bottom:12vw}
 .cov-title{margin-bottom:4vw}
 .cov-text{margin-bottom:8vw}
}

/* 소개의 지점 묶음 */
.pl-section{position:relative;margin:4vw 0 8vw}
.pl-head{margin-left:2vw;overflow:hidden}
@media(max-width:480px){.pl-head{margin-left:4vw}}

/* 커버리지 사진 칸 */
.arc-card{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:1vw 1vw 0}
.arc-card [id]{position:absolute;top:-58px}
.arc-card-photo{position:relative;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;aspect-ratio:4/3}
.arc-card-img,.arc-card-img img{width:100%;height:100%;object-fit:cover}
.arc-card-text{display:flex;flex-direction:column;align-items:flex-start;margin:1.2vw 0 3vw}
@media(max-width:768px){.arc-card-text{margin:4vw 0 12vw}}
@media(max-width:480px){.arc-card{padding:0}}

/* 없는 페이지 */
.nf{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 55px);padding:0 16px;text-align:center}
.nf h1{max-width:22em;margin:18px 0 28px;font-size:clamp(22px,2.6vw,40px);font-weight:400;line-height:1.1;letter-spacing:-.025em;text-transform:uppercase}