﻿
.panel-container-shapes {display: none}

#tvn-content[data-article-tag='pioneers'] {background: #FFF9F5; }

[data-article-tag='pioneers']   {display: block}

/* HOME */

.logo   {width: 250px;}

.tab    {display: flex; align-items: center}

.panel-2025 .panel-container-image              {height: auto; background-size: contain; background-position: bottom center; width: auto; flex: 0 0 650px}
.panel-2025 .panel-container                    {display: flex; align-items: stretch; border-radius: 20px; position: relative; gap:40px;}
.panel-2025 .panel-container-text               {display: flex; align-items: center; width: auto; flex: 0 0 570px}
.panel-2025 .panel-container-text-inner         {display: flex; flex-direction: column; align-items: flex-start}
.panel-2025 .panel-container-text-inner h3      {order: 1; font-size: 70px;}
.panel-2025 .panel-container-text-inner h2      {order: 2; font-size: 48px; color: #ffffff}
.panel-2025 .panel-container-text-inner p       {order: 3}
.panel-2025 .panel-container-text-inner .btn    {order: 4; border-radius: 50px;}

.panel-2025 .panel-container-text h2 svg        {left: -60px;}
.panel-2025 .panel-container-text h2 svg .cls-1 {display: none;}

.panel-2025 .panel-container .panel-container-shapes,
.style-2025 .panel-container .panel-container-shapes           {position: absolute; inset: 0; border-radius: 20px; display: block; overflow: hidden;}

.style-2025 .panel-container .panel-container-shapes:before,
.panel-2025 .panel-container .panel-container-shapes:before    {position: absolute; left: 0; top: 0; width: 878px; height: 568px; content: ''; background-size: cover;}

.style-2025 .panel-container .panel-container-shapes:after,
.panel-2025 .panel-container .panel-container-shapes:after     {position: absolute; right: 0; bottom: 0; width: 368px; height: 238px; content: ''; background-size: cover;}

/*
.listing .coll-1.panel-2025:nth-child(odd) .panel-container  {flex-direction: row-reverse;}
.listing .coll-1.panel-2025:nth-child(even) .panel-container {flex-direction: row;}
*/

.listing .panel-2025 .panel-container:hover span.btn    {background-color: #ffffff;}

/* LISTING */
.listing .panel-container-outer.robertk .panel-container,
.listing .panel-container-outer.beng .panel-container,
.listing .panel-container-outer.giacomo .panel-container   {flex-direction: row-reverse}

.listing .panel-container-outer.kimin .panel-container,
.listing .panel-container-outer.anna .panel-container,
.listing .panel-container-outer.michelle .panel-container   {flex-direction: row}



/* ARTICLE */
.style-2025                                 {}
.style-2025 .panel-container                {display: flex; padding-top: 40px; max-width: 100%; min-height: 500px;}
.style-2025 .content-header .panel-container-image  {opacity: 0; transform-origin: bottom center; transition: none}
.style-2025 .panel-container-image          {position: relative; height: auto; background-position: bottom center;}
.style-2025 .content-header #Path_274       {display: none}
.style-2025 .panel-container-text           {margin: 0; display: flex; align-items: center; padding-top: 10px;}
.style-2025 .panel-container-text h1        {font-size: 75px;}
.style-2025 .panel-container-text h2        {color: rgba(255,255,255,1); margin-top: 0.5em; margin-bottom: 0.65em;}
.style-2025 .panel-container-text h2 svg    {left: -62px !important; top: -15px !important;}

.style-2025 .panel-container .panel-container-shapes    {border-radius: 0} 

.style-2025 .panel-container     {flex-direction: row-reverse; justify-content: center; gap: 20px}

.style-2025 .panel-container-outer      {background-color: transparent;}
.style-2025 .panel-container:before,
.style-2025 .panel-container:after      {display: none;}

.style-2025 .article-inner  {width: 960px; padding: 0 30px; margin: auto;}

.style-2025 .blockquote-container           {margin-top: 70px; margin-bottom: 70px; position: relative; padding: 1px 0}
.style-2025 .blockquote-container:before    {position: absolute; left: -10%; top: 0; width: 60%; height: 100%; display: block; content: ''; background-color: red; transform: skewX(-20deg);}
.style-2025 .blockquote-container p         {margin-bottom: 0}

.style-2025 blockquote          {width: 600px; position: relative;}
.style-2025 blockquote p        {font-size: 45px !important;}
.style-2025 blockquote:before   {width: 52px; height: 40px; background-image: url(/_assets/2025-quote-pink.svg); content: ''; display: block; position: absolute; left: -72px;}

.style-2025 .colour-section     {margin-bottom: 70px;}
.style-2025 h2                  {font-size: 45px; margin-bottom: 0.5em}

.style-2025 .colour-section h2,
.style-2025 .colour-section p a,
.style-2025 .colour-section p       {color: #ffffff}

.style-2025 .colour-section blockquote:before   {background-image: url(/_assets/2025-quote-white.svg) !important}

.style-2025 .button-container .btn  {border-radius: 100px;}
.style-2025 .cols   {display: flex;}

.style-2025 .page-graphic   {position: absolute; z-index: 5; width: 225px; height: auto; top: 50%; left: 50%; margin-left: 370px; margin-top: -117px;}

/* POLL */
.poll-container         {position: relative; margin-top: 70px; padding: 50px 0}
.poll-container h2      {text-align: center; margin-bottom: 1em}
.poll-container:before,
.poll-container:after   {background: rgb(255,255,255); background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(239,239,239,1) 50%, rgba(255,255,255,0) 100%); content: ''; position: absolute; left: 0; top: 0; height: 2px; width: 100%; display: block;}

.poll-container:after   {top: auto; bottom: 0}

.poll-row    {margin-bottom: 10px;}

.poll-row-top .radio-btn          {display: flex; align-items: center; font-size: 22px; gap: 15px; cursor: pointer; line-height: 1.2em}
.poll-row-top .radio-btn:before   {display: flex; width: 40px; height: 40px; border-radius: 40px; border:1px solid #EB2B6B; background-color: #ffffff; content: ''; flex-shrink: 0}
.poll-row.chosen .poll-row-top .radio-btn:before    {background-color: #EB2B6B}

.poll-row-result        {position: relative; height: 38px; width: 100%; background-color: #EFEFEF; border-radius: 4px; display: flex; justify-content: flex-end; align-items: center; margin-top: 10px; overflow: hidden; transition: 0.5s ease-out}
.poll-row-result span   {margin-right: 10px; font-size: 20px; position: relative; z-index: 5}

.poll-bar   {position: absolute; z-index: 4; left: 0; top: 0; height: 100%; width: 0%; background-color: #EB2B6B; border-radius: 0 4px 4px 0; transition: 0.5s ease-in-out 0.75s;}

/* RELATED ARTICLES */
.style-2025 .related-articles                           {}
.style-2025 .related-articles .panel-container          {min-height: unset; justify-content: flex-start; flex-direction: row; height: 100%;}
.style-2025 .related-articles .panel-container-text     {flex-direction: column; justify-content: flex-start; align-items: flex-start}
.style-2025 .panel-2025 .panel-container-image          {flex: 0 0 40%; width: auto}
.style-2025 .panel-2025 .panel-container-text           {flex: 0 0 60%; width: auto}
.style-2025 .panel-2023 .panel-container-image          {margin-top: 0}
.style-2025 .related-articles .btn                      {border-radius: 30px;}

.style-2025 .related-articles .panel-container-text h3  {display: none !important}

.style-2025 .related-articles .panel-2025 .panel-container-image    {flex: 0 0 40%;}
.style-2025 .related-articles .panel-2025 .panel-container-text     {flex: 0 0 calc(60% - 25px);}

.style-2025 .button-container h4    {font-size: 32px; margin-bottom: 0.75em}
.style-2025 .button-container .btn  {width: auto; max-width: 100%; font-size: 24px; padding: 1em 2em}

.related-articles .cols {flex-wrap: wrap}

/* BEN GOLDSMITH */
.beng .panel-container                          {background-color: #EB2B6B}
.beng .panel-container-shapes:before            {background-image: url(/_uploads/page-images/ben-goldsmith-top.svg); }
.beng .panel-container-shapes:after             {background-image: url(/_uploads/page-images/ben-goldsmith-bottom.svg); }
.listing .beng .panel-container:hover           {background-color: #A8375C !important}
.listing .panel-2025 .beng .panel-container:hover span.btn    {color: #A8375C;}

.beng .colour-section                               {background-color: #C0436C}
.beng .blockquote-container:before                  {background-color: rgba(235,43,107,0.05);}
.beng .colour-section .blockquote-container:before  {background-color: #EB2B6B}

.beng .btn          {background-color: #EB2B6B;}
.beng .btn:hover    {box-shadow: 0 0 0 3px #EB2B6B;}

.style-2025 .related-articles .panel-container.beng  .panel-container-text .btn {background-color: #EB2B6B}

footer .icon-x svg  {fill:#878786; height: 30px; width: auto}
footer ul li:hover svg {fill: #DE6B02;}

/* MICHELLE MITCHELL */
.michelle .panel-container                              {background-color: #63A4AF}
.michelle .panel-container .panel-container-shapes:before,
.panel-container-shapes:before    {background-image: url(/_uploads/page-images/michelle-mitchell-top.svg); left: auto; right: 0; top: 0;}
.michelle .panel-container-shapes:after     {background-image: url(/_uploads/page-images/michelle-mitchell-bottom.svg); left: 0; bottom: 0;}
.listing .michelle .panel-container:hover               {background-color: #577FA0 !important}
.listing .panel-2025 .michelle .panel-container:hover span.btn    {color: #577FA0;}

.michelle .style-2025 .panel-container-shapes:before    {top: 0; right: 0; left: auto !important}

.style-2025 .related-articles .panel-container.michelle  .panel-container-text .btn {background-color: #63A4AF}

.michelle .colour-section               {background-color: #648DB0}
.michelle .blockquote-container:before  {background-color: rgba(100,141,176,0.05);}
.michelle .colour-section .blockquote-container:before  {background-color: #63A4AF}

.michelle .style-2025 blockquote:before  {background-image: url(/_assets/2025-quote-blue.svg)}

.michelle .btn          {background-color: #63A4AF;}
.michelle .btn:hover    {box-shadow: 0 0 0 3px #63A4AF;}

.michelle .poll-row-top .radio-btn:before    {border-color: #648DB0;}

.michelle .poll-bar,
.michelle .poll-row.chosen .poll-row-top .radio-btn:before    {background-color: #648DB0}


/* GIACOMO FANIN */
.giacomo .panel-container                  {background-color: #FB8372}
.giacomo .panel-container-shapes:before    {background-image: url(/_uploads/page-images/giacomo-top.svg);}
.giacomo .panel-container-shapes:after     {background-image: url(/_uploads/page-images/giacomo-bottom.svg);}
.listing .giacomo .panel-container:hover   {background-color: #B5756C !important}
.listing .panel-2025 .giacomo .panel-container:hover span.btn    {color: #B5756C;}

.giacomo .colour-section    {background-color: #CF8980}
.giacomo .colour-section .blockquote-container:before  {background-color: #FB8372}

.giacomo .btn          {background-color: #FB8372;}
.giacomo .btn:hover    {box-shadow: 0 0 0 3px #FB8372;}

.giacomo .poll-row-top .radio-btn:before    {border-color: #FB8372;}

.giacomo .poll-bar,
.giacomo .poll-row.chosen .poll-row-top .radio-btn:before    {background-color: #FB8372}


.style-2025 .related-articles .panel-container.giacomo  .panel-container-text .btn {background-color: #FB8372}


/* ANNA HAMMOND */

.anna .panel-container                              {background-color: #56AFAF}
.anna .panel-container .panel-container-shapes:before,
.panel-container-shapes:before    {background-image: url(/_uploads/page-images/anna-hammond-top.svg); left: auto; right: 0; top: 0;}
.anna .panel-container-shapes:after     {background-image: url(/_uploads/page-images/anna-hammond-bottom.svg); left: 0; bottom: 0;}
.listing .anna .panel-container:hover               {background-color: #198383 !important}
.listing .panel-2025 .anna .panel-container:hover span.btn    {color: #577FA0;}

.anna .style-2025 .panel-container-shapes:before    {top: 0; right: 0; left: auto !important}

.style-2025 .related-articles .panel-container.anna  .panel-container-text .btn {background-color: #56AFAF}

.anna .colour-section               {background-color: #33918D}
.anna .blockquote-container:before  {background-color: rgb(51 145 141 / 5%);}
.anna .colour-section .blockquote-container:before  {background-color: #56AFAF}

.anna .style-2025 blockquote:before  {background-image: url(/_assets/2025-quote-teal.svg)}

.anna .btn          {background-color: #56AFAF;}
.anna .btn:hover    {box-shadow: 0 0 0 3px #56AFAF;}

.anna .poll-row-top .radio-btn:before    {border-color: #56AFAF;}

.anna .poll-bar,
.anna .poll-row.chosen .poll-row-top .radio-btn:before    {background-color: #56AFAF}


/* ROBERT KOENIGSBERGER */

.robertk .content-header .panel-container-text   {width: 680px;}
.robertk .content-header .panel-container-text h2   {line-height: 1.1em}

.listing .panel-2025 .robertk .panel-container-text          {flex: 0 1 640px;}
.robertk .panel-container                  {background-color: #C66285}
.robertk .panel-container-shapes:before    {background-image: url(/_uploads/page-images/robertk-top.svg);}
.robertk .panel-container-shapes:after     {background-image: url(/_uploads/page-images/robertk-bottom.svg);}
.listing .robertk .panel-container:hover   {background-color: #8E435D !important}
.listing .panel-2025 .robertk .panel-container:hover span.btn    {color: #B5756C;}

.robertk .blockquote-container:before   {background-color: rgb(198 98 133 / 5%);}

.robertk .style-2025 blockquote:before  {background-image: url(/_assets/2025-quote-pinkish.svg)}

.robertk .style-2025 .page-graphic  {width: 135px;}

.robertk .colour-section    {background-color: #A84E6D}
.robertk .colour-section .blockquote-container:before  {background-color: #C66285}

.robertk .btn          {background-color: #C66285;}
.robertk .btn:hover    {box-shadow: 0 0 0 3px #C66285;}

.robertk .poll-row-top .radio-btn:before    {border-color: #C66285;}

.robertk .poll-bar,
.robertk .poll-row.chosen .poll-row-top .radio-btn:before    {background-color: #C66285}


.style-2025 .related-articles .panel-container.robertk  .panel-container-text .btn {background-color: #C66285}


/* KIMIN */

.kimin .panel-container                              {background-color: #83A6B9}
.kimin .panel-container .panel-container-shapes:before,
.panel-container-shapes:before    {background-image: url(/_uploads/page-images/kimin-top.svg); left: auto; right: 0; top: 0;}
.kimin .panel-container-shapes:after     {background-image: url(/_uploads/page-images/kimin-bottom.svg); left: 0; bottom: 0;}
.listing .kimin .panel-container:hover               {background-color: #2C586F !important}
.listing .panel-2025 .kimin .panel-container:hover span.btn    {color: #577FA0;}

.anna .style-2025 .panel-container-shapes:before    {top: 0; right: 0; left: auto !important}

.style-2025 .related-articles .panel-container.kimin  .panel-container-text .btn {background-color: #83A6B9}

.kimin .colour-section               {background-color: #5E8EA8}
.kimin .blockquote-container:before  {background-color: rgb(51 145 141 / 5%);}
.kimin .colour-section .blockquote-container:before  {background-color: #83A6B9}

.kimin .style-2025 blockquote:before  {background-image: url(/_assets/2025-quote-blue.svg)}

.kimin .btn          {background-color: #83A6B9;}
.kimin .btn:hover    {box-shadow: 0 0 0 3px #83A6B9;}

.kimin .poll-row-top .radio-btn:before    {border-color: #83A6B9;}

.kimin .poll-bar,
.kimin .poll-row.chosen .poll-row-top .radio-btn:before    {background-color: #83A6B9}














