/* The readability presentation keeps the preceding scroll-story variant intact. */
#main.fp-atelier{--fp-card-width:288px;--fp-card-gap:24px;--fp-card-height:clamp(320px,calc(100svh - var(--fp-sticky-top) - 246px),390px)}
#main.fp-atelier h1{font-size:clamp(35px,3.15vw,49px);line-height:1.14;letter-spacing:-.045em;max-width:620px}
#main.fp-atelier .fp-hero-copy>p{font-size:18px;line-height:1.65;font-weight:450;max-width:48ch}
#main.fp-atelier .fp-hero-actions :is(.fp-cta,.fp-secondary){font-size:15px}
#main.fp-atelier p{font-weight:450}
#main.fp-atelier .fp-heading>p{font-size:18px;line-height:1.55}
#main.fp-atelier .fp-start-tabs b,#main.fp-atelier .fp-field-tabs b{font-size:17px;line-height:1.35;font-weight:600}
#main.fp-atelier .fp-start-tabs small,#main.fp-atelier .fp-field-tabs small{font-size:14px;line-height:1.5;font-weight:450}
#main.fp-atelier [data-story-active=true] .fp-heading h2{font-size:clamp(31px,2.55vw,39px)}
#main.fp-atelier [data-story-active=true] .fp-heading>p{font-size:17px;max-width:77ch;margin-top:12px}
#main.fp-atelier [data-story-active=true] .fp-start-tabs>button{min-height:72px;padding:11px}
#main.fp-atelier [data-story-active=true] .fp-start-tabs b{font-size:17px}
#main.fp-atelier [data-story-active=true] .fp-start-tabs small{font-size:14px}
#main.fp-atelier [data-story-active=true] .fp-start-note{font-size:14px;line-height:1.55;margin-top:12px}
#main.fp-atelier [data-story-active=true] .fp-start-copy>.fp-cta{font-size:15px;min-height:49px;margin-top:14px}
/* The gallery alone reaches the screen edges. Other content retains the common gutters. */
#main.fp-atelier>.fp-workflows{width:100%;max-width:none;overflow:hidden;overflow:clip}
#main.fp-atelier .fp-workflows>.fp-heading{width:var(--fp-content-width);max-width:890px;margin-inline:auto;padding-inline:0}
#main.fp-atelier .fp-workflows>.fp-heading p{font-size:17px;font-weight:450;max-width:79ch}
#main.fp-atelier .fp-rail-viewport{padding-block:24px 32px;height:calc(var(--fp-card-height) + 56px)}
#main.fp-atelier .fp-feature{box-shadow:0 15px 34px color-mix(in srgb,var(--eh-accent) 15%,transparent)}
#main.fp-atelier .fp-card-bottom{font-size:12px;font-weight:500}
#main.fp-atelier .fp-rail-cta{width:var(--fp-content-width);margin:4px auto 0}
/* Heading and controls occupy one column, leaving the art its natural 3:2 frame. */
#main.fp-atelier .fp-builder-layout{grid-template-columns:.87fr 1.13fr;gap:30px;align-items:center}
#main.fp-atelier .fp-builder-tools>.fp-heading{text-align:left;margin:0 0 22px;max-width:490px}
#main.fp-atelier .fp-builder-tools>.fp-heading h2{font-size:36px;line-height:1.13}
#main.fp-atelier .fp-builder-tools>.fp-heading>p{font-size:17px;margin-top:15px;max-width:39ch}
#main.fp-atelier .fp-field-tabs>button{min-height:77px;padding:12px 11px}
#main.fp-atelier .fp-studio-preview{width:100%;height:auto;align-self:center;justify-self:center;grid-template-rows:auto auto}
#main.fp-atelier .fp-studio-preview>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:contain}
#main.fp-atelier .fp-preview-benefit{padding:15px 17px;min-height:80px}
#main.fp-atelier .fp-preview-benefit b{font-size:16px;font-weight:600}
#main.fp-atelier .fp-preview-benefit p{font-size:14px;line-height:1.5}
#main.fp-atelier .fp-builder[data-story-active=true]>.fp-story-frame{padding:14px 0}
#main.fp-atelier .fp-builder[data-story-active=true] .fp-builder-tools>.fp-heading{margin-bottom:19px}
#main.fp-atelier [data-story-active=true] .fp-field-tabs>button{min-height:71px;padding:11px}
#main.fp-atelier [data-story-active=true] .fp-field-tabs b{font-size:16px}
#main.fp-atelier [data-story-active=true] .fp-field-tabs small{font-size:14px}
#main.fp-atelier [data-story-active=true] .fp-builder-tools>.fp-cta{font-size:15px;min-height:49px;margin-top:17px}
#main.fp-atelier [data-story-active=true] .fp-studio-preview{width:min(100%,calc((var(--fp-story-height) - 132px)*1.5));height:auto}
#main.fp-atelier [data-story-active=true] .fp-preview-benefit{padding:14px 16px;min-height:80px}
#main.fp-atelier [data-story-active=true] .fp-preview-benefit :is(b,p){font-size:14px}
/* A field collection, rather than a reproduction of the product's selector. */
#main.fp-atelier>.fp-field-gallery{--fg:#7445d5;position:relative;padding:30px;border:1px solid var(--eh-line);border-radius:28px;background:radial-gradient(ellipse at 5% 2%,color-mix(in srgb,var(--eh-blue) 11%,transparent),transparent 53%),radial-gradient(ellipse at 95% 94%,color-mix(in srgb,var(--eh-accent) 13%,transparent),transparent 58%),var(--eh-panel);box-shadow:0 18px 60px color-mix(in srgb,var(--eh-accent) 5%,transparent)}
#main.fp-atelier .fp-gallery-heading{display:grid;grid-template-columns:auto 1fr;gap:36px;align-items:center;margin-bottom:25px}
#main.fp-atelier .fp-gallery-count{display:flex;align-items:center;gap:16px;padding-right:35px;border-right:1px solid var(--eh-line)}
#main.fp-atelier .fp-gallery-count>strong{font-size:90px;font-weight:650;letter-spacing:-.075em;line-height:1;color:var(--eh-accent)}
#main.fp-atelier .fp-gallery-count>span{font-size:14px;font-weight:550;line-height:1.6;color:var(--eh-ink)}
#main.fp-atelier .fp-gallery-heading h2{font-size:34px;line-height:1.12}
#main.fp-atelier .fp-gallery-heading h2 br{display:none}
#main.fp-atelier .fp-gallery-heading p{font-size:16px;line-height:1.5;margin-top:10px;max-width:62ch}
#main.fp-atelier .fp-gallery-layout{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:25px;align-items:stretch}
#main.fp-atelier .fp-gallery-collection{min-width:0}
#main.fp-atelier .fp-gallery-legend{display:flex;flex-wrap:wrap;align-items:center;gap:8px 18px;margin-bottom:12px}
#main.fp-atelier .fp-category{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:550;color:var(--eh-muted)}
#main.fp-atelier .fp-category>i{display:block;width:6px;height:6px;border-radius:50%;background:var(--fg)}
#main.fp-atelier .fp-category--blue{--fg:#2866db}
#main.fp-atelier .fp-category--green{--fg:#008662}
#main.fp-atelier .fp-category--amber{--fg:#a75d0e}
#main.fp-atelier .fp-category--teal{--fg:#008396}
#main.fp-atelier .fp-category--violet{--fg:#8051d5}
#main.fp-atelier .fp-category--slate{--fg:#657389}
#main.fp-atelier .fp-field-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px}
#main.fp-atelier .fp-field-tile{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;min-width:0;min-height:62px;padding:7px 4px;border:1px solid color-mix(in srgb,var(--fg) 14%,var(--eh-line));border-radius:12px;background:color-mix(in srgb,var(--eh-panel) 80%,transparent);color:var(--eh-ink);font-size:12px;font-weight:500;line-height:1.2;text-align:center;cursor:pointer;box-shadow:0 3px 9px color-mix(in srgb,var(--eh-accent) 3%,transparent);transition:translate .18s,box-shadow .18s,border-color .18s,background .18s}
#main.fp-atelier .fp-field-tile>svg{width:23px;height:23px;color:var(--fg);stroke-width:1.7}
#main.fp-atelier .fp-field-tile:is(:hover,:focus-visible,[aria-pressed=true]){border-color:var(--fg);background:color-mix(in srgb,var(--fg) 9%,var(--eh-panel));box-shadow:0 5px 15px color-mix(in srgb,var(--fg) 12%,transparent);translate:0 -2px}
#main.fp-atelier .fp-explorer-hint{font-size:12px;line-height:1.5;font-weight:450;margin-top:12px;text-align:left}
#main.fp-atelier .fp-gallery-example{position:relative;inset:auto;width:auto;max-width:none;max-height:none;overflow:hidden;padding:20px 17px 16px;display:flex;flex-direction:column;gap:0;border:1px solid color-mix(in srgb,var(--eh-accent) 18%,var(--eh-line));border-radius:22px;background:var(--eh-panel);box-shadow:0 10px 30px color-mix(in srgb,var(--eh-accent) 11%,transparent);z-index:1}
#main.fp-atelier .fp-gallery-example>[data-fp-example-close]{display:none}
#main.fp-atelier .fp-example-heading{position:relative;min-height:135px}
#main.fp-atelier .fp-example-heading>.fp-example-eyebrow{font-size:10px;margin-bottom:19px;text-transform:uppercase}
#main.fp-atelier .fp-example-symbol{position:absolute;top:0;right:0;width:35px;height:35px;display:grid;place-items:center;background:var(--eh-accent-soft);color:var(--eh-accent);border-radius:10px}
#main.fp-atelier .fp-example-heading h3{font-size:23px;line-height:1.2;margin:0 0 8px;max-width:18ch}
#main.fp-atelier .fp-example-heading p{font-size:14px;line-height:1.55;margin:0;min-height:44px}
#main.fp-atelier .fp-example-device{flex:1;min-height:200px;margin-top:16px;padding:15px 13px;border:4px solid var(--eh-ink);border-radius:19px;background:var(--eh-bg);box-shadow:inset 0 0 0 1px var(--eh-line),0 8px 17px color-mix(in srgb,var(--eh-ink) 8%,transparent)}
#main.fp-atelier .fp-example-device-bar{display:flex;align-items:center;justify-content:space-between;gap:9px;border-bottom:1px solid var(--eh-line);padding-bottom:12px;margin-bottom:14px;font-size:9px;color:var(--eh-muted)}
#main.fp-atelier .fp-example-device-bar>span:first-child{color:var(--eh-ink);font-size:12px;font-weight:700;letter-spacing:-.03em}
#main.fp-atelier .fp-example-device [data-fp-example-demo]{padding:0;margin:0;border:0;background:none;border-radius:0}
#main.fp-atelier .fp-example-footnote{font-size:10px;color:var(--eh-muted);text-align:center;line-height:1.5;margin-top:14px}
#main.fp-atelier .fp-gallery-example .fp-demo-label{font-size:12px}
#main.fp-atelier .fp-gallery-example .fp-demo-choices{gap:6px}
#main.fp-atelier .fp-gallery-example .fp-demo-choices>button{font-size:12px}
:root[data-theme=dark] #main.fp-atelier .fp-category--blue{--fg:#8bb1ff}
:root[data-theme=dark] #main.fp-atelier .fp-category--green{--fg:#79d9b1}
:root[data-theme=dark] #main.fp-atelier .fp-category--amber{--fg:#f0ba73}
:root[data-theme=dark] #main.fp-atelier .fp-category--teal{--fg:#7ad2df}
:root[data-theme=dark] #main.fp-atelier .fp-category--violet{--fg:#c0a4ff}
:root[data-theme=dark] #main.fp-atelier .fp-category--slate{--fg:#b0bed5}
@media(min-width:981px) and (max-height:760px){
 #main.fp-atelier [data-story-active=true]>.fp-story-frame{padding:17px 22px}
 #main.fp-atelier [data-story-active=true] .fp-heading{margin-bottom:17px}
 #main.fp-atelier [data-story-active=true] .fp-heading h2{font-size:33px}
 #main.fp-atelier [data-story-active=true] .fp-heading>p{font-size:16px;line-height:1.45;margin-top:11px}
 #main.fp-atelier [data-story-active=true] .fp-kicker{font-size:10px;margin-bottom:9px}
 #main.fp-atelier [data-story-active=true] .fp-start-tabs>button{min-height:64px;padding:9px}
 #main.fp-atelier [data-story-active=true] .fp-start-tabs b{font-size:16px}
 #main.fp-atelier [data-story-active=true] .fp-start-tabs small{font-size:13px}
 #main.fp-atelier [data-story-active=true] .fp-start-note{display:none}
 #main.fp-atelier [data-story-active=true] .fp-field-tabs>button{min-height:64px;padding:9px}
 #main.fp-atelier [data-story-active=true] .fp-field-tabs b{font-size:15px}
 #main.fp-atelier [data-story-active=true] .fp-field-tabs small{font-size:13px}
 #main.fp-atelier .fp-builder[data-story-active=true] .fp-heading h2{font-size:32px}
 #main.fp-atelier .fp-builder[data-story-active=true] .fp-heading>p{font-size:15px}
 #main.fp-atelier .fp-workflows>.fp-heading h2{font-size:33px}
 #main.fp-atelier .fp-workflows>.fp-heading p{font-size:16px}
 #main.fp-atelier>.fp-field-gallery{padding:23px 26px}
 #main.fp-atelier .fp-gallery-heading{margin-bottom:19px;gap:28px}
 #main.fp-atelier .fp-gallery-count>strong{font-size:75px}
 #main.fp-atelier .fp-gallery-heading h2{font-size:30px}
 #main.fp-atelier .fp-gallery-heading p{font-size:15px}
 #main.fp-atelier .fp-field-tile{min-height:56px;font-size:11px;gap:5px}
 #main.fp-atelier .fp-field-tile>svg{width:21px;height:21px}
 #main.fp-atelier .fp-example-heading{min-height:120px}
 #main.fp-atelier .fp-example-heading h3{font-size:22px}
}
@media(min-width:981px) and (max-height:650px){
 #main.fp-atelier [data-story-active=true] .fp-heading h2{font-size:29px}
 #main.fp-atelier [data-story-active=true] .fp-heading>p{font-size:15px}
 #main.fp-atelier [data-story-active=true] .fp-start-tabs>button{min-height:59px;padding:7px 9px}
 #main.fp-atelier .fp-builder[data-story-active=true] .fp-heading h2{font-size:28px}
 #main.fp-atelier .fp-builder[data-story-active=true] .fp-heading .fp-kicker{display:none}
 #main.fp-atelier [data-story-active=true] .fp-field-tabs>button{min-height:57px;padding:7px}
 #main.fp-atelier [data-story-active=true] .fp-field-tabs small{font-size:12px}
}
@media(min-width:981px) and (max-width:1150px){
 #main.fp-atelier .fp-gallery-layout{grid-template-columns:minmax(0,1fr) 250px;gap:18px}
 #main.fp-atelier .fp-field-tile{font-size:11px}
 #main.fp-atelier .fp-gallery-count{padding-right:22px}
 #main.fp-atelier .fp-gallery-count>span{font-size:12px}
 #main.fp-atelier .fp-gallery-count>strong{font-size:70px}
}
@media(max-width:980px){
 #main.fp-atelier>.fp-hero{grid-template-columns:1fr}
 #main.fp-atelier .fp-builder-layout{grid-template-columns:1fr;gap:26px}
 #main.fp-atelier .fp-builder-tools>.fp-heading{text-align:center;max-width:700px;margin:0 auto 25px}
 #main.fp-atelier .fp-builder-tools>.fp-heading>p{max-width:58ch}
 #main.fp-atelier .fp-studio-preview{max-width:750px}
 #main.fp-atelier .fp-path-stage{height:auto;aspect-ratio:3/2}
 #main.fp-atelier .fp-field-tabs>button{min-height:90px}
 #main.fp-atelier .fp-start-tabs b,#main.fp-atelier .fp-field-tabs b{font-size:16px}
 #main.fp-atelier .fp-start-tabs small,#main.fp-atelier .fp-field-tabs small{font-size:14px}
 #main.fp-atelier .fp-gallery-layout{grid-template-columns:1fr}
 #main.fp-atelier .fp-gallery-heading{gap:23px}
 #main.fp-atelier .fp-gallery-heading h2{font-size:30px}
 #main.fp-atelier .fp-gallery-heading h2 br{display:block}
 #main.fp-atelier .fp-field-tile{min-height:74px;font-size:13px}
 #main.fp-atelier .fp-gallery-example{position:fixed;inset:auto 16px 16px;max-height:calc(100dvh - 100px);width:min(420px,calc(100% - 32px));margin-inline:auto;overflow-y:auto;z-index:1400;padding:25px}
 #main.fp-atelier .fp-gallery-example>[data-fp-example-close]{display:grid;width:40px;height:40px;top:10px;right:10px}
 #main.fp-atelier .fp-example-symbol{right:36px}
 #main.fp-atelier .fp-example-heading{min-height:0}
 #main.fp-atelier .fp-example-device{min-height:170px;flex:none}
 #main.fp-atelier .fp-gallery-example .fp-demo-label :is(input,select,textarea){font-size:16px}
}
@media(max-width:600px){
 #main.fp-atelier h1{font-size:clamp(31px,7.5vw,40px)}
 #main.fp-atelier h1 br{display:block}
 #main.fp-atelier .fp-hero-copy>p{font-size:17px}
 #main.fp-atelier .fp-hero-actions{display:grid;grid-template-columns:1fr;gap:11px}
 #main.fp-atelier .fp-hero-actions :is(.fp-cta,.fp-secondary){width:100%;justify-content:center;font-size:15px}
 #main.fp-atelier .fp-trial>span{font-size:12px}
 #main.fp-atelier .fp-start-tabs,#main.fp-atelier .fp-field-tabs{grid-template-columns:1fr;gap:5px}
 #main.fp-atelier .fp-start-tabs>button,#main.fp-atelier .fp-field-tabs>button{min-height:74px;padding:11px;align-items:center}
 #main.fp-atelier .fp-start-tabs b,#main.fp-atelier .fp-field-tabs b{font-size:16px}
 #main.fp-atelier .fp-start-tabs small,#main.fp-atelier .fp-field-tabs small{font-size:14px}
 #main.fp-atelier .fp-path-icon{width:33px;height:35px}
 #main.fp-atelier .fp-path-icon>svg{width:21px;height:21px}
 #main.fp-atelier .fp-start>.fp-story-frame{padding:25px 15px 18px}
 #main.fp-atelier .fp-heading h2,#main.fp-atelier .fp-builder-tools>.fp-heading h2{font-size:30px}
 #main.fp-atelier .fp-heading>p,#main.fp-atelier .fp-builder-tools>.fp-heading>p{font-size:16px}
 #main.fp-atelier .fp-path-stage{aspect-ratio:3/2;min-height:0}
 #main.fp-atelier .fp-studio-preview>img{height:auto;aspect-ratio:3/2}
 #main.fp-atelier .fp-preview-benefit p{font-size:13px}
 #main.fp-atelier .fp-workflows>.fp-heading h2{font-size:30px}
 #main.fp-atelier .fp-workflows>.fp-heading p{font-size:16px}
 #main.fp-atelier .fp-rail-viewport{height:calc(var(--fp-card-height) + 56px);padding-block:24px 32px}
 #main.fp-atelier .fp-card-bottom{font-size:11px}
 #main.fp-atelier .fp-rail-cta .fp-cta{font-size:14px}
 #main.fp-atelier>.fp-field-gallery{padding:24px 16px;border-radius:22px}
 #main.fp-atelier .fp-gallery-heading{grid-template-columns:1fr;gap:18px;margin-bottom:24px}
 #main.fp-atelier .fp-gallery-count{padding:0 0 17px;border-right:0;border-bottom:1px solid var(--eh-line);gap:16px}
 #main.fp-atelier .fp-gallery-count>strong{font-size:76px}
 #main.fp-atelier .fp-gallery-count>span{font-size:14px}
 #main.fp-atelier .fp-gallery-heading h2{font-size:30px}
 #main.fp-atelier .fp-gallery-heading p{font-size:16px;line-height:1.6}
 #main.fp-atelier .fp-gallery-legend{gap:10px 14px;margin-bottom:17px}
 #main.fp-atelier .fp-field-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #main.fp-atelier .fp-field-tile{min-height:80px;font-size:12px;padding:10px 5px;gap:9px}
 #main.fp-atelier .fp-field-tile>svg{width:25px;height:25px}
 #main.fp-atelier .fp-explorer-hint{font-size:13px;margin-top:17px}
}
@media(prefers-reduced-motion:reduce){
 #main.fp-atelier .fp-field-tile{transition:none;translate:none}
}

#main.fp-atelier .fp-builder-tools{display:block}

@media(min-width:981px) and (max-height:680px){#main.fp-atelier>.fp-field-gallery{padding:20px 24px}#main.fp-atelier .fp-gallery-count>strong{font-size:64px}#main.fp-atelier .fp-gallery-heading h2{font-size:28px}#main.fp-atelier .fp-gallery-heading p{font-size:14px}#main.fp-atelier .fp-field-tile{min-height:50px;gap:4px}#main.fp-atelier .fp-field-tile>svg{width:20px;height:20px}#main.fp-atelier .fp-example-heading{min-height:105px}}