.public-creator-page{margin:0;background:#100b11;color:#fff8fc}
.public-site-header{position:sticky;top:0;z-index:50;background:rgba(16,11,17,.94);backdrop-filter:blur(10px);border-bottom:1px solid #432b3d}
.public-header-inner{max-width:1180px;margin:0 auto;padding:11px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.public-brand img{display:block;width:min(260px,48vw);height:auto;max-height:54px}
.public-nav{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.public-nav a{color:#fff8fc;text-decoration:none}
.public-nav .nav-cta{padding:9px 14px;border-radius:999px;background:#f25c9b;color:#160b11;font-weight:800}
.creator-hero{max-width:1180px;margin:24px auto 0;padding:0 18px}
.creator-banner{height:clamp(180px,31vw,380px);overflow:hidden;border-radius:22px;background:linear-gradient(135deg,#281b29,#432b3d);border:1px solid #432b3d}
.creator-banner img{width:100%;height:100%;object-fit:cover}
.banner-placeholder{width:100%;height:100%;background:radial-gradient(circle at 78% 20%,rgba(242,92,155,.35),transparent 30%),linear-gradient(135deg,#281b29,#100b11)}
.creator-identity-wrap{position:relative;margin:-58px 28px 0;display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:start}
.creator-avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;border:5px solid #100b11;background:#281b29;box-shadow:0 10px 28px rgba(0,0,0,.36)}
.creator-avatar img{width:100%;height:100%;object-fit:cover}
.creator-copy{padding-top:68px;min-width:0}
.creator-title-row{display:flex;justify-content:space-between;gap:22px;align-items:flex-start}
.creator-title-row h1{margin:0;font-size:clamp(2rem,5vw,3.6rem);line-height:.98}
.creator-handle{margin:7px 0 0;color:#ff9fc7;font-weight:700}
.creator-price{text-align:right;white-space:nowrap;background:#1d141e;border:1px solid #432b3d;border-radius:14px;padding:11px 15px}
.creator-price strong{font-size:1.35rem}.creator-price span{display:block;color:#cdb9c7;font-size:.85rem}
.creator-headline{font-size:1.2rem;font-weight:700;margin:20px 0 8px}
.creator-bio{max-width:820px;color:#e8d9e3;line-height:1.6}
.creator-stats{display:flex;gap:22px;margin:17px 0;color:#cdb9c7}
.creator-stats strong{color:#fff}
.creator-actions,.locked-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.inline-form{display:inline;margin:0}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:43px;padding:10px 17px;border-radius:999px;border:1px solid #5a3a51;text-decoration:none;font-weight:800;cursor:pointer;font:inherit}
.button.primary{background:#f25c9b;color:#160b11;border-color:#f25c9b}
.button.secondary{background:#281b29;color:#fff8fc}
.subscription-badge{padding:10px 15px;border-radius:999px;background:#183421;color:#bff3ca;border:1px solid #2d6940;font-weight:800}
.creator-feed-wrap{max-width:920px;margin:48px auto;padding:0 18px 70px}
.creator-feed-heading{border-bottom:1px solid #432b3d;margin-bottom:20px}
.creator-feed-heading h2{font-size:clamp(1.5rem,4vw,2.2rem);margin-bottom:6px}
.creator-feed-heading p{color:#cdb9c7;margin-top:0}
.creator-feed{display:grid;gap:22px}
.external-post{position:relative;background:#1d141e;border:1px solid #432b3d;border-radius:20px;padding:20px;overflow:hidden;box-shadow:0 16px 36px rgba(0,0,0,.15)}
.external-post h3{font-size:1.45rem;margin:10px 0 15px}
.post-topline{display:flex;justify-content:space-between;align-items:center;gap:12px;color:#cdb9c7;font-size:.88rem}
.visibility-pill{display:inline-flex;padding:5px 10px;border-radius:999px;font-weight:800}
.visibility-public{background:#173a26;color:#bff3ca}
.visibility-subscribers{background:#3b2331;color:#ffc1da}
.visibility-ppv{background:#3d3219;color:#ffe5a1}
.post-preview-link{display:block;position:relative;border-radius:14px;overflow:hidden;background:#100b11}
.post-preview-image{display:block;width:100%;max-height:520px;object-fit:cover;aspect-ratio:16/10}
.locked-preview{filter:saturate(.7)}
.preview-lock{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:rgba(16,11,17,.85);font-size:1.55rem;border:1px solid #73536b}
.video-preview-tile{position:relative;display:grid;place-items:center;min-height:260px;border-radius:14px;background:radial-gradient(circle at 50% 42%,#432b3d,#100b11);gap:7px;color:#e8d9e3}
.video-play{display:grid;place-items:center;width:66px;height:66px;border-radius:50%;background:#f25c9b;color:#160b11;font-size:1.45rem;padding-left:4px}
.post-excerpt{color:#e8d9e3;line-height:1.62}
.text-link{color:#ff9fc7;font-weight:800;text-decoration:none}
.locked-copy{margin-top:15px;padding:16px;border-radius:14px;background:#281b29;border:1px solid #4c3447}
.locked-copy p{color:#cdb9c7}
.public-footer{text-align:center;padding:28px 18px;border-top:1px solid #432b3d;color:#aa95a5}
.empty-post{text-align:center;padding:50px 20px}
@media(max-width:720px){
 .public-header-inner{align-items:flex-start;flex-direction:column}
 .public-nav{width:100%}
 .creator-identity-wrap{margin:-45px 12px 0;grid-template-columns:100px 1fr;gap:14px}
 .creator-avatar{width:100px;height:100px}
 .creator-copy{padding-top:52px}
 .creator-title-row{display:block}
 .creator-price{display:inline-block;text-align:left;margin-top:14px}
}
@media(max-width:520px){
 .creator-identity-wrap{display:block;margin:-50px 12px 0}
 .creator-avatar{width:106px;height:106px}
 .creator-copy{padding-top:12px}
 .creator-actions .button,.locked-actions .button,.inline-form .button{width:100%}
 .inline-form{width:100%}
 .post-topline{align-items:flex-start;flex-direction:column}
}

/* =========================================================
   Stage 9.3C - Expanded creator profile
   ========================================================= */

.creator-profile-details {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.75rem 1.25rem;
    margin-top: 1rem;
}

.creator-detail {
    display: flex;
    flex-direction: column;
    gap: 0.2rem;
    min-width: 0;
}

.creator-detail-label {
    font-size: 0.8rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    opacity: 0.72;
}

.creator-detail-wide {
    grid-column: 1 / -1;
}

.creator-profile-links {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: 0.6rem;
    margin-top: 0.15rem;
}

.creator-profile-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.25rem;
    padding: 0.4rem 0.75rem;
    border: 1px solid currentColor;
    border-radius: 0.5rem;
    text-decoration: none;
}

.creator-profile-links a:hover,
.creator-profile-links a:focus-visible {
    text-decoration: underline;
}

@media (max-width: 700px) {
    .creator-profile-details {
        grid-template-columns: 1fr;
    }

    .creator-detail-wide,
    .creator-profile-links {
        grid-column: auto;
    }
}

/*
|--------------------------------------------------------------------------
| STAGE 9.3D4B DISCOVERY ATTRIBUTES
|--------------------------------------------------------------------------
*/

.creator-discovery-summary {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    align-items: center;
}

.creator-discovery-pill,
.creator-feature-pill {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 5px 11px;
    border: 1px solid #5c3b52;
    border-radius: 999px;
    background: #211620;
    color: #fff8fc;
    font-size: 0.9rem;
    font-weight: 700;
    line-height: 1.2;
}

.creator-feature-list {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 5px;
}

.creator-feature-pill {
    border-color: #81475f;
    background: #301a29;
    color: #ffd5e6;
}

@media (max-width: 640px) {

    .creator-discovery-summary,
    .creator-feature-list {
        gap: 6px;
    }

    .creator-discovery-pill,
    .creator-feature-pill {
        font-size: 0.84rem;
    }
}


/*
==========================================================================
STAGE 9.3D7B CREATOR PROFILE TEST VIEW
Reference direction:
black / charcoal / red / gold / flame
white / cream / red / gold in light mode
==========================================================================
*/


/* -----------------------------------------------------------------------
   PROFILE PAGE TOKENS
   ----------------------------------------------------------------------- */

.public-creator-page{
    --profile-bg:#070707;
    --profile-surface:#0e0e0e;
    --profile-surface-2:#171717;
    --profile-surface-3:#202020;

    --profile-text:#f8f5ee;
    --profile-muted:#c8c0b4;

    --profile-red:#c5162e;
    --profile-red-hot:#e31b36;

    --profile-gold:#d4af37;
    --profile-gold-bright:#ffc94f;
    --profile-gold-dark:#8f6b13;

    --profile-line:rgba(212,175,55,.68);

    --profile-shadow:
        0 0 8px rgba(255,184,44,.20),
        0 14px 38px rgba(0,0,0,.34);
}


/* -----------------------------------------------------------------------
   DARK MODE
   ----------------------------------------------------------------------- */

:root[data-theme="dark"] .public-creator-page{
    --profile-bg:#070707;
    --profile-surface:#0e0e0e;
    --profile-surface-2:#171717;
    --profile-surface-3:#202020;

    --profile-text:#f8f5ee;
    --profile-muted:#c8c0b4;

    --profile-line:rgba(212,175,55,.68);
}


/* -----------------------------------------------------------------------
   LIGHT MODE
   ----------------------------------------------------------------------- */

:root[data-theme="light"] .public-creator-page{
    --profile-bg:#ffffff;
    --profile-surface:#ffffff;
    --profile-surface-2:#fffaf0;
    --profile-surface-3:#fff4dc;

    --profile-text:#18120d;
    --profile-muted:#665a4b;

    --profile-line:rgba(169,135,40,.72);

    --profile-shadow:
        0 0 6px rgba(169,135,40,.12),
        0 14px 32px rgba(70,48,10,.10);
}


/* -----------------------------------------------------------------------
   PAGE
   ----------------------------------------------------------------------- */

.public-creator-page{
    background:var(--profile-bg) !important;
    color:var(--profile-text) !important;
}

.public-creator-page main{
    width:min(1500px,calc(100% - 28px));
    margin:14px auto 40px !important;
}


/* -----------------------------------------------------------------------
   TOP NAV
   ----------------------------------------------------------------------- */

.public-site-header{
    position:sticky;
    top:0;
    z-index:100;

    border-bottom:
        1px solid
        var(--profile-gold) !important;

    background:
        rgba(7,7,7,.96) !important;

    box-shadow:
        0 5px 24px
        rgba(0,0,0,.25);
}

:root[data-theme="light"] .public-site-header{
    background:
        rgba(255,255,255,.97) !important;
}

.public-nav a{
    transition:
        color .18s ease,
        border-color .18s ease,
        background .18s ease;
}

.public-nav a:hover{
    color:var(--profile-gold-bright) !important;
}


/* -----------------------------------------------------------------------
   CREATOR HERO FRAME
   ----------------------------------------------------------------------- */

.creator-hero{
    position:relative;

    background:
        var(--profile-surface) !important;

    border:
        1px solid
        var(--profile-gold) !important;

    border-radius:14px !important;

    overflow:visible !important;

    box-shadow:
        var(--profile-shadow) !important;
}


/* -----------------------------------------------------------------------
   BANNER
   ----------------------------------------------------------------------- */

.creator-banner{
    position:relative;

    min-height:220px !important;
    max-height:300px;

    overflow:hidden;

    border-radius:
        13px 13px 0 0 !important;

    border-bottom:
        2px solid
        var(--profile-gold) !important;

    background:
        linear-gradient(
            135deg,
            var(--profile-surface-3),
            #050505
        ) !important;
}

.creator-banner img{
    width:100%;
    height:100%;
    min-height:220px;

    object-fit:cover;

    display:block;
}

.banner-placeholder{
    min-height:220px !important;

    background:
        radial-gradient(
            circle at 30% 50%,
            rgba(197,22,46,.18),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            var(--profile-surface-3),
            var(--profile-bg)
        ) !important;
}


/* -----------------------------------------------------------------------
   BANNER FLAME POINTS OF INTEREST
   ----------------------------------------------------------------------- */

.creator-banner::before,
.creator-banner::after{
    position:absolute;
    z-index:4;

    bottom:8px;

    font-size:
        clamp(2rem,5vw,4.2rem);

    line-height:1;

    filter:
        drop-shadow(
            0 0 8px
            rgba(255,126,0,.72)
        );

    pointer-events:none;
}

.creator-banner::before{
    content:"🔥";
    left:8px;
}

.creator-banner::after{
    content:"🔥";
    right:8px;
}


/* -----------------------------------------------------------------------
   IDENTITY AREA
   ----------------------------------------------------------------------- */

.creator-identity-wrap{
    position:relative;

    display:grid !important;

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

    gap:22px !important;

    align-items:start !important;

    padding:
        0 28px 26px !important;

    background:
        var(--profile-surface) !important;
}


/* -----------------------------------------------------------------------
   AVATAR
   ----------------------------------------------------------------------- */

.creator-avatar{
    position:relative;

    width:168px !important;
    height:168px !important;

    margin-top:-72px !important;

    z-index:8;

    border-radius:50% !important;

    overflow:hidden;

    background:
        var(--profile-surface-2);

    border:
        3px solid
        var(--profile-gold) !important;

    box-shadow:
        0 0 0 4px
        var(--profile-bg),
        0 0 24px
        rgba(255,187,47,.55) !important;
}

.creator-avatar img{
    width:100% !important;
    height:100% !important;

    object-fit:cover !important;

    border-radius:50% !important;
}


/* -----------------------------------------------------------------------
   PROFILE COPY
   ----------------------------------------------------------------------- */

.creator-copy{
    min-width:0;

    padding-top:16px;
}

.creator-title-row{
    display:flex !important;

    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:18px !important;

    flex-wrap:wrap;
}

.creator-title-row h1{
    margin:
        0 0 3px !important;

    color:
        var(--profile-gold-bright) !important;

    font-size:
        clamp(1.9rem,3.4vw,3rem) !important;

    line-height:1;
}

.creator-title-row h1::after{
    content:" ✦";

    color:
        var(--profile-gold);

    font-size:.58em;
    vertical-align:middle;
}

.creator-handle{
    color:
        var(--profile-gold-bright) !important;

    margin:
        4px 0 10px !important;
}

.creator-price{
    border:
        1px solid
        var(--profile-gold) !important;

    border-radius:999px;

    padding:
        8px 13px;

    background:
        var(--profile-surface-2);

    color:
        var(--profile-text) !important;

    font-weight:800;
}

.creator-headline{
    color:
        var(--profile-text) !important;

    font-size:1.05rem;

    margin:
        6px 0 12px !important;
}

.creator-bio{
    color:
        var(--profile-text) !important;

    line-height:1.6;

    margin-top:14px !important;

    max-width:980px;
}


/* -----------------------------------------------------------------------
   DISCOVERY DETAILS
   ----------------------------------------------------------------------- */

.creator-profile-details{
    margin-top:16px !important;

    padding-top:14px;

    border-top:
        1px solid
        rgba(212,175,55,.26);

    display:grid !important;

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

    gap:10px 18px !important;
}

.creator-detail{
    color:
        var(--profile-muted) !important;
}

.creator-detail-wide{
    grid-column:
        1 / -1;
}

.creator-detail-label{
    color:
        var(--profile-gold-bright) !important;

    font-weight:800;
}

.creator-discovery-summary,
.creator-feature-list{
    display:flex;

    gap:7px;

    flex-wrap:wrap;
}

.creator-discovery-pill,
.creator-feature-pill{
    display:inline-flex;

    align-items:center;

    min-height:30px;

    padding:
        5px 10px;

    border-radius:999px;

    border:
        1px solid
        var(--profile-gold-dark) !important;

    background:
        var(--profile-surface-2) !important;

    color:
        var(--profile-text) !important;
}


/* Body features are a point of interest */

.creator-feature-list::before{
    content:"🔥";

    display:inline-flex;
    align-items:center;

    margin-right:2px;
}


/* -----------------------------------------------------------------------
   PROFILE LINKS
   ----------------------------------------------------------------------- */

.creator-profile-links{
    display:flex !important;

    gap:8px !important;

    flex-wrap:wrap;

    margin-top:15px !important;
}

.creator-profile-links a{
    display:inline-flex;

    align-items:center;

    padding:
        7px 11px;

    border:
        1px solid
        var(--profile-gold-dark);

    border-radius:9px;

    background:
        var(--profile-surface-2);

    color:
        var(--profile-text) !important;

    text-decoration:none;
}

.creator-profile-links a:hover{
    border-color:
        var(--profile-gold);

    color:
        var(--profile-gold-bright) !important;
}


/* -----------------------------------------------------------------------
   STATS
   ----------------------------------------------------------------------- */

.creator-stats{
    display:flex !important;

    gap:10px !important;

    flex-wrap:wrap;

    margin-top:17px !important;

    padding-top:14px;

    border-top:
        1px solid
        rgba(212,175,55,.25);
}


/* -----------------------------------------------------------------------
   ACTION BAR
   ----------------------------------------------------------------------- */

.creator-actions{
    display:flex !important;

    align-items:center;

    gap:10px !important;

    flex-wrap:wrap;

    margin-top:17px !important;
}

.creator-actions a,
.creator-actions button{
    border:
        1px solid
        var(--profile-gold) !important;

    border-radius:9px !important;

    min-height:42px;

    padding:
        9px 17px !important;
}

.creator-actions .button,
.creator-actions button{
    box-shadow:
        0 0 13px
        rgba(212,175,55,.15);
}


/* -----------------------------------------------------------------------
   SUBSCRIPTION BADGE
   ----------------------------------------------------------------------- */

.subscription-badge{
    display:inline-flex;

    align-items:center;

    min-height:40px;

    padding:
        8px 14px;

    border-radius:9px;

    background:
        linear-gradient(
            135deg,
            var(--profile-gold-bright),
            var(--profile-gold)
        ) !important;

    color:#161006 !important;

    font-weight:900;

    border:
        1px solid
        var(--profile-gold-bright);
}


/* -----------------------------------------------------------------------
   FEED
   ----------------------------------------------------------------------- */

.creator-feed-wrap{
    position:relative;

    margin-top:12px !important;

    padding:
        18px 14px 22px !important;

    border:
        1px solid
        var(--profile-gold) !important;

    border-radius:14px;

    background:
        var(--profile-surface) !important;

    box-shadow:
        var(--profile-shadow);
}

.creator-feed-heading{
    display:flex !important;

    align-items:center;
    justify-content:space-between;

    gap:12px;

    margin:
        0 0 16px !important;

    padding:
        0 3px 10px;

    border-bottom:
        1px solid
        rgba(212,175,55,.25);
}

.creator-feed-heading h2{
    margin:0 !important;

    color:
        var(--profile-gold-bright) !important;
}


/* Important point of interest */

.creator-feed-heading h2::before{
    content:"🔥";

    margin-right:.45rem;

    filter:
        drop-shadow(
            0 0 5px
            rgba(255,126,0,.65)
        );
}


/* -----------------------------------------------------------------------
   POST GRID
   ----------------------------------------------------------------------- */

.creator-feed{
    display:grid !important;

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

    gap:14px !important;

    width:100% !important;

    margin:0 !important;
}

.external-post{
    min-width:0;

    margin:0 !important;

    padding:0 !important;

    overflow:hidden;

    border:
        1px solid
        var(--profile-gold-dark) !important;

    border-radius:12px !important;

    background:
        var(--profile-surface-2) !important;

    color:
        var(--profile-text) !important;

    box-shadow:
        0 8px 22px
        rgba(0,0,0,.14);

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

.external-post:hover{
    transform:
        translateY(-2px);

    border-color:
        var(--profile-gold) !important;

    box-shadow:
        0 12px 30px
        rgba(0,0,0,.22);
}

.post-topline,
.creator-post-tags,
.post-excerpt,
.locked-actions{
    padding-left:12px;
    padding-right:12px;
}

.post-topline{
    padding-top:11px;
}

.creator-post-tags{
    margin:
        7px 0 !important;
}

.post-tag{
    border:
        1px solid
        rgba(212,175,55,.45);

    border-radius:999px;

    padding:
        3px 7px;

    text-decoration:none;

    color:
        var(--profile-gold-bright) !important;
}


/* -----------------------------------------------------------------------
   POST IMAGE
   ----------------------------------------------------------------------- */

.post-preview-link{
    display:block;

    position:relative;

    overflow:hidden;
}

.post-preview-image{
    display:block;

    width:100% !important;

    aspect-ratio:
        4 / 3;

    object-fit:cover !important;

    border-radius:0 !important;
}

.post-excerpt{
    color:
        var(--profile-muted) !important;

    line-height:1.45;

    padding-bottom:13px;
}


/* -----------------------------------------------------------------------
   LOCKED POSTS
   ----------------------------------------------------------------------- */

.external-post.is-locked{
    position:relative;
}

.external-post.is-locked .post-preview-link::after{
    content:"🔒";

    position:absolute;

    right:10px;
    top:10px;

    display:grid;
    place-items:center;

    width:34px;
    height:34px;

    border-radius:50%;

    background:
        rgba(0,0,0,.72);

    border:
        1px solid
        var(--profile-gold);

    font-size:1rem;
}


/* -----------------------------------------------------------------------
   EMPTY POST
   ----------------------------------------------------------------------- */

.empty-post{
    grid-column:
        1 / -1;

    padding:
        30px !important;

    text-align:center;
}


/* -----------------------------------------------------------------------
   FOOTER
   ----------------------------------------------------------------------- */

.public-footer{
    border-top:
        1px solid
        var(--profile-gold) !important;

    background:
        var(--profile-bg) !important;

    color:
        var(--profile-muted) !important;
}


/* -----------------------------------------------------------------------
   LIGHT MODE DETAIL
   ----------------------------------------------------------------------- */

:root[data-theme="light"] .creator-hero,
:root[data-theme="light"] .creator-feed-wrap,
:root[data-theme="light"] .external-post{
    box-shadow:
        0 12px 32px
        rgba(76,51,9,.10) !important;
}

:root[data-theme="light"] .creator-banner{
    background:
        linear-gradient(
            135deg,
            #fff4dc,
            #ffffff
        ) !important;
}

:root[data-theme="light"] .banner-placeholder{
    background:
        radial-gradient(
            circle at 30% 50%,
            rgba(197,22,46,.08),
            transparent 38%
        ),
        linear-gradient(
            135deg,
            #fff4dc,
            #ffffff
        ) !important;
}


/* -----------------------------------------------------------------------
   TABLET
   ----------------------------------------------------------------------- */

@media(max-width:1050px){

    .creator-feed{
        grid-template-columns:
            repeat(
                2,
                minmax(0,1fr)
            );
    }

    .creator-profile-details{
        grid-template-columns:1fr;
    }

    .creator-detail-wide{
        grid-column:auto;
    }
}


/* -----------------------------------------------------------------------
   MOBILE
   ----------------------------------------------------------------------- */

@media(max-width:700px){

    .public-creator-page main{
        width:
            min(
                100% - 14px,
                1500px
            );
    }

    .creator-banner{
        min-height:160px !important;
    }

    .creator-banner img,
    .banner-placeholder{
        min-height:160px !important;
    }

    .creator-banner::before,
    .creator-banner::after{
        font-size:2rem;
    }

    .creator-identity-wrap{
        grid-template-columns:1fr !important;

        padding:
            0 16px 20px !important;
    }

    .creator-avatar{
        width:124px !important;
        height:124px !important;

        margin:
            -54px auto 0 !important;
    }

    .creator-copy{
        padding-top:0;

        text-align:center;
    }

    .creator-title-row{
        justify-content:center !important;
    }

    .creator-profile-details{
        text-align:left;
    }

    .creator-profile-links,
    .creator-stats,
    .creator-actions{
        justify-content:center;
    }

    .creator-feed{
        grid-template-columns:1fr !important;
    }

    .creator-feed-heading{
        text-align:left;
    }
}


/* -----------------------------------------------------------------------
   REDUCED MOTION
   ----------------------------------------------------------------------- */

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

    .external-post{
        transition:none;
    }

    .external-post:hover{
        transform:none;
    }
}