.qt-hero{aspect-ratio:4/3;border-radius:var(--portfolio-media-radius,8px);background:var(--surface-muted,#f4f4f4);width:100%;margin:0;position:relative;overflow:hidden}.qt-devices{opacity:1;transition:opacity .25s .15s;position:absolute;inset:0}.qt-laptop{aspect-ratio:1500/738;border-radius:4% 0 0;width:88%;position:absolute;top:39%;left:21%;overflow:hidden}.qt-hero .qt-device-frame{object-fit:fill;width:100%;height:100%;display:block;transform:none!important}.qt-desktop{background:url(/build/quick-translator/devices/mac-wallpaper.webp) 50%/cover no-repeat;border-radius:0;position:absolute;inset:7.5% 0 0 2%}.qt-hero .qt-panel{object-fit:contain;width:69%;height:auto;position:absolute;top:-5%;left:15%;transform:none!important}.qt-phone{aspect-ratio:800/1615;filter:drop-shadow(0 12px 20px #0003);width:25%;position:absolute;top:9.5%;left:10.5%}.qt-phone-screen{border-radius:13%/6%;position:absolute;inset:2.5% 5.7%;overflow:hidden}.qt-hero .qt-phone-screen img{object-fit:fill;object-position:center;width:100%;height:100%;display:block;transform:none!important}.qt-thumbnail .qt-laptop{width:98%;left:var(--qt-device-left);aspect-ratio:1118/718;border-radius:2.5% 2.5% 0 0;top:35%}.qt-thumbnail .qt-desktop{background:url(/build/quick-translator/devices/mac-wallpaper.webp) 50%/cover no-repeat;top:5.5%;left:1.5%;right:1.5%}.qt-thumbnail .qt-panel{width:85%;top:50%;left:10%;translate:0 -50%}.qt-thumbnail .qt-phone{width:25%;top:17%;left:auto;right:calc(5% + 10px)}.qt-hover-panel{opacity:0;pointer-events:none;align-items:center;transition:opacity .4s,transform .6s;display:flex;position:absolute;inset:0 7%;transform:translateY(28px)}.qt-replay{filter:drop-shadow(0 6px 14px #1920301a);width:100%;container-type:inline-size}.qt-hero .qt-replay img{object-fit:fill;width:100%;transition:height .55s cubic-bezier(.22,1,.36,1);display:block;position:relative;transform:none!important}.qt-hero[data-active=true] .qt-devices{opacity:0;transition:opacity .4s}.qt-hero[data-active=true] .qt-hover-panel{opacity:1;transition:opacity .6s .25s,transform .7s cubic-bezier(.16,1,.3,1) .25s;transform:translateY(0)}.qt-details{gap:var(--space-grid-gutter,16px);display:grid}.qt-recording{aspect-ratio:16/9;background:var(--surface-muted,#f4f4f4);border-radius:var(--portfolio-media-radius,8px);justify-content:center;align-items:center;min-height:220px;padding:5%;display:flex;overflow:hidden}.qt-recording img{object-fit:contain;width:100%;height:auto;display:block}.qt-split{gap:var(--space-grid-gutter,16px);grid-template-columns:1fr 1fr;display:grid}.qt-mobile-demo{background:var(--surface-muted,#f4f4f4);border-radius:var(--portfolio-media-radius,8px);justify-content:center;padding:40px;display:flex}.qt-mobile-demo video{border-radius:24px;width:min(280px,80%);box-shadow:0 12px 28px #0002}@media (max-width:719px){.qt-split{grid-template-columns:1fr}.qt-mobile-demo{padding:24px}}@media (prefers-reduced-motion:reduce){.qt-devices,.qt-hover-panel,.qt-hero .qt-replay img{transition:none}}.editorial-detail .qt-hero{background:#08090b;aspect-ratio:948/604!important}.editorial-detail .qt-hero .qt-desktop{top:4%}.editorial-detail .qt-hero .qt-panel{z-index:1;border-radius:0 0 4% 4%;width:41.4%;top:-2px;left:28.8%}.qt-thumbnail{--qt-device-left:calc(12% - 20px);container-type:inline-size}.qt-thumbnail-headline{left:var(--qt-device-left);letter-spacing:-.035em;color:var(--foreground);margin:0;font-family:Inter,sans-serif;font-size:clamp(16px,5cqw,38px);font-weight:600;line-height:1.15;position:absolute;top:17.5%;translate:0 -50%}.qt-thumbnail-headline mark{color:#0000;background:linear-gradient(110deg,#287aca 0%,#7355cf 55%,#ba4a94 100%);-webkit-background-clip:text;background-clip:text;padding:0}.qt-thumbnail{transition:background-color .5s}:root[data-theme=dark] .qt-thumbnail[data-active=true]{background:#36383d}:root[data-theme=dark] .qt-replay{filter:drop-shadow(0 8px 18px #0000003d)}:root[data-theme=dark] .qt-thumbnail-headline mark{background-image:linear-gradient(110deg,#71b6fa 0%,#ac96fa 55%,#ed92cb 100%)}@media (prefers-reduced-motion:reduce){.qt-thumbnail{transition:none}}.qt-hero:not(.qt-thumbnail){container-type:inline-size}.qt-hero-menubar{color:#20242b;background:#ffffff70;justify-content:space-between;align-items:center;height:5%;padding:0 1%;font:500 .8cqw/1.2 Arial,sans-serif;display:flex;position:absolute;inset:0 0 auto}.qt-hero .qt-phone{z-index:2}.qt-website-example{min-width:0;margin:0}.qt-website-example>div{background:var(--surface-muted,#f4f4f4);border-radius:var(--portfolio-media-radius,8px);justify-content:center;align-items:center;min-height:280px;padding:32px;display:flex}.qt-website-example img{object-fit:contain;border-radius:12px;width:100%;max-width:400px;height:auto;display:block}.qt-website-example figcaption{padding:16px 0 24px}.qt-website-example h3{margin:0 0 8px;font-size:16px;font-weight:500}.qt-website-example p{color:var(--ink-caption);margin:0;font-size:14px;line-height:1.6}.qt-website-gallery{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:var(--surface-muted,#fafafa);border-radius:var(--portfolio-media-radius,8px);border:0;width:100%;display:block}