/*==================================================
ALLUVI DESIGN SYSTEM V2
Built for WoodMart
==================================================*/

.au-page,
.au-page *{
    box-sizing:border-box;
}

.au-page img{
    max-width:100%;
    height:auto;
    display:block;
}

.au-page a{
    text-decoration:none;
}

.au-page ul{
    list-style:none;
    margin:0;
    padding:0;
}


.au-page{

--au-primary:#F7931E;

--au-primary-dark:#DD7A07;

--au-primary-light:#FFF6EB;

--au-dark:#111827;

--au-text:#475569;

--au-light:#64748B;

--au-white:#ffffff;

--au-bg:#F8FAFC;

--au-border:#E5E7EB;

--au-radius:20px;

--au-radius-lg:34px;

--au-shadow:

0 12px 35px rgba(15,23,42,.08);

--au-shadow-lg:

0 30px 70px rgba(15,23,42,.12);

--au-container:1280px;

--au-section:130px;

}


.au-container{

width:min(100% - 40px,var(--au-container));

margin:auto;

}

.au-section{

padding:var(--au-section) 0;

position:relative;

}

.au-section-light{

background:var(--au-bg);

}

.au-section-dark{

background:#0F172A;

color:white;

}



.au-page{

font-family:
Inter,
system-ui,
sans-serif;

font-size:16px;

line-height:1.8;

color:var(--au-text);

}

.au-page h1,
.au-page h2,
.au-page h3{

font-weight:800;

line-height:1.1;

letter-spacing:-.03em;

color:var(--au-dark);

}

.au-page h1{

font-size:
clamp(3rem,6vw,5.4rem);

}

.au-page h2{

font-size:
clamp(2.3rem,4vw,3.8rem);

}

.au-page h3{

font-size:2rem;

}

.au-page p{

margin-bottom:24px;

}

.au-badge{

display:inline-block;

padding:10px 22px;

border-radius:50px;

background:var(--au-primary-light);

color:var(--au-primary);

font-size:.82rem;

font-weight:700;

letter-spacing:.12em;

text-transform:uppercase;

margin-bottom:22px;

}



.au-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:18px 36px;

border-radius:999px;

font-weight:700;

transition:.35s;

}

.au-btn-primary{

background:var(--au-primary);

color:white;

}

.au-btn-primary:hover{

background:var(--au-primary-dark);

transform:translateY(-4px);

}

.au-btn-outline{

border:2px solid var(--au-border);

color:var(--au-dark);

background:white;

}

.au-btn-outline:hover{

background:var(--au-dark);

color:white;

}



/*==================================================
MODULE 6
HERO
==================================================*/

.au-hero{

    position:relative;

    padding:140px 0;

    overflow:hidden;

    background:linear-gradient(
        180deg,
        #ffffff 0%,
        #F8FAFC 100%
    );

}

.au-hero-grid{

    display:grid;

    grid-template-columns:1.1fr .9fr;

    gap:80px;

    align-items:center;

}

.au-hero-content{

    position:relative;

    z-index:2;

}

.au-hero-content h1{

    margin-bottom:30px;

}

.au-hero-content p{

    max-width:650px;

    font-size:1.15rem;

    color:var(--au-light);

}

.au-hero-buttons{

    display:flex;

    gap:18px;

    margin-top:40px;

    flex-wrap:wrap;

}

.au-hero-image{

    position:relative;

    display:flex;

    justify-content:center;

}

.au-hero-image img{

    max-width:520px;

    width:100%;

    transition:.5s;

}

.au-hero-image img:hover{

    transform:translateY(-10px);

}


/*==================================================
EDITORIAL
==================================================*/

.au-editorial{

    padding:120px 0;

}

.au-editorial-grid{

    display:grid;

    grid-template-columns:1fr 1fr;

    gap:90px;

    align-items:center;

}

.au-editorial-image img{

    width:100%;

    border-radius:30px;

    box-shadow:var(--au-shadow-lg);

}

.au-editorial-content{

    max-width:650px;

}

.au-editorial-content h2{

    margin-bottom:25px;

}

.au-editorial-content ul{

    margin-top:30px;

}

