.showcase-site{--showcase-bg:var(--surface-ink);--showcase-ink:var(--text-on-ink);--showcase-muted:var(--text-on-ink-muted);--showcase-acid:var(--acid);--showcase-gutter:clamp(20px, 2.8vw, 60px);--showcase-space:60px;--showcase-small:24px;background:var(--showcase-bg);color:var(--showcase-ink);font-family:var(--font-sans);isolation:isolate}.showcase-site *{box-sizing:border-box}.showcase-site :is(h1,h2,h3,p){margin:0}.showcase-site :is(h1,h2,h3){color:inherit;letter-spacing:-.045em;text-wrap:balance;font-weight:450;line-height:1.02}.showcase-site a{color:inherit;text-decoration:none}.showcase-site button{font:inherit}.showcase-site :is(a,button):focus-visible{outline:3px solid var(--showcase-acid);outline-offset:5px}.showcase-site .tone-acid :is(a,button):focus-visible,.showcase-site .tone-paper :is(a,button):focus-visible{outline-color:#222}.showcase-site img{max-width:100%;height:auto;display:block}.showcase-eyebrow{font:11px/1.6 var(--font-mono);letter-spacing:.08em;text-transform:uppercase}.showcase-site .showcase-hero{background:#9c1b12;height:100svh;min-height:700px;margin-top:-80px;position:relative;overflow:hidden}.showcase-hero>.showcase-media{z-index:0;position:absolute;inset:0}.hero-shade{z-index:1;pointer-events:none;background:linear-gradient(90deg,#090503bf 0%,#09050350 48%,#0000 75%),linear-gradient(#0000 40%,#060606bb);position:absolute;inset:0}.showcase-hero-copy{z-index:2;left:var(--showcase-gutter);pointer-events:none;max-width:1000px;position:absolute;bottom:115px}.showcase-hero-copy h1{letter-spacing:-.055em;margin:24px 0 28px;font-size:clamp(72px,7.4vw,122px);line-height:.96}.showcase-hero-copy h1 span{font-style:italic;font-weight:400}.hero-intro{max-width:370px;font-size:20px;line-height:1.45}.hero-explore{pointer-events:auto;border-bottom:1px solid #fff7;align-items:center;gap:32px;margin-top:24px;padding:8px 0;font-size:15px;display:inline-flex}.hero-explore:hover{border-color:var(--showcase-acid);color:var(--showcase-acid)}.hero-note{bottom:32px;left:var(--showcase-gutter);z-index:2;font:9px var(--font-mono);letter-spacing:.08em;opacity:.85;gap:32px;display:flex;position:absolute}.showcase-introduction{padding:144px var(--showcase-gutter) 80px;grid-template-columns:1.15fr 1fr;align-items:end;gap:80px;display:grid}.showcase-introduction h2,.blocks-introduction h1{letter-spacing:-.05em;margin-top:24px;font-size:clamp(52px,6.3vw,90px)}.intro-side{justify-self:end;max-width:460px}.intro-side>p{color:var(--showcase-muted);font-size:21px;line-height:1.5}.motion-toggle{color:var(--showcase-ink);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #ffffff50;margin-top:28px;padding:8px 0;display:block;font-size:12px!important}.motion-toggle:hover{color:var(--showcase-acid)}.showcase-gallery{padding:0 var(--showcase-gutter);overflow:clip}.creative-collection{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;display:grid}.creative-feature{--feature-text:#f5f5ef;--feature-muted:#b9b9b2;min-width:0;color:var(--feature-text);background:#282828;flex-direction:column;display:flex;position:relative;overflow:hidden}.creative-feature.wide{grid-column:1/-1;margin:0 0 64px}.creative-feature.half{margin-bottom:64px}.feature-copy{z-index:2;padding:56px 56px 0;position:relative}.feature-kicker{font:11px var(--font-mono);letter-spacing:.04em;margin-bottom:24px!important}.feature-kicker>span{opacity:.5;margin-right:16px}.creative-feature h2{letter-spacing:-.04em;max-width:540px;font-size:38px;line-height:1.08}.feature-description{color:var(--feature-muted);max-width:590px;font-size:19px;line-height:1.5;margin-top:22px!important}.feature-link{opacity:.9;border-bottom:1px solid;gap:24px;margin-top:20px;padding:8px 0;font-size:12px;display:inline-flex}.feature-link:hover{opacity:1}.creative-feature.wide>.feature-copy{max-width:900px;padding-top:64px}.creative-feature.wide h2{max-width:800px;font-size:clamp(44px,4.5vw,68px)}.creative-feature.wide .feature-description{max-width:790px;font-size:22px}.tone-paper{--feature-text:#171c18;--feature-muted:#4a534b;background:#e2e6df}.tone-acid{--feature-text:#171717;--feature-muted:#4b500b;background:#edff10}.example-credit{font:9px/1.5 var(--font-mono);color:var(--feature-muted);justify-content:space-between;gap:16px;padding:20px 32px;display:flex;margin-top:auto!important}.creative-feature.split{grid-template-columns:.8fr 1.2fr;align-items:center;padding-top:24px;display:grid}.creative-feature.split .feature-copy{padding:40px 24px 40px 56px}.creative-feature.split h2{font-size:56px}.creative-feature.split .feature-description{font-size:19px}.creative-feature.split .example-credit{grid-column:1/-1}.creative-feature.split .showcase-media{margin-top:50px;margin-bottom:35px}.showcase-media{isolation:isolate;width:100%;padding:48px 48px 0;position:relative;overflow:hidden}.film-window{background:#252525;border-radius:9px 9px 0 0;width:100%;overflow:hidden;box-shadow:0 24px 70px #0004}.browser-chrome{color:#e1e1de;height:32px;font:9px var(--font-mono);background:#484848;justify-content:space-between;align-items:center;gap:24px;padding:0 14px;display:flex}.browser-dots{gap:5px;display:flex}.browser-dots i{background:#252525;border-radius:50%;width:8px;height:8px}.browser-expand{font-size:15px}.film-viewport{aspect-ratio:8/5;position:relative;overflow:hidden}.film-viewport picture,.film-viewport img,.film-viewport video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.film-viewport video{opacity:0;transition:opacity .2s}.is-playing .film-viewport video{opacity:1}.showcase-media.crop-right{padding-right:0}.crop-right .film-window{width:calc(100% + 80px)}.showcase-media.crop-left{padding-left:0}.crop-left .film-window{width:calc(100% + 64px);transform:translate(-64px)}.film-toggle{z-index:4;color:#fff;cursor:pointer;opacity:.9;background:#121212e6;border:1px solid #ffffff75;border-radius:3px;align-items:center;gap:8px;padding:8px 12px;line-height:1;display:inline-flex;position:absolute;bottom:16px;left:64px;font-size:10px!important}.film-toggle:hover{color:#151515;opacity:1;background:#edff10;border-color:#edff10}.crop-left .film-toggle{left:16px}.film-toggle>span:first-child{width:10px;font-size:12px}.is-hero.showcase-media{width:100%;height:100%;padding:0}.is-hero .film-window,.is-hero .film-viewport{width:100%;height:100%;box-shadow:none;aspect-ratio:auto;border-radius:0}.is-hero :is(img,video){object-position:65% center}.is-hero .film-toggle{left:auto;right:var(--showcase-gutter);bottom:28px}.editor-story{padding:64px 0 100px var(--showcase-gutter);background:#121212;grid-template-columns:.8fr 1.2fr;gap:48px;display:grid;overflow:clip}.editor-story-copy{padding-top:60px}.editor-story h2{margin:24px 0;font-size:clamp(40px,4vw,64px)}.editor-story-copy>p:not(.showcase-eyebrow){max-width:420px;color:var(--showcase-muted);font-size:20px;line-height:1.5}.showcase-cta{background:var(--showcase-acid);border-radius:4px;align-items:center;gap:32px;margin-top:30px;padding:16px 22px;font-size:14px;font-weight:600;display:inline-flex;color:#151515!important}.showcase-cta:hover{background:#f5ffa3}.editor-story .showcase-media{padding-top:80px}.showcase-ending{padding:32px var(--showcase-gutter) 75px;z-index:2;color:#aaa;background:#121212;border-radius:0 0 40px 40px;justify-content:space-between;align-items:start;gap:48px;margin-bottom:-40px;font-size:12px;display:flex;position:relative}.showcase-ending p{max-width:790px;line-height:1.6}.showcase-ending a{white-space:nowrap;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.blocks-introduction{padding-top:100px}.blocks-introduction h1{font-size:72px}@media (width>=1700px){.creative-collection{max-width:1600px;margin:auto}.showcase-introduction{max-width:1740px;margin:auto}}@media (width<=1050px){.showcase-introduction{gap:40px}.feature-copy{padding:36px 32px 0}.creative-feature h2{font-size:32px}.feature-description{font-size:17px}.creative-feature.wide>.feature-copy{padding-left:40px}.showcase-media{padding:36px 32px 0}.film-toggle{left:46px}.creative-feature.split h2{font-size:42px}.creative-feature.split .feature-copy{padding-left:36px}.editor-story{gap:24px}.showcase-hero-copy h1{font-size:8vw}.hero-intro{max-width:340px}}@media (width<=700px){.showcase-site{--showcase-gutter:20px}.showcase-site .showcase-hero{height:100svh;min-height:720px}.showcase-hero-copy{max-width:none;bottom:112px;left:24px;right:24px}.showcase-hero-copy h1{letter-spacing:-.05em;margin:20px 0 24px;font-size:clamp(48px,11.6vw,76px);line-height:.98}.showcase-hero-copy .showcase-eyebrow{font-size:9px}.hero-intro{max-width:290px;font-size:17px}.hero-shade{background:linear-gradient(#09050310 10%,#09050388 55%,#090605eb)}.is-hero :is(img,video){object-position:63% center}.hero-note{font-size:8px;bottom:32px;left:24px}.hero-note>span:last-child{display:none}.hero-explore{margin-top:20px}.is-hero .film-toggle{bottom:24px;right:20px}.showcase-introduction{padding:80px 24px 48px;display:block}.showcase-introduction h2,.blocks-introduction h1{margin-top:20px;font-size:50px}.intro-side{max-width:100%;margin-top:32px}.intro-side>p{font-size:18px}.showcase-gallery{padding:0 12px}.creative-collection{display:block}.creative-feature.wide,.creative-feature.half{margin-bottom:20px}.feature-copy,.creative-feature.wide>.feature-copy{padding:32px 24px 0}.creative-feature h2,.creative-feature.wide h2{letter-spacing:-.04em;max-width:100%;font-size:34px}.creative-feature .feature-description,.creative-feature.wide .feature-description{font-size:17px;margin-top:20px!important}.feature-kicker{font-size:10px;margin-bottom:20px!important}.feature-link{margin-top:16px;font-size:11px}.showcase-media{padding:32px 20px 0}.showcase-media.crop-left{padding-left:20px}.crop-left .film-window{width:calc(100% + 28px);transform:none}.crop-right .film-window{width:calc(100% + 28px)}.browser-chrome{gap:10px;height:25px;font-size:8px}.browser-dots i{width:6px;height:6px}.film-toggle,.crop-left .film-toggle{padding:7px 9px;bottom:10px;left:30px;font-size:9px!important}.example-credit{padding:16px 24px;font-size:8px}.example-credit span{display:none}.creative-feature.split{padding-top:0;display:block}.creative-feature.split .feature-copy{padding:32px 24px 0}.creative-feature.split h2{font-size:36px}.creative-feature.split .showcase-media{margin:0}.editor-story{padding:48px 0 48px 24px;display:block}.editor-story-copy{padding:0 24px 0 0}.editor-story h2{font-size:44px}.editor-story-copy>p:not(.showcase-eyebrow){font-size:18px}.editor-story .showcase-media{padding-top:36px}.showcase-ending{padding:24px 24px 70px;font-size:11px;display:block}.showcase-ending a{margin-top:16px;display:block}.blocks-introduction{padding-top:64px}.film-toggle-label{white-space:nowrap}}@media (prefers-reduced-motion:reduce){.showcase-site *,.showcase-site :before,.showcase-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.showcase-site .showcase-hero-image{object-fit:cover;object-position:65% center;width:100%;height:100%;position:absolute;inset:0}.creative-feature{scroll-margin-top:116px}.motion-toggle[hidden]{display:none}.creative-collection{gap:24px}.creative-feature{border-radius:8px}.creative-feature.wide,.creative-feature.half{margin-bottom:40px}.creative-feature h2{font-weight:600}.tone-charcoal{background:#292522}.tone-black{background:#12100f}.tone-slate{background:#35312e}.tone-paper{background:var(--surface-paper);--feature-text:var(--text-on-paper);--feature-muted:var(--text-on-paper-muted)}.tone-blue{--feature-muted:var(--text-on-ink-muted);background:#292522}.tone-acid{background:var(--acid);--feature-text:var(--text-on-acid);--feature-muted:var(--text-on-acid-muted)}.browser-chrome{background:#3a352e}.example-credit span{opacity:1}.hero-actions{pointer-events:auto;flex-wrap:wrap;align-items:center;gap:24px;margin-top:28px;display:flex}.hero-actions .hero-explore{margin-top:0}.hero-actions .btn-wrapper{flex-shrink:0}.showcase-introduction h2{font-weight:600}.showcase-eyebrow{color:var(--acid)}.editor-story,.showcase-ending{background:var(--surface-ink)}@media (width<=700px){.creative-feature.wide,.creative-feature.half{margin-bottom:20px}.hero-actions{gap:16px;margin-top:24px}.hero-actions .hero-explore{font-size:13px}.showcase-hero-copy{bottom:100px}.showcase-hero-copy h1{font-size:clamp(46px,11.6vw,76px)}.hero-note{bottom:24px}}