/*==================================
Durability Hero
==================================*/


/* Header
========================= */

.durability-hero{

text-align:center;
max-width:800px;

margin:160px auto 120px;

text-align:center;

padding:0 30px;

}


.page-label{

    font-size:13px;

    letter-spacing:.35em;

    color:#8b8175;

}



.durability-hero h1{

    font-size:clamp(1.8rem,4vw,2.7rem);

    font-family:var(--font-title);

    font-weight:400;

    letter-spacing:.15em;

    line-height:1.7;

    margin:40px auto;

}


.durability-lead{

max-width:760px;

margin:50px auto 0;

line-height:2.3;

color:#666;

}



/*==================================
Feature
==================================*/

.durability-feature{

padding:90px 0;

}

.feature-grid{

display:grid;

grid-template-columns:1fr 1fr;

gap:90px;

align-items:center;

}

.durability-feature.reverse .feature-grid{

direction:rtl;

}

.durability-feature.reverse .feature-text{

direction:ltr;

}

.feature-image img{

width:100%;

display:block;

border-radius:6px;

}

.feature-text span{

display:block;

font-size:.8rem;

letter-spacing:.25em;

color:#9a8d80;

margin-bottom:18px;

}

.feature-text h2{

font-size:clamp(1.6rem,3vw,2.2rem);

font-family:var(--font-title);

font-weight:400;

margin-bottom:30px;

}

.feature-text p{

line-height:2.2;

margin-bottom:22px;

color:#555;

}



/*==================================
Mobile
==================================*/

@media(max-width:768px){

.durability-hero{

padding:140px 0 90px;

}

.feature-grid{

grid-template-columns:1fr;

gap:40px;

}

.durability-feature.reverse .feature-grid{

direction:ltr;

}

.feature-text{

order:2;

}

.feature-image{

order:1;

}

}


/*==================================
Landscape Photo
==================================*/

.durability-landscape{

margin-top:120px;

}

.durability-landscape img{

width:100%;

height:70vh;

object-fit:cover;

display:block;

}



/*==================================
Philosophy
==================================*/

.durability-philosophy{

padding:120px 0;

}

.durability-philosophy .container{

max-width:760px;

}

.section-number{

display:block;

margin-bottom:18px;

font-size:.8rem;

letter-spacing:.3em;

color:#9d8f82;

}

.durability-philosophy h2{

font-size:clamp(1.8rem,3vw,2.6rem);

font-family:var(--font-title);

font-weight:400;

margin-bottom:50px;

}

.durability-philosophy p{

line-height:2.4;

margin-bottom:30px;

color:#555;

}



/*==================================
Ending
==================================*/

.durability-ending{

padding:40px 0 160px;

text-align:center;

}

.durability-ending h3{

font-size:clamp(1.4rem,2vw,2rem);

font-family:var(--font-title);

font-weight:400;

margin-bottom:35px;

}

.durability-ending p{

max-width:720px;

margin:auto;

line-height:2.4;

color:#666;

}



/*==================================
Mobile
==================================*/

@media(max-width:768px){

.durability-landscape img{

height:45vh;

}

.durability-philosophy{

padding:80px 20px;

}

.durability-ending{

padding:20px 20px 100px;

}

}