/* =========================================================
   STORIES & INSIGHTS
========================================================= */
.stories-page{--stories-mountain:#b48773;--stories-sun:#e2c56b}

/* =========================================================
   HERO
========================================================= */
.stories-hero{padding:clamp(85px,9vw,145px) 0 clamp(80px,9vw,135px);background:var(--clhf-cream-soft)}
.stories-hero-grid{display:grid;grid-template-columns:minmax(170px,240px) 1fr;gap:clamp(45px,7vw,110px)}
.stories-page-label{padding-top:12px;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--clhf-clay)}
.stories-hero h1{max-width:1080px;margin:0 0 35px;font-family:var(--font-display);font-size:clamp(3.5rem,6.5vw,6.8rem);font-weight:800;line-height:.96;letter-spacing:-.06em;color:var(--clhf-navy)}
.stories-hero p{max-width:860px;margin:0;font-size:clamp(1.12rem,1.45vw,1.4rem);line-height:1.75;color:var(--clhf-muted)}

/* =========================================================
   FEATURED
========================================================= */
.stories-featured{padding:clamp(80px,9vw,140px) 0;background:#fff}
.stories-section-label{margin-bottom:32px;font-family:var(--font-display);font-size:1rem;font-weight:800;color:var(--clhf-clay)}

.featured-story{position:relative;overflow:hidden;background:var(--clhf-cream-soft);isolation:isolate}
.featured-story-link{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(480px,1.1fr);min-height:520px;text-decoration:none}

.featured-story-content{position:relative;z-index:5;display:flex;flex-direction:column;justify-content:center;padding:clamp(48px,6vw,90px)}
.featured-story-meta{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:25px;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--clhf-muted)}
.featured-story-meta span{color:var(--clhf-clay)}
.featured-story-meta time{position:relative;padding-left:17px}
.featured-story-meta time::before{content:"";position:absolute;top:50%;left:0;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translateY(-50%)}

.featured-story h2{max-width:700px;margin:0 0 26px;font-family:var(--font-display);font-size:clamp(2.45rem,4.3vw,4.8rem);font-weight:780;line-height:1.01;letter-spacing:-.052em;color:var(--clhf-navy)}
.featured-story-excerpt{max-width:650px;font-size:clamp(1rem,1.15vw,1.2rem);line-height:1.72;color:var(--clhf-muted)}
.featured-story-excerpt p{margin:0}
.featured-story-more{display:inline-flex;align-items:center;gap:11px;margin-top:32px;font-family:var(--font-display);font-size:.92rem;font-weight:800;color:var(--clhf-navy)}
.featured-story-more b{font-size:1.3rem;font-weight:500;transition:transform .22s ease}

.featured-story-media{position:relative;z-index:2;height:100%;min-height:520px;overflow:hidden;background:var(--clhf-cream-soft);isolation:isolate}
.featured-story-media img{position:absolute;inset:-2px;z-index:2;width:calc(100% + 4px);height:calc(100% + 4px);object-fit:cover;object-position:center;clip-path:polygon(23% 0,100% 0,100% 100%,0 100%);transition:transform .5s ease}

/* SUN BEHIND IMAGE */
.featured-story-media::before{content:"";position:absolute;z-index:1;top:42px;left:17%;width:108px;height:108px;border-radius:50%;background:var(--stories-sun);transform:translateX(-50%);pointer-events:none}

/* DIAGONAL MOUNTAIN */
.featured-story-media::after{content:"";position:absolute;z-index:3;top:-2px;bottom:-2px;left:-2px;width:30%;background:var(--stories-mountain);clip-path:polygon(76% 0,100% 0,24% 100%,0 100%);pointer-events:none}

@media(hover:hover){
.featured-story:hover .featured-story-media img{transform:scale(1.018)}
.featured-story:hover .featured-story-more b{transform:translateX(6px)}
}

/* =========================================================
   LATEST
========================================================= */
.stories-latest{padding:clamp(90px,10vw,150px) 0;background:#fff}
.stories-heading{display:grid;grid-template-columns:minmax(170px,240px) 1fr;gap:clamp(45px,7vw,110px);align-items:start;margin-bottom:clamp(50px,7vw,90px)}
.stories-heading>span{padding-top:8px;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--clhf-clay)}
.stories-heading h2{max-width:900px;margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,5vw,5.3rem);font-weight:780;line-height:1;letter-spacing:-.052em;color:var(--clhf-navy)}

.stories-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:clamp(30px,5vw,75px);row-gap:clamp(65px,8vw,105px)}

.story-card>a{display:block;text-decoration:none}
.story-card-image{position:relative;aspect-ratio:16/10;margin-bottom:25px;overflow:hidden;background:var(--clhf-cream-soft)}
.story-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.story-card-meta{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.065em;color:var(--clhf-muted)}
.story-card-meta span{color:var(--clhf-clay)}
.story-card-meta time{position:relative;padding-left:15px}
.story-card-meta time::before{content:"";position:absolute;top:50%;left:0;width:4px;height:4px;border-radius:50%;background:currentColor;transform:translateY(-50%)}
.story-card h3{max-width:680px;margin:0 0 18px;font-family:var(--font-display);font-size:clamp(1.65rem,2.5vw,2.7rem);font-weight:750;line-height:1.08;letter-spacing:-.04em;color:var(--clhf-navy)}
.story-card p{max-width:620px;margin:0 0 22px;font-size:1rem;line-height:1.7;color:var(--clhf-muted)}
.story-card-more{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:.9rem;font-weight:800;color:var(--clhf-navy)}
.story-card-more b{font-size:1.25rem;font-weight:500;transition:transform .22s ease}

