/* CXPAPER / a material index, with the photograph extending to the edge. */
.atelier-site{--atelier-motion:cubic-bezier(.19,1,.22,1)}
.atelier-site .site-header .brand-mark{
 transform:translateX(var(--logo-offset,0px)) rotate(var(--logo-turn,0deg)) scale(var(--logo-scale,1));
}
.atelier-site .site-header .brand-letters{
 font-family:var(--font-sans);font-weight:650;letter-spacing:var(--tracking-heading);
}
.atelier-site .site-header .brand-wordmark small{font-size:8px;letter-spacing:1.85px}
.atelier-site .site-header .nav-panel.paper-folio{
 background:#f5f3ed;color:#143b31;border-top:1px solid #d6dbd2;border-bottom:0;
 box-shadow:0 25px 45px -24px #091e2690;overscroll-behavior:contain;
}
.atelier-site .paper-folio .folio-heading h2,
.atelier-site .paper-folio .folio-entry strong{font-family:var(--font-sans);font-weight:450}
.atelier-site .paper-folio .folio-entry strong{letter-spacing:var(--tracking-heading);color:#143b31}
.atelier-site .paper-folio .folio-entry small{color:#607066}
.atelier-site .paper-folio .folio-entry:before{
 inset:0;background:linear-gradient(90deg,#e8e9df,#e8e9df00);
 opacity:0;transform:none;transition:opacity 220ms ease;
}
.atelier-site .paper-folio .folio-entry.is-previewed:before{opacity:1;transform:none}
.atelier-site .paper-folio .folio-entry:after{
 content:'';position:absolute;inset:auto 0 0;height:1px;background:#143b31;
 transform:scaleX(0);transform-origin:left;transition:transform 420ms var(--atelier-motion);
}
.atelier-site .paper-folio .folio-entry.is-previewed:after{transform:scaleX(1)}
.atelier-site .paper-folio .folio-entry.is-previewed .folio-entry-copy{transform:translateX(8px)}
.atelier-site .paper-folio .folio-number{color:#8b978c;font-size:10px;padding-top:5px}
.atelier-site .paper-folio .folio-entry.is-previewed .folio-number{color:#a74629}
.atelier-site .paper-folio .folio-image{
 opacity:0;visibility:hidden;clip-path:none;transition:none;
}
.atelier-site .paper-folio .folio-image.is-current{
 opacity:1;visibility:visible;clip-path:none;z-index:1;
}
.atelier-site .paper-folio .folio-image.is-current img{transform:none}
.atelier-site .paper-folio .folio-preview-stack:before,
.atelier-site .paper-folio .folio-preview-stack:after,
.atelier-site .paper-folio .folio-fold,
.atelier-site .paper-folio .folio-registration{display:none}
.atelier-site .paper-folio .folio-entry:focus-visible{outline:2px solid #bc5635;outline-offset:3px}
.atelier-site .paper-folio .folio-all,
.atelier-site .paper-folio .folio-footer a{color:#143b31}
.atelier-site .paper-folio .folio-all:hover,
.atelier-site .paper-folio .folio-footer a:hover{color:#bc5635}

@media(min-width:1051px){
 .atelier-site .site-header .nav-panel.paper-folio{max-height:calc(100svh - 88px)}
 .atelier-site .paper-folio .folio-sheet{
  width:100%;display:grid;grid-template-columns:44% 56%;
  grid-template-rows:auto 1fr auto;min-height:min(650px,calc(100svh - 88px));
  padding:0;margin:0;
 }
 .atelier-site .paper-folio .folio-heading{
  grid-column:1;grid-row:1;display:block;border:0;
  margin:0;padding:30px clamp(28px,3.5vw,64px) 16px;
 }
 .atelier-site .paper-folio .folio-kicker{font-size:9px;letter-spacing:1.65px;margin-bottom:9px;color:#68766b}
 .atelier-site .paper-folio .folio-heading h2{font-size:clamp(22px,1.65vw,27px);line-height:1.18;max-width:420px;margin-bottom:12px}
 .atelier-site .paper-folio .folio-all{font-size:11px;padding:0 0 3px;background-size:100% 1px}
 .atelier-site .paper-folio .folio-body{display:contents}
 .atelier-site .paper-folio .folio-index{
  grid-column:1;grid-row:2;padding:0 clamp(28px,3.5vw,64px);justify-content:center;
 }
 .atelier-site .paper-folio .folio-entry{
  grid-template-columns:28px minmax(0,1fr);gap:11px;padding:11px 10px 12px 0;
  min-height:62px;border-color:#d6dbd2;
 }
 .atelier-site .paper-folio .folio-entry strong{font-size:clamp(21px,1.85vw,29px);line-height:1.15}
 .atelier-site .paper-folio .folio-entry small{font-size:11px;margin-top:5px}
 .atelier-site .paper-folio .folio-preview{
  grid-column:2;grid-row:1 / 4;display:block;position:relative;padding:0;min-height:420px;
  overflow:hidden;background:#d7d8ce;
 }
 .atelier-site .paper-folio .folio-preview-stack{
  position:absolute;inset:0;min-height:100%;aspect-ratio:auto!important;
  background:#e4e4da;
 }
 .atelier-site .paper-folio .folio-image img{object-position:center;width:100%;height:100%;transform:none}
 .atelier-site .paper-folio .folio-image-label{
  inset:24px auto auto 24px;background:#f5f3edeb;padding:7px 9px;
  font-size:8px;letter-spacing:1px;max-width:calc(100% - 48px);
 }
 .atelier-site .paper-folio .folio-caption{
  position:absolute;inset:auto 0 0;z-index:4;color:white;
  padding:70px 28px 25px;background:linear-gradient(transparent,#10231ee6);
  font-size:12px;align-items:flex-end;min-height:120px;
 }
 .atelier-site .paper-folio .folio-caption>span:first-child{max-width:400px}
 .atelier-site .paper-folio .folio-preview-count{color:#ffffffba;font-size:10px}
 .atelier-site .paper-folio .folio-footer{
  grid-column:1;grid-row:3;margin:20px clamp(28px,3.5vw,64px) 0;
  padding:14px 0 24px;font-size:9px;align-items:flex-end;gap:20px;
 }
 .atelier-site .paper-folio .folio-footer>span{max-width:225px}
 .atelier-site .paper-folio .folio-footer a{font-size:11px;white-space:nowrap}
}

@keyframes atelier-index-enter{
 from{opacity:0;transform:translateY(18px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes atelier-image-enter{
 from{clip-path:inset(0 0 100% 0)}
 to{clip-path:inset(0 0 0 0)}
}
@media(min-width:1051px) and (prefers-reduced-motion:no-preference){
 .atelier-site .paper-folio[data-sheet-state=open] .folio-heading,
 .atelier-site .paper-folio[data-sheet-state=open] .folio-entry,
 .atelier-site .paper-folio[data-sheet-state=open] .folio-footer{
  animation:atelier-index-enter 470ms var(--atelier-motion) both;
 }
 .atelier-site .paper-folio[data-sheet-state=open] .folio-heading{animation-delay:20ms}
 .atelier-site .paper-folio[data-sheet-state=open] .folio-entry:nth-child(1){animation-delay:45ms}
 .atelier-site .paper-folio[data-sheet-state=open] .folio-entry:nth-child(2){animation-delay:75ms}
 .atelier-site .paper-folio[data-sheet-state=open] .folio-entry:nth-child(3){animation-delay:105ms}
 .atelier-site .paper-folio[data-sheet-state=open] .folio-entry:nth-child(4){animation-delay:135ms}
 .atelier-site .paper-folio[data-sheet-state=open] .folio-entry:nth-child(5){animation-delay:165ms}
 .atelier-site .paper-folio[data-sheet-state=open] .folio-entry:nth-child(6){animation-delay:195ms}
 .atelier-site .paper-folio[data-sheet-state=open] .folio-footer{animation-delay:180ms}
 .atelier-site .paper-folio[data-sheet-state=open] .folio-image.is-current{
  animation:atelier-image-enter 620ms var(--atelier-motion) both;
 }
}
@media(min-width:1051px) and (max-height:780px){
 .atelier-site .paper-folio .folio-heading{padding-top:20px;padding-bottom:10px}
 .atelier-site .paper-folio .folio-heading h2{font-size:21px}
 .atelier-site .paper-folio .folio-entry{min-height:55px;padding-block:8px}
 .atelier-site .paper-folio .folio-entry strong{font-size:22px}
 .atelier-site .paper-folio .folio-footer{margin-top:10px;padding-bottom:18px}
}
@media(max-width:1050px){
 .atelier-site .site-header #main-nav{background:#f5f3ed}
 .atelier-site .site-header .nav-parent{font-family:var(--font-sans);font-size:22px}
 .atelier-site .paper-folio .folio-sheet{padding:16px 0 3px}
 .atelier-site .paper-folio .folio-heading h2{font-size:20px}
 .atelier-site .paper-folio .folio-entry{padding:12px 6px;min-height:64px}
 .atelier-site .paper-folio .folio-entry strong{font-size:19px}
 .atelier-site .paper-folio .folio-entry.is-previewed .folio-entry-copy{transform:none}
 .atelier-site .paper-folio .folio-number{font-size:9px}
 .atelier-site .paper-folio .folio-footer{padding-top:14px}
}

/* The new hero owns its media transform; legacy parallax stays on older pages. */
.atelier-site .atelier-hero .hero-copy{transform:none}
.atelier-site .atelier-hero .film-media>picture,
.atelier-site .atelier-hero .film-media>video{
 transform:translate3d(0,var(--atelier-hero-drift,0px),0) scale(var(--atelier-hero-scale,1.06));
 transform-origin:50% 60%;
}
.atelier-site .observatory-stage [data-observation-image] img{
 transform:translate3d(0,var(--observatory-drift,0px),0) scale(1.045);
}
@media(max-width:760px){
 .atelier-site .atelier-hero .film-media>picture,
 .atelier-site .atelier-hero .film-media>video{transform:none}
 .atelier-site .observatory-stage [data-observation-image] img{transform:none}
}
@media(prefers-reduced-motion:reduce){
 .atelier-site .site-header .brand-mark,
 .atelier-site .site-header .brand-wordmark,
 .atelier-site .site-header .brand-letters>span{transform:none;transition:none}
 .atelier-site .paper-folio .folio-heading,
 .atelier-site .paper-folio .folio-entry,
 .atelier-site .paper-folio .folio-footer,
 .atelier-site .paper-folio .folio-image.is-current{animation:none!important}
 .atelier-site .paper-folio .folio-entry:before,
 .atelier-site .paper-folio .folio-entry:after,
 .atelier-site .paper-folio .folio-entry-copy,
 .atelier-site .paper-folio .folio-number,
 .atelier-site .paper-folio .folio-all,
 .atelier-site .paper-folio .folio-footer a{transition:none}
 .atelier-site .atelier-hero .film-media>picture,
 .atelier-site .atelier-hero .film-media>video,
 .atelier-site .observatory-stage [data-observation-image] img{transform:none}
}