.elementor-273 .elementor-element.elementor-element-3c32931{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-273 .elementor-element.elementor-element-3c32931:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-3c32931 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E9E5DC;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;scroll-padding:0px;}:root{--page-title-display:none;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(max-width:1024px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS *//* ==========================================================
   THE JOINED — ABOUT V5: ELEMENTOR-OWNED PANEL BACKGROUNDS
   Based on V4. All original component styling is retained.
   Set each outer tj-about-snap container's background in
   Elementor > Style > Background.
   ========================================================== */

/* ==========================================================
   THE JOINED — ABOUT
   ========================================================== */

.tj-about-page {

    --tj-black: #111111;
    --tj-pink: #ff1478;

    /*
     * Main page colour deliberately differs from
     * the header/sidebar cream.
     */
    --tj-page: #e9e5dc;

    --tj-paper: #f8f5ef;
    --tj-cream: #f2e6cd;
    --tj-soft: #d8d2c7;
    --tj-white: #ffffff;

    width: 100%;

    overflow: hidden;

    color:
        var(--tj-black);

    font-family:
        inherit;

    line-height: 1.6;
}


.tj-about-page *,
.tj-about-page *::before,
.tj-about-page *::after {
    box-sizing: border-box;
}


.tj-about-page h1,
.tj-about-page h2,
.tj-about-page h3,
.tj-about-page p {
    margin-top: 0;
}



/* ==========================================================
   HERO
   ========================================================== */

.tj-about-hero {

    position: relative;

    display: grid;

    grid-template-columns:
        minmax(330px, .82fr)
        minmax(0, 1.18fr);

    gap:
        clamp(40px, 7vw, 110px);

    max-width:
        1500px;

    margin:
        0 auto;

    padding:
        clamp(90px, 10vw, 150px)
        clamp(25px, 6vw, 90px)
        clamp(80px, 9vw, 135px);
}

/* ==================================================
   THE JOINED — ABOUT HERO IMAGE ASPECT RATIO FIX
   ================================================== */

.tj-about-hero .tj-about-art-frame {
    height: auto !important;
    aspect-ratio: 3 / 4;
    overflow: visible;
}

.tj-about-hero .tj-about-art-frame img {
    display: block;
    width: 100%;
    height: auto !important;
    aspect-ratio: 3 / 4;
    object-fit: contain !important;
}

/* Keep the stamp fully visible */
.tj-about-hero .tj-about-stamp {
    z-index: 2;
}



/* ==========================================================
   HERO IMAGE
   ========================================================== */

.tj-about-art {

    align-self: start;

    width: 100%;

    max-width: 540px;

    transform:
        rotate(-1.4deg);
}


.tj-about-art-frame {

    position: relative;

    aspect-ratio:
        3 / 4;

    padding:
        10px;

    background:
        var(--tj-black);

    box-shadow:
        16px 18px 0
        var(--tj-black);
}


.tj-about-art-frame img {

    display: block;

    width: 100%;
    height: 100%;

    object-fit: cover;
}


.tj-about-stamp {

    position: absolute;

    right: -34px;
    bottom: 38px;

    width: 185px;

    min-height: 137px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    padding:
        18px 20px;

    background:
        var(--tj-pink);

    color:
        var(--tj-black);

    transform:
        rotate(5deg);

    box-shadow:
        7px 7px 0
        var(--tj-black);
}


.tj-about-stamp span {

    font-size: 9px;

    font-weight: 900;

    letter-spacing: .17em;
}


.tj-about-stamp strong {

    margin-top:
        7px;

    font-size:
        clamp(22px, 2vw, 29px);

    line-height:
        .95;

    letter-spacing:
        -.015em;
}


.tj-about-art-caption {

    display: flex;

    justify-content:
        space-between;

    gap: 20px;

    padding:
        20px 4px 0;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .14em;
}



/* ==========================================================
   HERO TEXT
   ========================================================== */

.tj-about-intro {

    align-self:
        center;

    max-width:
        760px;
}


.tj-about-eyebrow {

    display: flex;

    align-items:
        center;

    gap:
        11px;

    margin-bottom:
        26px;

    font-size:
        12px;

    font-weight:
        900;

    letter-spacing:
        .18em;
}


.tj-spray-dot {

    width:
        14px;

    height:
        14px;

    display:
        inline-block;

    border-radius:
        50%;

    background:
        var(--tj-pink);

    box-shadow:
        15px -7px 0 -4px var(--tj-pink),
        20px 8px 0 -5px var(--tj-pink),
        -7px 13px 0 -5px var(--tj-pink);
}


.tj-about-intro h1 {

    margin:
        0;

    font-size:
        clamp(67px, 8.7vw, 148px);

    line-height:
        .81;

    letter-spacing:
        -.04em;

    font-weight:
        950;
}


.tj-about-intro h1 span {

    color:
        var(--tj-pink);
}


.tj-about-lead {

    max-width:
        690px;

    margin:
        46px 0 0;

    font-size:
        clamp(24px, 2.5vw, 38px);

    line-height:
        1.08;

    letter-spacing:
        -.025em;

    font-weight:
        800;
}


.tj-about-summary {

    max-width:
        660px;

    margin:
        28px 0 0;

    font-size:
        clamp(16px, 1.25vw, 19px);
}


.tj-about-meta {

    display: grid;

    grid-template-columns:
        1fr 1fr;

    gap:
        18px;

    margin-top:
        42px;

    padding-top:
        22px;

    border-top:
        3px solid
        var(--tj-black);
}


.tj-about-meta div {

    display: flex;

    flex-direction:
        column;

    gap:
        4px;
}


.tj-about-meta small {

    font-size:
        10px;

    font-weight:
        900;

    letter-spacing:
        .14em;
}


.tj-about-meta strong {

    font-size:
        13px;

    line-height:
        1.3;
}



/* ==========================================================
   HERO BUTTON
   ========================================================== */

.tj-hero-actions {

    display: flex;

    margin-top:
        34px;
}


.tj-about-button {

    min-height:
        54px;

    display:
        inline-flex;

    align-items:
        center;

    justify-content:
        center;

    gap:
        12px;

    padding:
        14px 21px;

    border:
        3px solid
        var(--tj-black);

    background:
        var(--tj-pink);

    color:
        var(--tj-black) !important;

    box-shadow:
        6px 6px 0
        var(--tj-black);

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .09em;

    text-decoration:
        none !important;

    transition:
        transform .18s ease,
        box-shadow .18s ease;
}


.tj-about-button:hover {

    transform:
        translate(3px, 3px);

    box-shadow:
        3px 3px 0
        var(--tj-black);
}



/* ==========================================================
   COMMON SECTION HEADING
   ========================================================== */

.tj-section-heading {

    max-width:
        1380px;

    margin:
        0 auto;
}


.tj-section-heading > span,
.tj-section-label {

    display:
        block;

    margin-bottom:
        15px;

    color:
        var(--tj-pink);

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .17em;
}


.tj-section-heading h2 {

    max-width:
        1150px;

    margin:
        0;

    font-size:
        clamp(40px, 5.5vw, 82px);

    line-height:
        .95;

    letter-spacing:
        -.028em;

    font-weight:
        950;
}


.tj-section-heading h2 em {

    color:
        var(--tj-pink);

    font-style:
        normal;
}



/* ==========================================================
   WHY THE JOINED
   ========================================================== */

.tj-about-dark {

    padding:
        clamp(80px, 9vw, 135px)
        clamp(25px, 6vw, 90px);

    color:
        var(--tj-white);
}


.tj-about-origin-grid {

    max-width:
        1380px;

    margin:
        70px auto 0;

    display:
        grid;

    grid-template-columns:
        .9fr 1.1fr;

    gap:
        clamp(50px, 8vw, 120px);

    align-items:
        start;
}


.tj-origin-big strong {

    display:
        block;

    color:
        var(--tj-pink);

    font-size:
        clamp(42px, 5vw, 72px);

    line-height:
        .92;

    letter-spacing:
        -.025em;
}


.tj-origin-copy {

    max-width:
        690px;
}


.tj-origin-copy p {

    margin:
        0 0 23px;

    font-size:
        clamp(17px, 1.3vw, 20px);

    line-height:
        1.65;
}



/* ==========================================================
   BRISTOL
   ========================================================== */

.tj-bristol-section {

    padding:
        clamp(90px, 10vw, 150px)
        clamp(25px, 6vw, 90px);
}


.tj-bristol-grid {

    max-width:
        1380px;

    margin:
        70px auto 0;

    display:
        grid;

    grid-template-columns:
        repeat(3, 1fr);

    border-top:
        2px solid
        var(--tj-black);

    border-left:
        2px solid
        var(--tj-black);
}


.tj-bristol-card {

    position:
        relative;

    min-height:
        365px;

    padding:
        34px 30px 75px;

    border-right:
        2px solid
        var(--tj-black);

    border-bottom:
        2px solid
        var(--tj-black);

    background:
        var(--tj-paper);
}


.tj-card-number {

    display:
        block;

    color:
        var(--tj-pink);

    font-size:
        11px;

    font-weight:
        950;

    letter-spacing:
        .13em;
}


.tj-bristol-card h3 {

    margin:
        55px 0 18px;

    font-size:
        clamp(28px, 2.6vw, 41px);

    line-height:
        .94;

    letter-spacing:
        -.025em;

    font-weight:
        950;
}


.tj-bristol-card p {

    margin:
        0;

    font-size:
        14px;

    line-height:
        1.6;
}


.tj-bristol-card small {

    position:
        absolute;

    left:
        30px;

    right:
        30px;

    bottom:
        25px;

    padding-top:
        13px;

    border-top:
        1px solid
        currentColor;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        .11em;
}


.tj-bristol-card-accent {

    background:
        var(--tj-pink);

    color:
        var(--tj-black);
}


.tj-bristol-card-accent .tj-card-number {

    color:
        var(--tj-black);
}



/* ==========================================================
   FOUNDER
   ========================================================== */

.tj-founder-section {

    display:
        grid;

    grid-template-columns:
        minmax(300px, .8fr)
        minmax(0, 1.2fr);

    gap:
        clamp(55px, 8vw, 125px);

    align-items:
        center;

    padding:
        clamp(90px, 10vw, 150px)
        clamp(25px, 6vw, 90px);
}


.tj-founder-image {

    width:
        100%;

    max-width:
        560px;

    justify-self:
        end;
}


.tj-founder-frame {

    position:
        relative;

    padding:
        9px;

    background:
        var(--tj-black);

    transform:
        rotate(-2deg);

    box-shadow:
        15px 17px 0
        var(--tj-black);
}


.tj-founder-frame img {

    display:
        block;

    width:
        100%;

    height:
        auto;
}


.tj-founder-caption {

    margin-top:
        30px;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .12em;

    transform:
        rotate(-1deg);
}


.tj-founder-copy {

    max-width:
        780px;
}


.tj-founder-copy h2 {

    margin:
        0 0 36px;

    font-size:
        clamp(48px, 6vw, 91px);

    line-height:
        .92;

    letter-spacing:
        -.03em;

    font-weight:
        950;
}


.tj-founder-copy h2 span {

    color:
        var(--tj-pink);
}


.tj-founder-copy > p {

    margin:
        0 0 20px;

    font-size:
        clamp(16px, 1.15vw, 19px);

    line-height:
        1.67;
}


.tj-founder-lead {

    font-size:
        clamp(21px, 2vw, 30px) !important;

    line-height:
        1.25 !important;

    font-weight:
        800;
}


.tj-founder-highlight {

    display:
        grid;

    grid-template-columns:
        90px 1fr;

    gap:
        25px;

    margin:
        38px 0;

    padding:
        30px;

    background:
        var(--tj-black);

    color:
        var(--tj-white);

    box-shadow:
        8px 8px 0
        var(--tj-pink);
}


.tj-founder-highlight > span {

    color:
        var(--tj-pink);

    font-size:
        25px;

    font-weight:
        950;
}


.tj-founder-highlight strong {

    display:
        block;

    margin-bottom:
        12px;

    font-size:
        22px;
}


.tj-founder-highlight p {

    margin:
        0 0 12px;

    font-size:
        15px;

    line-height:
        1.55;
}


.tj-founder-highlight p:last-child {

    margin-bottom:
        0;
}


.tj-inline-link {

    display:
        inline-flex;

    gap:
        10px;

    margin-top:
        15px;

    color:
        var(--tj-black) !important;

    border-bottom:
        3px solid
        var(--tj-pink);

    font-size:
        12px;

    font-weight:
        950;

    letter-spacing:
        .08em;

    text-decoration:
        none !important;
}



/* ==========================================================
   FILM
   ========================================================== */

.tj-film-section {

    display:
        grid;

    grid-template-columns:
        .65fr 1.35fr;

    gap:
        clamp(45px, 7vw, 100px);

    padding:
        clamp(90px, 10vw, 150px)
        clamp(25px, 6vw, 90px);

    color:
        var(--tj-white);
}


.tj-film-heading > span {

    display:
        block;

    margin-bottom:
        20px;

    color:
        var(--tj-pink);

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .16em;
}


.tj-film-heading h2 {

    margin:
        0;

    font-size:
        clamp(60px, 8vw, 125px);

    line-height:
        .82;

    letter-spacing:
        -.035em;

    font-weight:
        950;
}


.tj-film-heading h2 em {

    color:
        var(--tj-pink);

    font-style:
        normal;
}


.tj-film-intro {

    max-width:
        760px;
}


.tj-film-intro p {

    margin:
        0 0 20px;

    font-size:
        clamp(16px, 1.2vw, 19px);

    line-height:
        1.67;
}


.tj-film-lead {

    font-size:
        clamp(23px, 2.2vw, 34px) !important;

    line-height:
        1.2 !important;

    font-weight:
        800;
}


.tj-video-wrap {

    grid-column:
        1 / -1;

    margin-top:
        20px;
}


.tj-video-frame {

    position:
        relative;

    width:
        100%;

    max-width:
        1300px;

    aspect-ratio:
        16 / 9;

    overflow:
        hidden;

    border:
        3px solid
        var(--tj-white);

    box-shadow:
        14px 14px 0
        var(--tj-pink);
}


.tj-video-frame iframe {

    position:
        absolute;

    inset:
        0;

    width:
        100%;

    height:
        100%;

    border:
        0;
}



/* ==========================================================
   UWE
   ========================================================== */

.tj-uwe-section {

    display:
        grid;

    grid-template-columns:
        300px minmax(0, 850px);

    justify-content:
        center;

    gap:
        clamp(50px, 8vw, 120px);

    align-items:
        center;

    padding:
        clamp(95px, 11vw, 165px)
        clamp(25px, 6vw, 90px);
}


.tj-uwe-mark {

    width:
        255px;

    min-height:
        255px;

    display:
        flex;

    flex-direction:
        column;

    align-items:
        center;

    justify-content:
        center;

    padding:
        25px;

    border:
        6px solid
        var(--tj-black);

    border-radius:
        50%;

    text-align:
        center;

    transform:
        rotate(-8deg);
}


.tj-uwe-mark span {

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .18em;
}


.tj-uwe-mark strong {

    margin:
        6px 0;

    font-size:
        45px;

    line-height:
        .9;
}


.tj-uwe-mark small {

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        .12em;
}


.tj-uwe-copy h2 {

    margin:
        0 0 35px;

    font-size:
        clamp(46px, 5.8vw, 88px);

    line-height:
        .94;

    letter-spacing:
        -.03em;

    font-weight:
        950;
}


.tj-uwe-copy h2 span {

    color:
        var(--tj-pink);
}


.tj-uwe-copy > p {

    margin:
        0 0 20px;

    font-size:
        clamp(16px, 1.15vw, 19px);

    line-height:
        1.68;
}


.tj-uwe-lead {

    font-size:
        clamp(21px, 2vw, 29px) !important;

    line-height:
        1.3 !important;

    font-weight:
        800;
}


.tj-note-box {

    margin-top:
        35px;

    padding:
        26px 29px;

    border:
        3px solid
        var(--tj-black);

    background:
        var(--tj-paper);

    box-shadow:
        7px 7px 0
        var(--tj-black);
}


.tj-note-box strong {

    display:
        block;

    margin-bottom:
        12px;

    font-size:
        16px;
}


.tj-note-box p {

    margin:
        0;

    font-size:
        15px;

    line-height:
        1.6;
}



/* ==========================================================
   LEVLAN
   ========================================================== */

.tj-levlan-section {

    display:
        grid;

    grid-template-columns:
        1.15fr .85fr;

    gap:
        clamp(55px, 8vw, 120px);

    align-items:
        center;

    padding:
        clamp(90px, 10vw, 150px)
        clamp(25px, 6vw, 90px);

    color:
        var(--tj-white);
}


.tj-levlan-copy {

    max-width:
        820px;
}


.tj-levlan-label {

    display:
        block;

    margin-bottom:
        18px;

    color:
        #c09954;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .16em;
}


.tj-levlan-copy h2 {

    margin:
        0 0 35px;

    font-size:
        clamp(45px, 5.8vw, 88px);

    line-height:
        .94;

    letter-spacing:
        -.03em;

    font-weight:
        950;
}


.tj-levlan-copy h2 span {

    color:
        #c09954;
}


.tj-levlan-copy p {

    margin:
        0 0 20px;

    font-size:
        clamp(16px, 1.15vw, 19px);

    line-height:
        1.68;
}


.tj-levlan-panel {

    min-height:
        480px;

    display:
        flex;

    flex-direction:
        column;

    justify-content:
        center;

    padding:
        clamp(35px, 5vw, 65px);

    border:
        2px solid
        rgba(255,255,255,.35);
}


.tj-levlan-panel img {

    width:
        min(100%, 300px);

    height:
        auto;
}


.tj-levlan-rule {

    width:
        100%;

    height:
        1px;

    margin:
        42px 0;

    background:
        rgba(255,255,255,.3);
}


.tj-levlan-panel > span {

    margin-bottom:
        12px;

    color:
        #c09954;

    font-size:
        9px;

    font-weight:
        900;

    letter-spacing:
        .16em;
}


.tj-levlan-panel > strong {

    font-size:
        clamp(32px, 4vw, 55px);

    line-height:
        .94;
}


.tj-levlan-panel > small {

    margin-top:
        25px;

    font-size:
        10px;

    line-height:
        1.5;

    letter-spacing:
        .09em;
}



/* ==========================================================
   PRINCIPLES
   ========================================================== */

.tj-principles-section {

    padding:
        clamp(90px, 10vw, 150px)
        clamp(25px, 6vw, 90px);
}


.tj-principles-grid {

    max-width:
        1380px;

    margin:
        70px auto 0;

    display:
        grid;

    grid-template-columns:
        repeat(4, 1fr);

    border-top:
        2px solid
        var(--tj-black);

    border-bottom:
        2px solid
        var(--tj-black);
}


.tj-principles-grid article {

    min-height:
        320px;

    position:
        relative;

    padding:
        30px 27px 70px;

    border-right:
        1px solid
        var(--tj-black);
}


.tj-principles-grid article:first-child {

    border-left:
        1px solid
        var(--tj-black);
}


.tj-principles-grid article > span {

    color:
        var(--tj-pink);

    font-size:
        10px;

    font-weight:
        950;
}


.tj-principles-grid h3 {

    margin:
        55px 0 18px;

    font-size:
        clamp(26px, 2.3vw, 36px);

    line-height:
        .95;

    font-weight:
        950;
}


.tj-principles-grid p {

    margin:
        0;

    font-size:
        14px;

    line-height:
        1.55;
}


.tj-principle-accent {

    background:
        var(--tj-pink);
}


.tj-principle-accent > span {

    color:
        var(--tj-black) !important;
}



/* ==========================================================
   CONTACT / FORM
   ========================================================== */

.tj-about-contact {

    display:
        grid;

    grid-template-columns:
        72px minmax(0, 930px);

    justify-content:
        center;

    gap:
        clamp(30px, 5vw, 70px);

    padding:
        clamp(90px, 10vw, 150px)
        clamp(25px, 6vw, 90px);
}


.tj-contact-number {

    color:
        var(--tj-pink);

    font-size:
        16px;

    font-weight:
        950;

    letter-spacing:
        .08em;
}


.tj-contact-content {

    width:
        100%;

    max-width:
        930px;
}


.tj-contact-content > h2 {

    margin:
        0 0 28px;

    font-size:
        clamp(50px, 6vw, 92px);

    line-height:
        .92;

    letter-spacing:
        -.03em;

    font-weight:
        950;
}


.tj-contact-content > h2 span {

    color:
        var(--tj-pink);
}


.tj-contact-lead {

    max-width:
        720px;

    margin:
        0 0 45px;

    font-size:
        clamp(18px, 1.6vw, 23px);

    line-height:
        1.55;

    font-weight:
        650;
}


/* ==========================================================
   EMBEDDED REUSABLE FORM
   ========================================================== */

.tj-about-form-wrap {

    width:
        100%;

    margin-top:
        35px;
}


.tj-about-form-wrap .tj-form-shell {

    width:
        100%;

    max-width:
        100%;

    margin:
        0;
}


/*
 * The About section already provides the large section
 * introduction. The reusable form's own heading remains
 * visible underneath so its purpose and fields stay
 * consistent with the legal forms.
 */

.tj-about-form-wrap .tj-form-heading {

    max-width:
        760px;
}


/*
 * Prevent reusable form layouts from escaping the
 * About page content column.
 */

.tj-about-form-wrap .tj-form,
.tj-about-form-wrap .tj-form-row,
.tj-about-form-wrap .tj-field,
.tj-about-form-wrap .tj-turnstile-section,
.tj-about-form-wrap .tj-consent,
.tj-about-form-wrap .tj-form-bottom {

    max-width:
        100%;
}



/* ==========================================================
   FINAL STRIP
   ========================================================== */

.tj-about-final {

    min-height:
        360px;

    display:
        flex;

    align-items:
        flex-end;

    justify-content:
        space-between;

    gap:
        40px;

    padding:
        clamp(60px, 8vw, 105px)
        clamp(25px, 6vw, 90px);

    color:
        var(--tj-black);
}


.tj-about-final div {

    display:
        flex;

    flex-direction:
        column;
}


.tj-about-final span {

    margin-bottom:
        15px;

    font-size:
        11px;

    font-weight:
        900;

    letter-spacing:
        .18em;
}


.tj-about-final strong {

    font-size:
        clamp(35px, 5vw, 72px);

    line-height:
        .93;

    letter-spacing:
        -.025em;
}


.tj-about-final p {

    max-width:
        320px;

    margin:
        0;

    font-size:
        16px;

    font-weight:
        850;
}



/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1050px) {

    .tj-about-hero {

        grid-template-columns:
            40%
            minmax(0, 60%);

        gap:
            50px;
    }


    .tj-about-stamp {

        right:
            -15px;

        width:
            150px;
    }


    .tj-bristol-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }


    .tj-principles-grid {

        grid-template-columns:
            repeat(2, 1fr);
    }


    .tj-principles-grid article {

        border-bottom:
            1px solid
            var(--tj-black);
    }

}



