.service-scenes{height:calc(var(--service-distance) + 100svh);margin-top:64px;position:relative}.service-scenes-sticky{top:var(--nav-height);height:calc(100svh - var(--nav-height));border-top:1px solid #ffffff2e;border-bottom:1px solid #ffffff2e;position:sticky;overflow:hidden}.service-scene{opacity:0;background:#000;grid-template-columns:minmax(240px,5fr) minmax(320px,7fr);align-items:center;gap:48px;display:grid;position:absolute;inset:0}.service-scene:first-child{opacity:1}.service-scene-copy{align-self:center}.service-scene-copy h2{margin:8px 0 16px}.service-scene-model{width:100%;height:min(64vh,680px);position:relative}.service-scene-model video,.service-scene-model img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;display:block}.service-scene-poster{position:absolute;inset:0;display:none!important}.service-scene-model video{opacity:0}.service-scene-model video.is-frame-ready{opacity:1}.service-scene-model--video-error video{display:none}.service-scene-model--video-error .service-scene-poster{display:block!important}.method-scenes{height:calc(360vh + 100svh);margin-top:96px;position:relative}.method-scenes-sticky{top:var(--nav-height);height:calc(100svh - var(--nav-height));grid-template-columns:minmax(280px,5fr) minmax(360px,7fr);align-items:center;gap:48px;display:grid;position:sticky;overflow:hidden}.method-stage-cards{min-width:0;display:grid}.method-stage-card{opacity:0;grid-area:1/1;align-self:start;transform:translateY(24px)}.method-stage-card .phase-desc{font-size:var(--fs-body);margin-top:16px;line-height:1.45}.method-stage-details{gap:16px;margin:24px 0 0;display:grid}.method-stage-details dt{font-family:JetBrains Mono,monospace;font-size:var(--fs-mono);letter-spacing:.08em;text-transform:uppercase;color:#ffffff73;line-height:1.4}.method-stage-details dd{font-size:var(--fs-body);color:#fffc;margin:8px 0 0;line-height:1.45}.method-scenes-drawing{flex-direction:column;gap:16px;min-width:0;margin:0;display:flex}.method-example-heading{flex:none}.method-example-heading .mono{color:#ffffff73}.method-example-heading p{font-size:var(--fs-body-l);margin:8px 0 0;line-height:1.3}.method-scenes-drawing #metodo-schema{width:100%;max-height:calc(100svh - var(--nav-height) - 120px);min-height:0}#metodo-schema.method-example-schema{letter-spacing:.02em}#metodo-schema.method-example-schema .ln{vector-effect:none}#metodo-schema.method-example-schema [data-stage]{opacity:0}#metodo-schema.method-example-schema .tx{font-size:21px}#metodo-schema.method-example-schema .tx.s{letter-spacing:0;text-transform:none;fill:#ffffffa6;font-size:17px}@media (max-width:1100px) and (min-width:769px){.service-scene{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:16px;padding:24px 0}.service-scene-model{height:100%;min-height:0}.method-scenes-sticky{grid-template-columns:minmax(240px,1fr) minmax(0,1fr);gap:32px}}@media (max-width:768px){.service-scenes{height:calc(360vh + 100svh);margin-top:48px}.service-scene{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:center;gap:16px;padding:24px 0}.service-scene-copy{align-self:end}.service-scene-copy h2{font-size:var(--fs-h1)}.service-scene-model{height:100%;min-height:0;overflow:hidden}}@media (max-width:1000px){.method-scenes{height:calc(360vh + 100svh);margin-top:64px}.method-scenes-sticky{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);align-content:center;gap:16px;padding-bottom:16px}.method-stage-cards{min-height:0}.method-stage-card{padding-top:16px}.method-stage-card .phase-word{font-size:var(--fs-h3)}.method-stage-card .phase-desc{font-size:var(--fs-caption);margin-top:8px;line-height:1.4}.method-stage-details{gap:12px;margin-top:16px}.method-stage-details dd{font-size:var(--fs-caption);margin-top:4px;line-height:1.4}.method-example-heading p{font-size:var(--fs-body)}.method-scenes-drawing{height:100%;min-height:0;overflow:hidden}.method-scenes-drawing #metodo-schema{flex:auto;height:100%;max-height:100%;display:block}}@media (max-width:1000px) and (max-height:760px){#metodo-schema.method-example-schema [data-stage]{opacity:1}#metodo-schema.method-example-schema .ln{stroke-dashoffset:0}#metodo-schema.method-example-schema .tx{opacity:1}.method-scenes{height:auto}.method-scenes-sticky{flex-direction:column;align-items:stretch;height:auto;min-height:0;display:flex;position:static;overflow:visible}.method-stage-cards{gap:32px;min-height:0;display:grid}.method-stage-card{opacity:1;grid-area:auto;transform:none!important}.method-scenes-drawing{order:-1;height:auto;overflow:visible}.method-scenes-drawing #metodo-schema{flex:none;height:auto;max-height:none}}@media (prefers-reduced-motion:reduce),(max-height:640px){#metodo-schema.method-example-schema [data-stage]{opacity:1}#metodo-schema.method-example-schema .ln{stroke-dashoffset:0}#metodo-schema.method-example-schema .tx{opacity:1}.service-scenes,.method-scenes{height:auto}.service-scenes-sticky,.method-scenes-sticky{height:auto;min-height:0;position:static;overflow:visible}.service-scenes-sticky{border-bottom:0;gap:48px;display:grid}.service-scene{opacity:1;border-bottom:1px solid #ffffff2e;min-height:0;padding:32px 0;position:static;transform:none!important}.service-scene-model{height:auto;overflow:visible}.service-scene-model video,.service-scene-model img{height:auto;max-height:60svh}.service-scene-model video{display:none}.service-scene-poster{position:static;display:block!important}.method-scenes-sticky{flex-direction:column;align-items:stretch;display:flex}.method-stage-cards{gap:32px;min-height:0;display:grid}.method-stage-card{opacity:1;grid-area:auto;position:static;transform:none!important}.method-scenes-drawing{order:-1;height:auto;overflow:visible}.method-scenes-drawing #metodo-schema{height:auto;max-height:none}}@media (max-width:360px){.service-scene{padding:16px 0}.service-scene-copy h2{font-size:var(--fs-h2)}.service-scene-copy .service-desc{font-size:var(--fs-body);line-height:1.45}.service-scene-model{height:100%}}
