/* STILL · Copyright 2026 DeltyWeb Ltd. All rights reserved.
   Base typography, site layout, booking and collection scenes. Component controls and the gallery palette are defined in the subsequent stylesheets. */

@font-face{font-family:Manrope;src:url('../media/fonts/manrope-variable.ttf') format('truetype');font-weight:400 800;font-display:swap}

@font-face{font-family:DM;src:url('../media/fonts/dm-sans-variable.ttf') format('truetype');font-weight:400 700;font-display:swap}

*{
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
  scroll-padding-top:110px;
}

body{
  margin:0;
  background:var(--paper);
  color:var(--ink);
  font-size:15px;
  line-height:1.5;
}

button,
input{
  font:inherit;
}

button,
a{
  -webkit-tap-highlight-color:transparent;
}

button{
  cursor:pointer;
  color:inherit;
}

button{
  border:0;
  background:none;
}

a{
  color:inherit;
  text-decoration:none;
}

button:focus-visible,
a:focus-visible,
input:focus-visible,
canvas:focus-visible{
  outline:2px solid #72885d;
  outline-offset:5px;
}

svg{
  width:24px;
  height:24px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.5;
  stroke-linecap:round;
  stroke-linejoin:round;
}

img{
  display:block;
  max-width:100%;
}

h1,
h2,
h3,
p{
  margin:0;
}

h1,
h2,
h3{
  font-family:Manrope,Arial,sans-serif;
  font-weight:500;
}

button:disabled{
  opacity:.3;
  cursor:default;
}

[hidden]{
  display:none!important;
}

.svg-library{
  position:absolute;
  width:0;
  height:0;
  overflow:hidden;
}

.skip-link{
  position:fixed;
  left:20px;
  top:-100px;
  background:var(--ink);
  color:white;
  padding:14px;
  z-index:300;
}

.skip-link:focus{
  top:15px;
}

.site-header{
  position:sticky;
  top:0;
  z-index:30;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
}

.brand{
  display:flex;
  align-items:center;
}

.brand-name{
  line-height:1;
}

.brand-caption{
  border-left:1px solid var(--line);
}

.desktop-nav{
  display:flex;
  align-items:center;
}

.desktop-nav>a,
.nav-dropdown>button{
  padding:14px 0;
}

.tiny-plus{
  margin-left:8px;
}

.header-actions{
  display:flex;
  align-items:center;
}

.icon-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:38px;
  padding:0;
}

.saved-trigger{
  position:relative;
}

.save-count{
  position:absolute;
  border-radius:50%;
}

.menu-button{
  display:none;
}

.nav-dropdown{
  position:relative;
}

.exhibition-panel{
  position:absolute;
  top:48px;
  left:-50px;
  border:1px solid var(--line);
  z-index:40;
}

.exhibition-panel>a{
  display:block;
  padding:20px 0 10px;
  border-bottom:1px solid var(--line);
}

.exhibition-panel strong{
  display:block;
}

.exhibition-panel>a>span{
  font-size:11px;
  color:var(--muted);
  display:flex;
  justify-content:space-between;
}

.eyebrow{
  line-height:1.5;
}

.live-dot{
  border-radius:50%;
  display:inline-block;
  margin-right:9px;
  vertical-align:1px;
}

.hero-eyebrow{
  display:flex;
  justify-content:space-between;
}

.hero-heading-row{
  display:flex;
  justify-content:space-between;
}

.hero h1>span{
  margin-left:7.3vw;
}

.text-link{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  font-size:12px;
  font-weight:500;
}

.round-arrow{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid #92998b;
  border-radius:50%;
  width:42px;
  height:42px;
  transition:.25s;
}

.round-arrow svg{
  width:16px;
}

.text-link:hover .round-arrow{
  background:var(--ink);
  color:var(--paper);
  transform:rotate(8deg);
}

.hero-art{
  display:block;
  position:relative;
  overflow:hidden;
  background:#2f2f2f;
}

.hero-art img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 48%;
}

.hero-art:after{
  content:'';
  position:absolute;
  inset:0;
}

.hero-art:hover img{
  transform:scale(1.025);
}

.hero-art-top,
.hero-art-bottom{
  position:absolute;
  z-index:1;
  display:flex;
  justify-content:space-between;
  color:#f3f4e9;
}

.hero-art-bottom{
  align-items:flex-end;
}

.hero-art em{
  font-family:var(--serif);
  font-weight:400;
  letter-spacing:-.04em;
}

.large-circle{
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #eff0e799;
  border-radius:50%;
  margin-bottom:4px;
}

.hero-caption{
  display:flex;
  justify-content:space-between;
  color:var(--muted);
}

.gallery-section{
  border-top:1px solid var(--line);
}

.section-heading{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:35px;
}

.section-intro{
  color:var(--muted);
}

.small-number{
  font-style:italic;
  display:block;
}

.gallery-toolbar{
  display:flex;
  justify-content:space-between;
  gap:20px;
}

.filters{
  display:flex;
}

.filters button{
  border-bottom:1px solid transparent;
  color:var(--muted);
  white-space:nowrap;
}

.filters button.active{
  color:var(--ink);
}

.view-controls{
  display:flex;
}

.view-controls button{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--muted);
}

.spatial-view{
  position:relative;
}

.stage-top,
.stage-bottom{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:space-between;
  z-index:3;
}

.stage-top>button{
  letter-spacing:.3px;
}

#motion-toggle{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:7px 10px;
  border:1px solid transparent;
  border-radius:999px;
  transition:background .2s,border-color .2s,color .2s;
  position:relative;
  z-index:5;
}

#motion-toggle:focus-visible{
  outline:1px solid #c9d3be;
  outline-offset:3px;
}

.motion-light{
  display:inline-block;
  height:6px;
  width:6px;
  border-radius:50%;
  margin-left:1px;
  transition:opacity .2s,box-shadow .2s,transform .2s;
}

#motion-toggle[aria-pressed="true"] .motion-light{
  opacity:1;
  transform:scale(1);
}

#motion-toggle[aria-pressed="false"] .motion-light{
  opacity:.28;
  box-shadow:none;
  transform:scale(.86);
}

.drag-line{
  margin-left:10px;
  font-size:19px;
  line-height:0;
}

#gallery-canvas{
  width:100%;
  position:absolute;
  left:0;
}

.spatial-navigation{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  text-align:center;
  width:min(520px,85%);
  justify-content:center;
  z-index:4;
}

.stage-arrow{
  border:1px solid #5e5e5e;
  border-radius:50%;
  flex-shrink:0;
}

.stage-work{
  display:flex;
  align-items:center;
  flex-direction:column;
  min-width:200px;
  color:var(--paper);
  padding:4px;
}

.stage-work .open-hint{
  margin-top:7px;
  opacity:0;
  transition:.2s;
}

.stage-work:hover .open-hint,
.stage-work:focus-visible .open-hint{
  opacity:1;
}

#spatial-fallback{
  display:flex;
  overflow:auto;
  scroll-snap-type:x mandatory;
}

#spatial-fallback button{
  padding:0;
  flex:0 0 35%;
  scroll-snap-align:center;
}

#spatial-fallback img{
  width:100%;
  object-fit:contain;
}

.collection-foot{
  display:flex;
  justify-content:space-between;
  align-items:center;
  color:var(--muted);
}

.collection-foot .text-link{
  gap:10px;
}

.collection-foot svg{
  width:14px;
  height:14px;
}

.photo-grid{
  display:grid;
}

.photo-card{
  text-align:left;
  position:relative;
}

.photo-open{
  width:100%;
  padding:0;
  display:block;
  text-align:left;
}

.photo-frame{
  overflow:hidden;
  position:relative;
}

.photo-frame img{
  height:100%;
  width:100%;
  object-fit:cover;
}

.photo-card:nth-child(3n+2) .photo-frame{
  aspect-ratio:4/5;
}

.photo-frame:after{
  content:'VIEW WORK ↗';
  position:absolute;
  right:12px;
  bottom:12px;
  color:white;
  opacity:0;
  transition:.2s;
}

.photo-open:hover .photo-frame:after{
  opacity:1;
}

.photo-caption{
  display:flex;
  justify-content:space-between;
  gap:12px;
}

.photo-caption strong{
  display:block;
}

.photo-caption small{
  display:block;
  color:var(--muted);
}

.card-save{
  position:absolute;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.card-save svg{
  width:14px;
  height:14px;
}

.about-kicker{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.asterisk{
  line-height:1;
}

.about-content{
  display:grid;
}

.about-content h2 em{
  font-family:var(--serif);
  font-weight:400;
}

.about-copy>p{
  font-size:15px;
  line-height:1.8;
  max-width:410px;
}

.about-copy>p:nth-child(2){
  color:var(--muted);
}

.about-stats{
  display:flex;
  margin:31px 0;
  border-top:1px solid #bfc5b5;
}

.about-stats>span{
  color:var(--muted);
}

.about-stats strong{
  display:block;
}

.footer-top{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid #525252;
}

.footer-wordmark{
  line-height:1;
}

.footer-top>p{
  margin-right:auto;
  margin-left:13vw;
}

.top-link{
  width:42px;
  height:42px;
  border:1px solid #627057;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:19px;
}

.footer-columns{
  display:grid;
  padding:38px 0 45px;
}

.footer-columns .eyebrow{
  display:block;
}

.footer-columns a,
.footer-columns button{
  display:block;
  padding:0;
  text-align:left;
}

.footer-columns a:hover,
.footer-columns button:hover{
  text-decoration:underline;
}

.private-label{
  display:block;
}

.footer-bottom{
  border-top:1px solid #525252;
  padding-top:21px;
  display:flex;
  justify-content:space-between;
  gap:15px;
}

.footer-bottom button{
  padding:0;
}

.mobile-menu{
  position:fixed;
  left:0;
  right:0;
  z-index:29;
  padding:20px 6% 30px;
  border-bottom:1px solid var(--line);
}

.mobile-menu a,
.mobile-menu button{
  display:flex;
  width:100%;
  justify-content:space-between;
  border-bottom:1px solid var(--line);
  padding:16px 0;
  text-align:left;
}

body:has(dialog[open]){
  overflow:hidden;
}

dialog{
  color:var(--ink);
  border:0;
  max-width:100%;
  padding:0;
}

.panel-dialog{
  width:800px;
  max-width:calc(100vw - 40px);
  max-height:85dvh;
  overflow:auto;
}

.panel-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.search-field{
  display:flex;
  align-items:center;
  gap:14px;
  padding:13px 0;
  border-bottom:1px solid #929b85;
}

.search-field input{
  width:100%;
  border:0;
  background:none;
  color:var(--ink);
  padding:4px;
}

.search-field input:focus-visible{
  outline:none;
}

.search-field:focus-within{
  border-bottom:2px solid var(--ink);
}

.search-field svg{
  width:20px;
  flex-shrink:0;
}

.result-count{
  font-size:10px;
  color:var(--muted);
  margin:20px 0;
}

.small-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
}

.small-grid .photo-caption>span{
  display:none;
}

.empty-state{
  grid-column:1/-1;
  padding:55px 20px;
  text-align:center;
  border:1px solid var(--line);
}

.empty-state>svg{
  display:block;
  width:32px;
  height:32px;
  margin:0 auto 18px;
}

.empty-state p{
  color:var(--muted);
  margin-top:8px;
}

.empty-state button{
  margin-top:20px;
  color:var(--paper);
  padding:11px 20px;
}

.clear-saved{
  display:block;
  font-size:11px;
  text-decoration:underline;
  margin-top:25px;
  padding:0;
}

.info-dialog{
  width:min(780px,calc(100vw - 40px));
}

.info-dialog p{
  margin-bottom:16px;
}

.info-dialog h3{
  margin:25px 0 10px;
}

.info-dialog ul{
  padding-left:19px;
  font-size:13px;
  line-height:2;
}

.info-dialog a{
  text-decoration:none;
}

.info-callout{
  line-height:1.8;
  margin-top:22px;
}

.info-dialog:has(.visit-overview),
.info-dialog:has(.booking-shell){
  width:min(920px,calc(100vw - 32px));
  max-width:920px;
  padding:34px 44px 38px;
}

.info-dialog:has(.visit-overview) h2,
.info-dialog:has(.booking-shell) h2{
  font-size:clamp(48px,5vw,68px);
  margin:30px 0 24px;
  line-height:.96;
}

.visit-overview{
  max-width:820px;
}

.visit-intro{
  max-width:700px;
  font-size:16px!important;
  line-height:1.75!important;
  color:#373737;
  margin-bottom:34px!important;
}

.visit-details{
  display:grid;
  grid-template-columns:1.2fr 1fr;
  border-top:1px solid #b9b7aa;
  border-bottom:1px solid #b9b7aa;
  margin-top:2px;
}

.visit-detail{
  padding:27px 30px 28px 0;
  min-width:0;
}

.visit-detail+.visit-detail{
  padding-left:34px;
  border-left:1px solid #c8c5b9;
}

.visit-label,
.booking-kicker{
  display:block;
  font-size:8px;
  letter-spacing:1.7px;
  color:#817a68;
  margin-bottom:13px;
  text-transform:uppercase;
  font-weight:600;
}

.visit-value{
  font-family:var(--serif);
  font-size:23px;
  line-height:1.38;
  color:#292929;
}

.visit-value small{
  display:block;
  font-family:DM,Arial,sans-serif;
  font-size:11px;
  line-height:1.65;
  color:#74786f;
  margin-top:8px;
}

.visit-actions{
  display:flex;
  gap:12px;
  align-items:center;
  padding-top:26px;
  flex-wrap:wrap;
}

.visit-primary,
.visit-secondary{
  min-height:45px;
  padding:0 18px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
  font-size:9px;
  letter-spacing:1.35px;
  text-transform:uppercase;
  border:1px solid #343434;
  transition:.2s;
}

.visit-primary{
  background:#282828;
  color:#f2eee5;
  min-width:184px;
}

.visit-primary:hover{
  background:#3b3b3b;
}

.visit-secondary{
  color:#343434;
  border-color:#aaa99d;
}

.visit-secondary:hover{
  border-color:#343434;
}

.visit-demo-note{
  font-size:10px!important;
  line-height:1.7!important;
  color:#74786f;
  margin:27px 0 0!important;
  padding-top:18px;
  border-top:1px solid #d0cec3;
  max-width:760px;
}

.booking-shell{
  max-width:830px;
}

.booking-toolbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin:-4px 0 22px;
}

.booking-back{
  font-size:9px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  padding:8px 0;
  border-bottom:1px solid #99988c;
}

.booking-status{
  font-size:9px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#787b72;
}

.booking-grid{
  display:grid;
  border-top:1px solid #bbb8aa;
}

.calendar-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:21px;
}

.calendar-title{
  font-family:var(--serif);
  font-size:25px;
  line-height:1.15;
}

.calendar-nav{
  display:flex;
  gap:7px;
}

.calendar-nav button{
  width:35px;
  height:35px;
  border:1px solid #bcb9ad;
  display:grid;
  place-items:center;
  font-size:15px;
}

.calendar-nav button:disabled{
  opacity:.25;
}

.calendar-weekdays,
.calendar-days{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  gap:5px;
}

.calendar-weekdays span{
  text-align:center;
  font-size:7px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#8a897f;
  padding-bottom:7px;
}

.calendar-day{
  aspect-ratio:1;
  border:1px solid transparent;
  display:grid;
  place-items:center;
  font-family:var(--serif);
  font-size:15px;
  position:relative;
  transition:.18s;
}

.calendar-day:not(:disabled):hover{
  border-color:#8c927f;
}

.calendar-day.available:after{
  content:'';
  position:absolute;
  width:3px;
  height:3px;
  border-radius:50%;
  background:#81906d;
  bottom:5px;
}

.calendar-day.selected{
  background:#2d2d2d;
  color:#f2eee5;
  border-color:#2d2d2d;
}

.calendar-day.selected:after{
  background:#d9dfca;
}

.calendar-day.outside{
  color:#bbb9b0;
}

.calendar-day:disabled{
  color:#c8c6bd;
  cursor:default;
}

.calendar-note{
  font-size:9px;
  line-height:1.6;
  color:#7b7e75;
  margin-top:16px;
}

.booking-date-label{
  font-family:var(--serif);
  line-height:1.2;
  margin:2px 0 15px;
  min-height:30px;
}

.time-grid{
  display:grid;
}

.time-slot{
  padding:10px 6px;
  text-align:center;
}

.booking-fields{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.field{
  display:grid;
}

.field.full{
  grid-column:1/-1;
}

.field label{
  text-transform:uppercase;
}

.field input,
.field select,
.field textarea{
  width:100%;
  border:0;
  border-bottom:1px solid #aaa99d;
  background:transparent;
  border-radius:0;
  color:#2a2a2a;
  font:12px DM,Arial,sans-serif;
  outline:none;
}

.field textarea{
  resize:vertical;
}

.booking-submit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
}

.booking-submit{
  color:#f2eee5;
  font-size:9px;
  letter-spacing:1.25px;
  text-transform:uppercase;
  display:inline-flex;
  align-items:center;
  gap:26px;
}

.booking-help{
  font-size:9px;
  max-width:180px;
}

.booking-error{
  font-size:10px;
  color:#8b493e;
  margin-top:13px;
  min-height:16px;
}

.booking-confirm{
  padding:11px 0 4px;
}

.booking-confirm-mark{
  width:48px;
  height:48px;
  border:1px solid #88947b;
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:20px;
  margin-bottom:24px;
}

.booking-confirm h3{
  font-family:var(--serif);
  font-size:37px;
  font-weight:400;
  margin:0 0 14px;
}

.booking-confirm>p{
  font-size:13px!important;
  line-height:1.75!important;
  max-width:580px;
}

.booking-summary{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #c8c5b9;
  border-bottom:1px solid #c8c5b9;
  margin:26px 0;
}

.booking-summary>div{
  padding:17px 18px 18px 0;
}

.booking-summary>div+div{
  padding-left:18px;
  border-left:1px solid #d0cec3;
}

.booking-summary span{
  display:block;
  font-size:7px;
  letter-spacing:1.2px;
  text-transform:uppercase;
  color:#7d8077;
  margin-bottom:6px;
}

.booking-summary strong{
  font-family:var(--serif);
  font-size:18px;
  font-weight:400;
}

.booking-confirm-actions{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
}

.booking-confirm-actions button,
.booking-confirm-actions a{
  min-height:43px;
  padding:0 15px;
  border:1px solid #aaa99d;
  display:inline-flex;
  align-items:center;
  font-size:9px;
  letter-spacing:1px;
  text-transform:uppercase;
}

.booking-confirm-actions .primary{
  background:#282828;
  color:#f2eee5;
  border-color:#282828;
}

.booking-disclaimer{
  font-size:9px!important;
  color:#7b7e75!important;
  line-height:1.6!important;
  margin-top:20px!important;
}

.booking-required{
  color:#8b493e;
}

@media(max-width:760px){
.info-dialog:has(.visit-overview),
.info-dialog:has(.booking-shell){
  width:calc(100vw - 20px);
  padding:24px 20px 28px;
}

.visit-intro{
  font-size:13px!important;
  margin-bottom:25px!important;
}

.visit-details{
  grid-template-columns:1fr;
}

.visit-detail{
  padding:21px 0;
}

.visit-detail+.visit-detail{
  padding-left:0;
  border-left:0;
  border-top:1px solid #c8c5b9;
}

.visit-value{
  font-size:20px;
}

.visit-actions{
  align-items:stretch;
  flex-direction:column;
}

.visit-primary,
.visit-secondary{
  width:100%;
}

.booking-toolbar{
  align-items:flex-start;
}

.booking-panel{
  border-top:1px solid #c8c5b9;
}

.calendar-day{
  font-size:14px;
}

.booking-fields{
  grid-template-columns:1fr;
}

.field.full{
  grid-column:auto;
}

.booking-submit-row{
  align-items:stretch;
  flex-direction:column;
}

.booking-submit{
  justify-content:space-between;
}

.booking-help{
  max-width:none;
}

.booking-summary{
  grid-template-columns:1fr;
}

.booking-summary>div{
  padding:14px 0;
}

.booking-summary>div+div{
  padding-left:0;
  border-left:0;
  border-top:1px solid #d0cec3;
}
}

.calendar-month{
  font-size:10px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#777a71;
  margin-top:7px;
}

.calendar-legend{
  display:flex;
  gap:18px;
  align-items:center;
  margin-top:14px;
  color:#797c73;
  font-size:8px;
  letter-spacing:.7px;
  text-transform:uppercase;
}

.calendar-legend span{
  display:flex;
  align-items:center;
  gap:7px;
}

.calendar-legend i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#81906d;
  display:block;
}

.calendar-legend i.legend-full{
  background:#bcb8ae;
}

.calendar-day.full{
  color:#aaa79e;
  background:#eeeadf;
}

.calendar-day.full:after{
  content:'';
  position:absolute;
  width:12px;
  height:1px;
  background:#aaa79e;
  bottom:7px;
}

.booking-selection-summary{
  line-height:1.5;
  margin:-8px 0 16px;
  min-height:14px;
}

.time-slot{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:2px;
}

.time-slot small{
  font-size:7px;
  letter-spacing:.7px;
  text-transform:uppercase;
  color:#9a978e;
}

.time-slot.booked{
  color:#aaa79e;
  border-color:#d2cec2;
  cursor:not-allowed;
}

.field input::placeholder,
.field textarea::placeholder{
  opacity:1;
}

.booking-footer-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:24px;
}

.booking-footer-row .booking-disclaimer{
  max-width:610px;
}

.booking-reset{
  margin-top:20px;
  font-size:8px;
  letter-spacing:1px;
  text-transform:uppercase;
  color:#7b7e75;
  border-bottom:1px solid #aaa99d;
  padding:3px 0;
  white-space:nowrap;
}

.booking-reset:hover{
  color:#2d2d2d;
  border-color:#2d2d2d;
}

.booking-confirm-actions button{
  cursor:pointer;
}

.booking-submit:focus-visible,
.time-slot:focus-visible,
.calendar-day:focus-visible,
.calendar-nav button:focus-visible,
.booking-reset:focus-visible{
  outline:2px solid #81906d;
  outline-offset:2px;
}

@media(max-width:760px){
.booking-footer-row{
  display:block;
}

.booking-reset{
  margin-top:0;
}

.calendar-legend{
  gap:12px;
  flex-wrap:wrap;
}

.calendar-month{
  font-size:9px;
}

.booking-selection-summary{
  margin-top:-5px;
}
}

#toast{
  position:fixed;
  left:50%;
  bottom:30px;
  transform:translate(-50%,15px);
  color:var(--ink);
  padding:12px 23px;
  border:1px solid #909d81;
  z-index:250;
  opacity:0;
  pointer-events:none;
  transition:.25s;
}

#toast.visible{
  opacity:1;
  transform:translate(-50%,0);
}

@media(max-width:1000px){
.desktop-nav{
  margin-left:0;
  gap:24px;
}

.brand-caption{
  display:none;
}

.hero-intro{
  font-size:16px;
  width:215px;
}

.hero h1{
  font-size:10vw;
}

.hero h1>span{
  margin-left:5vw;
}

.filters{
  gap:18px;
}

.spatial-view{
  height:530px;
}

#gallery-canvas{
  height:400px;
  top:22px;
}

.stage-work>strong{
  font-size:24px;
}

.stage-bottom>span:nth-child(2){
  display:none;
}

.about-content{
  gap:5vw;
}

.about-copy>p:first-child{
  font-size:17px;
}

.about-copy>p{
  font-size:13px;
}

.photo-grid{
  grid-template-columns:repeat(3,1fr);
}
}

@media(max-width:700px){
html{
  scroll-padding-top:90px;
}

.site-header{
  padding:0 6%;
}

.desktop-nav{
  display:none;
}

.menu-button{
  display:flex;
  align-items:center;
  padding:4px 0;
}

.menu-button>span{
  font-size:17px;
}

.hero{
  padding-bottom:44px;
}

.hero-edition{
  display:none;
}

.hero-heading-row{
  display:block;
}

.hero h1>span{
  margin-left:8vw;
}

.hero-intro{
  justify-content:space-between;
  padding:0;
}

.hero-intro p{
  line-height:1.6;
}

.hero-intro .text-link{
  font-size:10px;
  gap:12px;
}

.round-arrow{
  width:32px;
  height:32px;
}

.art-label{
  font-size:7px;
  display:block;
  margin-bottom:9px;
}

.hero-caption{
  gap:20px;
}

.hero-caption>span:nth-child(2){
  display:none;
}

.section-heading{
  display:block;
}

.small-number{
  display:none;
}

.desktop-break{
  display:none;
}

.gallery-toolbar{
  flex-wrap:wrap;
}

.filters{
  width:100%;
  justify-content:space-between;
}

.stage-work .open-hint{
  opacity:1;
}

.collection-foot{
  gap:14px;
}

.about-content{
  display:block;
}

.about-copy>p{
  font-size:13px;
}

.about-stats{
  justify-content:space-between;
}

.footer-bottom{
  display:grid;
  grid-template-columns:1fr 1fr;
}

.footer-bottom button{
  text-align:left;
}

.panel-dialog{
  max-width:calc(100vw - 20px);
}

.small-grid{
  grid-template-columns:repeat(2,1fr);
}

.search-field svg{
  width:17px;
}

#toast{
  bottom:18px;
  white-space:nowrap;
  padding:10px 17px;
}
}

@media(prefers-reduced-motion:reduce){
html{
  scroll-behavior:auto;
}

*,
*:before,
*:after{
  transition:none!important;
  animation:none!important;
}
}

