html,body{margin:0;padding:0;width:100%}body{font-family:Poppins,sans-serif;background:#ff6b9d;background-image:url(/fabric-wallpaper.png);background-attachment:fixed;min-height:100dvh}.shop-button{position:fixed;top:1rem;right:2rem;width:50px;height:auto;z-index:100;cursor:pointer}.shop-button:hover{transform:rotate(5deg) scale(1.1)}.footer{display:flex;gap:1.5rem;align-items:center;justify-content:center;padding:2rem 0;width:100%;max-width:400px;margin:0 auto;overflow:hidden}.footer-link{opacity:.4;transition:opacity .2s ease}.footer-link:hover{opacity:.8}.footer-logo{width:24px;height:auto;display:block}.main-container{display:flex;gap:4rem;padding:.5rem 2rem 2rem;max-width:1400px;margin:0 auto;align-items:flex-start}.left-section{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}.right-section{flex:1;display:flex;flex-direction:column;gap:0;align-items:flex-start}.straight-arrow{position:absolute;top:35%;left:38%;width:180px;height:auto;z-index:10;transform:rotate(-40deg);animation:twinkle 1s infinite}.straight-arrow:hover{animation:none;transform:rotate(-45deg) scale(1.05);filter:brightness(1.5)}.curved-arrow{display:none;position:absolute;height:auto;z-index:2;transform:rotate(-90deg);bottom:0;order:1;width:220px;animation:twinkle 1s infinite}.curved-arrow:hover{animation:none;transform:rotate(-93deg) scale(1.05);filter:brightness(1.5)}.hero-section{position:relative;margin:3rem 0 0 2rem;transform:rotate(-5deg);max-width:500px}.hero-section:hover{transform:rotate(0) scale(1.06)}.hero-paper{width:100%;height:auto;display:block}.hero-content{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);width:85%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2.5rem;padding-top:5rem}.hero-logo{width:75%;height:auto;min-width:100px;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.15))}.hero-text{font-family:Lacquer,cursive;font-size:1.8rem;color:#333;opacity:.7;text-align:center;line-height:1.3;margin:0;filter:drop-shadow(3px 3px 0px rgba(0,0,0,.1))}.introduction-collage{display:flex;flex-direction:column;gap:0;align-items:flex-start;width:100%}.tv-title-section{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem;position:relative;z-index:3;right:-200px;top:-80px;min-width:250px}.tv-title-container{position:relative;width:100%;max-width:320px;display:flex;align-items:center;justify-content:center;transform:rotate(0)}.brown-paper{position:absolute;width:100%;height:auto;z-index:1;filter:drop-shadow(3px 3px 6px rgba(0,0,0,.2));bottom:-15%;right:-5%;transform:rotate(-10deg)}.map-image{position:relative;width:100%;height:auto;z-index:2;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.25))}.map-image:hover{transform:rotate(-6deg) scale(1.06)}.tv-section{width:100%;display:flex;align-items:center;justify-content:center;max-width:320px;position:relative;z-index:1;min-width:250px}.tv-container{position:relative;top:-280px;right:-40px;width:100%;display:flex;align-items:center;justify-content:center}.tv-container:hover{transform:rotate(-5deg) scale(1.04)}.tv-screen{position:absolute;top:58%;left:50%;transform:translate(-50%,-50%);width:95%;height:auto;max-height:340px;object-fit:cover;z-index:1;border-radius:8px}.tv-frame{position:relative;width:100%;height:auto;z-index:2}.tv-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:auto;z-index:10;pointer-events:none}.end-collage{width:100%;display:flex;flex-direction:column;gap:0;align-items:flex-start}.header-section{flex:1;min-width:250px;display:flex;align-items:flex-start;justify-content:center;padding:3rem 1rem 1rem;z-index:20}.scrap-letters{display:flex;flex-direction:row;flex-wrap:wrap;gap:1.5rem;align-items:center;max-width:100%}.scrap-word{display:flex;gap:.2rem;align-items:center;flex-wrap:nowrap}.scrap-letter{height:60px;width:auto;display:block;filter:drop-shadow(4px 4px 6px rgba(0,0,0,.15))}.scrap-letter:hover{transform:rotate(5deg) scale(1.1)}.collage-section{width:100%;display:flex;align-items:center;justify-content:center;padding:1rem 1rem 2rem}.collage-container{position:relative;width:100%;max-width:550px;height:450px;display:flex;align-items:center;justify-content:center}.collage-frame-wrapper{position:relative;z-index:1;transform:rotate(4deg);cursor:pointer}.collage-frame-wrapper:hover{transform:rotate(-2deg) scale(1.05)}.frame-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:70%;height:auto;z-index:10;pointer-events:none}.collage-frame{width:100%;max-width:420px;min-width:380px;height:auto;filter:drop-shadow(10px 10px 20px rgba(0,0,0,.25))}.collage-ocean{position:absolute;bottom:-8%;right:-20%;width:100%;height:auto;max-height:700px;min-height:100px;object-fit:contain;z-index:0;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.1));transform:rotate(-10deg)}.collage-boat{position:absolute;bottom:15%;right:-30%;height:auto;max-height:220px;min-height:80px;z-index:2;object-fit:contain;filter:drop-shadow(6px 6px 12px rgba(0,0,0,.5));transform:rotate(20deg)}.collage-boat:hover{transform:rotate(-5deg) scale(1.05)}.collage-cloud{position:absolute;top:2%;left:-15%;height:auto;max-height:140px;min-height:70px;object-fit:contain;z-index:3;filter:drop-shadow(4px 4px 8px rgba(0,0,0,.12));transform:rotate(-8deg);animation:float 4s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-15px)}}@keyframes twinkle{0%,to{filter:brightness(1)}50%{filter:brightness(1.25)}30%{filter:brightness(1.15)}80%{filter:brightness(1.05)}}@media(max-width:1200px){.main-container{gap:3rem}.tv-title-section{left:0}.tv-container{top:-140px}}@media(max-width:1024px){.main-container{gap:2rem}.hero-section{margin:2rem 0 0 1rem}}@media(max-width:900px){.straight-arrow{display:none}.curved-arrow{display:block}.main-container{flex-direction:column;align-items:center;gap:2rem}.left-section{width:100%;align-items:center}.hero-section{margin:1rem 0}.introduction-collage{flex-direction:row;margin-bottom:3rem}.tv-title-section{scale:1.2;padding:.2rem}.tv-section{bottom:-120px;left:-90px;scale:1.1;order:2}.header-section{width:100%;padding:1rem 0;align-items:center}.scrap-letters{justify-content:center;max-width:90%}.right-section{width:100%;align-items:center}.collage-container{margin-top:1em}.collage-boat{max-height:180px}.collage-ocean{max-height:300px}.collage-cloud{max-height:120px}}@media(max-width:768px){.main-container{padding:1rem}.hero-section{max-width:90%;transform:rotate(-1deg)}.tv-section{bottom:-200px;margin-bottom:3rem;scale:1.1}.scrap-letter{height:50px}.scrap-word{gap:.3rem}.curved-arrow{width:50%;max-width:345px;min-width:280px;bottom:0%;left:-40px}}@media(max-width:480px){.hero-content{padding-top:3rem;gap:1rem}.hero-text{font-size:1.4rem}.tv-title-section{margin-top:1rem;scale:1.3}.tv-section{scale:1.15}.tv-overlay{left:18%}.scrap-letter{height:40px}.scrap-word{gap:.2rem}.collage-container{margin-top:0}.curved-arrow{width:300px;bottom:20%;left:-60px}}