*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:#0a1628;color:#e8e0d4;font-family:'Cormorant Garamond',serif;font-weight:300;font-size:1.125rem;line-height:1.8;overflow-x:hidden}

/* Nav pill */
.nav-pill{position:fixed;top:20px;right:20px;z-index:50;display:flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(255,255,255,0.06);backdrop-filter:blur(12px);border:1px solid rgba(200,215,235,0.15);border-radius:20px;font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:0.85rem;color:#e8e0d4}
.pill-dot{width:6px;height:6px;border-radius:50%;background:#6aad7b;transition:transform 0.6s ease}
.pill-decay{opacity:0.5}.pill-renewal{opacity:0.5}

/* Greenhouse door */
.greenhouse-door{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;padding:8vw;gap:16px}
.door-bg{position:absolute;inset:0;background:radial-gradient(ellipse at center,#132744 0%,#0a1628 70%)}
.hero-title{font-family:'Bebas Neue',sans-serif;font-size:clamp(3rem,7vw,5rem);letter-spacing:0.2em;color:#f5f0e8;position:relative;z-index:2;text-align:center}
.hero-sub{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(1rem,2vw,1.25rem);color:#e8e0d4;opacity:0.7;position:relative;z-index:2}
.vine-stem{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:2px;height:120px;z-index:2}

/* Glass cards */
.glass-card{background:rgba(255,255,255,0.06);backdrop-filter:blur(16px);border:1px solid rgba(200,215,235,0.18);padding:clamp(20px,3vw,36px);position:relative;overflow:hidden;max-width:500px}
.glass-card p{font-family:'Cormorant Garamond',serif;font-weight:300;color:#e8e0d4}
.glass-card h2{font-family:'Bebas Neue',sans-serif;font-size:clamp(2rem,4vw,3.2rem);letter-spacing:0.08em;color:#f5f0e8;margin-bottom:12px}
.glass-card h3{font-family:'Bebas Neue',sans-serif;font-size:clamp(1.4rem,3vw,2rem);letter-spacing:0.08em;color:#f5f0e8;margin-bottom:8px}
.meta{font-family:'Cormorant Garamond',serif;font-style:italic;font-weight:300;font-size:0.875rem;color:#5b9e8f;display:block;margin-top:12px}
.intro-card{position:relative;z-index:2;margin-top:32px}

/* Decay/renewal card variations */
.decay-card{transform:rotate(-1deg);background:rgba(140,170,210,0.04);border-color:rgba(200,215,235,0.12)}
.decay-card:nth-child(2){transform:rotate(0.5deg)}
.decay-card:nth-child(3){transform:rotate(-0.8deg)}
.renewal-card{transform:rotate(1deg);background:rgba(210,180,140,0.04);border-color:rgba(200,215,235,0.15)}
.renewal-card:nth-child(2){transform:rotate(-0.5deg)}
.renewal-card:nth-child(3){transform:rotate(1.2deg)}
.converge-card{max-width:600px;backdrop-filter:blur(24px);border:1px solid rgba(200,215,235,0.25);transform:none}

/* Watermarks */
.leaf-watermark,.sprout-watermark{position:absolute;top:10px;right:10px;width:80px;height:80px;pointer-events:none}

/* Split section */
.split-section{padding:8vh 0}
.split-grid{display:grid;grid-template-columns:55fr 20px 45fr;gap:0;padding:0 4vw;min-height:80vh}
.split-grid.shifted{grid-template-columns:45fr 20px 55fr}
.pane{display:flex;flex-direction:column;gap:clamp(2rem,4vh,4rem);padding:4vh 3vw}
.pane-decay{background:rgba(19,39,68,0.3)}
.pane-renewal{background:rgba(26,51,86,0.3)}

/* Vine seam */
.vine-seam{position:relative;display:flex;align-items:stretch;justify-content:center}
.vine-svg{width:20px;height:100%}
.vine-leaf{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset 800ms ease}
.vine-leaf.drawn{stroke-dashoffset:0}

/* Convergence */
.convergence{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:8vw;position:relative}
.convergence::before{content:'';position:absolute;inset:0;background:rgba(10,22,40,0.5);background-image:repeating-radial-gradient(circle at 50% 50%,transparent 0,rgba(255,255,255,0.01) 1px,transparent 2px);background-size:4px 4px;pointer-events:none}
.converge-text{font-family:'Bebas Neue',sans-serif;font-size:clamp(2.5rem,6vw,4rem);letter-spacing:0.15em;color:#f5f0e8;text-align:center;position:relative;z-index:2}

/* Greenhouse close */
.greenhouse-close{min-height:40vh;display:flex;align-items:center;justify-content:center;padding:8vw;background:linear-gradient(180deg,#0a1628,#060d18)}
.close-text{font-family:'Cormorant Garamond',serif;font-weight:300;font-style:italic;font-size:clamp(1rem,2vw,1.25rem);color:#e8e0d4;opacity:0.6;text-align:center}

/* Reveal */
[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity 1.2s cubic-bezier(0.22,1,0.36,1),transform 1.2s cubic-bezier(0.22,1,0.36,1)}
[data-reveal].visible{opacity:1;transform:translateY(0)}
[data-reveal]:nth-child(2){transition-delay:0.6s}
[data-reveal]:nth-child(3){transition-delay:1s}

/* Stagger */
[data-stagger]{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(0.22,1,0.36,1),transform 0.8s cubic-bezier(0.22,1,0.36,1)}
.pane-decay [data-stagger]{transform:translate(-20px,30px)}
.pane-renewal [data-stagger]{transform:translate(20px,30px)}
[data-stagger].visible{opacity:1;transform:translate(0,0) !important}

/* Palette refs */
.ref-midnight{color:#0a1628}
.ref-prussian{color:#132744}
.ref-dusk{color:#1a3356}
.ref-linen{color:#e8e0d4}
.ref-bone{color:#f5f0e8}
.ref-amber{color:#d4a854}
.ref-verdigris{color:#5b9e8f}
.ref-rose{color:#8b5e6b}
.ref-tendril{color:#6aad7b}
.ref-compost{color:#060d18}

@media(max-width:768px){
.split-grid,.split-grid.shifted{grid-template-columns:1fr}
.vine-seam{display:none}
.pane{padding:4vh 4vw}
.nav-pill{top:auto;bottom:12px;right:12px}
}