.cc-home{--o:#d35400;--bg:#0b0d10;--dark:#07090b;--panel:#101419;--txt:#f2f2f2;--muted:#92999f;--line:#252b30;background:var(--bg);color:var(--txt);overflow:hidden}.home-wrap{width:min(1220px,calc(100% - 64px));margin:auto}.home-label,.home-kicker,.home-world-number{color:var(--o);font-size:.67rem;font-weight:900;letter-spacing:.2em}.home-hero{position:relative;min-height:78vh;display:flex;align-items:center;padding:120px 0 100px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 35%,rgba(211,84,0,.15),transparent 27%),linear-gradient(135deg,#0c0f12,#07090b)}.home-hero h1{margin:25px 0 0;font-size:clamp(4.5rem,11vw,10rem);line-height:.78;letter-spacing:-.075em}.home-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.7)}.home-rule{width:90px;height:4px;background:var(--o);margin:45px 0 28px}.home-hero-sub{font-weight:900;letter-spacing:.2em}.home-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:45px}.home-btn{min-height:52px;display:inline-flex;align-items:center;padding:0 24px;border:1px solid #353b40;color:#fff;font-size:.65rem;font-weight:900;letter-spacing:.13em}.home-btn-primary{background:var(--o);border-color:var(--o)}.home-btn:hover{color:var(--o);background:transparent;border-color:var(--o)}.home-hero-side{position:absolute;right:-95px;bottom:155px;transform:rotate(-90deg);font-size:.58rem;letter-spacing:.22em;color:#565d63}.home-intro,.home-about{padding:130px 0}.home-intro-grid,.home-about-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.home-intro h2,.home-bridge h2,.home-about h2,.home-cta h2{margin:20px 0;font-size:clamp(3rem,6vw,6rem);line-height:.87;letter-spacing:-.06em}.home-intro h2 span,.home-bridge h2 span,.home-about h2 span,.home-cta h2 span{color:var(--o)}.home-copy p,.home-about-copy p{color:var(--muted);line-height:1.85}.home-copy-lead{color:#fff!important;font-size:1.25rem}.home-mantra{padding-top:25px;border-top:1px solid var(--line);color:#fff!important}.home-mantra strong{color:var(--o)}.home-worlds{display:grid;grid-template-columns:1fr 1fr;border-block:1px solid var(--line)}.home-world{min-height:610px;padding:50px;display:flex;flex-direction:column;color:#fff;background:var(--dark);transition:.25s}.home-world:first-child{border-right:1px solid var(--line)}.home-world:hover{background:var(--panel)}.home-world-content{margin-top:auto}.home-world h2{font-size:clamp(3.3rem,6vw,6.3rem);line-height:.83;letter-spacing:-.065em;margin:0 0 28px}.home-world p{max-width:530px;color:var(--muted);line-height:1.75}.home-link,.home-text-link{display:inline-block;margin-top:25px;color:var(--o);font-size:.68rem;font-weight:900;letter-spacing:.13em}.home-bridge{padding:145px 0;background:var(--dark);text-align:center}.home-process{display:flex;justify-content:center;align-items:center;gap:24px;flex-wrap:wrap;margin:65px 0 45px}.home-process span{padding:20px 28px;border:1px solid var(--line);background:var(--panel);font-size:.7rem;font-weight:900;letter-spacing:.14em}.home-process b{color:var(--o)}.home-bridge-copy{max-width:720px;margin:auto;color:var(--muted);line-height:1.8}.home-bridge-copy strong{display:block;margin-top:20px;color:#fff;font-size:1.2rem}.home-about-image{position:relative;border:1px solid var(--line);overflow:hidden}.home-about-image img{display:block;width:100%;height:auto}.home-image-tag{position:absolute;left:20px;bottom:18px;padding:8px 10px;background:rgba(7,9,11,.82);color:var(--o);font-size:.56rem;font-weight:900;letter-spacing:.14em}.home-cta{padding:150px 0;text-align:center;border-top:1px solid var(--line);background:radial-gradient(circle at 50% 50%,rgba(211,84,0,.14),transparent 34%),#090b0d}.home-cta-pre{margin-top:28px;font-size:.7rem;font-weight:900;letter-spacing:.18em}.home-cta p:not(.home-cta-pre){color:var(--muted);line-height:1.8}.home-cta h3{margin:24px 0 42px}.home-signoff{padding:34px 0;border-top:1px solid var(--line);background:var(--dark)}.home-signoff .home-wrap{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;font-size:.62rem;font-weight:900;letter-spacing:.17em}.home-signoff strong{color:var(--o)}@media(max-width:900px){.home-intro-grid,.home-about-grid,.home-worlds{grid-template-columns:1fr}.home-world:first-child{border-right:0;border-bottom:1px solid var(--line)}.home-world{min-height:500px}}@media(max-width:650px){.home-wrap{width:calc(100% - 32px)}.home-hero{min-height:72vh;padding:95px 0 75px}.home-hero-side{display:none}.home-intro,.home-bridge,.home-about,.home-cta{padding:85px 0}.home-world{min-height:460px;padding:32px 20px}.home-process{gap:10px}.home-process span{width:100%}.home-process b{transform:rotate(90deg)}.home-signoff .home-wrap{flex-direction:column;text-align:center;gap:8px}}

/* ==========================================================
   HOMEPAGE HERO / CAVEMEN PORTRAIT
   Replaces the former standalone portrait section.
   Image:
   /images/about/rik-cavemen-workshop.webp
   ========================================================== */

.home-hero {
    position: relative;
    min-height: calc(100vh - 80px);
    min-height: 820px;
    display: flex;
    align-items: center;
    padding: 0;
    overflow: hidden;
    border-bottom: 1px solid var(--line);
    background: #07090b;
}

.home-hero-background {
    position: absolute;
    inset: 0;
    z-index: 0;
    background-image: url('images/about/rik-cavemen-workshop.webp');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    transform: scale(1.01);
    filter: saturate(.72) contrast(.94) brightness(.74);
}

.home-hero-shade {
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(
            90deg,
            rgba(5,7,9,.98) 0%,
            rgba(5,7,9,.95) 20%,
            rgba(5,7,9,.84) 36%,
            rgba(5,7,9,.52) 54%,
            rgba(5,7,9,.20) 72%,
            rgba(5,7,9,.10) 100%
        ),
        linear-gradient(
            0deg,
            rgba(5,7,9,.65) 0%,
            rgba(5,7,9,0) 38%
        );
}

.home-hero-content {
    position: relative;
    z-index: 2;
}

.home-hero .home-kicker {
    color: var(--o);
    font-size: .67rem;
    font-weight: 900;
    letter-spacing: .20em;
    text-transform: uppercase;
}

.home-hero h1 {
    margin: 25px 0 0;
    max-width: 850px;
    font-size: clamp(4.5rem, 10vw, 9.5rem);
    line-height: .78;
    letter-spacing: -.075em;
    font-weight: 900;
}

.home-hero h1 span {
    color: transparent;
    -webkit-text-stroke: 1px rgba(255,255,255,.82);
}

.home-rule {
    width: 90px;
    height: 4px;
    margin: 45px 0 28px;
    background: var(--o);
}

.home-hero-sub {
    margin: 0;
    font-size: clamp(1rem, 2vw, 1.35rem);
    font-weight: 900;
    letter-spacing: .20em;
}

.home-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 45px;
}

