/* galleria */

@media (max-width:760px){
  main{margin-left:0;padding-top:52px}
}

/* hide section eyebrows */
.eyerow{display:none!important}

@media (min-width:1600px){
  main{margin-left:calc((100vw - 1560px) / 2 + var(--rail));margin-right:calc((100vw - 1560px) / 2)}
}

main{
  margin-left:0!important;
  margin-right:0!important;
  max-width:1560px!important;
  margin-inline:auto!important;
  padding-top:0!important;
}
#galleria .gseq{margin-top:clamp(30px,5vw,60px)}
/* gallery copy */
#galleria .gintro2{
  margin:clamp(-18px,-1.4vw,-8px) 0 clamp(40px,6vw,70px);
  display:grid;
  gap:clamp(14px,1.8vw,26px);
  max-width:96ch;
}

@media (min-width:1000px){
  #galleria .gintro2{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(40px,5vw,90px)}
}

#galleria .gintro2 p{
  font-family:var(--serif);
  font-size:clamp(15px,1.35vw,18px);
  line-height:1.65;
  color:var(--soft);
  max-width:52ch;
}
#galleria .glab{
  font-family:var(--mono);
  font-size:clamp(10px,1.1vw,12px);
  letter-spacing:.28em;
  text-transform:uppercase;
  color:var(--bronze);
  margin:clamp(64px,11vh,150px) 0 clamp(22px,3vw,40px);
}
#galleria .gseq>.glab:first-child{margin-top:0}
#galleria .gfull{margin:clamp(26px,3.5vw,52px) 0}
#galleria .gpair{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:clamp(16px,2.2vw,40px);
  align-items:center;
  margin:clamp(26px,3.5vw,52px) 0;
}
#galleria .gfull img, #galleria .gpair img, #galleria .gport img{width:100%;height:auto;display:block}

@media (max-width:760px){
  #galleria .gpair{grid-template-columns:1fr;gap:clamp(20px,5vw,30px)}
  #galleria .glab{margin-top:clamp(44px,9vh,80px)}
}

@media print{
  .intro, .curve, .viewer{display:none!important}
  main{margin-left:0!important}
  html.js .rvf, html.js .rv{opacity:1!important;transform:none!important}
  .rvl .word, .rvl .char, .mlc b, .ml b{transform:none!important;opacity:1!important}
  section{break-inside:avoid;padding:18pt 0}
  .footer, .foot{background:none!important;color:#18160F!important}
}

/* explicit line breaks on desktop */
.footer .cinvite{max-width:none}

@media (max-width:900px){
  .footer .cinvite{max-width:38ch}
}

/* galleria - horizontal contact sheet (js-activated) */
.ghwrap.ghon{position:relative}
.ghwrap.ghon .ghvp{position:sticky;top:0;height:100vh;height:100lvh;overflow:hidden;display:flex;align-items:center}
.ghwrap.ghon .gseq{
  display:flex;
  align-items:center;
  gap:clamp(28px,4vw,72px);
  width:max-content;
  padding:0 var(--gut);
  will-change:transform;
}
.ghwrap.ghon .glab{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-family:var(--mono);
  font-size:10.5px;
  letter-spacing:.24em;
  text-transform:uppercase;
  color:var(--bronze);
  margin:0;
  white-space:nowrap;
  align-self:center;
}
.ghwrap.ghon .gfull{margin:0;flex:0 0 auto}
#galleria .ghwrap.ghon .gfull img{height:min(66vh,720px);width:auto;max-width:none;display:block}
.ghwrap.ghon .gpair{display:flex;flex-direction:column;gap:clamp(14px,2vh,24px);margin:0;flex:0 0 auto}
#galleria .ghwrap.ghon .gpair img{height:min(31vh,340px);width:auto;max-width:none;display:block}
.ghwrap.ghon .ghprog{
  position:absolute;
  left:var(--gut);
  right:var(--gut);
  bottom:clamp(22px,4vh,40px);
  height:1px;
  background:var(--line2);
}
.ghwrap.ghon .ghprog i{display:block;height:100%;background:var(--olive);transform:scaleX(0);transform-origin:left}
.ghwrap:not(.ghon) .ghprog{display:none}
.ghwrap.ghon .gseq{counter-reset:gl}
.ghwrap.ghon .glab{counter-increment:gl;margin:0 clamp(26px,4.5vw,84px)}
.ghwrap.ghon .glab::before{
  content:counter(gl,decimal-leading-zero);
  display:block;
  margin-bottom:14px;
  color:var(--line2);
  letter-spacing:.1em;
}
.ghwrap.ghon .gfull, .ghwrap.ghon .gpair>div{overflow:hidden}
.ghwrap.ghon .gseq img{transition:transform .9s cubic-bezier(.16,1,.3,1)}
.ghwrap.ghon .gfull:hover img, .ghwrap.ghon .gpair>div:hover img{transform:scale(1.03)}

@media (prefers-reduced-motion:reduce){
  .ghwrap.ghon .gseq img{transition:none}
}
