:root{--ink:#20221f;--paper:#ecebe5;--muted:#676961;--line:rgba(30,32,28,.18);--gutter:4.2vw;color-scheme:light;font-family:Arial,"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);overflow-x:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid #a0612b;outline-offset:6px}button{touch-action:manipulation}button:disabled{cursor:default}
.render-layer,.grain{position:fixed;inset:0;pointer-events:none}.render-layer{z-index:0}#scene{width:100%;height:100%;display:block}.grain{z-index:2;opacity:.035;background-repeat:repeat;background-size:64px 64px}
.site-header{position:fixed;z-index:5;top:0;left:0;right:0;height:106px;padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;color:var(--ink)}.wordmark{font-size:27px;font-weight:600;letter-spacing:-1.7px;line-height:1}.wordmark-dot{font-size:10px;vertical-align:super;margin-left:3px;letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:32px}.nav-link{min-height:44px;padding:8px 0;background:transparent;font-size:13px}.nav-link span{margin-left:9px;font-size:16px}.nav-link:after{content:"";display:block;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.nav-link:hover:after{transform:scaleX(1)}
#journey{position:relative;z-index:3;height:285svh}.opening,.product-overlay{position:fixed;inset:0;pointer-events:none}.opening-top{position:absolute;top:21%;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between}.eyebrow,.edition,.hero-bottom,.product-top,.product-bottom,.preview-label,.chapter-rail{font-family:"Courier New",monospace;font-size:10px;line-height:1.5;letter-spacing:.09em}.edition{color:var(--muted)}.fallback-brand{position:absolute;width:100%;text-align:center;margin:0;top:37%;font-size:15.5vw;letter-spacing:-.075em;font-weight:500;line-height:1}.webgl-ready .fallback-brand{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.hero-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:18.3%;display:flex;justify-content:space-between;align-items:end;gap:24px}.intro{font-size:24px;letter-spacing:.03em;margin:0 0 12px;font-weight:400}.support{font-size:12px;margin:0;color:var(--muted)}.explore-button{display:flex;align-items:center;gap:28px;background:none;padding:0;pointer-events:auto;font-size:13px}.round-arrow{width:61px;height:61px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:25px;transition:background .3s,transform .3s}.explore-button:hover .round-arrow{background:rgba(255,255,255,.5);transform:rotate(-10deg)}.hero-bottom{position:absolute;bottom:7.2%;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:var(--muted)}.scroll-note{display:flex;align-items:center;gap:12px}.scroll-note i{height:22px;width:1px;background:currentColor;display:block;transform-origin:top;animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{0%,100%{transform:scaleY(.55);opacity:.4}50%{transform:scaleY(1);opacity:1}}
.product-overlay{color:#f4f1e9;visibility:hidden;opacity:0}.product-top{position:absolute;top:20%;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;color:#b3b2aa}.product-caption{position:absolute;left:var(--gutter);right:var(--gutter);bottom:15.2%;display:flex;justify-content:space-between;align-items:end}.product-identity .eyebrow{margin:0 0 12px;color:#b3b2aa}.product-identity h2{font-size:48px;line-height:1;margin:0 0 16px;font-weight:400;letter-spacing:-2px}.product-identity p:last-child{margin:0;font-size:13px;color:#c7c7bf}.return-button{background:none;pointer-events:auto;border-bottom:1px solid #7d7e77;padding:18px 0;display:flex;gap:60px;font-size:12px}.return-button span:last-child{font-size:19px;transition:transform .25s}.return-button:hover span:last-child{transform:translate(-4px,-4px)}.product-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:7.2%;display:flex;justify-content:space-between;color:#95978e}
.preview-controls{position:fixed;left:var(--gutter);bottom:22px;z-index:6;display:flex;gap:24px;align-items:center;color:var(--muted)}.preview-controls button{min-height:44px;padding:0;background:transparent;display:flex;align-items:center;gap:7px;font-size:10px}.motion-icon{font-size:13px}.preview-label{font-size:8px;color:inherit;opacity:.55}.chapter-rail{position:fixed;z-index:5;right:22px;top:44%;display:flex;flex-direction:column;align-items:center;gap:12px;font-size:9px;color:var(--muted)}.chapter-rail i{width:1px;height:60px;background:var(--line);display:block;position:relative}.chapter-rail b{display:block;position:absolute;top:0;width:1px;height:100%;background:currentColor;transform:scaleY(0);transform-origin:top}.skip-link{position:fixed;z-index:20;left:16px;top:8px;padding:12px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}
dialog{max-width:560px;width:calc(100% - 40px);padding:62px 48px 48px;border:0;background:#ecebe5;color:#20221f}dialog::backdrop{background:rgba(16,18,15,.66);backdrop-filter:blur(9px)}dialog h2{font-size:38px;font-weight:400;line-height:1.35;letter-spacing:-1px;margin:24px 0}dialog p:not(.eyebrow){font-size:14px;line-height:1.9;color:#5c5f56}.dialog-note{padding-top:20px;border-top:1px solid #c9cbc1}.dialog-close{position:absolute;top:12px;right:15px;width:44px;height:44px;font-size:30px;background:none}
.no-webgl .render-layer{background:radial-gradient(ellipse at 55% 36%,rgba(164,164,153,.16),transparent 40%),#ecebe5}.no-webgl .fallback-brand{display:block}.no-webgl .product-overlay:before{content:"";position:absolute;inset:0;background:#20221f;z-index:-1}.no-webgl .product-caption{bottom:36%}
@media(min-width:1700px){.intro{font-size:30px}.wordmark{font-size:32px}.eyebrow,.edition,.hero-bottom,.product-top,.product-bottom{font-size:12px}.hero-caption{bottom:19%}.product-identity h2{font-size:60px}}
@media(max-width:700px){:root{--gutter:24px}.site-header{height:82px}.wordmark{font-size:23px}.site-header nav{gap:22px}.nav-link{font-size:12px}.opening-top{top:17%;display:block}.eyebrow,.edition{font-size:9px}.edition{display:none}.fallback-brand{font-size:20vw;top:37%;letter-spacing:-.08em}.hero-caption{bottom:20%;align-items:start;flex-direction:column;gap:24px}.intro{font-size:23px}.support{font-size:12px}.explore-button{gap:18px;font-size:12px}.round-arrow{width:48px;height:48px;font-size:22px}.hero-bottom{bottom:9.4%;font-size:8px}.hero-bottom>span:last-child{display:none}.scroll-note{gap:8px}.product-top{top:16%;font-size:8px}.product-caption{bottom:17%;gap:14px}.product-identity h2{font-size:35px;letter-spacing:-1px}.product-identity p:last-child{font-size:11px}.product-identity .eyebrow{font-size:8px}.return-button{gap:15px;padding:15px 0;font-size:10px}.product-bottom{font-size:8px;bottom:9.4%}.chapter-rail{right:10px;font-size:8px;gap:8px;top:41%}.chapter-rail i{height:40px}.preview-controls{bottom:9px;gap:14px}.preview-label{font-size:7px}.preview-controls button{font-size:9px}#journey{height:240svh}dialog{padding:50px 28px 30px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-note i{animation:none}.round-arrow,.nav-link:after,.return-button span:last-child{transition:none}}
html[data-motion="reduced"]{scroll-behavior:auto}html[data-motion="reduced"] .scroll-note i{animation:none}html[data-motion="reduced"] .round-arrow,html[data-motion="reduced"] .nav-link:after,html[data-motion="reduced"] .return-button span:last-child{transition:none}

/* Chapter 03 is an editorial surface, not a second dashboard. */
#journey{height:390svh}
.opening,.product-overlay,.workflow-overlay{will-change:transform,opacity}
.workflow-overlay{position:fixed;inset:0;pointer-events:none;color:#f4f1e9;opacity:0;visibility:hidden}
.workflow-grid{position:absolute;inset:27% var(--gutter) 18%;display:grid;grid-template-columns:1fr 1.1fr;gap:8vw;align-items:center}
.workflow-copy .eyebrow{color:#aaa69b;margin:0 0 22px}
.workflow-copy h2{font-size:clamp(48px,5.8vw,92px);font-weight:400;line-height:1.1;letter-spacing:-.055em;margin:0 0 22px}
.workflow-summary{font-size:15px;line-height:1.8;color:#bfb9ae;margin:0 0 27px}
.text-action,.replay-button{background:transparent;pointer-events:auto;min-height:44px;padding:0;font-size:12px;color:inherit}
.text-action span{display:inline-block;margin-left:22px;font-size:17px;transition:transform .25s}
.text-action:hover span{transform:translate(-3px,-3px)}
.workflow-demo{min-width:0;pointer-events:auto}
.workflow-tabs{display:flex;border-bottom:1px solid #44403a;margin-bottom:20px;gap:28px}
.workflow-tabs button{padding:0 3px 13px;min-height:44px;background:transparent;color:#827e75;font-size:13px;position:relative}
.workflow-tabs button span{font:10px "Courier New",monospace;margin-right:7px}
.workflow-tabs button[aria-selected="true"]{color:#efe9df}
.workflow-tabs button[aria-selected="true"]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:#d0b887}
.workflow-figure{margin:0}#workflow-art{display:block;width:100%;height:auto;aspect-ratio:1200/760}
.workflow-figure figcaption{display:flex;gap:12px;justify-content:space-between;align-items:baseline;padding-top:16px;font-size:13px}
.concept-note{font-size:9px;color:#8e8a80;white-space:nowrap}
.workflow-description{color:#aaa397;font-size:11px;line-height:1.8;margin:12px 0 0}
.replay-button{font:10px "Courier New",monospace;letter-spacing:.09em}.replay-button span{margin-left:15px;font-size:14px}
.workflow-overlay .product-top{top:20%}.workflow-overlay .product-bottom{align-items:center;bottom:8%}.workflow-overlay .product-bottom>span{display:none}
.preview-controls{gap:20px}.preview-controls #quality-button{gap:7px}.quality-label{color:inherit}
.no-webgl .workflow-overlay:before{content:"";position:absolute;inset:0;background:#171616;z-index:-1}
@media(max-width:900px) and (min-width:701px){.workflow-grid{gap:5vw;grid-template-columns:1fr 1.2fr}.workflow-copy h2{font-size:55px}.workflow-tabs{gap:15px}.concept-note{font-size:8px}}
@media(max-width:700px){
  #journey{height:360svh}
  .workflow-overlay .product-top{top:14%}
  .workflow-grid{inset:21% var(--gutter) 18%;display:flex;flex-direction:column;gap:23px;align-items:stretch;justify-content:start}
  .workflow-copy .eyebrow{font-size:8px;margin:0 0 12px}
  .workflow-copy h2{font-size:40px;line-height:1.1;margin:0 0 14px}
  .workflow-copy h2 br{display:none}
  .workflow-summary{font-size:11px;line-height:1.8;margin:0}
  .workflow-summary br{display:none}
  .workflow-copy .text-action{display:none}
  .workflow-tabs{margin-bottom:14px;gap:30px}
  .workflow-tabs button{font-size:12px;padding-bottom:10px}
  .workflow-tabs button span{font-size:9px}
  .workflow-figure figcaption{font-size:11px;padding-top:13px;gap:8px}
  .concept-note{font-size:8px}
  .workflow-description{font-size:10px;margin-top:8px}
  .workflow-overlay .product-bottom{bottom:10%;font-size:8px}
  .replay-button{font-size:8px}
  .preview-controls{gap:17px}
  .preview-controls #quality-button{font-size:9px;gap:6px}
}
@media(max-height:680px) and (min-width:701px){.workflow-grid{inset:24% var(--gutter) 19%;gap:10vw}.workflow-copy h2{font-size:56px}.workflow-demo{max-width:470px}.workflow-copy .eyebrow{margin-bottom:12px}.workflow-summary{margin-bottom:12px}}
html[data-motion="reduced"] .text-action span{transition:none}

/* Distinguish exploration from the portal entry without adding a hero panel. */
.site-header .portal-login-link{border:1px solid currentColor;border-radius:3px;padding:10px 16px;min-height:44px;display:flex;align-items:center}
.site-header .portal-login-link:after{display:none}
.product-page-link{display:inline-flex;align-items:center;margin-left:26px}
.site-header .nav-link{white-space:nowrap;flex-shrink:0}
@media(max-width:700px){.site-header nav{gap:15px}.site-header #about-button,.site-header nav>a[href="/products"],.site-header nav>a[href="/portal/"]{display:none}.site-header .portal-login-link{padding:9px 12px}.product-page-link{margin:15px 0 0;font-size:11px}}

/* 04 — one material, one camera, one editorial world. */
.product-overlay,.workflow-overlay{color:var(--ink)}
.product-top,.product-bottom{color:var(--muted);font-size:11px}
.product-caption{top:27%;bottom:auto;left:54%;right:var(--gutter);display:block}
.product-identity .eyebrow{color:var(--muted);font-size:10px;letter-spacing:.12em;margin:0 0 24px}
.product-identity h2{font-size:clamp(56px,7vw,112px);line-height:1;letter-spacing:-.065em;font-weight:500;margin:0 0 30px;white-space:nowrap}
.title-period{color:#a7885c}
.product-identity .product-promise{font-size:clamp(27px,2.9vw,44px);line-height:1.4;font-weight:400;letter-spacing:.025em;margin:0 0 20px;color:var(--ink)}
.product-identity p.product-support{font-size:14px;line-height:1.85;color:var(--muted);margin:0}
.product-notes{display:flex;align-items:center;gap:20px;margin:30px 0 26px;padding-top:18px;border-top:1px solid var(--line);max-width:330px;color:#898a81}
.product-notes span{display:flex;align-items:center;gap:8px;font:10px "Courier New",monospace}
.product-notes b{font:12px Arial,"PingFang SC",sans-serif;color:var(--ink);font-weight:400}
.product-notes i{font-style:normal;font-size:14px;color:#a7885c}
.product-action{border:0;padding:0;gap:30px;align-items:center;font-size:13px;min-height:56px}
.product-action .round-arrow{width:52px;height:52px;font-size:23px}
.product-action:hover .round-arrow{background:rgba(255,255,255,.55);transform:translate(3px,3px)}
.product-overlay .product-bottom{bottom:9%}
.preview-controls button{font-size:11px}
.preview-label{font-size:9px}
.workflow-copy .eyebrow{color:var(--muted)}
.workflow-summary,.workflow-description{color:var(--muted)}
.workflow-tabs{border-color:var(--line)}
.workflow-tabs button{color:#85867e}
.workflow-tabs button[aria-selected="true"]{color:var(--ink)}
.workflow-tabs button[aria-selected="true"]:after{background:#a7885c}
.concept-note{color:var(--muted);font-size:10px}
.no-webgl .product-overlay:before,.no-webgl .workflow-overlay:before{background:var(--paper)}
.no-webgl .product-caption{bottom:auto}
.no-webgl .product-overlay:after{content:"";position:absolute;left:8%;top:28%;width:30vw;height:30vw;border:2px solid #b2b3a8;border-radius:39%;box-shadow:16px 16px 0 -1px var(--paper),16px 16px 0 1px #c4c2b7;transform:rotate(-18deg);z-index:-1}
@media(min-width:701px) and (max-height:760px){
  .product-caption{top:23%}
  .product-identity h2{font-size:clamp(54px,6.4vw,88px);margin-bottom:21px}
  .product-identity .eyebrow{margin-bottom:17px}
  .product-identity .product-promise{font-size:29px;line-height:1.35;margin-bottom:13px}
  .product-identity p.product-support{font-size:13px}
  .product-notes{margin:18px 0 16px;padding-top:13px}
}
@media(min-width:701px) and (max-width:1000px){
  .product-caption{left:51%;right:5%}
  .product-identity h2{font-size:clamp(48px,7vw,70px)}
  .product-identity .eyebrow{font-size:9px}
  .product-notes{gap:14px}
}
@media(max-width:700px){
  .product-top{top:15%;font-size:10px}
  .product-top .eyebrow{font-size:10px;letter-spacing:.04em;max-width:185px}
  .product-caption{top:49%;left:var(--gutter);right:var(--gutter);bottom:auto}
  .product-identity .eyebrow{font-size:10px;margin-bottom:12px}
  .product-identity h2{font-size:clamp(45px,13vw,76px);margin-bottom:16px}
  .product-identity .product-promise{font-size:25px;line-height:1.4;letter-spacing:.025em;margin-bottom:10px}
  .product-identity .product-promise br{display:none}
  .product-identity p.product-support{font-size:12px;line-height:1.7;max-width:235px}
  .product-identity .product-support br{display:none}
  .product-notes{margin:16px 0 0;padding-top:12px;max-width:208px;gap:11px}
  .product-notes span{font-size:9px;gap:5px}
  .product-notes b{font-size:11px}
  .product-action{position:absolute;right:0;bottom:0;gap:13px;min-height:48px}
  .product-action>span:first-child{max-width:52px;font-size:12px;line-height:1.5}
  .product-action .round-arrow{width:45px;height:45px;font-size:21px}
  .product-overlay .product-bottom{bottom:10%;font-size:9px}
  .preview-controls{gap:14px;bottom:8px}
  .preview-controls button,.preview-controls #quality-button{font-size:11px}
  .preview-label{font-size:8px}
  .hero-bottom{font-size:9px}
  .opening-top .eyebrow{font-size:10px}
  .workflow-copy .eyebrow,.workflow-description,.concept-note,.replay-button{font-size:11px}
  .workflow-summary{font-size:12px}
  .workflow-overlay .product-top{font-size:10px}
  .no-webgl .product-overlay:after{left:32%;top:22%;width:32vw;height:32vw}
}
@media(max-width:700px) and (max-height:740px){
  .product-caption{top:46%}
  .product-identity h2{margin-bottom:11px}
  .product-identity .product-promise{font-size:23px;margin-bottom:8px}
  .product-identity .eyebrow{font-size:9px;margin-bottom:8px}
  .product-notes{margin-top:12px;padding-top:10px}
  .product-top{top:15%}
}
@media(prefers-reduced-motion:reduce){.product-action:hover .round-arrow{transform:none}}
html[data-motion="reduced"] .product-action:hover .round-arrow{transform:none}

/* 05 — the glass is the frame; the canvas is the subject. */
.scene-definitions{position:absolute;overflow:hidden;pointer-events:none}
.product-top{top:17%;font-size:12px}
.product-top .eyebrow{font-size:11px;letter-spacing:.07em}
.product-caption{top:26%;left:var(--gutter);right:auto;width:27%}
.product-identity .eyebrow{font-family:inherit;font-size:13px;letter-spacing:0;margin-bottom:19px}
.product-identity h2{font-size:clamp(48px,4.6vw,76px);margin-bottom:28px;letter-spacing:-.065em}
.product-identity .product-promise{font-size:clamp(23px,2vw,31px);line-height:1.55;letter-spacing:0;margin-bottom:19px}
.product-identity p.product-support{font-size:14px;line-height:1.8}
.product-entry{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;margin-top:29px;padding:0 20px;background:var(--ink);color:#f7f5ed;border-radius:4px;font-size:13px;pointer-events:auto;transition:background .2s,transform .2s}
.product-entry:hover{background:#43443c;transform:translateY(-2px)}
.product-entry span{font-size:19px}
.product-action{display:flex;position:static;align-items:center;gap:13px;min-height:44px;margin-top:12px;padding:0;background:transparent;pointer-events:auto;font-size:13px}
.product-action span{font-size:17px}
.canvas-stage{position:absolute;left:34%;right:var(--gutter);top:25%;height:55%;min-height:355px;max-height:550px;overflow:hidden;border:1px solid rgba(112,108,94,.22);border-radius:16px;background:#f7f6f0;box-shadow:0 22px 50px rgba(59,49,31,.09);pointer-events:auto}
.stage-header{height:57px;display:flex;align-items:center;gap:12px;padding:0 21px;background:#fcfbf6;border-bottom:1px solid #e7e4d9}
.stage-mark{width:28px;height:28px;display:grid;place-items:center;font-size:18px;font-weight:600;color:#514838;background:#ebe6d7;border-radius:7px}
.stage-project{display:flex;align-items:center;gap:14px;font-size:13px;font-weight:500}
.stage-project>span{font-size:12px;font-weight:400;color:#797a71}
.stage-demo-label{margin-left:auto;color:#6d6e64;font-size:12px}
.stage-toolbar{height:49px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid #e7e4d9}
.canvas-modes{display:flex;gap:3px;background:#eae8de;border-radius:6px;padding:3px}
.canvas-modes button{background:transparent;border-radius:4px;min-width:61px;min-height:35px;font-size:12px;color:#6b6c63;transition:background .2s,color .2s}
.canvas-modes button[aria-selected="true"]{background:#fffefa;color:#252821;box-shadow:0 1px 2px rgba(30,31,25,.05)}
.stage-count{font-size:12px;color:#78796f}
.canvas-board{position:relative;height:calc(100% - 148px);overflow:hidden;background-color:#eeede5;background-image:radial-gradient(#b4b2a9 .7px,transparent .7px);background-size:20px 20px}
.canvas-origin{position:absolute;top:15px;left:5%;font-size:12px;color:#7a7c71}
.canvas-connections{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.canvas-connections path{fill:none;stroke:#bba77d;stroke-width:1.4}
.canvas-connections circle{fill:#a99367}
.canvas-node{position:absolute;display:block;padding:0;overflow:hidden;border:1px solid #d6d3c6;border-radius:7px;background:#fbfaf5;text-align:left;box-shadow:0 4px 10px rgba(42,35,24,.045);transition:left .3s,top .3s,width .3s,border-color .2s,box-shadow .2s;z-index:1}
.canvas-node:hover{border-color:#ac9b7a;box-shadow:0 6px 14px rgba(42,35,24,.08)}
.canvas-node[aria-pressed="true"]{border-color:#aa8d55;box-shadow:0 0 0 2px rgba(171,145,93,.14)}
.node-reference{left:5%;top:23%;width:23%}
.node-shot{left:36%;top:12%;width:26%}
.node-story{left:71%;top:28%;width:24%}
.node-type{display:flex;justify-content:space-between;align-items:center;padding:9px 11px;font-size:12px;line-height:1.1;color:#57594f}
.node-type>span{color:#939487;font-size:11px}
.canvas-node>svg{display:block;width:100%;aspect-ratio:1.6;max-height:145px}
.node-caption{display:flex;flex-direction:column;gap:4px;padding:10px 11px;font-size:12px;line-height:1.3;color:#292c24}
.node-caption>span{font-size:11px;color:#797b6e}
.canvas-inspector{position:absolute;left:5%;bottom:16px;display:flex;align-items:center;gap:11px;font-size:11px;color:#77796c;z-index:2}
.canvas-inspector strong{font-size:12px;font-weight:500;color:#414439}
.canvas-inspector>span:first-child{padding-right:11px;border-right:1px solid #cdcabb}
.canvas-sequence-rail{position:absolute;left:5%;right:5%;bottom:70px;display:none;align-items:center;gap:15px;font-size:12px;color:#797b6e}
.canvas-sequence-rail i{height:2px;background:#baa77e;flex:1}
.canvas-board[data-view="shots"] .node-reference{left:5%;top:20%;width:23%}
.canvas-board[data-view="shots"] .node-shot{left:34%;top:13%;width:34%}
.canvas-board[data-view="shots"] .node-story{left:73%;top:25%;width:22%}
.canvas-board[data-view="sequence"] .canvas-node{top:14%;width:26%}
.canvas-board[data-view="sequence"] .node-reference{left:5%}
.canvas-board[data-view="sequence"] .node-shot{left:37%}
.canvas-board[data-view="sequence"] .node-story{left:69%}
.canvas-board[data-view="sequence"] .canvas-connections,.canvas-board[data-view="sequence"] .canvas-origin{opacity:0}
.canvas-board[data-view="sequence"] .canvas-sequence-rail{display:flex}
.stage-footer{height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 20px;border-top:1px solid #e0ded1;font-size:11px;color:#73766a;background:#f7f6f0}
.workflow-grid{grid-template-columns:1fr 1.6fr;gap:8vw}
.workflow-copy h2{font-size:clamp(40px,4.8vw,66px)}
.workflow-frames{height:300px;background:#34312d;display:flex;align-items:center;justify-content:center;gap:15px;padding:25px;overflow:hidden}
.workflow-frames>svg{display:none;width:100%;height:100%;object-fit:cover;min-width:0;flex:1}
.workflow-frames[data-step="0"]>svg:first-child{display:block}
.workflow-frames[data-step="1"]>svg:nth-child(-n+2),.workflow-frames[data-step="2"]>svg{display:block}
.workflow-frames[data-step="2"]{gap:10px;padding:18px}
.preview-controls button{font-size:12px}
.no-webgl .product-overlay:after{display:none}
@media(min-width:701px) and (max-height:760px){
  .product-caption{top:25%}.product-identity h2{margin-bottom:19px;font-size:54px}.product-identity .eyebrow{margin-bottom:14px}.product-identity .product-promise{font-size:25px;line-height:1.45;margin-bottom:13px}.product-identity p.product-support{font-size:13px}.product-entry{margin-top:21px}.canvas-stage{top:25%;height:55%;min-height:335px}.canvas-node>svg{max-height:115px}.node-caption{padding:8px 10px}.canvas-inspector{bottom:12px}.workflow-frames{height:250px}
}
@media(min-width:701px) and (max-width:1000px){
  .product-top{top:15%}.product-caption{top:20%;width:auto;right:var(--gutter)}.product-identity .eyebrow{margin-bottom:12px}.product-identity h2{font-size:61px;margin-bottom:18px}.product-identity .product-promise{font-size:26px}.product-identity p.product-support{display:none}.product-entry{position:absolute;right:0;top:0;margin:0}.product-action{position:absolute;right:0;top:52px;margin:0}.canvas-stage{left:var(--gutter);top:44%;height:37%;min-height:320px}.workflow-grid{grid-template-columns:1fr 1.3fr;gap:4vw}.workflow-frames{height:255px;padding:16px}.canvas-inspector{font-size:11px}
}
@media(max-width:700px){
  .product-top{display:none}.product-caption{top:16%;left:24px;right:24px;width:auto}.product-identity .eyebrow{font-size:12px;margin-bottom:9px}.product-identity h2{font-size:49px;margin-bottom:13px}.product-identity .product-promise{font-size:21px;line-height:1.5;margin-bottom:0}.product-identity .product-promise br{display:none}.product-identity p.product-support{display:none}.product-entry{margin-top:20px;min-height:44px;padding:0 15px;gap:18px;font-size:12px}.product-action{position:absolute;right:0;bottom:0;min-height:44px;margin:0;gap:8px;font-size:12px;white-space:nowrap}.product-action span{font-size:15px}.canvas-stage{top:45%;left:24px;right:24px;height:36%;min-height:275px;border-radius:12px;box-shadow:0 15px 30px rgba(59,49,31,.075)}.stage-header{height:43px;padding:0 12px;gap:8px}.stage-mark{width:23px;height:23px;font-size:15px;border-radius:5px}.stage-project{font-size:12px}.stage-project>span{display:none}.stage-demo-label{font-size:11px}.stage-toolbar{height:49px;padding:0 10px}.canvas-modes button{min-width:46px;min-height:38px;font-size:12px}.stage-count{font-size:11px}.canvas-board{height:calc(100% - 130px);background-size:16px 16px}.canvas-origin{display:none}.node-type{font-size:12px;padding:7px}.node-type>span{display:none}.node-caption{padding:7px;font-size:12px;line-height:1.4}.node-caption>span{display:none}.canvas-node>svg{aspect-ratio:1.35;max-height:75px}.node-reference{left:4%;top:23%;width:26%}.node-shot{left:36%;top:11%;width:29%}.node-story{left:70%;top:28%;width:26%}.canvas-inspector{left:4%;right:4%;bottom:8px;gap:7px;font-size:11px}.canvas-inspector>span:last-child{display:none}.canvas-inspector strong{font-size:12px}.canvas-inspector>span:first-child{padding-right:7px}.canvas-board[data-view="shots"] .node-reference{left:4%;top:24%;width:23%}.canvas-board[data-view="shots"] .node-shot{left:31%;top:10%;width:37%}.canvas-board[data-view="shots"] .node-story{left:73%;top:26%;width:23%}.canvas-board[data-view="sequence"] .canvas-node{top:12%;width:28%}.canvas-board[data-view="sequence"] .node-reference{left:4%}.canvas-board[data-view="sequence"] .node-shot{left:36%}.canvas-board[data-view="sequence"] .node-story{left:68%}.canvas-sequence-rail{bottom:36px;left:4%;right:4%;font-size:10px;gap:8px}.stage-footer{height:38px;padding:0 10px;font-size:10px}.stage-footer>span:first-child{display:none}.stage-footer>span:last-child{margin:auto}.product-overlay .product-bottom{display:none}.workflow-grid{grid-template-columns:1fr;gap:22px}.workflow-copy h2{font-size:38px}.workflow-frames{height:185px;padding:12px;gap:10px}.workflow-frames[data-step="2"]{padding:10px;gap:8px}.workflow-copy .eyebrow{display:none}.preview-controls button,.preview-controls #quality-button{font-size:12px}
}
@media(max-width:700px) and (max-height:740px){.product-caption{top:16%}.product-identity h2{font-size:43px;margin-bottom:9px}.product-identity .product-promise{font-size:19px}.product-entry{margin-top:13px}.canvas-stage{top:45%;height:39%;min-height:245px}.node-caption{font-size:11px}.canvas-node>svg{max-height:53px}.canvas-inspector{bottom:7px}}
@media(prefers-reduced-motion:reduce){.canvas-node,.product-entry{transition:none}.product-entry:hover{transform:none}}
html[data-motion="reduced"] .canvas-node,html[data-motion="reduced"] .product-entry{transition:none}
.stage-toolbar{height:56px}
.canvas-modes button{min-height:44px}
.canvas-board{height:calc(100% - 155px)}
.stage-footer .canvas-inspector{position:static;font-size:12px;color:#62675b;gap:10px}
.stage-footer>span:last-child{font-size:12px}
.stage-count,.node-caption>span{color:#62675b}
.canvas-sequence-rail{bottom:28px}
@media(max-width:700px){
  .canvas-stage{min-height:300px}.canvas-modes button{min-height:44px}.canvas-board{height:calc(100% - 137px)}.stage-demo-label,.stage-count{font-size:12px}.node-reference{top:16%}.node-shot{top:7%}.node-story{top:21%}.canvas-board[data-view="shots"] .node-reference{top:18%}.canvas-board[data-view="shots"] .node-shot{top:6%}.canvas-board[data-view="shots"] .node-story{top:20%}.canvas-board[data-view="sequence"] .canvas-node{top:9%}.canvas-sequence-rail{bottom:12px}.stage-footer .canvas-inspector{gap:7px;font-size:11px}.stage-footer>span:last-child{margin:0;font-size:11px;color:#62675b}.stage-footer .canvas-inspector>span:first-child{display:none}
}
@media(max-width:700px) and (max-height:740px){.canvas-stage{min-height:275px}.node-caption{font-size:12px}.canvas-node>svg{max-height:53px}.canvas-sequence-rail{bottom:8px}}
@media(max-width:700px){.stage-footer>span:last-child{font-size:12px}}
@media(max-width:700px) and (max-height:740px){.node-story,.canvas-board[data-view="shots"] .node-story{top:10%}}

.site-legal{position:fixed;z-index:7;right:4.2vw;bottom:24px;font-size:11px;color:#676961}.site-legal a{display:inline-flex;align-items:center;min-height:44px}.site-legal a:focus-visible{outline:2px solid #a0612b;outline-offset:3px}@media(max-width:700px){.site-legal{right:24px;bottom:8px;font-size:10px}.preview-label{display:none}}