@media(hover:hover){
.story-card:hover .story-card-image img{transform:scale(1.025)}
.story-card:hover .story-card-more b{transform:translateX(5px)}
}

/* =========================================================
   PAGINATION
========================================================= */
.stories-pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:clamp(65px,8vw,105px)}
.stories-pagination .page-numbers{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 12px;border:1px solid var(--clhf-border);color:var(--clhf-navy);font-family:var(--font-display);font-size:.9rem;font-weight:700;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease}
.stories-pagination .page-numbers.current,.stories-pagination .page-numbers:hover{border-color:var(--clhf-navy);background:var(--clhf-navy);color:#fff}

/* =========================================================
   TOPICS
========================================================= */
.stories-topics{padding:clamp(90px,10vw,150px) 0;background:var(--clhf-cream)}
.stories-topics-heading{display:grid;grid-template-columns:minmax(170px,240px) 1fr;gap:clamp(45px,7vw,110px);align-items:start;margin-bottom:clamp(45px,6vw,80px)}
.stories-topics-heading>span{padding-top:8px;font-family:var(--font-display);font-size:1.05rem;font-weight:800;color:var(--clhf-clay)}
.stories-topics-heading h2{max-width:900px;margin:0;font-family:var(--font-display);font-size:clamp(2.8rem,5vw,5.3rem);font-weight:780;line-height:1;letter-spacing:-.052em;color:var(--clhf-navy)}

.stories-topic-list{border-top:1px solid rgba(2,34,72,.16)}
.stories-topic-list a{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:24px 4px;border-bottom:1px solid rgba(2,34,72,.16);font-family:var(--font-display);font-size:clamp(1.25rem,2vw,2rem);font-weight:700;line-height:1.2;color:var(--clhf-navy);text-decoration:none;transition:padding .22s ease,color .22s ease}
.stories-topic-list b{font-size:1.45rem;font-weight:500;transition:transform .22s ease}
.stories-topic-list a:hover{padding-left:12px;color:var(--clhf-clay)}
.stories-topic-list a:hover b{transform:translateX(6px)}

/* =========================================================
   TABLET
========================================================= */
@media(max-width:1000px){
.stories-hero-grid,.stories-heading,.stories-topics-heading{grid-template-columns:150px 1fr;gap:38px}
.featured-story-link{grid-template-columns:minmax(0,.9fr) minmax(390px,1.1fr);min-height:470px}
.featured-story-media{min-height:470px}
.featured-story-content{padding:42px}
}

/* =========================================================
   MOBILE
========================================================= */
@media(max-width:767px){
.stories-hero{padding:65px 0 70px}
.stories-hero-grid,.stories-heading,.stories-topics-heading{display:block}
.stories-page-label,.stories-heading>span,.stories-topics-heading>span{display:block;margin-bottom:25px;padding:0}
.stories-hero h1{font-size:clamp(3rem,13vw,4.7rem)}
.stories-hero p{font-size:1.05rem;line-height:1.7}

.stories-featured{padding:70px 0}
.stories-section-label{margin-bottom:24px}

.featured-story-link{display:flex;flex-direction:column;min-height:0}
.featured-story-content{order:1;padding:32px 24px 38px}
.featured-story-media{order:2;height:330px;min-height:330px}
.featured-story h2{font-size:clamp(2.2rem,10vw,3.6rem)}
.featured-story-excerpt{font-size:1rem}

/* Mobile mountain + sun becomes horizontal composition */
.featured-story-media img{clip-path:polygon(0 31%,100% 11%,100% 100%,0 100%)}
.featured-story-media::before{top:5px;left:75%;width:100px;height:100px}
.featured-story-media::after{top:0;left:-2px;right:auto;bottom:auto;width:calc(100% + 4px);height:132px;clip-path:polygon(0 64%,100% 23%,100% 47%,0 88%)}

.stories-latest{padding:75px 0}
.stories-heading{margin-bottom:45px}
.stories-heading h2,.stories-topics-heading h2{font-size:clamp(2.6rem,11vw,4.1rem)}
.stories-grid{grid-template-columns:1fr;row-gap:58px}
.story-card-image{margin-bottom:21px}
.story-card h3{font-size:clamp(1.65rem,7vw,2.3rem)}

.stories-topics{padding:75px 0}
.stories-topics-heading{margin-bottom:40px}
.stories-topic-list a{padding:20px 2px;font-size:1.25rem}
}

/* =========================================================
   SMALL PHONE
========================================================= */
@media(max-width:430px){
.stories-hero{padding:55px 0 62px}
.stories-hero h1{font-size:clamp(2.7rem,12.8vw,4rem)}
.stories-hero p{font-size:1rem}

.featured-story-content{padding:28px 20px 34px}
.featured-story-media{height:295px;min-height:295px}
.featured-story-media img{clip-path:polygon(0 33%,100% 13%,100% 100%,0 100%)}
.featured-story-media::before{left:76%;width:90px;height:90px}
.featured-story-media::after{height:120px;clip-path:polygon(0 67%,100% 26%,100% 50%,0 91%)}

.story-card-meta{font-size:.72rem}
.story-card p{font-size:.96rem}
.stories-topic-list a{font-size:1.15rem}
}