/*
Theme Name: Triumphant Live
Theme URI: https://www.triumphantlive.com
Author: Triumphant Live
Description: Official one-page website theme for Triumphant Live.
Version: 1.3.4
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: triumphant-live
*/

:root{--ink:#080808;--paper:#f4f0e8;--gold:#d8aa51;--muted:#9f9a90}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.tl-header{position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 4.5vw;border-bottom:1px solid #ffffff22}.tl-brand{display:flex;align-items:center}.tl-brand img{display:block;width:150px;height:58px;object-fit:cover;object-position:center 54%}.tl-nav{display:flex;align-items:center;gap:34px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.tl-nav a{opacity:.78;transition:.2s}.tl-nav a:hover,.tl-nav a:focus{opacity:1;color:var(--gold)}.tl-nav-cta{border:1px solid #ffffff55;padding:13px 18px}.tl-hero{min-height:100vh;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding:150px 8vw 90px;background:radial-gradient(circle at 76% 40%,#71532140 0,transparent 25%),linear-gradient(118deg,#070707 45%,#19140d 100%)}.tl-hero:after{content:"";position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#fff 1px,transparent 1px),linear-gradient(90deg,#fff 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,transparent,black)}.tl-hero-copy,.tl-eyebrow,.tl-hero-footer{position:relative;z-index:2}.tl-eyebrow,.tl-section-label{color:var(--gold);font-size:10px;letter-spacing:.28em;font-weight:700}.tl-hero-copy{max-width:980px;margin-top:38px}.tl-hero-kicker{font-family:Georgia,serif;color:#cbc2b4;font-size:18px;font-style:italic}.tl-hero h1{font-family:Georgia,serif;font-size:clamp(58px,8.2vw,126px);line-height:.89;letter-spacing:-.055em;margin:20px 0 32px;font-weight:400}.tl-hero h1 em,.tl-contact em{color:var(--gold);font-weight:400}.tl-hero-intro{max-width:650px;color:#bbb6ae;font-size:17px;line-height:1.75}.tl-hero-actions{display:flex;gap:14px;margin-top:40px}.tl-button{display:inline-flex;gap:30px;align-items:center;justify-content:center;padding:17px 22px;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;transition:.25s}.tl-button-gold{background:var(--gold);color:#100e0a}.tl-button-gold:hover,.tl-button-gold:focus{background:#edc26e;transform:translateY(-2px)}.tl-button-quiet{border:1px solid #ffffff44}.tl-button-quiet:hover,.tl-button-quiet:focus{border-color:var(--gold);color:var(--gold)}.tl-hero-footer{position:absolute;bottom:28px;left:8vw;right:8vw;display:flex;justify-content:space-between;color:#77736c;font-size:9px;letter-spacing:.2em}.tl-hero-footer a{color:#aaa49b}.tl-orbit{position:absolute;border:1px solid #d8aa5130;border-radius:50%;right:-15vw;top:10vh;width:60vw;aspect-ratio:1}.tl-orbit-two{width:42vw;right:-6vw;top:19vh}.tl-statement,.tl-partners{background:var(--paper);color:var(--ink);padding:120px 8vw;display:grid;grid-template-columns:1fr 2.2fr;gap:7vw}.tl-statement h2,.tl-section-heading h2,.tl-partner-copy h2,.tl-contact h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.035em;font-size:clamp(42px,5.4vw,78px);line-height:1.04;margin:0}.tl-statement h2 span{color:#a98645}.tl-statement>div>p{max-width:690px;color:#5f5b54;font-size:17px;line-height:1.8;margin:34px 0 0}.tl-platform{background:#0d0d0d;padding:120px 8vw}.tl-section-heading{display:grid;grid-template-columns:1fr 2.2fr;gap:7vw;margin-bottom:80px}.tl-steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #ffffff2a}.tl-steps article{padding:34px 26px 20px 0;border-right:1px solid #ffffff20;min-height:260px}.tl-steps article+article{padding-left:26px}.tl-steps span{color:var(--gold);font-family:Georgia,serif;font-style:italic}.tl-steps h3{font-family:Georgia,serif;font-size:29px;font-weight:400;margin:55px 0 15px}.tl-steps p{color:#8f8b84;line-height:1.7;font-size:13px;max-width:245px}.tl-focus{padding:120px 8vw;background:#15130f}.tl-focus-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:2px}.tl-focus-card{min-height:500px;padding:28px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:#1d1a15;border:1px solid #ffffff14}.tl-focus-card:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;border:1px solid #d8aa5155;right:-170px;top:65px;box-shadow:0 0 100px #d8aa5123}.tl-card-story:after{width:220px;height:440px;border-radius:50%;transform:rotate(25deg)}.tl-card-culture:after{border-radius:0;transform:rotate(45deg)}.tl-card-number{color:#777067;font-family:Georgia,serif;font-style:italic}.tl-focus-card p{color:var(--gold);font-size:9px;letter-spacing:.24em}.tl-focus-card h3{font-family:Georgia,serif;font-size:39px;font-weight:400;margin:12px 0}.tl-focus-card span{color:#9e9990;font-size:13px;line-height:1.5}.tl-partners{grid-template-columns:.6fr 1.4fr}.tl-partner-copy p{color:#5f5b54;max-width:680px;font-size:16px;line-height:1.8}.tl-partner-types{grid-column:2;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #c9c1b4;margin-top:20px}.tl-partner-types span{border-bottom:1px solid #c9c1b4;padding:22px 0;font-size:10px;letter-spacing:.16em}.tl-contact{padding:140px 8vw;text-align:center;background:radial-gradient(circle at center,#46341b 0,#0a0907 45%)}.tl-contact h2{font-size:clamp(58px,8vw,110px);margin:25px 0}.tl-contact>p:not(.tl-section-label){color:#9f9990;margin-bottom:38px}.tl-footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:35px 4.5vw;border-top:1px solid #ffffff20;color:#77736c;font-size:9px;letter-spacing:.14em}.tl-footer .tl-brand img{width:130px;height:62px}.tl-footer p:nth-child(2){text-align:center}.tl-footer p:last-child{text-align:right}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:800px){.tl-header{padding:20px}.tl-nav a:not(.tl-nav-cta){display:none}.tl-nav-cta{padding:10px 12px}.tl-header .tl-brand img{width:122px;height:48px}.tl-hero{padding:130px 24px 85px;min-height:92vh}.tl-hero-actions{flex-direction:column;align-items:stretch}.tl-hero-footer{left:24px;right:24px}.tl-hero-footer>a{display:none}.tl-statement,.tl-partners,.tl-section-heading{grid-template-columns:1fr;padding-left:24px;padding-right:24px}.tl-statement,.tl-partners,.tl-platform,.tl-focus,.tl-contact{padding-top:85px;padding-bottom:85px}.tl-section-heading{padding:0;gap:28px;margin-bottom:50px}.tl-steps{grid-template-columns:1fr 1fr}.tl-focus-grid{grid-template-columns:1fr}.tl-focus-card{min-height:340px}.tl-partner-types{grid-column:1;grid-template-columns:1fr}.tl-partners{gap:35px}.tl-footer{grid-template-columns:1fr;text-align:center;gap:22px}.tl-footer .tl-brand{justify-content:center}.tl-footer p:nth-child(2),.tl-footer p:last-child{text-align:center}}
@media(max-width:480px){.tl-steps{grid-template-columns:1fr}.tl-steps article{min-height:220px;border-right:0;border-bottom:1px solid #ffffff20;padding-left:0!important}.tl-hero-kicker{font-size:15px}}

/* Stage-light background requested for the Platform section. */
.tl-platform{position:relative;isolation:isolate;background-color:#0d0d0d;background-image:linear-gradient(rgba(6,6,6,.60),rgba(6,6,6,.68)),url('assets/gold-stage-lights.jpg');background-size:100% 100%;background-position:center;background-repeat:no-repeat}
.tl-platform:before{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.20),transparent 48%,rgba(0,0,0,.15))}
.tl-platform .tl-steps{background:rgba(7,7,7,.30);backdrop-filter:blur(1px)}
@media(max-width:800px){.tl-platform{background-position:center;background-size:cover;background-attachment:scroll}}

/* Centered globe treatment for the homepage hero. */
.tl-globe{position:absolute;z-index:1;width:min(29vw,450px);height:auto;right:.5vw;top:53%;transform:translateY(-50%);object-fit:contain;opacity:.72;filter:drop-shadow(0 0 18px rgba(216,170,81,.28));pointer-events:none}
@media(min-width:801px) and (max-width:1350px){.tl-hero-copy{max-width:58vw}.tl-hero h1{font-size:clamp(52px,6.4vw,86px);line-height:.92}.tl-hero-intro{max-width:52vw}.tl-globe{width:min(29vw,390px)}}
@media(max-width:800px){.tl-globe{width:55vw;right:-15vw;top:42%;opacity:.34;filter:drop-shadow(0 0 16px rgba(216,170,81,.28))}}
