html{
scroll-behavior: smooth;
}
/* ==========================
RESET
========================== */
*{
margin:0;
padding:0;
box-sizing:border-box;
}
html{
scroll-behavior:smooth;
}
body{
font-family:'Inter',sans-serif;
background:#F8F6F2;
color:#2d2d2d;
line-height:1.7;
}
/* ==========================
COMMON
========================== */
.container{
width:min(1180px,92%);
margin:auto;
}
section{
padding:100px 0;
}
h1,h2,h3{
font-family:'Playfair Display',serif;
font-weight:700;
}
.button{
display:inline-block;
padding:16px 36px;
background:#B58B35;
color:#fff;
text-decoration:none;
border-radius:20px;
font-weight:600;
transition:.3s;
transition:all .3s ease;
}
.button:hover{
background:#9B7429;
transform:translateY(-3px);
box-shadow:0 12px 25px rgba(0,0,0,.15);
}
/* ==========================
HEADER
========================== */
header{
position:relative;
top:0;
background:rgba(255,255,255,.96);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
z-index:1000;
border-bottom:1px solid rgba(0,0,0,.06);
box-shadow:0 8px 30px rgba(0,0,0,.04);
}
.navigation{
display:flex;
justify-content:flex-end;
align-items:center;
height:88px;
}
nav{
margin-right:20px;
}
.logo{
position:absolute;
top:-45px;
left:20px;
}
.logo img{
height:275px;
width:auto;
display:block;
}
.logo img:hover{
transform:scale(1.02);
}
.logo a{
text-decoration:none;
color:inherit;
}
.logo a:hover{
color:#B58B35;
}
nav ul{
list-style:none;
display:flex;
gap:42px;
align-items:center;
}
nav a{
text-decoration:none;
color:#2d2d2d;
font-weight:500;
font-size:15px;
letter-spacing:.2px;
transition:all .25s ease;
}
nav a:hover{
color:#B58B35;
}
nav a:hover{
color:#B58B35;
}
nav a.active{
color:#B58B35;
font-weight:600;
position:relative;
}
nav a.active::after{
content:"";
position:absolute;
left:0;
bottom:-8px;
width:100%;
height:2px;
background:#B58B35;
}
/* ==========================
HERO
========================== */
.hero{
padding:75px 0 130px;
min-height:calc(100vh - 78px);
display:flex;
align-items:center;
}
.hero-grid{
display:grid;
grid-template-columns:50% 50%;
align-items:center;
gap:0;
}
.hero-role{
color:#B58B35;
text-transform:uppercase;
letter-spacing:3px;
font-size:17px;
line-height:1.6;
margin-bottom:4px;
}
.hero-subrole{
color:#B58B35;
text-transform:uppercase;
letter-spacing:3px;
font-size:17px;
line-height:1.6;
margin-bottom:24px;
}
.hero h1{
font-size:75px;
line-height:1.08;
letter-spacing:-1.5px;
max-width:650px;
margin:0 0 34px;
}
.hero-text{
font-size:24px;
line-height:1.75;
color:#555;
max-width:540px;
margin-bottom:38px;
}
.hero-image{
display:flex;
justify-content:flex-end;
align-items:flex-end;
}
.hero-image img{
width:520px;
height:700px;
object-fit:cover;
object-position:center top;
border-radius:0;
display:block;
}
.hero-content{
margin-top:40px;
}
/* ==========================
HOW I CREATE IMPACT
========================== */
.impact{
background:#F8F6F2;
padding:90px 0;
}
.impact h2{
font-family:'Playfair Display', serif;
font-size:54px;
line-height:1.08;
letter-spacing:-1px;
max-width:850px;
margin:0 auto 28px;
text-align:center;
}
.impact-intro{
max-width:760px;
font-size:18px;
line-height:1.8;
color:#666;
margin:0 auto 55px;
text-align:center;
}
.impact-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:28px;
}
.impact-card{
background:#fff;
padding:30px;
border-radius:18px;
border:1px solid #ECE5D8;
box-shadow:0 8px 24px rgba(0,0,0,.05);
transition:all .3s ease;
}
.impact-card:hover{
transform:translateY(-5px);
box-shadow:0 16px 35px rgba(0,0,0,.10);
}
.impact-card h3{
font-size:28px;
margin-bottom:14px;
color:#1F1F1F;
}
.impact-card p{
font-size:16px;
line-height:1.75;
color:#666;
}
/* ==========================
MY JOURNEY
========================== */
.journey{
background:#F8F6F2;
padding:100px 0;
}
.journey-content{
max-width:760px;
margin:auto;
}
.journey h2{
font-family:'Playfair Display', serif;
font-size:54px;
line-height:1.08;
letter-spacing:-1px;
max-width:780px;
margin-bottom:30px;
}
.journey p{
font-size:18px;
line-height:1.9;
color:#666;
margin-bottom:24px;
}
.journey blockquote{
font-family:'Playfair Display', serif;
font-size:38px;
line-height:1.35;
color:#1F1F1F;
margin:55px 0 45px;
padding-left:35px;
border-left:3px solid #B58B35;
font-style:italic;
}
.journey .button{
margin-top:25px;
}
/* ==========================
UPCOMING WORKSHOPS
========================== */
.workshops{
background:#F3F0EA;
padding:100px 0;
text-align:center;
}
.workshops h2{
font-family:'Playfair Display', serif;
font-size:54px;
line-height:1.08;
letter-spacing:-1px;
max-width:850px;
margin:0 auto 55px;
}
.workshop-empty{
max-width:820px;
margin:auto;
background:#ffffff;
padding:70px;
border-radius:24px;
border:1px solid #ECE5D8;
box-shadow:0 12px 35px rgba(0,0,0,.06);
}
.workshop-empty h3{
font-size:34px;
margin-bottom:25px;
color:#1F1F1F;
}
.workshop-empty p{
font-size:18px;
line-height:1.9;
color:#666;
margin-bottom:22px;
}
.workshop-empty .button{
margin-top:18px;
}
/* ==========================
CONVERSATIONS FROM THE DRIVER'S SEAT
========================== */
.drivers-seat{
background:#1B1B1B;
color:#ffffff;
padding:110px 0;
text-align:center;
}
.drivers-seat .section-label{
color:#C49A3A;
}
.drivers-seat h2{
font-family:'Playfair Display', serif;
font-size:56px;
line-height:1.12;
letter-spacing:-1px;
max-width:920px;
margin:0 auto 35px;
color:#ffffff;
}
.drivers-intro{
max-width:820px;
margin:0 auto 70px;
font-size:20px;
line-height:1.9;
color:rgba(255,255,255,.78);
}
.video-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-bottom:60px;
}
.video-card{
background:#262626;
border-radius:18px;
overflow:hidden;
transition:.35s;
text-align:left;
}
.video-card:hover{
transform:translateY(-8px);
box-shadow:0 25px 45px rgba(0,0,0,.35);
}
.video-thumb{
aspect-ratio:16/9;
background:#3A3A3A;
}
.video-card h3{
padding:28px 28px 12px;
color:#fff;
font-size:24px;
line-height:1.35;
}
.video-card a{
display:inline-block;
padding:0 28px 30px;
color:#C49A3A;
text-decoration:none;
font-weight:600;
}
.drivers-seat .button{
margin-top:10px;
}
/* ==========================
INSIGHTS
========================== */
.insights{
background:#F8F6F2;
padding:100px 0;
text-align:center;
}
.insights .container{
max-width:1200px;
}
.insights h2{
font-family:'Playfair Display', serif;
font-size:54px;
line-height:1.08;
letter-spacing:-1px;
max-width:760px;
margin:0 auto 30px;
}
.insights-intro{
max-width:780px;
margin:0 auto 65px;
font-size:18px;
line-height:1.9;
color:#666;
}
.insights-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.insight-card{
background:#ffffff;
border-radius:20px;
overflow:hidden;
text-align:left;
border:1px solid #ECE5D8;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.35s;
display:flex;
flex-direction:column;
}
.insight-card:hover{
transform:translateY(-8px);
box-shadow:0 20px 40px rgba(0,0,0,.10);
}
.insight-image{
aspect-ratio:16/9;
background:#D9D9D9;
}
.insight-card h3{
font-size:24px;
line-height:1.35;
margin:28px 28px 16px;
color:#1F1F1F;
}
.insight-card p{
font-size:16px;
line-height:1.75;
color:#666;
margin:0 28px 24px;
}
.insight-card a{
display:inline-block;
margin:0 28px 30px;
text-decoration:none;
color:#B58B35;
font-weight:600;
}
.section-button{
margin-top:60px;
text-align:center;
}
.section-button .button{
display:inline-block;
}
/* ==========================
CREDIBILITY
========================== */
.credibility{
background:#ffffff;
padding:140px 0;
}
.credibility .container{
width:min(1200px,92%);
}
.credibility h2{
font-size:50px;
line-height:1.2;
margin-bottom:30px;
}
.credibility-text{
max-width:760px;
font-size:20px;
color:#666;
margin-bottom:80px;
}
.stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
}
.stat-card{
background:#F8F6F2;
border-radius:20px;
padding:60px 30px;
text-align:center;
transition:.3s;
min-height:220px;
}
.stat-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.stat-card h3{
font-size:80px;
line-height:0.95;
font-weight:700;
margin-bottom:20px;
}
.stat-card p{
font-size:16px;
line-height:1.6;
color:#5B5B5B;
}
/* ==========================
TESTIMONIALS
========================== */
.testimonials{
background:#F8F6F2;
}
.testimonials h2{
font-size:50px;
line-height:1.2;
margin-bottom:30px;
}
.testimonials-intro{
max-width:760px;
font-size:20px;
color:#666;
margin-bottom:70px;
}
.testimonial-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.testimonial-card{
background:#fff;
border-radius:20px;
padding:38px;
box-shadow:0 8px 30px rgba(0,0,0,.06);
transition:.35s ease;
display:flex;
flex-direction:column;
height:100%;
}
.stars{
color:#B58B35;
font-size:24px;
margin-bottom:20px;
}
.quote{
font-size:21px;
line-height:1.8;
color:#444;
margin-bottom:35px;
font-style:italic;
}
.testimonial-card h4{
font-size:22px;
margin-bottom:6px;
}
.testimonial-card span{
color:#777;
font-size:16px;
}
/* ==========================
FEATURED IN
========================== */
.featured{
background:#F8F6F2;
}
.featured .container{
max-width:1000px;
}
.featured h2{
font-size:50px;
line-height:1.2;
margin-bottom:30px;
}
.featured-card{
display:flex;
align-items:center;
gap:50px;
background:#fff;
border-radius:20px;
padding:45px;
box-shadow:0 12px 35px rgba(0,0,0,.05);
}
.featured-logo{
min-width:220px;
font-size:34px;
font-weight:700;
color:#B58B35;
text-align:center;
}
.featured-content h3{
font-size:30px;
margin-bottom:18px;
}
.featured-content p{
font-size:18px;
color:#666;
margin-bottom:24px;
}
.featured-content a{
color:#B58B35;
text-decoration:none;
font-weight:600;
}
/* ==========================
UPCOMING LEARNING
========================== */
.upcoming{
background:#F8F6F2;
text-align:center;
}
.upcoming .container{
max-width:900px;
}
.upcoming h2{
font-size:50px;
line-height:1.2;
margin-bottom:30px;
}
.upcoming-text{
font-size:20px;
color:#666;
margin-bottom:24px;
}
.upcoming .button{
margin-top:30px;
}
/* ==========================
CONNECT
========================== */
#connect{
background:#0f0f0f;
color:#fff;
padding:70px 0 20px;
}
.footer-main{
display:grid;
grid-template-columns:1fr auto;
justify-content:space-between;
align-items:start;
margin-bottom:45px;
}
.footer-left h2{
font-size:2.5rem;
font-weight:300;
margin-bottom:20px;
}
.footer-left p{
color:rgba(255,255,255,.72);
line-height:1.8;
max-width:520px;
}
.footer-right{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:16px;
}
.footer-right a,
.footer-right span{
color:#B58B35;
text-decoration:none;
font-size:1.05rem;
transition:.3s;
}
.footer-right a:hover{
color:#B58B35;
}
.footer-location{
color:#B58B35;
opacity:.8;
}
.footer-social{
display:flex;
justify-content:center;
gap:35px;
margin-bottom:25px;
}
.footer-social a{
color:rgba(255,255,255,.75);
text-decoration:none;
font-size:.9rem;
letter-spacing:1.5px;
text-transform:uppercase;
}
.footer-right a:hover{
opacity:.75;
}
.copyright{
text-align:center;
border-top:1px solid rgba(255,255,255,.08);
padding-top:18px;
color:rgba(255,255,255,.45);
font-size:.85rem;
}
/* ==========================
FOR INDIVIDUALS
========================== */
.individuals{
background:#ffffff;
}
.individuals .container{
max-width:1000px;
}
.individuals h2{
font-size:50px;
line-height:1.2;
max-width:850px;
margin:0 auto 30px;
text-align:center;
}
.individuals-intro{
font-size:20px;
line-height:1.8;
color:#666;
max-width:760px;
margin:0 auto 60px;
text-align:center;
}
.individual-card{
background:#F8F6F2;
border-radius:20px;
padding:60px;
transition:.3s;
text-align:center;
}
.individual-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.individual-card h3{
font-size:36px;
margin-bottom:24px;
}
.individual-card p{
font-size:19px;
line-height:1.8;
color:#555;
margin-bottom:40px;
}
/* ==========================
AUDIENCE
========================== */
.audience{
background:#ffffff;
padding:120px 0;
}
.audience .container{
max-width:1200px;
}
.audience h2{
font-size:50px;
line-height:1.2;
margin-bottom:25px;
}
.audience .section-label{
margin-bottom:20px;
}
.audience-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:28px;
margin-top:60px;
}
.audience-item{
background:#F8F6F2;
padding:40px;
border-radius:20px;
transition:.3s;
}
.audience-item:hover{
transform:translateY(-8px);
box-shadow:0 18px 40px rgba(0,0,0,.08);
}
.audience-item h3{
font-family:"Playfair Display",serif;
font-size:30px;
margin-bottom:18px;
color:#222;
}
.audience-item p{
font-size:18px;
line-height:1.8;
color:#666;
margin:0;
}
/* ==========================
THE PROBLEM
========================== */
.problem{
background:#F8F6F2;
}
.problem .container{
max-width:1200px;
}
.problem h2{
font-size: 44px;
max-width: 900px;
margin-bottom:60px;
}
.problem-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}
.problem-card{
background:#ffffff;
padding:35px 40px;
border-radius:20px;
font-size:22px;
line-height:1.6;
color:#333;
box-shadow:0 10px 30px rgba(0,0,0,.05);
transition:.3s;
}
.problem-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.08);
}
/* ==========================
COACHING EXPERIENCE
========================== */
.experience{
background:#ffffff;
}
.experience .container{
max-width:1150px;
}
.experience h2{
font-size:46px;
line-height:1.2;
margin-bottom:28px;
}
.experience-intro{
max-width:850px;
font-size:20px;
line-height:1.8;
color:#666;
margin-bottom:60px;
}
.experience-grid{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:30px;
}
.experience-card{
background:#F8F6F2;
padding:38px;
border-radius:20px;
transition:.3s;
}
.experience-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.experience-card h3{
font-size:30px;
margin-bottom:18px;
}
.experience-card p{
font-size:18px;
line-height:1.8;
color:#666;
}
/* ==========================
CTA
========================== */
.cta{
background:#1f1f1f;
color:#fff;
text-align:center;
}
.cta .container{
max-width:900px;
}
.cta h2{
font-size:52px;
line-height:1.2;
margin-bottom:30px;
color:#fff;
}
.cta-text{
font-size:21px;
line-height:1.9;
color:#d4d4d4;
margin-bottom:50px;
}
.story-section{
background:#fff;
}
.narrow{
max-width:950px;
}
.story-section h2{
font-size:52px;
line-height:1.25;
margin-bottom:35px;
}
.story-section p{
font-size:21px;
line-height:1.9;
color:#555;
}
.story-section.light{
background:#F8F6F2;
}
/* ==========================
Statistics
========================== */
.stat{
padding:30px 15px;
}
.stat h2{
font-size:72px;
line-height:1;
margin-bottom:18px;
}
.stat p{
font-size:17px;
line-height:1.5;
max-width:180px;
margin:0 auto;
color:#666;
}
.stat{
transition:.3s;
}
.stat:hover{
transform:translateY(-6px);
}
/* ==========================
FEATURED ARTICLE
========================== */
.featured-article{
background:#ffffff;
}
.article-card{
display:grid;
grid-template-columns:42% 58%;
gap:50px;
align-items:center;
}
.article-image img{
width:100%;
border-radius:20px;
display:block;
}
.article-category{
color:#B58B35;
text-transform:uppercase;
letter-spacing:2px;
font-size:13px;
font-weight:600;
margin-bottom:18px;
}
.article-content h2{
font-size:46px;
line-height:1.2;
margin-bottom:25px;
}
.article-content p{
font-size:20px;
line-height:1.8;
color:#666;
margin-bottom:35px;
}
/* ==========================
INSIGHT CATEGORIES
========================== */
.categories{
background:#ffffff;
}
.categories-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:40px;
}
.category-card{
background:#F8F6F2;
border-radius:20px;
padding:40px;
text-align:center;
font-family:"Playfair Display", serif;
font-size:30px;
transition:.3s;
}
.category-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
/* ==========================
ARTICLES
========================== */
.articles{
background:#F8F6F2;
}
.articles h2{
font-size:50px;
line-height:1.2;
margin-bottom:50px;
}
.articles-grid{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
}
.article-item{
background:#ffffff;
border-radius:20px;
padding:40px;
transition:.3s;
}
.article-item:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.article-item h3{
font-size:30px;
margin-bottom:20px;
}
.article-item p{
font-size:18px;
line-height:1.8;
color:#666;
margin-bottom:30px;
}
.article-item a{
color:#B58B35;
text-decoration:none;
font-weight:600;
}
/* ==========================
MOBILE
========================== */
@media (max-width: 992px){
.hero-grid,
.impact-grid,
.experience-grid,
.problem-grid,
.testimonial-grid,
.articles-grid,
.video-grid,
.trusted-grid,
.categories-grid,
.stats-grid,
.footer-grid{
grid-template-columns:1fr;
}
.hero{
padding:60px 0;
}
.hero-image{
order:-1;
text-align:center;
}
.hero-image img{
max-width:380px;
}
.hero h1{
font-size:36px;
line-height:1.15;
text-align:center;
}
h2{
font-size:38px !important;
}
nav ul{
flex-wrap:wrap;
justify-content:center;
gap:18px;
}
.navigation{
flex-direction:column;
height:auto;
padding:20px 0;
}
.logo{
margin-bottom:20px;
}
}
/*====================================================
MY PHILOSOPHY
====================================================*/
.philosophy{
display:grid;
grid-template-columns:50% 50%;
min-height:640px;
background:#F8F6F2;
}
.philosophy-left{
display:flex;
align-items:flex-start;
justify-content:center;
padding:45px 55px 20px;
}
.philosophy-content{
max-width:560px;
}
.section-tag{
display:block;
font-size:15px;
letter-spacing:4px;
color:#B58B35;
text-transform:uppercase;
margin-bottom:18px;
font-weight:600;
}
.gold-line{
width:55px;
height:2px;
background:#B58B35;
margin-bottom:25px;
}
.philosophy h2{
font-family:'Playfair Display', serif;
font-size:54px;
line-height:0.95;
letter-spacing:-1px;
font-weight:600;
margin-bottom:22px;
color:#1f1f1f;
}
.philosophy h2 span{
display:block;
margin-top:8px;
color:#B58B35;
font-style:italic;
font-weight:500;
}
.philosophy-content>p{
font-size:16px;
line-height:1.75;
color:#666;
margin-bottom:28px;
max-width:500px;
}
.philosophy-features{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:18px;
}
.feature{
text-align:center;
padding:0 8px;
}
.feature-icon{
width:54px;
height:54px;
border-radius:50%;
background:#EFE4CF;
display:flex;
justify-content:center;
align-items:center;
margin:0 auto 12px;
font-size:22px;
}
.feature h3{
font-size:16px;
margin-bottom:6px;
}
.feature p{
font-size:13px;
line-height:1.5;
color:#666;
}
.philosophy-right{
position:relative;
overflow:hidden;
}
.philosophy-right img{
width:100%;
height:100%;
object-fit:cover;
object-position:center 10%;
display:block;
}
.quote-box{
position:absolute;
right:28px;
bottom:28px;
width:320px;
background:#1F1F1F;
color:#fff;
padding:28px;
border-radius:16px;
border:2px solid #B58B35;
box-shadow:0 18px 35px rgba(0,0,0,.28);
}
.quote-mark{
font-size:70px;
color:#B58B35;
line-height:1;
}
.quote-box p{
font-size:18px;
line-height:1.6;
color:#fff;
margin:15px 0 25px;
}
.quote-box span{
color:#B58B35;
font-style:italic;
}
.quote-name{
color:#B58B35;
font-size:12px;
letter-spacing:.5px;
}
.section-label{
text-align:center;
display:block;
width:100%;
}
/* ==========================
GLOBAL CENTRE ALIGNMENT
========================== */
.journey-content,
.featured-content,
.testimonials-content,
.audience-content,
.individuals .container{
text-align:center;
}
.journey-content h2,
.featured-content h2,
.testimonials-content h2,
.audience-content h2,
.individuals h2{
margin-left:auto;
margin-right:auto;
}
.journey-content p,
.featured-content p,
.testimonials-content p,
.audience-content p,
.individuals-intro{
margin-left:auto;
margin-right:auto;
}
/* ======================================
CENTRE ALL SECTION HEADINGS
====================================== */
.story-section .container,
.impact .container,
.individuals .container,
.journey .container,
.workshops .container,
.drivers-seat .container,
.insights .container,
.featured .container,
.testimonials .container,
.audience .container{
text-align:center;
}
.story-section h2,
.impact h2,
.individuals h2,
.journey h2,
.workshops h2,
.drivers-seat h2,
.insights h2,
.featured h2,
.testimonials h2,
.audience h2{
margin-left:auto;
margin-right:auto;
}
.story-section p,
.impact-intro,
.individuals-intro,
.journey p,
.workshops p,
.drivers-intro,
.insights-intro,
.testimonials .section-intro{
margin-left:auto;
margin-right:auto;
}
.story-section p{
text-align:center;
}
.story-section blockquote{
text-align:center;
}
/* ==========================
YOUTUBE VIDEOS
========================== */
.video-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;
margin-top:50px;
}
.video-card{
display:block;
background:#F8F6F2;
border-radius:20px;
overflow:hidden;
text-decoration:none;
color:#222;
transition:.3s;
box-shadow:0 10px 30px rgba(0,0,0,.06);
}
.video-card:hover{
transform:translateY(-6px);
box-shadow:0 18px 40px rgba(0,0,0,.12);
}
.video-card img{
width:100%;
display:block;
}
.video-info{
padding:24px;
}
.video-info h3{
font-size:22px;
line-height:1.4;
color:#222;
margin-bottom:16px;
min-height:3.2em;
overflow:hidden;
}
.video-info span{
color:#B8892D;
font-weight:600;
}
/* Hero Buttons */
.hero-buttons{
display:flex;
gap:18px;
justify-content:center;
align-items:center;
flex-wrap:wrap;
margin-top:40px;
}
.button-outline{
background:transparent;
color:#222;
border:1.5px solid #B58B35;
}
.button-outline:hover{
background:#B58B35;
color:#fff;
}
.journey-quote{
display:block;
width:100%;
margin:90px auto 0;
text-align:center;
font-family:"Playfair Display", serif;
font-size:46px;
font-style:italic;
font-weight:600;
line-height:1.25;
letter-spacing:-0.5px;
color:#B58B35;
}
/*==========================
EXPERIENCE CARDS
==========================*/
.stats-section{
padding:70px 0 30px;
background:transparent;
}
.stats-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
}
.stat-card{
background:#F8F4EC;
border:1px solid #E6D8BE;
border-radius:18px;
padding:40px 25px;
text-align:center;
transition:.3s ease;
}
.stat-card:hover{
transform:translateY(-6px);
box-shadow:0 15px 35px rgba(0,0,0,.08);
}
.stat-card h2{
font-family:"Playfair Display",serif;
font-size:58px;
color:#B58B35;
margin-bottom:12px;
line-height:1;
}
.stat-card p{
font-size:18px;
line-height:1.5;
color:#444;
font-weight:500;
margin:0;
}
/*====================================================
FOR INDIVIDUALS PAGE
====================================================*/
.individual-hero{
background:#faf8f3;
padding:70px 0 260px;
position:relative;
}
.individual-hero .container{
max-width:1320px;
margin:0 auto;
padding:0 40px;
display:grid;
grid-template-columns:46% 54%;
align-items:center;
gap:70px;
}
.individual-left{
max-width:560px;
}
.individual-label{
display:inline-block;
font-size:18px;
letter-spacing:2px;
text-transform:uppercase;
color:#b0822d;
margin-bottom:20px;
}
.individual-divider{
width:70px;
height:2px;
background:#b0822d;
margin-bottom:40px;
}
.individual-left h1{
font-size:74px;
line-height:1.05;
font-weight:700;
color:#111;
margin-bottom:34px;
}
.individual-left h1 span{
color:#b0822d;
}
.individual-left p{
font-size:21px;
line-height:1.9;
color:#555;
max-width:540px;
}
.individual-right{
display:flex;
justify-content:flex-end;
}
.individual-right img{
width:100%;
max-width:760px;
height:720px;
object-fit:cover;
border-radius:22px;
display:block;
}
/*====================================================
SPEAK WITHOUT FEAR CARD
====================================================*/
.individual-hero{
position:relative;
}
.swf-card{
max-width:980px;
margin:-170px auto 0;
background:#fff;
border-radius:28px;
box-shadow:0 18px 45px rgba(0,0,0,.08);
display:grid;
grid-template-columns:90px 1fr 240px;
gap:28px;
align-items:center;
padding:35px 40px;
position:relative;
z-index:10;
}
.swf-icon{
display:flex;
justify-content:center;
align-items:center;
border-right:1px solid #ddd;
height:120px;
}
.quote-circle{
width:58px;
height:58px;
border:2px solid #B8872B;
border-radius:50%;
display:flex;
justify-content:center;
align-items:center;
font-size:34px;
color:#B8872B;
}
.swf-content h2{
font-size:32px;
margin-bottom:12px;
font-family:'Playfair Display', serif;
color:#111;
}
.swf-content p{
font-size:17px;
line-height:1.8;
color:#555;
max-width:520px;
}
.swf-button{
display:flex;
justify-content:flex-end;
align-items:center;
}
.gold-button{
background:#B8872B;
color:#fff;
text-decoration:none;
padding:16px 24px;
border-radius:10px;
font-size:16px;
font-weight:600;
display:inline-flex;
align-items:center;
gap:10px;
}
.gold-button:hover{
transform:translateY(-3px);
background:#a87923;
}
.trusted{
padding-top:130px;
}
.training-contact{
margin-top:55px;
}
.training-contact h3{
font-family:'Playfair Display', serif;
font-size:40px;
font-weight:700;
color:#111;
margin:0 0 28px;
}
.training-contact .contact-options{
display:flex;
gap:18px;
flex-wrap:wrap;
}
.training-contact .contact-option{
width:170px;
height:62px;
display:flex;
justify-content:center;
align-items:center;
background:#B88A2D;
color:#fff;
text-decoration:none;
border-radius:12px;
font-size:18px;
font-weight:600;
transition:.3s;
}
.training-contact .contact-option:hover{
background:#9E7729;
transform:translateY(-4px);
}
/*==========================================
TRAINING AREAS
==========================================*/
.experience-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:24px;
margin-top:60px;
}
.experience-card{
background:#FAF8F4;
border:1px solid #EEE6D8;
border-radius:18px;
padding:26px 22px;
min-height:200px;
transition:.3s;
}
.experience-card:hover{
transform:translateY(-6px);
box-shadow:0 16px 35px rgba(0,0,0,.06);
}
.experience-card h3{
font-family:'Playfair Display', serif;
font-size:26px;
line-height:1.2;
color:#111;
margin:0 0 14px;
}
.experience-card p{
font-size:16px;
line-height:1.65;
color:#666;
margin:0;
}
.experience .section-label{
text-align:center;
}
.experience h2{
text-align:center;
max-width:900px;
margin:0 auto 28px;
}
.experience-intro{
max-width:850px;
margin:0 auto 60px;
text-align:center;
}