@font-face{font-family:Exhibition;src:url('../media/fonts/exhibition-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}

@font-face{font-family:Exhibition;src:url('../media/fonts/exhibition-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}

:root{
  --paper:#f2eee5;
  --ink:#25241f;
  --muted:#777269;
  --line:#d7d0c2;
  --dark:#181818;
  --accent:#c5b18b;
  --serif:Exhibition,Georgia,'Times New Roman',serif;
  --gold:#a38a5c;
}

body{
  font-family:DM,Arial,sans-serif;
  -webkit-font-smoothing:antialiased;
}

::selection{
  background:#c6b38d;
  color:#25241f;
}

.section-pad{
  padding-left:6%;
  padding-right:6%;
}

.site-header{
  height:100px;
  padding:0 6%;
  background:rgba(242,238,229,.96);
  backdrop-filter:blur(16px);
  border-color:#d7d0c288;
}

.brand-name{
  font-family:var(--serif);
  font-size:50px;
  font-weight:400;
  letter-spacing:1px;
}

.brand-dot{
  color:var(--gold);
}

.brand-caption{
  font-size:7px;
  letter-spacing:1.7px;
  line-height:1.7;
  padding-left:20px;
}

.brand{
  gap:21px;
}

.desktop-nav{
  gap:43px;
  margin-left:30px;
  font-size:11px;
  letter-spacing:.25px;
}

.desktop-nav>a{
  position:relative;
}

.desktop-nav>a:after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:8px;
  height:1px;
  background:var(--gold);
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .3s;
}

.desktop-nav>a:hover:after{
  transform:scaleX(1);
}

.desktop-nav>a:hover,
.nav-dropdown>button:hover,
.tiny-plus{
  color:var(--gold);
}

.header-actions{
  gap:22px;
}

.icon-button svg{
  width:19px;
  height:19px;
  stroke-width:1.25;
}

.save-count{
  background:#b8a27c;
  color:#fffaf0;
  right:-3px;
  top:1px;
  font-size:8px;
  width:13px;
  height:13px;
  min-width:13px;
  line-height:13px;
}

.exhibition-panel{
  background:var(--paper);
  border-color:var(--line);
  box-shadow:0 18px 55px #25241f15;
  padding:30px;
  min-width:380px;
}

.exhibition-panel strong{
  font-family:var(--serif);
  font-size:30px;
  font-weight:400;
}

.exhibition-panel>a{
  padding-top:22px;
  padding-bottom:14px;
}

.exhibition-panel>a:hover strong{
  color:var(--gold);
}

.eyebrow{
  font-size:9px;
  letter-spacing:1.8px;
  font-weight:400;
}

.live-dot{
  background:var(--gold);
  height:5px;
  width:5px;
}

.hero{
  padding-top:37px;
  padding-bottom:0;
}

.hero-eyebrow{
  color:var(--muted);
}

.hero-heading-row{
  padding:35px 0 48px;
  align-items:flex-end;
  gap:42px;
}

.hero h1{
  font-family:var(--serif);
  font-size:clamp(80px,10.8vw,174px);
  font-weight:400;
  line-height:.84;
  letter-spacing:-.045em;
  max-width:980px;
}

.hero h1 em{
  font-weight:400;
  display:inline-block;
  margin-left:5.3vw;
  letter-spacing:-.045em;
  white-space:nowrap;
}

.hero-intro{
  width:245px;
  flex-shrink:0;
  padding-bottom:4px;
  color:var(--muted);
  font-size:13px;
  line-height:1.8;
}

.intro-rule{
  display:block;
  height:1px;
  width:36px;
  background:var(--gold);
  margin-bottom:23px;
}

.hero-intro p{
  margin-bottom:27px;
}

.hero-cta{
  background:var(--ink);
  color:var(--paper);
  padding:16px 19px;
  font-size:9px;
  letter-spacing:1px;
  text-transform:uppercase;
  gap:24px;
  transition:background .3s;
  width:100%;
}

.hero-cta .round-arrow{
  width:18px;
  height:20px;
  border:0;
}

.hero-cta .round-arrow svg{
  width:18px;
  height:18px;
}

.hero-cta:hover{
  background:#4c473b;
}

.hero-cta:hover .round-arrow{
  background:none;
  color:var(--paper);
  transform:translate(2px,-2px);
}

.hero-art{
  height:clamp(440px,40vw,610px);
  border:1px solid #a4977a50;
  outline:1px solid #d7d0c2;
  outline-offset:7px;
}

.hero-art img{
  filter:brightness(.85);
  transition:transform 1.8s cubic-bezier(.2,.65,.3,1);
}

.hero-art:after{
  background:linear-gradient(0deg,#161616b3,transparent 72%);
}

.hero-art-top,
.hero-art-bottom{
  left:42px;
  right:42px;
}

.hero-art-top{
  top:30px;
}

.hero-art-top .art-label{
  border-bottom:1px solid #eee8d860;
  padding-bottom:8px;
}

.art-label{
  font-size:8px;
  letter-spacing:2px;
}

.hero-art-bottom{
  bottom:36px;
}

.exhibition-kicker{
  display:block;
  color:#ded8c4;
  margin-bottom:19px;
  font-size:7px;
  letter-spacing:2.2px;
}

.hero-art h2{
  font-family:var(--serif);
  font-size:clamp(60px,6.7vw,108px);
  line-height:.87;
  letter-spacing:-.03em;
  font-weight:400;
}

.hero-art h2 em{
  letter-spacing:-.03em;
}

.large-circle{
  width:70px;
  height:70px;
  border-color:#eadfc198;
  transition:background .4s,transform .4s;
}

.large-circle svg{
  stroke-width:1.25;
  width:25px;
  height:25px;
}

.hero-art:hover .large-circle{
  transform:rotate(5deg);
  background:#efe6d5;
  color:#282828;
}

.hero-caption{
  padding-top:20px;
  font-size:8px;
  letter-spacing:.5px;
}

.chapter-rail{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:0;
  margin-top:41px;
  padding:30px 0;
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}

.chapter-rail>a{
  display:flex;
  gap:22px;
  align-items:flex-start;
  padding:0 26px;
  border-right:1px solid var(--line);
  min-width:0;
}

.chapter-rail>a:first-child{
  padding-left:0;
}

.chapter-rail>a:last-child{
  padding-right:0;
  border:0;
}

.chapter-number{
  font-family:var(--serif);
  font-style:italic;
  font-size:27px;
  line-height:1;
  color:var(--gold);
  margin-top:4px;
}

.chapter-rail .eyebrow{
  font-size:7px;
  letter-spacing:1.3px;
}

.chapter-rail h3{
  font-family:var(--serif);
  font-size:32px;
  line-height:1.1;
  margin-top:10px;
  letter-spacing:-.5px;
  transition:color .3s;
}

.chapter-description{
  display:block;
  font-size:10px;
  color:var(--muted);
  margin-top:8px;
}

.chapter-rail svg{
  flex-shrink:0;
  width:15px;
  height:15px;
  margin-left:auto;
  margin-top:26px;
  color:var(--gold);
  transition:transform .3s;
}

.chapter-rail>a:hover h3{
  color:var(--gold);
}

.chapter-rail>a:hover svg{
  transform:translate(3px,-3px);
}

.gallery-section{
  border:0;
  padding-top:98px;
  padding-bottom:92px;
}

.section-heading{
  padding-bottom:44px;
}

.section-heading h2{
  font-family:var(--serif);
  font-size:clamp(52px,5.9vw,93px);
  font-weight:400;
  letter-spacing:-.025em;
  line-height:.96;
  margin-top:28px;
}

.section-heading h2 em{
  font-weight:400;
  letter-spacing:-.025em;
}

.section-intro{
  font-size:12px;
  line-height:1.9;
  padding-bottom:8px;
}

.small-number{
  font-family:var(--serif);
  font-size:21px;
  color:var(--gold);
  margin-bottom:20px;
}

.gallery-toolbar{
  border-top:1px solid var(--line);
  padding-top:20px;
  margin-bottom:23px;
}

.filters{
  gap:29px;
}

.filters button{
  font-size:11px;
  letter-spacing:.2px;
  padding:9px 0;
}

.filters button.active{
  border-color:var(--gold);
}

.filters sup{
  font-size:7px;
  color:var(--gold);
  margin-left:5px;
}

.view-controls button{
  padding:8px 13px;
  font-size:9px;
}

.view-controls svg{
  width:13px;
  height:13px;
  stroke-width:1.25;
}

.spatial-view{
  height:625px;
}

#gallery-canvas{
  height:470px;
  top:39px;
}

.stage-top,
.stage-bottom{
  left:34px;
  right:34px;
  font-size:7px;
  letter-spacing:1.8px;
}

.stage-top{
  top:30px;
}

.stage-top>button{
  font-size:8px;
}

.stage-bottom{
  bottom:28px;
}

.spatial-navigation{
  bottom:72px;
  gap:44px;
}

.stage-work>strong{
  font-family:var(--serif);
  font-size:34px;
  font-weight:400;
  line-height:1.25;
  margin:8px 0 7px;
}

.stage-work>span:first-child{
  font-size:7px;
  color:#bca982;
  letter-spacing:2.5px;
}

.stage-work>span:nth-child(3){
  font-size:7px;
  letter-spacing:1.8px;
  color:#b4b0a3;
}

.stage-work .open-hint{
  font-size:8px;
  color:#cfbd96;
}

.stage-arrow{
  width:40px;
  height:40px;
  font-size:18px;
  transition:background .3s,border-color .3s;
}

#spatial-fallback{
  height:440px;
  padding:85px 38px;
  gap:32px;
}

#spatial-fallback img{
  height:290px;
}

.collection-foot{
  padding-top:23px;
  font-size:9px;
  letter-spacing:.3px;
}

.collection-foot .text-link{
  font-size:9px;
}

.photo-grid{
  grid-template-columns:repeat(3,1fr);
  gap:45px 32px;
  padding-top:17px;
}

.photo-frame{
  background:#e5dfd1;
  aspect-ratio:4/5;
  border:1px solid #d0c7b540;
}

.photo-frame img{
  transition:transform 1.1s cubic-bezier(.2,.65,.3,1);
}

.photo-open:hover img{
  transform:scale(1.025);
}

.photo-frame:after{
  font-size:7px;
  background:#1d1d1dc9;
  padding:8px 12px;
  letter-spacing:1.6px;
}

.photo-caption{
  padding-top:15px;
  align-items:center;
}

.photo-caption strong{
  font-family:var(--serif);
  font-size:25px;
  line-height:1.15;
  font-weight:400;
  letter-spacing:-.2px;
}

.photo-caption small{
  font-size:7px;
  letter-spacing:1.4px;
  margin-top:7px;
}

.photo-caption>span{
  font-family:var(--serif);
  font-size:18px;
  font-style:italic;
  color:var(--gold);
}

.card-save{
  background:#f1ece2ed;
  width:31px;
  height:31px;
  top:12px;
  right:12px;
  border:1px solid #d7d0c288;
}

.card-save[aria-pressed=true]{
  color:#977a48;
}

.card-save[aria-pressed=true] svg{
  fill:#977a48;
}

.about-section{
  background:#e9e3d7;
  padding-top:73px;
  padding-bottom:91px;
  border-top:1px solid #d7d0c2;
}

.about-kicker{
  margin-bottom:33px;
}

.about-kicker .eyebrow{
  color:#8c7957;
}

.asterisk{
  font-size:47px;
  color:var(--gold);
  font-weight:400;
}

.about-content{
  grid-template-columns:1.35fr 1fr;
  gap:11vw;
  align-items:start;
}

.about-content h2{
  font-family:var(--serif);
  font-size:clamp(53px,5.8vw,93px);
  letter-spacing:-.03em;
  line-height:.99;
  font-weight:400;
}

.about-content h2 em{
  letter-spacing:-.03em;
}

.statement-note{
  display:block;
  font-size:7px;
  letter-spacing:1.8px;
  color:#8c7957;
  margin-top:31px;
}

.about-copy>p:first-child{
  font-family:var(--serif);
  font-size:29px;
  line-height:1.25;
  letter-spacing:-.2px;
  max-width:400px;
  margin-bottom:24px;
}

.about-copy>p:nth-child(2){
  font-size:12px;
  line-height:1.9;
  max-width:365px;
}

.about-stats{
  border-color:#cfc4ae;
  margin-top:31px;
  margin-bottom:28px;
  gap:40px;
  padding-top:23px;
}

.about-stats strong{
  font-family:var(--serif);
  font-size:39px;
  font-weight:400;
  color:#7c6744;
  line-height:1.1;
  margin-bottom:10px;
}

.about-stats>span{
  font-size:7px;
  letter-spacing:.3px;
}

.about-copy>.text-link{
  font-size:10px;
  gap:25px;
}

.round-arrow{
  border-color:#ab9670;
}

.round-arrow svg{
  stroke-width:1.25;
}

.site-footer{
  padding-top:60px;
  padding-bottom:26px;
  background:#181818;
  color:#ebe4d5;
}

.footer-top{
  border-color:#a6957238;
  padding-bottom:43px;
}

.footer-wordmark{
  font-family:var(--serif);
  font-size:103px;
  font-weight:400;
  letter-spacing:1px;
}

.footer-top>p{
  font-family:var(--serif);
  font-size:29px;
  color:#bfae8b;
  line-height:1.15;
}

.top-link{
  border-color:#a6957255;
  color:#d4c6ac;
}

.footer-columns{
  padding-top:38px;
  padding-bottom:43px;
  grid-template-columns:1fr 1fr 1fr 1.1fr;
  gap:40px;
}

.footer-columns .eyebrow{
  color:#bfae8b;
  font-size:7px;
  letter-spacing:1.8px;
  margin-bottom:17px;
}

.footer-columns a,
.footer-columns button{
  font-size:10px;
  line-height:2.7;
  color:#e0d8c9;
}

.footer-note>p{
  font-family:var(--serif);
  font-size:22px;
  line-height:1.35;
  color:#c2b8a3;
}

.private-label{
  font-size:7px;
  color:#bca982;
  letter-spacing:1px;
  margin-top:17px;
}

.private-label .live-dot{
  background:#bca982;
}

.footer-bottom{
  border-color:#a6957238;
  color:#a8a18f;
  font-size:7px;
  letter-spacing:.25px;
}

.footer-bottom button{
  font-size:7px;
}

.mobile-menu{
  background:var(--paper);
  border-color:var(--line);
  top:78px;
}

.mobile-menu a,
.mobile-menu button{
  font-family:var(--serif);
  font-size:28px;
}

.panel-dialog{
  background:var(--paper);
  border:1px solid #b8a07850;
  padding:30px 40px;
}

dialog::backdrop{
  background:#141414a8;
  backdrop-filter:blur(8px);
}

.panel-dialog h2{
  font-family:var(--serif);
  font-size:57px;
  font-weight:400;
  letter-spacing:-1.5px;
  line-height:.95;
  margin:29px 0;
}

.panel-heading .eyebrow{
  color:var(--gold);
  font-size:8px;
}

.search-field{
  border-color:#baa98b;
  padding-bottom:14px;
}

.search-field input{
  font-size:15px;
}

.small-grid{
  gap:26px 18px;
}

.small-grid .photo-caption strong{
  font-size:21px;
}

.panel-description{
  font-size:12px;
  color:var(--muted);
  line-height:1.8;
  margin-bottom:30px;
}

.info-dialog p{
  font-size:13px;
  line-height:1.85;
}

.info-dialog h3{
  font-family:var(--serif);
  font-size:29px;
  font-weight:400;
  margin-top:27px;
}

.info-callout{
  background:#e5dfd1;
  border-left:1px solid #ab9670;
  padding:20px;
  font-size:11px;
}

.empty-state{
  border-color:var(--line);
  font-family:var(--serif);
  font-size:29px;
}

.empty-state p{
  font-family:DM,Arial,sans-serif;
  font-size:11px;
}

.empty-state button{
  font-family:DM,Arial,sans-serif;
  font-size:10px;
  letter-spacing:.4px;
  background:var(--ink);
}

.empty-state>svg{
  color:var(--gold);
}

#toast{
  background:#f0e9da;
  border-color:#b8a07870;
  font-size:11px;
  box-shadow:0 8px 30px #18181815;
}

@media(min-width:1700px){
.section-pad,
.site-header{
  padding-left:calc((100vw - 1500px)/2);
  padding-right:calc((100vw - 1500px)/2);
}
}

@media(max-width:1100px){
.hero h1{
  font-size:10.4vw;
}

.hero h1 em{
  margin-left:3vw;
}

.hero-heading-row{
  gap:30px;
}

.hero-intro{
  width:210px;
  font-size:12px;
}

.brand-caption{
  display:none;
}

.desktop-nav{
  margin-left:0;
  gap:30px;
}

.chapter-rail>a{
  gap:14px;
  padding-left:20px;
  padding-right:20px;
}

.chapter-rail h3{
  font-size:28px;
}

.chapter-description{
  font-size:9px;
}

.chapter-rail svg{
  width:12px;
}

.filters{
  gap:20px;
}

.about-content{
  gap:7vw;
}

.about-content h2{
  font-size:6.1vw;
}

.about-copy>p:first-child{
  font-size:26px;
}

.about-stats{
  gap:28px;
}

.footer-columns{
  gap:25px;
}

.spatial-view{
  height:595px;
}

#gallery-canvas{
  height:435px;
}

.photo-caption strong{
  font-size:23px;
}

.hero-art h2{
  font-size:8vw;
}
}

@media(max-width:700px){
.section-pad{
  padding-left:6%;
  padding-right:6%;
}

.site-header{
  height:78px;
}

.brand-name{
  font-size:39px;
  letter-spacing:.5px;
}

.header-actions{
  gap:15px;
}

.menu-button{
  font-size:10px;
  gap:10px;
}

.hero{
  padding-top:25px;
}

.hero-eyebrow .eyebrow{
  font-size:7px;
  letter-spacing:1.2px;
}

.hero-heading-row{
  padding:34px 0 31px;
  gap:0;
}

.hero h1{
  font-size:18vw;
  line-height:.9;
  letter-spacing:-.045em;
}

.hero h1 em{
  margin-left:7vw;
  letter-spacing:-.045em;
}

.hero-intro{
  margin-top:29px;
  display:flex;
  flex-direction:row;
  align-items:center;
  width:100%;
  gap:18px;
  font-size:10px;
  line-height:1.8;
}

.intro-rule{
  display:none;
}

.hero-intro p{
  margin:0;
  font-size:10px;
  flex-shrink:0;
}

.hero-cta{
  font-size:8px!important;
  padding:14px 13px;
  gap:10px;
  max-width:172px;
  line-height:1.4;
}

.hero-cta .round-arrow{
  width:17px;
  height:20px;
  flex-shrink:0;
}

.hero-cta .round-arrow svg{
  width:15px;
  height:15px;
}

.hero-art{
  height:435px;
  outline-offset:5px;
}

.hero-art-top,
.hero-art-bottom{
  left:23px;
  right:23px;
}

.hero-art-top{
  top:23px;
  display:flex;
  gap:20px;
}

.hero-art-top .art-label{
  font-size:6px;
  letter-spacing:1.1px;
  padding-bottom:7px;
  line-height:1.6;
}

.hero-art-bottom{
  bottom:29px;
}

.exhibition-kicker{
  font-size:5px!important;
  letter-spacing:1.5px!important;
  margin-bottom:15px!important;
}

.hero-art h2{
  font-size:61px;
  line-height:.88;
  letter-spacing:-.025em;
}

.large-circle{
  width:43px;
  height:43px;
  margin-bottom:4px;
}

.large-circle svg{
  width:19px;
  height:19px;
}

.hero-caption{
  font-size:7px;
  letter-spacing:.15px;
  padding-top:17px;
}

.chapter-rail{
  display:block;
  margin-top:29px;
  padding:0;
  border-bottom:0;
}

.chapter-rail>a{
  padding:22px 0!important;
  border-right:0;
  border-bottom:1px solid var(--line)!important;
  gap:21px;
  align-items:center;
}

.chapter-number{
  font-size:28px;
  min-width:20px;
  margin-top:0;
}

.chapter-rail .eyebrow{
  font-size:6px;
  letter-spacing:1px;
}

.chapter-rail h3{
  font-size:29px;
  margin-top:5px;
  line-height:1;
}

.chapter-description{
  font-size:9px;
  margin-top:6px;
}

.chapter-rail svg{
  width:14px;
  height:14px;
  margin-top:0;
}

.gallery-section{
  padding-top:53px;
  padding-bottom:49px;
}

.section-heading{
  padding-bottom:27px;
}

.section-heading .eyebrow{
  font-size:7px;
}

.section-heading h2{
  font-size:53px;
  line-height:.98;
  letter-spacing:-.025em;
  margin-top:20px;
}

.section-intro{
  font-size:10px;
  line-height:1.8;
  margin-top:22px;
}

.gallery-toolbar{
  padding-top:15px;
  gap:17px;
  margin-bottom:21px;
}

.filters{
  gap:12px;
}

.filters button{
  font-size:9px;
  letter-spacing:.1px;
  padding-bottom:8px;
}

.filters sup{
  font-size:6px;
  margin-left:3px;
}

.view-controls{
  padding:2px;
}

.spatial-view{
  height:490px;
  margin-left:-6.82%;
  margin-right:-6.82%;
  border-left:0;
  border-right:0;
}

.stage-top,
.stage-bottom{
  left:24px;
  right:24px;
  font-size:5px;
  letter-spacing:1.1px;
}

.stage-top{
  top:25px;
}

.stage-top>button{
  font-size:7px;
}

.stage-bottom{
  bottom:24px;
}

.stage-bottom>span:last-child{
  font-size:5px;
  letter-spacing:.6px;
}

#gallery-canvas{
  top:29px;
  height:355px;
}

.spatial-navigation{
  bottom:65px;
  gap:23px;
}

.stage-work{
  min-width:192px;
}

.stage-work>strong{
  font-size:30px;
  margin:6px 0;
  line-height:1.15;
}

.stage-work>span:first-child{
  font-size:6px;
  letter-spacing:1.5px;
}

.stage-work>span:nth-child(3){
  font-size:6px;
  letter-spacing:1.4px;
}

.stage-work .open-hint{
  font-size:7px;
}

.stage-arrow{
  width:32px;
  height:32px;
  font-size:15px;
}

#spatial-fallback{
  height:360px;
  padding:72px 25px;
  gap:25px;
}

#spatial-fallback button{
  flex-basis:65%;
}

#spatial-fallback img{
  height:230px;
}

.collection-foot{
  font-size:7px;
  padding-top:19px;
  letter-spacing:.1px;
}

.collection-foot .text-link{
  font-size:7px;
}

.photo-grid{
  grid-template-columns:repeat(2,1fr);
  gap:26px 14px;
  padding-top:4px;
}

.photo-caption{
  padding-top:11px;
  gap:5px;
}

.photo-caption strong{
  font-size:19px;
  line-height:1.05;
  letter-spacing:-.2px;
}

.photo-caption small{
  font-size:5px;
  letter-spacing:.9px;
  margin-top:6px;
}

.photo-caption>span{
  font-size:14px;
}

.card-save{
  height:24px;
  width:24px;
  top:8px;
  right:8px;
}

.card-save svg{
  height:12px;
  width:12px;
}

.about-section{
  padding-top:45px;
  padding-bottom:52px;
}

.about-kicker{
  margin-bottom:28px;
}

.about-kicker .eyebrow{
  font-size:7px;
}

.asterisk{
  font-size:35px;
}

.about-content h2{
  font-size:56px;
  line-height:.96;
  margin-bottom:0;
}

.statement-note{
  font-size:6px;
  letter-spacing:1.4px;
  margin-top:23px;
  margin-bottom:32px;
}

.about-copy>p:first-child{
  font-size:27px;
  line-height:1.28;
  max-width:300px;
  margin-bottom:23px;
}

.about-copy>p:nth-child(2){
  font-size:11px;
  line-height:1.85;
}

.about-stats{
  margin:28px 0;
  padding-top:22px;
  gap:22px;
}

.about-stats strong{
  font-size:37px;
  margin-bottom:8px;
}

.about-stats>span{
  font-size:6px;
}

.about-copy>.text-link{
  font-size:9px;
}

.site-footer{
  padding-top:42px;
  padding-bottom:24px;
}

.footer-top{
  padding-bottom:28px;
}

.footer-wordmark{
  font-size:66px;
  letter-spacing:.5px;
}

.footer-top>p{
  font-size:18px;
  margin-left:7vw;
}

.top-link{
  height:32px;
  width:32px;
  font-size:17px;
}

.footer-columns{
  grid-template-columns:1fr 1fr;
  gap:29px 23px;
  padding:31px 0;
}

.footer-columns .eyebrow{
  font-size:6px;
  letter-spacing:1.4px;
  margin-bottom:12px;
}

.footer-columns a,
.footer-columns button{
  font-size:9px;
  line-height:2.6;
}

.footer-note>p{
  font-size:20px;
  line-height:1.3;
}

.private-label{
  font-size:6px;
  letter-spacing:.7px;
  margin-top:16px;
}

.footer-bottom{
  font-size:6px;
  gap:11px;
  line-height:1.7;
}

.footer-bottom button{
  font-size:6px;
}

.panel-dialog{
  padding:25px 23px;
}

.panel-dialog h2{
  font-size:46px;
  line-height:.95;
  margin:25px 0;
}

.panel-heading .eyebrow{
  font-size:7px;
  letter-spacing:1.2px;
}

.search-field input{
  font-size:12px;
}

.small-grid{
  gap:22px 14px;
}

.small-grid .photo-caption strong{
  font-size:20px;
}

.panel-description{
  font-size:11px;
  margin-bottom:23px;
}

.info-dialog p{
  font-size:11px;
}

.info-dialog h3{
  font-size:25px;
}

.info-dialog ul{
  font-size:10px;
}

.info-callout{
  font-size:10px;
  padding:16px;
}

.empty-state{
  font-size:25px;
  padding:38px 15px;
}

.empty-state p{
  font-size:10px;
}

#toast{
  font-size:10px;
}
}

@media(max-width:370px){
.hero h1{
  font-size:17.5vw;
}

.hero h1 em{
  margin-left:6vw;
}

.hero-intro{
  gap:12px;
}

.hero-intro p{
  font-size:9px;
}

.hero-cta{
  max-width:159px;
  font-size:7px!important;
  padding:13px 12px;
}

.hero-art h2{
  font-size:54px;
}

.filters{
  gap:8px;
}

.filters button{
  font-size:8px;
}

.section-heading h2{
  font-size:48px;
}

.about-content h2{
  font-size:50px;
}

.stage-work{
  min-width:165px;
}

.spatial-navigation{
  gap:16px;
}
}

.still-theme .site-header{
  backdrop-filter:none;
  color:#f8f3e9;
  border-bottom-color:#f4e6c832;
}

.still-theme .brand-name{
  font-size:51px;
  letter-spacing:1.8px;
}

.still-theme .brand-dot{
  color:#d8c49c;
}

.still-theme .brand-caption{
  border-color:#f4e6c840;
}

.still-theme .tiny-plus{
  color:#dac399;
}

.still-theme .cinematic-hero{
  height:100svh;
  min-height:760px;
  max-height:1120px;
  padding:0;
  position:relative;
  overflow:hidden;
  background:#1c1c1c;
  color:#f6f2e9;
  border:0;
}

.cinematic-image{
  position:absolute;
  inset:0;
  overflow:hidden;
  pointer-events:none;
}

.cinematic-image img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 53%;
  filter:none;
}

.cinematic-image:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#0e0e0ecb 0%,#0e0e0e22 27%,#0e0e0e22 37%,#0e0e0ea6 72%,#0e0e0edb 100%),linear-gradient(90deg,#1313134d,transparent 70%);
}

.still-theme .hero-eyebrow{
  position:absolute;
  top:142px;
  left:6%;
  right:6%;
  color:#e9dfcc;
  z-index:2;
}

.still-theme .hero-eyebrow .eyebrow{
  font-size:9px;
  letter-spacing:2.25px;
  font-weight:650;
  color:#fff8e9;
  text-shadow:0 2px 16px rgba(0,0,0,.95),0 0 2px rgba(0,0,0,.7);
}

.still-theme .hero-edition{
  color:#e5d0a8!important;
}

.still-theme .hero-eyebrow .live-dot{
  background:#d8c49c;
}

.still-theme .hero-heading-row{
  position:absolute;
  left:6%;
  right:6%;
  bottom:142px;
  padding:0;
  align-items:flex-end;
  gap:55px;
  z-index:2;
}

.cinematic-kicker{
  display:inline-flex;
  align-items:center;
  font-size:9.5px;
  letter-spacing:3.25px;
  color:#fff2d8;
  margin-bottom:29px;
  font-weight:650;
  text-shadow:0 2px 16px rgba(0,0,0,.92);
  padding:8px 12px 8px 13px;
  background:rgba(14,14,14,.38);
  border-left:1px solid rgba(235,218,184,.92);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
}

.still-theme .hero h1{
  font-family:var(--serif);
  font-size:clamp(84px,10.4vw,170px);
  line-height:.86;
  font-weight:400;
  letter-spacing:-.035em;
  color:#fff9ed;
  text-shadow:0 1px 24px #0f0f0f20;
}

.still-theme .hero h1 em{
  margin-left:0;
  letter-spacing:-.035em;
  white-space:nowrap;
}

.still-theme .hero-intro{
  color:#e4dccb;
  width:253px;
  padding-bottom:6px;
  font-size:13px;
  line-height:1.95;
}

.still-theme .intro-rule{
  background:#d4bc91;
  width:42px;
  margin-bottom:23px;
}

.still-theme .hero-intro p{
  margin-bottom:26px;
}

.still-theme .hero-cta{
  background:#ede4d2;
  color:#232323;
  padding:18px 21px;
  font-size:8px;
  letter-spacing:1.2px;
  gap:20px;
  min-height:59px;
  border:1px solid #ede4d2;
  transition:background .3s,border-color .3s;
}

.still-theme .hero-cta:hover{
  background:#d6c099;
  border-color:#d6c099;
}

.still-theme .hero-cta:hover .round-arrow{
  color:#232323;
}

.still-theme .hero-caption{
  position:absolute;
  left:6%;
  right:6%;
  bottom:39px;
  border-top:1px solid #e9dec052;
  padding-top:23px;
  font-size:7px;
  color:#e9ddc8;
  letter-spacing:1.2px;
  z-index:2;
  align-items:center;
  text-shadow:0 2px 12px rgba(0,0,0,.75);
}

.hero-scroll{
  display:inline-flex;
  align-items:center;
  gap:18px;
  font-size:7px;
  letter-spacing:1.7px;
  color:#e7dec9;
}

.hero-scroll>span{
  font-size:19px;
  font-weight:400;
  transition:transform .25s;
}

.hero-scroll:hover>span{
  transform:translateY(4px);
}

.still-theme .gallery-section{
  padding-top:94px;
  padding-bottom:89px;
  background:#f3efe7;
}

.still-theme .section-heading{
  padding-bottom:0;
  align-items:flex-end;
}

.still-theme .section-heading h2{
  font-size:clamp(58px,5.6vw,91px);
  line-height:.94;
  margin-top:24px;
}

.still-theme .section-intro{
  padding-bottom:7px;
}

