.method{--m-bg:var(--ink-900);--m-fg:var(--white);--m-mute:var(--grey-400);--m-line:#f0f0f029;--m-pad:clamp(1.25rem, 4vw, 4rem);--m-safe-top:6.5rem;--m-core:clamp(7rem, 24vmin, 17rem);--m-card:12rem;background:var(--m-bg);color:var(--m-fg);font-family:var(--font-body);position:relative;overflow-x:clip}.method *,.method :before,.method :after{box-sizing:border-box}:where(.method) :where(h2,h3,p,ol,ul){margin:0;padding:0;font-weight:400;list-style:none}.method-mask{margin:-.14em -.06em;padding:.14em .06em;display:block;overflow:hidden}.method-mask>span{will-change:auto;display:block}.method-stage{max-width:1360px;padding:var(--section-py) var(--m-pad);margin-inline:auto}.method-intro{flex-direction:column;gap:1.5rem;display:flex}.method-headline{letter-spacing:-.04em;font-size:clamp(2.6rem,9vw,8.5rem);font-weight:500;line-height:1}.method-headline .method-mask:first-child{color:var(--m-mute)}.method-hud-label,.method-core,.method-progress{display:none}.method-steps{margin-top:clamp(3rem,8vw,7rem)}.method-step{border-top:1px solid var(--m-line);gap:2rem;padding-block:clamp(2rem,5vw,4rem);display:grid}@media (min-width:900px){.method-step{grid-template-columns:minmax(0,24rem) minmax(0,1fr);gap:4rem}}.method-step__num{letter-spacing:.18em;color:var(--m-mute);font-size:.72rem;display:block}.method-step__title{letter-spacing:-.025em;margin-top:.9rem;font-size:clamp(1.9rem,3.4vw,3rem);font-weight:500;line-height:1.1}.method-step__text{max-width:26rem;color:var(--m-mute);margin-top:1rem;font-size:.95rem;line-height:1.6}.method-step__lead{color:var(--m-fg)}.method-chips,.method-orbit{flex-wrap:wrap;align-content:flex-start;gap:.6rem;display:flex}.method-chip{letter-spacing:.16em;text-transform:uppercase;white-space:nowrap;border:1px solid #f0f0f03d;border-radius:999px;padding:.5em 1.1em;font-size:.7rem}.method-arm{display:contents}.method-word{letter-spacing:-.01em;margin-right:1.5rem;font-size:1.25rem;font-weight:300}.method-cards{grid-template-columns:repeat(auto-fill,minmax(8.5rem,1fr));gap:1rem;display:grid}.method-card{position:relative}.method-card__media{aspect-ratio:4/5;background:#161616;border-radius:2px;position:relative;overflow:hidden}.method-card__img{object-fit:cover}.method-card__meta{letter-spacing:.16em;text-transform:uppercase;color:var(--m-mute);margin-top:.6rem;font-size:.68rem}.method-card__touch{display:none}.method-statement{letter-spacing:-.04em;font-size:clamp(2.4rem,6vw,6rem);font-weight:500;line-height:1.02}.method-measure__words{flex-direction:column;display:flex}.method-measure__words .method-mask,.method-closing .method-mask{letter-spacing:-.045em;font-size:clamp(2.6rem,9vw,8rem);font-weight:500;line-height:1}.method-closing{color:var(--m-mute);margin-top:1.5rem}.method-closing .method-mask{letter-spacing:-.03em;font-size:clamp(1.6rem,3.4vw,3rem)}.method.is-live .method-track{height:600svh;position:relative}.method.is-live .method-stage{max-width:none;height:100svh;margin:0;padding:0;position:sticky;top:0;overflow:clip}.method.is-live .method-intro{text-align:center;padding:var(--m-safe-top) var(--m-pad) var(--m-pad);z-index:2;justify-content:center;align-items:center;gap:clamp(1rem,3svh,2rem);position:absolute;inset:0}.method.is-live .method-headline{transform-origin:50%;will-change:transform, opacity;font-size:clamp(2.6rem,9.6vw,11.5rem)}.method.is-live .method-headline .method-mask:first-child{color:var(--m-mute)}.method.is-live .method-hud-label{top:var(--m-safe-top);left:var(--m-pad);opacity:0;z-index:4;display:inline-flex;position:absolute}.method.is-live .method-core{width:var(--m-core);height:var(--m-core);margin:calc(var(--m-core) / -2) 0 0 calc(var(--m-core) / -2);pointer-events:none;z-index:1;display:block;position:absolute;top:50%;left:50%}.method-core__ring,.method-core__dot{will-change:transform, opacity;border-radius:50%;position:absolute;inset:0}.method-core__ring{opacity:0;border:1px solid #f0f0f08c}.method-core__dot{background:var(--m-fg);opacity:0}.method-core__lines{opacity:0;width:124%;height:124%;position:absolute;inset:-12%;overflow:visible}.method-core__lines path{stroke:#f0f0f057;stroke-width:.6px;stroke-dasharray:1;stroke-dashoffset:1px}.method.is-live .method-steps{margin:0}.method.is-live .method-step{border:0;padding:0;display:block}.method.is-live .method-step__copy{left:var(--m-pad);bottom:max(var(--m-pad), 5svh);width:min(26rem, calc(100% - 2 * var(--m-pad) - 2rem));opacity:0;z-index:5;position:absolute}.method.is-live .method-step__title{font-size:clamp(1.7rem,2.7vw,2.7rem)}.method.is-live .method-step__text{max-width:24rem;font-size:.9rem}.method.is-live .method-chips,.method.is-live .method-cards,.method.is-live .method-orbit,.method.is-live .method-statement,.method.is-live .method-measure{pointer-events:none;position:absolute}.method.is-live .method-chips,.method.is-live .method-cards{inset:0}.method.is-live .method-chip{opacity:0;background:var(--m-bg);will-change:transform, opacity, filter;z-index:3;position:absolute;top:50%;left:50%}.method.is-live .method-orbit{z-index:3;width:0;height:0;display:block;top:50%;left:50%}.method.is-live .method-arm{width:0;height:0;display:block;position:absolute;top:0;left:0}.method.is-live .method-word{opacity:0;white-space:nowrap;will-change:transform, opacity;margin:0;font-size:clamp(1.05rem,1.7vw,1.7rem);position:absolute;top:0;left:0}.method.is-live .method-cards{z-index:2}.method.is-live .method-card{width:var(--m-card);height:var(--m-card);margin:calc(var(--m-card) / -2) 0 0 calc(var(--m-card) / -2);opacity:0;will-change:transform, opacity;position:absolute;top:50%;left:50%}.method.is-live .method-card__media{aspect-ratio:auto;clip-path:inset(0% 10% round 2px);will-change:clip-path;border-radius:0;position:absolute;inset:0}.method.is-live .method-card__meta{text-align:center;opacity:0;margin:.7rem 0 0;font-size:.64rem;position:absolute;top:100%;left:-20%;right:-20%}.method.is-live .method-card__meta>span{display:block}.method.is-live .method-card__touch{opacity:0;color:var(--m-fg);display:block;position:absolute;top:0;left:0;right:0}.method.is-live .method-statement{text-align:center;z-index:4;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(2.5rem,8vw,9.5rem);display:flex;inset:0}.method.is-live .method-statement .method-mask:first-child{color:var(--m-mute)}.method.is-live .method-measure{text-align:center;clip-path:circle(0);z-index:4;flex-direction:column;justify-content:center;align-items:center;display:flex;inset:0}.method.is-live .method-measure__words{place-items:center;display:grid}.method.is-live .method-measure__words li{grid-area:1/1}.method.is-live .method-measure__words .method-mask{font-size:clamp(3rem,12.4vw,24rem)}.method.is-live .method-closing{color:var(--m-fg);margin:0;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.method.is-live .method-closing .method-mask{font-size:clamp(1.9rem,5vw,5.5rem)}.method.is-live .method-progress{right:var(--m-pad);letter-spacing:.14em;color:var(--m-mute);opacity:0;z-index:5;flex-direction:column;align-items:center;gap:.8rem;margin-top:-11svh;font-size:.66rem;display:flex;position:absolute;top:50%}.method-progress__window{height:1em;line-height:1;display:block;overflow:hidden}.method-progress__roll{will-change:transform;display:block}.method-progress__roll>span{height:1em;line-height:1;display:block}.method-progress__track{background:var(--m-line);width:1px;height:16svh;display:block;position:relative}.method-progress__bar{background:var(--m-fg);transform-origin:50% 0;position:absolute;inset:0;transform:scaleY(0)}@media (max-width:767px){.method{--m-safe-top:5.75rem}.method.is-live .method-headline{font-size:clamp(2.5rem,10.6vw,4.5rem)}.method.is-live .method-step__copy{bottom:max(1.5rem,3.5svh)}.method.is-live .method-step__title{font-size:1.6rem}.method.is-live .method-step__text{font-size:.82rem}.method.is-live .method-chip{letter-spacing:.14em;font-size:.6rem}.method.is-live .method-statement{font-size:clamp(2.2rem,11.5vw,4.5rem)}.method.is-live .method-measure__words .method-mask{font-size:clamp(2.6rem,12.6vw,7rem)}.method.is-live .method-closing .method-mask{font-size:clamp(1.6rem,8vw,3rem)}.method.is-live .method-progress{margin-top:-9svh}}@media (prefers-reduced-motion:reduce){.method .method-core__lines path{stroke-dashoffset:0}}
