.brand-site{--b-green:var(--fuel-brand-green);--b-ink:var(--fuel-brand-ink);--b-paper:var(--fuel-brand-paper);--b-line:var(--fuel-brand-grey1);--b-muted:var(--fuel-brand-grey3);background:var(--b-paper);color:var(--b-ink);font-family:var(--font-abc-monument-grotesk);letter-spacing:0}.brand-site .logo-plate{display:none}.brand-site p,.brand-site h1,.brand-site h2,.brand-site figure{margin:0}.brand-site button,.brand-site a{transition:background var(--dur-fast,.16s),color var(--dur-fast,.16s),transform var(--dur-fast,.16s)}.brand-site button:active{transform:scale(.97)}.brand-site button:focus-visible,.brand-site a:focus-visible{outline:2px solid var(--b-ink);outline-offset:4px}.brand-way-green{--way-bg:var(--fuel-brand-green);--mark:var(--fuel-brand-black);--word:var(--fuel-brand-black)}.brand-way-blue{--way-bg:var(--fuel-brand-blue);--mark:var(--fuel-brand-black);--word:var(--fuel-brand-black)}.brand-way-white{--way-bg:var(--fuel-brand-white);--mark:var(--fuel-brand-green);--word:var(--fuel-brand-black)}.brand-way-black{--way-bg:var(--fuel-brand-black);--mark:var(--fuel-brand-green);--word:var(--fuel-brand-white)}.brand-way-grey1{--way-bg:var(--fuel-brand-grey1);--mark:var(--fuel-brand-black);--word:var(--fuel-brand-black)}.brand-way-grey2{--way-bg:var(--fuel-brand-grey2);--mark:var(--fuel-brand-black);--word:var(--fuel-brand-black)}.brand-way-grey3{--way-bg:var(--fuel-brand-grey3);--mark:var(--fuel-brand-green);--word:var(--fuel-brand-white)}.brand-way-grey4{--way-bg:var(--fuel-brand-grey4);--mark:var(--fuel-brand-green);--word:var(--fuel-brand-white)}.brand-hero{background:var(--fuel-brand-gradient-down);grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);max-width:1280px;min-height:600px;margin:64px auto 0;display:grid;position:relative;overflow:hidden}.brand-hero-art{object-fit:cover;object-position:center top;mix-blend-mode:multiply;z-index:0;width:100%;height:100%;transition:transform var(--dur-enter,.32s) var(--ease-out,ease-out);position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 0 26%,#000 58%);mask-image:linear-gradient(90deg,#0000 0 26%,#000 58%)}.brand-hero-copy{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;padding:80px 40px 64px;display:flex;position:relative}.brand-hero h1{text-transform:uppercase;max-width:760px;font-size:92px;font-weight:500;line-height:.96}.brand-hero-copy>p{max-width:400px;margin:28px 0;font-size:16px;line-height:1.5}.brand-btn{background:var(--b-ink);height:48px;color:var(--fuel-brand-white);font-family:var(--font-ibm-plex-mono);text-transform:uppercase;box-shadow:none;white-space:nowrap;border-radius:8px 0;align-items:center;gap:16px;padding:0 24px;font-size:14px;font-weight:500;display:inline-flex}.brand-btn:hover{background:var(--fuel-brand-white);color:var(--b-ink)}.brand-btn svg{width:16px;height:16px;transition:transform var(--dur-fast,.16s) var(--ease-out,ease-out);flex-shrink:0}.brand-btn:hover svg{transform:translateY(2px)}.brand-toc{z-index:20;background:var(--b-paper);border-block:1px solid var(--b-line);scrollbar-width:none;position:sticky;top:64px;overflow-x:auto}.brand-toc-grid{border-inline:1px solid var(--b-line);width:100%;min-width:max-content;max-width:1200px;margin-inline:auto;display:flex}.brand-toc a{white-space:nowrap;height:44px;color:var(--b-muted);background:var(--b-paper);font-family:var(--font-ibm-plex-mono);text-transform:uppercase;flex:1;justify-content:center;align-items:center;padding:0 20px;font-size:12px;display:flex;position:relative}.brand-toc a+a{border-left:1px solid var(--b-line)}.brand-toc a:hover{background:var(--fuel-brand-grey1);color:var(--b-ink)}.brand-toc a[aria-current]{background:var(--b-green);color:var(--fuel-brand-black);font-weight:500}.brand-toc a:focus-visible{outline:2px solid var(--b-green);outline-offset:-2px}.brand-doc{max-width:1280px;margin:auto;padding-inline:40px}.brand-section{border-bottom:1px solid var(--b-line);padding:88px 0}.brand-head{grid-template-columns:1fr 1fr;gap:40px;margin-bottom:40px;scroll-margin-top:164px;display:grid}.brand-head h2{text-transform:uppercase;font-size:40px;font-weight:500;line-height:1}.brand-head p{max-width:540px;font-size:16px;line-height:1.5}.brand-head a{text-underline-offset:4px;text-decoration:underline}.brand-head strong{font-weight:500}.brand-stage{background:var(--way-bg);height:400px;color:var(--word);transition:background var(--dur-base,.22s),color var(--dur-base,.22s);justify-content:center;align-items:center;display:flex}.brand-stage-mark{max-width:80%;animation:brand-swap var(--dur-enter,.32s) var(--ease-out,ease-out);justify-content:center;align-items:center;gap:32px;display:flex}.brand-mark{width:auto;height:80px;color:var(--mark)}.brand-word{width:auto;height:80px;color:var(--word)}.brand-stage .is-mark .brand-mark{height:144px}.brand-studio-bar{border-bottom:1px solid var(--b-line);justify-content:space-between;align-items:center;gap:20px;padding:20px 0;display:flex}.brand-seg{align-items:center;gap:4px;display:flex}.brand-seg button{height:40px;color:var(--b-muted);box-shadow:none;background:0 0;border-radius:4px;padding:0 16px;font-size:14px;font-weight:500}.brand-seg button[aria-pressed=true]{background:var(--b-ink);color:var(--fuel-brand-white)}.brand-seg button:hover:not([aria-pressed=true]){background:var(--b-line);color:var(--b-ink)}.brand-ways{gap:8px;display:flex}.brand-ways button{background:var(--way-bg);border:1px solid var(--b-line);border-radius:0;place-items:center;width:32px;height:32px;padding:0;display:grid;position:relative}.brand-ways button:hover{background:var(--way-bg);transform:translateY(-2px)}.brand-ways button[aria-pressed=true]:after{content:"";border:1px solid var(--b-ink);position:absolute;inset:-4px}.brand-way-dot{width:14px;height:14px;color:var(--mark)}.brand-dl{gap:8px;display:flex}.brand-dl button,.brand-ghost{height:40px;box-shadow:none;color:var(--b-ink);border-radius:4px;gap:8px;padding:0 12px;font-size:14px}.brand-dl button:hover,.brand-ghost:hover{background:var(--b-line);color:var(--b-ink)}.brand-site .brand-studio-note{color:var(--b-muted);min-height:42px;margin-top:16px;font-size:14px;line-height:1.5}.brand-misuse{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:32px;display:grid}.brand-misuse-plate{background:var(--fuel-brand-white);place-items:center;height:112px;display:grid;position:relative;overflow:hidden}.brand-misuse-mark{align-items:center;gap:10px;display:flex;position:relative}.brand-misuse .brand-mark,.brand-misuse .brand-word{height:24px}.brand-misuse-plate.is-stretch .brand-misuse-mark{transform:scaleX(1.5)scaleY(.8)}.brand-misuse-plate.is-rotate .brand-misuse-mark{transform:rotate(-16deg)}.brand-misuse-plate.is-outline .brand-mark{color:var(--fuel-brand-white)}.brand-misuse-plate.is-outline path{stroke:var(--fuel-brand-black);stroke-width:.4px;fill:none}.brand-misuse-plate img{object-fit:cover;width:100%;height:100%;position:absolute}.brand-misuse figcaption{color:var(--b-muted);align-items:center;gap:6px;padding-top:12px;font-size:14px;display:flex}.brand-misuse figcaption svg{width:14px;height:14px}.brand-palette-hero{background:var(--way-bg);height:300px;color:var(--word);transition:background var(--dur-base,.22s),color var(--dur-base,.22s);justify-content:space-between;align-items:flex-end;padding:40px;display:flex}.brand-palette-hero-in{animation:brand-swap var(--dur-base,.22s) ease-out}.brand-palette-name{font-size:64px;line-height:1}.brand-palette-role{min-height:24px;font-size:16px;margin-top:16px!important}.brand-palette-copy{color:inherit;background:0 0;border-radius:4px;justify-content:space-between;gap:12px;min-width:180px;height:48px;padding:12px;font-size:16px}.brand-palette-copy:hover{background:color-mix(in oklab,var(--word) 12%,transparent);color:inherit}.brand-palette-strip{gap:4px;height:96px;margin-top:8px;display:flex}.brand-palette-strip button{background:var(--way-bg);min-width:0;height:100%;color:var(--word);border-radius:0;flex:1;padding:0;position:relative}.brand-palette-strip button:first-child{flex:2}.brand-palette-strip button:hover{background:var(--way-bg);color:var(--word);transform:translateY(-4px)}.brand-palette-strip button[aria-pressed=true]:after{content:"";border:1px solid var(--word);position:absolute;inset:6px}.brand-palette-strip span{font-size:14px}.brand-palette-foot{justify-content:space-between;align-items:center;gap:20px;padding-top:16px;display:flex}.brand-palette-foot p{color:var(--b-muted);font-size:14px}.brand-seg.is-small button{height:32px;font-size:12px}.brand-specimens{border-top:1px solid var(--b-line)}.brand-specimen{border-bottom:1px solid var(--b-line);padding:32px 0}.brand-specimen:last-of-type{border-bottom:0;padding-bottom:0}.brand-specimen-heading{color:var(--b-muted);font-size:12px;font-family:var(--font-ibm-plex-mono);text-transform:uppercase;align-items:center;gap:16px;display:flex}.brand-specimen-heading h3{margin:0;font-size:12px;font-weight:500}.brand-specimen-heading>span{color:var(--b-muted)}.brand-site .brand-specimen-sample{text-transform:uppercase;overflow-wrap:break-word;max-width:1000px;margin:32px 0 40px;font-size:72px;font-weight:500;line-height:1.05}.brand-specimen.is-body .brand-specimen-sample{text-transform:none;max-width:760px;font-size:24px;line-height:1.5}.brand-specimen.is-small .brand-specimen-sample{font-family:var(--font-ibm-plex-mono);font-size:24px;line-height:1.5}.brand-specimen-caption{justify-content:space-between;align-items:center;gap:20px;display:flex}.brand-specimen-caption>div{flex-wrap:wrap;align-items:baseline;gap:24px;display:flex}.brand-specimen-font{font-size:14px;font-weight:500}.brand-specimen-spec{color:var(--b-muted);font-size:12px;line-height:1.5}.brand-site .brand-specimen-copy{width:40px;height:40px;color:var(--b-muted);box-shadow:none;background:0 0;border-radius:0;flex-shrink:0;padding:0}.brand-site .brand-specimen-copy:hover{background:var(--b-line);color:var(--b-ink)}.brand-specimen-copy svg{width:16px;height:16px}@media (width<=1023px){.brand-site .brand-specimen-sample{font-size:48px}}@media (width<=639px){.brand-specimen{padding:24px 0}.brand-site .brand-specimen-sample{margin:24px 0 28px;font-size:40px}.brand-specimen.is-body .brand-specimen-sample{font-size:24px}.brand-specimen.is-small .brand-specimen-sample{font-size:16px}.brand-specimen-caption>div{flex-direction:column;gap:4px}.brand-specimen-spec{max-width:250px}}.g-up{background:var(--fuel-brand-gradient-up)}.g-down{background:var(--fuel-brand-gradient-down)}.g-dark{background:var(--fuel-brand-grey3)}.brand-illus{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.brand-illus figure{aspect-ratio:3/4;position:relative;overflow:hidden}.brand-illus img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;transition:transform var(--dur-enter,.32s)}.brand-illus figure:hover img{transform:scale(1.03)}.brand-illus .g-dark img{mix-blend-mode:screen}.brand-illus figcaption{background:var(--b-paper);justify-content:space-between;align-items:center;padding:16px;font-size:14px;display:flex;position:absolute;bottom:0;left:0;right:0}.brand-illus figcaption a{color:var(--b-muted);align-items:center;gap:8px;display:flex}.brand-illus figcaption a:hover{color:var(--b-ink)}.brand-illus figcaption svg{width:16px;height:16px}.brand-apps{gap:16px;display:grid}.brand-app{background:var(--fuel-brand-black);color:var(--fuel-brand-white);position:relative;overflow:hidden}.brand-app-stats{aspect-ratio:2;grid-template-columns:2fr 1fr;display:grid}.brand-app-hero{color:var(--fuel-brand-black);flex-direction:column;justify-content:space-between;padding:40px;display:flex;position:relative}.brand-app-hero>img{object-fit:cover;mix-blend-mode:multiply;width:100%;height:100%;position:absolute;inset:0}.brand-app-hero>p,.brand-app-hero>.brand-app-mark{position:relative}.brand-app p{text-transform:uppercase;font-size:64px;font-weight:500;line-height:1}.brand-app-mark{width:32px;height:32px;color:var(--fuel-brand-green)}.brand-app-hero .brand-app-mark{color:var(--fuel-brand-black)}.brand-app-stats ul{margin:0;padding:0;list-style:none;display:grid}.brand-app-stats li{border-bottom:1px solid var(--fuel-brand-grey4);flex-direction:column;justify-content:center;padding:24px 32px;display:flex}.brand-app-stats li:last-child{border:0}.brand-app-stats span{color:var(--fuel-brand-grey2);font-size:14px}.brand-app-stats b{font-size:40px;font-weight:500}.brand-app-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.brand-app-row>.brand-app{aspect-ratio:1}.brand-app-dark>img{object-fit:cover;opacity:.55;width:100%;height:100%;position:absolute;inset:0}.brand-app-dark>p{max-width:440px;font-size:40px;position:absolute;top:32px;left:32px;right:32px}.brand-app-foot{justify-content:space-between;align-items:center;font-size:14px;display:flex;position:absolute;bottom:32px;left:32px;right:32px}.brand-app-black{justify-content:center;align-items:center;gap:24px;display:flex}.brand-app-black .brand-app-mark{width:80px;height:80px}.brand-app-word{width:auto;height:80px;color:var(--fuel-brand-white)}@keyframes brand-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.can-reveal [data-reveal]{opacity:0;transition:opacity var(--dur-enter,.32s) var(--ease-out,ease-out),transform var(--dur-enter,.32s) var(--ease-out,ease-out);transform:translateY(20px)}.can-reveal [data-reveal].is-in{opacity:1;transform:none}@media (width<=1023px){.brand-hero{grid-template-columns:1fr;min-height:0;padding-bottom:260px}.brand-hero-art{-webkit-mask-image:linear-gradient(#0000 0 30%,#000 70%);mask-image:linear-gradient(#0000 0 30%,#000 70%)}.brand-hero-copy{padding:64px 32px 40px}.brand-hero h1{font-size:64px}.brand-doc{padding-inline:32px}.brand-head{grid-template-columns:1fr;gap:20px}.brand-section{padding-block:64px}.brand-stage{height:320px}.brand-studio-bar{flex-wrap:wrap}.brand-ways{order:3;justify-content:center;width:100%;padding-top:8px}.brand-app p{font-size:40px}.brand-app-dark>p{font-size:24px}.brand-app-hero{padding:24px}.brand-app-stats li{padding:16px 24px}.brand-app-stats b{font-size:24px}.brand-app-black .brand-app-mark{width:48px;height:48px}.brand-app-word{height:48px}.brand-palette-hero{padding:32px}}@media (width<=639px){.brand-hero{grid-template-columns:1fr;min-height:0;margin-top:48px}.brand-hero-copy{padding:40px 20px 32px}.brand-hero h1{font-size:40px}.brand-hero-copy>p{max-width:320px}.brand-toc{top:48px}.brand-toc-grid{border-inline:0}.brand-toc a{height:48px;padding-inline:16px}.brand-doc{padding-inline:20px}.brand-section{padding-block:48px}.brand-head{margin-bottom:28px;scroll-margin-top:128px}.brand-head h2{font-size:24px}.brand-stage{height:240px}.brand-mark,.brand-word{height:40px}.brand-stage-mark{gap:16px}.brand-stage .is-mark .brand-mark{height:96px}.brand-studio-bar{gap:16px;padding-block:16px}.brand-seg button{height:36px;padding-inline:10px;font-size:12px}.brand-dl{gap:0}.brand-dl button{height:36px;padding-inline:8px;font-size:12px}.brand-ways{gap:16px}.brand-misuse{grid-template-columns:1fr 1fr;gap:16px 12px;margin-top:24px}.brand-misuse-plate{height:100px}.brand-misuse figcaption{font-size:12px}.brand-misuse .brand-mark,.brand-misuse .brand-word{height:18px}.brand-palette-hero{flex-direction:column;justify-content:space-between;align-items:flex-start;height:260px;padding:24px}.brand-palette-name{font-size:40px}.brand-palette-copy{min-width:170px;padding:0}.brand-palette-strip{grid-template-columns:repeat(4,1fr);gap:4px;height:auto;display:grid}.brand-palette-strip button{height:64px}.brand-palette-strip span{font-size:12px}.brand-palette-foot{align-items:flex-start}.brand-palette-foot p{max-width:220px;font-size:12px}.brand-ghost{padding-inline:0;font-size:12px}.brand-illus{grid-template-columns:1fr}.brand-illus figure{aspect-ratio:4/3}.brand-app-stats{aspect-ratio:auto;grid-template-columns:1fr}.brand-app-hero{aspect-ratio:1.2}.brand-app-hero p{font-size:40px}.brand-app-stats ul{grid-template-columns:repeat(3,minmax(0,1fr));padding:16px 12px}.brand-app-stats li{border:0;justify-content:flex-start;padding:0 8px}.brand-app-stats span{min-height:34px;font-size:12px;line-height:1.4}.brand-app-stats b{font-size:24px}.brand-app-row{grid-template-columns:1fr}.brand-app-dark>p{font-size:40px;top:24px;left:24px;right:24px}}.brand-head>*,.brand-studio-bar>*,.brand-specimen-caption>div,.brand-apps>*,.brand-app-row>*,.brand-app-stats>*{min-width:0}.brand-studio-bar{grid-template-columns:auto minmax(0,1fr) auto;display:grid}.brand-ways{justify-content:center}.brand-seg button,.brand-dl button{white-space:nowrap;flex-shrink:0}.brand-stage-mark svg,.brand-app-black svg{flex-shrink:0}.brand-misuse figcaption{align-items:flex-start;line-height:1.5}.brand-misuse figcaption svg{flex-shrink:0;margin-top:2px}.brand-palette-foot,.brand-specimen-caption{grid-template-columns:minmax(0,1fr) auto;display:grid}.brand-illus figure{grid-template-rows:minmax(0,1fr) auto;display:grid}.brand-illus img{min-height:0}.brand-illus figcaption{grid-template-columns:minmax(0,1fr) auto;gap:12px;line-height:1.5;display:grid;position:static}.brand-illus figcaption a{white-space:nowrap;min-height:32px}.brand-app-stats{grid-template-columns:minmax(0,2fr) minmax(0,1fr)}.brand-app-hero>p,.brand-app-dark>p{overflow-wrap:break-word}@media (width>=1024px) and (width<=1279px){.brand-hero h1{font-size:72px}.brand-app p{font-size:48px}.brand-app-dark>p{font-size:40px}.brand-app-black .brand-app-mark{width:64px;height:64px}.brand-app-word{height:64px}}@media (width<=1023px){.brand-studio-bar{grid-template-columns:minmax(0,1fr) auto;gap:20px}.brand-ways{order:3;grid-column:1/-1;gap:16px;width:auto;padding:8px 4px 4px}.brand-ways button{width:40px;height:40px}.brand-illus figcaption{gap:8px;padding:12px}.brand-illus figcaption a>span{display:none}.brand-illus figcaption a{justify-content:center;width:32px}.brand-specimen-caption>div{flex-direction:column;align-items:flex-start;gap:4px}}@media (width<=639px){.brand-toc{scroll-padding-inline:16px}.brand-studio-bar{grid-template-columns:minmax(0,1fr);gap:16px}.brand-studio-bar>.brand-seg{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.brand-studio-bar>.brand-seg button{min-width:0;height:44px;padding-inline:4px}.brand-ways{order:0;grid-column:auto;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:4px;display:grid}.brand-ways button{width:100%;height:40px}.brand-dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.brand-dl button{background:var(--b-paper);border:1px solid var(--b-line);height:44px}.brand-site .brand-specimen-sample{font-size:32px}.brand-specimen.is-body .brand-specimen-sample{font-size:24px}.brand-specimen.is-small .brand-specimen-sample{font-size:16px}.brand-palette-foot{gap:12px}.brand-palette-foot p{max-width:none;line-height:1.5}.brand-seg.is-small button{height:44px;padding-inline:8px}.brand-illus figcaption{gap:12px;padding:12px 0}.brand-illus figcaption a{width:auto;min-height:44px}.brand-illus figcaption a>span{display:inline}.brand-app-stats{grid-template-columns:minmax(0,1fr)}.brand-app-hero{aspect-ratio:auto;gap:40px;min-height:300px;padding:20px}.brand-app-hero p,.brand-app-dark>p{font-size:32px}.brand-app-dark>p{top:20px;left:20px;right:20px}.brand-app-foot{bottom:20px;left:20px;right:20px}.brand-app-stats ul{gap:4px;padding:20px 8px}.brand-app-stats li{padding:0 4px}.brand-app-stats span{min-height:0}.brand-app-stats b{margin-top:8px}.brand-app-black{gap:16px}.brand-app-black .brand-app-mark{width:40px;height:40px}.brand-app-word{height:40px}}@media (prefers-reduced-motion:reduce){.brand-site *,.brand-site :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.can-reveal [data-reveal]{opacity:1;transform:none}}.brand-toc{position:sticky}@media (width<=767px){.brand-toc:after{content:"";pointer-events:none;background:linear-gradient(to right,transparent,var(--background));width:32px;position:absolute;top:0;bottom:0;right:0}}@media (width<=639px){.brand-seg button,.brand-dl button{height:44px}.brand-hero-copy{z-index:1;position:relative}.brand-specimen-sample{overflow-wrap:break-word;-webkit-hyphens:none;hyphens:none}}@media (width>=640px) and (width<=767px){.brand-hero-copy>p{max-width:420px}.brand-illus{grid-template-columns:1fr 1fr}.brand-illus figure:last-child{aspect-ratio:2;grid-column:1/-1}}@media (width>=768px) and (width<=1023px){.brand-site .brand-head{grid-template-columns:1fr 1.4fr;align-items:end;gap:32px}.brand-illus{grid-template-columns:1fr 1fr}.brand-illus figure:last-child{aspect-ratio:2;grid-column:1/-1}}@media (width>=1024px) and (width<=1279px){.brand-section{padding-block:80px}}@media (width>=1600px){.brand-doc,.brand-toc-grid{max-width:1440px;margin-inline:auto}}@media (width<=639px){.brand-hero{margin-top:64px}.brand-hero-copy{padding:40px 20px 32px}.brand-hero h1{font-size:40px;line-height:1}.brand-hero-copy>p{margin:16px 0 24px;font-size:16px}.brand-hero{padding-bottom:200px}.brand-hero-art{object-position:left top}.brand-doc{padding-inline:20px}.brand-section{padding-block:48px}.brand-head{gap:12px;margin-bottom:24px;scroll-margin-top:124px}.brand-head h2{font-size:24px}.brand-stage{aspect-ratio:3/2;height:auto}.brand-palette-hero{height:200px;padding:24px}.brand-palette-name{font-size:40px}.brand-palette-strip{height:64px}.brand-site .brand-specimen-sample{margin:16px 0 20px;font-size:32px}.brand-specimen.is-body .brand-specimen-sample{font-size:16px;line-height:1.5}.brand-specimen.is-small .brand-specimen-sample{font-size:14px}.brand-app p{font-size:24px}.brand-app-black .brand-app-mark,.brand-app-word{height:40px}.brand-app-black .brand-app-mark{width:40px}.brand-app-black{gap:12px}}.brand-hero{grid-template-columns:minmax(0,1fr);align-items:start;min-height:0;padding-bottom:0}.brand-hero-copy{width:100%;max-width:640px;color:var(--b-ink);justify-content:flex-start;padding:48px}.brand-hero h1{text-wrap:balance;max-width:100%;font-size:64px;line-height:1}.brand-hero-copy>p{text-wrap:pretty;max-width:400px;margin:20px 0 24px}.brand-hero-art{-webkit-mask-image:linear-gradient(to right,transparent 0 38%,var(--fuel-brand-black) 72%);-webkit-mask-image:linear-gradient(to right,transparent 0 38%,var(--fuel-brand-black) 72%);-webkit-mask-image:linear-gradient(to right,transparent 0 38%,var(--fuel-brand-black) 72%);mask-image:linear-gradient(to right,transparent 0 38%,var(--fuel-brand-black) 72%)}.brand-hero:hover .brand-hero-art{transform:none}@media (width>=1024px) and (width<=1279px){.brand-hero-copy{max-width:560px;padding:40px}.brand-hero h1{font-size:64px}}@media (width<=1023px){.brand-hero{padding-bottom:80px}.brand-hero-copy{max-width:600px;padding:40px 32px 24px}.brand-hero h1{font-size:48px}.brand-hero-art{object-position:right bottom;-webkit-mask-image:linear-gradient(to bottom,transparent 0 42%,var(--fuel-brand-black) 78%);-webkit-mask-image:linear-gradient(to bottom,transparent 0 42%,var(--fuel-brand-black) 78%);-webkit-mask-image:linear-gradient(to bottom,transparent 0 42%,var(--fuel-brand-black) 78%);mask-image:linear-gradient(to bottom,transparent 0 42%,var(--fuel-brand-black) 78%)}}@media (width<=639px){.brand-hero{padding-bottom:64px}.brand-hero-copy{padding:32px 20px 24px}.brand-hero h1{font-size:40px}.brand-hero-copy>p{max-width:320px;margin:20px 0 24px}.brand-app-stats .brand-app-hero{gap:32px;min-height:280px;padding:20px}.brand-app-stats .brand-app-hero>img{-webkit-mask-image:linear-gradient(to bottom,var(--fuel-brand-black) 0 45%,transparent 82%);-webkit-mask-image:linear-gradient(to bottom,var(--fuel-brand-black) 0 45%,transparent 82%);-webkit-mask-image:linear-gradient(to bottom,var(--fuel-brand-black) 0 45%,transparent 82%);mask-image:linear-gradient(to bottom,var(--fuel-brand-black) 0 45%,transparent 82%)}.brand-app-stats .brand-app-hero>p{text-wrap:balance;max-width:280px;font-size:24px;line-height:1.08}.brand-app-stats ul{gap:0;padding:20px 0}.brand-app-stats li{min-width:0;padding:0 12px}.brand-app-stats li+li{border-left:1px solid var(--fuel-brand-grey4)}.brand-app-stats li>span{min-height:34px;font-size:12px;line-height:1.4}.brand-app-stats li>b{white-space:nowrap;margin-top:12px;font-size:24px;line-height:1}}.brand-toc a{transition:background-color var(--dur-fast,.16s) var(--ease-out,ease-out),color var(--dur-fast,.16s) var(--ease-out,ease-out)}@media (width<=767px){.brand-toc:after{display:none}.brand-toc-grid{min-width:0}.brand-toc a{flex:auto;min-width:0;padding-inline:8px}}@media (width<=374px){.brand-toc a{padding-inline:4px}}.brand-site{--b-section-py:64px;--b-gap:24px;--b-head-gap:32px}@media (width<=1023px){.brand-site{--b-section-py:48px;--b-head-gap:24px}}@media (width<=639px){.brand-site{--b-section-py:40px;--b-gap:16px;--b-head-gap:24px}}.brand-site .brand-section{padding-block:var(--b-section-py);border-bottom-color:color-mix(in oklab,var(--b-line) 60%,transparent)}.brand-site .brand-section:last-child{border-bottom:0}.brand-site .brand-head{margin-bottom:var(--b-head-gap);align-items:start}.brand-site .brand-head p{max-width:440px;color:var(--b-muted)}@media (width<=639px){.brand-site .brand-head{gap:12px}}@media (width>=640px){.brand-site .brand-stage{aspect-ratio:auto;height:360px}}.brand-site .brand-studio-bar{padding-block:var(--b-gap) 0;border-bottom:0}.brand-site .brand-studio-note{color:var(--b-muted);margin-top:12px;font-size:14px}.brand-site .brand-misuse{margin-top:var(--b-section-py);gap:var(--b-gap)}.brand-site .brand-misuse-plate{height:88px}.brand-site .brand-palette-hero{height:240px}.brand-site .brand-palette-copy{opacity:.7}.brand-site .brand-palette-hero:hover .brand-palette-copy,.brand-site .brand-palette-copy:focus-visible{opacity:1}.brand-site .brand-palette-strip{height:56px}.brand-site .brand-palette-foot{margin-top:var(--b-gap)}@media (width<=639px){.brand-site .brand-palette-hero{height:200px}.brand-site .brand-palette-name{font-size:40px}.brand-site .brand-palette-strip button{height:48px}}.brand-site .brand-specimen{padding-block:var(--b-head-gap)}.brand-site .brand-specimen-sample{margin:var(--b-gap) 0}.brand-site .brand-specimen-caption{color:var(--b-muted);font-size:12px}.brand-site .brand-illus,.brand-site .brand-apps,.brand-site .brand-app-row{gap:var(--b-gap)}.brand-dl-trigger{background:var(--fuel-brand-ink);height:40px;color:var(--fuel-brand-white);border-radius:4px;gap:8px;padding:0 16px;font-size:14px;font-weight:500}.brand-site .brand-dl-trigger:hover{background:var(--fuel-brand-grey4);color:var(--fuel-brand-white)}.brand-dl-menu{background:var(--fuel-brand-white);width:180px;color:var(--fuel-brand-ink);border:1px solid var(--fuel-brand-grey1);border-radius:4px;gap:2px;padding:4px;display:grid}.brand-dl-menu button{height:40px;color:var(--fuel-brand-ink);border-radius:2px;justify-content:space-between;font-size:14px}.brand-dl-menu button:hover{background:var(--fuel-brand-grey1);color:var(--fuel-brand-ink)}.brand-dl-menu span{color:var(--fuel-brand-grey3);font-size:12px}@media (width<=639px){.brand-site .brand-studio-bar>.brand-dl-trigger{justify-content:center;width:100%;height:44px}.brand-site .brand-misuse{scroll-snap-type:x mandatory;scrollbar-width:none;grid-template-columns:repeat(4,minmax(140px,1fr));margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px;overflow-x:auto}.brand-site .brand-misuse figure{scroll-snap-align:start}.brand-site .brand-apps{scroll-snap-type:x mandatory;scrollbar-width:none;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px;display:flex;overflow-x:auto}.brand-site .brand-apps>*{scroll-snap-align:start;flex:0 0 86%}.brand-site .brand-app-row{display:contents}.brand-site .brand-app-row>*{scroll-snap-align:start;aspect-ratio:4/5;flex:0 0 86%}.brand-site .brand-app-stats{aspect-ratio:auto}.brand-site .brand-app p{font-size:24px}}.brand-site .brand-studio,.brand-site .brand-studio-bar>*{min-width:0}@media (width<=374px){.brand-site .brand-ways{gap:4px}.brand-site .brand-ways button{min-width:0;padding:0}}.brand-dl-wrap{position:relative}.brand-dl-wrap .brand-dl-menu{z-index:30;box-shadow:none;position:absolute;top:calc(100% + 4px);right:0}@media (width<=639px){.brand-site .brand-dl-wrap .brand-dl-trigger{justify-content:center;width:100%;height:44px}.brand-dl-wrap .brand-dl-menu{width:auto;left:0}}.brand-site{--b-px:40px;--b-max:1200px}@media (width<=1023px){.brand-site{--b-px:32px}}@media (width<=639px){.brand-site{--b-px:20px}}@media (width>=1600px){.brand-site{--b-max:1440px}}.brand-site .brand-hero{max-width:none;margin-inline:0}.brand-site .brand-hero-copy{padding-inline:max(var(--b-px),calc((100vw - var(--b-max)) / 2))}.brand-site .brand-toc-grid{max-width:var(--b-max)}.brand-site .brand-doc{max-width:calc(var(--b-max) + 2 * var(--b-px));padding-inline:var(--b-px)}@media (width<=1279px){.brand-site .brand-toc-grid{border-inline:0;max-width:none}}.brand-site .brand-hero-copy{width:100%;max-width:none}.brand-site .brand-hero h1{max-width:600px}.brand-site .brand-hero{background:var(--b-paper);border-bottom:0;min-height:0;padding-bottom:0}.brand-site .brand-hero-copy{color:var(--b-ink);padding-block:96px 64px}.brand-site .brand-hero h1{max-width:none;font-size:92px;line-height:.96}.brand-site .brand-hero-copy>p{max-width:440px;color:var(--b-muted);margin:24px 0 32px}.brand-site .brand-btn:hover{background:var(--fuel-brand-grey4);color:var(--fuel-brand-white)}@media (width<=1023px){.brand-site .brand-hero-copy{padding-block:64px 48px}.brand-site .brand-hero h1{font-size:64px}}@media (width<=639px){.brand-site .brand-hero-copy{padding-block:40px 32px}.brand-site .brand-hero h1{font-size:40px;line-height:1}.brand-site .brand-hero-copy>p{margin:16px 0 24px}}.brand-site .brand-studio-bar{border:1px solid var(--b-line);border-top:0;grid-template-columns:auto minmax(0,1fr) auto;align-items:stretch;gap:0;padding:0;display:grid}.brand-site .brand-ctl{flex-direction:column;justify-content:space-between;gap:12px;min-width:0;padding:16px 24px;display:flex}.brand-site .brand-ctl+.brand-ctl{border-left:1px solid var(--b-line)}.brand-ctl-label{font-family:var(--font-ibm-plex-mono);text-transform:uppercase;color:var(--b-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.brand-ctl-label b{color:var(--b-ink);margin-left:8px;font-weight:500}.brand-site .brand-ctl-dl{align-items:flex-end}.brand-site .brand-ctl .brand-ways{justify-content:flex-start;gap:8px;padding:0}.brand-site .brand-studio-note{margin-top:16px}@media (width<=1023px){.brand-site .brand-studio-bar{grid-template-columns:1fr 1fr}.brand-site .brand-ctl:nth-child(2){border-left:0;border-top:1px solid var(--b-line);grid-area:2/1/auto/-1}.brand-site .brand-ctl-dl{grid-row:1}}@media (width<=639px){.brand-site .brand-studio-bar{grid-template-columns:1fr}.brand-site .brand-ctl{padding:16px}.brand-site .brand-ctl:nth-child(2){grid-row:auto}.brand-site .brand-ctl+.brand-ctl{border-left:0;border-top:1px solid var(--b-line)}.brand-site .brand-ctl-dl{grid-row:auto;align-items:stretch}.brand-site .brand-ctl .brand-seg{margin-left:0}.brand-site .brand-ctl .brand-ways{grid-template-columns:repeat(6,minmax(0,1fr));display:grid}}.brand-site .brand-ctl .brand-seg{margin-left:0}@media (width>=640px) and (width<=1023px){.brand-site .brand-ctl:first-child{grid-area:1/1}.brand-site .brand-ctl-dl{border-left:1px solid var(--b-line);grid-area:1/2}.brand-site .brand-ctl:nth-child(2){grid-area:2/1/auto/-1}}.brand-site .brand-studio-bar>.brand-ctl{order:0}