:root {
                             --g: #965A3E;
                             --g-d: #7A4731;
                             --g-m: #AE6E4F;
                             --g-lt: #E2C9BC;
                             --g-xlt: #F8F1EE;
                             --ink: #1F0E07;
                             --ink-m: #4A2E20;
                             --ink-s: #8C6B5A;
                             --white: #FFFFFF;
                             --ff-d: 'Barlow Condensed', sans-serif;
                             --ff-h: 'Barlow', sans-serif;
                             --ff-b: 'Inter', sans-serif;
                             --r: 4px;
                             --ease: cubic-bezier(.25, .46, .45, .94);
                             --t: .32s;
                         }
                         
                         *,
                         *::before,
                         *::after {
                             box-sizing: border-box;
                             margin: 0;
                             padding: 0
                         }
                         
                         html {
                             scroll-behavior: smooth
                         }
                         
                         body {
                             font-family: var(--ff-b);
                             color: var(--ink);
                             background: var(--white);
                             -webkit-font-smoothing: antialiased;
                             overflow-x: hidden
                         }
                         
                         img {
                             display: block;
                             max-width: 100%;
                             height: auto
                         }
                         
                         a {
                             color: inherit;
                             text-decoration: none
                         }
                         
                         .section {
                             padding: 3rem 0
                         }
                         
                         .section-sm {
                             padding: 2rem 0
                         }
                         
                         .section-lg {
                             padding: 4rem 0
                         }
                         
                         .bg-xlt {
                             background: var(--g-xlt)
                         }
                         
                         .bg-ink {
                             background: var(--ink)
                         }
                         
                         .bg-g {
                             background: var(--g)
                         }
                         
                         .label {
                             font-family: var(--ff-h);
                             font-size: .7rem;
                             font-weight: 600;
                             letter-spacing: .22em;
                             text-transform: uppercase;
                             color: var(--g)
                         }
                         
                         .label-w {
                             color: rgba(255, 255, 255, .55)
                         }
                         
                         .label-s {
                             color: var(--ink-s)
                         }
                         
                         .divider {
                             display: block;
                             width: 40px;
                             height: 2px;
                             background: var(--g);
                             margin-top: .9rem
                         }
                         
                         .divider-w {
                             background: rgba(255, 255, 255, .3)
                         }
                         
                         .divider-c {
                             margin-left: auto;
                             margin-right: auto
                         }
                         
                         .body-copy {
                             font-size: .93rem;
                             line-height: 1.82;
                             color: var(--ink-m)
                         }
                         /* ── BUTTONS ── */
                         
                         .btn-g,
                         .btn-go,
                         .btn-w,
                         .btn-wo {
                             display: inline-block;
                             font-family: var(--ff-h);
                             font-size: .76rem;
                             font-weight: 600;
                             letter-spacing: .14em;
                             text-transform: uppercase;
                             padding: .82rem 2.1rem;
                             border-radius: var(--r);
                             border: 1.5px solid transparent;
                             transition: background var(--t) var(--ease), color var(--t) var(--ease), border-color var(--t) var(--ease), transform var(--t);
                             cursor: pointer;
                             white-space: nowrap
                         }
                         
                         .btn-g {
                             background: var(--g);
                             border-color: var(--g);
                             color: var(--white)
                         }
                         
                         .btn-g:hover {
                             background: var(--g-d);
                             border-color: var(--g-d);
                             color: var(--white);
                             transform: translateY(-1px)
                         }
                         
                         .btn-go {
                             background: transparent;
                             border-color: var(--g);
                             color: var(--g)
                         }
                         
                         .btn-go:hover {
                             background: var(--g);
                             color: var(--white);
                             transform: translateY(-1px)
                         }
                         
                         .btn-w {
                             background: var(--white);
                             border-color: var(--white);
                             color: var(--g)
                         }
                         
                         .btn-w:hover {
                             background: transparent;
                             color: var(--white)
                         }
                         
                         .btn-wo {
                             background: transparent;
                             border-color: rgba(255, 255, 255, .45);
                             color: rgba(255, 255, 255, .88)
                         }
                         
                         .btn-wo:hover {
                             border-color: var(--white);
                             color: var(--white)
                         }
                         /* ── NAV ── */
                         
                         #nav {
                             /*  padding: 1.5rem 0; */
                             background: #fff;
                             transition: background var(--t), padding var(--t), box-shadow var(--t)
                         }
                         
                         #nav.scrolled {
                             background: #fff;
                             backdrop-filter: blur(10px);
                             /*  padding: .8rem 0; */
                             box-shadow: 0 1px 0 var(--g-lt);
                             position: fixed;
                             top: 0;
                             left: 0;
                             right: 0;
                             z-index: 900;
                             transition: background var(--t), padding var(--t), box-shadow var(--t)
                         }
                         
                         .nav-inner {
                             display: flex;
                             align-items: center;
                             justify-content: space-between;
                             position: relative
                         }
                         
                         .nav-brand {
                             font-family: var(--ff-d);
                             font-weight: 800;
                             font-size: 1.5rem;
                             letter-spacing: .12em;
                             text-transform: uppercase;
                             color: var(--white);
                             line-height: 1;
                             transition: color var(--t)
                         }
                         
                         #nav.scrolled .nav-brand {
                             color: var(--g)
                         }
                         
                         .nav-brand .slash {
                             color: rgba(255, 255, 255, .5);
                             margin: 0 1px
                         }
                         
                         #nav.scrolled .nav-brand .slash {
                             color: var(--g-m)
                         }
                         
                         .nav-hamburger {
                             display: none;
                             background: none;
                             border: 1.5px solid rgba(255, 255, 255, .5);
                             border-radius: var(--r);
                             padding: .32rem .5rem;
                             cursor: pointer;
                             transition: border-color var(--t)
                         }
                         
                         #nav.scrolled .nav-hamburger {
                             border-color: var(--g)
                         }
                         
                         .nav-hamburger span {
                             display: block;
                             width: 20px;
                             height: 2px;
                             background: var(--white);
                             margin: 3px 0;
                             transition: background var(--t)
                         }
                         
                         #nav.scrolled .nav-hamburger span {
                             background: var(--g)
                         }
                         
                         .nav-links {
                             display: flex;
                             align-items: center
                         }
                         
                         .nav-a {
                             font-family: var(--ff-h);
                             font-size: .94rem;
                             font-weight: 500;
                             letter-spacing: .02em;
                             color: #212529;
                             padding: .3rem 0;
                             margin: 0 1.15rem;
                             position: relative;
                             transition: color var(--t)
                         }
                         
                         .nav-a::after {
                             content: '';
                             position: absolute;
                             bottom: -2px;
                             left: 0;
                             width: 0;
                             height: 1.5px;
                             background: currentColor;
                             transition: width var(--t) var(--ease)
                         }
                         
                         .nav-a:hover::after,
                         .nav-a.active::after {
                             width: 100%
                         }
                         
                         .nav-a:hover {
                             color: #119127;
                         }
                         
                         #nav.scrolled .nav-a {
                             color: var(--ink)
                         }
                         
                         #nav.scrolled .nav-a:hover,
                         #nav.scrolled .nav-a.active {
                             color: var(--g)
                         }
                         
                         .nav-a.active {
                             color: #119127;
                         }
                         
                         .btn-enquire {
                             font-family: var(--ff-h);
                             font-size: .76rem;
                             font-weight: 600;
                             letter-spacing: .12em;
                             text-transform: uppercase;
                             color: var(--white);
                             background: var(--g);
                             border: 1.5px solid var(--g);
                             padding: .55rem 1.5rem;
                             border-radius: var(--r);
                             margin-left: 1rem;
                             transition: background var(--t), color var(--t), border-color var(--t)
                         }
                         /* #nav.scrolled .btn-enquire {
                            background: var(--g);
                            border-color: var(--g);
                            color: var(--white)
                        } */
                         
                         .btn-enquire:hover {
                             background: #119127;
                             border-color: #119127;
                             color: var(--white) !important
                         }
                         
                         @media(max-width:991px) {
                             .nav-hamburger {
                                 display: flex;
                                 align-items: center;
                                 justify-content: center;
                                 flex-direction: column;
                             }
                         }
                         /* ── HERO (single slide) ── */
                         /* #hero-swiper {
               width: 100%;
               height: 100vh;
               min-height: 640px
           }
            */
                         /* .hero-slide {
                position: relative;
                overflow: hidden
            } */
                         
                         .slide-img {
                             /* position: absolute;
         inset: 0; */
                             width: 100%;
                             height: 100%;
                             object-fit: contain;
                             /* object-position: center;
         transform: scale(1.04);
         transition: transform 8s ease */
                         }
                         /* .swiper-slide-active .slide-img {
            transform: scale(1)
        } */
                         
                         .slide-overlay {
                             position: absolute;
                             inset: 0;
                             background: linear-gradient(135deg, rgba(20, 8, 2, .88) 0%, rgba(100, 48, 20, .6) 55%, rgba(20, 8, 2, .5) 100%);
                             z-index: 1
                         }
                         
                         .slide-overlay::after {
                             content: '';
                             position: absolute;
                             inset: 0;
                             background-image: linear-gradient(rgba(255, 255, 255, .02) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, .02) 1px, transparent 1px);
                             background-size: 80px 80px
                         }
                         
                         .slide-content {
                             position: absolute;
                             inset: 0;
                             z-index: 2;
                             display: flex;
                             flex-direction: column;
                             justify-content: flex-end;
                             padding: 0 0 6rem
                         }
                         
                         .slide-tag {
                             font-family: var(--ff-h);
                             font-size: .7rem;
                             font-weight: 600;
                             letter-spacing: .25em;
                             text-transform: uppercase;
                             color: rgba(255, 255, 255, .5);
                             margin-bottom: 1.25rem;
                             opacity: 0;
                             transform: translateY(12px);
                             transition: opacity .7s .2s, transform .7s .2s var(--ease)
                         }
                         
                         .slide-h {
                             font-family: var(--ff-d);
                             font-weight: 800;
                             font-size: clamp(3rem, 7.5vw, 7.5rem);
                             line-height: .9;
                             letter-spacing: -.02em;
                             text-transform: uppercase;
                             color: var(--white);
                             margin-bottom: 1.75rem;
                             opacity: 0;
                             transform: translateY(18px);
                             transition: opacity .8s .35s, transform .8s .35s var(--ease)
                         }
                         
                         .slide-h .dim {
                             color: rgba(255, 255, 255, .35)
                         }
                         
                         .slide-sub {
                             font-family: var(--ff-b);
                             font-size: clamp(.88rem, 1.6vw, 1.05rem);
                             font-weight: 300;
                             line-height: 1.7;
                             color: rgba(255, 255, 255, .65);
                             max-width: 540px;
                             margin-bottom: 2.5rem;
                             opacity: 0;
                             transform: translateY(12px);
                             transition: opacity .7s .5s, transform .7s .5s var(--ease)
                         }
                         
                         .slide-cta {
                             display: flex;
                             flex-wrap: wrap;
                             gap: .85rem;
                             opacity: 0;
                             transform: translateY(10px);
                             transition: opacity .6s .65s, transform .6s .65s var(--ease)
                         }
                         
                         .swiper-slide-active .slide-tag,
                         .swiper-slide-active .slide-h,
                         .swiper-slide-active .slide-sub,
                         .swiper-slide-active .slide-cta {
                             opacity: 1;
                             transform: translateY(0)
                         }
                         
                         .hero-scroll-hint {
                             position: absolute;
                             bottom: 2.5rem;
                             left: 50%;
                             transform: translateX(-50%);
                             z-index: 5;
                             display: flex;
                             flex-direction: column;
                             align-items: center;
                             gap: .5rem;
                             opacity: .5
                         }
                         
                         .hero-scroll-hint span {
                             font-family: var(--ff-h);
                             font-size: .65rem;
                             letter-spacing: .18em;
                             text-transform: uppercase;
                             color: var(--white)
                         }
                         
                         .scroll-arrow {
                             width: 1px;
                             height: 40px;
                             background: rgba(255, 255, 255, .3);
                             position: relative;
                             overflow: hidden
                         }
                         
                         .scroll-arrow::after {
                             content: '';
                             position: absolute;
                             top: -40px;
                             left: 0;
                             width: 1px;
                             height: 40px;
                             background: var(--white);
                             animation: scrollLine 1.6s ease infinite
                         }
                         
                         @keyframes scrollLine {
                             to {
                                 top: 80px
                             }
                         }
                         /* ── STATS BAR ── */
                         
                         #stats-bar {
                             background: var(--ink);
                             padding: 0
                         }
                         
                         .stats-inner {
                             display: grid;
                             grid-template-columns: repeat(4, 1fr);
                             border-left: 1px solid rgba(255, 255, 255, .06)
                         }
                         
                         .stat-cell {
                             padding: 2rem 2.5rem;
                             border-right: 1px solid rgba(255, 255, 255, .06)
                         }
                         
                         .stat-n {
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: 2.6rem;
                             color: var(--white);
                             line-height: 1
                         }
                         
                         .stat-l {
                             font-size: .72rem;
                             color: rgba(255, 255, 255, .42);
                             letter-spacing: .06em;
                             margin-top: .4rem
                         }
                         
                         @media(max-width:767px) {
                             .stats-inner {
                                 grid-template-columns: repeat(2, 1fr)
                             }
                             .stat-cell {
                                 padding: 1.5rem
                             }
                             .stat-n {
                                 font-size: 2rem
                             }
                         }
                         /* ── CHAPTER ── */
                         
                         .chapter-lead {
                             font-family: var(--ff-h);
                             font-size: clamp(1.25rem, 2.6vw, 2rem);
                             font-weight: 500;
                             line-height: 1.45;
                             letter-spacing: -.01em;
                             color: var(--ink)
                         }
                         
                         .chapter-lead strong {
                             color: var(--g);
                             font-weight: 600
                         }
                         
                         .chapter-img {
                             position: relative;
                             border-radius: 6px;
                             aspect-ratio: 4/5
                         }
                         
                         .chapter-img img {
                             width: 100%;
                             height: 100%;
                             object-fit: cover;
                             object-position: left;
                             transition: transform .6s var(--ease)
                         }
                         
                         .chapter-img:hover img {
                             transform: scale(1.03)
                         }
                         
                         .chapter-img-accent {
                             position: absolute;
                             bottom: 1.75rem;
                             left: -1.5rem;
                             background: var(--g);
                             color: var(--white);
                             padding: 1.5rem 1.75rem;
                             border-radius: 4px;
                             z-index: 2
                         }
                         
                         .accent-num {
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: 2.5rem;
                             line-height: 1;
                             color: var(--white)
                         }
                         
                         .accent-label {
                             font-size: .72rem;
                             color: rgba(255, 255, 255, .65);
                             letter-spacing: .05em;
                             margin-top: .35rem
                         }
                         
                         .pillar {
                             padding: 1rem 0;
                             border-top: 1px solid var(--g-lt)
                         }
                         
                         .pillar:last-child {
                             border-bottom: 1px solid var(--g-lt)
                         }
                         
                         .pillar-n {
                             font-family: var(--ff-d);
                             font-size: .65rem;
                             font-weight: 700;
                             letter-spacing: .22em;
                             color: var(--g);
                             margin-bottom: .35rem
                         }
                         
                         .pillar-t {
                             font-family: var(--ff-h);
                             font-weight: 600;
                             font-size: .95rem;
                             color: var(--ink);
                             margin-bottom: .35rem
                         }
                         
                         .pillar-p {
                             font-size: .84rem;
                             color: var(--ink-s);
                             line-height: 1.65
                         }
                         /* ── PRODUCTS ── */
                         
                         .prod-card {
                             background: var(--white);
                             border: 1.5px solid var(--g-lt);
                             border-radius: 6px;
                             overflow: hidden;
                             height: 100%;
                             transition: transform var(--t) var(--ease), box-shadow var(--t), border-color var(--t)
                         }
                         
                         .prod-card:hover {
                             transform: translateY(-6px);
                             box-shadow: 0 20px 50px rgba(150, 90, 62, .1);
                             border-color: rgba(150, 90, 62, .25)
                         }
                         
                         .prod-img {
                             position: relative;
                             height: 200px;
                             overflow: hidden
                         }
                         
                         .prod-img img {
                             width: 100%;
                             height: 100%;
                             object-fit: cover;
                             transition: transform .6s var(--ease)
                         }
                         
                         .prod-card:hover .prod-img img {
                             transform: scale(1.06)
                         }
                         
                         .prod-img-overlay {
                             position: absolute;
                             inset: 0;
                             background: linear-gradient(to bottom, rgba(20, 8, 2, .1) 0%, rgba(20, 8, 2, .6) 100%)
                         }
                         
                         .prod-img-tag {
                             position: absolute;
                             bottom: 1rem;
                             left: 1.25rem;
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: 1.25rem;
                             color: var(--white);
                             line-height: 1
                         }
                         
                         .prod-body {
                             padding: 1.75rem
                         }
                         
                         .prod-name {
                             font-family: var(--ff-h);
                             font-weight: 600;
                             font-size: 1.05rem;
                             color: var(--ink);
                             margin-bottom: .55rem
                         }
                         
                         .prod-desc {
                             font-size: .84rem;
                             color: var(--ink-s);
                             line-height: 1.72;
                             margin-bottom: 1.25rem
                         }
                         
                         .prod-specs {
                             list-style: none;
                             padding: 0;
                             border-top: 1px solid var(--g-xlt)
                         }
                         
                         .prod-specs li {
                             font-family: var(--ff-h);
                             font-size: .76rem;
                             color: var(--ink-m);
                             padding: .3rem 0;
                             border-bottom: 1px solid var(--g-xlt);
                             display: flex;
                             align-items: center;
                             gap: .5rem
                         }
                         
                         .prod-specs li::before {
                             content: '';
                             flex-shrink: 0;
                             width: 5px;
                             height: 5px;
                             border-radius: 50%;
                             background: var(--g)
                         }
                         /* ── ORIGIN ── */
                         
                         #origin {
                             position: relative;
                             overflow: hidden
                         }
                         
                         .origin-bg {
                             position: absolute;
                             inset: 0;
                             width: 100%;
                             height: 100%;
                             object-fit: cover;
                             object-position: center
                         }
                         
                         .origin-overlay {
                             position: absolute;
                             inset: 0;
                             background: linear-gradient(90deg, rgba(16, 6, 2, .93) 0%, rgba(16, 6, 2, .88) 45%, rgba(16, 6, 2, .55) 100%)
                         }
                         
                         .origin-content {
                             position: relative;
                             z-index: 2
                         }
                         
                         .origin-h {
                             font-family: var(--ff-d);
                             font-weight: 800;
                             font-size: clamp(2.5rem, 5.5vw, 5rem);
                             text-transform: uppercase;
                             letter-spacing: -.025em;
                             line-height: .92;
                             color: var(--white)
                         }
                         
                         .origin-body {
                             font-size: .93rem;
                             color: rgba(255, 255, 255, .62);
                             line-height: 1.8
                         }
                         
                         .origin-stat {
                             padding: 1.75rem 0;
                             border-top: 1px solid rgba(255, 255, 255, .1)
                         }
                         
                         .origin-stat-n {
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: 3rem;
                             color: var(--white);
                             line-height: 1
                         }
                         
                         .origin-stat-l {
                             font-size: .72rem;
                             color: rgba(255, 255, 255, .45);
                             letter-spacing: .06em;
                             margin-top: .35rem
                         }
                         /* ── APPLICATIONS ── */
                         
                         .app-card {
                             position: relative;
                             border-radius: 6px;
                             overflow: hidden;
                             height: 280px
                         }
                         
                         .app-card-img {
                             position: absolute;
                             inset: 0;
                             width: 100%;
                             height: 100%;
                             object-fit: cover;
                             transition: transform .55s var(--ease)
                         }
                         
                         .app-card:hover .app-card-img {
                             transform: scale(1.05)
                         }
                         
                         .app-card-overlay {
                             position: absolute;
                             inset: 0;
                             background: linear-gradient(to bottom, rgba(20, 8, 2, .2) 0%, rgba(20, 8, 2, .82) 100%);
                             transition: background var(--t)
                         }
                         
                         .app-card:hover .app-card-overlay {
                             background: linear-gradient(to bottom, rgba(150, 90, 62, .35) 0%, rgba(20, 8, 2, .9) 100%)
                         }
                         
                         .app-card-body {
                             position: absolute;
                             bottom: 0;
                             left: 0;
                             right: 0;
                             padding: 1.5rem;
                             z-index: 2
                         }
                         
                         .app-n {
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: 2.2rem;
                             color: rgb(255 255 255 / 22%);
                             line-height: 1;
                             margin-bottom: .25rem
                         }
                         
                         .app-t {
                             font-family: var(--ff-h);
                             font-weight: 600;
                             font-size: .95rem;
                             color: var(--white);
                             margin-bottom: .4rem
                         }
                         
                         .app-p {
                             font-size: .89rem;
                             color: rgb(255 255 255 / 68%);
                             line-height: 1.6;
                             max-height: 0;
                             overflow: hidden;
                             transition: max-height .4s var(--ease), opacity .3s;
                             opacity: 0
                         }
                         
                         .app-card:hover .app-p {
                             max-height: 5rem;
                             opacity: 1
                         }
                         
                         .app-swiper {
                             display: none
                         }
                         
                         .app-grid {
                             display: flex;
                             flex-wrap: wrap;
                             gap: 1rem
                         }
                         
                         @media(max-width:767px) {
                             .app-swiper {
                                 display: block
                             }
                             .app-grid {
                                 display: none
                             }
                         }
                         /* ── PROCESS SWIPER ── */
                         
                         #process {
                             background: var(--ink)
                         }
                         
                         .proc-header-h {
                             font-family: var(--ff-d);
                             font-weight: 800;
                             font-size: clamp(2.2rem, 5vw, 4.5rem);
                             text-transform: uppercase;
                             letter-spacing: -.025em;
                             line-height: .93;
                             color: var(--white)
                         }
                         
                         .proc-header-sub {
                             font-size: .9rem;
                             color: rgba(255, 255, 255, .48);
                             line-height: 1.75
                         }
                         
                         .proc-swiper {
                             width: 100%;
                             padding-bottom: 1rem !important
                         }
                         
                         .proc-slide {
                             display: grid;
                             grid-template-columns: 1fr 1fr;
                             min-height: 480px;
                             border-radius: 8px;
                             overflow: hidden;
                             border: 1px solid rgba(255, 255, 255, .06)
                         }
                         
                         .proc-slide-img {
                             position: relative;
                             overflow: hidden
                         }
                         
                         .proc-slide-img img {
                             width: 100%;
                             height: 100%;
                             object-fit: cover;
                             display: block;
                             transition: transform .6s var(--ease)
                         }
                         
                         .proc-slide:hover .proc-slide-img img {
                             transform: scale(1.04)
                         }
                         
                         .proc-slide-img-overlay {
                             position: absolute;
                             inset: 0;
                             background: linear-gradient(135deg, rgba(150, 90, 62, .35) 0%, rgba(20, 8, 2, .2) 100%)
                         }
                         
                         .proc-stage-badge {
                             position: absolute;
                             top: 1.5rem;
                             left: 1.5rem;
                             background: var(--g);
                             color: var(--white);
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: .7rem;
                             letter-spacing: .2em;
                             text-transform: uppercase;
                             padding: .45rem .9rem;
                             border-radius: 2px
                         }
                         
                         .proc-slide-body {
                             background: rgba(255, 255, 255, .03);
                             padding: 3rem 2.5rem;
                             display: flex;
                             flex-direction: column;
                             justify-content: center;
                             border-left: 1px solid rgba(255, 255, 255, .06)
                         }
                         
                         .proc-stage-num {
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: .68rem;
                             letter-spacing: .25em;
                             color: var(--g-m);
                             margin-bottom: .5rem
                         }
                         
                         .proc-slide-title {
                             font-family: var(--ff-h);
                             font-weight: 600;
                             font-size: 1.4rem;
                             color: var(--white);
                             line-height: 1.25;
                             margin-bottom: 1rem
                         }
                         
                         .proc-slide-text {
                             font-size: .88rem;
                             color: rgba(255, 255, 255, .55);
                             line-height: 1.75
                         }
                         
                         .proc-slide-detail {
                             margin-top: 1.5rem;
                             display: flex;
                             flex-direction: column;
                             gap: .5rem
                         }
                         
                         .proc-detail-item {
                             display: flex;
                             align-items: center;
                             gap: .6rem;
                             font-size: .78rem;
                             color: rgba(255, 255, 255, .4)
                         }
                         
                         .proc-detail-item::before {
                             content: '';
                             flex-shrink: 0;
                             width: 5px;
                             height: 5px;
                             border-radius: 50%;
                             background: var(--g)
                         }
                         /* Process nav */
                         
                         .proc-nav-wrap {
                             display: flex;
                             align-items: center;
                             gap: 1.25rem;
                             margin-top: 2rem
                         }
                         
                         .proc-btn {
                             width: 44px;
                             height: 44px;
                             border: 1.5px solid rgba(255, 255, 255, .25);
                             border-radius: 50%;
                             display: flex;
                             align-items: center;
                             justify-content: center;
                             cursor: pointer;
                             background: none;
                             transition: border-color var(--t), background var(--t);
                             flex-shrink: 0
                         }
                         
                         .proc-btn:hover {
                             border-color: var(--g);
                             background: rgba(150, 90, 62, .15)
                         }
                         
                         .proc-btn svg {
                             width: 16px;
                             height: 16px;
                             stroke: rgba(255, 255, 255, .6);
                             fill: none;
                             stroke-width: 1.8;
                             stroke-linecap: round;
                             stroke-linejoin: round
                         }
                         
                         .proc-btn:hover svg {
                             stroke: var(--g-m)
                         }
                         
                         .proc-count {
                             font-family: var(--ff-d);
                             font-size: 1rem;
                             color: rgba(255, 255, 255, .3);
                             letter-spacing: .05em;
                             min-width: 50px
                         }
                         
                         .proc-count .cur {
                             color: var(--white);
                             font-size: 1.5rem
                         }
                         
                         .proc-pagination {
                             flex: 1
                         }
                         
                         .proc-pagination .swiper-pagination-bullet {
                             background: rgba(255, 255, 255, .2);
                             opacity: 1;
                             width: 8px;
                             height: 8px;
                             margin: 0 3px
                         }
                         
                         .proc-pagination .swiper-pagination-bullet-active {
                             background: var(--g);
                             transform: scale(1.3)
                         }
                         
                         @media(max-width:767px) {
                             .proc-slide {
                                 grid-template-columns: 1fr;
                                 min-height: auto
                             }
                             .proc-slide-img {
                                 height: 220px
                             }
                             .proc-slide-body {
                                 padding: 2rem 1.5rem
                             }
                         }
                         /* ── BACKED ── */
                         
                         .bk-quote {
                             font-family: var(--ff-h);
                             font-size: clamp(.95rem, 1.8vw, 1.2rem);
                             font-weight: 400;
                             font-style: italic;
                             color: var(--ink-m);
                             line-height: 1.65;
                             padding-left: 1.25rem;
                             border-left: 3px solid var(--g)
                         }
                         
                         .bk-card {
                             padding: 1.5rem;
                             border: 1.5px solid var(--g-lt);
                             background: #fff;
                             border-radius: 6px;
                             transition: border-color var(--t), background var(--t), transform var(--t)
                         }
                         
                         .bk-card:hover {
                             border-color: var(--g);
                             background: var(--g-xlt);
                             transform: translateY(-3px)
                         }
                         
                         .bk-tag {
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: 1.6rem;
                             color: var(--g);
                             line-height: 1
                         }
                         
                         .bk-label {
                             font-size: .76rem;
                             color: var(--ink-s);
                             margin-top: .3rem
                         }
                         /* ── NATURAL ── */
                         
                         #natural {
                             position: relative;
                             overflow: hidden
                         }
                         
                         .natural-bg {
                             position: absolute;
                             inset: 0;
                             width: 100%;
                             height: 100%;
                             object-fit: cover;
                             object-position: center top
                         }
                         
                         .natural-overlay {
                             position: absolute;
                             inset: 0;
                             background: linear-gradient(135deg, rgba(100, 42, 18, .95) 0%, rgba(150, 90, 62, .9) 100%)
                         }
                         
                         .natural-content {
                             position: relative;
                             z-index: 2
                         }
                         
                         .nat-h {
                             font-family: var(--ff-d);
                             font-weight: 800;
                             font-size: clamp(2.8rem, 6vw, 5.5rem);
                             text-transform: uppercase;
                             letter-spacing: -.025em;
                             line-height: .91;
                             color: var(--white)
                         }
                         
                         .nat-body {
                             font-size: .97rem;
                             color: rgba(255, 255, 255, .62);
                             line-height: 1.8
                         }
                         
                         .attr {
                             padding: 1.25rem 0;
                             border-top: 1px solid rgba(255, 255, 255, .1)
                         }
                         
                         .attr-t {
                             font-family: var(--ff-h);
                             font-weight: 600;
                             font-size: .88rem;
                             color: var(--white);
                             margin-bottom: .3rem
                         }
                         
                         .attr-p {
                             font-size: .8rem;
                             color: rgba(255, 255, 255, .5);
                             line-height: 1.6
                         }
                         /* ── FUTURE ── */
                         
                         #future {
                             position: relative;
                             overflow: hidden
                         }
                         
                         .future-bg {
                             position: absolute;
                             inset: 0;
                             width: 100%;
                             height: 100%;
                             object-fit: cover;
                             object-position: center
                         }
                         
                         .future-overlay {
                             position: absolute;
                             inset: 0;
                             background: rgba(255, 255, 255, .93)
                         }
                         
                         .future-content {
                             position: relative;
                             z-index: 2
                         }
                         
                         .fut-h {
                             font-family: var(--ff-d);
                             font-weight: 800;
                             font-size: clamp(2.2rem, 5.5vw, 5rem);
                             text-transform: uppercase;
                             letter-spacing: -.025em;
                             line-height: .92;
                             color: var(--ink)
                         }
                         
                         .fut-h strong {
                             color: var(--g)
                         }
                         
                         .fut-pill {
                             padding: 2rem 1.5rem;
                             border: 1.5px solid var(--g-lt);
                             border-radius: 6px;
                             text-align: center;
                             transition: border-color var(--t), background var(--t), transform var(--t);
                             background: rgba(255, 255, 255, .9)
                         }
                         
                         .fut-pill:hover {
                             border-color: var(--g);
                             background: var(--white);
                             transform: translateY(-4px);
                             box-shadow: 0 12px 32px rgba(150, 90, 62, .1)
                         }
                         
                         .fut-kw {
                             font-family: var(--ff-d);
                             font-weight: 700;
                             font-size: 1.8rem;
                             color: var(--g);
                             line-height: 1;
                             margin-bottom: .5rem
                         }
                         
                         .fut-p {
                             font-size: .82rem;
                             color: var(--ink-s);
                             line-height: 1.6
                         }
                         /* ── CONTACT FORM + MAP ── */
                         
                         .contact-card {
                             background: var(--white);
                             border: 1.5px solid var(--g-lt);
                             border-radius: 6px;
                             padding: 2.5rem
                         }
                         
                         .contact-name-hd {
                             font-family: var(--ff-h);
                             font-weight: 600;
                             font-size: 1.18rem;
                             color: var(--ink)
                         }
                         
                         .contact-role {
                             font-size: .8rem;
                             color: var(--ink-s);
                             margin-top: .2rem
                         }
                         
                         .contact-row {
                             display: flex;
                             align-items: center;
                             gap: .85rem;
                             padding: .65rem 0;
                             border-top: 1px solid var(--g-xlt);
                             font-size: .9rem;
                             color: var(--ink-m);
                             transition: color var(--t)
                         }
                         
                         .contact-row:hover {
                             color: var(--g)
                         }
                         
                         .c-ico {
                             flex-shrink: 0;
                             width: 18px
                         }
                         
                         .c-ico svg {
                             width: 16px;
                             height: 16px;
                             stroke: var(--g);
                             fill: none;
                             stroke-width: 1.6;
                             stroke-linecap: round;
                             stroke-linejoin: round
                         }
                         /* Form */
                         
                         .form-group {
                             margin-bottom: 1.1rem
                         }
                         
                         .form-label {
                             font-family: var(--ff-h);
                             font-size: .72rem;
                             font-weight: 600;
                             letter-spacing: .1em;
                             text-transform: uppercase;
                             color: var(--ink-m);
                             margin-bottom: .4rem;
                             display: block
                         }
                         
                         .form-ctrl {
                             width: 100%;
                             font-family: var(--ff-b);
                             font-size: .88rem;
                             color: var(--ink);
                             background: var(--g-xlt);
                             border: 1.5px solid var(--g-lt);
                             border-radius: var(--r);
                             padding: .7rem 1rem;
                             transition: border-color var(--t), background var(--t);
                             outline: none;
                             appearance: none
                         }
                         
                         .form-ctrl:focus {
                             border-color: var(--g);
                             background: var(--white)
                         }
                         
                         .form-ctrl::placeholder {
                             color: var(--ink-s);
                             opacity: .6
                         }
                         
                         textarea.form-ctrl {
                             resize: vertical;
                             min-height: 110px
                         }
                         
                         select.form-ctrl {
                             cursor: pointer
                         }
                         
                         .form-submit {
                             width: 100%;
                             font-family: var(--ff-h);
                             font-size: .8rem;
                             font-weight: 600;
                             letter-spacing: .14em;
                             text-transform: uppercase;
                             color: var(--white);
                             background: var(--g);
                             border: 1.5px solid var(--g);
                             padding: .9rem 2rem;
                             border-radius: var(--r);
                             cursor: pointer;
                             transition: background var(--t), transform var(--t)
                         }
                         
                         .form-submit:hover {
                             background: var(--g-d);
                             transform: translateY(-1px)
                         }
                         
                         .form-note {
                             font-size: .75rem;
                             color: var(--ink-s);
                             margin-top: .5rem;
                             text-align: center
                         }
                         /* Map */
                         
                         #world-map {
                             height: 420px;
                             border-radius: 6px;
                             overflow: hidden;
                             border: 1.5px solid var(--g-lt)
                         }
                         
                         .leaflet-popup-content-wrapper {
                             border-radius: 4px;
                             font-family: var(--ff-h);
                             font-size: .82rem;
                             box-shadow: 0 4px 20px rgba(0, 0, 0, .15)
                         }
                         
                         .leaflet-popup-content {
                             margin: .6rem .85rem;
                             line-height: 1.5
                         }
                         
                         .leaflet-popup-content strong {
                             color: var(--g);
                             display: block;
                             font-size: .88rem
                         }
                         
                         .map-legend {
                             display: flex;
                             flex-wrap: wrap;
                             gap: 1.25rem;
                             margin-top: 1rem
                         }
                         
                         .map-pin-label {
                             display: flex;
                             align-items: center;
                             gap: .5rem;
                             font-size: .8rem;
                             color: var(--ink-m)
                         }
                         
                         .map-pin-dot {
                             width: 10px;
                             height: 10px;
                             border-radius: 50%;
                             background: var(--g);
                             border: 2px solid var(--white);
                             box-shadow: 0 0 0 2px var(--g)
                         }
                         
                         .aside-box {
                             background: var(--g);
                             border-radius: 6px;
                             padding: 2rem;
                             color: var(--white)
                         }
                         
                         .aside-label {
                             font-family: var(--ff-h);
                             font-size: .68rem;
                             font-weight: 600;
                             letter-spacing: .2em;
                             text-transform: uppercase;
                             color: rgba(255, 255, 255, .45);
                             margin-bottom: .75rem
                         }
                         
                         .aside-item {
                             display: flex;
                             align-items: center;
                             gap: .6rem;
                             font-size: .84rem;
                             color: rgba(255, 255, 255, .75);
                             padding: .45rem 0;
                             border-top: 1px solid rgba(255, 255, 255, .1)
                         }
                         
                         .aside-item::before {
                             content: '';
                             flex-shrink: 0;
                             width: 5px;
                             height: 5px;
                             background: rgba(255, 255, 255, .4);
                             border-radius: 50%
                         }
                         /* ── FOOTER ── */
                         
                         #footer {
                             background: var(--ink);
                             padding: 5rem 0 2.5rem
                         }
                         
                         .foot-brand {
                             font-family: var(--ff-d);
                             font-weight: 800;
                             font-size: 1.8rem;
                             letter-spacing: .12em;
                             text-transform: uppercase;
                             color: var(--white)
                         }
                         
                         .foot-tagline {
                             font-size: .78rem;
                             color: rgba(255, 255, 255, .3);
                             letter-spacing: .03em;
                             margin-top: .5rem;
                             line-height: 1.65
                         }
                         
                         .foot-h {
                             font-family: var(--ff-h);
                             font-size: .66rem;
                             font-weight: 600;
                             letter-spacing: .2em;
                             text-transform: uppercase;
                             color: rgba(255, 255, 255, .3);
                             margin-bottom: 1rem
                         }
                         
                         .foot-a {
                             display: block;
                             font-size: .84rem;
                             color: rgba(255, 255, 255, .55);
                             padding: .25rem 0;
                             transition: color var(--t)
                         }
                         
                         .foot-a:hover {
                             color: var(--white)
                         }
                         
                         .foot-base {
                             margin-top: 4rem;
                             padding-top: 1.5rem;
                             border-top: 1px solid rgba(255, 255, 255, .06);
                             font-size: .75rem;
                             color: rgba(255, 255, 255, .22);
                             display: flex;
                             flex-wrap: wrap;
                             justify-content: space-between;
                             gap: .5rem
                         }
                         /* ── SWIPER PAGINATION DOTS ── */
                         
                         .swiper-pagination-bullet {
                             background: var(--g-lt);
                             opacity: 1
                         }
                         
                         .swiper-pagination-bullet-active {
                             background: var(--g)
                         }
                         /* ── REVEAL ── */
                         
                         .r-up {
                             opacity: 0;
                             transform: translateY(30px)
                         }
                         
                         .r-fade {
                             opacity: 0
                         }
                         
                         .r-left {
                             opacity: 0;
                             transform: translateX(-30px)
                         }
                         
                         .r-right {
                             opacity: 0;
                             transform: translateX(30px)
                         }
                         /* ── SIDEBAR NAV (mobile) ── */
                         
                         .nav-overlay {
                             display: none;
                             position: fixed;
                             inset: 0;
                             background: rgba(31, 14, 7, .55);
                             z-index: 850;
                             backdrop-filter: blur(3px)
                         }
                         
                         .nav-overlay.open {
                             display: block
                         }
                         
                         .nav-sidebar {
                             position: fixed;
                             top: 0;
                             right: 0;
                             bottom: 0;
                             width: min(300px, 82vw);
                             background: var(--white);
                             z-index: 902;
                             transform: translateX(100%);
                             transition: transform .38s var(--ease);
                             display: flex;
                             flex-direction: column;
                             box-shadow: -8px 0 48px rgba(0, 0, 0, .18)
                         }
                         
                         .nav-sidebar.open {
                             transform: translateX(0)
                         }
                         
                         .sidebar-head {
                             display: flex;
                             align-items: center;
                             justify-content: space-between;
                             padding: 1.25rem 1.5rem;
                             border-bottom: 1.5px solid var(--g-lt)
                         }
                         
                         .sidebar-brand {
                             font-family: var(--ff-d);
                             font-weight: 800;
                             font-size: 1.35rem;
                             letter-spacing: .1em;
                             text-transform: uppercase;
                             color: var(--g)
                         }
                         
                         .sidebar-brand .slash {
                             color: var(--g-m);
                             margin: 0 1px
                         }
                         
                         .sidebar-close {
                             background: none;
                             border: 1.5px solid var(--g-lt);
                             border-radius: var(--r);
                             padding: .35rem;
                             cursor: pointer;
                             display: flex;
                             align-items: center;
                             justify-content: center;
                             transition: border-color var(--t), background var(--t)
                         }
                         
                         .sidebar-close:hover {
                             border-color: var(--g);
                             background: var(--g-xlt)
                         }
                         
                         .sidebar-close svg {
                             width: 18px;
                             height: 18px;
                             stroke: var(--g);
                             fill: none;
                             stroke-width: 2;
                             stroke-linecap: round
                         }
                         
                         .sidebar-links {
                             flex: 1;
                             overflow-y: auto;
                             padding: .5rem 0
                         }
                         
                         .sidebar-a {
                             display: flex;
                             align-items: center;
                             justify-content: space-between;
                             font-family: var(--ff-h);
                             font-size: .92rem;
                             font-weight: 500;
                             color: var(--ink);
                             padding: .9rem 1.5rem;
                             border-bottom: 1px solid var(--g-xlt);
                             transition: color var(--t), background var(--t), padding-left var(--t)
                         }
                         
                         .sidebar-a:hover,
                         .sidebar-a.active {
                             color: var(--g);
                             background: var(--g-xlt);
                             padding-left: 1.85rem
                         }
                         
                         .sidebar-a svg {
                             width: 14px;
                             height: 14px;
                             stroke: currentColor;
                             fill: none;
                             stroke-width: 1.8;
                             stroke-linecap: round;
                             stroke-linejoin: round;
                             opacity: .4
                         }
                         
                         .sidebar-a:hover svg,
                         .sidebar-a.active svg {
                             opacity: 1
                         }
                         
                         .sidebar-foot {
                             padding: 1.25rem 1.5rem;
                             border-top: 1.5px solid var(--g-lt)
                         }
                         
                         .sidebar-cta {
                             display: block;
                             text-align: center;
                             font-family: var(--ff-h);
                             font-size: .78rem;
                             font-weight: 600;
                             letter-spacing: .1em;
                             text-transform: uppercase;
                             color: var(--white);
                             background: var(--g);
                             padding: .75rem 1.5rem;
                             border-radius: var(--r);
                             transition: background var(--t)
                         }
                         
                         .sidebar-cta:hover {
                             background: var(--g-d);
                             color: var(--white)
                         }
                         
                         .sidebar-contact {
                             margin-top: .75rem;
                             font-size: .78rem;
                             color: var(--ink-s);
                             line-height: 1.6
                         }
                         
                         .sidebar-contact a {
                             color: var(--ink-m);
                             transition: color var(--t)
                         }
                         
                         .sidebar-contact a:hover {
                             color: var(--g)
                         }
                         
                          :focus-visible {
                             outline: 2px solid var(--g);
                             outline-offset: 3px;
                             border-radius: 2px
                         }
                         
                         @media(prefers-reduced-motion:reduce) {
                             .r-up,
                             .r-fade,
                             .r-left,
                             .r-right {
                                 opacity: 1 !important;
                                 transform: none !important
                             }
                             * {
                                 transition-duration: .01ms !important;
                                 animation-duration: .01ms !important
                             }
                         }
                         
                         @media(max-width:767px) {
                             .section {
                                 padding: 2.5rem 0
                             }
                             .section-sm {
                                 padding: 2rem 0
                             }
                             .section-lg {
                                 padding: 3.5rem 0
                             }
                             .chapter-img {
                                 aspect-ratio: 3/2
                             }
                             .chapter-img-accent {
                                 left: 1rem;
                                 bottom: 1rem
                             }
                             .contact-card {
                                 padding: 1.75rem
                             }
                             #world-map {
                                 height: 300px
                             }
                             s
                         }