.story-line-art{pointer-events:none;position:absolute;inset:0;overflow:hidden}.story-line-composition{transform-origin:62%;position:absolute}.story-line-art-offset .story-line-composition{width:2000px;height:1799.62px;top:calc(50% - 899.811px);left:calc(50% - 570px);-webkit-mask:url(/assets/customer-stories/coinbase/offset-mask.svg) 0 0/100% 100% no-repeat;mask:url(/assets/customer-stories/coinbase/offset-mask.svg) 0 0/100% 100% no-repeat}.story-line-art-offset .story-line-field{width:2724.05px;height:3101.1px;position:absolute;top:-937.6px;left:-616.2px;-webkit-mask:url(/assets/customer-stories/coinbase/offset-clip.svg) 601.08px 937.6px/2015.12px 1810.96px no-repeat;mask:url(/assets/customer-stories/coinbase/offset-clip.svg) 601.08px 937.6px/2015.12px 1810.96px no-repeat}.story-line-art-adjacent .story-line-composition{width:1800px;height:1619.66px;top:calc(50% - 809.83px);left:calc(50% - 680px);-webkit-mask:url(/assets/customer-stories/coinbase/adjacent-mask.svg) 0 0/100% 100% no-repeat;mask:url(/assets/customer-stories/coinbase/adjacent-mask.svg) 0 0/100% 100% no-repeat}.story-line-art-adjacent .story-line-field{width:6687.06px;height:5296.53px;position:absolute;top:-1597.47px;left:-2278.62px}.story-line-composition{overflow:hidden}@media (width<=760px){.story-line-composition{scale:.65}.story-line-art-offset .story-line-composition{left:calc(50% - 820px)}.story-line-art-adjacent .story-line-composition{left:calc(50% - 800px)}}.brand-container{width:min(100% - 48px,1392px);margin-inline:auto}.brand-meta{font:500 12px/1.4 var(--mono-font);letter-spacing:-.02em;text-transform:uppercase;color:var(--muted)}.brand-hero{background:var(--navy);min-height:720px;color:var(--chalk);padding:120px 0;position:relative;overflow:hidden}.brand-hero-copy{justify-items:start;display:grid;position:relative}.brand-hero h1{margin:28px 0 32px;font-size:160px}.brand-hero-intro{max-width:560px;color:var(--medium-grey);margin:0 0 40px;font-size:20px;line-height:1.4}.brand-download{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.brand-nav{background:var(--midnight);border-top:1px solid var(--navy-grey);position:relative}.brand-nav ul{scrollbar-width:none;gap:32px;margin-block:0;padding:20px 0;list-style:none;display:flex;overflow-x:auto}.brand-nav a{white-space:nowrap;color:var(--medium-grey);font:500 13px/1.2 var(--mono-font);letter-spacing:-.02em;text-transform:uppercase;transition:color var(--dur-fast,.2s) var(--ease-out,ease-out)}.brand-nav a:hover{color:var(--chalk)}.brand-section{scroll-margin-top:var(--header-clear,68px);padding:120px 0}.brand-section.is-light{background:var(--chalk);color:var(--navy);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.brand-section.is-dark{background:var(--navy);color:var(--chalk)}.brand-header{max-width:760px;margin-bottom:64px}.brand-header h2{margin:20px 0 24px;font-size:104px}.brand-intro{margin:0;font-size:20px;line-height:1.4}.is-light .brand-intro{color:var(--navy-grey)}.is-dark .brand-intro{color:var(--medium-grey)}.brand-header .brand-download{margin-top:32px}.brand-sub{max-width:640px;margin:96px 0 32px}.brand-sub h3,.brand-section h3{margin:0 0 12px;font-size:24px;font-weight:500;line-height:1.2}.brand-sub p{margin:0;font-size:16px;line-height:1.5}.brand-note{margin:24px 0 0}.brand-note-line{max-width:760px;margin:40px 0 0;font-size:16px;line-height:1.5}.is-dark .brand-note-line{color:var(--medium-grey)}.brand-note-line a,.brand-card a{text-underline-offset:3px;text-decoration:underline}.brand-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.brand-logo-card{background:#fff;border-radius:8px;overflow:hidden}.brand-logo-previews{grid-template-columns:1fr 1fr;height:200px;display:grid}.brand-logo-preview{place-items:center;padding:24px;display:grid}.brand-logo-preview.is-dark{background:var(--navy)}.brand-logo-preview.is-light{background:var(--light-grey)}.brand-logo-preview img{max-width:80%;max-height:64px}.brand-logo-body{padding:28px}.brand-logo-body>p{color:var(--navy-grey);margin:0 0 24px;font-size:16px;line-height:1.5}.brand-files{gap:10px;margin:0;display:grid}.brand-files>div{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.brand-files dt{font:500 12px/1.2 var(--mono-font);letter-spacing:-.02em;text-transform:uppercase;color:var(--muted)}.brand-files dd{gap:8px;margin:0;display:flex}.brand-file{border:1px solid var(--medium-grey);min-height:32px;font:500 12px/1 var(--mono-font);letter-spacing:-.02em;transition:border-color var(--dur-fast,.2s) var(--ease-out,ease-out), background-color var(--dur-fast,.2s) var(--ease-out,ease-out);border-radius:4px;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.brand-file:hover{border-color:var(--navy);background:var(--chalk)}.brand-backgrounds,.brand-misuse,.brand-swatches-primary,.brand-swatches{gap:20px;margin:0;padding:0;list-style:none;display:grid}.brand-backgrounds{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-bg-tile{aspect-ratio:16/9;border-radius:8px;place-items:center;margin-bottom:12px;display:grid;box-shadow:inset 0 0 0 1px #1c273d14}.brand-bg-tile img{width:56%}.brand-clear{grid-template-columns:1.6fr 1fr;gap:20px;display:grid}.brand-clear img{object-fit:contain;outline:1px solid var(--medium-grey);outline-offset:-1px;border-radius:8px;width:100%;height:100%}.brand-misuse{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:32px}.brand-misuse-tile{outline:1px solid var(--medium-grey);outline-offset:-1px;border-radius:8px;width:100%;height:auto;margin-bottom:12px;display:block}.brand-misuse p{margin:0;font-size:16px;line-height:1.4}.brand-swatches-primary{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-swatches{grid-template-columns:repeat(7,minmax(0,1fr))}.brand-swatch{background:var(--navy-grey);border-radius:8px;overflow:hidden}.brand-swatch-chip{cursor:copy;border:0;width:100%;height:200px;padding:0;display:block;position:relative;box-shadow:inset 0 0 0 1px #ebedf21f}.brand-swatch.is-small .brand-swatch-chip{height:120px}.brand-copied{background:var(--midnight);color:var(--chalk);font:500 11px/1.2 var(--mono-font);text-transform:uppercase;opacity:0;transition:opacity var(--dur-fast,.2s) var(--ease-out,ease-out);border-radius:4px;padding:4px 8px;position:absolute;bottom:12px;right:12px}.brand-swatch-chip.is-copied .brand-copied{opacity:1}.brand-swatch-chip:focus-visible{outline:2px solid var(--blue);outline-offset:-4px}.brand-swatch-body{padding:20px}.brand-swatch-body h3{margin-bottom:16px}.brand-swatch-body h4{margin:0 0 8px;font-size:16px;font-weight:500}.brand-swatch-body dl{gap:6px;margin:0;display:grid}.brand-swatch-body dl>div{font:500 12px/1.4 var(--mono-font);letter-spacing:-.02em;grid-template-columns:52px 1fr;display:grid}.brand-swatch-body dt{color:var(--muted)}.brand-swatch-body dd{margin:0}.brand-supporting-title{margin:64px 0 24px!important}.brand-type{border-top:1px solid var(--medium-grey);display:grid}.brand-type-row{border-bottom:1px solid var(--medium-grey);grid-template-columns:320px minmax(0,1fr);gap:40px;padding:40px 0;display:grid}.brand-type-meta h3{margin:8px 0 12px}.brand-type-meta p{margin:0 0 12px;font-size:16px;line-height:1.5}.brand-type-sample{overflow-wrap:anywhere;margin:0;display:grid}.brand-type-sample.is-display{font:700 72px/var(--display-leading) var(--display-font);letter-spacing:var(--display-tracking)}.brand-type-sample.is-body{font:400 32px/1.3 var(--body-font)}.brand-type-sample.is-mono{font:500 32px/1.2 var(--mono-font);letter-spacing:-.02em}.brand-buttons{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.brand-button-set{border-radius:8px;padding:28px}.brand-button-set.is-light{background:var(--chalk);color:var(--navy)}.brand-button-set.is-dark{background:var(--midnight);color:var(--chalk);box-shadow:inset 0 0 0 1px var(--navy-grey)}.brand-button-row{flex-wrap:wrap;align-items:center;gap:12px;min-height:120px;margin-bottom:20px;display:flex}.brand-button-row img{width:auto;height:44px}.brand-button-set p{margin:0;font-size:14px;line-height:1.4}.brand-two{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:64px;display:grid}.brand-header+.brand-two{margin-top:0}.brand-list{gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.brand-list li{padding-left:20px;font-size:16px;line-height:1.5;position:relative}.brand-list li:before{background:var(--red);content:"";border-radius:1px;width:6px;height:6px;position:absolute;top:.55em;left:0}.is-dark .brand-list li{color:var(--medium-grey)}.brand-card{border-radius:8px;padding:32px}.is-light .brand-card{background:var(--light-grey)}.is-dark .brand-card{background:var(--navy-grey)}.brand-card.is-yes .brand-list li:before{background:var(--blue)}.brand-card>p{margin:16px 0 0;font-size:18px;line-height:1.5}.brand-card-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.brand-card-head h3{margin:0}.brand-copy-button{border:1px solid var(--muted);color:inherit;font:500 12px/1 var(--mono-font);text-transform:uppercase;cursor:copy;transition:background-color var(--dur-fast,.2s) var(--ease-out,ease-out);background:0 0;border-radius:4px;padding:8px 12px}.brand-copy-button:hover,.brand-copy-button.is-copied{background:var(--midnight)}.motion-armed .brand-hero [data-hero-headline]{visibility:hidden}.motion-armed .brand-hero [data-hero-follow]{opacity:0}@media (width<=1100px){.brand-hero h1{font-size:120px}.brand-header h2{font-size:80px}.brand-logo-grid,.brand-two{grid-template-columns:1fr}.brand-backgrounds,.brand-misuse{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-swatches{grid-template-columns:repeat(4,minmax(0,1fr))}.brand-buttons{grid-template-columns:1fr}.brand-type-row{grid-template-columns:1fr;gap:20px}}@media (width<=760px){.brand-container{width:min(100% - 24px,1392px)}.brand-hero{min-height:600px;padding:72px 0}.brand-hero h1{margin:20px 0 24px;font-size:72px}.brand-hero-intro,.brand-intro{font-size:18px}.brand-section{padding:72px 0}.brand-header{margin-bottom:40px}.brand-header h2{font-size:56px}.brand-sub{margin-top:64px}.brand-logo-previews{height:140px}.brand-logo-body,.brand-card,.brand-button-set{padding:22px}.brand-swatches-primary{grid-template-columns:1fr}.brand-swatch-chip{height:120px}.brand-swatches{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-clear{grid-template-columns:1fr}.brand-backgrounds,.brand-misuse{gap:12px}.brand-type-sample.is-display{font-size:44px}.brand-type-sample.is-body,.brand-type-sample.is-mono{font-size:20px}}