.still-theme .showcase-chapters{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:26px;
  border:0;
  padding:0;
  margin:47px 0 56px;
}

.still-theme .showcase-chapters>a{
  display:block;
  position:relative;
  height:400px;
  min-width:0;
  padding:0!important;
  border:0!important;
  overflow:hidden;
  color:#f9f3e6;
  background:#262626;
}

.showcase-chapters>a:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,#15151560,transparent 45%,#151515d9 100%);
  pointer-events:none;
  z-index:1;
}

.showcase-chapters img{
  height:100%;
  width:100%;
  object-fit:cover;
  transition:transform 1.2s cubic-bezier(.2,.65,.3,1);
}

.showcase-chapters>a:hover img{
  transform:scale(1.045);
}

.chapter-card-top{
  position:absolute;
  top:25px;
  left:27px;
  right:27px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  z-index:2;
}

.still-theme .showcase-chapters .chapter-number{
  color:#f4e8d0;
  font-size:29px;
  line-height:1;
  margin:0;
}

.still-theme .showcase-chapters .eyebrow{
  font-size:6px;
  letter-spacing:1.7px;
  color:#e5d7bd;
}

.chapter-card-copy{
  position:absolute;
  left:27px;
  right:45px;
  bottom:35px;
  z-index:2;
}

.still-theme .showcase-chapters h3{
  font-family:var(--serif);
  font-size:39px;
  line-height:1;
  letter-spacing:-.5px;
  font-weight:400;
  margin-top:9px;
  color:#fff6e6;
}

.still-theme .showcase-chapters>a:hover h3{
  color:#fff6e6;
}

.still-theme .showcase-chapters .chapter-description{
  font-size:9px;
  color:#e0d4bc;
  margin-top:12px;
  letter-spacing:.2px;
}

.still-theme .showcase-chapters svg{
  position:absolute;
  right:24px;
  bottom:39px;
  width:17px;
  height:17px;
  color:#f0dfbe;
  margin:0;
  z-index:2;
}

.exhibition-anchor{
  scroll-margin-top:40px;
}

.still-theme .gallery-toolbar{
  padding-top:21px;
  margin-bottom:25px;
}

.still-theme .spatial-view{
  border-color:#b8a07850;
  box-shadow:0 20px 55px #29251e10;
}

.still-theme .about-section{
  background:#dcd4c4;
  padding-top:81px;
  padding-bottom:94px;
  border-top:0;
}

.still-theme .about-content h2{
  font-size:clamp(60px,6.4vw,105px);
  line-height:.96;
}

.still-theme .about-kicker .eyebrow{
  color:#776344;
}

.still-theme .about-copy>p:first-child{
  font-size:31px;
}

.still-theme .about-stats{
  border-color:#bdae92;
}

.still-theme .site-footer{
  padding-top:65px;
  background:#121212;
}

.still-theme .footer-wordmark{
  font-size:115px;
  letter-spacing:2px;
}

.still-theme .footer-top>p{
  font-size:31px;
}

@media(min-width:1700px){
.still-theme .hero-eyebrow,
.still-theme .hero-heading-row,
.still-theme .hero-caption{
  left:calc((100vw - 1500px)/2);
  right:calc((100vw - 1500px)/2);
}
}

@media(max-width:1100px){
.still-theme .hero h1{
  font-size:10.1vw;
}

.still-theme .hero-heading-row{
  gap:35px;
}

.still-theme .hero-intro{
  width:215px;
  font-size:12px;
}

.still-theme .hero-cta{
  padding:17px 17px;
  font-size:7px;
}

.still-theme .showcase-chapters{
  gap:19px;
}

.still-theme .showcase-chapters>a{
  height:350px;
}

.chapter-card-copy{
  left:22px;
  right:37px;
  bottom:30px;
}

.chapter-card-top{
  left:22px;
  right:22px;
}

.still-theme .showcase-chapters h3{
  font-size:33px;
}

.still-theme .showcase-chapters svg{
  right:18px;
  bottom:34px;
}

.still-theme .showcase-chapters .chapter-description{
  font-size:8px;
}
}

@media(max-width:700px){
.still-theme .header-actions{
  gap:15px;
}

.still-theme .cinematic-hero{
  height:100svh;
  min-height:760px;
  max-height:980px;
}

.cinematic-image img{
  object-position:46% center;
}

.cinematic-image:after{
  background:linear-gradient(180deg,#101010d1 0%,#10101018 28%,#10101038 43%,#101010b3 73%,#101010e8 100%);
}

.still-theme .hero-eyebrow{
  top:115px;
  left:7%;
  right:7%;
}

.still-theme .hero-eyebrow .eyebrow{
  font-size:6px;
  letter-spacing:1.2px;
  max-width:255px;
  line-height:1.8;
}

.still-theme .hero-heading-row{
  left:7%;
  right:7%;
  bottom:122px;
  display:block;
}

.cinematic-kicker{
  font-size:6px;
  letter-spacing:2.3px;
  margin-bottom:23px;
}

.still-theme .hero h1{
  font-size:16.4vw;
  line-height:.9;
  letter-spacing:-.035em;
}

.still-theme .hero h1 em{
  margin-left:0;
  letter-spacing:-.035em;
}

.still-theme .hero-intro{
  width:100%;
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:30px;
  gap:17px;
  padding:0;
  font-size:10px;
  line-height:1.85;
}

.still-theme .hero-intro p{
  font-size:10px;
  line-height:1.85;
  margin:0;
  flex-shrink:0;
}

.still-theme .intro-rule{
  display:none;
}

.still-theme .hero-cta{
  font-size:7px!important;
  letter-spacing:.7px;
  max-width:163px;
  min-height:54px;
  padding:13px 12px;
  gap:9px;
}

.still-theme .hero-cta .round-arrow{
  width:15px;
  flex-shrink:0;
}

.still-theme .hero-caption{
  left:7%;
  right:7%;
  bottom:29px;
  padding-top:20px;
  font-size:5px;
  letter-spacing:.8px;
  display:flex;
  flex-wrap:wrap;
  gap:16px;
}

.still-theme .hero-caption>span:first-child{
  font-size:5px;
  width:100%;
  letter-spacing:1.2px;
}

.still-theme .hero-caption>span:last-child{
  font-size:6px;
  letter-spacing:.2px;
  margin-left:auto;
}

.hero-scroll{
  display:inline-flex!important;
  font-size:6px;
  letter-spacing:1px;
  gap:9px;
}

.hero-scroll>span{
  font-size:16px;
}

.still-theme .mobile-menu{
  top:84px;
  background:#f3efe7;
  color:#25241f;
}

.still-theme .gallery-section{
  padding-top:53px;
  padding-bottom:52px;
}

.still-theme .section-heading h2{
  font-size:51px;
  line-height:.98;
  margin-top:20px;
}

.still-theme .section-intro{
  margin-top:22px;
  font-size:10px;
}

.still-theme .showcase-chapters{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  margin:29px 0 37px;
}

.still-theme .showcase-chapters>a{
  height:310px;
}

.chapter-card-top{
  top:22px;
  left:23px;
  right:23px;
}

.chapter-card-copy{
  left:23px;
  right:55px;
  bottom:28px;
}

.still-theme .showcase-chapters .chapter-number{
  font-size:27px;
  min-width:0;
}

.still-theme .showcase-chapters .eyebrow{
  font-size:6px;
  letter-spacing:1.5px;
}

.still-theme .showcase-chapters h3{
  font-size:39px;
  line-height:1;
  margin-top:9px;
}

.still-theme .showcase-chapters .chapter-description{
  font-size:9px;
  margin-top:11px;
}

.still-theme .showcase-chapters svg{
  width:16px;
  height:16px;
  right:24px;
  bottom:34px;
}

.still-theme .gallery-toolbar{
  padding-top:17px;
  margin-bottom:22px;
}

.still-theme .spatial-view{
  box-shadow:none;
}

.still-theme .about-section{
  padding-top:46px;
  padding-bottom:52px;
}

.still-theme .about-content h2{
  font-size:58px;
  line-height:.96;
}

.still-theme .about-copy>p:first-child{
  font-size:27px;
}

.still-theme .site-footer{
  padding-top:45px;
}

.still-theme .footer-wordmark{
  font-size:72px;
  letter-spacing:.5px;
}

.still-theme .footer-top>p{
  font-size:18px;
}
}

@media(max-width:370px){
.still-theme .hero h1{
  font-size:18.5vw;
}

.still-theme .hero-intro p{
  font-size:9px;
}

.still-theme .hero-cta{
  max-width:148px;
  font-size:6px!important;
  min-height:50px;
}

.still-theme .hero-intro{
  gap:12px;
}

.still-theme .section-heading h2{
  font-size:46px;
}

.still-theme .about-content h2{
  font-size:51px;
}
}

.still-theme .site-header{
  position:fixed;
  inset:0 0 auto;
  width:100%;
  height:104px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  background:linear-gradient(180deg,rgba(12,12,12,.34),rgba(12,12,12,0));
  border-bottom:1px solid rgba(244,230,200,.20);
  transition:height .45s ease,background .45s ease,backdrop-filter .45s ease,border-color .45s ease,box-shadow .45s ease;
  z-index:80;
}

.still-theme .site-header.is-scrolled{
  height:78px;
  background:rgba(17,17,17,.88);
  backdrop-filter:blur(16px) saturate(1.08);
  -webkit-backdrop-filter:blur(16px) saturate(1.08);
  border-bottom-color:rgba(236,224,201,.14);
  box-shadow:0 12px 45px rgba(10,10,10,.16);
}

.still-theme .brand{
  justify-self:start;
  min-width:max-content;
}

.still-theme .brand-name{
  transition:font-size .45s ease;
}

.still-theme .site-header.is-scrolled .brand-name{
  font-size:42px;
}

.still-theme .desktop-nav{
  justify-self:center;
  margin:0;
  height:100%;
  font-size:11px;
  letter-spacing:.35px;
}

.still-theme .desktop-nav>a,
.still-theme .nav-dropdown>button,
.still-theme .nav-text-button{
  height:100%;
  padding:0;
  display:flex;
  align-items:center;
  position:relative;
  color:#f5f0e6;
  transition:color .25s ease;
}

.still-theme .desktop-nav>a:after,
.still-theme .nav-dropdown>button:after,
.still-theme .nav-text-button:after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:26px;
  height:1px;
  background:#d7c197;
  transform:scaleX(0);
  transform-origin:left;
  transition:transform .28s ease;
}

.still-theme .desktop-nav>a:hover:after,
.still-theme .nav-dropdown>button:hover:after,
.still-theme .nav-dropdown>button[aria-expanded=true]:after,
.still-theme .nav-text-button:hover:after{
  transform:scaleX(1);
}

.still-theme .desktop-nav>a:hover,
.still-theme .nav-dropdown>button:hover,
.still-theme .nav-text-button:hover{
  color:#fff9ef;
}

.still-theme .tiny-plus{
  font-size:12px;
  margin-left:8px;
  transition:transform .28s ease,color .25s;
}

.still-theme .nav-dropdown>button[aria-expanded=true] .tiny-plus{
  transform:rotate(45deg);
  color:#f3dec0;
}

.still-theme .header-actions{
  justify-self:end;
  gap:10px;
}

.still-theme .icon-button{
  width:42px;
  height:42px;
  border:1px solid rgba(239,229,209,.18);
  border-radius:50%;
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
}

.still-theme .icon-button:hover{
  background:rgba(244,236,220,.10);
  border-color:rgba(239,229,209,.42);
  transform:translateY(-1px);
}

.still-theme .icon-button svg{
  width:17px;
  height:17px;
}

.still-theme .save-count{
  right:-2px;
  top:-2px;
  min-width:16px;
  height:16px;
  line-height:16px;
  font-size:8px;
  background:#e2d4b8;
  color:#212121;
  border:2px solid rgba(17,17,17,.9);
}

.still-theme .exhibition-panel{
  top:84px;
  left:50%;
  transform:translateX(-31%);
  width:min(720px,76vw);
  min-width:0;
  background:#f2ede3;
  color:#242424;
  border:1px solid rgba(92,80,58,.18);
  padding:0;
  box-shadow:0 30px 80px rgba(10,10,10,.26);
  overflow:hidden;
}

.still-theme .site-header.is-scrolled .exhibition-panel{
  top:66px;
}

.programme-head{
  height:62px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #cec5b5;
}

.programme-head .eyebrow{
  font-size:7px;
  letter-spacing:1.75px;
  color:#6f624d;
}

.programme-status{
  font-size:7px;
  letter-spacing:1.5px;
  color:#6c765d;
  display:flex;
  align-items:center;
  gap:7px;
}

.programme-status i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#78876b;
  box-shadow:0 0 0 4px rgba(120,135,107,.11);
}

.still-theme .exhibition-panel .programme-link{
  display:grid;
  grid-template-columns:38px 1fr auto 22px;
  gap:16px;
  align-items:center;
  padding:21px 26px;
  border-bottom:1px solid #d2cabc;
  transition:background .22s ease,padding-left .22s ease;
}

.still-theme .exhibition-panel .programme-link:hover{
  background:#e9e2d5;
  padding-left:31px;
}

.programme-index{
  font-family:var(--serif);
  font-size:15px;
  font-style:italic;
  color:#87785f;
}

.programme-copy strong{
  font-family:var(--serif);
  font-size:25px;
  line-height:1.05;
  font-weight:400;
  letter-spacing:-.35px;
  color:#272727;
}

.programme-copy em{
  display:block;
  margin-top:7px;
  font-family:DM,Arial,sans-serif;
  font-style:normal;
  font-size:8px;
  letter-spacing:.2px;
  color:#777064;
}

.programme-count{
  font-size:7px;
  letter-spacing:1.2px;
  color:#777064;
  white-space:nowrap;
}

.programme-arrow{
  font-size:15px;
  color:#786b54;
  transition:transform .22s ease;
}

.programme-link:hover .programme-arrow{
  transform:translate(3px,-3px);
}

.programme-foot{
  height:54px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:8px;
  color:#7d7568;
}

.programme-foot>a{
  font-size:8px;
  letter-spacing:.4px;
  color:#393939;
}

.programme-foot>a span{
  margin-left:7px;
}

.still-theme .mobile-menu{
  position:fixed;
  inset:84px 0 0;
  z-index:75;
  top:84px;
  height:calc(100svh - 84px);
  padding:27px 7% 25px;
  background:#1a1a1a!important;
  color:#f3ecdf!important;
  overflow:auto;
  border-top:1px solid rgba(237,225,201,.14);
}

.mobile-menu-intro{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding-bottom:23px;
  border-bottom:1px solid rgba(237,225,201,.17);
  font-size:7px;
  letter-spacing:1.3px;
  color:#bdb3a3;
}

.still-theme .mobile-menu>a,
.still-theme .mobile-menu>button[data-info]{
  width:100%;
  display:grid;
  grid-template-columns:32px 1fr auto;
  grid-template-areas:'idx title arrow' 'idx meta arrow';
  align-items:center;
  text-align:left;
  padding:22px 0;
  border-bottom:1px solid rgba(237,225,201,.14);
  color:#f5efe4;
}

.still-theme .mobile-menu .mobile-index{
  grid-area:idx;
  font-family:var(--serif);
  font-size:12px;
  font-style:italic;
  color:#a79578;
}

.still-theme .mobile-menu strong{
  grid-area:title;
  font-family:var(--serif);
  font-size:34px;
  font-weight:400;
  line-height:1;
}

.still-theme .mobile-menu small{
  grid-area:meta;
  margin-top:8px;
  font-size:7px;
  letter-spacing:.7px;
  color:#aaa092;
}

.still-theme .mobile-menu em{
  grid-area:arrow;
  font-style:normal;
  font-size:18px;
  color:#cbb99a;
}

.mobile-menu-foot{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:20px;
  padding-top:27px;
  font-size:6px;
  letter-spacing:1px;
  color:#948b7d;
  text-transform:uppercase;
}

.mobile-menu-foot .saved-trigger{
  display:flex;
  align-items:center;
  gap:9px;
  color:#d8cebd;
  text-transform:none;
  font-size:9px;
  letter-spacing:0;
}

.mobile-menu-foot .saved-trigger svg{
  width:14px;
  height:14px;
}

.mobile-menu-foot .save-count{
  position:static;
  border:0;
  display:inline-block;
  text-align:center;
}

.still-theme .menu-button{
  height:42px;
  min-width:82px;
  border:1px solid rgba(239,229,209,.20);
  border-radius:999px;
  padding:0 13px;
  align-items:center;
  justify-content:center;
  gap:10px;
  color:#f4eee2;
}

.still-theme .menu-glyph{
  font-size:14px;
  line-height:1;
}

.still-theme .menu-copy{
  font-size:9px;
  letter-spacing:.4px;
}

@media(max-width:1100px) and (min-width:701px){
.still-theme .site-header{
  grid-template-columns:1fr auto 1fr;
}

.still-theme .desktop-nav{
  gap:23px;
  font-size:10px;
}

.still-theme .exhibition-panel{
  transform:translateX(-36%);
  width:min(640px,82vw);
}
}

@media(max-width:700px){
.still-theme .site-header,
.still-theme .site-header.is-scrolled{
  height:84px;
  display:flex;
  background:linear-gradient(180deg,rgba(10,10,10,.52),rgba(10,10,10,.04));
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  box-shadow:none;
}

.still-theme .site-header.is-scrolled{
  background:rgba(17,17,17,.92);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
}

.still-theme .brand-name,
.still-theme .site-header.is-scrolled .brand-name{
  font-size:40px;
}

.still-theme .icon-button{
  display:none;
}

.still-theme .menu-button{
  display:inline-flex;
}

.still-theme .desktop-nav{
  display:none;
}

.still-theme .header-actions{
  margin-left:auto;
}

.still-theme .mobile-menu{
  display:block;
}

.still-theme .mobile-menu[hidden]{
  display:none!important;
}
}

.still-theme .exhibition-panel.exhibition-panel--editorial{
  top:86px;
  left:50%;
  transform:translateX(-33%);
  width:min(860px,82vw);
  min-width:700px;
  background:#f1ece2;
  color:#222222;
  border:1px solid rgba(225,214,194,.72);
  box-shadow:0 34px 90px rgba(7,7,7,.36),0 1px 0 rgba(255,255,255,.58) inset;
  overflow:hidden;
  padding:0;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.still-theme .site-header.is-scrolled .exhibition-panel.exhibition-panel--editorial{
  top:68px;
}

.programme-head--editorial{
  height:88px;
  padding:0 30px 0 32px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  border-bottom:1px solid #cfc4b2;
  background:linear-gradient(180deg,#f5f0e7 0%,#efe9dd 100%);
}

.programme-heading-group{
  display:flex;
  flex-direction:column;
  gap:7px;
}

.programme-heading-group .eyebrow{
  font-size:7px;
  letter-spacing:2.25px;
  color:#6f6555;
}

.programme-edition{
  font-size:7px;
  letter-spacing:1.65px;
  color:#9a8d78;
}

.programme-mark{
  width:86px;
  height:46px;
  border-left:1px solid #cbbda8;
  border-right:1px solid #cbbda8;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:2px;
  color:#323232;
}

.programme-mark span{
  font-family:var(--serif);
  font-size:17px;
  letter-spacing:2.2px;
}

.programme-mark small{
  font-size:5px;
  letter-spacing:1.7px;
  color:#92836d;
}

.exhibition-panel--editorial .programme-status{
  justify-self:end;
  font-size:7px;
  letter-spacing:1.7px;
  color:#66715f;
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:9px 12px;
  border:1px solid rgba(111,128,94,.22);
  border-radius:999px;
  background:rgba(121,138,105,.07);
}

.exhibition-panel--editorial .programme-status i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:#7f906c;
  box-shadow:0 0 0 5px rgba(127,144,108,.10);
}

.programme-list{
  display:block;
}

.still-theme .exhibition-panel--editorial .programme-link{
  position:relative;
  display:grid;
  grid-template-columns:52px minmax(0,1fr) 72px 42px;
  gap:20px;
  align-items:center;
  min-height:112px;
  padding:20px 28px 20px 32px;
  border-bottom:1px solid #d3c8b8;
  background:transparent;
  transition:background .32s ease,color .32s ease,padding .32s ease;
}

.still-theme .exhibition-panel--editorial .programme-link:before{
  content:'';
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:#bda06f;
  transform:scaleY(0);
  transform-origin:center;
  transition:transform .32s ease;
}

.still-theme .exhibition-panel--editorial .programme-link:hover{
  background:#252525;
  color:#f5efe5;
  padding-left:37px;
}

.still-theme .exhibition-panel--editorial .programme-link:hover:before{
  transform:scaleY(1);
}

.exhibition-panel--editorial .programme-index{
  font-family:var(--serif);
  font-size:13px;
  font-style:italic;
  color:#9d8b70;
  align-self:start;
  padding-top:11px;
  transition:color .32s;
}

.exhibition-panel--editorial .programme-link:hover .programme-index{
  color:#c7ad7d;
}

.exhibition-panel--editorial .programme-copy{
  display:block;
}

.exhibition-panel--editorial .programme-copy small{
  display:block;
  font-size:6px;
  letter-spacing:1.75px;
  color:#9b8a71;
  margin-bottom:8px;
  transition:color .32s;
}

.exhibition-panel--editorial .programme-copy strong{
  display:block;
  font-family:var(--serif);
  font-size:29px;
  line-height:1.06;
  font-weight:400;
  letter-spacing:-.5px;
  color:inherit;
}

.exhibition-panel--editorial .programme-copy em{
  display:block;
  margin-top:8px;
  font-family:DM,Arial,sans-serif;
  font-style:normal;
  font-size:8px;
  letter-spacing:.2px;
  color:#817768;
  transition:color .32s;
}

.exhibition-panel--editorial .programme-link:hover .programme-copy small{
  color:#bda77d;
}

.exhibition-panel--editorial .programme-link:hover .programme-copy em{
  color:#bfc7bb;
}

.exhibition-panel--editorial .programme-meta{
  height:46px;
  border-left:1px solid #cfc2ae;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  justify-content:center;
  padding-left:15px;
  transition:border-color .32s;
}

.exhibition-panel--editorial .programme-meta b{
  font-family:var(--serif);
  font-size:17px;
  font-weight:400;
  line-height:1;
}

.exhibition-panel--editorial .programme-meta small{
  font-size:6px;
  letter-spacing:1.35px;
  margin-top:5px;
  color:#8d806c;
}

.exhibition-panel--editorial .programme-link:hover .programme-meta{
  border-color:#555555;
}

.exhibition-panel--editorial .programme-link:hover .programme-meta small{
  color:#aeb7aa;
}

.exhibition-panel--editorial .programme-arrow{
  width:36px;
  height:36px;
  border:1px solid #c8bba6;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:13px;
  color:#766955;
  transition:transform .32s,background .32s,color .32s,border-color .32s;
}

.exhibition-panel--editorial .programme-link:hover .programme-arrow{
  transform:translate(2px,-2px);
  background:#f3ecdf;
  color:#252525;
  border-color:#f3ecdf;
}

.programme-link--featured{
  background:linear-gradient(90deg,rgba(190,167,126,.08),transparent 56%)!important;
}

.programme-link--featured:hover{
  background:#252525!important;
}

.programme-foot--editorial{
  height:76px;
  padding:0 30px 0 32px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:#e7dfd2;
  border-top:0;
  color:#665e52;
}

.programme-foot--editorial>div{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.programme-foot-label{
  font-size:5px;
  letter-spacing:1.7px;
  color:#9a8c78;
}

.programme-foot--editorial strong{
  font-family:var(--serif);
  font-size:13px;
  font-weight:400;
  color:#4f4b43;
}

.programme-foot--editorial>a{
  display:flex;
  align-items:center;
  gap:14px;
  font-size:8px;
  letter-spacing:.6px;
  color:#303030;
}

.programme-foot--editorial>a i{
  font-style:normal;
  width:31px;
  height:31px;
  border-radius:50%;
  border:1px solid #bfb19b;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s;
}

.programme-foot--editorial>a:hover i{
  background:#262626;
  color:#f2ede3;
  border-color:#262626;
  transform:translate(2px,-2px);
}

@media(max-width:900px) and (min-width:701px){
.still-theme .exhibition-panel.exhibition-panel--editorial{
  min-width:0;
  width:min(720px,92vw);
  transform:translateX(-38%);
}

.still-theme .exhibition-panel--editorial .programme-link{
  grid-template-columns:40px minmax(0,1fr) 58px 36px;
  gap:14px;
}

.exhibition-panel--editorial .programme-copy strong{
  font-size:25px;
}

.programme-mark{
  display:none;
}

.programme-head--editorial{
  grid-template-columns:1fr 1fr;
}

.exhibition-panel--editorial .programme-status{
  justify-self:end;
}
}

.still-theme .exhibition-panel.exhibition-panel--collection{
  top:84px;
  left:50%;
  transform:translateX(-34%);
  width:min(660px,76vw);
  min-width:600px;
  background:#f2eee5;
  color:#242424;
  border:1px solid rgba(128,116,94,.24);
  box-shadow:0 24px 58px rgba(8,8,8,.26);
  overflow:hidden;
  padding:0;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}

.still-theme .site-header.is-scrolled .exhibition-panel.exhibition-panel--collection{
  top:67px;
}

.programme-head--collection{
  height:58px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #d1c7b7;
  background:#f2eee5;
}

.programme-title{
  font-size:9px;
  line-height:1;
  letter-spacing:1.85px;
  text-transform:uppercase;
  color:#525252;
  font-weight:600;
}

.programme-view-all{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:8px;
  letter-spacing:.7px;
  color:#6b6b6b;
  transition:color .2s ease;
}

.programme-view-all span{
  font-size:12px;
  transition:transform .2s ease;
}

.programme-view-all:hover{
  color:#232323;
}

.programme-view-all:hover span{
  transform:translate(2px,-2px);
}

.still-theme .exhibition-panel--collection .programme-link{
  position:relative;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 28px;
  gap:18px;
  align-items:center;
  min-height:88px;
  padding:15px 24px;
  border-bottom:1px solid #d6ccbd;
  background:transparent;
  transition:background .22s ease;
}

.still-theme .exhibition-panel--collection .programme-link:last-child{
  border-bottom:0;
}

.still-theme .exhibition-panel--collection .programme-link:before{
  display:none;
}

.still-theme .exhibition-panel--collection .programme-link:hover{
  background:#e9e3d8;
  padding-left:24px;
  color:#222222;
}

.exhibition-panel--collection .programme-index{
  align-self:center;
  padding:0;
  font-family:DM,Arial,sans-serif;
  font-size:7px;
  font-style:normal;
  letter-spacing:1.15px;
  color:#918673;
  transition:color .22s ease;
}

.exhibition-panel--collection .programme-icon{
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8a8274;
  transition:color .22s ease,transform .22s ease;
}

.exhibition-panel--collection .programme-icon svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.05;
  vector-effect:non-scaling-stroke;
}

.exhibition-panel--collection .programme-link:hover .programme-icon{
  color:#535353;
  transform:translateX(1px);
}

.exhibition-panel--collection .programme-copy{
  display:block;
}

.exhibition-panel--collection .programme-copy strong{
  display:block;
  font-family:var(--serif);
  font-size:25px;
  line-height:1.08;
  font-weight:400;
  letter-spacing:-.35px;
  color:#272727;
  transition:transform .22s ease;
}

.exhibition-panel--collection .programme-copy em{
  display:block;
  margin-top:7px;
  font-family:DM,Arial,sans-serif;
  font-style:normal;
  font-size:7px;
  letter-spacing:.35px;
  color:#7a766e;
}

.exhibition-panel--collection .programme-copy em i{
  font-style:normal;
  margin:0 5px;
  color:#aaa08e;
}

.exhibition-panel--collection .programme-link:hover .programme-copy strong{
  transform:translateX(2px);
}

.exhibition-panel--collection .programme-link:hover .programme-index{
  color:#655d4f;
}

.exhibition-panel--collection .programme-link:hover .programme-copy em{
  color:#68675f;
}

.exhibition-panel--collection .programme-arrow{
  width:auto;
  height:auto;
  border:0;
  border-radius:0;
  display:block;
  font-size:14px;
  color:#817864;
  opacity:.65;
  transition:transform .22s ease,opacity .22s ease;
}

.exhibition-panel--collection .programme-link:hover .programme-arrow{
  transform:translate(2px,-2px);
  background:transparent;
  color:#303030;
  border:0;
  opacity:1;
}

@media(max-width:900px) and (min-width:701px){
.still-theme .exhibition-panel.exhibition-panel--collection{
  min-width:0;
  width:min(620px,90vw);
  transform:translateX(-38%);
}

.still-theme .exhibition-panel--collection .programme-link{
  grid-template-columns:30px minmax(0,1fr) 24px;
  gap:14px;
}

.exhibition-panel--collection .programme-copy strong{
  font-size:23px;
}
}

.booking-grid{
  grid-template-columns:minmax(300px,.9fr) minmax(390px,1.1fr);
  border-bottom:0;
}

.calendar-panel{
  padding:30px 38px 34px 0;
}

.booking-panel{
  border:1px solid rgba(151,138,111,.32);
}

.booking-panel:before{
  left:22px;
  right:22px;
  top:0;
  background:linear-gradient(90deg,transparent,rgba(163,138,92,.55),transparent);
}

.booking-date-label{
  margin-top:0;
}

.time-slot.booked{
  background:rgba(228,221,208,.65);
}

.field input,
.field select,
.field textarea{
  padding:11px 8px 10px 3px;
  border-bottom-color:rgba(107,106,95,.55);
  font-size:12px;
}

.field input:focus,
.field select:focus,
.field textarea:focus{
  border-bottom-color:#8b7654;
}

.booking-footer-row{
  padding-top:7px;
}

@media(max-width:760px){
.booking-grid{
  grid-template-columns:1fr;
}

.calendar-panel{
  padding:22px 0 25px;
}

.booking-panel{
  border:1px solid rgba(151,138,111,.3);
}

.time-grid{
  gap:7px;
}

.time-slot{
  min-height:48px;
}
}

@media(max-width:430px){
.time-grid{
  grid-template-columns:repeat(2,1fr);
}
}

#search-dialog{
  width:min(1040px,calc(100vw - 56px));
  max-width:none;
  max-height:min(82dvh,860px);
  padding:38px 44px 44px;
  border:1px solid rgba(105,94,74,.18);
  border-radius:0;
  background:#f2eee5;
  color:#282828;
  box-shadow:0 28px 90px rgba(18,18,18,.28);
  overflow:auto;
  scrollbar-width:thin;
  scrollbar-color:#b8ae9d transparent;
}

