.studio-page{--paper:#fff;--ink:#2a2a2a;--gutter:2vw;background:var(--paper);color:var(--ink)}
.studio-page[data-studio="glenhaus"]{--paper:#000;--ink:#f0f0f0}
.studio-page [data-tone="dark"]{--paper:#000;--ink:#f0f0f0;background:var(--paper);color:var(--ink)}
.studio-page [data-tone="light"]{--paper:#fff;--ink:#2a2a2a;background:var(--paper);color:var(--ink)}
.studio-page #site-nav{background:var(--paper);color:var(--ink)}

.studio-page #site-nav a:after,.studio-page .am-link:after{background:currentColor!important}
.studio-main{padding-top:56px}
.studio-act{display:flow-root;padding:1px 0 4vw}
.studio-hero{padding:6vw var(--gutter) 7vw}
.studio-kicker{display:flex;gap:2vw;justify-content:space-between;margin-bottom:3vw}
.studio-image,.studio-sequence{min-width:0;margin:0}
.studio-image img{display:block;width:100%;height:auto}
.glen-opening{display:grid;grid-template-columns:1fr 1fr;gap:2vw;margin-top:5vw;align-items:center}
.glen-opening .studio-image{width:70%;margin-left:auto;margin-right:8%}
.glen-opening-copy{align-self:end;padding-bottom:9vw}
.glen-opening-copy .t-body{width:54%;margin-top:3vw}
.aura-opening{display:grid;grid-template-columns:34% 1fr;gap:8%;align-items:center;margin-top:5vw}
.aura-opening-copy .t-body{width:58%;margin-top:3vw;margin-left:auto}
.lean-hero{text-align:center;padding-top:7vw}
.lean-hero .studio-kicker{justify-content:center;margin-bottom:3vw}
.lean-hero h1{margin-bottom:2.5vw}
.lean-hero .studio-image{width:30%;margin:5vw auto 0}
.studio-gallery{padding:0 var(--gutter)}
.studio-row{display:grid;gap:2vw;align-items:start;margin:0 0 3vw}
.studio-row.layout-pair{grid-template-columns:repeat(2,minmax(0,1fr));align-items:center}
.studio-row.layout-stagger{grid-template-columns:1.35fr .8fr;gap:10vw;align-items:start}
.studio-row.layout-stagger>:last-child{margin-top:12vw}
.studio-row.layout-reverse{grid-template-columns:.8fr 1.35fr;gap:10vw;align-items:start}
.studio-row.layout-reverse>:first-child{margin-top:12vw}
.studio-row.layout-contact{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:1.2vw}
.studio-row.layout-single{width:72%;margin:6vw auto}
.studio-row.layout-single.is-portrait{width:46%}
.studio-row.layout-full{margin:4vw calc(-1 * var(--gutter))}
.studio-row.layout-full.is-portrait{margin:4vw auto;width:58%}
.studio-row.layout-book{grid-template-columns:repeat(2,minmax(0,1fr));gap:10vw;margin:8vw 8vw;align-items:center}
.studio-row.layout-small{width:36%;margin:7vw auto 7vw 8vw}
.studio-row.layout-small.align-right{margin-left:auto;margin-right:8vw}
[data-studio="glenhaus"] .studio-row.layout-contact{margin:6vw 0}
[data-studio="glenhaus"] .studio-gallery{padding-bottom:2vw}
[data-studio="aura"] .studio-row.layout-pair{gap:1vw}
[data-studio="aura"] .studio-row.layout-full{margin-top:0;margin-bottom:5vw}
[data-studio="lean"] .studio-gallery{--gutter:7vw;padding:0 var(--gutter)}
[data-studio="lean"] .studio-row{margin-bottom:7vw}
[data-studio="lean"] .studio-row.layout-pair{gap:7vw;align-items:end}
[data-studio="lean"] .studio-row.layout-single{width:64%;margin-top:9vw;margin-bottom:9vw}
[data-studio="lean"] .studio-row.layout-single.is-portrait{width:42%}
[data-studio="lean"] .studio-row.layout-contact{gap:4vw;margin:9vw 0}
[data-studio="lean"] .studio-row.layout-stagger{gap:14vw}
.studio-copy{padding:7vw var(--gutter) 9vw}
.studio-copy p{margin-bottom:0}
.studio-copy .copy-label{margin-bottom:3vw}
.studio-copy .copy-body{margin-top:3vw}
.copy-manifesto .copy-main{width:78%}
.copy-manifesto .copy-body{width:33%;margin:4vw 0 0 auto}
.copy-offset .copy-main{width:65%;margin-left:auto}
.copy-offset .copy-body{width:35%;margin:4vw auto 0 0}
.copy-dialogue .copy-main{display:grid;grid-template-columns:1fr 1fr;gap:4vw}
.copy-dialogue .copy-main>:last-child{padding-top:7vw;text-align:right}
.copy-dialogue .copy-body{width:38%;margin:4vw auto 0}
.copy-note .copy-main{width:40%;margin-left:8vw}
.copy-note .copy-body{max-width:27vw;margin:3vw 8vw 0 auto}
.copy-letter .copy-main{width:40%;margin:0 auto}
.copy-letter .copy-main p+p{margin-top:1.5em}
.copy-book .copy-main{display:grid;grid-template-columns:1fr 1.3fr;gap:12vw}
.copy-book .copy-body{width:36%;margin:4vw 0 0 auto}
.copy-line .copy-main{display:flex;justify-content:space-between;gap:4vw;align-items:baseline}
.copy-line .copy-body{width:35%;margin:5vw 0 0 auto}
.copy-pause{text-align:center;padding:10vw var(--gutter)}
.copy-pause .copy-main{max-width:73%;margin:auto}
.copy-pause .copy-body{width:32%;margin:3vw auto 0;text-align:left}
.copy-essay .copy-main{width:66%;margin-left:17%}
.copy-essay .copy-body{width:33%;margin:4vw 0 0 50%}
.copy-steps .copy-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4vw}
.copy-steps .copy-main>div:nth-child(2){padding-top:4vw}
.copy-steps .copy-main>div:nth-child(3){padding-top:8vw}
.copy-steps .copy-body{width:39%;margin-top:4vw}
[data-studio="lean"] .studio-copy{padding-top:9vw;padding-bottom:12vw}
[data-studio="lean"] .copy-note .copy-main{margin-left:50%;width:40%}
.studio-sequence .arsen-sequence-controls{color:inherit}
@media(max-width:480px){
 .studio-page{--gutter:4vw}
 .studio-hero{padding-top:10vw;padding-bottom:14vw}
 .studio-kicker{gap:4vw;margin-bottom:8vw;align-items:start}
 .glen-opening{grid-template-columns:1fr;gap:8vw;margin-top:10vw}
 .glen-opening-copy{padding-bottom:0}
 .glen-opening-copy .t-body{width:70%;margin-top:6vw}
 .glen-opening .studio-image{width:72%;margin-left:auto;margin-right:0}
 .aura-opening{grid-template-columns:39% 1fr;gap:6%;margin-top:8vw;align-items:start}
 .aura-opening-copy .t-body{width:100%;margin:7vw 0 0}
 .aura-opening h2{overflow-wrap:normal}
 .lean-hero .studio-image{width:66%;margin-top:10vw}
 .lean-hero h1{margin-bottom:6vw}
 .studio-row{gap:4vw;margin-bottom:6vw}
 .studio-row.layout-stagger,.studio-row.layout-reverse{gap:5vw;grid-template-columns:1.2fr 1fr}
 .studio-row.layout-stagger>:last-child,.studio-row.layout-reverse>:first-child{margin-top:14vw}
 .studio-row.layout-contact{grid-template-columns:repeat(2,minmax(0,1fr));gap:4vw}
 .studio-row.layout-contact>:first-child:nth-last-child(3){grid-column:1/-1;width:70%;margin:0 auto 4vw}
 .studio-row.layout-single,.studio-row.layout-single.is-portrait{width:82%;margin:10vw auto}
 .studio-row.layout-full.is-portrait{width:100%}
 .studio-row.layout-book{gap:4vw;margin:12vw 0}
 .studio-row.layout-small{width:65%;margin:12vw 0}
 .studio-row.layout-small.align-right{margin-right:0}
 [data-studio="glenhaus"] .studio-row.layout-contact{margin:10vw 0}
 [data-studio="lean"] .studio-gallery{--gutter:4vw;padding:0 var(--gutter)}
 [data-studio="lean"] .studio-row{margin-bottom:12vw}
 [data-studio="lean"] .studio-row.layout-single,[data-studio="lean"] .studio-row.layout-single.is-portrait{width:76%;margin:14vw auto}
 [data-studio="lean"] .studio-row.layout-contact{gap:4vw;margin:14vw 0}
 [data-studio="lean"] .studio-row.layout-stagger{gap:6vw}
 .studio-copy{padding:15vw var(--gutter) 18vw}
 .studio-copy .copy-label{margin-bottom:7vw}
 .studio-copy .copy-body{margin-top:8vw}
 .copy-manifesto .copy-main,.copy-offset .copy-main{width:100%}
 .copy-manifesto .copy-body,.copy-offset .copy-body{width:76%;margin-top:8vw}
 .copy-dialogue .copy-main{grid-template-columns:1fr;gap:6vw}
 .copy-dialogue .copy-main>:last-child{padding-top:0}
 .copy-dialogue .copy-body{width:80%;margin:8vw 0 0 auto}
 .copy-note .copy-main{width:84%;margin:0}
 .copy-note .copy-body{max-width:none;width:72%;margin:8vw 0 0 auto}
 .copy-letter .copy-main{width:88%}
 .copy-book .copy-main{grid-template-columns:1fr;gap:8vw}
 .copy-book .copy-body{width:78%;margin-top:8vw}
 .copy-line .copy-main{flex-wrap:wrap;gap:3vw 6vw}
 .copy-line .copy-body{width:76%;margin-top:8vw}
 .copy-pause .copy-main{max-width:100%}
 .copy-pause .copy-body{width:78%;margin-top:8vw}
 .copy-essay .copy-main{width:92%;margin:0 0 0 auto}
 .copy-essay .copy-body{width:78%;margin:8vw 0 0 auto}
 .copy-steps .copy-main{gap:6vw;grid-template-columns:1fr}
 .copy-steps .copy-main>div:nth-child(2){padding-top:0;margin-left:15%}
 .copy-steps .copy-main>div:nth-child(3){padding-top:0;margin-left:30%}
 .copy-steps .copy-body{width:78%;margin-top:8vw}
 [data-studio="lean"] .studio-copy{padding-top:18vw;padding-bottom:22vw}
 [data-studio="lean"] .copy-note .copy-main{width:86%;margin-left:auto}
}