/* lrx.st -- cottagecore aurora editorial */

*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}

:root{
    --meadow:#7EBF96;
    --thistle:#B89EC8;
    --brook:#6AB0A8;
    --hedgerow:#C89EAC;
    --parchment:#F8F2EA;
    --linen:#F0E8DE;
    --walnut:#2E2420;
    --hazel:#7A6A58;
    --sage-rule:#B4BCA8;
    --umber:#8A7260;
}

html{scroll-behavior:smooth;font-size:16px}

body{
    background:var(--parchment);
    color:var(--walnut);
    font-family:'Source Serif 4',serif;
    font-weight:400;
    font-size:clamp(1rem,1.1vw,1.1rem);
    line-height:1.75;
    overflow-x:hidden;
    letter-spacing:0.005em;
    font-feature-settings:'liga' 1,'kern' 1;
}

/* Section rule nav */
.section-rule{
    position:fixed;
    top:1.5rem;
    left:50%;
    transform:translateX(-50%);
    display:flex;
    justify-content:space-between;
    width:min(400px,80vw);
    border-bottom:1px solid;
    border-image:linear-gradient(90deg,var(--meadow),var(--thistle)) 1;
    padding-bottom:0.5rem;
    z-index:100;
}

.rule-section{
    font-family:'Libre Baskerville',serif;
    font-weight:400;
    font-variant:small-caps;
    font-size:0.8rem;
    letter-spacing:0.06em;
    color:var(--hazel);
}

.rule-page{
    font-family:'Libre Baskerville',serif;
    font-style:italic;
    font-size:0.8rem;
    color:var(--hazel);
}

/* Aurora cursor glow */
.aurora-glow{
    position:fixed;
    width:200px;height:200px;
    border-radius:50%;
    background:radial-gradient(circle,rgba(126,191,150,0.08) 0%,rgba(184,158,200,0.05) 50%,transparent 70%);
    pointer-events:none;
    z-index:50;
    transform:translate(-50%,-50%);
    transition:left 0.3s ease,top 0.3s ease;
}

/* Aurora washes */
.aurora-wash{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
}

.wash-cover{
    background:linear-gradient(135deg,rgba(126,191,150,0.08) 0%,rgba(184,158,200,0.06) 100%);
}

.wash-editorial{
    background:linear-gradient(225deg,rgba(106,176,168,0.06) 0%,rgba(200,158,172,0.05) 100%);
}

.wash-index{
    background:linear-gradient(135deg,rgba(126,191,150,0.1) 0%,rgba(184,158,200,0.08) 100%);
}

.wash-colophon{
    background:linear-gradient(180deg,rgba(126,191,150,0.12) 0%,rgba(184,158,200,0.1) 50%,rgba(200,158,172,0.08) 100%);
}

/* Sections */
.chronicle-section{
    min-height:100vh;
    position:relative;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:6rem 2rem;
    overflow:hidden;
}

.chronicle-section:nth-child(odd){background:var(--parchment)}
.chronicle-section:nth-child(even){background:var(--linen)}

/* Cover */
.cover-content{
    z-index:2;
    position:relative;
}

.cover-title{
    font-family:'Libre Baskerville',serif;
    font-weight:400;
    font-size:clamp(3rem,7vw,7rem);
    color:var(--walnut);
    letter-spacing:0.02em;
    line-height:1.1;
    opacity:0;
    transform:translateY(15px);
    transition:opacity 0.8s ease,transform 0.8s ease;
}

.cover-title.visible{
    opacity:1;
    transform:translateY(0);
}

.cover-subtitle{
    font-family:'Source Serif 4',serif;
    font-weight:400;
    font-size:clamp(1rem,1.5vw,1.3rem);
    color:var(--hazel);
    margin-top:1rem;
    opacity:0;
    transition:opacity 0.6s ease 0.3s;
}

.cover-subtitle.visible{opacity:1}

.cover-icons{
    display:flex;
    gap:1.5rem;
    margin-top:2rem;
}

