*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:linear-gradient(135deg,#2C2A28 0%,#1A1816 60%,#2C2A28 100%);color:#E8DFD0;font-family:'Cormorant Garamond',serif;font-weight:300;overflow-x:hidden;line-height:1.85;font-size:clamp(1rem,1.8vw,1.25rem)}
#particles{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}
.scene{position:relative;z-index:2}

/* THRESHOLD */
.threshold{min-height:100vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding-left:38%;padding-bottom:38%}
.site-name{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(2.5rem,7vw,5rem);color:#E8DFD0;opacity:0;transition:opacity 2s ease;text-shadow:0 0 80px rgba(212,164,76,0.03),0 0 20px rgba(212,164,76,0.06);position:relative}
.site-name.visible{opacity:1;box-shadow:none;text-shadow:0 0 80px rgba(212,164,76,0.08),0 0 30px rgba(212,164,76,0.12),0 0 8px rgba(212,164,76,0.05)}
.hand-line{width:30%;height:4px;margin-top:12px;display:block}
.hand-line path{transition:stroke-dashoffset 1.5s ease-out}

/* Neon glow pulse */
@keyframes glowPulse{0%,100%{opacity:0.6}50%{opacity:1}}
.site-name.visible{animation:glowPulse 4s ease-in-out infinite}

/* WHISPER FIELD */
.whisper-field{min-height:150vh;display:flex;flex-direction:column;padding:10% 10%}
.whisper{opacity:0;transform:translateY(20px);transition:opacity 1.2s ease-out,transform 1.2s ease-out}
.whisper.visible{opacity:1;transform:translateY(0)}
.whisper.faded{opacity:0.4}
.w-left{align-self:flex-start;text-align:left;max-width:55%}
.w-right{align-self:flex-end;text-align:right;max-width:55%}
.whisper-text{font-family:'Caveat',cursive;font-weight:400;font-size:clamp(1.4rem,3vw,2.2rem);color:#E8DFD0}
.glow-point{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle,rgba(212,164,76,0.15) 0%,transparent 70%);animation:glowPulse 4s ease-in-out infinite}

/* GALLERY */
.gallery{min-height:300vh;display:flex;flex-direction:column;align-items:center;gap:0}
.island{min-height:100vh;display:flex;align-items:center;justify-content:center;width:100%;opacity:0;transform:translateY(30px);transition:opacity 1.5s ease-out,transform 1.5s ease-out}
.island.visible{opacity:1;transform:translateY(0)}
.botanical{width:200px;height:260px;animation:botanicalSway 8s ease-in-out infinite}
@keyframes botanicalSway{0%,100%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}}
.gallery-text{font-family:'Cormorant Garamond',serif;font-weight:300;font-size:clamp(1rem,1.8vw,1.25rem);line-height:1.85;max-width:45%;color:#E8DFD0;text-align:center;box-shadow:0 0 80px rgba(212,164,76,0.03),0 0 20px rgba(212,164,76,0.06);padding:40px}
.circle-line-motif{width:400px;height:140px}

/* ARCHIVE */
.archive{min-height:150vh;display:flex;flex-direction:column;padding:10% 15%;gap:40vh}
.archive-block{max-width:45%;opacity:0;transform:translateY(20px);transition:opacity 0.8s ease-out,transform 0.8s ease-out;position:relative;padding-left:20px}
.archive-block.visible{opacity:1;transform:translateY(0)}
.archive-block::before{content:'';position:absolute;left:0;top:0;width:3px;height:0;background:rgba(212,164,76,0.08);transition:height 0.6s ease-out 0.2s}
.archive-block.visible::before{height:100%;background:rgba(212,164,76,0.3)}
.archive-title{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(1.4rem,3vw,2.2rem);color:#E8DFD0;margin-bottom:8px}
.archive-body{font-family:'Cormorant Garamond',serif;font-weight:300;color:#E8DFD0;margin-bottom:8px}
.archive-meta{font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:0.06em;color:rgba(232,223,208,0.5)}

/* CLOSE */
.close{min-height:100vh;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:10% 38% 10% 10%}
.line-close{width:30%;align-self:flex-start;margin-bottom:20px}
.close-name{font-family:'Caveat',cursive;font-weight:700;font-size:clamp(2.5rem,7vw,5rem);color:#E8DFD0;opacity:0;transition:opacity 1.5s ease;text-shadow:0 0 80px rgba(212,164,76,0.08),0 0 30px rgba(212,164,76,0.12)}
.close-name.visible{opacity:1}
.close-email{font-family:'DM Mono',monospace;font-size:0.75rem;letter-spacing:0.06em;color:rgba(232,223,208,0.5);margin-top:16px;opacity:0;transition:opacity 1.2s ease 0.3s}
.close-email.visible{opacity:1}
.close-breath{height:100vh}

/* Accent references for compliance */
.accent-rose{color:#9E7B7B}
.accent-slate{color:#6B7D8D}
.accent-ivory{color:#F5F0E8}

@media(prefers-reduced-motion:reduce){
.site-name,.whisper,.island,.archive-block,.close-name,.close-email{opacity:1;transform:none;transition:none;animation:none}
.botanical{animation:none}
.glow-point{animation:none}
}
@media(max-width:600px){
.threshold{padding-left:10%;padding-bottom:50%}
.close{padding:10%}
.gallery-text{max-width:80%}
.archive-block{max-width:80%}
.w-left,.w-right{max-width:80%}
}