:root{--graph-square-size: 20px}.hero{position:relative;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.hero-graph-paper{position:relative;width:100%;flex:1;background-image:linear-gradient(0deg,transparent calc(var(--graph-square-size) - 1px),#d0d0d0 calc(var(--graph-square-size) - 1px)),linear-gradient(90deg,transparent calc(var(--graph-square-size) - 1px),#d0d0d0 calc(var(--graph-square-size) - 1px));background-size:var(--graph-square-size) var(--graph-square-size);background-color:#fff;display:flex;align-items:center;justify-content:center;clip-path:polygon(0% 0%,0% 100%,2% 98%,4% 97%,6% 99%,8% 96%,10% 98%,12% 97%,14% 99%,16% 96%,18% 98%,20% 97%,22% 99%,24% 96%,26% 98%,28% 97%,30% 99%,32% 96%,34% 98%,36% 97%,38% 99%,40% 96%,42% 98%,44% 97%,46% 99%,48% 96%,50% 98%,52% 97%,54% 99%,56% 96%,58% 98%,60% 97%,62% 99%,64% 96%,66% 98%,68% 97%,70% 99%,72% 96%,74% 98%,76% 97%,78% 99%,80% 96%,82% 98%,84% 97%,86% 99%,88% 96%,90% 98%,92% 97%,94% 99%,96% 96%,98% 98%,100% 97%,100% 0%)}.hero-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem;text-align:center}.beacon-logo{max-width:500px;height:auto;rotate:-2deg;filter:drop-shadow(0 4px 8px rgba(0,0,0,.1))}.hero-torn-edge{position:absolute;bottom:0;left:0;width:100%;height:15px;background:linear-gradient(180deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.05) 50%,transparent 100%);pointer-events:none;clip-path:polygon(0% 0%,2% 30%,4% 20%,6% 40%,8% 15%,10% 35%,12% 25%,14% 40%,16% 20%,18% 35%,20% 25%,22% 40%,24% 15%,26% 35%,28% 25%,30% 40%,32% 20%,34% 35%,36% 25%,38% 40%,40% 15%,42% 35%,44% 25%,46% 40%,48% 20%,50% 35%,52% 25%,54% 40%,56% 15%,58% 35%,60% 25%,62% 40%,64% 20%,66% 35%,68% 25%,70% 40%,72% 15%,74% 35%,76% 25%,78% 40%,80% 20%,82% 35%,84% 25%,86% 40%,88% 15%,90% 35%,92% 25%,94% 40%,96% 20%,98% 35%,100% 25%,100% 100%,0% 100%)}.hero-shadow{position:absolute;bottom:0;left:0;width:100%;height:30px;background:linear-gradient(180deg,rgba(0,0,0,.08) 0%,transparent 100%);pointer-events:none}.hero-next-bg{width:100%;min-height:1vh}.btn{padding:1rem 2rem;font-weight:600;border-radius:var(--radius-lg);letter-spacing:1.5px;box-shadow:var(--shadow-md)}.btn-primary{background:#294e7a;color:var(--color-white);border:2px solid transparent}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 1px 10px #00000080}.btn-primary:active{transform:translateY(-1px)}.btn-rsvp{min-width:200px;font-size:2rem}@media (max-width: 768px){.beacon-logo{min-width:70vw;max-width:90vw}}@media (max-width: 768px){:root{--graph-square-size: 15px}.hero{min-height:70vh}.btn-rsvp{min-width:auto;font-size:1rem;padding:.8rem 1.5rem}}.text-section{max-width:960px;margin:0 auto;padding:4rem 1.5rem;color:var(--color-dark);line-height:1.6}.text-section h2{font-size:clamp(2rem,5vw,2.75rem);margin-bottom:1.25rem;font-weight:700;letter-spacing:0em}.text-section p{font-size:1.05rem;margin-bottom:1.25rem;max-width:44rem}.text-section p+p{margin-top:.75rem}.text-section a{text-decoration:underline;color:var(--color-ocean-light)}.text-section a:hover{color:var(--color-ocean)}@media (max-width: 640px){.text-section{padding:3rem 1rem}.text-section h2{font-size:2rem}.text-section p{font-size:1rem}}:root{--color-sand: #F4E4D7;--color-sand-dark: #E8D4B8;--color-ocean: #294e7a;--color-ocean-light: #4f6b8e;--color-lighthouse: #D85D3C;--color-white: #FFFFFF;--color-dark: #2C3E50;--font-family: "Hammersmith One", sans-serif;--radius-sm: .5rem;--radius-md: 1rem;--radius-lg: 1.5rem;--transition-base: .25s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-family);color:var(--color-dark);background-color:var(--color-white);line-height:1.6;font-size:1rem}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{color:#555}a{text-decoration:none;color:inherit}button{font-family:var(--font-family);cursor:pointer;border:none;transition:all var(--transition-base)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:lightgray}::-webkit-scrollbar-thumb{background:#294e7a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#4f6b8e}button:focus,a:focus{outline:2px solid #294e7a;outline-offset:2px}