/* Distinct product openings: a selectable AWRAM workflow and an unobscured IGNITE film. */
.awram-opening,.ignite-opening{--po-text:#e0edf5;--po-muted:#a7c1d0;font-family:var(--ui,"Instrument Sans",sans-serif);color:var(--po-text);margin:118px var(--side) 38px}
.po-back{display:flex;align-items:center;min-height:30px;width:fit-content;font-size:10px;color:#a5c3d4;text-decoration:none;margin-bottom:22px}.po-back:hover{color:#edf7fc}
.continuum-site .po-description{font-size:17px;line-height:1.7;color:#bad0dd;margin:22px 0 0}.continuum-site .po-audience{font-size:11px;line-height:1.8;color:#91b0c2;margin:17px 0 20px}
.po-demo-action{display:inline-flex;align-items:center;gap:26px;min-height:46px;padding:11px 18px;border:1px solid #cbe1ee;border-radius:100px;background:#d9eaf4;color:#15374c;font:500 12px/1.4 var(--ui);text-decoration:none;width:fit-content}.po-demo-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3;transition:transform .25s}.po-demo-action:hover{background:#f0f8fc;border-color:#f0f8fc;color:#15374c}.po-demo-action:hover svg{transform:translateX(4px)}
.awram-opening{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px;align-items:center;min-height:650px;padding-block:15px 22px}
.awram-opening-copy{position:relative;z-index:4;min-width:0;max-width:470px}.po-identity{display:flex;flex-direction:column;gap:7px;margin:0 0 26px}.po-identity strong{font:500 21px/1.1 var(--ui);letter-spacing:-.03em;color:#bedbe9}.po-identity span{font:400 9px/1.6 var(--ui);color:#7fa7bd;letter-spacing:.04em}
.continuum-site .awram-opening h1{font:400 clamp(42px,4.2vw,64px)/1.06 var(--ui);letter-spacing:-.055em;margin:0;color:#e1eff7;max-width:17ch}.awram-opening h1 em{font-style:normal;color:#91bbd1}
.awram-view-tabs{display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #aacbd735;border-radius:100px;margin-top:27px;width:fit-content;max-width:100%;background:#a6c8da08}
.awram-view-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:42px;padding:10px 13px;border:1px solid transparent;border-radius:100px;background:transparent;color:#94b6c9;font:500 11px/1.4 var(--ui);cursor:pointer;transition:background .25s,color .25s,border-color .25s}
.awram-view-tabs button[aria-selected=true]{background:#d3e7f11f;border-color:#bedde649;color:#e3f2fa}.awram-view-tabs button:hover{color:#e3f2fa;background:#d3e7f113}.awram-view-tabs button svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.3;opacity:.45}.awram-view-tabs button[aria-selected=true] svg{opacity:1}
.awram-view-tabs button:focus-visible,.po-demo-action:focus-visible,.po-back:focus-visible{outline:2px solid #b4d9ec;outline-offset:4px}
.awram-opening-visual{min-width:0;position:relative;padding-top:30px;animation:awram-arrive .9s cubic-bezier(.2,.75,.25,1) both}
.awram-layer-stage{position:relative;height:560px;perspective:1500px;isolation:isolate}
.awram-product-layer{position:absolute;top:70px;left:0;width:96%;margin:0;border:1px solid #aacbd45c;border-radius:15px;background:#111d29;box-shadow:0 28px 48px #00121a52;overflow:hidden;transform-origin:center;transition:transform .8s cubic-bezier(.22,.75,.22,1),filter .5s;will-change:auto}
.awram-product-layer[data-depth="0"]{z-index:3;opacity:1;filter:brightness(1);transform:translate3d(0,0,0) rotateY(-6deg) rotateX(3deg)}
.awram-product-layer[data-depth="1"]{z-index:2;opacity:1;filter:brightness(.62);transform:translate3d(7%,-45px,-45px) rotateY(-9deg) rotateX(4deg) scale(.9)}
.awram-product-layer[data-depth="2"]{z-index:1;opacity:1;filter:brightness(.36);transform:translate3d(14%,-96px,-90px) rotateY(-12deg) rotateX(5deg) scale(.8)}
.awram-product-layer figcaption{display:flex;align-items:center;gap:9px;min-height:40px;padding:10px 15px;font:400 9px/1.4 var(--ui);color:#8aaec2;background:linear-gradient(100deg,#18384a,#112936);border-bottom:1px solid #c8e0eb24}
.awram-product-layer figcaption strong{margin-left:auto;font:500 10px/1.4 var(--ui);color:#c0d9e7}.awram-window-mark{width:4px;height:4px;border-radius:50%;background:#8dcce5;box-shadow:0 0 10px #8dcce533}
.awram-native-capture{aspect-ratio:1.52;overflow:hidden;background:#101722}.awram-native-capture :is(svg,img){display:block;width:100%;height:100%;object-fit:contain}
.awram-preview-caption{position:relative;margin:0 0 0 12px;max-width:610px;border-left:1px solid #b4d7e45c;padding-left:17px}.continuum-site .awram-preview-caption p{font-size:14px;line-height:1.6;color:#c7ddea;margin:0 0 6px}.awram-preview-caption>span{font:400 8px/1.6 var(--ui);color:#779fb5}
@keyframes awram-arrive{from{opacity:0;transform:translate3d(40px,20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
.ignite-opening{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:24px 70px;padding-bottom:8px}
.ignite-identity{grid-column:1;grid-row:1;min-width:0}.ignite-identity .po-back{margin-bottom:16px}.continuum-site .po-category{font:400 9px/1.6 var(--ui);letter-spacing:.08em;text-transform:uppercase;color:#8eafc0;margin:0 0 8px}
.continuum-site .ignite-opening h1{font:400 clamp(70px,7.2vw,112px)/.98 var(--ui);letter-spacing:-.065em;margin:0 0 12px;color:#deedf5}.ignite-opening h1>span{color:#8bb5cc}.continuum-site .ignite-full-name{font-size:10px;line-height:1.7;color:#9ebdce;margin:0;max-width:400px}
.ignite-intro-copy{grid-column:2;grid-row:1;align-self:end;min-width:0}.ignite-intro-copy .po-description{margin:0;font-size:17px;line-height:1.65}.ignite-intro-copy .po-audience{margin:12px 0 18px}.ignite-intro-copy .po-demo-action{min-height:44px}
.ignite-cinema{grid-column:1/-1;grid-row:2;position:relative;margin:5px 0 0;aspect-ratio:16/9;border:1px solid #b8d8e33b;border-radius:19px 70px 19px 19px;overflow:hidden;background:#242424;box-shadow:0 25px 60px #01172238}
.ignite-cinema video{display:block;width:100%;height:100%;object-fit:contain}
.ignite-film-footer{grid-column:1/-1;grid-row:3;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #bad8e229;padding:0 0 20px}.ignite-film-footer>span{font:400 9px/1.7 var(--ui);color:#8dabbf}
.ignite-feature-list{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0;margin:0}.ignite-feature-list li{font:400 10px/1.6 var(--ui);color:#a9c7d7}.ignite-feature-list li:before{content:"";display:inline-block;width:3px;height:3px;margin-right:8px;vertical-align:middle;border-radius:50%;background:#91c7dc}
@media(min-width:1700px){.awram-opening{min-height:800px;gap:55px}.awram-layer-stage{height:660px}.awram-product-layer{top:85px}.awram-opening-copy{max-width:520px}}
@media(max-width:1100px) and (min-width:761px){.awram-opening{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:20px;min-height:650px}.continuum-site .awram-opening h1{font-size:44px}.awram-layer-stage{height:390px}.awram-product-layer{top:50px}.awram-opening-visual{padding-top:40px}.awram-view-tabs button{padding:9px 10px;gap:5px;font-size:10px}.ignite-opening{gap:24px 35px}.ignite-intro-copy .po-description{font-size:15px}}
@media(max-width:760px){.awram-opening,.ignite-opening{margin:96px 22px 30px}.awram-opening{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:20px;padding:0 0 15px}.awram-opening-copy{max-width:none}.po-back{font-size:9px;margin-bottom:16px;min-height:24px}.po-identity{gap:5px;margin-bottom:19px}.po-identity strong{font-size:19px}.po-identity span{font-size:8px}.continuum-site .awram-opening h1{font-size:45px;max-width:17ch;line-height:1.05}.continuum-site .po-description{font-size:15px;line-height:1.65;margin-top:17px}.continuum-site .po-audience{font-size:10px;line-height:1.7;margin:13px 0 17px}.awram-view-tabs{margin-top:20px;gap:2px;padding:4px}.awram-view-tabs button{font-size:10px;min-height:40px;padding:9px 11px;gap:6px}.awram-view-tabs button svg{width:13px;height:13px}.po-demo-action{min-height:44px;font-size:11px;padding:10px 16px}.awram-opening-visual{padding-top:14px}.awram-layer-stage{height:310px}.awram-product-layer{top:48px;width:97%;border-radius:10px}.awram-product-layer figcaption{min-height:30px;padding:7px 10px;font-size:8px}.awram-product-layer figcaption strong{font-size:8px}.awram-product-layer[data-depth="0"]{transform:translate3d(0,0,0) rotateY(-3deg) rotateX(2deg)}.awram-product-layer[data-depth="1"]{transform:translate3d(5%,-28px,-30px) rotateY(-5deg) rotateX(3deg) scale(.9)}.awram-product-layer[data-depth="2"]{transform:translate3d(10%,-62px,-60px) rotateY(-7deg) rotateX(3deg) scale(.8)}.awram-preview-caption{margin-left:0;padding-left:12px}.continuum-site .awram-preview-caption p{font-size:12px}.awram-preview-caption>span{font-size:7px}.ignite-opening{display:grid;grid-template-columns:1fr;gap:20px}.ignite-identity{grid-column:1;grid-row:1}.ignite-identity .po-back{margin-bottom:14px}.continuum-site .po-category{font-size:8px}.continuum-site .ignite-opening h1{font-size:72px;margin-bottom:10px}.continuum-site .ignite-full-name{font-size:9px;line-height:1.7;max-width:330px}.ignite-cinema{grid-column:1;grid-row:2;margin:0 -6px;border-radius:12px 35px 12px 12px}.ignite-intro-copy{grid-column:1;grid-row:3}.ignite-intro-copy .po-description{font-size:15px;line-height:1.65;margin:0}.ignite-intro-copy .po-audience{margin:13px 0 17px}.ignite-film-footer{grid-column:1;grid-row:4;align-items:start;flex-direction:column;gap:12px;padding-bottom:18px}.ignite-film-footer>span{font-size:8px}.ignite-feature-list{gap:7px 15px}.ignite-feature-list li{font-size:9px}}
@media(max-width:360px){.awram-opening,.ignite-opening{margin-inline:18px}.continuum-site .awram-opening h1{font-size:39px}.awram-view-tabs button{padding-inline:8px;gap:5px}.awram-layer-stage{height:280px}.continuum-site .ignite-opening h1{font-size:64px}}
@media(prefers-reduced-motion:reduce){.awram-opening-visual{animation:none}.awram-product-layer,.awram-view-tabs button,.po-demo-action svg{transition:none}}
/* Keep the selectable preview beside its controls in the phone reading flow. */
@media(max-width:760px){.awram-opening{display:grid;grid-template-columns:1fr;gap:14px}.awram-opening-copy{display:contents}.awram-opening .po-back{order:0;margin:0}.awram-opening .po-identity{order:1;margin:0}.continuum-site .awram-opening h1{order:2;font-size:36px;max-width:none;line-height:1.08}.awram-opening-visual{order:3;padding-top:0}.awram-opening .awram-view-tabs{order:4;margin:0}.awram-opening .po-demo-action{order:5}.continuum-site .awram-opening .po-description{order:6;margin:5px 0 0}.continuum-site .awram-opening .po-audience{order:7;margin:0}.awram-layer-stage{height:290px}}
@media(max-width:360px){.continuum-site .awram-opening h1{font-size:32px}.awram-layer-stage{height:255px}}

/* Reserve space for the projected frame so captions never intersect it. */
.awram-opening-visual{container-type:inline-size}.awram-layer-stage{height:calc(64cqw + 145px)}
@media(max-width:760px){.awram-layer-stage{height:calc(64cqw + 115px)}}