.welcome-compact-nav{--rack-width: 248px;width:var(--rack-width);top:max(2px,env(safe-area-inset-top))}.welcome-compact-nav-backdrop{position:fixed;inset:0 0 auto;z-index:84;height:calc(max(2px,env(safe-area-inset-top)) + 155px);pointer-events:none;opacity:0;background:#d4c7aedb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);-webkit-mask-image:linear-gradient(#000 0 76%,transparent 100%);mask-image:linear-gradient(#000 0 76%,transparent 100%);transition:opacity .24s ease}.welcome-compact-nav-backdrop--visible{opacity:1}.welcome-compact-nav-backdrop--overlay{z-index:139}.welcome-compact-nav-key{height:calc(var(--rack-width) * .478 * .4)}.welcome-compact-nav button:focus-visible{outline:2px solid #f8f1df;outline-offset:2px;border-radius:2px}.welcome-reel-section{position:relative;z-index:20;isolation:isolate;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;width:100%;height:max(580px,100svh);padding:126px 4vw 18px;background:#e7dcc4;color:#2f2a21;box-shadow:0 -2px #e7dcc4}.welcome-reel-section:before,.welcome-work:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;opacity:.23;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23816a48' filter='url(%23grain)' opacity='.22' d='M0 0h180v180H0z'/%3E%3C/svg%3E");background-size:180px 180px}.welcome-reel-frame{position:relative;flex:none;width:min(100%,calc((100svh - 324px) * 16 / 9));aspect-ratio:16 / 9;border:7px solid #f8f1df;border-radius:3px;background:#111;box-sizing:content-box;box-shadow:0 2px 1px #9a6f3f60,0 9px 9px -5px #49341980,0 18px 30px -20px #49341999;overflow:hidden}.welcome-reel-caption{left:4%;right:4%;bottom:7%}.welcome-reel-selector{width:min(100%,700px);display:flex;flex-direction:column;align-items:center;margin-top:16px}.welcome-reel-count{background:#efe6d2;border:1px solid #9a6f3f30;padding:5px 12px;font-size:10px;font-weight:600;letter-spacing:.14em;box-shadow:0 2px 3px #49341925}.welcome-reel-ticks{display:flex;justify-content:center;width:100%;max-width:660px}.welcome-reel-ticks-placeholder{height:44px}.welcome-reel-ticks button{display:flex;align-items:center;justify-content:center;flex:1 1 0;min-width:0;max-width:44px;height:44px;background:none;border:0;padding:0;cursor:pointer}.welcome-reel-ticks button span{display:block;width:14px;height:3px;border-radius:1px;background:linear-gradient(#c3a46c,#896333);box-shadow:0 1px 1px #49341950,inset 0 1px #f8f1df70;transition:width .16s,height .16s}.welcome-reel-ticks button[aria-pressed=true] span{width:24px;height:6px;border:1px solid #896333;background:linear-gradient(#dfc48c,#b18c4c 48%,#8f6935)}.welcome-reel-ticks button:hover span{height:6px}.welcome-reel-ticks button:focus-visible{outline:2px solid #40584e;outline-offset:-4px}.welcome-reel-preview{min-height:26px;margin-top:-2px;max-width:100%;color:#40584e;font-size:10px;line-height:1.4;text-align:center;text-transform:uppercase;letter-spacing:.14em}.welcome-reel-guide{display:none}.welcome-reel-continue{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:48px;margin-top:0;padding:5px 12px;border:0;background:transparent;color:#40584e;font-size:10px;font-weight:800;letter-spacing:.2em;text-transform:uppercase;cursor:pointer}.welcome-reel-continue svg{transition:transform .18s ease}.welcome-reel-continue:hover svg{transform:translateY(3px)}.welcome-reel-continue:focus-visible{outline:2px solid #40584e;outline-offset:-2px}.welcome-reel-continue-placeholder{visibility:hidden}.welcome-work{z-index:86;padding-top:116px;color:#2f2a21;background:linear-gradient(#e7dcc4,#cec0a5 180px,#cec0a5)}.welcome-work-filters{top:112px;max-width:1800px;margin-inline:auto;isolation:isolate}.welcome-work-filters:before{content:"";position:absolute;inset:-112px auto 0 50%;z-index:0;width:100vw;transform:translate(-50%);pointer-events:none;background:#d4c7aef0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.welcome-work-filters>button{position:relative;z-index:1}.welcome-work-thumbnail{border:3px solid #efe6d2;box-shadow:0 4px 8px #49341925}@media(max-width:767px){.welcome-compact-nav{--rack-width: 200px}.welcome-compact-nav-backdrop{height:calc(max(2px,env(safe-area-inset-top)) + 128px)}.welcome-reel-section{height:auto;min-height:100svh;padding:clamp(124px,17svh,148px) 16px max(30px,env(safe-area-inset-bottom))}.welcome-reel-frame{width:calc(100% - 8px);border-width:4px}.welcome-reel-caption{bottom:8%}.welcome-reel-caption h2{font-size:16px}.welcome-reel-caption button{min-height:44px;margin-top:0}.welcome-reel-selector{margin-top:14px}.welcome-reel-ticks{display:grid;grid-template-columns:repeat(6,1fr);max-width:312px}.welcome-reel-ticks-placeholder{height:132px}.welcome-reel-ticks button{width:100%}.welcome-reel-preview{margin-top:3px;font-size:9px}.welcome-reel-guide{display:block;flex:0 0 clamp(24px,5svh,44px);width:1px;margin:12px 0 6px;background:linear-gradient(to bottom,transparent,#9a6f3f70 48%,transparent)}.welcome-reel-continue{margin-top:0;padding-top:12px;padding-bottom:12px}.welcome-work{padding-top:56px;background:linear-gradient(#e7dcc4,#cec0a5 145px,#cec0a5)}.welcome-work-filters{top:94px;margin-inline:-16px}.welcome-work-filters:before{top:-94px}}@media(max-width:767px)and (max-height:700px){.welcome-reel-frame{width:min(calc(100% - 8px),max(280px,calc((100svh - 500px) * 16 / 9)))}}@media(max-width:767px)and (max-height:600px){.welcome-reel-section{padding-top:110px}.welcome-reel-frame{width:min(calc(100% - 8px),max(280px,calc((100svh - 500px) * 16 / 9)))}.welcome-reel-guide{flex-basis:24px}}@media(prefers-reduced-motion:reduce){.welcome-compact-nav-backdrop,.welcome-reel-ticks button span,.welcome-reel-continue svg{transition:none}}