/* Device geometry follows its actual aspect ratio at every panel width. */
.case-preview .device-stage-phone{height:min(73svh,720px)!important;min-height:0!important;padding:10px 20px!important}.case-preview .device-stage-laptop{height:min(74svh,740px)!important;min-height:0!important;padding:10px 14px!important}.case-preview .device-stage-phone .device-phone{max-width:none!important;max-height:none!important;flex:none!important}.case-preview .device-stage-laptop .device-laptop{max-width:none!important;max-height:none!important;flex:none!important}.case-visual-pin{height:calc(100svh - 110px);padding:12px 0}.case-showcase{min-height:900px}.case-tools .gallery-thumb{white-space:nowrap}.case-tools .live-toggle{margin:0}.case-preview>.gallery-caption{margin-top:8px}.preview-loader{position:absolute;inset:0;z-index:2;background:#f0f4f4;display:grid;place-items:center;overflow:hidden}.preview-loader>img{width:100%;height:100%;object-fit:contain}.preview-loader>span{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-size:10px;padding:7px 12px;border-radius:20px;white-space:nowrap;background:#fffefaed;color:#51656e;box-shadow:0 2px 12px #18313c12}.device-phone .preview-loader>img{object-position:top}.device-shell.is-expanded{width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;aspect-ratio:auto!important;background:#f3f5f4!important}.device-shell.is-expanded>.device-screen{position:absolute!important;inset:48px 0 0!important;width:100%!important;height:calc(100% - 48px)!important;border:0!important;border-radius:0!important;padding:0!important;transform:none!important}.device-phone.is-expanded>.device-screen{left:50%!important;right:auto!important;width:min(100vw,520px)!important;transform:translateX(-50%)!important;background:#101316}.device-shell.is-expanded .live-expanded-toolbar{display:flex!important;position:relative;z-index:6}.device-shell.is-expanded>.device-screen>img{width:100%;height:auto;object-fit:contain}.device-phone.is-expanded:before,.device-laptop.is-expanded:before{display:none!important}.device-phone.is-expanded .video-embed{height:100%!important}.device-shell.is-expanded .lofi-screen-crop{height:auto!important;aspect-ratio:64/33!important;min-height:0!important}.device-shell.is-expanded .lofi-screen-crop>img{height:auto!important;min-height:0!important;object-fit:initial!important}.lofi-screen{background:#f4f1ea!important}.lofi-screen-crop{height:100%!important;min-height:100%;aspect-ratio:auto!important;background:#f4f1ea}.lofi-screen-crop>img{height:109.1%!important;min-height:109.1%;object-fit:cover!important;object-position:center top!important;top:-3.2%!important}.radio-sound-control{position:absolute;right:18px;top:14px;z-index:5;display:flex;gap:8px;align-items:center;border:1px solid #bfd2d7;background:#fffefaeb;backdrop-filter:blur(12px);border-radius:25px;padding:9px 12px;color:var(--ink);font:inherit;cursor:pointer;box-shadow:0 4px 18px #18313c0b}.sound-icon{font-size:18px;line-height:1;color:var(--cerulean)}.sound-label{font-size:10px}.sound-dot{width:5px;height:5px;border-radius:50%;background:#a4afb1}.radio-sound-control.is-playing .sound-dot{background:var(--spinel);box-shadow:0 0 0 4px #ff5e7e20}.radio-sound-control[aria-pressed=true]{background:#f0f4f4;color:#6f7e83}.radio-sound-control:focus-visible,.live-expand:focus-visible{outline:3px solid var(--cerulean);outline-offset:3px}
/* Keep the device large in the desktop app's narrower browser panel too. */
.story-enabled .story-sticky{padding:18px 24px 12px}.story-enabled .story-heading h2{font-size:clamp(34px,4.2vw,56px);margin:8px 0}.story-enabled .story-heading>p{font-size:12px}.story-enabled .story-scene{gap:10px!important}.story-enabled .story-copy h3{font-size:clamp(19px,2.5vw,31px);margin:6px 0 14px;max-width:23ch}.story-enabled .story-copy>span{font-size:13px}.story-enabled .story-phones>.device-phone{max-width:none!important;max-height:none!important;flex:none!important;aspect-ratio:1/2!important;transform:rotate(2deg)}.story-enabled .story-scenario{left:0;width:82%;height:100%}.story-scroll-note{font-size:9px;margin-top:6px!important}.story-navigation{margin-top:8px}.story-navigation button{padding:8px 13px}.story-phones>.secondary-phone{display:none!important}
@media(min-width:650px){.story-enabled .story-scene{grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:22px!important;align-items:center}.story-enabled .story-copy{text-align:left;align-self:center;padding:0 0 0 10px}.story-enabled .story-copy h3{font-size:clamp(20px,2.7vw,36px);line-height:1.16;letter-spacing:-.7px;margin:10px 0 20px}.story-enabled .story-laptop .device-laptop{max-width:none!important;max-height:none!important}.story-enabled .story-phones>.device-phone{margin-left:66%!important}.story-enabled .story-scenario>img{object-position:68% 50%}}
@media(max-width:649px){.story-enabled .story-sticky{padding:12px 10px 10px}.story-enabled .story-heading>p,.story-enabled .story-scroll-note{display:none}.story-enabled .story-heading h2{font-size:31px}.story-enabled .story-copy h3{margin:5px auto 9px;max-width:27ch;font-size:18px}.story-enabled .story-copy>span{font-size:12px}.story-enabled .story-phones>.device-phone{margin-left:62%!important}.story-enabled .story-scenario{left:1%;width:83%}.story-navigation button{font-size:9px;padding:7px 9px}.case-preview .device-stage-laptop{height:min(40svh,440px)!important;padding:8px 2px!important}.case-preview .device-stage-phone{height:min(70svh,650px)!important;padding:8px 10px!important}.case-visual-pin{height:calc(100svh - 122px);top:112px}.case-showcase{min-height:760px}.radio-sound-control{top:-12px;right:11px;padding:7px 10px}.sound-label{font-size:9px}.case-tools{padding:10px 12px 0}.case-tools .gallery-thumbs{max-height:38px}.case-preview>.gallery-caption{font-size:9px;line-height:1.5}.case-preview .device-stage .expand-hint{bottom:-7px;font-size:10px;padding:7px 9px}}
@media(max-height:650px){.story-enabled .story-heading>p,.story-enabled .story-scroll-note{display:none}.story-enabled .story-heading h2{font-size:30px}.story-enabled .story-heading>span{font-size:10px}.story-enabled .story-copy h3{font-size:19px;margin:6px 0 12px}.story-enabled .story-copy>span{font-size:11px}.case-preview .device-stage-phone{height:65svh!important}.case-tools .gallery-thumbs{max-height:34px}.case-preview>.gallery-caption{font-size:9px}}
.project-launchpad{margin:80px auto 65px;scroll-margin-top:110px}.launch-heading{display:flex;align-items:baseline;justify-content:space-between;gap:30px;margin-bottom:30px}.launch-heading h2{font-size:clamp(28px,4vw,49px);letter-spacing:-1.4px;line-height:1.1;margin:0}.launch-heading>p{font-size:11px;color:var(--muted);max-width:26ch;line-height:1.6}.launch-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:stretch}.launch-items{display:grid;grid-template-columns:1fr 1fr;gap:4px 12px;align-content:center}.launch-item{display:flex;align-items:center;gap:10px;text-align:left;border:0;background:transparent;padding:14px 10px;color:var(--ink);font-size:13px;line-height:1.2;min-height:48px;border-radius:8px;transition:background .2s,transform .3s}.launch-item>i{width:5px;height:5px;border-radius:50%;background:#cfdbdc;flex-shrink:0;transition:background .2s,box-shadow .2s}.launch-item:hover,.launch-item:focus-visible,.launch-item[aria-pressed=true]{background:#ff5e7e12;transform:translateX(3px)}.launch-item[aria-pressed=true]>i{background:var(--spinel);box-shadow:0 0 0 4px #ff5e7e18}.launch-preview{position:relative;border-radius:24px;min-height:390px;background:#edf4f5;overflow:hidden;display:flex;flex-direction:column}.launch-image{flex:1;min-height:250px;height:280px;display:flex;align-items:center;justify-content:center;padding:25px;overflow:hidden}.launch-image img{height:100%;width:100%;object-fit:contain;display:block;filter:drop-shadow(0 10px 15px #18313c12)}.launch-preview-copy{padding:0 25px 23px}.launch-preview-copy h3{font-size:27px;letter-spacing:-.7px;margin:0 0 7px;line-height:1.1}.launch-preview-copy p{font-size:11px;line-height:1.6;color:var(--muted);margin:0 0 15px}.launch-go{border:0;border-radius:30px;background:var(--spinel);color:var(--ink);font-size:11px;padding:10px 18px}.launch-item:focus-visible,.launch-go:focus-visible{outline:2px solid var(--cerulean);outline-offset:2px}.case-preview.is-extension .device-stage{height:570px!important}.case-preview.is-extension .device-shell{width:min(440px,90%)!important;height:540px!important;aspect-ratio:auto!important;border:1px solid #cbdbde!important;border-radius:17px!important;background:#fff!important;box-shadow:0 18px 40px #18313c16!important;overflow:hidden}.case-preview.is-extension .device-shell:before,.case-preview.is-extension .device-shell:after{display:none!important}.case-preview.is-extension .device-shell>.device-screen{inset:0!important;width:100%!important;height:100%!important;border-radius:0!important}.case-preview.is-extension .device-shell.is-expanded{width:100vw!important;height:100dvh!important}.case-preview.is-extension .is-expanded>.device-screen{inset:48px 0 0!important;height:calc(100% - 48px)!important}
@media(max-width:760px){.project-launchpad{margin:55px 0}.launch-heading{display:block;margin-bottom:20px}.launch-heading h2{font-size:32px}.launch-heading>p{max-width:none;margin-top:12px;font-size:10px}.launch-grid{grid-template-columns:1fr;gap:20px}.launch-items{gap:4px 8px}.launch-item{padding:12px 8px;font-size:12px}.launch-preview{min-height:330px;order:-1}.launch-image{height:200px;min-height:200px;padding:20px}.launch-preview-copy{padding:0 20px 18px}.launch-preview-copy h3{font-size:24px}.case-preview.is-extension .device-stage{height:65svh!important}.case-preview.is-extension .device-shell{height:60svh!important}}
@media(prefers-reduced-motion:reduce){.launch-item{transition:none;transform:none!important}}

.case-preview{will-change:auto}.case-description{font-size:clamp(17px,1.65vw,21px);line-height:1.6;max-width:65ch}.case-copy{gap:40px;padding:20px 0 5px}.case-study .ownership.company{font-size:10px;background:transparent;border:0;padding:0;margin:12px 0;color:#7c8b8f;max-width:90ch}.case-study .case-details{display:none}
.case-preview.is-extension .device-shell.is-expanded>.device-screen{left:50%!important;right:auto!important;width:min(100vw,520px)!important;transform:translateX(-50%)!important}