/* 스튜디오 상세: 제목은 세 단계. 머리와 쉬어 가는 글은 가운데, 잡지 같은 펼침은 좌우로 벌린다. */
main.studio-main,body.arsen-white main{--dt-title:clamp(36px,5.95vw,90px);--dt-large:clamp(30px,4.131vw,62px);--dt-small:clamp(22px,2.8vw,42px)}
main.studio-main .t-xl,body.arsen-white main .t-xl{font-size:var(--dt-title);line-height:.92;letter-spacing:-.035em;margin-left:0}
main.studio-main .t-l,body.arsen-white main .t-l{font-size:var(--dt-large);line-height:.95;letter-spacing:-.03em;margin-left:0}
main.studio-main .t-ml,main.studio-main .t-m,body.arsen-white main .t-ml,body.arsen-white main .t-m{font-size:var(--dt-small);line-height:1;letter-spacing:-.025em;margin-left:0}
main.studio-main h1[class],body.arsen-white main h1[class]{font-size:var(--dt-title);line-height:.92;letter-spacing:-.035em;margin:0}
main.studio-main .aura-opening h2{font-size:var(--dt-large)}
/* 아주 긴 글만 문장으로 읽는다 */
main.studio-main p.dt-long,body.arsen-white main p.dt-long{max-width:32em;font-size:clamp(20px,1.9vw,30px);line-height:1.22;letter-spacing:-.015em;text-transform:none}
/* 머리 */
main.studio-main .studio-hero{padding-top:clamp(48px,6vw,115px);text-align:center}
main.studio-main .studio-kicker{justify-content:center;gap:clamp(14px,2vw,28px);margin-bottom:clamp(20px,2.4vw,36px)}
main.studio-main .aura-hero .studio-kicker{flex-direction:column-reverse;align-items:center;gap:clamp(20px,2.4vw,36px)}
main.studio-main .glen-opening,main.studio-main .aura-opening{text-align:left}
body.arsen-white .pg-hero{display:block;padding-top:clamp(48px,6vw,115px);margin-top:0;text-align:center}
body.arsen-white .pg-hero-title,body.arsen-white .pg-hero-sub,body.arsen-white .pg-hero-text{position:static;display:block;width:auto;margin:0;transform:none}
body.arsen-white .pg-hero-sub,body.arsen-white .pg-hero-text{margin-top:clamp(20px,2.4vw,36px)}
body.arsen-white .pg-hero-text h2{font-size:clamp(16px,1.5vw,22px);line-height:1.15}
/* 가운데 글: 선언과 편지, 쉬어 가는 자리 */
main.studio-main .copy-manifesto,main.studio-main .copy-letter,main.studio-main .copy-pause{text-align:center}
main.studio-main .copy-manifesto .copy-main,main.studio-main .copy-letter .copy-main,main.studio-main .copy-pause .copy-main{width:auto;max-width:none;margin-left:auto;margin-right:auto}
main.studio-main .copy-manifesto p.dt-long,main.studio-main .copy-letter p.dt-long{margin-left:auto;margin-right:auto}
main.studio-main .copy-letter .copy-main{max-width:34em}
main.studio-main .copy-manifesto .copy-body,main.studio-main .copy-letter .copy-body,main.studio-main .copy-pause .copy-body{width:auto;max-width:30em;margin-left:auto;margin-right:auto;text-align:center}
main.studio-main .copy-manifesto .copy-label,main.studio-main .copy-letter .copy-label{margin-left:auto;margin-right:auto}
body.arsen-white .arsen-letter,body.arsen-white .arsen-principles{text-align:center}
body.arsen-white .arsen-principles li{display:block}
body.arsen-white .arsen-principle-body{margin-top:8px}
/* 합친 캐러셀: 한 화면에 한 장이 다 들어오는 크기 */
.dt-seq-row.layout-single,.dt-seq-row.studio-row.layout-single{width:auto;margin:clamp(40px,5vw,80px) auto;display:block}
.dt-seq-p .arsen-sequence{width:min(34vw,calc((100svh - 150px)*.68));margin:auto}
.dt-seq-l .arsen-sequence,.dt-seq-s .arsen-sequence{width:min(58vw,calc((100svh - 150px)*1.4));margin:auto}
/* 잡지 같은 큰 글: 스튜디오마다 중간에 한 번 */
.dt-mag{padding:clamp(72px,9vw,150px) 16px}
.studio-gallery .dt-mag{margin:0 calc(-1*var(--gutter))}
.dt-mag p{margin:0;font-size:clamp(26px,3.6vw,64px);font-weight:400;line-height:.98;letter-spacing:-.03em;text-transform:uppercase;text-align:left;text-wrap:pretty}
/* 하단 문의: 스튜디오마다 다르게 */
.dt-cta{position:relative;padding:clamp(88px,10vw,168px) 16px;text-align:center}
.dt-cta-title{font-size:var(--dt-large);font-weight:400;line-height:.95;letter-spacing:-.03em;text-transform:uppercase}
.dt-cta p{margin:clamp(14px,1.6vw,22px) 0 clamp(20px,2.2vw,30px);font-size:14px;font-weight:400;line-height:1.3}
.dt-back{display:block;width:max-content;margin:18px auto 0;font-size:10px;font-weight:500;text-transform:uppercase;transition:letter-spacing .55s var(--am-soft)}
.dt-cta figure{margin:0}
.dt-cta img{display:block;width:100%;height:auto}
@media(hover:hover) and (pointer:fine){.dt-back:hover{letter-spacing:.14em}}
.dt-cta-arsen{display:grid;grid-template-columns:minmax(0,18vw) minmax(0,1fr) minmax(0,18vw);gap:clamp(24px,4vw,64px);align-items:center;padding-left:clamp(16px,4vw,64px);padding-right:clamp(16px,4vw,64px)}
.dt-cta-glenhaus{display:flex;align-items:center;justify-content:flex-start;min-height:100svh;padding:0 16px;overflow:hidden;background:#000;color:#f0f0f0}
.dt-cta-bg{position:absolute;inset:0}
.dt-cta-bg img{width:100%;height:100%;object-fit:cover;opacity:.72}
.dt-cta-glenhaus .dt-cta-copy{position:relative;width:50%}
.dt-cta-aura figure{width:min(22vw,44svh);margin:0 auto clamp(32px,4vw,64px)}
.dt-cta-lean{padding-top:clamp(120px,14vw,220px);padding-bottom:clamp(120px,14vw,220px)}
.dt-cta-lean .dt-cta-title{font-size:var(--dt-small);line-height:1}
@media(max-width:700px){
 main.studio-main,body.arsen-white main{--dt-title:9.35vw;--dt-large:8.075vw;--dt-small:6.9vw}
 main.studio-main p.dt-long,body.arsen-white main p.dt-long{font-size:19px;line-height:1.25}
 main.studio-main .studio-hero,body.arsen-white .pg-hero{padding-top:99px}
 main.studio-main .copy-manifesto .copy-body,main.studio-main .copy-letter .copy-body,main.studio-main .copy-pause .copy-body{max-width:84%}
 .dt-seq-row.layout-single,.dt-seq-row.studio-row.layout-single{margin:44px auto}
 .dt-seq-p .arsen-sequence{width:82vw}
 .dt-seq-l .arsen-sequence,.dt-seq-s .arsen-sequence{width:92vw}
 .dt-mag{padding:64px 16px}
 .dt-mag p{font-size:7.4vw;line-height:1}
 .dt-cta-arsen{grid-template-columns:1fr 1fr;gap:10px}
 .dt-cta-arsen .dt-cta-copy{grid-column:1/-1;grid-row:2;padding-top:44px}
 .dt-cta-aura figure{width:56vw}
 .dt-cta-glenhaus{justify-content:center}
 .dt-cta-glenhaus .dt-cta-copy{width:auto}
 .dt-cta-bg img{object-position:74% 50%}
}