#search-dialog::backdrop{
  background:rgba(21,21,21,.58);
  backdrop-filter:blur(9px) saturate(.85);
}

#search-dialog::-webkit-scrollbar{
  width:7px;
}

#search-dialog::-webkit-scrollbar-track{
  background:transparent;
}

#search-dialog::-webkit-scrollbar-thumb{
  background:#b8ae9d;
  border:2px solid #f2eee5;
  border-radius:10px;
}

#search-dialog .panel-heading{
  min-height:38px;
  padding-bottom:15px;
  border-bottom:1px solid rgba(80,74,62,.16);
}

#search-dialog .panel-heading .eyebrow{
  font-size:8px;
  letter-spacing:1.9px;
  color:#777365;
}

#search-dialog .dialog-close{
  width:38px;
  height:38px;
  border:1px solid transparent;
  border-radius:50%;
  color:#706c61;
  transition:background .22s ease,border-color .22s ease,transform .22s ease,color .22s ease;
}

#search-dialog .dialog-close svg{
  width:15px;
  height:15px;
}

#search-dialog .dialog-close:hover{
  background:#e7e0d3;
  border-color:#cec3b0;
  color:#282828;
  transform:rotate(4deg);
}

#search-dialog h2{
  font-family:var(--serif);
  font-size:clamp(44px,4.2vw,66px);
  font-weight:400;
  line-height:1;
  letter-spacing:-.04em;
  margin:28px 0 25px;
}

#search-dialog .search-field{
  min-height:54px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:0 16px;
  border:1px solid rgba(76,73,63,.22);
  background:rgba(255,255,255,.22);
  transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;
}

#search-dialog .search-field:focus-within{
  border:1px solid rgba(46,46,46,.62);
  background:rgba(255,255,255,.38);
  box-shadow:0 0 0 1px rgba(46,46,46,.08);
}

#search-dialog .search-field svg{
  width:17px;
  height:17px;
  color:#686868;
}

#search-dialog .search-field input{
  min-width:0;
  width:100%;
  border:0;
  background:transparent;
  color:#282828;
  font-size:14px;
  letter-spacing:.01em;
  padding:0;
}

#search-dialog .search-field input::placeholder{
  color:#9a978e;
  opacity:1;
}

#search-dialog .search-field input::-webkit-search-cancel-button{
  opacity:.45;
}

#search-dialog .result-count{
  margin:16px 0 22px;
  font-size:8px;
  letter-spacing:1.35px;
  text-transform:uppercase;
  color:#8a8579;
}

#search-dialog .small-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px 22px;
}

#search-dialog .photo-card{
  min-width:0;
}

#search-dialog .photo-open{
  overflow:visible;
}

#search-dialog .photo-frame{
  aspect-ratio:4/5;
  background:#ded8cb;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(68,67,59,.05);
  transition:box-shadow .35s ease,transform .35s ease;
}

#search-dialog .photo-frame img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.001);
  transition:transform .75s cubic-bezier(.2,.65,.3,1),filter .35s ease;
}

#search-dialog .photo-frame:after{
  content:'VIEW  ↗';
  right:11px;
  bottom:11px;
  padding:7px 9px;
  font-size:7px;
  letter-spacing:1.35px;
  background:rgba(26,26,26,.76);
  color:#f3eee3;
  opacity:0;
  transform:translateY(4px);
  transition:opacity .25s ease,transform .25s ease;
}

#search-dialog .photo-open:hover .photo-frame,
#search-dialog .photo-open:focus-visible .photo-frame{
  box-shadow:0 12px 28px rgba(32,32,32,.10);
}

#search-dialog .photo-open:hover .photo-frame img,
#search-dialog .photo-open:focus-visible .photo-frame img{
  transform:scale(1.035);
}

#search-dialog .photo-open:hover .photo-frame:after,
#search-dialog .photo-open:focus-visible .photo-frame:after{
  opacity:1;
  transform:none;
}

#search-dialog .photo-caption{
  padding-top:13px;
  align-items:flex-start;
}

#search-dialog .photo-caption strong{
  display:block;
  font-family:var(--serif);
  font-size:17px;
  line-height:1.14;
  font-weight:400;
  letter-spacing:-.015em;
  color:#292929;
}

#search-dialog .photo-caption small{
  margin-top:6px;
  font-size:7px;
  line-height:1.4;
  letter-spacing:1.15px;
  color:#918a7d;
}

#search-dialog .photo-caption>span{
  display:none;
}

#search-dialog .card-save{
  width:34px;
  height:34px;
  top:10px;
  right:10px;
  border:1px solid rgba(70,70,70,.14);
  background:rgba(244,240,231,.93);
  box-shadow:0 3px 12px rgba(27,27,27,.08);
  transition:transform .2s ease,background .2s ease,border-color .2s ease;
}

#search-dialog .card-save svg{
  width:13px;
  height:13px;
}

#search-dialog .card-save:hover{
  transform:translateY(-1px);
  background:#fffaf1;
  border-color:rgba(70,70,70,.28);
}

#search-dialog .card-save[aria-pressed="true"]{
  background:#2d2d2d;
  color:#f4efe5;
  border-color:#2d2d2d;
}

#search-dialog .empty-state{
  padding:70px 20px;
  border:1px solid rgba(80,74,62,.16);
  background:rgba(255,255,255,.15);
  font-family:var(--serif);
  font-size:25px;
  font-weight:400;
}

#search-dialog .empty-state p{
  margin-top:10px;
  font-family:DM,Arial,sans-serif;
  font-size:10px;
  letter-spacing:.02em;
  color:#858074;
}

@media (max-width:760px){
#search-dialog{
  width:calc(100vw - 24px);
  max-height:90dvh;
  padding:24px 20px 28px;
}

#search-dialog h2{
  font-size:44px;
  margin:22px 0 20px;
}

#search-dialog .small-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px 13px;
}

#search-dialog .photo-caption strong{
  font-size:15px;
}

#search-dialog .search-field{
  min-height:50px;
  padding:0 13px;
}
}

@media (max-width:460px){
#search-dialog .small-grid{
  grid-template-columns:1fr;
}

#search-dialog .photo-frame{
  aspect-ratio:5/6;
}
}

.info-dialog:has(.booking-shell){
  background:#f2ede3;
}

.booking-grid{
  border-color:#c6bda9;
}

.calendar-panel{
  padding-right:40px;
}

.booking-panel{
  position:relative;
  padding:34px 32px 34px 34px;
  border-left:1px solid #c9bea8;
  background:linear-gradient(145deg,rgba(255,253,248,.88) 0%,rgba(244,236,222,.72) 58%,rgba(237,227,207,.62) 100%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.55);
}

.booking-panel:before{
  content:'';
  position:absolute;
  inset:14px 14px auto auto;
  width:54px;
  height:54px;
  border-top:1px solid rgba(168,144,103,.28);
  border-right:1px solid rgba(168,144,103,.28);
  pointer-events:none;
}

.booking-panel .booking-kicker{
  color:#8d7656;
  letter-spacing:1.9px;
  margin-bottom:15px;
}

.booking-date-label{
  font-size:27px;
  letter-spacing:-.02em;
  color:#262626;
  margin-bottom:7px;
}

.booking-selection-summary{
  font-size:9px;
  letter-spacing:.15px;
  color:#8a8377;
  margin-bottom:22px;
}

.time-grid{
  grid-template-columns:repeat(3,1fr);
  gap:9px;
  margin-bottom:29px;
}

.time-slot{
  min-height:52px;
  border:1px solid #cec3b0;
  background:rgba(255,253,248,.66);
  font-size:10px;
  letter-spacing:.05em;
  color:#313131;
  position:relative;
  overflow:hidden;
  transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}

.time-slot:before{
  content:'';
  position:absolute;
  left:50%;
  right:50%;
  bottom:0;
  height:2px;
  background:#a38b64;
  transition:left .2s ease,right .2s ease;
}

.time-slot:hover:not(:disabled){
  transform:translateY(-1px);
  border-color:#9f8d70;
  background:#fffdf8;
}

.time-slot:hover:not(:disabled):before{
  left:0;
  right:0;
}

.time-slot.selected{
  background:#2a2a2a;
  color:#f7f1e5;
  border-color:#2a2a2a;
  box-shadow:0 8px 18px rgba(37,37,37,.13);
}

.time-slot.selected:before{
  left:0;
  right:0;
  background:#c8b58f;
}

.booking-fields{
  gap:19px 15px;
}

.field{
  position:relative;
  gap:8px;
}

.field label{
  font-size:7px;
  letter-spacing:1.7px;
  color:#81755f;
  font-weight:600;
}

.field input,
.field textarea{
  padding:12px 1px 10px;
  border-bottom-color:#b5aa96;
  font-size:12px;
  color:#262626;
  transition:border-color .2s,background .2s;
}

.field input::placeholder,
.field textarea::placeholder{
  color:#9b978e;
}

.field input:focus,
.field textarea:focus{
  border-bottom-color:#7f6c4d;
}

.field textarea{
  min-height:72px;
}

.studio-native-select{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
}

.studio-select{
  position:relative;
  min-width:0;
}

.studio-select-trigger{
  width:100%;
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding:0 2px 0 3px;
  border:0;
  border-bottom:1px solid #b5aa96;
  background:transparent;
  color:#292929;
  font:12px DM,Arial,sans-serif;
  text-align:left;
  transition:border-color .2s,background .2s;
}

.studio-select-trigger:hover,
.studio-select.open .studio-select-trigger{
  border-bottom-color:#756244;
  background:linear-gradient(to bottom,transparent 63%,rgba(170,145,101,.06));
}

.studio-select-trigger:focus-visible{
  outline:1px solid #9e8968;
  outline-offset:4px;
}

.studio-select-arrow{
  width:25px;
  height:25px;
  border:1px solid #c7baa3;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex:0 0 25px;
  font-size:10px;
  color:#70644f;
  transition:transform .22s ease,background .22s ease,border-color .22s ease;
}

.studio-select.open .studio-select-arrow{
  transform:rotate(180deg);
  background:#2e2e2e;
  color:#f7f1e5;
  border-color:#2e2e2e;
}

.studio-select-menu{
  position:absolute;
  left:-8px;
  right:-8px;
  top:calc(100% + 8px);
  z-index:120;
  background:#f8f3e9;
  border:1px solid #c8baa2;
  box-shadow:0 20px 44px rgba(43,39,31,.16);
  padding:7px;
}

.studio-select-menu[hidden]{
  display:none;
}

.studio-select-option{
  width:100%;
  min-height:42px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:0 10px;
  border:0;
  border-bottom:1px solid rgba(185,174,154,.45);
  background:transparent;
  color:#333333;
  font:11px DM,Arial,sans-serif;
  text-align:left;
  transition:background .16s,padding-left .16s;
}

.studio-select-option:last-child{
  border-bottom:0;
}

.studio-select-option:hover,
.studio-select-option:focus-visible{
  background:#ece4d5;
  padding-left:14px;
  outline:none;
}

.studio-select-option[aria-selected="true"]{
  background:#2e2e2e;
  color:#f5efe4;
}

.studio-select-option[aria-selected="true"]:after{
  content:'✓';
  font-family:Arial,sans-serif;
  font-size:10px;
  color:#d8c39c;
}

.booking-submit-row{
  margin-top:28px;
  padding-top:20px;
  border-top:1px solid rgba(187,175,154,.58);
}

.booking-submit{
  min-height:51px;
  min-width:206px;
  justify-content:space-between;
  padding:0 20px;
  background:#272727;
  box-shadow:0 10px 20px rgba(36,36,36,.10);
  transition:transform .2s,background .2s;
}

.booking-submit:hover{
  background:#3b3b3b;
  transform:translateY(-1px);
}

.booking-help{
  color:#8a8377;
  line-height:1.6;
}

.booking-footer-row{
  border-top-color:#c9bea8;
}

@media(max-width:760px){
.calendar-panel{
  padding-right:0;
}

.booking-panel{
  padding:26px 20px;
  border-left:0;
}

.time-grid{
  grid-template-columns:repeat(2,1fr);
}

.studio-select-menu{
  left:0;
  right:0;
}

.booking-submit{
  width:100%;
}
}

@media (min-width: 761px){
.info-dialog:has(.booking-shell){
  width:min(1060px,calc(100vw - 28px));
  max-width:1060px;
  max-height:calc(100dvh - 24px);
  overflow:hidden;
  padding:24px 32px 24px;
}

.info-dialog:has(.booking-shell) .panel-heading{
  min-height:22px;
}

.info-dialog:has(.booking-shell) h2{
  font-size:clamp(48px,4.4vw,64px);
  line-height:.92;
  margin:16px 0 15px;
}

.booking-shell{
  max-width:none;
}

.booking-toolbar{
  margin:0 0 14px;
  min-height:30px;
}

.booking-back{
  padding:5px 0;
  font-size:8px;
}

.booking-status{
  font-size:8px;
}

.booking-grid{
  grid-template-columns:minmax(350px,.88fr) minmax(470px,1.12fr);
  border-bottom:1px solid #c6bda9;
  min-height:0;
}

.calendar-panel{
  padding:20px 30px 18px 0;
  display:flex;
  flex-direction:column;
  min-height:0;
}

.booking-panel{
  padding:20px 26px 18px 30px;
  min-height:0;
}

.booking-panel:before{
  width:42px;
  height:42px;
  inset:12px 12px auto auto;
}

.visit-label,
.booking-kicker{
  font-size:7px;
  margin-bottom:9px;
  letter-spacing:1.6px;
}

.calendar-head{
  margin-bottom:12px;
  align-items:center;
}

.calendar-title{
  font-size:23px;
}

.calendar-month{
  font-size:8px;
  margin-top:4px;
}

.calendar-nav button{
  width:34px;
  height:34px;
}

.calendar-weekdays,
.calendar-days{
  gap:3px;
}

.calendar-weekdays span{
  font-size:6px;
  padding-bottom:4px;
}

.calendar-day{
  aspect-ratio:auto;
  height:34px;
  font-size:13px;
}

.calendar-day.available:after{
  bottom:3px;
}

.calendar-legend{
  margin-top:10px;
  gap:14px;
  font-size:7px;
}

.calendar-note{
  margin-top:10px;
  font-size:8px;
  line-height:1.45;
  max-width:330px;
}

.booking-panel .booking-kicker{
  margin-bottom:9px;
}

.booking-date-label{
  font-size:24px;
  margin:0 0 3px;
  min-height:27px;
}

.booking-selection-summary{
  font-size:8px;
  margin:0 0 12px;
  min-height:12px;
}

.time-grid{
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin-bottom:15px;
}

.time-slot{
  min-height:40px;
  font-size:9px;
}

.booking-fields{
  gap:10px 14px;
}

.field{
  gap:5px;
}

.field label{
  font-size:6.5px;
  letter-spacing:1.5px;
}

.field input,
.field textarea{
  padding:8px 1px 7px;
  font-size:11px;
}

.field textarea{
  min-height:44px;
  max-height:44px;
  resize:none;
}

.studio-select-trigger{
  min-height:38px;
  font-size:11px;
}

.studio-select-arrow{
  width:23px;
  height:23px;
  flex-basis:23px;
}

.studio-select-menu{
  top:calc(100% + 5px);
}

.studio-select-option{
  min-height:36px;
  font-size:10px;
}

.booking-submit-row{
  margin-top:13px;
  padding-top:12px;
  gap:14px;
}

.booking-submit{
  min-height:44px;
  min-width:190px;
  padding:0 17px;
  font-size:8px;
}

.booking-help{
  font-size:8px;
  line-height:1.4;
  max-width:160px;
}

.booking-error{
  font-size:9px;
  margin-top:7px;
  min-height:12px;
}

.booking-footer-row{
  display:none;
}
}

@media (min-width:761px) and (max-height:820px){
.info-dialog:has(.booking-shell){
  padding-top:18px;
  padding-bottom:18px;
}

.info-dialog:has(.booking-shell) h2{
  font-size:52px;
  margin:12px 0;
}

.booking-toolbar{
  margin-bottom:10px;
}

.calendar-panel{
  padding-top:16px;
  padding-bottom:14px;
}

.booking-panel{
  padding-top:16px;
  padding-bottom:14px;
}

.calendar-day{
  height:30px;
  font-size:12px;
}

.calendar-note{
  margin-top:7px;
  line-height:1.35;
}

.time-slot{
  min-height:36px;
}

.time-grid{
  margin-bottom:11px;
}

.booking-fields{
  gap:8px 14px;
}

.field input,
.field textarea{
  padding-top:6px;
  padding-bottom:6px;
}

.field textarea{
  min-height:38px;
  max-height:38px;
}

.booking-submit-row{
  margin-top:10px;
  padding-top:10px;
}

.booking-submit{
  min-height:40px;
}
}

.booking-panel:before{
  display:none!important;
}

.field input,
.field textarea{
  background:transparent!important;
  background-color:transparent!important;
  caret-color:#262626;
}

.field input:focus,
.field textarea:focus{
  background:transparent!important;
  background-color:transparent!important;
}

.field input:-webkit-autofill,
.field input:-webkit-autofill:hover,
.field input:-webkit-autofill:focus,
.field input:-webkit-autofill:active,
.field textarea:-webkit-autofill,
.field textarea:-webkit-autofill:hover,
.field textarea:-webkit-autofill:focus{
  -webkit-text-fill-color:#262626!important;
  caret-color:#262626!important;
  background-color:transparent!important;
  -webkit-box-shadow:0 0 0 1000px rgba(0,0,0,0) inset!important;
  box-shadow:0 0 0 1000px rgba(0,0,0,0) inset!important;
  transition:background-color 99999s ease-out 0s,color 99999s ease-out 0s!important;
}

.field input::selection,
.field textarea::selection{
  background:rgba(129,144,109,.22);
  color:#262626;
}

.info-dialog:has(.booking-shell) .panel-heading .eyebrow{
  font-family:Georgia,"Times New Roman",serif;
  font-size:20px;
  line-height:1;
  letter-spacing:.02em;
  text-transform:none;
  color:#262626;
  font-weight:400;
}

@media (min-width:761px){
.info-dialog:has(.booking-shell) h2{
  font-size:clamp(38px,3.45vw,50px);
  line-height:.98;
  letter-spacing:-.025em;
  margin:13px 0 14px;
}
}

@media (max-width:760px){
.info-dialog:has(.booking-shell) .panel-heading .eyebrow{
  font-size:18px;
}

.info-dialog:has(.booking-shell) h2{
  font-size:42px;
  line-height:1;
}
}

.still-theme .visit-nav-dropdown{
  position:relative;
  height:100%;
  display:flex;
  align-items:center;
}

.still-theme .visit-menu-button{
  gap:0;
}

.still-theme .visit-menu-mark{
  font-size:12px;
  line-height:1;
  margin-left:8px;
  color:#d7c197;
  transition:transform .28s ease,color .25s ease;
}

.still-theme .visit-menu-button[aria-expanded="true"] .visit-menu-mark{
  transform:rotate(45deg);
  color:#f3dec0;
}

.still-theme .visit-nav-panel{
  position:absolute;
  top:84px;
  left:50%;
  transform:translateX(-50%);
  width:430px;
  background:#f2eee5;
  color:#242424;
  border:1px solid rgba(128,116,94,.24);
  box-shadow:0 24px 58px rgba(8,8,8,.26);
  overflow:hidden;
  z-index:70;
  padding:0;
}

.still-theme .site-header.is-scrolled .visit-nav-panel{
  top:67px;
}

.still-theme .visit-nav-head{
  height:58px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid #d1c7b7;
  background:#f2eee5;
}

.still-theme .visit-nav-title{
  font-size:9px;
  line-height:1;
  letter-spacing:1.85px;
  text-transform:uppercase;
  color:#525252;
  font-weight:600;
}

.still-theme .visit-nav-meta{
  font-size:8px;
  letter-spacing:.7px;
  text-transform:uppercase;
  color:#6b6b6b;
}

.still-theme .visit-nav-link{
  width:100%;
  min-height:88px;
  padding:15px 24px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) 28px;
  gap:18px;
  align-items:center;
  border-bottom:1px solid #d6ccbd;
  text-align:left;
  color:#2b2b2b;
  background:transparent;
  transition:background .22s ease;
}

.still-theme .visit-nav-link:last-child{
  border-bottom:0;
}

.still-theme .visit-nav-icon{
  width:18px;
  height:18px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#8a8274;
  transition:color .22s ease,transform .22s ease;
}

.still-theme .visit-nav-icon svg{
  width:18px;
  height:18px;
  stroke:currentColor;
  fill:none;
  stroke-width:1.05;
  vector-effect:non-scaling-stroke;
}

.still-theme .visit-nav-copy{
  display:block;
  min-width:0;
}

.still-theme .visit-nav-copy strong{
  display:block;
  font-family:var(--serif);
  font-size:25px;
  line-height:1.08;
  font-weight:400;
  letter-spacing:-.35px;
  color:#272727;
  transition:transform .22s ease;
}

.still-theme .visit-nav-copy small{
  display:block;
  margin-top:7px;
  font-family:DM,Arial,sans-serif;
  font-size:7px;
  line-height:1.2;
  letter-spacing:.35px;
  color:#7a766e;
}

.still-theme .visit-nav-arrow{
  font-family:DM,Arial,sans-serif;
  font-size:14px;
  font-style:normal;
  color:#817864;
  opacity:.65;
  transition:transform .22s ease,opacity .22s ease,color .22s ease;
}

.still-theme .visit-nav-link:hover,
.still-theme .visit-nav-link:focus-visible{
  background:#e9e3d8;
  color:#222222;
}

.still-theme .visit-nav-link:hover .visit-nav-icon,
.still-theme .visit-nav-link:focus-visible .visit-nav-icon{
  color:#535353;
  transform:translateX(1px);
}

.still-theme .visit-nav-link:hover .visit-nav-copy strong,
.still-theme .visit-nav-link:focus-visible .visit-nav-copy strong{
  transform:translateX(2px);
}

.still-theme .visit-nav-link:hover .visit-nav-arrow,
.still-theme .visit-nav-link:focus-visible .visit-nav-arrow{
  transform:translate(2px,-2px);
  opacity:1;
  color:#303030;
}

@media(max-width:900px) and (min-width:701px){
.still-theme .visit-nav-panel{
  width:390px;
  transform:translateX(-58%);
}

.still-theme .visit-nav-copy strong{
  font-size:23px;
}
}

.info-dialog:has(.contact-overview){
  width:min(920px,calc(100vw - 40px));
  max-width:920px;
  padding:38px 46px 34px;
  background:#f3eee4;
  border:1px solid rgba(120,108,84,.24);
}

.info-dialog:has(.contact-overview) .panel-heading{
  align-items:flex-start;
}

.info-dialog:has(.contact-overview) .panel-heading .eyebrow{
  font-family:var(--serif);
  font-size:23px;
  line-height:1;
  letter-spacing:.7px;
  text-transform:none;
  color:#282828;
}

.info-dialog:has(.contact-overview) h2{
  font-family:var(--serif);
  font-size:clamp(50px,5.4vw,72px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-1.8px;
  margin:30px 0 24px;
  color:#282828;
}

.contact-overview{
  max-width:820px;
}

.contact-lead{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:32px;
  align-items:start;
  padding:22px 0 30px;
  border-top:1px solid #c7bdad;
}

.contact-kicker{
  font-size:7px;
  letter-spacing:1.8px;
  color:#8a7555;
  font-weight:600;
  padding-top:5px;
}

.contact-lead p{
  font-family:var(--serif);
  font-size:24px!important;
  line-height:1.35!important;
  color:#3a3b34;
  max-width:560px;
}

.contact-grid{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  border-top:1px solid #c7bdad;
  border-bottom:1px solid #c7bdad;
}

.contact-card{
  position:relative;
  min-height:190px;
  padding:30px 34px 28px 0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  transition:background .25s ease,padding-left .25s ease;
}

.contact-card+.contact-card{
  padding-left:34px;
  border-left:1px solid #c7bdad;
}

.contact-card--email:hover{
  background:rgba(222,212,194,.45);
  padding-left:10px;
}

.contact-card-label{
  font-size:7px;
  letter-spacing:1.8px;
  color:#8a7555;
  font-weight:600;
  margin-bottom:24px;
}

.contact-card strong{
  font-family:var(--serif);
  font-size:26px;
  font-weight:400;
  line-height:1.32;
  color:#282828;
  letter-spacing:-.35px;
}

.contact-card--email strong{
  font-size:30px;
}

.contact-card-meta{
  font-size:9px;
  line-height:1.6;
  color:#77766e;
  margin-top:15px;
}

.contact-card i{
  position:absolute;
  right:24px;
  top:28px;
  font-style:normal;
  font-size:17px;
  color:#73644f;
  transition:transform .25s ease;
}

.contact-card--email:hover i{
  transform:translate(3px,-3px);
}

.contact-actions{
  display:flex;
  gap:12px;
  padding:26px 0 24px;
  border-bottom:1px solid #d5cdbf;
}

.contact-primary,
.contact-secondary{
  min-height:48px;
  padding:0 19px;
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  font-size:8px;
  letter-spacing:1.45px;
  text-transform:uppercase;
  transition:.2s ease;
}

.contact-primary{
  background:#272727;
  color:#f4efe6;
  min-width:190px;
}

.contact-primary:hover{
  background:#3d3d3d;
}

.contact-secondary{
  border:1px solid #a99f8e;
  color:#282828;
  min-width:190px;
}

.contact-secondary:hover{
  border-color:#282828;
  background:#ece4d7;
}

.contact-foot{
  display:grid;
  grid-template-columns:180px minmax(0,1fr);
  gap:32px;
  padding-top:18px;
  color:#807d73;
}

.contact-foot>span{
  font-size:6px;
  letter-spacing:1.65px;
  color:#98866b;
  font-weight:600;
  padding-top:2px;
}

.contact-foot p{
  font-size:9px!important;
  line-height:1.65!important;
  max-width:580px;
}

@media(max-width:760px){
.info-dialog:has(.contact-overview){
  width:calc(100vw - 20px);
  padding:25px 22px 27px;
}

.info-dialog:has(.contact-overview) .panel-heading .eyebrow{
  font-size:19px;
}

.info-dialog:has(.contact-overview) h2{
  font-size:47px;
  letter-spacing:-1.1px;
  margin:25px 0 20px;
}

.contact-lead,
.contact-foot{
  grid-template-columns:1fr;
  gap:10px;
}

.contact-lead p{
  font-size:20px!important;
}

.contact-grid{
  grid-template-columns:1fr;
}

.contact-card{
  min-height:150px;
  padding:24px 0;
}

.contact-card+.contact-card{
  padding-left:0;
  border-left:0;
  border-top:1px solid #c7bdad;
}

.contact-card--email:hover{
  padding-left:0;
}

.contact-card--email strong{
  font-size:25px;
}

.contact-card strong{
  font-size:22px;
}

.contact-actions{
  flex-direction:column;
}

.contact-primary,
.contact-secondary{
  width:100%;
}
}

@media (min-width:701px){
.still-theme .exhibition-panel.exhibition-panel--collection,
.still-theme .visit-nav-panel{
  position:fixed;
  top:104px;
  left:50%;
  width:min(660px,calc(100vw - 80px));
  min-width:0;
  transform:translateX(-50%);
  transform-origin:50% 0;
  z-index:90;
  box-shadow:0 24px 58px rgba(8,8,8,.26);
  animation:stillNavPanelIn .28s cubic-bezier(.22,.72,.22,1) both;
}

.still-theme .site-header.is-scrolled .exhibition-panel.exhibition-panel--collection,
.still-theme .site-header.is-scrolled .visit-nav-panel{
  top:78px;
}

.still-theme .visit-nav-panel{
  width:min(660px,calc(100vw - 80px));
}

.still-theme .visit-nav-head,
.still-theme .programme-head--collection{
  height:58px;
  padding-left:24px;
  padding-right:24px;
}

.still-theme .visit-nav-link,
.still-theme .exhibition-panel--collection .programme-link{
  min-height:88px;
  padding:15px 24px;
  grid-template-columns:34px minmax(0,1fr) 28px;
  gap:18px;
}

.still-theme .visit-menu-mark,
.still-theme .tiny-plus{
  display:inline-block;
  transform-origin:50% 50%;
}

.still-theme .visit-menu-button[aria-expanded="true"] .visit-menu-mark,
.still-theme #exhibition-menu[aria-expanded="true"] .tiny-plus{
  transform:rotate(45deg);
}
}

