.intro{width:100%;height:100vh;height:100dvh;position:fixed;inset:0;z-index:9999}.intro,.intro-panel{display:flex;overflow:hidden}.intro-panel{flex:1 1;flex-direction:column;justify-content:flex-end;align-items:center;padding:64px 96px;position:relative;cursor:pointer;transition:background-color .3s ease}.intro-panel:after{content:"";position:absolute;inset:0;background-color:var(--color-black);opacity:.5;transition:opacity .3s ease;z-index:10;pointer-events:none}.intro-panel:hover:after{opacity:0}.intro-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 60%,var(--color-accent) 100%);z-index:15;pointer-events:none}.intro-panel--left{background-color:var(--color-intro-left)}.intro-panel--right{background-color:var(--color-intro-right)}.intro-btn{background-color:var(--color-white);color:var(--color-text-secondary);position:relative;z-index:20;transition:color .3s ease,background-color .3s ease}.intro-btn:hover,.intro-panel:hover .intro-btn{color:var(--color-accent)}.intro-btn .btn-text-medium{font-weight:var(--fw-medium)}.intro-btn .btn-text-extrabold{font-weight:var(--fw-extrabold)}.intro-panel-bg{position:absolute;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center bottom;pointer-events:none;z-index:1}@media (max-width:768px){.intro{flex-direction:column}.intro-panel{flex:1 1;padding:48px 32px}.intro-panel:hover{flex:1 1}.intro-btn{font-size:24px}}