@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500&family=Inter:wght@200;300;400;500;600&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100vh;overflow:visible;background:#000;font-family:Panchang,sans-serif;font-weight:400}.horizontal-experience{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:100;view-transition-name:horizontal-view}.masonry-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth}.masonry-track{display:flex;height:100vh;width:max-content}.masonry-section{display:flex;flex-direction:column;height:100%;min-width:1400px;flex-shrink:0;padding:7px;gap:15px;position:relative}.masonry-section:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 25px 25px,rgba(0,0,0,.4) 3px,transparent 3px),radial-gradient(circle at 75px 50px,rgba(0,0,0,.3) 2px,transparent 2px),radial-gradient(circle at 50px 100px,rgba(0,0,0,.35) 2.5px,transparent 2.5px),radial-gradient(circle at 100px 25px,rgba(0,0,0,.25) 2px,transparent 2px),radial-gradient(circle at 25px 150px,rgba(0,0,0,.3) 1.5px,transparent 1.5px),radial-gradient(circle at 150px 75px,rgba(0,0,0,.4) 3px,transparent 3px);background-size:200px 200px,150px 150px,180px 180px,220px 220px,160px 160px,190px 190px;pointer-events:none;z-index:1}.masonry-row{display:flex;gap:15px;flex:1;max-height:30vh;position:relative;z-index:2}.masonry-item{background:#000;border:2px solid #000;overflow:hidden;transition:transform .3s ease;cursor:pointer;position:relative;height:100%;max-height:60vh;display:block}.halftone{width:100%;height:100%;position:relative;display:block;background:#000}.halftone img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;filter:grayscale(100%) contrast(250%) brightness(90%);transition:filter .4s ease}.halftone:after{content:"";position:absolute;inset:0;background:radial-gradient(circle,rgba(0,0,0,.8) 35%,transparent 35%);background-size:8px 8px;opacity:.2;transition:opacity .4s ease;pointer-events:none;z-index:10}.masonry-item:hover .halftone img{filter:grayscale(0%) contrast(120%) brightness(100%)!important}.masonry-item:hover .halftone:after{opacity:0!important}.masonry-item:hover{transform:scale(1.05)}.item-narrow{flex:1;min-width:200px}.item-medium{flex:1.5;min-width:250px}.item-wide{flex:2;min-width:300px}.item-extra-wide{flex:2.5;min-width:350px}.item-super-wide{flex:3;min-width:400px}.section-indicator{position:fixed;top:20px;right:20px;background:#ff6b6b;color:#fff;padding:10px 20px;border:3px solid #000;border-radius:20px;font-size:.9rem;font-weight:700;z-index:200}.progress-bar{position:fixed;bottom:20px;left:20px;right:20px;height:8px;background:#fff;border:2px solid #000;border-radius:10px;z-index:200}.progress-fill{height:100%;background:linear-gradient(90deg,#ff6b6b,#4ecdc4,#45b7d1);border-radius:6px;width:0%;transition:width .3s ease}.masonry-container::-webkit-scrollbar{height:12px}.masonry-container::-webkit-scrollbar-track{background:#fff;border:2px solid #000;border-radius:10px}.masonry-container::-webkit-scrollbar-thumb{background:#ff6b6b;border:2px solid #000;border-radius:10px}.hero-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:140;opacity:0;transform:translate(0);transition:opacity .5s ease,transform .1s ease-out}.hero-overlay.active{opacity:1}.hero-title{font-family:Panchang,sans-serif;font-weight:800;font-size:clamp(12rem,25vw,35rem);color:#fff;text-shadow:6px 6px 0 #000,-3px -3px 0 #000,3px -3px 0 #000,-3px 3px 0 #000;letter-spacing:-.04em;line-height:.7;user-select:none;text-transform:uppercase;transform:scaleY(1.8) scaleX(.9);text-align:center}.section-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:140;opacity:0;transform:translate(0);transition:opacity .6s cubic-bezier(.4,0,.2,1);text-align:center;background:#0000001a}.section-overlay.active{opacity:1}.section-overlay h2{font-family:Panchang,sans-serif;font-weight:700;font-size:clamp(5rem,14vw,16rem);color:#fff;text-shadow:4px 4px 0 #000,-2px -2px 0 #000,2px -2px 0 #000,-2px 2px 0 #000;letter-spacing:-.05em;line-height:.8;text-transform:uppercase;transform:scaleY(1.3) scaleX(.95);margin:0;margin-bottom:2rem;text-align:center}.section-overlay p{font-family:Inter,sans-serif;font-size:clamp(1.1rem,2.2vw,1.8rem);color:#fff;max-width:550px;line-height:1.6;font-weight:400;text-shadow:2px 2px 0 #000,-1px -1px 0 #000;padding:0 2rem;text-align:center}.top-nav{position:fixed;top:30px;right:30px;display:flex;gap:30px;z-index:200}.top-nav a{color:#fff;text-decoration:none;font-family:Panchang,sans-serif;font-weight:500;font-size:14px;letter-spacing:.05em;transition:transform .2s ease,color .2s ease;cursor:pointer}.top-nav a:hover{transform:translateY(-2px);color:#ff6b6b}.speaker-icon{position:fixed;bottom:30px;left:30px;width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .3s ease,background-color .3s ease;z-index:200}.speaker-icon svg{color:#000;width:20px;height:20px}.speaker-icon:hover{transform:scale(1.1);background:#ff6b6b}.circle-transition{position:fixed;top:50%;left:50%;width:0;height:0;background:#fff;border-radius:50%;transform:translate(-50%,-50%);z-index:290;pointer-events:none;opacity:0;view-transition-name:circle-expand}.circle-transition.active{opacity:1}@keyframes fadeInUp{0%{opacity:0;transform:scale(.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}