.nd[data-page=approach] .gates{height:355vh}.nd[data-page=approach] .stage{height:100svh;position:-webkit-sticky;position:sticky;top:0;overflow:hidden}.nd[data-page=approach] .stage:after{content:"";pointer-events:none;background:linear-gradient(to right,color-mix(in oklch,var(--background)90%,transparent)0%,color-mix(in oklch,var(--background)58%,transparent)26%,color-mix(in oklch,var(--background)12%,transparent)46%,transparent 60%);position:absolute;top:0;bottom:0;left:0;right:0}.nd[data-page=approach] .beat{z-index:5;left:var(--gut);max-width:26rem;margin-top:-6rem;position:absolute;top:50%}.nd[data-page=approach].js .beat{opacity:0}.nd[data-page=approach] .beat .num{font-family:var(--serif);color:var(--gold);margin-bottom:1rem;font-size:1.15rem;font-style:italic;font-weight:300;display:block}.nd[data-page=approach] .beat h2{font-size:max(2rem,min(3.8vw,3.2rem));line-height:1.1}.nd[data-page=approach] .beat p{color:var(--ink-2);max-width:23rem;margin-top:1.1rem;font-size:max(1.05rem,min(1.3vw,1.18rem));line-height:1.6}.nd[data-page=approach] .rail{z-index:6;right:calc(var(--gut) - 10px);flex-direction:column;gap:.5rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.nd[data-page=approach] .rail:before{content:"";background:var(--line);width:1px;position:absolute;top:14px;bottom:14px;left:50%;transform:translate(-50%)}.nd[data-page=approach] .rail button{cursor:pointer;opacity:.28;background:0 0;border:0;border-radius:50%;width:28px;height:28px;padding:0;position:relative}.nd[data-page=approach] .rail button:before{content:"";background:var(--gold);width:7px;height:7px;box-shadow:0 0 14px color-mix(in oklch,var(--gold-bright)80%,transparent);border-radius:50%;margin:-3.5px 0 0 -3.5px;position:absolute;top:50%;left:50%}.nd[data-page=approach] .rail button:hover{opacity:.85!important}.nd[data-page=approach] .choosing:before{content:"";pointer-events:none;background:linear-gradient(to bottom,transparent,color-mix(in oklch,var(--background)66%,transparent)12%,color-mix(in oklch,var(--background)66%,transparent)88%,transparent);position:absolute;top:0;bottom:0;left:0;right:0}.nd[data-page=approach] .choosing .wrap{position:relative}.nd[data-page=approach] .ch-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:3rem 2rem;display:grid}.nd[data-page=approach] .ch-head{grid-column:1/6;position:-webkit-sticky;position:sticky;top:20vh}.nd[data-page=approach] .ch-head h2{font-size:max(2rem,min(3.6vw,2.9rem));line-height:1.12}.nd[data-page=approach] .ch-head p{color:var(--ink-2);max-width:24rem;margin-top:1.3rem}.nd[data-page=approach] .opts{grid-column:7/13;padding-left:2.4rem;position:relative}.nd[data-page=approach] .opts:before{content:"";background:var(--line);width:1px;position:absolute;top:.6rem;bottom:.6rem;left:.3rem}.nd[data-page=approach] .opts .light{background:linear-gradient(to bottom,var(--gold-deep),var(--gold-bright));width:1px;box-shadow:0 0 12px color-mix(in oklch,var(--gold-bright)60%,transparent);transform-origin:top;transform:scaleY(var(--k,0));transition:transform .9s var(--ease-out);position:absolute;top:.6rem;bottom:.6rem;left:.3rem}.nd[data-page=approach] .opts .spark{background:color-mix(in oklch,var(--gold-bright)55%,white);width:9px;height:9px;box-shadow:0 0 18px 4px color-mix(in oklch,var(--gold-bright)75%,transparent);opacity:var(--spark,0);transform:translateY(var(--reach,0px));transition:transform .9s var(--ease-out),opacity .4s;border-radius:50%;margin:-4px 0 0 -4px;position:absolute;top:.6rem;left:.3rem}.nd[data-page=approach] .opt{border-top:1px solid var(--line);padding:1.6rem 0 1.8rem;position:relative}.nd[data-page=approach] .opt:last-child{border-bottom:1px solid var(--line)}.nd[data-page=approach] .opt:before{content:"";border:1px solid var(--line-gold);background:var(--bg);border-radius:50%;width:9px;height:9px;transition:background .6s,border-color .6s,box-shadow .6s;position:absolute;top:2.15rem;left:calc(-2.1rem - 4px)}.nd[data-page=approach] .opt.lit:before{background:var(--gold);border-color:var(--gold);box-shadow:0 0 14px color-mix(in oklch,var(--gold-bright)70%,transparent)}.nd[data-page=approach] .opt h3{color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:.4rem .8rem;font-size:max(1.25rem,min(1.9vw,1.5rem));line-height:1.3;transition:color .6s;display:flex}.nd[data-page=approach] .opt.lit h3{color:var(--ink)}.nd[data-page=approach] .opt p{color:var(--ink-2);max-width:28rem;margin-top:.45rem}.nd[data-page=approach] .ch-close{font-family:var(--serif);color:var(--gold-bright);grid-column:7/13;max-width:30rem;margin-top:2.5rem;padding-left:2.4rem;font-size:max(1.35rem,min(2.2vw,1.75rem));font-style:italic;font-weight:300;line-height:1.35}.nd[data-page=approach].tall .stage:after{background:linear-gradient(to top,color-mix(in oklch,var(--background)94%,transparent)0%,color-mix(in oklch,var(--background)60%,transparent)36%,transparent 60%)}.nd[data-page=approach].tall .beat{top:auto;bottom:6svh;right:calc(var(--gut) + 1.8rem);max-width:none;margin-top:0}.nd[data-page=approach].tall .rail{gap:1.1rem}@media (max-width:860px){.nd[data-page=approach] .ch-grid{grid-template-columns:1fr;gap:2.5rem}.nd[data-page=approach] .ch-head,.nd[data-page=approach] .opts,.nd[data-page=approach] .ch-close{grid-column:1/-1;position:static}.nd[data-page=approach] .ch-close{margin-top:0}}:-webkit-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .gates{height:auto}:-moz-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .gates{height:auto}:is(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .gates{height:auto}:-webkit-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .stage{height:auto;padding:4rem 0;position:static}:-moz-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .stage{height:auto;padding:4rem 0;position:static}:is(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .stage{height:auto;padding:4rem 0;position:static}:-webkit-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .rail{display:none}:-moz-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .rail{display:none}:is(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .rail{display:none}:-webkit-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .stage:after{display:none}:-moz-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .stage:after{display:none}:is(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .stage:after{display:none}:-webkit-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .beat{opacity:1;padding:0 var(--gut);margin:0 0 3rem;position:static;transform:none!important}:-moz-any(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .beat{opacity:1;padding:0 var(--gut);margin:0 0 3rem;position:static;transform:none!important}:is(.nd[data-page=approach].no3d,.nd[data-page=approach]:not(.js)) .beat{opacity:1;padding:0 var(--gut);margin:0 0 3rem;position:static;transform:none!important}