/* --- ARCHITECTURAL DESIGN SYSTEM & VARIABLES --- */
        :root {
            --burgundy: #6E1A37;
            --white: #FFFFFF;
            --transition-sacred: all 1.8s cubic-bezier(0.16, 1, 0.3, 1);
            --transition-fast: all 0.8s cubic-bezier(0.25, 1, 0.5, 1);
        }

        * {
            box-sizing: border-box;
            margin: 0;
            padding: 0;
            font-family: 'Strichpunkt Sans', sans-serif;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
        }

        html, body {
            width: 100%;
            background-color: var(--white);
            color: var(--burgundy);
            overflow-x: hidden;
            scroll-behavior: smooth;
        }



/* =========================
   PORTAL RITUALS STYLES
========================= */

.portal-node{
    background:var(--white);
    color:var(--black);
}

/* HERO */
.internal-portal-hero-container{
    padding:14rem 8% 6rem;
    max-width:1400px;
}

.lowercase-caption{
    letter-spacing:0.12em;
    text-transform:uppercase;
    font-size:0.75rem;
    opacity:0.6;
}

.giant-thin-title{
    font-weight:200;
    line-height:0.95;
    letter-spacing:-0.03em;
    text-transform:uppercase;
}

/* GRID WRAPPER */
.rituals-deep-installation-hub{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:5rem;
    padding:6rem 8%;
}

/* CARD BASE */
.ritual-installation-card{
    position:relative;
    display:flex;
    flex-direction:column;
    gap:1.2rem;
    padding-top:2.5rem;
    border-top:1px solid var(--burgundy);
    transition:transform 0.6s cubic-bezier(0.16, 1, 0.3, 1),
               border-color 0.6s ease;
}

/* TITLE */
.ritual-installation-card h4{
    font-size:1.9rem;
    font-weight:200;
    letter-spacing:-0.02em;
    line-height:1.3;
}

/* DESCRIPTION */
.ritual-installation-card p{
    font-size:0.95rem;
    opacity:0.75;
    line-height:1.8;
    font-weight:300;
    max-width:520px;
}

/* IMAGE */
.ritual-installation-card img{
    width:100%;
    height:280px;
    object-fit:cover;
    filter:grayscale(1);
    margin-top:1rem;
    transition:transform 0.8s ease, filter 0.8s ease;
}

/* HOVER INTERACTION */
.ritual-installation-card:hover{
    transform:translateY(-10px);
    border-top-color:var(--red);
}

.ritual-installation-card:hover img{
    transform:scale(1.05);
    filter:grayscale(0.2);
}

/* LABEL */
.lowercase-caption{
    letter-spacing:0.12em;
    text-transform:uppercase;
    font-size:0.75rem;
    opacity:0.6;
}

/* RESPONSIVE */
@media(max-width:1000px){

    .rituals-deep-installation-hub{
        grid-template-columns:1fr;
        gap:4rem;
    }

    .giant-thin-title{
        font-size:10vw !important;
    }
}