/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .tj-about-hero {

        grid-template-columns:
            1fr;

        gap:
            65px;

        padding-top:
            65px;
    }


    .tj-about-art {

        width:
            calc(100% - 18px);

        max-width:
            410px;

        margin:
            0 auto;
    }


    .tj-about-art-frame {

        box-shadow:
            10px 12px 0
            var(--tj-black);
    }


    .tj-about-stamp {

        right:
            -12px;

        bottom:
            25px;

        width:
            140px;

        min-height:
            110px;
    }


    .tj-about-stamp strong {

        font-size:
            20px;
    }


    .tj-about-intro h1 {

        font-size:
            clamp(58px, 18vw, 92px);

        line-height:
            .85;
    }


    .tj-about-lead {

        margin-top:
            35px;
    }


    .tj-about-meta {

        grid-template-columns:
            1fr;
    }


    .tj-about-origin-grid {

        grid-template-columns:
            1fr;

        gap:
            40px;
    }


    .tj-bristol-grid {

        grid-template-columns:
            1fr;
    }


    .tj-bristol-card {

        min-height:
            330px;
    }


    .tj-founder-section {

        grid-template-columns:
            1fr;
    }


    .tj-founder-image {

        justify-self:
            start;

        width:
            calc(100% - 15px);

        max-width:
            440px;
    }


    .tj-founder-highlight {

        grid-template-columns:
            1fr;

        gap:
            15px;
    }


    .tj-film-section {

        grid-template-columns:
            1fr;
    }


    .tj-video-wrap {

        grid-column:
            1;
    }


    .tj-uwe-section {

        grid-template-columns:
            1fr;

        justify-content:
            stretch;
    }


    .tj-uwe-mark {

        width:
            165px;

        min-height:
            165px;
    }


    .tj-uwe-mark strong {

        font-size:
            29px;
    }


    .tj-levlan-section {

        grid-template-columns:
            1fr;
    }


    .tj-levlan-panel {

        min-height:
            330px;
    }


    .tj-principles-grid {

        grid-template-columns:
            1fr;
    }


    .tj-principles-grid article,
    .tj-principles-grid article:first-child {

        min-height:
            auto;

        padding-bottom:
            50px;

        border-left:
            1px solid
            var(--tj-black);

        border-right:
            1px solid
            var(--tj-black);

        border-bottom:
            1px solid
            var(--tj-black);
    }


    .tj-about-contact {

        grid-template-columns:
            42px
            minmax(0, 1fr);

        gap:
            12px;

        padding:
            75px 22px
            95px;
    }


    .tj-contact-number {

        font-size:
            13px;
    }


    .tj-contact-lead {

        margin-bottom:
            30px;
    }


    .tj-about-form-wrap {

        margin-top:
            25px;
    }


    .tj-about-final {

        flex-direction:
            column;

        align-items:
            flex-start;
    }

}



