.approach-v2{color:#f4f7fa;--method-ice:#b9d9ed;background:#05080c}.approach-v2 .method-hero{isolation:isolate;background:#05080c;flex-direction:column;justify-content:center;min-height:100svh;padding:150px 7vw 125px;display:flex;position:relative}.approach-v2 .method-hero-art{z-index:-1;position:absolute;inset:0;overflow:hidden}.approach-v2 .method-hero-art img{object-fit:cover;transform:scale(calc(1 + var(--p,0)*.08));opacity:calc(1 - var(--p,0)*.7)}.approach-v2 .method-hero-art:after{content:"";background:linear-gradient(#05080c26,#05080c1f 45%,#05080c 100%);position:absolute;inset:0}.approach-v2 .method-hero-copy{text-align:center;opacity:clamp(0,calc(1 - var(--p,0)*2.5),1);transform:translateY(calc(var(--p,0)*-45px));position:relative}.approach-v2 .connected-kicker{color:var(--method-ice);letter-spacing:.2em;text-transform:uppercase;font-size:11px}.approach-v2 .method-hero h1{margin:30px 0;font-size:clamp(54px,7.9vw,118px);line-height:1.05}.approach-v2 em{color:var(--method-ice);font-weight:400}.approach-v2 .method-hero-copy>p:not(.connected-kicker){color:#b9c3ce;font-size:clamp(16px,1.55vw,22px);line-height:1.8}.approach-v2 .method-link{color:#e8f3fa;border-bottom:1px solid #b9d9ed40;align-items:center;gap:26px;padding:15px 0;font-size:14px;text-decoration:none;transition:color .2s,border-color .2s;display:inline-flex}.approach-v2 .method-link:hover{color:#8ec8ed;border-color:#8ec8ed}.approach-v2 .method-map{grid-template-columns:repeat(3,1fr);gap:35px;display:grid;position:absolute;bottom:28px;left:7vw;right:7vw}.approach-v2 .method-map a{color:#eaf1f6;border-top:1px solid #ffffff25;align-items:center;gap:18px;padding:20px 0;font-size:14px;text-decoration:none;display:flex}.approach-v2 .method-map a span:first-child{color:#91aec1;font-size:10px}.approach-v2 .method-map a span:last-child{margin-left:auto}.approach-v2 .method-manifesto{background:0 0;max-width:1440px;margin:auto;padding:100px 7vw 80px}.approach-v2 .method-manifesto h2{margin:36px 0;font-size:clamp(30px,4.1vw,60px);line-height:1.28}.approach-v2 .method-step{height:145svh;scroll-margin-top:0;position:relative}.approach-v2 .method-stage{background:#05080c;grid-template-columns:1fr 1.15fr;align-items:center;gap:5vw;min-height:100svh;padding:90px 7vw 65px;display:grid;position:sticky;top:0;overflow:hidden}.approach-v2 .method-step-copy{z-index:1;max-width:520px;position:relative}.approach-v2 .method-step h2{margin:25px 0;font-size:clamp(40px,5.5vw,80px);line-height:1.08}.approach-v2 .method-description{color:#a8b4c1;font-size:clamp(15px,1.35vw,19px);line-height:1.85}.approach-v2 .method-step ul{color:#d3e0eb;gap:12px;margin:0;padding:18px 0;font-size:13px;list-style:none;display:grid}.approach-v2 .method-step li:before{content:"＋";color:#82b6d8;margin-right:12px}.approach-v2 .method-deliver{color:var(--method-ice);border-top:1px solid #ffffff18;padding-top:20px;font-size:14px;line-height:1.7}.approach-v2 .method-visual{min-width:0;transform:translateY(calc(20px - var(--p,0)*40px));margin:0}.approach-v2 .method-visual>div{aspect-ratio:1.2;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 85%,#0000);mask-image:linear-gradient(#0000,#000 12% 85%,#0000)}.approach-v2 .method-visual img{object-fit:contain;transform:scale(calc(.96 + var(--p,0)*.08))}.approach-v2 .method-visual figcaption{color:#8195a7;border-top:1px solid #ffffff18;justify-content:space-between;gap:25px;padding-top:20px;font-size:11px;line-height:1.6;display:flex}.approach-v2 .method-visual figcaption span{color:#b9d9ed;white-space:nowrap;letter-spacing:.1em;font-size:9px}.approach-v2 .method-progress{background:#ffffff12;height:1px;position:absolute;bottom:25px;left:7vw;right:7vw}.approach-v2 .method-progress span{transform-origin:0;height:100%;transform:scaleX(var(--p,0));background:#97c9e8;display:block}.approach-v2 .method-ending{text-align:center;background:#05080c;padding:100px 7vw 130px}.approach-v2 .method-ending h2{margin:30px 0;font-size:clamp(42px,6vw,88px);line-height:1.1}.approach-v2 .method-ending>p:not(.connected-kicker){color:#a8b4c1;margin-bottom:32px;font-size:17px;line-height:1.8}.approach-v2 .method-ending>.method-link{margin:20px auto 0;display:table}.approach-v2 a:focus-visible{outline-offset:7px;outline:2px solid #b9d9ed}@media (max-width:760px){.approach-v2 .method-hero{min-height:100svh;padding:130px 6vw 180px}.approach-v2 .method-hero h1{font-size:clamp(42px,10vw,68px)}.approach-v2 .method-map{gap:15px;left:6vw;right:6vw}.approach-v2 .method-map a{flex-wrap:wrap;gap:8px;font-size:11px}.approach-v2 .method-map a span:last-child{display:none}.approach-v2 .method-manifesto{padding:70px 6vw 40px}.approach-v2 .method-step{height:auto;scroll-margin-top:70px}.approach-v2 .method-stage{grid-template-columns:1fr;gap:30px;min-height:0;padding:65px 6vw 45px;position:relative}.approach-v2 .method-step-copy{max-width:none}.approach-v2 .method-visual{transform:none}.approach-v2 .method-visual>div{aspect-ratio:1.5}.approach-v2 .method-ending{padding:80px 6vw}}@media (prefers-reduced-motion:reduce){.approach-v2 .method-step{height:auto}.approach-v2 .method-stage{position:relative}.approach-v2 .method-hero-copy,.approach-v2 .method-hero-art img,.approach-v2 .method-visual,.approach-v2 .method-visual img{opacity:1;transform:none}}