@media(max-width:600px){

    .internal-portal-hero-container{
        padding:10rem 6% 4rem;
    }

    .ritual-installation-card h4{
        font-size:1.4rem;
    }

    .ritual-installation-card img{
        height:220px;
    }
}
```


        /* =========================
   PORTAL PHILOSOPHY STYLES
========================= */

.portal-node{
    background:var(--white);
    color:var(--black);
}

/* HERO */
.internal-portal-hero-container{
    padding:14rem 8% 6rem;
    max-width:1400px;
}

.lowercase-caption{
    letter-spacing:0.12em;
    text-transform:uppercase;
    font-size:0.75rem;
    opacity:0.6;
}

.giant-thin-title{
    font-weight:200;
    line-height:0.95;
    letter-spacing:-0.03em;
    text-transform:uppercase;
}

/* MAIN GRID */
.philosophy-sculptural-matrix{
    display:grid;
    grid-template-columns:1.2fr 0.8fr;
    gap:6rem;
    padding:6rem 8%;
    align-items:start;
}

.philosophy-sculptural-matrix img{
    width:100%;
    height:100%;
    max-height:700px;
    object-fit:cover;
    filter:grayscale(1);
}

/* EXTENDED CARDS */
.philosophy-extended-layout{
    display:grid;
    grid-template-columns:repeat(3, 1fr);
    gap:4rem;
    padding:8rem 8%;
    border-top:1px solid rgba(0,0,0,0.08);
}

.philosophy-card{
    padding-top:3rem;
    border-top:1px solid rgba(110,26,55,0.15);
}

.philosophy-card h3{
    font-size:1.8rem;
    font-weight:300;
    line-height:1.4;
    margin:1.5rem 0;
}

.philosophy-card p{
    font-size:1rem;
    line-height:1.9;
    opacity:0.75;
}

/* QUOTE */
.philosophy-manifest-line{
    padding:10rem 8%;
    text-align:center;
    border-top:1px solid rgba(0,0,0,0.08);
    border-bottom:1px solid rgba(0,0,0,0.08);
}

.philosophy-manifest-line p{
    font-size:2.5rem;
    font-weight:200;
    line-height:1.4;
    max-width:1000px;
    margin:0 auto;
}

/* FINAL GRID */
.philosophy-final-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:6rem;
    padding:8rem 8%;
}

.philosophy-final-grid h2{
    font-size:3rem;
    font-weight:200;
    line-height:1.2;
    margin-top:2rem;
}

.philosophy-final-grid p{
    font-size:1.05rem;
    line-height:2;
    opacity:0.75;
}

/* RESPONSIVE */
@media(max-width:1000px){

    .philosophy-sculptural-matrix{
        grid-template-columns:1fr;
    }

    .philosophy-extended-layout{
        grid-template-columns:1fr;
    }

    .philosophy-final-grid{
        grid-template-columns:1fr;
    }

    .giant-thin-title{
        font-size:10vw !important;
    }
}

@media(max-width:600px){

    .internal-portal-hero-container{
        padding:10rem 6% 4rem;
    }

    .philosophy-manifest-line p{
        font-size:1.6rem;
    }

    .philosophy-card h3{
        font-size:1.4rem;
    }

    .philosophy-final-grid h2{
        font-size:2rem;
    }
}

        /* Architectural Scrollbar */
        ::-webkit-scrollbar {
            width: 3px;
            height: 3px;
        }
        ::-webkit-scrollbar-track {
            background: var(--white);
        }
        ::-webkit-scrollbar-thumb {
            background: var(--burgundy);
        }

        /* --- GLOBAL EDITORIAL TYPOGRAPHY RULES --- */
        .lowercase-caption {
            font-size: 0.7rem;
            font-weight: 300;
            letter-spacing: 0.5em;
            text-transform: lowercase;
            opacity: 0.5;
            display: inline-block;
        }

        .giant-thin-title {
            font-weight: 200;
            letter-spacing: -0.05em;
            line-height: 0.85;
            text-transform: lowercase;
        }

        /* --- FIXED INVISIBLE/REVEALING GLASS HEADER --- */
        header {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 3.5rem 6rem;
            background: transparent;
            /* Header hidden initially, dynamically triggers on scroll directions via JS */
            transform: translateY(-100%);
            opacity: 0;
            transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1), opacity 1.4s, background-color 0.8s, backdrop-filter 0.8s;
        }

        header.header-revealed {
            transform: translateY(0);
            opacity: 1;
        }

        header.header-scrolled-glass {
            padding: 2rem 6rem;
            background-color: rgba(255, 255, 255, 0.15);
            backdrop-filter: blur(30px) saturate(120%);
            -webkit-backdrop-filter: blur(30px) saturate(120%);
            border-bottom: 1px solid rgba(110, 26, 55, 0.04);
        }

        body.dark-view-context header.header-scrolled-glass {
            background-color: rgba(110, 26, 55, 0.18);
            border-bottom: 1px solid rgba(255, 255, 255, 0.04);
        }

        .logo-mark {
            font-weight: 400;
            font-size: 1.4rem;
            letter-spacing: 0.2em;
            text-decoration: none;
            color: var(--burgundy);
            transition: opacity 0.5s;
        }

        .main-navigation {
            display: flex;
            gap: 5rem;
        }

        .main-navigation a {
            font-size: 0.75rem;
            font-weight: 400;
            letter-spacing: 0.35em;
            text-transform: lowercase;
            text-decoration: none;
            color: var(--burgundy);
            position: relative;
            padding-bottom: 0.5rem;
            transition: letter-spacing 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s;
        }

        .main-navigation a::after {
            content: '';
            position: absolute;
            bottom: 0;
            left: 0;
            width: 0;
            height: 1px;
            background-color: var(--burgundy);
            transition: width 1s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .main-navigation a:hover {
            letter-spacing: 0.55em;
            opacity: 0.4;
        }

        .main-navigation a:hover::after {
            width: 100%;
        }

        .btn-enter-stillness {
            background: transparent;
            border: 1px solid var(--burgundy);
            color: var(--burgundy);
            font-size: 0.7rem;
            padding: 1rem 2.5rem;
            border-radius: 50px;
            text-transform: lowercase;
            letter-spacing: 0.25em;
            cursor: pointer;
            transition: var(--transition-sacred);
        }

        .btn-enter-stillness:hover {
            background: var(--burgundy);
            color: var(--white) !important;
            transform: scale(1.02);
        }

        /* Automatic Contrast Adaptation for Header across Light/Dark States */
        body.dark-view-context .logo-mark,
        body.dark-view-context .main-navigation a,
        body.dark-view-context .btn-enter-stillness {
            color: var(--white);
        }
        body.dark-view-context .main-navigation a::after {
            background-color: var(--white);
        }
        body.dark-view-context .btn-enter-stillness {
            border-color: var(--white);
        }
        body.dark-view-context .btn-enter-stillness:hover {
            background: var(--white);
            color: var(--burgundy) !important;
        }

        /* --- ROUTER MATRIX CONTROLLER PACK --- */
        .portal-node {
            display: none;
            width: 100%;
        }

        .portal-node.active-node {
            display: block;
        }

        .chapter-container {
            position: relative;
            width: 100vw;
            min-height: 100vh;
            overflow: hidden;
        }

        /* --- HERO SECTION: THE STILL VOID --- */
        .section-still-void {
            background-color: var(--white);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 14rem 6rem 6rem 6rem;
        }

        .void-top-matrix {
            display: flex;
            justify-content: flex-end;
            width: 100%;
        }

        .void-poetic-quote {
            font-size: 1.2rem;
            font-weight: 300;
            line-height: 2.2;
            letter-spacing: 0.08em;
            max-width: 380px;
            text-align: right;
            font-style: italic;
            opacity: 0.8;
        }

        .void-center-stage {
            position: absolute;
            top: 46%;
            left: 54%;
            transform: translate(-50%, -50%);
            width: 34vw;
            height: 46vw;
            z-index: 2;
            overflow: hidden;
            box-shadow: 0 50px 120px rgba(110, 26, 55, 0.06);
        }

        .void-architectural-image {
            width: 135%;
            height: 135%;
            position: absolute;
            top: -15%;
            left: -15%;
            object-fit: cover;
            mix-blend-mode: multiply;
            opacity: 0.9;
        }

        .void-bottom-matrix {
            width: 100%;
            display: flex;
            align-items: flex-end;
            z-index: 5;
            pointer-events: none;
        }

        .void-massive-typography {
            font-size: 16vw;
            font-weight: 200;
            line-height: 0.75;
            letter-spacing: -0.07em;
            text-transform: uppercase;
            color: var(--burgundy);
            margin-left: -5rem;
            margin-bottom: -4rem;
        }

        .void-massive-typography span {
            display: block;
        }

        /* --- SECOND SECTION: SPIRITUAL FRAGMENTS --- */
        .section-spiritual-fragments {
            background-color: var(--burgundy);
            color: var(--white);
            padding: 16rem 6rem;
        }

        .constellation-universe-canvas {
            position: relative;
            width: 100%;
            height: 850px;
            margin-top: 5rem;
        }

        .fragment-item-node {
            position: absolute;
            max-width: 340px;
            z-index: 5;
        }

        .fragment-item-node p {
            font-size: 1.8rem;
            font-weight: 200;
            line-height: 1.4;
            letter-spacing: -0.02em;
            margin-bottom: 1.5rem;
        }

        .fragment-svg-overlay-layer {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            pointer-events: none;
            z-index: 1;
        }

        .fragment-svg-overlay-layer line {
            stroke: rgba(255, 255, 255, 0.12);
            stroke-width: 1px;
            stroke-dasharray: 6 6;
        }

        .fragment-abstract-image-frame {
            width: 160px;
            height: 220px;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.08);
            margin-top: 1.5rem;
        }

        .fragment-abstract-image-frame img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%) contrast(110%);
            opacity: 0.7;
            transition: var(--transition-sacred);
        }

        .fragment-item-node:hover .fragment-abstract-image-frame img {
            opacity: 1;
            transform: scale(1.08);
        }

        /* --- THIRD SECTION: VERTICAL CINEMATIC SPLIT --- */
        .section-cinematic-split {
            background-color: var(--white);
            display: grid;
            grid-template-columns: 1.4fr 2fr 1.6fr;
            padding: 0 6rem;
            gap: 8rem;
            align-items: center;
            min-height: 130vh;
        }

        .split-column-left {
            align-self: flex-start;
            padding-top: 18rem;
        }

        .split-editorial-prose {
            font-size: 1.1rem;
            line-height: 2;
            opacity: 0.75;
            margin-top: 3rem;
            font-weight: 300;
        }

        .split-column-center {
            height: 85vh;
            overflow: hidden;
            position: relative;
            box-shadow: 0 40px 90px rgba(0,0,0,0.03);
        }

        .split-parallax-image-container {
            position: absolute;
            top: -25%;
            width: 100%;
            height: 150%;
        }

        .split-parallax-image-container img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%) contrast(102%);
        }

        .split-column-right {
            padding-left: 3rem;
        }

        .split-burgundy-quote-wrapper {
            font-size: 3.8vw;
            font-weight: 200;
            line-height: 1.2;
            letter-spacing: -0.05em;
            color: var(--burgundy);
            border-left: 1px solid rgba(110, 26, 55, 0.15);
            padding-left: 4rem;
        }

        /* --- FOURTH SECTION: HORIZONTAL SANCTUARY EXPERIENCE --- */
        .section-sanctuary-horizon {
            background-color: var(--burgundy);
            color: var(--white);
            padding: 14rem 0;
            display: flex;
            flex-direction: column;
            justify-content: center;
        }

        .horizon-scroll-container {
            display: flex;
            gap: 8rem;
            padding: 7rem 6rem 2rem 6rem;
            overflow-x: scroll;
            scroll-snap-type: x proximity;
        }

        .horizon-scroll-container::-webkit-scrollbar {
            display: none;
        }

        .sanctuary-horizon-panel {
            flex: 0 0 600px;
            display: flex;
            flex-direction: column;
            position: relative;
            scroll-snap-align: start;
        }

        .sanctuary-panel-numerical {
            font-size: 10rem;
            font-weight: 100;
            opacity: 0.05;
            line-height: 0.6;
            margin-bottom: 1.5rem;
            letter-spacing: -0.06em;
        }

        .sanctuary-panel-image-box {
            width: 100%;
            height: 440px;
            position: relative;
            overflow: hidden;
            border: 1px solid rgba(255,255,255,0.05);
        }

        .sanctuary-panel-image-box img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%) contrast(115%) brightness(90%);
            transition: var(--transition-sacred);
        }

        .sanctuary-horizon-panel:hover .sanctuary-panel-image-box img {
            transform: scale(1.05);
            filter: grayscale(100%) contrast(105%) brightness(100%);
        }

        .sanctuary-panel-meta-title {
            font-size: 2rem;
            font-weight: 200;
            letter-spacing: 0.03em;
            margin-top: 2.5rem;
            text-transform: lowercase;
        }

        .sanctuary-panel-floating-text {
            font-size: 0.85rem;
            opacity: 0.4;
            letter-spacing: 0.2em;
            margin-top: 0.6rem;
            text-transform: lowercase;
        }

        /* --- FIFTH SECTION: RITUAL OBJECTS GALLERY --- */
        .section-gallery-objects {
            background-color: var(--white);
            padding: 18rem 6rem;
        }

        .objects-isolated-landscape-matrix {
            margin-top: 12rem;
            display: grid;
            grid-template-columns: repeat(3, 1fr);
            gap: 14rem 7rem;
        }

        .isolated-gallery-installation {
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
            position: relative;
            cursor: pointer;
        }

        .object-sculptural-frame {
            width: 320px;
            height: 440px;
            overflow: hidden;
            margin-bottom: 4rem;
            position: relative;
            transition: var(--transition-sacred);
            box-shadow: 0 40px 90px rgba(110, 26, 55, 0.02);
            background: #FDFDFD;
            border: 1px solid rgba(110, 26, 55, 0.02);
        }

        .object-sculptural-frame img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%) contrast(108%);
            transition: var(--transition-sacred);
        }

        .isolated-gallery-installation:hover .object-sculptural-frame {
            transform: scale(1.03) translateY(-20px);
            box-shadow: 0 60px 110px rgba(110, 26, 55, 0.07);
            border-color: rgba(110, 26, 55, 0.08);
        }

        .isolated-gallery-installation:hover .object-sculptural-frame img {
            transform: rotate(1.5deg) scale(1.06);
        }

        .object-dynamic-spiritual-note {
            opacity: 0;
            transform: translateY(15px);
            font-size: 0.9rem;
            margin-top: 1.5rem;
            letter-spacing: 0.06em;
            line-height: 1.7;
            max-width: 260px;
            font-style: italic;
            transition: opacity 0.8s ease, transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
        }

        .isolated-gallery-installation:hover .object-dynamic-spiritual-note {
            opacity: 0.65;
            transform: translateY(0);
        }

        /* --- SIXTH SECTION: BREATHING TYPOGRAPHY ROOM --- */
        .section-breathing-room {
            background-color: var(--burgundy);
            color: var(--white);
            display: flex;
            align-items: center;
            justify-content: center;
            text-align: center;
        }

        .breathing-typography-core {
            font-size: 6vw;
            font-weight: 200;
            letter-spacing: -0.04em;
            animation: sacredBreatheEngine 9s infinite ease-in-out;
            transform-origin: center;
        }

        @keyframes sacredBreatheEngine {
            0%, 100% { transform: scale(0.96); opacity: 0.4; letter-spacing: -0.04em; filter: blur(1px); }
            50% { transform: scale(1.03); opacity: 0.95; letter-spacing: 0.04em; filter: blur(0px); }
        }

        /* --- SEVENTH SECTION: JOURNAL LAYOUT PUBLICATION --- */
        .section-journal-newspaper {
            background-color: var(--white);
            padding: 18rem 6rem;
        }

        .newspaper-asymmetrical-architecture {
            margin-top: 9rem;
            display: grid;
            grid-template-columns: 2.3fr 1.3fr;
            gap: 12rem;
            border-top: 1px solid rgba(110, 26, 55, 0.15);
            padding-top: 6rem;
        }

        .journal-stream-column {
            display: flex;
            flex-direction: column;
            gap: 10rem;
        }

        .newspaper-article-block {
            cursor: pointer;
            padding-bottom: 6rem;
            border-bottom: 1px solid rgba(110, 26, 55, 0.06);
            position: relative;
        }

        .newspaper-article-block h3 {
            font-size: 3.4rem;
            font-weight: 200;
            line-height: 1.15;
            margin-top: 2rem;
            margin-bottom: 2.5rem;
            transition: var(--transition-fast);
        }

        .newspaper-article-block:hover h3 {
            color: var(--burgundy);
            padding-left: 1.5rem;
        }

        .newspaper-article-img-overlay {
            width: 100%;
            height: 320px;
            overflow: hidden;
            margin-top: 2.5rem;
            opacity: 0.5;
            transition: var(--transition-sacred);
        }

        .newspaper-article-img-overlay img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%) contrast(106%);
            transition: var(--transition-sacred);
        }

        .newspaper-article-block:hover .newspaper-article-img-overlay {
            opacity: 1;
        }

        .newspaper-article-block:hover .newspaper-article-img-overlay img {
            transform: scale(1.03);
        }

        .newspaper-editorial-sidebar-column {
            background: #FAF9F8;
            padding: 6rem 4.5rem;
            height: fit-content;
            border: 1px solid rgba(110,26,55,0.01);
        }

        /* --- EIGHTH SECTION: IMMERSIVE VIDEO BLOCK --- */
        .section-immersive-video-block {
            background-color: #000000;
            display: flex;
            align-items: center;
            justify-content: center;
            position: relative;
        }

        .cinematic-native-video-frame {
            position: absolute;
            inset: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%) brightness(40%) contrast(110%);
            opacity: 0.85;
        }

        .video-overlay-outlined-typography {
            font-size: 10vw;
            font-weight: 900;
            color: transparent;
            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.2);
            letter-spacing: 0.15em;
            text-align: center;
            z-index: 5;
            user-select: none;
            transition: var(--transition-sacred);
        }

        .section-immersive-video-block:hover .video-overlay-outlined-typography {
            -webkit-text-stroke: 1px rgba(255, 255, 255, 0.5);
            letter-spacing: 0.22em;
        }

        /* --- NINTH SECTION: SACRED PATHWAYS --- */
        .section-sacred-corridors {
            background-color: var(--burgundy);
            color: var(--white);
            padding: 16rem 6rem;
        }

        .corridors-vertical-stack-matrix {
            margin-top: 9rem;
            display: flex;
            flex-direction: column;
        }

        .architectural-corridor-lane {
            display: grid;
            grid-template-columns: 0.8fr 3.5fr 1.5fr;
            padding: 5.5rem 3rem;
            border-bottom: 1px solid rgba(255, 255, 255, 0.12);
            align-items: center;
            transition: var(--transition-sacred);
            cursor: pointer;
        }

        .architectural-corridor-lane h4 {
            font-size: 4.2rem;
            font-weight: 200;
            letter-spacing: -0.04em;
            text-transform: lowercase;
            transition: var(--transition-sacred);
        }

        .corridor-drifting-image-frame {
            width: 150px;
            height: 90px;
            overflow: hidden;
            border: 1px solid rgba(255, 255, 255, 0.15);
            justify-self: right;
            transition: var(--transition-sacred);
            position: relative;
        }

        .corridor-drifting-image-frame img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%) contrast(120%);
            opacity: 0.4;
            transition: var(--transition-sacred);
        }

        .architectural-corridor-lane:hover {
            padding-left: 6rem;
            background: rgba(255, 255, 255, 0.03);
            border-bottom-color: rgba(255, 255, 255, 0.9);
        }

        .architectural-corridor-lane:hover h4 {
            letter-spacing: 0.03em;
        }

        .architectural-corridor-lane:hover .corridor-drifting-image-frame {
            width: 280px;
            border-color: rgba(255, 255, 255, 0.8);
        }

        .architectural-corridor-lane:hover .corridor-drifting-image-frame img {
            opacity: 0.9;
            transform: scale(1.05);
        }

        /* --- TENTH SECTION: NEWSLETTER EXPERIENCE --- */
        .section-quiet-letters {
            background-color: var(--white);
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 16rem 0 6rem 0;
        }

        .quiet-letters-form-wrapper {
            width: 100%;
            max-width: 800px;
            text-align: center;
            margin-top: 6rem;
        }

        .letters-input-minimal-line {
            width: 100%;
            background: transparent;
            border: none;
            border-bottom: 1px solid rgba(110, 26, 55, 0.15);
            padding: 2.5rem 0;
            font-size: 2.5rem;
            font-weight: 200;
            text-align: center;
            color: var(--burgundy);
            outline: none;
            margin-bottom: 6rem;
            transition: border-color 0.8s;
        }

        .letters-input-minimal-line:focus {
            border-bottom-color: var(--burgundy);
        }

        .btn-submit-architectural-circle {
            width: 90px;
            height: 90px;
            background-color: var(--burgundy);
            border-radius: 50%;
            border: none;
            cursor: pointer;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), background-color 0.5s;
        }

        .btn-submit-architectural-circle:hover {
            transform: scale(1.1);
        }

        .poetic-ticker-tape-container {
            width: 100vw;
            overflow: hidden;
            margin-top: 12rem;
            white-space: nowrap;
            border-top: 1px solid rgba(110, 26, 55, 0.05);
            padding-top: 4rem;
        }

        .poetic-ticker-tape-engine {
            display: inline-block;
            animation: continuousTickerProcess 45s linear infinite;
        }

        .poetic-ticker-tape-engine span {
            font-size: 0.9rem;
            letter-spacing: 0.45em;
            text-transform: lowercase;
            margin-right: 9rem;
            opacity: 0.4;
        }

        @keyframes continuousTickerProcess {
            0% { transform: translate3d(0, 0, 0); }
            100% { transform: translate3d(-50%, 0, 0); }
        }

        /* --- IMMERSIVE ASYMMETRICAL FOOTER --- */
        footer {
            background-color: var(--burgundy);
            color: var(--white);
            padding: 14rem 6rem 6rem 6rem;
            position: relative;
            overflow: hidden;
        }

        .footer-background-giant-watermark {
            font-size: 15vw;
            font-weight: 900;
            letter-spacing: -0.06em;
            color: rgba(255, 255, 255, 0.018);
            line-height: 0.7;
            margin-bottom: 12rem;
            user-select: none;
            pointer-events: none;
        }

        .footer-scattered-matrix-grid {
            display: grid;
            grid-template-columns: 1.6fr 1fr 1fr 1.6fr;
            gap: 7rem;
            position: relative;
            border-top: 1px solid rgba(255, 255, 255, 0.08);
            padding-top: 6rem;
        }

        .footer-matrix-column h5 {
            font-size: 0.85rem;
            font-weight: 400;
            letter-spacing: 0.3em;
            margin-bottom: 3rem;
            text-transform: lowercase;
            opacity: 0.4;
        }

        .footer-matrix-column ul {
            list-style: none;
        }

        .footer-matrix-column ul li {
            margin-bottom: 1.5rem;
        }

        .footer-matrix-column ul li a {
            font-size: 1rem;
            font-weight: 300;
            color: rgba(255, 255, 255, 0.6);
            text-decoration: none;
            transition: color 0.5s;
        }

        .footer-matrix-column ul li a:hover {
            color: var(--white);
        }

        /* --- INTERNAL ROUTED PAGES ARCHITECTURE (EACH FULLY DISTINCT) --- */
        .internal-portal-hero-container {
            padding: 20rem 6rem 10rem 6rem;
            background: var(--white);
            border-bottom: 1px solid rgba(110, 26, 55, 0.04);
        }

        /* 1. PHILOSOPHY PAGE */
        .philosophy-sculptural-matrix {
            padding: 10rem 6rem;
            display: grid;
            grid-template-columns: 1.5fr 1fr;
            gap: 12rem;
            background: #FCFAFA;
        }

        .philosophy-sculptural-matrix img {
            width: 100%;
            height: 650px;
            object-fit: cover;
            filter: grayscale(100%) contrast(108%);
        }

        /* 2. RITUALS PAGE */
        .rituals-deep-installation-hub {
            padding: 10rem 6rem;
            display: grid;
            grid-template-columns: repeat(4, 1fr);
            gap: 5rem;
            background: var(--white);
        }

        .ritual-installation-card img {
            width: 100%;
            height: 380px;
            object-fit: cover;
            filter: grayscale(100%) sepia(15%) contrast(104%);
            margin-top: 2rem;
            transition: var(--transition-sacred);
        }

        .ritual-installation-card:hover img {
            filter: grayscale(100%) contrast(110%);
            transform: scale(1.02);
        }

        /* 3. SANCTUARY PAGE */
        .sanctuary-asymmetrical-editorial-grid {
            padding: 10rem 6rem;
            display: grid;
            grid-template-columns: 1.1fr 1fr;
            gap: 10rem;
            background: #F9F6F6;
        }

        .sanctuary-editorial-image-wrapper {
            width: 100%;
            height: 700px;
            overflow: hidden;
            position: relative;
        }

        .sanctuary-editorial-image-wrapper img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            filter: grayscale(100%) contrast(102%) brightness(95%);
        }

        /* 4. CONTACT PAGE */
        .contact-floating-form-matrix {
            padding: 10rem 6rem;
            max-width: 1000px;
            background: var(--white);
        }

        .contact-architectural-row {
            margin-bottom: 7rem;
        }

        .contact-architectural-row label {
            font-size: 0.8rem;
            letter-spacing: 0.3em;
            text-transform: lowercase;
            display: block;
            margin-bottom: 2rem;
            opacity: 0.5;
        }

        .contact-field-clean-line {
            width: 100%;
            border: none;
            border-bottom: 1px solid rgba(110, 26, 55, 0.15);
            padding: 1.5rem 0;
            font-size: 1.8rem;
            font-weight: 200;
            background: transparent;
            outline: none;
            color: var(--burgundy);
            transition: border-color 0.5s;
        }

        .contact-field-clean-line:focus {
            border-bottom-color: var(--burgundy);
        }

        /* --- ADAPTIVE EMULATION FOR HIGH EDITORIAL MOBILE LAYOUTS --- */
        @media (max-width: 1024px) {
            header {
                padding: 2.5rem 3rem;
            }
            header.header-scrolled-glass {
                padding: 1.5rem 3rem;
            }
            .main-navigation {
                display: none; 
            }

            .section-still-void {
                padding: 14rem 3rem 4rem 3rem;
            }
            .void-massive-typography {
                font-size: 22vw;
                margin-left: 0;
            }
            .void-center-stage {
                position: relative;
                top: auto;
                left: auto;
                transform: none;
                width: 100%;
                height: 500px;
                margin: 6rem 0;
            }
            .void-poetic-quote {
                text-align: left;
                max-width: 100%;
            }

            .section-spiritual-fragments {
                padding: 12rem 3rem;
            }
            .constellation-universe-canvas {
                height: auto;
                display: flex;
                flex-direction: column;
                gap: 7rem;
            }
            .fragment-item-node {
                position: relative;
                top: auto !important;
                left: auto !important;
                right: auto !important;
                max-width: 100%;
            }
            .fragment-svg-overlay-layer {
                display: none;
            }

            .section-cinematic-split {
                grid-template-columns: 1fr;
                padding: 8rem 3rem;
                gap: 5rem;
            }
            .split-column-left {
                padding-top: 0;
            }
            .split-burgundy-quote-wrapper {
                font-size: 2.5rem;
                padding-left: 2.5rem;
            }

            .horizon-scroll-container {
                padding: 5rem 3rem;
                gap: 5rem;
            }
            .sanctuary-horizon-panel {
                flex: 0 0 380px;
            }
            .sanctuary-panel-image-box {
                height: 320px;
            }

            .section-gallery-objects {
                padding: 12rem 3rem;
            }
            .objects-isolated-landscape-matrix {
                grid-template-columns: 1fr;
                gap: 10rem;
                margin-top: 8rem;
            }
            .object-sculptural-frame {
                width: 100%;
                height: 480px;
            }

            .section-journal-newspaper {
                padding: 12rem 3rem;
            }
            .newspaper-asymmetrical-architecture {
                grid-template-columns: 1fr;
                gap: 8rem;
                margin-top: 5rem;
            }
            .newspaper-article-block h3 {
                font-size: 2.5rem;
            }

            .section-sacred-corridors {
                padding: 12rem 3rem;
            }
            .architectural-corridor-lane {
                grid-template-columns: 1fr;
                gap: 2.5rem;
                padding: 4.5rem 1.5rem;
            }
            .corridor-drifting-image-frame {
                justify-self: left;
            }

            .footer-scattered-matrix-grid {
                grid-template-columns: 1fr 1fr;
                gap: 5rem;
            }

            .internal-portal-hero-container, 
            .philosophy-sculptural-matrix, 
            .rituals-deep-installation-hub, 
            .sanctuary-asymmetrical-editorial-grid, 
            .contact-floating-form-matrix {
                padding: 14rem 3rem 7rem 3rem;
                grid-template-columns: 1fr;
                gap: 6rem;
            }
            .philosophy-sculptural-matrix img,
            .sanctuary-editorial-image-wrapper {
                height: 450px;
            }
        }

        /* CONTACT PAGE WRAPPER */
.contact-wrapper{
    padding:6rem 8%;
    background-color: #6E1A37;
}

/* FORM GRID */
.contact-floating-form-matrix{
    display:flex;
    flex-direction:column;
    gap:3rem;
    max-width:900px;
}

/* ROW */
.contact-architectural-row{
    display:flex;
    flex-direction:column;
    gap:1rem;
}

/* LABEL */
.contact-architectural-row label{
    font-size:0.75rem;
    letter-spacing:0.12em;
    text-transform:uppercase;
    opacity:0.6;
}

/* INPUTS */
.contact-field-clean-line{
    border:none;
    border-bottom:1px solid rgba(0,0,0,0.2);
    padding:1rem 0;
    font-size:1.1rem;
    outline:none;
    background:transparent;
}

.contact-field-clean-line:focus{
    border-bottom:1px solid var(--red);
}

/* TEXTAREA */
.textarea{
    resize:none;
    min-height:160px;
}

/* CONSENT */
.contact-consent{
    display:flex;
    gap:1rem;
    align-items:flex-start;
    font-size:0.9rem;
    opacity:0.7;
    line-height:1.6;
}

/* ACTIONS */
.contact-actions{
    display:flex;
    gap:2rem;
    flex-wrap:wrap;
}

/* BUTTONS */
.btn-enter-stillness{
    padding:1.5rem 3.5rem;
    font-size:0.8rem;
    background:#000;
    color:#fff;
    border:none;
    cursor:pointer;
    letter-spacing:0.1em;
    text-transform:uppercase;
}

.btn-reset{
    padding:1.5rem 3.5rem;
    font-size:0.8rem;
    background:transparent;
    border:1px solid rgba(0,0,0,0.3);
    cursor:pointer;
    letter-spacing:0.1em;
    text-transform:uppercase;
}

/* STATUS */
.form-status{
    margin-top:3rem;
    font-size:0.9rem;
    opacity:0.6;
}

/* RESPONSIVE */
@media(max-width:700px){
    .contact-wrapper{
        padding:4rem 6%;
    }

    .contact-actions{
        flex-direction:column;
        align-items:flex-start;
    }
}

.legal-container{
    padding:6rem 8%;
    display:flex;
    flex-direction:column;
    gap:5rem;
}

.legal-block{
    max-width:900px;
    border-top:1px solid rgba(0,0,0,0.08);
    padding-top:3rem;
}

.legal-block h3{
    font-size:1.8rem;
    font-weight:300;
    margin-bottom:1.5rem;
}

.legal-block p{
    font-size:1.05rem;
    line-height:2;
    opacity:0.75;
}


.quiet-letters-form-wrapper{
    display:flex;
    gap:1rem;
    align-items:center;
    max-width:600px;
    margin-top:2rem;
}

.letters-input-minimal-line{
    flex:1;
    border:none;
    border-bottom:1px solid rgba(0,0,0,0.3);
    padding:1rem 0;
    outline:none;
    background:transparent;
    font-size:1rem;
}

.btn-submit-architectural-circle{
    width:48px;
    height:48px;
    border-radius:50%;
    border:none;
    background:#000;
    display:flex;
    align-items:center;
    justify-content:center;
    cursor:pointer;
}

.form-status{
    margin-top:1rem;
    font-size:0.85rem;
    opacity:0.6;
}


/* LOGO */
.logo-mark{
    text-decoration:none;
    color:#fff;
    font-size:1.2rem;
    letter-spacing:0.15em;
    text-transform:uppercase;
}

/* NAV */
.main-navigation{
    display:flex;
    gap:2rem;
}

.main-navigation a{
    color:#fff;
    text-decoration:none;
    font-size:0.85rem;
    text-transform:lowercase;
    opacity:0.8;
}

.main-navigation a:hover{
    opacity:1;
}

/* BUTTON */
.desktop-cta{
    padding:0.8rem 1.5rem;
    font-size:0.75rem;
    background:#fff;
    color:#000;
    border:none;
    cursor:pointer;
}

/* HAMBURGER */
.hamburger{
    display:none;
    flex-direction:column;
    gap:5px;
    background:none;
    border:none;
    cursor:pointer;
}

.hamburger span{
    width:25px;
    height:2px;
    background:#fff;
}

/* MOBILE */
@media(max-width:900px){

    .main-navigation,
    .desktop-cta{
        display:none;
    }

    .hamburger{
        display:flex;
    }

    /* mobile menu active state */
    .main-navigation.active{
        position:fixed;
        top:90px;
        left:0;
        width:100%;
        height:calc(100vh - 90px);
        background:rgba(0,0,0,0.95);
        display:flex;
        flex-direction:column;
        justify-content:center;
        align-items:center;
        gap:2rem;
    }
}