.au-editorial-content li{

    padding:16px 0;

    border-bottom:1px solid var(--au-border);

    position:relative;

    padding-left:28px;

}

.au-editorial-content li::before{

    content:"✓";

    position:absolute;

    left:0;

    color:var(--au-primary);

    font-weight:700;

}


/*==================================================
CARDS
==================================================*/

.au-card{

    background:#fff;

    border:1px solid var(--au-border);

    border-radius:28px;

    padding:40px;

    box-shadow:var(--au-shadow);

    transition:.35s;

    height:100%;

}

.au-card:hover{

    transform:translateY(-8px);

    box-shadow:var(--au-shadow-lg);

}

.au-card h3{

    margin:20px 0 15px;

}

.au-card p{

    color:var(--au-light);

    margin:0;

}


/*==================================================
FEATURE GRID
==================================================*/

.au-feature-grid{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.au-feature{

    text-align:left;

}

.au-feature-icon{

    width:70px;

    height:70px;

    display:flex;

    align-items:center;

    justify-content:center;

    border-radius:50%;

    background:var(--au-primary-light);

    color:var(--au-primary);

    margin-bottom:25px;

    font-size:30px;

}



/*==================================================
TRUST
==================================================*/

.au-trust{

    background:var(--au-bg);

}

.au-trust-grid{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.au-trust-item{

    text-align:center;

    padding:35px;

}

.au-trust-number{

    font-size:3rem;

    font-weight:800;

    color:var(--au-primary);

    line-height:1;

}

.au-trust-title{

    margin-top:15px;

    font-weight:700;

    color:var(--au-dark);

}

.au-trust-text{

    font-size:.95rem;

    color:var(--au-light);

    margin-top:12px;

}


/*==================================================
COLLECTION BANNER
==================================================*/

.au-banner{

    border-radius:40px;

    padding:70px;

    background:linear-gradient(
        135deg,
        #111827,
        #1F2937
    );

    color:#fff;

}

.au-banner h2{

    color:#fff;

}

.au-banner p{

    color:rgba(255,255,255,.8);

    max-width:700px;

}


/*==================================================
PRODUCT WRAPPER
==================================================*/

.au-products{

    padding:120px 0;

}

.au-products-header{

    text-align:center;

    max-width:800px;

    margin:0 auto 60px;

}

.au-products-wrapper{

    margin-top:50px;

}


/*==================================================
KNOWLEDGE CENTRE
==================================================*/

.au-articles{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:35px;

}

.au-article{

    overflow:hidden;

    border-radius:24px;

    background:#fff;

    box-shadow:var(--au-shadow);

}

.au-article img{

    width:100%;

}

.au-article-content{

    padding:30px;

}

.au-article-meta{

    font-size:.8rem;

    color:var(--au-primary);

    text-transform:uppercase;

    font-weight:700;

    margin-bottom:15px;

}


/*==================================================
FAQ
==================================================*/

.au-faq{

    max-width:900px;
    margin:0 auto;

}

.au-faq-item{

    background:#fff;

    border:1px solid var(--au-border);

    border-radius:18px;

    margin-bottom:18px;

    overflow:hidden;

    transition:.3s;

}

.au-faq-item.active{

    box-shadow:var(--au-shadow);

}

.au-faq-question{

    cursor:pointer;

    padding:28px 70px 28px 30px;

    position:relative;

    font-size:1.1rem;

    font-weight:600;

}

.au-faq-question:after{

    content:"+";

    position:absolute;

    right:30px;

    top:50%;

    transform:translateY(-50%);

    font-size:32px;

    font-weight:300;

    color:var(--au-primary);

    transition:.3s;

}

.au-faq-item.active .au-faq-question:after{

    content:"−";

}

.au-faq-answer{

    max-height:0;

    overflow:hidden;

    padding:0 30px;

    transition:max-height .35s ease;

    color:var(--au-light);

    line-height:1.8;

}

.au-faq-item.active .au-faq-answer{

    padding:0 30px 30px;

}

/*==================================================
RELATED COLLECTIONS
==================================================*/

.au-collections{

    display:grid;

    grid-template-columns:repeat(4,1fr);

    gap:30px;

}

.au-collection{

    background:#fff;

    border-radius:28px;

    border:1px solid var(--au-border);

    overflow:hidden;

    transition:.35s;

}

.au-collection:hover{

    transform:translateY(-8px);

    box-shadow:var(--au-shadow-lg);

}

.au-collection img{

    width:100%;

}

.au-collection-content{

    padding:30px;

}

.au-collection h3{

    margin-bottom:15px;

}

.au-collection p{

    margin-bottom:25px;

}


/*==================================================
CALL TO ACTION
==================================================*/

.au-cta{

    border-radius:40px;

    padding:100px 60px;

    text-align:center;

    background:linear-gradient(
        135deg,
        var(--au-primary),
        #ffb04c
    );

    color:#fff;

}

.au-cta h2{

    color:#fff;

    margin-bottom:20px;

}

.au-cta p{

    max-width:760px;

    margin:0 auto 40px;

    color:rgba(255,255,255,.9);

}


/*==================================================
FOOTER COMPONENTS
==================================================*/

.au-footer-top{

    display:grid;

    grid-template-columns:2fr 1fr 1fr;

    gap:50px;

}

.au-footer-title{

    color:#fff;

    margin-bottom:20px;

}

.au-footer-links{

    list-style:none;

}

.au-footer-links li{

    margin-bottom:12px;

}

.au-footer-links a{

    color:rgba(255,255,255,.8);

    transition:.3s;

}

.au-footer-links a:hover{

    color:var(--au-primary);

}


/*==================================================
UTILITIES
==================================================*/

.au-text-center{text-align:center;}
.au-text-left{text-align:left;}
.au-text-right{text-align:right;}

.au-mt-20{margin-top:20px;}
.au-mt-40{margin-top:40px;}
.au-mt-60{margin-top:60px;}

.au-mb-20{margin-bottom:20px;}
.au-mb-40{margin-bottom:40px;}
.au-mb-60{margin-bottom:60px;}
.au-mb-80{margin-bottom:80px;}

.au-rounded{
    border-radius:var(--au-radius);
}

.au-shadow{
    box-shadow:var(--au-shadow);
}

.au-shadow-lg{
    box-shadow:var(--au-shadow-lg);
}

.au-bg-light{
    background:var(--au-bg);
}

.au-bg-dark{
    background:#0F172A;
    color:#fff;
}


/*==================================================
ANIMATIONS
==================================================*/

.au-fade{

    opacity:0;

    transform:translateY(40px);

    transition:.8s;

}

.au-fade.show{

    opacity:1;

    transform:none;

}

.au-zoom{

    transition:.35s;

}

.au-zoom:hover{

    transform:scale(1.04);

}

.au-float{

    animation:auFloat 6s ease-in-out infinite;

}

@keyframes auFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-10px);

}

