/*
Theme Name:   Jamie Edwards WebGL Narrative Container
Description:  Minimalist raw presentation child theme layer built to pass clean HTML grids to Three.js workflows.
Author:       Jamie Edwards
Template:     twentyfifteen
Version:      1.0.0
*/

/* 1. Reset standard parent framework elements cleanly */
body::before, body.page-template-template-3d-home::before {
    display: none !important;
    content: none !important;
    width: 0 !important;
}

html, body, .site-main, .threejs-scroll-wrapper {
    background: transparent !important;
    background-color: transparent !important;
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    max-width: none !important;
    position: relative !important;
    left: 0 !important;
}

/* 2. Premium Narrative Editorial Design Grid */
.threejs-scroll-section {
    position: relative;
    min-height: 100vh;
    display: flex;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10vw;
    pointer-events: none;
}

/* Alternate post text blocks cleanly from left to right down the scroll timeline */
.threejs-scroll-section:nth-child(even) {
    justify-content: flex-end;
}

.threejs-scroll-content {
    pointer-events: auto;
    max-width: 540px;
    background: transparent;
    color: #1e293b; 
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

/* High-impact editorial font configurations */
.threejs-scroll-content h2 {
    font-size: clamp(2.2rem, 4.5vw, 4rem);
    line-height: 1.1;
    letter-spacing: -0.03em;
    font-weight: 800;
    color: #0f172a; 
    margin-bottom: 1.2rem;
    text-transform: uppercase;
}

.threejs-scroll-content p {
    font-size: clamp(1.1rem, 1.25vw, 1.3rem);
    line-height: 1.8;
    color: #334155;
    letter-spacing: 0.01em;
    font-weight: 400;
}