@keyframes stillNavPanelIn{
  from{opacity:0;transform:translate(-50%,-10px) scale(.992)}
  to{opacity:1;transform:translate(-50%,0) scale(1)}
}

@media (prefers-reduced-motion:reduce){
.still-theme .exhibition-panel.exhibition-panel--collection,
.still-theme .visit-nav-panel{
  animation:none;
}
}

.still-theme .desktop-nav{
  gap:34px;
}

.still-theme .desktop-nav .top-nav-item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  position:relative;
  color:inherit;
}

.still-theme .desktop-nav .top-nav-icon{
  stroke-width:1.25;
  flex:0 0 auto;
  transition:color .25s ease, transform .25s ease, opacity .25s ease;
}

.still-theme .desktop-nav .top-nav-item:hover .top-nav-icon,
.still-theme .desktop-nav .top-nav-item:focus-visible .top-nav-icon,
.still-theme #exhibition-menu[aria-expanded="true"] .top-nav-icon,
.still-theme #visit-menu[aria-expanded="true"] .top-nav-icon{
  color:#d8c78f;
  transform:translateY(-1px);
}

.still-theme .desktop-nav .top-nav-item>span:not(.tiny-plus):not(.visit-menu-mark){
  line-height:1;
}

.still-theme .desktop-nav .tiny-plus,
.still-theme .desktop-nav .visit-menu-mark{
  margin-left:1px;
}

@media(max-width:920px){
.still-theme .desktop-nav .top-nav-icon{
  display:none;
}
}

.still-theme .micro-label{
  display:inline-flex;
  align-items:center;
  gap:8px;
  vertical-align:middle;
}

.still-theme .micro-label>svg{
  width:13px;
  height:13px;
  flex:0 0 auto;
  stroke-width:1.3;
  color:#9b8a66;
}

.still-theme .micro-label--on-dark>svg{
  color:#d8c78f;
}

.still-theme .hero-caption .micro-label{
  color:rgba(244,242,232,.88);
  letter-spacing:1.35px;
  font-weight:500;
}

.still-theme .hero-caption .micro-label>svg{
  width:12px;
  height:12px;
}

.still-theme .filters button{
  display:inline-flex;
  align-items:center;
  gap:7px;
}

.still-theme .filters .filter-icon{
  width:13px;
  height:13px;
  stroke-width:1.25;
  color:#a2a294;
  transition:color .22s ease, transform .22s ease;
}

.still-theme .filters button:hover .filter-icon,
.still-theme .filters button.active .filter-icon{
  color:#927f54;
  transform:translateY(-1px);
}

.still-theme .filters sup{
  margin-left:0;
}

.still-theme .about-kicker .micro-label>svg{
  width:14px;
  height:14px;
}

.still-theme .site-footer .micro-label{
  margin-bottom:2px;
}

.still-theme .site-footer .micro-label>svg{
  width:12px;
  height:12px;
  color:#b6a577;
}

.still-theme .panel-heading .micro-label>svg{
  width:13px;
  height:13px;
  color:#9b8a66;
}

.still-theme .desktop-nav .top-nav-icon{
  width:15px;
  height:15px;
  color:rgba(244,242,232,.84);
}

@media(max-width:720px){
.still-theme .filters{
  gap:16px;
  overflow-x:auto;
  padding-bottom:2px;
}

.still-theme .filters button{
  gap:6px;
}

.still-theme .filters .filter-icon{
  width:12px;
  height:12px;
}
}

.still-theme .mobile-menu .mobile-index{
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

.still-theme .mobile-menu .mobile-index svg{
  width:17px;
  height:17px;
  stroke-width:1.2;
  color:#cbb99a;
}

.photo-frame:after{
  display:none!important;
}

.photo-view-icon{
  position:absolute;
  right:14px;
  bottom:14px;
  width:42px;
  height:42px;
  border:1px solid rgba(239,240,231,.66);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#f3f4e9;
  background:rgba(24,24,24,.16);
  backdrop-filter:blur(2px);
  opacity:0;
  transform:translateY(4px);
  transition:opacity .25s ease,transform .25s ease,background .25s ease,color .25s ease,border-color .25s ease;
}

.photo-view-icon svg{
  width:17px;
  height:17px;
  stroke-width:1.25;
}

.photo-open:hover .photo-view-icon,
.photo-open:focus-visible .photo-view-icon{
  opacity:1;
  transform:translateY(0);
}

.photo-open:hover .photo-view-icon{
  background:#efe6d5;
  color:#282828;
  border-color:#efe6d5;
}

@media (hover:none),(pointer:coarse){
.photo-view-icon{
  opacity:.92;
  transform:none;
  width:36px;
  height:36px;
  right:10px;
  bottom:10px;
}
}

@media(max-width:700px){
.photo-view-icon{
  width:32px;
  height:32px;
  right:9px;
  bottom:9px;
}

.photo-view-icon svg{
  width:14px;
  height:14px;
}
}

.still-theme .brand{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:center;
  gap:5px;
}

.still-theme .brand-caption{
  padding-left:0;
  border-left:0;
  font-size:6.5px;
  line-height:1;
  letter-spacing:1.55px;
  white-space:nowrap;
  color:#ded5c4;
}

.still-theme .hero-eyebrow{
  justify-content:flex-end;
}

@media(max-width:1100px) and (min-width:701px){
.still-theme .brand-caption{
  display:block;
  font-size:5.5px;
  letter-spacing:1.15px;
}
}

@media(max-width:700px){
.still-theme .brand-caption{
  display:none;
}
}

.spatial-view{
  overscroll-behavior:contain;
  user-select:none;
}

#gallery-canvas{
  touch-action:pan-y;
  cursor:grab;
}

#gallery-canvas.dragging{
  cursor:grabbing;
}

.spatial-progress{
  position:absolute;
  left:50%;
  bottom:52px;
  transform:translateX(-50%);
  width:min(190px,22vw);
  height:1px;
  background:rgba(236,235,228,.18);
  z-index:4;
  overflow:hidden;
}

.spatial-progress>span{
  display:block;
  width:0;
  height:100%;
  background:rgba(181,196,153,.9);
  transition:width .38s cubic-bezier(.22,.61,.36,1);
}

.spatial-view.is-browsing .spatial-progress>span{
  transition-duration:.08s;
}

.spatial-view.is-browsing .stage-bottom>span:first-child{
  color:#ecebe4;
}

.stage-bottom>span:first-child{
  transition:color .25s ease;
}

.spatial-navigation .stage-arrow{
  transition:background .2s ease,border-color .2s ease,transform .2s ease;
}

.spatial-navigation .stage-arrow:active{
  transform:scale(.94);
}

@media (max-width:780px){
.spatial-progress{
  width:150px;
  bottom:55px;
}

.stage-bottom>span:first-child{
  font-size:7px;
}
}

@media (prefers-reduced-motion:reduce){
.spatial-progress>span{
  transition:none!important;
}

.spatial-navigation .stage-arrow{
  transition:none!important;
}
}

@keyframes viewerDemoPulse{0%,100%{box-shadow:0 0 0 3px rgba(203,185,135,.08)}50%{box-shadow:0 0 0 7px rgba(203,185,135,.03)}}

body[data-viewer-scroll-y]{
  overscroll-behavior:none;
}

.view-controls{
  background:#e7e3d9;
  border:1px solid rgba(86,78,61,.18);
  border-radius:0;
  padding:3px;
}

.view-controls button{
  min-height:34px;
  border-radius:0;
  transition:background .22s,color .22s,border-color .22s;
  white-space:nowrap;
}

.view-controls button.active{
  background:#262626;
  color:#f0eee5;
  box-shadow:none;
}

.view-controls button.active svg{
  color:#d3c293;
}

.cinematic-gallery-view{
  position:relative;
  min-height:650px;
  isolation:isolate;
}

.cinematic-gallery-view:focus-visible{
  outline:1px solid #b6a775;
  outline-offset:4px;
}

.cinematic-topline,
.cinematic-bottomline{
  position:absolute;
  left:28px;
  right:28px;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:7px;
  letter-spacing:1.7px;
}

.cinematic-topline{
  top:24px;
}

.cinematic-bottomline{
  bottom:20px;
}

.cinematic-stage{
  position:relative;
  display:grid;
  grid-template-columns:56px minmax(0,1fr) 56px;
  gap:25px;
  align-items:center;
  padding:74px 5.5% 0;
  min-height:486px;
}

.cinematic-image-button{
  display:block;
  width:100%;
  height:100%;
  padding:0;
  min-width:0;
  position:relative;
}

.cinematic-image-shell{
  height:410px;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
  overflow:hidden;
}

#cinematic-image{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:opacity .34s ease,transform .65s cubic-bezier(.18,.7,.18,1);
  will-change:opacity,transform;
}

.cinematic-gallery-view.is-transitioning #cinematic-image{
  opacity:.12;
  transform:scale(.985) translateX(var(--cinematic-shift,0px));
}

.cinematic-image-hint{
  position:absolute;
  right:18px;
  bottom:18px;
  z-index:2;
  background:rgba(15,15,15,.72);
  backdrop-filter:blur(12px);
  border:1px solid rgba(227,215,173,.2);
  padding:9px 12px;
  font-size:7px;
  letter-spacing:1.5px;
  color:#e7e1ce;
  opacity:0;
  transform:translateY(5px);
  transition:.25s;
}

.cinematic-image-button:hover .cinematic-image-hint,
.cinematic-image-button:focus-visible .cinematic-image-hint{
  opacity:1;
  transform:none;
}

.cinematic-arrow{
  width:45px;
  height:45px;
  border:1px solid rgba(212,199,153,.34);
  border-radius:50%;
  font-size:19px;
  display:flex;
  align-items:center;
  justify-content:center;
  transition:.25s;
}

.cinematic-arrow:hover{
  color:#1e1e1e;
  transform:scale(1.04);
}

.cinematic-copy{
  display:grid;
  grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);
  gap:60px;
  align-items:end;
  padding:15px 14% 72px;
}

.cinematic-title-block{
  min-width:0;
}

.cinematic-title-block>span{
  font-size:7px;
  letter-spacing:1.8px;
  color:#cdbc85;
}

.cinematic-title-block h3{
  font-family:var(--serif);
  font-size:clamp(34px,3vw,54px);
  font-weight:400;
  line-height:1.03;
  letter-spacing:-.035em;
  margin-top:8px;
  color:#f1eee2;
}

.cinematic-copy p{
  font-size:11px;
  line-height:1.8;
  max-width:390px;
  padding-bottom:4px;
}

.cinematic-progress{
  position:absolute;
  left:14%;
  right:14%;
  bottom:54px;
  height:1px;
  overflow:hidden;
}

.cinematic-progress span{
  display:block;
  height:100%;
  width:0;
  transition:width .55s cubic-bezier(.2,.7,.2,1);
}

@media(max-width:1050px){
.cinematic-gallery-view{
  min-height:615px;
}

.cinematic-stage{
  grid-template-columns:44px minmax(0,1fr) 44px;
  gap:14px;
  padding-left:4%;
  padding-right:4%;
  min-height:450px;
}

.cinematic-image-shell{
  height:380px;
}

.cinematic-copy{
  padding-left:11%;
  padding-right:11%;
  gap:34px;
}
}

@media(max-width:700px){
.view-controls{
  grid-template-columns:repeat(3,1fr);
}

.view-controls button{
  justify-content:center;
  font-size:8px;
  gap:4px;
}

.view-controls svg{
  width:12px;
  height:12px;
}

.cinematic-gallery-view{
  min-height:545px;
  margin-left:-6.82%;
  margin-right:-6.82%;
}

.cinematic-topline,
.cinematic-bottomline{
  left:18px;
  right:18px;
  font-size:5px;
  letter-spacing:1.1px;
}

.cinematic-bottomline span:nth-child(2){
  display:none;
}

.cinematic-stage{
  grid-template-columns:34px minmax(0,1fr) 34px;
  gap:7px;
  padding:58px 12px 0;
  min-height:355px;
}

.cinematic-image-shell{
  height:308px;
}

.cinematic-arrow{
  width:30px;
  height:30px;
  font-size:14px;
}

.cinematic-image-hint{
  opacity:1;
  right:10px;
  bottom:10px;
  font-size:6px;
  padding:7px 8px;
}

.cinematic-copy{
  grid-template-columns:1fr;
  gap:12px;
  padding:10px 14% 67px;
}

.cinematic-title-block h3{
  font-size:31px;
  margin-top:5px;
}

.cinematic-copy p{
  font-size:9px;
  line-height:1.6;
  max-width:none;
}

.cinematic-progress{
  left:14%;
  right:14%;
  bottom:47px;
}
}

@media(prefers-reduced-motion:reduce){
#cinematic-image,
.cinematic-progress span{
  transition:none!important;
}
}

.gallery-toolbar{
  align-items:flex-start;
}

.view-controls{
  flex-wrap:wrap;
  justify-content:flex-end;
  max-width:720px;
}

.view-controls button{
  position:relative;
}

.view-controls button .mode-short{
  display:none;
}

.filmstrip-view{
  position:relative;
  min-height:640px;
  isolation:isolate;
}

.filmstrip-head{
  height:64px;
  padding:0 28px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:7px;
  letter-spacing:1.7px;
}

.filmstrip-head strong{
  font-weight:500;
}

.filmstrip-main{
  display:grid;
  grid-template-columns:58px minmax(0,1fr) 320px 58px;
  gap:22px;
  align-items:center;
  padding:34px 34px 26px;
}

.filmstrip-nav{
  width:42px;
  height:42px;
  border:1px solid rgba(213,198,150,.28);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:18px;
  color:#e7e0cb;
  transition:.22s;
}

.filmstrip-nav:hover{
  background:#eee9db;
  color:#191919;
  border-color:#eee9db;
}

.filmstrip-image-button{
  padding:0;
  min-width:0;
}

.filmstrip-image-frame{
  height:390px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
}

.filmstrip-image-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  transition:transform .55s cubic-bezier(.2,.7,.2,1),opacity .25s;
}

.filmstrip-image-button:hover img{
  transform:scale(1.012);
}

.filmstrip-image-frame span{
  position:absolute;
  right:14px;
  bottom:14px;
  padding:8px 10px;
  background:rgba(11,11,11,.68);
  border:1px solid rgba(222,207,164,.18);
  backdrop-filter:blur(10px);
  font-size:6px;
  letter-spacing:1.4px;
  color:#e7e0cb;
  opacity:0;
  transition:.2s;
}

.filmstrip-image-button:hover .filmstrip-image-frame span{
  opacity:1;
}

.filmstrip-copy{
  align-self:end;
  padding:0 0 18px 8px;
}

.filmstrip-copy .eyebrow{
  font-size:7px;
  letter-spacing:1.7px;
  color:#c7b77e;
}

.filmstrip-copy h3{
  font-family:var(--serif);
  font-weight:400;
  font-size:42px;
  line-height:1.02;
  letter-spacing:-.03em;
  margin:12px 0 17px;
}

.filmstrip-copy p{
  font-size:10px;
  line-height:1.8;
  max-width:270px;
}

.filmstrip-copy .film-counter{
  display:block;
  margin-top:32px;
  padding-top:15px;
  border-top:1px solid rgba(255,255,255,.11);
  font-size:7px;
  letter-spacing:1.5px;
}

.filmstrip-rail-wrap{
  padding:0 34px 31px;
}

.filmstrip-rail-label{
  display:flex;
  justify-content:space-between;
  margin-bottom:12px;
  font-size:6px;
  letter-spacing:1.4px;
}

.filmstrip-thumbs{
  display:flex;
  gap:9px;
  overflow-x:auto;
  padding:0 1px 10px;
  scroll-snap-type:x proximity;
}

.filmstrip-thumb{
  flex:0 0 104px;
  height:68px;
  padding:0;
  border:1px solid rgba(255,255,255,.09);
  opacity:.5;
  position:relative;
  scroll-snap-align:center;
  transition:.22s;
}

.filmstrip-thumb img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.filmstrip-thumb.active{
  opacity:1;
}

.filmstrip-thumb:after{
  content:attr(data-label);
  position:absolute;
  left:5px;
  bottom:4px;
  font-size:5px;
  letter-spacing:.8px;
  color:white;
  text-shadow:0 1px 4px #000;
}

.wall-view{
  position:relative;
  min-height:620px;
}

.wall-view:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
}

.wall-head{
  position:relative;
  z-index:2;
  height:68px;
  padding:0 30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(77,65,48,.18);
  font-size:7px;
  letter-spacing:1.6px;
}

.wall-head strong{
  font-weight:500;
}

.wall-scroll{
  position:relative;
  height:506px;
  overflow-x:auto;
  overflow-y:hidden;
  cursor:grab;
  overscroll-behavior:contain;
}

.wall-scroll.is-dragging{
  cursor:grabbing;
  user-select:none;
}

.wall-track{
  height:100%;
  display:flex;
  align-items:center;
  gap:72px;
  padding:36px 100px 46px;
  min-width:max-content;
}

.wall-work{
  position:relative;
  padding:0;
  flex:0 0 auto;
  text-align:left;
  transition:transform .28s ease;
}

.wall-work:hover{
  transform:translateY(-5px);
}

.wall-frame{
  display:block;
  padding:9px;
  border:1px solid rgba(74,61,44,.24);
}

.wall-frame img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.92);
}

.wall-work:nth-child(6n+1) .wall-frame{
  width:240px;
  height:330px;
}

.wall-work:nth-child(6n+2) .wall-frame{
  width:360px;
  height:250px;
}

.wall-work:nth-child(6n+3) .wall-frame{
  width:205px;
  height:285px;
}

.wall-work:nth-child(6n+4) .wall-frame{
  width:330px;
  height:220px;
}

.wall-work:nth-child(6n+5) .wall-frame{
  width:260px;
  height:340px;
}

.wall-work:nth-child(6n) .wall-frame{
  width:380px;
  height:255px;
}

.wall-label{
  display:grid;
  grid-template-columns:1fr auto;
  gap:14px;
  margin-top:12px;
  padding:0 2px;
  max-width:380px;
}

.wall-label strong{
  font-family:var(--serif);
  font-weight:400;
  font-size:17px;
  line-height:1.1;
}

.wall-label span{
  font-size:6px;
  letter-spacing:1.1px;
  padding-top:3px;
}

.wall-label small{
  grid-column:1/-1;
  font-size:6px;
  letter-spacing:1.1px;
}

.wall-hint{
  position:absolute;
  left:30px;
  bottom:18px;
  font-size:6px;
  letter-spacing:1.4px;
  z-index:3;
}

.lighttable-view{
  position:relative;
  min-height:620px;
}

.lighttable-head{
  height:62px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(226,215,179,.11);
  font-size:7px;
  letter-spacing:1.6px;
}

.lighttable-head strong{
  font-weight:500;
}

.lighttable-body{
  display:grid;
  grid-template-columns:minmax(0,1.3fr) minmax(330px,.7fr);
  height:558px;
}

.lighttable-preview{
  position:relative;
  padding:28px;
  border-right:1px solid rgba(255,255,255,.1);
  display:grid;
  grid-template-rows:minmax(0,1fr) auto auto;
  gap:14px;
}

.lighttable-open{
  padding:0;
  min-height:0;
  border:1px solid rgba(255,255,255,.07);
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  position:relative;
}

.lighttable-open img{
  width:100%;
  height:100%;
  object-fit:contain;
  max-height:405px;
}

.lighttable-open:after{
  content:'OPEN WORK ↗';
  position:absolute;
  right:13px;
  bottom:12px;
  font-size:6px;
  letter-spacing:1.2px;
  padding:7px 9px;
  border:1px solid rgba(208,195,149,.18);
  opacity:0;
  transition:.2s;
}

.lighttable-open:hover:after{
  opacity:1;
}

.lighttable-meta{
  display:grid;
  grid-template-columns:1fr auto;
  gap:8px 18px;
  align-items:end;
}

.lighttable-meta h3{
  font-family:var(--serif);
  font-size:30px;
  font-weight:400;
  line-height:1;
}

.lighttable-meta>span{
  font-size:7px;
  letter-spacing:1.4px;
  color:#bdac73;
}

.lighttable-meta p{
  font-size:9px;
  line-height:1.5;
  max-width:520px;
}

.lighttable-meta small{
  font-size:6px;
  letter-spacing:1.2px;
}

.lighttable-sheet{
  padding:22px 18px 22px 22px;
  overflow:auto;
}

.lighttable-sheet-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:16px;
  font-size:6px;
  letter-spacing:1.3px;
}

.lighttable-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:9px;
}

.lighttable-cell{
  position:relative;
  aspect-ratio:1/1;
  padding:0;
  border:1px solid rgba(255,255,255,.08);
  overflow:hidden;
  opacity:.66;
  transition:.2s;
}

.lighttable-cell img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.lighttable-cell:hover{
  opacity:1;
}

.lighttable-cell.active{
  opacity:1;
}

.lighttable-cell span{
  position:absolute;
  left:6px;
  bottom:5px;
  font-size:5px;
  letter-spacing:.7px;
  color:white;
  text-shadow:0 1px 4px #000;
}

@media(max-width:1100px){
.view-controls{
  max-width:560px;
}

.filmstrip-main{
  grid-template-columns:46px minmax(0,1fr) 260px 46px;
  gap:14px;
}

.filmstrip-image-frame{
  height:350px;
}

.filmstrip-copy h3{
  font-size:35px;
}

.lighttable-body{
  grid-template-columns:1fr 320px;
}
}

@media(max-width:700px){
.view-controls{
  display:flex!important;
  width:100%;
  overflow-x:auto;
  flex-wrap:nowrap!important;
  justify-content:flex-start!important;
  margin-left:0!important;
  scrollbar-width:none;
}

.view-controls::-webkit-scrollbar{
  display:none;
}

.view-controls button{
  flex:0 0 auto;
  padding:7px 9px!important;
}

.filmstrip-view,
.wall-view,
.lighttable-view{
  margin-left:-6.82%;
  margin-right:-6.82%;
  min-height:520px;
}

.filmstrip-head,
.wall-head,
.lighttable-head{
  height:52px;
  padding:0 17px;
  font-size:5px;
}

.filmstrip-main{
  grid-template-columns:31px minmax(0,1fr) 31px;
  gap:6px;
  padding:18px 10px 14px;
}

.filmstrip-image-frame{
  height:300px;
}

.filmstrip-copy{
  grid-column:1/-1;
  padding:3px 12px 0;
}

.filmstrip-copy h3{
  font-size:29px;
  margin:7px 0 9px;
}

.filmstrip-copy p{
  font-size:8px;
  max-width:none;
}

.filmstrip-copy .film-counter{
  margin-top:13px;
  padding-top:9px;
}

.filmstrip-nav{
  width:29px;
  height:29px;
  font-size:13px;
}

.filmstrip-rail-wrap{
  padding:0 14px 20px;
}

.filmstrip-thumb{
  flex-basis:76px;
  height:52px;
}

.wall-scroll{
  height:458px;
}

.wall-track{
  gap:34px;
  padding:28px 55px 42px;
}

.wall-work:nth-child(n) .wall-frame{
  width:220px;
  height:300px;
}

.wall-work:nth-child(2n) .wall-frame{
  width:285px;
  height:205px;
}

.wall-label strong{
  font-size:14px;
}

.wall-hint{
  left:16px;
  bottom:12px;
  font-size:5px;
}

.lighttable-body{
  display:block;
  height:auto;
}

.lighttable-preview{
  padding:14px;
  height:365px;
}

.lighttable-open img{
  max-height:270px;
}

.lighttable-meta h3{
  font-size:24px;
}

.lighttable-sheet{
  height:260px;
  padding:14px;
}

.lighttable-grid{
  grid-template-columns:repeat(4,1fr);
  gap:7px;
}
}

@media(prefers-reduced-motion:reduce){
.filmstrip-image-frame img,
.wall-work,
.lighttable-cell{
  transition:none!important;
}
}

.depth-view,
.orbit-view,
.tunnel-view{
  position:relative;
  isolation:isolate;
}

.depth-head,
.orbit-head,
.tunnel-head{
  height:62px;
  padding:0 26px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:1px solid rgba(226,215,179,.11);
  font-size:7px;
  letter-spacing:1.6px;
  position:relative;
  z-index:8;
}

.depth-head strong,
.orbit-head strong,
.tunnel-head strong{
  font-weight:500;
  color:#d0bf84;
}

.depth-stage{
  overflow:hidden;
}

.depth-plane{
  --depth-rx:58deg;
  --depth-rz:-7deg;
}

.depth-vignette{
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(6,6,6,.72),transparent 16%,transparent 68%,rgba(6,6,6,.76)),linear-gradient(90deg,rgba(6,6,6,.55),transparent 13%,transparent 87%,rgba(6,6,6,.55));
}

.depth-foot{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid rgba(226,215,179,.1);
  font-size:6px;
  letter-spacing:1.4px;
}

.depth-foot span:nth-child(2){
  color:#c8b77b;
}

.orbit-stage{
  position:relative;
}

.orbit-stage.is-dragging{
  cursor:grabbing;
}

.orbit-card{
  position:absolute;
}

.orbit-card span{
  position:absolute;
}

.orbit-controls,
.tunnel-controls{
  border-top:1px solid rgba(226,215,179,.1);
  display:grid;
  grid-template-columns:52px 1fr 52px;
  align-items:center;
  gap:18px;
}

.orbit-controls>button,
.tunnel-controls>button{
  border:1px solid rgba(205,190,141,.27);
  border-radius:50%;
  display:grid;
  place-items:center;
  font-size:17px;
  color:#e5dfcc;
  transition:.2s;
}

.orbit-controls>button:hover,
.tunnel-controls>button:hover{
  background:#eee9db;
  color:#181818;
}

.orbit-controls>div,
.tunnel-controls>div{
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px;
}

.orbit-controls span,
.tunnel-controls span{
  font-size:6px;
  letter-spacing:1.5px;
}

.orbit-controls strong,
.tunnel-controls strong{
  font-family:var(--serif);
  font-weight:400;
}

.orbit-controls small,
.tunnel-controls small{
  font-size:6px;
  letter-spacing:1.3px;
}

.tunnel-stage{
  position:relative;
}

.tunnel-card{
  position:absolute;
}

.tunnel-card span{
  position:absolute;
}

