/**/.hamburgerButton{display:block;background-color:transparent;border:0;padding:0;margin:0}.hamburgerButton,.hamburgerButton svg{width:100%;height:100%}/**/.dmNewParagraph[data-version] .text-align-left{text-align:left!important}.dmNewParagraph[data-version] .text-align-center{text-align:center!important}.dmNewParagraph[data-version] .text-align-right{text-align:right!important}
.dmNewParagraph[data-version] .text-align-justify{text-align:justify!important}.dmNewParagraph[data-version] .ql-indent-1{padding:0 1em;padding-inline-end:0;padding-inline-start:3em}.dmNewParagraph[data-version] .ql-indent-2{padding:0 2em;padding-inline-end:0;padding-inline-start:6em}
.dmNewParagraph[data-version] .ql-indent-3{padding:0 3em;padding-inline-end:0;padding-inline-start:9em}.dmNewParagraph[data-version] .ql-indent-4{padding:0 4em;padding-inline-end:0;padding-inline-start:12em}
.dmNewParagraph[data-version] .ql-indent-5{padding:0 5em;padding-inline-end:0;padding-inline-start:15em}.dmNewParagraph[data-version] .ql-indent-6{padding:0 6em;padding-inline-end:0;padding-inline-start:18em}
.dmNewParagraph[data-version] .ql-indent-7{padding:0 7em;padding-inline-end:0;padding-inline-start:21em}.dmNewParagraph[data-version] .ql-indent-8{padding:0 8em;padding-inline-end:0;padding-inline-start:24em}
.dmNewParagraph[data-version] .ql-indent-9{padding:0 9em;padding-inline-end:0;padding-inline-start:27em}.dmNewParagraph[data-version]{line-height:initial}.dmNewParagraph[data-version] [class*=size-]{width:auto!important;height:auto!important}
.dmNewParagraph[data-version] h1,.dmNewParagraph[data-version] h2,.dmNewParagraph[data-version] h3,.dmNewParagraph[data-version] h4,.dmNewParagraph[data-version] h5,.dmNewParagraph[data-version] h6,.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] p,.dmNewParagraph[data-version] ul{margin-top:0;margin-bottom:0}
.dmNewParagraph[data-version] ol,.dmNewParagraph[data-version] ul{padding:0;counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9}.dmNewParagraph[data-version] ol>li,.dmNewParagraph[data-version] ul>li{list-style-type:none;text-indent:-1.5em;margin:0 1em;margin-inline-end:0;margin-inline-start:2em}
.dmNewParagraph[data-version] ol>li:before,.dmNewParagraph[data-version] ul>li:before{min-width:1em;display:inline-block;margin-right:.5em;margin-inline-start:0;margin-inline-end:.5em;text-align:right;text-align:end}
.dmNewParagraph[data-version] ul .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ul .ql-indent-1:before{font-weight:700;content:"○"}
.dmNewParagraph[data-version] ul .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ul .ql-indent-2:before,.dmNewParagraph[data-version] ul .ql-indent-3:before,.dmNewParagraph[data-version] ul .ql-indent-4:before,.dmNewParagraph[data-version] ul .ql-indent-5:before,.dmNewParagraph[data-version] ul .ql-indent-6:before,.dmNewParagraph[data-version] ul .ql-indent-7:before,.dmNewParagraph[data-version] ul .ql-indent-8:before,.dmNewParagraph[data-version] ul .ql-indent-9:before{font-weight:700;content:"■"}
.dmNewParagraph[data-version] ul .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ul .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}
.dmNewParagraph[data-version] ul .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ul .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}
.dmNewParagraph[data-version] ul .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ul .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ul .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}
.dmNewParagraph[data-version] ul>li:before{font-weight:700;content:"•";font-family:Arial}.dmNewParagraph[data-version] ul.custom-list-1>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"○";transform:scale(1);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-2>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"★";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-3>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"➞";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-4>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"＋";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-5>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"－";transform:scale(.7);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-6>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✓";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ul.custom-list-7>li:not([class^=ql-indent-]):not([class*=" ql-indent-"]):before{content:"✗";transform:scale(.8);transform-origin:center right}
.dmNewParagraph[data-version] ol .ql-indent-1{counter-reset:list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-1}.dmNewParagraph[data-version] ol .ql-indent-1:before{content:counter(list-1,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-2{counter-reset:list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-2}.dmNewParagraph[data-version] ol .ql-indent-2:before{content:counter(list-2,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-3{counter-reset:list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-3}.dmNewParagraph[data-version] ol .ql-indent-3:before{content:counter(list-3,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-4{counter-reset:list-5 list-6 list-7 list-8 list-9;counter-increment:list-4}.dmNewParagraph[data-version] ol .ql-indent-4:before{content:counter(list-4,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-5{counter-reset:list-6 list-7 list-8 list-9;counter-increment:list-5}.dmNewParagraph[data-version] ol .ql-indent-5:before{content:counter(list-5,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-6{counter-reset:list-7 list-8 list-9;counter-increment:list-6}.dmNewParagraph[data-version] ol .ql-indent-6:before{content:counter(list-6,decimal) ". "}
.dmNewParagraph[data-version] ol .ql-indent-7{counter-reset:list-8 list-9;counter-increment:list-7}.dmNewParagraph[data-version] ol .ql-indent-7:before{content:counter(list-7,lower-alpha) ". "}
.dmNewParagraph[data-version] ol .ql-indent-8{counter-reset:list-9;counter-increment:list-8}.dmNewParagraph[data-version] ol .ql-indent-8:before{content:counter(list-8,lower-roman) ". "}
.dmNewParagraph[data-version] ol .ql-indent-9{counter-reset:list-10 list-9;counter-increment:list-9}.dmNewParagraph[data-version] ol .ql-indent-9:before{content:counter(list-9,decimal) ". "}
.dmNewParagraph[data-version] ol li{counter-reset:list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;counter-increment:list-0}.dmNewParagraph[data-version] ol li:before{content:counter(list-0,decimal) ". "}
.dmNewParagraph[data-version] a{vertical-align:initial}@media(min-width:768px) and (max-width:1024px){.dmNewParagraph[data-version] .t-text-align-left{text-align:left!important}.dmNewParagraph[data-version] .t-text-align-center{text-align:center!important}
.dmNewParagraph[data-version] .t-text-align-right{text-align:right!important}.dmNewParagraph[data-version] .t-text-align-justify{text-align:justify!important}}@media(max-width:767px){.dmRoot .dmNewParagraph[data-version] .m-text-align-left{text-align:left!important}
.dmRoot .dmNewParagraph[data-version] .m-text-align-center{text-align:center!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-right{text-align:right!important}.dmRoot .dmNewParagraph[data-version] .m-text-align-justify{text-align:justify!important}
}.inlineBindingLink{color:inherit!important;text-decoration:inherit!important}/**/.imageWidget{position:relative}.imageWidget a,.imageWidget span.image-caption{font-style:italic;text-align:center}.imageWidget a[data-caption]::after,.imageWidget span[data-caption]::after{content:attr(data-caption);display:block;line-height:100%}
.imageWidget.with-caption a::after,.imageWidget.with-caption span.image-caption::after{margin-top:12px}.imageWidget img[width][height]{height:auto}[data-flex-site] #fcontainer .imageWidget:after,[data-flex-site] #flex-footer .imageWidget:after,[data-flex-site] #flex-header .imageWidget:after{content:none}
[data-flex-site] #fcontainer .imageWidget:before,[data-flex-site] #flex-footer .imageWidget:before,[data-flex-site] #flex-header .imageWidget:before{font-size:80px;transform:none}.imageWidget.hover img.hover-image,.imageWidget:hover img.hover-image{display:initial}
.imageWidget.hover.hasHover img:not(.hover-image),.imageWidget:hover.hasHover img:not(.hover-image){display:none!important}.imageWidget img.hover-image,.imageWidget img.logo-on-scroll{display:none}/**/.graphicWidget{width:200px;height:200px;margin:10px auto;text-align:center}.graphicWidget svg.svg{width:100%;height:100%;color:#000;fill:#000}.graphicWidgetV2{width:60px;height:60px}.graphicWidgetV3{font-size:0}
/* Custom Widgets Styles */
@charset "UTF-8";
.widget-46f793 {
--color-black: #000000;
--color-white: #ffffff;
--color-grey-dark: #111111;
--color-grey-mid: #222222;
--color-grey-light: #444444;
--color-accent: #ffffff;
--color-accent-dim: rgba(255,255,255,0.08);
--color-burgundy: #6b1a2a;
--color-burgundy-bright: #8b2035;
--color-burgundy-glow: rgba(107, 26, 42, 0.55);
--color-burgundy-dim: rgba(107, 26, 42, 0.25);
--font-display: "Barlow Condensed", "Impact", "Arial Black", sans-serif;
--font-display-weight: 900;
--font-ui: "Oswald", "Arial Narrow", sans-serif;
--font-body: "Oswald", "Segoe UI", Arial, sans-serif;
--transition-smooth: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
--transition-bounce: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
font-family: var(--font-body);
background: var(--color-black);
color: var(--color-white);
overflow-x: hidden;
position: relative;
/* ==================== HERO ==================== */
/* Hero background image — applied directly to the parallax-bg div so it sits in the same
layer as the default gradient and is never occluded by child elements.
Position/size are overridden via inline styles by JS (from design panel settings). */
/* When a video is active, hide the parallax bg */
/* Also suppress the cinematic radial overlay when a real image/video is active — it darkens the whole frame */
/* Hero gradient overlay — active over both background image and video */
/* Hero video container */
/* When video is active, ensure the parallax bg fades behind it */
/* Manifesto background image — applied to the section itself (not the oversized parallax div) */
/* When a real image is set, suppress the default gradient on the parallax div */
/* Cinematic dark vignette pressing in from all edges */
/* Diagonal light slash — like a stage spotlight edge */
/* Subtle horizontal scanlines for depth */
/* Particles — disabled on mobile for perf */
/* Logo */
/* Underground Banner */
/* ── Underground Banner ── */
/* Athletic diagonal stripe texture on the banner — like carbon fiber / grip tape */
/* Burgundy diagonal spotlight slash across the body */
/* Top status bar */
/* Body */
/* Animated scan lines overlay */
/* Corner bracket accents */
/* ---- Press Release Header ---- */
/* Bottom info bar */
/* ---- SIGNAL STRENGTH BAR ---- */
/* Animated shimmer sweep on the fill */
/* Segment dividers overlaid on top */
/* Top-edge glint line */
/* Pulsing glow on the percentage when near 100% */
/* Countdown */
/* Scroll cue — centered under timer, in normal flow */
/* Mouse scroll icon — linked */
/* ==================== UNDERGROUND BANNER SECTION ==================== */
/* ==================== STATS SECTION ==================== */
/* Trophy icon above the label */
/* Value block — always centered, flex-col for stacked */
/* Sub-line (off-season weight) */
/* Text values — ESPN/BET & roles */
/* Separator dot between roles */
/* ==================== POWER METER ==================== */
/* Shimmer sweep on fill */
/* Segment dividers */
/* Top glint */
/* Overflow glow — blooms at the right edge when maxed */
/* Media badges — ESPN · BET */
/* Roles — dual text */
/* ==================== STATS RESPONSIVE ==================== */
/* ==================== FEDERATION MARQUEE STRIP ==================== */
/* Fade-out edges left and right */
/* ==================== ATHLETE SECTION ==================== */
/* ---- VERTICAL THREE-COLUMN GALLERY ---- */
/* Individual vertical card */
/* Fallback: if JS never fires, still show the cards after CSS animation delay */
/* Hover lift + subtle glow */
/* Bio section — slightly more compact to accommodate wider gallery */
/* The clipping frame that keeps Ken Burns from bleeding out */
/* The image itself — fills the frame completely via object-fit,
then the KB transform scales/pans it for the animation effect */
/* Pause Ken Burns on hover so the viewer can study the image */
/* Each card gets a unique KB path */
/* KB 1: slow zoom in, pan up-left → down-right
Scale stays ≥ 1.0 so the image never shows edges */
/* KB 2: subtle zoom out, pan right → left */
/* KB 3: slow drift up */
/* Cinematic vignette overlay */
/* White border accent on hover */
/* Card number overlay — sits in the bottom-right corner ON TOP of the image.
Uses position:absolute relative to the card (which is position:relative),
so it always renders as a true overlay regardless of image size. */
/* .athlete-photo — the ![]()
inside kb-frame, fully positioned */
/* Avatar in bio — sits between "THE COACH" label and the title */
/* Bio */
/* About section title — isolated so design panel controls are not overridden */
/* ==================== SERVICES SECTION ==================== */
/* ==================== FLIP CARD SYSTEM ==================== */
/* Featured card — elevated above siblings */
/* Non-featured hover lift */
/* FRONT face */
/* BACK face */
/* Service number watermark */
/* Highlight the number on the back face when the card is flipped */
/* Featured card gets a burgundy-tinted highlight */
/* ---- CORNER RIBBON — MOST POPULAR ---- */
/* ---- INLINE FEATURED BADGE — MOST POPULAR ---- */
/* Spacer used on non-featured cards to keep layout identical */
/* When icon wrap is empty (no icon uploaded yet), collapse it */
/* Manifesto author name — burgundy */
/* Divider line under title on front */
/* Flip hint — unified style across all cards */
/* Featured flip hint — same style as standard, no special glow */
/* Front glow */
/* Ensure content inside front sits above the number watermark */
/* ---- BACK OF CARD ---- */
/* Default bullet — small circle */
/* Checkmark — hidden until hover */
/* Burgundy variant — dot is burgundy, checkmark is pinkish */
/* Back CTA button */
/* Grungy steel scratch texture — pseudo element */
/* burgundy-cta — same as standard CTA */
/* ==================== CARD SOCIAL PROOF COUNTER ==================== */
/* Fade in when card is flipped */
/* Back glow */
/* ==================== MANIFESTO SECTION ==================== */
/* ---- MANIFESTO AVATAR ---- */
/* Manifesto section countdown */
/* ==================== COMPETITION SCHEDULE SECTION ==================== */
/* ---- Schedule Card ---- */
/* Past show — dimmed */
/* Top row: status + category tag */
/* Status pill */
/* Card inner layout */
/* Date block */
/* Vertical divider */
/* Details */
/* ---- Category Tags ---- */
/* Amateur — blue */
/* Pro — gold/amber */
/* Tentative — muted grey-lavender */
/* ---- Per-card countdown strip ---- */
/* Card glow */
/* ==================== SUBSCRIBE SECTION ==================== */
/* Top status bar */
/* Form row */
/* ==================== CONTACT SECTION ==================== */
/* ==================== CONTACT FORM ==================== */
/* ---- Privacy Policy tooltip ---- */
/* Burgundy pulsating dot */
/* ==================== FOOTER ==================== */
/* Footer logo */
/* ==================== FOOTER SOCIAL ICONS ==================== */
/* Burgundy fill sweep on hover */
/* ==================== FOOTER LEGAL TOOLTIPS ==================== */
/* Tooltip bubble */
/* Arrow */
/* ==================== CURSOR SPOTLIGHT ==================== */
/* ==================== MOBILE STICKY CTA — hidden ==================== */
/* ==================== WHY CHOOSE ME STRIP ==================== */
/* ==================== SECTION ENTRANCE LINES ==================== */
/* Section entrance lines — hidden */
/* ==================== GLITCH-SLIDE SECTION TITLES (left-aligned only) ==================== */
/* Centered section titles — simple fade-up reveal */
/* ==================== ODOMETER DIGIT ROLL ==================== */
/* ==================== FOOTER EMBERS ==================== */
/* Keep footer content above embers */
/* ==================== REVEAL — GLITCH SLIDE VARIANT ==================== */
/* ==================== BUZZ BADGE ==================== */
/* Pill badge — sits at the top-left of the card front, outside the card flow */
/* Level 1 — TRENDING: vivid red pill */
/* Level 2 — POPULAR: deeper red */
/* Level 3 — SLOTS FILLING FAST: urgent bright red pill, pulsing glow */
/* Shared pulse dot */
/* Shared label */
/* Pop-in animation on badge appear or level-up */
/* ==================== BACK TO TOP ==================== */
/* ==================== HEADER TEXT ALIGNMENT ==================== */
/*
* Three alignment modes applied via a class on the widget root:
* .header-align--left — all section headers left-justified
* .header-align--center — default (no override needed, already centered)
* .header-align--right — all section headers right-justified
*
* Targets: .section-header, its children (.section-label, .section-title,
* .title-underline), plus standalone section titles and subtitles.
*/
/* ── LEFT alignment ── */
/* ── RIGHT alignment ── */
/* ── CENTER alignment (default — explicit reset in case JS re-applies) ── */
/* ==================== CONTENT VISIBILITY — below-fold sections ==================== */
/* Allows browser to skip rendering off-screen sections until needed */
/* ==================== KEY ANIMATIONS ==================== */
/* ==================== RESPONSIVE ==================== */
/* ---- Tablet (768–1024) ---- */
/* ---- Mobile (≤767px) ---- */
/* ---- Very small screens (≤380px) ---- */
}
.widget-46f793 .hero-section {
position: relative;
min-height: 100vh;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
background: #000;
}
.widget-46f793 .hero-parallax-bg {
position: absolute;
inset: -60px;
background: radial-gradient(ellipse at 8% 92%, rgba(107, 26, 42, 0.28) 0%, transparent 42%), radial-gradient(ellipse at 88% 6%, rgba(255, 255, 255, 0.07) 0%, transparent 38%), radial-gradient(ellipse at 2% 48%, rgba(255, 255, 255, 0.04) 0%, transparent 30%), linear-gradient(165deg, #0a0a0a 0%, #050505 35%, #0d0406 65%, #000000 100%);
background-color: #050505;
background-size: cover;
background-position: center top;
background-repeat: no-repeat;
contain: layout style;
}
.widget-46f793 .hero-section.has-bg-image .hero-parallax-bg {
background-image: var(--hero-bg-image) !important;
background-size: cover;
background-position: center top;
background-repeat: no-repeat !important;
opacity: 1 !important;
}
.widget-46f793 .hero-section.has-video .hero-parallax-bg {
opacity: 0;
pointer-events: none;
}
.widget-46f793 .hero-section.has-bg-image .hero-cinematic-overlay,
.widget-46f793 .hero-section.has-video .hero-cinematic-overlay {
opacity: 0;
}
.widget-46f793 .hero-bg-image-overlay {
position: absolute;
inset: 0;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.35) 30%, rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0.1) 100%);
pointer-events: none;
z-index: 2;
opacity: 0;
transition: opacity 0.6s ease;
}
.widget-46f793 .hero-bg-image-overlay.active {
opacity: var(--hero-overlay-opacity, 1);
}
.widget-46f793 #hero-video-container {
position: absolute;
inset: 0;
z-index: 0;
overflow: hidden;
pointer-events: none;
}
.widget-46f793 #hero-video-container iframe,
.widget-46f793 #hero-video-container video {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
object-fit: cover;
pointer-events: none;
}
.widget-46f793 .hero-section.has-video .hero-parallax-bg {
opacity: 0;
}
.widget-46f793 .manifesto-section.has-bg-image {
background-image: var(--manifesto-bg-image);
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
}
.widget-46f793 .manifesto-section.has-bg-image .manifesto-parallax-bg {
background: none;
}
.widget-46f793 .hero-cinematic-overlay {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 50%, transparent 30%, rgba(0, 0, 0, 0.55) 70%, rgba(0, 0, 0, 0.85) 100%);
pointer-events: none;
z-index: 1;
}
.widget-46f793 .hero-light-slash {
position: absolute;
top: -10%;
left: -5%;
width: 55%;
height: 130%;
background: linear-gradient(105deg, transparent 0%, transparent 48%, rgba(255, 255, 255, 0.018) 49%, rgba(255, 255, 255, 0.035) 50%, rgba(255, 255, 255, 0.018) 51%, transparent 52%, transparent 100%);
pointer-events: none;
z-index: 2;
animation: slash-drift 14s ease-in-out infinite;
}
.widget-46f793 .hero-light-slash--2 {
left: auto;
right: -5%;
width: 45%;
background: linear-gradient(255deg, transparent 0%, transparent 52%, rgba(139, 32, 53, 0.04) 53%, rgba(139, 32, 53, 0.07) 54%, rgba(139, 32, 53, 0.04) 55%, transparent 56%, transparent 100%);
animation: slash-drift-2 18s ease-in-out infinite;
animation-delay: 3s;
}
@keyframes slash-drift {
0%, 100% {
transform: translateX(0) skewY(-2deg);
opacity: 0.7;
}
50% {
transform: translateX(3%) skewY(-2deg);
opacity: 1;
}
}
@keyframes slash-drift-2 {
0%, 100% {
transform: translateX(0) skewY(2deg);
opacity: 0.5;
}
50% {
transform: translateX(-2%) skewY(2deg);
opacity: 0.9;
}
}
.widget-46f793 .hero-scanlines {
position: absolute;
inset: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(0, 0, 0, 0.08) 3px, rgba(0, 0, 0, 0.08) 4px);
pointer-events: none;
z-index: 2;
opacity: 0.6;
}
.widget-46f793 .hero-noise-overlay {
position: absolute;
inset: 0;
opacity: 0.07;
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='1'/%3E%3C/svg%3E");
background-size: 200px;
pointer-events: none;
z-index: 3;
}
.widget-46f793 .grain-overlay {
position: absolute;
inset: 0;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='0.12'/%3E%3C/svg%3E");
pointer-events: none;
z-index: 3;
opacity: 0.5;
mix-blend-mode: overlay;
}
.widget-46f793 .particles-container {
position: absolute;
inset: 0;
z-index: 2;
pointer-events: none;
}
.widget-46f793 .particle {
position: absolute;
width: 2px;
height: 2px;
background: rgba(255, 255, 255, 0.6);
border-radius: 50%;
animation: float-particle linear infinite;
will-change: transform, opacity;
}
.widget-46f793 .particle:nth-child(1) {
left: 10%;
top: 80%;
animation-duration: 8s;
animation-delay: 0s;
}
.widget-46f793 .particle:nth-child(2) {
left: 25%;
top: 70%;
animation-duration: 10s;
animation-delay: 1s;
width: 3px;
height: 3px;
}
.widget-46f793 .particle:nth-child(3) {
left: 50%;
top: 90%;
animation-duration: 7s;
animation-delay: 2s;
}
.widget-46f793 .particle:nth-child(4) {
left: 70%;
top: 85%;
animation-duration: 12s;
animation-delay: 0.5s;
}
.widget-46f793 .particle:nth-child(5) {
left: 85%;
top: 75%;
animation-duration: 9s;
animation-delay: 3s;
width: 1px;
height: 1px;
}
.widget-46f793 .particle:nth-child(6) {
left: 40%;
top: 95%;
animation-duration: 11s;
animation-delay: 1.5s;
}
@keyframes float-particle {
0% {
transform: translateY(0) translateX(0);
opacity: 0;
}
10% {
opacity: 1;
}
90% {
opacity: 0.6;
}
100% {
transform: translateY(-100vh) translateX(20px);
opacity: 0;
}
}
.widget-46f793 .hero-content {
position: relative;
z-index: 10;
text-align: center;
padding: 60px 24px 40px;
max-width: 860px;
width: 100%;
margin: 0 auto;
}
.widget-46f793 .logo-wrapper {
margin-bottom: 32px;
display: flex;
justify-content: center;
}
.widget-46f793 .logo-img {
max-height: 100px;
max-width: 260px;
object-fit: contain;
filter: brightness(0) invert(1);
}
.widget-46f793 .logo-placeholder {
border: 1px dashed rgba(255, 255, 255, 0.25);
padding: 16px 40px;
border-radius: 4px;
}
.widget-46f793 .logo-placeholder-text {
font-family: var(--font-display);
letter-spacing: 6px;
font-size: 17px;
color: rgba(255, 255, 255, 0.35);
}
.widget-46f793 .hero-tagline-top {
font-family: var(--font-ui);
font-weight: 500;
font-size: 15px;
letter-spacing: 6px;
color: rgba(255, 255, 255, 0.45);
margin-bottom: 16px;
text-transform: uppercase;
animation: fade-in-up 0.8s ease forwards;
opacity: 0;
animation-delay: 0.2s;
}
.widget-46f793 .hero-name {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(56px, 10vw, 120px);
line-height: 0.9;
letter-spacing: 4px;
text-transform: uppercase;
color: #fff;
margin: 0 0 20px;
animation: fade-in-up 0.8s ease forwards;
opacity: 0;
animation-delay: 0.4s;
text-shadow: 0 0 40px rgba(255, 255, 255, 0.15), 0 4px 20px rgba(0, 0, 0, 0.8);
}
.widget-46f793 .hero-subtitle {
font-family: var(--font-ui);
font-weight: 400;
font-size: 17px;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.55);
text-transform: uppercase;
margin-bottom: 36px;
animation: fade-in-up 0.8s ease forwards;
opacity: 0;
animation-delay: 0.6s;
}
.widget-46f793 .underground-banner {
display: flex;
flex-direction: column;
margin-bottom: 32px;
border: 1px solid rgba(255, 255, 255, 0.1);
border-top: 2px solid rgba(139, 32, 53, 0.85);
border-radius: 3px;
overflow: hidden;
animation: fade-in-up 0.8s ease forwards;
opacity: 0;
animation-delay: 0.7s;
/* Sporty layered background — deep charcoal with a burgundy warm shift */
background: linear-gradient(160deg, #0e0608 0%, #130609 35%, #0a0a0a 60%, #050505 100%);
box-shadow: 0 0 80px rgba(0, 0, 0, 0.85), inset 0 0 100px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(255, 255, 255, 0.04), 0 0 40px rgba(139, 32, 53, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.04);
position: relative;
}
.widget-46f793 .underground-banner::before {
content: "";
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(-48deg, transparent, transparent 7px, rgba(255, 255, 255, 0.022) 7px, rgba(255, 255, 255, 0.022) 8px);
pointer-events: none;
z-index: 0;
border-radius: 3px;
}
.widget-46f793 .underground-banner::after {
content: "";
position: absolute;
top: -20%;
left: -10%;
width: 55%;
height: 160%;
background: linear-gradient(112deg, transparent 0%, transparent 44%, rgba(107, 26, 42, 0.09) 46%, rgba(139, 32, 53, 0.16) 50%, rgba(107, 26, 42, 0.09) 54%, transparent 56%, transparent 100%);
pointer-events: none;
z-index: 0;
animation: ug-slash-drift 12s ease-in-out infinite;
}
@keyframes ug-slash-drift {
0%, 100% {
transform: translateX(0) skewY(-1deg);
opacity: 0.8;
}
50% {
transform: translateX(4%) skewY(-1deg);
opacity: 1;
}
}
.widget-46f793 .underground-banner-top-bar {
display: flex;
align-items: center;
gap: 10px;
padding: 9px 18px;
background: linear-gradient(90deg, rgba(139, 32, 53, 0.18) 0%, rgba(107, 26, 42, 0.08) 60%, rgba(0, 0, 0, 0.3) 100%);
border-bottom: 1px solid rgba(139, 32, 53, 0.28);
position: relative;
z-index: 1;
}
.widget-46f793 .underground-status-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: var(--color-burgundy-bright);
box-shadow: 0 0 8px rgba(139, 32, 53, 0.9), 0 0 18px rgba(139, 32, 53, 0.5);
flex-shrink: 0;
animation: ug-dot-pulse 2.2s ease-in-out infinite;
}
@keyframes ug-dot-pulse {
0%, 100% {
opacity: 1;
box-shadow: 0 0 8px rgba(139, 32, 53, 0.9), 0 0 18px rgba(139, 32, 53, 0.5);
}
50% {
opacity: 0.45;
box-shadow: 0 0 3px rgba(139, 32, 53, 0.4), 0 0 6px rgba(139, 32, 53, 0.2);
}
}
.widget-46f793 .underground-status-label {
font-family: var(--font-ui);
font-size: 11px;
letter-spacing: 4px;
color: rgba(210, 210, 210, 0.55);
text-transform: uppercase;
flex: 1;
}
.widget-46f793 .underground-scanline-tag {
font-family: var(--font-display);
font-weight: 900;
font-size: 12px;
letter-spacing: 5px;
color: rgba(210, 210, 210, 0.75);
text-transform: uppercase;
}
.widget-46f793 .underground-banner-body {
position: relative;
padding: 30px 36px;
overflow: hidden;
z-index: 1;
}
.widget-46f793 .underground-scanlines {
position: absolute;
inset: 0;
background: repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255, 255, 255, 0.01) 3px, rgba(255, 255, 255, 0.01) 4px);
pointer-events: none;
z-index: 0;
animation: ug-scanline-drift 10s linear infinite;
}
@keyframes ug-scanline-drift {
0% {
background-position: 0 0;
}
100% {
background-position: 0 80px;
}
}
.widget-46f793 .underground-corner {
position: absolute;
width: 14px;
height: 14px;
border-color: rgba(139, 32, 53, 0.5);
border-style: solid;
z-index: 2;
pointer-events: none;
}
.widget-46f793 .underground-corner--tl {
top: 7px;
left: 7px;
border-width: 1px 0 0 1px;
}
.widget-46f793 .underground-corner--tr {
top: 7px;
right: 7px;
border-width: 1px 1px 0 0;
}
.widget-46f793 .underground-corner--bl {
bottom: 7px;
left: 7px;
border-width: 0 0 1px 1px;
}
.widget-46f793 .underground-corner--br {
bottom: 7px;
right: 7px;
border-width: 0 1px 1px 0;
}
.widget-46f793 .underground-press-header {
display: flex;
align-items: center;
gap: 14px;
margin-bottom: 20px;
position: relative;
z-index: 1;
}
.widget-46f793 .underground-press-rule {
flex: 1;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.5), transparent);
}
.widget-46f793 .underground-press-label {
font-family: var(--font-ui);
font-weight: 600;
font-size: 13px;
letter-spacing: 6px;
color: rgba(220, 220, 220, 0.92);
text-transform: uppercase;
white-space: nowrap;
text-shadow: 0 0 18px rgba(255, 255, 255, 0.35), 0 0 40px rgba(255, 255, 255, 0.12);
}
.widget-46f793 .underground-text {
position: relative;
z-index: 1;
font-family: var(--font-ui);
font-weight: 400;
font-size: 19px;
color: rgba(210, 210, 215, 0.92);
letter-spacing: 1.5px;
line-height: 1.9;
margin: 0;
text-align: center;
}
.widget-46f793 .underground-banner-bottom-bar {
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 18px;
background: linear-gradient(90deg, rgba(0, 0, 0, 0.65) 0%, rgba(10, 4, 6, 0.8) 50%, rgba(0, 0, 0, 0.65) 100%);
border-top: 1px solid rgba(139, 32, 53, 0.18);
gap: 16px;
flex-wrap: wrap;
position: relative;
z-index: 1;
}
.widget-46f793 .signal-strength-wrap {
display: flex;
align-items: center;
gap: 10px;
flex: 1;
min-width: 180px;
}
.widget-46f793 .signal-strength-label {
font-family: var(--font-ui);
font-size: 10px;
letter-spacing: 3px;
color: rgba(200, 200, 200, 0.45);
text-transform: uppercase;
white-space: nowrap;
flex-shrink: 0;
}
.widget-46f793 .signal-bar-track {
flex: 1;
height: 8px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 2px;
position: relative;
overflow: hidden;
min-width: 80px;
max-width: 200px;
}
.widget-46f793 .signal-bar-fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0%;
border-radius: 2px;
background: linear-gradient(90deg, #4a0f1c 0%, var(--color-burgundy) 30%, var(--color-burgundy-bright) 65%, #c04060 85%, #e05070 100%);
box-shadow: 0 0 8px rgba(139, 32, 53, 0.7), 0 0 18px rgba(139, 32, 53, 0.35), inset 0 1px 0 rgba(255, 200, 200, 0.12);
transition: width 1.8s cubic-bezier(0.22, 1, 0.36, 1);
z-index: 1;
}
.widget-46f793 .signal-bar-fill::after {
content: "";
position: absolute;
top: 0;
left: -60%;
width: 50%;
height: 100%;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
animation: signal-sheen 2.4s ease-in-out infinite;
}
@keyframes signal-sheen {
0% {
left: -60%;
}
60% {
left: 110%;
}
100% {
left: 110%;
}
}
.widget-46f793 .signal-bar-segments {
position: absolute;
inset: 0;
display: flex;
z-index: 2;
pointer-events: none;
}
.widget-46f793 .signal-seg {
flex: 1;
border-right: 1px solid rgba(0, 0, 0, 0.35);
}
.widget-46f793 .signal-seg:last-child {
border-right: none;
}
.widget-46f793 .signal-bar-glint {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.18), transparent);
z-index: 3;
pointer-events: none;
}
.widget-46f793 .signal-pct {
font-family: var(--font-display);
font-weight: 900;
font-size: 11px;
letter-spacing: 1px;
color: var(--color-burgundy-bright);
text-shadow: 0 0 8px rgba(139, 32, 53, 0.7);
white-space: nowrap;
flex-shrink: 0;
min-width: 32px;
text-align: right;
transition: color 0.5s ease;
}
.widget-46f793 .signal-pct.signal-pct--high {
color: #e06080;
text-shadow: 0 0 12px rgba(224, 96, 128, 0.9), 0 0 24px rgba(139, 32, 53, 0.5);
animation: signal-pct-pulse 1.4s ease-in-out infinite;
}
@keyframes signal-pct-pulse {
0%, 100% {
opacity: 1;
}
50% {
opacity: 0.65;
}
}
.widget-46f793 .underground-bottom-date {
font-family: var(--font-display);
font-weight: 900;
font-size: 12px;
letter-spacing: 4px;
color: rgba(210, 210, 210, 0.75);
text-transform: uppercase;
}
.widget-46f793 .countdown-section {
animation: fade-in-up 0.8s ease forwards;
opacity: 0;
animation-delay: 0.7s;
margin-bottom: 32px;
}
.widget-46f793 .countdown-label {
font-size: 14px;
letter-spacing: 5px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
margin-bottom: 16px;
}
.widget-46f793 .countdown-grid {
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
flex-wrap: wrap;
}
.widget-46f793 .countdown-unit {
display: flex;
flex-direction: column;
align-items: center;
min-width: 72px;
}
.widget-46f793 .countdown-number {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(44px, 7vw, 72px);
line-height: 1;
color: #fff;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.12);
width: 80px;
height: 80px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 4px;
letter-spacing: 2px;
transition: var(--transition-smooth);
position: relative;
overflow: hidden;
}
.widget-46f793 .countdown-number::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 1px;
background: rgba(255, 255, 255, 0.15);
}
.widget-46f793 .countdown-number.flip {
animation: flip-number 0.3s ease;
}
@keyframes flip-number {
0% {
transform: rotateX(0deg);
}
50% {
transform: rotateX(-90deg);
}
100% {
transform: rotateX(0deg);
}
}
.widget-46f793 .countdown-separator {
font-family: var(--font-display);
font-size: 48px;
color: rgba(255, 255, 255, 0.3);
line-height: 80px;
margin-bottom: 20px;
}
.widget-46f793 .countdown-unit-label {
font-size: 13px;
letter-spacing: 4px;
color: rgba(255, 255, 255, 0.3);
margin-top: 8px;
text-transform: uppercase;
}
.widget-46f793 .hero-scroll-cue {
display: flex;
flex-direction: column;
align-items: center;
gap: 8px;
margin-top: 36px;
animation: fade-in-up 1s ease forwards;
opacity: 0;
animation-delay: 1.5s;
}
.widget-46f793 .hero-scroll-cue span {
font-size: 13px;
letter-spacing: 5px;
color: rgba(255, 255, 255, 0.3);
}
.widget-46f793 .scroll-mouse {
width: 24px;
height: 38px;
border: 1.5px solid rgba(255, 255, 255, 0.3);
border-radius: 12px;
position: relative;
display: flex;
justify-content: center;
padding-top: 7px;
text-decoration: none;
cursor: pointer;
transition: border-color 0.3s ease, box-shadow 0.3s ease, transform 0.2s ease;
}
.widget-46f793 .scroll-mouse:hover {
border-color: var(--color-burgundy-bright);
box-shadow: 0 0 12px rgba(139, 32, 53, 0.7), 0 0 28px rgba(139, 32, 53, 0.35), inset 0 0 10px rgba(139, 32, 53, 0.12);
transform: scale(1.12);
}
.widget-46f793 .scroll-mouse:active {
transform: scale(0.95);
box-shadow: 0 0 20px rgb(139, 32, 53), 0 0 48px rgba(139, 32, 53, 0.5);
}
.widget-46f793 .scroll-mouse:hover .scroll-mouse-wheel {
background: var(--color-burgundy-bright);
box-shadow: 0 0 6px rgba(139, 32, 53, 0.9);
animation: mouse-wheel-fast 1s ease-in-out infinite;
}
.widget-46f793 .scroll-mouse-wheel {
width: 3px;
height: 8px;
background: rgba(255, 255, 255, 0.6);
border-radius: 2px;
animation: mouse-wheel 2s ease-in-out infinite;
transition: background 0.3s ease, box-shadow 0.3s ease;
}
@keyframes mouse-wheel {
0% {
transform: translateY(0);
opacity: 1;
}
60% {
transform: translateY(9px);
opacity: 0;
}
61% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
@keyframes mouse-wheel-fast {
0% {
transform: translateY(0);
opacity: 1;
}
50% {
transform: translateY(9px);
opacity: 0;
}
51% {
transform: translateY(0);
opacity: 0;
}
100% {
transform: translateY(0);
opacity: 1;
}
}
.widget-46f793 .scroll-line {
width: 1px;
height: 32px;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.35), transparent);
animation: scroll-line-anim 2s ease-in-out infinite;
}
@keyframes scroll-line-anim {
0%, 100% {
transform: scaleY(1);
opacity: 1;
}
50% {
transform: scaleY(0.5);
opacity: 0.3;
}
}
.widget-46f793 .underground-banner-section {
background: #000;
padding: 60px 24px;
border-top: 1px solid rgba(255, 255, 255, 0.04);
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.widget-46f793 .underground-banner-section .underground-banner {
max-width: 860px;
margin: 0 auto;
}
@media (max-width: 767px) {
.widget-46f793 .underground-banner-section {
padding: 36px 16px;
}
}
.widget-46f793 .stats-section {
position: relative;
background: #060606;
padding: 90px 24px 80px;
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, 0.04);
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.widget-46f793 .stats-bg-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(80px, 15vw, 180px);
color: rgba(255, 255, 255, 0.018);
letter-spacing: 20px;
white-space: nowrap;
pointer-events: none;
z-index: 0;
user-select: none;
}
.widget-46f793 .stats-container {
position: relative;
z-index: 1;
max-width: 1100px;
margin: 0 auto;
}
.widget-46f793 .stats-header {
text-align: center;
margin-bottom: 52px;
display: flex;
flex-direction: column;
align-items: center;
gap: 14px;
}
.widget-46f793 .stats-header-icon {
width: 48px;
height: 48px;
color: var(--color-burgundy-bright);
opacity: 0.85;
filter: drop-shadow(0 0 10px rgba(139, 32, 53, 0.5));
animation: stats-icon-pulse 3s ease-in-out infinite;
}
.widget-46f793 .stats-header-icon svg {
width: 100%;
height: 100%;
}
@keyframes stats-icon-pulse {
0%, 100% {
opacity: 0.75;
filter: drop-shadow(0 0 8px rgba(139, 32, 53, 0.4));
}
50% {
opacity: 1;
filter: drop-shadow(0 0 18px rgba(139, 32, 53, 0.75));
}
}
.widget-46f793 .stats-grid {
display: grid;
grid-template-columns: repeat(5, 1fr);
gap: 0;
align-items: stretch;
}
.widget-46f793 .stats-grid--5 {
grid-template-columns: repeat(5, 1fr);
}
.widget-46f793 .stat-item {
padding: 28px 12px 24px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
transition: var(--transition-smooth);
cursor: default;
border-left: 1px solid rgba(255, 255, 255, 0.06);
gap: 0;
min-height: 120px;
}
.widget-46f793 .stat-item:first-child {
border-left: none;
}
.widget-46f793 .stat-item:hover {
background: rgba(255, 255, 255, 0.02);
}
.widget-46f793 .stat-value-block {
display: flex;
align-items: flex-end;
justify-content: center;
gap: 3px;
line-height: 1;
width: 100%;
margin-bottom: 10px;
}
.widget-46f793 .stat-value-block--stack {
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
}
.widget-46f793 .stat-sub-line {
font-family: var(--font-ui);
font-size: 6px;
letter-spacing: 1.5px;
color: rgba(255, 255, 255, 0.28);
text-transform: uppercase;
margin-top: 4px;
white-space: nowrap;
}
.widget-46f793 .stat-number {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(48px, 5.5vw, 80px);
color: #fff;
letter-spacing: -1px;
line-height: 1;
transition: color 0.4s ease;
}
.widget-46f793 .stat-item:hover .stat-number {
text-shadow: 0 0 30px rgba(255, 255, 255, 0.12);
}
.widget-46f793 .stat-number--accent {
text-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
}
.widget-46f793 .stat-unit {
font-family: var(--font-display);
font-weight: 700;
font-size: clamp(20px, 2.4vw, 34px);
color: var(--color-burgundy-bright);
letter-spacing: 0;
line-height: 1.25;
margin-bottom: 2px;
text-shadow: 0 0 14px rgba(139, 32, 53, 0.5);
}
.widget-46f793 .stat-text-val {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(18px, 2vw, 30px);
color: #fff;
letter-spacing: 2px;
line-height: 1.1;
text-align: center;
transition: text-shadow 0.3s ease;
}
.widget-46f793 .stat-item:hover .stat-text-val {
text-shadow: 0 0 20px rgba(255, 255, 255, 0.15);
}
.widget-46f793 .stat-text-val--sm {
font-family: var(--font-ui);
font-weight: 600;
font-size: clamp(10px, 1.1vw, 14px);
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.85);
text-transform: uppercase;
text-align: center;
line-height: 1.3;
}
.widget-46f793 .stat-role-sep {
font-size: 14px;
color: var(--color-burgundy-bright);
opacity: 0.6;
line-height: 1;
}
.widget-46f793 .stat-divider {
width: 28px;
height: 1px;
background: linear-gradient(90deg, transparent, var(--color-burgundy-bright), transparent);
margin: 8px auto 8px;
opacity: 0.7;
box-shadow: 0 0 6px rgba(139, 32, 53, 0.4);
transition: width 0.4s ease, opacity 0.4s ease;
}
.widget-46f793 .stat-item:hover .stat-divider {
width: 44px;
opacity: 1;
}
.widget-46f793 .stat-label {
font-family: var(--font-ui);
font-size: 10px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.3);
text-transform: uppercase;
line-height: 1.5;
transition: color 0.3s ease;
flex-shrink: 0;
text-align: center;
margin-top: 8px;
}
.widget-46f793 .stat-item:hover .stat-label {
color: rgba(255, 255, 255, 0.5);
}
.widget-46f793 .power-meter-wrap {
margin-top: 56px;
padding: 0 4px;
}
.widget-46f793 .power-meter-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 14px;
}
.widget-46f793 .power-meter-label {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(18px, 2.2vw, 28px);
letter-spacing: 8px;
color: rgba(255, 255, 255, 0.35);
text-transform: uppercase;
}
.widget-46f793 .power-meter-pct {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(28px, 4vw, 52px);
letter-spacing: 2px;
color: #fff;
line-height: 1;
text-shadow: 0 0 20px rgba(255, 255, 255, 0.2), 0 0 50px rgba(139, 32, 53, 0.3);
transition: text-shadow 0.4s ease;
min-width: 80px;
text-align: right;
}
.widget-46f793 .power-meter-pct.power-pct--max {
color: #fff;
text-shadow: 0 0 30px rgba(255, 255, 255, 0.5), 0 0 60px rgba(200, 80, 100, 0.6), 0 0 100px rgba(139, 32, 53, 0.4);
animation: power-pct-blaze 1.6s ease-in-out infinite;
}
@keyframes power-pct-blaze {
0%, 100% {
text-shadow: 0 0 24px rgba(255, 255, 255, 0.45), 0 0 50px rgba(200, 80, 100, 0.5), 0 0 90px rgba(139, 32, 53, 0.35);
}
50% {
text-shadow: 0 0 40px rgba(255, 255, 255, 0.75), 0 0 80px rgba(220, 100, 120, 0.75), 0 0 140px rgba(139, 32, 53, 0.6);
}
}
.widget-46f793 .power-meter-track {
position: relative;
width: 100%;
height: 28px;
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.08);
border-radius: 3px;
overflow: hidden;
}
.widget-46f793 .power-meter-fill {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 0%;
border-radius: 3px;
background: linear-gradient(90deg, #1a0308 0%, #3d0e1a 12%, #6b1a2a 28%, #8b2035 45%, #b03050 60%, #d04868 74%, #e86888 86%, #ffffff 100%);
box-shadow: 0 0 12px rgba(139, 32, 53, 0.6), 0 0 28px rgba(139, 32, 53, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
transition: width 2.2s cubic-bezier(0.16, 1, 0.3, 1);
z-index: 1;
}
.widget-46f793 .power-meter-fill::after {
content: "";
position: absolute;
top: 0;
left: -80%;
width: 60%;
height: 100%;
background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.25) 50%, transparent 100%);
animation: pm-sheen 2.8s ease-in-out infinite;
}
@keyframes pm-sheen {
0% {
left: -80%;
}
55% {
left: 110%;
}
100% {
left: 110%;
}
}
.widget-46f793 .power-meter-segments {
position: absolute;
inset: 0;
display: flex;
z-index: 2;
pointer-events: none;
}
.widget-46f793 .pm-seg {
flex: 1;
border-right: 1px solid rgba(0, 0, 0, 0.4);
}
.widget-46f793 .pm-seg:last-child {
border-right: none;
}
.widget-46f793 .power-meter-glint {
position: absolute;
top: 0;
left: 0;
right: 0;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
z-index: 3;
pointer-events: none;
}
.widget-46f793 .power-meter-overflow-glow {
position: absolute;
top: -8px;
right: -8px;
bottom: -8px;
width: 60px;
background: radial-gradient(ellipse at right center, rgba(255, 200, 220, 0) 0%, transparent 70%);
z-index: 4;
pointer-events: none;
transition: background 0.8s ease;
}
.widget-46f793 .power-meter-overflow-glow.blazing {
background: radial-gradient(ellipse at right center, rgba(255, 180, 200, 0.55) 0%, rgba(200, 60, 90, 0.25) 40%, transparent 70%);
animation: pm-overflow-pulse 1.4s ease-in-out infinite;
}
@keyframes pm-overflow-pulse {
0%, 100% {
opacity: 0.8;
}
50% {
opacity: 1;
}
}
.widget-46f793 .power-meter-sublabel {
margin-top: 12px;
font-family: var(--font-ui);
font-size: 10px;
letter-spacing: 5px;
color: rgba(255, 255, 255, 0.2);
text-transform: uppercase;
text-align: center;
}
.widget-46f793 .stat-value-block--media {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: nowrap;
}
.widget-46f793 .stat-media-badge {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(16px, 2vw, 26px);
letter-spacing: 2px;
color: #fff;
line-height: 1;
transition: text-shadow 0.3s ease;
}
.widget-46f793 .stat-item:hover .stat-media-badge {
text-shadow: 0 0 16px rgba(255, 255, 255, 0.2);
}
.widget-46f793 .stat-media-sep {
font-size: 16px;
color: var(--color-burgundy-bright);
opacity: 0.7;
line-height: 1;
}
.widget-46f793 .stat-value-block--roles {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
flex-wrap: nowrap;
}
.widget-46f793 .stat-role-text {
font-family: var(--font-ui);
font-weight: 600;
font-size: clamp(9px, 1vw, 13px);
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.8);
text-transform: uppercase;
text-align: center;
line-height: 1.3;
transition: color 0.3s ease;
}
.widget-46f793 .stat-item:hover .stat-role-text {
color: #fff;
}
.widget-46f793 .stat-role-sep {
font-size: 14px;
color: var(--color-burgundy-bright);
opacity: 0.5;
flex-shrink: 0;
line-height: 1;
}
@media (max-width: 960px) {
.widget-46f793 .stats-grid--5 {
grid-template-columns: repeat(3, 1fr);
}
.widget-46f793 .stat-item {
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-46f793 .stat-item:nth-child(1),
.widget-46f793 .stat-item:nth-child(2),
.widget-46f793 .stat-item:nth-child(3) {
border-top: none;
}
.widget-46f793 .stat-item:nth-child(3n+1) {
border-left: none;
}
}
@media (max-width: 600px) {
.widget-46f793 .stats-grid--5 {
grid-template-columns: repeat(2, 1fr);
}
.widget-46f793 .stat-item {
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-46f793 .stat-item:nth-child(odd) {
border-left: none;
}
.widget-46f793 .stat-item:nth-child(1),
.widget-46f793 .stat-item:nth-child(2) {
border-top: none;
}
}
.widget-46f793 .marquee-strip {
position: relative;
background: #080808;
border-top: 1px solid rgba(255, 255, 255, 0.06);
border-bottom: 1px solid rgba(255, 255, 255, 0.06);
padding: 0;
overflow: hidden;
/* Grungy steel bottom edge */
box-shadow: inset 0 -3px 10px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.03);
}
.widget-46f793 .marquee-edge {
position: absolute;
top: 0;
bottom: 0;
width: 120px;
z-index: 2;
pointer-events: none;
}
.widget-46f793 .marquee-edge-left {
left: 0;
background: linear-gradient(90deg, #080808 0%, transparent 100%);
}
.widget-46f793 .marquee-edge-right {
right: 0;
background: linear-gradient(270deg, #080808 0%, transparent 100%);
}
.widget-46f793 .marquee-track {
overflow: hidden;
width: 100%;
}
.widget-46f793 .marquee-inner {
display: flex;
align-items: center;
width: max-content;
animation: marquee-scroll 28s linear infinite;
padding: 18px 0;
}
.widget-46f793 .marquee-inner:hover {
animation-play-state: paused;
}
@keyframes marquee-scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.widget-46f793 .marquee-item {
display: flex;
flex-direction: column;
align-items: center;
gap: 3px;
padding: 0 48px;
white-space: nowrap;
cursor: default;
transition: opacity 0.3s ease;
opacity: 0.45;
filter: grayscale(1);
}
.widget-46f793 .marquee-item:hover {
opacity: 0.85;
filter: grayscale(0.6);
}
.widget-46f793 .marquee-abbr {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(22px, 3vw, 32px);
letter-spacing: 5px;
color: rgba(255, 255, 255, 0.75);
text-transform: uppercase;
line-height: 1;
transition: color 0.3s ease, text-shadow 0.3s ease;
}
.widget-46f793 .marquee-item:hover .marquee-abbr {
color: rgba(255, 255, 255, 0.95);
text-shadow: 0 0 18px rgba(255, 255, 255, 0.2);
}
.widget-46f793 .marquee-full {
font-family: var(--font-ui);
font-weight: 400;
font-size: 13px;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.3);
text-transform: uppercase;
transition: color 0.3s ease;
}
.widget-46f793 .marquee-item:hover .marquee-full {
color: rgba(255, 255, 255, 0.5);
}
.widget-46f793 .marquee-sep {
font-size: 12px;
color: rgba(255, 255, 255, 0.12);
flex-shrink: 0;
user-select: none;
}
.widget-46f793 .athlete-section {
position: relative;
padding: 100px 24px 50px;
background: #000;
overflow: hidden;
}
.widget-46f793 .athlete-bg-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(100px, 18vw, 220px);
color: rgba(255, 255, 255, 0.025);
letter-spacing: 20px;
white-space: nowrap;
pointer-events: none;
z-index: 0;
user-select: none;
}
.widget-46f793 .athlete-container {
position: relative;
z-index: 1;
max-width: 1100px;
margin: 0 auto;
display: grid;
grid-template-columns: 52% 48%;
gap: 60px;
align-items: center;
}
.widget-46f793 .athlete-images--vertical {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 14px;
align-items: stretch;
}
.widget-46f793 .athlete-img-card--vert {
position: relative;
aspect-ratio: 2/5;
overflow: hidden;
cursor: pointer;
border-radius: 2px;
/* Ensure absolutely-positioned children (kb-frame, img-card-num) have a real
containing block — display:block + width:100% gives the aspect-ratio a
concrete height so inset:0 children resolve correctly. */
display: block;
width: 100%;
/* Start hidden — JS will trigger the staggered reveal */
opacity: 0;
transform: translateY(48px);
transition: opacity 0.9s cubic-bezier(0.22, 1, 0.36, 1), transform 0.9s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.4s ease;
}
.widget-46f793 .athlete-img-card--vert.kb-visible {
opacity: 1;
transform: translateY(0);
}
@keyframes gallery-fallback-reveal {
from {
opacity: 0;
transform: translateY(48px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.widget-46f793 .athlete-img-card--vert:not(.kb-visible) {
animation: gallery-fallback-reveal 0.9s cubic-bezier(0.22, 1, 0.36, 1) forwards;
animation-delay: 2s;
}
.widget-46f793 .athlete-img-card--vert:not(.kb-visible).card-2 {
animation-delay: 2.2s;
}
.widget-46f793 .athlete-img-card--vert:not(.kb-visible).card-3 {
animation-delay: 2.4s;
}
.widget-46f793 .athlete-img-card--vert:hover {
box-shadow: 0 20px 48px rgba(0, 0, 0, 0.75), 0 0 0 1px rgba(255, 255, 255, 0.12);
transform: translateY(-6px) !important;
}
.widget-46f793 .bio-text {
font-size: 17px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.65);
margin-bottom: 28px;
}
.widget-46f793 .section-title.about-section-title {
font-size: clamp(32px, 4.5vw, 56px);
margin-bottom: 12px;
}
.widget-46f793 .badge-row {
gap: 8px;
}
.widget-46f793 .badge {
padding: 7px 12px;
font-size: 13px;
}
.widget-46f793 .kb-frame {
position: absolute;
inset: 0;
overflow: hidden;
/* Explicit 100% dimensions ensure the frame truly fills the card
regardless of how the browser resolves aspect-ratio height */
width: 100%;
height: 100%;
}
.widget-46f793 .kb-img {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: top center;
filter: grayscale(100%) contrast(1.18) brightness(0.88);
/* KB animation: use transform-based scale so the image always covers */
transform-origin: center center;
animation-duration: 18s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-fill-mode: both;
}
.widget-46f793 .athlete-img-card--vert:hover .kb-img {
animation-play-state: paused;
filter: grayscale(60%) contrast(1.22) brightness(1);
}
.widget-46f793 .kb-img--1 {
animation-name: kb-zoom-pan-1;
animation-delay: 0s;
}
.widget-46f793 .kb-img--2 {
animation-name: kb-zoom-pan-2;
animation-delay: -6s;
}
.widget-46f793 .kb-img--3 {
animation-name: kb-zoom-pan-3;
animation-delay: -12s;
}
@keyframes kb-zoom-pan-1 {
0% {
transform: scale(1.06) translate(0%, 0%);
}
50% {
transform: scale(1.12) translate(-2%, -2%);
}
100% {
transform: scale(1.06) translate(0%, 0%);
}
}
@keyframes kb-zoom-pan-2 {
0% {
transform: scale(1.12) translate(2%, -1%);
}
50% {
transform: scale(1.06) translate(-2%, 1%);
}
100% {
transform: scale(1.12) translate(2%, -1%);
}
}
@keyframes kb-zoom-pan-3 {
0% {
transform: scale(1.08) translate(0%, 2%);
}
50% {
transform: scale(1.13) translate(1%, -1%);
}
100% {
transform: scale(1.08) translate(0%, 2%);
}
}
.widget-46f793 .img-vignette {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 40%, transparent 40%, rgba(0, 0, 0, 0.65) 100%);
pointer-events: none;
z-index: 2;
transition: opacity 0.4s ease;
}
.widget-46f793 .athlete-img-card--vert:hover .img-vignette {
opacity: 0.6;
}
.widget-46f793 .img-border-accent {
position: absolute;
inset: 0;
border: 1px solid rgba(255, 255, 255, 0);
transition: border-color 0.4s ease, box-shadow 0.4s ease;
pointer-events: none;
z-index: 3;
}
.widget-46f793 .athlete-img-card--vert:hover .img-border-accent {
border-color: rgba(255, 255, 255, 0.22);
box-shadow: inset 0 0 24px rgba(255, 255, 255, 0.04);
}
.widget-46f793 .img-card-num {
position: absolute;
bottom: 10px;
right: 14px;
font-family: var(--font-display);
font-weight: 900;
font-size: 48px;
color: rgba(255, 255, 255, 0.55);
letter-spacing: -1px;
line-height: 1;
pointer-events: none;
z-index: 10;
user-select: none;
transition: color 0.4s ease, text-shadow 0.4s ease;
text-shadow: 0 2px 12px rgba(0, 0, 0, 0.7);
}
.widget-46f793 .athlete-img-card--vert:hover .img-card-num {
color: rgba(255, 255, 255, 0.85);
text-shadow: 0 2px 18px rgba(0, 0, 0, 0.8), 0 0 20px rgba(255, 255, 255, 0.12);
}
.widget-46f793 .athlete-photo {
display: block;
}
.widget-46f793 .athlete-bio-avatar-wrap {
margin: 16px 0 20px;
width: 84px;
height: 84px;
flex-shrink: 0;
position: relative;
overflow: hidden;
border-radius: 50%;
}
.widget-46f793 .athlete-bio-avatar-wrap .manifesto-avatar-img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
object-position: center top;
filter: grayscale(100%) contrast(1.1) brightness(0.95);
display: block;
transition: filter 0.4s ease, transform 0.4s ease;
}
.widget-46f793 .athlete-bio-avatar-wrap:hover .manifesto-avatar-img {
filter: grayscale(60%) contrast(1.15) brightness(1.05);
transform: scale(1.04);
}
.widget-46f793 .athlete-bio-avatar-wrap .manifesto-avatar-placeholder {
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(255, 255, 255, 0.04);
border: 1px dashed rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
}
.widget-46f793 .athlete-bio-avatar-wrap .manifesto-avatar-icon {
width: 36px;
height: 36px;
color: rgba(255, 255, 255, 0.25);
}
.widget-46f793 .athlete-bio {
position: relative;
}
.widget-46f793 .section-label {
font-size: 14px;
letter-spacing: 6px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
margin-bottom: 12px;
}
.widget-46f793 .section-title {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(36px, 5vw, 60px);
line-height: 0.95;
text-transform: uppercase;
color: #fff;
margin: 0 0 16px;
letter-spacing: 2px;
}
.widget-46f793 .about-section-title {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(36px, 5vw, 60px);
line-height: 0.95;
text-transform: uppercase;
color: #fff;
margin: 0 0 16px;
letter-spacing: 2px;
}
.widget-46f793 .title-underline {
width: 50px;
height: 2px;
background: rgba(255, 255, 255, 0.6);
margin-top: 8px;
margin-bottom: 16px;
transition: width 0.6s ease;
}
.widget-46f793 .title-underline.centered {
margin: 0 auto 40px;
}
.widget-46f793 .bio-text {
font-size: 19px;
line-height: 1.8;
color: rgba(255, 255, 255, 0.65);
margin-bottom: 32px;
}
.widget-46f793 .badge-row {
display: flex;
gap: 12px;
flex-wrap: wrap;
}
.widget-46f793 .badge {
display: flex;
align-items: center;
gap: 6px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.12);
padding: 8px 14px;
border-radius: 2px;
font-size: 15px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
transition: var(--transition-smooth);
cursor: default;
}
.widget-46f793 .badge:hover {
background: rgba(255, 255, 255, 0.1);
border-color: rgba(255, 255, 255, 0.3);
transform: translateY(-2px);
}
.widget-46f793 .badge-icon {
font-size: 14px;
}
.widget-46f793 .services-section {
position: relative;
padding: 100px 24px;
background: #080808;
overflow: hidden;
}
.widget-46f793 .services-bg-text {
position: absolute;
top: 50%;
right: -40px;
transform: translateY(-50%) rotate(90deg);
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(80px, 14vw, 180px);
color: rgba(255, 255, 255, 0.1);
letter-spacing: 20px;
pointer-events: none;
z-index: 0;
user-select: none;
text-shadow: 0 0 60px rgba(255, 255, 255, 0.04);
}
.widget-46f793 .services-container {
position: relative;
z-index: 1;
max-width: 1100px;
margin: 0 auto;
}
.widget-46f793 .section-header {
text-align: center;
margin-bottom: 60px;
}
.widget-46f793 .services-section .section-header .section-title {
color: var(--color-burgundy-bright);
text-shadow: 0 0 30px rgba(139, 32, 53, 0.35);
}
.widget-46f793 .services-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
align-items: stretch;
}
.widget-46f793 .service-card.flip-card {
background: transparent;
border: none;
border-radius: 4px;
overflow: visible;
cursor: pointer;
perspective: 1200px;
height: 460px;
transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.widget-46f793 .service-card.flip-card.featured {
transform: translateY(-18px) scale(1.035);
filter: drop-shadow(0 28px 48px var(--color-burgundy-glow)) drop-shadow(0 8px 20px rgba(0, 0, 0, 0.7));
z-index: 2;
}
.widget-46f793 .service-card.flip-card.featured:hover,
.widget-46f793 .service-card.flip-card.featured.is-flipped {
filter: drop-shadow(0 36px 64px var(--color-burgundy-glow)) drop-shadow(0 12px 28px rgba(0, 0, 0, 0.8));
}
.widget-46f793 .service-card.flip-card:not(.featured):hover {
transform: translateY(-8px);
}
.widget-46f793 .flip-card-inner {
position: relative;
width: 100%;
height: 100%;
transform-style: preserve-3d;
transition: transform 0.75s cubic-bezier(0.4, 0.2, 0.2, 1);
border-radius: 4px;
}
.widget-46f793 .service-card.flip-card.is-flipped .flip-card-inner {
transform: rotateY(180deg);
}
.widget-46f793 .flip-card-front,
.widget-46f793 .flip-card-back {
position: absolute;
inset: 0;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
border-radius: 4px;
overflow: hidden;
padding: 36px 28px 28px;
display: flex;
flex-direction: column;
}
.widget-46f793 .flip-card-front {
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.08);
transform: rotateY(0deg);
}
.widget-46f793 .service-card.flip-card.featured .flip-card-front {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(107, 26, 42, 0.45);
box-shadow: inset 0 0 40px rgba(107, 26, 42, 0.08);
}
.widget-46f793 .flip-card-back {
background: #0e0a0b;
border: 1px solid rgba(255, 255, 255, 0.12);
transform: rotateY(180deg);
justify-content: center;
gap: 0;
}
.widget-46f793 .flip-card-back.featured-back {
background: #120608;
border: 1px solid rgba(107, 26, 42, 0.55);
box-shadow: inset 0 0 60px rgba(107, 26, 42, 0.12);
}
.widget-46f793 .service-number {
font-family: var(--font-display);
font-size: 80px;
color: rgba(255, 255, 255, 0.05);
line-height: 1;
position: absolute;
top: 12px;
right: 20px;
letter-spacing: -2px;
pointer-events: none;
z-index: 2;
transition: color 0.5s ease, text-shadow 0.5s ease, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.widget-46f793 .service-card.flip-card.is-flipped .flip-card-back .service-number {
color: rgba(255, 255, 255, 0.72);
text-shadow: 0 0 18px rgba(255, 255, 255, 0.55), 0 0 40px rgba(255, 255, 255, 0.25), 0 0 80px rgba(139, 32, 53, 0.35);
transform: scale(1.08);
transition: color 0.5s ease 0.5s, text-shadow 0.5s ease 0.5s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s;
}
.widget-46f793 .service-card.flip-card.featured.is-flipped .flip-card-back .service-number {
color: rgba(255, 200, 210, 0.85);
text-shadow: 0 0 18px rgba(255, 150, 170, 0.7), 0 0 40px rgba(200, 60, 90, 0.45), 0 0 80px rgba(139, 32, 53, 0.55);
transition: color 0.5s ease 0.5s, text-shadow 0.5s ease 0.5s, transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s;
}
.widget-46f793 .featured-ribbon {
position: absolute;
top: 0;
right: 0;
width: 160px;
height: 160px;
overflow: hidden;
pointer-events: none;
z-index: 5;
}
.widget-46f793 .featured-ribbon-text {
position: absolute;
top: 34px;
right: -38px;
width: 180px;
background: linear-gradient(135deg, #a01830 0%, var(--color-burgundy-bright) 50%, #6b1020 100%);
color: #fff;
font-family: var(--font-display);
font-weight: 900;
font-size: 15px;
letter-spacing: 3px;
text-transform: uppercase;
text-align: center;
padding: 9px 0;
transform: rotate(45deg);
transform-origin: center;
border-top: 1px solid rgba(255, 255, 255, 0.25);
border-bottom: 1px solid rgba(0, 0, 0, 0.4);
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 0 30px rgba(139, 32, 53, 0.9), 0 0 60px rgba(139, 32, 53, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
animation: ribbon-pulse 2.5s ease-in-out infinite;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.5), 0 0 12px rgba(255, 150, 160, 0.4);
}
@keyframes ribbon-pulse {
0%, 100% {
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.7), 0 0 30px rgba(139, 32, 53, 0.9), 0 0 60px rgba(139, 32, 53, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
filter: brightness(1);
}
50% {
box-shadow: 0 4px 24px rgba(0, 0, 0, 0.8), 0 0 50px rgb(180, 40, 70), 0 0 90px rgba(139, 32, 53, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.35), inset 0 -1px 0 rgba(0, 0, 0, 0.3);
filter: brightness(1.15);
}
}
.widget-46f793 .featured-badge {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
width: 100%;
background: linear-gradient(90deg, transparent 0%, rgba(107, 26, 42, 0.5) 18%, rgba(139, 32, 53, 0.72) 50%, rgba(107, 26, 42, 0.5) 82%, transparent 100%);
border-top: 1px solid rgba(200, 70, 90, 0.6);
border-bottom: 1px solid rgba(200, 70, 90, 0.6);
border-left: none;
border-right: none;
font-family: var(--font-display);
font-weight: 900;
font-size: 14px;
letter-spacing: 5px;
color: rgb(255, 210, 215);
padding: 8px 18px;
margin-bottom: 14px;
text-transform: uppercase;
flex-shrink: 0;
text-shadow: 0 0 14px rgba(220, 80, 110, 0.7);
box-shadow: 0 0 22px rgba(139, 32, 53, 0.3), inset 0 1px 0 rgba(255, 150, 165, 0.12);
animation: badge-pulse 2.8s ease-in-out infinite;
}
.widget-46f793 .featured-badge-star {
font-size: 11px;
color: rgba(255, 170, 185, 0.9);
text-shadow: 0 0 10px rgba(200, 60, 90, 0.9);
animation: star-twinkle 2s ease-in-out infinite;
display: inline-block;
flex-shrink: 0;
}
@keyframes badge-pulse {
0%, 100% {
box-shadow: 0 0 22px rgba(139, 32, 53, 0.3), inset 0 1px 0 rgba(255, 150, 165, 0.12);
border-color: rgba(200, 70, 90, 0.6);
}
50% {
box-shadow: 0 0 40px rgba(180, 40, 70, 0.6), 0 0 80px rgba(139, 32, 53, 0.25), inset 0 1px 0 rgba(255, 150, 165, 0.2);
border-color: rgb(230, 90, 115);
}
}
@keyframes star-twinkle {
0%, 100% {
transform: scale(1) rotate(0deg);
opacity: 0.8;
}
50% {
transform: scale(1.4) rotate(72deg);
opacity: 1;
}
}
.widget-46f793 .badge-spacer {
height: 0;
margin-bottom: 0;
flex-shrink: 0;
}
.widget-46f793 .service-icon-wrap {
width: 52px;
height: 52px;
margin-bottom: 18px;
flex-shrink: 0;
transition: var(--transition-bounce);
}
.widget-46f793 .service-icon-wrap:empty {
height: 0;
margin-bottom: 0;
}
.widget-46f793 .flip-card-front:hover .service-icon-wrap:not(:empty) {
transform: scale(1.1) rotate(-5deg);
}
.widget-46f793 .service-icon-svg {
width: 100%;
height: 100%;
opacity: 0.7;
transition: var(--transition-smooth);
}
.widget-46f793 .service-title {
font-family: var(--font-ui);
font-weight: 600;
font-size: 26px;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--color-burgundy-bright);
margin: 0 0 10px;
line-height: 1;
flex-shrink: 0;
text-shadow: 0 0 18px rgba(139, 32, 53, 0.45);
}
.widget-46f793 .service-icon-img {
width: 100%;
height: 100%;
object-fit: contain;
filter: brightness(0) invert(1);
opacity: 0.75;
transition: var(--transition-smooth);
}
.widget-46f793 .flip-card-front:hover .service-icon-img {
opacity: 1;
transform: scale(1.08) rotate(-4deg);
}
.widget-46f793 .manifesto-author-name {
color: var(--color-burgundy-bright);
text-shadow: 0 0 18px rgba(139, 32, 53, 0.55);
}
.widget-46f793 .service-desc {
font-size: 17px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.92);
flex: 1;
}
.widget-46f793 .flip-hint {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 14px;
flex-shrink: 0;
padding: 12px 18px;
border-radius: 3px;
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.12);
transition: background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease;
}
.widget-46f793 .service-card.flip-card:hover .flip-hint {
background: rgba(255, 255, 255, 0.09);
border-color: rgba(255, 255, 255, 0.22);
box-shadow: 0 0 12px rgba(255, 255, 255, 0.04);
}
.widget-46f793 .flip-hint-text {
font-family: var(--font-ui);
font-weight: 600;
font-size: 14px;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.65);
text-transform: uppercase;
transition: color 0.3s ease;
}
.widget-46f793 .service-card.flip-card:hover .flip-hint-text {
color: rgba(255, 255, 255, 0.95);
}
.widget-46f793 .flip-hint-arrow {
font-size: 20px;
color: rgba(255, 255, 255, 0.4);
transition: transform 0.3s ease, color 0.3s ease;
display: inline-block;
}
.widget-46f793 .service-card.flip-card:hover .flip-hint-arrow {
transform: rotate(180deg);
color: rgba(255, 255, 255, 0.75);
}
.widget-46f793 .flip-hint-icon {
font-size: 18px;
animation: hint-bounce 1.6s ease-in-out infinite;
flex-shrink: 0;
}
@keyframes hint-bounce {
0%, 100% {
transform: translateY(0);
}
40% {
transform: translateY(-4px);
}
60% {
transform: translateY(-2px);
}
}
.widget-46f793 .flip-hint--featured {
background: rgba(255, 255, 255, 0.05);
border: 1px solid rgba(255, 255, 255, 0.12);
animation: none;
}
.widget-46f793 .flip-hint--featured .flip-hint-text {
font-family: var(--font-ui);
font-weight: 600;
font-size: 14px;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.65);
text-shadow: none;
}
.widget-46f793 .flip-hint--featured .flip-hint-arrow {
font-size: 20px;
color: rgba(255, 255, 255, 0.4);
text-shadow: none;
}
.widget-46f793 .service-card.flip-card.featured:hover .flip-hint--featured {
background: rgba(255, 255, 255, 0.09);
border-color: rgba(255, 255, 255, 0.22);
box-shadow: 0 0 12px rgba(255, 255, 255, 0.04);
}
.widget-46f793 .service-card.flip-card.featured:hover .flip-hint--featured .flip-hint-text {
color: rgba(255, 255, 255, 0.95);
letter-spacing: 3px;
text-shadow: none;
}
.widget-46f793 .service-card.flip-card.featured:hover .flip-hint--featured .flip-hint-arrow {
color: rgba(255, 255, 255, 0.75);
transform: rotate(180deg);
text-shadow: none;
}
.widget-46f793 .service-card-glow {
position: absolute;
inset: 0;
background: radial-gradient(ellipse at 50% 0%, rgba(255, 255, 255, 0.04) 0%, transparent 70%);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
}
.widget-46f793 .flip-card-front:hover .service-card-glow {
opacity: 1;
}
.widget-46f793 .service-card-glow.featured-glow {
background: radial-gradient(ellipse at 50% 0%, rgba(139, 32, 53, 0.12) 0%, transparent 70%);
}
.widget-46f793 .flip-card-front > *:not(.service-number):not(.service-card-glow) {
position: relative;
z-index: 1;
}
.widget-46f793 .back-label {
font-family: var(--font-ui);
font-weight: 600;
font-size: 20px;
letter-spacing: 3px;
color: #fff;
text-transform: uppercase;
margin-bottom: 6px;
flex-shrink: 0;
}
.widget-46f793 .back-title-accent {
width: 40px;
height: 2px;
background: rgba(255, 255, 255, 0.25);
margin-bottom: 28px;
flex-shrink: 0;
}
.widget-46f793 .back-title-accent.burgundy-accent {
background: rgba(255, 255, 255, 0.25);
width: 40px;
box-shadow: none;
}
.widget-46f793 .service-packages {
display: flex;
flex-direction: column;
gap: 14px;
flex: 1;
}
.widget-46f793 .package-item {
display: flex;
align-items: center;
gap: 12px;
font-size: 16px;
color: rgba(255, 255, 255, 0.92);
letter-spacing: 0.5px;
transition: color 0.3s ease, transform 0.3s ease;
padding: 10px 14px;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.06);
border-radius: 2px;
}
.widget-46f793 .package-item:hover {
color: #fff;
transform: translateX(5px);
background: rgba(255, 255, 255, 0.06);
border-color: rgba(255, 255, 255, 0.14);
}
.widget-46f793 .package-dot {
width: 16px;
height: 16px;
flex-shrink: 0;
position: relative;
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.25s ease;
}
.widget-46f793 .package-dot::before {
content: "";
width: 5px;
height: 5px;
background: rgba(255, 255, 255, 0.35);
border-radius: 50%;
transition: opacity 0.2s ease, transform 0.2s ease;
position: absolute;
}
.widget-46f793 .package-dot::after {
content: "✓";
font-size: 13px;
font-weight: 700;
color: rgba(255, 255, 255, 0.85);
opacity: 0;
transform: scale(0.5) rotate(-10deg);
transition: opacity 0.25s ease, transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1);
position: absolute;
line-height: 1;
}
.widget-46f793 .package-item:hover .package-dot::before {
opacity: 0;
transform: scale(0);
}
.widget-46f793 .package-item:hover .package-dot::after {
opacity: 1;
transform: scale(1) rotate(0deg);
}
.widget-46f793 .package-dot.burgundy-dot::before {
background: var(--color-burgundy-bright);
box-shadow: 0 0 6px rgba(139, 32, 53, 0.7);
}
.widget-46f793 .package-dot.burgundy-dot::after {
color: rgba(255, 180, 190, 0.95);
}
.widget-46f793 .package-item:hover .package-dot.burgundy-dot::after {
text-shadow: 0 0 8px rgba(139, 32, 53, 0.8);
}
.widget-46f793 .back-cta {
margin-top: 22px;
flex-shrink: 0;
}
.widget-46f793 .back-cta-link {
display: block;
text-align: center;
font-family: var(--font-ui);
font-weight: 600;
font-size: 18px;
letter-spacing: 4px;
color: rgba(255, 255, 255, 0.85);
text-decoration: none;
border: 1px solid rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(180, 180, 180, 0.35);
padding: 12px 20px;
border-radius: 2px;
position: relative;
overflow: hidden;
transition: var(--transition-smooth);
text-transform: uppercase;
/* Steel base: dark top fading to a cold brushed-metal shimmer at the bottom */
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.03) 45%, rgba(160, 160, 168, 0.13) 72%, rgba(210, 210, 220, 0.22) 85%, rgba(130, 130, 140, 0.18) 100%);
box-shadow: inset 0 -2px 6px rgba(200, 200, 210, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.widget-46f793 .back-cta-link::before {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 38%;
background: repeating-linear-gradient(92deg, transparent, transparent 3px, rgba(255, 255, 255, 0.025) 3px, rgba(255, 255, 255, 0.025) 4px), repeating-linear-gradient(87deg, transparent, transparent 7px, rgba(200, 200, 215, 0.03) 7px, rgba(200, 200, 215, 0.03) 8px);
pointer-events: none;
mix-blend-mode: screen;
}
.widget-46f793 .back-cta-link:hover {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(160, 160, 168, 0.2) 68%, rgba(220, 220, 232, 0.32) 84%, rgba(150, 150, 162, 0.25) 100%);
border-color: rgba(255, 255, 255, 0.35);
border-bottom-color: rgba(210, 210, 225, 0.55);
color: #fff;
letter-spacing: 5px;
box-shadow: inset 0 -3px 10px rgba(200, 200, 215, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 18px rgba(0, 0, 0, 0.5);
}
.widget-46f793 .back-cta-link.burgundy-cta {
border-color: rgba(255, 255, 255, 0.2);
border-bottom-color: rgba(180, 180, 180, 0.35);
color: rgba(255, 255, 255, 0.85);
background: linear-gradient(180deg, rgba(255, 255, 255, 0.04) 0%, rgba(255, 255, 255, 0.03) 45%, rgba(160, 160, 168, 0.13) 72%, rgba(210, 210, 220, 0.22) 85%, rgba(130, 130, 140, 0.18) 100%);
box-shadow: inset 0 -2px 6px rgba(200, 200, 210, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}
.widget-46f793 .back-cta-link.burgundy-cta::before {
background: repeating-linear-gradient(92deg, transparent, transparent 3px, rgba(255, 255, 255, 0.025) 3px, rgba(255, 255, 255, 0.025) 4px), repeating-linear-gradient(87deg, transparent, transparent 7px, rgba(200, 200, 215, 0.03) 7px, rgba(200, 200, 215, 0.03) 8px);
}
.widget-46f793 .back-cta-link.burgundy-cta:hover {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.07) 0%, rgba(255, 255, 255, 0.05) 40%, rgba(160, 160, 168, 0.2) 68%, rgba(220, 220, 232, 0.32) 84%, rgba(150, 150, 162, 0.25) 100%);
border-color: rgba(255, 255, 255, 0.35);
border-bottom-color: rgba(210, 210, 225, 0.55);
color: #fff;
letter-spacing: 5px;
box-shadow: inset 0 -3px 10px rgba(200, 200, 215, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 4px 18px rgba(0, 0, 0, 0.5);
}
.widget-46f793 .card-social-proof {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin: 14px 0 0;
padding: 9px 14px;
background: rgba(255, 255, 255, 0.02);
border: 1px solid rgba(255, 255, 255, 0.05);
border-radius: 2px;
flex-shrink: 0;
opacity: 0;
transform: translateY(4px);
transition: opacity 0.5s ease 0.3s, transform 0.5s ease 0.3s;
}
.widget-46f793 .service-card.flip-card.is-flipped .card-social-proof {
opacity: 1;
transform: translateY(0);
}
.widget-46f793 .card-social-proof-dot {
width: 5px;
height: 5px;
border-radius: 50%;
background: var(--color-burgundy-bright);
box-shadow: 0 0 6px rgba(139, 32, 53, 0.8);
flex-shrink: 0;
animation: sp-dot-pulse 2.4s ease-in-out infinite;
}
@keyframes sp-dot-pulse {
0%, 100% {
opacity: 1;
box-shadow: 0 0 6px rgba(139, 32, 53, 0.8);
}
50% {
opacity: 0.4;
box-shadow: 0 0 2px rgba(139, 32, 53, 0.3);
}
}
.widget-46f793 .card-social-proof-text {
font-family: var(--font-ui);
font-size: 10px;
letter-spacing: 1.5px;
color: rgba(255, 255, 255, 0.28);
text-transform: uppercase;
line-height: 1;
white-space: nowrap;
}
.widget-46f793 .card-social-proof-count {
color: rgba(255, 255, 255, 0.55);
font-weight: 600;
letter-spacing: 1px;
transition: color 0.3s ease;
}
.widget-46f793 .back-card-glow {
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 60%;
background: radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0.03) 0%, transparent 70%);
pointer-events: none;
}
.widget-46f793 .back-card-glow.burgundy-glow {
background: radial-gradient(ellipse at 50% 100%, rgba(107, 26, 42, 0.25) 0%, transparent 70%);
}
.widget-46f793 .manifesto-section {
position: relative;
padding: 120px 24px;
overflow: hidden;
background: #000;
}
.widget-46f793 .manifesto-parallax-bg {
position: absolute;
inset: -60px;
background: radial-gradient(ellipse at 50% 100%, rgba(255, 255, 255, 0.06) 0%, transparent 60%), linear-gradient(0deg, #050505 0%, #000000 50%, #050505 100%);
background-color: #030303;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
contain: layout style;
}
.widget-46f793 .manifesto-overlay {
position: absolute;
inset: 0;
background: rgba(0, 0, 0, 0.65), repeating-linear-gradient(0deg, transparent, transparent 3px, rgba(255, 255, 255, 0.008) 3px, rgba(255, 255, 255, 0.008) 4px);
pointer-events: none;
z-index: 1;
}
.widget-46f793 .manifesto-content {
position: relative;
z-index: 2;
text-align: center;
max-width: 800px;
margin: 0 auto;
}
.widget-46f793 .quote-marks {
font-family: Georgia, serif;
font-size: 120px;
color: rgba(255, 255, 255, 0.55);
line-height: 0.5;
margin-bottom: 20px;
display: block;
}
.widget-46f793 .manifesto-quote {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(24px, 4vw, 42px);
line-height: 1.3;
letter-spacing: 2px;
color: var(--color-burgundy-bright);
margin: 0 0 28px;
text-transform: uppercase;
text-shadow: 0 0 30px rgba(139, 32, 53, 0.35);
}
.widget-46f793 .manifesto-author {
font-size: 16px;
letter-spacing: 4px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
margin-bottom: 12px;
}
.widget-46f793 .manifesto-attribution {
display: flex;
flex-direction: column;
align-items: center;
gap: 16px;
margin-bottom: 20px;
}
.widget-46f793 .manifesto-avatar-wrap {
position: relative;
width: 84px;
height: 84px;
flex-shrink: 0;
overflow: hidden;
border-radius: 50%;
}
.widget-46f793 .manifesto-avatar-img {
width: 100%;
height: 100%;
border-radius: 50%;
object-fit: cover;
object-position: center top;
filter: grayscale(100%) contrast(1.1) brightness(0.95);
display: block;
position: relative;
z-index: 1;
transition: filter 0.4s ease, transform 0.4s ease;
}
.widget-46f793 .manifesto-avatar-wrap:hover .manifesto-avatar-img {
filter: grayscale(60%) contrast(1.15) brightness(1.05);
transform: scale(1.04);
}
.widget-46f793 .manifesto-avatar-placeholder {
width: 100%;
height: 100%;
border-radius: 50%;
background: rgba(255, 255, 255, 0.04);
border: 1px dashed rgba(255, 255, 255, 0.2);
display: flex;
align-items: center;
justify-content: center;
position: relative;
z-index: 1;
}
.widget-46f793 .manifesto-avatar-icon {
width: 36px;
height: 36px;
color: rgba(255, 255, 255, 0.25);
}
.widget-46f793 .manifesto-tag {
font-size: 14px;
letter-spacing: 5px;
color: rgba(255, 255, 255, 0.25);
text-transform: uppercase;
}
.widget-46f793 .manifesto-countdown {
margin-top: 40px;
opacity: 0;
animation: fade-in-up 0.8s ease forwards;
animation-delay: 0.5s;
}
.widget-46f793 .manifesto-countdown .countdown-label {
color: rgba(255, 255, 255, 0.35);
}
.widget-46f793 .manifesto-countdown .countdown-number {
background: rgba(255, 255, 255, 0.04);
border-color: rgba(255, 255, 255, 0.1);
}
.widget-46f793 .manifesto-countdown .countdown-separator {
color: rgba(255, 255, 255, 0.25);
}
.widget-46f793 .manifesto-countdown .countdown-unit-label {
color: rgba(255, 255, 255, 0.25);
}
.widget-46f793 .schedule-section {
position: relative;
padding: 100px 24px;
background: #080808;
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, 0.04);
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
}
.widget-46f793 .schedule-bg-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(60px, 13vw, 170px);
color: rgba(255, 255, 255, 0.018);
letter-spacing: 20px;
white-space: nowrap;
pointer-events: none;
z-index: 0;
user-select: none;
}
.widget-46f793 .schedule-container {
position: relative;
z-index: 1;
max-width: 900px;
margin: 0 auto;
}
.widget-46f793 .schedule-subtitle {
font-family: var(--font-body);
font-size: 16px;
color: rgba(255, 255, 255, 0.4);
letter-spacing: 1px;
line-height: 1.7;
margin-top: 8px;
}
.widget-46f793 .schedule-grid {
display: flex;
flex-direction: column;
gap: 16px;
}
.widget-46f793 .schedule-card {
position: relative;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.07);
border-left: 2px solid rgba(139, 32, 53, 0.5);
border-radius: 3px;
padding: 22px 24px 22px 22px;
overflow: hidden;
transition: background 0.3s ease, border-color 0.3s ease, transform 0.3s ease, box-shadow 0.3s ease;
cursor: default;
}
.widget-46f793 .schedule-card:hover {
background: rgba(255, 255, 255, 0.05);
border-left-color: var(--color-burgundy-bright);
transform: translateX(4px);
box-shadow: -4px 0 20px rgba(139, 32, 53, 0.2), 0 4px 24px rgba(0, 0, 0, 0.4);
}
.widget-46f793 .schedule-card.is-past {
border-left-color: rgba(255, 255, 255, 0.1);
opacity: 0.45;
filter: grayscale(0.5);
}
.widget-46f793 .schedule-card.is-past:hover {
opacity: 0.6;
transform: none;
box-shadow: none;
border-left-color: rgba(255, 255, 255, 0.2);
}
.widget-46f793 .schedule-card-top-row {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 14px;
flex-wrap: wrap;
}
.widget-46f793 .schedule-card-status {
display: inline-flex;
align-items: center;
gap: 7px;
}
.widget-46f793 .schedule-status-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-burgundy-bright);
box-shadow: 0 0 7px rgba(139, 32, 53, 0.9);
flex-shrink: 0;
animation: ug-dot-pulse 2.2s ease-in-out infinite;
}
.widget-46f793 .schedule-card.is-past .schedule-status-dot {
background: rgba(255, 255, 255, 0.25);
box-shadow: none;
animation: none;
}
.widget-46f793 .schedule-status-label {
font-family: var(--font-ui);
font-size: 9px;
letter-spacing: 4px;
color: var(--color-burgundy-bright);
text-transform: uppercase;
text-shadow: 0 0 10px rgba(139, 32, 53, 0.6);
}
.widget-46f793 .schedule-card.is-past .schedule-status-label {
color: rgba(255, 255, 255, 0.25);
text-shadow: none;
}
.widget-46f793 .schedule-card-inner {
display: flex;
align-items: center;
gap: 24px;
}
.widget-46f793 .schedule-date-block {
display: flex;
flex-direction: column;
align-items: center;
min-width: 52px;
flex-shrink: 0;
gap: 2px;
}
.widget-46f793 .schedule-month {
font-family: var(--font-ui);
font-size: 11px;
letter-spacing: 3px;
color: var(--color-burgundy-bright);
text-transform: uppercase;
text-shadow: 0 0 10px rgba(139, 32, 53, 0.5);
line-height: 1;
}
.widget-46f793 .schedule-card.is-past .schedule-month {
color: rgba(255, 255, 255, 0.3);
text-shadow: none;
}
.widget-46f793 .schedule-day {
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(32px, 4vw, 48px);
color: #fff;
line-height: 1;
letter-spacing: -1px;
}
.widget-46f793 .schedule-year {
font-family: var(--font-ui);
font-size: 10px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.25);
line-height: 1;
}
.widget-46f793 .schedule-divider-vert {
width: 1px;
height: 56px;
background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.12), transparent);
flex-shrink: 0;
}
.widget-46f793 .schedule-details {
flex: 1;
min-width: 0;
}
.widget-46f793 .schedule-show-name {
font-family: var(--font-ui);
font-weight: 600;
font-size: clamp(16px, 2.2vw, 22px);
letter-spacing: 1.5px;
color: #fff;
text-transform: uppercase;
margin: 0 0 10px;
line-height: 1.2;
transition: color 0.3s ease;
}
.widget-46f793 .schedule-card:hover .schedule-show-name {
color: #fff;
text-shadow: 0 0 16px rgba(255, 255, 255, 0.12);
}
.widget-46f793 .schedule-meta-row {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.widget-46f793 .schedule-meta-item {
font-family: var(--font-body);
font-size: 13px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.4);
text-transform: uppercase;
display: flex;
align-items: center;
gap: 5px;
transition: color 0.3s ease;
}
.widget-46f793 .schedule-card:hover .schedule-meta-item {
color: rgba(255, 255, 255, 0.6);
}
.widget-46f793 .schedule-meta-icon {
width: 12px;
height: 12px;
flex-shrink: 0;
color: var(--color-burgundy-bright);
opacity: 0.7;
}
.widget-46f793 .schedule-meta-sep {
color: rgba(255, 255, 255, 0.15);
font-size: 14px;
flex-shrink: 0;
}
.widget-46f793 .schedule-category-tag {
display: inline-flex;
align-items: center;
font-family: var(--font-ui);
font-weight: 600;
font-size: 9px;
letter-spacing: 3px;
text-transform: uppercase;
padding: 4px 10px;
border-radius: 999px;
line-height: 1;
flex-shrink: 0;
white-space: nowrap;
}
.widget-46f793 .schedule-category-tag--amateur {
background: rgba(30, 90, 180, 0.22);
border: 1px solid rgba(70, 140, 255, 0.45);
color: rgba(130, 190, 255, 0.95);
box-shadow: 0 0 10px rgba(70, 140, 255, 0.18);
}
.widget-46f793 .schedule-category-tag--pro {
background: rgba(160, 110, 10, 0.22);
border: 1px solid rgba(220, 165, 40, 0.55);
color: rgba(255, 210, 90, 0.95);
box-shadow: 0 0 10px rgba(220, 165, 40, 0.2);
}
.widget-46f793 .schedule-category-tag--tentative {
background: rgba(120, 100, 160, 0.18);
border: 1px solid rgba(170, 150, 210, 0.38);
color: rgba(195, 180, 230, 0.9);
box-shadow: 0 0 8px rgba(150, 120, 200, 0.14);
}
.widget-46f793 .schedule-card-countdown {
display: flex;
align-items: center;
gap: 6px;
margin-top: 14px;
padding-top: 12px;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-46f793 .schedule-card.is-past .schedule-card-countdown {
display: none;
}
.widget-46f793 .scc-unit {
display: flex;
flex-direction: column;
align-items: center;
min-width: 36px;
}
.widget-46f793 .scc-num {
font-family: var(--font-display);
font-weight: 900;
font-size: 18px;
color: #fff;
line-height: 1;
letter-spacing: 1px;
transition: color 0.3s ease;
}
.widget-46f793 .schedule-card:hover .scc-num {
color: rgba(255, 255, 255, 0.95);
text-shadow: 0 0 14px rgba(255, 255, 255, 0.12);
}
.widget-46f793 .scc-label {
font-family: var(--font-ui);
font-size: 7px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.25);
text-transform: uppercase;
margin-top: 3px;
}
.widget-46f793 .scc-sep {
font-family: var(--font-display);
font-size: 14px;
color: rgba(255, 255, 255, 0.2);
line-height: 1;
margin-bottom: 14px;
flex-shrink: 0;
}
.widget-46f793 .schedule-card-glow {
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 60px;
background: linear-gradient(90deg, rgba(139, 32, 53, 0.06), transparent);
pointer-events: none;
transition: opacity 0.3s ease;
opacity: 0;
}
.widget-46f793 .schedule-card:hover .schedule-card-glow {
opacity: 1;
}
.widget-46f793 .schedule-card.is-past .schedule-card-glow {
display: none;
}
@media (max-width: 767px) {
.widget-46f793 .schedule-section {
padding: 56px 16px;
}
.widget-46f793 .schedule-card-inner {
gap: 16px;
}
.widget-46f793 .schedule-date-block {
min-width: 44px;
}
.widget-46f793 .schedule-day {
font-size: 32px;
}
.widget-46f793 .schedule-show-name {
font-size: 15px;
letter-spacing: 1px;
}
.widget-46f793 .schedule-meta-row {
gap: 5px;
}
.widget-46f793 .schedule-meta-item {
font-size: 11px;
}
.widget-46f793 .schedule-card:hover {
transform: none;
}
.widget-46f793 .scc-num {
font-size: 15px;
}
.widget-46f793 .scc-unit {
min-width: 28px;
}
.widget-46f793 .scc-sep {
font-size: 12px;
}
}
.widget-46f793 .subscribe-section {
position: relative;
padding: 100px 24px;
background: #060606;
overflow: hidden;
border-top: 1px solid rgba(255, 255, 255, 0.04);
border-bottom: 1px solid rgba(255, 255, 255, 0.04);
text-align: center;
}
.widget-46f793 .subscribe-bg-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(80px, 16vw, 200px);
color: rgba(255, 255, 255, 0.018);
letter-spacing: 20px;
white-space: nowrap;
pointer-events: none;
z-index: 0;
user-select: none;
}
.widget-46f793 .subscribe-container {
position: relative;
z-index: 1;
max-width: 580px;
margin: 0 auto;
}
.widget-46f793 .subscribe-top-bar {
display: inline-flex;
align-items: center;
gap: 10px;
background: rgba(139, 32, 53, 0.08);
border: 1px solid rgba(139, 32, 53, 0.2);
border-radius: 999px;
padding: 6px 16px;
margin-bottom: 32px;
}
.widget-46f793 .subscribe-status-dot {
width: 6px;
height: 6px;
border-radius: 50%;
background: var(--color-burgundy-bright);
box-shadow: 0 0 8px rgba(139, 32, 53, 0.9);
flex-shrink: 0;
animation: ug-dot-pulse 2.2s ease-in-out infinite;
}
.widget-46f793 .subscribe-status-label {
font-family: var(--font-ui);
font-size: 9px;
letter-spacing: 4px;
color: rgba(255, 255, 255, 0.35);
text-transform: uppercase;
white-space: nowrap;
}
.widget-46f793 .subscribe-title {
color: #fff;
}
.widget-46f793 .subscribe-subtext {
font-family: var(--font-body);
font-size: 17px;
line-height: 1.8;
color: rgba(255, 255, 255, 0.45);
margin-bottom: 36px;
letter-spacing: 0.5px;
}
.widget-46f793 .subscribe-field-row {
display: flex;
align-items: stretch;
gap: 0;
max-width: 520px;
margin: 0 auto;
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 3px;
overflow: hidden;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.widget-46f793 .subscribe-field-row:focus-within {
border-color: rgba(139, 32, 53, 0.6);
box-shadow: 0 0 0 1px rgba(139, 32, 53, 0.2), 0 0 24px rgba(139, 32, 53, 0.1);
}
.widget-46f793 .subscribe-field {
flex: 1;
}
.widget-46f793 .subscribe-input {
width: 100%;
height: 100%;
min-height: 52px;
font-family: var(--font-body);
font-size: 16px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.03);
border: none;
border-right: 1px solid rgba(255, 255, 255, 0.08);
padding: 0 18px;
outline: none;
box-sizing: border-box;
-webkit-appearance: none;
transition: background 0.3s ease;
}
.widget-46f793 .subscribe-input::placeholder {
color: rgba(255, 255, 255, 0.2);
font-size: 14px;
letter-spacing: 0.5px;
}
.widget-46f793 .subscribe-input:focus {
background: rgba(255, 255, 255, 0.05);
}
.widget-46f793 .subscribe-input.sub-error {
background: rgba(220, 60, 60, 0.06);
}
.widget-46f793 .subscribe-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 10px;
font-family: var(--font-ui);
font-weight: 600;
font-size: 15px;
letter-spacing: 4px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
background: rgba(139, 32, 53, 0.2);
border: none;
border-left: 1px solid rgba(139, 32, 53, 0.3);
padding: 0 24px;
cursor: pointer;
white-space: nowrap;
transition: background 0.3s ease, color 0.3s ease, letter-spacing 0.3s ease;
position: relative;
overflow: hidden;
}
.widget-46f793 .subscribe-btn::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent, rgba(139, 32, 53, 0.2), transparent);
transform: translateX(-100%);
transition: transform 0.5s ease;
}
.widget-46f793 .subscribe-btn:hover {
background: rgba(139, 32, 53, 0.45);
color: #fff;
letter-spacing: 5px;
}
.widget-46f793 .subscribe-btn:hover::before {
transform: translateX(100%);
}
.widget-46f793 .subscribe-btn:disabled {
opacity: 0.5;
cursor: not-allowed;
letter-spacing: 4px;
}
.widget-46f793 .subscribe-btn-arrow {
font-size: 18px;
transition: transform 0.3s ease;
}
.widget-46f793 .subscribe-btn:hover .subscribe-btn-arrow {
transform: translateX(4px);
}
.widget-46f793 .subscribe-feedback {
margin-top: 14px;
font-family: var(--font-ui);
font-size: 13px;
letter-spacing: 2px;
min-height: 0;
text-align: center;
transition: all 0.4s ease;
}
.widget-46f793 .subscribe-feedback.sub-success {
color: rgba(100, 220, 130, 0.9);
text-shadow: 0 0 14px rgba(100, 220, 130, 0.3);
}
.widget-46f793 .subscribe-feedback.sub-fail {
color: rgba(220, 80, 80, 0.9);
}
.widget-46f793 .subscribe-fine-print {
margin-top: 18px;
font-family: var(--font-body);
font-size: 11px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.18);
text-transform: uppercase;
}
@media (max-width: 767px) {
.widget-46f793 .subscribe-section {
padding: 56px 16px;
}
.widget-46f793 .subscribe-subtext {
font-size: 14px;
}
.widget-46f793 .subscribe-field-row {
flex-direction: column;
border-radius: 3px;
}
.widget-46f793 .subscribe-input {
border-right: none;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
min-height: 48px;
padding: 14px 16px;
}
.widget-46f793 .subscribe-btn {
border-left: none;
border-top: 1px solid rgba(139, 32, 53, 0.3);
padding: 14px 24px;
justify-content: center;
letter-spacing: 4px;
}
.widget-46f793 .subscribe-btn:hover {
letter-spacing: 4px;
}
.widget-46f793 .subscribe-fine-print {
font-size: 9px;
letter-spacing: 1px;
}
}
.widget-46f793 .contact-section {
position: relative;
padding: 100px 24px;
background: #050505;
overflow: hidden;
text-align: center;
}
.widget-46f793 .contact-bg-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-family: var(--font-display);
font-weight: 900;
font-size: clamp(80px, 15vw, 200px);
color: rgba(255, 255, 255, 0.02);
letter-spacing: 20px;
pointer-events: none;
z-index: 0;
user-select: none;
white-space: nowrap;
}
.widget-46f793 .contact-container {
position: relative;
z-index: 1;
max-width: 640px;
margin: 0 auto;
}
.widget-46f793 .contact-subtitle {
font-size: 18px;
color: rgba(255, 255, 255, 0.5);
line-height: 1.7;
margin-bottom: 48px;
}
.widget-46f793 .contact-card {
position: relative;
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
border-radius: 4px;
padding: 48px 40px;
overflow: hidden;
transition: var(--transition-smooth);
}
.widget-46f793 .contact-card:hover {
border-color: rgba(255, 255, 255, 0.25);
background: rgba(255, 255, 255, 0.05);
}
.widget-46f793 .contact-card-glow {
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
width: 80%;
height: 1px;
background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
}
.widget-46f793 .contact-icon-wrap {
width: 64px;
height: 64px;
margin: 0 auto 24px;
opacity: 1;
background: transparent;
border: none;
border-radius: 0;
display: flex;
align-items: center;
justify-content: center;
transition: var(--transition-smooth);
}
.widget-46f793 .contact-card:hover .contact-icon-wrap {
background: transparent;
border-color: transparent;
box-shadow: none;
}
.widget-46f793 .contact-icon-svg {
width: 36px;
height: 36px;
display: block;
}
.widget-46f793 .contact-email-label {
font-size: 14px;
letter-spacing: 5px;
color: rgba(255, 255, 255, 0.3);
text-transform: uppercase;
margin-bottom: 12px;
}
.widget-46f793 .contact-email-link {
display: inline-block;
font-family: var(--font-ui);
font-weight: 600;
font-size: clamp(18px, 3vw, 28px);
letter-spacing: 3px;
color: #fff;
text-decoration: none;
text-transform: uppercase;
transition: var(--transition-smooth);
position: relative;
margin-bottom: 16px;
}
.widget-46f793 .contact-email-link::after {
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
height: 1px;
background: rgba(255, 255, 255, 0.4);
transform: scaleX(0);
transition: transform 0.3s ease;
}
.widget-46f793 .contact-email-link:hover::after {
transform: scaleX(1);
}
.widget-46f793 .contact-email-link:hover {
color: rgba(255, 255, 255, 0.8);
text-shadow: 0 0 20px rgba(255, 255, 255, 0.3);
}
.widget-46f793 .contact-note {
font-size: 13px;
color: rgba(255, 255, 255, 0.35);
letter-spacing: 1px;
line-height: 1.6;
margin: 18px 0 0;
text-align: center;
}
.widget-46f793 .contact-or-form-link {
display: flex;
align-items: center;
justify-content: center;
gap: 6px;
margin-top: 14px;
color: rgba(255, 255, 255, 0.45);
font-family: var(--font-body);
font-size: 12px;
letter-spacing: 2px;
text-transform: uppercase;
text-decoration: none;
transition: color 0.2s;
}
.widget-46f793 .contact-or-form-link:hover {
color: rgba(255, 255, 255, 0.85);
}
.widget-46f793 .contact-or-form-arrow {
display: inline-block;
transition: transform 0.2s;
}
.widget-46f793 .contact-or-form-link:hover .contact-or-form-arrow {
transform: translateY(3px);
}
.widget-46f793 .contact-form {
margin-top: 40px;
display: flex;
flex-direction: column;
gap: 18px;
text-align: left;
}
.widget-46f793 .cf-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 18px;
}
.widget-46f793 .cf-field {
display: flex;
flex-direction: column;
gap: 7px;
}
.widget-46f793 .cf-label {
font-family: var(--font-ui);
font-size: 11px;
letter-spacing: 4px;
color: rgba(255, 255, 255, 0.3);
text-transform: uppercase;
}
.widget-46f793 .cf-input {
font-family: var(--font-body);
font-size: 16px;
letter-spacing: 1px;
color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.03);
border: 1px solid rgba(255, 255, 255, 0.1);
border-bottom-color: rgba(255, 255, 255, 0.18);
border-radius: 3px;
padding: 14px 16px;
outline: none;
transition: border-color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease;
width: 100%;
box-sizing: border-box;
-webkit-appearance: none;
}
.widget-46f793 .cf-input::placeholder {
color: rgba(255, 255, 255, 0.2);
font-size: 14px;
letter-spacing: 0.5px;
}
.widget-46f793 .cf-input:focus {
border-color: rgba(139, 32, 53, 0.7);
background: rgba(255, 255, 255, 0.05);
box-shadow: 0 0 0 1px rgba(139, 32, 53, 0.25), 0 0 20px rgba(139, 32, 53, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.widget-46f793 .cf-input.cf-error {
border-color: rgba(220, 60, 60, 0.7);
box-shadow: 0 0 0 1px rgba(220, 60, 60, 0.2), 0 0 14px rgba(220, 60, 60, 0.1);
}
.widget-46f793 .cf-textarea {
resize: vertical;
min-height: 130px;
line-height: 1.6;
}
.widget-46f793 .cf-submit {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 12px;
font-family: var(--font-ui);
font-weight: 600;
font-size: 16px;
letter-spacing: 4px;
text-transform: uppercase;
color: rgba(255, 255, 255, 0.9);
background: rgba(255, 255, 255, 0.04);
border: 1px solid rgba(255, 255, 255, 0.15);
border-bottom-color: rgba(139, 32, 53, 0.5);
border-radius: 3px;
padding: 16px 28px;
cursor: pointer;
transition: var(--transition-smooth);
position: relative;
overflow: hidden;
align-self: flex-start;
}
.widget-46f793 .cf-submit::before {
content: "";
position: absolute;
inset: 0;
background: linear-gradient(90deg, transparent 0%, rgba(139, 32, 53, 0.12) 50%, transparent 100%);
transform: translateX(-100%);
transition: transform 0.5s ease;
}
.widget-46f793 .cf-submit:hover {
border-color: rgba(139, 32, 53, 0.7);
color: #fff;
letter-spacing: 5px;
box-shadow: 0 0 20px rgba(139, 32, 53, 0.25), 0 4px 18px rgba(0, 0, 0, 0.5);
background: rgba(139, 32, 53, 0.1);
}
.widget-46f793 .cf-submit:hover::before {
transform: translateX(100%);
}
.widget-46f793 .cf-submit:disabled {
opacity: 0.5;
cursor: not-allowed;
letter-spacing: 4px;
}
.widget-46f793 .cf-submit-arrow {
font-size: 18px;
transition: transform 0.3s ease;
}
.widget-46f793 .cf-submit:hover .cf-submit-arrow {
transform: translateX(4px);
}
.widget-46f793 .cf-feedback {
font-family: var(--font-ui);
font-size: 14px;
letter-spacing: 2px;
padding: 0;
min-height: 0;
transition: all 0.4s ease;
text-align: center;
}
.widget-46f793 .cf-feedback.cf-success {
color: rgba(100, 220, 130, 0.9);
text-shadow: 0 0 14px rgba(100, 220, 130, 0.35);
}
.widget-46f793 .cf-feedback.cf-fail {
color: rgba(220, 80, 80, 0.9);
text-shadow: 0 0 14px rgba(220, 80, 80, 0.35);
}
.widget-46f793 .cf-submit-row {
display: flex;
align-items: center;
gap: 16px;
flex-wrap: wrap;
}
.widget-46f793 .cf-privacy-wrap {
position: relative;
display: inline-flex;
align-items: center;
}
.widget-46f793 .cf-privacy-btn {
display: inline-flex;
align-items: center;
gap: 7px;
background: none;
border: none;
padding: 0;
font-family: var(--font-body);
font-size: 13px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.28);
text-transform: uppercase;
cursor: pointer;
transition: color 0.25s ease;
position: relative;
}
.widget-46f793 .cf-privacy-btn::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 1px;
background: rgba(139, 32, 53, 0.5);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.widget-46f793 .cf-privacy-btn:hover {
color: rgba(255, 255, 255, 0.6);
}
.widget-46f793 .cf-privacy-btn:hover::after {
transform: scaleX(1);
}
.widget-46f793 .cf-privacy-icon {
width: 16px;
height: 16px;
flex-shrink: 0;
transition: color 0.25s ease;
}
.widget-46f793 .cf-privacy-tooltip {
position: absolute;
bottom: calc(100% + 12px);
right: 0;
left: auto;
transform: translateY(6px);
width: 300px;
background: #0e0a0b;
border: 1px solid rgba(139, 32, 53, 0.4);
border-bottom: 2px solid var(--color-burgundy-bright);
border-radius: 4px;
padding: 20px 22px 18px;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease;
z-index: 100;
box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.7), 0 0 20px rgba(107, 26, 42, 0.2);
text-align: left;
}
.widget-46f793 .cf-privacy-tooltip::after {
content: "";
position: absolute;
top: 100%;
right: 14px;
left: auto;
transform: none;
border: 6px solid transparent;
border-top-color: var(--color-burgundy-bright);
}
.widget-46f793 .cf-privacy-wrap:hover .cf-privacy-tooltip,
.widget-46f793 .cf-privacy-wrap.is-open .cf-privacy-tooltip {
opacity: 1;
pointer-events: auto;
transform: translateY(0);
}
.widget-46f793 .cf-privacy-tooltip-title {
font-family: var(--font-ui);
font-weight: 600;
font-size: 15px;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.85);
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(139, 32, 53, 0.3);
}
.widget-46f793 .cf-privacy-tooltip-body {
font-family: var(--font-body);
font-size: 13px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.45);
margin: 0;
font-weight: 400;
}
@media (max-width: 600px) {
.widget-46f793 .cf-submit-row {
flex-direction: column;
align-items: flex-start;
}
.widget-46f793 .cf-submit {
align-self: stretch;
justify-content: center;
}
.widget-46f793 .cf-privacy-tooltip {
right: 0;
left: auto;
transform: translateY(6px);
}
.widget-46f793 .cf-privacy-wrap:hover .cf-privacy-tooltip,
.widget-46f793 .cf-privacy-wrap.is-open .cf-privacy-tooltip {
transform: translateY(0);
}
.widget-46f793 .cf-privacy-tooltip::after {
right: 14px;
left: auto;
}
}
.widget-46f793 .contact-underground-note {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 36px;
font-size: clamp(9px, 1.2vw, 12px);
letter-spacing: 1.5px;
color: rgba(255, 255, 255, 0.35);
text-transform: uppercase;
white-space: normal;
flex-wrap: wrap;
text-align: center;
}
.widget-46f793 .pulse-dot {
width: 9px;
height: 9px;
background: var(--color-burgundy-bright);
border-radius: 50%;
animation: pulse-ring-burg 2s ease-in-out infinite;
flex-shrink: 0;
position: relative;
box-shadow: 0 0 8px rgba(139, 32, 53, 0.8);
}
.widget-46f793 .pulse-dot::before {
content: "";
position: absolute;
inset: -5px;
border-radius: 50%;
border: 1px solid rgba(139, 32, 53, 0.55);
animation: pulse-expand-burg 2s ease-in-out infinite;
}
.widget-46f793 .pulse-dot::after {
content: "";
position: absolute;
inset: -10px;
border-radius: 50%;
border: 1px solid rgba(139, 32, 53, 0.2);
animation: pulse-expand-burg 2s ease-in-out infinite;
animation-delay: 0.4s;
}
@keyframes pulse-ring-burg {
0%, 100% {
transform: scale(1);
box-shadow: 0 0 8px rgba(139, 32, 53, 0.8);
}
50% {
transform: scale(1.25);
box-shadow: 0 0 16px rgb(139, 32, 53);
}
}
@keyframes pulse-expand-burg {
0% {
transform: scale(1);
opacity: 0.7;
}
100% {
transform: scale(2.4);
opacity: 0;
}
}
.widget-46f793 .widget-footer {
background: #000;
padding: 40px 24px;
text-align: center;
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-46f793 .footer-content {
max-width: 600px;
margin: 0 auto;
}
.widget-46f793 .footer-logo-wrap {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.widget-46f793 .footer-logo-img {
max-height: 72px;
max-width: 200px;
object-fit: contain;
filter: brightness(0) invert(1);
opacity: 0.7;
transition: opacity 0.3s ease;
}
.widget-46f793 .footer-logo-img:hover {
opacity: 1;
}
.widget-46f793 .footer-logo-placeholder {
border: 1px dashed rgba(255, 255, 255, 0.15);
padding: 12px 32px;
border-radius: 3px;
transition: border-color 0.3s ease;
}
.widget-46f793 .footer-logo-placeholder:hover {
border-color: rgba(255, 255, 255, 0.28);
}
.widget-46f793 .footer-logo-placeholder-text {
font-family: var(--font-display);
font-weight: 900;
letter-spacing: 6px;
font-size: 15px;
color: rgba(255, 255, 255, 0.2);
text-transform: uppercase;
}
.widget-46f793 .footer-name {
font-family: var(--font-ui);
font-weight: 600;
font-size: 22px;
letter-spacing: 6px;
color: rgba(255, 255, 255, 0.7);
text-transform: uppercase;
margin-bottom: 8px;
}
.widget-46f793 .footer-tagline {
font-size: 14px;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.25);
text-transform: uppercase;
margin-bottom: 20px;
}
.widget-46f793 .footer-divider {
width: 40px;
height: 1px;
background: rgba(255, 255, 255, 0.15);
margin: 0 auto 16px;
}
.widget-46f793 .footer-copy {
font-size: 15px;
color: rgba(255, 255, 255, 0.2);
letter-spacing: 1px;
}
.widget-46f793 .footer-social {
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 20px;
margin-bottom: 20px;
}
.widget-46f793 .footer-social-link {
display: flex;
align-items: center;
justify-content: center;
width: 44px;
height: 44px;
border-radius: 50%;
text-decoration: none;
color: rgba(255, 255, 255, 0.28);
background: transparent;
border: 1px solid rgba(255, 255, 255, 0);
position: relative;
transition: color 0.3s ease, transform 0.3s ease, border-color 0.3s ease, background 0.3s ease;
overflow: hidden;
}
.widget-46f793 .footer-social-link::before {
content: "";
position: absolute;
inset: 0;
border-radius: 50%;
background: radial-gradient(circle at center, rgba(139, 32, 53, 0.22) 0%, transparent 75%);
opacity: 0;
transform: scale(0.4);
transition: opacity 0.35s ease, transform 0.35s ease;
}
.widget-46f793 .footer-social-link:hover {
color: rgba(255, 255, 255, 0.9);
transform: translateY(-4px) scale(1.12);
border-color: rgba(139, 32, 53, 0.45);
background: rgba(139, 32, 53, 0.08);
box-shadow: 0 8px 24px rgba(0, 0, 0, 0.5), 0 0 18px rgba(139, 32, 53, 0.3);
}
.widget-46f793 .footer-social-link:hover::before {
opacity: 1;
transform: scale(1);
}
.widget-46f793 .footer-social-link:active {
transform: translateY(-1px) scale(1.05);
}
.widget-46f793 .footer-social-icon {
width: 22px;
height: 22px;
flex-shrink: 0;
position: relative;
z-index: 1;
transition: transform 0.3s ease;
}
.widget-46f793 .footer-social-link:hover .footer-social-icon {
transform: scale(1.1);
}
.widget-46f793 .footer-legal {
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
margin-top: 18px;
}
.widget-46f793 .legal-sep {
color: rgba(255, 255, 255, 0.15);
font-size: 16px;
}
.widget-46f793 .legal-tooltip-wrap {
position: relative;
display: inline-flex;
align-items: center;
}
.widget-46f793 .legal-btn {
background: none;
border: none;
padding: 0;
font-family: var(--font-body);
font-size: 14px;
letter-spacing: 2px;
color: rgba(255, 255, 255, 0.25);
text-transform: uppercase;
cursor: pointer;
transition: color 0.25s ease;
position: relative;
}
.widget-46f793 .legal-btn::after {
content: "";
position: absolute;
bottom: -2px;
left: 0;
right: 0;
height: 1px;
background: rgba(139, 32, 53, 0.5);
transform: scaleX(0);
transform-origin: left;
transition: transform 0.3s ease;
}
.widget-46f793 .legal-btn:hover {
color: rgba(255, 255, 255, 0.55);
}
.widget-46f793 .legal-btn:hover::after {
transform: scaleX(1);
}
.widget-46f793 .legal-tooltip {
position: absolute;
bottom: calc(100% + 12px);
left: 50%;
transform: translateX(-50%) translateY(6px);
width: 300px;
background: #0e0a0b;
border: 1px solid rgba(139, 32, 53, 0.4);
border-bottom: 2px solid var(--color-burgundy-bright);
border-radius: 4px;
padding: 20px 22px 18px;
opacity: 0;
pointer-events: none;
transition: opacity 0.25s ease, transform 0.25s ease;
z-index: 100;
box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.7), 0 0 20px rgba(107, 26, 42, 0.2);
}
.widget-46f793 .legal-tooltip::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 6px solid transparent;
border-top-color: var(--color-burgundy-bright);
}
.widget-46f793 .legal-tooltip-wrap:hover .legal-tooltip,
.widget-46f793 .legal-tooltip-wrap.is-open .legal-tooltip {
opacity: 1;
pointer-events: auto;
transform: translateX(-50%) translateY(0);
}
.widget-46f793 .legal-tooltip-title {
font-family: var(--font-ui);
font-weight: 600;
font-size: 17px;
letter-spacing: 3px;
color: rgba(255, 255, 255, 0.85);
text-transform: uppercase;
margin-bottom: 10px;
padding-bottom: 8px;
border-bottom: 1px solid rgba(139, 32, 53, 0.3);
}
.widget-46f793 .legal-tooltip-body {
font-family: var(--font-body);
font-size: 15px;
line-height: 1.7;
color: rgba(255, 255, 255, 0.45);
margin: 0;
font-weight: 400;
}
.widget-46f793 .cursor-spotlight {
position: fixed;
top: 0;
left: 0;
width: 420px;
height: 420px;
border-radius: 50%;
background: radial-gradient(circle, rgba(139, 32, 53, 0.07) 0%, rgba(255, 255, 255, 0.025) 35%, transparent 70%);
pointer-events: none;
z-index: 9999;
transform: translate(0, 0);
transition: opacity 0.3s ease;
opacity: 0;
mix-blend-mode: screen;
}
.widget-46f793 .cursor-spotlight.visible {
will-change: transform;
}
.widget-46f793 .cursor-spotlight.visible {
opacity: 1;
}
.widget-46f793 .mobile-sticky-cta {
display: none !important;
}
.widget-46f793 .stats-header-icon-img {
width: 100%;
height: 100%;
object-fit: contain;
filter: brightness(0) invert(1);
opacity: 0.85;
transition: opacity 0.3s ease;
}
.widget-46f793 .stats-header-icon:hover .stats-header-icon-img {
opacity: 1;
}
.widget-46f793 .why-icon-img {
width: 100%;
height: 100%;
object-fit: contain;
filter: brightness(0) invert(1);
opacity: 0.85;
transition: filter 0.3s ease, opacity 0.3s ease;
}
.widget-46f793 .why-item:hover .why-icon-img {
opacity: 1;
}
.widget-46f793 .why-section {
background: #050505;
border-top: 1px solid rgba(255, 255, 255, 0.05);
border-bottom: 1px solid rgba(255, 255, 255, 0.05);
padding: 0;
overflow: hidden;
}
.widget-46f793 .why-container {
max-width: 1200px;
margin: 0 auto;
display: flex;
align-items: stretch;
flex-wrap: wrap;
}
.widget-46f793 .why-item {
flex: 1;
min-width: 220px;
display: flex;
align-items: center;
gap: 18px;
padding: 32px 28px;
transition: background 0.3s ease;
cursor: default;
position: relative;
}
.widget-46f793 .why-item:hover {
background: rgba(139, 32, 53, 0.06);
}
.widget-46f793 .why-item.revealed .why-icon {
animation: why-icon-pop 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes why-icon-pop {
from {
transform: scale(0.5) rotate(-15deg);
opacity: 0;
}
to {
transform: scale(1) rotate(0deg);
opacity: 1;
}
}
.widget-46f793 .why-icon {
width: 44px;
height: 44px;
flex-shrink: 0;
color: var(--color-burgundy-bright);
opacity: 0;
filter: drop-shadow(0 0 8px rgba(139, 32, 53, 0.5));
transition: filter 0.3s ease;
}
.widget-46f793 .why-item:hover .why-icon {
filter: drop-shadow(0 0 14px rgba(139, 32, 53, 0.8));
}
.widget-46f793 .why-icon svg {
width: 100%;
height: 100%;
}
.widget-46f793 .why-text {
flex: 1;
}
.widget-46f793 .why-title {
font-family: var(--font-ui);
font-weight: 600;
font-size: clamp(13px, 1.4vw, 17px);
letter-spacing: 1.5px;
color: rgba(255, 255, 255, 0.9);
text-transform: uppercase;
margin-bottom: 4px;
transition: color 0.3s ease;
}
.widget-46f793 .why-item:hover .why-title {
color: #fff;
text-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}
.widget-46f793 .why-sub {
font-family: var(--font-body);
font-size: 15px;
letter-spacing: 0.5px;
color: rgba(255, 255, 255, 0.35);
line-height: 1.5;
transition: color 0.3s ease;
}
.widget-46f793 .why-item:hover .why-sub {
color: rgba(255, 255, 255, 0.55);
}
.widget-46f793 .why-divider {
width: 1px;
background: rgba(255, 255, 255, 0.06);
align-self: stretch;
flex-shrink: 0;
}
@media (max-width: 767px) {
.widget-46f793 .why-container {
flex-direction: column;
}
.widget-46f793 .why-divider {
width: 100%;
height: 1px;
}
.widget-46f793 .why-item {
padding: 22px 20px;
}
}
.widget-46f793 .section-enter-line {
width: 0;
height: 2px;
background: linear-gradient(90deg, var(--color-burgundy-bright), rgba(139, 32, 53, 0.2));
margin-bottom: 20px;
box-shadow: 0 0 10px rgba(139, 32, 53, 0.5);
transition: width 0.8s cubic-bezier(0.22, 1, 0.36, 1);
}
.widget-46f793 .section-enter-line.centered-line {
margin-left: auto;
margin-right: auto;
}
.widget-46f793 .section-enter-line.drawn {
width: 60px;
}
.widget-46f793 .section-enter-line.centered-line.drawn {
width: 80px;
}
.widget-46f793 .section-enter-line {
display: none;
}
.widget-46f793 .section-title-glitch {
opacity: 0;
transform: translateX(-24px);
clip-path: inset(0 100% 0 0);
transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.22, 1, 0.36, 1), clip-path 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.widget-46f793 .section-title-glitch.revealed {
opacity: 1;
transform: translateX(0);
clip-path: inset(0 0% 0 0);
}
.widget-46f793 .section-header .section-title,
.widget-46f793 .contact-section-title {
opacity: 0;
transform: translateY(20px);
transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.widget-46f793 .section-header.revealed .section-title,
.widget-46f793 .contact-section-title.revealed {
opacity: 1;
transform: translateY(0);
}
.widget-46f793 .odometer {
display: inline-flex;
align-items: flex-end;
overflow: hidden;
vertical-align: bottom;
line-height: 1;
}
.widget-46f793 .odometer-digit {
display: inline-block;
position: relative;
overflow: hidden;
height: 1em;
width: 0.62em;
text-align: center;
}
.widget-46f793 .odometer-digit-inner {
display: flex;
flex-direction: column;
transition: transform 0s;
}
.widget-46f793 .odometer-digit-inner span {
display: block;
height: 1em;
line-height: 1;
text-align: center;
}
.widget-46f793 .widget-footer {
position: relative;
overflow: hidden;
}
.widget-46f793 .footer-embers {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 0;
overflow: hidden;
}
.widget-46f793 .ember {
position: absolute;
border-radius: 50%;
animation: ember-rise linear infinite;
opacity: 0;
}
.widget-46f793 .ember-1 {
left: 8%;
width: 3px;
height: 3px;
background: rgba(139, 32, 53, 0.9);
animation-duration: 4.2s;
animation-delay: 0s;
box-shadow: 0 0 5px rgba(139, 32, 53, 0.8);
}
.widget-46f793 .ember-2 {
left: 20%;
width: 2px;
height: 2px;
background: rgba(180, 60, 80, 0.8);
animation-duration: 5.8s;
animation-delay: 0.8s;
box-shadow: 0 0 4px rgba(180, 60, 80, 0.7);
}
.widget-46f793 .ember-3 {
left: 35%;
width: 4px;
height: 4px;
background: rgba(107, 26, 42, 0.9);
animation-duration: 3.6s;
animation-delay: 1.6s;
box-shadow: 0 0 7px rgba(107, 26, 42, 0.8);
}
.widget-46f793 .ember-4 {
left: 50%;
width: 2px;
height: 2px;
background: rgba(200, 80, 100, 0.7);
animation-duration: 6.2s;
animation-delay: 0.4s;
box-shadow: 0 0 4px rgba(200, 80, 100, 0.6);
}
.widget-46f793 .ember-5 {
left: 63%;
width: 3px;
height: 3px;
background: rgba(139, 32, 53, 0.85);
animation-duration: 4.8s;
animation-delay: 2.2s;
box-shadow: 0 0 6px rgba(139, 32, 53, 0.7);
}
.widget-46f793 .ember-6 {
left: 75%;
width: 2px;
height: 2px;
background: rgba(160, 50, 70, 0.8);
animation-duration: 5.2s;
animation-delay: 1.1s;
box-shadow: 0 0 4px rgba(160, 50, 70, 0.7);
}
.widget-46f793 .ember-7 {
left: 85%;
width: 3px;
height: 3px;
background: rgba(180, 60, 80, 0.9);
animation-duration: 3.9s;
animation-delay: 0.6s;
box-shadow: 0 0 6px rgba(180, 60, 80, 0.8);
}
.widget-46f793 .ember-8 {
left: 92%;
width: 2px;
height: 2px;
background: rgba(120, 30, 50, 0.8);
animation-duration: 5.5s;
animation-delay: 1.8s;
box-shadow: 0 0 4px rgba(120, 30, 50, 0.7);
}
@keyframes ember-rise {
0% {
bottom: -6px;
opacity: 0;
transform: translateX(0) scale(1);
}
10% {
opacity: 0.9;
}
50% {
opacity: 0.6;
transform: translateX(8px) scale(0.8);
}
90% {
opacity: 0.2;
}
100% {
bottom: 100%;
opacity: 0;
transform: translateX(-4px) scale(0.4);
}
}
.widget-46f793 .footer-content {
position: relative;
z-index: 1;
}
.widget-46f793 .reveal-glitch {
opacity: 0;
transform: translateX(-20px) skewX(-3deg);
transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.22, 1, 0.36, 1);
}
.widget-46f793 .reveal-glitch.revealed {
opacity: 1;
transform: translateX(0) skewX(0deg);
}
.widget-46f793 .buzz-badge {
position: absolute;
top: 14px;
left: 14px;
display: inline-flex;
align-items: center;
gap: 6px;
padding: 5px 12px 5px 9px;
border-radius: 999px;
z-index: 20;
pointer-events: none;
width: auto;
right: auto;
}
.widget-46f793 .buzz-badge--level-1 {
background: linear-gradient(135deg, #c0192e 0%, #e02040 60%, #c8243a 100%);
box-shadow: 0 2px 10px rgba(192, 25, 46, 0.7), 0 0 20px rgba(192, 25, 46, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.2);
border: none;
}
.widget-46f793 .buzz-badge--level-1 .buzz-badge-pulse {
background: #fff;
box-shadow: 0 0 6px rgba(255, 255, 255, 0.9);
}
.widget-46f793 .buzz-badge--level-1 .buzz-badge-label {
color: #fff;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.35);
}
.widget-46f793 .buzz-badge--level-2 {
background: linear-gradient(135deg, #a0101e 0%, #cc1a30 60%, #a81424 100%);
box-shadow: 0 2px 12px rgba(160, 16, 30, 0.8), 0 0 24px rgba(160, 16, 30, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.18);
border: none;
}
.widget-46f793 .buzz-badge--level-2 .buzz-badge-pulse {
background: #ffb0b8;
box-shadow: 0 0 8px rgba(255, 176, 184, 0.9);
}
.widget-46f793 .buzz-badge--level-2 .buzz-badge-label {
color: #fff;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.4);
}
.widget-46f793 .buzz-badge--level-3 {
background: linear-gradient(135deg, #d4001a 0%, #ff1a35 50%, #cc0018 100%);
box-shadow: 0 2px 14px rgba(212, 0, 26, 0.9), 0 0 32px rgba(212, 0, 26, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.25);
border: none;
animation: buzz-pill-glow 1.2s ease-in-out infinite;
}
.widget-46f793 .buzz-badge--level-3 .buzz-badge-pulse {
background: #fff;
box-shadow: 0 0 10px rgb(255, 255, 255);
animation: buzz-pulse-urgent 0.9s ease-in-out infinite !important;
}
.widget-46f793 .buzz-badge--level-3 .buzz-badge-label {
color: #fff;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
animation: buzz-text-flicker 3s ease-in-out infinite;
}
@keyframes buzz-pill-glow {
0%, 100% {
box-shadow: 0 2px 14px rgba(212, 0, 26, 0.9), 0 0 32px rgba(212, 0, 26, 0.55), inset 0 1px 0 rgba(255, 255, 255, 0.25);
}
50% {
box-shadow: 0 2px 20px rgb(255, 30, 50), 0 0 50px rgba(212, 0, 26, 0.8), inset 0 1px 0 rgba(255, 255, 255, 0.3);
}
}
.widget-46f793 .buzz-badge-pulse {
width: 6px;
height: 6px;
border-radius: 50%;
flex-shrink: 0;
animation: buzz-pulse-dot 2s ease-in-out infinite;
}
@keyframes buzz-pulse-dot {
0%, 100% {
transform: scale(1);
opacity: 1;
}
50% {
transform: scale(1.5);
opacity: 0.7;
}
}
@keyframes buzz-pulse-urgent {
0%, 100% {
transform: scale(1);
box-shadow: 0 0 10px rgb(255, 255, 255), 0 0 20px rgba(255, 255, 255, 0.5);
}
50% {
transform: scale(1.8);
box-shadow: 0 0 16px rgb(255, 255, 255), 0 0 32px rgba(255, 255, 255, 0.7);
}
}
.widget-46f793 .buzz-badge-label {
font-family: var(--font-ui);
font-weight: 400;
font-size: 10px;
letter-spacing: 3px;
text-transform: uppercase;
line-height: 1;
}
@keyframes buzz-text-flicker {
0%, 92%, 100% {
opacity: 1;
}
94% {
opacity: 0.6;
}
96% {
opacity: 1;
}
98% {
opacity: 0.7;
}
}
.widget-46f793 .buzz-badge--pop {
animation: buzz-pop 0.55s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes buzz-pop {
0% {
transform: scale(0.5);
opacity: 0;
}
60% {
transform: scale(1.1);
opacity: 1;
}
100% {
transform: scale(1);
opacity: 1;
}
}
.widget-46f793 .back-to-top {
position: fixed;
bottom: 32px;
right: 32px;
width: 44px;
height: 44px;
border-radius: 50%;
background: rgba(10, 10, 10, 0.85);
border: 1px solid rgba(255, 255, 255, 0.15);
color: rgba(255, 255, 255, 0.7);
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 9998;
opacity: 0;
transform: translateY(12px);
pointer-events: none;
transition: opacity 0.35s ease, transform 0.35s ease, background 0.3s ease, border-color 0.3s ease, box-shadow 0.3s ease, color 0.3s ease;
backdrop-filter: blur(8px);
-webkit-backdrop-filter: blur(8px);
}
.widget-46f793 .back-to-top.visible {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
.widget-46f793 .back-to-top:hover {
background: var(--color-burgundy);
border-color: var(--color-burgundy-bright);
color: #fff;
box-shadow: 0 0 20px rgba(139, 32, 53, 0.6), 0 4px 16px rgba(0, 0, 0, 0.5);
transform: translateY(-3px);
}
.widget-46f793 .back-to-top:active {
transform: translateY(0);
}
.widget-46f793 .back-to-top-icon {
width: 18px;
height: 18px;
flex-shrink: 0;
}
@media (max-width: 767px) {
.widget-46f793 .back-to-top {
bottom: 80px;
right: 16px;
width: 40px;
height: 40px;
}
.widget-46f793 .back-to-top-icon {
width: 16px;
height: 16px;
}
}
.widget-46f793.header-align--left .section-header, .widget-46f793.header-align--left .section-header .section-label, .widget-46f793.header-align--left .section-header .section-title, .widget-46f793.header-align--left .section-header .schedule-subtitle, .widget-46f793.header-align--left .section-header .subscribe-subtext, .widget-46f793.header-align--left .contact-section .section-label, .widget-46f793.header-align--left .contact-section-title, .widget-46f793.header-align--left .contact-subtitle, .widget-46f793.header-align--left .contact-section .contact-note {
text-align: left;
}
.widget-46f793.header-align--left .section-header .title-underline.centered {
margin-left: 0;
margin-right: auto;
}
.widget-46f793.header-align--right .section-header, .widget-46f793.header-align--right .section-header .section-label, .widget-46f793.header-align--right .section-header .section-title, .widget-46f793.header-align--right .section-header .schedule-subtitle, .widget-46f793.header-align--right .section-header .subscribe-subtext, .widget-46f793.header-align--right .contact-section .section-label, .widget-46f793.header-align--right .contact-section-title, .widget-46f793.header-align--right .contact-subtitle, .widget-46f793.header-align--right .contact-section .contact-note {
text-align: right;
}
.widget-46f793.header-align--right .section-header .title-underline.centered {
margin-left: auto;
margin-right: 0;
}
.widget-46f793.header-align--center .section-header, .widget-46f793.header-align--center .section-header .section-label, .widget-46f793.header-align--center .section-header .section-title, .widget-46f793.header-align--center .section-header .schedule-subtitle, .widget-46f793.header-align--center .section-header .subscribe-subtext, .widget-46f793.header-align--center .contact-section .section-label, .widget-46f793.header-align--center .contact-section-title, .widget-46f793.header-align--center .contact-subtitle, .widget-46f793.header-align--center .contact-section .contact-note {
text-align: center;
}
.widget-46f793.header-align--center .section-header .title-underline.centered {
margin-left: auto;
margin-right: auto;
}
.widget-46f793 .athlete-section,
.widget-46f793 .services-section,
.widget-46f793 .schedule-section,
.widget-46f793 .subscribe-section,
.widget-46f793 .contact-section,
.widget-46f793 .manifesto-section {
content-visibility: auto;
contain-intrinsic-size: 0 600px;
}
@keyframes fade-in-up {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.widget-46f793 .reveal-element {
opacity: 0;
transform: translateY(40px);
transition: opacity 0.8s ease, transform 0.8s ease;
}
.widget-46f793 .reveal-element.revealed {
opacity: 1;
transform: translateY(0);
}
@media (min-width: 768px) and (max-width: 1024px) {
.widget-46f793 {
/* Manifesto parallax bg — reset inset on tablet so the background-image
renders at proper cover scale (the -60px overshoot looks blown-up on tablet) */
/* Section padding */
/* Hero — reduce min-height to eliminate excess gap below content */
/* Hero with uploaded image — stack content above image on tablet */
/* Suppress the parallax-bg image on tablet — only the injected ![]()
shows */
/* Injected mobile image — constrained to viewport proportion */
/* Athlete */
/* Services grid */
/* Buzz badge — scale for tablet cards */
/* Countdown */
/* Stats — bump up for readability on tablet */
/* Why strip */
/* Contact form */
/* Schedule */
/* Footer */
}
.widget-46f793 .manifesto-parallax-bg {
inset: 0 !important;
transform: none !important;
}
.widget-46f793 .athlete-section,
.widget-46f793 .manifesto-section,
.widget-46f793 .contact-section,
.widget-46f793 .stats-section,
.widget-46f793 .subscribe-section {
padding: 72px 24px;
}
.widget-46f793 .services-section {
padding: 60px 24px;
}
.widget-46f793 .schedule-section {
padding: 72px 24px;
}
.widget-46f793 .section-header {
margin-bottom: 40px;
}
.widget-46f793 .underground-banner-section {
padding: 48px 24px;
}
.widget-46f793 .hero-section {
min-height: 70vh;
}
.widget-46f793 .hero-section.has-bg-image {
background-color: #000;
min-height: unset;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 0;
}
.widget-46f793 .hero-section.has-bg-image .hero-parallax-bg {
background-image: none !important;
}
.widget-46f793 .hero-section.has-bg-image .hero-content {
position: relative;
z-index: 10;
padding-bottom: 48px;
}
.widget-46f793 .hero-section.has-bg-image .hero-bg-image-overlay {
display: none;
}
.widget-46f793 .hero-mobile-img-block {
width: 100%;
max-height: 80vw;
object-fit: cover;
object-position: center top;
display: block;
flex-shrink: 0;
position: relative;
z-index: 1;
pointer-events: none;
}
.widget-46f793 .athlete-container {
grid-template-columns: 1fr;
gap: 40px;
}
.widget-46f793 .athlete-images--vertical {
max-width: 600px;
margin: 0 auto;
}
.widget-46f793 .services-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.widget-46f793 .services-grid .service-card:last-child {
grid-column: auto;
}
.widget-46f793 .service-card.flip-card {
height: 460px;
}
.widget-46f793 .service-card.flip-card.featured {
transform: none;
grid-column: auto;
}
.widget-46f793 .buzz-badge {
top: 12px;
left: 12px;
padding: 5px 11px 5px 8px;
}
.widget-46f793 .buzz-badge-label {
font-size: 10px;
letter-spacing: 2.5px;
}
.widget-46f793 .buzz-badge-pulse {
width: 6px;
height: 6px;
}
.widget-46f793 .countdown-number {
width: 68px;
height: 68px;
font-size: 40px;
}
.widget-46f793 .countdown-separator {
font-size: 36px;
line-height: 68px;
}
.widget-46f793 .stats-grid--5 {
grid-template-columns: repeat(3, 1fr);
}
.widget-46f793 .stat-item:nth-child(1),
.widget-46f793 .stat-item:nth-child(2),
.widget-46f793 .stat-item:nth-child(3) {
border-top: none;
}
.widget-46f793 .stat-item:nth-child(3n+1) {
border-left: none;
}
.widget-46f793 .stat-number {
font-size: clamp(44px, 6.5vw, 72px);
}
.widget-46f793 .stat-unit {
font-size: clamp(22px, 3vw, 32px);
}
.widget-46f793 .stat-label {
font-size: 10px;
letter-spacing: 2px;
}
.widget-46f793 .stat-item {
padding: 28px 16px 22px;
}
.widget-46f793 .why-container {
flex-wrap: wrap;
}
.widget-46f793 .why-item {
min-width: 45%;
}
.widget-46f793 .cf-row {
grid-template-columns: 1fr;
gap: 14px;
}
.widget-46f793 .contact-card {
padding: 36px 28px;
}
.widget-46f793 .contact-subtitle {
font-size: 16px;
}
.widget-46f793 .schedule-card-inner {
gap: 20px;
}
.widget-46f793 .schedule-card-countdown {
gap: 8px;
}
.widget-46f793 .scc-num {
font-size: 16px;
}
.widget-46f793 .footer-tagline {
font-size: 12px;
}
}
@media (max-width: 767px) {
.widget-46f793 {
/* Global section padding */
/* Hero — collapse min-height so no blank gap appears below the content */
/* Hero with uploaded image — stack content above image on mobile */
/* Suppress the parallax-bg image on mobile too */
/* Injected mobile image sizing */
/* Fade the bottom edge of the hero into the background (no-image fallback) */
/* Disable heavy parallax layers on mobile */
/* Disable particles on mobile */
/* Underground banner */
/* Countdown */
/* Athlete images */
/* Ken Burns too heavy on mobile — freeze it */
/* Bio */
/* Services */
/* Buzz badge — scale down for single-column mobile cards */
/* Highlight the number on mobile when card is flipped */
/* Disable auto-flip on mobile — tap only */
/* Stats — larger, more legible on mobile */
/* Manifesto */
/* Contact */
/* Why strip */
/* Schedule */
/* Footer */
/* Legal tooltip — open above and stay within viewport */
/* Marquee — tighten on mobile */
/* Disable parallax bg on mobile (use static) */
}
.widget-46f793 .athlete-section,
.widget-46f793 .manifesto-section,
.widget-46f793 .contact-section,
.widget-46f793 .stats-section,
.widget-46f793 .subscribe-section {
padding: 56px 16px;
}
.widget-46f793 .services-section {
padding: 40px 16px;
}
.widget-46f793 .section-header {
margin-bottom: 28px;
}
.widget-46f793 .hero-section {
min-height: unset;
justify-content: center;
padding-top: 60px;
padding-bottom: 48px;
}
.widget-46f793 .hero-content {
padding: 24px 16px 20px;
margin-top: 0;
}
.widget-46f793 .hero-content .logo-wrapper {
margin-bottom: 16px;
}
.widget-46f793 .logo-img {
max-height: 72px;
}
.widget-46f793 .hero-name {
letter-spacing: 2px;
}
.widget-46f793 .hero-subtitle {
font-size: 11px;
letter-spacing: 2px;
margin-bottom: 16px;
}
.widget-46f793 .hero-tagline-top {
font-size: 10px;
letter-spacing: 3px;
margin-bottom: 10px;
}
.widget-46f793 .hero-scroll-cue {
margin-top: 16px;
}
.widget-46f793 .hero-section.has-bg-image {
background-color: #000;
min-height: unset;
flex-direction: column;
justify-content: flex-start;
padding-bottom: 0;
}
.widget-46f793 .hero-section.has-bg-image .hero-parallax-bg {
background-image: none !important;
}
.widget-46f793 .hero-section.has-bg-image .hero-content {
position: relative;
z-index: 10;
padding-bottom: 32px;
}
.widget-46f793 .hero-section.has-bg-image .hero-bg-image-overlay {
display: none;
}
.widget-46f793 .hero-mobile-img-block {
width: 100%;
max-height: 75vw;
object-fit: cover;
object-position: center top;
display: block;
flex-shrink: 0;
position: relative;
z-index: 1;
pointer-events: none;
}
.widget-46f793 .hero-section:not(.has-bg-image)::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 80px;
background: linear-gradient(to bottom, transparent 0%, #000 100%);
pointer-events: none;
z-index: 5;
}
.widget-46f793 .hero-light-slash,
.widget-46f793 .hero-light-slash--2,
.widget-46f793 .hero-scanlines,
.widget-46f793 .grain-overlay,
.widget-46f793 .cursor-spotlight,
.widget-46f793 .footer-embers,
.widget-46f793 .hero-noise-overlay {
display: none;
}
.widget-46f793 .particles-container {
display: none;
}
.widget-46f793 .underground-banner-body {
padding: 18px 14px;
}
.widget-46f793 .underground-text {
font-size: 15px;
letter-spacing: 1px;
line-height: 1.7;
}
.widget-46f793 .underground-banner-bottom-bar {
flex-direction: column;
gap: 8px;
align-items: center;
text-align: center;
padding: 10px 12px;
}
.widget-46f793 .signal-strength-wrap {
width: 100%;
justify-content: center;
}
.widget-46f793 .signal-bar-track {
max-width: 160px;
}
.widget-46f793 .underground-banner-top-bar {
padding: 8px 12px;
gap: 8px;
}
.widget-46f793 .underground-status-label {
font-size: 8px;
letter-spacing: 2px;
}
.widget-46f793 .countdown-grid {
gap: 4px;
flex-wrap: nowrap;
}
.widget-46f793 .countdown-number {
width: 42px;
height: 42px;
font-size: 22px;
}
.widget-46f793 .countdown-separator {
font-size: 20px;
line-height: 42px;
margin-bottom: 12px;
}
.widget-46f793 .countdown-label {
font-size: 9px;
letter-spacing: 3px;
}
.widget-46f793 .countdown-unit-label {
font-size: 7px;
letter-spacing: 1px;
margin-top: 4px;
}
.widget-46f793 .countdown-unit {
min-width: unset;
}
.widget-46f793 .athlete-container {
grid-template-columns: 1fr;
gap: 36px;
}
.widget-46f793 .athlete-images--vertical {
grid-template-columns: repeat(3, 1fr);
gap: 6px;
}
.widget-46f793 .athlete-img-card--vert {
aspect-ratio: 2/3.2;
}
.widget-46f793 .kb-img {
animation: none !important;
transform: scale(1.06) !important;
}
.widget-46f793 .bio-text {
font-size: 15px;
}
.widget-46f793 .badge-row {
justify-content: center;
flex-wrap: wrap;
gap: 6px;
}
.widget-46f793 .badge {
padding: 6px 8px;
font-size: 10px;
letter-spacing: 1px;
gap: 4px;
}
.widget-46f793 .badge-icon {
font-size: 11px;
}
.widget-46f793 .section-title {
font-size: clamp(28px, 8vw, 44px);
}
.widget-46f793 .services-grid {
grid-template-columns: 1fr;
gap: 10px;
}
.widget-46f793 .service-card.flip-card {
height: auto;
min-height: unset;
perspective: none;
}
.widget-46f793 .service-card.flip-card.featured {
transform: none;
filter: none;
box-shadow: none;
}
.widget-46f793 .buzz-badge {
top: 10px;
left: 10px;
padding: 4px 9px 4px 7px;
gap: 5px;
}
.widget-46f793 .buzz-badge-label {
font-size: 8px;
letter-spacing: 2px;
}
.widget-46f793 .buzz-badge-pulse {
width: 5px;
height: 5px;
}
.widget-46f793 .flip-card-inner {
height: auto;
min-height: unset;
transform-style: flat;
}
.widget-46f793 .service-card.flip-card.is-flipped .flip-card-inner {
transform: none;
}
.widget-46f793 .flip-card-front {
position: relative;
inset: auto;
backface-visibility: visible;
-webkit-backface-visibility: visible;
padding: 22px 20px 20px;
transform: none !important;
}
.widget-46f793 .flip-card-back {
position: relative;
inset: auto;
backface-visibility: visible;
-webkit-backface-visibility: visible;
padding: 22px 20px 20px;
transform: none !important;
display: none;
}
.widget-46f793 .service-card.flip-card.is-flipped .flip-card-front {
display: none;
}
.widget-46f793 .service-card.flip-card.is-flipped .flip-card-back {
display: flex;
}
.widget-46f793 .service-card.flip-card.is-flipped .flip-card-back .service-number {
animation: mobile-num-highlight 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
.widget-46f793 .service-card.flip-card.featured.is-flipped .flip-card-back .service-number {
animation: mobile-num-highlight-featured 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;
}
@keyframes mobile-num-highlight {
0% {
color: rgba(255, 255, 255, 0.05);
text-shadow: none;
transform: scale(1);
}
60% {
color: rgba(255, 255, 255, 0.8);
text-shadow: 0 0 18px rgba(255, 255, 255, 0.55), 0 0 40px rgba(255, 255, 255, 0.25);
transform: scale(1.1);
}
100% {
color: rgba(255, 255, 255, 0.72);
text-shadow: 0 0 18px rgba(255, 255, 255, 0.55), 0 0 40px rgba(255, 255, 255, 0.25), 0 0 80px rgba(139, 32, 53, 0.35);
transform: scale(1.08);
}
}
@keyframes mobile-num-highlight-featured {
0% {
color: rgba(255, 255, 255, 0.05);
text-shadow: none;
transform: scale(1);
}
60% {
color: rgba(255, 220, 225, 0.9);
text-shadow: 0 0 18px rgba(255, 150, 170, 0.8);
transform: scale(1.1);
}
100% {
color: rgba(255, 200, 210, 0.85);
text-shadow: 0 0 18px rgba(255, 150, 170, 0.7), 0 0 40px rgba(200, 60, 90, 0.45), 0 0 80px rgba(139, 32, 53, 0.55);
transform: scale(1.08);
}
}
.widget-46f793 .flip-hint {
padding: 10px 14px;
margin-top: 10px;
}
.widget-46f793 .flip-hint-text {
font-size: 12px;
letter-spacing: 2px;
}
.widget-46f793 .flip-hint--featured .flip-hint-text {
font-size: 12px;
letter-spacing: 2px;
}
.widget-46f793 .service-title {
font-size: 20px;
}
.widget-46f793 .service-desc {
font-size: 13px;
line-height: 1.5;
}
.widget-46f793 .package-item {
font-size: 13px;
padding: 9px 12px;
}
.widget-46f793 .back-cta-link {
font-size: 14px;
letter-spacing: 3px;
padding: 12px 16px;
}
.widget-46f793 .featured-ribbon {
width: 130px;
height: 130px;
}
.widget-46f793 .featured-ribbon-text {
font-size: 12px;
top: 28px;
right: -35px;
width: 158px;
padding: 7px 0;
}
.widget-46f793 .stats-grid--5 {
grid-template-columns: repeat(2, 1fr);
}
.widget-46f793 .stat-item {
padding: 24px 14px 20px;
}
.widget-46f793 .stat-item:nth-child(odd) {
border-left: none;
}
.widget-46f793 .stat-item:nth-child(even) {
border-left: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-46f793 .stat-item {
border-top: 1px solid rgba(255, 255, 255, 0.06);
}
.widget-46f793 .stat-item:nth-child(1),
.widget-46f793 .stat-item:nth-child(2) {
border-top: none;
}
.widget-46f793 .stat-number {
font-size: clamp(42px, 12vw, 68px);
}
.widget-46f793 .stat-unit {
font-size: clamp(20px, 5.5vw, 30px);
}
.widget-46f793 .stat-label {
font-size: 10px;
letter-spacing: 1.5px;
line-height: 1.6;
}
.widget-46f793 .stat-divider {
width: 22px;
margin: 6px auto 6px;
}
.widget-46f793 .stat-value-block {
margin-bottom: 6px;
}
.widget-46f793 .power-meter-label {
font-size: 12px;
letter-spacing: 4px;
}
.widget-46f793 .power-meter-pct {
font-size: 28px;
}
.widget-46f793 .power-meter-wrap {
margin-top: 36px;
}
.widget-46f793 .stat-text-val {
font-size: clamp(16px, 4.5vw, 24px);
}
.widget-46f793 .stat-text-val--sm {
font-size: clamp(10px, 2.5vw, 13px);
}
.widget-46f793 .manifesto-quote {
font-size: clamp(20px, 5.5vw, 30px);
}
.widget-46f793 .quote-marks {
font-size: 80px;
}
.widget-46f793 .contact-card {
padding: 28px 16px;
}
.widget-46f793 .contact-subtitle {
font-size: 15px;
line-height: 1.6;
}
.widget-46f793 .contact-email-link {
font-size: clamp(14px, 4vw, 20px);
word-break: break-all;
}
.widget-46f793 .contact-note {
font-size: 12px;
}
.widget-46f793 .contact-or-form-link {
display: none;
}
.widget-46f793 .contact-underground-note {
font-size: 9px;
letter-spacing: 1px;
gap: 6px;
}
.widget-46f793 .cf-row {
grid-template-columns: 1fr;
gap: 14px;
}
.widget-46f793 .cf-submit {
align-self: stretch;
justify-content: center;
}
.widget-46f793 .cf-privacy-tooltip {
width: 260px;
}
.widget-46f793 .why-container {
flex-direction: column;
}
.widget-46f793 .why-divider {
width: 100%;
height: 1px;
}
.widget-46f793 .why-item {
padding: 18px 16px;
min-width: unset;
}
.widget-46f793 .why-title {
font-size: 13px;
}
.widget-46f793 .why-sub {
font-size: 12px;
}
.widget-46f793 .schedule-card {
padding: 16px;
}
.widget-46f793 .schedule-card-top-row {
gap: 8px;
flex-wrap: wrap;
}
.widget-46f793 .schedule-category-tag {
font-size: 8px;
letter-spacing: 2px;
padding: 3px 8px;
}
.widget-46f793 .schedule-card-countdown {
gap: 4px;
flex-wrap: nowrap;
margin-top: 10px;
padding-top: 10px;
}
.widget-46f793 .scc-num {
font-size: 14px;
}
.widget-46f793 .scc-unit {
min-width: 24px;
}
.widget-46f793 .scc-label {
font-size: 6px;
letter-spacing: 1px;
}
.widget-46f793 .scc-sep {
font-size: 11px;
margin-bottom: 10px;
}
.widget-46f793 .schedule-meta-row {
gap: 4px;
}
.widget-46f793 .schedule-meta-sep {
display: none;
}
.widget-46f793 .schedule-meta-item {
font-size: 10px;
}
.widget-46f793 .schedule-meta-item.schedule-location {
width: 100%;
}
.widget-46f793 .mobile-sticky-cta {
display: block;
}
.widget-46f793 .widget-footer {
padding-bottom: 72px;
}
.widget-46f793 .footer-tagline {
font-size: 10px;
letter-spacing: 1px;
}
.widget-46f793 .footer-name {
font-size: 18px;
letter-spacing: 4px;
}
.widget-46f793 .footer-social {
gap: 6px;
}
.widget-46f793 .footer-social-link {
width: 38px;
height: 38px;
}
.widget-46f793 .legal-tooltip {
width: 260px;
left: 50%;
transform: translateX(-50%) translateY(6px);
}
.widget-46f793 .legal-tooltip-wrap:hover .legal-tooltip,
.widget-46f793 .legal-tooltip-wrap.is-open .legal-tooltip {
transform: translateX(-50%) translateY(0);
}
.widget-46f793 .marquee-item {
padding: 0 24px;
}
.widget-46f793 .marquee-abbr {
font-size: 20px;
letter-spacing: 3px;
}
.widget-46f793 .marquee-full {
font-size: 8px;
letter-spacing: 1px;
}
.widget-46f793 .hero-parallax-bg {
inset: 0 !important;
transform: none !important;
}
.widget-46f793 .manifesto-parallax-bg {
inset: 0 !important;
transform: none !important;
}
}
@media (max-width: 380px) {
.widget-46f793 .hero-name {
font-size: clamp(42px, 12vw, 72px);
}
.widget-46f793 .countdown-number {
width: 36px;
height: 36px;
font-size: 19px;
}
.widget-46f793 .countdown-separator {
font-size: 17px;
line-height: 36px;
}
.widget-46f793 .athlete-images--vertical {
grid-template-columns: 1fr;
}
.widget-46f793 .athlete-img-card--vert {
aspect-ratio: 16/9;
}
.widget-46f793 .service-card.flip-card,
.widget-46f793 .flip-card-inner {
min-height: unset;
height: auto;
}
.widget-46f793 .contact-email-link {
font-size: 13px;
}
}