.material-story{--material-ink: #e7e9dd;--material-muted: #b9c3b8;--material-accent: #d2dfaf;position:relative;height:265svh;background:#111c18;color:var(--material-ink);isolation:isolate}.material-story-sticky{position:sticky;top:0;height:100svh;min-height:700px;overflow:hidden;background:radial-gradient(ellipse at 35% 54%,#75836a18,transparent 66%)}.material-story-canvas{position:absolute;top:0;right:0;bottom:0;left:0;touch-action:pan-y;cursor:grab}.material-story-canvas.is-dragging{cursor:grabbing}.material-story-canvas canvas{display:block;width:100%;height:100%}.material-story-frame{position:absolute;top:28%;right:36%;bottom:18%;left:4.5%;pointer-events:none;opacity:0;transition:opacity .5s}.material-story-frame i{position:absolute;width:13px;height:13px;border:solid #b6c5ad38}.material-story-frame i:nth-child(1){inset:0 auto auto 0;border-width:1px 0 0 1px}.material-story-frame i:nth-child(2){inset:0 0 auto auto;border-width:1px 1px 0 0}.material-story-frame i:nth-child(3){inset:auto 0 0 auto;border-width:0 1px 1px 0}.material-story-frame i:nth-child(4){inset:auto auto 0 0;border-width:0 0 1px 1px}.material-story[data-labels=true] .material-story-frame{opacity:1}.material-story-copy{position:absolute;z-index:2;left:5.5%;top:max(100px,12%);width:40%;max-width:580px;pointer-events:none}.material-story-eyebrow{display:flex;gap:34px;align-items:center;margin:0 0 22px;font-size:12px;letter-spacing:.15em;line-height:1;text-transform:uppercase}.material-story-eyebrow span:last-child{color:var(--material-muted)}.material-story h2{margin:0;font-size:clamp(42px,4.6vw,80px);font-weight:500;line-height:1.025;letter-spacing:-.03em}.material-story-description{max-width:34ch;margin:21px 0 0;font-size:16px;line-height:1.6;color:#b9c3b8}.material-story h2>span,.material-story-description>span{display:none}.material-story[data-phase=roll] .material-copy-roll,.material-story[data-phase=layers] .material-copy-layers,.material-story[data-phase=whole] .material-copy-whole{display:block}.material-story[data-phase=layers] .material-story-copy{top:max(100px,12%);width:60%;max-width:700px}.material-story[data-phase=layers] h2{font-size:clamp(31px,2.8vw,42px);line-height:1.05;letter-spacing:-.035em;text-wrap:balance}.material-story[data-phase=layers] .material-story-description{max-width:42ch;margin-top:16px;font-size:16px}.material-story-leaders{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none;opacity:0;transition:opacity .3s}.material-story-leaders path{fill:none;stroke:#b9cbb8;stroke-width:.6}.material-story-leaders path[data-active=true]{stroke:#d2dfaf;stroke-width:.9}.material-story-leaders circle{fill:#d2dfaf}.material-story[data-labels=true] .material-story-leaders{opacity:1}.material-story-explorer{position:absolute;z-index:2;right:5.5%;top:28%;width:26%;max-width:360px;opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .4s,visibility .4s,transform .4s}.material-story[data-labels=true] .material-story-explorer,.material-story[data-reduced=true] .material-story-explorer,.material-story[data-failed=true] .material-story-explorer{opacity:1;visibility:visible;transform:none}.material-explorer-heading{display:flex;justify-content:space-between;padding-bottom:15px;border-bottom:1px solid #b8cab844;color:var(--material-muted);font-size:12px;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}.material-explorer-heading>:last-child{letter-spacing:.04em;font-variant-numeric:tabular-nums}.material-story-layers{list-style:none;margin:0;padding:0}.material-story-layers li{position:relative;border-bottom:1px solid #b8cab823;color:#acb8ad;transition:color .25s,border-color .25s}.material-story-layers li[data-active=true]{color:var(--material-ink);border-color:#d2dfaf9c}.material-layer-button{display:grid;grid-template-columns:25px 1fr 12px;align-items:center;gap:9px;width:100%;min-height:58px;padding:10px 0;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer}.material-layer-button:hover{color:#f0f4e9}.material-layer-button:focus-visible{outline:2px solid #d2dfaf;outline-offset:4px}.material-layer-number{align-self:start;padding-top:3px;color:#b0bdb2;font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.05em}.material-story-layers li[data-active=true] .material-layer-number{color:var(--material-accent)}.material-layer-name{display:block;font-size:clamp(12px,1.04vw,16px);line-height:1.3}.material-layer-role{display:block;margin-top:4px;font-size:12px;line-height:1.25;color:#b0bdb2;letter-spacing:.025em}.material-layer-indicator{position:relative;width:8px;height:8px;border:1px solid #afc09c80;transform:rotate(45deg);transition:background .2s,transform .25s}.material-layer-button[aria-pressed=true] .material-layer-indicator{background:var(--material-accent);border-color:var(--material-accent);transform:rotate(0)}.material-story-benefit{box-sizing:border-box;min-height:180px;padding-top:24px}.material-story-benefit>div[hidden]{display:none}.material-benefit-index{display:flex;align-items:center;gap:9px;margin-bottom:12px;color:var(--material-accent);font-size:12px;line-height:1.3;text-transform:uppercase;letter-spacing:.08em}.material-benefit-index i{width:15px;height:1px;background:#d2dfaf55}.material-story-benefit strong{display:block;max-width:320px;font-size:clamp(23px,2vw,30px);font-weight:500;line-height:1.12;letter-spacing:-.035em}.material-story-benefit p{max-width:320px;margin:11px 0 0;font-size:12px;line-height:1.6;color:#b9c3b8}.material-story-scale{position:absolute;left:5.5%;bottom:13%;margin:0;max-width:47%;font-size:12px;line-height:1.5;color:var(--material-muted);opacity:0;transition:opacity .3s;pointer-events:none}.material-story[data-phase=layers] .material-story-scale{opacity:1}.material-story-bottom{position:absolute;z-index:2;left:5.5%;right:5.5%;bottom:5%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding-top:19px;border-top:1px solid #b8cab822;font-size:12px;letter-spacing:.1em;pointer-events:none}.material-story-product>span{display:block;margin-top:7px;font-size:12px;letter-spacing:0;color:var(--material-muted)}.material-story-progress{display:flex;gap:14px;align-items:center;color:#afbbb0;font-size:12px;letter-spacing:.02em}.material-story-progress i{display:block;width:22px;height:1px;background:#b8cab82b}.material-story-progress b{display:block;height:1px;background:#d2dfaf80;transform:scaleX(var(--material-progress, 0));transform-origin:left center}.material-story[data-phase=roll] [data-step=roll],.material-story[data-phase=layers] [data-step=layers],.material-story[data-phase=whole] [data-step=whole]{color:var(--material-ink)}.material-story-hint{max-width:190px;letter-spacing:.02em;color:#b9c3b8;padding-right:45px;text-align:right;line-height:1.6}.material-hint-layers,.material-story[data-labels=true] .material-hint-default{display:none}.material-story[data-labels=true] .material-hint-layers{display:inline}.material-story-status{position:absolute;bottom:17%;left:5.5%;font-size:12px;color:#b9c3b8}.material-story-error{position:absolute;left:5.5%;top:56%;max-width:35%;font-size:16px;line-height:1.6}.material-story-error button{margin-top:10px;background:transparent;border:1px solid #b8cab888;border-radius:var(--rc-radius, 6px);color:inherit;padding:11px 22px;min-height:var(--rc-control-height, 48px);font-size:14px;font-weight:500;cursor:pointer}.material-story-error button:focus-visible{outline:2px solid #d2dfaf;outline-offset:4px}.material-story[data-failed=true],.material-story[data-reduced=true]{height:auto;min-height:100svh}.material-story[data-failed=true] .material-story-sticky,.material-story[data-reduced=true] .material-story-sticky{position:relative}.material-story[data-failed=true] .material-story-leaders,.material-story[data-failed=true] .material-story-frame,.material-story[data-failed=true] .material-story-progress{display:none}.material-story[data-reduced=true] .material-story-explorer{transition:none}@media(min-width:761px)and (max-width:1100px){.material-story-explorer{width:28%;right:4%}.material-story-benefit strong{font-size:24px}.material-story-progress{display:none}.material-story-progress i{width:14px}}@media(max-width:760px){.material-story{height:265svh}.material-story-sticky{min-height:740px}.material-story-copy,.material-story[data-phase=layers] .material-story-copy{left:7%;top:max(85px,10%);width:86%;max-width:none}.material-story-eyebrow{margin-bottom:14px;font-size:12px;gap:26px}.material-story h2{font-size:clamp(37px,9.1vw,55px)}.material-story-description{margin-top:15px;max-width:31ch;font-size:15px}.material-story[data-phase=layers] h2{font-size:clamp(27px,6.7vw,34px)}.material-story[data-phase=layers] .material-story-description{max-width:38ch;margin-top:10px;font-size:15px}.material-story-canvas{top:25%;right:0;bottom:40%;left:0;transform:translateY(calc(var(--material-finish, 0) * 13svh))}.material-story-frame{top:27%;right:5%;bottom:41%;left:5%}.material-story-leaders{display:none}.material-story-explorer{left:7%;right:7%;top:auto;bottom:12%;width:auto;max-width:none}.material-explorer-heading{padding-bottom:10px;font-size:12px}.material-story-layers{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.material-layer-button{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-height:92px;padding:10px 0 8px}.material-layer-number{padding:0;font-size:12px}.material-layer-name{font-size:13px;line-height:1.35}.material-layer-role,.material-layer-indicator{display:none}.material-story-benefit{min-height:162px;padding-top:15px}.material-benefit-index{margin-bottom:8px;font-size:12px}.material-story-benefit strong{max-width:none;font-size:23px}.material-story-benefit p{max-width:390px;font-size:15px;line-height:1.5;margin-top:8px}.material-story-scale{left:7%;bottom:9.5%;max-width:86%;font-size:12px}.material-story-bottom{left:7%;right:7%;bottom:3.5%;padding-top:13px;font-size:12px;gap:12px}.material-story-product>span{font-size:12px;margin-top:5px}.material-story-progress{display:none}.material-story-hint{max-width:155px;font-size:12px;padding-right:0}.material-story-status{left:7%;bottom:36%;font-size:15px}.material-story-error{left:7%;top:35%;max-width:82%;font-size:12px}}@media(prefers-reduced-motion:reduce){.material-story *,.material-story *:before,.material-story *:after{transition:none!important}}@media(max-height:740px){.material-story .material-story-sticky{min-height:0}.material-story-copy,.material-story[data-phase=layers] .material-story-copy{top:92px}.material-story-eyebrow{margin-bottom:13px}.material-story[data-phase=layers] h2{font-size:34px}.material-story[data-phase=layers] .material-story-description{margin-top:11px}.material-story-explorer{top:25%}.material-explorer-heading{padding-bottom:10px;font-size:12px}.material-layer-button{min-height:48px;padding:7px 0}.material-layer-name{font-size:13px}.material-layer-role{margin-top:3px;font-size:12px}.material-story-benefit{min-height:132px;padding-top:15px}.material-benefit-index{margin-bottom:9px}.material-story-benefit strong{font-size:25px}.material-story-benefit p{margin-top:8px;font-size:15px;line-height:1.5}.material-story-bottom{bottom:4%;padding-top:13px}}@media(max-width:760px)and (max-height:740px){.material-story-copy,.material-story[data-phase=layers] .material-story-copy{top:84px}.material-story[data-phase=layers] h2{font-size:27px}.material-story-canvas{top:27%;right:0;bottom:42%;left:0}.material-story-frame{top:30%;right:5%;bottom:43%;left:5%}.material-story-explorer{top:auto;bottom:11.5%}.material-layer-button{min-height:88px;padding:8px 0}.material-layer-name{font-size:13px}.material-story-benefit{min-height:158px;padding-top:12px}.material-story-benefit strong{font-size:22px}.material-story-scale{bottom:8.8%}.material-story-bottom{bottom:2.5%}}