@font-face {
font-family: Oxygen;
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2025/12/Oxygen-Light.woff2) format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
} @font-face {
font-family: Oxygen;
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2025/12/Oxygen-Regular.woff2) format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
} @font-face {
font-family: Oxygen;
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2025/12/Oxygen-Bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
} @font-face {
font-family: Lastica;
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2025/12/Lastica-Light.woff2) format("woff2");
font-weight: 300;
font-style: normal;
font-display: swap;
} @font-face {
font-family: Lastica;
src: url(https://www.tylersmithvoice.com/wp-content/uploads/2025/12/Lastica-bold.woff2) format("woff2");
font-weight: 700;
font-style: normal;
font-display: swap;
} html { scroll-behavior: smooth; }
body {
color: #282828;
font-family: Oxygen, system-ui, -apple-system, sans-serif;
background-color: #FFF;
font-weight: 400;
font-size: 18px;
}
a {
text-decoration: none !important;
color: #282828;
}
h1, h2, h3, h4, h5, h6 {
font-family: Oxygen, system-ui, sans-serif;
color: #282828;
font-weight: 700;
}
p { margin: 0 0 10px; }
input, select, textarea { font-size: 18px !important; }
::placeholder { color: #FFF; opacity: 1; } .wp-site-blocks > .wp-block-template-part + main.wp-block-post-content,
.wp-site-blocks > header + main.wp-block-post-content,
.wp-site-blocks > .tsv-header + main.wp-block-post-content {
margin-block-start: 0 !important;
margin-top: 0 !important; }   :target { scroll-margin-top: 80px; }  header.wp-block-template-part{
margin: 0;
padding: 0;
width: 100%;
max-width: none;
}   .tsv-header,
.tsv-header *{
box-sizing: border-box;
} .tsv-header{
position: sticky;
top: 0;
z-index: 9999;
width: 100%;
background: #2C557E;
overflow: visible;
} .tsv-header__inner{
width: 100%;
max-width: none;
margin: 0;
padding: 16px max(24px, env(safe-area-inset-right)) 16px max(24px, env(safe-area-inset-left));
display: flex;
align-items: center;
justify-content: space-between;
gap: 18px;
} .tsv-header__left{
display: flex;
align-items: center;
gap: 14px;
min-width: 0;
flex-wrap: nowrap;
} .tsv-header__logo{
display: inline-flex;
flex: 0 0 auto;
}
.tsv-header__logo-img{
height: 60px;
width: auto;
display: block;
} .tsv-header__badge{
display: inline-flex;
align-items: center;
flex: 0 1 auto;
min-width: 0;
border-radius: 999px;
overflow: hidden;
}
.tsv-header__badge-img{
height: clamp(40px, 5.2vw, 60px);
max-width: 155px;
width: auto;
display: block;
object-fit: cover;
border-radius: inherit;
} .tsv-header__social{
display: flex;
align-items: center;
gap: 10px;
flex: 0 0 auto;
white-space: nowrap;
}
.tsv-header__social-link{
display: inline-flex;
}
.tsv-header__social-img{
width: 20px;
height: 20px;
display: block;
} .tsv-header__right{
display: flex;
align-items: center;
gap: 16px;
flex: 0 0 auto;
} .tsv-header__menu{
display: flex;
align-items: center;
gap: 22px;
} .tsv-header__menu-link{
font-family: Oxygen, system-ui, sans-serif;
font-weight: 700;
font-size: clamp(1.125em, 1.125rem + ((1vw - 0.2em) * 0.125), 1.2em);
color: #F2F2F2;
padding: 6px 0;
text-decoration: none !important;
background: none !important;
border: none !important;
box-shadow: none !important;
transform: none;
transition: transform 0.18s ease, color 0.18s ease;
}
.tsv-header__menu-link strong{ font-weight: inherit; }
.tsv-header__menu-link:hover,
.tsv-header__menu-link:focus-visible{
color: #FF950A;
} .tsv-header__menu-link--cta{
color: #FF950A !important;
}
.tsv-header__menu-link--cta:hover,
.tsv-header__menu-link--cta:focus-visible{
color: #0BC163 !important;
transform: scale(1.08);
} .tsv-header__menu-link::before,
.tsv-header__menu-link::after{
content: none !important;
} .tsv-header__burger{
display: none;
background: transparent;
border: none;
padding: 10px;
cursor: pointer;
}
.tsv-header__burger:focus-visible{
outline: 3px solid #FF950A;
outline-offset: 3px;
}
.tsv-header__burger-lines{
position: relative;
width: 28px;
height: 2px;
background: #F2F2F2;
border-radius: 999px;
}
.tsv-header__burger-lines::before,
.tsv-header__burger-lines::after{
content: "";
position: absolute;
left: 0;
width: 28px;
height: 2px;
background: #F2F2F2;
border-radius: 999px;
}
.tsv-header__burger-lines::before{ top: -8px; }
.tsv-header__burger-lines::after{ top: 8px; } .tsv-header__burger-lines,
.tsv-header__burger-lines::before,
.tsv-header__burger-lines::after{
transition: transform 0.18s ease, top 0.18s ease, opacity 0.18s ease;
}
.tsv-header.is-open .tsv-header__burger-lines{
background: transparent;
}
.tsv-header.is-open .tsv-header__burger-lines::before{
top: 0;
transform: rotate(45deg);
}
.tsv-header.is-open .tsv-header__burger-lines::after{
top: 0;
transform: rotate(-45deg);
} .tsv-header__mobile-panel{
width: 100%;
background: #2C557E;
padding: 0 max(24px, env(safe-area-inset-right)) 16px max(24px, env(safe-area-inset-left));
}
.tsv-header__mobile-menu{
display: flex;
flex-direction: column;
align-items: center;
}
.tsv-header__mobile-link{
width: 100%;
text-align: center;
padding: 12px 0;
font-family: Oxygen, system-ui, sans-serif;
font-weight: 700;
color: #F2F2F2;
text-decoration: none !important;
border-top: 1px solid rgb(255 255 255 / 18%);
transition: transform 0.18s ease, color 0.18s ease;
}
.tsv-header__mobile-link:hover{
color: #FF950A;
}
.tsv-header__mobile-link--cta{
color: #FF950A !important;
}
.tsv-header__mobile-link--cta:hover{
color: #0BC163 !important;
transform: scale(1.06);
} @media (max-width: 860px){
.tsv-header__menu{ display: none; }
.tsv-header__burger{ display: inline-flex; }
.tsv-header__logo-img{ height: 52px; }
}
@media (max-width: 420px){
.tsv-header__badge-img{
height: clamp(34px, 8vw, 44px);
max-width: 130px;
}
.tsv-header__social{ gap: 8px; }
}  h2:is(.tsv-blue-h2, .tsv-green-h2, .tsv-orange-h2, .tsv-red-h2, .tsv-purple-h2) {
font-family: Oxygen, system-ui, sans-serif;
font-weight: 700;
line-height: 1.2;
padding: 0 0 0 var(--wp--preset--spacing--10);
}
h2:is(.tsv-blue-h2, .tsv-green-h2, .tsv-orange-h2, .tsv-red-h2, .tsv-purple-h2) strong {
font-weight: inherit;
}
.tsv-blue-h2   { color: #2C557E; }
.tsv-green-h2  { color: #0BC163; }
.tsv-orange-h2 { color: #FF950A; }
.tsv-red-h2    { color: #AC3931; }
.tsv-purple-h2 { color: #9E1AC4; } .wp-block-cover .tsv-hero-heading {
margin: 0;
line-height: 1.05;
text-align: center;
width: 100%;
}
.wp-block-cover .tsv-hero-name {
display: block;
font-family: Lastica, system-ui, sans-serif;
font-size: clamp(1.8rem, 6vw, 4.6rem);
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: #FFF;
text-shadow: 2px 2px 3px #2C557E;
white-space: nowrap;
}
.wp-block-cover .tsv-hero-sub {
display: block;
margin-top: 0.18em;
font-family: Lastica, system-ui, sans-serif;
font-size: clamp(1.2rem, 4vw, 3.1rem);
font-weight: 300;
letter-spacing: 0.10em;
text-transform: uppercase;
color: #FFF;
text-shadow: 2px 2px 3px #2C557E;
font-style: italic;
}
.wp-block-cover .tsv-hero-center {
margin: 0 auto;
width: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
padding: 2rem 0;
gap: 18px;
}
.wp-block-cover .tsv-hero-center .tsv-demo {
width: min(680px, 92%);
margin: 0 auto;
} .tsv-demo, .tsv-demo * { box-sizing: border-box; }
.tsv-demo {
width: min(100%, 720px);
max-width: min(640px, 100%);
margin: 0 auto;
display: flex;
align-items: center;
gap: clamp(10px, 1.2vw, 16px);
padding: clamp(10px, 1.2vw, 14px) clamp(12px, 1.6vw, 18px);
background-color: #FF950A;
border-radius: 999px;
box-shadow: 0 4px 15px rgb(0 0 0 / 25%);
}
.tsv-demo__btn, .tsv-demo__download {
width: clamp(40px, 4.2vw, 56px);
height: clamp(40px, 4.2vw, 56px);
border-radius: 50%;
background: #FFF;
border: none;
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
cursor: pointer;
}
.tsv-demo__meta {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 6px;
}
.tsv-demo__title {
font-weight: 800;
font-size: clamp(16px, 1.2vw, 20px);
line-height: 1.15;
color: #2C557E;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.tsv-demo__icon {
width: clamp(18px, 2.1vw, 26px);
height: clamp(18px, 2.1vw, 26px);
display: block;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.tsv-demo__icon--play { background-image: url(https://www.tylersmithvoice.com/wp-content/uploads/2025/12/Play.svg); }
.tsv-demo.is-playing .tsv-demo__icon--play { background-image: url(https://www.tylersmithvoice.com/wp-content/uploads/2025/12/Pause.svg); }
.tsv-demo__icon--download { background-image: url(https://www.tylersmithvoice.com/wp-content/uploads/2025/12/Download.svg); }
.tsv-demo__progress {
position: relative;
height: clamp(6px, 0.9vw, 10px);
border-radius: 999px;
background: rgb(255 255 255 / 55%);
overflow: hidden;
cursor: pointer;
}
.tsv-demo__progress-fill {
height: 100%;
width: 0%;
background: #2C557E;
border-radius: 999px;
}
.tsv-demo__marker {
position: absolute;
top: 0;
width: 2px;
height: 100%;
background: rgb(44 85 126 / 85%);
pointer-events: none;
} .tsv-demo__btn, .tsv-demo__download, .tsv-demo__progress-fill {
transition: transform 0.2s ease, box-shadow 0.2s ease, width 0.1s linear;
}
.tsv-demo__btn:hover,
.tsv-demo__download:hover,
.tsv-demo__btn:focus-visible,
.tsv-demo__download:focus-visible {
transform: scale(1.15);
box-shadow: 0 6px 12px rgba(0, 0, 0, 0.25);
z-index: 10;
}
.tsv-demo__btn:active,
.tsv-demo__download:active {
transform: scale(0.95);
}
.tsv-demo__btn:focus-visible,
.tsv-demo__download:focus-visible {
outline: 3px solid #2C557E;
outline-offset: 4px;
} .tsv-home-demos {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 15px 20px;
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 0 24px 20px 24px;
box-sizing: border-box;
}
.tsv-home-column {
flex: 1;
min-width: 320px;
display: flex;
flex-direction: column;
gap: 15px;
container-type: inline-size;
}
.tsv-home-demos .tsv-demo {
padding: 8px 15px;
width: 100%;
max-width: none;
margin: 0;
}
.tsv-home-demos .tsv-demo__btn,
.tsv-home-demos .tsv-demo__download {
width: 48px;
height: 48px;
}
.tsv-home-demos .tsv-demo__title {
font-family: Oxygen, sans-serif;
font-weight: 700;
font-size: 16px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@container (max-width: 380px) {
.tsv-home-demos .tsv-demo__title { font-size: 14px; }
.tsv-home-demos .tsv-demo {
gap: 10px;
padding-left: 10px;
padding-right: 10px;
}
} .tsv-political-demo {
background-color: #BF3A3A !important;
box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6) !important;
}
.tsv-political-demo .tsv-demo__title { color: #FFFFFF !important; } .tsv-profile-pic img {
width: min(240px, calc(100% - 50px));
height: auto !important;
border-radius: 12px;
box-shadow: 0 0 20px 5px rgba(255, 255, 255, 0.6);
display: block;
margin: 0 auto;
} @media screen and (width <= 600px) {
.tsv-demo {
padding: 10px 15px;
width: 95%;
}
.tsv-demo__title { font-size: 15px; }
.grecaptcha-badge { display: none !important; }
}
@media screen and (max-width: 688px) {
.tsv-home-demos { gap: 15px; }
}
@media screen and (max-width: 360px) {
.tsv-home-demos .tsv-demo__title { font-size: 13px; }
} @media (prefers-reduced-motion: reduce) {
.tsv-demo__btn,
.tsv-demo__download,
.tsv-demo__progress-fill {
transition: none;
}
.tsv-demo__btn:hover,
.tsv-demo__download:hover,
.tsv-demo__btn:focus-visible,
.tsv-demo__download:focus-visible {
transform: none;
}
}  .tsv-flip-grid{
display:grid; grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));
gap:clamp(24px, 4vw, 48px);
justify-items:center;
align-items:start;
padding-top:15px;
padding-bottom:15px;
} .tsv-flip-card{
--tsv-flip-size: clamp(280px, 28vw, 320px);
--tsv-flip-ring: 3px;
--tsv-blue: #2c557e; --tsv-green: #0BC163; --tsv-orange: #FF950A; width:100%;
max-width:var(--tsv-flip-size);
aspect-ratio:1 / 1;
perspective:1280px;
}
.tsv-flip-inner{
position:relative;
width:100%;
height:100%;
transform-style:preserve-3d;
transition:transform .8s ease-in-out;
} .tsv-flip-card:hover .tsv-flip-inner,
.tsv-flip-card:focus-within .tsv-flip-inner{
transform:rotateY(180deg);
} .tsv-flip-face{
position:absolute;
inset:0;
backface-visibility:hidden;
border-radius:50%;
background:#ffffff;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
text-align:center;
padding:clamp(18px, 4vw, 30px);
box-sizing:border-box;
} .tsv-flip-front{
border:var(--tsv-flip-ring) solid var(--tsv-green);
} .tsv-flip-back{
transform:rotateY(180deg);
border:var(--tsv-flip-ring) solid var(--tsv-orange);
} .tsv-flip-icon{
width:clamp(64px, 9vw, 120px);
height:clamp(64px, 9vw, 120px);
margin-bottom:clamp(10px, 2vw, 16px);
display:block;
} .tsv-flip-title{
font-family: Oxygen, system-ui, sans-serif;
font-weight:700;
font-size:clamp(28px, 2.2vw, 26px);
line-height:1.15;
color:var(--tsv-blue);
} .tsv-flip-back p{
margin:0;
font-family: Oxygen, system-ui, sans-serif;
font-size:clamp(16px, 1.6vw, 18px);
line-height:1.55;
color:var(--tsv-blue);
}
.tsv-flip-back-center{ text-align:center; }
.tsv-flip-back-left{ text-align:left; }