.interaction{margin-top:20px;text-align:center}.interaction button,.interaction a{display:inline-block;text-decoration:none;padding:15px 30px;font-size:1.2rem;background-color:#f28e7e;border:none;color:#fff;cursor:pointer;border-radius:5px;transition:background-color .3s ease}.interaction button:hover,.interaction a:hover{background-color:#e07a6b}.custom-v3-section{position:relative;background-image:url(https://foreverlove.s3.ap-northeast-1.amazonaws.com/gc/revelation/tree.webp);background-color:#000;background-repeat:no-repeat;background-size:cover;background-position:center;min-height:700px}.background-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(https://foreverlove.s3.ap-northeast-1.amazonaws.com/gc/revelation/couple-walking.webp);background-size:cover;background-position:center;opacity:0;transition:opacity 2s ease-in-out;pointer-events:none}.image-container{position:relative;text-align:center;margin-bottom:20px}.image-container img{max-width:100%;height:auto;width:45%;display:block;margin:0 auto}#image-container img,#story-part1{opacity:1;transition:opacity 1s ease-in-out}.hidden{opacity:0;display:none}.story-text{position:relative;background-color:#fffaf0e6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:10px;box-shadow:0 4px 6px #0000001a;color:#d4af37;width:90%;margin:20px auto 60px;text-align:center}.story-text p{font-size:1.5rem;line-height:1.8}@media (max-width: 768px){.image-container img{width:90%}.story-text p{font-size:1.2rem}.story-text{margin-top:45px}}.story-text p{line-height:1.6;font-weight:900!important}@media (min-width: 768px){.story-text{width:45%;margin-left:auto;margin-right:auto}}#interaction-button{margin-top:32px;margin-bottom:60px;opacity:1;transition:opacity 2s ease-in-out;z-index:2;position:relative}#loading{position:fixed;width:100%;height:100vh;background:#fff url(https://foreverlove.s3.ap-northeast-1.amazonaws.com/gc/details/loading.png) no-repeat center center;z-index:9999}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;font-size:3rem;padding:20px;cursor:pointer;z-index:3}#prev-phase{left:20px}#next-phase{right:20px}.nav-arrow:hover{background-color:#000c}.story-container{max-width:1200px;margin:0 auto;padding:0 20px}.story-intro{text-align:center;color:#20352d;text-shadow:0 1px 3px #fff9e8;margin-bottom:24px}.story-intro h1{color:inherit;font-size:clamp(26px,3.5vw,38px);font-weight:400}.story-intro p{color:#263d35;font-size:16px;line-height:1.8}.story-controls{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:16px 28px;margin:20px 0 28px}.story-controls button,.story-controls a{border:1px solid #cdb487;border-radius:4px;background:#152028;color:#f3dfbe;padding:10px 16px;min-height:44px;font-size:14px;text-decoration:none}.story-controls p{color:#20352d;background:#fff8e9ed;border-radius:4px;padding:6px 10px;margin:0;font-size:14px}.story-container :focus-visible{outline:2px solid #fff0c9;outline-offset:5px}.story-container .story-text{background:#131b23eb;color:#f3e5cd;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.story-container .story-text p{color:inherit;font-size:20px;font-weight:400!important;line-height:1.9;margin:0;padding:3px 12px}.story-container button:disabled{opacity:.35;cursor:default}@media (max-width:768px){.story-container{padding:0 12px}.story-controls{gap:12px}.story-controls a{flex-basis:100%;text-align:center}.story-container .story-text p{font-size:18px}.story-container .nav-arrow{font-size:2rem;padding:10px}.story-container #prev-phase{left:0}.story-container #next-phase{right:0}}@media (prefers-reduced-motion:reduce){#image-container img,#story-part1,#interaction-button{transition:none}}