100%{

transform:translateY(0);

}

}


/*==================================================
SECTION HEADINGS
==================================================*/

.au-section-heading{
    max-width:820px;
    margin:0 auto 70px;
}

.au-section-heading h2{
    margin:18px 0 24px;
    text-align:center;
}

.au-section-heading p{
    text-align:center;
    font-size:1.1rem;
    color:var(--au-light);
}


/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1200px){

.au-hero-grid,
.au-editorial-grid{

grid-template-columns:1fr;

gap:60px;

}

.au-feature-grid{

grid-template-columns:repeat(2,1fr);

}

.au-trust-grid{

grid-template-columns:repeat(2,1fr);

}

.au-collections{

grid-template-columns:repeat(2,1fr);

}

.au-articles{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.au-section{

padding:80px 0;

}

.au-container{

width:min(100% - 30px,var(--au-container));

}

.au-hero{

padding:90px 0;

}

.au-hero-buttons{

flex-direction:column;

}

.au-btn{

width:100%;

}

.au-feature-grid,
.au-trust-grid,
.au-collections,
.au-articles{

grid-template-columns:1fr;

}

.au-editorial{

padding:80px 0;

}

.au-card{

padding:30px;

}

.au-cta{

padding:70px 30px;

}

.au-page h1{

font-size:2.6rem;

}

.au-page h2{

font-size:2rem;

}

}


/*==================================================
PRODUCT INTRO
==================================================*/

.au-products-intro{

display:grid;

grid-template-columns:2fr 1fr;

gap:60px;

margin-bottom:70px;

align-items:center;

}

.au-products-info h3{

margin-bottom:20px;

}

.au-products-info p{

margin-bottom:25px;

}

.au-checklist{

margin-top:25px;

}

.au-checklist li{

padding:14px 0 14px 34px;

position:relative;

border-bottom:1px solid var(--au-border);

}

.au-checklist li:before{

content:"✓";

position:absolute;

left:0;

top:13px;

width:22px;

height:22px;

display:flex;

align-items:center;

justify-content:center;

background:var(--au-primary-light);

color:var(--au-primary);

border-radius:50%;

font-size:12px;

font-weight:700;

}

.au-highlight-card{

background:#fff;

padding:45px;

border-radius:30px;

box-shadow:var(--au-shadow-lg);

text-align:center;

}

.au-highlight-number{

display:block;

font-size:4rem;

font-weight:800;

color:var(--au-primary);

line-height:1;

margin-bottom:20px;

}


/*==================================================
FEATURE ICON IMPROVEMENTS
==================================================*/

.au-feature-icon{

    width:72px;

    height:72px;

    display:flex;

    align-items:center;

    justify-content:center;

    margin-bottom:24px;

    border-radius:18px;

    background:linear-gradient(
        135deg,
        var(--au-primary-light),
        #ffffff
    );

    border:1px solid var(--au-border);

    font-size:30px;

    box-shadow:var(--au-shadow);

}

/*==================================================
ARTICLE IMPROVEMENTS
==================================================*/

.au-article{

    display:flex;

    flex-direction:column;

    height:100%;

    transition:.35s;

}

.au-article:hover{

    transform:translateY(-8px);

    box-shadow:var(--au-shadow-lg);

}

.au-article img{

    aspect-ratio:16/10;

    object-fit:cover;

}

.au-article-content{

    display:flex;

    flex-direction:column;

    flex:1;

}

.au-article-content p{

    flex:1;

}

.au-article-content .au-btn{

    align-self:flex-start;

    margin-top:25px;

}

/*==================================================
ACCESSIBILITY
==================================================*/

.au-page a:focus,
.au-page button:focus{

outline:3px solid var(--au-primary);

outline-offset:4px;

}

@media(prefers-reduced-motion:reduce){

*{

animation:none!important;

transition:none!important;

scroll-behavior:auto!important;

}

}


/*==================================================
COLLECTION OVERVIEW
==================================================*/

.au-overview-grid{

    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
    margin-top:60px;

}

.au-overview-card{

    background:#fff;
    border-radius:24px;
    padding:35px;
    text-align:center;
    border:1px solid var(--au-border);
    transition:.35s;
    box-shadow:var(--au-shadow);

}

.au-overview-card:hover{

    transform:translateY(-8px);
    box-shadow:var(--au-shadow-lg);

}

.au-overview-icon{

    width:72px;
    height:72px;
    margin:0 auto 24px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:18px;
    background:var(--au-primary-light);
    font-size:32px;

}

.au-overview-card h3{

    margin-bottom:15px;

}

.au-overview-card p{

    margin-bottom:0;

}

@media(max-width:992px){

.au-overview-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:640px){

.au-overview-grid{

grid-template-columns:1fr;

}

}


/*==================================================
BENEFITS STRIP
==================================================*/

.au-benefits{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}

.au-benefit{

background:#fff;

padding:35px;

border-radius:22px;

border:1px solid var(--au-border);

transition:.35s;

}

.au-benefit:hover{

transform:translateY(-6px);

box-shadow:var(--au-shadow-lg);

}

.au-benefit h3{

margin-bottom:15px;

font-size:1.3rem;

}

.au-benefit p{

margin-bottom:0;

}

@media(max-width:992px){

.au-benefits{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:640px){

.au-benefits{

grid-template-columns:1fr;

}

}


/*==================================================
PRODUCT SHOWCASE V2
==================================================*/

.au-products-layout{

display:grid;

grid-template-columns:1.3fr .7fr;

gap:80px;

align-items:center;

margin-bottom:70px;

}

.au-products-image{

text-align:center;

}

.au-products-image img{

max-width:420px;

width:100%;

}

.au-stat-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:20px;

margin-top:40px;

}

.au-stat{

background:#fff;

padding:25px;

border-radius:20px;

border:1px solid var(--au-border);

text-align:center;

box-shadow:var(--au-shadow);

}

.au-stat strong{

display:block;

font-size:1.4rem;

margin-bottom:8px;

color:var(--au-primary);

}

.au-stat span{

font-size:.95rem;

color:var(--au-light);

}

@media(max-width:992px){

.au-products-layout{

grid-template-columns:1fr;

}

.au-products-image{

order:-1;

}

.au-stat-grid{

grid-template-columns:1fr;

}

}


/*==================================================
COLLECTION HIGHLIGHTS
==================================================*/

.au-highlight-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.au-highlight-item{

position:relative;

padding:40px 30px;

background:#fff;

border-radius:24px;

border:1px solid var(--au-border);

transition:.35s;

}

.au-highlight-item:hover{

transform:translateY(-8px);

box-shadow:var(--au-shadow-lg);

}

.au-highlight-item span{

display:inline-flex;

align-items:center;

justify-content:center;

width:58px;

height:58px;

border-radius:50%;

background:var(--au-primary);

color:#fff;

font-size:1.25rem;

font-weight:700;

margin-bottom:24px;

}

.au-highlight-item h3{

margin-bottom:18px;

}

@media(max-width:992px){

.au-highlight-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:640px){

.au-highlight-grid{

grid-template-columns:1fr;

}

}


/*==================================================
TRUST GRID
==================================================*/

.au-trust-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:35px;

margin-top:70px;

}

