@font-face { font-family: Cabinet Experience; src: url('../fonts/HankenGrotesk-Variable.ttf') format('truetype'); font-weight: 100 900; font-display: swap; }
.ens-experience { font-family: Cabinet Experience, Arial, sans-serif; --ens-accent: #fff; background:#141414; }
.ens-experience *, .ens-experience *::before, .ens-experience *::after { letter-spacing: 0; }
.ens-experience .ens-content h1, .ens-experience .ens-content h2 { font-family: inherit; font-weight: 450; font-size: 92px; }
.ens-experience .ens-scene-top { border-top: 1px solid #ffffff65; padding-top: 12px; }
.ens-experience .ens-content { max-width: 830px; }
.ens-experience .ens-eyebrow { color: var(--ens-accent); }
.ens-experience .ens-story .ens-eyebrow { color: #426154; }
.ens-experience .ens-story-open i { transition: transform .25s; }
.ens-experience .ens-story-open:hover i { transform: rotate(90deg); }
.ens-experience .ens-dock { padding-top: 10px; }
.ens-experience .ens-chapter-tab { position: relative; }
.ens-experience .ens-chapter-tab[aria-selected=true] { border-color: var(--ens-accent); }
.ens-experience .ens-chapter-tab img { filter: saturate(.65); }
.ens-experience .ens-chapter-tab[aria-selected=true] img { filter: none; }
.ens-experience .ens-collection { position: fixed; inset: 0; width: 100%; max-width: 100%; height: 100%; max-height: 100%; margin: 0; border: 0; padding: 28px var(--ens-gutter) 36px; background: #ecefeb; color: #171b19; overflow: auto; overscroll-behavior: contain; --ens-line: #74847a; }
.ens-experience .ens-collection:not([open]) { display: none; }
.ens-collection::backdrop { background: #171b19; }
.ens-experience .ens-collection-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.ens-experience .ens-collection .ens-eyebrow { color: #426154; margin: 0; }
.ens-experience .ens-collection-title { display: flex; justify-content: space-between; align-items: end; gap: 32px; margin: 38px 0; }
.ens-experience .ens-collection-title h2 { font-size: 64px; font-weight: 450; line-height: 1.05; margin: 0; }
.ens-experience .ens-collection-title p { max-width: 260px; margin: 0; font-size: 16px; }
.ens-experience .ens-contact-sheet { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; align-items: start; }
.ens-experience .ens-contact-sheet a:nth-child(even) { margin-top: 64px; }
.ens-experience .ens-contact-sheet figure { margin: 0; }
.ens-experience .ens-contact-sheet img { width: 100%; height: auto; aspect-ratio: 3/4; object-fit: cover; transition: clip-path .4s; clip-path: inset(0); }
.ens-experience .ens-contact-sheet a:nth-child(3) img { object-position: 49% 55%; }
.ens-experience .ens-contact-sheet a:hover img { clip-path: inset(8px); }
.ens-experience .ens-contact-sheet figcaption { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 0; border-bottom: 1px solid #9ba99e; font-size: 14px; }
.ens-experience .ens-contact-sheet a[aria-current=true] figcaption { border-bottom: 3px solid #426154; }
.ens-experience .ens-collection-footer { display: flex; justify-content: space-between; gap: 24px; margin-top: 48px; border-top: 1px solid #9ba99e; padding-top: 24px; }
.ens-experience .ens-collection-footer a { display: inline-flex; align-items: center; gap: 24px; min-height: 44px; }
.ens-experience.is-photo-mode .ens-content, .ens-experience.is-photo-mode .ens-scene-top { visibility: hidden; pointer-events: none; }
.ens-experience.is-photo-mode .ens-photo { inset: 94px 0 185px; background: #141615; }
.ens-experience.is-photo-mode .ens-photo img { object-fit: contain; object-position: center; transform: none !important; }
.ens-experience.is-photo-mode .ens-photo::after { display: none; }
.ens-experience [data-photo-mode][aria-pressed=true] { background: var(--ens-accent); border-color: var(--ens-accent); color: #141615; }
@media (min-width: 1600px) { .ens-experience .ens-content h1, .ens-experience .ens-content h2 { font-size: 108px; } }
@media (max-width: 800px) {
  .ens-experience .ens-content h1, .ens-experience .ens-content h2 { font-size: 64px; }
  .ens-experience .ens-collection-title { display: block; margin: 30px 0; }
  .ens-experience .ens-collection-title h2 { font-size: 44px; margin-bottom: 16px; }
  .ens-experience .ens-contact-sheet { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px 16px; }
  .ens-experience .ens-contact-sheet a:nth-child(even) { margin-top: 30px; }
  .ens-experience .ens-collection-footer { flex-direction: column; gap: 8px; margin-top: 28px; }
  .ens-experience.is-photo-mode .ens-photo { inset: 92px 0 210px; }
}
@media (max-width: 480px) {
  .ens-experience .ens-content h1, .ens-experience .ens-content h2 { font-size: 50px; }
  .ens-experience .ens-scene-controls { gap: 6px; }
  .ens-experience .ens-signature { font-size: 10px; gap: 6px; }
  .ens-experience .ens-signature img { width: 22px; height: 22px; }
  .ens-experience .ens-collection { padding-top: 16px; }
  .ens-experience .ens-collection-head .ens-eyebrow { font-size: 10px; max-width: 220px; }
  .ens-experience .ens-contact-sheet figcaption { font-size: 12px; }
}
@media (max-height: 680px) { .ens-experience.is-photo-mode .ens-photo { inset: 82px 0 185px; } }
.ens-experience .ens-collection,.ens-experience .ens-story {background:#fff;color:#141414;--ens-line:#74787c}
.ens-experience .ens-story .ens-eyebrow,.ens-experience .ens-collection .ens-eyebrow {color:#74787c}
.ens-experience .ens-contact-sheet figcaption,.ens-experience .ens-collection-footer {border-color:#74787c}
.ens-experience .ens-contact-sheet a[aria-current=true] figcaption {border-color:#141414}