/* EXPERIENCES PAGE */
#hero { min-height:70vh; background:var(--ivory); display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; padding:160px 80px 80px; }
.hero-inner { position:relative; z-index:2; }
.hero-eyebrow { font-size:10px; text-transform:uppercase; letter-spacing:3px; color:var(--orange); font-weight:600; margin-bottom:20px; display:block; }
.hero-title { font-family:var(--f-display); font-size:clamp(52px,9vw,120px); font-weight:900; line-height:.9; letter-spacing:-3px; color:var(--black); margin-bottom:20px; }
.hero-title em { color:var(--orange); font-style:italic; }
.hero-sub { font-size:16px; color:var(--gray); max-width:560px; margin:0 auto 40px; line-height:1.6; font-weight:300; }
.filter-bar { display:flex; gap:10px; justify-content:center; flex-wrap:wrap; padding:32px 80px; background:var(--ivory); border-bottom:1px solid var(--gray-light); position:sticky; top:70px; z-index:100; backdrop-filter:blur(12px); }
.filter-pill { padding:9px 22px; border-radius:40px; font-size:12px; font-weight:600; border:1.5px solid var(--gray-light); cursor:pointer; letter-spacing:.3px; transition:all .2s; background:var(--ivory); color:var(--black); }
.filter-pill:hover { border-color:var(--orange); color:var(--orange); }
.filter-pill.active { background:var(--orange); color:#fff; border-color:var(--orange); }
.exp-section { padding:80px; background:var(--ivory); min-height:auto; display:block; }
.exp-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:24px; max-width:1080px; margin:0 auto; }
.exp-card { position:relative; border-radius:20px; overflow:hidden; aspect-ratio:16/9; cursor:pointer; transition:transform .4s; text-decoration:none; display:block; }
.exp-card:hover { transform:translateY(-6px); }
.exp-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .7s; }
.exp-card:hover img { transform:scale(1.06); }
.exp-card-overlay { position:absolute; inset:0; background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.1) 55%,transparent 100%); }
.exp-card-content { position:absolute; bottom:0; left:0; right:0; padding:32px; color:#fff; }
.exp-card-tag { font-size:9px; color:var(--orange); text-transform:uppercase; letter-spacing:2.5px; font-weight:700; margin-bottom:8px; display:block; }
.exp-card-name { font-family:var(--f-display); font-size:clamp(28px,3.5vw,44px); font-weight:900; line-height:1.1; margin-bottom:6px; }
.exp-card-tagline { font-size:13px; color:rgba(255,255,255,.55); line-height:1.45; margin-bottom:16px; }
.exp-card-btn { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:700; color:var(--orange); opacity:0; transform:translateY(8px); transition:opacity .3s, transform .3s; }
.exp-card:hover .exp-card-btn { opacity:1; transform:translateY(0); }
.why-section { padding:80px; background:var(--ivory-2); }
.why-container { max-width:1080px; margin:0 auto; }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:32px; margin-top:40px; }
.why-item { text-align:center; }
.why-icon { width:64px; height:64px; background:var(--orange-pale); border-radius:50%; margin:0 auto 20px; display:flex; align-items:center; justify-content:center; font-size:24px; }
.why-title { font-family:var(--f-display); font-size:20px; font-weight:700; margin-bottom:12px; }
.why-desc { font-size:14px; color:var(--gray); line-height:1.6; }