*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden}#root{width:100%;height:100%}@media screen and (width<=768px) and (orientation:landscape){nav,.menu,.navigation,header nav{display:none!important}.portrait-reminder{display:flex!important}}.portrait-reminder{text-align:center;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:none}.portrait-reminder h1{font-size:2rem}.card-pager{flex-direction:column;flex:1;height:100%;min-height:0;display:flex;position:relative}.card-pager-track{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;min-height:0;display:flex;overflow:auto hidden}.card-pager-track::-webkit-scrollbar{display:none}.card-pager-slide{scroll-snap-align:start;scroll-snap-stop:always;flex:0 0 100%;width:100%;height:100%;min-height:0;position:relative}.card-pager-content{box-sizing:border-box;scrollbar-width:none;height:100%;padding-bottom:1rem;padding-right:1.25rem;overflow:hidden auto}.card-pager-content::-webkit-scrollbar{display:none}.card-pager-heading{text-transform:uppercase;letter-spacing:.04em;color:#51514f;margin:0 0 .75rem;font-family:Abel,sans-serif;font-size:clamp(1rem,2vw,1.35rem)}.card-pager-paragraph{color:#51514f;opacity:.85;margin:0 0 1em;font-size:clamp(.85rem,1.4vw,1rem);line-height:1.6}.card-pager-paragraph:last-child{margin-bottom:0}.card-pager-scrollbar{opacity:0;pointer-events:none;background:#51514f59;border-radius:2px;width:4px;transition:opacity .35s;position:absolute;top:0;right:.3rem}.card-pager-scrollbar.visible{opacity:1;transition:opacity .15s}.card-pager-fade{opacity:0;pointer-events:none;background:linear-gradient(#e1dace00 0%,#e1dacef7 85%);height:3.5rem;transition:opacity .3s;position:absolute;bottom:0;left:0;right:0}.card-pager-fade.visible{opacity:1}.card-pager-dots{flex-shrink:0;justify-content:center;gap:.5rem;padding-top:.85rem;display:flex}.card-pager-dot{cursor:pointer;background:#51514f40;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .25s,transform .25s}.card-pager-dot:hover{background:#51514f80}.card-pager-dot.active{background:#51514f;transform:scale(1.2)}@media (width<=767px){.card-pager-heading{font-size:1rem}.card-pager-paragraph{font-size:.85rem}}.hero{color:#fff;width:100vw;height:100dvh;position:relative;overflow:hidden}.hero-video{object-fit:cover;z-index:0;width:100%;height:100%;position:absolute;inset:0}.hero-overlay{z-index:1;background:repeating-linear-gradient(-45deg,#0003 0 1px,#0000 3px 6px),linear-gradient(-45deg,#0009 0%,#0000001a 60%);position:absolute;inset:0}.hero-logo{object-fit:contain;z-index:3;width:18vw;max-width:315px;height:auto;max-height:12vh;position:absolute;top:5vh;left:5vw}.hero-content{z-index:2;text-align:left;opacity:1;flex-direction:column;justify-content:flex-end;max-width:70vw;max-height:90vh;transition:opacity .5s;animation:.7s cubic-bezier(.16,1,.3,1) both contentRollIn;display:flex;position:absolute;inset:5vh 12vw 5vh 5vw;overflow:hidden}.hero-content.dimmed{opacity:.05}@keyframes contentRollIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.hero-content h1{text-transform:uppercase;margin:0;font-family:Abel,sans-serif;font-size:clamp(2.2rem,8vh,7.8rem);font-weight:400;line-height:1.02}.hero-side-nav{z-index:3;flex-direction:column;justify-content:flex-end;align-items:flex-end;gap:1.25rem;max-height:90vh;display:flex;position:absolute;top:5vh;bottom:5vh;right:1.5rem}.hero-side-nav a{color:#fff;text-transform:uppercase;letter-spacing:.15em;white-space:nowrap;writing-mode:vertical-rl;font-size:clamp(.65rem,1.4vh,.8rem);text-decoration:none;transform:rotate(180deg)}.hero-side-nav a:hover{opacity:.7}.side-card{color:#51514f;z-index:10;box-sizing:border-box;background:#e1dacef7;border-radius:5vw;flex-direction:column;width:auto;height:70vh;max-height:70vh;padding:2rem;display:flex;position:absolute;bottom:5vh;left:5vw;right:5vw;box-shadow:-10px 0 30px #00000080}.side-card.opening{animation:.4s ease-out forwards rollIn}.side-card.closing{animation:.6s cubic-bezier(.4,0,.2,1) forwards rollOut}@keyframes rollIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes rollOut{0%{transform:translate(0)}15%{transform:translate(-3%)}70%{transform:translate(110%)}to{transform:translate(115%)}}.side-card-close{color:#fff;cursor:pointer;z-index:11;background:0 0;border:none;font-size:2rem;line-height:1;position:absolute;top:1rem;right:1.5rem}.side-card-close:hover{opacity:.7}.side-card-text{flex-direction:column;flex:1;min-height:0;display:flex}.card-title{text-transform:uppercase;letter-spacing:.05em;color:#51514f;flex-shrink:0;margin:0 0 1rem;font-family:Abel,sans-serif;font-size:clamp(1.5rem,4vw,3rem)}@media (width<=767px){.hero-logo{width:36vw;max-width:none}}@media (width>=768px) and (width<=1199px){.hero-content h1{font-size:clamp(2.86rem,10.4vh,10.14rem)}}@media (width>=1200px){.hero-content h1{font-size:clamp(3.08rem,11.2vh,10.92rem)}}@media (width>=768px){.side-card{border-radius:2.5vw;height:55vh;max-height:55vh;bottom:5vh}}@media (width<=900px) and (orientation:landscape){.hero-side-nav{display:none}.hero-content.rotate-prompt{align-items:flex-start;max-width:none;right:5vw}.hero-content.rotate-prompt h1{text-transform:none;white-space:normal;max-width:85vw;font-family:Abel,sans-serif;font-size:clamp(1.1rem,5vh,1.8rem);line-height:1.25}}
