body {
font-weight: 500!important;
} .shadow-light img {
box-shadow: 0px 0px 8px rgba( 0, 0, 0, 0.7)!important;
-moz-box-shadow: 0px 0 8px rgba( 0, 0, 0, 0.7)!important;
-webkit-box-shadow: 0px 0 8px rgba( 0, 0, 0, 0.7)!important;
} .et_pb_inner_shadow {
-webkit-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.7)!important;
-moz-box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.7)!important;
box-shadow: inset 0 0 7px rgba(0, 0, 0, 0.7)!important;
}
.et_pb_slider .et_pb_slide,
.et_pb_slider {
-webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7)!important;
-moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7)!important;
box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.7)!important;
} #et-info {
float: right
} .et_pb_slide_2 .et_pb_slide_content {
padding-left: 300px
}
.et_pb_slide_0 .et_pb_slide_description h2.et_pb_slide_title {
color: #fff!important;
font-weight: 600
}
.et_pb_slide_0 .et_pb_slide_description {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
padding-top: 80px
}
.et_pb_slide_content h2 {
font-size: 2.6em
}
@media all and (max-width: 980px) {
.et_pb_slide_2 .et_pb_slide_content {
padding-left: 0px
}
}
@media all and (max-width: 980px) {
.et_pb_slide_0 .et_pb_slide_content {
padding-left: 0px
}
} body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header {
top: 73px;
}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled.et_header_style_centered #page-container {
padding-top: 234px
}
.et_pb_slider .et_pb_container {
min-height: 544px
}  .tribe-events-event-image img {
max-width: 200px;
} .tribe-event-date-start {
background: transparent url(//twistandsplits.co.uk/wp-content/themes/Twist-child/images/icon_event.png) no-repeat scroll 0px -15px;
padding-left: 23px;
display: block;
line-height: 22px;
color: #fff;
font-size: 15px;
font-weight: 400;
}
#tribe-events-list-widget-2 h4 {
color: #ffffff
}
.et_pb_bg_layout_light .et_pb_widget li a {
color: #ffffff
}
.tribe-events-list-widget ol li {
color: #ffffff
}
.et_pb_widget_area .et_pb_widget a {
color: #fff
}
#tribe-events-list-widget-2 .tribe-events-event-image img {
max-width: 25%!important;
max-height: 100px;
box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.9)!important;
-moz-box-shadow: 0px 0 2px rgba( 0, 0, 0, 0.9)!important;
-webkit-box-shadow: 0px 0 2px rgba( 0, 0, 0, 0.9)!important;
}
#tribe-events-list-widget-2 h4.widgettitle {
margin-bottom: 30px;
}
.et_pb_widget_area_left.margin-top-zero {
margin-top: 0px!important
}
#tribe-events-list-widget-2 h4.widgettitle {
font-size: 30px;
}
#tribe-events-list-widget-2 .tribe-events-event-image img {
text-align: left;
float: left;
margin-right: 10px;
margin-bottom: 10px
}
.tribe-event-date-start {
display: inline
}
.post-type-archive-tribe_events a,
.single-tribe_events a {
color: #1F4C8F
}
.post-type-archive-tribe_events .tribe-event-date-start {
color: #222!important;
font-weight: 700
}
.single-tribe_events .tribe-event-date-start {
font-size: 100%;
color: #222!important;
font-weight: 700
}
li.tribe-events-list-widget-events h4 a:hover {
color: #00bfff
} .mc4wp-form-fields > p:nth-child(1) > input:nth-child(2) {
color: #2672a9!important;
font-weight: 900!important
}
.mc4wp-form-fields > p:nth-child(2) > input:nth-child(1) {
color: #00BFFF !important;
background-color: #fff !important;
border-color: #fff;
box-shadow: 0px 0px 2px rgba( 0, 0, 0, 0.9)!important;
-moz-box-shadow: 0px 0 2px rgba( 0, 0, 0, 0.9)!important;
-webkit-box-shadow: 0px 0 2px rgba( 0, 0, 0, 0.9)!important;
}
.mc4wp-form-fields > p:nth-child(1) > label:nth-child(1) {
color: #ffffff
} .et_pb_gutters3 .et_pb_column_2_3 .et_pb_widget {
width: 91.56%
}
#wolf-twitter-widget-6 > h4:nth-child(1) {
color: #fff!important
}
.et_pb_widget_area_left {
border-right: none
}
.wolf-tweet-list li span {
color: #fff;
font-weight: 700
}
.wolf-tweet-list li span a {
color: #fff!important;
font-weight: 900!important;
} .shadow-gallery {
box-shadow: 0px 0px 8px rgba( 0, 0, 0, 0.17)!important;
-moz-box-shadow: 0px 0 8px rgba( 0, 0, 0, 0.17)!important;
-webkit-box-shadow: 0px 0 8px rgba( 0, 0, 0, 0.17)!important;
} #text-2 > div:nth-child(2) > a:nth-child(7) {
color: #00bfff;
font-weight: 900!important;
}
.tt_upcoming_events_widget > h4:nth-child(1) {
font-size: 32px
} .timetable-button {
top: -70px
}
.page-id-2461 div.et_pb_gallery_item div {
box-shadow: 0px 0px 8px rgba( 0, 0, 0, 0.7)!important;
-moz-box-shadow: 0px 0 8px rgba( 0, 0, 0, 0.7)!important;
-webkit-box-shadow: 0px 0 8px rgba( 0, 0, 0, 0.7)!important;
} .et_pb_contact p input,
.et_pb_contact p textarea {
color: #000
} .blog #content-area a img {
width: 40%
} #et-secondary-menu {
float: left;
}
#et-secondary-menu a {
font-size: 14px!important
} .tt_timetale .event .before_hour_text {
display: none
}
#content-area table td {
font-size: 12px
}
.tt_timetable .event .event_header {
font-size: 12px
}
tt_timetable .hours {
font-size: 6px
} .author.vcard,
.comments-number {
display: none
}
#et-top-navigation {
font-weight: 500;
} @media all and (max-width: 980px) {
.et_header_style_centered #logo {
max-height: 100px;
}
.tribe-events-event-image img {
max-width: 100%;
}
} .et_pb_column_1_3 .et_pb_team_member_description {
text-align: center
}
.nav li li a {
font-size: 16px!important;
}
.nav li ul {width: 300px} #top-menu li li a {width: 260px}
.tabs_box_navigation.sf-timetable-menu .tabs_box_navigation_selected {background: #00bfff!important;border: 1px solid #00bfff!important}
.post-2573 .tabs_box_navigation.sf-timetable-menu {display: none}
.post-2573  .tt_tabs {margin-bottom: 50px}
.sf-timetable-menu li ul li a:hover {
background-color: #00bfff!important;
}
#post-2630 > img:nth-child(2),
#post-2630 .et_project_meta {
display: none
}
#post-2635 > img:nth-child(2),
#post-2635 .et_project_meta {
display: none
}
#post-2639 > img:nth-child(2),
#post-2639 .et_project_meta {
display: none
}
#post-2641 > img:nth-child(2),
#post-2641 .et_project_meta {
display: none
}
#post-2644 > img:nth-child(2),
#post-2644 .et_project_meta {
display: none
}
#post-2662 > img:nth-child(2),
#post-2662 .et_project_meta {
display: none
}
#five-wide .et_pb_grid_item {
width: 14.5%!important;
margin: 0 5.5% 5.5% 0;
clear: none!important;
}
#five-wide .et_pb_grid_item img  {
box-shadow: 0px 0px 8px rgba( 0, 0, 0, 0.3)!important;
-moz-box-shadow: 0px 0 8px rgba( 0, 0, 0, 0.3)!important;
-webkit-box-shadow: 0px 0 8px rgba( 0, 0, 0, 0.3)!important;max-height: 175px;
}
#five-wide h2 {
font-size: 14px
}
.timetable_wrapper{
overflow-x: scroll;
}
.timetable_wrapper table{
width: 1280px;
}
.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button, .woocommerce-page button.button{
border: none!important;
background:#2672A9!important;
color: #fff!important;
}
.woocommerce button.button:hover, .woocommerce-page button.button:hover,.woocommerce a.button:hover, .woocommerce-page a.button:hover{
border: none!important;
background:#1C5075!important ;
}:root {
--tas-cyan: #00bfff;
--tas-blue: #2672a9;
--tas-ink: #080a0d;
--tas-paper: #f3f8fa;
--tas-white: #ffffff;
--tas-line: rgba(8, 10, 13, 0.14);
}
#main-content.tas-gallery-page {
overflow: hidden;
background: var(--tas-paper);
color: var(--tas-ink);
font-family: "Open Sans", Arial, sans-serif;
}
.tas-gallery-page *,
.tas-gallery-page *::before,
.tas-gallery-page *::after {
box-sizing: border-box;
}
.tas-gallery-page h1,
.tas-gallery-page h2,
.tas-gallery-page h3,
.tas-gallery-page p {
margin: 0;
padding: 0;
}
.tas-gallery-page h1,
.tas-gallery-page h2,
.tas-gallery-page h3,
.tas-gallery-page strong {
font-family: Dosis, Helvetica, Arial, sans-serif;
}
.tas-gallery-shell {
width: min(1180px, calc(100% - 48px));
margin-inline: auto;
}
.tas-gallery-eyebrow {
display: flex;
align-items: center;
gap: 12px;
color: var(--tas-cyan);
font-size: 12px;
font-weight: 800;
letter-spacing: 0.2em;
line-height: 1.4;
text-transform: uppercase;
}
.tas-gallery-eyebrow::before {
width: 38px;
height: 2px;
background: currentColor;
content: "";
}
.tas-gallery-eyebrow--dark {
color: var(--tas-blue);
}
.tas-gallery-hero {
position: relative;
min-height: 680px;
padding: clamp(86px, 10vw, 142px) 0 clamp(76px, 9vw, 124px);
overflow: hidden;
background:
radial-gradient(circle at 80% 12%, rgba(0, 191, 255, 0.2), transparent 30%),
linear-gradient(135deg, #050608 0%, #0a1117 52%, #071c26 100%);
color: var(--tas-white);
}
.tas-gallery-hero::before {
position: absolute;
inset: 0;
opacity: 0.24;
background-image: radial-gradient(rgba(255, 255, 255, 0.25) 0.8px, transparent 0.8px);
background-size: 26px 26px;
mask-image: linear-gradient(90deg, transparent, #000 65%, #000);
content: "";
pointer-events: none;
}
.tas-gallery-hero::after {
position: absolute;
right: -130px;
bottom: -280px;
width: 620px;
aspect-ratio: 1;
border: 1px solid rgba(0, 191, 255, 0.3);
border-radius: 50%;
box-shadow: 0 0 0 90px rgba(0, 191, 255, 0.03), 0 0 0 180px rgba(0, 191, 255, 0.025);
content: "";
pointer-events: none;
}
.tas-gallery-hero__grid {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: minmax(0, 1.06fr) minmax(390px, 0.94fr);
gap: clamp(52px, 8vw, 112px);
align-items: center;
}
.tas-gallery-hero__copy h1 {
max-width: 720px;
margin-top: 24px;
color: var(--tas-white);
font-size: clamp(58px, 7.1vw, 104px);
font-weight: 500;
letter-spacing: -0.035em;
line-height: 0.9;
}
.tas-gallery-hero__copy h1 span {
color: var(--tas-cyan);
}
.tas-gallery-hero__intro {
max-width: 610px;
margin-top: 30px !important;
color: rgba(255, 255, 255, 0.76);
font-size: clamp(17px, 1.5vw, 20px);
font-weight: 400;
line-height: 1.75;
}
.tas-gallery-actions {
display: flex;
flex-wrap: wrap;
gap: 14px;
align-items: center;
margin-top: 36px;
}
.tas-gallery-button {
display: inline-flex;
min-height: 52px;
padding: 12px 22px;
border: 1px solid transparent;
align-items: center;
justify-content: center;
gap: 16px;
color: var(--tas-white) !important;
font-size: 14px;
font-weight: 800;
letter-spacing: 0.02em;
line-height: 1.2;
text-decoration: none;
transition: transform 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
.tas-gallery-button:hover,
.tas-gallery-button:focus-visible {
transform: translateY(-2px);
}
.tas-gallery-button--primary {
background: var(--tas-cyan);
color: var(--tas-ink) !important;
}
.tas-gallery-button--primary:hover,
.tas-gallery-button--primary:focus-visible {
background: #6bdcff;
}
.tas-gallery-button--text {
padding-inline: 8px;
border-bottom-color: rgba(255, 255, 255, 0.4);
}
.tas-gallery-button--outline {
border-color: rgba(255, 255, 255, 0.5);
}
.tas-gallery-button--outline:hover,
.tas-gallery-button--outline:focus-visible {
border-color: var(--tas-cyan);
}
.tas-gallery-hero__facts {
display: flex;
flex-wrap: wrap;
gap: 22px;
margin: 42px 0 0;
padding: 24px 0 0;
border-top: 1px solid rgba(255, 255, 255, 0.13);
list-style: none;
}
.tas-gallery-hero__facts li {
color: rgba(255, 255, 255, 0.55);
font-size: 12px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.tas-gallery-hero__facts strong {
margin-right: 5px;
color: var(--tas-white);
font-size: 17px;
font-weight: 700;
}
.tas-gallery-hero__stage {
display: grid;
grid-template-columns: 1.08fr 0.92fr;
grid-template-rows: 1fr 1fr;
gap: 14px;
min-height: 500px;
transform: rotate(2deg);
}
.tas-gallery-hero-card {
position: relative;
display: flex;
min-height: 230px;
padding: 26px;
overflow: hidden;
flex-direction: column;
justify-content: flex-end;
isolation: isolate;
box-shadow: 0 22px 60px rgba(0, 0, 0, 0.35);
}
.tas-gallery-hero-card::before {
position: absolute;
z-index: -1;
inset: 0;
background: linear-gradient(180deg, transparent 30%, rgba(0, 0, 0, 0.62));
content: "";
}
.tas-gallery-hero-card--reel {
min-height: 500px;
grid-row: span 2;
background: linear-gradient(155deg, #184a68, #00bfff 50%, #092431);
}
.tas-gallery-hero-card--photo {
background:
radial-gradient(circle at 72% 28%, rgba(255, 255, 255, 0.28), transparent 16%),
linear-gradient(135deg, #1b769c, #07344c);
}
.tas-gallery-hero-card--shine {
background: linear-gradient(145deg, #f7fdff, #9feaff);
color: var(--tas-ink);
}
.tas-gallery-hero-card--shine::before {
background: linear-gradient(180deg, transparent 50%, rgba(0, 124, 169, 0.2));
}
.tas-gallery-hero-card__tag {
position: absolute;
top: 22px;
left: 22px;
display: inline-flex;
padding: 7px 10px;
border: 1px solid rgba(255, 255, 255, 0.48);
align-items: center;
gap: 7px;
color: inherit;
font-size: 9px;
font-weight: 800;
letter-spacing: 0.14em;
text-transform: uppercase;
}
.tas-gallery-hero-card__tag span {
color: #ff5353;
font-size: 9px;
}
.tas-gallery-hero-card p {
position: relative;
z-index: 1;
color: inherit;
font-family: Dosis, Helvetica, Arial, sans-serif;
font-size: clamp(28px, 3vw, 44px);
font-weight: 400;
line-height: 0.96;
}
.tas-gallery-hero-card p strong {
color: inherit;
font-weight: 700;
}
.tas-gallery-hero-card__index {
position: absolute;
right: 18px;
bottom: 14px;
color: rgba(255, 255, 255, 0.28);
font-family: Dosis, Helvetica, Arial, sans-serif;
font-size: 28px;
}
.tas-gallery-hero-card--shine .tas-gallery-hero-card__index {
color: rgba(8, 10, 13, 0.2);
}
.tas-gallery-hero-card__spark {
position: absolute;
top: 14px;
right: 20px;
color: var(--tas-blue);
font-size: 48px;
}
.tas-gallery-hero-card__motion {
position: absolute;
top: 24%;
right: -22%;
width: 115%;
aspect-ratio: 1;
}
.tas-gallery-hero-card__motion span {
position: absolute;
inset: 0;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 50%;
}
.tas-gallery-hero-card__motion span:nth-child(2) {
inset: 14%;
}
.tas-gallery-hero-card__motion span:nth-child(3) {
inset: 28%;
background: rgba(255, 255, 255, 0.12);
}
.tas-gallery-story {
position: relative;
padding: clamp(70px, 9vw, 120px) 0;
background: var(--tas-cyan);
}
.tas-gallery-story::after {
position: absolute;
top: 0;
right: 7%;
width: 1px;
height: 100%;
background: rgba(8, 10, 13, 0.15);
content: "";
}
.tas-gallery-story__grid {
display: grid;
grid-template-columns: 0.55fr 1.65fr 0.8fr;
gap: clamp(28px, 5vw, 72px);
align-items: start;
}
.tas-gallery-story__label {
padding-top: 10px !important;
color: rgba(8, 10, 13, 0.62);
font-size: 11px;
font-weight: 800;
letter-spacing: 0.17em;
text-transform: uppercase;
}
.tas-gallery-story h2 {
color: var(--tas-ink);
font-size: clamp(42px, 5.2vw, 70px);
font-weight: 600;
letter-spacing: -0.025em;
line-height: 0.98;
}
.tas-gallery-story__copy {
padding-top: 10px !important;
color: rgba(8, 10, 13, 0.7);
font-size: 16px;
line-height: 1.8;
}
.tas-gallery-programmes {
padding: clamp(80px, 10vw, 140px) 0;
background: var(--tas-paper);
}
.tas-gallery-section-heading {
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 56px;
align-items: end;
}
.tas-gallery-section-heading h2 {
margin-top: 16px;
color: var(--tas-ink);
font-size: clamp(48px, 6vw, 78px);
font-weight: 600;
letter-spacing: -0.03em;
line-height: 0.98;
}
.tas-gallery-section-heading > p {
max-width: 450px;
color: rgba(8, 10, 13, 0.66);
font-size: 16px;
line-height: 1.8;
}
.tas-gallery-filter {
display: flex;
gap: 8px;
margin-top: 54px;
padding-bottom: 12px;
overflow-x: auto;
scrollbar-width: thin;
}
.tas-gallery-filter button {
min-height: 42px;
padding: 9px 16px;
border: 1px solid var(--tas-line);
border-radius: 0;
flex: 0 0 auto;
background: transparent;
color: rgba(8, 10, 13, 0.7);
font-family: "Open Sans", Arial, sans-serif;
font-size: 12px;
font-weight: 700;
cursor: pointer;
transition: background-color 160ms ease, border-color 160ms ease, color 160ms ease;
}
.tas-gallery-filter button:hover,
.tas-gallery-filter button:focus-visible,
.tas-gallery-filter button.is-active {
border-color: var(--tas-ink);
background: var(--tas-ink);
color: var(--tas-white);
}
.tas-gallery-filter-status {
margin-top: 12px !important;
color: rgba(8, 10, 13, 0.52);
font-size: 11px;
letter-spacing: 0.08em;
text-transform: uppercase;
}
.tas-gallery-grid {
display: grid;
grid-template-columns: repeat(12, minmax(0, 1fr));
grid-auto-flow: dense;
gap: 18px;
margin-top: 30px;
}
.tas-gallery-card {
min-width: 0;
min-height: 0;
grid-column: span 4;
overflow: hidden;
background: var(--tas-white);
box-shadow: 0 16px 44px rgba(15, 41, 55, 0.08);
}
.tas-gallery-card[hidden] {
display: none !important;
}
.tas-gallery-card__media {
position: relative;
display: block;
height: auto;
aspect-ratio: 4 / 5;
overflow: hidden;
background: #112b38;
}
.tas-gallery-card__media img,
.tas-gallery-card__media video {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center 38%;
transition: transform 500ms cubic-bezier(0.2, 0.75, 0.2, 1);
}
.tas-gallery-card__trigger {
display: block;
width: 100%;
height: 100%;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
text-align: left;
cursor: pointer;
}
.tas-gallery-card__trigger:hover .tas-gallery-card__media img,
.tas-gallery-card__trigger:hover .tas-gallery-card__media video,
.tas-gallery-card__trigger:focus-visible .tas-gallery-card__media img,
.tas-gallery-card__trigger:focus-visible .tas-gallery-card__media video {
transform: scale(1.045);
}
.tas-gallery-card__trigger:focus-visible {
outline: 3px solid var(--tas-blue);
outline-offset: -3px;
}
.tas-gallery-card__type {
position: absolute;
top: 16px;
left: 16px;
padding: 7px 9px;
background: rgba(8, 10, 13, 0.78);
color: var(--tas-white);
font-size: 9px;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
}
.tas-gallery-card__play {
position: absolute;
top: 50%;
left: 50%;
display: grid;
width: 64px;
height: 64px;
border: 1px solid rgba(255, 255, 255, 0.62);
border-radius: 50%;
place-items: center;
background: rgba(8, 10, 13, 0.58);
color: var(--tas-white);
font-size: 17px;
transform: translate(-50%, -50%);
backdrop-filter: blur(8px);
}
.tas-gallery-card__caption {
display: flex;
min-height: 96px;
padding: 18px 20px 20px;
flex-direction: column;
justify-content: flex-end;
}
.tas-gallery-card__caption p,
.tas-gallery-card__caption > span {
display: block;
margin-bottom: 7px;
color: rgba(8, 10, 13, 0.55);
font-size: 11px;
font-weight: 600;
line-height: 1.45;
}
.tas-gallery-card__caption h3,
.tas-gallery-card__caption strong {
display: block;
color: var(--tas-ink);
font-size: 28px;
font-weight: 700;
line-height: 1.05;
}
.tas-gallery-card--placeholder .tas-gallery-card__media {
display: flex;
height: auto;
padding: 22px;
align-items: flex-end;
isolation: isolate;
background:
radial-gradient(circle at 72% 24%, rgba(255, 255, 255, 0.24), transparent 17%),
linear-gradient(135deg, #0b4967, #00bfff);
}
.tas-gallery-card--placeholder:nth-child(3n + 2) .tas-gallery-card__media {
background: linear-gradient(135deg, #080a0d, #214c62 68%, #00bfff);
}
.tas-gallery-card--placeholder:nth-child(3n) .tas-gallery-card__media {
background: linear-gradient(145deg, #d9f7ff, #77dcfa 55%, #2672a9);
}
.tas-gallery-card__number {
position: absolute;
top: 8px;
right: 20px;
z-index: -1;
color: rgba(255, 255, 255, 0.16);
font-family: Dosis, Helvetica, Arial, sans-serif;
font-size: 124px;
font-weight: 700;
line-height: 1;
}
.tas-gallery-card__coming {
position: relative;
z-index: 2;
padding: 8px 10px;
border: 1px solid rgba(255, 255, 255, 0.58);
color: var(--tas-white);
font-size: 9px;
font-weight: 800;
letter-spacing: 0.13em;
text-transform: uppercase;
}
.tas-gallery-card__rings {
position: absolute;
z-index: -1;
top: 50%;
left: 56%;
width: 260px;
aspect-ratio: 1;
transform: translate(-50%, -50%);
}
.tas-gallery-card__rings span {
position: absolute;
inset: 0;
border: 1px solid rgba(255, 255, 255, 0.42);
border-radius: 50%;
}
.tas-gallery-card__rings span:nth-child(2) {
inset: 18%;
}
.tas-gallery-card__rings span:nth-child(3) {
inset: 36%;
background: rgba(255, 255, 255, 0.08);
}
.tas-gallery-cta {
position: relative;
padding: clamp(72px, 9vw, 120px) 0;
overflow: hidden;
background: var(--tas-ink);
color: var(--tas-white);
}
.tas-gallery-cta::after {
position: absolute;
right: -120px;
bottom: -240px;
width: 480px;
aspect-ratio: 1;
border: 80px solid rgba(0, 191, 255, 0.1);
border-radius: 50%;
content: "";
}
.tas-gallery-cta__inner {
position: relative;
z-index: 1;
display: grid;
grid-template-columns: 1.2fr 0.8fr;
gap: 48px;
align-items: end;
}
.tas-gallery-cta h2 {
max-width: 720px;
margin-top: 18px;
color: var(--tas-white);
font-size: clamp(48px, 6vw, 76px);
font-weight: 600;
letter-spacing: -0.03em;
line-height: 0.98;
}
.tas-gallery-cta .tas-gallery-actions {
justify-content: flex-end;
}
.tas-gallery-lightbox {
width: min(1080px, calc(100% - 32px));
max-width: 1080px;
max-height: calc(100vh - 32px);
padding: 0;
border: 0;
overflow: visible;
background: #050608;
color: var(--tas-white);
box-shadow: 0 34px 100px rgba(0, 0, 0, 0.6);
}
.tas-gallery-lightbox::backdrop {
background: rgba(2, 5, 7, 0.9);
backdrop-filter: blur(7px);
}
.tas-gallery-lightbox__media {
display: grid;
min-height: 300px;
max-height: calc(100vh - 110px);
place-items: center;
}
.tas-gallery-lightbox__media img,
.tas-gallery-lightbox__media video {
display: block;
width: 100%;
max-height: calc(100vh - 110px);
object-fit: contain;
}
.tas-gallery-lightbox > p {
position: absolute;
bottom: 12px;
left: 16px;
z-index: 2;
padding: 7px 10px;
background: rgba(8, 10, 13, 0.72);
color: var(--tas-white);
font-family: Dosis, Helvetica, Arial, sans-serif;
font-size: 18px;
}
.tas-gallery-lightbox__close {
position: absolute;
z-index: 3;
top: -14px;
right: -14px;
display: grid;
width: 44px;
height: 44px;
padding: 0;
border: 0;
border-radius: 50%;
place-items: center;
background: var(--tas-cyan);
color: var(--tas-ink);
font-family: Arial, sans-serif;
font-size: 29px;
line-height: 1;
cursor: pointer;
}
@media (max-width: 1040px) {
.tas-gallery-hero__grid {
grid-template-columns: 1fr 0.86fr;
gap: 42px;
}
.tas-gallery-card {
grid-column: span 6 !important;
}
}
@media (max-width: 820px) {
.tas-gallery-hero {
padding-top: 82px;
}
.tas-gallery-hero__grid,
.tas-gallery-story__grid,
.tas-gallery-section-heading,
.tas-gallery-cta__inner {
grid-template-columns: 1fr;
}
.tas-gallery-hero__stage {
min-height: 440px;
max-width: 590px;
}
.tas-gallery-hero-card--reel {
min-height: 440px;
}
.tas-gallery-story__grid,
.tas-gallery-section-heading,
.tas-gallery-cta__inner {
gap: 28px;
}
.tas-gallery-story__copy,
.tas-gallery-story__label {
padding-top: 0 !important;
}
.tas-gallery-cta .tas-gallery-actions {
justify-content: flex-start;
margin-top: 8px;
}
}
@media (max-width: 620px) {
.tas-gallery-shell {
width: min(100% - 32px, 1180px);
}
.tas-gallery-hero__copy h1 {
font-size: clamp(50px, 16vw, 74px);
}
.tas-gallery-hero__facts {
gap: 12px 20px;
}
.tas-gallery-hero__stage {
grid-template-columns: 1fr 1fr;
min-height: 360px;
gap: 9px;
transform: rotate(1deg);
}
.tas-gallery-hero-card {
min-height: 175px;
padding: 18px;
}
.tas-gallery-hero-card--reel {
min-height: 360px;
}
.tas-gallery-hero-card__tag {
top: 14px;
left: 14px;
}
.tas-gallery-hero-card p {
font-size: 27px;
}
.tas-gallery-story h2,
.tas-gallery-section-heading h2,
.tas-gallery-cta h2 {
font-size: clamp(42px, 13vw, 60px);
}
.tas-gallery-grid {
grid-template-columns: 1fr;
gap: 14px;
}
.tas-gallery-card {
min-height: 0;
grid-column: 1 !important;
}
.tas-gallery-filter {
margin-right: -16px;
padding-right: 16px;
}
.tas-gallery-button {
width: 100%;
}
.tas-gallery-button--text {
width: auto;
}
.tas-gallery-lightbox__close {
top: 8px;
right: 8px;
}
}
@media (prefers-reduced-motion: reduce) {
.tas-gallery-page *,
.tas-gallery-page *::before,
.tas-gallery-page *::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
}
}