@media(max-width:900px){
.depth-plane{
  left:43%;
}
}

@media(max-width:700px){
.depth-view,
.orbit-view,
.tunnel-view{
  margin-left:-6.82%;
  margin-right:-6.82%;
  min-height:520px;
}

.depth-head,
.orbit-head,
.tunnel-head{
  height:52px;
  padding:0 16px;
  font-size:5px;
}

.orbit-controls,
.tunnel-controls{
  grid-template-columns:40px 1fr 40px;
}

.orbit-controls>button,
.tunnel-controls>button{
  width:34px;
  height:34px;
}
}

.orbit-view{
  min-height:650px;
}

.orbit-stage{
  height:474px;
  perspective:1250px;
  overflow:hidden;
  cursor:grab;
}

.orbit-stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:7;
}

.orbit-ring{
  position:absolute;
  left:50%;
  top:47%;
  width:1px;
  height:1px;
  transform-style:preserve-3d;
  transition:transform .28s ease-out;
  z-index:3;
}

.orbit-card{
  width:250px;
  height:172px;
  left:-125px;
  top:-86px;
  padding:5px;
  border:1px solid rgba(229,218,180,.34);
  overflow:visible;
  transform-origin:50% 50%;
}

.orbit-card::after{
  content:"";
  position:absolute;
  inset:5px;
  border:1px solid rgba(255,255,255,.14);
  pointer-events:none;
}

.orbit-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.orbit-card span{
  left:10px;
  bottom:9px;
  padding:4px 7px;
  font-size:5px;
  letter-spacing:1.2px;
  opacity:.9;
}

.orbit-card:not(.is-front){
  cursor:pointer;
}

.orbit-card:hover:not(.is-front){
  border-color:rgba(214,195,132,.5);
}

.orbit-controls{
  height:112px;
  padding:0 46px;
}

.orbit-controls>div{
  gap:5px;
}

.orbit-controls strong{
  font-size:30px;
  letter-spacing:-.02em;
}

.orbit-controls small{
  letter-spacing:1.55px;
}

.orbit-controls>button{
  width:46px;
  height:46px;
  border-color:rgba(208,191,132,.28);
}

.tunnel-view{
  min-height:650px;
}

.tunnel-stage{
  height:474px;
  perspective:1050px;
  overflow:hidden;
  isolation:isolate;
}

.tunnel-stage::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:6;
}

.tunnel-world{
  position:absolute;
  inset:0;
  transform-style:preserve-3d;
  transform-origin:50% 46%;
  transition:transform .28s ease-out;
  z-index:3;
}

.tunnel-card{
  width:262px;
  height:176px;
  left:50%;
  top:49%;
  padding:7px;
  border:1px solid rgba(224,211,169,.38);
  transform-style:preserve-3d;
  transform-origin:50% 50%;
  transition:transform .66s cubic-bezier(.18,.8,.16,1),
    opacity .4s ease,
    filter .4s ease,
    box-shadow .4s ease,
    border-color .4s ease;
  overflow:visible;
}

.tunnel-card::before{
  content:"";
  position:absolute;
  inset:-15px;
  border:1px solid rgba(205,190,136,.09);
  pointer-events:none;
}

.tunnel-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

.tunnel-card span{
  left:11px;
  bottom:9px;
  padding:4px 7px;
  font-size:5px;
  letter-spacing:1.1px;
}

.tunnel-card:hover{
  border-color:rgba(215,195,130,.58);
}

.tunnel-controls{
  height:112px;
  padding:0 46px;
}

.tunnel-controls strong{
  font-size:30px;
  letter-spacing:-.02em;
}

.tunnel-controls>button{
  width:46px;
  height:46px;
  border-color:rgba(208,191,132,.28);
}

@media(max-width:900px){
.orbit-card{
  width:205px;
  height:142px;
  left:-102.5px;
  top:-71px;
}

.tunnel-card{
  width:220px;
  height:150px;
}
}

@media(max-width:700px){
.orbit-stage,
.tunnel-stage{
  height:410px;
}

.orbit-card{
  width:150px;
  height:104px;
  left:-75px;
  top:-52px;
  padding:4px;
}

.orbit-controls,
.tunnel-controls{
  height:84px;
  padding:0 16px;
}

.orbit-controls strong,
.tunnel-controls strong{
  font-size:22px;
}

.tunnel-card{
  width:168px;
  height:116px;
  padding:4px;
}
}

@media(prefers-reduced-motion:reduce){
.orbit-card,
.orbit-ring,
.tunnel-card,
.tunnel-world{
  transition:none!important;
}
}

.depth-head span{
  white-space:nowrap;
}

.depth-stage{
  cursor:grab;
  touch-action:none;
  user-select:none;
}

.depth-stage::before{
  content:"";
  position:absolute;
  left:8%;
  right:8%;
  bottom:-30%;
  height:73%;
  pointer-events:none;
  transform:perspective(820px) rotateX(68deg);
  transform-origin:50% 100%;
  mask-image:linear-gradient(to top,black,transparent 88%);
}

.depth-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:12;
  pointer-events:none;
}

.depth-plane{
  position:absolute;
  left:50%;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  transform-style:preserve-3d;
  z-index:3;
}

.depth-stage.is-entering .depth-plane{
  opacity:.28;
  filter:brightness(.62) blur(1px);
}

.depth-card{
  --card-z:0px;
  --card-rx:0deg;
  --card-rz:0deg;
  position:relative;
  padding:0;
  border:1px solid rgba(232,220,180,.16);
  transform-style:preserve-3d;
  transform:translateZ(var(--card-z))
    rotateX(var(--card-rx))
    rotateZ(var(--card-rz));
  transition:transform .34s cubic-bezier(.16,.76,.18,1),
    box-shadow .34s ease,
    border-color .34s ease,
    filter .34s ease,
    opacity .28s ease;
  overflow:hidden;
  aspect-ratio:4/3;
  cursor:pointer;
  will-change:transform;
}

.depth-card:nth-child(3n+1){
  aspect-ratio:3/4;
}

.depth-card:nth-child(5n){
  aspect-ratio:1/1;
}

.depth-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  pointer-events:none;
}

.depth-card span{
  position:absolute;
  left:10px;
  bottom:8px;
  z-index:2;
  font-size:5px;
  letter-spacing:1.15px;
  color:#f0ecdf;
  text-shadow:0 1px 8px #000;
  opacity:.76;
  pointer-events:none;
}

.depth-card::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid rgba(255,255,255,.05);
  opacity:.55;
}

.depth-card:hover,
.depth-card:focus-visible{
  transform:translateZ(calc(var(--card-z) + 96px))
    rotateX(var(--card-rx))
    rotateZ(var(--card-rz))
    scale(1.035);
  z-index:20;
  border-color:rgba(211,191,127,.75);
  box-shadow:0 52px 92px rgba(0,0,0,.58),
    0 0 0 1px rgba(211,191,127,.15);
}

.depth-card.is-flight-source{
  opacity:0;
}

.depth-flight{
  position:absolute;
  pointer-events:none;
  object-fit:cover;
  border:1px solid rgba(222,205,147,.7);
  box-shadow:0 38px 100px rgba(0,0,0,.72),
    0 0 0 1px rgba(222,205,147,.14);
  will-change:left,top,width,height,transform,opacity,filter;
}

@media(max-width:900px){
.depth-plane{
  width:1120px;
  grid-template-columns:repeat(4,250px);
}

.depth-head span{
  font-size:5px;
}
}

@media(max-width:700px){
.depth-plane{
  width:880px;
  grid-template-columns:repeat(4,195px);
  gap:24px;
  top:42%;
}

.depth-head span{
  white-space:normal;
  text-align:right;
  max-width:58%;
}
}

@media(prefers-reduced-motion:reduce){
.depth-plane,
.depth-card,
.depth-flight{
  transition:none!important;
}
}

.depth-plane{
  --cam-x:0px;
  --cam-y:0px;
  --cam-z:0px;
  --cam-rx:58deg;
  --cam-ry:0deg;
  --cam-rz:-7deg;
  transform:translate3d(calc(-50% + var(--cam-x)),calc(-26% + var(--cam-y)),var(--cam-z))
    rotateX(var(--cam-rx))
    rotateY(var(--cam-ry))
    rotateZ(var(--cam-rz));
}

.depth-stage.is-orbiting .depth-plane,
.depth-stage.is-panning .depth-plane,
.depth-stage.is-dollying .depth-plane{
  transition:none;
}

.depth-control-copy{
  display:flex;
  gap:9px;
  align-items:center;
  white-space:nowrap;
  pointer-events:none;
}

.depth-control-copy b{
  color:#d0bc78;
  font-weight:500;
}

.depth-control-copy span{
  color:#8c9288;
}

.depth-stage.is-orbiting{
  cursor:grabbing;
}

.depth-stage.is-panning{
  cursor:move;
}

.depth-stage.is-dollying{
  cursor:ns-resize;
}

.depth-card{
  touch-action:none;
}

.depth-flight{
  z-index:80;
}

.depth-stage.is-entering::after,
.depth-stage.is-entering .depth-vignette{
  opacity:.16;
  transition:opacity .22s ease;
}

@media(max-width:900px){
.depth-control-copy span{
  display:none;
}
}

@media(max-width:700px){
.depth-control-copy{
  display:none;
}
}

.depth-view{
  margin-top:18px;
  margin-bottom:12px;
}

.depth-head{
  padding:0 30px;
}

.depth-card{
  box-shadow:0 34px 70px rgba(0,0,0,.46);
}

.depth-foot{
  padding:0 30px;
}

.depth-plane{
  transform-origin:50% 50%;
  transition:none !important;
  will-change:transform;
}

.depth-nav-legend{
  position:absolute;
  right:28px;
  top:24px;
  display:grid;
  grid-template-columns:auto auto;
  gap:5px 12px;
  padding:10px 12px;
  border:1px solid rgba(210,194,137,.12);
  font-size:5px;
  letter-spacing:1px;
  pointer-events:none;
}

.depth-nav-legend b{
  font-weight:500;
}

.depth-nav-legend span{
  text-align:right;
  color:#8f948b;
}

.depth-center-mark{
  position:absolute;
  left:50%;
  top:50%;
  width:22px;
  height:22px;
  transform:translate(-50%,-50%);
  pointer-events:none;
  opacity:.2;
}

.depth-center-mark::before,
.depth-center-mark::after{
  content:"";
  position:absolute;
  background:rgba(212,195,134,.7);
}

.depth-center-mark::before{
  width:1px;
  height:22px;
  left:10px;
}

.depth-center-mark::after{
  height:1px;
  width:22px;
  top:10px;
}

.depth-stage.is-orbiting .depth-center-mark,
.depth-stage.is-panning .depth-center-mark,
.depth-stage.is-dollying .depth-center-mark{
  opacity:.48;
}

@media(max-width:1100px){
.depth-nav-legend{
  display:none;
}
}

@media(max-width:700px){
.depth-view{
  min-height:650px;
}

.depth-stage{
  height:520px;
}
}

.depth-stage{
  perspective-origin:50% 50%;
}

.depth-plane{
  gap:40px 32px;
}

.depth-head{
  height:70px;
}

.depth-actions-separator{
  width:1px;
  height:25px;
  margin:0 2px;
  background:rgba(209,193,137,.15);
}

.depth-play-btn{
  min-width:90px !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#d7c684 !important;
}

.depth-play-btn[aria-pressed="true"]{
  background:#d2c083 !important;
  border-color:#d2c083 !important;
  color:#131313 !important;
}

.depth-play-icon{
  font-size:7px;
  line-height:1;
}

.depth-card{
  pointer-events:auto;
}

.depth-card.is-tour-focus{
  z-index:50 !important;
  border-color:rgba(221,200,127,.95) !important;
  box-shadow:0 64px 110px rgba(0,0,0,.68),
    0 0 0 1px rgba(221,200,127,.32),
    0 0 80px rgba(197,174,103,.17) !important;
}

.depth-card.is-tour-focus::before{
  content:"NOW VIEWING";
  position:absolute;
  right:10px;
  top:10px;
  z-index:4;
  padding:5px 7px;
  border:1px solid rgba(224,207,147,.32);
  background:rgba(8,8,8,.72);
  color:#d8c785;
  font-size:5px;
  letter-spacing:1.2px;
  backdrop-filter:blur(9px);
}

.depth-tour-status{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  gap:10px;
  padding:8px 12px;
  border:1px solid rgba(212,194,132,.15);
  background:rgba(7,7,7,.58);
  backdrop-filter:blur(14px);
  color:#8f958a;
  font-size:5px;
  letter-spacing:1.2px;
  opacity:0;
  pointer-events:none;
  transition:opacity .25s ease;
}

.depth-tour-status.is-visible{
  opacity:1;
}

.depth-tour-status b{
  color:#d5c27f;
  font-weight:500;
}

.depth-tour-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#d4c17d;
  box-shadow:0 0 0 4px rgba(212,193,125,.08);
}

@media(max-width:760px){
.depth-view{
  min-height:680px;
}

.depth-stage{
  height:540px;
}

.depth-actions-separator{
  display:none;
}

.depth-play-btn{
  min-width:72px!important;
}

.depth-play-label{
  display:none;
}

.depth-tour-status{
  top:14px;
}
}

.depth-view{
  min-height:970px;
}

.depth-zoom-btn{
  min-width:30px!important;
  width:30px!important;
  padding:0!important;
  font-size:13px!important;
  color:#d8c783!important;
}

.depth-stage{
  height:760px;
  perspective:1720px;
}

.depth-plane{
  width:min(1400px,91%);
  top:50%;
}

.depth-foot{
  height:72px;
}

.depth-stage .depth-card{
  pointer-events:auto;
}

.depth-stage .depth-vignette,
.depth-stage .depth-center-mark,
.depth-stage .depth-nav-legend,
.depth-stage .depth-tour-status{
  pointer-events:none;
}

@media(max-width:1100px){
.depth-view{
  min-height:880px;
}

.depth-stage{
  height:680px;
}
}

@media(max-width:800px){
.depth-control-copy{
  display:none;
}

.depth-stage{
  height:560px;
}

.depth-view{
  min-height:740px;
}
}

.depth-card.is-tour-focus{
  transform:translateZ(calc(var(--card-z) + 220px))
    rotateX(var(--card-rx))
    rotateZ(var(--card-rz))
    scale(1.10) !important;
  transition:transform .58s cubic-bezier(.16,.84,.16,1),
    box-shadow .42s ease,
    border-color .42s ease,
    filter .42s ease !important;
}

.depth-card.is-tour-focus img{
  filter:saturate(1.08) contrast(1.055) brightness(1.045)!important;
}

.depth-tour-status.is-visible .depth-tour-dot{
  animation:depthTourPulse .72s ease-in-out infinite alternate;
}

@keyframes depthTourPulse{
  from{transform:scale(.82);opacity:.55}
  to{transform:scale(1.28);opacity:1}
}

#depth-play[aria-pressed="true"] .depth-play-icon{
  animation:depthPlayPulse .8s ease-in-out infinite alternate;
}

@keyframes depthPlayPulse{
  from{opacity:.55}
  to{opacity:1}
}

#depth-view.depth-webgl-ready .depth-plane{
  display:none!important;
}

.depth-stage{
  position:relative;
  isolation:isolate;
}

.depth-webgl{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  z-index:4;
  outline:none;
  cursor:grab;
  touch-action:none;
}

.depth-webgl.is-orbiting,
.depth-webgl.is-panning{
  cursor:grabbing;
}

.depth-webgl.is-hovering{
  cursor:pointer;
}

.depth-center-mark,
.depth-nav-legend,
.depth-vignette,
.depth-tour-status{
  z-index:16;
}

.depth-webgl-tooltip{
  position:absolute;
  z-index:24;
  min-width:172px;
  max-width:245px;
  padding:11px 13px;
  border:1px solid rgba(214,197,137,.19);
  background:rgba(9,9,9,.78);
  backdrop-filter:blur(16px) saturate(1.1);
  box-shadow:0 16px 44px rgba(0,0,0,.28);
  pointer-events:none;
  opacity:0;
  transform:translate(14px,14px);
  transition:opacity .16s ease;
  color:#ece6d5;
}

.depth-webgl-tooltip.is-visible{
  opacity:1;
}

.depth-webgl-tooltip small{
  display:block;
  margin-bottom:5px;
  color:#bbaa72;
  font-size:5px;
  letter-spacing:1.4px;
  text-transform:uppercase;
}

.depth-webgl-tooltip strong{
  display:block;
  font-family:var(--serif);
  font-size:17px;
  line-height:1.12;
  font-weight:400;
}

.depth-webgl-tooltip span{
  display:block;
  margin-top:5px;
  color:#858c82;
  font-size:6px;
  letter-spacing:.8px;
}

#depth-view.depth-tour-active .depth-tour-status{
  opacity:1;
}

#depth-view.depth-tour-active .depth-tour-dot{
  animation:stillTourPulse .58s ease-in-out infinite alternate;
}

@keyframes stillTourPulse{from{opacity:.45;transform:scale(.78)}to{opacity:1;transform:scale(1.3)}}

@media(max-width:800px){
.depth-webgl-tooltip{
  display:none;
}

.depth-nav-legend{
  display:none;
}
}

@media(prefers-reduced-motion:reduce){
.depth-webgl-tooltip{
  transition:none!important;
}
}

#depth-view.depth-webgl-ready .depth-stage{
  background:radial-gradient(circle at 50% 43%,rgba(182,163,105,.075),transparent 34%),
    radial-gradient(circle at 50% 70%,rgba(56,56,56,.11),transparent 48%),
    linear-gradient(180deg,#101010 0%,#080808 100%);
}

#depth-view.depth-webgl-ready .depth-webgl{
  image-rendering:auto;
}

#depth-view.depth-webgl-ready .depth-webgl-tooltip{
  background:rgba(8,8,8,.86);
  border-color:rgba(214,197,137,.23);
  box-shadow:0 20px 54px rgba(0,0,0,.34);
}

#depth-view.depth-webgl-ready.depth-tour-active .depth-tour-status{
  border-color:rgba(214,196,133,.24);
  background:rgba(7,7,7,.74);
  box-shadow:0 14px 36px rgba(0,0,0,.22);
}

#depth-skip,
#depth-exit{
  display:none;
}

.depth-tour-active .depth-control-copy,
.depth-tour-active .depth-nav-legend,
.depth-tour-active .depth-center-mark{
  opacity:0!important;
  pointer-events:none!important;
}

.depth-tour-active .depth-actions-separator{
  display:none!important;
}

.depth-tour-active #depth-skip,
.depth-tour-active #depth-exit{
  display:inline-flex;
}

.depth-tour-active #depth-play{
  min-width:112px!important;
}

.depth-tour-action{
  min-width:56px!important;
  color:#aeb2a7!important;
}

.depth-tour-action:hover,
.depth-tour-action:focus-visible{
  color:#f2ecd9!important;
}

.depth-tour-active #depth-exit{
  border-color:rgba(210,194,137,.31);
}

.depth-tour-status{
  top:22px;
}

.depth-tour-active .depth-tour-status{
  opacity:1;
}

.depth-tour-active .depth-tour-dot{
  animation:driftPulse .7s ease-in-out infinite alternate;
}

@keyframes driftPulse{
  from{transform:scale(.72);opacity:.45}
  to{transform:scale(1.30);opacity:1}
}

.depth-drift-caption{
  position:absolute;
  left:50%;
  bottom:34px;
  z-index:31;
  width:min(520px,68%);
  transform:translate(-50%,16px);
  opacity:0;
  pointer-events:none;
  color:#eee9da;
  text-align:center;
  transition:opacity .32s ease,transform .42s cubic-bezier(.18,.82,.16,1);
}

.depth-drift-caption.is-visible{
  opacity:1;
  transform:translate(-50%,0);
}

.depth-drift-topline{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  margin-bottom:10px;
  color:#b9aa76;
  font-size:6px;
  letter-spacing:1.65px;
}

.depth-drift-caption strong{
  display:block;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(26px,2.5vw,42px);
  line-height:1;
  letter-spacing:-.02em;
  text-shadow:0 3px 22px rgba(0,0,0,.58);
}

.depth-drift-caption small{
  display:block;
  margin-top:9px;
  color:#94998f;
  font-size:6px;
  letter-spacing:1.45px;
}

.depth-drift-progress{
  width:150px;
  height:1px;
  margin:15px auto 0;
  overflow:hidden;
  background:rgba(215,199,142,.16);
}

.depth-drift-progress i{
  display:block;
  height:100%;
  width:0%;
  background:#d0bd7c;
  transition:width .55s cubic-bezier(.18,.8,.16,1);
}

.depth-tour-active .depth-webgl-tooltip{
  opacity:0!important;
}

.depth-tour-active .depth-webgl{
  cursor:pointer;
}

.depth-tour-active .depth-stage{
  background:radial-gradient(circle at 50% 48%,rgba(180,160,99,.095),transparent 30%),
    radial-gradient(circle at 50% 70%,rgba(57,57,57,.11),transparent 50%),
    linear-gradient(180deg,#101010 0%,#070707 100%);
}

@media(max-width:760px){
.depth-drift-caption{
  bottom:22px;
  width:82%;
}

.depth-drift-caption strong{
  font-size:26px;
}

.depth-drift-topline{
  font-size:5px;
  gap:10px;
}
}

html.depth-fullscreen-active,
body.depth-fullscreen-active{
  overflow:hidden!important;
  overscroll-behavior:none;
}

#depth-view.depth-fullscreen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  min-height:0!important;
  margin:0!important;
  border:0!important;
  z-index:85000!important;
  display:grid!important;
  animation:depthFullscreenIn .32s cubic-bezier(.18,.82,.16,1);
}

@keyframes depthFullscreenIn{
  from{opacity:0;transform:scale(.992)}
  to{opacity:1;transform:scale(1)}
}

#depth-view.depth-fullscreen .depth-head{
  grid-row:1;
  height:auto!important;
  display:grid!important;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  z-index:90;
}

.depth-brand{
  display:flex;
  align-items:baseline;
  gap:12px;
}

.depth-brand strong{
  font-family:var(--serif);
  font-size:22px!important;
  line-height:1;
  letter-spacing:.035em!important;
  color:#f1ebdc!important;
  font-weight:400!important;
}

.depth-brand span{
  color:#9d9f96;
  font-size:6px;
  letter-spacing:1.55px;
}

.depth-work-count{
  color:#b9aa77;
  font-size:6px;
  letter-spacing:1.55px;
}

.depth-close-view{
  justify-self:end;
  height:34px;
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0 10px 0 12px;
  border:1px solid rgba(215,199,145,.17);
  background:rgba(255,255,255,.018);
  color:#b0b2aa;
  font-size:6px;
  letter-spacing:1.15px;
  text-transform:uppercase;
  cursor:pointer;
  transition:border-color .2s,color .2s,background .2s;
}

.depth-close-view b{
  font-size:16px;
  line-height:1;
  font-weight:300;
  color:#ddd5bd;
}

.depth-close-view:hover,
.depth-close-view:focus-visible{
  color:#f1ebdb;
  border-color:rgba(215,199,145,.48);
  background:rgba(208,190,129,.06);
}

#depth-view.depth-fullscreen #depth-play{
  padding:0 14px!important;
  color:#d8c783!important;
}

#depth-view.depth-fullscreen #depth-play[aria-pressed="true"]{
  color:#131313!important;
  background:#d2c083!important;
  border-color:#d2c083!important;
}

#depth-view.depth-fullscreen .depth-actions-separator{
  width:1px;
}

#depth-view.depth-fullscreen .depth-stage{
  position:relative!important;
  inset:auto!important;
  height:auto!important;
  min-height:0!important;
  width:100%!important;
  margin:0!important;
  border:0!important;
  overflow:hidden!important;
  perspective:1720px;
}

#depth-view.depth-fullscreen .depth-foot{
  display:grid!important;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  z-index:90;
}

#depth-view.depth-fullscreen .depth-foot span:last-child{
  text-align:right;
}

#depth-view.depth-fullscreen.depth-tour-active .depth-actions-separator{
  display:none!important;
}

#depth-view.depth-fullscreen.depth-tour-active #depth-skip,
#depth-view.depth-fullscreen.depth-tour-active #depth-exit{
  display:inline-flex!important;
}

#depth-view.depth-fullscreen.depth-tour-active .depth-foot{
  opacity:.28;
}

#depth-view.depth-fullscreen .depth-tour-status{
  top:24px!important;
}

#depth-view.depth-fullscreen .depth-drift-caption{
  bottom:34px!important;
}

@media(max-width:800px){
#depth-view.depth-fullscreen{
  grid-template-rows:56px minmax(0,1fr) 40px;
}

#depth-view.depth-fullscreen .depth-head{
  min-height:56px;
  padding:0 14px!important;
}

.depth-brand strong{
  font-size:19px!important;
}

.depth-brand span{
  display:none;
}

.depth-close-view span{
  display:none;
}

.depth-close-view{
  width:34px;
  padding:0;
  justify-content:center;
}

#depth-view.depth-fullscreen .depth-foot{
  min-height:40px;
  padding:0 14px!important;
}

#depth-view.depth-fullscreen .depth-foot span:first-child,
#depth-view.depth-fullscreen .depth-foot span:last-child{
  font-size:0;
}

#depth-view.depth-fullscreen .depth-foot span:first-child::after{
  content:"DRAG · WHEEL";
  font-size:5px;
}

#depth-view.depth-fullscreen .depth-foot span:last-child::after{
  content:"CLICK TO VIEW ↗";
  font-size:5px;
}
}

.depth-titles-btn{
  min-width:86px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#bbb08a!important;
}

.depth-titles-icon{
  font-size:9px;
  line-height:1;
}

.depth-titles-btn[aria-pressed="true"]{
  color:#131313!important;
  background:#d2c083!important;
  border-color:#d2c083!important;
}

#depth-view.depth-titles-active .depth-actions-separator{
  display:none!important;
}

#depth-view.depth-titles-active #depth-skip,
#depth-view.depth-titles-active #depth-exit{
  display:inline-flex!important;
}

#depth-view.depth-titles-active .depth-foot{
  opacity:.18;
}

#depth-view.depth-titles-active .depth-webgl-tooltip{
  opacity:0!important;
}

.depth-film-titles{
  position:absolute;
  inset:0;
  z-index:34;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
  transition:opacity .35s ease;
}

.depth-film-titles.is-visible{
  opacity:1;
}

.depth-film-credit{
  position:absolute;
  width:min(560px,42%);
  top:50%;
  left:8%;
  transform:translate3d(-28px,-50%,0);
  text-align:left;
  opacity:0;
  transition:opacity .28s ease,
    transform .72s cubic-bezier(.16,.82,.16,1);
}

.depth-film-titles.is-visible .depth-film-credit{
  opacity:1;
  transform:translate3d(0,-50%,0);
}

.depth-film-titles[data-side="right"] .depth-film-credit{
  left:auto;
  right:8%;
  text-align:right;
  transform:translate3d(28px,-50%,0);
}

.depth-film-titles[data-side="right"].is-visible .depth-film-credit{
  transform:translate3d(0,-50%,0);
}

.depth-film-role{
  display:block;
  margin-bottom:15px;
  color:#d0bd7b;
  font-size:7px;
  letter-spacing:2.15px;
  text-transform:uppercase;
}

.depth-film-name{
  display:block;
  font-family:var(--serif);
  font-size:clamp(44px,5.2vw,86px);
  line-height:.90;
  font-weight:400;
  letter-spacing:-.045em;
  color:#f0ebdc;
  text-wrap:balance;
  text-shadow:0 7px 30px rgba(0,0,0,.55);
}

.depth-film-meta{
  display:block;
  margin-top:18px;
  color:#a2a59d;
  font-size:7px;
  letter-spacing:1.7px;
  text-transform:uppercase;
}

.depth-film-index{
  display:block;
  margin-top:9px;
  color:#727970;
  font-size:6px;
  letter-spacing:1.35px;
}

.depth-film-rule{
  position:absolute;
  left:50%;
  bottom:9%;
  width:1px;
  height:56px;
  background:linear-gradient(transparent,rgba(211,193,130,.45),transparent);
  opacity:.38;
}

.depth-film-titles.is-intro .depth-film-credit,
.depth-film-titles.is-outro .depth-film-credit{
  left:50%!important;
  right:auto!important;
  top:50%;
  width:min(780px,74%);
  text-align:center!important;
  transform:translate3d(-50%,18px,0)!important;
}

