:root{--green-dark: #1A5C2A;--green-mid: #2E7D40;--green-light: #4CAF65;--cream: #F8F5EE;--white: #FFFFFF;--sand: #EDE8DC;--gold: #C9A84C;--text-dark: #1A1A1A;--text-mid: #3D3D3D;--text-light: #888;--easter-lavender: #E8E0F0;--easter-blush: #FDE8EC}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--cream);font-family:Inter,sans-serif;color:var(--text-dark);overflow-x:hidden}.hero{min-height:100vh;background:var(--green-dark);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;padding:60px 40px;text-align:center}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 60% at 50% 40%,rgba(78,175,101,.18) 0%,transparent 70%);pointer-events:none}.hero:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:80px;background:var(--cream);clip-path:ellipse(55% 100% at 50% 100%)}.hero-pre{font-size:11px;letter-spacing:6px;text-transform:uppercase;color:#fff6;margin-bottom:14px}.lumus-badge{display:inline-flex;align-items:center;gap:10px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);border-radius:100px;padding:8px 22px;font-size:12px;font-weight:600;color:#ffffffd9;letter-spacing:2px;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);margin-bottom:36px}.pulse{width:8px;height:8px;border-radius:50%;background:var(--green-light);animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}.easter-badge{display:inline-flex;align-items:center;gap:8px;background:#ffffff0f;border:1px solid rgba(255,220,100,.25);border-radius:100px;padding:6px 18px;font-size:11px;color:#ffdc64d9;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px}.hero h1{font-family:Playfair Display,serif;font-size:clamp(52px,9vw,110px);font-weight:900;color:var(--white);line-height:.95;margin-bottom:14px}.hero h1 em{color:var(--green-light);font-style:normal}.hero-sub{font-size:clamp(14px,1.8vw,18px);font-weight:300;color:#fff9;max-width:580px;line-height:1.75;margin-bottom:40px}.hero-tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;position:relative;z-index:1}.tag{background:#ffffff12;border:1px solid rgba(255,255,255,.13);border-radius:100px;padding:7px 18px;font-size:11px;color:#ffffffb3;letter-spacing:1.5px;text-transform:uppercase}.tag.easter{border-color:#ffdc644d;color:#ffdc64cc}.scroll-hint{position:absolute;bottom:100px;left:50%;transform:translate(-50%);color:#ffffff4d;font-size:10px;letter-spacing:3px;text-transform:uppercase;display:flex;flex-direction:column;align-items:center;gap:10px}.scroll-arrow{width:20px;height:20px;border-right:1px solid rgba(255,255,255,.3);border-bottom:1px solid rgba(255,255,255,.3);transform:rotate(45deg);animation:arrowBounce 1.5s ease-in-out infinite}@keyframes arrowBounce{0%,to{transform:rotate(45deg) translateY(0)}50%{transform:rotate(45deg) translateY(6px)}}.section{padding:90px 6vw}.section-eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;letter-spacing:4px;text-transform:uppercase;color:var(--green-mid);font-weight:600;margin-bottom:14px}.eyebrow-line{width:22px;height:2px;background:var(--green-mid);border-radius:2px}.section-title{font-family:Playfair Display,serif;font-size:clamp(28px,4vw,50px);font-weight:700;color:var(--green-dark);line-height:1.15;margin-bottom:14px}.section-desc{font-size:16px;color:var(--text-mid);max-width:640px;line-height:1.8}.concept-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-top:52px}.concept-card{background:var(--white);border-radius:20px;padding:30px;border:1px solid rgba(26,92,42,.07);transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s}.concept-card:hover{transform:translateY(-8px);box-shadow:0 24px 64px #1a5c2a21}.c-icon{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--green-dark),var(--green-mid));display:flex;align-items:center;justify-content:center;margin-bottom:20px}.c-icon svg{width:24px;height:24px;stroke:#fff;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.concept-card h3{font-size:16px;font-weight:700;color:var(--green-dark);margin-bottom:8px}.concept-card p{font-size:13px;color:var(--text-mid);line-height:1.75}.storyboard-bg{background:linear-gradient(180deg,var(--sand) 0%,var(--white) 60%)}.scene-list{display:flex;flex-direction:column;gap:100px;margin-top:70px}.scene{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.scene:nth-child(2n){direction:rtl}.scene:nth-child(2n)>*{direction:ltr}.ba-outer{display:flex;flex-direction:column;gap:0}.sb-img-wrap{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #0000002e;border:4px solid var(--white);aspect-ratio:3/4}.sb-img-wrap img{width:100%;height:100%;object-fit:cover;display:block}.ba-wrapper{border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #0000002e;border:4px solid var(--white);position:relative;-webkit-user-select:none;user-select:none;aspect-ratio:3/4;cursor:col-resize}.ba-img-base,.ba-img-vfx{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ba-img-base img,.ba-img-vfx img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ba-img-vfx{clip-path:inset(0 50% 0 0)}.ba-handle{position:absolute;top:0;bottom:0;width:3px;background:#ffffffe6;left:50%;transform:translate(-50%);pointer-events:none;box-shadow:0 0 12px #0006}.ba-handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;background:var(--white);box-shadow:0 4px 20px #0000004d;display:flex;align-items:center;justify-content:center}.ba-handle-circle svg{width:20px;height:20px;fill:var(--green-dark)}.ba-label-before,.ba-label-after{position:absolute;top:16px;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase;padding:5px 12px;border-radius:100px;pointer-events:none}.ba-label-before{left:16px}.ba-label-after{right:16px}.scene-num-badge{position:absolute;bottom:16px;left:16px;background:var(--green-dark);color:var(--white);font-size:11px;font-weight:700;letter-spacing:3px;text-transform:uppercase;padding:6px 14px;border-radius:100px;pointer-events:none}.img-disclaimer{text-align:center;font-size:10px;color:var(--text-light);letter-spacing:1px;text-transform:uppercase;padding:10px 4px 0;font-style:italic}.scene-tag{display:inline-block;background:#1a5c2a17;color:var(--green-dark);border-radius:100px;padding:5px 16px;font-size:11px;font-weight:600;letter-spacing:2px;text-transform:uppercase;margin-bottom:18px}.scene-title{font-family:Playfair Display,serif;font-size:clamp(22px,3vw,38px);font-weight:700;color:var(--green-dark);margin-bottom:16px;line-height:1.2}.scene-desc{font-size:15px;color:var(--text-mid);line-height:1.85;margin-bottom:28px}.detail-list{display:flex;flex-direction:column;gap:10px}.detail-row{display:flex;align-items:flex-start;gap:14px;background:var(--white);border-radius:14px;padding:14px 16px;border:1px solid rgba(26,92,42,.07)}.d-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;background:linear-gradient(135deg,#1a5c2a1a,#1a5c2a0d);display:flex;align-items:center;justify-content:center}.d-icon svg{width:16px;height:16px;stroke:var(--green-dark);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.detail-text{font-size:13px;color:var(--text-mid);line-height:1.6;padding-top:2px}.detail-text strong{color:var(--text-dark);font-weight:600}.vfx-bg{background:var(--green-dark);padding:90px 6vw}.vfx-bg .section-eyebrow{color:var(--green-light)}.vfx-bg .eyebrow-line{background:var(--green-light)}.vfx-bg .section-title{color:#fff}.vfx-bg .section-desc{color:#fff9}.vfx-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-top:52px}.vfx-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;transition:background .3s,transform .3s}.vfx-card:hover{background:#ffffff1c;transform:translateY(-5px)}.vfx-icon{width:48px;height:48px;border-radius:14px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.vfx-icon svg{width:20px;height:20px;stroke:var(--green-light);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.vfx-num{font-size:10px;letter-spacing:3px;text-transform:uppercase;color:var(--green-light);font-weight:600;margin-bottom:10px}.vfx-card h3{font-size:15px;font-weight:700;color:#fff;margin-bottom:8px}.vfx-card p{font-size:13px;color:#ffffff80;line-height:1.7}.vfx-tech{display:inline-block;margin-top:12px;background:#4eaf652e;border:1px solid rgba(78,175,101,.28);border-radius:100px;padding:3px 12px;font-size:11px;color:var(--green-light);letter-spacing:1px}.tl-wrap{margin-top:56px}.tl-item{display:grid;grid-template-columns:100px 1fr;gap:28px;padding:26px 0;border-bottom:1px solid rgba(26,92,42,.08)}.tl-item:last-child{border:none}.tl-week{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--green-mid);padding-top:3px}.tl-body h4{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:6px}.tl-body p{font-size:13px;color:var(--text-mid);line-height:1.65}footer{background:var(--green-dark);padding:64px 6vw 40px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:20px}.footer-logo{font-family:Playfair Display,serif;font-size:30px;font-weight:900;color:#fff}.footer-logo span{color:var(--green-light)}.footer-sub{font-size:12px;color:#fff6;letter-spacing:1.5px;text-transform:uppercase}.footer-line{width:48px;height:1px;background:#ffffff1f}.footer-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.footer-pill{background:#ffffff12;border:1px solid rgba(255,255,255,.1);border-radius:100px;padding:6px 18px;font-size:11px;color:#ffffff8c}.footer-copy{font-size:11px;color:#ffffff40}.reveal{opacity:0;transform:translateY(32px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}@media (max-width: 800px){.scene{grid-template-columns:1fr}.scene:nth-child(2n){direction:ltr}.hero h1{font-size:52px}.tl-item{grid-template-columns:80px 1fr;gap:16px}}
