.ex3{--ex3-room-tone:#2a2622;position:relative}.ex3-threshold{padding-top:clamp(7rem,20svh,12rem);padding-bottom:clamp(3rem,8svh,5rem)}.ex3-viewport{background-color:var(--ex3-room-tone);height:100svh;position:relative;overflow:clip}.ex3__hold{opacity:1;transition:opacity .9s var(--ease-gallery);background:radial-gradient(120% 80% at 50% 40%,#524c46 0%,#0000 70%),linear-gradient(#312d2a 0%,#1d1a17 100%);background:radial-gradient(120% 80% at 50% 40%,lab(32.712% 1.70122 4.24868) 0%,#0000 70%),linear-gradient(lab(18.7875% 1.29797 2.73598) 0%,lab(9.50218% 1.28503 2.30652) 100%);place-items:center;display:grid;position:absolute;inset:0}.ex3__hold[data-ready=true]{opacity:0;visibility:hidden;transition:opacity .9s var(--ease-gallery), visibility 0s linear .9s}.ex3__hold-label{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:#e8e4dc94;color:lab(90.7756% .140816 4.59491/.58);animation:ex3-hold-breathe 2.6s var(--ease-gallery) infinite;font-size:.6875rem}@keyframes ex3-hold-breathe{0%,to{opacity:.55}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.ex3__hold-label{animation:none}}.ex3__canvas{opacity:0;transition:opacity .9s var(--ease-gallery);position:absolute;inset:0}.ex3__canvas[data-ready=true]{opacity:1}@media (prefers-reduced-motion:reduce){.ex3__hold,.ex3__canvas{transition:none}}.ex3-panel{z-index:3;flex-direction:column;gap:1.75rem;width:min(15rem,40vw);display:flex;position:absolute;top:50%;right:clamp(1.25rem,4vw,3.5rem);translate:0 calc(-50% + clamp(1.75rem,4.5svh,3.75rem))}.ex3-panel:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#16131142 12%,#1613119e 22%,#161311d6 32%,#161311e0 100%);background:linear-gradient(90deg,#0000 0%,lab(6.18285% .938132 1.57962/.26) 12%,lab(6.18285% .938132 1.57962/.62) 22%,lab(6.18285% .938132 1.57962/.84) 32%,lab(6.18285% .938132 1.57962/.88) 100%);position:absolute;inset:-50svh -6vw -50svh calc(-1*clamp(6rem,12vw,12rem))}.ex3-menu__heading{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:#e8e4dcb8;color:lab(90.7756% .140816 4.59491/.72);font-size:.6875rem}.ex3-menu ul{scrollbar-width:thin;max-height:calc(100svh - 22rem);margin-top:.75rem;list-style:none;overflow-y:auto}.ex3-menu li+li{border-top:1px solid #e8e4dc33;border-top:1px solid lab(90.7756% .140816 4.59491/.2)}.ex3-menu__item{text-align:left;cursor:pointer;color:#e8e4dcb8;color:lab(90.7756% .140816 4.59491/.72);width:100%;min-height:44px;transition:color .4s var(--ease-gallery);background:0 0;border:0;align-items:baseline;gap:.75rem;padding:.7rem 0;display:flex}.ex3-menu__item:hover{color:#f2eee6;color:lab(94.2557% .139445 4.59393)}.ex3-menu__item[data-state=selected] .ex3-menu__index{color:var(--color-gold)}.ex3-menu__item[data-state=current]{color:#f5f1e9;color:lab(95.4157% .138968 4.59362)}.ex3-menu__item[data-state=current] .ex3-menu__index{color:var(--color-gold)}.ex3-menu__index{font-family:var(--font-sans);letter-spacing:.18em;color:#e8e4dca8;color:lab(90.7756% .140816 4.59491/.66);transition:color .4s var(--ease-gallery);flex:none;font-size:.6875rem}.ex3-menu__title{font-family:var(--font-serif);font-size:1.05rem;font-weight:300;line-height:1.2}@media (prefers-reduced-motion:reduce){.ex3-menu__item,.ex3-menu__index{transition:none}}@keyframes ex3-placard-in{0%{opacity:0}to{opacity:1}}.ex3-active{--room-placard:#272320f0;--room-ink:#efebe2;--room-ink-muted:#bfbab2;animation:ex3-placard-in .3s var(--ease-gallery) both}@supports (color:lab(0% 0 0)){.ex3-active{--room-placard:lab(14.1397% 1.46668 2.63458/.94);--room-ink:lab(93.0903% .281841 4.58736);--room-ink-muted:lab(75.6734% .713289 4.53867)}}@media (prefers-reduced-motion:reduce){.ex3-active{animation:none}}.ex3-active .ex-placard{width:100%;box-shadow:none;padding:.95rem 1.05rem .85rem}.ex3-active .ex-placard__title{font-size:1rem}.ex3-active .ex-placard__facts{font-size:.75rem}.ex3-active .ex-placard__action{font-size:.6875rem}.ex3-active :focus-visible{outline:1px solid var(--color-gold);outline-offset:3px}.ex3-menu :focus-visible,.ex3-threshold :focus-visible,.ex3-outro :focus-visible,.ex3-switch :focus-visible{outline:1px solid var(--color-gold);outline-offset:4px}.ex3-outro{background:linear-gradient(180deg, var(--ex3-room-tone) 0%, var(--color-background) 46%);padding-top:clamp(5rem,14svh,9rem);padding-bottom:clamp(6rem,16svh,10rem)}.ex3-switch{padding-bottom:clamp(4rem,10svh,7rem)}@media not (min-width:40rem){.ex3-panel{width:auto;padding:1rem clamp(1rem, 4vw, 2rem) calc(1rem + env(safe-area-inset-bottom));background:linear-gradient(#0000 0%,#14110fe0 32%);background:linear-gradient(#0000 0%,lab(5.25639% .8443 1.41466/.88) 32%);gap:.75rem;inset:auto 0 0;translate:none}.ex3-panel:before,.ex3-menu__heading{display:none}.ex3-menu ul{scroll-snap-type:x proximity;scrollbar-width:none;margin-top:0;gap:1.25rem;margin-inline:calc(-1*clamp(1rem,4vw,2rem));padding-inline:clamp(1rem,4vw,2rem);display:flex;overflow-x:auto}.ex3-menu ul::-webkit-scrollbar{display:none}.ex3-menu li{scroll-snap-align:start;flex:none;max-width:11rem}.ex3-menu li+li{border-top:0}.ex3-menu__item{border-bottom:1px solid #e8e4dc2e;border-bottom:1px solid lab(90.7756% .140816 4.59491/.18);flex-direction:column;align-items:flex-start;gap:.15rem;min-height:52px;padding:.5rem .25rem}.ex3-menu__item[data-state=current]{border-bottom-color:var(--color-gold)}.ex3-menu__title{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;display:-webkit-box;overflow:hidden}.ex3-active .ex-placard{padding:.6rem .75rem .5rem}.ex3-active .ex-placard__title{font-size:1.05rem}.ex3-active .ex-placard__action{font-size:.8rem}.ex3-threshold{padding-top:clamp(5rem,16svh,8rem)}}