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

body{
    background:#0B0D11;
    color:#E2DFD8;
    font-family:'JetBrains Mono',monospace;
    font-size:0.9375rem;
    line-height:1.65;
    overflow-x:hidden;
}

h1,h2{
    font-family:'Playfair Display',serif;
    font-weight:700;
}

.amber{color:#D4883A}

/* NECKER WATERMARK */
.necker-watermark{
    position:fixed;
    top:50%;left:50%;
    transform:translate(-50%,-50%);
    pointer-events:none;
    z-index:0;
    opacity:0.08;
}
.necker-svg{width:400px;height:400px}
.necker-face-a{animation:neckerA 12s ease-in-out infinite}
.necker-face-b{animation:neckerB 12s ease-in-out infinite}
@keyframes neckerA{
    0%,100%{opacity:0.8}
    50%{opacity:0.3}
}
@keyframes neckerB{
    0%,100%{opacity:0.3}
    50%{opacity:0.8}
}

/* CHAMBERS */
.chambers{
    position:relative;
    z-index:1;
    scroll-snap-type:y proximity;
}
.chamber{
    min-height:100vh;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:4rem 2rem;
    scroll-snap-align:start;
    opacity:0;
    transition:opacity 0.8s ease;
}
.chamber.visible{opacity:1}
.chamber-1{opacity:1}

/* CHAMBER 1 - THRESHOLD */
.split-word{
    font-family:'Playfair Display',serif;
    font-size:clamp(3rem,8vw,9rem);
    font-weight:700;
    line-height:1;
    text-align:center;
    position:relative;
}
.word-left{color:#C0603A}
.word-right{color:#5B6494}
.split-axis{
    width:1px;
    height:60px;
    background:linear-gradient(180deg,#C0603A,#3D3F4A,#5B6494);
    margin:1.5rem auto;
}
.chamber-hint{
    text-align:center;
    color:#8A8B92;
    font-size:0.8rem;
    letter-spacing:0.1em;
}

/* DUALITY LAYOUT */
.duality-layout{
    display:flex;
    align-items:stretch;
    max-width:1000px;
    width:100%;
    gap:0;
}
.hemi-left,.hemi-right{
    flex:1;
    padding:3rem;
}
.hemi-left{
    text-align:left;
}
.hemi-left h2{
    font-size:clamp(1.8rem,3.5vw,3rem);
    color:#C0603A;
    margin-bottom:1.2rem;
    letter-spacing:-0.02em;
}
.hemi-left p{
    color:#E2DFD8;
    line-height:1.75;
}

.split-line{
    width:1px;
    background:linear-gradient(180deg,transparent,#3D3F4A,transparent);
    flex:0 0 1px;
}

.hemi-right{
    text-align:left;
}
.organic-heading{
    font-family:'JetBrains Mono',monospace;
    font-weight:500;
    font-size:clamp(1.2rem,2.5vw,2rem);
    color:#5B6494;
    margin-bottom:1.2rem;
    letter-spacing:0.02em;
    transform:rotate(0.5deg);
}
.organic-text{
    color:#8A8B92;
    line-height:1.8;
    transform:rotate(-0.3deg);
    margin-left:0.5rem;
}

/* CHAMBER 5 - EMPTY RESOLUTION */
.empty-resolution{
    text-align:center;
}
.chamber-5{
    flex-direction:column;
}
.necker-icon{
    margin-bottom:2rem;
    opacity:0.6;
}
.resolution-text{
    font-family:'Playfair Display',serif;
    font-style:italic;
    font-size:1.2rem;
    color:#8A8B92;
    margin-bottom:2rem;
}
.domain-footer{
    font-family:'JetBrains Mono',monospace;
    font-size:0.8rem;
    letter-spacing:0.1em;
    color:#3D3F4A;
}

/* MOBILE */
@media(max-width:768px){
    .duality-layout{flex-direction:column}
    .split-line{
        width:80%;
        height:1px;
        margin:0 auto;
        flex:0 0 1px;
    }
    .hemi-left,.hemi-right{padding:2rem 1rem}
    .chamber{padding:3rem 1.5rem}
    .necker-watermark{display:none}
}

/* BACKGROUND HEMISPHERES */
.chamber-2{background:linear-gradient(90deg,rgba(192,96,58,0.03) 0%,rgba(192,96,58,0.03) 50%,rgba(91,100,148,0.03) 50%,rgba(91,100,148,0.03) 100%)}
.chamber-3{background:linear-gradient(90deg,rgba(91,100,148,0.03) 0%,rgba(91,100,148,0.03) 50%,rgba(192,96,58,0.03) 50%,rgba(192,96,58,0.03) 100%)}
.chamber-4{background:linear-gradient(90deg,rgba(192,96,58,0.03) 0%,rgba(192,96,58,0.03) 50%,rgba(91,100,148,0.03) 50%,rgba(91,100,148,0.03) 100%)}
.chamber-5{background:rgba(26,29,38,0.5)}