.au-trust-card{

position:relative;

padding:45px;

background:#fff;

border-radius:24px;

border:1px solid var(--au-border);

box-shadow:var(--au-shadow);

transition:.35s;

overflow:hidden;

}

.au-trust-card:hover{

transform:translateY(-8px);

box-shadow:var(--au-shadow-lg);

}

.au-trust-number{

width:64px;

height:64px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:var(--au-primary);

color:#fff;

font-weight:700;

font-size:1.2rem;

margin-bottom:24px;

}

.au-trust-card h3{

margin-bottom:18px;

}

.au-trust-card p{

margin-bottom:0;

}

@media(max-width:768px){

.au-trust-grid{

grid-template-columns:1fr;

}

.au-trust-card{

padding:35px;

}

}


/*==================================================
QUICK PAGE NAVIGATION
==================================================*/

.au-quick-nav{

background:#fff;

border-top:1px solid var(--au-border);

border-bottom:1px solid var(--au-border);

position:sticky;

top:80px;

z-index:90;

}

.au-page-nav{

display:flex;

justify-content:center;

align-items:center;

gap:18px;

padding:18px 0;

flex-wrap:wrap;

}

.au-page-nav a{

padding:12px 22px;

border-radius:999px;

font-weight:600;

color:var(--au-dark);

text-decoration:none;

transition:.3s;

}

