.approach-page{background-image:linear-gradient(rgba(5,5,5,.6),rgba(5,5,5,.6)),url(/img/hero_hd.jpg);background-size:cover;background-position:50%;background-attachment:fixed;background-color:#505050;color:var(--text-color,#e5e5e5);font-family:var(--font-mono),monospace;overflow-x:hidden;overflow-y:auto;width:100%;height:100vh}.approach-page h1,.approach-page h2,.approach-page h3{font-weight:700;text-transform:uppercase;margin:0;line-height:1.1;letter-spacing:-.02em}.approach-page p{font-size:1rem;line-height:1.6;opacity:.8;max-width:600px}.eyebrow{font-size:.85rem;opacity:.6;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2rem;display:block}.approach-hero{min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 5%;position:relative;z-index:10}.approach-hero-title{font-size:clamp(3rem,6vw,6rem);margin-bottom:2rem;max-width:900px}.approach-hero-support{font-size:clamp(1.2rem,2vw,1.5rem);font-weight:700;margin-bottom:2rem;max-width:600px}.approach-hero-body{font-size:1.1rem;max-width:650px;align-self:flex-end;margin-top:-6rem;z-index:2}@media (max-width:768px){.approach-hero-body{margin-top:2rem;align-self:flex-start}}.approach-intro{padding:150px 5%;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:4rem;position:relative;z-index:10}.intro-statement{font-size:clamp(2.5rem,4vw,4.5rem);max-width:1000px}.intro-copy-wrapper{display:flex;flex-direction:column;gap:2rem;margin-left:auto;max-width:600px}.mask-stage{width:100%;height:600vh;position:relative}.mask-layers{position:sticky;top:0;width:100%;height:100vh;overflow:hidden}.mask-texts,.svg-layer{position:absolute;top:0;left:0;width:100%;height:100%}.mask-texts{pointer-events:none;z-index:10}.anim-txt{position:absolute;top:50%;left:5%;transform:translateY(-50%);max-width:500px;clip-path:inset(0 0 100% 0);pointer-events:auto}.progress-bar{position:absolute;bottom:0;left:0;width:100%;height:4px;display:flex;background:rgba(255,255,255,.1);z-index:11}.progress-bar .segment{flex:1 1;height:100%;position:relative;border-right:1px solid rgba(0,0,0,.5)}.progress-bar .segment:last-child{border-right:none}.progress-bar .fill{height:100%;width:0;background:#fff}.approach-vertical-quote{position:fixed;right:20px;top:50%;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;font-size:9px;color:rgba(255,255,255,.4);letter-spacing:.2em;text-transform:uppercase;pointer-events:none;white-space:nowrap;z-index:100}@media (max-width:768px){.approach-vertical-quote{display:none}}.stage-number{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:var(--accent-color,#fff);display:block}.stage-title{font-size:clamp(2rem,3vw,3rem);margin-bottom:1.5rem}.stage-tech-list{margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}.tech-tag{font-size:.85rem;padding:.4rem .8rem;border:1px solid rgba(255,255,255,.2);border-radius:2px;text-transform:uppercase}.cap-section{position:relative;min-height:100vh;display:flex;flex-direction:column;justify-content:center;padding:120px 5%;background-size:cover;background-position:50%;background-attachment:fixed;border-top:1px solid rgba(255,255,255,.1);overflow:hidden}.cap-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.cap-content{position:relative;z-index:2;width:100%;max-width:1400px;margin:0 auto}.cap-header{margin-bottom:60px}.cap-title{font-size:clamp(2.5rem,4vw,4.5rem);margin-bottom:1rem}.cap-grid{display:grid;gap:3rem}.grid-2-col{grid-template-columns:repeat(2,1fr)}.grid-3-col{grid-template-columns:repeat(3,1fr)}.grid-4-col{grid-template-columns:repeat(4,1fr)}.grid-1-col{grid-template-columns:1fr;max-width:800px}.cap-item{display:flex;flex-direction:column;gap:1rem}.cap-item h4{font-size:1.25rem;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:.5rem;margin:0}.cap-item p{font-size:.95rem;opacity:.8;max-width:100%}.approach-closing{min-height:100vh;justify-content:center;text-align:center;padding:120px 5%;position:relative;z-index:10}.approach-closing,.summary-flow{display:flex;flex-direction:column;align-items:center}.summary-flow{gap:1.5rem;margin-bottom:100px;opacity:.6}.summary-step{font-size:1.2rem;font-weight:700;letter-spacing:.1em}.closing-statement{font-size:clamp(2.5rem,5vw,5rem);max-width:1200px;margin-bottom:3rem}@media (max-width:1024px){.grid-4-col{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.approach-closing,.approach-hero,.approach-intro,.cap-section{padding-top:100px;padding-bottom:100px}.intro-copy-wrapper{margin-left:0}.process-stage{left:5%;right:5%}.grid-2-col,.grid-3-col,.grid-4-col{grid-template-columns:1fr}}