:root{--brand: #921b00;--brand-deep: #5a1000;--grad: linear-gradient(135deg, var(--brand), var(--brand-deep));--card: #fff;--ink: #0f172a;--muted: #64748b;--bg: #f7f7fb;--line: #e5e7eb}.encased-wrapper{position:relative;width:100%;height:90%;margin:auto;background:var(--card);border-radius:20px;box-shadow:0 4px 16px #00000014;display:flex;flex-direction:column;overflow:hidden;z-index:2}.encased-wrapper .horizontal-container{flex:1;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;width:100%;height:100%;border-radius:20px;scrollbar-width:none;justify-content:flex-start;align-items:stretch}.encased-wrapper .horizontal-container::-webkit-scrollbar{display:none}.subcard{position:relative;flex:0 0 100%;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:2rem;box-sizing:border-box;background:var(--card);border-radius:20px;box-shadow:0 3px 12px #0000000d;text-align:center;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;transition:transform .2s ease,box-shadow .2s ease}.subcard:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000014}.subcard:before{content:"";position:absolute;inset:auto 0 0;background-image:var(--bg-img);background-repeat:no-repeat;background-position:center bottom;background-size:contain;opacity:1;z-index:1;height:66%;transition:transform .3s ease}.subcard:hover:before{transform:scale(1.02)}.subcard-content,.subcard h3,.subcard h4{position:relative;z-index:2}.subcard h3,.subcard h4,.subcard p{text-shadow:0 1px 3px rgba(0,0,0,.2)}.subcard h3{color:var(--brand);margin-bottom:.4rem;font-size:1.4rem}.subcard h4{color:var(--muted);margin-bottom:1rem;font-size:1rem}.subcard-content p{color:var(--ink);font-size:1rem;line-height:1.5}.encased-wrapper+.dot-section{position:relative;bottom:auto;margin-top:.8rem;display:flex;justify-content:center;gap:.4rem;z-index:5}.dot-section .dot{appearance:none;border:none;cursor:pointer;width:9px;height:9px;border-radius:50%;background:#0000004d;transition:background .2s,transform .2s,width .15s,height .15s}.dot-section .dot:hover{transform:scale(1.15)}.dot-section .dot.active{background:#000000b3;width:11px;height:11px}@media (min-width: 900px){.encased-wrapper{width:33%;height:85%;max-width:960px}.encased-wrapper .horizontal-container{border-radius:24px}.subcard{border-radius:24px;padding:2.5rem}}