.au-page-nav a:hover{

background:var(--au-primary);

color:#fff;

}

@media(max-width:768px){

.au-quick-nav{

position:relative;

top:auto;

}

.au-page-nav{

justify-content:flex-start;

overflow-x:auto;

flex-wrap:nowrap;

padding-bottom:18px;

}

.au-page-nav::-webkit-scrollbar{

height:6px;

}

}


/*==================================================
FEATURE CARDS V2
==================================================*/

.au-feature-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:30px;

margin-top:60px;

}

.au-feature-card{

background:#fff;

padding:40px;

border-radius:24px;

border:1px solid var(--au-border);

text-align:center;

transition:.35s;

box-shadow:var(--au-shadow);

}

.au-feature-card:hover{

transform:translateY(-8px);

box-shadow:var(--au-shadow-lg);

}

.au-feature-card i{

font-size:42px;

color:var(--au-primary);

margin-bottom:25px;

}

.au-feature-card h3{

margin-bottom:15px;

}

.au-feature-card p{

margin-bottom:0;

}

@media(max-width:992px){

.au-feature-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:640px){

.au-feature-grid{

grid-template-columns:1fr;

}

}


/*==================================================
ARTICLE CARDS V2
==================================================*/

.au-article-card{

position:relative;

}

.au-article-card i{

font-size:42px;

color:var(--au-primary);

margin-bottom:25px;

display:block;

}