/* ==========================================================
   ACCESSIBILITY
   ========================================================== */

@media (prefers-reduced-motion: reduce) {

    .tj-about-page *,
    .tj-about-page *::before,
    .tj-about-page *::after {

        scroll-behavior:
            auto !important;

        transition:
            none !important;
    }

}



/* ==========================================================
   THE JOINED ABOUT — 2026 SCREEN-PANEL REFINEMENT
   Each numbered HTML fragment belongs in its own Elementor
   container with class tj-about-snap.
   Never clamp content on small screens: no clipped forms/text.
   ========================================================== */
.tj-about-page {font-family: 'Inter',Arial,sans-serif; line-height:1.5; overflow:visible; width:100%;}
.tj-about-page h1,.tj-about-page h2,.tj-about-page h3,
.tj-about-page .tj-origin-big strong,.tj-about-page .tj-about-final strong,
.tj-about-page .tj-founder-poster-inner strong,
.tj-about-page .tj-levlan-panel>strong,
.tj-about-page .tj-uwe-mark strong {font-family:'Bebas Neue',Impact,sans-serif!important;font-weight:400!important;letter-spacing:.005em!important;}
.tj-about-page .tj-about-eyebrow,.tj-about-page .tj-section-heading>span,
.tj-about-page .tj-section-label,.tj-about-page .tj-film-heading>span,
.tj-about-page .tj-levlan-label {font-family:'Permanent Marker',cursive;letter-spacing:0!important;text-transform:none;font-weight:400!important;font-size:clamp(13px,1.15vw,17px);}
.tj-about-page a,.tj-about-page p,.tj-about-page small {font-family:'Inter',Arial,sans-serif;}
.tj-about-page :is(.tj-about-hero,.tj-about-dark,.tj-bristol-section,.tj-founder-section,.tj-film-section,.tj-uwe-section,.tj-levlan-section,.tj-principles-section,.tj-about-contact,.tj-about-final) {
  box-sizing:border-box; width:100%; min-height:calc(100svh - 60px);
  padding:clamp(34px,4.2vh,62px) clamp(24px,5.5vw,85px);
}
.tj-about-page .tj-about-hero {max-width:none;grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr);align-items:center;gap:clamp(28px,5vw,75px);}
.tj-about-page .tj-about-art {max-width:370px;justify-self:center;align-self:center;}
.tj-about-page .tj-about-art-frame {aspect-ratio:3/3.5;}
.tj-about-page .tj-about-stamp {right:-18px;bottom:18px;transform:rotate(5deg) scale(.78);transform-origin:bottom right;}
.tj-about-page .tj-about-intro h1 {font-size:clamp(58px,7vw,112px);line-height:.89;}
.tj-about-page .tj-about-lead {margin-top:22px;font-size:clamp(19px,1.8vw,27px);line-height:1.23;}
.tj-about-page .tj-about-summary {margin-top:14px;font-size:clamp(14px,1.1vw,17px);}
.tj-about-page .tj-about-meta {margin-top:18px;padding-top:12px;}
.tj-about-page .tj-hero-actions {margin-top:17px;}
.tj-about-page .tj-section-heading h2 {font-size:clamp(44px,5vw,76px);line-height:.96;}
.tj-about-page .tj-about-origin-grid,.tj-about-page .tj-bristol-grid,.tj-about-page .tj-principles-grid {margin-top:clamp(22px,4vh,42px);}
.tj-about-page .tj-origin-big strong {font-size:clamp(50px,5.8vw,88px);}
.tj-about-page .tj-origin-copy p {font-size:clamp(16px,1.3vw,19px);line-height:1.48;margin-bottom:15px;}
.tj-about-page .tj-bristol-section {display:flex;flex-direction:column;justify-content:center;}
.tj-about-page .tj-bristol-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
.tj-about-page .tj-bristol-card {min-height:clamp(260px,41vh,350px);padding:25px 22px 65px;}
.tj-about-page .tj-bristol-card h3 {margin:26px 0 15px;font-size:clamp(34px,3vw,48px);}
.tj-about-page .tj-bristol-card p {font-size:clamp(13px,1vw,15px);line-height:1.45;}
.tj-about-page .tj-bristol-card small {left:22px;right:22px;bottom:15px;}
.tj-about-page .tj-founder-section {grid-template-columns:minmax(230px,.7fr) minmax(0,1.3fr);gap:clamp(28px,5vw,80px);}
.tj-about-page .tj-founder-image {max-width:390px;justify-self:center;}
.tj-about-page .tj-founder-frame img {max-height:61svh;object-fit:cover;}
.tj-about-page .tj-founder-copy h2 {font-size:clamp(48px,5.4vw,84px);margin-bottom:20px;}
.tj-about-page .tj-founder-copy>p {font-size:clamp(14px,1.13vw,17px);line-height:1.48;margin-bottom:12px;}
.tj-about-page .tj-founder-lead {font-size:clamp(19px,1.7vw,25px)!important;}
.tj-about-page .tj-founder-highlight {margin:14px 0 22px;padding:20px;}
.tj-about-page .tj-founder-highlight p {font-size:14px;line-height:1.4;}
.tj-founder-poster-inner {min-height:410px;background:#111;color:#fff;padding:32px;display:flex;flex-direction:column;justify-content:space-between;border:7px solid #ff1478;transform:rotate(-2deg);box-shadow:13px 14px 0 #111;}
.tj-founder-poster-inner span,.tj-founder-poster-inner small {font-size:12px;letter-spacing:.11em;}
.tj-founder-poster-inner strong {color:#ff1478;font-size:clamp(65px,8vw,120px);line-height:.84;}
.tj-about-page .tj-film-section {grid-template-columns:.55fr 1.45fr;gap:18px 60px;align-content:center;}
.tj-about-page .tj-film-heading h2 {font-size:clamp(60px,8vw,110px);}
.tj-about-page .tj-film-intro p {margin-bottom:12px;font-size:clamp(14px,1.1vw,17px);line-height:1.4;}
.tj-about-page .tj-film-lead {font-size:clamp(18px,1.7vw,24px)!important;}
.tj-about-page .tj-video-wrap {margin:0 auto;width:min(100%,950px);}
.tj-about-page .tj-video-frame {max-width:950px;}
.tj-about-page .tj-uwe-section {grid-template-columns:225px minmax(0,820px);gap:clamp(35px,6vw,85px);}
.tj-about-page .tj-uwe-mark {width:210px;min-height:210px;}
.tj-about-page .tj-uwe-copy h2,.tj-about-page .tj-levlan-copy h2 {font-size:clamp(48px,5.5vw,78px);margin-bottom:20px;}
.tj-about-page .tj-uwe-copy>p,.tj-about-page .tj-levlan-copy p {font-size:clamp(15px,1.12vw,18px);line-height:1.5;margin-bottom:13px;}
.tj-about-page .tj-uwe-lead {font-size:clamp(18px,1.6vw,24px)!important;}
.tj-about-page .tj-note-box {padding:18px 24px;margin-top:19px;}
.tj-about-page .tj-levlan-panel {min-height:350px;padding:34px;}
.tj-about-page .tj-levlan-rule {margin:24px 0;}
.tj-about-page .tj-principles-section {display:flex;flex-direction:column;justify-content:center;}
.tj-about-page .tj-principles-grid article {min-height:260px;padding:23px 19px 55px;}
.tj-about-page .tj-principles-grid h3 {font-size:clamp(31px,3vw,42px);margin:32px 0 18px;}
.tj-about-page .tj-about-contact {grid-template-columns:52px minmax(0,860px);align-content:center;}
.tj-about-page .tj-contact-content>h2 {font-size:clamp(55px,6vw,85px);margin-bottom:12px;}
.tj-about-page .tj-contact-lead {font-size:clamp(16px,1.25vw,20px);margin-bottom:16px;}
.tj-about-page .tj-about-final {min-height:calc(100svh - 60px);align-items:center;}
.tj-about-page .tj-about-final strong {font-size:clamp(68px,8vw,130px);}
/* Very short desktop heights or longer text: allow natural expansion rather than hide content. */
@media (max-height:760px) { .tj-about-page :is(.tj-about-hero,.tj-about-dark,.tj-bristol-section,.tj-founder-section,.tj-film-section,.tj-uwe-section,.tj-levlan-section,.tj-principles-section,.tj-about-contact,.tj-about-final) {min-height:calc(100svh - 60px);height:auto;} }
@media (max-width:1050px) {
 .tj-about-page .tj-bristol-grid {grid-template-columns:repeat(3,minmax(0,1fr));}
 .tj-about-page .tj-bristol-card {min-height:340px;}
 .tj-about-page .tj-principles-grid {grid-template-columns:repeat(2,1fr);}
}
@media (max-width:767px) {
 .tj-about-page :is(.tj-about-hero,.tj-about-dark,.tj-bristol-section,.tj-founder-section,.tj-film-section,.tj-uwe-section,.tj-levlan-section,.tj-principles-section,.tj-about-contact,.tj-about-final) {height:auto;min-height:0;padding:55px 22px;}
 .tj-about-page .tj-about-hero,.tj-about-page .tj-founder-section,.tj-about-page .tj-film-section,.tj-about-page .tj-uwe-section,.tj-about-page .tj-levlan-section {grid-template-columns:1fr;gap:35px;}
 .tj-about-page .tj-about-art {max-width:310px;}
 .tj-about-page .tj-about-intro h1 {font-size:clamp(61px,14vw,95px);}
 .tj-about-page .tj-bristol-grid,.tj-about-page .tj-principles-grid {grid-template-columns:1fr;}
 .tj-about-page .tj-bristol-card {min-height:285px;}
 .tj-about-page .tj-founder-frame img {max-height:none;}
 .tj-about-page .tj-founder-image {max-width:315px;}
 .tj-about-page .tj-contact-content>h2 {font-size:64px;}
 .tj-about-page .tj-about-final strong {font-size:clamp(60px,13vw,90px);}
}


/* ============================================================
 THE JOINED — ABOUT V2 / REFINEMENT
 Preserves scroll-snap header offset globally: no html/body scroll overrides.
 ============================================================ */
/* The Elementor parent holds the viewport panel; child content stays vertically centred. */
@media (min-width: 768px) {
 .elementor-element.tj-about-snap {display:flex;flex-direction:column;justify-content:center; min-height:calc(100svh - 60px); height:auto; }
 .elementor-element.tj-about-snap > .e-con-inner {width:100%;display:flex;flex-direction:column;justify-content:center;flex:1;min-height:0;}
 .elementor-element.tj-about-snap .elementor-widget-html {width:100%;}
 .tj-about-page :is(.tj-about-hero,.tj-about-dark,.tj-bristol-section,.tj-founder-section,.tj-film-section,.tj-uwe-section,.tj-levlan-section,.tj-principles-section,.tj-about-final) {
  min-height:calc(100svh - 60px); display:grid; align-content:center;
  padding-block:clamp(22px,3.4vh,48px);
 }
 .tj-about-page .tj-about-hero,.tj-about-page .tj-founder-section,.tj-about-page .tj-uwe-section,.tj-about-page .tj-levlan-section {align-items:center;}
 .tj-about-page .tj-about-dark {display:flex;flex-direction:column;justify-content:center;}
}
/* HERO: image visual block matches the width/weight of the text column. */
.tj-about-page .tj-about-hero {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,90px);max-width:1460px;margin-inline:auto;}
.tj-about-page .tj-about-art {max-width:none;width:min(100%,565px);margin-inline:auto;transform:rotate(-.6deg);}
.tj-about-page .tj-about-art-frame {aspect-ratio: 1/1.05; box-shadow:11px 12px 0 var(--tj-black);}
.tj-about-page .tj-about-stamp {right:8px;bottom:15px;width:clamp(160px,14vw,215px);min-height:112px;padding:16px;transform:rotate(4deg);box-shadow:5px 5px 0 var(--tj-black);}
.tj-about-page .tj-about-stamp strong {font-family:'Bebas Neue',Impact,sans-serif;font-size:clamp(25px,2.6vw,41px)!important;line-height:.96;overflow-wrap:normal;}
.tj-about-page .tj-about-intro {max-width:650px;}
.tj-about-page .tj-about-intro h1 {font-size:clamp(54px,6vw,100px);}
/* BRISTOL: all six cards fit in a 3x2 mosaic on one desktop panel. */
.tj-about-page .tj-bristol-all {display:flex!important;flex-direction:column;justify-content:center;gap:0;}
.tj-about-page .tj-bristol-all .tj-section-heading h2 {font-size:clamp(34px,3.6vw,58px);line-height:.95;}
.tj-about-page .tj-bristol-all .tj-bristol-grid {margin-top:clamp(16px,2vh,28px);grid-template-columns:repeat(3,minmax(0,1fr));}
.tj-about-page .tj-bristol-all .tj-bristol-card {min-height:0;height:clamp(182px,26vh,240px);padding:clamp(12px,1.5vw,20px) clamp(13px,1.5vw,22px) 35px;}
.tj-about-page .tj-bristol-all .tj-bristol-card h3 {margin:9px 0 8px;font-size:clamp(24px,2vw,33px);line-height:.91;}
.tj-about-page .tj-bristol-all .tj-bristol-card p {font-size:clamp(11px,.82vw,13px);line-height:1.35;}
.tj-about-page .tj-bristol-all .tj-bristol-card small {bottom:9px;left:16px;right:16px;padding-top:6px;font-size:8px;}
/* LEVLAN: large new visual with retained business context and logo. */
.tj-about-page .tj-levlan-section {grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,75px);}
.tj-about-page .tj-levlan-panel {padding:clamp(16px,2vw,25px);min-height:0;border-color:rgba(255,255,255,.25);}
.tj-about-page .tj-levlan-panel .tj-levlan-feature-image {width:100%;max-width:none;height:clamp(185px,30vh,310px);object-fit:cover;object-position:center;border:1px solid rgba(255,255,255,.3);margin-bottom:18px;}
.tj-about-page .tj-levlan-panel img:not(.tj-levlan-feature-image) {max-width:165px;}
.tj-about-page .tj-levlan-rule {margin:13px 0;}
.tj-about-page .tj-levlan-panel >strong {font-size:clamp(25px,2.5vw,40px);}
.tj-about-page .tj-levlan-panel >small {margin-top:10px;}
/* PRINCIPLES: statement poster + staggered editorial strips, not Bristol cards. */
.tj-about-page .tj-principles-poster {display:grid!important;grid-template-columns:minmax(250px,.75fr) minmax(0,1.25fr);gap:clamp(35px,6vw,95px);align-items:center;}
.tj-about-page .tj-principles-poster .tj-section-heading {margin:0;align-self:center;}
.tj-about-page .tj-principles-poster .tj-section-heading h2 {font-size:clamp(56px,6vw,105px);line-height:.9;}
.tj-about-page .tj-principles-poster .tj-principles-grid {display:flex;flex-direction:column;margin:0;border:0;gap:8px;}
.tj-about-page .tj-principles-poster .tj-principles-grid article,
.tj-about-page .tj-principles-poster .tj-principles-grid article:first-child {min-height:0;padding:clamp(12px,1.4vh,18px) clamp(17px,2vw,27px);border:0;border-left:5px solid var(--tj-black);display:grid;grid-template-columns:34px minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:15px;background:var(--tj-paper);transform:rotate(-.35deg);}
.tj-about-page .tj-principles-poster .tj-principles-grid article:nth-child(even) {transform:rotate(.6deg);background:var(--tj-cream);}
.tj-about-page .tj-principles-poster .tj-principles-grid article.tj-principle-accent {background:var(--tj-pink);border-color:var(--tj-black);}
.tj-about-page .tj-principles-poster .tj-principles-grid h3 {font-size:clamp(25px,2vw,37px);margin:0;line-height:.9;}
.tj-about-page .tj-principles-poster .tj-principles-grid p {font-size:clamp(12px,.95vw,15px);line-height:1.4;}
/* CONTACT: parent Elementor container .tj-contact-split contains two child columns. */
.elementor-element.tj-about-snap.tj-contact-split {background:#f2e6cd;}
.elementor-element.tj-contact-split > .e-con-inner {display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(30px,5vw,85px);max-width:1300px;margin:auto;padding:clamp(25px,3.5vh,50px) clamp(20px,3vw,45px);}
.elementor-element.tj-contact-split > .e-con-inner > .e-con {min-width:0;width:100%;}
.tj-about-page .tj-about-contact-copy h2 {font-family:'Bebas Neue',Impact,sans-serif;font-weight:400;font-size:clamp(76px,8vw,140px);line-height:.88;margin:12px 0 25px;}
.tj-about-page .tj-about-contact-copy h2 span {color:#ff1478;}
.tj-about-page .tj-contact-annotation {font-family:'Permanent Marker',cursive;font-size:clamp(14px,1.3vw,20px);color:#ff1478;margin-top:35px;}
.tj-contact-split .tj-form-shell {max-width:100%;margin:0;}
.tj-contact-split .tj-form-heading {margin-bottom:10px;}
/* Never trap long forms or mobile content inside a fixed-height snap panel. */
@media (max-width:1100px) {
 .tj-about-page .tj-bristol-all .tj-bristol-card {height:auto;min-height:210px;}
 .tj-about-page .tj-principles-poster {grid-template-columns:1fr;gap:22px;}
 .tj-about-page .tj-principles-poster .tj-section-heading h2 {font-size:clamp(45px,6vw,75px);}
}
@media (max-width:767px) {
 .elementor-element.tj-about-snap {height:auto!important;min-height:auto!important;}
 .tj-about-page .tj-about-hero {grid-template-columns:1fr;}
 .tj-about-page .tj-about-art {max-width:410px;}
 .tj-about-page .tj-bristol-all .tj-bristol-grid {grid-template-columns:1fr;}
 .tj-about-page .tj-bristol-all .tj-bristol-card {height:auto;min-height:175px;}
 .tj-about-page .tj-principles-poster .tj-principles-grid article {grid-template-columns:28px 1fr;}
 .tj-about-page .tj-principles-poster .tj-principles-grid article p {grid-column:2;}
 .elementor-element.tj-contact-split > .e-con-inner {display:flex;flex-direction:column;gap:22px;}
 .tj-about-page .tj-about-contact-copy h2 {font-size:clamp(64px,12vw,100px);}
}
@media (prefers-reduced-motion:reduce) {.tj-about-page .tj-principles-grid article{transform:none!important;}}


/* ============================================================
   THE JOINED — ABOUT V4: PANEL LAYOUT CORRECTION
   Restores original visual styles above. The Elementor container
   owns the viewport and background; the HTML section owns the grid.
   Keep the existing global 60px fixed-header scroll padding.
   ============================================================ */

/* Full width page panels, not narrow background rectangles. */
.elementor-element.tj-about-snap {
    box-sizing: border-box;
    width: 100%;
    min-height: calc(100svh - 60px);
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
    padding: 0;
    margin: 0;
    scroll-snap-align: start;
    overflow: visible;
}
.elementor-element.tj-about-snap > .e-con-inner,
.elementor-element.tj-about-snap > .elementor-widget-html,
.elementor-element.tj-about-snap > .elementor-widget-html > .elementor-widget-container {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    margin: 0;
}
.elementor-element.tj-about-snap > .e-con-inner {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: center;
}

/* Original nested .tj-about-page only wraps one HTML fragment. */
.elementor-element.tj-about-snap .tj-about-page {
    width: 100%;
    max-width: none;
    min-height: 0;
    margin: 0;
    background: transparent;
    overflow: visible;
}

/* IMPORTANT: the inner section must NOT also take up a full
   viewport. That double-height caused the panels to collide. */
.elementor-element.tj-about-snap .tj-about-page > section {
    box-sizing: border-box;
    width: min(100%, 1350px);
    max-width: 1350px;
    min-height: 0;
    height: auto;
    margin: 0 auto;
    padding: clamp(24px, 3.5vh, 50px) clamp(22px, 3.5vw, 56px);
}

/* Section backgrounds are set in Elementor Style > Background. */
/* Responsive: preserve the content instead of forcing 100vh. */
@media (max-width: 1024px) {
    .elementor-element.tj-about-snap .tj-about-page > section { padding: 35px 25px; }
    .elementor-element.tj-about-snap .tj-film-section { grid-template-columns: 1fr 1.4fr; }
}
@media (max-width: 767px) {
    .elementor-element.tj-about-snap { min-height: auto; height: auto; }
    .elementor-element.tj-about-snap .tj-about-page > section { padding: 50px 22px; }
    .elementor-element.tj-about-snap :is(.tj-about-hero,.tj-founder-section,.tj-film-section,.tj-uwe-section,.tj-levlan-section,.tj-principles-poster) {
        grid-template-columns: 1fr;
        gap: 30px;
    }
    .elementor-element.tj-about-snap .tj-founder-frame img { max-height: none; }
    .elementor-element.tj-about-snap .tj-video-wrap { grid-column: 1; }
}/* End custom CSS */