.iso-icon{
    width:40px;height:50px;
    opacity:0.5;
}

/* Editorial */
.editorial-content{
    max-width:min(800px,85vw);
    z-index:2;
    position:relative;
}

.editorial-column{
    max-width:600px;
}

.editorial-text{
    opacity:0;
    transform:translateY(20px);
    transition:opacity 0.6s ease,transform 0.6s ease;
}

.editorial-text.visible{
    opacity:1;
    transform:translateY(0);
}

.editorial-heading{
    font-family:'Libre Baskerville',serif;
    font-weight:700;
    font-size:clamp(1.5rem,2.2vw,2.2rem);
    color:var(--walnut);
    margin-bottom:1.5rem;
    letter-spacing:0.005em;
}

.body-text{
    margin-bottom:1.5rem;
}

.editorial-pull{
    margin:3rem 0;
    padding:2rem 0;
    border-top:1px solid var(--sage-rule);
    border-bottom:1px solid var(--sage-rule);
    opacity:0;
    transform:translateY(15px);
    transition:opacity 0.6s ease,transform 0.6s ease;
}

.editorial-pull.visible{
    opacity:1;
    transform:translateY(0);
}

.pull-text{
    font-family:'Libre Baskerville',serif;
    font-weight:400;
    font-size:clamp(1.3rem,1.8vw,1.8rem);
    line-height:1.35;
    background:linear-gradient(90deg,var(--meadow),var(--thistle));
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
}

/* Index */
.index-content{
    max-width:min(600px,85vw);
    z-index:2;
    position:relative;
}

.index-entry{
    display:flex;
    align-items:flex-start;
    gap:1rem;
    padding:1.5rem 0;
    opacity:0;
    transform:translateY(15px);
    transition:opacity 0.5s ease,transform 0.5s ease;
}

.index-entry.visible{
    opacity:1;
    transform:translateY(0);
}

.iso-icon-sm{
    width:24px;height:30px;
    flex-shrink:0;
    margin-top:0.2rem;
}

.entry-name{
    font-family:'Libre Baskerville',serif;
    font-weight:700;
    font-variant:small-caps;
    font-size:1rem;
    letter-spacing:0.04em;
    color:var(--walnut);
    margin-bottom:0.3rem;
}

.entry-desc{
    font-family:'Source Serif 4',serif;
    font-size:clamp(0.9rem,1vw,1rem);
    color:var(--hazel);
    line-height:1.6;
}

.aurora-rule{
    height:1px;
    background:linear-gradient(90deg,var(--meadow),var(--thistle));
    opacity:0.3;
}

/* Colophon */
.colophon-content{
    text-align:center;
    max-width:min(500px,80vw);
    z-index:2;
    position:relative;
    opacity:0;
    transform:translateY(20px);
    transition:opacity 0.8s ease,transform 0.8s ease;
}

.colophon-content.visible{
    opacity:1;
    transform:translateY(0);
}

.colophon-statement{
    font-family:'Libre Baskerville',serif;
    font-weight:400;
    font-style:italic;
    font-size:clamp(1.1rem,1.5vw,1.4rem);
    color:var(--hazel);
    line-height:1.6;
    margin-bottom:2rem;
}

.colophon-icons{
    display:flex;
    gap:1rem;
    justify-content:center;
    margin-bottom:1.5rem;
}

.colophon-domain{
    font-family:'Libre Baskerville',serif;
    font-weight:700;
    font-size:clamp(1.5rem,3vw,2.5rem);
    color:var(--walnut);
    letter-spacing:0.02em;
}

/* Responsive */
@media(max-width:768px){
    .section-rule{width:90vw}
    .aurora-glow{display:none}
    .cover-icons{gap:1rem}
}

@media(prefers-reduced-motion:reduce){
    .cover-title,.cover-subtitle,.editorial-text,.editorial-pull,.index-entry,.colophon-content{
        opacity:1;transform:none;transition:none;
    }
}