.feist-stair-experience{--ink:#152b2b;--cream:#faf9f3;--sage:#e9eee5;--yellow:#dbea00;--red:#95263a}.feist-stair-experience *{box-sizing:border-box}.feist-stair-experience{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.feist-stair-experience a{color:inherit;text-decoration:none}.feist-stair-experience button{font:inherit;cursor:pointer}.feist-stair-experience header{display:flex;align-items:center;justify-content:space-between;padding:18px 5vw;border-bottom:1px solid #dfe3d8;gap:20px}.feist-stair-experience .brand{display:flex;align-items:center;gap:14px}.feist-stair-experience .brand img{width:63px;height:53px;object-fit:contain}.feist-stair-experience .brand b{font-size:13px;letter-spacing:.1em}.feist-stair-experience nav{display:flex;gap:25px;font-size:13px}.feist-stair-experience nav a:hover{text-decoration:underline}.feist-stair-experience .pill{border:0;border-radius:50px;background:var(--yellow);padding:14px 22px;font-size:13px;font-weight:bold;display:inline-block}.feist-stair-experience .hero{max-width:1320px;margin:auto;padding:66px 6vw 35px;display:grid;grid-template-columns:1.25fr 1fr;gap:30px;align-items:end}.feist-stair-experience .eyebrow{font-size:11px;letter-spacing:.17em;text-transform:uppercase;font-weight:bold;color:#69766b}.feist-stair-experience .hero h1{font-size:clamp(42px,5.8vw,83px);letter-spacing:-.06em;line-height:1.02;margin:18px 0 24px}.feist-stair-experience .hero h1 em{font-style:normal;color:var(--red)}.feist-stair-experience .hero p{font-size:17px;line-height:1.7;max-width:400px}.feist-stair-experience .intro{padding-bottom:16px}.feist-stair-experience .scroll-cue{display:flex;gap:12px;align-items:center;font-size:12px;margin-top:30px}.feist-stair-experience .scroll-cue span{font-size:22px}.feist-stair-experience .demo{height:245vh;position:relative}.feist-stair-experience .stage{height:100svh;min-height:590px;position:sticky;top:0;background:var(--sage);overflow:hidden;display:grid;grid-template-columns:1fr 1.55fr 1fr;align-items:center;padding:30px 5vw;gap:15px}.feist-stair-experience .stage:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,#fff9 0,transparent 65%);pointer-events:none}.feist-stair-experience .stage-copy{z-index:2}.feist-stair-experience .stage-copy h2{font-size:clamp(28px,3.1vw,46px);line-height:1.1;letter-spacing:-.045em;margin:14px 0}.feist-stair-experience .stage-copy p{line-height:1.6;font-size:14px;color:#59665b}.feist-stair-experience .scene{height:87vh;max-height:860px;width:100%;overflow:visible;filter:drop-shadow(0 20px 23px #17281b22);z-index:1}.feist-stair-experience .detail{padding-left:20px;border-left:1px solid #b9c5b6;opacity:.23;transition:opacity .35s,transform .35s;transform:translateY(9px);margin-bottom:28px}.feist-stair-experience .detail.on{opacity:1;transform:none}.feist-stair-experience .detail b{font-size:11px;letter-spacing:.13em;color:#8e2839}.feist-stair-experience .detail h3{font-size:20px;margin:8px 0}.feist-stair-experience .detail p{font-size:13px;line-height:1.55;margin:0}.feist-stair-experience .progress{position:absolute;bottom:23px;left:5vw;right:5vw;display:flex;align-items:center;gap:15px;font-size:10px;letter-spacing:.14em}.feist-stair-experience .track{height:2px;background:#c5cfc0;flex:1}.feist-stair-experience .track div{height:100%;width:0;background:var(--red)}.feist-stair-experience .replay{border:1px solid #b5c0ae;background:transparent;border-radius:30px;padding:10px 15px;font-size:11px;color:var(--ink)}.feist-stair-experience .mobilehint{display:none}.feist-stair-experience .projects{max-width:1320px;padding:82px 6vw;margin:auto}.feist-stair-experience .projects h2{font-size:clamp(32px,4vw,54px);letter-spacing:-.045em;margin:14px 0}.feist-stair-experience .lede{color:#5b675e;line-height:1.7;max-width:650px}.feist-stair-experience .cards{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:36px}.feist-stair-experience .card{background:#edf0e8;border-radius:18px;overflow:hidden}.feist-stair-experience .card img{width:100%;height:440px;object-fit:cover;object-position:center 45%;display:block}.feist-stair-experience .card div{padding:26px}.feist-stair-experience .card h3{font-size:27px;letter-spacing:-.03em;margin:10px 0}.feist-stair-experience .card p{line-height:1.6;margin-bottom:0;color:#556359}.feist-stair-experience .contact{background:var(--ink);color:white;padding:55px 6vw;display:flex;justify-content:space-between;align-items:center;gap:25px}.feist-stair-experience .contact h2{font-size:38px;letter-spacing:-.04em;margin:0 0 12px}.feist-stair-experience .contact p{font-size:14px;color:#d4ded3}.feist-stair-experience .contact .pill{color:var(--ink)}.feist-stair-experience footer{display:flex;justify-content:space-between;gap:25px;padding:25px 6vw;font-size:11px;color:#627064}.feist-stair-experience .demo-note{max-width:1320px;margin:auto;padding:22px 6vw;font-size:12px;line-height:1.6;color:#647065}.feist-stair-experience.reduced .demo{height:auto}.feist-stair-experience.reduced .stage{position:relative}.feist-stair-experience.reduced .replay{display:none}@media(max-width:780px){.feist-stair-experience header{padding:13px 5vw}.feist-stair-experience nav{display:none}.feist-stair-experience .brand b{font-size:10px}.feist-stair-experience .brand img{width:48px;height:42px}.feist-stair-experience header .pill{font-size:11px;padding:12px 16px}.feist-stair-experience .hero{grid-template-columns:1fr;padding:40px 6vw 24px;gap:0}.feist-stair-experience .hero h1{margin:14px 0 12px}.feist-stair-experience .hero p{font-size:15px;max-width:100%}.feist-stair-experience .intro{padding-bottom:0}.feist-stair-experience .scroll-cue{margin-top:18px}.feist-stair-experience .demo{height:220vh}.feist-stair-experience .stage{grid-template-columns:1fr 1.2fr;padding:24px 5vw 60px;min-height:560px;align-items:center}.feist-stair-experience .stage-copy h2{font-size:30px}.feist-stair-experience .stage-copy p{font-size:12px}.feist-stair-experience .scene{height:74svh;min-height:440px;width:115%;margin-left:-10%;}.feist-stair-experience .details{grid-column:1/-1;position:absolute;bottom:69px;left:5vw;right:5vw;display:flex;gap:10px}.feist-stair-experience .detail{border-left:0;flex:1;padding:0;margin:0;transform:none}.feist-stair-experience .detail h3{font-size:13px;margin:5px 0}.feist-stair-experience .detail p{display:none}.feist-stair-experience .detail b{font-size:8px}.feist-stair-experience .stage-copy{align-self:start;padding-top:35px}.feist-stair-experience .stage-copy p{max-width:140px}.feist-stair-experience .progress{bottom:20px}.feist-stair-experience .projects{padding:45px 6vw}.feist-stair-experience .cards{grid-template-columns:1fr}.feist-stair-experience .card img{height:350px}.feist-stair-experience .contact{display:block;padding:40px 6vw}.feist-stair-experience .contact h2{font-size:31px}.feist-stair-experience .contact .pill{margin-top:10px}.feist-stair-experience footer{flex-direction:column;gap:10px}}

/* V10.13: previous design, only a shorter animation stage. */
.feist-stair-experience .stage{height:clamp(590px,82svh,820px);padding-top:20px;padding-bottom:50px}
.feist-stair-experience .scene{height:100%;max-height:calc(82svh - 70px);min-height:0}
@media(max-width:780px){.feist-stair-experience .stage{height:clamp(560px,90svh,760px);padding-bottom:70px}.feist-stair-experience .scene{height:100%;max-height:calc(90svh - 95px);min-height:0}}

/* V10.14: explicit contrast inside the existing dark stair contact panel. */
.feist-page .feist-stair-experience .contact :is(h2,h3){color:#ffffff!important}
.feist-page .feist-stair-experience .contact :is(p,.eyebrow){color:#e3ebe2!important}
.feist-page .feist-stair-experience .contact .pill{color:#142021!important;background:#dbea00}