.home-btn {
    min-height: 52px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border: 1px solid rgba(255,255,255,.25);
    color: #fff;
    background: rgba(7,9,11,.35);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .13em;
    transition: background .2s ease, border-color .2s ease, color .2s ease;
}

.home-btn:hover {
    border-color: var(--o);
    color: var(--o);
    background: rgba(7,9,11,.75);
}

.home-btn-primary {
    background: var(--o);
    border-color: var(--o);
}

.home-btn-primary:hover {
    background: transparent;
    color: var(--o);
}

.home-hero-side {
    position: absolute;
    z-index: 2;
    right: -95px;
    bottom: 155px;
    transform: rotate(-90deg);
    color: rgba(255,255,255,.35);
    font-size: .58rem;
    font-weight: 700;
    letter-spacing: .22em;
}

.home-hero-photo-label {
    position: absolute;
    z-index: 2;
    right: 32px;
    bottom: 28px;
    color: rgba(255,255,255,.38);
    font-size: .55rem;
    font-weight: 800;
    letter-spacing: .18em;
    text-transform: uppercase;
}

/* Tablet */
@media (max-width: 900px) {
    .home-hero {
        min-height: 760px;
    }

    .home-hero-background {
        background-position: 58% center;
    }

    .home-hero-shade {
        background:
            linear-gradient(
                90deg,
                rgba(5,7,9,.96) 0%,
                rgba(5,7,9,.87) 32%,
                rgba(5,7,9,.42) 62%,
                rgba(5,7,9,.12) 100%
            ),
            linear-gradient(
                0deg,
                rgba(5,7,9,.72) 0%,
                rgba(5,7,9,0) 45%
            );
    }

    .home-hero h1 {
        font-size: clamp(4rem, 12vw, 7rem);
    }
}

/* Mobile */
@media (max-width: 650px) {
    .home-hero {
        min-height: 780px;
        align-items: flex-end;
        padding: 0 0 70px;
    }

    .home-hero-background {
        background-position: 63% center;
    }

    .home-hero-shade {
        background:
            linear-gradient(
                0deg,
                rgba(5,7,9,1) 0%,
                rgba(5,7,9,.96) 20%,
                rgba(5,7,9,.74) 38%,
                rgba(5,7,9,.24) 62%,
                rgba(5,7,9,.05) 100%
            );
    }

    .home-hero-content {
        width: calc(100% - 32px);
    }

    .home-hero h1 {
        margin-top: 16px;
        font-size: clamp(3.7rem, 18vw, 5.6rem);
        line-height: .80;
    }

    .home-rule {
        margin: 30px 0 20px;
    }

    .home-hero-sub {
        font-size: .78rem;
        line-height: 1.7;
    }

    .home-actions {
        margin-top: 30px;
    }

    .home-btn {
        width: 100%;
    }

    .home-hero-side,
    .home-hero-photo-label {
        display: none;
    }
}