.au-read-more{

display:inline-flex;

align-items:center;

gap:8px;

margin-top:25px;

font-weight:600;

text-decoration:none;

transition:.3s;

}

.au-read-more:hover{

transform:translateX(6px);

}


/*==================================================
PORTFOLIO GRID
==================================================*/

.au-portfolio-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:30px;

margin-top:60px;

}

.au-portfolio-card{

background:#fff;

border-radius:24px;

padding:35px;

text-align:center;

text-decoration:none;

color:inherit;

border:1px solid var(--au-border);

transition:.35s;

box-shadow:var(--au-shadow);

display:flex;

flex-direction:column;

align-items:center;

}

.au-portfolio-card:hover{

transform:translateY(-8px);

box-shadow:var(--au-shadow-lg);

}

.au-portfolio-card img{

height:140px;

width:auto;

margin-bottom:25px;

}

.au-portfolio-card h3{

margin-bottom:0;

}

.au-portfolio-card.active{

border:2px solid var(--au-primary);

}

.au-current{

margin-top:18px;

padding:8px 18px;

background:var(--au-primary);

color:#fff;

border-radius:999px;

font-size:.8rem;

font-weight:600;

}

@media(max-width:992px){

.au-portfolio-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:640px){

.au-portfolio-grid{

grid-template-columns:1fr;

}

}


/*==================================================
GLOBAL PORTFOLIO FOOTER
==================================================*/

.au-portfolio-footer{

padding:100px 0;

background:#f8f9fb;

text-align:center;

}

.au-footer-collections{

display:grid;

grid-template-columns:repeat(6,1fr);

gap:20px;

margin:60px 0;

}

.au-footer-card{

background:#fff;

padding:30px 20px;

border-radius:20px;

text-decoration:none;

color:inherit;

border:1px solid var(--au-border);

transition:.35s;

box-shadow:var(--au-shadow);

}

.au-footer-card:hover{

transform:translateY(-8px);

box-shadow:var(--au-shadow-lg);

}

.au-footer-card img{

height:90px;

margin-bottom:20px;

width:auto;

}

.au-footer-card h3{

font-size:1rem;

margin:0;

}

.au-footer-buttons{

display:flex;

justify-content:center;

gap:20px;

flex-wrap:wrap;

margin-top:40px;

}

@media(max-width:1200px){

.au-footer-collections{

grid-template-columns:repeat(3,1fr);

}

}

@media(max-width:768px){

.au-footer-collections{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:520px){

.au-footer-collections{

grid-template-columns:1fr;

}

}


/*==================================================
ABOUT TIMELINE
==================================================*/

.au-timeline{

max-width:900px;

margin:70px auto 0;

position:relative;

}

.au-timeline:before{

content:"";

position:absolute;

left:32px;

top:0;

bottom:0;

width:2px;

background:var(--au-border);

}

.au-timeline-item{

display:flex;

gap:35px;

margin-bottom:60px;

position:relative;

}

.au-timeline-number{

width:64px;

height:64px;

border-radius:50%;

background:var(--au-primary);

color:#fff;

display:flex;

align-items:center;

justify-content:center;

font-weight:700;

flex-shrink:0;

position:relative;

z-index:2;

}

.au-timeline-content{

background:#fff;

padding:35px;

border-radius:22px;

box-shadow:var(--au-shadow);

border:1px solid var(--au-border);

}

.au-timeline-content h3{

margin-bottom:15px;

}


.au-philosophy{

padding:140px 0;

text-align:center;

}

.au-philosophy-text{

font-size:2rem;

opacity:.75;

margin-bottom:20px;

}

.au-philosophy h2{

font-size:clamp(2.8rem,5vw,4.8rem);

max-width:1000px;

margin:40px auto;

line-height:1.15;

}