.depth-film-titles.is-intro.is-visible .depth-film-credit,
.depth-film-titles.is-outro.is-visible .depth-film-credit{
  transform:translate3d(-50%,-50%,0)!important;
}

.depth-film-titles.is-intro .depth-film-name{
  font-size:clamp(64px,8vw,132px);
  letter-spacing:.025em;
}

.depth-film-titles.is-outro .depth-film-name{
  font-size:clamp(50px,6vw,96px);
}

.depth-film-titles.is-outro .depth-film-credit{
  animation:filmCreditsRise 3.1s cubic-bezier(.18,.78,.18,1) both;
}

@keyframes filmCreditsRise{
  0%{opacity:0;transform:translate3d(-50%,42px,0)}
  18%{opacity:1}
  78%{opacity:1}
  100%{opacity:0;transform:translate3d(-50%,-92px,0)}
}

#depth-view.depth-titles-active .depth-stage::before,
#depth-view.depth-titles-active .depth-stage::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  z-index:30;
  height:8%;
  pointer-events:none;
}

#depth-view.depth-titles-active .depth-stage::before{
  top:0;
}

#depth-view.depth-titles-active .depth-stage::after{
  top:auto;
  bottom:0;
  transform:rotate(180deg);
}

#depth-view.depth-titles-active .depth-tour-status{
  opacity:0!important;
}

#depth-view.depth-titles-active .depth-drift-caption{
  opacity:0!important;
}

#depth-view.depth-titles-active .depth-vignette{
  background:linear-gradient(90deg,rgba(3,3,3,.54),transparent 14%,transparent 86%,rgba(3,3,3,.54)),
    radial-gradient(circle at 50% 50%,transparent 48%,rgba(3,3,3,.36));
}

@media(max-width:800px){
.depth-film-credit{
  width:76%;
  left:8%;
}

.depth-film-titles[data-side="right"] .depth-film-credit{
  right:8%;
}

.depth-film-name{
  font-size:clamp(38px,11vw,64px);
}

.depth-film-role{
  font-size:6px;
}

.depth-film-meta{
  font-size:6px;
}
}

.depth-reel-btn{
  min-width:88px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#bbae82!important;
}

.depth-reel-icon{
  display:inline-block;
  font-size:11px;
  line-height:1;
  transform-origin:50% 50%;
}

.depth-reel-btn[aria-pressed="true"]{
  color:#131313!important;
  background:#d2c083!important;
  border-color:#d2c083!important;
}

.depth-reel-btn[aria-pressed="true"] .depth-reel-icon{
  animation:reelControlSpin 1.1s linear infinite;
}

@keyframes reelControlSpin{to{transform:rotate(360deg)}}

#depth-view.depth-reel-active .depth-actions-separator{
  display:none!important;
}

#depth-view.depth-reel-active #depth-skip,
#depth-view.depth-reel-active #depth-exit{
  display:inline-flex!important;
}

#depth-view.depth-reel-active .depth-foot{
  opacity:.16;
}

#depth-view.depth-reel-active .depth-webgl-tooltip,
#depth-view.depth-reel-active .depth-tour-status,
#depth-view.depth-reel-active .depth-drift-caption,
#depth-view.depth-reel-active .depth-film-titles{
  opacity:0!important;
  pointer-events:none!important;
}

#depth-view.depth-reel-active .depth-vignette{
  background:radial-gradient(circle at 50% 48%,transparent 34%,rgba(3,3,3,.26) 73%,rgba(2,2,2,.60) 100%),
    linear-gradient(180deg,rgba(3,3,3,.38),transparent 14%,transparent 80%,rgba(3,3,3,.52));
}

.depth-reel-overlay{
  position:absolute;
  inset:0;
  z-index:35;
  pointer-events:none;
  opacity:0;
  transition:opacity .28s ease;
}

.depth-reel-overlay.is-visible{
  opacity:1;
}

.depth-reel-credit{
  position:absolute;
  left:7.5%;
  top:50%;
  width:min(490px,35%);
  transform:translate3d(-26px,-50%,0);
  opacity:0;
  transition:opacity .28s ease,
    transform .68s cubic-bezier(.16,.84,.16,1);
}

.depth-reel-overlay.is-visible .depth-reel-credit{
  opacity:1;
  transform:translate3d(0,-50%,0);
}

.depth-reel-overlay[data-side="right"] .depth-reel-credit{
  left:auto;
  right:7.5%;
  text-align:right;
  transform:translate3d(26px,-50%,0);
}

.depth-reel-overlay[data-side="right"].is-visible .depth-reel-credit{
  transform:translate3d(0,-50%,0);
}

.depth-reel-kicker{
  display:block;
  margin-bottom:13px;
  color:#d2bf7c;
  font-size:7px;
  letter-spacing:2.15px;
  text-transform:uppercase;
}

.depth-reel-line{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:12px;
  color:#7e857b;
  font-size:6px;
  letter-spacing:1.35px;
}

.depth-reel-overlay[data-side="right"] .depth-reel-line{
  justify-content:flex-end;
}

.depth-reel-divider{
  display:block;
  width:26px;
  height:1px;
  background:rgba(210,192,128,.36);
}

.depth-reel-title{
  display:block;
  font-family:var(--serif);
  font-weight:400;
  font-size:clamp(40px,4.4vw,78px);
  line-height:.92;
  letter-spacing:-.045em;
  color:#f1ecdd;
  text-wrap:balance;
  text-shadow:0 8px 34px rgba(0,0,0,.58);
}

.depth-reel-subtitle{
  display:block;
  margin-top:17px;
  color:#9ca198;
  font-size:6px;
  letter-spacing:1.55px;
  text-transform:uppercase;
}

.depth-reel-track{
  position:absolute;
  left:8%;
  right:8%;
  bottom:8%;
  display:grid;
  grid-template-columns:1fr minmax(120px,220px) 1fr;
  align-items:center;
  gap:12px;
  opacity:.58;
}

.depth-reel-track>span{
  display:block;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(207,189,127,.22));
}

.depth-reel-track>span:last-child{
  transform:scaleX(-1);
}

.depth-reel-track i{
  display:block;
  width:0%;
  height:1px;
  background:#d2bf7c;
  box-shadow:0 0 14px rgba(210,191,124,.18);
  transition:width .55s cubic-bezier(.18,.8,.16,1);
}

.depth-reel-overlay.is-reel-intro .depth-reel-credit,
.depth-reel-overlay.is-reel-outro .depth-reel-credit{
  left:50%!important;
  right:auto!important;
  top:50%;
  width:min(820px,72%);
  text-align:center!important;
  transform:translate3d(-50%,18px,0)!important;
}

.depth-reel-overlay.is-reel-intro.is-visible .depth-reel-credit,
.depth-reel-overlay.is-reel-outro.is-visible .depth-reel-credit{
  transform:translate3d(-50%,-50%,0)!important;
}

.depth-reel-overlay.is-reel-intro .depth-reel-line,
.depth-reel-overlay.is-reel-outro .depth-reel-line{
  justify-content:center;
}

.depth-reel-overlay.is-reel-intro .depth-reel-title{
  font-size:clamp(72px,9vw,146px);
  letter-spacing:.035em;
}

.depth-reel-overlay.is-reel-outro .depth-reel-title{
  font-size:clamp(54px,6vw,100px);
}

.depth-reel-overlay.is-reel-outro .depth-reel-credit{
  animation:reelOutroRise 3s cubic-bezier(.18,.78,.18,1) both;
}

@keyframes reelOutroRise{
  0%{opacity:0;transform:translate3d(-50%,36px,0)}
  18%{opacity:1}
  76%{opacity:1}
  100%{opacity:0;transform:translate3d(-50%,-88px,0)}
}

#depth-view.depth-reel-active .depth-stage::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  z-index:31;
  width:170px;
  height:170px;
  transform:translate(-50%,-50%);
  border:1px solid rgba(210,192,128,.055);
  border-radius:50%;
  pointer-events:none;
}

#depth-view.depth-reel-active .depth-reel-frame::before{
  content:"↻";
  display:inline-block;
  margin-right:7px;
  color:#cbb978;
  animation:reelFrameSpin .92s cubic-bezier(.2,.8,.2,1) infinite;
}

@keyframes reelFrameSpin{
  0%{transform:rotate(0deg);opacity:.4}
  70%{opacity:1}
  100%{transform:rotate(360deg);opacity:.4}
}

@media(max-width:800px){
.depth-reel-credit{
  width:76%;
  left:8%;
}

.depth-reel-overlay[data-side="right"] .depth-reel-credit{
  right:8%;
}

.depth-reel-title{
  font-size:clamp(36px,11vw,62px);
}

.depth-reel-kicker{
  font-size:6px;
}

.depth-reel-track{
  left:10%;
  right:10%;
  bottom:7%;
}
}

.depth-film-titles.is-intro::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 49%,
      rgba(4,4,4,.24) 0%,
      rgba(4,4,4,.34) 23%,
      rgba(3,3,3,.58) 58%,
      rgba(2,2,2,.78) 100%);
  backdrop-filter:brightness(.68) saturate(.72);
  -webkit-backdrop-filter:brightness(.68) saturate(.72);
  animation:filmIntroVeil .9s cubic-bezier(.2,.78,.18,1) both;
}

@keyframes filmIntroVeil{
  from{opacity:0}
  to{opacity:1}
}

.depth-film-titles.is-intro .depth-film-credit{
  z-index:2;
}

.depth-film-titles.is-intro .depth-film-credit::before{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(720px,72vw);
  height:min(330px,42vh);
  transform:translate(-50%,-50%);
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(ellipse at center,
    rgba(201,181,116,.075) 0%,
    rgba(16,16,16,.14) 34%,
    transparent 72%);
  filter:blur(10px);
}

.depth-film-titles.is-intro .depth-film-name{
  text-shadow:0 10px 42px rgba(0,0,0,.72),
    0 0 34px rgba(202,183,119,.065);
}

.depth-film-titles:not(.is-intro):not(.is-outro)::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:43%;
  z-index:0;
  pointer-events:none;
}

.depth-film-titles[data-side="left"]:not(.is-intro):not(.is-outro)::before{
  left:0;
  background:linear-gradient(90deg,
    rgba(4,4,4,.96) 0%,
    rgba(4,4,4,.89) 46%,
    rgba(4,4,4,.58) 76%,
    transparent 100%);
}

.depth-film-titles[data-side="right"]:not(.is-intro):not(.is-outro)::before{
  right:0;
  background:linear-gradient(270deg,
    rgba(4,4,4,.96) 0%,
    rgba(4,4,4,.89) 46%,
    rgba(4,4,4,.58) 76%,
    transparent 100%);
}

.depth-film-titles:not(.is-intro):not(.is-outro) .depth-film-credit{
  z-index:2;
  width:min(480px,30%);
}

.depth-film-titles:not(.is-intro):not(.is-outro) .depth-film-name{
  font-size:clamp(38px,4vw,66px);
  line-height:.94;
  max-width:100%;
}

.depth-film-titles[data-side="left"]:not(.is-intro):not(.is-outro) .depth-film-credit{
  left:6.2%;
}

.depth-film-titles[data-side="right"]:not(.is-intro):not(.is-outro) .depth-film-credit{
  right:6.2%;
}

.depth-film-titles:not(.is-intro):not(.is-outro) .depth-film-credit::after{
  content:"";
  display:block;
  width:58px;
  height:1px;
  margin-top:20px;
  background:linear-gradient(90deg,rgba(210,191,126,.56),transparent);
}

.depth-film-titles[data-side="right"]:not(.is-intro):not(.is-outro) .depth-film-credit::after{
  margin-left:auto;
  transform:scaleX(-1);
}

.depth-reel-overlay:not(.is-reel-intro):not(.is-reel-outro)::before{
  content:"";
  position:absolute;
  top:0;
  bottom:0;
  width:40%;
  z-index:0;
  pointer-events:none;
}

.depth-reel-overlay[data-side="left"]:not(.is-reel-intro):not(.is-reel-outro)::before{
  left:0;
  background:linear-gradient(90deg,
    rgba(4,4,4,.90) 0%,
    rgba(4,4,4,.74) 58%,
    transparent 100%);
}

.depth-reel-overlay[data-side="right"]:not(.is-reel-intro):not(.is-reel-outro)::before{
  right:0;
  background:linear-gradient(270deg,
    rgba(4,4,4,.90) 0%,
    rgba(4,4,4,.74) 58%,
    transparent 100%);
}

.depth-reel-overlay:not(.is-reel-intro):not(.is-reel-outro) .depth-reel-credit{
  z-index:2;
  width:min(455px,29%);
}

.depth-reel-overlay:not(.is-reel-intro):not(.is-reel-outro) .depth-reel-title{
  font-size:clamp(36px,3.8vw,62px);
  line-height:.94;
}

#depth-view.depth-reel-active .depth-reel-overlay:not(.is-reel-intro):not(.is-reel-outro) .depth-reel-credit{
  width:min(430px,28%);
}

.depth-reel-classic-btn{
  color:#d2c48f!important;
}

.depth-reel-hero-btn{
  color:#b8ae8b!important;
}

.depth-reel-classic-btn::after,
.depth-reel-hero-btn::after{
  margin-left:5px;
  font-size:4.5px;
  letter-spacing:1px;
  opacity:.56;
}

.depth-reel-classic-btn::after{
  content:"BRIGHT";
}

.depth-reel-hero-btn::after{
  content:"FOCUS";
}

#depth-view.depth-reel-classic-mode .depth-vignette{
  opacity:.68;
}

#depth-view.depth-reel-hero-mode .depth-vignette{
  opacity:1;
}

@media(max-width:900px){
.depth-reel-classic-btn::after,
.depth-reel-hero-btn::after{
  display:none;
}
}

.depth-showreel-btn{
  min-width:96px!important;
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#e0cb84!important;
  border-color:rgba(221,201,132,.26)!important;
  background:linear-gradient(180deg,rgba(213,190,116,.055),rgba(255,255,255,.01))!important;
}

.depth-showreel-icon{
  font-size:8px;
  transform:rotate(45deg);
  transition:transform .35s ease;
}

.depth-showreel-btn:hover .depth-showreel-icon{
  transform:rotate(135deg);
}

.depth-showreel-btn[aria-pressed="true"]{
  color:#121212!important;
  background:#d6c27e!important;
  border-color:#d6c27e!important;
}

.depth-showreel-btn[aria-pressed="true"] .depth-showreel-icon{
  animation:showreelDiamond 1.5s ease-in-out infinite alternate;
}

@keyframes showreelDiamond{
  from{transform:rotate(45deg) scale(.82)}
  to{transform:rotate(225deg) scale(1.08)}
}

#depth-view.depth-showreel-active .depth-actions-separator{
  display:none!important;
}

#depth-view.depth-showreel-active #depth-skip,
#depth-view.depth-showreel-active #depth-exit{
  display:inline-flex!important;
}

#depth-view.depth-showreel-active .depth-foot{
  opacity:.12;
}

#depth-view.depth-showreel-active .depth-webgl-tooltip,
#depth-view.depth-showreel-active .depth-drift-caption,
#depth-view.depth-showreel-active .depth-tour-status,
#depth-view.depth-showreel-active .depth-film-titles,
#depth-view.depth-showreel-active .depth-reel-overlay{
  opacity:0!important;
  pointer-events:none!important;
}

.depth-showreel-overlay{
  position:absolute;
  inset:0;
  z-index:38;
  pointer-events:none;
  opacity:0;
  overflow:hidden;
  transition:opacity .34s ease;
}

.depth-showreel-overlay.is-visible{
  opacity:1;
}

.depth-showreel-overlay::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 50%,rgba(7,7,7,.12),rgba(3,3,3,.30) 52%,rgba(2,2,2,.62) 100%);
  opacity:.58;
  transition:opacity .65s ease,background .65s ease;
}

.depth-showreel-overlay[data-layout="side-left"]::before{
  background:linear-gradient(90deg,rgba(3,3,3,.93) 0%,rgba(3,3,3,.72) 30%,transparent 59%);
}

.depth-showreel-overlay[data-layout="side-right"]::before{
  background:linear-gradient(270deg,rgba(3,3,3,.93) 0%,rgba(3,3,3,.72) 30%,transparent 59%);
}

.depth-showreel-overlay[data-layout="minimal"]::before{
  opacity:.18;
}

.depth-showreel-card{
  position:absolute;
  left:50%;
  top:50%;
  width:min(860px,76%);
  transform:translate3d(-50%,-46%,0);
  text-align:center;
  opacity:0;
  transition:opacity .32s ease,
    transform .82s cubic-bezier(.16,.84,.16,1);
}

.depth-showreel-overlay.is-visible .depth-showreel-card{
  opacity:1;
  transform:translate3d(-50%,-50%,0);
}

.depth-showreel-overlay[data-layout="side-left"] .depth-showreel-card{
  left:6.4%;
  width:min(500px,31%);
  transform:translate3d(-24px,-50%,0);
  text-align:left;
}

.depth-showreel-overlay[data-layout="side-left"].is-visible .depth-showreel-card{
  transform:translate3d(0,-50%,0);
}

.depth-showreel-overlay[data-layout="side-right"] .depth-showreel-card{
  left:auto;
  right:6.4%;
  width:min(500px,31%);
  transform:translate3d(24px,-50%,0);
  text-align:right;
}

.depth-showreel-overlay[data-layout="side-right"].is-visible .depth-showreel-card{
  transform:translate3d(0,-50%,0);
}

.depth-showreel-overlay[data-layout="minimal"] .depth-showreel-card{
  left:50%;
  top:auto;
  bottom:8.5%;
  width:min(620px,72%);
  transform:translate3d(-50%,12px,0);
}

.depth-showreel-overlay[data-layout="minimal"].is-visible .depth-showreel-card{
  transform:translate3d(-50%,0,0);
}

.depth-showreel-overlay[data-layout="minimal"] .depth-showreel-title{
  font-size:clamp(28px,3.1vw,48px);
}

.depth-showreel-overlay[data-layout="minimal"] .depth-showreel-kicker{
  margin-bottom:7px;
}

.depth-showreel-overlay[data-layout="minimal"] .depth-showreel-meta{
  margin-top:8px;
}

.depth-showreel-kicker{
  display:block;
  margin-bottom:17px;
  color:#d2bf7c;
  font-size:7px;
  letter-spacing:2.3px;
  text-transform:uppercase;
}

.depth-showreel-title{
  display:block;
  font-family:var(--serif);
  color:#f2eddf;
  font-weight:400;
  font-size:clamp(64px,8.2vw,142px);
  line-height:.88;
  letter-spacing:-.035em;
  text-wrap:balance;
  text-shadow:0 12px 44px rgba(0,0,0,.72),
    0 0 54px rgba(209,189,123,.055);
}

.depth-showreel-overlay[data-layout^="side"] .depth-showreel-title{
  font-size:clamp(40px,4.2vw,72px);
  line-height:.94;
}

.depth-showreel-meta{
  display:block;
  margin-top:19px;
  color:#a0a69c;
  font-size:7px;
  letter-spacing:1.65px;
  text-transform:uppercase;
}

.depth-showreel-foot{
  display:block;
  margin-top:13px;
  color:#696f67;
  font-size:6px;
  letter-spacing:1.4px;
}

.depth-showreel-credits{
  display:none;
  width:min(580px,90%);
  margin:30px auto 0;
  padding-top:22px;
  border-top:1px solid rgba(215,198,137,.16);
  text-align:left;
}

.depth-showreel-overlay.is-credits .depth-showreel-credits{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:13px 34px;
}

.depth-showreel-credits span{
  display:grid;
  grid-template-columns:88px 1fr;
  gap:12px;
  align-items:baseline;
}

.depth-showreel-credits b{
  color:#bbaa73;
  font-size:5.5px;
  letter-spacing:1.45px;
  font-weight:500;
}

.depth-showreel-credits i{
  color:#8a9087;
  font-size:6px;
  letter-spacing:.8px;
  font-style:normal;
}

.depth-showreel-overlay.is-credits .depth-showreel-title{
  font-size:clamp(54px,6.6vw,112px);
}

.depth-showreel-progress{
  position:absolute;
  left:7%;
  right:7%;
  bottom:4.5%;
  display:grid;
  grid-template-columns:150px 1fr 58px;
  gap:14px;
  align-items:center;
  color:#777e74;
  font-size:5px;
  letter-spacing:1.35px;
}

.depth-showreel-progress>span:last-child{
  text-align:right;
  font-variant-numeric:tabular-nums;
}

.depth-showreel-progress>i{
  height:1px;
  background:rgba(213,196,136,.15);
  overflow:hidden;
}

.depth-showreel-progress>i>b{
  display:block;
  width:0%;
  height:100%;
  background:#d0bd7c;
  box-shadow:0 0 16px rgba(208,189,124,.16);
  transition:width .5s linear;
}

.depth-showreel-grain{
  position:absolute;
  inset:-22%;
  z-index:37;
  pointer-events:none;
  opacity:0;
  background:repeating-radial-gradient(circle at 17% 23%,
      rgba(255,255,255,.15) 0 .45px,
      transparent .65px 2.1px),
    repeating-linear-gradient(113deg,
      rgba(255,255,255,.035) 0 1px,
      transparent 1px 4px);
  mix-blend-mode:soft-light;
  transform:translateZ(0);
}

#depth-view.depth-showreel-active .depth-showreel-grain{
  opacity:.035;
  animation:showreelGrain .22s steps(2,end) infinite;
}

@keyframes showreelGrain{
  0%{transform:translate3d(-1.5%,.6%,0) scale(1.02)}
  25%{transform:translate3d(.8%,-1.1%,0) scale(1.01)}
  50%{transform:translate3d(1.3%,.7%,0) scale(1.025)}
  75%{transform:translate3d(-.7%,1.2%,0) scale(1.015)}
  100%{transform:translate3d(.4%,-.5%,0) scale(1.02)}
}

#depth-view.depth-showreel-active .depth-vignette{
  background:radial-gradient(ellipse at 50% 48%,transparent 31%,rgba(3,3,3,.08) 52%,rgba(2,2,2,.42) 100%),
    linear-gradient(180deg,rgba(2,2,2,.20),transparent 15%,transparent 80%,rgba(2,2,2,.36));
}

#depth-view.depth-showreel-active .depth-stage::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:36;
  pointer-events:none;
}

#depth-view.depth-showreel-active.showreel-cut .depth-stage::after{
  animation:showreelCut .52s cubic-bezier(.18,.82,.16,1);
}

@keyframes showreelCut{
  0%{opacity:0}
  18%{opacity:.20}
  100%{opacity:0}
}

@media(max-width:900px){
.depth-showreel-separator{
  display:none!important;
}

.depth-showreel-btn{
  min-width:74px!important;
}

.depth-showreel-overlay[data-layout^="side"] .depth-showreel-card{
  width:40%;
}
}

@media(max-width:700px){
.depth-showreel-overlay[data-layout^="side"] .depth-showreel-card{
  left:7%;
  right:auto;
  width:76%;
  text-align:left;
}

.depth-showreel-title{
  font-size:clamp(52px,17vw,92px);
}

.depth-showreel-progress{
  left:5%;
  right:5%;
  grid-template-columns:92px 1fr 48px;
}

.depth-showreel-credits{
  grid-template-columns:1fr;
}
}

#depth-view.depth-showreel-final .depth-foot{
  opacity:0!important;
  transition:opacity 1.4s ease!important;
}

#depth-view.depth-showreel-final .depth-showreel-overlay::before{
  opacity:1!important;
  transition:background 5.8s ease!important;
}

#depth-view.depth-showreel-final.showreel-final-word .depth-showreel-overlay::before{
  background:rgba(2,2,2,.87)!important;
}

#depth-view.depth-showreel-final .depth-showreel-kicker,
#depth-view.depth-showreel-final .depth-showreel-meta,
#depth-view.depth-showreel-final .depth-showreel-foot,
#depth-view.depth-showreel-final .depth-showreel-progress{
  transition:opacity 2.3s ease!important;
}

#depth-view.depth-showreel-final.showreel-final-word .depth-showreel-kicker,
#depth-view.depth-showreel-final.showreel-final-word .depth-showreel-meta,
#depth-view.depth-showreel-final.showreel-final-word .depth-showreel-foot,
#depth-view.depth-showreel-final.showreel-final-word .depth-showreel-progress{
  opacity:0!important;
}

#depth-view.depth-showreel-final .depth-showreel-title{
  font-size:clamp(76px,9vw,150px)!important;
  letter-spacing:.045em!important;
  transition:opacity 5s ease,
    transform 5.4s cubic-bezier(.2,.72,.18,1),
    filter 5s ease!important;
}

#depth-view.depth-showreel-final.showreel-final-fade .depth-showreel-title{
  opacity:0!important;
  transform:scale(1.03)!important;
  filter:blur(.8px)!important;
}

#depth-view.depth-showreel-final.showreel-final-fade .depth-showreel-grain{
  opacity:0!important;
  transition:opacity 4.2s ease!important;
}

#depth-view.depth-showreel-epilogue .depth-showreel-overlay::before{
  opacity:.72!important;
}

#depth-view.depth-showreel-epilogue .depth-showreel-title{
  font-size:clamp(34px,3.6vw,58px)!important;
}

#depth-view.depth-showreel-epilogue .depth-showreel-foot{
  opacity:.55;
}

#depth-view.depth-showreel-active .depth-stage{
  isolation:isolate;
}

#depth-view.depth-showreel-active.depth-showreel-fx-mode .depth-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:29;
  pointer-events:none;
  opacity:.18;
  background:linear-gradient(108deg,
      transparent 0 38%,
      rgba(220,204,149,.035) 46%,
      rgba(255,255,255,.045) 50%,
      rgba(220,204,149,.026) 55%,
      transparent 63% 100%);
  transform:translateX(-32%);
  animation:flexLightSweep 7.8s cubic-bezier(.22,.72,.18,1) infinite;
  mix-blend-mode:screen;
}

@keyframes flexLightSweep{
  0%,18%{transform:translateX(-38%);opacity:0}
  36%{opacity:.16}
  58%{transform:translateX(36%);opacity:.11}
  72%,100%{transform:translateX(48%);opacity:0}
}

#depth-view.depth-showreel-final .depth-stage::before{
  opacity:0!important;
  animation:none!important;
}

.depth-showreel-cut-btn{
  min-width:84px!important;
}

.depth-showreel-fx-btn{
  color:#e2cc84!important;
  border-color:rgba(224,203,132,.28)!important;
}

.depth-showreel-fx-btn::after{
  content:"FX";
  margin-left:5px;
  font-size:4.5px;
  letter-spacing:1px;
  opacity:.58;
}

#depth-view.depth-showreel-active .depth-showreel-cut-btn[aria-pressed="true"]{
  color:#121212!important;
  background:#d6c27e!important;
  border-color:#d6c27e!important;
}

@media(max-width:920px){
.depth-showreel-cut-btn{
  min-width:68px!important;
}

.depth-showreel-fx-btn::after{
  display:none;
}
}

.depth-fx-picker.depth-fx-ps-panel{
  position:relative;
  display:inline-grid;
  grid-template-columns:29px auto 1px minmax(196px,1fr);
  align-items:center;
  gap:0;
  height:34px;
  min-width:354px;
  padding:0;
  border:1px solid rgba(255,255,255,.095);
  border-top-color:rgba(255,255,255,.17);
  border-bottom-color:rgba(0,0,0,.82);
  border-radius:5px;
  background:linear-gradient(180deg,
      rgba(255,255,255,.060) 0%,
      rgba(255,255,255,.025) 12%,
      rgba(255,255,255,.010) 50%,
      rgba(0,0,0,.22) 100%),
    linear-gradient(180deg,#191b1d 0%,#101214 48%,#090b0c 100%);
  box-shadow:0 1px 0 rgba(255,255,255,.035) inset,
    0 -1px 0 rgba(0,0,0,.65) inset,
    0 8px 24px rgba(0,0,0,.34),
    0 0 0 1px rgba(0,0,0,.45);
  color:#c8cbce;
  overflow:hidden;
  cursor:default;
  isolation:isolate;
}

.depth-fx-picker.depth-fx-ps-panel::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:1px;
  z-index:2;
  pointer-events:none;
  background:linear-gradient(90deg,
    transparent,
    rgba(255,255,255,.17) 22%,
    rgba(255,255,255,.075) 70%,
    transparent);
}

.depth-fx-picker.depth-fx-ps-panel::after{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:42%;
  height:100%;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,.025),transparent 55%);
}

