/* Independent visual layers. Copy and interactive controls stay in normal flow. */
.hero-actions{flex-wrap:wrap}
.button{max-width:100%;white-space:normal;text-align:center}
.button-small{white-space:nowrap}
.navigation,.nav-actions,.split-heading>div,.delivery-copy{min-width:0}
.hero-description,.section-description,.step-panel,.format-row,.closing-note{overflow-wrap:anywhere}
.motion-layer{translate:var(--layer-x,0px) var(--layer-y,0px)}
.scene-in-view .motion-layer{will-change:translate}
.app-screen,.stage-tag{animation:none;will-change:auto}
.product-stage{height:686px;padding-top:14px;margin-top:78px}
.screen-center{top:14px}
.screen-left,.screen-right{top:64px}
.hero-story{position:absolute;width:230px;aspect-ratio:1.6;border:4px solid #fff;border-radius:18px;overflow:hidden;box-shadow:0 20px 45px -20px #2e342f44;z-index:0}
.hero-story img{width:100%;height:100%;object-fit:cover}
.hero-story-one{left:2%;top:62px;transform:rotate(-11deg)}
.hero-story-two{right:2%;top:285px;transform:rotate(10deg)}
.stage-tag-left{top:340px;left:5%}
.stage-tag-right{top:477px;right:5%}
.switching,.capture,.workflow,.delivery,.closing{overflow:clip}
.demo-toolbar{margin-bottom:22px}
.demo-spatial-stage{position:relative;isolation:isolate;padding:42px 62px 64px;direction:ltr}
.program-monitor{z-index:2;box-shadow:0 35px 70px -24px #000b}
.angle-float{position:absolute;width:37%;aspect-ratio:1.6;border:3px solid #484b4b;border-radius:16px;overflow:hidden;background:#232525;box-shadow:0 25px 45px -18px #0008}
.angle-float img{width:100%;height:100%;object-fit:cover}
.angle-float>span{position:absolute;top:11px;left:12px;color:#fff;font-size:12px;letter-spacing:.06em;background:#171717a6;padding:5px 8px;border-radius:6px}
.angle-float-b{left:4px;top:9px;transform:rotate(-6deg);z-index:1}
.angle-float-c{right:7px;bottom:20px;transform:rotate(7deg);z-index:3;width:24%}
.angle-buttons{max-width:800px;margin:18px auto 0}
.capture{padding:110px 0 80px;background:#fff}
.capture .section-description{max-width:330px;color:#77777f}
.capture .eyebrow{color:#987143}
.capture h2 .muted{color:#9b846b}
.capture-stage{width:min(960px,100%);height:615px;margin:0 auto;position:relative;isolation:isolate;direction:ltr}
.capture-halo{position:absolute;inset:0 -60px;background:radial-gradient(ellipse at 48% 55%,#e6d4b449,transparent 65%);z-index:-1}
.capture-rear,.capture-front{position:absolute;overflow:hidden;border:5px solid #fff;box-shadow:0 30px 55px -25px #5e463e55;border-radius:22px;background:#c8b499}
.capture-rear{width:82%;aspect-ratio:1.65;top:35px;left:0;transform:rotate(-2.5deg);z-index:1}
.capture-front{width:29%;aspect-ratio:.78;right:5px;top:191px;transform:rotate(5deg);z-index:3}
.capture-rear img,.capture-front img{width:100%;height:100%;object-fit:cover}
.capture-rear img{object-position:52% 50%}
.capture-front img{object-position:49% 50%}
.capture-stage figcaption{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;gap:8px;padding:34px 17px 15px;background:linear-gradient(transparent,#0008);color:#fff;font-size:13px;line-height:1.5}
.capture-rear figcaption{top:0;bottom:auto;padding:16px 17px 34px;background:linear-gradient(#0007,transparent)}
.capture-stage figcaption>span:last-child{min-width:0;overflow-wrap:anywhere}
.camera-letter{display:grid;place-items:center;flex-shrink:0;width:24px;height:24px;border:1px solid #ffffff80;border-radius:7px;font-size:12px}
.capture-sync{position:absolute;left:60px;bottom:27px;z-index:4;width:237px;padding:20px 22px;background:#fffffff5;border:1px solid #fff;border-radius:17px;box-shadow:0 15px 40px -12px #6e54432d;color:#73706a;font-size:12px;line-height:1.6;transform:rotate(2deg)}
.sync-camera-pair{display:flex;gap:9px;align-items:center;margin-bottom:10px;font-size:16px;color:#bbb}
.sync-camera-pair i{font-size:13px;display:grid;place-items:center;width:28px;height:25px;background:#e1f0ec;color:#448679;border:1px solid #cde3dc;border-radius:5px;font-style:normal}
.sync-camera-pair i:last-child{background:#f5eadb;border-color:#ecdbc5;color:#b38851}
.capture-tracks{position:relative;display:grid;gap:5px;margin-top:12px}
.capture-tracks i{height:7px;border-radius:2px;background:repeating-linear-gradient(90deg,#75aea2 0 13px,#9fc7bc 13px 17px)}
.capture-tracks i:nth-child(2){background:repeating-linear-gradient(90deg,#d5b68c 0 20px,#e6cbaa 20px 24px)}
.capture-tracks b{position:absolute;left:52%;top:-4px;bottom:-4px;width:1px;background:#555}
.capture-note{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:9px;text-align:center;color:#918b82;font-size:12px;line-height:1.8;margin:10px 0 0}
.note-divider{color:#bab5ad}
.workflow-visual{min-height:702px}
.workflow-phone{z-index:3;max-width:70%}
.workflow-story{position:absolute;width:50%;aspect-ratio:1.55;border:3px solid #fff;border-radius:14px;box-shadow:0 18px 30px -16px #35403c4d;overflow:hidden}
.workflow-story img{width:100%;height:100%;object-fit:cover}
.workflow-story>span{position:absolute;top:8px;left:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:5px;color:#fff;background:#0008;font-size:12px}
.workflow-story-top{left:-7%;top:64px;transform:rotate(-11deg);z-index:1}
.workflow-story-bottom{right:-6%;bottom:116px;transform:rotate(11deg);z-index:2}
.workflow-timeline{position:absolute;z-index:4;left:6%;bottom:87px;width:43%;padding:16px 18px;background:#fcfdfdeF;border:1px solid #fff;border-radius:13px;box-shadow:0 15px 30px -14px #283d3f42;transform:rotate(-4deg);direction:ltr}
.timeline-tracks{display:grid;grid-template-columns:11px 1fr;align-items:center;column-gap:8px;row-gap:5px}
.timeline-tracks i{font-size:12px;font-style:normal;color:#78908b}
.timeline-tracks b{height:13px;background:#85b6ac;border-radius:3px}
.timeline-tracks b:nth-of-type(2){width:85%;background:#b6c9c3;margin-left:auto}
.timeline-tracks b:nth-of-type(3){width:90%;background:#dab487}
.timeline-playhead{position:absolute;left:58%;top:12px;bottom:12px;width:1px;background:#547a74}
.timeline-playhead::before{content:"";position:absolute;left:-3px;top:-2px;width:7px;height:6px;border-radius:2px;background:#547a74}
.screenshot-caption{z-index:5;text-align:center;width:calc(100% - 30px);line-height:1.6}
.delivery-inner{align-items:center;gap:60px;padding:70px 60px}
.delivery-formats{position:relative;padding:205px 18px 25px 10px;isolation:isolate;direction:ltr}
.export-photo{position:absolute;left:0;top:10px;width:90%;aspect-ratio:1.65;border-radius:14px;overflow:hidden;border:3px solid #3b4140;transform:rotate(-5deg);box-shadow:0 22px 35px -18px #000b;z-index:0}
.export-photo img{width:100%;height:100%;object-fit:cover}
.export-photo>span{position:absolute;bottom:12px;left:15px;font-size:12px;font-weight:500;color:#fff;text-shadow:0 1px 10px #000}
.format-row{position:relative;z-index:2;padding:21px 23px;border:1px solid #ffffff16;border-radius:13px;background:#252c2b;grid-template-columns:.85fr 1.2fr;gap:15px;box-shadow:0 18px 26px -20px #0009;direction:inherit}
.format-row:first-of-type{padding-top:21px}
.format-row:last-child{border-bottom:1px solid #ffffff16;padding-bottom:21px}
.format-movie{transform:rotate(2deg);margin:0 16px -2px 0}
.format-xml{transform:rotate(-2deg);margin:0 0 -2px 14px;background:#2b3230}
.format-project{transform:rotate(1deg);margin:0 10px 0 2px;background:#222826}
.format-name{font-size:20px;letter-spacing:-.7px;white-space:nowrap}
.format-row p{margin-top:3px}
.closing{padding-top:68px}
.closing-stories{position:relative;isolation:isolate;width:min(740px,100%);height:280px;margin:0 auto 14px;direction:ltr}
.closing-story{position:absolute;overflow:hidden;border:4px solid #fff;border-radius:15px;box-shadow:0 18px 30px -15px #423b2e35}
.closing-story img{width:100%;height:100%;object-fit:cover}
.closing-story-dance{width:32%;aspect-ratio:1.55;left:0;top:68px;transform:rotate(-9deg)}
.closing-story-cafe{width:21%;aspect-ratio:.92;left:calc(50% - 10.5%);top:10px;transform:rotate(4deg)}
.closing-story-city{width:32%;aspect-ratio:1.5;right:0;top:62px;transform:rotate(8deg)}
.closing-stories .closing-icon{position:absolute;left:calc(50% - 46px);bottom:15px;width:92px;height:92px;margin:0;border:4px solid #fafafa;box-shadow:0 15px 32px #292c2d26;z-index:3}
[dir="rtl"] .delivery-formats .format-row{direction:rtl}
.footer-inner{padding-bottom:28px}

.source-overview{margin:0 auto 68px;max-width:1000px}
.source-heading{max-width:720px;margin-bottom:27px}
.source-heading h3{font-size:28px;font-weight:550;line-height:1.35;letter-spacing:-.035em;margin:0 0 13px;text-wrap:balance}
.source-heading p{margin:0;color:#a0a5a2;font-size:16px;line-height:1.8;text-wrap:pretty}
.source-stage{position:relative;padding:14px 0 20px;isolation:isolate}
.source-image{position:relative;overflow:hidden;border:1px solid #ffffff28;border-radius:22px;box-shadow:0 25px 45px -20px #0008}
.source-image img{width:100%;height:auto;aspect-ratio:1672/941;object-fit:cover}
.source-files{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;width:84%;margin:-4px auto 0;position:relative;z-index:2;direction:ltr}
.source-file{min-width:0;background:#232d29;border:1px solid #ffffff26;border-radius:11px;padding:15px 19px;box-shadow:0 10px 25px -15px #0009;text-align:start}
.source-file>span{display:block;font-size:14px;color:#dbe9e1;line-height:1.6;overflow-wrap:anywhere}
.source-file code{display:block;font-size:12px;color:#92ada2;margin-top:5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace}
.source-bus{height:28px;position:relative;width:56%;margin:0 auto;border:1px solid #738b7d;border-top:0;border-radius:0 0 7px 7px}
.source-bus::before{content:"";position:absolute;left:50%;height:44px;top:0;width:1px;background:#738b7d}
.source-result{position:relative;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;column-gap:12px;row-gap:8px;margin-top:21px;color:#c6ddd0;font-size:14px;line-height:1.6;text-align:center}
.source-result .brand{font-size:17px;color:#fff}
.source-result .brand img{width:27px;height:27px}
.source-note{font-size:12px;line-height:1.8;color:#898f8c;text-align:center;margin:18px 0 0}
.source-overview+.demo{padding-top:35px;border-top:1px solid #ffffff20}
.interview{padding:102px 0 85px;background:#eeeef0;overflow:clip}
.interview .eyebrow{color:#8c775e}
.interview h2 .muted{color:#8d8983}
.interview .section-description{max-width:338px;color:#77777f}
.interview-stage{position:relative;isolation:isolate;direction:ltr;width:min(1040px,100%);height:690px;margin:0 auto}
.interview-stage figure{position:absolute;overflow:hidden;border:4px solid #fefefe;border-radius:20px;background:#b5a58e;box-shadow:0 24px 45px -20px #51473755}
.interview-stage img{width:100%;height:100%;object-fit:cover}
.interview-wide{top:17px;left:13%;width:74%;aspect-ratio:1672/941;z-index:1}
.interview-close{width:37%;aspect-ratio:1.5;z-index:3}
.interview-listener{left:1%;bottom:27px;transform:rotate(-5deg)}
.interview-speaker{right:1%;bottom:27px;transform:rotate(5deg)}
.interview-stage figcaption{position:absolute;bottom:0;left:0;width:100%;display:flex;align-items:center;gap:9px;padding:35px 16px 13px;background:linear-gradient(transparent,#0009);color:#fff;font-size:13px;line-height:1.6}
.interview-stage figcaption b{font-size:12px;font-weight:500;display:grid;place-items:center;width:24px;height:24px;flex-shrink:0;border:1px solid #ffffff80;border-radius:6px}
.interview-stage figcaption span{min-width:0;overflow-wrap:anywhere}
.interview-footer{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;column-gap:28px;row-gap:14px;margin:16px auto 0;text-align:center}
.interview-footer p{margin:0;font-size:12px;color:#86817a;line-height:1.8}
.interview-footer .text-link{font-size:14px;line-height:1.6}

@media(max-width:1100px){
  .interview-stage{height:620px}
  .interview-wide{left:10%;width:80%}
  .interview-close{width:39%}
}
@media(max-width:800px){
  .interview{padding:80px 0 68px}
  .interview-stage{height:520px}
  .interview-wide{left:6%;width:88%}
  .interview-close{width:42%;bottom:25px}
  .source-files{width:90%;gap:12px}
  .source-file{padding:13px 16px}
  .source-bus{width:60%}
}
@media(max-width:600px){
  .source-overview{margin-bottom:40px}
  .source-heading{margin-bottom:18px}
  .source-heading h3{font-size:23px}
  .source-heading p{font-size:16px}
  .source-stage{padding:9px 0 15px}
  .source-image{border-radius:13px}
  .source-files{width:94%;gap:7px;margin-top:1px}
  .source-file{padding:12px 9px;border-radius:9px}
  .source-file>span{font-size:14px}
  .source-file code{font-size:12px}
  .source-bus{width:63%;height:23px}
  .source-bus::before{height:38px}
  .source-result{margin-top:19px;column-gap:10px}
  .source-note{margin-top:15px}
  .source-overview+.demo{padding-top:25px}
  .interview{padding:65px 0 56px}
  .interview .section-description{max-width:100%}
  .interview-stage{height:auto;aspect-ratio:.96;margin-top:8px}
  .interview-stage figure{border-width:3px;border-radius:13px}
  .interview-wide{top:10px;left:2%;width:96%;aspect-ratio:1.55}
  .interview-close{width:48%;aspect-ratio:1.07;bottom:13px}
  .interview-listener{left:1%;transform:rotate(-4deg)}
  .interview-speaker{right:1%;transform:rotate(4deg)}
  .interview-stage figcaption{gap:6px;padding:24px 9px 9px;font-size:12px;line-height:1.5}
  .interview-stage figcaption b{width:21px;height:21px}
  .interview-footer{flex-direction:column;gap:12px;margin-top:18px}
}

@media(max-width:1000px){.nav-links{display:none}}
@media(max-width:1100px){
  .hero-story-one{width:200px;left:0;top:65px}
  .hero-story-two{width:185px;right:0;top:266px}
  .stage-tag-left{left:3%;top:373px}
  .stage-tag-right{right:3%;top:477px}
  .capture-stage{height:555px}
  .capture-front{top:172px;width:30%}
  .capture-sync{left:43px;bottom:24px}
  .workflow-visual{min-height:668px}
  .delivery-inner{padding:55px 40px;gap:36px}
  .delivery-formats{padding:160px 5px 20px 0}
  .format-row{grid-template-columns:1fr;padding:17px 20px;gap:5px}
  .format-row:last-child{padding-bottom:17px}
  .format-name{font-size:19px}
}
@media(max-width:800px){
  .hero-story-one{width:164px;top:91px;left:0}
  .hero-story-two{width:140px;top:240px;right:0}
  .product-stage{height:640px;margin-top:62px}
  .stage-tag-left{left:3%;top:355px}
  .stage-tag-right{right:3%;top:442px}
  .demo-spatial-stage{padding:35px 40px 52px}
  .angle-float-c{width:28%;bottom:17px}
  .capture{padding:80px 0 65px}
  .capture .section-description{max-width:270px}
  .capture-stage{height:510px}
  .capture-rear{width:83%;top:34px;aspect-ratio:1.4}
  .capture-front{top:154px;width:31%;right:4px}
  .capture-sync{left:30px;bottom:22px;width:205px;padding:16px 18px}
  .workflow-visual{min-height:615px}
  .workflow-phone{max-width:72%}
  .step-panel p{font-size:16px}
  .workflow-story{width:61%}
  .workflow-story-top{left:-20%;top:55px}
  .workflow-story-bottom{right:-24%;bottom:115px}
  .workflow-timeline{width:64%;left:4%;bottom:77px;padding:12px 15px}
  .delivery-inner{gap:25px;padding:45px 30px}
  .delivery-formats{padding-top:135px}
  .format-row{padding:15px 16px}
  .format-row:last-child{padding-bottom:15px}
  .format-row strong{font-size:14px}
  .format-row p{font-size:12px}
}
@media(max-width:600px){
  .navigation{gap:12px}
  .navigation .button-small{min-height:44px;padding:10px 14px}
  .navigation .button-small,.language-picker select{font-size:14px}
  .language-picker select{min-height:44px}
  .hero-actions{row-gap:18px;column-gap:21px}
  .product-stage{height:612px;margin-top:43px}
  .screen-center{top:22px}
  .screen-left,.screen-right{display:none}
  .hero-story{border-width:3px;border-radius:13px}
  .hero-story-one{width:41%;left:-6%;top:45px;aspect-ratio:.95;transform:rotate(-10deg)}
  .hero-story-two{width:39%;right:-4%;top:316px;aspect-ratio:.9;transform:rotate(10deg)}
  .hero-story-two img{object-position:50% 50%}
  .stage-tag-left{left:12px;top:174px;scale:1;padding:10px;border-radius:12px}
  .stage-tag-right{right:12px;top:466px;scale:1;padding:10px 12px}
  .stage-tag-left .mini-cameras{display:grid;grid-template-columns:repeat(2,22px);gap:5px}
  .stage-tag-left .mini-cameras i{width:22px;height:22px;font-size:12px}
  .tag-mark{font-size:17px}
  .tag-mark span{margin-left:7px}
  .app-screen figcaption{font-size:12px;bottom:-34px}
  .feature-strip{gap:15px}
  .strip-number{font-size:12px}
  .demo-toolbar{margin-bottom:18px}
  .demo-spatial-stage{padding:29px 12px 47px}
  .program-monitor{border-radius:13px}
  .angle-float{border-width:2px;border-radius:10px}
  .angle-float-b{width:46%;top:5px;left:4px}
  .angle-float-c{width:36%;right:6px;bottom:13px}
  .angle-float>span{font-size:12px;top:6px;left:6px;padding:3px 5px}
  .program-badge{font-size:12px;top:9px;left:9px;padding:6px 9px}
  .program-wordmark{font-size:12px}
  .demo-counter{font-size:12px;letter-spacing:.08em;white-space:nowrap}
  .angle-buttons{margin-top:9px;gap:7px}
  .angle-thumbnail b{font-size:12px}
  .angle-label{font-size:14px;line-height:1.5;overflow-wrap:anywhere}
  .capture{padding:66px 0 54px}
  .capture .section-description{max-width:100%}
  .capture-stage{height:500px}
  .capture-rear{left:4px;top:27px;width:89%;aspect-ratio:1.08;border-width:3px;border-radius:17px;transform:rotate(-3deg)}
  .capture-front{right:7px;top:198px;width:47%;aspect-ratio:.76;border-width:3px;border-radius:16px;transform:rotate(4deg)}
  .capture-stage figcaption{gap:6px;font-size:12px;padding:30px 10px 10px;line-height:1.6}
  .camera-letter{width:21px;height:21px}
  .capture-sync{left:12px;bottom:22px;width:54%;padding:14px 15px;border-radius:13px;font-size:12px}
  .sync-camera-pair{margin-bottom:7px}
  .capture-tracks{margin-top:9px}
  .capture-note{margin-top:5px;gap:4px;flex-direction:column}
  .note-divider{display:none}
  .workflow-visual{min-height:611px;padding:31px 15px 60px}
  .workflow-phone{width:230px;max-width:76%}
  .workflow-story{width:51%}
  .workflow-story-top{left:-13%;top:55px}
  .workflow-story-bottom{right:-13%;bottom:118px}
  .workflow-timeline{width:48%;left:5%;bottom:76px}
  .screenshot-caption{bottom:22px;font-size:12px}
  .delivery-inner{padding:38px 25px 30px}
  .delivery-copy>p:last-child{margin-bottom:26px}
  .delivery-formats{padding:clamp(165px,calc(55vw - 52px),278px) 5px 18px 0;margin-top:15px}
  .export-photo{left:4px;top:10px;width:94%;aspect-ratio:1.7;transform:rotate(-4deg)}
  .format-row{grid-template-columns:.85fr 1.2fr;gap:12px;padding:20px 17px}
  .format-row:last-child{padding-bottom:20px}
  .format-name{font-size:18px;letter-spacing:-.6px}
  .format-movie{margin-right:8px}
  .format-xml{margin-left:7px}
  .format-project{margin-right:4px}
  .closing{padding-top:44px}
  .closing-stories{height:212px;margin-bottom:12px}
  .closing-story{border-width:3px;border-radius:11px}
  .closing-story-dance{width:37%;top:51px;left:0;aspect-ratio:1.2;transform:rotate(-9deg)}
  .closing-story-city{width:37%;top:48px;right:0;aspect-ratio:1.15;transform:rotate(9deg)}
  .closing-story-cafe{width:31%;top:9px;left:34.5%;aspect-ratio:.85}
  .closing-stories .closing-icon{left:calc(50% - 38px);width:76px;height:76px;bottom:8px}
  .closing-note{max-width:100%}
  .footer-inner{padding-bottom:25px}
}
@media(max-width:440px){
  .navigation .brand span{display:none}
  .language-picker select{max-width:116px}
}
@media(max-width:380px){
  .navigation .brand span{display:none}
  .language-picker select{max-width:100px}
  .hero-actions{column-gap:16px}
  .hero-actions .button{padding:12px 16px}
  .screen-center{width:226px;left:calc(50% - 113px)}
  .product-stage{height:570px}
  .stage-tag-left{left:8px;top:160px}
  .stage-tag-right{right:8px;top:430px}
  .hero-story-two{top:285px}
  .capture-stage{height:477px}
  .capture-front{top:184px}
  .capture-sync{bottom:15px;width:54%;padding:13px 12px}
  .workflow-visual{min-height:565px}
  .workflow-timeline{bottom:72px}
  .delivery-inner{padding-inline:22px}
  .delivery-formats{padding-top:132px}
  .format-row{grid-template-columns:1fr;gap:6px;padding:17px 18px}
  .format-row:last-child{padding-bottom:17px}
  .closing-stories{height:200px}
}
@media(hover:none){.button:hover,.angle-button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  .motion-layer{translate:0 0!important;will-change:auto!important}
}