@font-face{font-family:Swell Heavy S;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/space-grotesk/swell-heavy-s.woff2) format("woff2");unicode-range:U+0073}.swell-page{--swell-bar-height: var(--product-bar-height);--swell-section-space: 128px;--swell-block-space: 48px}@layer base{.swell-page :is(button,a){-webkit-tap-highlight-color:transparent}.swell-page :focus-visible{outline:2px solid var(--color-link);outline-offset:5px}}.swell-backdrop{position:fixed;inset:0;z-index:-1;pointer-events:none;background:#f5fcfd url(/images/swell/backdrop-desktop-mirrored.webp) center top / 100% auto repeat-y}.swell-hero-stage{--product-hero-media-width: 1104.639px;--product-hero-media-ratio: calc(2096 / 1116);margin-top:clamp(8px,5svh,48px)}.swell-hero-stage--video{--product-hero-media-width: 100cqw;--product-hero-media-ratio: calc(8 / 3)}.swell-hero-plugin,.swell-hero-video{width:min(100cqw,100cqh * var(--product-hero-media-ratio))}.swell-hero-video{aspect-ratio:var(--product-hero-media-ratio)}.swell-media-actions{margin-top:var(--product-hero-gap)}.swell-title-name{font-size:min(71px,11svh);line-height:1.127}.swell-title-tagline{font-size:clamp(15px,4.5svh,24px);line-height:1.167}@media(width<768px){.swell-title-name{font-size:min(60px,11svh);line-height:1.133}.swell-title-tagline{font-size:clamp(15px,4.5svh,20px);line-height:1.4}}[data-swell-video]::-webkit-media-controls,[data-swell-video]::-webkit-media-controls-enclosure,[data-swell-video]::-webkit-media-controls-panel,[data-swell-video]::-webkit-media-controls-start-playback-button{display:none!important}.swell-page[data-swell-media=ready] .swell-video-toggle{display:grid}.swell-video-toggle[data-paused=true] .swell-video-pause,.swell-video-toggle[data-paused=false] .swell-video-play{display:none}.swell-plugin{position:relative;width:100%;container-type:inline-size}.swell-plugin-frame{position:relative;width:100%;aspect-ratio:2096 / 1116;border-radius:1.2cqw}.swell-plugin-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;border-radius:1.2cqw}.swell-plugin-character{position:absolute;max-width:none;pointer-events:none}.swell-plugin-curve{border-radius:0}.swell-plugin--full{border-radius:1.2cqw}.swell-plugin-glow{position:absolute;pointer-events:none;max-width:none;width:97.88%;height:auto;left:-9.96%;top:-23.07%}.swell-plugin-glow--strip{width:97.25%;top:-62%;left:1.4%}.swell-plugin--source,.swell-plugin--amplitude,.swell-plugin--character{border-radius:8.75px;overflow:hidden}.swell-plugin--source,.swell-plugin--amplitude{aspect-ratio:1420 / 434}.swell-plugin--source .swell-plugin-frame,.swell-plugin--amplitude .swell-plugin-frame{position:absolute;width:calc(2096 / 1420 * 100%);left:calc(-20 / 1420 * 100%);top:calc(-118 / 434 * 100%)}.swell-plugin--amplitude .swell-plugin-frame{top:calc(-574 / 434 * 100%)}.swell-plugin--character{aspect-ratio:616 / 888}.swell-plugin--character .swell-plugin-frame{position:absolute;width:calc(2096 / 616 * 100%);left:calc(-1460 / 616 * 100%);top:calc(-118 / 888 * 100%)}.swell-story{position:relative}.swell-stage{position:relative;padding:calc(var(--swell-section-space) / 2) 0}.swell-amplitude{pointer-events:none}.swell-scene{position:relative;width:100%;padding-inline:max(24px,calc((100vw - 1364px)/2))}.swell-source-scene{display:grid;grid-template-columns:minmax(0,456fr) minmax(0,770fr);align-items:center;gap:88px;min-height:565px}.swell-feature-copy{position:relative;z-index:2}.swell-kicker{color:var(--color-link);font-size:18px;line-height:26px;font-weight:700;letter-spacing:.36px}.swell-feature-copy h2{margin:24px 0;font-size:56px;font-weight:700;line-height:58px;letter-spacing:-1.68px}.swell-feature-copy>p:not(.swell-kicker){font-size:20px;line-height:28px}.swell-source-copy{text-align:right}.swell-source-visual{position:relative;z-index:3;width:100%}.swell-source-preview{position:absolute;inset:0;overflow:hidden;pointer-events:none}.swell-source-preview>:is(img,video){position:absolute;inset:0;width:100%;height:100%;object-fit:fill}.swell-source-border{display:none;position:absolute;inset:0;border:3px solid var(--color-ink);border-radius:8.75px;pointer-events:none}.swell-page[data-swell-motion=active] .swell-source-border{display:block}.swell-character-demos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}.swell-character-demo{display:inline-flex;align-items:center;gap:10px;min-height:44px;cursor:pointer;padding:6px 0;background:transparent;color:var(--color-ink);font-size:16px;line-height:24px;font-weight:700;text-align:left}.swell-character-demo[hidden]{display:none}.swell-character-demo:hover,.swell-character-demo[data-playing]{color:var(--color-link)}.swell-character-demo-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:999px;background:var(--color-ink);color:#fff}.swell-character-demo:hover .swell-character-demo-icon,.swell-character-demo[data-playing] .swell-character-demo-icon{background:var(--color-link)}.swell-character-surface{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none}.swell-character-scene{display:grid;grid-template-columns:340px 430px;justify-content:center;align-items:center;gap:88px;min-height:565px;overflow:clip}.swell-character-pad{position:relative;width:100%;z-index:1}.swell-gradient-title{position:relative;width:min(100%,4.7857em);aspect-ratio:268 / 116}.swell-tone-art,.swell-tone-art img{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.swell-tone-art img{mask:url(#swell-tone-aperture)}.swell-tone-art canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.swell-amplitude-scene{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:32px;min-height:720px;overflow:clip}.swell-amplitude-text{text-align:center;max-width:608px}.swell-amplitude-text h2{display:flex;flex-direction:column;align-items:center;margin-block:24px;line-height:62px}.swell-small-s{font-family:"Swell Heavy S",var(--font-display);font-size:32px}.swell-amplitude-long{display:inline-flex;align-items:baseline;line-height:54px;white-space:nowrap}.swell-amplitude-long>span{font-size:var(--letter-size)}.swell-amplitude-long>span:nth-child(1){--letter-size: 33px}.swell-amplitude-long>span:nth-child(2){--letter-size: 35px}.swell-amplitude-long>span:nth-child(3){--letter-size: 37px}.swell-amplitude-long>span:nth-child(4){--letter-size: 39px}.swell-amplitude-long>span:nth-child(5){--letter-size: 43px}.swell-amplitude-long>span:nth-child(6){--letter-size: 45px}.swell-amplitude-long>span:nth-child(7){--letter-size: 47px}.swell-amplitude-long>span:nth-child(8){--letter-size: 49px}.swell-amplitude-long>span:nth-child(9){--letter-size: 51px}.swell-amplitude-long>span:nth-child(10){--letter-size: 53px}.swell-amplitude-long>span:nth-child(11){--letter-size: 55px}.swell-amplitude-long>span:nth-child(12){--letter-size: 57px}.swell-amplitude-long>span:nth-child(13){--letter-size: 59px}.swell-amplitude-long>span:nth-child(14){--letter-size: 61px}.swell-amplitude-long>span:nth-child(15){--letter-size: 63px}.swell-amplitude-text>p:not(.swell-kicker){max-width:540px;margin-inline:auto}.swell-amplitude-visual{width:min(100%,770px);position:relative}.swell-amplitude-scene{--swell-amplitude-extra-gap: 32px;gap:calc(32px + var(--swell-amplitude-extra-gap))}.swell-amplitude-visual{margin-bottom:var(--swell-amplitude-extra-gap)}.swell-page[data-swell-motion=active] .swell-stage{padding-block:0}.swell-page[data-swell-motion=active] :is([data-source-visual],[data-source-copy],[data-character-pad],.swell-character-text,.swell-amplitude-text){translate:0 var(--swell-drift-y, 0px)!important}.swell-page[data-swell-motion=active] .swell-scene{min-height:0;overflow:clip}.swell-page[data-swell-motion=active] :is(.swell-source-scene,.swell-character-scene){padding-bottom:64px}.swell-page[data-swell-motion=active] .swell-character{overflow:clip}.swell-page[data-swell-motion=active] .swell-character-scene{overflow:visible;clip-path:inset(calc(-1 * var(--swell-bar-height)) 0 calc(-1 * var(--swell-viewport-overscan, 0px)))}@media(min-width:768px){.swell-source-copy,.swell-character-pad{top:-32px}}@media(min-width:768px)and (max-width:1199px){.swell-source-scene{gap:44px}.swell-character-scene{grid-template-columns:minmax(200px,340px) minmax(280px,430px);gap:56px}.swell-feature-copy h2{font-size:48px;line-height:50px}}@media(max-width:767px){.swell-page{--swell-section-space: 96px;--swell-block-space: 40px}.swell-backdrop{background-image:url(/images/swell/backdrop-mobile-mirrored.webp)}.swell-hero-stage--video{--product-hero-media-ratio: calc(5 / 3);margin-top:clamp(8px,4svh,32px)}.swell-scene{padding-inline:24px}.swell-source-scene,.swell-character-scene{display:flex;flex-direction:column;justify-content:center;gap:36px;min-height:auto}.swell-source-copy{text-align:center;max-width:420px}.swell-feature-copy h2{font-size:42px;line-height:44px;letter-spacing:-1.2px;margin:16px 0}.swell-feature-copy>p:not(.swell-kicker){font-size:18px;line-height:26px}.swell-kicker{font-size:16px;line-height:24px}.swell-source-visual{max-width:540px}.swell-character-text{order:-1;max-width:420px;text-align:center}.swell-character-pad{--swell-pad-width: min(62vw, 280px);width:var(--swell-pad-width)}.swell-character-scene{padding-block:32px 8px}.swell-character-text h2{margin-inline:auto}.swell-tone-art [data-tone-first-line]{transform:translate(54px)}.swell-character-demos{max-width:320px;margin:24px auto 0}.swell-amplitude-scene{min-height:auto;padding-block:32px}.swell-source-scene,.swell-character-scene{justify-content:safe center}.swell-page[data-swell-motion=active] .swell-character-scene{gap:16px;padding-block:24px 8px}.swell-page[data-swell-motion=active] .swell-character-pad{--swell-pad-ratio: calc(616 / 888);display:grid;place-items:center;flex:1 1 0;min-height:120px;max-height:calc(var(--swell-pad-width) / var(--swell-pad-ratio));container-type:size}.swell-page[data-swell-motion=active] .swell-character-pad>.swell-plugin{width:min(100cqw,100cqh * var(--swell-pad-ratio))}.swell-amplitude-text{width:100%;max-width:420px}.swell-amplitude-text h2{line-height:48px}.swell-amplitude-long>span{font-size:calc(var(--letter-size) * .72)}.swell-amplitude-long{line-height:44px}.swell-small-s{font-size:25px}}
