body[data-page=shopify] .console-story{height:480svh;min-height:0;margin:0 0 100px;padding:0;position:relative;background:var(--page-tint,#f3f1e9)}.console-accessible-title{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}body[data-page=shopify] .console-sticky{position:sticky;top:0;height:100svh;overflow:clip}body[data-page=shopify] .console-composition{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,560px) minmax(0,1fr);align-items:center;gap:40px;width:min(var(--content-width),calc(100% - 2 * var(--content-gutter)));max-width:none;height:100%;padding:0;margin:0 auto}body[data-page=shopify] .console-object{position:relative;grid-column:2;grid-row:1;inset:auto;transform:none;width:100%;height:min(800px,84svh);max-height:none;max-width:none;align-self:center;margin:0}body[data-page=shopify] .console-copy{display:contents;position:static;width:auto;min-height:0;margin:0}body[data-page=shopify] .console-phase{position:relative;inset:auto;grid-column:1;grid-row:1;width:100%;max-width:288px;margin:0;align-self:center;opacity:0;visibility:hidden;transform:none;pointer-events:none}body[data-page=shopify] .console-phase[data-phase="1"]{grid-column:3;justify-self:end}body[data-page=shopify] .console-phase[data-visible=true]{pointer-events:auto}body[data-page=shopify] .console-phase h3{font-size:clamp(30px,2.7vw,40px);line-height:1.06;letter-spacing:-.04em;font-weight:700;margin:0 0 20px}body[data-page=shopify] .console-phase p{font-size:18px;line-height:1.4;max-width:none;margin:0}body[data-page=shopify] .console-phase .text-link{display:inline-block;font-size:14px;line-height:1.4;margin-top:24px}@media(min-width:901px)and (max-width:1200px){body[data-page=shopify] .console-composition{grid-template-columns:minmax(0,1fr) minmax(300px,44%) minmax(0,1fr);gap:28px}body[data-page=shopify] .console-phase h3{font-size:30px}body[data-page=shopify] .console-phase p{font-size:16px}}@media(max-width:900px){body[data-page=shopify] .console-story{height:460svh;margin-bottom:72px}body[data-page=shopify] .console-composition{display:block;width:calc(100% - 40px)}body[data-page=shopify] .console-object{position:absolute;left:50%;top:58px;transform:translate(-50%);width:min(100%,500px);height:52svh;max-height:520px;margin:0}body[data-page=shopify] .console-phase,body[data-page=shopify] .console-phase[data-phase="1"]{position:absolute;left:0;right:0;top:calc(90px + min(52svh,520px));bottom:auto;width:100%;max-width:430px;min-height:170px;margin-inline:auto;transform:none;justify-self:auto}body[data-page=shopify] .console-phase h3{font-size:32px;line-height:1.06;margin-bottom:16px}body[data-page=shopify] .console-phase p{font-size:17px;line-height:1.4;max-width:390px}body[data-page=shopify] .console-phase .text-link{margin-top:20px;font-size:14px}}@media(max-width:900px)and (max-height:680px){body[data-page=shopify] .console-object{top:42px;height:44svh}body[data-page=shopify] .console-phase,body[data-page=shopify] .console-phase[data-phase="1"]{top:auto;bottom:28px;min-height:150px}body[data-page=shopify] .console-phase h3{font-size:28px;margin-bottom:12px}body[data-page=shopify] .console-phase p{font-size:15px}body[data-page=shopify] .console-phase .text-link{margin-top:16px}}@media(min-width:600px)and (max-width:900px)and (max-height:500px){body[data-page=shopify] .console-composition{display:grid;grid-template-columns:1fr 1fr;gap:24px}body[data-page=shopify] .console-object{position:relative;inset:auto;transform:none;grid-column:1;grid-row:1;width:100%;height:84svh}body[data-page=shopify] .console-phase,body[data-page=shopify] .console-phase[data-phase="1"]{position:relative;inset:auto;grid-column:2;grid-row:1;min-height:0;margin:0}}@media(prefers-reduced-motion:reduce){body[data-page=shopify] .console-story{height:auto;margin-bottom:72px;padding-block:70px}body[data-page=shopify] .console-sticky{position:relative;height:auto;overflow:visible}body[data-page=shopify] .console-composition{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}body[data-page=shopify] .console-object{position:relative;inset:auto;transform:none;grid-column:1/-1;grid-row:1;width:min(500px,100%);height:560px;max-height:none;justify-self:center}body[data-page=shopify] .console-phase,body[data-page=shopify] .console-phase[data-phase="1"]{position:relative;inset:auto;grid-column:auto;grid-row:2;max-width:none;width:100%;min-height:0;opacity:1!important;visibility:visible!important;transform:none!important;pointer-events:auto;margin:0}}@media(max-width:900px)and (prefers-reduced-motion:reduce){body[data-page=shopify] .console-composition{display:flex;flex-direction:column;align-items:stretch;gap:40px}body[data-page=shopify] .console-object{height:430px;align-self:center}}body[data-page=shopify] .console-sticky,body[data-page=shopify] .console-object{overflow:visible}body[data-page=shopify] .console-object iframe{top:-500px;bottom:auto;height:calc(100% + 500px);pointer-events:none}body[data-page=shopify] .console-story .monitor-text-curtain{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none;z-index:2}body[data-page=shopify] .console-story .monitor-text-curtain[hidden]{display:none}@media(prefers-reduced-motion:reduce){body[data-page=shopify] .console-story .monitor-text-curtain{display:none}}body[data-page=shopify] .console-story .monitor-step{position:absolute;left:0;bottom:calc(100% + 24px);display:flex;align-items:baseline;color:inherit;font:400 48px/1 Protocol,Arial,sans-serif;letter-spacing:-.045em;font-variant-numeric:tabular-nums}body[data-page=shopify] .console-story .monitor-step-window{position:relative;display:grid;width:1.3em;height:1.12em;overflow:clip;isolation:isolate}body[data-page=shopify] .console-story .monitor-step-window>span{position:relative;grid-area:1/1;display:block;line-height:1.12}@media(max-width:900px),(prefers-reduced-motion:reduce){body[data-page=shopify] .console-story .monitor-step{position:relative;bottom:auto;margin-bottom:12px;font-size:32px}}@media(max-width:900px)and (min-height:681px)and (prefers-reduced-motion:no-preference){body[data-page=shopify] .console-object{top:48px;height:48svh}body[data-page=shopify] .console-phase,body[data-page=shopify] .console-phase[data-phase="1"]{top:calc(72px + min(48svh,520px))}}@media(max-width:900px)and (min-height:681px)and (max-height:760px)and (prefers-reduced-motion:no-preference){body[data-page=shopify] .console-object{height:44svh}body[data-page=shopify] .console-phase,body[data-page=shopify] .console-phase[data-phase="1"]{top:calc(72px + 44svh)}}