.depth-fx-ps-icon{
  width:29px;
  height:100%;
  display:grid;
  place-items:center;
  border-right:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.24)),
    #141719;
  color:#9ca2a7;
  font-size:6px;
  font-weight:700;
  letter-spacing:.55px;
  text-shadow:0 1px 0 rgba(0,0,0,.8);
}

.depth-fx-ps-copy{
  display:grid;
  gap:1px;
  min-width:94px;
  padding:0 11px 0 10px;
  line-height:1;
  text-transform:uppercase;
}

.depth-fx-ps-copy b{
  color:#d9dcde;
  font-size:5.5px;
  font-weight:600;
  letter-spacing:1px;
}

.depth-fx-ps-copy small{
  color:#696f74;
  font-size:4.5px;
  letter-spacing:1.05px;
}

.depth-fx-ps-divider{
  width:1px;
  height:20px;
  background:linear-gradient(180deg,
    transparent,
    rgba(255,255,255,.09) 20%,
    rgba(0,0,0,.70) 80%,
    transparent);
}

.depth-fx-select-shell{
  position:relative;
  height:25px;
  min-width:196px;
  margin:4px;
  display:flex;
  align-items:center;
  border:1px solid rgba(255,255,255,.07);
  border-top-color:rgba(255,255,255,.11);
  border-radius:3px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.18)),
    #0b0d0f;
  box-shadow:0 1px 2px rgba(0,0,0,.75) inset,
    0 1px 0 rgba(255,255,255,.025);
  overflow:hidden;
}

.depth-fx-select-value{
  display:block;
  min-width:0;
  padding:0 30px 0 9px;
  color:#cfd3d6;
  font-size:5.5px;
  letter-spacing:.58px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-transform:none;
  pointer-events:none;
  text-shadow:0 1px 0 #000;
}

.depth-fx-select-chevron{
  position:absolute;
  top:0;
  right:0;
  width:25px;
  height:100%;
  display:grid;
  place-items:center;
  border-left:1px solid rgba(255,255,255,.065);
  background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(0,0,0,.16));
  color:#777d82;
  font-size:10px;
  pointer-events:none;
}

.depth-fx-picker:hover .depth-fx-select-shell{
  border-color:rgba(255,255,255,.12);
}

.depth-fx-picker:hover .depth-fx-select-chevron{
  color:#c9ced2;
}

.depth-fx-picker select{
  position:absolute;
  inset:0;
  z-index:5;
  width:100%;
  height:100%;
  margin:0;
  opacity:0;
  cursor:pointer;
}

.depth-fx-picker select:focus-visible + *{
  outline:none;
}

.depth-fx-select-shell:focus-within{
  border-color:rgba(149,181,214,.44);
  box-shadow:0 1px 2px rgba(0,0,0,.78) inset,
    0 0 0 1px rgba(91,137,177,.24),
    0 0 0 3px rgba(77,124,166,.07);
}

#depth-view.depth-showreel-fx-mode .depth-fx-picker.depth-fx-ps-panel{
  border-color:rgba(255,255,255,.13);
  border-top-color:rgba(255,255,255,.22);
  box-shadow:0 1px 0 rgba(255,255,255,.05) inset,
    0 -1px 0 rgba(0,0,0,.75) inset,
    0 12px 32px rgba(0,0,0,.42),
    0 0 0 1px rgba(0,0,0,.55);
}

#depth-view.depth-showreel-fx-mode .depth-fx-ps-icon{
  color:#d0d5d9;
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(0,0,0,.26)),
    #181b1e;
}

#depth-view.depth-showreel-fx-mode .depth-fx-select-value{
  color:#eef1f2;
}

.depth-fx-status.depth-fx-status-ps{
  position:absolute;
  left:24px;
  top:24px;
  z-index:41;
  display:none;
  grid-template-columns:7px auto 1fr auto;
  align-items:center;
  gap:8px;
  min-width:244px;
  height:27px;
  padding:0 9px;
  border:1px solid rgba(255,255,255,.085);
  border-top-color:rgba(255,255,255,.15);
  border-radius:4px;
  background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(0,0,0,.20)),
    rgba(12,14,15,.92);
  backdrop-filter:blur(18px) saturate(.8);
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset,
    0 10px 30px rgba(0,0,0,.36);
  color:#737a80;
  font-size:4.8px;
  letter-spacing:1px;
  pointer-events:none;
}

.depth-fx-status-led{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#82a16f;
  box-shadow:0 0 0 1px rgba(0,0,0,.5),
    0 0 8px rgba(130,161,111,.25);
}

.depth-fx-status-label{
  color:#71787d;
  letter-spacing:1.15px;
}

.depth-fx-status b{
  color:#d8dbdd;
  font-size:5.3px;
  font-weight:500;
  letter-spacing:.85px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.depth-fx-status i{
  display:inline-flex;
  align-items:center;
  height:15px;
  padding:0 5px;
  border:1px solid rgba(255,255,255,.07);
  border-radius:2px;
  background:#090b0c;
  color:#77836f;
  font-size:4.2px;
  font-style:normal;
  letter-spacing:1px;
}

#depth-view.depth-showreel-active:not(.depth-showreel-fx-mode) .depth-fx-picker{
  display:none!important;
}

#depth-view.depth-showreel-fx-mode .depth-fx-picker{
  display:inline-grid!important;
}

#depth-view.depth-showreel-fx-mode .depth-fx-status{
  display:grid!important;
}

@media(max-width:1080px){
.depth-fx-picker.depth-fx-ps-panel{
  grid-template-columns:27px 1px minmax(155px,1fr);
  min-width:0;
}

.depth-fx-ps-copy{
  display:none;
}

.depth-fx-select-shell{
  min-width:155px;
}
}

@media(max-width:760px){
.depth-fx-picker.depth-fx-ps-panel{
  grid-template-columns:27px minmax(130px,1fr);
}

.depth-fx-ps-divider{
  display:none;
}

.depth-fx-select-shell{
  min-width:130px;
}

.depth-fx-status.depth-fx-status-ps{
  left:12px;
  top:12px;
  min-width:0;
  max-width:calc(100% - 24px);
}
}

#depth-view.depth-fullscreen{
  --gloss-bg-0:#050607;
  --gloss-bg-1:#090b0c;
  --gloss-bg-2:#101214;
  --gloss-bg-3:#17191b;
  --gloss-edge:rgba(255,255,255,.085);
  --gloss-edge-hi:rgba(255,255,255,.17);
  --gloss-edge-lo:rgba(0,0,0,.78);
  --gloss-text:#e1e4e6;
  --gloss-text-soft:#a8adb1;
  --gloss-text-dim:#747b80;
  --gloss-accent:#c7b77d;
  --gloss-active:#91a9be;
}

#depth-view.depth-fullscreen .depth-head{
  min-height:68px!important;
  padding:0 28px!important;
  border-bottom:1px solid var(--gloss-edge)!important;
}

#depth-view .depth-brand{
  gap:14px!important;
}

#depth-view .depth-brand strong{
  color:#f1f3f4!important;
  font-size:28px!important;
  font-weight:400!important;
  letter-spacing:.035em!important;
  text-shadow:0 1px 0 rgba(255,255,255,.035),0 2px 12px rgba(0,0,0,.55);
}

#depth-view .depth-brand span{
  color:#9aa0a4!important;
  font-size:8px!important;
  letter-spacing:1.7px!important;
  font-weight:600!important;
}

#depth-view .depth-work-count{
  color:#bdb184!important;
  font-size:8px!important;
  letter-spacing:1.65px!important;
  font-weight:600!important;
}

#depth-view .depth-close-view{
  height:38px!important;
  gap:11px!important;
  padding:0 11px 0 14px!important;
  border:1px solid var(--gloss-edge)!important;
  border-top-color:var(--gloss-edge-hi)!important;
  border-bottom-color:var(--gloss-edge-lo)!important;
  border-radius:5px!important;
  font-size:8px!important;
  font-weight:600!important;
  letter-spacing:1.15px!important;
}

#depth-view .depth-close-view b{
  color:#e3e6e8!important;
  font-size:20px!important;
}

#depth-view.depth-fullscreen .depth-zoom-btn{
  width:35px!important;
  min-width:35px!important;
  padding:0!important;
  color:#c9cdd0!important;
  font-size:18px!important;
  font-weight:400!important;
}

#depth-view.depth-fullscreen .depth-actions-separator{
  height:24px!important;
  margin:0 4px!important;
  background:linear-gradient(180deg,transparent,rgba(255,255,255,.095),rgba(0,0,0,.55),transparent)!important;
}

#depth-view .depth-play-btn,
#depth-view .depth-titles-btn,
#depth-view .depth-reel-btn,
#depth-view .depth-showreel-btn{
  min-width:104px!important;
}

#depth-view .depth-showreel-cut-btn{
  min-width:98px!important;
}

#depth-view .depth-play-icon,
#depth-view .depth-titles-icon,
#depth-view .depth-reel-icon,
#depth-view .depth-showreel-icon{
  font-size:11px!important;
}

#depth-view .depth-reel-classic-btn::after,
#depth-view .depth-reel-hero-btn::after,
#depth-view .depth-showreel-fx-btn::after{
  font-size:6px!important;
  letter-spacing:1px!important;
  opacity:.68!important;
}

#depth-view .depth-fx-picker.depth-fx-ps-panel{
  height:35px!important;
  min-width:390px!important;
  grid-template-columns:34px auto 1px minmax(218px,1fr)!important;
  border-color:rgba(255,255,255,.095)!important;
  border-top-color:rgba(255,255,255,.18)!important;
}

#depth-view .depth-fx-ps-icon{
  width:34px!important;
  color:#afb4b8!important;
  font-size:8px!important;
}

#depth-view .depth-fx-ps-copy{
  min-width:112px!important;
  padding:0 13px!important;
}

#depth-view .depth-fx-ps-copy b{
  color:#e0e3e5!important;
  font-size:7px!important;
  letter-spacing:1px!important;
}

#depth-view .depth-fx-ps-copy small{
  color:#7d8489!important;
  font-size:6px!important;
  letter-spacing:1px!important;
}

#depth-view .depth-fx-select-shell{
  height:27px!important;
  min-width:218px!important;
}

#depth-view .depth-fx-select-value{
  padding-left:10px!important;
  color:#dce0e2!important;
  font-size:8px!important;
  font-weight:500!important;
  letter-spacing:.3px!important;
}

#depth-view .depth-fx-select-chevron{
  width:30px!important;
  color:#a0a6aa!important;
  font-size:13px!important;
}

#depth-view .depth-fx-picker select,
#depth-view .depth-fx-picker select option,
#depth-view .depth-fx-picker select optgroup{
  background:#0b0d0e!important;
  color:#e0e3e5!important;
  font-size:13px!important;
}

#depth-view .depth-fx-status.depth-fx-status-ps{
  top:24px!important;
  left:24px!important;
  min-width:300px!important;
  height:32px!important;
  padding:0 11px!important;
  gap:10px!important;
  border-color:rgba(255,255,255,.09)!important;
  border-top-color:rgba(255,255,255,.16)!important;
  border-radius:5px!important;
}

#depth-view .depth-fx-status-label{
  color:#8b9297!important;
  font-size:7px!important;
  letter-spacing:1.15px!important;
}

#depth-view .depth-fx-status b{
  color:#e2e5e7!important;
  font-size:8px!important;
  letter-spacing:.55px!important;
}

#depth-view .depth-fx-status i{
  height:18px!important;
  padding:0 7px!important;
  color:#9ab28c!important;
  font-size:6px!important;
}

#depth-view .depth-tour-status{
  min-height:30px!important;
  padding:0 11px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  border-top-color:rgba(255,255,255,.15)!important;
  border-radius:4px!important;
  color:#9fa5a9!important;
}

#depth-view .depth-tour-status b{
  color:#d9dddf!important;
  font-size:8px!important;
  letter-spacing:1px!important;
}

#depth-view .depth-tour-status span{
  font-size:7px!important;
}

#depth-view.depth-fullscreen .depth-foot{
  box-shadow:0 1px 0 rgba(255,255,255,.012) inset!important;
  color:#888f94!important;
  font-weight:600!important;
}

#depth-view.depth-fullscreen .depth-foot span:nth-child(2){
  color:#b9ad82!important;
}

#depth-view.depth-fullscreen .depth-foot span:last-child{
  color:#9aa0a4!important;
}

#depth-view .depth-drift-topline{
  color:#c8b97e!important;
  font-size:8px!important;
  letter-spacing:1.65px!important;
  font-weight:600!important;
}

#depth-view .depth-drift-caption small{
  color:#a1a7aa!important;
  font-size:8px!important;
  letter-spacing:1.25px!important;
}

#depth-view .depth-film-role,
#depth-view .depth-reel-kicker,
#depth-view .depth-showreel-kicker{
  font-size:9px!important;
  font-weight:600!important;
  letter-spacing:2px!important;
}

#depth-view .depth-film-meta,
#depth-view .depth-reel-meta,
#depth-view .depth-showreel-meta{
  color:#aeb3b6!important;
  font-size:9px!important;
  letter-spacing:1.45px!important;
}

#depth-view .depth-film-index,
#depth-view .depth-reel-line,
#depth-view .depth-reel-subtitle,
#depth-view .depth-showreel-foot{
  color:#858c91!important;
  font-size:8px!important;
  letter-spacing:1.15px!important;
}

#depth-view .depth-showreel-progress{
  color:#8c9397!important;
  font-size:7px!important;
  letter-spacing:1.15px!important;
}

#depth-view .depth-showreel-credits b{
  color:#c8b97e!important;
  font-size:7px!important;
}

#depth-view .depth-showreel-credits i{
  color:#a4aaad!important;
  font-size:8px!important;
}

#depth-view .depth-showreel-overlay[data-layout^="side"]::before,
#depth-view .depth-film-titles[data-side="left"]::before,
#depth-view .depth-film-titles[data-side="right"]::before,
#depth-view .depth-reel-overlay[data-side="left"]::before,
#depth-view .depth-reel-overlay[data-side="right"]::before{
  filter:saturate(.62)!important;
}

@media(max-width:1200px){
#depth-view .depth-fx-picker.depth-fx-ps-panel{
  min-width:310px!important;
  grid-template-columns:32px 1px minmax(220px,1fr)!important;
}

#depth-view .depth-fx-ps-copy{
  display:none!important;
}
}

@media(max-width:840px){
#depth-view.depth-fullscreen{
  grid-template-rows:60px minmax(0,1fr) 44px!important;
}

#depth-view.depth-fullscreen .depth-head{
  min-height:60px!important;
  padding:0 16px!important;
}

#depth-view .depth-brand strong{
  font-size:23px!important;
}

#depth-view .depth-brand span{
  font-size:7px!important;
}

#depth-view .depth-work-count{
  font-size:7px!important;
}

#depth-view .depth-fx-picker.depth-fx-ps-panel{
  min-width:260px!important;
  grid-template-columns:30px minmax(220px,1fr)!important;
}

#depth-view .depth-fx-ps-divider{
  display:none!important;
}

#depth-view.depth-fullscreen .depth-foot{
  min-height:44px!important;
  padding:0 14px!important;
  font-size:6px!important;
}
}

#depth-view.depth-fullscreen{
  --glass-black:rgba(7,9,10,.62);
  --glass-black-soft:rgba(9,11,12,.48);
  --glass-black-light:rgba(13,15,16,.38);
  --glass-edge:rgba(255,255,255,.10);
  --glass-edge-hi:rgba(255,255,255,.18);
  --glass-shadow:rgba(0,0,0,.40);
}

#depth-view.depth-fullscreen .depth-head{
  box-shadow:0 1px 0 rgba(255,255,255,.025) inset,
    0 10px 28px rgba(0,0,0,.22)!important;
}

#depth-view .depth-fx-picker.depth-fx-ps-panel{
  background:linear-gradient(180deg,rgba(255,255,255,.050),rgba(255,255,255,.010) 48%,rgba(0,0,0,.10)),
    rgba(10,12,13,.48)!important;
  backdrop-filter:blur(22px) saturate(.74)!important;
  -webkit-backdrop-filter:blur(22px) saturate(.74)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.024) inset,
    0 -1px 0 rgba(0,0,0,.32) inset,
    0 10px 26px rgba(0,0,0,.24)!important;
}

#depth-view .depth-fx-ps-icon{
  background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(0,0,0,.08)),
    rgba(15,17,18,.32)!important;
}

#depth-view .depth-fx-select-shell{
  background:linear-gradient(180deg,rgba(255,255,255,.020),rgba(0,0,0,.10)),
    rgba(7,9,10,.42)!important;
  backdrop-filter:blur(14px)!important;
  -webkit-backdrop-filter:blur(14px)!important;
}

#depth-view .depth-fx-status.depth-fx-status-ps{
  background:linear-gradient(180deg,rgba(255,255,255,.040),rgba(0,0,0,.10)),
    rgba(8,10,11,.46)!important;
  backdrop-filter:blur(20px) saturate(.72)!important;
  -webkit-backdrop-filter:blur(20px) saturate(.72)!important;
  box-shadow:0 1px 0 rgba(255,255,255,.02) inset,
    0 10px 26px rgba(0,0,0,.24)!important;
}

#depth-view .depth-fx-status i{
  background:rgba(6,8,9,.38)!important;
}

#depth-view .depth-tour-status{
  background:linear-gradient(180deg,rgba(255,255,255,.038),rgba(0,0,0,.10)),
    rgba(8,10,11,.44)!important;
}

#depth-view .depth-showreel-overlay::before{
  opacity:.46!important;
}

#depth-view .depth-film-titles.is-intro::before{
  background:radial-gradient(circle at 50% 49%,
      rgba(3,5,5,.12) 0%,
      rgba(3,5,5,.20) 28%,
      rgba(2,4,4,.36) 60%,
      rgba(1,3,3,.52) 100%)!important;
  backdrop-filter:brightness(.82) saturate(.82)!important;
  -webkit-backdrop-filter:brightness(.82) saturate(.82)!important;
}

#depth-view .depth-film-titles[data-side="left"]:not(.is-intro):not(.is-outro)::before{
  background:linear-gradient(90deg,
    rgba(3,5,5,.62) 0%,
    rgba(3,5,5,.42) 48%,
    rgba(3,5,5,.16) 78%,
    transparent 100%)!important;
}

#depth-view .depth-film-titles[data-side="right"]:not(.is-intro):not(.is-outro)::before{
  background:linear-gradient(270deg,
    rgba(3,5,5,.62) 0%,
    rgba(3,5,5,.42) 48%,
    rgba(3,5,5,.16) 78%,
    transparent 100%)!important;
}

#depth-view .depth-reel-overlay[data-side="left"]:not(.is-reel-intro):not(.is-reel-outro)::before{
  background:linear-gradient(90deg,
    rgba(3,5,5,.58) 0%,
    rgba(3,5,5,.38) 58%,
    transparent 100%)!important;
}

#depth-view .depth-reel-overlay[data-side="right"]:not(.is-reel-intro):not(.is-reel-outro)::before{
  background:linear-gradient(270deg,
    rgba(3,5,5,.58) 0%,
    rgba(3,5,5,.38) 58%,
    transparent 100%)!important;
}

#depth-view .depth-drift-caption{
  background:transparent!important;
}

#depth-view .depth-drift-caption::before{
  content:"";
  position:absolute;
  inset:-22px -34px -18px;
  z-index:-1;
  border:1px solid rgba(255,255,255,.035);
  border-radius:8px;
  background:radial-gradient(ellipse at 50% 50%,rgba(8,10,11,.30),rgba(8,10,11,.10) 62%,transparent 100%);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  opacity:.74;
}

#depth-view .depth-showreel-card{
  text-shadow:0 6px 24px rgba(0,0,0,.48);
}

#depth-view .depth-fx-picker select option,
#depth-view .depth-fx-picker select optgroup{
  background:rgba(10,12,13,.96)!important;
  color:#e5e8ea!important;
}

@media(max-width:840px){
#depth-view.depth-fullscreen .depth-head{
  background:rgba(8,10,11,.64)!important;
}

#depth-view.depth-fullscreen .depth-foot{
  background:rgba(7,9,10,.58)!important;
}
}

#depth-view.depth-showreel-active .depth-tour-action{
  min-width:54px!important;
}

#depth-view .depth-bottom-info{
  min-width:0;
  height:62px;
  display:grid;
  grid-template-rows:22px 1fr;
  align-items:center;
  padding:5px 10px;
  border:1px solid rgba(255,255,255,.075);
  border-top-color:rgba(255,255,255,.14);
  border-radius:6px;
  background:linear-gradient(180deg,rgba(255,255,255,.036),rgba(255,255,255,.006) 45%,rgba(0,0,0,.08)),
    rgba(10,12,13,.40);
  backdrop-filter:blur(20px) saturate(.68);
  -webkit-backdrop-filter:blur(20px) saturate(.68);
  box-shadow:0 1px 0 rgba(255,255,255,.018) inset,
    0 6px 20px rgba(0,0,0,.15);
}

#depth-view .depth-bottom-info-head{
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  border-bottom:1px solid rgba(255,255,255,.045);
}

#depth-view .depth-bottom-info-label{
  color:#747b80;
  font-size:6px;
  font-weight:600;
  letter-spacing:1.25px;
}

#depth-view #depth-bottom-mode{
  color:#d8dcde;
  font-size:8px;
  font-weight:600;
  letter-spacing:.75px;
}

#depth-view .depth-bottom-info .depth-showreel-progress{
  position:static!important;
  inset:auto!important;
  width:100%!important;
  display:grid!important;
  grid-template-columns:150px minmax(90px,1fr) 42px!important;
  gap:10px!important;
  align-items:center!important;
  padding:0!important;
  margin:0!important;
  color:#858c91!important;
  font-size:7px!important;
  letter-spacing:1.05px!important;
  opacity:1!important;
}

#depth-view .depth-bottom-info .depth-showreel-progress>span:first-child{
  color:#c2b57f!important;
  font-weight:600!important;
}

#depth-view .depth-bottom-info .depth-showreel-progress>span:last-child{
  color:#a2a8ac!important;
  text-align:right!important;
  font-variant-numeric:tabular-nums;
}

#depth-view .depth-bottom-info .depth-showreel-progress>i{
  height:3px!important;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.085)!important;
  box-shadow:0 1px 0 rgba(0,0,0,.55) inset;
}

#depth-view .depth-bottom-info .depth-showreel-progress>i>b{
  height:100%!important;
  background:#b8aa74!important;
  box-shadow:0 0 12px rgba(184,170,116,.12);
}

#depth-view .depth-bottom-info .depth-fx-status.depth-fx-status-ps{
  position:absolute!important;
  left:auto!important;
  right:26px!important;
  top:10px!important;
  bottom:auto!important;
  min-width:0!important;
  height:20px!important;
  padding:0 7px!important;
  border:0!important;
  background:transparent!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  box-shadow:none!important;
  grid-template-columns:5px auto auto auto!important;
  gap:6px!important;
}

#depth-view .depth-bottom-info .depth-fx-status-label{
  font-size:5px!important;
}

#depth-view .depth-bottom-info .depth-fx-status b{
  font-size:6px!important;
}

#depth-view .depth-bottom-info .depth-fx-status i{
  height:15px!important;
  font-size:4.5px!important;
}

#depth-view .depth-showreel-overlay .depth-showreel-progress{
  display:none!important;
}

@media(max-width:900px){
#depth-view .depth-bottom-info{
  height:46px;
  grid-template-rows:18px 1fr;
}

#depth-view .depth-bottom-info .depth-showreel-progress{
  grid-template-columns:110px 1fr 38px!important;
  font-size:6px!important;
}
}

@media(max-width:620px){
#depth-view .depth-bottom-info .depth-showreel-progress{
  grid-template-columns:92px 1fr 34px!important;
}
}

@media(max-width:900px){
#depth-view.depth-fullscreen{
  grid-template-rows:60px minmax(0,1fr) auto 30px!important;
}
}

#depth-view.depth-fullscreen .depth-foot{
  min-height:28px!important;
  height:28px!important;
  padding:0 14px!important;
  border-top:1px solid rgba(255,255,255,.035)!important;
  font-size:5px!important;
  letter-spacing:.65px!important;
}

@media(max-width:860px){
#depth-view.depth-fullscreen .depth-foot{
  height:26px!important;
  min-height:26px!important;
}
}

#depth-view.depth-fullscreen{
  grid-template-rows:68px minmax(0,1fr) 28px!important;
}

#depth-view.depth-fullscreen .depth-stage{
  grid-row:2!important;
}

#depth-view.depth-fullscreen .depth-foot{
  grid-row:3!important;
}

@media(max-width:860px){
#depth-view.depth-fullscreen{
  grid-template-rows:60px minmax(0,1fr) 26px!important;
}

#depth-view.depth-fullscreen .depth-foot{
  grid-row:3!important;
}
}

#depth-view .depth-fx-picker{
  display:none!important;
}

#depth-view .depth-showreel-fx-btn::after{
  display:none!important;
}

#depth-view.depth-tour-active #depth-play,
#depth-view.depth-titles-active #depth-titles,
#depth-view.depth-reel-active.depth-reel-classic-mode #depth-reel-classic,
#depth-view.depth-reel-active.depth-reel-hero-mode #depth-reel{
  width:auto!important;
  min-width:0!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  padding:0 13px!important;
}

#depth-view.depth-tour-active #depth-skip,
#depth-view.depth-tour-active #depth-exit,
#depth-view.depth-titles-active #depth-skip,
#depth-view.depth-titles-active #depth-exit,
#depth-view.depth-reel-active #depth-skip,
#depth-view.depth-reel-active #depth-exit{
  width:54px!important;
  min-width:54px!important;
  justify-content:center!important;
  padding:0!important;
}

#depth-view.depth-reel-active .depth-reel-classic-btn::after,
#depth-view.depth-reel-active .depth-reel-hero-btn::after{
  content:none!important;
  display:none!important;
}

#depth-view.depth-tour-active .depth-play-icon,
#depth-view.depth-titles-active .depth-titles-icon,
#depth-view.depth-reel-active .depth-reel-icon{
  width:12px!important;
  min-width:12px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:9px!important;
  line-height:1!important;
  animation:none!important;
  transform:none!important;
}

#depth-view.depth-tour-active .depth-play-label,
#depth-view.depth-titles-active .depth-titles-label,
#depth-view.depth-reel-active .depth-reel-label{
  display:inline!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

@media(max-width:480px){
#depth-view.depth-tour-active #depth-skip,
#depth-view.depth-tour-active #depth-exit,
#depth-view.depth-titles-active #depth-skip,
#depth-view.depth-titles-active #depth-exit,
#depth-view.depth-reel-active #depth-skip,
#depth-view.depth-reel-active #depth-exit{
  width:48px!important;
  min-width:48px!important;
}
}

#depth-view .depth-card{
  background:#050605!important;
  border-color:#050605!important;
}

#depth-view .depth-card:hover,
#depth-view .depth-card:focus-visible{
  border-color:#131313!important;
}

#depth-view .depth-webgl-tooltip{
  border:1px solid rgba(203,187,132,.30)!important;
  border-radius:3px!important;
}

#depth-view .depth-webgl-tooltip small{
  color:rgba(202,187,132,.88)!important;
}

.orbit-view,
.tunnel-view,
.lighttable-view{
  -webkit-backdrop-filter:blur(24px) saturate(112%)!important;
  backdrop-filter:blur(24px) saturate(112%)!important;
}

.orbit-head,
.tunnel-head,
.lighttable-head{
  border-bottom-color:rgba(255,255,255,.075)!important;
}

.orbit-controls{
  border-top-color:rgba(255,255,255,.07)!important;
}

.tunnel-controls{
  border-top-color:rgba(255,255,255,.07)!important;
}

.lighttable-preview{
  border-right-color:rgba(255,255,255,.065)!important;
}

.lighttable-open{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.020)!important;
}

.lighttable-sheet{
  box-shadow:inset 1px 0 0 rgba(255,255,255,.025)!important;
}

.lighttable-cell{
  background:#060606!important;
  border-color:rgba(255,255,255,.075)!important;
}

.lighttable-cell.active{
  border-color:rgba(198,181,124,.78)!important;
  box-shadow:inset 0 0 0 1px rgba(198,181,124,.38),0 8px 24px rgba(0,0,0,.25)!important;
}

@media(max-width:700px){
.lighttable-preview{
  border-right:0!important;
  border-bottom:1px solid rgba(255,255,255,.065)!important;
}
}