@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&family=Prata&family=Vollkorn:wght@400;500;700&family=Nunito+Sans:wght@200;300;400&display=swap";:root{--color-knot: hsl(30, 10%, 10%);--color-bear: hsl(187, 10%, 10%);--color-link: rgb(176, 176, 133);--font-title: "Prata", serif;--font-body: "Prata", serif}*{margin:0;padding:0;box-sizing:border-box}body{font-size:62.5%;background-color:#000;color:#fff}a,a:visited{color:inherit;text-decoration:none}::-webkit-scrollbar{width:0;background:transparent}.audio-controls{position:absolute;top:6rem;right:2rem;z-index:999;display:flex;flex-direction:column;gap:.5rem;align-items:flex-end}.audio-controls__buttons{display:flex;align-items:center;gap:.5rem}.btn-audio{display:grid;place-items:center;width:4.5rem;height:4.5rem;background:#4f36346b;padding:.8rem;border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 0 1px #ffffff0a inset;transition:transform .2s,background-color .2s,opacity .2s;cursor:pointer}.btn-audio:hover{transform:scale(1.1)}.btn-audio.is-muted{opacity:.6}.btn-audio img{width:2rem;height:2rem;display:block}.btn-audio-options{min-width:2.5rem;height:2.5rem;padding:0 .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#0000006b;color:#ffffffd9;font-family:var(--font-body);font-size:1rem;line-height:1;cursor:pointer;transition:background-color .2s,transform .2s}.btn-audio-options:hover{background:#ffffff1f;transform:translateY(-1px)}.audio-mixer{width:14.25rem;padding:.65rem .75rem;border-radius:.9rem;background:#060606ad;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1);box-shadow:0 .8rem 2rem #00000047}.audio-mixer__row{display:flex;align-items:center;gap:.55rem;margin:.25rem 0;width:100%}.audio-mixer__row--compact{gap:.5rem}.audio-mixer__mute{width:2rem;height:2rem;flex:0 0 auto;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:#ffffffeb;font-family:var(--font-body);font-size:1rem;cursor:pointer;transition:background-color .2s,opacity .2s}.audio-mixer__mute:hover{background:#ffffff1f}.audio-mixer__mute.is-muted{opacity:.45}.audio-mixer__icon{color:#ffffffc2;font-family:var(--font-body);font-size:.9rem;line-height:1;width:1rem;flex:0 0 auto;text-align:center;-webkit-user-select:none;user-select:none}.audio-mixer__slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;flex:1;min-width:0;height:.28rem;border-radius:999px;background:linear-gradient(90deg,#b0b085f2,#f8f1dff2,#ffffffb8);outline:none}.audio-mixer__slider::-webkit-slider-runnable-track{height:.28rem;border-radius:999px;background:linear-gradient(90deg,#b0b085f2,#f8f1dff2,#ffffffb8)}.audio-mixer__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:.92rem;height:.92rem;border-radius:50%;background:#f8f1df;border:1px solid rgba(0,0,0,.28);box-shadow:0 .2rem .6rem #0000003d;cursor:pointer;margin-top:-.31rem}.audio-mixer__slider::-moz-range-track{height:.28rem;border-radius:999px;background:linear-gradient(90deg,#b0b085f2,#f8f1dff2,#ffffffb8)}.audio-mixer__slider::-moz-range-thumb{width:.92rem;height:.92rem;border-radius:50%;background:#f8f1df;border:1px solid rgba(0,0,0,.28);box-shadow:0 .2rem .6rem #0000003d;cursor:pointer}.audio-mixer__slider:disabled{opacity:.3}.audio-hint-dot{width:.65rem;height:.65rem;margin:0;border-radius:50%;background:#b0b085;box-shadow:0 0 0 .25rem #b0b08529}@media (max-width: 1200px){.audio-controls{top:7rem;right:1rem}.btn-audio{width:3.5rem;height:3.5rem;padding:.4rem}.btn-audio img{width:1.6rem;height:1.6rem}.audio-mixer{width:12.4rem}.btn-audio-options{min-width:2.2rem;height:2.2rem}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000}.loading>img{width:20vw;min-width:140px;animation:spin 2s infinite linear}.nav{position:fixed;display:flex;align-items:center;padding:1rem;top:0;z-index:99;width:100%;-webkit-backdrop-filter:blur(20px) brightness(20%);backdrop-filter:blur(20px) brightness(20%)}.nav ul{width:100%;list-style:none;display:flex;justify-content:space-around;gap:3rem;padding:.5rem 3rem}.nav__right{display:flex;justify-content:space-around;gap:3rem;align-items:center}.nav__item{text-transform:uppercase;display:block;color:#fff;font-family:var(--font-body);font-size:1.15rem;letter-spacing:.06em}.nav__item--logo{font-family:var(--font-title);font-size:1.35rem}.nav__item--current{color:var(--color-link)}.nav a{text-decoration:none;transition:color .2s,box-shadow .2s}.nav a:hover{color:var(--color-link);box-shadow:0 3px #7f7f7f}@media (max-width: 1200px){.nav__item{font-size:.95rem}.nav__item--logo{font-size:1.05rem}.nav__right{gap:1rem}}@media (max-width: 950px){.nav__right a:nth-child(1),.nav__right a:nth-child(2){display:none}.nav ul{justify-content:space-between;padding:.5rem 1rem}}.content{background:#000;min-height:100vh}.content--bear{min-height:100vh;background:linear-gradient(174deg,var(--color-bear) 50%,rgb(78,42,55) 100%)}.content--knot{min-height:100vh;background:linear-gradient(174deg,var(--color-knot) 50%,rgb(22,59,16) 100%)}.first-slide{margin-top:20vh;min-height:60vh;text-transform:uppercase;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#fff;font-family:var(--font-title)}.first-slide h1{font-size:4rem}.first-slide p{font-size:1.2rem}@media (max-width: 1200px){.first-slide h1{font-size:2rem}}.last-slide{min-height:50vh;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;color:#000;font-family:var(--font-title)}.last-slide h1{font-size:10vw}.caption-container{z-index:99;font-size:1.4rem;padding:2rem;width:100vw;display:flex;justify-content:center;align-items:flex-end;position:fixed;bottom:0;text-align:center;color:#fff;font-family:var(--font-body);-webkit-backdrop-filter:blur(10px) brightness(50%);backdrop-filter:blur(10px) brightness(50%)}.captions{max-height:20vh;display:block;z-index:9}@media (max-width: 1200px){.caption-container{font-size:1rem;padding:.5rem}}.gallery-container{display:flex;justify-content:center;width:100vw;overflow:hidden}.slides{display:flex;flex-direction:column;align-items:center;justify-items:center;gap:5rem;height:100vh;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none}.slides>div{scroll-snap-align:center}.slides img,.slides video{max-width:90vw;max-height:80vh;object-fit:cover;border-radius:2rem;overflow:hidden}#homepage{display:flex}@media (max-width: 1200px){#homepage{flex-direction:column}}.index{display:grid;place-content:center;padding:5rem;height:100vh;width:50vw;text-align:center;transition:.2s;text-transform:uppercase;background-size:cover;background-position:center;font-size:2.5rem;font-family:var(--font-title)}.index:hover{font-size:3rem}@media (max-width: 1200px){.index{height:50vh;width:100vw}}.index--left-top{background:linear-gradient(#00000080,#0003),url(/img/knot/knot12.jpg);background-position:center bottom}.index--right-bottom{background:linear-gradient(#00000080,#0003),url(/img/bear/bear6.jpg);background-position:center}.content--about{min-height:100vh;background-image:linear-gradient(#061400e6,#1c000bb3),url(/img/about-bg.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;font-family:var(--font-body);text-align:center}.content--about a:link,.content--about a:visited{color:var(--color-link);margin-bottom:2rem}.content--about a:hover{color:#e5cfa3}.about{display:flex;flex-direction:column;justify-content:center;align-items:center;font-weight:200;padding:10rem 20rem}.about__copy{max-width:40rem}@media (max-width: 1200px){.about{padding:10rem 2rem}}h1{font-family:var(--font-title);margin-bottom:5rem;font-size:2rem;text-transform:uppercase}h2{font-family:var(--font-title);text-transform:uppercase;text-align:center;margin:2rem;font-size:1.8rem}p{font-size:1.2rem;margin-bottom:2.5rem}.lead{font-weight:700;text-align:center}.credit{text-align:center;display:flex;justify-content:space-around;align-items:center;margin-bottom:3rem;font-size:1.6rem;gap:1rem}.credit__skill{text-transform:uppercase;font-size:1.2rem;padding:2rem}.credit__name{font-family:var(--font-title);text-transform:uppercase;margin-top:.1rem;font-size:1.2rem}@media (max-width: 1200px){.credit{flex-direction:column;gap:2rem}}
